/*GENERAL CSS*/
body, html{
margin: 0;
padding: 0;
font-family: 'Roboto Condensed';
line-height: 1.6;
background-color: #fff;
}
.black{
background-color: #000;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
img{
border: 0;
}
.mktg_cont{
display:none;
}
a{
text-decoration: none;
}
a:link, a:visited{
text-decoration: none;
font-weight:normal;
outline:none;
}
a:hover, a:active{
text-decoration: none;
font-weight:normal;
outline:none;
}
h1, h2, h3,h4,h5,h6{
margin: 0;
padding: 0;
font-weight: normal;
font-family: 'Poppins', sans-serif;
}
p{
margin: 0;
padding: 0;
font-weight: normal;
}
.icon-scroll {
position: absolute;
bottom: 60px;
left: 50%;
width: 100px;
height: 6.205em;
/*transform: translateX(-50%) scale(2);*/
z-index: 8;
text-align: center;
}
.arrow
{
position: absolute;
top: 0;
left: -2px;
height: 50px;
width: 2px;
background: #fff;
animation: animate 1.3s ease infinite;
}
.arrow:before
{
content: '';
position: absolute;
bottom: 0;
left: -5px;
width: 10px;
height: 10px;
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(45deg);
}
@keyframes animate
{
0%
{
transform: translateY(0);
opacity: 0.3;
}
/* 50%
{
transform: translateY(80px);
opacity: 1;
}*/
100%
{
transform: translateY(50px);
opacity: 1;
}
}
.line-rep-scroll{
width: 1px;
height: 1px;
border-right: 2px solid transparent;
margin: auto;
position: absolute;
left:-1px;
right:0;
}
.line-rep-scroll:after{
content: '';
position: absolute;
width: 1px;
left:-1px;
height: 150px;
/*background: #fff;*/
top:-20px;
border-right: 2px dashed #fff;
/*margin-left: -3px;
top: 6px;
border-radius: 3px;*/
animation-duration: 2.2s;
animation-iteration-count: infinite;
animation-name: scroll2;
}
@keyframes scroll2{
0%{opacity: 0;}
100%{
opacity: 1;
transform: translateY(40px);
}
}
.flex-a{
display:flex;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
padding: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-around;
-webkit-justify-content: space-around;
align-items: center;
}
.flex-b{
display:flex;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
-webkit-justify-content: space-between;
align-items: center;
}
.flex-b-stop{
display:flex;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
-webkit-justify-content: space-between;
align-items: center;
}
.flex-b-start{
display:flex;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
-webkit-justify-content: space-between;
align-items: flex-start;
}
.flex-only-align{
display:flex;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
align-items: center;
}
.flex-c{
display:flex;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
-webkit-justify-content:center;
align-items: center;
}
.flex-c-end{
display:flex;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
-webkit-justify-content:center;
align-items: flex-end;
}
.flex-c-start{
display:flex;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: flex-end;
-webkit-justify-content:center;
align-items: flex-start;
}
.flex-c-block{
display:flex;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
justify-content: center;
-webkit-justify-content:center;
align-items: center;
text-align: center;
}
.clear{
clear:both;
}
.icomenu{
height: 27px;
width: 27px;
cursor: pointer;
}
/* Zoom in Keyframes */
@-webkit-keyframes zoomin {
0% {transform: scale(1);}
50% {transform: scale(1.2);}
100% {transform: scale(1);}
}
@keyframes zoomin {
0% {transform: scale(1);}
50% {transform: scale(1.2);}
100% {transform: scale(1);}
} /*End of Zoom in Keyframes */
.anim_in {
-webkit-animation-name: acc_in;
animation-name: acc_in;
-webkit-animation-duration: 0.65s;
animation-duration: 0.65s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-direction: normal;
animation-direction: normal;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.anim_out {
-webkit-animation-name: acc_out;
animation-name: acc_out;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-direction: alternate;
animation-direction: alternate;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
@-webkit-keyframes acc_in {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
}
@keyframes acc_in {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
}
@-webkit-keyframes acc_out {
0% {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
}
}
@keyframes acc_out {
0% {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
}
}
/*FINE ACCORDION*/
/*FINE GENERAL CSS*/
/* Desktop */
@media only screen and (min-width: 851px){
body{
font-size: 1vw;
}
#scroll_div1, #scroll_div2, #scroll_div3, #scroll_div4{
opacity: 0;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
#scroll_div1.visible, #scroll_div2.visible, #scroll_div3.visible, #scroll_div4.visible{
opacity: 1;
}
.digit{
opacity: 0;
-webkit-transform: translateX(-40px);
-moz-transform: translateX(-40px);
-ms-transform: translateX(-40px);
-o-transform: translateX(-40px);
transform: translateX(-40px);
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-ms-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}
.digit2 {
opacity: 0;
/* -webkit-transform: translateX(40px);
-moz-transform: translateX(40px);
-ms-transform: translateX(40px);
-o-transform: translateX(40px);
transform: translateX(40px);*/
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-ms-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}
.digit_img_dx {
opacity: 0;
-webkit-transform: translateX(40px);
-moz-transform: translateX(40px);
-ms-transform: translateX(40px);
-o-transform: translateX(40px);
transform: translateX(40px);
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-ms-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}
.digit.visible, .digit2.visible, .digit_img_dx.visible {
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.item_scroll {
opacity: 0;
/*-webkit-transform: translateX(40px);
-moz-transform: translateX(40px);
-ms-transform: translateX(40px);
-o-transform: translateX(40px);
transform: translateX(40px);*/
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-ms-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
.item_scroll.visible {
opacity: 1;
/*-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;*/
}
.item_scroll2 {
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-ms-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.item_scroll2.visible {
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.mobile{
display: none;
}
.intro{
padding-top: 5vh;
padding-bottom: 30px;
background-color: #000;
position: absolute;
top: 0;
width: 100%;
z-index: 9;
}
.head-hp{
width: 100%;
/*background-color: #f7a71e;*/
position: fixed;
z-index: 9;
transition: 0.2s;
-moz-transition: 0.2s;
-webkit-transition: 0.2s;
padding-bottom: 5px;
/* border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;*/
}
.head-hp:after {
content: '';
position: absolute;
background-color: #f7a71e;
width: 600px;
height: 520px;
z-index: -1;
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
/* Makes the element circular */
top:-320px;
left: 0;
right: 0;
margin:auto;
}
.shrink{
width: 100%;
background-color: #f7a71e;
position: fixed;
z-index: 9;
transition: 0.2s;
-moz-transition: 0.2s;
-webkit-transition: 0.2s;
/* border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;*/
}
.head-interno{
width: 100%;
background-color: #f7a71e;
position: fixed;
z-index: 9;
transition: 0.2s;
-moz-transition: 0.2s;
-webkit-transition: 0.2s;
/* border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;*/
}
.head-hp .head{
width: 80%;
margin: 0 auto;
padding: 15px 0 10px 0;
}
.shrink .head{
width: 80%;
margin: 0 auto;
padding: 10px 0 5px 0;
}
.head-interno .head{
width: 80%;
margin: 0 auto;
padding: 10px 0 5px 0;
}
.head-hp .logo_hp{
height: 120px;
}
.shrink .logo_hp{
height: 70px;
}
.head-interno .logo_hp{
height: 70px;
}
/*ICO ANIMENU DESK*/
.animenu {
/*padding: 15px 15px;*/
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
position: absolute;
z-index: 11;
right: 50;
}
.head-hp .animenu{
top:55;
}
.shrink .animenu {
top:30;
}
.animenu:hover {
opacity: 0.8;
}
.animenu.is-active:hover {
opacity: 0.8;
}
.animenu:hover .animenu-inner, .animenu:hover .animenu-inner::before, .animenu:hover .animenu-inner::after{
background-color: #222;
}
.animenu.is-active:hover .animenu-inner, .animenu:hover .animenu-inner::before, .animenu:hover .animenu-inner::after{
background-color: #222;
}
.animenu-box {
width: 30px;
height: 30px;
display: inline-block;
position: relative;
cursor: pointer;
}
/* .animenu-inner {
display: block;
top: 50%;
z-index: 999;
margin-top: 0px; }*/
.animenu-inner, .animenu-inner::before, .animenu-inner::after {
width: 22px;
height: 1px;
/*border-radius: 1px;*/
position: absolute;
z-index: 11;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease; }
.animenu-inner::before, .animenu-inner::after {
content: "";
display: block; }
.animenu-white, .animenu-white::before, .animenu-white::after{
background-color: #27963c;
}
.animenu-black, .animenu-black::before, .animenu-black::after{
background-color: #222;
}
/*
* Slider
*/
.animenu--slider .animenu-inner {
top: 0; }
.animenu--slider .animenu-inner::before {
top: 5px;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.15s; }
.animenu--slider .animenu-inner::after {
top: 10px; }
.animenu--slider.is-active .animenu-inner {
color: #000;
transform: translate3d(0, 5px, 0) rotate(45deg); }
.animenu--slider.is-active .animenu-inner::before {
transform: rotate(-45deg) translate3d(-5.71429px, -2px, 0);
opacity: 0;
color: #000;
}
.animenu--slider.is-active .animenu-inner::after {
color: #000;
transform: translate3d(0, -10px, 0) rotate(-90deg); }
/*SLIDE HP DESK*/
.slide_hp{
width: 100%;
height: 100vh;
text-align: center;
margin:0 0 0 0;
padding: 0;
position: relative;
}
.owl-carousel1{
padding: 0;
}
.item{
margin:0;
padding: 0 0 0 0;
width: 100%;
height: 100%;
}
.text-slide{
width: 100%;
/*background: linear-gradient(0deg, rgba(255,255,255,0.0) 0%,rgba(255,255,255,0.8) 100%);*/
padding: 35vh 0 0 0;
}
.text-slide h1{
font-size: 500%;
line-height: 1.3;
color: #fff;
text-shadow: 0px 2px 1px #000;
}
.text-slide p{
font-size: 140%;
line-height: 1.3;
color: #000;
}
.img-slide_hp{
margin-top: 30px;
/*height: 330px;
width: auto;*/
}
/*about_hp desk*/
.about_hp{
width: 100%;
background-image: url(../images/black30.png),url(../images/back_azienda.JPG);background-repeat:repeat, no-repeat;background-size:auto, cover;
background-position: top center;
height: 60vh;
background-attachment: fixed;
text-align: center;
}
/*filiera hp desk*/
.filiera_hp{
width: 100%;
background-color: #266d31;
padding: 5vh 0 12vh 0;
position: relative;
}
.cont-filiera_hp{
width: 80%;
margin: 0 auto;
text-align: center;
}
.cont-filiera_hp h1{
color: #fff;
margin: 0 auto 15px auto;
text-transform: uppercase;
font-size: 280%;
font-weight: 500;
position: relative;
}
.cont-filiera_hp h2{
color: #fff;
margin: 0 auto 30px auto;
font-size: 180%;
font-weight: 500;
position: relative;
}
.cont-filiera_hp p{
color: #fff;
margin: 0 auto;
font-size: 150%;
font-weight: 500;
position: relative;
}
.campagna_amica{
position: absolute;
bottom: -100;
width: 100%;
text-align: center;
margin: auto;
}
.campagna_amica img{
height: 180px;
}
.ciclo{
padding: 30vh 0 8vh 0;
background-image:url(../images/black50.png),url(../images/back_hp_filiera.jpg);
background-repeat: repeat, no-repeat;
background-size: auto,cover;
background-position: center center;
text-align: center;
}
.ciclo h1{
color: #fff;
margin: 0 auto;
text-transform: uppercase;
font-size:280%;
font-weight: 500;
}
.controllo_hp{
width: 80%;
margin: 0 auto;
padding: 5vh 0;
}
.sec_aliment{
width: 100%;
margin: 0 auto;
padding: 5vh 0 10vh 0;
text-align: center;
cursor: pointer;
}
.sec_aliment h1{
color: #266D31;
margin: 20px auto;
text-transform: uppercase;
font-size: 300%;
font-weight: 500;
position: relative;
}
.sec_aliment p{
color: #222;
margin: 0 auto 30px auto;
font-size: 140%;
font-weight: 500;
line-height: 1.6;
position: relative;
}
.prima_scelta{
width: 35vw;
height: 35vw;
border-radius: 50%;
background:url(../images/back_prima_scelta.JPG) no-repeat;
background-position: center left;
background-size: 45%;
background-attachment: fixed;
border: 5px solid #F7A71E;
position: relative;
}
.prima_scelta img{
position: absolute;
top: -20;
right: -40;
height:220px;
}
.text_controllo_hp{
width: 38vw;
}
.text_controllo_hp h1{
color: #266D31;
margin: 0 auto 30px auto;
text-transform: uppercase;
font-size: 300%;
font-weight: 500;
position: relative;
}
.text_controllo_hp p{
color: #222;
margin: 0 auto;
font-size: 130%;
font-weight: 500;
position: relative;
}
.allevamento_toscana{
width: 100%;
padding: 20vh 0;
background-image: url(../images/black50.png), url(../images/back_allevati_toscana.JPG);
background-size:auto, cover;
background-repeat: repeat, no-repeat;
background-position: center center;
text-align: center;
cursor: pointer;
}
.allevamento_toscana h1{
color: #fff;
margin: 40px auto;
text-transform: uppercase;
font-size: 300%;
font-weight: 500;
}
.allevamento_toscana img{
height: 140px;
}
.alimentazione{
width: 22vw;
height: 22vw;
border-radius: 50%;
background-image:url(../images/black20.png),url(../images/back_alimentazione.JPG);
background-repeat: repeat,no-repeat;
background-position: center left;
background-size:auto, 50%;
background-attachment:fixed;
border: 5px solid #F7A71E;
position: relative;
color: #fff;
text-align: center;
text-transform: uppercase;
font-size: 120%;
text-shadow: 0px 2px 1px #000;
}
.alimentazione2{
width: 22vw;
height: 22vw;
border-radius: 50%;
background-image:url(../images/black20.png),url(../images/back_alimentazione2.JPG);
background-repeat: repeat,no-repeat;
background-position: center left;
background-size:auto, 50%;
background-attachment: fixed;
border: 5px solid #F7A71E;
position: relative;
color: #fff;
text-align: center;
text-transform: uppercase;
font-size: 120%;
text-shadow: 0px 2px 1px #000;
}
.alimentazione3{
width: 22vw;
height: 22vw;
border-radius: 50%;
background-image:url(../images/black20.png),url(../images/back_alimentazione3.JPG);
background-repeat: repeat,no-repeat;
background-position: center right;
background-size:auto, 50%;
background-attachment:fixed;
border: 5px solid #F7A71E;
position: relative;
color: #fff;
text-align: center;
text-transform: uppercase;
font-size: 120%;
text-shadow: 0px 2px 1px #000;
}
.alimentazione4{
width: 22vw;
height: 22vw;
border-radius: 50%;
background-image:url(../images/black20.png),url(../images/back_alimentazione4.JPG);
background-repeat: repeat,no-repeat;
background-position: center right;
background-size:auto, 50%;
background-attachment:fixed;
border: 5px solid #F7A71E;
position: relative;
color: #fff;
text-align: center;
text-transform: uppercase;
font-size: 120%;
text-shadow: 0px 2px 1px #000;
}
.aliment_img{
height: 160px;
}
/* .alimentazione img{
position: absolute;
top: -20;
left: -40;
height:160px;
}*/
.macelleria{
width: 100%;
padding: 30vh 0 15vh 0;
background-image: url(../images/black50.png), url(../images/back_macelleria.JPG);
background-size:auto, cover;
background-repeat: repeat, no-repeat;
background-position: center center;
text-align: center;
background-attachment: fixed;
position: relative
}
.macelleria h1{
color: #fff;
margin: 0 auto;
text-transform: uppercase;
font-size: 300%;
font-weight: 500;
}
.sec_macc{
position: relative;
}
.macelleria_absolute{
width: 100%;
/* position: absolute;
top:-140;*/
background-color: #ededed;
padding-bottom: 30px;
}
.back_macell{
width: 100%;
margin: 20px auto 40px auto;
height: 60vh;
background-image: url(../images/slide_macelleria/macelleria1.JPG);
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
}
.back_distribuzione{
width: 100%;
margin: 0 auto 30px auto;
height:40vh;
background-image: url(../images/back_distribuzione.JPG);
background-repeat: no-repeat;
background-size:contain;
background-position: center center;
}
.distribuzione{
width: 100%;
}
.macelleria_absolute .owl-carousel {
width: 45vw;
height:45vw;
/*width: 583px;
height: 583px;*/
margin: 0 auto 0;
overflow: hidden;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
.macelleria_absolute .item {
width: 45vw;
height:45vw;
/*width: 583px;
height: 583px;*/
overflow: hidden;
}
.bg-image {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: inherit;
}
.macelleria_distr{
width: 80%;
padding: 5vh 0 0 0;
margin: 0 auto;
}
.text_macelleria_distr{
width: 30vw;
}
.text_macelleria_distr h1{
color: #266D31;
margin: 0 auto 30px auto;
text-transform: uppercase;
font-size: 300%;
font-weight: 500;
position: relative;
}
.text_macelleria_distr p{
color: #222;
margin: 0 auto;
font-size: 130%;
font-weight: 500;
position: relative;
}
.macelleria_absolute .text_controllo_hp{
/*padding-left: 20px;*/
}
.distribuzione .owl-carousel {
width: 45vw;
height:45vw;
/*width: 583px;
height: 583px;*/
margin: 0 auto 0;
overflow: hidden;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
.distribuzione .item {
width: 45vw;
height:45vw;
/*width: 583px;
height: 583px;*/
overflow: hidden;
}
.distribuzione .text_controllo_hp{
/*padding-right: 20px;*/
}
.last_distrib{
background-image: url(../images/black50.png),url(../images/back_last_distrib.JPG);
width: 100%;
padding: 30vh 0 15vh 0;
background-size:auto, cover;
background-repeat: repeat, no-repeat;
background-position: center center;
text-align: center;
background-attachment: fixed;
position: relative;
}
.last_distrib h1{
color: #fff;
margin: 0 auto;
text-transform: uppercase;
font-size: 300%;
font-weight: 500;
}
/*FOOTER DESK*/
footer{
width: 100%;
padding: 20px 0;
background-color: #000;
}
.foot{
width: 80%;
margin: 0 auto;
color: #fff;
font-size:100%;
text-align: center;
line-height: 1.6;
}
footer a{
color: #fff;
text-decoration: none;
}
footer a:hover{
color: #fff;
text-decoration: underline;
}
/*BREADCRUMB & tit_border DESK*/
.breadcrumbs{
padding: 0;
text-align: center;
width: 100%;
color:#fff;
font-size: 75%;
font-weight: 600;
text-transform: uppercase;
}
.breadcrumbs .home_bread::before{
content: url('../images/arrow_breadcrumb.svg');
position: absolute;
left: -20px;
top:3px;
}
.breadcrumbs .home_bread:hover::before{
content: url('../images/arrow_breadcrumb_hover.svg');
left: -30px;
-moz-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
transition: all .2s ease-in;
/*position: absolute;
top:5px;*/
}
.breadcrumbs .other_bread:hover .home_bread::before{
content: url('../images/arrow_breadcrumb_hover.svg');
left: -30px;
position: absolute;
-moz-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
transition: all .2s ease-in;
/*position: absolute;
top:5px;*/
}
.home_bread{
position: relative;
}
.breadcrumbs a{
color:#fff;
font-weight: 600;
text-decoration: none;
}
.breadcrumbs a:hover{
color:#F7A71E;
text-decoration: none;
}
.tit_border{
padding: 30px;
/*border: 1px solid #fff;*/
text-align: center;
width: 80%;
margin: 0 auto;
}
.tit_border h1{
font-size: 300%;
font-weight: 600;
text-transform: uppercase;
color: #fff;
margin-top: 30px;
line-height: 1.6;
}
.mangimi .tit_border h1{
font-size: 220%;
}
.tit_border h1:after{
content: '';
display: block;
height: 3px;
width: 30px;
margin: 5px auto;
background-color: #fff;
}
/*LOCATION CONTATTI DESK*/
.richiedi_info_form{
padding: 0;
width: 100%;
}
/*FORM DESK*/
#form_info
{position:relative;
width: 80%;
margin:30px auto;
padding: 30px 0;
color: #6a6a6a;
}
#form_info h1
{
font-size: 300%;
text-transform: uppercase;
margin: 20px auto;
width: 65%;
text-align:center;
/*border-top: 1px solid #888;
border-bottom: 1px solid #888;*/
color: #F7A71E;
padding: 5px 0;
}
.contenuto_form
{position:relative;
width: 70%;
margin: 20px auto;
}
.form_left
{width: 30%;
padding-right: 16px;
}
.form_left input{
border: 1px solid #dedede;
padding: 5px 5px;
margin-bottom: 5px;
width: 100%;
}
.form_right
{width: 60%;
}
.form_right textarea
{width: 100%;
height:150px;
}
#info
{margin: 15px auto;
display: none;
text-align: center;
width: 100%;
padding:15px;
background-color: #fff;
font-size: 65%;
}
.send
{position:relative;
width: 50%;
margin: 15px auto;
text-align:center;}
.send button
{margin-left: 30px;
padding: 20px;
outline: none;
border: none;
background: #BDBDBD;
color: #fff;
text-transform: uppercase;
font-weight: bold;
cursor: pointer;
}
#show_info{
margin: 0 auto;text-align: center;
width: 100%;
cursor: pointer;
color: #fff;
}
#show_info:hover{
color: #F7A71E;
}
#info a{
color: #222;
}
#info a:hover{
color: #F7A71E;
}
/* PAGE DESK*/
.intest_page{
width: 100%;margin: 0 auto;
position: relative;
height:100%;
}
.intest_page2{
width: 100%;margin: 0 auto;
position: relative;
height:100%;
}
.mangimi{
background-image:url(../images/black20.png), url(../images/slide_mangimi/mangimi2.jpg);background-repeat:repeat,no-repeat;background-size:auto,cover;background-position:top center;
}
.bovini{
background-image:url(../images/black20.png), url(../images/bovini/allevamento_backpage.jpg);background-repeat:repeat,no-repeat;background-size:auto,cover;background-position:top center;
}
.macellazione{
background-image:url(../images/black20.png), url(../images/slide_macelleria/macelleria3.JPG);background-repeat:repeat,no-repeat;background-size:auto,cover;background-position:top center;
}
.storia{
background-image:url(../images/black20.png), url(../images/storia/back_pag_storia.jpg);background-repeat:repeat,no-repeat;background-size:auto,cover;background-position:top center;
}
.location{
background-image:url(../images/black20.png), url(../images/back_contatti.jpg);background-repeat:repeat,no-repeat;background-size:auto,cover;background-position:top center;
}
.loc_map{
text-align:center;padding:30px 0;width:400px;
}
.loc_map h2{
font-size:200%;
}
.loc_map p{
line-height:1.5;margin-top:15px;
font-size:120%;
}
.text-storia-page{
width: 100%;
padding: 40px 0;
background-color: #266C31;
text-align: center;
}
.text-storia-page img{
height: 160px;
margin-bottom: 20px;
}
.text-storia-page p{
width: 60%;
margin: 0 auto;
text-align: center;
font-size: 86%;
color: #fff;
}
.intest_page .aliment_img{
/*width: 80px;*/
margin: auto;
padding: 0;
position: absolute;
bottom: -8vh;
left: 0;
right: 0;
}
.gradient-mangimi{
background: linear-gradient(0deg, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.5) 100%);
background-position: top center;
height: 50vh;
padding: 22vh 0 0 0;
} .gradient-location{
background: linear-gradient(0deg, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.5) 100%);
background-position: top center;
height: 40vh;
padding: 22vh 0 0 0;
}
.gradient-bovini{
background: linear-gradient(0deg, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.5) 100%);
background-position: top center;
height: 50vh;
padding: 22vh 0 0 0;
}
.gradient-storia{
background: linear-gradient(0deg, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.5) 100%);
background-position: top center;
height: 100vh;
padding: 22vh 0 0 0;
}
.gradient-macellazione{
background: linear-gradient(0deg, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.5) 100%);
background-position: top center;
height: 100vh;
padding: 22vh 0 0 0;
}
.alimentazione_back{
background-image: url(../images/black50.png),url(../images/slide_mangimi/mangimi3.jpg);
width: 100%;
padding: 25vh 0;
background-size:auto, cover;
background-repeat: repeat, no-repeat;
background-position: center center;
text-align: center;
background-attachment: fixed;
position: relative;
}
.alimentazione_back h1,.alimentazione_back h2{
color: #fff;
font-size: 200%;
width: 70%;
margin: 0 auto;
line-height: 1.4;
}
.bovini_back{
background-image: url(../images/black50.png),url(../images/bovini/bovini3.jpg);
width: 100%;
padding: 30vh 0;
background-size:auto, cover;
background-repeat: repeat, no-repeat;
background-position: center center;
text-align: center;
background-attachment: fixed;
position: relative;
}
.bovini_back h1{
color: #fff;
font-size: 200%;
width: 70%;
margin: 0 auto;
line-height: 1.4;
text-transform: uppercase;
}
.bovini_back .aliment_img{
width: 140px;
margin-bottom: 10px;
}
.consegna_back{
background-image: url(../images/black50.png),url(../images/back_last_distrib.JPG);
width: 100%;
padding: 30vh 0;
background-size:auto, cover;
background-repeat: repeat, no-repeat;
background-position: center center;
text-align: center;
background-attachment: fixed;
position: relative;
}
.consegna_back h1{
color: #fff;
font-size: 200%;
width: 70%;
margin: 0 auto;
line-height: 1.4;
text-transform: uppercase;
}
.slide-mangimi{
width: 100%;
height: 80vh;
text-align: center;
margin:0 0 0 0;
padding: 0;
}
slide-mangimi .owl-carousel .item{
margin:0;
padding: 0 0 0 0;
width: 100%;
height: 100%;
pointer-events:auto;
}
.back_cont_about{
width: 100%;
height: 100%;
margin: 0 auto;
/*background: url(../images/red_hp.png) no-repeat;
background-size: contain;
background-position: center right;*/
background: linear-gradient(0deg, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.5) 100%);
padding-top: 20vh;
}
.text-about{
width: 80%;
margin: 0 auto;
text-align: center;
position: relative;
}
.text-about h1{
font-size: 2.4vw;
letter-spacing: 3px;
line-height: 1.5;
color: #fff;
text-align: center;
position: absolute;
/*text-shadow: 4px 2px 0 #222;*/
}
.tit-slide1{
left: 3vw;
top: 30vh;
}
/*.tit-slide1-bis{
left: 8vw;
top: 28vh;
}*/
.tit-slide2{
left: 10vw;
top: 18vh;
}
.tit-slide3{
left: 0;
right: 0;
margin: auto;
top: 14vh;
text-align: center;
}
.tit_about{
position: absolute;
z-index: 3;
top: 30px;
margin: 0;
left: 0;
right: 0;
text-align: center;
background-color: rgba(0,0,0,.2);
width: 100%;
padding: 70px 0 20px 0;
}
.tit_about h2{
font-size: 1.4vw;
letter-spacing: 3px;
line-height: 1.3;
color: #fff;
}
.tit_about h2::after{
content: '';
display: block;
height: 2px;
width: 30px;
margin: 10px auto;
background-color: #fff;
}
.mais,.foraggio,crusca,barbabietola,.bov_page,.storia_page,.mac_page{
width: 100%;
}
.mais_1, .foraggio_1, .crusca_1, .barbabietola_1,.storia_1,.macello_1{
width: 50%;
/*padding: 300px 0;*/
height: 80vh;
}
.storia_1{
width: 50%;
/*padding: 300px 0;*/
height: 100vh;
background: url(../images/storia/storia2.jpg) no-repeat;
background-repeat: no-repeat;
background-size:50%;
background-position: center left;
background-attachment:fixed;
}
.macello_1{
width: 50%;
/*padding: 300px 0;*/
height: 80vh;
background: url(../images/slide_macelleria/back_macelleria.JPG) no-repeat;
background-repeat: no-repeat;
background-size:50%;
background-position: center left;
background-attachment:fixed;
}
.bovini_1{
width: 50%;
/*padding: 300px 0;*/
height: 80vh;
background: url(../images/bovini/bovini1.jpg) no-repeat;
background-repeat: no-repeat;
background-size:50%;
background-position: center left;
background-attachment:fixed;
}
.bovini_4{
width: 50%;
/*padding: 300px 0;*/
height: 80vh;
background: url(../images/bovini/bovini2.jpg) no-repeat;
background-repeat: no-repeat;
background-size:50%;
background-position: center right;
background-attachment:fixed;
}
.macello_4{
width: 50%;
/*padding: 300px 0;*/
height: 80vh;
background: url(../images/slide_macelleria/distribuzione4.JPG) no-repeat;
background-repeat: no-repeat;
background-size:50%;
background-position: center right;
background-attachment:fixed;
}
.mais_1{
background: url(../images/back_alimentazione.JPG) no-repeat;
background-repeat: no-repeat;
background-size:50%;
background-position: center left;
background-attachment:fixed;
}
.foraggio_1{
background: url(../images/back_alimentazione2.JPG) no-repeat;
background-repeat: no-repeat;
background-size:50%;
background-position: center right;
background-attachment:fixed;
}
.crusca_1{
background: url(../images/back_alimentazione3.JPG) no-repeat;
background-repeat: no-repeat;
background-size:50%;
background-position: center left;
background-attachment:fixed;
}
.barbabietola_1{
background: url(../images/back_alimentazione4.JPG) no-repeat;
background-repeat: no-repeat;
background-size:50%;
background-position: center right;
background-attachment:fixed;
}
.mais_2,.foraggio_2, .crusca_2, .barbabietola_2, .bovini_2, .bovini_3,.macello_2,.macello_3{
width: 50%;
padding: 150px 30px 0 30px;
}
.storia_2{
width: 50%;
padding: 100px 30px 0 30px;
}
.mais_2 h1, .crusca_2 h1, .storia_2 h1, .macello_2 h1{
color: #F7A71E;
font-weight: 400;
text-transform: uppercase;
font-size: 200%;
margin: 0 0 50px 40px;
padding: 0 20px;
border-left: 5px solid #F7A71E;
}
.foraggio_2 h1, .barbabietola_2 h1, .bovini_2 h1, .bovini_3 h1, .macello_3 h1{
color: #F7A71E;
font-weight: 400;
text-transform: uppercase;
font-size: 200%;
margin: 0 0 50px 60px;
padding: 0 20px;
border-left: 5px solid #F7A71E;
}
.mais_2 p, .crusca_2 p, .storia_2 p, .macello_2 p{
color: #222;
font-size: 86%;
margin: 0;
padding: 0 120px 0 65px;
}
.foraggio_2 p, .barbabietola_2 p, .bovini_2 p, .bovini_3 p, .storia_2 p, .macello_3 p{
color: #222;
font-size: 86%;
margin: 0;
padding: 0 85px;
}
.mais_2 h3, .foraggio_2 h3, .crusca_2 h3, .barbabietola_2 h3, .bovini_3 h2, .bovini_3 h3, .storia_2 h3, .macello_2 h3, .macello_3 h3{
color: #222;
font-size: 134%;
font-style: italic;
margin:40px 0 0 0;
padding: 0 30px;
}
.mission{
width: 100%;
padding: 120px 0;
height: 90vh;
margin: 0 auto;
background-image:url(../images/black50.png), url(../images/slide_about/mission.jpg);background-repeat:repeat,no-repeat;background-size:auto,cover;background-position:center center;
}
.mission_div{
width: 40%;
margin: 0 auto;
/*background-color: rgba(0,0,0,0.7);*/
padding: 30px;
}
.mission_div div h1{ color:#F7A71E;font-weight: 400;
text-transform: uppercase;
font-size: 250%;
font-weight: 500;
margin: 0 0 50px 0;
padding: 0 20px;
border-left: 5px solid #F7A71E;
}
.mission_div div p{color: #fff;font-size: 102%;margin-bottom: 20px;text-align: justify;}
.slide_macello{
width: 100%;
}
.slide_macello .owl-carousel{
width: 100%;
height: 40vh;
}
.slide_macello .item{
width: 100%;
height: 40vh;
}
/*NEWS DESK*/
.intest_news{
width: 100%;margin: 0 auto;
background-image:url(../images/black20.png), url(../images/back_news.jpg);background-repeat:repeat,no-repeat;background-size:auto,cover;background-position:top center;
}
.gradient-news{
background: linear-gradient(0deg, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.5) 100%);
background-position: top center;
height: 40vh;
padding: 150px 0 0 0;
}
.catalogue_div{
width: 80%;
margin: 30px auto;
min-height: 50vh;
}
.catalogue_div .item2{
/* border: 1px solid #F7A71E;*/
width: 400px;
margin: 0 15px 30px 0;
overflow: hidden;
position: relative;
/*height:400px;*/
}
.text-item{
margin: 0;
text-align: center;
/*position: absolute;*/
/*bottom:0;*/
z-index: 4;
background-color:#ededed;
position: relative;
}
.text-item-back {
position: absolute;
z-index: -1;
/*opacity: 0;*/
width: 300%;
height: 100%;
/*background: -webkit-linear-gradient(right, #0c84d8, #f00, #0c84d8, #f00);
background: -o-linear-gradient(right, #0c84d8, #f00, #0c84d8, #f00);
background: -moz-linear-gradient(right, #0c84d8, #f00, #0c84d8, #f00);
background: linear-gradient(right, #0c84d8, #f00, #0c84d8, #f00);*/
background-color: #000;
top: 0;
left: -100%;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.catalogue_div .item2:hover .text-item-back {
left: 0;
background-color: #F7A71E;
opacity: 1;
}
.catalogue_div .item2 h2{
color: #fff;
z-index: 1;
/*position: absolute;*/
/* background-color: #ededed;*/
padding:10px 0;
bottom: 0;
width: 100%;
font-weight: 400;
font-size: 102%;
/*min-height: 68px;*/
text-transform: uppercase;
-moz-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
transition: all .2s ease-in;
}
.catalogue_div .item2 p{
color: #555;
font-style: italic;
font-size: 65%;
text-align: center;
margin: 0;
padding:0 0 8px 0;
}
.catalogue_div .item2:hover .text-item h2{
background-color:transparent;
}
.catalogue_div .item2:hover h2, .catalogue_div .item2:hover p{
color: #fff;
}
.cat_img{
z-index: -3;
max-width: none;height:400px;
-moz-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
transition: all .2s ease-in;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
/* opacity: 0.7;*/
position: relative;
}
.intest_scheda_news{
width: 100%;margin: 0 auto;
}
.gradient-scheda-news{
background: linear-gradient(0deg, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.5) 100%);
background-position: top center;
/* height: 100%;*/
padding: 200px 0 60px 0;
}
.intest_scheda_news h1{
font-size: 300%;
text-transform: uppercase;
font-weight: 400;
}
.intest_scheda_news h2{
font-size: 216%;
color: #fff;
font-weight: 400;
margin-top: 60px;
/*text-shadow: 0px 2px 1px #000;*/
}
/*NEWS DESK*/
.scheda_news{
width: 60%;
margin: 0 auto;
padding: 30px 0;
min-height: 50vh;
}
.img_scheda_news{
width:50%;/*height:60vh;*/
overflow: hidden;
}
.foto_big_news{
width:90%;
/*margin-top: 22px;*/
height:350px;
margin: 10px auto;
cursor:pointer;
-webkit-transition: opacity .2s, -webkit-transform .2s;
transition: opacity .2s, transform .2s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
}
.scheda_img_piccole_news
{position:relative;
/*display:none;*/
width: 100%;
margin:10px auto 0 auto;
list-style-type:none;
/*border-top: 1px solid #dedede;*/
padding: 0;
}
.scheda_img_piccole_news li
{list-style-type:none;
display:inline;
font-size: 86%;
cursor:pointer;
vertical-align:middle;
text-align: center;
}
.scheda_img_piccole_news li img
{
width:auto;
height:80px;}
.text_scheda{
width:50%;
}
.text_scheda h1{
font-size: 102%;
color: #F7A71E;
margin:0 0 0 0;
padding: 0;
font-weight: bold;
text-transform: uppercase;
}
.text_scheda p{
font-size: 65%;
color: #222;
font-weight: 400;
line-height:1.8;
}
.bread_scheda{
width: 100%;
position: relative;
text-transform: uppercase;
font-size: 65%;
margin: 10px 0 20px 0;
padding:5px 0;
/*background-color: #fff;*/
color: #F7A71E;
border-bottom: 1px solid #F7A71E;
font-weight: 400;
}
.bread_scheda a{
color: #F7A71E;
font-weight: 400;
}
.bread_scheda a:hover{
color: #222;
font-weight: 400;
text-decoration: none;
}
/*parti di ricambio desk*/
/*photogallery desk*/
.gallery_interno{
width: 70%;
margin: 40px auto;
display: block;
min-height: 100vh;
}
.gallery_interno ul{
list-style-type: none;
padding: 0;
margin: 0;
}
.item_gall{
width:33%;height:230px;
margin-bottom: 10px;
display: inline-block;
cursor: pointer;
}
/*work with us lavora desk*/
.intest_ricambio{
width: 100%;margin: 0 auto;
background-image:url(../images/black20.png), url(../images/parti_ricambio.jpg);background-repeat:repeat,no-repeat;background-size:auto,cover;background-position:top center;
}
.gradient-ricambio{
background: linear-gradient(0deg, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.5) 100%);
background-position: top center;
height: 50vh;
padding: 150px 0 0 0;
}
.text-contact-ricambio h1{
color: #222;
font-size: 120%;
text-align: justify;
/*width: 60%;*/
line-height: 1.2;
margin:0 0 30px 0;
padding: 0;
font-weight: 600;
}
.text-contact-ricambio{
color: #222;
font-size: 89%;
/*width: 60%;*/
line-height: 1.5;
}
/*invia modulo desk*/
.intest_invia{
width: 100%;margin: 0 auto;
background-image:url(../images/black20.png), url(../images/back_contatti.jpg);background-repeat:repeat,no-repeat;background-size:auto,cover;background-position:top center;
}
.gradient-invia{
background: linear-gradient(0deg, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.9) 100%);
background-position: top center;
height: 45vh;
padding: 120px 0 0 0;
}
.text-modulo {
padding: 50px 0;
width: 70%;
margin: 0 auto;
/* min-height: 30vh;*/
}
.text-modulo p{
margin: 20px 0 30px 0;
}
.text-modulo a{
color: #F7A71E;
text-decoration: none;
}
.text-modulo a:hover{
color: #222;
text-decoration: none;
}
/*SCHEDA DESK*/
.scheda{
width: 80%;
margin: 0 auto;
height: 80vh;
padding: 10vh 0;
}
.dati_tecnici{
width: 40%;
padding: 20px 20px 20px 20px;
color: #fff;
}
.render{
width: 60%;
background-size: cover;
background-position: center center;
height: 100%;
}
.dati_tecnici h1{
margin: 0 0 30px 0;
padding: 0;
font-size: 172%;
}
.wrap_dati {
display: grid;
grid-template-columns: 55% 30%;
grid-gap: 6px;
align-items: center;
}
.box_dati {
/* background-color: #444;*/
color: #fff;
font-size: 86%;
/*border-bottom: 0.1em solid #fff;*/
padding:0 0 0px 0;
text-align: right;
color: #ededed;
}
.dati_big{
font-size: 134%;
color: #fff;
text-align: left;
}
.bread_scheda_prodotto{
width: 100%;
/*background-color: rgba(255,255,255,0.7);*/
background-image: url(../images/scheda/back_goffratori.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
/*background-color: #EFF0F1;*/
margin-top: 0;
text-align: center;
text-transform: uppercase;
color: #fff;
font-size: 65%;
}
.gradient-bread{
background: linear-gradient(0deg, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.7) 100%);
padding:20vh 0 30vh 0;
}
.bread_scheda_prodotto a{
color: #fff;
font-weight: 400;
}
.bread_scheda_prodotto a:hover{
color: #F7A71E;
font-weight: 400;
text-decoration: none;
}
.bread_scheda_prodotto h1{
color: #fff;
font-size: 200%;
margin-top: 20px;
}
.img_scheda{
width: 100%;
}
.img_scheda_half{
width: 50%;
}
.half{
width: 50%;
height: 30vh;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.total{
width: 100%;
height: 50vh;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
}
/* fine Desktop */
/*@@@@@@@@@@@@@@@@@@@@@@@*/
/* Mobile */
@media screen and (max-width: 850px) { /*max-device-width importante per la visualizzazione landscape*/
body{
font-size: 2vw;
}
.desk{
display: none;
}
#no_zoom_mob{
cursor: auto;
}
.intro{
padding-top: 5vh;
padding-bottom: 30px;
background-color: #000;
position: absolute;
top: 0;
width: 100%;
z-index: 9;
}
.head-hp{
width: 100%;
/*background-color: #f7a71e;*/
position: fixed;
z-index: 9;
transition: 0.2s;
-moz-transition: 0.2s;
-webkit-transition: 0.2s;
padding-bottom: 5px;
/* border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;*/
}
.head-hp:after {
content: '';
position: absolute;
background-color: #f7a71e;
width: 87.345vw;
height: 75.6vw;
z-index: -1;
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
/* Makes the element circular */
top:-45.9vw;
left: 0;
right: 0;
margin:auto;
}
.shrink{
width: 100%;
background-color: #f7a71e;
position: fixed;
z-index: 9;
transition: 0.2s;
-moz-transition: 0.2s;
-webkit-transition: 0.2s;
/* border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;*/
}
.head-interno{
width: 100%;
background-color: #f7a71e;
position: fixed;
z-index: 9;
transition: 0.2s;
-moz-transition: 0.2s;
-webkit-transition: 0.2s;
/* border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;*/
}
.head-hp .head{
width: 80%;
margin: 0 auto;
padding: 15px 0 10px 0;
}
.shrink .head{
width: 80%;
margin: 0 auto;
padding: 10px 0 5px 0;
}
.head-interno .head{
width: 90%;
margin: 0 auto;
padding: 10px 0 5px 0;
}
.head-hp .logo_hp{
height: 18vw;
}
.shrink .logo_hp{
height: 70px;
}
.head-interno .logo_hp{
height: 70px;
}
/*ICO ANIMENU Mobile*/
.animenu {
/*padding: 15px 15px;*/
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
position: absolute;
z-index: 11;
right: 10;
}
.head-hp .animenu{
top:40;
}
.shrink .animenu {
top:30;
}
.animenu:hover {
opacity: 0.8;
}
.animenu.is-active:hover {
opacity: 0.8;
}
.animenu:hover .animenu-inner, .animenu:hover .animenu-inner::before, .animenu:hover .animenu-inner::after{
background-color: #222;
}
.animenu.is-active:hover .animenu-inner, .animenu:hover .animenu-inner::before, .animenu:hover .animenu-inner::after{
background-color: #222;
}
.animenu-box {
width: 30px;
height: 30px;
display: inline-block;
position: relative;
cursor: pointer;
}
/* .animenu-inner {
display: block;
top: 50%;
z-index: 999;
margin-top: 0px; }*/
.animenu-inner, .animenu-inner::before, .animenu-inner::after {
width: 22px;
height: 1px;
/*border-radius: 1px;*/
position: absolute;
z-index: 11;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease; }
.animenu-inner::before, .animenu-inner::after {
content: "";
display: block; }
.animenu-white, .animenu-white::before, .animenu-white::after{
background-color: #27963c;
}
.animenu-black, .animenu-black::before, .animenu-black::after{
background-color: #222;
}
/*
* Slider
*/
.animenu--slider .animenu-inner {
top: 0; }
.animenu--slider .animenu-inner::before {
top: 5px;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.15s; }
.animenu--slider .animenu-inner::after {
top: 10px; }
.animenu--slider.is-active .animenu-inner {
color: #000;
transform: translate3d(0, 5px, 0) rotate(45deg); }
.animenu--slider.is-active .animenu-inner::before {
transform: rotate(-45deg) translate3d(-5.71429px, -2px, 0);
opacity: 0;
color: #000;
}
.animenu--slider.is-active .animenu-inner::after {
color: #000;
transform: translate3d(0, -10px, 0) rotate(-90deg); }
/*SLIDE HP Mobile*/
.slide_hp{
width: 100%;
height: 70vh;
text-align: center;
margin:0 0 0 0;
padding: 0;
position: relative;
}
.owl-carousel1{
padding: 0;
}
.item{
margin:0;
padding: 0 0 0 0;
width: 100%;
height: 100%;
}
/*mobile*/
.text-slide{
width: 100%;
/*background: linear-gradient(0deg, rgba(255,255,255,0.0) 0%,rgba(255,255,255,0.8) 100%);*/
padding: 35vh 0 0 0;
}
.text-slide h1{
font-size: 500%;
line-height: 1.3;
color: #fff;
text-shadow: 0px 2px 1px #000;
}
.text-slide p{
font-size: 140%;
line-height: 1.3;
color: #000;
}
.img-slide_hp{
margin-top: 30px;
/*height: 330px;
width: auto;*/
}
/*about_hp Mobile*/
.about_hp{
width: 100%;
background-image: url(../images/black30.png),url(../images/back_azienda_mobile.JPG);background-repeat:repeat, no-repeat;background-size:auto, cover;
background-position: top center;
height: 50vh;
/* background-attachment: fixed;*/
text-align: center;
}
/*filiera hp Mobile*/
.filiera_hp{
width: 100%;
background-color: #266d31;
padding: 5vh 0 12vh 0;
position: relative;
}
.cont-filiera_hp{
width: 90%;
margin: 0 auto;
text-align: center;
}
.cont-filiera_hp h1{
color: #fff;
margin: 0 auto 15px auto;
text-transform: uppercase;
font-size: 280%;
font-weight: 500;
position: relative;
}
.cont-filiera_hp h2{
color: #fff;
margin: 0 auto 30px auto;
font-size: 180%;
font-weight: 500;
position: relative;
}
.cont-filiera_hp p{
color: #fff;
margin: 0 auto;
font-size: 150%;
font-weight: 500;
position: relative;
}
.campagna_amica{
position: absolute;
bottom: -40;
width: 100%;
text-align: center;
margin: auto;
}
.campagna_amica img{
height: 100px;
}
.ciclo{
padding: 18vh 0 8vh 0;
background-image:url(../images/black50.png),url(../images/back_hp_filiera.jpg);
background-repeat: repeat, no-repeat;
background-size: auto,cover;
background-position: center center;
text-align: center;
}
.ciclo h1{
color: #fff;
margin: 0 auto;
text-transform: uppercase;
font-size: 280%;
font-weight: 500;
}
.controllo_hp{
width: 90%;
margin: 0 auto;
padding: 5vh 0;
}
.sec_aliment{
width: 100%;
margin: 0 auto;
padding: 5vh 0 10vh 0;
text-align: center;
cursor: pointer;
}
.sec_aliment h1{
color: #266D31;
margin: 20px auto;
text-transform: uppercase;
font-size: 300%;
font-weight: 500;
position: relative;
}
.sec_aliment p{
color: #222;
margin: 0 auto 30px auto;
font-size: 140%;
font-weight: 500;
line-height: 1.6;
position: relative;
}
.prima_scelta{
width: 80vw;
height: 80vw;
border-radius: 50%;
background:url(../images/back_prima_scelta.JPG) no-repeat;
background-position: center center;
background-size: cover;
/*background-attachment: fixed;*/
border: 5px solid #F7A71E;
position: relative;
margin: 0 auto;
}
.text_controllo_hp{
width: 100%;
text-align: center;
margin-bottom: 30px;
}
/* .prima_scelta img{
height:100px;
margin: 20px auto;
}*/
.prima_scelta img{
position: absolute;
top: -20;
left: 20;
height:140px;
}
.text_controllo_hp h1{
color: #266D31;
margin: 0 auto 30px auto;
text-transform: uppercase;
font-size: 300%;
font-weight: 500;
position: relative;
}
.text_controllo_hp p{
color: #222;
margin: 0 auto;
font-size: 130%;
font-weight: 500;
position: relative;
}
/*mobile*/
.allevamento_toscana{
width: 100%;
padding: 10vh 0;
background-image: url(../images/black50.png), url(../images/back_allevati_toscana.JPG);
background-size:auto, cover;
background-repeat: repeat, no-repeat;
background-position: center center;
text-align: center;
cursor: pointer;
}
.allevamento_toscana h1{
color: #fff;
margin: 40px auto 0 auto;
text-transform: uppercase;
font-size: 300%;
font-weight: 500;
}
.allevamento_toscana img{
height: 140px;
}
.alimentazione h2,.alimentazione2 h2,.alimentazione3 h2,.alimentazione4 h2{
text-transform: uppercase;
font-size: 200%;
text-shadow: 0px 2px 1px #000;
margin: 0;
padding: 0;
}
.alimentazione{
width: 49vw;
height: 49vw;
border-radius: 50%;
background-image:url(../images/black20.png),url(../images/back_alimentazione.JPG);
background-repeat: repeat,no-repeat;
background-position: center center;
background-size:auto, cover;
/*background-attachment:fixed;*/
border: 5px solid #F7A71E;
position: relative;
color: #fff;
text-align: center;
margin: 0 0 30px 0;
}
.alimentazione2{
width: 49vw;
height: 49vw;
border-radius: 50%;
background-image:url(../images/black20.png),url(../images/back_alimentazione2.JPG);
background-repeat: repeat,no-repeat;
background-position: center center;
background-size:auto, cover;
/* background-attachment: fixed;*/
border: 5px solid #F7A71E;
position: relative;
color: #fff;
text-align: center;
margin: 0 0 30px 0;
}
.alimentazione3{
width: 49vw;
height: 49vw;
border-radius: 50%;
background-image:url(../images/black20.png),url(../images/back_alimentazione3.JPG);
background-repeat: repeat,no-repeat;
background-position: center center;
background-size:auto, cover;
/*background-attachment:fixed;*/
border: 5px solid #F7A71E;
position: relative;
color: #fff;
text-align: center;
text-transform: uppercase;
}
.alimentazione4{
width: 49vw;
height: 49vw;
border-radius: 50%;
background-image:url(../images/black20.png),url(../images/back_alimentazione4.JPG);
background-repeat: repeat,no-repeat;
background-position: center center;
background-size:auto,cover;
/*background-attachment:fixed;*/
border: 5px solid #F7A71E;
position: relative;
color: #fff;
text-align: center;
text-transform: uppercase;
}
.aliment_img{
height: 160px;
}
/* .alimentazione img{
position: absolute;
top: -20;
left: -40;
height:160px;
}*/
.macelleria{
width: 100%;
padding: 30vh 0 15vh 0;
background-image: url(../images/black50.png), url(../images/back_macelleria.JPG);
background-size:auto, cover;
background-repeat: repeat, no-repeat;
background-position: center center;
text-align: center;
/* background-attachment: fixed;*/
position: relative
}
.macelleria h1{
color: #fff;
margin: 0 auto;
text-transform: uppercase;
font-size: 300%;
font-weight: 500;
}
.sec_macc{
position: relative;
}
.macelleria_absolute{
width: 100%;
/* position: absolute;
top:-140;*/
background-color: #ededed;
/*padding-bottom: 30px;*/
}
/*mobile*/
.back_macell{
width: 100%;
margin: 20px auto;
height: 30vh;
background-image: url(../images/slide_macelleria/macelleria1.JPG);
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
}
.back_distribuzione{
width: 100%;
margin: 20px auto;
height: 30vh;
background-image: url(../images/back_distribuzione.JPG);
background-repeat: no-repeat;
background-size:contain;
background-position: center center;
}
.distribuzione{
width: 100%;
}
.macelleria_absolute .owl-carousel {
width: 80vw;
height:80vw;
/*width: 583px;
height: 583px;*/
margin: 0 auto 0 auto;
overflow: hidden;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
.macelleria_absolute .item {
width: 80vw;
height:80vw;
/*width: 583px;
height: 583px;*/
overflow: hidden;
}
.bg-image {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: inherit;
}
.macelleria_distr{
width: 90%;
padding: 5vh 0 0 0;
margin: 0 auto;
}
.text_macelleria_distr{
width: 100%;
margin-bottom: 30px;
text-align: center;
}
.text_macelleria_distr h1{
color: #266D31;
margin: 0 auto 30px auto;
text-transform: uppercase;
font-size: 300%;
font-weight: 500;
position: relative;
}
.text_macelleria_distr p{
color: #222;
margin: 0 auto;
font-size: 130%;
font-weight: 500;
position: relative;
}
.macelleria_absolute .text_controllo_hp{
/*padding-left: 20px;*/
}
.distribuzione .owl-carousel {
width: 80vw;
height:80vw;
/*width: 583px;
height: 583px;*/
margin: 0 auto 0;
overflow: hidden;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
.distribuzione .item {
width: 80vw;
height:80vw;
/*width: 583px;
height: 583px;*/
overflow: hidden;
}
.distribuzione .text_controllo_hp{
/*padding-right: 20px;*/
}
.last_distrib{
background-image: url(../images/black50.png),url(../images/back_last_distrib.JPG);
width: 100%;
padding: 30vh 0 15vh 0;
background-size:auto, cover;
background-repeat: repeat, no-repeat;
background-position: center center;
text-align: center;
/*background-attachment: fixed;*/
position: relative;
}
.last_distrib h1{
color: #fff;
margin: 0 auto;
text-transform: uppercase;
font-size: 300%;
font-weight: 500;
}
/*FOOTER Mobile*/
footer{
width: 100%;
padding: 20px 0;
background-color: #000;
}
.foot{
width: 90%;
margin: 0 auto;
color: #fff;
font-size:100%;
text-align: center;
line-height: 1.6;
}
footer a{
color: #fff;
text-decoration: none;
}
footer a:hover{
color: #fff;
text-decoration: underline;
}
/*BREADCRUMB & tit_border Mobile*/
.breadcrumbs{
padding: 0;
text-align: center;
width: 100%;
color:#fff;
font-size: 150%;
font-weight: 600;
text-transform: uppercase;
}
/*.breadcrumbs .home_bread::before{
content: url('../images/arrow_breadcrumb.svg');
position: absolute;
left: -20px;
top:3px;
}*/
.breadcrumbs .home_bread:hover::before{
content: url('../images/arrow_breadcrumb_hover.svg');
left: -30px;
-moz-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
transition: all .2s ease-in;
/*position: absolute;
top:5px;*/
}
/* .breadcrumbs .other_bread:hover .home_bread::before{
content: url('../images/arrow_breadcrumb_hover.svg');
left: -30px;
position: absolute;
-moz-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
transition: all .2s ease-in;
/*position: absolute;
top:5px;*/
/*}*/
.home_bread{
position: relative;
}
.breadcrumbs a{
color:#fff;
font-weight: 600;
text-decoration: none;
}
.breadcrumbs a:hover{
color:#F7A71E;
text-decoration: none;
}
/*mobile*/
.tit_border{
padding: 30px;
/*border: 1px solid #fff;*/
text-align: center;
width: 90%;
margin: 0 auto;
}
.tit_border h1{
font-size: 400%;
margin-top: 20px;
font-weight: 600;
text-transform: uppercase;
line-height: 1.6;
color: #fff;
}
.mangimi .tit_border h1{
font-size: 220%;
}
.tit_border h1:after{
content: '';
display: block;
height: 3px;
width: 30px;
margin: 5px auto;
background-color: #fff;
}
/*LOCATION CONTATTI Mobile*/
.richiedi_info_form{
padding: 0;
width: 100%;
}
/*FORM Mobile*/
#form_info
{position:relative;
width: 80%;
margin:30px auto;
padding: 30px 0;
color: #6a6a6a;
}
#form_info h1
{
font-size: 125%;
text-transform: uppercase;
margin: 20px auto;
width: 65%;
text-align:center;
/*border-top: 1px solid #888;
border-bottom: 1px solid #888;*/
color: #F7A71E;
padding: 5px 0;
}
.contenuto_form
{position:relative;
width: 70%;
margin: 20px auto;
}
.form_left
{width: 30%;
padding-right: 16px;
}
.form_left input{
border: 1px solid #dedede;
padding: 5px 5px;
margin-bottom: 5px;
width: 100%;
}
.form_right
{width: 60%;
}
.form_right textarea
{width: 100%;
height:150px;
}
#info
{margin: 15px auto;
display: none;
text-align: center;
width: 100%;
padding:15px;
background-color: #fff;
font-size: 65%;
}
.send
{position:relative;
width: 50%;
margin: 15px auto;
text-align:center;}
.send button
{margin-left: 30px;
padding: 20px;
outline: none;
border: none;
background: #BDBDBD;
color: #fff;
text-transform: uppercase;
font-size: 65%;
font-weight: bold;
cursor: pointer;
}
#show_info{
margin: 0 auto;text-align: center;
width: 100%;
cursor: pointer;
color: #fff;
}
#show_info:hover{
color: #F7A71E;
}
#info a{
color: #222;
}
#info a:hover{
color: #F7A71E;
}
/* PAGE Mobile*/
.intest_page{
width: 100%;margin: 0 auto;
position: relative;
height:100%;
}
.intest_page2{
width: 100%;margin: 0 auto;
position: relative;
/* height:100%;*/
}
.mangimi{
background-image:url(../images/black20.png), url(../images/slide_mangimi/mangimi2.jpg);background-repeat:repeat,no-repeat;background-size:auto,cover;background-position:top center;
}
.bovini{
background-image:url(../images/black20.png), url(../images/bovini/allevamento_backpage.jpg);background-repeat:repeat,no-repeat;background-size:auto,cover;background-position:top center;
}
.macellazione{
background-image:url(../images/black20.png), url(../images/slide_macelleria/macelleria3.JPG);background-repeat:repeat,no-repeat;background-size:auto,cover;background-position:top center;
}
.storia{
background-image:url(../images/black20.png), url(../images/storia/back_pag_storia.jpg);background-repeat:repeat,no-repeat;background-size:auto,cover;background-position:top center;
}
.location{
background-image:url(../images/black20.png), url(../images/back_contatti.jpg);background-repeat:repeat,no-repeat;background-size:auto,cover;background-position:top center;
}
.loc_map{
text-align:center;
padding:30px 0;
width:90%;
}
.loc_map h2{
font-size:180%;
}
.loc_map p{
line-height:1.5;margin-top:15px;
font-size:100%;
}
.text-storia-page{
width: 100%;
padding: 40px 0;
background-color: #266C31;
text-align: center;
}
.text-storia-page img{
height: 160px;
margin-bottom: 20px;
}
.text-storia-page p{
width: 60%;
margin: 0 auto;
text-align: center;
font-size: 86%;
color: #fff;
}
/*mobile*/
.intest_page .aliment_img{
/*width: 80px;*/
margin: auto;
padding: 0;
position: absolute;
bottom: -30vh;
left: 0;
right: 0;
}
.bovini .aliment_img{
/*width: 80px;*/
margin: auto;
padding: 0;
position: absolute;
bottom: 20vh;
left: 0;
right: 0;
height: 100px;
}
.mangimi .aliment_img{
/*width: 80px;*/
margin: auto;
padding: 0;
position: absolute;
bottom: 16vh;
left: 0;
right: 0;
height: 80px;
}
.gradient-mangimi{
background: linear-gradient(0deg, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.5) 100%);
background-position: top center;
height: 50vh;
padding: 22vh 0 0 0;
} .gradient-location{
background: linear-gradient(0deg, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.5) 100%);
background-position: top center;
/*height: 40vh;*/
padding: 15vh 0 12vh 0;
}
.gradient-bovini{
background: linear-gradient(0deg, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.5) 100%);
background-position: top center;
height: 50vh;
padding: 22vh 0 0 0;
}
.gradient-storia{
background: linear-gradient(0deg, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.5) 100%);
background-position: top center;
height: 100vh;
padding: 22vh 0 0 0;
}
.gradient-macellazione{
background: linear-gradient(0deg, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.5) 100%);
background-position: top center;
height: 100vh;
padding: 22vh 0 0 0;
}
.alimentazione_back{
background-image: url(../images/black10.png),url(../images/slide_mangimi/mangimi3.jpg);
width: 100%;
padding: 20vh 0;
background-size:auto, cover;
background-repeat: repeat, no-repeat;
background-position: center center;
text-align: center;
/* background-attachment: fixed;*/
position: relative;
}
/*mobile*/
.bovini_back{
background-image: url(../images/black50.png),url(../images/bovini/bovini3.jpg);
width: 100%;
padding: 15vh 0;
background-size:auto, cover;
background-repeat: repeat, no-repeat;
background-position: center center;
text-align: center;
/*background-attachment: fixed;*/
position: relative;
}
.bovini_back h1{
color: #fff;
font-size: 250%;
width: 70%;
margin: 0 auto;
line-height: 1.4;
text-transform: uppercase;
}
.bovini_back .aliment_img{
width: 140px;
margin-bottom: 10px;
}
/*mobile*/
.consegna_back{
background-image: url(../images/black50.png),url(../images/back_last_distrib.JPG);
width: 100%;
padding: 15vh 0 8vh 0;
background-size:auto, cover;
background-repeat: repeat, no-repeat;
background-position: center center;
text-align: center;
/*background-attachment: fixed;*/
position: relative;
}
.consegna_back h1{
color: #fff;
font-size: 400%;
width: 70%;
margin: 0 auto;
line-height: 1.4;
text-transform: uppercase;
}
.slide-mangimi{
width: 100%;
height: 80vh;
text-align: center;
margin:0 0 0 0;
padding: 0;
}
slide-mangimi .owl-carousel .item{
margin:0;
padding: 0 0 0 0;
width: 100%;
height: 100%;
pointer-events:auto;
}
.back_cont_about{
width: 100%;
height: 100%;
margin: 0 auto;
/*background: url(../images/red_hp.png) no-repeat;
background-size: contain;
background-position: center right;*/
background: linear-gradient(0deg, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.5) 100%);
padding-top: 20vh;
}
.text-about{
width: 80%;
margin: 0 auto;
text-align: center;
position: relative;
}
.text-about h1{
font-size: 240%;
letter-spacing: 3px;
line-height: 1.5;
color: #fff;
text-align: center;
position: absolute;
/*text-shadow: 4px 2px 0 #222;*/
}
.tit-slide1{
left: 3vw;
top: 30vh;
}
/*.tit-slide1-bis{
left: 8vw;
top: 28vh;
}*/
.tit-slide2{
left: 10vw;
top: 18vh;
}
.tit-slide3{
left: 0;
right: 0;
margin: auto;
top: 14vh;
text-align: center;
}
.tit_about{
position: absolute;
z-index: 3;
top: 30px;
margin: 0;
left: 0;
right: 0;
text-align: center;
background-color: rgba(0,0,0,.2);
width: 100%;
padding: 70px 0 20px 0;
}
.tit_about h2{
font-size: 140%;
letter-spacing: 3px;
line-height: 1.3;
color: #fff;
}
.tit_about h2::after{
content: '';
display: block;
height: 2px;
width: 30px;
margin: 10px auto;
background-color: #fff;
}
/*mobile*/
.mais,.foraggio,crusca,barbabietola,.bov_page,.storia_page,.mac_page{
width: 100%;
}
.mais_1, .foraggio_1, .crusca_1, .barbabietola_1{
width: 100%;
/*padding: 300px 0;*/
padding: 20vh 0;
text-align: center;
}
.storia_1,.macello_1{
width: 100%;
/*padding: 300px 0;*/
height: 50vh;
text-align: center;
}
/*mobile*/
.storia_1{
width: 100%;
height: 60vh;
background: url(../images/storia/storia2.jpg) no-repeat;
background-repeat: no-repeat;
background-size:cover;
background-position: center center;
/*background-attachment:fixed;*/
}
.macello_1{
width: 100%;
height: 60vh;
background: url(../images/slide_macelleria/back_macelleria.JPG) no-repeat;
background-repeat: no-repeat;
background-size:cover;
background-position: center center;
/*background-attachment:fixed;*/
}
.bovini_1{
width: 100%;
height: 60vh;
background: url(../images/bovini/bovini1.jpg) no-repeat;
background-repeat: no-repeat;
background-size:cover;
background-position: center center;
/*background-attachment:fixed;*/
}
.bovini_4{
width: 100%;
height: 60vh;
background: url(../images/bovini/bovini2.jpg) no-repeat;
background-repeat: no-repeat;
background-size:cover;
background-position: center center;
/*background-attachment:fixed;*/
}
.macello_4{
width: 100%;
height: 60vh;
background: url(../images/slide_macelleria/distribuzione4.JPG) no-repeat;
background-repeat: no-repeat;
background-size:cover;
background-position: center center;
/*background-attachment:fixed;*/
}
.mais_1{
background:url(../images/black10.png), url(../images/back_alimentazione.JPG);
background-repeat:repeat, no-repeat;
background-size:auto, cover;
background-position: center center;
/*background-attachment:fixed;*/
}
.foraggio_1{
background:url(../images/black10.png), url(../images/back_alimentazione2.JPG);
background-repeat:repeat, no-repeat;
background-size:auto, cover;
background-position: center center;
/*background-attachment:fixed;*/
}
.crusca_1{
background:url(../images/black20.png), url(../images/back_alimentazione3.JPG);
background-repeat:repeat, no-repeat;
background-size:auto, cover;
background-position: center center;
/*background-attachment:fixed;*/
}
.barbabietola_1{
background:url(../images/black10.png), url(../images/back_alimentazione4.JPG);
background-repeat:repeat, no-repeat;
background-size:auto, cover;
background-position: center center;
/*background-attachment:fixed;*/
}
.mais_2,.foraggio_2, .crusca_2, .barbabietola_2, .bovini_2, .bovini_3{
width: 100%;
padding: 30px 0;
text-align: center;
}
.macello_2,.macello_3{
width: 100%;
padding: 10vh 0;
text-align: center;
}
.storia_2{
width: 100%;
padding: 30px 0;
text-align: center;
}
.alimentazione_back h1, .mais_1 h1, .foraggio_1 h1, .crusca_1 h1, .barbabietola_1 h1{
color: #F7A71E;
font-weight: 600;
text-transform: uppercase;
font-size: 350%;
}
.alimentazione_back h2{
text-transform: lowercase;
color: #fff;
font-size: 230%;
font-weight: normal;
margin: 0;
padding: 0 30px;
}
.storia_2 h1, .macello_2 h1{
color: #F7A71E;
font-weight: 400;
text-transform: uppercase;
font-size: 300%;
margin: 0 0 20px 0;
padding: 0;
/*border-left: 5px solid #F7A71E;*/
}
.bovini_2 h1, .bovini_3 h1, .macello_3 h1{
color: #F7A71E;
font-weight: 400;
text-transform: uppercase;
font-size: 300%;
margin: 0 0 20px 0;
padding: 0;
/*border-left: 5px solid #F7A71E;*/
}
.mais_2 p, .crusca_2 p, .storia_2 p, .macello_2 p{
color: #222;
font-size: 200%;
margin: 0;
padding: 0 20px;
}
.foraggio_2 p, .barbabietola_2 p, .bovini_2 p, .bovini_3 p, .macello_3 p{
color: #222;
font-size: 180%;
margin: 0;
padding: 0 20px;
}
.mais_2 h3, .foraggio_2 h3, .crusca_2 h3, .barbabietola_2 h3, .bovini_3 h2, .bovini_3 h3, .storia_2 h3, .macello_2 h3, .macello_3 h3{
color: #222;
font-size: 184%;
font-style: italic;
margin:40px 0 0 0;
padding: 0 0;
}
.mission{
width: 100%;
padding: 120px 0;
height: 90vh;
margin: 0 auto;
background-image:url(../images/black50.png), url(../images/slide_about/mission.jpg);background-repeat:repeat,no-repeat;background-size:auto,cover;background-position:center center;
}
.mission_div{
width: 40%;
margin: 0 auto;
/*background-color: rgba(0,0,0,0.7);*/
padding: 30px;
}
.mission_div div h1{ color:#F7A71E;font-weight: 400;
text-transform: uppercase;
font-size: 250%;
font-weight: 500;
margin: 0 0 50px 0;
padding: 0 20px;
border-left: 5px solid #F7A71E;
}
.mission_div div p{color: #fff;font-size: 102%;margin-bottom: 20px;text-align: justify;}
.slide_macello{
width: 100%;
}
.slide_macello .owl-carousel{
width: 100%;
height: 40vh;
}
.slide_macello .item{
width: 100%;
height: 40vh;
}
/*NEWS Mobile*/
.intest_news{
width: 100%;margin: 0 auto;
background-image:url(../images/black20.png), url(../images/back_news.jpg);background-repeat:repeat,no-repeat;background-size:auto,cover;background-position:top center;
}
.gradient-news{
background: linear-gradient(0deg, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.5) 100%);
background-position: top center;
height: 40vh;
padding: 150px 0 0 0;
}
.catalogue_div{
width: 80%;
margin: 30px auto;
min-height: 50vh;
}
.catalogue_div .item2{
/* border: 1px solid #F7A71E;*/
width: 400px;
margin: 0 15px 30px 0;
overflow: hidden;
position: relative;
/*height:400px;*/
}
.text-item{
margin: 0;
text-align: center;
/*position: absolute;*/
/*bottom:0;*/
z-index: 4;
background-color:#ededed;
position: relative;
}
.text-item-back {
position: absolute;
z-index: -1;
/*opacity: 0;*/
width: 300%;
height: 100%;
/*background: -webkit-linear-gradient(right, #0c84d8, #f00, #0c84d8, #f00);
background: -o-linear-gradient(right, #0c84d8, #f00, #0c84d8, #f00);
background: -moz-linear-gradient(right, #0c84d8, #f00, #0c84d8, #f00);
background: linear-gradient(right, #0c84d8, #f00, #0c84d8, #f00);*/
background-color: #000;
top: 0;
left: -100%;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.catalogue_div .item2:hover .text-item-back {
left: 0;
background-color: #F7A71E;
opacity: 1;
}
.catalogue_div .item2 h2{
color: #fff;
z-index: 1;
/*position: absolute;*/
/* background-color: #ededed;*/
padding:10px 0;
bottom: 0;
width: 100%;
font-weight: 400;
font-size: 102%;
/*min-height: 68px;*/
text-transform: uppercase;
-moz-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
transition: all .2s ease-in;
}
.catalogue_div .item2 p{
color: #555;
font-style: italic;
font-size: 65%;
text-align: center;
margin: 0;
padding:0 0 8px 0;
}
.catalogue_div .item2:hover .text-item h2{
background-color:transparent;
}
.catalogue_div .item2:hover h2, .catalogue_div .item2:hover p{
color: #fff;
}
.cat_img{
z-index: -3;
max-width: none;height:400px;
-moz-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
transition: all .2s ease-in;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
/* opacity: 0.7;*/
position: relative;
}
.intest_scheda_news{
width: 100%;margin: 0 auto;
}
.gradient-scheda-news{
background: linear-gradient(0deg, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.5) 100%);
background-position: top center;
/* height: 100%;*/
padding: 200px 0 60px 0;
}
.intest_scheda_news h1{
font-size: 300%;
text-transform: uppercase;
font-weight: 400;
}
.intest_scheda_news h2{
font-size: 216%;
color: #fff;
font-weight: 400;
margin-top: 60px;
/*text-shadow: 0px 2px 1px #000;*/
}
/*NEWS Mobile*/
.scheda_news{
width: 60%;
margin: 0 auto;
padding: 30px 0;
min-height: 50vh;
}
.img_scheda_news{
width:50%;/*height:60vh;*/
overflow: hidden;
}
.foto_big_news{
width:90%;
/*margin-top: 22px;*/
height:350px;
margin: 10px auto;
cursor:pointer;
-webkit-transition: opacity .2s, -webkit-transform .2s;
transition: opacity .2s, transform .2s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
}
.scheda_img_piccole_news
{position:relative;
/*display:none;*/
width: 100%;
margin:10px auto 0 auto;
list-style-type:none;
/*border-top: 1px solid #dedede;*/
padding: 0;
}
.scheda_img_piccole_news li
{list-style-type:none;
display:inline;
font-size: 86%;
cursor:pointer;
vertical-align:middle;
text-align: center;
}
.scheda_img_piccole_news li img
{
width:auto;
height:80px;}
.text_scheda{
width:50%;
}
.text_scheda h1{
font-size: 102%;
color: #F7A71E;
margin:0 0 0 0;
padding: 0;
font-weight: bold;
text-transform: uppercase;
}
.text_scheda p{
font-size: 65%;
color: #222;
font-weight: 400;
line-height:1.8;
}
.bread_scheda{
width: 100%;
position: relative;
text-transform: uppercase;
font-size: 65%;
margin: 10px 0 20px 0;
padding:5px 0;
/*background-color: #fff;*/
color: #F7A71E;
border-bottom: 1px solid #F7A71E;
font-weight: 400;
}
.bread_scheda a{
color: #F7A71E;
font-weight: 400;
}
.bread_scheda a:hover{
color: #222;
font-weight: 400;
text-decoration: none;
}
/*parti di ricambio Mobile*/
/*photogallery Mobile*/
.gallery_interno{
width: 90%;
margin: 40px auto;
display: block;
/*min-height: 100vh;*/
}
.gallery_interno ul{
list-style-type: none;
padding: 0;
margin: 0;
width: 100%;
}
.item_gall{
width:100%;height:230px;
margin-bottom: 10px;
display: block;
cursor: pointer;
}
/*work with us lavora Mobile*/
.intest_ricambio{
width: 100%;margin: 0 auto;
background-image:url(../images/black20.png), url(../images/parti_ricambio.jpg);background-repeat:repeat,no-repeat;background-size:auto,cover;background-position:top center;
}
.gradient-ricambio{
background: linear-gradient(0deg, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.5) 100%);
background-position: top center;
height: 50vh;
padding: 150px 0 0 0;
}
.text-contact-ricambio h1{
color: #222;
font-size: 120%;
text-align: justify;
/*width: 60%;*/
line-height: 1.2;
margin:0 0 30px 0;
padding: 0;
font-weight: 600;
}
.text-contact-ricambio{
color: #222;
font-size: 89%;
/*width: 60%;*/
line-height: 1.5;
}
/*invia modulo Mobile*/
.intest_invia{
width: 100%;margin: 0 auto;
background-image:url(../images/black20.png), url(../images/back_contatti.jpg);background-repeat:repeat,no-repeat;background-size:auto,cover;background-position:top center;
}
.gradient-invia{
background: linear-gradient(0deg, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.9) 100%);
background-position: top center;
height: 45vh;
padding: 120px 0 0 0;
}
.text-modulo {
padding: 50px 0;
width: 70%;
margin: 0 auto;
/* min-height: 30vh;*/
}
.text-modulo p{
margin: 20px 0 30px 0;
}
.text-modulo a{
color: #F7A71E;
text-decoration: none;
}
.text-modulo a:hover{
color: #222;
text-decoration: none;
}
/*SCHEDA Mobile*/
.scheda{
width: 80%;
margin: 0 auto;
height: 80vh;
padding: 10vh 0;
}
.dati_tecnici{
width: 40%;
padding: 20px 20px 20px 20px;
color: #fff;
}
.render{
width: 60%;
background-size: cover;
background-position: center center;
height: 100%;
}
.dati_tecnici h1{
margin: 0 0 30px 0;
padding: 0;
font-size: 172%;
}
.wrap_dati {
display: grid;
grid-template-columns: 55% 30%;
grid-gap: 6px;
align-items: center;
}
.box_dati {
/* background-color: #444;*/
color: #fff;
font-size: 86%;
/*border-bottom: 0.1em solid #fff;*/
padding:0 0 0px 0;
text-align: right;
color: #ededed;
}
.dati_big{
font-size: 134%;
color: #fff;
text-align: left;
}
.bread_scheda_prodotto{
width: 100%;
/*background-color: rgba(255,255,255,0.7);*/
background-image: url(../images/scheda/back_goffratori.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
/*background-color: #EFF0F1;*/
margin-top: 0;
text-align: center;
text-transform: uppercase;
color: #fff;
font-size: 65%;
}
.gradient-bread{
background: linear-gradient(0deg, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.7) 100%);
padding:20vh 0 30vh 0;
}
.bread_scheda_prodotto a{
color: #fff;
font-weight: 400;
}
.bread_scheda_prodotto a:hover{
color: #F7A71E;
font-weight: 400;
text-decoration: none;
}
.bread_scheda_prodotto h1{
color: #fff;
font-size: 200%;
margin-top: 20px;
}
.img_scheda{
width: 100%;
}
.img_scheda_half{
width: 50%;
}
.half{
width: 50%;
height: 30vh;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.total{
width: 100%;
height: 50vh;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
}
/* fine mobile*/