:root{
--primary-color: #e2242a;
} *,
*:after,
*:before {
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
text-rendering:optimizeLegibility;
} html {
font-size:24px;
}
@media only screen and (min-width:768px) and (max-width:1024px) {
html {
font-size: 18px;
}
}
@media only screen and (min-width:769px) and (max-width:1124px) {
#intro h1 {
display: block;
font-size: 2rem;
margin: 2.5rem 0;
}
}	
body {
font:300 0.75em/1.4 'Open Sans', Helvetica, Arial, sans-serif;
color: #2F2F2F;
} .clear:before,
.clear:after {
content:' ';
display:table;
}
.clear:after {
clear:both;
}
.clear {
*zoom:1;
}
img {
max-width:100%;
vertical-align:bottom;
}
a {
color:#444;
text-decoration:none;
}
a:hover {
color:#444;
}
a:focus {
outline:0;
}
a:hover,
a:active {
outline:0;
}
input:focus {
outline:0;
border:1px solid #3070b0;
}
b, strong {
font-weight: 600;
}
span.minusc {
display: inline;
text-transform: lowercase;
}
h4.p1 span {
color: inherit;
font-weight: inherit;
}
h4.p1{
letter-spacing: 0.03em;
} .header, .role_main, .footer {
margin: 0 auto;
max-width: 1400px;
overflow-x: hidden;
}
section{
position: relative;
} .wrapper {
max-width:1280px;
padding: 0 20px;
width:100%;
margin:0 auto;
position:relative;
} .header {
} .logo {
float: left;
padding: 0.5rem 0;
}
.logo-img {
} .nav {
} .sidebar {
} .footer {
background: #1e204e;
color: #FFFFFF;
padding: 2rem 0;
}
.footer p{
font-size: 12px;
font-weight: 500;
}
.footer p a{
color: #FFFFFF;
}    #white * {
color: #FFFFFF;
}
h1, h2, h3, h4, h5{
font-family: "Lato", sans-serif;
text-transform: uppercase;
line-height: 1em;
margin: 1rem 0;
}
h1 span, h2 span, h3 span, h4 span, h5 span{
font-weight: 300;
color: #808080;
display: block;
}
h1{
font-size: 4em;
}
h2{
font-size: 2.47em;
}
h3{
font-size: 1.54em;
}
h4{
font-size: 1em;
}
h5{
font-size: 1em;	
}
p{
margin: 1rem 0;
}
.justified{
text-align: justify;
}
.centered{
text-align: center;
}
h1 sup, h2 sup, h3 sup, h4 sup, h5 sup{ 
font-size: 50%;
line-height: 0;
position: relative;
top: -1em;
vertical-align: baseline;
}
@font-face {
font-family:'FontAwesome';
src:url(//www.icraitalia.it/wp-content/themes/icraitalia/assets/fonts/fontawesome-webfont.eot);
src:url(//www.icraitalia.it/wp-content/themes/icraitalia/assets/fonts/fontawesome-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.icraitalia.it/wp-content/themes/icraitalia/assets/fonts/fontawesome-webfont.woff) format('woff'),
url(//www.icraitalia.it/wp-content/themes/icraitalia/assets/fonts/fontawesome-webfont.ttf) format('truetype'),
url(//www.icraitalia.it/wp-content/themes/icraitalia/assets/fonts/fontawesome-webfont.svg#fontawesome-webfont) format('svg');
font-weight:normal;
font-style:normal;
}
.icon:before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-right: 0.2rem;
}
.icon.eye:before{
content:"\f06e";
}
.icon.dld:before{
content:"\f019";
}
.icon.phone:before{
content:"\f095";
}
.icon.email:before{
content:"\f0e0";
}
.icon.fax:before{
content:"\f1ac";
}
.icon.cards:before{
content:"\f07b";
} .top-header{
max-width: 1280px;
padding: 0.5rem 30px;
width: 100%;
margin: 0 auto;
position: relative;
text-align: right;
}
.top-header a{
margin-right: 10px;
}
#navigation-container {
margin-top: 10px;
}
.main-navigation {
margin: 1.5rem auto;
position: relative;
text-align: center;
float: right;
}
ul.nav-menu,
div.nav-menu > ul {
display: inline-block;
margin: 0;
padding: 0;
float: left;
width: 100%;
}
.nav-menu li {
display: inline-block;
position: relative;
float: left;
padding: 0 0.4rem;
}
.nav-menu li a {
color: #2d3075;
display: block;
font-size: 16px;
line-height: 1;
padding: 0.4rem 0;
text-decoration: none;
-webkit-transition: all ease-in-out 250ms;
-moz-transition: all ease-in-out 250ms;
-o-transition: all ease-in-out 250ms;
transition: all ease-in-out 250ms;
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
font-weight: 700;
}
.nav-menu li:hover > a {
color: #c61226;
}
.nav-menu li.current-menu-item  > a{
border-bottom: 2px solid #c61226;
}
.menu-toggle {
display: none;
} ul.nav-menu-footer {
margin: 0;
padding: 20px 0;
text-align: center;
}
ul.nav-menu-footer li{
margin: 0;
padding: 0 20px;
text-align: center;
display: inline-block;
}
ul.nav-menu-footer li:first-child{
border-right: 1px solid #FFFFFF;
}
#slicknav-container{
display: none;
} .top-header #language-selector{
font-family: 'Open Sans', sans-serif;
font-size: 1em;
display: inline-flex;
height: auto;
border: none;
padding: 0;
margin: 0 !important;
list-style-type: none;
}
.top-header #language-selector a{
font-size: 1em;
line-height: 1em;
padding: 5px 10px 5px;
background: #FFFFFF;
color: var(--primary-color);
font-weight: 600;
margin: 0px 0 -7px;
border: 1px solid var(--primary-color);
}
.top-header #language-selector li:first-child a{
border-radius: 5px 0 0 5px;
border-right: none;
}
.top-header #language-selector li:last-child a{
border-radius: 0 5px 5px 0;
}
.top-header #language-selector a:hover{
background: var(--primary-color);
color: #FFFFFF;
}
.top-header a.lang_sel_other{
opacity: 0.5;
}
.top-header a.lang_sel_other:hover{
opacity: 1.0;
}   .hometop{
background-color: #111222;
max-width: 1400px;
margin: 0 auto;
}
.hometop h1 span{
display: inline;
}
.hometop h1{
margin: 5rem 0;
}
.hometop .half {
width: 50%;
float: right;
}
.half.thumb{
text-align: center;
}
.hometop .hexagon{
position: absolute;
bottom: -223px;
left: 40px;
}
#primolancio .text {
padding-left: 50%;
}
#primolancio h3{
margin-top: 3rem;
}
#primolancio .button {
margin-bottom: 3rem;
} #lancio{
margin-bottom: 6rem;
z-index: 6;
position: relative;
}
#lancio:last-child{
margin-bottom: 0;
}
p.icon{
margin: 6rem 0 1rem;
}
#lancio .text,
#lancio .button-top {
z-index: 8;
}
#lancio .text{
position: relative;
}
#lancio .button{
margin-bottom: 2rem;
}
h4.section-tab{
background: none repeat scroll 0 0 var(--primary-color);
box-sizing: border-box;
color: #ffffff;
font-weight: 300;
height: 30px;
line-height: 22px;
margin: 0;
padding: 0.2rem 5%;
position: absolute;
right: 0;
top: -30px;
z-index: 5;
}
h4.section-tab:before{
transform: skew(-21deg, 0deg) ;
-webkit-transform: skew(-21deg, 0deg) ;
-moz-transform: skew(-21deg, 0deg) ;
-o-transform: skew(-21deg, 0deg) ;
-ms-transform: skew(-21deg, 0deg) ;
background: none repeat scroll 0 0 var(--primary-color);
content: "";
display: inline-block;
float: left;
height: 30px;
left: -7px;
position: absolute;
top: 0;
width: 30px;
z-index: -2;
}
.trapez{
width: 55%;
z-index: 1;
}
.trapez img{
width: 100%;
height: auto;
clip-path: polygon(0 0, 100% 0, 65% 100%, 0 100%);
position: relative;
z-index: 10;
}
.dx .trapez img{
clip-path: polygon(0 0, 100% 0, 100% 100%, 35% 100%);
}
.sx .trapez{
float: left;
}
.dx .trapez{
float: right;
}
.parallel{
display: block;
position: absolute;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
display: none;
}
.gradient{
width: 100%;
height: 100%;
top:0;
z-index: 2;
position: absolute;
}
.trapezione .gradient,
.dx .gradient{
left: 0;
background: linear-gradient(135deg,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%); }
.sx .gradient{
right: 0;
background: linear-gradient(45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.6) 100%); } #lancio.prod_gallery {
margin: -6rem 0 0;
z-index: 5;
}
@media only screen and (min-width:769px){
body.home #lancio:last-child .trapez {
width: 58%;
height: auto;
}
body.home #lancio:last-child p.icon {
margin: 2rem 0 1rem;
}
body.home #lancio:last-child .button{
margin-bottom: 0;
}
body.home #lancio:last-child .trapez img {
height: 100%;
position: absolute;
right: 0;
width: auto;
z-index: 1;
clip-path: polygon(25% 0, 100% 0, 100% 100%, 55% 100%);
}
} @media only screen and (min-width: 1200px){ #intro {
min-height: 500px;
}
}
@media only screen and (min-width: 1365px){ }
@media only screen and (min-width: 1400px){ #intro {
min-height: 540px;
}
}
@media only screen and (min-width: 1500px){ #intro {
min-height: 600px;
}
}
@media only screen and (min-width:769px) and (max-width:1124px) {
body.home #lancio:last-child p.icon{
display: none;
}
p.icon {
margin: 4rem 0 1rem;
}
}    #intro {
overflow: hidden;
position: relative;
}
#intro .trapezione {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
} #intro .parallel{
position: absolute;
transform: skew(21deg, 0deg);
-webkit-transform: skew(21deg, 0deg);
-moz-transform: skew(21deg, 0deg);
-o-transform: skew(21deg, 0deg);
-ms-transform: skew(21deg, 0deg);
width: 57%;
z-index: 10;
left: -2%;
display: block;
}
#intro .parallel .coloured,
#intro .parallel .white{
width: 100%;
height: 50.5%;
z-index: 10;
}
#intro .parallel .white{
top:50%;
}
.parallel .white{
background: #FFFFFF;
}
#intro .thumb{
float: right;
width: 55%;
height: 100%;
}
#intro .thumb img{
float: right;
height: auto;
width: 100%;
}
@media only screen and (min-width:769px) {
body.postid-81 #intro h1,
body.postid-83 #intro h1,
body.postid-714 #intro h1 { font-size: 2.4rem;
display: block;
width: 50%;
}
#intro h1 {
padding: 4% 0;
margin: 0;
font-size: 2.4rem;
display: block;
max-width: 50%;
}
#intro h2{
margin: 0;
padding: 2rem 0;
width: 50%;
}
#sezioriz.sx .text {
float: right;
width: 50%;
}
}	
@media only screen and (min-width:769px) and (max-width:890px) {
body.postid-81 #intro h1,
body.postid-83 #intro h1,
body.postid-714 #intro h1 {
font-size: 1.8rem;
}
}
@media only screen and (min-width:1024px) and (max-width:1200px) {
body.postid-81 #intro h1,
body.postid-83 #intro h1,
body.postid-714 #intro h1 {
font-size: 2rem;
}
}
#intro h2{
color: #3070b0;
text-transform: none;
font-size: 1.2rem;
font-weight: normal;
display: inline-block;
}
#intro .text {
position: relative;
z-index: 10;
}
#sezioriz {
position: relative;
}
#sezioriz .parallel{
z-index: 2;
background: #FFFFFF;
}
#sezioriz .wrapper{
z-index: 6;
}
#sezioriz .trapez{
width: 50%;
}
#sezioriz .trapez:has(.overlay){
position: relative;
}
#sezioriz .trapez .overlay{
position: absolute;
inset: 0;
display: flex;
align-items: center;
padding-left: 30px;
}
#sezioriz .trapez .overlay img{
width: 70%;
clip-path: unset;
}
#sezioriz h2{
margin-top: 2rem;
}
#sezioriz p{
color: #3070b0;
line-height: 1.4rem;
font-size: 1rem;
font-family: "Lato", sans-serif;
}
#sezioriz .smaller p{
color: #2F2F2F;
line-height: 1rem;
font-size: 0.8rem;
font-family: "Open Sans", sans-serif;
}
section.colonne {
position: relative;
z-index: 30;
background: #FFF;
}
.zoomContainer {
z-index: 40;
}
.zoomLens {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.8) inset;
} #intro .trapezione .download {
margin-right: -130px;
position: absolute;
right: 0;
text-align: right;
top: 40px;
z-index: 50;
-webkit-transition: all ease-in-out 400ms;
-moz-transition: all ease-in-out 400ms;
-o-transition: all ease-in-out 400ms;
transition: all ease-in-out 400ms;
}
#intro .trapezione .download:hover,
#intro .trapezione .download:focus,
html:lang(en-US) #intro .trapezione .download:hover,
html:lang(en-US) #intro .trapezione .download:focus{
margin-right: -10px;
}
html:lang(en-US) #intro .trapezione .download {
margin-right: -164px;
}
#intro .trapezione .download .button {
background: none repeat scroll 0 0 #ffffff;
padding: 10px 20px;
position: relative;
z-index: 80;
font-size: 18px;
}
#intro .trapezione .download .button.icon:before,
#intro .trapezione .onclick-menu.button.icon::before{
margin-right: 0.5rem;	
}
#intro .trapezione .download .button:hover,
#intro .trapezione .download .button:focus {
background: #3070b0;
}
.other_cards {
position: absolute;
right: 0;
text-align: right;
top: 100px;
z-index: 50;
}
#inside-menu {
position: relative;
display: inline-block;
outline: none;
}
.onclick-menu.button {
background: none repeat scroll 0 0 #ffffff;
padding: 10px 20px;
margin-right: -109px;
font-size: 18px;
}
html:lang(en-US) .onclick-menu.button{
margin-right: -114px;
}
#inside-menu.opened .onclick-menu.button,
#inside-menu:hover .onclick-menu.button,
#inside-menu:focus .onclick-menu.button,
#inside-menu:active .onclick-menu.button{
margin-right: -10px;
background: #3070b0;
color: #FFFFFF;
}
.onclick-menu.button:hover,
.onclick-menu.button:focus,
.onclick-menu.button:active{
background: #3070b0;
color: #FFFFFF;
}
.onclick-menu:focus { pointer-events: none;
}
#inside-menu.opened .onclick-menu-content,
#inside-menu:hover .onclick-menu-content,
#inside-menu:focus .onclick-menu-content,
#inside-menu:active .onclick-menu-content { opacity: 1;
visibility: visible; pointer-events: auto;
}
.onclick-menu-content:before{
content:"";
width: 0;
height: 0;
border-style: solid;
border-width: 0 5px 5px 5px;
border-color: transparent transparent rgba(255,255,255,0.9);
position: absolute;
top: -5px; 
right: 20px;
}
.onclick-menu-content {
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
border-radius: 5px 0 5px 5px;
display: block;
font-size: 0.6rem;
font-weight: bold;
margin: 0;
opacity: 0;
padding: 0;
position: absolute;
right: 0;
-webkit-transition: all 0.25s ease-in-out 0s;
-moz-transition: all 0.25s ease-in-out 0s;
-o-transition: all 0.25s ease-in-out 0s;
transition: all 0.25s ease-in-out 0s;
visibility: hidden;
width: 300px;
z-index: 1;
}
.onclick-menu-content a{
color: #3070b0;
}
.other_cards ul li {
border-bottom: 1px solid rgba(0,0,0,0.3);
list-style: outside none none;
margin: 0.2rem;
padding: 5px;
}
.other_cards ul li:last-child{
border: none;
}  #icons{
padding: 2rem 0;
}
img.mini-icon{
width: 80px;
}
.mini-text {
font-size: 0.6rem;
}
.mini-text strong{
display: block;
margin-bottom:0.4rem;
} #tab{
position: relative;
width: 100%;
border-bottom: 1px solid #d8d8d8;
margin-top: 1rem;
}
#tab h4.section-tab{
position: relative;
margin: 0;
float: right;
top: auto;
} #titles{
border-top: 1px solid #d8d8d8;
}
#titles h3{
color: #808080;
font-weight: 300;
letter-spacing: 0.02em;
} #img_ful_wid{
margin-bottom: 1rem;
}
#img_ful_wid img{
width: 100%;
}
#img_ful_wid.mob-alt img.dsk{
display: block;
}
#img_ful_wid.mob-alt img.mob{
display: none;
} #img_centered {
margin-top: 100px;
}
#img_centered .wrapper{
display: flex;
justify-content: center;    
}
@media only screen and (max-width:768px) {
.sx .trapez,
.dx .trapez{
float: none;
}
#intro .trapezione{
position: relative;	
}
#intro .thumb {
float: none;
width: 100%;
}
#intro .thumb img{
float: none;
width: 100%;
height: auto;
} #intro h2{
width: 100%;
}
#sezioriz .trapez{
width: 100%;
}
.top-header {
padding: 10px 20px;
background: var(--primary-color);
width: 100%;
color: #FFF;
font-size: 14px;
margin-bottom: 0.4rem;
}
.top-header a{
color: #FFF;			
padding-right: 5px;
}
#icons{
text-align: center;
} .hometop h1{
margin: 0;
font-size: 2em;
padding-bottom: 2em;
}
.hometop h1:after{
content: "\f107";
border: 1px solid #FFF;
border-radius: 5px;
display: block;
font-family: "FontAwesome";
width: 2rem;
height: 2rem;
margin: 1rem auto 0;
line-height: 2rem;
}
h1{
font-size: 2em;
}
h2{
font-size: 1.5em;
}
h3{
font-size: 1em;
}
h4{
font-size: 1em;
}
h5{
font-size: 1em;	
}
p{
margin: 1rem 0;
}
h1 span, h2 span, h3 span, h4 span, h5 span{
display: inline;
}
.hometop .half{
float: none;
width: 100%;
text-align: center;
}
.hometop .hexagon, .parallel, .gradient, p.icon, .button-top{
display: none !important;
}
#lancio{
margin-bottom: 5rem;
}
#primolancio .text{
padding: 0;
}
.trapez{
width: 100%;
height: 300px;
overflow: hidden;
}
.sx .trapez svg image,
.dx .trapez svg image{
-webkit-clip-path: url(#rectangle);
clip-path: url(#rectangle);
}
#slicknav-container{
display: inline-block;
float: right;
margin: 1rem 0;
}
#site-navigation{
display: none;
}
#img_ful_wid.mob-alt img.dsk{
display: none;
}
#img_ful_wid.mob-alt img.mob{
display: block;
}
.zoomContainer {
display: none;
visibility: hidden;
z-index: 40;
}
} .milestones h2{
font-size: 2.5rem;
margin: 2rem 0 0;
}
.timeline .stripe {
display: block;
height: 1px;
left: 7.5%;
position: absolute;
top: 64%;
width: 85%;
border: none;
border-bottom: 1px dotted #000000;
}
.timeline {
width: 100%;
min-height: 15rem;
}
.timeline ul {
margin: 0 5%;
padding: 0;
position: absolute;
text-align: justify;
top: 60%;
width: 90%;
left:0;
}
.timeline ul li:before {
background: #FFFFFF;
border: 2px solid #FFFFFF;
border-radius: 50%;
content: " ";
display: block;
height: 18px;
width: 18px;
position: absolute;
left: 50%;
margin-left: -9px;
-webkit-transition: all ease-in-out 200ms;
-moz-transition: all ease-in-out 200ms;
-o-transition: all ease-in-out 200ms;
transition: all ease-in-out 200ms;
-webkit-box-shadow: 0 0 0 2px #CE0808, 0 0 0 4px #FFFFFF;
box-shadow: 0 0 0 2px #CE0808, 0 0 0 4px #FFFFFF;
}
.timeline ul li {
display: inline-block;
font: 600 1.2em "Open sans", sans-serif;
list-style: none outside none;
padding: 14px 0;
position: relative;
}
.timeline ul li .info {
padding-top: 25px;
}
.timeline ul li .info .data{
color: #3070b0;
font-family: "Lato", sans-serif;
font-weight: bold;
}
.timeline ul li.stretch{
display: inline-block;
width: 100%; *display: inline;
zoom: 1
}
.timeline ul li.stretch:before{
content: none;
display: none;
}
.timeline li .bubble {
height: 100%;
left: 50%;
margin-left: -75px;
margin-top: 0;
position: absolute;
top: -80%;
transition: all 350ms ease-in-out 0s;
width: 150px;
}
.timeline li:nth-child(2n) .bubble {
bottom: auto;
top: 60%;
}
.timeline li:nth-child(2n) .bubble p {
bottom: auto;
top: 0;
}
.timeline li .bubble p{
font-size: 0.5rem;
line-height: 1.2em;
font-family: "Open Sans", sans-serif;
font-weight: 400;
background: #efefef;
border-radius: 5px;
position: absolute;
bottom: 0;
padding: 10px;
text-align: center;
width: 100%;
}
.timeline li .bubble p:after{
content: " ";
width: 0;
height: 0;
border-style: solid;
border-width: 5px 5px 0 5px;
border-color: #efefef transparent transparent;
position: absolute;
bottom: -5px;
left: 50%;
margin-left: -5px;
}
.timeline li:nth-child(2n) .bubble p::after{
border-color: transparent transparent #efefef;
border-width: 0 5px 5px;
bottom: auto;
top: -5px;	
}
@media (max-width: 768px){
.timeline .stripe {
height: 80%;
left: 50%;
margin-left: 0px;
top: 7%;
width: 1px;
border-bottom: none;
border-right: 1px dotted #000000;
}
.timeline ul {
left: 0;
margin: 0;
padding: 0;
position: relative;
text-align: justify;
width: 100%;
}
.timeline ul li:before {
background: none repeat scroll 0 0 #ce0808;
border: 2px solid #ffffff;
border-radius: 50%;
content: " ";
display: block;
height: 18px;
width: 18px;
position: absolute;
left: 50%;
margin-left: -9px;
-webkit-transition: all ease-in-out 200ms;
-moz-transition: all ease-in-out 200ms;
-o-transition: all ease-in-out 200ms;
transition: all ease-in-out 200ms;
}
.timeline li:hover:before {
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
}
.timeline ul li {
width: 100%;
}
.timeline ul li:nth-child(odd){
padding-left: 54%;
text-align: left;
}
.timeline ul li:nth-child(even){
padding-right: 54%;			
text-align: right;
}
.timeline ul li .info {
padding-top: 0;
clear: both;
}
.timeline ul li .info .data{
display: block;
}
.timeline ul li.stretch{
display: inline-block;
width: 100%; *display: inline;
zoom: 1
}
.timeline ul li.stretch:before{
content: none;
display: none;
}
.timeline li .bubble {
display: block;
height: auto;
left: auto;
margin: 0;
opacity: 1;
position: relative;
top: auto;
visibility: visible;
width: 80%;
clear: both;
}
.timeline li:hover .bubble{
display: block;
visibility: visible;
opacity: 1;
margin-top: 0;
}
.timeline li .bubble p{
position: relative;
}
.timeline ul li:nth-child(odd) .bubble{
float: left;
}
.timeline ul li:nth-child(even) .bubble{
float: right;
}
.timeline li .bubble p:after{
content: " ";
width: 0;
height: 0;
border-style: solid;
border-width: 0 5px 5px;
border-color: transparent transparent #efefef;
position: absolute;
top: -5px;
right: auto;
left: 15px;
}
.timeline li:nth-child(2n) .bubble p::after {
border-color: transparent transparent #efefef;
border-width: 0 5px 5px;
bottom: auto;
right: 15px;
left: auto;
top: -5px;
}
} .scheda_prod{
border-radius: 5px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
overflow: hidden;
margin: 10px;
}
.scheda_prod .thumb img{
width: 100%;
}
.caption {
background: #ffffff;
height: 132px;
padding: 20px 12px;
}
.caption h4:after{
content: " ";
border-bottom: 1px solid #D8D8D8;
width: 50%;
position: absolute;
bottom: 0;
left: 25%;
}
.caption h4, .caption h5{
position: relative;
font-family: 'Open Sans', sans-serif;
color: #3070b0;
text-transform: none;
margin: 0;
font-size: 14.4px;
text-align: center;
padding: 0 12px 12px;
margin-bottom: 12px;
}
.caption h5{
font-size: 12px;
font-weight: normal;
}
.tasti {
background: none repeat scroll 0 0 #fafafa;
border-top: 1px solid #d8d8d8;
font-size: 12px;
height: 36px;
}
.tasti a {
display: inline-block;
float: left;
font-weight: 500;
line-height: 36px;
padding: 0 4px;
text-align: center;
width: 50%;
font-weight: 700;
color: #2f2f2f;
-webkit-transition: all ease-in-out 200ms;
-moz-transition: all ease-in-out 200ms;
-o-transition: all ease-in-out 200ms;
transition: all ease-in-out 200ms;
}
.tasti a:hover{
background: #EAEAEA;
}
.tasti a:first-child {
border-right: 1px solid #d8d8d8;
}
.flexslider-prodotti {
margin: 3rem 0;
position: relative;
} .card-table table {
font-size: 12px;
font-weight: 300;
}
.card-table table tr td {
padding: 2px 2px;
vertical-align: top;
}
.noslider-prodotti {
padding: 2rem 0;
}
.noslider-prodotti ul.slides li {
float: left;
width: 25%;
}
@media only screen and (max-width:768px) {
.flexslider-prodotti{
margin: 0 0 3rem;
}
.top-header .wrapper {
padding: 0;
}
.noslider-prodotti ul.slides li {
width: 50%;
}
}
@media only screen and (max-width:480px){
.noslider-prodotti ul.slides li {
width: 100%;
}
} @media only screen and (min-width:769px) {
.homeform_container {
float: left;
width: 35%;
max-width: 500px;
}
.top-header .wrapper {
position: absolute;
right: 0;
z-index: 10;
}
}
@media only screen and (max-width:768px) {
}
.myform_container .wpcf7 label{
font-size: 12px;
}
.myform_container .acceptance.d-flex{
display: flex;
}
.myform_container .wpcf7-list-item{
margin: 0 10px 0 0;
}
.myform_container .wpcf7-not-valid-tip{
font-size: 10px;
}
.myform_container .wpcf7 label,
.myform_container .wpcf7 input {
width: 100%;
display: block;
}
.myform_container .wpcf7 input[type=text],
.myform_container .wpcf7 input[type=url],
.myform_container .wpcf7 input[type=email],
.myform_container .wpcf7 input[type=tel],
.myform_container .wpcf7 input[type=number],
.myform_container .wpcf7 input[type=password],
.myform_container .wpcf7 select,
.myform_container .wpcf7 textarea{
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 5px;
box-shadow: 0 0 6px rgba(100, 100, 100, 0.2) inset;
font-size: 14px;
padding: 10px;
width: 100%;
}
.wpcf7 .input {
margin: 0 0 8px 0;
}
.wpcf7 textarea {
resize: none;
height: 150px;
}
.wpcf7 .wpcf7-response-output {
display: none;
} section.blog{
padding-top: 5%;
}
section.blog figure.post-image{
width: 30%;
float: left;
margin: 0;
}
section.blog .post-body{
width: 65%;
float: left;
}
section.blog .post-title h2{
font-size: 1rem;
}
.post-meta ul {
list-style: none;
margin: 0;
padding: 0;
}
section.blog a.post-title h2,
section.blog .post-content {
padding-left: 5%;
}
li.date {
border-bottom: 1px solid #efefef;
line-height: 1rem;
margin: 0;
overflow: hidden;
padding: 0;
}
.entry-date.published {
background: none repeat scroll 0 0 var(--primary-color);
color: #ffffff;
font-size: 0.6rem;
padding: 5px 10px;
position: relative;
z-index: 3;
}
.entry-date.published:after {
background: none repeat scroll 0 0 var(--primary-color);
content: "";
height: 120%;
position: absolute;
right: -16px;
top: 0;
transform: rotate(-21deg);
width: 16%;
z-index: 2;
}
.wpcf7 label .gplaceholder label.gfield_label {
display: none;
} #mappa{
position: relative;
width: 100%;
height: 600px;
}
#illumappa{
position: relative;
width: 100%;
text-align: center;
background: url(//www.icraitalia.it/wp-content/themes/icraitalia/img/mappa-bg.png) no-repeat scroll center center / contain  rgba(0, 0, 0, 0);	
margin-bottom: 40px;
}
.google-maps {
margin: 1rem 0;	
min-height: 480px;
height: 480px;
overflow: hidden;
padding-bottom: 75%;
position: relative;
z-index: 1;
}
.google-maps iframe {
height: 100% !important;
left: 0;
position: absolute;
top: 0;
width: 100% !important;
}
#agenti {
background: url(//www.icraitalia.it/wp-content/themes/icraitalia/img/bandiera-italiana.png) no-repeat scroll right bottom rgba(0, 0, 0, 0);
}
.agenti h3 {
color: #3070b0;
display: block;
width: 100%;
font-size: 1.2rem;
font-weight: normal;
text-transform: none;
}
.single_agente {
float: left;
font-size: 14px;
width: 25%;
height: 200px;
}
.single_agente h4{
margin: 0.2em 0;
}
.single_agente p {
margin: 0.2em 0;
}
@media only screen and (max-width:1140px) {
.single_agente {
width: 33%;
}
}
@media only screen and (max-width:768px) {
.single_agente {
width: 50%;
}
}
@media only screen and (max-width:480px) {
.single_agente {
height: auto;
margin-bottom: 20px;
width: 100%;
}
#agenti {
background: none;
}
} .reserved{
padding: 20px 0;
}
div.link-area-riservata {
float: right;
font-size: 0.8rem;
list-style: outside none none;
margin: 0;
padding: 0;
position: relative;
z-index: 99;
margin-left: 20px;
margin-top: 8px;
}
div.link-area-riservata a:before{
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-family: FontAwesome;
font-feature-settings: normal;
font-kerning: auto;
font-language-override: normal;
font-size: inherit;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-synthesis: weight style;
font-variant: normal;
font-weight: normal;
line-height: 1;
margin-right: 0.2rem;
text-rendering: auto;
content: "\f023";
}
div.link-area-riservata a {
color: #2d3075;
border: 1px solid #2d3075;
border-radius: 5px;
display: inline-block;
float: left;
font-size: 0.7em;
padding: 5px 10px;
margin: 0;
font-weight: 400;
}
div.link-area-riservata a:hover {
background-color: #2d3075;
color: #FFFFFF;
}
@media only screen and (max-width:769px) {
div.link-area-riservata a{
color: #FFFFFF;
border: 1px solid #FFFFFF;
}
div.link-area-riservata{
display: none;
float: none;
}
} .button {
margin: 20px auto;
}
.button.bigger{
margin: 40px auto 30px;
}
.button {
background: transparent;
border-radius: 5px;
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
font-weight: 500;
color: #3070b0;
border: 1px solid #3070b0;
text-transform: uppercase;
padding: 10px;
margin: 0 auto;
-webkit-transition: all ease-in-out 200ms;
-moz-transition: all ease-in-out 200ms;
-o-transition: all ease-in-out 200ms;
transition: all ease-in-out 200ms;
display: inline-block;
}
.button:hover,
a.button:hover,
button.button:hover,
input.button:hover {
color: #FFFFFF;
background-color: #3070b0;
}
.button:disabled {
opacity: .2;
}
.button-top {
background: #3070b0;
border-radius: 5px;
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
font-weight: 500;
color: #FFFFFF;
border: 1px solid #3070b0;
text-transform: uppercase;
padding: 3px;
margin: 0 auto;
-webkit-transition: all ease-in-out 200ms;
-moz-transition: all ease-in-out 200ms;
-o-transition: all ease-in-out 200ms;
transition: all ease-in-out 200ms;
position: absolute;
bottom: -20px;
left: 30px;
width: 32px;
height: 32px;
}
.button-top:hover{
}
.button-top img{
max-width: 100%;
} .drop-shadow-top, .drop-shadow-bottom, .drop-shadow-both, .drop-shadow-internal{
position:relative;
}
.drop-shadow-top:after{
background-image: url(//www.icraitalia.it/wp-content/themes/icraitalia/img/drop-shadow-top.png);
background-repeat: no-repeat;
background-position: center top;
background-color: rgba(0, 0, 0, 0);
background-size: 100% 100%;
bottom: -20px;
content: "";
display: block;
height: 20px;
position: absolute;
width: 100%;
z-index: 10;
}
.drop-shadow-bottom:after{
background-image: url(//www.icraitalia.it/wp-content/themes/icraitalia/img/drop-shadow-bottom.png);
background-repeat: no-repeat;
background-position: center bottom;
background-color: rgba(0, 0, 0, 0);
background-size: 100% 100%;
bottom: 0px;
content: "";
display: block;
height: 20px;
position: absolute;
width: 100%;
}
.drop-shadow-internal:before{
background-image: url(//www.icraitalia.it/wp-content/themes/icraitalia/img/drop-shadow-top.png);
background-repeat: no-repeat;
background-position: center top;
background-color: rgba(0, 0, 0, 0);
background-size: 100% 100%;
top: 0;
content: "";
display: block;
height: 20px;
position: absolute;
width: 100%;
}
.drop-shadow-internal:after{
background-image: url(//www.icraitalia.it/wp-content/themes/icraitalia/img/drop-shadow-bottom.png);
background-repeat: no-repeat;
background-position: center bottom;
background-color: rgba(0, 0, 0, 0);
background-size: 100% 100%;
bottom: 0;
content: "";
display: block;
height: 20px;
position: absolute;
width: 100%;
} @media only screen and (max-width:480px) {
.top-header {
font-size: 12px;
text-align: center;
padding: 10px;
}
.top-header a {
padding-right: 0px;
}
.top-header #language-selector a {
font-size: 0.8em;
padding: 5px 8px;
}
}
@media only screen and (max-width:1024px) {
p.icon{
margin-top: 2rem;
}
p.icon svg {
max-width: 3rem;
}
} ::selection {
background:#3070b0;
color:#FFF;
text-shadow:none;
}
::-webkit-selection {
background:#3070b0;
color:#FFF;
text-shadow:none;
}
::-moz-selection {
background:#3070b0;
color:#FFF;
text-shadow:none;
} .alignnone {
margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display:block;
margin:5px auto 5px auto;
}
.alignright {
float:right;
margin:5px 0 20px 20px;
}
.alignleft {
float:left;
margin:5px 20px 20px 0;
}
a img.alignright {
float:right;
margin:5px 0 20px 20px;
}
a img.alignnone {
margin:5px 20px 20px 0;
}
a img.alignleft {
float:left;
margin:5px 20px 20px 0;
}
a img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}
.wp-caption {
background:#FFF;
border:1px solid #F0F0F0;
max-width:96%;
padding:5px 3px 10px;
text-align:center;
}
.wp-caption.alignnone {
margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
margin:5px 20px 20px 0;
}
.wp-caption.alignright {
margin:5px 0 20px 20px;
}
.wp-caption img {
border:0 none;
height:auto;
margin:0;
max-width:98.5%;
padding:0;
width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}
.sticky {
}
.bypostauthor {
} @media print {
* {
background:transparent !important;
color:#000 !important;
box-shadow:none !important;
text-shadow:none !important;
}
a,
a:visited {
text-decoration:underline;
}
a[href]:after {
content:" (" attr(href) ")";
}
abbr[title]:after {
content:" (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content:"";
}
pre,blockquote {
border:1px solid #999;
page-break-inside:avoid;
}
thead {
display:table-header-group;
}
tr,img {
page-break-inside:avoid;
}
img {
max-width:100% !important;
}
@page {
margin:0.5cm;
}
p,
h2,
h3 {
orphans:3;
widows:3;
}
h2,
h3 {
page-break-after:avoid;
}
}
.wpcf7 form.sent .wpcf7-not-valid-tip{
display: none;
}
.wpcf7 form.sent .wpcf7-response-output{
border-color: #46b466;
display: block;
background: white;
text-align: center;
padding: 15px;
box-shadow: 0 15px 30px -15px;
border-radius: 5px;
border-width: 1px 1px 1px 7px;
font-weight: 400;
margin: 0 0 20px;
}