.fade {
  animation-name: fade;
  animation-duration: 3.5s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1} } 
    /* default styles here for older browsers. 
       I tend to go for a 600px - 960px width max but using percentages
    */
    @media screen and (min-device-width: 1025px) and (max-device-width: 1440px){
.fs1_text svg{
display: none;
}
.topmenu{
	display: flex;
}

        .topnav{
	display: none;
}

        .map{
        	margin-left: 30%;
	width: 30%;

}

form{
	margin-left: 10%;
}

.br{
width: 100%;
height: 54px;
background-color: #ffffff;
}
.firstscreen{
display: flex;
display: inline-block;
width: 100%;
height: 754px;
background-image: url(img/22_1.jpg);
background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
background-size: cover;
}


.our_company{
display: flex;
display: inline-block;
width: 100%;
height: auto;
background: #F9F9F9;

}
.our_company_ctx{
display: flex;
display: inline-block;
}
.menu{
display: flex;
width: auto;
height: auto;
margin-top: 2%;
margin-left: 2%;



}

.fs_text2{
text-align: center;
width: 100%;
height: 121.95px;
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 50px;
line-height: 153.5%;
text-shadow: 1px 10px 29px #aecbdb;
color: #FFFFFF;
margin-top: 20%;
}

.fs_text1{
width: 200px;
height: 48.95px;
margin-left: 43%;
margin-top: 4%;
border: none;
background-color: inherit;
/* or 123px */
display: flex;
align-items: center;
color: #FFFFFF;
}

button{
border:none;
}

.container{
margin-left: 20%;
margin-right: 20%;
margin-top: 5%;
}

.ss_text{
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 153.5%;
/* or 51px */
color: #242323;
}

.ss_h1{
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 50px;
line-height: 120%;
/* identical to box height, or 60px */
display: flex;
align-items: center;
text-align: right;
margin-left: 2%;
color: #242323;
}

.ss_inline{
display: flex;
}

.ss_img{
	background-image: url(img/ss1.png);
	background-size: cover;
	width: 448px;
	height: 357px;
	float: right;
}

.colour{
	color: #F9A159;
}

.ts_ctx{
	display: flex;
	width: 100%;
	height: auto;
	background: #65EAB7;

}

.ss1_ctx{
	display: flex;
	width: 100%;
	height: auto;
background: #65EAB7;

}

.ss1_ctx1{
	display: flex;
	width: 100%;
	height: auto;
background:  #F9F9F9;

}

.ts_img{
	background-image: url(img/ts1.png);
	background-size: cover;
	width: 640px;
	height: 682px;
	float: left;
	
}
.ss1_img{
	background-image: url(img/ss.jpg);
	background-size: cover;
	width: 640px;
	height: 682px;
}

.ss1_img1{
	background-image: url(st41.png);
	background-size: cover;
	width: 640px;
	height: 650px;
}
.ts_text{
background: #65EAB7;
font-family: 'Jost', sans-serif;
font-style: normal;

font-size: 24px;
line-height: 153.5%;
/* or 51px */

align-items: center;
width: 60%;
height: 100%;
color: #FFFFFF;
margin-top: 7%;

}

.ss1_text{
background: #65EAB7;
font-family: 'Jost', sans-serif;
font-style: normal;
font-size: 24px;
line-height: 153.5%;
/* or 51px */

align-items: center;
width: 60%;
height: 100%;
color: #FFFFFF;
margin-top: 7%;

}
.ss1_text1{
background: #F9F9F9;
font-family: 'Jost', sans-serif;
font-style: normal;
font-size: 24px;
line-height: 153.5%;
/* or 51px */

align-items: center;
width: 70%;
height: 100%;
color: #242323;
margin-top: 3%;

}
.ss1_text1 p{
	font-family: 'Jost', sans-serif;
margin-left: 5%;
font-size: 24px;

}
.ts_text p{
	margin-left: 4%;
}
.ts_h1{
	font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 50px;
line-height: 120%;
/* or 60px */
display: flex;
align-items: center;
text-align: right;

color: #FFFFFF;

}
.bold{
font-family: 'Jost', sans-serif;
font-style: bold;
}


.ss1_h1{
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 50px;
line-height: 120%;
/* or 60px */
display: flex;
align-items: center;
text-align: right;
color: #242323;

}

.ss1_h11{
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 50px;
line-height: 120%;
/* or 60px */
display: flex;
align-items: center;
text-align: right;
color: #FFFFFF;

}

.ss1_text p , svg{
	margin-left: 4%;
}

.ss1_text  svg{
	margin-top: 1.5%;
}

.fs1_ctx{
	display: flex;
width: 100%;
height: auto;
left: 0px;
background: #65EAB7;
}

.fs1_text{
background: #65EAB7;
font-family: 'Jost', sans-serif;
font-style: normal;

font-size: 24px;
line-height: 153.5%;
/* or 51px */

align-items: center;
width: 100%;
height: 100%;
color: #FFFFFF;
margin-top: 3%;

}
.fs1_text p{
	margin:2%;
}

.fs1_img{
background-image: url(img/fs.jpg);

width: 452px;
height: 699px;
background-size: cover;

}



input{
	border: none;
	width: 370px;
	height: 40px;
	font-family: 'Jost', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 23px;
	color: #242323;
	background-color: #F9F9F9;

}

textarea{
	border: none;
	width: 370px;
	height: 100px;
	font-family: 'Jost', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 23px;
	color: #242323;
	background-color: #F9F9F9;
	resize: none;

}

.underliner{
	width: 370px;
	height: 8px;
	background: #D9D9D9;
}

.submit{
	border: none;
	background-color: inherit;	
	margin-right: 2%;
	width: auto;
	height: 80px;
}

.nav{
width: 100%;
height: 380px;
background: #65EAB7;
}


.c_itm_img svg{
	margin-top: 24px;
}

.c_itm {
	display: flex;
	margin-left: 10%;
	margin-top:1%;

}
.contacts{
	margin-top: 2%;
	width: 600px;
	height: 100px;
}
.c_itm_text ,a{
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 22px;
line-height: 150%;
/* or 33px */
display: flex;
align-items: center;

color: #FFFFFF;

}
.c_itm_img{
	margin-right: 2%;
}


.menuitm1{
	margin-left: 2%;
	font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 22px;
color: #FFFFFF;
}

.menuitm1 a{
text-decoration: none;
}
.nav_menu{

	margin-top: 30px;
	display: inherit;
	width: 100%;
	height: 50%
	margin-left: 5%;
}


.facts_ctx{
width: 100%;
height: auto;

background: #65EAB7;

}
.facts_ctx .feature_itm_ico{
	margin-right: 70px;

}


.features{
	display: flex;
  	margin-left: auto;
  	margin-right: auto;
  



}

.feature_itm_header{
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 28px;
line-height: 120%;
/* or 47px */


text-align: center;

color: #FFFFFF;

}
.feature_itm_info{
	font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 153.5%;
/* or 51px */
display: flex;
align-items: center;
text-align: center;

color: #FFFFFF;
}

.feature_itm_ico{
	  
  margin: auto;
  width: 50%;

}

.feature_itm{
	align-content: center;
	margin: 5%;
	margin-top: 4%;

}


ul {
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 153.5%;
/* or 31px */

display: table;
  margin: auto;
text-align: left;
color: #000000;

}

.ul1 {
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 153.5%;
/* or 31px */

display: table;
  margin: auto;

color: #000000;

}
.facts_info_text{
	font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 28px;
line-height: 153.5%;
/* identical to box height, or 46px */
display: flex;
align-items: center;
text-align: center;

color: #000000;

}
.facts_info{
	display: flex;
	
}

.property{
align-content: center;
}


.menuitm a p{
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 22px;
text-align: center;
inline-size:240px;
writing-mode: horizontal-tb; 
text-decoration: none;
color: #242323;	
}


.sev_ctx{
	display: flex;
	background-color: #F9F9F9;;
}
    

.railroad{
background-color:#F5F5F5;
width: auto;
height: 684px;


}

.railroad1{
background-color:#65EAB7;
width: auto;
height: 684px;


}
.rr-slider{
	display: flex;
	margin-left: auto;
	margin-right: auto;
	margin-right: 25%;

}
.railroad h1 {
	background-color:#F5F5F5;
color: #070707;
text-align: center;
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 50px;
line-height: 120%;
/* identical to box height, or 60px */

color: #242323;
}


.railroad-left{
width: 440px;
height: 570px;

border-radius: 30px;
margin-left: 10%;
}
.railroad-right{
	margin-left: 4%;
}
.railroad-right1{
margin-bottom: 4%;
width: 746px;
height: 270px;

border-radius: 30px;
}

.railroad-right2{
width: 746px;
height: 270px;
border-radius: 30px;
}


.left{
display: flex;
  }

* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;


}

/* Hide the images by default */
.mySlides ,.mySlides1 ,.mySlides2 {
  display: none;
}
.mySlides img{
	border-radius: 30px;
}

.mySlides1 img{
	border-radius: 30px;
}

.mySlides2 img{
	border-radius: 30px;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
width: 86px;
height: 8px;
  margin: 0 2px;
    background-color: #000000;
  border-radius: 30px;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.dot1{
  cursor: pointer;
 width: 86px;
height: 8px;
  margin: 0 2px;
    background-color: #000000;
    border-radius: 30px;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.dot2{
  cursor: pointer;
  width: 86px;
height: 8px;
  margin: 0 2px;
  background-color: #000000;
  border-radius: 30px;
  display: inline-block;
  transition: background-color 0.6s ease;
}
.active, .dot:hover {
  background-color: #F9A159;;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 3.5s;
}

    
    }

        @media screen and (min-device-width: 1441px) and (max-device-width: 2560px){  
    
.fs1_text svg{
display: none;
}

.topnav{
	display: none;
}

        .map{
        	margin-left: 30%;
	width: 30%;

}

form{
	margin-left: 10%;
}

.br{
width: 100%;
height: 54px;
background-color: #ffffff;
}
.firstscreen{
display: flex;
display: inline-block;
width: 100%;
height: 754px;
background-image: url(img/22_1.jpg);
background-size: cover;
backdrop-filter: blur(50px);
}


.our_company{
display: flex;
display: inline-block;
width: 100%;
height: auto;
background: #F9F9F9;

}
.our_company_ctx{
display: flex;
display: inline-block;
}
.menu{
display: flex;
width: auto;
height: auto;
margin-left: 10%;



}

.fs_text2{
text-align: center;
width: 100%;
height: 121.95px;
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 50px;
line-height: 153.5%;
text-shadow: 1px 10px 29px #aecbdb;
color: #FFFFFF;

margin-top: 10%;

color: #FFFFFF;


}

.fs_text1{

width: 200px;
height: 48.95px;
margin-left: 43%;
margin-top: 4%;
border: none;
background-color: inherit;
/* or 123px */
display: flex;
align-items: center;

color: #FFFFFF;

}

button{
	border:none;
}

.container{
margin-left: 20%;
margin-right: 20%;
margin-top: 5%;

}

.ss_text{

font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 153.5%;
/* or 51px */
color: #242323;

}
.ss_h1{
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 50px;
line-height: 120%;
/* identical to box height, or 60px */
display: flex;
align-items: center;
text-align: right;
margin-left: 2%;
color: #242323;

}
.ss_inline{
	display: flex;

}
.ss_img{
	background-image: url(img/ss1.png);
	background-size: cover;
	width: 448px;
	height: 357px;
	float: right;

}
.colour{
	color: #F9A159;
}

.ts_ctx{
	display: flex;
	width: 100%;
	height: auto;
	background: #65EAB7;

}

.ss1_ctx{
	display: flex;
	width: 100%;
	height: auto;
background: #65EAB7;

}

.ss1_ctx1{
	display: flex;
	width: 100%;
	height: auto;
background:  #F9F9F9;

}

.ts_img{
	background-image: url(img/ts1.png);
	background-size: cover;
	width: 640px;
	height: 682px;
	float: left;
	
}
.ss1_img{
	background-image: url(img/ss.jpg);
	background-size: cover;
	width: 640px;
	height: 682px;
}

.ss1_img1{
	background-image: url(st41.png);
	background-size: cover;
	width: 640px;
	height: 550px;
}
.ts_text{
background: #65EAB7;
font-family: 'Jost', sans-serif;
font-style: normal;

font-size: 24px;
line-height: 153.5%;
/* or 51px */

align-items: center;
width: 60%;
height: 100%;
color: #FFFFFF;
margin-top: 7%;

}

.ss1_text{
background: #65EAB7;
font-family: 'Jost', sans-serif;
font-style: normal;
font-size: 24px;
line-height: 153.5%;
/* or 51px */

align-items: center;
width: 60%;
height: 100%;
color: #FFFFFF;
margin-top: 7%;

}
.ss1_text1{
background: #F9F9F9;
font-family: 'Jost', sans-serif;
font-style: normal;
font-size: 24px;
line-height: 153.5%;
/* or 51px */

align-items: center;
width: 70%;
height: 100%;
color: #242323;
margin-top: 3%;

}
.ss1_text1 p{
margin-left: 5%;


}
.ts_text p{
	margin-left: 4%;
}
.ts_h1{
	font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 50px;
line-height: 120%;
/* or 60px */
display: flex;
align-items: center;
text-align: right;

color: #FFFFFF;

}
.bold{
font-family: 'Jost', sans-serif;
font-style: bold;

}


.ss1_h1{
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 50px;
line-height: 120%;
/* or 60px */
display: flex;
align-items: center;
text-align: right;
color: #242323;

}

.ss1_h11{
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 50px;
line-height: 120%;
/* or 60px */
display: flex;
align-items: center;
text-align: right;
color: #FFFFFF;

}

.ss1_text p , svg{
	margin-left: 4%;
}

.ss1_text  svg{
	margin-top: 1.5%;
}

.fs1_ctx{
	display: flex;
width: 100%;
height: auto;
left: 0px;
background: #65EAB7;
}

.fs1_text{
background: #65EAB7;
font-family: 'Jost', sans-serif;
font-style: normal;

font-size: 24px;
line-height: 153.5%;
/* or 51px */

align-items: center;
width: 60%;
height: 100%;
color: #FFFFFF;
margin-top: 3%;

}
.fs1_text p{
	margin:2%;
}

.fs1_img{
background-image: url(img/fs.jpg);

width: 452px;
height: 699px;
background-size: cover;

}



input{
	border: none;
	width: 370px;
	height: 40px;
	font-family: 'Jost', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 23px;
	color: #242323;
	background-color: #F9F9F9;

}

textarea{
	border: none;
	width: 370px;
	height: 100px;
	font-family: 'Jost', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 23px;
	color: #242323;
	background-color: #F9F9F9;
	resize: none;

}

.underliner{
	width: 370px;
	height: 8px;
	background: #D9D9D9;
}

.submit{
	border: none;
	background-color: inherit;	
	margin-right: 2%;
	width: auto;
	height: 80px;
}

.nav{
width: 100%;
height: 380px;
background: #65EAB7;
}


.c_itm {
	display: flex;
	margin-left: 10%;
	margin-top:1%;

}
.contacts{
	margin-top: 2%;
	width: 600px;
	height: 100px;
}
.c_itm_text ,a{
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 22px;
line-height: 150%;
/* or 33px */
display: flex;
align-items: center;

color: #FFFFFF;

}
.c_itm_img{
	margin-right: 2%;
}

.c_itm_img svg {
	margin-top: 24px;
}

.menuitm1{
	margin-left: 2%;
	font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 22px;
color: #FFFFFF;
}

.menuitm1 a{
text-decoration: none;
}
.nav_menu{

	margin-top: 30px;
	display: inherit;
	width: 100%;
	height: 50%
	margin-left: 5%;
}


.facts_ctx{
width: 100%;
height: auto;

background: #65EAB7;

}
.facts_ctx .feature_itm_ico{
	margin-right: 70px;

}


.features{
	display: flex;
  	margin-left: auto;
  	margin-right: auto;
  



}

.feature_itm_header{
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 28px;
line-height: 120%;
/* or 47px */


text-align: center;

color: #FFFFFF;

}
.feature_itm_info{
	font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 153.5%;
/* or 51px */
display: flex;
align-items: center;
text-align: center;

color: #FFFFFF;
}

.feature_itm_ico{
	  
  margin: auto;
  width: 50%;

}

.feature_itm{
	align-content: center;
	margin: 5%;
	margin-top: 4%;

}


ul {
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 153.5%;
/* or 31px */

display: table;
  margin: auto;
text-align: left;
color: #000000;

}

.ul1 {
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 153.5%;
/* or 31px */

display: table;
  margin: auto;

color: #000000;

}
.facts_info_text{
	font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 28px;
line-height: 153.5%;
/* identical to box height, or 46px */
display: flex;
align-items: center;
text-align: center;

color: #000000;

}
.facts_info{
	display: flex;
	
}

.property{
align-content: center;
}


.menuitm a p{

font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 22px;
text-align: center;
inline-size:280px;
writing-mode: horizontal-tb; 
text-decoration: none;
color: #242323;	
}


.sev_ctx{
	display: flex;
	background-color: #F9F9F9;;
}
    

.railroad{
background-color:#F5F5F5;
width: auto;
height: 684px;


}

.railroad1{
background-color:#65EAB7;
width: auto;
height: 684px;


}
.rr-slider{
	display: flex;
	margin-left: 25%;

}
.railroad h1 {
	background-color:#F5F5F5;
color: #070707;
text-align: center;
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 50px;
line-height: 120%;
/* identical to box height, or 60px */

color: #242323;
}


.railroad-left{
width: 440px;
height: 570px;

border-radius: 30px;
margin-left: 5%;
}
.railroad-right{
	margin-left: 4%;
}
.railroad-right1{
margin-bottom: 4%;
width: 746px;
height: 270px;

border-radius: 30px;
}

.railroad-right2{
width: 746px;
height: 270px;
border-radius: 30px;
}


.left{
display: flex;

  }

* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides ,.mySlides1 ,.mySlides2 {
  display: none;
}
.mySlides img{
	border-radius: 30px;
}

.mySlides1 img{
	border-radius: 30px;
}

.mySlides2 img{
	border-radius: 30px;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
width: 86px;
height: 8px;
  margin: 0 2px;
    background-color: #000000;
  border-radius: 30px;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.dot1{
  cursor: pointer;
 width: 86px;
height: 8px;
  margin: 0 2px;
    background-color: #000000;
    border-radius: 30px;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.dot2{
  cursor: pointer;
  width: 86px;
height: 8px;
  margin: 0 2px;
  background-color: #000000;
  border-radius: 30px;
  display: inline-block;
  transition: background-color 0.6s ease;
}
.active, .dot:hover {
  background-color: #F9A159;;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 3.5s;
}


  

  }
    @media only screen and (max-device-width: 480px) {
               
.mini1 img{
	width: 500px;
}

.mini{
	display: flex;

}
.topmenu{
	display: none;
}

.icon img{
	width: 140px;
	height: 140px;
	margin-top: 10px;
	margin-left: 260px;

}

        .map{
        	height: 300px;
	width: 80%;
	display: none;

}

form{
	
	border: solid 3px #000000;

}

.br{
width: 100%;
height: 54px;
background-color: #ffffff;
}
.firstscreen{
display: flex;
display: inline-block;
width: 100%;
height: 1054px;
background-image: url(img/22_1.jpg);
background-size: cover;
backdrop-filter: blur(50px);
}


.our_company{
display: flex;
display: inline-block;
width: 100%;
height: auto;
background: #F9F9F9;

}
.our_company_ctx{
display: flex;
display: inline-block;
height: 100%;
}
.menu{
display: flex;
width: auto;
height: auto;
margin-top: 2%;
margin-left: 2%;



}

.fs_text2{
text-align: center;
width: 100%;
height: 121.95px;
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 70px;
line-height: 153.5%;
text-shadow: 1px 10px 29px #aecbdb;
color: #FFFFFF;

margin-top: 20%;

color: #FFFFFF;


}



.firstscreen button{
	width: 400px;
height: 100px;
margin-left: 30%;
margin-top: 4%;
border: none;
background-color: inherit;
display: flex;
align-items: center;

color: #FFFFFF;
	}
/*
.fs_text1{

width: 400px;
height: 100px;
margin-left: 43%;
margin-top: 4%;
border: none;
background-color: inherit;

display: flex;
align-items: center;

color: #FFFFFF;

}
*/

button{
	border:none;
}

.container{
margin-left: 10%;
margin-right: 10%;
margin-top: 5%;

}

.ss_text{

font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 40px;
line-height: 153.5%;
/* or 51px */
color: #242323;


}
.ss_h1{
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 60px;
line-height: 120%;
/* identical to box height, or 60px */
display: flex;
align-items: center;
text-align: right;
margin-left: 2%;
color: #242323;

}
.ss_inline{
	display: flex;

}

.ss_inline svg{
	width: 250px;
	height: auto;
}
.ss_img{
	background-image: url(img/ss1.png);
	background-size: cover;
	width: 448px;
	height: 357px;
	float: right;

}
.colour{
	color: #F9A159;
}

.ts_ctx{
	display: flex;
	width: 100%;
	height: auto;
	background: #65EAB7;

}

.ss1_ctx{
	display: flex;
	width: 100%;
	height: auto;
background: #65EAB7;

}

.ss1_ctx1{
	display: flex;
	width: 100%;
	height: auto;
background:  #F9F9F9;

}

.ts_img{
	background-image: url(img/ts1.png);
	background-size: cover;
	width: 640px;
	height: 682px;
	float: left;
	
}
.ss1_img{
	background-image: url(img/ss.jpg);
	background-size: cover;
	width: 640px;
	height: 682px;
	display: none;
}

.ss1_img1{
	background-image: url(st41.png);
	background-size: cover;
	width: 640px;
	height: 650px;
	display: none;
}
.ts_text{
background: #65EAB7;
font-family: 'Jost', sans-serif;
font-style: normal;

font-size: 24px;
line-height: 153.5%;
/* or 51px */

align-items: center;
width: 60%;
height: 100%;
color: #FFFFFF;
margin-top: 7%;

}

.ss1_text{
background: #65EAB7;
font-family: 'Jost', sans-serif;
font-style: normal;
font-size: 24px;
line-height: 153.5%;
/* or 51px */

align-items: center;
width: 100%;
height: 100%;
color: #FFFFFF;
margin-top: 7%;

}
.ss1_text1{
background: #F9F9F9;
font-family: 'Jost', sans-serif;
font-style: normal;
font-size: 38px;
line-height: 153.5%;
/* or 51px */

align-items: center;
width: 95%;
height: 100%;
color: #242323;
margin-top: 3%;

}
.ss1_text1 p{
	
margin-left: 5%;
background: #F9F9F9;
font-family: 'Jost', sans-serif;
font-style: normal;
font-size: 38px;
font-family: 'Jost', sans-serif;
    font-style: normal;
    font-size: 38px;
    line-height: 153.5%;




}
.ts_text p{
	margin-left: 4%;
}
.ts_h1{
	font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 60px;
line-height: 120%;
/* or 60px */
display: flex;
align-items: center;
text-align: right;

color: #FFFFFF;

}
.bold{
font-family: 'Jost', sans-serif;
font-style: bold;

}


.ss1_h1{
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 50px;
line-height: 120%;
/* or 60px */
display: flex;
align-items: center;
text-align: right;
color: #242323;

}

.ss1_h11{
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 60px;
line-height: 120%;
/* or 60px */
display: flex;
align-items: center;
text-align: right;
color: #FFFFFF;

}

.ss1_text p , svg{
	margin-left: 4%;

}


.ss1_text p {
	


font-size: 38px;
line-height: 120%;
/* or 60px */



color: #FFFFFF;

	
}
.ss1_text  svg{
	margin-top: 1.5%;
}

.fs1_ctx{
	display: flex;
width: 100%;
height: auto;
left: 0px;
background: #65EAB7;
}

.fs1_text{
background: #65EAB7;
font-family: 'Jost', sans-serif;
font-style: normal;

font-size: 38px;
line-height: 153.5%;
/* or 51px */

align-items: center;
width: 100%;
height: 100%;
color: #FFFFFF;
margin-top: 3%;

}
.fs1_text p{
	margin:2%;
}

.fs1_img{
background-image: url(img/fs.jpg);

width: 452px;
height: 699px;
background-size: cover;
display: none;
}



input{
	border: none;
	width: 100%;
	height: 140px;
	font-family: 'Jost', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 33px;
	color: #242323;
	background-color: #F9F9F9;

}

textarea{
	border: none;
	width: 100%;
	height: 300px;
	font-family: 'Jost', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 33px;
	color: #242323;
	background-color: #F9F9F9;
	resize: none;

}

.underliner{
	width: 100%;
	height: 3px;
	background: #000000;
}

.submit{
	border: none;
	background-color: inherit;	
	margin-right: 2%;
	width: auto;
	height: 80px;
}

.nav{
width: 100%;
height: 380px;
background: #65EAB7;
}

.c_itm_text p{
	font-size: 40px;

}

.c_itm {
	display: flex;
	margin-left: 10%;
	margin-top:1%;
	width: 900px;

}
.contacts{
	margin-top: 2%;
	width: 600px;
	height: 100px;
}
.c_itm_text ,a{
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 22px;
line-height: 150%;
/* or 33px */
display: flex;
align-items: center;

color: #FFFFFF;

}

.ss1_img_svg svg{
	width: 150px;
	height: 150px;
}
.c_itm_img{
	margin-right: 2%;
}


.menuitm1{
	margin-left: 2%;
	font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 22px;
color: #FFFFFF;
}

.menuitm1 a{
text-decoration: none;
}
.nav_menu{

	margin-top: 30px;
	display: inherit;
	width: 100%;
	height: 50%
	margin-left: 5%;
	display: none;
}


.facts_ctx{
width: 100%;
height: auto;

background: #65EAB7;

}
.facts_ctx .feature_itm_ico{
	margin-right: 70px;

}


.features{
	
  	margin-left: auto;
  	margin-right: auto;
  



}

.feature_itm_header{
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 58px;
line-height: 120%;
/* or 47px */


text-align: center;

color: #FFFFFF;

}
.feature_itm_info{
	font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 30px;
line-height: 153.5%;
/* or 51px */
display: flex;
align-items: center;
text-align: center;

color: #FFFFFF;
}

.feature_itm_ico{
	  
  margin: auto;
  width: 57%;

}

.feature_itm_ico svg{
	width: 300px;
	height: 300px;
}

.feature_itm{
	align-content: center;
	margin: 5%;
	margin-top: 4%;

}


ul {
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 153.5%;
/* or 31px */

display: table;
  margin: auto;
text-align: left;
color: #000000;

}

.ul1 {
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 153.5%;
/* or 31px */

display: table;
  margin: auto;

color: #000000;

}
.facts_info_text{
	font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 28px;
line-height: 153.5%;
/* identical to box height, or 46px */
display: flex;
align-items: center;
text-align: center;

color: #000000;

}
.facts_info{
	display: flex;
	
}

.property{
align-content: center;
}


.menuitm a p{
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 22px;
text-align: center;
inline-size:240px;
writing-mode: horizontal-tb; 
text-decoration: none;
color: #242323;	

}


.sev_ctx{

	background-color: #F9F9F9;
}
    

.railroad{
background-color:#F5F5F5;
width: auto;
height: 684px;
display: none;

}

.railroad1{
background-color:#65EAB7;
width: auto;
height: 684px;


}
.rr-slider{
	display: flex;
	margin-left: auto;
	margin-right: auto;

}
.railroad h1 {
	background-color:#F5F5F5;
color: #070707;
text-align: center;
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 50px;
line-height: 120%;
/* identical to box height, or 60px */

color: #242323;
}


.railroad-left{
width: 440px;
height: 570px;

border-radius: 30px;
margin-left: 10%;
}
.railroad-right{
	margin-left: 4%;
}
.railroad-right1{
margin-bottom: 4%;
width: 746px;
height: 270px;

border-radius: 30px;
}

.railroad-right2{
width: 746px;
height: 270px;
border-radius: 30px;
}


.left{
display: flex;
  }

* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;


}

/* Hide the images by default */
.mySlides ,.mySlides1 ,.mySlides2 {
  display: none;
}
.mySlides img{
	border-radius: 30px;
}

.mySlides1 img{
	border-radius: 30px;
}

.mySlides2 img{
	border-radius: 30px;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
width: 86px;
height: 8px;
  margin: 0 2px;
    background-color: #000000;
  border-radius: 30px;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.dot1{
  cursor: pointer;
 width: 86px;
height: 8px;
  margin: 0 2px;
    background-color: #000000;
    border-radius: 30px;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.dot2{
  cursor: pointer;
  width: 86px;
height: 8px;
  margin: 0 2px;
  background-color: #000000;
  border-radius: 30px;
  display: inline-block;
  transition: background-color 0.6s ease;
}
.active, .dot:hover {
  background-color: #F9A159;;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 3.5s;
}




.c_itm svg{
	margin-top: 40px;
	width: 50px;
	height: 50px;
}



.fs1_text svg{
	height: 250px;
	width: 250px;
}

.linkes {
	background-color: #65EAB7;
	border-radius: 30px;
	margin-left: 2%;
	margin-bottom: 2%;
}
.linkes a{
	margin-left: 5%;

	font-size: 50px;

}

  }

   
    @media screen and (min-device-width: 481px) and (max-device-width: 960px){ 
.fs1_text svg{

}
.topmenu{
	display: none;
}

               
.mini1 img{
	width: 200px;
}

.mini{
	display: flex;

}
.topmenu{
	display: none;
}



.linkes {
	background-color: #65EAB7;
	border-radius: 30px;
	margin-left: 2%;
	margin-bottom: 2%;
	

}
.linkes a{
	margin-left: 5%;

	font-size: 30px;

}
.icon img{
	width: 70px;
	height: 70px;
	margin-top: 5px;
	margin-left: 660px;

}

        .map{
        	margin-left: 10%;
	width: 40%;

}

form{
	margin-left: 10%;
}

.br{
width: 100%;
height: 54px;
background-color: #ffffff;
}
.firstscreen{
display: flex;
display: inline-block;
width: 100%;
height: 754px;
background-image: url(img/22_1.jpg);
background-size: cover;
backdrop-filter: blur(50px);
}


.our_company{
display: flex;
display: inline-block;
width: 100%;
height: auto;
background: #F9F9F9;

}
.our_company_ctx{
display: flex;
display: inline-block;
}
.menu{
	display: none;
display: flex;
width: auto;
height: auto;
margin-top: 2%;
margin-left: 2%;



}

.fs_text2{
text-align: center;
width: 100%;
height: 121.95px;
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 50px;
line-height: 153.5%;
text-shadow: 1px 10px 29px #aecbdb;
color: #FFFFFF;

margin-top: 20%;

color: #FFFFFF;


}

.fs_text1{

width: 200px;
height: 48.95px;
margin-left: 43%;
margin-top: 4%;
border: none;
background-color: inherit;
/* or 123px */
display: flex;
align-items: center;

color: #FFFFFF;

}

button{
	border:none;
}

.container{
margin-left: 5%;
margin-right: 5%;
margin-top: 10%;

}

.ss_text{

font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 153.5%;
/* or 51px */
color: #242323;

}
.ss_h1{
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 50px;
line-height: 120%;
/* identical to box height, or 60px */
display: flex;
align-items: center;
text-align: right;
margin-left: 2%;
color: #242323;

}
.ss_inline{
	display: flex;

}
.ss_img{
	background-image: url(img/ss1.png);
	background-size: cover;
	width: 448px;
	height: 357px;
	float: right;

}
.colour{
	color: #F9A159;
}

.ts_ctx{
	display: flex;
	width: 100%;
	height: auto;
	background: #65EAB7;

}

.ss1_ctx{
	display: flex;
	width: 100%;
	height: auto;
background: #65EAB7;

}

.ss1_ctx1{
	display: flex;
	width: 100%;
	height: auto;
background:  #F9F9F9;

}

.ts_img{
	background-image: url(img/ts1.png);
	background-size: cover;
	width: 640px;
	height: 682px;
	float: left;
	
}
.ss1_img{
	background-image: url(img/ss.jpg);
	background-size: cover;
	width: 540px;
	height: 750px;
}

.ss1_img1{
	background-image: url(st41.png);
	background-size: cover;
	width: 640px;
	height: 800px;
}
.ts_text{
background: #65EAB7;
font-family: 'Jost', sans-serif;
font-style: normal;

font-size: 24px;
line-height: 153.5%;
/* or 51px */

align-items: center;
width: 60%;
height: 100%;
color: #FFFFFF;
margin-top: 7%;

}

.ss1_text{
background: #65EAB7;
font-family: 'Jost', sans-serif;
font-style: normal;
font-size: 24px;
line-height: 153.5%;
/* or 51px */

align-items: center;
width: 60%;
height: 100%;
color: #FFFFFF;
margin-top: 7%;

}
.ss1_text1{
background: #F9F9F9;
font-family: 'Jost', sans-serif;
font-style: normal;
font-size: 24px;
line-height: 153.5%;
/* or 51px */

align-items: center;
width: 70%;
height: 100%;
color: #242323;
margin-top: 3%;

}
.ss1_text1 p{
	font-family: 'Jost', sans-serif;
margin-left: 5%;
font-size: 24px;

}
.ts_text p{
	margin-left: 4%;
}
.ts_h1{
	font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 50px;
line-height: 120%;
/* or 60px */
display: flex;
align-items: center;
text-align: right;

color: #FFFFFF;

}
.bold{
font-family: 'Jost', sans-serif;
font-style: bold;

}


.ss1_h1{
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 50px;
line-height: 120%;
/* or 60px */
display: flex;
align-items: center;
text-align: right;
color: #242323;

}

.ss1_h11{
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 50px;
line-height: 120%;
/* or 60px */
display: flex;
align-items: center;
text-align: right;
color: #FFFFFF;

}

.ss1_text p , svg{
	margin-left: 4%;
}

.ss1_text  svg{
	margin-top: 1.5%;
}

.fs1_ctx{
	display: flex;
width: 100%;
height: auto;
left: 0px;
background: #65EAB7;
}

.fs1_text{
background: #65EAB7;
font-family: 'Jost', sans-serif;
font-style: normal;

font-size: 24px;
line-height: 153.5%;
/* or 51px */

align-items: center;
width: 100%;
height: 100%;
color: #FFFFFF;
margin-top: 3%;

}
.fs1_text p{
	margin:2%;
}

.fs1_img{
background-image: url(img/fs.jpg);
display: none;
width: 452px;
height: 699px;
background-size: cover;

}



input{
	border: none;
	width: 370px;
	height: 40px;
	font-family: 'Jost', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 23px;
	color: #242323;
	background-color: #F9F9F9;

}

textarea{
	border: none;
	width: 370px;
	height: 100px;
	font-family: 'Jost', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 23px;
	color: #242323;
	background-color: #F9F9F9;
	resize: none;

}

.underliner{
	width: 370px;
	height: 8px;
	background: #D9D9D9;
}

.submit{
	border: none;
	background-color: inherit;	
	margin-right: 2%;
	width: auto;
	height: 80px;
}

.nav{
width: 100%;
height: 280px;
background: #65EAB7;
}


.c_itm {
	display: flex;
	margin-left: 10%;
	margin-top:1%;

}
.contacts{
	margin-top: 2%;
	width: 600px;
	height: 100px;
}
.c_itm_text ,a{
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 22px;
line-height: 150%;
/* or 33px */
display: flex;
align-items: center;

color: #FFFFFF;

}
.c_itm_img{
	margin-right: 2%;
}
.c_itm_img svg{
	margin-top: 24px;
}


.menuitm1{
	margin-left: 2%;
	font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 22px;
color: #FFFFFF;
}

.menuitm1 a{
text-decoration: none;
}
.nav_menu{
display: none;

}


.facts_ctx{
width: 100%;
height: auto;

background: #65EAB7;

}
.facts_ctx .feature_itm_ico{
	margin-right: 70px;

}


.features{
	display: flex;
  	margin-left: auto;
  	margin-right: auto;
  



}

.feature_itm_header{
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 28px;
line-height: 120%;
/* or 47px */


text-align: center;

color: #FFFFFF;

}
.feature_itm_info{
	font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 153.5%;
/* or 51px */
display: flex;
align-items: center;
text-align: center;

color: #FFFFFF;
}

.feature_itm_ico{
	  
  margin: auto;
  width: 50%;

}

.feature_itm{
	align-content: center;
	margin: 5%;
	margin-top: 4%;

}


ul {
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 153.5%;
/* or 31px */

display: table;
  margin: auto;
text-align: left;
color: #000000;

}

.ul1 {
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 153.5%;
/* or 31px */

display: table;
  margin: auto;

color: #000000;

}
.facts_info_text{
	font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 28px;
line-height: 153.5%;
/* identical to box height, or 46px */
display: flex;
align-items: center;
text-align: center;

color: #000000;

}
.facts_info{
	display: flex;
	
}

.property{
align-content: center;
}


.menuitm a p{
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 22px;
text-align: center;
inline-size:240px;
writing-mode: horizontal-tb; 
text-decoration: none;
color: #242323;	
}


.sev_ctx{
	display: flex;
	background-color: #F9F9F9;;
}
    

.railroad{
background-color:#F5F5F5;
width: auto;
height: 684px;
display: none;

}

.railroad1{
background-color:#65EAB7;
width: auto;
height: 684px;


}
.rr-slider{
	display: flex;
	margin-left: auto;
	margin-right: auto;

}
.railroad h1 {
	background-color:#F5F5F5;
color: #070707;
text-align: center;
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 50px;
line-height: 120%;
/* identical to box height, or 60px */

color: #242323;
}


.railroad-left{
width: 440px;
height: 570px;

border-radius: 30px;
margin-left: 10%;
}
.railroad-right{
	margin-left: 4%;
}
.railroad-right1{
margin-bottom: 4%;
width: 746px;
height: 270px;

border-radius: 30px;
}

.railroad-right2{
width: 746px;
height: 270px;
border-radius: 30px;
}


.left{
display: flex;
  }

* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;


}

/* Hide the images by default */
.mySlides ,.mySlides1 ,.mySlides2 {
  display: none;
}
.mySlides img{
	border-radius: 30px;
}

.mySlides1 img{
	border-radius: 30px;
}

.mySlides2 img{
	border-radius: 30px;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
width: 86px;
height: 8px;
  margin: 0 2px;
    background-color: #000000;
  border-radius: 30px;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.dot1{
  cursor: pointer;
 width: 86px;
height: 8px;
  margin: 0 2px;
    background-color: #000000;
    border-radius: 30px;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.dot2{
  cursor: pointer;
  width: 86px;
height: 8px;
  margin: 0 2px;
  background-color: #000000;
  border-radius: 30px;
  display: inline-block;
  transition: background-color 0.6s ease;
}
.active, .dot:hover {
  background-color: #F9A159;;
}

/* Fading animation */

}


@media screen and (min-device-width: 960px) and (max-device-width: 1024px){ 


.fs1_text svg{
display: none;
}
.topmenu{
	display: flex;
}

        .topnav{
	display: none;
}

.map{
margin-left: 30%;
width: 30%;
}

form{
	margin-left: 10%;
}

.br{
width: 100%;
height: 54px;
background-color: #ffffff;
}
.firstscreen{
display: flex;
display: inline-block;
width: 100%;
height: 754px;
background-image: url(img/22_1.jpg);
background-size: cover;
backdrop-filter: blur(50px);
}


.our_company{
display: flex;
display: inline-block;
width: 100%;
height: auto;
background: #F9F9F9;

}
.our_company_ctx{
display: flex;
display: inline-block;
}
.menu{
display: flex;
width: auto;
height: auto;
margin-top: 2%;
margin-left: 2%;



}

.fs_text2{
text-align: center;
width: 100%;
height: 121.95px;
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 50px;
line-height: 153.5%;
text-shadow: 1px 10px 29px #aecbdb;
color: #FFFFFF;

margin-top: 20%;

color: #FFFFFF;


}

.fs_text1{

width: 200px;
height: 48.95px;
margin-left: 43%;
margin-top: 4%;
border: none;
background-color: inherit;
/* or 123px */
display: flex;
align-items: center;

color: #FFFFFF;

}

button{
	border:none;
}

.container{
margin-left: 20%;
margin-right: 20%;
margin-top: 5%;

}

.ss_text{

font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 153.5%;
/* or 51px */
color: #242323;

}
.ss_h1{
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 50px;
line-height: 120%;
/* identical to box height, or 60px */
display: flex;
align-items: center;
text-align: right;
margin-left: 2%;
color: #242323;

}
.ss_inline{
	display: flex;

}
.ss_img{
	background-image: url(img/ss1.png);
	background-size: cover;
	width: 448px;
	height: 357px;
	float: right;

}
.colour{
	color: #F9A159;
}

.ts_ctx{
	display: flex;
	width: 100%;
	height: auto;
	background: #65EAB7;

}

.ss1_ctx{
	display: flex;
	width: 100%;
	height: auto;
background: #65EAB7;

}

.ss1_ctx1{
	display: flex;
	width: 100%;
	height: auto;
background:  #F9F9F9;

}

.ts_img{
	background-image: url(img/ts1.png);
	background-size: cover;
	width: 640px;
	height: 682px;
	float: left;
	
}
.ss1_img{
	background-image: url(img/ss.jpg);
	background-size: cover;
	width: 640px;
	height: 682px;
}

.ss1_img1{
	background-image: url(st41.png);
	background-size: cover;
	width: 640px;
	height: 650px;
}
.ts_text{
background: #65EAB7;
font-family: 'Jost', sans-serif;
font-style: normal;

font-size: 24px;
line-height: 153.5%;
/* or 51px */

align-items: center;
width: 60%;
height: 100%;
color: #FFFFFF;
margin-top: 7%;

}

.ss1_text{
background: #65EAB7;
font-family: 'Jost', sans-serif;
font-style: normal;
font-size: 24px;
line-height: 153.5%;
/* or 51px */

align-items: center;
width: 60%;
height: 100%;
color: #FFFFFF;
margin-top: 7%;

}
.ss1_text1{
background: #F9F9F9;
font-family: 'Jost', sans-serif;
font-style: normal;
font-size: 24px;
line-height: 153.5%;
/* or 51px */

align-items: center;
width: 70%;
height: 100%;
color: #242323;
margin-top: 3%;

}
.ss1_text1 p{
	font-family: 'Jost', sans-serif;
margin-left: 5%;
font-size: 24px;

}
.ts_text p{
	margin-left: 4%;
}
.ts_h1{
	font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 50px;
line-height: 120%;
/* or 60px */
display: flex;
align-items: center;
text-align: right;

color: #FFFFFF;

}
.bold{
font-family: 'Jost', sans-serif;
font-style: bold;

}


.ss1_h1{
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 50px;
line-height: 120%;
/* or 60px */
display: flex;
align-items: center;
text-align: right;
color: #242323;

}

.ss1_h11{
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 50px;
line-height: 120%;
/* or 60px */
display: flex;
align-items: center;
text-align: right;
color: #FFFFFF;

}

.ss1_text p , svg{
	margin-left: 4%;
}

.ss1_text  svg{
	margin-top: 1.5%;
}

.fs1_ctx{
	display: flex;
width: 100%;
height: auto;
left: 0px;
background: #65EAB7;
}

.fs1_text{
background: #65EAB7;
font-family: 'Jost', sans-serif;
font-style: normal;

font-size: 24px;
line-height: 153.5%;
/* or 51px */

align-items: center;
width: 100%;
height: 100%;
color: #FFFFFF;
margin-top: 3%;

}
.fs1_text p{
	margin:2%;
}

.fs1_img{
background-image: url(img/fs.jpg);

width: 452px;
height: 699px;
background-size: cover;

}



input{
	border: none;
	width: 370px;
	height: 40px;
	font-family: 'Jost', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 23px;
	color: #242323;
	background-color: #F9F9F9;

}

textarea{
	border: none;
	width: 370px;
	height: 100px;
	font-family: 'Jost', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 23px;
	color: #242323;
	background-color: #F9F9F9;
	resize: none;

}

.underliner{
	width: 370px;
	height: 8px;
	background: #D9D9D9;
}

.submit{
	border: none;
	background-color: inherit;	
	margin-right: 2%;
	width: auto;
	height: 80px;
}

.nav{
width: 100%;
height: 380px;
background: #65EAB7;
}


.c_itm_img svg{
	margin-top: 24px;
}

.c_itm {
	display: flex;
	margin-left: 10%;
	margin-top:1%;

}
.contacts{
	margin-top: 2%;
	width: 600px;
	height: 100px;
}
.c_itm_text ,a{
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 22px;
line-height: 150%;
/* or 33px */
display: flex;
align-items: center;

color: #FFFFFF;

}
.c_itm_img{
	margin-right: 2%;
}


.menuitm1{
	margin-left: 2%;
	font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 22px;
color: #FFFFFF;
}

.menuitm1 a{
text-decoration: none;
}
.nav_menu{

	margin-top: 30px;
	display: inherit;
	width: 100%;
	height: 50%
	margin-left: 5%;
}


.facts_ctx{
width: 100%;
height: auto;

background: #65EAB7;

}
.facts_ctx .feature_itm_ico{
	margin-right: 70px;

}


.features{
	display: flex;
  	margin-left: auto;
  	margin-right: auto;
  



}

.feature_itm_header{
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 28px;
line-height: 120%;
/* or 47px */


text-align: center;

color: #FFFFFF;

}
.feature_itm_info{
	font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 153.5%;
/* or 51px */
display: flex;
align-items: center;
text-align: center;

color: #FFFFFF;
}

.feature_itm_ico{
	  
  margin: auto;
  width: 50%;

}

.feature_itm{
	align-content: center;
	margin: 5%;
	margin-top: 4%;

}


ul {
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 153.5%;
/* or 31px */

display: table;
  margin: auto;
text-align: left;
color: #000000;

}

.ul1 {
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 153.5%;
/* or 31px */

display: table;
  margin: auto;

color: #000000;

}
.facts_info_text{
	font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 28px;
line-height: 153.5%;
/* identical to box height, or 46px */
display: flex;
align-items: center;
text-align: center;

color: #000000;

}
.facts_info{
	display: flex;
	
}

.property{
align-content: center;
}


.menuitm a p{
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 22px;
text-align: center;
inline-size:150px;
writing-mode: horizontal-tb; 
text-decoration: none;
color: #242323;	
}


.sev_ctx{
	display: flex;
	background-color: #F9F9F9;;
}
    

.railroad{
background-color:#F5F5F5;
width: auto;
height: 684px;
display: none;

}

.railroad1{
background-color:#65EAB7;
width: auto;
height: 684px;


}
.rr-slider{
	display: flex;
	margin-left: auto;
	margin-right: auto;

}
.railroad h1 {
	background-color:#F5F5F5;
color: #070707;
text-align: center;
font-family: 'Jost', sans-serif;
font-style: normal;
font-weight: 800;
font-size: 50px;
line-height: 120%;
/* identical to box height, or 60px */

color: #242323;
}


.railroad-left{
width: 440px;
height: 570px;

border-radius: 30px;
margin-left: 10%;
}
.railroad-right{
	margin-left: 4%;
}
.railroad-right1{
margin-bottom: 4%;
width: 746px;
height: 270px;

border-radius: 30px;
}

.railroad-right2{
width: 746px;
height: 270px;
border-radius: 30px;
}


.left{
display: flex;
  }

* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;


}

/* Hide the images by default */
.mySlides ,.mySlides1 ,.mySlides2 {
  display: none;
}
.mySlides img{
	border-radius: 30px;
}

.mySlides1 img{
	border-radius: 30px;
}

.mySlides2 img{
	border-radius: 30px;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
width: 86px;
height: 8px;
  margin: 0 2px;
    background-color: #000000;
  border-radius: 30px;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.dot1{
  cursor: pointer;
 width: 86px;
height: 8px;
  margin: 0 2px;
    background-color: #000000;
    border-radius: 30px;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.dot2{
  cursor: pointer;
  width: 86px;
height: 8px;
  margin: 0 2px;
  background-color: #000000;
  border-radius: 30px;
  display: inline-block;
  transition: background-color 0.6s ease;
}
.active, .dot:hover {
  background-color: #F9A159;;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 3.5s;
}
}