[v-cloak] { display: none; }

.subwave {
    padding-bottom: 25px;
    background: url("/img/wave-navy.png") bottom left repeat-x;
}

.monospace {
    font-family: "Lucida Console", Courier, monospace!important;
  }

.bgi {
    width: 60%;
    height: 60%;
    position: absolute;
    top: 0;
    left: 0;
}

.bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url( "/img/background.png") no-repeat center center;
    background-size: cover;
    background-color: white;
    transform: scale(1.0);
}

.centered80percent {
    width: 80%;
    margin: 0 auto;
}


/*http://www.cssarrowplease.com/*/
.arrow_box_right {
	position: relative;
	background: #96e9a6;
	border: 0px solid #000000;
}
.arrow_box_right:after, .arrow_box_right:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box_right:after {
	border-color: rgba(17, 213, 56, 0);
	border-left-color: #96e9a6;
	border-width: 16px;
	margin-top: -16px;
}
.arrow_box_right:before {
	border-color: rgba(194, 225, 245, 0);
	border-left-color: #96e9a6;
	border-width: 17px;
	margin-top: -17px;
}

.arrow_box_left {
	position: relative;
	background: #e4eb85;
	border: 0px solid #e4eb85;
}
.arrow_box_left:after, .arrow_box_left:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box_left:after {
	border-color: rgba(17, 213, 56, 0);
	border-right-color: #e4eb85;
	border-width: 16px;
	margin-top: -16px;
}
.arrow_box_left:before {
	border-color: rgba(194, 225, 245, 0);
	border-right-color: #e4eb85;
	border-width: 17px;
	margin-top: -17px;
}

@font-face {
    font-family: 'Cera Pro';
    src: url('fonts/CeraPro/CeraPro-Regular.eot');
    src: local('Cera Pro Regular'), local('CeraPro-Regular'),
        url('fonts/CeraPro/CeraPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/CeraPro/CeraPro-Regular.woff') format('woff'),
        url('fonts/CeraPro/CeraPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.cerapro {
    font-family: 'Cera Pro'!important;
}

@font-face {
    font-family: 'Pangram';
    src: url('fonts/Pangram/Pangram-Regular.otf');
    font-weight: normal;
    font-style: normal;
}

.pangram {
    font-family: 'Pangram'!important;
}

.flotanteRight {
    z-index: 1;
    position:fixed;
    right:0;
    bottom:0;
    margin-right: 18px;
    margin-bottom: 0px;
}

.logoCentered {
    display:block;
    margin: auto;
}