.bg {
    background-image: url(../imgs/bg/blue.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.bg-2 {
    background-image: url(../imgs/bg/luz.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center bottom;
}

.slide {
    width: 100%;
    /* height: 100vh; */
}

.w-px-1 { width: 100px; }
.w-px-2 { width: 250px; }
.w-px-3 { width: 300px; }
.w-px-4 { width: 80px; }
.w-px-5 { width: 100px; }
.w-px-6 { width: 130px; }
.w-px-7 { width: 20px; }
.w-px-8 { width: 210px; }
.w-px-9 { width: 40px; }
.w-px-10 { width: 500px; }

.h-px-1 { height: 180px; }
.h-px-2 { height: 300px; }
.h-px-3 { height: 500px; }

.border-1 { border: 1px solid rgba(0, 0, 0, .5); }

.hide { display: none; }
.hand { cursor: pointer; }

.txt-1 {
    top:0;
    left: 0;
}
.txt-2 {
    top: 0;
    right: 0;
}
.txt-3 {
    left: 0;
    bottom: 0;
}
.txt-4 {
    right: 0;
    bottom: 0;
}
.txt-5 {
    left: -120px;
    top: 100px;
}
.txt-6 {
    top: 0;
    left: -120px;
}

.ar-1 {
    top: -10px;
    left: 118px;
}
.ar-2 {
    top: -10px;
    right: 134px;
}
.ar-3 {
    bottom: 50px;
    left: 118px;
}
.ar-4 {
    bottom: 50px;
    right: 134px;
}
.ar-5 {
    left:50px;
    bottom: 65px;
    animation: fade 1.5s infinite 100ms;
}

.by-head {
	top: 0;
	width: 60px;
	z-index: 10;
	left: 220px;
}
.by-ar-1 {
	width: 57px;
	left: 146px;
	top: 87px;
	z-index: 20;
}
.by-ar-2 {
	width: 57px;
	right: 142px;
	top: 87px;
}

.by-ar-3 {
	width: 38px;
	right: 136px;
	top: 166px;
}
.by-ar-4 {
	width: 38px;
	left: 138px;
	top: 170px;
}

.by-bk-1 {
	width: 100px;
	top: 70px;
	left: 202px;
}
.by-bk-2 {
	width: 97px;
	top: 144px;
	left: 203px;
	z-index: 20;
}
.by-bk-3 {
	width: 90px;
	top: 180px;
	left: 210px;
}

.by-l1-1 {
	width: 45px;
	left: 203px;
	top: 218px;
	border-radius: 0 100px 0 0;
}
.by-l1-2 {
	width: 45px;
	right: 191px;
	top: 216px;
	border-radius: 100px 0 0 0;
}
.by-l1-3 {
	width: 31px;
	left: 208px;
	top: 320px;
}

.by-l2-1 {
	width: 32px;
	right: 186px;
	top: 317px;
}
.by-l2-2 {
	width: 63px;
	left: 177px;
	top: 385px;
}
.by-l2-3 {
	width: 46px;
	right: 166px;
	top: 383px;
}

.ani-fade { animation: fade 1.5s infinite 100ms; }

@-webkit-keyframes fade {
    0%   {opacity: 1;}
    50%  {opacity: .5;}
    100% {opacity: 1;}
} 

@keyframes fade {
    0%   {opacity: 1;}
    50%  {opacity: .5;}
    100% {opacity: 1;}
}


.bg-p {
    background-color: seagreen !important;
}
.border {
    border: 1px solid #000;
}

.mg-t-10 { margin-top: 10%; }

.opty-n { opacity: 0;}
.opty-m { opacity: .5;}
.opty-h { opacity: 1;}