html {font-size: 14px;}

body {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #404246;
    background: rgb(48,42,104);
    background: -moz-linear-gradient(140deg, rgba(48,42,104,1) 0%, rgba(15,13,33,1) 40%, rgba(8,6,17,1) 61%, rgba(48,42,104,1) 100%);
    background: -webkit-linear-gradient(140deg, rgba(48,42,104,1) 0%, rgba(15,13,33,1) 40%, rgba(8,6,17,1) 61%, rgba(48,42,104,1) 100%);
    background: linear-gradient(140deg, rgba(48,42,104,1) 0%, rgba(15,13,33,1) 40%, rgba(8,6,17,1) 61%, rgba(48,42,104,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#302a68",endColorstr="#302a68",GradientType=1);
    /*overflow-x: hidden;*/
}
a,i,.HeaderActive,.Site-Header, .Line, .ImgLogoPrincipal, .BoxPerfil .HoverInfo, .HoverInfo, .BoxEquipo.Active, .BoxPerfil .BoxImgPerfil, .show{
    text-decoration: none;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.tab-content>.tab-pane {
     display: initial; 
    position: absolute;
}

.ItemForma .BoxFormaImg{
    text-decoration: none;
    -webkit-transition: all 1.5s ease;
    -moz-transition: all 1.5s ease;
    -ms-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    transition: all 1.5s ease
}

.BoxPerfil .HoverInfo{
    text-decoration: none;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}

p{
    font-size: 1rem;
    line-height: 1.6rem;
    color: #404246;
}

/*//// UTILITIES ///*/

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 999999;
}
#status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -100px 0 0 -100px;
}

/*//// AND UTILITIES ///*/

.Wrapper{
    max-width: 100%;
    width: 100%;
    padding-bottom: 0px;
    margin: 0 auto;
    position:relative;
}

.BgGradinteAzul{
    background: rgb(48,42,104);
    background: -moz-linear-gradient(140deg, rgba(48,42,104,1) 0%, rgba(8,6,17,1) 100%);
    background: -webkit-linear-gradient(140deg, rgba(48,42,104,1) 0%, rgba(8,6,17,1) 100%);
    background: linear-gradient(140deg, rgba(48,42,104,1) 0%, rgba(8,6,17,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#302a68",endColorstr="#080611",GradientType=1);
}

.BgGris{background: #f1f1f1 !important;}
.ClGris{color: #f1f1f1 !important;}

.BgGrisOscuro {background: #727272 !important;}
.ClGrisOscuro {background: #727272 !important;}

.BgWhite{background: #fff !important;}
.ClWhite{color: #fff !important;}


.TitleDefault{
    color: #fff;
    font-size: 3rem;
    line-height: 3rem;
    font-weight: 700;
}

.TextDefault{
    color: #fff;
    text-align: left;
}

/*///////////// WEB INTRO /////////////*/

.LinkComenzar {
    background: rgba(115,102,160,0.7);
    position: absolute;
    left: 50%;
    bottom: 10px;
    z-index: 1;
    color: #fff;
    font-weight: 700;
    padding: 8px 15px;
    border-radius: 10px;
    width: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -70px;
    text-decoration: none;
}
.LinkComenzar:hover {
    text-decoration: none;
    background: rgba(115,102,160,1);
    color: #fff;
}
.LinkComenzar span{}
.LinkComenzar i {
    position: relative;
    margin-left: 5px;
    top: -2px;
}

/*///////////// WEB HEADER /////////////*/

.ImgLogoPrincipal{width: 200px;}

.Site-Header.HeaderActive {
    background: rgb(48,42,104);
    min-height: 60px;
    align-items: center;
}
.Site-Header.HeaderActive .HeaderGrid {margin-bottom: 0;}
.Site-Header.HeaderActive .HeaderGrid .LineMenuBorderA {display: none;}
.Site-Header.HeaderActive .HeaderGrid .LineMenuBorderB {display: none;}
.Site-Header.HeaderActive .ImgLogoPrincipal {}
.Site-Header.HeaderActive .BoxMenu-Nav .Nav-Link .Line {bottom: -21px;}

.Site-Header {
    position: fixed;
    z-index: 4;
    width: 100%;
    top: 0;
    min-height: 120px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.Site-Header .container{
    position: relative;
}

.HeaderGrid {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
}
.HeaderGrid .LineMenuBorderA {
    height: 1px;
    width: 200%;
    background: rgba(255,255,255,0.2);
    display: inline-block;
    position: absolute;
    right: -60px;
    bottom: -15px;
}
.HeaderGrid .LineMenuBorderB {
    height: 1px;
    width: 200%;
    background: rgba(255,255,255,0.2);
    display: inline-block;
    position: absolute;
    left: -60px;
    bottom: -15px;
}

.HeaderLogoGrid {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.BoxMenu-Nav {
    display: flex;
    align-items: center;
}
.BoxMenu-Nav.BoxMenu-NavLeft {
    justify-content: space-evenly;
}
.BoxMenu-Nav.BoxMenu-NavRight {
    justify-content: space-evenly;
}
.BoxMenu-Nav .Nav-Link {
    color: #fff;
    font-size: 0.9rem;
    padding: 0 10px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
}
.BoxMenu-Nav .Nav-Link.Active {
    font-weight: 600;
}

.BoxMenu-Nav .Nav-Link:last-child {
    border: 1px solid #fff;
    padding: 5px 5px;
    border-radius: 5px;
    margin-left: 10px;
}
.BoxMenu-Nav .Nav-Link:last-child i{
    margin-right: 5px;
}

.BoxMenu-Nav .Nav-Link .Line {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 1px;
    background: #fff;
    left: 0;
    bottom: -21px;
}

.BoxMenu-Nav .Nav-Link:hover .Line {
    opacity: 1;
}

.BoxMenu-Nav .Nav-Link.Active .Line {
    opacity: 1;
}

/*///////////// WEB SLIDER /////////////*/

.Site-SliderPrincipal{
    position: relative;
}

.SliderPrincipal {
    height: 90vh;
}

.ItemSlider{position: relative;}
.ItemSlider .ImgSlide{
    width: 100%;
}

.Img-Mobile{display: none;}

.ItemSlider .BoxDescripcion {
    width: 1140px !important;
    display: flex;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -570px;
    padding: 0 15px;
    justify-content: center;
    flex-direction: column;
    text-align: left;
}

.ItemSlider .BoxDescripcion .Title {    
    text-align: left;
    width: 100%;
}

.ItemSlider .BoxDescripcion .Text {
    color: #fff;
    text-align: left;
    font-size: 1.2rem;
    line-height: 1.6rem;
    width: 100%;
}

.ItemSlider .BoxDescripcion.BoxDescripcion32 {top: 40%;}
.ItemSlider .BoxDescripcion.BoxDescripcion32 .Title {width: 32%;}
.ItemSlider .BoxDescripcion.BoxDescripcion32 .Text {width: 32%;}

.tns-nav {
    position: absolute;
    z-index: 1;
    width: 100%;
    display: block;
    bottom: 45px;
    text-align: center;
    right: 0;
}

.tns-nav button {
    position: relative;
    height: 25px;
    width: 25px;
    overflow: hidden;
    border-radius: 50%;
    -webkit-transition: 0.3s;
    border: 1px solid #858585;
    transition: 0.3s;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 1;
    padding: 0;
    background: #858585;
    z-index: 999;
}
.tns-nav button.tns-nav-active, .tns-nav button.tns-nav-active:focus{
    border: 1px solid #fff;
    background: #fff;
}

.tns-nav button:focus{
    border: 1px solid #fff;
    background: #fff;
    outline: none !important;
}

/*///////////// WEB SECCIONES /////////////*/

/*///////////// WEB - NUEVA FORMA /////////////*/

.BoxNuevaFormaText{}
.BoxNuevaFormaText .Title{
    margin-bottom: 2rem;
}

/*///////////// WEB - VIDEO /////////////*/

.BoxVideo{}
.BoxVideo .Iframe{
    display: block;
}

/*///////////// WEB - VER PARA CREER /////////////*/

.Home-VerCreer{
    background: url("../img/vercreer/bg-ver-creer.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 450px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.BoxVerCreer{
    text-align: center;
}
.BoxVerCreer .Title{
    margin-bottom: 2rem;
}
.BoxVerCreer .Text{
    text-align: center;
}
.SliderForma{
    display: flex;
}
.ItemForma{}
.ItemForma .BoxFormaImg{
    text-align: center;
}
.ItemForma .BoxFormaImg:hover{
    transform: scale(1.1);
}
.BoxFormaDescripcion{}
.BoxFormaDescripcion .BoxIcon {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
    position: relative;
}
.BoxFormaDescripcion .BoxIcon .LineLeft{
    width: 50%;
    position: absolute;
    right: 50%;
    height: 2px;
    background: #fff;
    margin-right: 13px;
    top: 50%;
}
.BoxFormaDescripcion .BoxIcon .Circle {
    width: 30px;
    height: 30px;
    border: 3px solid #006785;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    z-index: 1;
}
.BoxFormaDescripcion .BoxIcon .LineRight {
    width: 50%;
    position: absolute;
    left: 50%;
    height: 2px;
    background: #fff;
    margin-left: 13px;
    top: 50%;
}
.BoxFormaDescripcion .Title {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 0.9rem;
}

.SliderForma .tns-outer [aria-controls], .tns-outer [data-action] {
    cursor: pointer;
    display: none;
}

/* CARACTERISTICAS */

.BoxCaracteristicas-Menu {
    padding: 0;
    width: 30%;
    padding-right: 5rem;
}
.nav-tabs .nav-item {
    width: 100%;
}
.nav-tabs .nav-item .nav-link {
    font-size: 1.2rem;
    color: #fff;
    border-bottom: 1px solid;
    padding: 15px 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    line-height: 1.4rem;
    position: relative;
}
.nav-tabs .nav-item .nav-link i {
    color: #bc92e6;
    position: absolute;
    left: -18px;
    top: 15px;
    font-size: 1.4rem;
    display: none;
}
.nav-tabs .nav-item.show .nav-link i, .nav-tabs .nav-link.active i{
    display: block;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: transparent;
    border-bottom: 1px solid #fff;
    font-size: 1.25rem;
    color: #6fbbed;
}
.nav-tabs .nav-item .nav-link strong{
    display: block;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #6fbbed;
    background-color: transparent;
    border-color: transparent;
    border-bottom: 1px solid #fff;
    font-size: 1.25rem;
}

.BoxCaracteristicas-Contenido{
    width: 70%;
}

.BoxCaracteristicas-Contenido .BoxContent {
    padding: 1rem;
    position: relative;
    text-align: right;
}
.BoxCaracteristicas-Contenido .BoxContent .Title {
    color: #fff;
    margin-bottom: 3rem;
    color: #6fbbed;
    position: absolute;
    left: 15px;
    top: 35px;
    text-align: left;
}
.BoxCaracteristicas-Contenido .BoxContent .BoxServicioImg {
    height: 350px;
    text-align: right;
    display: inline-block;
    position: relative;
}
.BoxCaracteristicas-Contenido .BoxContent .BoxServicioImg .Img {
    height: 100%;
}
.BoxCaracteristicas-Contenido .BoxContent .BoxTextos {
    display: flex;
    margin-top: 2rem;
    justify-content: space-between;
    text-align: left;
}
.BoxCaracteristicas-Contenido .BoxContent .BoxTextos .Text{
    color: #fff;
}

.BoxCaracteristicas-Contenido .BoxContent .BoxTextos .Text.TextW33{
    width: 26%;
}
.BoxCaracteristicas-Contenido .BoxContent .BoxTextos .Text.TextW50{
    width: 44%;
}
.BoxCaracteristicas-Contenido .BoxContent .BoxTextos .Text.TextW80{
    width: 80%;
}

/* SECCION INNOVACION */

.Home-Innovacion {
    background: url(../img/innovacion/trama.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 15%;
}

.BoxInnovacion-Header{}
.BoxInnovacion-Header .Title {
    position: absolute;
}
.BoxInnovacion-Header .BoxInnovacionImg{
    padding-top: 2.5rem;
}
.BoxInnovacion-Header .BoxInnovacionImg .Img{}

.BoxInnovacion-Text{
    margin-top: 3.5rem;
    padding-right: 3rem;
}
.BoxInnovacion-Text .Text{}
.BoxInnovacion-Text .BoxLogos {
    margin-top: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 2rem;
}
.BoxInnovacion-Text .BoxLogos .BoxLogoImg {
    margin: 0;
}
.BoxInnovacion-Text .BoxLogos .TextBy {
    color: #fff;
    padding: 1rem;
}

/* SECCION PLANES */

.Home-Planes .tns-nav {
    width: 65%;
    bottom: 15px;
    right: inherit;
    left: 0;
}

.LinkConsulta {
    background: #544889;
    display: flex;
    width: 345px;
    color: #fff;
    padding: 6px;
    border-radius: 60px;
    margin-left: 30%;
    top: 2rem;
    position: relative;
    text-decoration: none;
}
.LinkConsulta span {
    border: 2px solid #9c9c9d;
    border-radius: 60px;
    position: relative;
    display: flex;
    align-items: center;
    padding: 10px 15px;
    padding-right: 35px;
    line-height: 1rem;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
}
.LinkConsulta span i {
    position: absolute;
    right: 15px;
}

.LinkConsulta:hover {
    text-decoration: none;
    color: #fff;
    transform: scale(1.05);
}

.BoxPlan-Title {
    border: 1px solid #fff;
    width: 30%;
    border-radius: 15px;
    float: left;
    margin-top: 58px;
}
.BoxPlan-Title .TitleItem {
    color: #fff;
    padding: 12px 15px;
    border-bottom: 1px solid #fff;
    height: 50px;
    display: flex;
    align-items: center;
    line-height: 1rem;
    font-size: 0.9rem;
}
.BoxPlan-Title .TitleItem:last-child {
    border-bottom: none;
    height: 60px;
}

.BoxPlan-BoxPlanes{
    width: 70%;
    float: left;
}

.SliderPlanes{
    display: flex;
}

.BoxPlan {
    width: 33.3%;
    border: 1px solid #fff;
    border-radius: 15px;
    position: relative;
    margin-bottom: 5rem;
}
.BoxPlan .PlanHeader {
    display: flex;
    justify-content: center;
    color: #fff;
    flex-direction: column;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid #fff;
    padding-bottom: 0;
}
.BoxPlan .PlanHeader .HeaderTitle {
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 1.2rem;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px 8px 0 0;
}

.BoxPlan .PlanHeader .HeaderTitle.BgFreemium{background: #4b4285;}
.BoxPlan .PlanHeader .HeaderTitle.BgProfesional{background: #5c3b81;}
.BoxPlan .PlanHeader .HeaderTitle.BgEnterprise{background: #6155ab;}
.BoxPlan .PlanHeader .HeaderTitle.BgPremium{background: #a49dcf;}

.BoxPlan .PlanHeader .HeaderText {
    height: 51px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
    line-height: 1.2rem;
    text-align: center;
}
.BoxPlan .Link {
    position: absolute;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    height: 50px;
    color: #fff;
    text-decoration: none;
    width: 96%;
    margin-top: 1rem;
    border-radius: 5px;
    font-size: 1rem;
    margin: 1rem 2%;
    text-align: center;
    line-height: 1rem;
}
.BoxPlan .Link span{
    display: contents;
}
.BoxPlan .Link .Icon {
    padding: 5px;
    border: 1px solid #fff;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 1rem;
    margin-right: 10px;
}
.BoxPlan .Link:hover {
transform: scale(1.05);
}

.BoxPlan .LinkFreemium{background: #1a1639;}
.BoxPlan .LinkFreemium:hover{
    color: #1a1639;
    background: #fff;
}
.BoxPlan .LinkFreemium:hover i{
    border: 1px solid #1a1639;
}
.BoxPlan .LinkProfesional{background: #5c3b81;}
.BoxPlan .LinkProfesional:hover{
    color: #5c3b81;
    background: #fff;
}
.BoxPlan .LinkEnterprise{background: #6155ab;}
.BoxPlan .LinkEnterprise:hover{
    color: #6155ab;
    background: #fff;
}
.BoxPlan .LinkPremium{background: #a49dcf;}
.BoxPlan .LinkPremium:hover{
    color: #a49dcf;
    background: #fff;
}

.BoxPlan .PlanItem{
    height: 50px;
    padding: 12px 15px;
    border-bottom: 1px solid #fff;
    color: #fff;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-size: 1.2rem;
    line-height: 1.2rem;
}
.BoxPlan .PlanItem:nth-child(9) {
    height: 60px;
    border-bottom: none;
}

.PlanTextBold{
    font-weight: 700;
    color: #9690bf !important;
}

.PlanIconCheck{
    font-weight: 400;
    color: #fff !important;
    font-size: 1.6rem !important;
}

/* SECCION NUESTRO CAMPO */

.BoxNuestroCampo{}
.BoxNuestroCampo .Title{
    text-align: center;
    margin-bottom: 2rem;
}

.ItemNuestroCampo {
    padding: 3rem;
}

.ItemNuestroCampo:nth-child(3) {
    border-right: 1px solid rgba(255,255,255,0.3);
    border-left: 1px solid rgba(255,255,255,0.3);
}

.BoxNuestroCampoImg {
    margin-bottom: 3rem;
    width: 80%;
}
.BoxNuestroCampoImg .ImgTeam{}

.BoxNuestroCampoDescripcion{}
.BoxNuestroCampoDescripcion .Line{
    margin-bottom: 4rem;
    width: 100px;
    height: 1px;
    background: #fff;
    display: block;
}
.BoxNuestroCampoDescripcion .Text {
    color: #fff;
    font-family: 'Manuale', serif;
    font-size: 2rem;
    line-height: 2rem;
}

.Home-NuestroCampo .tns-nav {
    bottom: 0;
}

/* SECCION SOLUCION */

.Home-Solucion {
    background: url(../img/solucion/bg-solucion.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    padding-bottom: 4rem !important;
}

.BoxSoluciones {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.BoxSoluciones .BoxSolucion {
    width: 30%;
    padding: 1rem;
    border: 1px solid #fff;
    border-radius: 5px;
    margin: 1rem;
}
.BoxSoluciones .BoxSolucion .BoxSolucion-Header {
    background: #4b4285;
    text-align: center;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 1rem;
}
.BoxSoluciones .BoxSolucion .BoxSolucion-Header .Title {
    color: #fff;
    margin: 0;
}
.BoxSoluciones .BoxSolucion .BoxSolucion-Detalles {
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 4rem;
}
.BoxSoluciones .BoxSolucion .BoxSolucion-Detalles .BoxIcons{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
}
.BoxSoluciones .BoxSolucion .BoxSolucion-Detalles .BoxIcons .Icon{}
.BoxSoluciones .BoxSolucion .BoxSolucion-Detalles .BoxIcons .IconEquipo{
    width: 65px;
    height: 45px;
    display: inline-block;
    background: url("../img/solucion/icon-equipo.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.BoxSoluciones .BoxSolucion .BoxSolucion-Detalles .BoxIcons .IconPiloto{
    width: 65px;
    height: 45px;
    display: inline-block;
    background: url("../img/solucion/icon-piloto.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.BoxSoluciones .BoxSolucion .BoxSolucion-Detalles .BoxIcons .IconEspecial{
    width: 65px;
    height: 45px;
    display: inline-block;
    background: url("../img/solucion/icon-estrella.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.BoxSoluciones .BoxSolucion .BoxSolucion-Detalles .Title {
    color: #9690bf;
    font-weight: 700;
    text-align: center;
    margin: 0;
}
.BoxSoluciones .BoxSolucion .BoxSolucion-Detalles .IconPlus {
    text-align: center;
    color: #4b4285;
    font-weight: 700;
    font-size: 3rem;
    margin: 1rem 0;
}
.BoxSoluciones .BoxSolucion .BoxSolucion-Detalles .Text {
    color: #fff;
    text-align: center;
    margin: 0;
}
/* SECCION CONTACTO */

.Home-Formulario{
    background: #000000;
    position: relative;
    overflow: hidden;
}

.Home-Formulario .TextIntro {
    font-weight: 700;
    position: absolute;
    right: -25px;
    font-size: 11rem;
    line-height: 9rem;
    opacity: 0.2;
    top: 8%;
}

.BoxContacto-Formulario{}
.BoxContacto-Formulario .Title{
    color: #fff;
    margin-bottom: 1rem;
}

.BoxInput .BoxInput-Label {
    color: #fff;
    margin-bottom: .3rem;
    font-size: 0.9rem;
}
.BoxInput .BoxInput-Label span{
    color: red;
}
.BoxInput .BoxInput-Input {
    border: none;
    min-height: 35px;
    outline: none;
    box-shadow: none;
    color: #fff;
    font-size: 1rem;
    background: #424242;
    padding: 5px 10px;
    border-radius: 3px;
}

.InputSubmit {
    outline: none;
    min-width: 160px;
    justify-content: space-between;
    outline: none;
    background: #423448;
    border: none;
    color: #fff;
    padding: 2px 1rem;
    font-size: 1.6rem;
    border-radius: 2px;
}
.InputSubmit:hover {outline: none;}
.InputSubmit:focus {outline: none;}

.BoxInput .BoxInput-Input:hover {outline: none;}
.BoxInput .BoxInput-Input:focus {outline: none;}


.BoxInput .BoxInput-Input::-webkit-input-placeholder {
    color: #ffffff;
    opacity: 1 !important;
    font-size: 1rem;
}

.BoxInput .BoxInput-Input::-moz-placeholder {
    color: #ffffff;
    opacity: 1 !important;
    font-size: 1rem;
}

.BoxInput .BoxInput-Input:-ms-input-placeholder {
    color: #ffffff;
    opacity: 1 !important;
    font-size: 1rem;
}

.BoxInput .BoxInput-Input:-moz-placeholder {
    color: #ffffff;
    opacity: 1 !important;
    font-size: 1rem;
}

.BoxContacto-Formulario .BtnEnviar {}
.BoxContacto-Formulario .BtnEnviar:hover {}

.BoxFormEnviar {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.BoxFormEnviar .AvisoDatos {
    margin: 0;
    font-size: 0.9rem;
}
.BoxFormEnviar .AvisoDatos a{
    color: #000;
    text-decoration: underline;
}

.alerta {
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 10px;
    font-size: 0.8rem;
    letter-spacing: 0px;
    display: none;
    justify-content: center;
    align-items: center;
}
.alerta.error {color: #ec0000;}
.alerta.enviado {color: #1e7e34;}

.awesomplete {
    display: inline-block;
    position: relative;
    width: 100%;
}

/* MENU MOBILE */

.LinkMenu{
    display: none;
}

.LinkCloseMenu{
    display: none;
}


/* POPUP */

.BoxQueEquipos {
    display: flex;
    flex-wrap: wrap;
    width: 1000px;
    justify-content: center;
    align-items: center;
    padding: 4rem 2rem;
    background: url(../img/planes/popup/Bg-PopUp.jpg) #d9d9d9;
    background-size: cover;
    background-position: center bottom;
    min-height: 500px;
}
.BoxQueEquipos .Title {
    width: 100%;
    text-align: center;
    color: #554c8c;
    font-size: 2.5rem;
    line-height: 3rem;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2rem;
}
.BoxQueEquipos .ListItem {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.BoxQueEquipos .ListItem.ListItem1 {
    width: 20%;
}
.BoxQueEquipos .ListItem.ListItem2 {
    width: 30%;
}
.BoxQueEquipos .ListItem .Item {
    display: flex;
    padding-left: 75px;
    position: relative;
    margin: 10px 0;
    align-items: center;
}
.BoxQueEquipos .ListItem .Item .Icon {
    width: 65px;
    height: 45px;
    display: inline-block;
    position: absolute;
    left: 0;
}
.BoxQueEquipos .ListItem .Item .Icon.icon-resoluciones{
    background: url(../img/planes/popup/icon-resoluciones.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.BoxQueEquipos .ListItem .Item .Icon.icon-liviano{
    background: url(../img/planes/popup/icon-liviano.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.BoxQueEquipos .ListItem .Item .Icon.icon-tiempo{
    background: url(../img/planes/popup/icon-tiempo-vuelo.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.BoxQueEquipos .ListItem .Item .Icon.icon-viento{
    background: url(../img/planes/popup/icon-viento.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.BoxQueEquipos .ListItem .Item .Icon.icon-obstaculos{
    background: url(../img/planes/popup/icon-obstaculos.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.BoxQueEquipos .ListItem .Item .Icon.icon-distancia{
    background: url(../img/planes/popup/icon-distancia.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.BoxQueEquipos .ListItem .Item .Icon.icon-operacional{
    background: url(../img/planes/popup/icon-operacional.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.BoxQueEquipos .ListItem .Item .Text {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1rem;
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 0.5rem;
}

.BoxQueEquipos .BoxEquipoDrone {
    width: 50%;
    padding: 3rem 1rem 3rem 0;
    position: relative;
}

.BoxQueEquipos .BoxEquipoDrone .BoxImgDrone{
    margin: 0;
}
.BoxQueEquipos .BoxEquipoDrone .BoxImgDrone .Img{}
.BoxQueEquipos .BoxEquipoDrone .TitleName {
    position: absolute;
    right: 40px;
    bottom: 45px;
    color: #554c8c;
    font-size: 1.2rem;
    line-height: 2rem;
    font-weight: 700;
    margin: 0;
}

.fancybox-content {
    padding: 0 !important;
    border-radius: 15px !important;
}

.fancybox-slide--html .fancybox-close-small {
    padding: 5px !important;
    right: 15px !important;
    top: 15px !important;
    border: 2px solid #9690bf !important;
    border-radius: 50% !important;
    color: #9690bf !important;
    width: 35px !important;
    height: 35px !important;
}

.BoxCaracteristicas-Contenido .BoxContent .BoxServicioImg:hover .Img.ImgA{display: none;}
.BoxCaracteristicas-Contenido .BoxContent .BoxServicioImg:hover .Img.ImgB{display: inline-block;}

.BoxCaracteristicas-Contenido .BoxContent .BoxServicioImg .Img.ImgB{display: none;}


.Site-Header.HeaderActive .BoxBandera{
    display: none;
}

.BoxBanderas {
    display: flex;
    position: absolute;
    right: 10px;
    top: 50px;
}
.BoxBanderas .BoxBandera {
    margin-left: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    order: 2;
}
.BoxBanderas .BoxBandera .Icon{
    width: 22px;
    height: 22px;
    display: inline-block;
}
.BoxBanderas .BoxBandera.Active{
    order: 1;
    margin-right: 15px;
}
.BoxBanderas .BoxBandera .Icon.IconBandera-Argentina{
    background: url("../img/header/bandera-argentina.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.BoxBanderas .BoxBandera .Icon.IconBandera-Brasil{
    background: url("../img/header/bandera-brasil.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.BoxBanderas .BoxBandera .Icon.IconBandera-Espana{
    background: url("../img/header/bandera-espana.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.BoxBanderas .BoxBandera .Icon.IconBandera-USA{
    background: url("../img/header/bandera-usa.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


@keyframes fadeTres {
  0%   { opacity: 0; }
  11.11%   { opacity: 1; }
  33.33%  { opacity: 1; }
  44.44%  { opacity: 0; }
  100% { opacity: 0; }
}
.fadeinTres img { 
    opacity:0; 
    animation-name: fadeTres; 
    animation-duration: 6s; 
    animation-iteration-count: infinite; 
    position:absolute; 
    right:0; 
}
.fadeinTres img:nth-child(1) { animation-delay: 0s; }
.fadeinTres img:nth-child(2) { animation-delay: 2s; }
.fadeinTres img:nth-child(3) { animation-delay: 4s; }

.fadein { position:relative; width:500px; height:332px; }
.fadein img { position:absolute; left:0; top:0; }

@keyframes aniMove{
    0%{background-position: 0px 0;}
    50%{background-position: -470px 0;}
    100%{background-position: 0px 0;}
}
.MoveBg {
    clip-path: polygon(-1% 1%, 100% -25%, 100% 90%, -2% 99%);
    background: url(../../assets/img/servicios/panoramica.jpg) repeat-x 0 / 100% auto;
    height: 285px;
    animation: aniMove 50s linear infinite;
    position: absolute;
    z-index: 1;
    width: 305px;
    right: 90px;
    top: 33px;
    background-size: cover;
    border-radius: 10px;
}