/*Landing*/
.safari {margin-right:-1px;}
.landing-tt footer {display: none;}
.landing-tt #banner-eventos {display: none !important;}
.landing-tt h1 {font-size: 23px; line-height: 28px; text-align: center; margin: 25px 0 7px; font-weight: 700; color: #333;}
.landing-tt h2 {font-size:23px; text-align: center; margin:25px 0; font-weight: 700; color:#333;}
.landing-tt h3 {font-size:18px; text-align: center; margin:30px 0 10px; font-weight: 800; color:#333;}
.landing-tt span.num-big {position: absolute; left: -86px; top: -130px; font-size: 30em; font-weight: 600; color: #662d91; opacity: .1;}
.landing-tt h4.llamanos {text-align: center; margin: 25px 0 0; font-size: 15px; font-weight: 600; line-height: 20px;}
.landing-tt h4.llamanos a {color: #9C27B0; display: inline-block;}
.landing-tt h4.llamanos a:hover {color: #662d91;}
.landing-tt h4.llamanos a.white {color: #fff;}
.landing-tt h4.llamanos a.white:hover {color: #fff; text-decoration: underline; transition: .3s;}
.landing-tt .resumen h1, .landing-tt .resumen h4 {text-align: left; color: #fff;}
.landing-tt .resumen .email-corporativo {display: inline-block; padding: 10px; vertical-align: middle; width: 250px;}
.landing-tt .resumen .btn-video {display: inline-block; vertical-align: middle; color: #fff; border: 3px solid #fff; font-size: 19px; font-weight: 600; z-index: 2; padding: 5px 20px; width: 212px; background: #0000001f; margin: 20px 10px 20px 0; text-align: center;}
.landing-tt .resumen .btn-video:hover {background: #fff; color:#662d91;}
.landing-tt .resumen .btn-demo {display: inline-block; vertical-align: middle; color: #fff; font-size: 19px; font-weight: 600; z-index: 2; padding: 8px 20px; width: 212px; border:none; background: #662d91; margin: 20px 0px; text-align: center;}
.landing-tt .resumen h1 {margin-top: 100px; font-size: 47px; line-height: 54px;}
.landing-tt .resumen h4 {font-weight: 500; font-size: 18px; line-height: 28px;}
.landing-tt .resumen.suministro {background-image: url(img/landing/bg-landing-suministro.jpg);}
.landing-tt .resumen.suministro .intro {margin-top: 110px;}
.landing-tt .resumen.suministro h1 {margin-top: 0px;}
.landing-tt .resumen.suministro h4.pre-title {font-size: 15px; text-transform: uppercase; font-weight: 600;}
.landing-tt .resumen {overflow: hidden; background-image: url(img/landing/bg-landing.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; padding: 50px;} /*background-image: linear-gradient(rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.5)),url(img/bg-landing.jpg);*/
.landing-tt .resumen.milla {background-image: url(img/landing/bg-landing-milla.jpg);}
.landing-tt .resumen .col-izda {width: 100%; margin-bottom: 100px;}
.landing-tt .resumen .col-izda .logo {display: block; width: 165px; height: auto; margin-bottom: 20px;}
.landing-tt .resumen .col-izda .check {margin: 4px 0 -4px;}
.landing-tt .resumen .col-izda .check label {font-size:12px; display: inline;}
.landing-tt .resumen .form-demo span.wpcf7-acceptance {color: #fff;}
.landing-tt .resumen img.box-cds {position: absolute; left: 720px;}
.landing-tt .resumen img.box-um {position: absolute; left: 50%;}
.landing-tt .resumen img.box-tt {position: absolute; left: 48%; top: 16px;}
@media (min-width: 1026px) and (max-width: 1445px){ .landing-tt .resumen img.box-cds {left: 485px; top:78px;}}
@media (min-width: 770px) and (max-width: 1025px){ .landing-tt .resumen img.box-cds {left: 347px; top:78px;}}
@media (min-width: 502px) and (max-width: 768px){ .landing-tt .resumen img.box-cds {left: 332px; top:78px;}}
@media (max-width: 500px){ .landing-tt .resumen img.box-cds, .landing-tt .resumen img.box-tt, .landing-tt .resumen img.box-um {display: none;}}
.landing-tt .beneficios .slide-mac {width: 100%; height: 100%; min-height: 600px; margin: 10px 0 20px 0;}
.landing-tt .beneficios .slide-mac .carousel-cell {height: 100%; width: 100%;}
.landing-tt .beneficios .slide-mac .carousel-cell .bg-escenarios {display: block; height: auto; height: 100%; width: auto; min-height: 100%; min-width: 100%; object-fit: cover;}
.landing-tt .beneficios .slide-mac .carousel-cell > div {position: absolute; top: 50%; text-align: center; padding: 0 12%; font-size: 14px; transform:translateY(-25%);}
.landing-tt .beneficios .slide-mac .carousel-cell img {max-width: 90%; display: block; margin:0 auto;}
.landing-tt .beneficios .slide-mac .carousel-cell p {color:#333; background: #ebe6f0; padding: 40px 20px 20px 20px; text-align: left; position: absolute; bottom: 32px; min-width: 375px;}
.landing-tt .beneficios .slide-mac .flickity-viewport {min-height: 600px;}
.landing-tt .beneficios .slide-mac .flickity-page-dots {bottom: 45px;}
.landing-tt .beneficios .slide-mac .flickity-page-dots .dot {background:#ffffff;}
.landing-tt .beneficios .links-slide {position: absolute; bottom: 138px; z-index: 9;}
.landing-tt .beneficios .links-slide a.btn-slide {color: #fff; background: #ab8cc3; padding: 10px 18px; margin-left: 10px; font-size: 22px;}
.landing-tt .beneficios .links-slide a.btn-slide:hover {background: #662d91; transition: .5s;}
.landing-tt .beneficios .links-slide a.btn-slide:active {background: #662d91;}
@media (min-width: 992px) {
	.landing-tt .beneficios .row {display: flex; flex-wrap: wrap; margin:0;}
	.landing-tt .beneficios .col-md-6 {display: flex; flex-direction: row-reverse; padding:0;}
}

.landing-tt .row.centrado-horizontal {display: flex; align-items: center;}
.landing-tt .beneficios h3 {font-size: 35px; margin: 60px 0 15px; font-weight: 700; color: #333; line-height: 42px;}
.landing-tt .beneficios p {font-size: 17px; line-height: 26px; font-weight: 500; color: #808080; text-align: center;}
.landing-tt .masinfo {padding: 40px 0; background: #fafafa;}
.landing-tt .masinfo.mapa {background-image: url(img/landing/bg-mapa.png); min-height: 548px; background-position: center; background-repeat: no-repeat; background-size: cover;}
.landing-tt .masinfo.mapa .iconos-landing {height: auto; margin-bottom: 0;}
.landing-tt .masinfo.mapa .arrow {position: absolute; top: 40px; right: 0px;}
.landing-tt .masinfo.mapa .iconos-cadena {padding-top: 15px;}
.landing-tt .masinfo h2 {text-align: left;}
.landing-tt .masinfo h4 {margin-bottom: 0;}
.landing-tt .masinfo a {color:#662d91; font-size: 17px; text-decoration: none;}
.landing-tt .masinfo p {font-size: 15px; line-height: 24px; font-weight: 500; color: #808080; padding-top: 15px; margin-bottom: 0;}
.landing-tt .masinfo ul {list-style: none; text-align: left; padding:0; margin:0; line-height: 24px; font-size: 16px;}
.landing-tt .masinfo ul li {padding-top: 4px; padding-bottom: 4px; padding-left: 0; position: relative; background-size: 20px auto; font-size: 32px; margin: 25px 0; font-weight: 700; color: #333; line-height: 40px;}
.landing-tt .masinfo .iconos-landing {height: 40px; margin-bottom: 15px;}
.landing-tt .masinfo .seccion-iconos {margin-top: 50px; margin-bottom: 50px;}

.landing-tt .porque {/*background:#f4f4f4;*/ padding:25px 0 40px;}
.landing-tt .porque p {font-size:16px; text-align: center; line-height: 26px; margin:-10px 0 40px; color:#808080;}
.landing-tt .porque .icono {position: relative; top:0; background:#ffffff; text-align: center; padding: 10px 20px 11px; width: 100%; transition: all 0.4s; border-bottom:4px solid #ffffff;}
.landing-tt .porque .icono:hover {top:-3px; box-shadow: 0 15px 15px rgba(0,0,0,0.1); border-color:#93278f;}
.landing-tt .porque .icono h3 {color: #333; font-weight: 700; line-height: 20px; text-transform: none; margin: 10px 0; font-size: 14px;}
.landing-tt .porque .icono img {opacity:0.5;}
.landing-tt .porque .row {display: flex; flex-wrap: wrap;}
.landing-tt .porque .col-sm-3 {width: 20%;display: flex; flex-direction: row; margin-bottom: 30px; margin-left:-1px;}
@media (max-width: 640px) {
	.landing-tt .porque .row {margin:0;}
	.landing-tt .porque .col-xs-6 {width: 50%;display: flex; flex-direction: row; padding:0 5px; margin-bottom: 10px;}
}
.landing-tt .text-center {text-align: center !important;}
.landing-tt .logos {padding: 0 0 20px;}
.landing-tt .testimonios {margin: 0;}
.landing-tt .testimonios .foto-autor {display: block; border-radius: 100px; width: 80px; margin: 40px auto 20px;}
.landing-tt .testimonios .carousel-cell {width:100%; text-align: center;}
.landing-tt .banner-logos .carousel-cell {width: 20%; text-align: center;}
.landing-tt .testimonios blockquote {border: none; padding: 0; font-style: italic; font-weight: 400; max-width: 980px; line-height: 32px; display: block; margin: 0 auto 10px; color: #b3b3b3; }
.landing-tt .flickity-page-dots .dot {width: 25px; height: 4px; margin: 0 5px; background: #888; border-radius: 0;}
.landing-tt .call-to-action {background-image: url(img/landing/call-to-action-tt.jpg); padding:60px 0 80px;}
.landing-tt .call-to-action h2 {color:#ffffff; font-size: 25px; line-height: 40px;}
.landing-tt .call-to-action div > a {font-size: 17px; padding: 10px 30px; margin:0; display: inline; }
.landing-tt .call-to-action div > a:hover {color:#662d91;}
.landing-tt .call-to-action .faqs {margin:0;}
.landing-tt .call-to-action .faqs dt {cursor: pointer; line-height: 22px; padding:6px 0; font-size: 15px; font-weight: 500; transition: all 0.3s; border-top: 1px solid rgba(255, 255, 255, 0.15);}
.landing-tt .call-to-action .faqs dt:first-child {border:none;}
.landing-tt .call-to-action .faqs + .faqs dt:first-child {border-top:1px solid rgba(255, 255, 255, 0.15);}
.landing-tt .call-to-action .faqs dt:hover {padding-left:5px;}
.landing-tt .call-to-action .faqs dd {color: #fff; opacity: 0.6; font-size: 13px; font-weight: 400; line-height: 17px; margin-bottom: 13px; position: relative;}
.landing-tt .call-to-action .more-faqs img {width: 30px; height: auto; text-align: center; margin: 0 0 20px; cursor: pointer; transition: all 0.4s;}
.landing-tt .call-to-action .more-faqs.open img {transform: rotate(45deg)}
@media (max-width: 768px) {
	.landing-tt logos ul li {margin: 0 20px;}
}

/* Formulario */
.formulario-landing {display: flex; align-self: center; justify-content: flex-end;}
.form-demo-landing {position: relative; background-color: #f1f1f1; width: 95%; padding: 15px;}
input::placeholder {color: #a7a7a7;}
.wpcf7 form > p {height:0;}
.wpcf7 .row .col-md-4:last-child {margin-right: -1px}
.wpcf7 .ajax-loader {display: none !important;}
.wpcf7 .wpcf7-form-control-wrap {width: 80%; margin: 0 auto;}
.wpcf7 .wpcf7-form-control-wrap input[type=text], .wpcf7 .wpcf7-form-control-wrap input[type=email], .wpcf7 .wpcf7-form-control-wrap input[type=tel], .wpcf7 .wpcf7-form-control-wrap select {color:#666; width: 100%; border: none; padding: 6px 0 6px 10px; margin-bottom: 18px; font-size: 14px;}
.wpcf7 .wpcf7-form-control-wrap select option[value=""], .wpcf7 .wpcf7-form-control-wrap select:invalid {color:#a7a7a7;}
.wpcf7 span.wpcf7-list-item {margin:0;}
.wpcf7 span.wpcf7-list-item label {margin:0;}
.wpcf7 input[type=checkbox] {position: relative; top: 3px;}
.wpcf7 .wpcf7-list-item-label {font-weight: 500; font-size: 12px; color: #888; }
.wpcf7 .wpcf7-list-item-label a {color: #444; }
.wpcf7 .wpcf7-submit {color: #ffffff; border:none; background: #662d91; margin: 10px auto 10px; display:block; text-align: center; padding: 8px 32px; font-size: 15px; font-style: normal; font-weight: 700; }
.wpcf7 .wpcf7-submit:hover {background:#531e7b;}
.wpcf7 .wpcf7-form-control-wrap .wpcf7-not-valid {border-color: #F44336 !important;}
.wpcf7 .wpcf7-form-control-wrap .wpcf7-not-valid-tip {display: none;}
.wpcf7-validation-errors {-webkit-animation:slideUpContact 5s ease; animation:slideUpContact 5s ease; opacity:0; color:#fff; border:none !important; margin:0 !important; font-size: 17px; position: absolute; visibility:hidden; top: 0; left: 0; background:rgba(0, 0, 0, 0.8); z-index: 5000; padding: 0 50px !important;width: 100%;height:100%;text-align: center;display: flex; justify-content: center; align-content: center; flex-direction: column;}
.wpcf7-mail-sent-ok {-webkit-animation:slideUpContact 5s ease 0.5s; animation:slideUpContact 5s ease 0.5s; opacity:0; color:#fff; border:none !important; margin:0 !important; font-size: 17px; position: absolute; visibility:hidden; top: 0; left: 0; background:rgba(139, 195, 74, 0.9); z-index: 5000; padding: 0 50px !important;width: 100%;height:100%;text-align: center;display: flex; justify-content: center; align-content: center; flex-direction: column;}
@-moz-keyframes slideUpContact {
  0% {opacity:0; visibility:visible;}
  15% {opacity:1;}
  80% {opacity:1;}
  100% {opacity:0;}
}
@keyframes slideUpContact {
  0% {opacity:0; visibility:visible;}
  15% {opacity:1;}
  80% {opacity:1;}
  100% {opacity:0;}
}
@-webkit-keyframes slideUpContact {
  0% {opacity:0; visibility:visible;}
  15% {opacity:1;}
  80% {opacity:1;}
  100% {opacity:0;}
}

/* Media queries */
@media (max-width: 769px) {
	.landing-tt .masinfo.mapa .arrow {display: none;}
	.landing-tt .seccion-iconos .col-md-4 {padding: 20px;}
	.landing-tt .row.centrado-horizontal {display: block;}
	.landing-tt .formulario-landing {justify-content: flex-start;}
	.landing-tt .form-demo-landing {width: 88%; padding: 20px;}
}

@media (max-width: 1026px) {
	.landing-tt .masinfo.mapa {min-height: 446px;}
	.landing-tt .beneficios .links-slide {bottom: 225px;}
	.landing-tt .beneficios .slide-mac .carousel-cell p {bottom: 120px;}
	.landing-tt .logos-repe {margin-top: -100px;}
}

@media (max-width: 752px) {
	.landing-tt .slide-mac .carousel-cell p,
	.landing-tt .slide-mac .links-slide {display: none;}
	.landing-tt .beneficios .slide-mac {min-height: 250px !important;}
	.landing-tt .beneficios .slide-mac .flickity-viewport {min-height: 250px !important; height: 250px !important;}
}

@media (max-width: 500px) {
	.landing-tt .banner-logos.logos-repe{
		display: none;
	}
}

@media (min-width: 374px) and (max-width: 426px) {
	.landing-tt .form-demo-landing {width: 100%;}
}

@media (max-width: 380px) {
	.landing-tt .resumen {padding: 20px;}
	.landing-tt .form-demo-landing {width: 96%;}
	.landing-tt .formulario-landing {justify-content: center;}
}

@media (max-width: 320px) {
	.landing-tt .resumen {padding: 20px 0px;}
}

/* Fin CSS Landing */