@charset "UTF-8";
@font-face {
	font-family:luna;
	src:url('fonts/ARLRDBD.TTF');
}
@viewport {
  width: device-width;
  zoom: 1.0;
}

body{
	overflow-x:hidden;}

/*tag css */
section#content-main{
	margin:0;
	position:relative;
}
/*id css */
#totop{color:white;}
#bcktotop{
 display: none;
 position: fixed;
 bottom: 20px;
 right: 30px;
 z-index: 99;
 font-size: 18px;
 border: none;
 outline: none;
 background-color: green;
 color: white;
 cursor: pointer;
 padding: 7.5px;
 border-radius: 4px;
}
/*class css*/
.main-container{
  margin:0 auto;
	overflow:hidden;
  max-width: 100%;
  position:relative;
  user-select: none;
   -ms-user-select: none;
   -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -webkit-touch-callout: none;

}

.imgs-slides img{
  max-width:100%;
  width:100%;
  height:600px;
  vertical-align: middle;
}

.dots{
  position:absolute;
  bottom:1px;
  left:47.5%;
}

.dot{
  width:15px;
  height:15px;
  margin:0 1px;
  border:1px solid black;
  background-color:transparent;
  border-radius:50%;
  display:inline-block;
  transition:background-color .5s ease;
}

.activedot{
  background-color:green;
}

.imganime{
  -webkit-animation-name:fade;
  -webkit-animation-duration:.5s;
  animation-name:fade;
  animation-duration:1s;
}

.prevbtn i, .nextbtn i{
	color:rgba(255,255,255,.5);
	margin-top:32.5%;
}

.prevbtn, .nextbtn{
	cursor:pointer;
	text-align: center;
  position:absolute;
  background-color:rgba(0,128,0,.5);
  z-index:999;
  width:50px;
  height:50px;
  top:50%;
}
.prevbtn:hover, .nextbtn:hover{
	transition:.5s;
	background-color:rgba(0,128,0,1);
}
.prevbtn:hover i, .nextbtn:hover i{
transition:.5s;
color:rgba(255,255,255,1);
}

.nextbtn{
	color:white;
  right:0px;
}


  .text-img{
    position:absolute;
  	z-index:99;
  	float:right;
  	color:green;
  	padding:0.3em;
  	padding-top:3%;
  	line-height:1em;
  	text-align:center;
  	font-size:85px;
  	margin:0;
  	height:100%;
  	font-family:'Signika',sans-serif;
  	right:42.5vh;
  }

	.text-img-2{
		right:35vh;
	}

	.text-img-3{
		right:55vh;
	}

	.textanimesld{
		-webkit-animation-name:textsld;
		-webkit-animation-duration:1s;
		animation-name:textsld;
		animation-duration:1s;
	}


  .ln-bv-sl{
		font-family:luna;
		font-size:45px;
		color:white;
		line-height: 1em;
	}

	.ln-tx{
		text-shadow:1.5px 1.5px rgba(0,0,0,.7);
	}

	.ln-bv-2, .ln-bv-3{
		text-shadow:1.5px 1.5px green;
		font-size:45px;
	}

  .ln-bv-luna-color{
		font-family: luna;
		color:black;
		text-shadow:1px 1px white;
	}
  .ln-bv-color{
	color:green;
  text-shadow:1px 1px rgba(255,255,255,.7);
}
.bottom-line:before{
	content:'____________________________________________________________________________________________________';
	width:100%;
	font-size:5px;
	border-bottom-width:1px;
	border-bottom-color:green;
	border-bottom-style:solid;
	text-shadow:0 1.5px rgba(255,255,255,1);
}

	@-webkit-keyframes fade{
	  from{opacity:.5;}
	  to{opacity:1;}
	}

	@keyframes fade{
		from{opacity:.5;}
		to{opacity:1;}
	}

	@-webkit-keyframes textsld{
	  from{transform:translateX(50%);}
	  to{transform:translateX(0)}
	}

	@keyframes textsld{
		from{transform:translateX(50%)}
		to{transform:translateX(0);}
	}

	section.main-content-info{
		overflow-x:hidden;
	}
	.main-content-info-body{
		height:100%;
		text-align: justify;
		position:relative;
	}

	.ln-main-content{
		background-color:#cccccc;
		padding-top:100px;
		font-size:25px;
		text-align:center;
		margin-bottom:100px;
	}

	.ln-main-content:before{
		border-width:0 1000px 120px 0;
		border-color:transparent #cccccc transparent transparent;
		right:50%;
	}

	.ln-main-content:after{
		border-width:120px 1000px 0 0;
		border-color: #cccccc transparent transparent transparent;
		left:50%;
	}

	.ln-main-content:before, .ln-main-content:after{
		content:'';
		border-style:solid;
		position:absolute;
		width:0;
		height:0;
		bottom:0px;
		z-index:-1;
	}

	.wc-ln{
		font-family:'Signika',sans-serif;
		text-transform: uppercase;
		font-size:35px;
		color:green;
		text-shadow:1.5px 1.5px rgba(255,255,255,.7);
	}

	.cm-tx{
		font-weight: 500;
	}

	.main-content-info-sv{
		margin:100px 0 400px 0;
	}

	.sv-ln-content-tt{
		font-size:40px;
		font-family:'Signika',sans-serif;
		color:green;
		text-transform: uppercase;
		text-shadow:0px 0.7px rgba(0,0,0,.7);
		text-align: center;
	}

	.main-content-info-sv a{
		text-decoration: none;
		color:Black;
}

.main-content-info-sv a:hover .sv-ln-main-content-left, .main-content-info-sv a:hover .all-icons, .main-content-info-sv a:hover .sv-ln-main-content-right{
		color:green;
		transition:.6s;
}

.sv-ln-main-content-fr{
	width:100%;
	float:left;
}

	.sv-ln-main-content-left, .sv-ln-main-content-right{
		text-align: center;
		width:25%;
		float:left;
		margin-top:30px;
		margin-left:17%;
		font-family:'Signika',sans-serif;
		font-size:20px;
	}

	.all-icons{
		color:black;
		font-size:70px;
	}


	@media screen and (max-width:1365.9px){
		.text-img{
			right:calc(100% - auto);
		}
		.text-img-2{
			right:calc(auto - 100vh);
		}
		.text-img-3{
			right:calc(auto - 43vh);
		}

		@-webkit-keyframes textsld{
		  from{transform:translateX(50%);}
		  to{transform:translateX(0)}
		}

		@keyframes textsld{
			from{transform:translateX(50%)}
			to{transform:translateX(0);}
		}

		.ln-bv-color{
			font-size:45px;
		}
		.ln-bv-sl{
			font-size:35px;
		}
}

@media screen and (max-width:768px){
	section.main-content .main-container, .imgs-slides img{
		height:40vh;
	}
	.ln-bv-color{
		font-size:40px;
	}

	.text-img{
		width:100%;
		font-size:25px;
		right:0;
	}

.ln-bv-sl{
	font-size:18px;
	}

	.bottom-line:before{
		content:'____________________________________________________________________________________________________';
		width:100%;
		font-size:5px;
		border-bottom-width:1px;
		border-bottom-color:green;
		border-bottom-style:solid;
		text-shadow:0 1.5px rgba(255,255,255,1);
	}
	@-webkit-keyframes textsld{
	  from{transform:translateX(50%);}
	  to{transform:translateX(0)}
	}
	@keyframes textsld{
		from{transform:translateX(50%)}
		to{transform:translateX(0);}
	}

.prevbtn, .nextbtn{
	width:35px;
	height:40px;
}
.dots{
	left:45%;
}
.dot{
	width:10px;
	height:10px;
}
.ln-main-content{
	font-size:20px;
	text-align:center;
}
.wc-ln{
	font-size:25px;
}
.sv-ln-content-tt{
	font-size:25px;
}
section.main-content-info{
	margin-bottom:50px;
}
.main-content-info-sv{
	margin:50px 0 400px 0;
}
.sv-ln-main-content-fr span{
	font-size:60px;
}
.sv-ln-main-content-fr p{
	font-size:15px;
}
}