*{
	padding:0;
	margin: 0; 
}
a{
	text-decoration: none;
	color: white;
}
@font-face {
    font-family: "bebas";
    font-style: normal;
    font-weight: normal;
    src:  url("https://skatecashbusiness.com/system/fonts/bebas_neue/BebasNeue-Regular.woff") format("woff"),
    url("https://skatecashbusiness.com/system/fonts/bebas_neue/BebasNeue-Regular.ttf") format("truetype"), 
    url("https://skatecashbusiness.com/system/fonts/bebas_neue/BebasNeue-Regular.eot");
}
@font-face {
    font-family: "lemon";
    font-style: normal;
    font-weight: normal;
    src:  url("https://skatecashbusiness.com/system/fonts/lemonmilk/LEMONMILK-Medium.otf");
}
.logo{
	    width: 172px;
    display: inline-block;
    margin: 38px;
}
.btnmenR{
	display: none;
}
.form-login{display:none;position:fixed;display:flex;padding:1.3rem .8rem;border:1px solid rgba(0,0,0,0.15);
	flex-direction:	column;top:calc(19% + 10px);z-index:999;
	background-size: contain;left: 45%;
	background-image: url(https://dev.duklan.graciadev.com//assetsFront/images/logoduklan.png) !important;}
	.form-login .control{border:1px solid rgba(0,0,0,0.15);outline:none;padding:.3rem .8rem;margin-bottom:10px;line-height:3rem;background:#ffffffad;}
	.form-login .btn-submit{display:block;background-color:#000000d1;color:white;border:none;padding:1rem 0}
	.menureResponsive{
	display: none;
	position: fixed;
	height: 25%;
	width: 100%;
	background: #000000ba;
	left: -100%;
	bottom: 0;
}
.menu{
	position: absolute;
	display: flex;
	width: 100%;
	font-family: "lemon";
}
.nav{
	display: flex;
    width: 50%;
    z-index: 999;
    color: white;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}
 .nav li.listnav{
 	list-style: none;


 }
.sliderVentana{
	width: 100%;
	overflow: hidden;
	height: 700px;
    position: relative;
}

}
.contentshadow{
	background: #00000096;
	width: 100%;
	z-index: 1;

}
.slider{
	position: relative;
	z-index: -1;
	width: 300%;
	display: flex;
}
.contenLogo{
	width: 40%; 
}
.contentsld{
	width: 33.33333%;
	overflow: hidden;
	position: relative;

}
	.contentsld h3{
		width: 100%;
    position: absolute;
    text-align: center;
    padding-top: 241px;
    color: white;
    font-size: 100px;
    font-family: bebas;
	}
	.contentsld div.divbtn{
		width: 100%;
		padding-top: 370px;
		position: absolute;
		text-align: center;
		z-index: 9999;
	}
	.contentsld button{

		padding: 20px;
	    border: none;
    	font-size: 30px;
    	border-radius: 12px;
    	color: white;
    	background: #ff6a00;
    	font-family: lemon;
	}

	.contentsld img{width: 100%}
.slidbtn{
	position: absolute;
    background: #00000066;
    height: 20em;
    bottom: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 2em;
    transition: 0.3s;
}
	.slidbtn i{
		     font-size: 47px;
		    border-radius: 50%;
		    padding: 22px;
		    background: #9c585800;
		    color: #7d7d7d00;
		    /* padding-right: 16px; */
		    line-height: 27px;
	}
.sldbtnl{
	right: 0;
}
.sldbtnr{
	left: 0;
	}
	.slidbtn:hover{
		background: #ffffff36;
	}
		.slidbtn:hover i{
		    background: #e4e4e400;
 		   color: #c5c5c5;
		}
	.sectionone{
		width: 100%;
		height: 294px;
		overflow: hidden;
		display: flex;
		font-family: "bebas";
		transition: all 0.7s;
	}
	 	.section3{
	 		width: 33.333%;
		    position: relative;
		    display: flex;
		    justify-content: center;
		    align-items: center;
		    overflow: hidden;
		    transition: all 0.7s;
	 	}
	 		.section3 img{
	 			width: 100%;
	 			transition: all 0.7s;
	 		}
	 		.section3 h3{
			 	position: absolute;
			    width: 100%;
			    height: 100%;
			    text-align: center;
			    padding-top: 50%;
			    background: #00000061;
			    font-size: 39px;
			    color: #ff6c00;
			    z-index: 1;
			    transition: 0.7s;
			 }
	.sectiontwo{
		width: 100%;
		display: flex;
		height: 320px;
		overflow: hidden;
		font-family: "bebas";

	}
		.imgmid{
			width: 50%;
			position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
		}
			 .imgmid img{
			 	width: 100%;
			 	transition: 0.7s;

			 }
			 .imgmid h3{
			 	position: absolute;
				    width: 100%;
				    height: 100%;
				    text-align: center;
				    padding-top: 50%;
				    background: #00000061;
				    font-size: 39px;
				    color: #ff8300;
				    z-index: 1;
				    transition: 0.7s;
				 }
				 .nav-responsive{
				 	color: white;
					    display: flex;
					    flex-direction: column;
					    justify-content: space-evenly;
					    width: 100%;
					    height: 100%;
					    align-items: center;
				 }	
				 .nav-responsive li{
				 	list-style: none;
				 	font-size: 25px;
				 }
			 @media screen and (max-width: 1249px){
				.sliderVentana{height: 450px;	}
				.slidbtn{height: 10em;bottom: 1em;}
				.sectionone{height: 180px;}
				.sectiontwo{height: 217px}
				.contentsld h3{font-size: 70px;}
			}
			 @media screen and (max-width: 800px){
			 	.nav{display: none;}
			 	.sliderVentana{height: 400px;	}
				.slidbtn{height: 4px;bottom: 1em;}
				.sectionone{height: auto;overflow: none; flex-direction: column}
				.sectiontwo{height: auto;overflow: none; flex-direction: column}
				.section3{width: 100%;}
				.imgmid{width:100%}
				.logo{width: 72px;}
				.btnmenR{display: block;color: white;
			    right: 36px;
			    position: fixed;
			    z-index:  9999;
			    top: 28px;cursor: pointer;}
			    .btnmenR i{font-size: 52px;
			    }
				.contentsld h3{font-size: 40px;padding-top: 0;}
				.contentsld div.divbtn{padding-top: 0px;top: 75%; }
				.menureResponsive{display: block; z-index: 999}
				.contentsld img{width: 200%}
				.contentsld video{width: 225%!important}
				.contentsld{justify-content: center;display: flex;align-items: center;}
				.slidvideo{align-items: baseline}
				.form-login{top: calc(7% + 10px);
    left: 25%; fixed;margin-top: 173px;}
				.contentsld button{
					padding: 10px;
    				font-size: 20px;
				}
				.nav-responsive li{
					font-size: 20px;
				}
			 }
			  .section3:hover img{
			 	transform : scale(1.5);
			 }
			 .section3:hover h3{
			 	padding-top: 107%;
			 	color: white;
			 	background: #ffffff00;
			 }
			 .imgmid:hover img{
			 	transform : scale(1.5);
			 }
			 .imgmid:hover h3{
			 	padding-top: 7%;
			 	color: white;
			 	background: #ffffff00;
			 }