@import url("https://fonts.googleapis.com/css?family=Catamaran:300,400,700,900|Source+Sans+Pro:400,700&display=swap");
@charset "UTF-8";

.centerx,.header__basic--black .header__img,.section__crazy__color .wrapper__color .wrapper__panel .color .color__el h3,.section__handsketch__color .wrapper__audrio .color .color__el h3,.section__handsketch__color .wrapper__audrio img,.section__woy__color .wrapper__audrio .color .color__el h3,.section__woy__color .wrapper__audrio img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.centery,.header__basic--studio .header__img,.section__404 .title__block,.section__jobs .jobs__ul .jobs__ul__li .jobs__ul__li__a i,.section__site .site__template .site__template__bar .template__button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.centerxy,.flux__el--twitter p,.job__title .close--profil i,.job__title .title__block,.loading .loading__elements #display,.loading .loading__elements #progress,.navigation__project .navigation__project__block .content__text,.navigation__project .navigation__project__block:nth-child(2) .link,.other__team .profil__team .profil__team__li a img,.section__404 .overlay__404,.section__about .background__about .play i,.section__customer .customers .customers__li img,.section__projets .awards .awards__li a img,.section__projets .swiper-projets .swiper-slide .swiper-slide-block-content .text__content,.section__team .swiper-slide .slide__img .overlay,nav .center__navigation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}




figcaption,figure,main {
  display: block;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace,monospace;
  font-size: 1em;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b,strong {
  font-weight: inherit;
}

b,strong {
  font-weight: bolder;
}

code,kbd,samp {
  font-family: monospace,monospace;
  font-size: 1em;
}

dfn {
  font-style: italic;
}

mark {
  background-color: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

audio,video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}


svg:not(:root) {
  overflow: hidden;
}

button,input,optgroup,select,textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,input {
  overflow: visible;
}

button,select {
  text-transform: none;
}

[type=reset],[type=submit],button,html [type=button] {
  -webkit-appearance: button;
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  display: inline-block;
  vertical-align: baseline;
}


[type=checkbox],[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details,menu {
  display: block;
}

summary {
  display: list-item;
}


template {
  display: none;
}

[hidden] {
  display: none;
}


.main__title {
  margin-top: -10px;
  color: #f2f3f3;
  text-transform: uppercase;
  font-family: Montserrat,sans-serif;
  font-weight: 900;
  font-size: 1em;
  line-height: 35px;
  margin: 0;
}

.main__title span {
  color: #ff2d71;
}

.main__subtitle {
  margin: 2px 0;
  font-weight: 700;
  font-family: Montserrat,sans-serif;
  font-size: .9em;
  color: #f2f3f3;
}

@media (min-width:768px) {
  .main__subtitle {
    font-size: 1.1em;
  }
}

.main__subtitle span {
  font-family: "Patua One",cursive;
  color: #00a8af;
  font-style: italic;
}


.link {
  display: inline-block;
  width: auto;
  position: relative;
  text-decoration: none;
  color: #21272b;
  font-family: Montserrat,sans-serif;
  font-size: .7em;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #00a8af!important;
  transition: all .3s ease-in-out;
}

.link:hover {
  letter-spacing: 2px;
}

.link__apply {
  display: block;
  width: 150px;
  padding: 16px 12px;
  background-color: #00a8af;
  border: 2px solid #00a8af;
  border-radius: 1px;
  color: #f2f3f3;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  font-family: Montserrat,sans-serif;
  font-size: .813em;
  letter-spacing: 1px;
  transition: all .3s ease-in-out;
}

.link__apply:hover {
  background-color: transparent;
  letter-spacing: 3px;
  border-radius: 1px;
}

.link__apply:active {
  background-color: transparent;
  letter-spacing: 3px;
  border-radius: 1px;
}

.link__apply:focus {
  background-color: transparent;
  letter-spacing: 3px;
  border-radius: 1px;
}

.swiper-container {
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  cursor: -webkit-grab;
  cursor: grab;
}

@media (min-width:1200px) {
  .swiper-container {
    height: 550px;
  }
}

.swiper-button-next,.swiper-button-prev {
  width: 50px;
  height: 50px;
  background-image: none;
  background-color: #e4e4e4;
  z-index: 2;
  cursor: pointer;
}

.swiper-button-next i,.swiper-button-prev i {
  position: relative;
  left: 50%;
  top: 50%;
  color: #21272b;
  transform: translate(-50%,-50%);
  transition: all .3s ease-in-out;
}
@-webkit-keyframes arrowRight {
  0% {
    transform: translate(0,-50%);
  }

  50% {
    transform: translate(-10px,-50%);
  }

  100% {
    transform: translate(0,-50%);
  }
}
@keyframes arrowRight {
  0% {
    transform: translate(0,-50%);
  }

  50% {
    transform: translate(-10px,-50%);
  }

  100% {
    transform: translate(0,-50%);
  }
}
.swiper-button-next:hover i,.swiper-button-prev:hover i {
  -webkit-animation: arrowRight 1s infinite;
  animation: arrowRight 1s infinite;
}

.swiper-button-next {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 0;
}

@media (min-width:1200px) {
  .swiper-button-next {
    right: 300px;
    background-color: #f2f3f3;
  }
}

.swiper-button-prev {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
}

@media (min-width:1200px) {
  .swiper-button-prev {
    bottom: 74px;
    background-color: #f2f3f3;
  }
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  width: 100%;
  display: flex;
}

.swiper-slide__block {
  width: 100%;
  margin: 0 auto;
  height: 100%;
  text-align: left;
}

.swiper-slide__block .swiper-slide__block__img {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.swiper-slide__block .swiper-slide__block__img a {
  display: block;
  width: 100%;
  height: 100%;
}

@media (min-width:1200px) {
  .swiper-slide__block .swiper-slide__block__img {
    width: 65%;
    max-height: 476px;
    height: 476px;
    max-width: 735px;
    overflow: hidden;
    position: relative;
  }
}

.swiper-slide__block .swiper-slide__block__img img {
  width: 100%;
  height: auto;
  transition: all .3s ease-in-out;
}

@media (min-width:1200px) {
  .swiper-slide__block .swiper-slide__block__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: 100%;
  }
}

.swiper-slide__block .swiper-slide__block__img:hover img {
  transform: scale(1.1);
  filter: brightness(.5);
}

.swiper-slide__block .swiper-slide__block__text {
  width: 85%;
  height: auto;
  margin: 0 auto;
  margin-top: 50px;
  position: relative;
}

@media (min-width:768px) {
  .swiper-slide__block .swiper-slide__block__text {
    margin-top: 100px;
  }
}

@media (min-width:1200px) {
  .swiper-slide__block .swiper-slide__block__text {
    width: 40%;
    height: 100%;
    max-height: 476px;
    max-width: 400px;
    position: absolute;
    background-color: transparent;
    top: 0;
    right: 0;
    margin-top: 0;
    padding: 0;
  }

  .swiper-slide__block .swiper-slide__block__text:before {
    content: "";
    display: block;
    width: 200px;
    max-width: 408px;
    height: 100%;
    background-color: #e4e4e4;
    position: absolute;
    left: -100px;
  }
}

.swiper-slide__block .main__title {
  color: #f2f3f3;
  text-transform: uppercase;
  font-family: Montserrat,sans-serif;
  font-weight: 900;
  font-size: 2.6em;
  letter-spacing: 1px;
  margin: 0;
  text-shadow: 7px 7px 16px #d2d2d2;
}

.swiper-slide__block .main__title span {
  color: #ff2d71;
}

@media (min-width:768px) {
  .swiper-slide__block .main__title {
    font-size: 3em;
  }
}

@media (min-width:1200px) {
  .swiper-slide__block .main__title {
    margin-top: 100px;
  }
}

.swiper-slide__block .main__subtitle {
  margin: 2px 0;
  font-weight: 700;
  font-family: Montserrat,sans-serif;
  font-size: .9em;
  color: #f2f3f3;
}

@media (min-width:768px) {
  .swiper-slide__block .main__subtitle {
    font-size: .9em;
  }
}

.swiper-slide__block .main__subtitle span {
  font-family: "Patua One",cursive;
  font-style: normal;
  color: #00a8af;
  letter-spacing: 1px;
}

.swiper-slide__block .main__subtitle,.swiper-slide__block .main__title,.swiper-slide__block .paragraphe {
  color: #21272b;
  z-index: 2;
  position: relative;
}

.swiper-slide__block .paragraphe {
  max-width: 413px;
  text-shadow: 7px 7px 16px #d2d2d2;
  margin-top: 24px;
}

.swiper-slide__block .number {
  font-family: Montserrat,sans-serif;
  font-size: 12em;
  font-weight: 900;
  width: 100%;
  display: block;
  color: rgba(16,47,65,.04);
  position: relative;
  bottom: 100px;
  z-index: 1;
  text-align: right;
  margin: 0;
  line-height: 120px;
}

@media (min-width:1200px) {
  .swiper-slide__block .number {
    margin-top: 100px;
    font-size: 15em;
  }
}


.loading {
  width: 100%;
  height: 100vh;
  background-color: #f8f8f8;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  transform-origin: left top;
  overflow: hidden;
}

.loading .loading__elements {
  width: 100%;
  height: 50%;
}

.loading .loading__elements #progress {
  display: block;
  width: 300px;
  height: 30px;
  z-index: 1;
  font-family: Montserrat,sans-serif;
  background-color: #000;
  transition: all .3s ease-in-out;
}

.loading .loading__elements #progress::-webkit-progress-bar {
  display: block;
  width: 100%;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.loading .loading__elements #progress::-webkit-progress-value {
  background-color: rgba(131,201,207,.8);
  background: -webkit-linear-gradient(#00a8af,#83c9cf);
}

.loading .loading__elements progress[value]::-webkit-progress-bar {
  background-color: #f8f8f8;
  border-radius: 2px;
  box-shadow: none;
}

.loading .loading__elements #display {
  display: block;
  font-size: 5em;
  z-index: 2;
  font-family: Montserrat,sans-serif;
  font-weight: 900;
  text-align: center;
  margin-bottom: 50px;
  color: #21272b;
}


.section__slider {
  width: 100%;
  height: auto;
  background-color: #f2f3f3;
}

@media (min-width:1200px) {
  .section__slider {
    padding: 80px 0px 0px 0px;
  }
}

.section__slider .container__center {
  width: 100%;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width:992px) {
  .section__slider .container__center {
    max-width: 1200px;
    width: 85%;
  }

  .section__slider .container__center:after {
    content: "";
    display: block;
    width: 100%;
    height: 50px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    background: linear-gradient(to top,#f2f3f3,rgba(248,248,248,0));
  }
}

@media (min-width:992px) {
  .section__slider .container__center {
    max-width: 1200px;
    width: 100%;
  }
}

/* finalizar estilos slide novedades---------------------------------*/


html{padding: 0; margin: 0;}
body{padding: 0; margin: 0; font-family: 'Poppins', sans-serif; background-color: #f1f3f3;}

nav{
	width: 100%; height: 80px; padding: 0px; margin:0px; position: fixed; top: 0; left: 0; border-bottom: solid 2px #E5E7EB; z-index: 10; background-color: #fff;
}

/* estilos para el menu de cabecera*/
.menu{width: 100%; height: 80px; background-color: #ffffff; position: fixed; top: 0px; left: 0px; z-index: 30;
	box-shadow: 3px 10px 17px -1px rgba(0,0,0,0.29);
-webkit-box-shadow: 3px 10px 17px -1px rgba(0,0,0,0.29);
-moz-box-shadow: 3px 10px 17px -1px rgba(0,0,0,0.29);
}

.boxBtnMenu{position: absolute; width: 30px; height: 30px; right: 20px; top: 25px; z-index: 30; display: none;}
.lineMenu{width: 25px; height: 3px; background-color: #000; position: absolute; top: 50%; left: 50%; border-radius: 20px;
		-webkit-transform: translate(-50%, -50%);
			-moz-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			-o-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);

  -webkit-transition: all 0.3s ;
  -moz-transition:    all 0.3s ;
  -o-transition:      all 0.3s ;
  -ms-transition:     all 0.3s ;
}
.lineTop{margin-top: -8px;} 
.lineBot{margin-top: 8px;}
.opMenu{position: absolute; width: 30px; height: 30px; z-index: 40; position: absolute; top: 0px; left: 0px;}
.crMenu{position: absolute; width: 30px; height: 30px; z-index: 40; position: absolute; top: 0px; left: 0px; display: none;}

.limitBoxMenu{width: 100%; max-width: 1800px; vertical-align: middle; position: relative; text-align: right; margin: 0 auto; padding: 0 20px; box-sizing: border-box;
  -webkit-transition: all 0.3s ;
  -moz-transition:    all 0.3s ;
  -o-transition:      all 0.3s ;
  -ms-transition:     all 0.3s ;
}
.listaP{display: inline-table;  position: relative; margin-top: 10px; position: relative; height: auto;}
.linkMenuHead{padding:10px 15px; color: #000; text-decoration: none;}

.listaP:hover .lineLink{margin-top: -20px;}
.lineLink{width: 15px; height: 2px; background-color: #000; position: absolute; z-index: 10; top: 50%; left: 50%; margin-top: -200px;
			-webkit-transform: translate(-50%, -50%);
			-moz-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			-o-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);

  -webkit-transition: all 0.3s ;
  -moz-transition:    all 0.3s ;
  -o-transition:      all 0.3s ;
  -ms-transition:     all 0.3s ;
}

.menuLeft{display: inline-table; margin-left: -20px;}
.boxIzMenu{float: left; width: auto; padding: 10px; box-sizing: border-box; vertical-align: middle; margin-top: -25px;}
.subBox{position: absolute; width: 100%; min-width: 200px; display: block; background-color: #ffffff; padding: 10px; box-sizing: border-box; overflow: hidden; text-align: left; height: 0px; padding: 0px;}
.listaP:hover .subBox{height: auto; padding-top: 30px;
	-webkit-transition: all 0.2s ;
  -moz-transition:    all 0.2s ;
  -o-transition:      all 0.2s ;
  -ms-transition:     all 0.2s ;
}
.subBox a{color: #000; text-decoration: none;  display: block; padding: 10px; box-sizing: border-box;}
.subBox a:hover{background-color: #e1e1e1; }
.contacto{border: solid 2px #ff8f21; border-radius: 20px;}
.contacto:hover{background-color: #ff8f21; color: #fff;}
.contacto:hover a{ color: #fff;}
/* finalizan los estilos para el menu de cabecera ****************/

.btnNav{background-color: #3366CC; border-radius:8px;}
.esp{width: 100%; height: 50px; position: relative;
}

.logoHead{height: 60px;  display: inline-table; vertical-align: middle; position: absolute; left: 20px;}


.limitNav{width: 100%; max-width: 1600px; margin: 0 auto; position: relative; text-align: right; padding-right: 20px; box-sizing: border-box;}
.boxMaster{width: 100%; position: relative;height: auto; text-align: center;}
.limitBoxMaster{width: 100%; max-width: 1600px; height: auto; margin: 0 auto; margin-top: 0px;}


.boximgHead{overflow: hidden; text-align: center; position: relative;}
.boximgHead img{width: 100%; margin: 0 auto; position: relative; min-width: 800px;}
.micaN{width: 100%; height: 1000px; position: absolute; z-index: 4; background-color: #000; opacity: .5;}



.textCenHead{width: 100%; position: absolute; top: 50%; left: 50%; height: auto; position: absolute; z-index: 4; max-width: 650px;
			-webkit-transform: translate(-50%, -50%);
			-moz-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			-o-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
}

.textCenHead h1{font-size: 32px; color: #fff; font-weight: 300; width: 100%; padding: 20px; box-sizing: border-box; line-height: 34px;}


.btnClick{background-color: #3366CC; padding: 8px 16px; box-sizing: border-box; text-decoration: none; border-radius: 20px; z-index: 50; }
.btnClick2{background-color: #3366CC; padding: 8px 16px; box-sizing: border-box; text-decoration: none; border-radius: 8px; z-index: 50;}

.btnHead{background-color: #3366cc; padding: 4px 10px; border-radius: 10px; font-size: 20px;}

.imgPortada {width: 90%; position: relative; margin: 0 auto; max-width: 500px;}

.limitBoxHalf{width: 100%; height: auto; position: relative; display: inline-table; vertical-align: middle;}
.boxHalf60{width: 60%; height: auto; position: relative; display: inline-table; vertical-align: middle; text-align: left; padding: 20px; box-sizing: border-box; }
.boxHalf60 p{max-width: 820px;}
.boxHalf40{width: 39%; height: auto; position: relative; display: inline-table; vertical-align: middle;}
h2 {font-size: 35px; line-height: 50px; font-weight: 300; margin-bottom: 20px;}
.lineGray{width: 100%; height: 2px; background-color: #E5E7EB; position: relative;}



.limitTr{width: 100%; height: auto; position: relative; display: inline-table; vertical-align: middle; padding: 20px; box-sizing: border-box; max-width: 1600px}
.maxTit{max-width: 500px; margin: 0 auto; line-height: 32px; margin-bottom: 30px;}
.boxT{width: 22%; height: auto; position: relative; padding: 20px; box-sizing: border-box; border-radius: 8px; background-color: #EFEFEF; display: inline-table; vertical-align: top; margin: 10px; text-align: center; min-height: 250px; min-width: 350px;}
.boxT p{margin-bottom: 3px;}
.linkT{color: #3366CC; text-decoration: none; font-size: 15px;}


.boxSub3Tit{width: 100%; height: auto; position: relative; vertical-align: middle;display: inline-table; margin-bottom: -20px; text-align: center;}
.icon{width: 30px; height: 30px; position: relative; display: inline-table; vertical-align: middle;}
h3{font-weight: 400; font-size: 30px; display: inline-table; vertical-align: middle; margin-left: 10px; line-height: 30px; position: relative; z-index: 4;}

.titNovedad{position: absolute; z-index: 30; top: 30px; left: 30px;}
.boxNovedad{width: 100%; height: auto; position: relative; vertical-align: middle; background-color: #f2f3f3; color: #fff; margin-top: 10px;}
.boxDosNov{position: relative; width: 50%; margin: 0 auto; line-height: auto; display: inline-table; vertical-align: top; padding: 0px; box-sizing: border-box; text-align: left; color: #000; margin-left: -3px; margin-bottom: -7px;}
.linkNov{ padding: 10px 20px; color: #fff; text-decoration: none; border: solid 2px #fff; border-radius: 30px; font-size: 16px; font-weight: 500;}
.espLink{width: 100%; height: 15px; position: relative;}
.linkNov:hover{background-color: #FF8F21; color: #fff;}

.linkSol{ padding: 10px 20px; color: #000; border: solid 2px ; border-radius: 30px; font-size: 16px; font-weight: 500;}
.linkSol:hover{background-color: #FF8F21; color: #fff;}




.boxChat{position: fixed; bottom: 50px; right: 30px; z-index: 50; width: 60px; height: 60px; padding: 40px 0px; box-sizing: border-box;}
.boxChat img{width: 100%;}
.boxChat:hover .boxTxtChat{height: auto; width: 300px; padding: 20px 10px; right: 0px; bottom: 50px; opacity: 1;}
.boxTxtChat{position: absolute; bottom: -300px; right: 0px; height: auto; width: 300px; background-color: #2d2a52; padding: 0px 0px; box-sizing: border-box; font-size: 13px; color: #fff; border-radius: 8px; overflow: hidden; opacity: 0; 
    -webkit-transition: all 0.3s ease-in-out;
      -moz-transition:    all 0.3s ease-in-out;
      -o-transition:      all 0.3s ease-in-out;
      -ms-transition:     all 0.3s ease-in-out;
}
.boxSup{width: 300px; height: 300px;  position: absolute; bottom: -400px; right: 60px;}
.boxChat:hover .boxSup{bottom: -50px; right: 0px;}

.boxBienvenida{position: absolute; bottom: 50px; right: 0px; height: auto; width: 300px; background-color: #2d2a52; padding: 0px 10px; box-sizing: border-box; font-size: 15px; color: #fff; border-radius: 8px;  padding-bottom: 20px;
animation: Bienvenida  ease-in-out 10s ;

 -webkit-transition: all 0.3s ease-in-out;
      -moz-transition:    all 0.3s ease-in-out;
      -o-transition:      all 0.3s ease-in-out;
      -ms-transition:     all 0.3s ease-in-out;
}


@keyframes Bienvenida {
  0%   {bottom: -400px; opacity: 0;}
  94%   {bottom: -400px; opacity: 0;}
  100% {bottom: 50px; opacity: 1;}
}

.cerrarBienvenida{ height: 25px; width: 25px; background-color: #46b8ff; border-radius: 50%; z-index: 30; position: absolute; top: -10px; right: 15px;}
.opBienvenida{cursor: pointer}
.cerrarBienvenida{cursor: pointer}

/* estilos para el pie de pagina*/
footer{width: 100%; height: auto; background-color: #161616; padding: 20px; box-sizing: border-box;}
.limitFoot{width: 100%; height: auto; position: relative; max-width: 1600px; margin: 0 auto; display: inline-table;; vertical-align: top;}
.boxCuart{width: 20%; position: relative; display: inline-table; vertical-align: top; margin: 10px auto; text-align: left;}
.correo{background-color: transparent; border:none; box-shadow: none; border-radius: 8px; padding: 8px 16px; box-sizing: border-box;}
footer p{color: #fff; font-size: 12px;}
footer h4{color: #fff; margin-bottom: -7px;}

footer a{text-decoration: none;}

footer ul li{list-style: none; line-height: 12px;}

footer ul li h4{line-height: 22px;}

.lineFoot{width: 100%; height: auto; background-color: #F78014; padding: 3px 20px; box-sizing: border-box; overflow: hidden;}
.limitBoxBlue{width: 100%; max-width: 1400px; color: #fff; margin: 0 auto;}
.firma{font-size: 14px; float: left;}
.redes{float: right; margin-bottom: -40px; width: 120px; margin-top: 10px; z-index: 1;}
.iconNB{width: 50%; position: absolute; top: 50%; left: 50%; z-index: -1; 
		-webkit-transform: translate(-50%, -50%);
			-moz-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			-o-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
}


/*Seccion funciones de diseño anadido Index*/

.martesBoxHeader{position: relative inheritauto; width: 100%; text-align: center; vertical-align: middle; background:#CBD1D2; margin-top: 80px; text-align: center;}
.boxHeader{width: 100%; height: auto; min-height: 500px; position: relative; padding: 20px; box-sizing: border-box; text-align: center; vertical-align: middle; max-width: 1600px; margin: 0 auto; background:#CBD1D2; padding-top: 40px;}
.headerLeft{width: 49%; height: auto; position: relative; vertical-align: middle; display: inline-table; text-align: left;}
.headerRigt{width: 49%; height: auto; position: relative; vertical-align: middle; display: inline-table; text-align: center;}


.headerLeft h1{font-size: 55px; line-height: 50px; font-weight: bold; margin-bottom: 20px;}
.headerLeft h2{ font-size: 35px; margin-bottom: -30px; }
.linkHead{font-size: 18px; text-decoration: none; color: #000;  position: relative;  margin-right: 20px; border: none; border-bottom: solid 3px #000; padding: 3px; box-sizing: border-box;}
.linkHead:hover {background-color: #000; color: #fff;}

.linkHeadB{font-size: 18px; text-decoration: none; color: #fff;  position: relative;  margin-right: 20px; border: none; border-bottom: solid 3px #fff; padding: 3px; box-sizing: border-box;}
.linkHeadB:hover {background-color: #fff; color: #000;}

.masterSomos{position: relative inheritauto; width: 100%; text-align: center; vertical-align: middle; background:#CBD1D2;}
.boxSomos{width: 100%; height: auto; height: auto; position: relative; padding: 20px; box-sizing: border-box; text-align: center; vertical-align: middle; max-width: 1400px; margin: 0 auto;}
.iconSomos{width: 50px; display: inline-table; vertical-align: middle; margin-right: 5px;}
.boxTres{position: relative; width: 33%; margin: 0 auto; line-height: auto; display: inline-table; vertical-align: top; padding: 20px; box-sizing: border-box; text-align: left; color: #21272B;}
.boxTres h2{font-size: 24px; font-weight: 600; display: inline-table; vertical-align: middle; margin-bottom: -10px;}
.boxTres p{font-size: 14px;}
.boxTitSec{width: 100%; text-align: center; height: auto; position: relative; z-index: 3;}
.limitBoxTitSec{width: 100%; max-width: 1350px; margin: 0 auto; text-align: left;}
.tituloSec{display: block; text-align: left; font-size: 60px; font-weight: 900; font-family: Montserrat,sans-serif; position: relative; line-height: 50px;}
.lineTit{width: 50%; height: 4px; background-color: #000; position: absolute; bottom: -20px;}



.boxDoble{width: 64%; height: auto; position: relative; vertical-align: middle; display: inline-table; margin: 30px 0px;}
.boxDoble img{width: 100%;}

.titleSeccion{font-size: 29px; display: block; text-align: left; margin: 20x 0px;}
.titleSeccionB{font-size: 29px; display: block; text-align: left; margin: 20x 0px; color: #fff;}
.boxTresN{position: relative; width: 33%; margin: 0 auto; line-height: auto; display: inline-table; vertical-align: top; padding: 20px; box-sizing: border-box; text-align: left; color: #000;
		  -webkit-transition: all 0.3s ease-in-out;
		  -moz-transition:    all 0.3s ease-in-out;
		  -o-transition:      all 0.3s ease-in-out;
		  -ms-transition:     all 0.3s ease-in-out;
}

.boxTresN:hover{box-shadow: 3px 5px 13px 0px rgba(0,0,0,0.43);
-webkit-box-shadow: 3px 5px 13px 0px rgba(0,0,0,0.43);
-moz-box-shadow: 3px 5px 13px 0px rgba(0,0,0,0.43);}

.boxDosN{position: relative; width: 50%; margin: 0 auto; line-height: auto; display: inline-table; vertical-align: top; padding: 20px; box-sizing: border-box; text-align: left; color: #000; margin-left: -3px;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition:    all 0.3s ease-in-out;
		-o-transition:      all 0.3s ease-in-out;
		-ms-transition:     all 0.3s ease-in-out;
}
.boxDosN:hover{box-shadow: 3px 5px 13px 0px rgba(0,0,0,0.43);
-webkit-box-shadow: 3px 5px 13px 0px rgba(0,0,0,0.43);
-moz-box-shadow: 3px 5px 13px 0px rgba(0,0,0,0.43);}


.boxDosA{position: relative; width: 50%; margin: 0 auto; line-height: auto; display: inline-table; vertical-align: top; padding: 20px; box-sizing: border-box; text-align: left; color: #000; margin-left: -3px;}
.linkBoxN{color: #fff; padding: 10px 16px; box-sizing: border-box; font-weight: 600; font-size: 16px;  border-radius: 30px;}
.linkBox{color: #000; background-color: #fff; padding: 3px 8px; box-sizing: border-box; font-weight: 600; font-size: 16px; text-decoration: none;}

.blue{background-color: #00c0e3;}
.green{background-color: #2cd456;}
.orange{background-color: #ff7032;}
.purple{background-color: #d440d7;}
.yellow{background-color: #ffb300;}
.cian{background-color: #00d5a1;}


.boxDosN2{position: relative; width: 50%; margin: 0 auto; line-height: auto; display: inline-table; vertical-align: middle; box-sizing: border-box; text-align: left; color: #000; margin-left: -3px; text-align: center;}
.boxDosN2 img{width: 90%; max-width: 600px; position: relative; margin: 0 auto; text-align: center;}
.boxTxtSol{width: 80%; padding: 20px; box-sizing: border-box; text-align:  box-sizing: border-box; text-align: left; margin: 0 auto;}
.linkSolB{color: #fff; padding:8px 20px; box-sizing: border-box; border-radius: 20px; background-color: orange; font-weight: 400; text-decoration: none; margin-left: -10px; margin-top: 10px;}
.rounded{width: 150px;}


.boxSoluciones{width: 100%; height: auto; min-height: 500px; position: relative; padding: 20px; box-sizing: border-box; text-align: center; vertical-align: middle; max-width: 1600px; margin: 0 auto; background:#f2f3f3}
.fullImg{width: 100%;}

.masterIntegraciones{position: relative inheritauto; width: 100%; text-align: center; vertical-align: middle; background:#E2E2E2;}
.boxIntegraciones{width: 100%; height: auto; min-height: 500px; position: relative; padding: 20px; box-sizing: border-box; text-align: center; vertical-align: middle; max-width: 1600px; margin: 0 auto; background:#E2E2E2}
.contenCen{vertical-align: middle;}

.masterSoporte{position: relative inheritauto; width: 100%; text-align: center; vertical-align: middle; background:#cbd1d2;}
.boxSoporte{width: 100%; height: auto; min-height: 500px; position: relative; padding: 20px; box-sizing: border-box; text-align: center; vertical-align: middle; max-width: 1600px; margin: 0 auto; background:#000000}
.imgSop{width: 90%; max-width: 650px;}
.boxSoporte h4{font-size: 18px; font-weight: 400; }
.boxSoporte ul {list-style: none; margin-top: -10px;}
.boxSoporte ul li{list-style: none; font-size: 15px;}
.imgBackSup{position: absolute; top: 50%; left: 50%; width: 90%; max-width: 900px; z-index: 1;
			-webkit-transform: translate(-50%, -50%);
			-moz-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			-o-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
}

.superior{position: relative; z-index: 5;}

.put{display: none;} .quit{display: table;}
.hi{display: none;}


.experience{width: 100%; height: auto; position: relative; padding: 20px; box-sizing: border-box; text-align: center; vertical-align: middle; background-color: #383838;}
.limitExperience{width: 100%; max-width: 1200px; position: relative; vertical-align: middle; margin: 0 auto;}
.imageCen{width: 100%; max-width: 900px; position: relative; height: auto; margin: 0 auto;}
.txtCen{width: 100%;height: auto; position: relative; vertical-align: middle; color: #fff;}
.half{width: 49%; height: auto; text-align: left; vertical-align: middle; display: inline-table; color: #fff;}


/*testimonial estilos para el slider de los coemntarios de clientes*/
.testimonial-area {padding: 30px 0;background-size: cover;background-position: center;background-attachment: fixed; height: auto; margin-top: -40px;}
.testimonial-area p {color: #000;font-weight: 500;}
.testimonial-area .heading h2 {color: #000;}
.testimonial {padding: 20px;background: #fff;position: relative;transform: scale(0.8); padding-top: 100px;margin-top: 100px; transition: all 0.3s linear; border-radius: 4px;}
.testimonials .slick-slide.slick-current.slick-active.slick-center .testimonial {transform: scale(1);}
.author-img {position: absolute;width: 150px; max-height: 150px; border-radius: 200px; overflow: hidden;border: 5px solid #fff;top: -75px;left: 0;right: 0;margin: auto; box-shadow: 0 4px 10px rgba(0,0,0,0.1); background: #fff;}
.author-quote h4 {font-size: 20px;font-family: 'Dosis', sans-serif;letter-spacing: 0.5px; margin-top: -50px;}
.author-quote {text-align: center;}
.author-quote blockquote i {color: #ffbe00;font-size: 22px;padding: 0 5px;}
.author-quote blockquote {line-height: 30px;color: #676767;margin: 15px 0;}
ul.slick-dots li button {font-size: 0;height: 14px;width: 14px;padding: 0;border-radius: 100px;border: 0;background: #5745ae;border: 2px solid #fff; transition: all 0.3s ease;}
ul.slick-dots li {display: inline-block;margin: 0 3px;}
ul.slick-dots {list-style: none;padding: 0;margin: 0;text-align: center;}
ul.slick-dots li button {background-color: #fff;}
ul.slick-dots li.slick-active button {width: 30px; background-color: orange;}
.slick-arrow:after {content: "\f053";font-family: 'FontAwesome';font-size: 22px;}
.slick-arrow {position: absolute;top: 0;bottom: 0;height: 40px;width: 40px;font-size: 0;margin: auto;border: 0;background: rgba(255,255,255,0.5); z-index: 1;cursor: pointer;}
.slick-next.slick-arrow{left:inherit ; right: 0;}
.slick-next.slick-arrow:after{content:"\f054";}
.testimonials .slick-list.draggable {padding: 0 20px !important;}
.slick-next{display: none;}
button{background-color: organge;}

/*end*/

.heading h2 {position: relative;font-weight: 600;font-family: 'Dosis', sans-serif;text-transform: uppercase;padding: 0 0 10px;color: #231f20;}
.heading h2:before {position: absolute;content: '';height: 1px;width: 150px;background: #ffbe00;left: 0;right: 0;bottom: 1px;margin: auto;}
.heading h2:after {content: '';height: 3px;width: 50px;background: #3c377b;position: absolute;left: 0;right: 0;margin: auto;bottom: 0;}
.heading p {color: #000;}
.heading {text-align: center;padding: 20px 0;max-width: 750px;margin: 0 auto;}

/*media*/


/*Estilos para el Scroll infinito de lo logotipos*/

:root {
  --scroller-size: 500vw;
}

.scroller-container {
  overflow: hidden;
}
.scroller {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: var(--scroller-size);
  -webkit-animation: icon-scroller 60s linear 0s normal infinite;
          animation: icon-scroller 60s linear 0s normal infinite;
  will-change: transform;
}
.scroller-img {
  max-width: 150px;
  max-height: 90px;
}

@-webkit-keyframes icon-scroller {
  100% {
    transform: translateX(calc(var(--scroller-size)*-0.5));
  }
}

@keyframes icon-scroller {
  100% {
    transform: translateX(calc(var(--scroller-size)*-0.5));
  }
}

@media (max-width: 1200px) {
  :root {
    --scroller-size: 800vw;
  }
}
@media (max-width: 800px) {
  :root {
    --scroller-size: 1000vw;
  }
  .scroller-img {
    max-width: 130px;
    max-height: 80px;
  }
}
@media (max-width: 500px) {
  :root {
    --scroller-size: 1400vw;
  }
}


/*Seccion funciones adaptable*/
@media screen and (max-width: 1250px) {


.limitBoxMaster{margin-top: 80px;}
.boxT{width: 46%; margin: 10px 0px}
.boxHalf60{width: 100%;}
.boxHalf40{width: 70%;}
.boxHalf40 img{margin-top: 20px;}
nav ul{display: none;}
.logoHead{margin-top: 10px;}

.boxCuart{width: 30%}
.boxForm{width: 100%; text-align: center; max-width: 400px; display: block;}

.boxHalfPlan{width: 100%; max-width: 600px;}
.boxHalfPlanB{width: 100%;}
.txtPlan{width: 100%; padding: 0px;}
.boxHalfPlanA{width: 100%; max-width: 600px;}

.boxLForm {width: 100%;}
.boxRForm{width: 100%; position: relative; display: block; padding: 20px 15px; box-sizing: border-box; text-align: center;}
.inpHalf {width: 86%; margin-left: 0px;}
.boxTxtFormR{margin: 0 auto; position: relative; text-align: left;}

.boxTresN{width: 50%; margin-right: -3px;}
}


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

/*Agregado adicional deleteable*/
.boxTres{width: 50%; margin-right: -3px;}
.boxDoble{width: 50%; margin-right: -3px;}
.borderTres{border:none;}
.boxSomos{text-align: center;}
.headerLeft h1{font-size: 35px; line-height: 37px; font-weight: bold; margin-bottom: 20px;}
.headerLeft h2{ font-size: 24px; margin-bottom: -20px; }
.headerLeft{width: 100%; max-width: 600px;}
.headerRigt{width: 100%; max-width: 600px; margin-top: 30px;}


/*Inserción de los estilos para el menu en moviles 900 max width*/

.limitBoxMenu a{color: #fff; font-size: 20px;}
.limitBoxMenu ul{margin-left: -40px; margin-top: 80px;}
.limitBoxMenu{text-align: center; height: 0px; background-color: #000; color: #fff; overflow: hidden;}
.boxIzMenu{display: block; float: none; text-align: center; margin-left: 40px;}
.listaP{display: block; text-align: center; border-bottom: solid 2px #fff; line-height: 40px; max-width: 400px; margin: 0px auto;}
.lineLink{display: none;}
.subBox{position: relative; height: 0px; text-align: center; background: #000; width: 100%;}
.subBox a:hover{background-color:#262626 ;}
.contacto{border-bottom: solid 2px #ff8f21; background-color: #ff8f21; margin-top: 30px;}
.contacto a{color: #ffffff; }
.listaP:hover .subBox{height: auto; padding-top: 0px;}
.put{display: table;} .quit{display: none;}
.boxBtnMenu{display: table;}


.boxDosN2{width: 100%; text-align: center;}

.boxDosN2 img{width: 90%; max-width: 500px; margin: 0 auto; text-align: center; margin-bottom: -50px;}
.boxTxtSol{width: 100%; padding: 20px; box-sizing: border-box; text-align: center; padding-left: 20px; box-sizing: border-box;}
.linkSolB{color: #fff; padding:8px 20px; box-sizing: border-box; border-radius: 20px; background-color: orange; font-weight: 400; text-decoration: none;}
.rounded{width: 150px;}
}



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


.boxT{width: 100%; margin: 10px 0px}
.boxHalf40{width: 90%;}
.boxCuart{width: 45%; border-left: solid 2px #fff;}
.boxForm{width: 100%; text-align: center; max-width: 400px; display: block; border-left: none; margin-bottom: 30px;}
.boxfull{width: 91%;}
.firma{font-size: 12px; float: left;}
 footer{background-color: #161616;}

.cuadroArt{top: 0%;}
.webex{display: none;}
.planta{left: -5%; top: 55%; }
.espForm{display: none;}
.boxDosNov{width: 100%;}

/*Agregado adicional deleteable*/
.boxTres{width: 100%;}
.boxDosN{width: 100%;}
.boxTresN{width: 100%;}
.boxDoble {width: 100%;}
.boxDosA {width: 100%;}
.chao{display: none;}
.hi{display: table;}

.half{width: 100%;}


@media all and (max-width: 300px) {
	body {
		font-size: 14px;
	}
}

@media all and (max-width: 500px) {
	.testim .arrow {
		font-size: 1.5em;
	}
	
	.testim .cont div p {
		line-height: 25px;
	}

}


@media (max-width:574px){
    .testimonials .slick-list.draggable {padding: 0!important;}
}