@charset "utf-8";
/* CSS Document */

html {
  scroll-behavior: smooth;
}

body {
	width: 100%;
	margin-left: 0vw;
	margin-top: 0px;
	left: 50%;
}



@media screen and (min-width: 1000px) {
	#mobile { display: none }
}

@media screen and (max-width: 1000px) {
	#desktop { display: none }
}

.icons {
	padding: 0px 10%;
}

.iconsm {
	padding: 0px 10%;
	border-left: thin solid #5B5A54;
	border-right: thin solid #5B5A54;
	
}

.topnav {
	background-color: #608b39;
	padding: 4% 0;
}

.topnav #myLinks {
  display: none;
}

.topnav a {
  color: black;
}

.menu {
	color: black;
	font-family: 'poppins';
	
	padding: 5px 5%;
	font-size: 20px;
	
}

a {
	text-decoration: none;
}

.mobile1 {
	background-color: white;
	font-family: 'poppins';
	padding: 25px 0px 10px;
	color: white;
}

.mobile1 h2 {
	margin-top: -5px;
	font-size: 20px;
}

#slider{
	overflow: hidden;
	margin: auto;
	font-family: 'poppins';
	
}

#slider p{
	padding: 0px 5%;
}

#slider figure{
	position: relative;
	width: 500%;
	margin: 0;
	left: 0;
	animation: 40s slider infinite;
}

#slider figure .slide{
	width: 20%;
	float: left;
	height: 50%;
}

@keyframes slider{
	0% {left: 0;}
	20% {left: 0;}
	25%{left: -100%}
	40%{left:-100%}
	45%{left:-200%}
	60%{left:-200%}
	65% {left:-300%}
	80%{left:-300%}
	85%{left:-400%}
	100%{left:-400%}
}

#sliderd{
	overflow: hidden;
	margin: auto;

	width: 100%;
	
}

#sliderd h3 {
	font-weight: 600;
}

#sliderd h4 {
	font-weight: 500;
}

#sliderd p{
	padding: 0px 5%;
}

#sliderd figure{
	position: relative;
	width: 500%;
	margin: 0;
	left: 0;
	animation: 40s slider infinite;
}

#sliderd figure .slide{
	width: 20%;
	float: left;
	height: 50%;
}

.oned {
	background-image: url("1bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: -20px;
	padding: 2% 50% 18% 5%;
	height: 300px;

}
.twod {
	background-image: url("2bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: -20px;
	padding: 2% 50% 18% 5%;
	height: 300px;
}
.threed {
	background-image: url("3bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: -20px;
	padding: 2% 50% 18% 5%;
	height: 300px;
}
.fourd {
	background-image: url("4bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: -20px;
	padding: 2% 50% 18% 5%;
	height: 300px;
}
.fived {
	background-image: url("5bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: -20px;
	padding: 2% 50% 18% 5%;
	height: 300px;
}

.oned h3 {
	font-size: 36px;
	font-weight: 700;
	color: white!important;
	font-family: 'poppins';

}
.oned h4 {
	font-size: 20px;
	fomt-weight: 200;
	color: white!important;
	margin-bottom: 50px;
	font-family: 'poppins';

}

.twod h3 {
	font-size: 36px;
	font-weight: 700;
	color: white!important;
	font-family: 'poppins';

}
.twod h4 {
	font-size: 20px;
	fomt-weight: 200;
	color: white!important;
	margin-bottom: 50px;
	font-family: 'poppins';

}

.threed h3 {
	font-size: 36px;
	font-weight: 700;
	color: white!important;
	font-family: 'poppins';

}
.threed h4 {
	font-size: 20px;
	fomt-weight: 200;
	color: white!important;
	margin-bottom: 50px;
	font-family: 'poppins';

}

.fourd h3 {
	font-size: 36px;
	font-weight: 700;
	color: white!important;
	font-family: 'poppins';

}
.fourd h4 {
	font-size: 20px;
	fomt-weight: 200;
	color: white!important;
	margin-bottom: 50px;
	font-family: 'poppins';

}

.fived h3 {
	font-size: 36px;
	font-weight: 700;
	color: white!important;
	font-family: 'poppins';

}
.fived h4 {
	font-size: 20px;
	fomt-weight: 200;
	color: white!important;
	margin-bottom: 50px;
	font-family: 'poppins';

}

.buttond {
	background-color:#608b39;
	color: black;
	font-size: 18px;
	width: 20%;
	height: 50px;
	line-height: 50px;
	font-family: 'poppins';
	text-align: center;
}

.buttond:hover {
	transform: scale(1.2);
	color: black;
	background-color: white;
	transition-duration: 1s;
}

.corner {
	position: absolute;
	margin-top: -11%;
	margin-left: 80%;
}

@keyframes slider{
	0% {left: 0;}
	20% {left: 0;}
	25%{left: -100%}
	40%{left:-100%}
	45%{left:-200%}
	60%{left:-200%}
	65% {left:-300%}
	80%{left:-300%}
	85%{left:-400%}
	100%{left:-400%}
}

.one {
	background-image: url("div1bg.png");
	margin-top: -20px;
	padding: 5%;
	height: 440px;
}
.two {
	background-image: url("div2bg.png");
	margin-top: -20px;
	padding: 5%;
	height: 440px;
}
.three {
	background-image: url("div3bg.png");
	margin-top: -20px;
	padding: 5%;
	height: 440px;
}
.four {
	background-image: url("div4bg.png");
	margin-top: -20px;
	padding: 5%;
	height: 440px;
}
.five {
	background-image: url("div5bg.png");
	margin-top: -20px;
	padding: 5%;
	height: 440px;
}

.slide h3 {
	font-size: 36px;
	font-weight: 800;
	color: white!important;
}
.slide h4 {
	font-size: 20px;
	fomt-weight: 200;
	color: white!important;
	margin-bottom: 50px;
}

.button {
	background-color:#608b39;
	color: black;
	font-size: 18px;
	width: 50%;
	height: 50px;
	line-height: 50px;
	font-family: 'poppins';
}

.mobile2 {
	padding: 5%;
	font-family: 'poppins';
}

.mobile2 h3 {
	font-family: 'poppins';
	font-size: 32px;
	font-weight: 300;
}

.mobile2 h4 {
	margin-top: -10px;
	font-family: 'poppins';
	font-size: 20px;
	font-weight: 500;
	color: gray;
}

.mobile2 hr {
	margin-top: -10px;
	padding: 3px 5%;
	background-color: #608b39;
	border: none;
}

.mobile2 p {
	font-family: 'poppins';
}

.mobile3 {
	display: inline-block;
	background-color: #608b39;
	padding: 7% 20% 5%;
	font-family: 'poppins';
	color: white;
	font-size: 16px;
}

.contact {
	padding: 5%;
	background-color: black;
	color: white;
}

.contact h3 {
	font-family: 'poppins';
	font-size: 26px;
}

.contact p {
	font-family: 'poppins';
}

#form {
	font-size: 18px;
	box-shadow: 0px 10px 5px black;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 10%;
	padding-right: 10%;
	color: #608b39;
}

#form textarea {
	width: 85%;
}

input[type=text] {
	background-color: transparent;
  padding: 12px 20px;
  margin: 0px 0;
  box-sizing: border-box;
  border: none;
  border-bottom: 2px solid #608b39;
	color: #608b39;
}

textarea {
	background-color: transparent;
  padding: 12px 20px;
  margin: 0px 0;
  box-sizing: border-box;
  border: none;
  border-bottom: 2px solid #608b39;
	color: #608b39;
	resize: none;
}

.footer {
	padding: 10%;
	font-family: 'poppins';
	
}

.footer h1 {
	font-size: 14px;
}

#dtribbon p {
	font-size: 16px;
	font-family: 'poppins';
	height: 16px;
	line-height: 16px;
	background-color: #608b39;
	text-align: right;
	padding: 10px 7%;
	margin-top: -.2%;
}

.top {
	font-family: 'poppins';
	background-color: #608b39;
	color: white;
	font-weight: 500;

	font-size: 14px;
	padding: .4% 5%;
	
}

.header {
	clear: both;
	padding: 0px 10%;
	background-color: black;
	color: white;
	font-family: 'poppins';

}

.head {
	padding: 2% 3% 0px;
}

.header p{
	font-family: 'poppins';
	margin-top: 0px;
	font-size: 16px;
	font-weight: 500;
	display: inline-block;
	vertical-align: middle;
	padding: 0px 3% 2.5%;
}

.header p:hover {
	color: #608b39;
	transition-duration: .5s;
}

.header a {
	color: white;
}

.header a:hover {
	color: #608b39;
	transform: scale(1.1);
	transition-duration: .5s;
}

.text {
	padding: 2% 5% 2% 50%;
}

.text h3 {
	font-family: 'poppins';
	font-size: 32px;
	font-weight: 400;
}

.text h4 {
	margin-top: -10px;
	font-family: 'poppins';
	font-size: 24px;
	font-weight: 600;
	color: gray;
}

.text hr {
	margin-top: -10px;
	padding: 3px;
	background-color: #608b39;
	border: none;
	width: 100%;
	float: right;
}

.dt4 hr {
	margin-top: -10px;
	padding: 3px;
	background-color: #608b39;
	border: none;
	
}

.right2 {
	float: right;
	padding-right: 5%;
}

.text p {
	font-family: 'poppins';
	font-size: 18px;
}

.rightimg {
	float: right;
	padding: 5% 10% ;
}

.dt3 {
	background-color:#608b39;
	color: white;
	padding: 5%;
}

.icon1 {
	padding: 0px 10%;
}

.itext {
	display: inline-block;
	width: 18%;
	padding: 0px 6%;
	font-family: 'poppins';
	font-size: 20px;
}

.dt4 {
	color: white;
	background-color: black;
	padding: 3% 5%;
	display: inline-block;
	width: 90%;
}

.accent {
	display: inline-block;
	float: left;
	padding: 5%;
}

.accent2 {
	display: inline-block;
	float: right;
	padding: 5%;
	
}

.dt4 h3 {
	font-family: 'poppins';
	font-size: 30px;
	font-weight: 200;
}

.dt4 p {
	padding: 0px 50% 0px 0px;
	font-family: 'poppins';
}

.button3 {
	padding: 10px;
	background-color: white;
	font-family: 'poppins';
}

#footer {
	padding: 2% 15%;
	background-color: white;
}

#footer h3 {
	font-family: 'poppins';
	font-weight: 200;
}

.dt5 {
	width: 33%;
	display: inline-block;
	font-family: 'poppins';
	vertical-align: top;
	
}

.dt6 {
	width: 33%;
	display: inline-block;
	font-family: 'poppins';
	vertical-align: top;
}

.dt7 {
	width: 33%;
	display: inline-block;
	font-family: 'poppins';
	vertical-align: top;
	
}

.logo {
	padding: 0px 1%;
}

.dt5 h4 {
	margin-top: -4%;
	padding: 0;
	
}

.dots {
	font-size: 40px;
	color: white;
	margin-top: -5%;
	position: absolute;
	padding-left: 5%;
}

.topimg1 {
	background-image: url(img1.jpg);
	font-family: 'poppins';
	color: white;
	padding: 3% 0%;
	width: 100%;
	background-repeat: no-repeat;
}

.topimg1 h1 {
	font-size: 50px;
	font-weight: 200;
	margin-top: -.5%;
}

.topimg2 {
	background-image: url(img2.jpg);
	font-family: 'poppins';
	color: white;
	padding: 3% 0%;
	width: 100%;
}

.topimg2 h1 {
	font-size: 50px;
	font-weight: 200;
	margin-top: -.5%;
	margin-bottom: -.5%;
}

.pagetext {
	padding: 0% 20% 5%;
}

.pagetext h2{
	
	font-family: 'poppins';
	font-size: 32px;
}

.pagetext h3 {
	font-family: 'poppins';
	font-size: 24px;
	color: #4B4B4B;
}

.pagetext p {
	font-family: 'poppins';
	font-size: 18px;
}

.pagetextm {
	padding: 0% 10% 2%;
}

.pagetextm h2{
	
	font-family: 'poppins';
	font-size: 32px;
}

.pagetext h3 {
	font-family: 'poppins';
	font-size: 24px;
	color: #4B4B4B;
}

.pagetextm p {
	font-family: 'poppins';
	font-size: 18px;
}

#ribbon {
	display: inline;
	background-color: #608b39;
	width: 96%;
	float: left;
	padding: 10px 2%;
	font-size: 24px;
	
}

#ribbon h1 {
	display: inline;
	font-family: 'poppins';
	font-size: 20px;
}

.agent {
	width: 30%;
	padding: 5%;
	display: inline-block;
	height: 500px;
}

.agent2 {
	width: 30%;
	padding: 5%;
	display: inline-block;
	height: 500px;
}

#mid {
	display: inline;
}

#mid h1 {
	font-family: 'poppins'
}

#mid h2 {
	font-family: 'poppins';
}

#container {
	margin-top: -50px;
	padding: 0px 10%;
}

#containerm {
	padding: 0px 1%;
}

.testm {
	width: 30%;
	height: auto;
	padding: 0% 0%;
	display: inline-table;
}

.testm h1 {
	font-family: 'poppins';
	font-weight: 200;
	font-size: 30px;
}

.testm h2 {
	font-family: 'poppins';
	font-size: 16px;
	margin-top: -20px;
}

.testm p {
	font-family: 'poppins';
	font-size: 16px;
}

.test {
	width: 30%;
	height: auto;
	padding: 0% 5%;
	display: inline-table;
}

.test h1 {
	font-family: 'poppins';
	font-weight: 200;
	font-size: 30px;
}

.test h2 {
	font-family: 'poppins';
	font-size: 16px;
	margin-top: -20px;
}

.test p {
	font-family: 'poppins';
	font-size: 16px;
}

#container hr {
	width: 80%;
	background-color:  #608b39;
	height: 3px;
	border: none;
}

.test:hover {
	transform: scale(1.05);
	transition-duration: .5s;
}

h4 a {
	color: #6E6E6E;
}

a{
	color: black;
}

.sq {
	padding: 3%;
}

.sq:hover {
	transform: scale(1.05);
	transition-duration: .5s;
}

.house {
	display: inline;
	width: 45%;
	padding: 2.5% 2.5%;
	vertical-align: top;
}

.housetext {
	display: inline-block;
	width: 50%;
}

.housem {
	display: inline;
	width: 100%;
	padding: 2.5% 2.5%;
	vertical-align: top;
}

.housetextm {
	display: inline-block;
	
}

.d1 {
	font-family: 'poppins';
	padding: 0 10%;
}

.dan {
	display: inline-block;
	float: left;
	padding: 0 5% 5%;
}

.d1 p{
	display: inline;
	font-size: 20px;
	clear: both;
	padding-bottom: 5%;
}

.m1 {
	font-family: 'poppins';
	padding: 5%;
}

.d2 {
	font-family: 'poppins';
	padding: 0 20%;
}

.d2 p{
	display: inline;
	font-size: 20px;
	clear: both;
	padding-bottom: 5%;
}

#fphead {
	color: white;
	background-image: url("fphead.jpg");
	font-family: 'poppins';
	padding: 10%;
	font-size: 32px;
}

#fpmid {
	padding: 10%;
	font-family: 'poppins';
}

#fpmid1 {
	padding: 3% 20%;
	font-family: 'poppins';
}

#dtfphead {
	color: white;
	background-image: url("fphead.jpg");
	background-repeat: round;
	font-family: 'poppins';
	padding: 5%;
	font-size: 40px;
}

#dtphead {
	color: white;
	background-color: #608b39;
	font-family: 'poppins';
	padding: 2%;
	font-size: 40px;
}

#dtfpmid {
	padding: 3% 20%;
	font-family: 'poppins';
	font-size: 22px;
}

#mid {
    padding: 10%;
    font-family: 'poppins';
	font-size: 22px;
}

#phead {
	color: white;
	background-color: #608b39;
	font-family: 'poppins';
	padding: 1%;
	font-size: 20px;
}


.mySlides {
    display: none;
}



/* The dots/circles */
.dot {
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: 0.3s;
}

.active, .dot:hover {
    background-color: #717171;
}

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

@keyframes fade {
    from {opacity: 0.4} 
    to {opacity: 1}
}

.pages {
    padding: 1% 15%;
    font-family: 'poppins';
}

.gallery {
font-family: 'poppins';
}

.applying {
   font-family: 'poppins';
   padding: 5%;
}

.applying a {
    color: #608b39;
}

.applying hr {
    color: #608b39;
}
#min {
background-image: url("bgps.jpg");
height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  font-family: 'poppins';
}

.button1 {
      background-color: #ffffff;
  border: none;
  color: black;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  width: 50%;
}

.mind{
 padding: 15%;   
}

.minm {
  padding: 10%
}

#mtop {
padding: 5% 25%;
background-color: #618A3C;
}

#dtop {
 padding: 1%;
background-color: #618A3C;   
}

#dcenter {
    font-family: 'poppins';
    padding:2% 15%;
    background-image: url("bgg.jpg");
      /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#dcenter h1 {
    font-size: 3vw;
}

#dcenter h2 {
    font-size: 1.5vw;
}

#mcenter h2 {
    font-size: 8vw;
}

#mcenter h3 {
    font-size: 4vw;
}

#mcenter {
    font-family: 'poppins';
    padding: 5%;
        background-image: url("bgg.jpg");
      /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.nbuttonm {
    padding: 2%;
    background-color: #618A3C;
    width: 60%;
    color: white;
    font-size: 4vw;
}

.nbuttond {
    padding: 2%;
    background-color: #618A3C;
    width: 20%;
    color: white;
    font-size: 1vw;
}

.nbuttonm a {
    color: white;
}

.nbuttond a {
    color: white;
}
#mb {
padding: 5% 25%;
background-color: #618A3C;
    font-family: 'poppins';
        color: white;
}

#mb a {
    color: white;
}

#db {
 padding: 2%;
background-color: #618A3C;  
    font-family: 'poppins';
    color: white;
}