/*ini bootstrap*/
@media (min-width: 1024px) {
  .container {
    width: inherit;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1160px;
  }
}

@media (min-width: 1300px) {
  .container {
    width: 1260px;
  }
}

@media (min-width: 1400px) {
  .container {
    width: 1360px;
  }
}





.form-control {}
/*.form-control:focus { border-color: #f62131;box-shadow:none;}*/

.row-eq-height {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;flex-wrap: wrap;}
.row-eq-height > [class*='col-'] {display: flex;flex-direction: column;}

@media (min-width: 992px) {
	.col-md-4{width: 31.333333%;}
	.col-md-3{width: 21%;}
	#productos .producto .desc{width: 219px;}
}

/*end bootstrap*/

#cookie-policy-overlay {background-color:rgba(0,0,0,0.9);z-index:9999;top:3000px;left:0;right:0;width:100%;height:100%;cursor:pointer; box-sizing: content-box;position:absolute;}
#cookie-policy {width:100%;position:fixed;bottom:0;background-color:#000000;text-align:center;color:#fff;z-index:20;display:none;}
#cookie-policy .cp-content {width:985px;text-align:left;margin:20px auto 20px auto;}
#cookie-policy .cp-content .cp-close {float:right;margin-top:15px;cursor:pointer;background-color:#FFFFFF;padding:5px 10px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;font-size:13px;color:#000000;}
#cookie-policy .cp-content .cp-close:hover {background-color:#fff;}
#cookie-policy .cp-content h6 {font-weight:bold;font-size:16px;margin-bottom:5px;}
#cookie-policy .cp-content p {line-height:18px;font-size:13px;max-width:860px;color:#fff;}
#cookie-policy .cp-content p a {color:#fff;font-weight:bold;text-decoration:underline;}
#cookie-policy .cp-content p a:hover {text-decoration:none;}

@media (max-width: 1024px) {
    #cookie-policy .cp-content {width:100%;padding:0 10px;}
}

.ui-autocomplete {z-index:99999999;}
.ui-autocomplete li {font-size:14px;}

* {background-repeat:no-repeat;}

ul {padding-left:0;}
ul li {list-style: none;}

a, 
button span,
a:hover .arrow,
a:hover strong,
a:hover em,
.owl-prev,
.owl-next,
button,
.button .name,
.hef {-moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;	-o-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; transition:all 0.3s ease-out;} 
button .spin {-moz-transition:none; -webkit-transition:none;	-o-transition:none; -ms-transition:none; transition:none;}
.button .border {-moz-transition:all 0.1s ease-out; -webkit-transition:all 0.1s ease-out;	-o-transition:all 0.1s ease-out; -ms-transition:all 0.1s ease-out; transition:all 0.1s ease-out;} 

.nomaxwidth {max-width:inherit !important;}


html {
position: relative;
min-height: 100%;
}
html,
body {
  
/*height: 100%;*/
/*overflow-x: hidden;*/
}

body {-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;-o-font-smoothing: antialiased;overflow-x:hidden;}
body {font-family: 'Nunito', sans-serif;color:#000000;}

body {
 background-color:#000000;
	
	background-image: url('../img/diamantes.png'), url('../img/bg.jpg');
  background-position: top center, top center;
  background-repeat: no-repeat, repeat;
	background-attachment: scroll, fixed;
	
	
}



body,
p,
li {font-size:17px;color:#ffffff;}
a {color:#ffffff;}
a:hover,
a:focus{text-decoration:none !important;color:#ffffff;}

.opacity0 {opacity: 0;}
.opacity1 {opacity: 1;}


#logo_wrapper {

    background-color:#000000;background-size:cover; background-position: center;padding:5px 0px;
}
.navbar-collapse {background:transparent;}



.nav-link {padding:0 30px !important;color:#C1027B !important;text-transform: uppercase;font-size:21px;}
.nav-link:hover {color:#009DE0 !important;}

.navbar-light .navbar-toggler {border-color:#C1027B !important;}
.navbar-light .navbar-toggler-icon {background-image:none;font-size:24px;color:#C1027B;line-height:35px;}
.navbar-light .navbar-toggler-icon:before {content:'\f0c9';font-family: 'FontAwesome';}
.navbar-collapse {z-index:10;}
.navbar .navbar-brand {display: none;}

.btn {border-radius: 0px;background-color:#1e99a6;color:#fff;padding:5px 100px;text-transform: uppercase;font-size:30px;letter-spacing: 0; cursor: pointer}
.btn:hover {background-color:#e03366;color:#fff;}
.navbar-brand{text-align: center; display: block; margin:0px; }
.navbar-brand img{max-width: 163px}

#header_wrapper {;left:0;width:100%;z-index:100;}
#content {padding-top:0px;}

#content #home .banner{max-width: 1400px; margin-top: -60px; margin-bottom: -30px}
#content #home .banner_mobile{max-width: 411px}
#content #home.contenido{padding-bottom: 0px}

.nunito,
#cookie-policy * {font-family: 'Nunito', sans-serif;font-weight:600;letter-spacing: 0;}

#footer .logo_footer{max-height: 50px; margin-bottom:30px}
#footer {text-align: center;padding:20px 0px; position: relative; background-color:#000000; background-size:cover;background-position: center;}
#footer .legal {font-size:11px;line-height:13px;letter-spacing: 0;color:#fff;font-family: 'Nunito', sans-serif; padding-top: 20px}
#footer .legal a {text-decoration: underline;font-weight:700;color:#fff;}
#footer .recordar {background-color:#FFDA00;padding:60px 0 60px 0;font-size:26px;line-height: 20px;color:#5F2617; letter-spacing: 1px;margin-bottom:20px;position: relative;}
#footer .recordar img {margin-top:3px;}
#footer .footer_donettes {position: absolute;left:-4%;top:20%;max-width:26%;}
#footer .footer_castillo {position: absolute;right:4%;bottom:0;height:90%;}

#footer .bases_legales {font-size:30px; padding-bottom: 40px}
#footer .bases_legales a{text-decoration: none; }

#footer .link_legales{padding-bottom: 0px; padding-top: 10px}
#footer .link_legales a{font-size:11px; color:#ffffff; text-transform: none; display: inline-block;}
#footer .link_legales .sep{display: inline-block; padding:0px 5px}

.grota{font-family:'grota_roundedextrabold', sans-serif!important;}

body {}
#footer {}
body.home {}
.home #footer {}
.home #footer .legal {}

#cms {padding:40px 0;color:#ffffff!important}
#cms h1 {font-size:28px;color:#ffffff!important}
#cms h2 {font-size:18px;color:#ffffff!important}
#cms p,
#cms b,
#cms td,
#cms li {font-family: 'Nunito', sans-serif;font-size:14px; color:#ffffff!important}

#home{margin: 0 auto; text-align: center;}


.contenido{max-width:1000px; width:100%; margin: 0 auto; padding:40px 0px; text-align: center; padding-top:0px}
.contenido .txt{ font-size:18px; padding:20px 0px; font-family: 'Nunito', sans-serif; font-weight: 300; max-width: 800px; margin: 0 auto; line-height: 22px}

.contenido .logo_big{max-width:434px}

.contenido .demuestra{ font-size:24px; padding:20px 0px; font-family: 'Nunito', sans-serif; font-weight: 900; color:#ABCBDD}

.contenido .txt strong{color:#000000; font-weight: 600}

.contenido .txt.negro{color:#ffffff}
.contenido .txt.negro strong{color:#4294B9; font-weight: 600}

.contenido .pasos .txt.negro strong{color:#ffffff; font-weight: 600}

.contenido .goces{position: relative; width: 100%;  background: #000000; margin-top: 10px; padding-bottom: 0px; margin-bottom:40px }
.contenido .goces:after {
  position: absolute;
  width: 100%;
  height: 30px;
  content: "";
  background: inherit;
  top: auto;
  right: 0;
  bottom: -30px;
  left: 0;
  transform-origin: top left;
  transform: skewY(-1deg);
}


.contenido .title{font-size:24px; padding:20px 0px; font-family: 'Nunito', sans-serif; font-weight: 300; color:#ABCBDD; border-bottom:2px solid #000000}
.contenido .title.sin_borde{border-bottom:0px solid #ffffff}

.contenido .title.big{font-size: 37px; line-height: 42px}


.contenido .pasos{max-width: 690px; margin:0 auto; padding:20px 0px}

.contenido .paso1{position: relative; width: 100%;  background: #4294B9; margin-top: 0px; padding-bottom: 0px; margin-bottom:0px }
.contenido .paso1:after {
  position: absolute;
  width: 100%;
  height: 20px;
  content: "";
  background: inherit;
  top: auto;
  right: 0;
  bottom: -20px;
  left: 0;
  transform-origin: top left;
  transform: skewY(-1deg);
}

.contenido .paso1 .txt{text-align:left}


.contenido .paso2:before {
  position: absolute;
  width: 100%;
  height: 20px;
  content: "";
  background: inherit;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform-origin: top left;
  transform: skewY(-1deg);
}
.contenido .paso2{position: relative; width: 100%;  background: #8BA9B9; margin-top: 50px; padding-bottom: 0px; margin-bottom:0px }
.contenido .paso2:after {
  position: absolute;
  width: 100%;
  height: 20px;
  content: "";
  background: inherit;
  top: auto;
  right: 0;
  bottom: -20px;
  left: 0;
  transform-origin: top right;
  transform: skewY(1deg);
}

.contenido .paso2 .txt{text-align:right}

.contenido .paso2 .pasos{max-width: 800px}

.contenido .paso3:before {
  position: absolute;
  width: 100%;
  height: 20px;
  content: "";
  background: inherit;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform-origin: top right;
  transform: skewY(1deg);
}
.contenido .paso3{position: relative; width: 100%;  background: #4294B9; margin-top: 50px; padding-bottom: 0px; margin-bottom:60px }
.contenido .paso3 .txt{text-align:left}

.contenido .paso3:after {
  position: absolute;
  width: 100%;
  height: 20px;
  content: "";
  background: inherit;
  top: auto;
  right: 0;
  bottom: -20px;
  left: 0;
  transform-origin: top left;
  transform: skewY(-1deg);
}


.contenido .paso4{position: relative; width: 100%;  background: #000000; margin-top: 0px; padding-bottom: 0px; margin-bottom:60px }
.contenido .paso4:after {
  position: absolute;
  width: 100%;
  height: 20px;
  content: "";
  background: inherit;
  top: auto;
  right: 0;
  bottom: -20px;
  left: 0;
  transform-origin: top left;
  transform: skewY(-1deg);
}

.contenido .paso4 .txt{text-align:center; max-width: 900px}

.contenido .paso4 .pasos{max-width: 720px}

.contenido .row.titulos{max-width: 900px; width: 100%; margin: 0 auto; margin-top: 30px}

.contenido .bases_legales{font-size: 14px; font-weight: 300; font-family: 'Nunito', sans-serif}
.contenido .bases_legales a{text-decoration: underline}

.contenido .caras{padding-top: 20px}
.contenido .caras img{max-width: 200px}


.contenido .row.titulos .donette{max-width: 240px}


.contenido .bg_azul{background-image:url(../img/bg_azul.jpg); background-position: center center; background-size: cover; padding: 40px 0px }
.contenido .bg_azul .txt{color: #000000; font-weight: 700}
.contenido .bg_azul .producto{max-width: 639px; margin: 0 auto}



.bg_movimiento{height: 110px; background-image:url(../img/bg_movimiento.png); background-position:bottom; text-align:center; z-index:99; background-repeat:repeat-x; -webkit-animation: animacion_izquierda 10s linear infinite; position:relative}

.no_desktop{display: none}

@media (max-width: 1300px) {
    .logo_center {height:90px;}
  

}

@media (max-width: 1200px) {
 
  
}

@media (max-width: 1100px) {
 
}
/*mobile*/
@media (max-width: 991px) {
  #menu {padding:0;}
    .no_mobile{display: none}
    .no_desktop{display: inline-block}
    .contenido{max-width: 95%; margin: 0 auto}
    .contenido .txt{font-size: 16px; line-height: 20px; max-width: 90%}
    .contenido .demuestra{line-height: 30px}
    .contenido .title{font-size: 20px; max-width: 90%; margin:0 auto}
	.contenido .title.big{font-size: 32px; line-height: 40px}
    .donette_dorado{width: 168px}
    .contenido .pasos .row{padding: 0px 10px}
    .contenido .bases_legales{font-size: 12px}
    .bg_movimiento{height: 60px; background-size: contain}
    .jurado{width: 196px}
    .mascaras{width: 228px}
    .contenido .goces{margin-top: 20px}
    .contenido .txt.negro{padding-top:40px}
    
}

@media (max-width: 768px) {
 
    #home img{width:100%; max-width: inherit}
     .no_brdesktop{display: block}

}

@media (max-width: 600px) {

    
}


@media (max-width: 500px) {
}


/* ANIMACIONES */
@-webkit-keyframes animacion_izquierda {
    from { background-position: 0 bottom; }
    to { background-position: -375px bottom; }
}