@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* @import must be at top of file, otherwise CSS will not work */
@import url('https://hello.myfonts.net/count/3d7c17');

/* ======MEGA RESET====== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

body {
    width: 100%;
    height: 100%;
	overflow-x: hidden;
	font-family:;
	color:white;
}

/**
 * @license
 * MyFonts Webfont Build ID 4029463, 2021-03-20T01:31:01-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: NocturneSerif-Black by Borutta Group
 * URL: https://www.myfonts.com/fonts/borutta/nocturne-serif/black/
 * 
 * Webfont: NocturneSerif-BlackItalic by Borutta Group
 * URL: https://www.myfonts.com/fonts/borutta/nocturne-serif/black-italic/
 * 
 * Webfont: NocturneSerif-Bold by Borutta Group
 * URL: https://www.myfonts.com/fonts/borutta/nocturne-serif/bold/
 * 
 * Webfont: NocturneSerif-BoldItalic by Borutta Group
 * URL: https://www.myfonts.com/fonts/borutta/nocturne-serif/bold-italic/
 * 
 * Webfont: NocturneSerif-ExtraBold by Borutta Group
 * URL: https://www.myfonts.com/fonts/borutta/nocturne-serif/extra-bold/
 * 
 * Webfont: NocturneSerif-ExtraBoldItalic by Borutta Group
 * URL: https://www.myfonts.com/fonts/borutta/nocturne-serif/extra-bold-italic/
 * 
 * Webfont: NocturneSerif-ExtraLight by Borutta Group
 * URL: https://www.myfonts.com/fonts/borutta/nocturne-serif/extra-light/
 * 
 * Webfont: NocturneSerif-ExtraLightItalic by Borutta Group
 * URL: https://www.myfonts.com/fonts/borutta/nocturne-serif/extra-light-italic/
 * 
 * Webfont: NocturneSerif-ExtraThin by Borutta Group
 * URL: https://www.myfonts.com/fonts/borutta/nocturne-serif/extra-thin/
 * 
 * Webfont: NocturneSerif-ExtraThinItalic by Borutta Group
 * URL: https://www.myfonts.com/fonts/borutta/nocturne-serif/extra-thin-italic/
 * 
 * Webfont: NocturneSerif-Light by Borutta Group
 * URL: https://www.myfonts.com/fonts/borutta/nocturne-serif/light/
 * 
 * Webfont: NocturneSerif-LightItalic by Borutta Group
 * URL: https://www.myfonts.com/fonts/borutta/nocturne-serif/light-italic/
 * 
 * Webfont: NocturneSerif-Medium by Borutta Group
 * URL: https://www.myfonts.com/fonts/borutta/nocturne-serif/medium/
 * 
 * Webfont: NocturneSerif-MediumItalic by Borutta Group
 * URL: https://www.myfonts.com/fonts/borutta/nocturne-serif/medium-italic/
 * 
 * Webfont: NocturneSerif-Regular by Borutta Group
 * URL: https://www.myfonts.com/fonts/borutta/nocturne-serif/regular/
 * 
 * Webfont: NocturneSerif-RegularItalic by Borutta Group
 * URL: https://www.myfonts.com/fonts/borutta/nocturne-serif/italic/
 * 
 * Webfont: NocturneSerif-SemiBold by Borutta Group
 * URL: https://www.myfonts.com/fonts/borutta/nocturne-serif/semi-bold/
 * 
 * Webfont: NocturneSerif-SemiBoldItalic by Borutta Group
 * URL: https://www.myfonts.com/fonts/borutta/nocturne-serif/semi-bold-italic/
 * 
 * Webfont: NocturneSerif-Thin by Borutta Group
 * URL: https://www.myfonts.com/fonts/borutta/nocturne-serif/thin/
 * 
 * Webfont: NocturneSerif-ThinItalic by Borutta Group
 * URL: https://www.myfonts.com/fonts/borutta/nocturne-serif/thin-italic/
 * 
 * 
 * Webfonts copyright: Copyright © 2016 by Mateusz Machalski. All rights reserved.
 * 
 * © 2021 MyFonts Inc
*/

  
@font-face {
  font-family: "NocturneSerif-Bold";
  src: url('../fonts/NocturneSerifBold/font.woff2') format('woff2'), url('../fonts/NocturneSerifBold/font.woff') format('woff');
}
@font-face {
  font-family: "NocturneSerif-Black";
  src: url('../fonts/NocturneSerifBlack/font.woff2') format('woff2'), url('../fonts/NocturneSerifBlack/font.woff') format('woff');
}
@font-face {
  font-family: "NocturneSerif-ExtraBold";
  src: url('../fonts/NocturneSerifExtraBold/font.woff2') format('woff2'), url('../fonts/NocturneSerifExtraBold/font.woff') format('woff');
}
@font-face {
  font-family: "NocturneSerif-BoldItalic";
  src: url('../fonts/NocturneSerifBoldItalic/font.woff2') format('woff2'), url('../fonts/NocturneSerifBoldItalic/font.woff') format('woff');
}
@font-face {
  font-family: "NocturneSerif-BlackItalic";
  src: url('../fonts/NocturneSerifBlackItalic/font.woff2') format('woff2'), url('../fonts/NocturneSerifBlackItalic/font.woff') format('woff');
}
@font-face {
  font-family: "NocturneSerif-ThinItalic";
  src: url('../fonts/NocturneSerifThinItalic/font.woff2') format('woff2'), url('../fonts/NocturneSerifThinItalic/font.woff') format('woff');
}
@font-face {
  font-family: "NocturneSerif-SemiBold";
  src: url('../fonts/NocturneSerifSemiBold/font.woff2') format('woff2'), url('../fonts/NocturneSerifSemiBold/font.woff') format('woff');
}
@font-face {
  font-family: "NocturneSerif-Thin";
  src: url('../fonts/NocturneSerifThin/font.woff2') format('woff2'), url('../fonts/NocturneSerifThin/font.woff') format('woff');
}
@font-face {
  font-family: "NocturneSerif-Regular";
  src: url('../fonts/NocturneSerifRegular/font.woff2') format('woff2'), url('../fonts/NocturneSerifRegular/font.woff') format('woff');
}
@font-face {
  font-family: "NocturneSerif-SemiBoldItalic";
  src: url('../fonts/NocturneSerifSemiBoldItalic/font.woff2') format('woff2'), url('../fonts/NocturneSerifSemiBoldItalic/font.woff') format('woff');
}
@font-face {
  font-family: "NocturneSerif-Medium";
  src: url('../fonts/NocturneSerifMedium/font.woff2') format('woff2'), url('../fonts/NocturneSerifMedium/font.woff') format('woff');
}
@font-face {
  font-family: "NocturneSerif-Light";
  src: url('../fonts/NocturneSerifLight/font.woff2') format('woff2'), url('../fonts/NocturneSerifLight/font.woff') format('woff');
}
@font-face {
  font-family: "NocturneSerif-RegularItalic";
  src: url('../fonts/NocturneSerifRegularItalic/font.woff2') format('woff2'), url('../fonts/NocturneSerifRegularItalic/font.woff') format('woff');
}
@font-face {
  font-family: "NocturneSerif-MediumItalic";
  src: url('../fonts/NocturneSerifMediumItalic/font.woff2') format('woff2'), url('../fonts/NocturneSerifMediumItalic/font.woff') format('woff');
}
@font-face {
  font-family: "NocturneSerif-LightItalic";
  src: url('../fonts/NocturneSerifLightItalic/font.woff2') format('woff2'), url('../fonts/NocturneSerifLightItalic/font.woff') format('woff');
}
@font-face {
  font-family: "NocturneSerif-ExtraThinItalic";
  src: url('../fonts/NocturneSerifExtraThinItalic/font.woff2') format('woff2'), url('../fonts/NocturneSerifExtraThinItalic/font.woff') format('woff');
}
@font-face {
  font-family: "NocturneSerif-ExtraThin";
  src: url('../fonts/NocturneSerifExtraThin/font.woff2') format('woff2'), url('../fonts/NocturneSerifExtraThin/font.woff') format('woff');
}
@font-face {
  font-family: "NocturneSerif-ExtraLight";
  src: url('../fonts/NocturneSerifExtraLight/font.woff2') format('woff2'), url('../fonts/NocturneSerifExtraLight/font.woff') format('woff');
}
@font-face {
  font-family: "NocturneSerif-ExtraLightItalic";
  src: url('../fonts/NocturneSerifExtraLightItalic/font.woff2') format('woff2'), url('../fonts/NocturneSerifExtraLightItalic/font.woff') format('woff');
}
@font-face {
  font-family: "NocturneSerif-ExtraBoldItalic";
  src: url('../fonts/NocturneSerifExtraBoldItalic/font.woff2') format('woff2'), url('../fonts/NocturneSerifExtraBoldItalic/font.woff') format('woff');
}

/* ====== EDTTK STYLES STARTS HERE ======*/

html {
  scroll-behavior: smooth;
}

h1{
font-family: 'NocturneSerif-Black';
font-size: 120px;
font-weight: normal;
font-style: normal;
text-align: center;
color: #86754d;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

h2{
font-family: 'NocturneSerif-LightItalic';
font-size: 64px;
font-weight: normal;
font-style: normal;
text-align: center;
color: #86754d;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
	
}

h3{
font-family: 'NocturneSerif-LightItalic';
font-size: 36px;
font-weight: normal;
font-style: normal;
text-align: center;
color: #86754d;
margin-bottom: 20px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
	
}
h4{
font-family: 'Raleway';
font-size: 18px;
font-weight: 300;
font-style: italic;
text-align: center;
color: #d1d2c8;
margin-bottom: 20px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
	
}

h5{
	
}

h6{
	
}

p{
font-family: 'Raleway';
font-size: 18px;
font-weight: 300;
font-style: normal;
line-height: 1.7em;
color: #d1d2c8;
margin-bottom: 20px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

a{
    text-decoration: none;
    transition: 500ms;
}
a:hover{
    text-decoration: none;
}

.icons a{
    text-decoration: none;
    transition: 500ms;
    width: 24px;
    margin: 0 12px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center;
}
.icons a:hover{
    text-decoration: none;
    transform: translate(0px, -3px);
}

.navbar-right{
  padding: 10px 0px;
}

.icons-wa{
  background-image: url(../svg/the-palm-on-the-tree-icon_whatsapp.svg);
}
.icons-wa:hover{
  /*background-image: url(../svg/the-palm-on-the-tree-icon_whatsapp-blk.svg);*/
}

.icons-yt{
  background-image: url(../svg/the-palm-on-the-tree-icon_youtube.svg);
}
.icons-yt:hover{
  background-image: url(../svg/the-palm-on-the-tree-icon_youtube-blk.svg);
}

.icons-ig{
  background-image: url(../svg/the-palm-on-the-tree-icon_instagram.svg);
}
.icons-ig:hover{
  background-image: url(../svg/the-palm-on-the-tree-icon_instagram-blk.svg);
}

.icons-fb{
  background-image: url(../svg/the-palm-on-the-tree-icon_facebook.svg);
}
.icons-fb:hover{
  background-image: url(../svg/the-palm-on-the-tree-icon_facebook-blk.svg);
}

.icons-mail{
  background-image: url(../svg/the-palm-on-the-tree-icon_mail.svg);
}
.icons-mail:hover{
  background-image: url(../svg/the-palm-on-the-tree-icon_mail-blk.svg);
}

a.phone {
   
}
a.phone:hover {
  transition-duration: 0.9s;
  transform: translate(7px, 0px);
}

a.phone img {
  opacity: 0.0;
  transition: opacity .6s;
}
a.phone:hover img {
  opacity: 1;
  transition: opacity 0.9s;
}

sup{
  font-size: 0.7em;
}

section {
	padding:0px;
	margin:0px;
	width: 100%;
	height: 100%;
}

section.sec-blocks{
  margin-bottom: 164px;
}

#greatlogo{
	padding:230px 0 230px;
}

#intro {
	position: relative;
	width: 100%;
    background-image:
    linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 30%),
    linear-gradient(to top, rgba(0, 0, 0, 1) 1%, rgba(0, 0, 0, 0) 20%),
    url(../img/palm-on-the-tree-intro_background-the-tower.jpg);
    color: #fff;
    background-repeat: no-repeat;
      -webkit-background-size:cover;
  -moz-background-size: cover;
  -o-background-size:cover;
  background-size:cover;
  margin-bottom: 104px;
 }

 .container{
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;
}

 #intro img {
 	z-index: -1;
 	width: 100%;
 	height: auto;
 	visibility: hidden;
 	position: relative;
 }


 #intro .container{
padding: 0px;
    margin: 0px;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 370px;
    pointer-events: none;	 
}

 #avdepriv .container{
  padding: 0px;
  margin: 0px;
  width: 80%;
  max-width: 970px;
  top: 940px;
  display: block;
  margin:0 auto;
}

#avdepriv p{
color: #19272E;
}

#avdepriv h2{
margin:0 auto 30px;
}

#avdepriv h3{
margin-top: 30px;
}

#avdepriv ul{
font-family: 'Raleway';
font-size: 18px;
font-weight: 300;
font-style: normal;
line-height: 1.7em;
color: #19272E;
margin:0px 5em 20px;

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

#avdepriv li{
  margin-bottom: 1em;
}

#video .container{
  width: 100%;
  height:auto;
}

.header{
	text-align: center;
}

.maincopy{
	margin:0px auto 0px;
	max-width: 970px;
	display: cover;
}

footer{
width: 100%;
    background-image:
    linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 30%),
    url(../img/palm-on-the-tree-footer-background-green_leaves_01.jpg);
    color: #fff;
    background-repeat: no-repeat;
      -webkit-background-size:cover;
  -moz-background-size: cover;
  -o-background-size:cover;
  background-size:cover;
  padding-top:50px;	
  margin-top: -4px;
}

/*footer img .fooback {
 	z-index: -1;
 	width: 100%;
 	height: auto;
 	visibility: hidden;
 	position: relative;
 }*/

 footer .container{
	padding: 0px;
	margin: 0 auto 0;
	width: 100%;
	height: 100%;
	display: block;
	text-align: center;
}

.whsppfoo{
  margin-top:85px;
}

.datacontact{
	display: flex;
	width: 970px;
	justify-content: center;
	margin:0 auto;
	padding: 80px 0px;
	text-align: center;
}

.datacontact a{
	color: #d1d2c8;
}

.datacontact a:hover{
	color: #ccb276;
	text-decoration: none;
	transition: 500ms;
}

.policies{
  font-family: 'Raleway';
  font-size: 10pt;
  width: 100%;
  padding:15px 0px 20px;
  display: block;
  text-align: center;
}

.policies a{
  color:#ccb276;
  font-weight: 300;
}

.policies a:hover{
  color:#d1d2c8;
}

.copyright {
    width: 100%;
    margin: 0 auto;
    padding: 15px 0;
    text-align: center;
    height: 50px;
    display: block;
}

.brand-centered {
  display: flex;
  justify-content: center;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}
.navbar-brand {
  display: flex;
  align-items: center;
}

.navbar-default {
	width: 100%;
z-index: 9;	
	background-color: white;
	height: 90px;
-webkit-box-shadow: 0px 8px 24px -1px rgba(0,0,0,0.51); 
box-shadow: 0px 8px 24px -1px rgba(0,0,0,0.3);	
	padding: 20px 15% 0px;
	position: fixed;
	display: none;
}

.navbar-brand {
    margin-left: -15px;
    margin-top: 30px;
}

.fonts {
	color: black;
	font-family: "NocturneSerif-LightItalic";
}

.navbar-default .navbar-nav > li >  a {
    color: black;
}

.navbar-default .navbar-nav > li >  a > span{
  color: #86754d;
}

#intro {
	
}
#sticky {
  padding: 0.5ex;
  color: #fff;
  font-size: 2em;
  border-radius: 0.5ex;
}

#sticky.stick {
  position: fixed;
  top: 120px;
	left: 0;
	right: 0;
  z-index: 10000;
  border-radius: 0 0 0.5em 0.5em;
}

.background {
  background: url(../img/palm-on-the-tree-intro_background-the-tower.jpg);
  background-size: 1600px auto;
  position: fixed;
  width: 100%;
  height: 1600px;
  top: 0;
  left: 0;
  z-index: -1
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    z-index: 9999;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 32px;
    height: 2px;
    border-radius: 1px;
}

.mar {
	margin-top: 25px;
}

.pos {
	
    width: 90px;
    margin: 0 auto;

	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.mvid {
	margin-top: 150px;
}

#video {
	background-color: black;
	padding-top: 100px;
}

.din {
	background-color: black;
  margin-top: -164px;
}

.rollover {
  display: inline-block;
  position: relative;
}
.rollover .off {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
  transition: 0.9s ease;
}
.rollover .on {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.rollover .on, .rollover .off {
  display: block;
}

.rollover:hover .off {
  opacity: 0;
}

.formulario .container {
	    max-width: 1170px;
		width: 100%;
	    margin: 0 auto;

}

.formulario {
	background-color: black;
	padding-top: 100px;
	padding-bottom: 100px;
}

.input {
    border-radius: 0px;
    border-color: #86754d;
    margin-bottom: 21px;
    background-color: black;
	color: white;
}

.enviar {
    border-color: #86754d;
    padding: 7px;
    width: 100%;
    background-color: #86754d;
    border: none;
    font-family: "NocturneSerif-Medium";
    margin-top: 28px;
    height: 40px;
    width: 200px;
    margin: 0 auto;
    display: block;
    margin-top: 40px;
	transition: all .5s ease-out;
}

.enviar:hover {
	background-color: #63532d;
}

.inputop{
  border-color: #86754d;
  padding: 7px;
  width: 100%;
  background-color: #86754d;
  border: none;
  font-family: "Raleway";
}

.formulario h1 {
	color: #86754d;
	font-size: 32px;
	font-family: "NocturneSerif-SemiBold";
	margin-bottom: 20px;
}

.formulario h2 {
	font-size: 18px;
	margin-bottom: 20px;
}

.radiow {
	text-align: center;
}

.radiow radio {
	margin-left: 10px;
}


input[type=radio] {
  opacity: 0;
  width: 100%;
  height: 42px;
  background-color: blue;
  position: relative;
  z-index: 1;
}

group {
  width: 500px;
  display: flex;
}

.input-container {
  height: 42px;
  width: 150px;
  line-height: 42px;
  text-align: center;
  position: relative;
  display: inline-block;
  margin-left: -6px;
  cursor: pointer;
}

.input-container label {
  border-radius: 0;
  border-right: 2px solid #86754d;
  color: white;	
  font-family: "Raleway";
  font-size: 12px;
  text-transform: uppercase;
}

label {
  width: 100%;
  height: 100%;
  position: absolute;
  border: 2px solid #86754d;
  border-right: inherit;
  top: 0;
  left: 0;
  font-family: arial;
  color: #737373;
	transition: all .5s ease-out;
}

input:checked + label {
  background-color: #86754d;
  top: 0;
  left: 0;
  border: 2px solid #9c7d34 !important;
  z-index: 2;
  color: white;
}

.popover {
	color:#fff;
	background-color:#86754d;
	padding:1px;
	}
	
.popover.top > .arrow:after {
  border-top-color: #86754d;
}


.info {
	background-color: white;
}

.info h1 {
	font-size: 92px;
	text-align: left;
	border-bottom: 1px solid #D1D2C8 ;
  padding-bottom: 40px;
  margin-bottom: 40px;

}

.info h1 span {
	font-size: 48px;
	 font-family: "NocturneSerif-LightItalic";
}

.info .container {
	width: 1170px;
	margin: 0 auto;
	 
}

.info p {
	font-family: "NocturneSerif-LightItalic";
	font-size: 42px;
	color: black;
}

.info  .p2 {
	font-size: 18px;
  font-family: "Raleway";
  font-weight: 400;
	/*border-bottom: 1px solid #D1D2C8 ;*/
	margin-bottom: 40px;
}

.img1 {
	margin-bottom: 80px;
}

.imgd {
	background-color:#dedede;
	height: 261px;
	width: 100%;
	position: relative;
}

.imgd1 {
	position: absolute;
	right: 0;
}

.info3 h3 {
	color: black;
	font-size: 42px;
	font-family: "NocturneSerif-LightItalic";
  font-weight: 400;
	text-align: left;		
}

.info3 p {
  font-size: 18px;
  font-family: "Raleway";
	color: black;
}

.info4 {
	margin-top: 100px;
	text-align: center;
}


.cir1 {
    width: 269px;
    height: 269px;
    border-radius: 50%;
    border: 1px solid black;
    padding-top: 100px;
    text-align: center;
    display: block;
  	transition: all .5s;
}

.cir:hover .cir1 h1{
	color: white;
}

.cir:hover .cir1 p{
	color: white;
}

.cir:hover .cir1 {
	background-color: #86754d
}

.cir:hover .cir1 .gold {
	color: white;
}

.cir1 h1{
	color: black;
	font-size: 48px;
	border: none;
	text-align: center;
	margin: 0;
	padding: 0;
}

.cir1 h1 span{
	font-size: 24px;
font-family: "NocturneSerif-Regular";
}

.cir1 p {
	font-size: 18px;
	font-family: "NocturneSerif-LightItalic";
	color: black;
	margin: 0;
}

.cir {
	display: inline-block;
	margin-left: 50px;
	margin-right: 50px;
	margin-top: 100px;
}



.info4 {
	border-bottom: 1px solid #D1D2C8 ;
	padding-bottom: 100px;
}

.tabla h3 {
	font-family: "NocturneSerif-Black";
	color: black;
	font-size: 10px;
	text-align: left;
	margin-bottom: 0;
}

.tabla p {
  font-family: "Raleway";
  font-size: 16px;
  font-weight: 400;
}

.tabla span{
  font-family: "NocturneSerif-LightItalic";
}

.info5 {
	margin-top: 100px;
	margin-bottom: 100px;
}

.tabla {
    border-bottom: 1px solid #D1D2C8;
    display: inline-block;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 20px;
}

.last {
    border-bottom: 0px solid #D1D2C8;
    display: inline-block;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 20px;
    margin-bottom: 164px;
}



.shine {
    background: #86754d -webkit-gradient(linear, left top, right top, from(#92835f), to(#92835f), color-stop(0.5, #fff)) 0 0 no-repeat;
    -webkit-background-size: 61px 123px;
    color: rgb(134 117 77 / 60%);
    -webkit-background-clip: text;
    -webkit-animation-name: shine;
    -webkit-animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    text-shadow: 0 0px 0px rgb(255 255 255 / 0%);
}


@-webkit-keyframes shine {
  0% {
    background-position: -1000px;
  }

  100% {
    background-position: 100%;
  }
}

.input2 {
    border: none;
    border-bottom: 1px solid #86754d;
    text-align: center;
    box-shadow: none;
    border-radius: 0;
    font-family: 'NocturneSerif-LightItalic';
}

.form-control{
    font-weight: 300;
    font-size: 18px;
    font-family: "NocturneSerif-LightItalic"
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
}

.descarga {
    background-color: #86754d;
    font-family: "Raleway";
    font-size: 14px;
    height: 50px;
    border: none;
    width: 100%;
	transition: all .5s;
}

.descarga:hover {
	border: 1px solid #86754d;
	color: #86754d;
	background-color: white;
}


.nivelblanco {
	width: 170px;
	height: 170px;
background-color:#D1D2C888;
	color: white;
	border-radius: 50%;
	 font-family: "NocturneSerif-Black";
	font-size: 32px;
    text-align: center;
    padding: 45px 0px;	
}

.nivelazul {
  width: 170px;
  height: 170px;
background-color:#75899488;
  color: white;
  border-radius: 50%;
   font-family: "NocturneSerif-Black";
  font-size: 32px;
    text-align: center;
    padding: 45px 0px;  
}

.nivelverde {
  width: 170px;
  height: 170px;
background-color:#8F897488;
  color: white;
  border-radius: 50%;
   font-family: "NocturneSerif-Black";
  font-size: 32px;
    text-align: center;
    padding: 45px 0px;  
}

.blanco {
	position: absolute;
top: 960px;
    left: 410px;
	
}

.azul {
    position: absolute;
    bottom: 1184px;
    right: 410px;
	
}

.verde {
position: absolute;
    bottom: 500px;
    left: 690px;
	
}

.texto {
    color: white;
    font-size: 16px;
    font-family: "Raleway";
    font-weight: 300;
    line-height: 1.25em;
    letter-spacing: .03rem;
    text-shadow: 1px 1px 5px rgba(0,0,0,0.8);
    max-width: 190px;
    margin-top: 30px;
}

.azul .texto {
    color: white;
    font-size: 16px;
    font-family: "Raleway";
    font-weight: 300;
    font-weight: 300;
    line-height: 1.25em;
    letter-spacing: .03rem;
    text-shadow: 1px 1px 5px rgba(0,0,0,0.8);
    max-width: 190px;
    margin-top: 30px;
	text-align: right;
	    padding-right: 19px;
}



.animation {

    max-width: 170px;
    position: fixed;
    z-index:1200;
    margin: 0 auto;
    left: 0;
    right: 0;
  top: 200px;
}

.ani1 {
      -webkit-animation: ani 1s forwards;
        -webkit-transform:scale(0.4, 0.4);
    animation: ani 1s forwards;
}

.ani2 {
      -webkit-animation: anib 1s   forwards;
        -webkit-transform:scale(1,1);
    animation: anib 1s  forwards;
}

.ani1xs {
      -webkit-animation: anixs 1s forwards;
        -webkit-transform:scale(0.55,0.55);
    animation: anixs 1s forwards;
}

.ani2xs {
      -webkit-animation: anibxs 1s   forwards;
           -webkit-transform:scale(1,1);
    animation: anibxs 1s  forwards;
}


@keyframes ani {
  0% {
    top: 200px;
  }
/*
  50% {
    top: 100px;
     transform: scale(125%);
  }
*/
  100% {
    top:-40px;
   transform: scale(40%);
    
  }
}

@keyframes anib{
  0% {
    top:-25px;
   transform: scale(50%);
  }
/*
  50% {
    top: 100px;
     transform: scale(125%);
  }
*/
  100% {
    top: 200px;
    
  }
}


@keyframes anixs {
  0% {
    top: 200px;
  }
/*
  50% {
    top: 100px;
     transform: scale(125%);
  }
*/
  100% {
    top:-25px;
   transform: scale(50%);
    
  }
}

@keyframes anibxs{
  0% {
    top:-25px;
   transform: scale(50%);
  }
/*
  50% {
    top: 100px;
     transform: scale(125%);
  }
*/
  100% {
    top: 100px;
    
  }
}

.gold {
  color: #86754d;
}