body{
	margin:0;
	padding:0;
	font-family: 'Grotesque', sans-serif, Helvetica Neue, Helvetica !important;
	font-size:15px !important;
	font-weight: 300;
	background: #fff;
	color:#202020 !important;
	overflow-x: hidden !important;
}

@font-face {
    font-family: 'Grotesque';
    src: url(fonts/Galano-Grotesque-Light.otf) format("opentype");
    font-weight: normal;
}

@font-face {
    font-family: 'Grotesque';
    src: url(fonts/Galano-Grotesque-Medium.otf) format("opentype");
    font-weight: bold;
}

@font-face {
    font-family: 'Grotesque';
    src: url(fonts/Galano-Grotesque-Bold.otf) format("opentype");
    font-weight: 800;
}

*,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

::-moz-selection {
    color: #fff;
    background: #fe8a10;
}

::selection {
    color: #fff; 
    background: #fe8a10;
}

body::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #202020;
}

body::-webkit-scrollbar
{
	width: 8px;
	background-color: #202020;
}

body::-webkit-scrollbar-thumb
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background: #fe8a10;
}

.wrap{
	width: 1200px;
	height: auto;
	margin: 0 auto;
}

.flex{
	display: -webkit-box;
    display: -ms-flexbox;
    display:flex;
    justify-content:center;
	-ms-flex-align: center;
    align-items:center;
    -webkit-box-pack: center;
    -webkit-box-align: center;
}

.marginAuto{margin: 0 auto;}

.loader{
  position: relative;
  top: 50%;
  transform: translateY(-50%);

}

.bayleyssvg {
  display: block;
  margin: 0 auto;
}

#bayleys {
  fill: #fff;
  stroke: #fff;
}

#bayleys {
  stroke-width: 0;
  animation: logo 2s linear infinite;
}

@keyframes logo {
  0% {
    stroke-width: 2pt;
    stroke-dashoffset: 1200;
    fill-opacity: 0;
  }
  50% {
    fill-opacity: 0;
  }
  100% {
    stroke-dashoffset: 0;
    fill-opacity: 1;
    stroke-width: 0pt;
  }
}

.svg{margin: 0 auto;}

.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: #000; /* #755710 */
	/*
    background: -moz-linear-gradient(135deg, #755710 40%, #1c1c1c 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(40%,#755710), color-stop(100%,#1c1c1c));
    background: -webkit-linear-gradient(135deg, #755710 20%,#1c1c1c 100%);
    background: -o-linear-gradient(135deg, #755710 40%,#1c1c1c 100%);
    background: -ms-linear-gradient(135deg, #755710 40%,#1c1c1c 100%);
    background: linear-gradient(125deg, #755710 40%,#1c1c1c 100%);*/
}

header{
	width: 100%;
	height: auto;
	background: #202020;
	overflow: auto;
}

.logo{
	width: 242px;
	height: 54px;
	float: left;
	background: url(images/logo.png);
	margin: 12px 0;
}

.logo2{margin: 2px 0 0 0;}

nav a .clEffect{
	font-size: 12px;
}

.menu{
	float: right;
	padding: 11px 0 0 0;
	font-size: 13px;
	text-shadow: 2px 3px 0px #000;
}

.menuTop{
	background: rgba(0,0,0,1);
	box-shadow:0px 0px 8px 0px rgba(0,0,0,0.7);
	position:fixed; 
	top:0;
	width: 100%;
	z-index: 9999;
	padding: 8px 0;
}

#menu{
	background: rgba(32,32,32,0.97);
	box-shadow:0px 0px 8px 0px rgba(0,0,0,0.7);
	display: none;
	position:fixed; 
	top:0;
	width: 100%;
	z-index: 999;
	padding: 8px 0;
}

.menuFix{
	float: right;
	padding: 0;
	font-size: 13px;
}

.fixed{
	position:fixed; 
	top:0;
	width: 100%;
	z-index: 1;
}

a.listMenu:link, a.listMenu:visited{
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	margin: 0 0 0 16px;
	letter-spacing: 1.5px;
	transition:all 0.2s;
	font-size: 14px;
}

a.listMenu:hover{
	color: #d293ff;
	transition:all 0.2s;
}

.listMenuSelected{
	color: #d293ff !important;
	font-weight: 500;
}

section{
	background: url(images/bg1.jpg);
	height: auto;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 88%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 88%);
    padding: 80px 0 210px 0;
}

.quienesSomos{
	clear: both;
	-webkit-clip-path: polygon(0 0, 100% 12%, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 12%, 100% 100%, 0 100%);
    background: url(images/bg2.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 200px 0 70px 0;
    color: #fff;
    font-size: 16px;
    overflow: auto;
}

.contGeneralServicios, .contGeneralServiciosSeccion{
	float: left;
	z-index: 100;
    position: relative;
}

.contGeneralInsumos{
	float: left;
	z-index: 100;
    position: relative;
}

.contGeneralServicios2{
	width: 47%;
	float: left;
	margin-left: 1%;
	margin-right: 2%;
	position: relative;
	margin-bottom: 30px;
}

.contGeneralServicios2bottom{
	margin-bottom: 13px;
}

.contGeneralServiciosDerecha{
	float: right;
	margin-right: 1%;
}

.serviciosCont, .serviciosContSeccion{
	float: left;
	margin-top: -150px;
	position: relative;
}


.serviciosCont2, .galeriaCont{
	width: 100%;
	margin-top: -90px;
	display: inline-block;
	float: none;
}

.segundaServicios{
	float: left;
	position: relative;
	margin-top: 70px;
	margin-bottom: -90px;
}

.serviciosInicio{
	width: 280px;
	height: 300px;
	color: #202020;
	background: #fff;
	float: left;
	border-radius: 8px;
	box-shadow:0px 2px 13px 0px rgba(0,0,0,0.08);
	margin-right: 26px;
	padding: 0 20px;
	transition:all 0.5s;
	text-decoration: none;
}

.serviciosInicio:hover{
	box-shadow:0px 8px 18px 0px rgba(0,0,0,0.13);
	transition:all 0.5s;
	margin-top: -6px;
}

.serviciosDiv{
	width: 100%;
	border-top: 3px solid #fe8a10;
	padding: 0 25px;
}

.serviciosDiv:hover{margin-top: 0;}

a.consulte:link, a.consulte:visited{
	color: #fe8a10;
	text-decoration: none;
}

a.consulte:hover{
	border-bottom: 1px dashed #fe8a10;
}

.iconServicios{
	width: 78px;
	height: 68px;
	background: url(images/icons.png);
	background-position: 0 0;
	margin: 25px auto;
}

.iconServicios2{
	width: 57px;
	height: 50px;
	background: url(images/icons2.png);
	background-position: 0 0;
	margin: 25px auto;
}

.iconServiciosSeccion{
	margin: 25px 15px 25px 0;
	float: left;
}

.iconMantenimiento{
	width: 68px;
	background-position: -107px 0;
}

.iconMantenimiento2{
	width: 50px;
	background-position: -77px 0;
}

.iconSoporteRemoto{background-position: -211px 0;}
.iconSoporteRemoto2{background-position: -151px 0;}

.iconCalibraciones{
	width: 63px;
	background-position: -312px 0;
}

.iconCalibraciones2{
	width: 46px;
	background-position: -218px 0;
}

.iconReparacion{
	width: 47px;
	background-position: -411px 0;
}

.iconReparacion2{
	width: 34px;
	background-position: -288px 0;
}

.iconCapacitaciones{
	width: 76px;
	background-position: -501px 0;
}

.iconCapacitaciones2{
	background-position: -349px 0;
}

.iconCapacitacionesSoft{
	width: 77px;
	background-position: -601px -2px;
}

.iconCapacitacionesSoft2{
	width: 61px;
	background-position: -430px 0;
}

.iconConfiguracion{
	width: 69px;
	background-position: -704px -5px;
}

.iconConfiguracion2{
	width: 62px;
	background-position: -516px 0;
}

.novedad{
	border-radius: 50px;
	background: #fe8a10;
	color: #fff;
	text-transform: uppercase;
	padding: 0px 20px 4px 20px;
	font-weight: bold;
	font-size: 12px;
	position: absolute;
	right: 0;
	top: -11.5px;
}

.iconQuienesSomos{
	width: 68px;
	height: 68px;
	border-radius: 50%;
	background: #fff;
	box-shadow:0px 2px 13px 0px rgba(0,0,0,0.08);
	float: left;
}

.iconQuienes{
	width: 56px;
	height: 37px;
	background: url(images/icons.png);
	background-position: -797px -17px;
	margin: 15.5px 6px;
}

h1{
	text-transform: uppercase;
	font-size: 40px !important;
	color: #ffa837 !important;
	clear: both;
	margin: 0 !important;
	font-weight: 800 !important;
	line-height: 1.5 !important;
}

.barGris{
	width: 25px;
	height: 1px;
	background: #cbcbcb;
}

.barNaranja{background: #fe8a10;margin:25px 0;}
.barPadding{margin: 12px 0;}

.serviciosInicio span{
	font-weight: 800;
	text-align: center;
	margin: 25px 0;
	display: block;
	font-size: 20px;
	line-height: 1.2;
}

.serviciosDiv span{
	text-align: left;
	margin-top: 38px;
}

.spanTop{margin-top: 22px !important;}

.servicioInfo{
	color: #5f5f5f;
	line-height: 1.8;
	font-size: 15px;
	font-weight: bold;
	float: left;
}

a.masInfo:link, a.masInfo:visited{
	width: 180px;
	color: #fff;
	text-align: center;
	background: #fe8a10;
	border-radius: 50px;
	padding: 7px 0 11px 0;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 13px;
	margin: 0 auto;
	clear: both;
	transition:all 0.5s;
	font-weight: bold;
}

a.masInfo:hover{
	background: #202020;
	transition:all 0.5s;
}

a.leerMas:link, a.leerMas:visited{
	width: auto;
	clear: both;
	display: block;
	float: left;
	border: 2px solid #fff;
	background: transparent;
	padding: 7px 22px 11px 22px;
	transition:all 0.5s;
	margin-top: 25px;
}

a.leerMas:hover{
	background: #fe8a10;
	transition:all 0.5s;
	border: 2px solid #fe8a10;
}

.contMasInfo{
	width: 280px;
    bottom: -19px;
    position: absolute;
}

.izquierdaInfo{
	float: left;
	width: 569px;
}

.izquierdaInfo span{
	clear: both;
	display: block;
	line-height: 1.8;
}

.derecha{
	float: right;
	margin-top: 60px;
	-webkit-transform: translatey(0px);
    transform: translatey(0px);
    -webkit-animation: float 6s ease-in-out infinite;
    animation: float 6s ease-in-out infinite;

}

/* Floating */

@-webkit-keyframes float {
  0% {
    -webkit-transform: translatey(0px);
            transform: translatey(0px);
  }
  50% {
    -webkit-transform: translatey(-14px);
            transform: translatey(-14px);
  }
  100% {
    -webkit-transform: translatey(0px);
            transform: translatey(0px);
  }
}

@keyframes float {
  0% {
    -webkit-transform: translatey(0px);
    transform: translatey(0px);
  }
  50% {
    -webkit-transform: translatey(-14px);
    transform: translatey(-14px);
  }
  100% {
    -webkit-transform: translatey(0px);
            transform: translatey(0px);
  }
}

/* Footer */

.whatsapp-button {
	z-index: 999;
}

footer{
	background: #252525;
	color: #fff;
	padding: 50px 0;
	overflow: auto;
	line-height: 1.8;
}

footer span{
	font-weight: 800;
	font-size: 20px;
	text-transform: uppercase;
}

.infoFooter{
	float: left;
	width: auto;
	margin-right: 75px;
}

.copyrightFooter{
	background: #1b1b1b;
	padding: 25px 0;
	color: #fff;
	text-align: center;
	line-height: 1.6;
}

a.gh:link, a.gh:visited{
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	transition:all 0.5s;
}

a.gh:hover{
	color: #fe8a10;
	transition:all 0.5s;
}

.link {
  color: #2175ff;
  cursor: pointer;
  font-weight: 400;
  text-decoration: none;
}

.link--arrowed {
  display: inline-block;
  height: 2rem;
  line-height: 2rem;
  float: right;
}

.link--arrowed .arrow-icon {
  position: relative;
  top: -1px;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  vertical-align: middle;
  top: -59px;
  right: 12px;
}
.link--arrowed .arrow-icon--circle {
  transition: stroke-dashoffset 0.3s ease;
  stroke-dasharray: 95;
  stroke-dashoffset: 95;
}
.link--arrowed:hover .arrow-icon {
  -webkit-transform: translate3d(5px, 0, 0);
          transform: translate3d(5px, 0, 0);
}
.link--arrowed:hover .arrow-icon--circle {
  stroke-dashoffset: 0;
}

/* SERVICIOS */

.servicios{
	color: #fff;
	font-size: 68px;
	text-shadow: 0px 2px 8px rgba(0,0,0,0.35);
	font-weight: 800;
	text-align: center;
	line-height: 1.3;
	padding: 100px 0 200px 0;
	background: url(images/bg3.jpg);
	height: auto;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.servicios span{
	font-size: 22px;
	text-align: center;
	clear: both;
	display: block;
	font-weight: bold;
}

/* INSUMOS */

.insumos{
	color: #fff;
	font-size: 66px;
	text-shadow: 0px 2px 8px rgba(0,0,0,0.35);
	font-weight: 800;
	text-align: center;
	line-height: 1.3;
	padding: 100px 0 150px 0;
	background: url(images/bg4.jpg);
	height: auto;
    background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
    background-size: initial;
}

.insumos span{
	font-size: 22px;
	text-align: center;
	clear: both;
	display: block;
	font-weight: bold;
}

.insumosCont{
	width: 960px;
	margin: 50px auto 50px auto;
	overflow: auto
}

.insumosCont span{
	color: #202020;
	line-height: 1.8;
	font-weight: bold;
}

.insumosCont p{margin: 0 0 20px;}
.insumosTextp{margin: 0 0 35px !important;}

.botonProductos{
	margin-top: -48px;
	position: relative;
}

a.verInsumos:link, a.verInsumos:visited{background: #202020;}
a.verInsumos:hover{background: #000;}

h2{
	border: 2px solid #fe8a10;
	font-weight: 800 !important;
	color: #202020 !important;
	font-size: 26px !important;
	padding: 10px 15px 15px 15px;
}

.originalText{
	font-weight: 800;
	line-height: 1.6;
	float: left;
	margin-left: 25px;
	margin-top: 9.5px;
}

.insumosCont img{float: left;}

.insumosProductos{
	padding: 50px 0 50px 0;
	width: 100%;
	height: 100%;
    position: relative;
    display: inline-block;
}

.insumosProductos img{
	margin-top: -30px;
	margin-bottom: 0px;
}

.imgPadding{
	position: relative;
    right: -10px;
}

.paddingProductos{padding: 0 10px;}
.bottomInsumos{margin-bottom: 70px;}
.bottomInsumos2{margin-bottom: 30px;}
.paddingProductos:hover{margin-top: 0px;}

h3{
	font-size: 42px !important;
	text-align: center;
	text-transform: uppercase;
	font-weight: 800 !important;
	margin-bottom: 70px !important;
}

/* CAPACITACIONES */

.capacitaciones{
	background: url(images/bg5.jpg);
	height: auto;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0 150px 0;
}

.capacitacionesCont{
	width: 1200px;
	margin: 40px auto 50px auto;
	display: inline-block;
	overflow: initial;
}

.capacitacionesTitulos{
	width: 30%;
	margin-top: 15px;
	float: left;
	line-height: 2.2;
	font-weight: bold;
	margin-right: 5%;
}

.capacitacionesTitulos span{
	font-weight: 800;
	float: left;
	margin-top: 3px;
}

.masCap{
	width: 16px;
	height: 16px;
	margin-top: 12px;
	background: #fe8a10;
	border-radius: 50%;
	color: #fff;
	line-height: 1.2;
	text-align: center;
	float: right;
	font-family: Helvetica, Arial, sans-serif;
}

a.capLink:link, a.capLink:visited{
	text-decoration: none;
	color: #202020;
	transition:all 0.5s;
}

a.capLink:hover{
	color: #fe8a10;
	transition:all 0.5s;
}

/* Modal */

.modal-window {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.25);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s;
}
.modal-window:target {
  opacity: 1;
  pointer-events: auto;
}
.modal-window > div {
  width: 400px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 2em;
  background: #ffffff;
  color: #333333;
}

.modal-close {
  font-size: 80%;
  position: absolute;
  right: 10px;
  text-align: center;
  top: 10px;
  padding: 8px 12px 8px 12px;
  text-decoration: none;
  background: #fe8a10;
  color: #fff;
  border-radius: 50%;
  font-weight: bold;
  letter-spacing: 0.5px;
  transition:all 0.5s;
  font-family: Helvetica, Arial, sans-serif;
}

.modal-close:hover {
  color: #fff;
  background: #202020;
  text-decoration: none;
  transition:all 0.5s;
}

.nosotrosCont{margin: 25px auto 40px auto;}
.imgQuienesSomos{margin-bottom: 60px;}

.nosotros{
	background: url(images/bg6.jpg);
	height: auto;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Demo Styles */

.container {
  display: grid;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

.btn {
  background-color: #fff;
  padding: 1em 1.5em;
  border-radius: 3px;
  text-decoration: none;
}
.btn i {
  padding-right: 0.3em;
}

/* CONTACTO */

.contactoTop{
	background: url(images/bg7.jpg);
	height: auto;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.contactoCont{
	width: 800px;
	margin: 0 auto;
}

.contactoIzquierda{
	width: 425px;
	float: left;
}

.contactoDerecha{
	width: 315px;
	float: right;
	font-weight: bold;
}

.contactoDerecha span{
	font-weight: 800;
	font-size: 20px;
}

.svgContacto{
	float: left;
	margin: 12px 10px 0 0;
}

.svgContacto2{margin: 2px 10px 0 0;}

.contacto input[type="text"], .contacto textarea, select{
width:100%;
height:50px;
padding:0px 18px 0px 18px;
background:transparent;
border: 2px solid #202020;
border-radius: 8px;
outline:0;
display:block;
color:#202020;
font-weight: 600;
font-size:14px;
font-family: 'Grotesque', Helvetica Neue, Helvetica, sans-serif;
margin:0 0 20px 0;
float:left;
clear:both;
transition: 0.3s ease-in;
}

.contacto input[type="text"]:focus, .contacto textarea:focus{
box-shadow: none;
border: 2px solid #fe8a10;
transition: 0.3s ease-in;
background: #fff;
color: #202020;
}

.contacto textarea{
height:147px;
max-height: 250px;
max-width: 425px;
min-height: 130px;
min-width: 425px;
padding:15px 18px 0px 18px;
}

.contacto label{
	text-transform: uppercase;
	font-weight: 800;
	font-size: 14px;
	letter-spacing: 0.8px;
	margin-bottom: 8px;
}

.enviarMsj{
	width: 180px;
	color: #fff;
	text-align: center;
	background: #fe8a10;
	border-radius: 50px;
	padding: 11px 0 15px 0;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 13px;
	clear: both;
	transition:all 0.5s;
	font-weight: bold;
	border: none;
	outline: 0;
	display: block;
}

.enviarMsj:hover{
	background: #202020;
	transition:all 0.5s;
	cursor: pointer;
}

/* GALERIA */

.gallery1 img{
    width: 100%;
    cursor: pointer;
    margin-bottom: 30px;
}

.galeriaCont img{border: 3px solid transparent;outline: 2px dashed #fe8a10;}

/* ------------------- */

.firstText{
	color: #fff;
	text-shadow: 0px 2px 1px rgba(0,0,0,0.5);
	font-weight: 200;
	font-size: 42px;
	line-height: 1.3;
	position: relative;
	text-align: center;
	clear: both;
	display: block;
}

.font400{font-weight:400;}

.middleCenter{
	width: 100%;
	position: absolute;
	top: 52%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 34px;
	line-height: 1;
	z-index: 100 !important;
}

.parallaxCenter{
	width: 100%;
	left: 25%;
	position: absolute;
}

.parrallaxImg{display: block;}

.scene {padding: 0; margin: 0;}

a.descubre:link, a.descubre:visited{
	border-radius: 60px;
	border: 1px solid #fff;
	color: #fff;
	position: relative;
	font-size: 18px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 16px 35px;
	text-shadow: 0px 2px 1px rgba(0,0,0,0.5);
	letter-spacing: 1.5px;
	box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
	transition:all 0.5s;
}

a.descubre:hover{
	background: #fff;
	color: #000;
	text-shadow: none;
	transition:all 0.5s;
}

.buttonD{
	width: 224px;
	height: 101px;
	clear: both;
	display: block;
	margin: 35px auto 0 auto;
}

.menu-responsive{
	float: right;
}

.title{
	color: #7e22bf;
	font-size: 36px;
	letter-spacing: -0.5px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 900;
	line-height: 1;
	clear: both;
	display: block;
}

.subtitle{
	color: #373737;
	font-size: 16px;
	letter-spacing: 2px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 400;
	clear: both;
	display: block;
}

.titleYsub{margin: 45px 0;}
.servicesTitles{margin: 30px 0;}

.contCircle{
	width: 100%;
	height: 503px;
	background: url(images/violetBG.jpg) center no-repeat;
	margin: -21px 0 0 0;
}

.circleGrey{
	background: url(images/greyBG.jpg) center no-repeat;
	z-index: -999;
	position: relative;
	clear: both;
	float: left;
}

.circleIconBlack{
	width: 42px;
	height: 42px;
	background: url(images/blackIcons.png);
	background-position: -147px 0;
	margin: 0 auto;
	position: relative;
}

.tick{background-position: -100px 0;}
.services{background-position: -196px 0;margin-top: -21px;}
.portfolio{background-position: -50px 0;}
.contact{background-position: 0 0;}

.contIconBlack{
	width: 65px;
	background: #fff;
	margin: -21px auto 0 auto;
}

.contPlanes{
	padding: 70px 0;
}

.plan{
	width: 280px;
	height: auto;
	padding: 20px 0;
	border-radius: 6px;
	box-shadow:0px 2px 6px 0px rgba(0,0,0,0.5);
	float: left;
	transition:all 0.5s;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(245,238,250,1) 51%, rgba(245,238,250,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(245,238,250,1) 51%,rgba(245,238,250,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 55%,rgba(245,238,250,1) 56%,rgba(245,238,250,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5eefa',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.plan:hover{
	box-shadow:0px 2px 6px 0px rgba(255,255,255,0.5);
	margin-top: -15px;
	transition:all 0.5s;
	cursor: pointer;
}

.planCenter{
	margin: 0 60px 45px 60px;
	background: #df4bff;
}

.planCenter span{
	color: #fff;
}

.titlePlan{
	width: 100%;
	color: #000;
	font-size: 22px;
	font-weight: 700;
	text-transform: uppercase;
	float: left;
	margin: 0 0 0 20px;
	clear: both;
	display: block;
}

.separator{
	width: 18px;
	height: 4px;
	border-radius: 10px;
	background: #7e22bf;
	float: left;
	margin: 8px 0 0 20px;
}

.planInfo{
	color: #606060;
	margin: 18px 20px 18px 20px;
	float: left;
	line-height: 1.5;
}

.pricePlan{
	color: #fff;
	background: #aa33ff;
	font-size: 20px;
	padding: 4px 10px;
	float: left;
	font-weight: 700;
	font-family: Nunito, Helvetica, Arial, Trebuchet MS !important;
	margin: 0 0 0 20px;
}

a.verDemo:link, a.verDemo:visited{
	text-decoration: none;
	color: #7e22bf;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 500;
	margin: 9.7px 14px;
	float: left;
}

.demoEmpresarial{color:#fff !important;}

.expectativas{margin: -145px 0 0 0;}

.contactanos{
	margin: 40px 0 0 0;
	display: block;
	clear: both;
	overflow: auto;
}

.line{
	width: 100%;
	height: 1px;
	background: #eaeaea;
}

.stepsExp{
	margin: 85px 0;
	float: left;
}

.circleSteps{
	width: 18px;
	height: 18px;
	float: left;
	background: #7e22bf;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	text-align: center;
	border-radius: 50%;
	margin: -32px 0 0 -28px;
}

.step1{
	width: 300px;
	height: auto;
	float: left;
}

.stepCenter{
	margin: 0 30px;
}

.circleIconPurple{
	width: 65px;
	height: 65px;
	background: url(images/purpleIcons.png);
	background-position: -1px 0;
	float: left;
	margin: -32.5px 0 0 10px;
}

.purple2{background-position: -80px 0;}
.purple3{background-position: -162px 0;}

.purple4{
	background-position: -244px 0;
	margin: -56px auto 0 auto;
	float: none;
	}

.purple5{background-position: -326px 0;}
.purple6{background-position: -405px 0;}
.purple7{background-position: -481px 0;}
.purple8{background-position: -557px 0;}
.purple9{background-position: -632px 0;}

.titleSteps{
	font-size: 18px;
	color: #000;
	text-align: center;
	font-weight: 800;
	text-transform: uppercase;
	clear: both;
	display: block;
	margin: 15px 0 15px 0;
}

.linePurple{
	width: 15px;
	height: 1px;
	background: #7e22bf;
	margin: 0 auto;
}

.stepsText{
	text-align: center;
	color: #262626;
	margin: 15px 0 15px 0;
	line-height: 1.8;
	font-weight: 400;
}

.bgBrain{
	width: 317px;
	height: 472px;
	background: url(images/bgBrain.png);
	background-size: 100% 100%;
	position: absolute;
	z-index: -1;
	left: 0;
}

.bgContact{
	width: 335px;
	height: 514px;
	background: url(images/bgContact.png);
	margin: 750px 0 0 0;
}

.bgRocket{
	width: 292px;
	height: 531px;
	background: url(images/bgRocket.png);
	background-size: 100% 100%;
	z-index: -1;
	right: 0;
	position: absolute;
	margin: -425px 0 0 0;
}

.imgServices{
	width: 624px;
	height: 519px;
	background: url(images/serviceImg.png);
	margin: -10px auto 0 auto;
}

.imgServicesRpw{display: none;}

.imgSeparator{
	width: 960px;
	height: 36px;
	background: url(images/barSeparate.png);
	margin: 160px 0 35px 0;
	float: left;
}

.service1{
	width: 310px;
	height: auto;
	border: 4px solid #ececec;
	padding: 20px 30px;
	margin: 20px 0 55px 0;
	text-align: center;
	float: left;
}

.serviceCenter{
	margin-left: 15px;
	margin-right: 15px;
}

.circlePortfolio{
	margin: 25px 0 0 0;
}

.centerImg{
	margin: -16px 0 0 -20px;
	box-shadow:0px 2px 8px 0px rgba(0,0,0,0.7);
	position: relative;
	z-index: 999;
}

.centerImg:hover{
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.leftImg{
	-webkit-filter: blur(3px);
    filter: blur(3px);
}

.rightImg{
	margin: 0 0 0 -20px;
	-webkit-filter: blur(3px);
    filter: blur(3px);
}

.leftImg:hover, .rightImg:hover{
	-webkit-filter: blur(0px);
    filter: blur(0px);
}

.contImgs{
	margin: 30px 0 -20px 5px;
	display: block;
	float: left;
	clear: both;
	display: block;
}

.imgPortfolio{
	transition:all 0.4s;
}

.imgPortfolio:hover{
	transition:all 0.4s;
	box-shadow:0px 2px 8px 0px rgba(0,0,0,0.7);
}

a.verMas:link, a.verMas:visited{
	width: 210px;
	margin: -50px auto 0 auto;
	text-align: center;
	display: block;
	position: relative;
	clear: both;
	z-index: 999;
	text-decoration: none;
	color: #000;
	border-radius: 40px;
	background: #fff;
	padding: 8px 0;
	font-weight: 700;
	text-transform: uppercase;
	box-shadow:0px 2px 5px 0px rgba(0,0,0,0.5);
	transition:all 0.4s;
}

a.verMas:hover{
	background: #7e22bf;
	color: #fff;
	transition:all 0.4s;
}

/* Contacto */

.formcont{
	margin: 35px auto;
	overflow: auto;
}

.infoFooter input[type="text"]{
	margin-top: 10px;
}

input[type="text"], textarea, select{
width:100%;
height:45px;
padding:0px 18px 0px 18px;
background:transparent;
border: 2px solid #fe8a10;
outline:0;
display:block;
color:#fff;
font-weight: 600;
font-size:14px;
font-family: 'Grotesque', Helvetica Neue, Helvetica, sans-serif;
margin:0 0 20px 0;
float:left;
clear:both;
transition: 0.3s ease-in;
}

input[type="text"]:focus, textarea:focus{
box-shadow: none;
border: 2px solid #fff;
transition: 0.3s ease-in;
background: #fff;
color: #202020;
}

textarea{
height:147px;
max-height: 250px;
max-width: 400px;
min-height: 130px;
min-width: 400px;
padding:15px 18px 0px 18px;
}

select:select{
	outline: 0;
}

.recaptchaS{
	display: block;
	clear: both;
	margin: 0 0 20px 0;
}

.wpp{
	text-align: center;
	margin: 0 auto;
	display: block;
	font-weight: 400;
}

.footer2{
	height: auto;
	background: transparent;
    display: block;
    padding: 50px 0 !important;
    margin: 0;
    position: relative;
}

a.masInfoPlanes:link, a.masInfoPlanes:visited{
	width: 210px;
	margin: 0 auto 50px auto;
	text-align: center;
	display: block;
	position: relative;
	clear: both;
	z-index: 999;
	text-decoration: none;
	color: #000;
	border-radius: 40px;
	background: #fff;
	padding: 10px 0;
	font-weight: 700;
	text-transform: uppercase;
	box-shadow:0px 2px 5px 0px rgba(0,0,0,0.5);
	transition:all 0.4s;
}

a.masInfoPlanes:hover{
	background: #7e22bf;
	color: #fff;
	transition:all 0.4s;
}

a.contratanos:link, a.contratanos:visited{
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	padding: 8px 15px;
	float: right;
	font-weight: 700;
	border: 2px solid #fff;
	margin: 4px 0 0 10px;
	transition:all 0.4s;
	font-size: 15px;
}

a.contratanos:hover{
	transition:all 0.4s;
	background: #a949ec;
	border: 2px solid #a949ec;
}

a.contratanosFix{font-size: 13px !important;}

.offset:before { 
	display: block; 
 	content: " "; 
  	height: 80px;
    margin-top: -80px;
    visibility: hidden; 
}

.offset2:before{
	display: block; 
 	content: " "; 
  	height: -260px;
    margin-top: 260px;
    visibility: hidden; 
}

/* Planes */

.topPlanes{
	margin: 79px 0 0 0;
	background: #562678 url(images/bgPortfolio.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	color: #fff;
    display: block;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 88%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 88%);
    padding: 75px 0 135px 0;
}

.topPortfolio{
	margin: 79px 0 0 0;
	background: #562678 url(images/bgPortfolio.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 501px;
	color: #fff;
    display: block;
    padding-top: 30px;
    overflow: auto;
}

.portfolioIzq{
	float: left;
	width: 580px;
	margin: 156px 0 0 0;
}

.topPortfolio img{
    float: right;
    position: relative;
    margin-top: 0px;
}

.textPortfolio{
	line-height: 1.7;
	text-align: justify;
	text-shadow: 0px 2px 5px rgba(0,0,0,0.50);
	float: left;
	font-weight: 400;
}

.topPortfolio span{
	font-size: 42px;
	font-weight: 800;
	text-transform: uppercase;
	margin: 0 auto 10px auto;
	text-shadow: 0px 3px 5px rgba(0,0,0,0.50);
	margin-bottom: 10px;
    float: left;
}

.topPlanes span{
	text-align: center;
	font-size: 42px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0 auto 10px auto;
	display: block;
	text-shadow: 0px 3px 5px rgba(0,0,0,0.50);
}

.portfolioWebs{
	padding: 40px 0 0 0;
	overflow: auto;
}


.imgP1{
	width: 480px;
	height: 300px;
	position: relative;
	background: url(images/1p.jpg);
	background-size: 100% 100%;
  	background-position: center center;
  	transition-duration: 0.4s;
	padding: 60px 0 0 40px;
	float: left;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
}

.imgP1:hover{background-size: 120% 120%;}

.imgP2{background: url(images/p2.jpg);background-size: 100% 100%;
  	background-position: center center;
  	transition-duration: 0.4s;}
.imgP3{background: url(images/p3.jpg);background-size: 100% 100%;
  	background-position: center center;
  	transition-duration: 0.4s;}
.imgP4{background: url(images/p4.jpg);background-size: 100% 100%;
  	background-position: center center;
  	transition-duration: 0.4s;}
.imgP5{background: url(images/p5.jpg);background-size: 100% 100%;
  	background-position: center center;
  	transition-duration: 0.4s;}
.imgP6{background: url(images/p6.jpg);background-size: 100% 100%;
  	background-position: center center;
  	transition-duration: 0.4s;}

.imgP1 span{
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 700;
	text-shadow: 0px 3px 5px rgba(0,0,0,0.50);
}

.infoPortfolio{
	text-shadow: 0px 3px 5px rgba(0,0,0,0.50);
	margin-top: 2px;
}

.webPortfolio{
	float: left;
	color: #000;
	background: #90ce3f;
	text-transform: uppercase;
	border-radius: 5px;
	padding: 7px 14px;
	font-size: 13px;
	font-weight: 600;
	margin-top: 15px;
}

.webLanding{
	background: #357ef6;
	color: #fff;
}

.webEmpresarial{background: #e5810c;}

.portfolioWebs a{
	text-decoration: none;
	color: #fff;
}

.textPlan{
	width: 500px;
	margin: 0 auto;
	display: block;
	line-height: 2;
	text-align: center;
}

.planS{
	background: #fff;
	width: 280px;
	height: auto;
	padding: 20px;
	float: left;
	box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.25);
	border-top: 5px solid #f840ff;
	margin: -75px 0 0 0;
	position: relative;
}

.titlePlans{margin: 0 !important;}
.linePlans{float: left;margin: 8px 0 0 0;}

.price{
	display: block;
	clear: both;
	float: left;
	font-size: 34px;
	letter-spacing: -1px;
	font-weight: 900;
	color: #7e22bf;
	font-family: Nunito, Helvetica, Arial, Trebuchet MS !important;
}

.aTanSolo{
	float: left;
	clear: both;
	display: block;
	margin: 20px 0 0 0;
	font-size: 16px;
}

a.contratarPlans:link, a.contratarPlans:visited{
	text-decoration: none;
	width: 150px;
	color: #fff;
	background: #5eb510;
	padding: 15px 0;
	text-align: center;
	border-radius: 5px;
	display: block;
	font-weight: 700;
	font-size: 14px;
	text-shadow: 0px 0px 8px rgba(0,0,0,0.60);
	transition:all 0.3s;
	margin: 15px auto;
	text-transform: uppercase;
	letter-spacing: 1.5px;
}

a.contratarPlans:hover{
	background: #73d718;
	transition:all 0.3s;
}

a.ejemplosPlans:link, a.ejemplosPlans:visited{
	background: #7e22bf;
	margin: 15px 0 0 0;
}

a.ejemplosPlans:hover{
	background: #9b2cea;
}


.specsPlans{
	width: 100%;
	float: left;
	display: block;
	line-height: 2.4;
	font-size: 13px;
	font-weight: 400;
}

.dominioYhost{
	line-height: 1.5 !important;
	font-weight: 600;
	float: left;
	display: block;
	font-size: 13px;
	margin: 15px 0 0 0;
}

.plansMedida{
	float: left;
	line-height: 1.8;
	display: block;
	font-size: 13px;
	font-weight: 400;
}

.plansCenter{
	margin: -75px 60px 0 60px;
}

.contPlans{
	height: 780px;
	display: block;
	clear: both;
}

.tickPlans{
	width: 16px;
	height: 16px;
	background: url(images/tickImg.png);
	background-position: 0 0;
	float: right;
	margin: 7px 0 0 0;
}

.errPlans{background-position: -20px 0;}

.mercadopago{
	box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.25);
	border-top: 4px solid #009ee3;
	margin: 16px 0 0 0;
	float: left;
	position: relative;
	margin: 35px 0 0 50px;
}

/* Planes */

.fullBackground2{
	background: url(images/planesBG2.jpg) center no-repeat;
	background-size: cover;
}

.fullBackground3{
	background: url(images/planesBG5.jpg);
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	padding: 100px 0 25px 0;
	z-index: 99;
	position: relative;
	border-top: 3px solid #061132;
}

.fullBackground4{
	background: url(images/planesBG5.jpg) center no-repeat;
	background-size: cover;
	padding: 100px 0;
	z-index: 99;
	position: relative;
	margin: -55px 0 0 0;
}

.wrap2{
	width: 1380px;
	height: auto;
	margin: 0 auto;
}

.circAma{
	width: 6px;
	height: 6px;
	border-radius: 50%;
	float: left;
	background: #eed130;
	margin: 5px 3px 0 0;
}

.textPlanesServicios{
	text-shadow: 0px 0px 10px rgba(0,0,0,0.65);
	float: left;
	color: #fff;
	width: 500px;
	line-height: 2;
	clear: both;
	margin: 20px 0;
}

.inviPlanes{
	float: right;
	margin: -10px 20px 0 0;
}

.contrataPlan{
	float: left;
	width: 500px;
	z-index:999;
}

.webImg{
	float: right;
	box-sizing: content-box;
}

.middleCenterInicio{
	position: absolute;
	top: 52%;
	left: 50%;
	line-height: 1;
	z-index: 100 !important;
}

.middleCenterInicio2{
	position: absolute;
	top: 30%;
	line-height: 1;
	z-index: 100 !important;
}

.serviRight{
	float: right;
}

#particle {
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:0;
}

.landing{
	width: 33.33%;
	height: 500px;
	background: url(images/planesBG1.jpg) center no-repeat;
	background-size: cover;
	float: left;
}

.empresarial{
	width: 33.33%;
	height: 500px;
	float: left;
	background: url(images/planesBG3.jpg) center no-repeat;
	background-size: cover;
}

.medida{
	width: 33.33%;
	height: 500px;
	background: url(images/planesBG4.jpg) center no-repeat;
	background-size: cover;
	float: left;
}

.webImg2{float: left;}

.aPartirDe{
	color: #fff;
	font-family: Nunito, Helvetica, Arial, Trebuchet MS !important;
	text-shadow: 0px 0px 10px rgba(0,0,0,0.65);
	clear: both;
	float: left;
	font-size: 22px;
	margin: 20px 0 0 0;
}

.pricePl{
	font-family: Nunito, Helvetica, Arial, Trebuchet MS !important;
	color: #eed130;
	font-weight: 900;
	text-shadow: 0px 0px 10px rgba(0,0,0,0.50);
	float: left;
	clear: both;
	font-size: 32px;
	margin: -5px 0 10px 0;
}

.planesP{
	float: left;
	z-index: 999;
	position: relative;
}

.planesPcenter{
	margin: 0 100px;
}

table{
    border-spacing: 0px;
    font-size: 15px;
    margin: 100px 0 -10px 0;
    float: left;
    color: #fff;
    font-family: Nunito, Helvetica, Arial, Trebuchet MS !important;
    text-shadow: 0px 0px 10px rgba(0,0,0,0.75);
}

td{
	border-bottom: 1px solid #fff;
	line-height: 1.5;
    padding: 6px;
}

.chtr td{
	line-height: 1.3 !important;
	font-weight: 700;
	text-shadow: 0px 0px 10px rgba(0,0,0,0.75);
	font-size: 14px;
}

.tableText{
	float: left;
	margin: 12px 0 0 8px;
}

.topPlansIcons{
	width: 72px;
	height: 72px;
	background: url(images/spritePlans.png);
	background-position: 0 -1px;
	margin: 0 auto;
}

.empIcon{background-position: -84px 0;}

.medIcon{
	width: 96px;
	background-position: -166px -7px;
}

.tickI{
	width: 58px;
	height: 46px;
	background-position: -271px -14px;
}

.rpwIcon{
	width: 60px;
	height: 60px;
	float: left;
	background-position: -4px -86px;
}

.secIcon{background-position: -4px -155px;}
.secIcon2{background-position: -4px -222px;}
.seoIcon{background-position: -4px -293px;height:48px;margin:6px 0;}
.redesIcon{background-position: -4px -359px;}
.googleIcon{background-position: -4px -425px;}
.mailIcon{background-position: -4px -502px;height:40px;margin:10px 0;}
.sieteIcon{background-position: -4px -570px;height:46px;margin:7px 0;}
.cuatroIcon{background-position: -4px -639px;height:46px;margin:7px 0;}
.formIcon{background-position: -4px -699px;}
.galeriaIcon{background-position: -4px -768px;}
.ecomIcon{background-position: -4px -836px;}
.blogIcon{background-position: -4px -909px;height:46px;margin:7px 0;}
.wpIcon{background-position: -4px -970px;}
.hostIcon{background-position: -4px -1041px;height:46px;margin:7px 0;}

.impPago{
	font-weight: 700;
	color: #fff;
}

.contratarP{
	margin: 60px auto 0 auto;
}

.formContrato{
	float: left;
}

a.whatsapp:link, a.whatsapp:visited{
	width: 280px;
	float: left;
	display: block;
	text-decoration: none;
	position: relative;
	background: #25d366;
	padding: 15px 30px;
	margin: 19px 0 0 50px;
	color: #fff;
	font-weight: 700;
	text-shadow: 0px 0px 8px rgba(0,0,0,0.5);
	transition:all 0.2s;
	border-top: 3px solid #0dac48;
}

a.whatsapp:hover{
	background: #0dac48;
	transition:all 0.2s;
}

.wppText{
	margin: 9px 0 0 0;
	float: right;
}

.contContratar{
	width: 732px;
	margin: 25px auto 0 auto;
}

.soc {
  display: block;
  font-size: 0;
  list-style: none;
  margin: 0;
  text-align: center;
  margin-top: 12px;
  margin-left: -25px;
}
.soc li {
  display: inline-block;
}
.soc a, .soc svg {
  display: block;
}
.soc a {
  position: relative;
  height: 28px;
  width: 28px;
}
.soc svg {
  height: 100%;
  width: 100%;
}
.soc em {
  font-size: 14px;
  line-height: 1.5;
  position: absolute;
  text-align: center;
  right: 0;
  bottom: 0;
  left: 0;
}

.icon-10:hover, .icon-15:hover{
  border-radius: 100%;
  color: #fff;
  fill: #fff;
  -webkit-transform: scale(1.25);
          transform: scale(1.25);
  -webkit-transition: background-color 0.5s, -webkit-transform 0.5s ease-out;
  transition: background-color 0.5s, -webkit-transform 0.5s ease-out;
  transition: background-color 0.5s, transform 0.5s ease-out;
  transition: background-color 0.5s, transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: 0.4s;
}

.icon-10 {
  color: #fff;
  fill: #fff;
  transition: 0.4s;
  margin-right: 3px;
}

.icon-10:hover{
	background: #3b5998;
	transition: 0.4s;
}

.icon-15 {
  color: #fff;
  fill: #fff;
  transition: 0.4s;
}

.icon-15:hover {
  background: #e4405f;
}

#back-to-top {
    position: fixed;
    bottom: 85px;
    right: 30px;
    border-radius: 50%;
    z-index: 9;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: #fe8a10;
    color: #fff;
    cursor: pointer;
    border: 0;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}
#back-to-top:hover {
    background: #202020;
}
#back-to-top.show {
    opacity: 1;
}
#content {
    height: 2000px;
}

/* FAQ */

.faq{
	position: relative;
	margin: -75px 0 0 0;
}

a.faqLink:link, a.faqLink:visited{
	text-decoration: none;
	color: #7e22bf;
	font-weight: 600;
}

a.faqLink:hover{
	border-bottom: 1px dotted #4d0580;
}

p.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: 2px solid #fff;
    outline: none;
    transition: 0.4s;
    margin-bottom:10px;
    box-shadow:0px 0px 6px 0px rgba(0,0,0,0.15);
}

p.accordion.active, p.accordion:hover {
    background-color: #ddd;
}

p.accordion:after {
    content: '\2795'; 
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}

p.accordion.active:after {
    content: "\2796"; 
}

div.panel {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: 0.4s ease-in-out;
    opacity: 0;
    margin-bottom:20px;
    font-size: 15px;
    line-height: 1.7;
    color: #7d7d7d;
    font-family: Nunito, Helvetica, Arial, Trebuchet MS !important;
}

div.panel.show {
    opacity: 1;
    max-height: 500px;
}

/* FIN FAQ */

/* MAQUINAS */

.maquinas{
	background: url(images/bg8.jpg);
	height: auto;
    background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
    background-size: initial;
    padding: 100px 0 150px 0;
}

h4{
    font-weight: 800 !important;
    font-size: 26px !important;
    margin-bottom: 25px !important;
    margin-top: 0px !important;
}

.seleccionMaquinas{
    float: left;
    margin: 40px 0;
}

.contMaquinas{float: left;}
.contMaquinasBottom{margin-top: 40px}
.contMaquinasBottom img{margin-top: 40px;}
.contDX img{margin-top: -50px;margin-bottom: -60px;}

.maquinasCont p{margin: 0;}

.infoMaquinas{
    width: 780px;
    float: left;
    margin-left: 52px;
}

.infoMaquinas span{
    color: #fe8a10;
    font-size: 36px;
    font-weight: 900;
    float: left;
}

.infoMaquinas p{
    display: block;
    clear: both;
    color: #5f5f5f;
    line-height: 1.8;
    font-size: 15px;
    font-weight: bold;
    float: left;
    margin-top: 10px;
}

#maquinaHilo{
    width: 365px;
    float: left;
    display: block;
    background: #fe8a10;
    border-radius: 6px;
    border: 3px solid #e48913;
    color: #fff;
    text-align: center;
    font-size: 18px;
    padding: 65px 0;
    cursor: pointer;
}

#maquinaPenetracion{
    width: 365px;
    float: left;
    display: block;
    border-radius: 6px;
    border: 3px solid #e48913;
    color: #fff;
    text-align: center;
    font-size: 18px;
    padding: 65px 0;
    cursor: pointer;
    background: url(images/maquinas2.jpg);
    margin: 0 52px;
}

#maquinaPerforado{
    width: 365px;
    float: left;
    display: block;
    border-radius: 6px;
    border: 3px solid #e48913;
    color: #fff;
    text-align: center;
    font-size: 18px;
    padding: 65px 0;
    cursor: pointer;
    background: url(images/maquinas3.jpg);
}

.seleccionMaquinas{
    clear: both;
}

a.descargarCatalogo:link, a.descargarCatalogo:visited{
    background: #fe8a10;
    color: #fff;
    padding: 5px 20px 9px 20px;
    border-radius: 6px;
    float: left;
    margin: 21px 0 0 20px;
}

.ke-zeroborder td{
    padding: 8px 20px;
    border: 1px solid #fe8a10;
    text-shadow: none !important;
}

.ke-zeroborder{margin-top: 50px !important;}

.datosTabla{
    background: #fe8a10;
    border-bottom: 1px solid #fff !important;
}

.datosTablaBorder{border-right: 1px solid #fff !important;}

.sinBordeTabla{border: 1px solid #fe8a10 !important;}
.datosTabla span{color: #fff !important;}

/* FIN MAQUINAS */


#jivosite-adword, .jivosite-adword-es, .logo_1D, .copyright_3R._bottom_L1{display: none !important;}
#jivosite-adword{z-index: -9;}
.wrapOverflow{overflow: auto; display: block;}

.menu-responsive{display:none;}
.servicesContRpw{display:none;}
.webImgRPW{display: none;}
.segundaServiciosRpw, .serviciosContRpw, .contGeneralServiciosRpw, .global-relative{display: none}

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

.wrap3{
	width: 95%;
}

.webImg{display: none;}

.webImgRPW{
	display: block;
	float: right;
	box-sizing: content-box;
	margin: -40px 0 0 0;
}

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

	.global-relative{display: block}
	.menu, #menu{display: none !important;}
	.logo{margin: 12px auto;float: none;}
	.wrap{width: 95%;}
	.serviciosCont, .segundaServicios, .contGeneralServicios{display: none;}
	.serviciosContRpw, .segundaServiciosRpw, .contGeneralServiciosRpw{display: block}

	.masCap{margin-left: 10px;}

	.capacitacionesTitulos{width: auto;}

	.insumosContGeneral{
		float: left;
	}

	.contGeneralInsumos{
		width: 23.5%;
		margin-right: 2%;
	}

	.paddingProductos{
		width: 100%;
		height: auto;
	}

	.paddingProductos span{font-size: 18px;}

	.contGeneralServiciosRpw{
		width: 23%;
		margin-right: 2.66%;
		float: left;
		z-index: 100;
    	position: relative;
	}

	.contGeneralServiciosRpwMargin{margin-right: 0;}

	.serviciosContRpw{
		width: 100%;
		margin-top: -150px;
    	position: relative;
    	float: left;
	}

	.segundaServiciosRpw{
		width: 100%;
		float: left;
    	position: relative;
    	margin-top: 70px;
    	margin-bottom: -90px;
	}

	.serviciosInicio{
		width: 100%;
	}

	.serviciosInicio:hover{
	box-shadow:0px 8px 18px 0px rgba(0,0,0,0.13);
	transition:all 0.5s;
	margin-top: 0px;
	}

	.contMasInfo{width: 100%;}
	.izquierdaInfo{width: 55%;}
	.derecha{width: 42%;margin-top: 120px;}

	.infoFooterMargin{margin-right: 0px;}
    
    .maquinasCont{width: 100%;}
    
    #maquinaHilo, #maquinaPenetracion, #maquinaPerforado{
    width: 30%;
    }
    
    #maquinaPenetracion{margin: 0 5%}
    
    .seleccionMaquinas{width: 100%;}
    
    .contMaquinas img{
        width: 30%;
    }
    
    .infoMaquinas{
        width: 65%;
        margin-left: 5%;
    }
    
}

}

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

.infoFooter{
	width: 23%;
	margin-right: 2.66%;
}

.infoFooterMargin{margin-right: 0px;}

}

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

a.masInfo:link, a.masInfo:visited{padding: 8px 0;}
a.leerMas:link, a.leerMas:visited{padding: 8px 22px;}
.enviarMsj{padding: 14px 0;}
.wrap{width: 94%;}
.insumosCont{width: 100%;}

.contGeneralServicios2{
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}

.capacitacionesMargin{
	margin-left: 8%;
}

.capacitacionesTitulos{
	width: 46%;
	margin-right: 0;
}

.serviciosDiv span{font-size: 20px !important;}

.contGeneralServicios2bottom{margin-bottom: 30px;}

.serviciosDiv{height: auto;padding-bottom: 25px;}

.serviciosCont2{
	display: inline-block;
	overflow: initial;
}

.serviciosInicio span{
	font-size: 16px;
	margin-top: 20px !important;
	clear: both;
}

.iconServiciosSeccion{
	margin: 25px 15px 15px 0;
}

.spanTop{margin-top: 20px !important;}

h1{
	font-size: 34px !important;
}

.izquierdaInfo{width: 55%;}
.derecha{width: 45%;margin-top: 150px;}

}

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

[data-aos^=fade][data-aos^=fade]{
	opacity: 1 !important;
}
    
    #maquinaHilo, #maquinaPerforado, #maquinaPenetracion{font-size: 15px;padding: 40px 15px;}
    
    table{overflow-x:auto;display: block;}

}

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

.contactoCont{width: 100%;}
.contactoIzquierda{width: 100%;}
.contacto textarea{
	max-width: 100%;
	min-width: 100%;
}

.contactoDerecha{
	width: 100%;
	float: left;
	margin-top: 35px;
}

.svgContacto{margin: 2px 10px 0 0;}

}

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

.capacitacionesMargin{
	margin-left: 0;
}

.capacitacionesTitulos{
	width: 100%;
	margin-right: 0;
}

.paddingProductos{
	width: 100%;
	height: auto !important;
}

.paddingProductos span{font-size: 16px !important;}

.contGeneralServiciosRpw{
	width: 47.5%;
	margin-right: 5%;
	margin-bottom: 70px;
}

.serviciosDiv span{
	font-size: 20px !important;
	margin-top: 20px !important;
}

.serviciosInicio span{
	font-size: 18px;
	margin: 15px 0;
	line-height: 1.4;
}

.serviciosInicio{
	height: 260px;
}

.contGeneralServiciosRpwMargin2{margin-right: 0;}

.logoGrande{width: 70%;}

section{
	padding: 50px 0 150px 0;
}

.serviciosContRpw{margin-top: -100px;}
.segundaServiciosRpw{margin-top: 0px;}
.quienesSomos{padding: 130px 0 70px 0;}
.izquierdaInfo{width: 100%;}
.derecha{
	display: block;
	float: left;
	margin-top: 50px;
	width: 70%;
}

.infoFooter{
	width: 50%;
	margin-right: 5%;
	margin: 10px 0;
}

.infoFooterMargin2{margin-right: 0;}

footer{padding: 25px 0;}

}

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

section, .servicios, .insumos, .capacitaciones, .nosotros, .contacto, .quienesSomos{
	background-attachment: initial;
}

.contContratar{width: 100%;}
.formContrato{width: 100%;}

.contratoC input[type="text"], .contratoC textarea, select{
	width: 100% !important;
}

.mercadopago{
	float: none;
	margin: 35px auto 0 auto;
	display: block;
	clear: both;
}

a.whatsapp:link, a.whatsapp:visited{
	float: none;
	margin: 19px auto 0 auto;
	display: block;
	clear: both;
}

.contratanosD{margin: 0 !important;}
.topPortfolio span{font-size: 36px;}

}

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

.contPlanesP{
	height: 190px;
    display:block;
    justify-content:block;
	-ms-flex-align: block;
    align-items:block;
    -webkit-box-pack: block;
    -webkit-box-align: block;
}

.originalText{margin-left:0px;clear: both;}

h2{font-size:24px;}
.aPartirDe{font-size:20px;}
.pricePl{font-size:26px;}

}

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

.contGeneralInsumos{
	width: 47.5%;
	margin-right: 5%;
}

.marginRightInsumos{margin-right: 0px;}

.serviciosInicio span{
	font-size: 16px;
}

.serviciosDiv{height: auto !important;}

.imgServices{
	width: 420px;
	height: 359px;
	background: url(images/serviceImgRPW.png);
	margin: -10px auto 0 auto;
}

.servicesContRpw{margin: 40px 0 0 0 !important;}
.contactanos{margin: -48px 0 0 0;}
.imgServices{display: none;}

.imgServicesRpw{
	display: block;
	margin-top: -380px !important;
    float: left;
}

.topPortfolio img{display: none;}
.portfolioIzq{width: 100%;margin: 0;}
.topPortfolio{padding: 50px 0;}
    
    #maquinaHilo, #maquinaPerforado, #maquinaPenetracion{
        width: 100%;
        font-size: 18px;
    }
    
    #maquinaPenetracion{
        margin: 5% 0;
    }
    
    .contMaquinas img{width: 50%;}
    .infoMaquinas{width: 100%; margin: 0;}

}

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

.capacitaciones, .insumos, .servicios{font-size: 56px;}

.plan{
	width: 100%;
	height: auto;
	padding: 20px 0;
	border-radius: 6px;
	box-shadow:0px 2px 6px 0px rgba(0,0,0,0.5);
	float: left;
	transition:all 0.5s;
}

.plan:hover{margin-top: -20px !important;}
.planCenter:hover{margin-top: 20px !important;}
.planMedida:hover{margin-top: 0 !important;}

.planCenter{
	margin: 20px 0px !important;
	background: #df4bff;
	float: left;
}

.planMedida{margin: 0 0 40px 0;}

a.verDemo:link, a.verDemo:visited{
	clear: none;
	margin: 10px 20px 0 20px;
}

.titlePlan{font-size: 20px;}
.firstText{font-size: 34px;}

.tableText{clear:both;margin: 0 0 0 8px;}

.overlay nav{
	font-size: 22px !important;
}

}

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

.planesPcenter{margin: 0 !important;}

.planesP{
	width: 100%;
	z-index: 999;
	position: relative;
	clear: both;
	margin: 0 auto;
}

.contPlanesP{
	overflow: auto;
	height: auto !important;
}

.planesPcenter{margin: 50px 0 !important;}

h2{font-size: 28px;}
.aPartirDe{font-size:22px;}
.pricePl{font-size:26px;}

.contPlanesP{
	width: 180px;
	margin: 0 auto;
}

.textPlan{width: 90%;}

}

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

.wrap{width: 92%;}

.derecha{width: 100%;}

.svgContacto{margin: 12px 10px 0 0;}
.svgContacto2{margin: 0 10px 0 0;}

.serviciosInicio span{
	font-size: 16px;
	margin: 10px 0;
}

a.masInfo:link, a.masInfo:visited{
	width: 80%;
	font-size: 12px;
}

.leerMas{
	width: auto !important;
	font-size: 13px !important;
}

.infoFooter{width:100%;}

footer span, .infoFooter{
	text-align: center;
	display: block;
}

.barRpw{margin: 10px auto;}
.inputRpw{margin-bottom: -10px !important;}
.link--arrowed .arrow-icon{top: -29px;}
.logoGrande{width: 90%;}

}

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

.serviciosInicio{height: 300px;}
.copyrightFooter{font-size: 14px;}
.logoGrande{width: 100%;}

.middleCenterInicio{top: 60%;}

.firstText{font-size: 28px;}
.step1{
	width: 100%;
}

.stepCenter{
	float: left;
	margin: 60px 0;
}

.lineRPW{
	width: 100%;
	height: 1px;
	background: #eaeaea;
}

.titleSteps{font-size: 15px;}

.service1{
	width: 100%;
	margin: 35px 0;
}

.contacto{width: 100%;}

.contacto input[type="text"], .contacto textarea, select{
	width: 100%;
	float: left;
}

.contacto textarea{
	max-width: 100%;
	min-width: 100%;
	float: left;
}

.circlePortfolio{height: 375px;}
.overlay ul li a{margin: 5px 0 !important;}
.overlay nav{font-size: 24px !important;}
.servicesContRpw{margin: 20px 0 0 0 !important;}
.imgP1{width: 100%;height: 275px;border-right: none;}

.capacitaciones, .insumos{font-size: 42px;}

}

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

.imgQuienesSomos{display: none;}

td{padding: 6px 0 !important;}
.ke-zeroborder td{padding: 6px !important;}
tr{font-size: 13px !important;}

.landingIcon{
	width: 40px;
	height: 36px;
	background: url(images/spritePlans.png);
	background-position: -82px -98px;
	margin: 0 auto;
}

.empIcon{
	width: 40px;
	height: 36px;
	background-position: -129px -98px;
}

.medIcon{
	width: 55px;
	height: 36px;
	background-position: -176px -99px;
}

.pagoHost{
	width: 100%;
	display: block;
	clear: both;
}

.tickI{
	width: 36px;
	height: 28px;
	background-position: -241px -102px;
}

a.contratarPlans:link, a.contratarPlans:visited{
	width: 95%;
	font-size: 10px;
}

.servicesContRpw{margin-top: -25px !important;}
.title{font-size: 30px;}
    
a.descargarCatalogo:link, a.descargarCatalogo:visited{
    margin: 0;
    clear: both;
}
    
.contMaquinas img{width: 60%;}
.contDX img{margin-bottom: -30px}

}

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

	.logo{float: left;}

	.contGeneralServiciosRpw{
	width: 100%;
	margin-right: 0;
	margin-bottom: 50px;
	}

	.serviciosInicio{height: 290px;}

	.serviciosInicio span{
	font-size: 18px;
	margin: 15px 0;
	}

	a.masInfo:link, a.masInfo:visited{width: 60%;font-size: 13px;}

	.servicesContRpw{margin-top: -60px !important;}

}