/*
@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;700&display=swap');
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;600&display=swap');

.text-normal {font-weight: 300;}
.text-bold {font-weight: 600;}

.text-white {color:#FFF;}
.text-pink {color: #c10b5a;}

.bg-pink {background-color: #c10b5a;}
.bg-white {background-color: #FFF;}

html {

	font-family: 'Montserrat', sans-serif;
	color:#FFF; 
	background-color: #111;
	font-size: 14pt;
	height: 100%; 
	margin: 0px; padding: 0px; 
	background-image: url('../gfx/bg.jpg');
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;

}	

body {
	height: 100%; 
	margin: 0 auto; 
	padding: 0px;
	cursor: default;
	animation: fadeIn .28s 1; 
}             

#lightboxOverlay {
	width: 100%;
}

.clear-b{clear: both;}
.clear-l{clear: left;}
.clear-r{clear: right;}                 

hr {
	text-align: center; 
	width:90%; 
	background-color:#666; 
	height:1px; 
	border: 0px; 
	margin: 0 auto;
}

hr.small-dark {
	text-align: center; 
	background-color:#000; 
	height:3px; 
	border: 0px; 
	margin: 30px auto;
}

img {border: 1px;}
iframe {border: 0px;}

a {text-decoration: none; color: #FFF;}
a:hover {color: #FFF;}
a.underline {text-decoration: underline;}
a.hover-underline:hover {text-decoration: underline;}
a.noline {text-decoration: none;}

.shadow {
	text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.7);
}

h1, h2, h3, h4 {
	margin: 0;
}

.spacer-200{height:200px; clear:both; width:100%;}
.spacer-100{height:100px; clear:both; width:100%;}
.spacer-80{height:80px; clear:both; width:100%;}
.spacer-60{height:60px; clear:both; width:100%;}
.spacer-50{height:50px; clear:both; width:100%;}
.spacer-40{height:40px; clear:both; width:100%;}
.spacer-30{height:30px; clear:both; width:100%;}
.spacer-20{height:20px; clear:both; width:100%;}
.spacer-15{height:15px; clear:both; width:100%;}
.spacer-10{height:10px; clear:both; width:100%;}
.spacer-5{height:5px; clear:both; width:100%;}
.spacer-0{height:0px; clear:both; width:100%;}

.fll {float:left}
.flr {float:right;}
.noborder {border: 0px; border-radius: 0;}

.text-center {text-align: center;}
.text-right {text-align: right;}
.text-left {text-align: left;}
.text-justify {text-align: justify;}

.text-shadow {text-shadow: 2px 2px 10px #555;}

.text-6 {font-size:6pt;}
.text-8 {font-size:8pt;}
.text-10 {font-size:10pt;}
.text-11 {font-size:11pt;}
.text-12 {font-size:12pt;}
.text-13 {font-size:13pt;}
.text-14 {font-size:14pt;}
.text-16 {font-size:16pt;}
.text-18 {font-size:18pt;}     
.text-20 {font-size:20pt;}
.text-22 {font-size:22pt;}
.text-24 {font-size:24pt;}
.text-26 {font-size:26pt;}
.text-30 {font-size:30pt;}
.text-35 {font-size:35pt;}
.text-40 {font-size:40pt;}
.text-50 {font-size:50pt;}
.text-60 {font-size:60pt;}
.text-big {font-size: 6vw;}

.m0 {margin:0;}

.mt-5 {margin-top: 5px;}
.mt-7 {margin-top: 7px;}
.mt-10 {margin-top: 10px;}
.mt-15 {margin-top: 15px;}
.mt-20 {margin-top: 20px;}
.mt-30 {margin-top: 30px;}
.mt-50 {margin-top: 50px;}

.mb-5 {margin-bottom: 5px;}
.mb-10 {margin-bottom: 10px;}
.mb-20 {margin-bottom: 20px;}
.mb-25 {margin-bottom: 25px;}
.mb-30 {margin-bottom: 30px;}
.mb-40 {margin-bottom: 40px;}
.mb-50 {margin-bottom: 50px;}
.mb-60 {margin-bottom: 60px;}

.ml-5 {margin-left: 5px;}
.ml-10 {margin-left: 10px;}
.ml-15 {margin-left: 15px;}
.ml-20 {margin-left: 20px;}
.ml-25 {margin-left: 25px;}
.ml-30 {margin-left: 30px;}
.ml-40 {margin-left: 40px;}
.ml-50 {margin-left: 50px;}

.mr-5 {margin-right: 5px;}
.mr-10 {margin-right: 10px;}
.mr-20 {margin-right: 20px;}
.mr-25 {margin-right: 25px;}
.mr-30 {margin-right: 30px;}
.mr-50 {margin-right: 50px;}

.mauto {margin:0 auto;}

.w100 {width: 100%;}
.w90 {width: 90%;}
.w75 {width:73%;}
.w50 {width:50%;}
.w33 {width:33%;}
.w25 {width:23%;}

.lh-100 { line-height: 120%; }

.op-50 {opacity: 0.5; filter: alpha(opacity = 30);}

.over-hide {overflow: hidden;}

.pointer {cursor: pointer;}

.round {
  border: 0;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  }

.br-0 {
  border-radius: 0;
}

.round-top {
	border: 0;
	border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
}
  
.noround {
	border: 0;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	}

.round-s {
  border: 0;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  }

.posrel { position: relative; } 
.posabs { position: absolute; } 


.cut-text { 
  text-overflow: ellipsis;
  overflow: hidden; 
  white-space: nowrap;
}

ul {
    list-style-type: none;
}
  
li:before {
    content: '\2014';
    position: absolute;
    margin-left: -40px;
}

li {
    padding-left: 10px;
    margin-bottom: 15px;
}

.adlog {
	width: 100%;
	height: 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
}

[contenteditable] {
  -webkit-user-select: text;
  user-select: text;
}

@-webkit-keyframes wobble-hor-bottom {
    0%,
    100% {
      -webkit-transform: translateX(0%);
              transform: translateX(0%);
      -webkit-transform-origin: 50% 50%;
              transform-origin: 50% 50%;
    }
    15% {
      -webkit-transform: translateX(-5px) rotate(-3deg);
              transform: translateX(-5px) rotate(-3deg);
    }
    30% {
      -webkit-transform: translateX(15px) rotate(3deg);
              transform: translateX(15px) rotate(3deg);
    }
    45% {
      -webkit-transform: translateX(-15px) rotate(-3.6deg);
              transform: translateX(-15px) rotate(-3.6deg);
    }
    60% {
      -webkit-transform: translateX(9px) rotate(2.4deg);
              transform: translateX(9px) rotate(2.4deg);
    }
    75% {
      -webkit-transform: translateX(-6px) rotate(-1.2deg);
              transform: translateX(-6px) rotate(-1.2deg);
    }
  }
  @keyframes wobble-hor-bottom {
    0%,
    100% {
      -webkit-transform: translateX(0%);
              transform: translateX(0%);
      -webkit-transform-origin: 50% 50%;
              transform-origin: 50% 50%;
    }
    15% {
      -webkit-transform: translateX(-5px) rotate(-3deg);
              transform: translateX(-5px) rotate(-3deg);
    }
    30% {
      -webkit-transform: translateX(15px) rotate(3deg);
              transform: translateX(15px) rotate(3deg);
    }
    45% {
      -webkit-transform: translateX(-15px) rotate(-3.6deg);
              transform: translateX(-15px) rotate(-3.6deg);
    }
    60% {
      -webkit-transform: translateX(9px) rotate(2.4deg);
              transform: translateX(9px) rotate(2.4deg);
    }
    75% {
      -webkit-transform: translateX(-6px) rotate(-1.2deg);
              transform: translateX(-6px) rotate(-1.2deg);
    }
}

.lgn {
  
  position: absolute;
  bottom: 10px;
  right: 10px;
  opacity: 0;

}

.lgn:hover {
 
  opacity: 1;

}