@import url('https://use.fontawesome.com/releases/v5.15.4/css/solid.css');
@import url('https://fonts.googleapis.com/css?family=Days+One');

*{font-family:'Days One';color:#FFFFFF;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{margin:0;padding:0;background:transparent;scroll-behavior:smooth;}
body{margin:0;padding:0;}
header{margin:0;padding:0;width:100%;height:7em;background:transparent;}
footer{position:fixed;bottom:0;width:100%;height:5vh;line-height:5vh;background:rgba(0,0,0,.2);text-align:center;color:#FFFFFF;}
section{margin:0;padding:0;height:100vh;position:relative;overflow:hidden;}
a{text-decoration:none;}
p{text-align:justify;}

hr{border-top:1px dotted #FFFFFF;}
img{border:0;}
span{color:#9966ff;height:3em;}
form{display:inline-block;margin:auto;padding:0;text-align:center;}
legend{}
fieldset{margin:0;padding:0;border:0;}

.clr{clear:both;}

.lgo{float:left;margin:0;padding:0;width:40%;height:7em;}
.lgo img{margin:1% 5%;max-height:7em;}
nav{float:right;background:transparent;margin:0;padding:0;width:60%;display:flex;justify-content:space-evenly;}
nav>input,nav>label{display:none;}
nav ul{list-style-type:none;}
nav ul li{display:inline-block;margin-right:1em;color:rgba(255,255,255,.7);}
nav ul li:hover{color:rgba(255,255,255,1);}

.col{float:left;margin:0;padding:0;width:50%;}
.col_inn{margin:0;padding:3%;width:100%;min-height:10vh;}

.sld{margin:0;padding:0;width:100%;position:relative;background:transparent;z-index:0;}
.sld .sld_inn{margin:0;padding:0;display:flex;min-height:10vh;transition:transform 1s;z-index:0;}
.sld .sli{margin:0;padding:0;flex:1;min-width:100%;background-size:cover;position:relative;z-index:9;display:none;}
.sld .sli .cap{margin:0;padding:1%;width:100%;text-align:center;position:absolute;top:30%;background:transparent;}
.sld .sli .cap a{color:#ffffff}
.sld .sli .cap .tit{color:#ffffff;font-size:300%;}
.sld .sli .cap .sub{color:#ffffff;font-size:140%;}
.sld .prv{position:absolute;top:45vh;left:3%;color:rgba(255,255,255,0.05);z-index:99;}
.sld .prv:hover{color:rgba(255,255,255,0.2);}
.sld .nxt{position:absolute;top:45vh;right:3%;color:rgba(255,255,255,0.05);z-index:99;}
.sld .nxt:hover{color:rgba(255,255,255,0.2);}

.soc{margin:auto;padding:0;width:40%;position:fixed;bottom:5vh;left:3%;z-index:99;}
.soc_inn{margin:0;padding:0;width:100%;}
.soc_inn ul{list-style:none;}
.soc_inn ul li{display:inline-block;margin-right:1em;}

.dots{margin:auto;padding:0;position:fixed;bottom:5vh;right:3%;z-index:99;}
.dot{cursor:pointer;height:.4em;width:.4em;margin:0 .2em;background:rgba(0,0,0,0.7);border-radius:50%;display:inline-block;transition:background-color 0.6s ease;}
.dot:hover{background:rgba(255,255,255,0.5);}

.sld{background:transparent;}
.s{background:linear-gradient(-60deg, rgba(0,0,0,0.07) 50%, rgba(0,0,0,0.03) 50%);bottom:0;left:-50%;position:fixed;right:-50%;top:0;z-index:-1;animation:sli 3s ease-in-out infinite alternate;}
.s1{animation-direction:alternate-reverse;animation-duration:9s;}
.s2{animation-duration:11s;}

.pic{margin:0;padding:0;width:100%;height:50vh;box-shadow:0 2px 10px rgba(0,0,0,.15);border-radius:3px;}

.n{margin:0;padding:0;width:100%;border-top:1px dotted #eeeeee;}
.n:hover{background:#FFEECC;}
.n_inn{float:right;margin:auto;padding:2%;width:65%;min-height:100px;text-align:right;display:table-cell;vertical-align:middle;}
.n_pic{float:left;margin:2%;padding:1%;width:30%;height:80px;box-shadow:0 2px 10px rgba(0,0,0,.15);background:#000000;}

.btn{display:inline-block;margin:1em;padding:1%;width:21em;height:4em;line-height:3em;border:0;border-radius:5px;background:rgba(0,0,0,.5);font-weight:bold;text-align:center;}
.btn:hover{box-shadow:0 0 2px 1px rgba(255,255,255,0.2);}
.btn:focus{box-shadow:0 0 2px 1px rgba(255,255,255,0.2);}

.btn_{display:inline-block;margin:1em;padding:1%;width:21em;height:2em;line-height:2em;border:1px solid #cccccc;border-radius:5px;background:transparent;color:#cccccc;font-weight:bold;text-align:center;}
.btn_:hover{box-shadow:0 0 2px 1px rgba(255,255,255,0.2);}
.btn_:focus{box-shadow:0 0 2px 1px rgba(255,255,255,0.2);}

.fld{float:left;position:relative;width:18em;min-height:4em;margin:.5em .5em 0 0;padding:0;}
.fld>label{position:absolute;margin:0;padding:0;top:.9em;left:.5em;color:rgba(0,0,0,.7);transition:all 200ms;opacity:1;z-index:99;margin-top:.5em;font-size:80%;transform:translate3d(0,-100%,0);}
.fld>input,.fld>select{margin:0;padding:.5em;width:100%;height:4em;line-height:4em;color:rgba(0,0,0,.9);border:1px solid rgba(0,0,0,.35);border-radius:4px;z-index:0;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.fld>input[type="checkbox"]{-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox;width:1em;height:1em;float:left;margin-top:1.4em;}
.fld>textarea{margin:0;padding:1em .5em .5em .5em;width:100%;min-height:4em;border:1px solid rgba(0,0,0,.35);border-radius:4px;z-index:0;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.fld>input:hover,.fld>select:hover,.fld>textarea:hover{box-shadow:0 0 10px 0 rgba(0,0,0,.29);}
.fld>input:focus,.fld>select:focus,.fld>textarea:focus{border:1px solid rgba(0,0,0,.55);}
.fld>input:disabled,.fld>select:disabled,.fld>textarea:disabled{background:rgba(0,0,0,.15);}
.fld>input:disabled + label,.fld>select:disabled + label,.fld>textarea:disabled + label{margin-top:.5em;font-size:70%;transform:translate3d(0,-100%,0);}
.fld>a{position:absolute;top:1em;right:1em;color:rgba(0,0,0,.7);}

/* REG */
.frm{margin:0;padding:0;width:100%;height:17em;border-radius:1em;text-align:center;background:rgba(0,0,0,.1);}
.frm:hover{margin:0;padding:0;width:100%;text-align:center;background:rgba(0,0,0,.5);}

/* TEC */
.frm img{margin:1em;border:0;}


/* QUO */
.prd{float:left;margin:.5%;padding:1%;width:17em;height:5em;border-radius:4px;background:rgba(0,0,0,.85);box-shadow:0 2px 10px rgba(0,0,0,.15);position:relative;}


.tgl{display:inline-block;cursor:pointer;-webkit-tap-highlight-color:transparent;position:absolute;top:1em;right:1em;}
.tgl i{position:relative;display:inline-block;margin-right:.5rem;width:46px;height:26px;background-color:#e6e6e6;border-radius:23px;vertical-align:text-bottom;transition:all 0.3s linear;}
.tgl i::before{content:"1";position:absolute;left:0;width:42px;height:22px;background-color:rgba(0,0,0,.5);border-radius:11px;transform:translate3d(2px, 2px, 0) scale3d(1, 1, 1);transition:all 0.25s linear;}
.tgl i::after{content:"2";position:absolute;left:0;width:22px;height:22px;background-color:#fff;border-radius:11px;box-shadow:0 2px 2px rgba(0, 0, 0, 0.24);transform:translate3d(2px, 2px, 0);transition:all 0.2s ease-in-out;}
.tgl:active i::after{width:28px;transform:translate3d(2px, 2px, 0);}
.tgl:active input:checked + i::after{transform:translate3d(16px, 2px, 0);}
.tgl input{display:none;}
.tgl input:checked + i{background-color:#4BD763;}
.tgl input:checked + i::before{transform:translate3d(18px, 2px, 0) scale3d(0, 0, 0);}
.tgl input:checked + i::after{transform:translate3d(22px, 2px, 0);}


@-webkit-keyframes sli{0%{transform:translateX(-25%);}100%{transform:translateX(25%);}}
@-moz-keyframes sli{0%{transform:translateX(-25%);}100%{transform:translateX(25%);}}
@keyframes sli{0%{transform:translateX(-25%);}100%{transform:translateX(25%);}}

@-webkit-keyframes bar{0%{width:0;}100%{width:100%;}}
@-moz-keyframes bar{0%{width:0;}100%{width:100%;}}
@keyframes bar{0%{width:0;}100%{width:100%;}}

@-webkit-keyframes fad{0%{opacity:0;}100%{opacity:1;}}
@-moz-keyframes fad{0%{opacity:0;}100%{opacity:1;}}
@keyframes fad{0%{opacity:0;}100%{opacity:1;}}
.fad{animation:fad 2s ease-in both;animation-delay:1s}

.fad_l{animation:fad_l 2s ease-in both;animation-delay:0s}
@-webkit-keyframes fad_l{0%{opacity:0;transform:translateX(-7em);}100%{opacity:1;transform:translateX(0);}}
@-moz-keyframes fad_l{0%{opacity:0;transform:translateX(-7em);}100%{opacity:1;transform:translateX(0);}}
@keyframes fad_l{0%{opacity:0;transform:translateX(-7em);}100%{opacity:1;transform:translateX(0);}}

.fad_r{animation:fad_r 2s ease-in both;animation-delay:0s}
@-webkit-keyframes fad_r{0%{opacity:0;transform:translateX(7em);}100%{opacity:1;transform:translateX(0);}}
@-moz-keyframes fad_r{0%{opacity:0;transform:translateX(7em);}100%{opacity:1;transform:translateX(0);}}
@keyframes fad_r{0%{opacity:0;transform:translateX(7em);}100%{opacity:1;transform:translateX(0);}}

.fad_d{animation:fad_d 2s ease-in both;animation-delay:0s}
@-webkit-keyframes fad_d{0%{opacity:0;transform:translateY(-7em);}100%{opacity:1;transform:translateY(0);}}
@-moz-keyframes fad_d{0%{opacity:0;transform:translateY(-7em);}100%{opacity:1;transform:translateY(0);}}
@keyframes fad_d{0%{opacity:0;transform:translateY(-7em);}100%{opacity:1;transform:translateY(0);}}

.fad_u{animation:fad_u 2s ease-in both;animation-delay:0s}
@-webkit-keyframes fad_u{0%{opacity:0;transform:translateY(7em);}100%{opacity:1;transform:translateY(0);}}
@-moz-keyframes fad_u{0%{opacity:0;transform:translateY(7em);}100%{opacity:1;transform:translateY(0);}}
@keyframes fad_u{0%{opacity:0;transform:translateY(7em);}100%{opacity:1;transform:translateY(0);}}

@-webkit-keyframes spi{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}
@-moz-keyframes spi{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}
@keyframes spi{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}


@media screen and (max-width:768px){

	nav{margin:0;padding:0;display:block;width:100%;}
	nav ul{margin-top:4em;padding:0;flex-direction:column;display:none;background:rgba(0,0,0,.95);}
	nav ul li{display:block;}
	nav ul li a{margin:0;padding:3%;display:block;border-bottom:1px dotted #ffffff;}
	nav>label{display:block;float:right;width:4em;height:4em;line-height:4em;background:transparent;text-align:center;position:absolute;top:0;right:0;padding:0;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
	nav>input:checked+ul{display:block;clear:both;}
	nav>input:checked+nav{background:rgba(0,0,0,.95);}

	.col{width:100%;min-height:5vh;}
	.col_inn{margin:0;padding:0;width:100%;}

	.soc{width:100%;}
	.soc_inn{width:100%;}

	.sld .sli .cap{top:20%;}
	.sld .sli .cap>img{width:80%;}

	footer{display:none;}

}