* { box-sizing: border-box;  margin: 0; }
html, body { width: 100%; height: auto; margin: 0; overflow-x: hidden !important;  font-weight: 500; font-size: 22px !important; line-height: 26px; line-height: 36px; color: #3d1152 !important; scroll-behavior: smooth; font-family: 'Montserrat', sans-serif !important; font-weight:400  !important; }
html { scroll-behavior: smooth; } 
body { animation: fadein 2s;  -moz-animation: fadein 2s; /* Firefox */ -webkit-animation: fadein 2s; /* Safari and Chrome */ 
	-o-animation: fadein 2s; /* Opera */ background: #f1f1f1;  color: #3d1152 !important; }
@keyframes fadein { from { opacity:0; } to { opacity: 1;} } 
@-moz-keyframes fadein { /* Firefox */ from { opacity:0; } to { opacity: 1;} }
@-webkit-keyframes fadein { /* Safari and Chrome */ from { opacity:0; } to { opacity: 1;} }
@-o-keyframes fadein { /* Opera */ from { opacity:0; } to { opacity: 1;} }
section { width: 100%; min-height: 600px; position: relative; padding: 75px 0; z-index:1; overflow: hidden; background: #f1f1f1;  } 
header { width: 100%; height: 110px; position: fixed; text-align: center; z-index: 9 !important; padding-top: 10px; top:0px; text-align: left; transition: all 0.5s; z-index:9999 !important; }
header ul { padding:0; width:100%; text-align:center; margin-top:-44px;   transition: all 0.5s; }
header ul li { display:inline-block; vertical-align: top; list-style:none; width:auto; margin:0 15px; }
header  ul li a { font-size:13px; line-height:16px; color:#fff; font-weight:500; }
header ul li a:hover { color:#fff; }
footer { width: 100%; height: auto;  position: relative; color:#fff; font-size: 18px; line-height: 30px; font-weight: 400 !important; padding: 68px 0;  background: #49bfaf; }
:focus { outline: none; }
footer ul { padding:0; width:100%;  margin-top:50px;  transition: all 0.5s; }
footer ul li { display:block; vertical-align: top; list-style:none; width:1005; margin:0 0 40px 0; }
footer ul li a { color:#fff; font-size: 18px; line-height: 30px; }
footer ul li a:hover { color:#3d1152; font-size: 18px; line-height: 30px; font-family: "Nunito Sans", sans-serif; font-weight:800;  }

footer a { color:#fff; font-size: 18px; line-height: 30px; }
footer a:hover { color:#3d1152; font-size: 18px; line-height: 30px; font-family: "Nunito Sans", sans-serif; font-weight:800;  }
footer p { padding:0; width:100%;  margin-top:50px;  transition: all 0.5s; }

a, button { cursor: pointer; outline: none; text-decoration: none; }
h1, h2, h3 ,h4 ,h5 { letter-spacing: .5px; font-family: "Nunito Sans", sans-serif; font-weight:800; color:#fff; margin-bottom:45px; }
h1 { letter-spacing: .5px; font-size:5vw; line-height:4.2vw; }
img, p { transition:all 200ms ease;   }
a { transition:all 200ms ease; margin:25px 2; }
b {  }	
p { font-family: 'Montserrat', sans-serif !important; font-weight:400; }  
footer img { mix-blend-mode: normal !important; }
hr { margin:35px 0; width:200px; height:1px; border-top:#edb74a solid 3px; opacity:1; }
.logo { width:290px; margin:20px 0 0 100px; }
.firma { margin-top:-67px; font-size:14px; width:290px; }
p { position:relative; }
p span {
    position: absolute;
    width: 10px;
    height: 10px;
    top: -25px;
    margin-left: -10px;
    font-size: 55px;
    color: #fff;
}

.gracias {  }
.gracias h2 { max-width:630px; margin:200px auto 0; font-family: 'nunito_sanssemibold'; margin-bottom:10%;  }

#video{ width: 100%; height: auto; background:#42c0b0 ;  text-align: center; position: absolute; top: 0; left: 0px; z-index: 1; transition: all 0.9s !important;  }
video { mix-blend-mode: multiply; width: auto; height: 100vh;  }


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #3d1152;  font-size: 14px; font-family: "Nunito Sans", sans-serif; font-weight:800;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #3d1152;  font-size: 14px; font-family: "Nunito Sans", sans-serif; font-weight:800;
}
:-ms-input-placeholder { /* IE 10+ */
   color: #3d1152;  font-size: 14px; font-family: "Nunito Sans", sans-serif; font-weight:800;
}
:-moz-placeholder { /* Firefox 18- */
   color: #3d1152;  font-size: 14px; font-family: "Nunito Sans", sans-serif; font-weight:800;
}
form { width:100%; height:auto; text-align:left; }
input { background:none; border: none; font-size: 16px;  width:45%;  }
input.middle:focus { outline-width: 0; }
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

/*
input[type=submit] { color:#fff; border:#fff solid 2px; padding:15px; margin: 25px 0; 
           display: block; max-width: 350px;  font-size:22px; height:auto; font-weight:400; text-align:center;  }
input[type=submit]:hover {color: #474c54 !important; border: #f1f1f1 solid 1px; background: #fff; }
*/


.order-1 { order: 2 !important; }
.order-2 { order: 1 !important; }

/* Icon 1 */
#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  width: 50px;
  height: 45px;
  position: relative;
  margin: 50px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  z-index: 999999999999 !important;
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 5px;
  width: 75%;
  background: #fff;
  border-radius: 5px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 10px;
}

#nav-icon1 span:nth-child(3) {
  top: 20px;
}

#nav-icon1.open span:nth-child(1) {
  top: 8px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 8px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

#nav-icon1 { position:fixed; top:-20px; right:10px; z-index:999999; display: none;  }
.activve { margin-top:315px; }
.quita { display: inline !important;  }
.pon { display: none !important; }

.idioma { background:#ff5200; color:#fff; width:auto; height:auto; padding:10px 25px ; text-align: center; position:fixed; top:20px; right:100px; border-radius:45px; }
.idioma a { color:#fff; font-size:16px; }
.idioma a.activo_ { font-family: "Nunito Sans", sans-serif; font-weight:800;  }
.btn_ { background:#ff5200; color:#fff; width:auto; height:auto; padding:10px 25px ; text-align: center;  border-radius:45px; font-weight:400; }
.btn_2 { background:#45c2b1; color:#fff; width:auto; height:auto; padding:10px 25px ; text-align: center;  border-radius:45px; font-weight:400; }

.btn_:hover { background:#ff5200; color:#fff; width:auto; height:auto; padding:10px 45px ; text-align: center;  border-radius:45px; font-weight:400; }
.btn_2:hover { background:#45c2b1; color:#fff; width:auto; height:auto; padding:10px 45px ; text-align: center;  border-radius:45px; font-weight:400; }


/* WEBSITE  */

.soluciones { /*background:#fff url(img/img-intro.jpg) no-repeat; background-size: cover !important;*/ overflow: hidden; position: relative; color:#fff !important; }
.soluciones .container { position:relative; z-index:5;  }
.soluciones h1 { font-size:; margin-top:30%; color:#fff;  }
.soluciones p { margin-bottom: 50px; } 
.panel { width:50%; float:left; padding:190px 58px; position:relative; min-height:700px; }
.con_  { max-width:500px; float:right;  }
.arr_ { position: absolute; margin-top:-70px; margin-bottom:20px; }

.tressesenta { padding:0 !important; border-bottom:#3d1152 solid 2px; height:auto; }
.tressesenta h3 { font-family: "Nunito Sans", sans-serif; font-weight:800; font-size:36px; line-height:48px; color:#3d1152; }
.tressesenta p  { font-size:18px; line-height:30px; max-width:470px; margin-bottom:58px; font-family: 'Montserrat'; font-weight:400; color:#3d1152;  }
.br_  { border-right:#3d1152 solid 2px;  }
.ns_ { margin-top:75px; }

.bienvenido {}
.bienvenido .sub { font-size:16px; line-height:30px; margin-bottom: 35px; font-family: "Nunito Sans", sans-serif; font-weight:900; }
.bienvenido .ttb { font-family: "Nunito Sans", sans-serif; font-weight:800; max-width: 360px; font-size:36px; line-height:48px; margin-bottom:50px;  }
.bienvenido .ttb span { font-family: 'nunito_sansextrabold'; display: block;  }
.bienvenido p { font-size:18px; line-height:30px; max-width:470px; margin-bottom:58px; color:#3d1152 !important; font-family: 'Montserrat'; font-weight:400; }

.box { background:#e6e6e6; margin:0 50px 50px 0; width:350px; height:460px; padding:40px 25px; }
.box h2 { font-size:36px; line-height:48px; font-family: "Nunito Sans", sans-serif; font-weight:800; color:#3d1152; }
.box h2 span.zero { display: block; opacity:0; }
.box h2 span.sub { display: block; font-family: "Nunito Sans", sans-serif; font-weight:900; font-size:16px; line-height:30px; margin-bottom:-15px;  }
.box p  { font-size:18px; line-height:30px; word-wrap: break-word !important; font-family: 'Montserrat', sans-serif !important; font-weight:400;  }
.paneles { margin-top:-50px; }
.paneles h3 { font-size:36px; line-height:48px; font-family: 'nunito_sansextrabold'; color:#3d1152; margin-left:-20px; }

.garantias { color:#fff; background: url(img/garantias.jpg) no-repeat center bottom; background-size: cover; }
.garantias .sub { font-size:16px; line-height:30px; margin-bottom: 35px; font-family: "Nunito Sans", sans-serif; font-weight:900; }
.garantias .ttb { font-family: "Nunito Sans", sans-serif; font-weight:800; max-width: 360px; font-size:36px; line-height:48px; margin-bottom:50px;  }
ul.lista {  background:#ff5200; padding:50px 40px; border-top-left-radius:25px; border-top-right-radius:25px; max-width:650px; }
ul.lista li { font-size:18px; line-height:30px; list-style:none; padding-left:30px;  background: url(img/arrow-d-m2.svg) no-repeat; background-size: 18px !important; background-position:0px 5px !important; font-weight:400; }


.conoce { padding: 115px 0 ; }
.conoce h2 { font-size:36px; line-height:48px; font-family: "Nunito Sans", sans-serif; font-weight:800; color:#3d1152; max-width:600px; margin: 0 auto  50px auto; }
.conoce p  { font-size:18px; line-height:30px; max-width:690px; margin: 0 auto 75px auto ;  color:#ff5200; }

.conoce .sub { font-size:16px; line-height:30px; margin-bottom: 35px; font-family: "Nunito Sans", sans-serif; font-weight:900; }
.conoce .ttb { font-family: "Nunito Sans", sans-serif; font-weight:800; max-width: 460px; font-size:36px; line-height:48px; margin-bottom:50px;  }
.conoce .ttb span { font-family: 'nunito_sansextrabold'; display: block;  }
.conoce p.remate { font-size:18px; line-height:30px; max-width:460px; margin:0px; color:#3d1152; }

form { margin: 40px 0 0 -10px;  }
input { border:#3d1152 solid 1px; border-radius:30px; padding:10px; font-family: "Nunito Sans", sans-serif; font-weight:800; color: #3d1152; margin:0px 10px 25px 0px  ; }
input[type=submit]{ background:#ff5200; border:#ff5200 solid 1px; color:#fff; width:auto; height:auto; padding:10px 25px ; text-align: center;  border-radius:45px; }

#contacto { background:#fff url(img/contacto.jpg) no-repeat center right; background-size: auto 100% ; padding: 0 !important; }
#contacto .col-sm-6 { background: rgba(255, 255, 255, .8); }
.ajuste1 { width:100%; height:115px; background:#fff; }
.ajuste2 { width:100%; height:115px; background:#fff; border-top:#3d1152 solid 2px; }
.mainn { background: rgba(0, 0, 0, .8); }
.idioma_ { display:none; }

.logo-foo { width:225px; }
.pan-bg { background: url(img/img360.jpg) no-repeat; background-position: 58px 200px; background-size: 94.1%; }

@media only screen and (min-width: 1280px) {
}

@media only screen and (max-width: 1080px) {
	 #nav-icon1 { position:fixed; top:-25px; right:0px; z-index:999999; display: inline;  }
	 header { background:rgba(0, 0, 0, .8) url(img/logo-n.svg) no-repeat; background-size: 150px auto !important; background-position: 15px 25px; }
	 header ul { padding:0; width:100%; text-align:center; position:absolute; top:-230px; background:rgba(0, 0, 0, .8); padding:5px; height: 85px; height:auto;  }
   header ul li { display: inline-block; vertical-align: top; list-style: none; width: 150px; margin: 0 0px; }
  
}

@media only screen and (max-width: 890px) {
  .logo { width:290px; margin:15px 0 0 20px; }
}

@media only screen and (max-width: 690px) {
   header ul li { width:100%;  }
  .row div { width:100% !important; }
  .panel { width:100%; float: none; padding: 15% 5%; position: relative; min-height: 500px; }
  .br_ { border-right: #3d1152 solid 0px; border-bottom: #3d1152 solid 2px; }
  .con_ { max-width: 100%; float: none; }
}

@media only screen and (max-width: 620px) {
  header { width: 100%; height: 70px; }

}

@media only screen and (max-width: 605px) {
    .logo { width:220px; margin:5px 0 0 20px; }
    footer p { margin-bottom:10px; padding:0 10%; }
    .idioma { display:none; }
    .idioma_ { display:inline; width: 80%; }
    .idioma_ a { color:#fff; margin:0 10px; font-family: "Nunito Sans", sans-serif; font-weight:800; font-size:14px; }
    .idioma_ a.activo_ { color:#ff5200; margin:0 10px; font-family: "Nunito Sans", sans-serif; font-weight:800; font-size:14px; } 
    .order-1 { order: 1 !important; }
    .order-2 { order: 2 !important; }
    .activve { margin-top: 300px; height: auto; }
    .ajuste1 { width:100%; height:0px; background:#fff; }
}

@media only screen and (max-width: 590px) {
  section {
    width: 100%;
    min-height: auto !important;
    position: relative;
    padding: 75px 0;
    z-index: 1;
    overflow: hidden;
}
p { font-weight:400  !important; }
.btn_ { background:#ff5200; color:#fff; width:auto; height:auto; padding:10px 25px ; text-align: center;  border-radius:45px; font-weight:400 !important; }
.btn_2 { background:#45c2b1; color:#fff; width:auto; height:auto; padding:10px 25px ; text-align: center;  border-radius:45px; font-weight:400 !important; }

  .soluciones { padding-left:10%; padding-right:10%; padding-bottom:115px !important; }
  .soluciones h1 { font-size:31px; line-height:37px; margin-bottom: 5px !important; }
  .soluciones p { font-size:15px; line-height:22px;  } 
  .panel { padding-left:10%; padding-right:10%; padding-bottom:115px !important; }
  .br_ {
    border-right: #3d1152 solid 0px;
    border-bottom: #3d1152 solid 0px;
}
.pan-bg { background: url(img/img360.jpg) no-repeat; background-position: center 70px; background-size: 90%; }
.col-sm-7 { padding:0; }
.col-sm-7 img { width:100%; }
.paneles { padding:115px 12%; margin-top: 0px;  } 
.box { margin: 0 auto 50px auto ; }
.paneles .btn_  { margin-left:-15px; }
.garantias { padding:115px 10%; margin-top: 0px;  }
ul.lista {  background:#ff5200; padding:50px 10px; border-top-left-radius:25px; border-top-right-radius:25px; max-width:650px; } 
ul.lista li { font-size:15px; line-height:22px; list-style:none; padding-left:20px;  background: url(img/arrow-d-m2.svg) no-repeat; background-size: 14px !important; background-position:0px 3px !important;  }
.conoce h2 { font-size: 36px; line-height: 48px; font-family: "Nunito Sans", sans-serif; font-weight:800; color: #3d1152; max-width: 290px; margin: 0 auto 50px auto; }
.conoce p { font-size: 15px; line-height: 22px; padding:0 5%; }
input { width:95%; margin-left:15px; }
footer p { font-size: 15px; line-height: 22px;    margin-bottom: 10px;    padding: 0%; }
#contacto { background: #fff url(img/contacto.jpg) no-repeat bottom right; background-size: auto 72%; padding: 0 !important; }
.ajuste1 { width:100%; height:0px; background:#fff; }
.firma {    margin-top: 20px;    font-size: 14px; width: 290px; }

.box h2 {
    font-size: 34px;
    line-height: 48px;
    font-family: "Nunito Sans", sans-serif; font-weight:800;
    color: #3d1152;
}

.en_ { padding-top:35px !important; }


}

@media only screen and (max-width: 490px) {

        html, body { width: 100%; height: auto; margin: 0; overflow-x: hidden !important; overflow-x: hidden !important; font-family: 'Montserrat'; font-weight: 200; font-size: 18px !important; line-height: 20px; line-height: 36px; color: #4a4949; scroll-behavior: smooth; }
       
}



@media only screen and (max-width: 390px) {

}