/*
Theme Name: Agencia Laika - Landings
Theme URI: http://agencialaika.com/
Author: Agencia Laika
Author URI: http://agencialaika.com/
Description: Diseño para los Landings.
Version: 1.0
Text Domain: AgenciaLaika
*/


@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Voltaire');


/*---------------------------- BODY ---------------------------*/
body{
	font-family: 'Roboto', sans-serif;
}

img{
	max-width:100%;
	width:auto;
	height:auto;
	vertical-align: bottom;
}

p{
	margin: 0 0 1.5em;
}

/*---------------------------- HEADER ----------------------------*/

.header img {
	width: 100%;
}

.header {
    background: #e2f2fe;
    /*margin: 0 0 20px 0;
    box-shadow: 0px 10px 15px 0px #888888;*/
}

img.grande {
	width: 100%;
  	height: auto;
}



/*--------------------------- CONTENIDO ---------------------------*/
.contenido {
  	background:#E2F2FE;
    padding: 50px 0;

}

.galeria img{
	margin-bottom: 15px;  
}
  
  
  
  
/*-------- INFO -------------*/

#info p{ 
	color: #666666;
	text-align: justify;  
}
  
#info h2 {
  	font-family: 'Voltaire', sans-serif;
    text-align: center;
    color: #33669A;
    text-transform: uppercase;
}

#info2{
	background: #FFF;
}

#info2 .container {
    padding: 60px 0;
}

#info4 .container {
    padding: 60px 0 0 0;
}




/*--------------------------- CAROUSEL ---------------------------*/

#buscamos h2{
  font-family: 'Voltaire', sans-serif;
  text-align: center;
  color: #33669A;
  text-transform: uppercase;
}

#carousel h2{
  margin-top: 0;
  font-family: 'Voltaire', sans-serif;
  text-align: center;
  color: #33669A;
  text-transform: uppercase;
}


div#carousel {
    /*padding: 0 100px;*/
}
  
/*
.slick-slide {
    border: white solid 3px;
    margin: 0 5px !important;
}
*/

.item-video{
	height:300px;
}

div#info4 {
    background: #e2f2fe;
}

img.img-center.slick-slide {
    /*border: white solid 5px;*/
    margin: 5px 0 !important;
  	outline: none !important;
}

img.slick-slide.slick-current.slick-active {
    border: #33669a solid 5px;
    outline: none !important;
}

/*--------------------------- FORMULARIO ---------------------------*/



.registro {
  margin-top: 30px;
  /*background-color: #000;*/
  /*border-radius: 5px;*/
}

.ginput_container {
    margin-top: 0 !important;
}

.gform_wrapper {
    margin: 0 !important;
}

input {
  border: none;
  color: #3E9AD1;
  /*background: #E2F2FE;*/
  border: solid #B4B4B4 1px;
  width: 100% !important;
  padding: 6px !important;
  font-size: 100% !important;
  transition: color 0.5s ease;
  transition: background-color 0.5s ease;
}

input[type="submit"] {
  background: #ffff00;
  color: #794923;
  /*
  padding: 1em !important;
  width: 100% !important;
  margin: 0 auto;
  display: block;
  */
}

input[type="submit"]:hover {
    background-color: #3399CC;
    color: #B6B6B6;
}

div#gform_confirmation_wrapper_1 {
    margin-top: 10px;
    color: white;
}

.gform_wrapper .gfield_required{
	display:none;
}

.validation_error {
	display: none;
}



/*-----------------------------------------FOOTER-------------------------------------*/



div#footer {
  	background-image: url("http://raices.alimentoslosandes.com/wp-content/uploads/2017/07/footer.jpg");
    padding-bottom: 20px;
}

#footer img {
    width: 15%;
}

.social {
    text-align: left;
    margin-top: 30px;
}

i.fa {
    margin: 0 10px;
  	/*color: #b22746;*/
}

#footer a:hover i.fa{
  	opacity:0.7;
}

.fa-facebook{
	color: #fff;
}

.fa-twitter{
	color: #59adec;
}

.fa-youtube{
	color: #e92830;
}

.fa-instagram{
	color: #fff;
  
}







/*--------- SIDEBAR ---------*/

.textwidget{
  font-size:14px;
  font-weight:bold;
  text-align:center;
}



/*-------- GRACIAS -----------*/






/*------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------Styles---------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/
.col-centered {
    float: none;
    margin: 0 auto;
}

.img-center{
	display:block;
	margin:0 auto;
}

.full-div {
    height: 100%;
    width: 100%;
}

/*---Circle Cropper---*/
.image-cropper {
    width: 150px;
    height: 150px;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border: #eee solid 2px;
}

.image-cropper img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}


/*-------Absolute Center-------*/

/*Centra el Contenido*/
.absolute-center {
	width: 50%;
	height: 50%;
    overflow: auto;
    margin: auto;
    position: relative;
    top: 20%;
    left: 0;
    bottom: 0;
    right: 0;
}

/*Bloque Centrado*/
.center-block {
    background: #4fa46b;
    color: #FFF;
    padding: 20px;
}

/*Si es que se quiere centrar lo de adentro*/
.inner-center{
	width: 100%;
	height: 100%;
	padding: 50px;
}





/*------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------Mobile---------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------*/


.hola-mobile{
  display:none;
}

.chao-mobile{
  display:block;
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
  
  .hola-mobile{
  	display:block;
  }
  
  .chao-mobile{
  	display:none;
  }
  
  .container {
	margin: 0;
	padding: 0;
  }
  
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	
}














@import "lesshat";

@import url(https://fonts.googleapis.com/css?family=Roboto:100,300);

@font-family-base: 'Roboto', sans-serif;

// Structure
.container {
  .size(700,200);
  margin: 40px auto;
}

.block-media {
  .size(350,200);
  display: inline-block;
  float: left;
}

.block-text {
  .box-sizing(border-box);
  .size(350,200);
  background-color: #2c3e50;
  display: inline-block;
  float: left;
}

// Content
.carousel-images {
  & > .slick-list {
    padding: 0 !important;
    & > .slick-slide {
      width: 350px !important;
    }
  }
  & > .slick-prev {
    left: 10px;
  }
  & > .slick-next {
    right: 10px;
  }
  & > .slick-dots {
    bottom: -10px;
    & > li button:before {
      font-size: 12px;
    }
  }
}

.carousel-text {
  font-family: @font-family-base;
  font-weight: 100;
  padding: 20px;
  .title {
    color: #bdc3c7;
    font-size: 1.05em;
    font-weight: 300;
    text-transform: uppercase;
  }
  .headline {
    color: #fff;
    text-align: justify;
  }
}