/*!
 * Start Bootstrap - New Age v5.0.6 (https://startbootstrap.com/template-overviews/new-age)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-new-age/blob/master/LICENSE)
 */body,html{width:100%;height:100%}body{font-family:Muli,Helvetica,Arial,sans-serif}a{color:#fdcc52;-webkit-transition:all .35s;transition:all .35s}a:focus,a:hover{color:#fcbd20}hr{}hr.light{border-color:#fff}h1,h2,h3,h4,h5,h6{font-family:Catamaran,Helvetica,Arial,sans-serif;font-weight:200;letter-spacing:1px}p{font-size:18px;line-height:1.5;margin-bottom:20px}section{padding:100px 0}section h2{font-size:50px}#mainNav{border-color:rgba(34,34,34,.05);background-color:#fff;-webkit-transition:all .35s;transition:all .35s;font-family:Catamaran,Helvetica,Arial,sans-serif;font-weight:200;letter-spacing:1px}#mainNav .navbar-brand{color:#fdcc52;font-family:Catamaran,Helvetica,Arial,sans-serif;font-weight:200;letter-spacing:1px}#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#fcbd20}#mainNav .navbar-toggler{font-size:12px;padding:8px 10px;color:#222}#mainNav .navbar-nav>li>a{font-size:11px;font-family:Lato,Helvetica,Arial,sans-serif;letter-spacing:2px;text-transform:uppercase}#mainNav .navbar-nav>li>a.active{color:#fdcc52!important;background-color:transparent}#mainNav .navbar-nav>li>a.active:hover{background-color:transparent}#mainNav .navbar-nav>li>a,#mainNav .navbar-nav>li>a:focus{color:#222}#mainNav .navbar-nav>li>a:focus:hover,#mainNav .navbar-nav>li>a:hover{color:#fdcc52}@media (min-width:992px){#mainNav{border-color:transparent;background-color:transparent}#mainNav .navbar-brand{color:fade(white,70%)}#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#fff}#mainNav .navbar-nav>li>a,#mainNav .navbar-nav>li>a:focus{color:rgba(255,255,255,.7)}#mainNav .navbar-nav>li>a:focus:hover,#mainNav .navbar-nav>li>a:hover{color:#fff}#mainNav.navbar-shrink{border-color:rgba(34,34,34,.1);background-color:#fff}#mainNav.navbar-shrink .navbar-brand{color:#222}#mainNav.navbar-shrink .navbar-brand:focus,#mainNav.navbar-shrink .navbar-brand:hover{color:#fdcc52}#mainNav.navbar-shrink .navbar-nav>li>a,#mainNav.navbar-shrink .navbar-nav>li>a:focus{color:#222}#mainNav.navbar-shrink .navbar-nav>li>a:focus:hover,#mainNav.navbar-shrink .navbar-nav>li>a:hover{color:#fdcc52}}
header.masthead {
    position: relative;
    width: 100%;
	overflow: hidden;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../img/bg-pattern.png),#7b4397; */
    /* background: url(../img/bg-pattern.png),-webkit-gradient(linear,right top,left top,from(#7b4397),to(#dc2430)); */
    /* background: url(../img/bg-pattern.png),linear-gradient(to left,#90203d,#dc2430); */
    background: -moz-linear-gradient(8.39% 18.77% -22.88deg,rgba(185, 44, 85, 1) 0%,rgba(110, 37, 62, 1) 76.29%);
    background: -webkit-linear-gradient(-22.88deg, rgba(185, 44, 85, 1) 0%, rgba(110, 37, 62, 1) 76.29%);
    background: -webkit-gradient(linear,8.39% 18.77% ,100.53% 87.93% ,color-stop(0,rgba(185, 44, 85, 1) ),color-stop(0.7629,rgba(110, 37, 62, 1) ));
    background: -o-linear-gradient(-22.88deg, rgba(185, 44, 85, 1) 0%, rgba(110, 37, 62, 1) 76.29%);
    background: -ms-linear-gradient(-22.88deg, rgba(185, 44, 85, 1) 0%, rgba(110, 37, 62, 1) 76.29%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#B92C55', endColorstr='#6E253E' ,GradientType=0)";
    background: linear-gradient(112.88deg, rgba(185, 44, 85, 1) 0%, rgba(110, 37, 62, 1) 76.29%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B92C55',endColorstr='#6E253E' , GradientType=1);
}
header.masthead .header-content{max-width:500px;margin-bottom:100px;text-align:center}header.masthead .header-content h1{font-size:30px}header.masthead .device-container{max-width:325px;margin-right:auto;margin-left:auto}header.masthead .device-container .screen img{border-radius:3px}@media (min-width:992px){header.masthead{height:100vh;min-height:775px;padding-top:0;padding-bottom:0}header.masthead .header-content{margin-bottom:0;text-align:left}
	header.masthead .header-content h1 {
    font-size: 70px;
    line-height: 67px;
    margin-bottom: 11px!important;
    margin-top: 12px;
}
	header.masthead .device-container{max-width:325px}}section.download{position:relative;padding:150px 0}section.download h2{font-size:50px;margin-top:0}section.download .badges .badge-link{display:block;margin-bottom:25px}section.download .badges .badge-link:last-child{margin-bottom:0}section.download .badges .badge-link img {
    height: 50px;
    margin-left: 15px;
    margin-right: 15px;
}@media (min-width:768px){section.download .badges .badge-link{display:inline-block;margin-bottom:0}}@media (min-width:768px){
section.download h2 {
    font-size: 60px;
    color: white;
}
}section.features .section-heading{margin-bottom:100px}section.features .section-heading h2{margin-top:0}section.features .section-heading p{margin-bottom:0}section.features .device-container,section.features .feature-item{max-width:325px;margin:0 auto}section.features .device-container{margin-bottom:100px}@media (min-width:992px){section.features .device-container{margin-bottom:0}}section.features .feature-item{padding-top:50px;padding-bottom:50px;text-align:center}section.features .feature-item h3{font-size:30px}section.features .feature-item i{font-size:80px;display:block;margin-bottom:15px;background:-webkit-gradient(linear,right top,left top,from(#7b4397),to(#dc2430));background:linear-gradient(to left,#7b4397,#dc2430);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
section.cta {
    position: relative;
    padding: 220px 0;
    background-image: url(../../premsa/img/bg-cta.jpg);
    background-position: center;
    background-size: cover;
}
section.cta .cta-content{position:relative;z-index:1}section.cta .cta-content h2{font-size:50px;max-width:450px;margin-top:0;margin-bottom:25px;color:#fff}@media (min-width:768px){section.cta .cta-content h2{font-size:80px}}
section.cta .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(222, 40, 82, 0.55);
}
section.contact{text-align:center}section.contact h2{margin-top:0;margin-bottom:25px}section.contact h2 i{color:#dd4b39}section.contact ul.list-social{margin-bottom:0}section.contact ul.list-social li a{font-size:40px;line-height:80px;display:block;width:80px;height:80px;color:#fff;border-radius:100%}section.contact ul.list-social li.social-twitter a{background-color:#1da1f2}section.contact ul.list-social li.social-twitter a:hover{background-color:#0d95e8}section.contact ul.list-social li.social-facebook a{background-color:#3b5998}section.contact ul.list-social li.social-facebook a:hover{background-color:#344e86}section.contact ul.list-social li.social-google-plus a{background-color:#dd4b39}section.contact ul.list-social li.social-google-plus a:hover{background-color:#d73925}footer{padding:25px 0;text-align:center;color:rgba(255,255,255,.3);background-color:#222}footer p{font-size:12px;margin:0}footer ul{margin-bottom:0}footer ul li a{font-size:12px;color:rgba(255,255,255,.3)}footer ul li a.active,footer ul li a:active,footer ul li a:focus,footer ul li a:hover{text-decoration:none}.bg-primary{background:#fdcc52;background:-webkit-gradient(linear,left top,left bottom,from(#fdcc52),to(#fdc539));background:linear-gradient(#fdcc52,#fdc539)}.text-primary{color:#fdcc52}.no-gutter>[class*=col-]{padding-right:0;padding-left:0}.btn-outline{color:#fff;border:1px solid;border-color:#fff}
.btn-outline.active, .btn-outline:active, .btn-outline:focus, .btn-outline:hover {
    color: #fff;
    border-color: #cf6e89;
    background-color: #96294b;
}
.btn{border-radius:300px;letter-spacing:2px;text-transform:uppercase}.btn-xl{font-size:11px;padding:15px 45px}

header.masthead {
    position: relative;
    width: 100%;
	    min-height: 100vh;
    padding-top: 150px;
    padding-bottom: 100px;
    color: #fff;
    /* background: url(../img/bg-pattern.png),#7b4397; */
    /* background: url(../img/bg-pattern.png),-webkit-gradient(linear,right top,left top,from(#7b4397),to(#dc2430)); */
    /* background: url(../img/bg-pattern.png),linear-gradient(to left,#7b4397,#dc2430); */
    background: -moz-linear-gradient(8.39% 18.77% -22.88deg,rgba(185, 44, 85, 1) 0%,rgba(110, 37, 62, 1) 76.29%);
    background: -webkit-linear-gradient(-22.88deg, rgba(185, 44, 85, 1) 0%, rgba(110, 37, 62, 1) 76.29%);
    background: -webkit-gradient(linear,8.39% 18.77% ,100.53% 87.93% ,color-stop(0,rgba(185, 44, 85, 1) ),color-stop(0.7629,rgba(110, 37, 62, 1) ));
    background: -o-linear-gradient(-22.88deg, rgba(185, 44, 85, 1) 0%, rgba(110, 37, 62, 1) 76.29%);
    background: -ms-linear-gradient(-22.88deg, rgba(185, 44, 85, 1) 0%, rgba(110, 37, 62, 1) 76.29%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#B92C55', endColorstr='#6E253E' ,GradientType=0)";
    background: linear-gradient(112.88deg, rgba(185, 44, 85, 1) 0%, rgba(110, 37, 62, 1) 76.29%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B92C55',endColorstr='#6E253E' , GradientType=1);
}

/*GILROY*/
@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Black.woff2') format('woff2'),
url('fonts/Gilroy-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Regular.woff2') format('woff2'),
url('fonts/Gilroy-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Bold.woff2') format('woff2'),
url('../fonts/Gilroy-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Black.woff2') format('woff2'),
url('../fonts/Gilroy-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Regular.woff2') format('woff2'),
url('../fonts/Gilroy-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Decima Mono Cyr';
    src: url('../fonts/DecimaMonoCyr.woff2') format('woff2'),
url('../fonts/DecimaMonoCyr.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Decima Mono Cyr';
    src: url('../fonts/DecimaMonoCyr-Bold.woff2') format('woff2'),
url('../fonts/DecimaMonoCyr-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

html, body {
background-color: #f8f8f8;
font: 14px/2 "Gilroy",Catamaran,Helvetica,Arial,sans-serif;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
	 -webkit-transition: -webkit-transform 500ms cubic-bezier(1, 0, 0, 1) 0ms;
    -moz-transition: -moz-transform 500ms cubic-bezier(1, 0, 0, 1) 0ms;
    transition: transform 500ms cubic-bezier(1, 0, 0, 1) 0ms;
}
body {
padding-left: 90px
}
@media (max-width: 991px) {
	body {
    padding-left: 0px!important;
}
	}
h1, h2, h3, h4, h5, h6 {
    font-family: "Gilroy",Catamaran,Helvetica,Arial,sans-serif;
    font-weight: 800;
    letter-spacing: 1px;
}
.subtitilohero {
    font-family: 'Decima Mono Cyr';
    font-weight: normal;
    font-style: normal;
    margin-bottom: 5px;
}
hr.new1 {
    border-top: 1px solid #03b6cf;
    margin: 0px;
    width: 80%!important;
    padding-top: 10px;
    padding-bottom: 10px;
}

/*SECCION MENU LATERAL*/
.menulateral {
    /* background: #181819; */
    background: #04b6cf;
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100vh;
    width: 90px;
    -webkit-transition: -webkit-transform 500ms cubic-bezier(1, 0, 0, 1) 0ms;
    -moz-transition: -moz-transform 500ms cubic-bezier(1, 0, 0, 1) 0ms;
    transition: transform 500ms cubic-bezier(1, 0, 0, 1) 0ms;
}
.salamartin {
	height: auto;
	width: auto;
	position: absolute;
	right: 10%;
	bottom: 0px;
}
/*.salamartin img {
    max-width: 490px;
    height: auto;
}
*/
.salamartin img {
    max-height: 88vh;
    width: auto;
}
/* ---- particles.js container ---- */

#particles-js {
    position: absolute;
    width: 100%;
    height: 100%;
   /* z-index: 1;*/
    top: 0px;
    left: 0px;
}
#lugaryfecha {
    max-width: 430px;
}
.scroll-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    height: 70px;
    position: absolute;
    left: 50%;
    bottom: 6%;
	    z-index: 99999999999999999999999999;
}
.mouse-line {
    background: rgba(248,248,255,.8);
    border-radius: 2px;
    width: 1.3px;
    height: 26px;
    animation: mouseline 1.2s infinite ease;
}
.scroll {
    font-family: montserrat,sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: rgba(248,248,255,.8);
    letter-spacing: 0;
    text-align: center;
}
@keyframes mouseline{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.circulo {
    position: absolute;
    max-width: 70vh;
    right: 10%;
}

/*CONTACTO*/
/* ==========================================================================
     FORMULARIO HOME
    ========================================================================= */
.fondoform {
    /*background: -moz-linear-gradient(8.39% 18.77% -22.88deg,rgba(185, 44, 85, 1) 0%,rgba(110, 37, 62, 1) 76.29%);
    background: -webkit-linear-gradient(-22.88deg, #246c8b 0%,  #47aec6 76.29%);
    background: -webkit-gradient(linear,8.39% 18.77% ,100.53% 87.93% ,color-stop(0,#246c8b ),color-stop(0.7629,#47aec6) ));
    background: -o-linear-gradient(-22.88deg, #246c8b 0%,  #47aec6 76.29%);
    background: -ms-linear-gradient(-22.88deg, #246c8b 0%,  #47aec6 76.29%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#246c8b', endColorstr='#47aec6' ,GradientType=0)";
    background: linear-gradient(112.88deg, #246c8b 0%,  #47aec6 76.29%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#246c8b',endColorstr='#47aec6' , GradientType=1);*/
	background-color: #344675;
    overflow: hidden;
    position: relative;
}
.fondoform small, .fondoform .small {
    font-size: 8px;
    line-height: 9px;
    color: #fff!important;
    margin-top: 26px;
}
.form-control {
    display: block;
    height: 56px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #000000;
    width: 100%;
    line-height: 20px;
    font-size: .93em;
    padding: 20px 20px;
    background: rgb(255, 255, 255);
    /* border-radius: 25px; */
    border: 0px;
    /* border-bottom: 3px solid #000000; */
}
select {
    border-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
.form-control::-moz-placeholder {
  color: #000000;
}
.form-control:-ms-input-placeholder {
  color: #000000;
}
.form-control::-webkit-input-placeholder {
  color: #000000;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
    color: #181819;
}
.background-shape {
  background: rgba(0, 52, 86, 0.03);
  }
  .background-shape:before, .background-shape:after {
    background: rgba(255, 255, 255, 0.2); }
.background-shape {
  background: rgba(0, 52, 86, 0.03);
  position: absolute;
  height: 100%;
  width: 100%;
  content: '';
  top: 0;
  left: 50%;
  transform: skewX(33deg);
  transform-origin: left bottom; }
  .background-shape:before, .background-shape:after {
    background: rgba(255, 255, 255, 0.2);
    position: absolute;
    height: 100%;
    width: 100%;
    content: '';
    top: 0; }
  .background-shape:before {
    left: 280px; }
  .background-shape:after {
    left: 560px; }
  .background-shape.bs-right {
    left: 70%; }
  .background-shape.bs-reverse {
    /* right: 70%; */
    /* left: auto; */
    /* transform: skewX(-33deg); */
    /* transform-origin: right bottom; */
    }
    .background-shape.bs-reverse:before {
      left: auto;
      right: 280px; }
    .background-shape.bs-reverse:after {
      left: auto;
      right: 560px; }
select {
    border-radius: 0px!important;
    border-top-left-radius: 0px!important;
    border-top-right-radius: 0px!important;
    border-bottom-right-radius: 0px!important;
    border-bottom-left-radius: 0px!important;
}
input:-internal-autofill-previewed, input:-internal-autofill-selected, textarea:-internal-autofill-previewed, textarea:-internal-autofill-selected, select:-internal-autofill-previewed, select:-internal-autofill-selected {
  background: rgba(0, 52, 86, 0.03)!important;
    background-image: none !important;
    color: rgb(0, 0, 0) !important;
}
#humano, #name {
	display:none
}
#form-1, #form-2 {
    font-family: 'Ashley-Medium', sans-serif;
    FONT-SIZE: 16px;
    letter-spacing: 0.2px;
}
#checkboxLegal a {
	color: #000;
	text-decoration: underline
}
 .labelforn,  .labelforn a  {
    color: #fff!important;
    font-size: 13px;
    line-height: 23px;
    font-weight: 500;
}
.btn-filete-negro {
    color: #ffffff;
    background-color: rgb(3, 182, 207);
    /* border-color: #e40c0c; */
    border: 2px solid #ffffff;
    border-radius: 50px;
    font-family: "Gilroy",Catamaran,Helvetica,Arial,sans-serif;
    font-weight: 800;
    letter-spacing: 1px;
    margin-top: 15px;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
}
section h2 {
    font-size: 50px;
    line-height: 45px;
}
.blanco {
    color: #fff!important;
}
.precio  {
    font-size: 12px;
}
.custom_header a.header-small-blue-button {
    float: right;
	    border-color: #0947ff !important;
}
.header-small-blue-button {
    width: 110px;
    height: 40px;
    font-family: montserrat,sans-serif;
    /* font-weight: 600; */
    background: rgb(3, 182, 207);
    border-radius: 30px;
    color: #fff;
    border: 1px solid #03b6cf;
    font-size: 16px;
    letter-spacing: 0;
    text-align: center;
    line-height: 2.5;
}
.button-white-blob {
    position: absolute;
    width: 60px;
    height: 60px;
    left: -10%;
    top: -80%;
    transform: scale(0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    border-radius: 25px;
    background-color: rgb(53, 230, 255);
    transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -moz-transition: all .6s ease;
    z-index: -1;
}
.blue-border-hover:hover {
    border-color: rgb(157, 41, 76) !important;
}
.buttons:hover {
    color: #ffffff;
    TEXT-DECORATION: none;
}
.buttons:hover .button-white-blob {
    transform: scale(10);
    -webkit-transform: scale(10);
    -ms-transform: scale(10);
    -moz-transform: scale(10);
    transition: all .6s ease;
    -ms-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -webkit-transition: all .6s ease;
}
.buttons {
    cursor: pointer;
    position: relative;
    overflow: hidden;
    z-index: 1;
    /* line-height: 2.7; */
    /* border: 1px solid #fff; */
}
.centrado-porcentual {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.logolateral {
    max-height: 200px;
}
#HOME {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 50%;
    top: 40px;
    transform: translate(50%, 50%);
    -webkit-transform: translate(-50%, 0%);
    color: white;
    /* z-index: 5666666; */
    text-align: center;
    text-decoration: none;
    font-size: 26px;
    line-height: 42px;
	  transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -moz-transition: all .6s ease;
	    display: block;
}
#HOME span {
    width: 40px;
    transform: translate(50%, 50%);
    -webkit-transform: translate(-50%, 0%);
    color: white;
}
#LAPIZ {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 50%;
    bottom: 40px;
    transform: translate(50%, 50%);
    -webkit-transform: translate(-50%, 0%);
    color: white;
    /* z-index: 5666666; */
    text-align: center;
    text-decoration: none;
    font-size: 26px;
    line-height: 42px;
}
#LAPIZ i {
    width: 40px;
    transform: translate(50%, 50%);
    -webkit-transform: translate(-50%, 0%);
    color: white;
}
#LAPIZ .tooltiptext {
    visibility: hidden;
    font-family: 'Ashley-Medium', sans-serif;
    font-size: 14px;
    width: 124px;
    background-color: #33393d;
    color: #fff;
    text-align: center;
    border-radius: 1px;
    padding: 1px;
    position: absolute;
    z-index: 1;
    line-height: 40px;
}
#LAPIZ:hover i {
    color: #fc9900;
}
#LAPIZ:hover .tooltiptext {
    visibility: visible;
}
#LAPIZ p {
    margin: 0;
    line-height: 30px;
}
.skew {
  transform: skewX(-7deg);
}

.skew p {
  transform: skewX(7deg);
}

.skew2 {
    transform: skewX(26deg);
}
.skewtabla {
  transform: skewX(12deg);
	    width: 80%;
}

.skewtabla p {
    transform: skewX(-12deg);
    margin: 5px;
    font-size: 15px;
}
.skewtabla .rojo {
    color: #ED0F4D;
}

.skew4 {
  /*transform: skewX(-7deg);*/
}

.skew4 i {
    transform: skewX(7deg);
    color: #03b6cf;
}

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?4zhfm4');
  src:  url('../fonts/icomoon.eot?4zhfm4#iefix') format('embedded-opentype'),
url('../fonts/icomoon.ttf?4zhfm4') format('truetype'),
url('../fonts/icomoon.woff?4zhfm4') format('woff'),
url('../fonts/icomoon.svg?4zhfm4#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-comentario:before {
  content: "\e900";
  color: #485358;
}
.icon-conferencias:before {
  content: "\e901";
  color: #485358;
}
.icon-convencion:before {
  content: "\e902";
  color: #485358;
}
.icon-digital:before {
  content: "\e903";
  color: #485358;
}
.icon-flecha:before {
  content: "\e904";
  color: #485358;
}
.icon-fotos:before {
  content: "\e905";
  color: #485358;
}
.icon-home:before {
  content: "\e906";
  color: #485358;
}
.icon-info:before {
  content: "\e907";
  color: #485358;
}
.icon-lapiz:before {
  content: "\e908";
  color: #485358;
}
.icon-manos:before {
  content: "\e909";
  color: #485358;
}
.icon-mic1:before {
  content: "\e90a";
  color: #485358;
}
.icon-mic2:before {
  content: "\e90b";
  color: #485358;
}
.icon-ok:before {
  content: "\e90c";
  color: #485358;
}
.icon-proyector:before {
  content: "\e90d";
  color: #485358;
}
.icon-red:before {
  content: "\e90e";
  color: #485358;
}
.icon-agenda:before {
  content: "\e90f";
  color: #485358;
}

.bocadillito:before {
    color: #de2852;
    font-size: 97px;
}
.textobocadillo {
    /* background-color: black; */
    padding: 0px;
    font-size: 31px;
    line-height: 28px;
    color: white;
    margin: 0px;
}
.envuelvebocadillo {
    width: 100%;
    background-color: #212528;
    padding: 35px;
    font-weight: 700;
    /* margin-top: -33px; */
    margin-top: 70px;
    min-height: 183px;
}
.envuelveicono {
    width: 100%;
    position: absolute;
    z-index: 3;
}
.gradient-text {
    background: linear-gradient(to right, #04b6cf 0%, #0e7b8a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.convidat {
    font-weight: 800;
    font-size: 28px;
}
 .agendaicono:before {
    font-size: 3.5rem;
    color: #03b6cf;
}
 .lapizicono:before {
    font-size: 3.5rem;
    color: white;
}
.flechagrande {
    max-width: 110px;
    height: auto;
    margin-top: -110px;
    margin-right: 90px;
}
img.vert-move {
    -webkit-animation: mover 0.5s infinite  alternate;
    animation: mover 0.5s infinite  alternate;
}
img.vert-move {
    -webkit-animation: mover 0.5s infinite  alternate;
    animation: mover 0.5s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-30px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-30px); }
}
#BOCADILOOS {
	background-image: url("../../premsa/img/fondo-bocadillos.jpg");
		 background-repeat: no-repeat;
  background-size: cover;
}
.palocolor {
    background-color: #ED0F4D;
    height: 230px;
    width: 10px;
    position: absolute;
    z-index: 50;
    right: 90px;
    bottom: -52px;
    mix-blend-mode: color-dodge;
}
.anclamenos {
    display: inline-block;
    width: 100%;
    height: 42px;
    margin-top: -30px;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    /* background-color: aquamarine; */
}
/*@media (min-width: 767px) {
.center-row {
	display:table;
}
.center-v {
	display:table-cell;
    vertical-align:middle;
    float:none;
}
	}*/
#AGENDA {
	background-image: url(../../premsa/img/fondo-bocadillos.jpg);
    background-repeat: no-repeat;
    background-size: cover;
	    position: relative;
}

#download {
    background-color: #24262d!important;
}
.circulovacio {
    max-width: 200px;
    height: auto;
    position: absolute;
   /* top: -20px;
    left: -1px;*/
    mix-blend-mode: color-burn;
    opacity: 0.5;
}

.slick-controls {
    display: inline-block;
}
.slick-arrow {
    background-color: #32393d;
    /* padding: 10px; */
    display: block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #FFF;
    font-family: 'Gilroy';
    text-transform: uppercase;
    font-weight: 900;
    float: left;
    font-size: 23px;
	text-decoration: none;
}
.slick-arrow:hover {
    color: #ff9300;
		text-decoration: none;

}
.slick-controls-flechas {
    display: inline-block;
    position: absolute;
    z-index: 9;
    margin-left: -60px;
}
.slick-track {
  display: flex !important;
}

.slick-slide {
  height: auto;
}

ul.slick-dots li{
    float: left;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: black;
    background-color: transparent;
    border-radius: 10px;
}
ul.slick-dots .slick-active{
    border: 1px solid black;
}
ul.slick-dots li:before {
    content: "";
    width: 7px;
    height: 7px;
    background-color: black;
    border-radius: 50%;
    display: block;
    margin: 3px;
}
ul.slick-dots li button{
    display: none;
}
/* ==========================================================================
     MAPA
    ========================================================================= */
.embed-responsive-100x400px{
  padding-bottom: 400px;
	 -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
         filter: grayscale(100%);
}

.color {
	color: #e13d63
}

@media (min-width:991px){
.logocolor {
	display: none;
}
.navbar-shrink .logocolor {
	display: block
}

.logoblanco {
	display: block;
}
.navbar-shrink .logoblanco {
	display: none
}
	}

@media (max-width:991px){
.logoblanco {
	display: none;
}
}

.jarallax {
    position: relative;
    z-index: 0;
}
.jarallax > .jarallax-img {
    position: absolute;
    object-fit: cover;
    /* support for plugin https://github.com/bfred-it/object-fit-images */
    font-family: 'object-fit: cover;';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.jarallax {
    /* min-height: 600px; */
    padding-bottom: 150px;
    padding-top: 150px;
}
.CTA2 {
    position: relative;
	margin: 0px;
	padding: 0px
}
.CTA2 .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(222, 40, 82, 0.55);
}

.menulateral .icon-lapiz:before, .menulateral .icon-home:before {
    color: #ffffff;
}
.textoslegalespeques { color: white; font-size: 60%; line-height: 1.3; }

.textoslegalespeques a {
	color:white
}
.textoslegalespeques a:hover {
	color:white
}

.linkllegar {
    color: #212528;
}
.linkllegar:hover {
    color: #de2952;
}
ul.slick-dots .slick-active {
    border: 1px solid #03b6cf!important;
}
.change {
	 top: 100px!important;
}
   
.inscripcioneshero {
	margin-top: -10px;
	margin-bottom: 10px;
}

 .leyendaradios {
    font-family: "Gilroy",Catamaran,Helvetica,Arial,sans-serif;
    font-weight: 800;
    letter-spacing: 1px;
    color: white;
}

/* ==========================================================================
     RESPONSIVE DENIS
    ========================================================================= */
@media (max-width:991px){
.scroll-wrapper {
    display: none;
}
	}

/*// MOVILES
Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) { 
.fixed-top {
    position: inherit!important;
}
	.logocolor {
    max-width: 150px;
}
	.circulo {
    position: absolute;
    max-width: 50vh;
    right: 5%;
}
section h2 {
    font-size: 25px;
    line-height: 29px;
}
	.bocadillito:before {
    color: #de2852;
    font-size: 67px;
}
	.envuelvebocadillo {
    width: 100%;
    background-color: #212528;
    padding: 35px;
    font-weight: 700;
    /* margin-top: -33px; */
    margin-top: 40px;
    min-height: 113px;
}
	.circulovacio {
    max-width: 159px;
    height: auto;
    position: absolute;
    mix-blend-mode: color-burn;
    opacity: 0.5;
}
	section.download .badges .badge-link img {
    height: 30px;
    margin-left: 15px;
    margin-right: 15px;
}
	section.download {
    position: relative;
    padding: 70px 0;
}
	section {
    padding: 40px 0;
}
	#BOCADILOOS h3 {
    font-size: 17px;
    font-weight: 700;
}
	#BOCADILOOS h3 br, #BOCADILOOS h2 br {
    display: none;
}
	.envuelveicono {
    width: 80%;
    position: absolute;
    z-index: 3;
}
	}

/*// TABLETS
Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) { 
	.textobocadillo {
    /* background-color: black; */
    padding: 0px;
    font-size: 21px;
    line-height: 22px;
    color: white;
    margin: 0px;
}
}

/*// ORDENADOR PEQUE
Large devices (desktops, 992px and up)*/
@media (max-width: 992px) { 
.mandaraluno {
		    order: -1!important;
	}
}

/*// ORDENATA TELE
Extra large devices (large desktops, 1200px and up)*/
@media (max-width: 1200px) { 

}
/*
body {
  overflow-x: hidden;
  overflow-y: scroll;
}
.viewport {
  overflow: hidden;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.scroll-container {  
  position: absolute;  
  overflow: hidden;
  z-index: 10;
  display: flex;
  justify-content: center;  
  backface-visibility: hidden;
  transform-style: preserve-3d;
}*/
.h-90 {
    height: 90%!important;
}
#hero::before {    
      content: "";
      background-image: url('../img/fondo.jpg');
      background-size: cover;
      position: absolute;
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;
      opacity: 0.55;
}
/*CORRECCIONES DENIS AITASA*/
label {
    display: initial;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
    color: #ffffff;
    font-size: small;
}
a {
    color: #00bcd4;
    -webkit-transition: all .35s;
    transition: all .35s;
}
.form-check-input {
    position: initial;
    margin-top: 0.3rem;
    margin-left: auto;
}
/*GELERÍA IMAGENES DENIS AITASA*/
.unafoto {
	overflow: hidden
}
.unafoto a .claseimg {
	overflow: hidden;
	transform: scale(1.5, 1.5);
-ms-transform: scale(1.5, 1.5);
-webkit-transform: scale(1.5, 1.5);
	-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.unafoto a:hover .claseimg {
	overflow: hidden;
	transform: scale(1.0, 1.0);
-ms-transform: scale(1.0, 1.0);
-webkit-transform: scale(1.0, 1.0);
	-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.unafoto .color {
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: #ffffff;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 99;
    pointer-events: none;
    opacity: 0.5;
    /* mix-blend-mode: color; */
}
.unafoto a:hover .color {
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: #ffffff;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 99999;
    pointer-events: none;
    opacity: 0.0;
    /* mix-blend-mode: color; */
}
.plus {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 999999;
    width: 90px;
    opacity: 0;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}
.unafoto a:hover .plus {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 999999;
    width: 70px;
    opacity: 1;
	    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}