.onlymobile { display: none; }
.nomobile { display: block; }
#burguermenu { float: right; display: none; position: relative; }
.burguermenu { background-color: transparent; z-index: 9999; border: none; cursor: pointer; display: flex; padding: 0; }
.line { fill: none; stroke: #1D1D1B; stroke-width: 3; transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1); }
.line1 { stroke-dasharray: 60 207; stroke-width: 3; }
.line2 { stroke-dasharray: 60 60; stroke-width: 3; }
.line3 { stroke-dasharray: 60 207; stroke-width: 3; }
.opened .line1 { stroke-dasharray: 90 207; stroke-dashoffset: -134; stroke-width: 3; }
.opened .line2 { stroke-dasharray: 1 60; stroke-dashoffset: -30; stroke-width: 3; }
.opened .line3 { stroke-dasharray: 90 207; stroke-dashoffset: -134; stroke-width: 3; }
.lang2 a { display: block; width: auto; display: inline-block !important; padding:18px 0px !important; border:none !important; }
.lang2 { border-top: 1px solid #000; display: none !important; }
.lang2 .menusel { text-decoration: underline; }


@keyframes scrolltipanim {
    0% { margin-right: 20px; }
    20% { margin-right:  10px; }
    100% { margin-right:  20px; }
}

.scrollarrow { position: absolute; right: 0px; height: 18%; width: 20%; bottom: 1%; background-size: 90%; 
	background-image: url(images/pr_arrow3.svg); animation: scrolltipanim 1s infinite; animation-timing-function: ease-out; transition: all 0.2s;
	background-position: center; background-repeat: no-repeat; opacity: 0.6;}
.scrollarrow2 { position: absolute; right: 0px; height: 18%; width: 20%; bottom: 1%; background-size: 90%; 
	background-image: url(images/pr_arrow2.svg); animation: scrolltipanim 1s infinite; animation-timing-function: ease-out; transition: all 0.2s;
	background-position: center; background-repeat: no-repeat; opacity: 0.8;}

@media screen and (min-width:1600px) {
	.calidadblock4 { padding-top: 20% !important; }
	.calidadblock5 { padding-top: 13.5% !important; }
	.calidadblock5 strong { margin-top: 1.7em !important;  }
}

@media screen and (max-width:1600px) {
	.calidadblock4 { padding-top: 20% !important; }
	

}

@media screen and (max-width:1400px) {
	.calidadblock4 { padding-top: 21% !important; }
	.calidadblock5 strong {  margin-top: 1.4em;  }
}


@media screen and (max-width:1220px) {
	body { overflow-y: scroll !important; position: inherit; }
	#wrapper { position: relative !important; top: 0px !important; left: 0px; width: 100%; display: block; height: auto; }
	#menubar { position: fixed !important; opacity: 1; }
	.menuhide { top: 0px !important; }
	.lang2 { display: none !important; }
	.procesosblock2,
	.calidadblock2,
	.procesosblock5 { overflow-x: scroll; }
	.homeblock,
	.contactoblock { margin-top: 56px !important; }
	.homeblock3_left,
	.azafranblock2_left,
	.azafranblock4_right,
	.procesosblock3_left,
	.copackingblock5 { background-attachment: initial !important; background-size: cover; }
	.azafranblock2_right { overflow-y: scroll; }
	.calidadblock3 { padding-top: 45%; }
	.calidadblock4 { padding-top: 25% !important; }
	.calidadblock5 { padding-top: 24% !important; }
	.calidadblock5 strong { font-size: 1.1em; margin-top: 1.5em; display: block; font-weight: normal; 
	line-height: 1.2em; }
	
	.copackingblock2 { padding-top: 46%; }
	#scrollb { display: none; }
	.azafranblock5 { width: 100%; position: relative; height: 0px; padding-top: 45%; overflow: hidden;   }
}
@media screen and (max-width:900px) {
	.menu li a { padding: 10px 21.2px; }
	#menu .top_left_border { display: none; }
	strong { height: inherit; line-height: inherit; }
	.homeblock { padding-top: 72%; }
	.homeblock2 { padding-top: 58%; }
	.homeblock2_right p { width: 80%; }
	.homeblock2_right strong { height: inherit; line-height: inherit; }
	.homeblock3 { padding-top: 58%; }
	.homeblock3_right p { width: 70%; }
	.homeblock4 { padding-top: 12%; }
	.homeblock4 p { white-space: nowrap; }
	.homeblock5 { padding-top: 40%; }
	.homeblock6 { padding-top: 40%; }
	.azafranblock2 { height: 920px; overflow: hidden; }
	.azafranblock2_left { }
	.scrollp { width: 43%; height: 100%; }
	.azafranblock3 { padding-top: 50%; }
	.azafranblock4 { padding-top: 40%; }
	.azafranblock5 { padding-top: 70%; }
	.azafranblock6 { padding-top: 40%; }
	.calidadblock3 { padding-top: 60%; }
	.calidadblock3 .text { width: 80%; }
	.calidadblock4 { padding-top: 32% !important; }

	.calidadblock5 { padding-top: 22% !important; }
	.calidadblock5 strong { font-size: 0.8em; margin-top: 1.5em; display: block; font-weight: normal; 
	line-height: 1.2em; }

	.copackingblock2 { padding-top: 69%; }
	.copackingblock2 .text { width: 80%; }
	.copackingblock3 { padding-top: 30%; }
	.copackingblock3  .text { width: 80%; }
	.copackingblock4 { padding-top: 12%; }
	.contactoblock { width: 100%; position: relative; height: 0px; padding-top: 100%; }
	.contactpad p { font-size: 13px; left: 75px; }
	.contactpad { position: absolute; top: 0px; width: 100%; height: 33.3%; display: block; text-decoration: none; color: inherit; background-position: 20px center; background-size: 40px; background-repeat: no-repeat; }

}
@media screen and (max-width:730px) {
	.menu li a { padding: 10px 10px; }
	.calidadblock4 { padding-top: 39% !important; }
	.contactpad p { font-size: 11px; left: 75px; }
}
@media screen and (max-width:720px) {
	.onlymobile { display: block; }
	.nomobile { display: none; }
	.lang2 { display: block !important; }
	body { font-size: 18px; }
	h1 {  font-size: 28px; width: 100%; font-weight: normal; line-height: 1.2em; padding-bottom: 20px }
	h2 {  font-size: 15px; width: 100%; font-weight: normal; line-height: 1.2em; padding-bottom: 20px }

	#menubar2 { overflow: visible !important; }
	#menubar2 #logo { height: 57px; left: 0px; }
	#menulang { display: none; }
	#menu { display: none; width: 100%; padding: 0px; position: relative; text-align: center; height: auto; }
	.menu li { display: block; float: left; clear: both; width: 100%; padding: 0px 0px; margin: 0px; }
	.menu li a { padding: 18px 38px; text-decoration: none; color: inherit; display: block; border-top: 1px solid #000; }
	#burguermenu { display: block; }
	.homeblock { padding-top: 152%; overflow: hidden; }
	.maintit { font-size: 28px !important; width: 85% !important; top: 35%; }
	.homeblockimg { top: 70%; left: 4%; width: 100%; }
	.homeblock2 { padding-top: 98%; }
	.homeblock2_left { width: 18%; }
	.homeblock2_right { width: 82%; }
	.hometit2 { font-size: 35px; }
	.homeblock2_right p { width: 80%; }
	.homeblock2_right strong { height: inherit; line-height: inherit; }
	.homeblock3 { padding-top: 0; height: auto; }
	.homeblock3_right,
	.homeblock3_left { position: relative; width: 100%; height: 270px; }
	.homeblock3_right p { width: 70%; }
	.homeblock4 { padding-top: 18%; }
	.homeblock4 p { white-space: nowrap; }
	.homeblock5 { padding-top: 0%; height: auto; }
	.homeblock5_right,
	.homeblock5_left { position: relative; width: 100%; height: 220px; }
	.botmas { position: absolute; top: 50px; right: 50%; width: 50px; transform: translateX(50%); height: 50px; background-size: cover; transition: all 0.3s; }
	.homeblock5 .fullcenter { top: 65% !important; }
	.homeblock6 { padding-top: 65%; }
	.homeblock6 .fullcenter { width: 85%; margin-top: 0%; }

	.txtchange { height: 52px; }
	.azafranblock .homeblockimg { top: 70%; left: 50%; width: 120%; }
	.azafranblock2 { height: auto; padding-top: 0px; overflow: hidden; }
	.azafranblock2_left { width: 100%; height: 290px !important; position: relative; }
	.azafranblock2_right { width: 100%; height: auto !important; position: relative; }
	.scrollp { width: 100%; height: auto; position: relative; display: block; top: 0px; left: 0px; }
	.scrollp .trans { width: 68%; }
	.azafranblock3 { padding-top: 160%; }
	.azafranblock3_left { display: none; }
	.azafranblock3_center { width: 78% !important; left: 0px; transform: none; }
	.azafranblock3_center .text { width: 80%; }
	.azafranblock3_right { width: 22%; left: 78%; }
	.azafranblock3 .hometit2 {font-size: 70px;}

	.azafranblock4 { padding-top: 0%; height: 580px; }
	.azafranblock4_left { width: 19%; float: left; position: relative; height: 290px; }
	.azafranblock4_center { width: 81% !important; left: inherit; height: 290px; float: left; transform: none; position: relative;}
	.azafranblock4_right { width: 100%; float: left; left: inherit; position: relative; height: 290px; }
	.azafranblock4 .rotatedtit { top: 85px; left: 42%; }
	.azafranblock4 .rotatedtit p { font-size: 40px; }

	.azafranblock5 { padding-top: 0%; height: 1100px; }
	.azafranblock5_right { width: 19%; left: 0px; }
	.azafranblock5_left { width: 81%; left: 19%; }
	.azafranblock5_left2, .azafranblock5_right2 { position: relative; width: 100%; height: 280px; }

	.azafranblock5 .rotatedtit { top: 75px; left: 46%; }
	.lang_en  .azafranblock5 .rotatedtit { top: 75px; left: 46%; }
	.azafranblock5 .rotatedtit p { font-size: 40px; }

	.azafranblock5 .rotatedtit2 { top: 75px; left: 54%; }
	.azafranblock5 .rotatedtit2 p { font-size: 40px; }

	.azafranblock4 .rotatedtit { top: 95px; left: 42%; }
	.lang_en .azafranblock4 .rotatedtit2 { top: 120px !important; left: 59%; }
	.azafranblock4 .rotatedtit2 { top: 140px !important; left: 59%; }

	.azafranblock4 .rotatedtit3 { top: 132px !important; left: 40%; }
	.lang_en .azafranblock4 .rotatedtit3 { top: 120px !important; left: 40%; }

	.lang_en .azafranblock4 .rotatedtit { top: 85px; left: 42%; }
	.azafranblock4 .rotatedtit p { font-size: 40px; }

	.azafranblock6 .rotatedtit2 { top: 122px; left: 55%; }
	.azafranblock6 .rotatedtit { top: 145px; left: 45%; white-space: nowrap; }
	.lang_en .azafranblock6 .rotatedtit2 { top: 225px; left: 55%; }
	.lang_en .azafranblock6 .rotatedtit { top: 270px; left: 45%; white-space: nowrap; }
	.azafranblock6 .rotatedtit2 p { font-size: 40px; white-space: nowrap; }

	.azafranblock6 { padding-top: 0%; height: 620px; }
	.lang_en  .azafranblock6 { padding-top: 0%; height: 820px; }
	.azafranblock6_right { width: 19%; float: left; position: relative; height: 280px; }
	.lang_en .azafranblock6_right, .lang_en .azafranblock6_center { height: 540px; }
	.azafranblock6_center { width: 81% !important; top:0px; left: inherit; height: 350px; float: left; transform: none; position: relative;}
	.azafranblock6_left { width: 100%; float: left; left: inherit; position: relative; height: 280px; }
	
	.pr_white { width: 2%; }
	.procesosblock .homeblockimg { position: absolute; width: 180%; top:60%; left: 44%; transform: translateY(-50%) translateX(-50%);  }

	.procesosblock3 { height: 640px; padding-top: 0px; }
	.procesosblock3_left, .procesosblock3_right { width: 100%; float: left; left: inherit; position: relative; height: 320px; }
	
	.procesosblock4 { padding-top:25%; }
	.procesosblock5 { height: 600px; }

	.calidadblock .homeblockimg { position: absolute; width: 180%; top:65%; left: 50%; transform: translateY(-50%) translateX(-50%);  }
	.calidadblock3 { height: 600px; padding-top: 0px; }

	.calidadblock3_left, .calidadblock3_right { width: 100%; float: left; left: inherit; position: relative; height: 300px; }
	
	.calidadblock4 { height: auto; padding-top: 0px !important; }
	.calidadblock5 { height: auto; padding-top: 0px !important; }
	
	.calidadblock4_left, .calidadblock4_center { width: 50%; float: left; left: inherit; position: relative; height: 180px; }
	.calidadblock4_right { width: 100%; float: left; right: 0px; position: relative; height: 100px; }
	.calidadblock4_left2 { width: 100%; float: left; right: 0px; position: relative; height: 90px; }
	
	.calidadblock4_right2 { width: 100%; float: left; left: inherit; position: relative; height: 260px; }
	.calidadblock4_left2 p, .calidadblock4_right p, .calidadblock4_right2 p { width: 80%; font-size: 12px !important; }
	.calidadblock4_right2_2 { height: 270px; }

	.calidadblock5 strong { font-size: 1em; margin-top: 2em; display: block; font-weight: normal; 
	line-height: 1.2em; }

	.copackingblock .homeblockimg { position: absolute; width: 180%; top:65%; left: 50%; transform: translateY(-50%) translateX(-50%);  }
	
	.copackingblock2 { padding-top: 240%; }

	.copackingblock7 { padding-top: 0%; height: 600px; }
	.copackingblock7_left { position: relative; float: left; width: 100%; height: 300px; }
	
	.copackingblock7_right { position: relative; float: left; width: 100%; height: 300px; }
	.copackingblock7_right2 { position: relative; float: left; width: 50%; height: 300px; top:0px !important; }
	.copackingblock7 .hometit2 {font-size: 70px;}

	.copackingblock3 { padding-top: 50%; }
	.copackingblock4 { padding-top: 24%; }
	.copackingblock5 { padding-top: 120%; }

	.contactoblock { width: 100%; position: relative; height: 900px; padding-top: 0%; }

	.contactoblock_left, .contactoblock_left2 {position: relative; float: left; width: 100%; height: 320px;}
	.contactoblock_right { position: relative; float: left; width: 100%;height: 600px;}
	.contactoblock_left2 { position: absolute; top:0px; width: 100%; height: 50%; background-size: cover !important;}
	.contactpad { position: relative; width: 100% !important; left:0px !important; top:0px !important; height: 80px; float: left;
		background-position: 10px center;
	 }
	.contactoblock_left2 {  }

	.contactoblock_sede { position: relative; padding-top: 70%; height: 0px; background-size: cover; }

	.contactpad p { font-size: 12px; left: 62px; }
	
	.footercontent { margin: 32px; margin-top: 0px; padding-top: 110px; padding-bottom: 26px; margin-bottom: 0px; color: inherit; }
	.footcol1 { float: left; width: 100%; margin-right: 20px; }
	.footcol2 { float: left; width: 100%; margin-right: 20px; }
	.footcol3 { float: left; width: 100px; }
	.footcol4 { float: right; text-align: right; }

	.homeblock5_left:hover .botmasnormal { opacity: 0; transform: translateX(50%) rotate(90deg);}
.homeblock5_left:hover .botmashover { opacity: 1; transform: translateX(50%) rotate(90deg);}
.homeblock5_right:hover .botmasnormal { opacity: 0;transform: translateX(50%) rotate(90deg); }
.homeblock5_right:hover .botmashover { opacity: 1;transform: translateX(50%) rotate(90deg); }
}