#whole{
  float: left;
  width: 100%;
  height: auto;
  font-family: 'Roboto', sans-serif;
  padding: 0px;
  margin: 0px;
  clear: both;
}

#backroll{
	float: left;
	width: 100%;
	height: auto;
	background-image: url("../images/home.jpg");
	background-position: center ;
	background-repeat: no-repeat;
	background-size: cover;

}
.getLeft span {
    font-size: 14px;
}

*{
  /* margin: 0px;
  padding: 0px; */
  box-sizing: border-box;
}
body{
  margin: 0px;
  padding: 0px;
	font-family: 'Roboto', sans-serif;

}
.car{
float: left;
width: 100%;
height: auto;
background-color: white;

}
#grad1 {
    height:auto;
    background: #cfe2e9; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#cfe2e9, #e9ebee); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#cfe2e9, #e9ebee); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#cfe2e9, #e9ebee); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#cfe2e9, #e9ebee); /* Standard syntax (must be last) */
}

.padme2{
	padding: 10px 0px 10px 0px;
}

.styler{
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.topMen{
  float: left;
  width: 100%;
  height: auto;
  background: transparent;
  color: black;
  margin: 0px 0px 0px 0px;
}

.topman{
	float: left;
	width: 100%;
	height: auto;
	padding: 5px;
	background: #4fc2ec;
	color: white;
}

.navbarr{
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* background-color: blue; */
}
.navbarr-links ul{
  margin: 0;
  padding: 0;
  display: flex;
}

.navbarr-links li{
  list-style: none;
}

.navbarr-links li a{
  text-decoration: none;
  padding: 1rem;
  display: block;
  /* color: #5bb5a5; */
  /* color: #ed1e7f; */
	color: #630815;
  text-transform: uppercase;
}

.navbarr-links li a:hover{
  /* color: black; */
	color: #ed1e7f;
}
#dropy li{
  display: list-item;
  flex-direction: column;
}

.toggle-button{
  position: absolute;
  top: .25rem;
  right: 1rem;
  display: none;
  flex-direction: column;
  justify-content: space-between;
  width: 30px;
  height: 21px;
}

.toggle-button .bar{
  height: 3px;
  width: 100%;
  /* background-color: #dd0f0f; */
  background-color: #F9B04E;
  border-radius: 10px;
}
.logo1{
  padding-left: 20px;
  text-transform: uppercase;
  color: #F9B04E;
}
.titler{
  color: Black;
}

.regulate{
	float: left;
	width: 80%;
	height: auto;
	padding: 70px 0px 0px 0px;
	color: white;
  /* background: grey; */
}

.address{
	float: left;
	width: auto;
	height: auto;
	font-size: 12px;
}

.cellnumber{
	float: left;
	width: auto;
	height: auto;
	padding: 0px 0px 0px 70px;
	font-size: 12px;
}
.cell{
	float: left;
	width: auto;
	height: auto;
	padding-left: 5px;
	font-size: 12px;
}

.cell a{
	text-decoration: none;
	color: white;
}

.cell a:hover{
	text-decoration: none;
	color: gold;
}

.marg{
	float: left;
	padding-right: 10px;
	height: auto;
	width: auto;
}

.sam{
	float: right;
	width: auto;
	height: auto;
	margin-top: 3px;
}

.sam a{
	color: white;
}

.sam a:hover{
	color: gold;
}

.setAbout{
  font-size: 15px;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 1px;
	font-weight: 300;
}


@media screen and (max-width: 900px) {
    .regulate{
	    float: left;
	    width: 100%;
	    display: block;

    }
}

.alline{
  float: left;
  width: 100%;
  height: inherit;
  padding: 5px 0px 5px 0px;
}

.cont{
  float: left;
  width: 30px;
  height: auto;
}

.conta{
  float: left;
  width: auto;
  height: auto;
  font-size: 14px;
  padding: 5px 10px 10px 10px;
}

.learnbtn{
	float: left;
	width: auto;
	height: auto;
	padding: 10px 20px 10px 20px;
	background-color: #F9B04E;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
	margin: 10px 0px 10px 0px;
	color: black;
	cursor: pointer;
  border: none;

}

.learnbtn:hover {
	color: white;
}

.intro{
	float: left;
	width: auto;
	height: auto;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	line-height: 1.5;
	font-size: 18px;
}


.paddy{
  float: left;
  width: auto;
  height: auto;
  padding: 20px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	line-height: 1.5;
	font-size: 16px;
}

.attention{
	float: left;
	width: 100%;
	height: auto;
	background-color: #F9B04E;
	padding: 10px 10px 10px 10px;
	text-align: center;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    color: black;
    font-size: 25px;

}

.fullSwing{
	float: left;
	width: 100%;
	height: auto;
}

.slideshow{
	width: 100%;
	height: 70vh;
	position: relative;
	overflow: hidden;
}

.slideshow-item{
	width: inherit;
	height: inherit;
	position: absolute;
	opacity: 0;
	animation: cycleImages 31s infinite;
}

.slideshow-item:nth-child(1){
	animation-delay: 0s;
}
.slideshow-item:nth-child(2){
	animation-delay: 10s;
}

.slideshow-item:nth-child(3){
	animation-delay: 20s;
}

.slideshow-item img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	animation: zoom 31s infinite;

}

.slideshow-item:nth-child(1),
.slideshow-item:nth-child(1) img{
	animation-delay: 0s;
}
.slideshow-item:nth-child(2),
.slideshow-item:nth-child(2) img{
	animation-delay: 10s;
}

.slideshow-item:nth-child(3),
.slideshow-item:nth-child(3) img{
	animation-delay: 20s;
}

.slideshow-item-text{
	max-width: 70%;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	color: #ed1e7f;
	padding: 10rem 5rem;
}

.slideshow-item-text h5{
	font-size: 4rem;
	font-family: 'Quicksand', sans-serif;
	/* text-transform: uppercase; */
	letter-spacing: 3px;
	margin-bottom: 2.5rem;
}

.slideshow-item-text p{
	font-size: 1.4rem;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 1px;
	font-weight: 300;
	color: black;
}

@keyframes cycleImages {
	25%{
		opacity: 1;

	}
	40%{
		opacity: 0;
	}
}

@@keyframes zoom {
	100%{
		transform: scale(1.3);
	}
}

@media screen and (max-width: 1000px){
	.slideshow-item-text{
		max-width: 70%;
		padding: 5rem 1rem;
	}
	.slideshow-item-text h5{
		font-size: 4rem;
	}
}

@media screen and (max-width: 767px){
	.slideshow-item-text{
		max-width: 100%;
		padding: 2rem;
		top: initial;
		bottom: 0;
		transform: initial;
	}
	.slideshow-item-text h5{
		font-size: 3rem;
	}
	.slideshow-item-text p{
		font-size: 1.4rem;
	}
}


@media(min-width: 1000px){
  #serve{
    display: none;

  }
}
@media(max-width: 1000px){
  #serveMe{
    display: none;

  }
}
@media(min-width: 1000px){
  #showLinkMedia{
    display: none;

  }
}

@media(max-width: 1080px){
  #showMenuMedia{
    display: none;

  }
}

@media(max-width: 1000px){
  #showLink{
    display: none;

  }
}
@media(max-width: 700px){
  #showLinkSocial{
    display: none;

  }
}

@media(min-width: 700px){
  #res{
    display: none;

  }
}
@media(max-width: 700px){
  #resa{
    display: none;

  }
}

@media(min-width: 700px){
  .logo1{
    display: none;

  }
}

@media(max-width: 700px){

  .logo{
    display: none;
  }
  .toggle-button{
    display: flex;
  }
  .navbarr-links{
    display: none;
    width: 100%;
    background-color: black;
    color: black;
    margin-bottom: 10px;
  }
  .navbarr-links li:hover{
    width: 100%;
    color: #F9B04E;
    /* background-color: #5bb5a5; */
    background-color: white;
  }
  .navbarr-links li a:hover{
    color: #F9B04E;
  }
  .navbarr{
    flex-direction: column;
    align-items: flex-start;
  }
  .navbarr-links ul{
    width: 100%;
    flex-direction: column;
  }
  .navbarr-links li{
    text-align: center;
  }
  .navbarr-links li a{
    /* padding: .5rem 1rem; */
  }
  .navbarr-links.active{
    display: flex;
  }
}

.feat{
	float: left;
	width: 100%;
	height: auto;
	padding: 30px 0px 10px 0px;
}

.feat:hover{
	float: left;
	width: 100%;
	height: auto;
	/* background: color: #4fc2ec; */
	border: solid 1px #4fc2ec;
	padding: 20px;
	margin: 20px 0px 0px 0px;
}

.fonter{
	font-family: 'Quicksand', sans-serif;
	color: #4fc2ec;
}
.fonter-text{
	color: rgb(156, 132, 129);
	margin-bottom: 10px;
}

.fonter a{
	color: #4fc2ec;
}

.fonter a:hover{
	color: #ed1e7f;
	text-decoration: none;
}

.fonter p{
	color: Black;
}

.fontLike{
	font-family: 'Roboto', sans-serif;
	letter-spacing: 1px;
	font-weight: 300;

}

.fontLike p{
	font-family: 'Roboto', sans-serif;
	letter-spacing: 1px;
	font-weight: 300;
}

.bigg{
	font-size: 1.3rem;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 1px;
	font-weight: 300;
	color: black;
}

.bannerBoard{
	float: left;
	width: 100%;
	height: auto;
	padding: 20px;
	background: #4fc2ec;
	margin-bottom: 10px;
}

.bannerBoardAA{
	float: left;
	width: 100%;
	height: auto;
	padding: 20px;
	background: #ed1e7f;
	margin-bottom: 10px;
}



.bannerText{
	font-size: 26px;
	ont-family: 'Quicksand', sans-serif;
	color: white;
}

.displayer{
	float: left;
	width: 100%;
	height: 417px;
	align-items: center;
	text-align: center;
	background: #67a142;
	padding: 100px;
	color: white;
}

.displayerEducate{
	float: left;
	width: 100%;
	height: 417px;
	align-items: center;
	text-align: center;
	background: #ed1e7f;
	padding: 100px;
	color: white;
	margin: 0px 0px 10px 0px;
}

.displayerAbout{
	float: left;
	width: 100%;
	height: auto;
	align-items: center;
	text-align: center;
	background: transparent;
	padding: 20px 50px 10px 50px;
	color: #630815;
	margin: 0px 0px 10px 0px;
}
.linD{
  float: left;
  width: 100%;
  height: auto;
  align-items: left;
	text-align: left;
}

.displayerVisMis{
	float: left;
	width: 100%;
	height: auto;
	align-items: center;
	text-align: center;
	background: transparent;
	padding: 0px;
	color: #630815;
	margin: 0px 0px 10px 0px;
}

.displayerVisMis h3{
  padding: 20px 0px 0px 0px;
}

.displayerVisMis p{
  float: left;
  width: auto;
  height: auto;
  padding: 10px 50px 20px 50px;
}

#spaceOn{
	float: left;
	width: auto;
	height: auto;
	margin: 20px 0px 10px 0px;
}

.sta:hover{
  float: left;
  width: 100%;
  height: auto;
  padding: 50px;
  background: #67a142;
  color: white;
  align-items: center;
  text-align: center;
  cursor:pointer;
}

.sta{
  float: left;
  width: 100%;
  height: auto;
  padding: 50px;
  background: transparent;
  color: #630815;
  align-items: center;
  text-align: center;
}
.routineInfo{
  font-size: 18px;
}
.download{
  float: left;
  width: auto;
  height: auto;
  background: #630815;
  color: white;
  padding: 10px 20px 10px 20px;
  font-size: 20px;
  margin: 10px 0px 20px 0px;
}
.download:hover{
  float: left;
  width: auto;
  height: auto;
  background: black;
  color: white;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  font-size: 20px;
  margin: 10px 0px 20px 0px;
}

.spaceTop{
	float: left;
	width: auto;
	height: auto;
	margin: 20px 0px 10px 0px;
}

.names{
	float: left ;
	width: 100%;
	height: auto;
	margin-top: 10px;
	background-color: white;
	font-size: 18px ;
	font-family: 'Roboto', sans-serif;
	color: black;
	padding: 10px 20px 10px 20px;

}

.texter{
  float: left ;
	width: 100%;
	height: 100px;
  background-color: white;
	font-size: 18px ;
	font-family: 'Roboto', sans-serif;
	color: #630815;
	padding: 20px 20px 20px 20px;
  margin: 10px 0px 10px 0px

}

.submitMessage{
  float: left;
  width: auto;
  height: auto;
  background-color: #630815;
  color: white;
  padding: 10px 20px 10px 20px;
  font-size: 20px;
  margin: 10px 0px 20px 0px;
  text-align: center;
  align-items: center;
}

.submitMessage:hover{
  float: left;
  width: auto;
  height: auto;
  background-color: black;
  color: white;
  padding: 10px 20px 10px 20px;
  font-size: 20px;
  margin: 10px 0px 20px 0px;
  text-align: center;
  align-items: center;
}

.sampleN{
	float: left;
	width: 20%;
	height: auto;
	padding: 0px;
}

.gap{
	float: left;
	padding: 0px 20px 0px 0px;
}

.spaceOver{
	float: left;
	width: 100%;
	height: auto;
	margin: 30px 0px 30px 0px;
}

.spaceOverMer{
	float: left;
	width: 100%;
	height: auto;
	margin: 30px 0px 30px 0px;
	color: #ed1e7f;
}



.spaceHer{
	float: left;
	width: auto;
	height: auto;
	padding: 30px 0px 30px 0px;

}

.secondaryMenu{
	float: right;
	width: 100%;
	height: auto;
	top:0;
	right: 0;
}

.pre{
	float: left;
	width: auto;
	height: auto;
	font-size: 12px;
	color: white;
	background: #67a142;
	padding: 5px 10px 5px 10px;
	margin: 0px 10px 0px 10px;
	font-family: 'Roboto', sans-serif;

}
.pre a{
	color: white;
	text-decoration: none;
}

.pre a:hover{
	text-decoration: none;
}

.pre:hover{
	color: white;
	background: gold;
}


.aft{
	float: left;
	width: auto;
	height: auto;
	font-size: 12px;
	color: white;
	background: #8d469b;
	padding: 5px 10px 5px 10px;
	margin: 0px 10px 0px 10px;
	font-family: 'Roboto', sans-serif;

}

.aft a{
	color: white;
	text-decoration: none;
}

.aft a:hover{
	text-decoration: none;
}

.aft:hover{
	color: white;
	background: gold;
}

.tut{
	float: left;
	width: auto;
	height: auto;
	font-size: 12px;
	color: white;
	background: #ed1e7f;
	padding: 5px 10px 5px 10px;
	margin: 0px 10px 0px 10px;
	font-family: 'Roboto', sans-serif;

}

.tut a{
	color: white;
	text-decoration: none;
}

.tut a:hover{
	text-decoration: none;
}

.tut:hover{
	color: white;
	background: gold;
}


.P_S{
	float: left;
	width: 100%;
	height: auto;
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 1px;
	font-weight: 300;
	color: white;
	background: #67a142;
	padding: 30px 100px 30px 100px;

}
.P_S p{
	color: black;
}

.A_C{
	float: left;
	width: 100%;
	height: auto;
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 1px;
	font-weight: 300;
	color: white;
	background: #8d469b;
	padding: 30px 100px 30px 100px;

}
.A_C p{
	color: black;
}

.P_T{
	float: left;
	width: 100%;
	height: auto;
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 1px;
	font-weight: 300;
	color: black;
	background: #ed1e7f;
	padding: 30px 100px 30px 100px;

}
.P_T p{
	color: white;
}

.ages{
	color: white;
}

.padder{
	float: left;
	width: auto;
	height: auto;
	padding: 0px 40px 0px 0px;
	color: black;
}

.backChange{
	float: left;
	width: 100%;
	height: auto;
	color: #630815;
	background: #fff3ec;
	margin: 20px 0px 10px 0px;
	padding: 20px 50px 20px 50px;

}
.respondSize{
	float: left;
	width: 100%;
	height: auto;

}

.frameRide{
	float: left;
	width: auto;
	height: auto;

}

.foot{
	float: left;
	width: 100%;
	height: auto;
	padding: 0px 0px 10px 0px;

}

.parry1{
	color:#67a142;
}
.parry1:hover{
	color: gold;
}

.parry2{
	color:#8d469b;
}
.parry2:hover{
	color: gold;
}

.parry3{
	color:#ed1e7f;
}
.parry3:hover{
	color: gold;
}

.foot a{
	text-decoration: none;
}

.foot a:hover{
	color: #ed1e7f;
	text-decoration: none;
}