@charset "UTF-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Raleway:400,700,900);

body{ font-family: 'Raleway', Helvetica, Arial; font-weight: 400; background-color:#232323}
h1, h2, h3, h4, h5, p {font-family: 'Raleway', Helvetica, Arial;}

a{ color: #ff053f}

.mascara-caso{
    width: 280px;
    height: 280px;
    background: url(../img/header-casos.jpg) center center;
  background-size: cover;
  clip-path: polygon(100% 0%, 100% 10%, 0% 10%); 
}


svg.bkgblanco {

  display: block;
  width: 100%;
  height: 120px;
  background: #fff;
  border: none;
}

svg.bkgnegro {
  display: block;
  width: 100%;
  height: 120px;
  background: #232323;
  border: none;
}

svg.bkgrojo {

  display: block;
  width: 100%;
  height: 120px;
  background: #ff053f;
  border: none;
}


svg.bkggris {
  display: block;
  width: 100%;
  height: 120px;
  background: #eaeaea;
  border: none;
}

svg.mask-caso {
  display: block;
  width: 100%;
  height: 120px;
  position: relative; top:70px; z-index:999999;
}

svg.bkgfooter {
  display: block;
  width: 100%;
  height: 120px;
  background: #fff;
  margin-bottom:0
}

svg.bkggracias {
  display: block;
  width: 100%;
  height: 120px;
  background: #ff053f;
  margin-bottom:0
}

.content-section{padding-top:200px; padding-bottom:180px}

.navbar-custom.top-nav-collapse { background:#ff053f; border-bottom: none; -webkit-box-shadow: 0px 0px 4px 2px rgba(0,0,0,.4);
-moz-box-shadow: 0px 0px 4px 2px rgba(0,0,0,.4);
box-shadow: 0px 0px 4px 2px rgba(0,0,0,.4);}




.navbar-custom .nav {
    font-size: 0.9em; font-family: 'Raleway'; font-weight: 700;}

.navbar-custom .nav li.active a {
    background-color: #980d3c;
}

.header-home{background:#ff053f}



.img-ppal-zorro{ margin: 0 auto; width: 700px; margin-top: 3%;}

/* ESTILO TEXTOS */

.txtrojo{color:#ff053f}
.txtbordo{color:#980d3c;}
.txtgris{color:#919191}
.txtnegro{color:#232323}

p{ padding:30px 0px}
p::-moz-selection { background:#ff053f; color: black }
p::selection, span::selection, div::selection, strong::selection, h1::selection, h2::selection, h3::selection { background:#ff053f; color: black }

.subrayado{text-decoration:underline;}
.heavy{font-weight:900}
.tit-chico{font-size:16px; text-transform:uppercase; padding:30px 0px; text-align: center; }
.tit-grande{ font-size:38px; text-transform:uppercase; padding-bottom:20px; font-weight:700}
.separador{ width:100px; border-top:solid 2px #919191; margin-top:70px;margin-bottom:170px;}
.bajada-especial{font-weight: 400; font-size: 2.2em; color:#919191; padding: 60px 0px;  margin: 0 auto; text-align: center; clear: both;  }

.separador2{ width:60px; border-top:solid 1px #919191; margin-top:20px;padding-bottom:20px;}


.flecha-features{ font-size:36px}
.name-feature{font-size:15px; }

.separador-features{border-left: solid 1px #eaeaea; border-right:solid 1px #eaeaea;}

.margenarriba{padding-top: 10%}
.margenes{margin-top: 30px; margin-bottom: 80px}

.tit-plan {font-size:1.6em; text-transform:uppercase;text-align:center; color:#ff053f; line-height:1.1em; letter-spacing:3px; padding-top:40px; font-weight:800;}
p.txt-plan{color:#232323; font-size: 1.2em; text-align:center; font-weight:lighter; margin-top:0px; margin-bottom:40px }



.legales{ color:#666;font-size:0.6em;}
.nombre{color:#232323; font-size: 1.6em; text-align: center; padding-top:20px;}
.puesto{color:#232323; font-size: 0.6em; text-align: center; font-weight:700; padding-top:-20px; padding-bottom: 15px }

.presup {font-size:1.4em; font-weight: lighter;}
.letrachica{padding-top: 80px; padding-bottom:40px }



.instagram{margin-top:15%; font-size: 2.8em; font-weight:700; color:#999;}

/* MODAL */


.modal-treta{
background-color:rgba(0,0,0,.0);-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,.0);
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,.0);
box-shadow: 0px 0px 0px 0px rgba(0,0,0,.0); border: 0px;
margin-top: 15%;}


.modal-backdrop{
  opacity:0; transition:opacity .2s;
}
.modal-backdrop.in{
  opacity:.94;
}


h4.modal-title{font-size: 2.7em}
div.modal-body{margin-top: 7%}
.modal-header{border: none;}
.modal-footer{border: none;}
.modal-dialog {
    position: relative;
    width: 760px;
    margin: 0 auto;
}


.campos-treta{color:#919191;font-family: 'Raleway', Helvetica, Arial; font-size: 1.2em; border: 1px solid rgba(125,125,125,0.1); padding:20px 15px; position:relative;font-weight:300; background-color:rgba(0,0,0,0); margin-bottom: 40px; width: 100%  }
.campos-treta:hover{color:#fff; border: 1px solid #ff053f; background-color:black }
#nombre{ width: 270px}
#telefono{ width: 170px}
#email{ width: 270px}
#mensaje{ width: 720px}

.datatel{text-align: center}
.modal-enviar{ float:right;}

.busqueda{margin-top:20px; margin-bottom:100px; font-size:1.2em;}

/* CAROUSEL */

#myCarousel { height:620px}
.tit-casocliente{ position:relative; top: -180px;  color: #fff; font-size: 38px; text-transform:uppercase;  }
.slider-txt{ padding-top:20px; position:relative; top: -100px; margin-top: -50px  }
.btn-slider {
    float: left;
    margin: 25px 0px 0px 0px;
    clear: both;
    padding: 18px;
    font-size: 18px;
    color: #fff;
    background-color: none;
    background: none;
    border: 1px solid #fff;
    }

.btn-slider{ background-color:#FFF}


div.carousel { height: 55%;}
div.carousel .item, div.carousel .item.active, div.carousel .carousel-inner { height: 100%;}

div.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size:cover;
}

.carousel{position:relative}

.modulo-casos{ padding-top:0px}
.carousel-indicators{ top:560px}


/* Botones */


.btn{ margin-top:100px; color:#eaeaea; font-size: 1.1em;}
.btn-lineagris-rojo{color:#919191;font-family: 'Raleway', Helvetica, Arial; border: 2px solid #919191; padding:20px 40px; position:relative;font-weight:700; letter-spacing: 1px }
.btn-lineagris-rojo:hover{color:#fff; border: 2px solid #ff053f; background-color:#ff053f }

.btn-rojo-bordo-modal{color:#fff;font-family: 'Raleway', Helvetica, Arial; border: none; padding:20px 40px; position:relative;font-weight:700; letter-spacing: 1px; background-color:#ff053f; }
.btn-rojo-bordo-modal:hover{background-color:#a80d3c }


.btn-rojo-bordo{color:#fff;font-family: 'Raleway', Helvetica, Arial; border: none; padding:20px 40px; background-color:#ff053f;font-weight:700 ;letter-spacing: 1px }
.btn-rojo-bordo:hover{color:#fff; border:none; background-color:#a80d3c }

.btn-negro-rojo{color:#ff053f;font-family: 'Raleway', Helvetica, Arial; border: none; padding:20px 40px; background-color:#232323;font-weight:700;letter-spacing: 1px  }
.btn-negro-rojo:hover{color:#232323; border:none; background-color:#ff053f }

.btn-lineagris-rojo{color:#919191;font-family: 'Raleway', Helvetica, Arial; border: 2px solid #919191; padding:20px 40px; }
.btn-lineagris-rojo:hover{color:#fff; border: 2px solid #ff053f; background-color:#ff053f }

.btn-cta{margin-top:0; font-weight: bold; border: white 2px solid; padding:12px 16px;}
.btn-cta:hover{color:white;}
.fixed-block{position: fixed; margin:0; width: 100%; padding: 15px; z-index: 2000}

.page-scroll{ color:#ff053f}

.scroll-siguiente {font-size:56px;}
.page-scroll-bordo {color: #980d3c}
.page-scroll-bordo:hover {color: #fff}



.seccion-roja{background:#ff053f; color:#fff}
.seccion-gris{background:#eaeaea; color:#919191}
.seccion-blanca{background:#FFF; color:#919191}

.feature{font-size:16px; margin-top:40px}
.icon-feature{width:40%; margin:0 auto}
.tit-features{font-size:21px; font-weight:700; line-height:24px }

.navbar-custom .navbar-toggle{background-color: none}

.roi{ margin-top: 20px; margin-bottom: 60px}
.producto{ margin-top: 20px; margin-bottom: 20px}

.redes{color:black; font-weight:700;  }

/* SECCIONES */

#planes {background-color:#EAEAEA; height:auto; padding: 100px 0px}
#team{background-color:#fff; height:auto; padding: 100px 0px}



/* FOOTER*/

footer{ background-color:#232323; font-size:18px}
.footer-frase{ font-size:19px; text-transform:uppercase; line-height:28px; margin:40px 0px}
.colder{ text-align:right}
.colcen{ text-align:center}
.colizq{ text-align:left}






/* CASOS y CLIENTES */

.header-casos {background: url(../img/header-casos.jpg); height:500px; background-size:cover; }
.header-cliente {background: url(../img/origenes/header.jpg); height:550px; background-size:cover; }

.clip-polygon {
  clip-path: polygon(5% 5%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);
  /* Note that percentages work as well as px */
}

.logos-plataformas{ margin:40px 0px}
.tit-seccion-caso {font-size:46px; font-weight:300; padding:30px; margin-top:10%; text-transform:uppercase;}
h1.encabezado-seccion {font-size:24px; text-transform:none; font-weight:400; width:50%; margin:0 auto;  }
h2.nombre-caso{ padding-bottom:70px; font-size:36px;  }
h2{font-weight:900}
.txt-caso{ font-size:18px}
.caso { padding:70px 30px; min-height:700px; margin-bottom:10px; border-bottom:1px solid #ccc;}
.btn-caso{ margin-top:50px; padding:10px 60px }
.columna-imagen{ width:100%; margin:0 auto}
.img-caso .img-responsive {margin: 0 auto;}

.claim-campania{ font-size:14px; text-transform:uppercase; margin-top:12%}
.marca-cliente { margin-top:50px}

.tit2{font-size:21px; margin-top:100px; font-weight:700; }
.img-afip{width: 70px}


	
	
	

/* RESPONSIVE */

@media (max-width:991px){
.colder{ text-align:center; font-size:.7em}
.colcen{ text-align:center; font-size:.7em}
.colizq{ text-align:center; font-size:.7em}
.tit-features{ font-size:21px; padding-top:160px ;padding-bottom:0px} 
header { height:100%}



.txt-plan {margin-bottom:60px}
.redes{float:none; color:black; text-align: center; margin: auto 0; width: 100%; padding:30px 0px;}
.producto{ padding:20px 100px}

}


@media (max-width:760px){

h4.modal-title{font-size: 1.8em}

.navbar-custom{
    background-color: #ff053f; border: none
} 
.navbar-nav{background-color: #232323; margin-bottom: 0;margin-top: 0; padding:50px;}

.navbar-custom .nav {
    font-size: 1.6em; font-family: 'Raleway'; font-weight: 700; line-height: 2.5em; text-align: center;  }


.img-ppal-zorro{ width: 100%; margin-top: 7%;}

.modal-dialog {
    width: 100%;
    margin: 0 auto;
}
#nombre{ width: 100%}
#telefono{ width: 100%}
#email{ width: 100%}
#mensaje{ width: 100%}
.datatel{text-align: center}
.modal-footer{text-align: center}
.modal-enviar{margin-top:20px; float:none;}


h2{font-size: 1.5em}
p{font-size: 1.05em; padding: 0px 20px; line-height: 1.8em}

.content-section{padding-top:80px; padding-bottom:80px}


.roi{ margin-top: 20px; margin-bottom: -40px}
.producto{ margin-top: 30px; margin-bottom: 30px; padding:0px 40px}

.name-feature{margin-top: -15px }

p.tit-features{ font-size:28px; padding-top:160px ;padding-bottom:0px}
.flecha-features{ font-size:42px}
.name-feature{font-size:21px; }
p.tit-features{ font-size:29px; line-height:32px }
.feature{margin-top:80px; }
.separador-features{border-left:none; border-right:none;}

.separador{margin:30px auto; padding-top:70px; padding-bottom:40px;}
.navbar-custom {border: none;}

.bajada-especial{font-weight: 400; font-size: 1.6em; color:#919191; padding: 80px 20px;  margin: 0 auto; text-align: center;  }
.name-feature{font-size:1em; }

.letrachica{padding-top:60px; padding-bottom:0px }
.legales{ margin: 30px 15px }
.txt-plan{ margin: 60px 15px }
.presup {font-size:1.4em; font-weight: lighter;}
.tit-planes{padding:0px 60px; font-size: 1.1em}
.img-afip{width: 200px}

}


@media (max-width:480px){
	
	h1{ font-size:21px}
	.bajada-especial{ font-size:18px; padding:20px 0px; margin-top:40px;}
	.slider-txt{ font-size:12px; line-height:16px;}
	p{ font-size:16px; text-align:center}
	
	
	.tit-plan {font-size:1.4em; padding-top:20px; padding-bottom:15px}
	p.txt-plan{font-size: 1em; margin-top:0px; margin-bottom:30px }
	.instagram{margin-top:15%; font-size: 1.6em; font-weight:700; color:#999;}
	.busqueda{font-size:1em}
	}