.v-aling{top: 50%;transform: translateY(-80%);}
@media (max-width: 768px) {.v-aling  {transform:none;top:50px;}}


body{
	font-family: 'Lato', sans-serif;
	background-size: 100%;
	background-repeat: no-repeat; 
	font-size: 17px;}


.v-larraitz{
	margin:0;
	padding:0;
	z-index: 1;}

@media (max-width: 992px) {.jatetxea-text {margin-top:-700px}}
@media (max-width: 480px) {.jatetxea-text {margin-top:-660px}}
@media (max-width: 320px) {.jatetxea-text {margin-top:-630px}}

.h3-bar{
	background-image: url("../img/bg-h3.png");
    background-position: bottom left;
    height:50px;
    background-repeat: no-repeat;
    font-weight: 700;}


.padding-left{padding-left:50px;}

.h-bar{
	color:#fff;
	margin-top: -270px;
	background-image: url("../img/bg-hbar1.png"), url("../img/bg-hbar2.png");
	background-repeat: no-repeat, no-repeat;
	background-size: 300px, 400px;
	background-color: #3d5eae;
	background-position: 13% 50%, 90% 30%;}
	@media (max-width: 1200px) {.h-bar {margin-top: -200px;background-position: 2% 50%, 90% 30%; background-size: 200px, 300px;}}
	@media (max-width: 992px) {.h-bar {margin-top: initial}}

.h-bar ul{padding-left:0;}
.h-bar li{list-style-type: none; text-transform: uppercase;}


.border{
	border:1px solid #eee;
	background: white;
	text-align: center;
}

.height-20{
	padding:0;
	margin:0;
	min-height:20px;
}

.height-40{
	padding:0;
	margin:0;
	min-height:40px;
}

.height-60{
	padding:0;
	margin:0;
	min-height:60px;
}

.height-80{
	padding:0;
	margin:0;
	min-height:80px;
}

.height-100{
	padding:0;
	margin:0;
	min-height:100px;
}

.height-140{
	padding:0;
	margin:0;
	min-height:140px;
}

/* FONTS ------------------- */
.light{font-weight: 100;}
.semi-light{font-weight:300}
.bold{font-weight: 700;}


/* COLORS ------------------- */

.purple{color:#3d5eae;}

.text-white:{color:#ffffff}

.grey{background-color: #F7F7F7;}
.white{background-color: #ffffff;}
.green{background-color: #adeb7a;}
.black{background-color: #000;}


/* SHADOW ------------------- */

.shadow {
    -webkit-filter: drop-shadow( 0px 0px 12px #eee );
    filter: drop-shadow( 0px 0px 12px #eee ); /* Same syntax as box-shadow */}


.shadow2 {
    -webkit-filter: drop-shadow( 0px 0px 12px #e9e9e9 );
    filter: drop-shadow( 0px 0px 12px #e9e9e9); /* Same syntax as box-shadow */}
    @media (max-width: 992px) {.shadow2 {
 	-webkit-filter: initial;
    filter: initial;
     }}

.lang{
	margin-top:40px;
}

.idioma{
	background-color: #eceddd;
	padding:5px 8px;}
	@media (max-width: 992px) {.idioma {background-color: #eeeeee;}}

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

.logo{
	z-index: 1;
	margin-top:-40px;
	margin-bottom:-40px;}
	@media (max-width: 992px) {.logo {text-align: center; margin-top:0px}}


.phone{
	padding-left:70px;
	margin-top: 15px;
	background-image: url("../img/phone.svg");
	background-repeat: no-repeat;}
	@media (max-width: 992px) {
  	.phone {
  	background-image: initial;
  	padding-left:30px;
  	text-align: center;
	margin: 80px auto 20px auto; 
	width: 240px}}

.erreserbak{
	color:#999;
	font-weight: 600;
	font-size:1em;}
	@media (max-width: 992px) {.erreserbak {font-size:1.4em;}}

.tel{
	color:#000;
	font-size:1.2em;
	font-weight: 800;}
	@media (max-width: 992px) {.tel {font-size:1.6em;}}

.email{
	color:#999;
	font-size:1em;}



/* HERO ------------------- */
.bg-larraitz{
	background-image: url("../img/heroBg.jpg");
	background-size: 100%; 
	background-position: right top;
	background-repeat: no-repeat;
	background-color: #ffffff;}
	@media (max-width: 480px) {.bg-larraitz {background-size: 200%; }}
	@media (max-width: 330px) {.bg-larraitz {background-image: initial; }}

.bg-larraitz h1{
	font-size: 2.5em;
	font-weight: 300;}
	@media (max-width: 480px) {.bg-larraitz h1{font-size: 2.3em;}}
	@media (max-width: 420px) {.bg-larraitz h1{font-size: 1.8em;}}

.section-45{
    height:35vh;
    position: relative;
    margin:0 auto;}


  
/* CONTENT ------------------- */

.larraitz-gain{
	background-image: url(../img/jatetxea.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	margin-top:30px;
	height:340px;
	border-left:1px solid #d2d2d2;
	border-top:1px solid #d2d2d2;}
	@media (max-width: 1200px) {.larraitz-gain {height:312px;}}
	@media (max-width: 992px) {.larraitz-gain { height:243px}}
	@media (max-width: 767px) {.larraitz-gain {border:20px solid white; height:650px;}}
	@media (max-width: 480px) {.larraitz-gain {height:380px}}
	@media (max-width: 370px) {.larraitz-gain {height:300px}}
	@media (max-width: 320px) {.larraitz-gain {height:250px}}

.larraitz-gain-text{
	color:#3d5eae;
	height:60px; 
	border-left:1px solid #d2d2d2;
	border-bottom:1px solid #d2d2d2;
	background: #fff;}
	@media (max-width: 767px) {.larraitz-gain-text {border:initial; height:initial;}}

.larraitz-gain-text h2{
	font-size:1em;
	font-weight: 900;}

.sukaldaritza{
	background-image: url(../img/sukaldaritza-tradizionala.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	height:370px;
	border-left:1px solid #d2d2d2;
	border-right:1px solid #d2d2d2;
	border-top:1px solid #d2d2d2;
	z-index: 2;}
	@media (max-width: 1200px) {.sukaldaritza {height:342px;}}
	@media (max-width: 992px) {.sukaldaritza {height:263px}}
	@media (max-width: 767px) {.sukaldaritza {border:20px solid white; height:650px;}}
	@media (max-width: 480px) {.sukaldaritza {height:380px}}
	@media (max-width: 370px) {.sukaldaritza {height:300px}}
	@media (max-width: 320px) {.sukaldaritza {height:250px}}


.sukaldaritza-text{
	color:#3d5eae;
	font-weight: 900;
	height:80px; 
	border-left:1px solid #d2d2d2;
	border-right:1px solid #d2d2d2;
	border-bottom:1px solid #d2d2d2;
	background: #fff;
	z-index: 2;}
	@media (max-width: 767px) {.sukaldaritza-text {border:initial; height:initial;}}

.sukaldaritza-text h2{
	font-size:1em;
	margin-top: 30px;
	font-weight: 900;}
	@media (max-width: 992px) {.sukaldaritza-text h2{margin-top:15px;}}
	@media (max-width: 768px) {.sukaldaritza-text h2{margin-top:20px;}}

.ingurunea{
	background-image: url(../img/ingurunea.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	margin-top:30px;
	height:340px;
	border-right:1px solid #d2d2d2;
	border-top:1px solid #d2d2d2}
	@media (max-width: 1200px) {.ingurunea {height:312px;}}
	@media (max-width: 992px) {.ingurunea {height:243px;}}
	@media (max-width: 767px) {.ingurunea {border:20px solid white; height:650px;}}
	@media (max-width: 480px) {.ingurunea {height:380px}}
	@media (max-width: 370px) {.ingurunea {height:300px}}
	@media (max-width: 325px) {.ingurunea {height:250px}}

.ingurunea-text{
	color:#3d5eae;
	font-weight: 900;
	height:60px; 
	border-right:1px solid #d2d2d2;
	border-bottom:1px solid #d2d2d2;
	background: #fff;}
	@media (max-width: 767px) {.ingurunea-text {border:initial; height:initial;}}

.ingurunea-text h2{
	font-size:1em;
	font-weight: 900;}









@media (max-width: 992px) {
  .irudia-hidden {visibility: hidden;

  }
}



/* CONTACT------------------- */

.icon{
	font-size: 1.6em;
}


#google-container {
  position: relative;
  width: 100%;
  height: 50vh;
}

#gmap {
  position: relative;
}

#gmap address {
 
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 1rem 1rem;
  background-color: rgba(86, 178, 157, 0.9);
  color: white;
  -moz-box-shadow: 0px 0px 10px black;
  -webkit-box-shadow: 0px 0px 10px black;
  box-shadow: 0px 0px 10px black;
}

#zoom-in, #zoom-out {
  height: 32px;
  width: 32px;
  cursor: pointer;
  margin-left: 1.5rem;
  background-color: #999;
  background-repeat: no-repeat;
  background-size: 32px 64px;
  background-image: url("http://imgh.us/cd-icon-controller.svg");
  -moz-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}

#zoom-in {
  background-position: 50% 0;
  margin-top: 10px;
  margin-bottom: 1px;
}

#zoom-out {
  background-position: 50% -32px;
}

footer{
	padding-top: 10px;
	padding-bottom: 10px;
	background:#3d5eae;
}

footer h3{
	color:#fff;
	font-size:1.2em; 
}

.slider-fotos{
	padding-top:60px;
	padding-bottom:60px;
	display: block;
	width: 100%;
	float:left;
	text-align: center;
}

.slider-fotos-border{
	padding:28px;
	
}