/*
Theme Name: Os2
Theme URI: https://www.os2.it
Author: the Os2 team

*/

@import url('https://fonts.googleapis.com/css?family=Maven+Pro:400,500,700');

@font-face {
    font-family: 'rawline';
    src: url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-300-.eot');
    src: url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-300-.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-300.woff2') format('woff2'),
         url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-300.woff') format('woff'),
         url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-300.ttf') format('truetype'),
         url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-300.svg') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'rawline';
    src: url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-300i.eot');
    src: url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-300i.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-300i.woff2') format('woff2'),
         url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-300i.woff') format('woff'),
         url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-300i.ttf') format('truetype'),
         url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-300i.svg') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'rawline';
    src: url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-400.eot');
    src: url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-400.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-400.woff2') format('woff2'),
         url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-400.woff') format('woff'),
         url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-400.ttf') format('truetype'),
         url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-400.svg') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'rawline';
    src: url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-400i.eot');
    src: url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-400i.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-400i.woff2') format('woff2'),
         url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-400i.woff') format('woff'),
         url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-400i.ttf') format('truetype'),
         url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-400i.svg') format('svg');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'rawline';
    src: url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-500.eot');
    src: url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-500.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-500.woff2') format('woff2'),
         url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-500.woff') format('woff'),
         url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-.ttf') format('truetype'),
         url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-500.svg') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'rawline';
    src: url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-500i.eot');
    src: url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-500i.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-500i.woff2') format('woff2'),
         url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-500i.woff') format('woff'),
         url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-500i.ttf') format('truetype'),
         url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-500i.svg') format('svg');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'rawline';
    src: url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-600.eot');
    src: url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-600.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-600.woff2') format('woff2'),
         url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-600.woff') format('woff'),
         url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-600.ttf') format('truetype'),
         url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-600.svg') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'rawline';
    src: url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-600i.eot');
    src: url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-600i.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-600i.woff2') format('woff2'),
         url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-600i.woff') format('woff'),
         url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-600i.ttf') format('truetype'),
         url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-600i.svg') format('svg');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'rawline';
    src: url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-700.eot');
    src: url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-700.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-700.woff2') format('woff2'),
         url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-700.woff') format('woff'),
         url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-700.ttf') format('truetype'),
         url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-700.svg') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'rawline';
    src: url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-700i.eot');
    src: url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-700i.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-700i.woff2') format('woff2'),
         url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-700i.woff') format('woff'),
         url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-700i.ttf') format('truetype'),
         url('https://cdn.rawgit.com/h-ibaldo/Raleway_Fixed_Numerals/master/font/rawline-700i.svg') format('svg');
    font-weight: 700;
    font-style: italic;
}
@font-face {
  font-family: "rdsistem";
  src:url("fonts/rdsistem.eot");
  src:url("fonts/rdsistem.eot?#iefix") format("embedded-opentype"),
    url("fonts/rdsistem.woff") format("woff"),
    url("fonts/rdsistem.ttf") format("truetype"),
    url("fonts/rdsistem.svg#rdsistem") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "social networks";
  src:url("fonts/social-networks.eot");
  src:url("fonts/social-networks.eot?#iefix") format("embedded-opentype"),
    url("fonts/social-networks.woff") format("woff"),
    url("fonts/social-networks.tt") format("truetype"),
    url("fonts/social-networks.svg.social-networks") format("svg");
}

BODY {font-family: 'rawline', sans-serif; font-weight:400; font-size:88%; color: #000; margin: 0;padding:0;background:#fff; text-align:justify; line-height:1.23; -webkit-text-size-adjust: 100%;}
a:link, a:visited, a:before, a:after, a *, a *:before, a *:after, input {text-decoration:none;-moz-transition: all 0.2s linear;-webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;}
a:link, a:visited {color:#C62E1F}
a:hover {color:#444}

/* form e img */
header, main, footer, figure, blockquote {display:block;margin:0}
body > header {min-width:320px;position:relative; text-align: center;}

header, main, #footer {padding:0; margin:0 auto; text-align:center; max-width: 1200px}
#footer, main, #top {min-width:320px; position:relative}
main {padding:20px 0}

#cmplz-document {max-width: 100% !important}
.grecaptcha-badge {display:none !important}
#recaptcha {margin-top:10px;font-size: 11px}

*, *:after, *:before {-webkit-box-sizing: border-box; box-sizing: border-box;-webkit-font-smoothing: antialiased;-webkit-appearance:none;}
input[type="checkbox"] {-webkit-appearance:checkbox;}
input[type="radio"] {-webkit-appearance:radio;}
p {margin:10px 0}
.imgdx {float:right;margin:5px 0 0 5px}
.imgsx {float:left;margin:8px 5px 0 0}
h1, h2, h3, h4 {margin:0;color:#C62E1F; font-family:"Maven Pro", sans-serif; font-weight:400; text-transform: uppercase;}
h1, h2 {font-size:25px;}
#welcome h1 {font-size:28px}
.content h2 {font-size:20px}
h3 {font-size:20px;}
h4 {font-size:17px;}
h1.entry-title {margin-bottom:20px}
div.wpcf7 {margin-bottom:30px}
.wpcf7 form.sent .wpcf7-response-output {color: #46b450 !important}
.wpgmza_map {margin-top:10px}

b, strong {font-weight: 700}
img {border:0}
form {margin:0}
ul {margin:0; padding:0; list-style:none}
.content ul {margin:10px; padding:10px; list-style:initial}
.content img {max-width:100%; heighT:auto}
*:focus {outline:none}
.clearfix:after {content: ""; display: table; clear: both;*zoom: 1}
.center {text-align:center; clear:both}

/* Alignment */

.alignleft {display: inline;float: left;margin-right: 1.625em;}
.alignright {display: inline; float: right;	margin-left: 1.625em;}
.aligncenter {clear: both;display: block;	margin-left: auto; margin-right: auto;}

#gallery-2 .gallery-item img {border: 1px solid #cfcfcf;}

.pagination {margin-top:50px}
.pagination .nav-links {display: -webkit-inline-flex; display: inline-flex; -webkit-justify-content:center; justify-content: center}
.pagination .nav-links > * {width:40px; height:40px; line-height:40px; display:block; background: #000; color:#fff; margin:0 5px; font-weight:500}
.pagination .nav-links > .current {background: #C62E1F; color:#fff}

input[type="text"], input[type="number"], input[type="email"], input[type="submit"], textarea, select  {font-family: 'rawline', sans-serif; font-size:15px; margin:0; padding:0; border:0; color:#333}
input[type="text"], input[type="email"], input[type="number"], select, textarea {border:1px solid #ccc; border-radius:5px; padding:10px; background: #fff}
input[type="text"], input[type="email"], input[type="number"] {height:40px}

.contatti {text-align: left; margin:40px 0 20px 0}
label {text-align: left; display: inline-block;}
.contatti > div {margin-top:10px}
.contatti > div input[type="text"], .contatti > div input[type="email"], textarea {width:100%; margin-top:3px}
.contatti > p {clear:both;width:94%;margin:3%}

#policy {font-size:80%; margin:20px 0}

span.wpcf7-list-item {margin: 0 !important;}

input[type="submit"] {border:0;height:40px;padding:0 15px; border-radius:5px; font-size:18px; text-transform:uppercase; cursor:pointer; background:#C62E1F; color:#fff; font-weight:600}
input[type="submit"]:disabled, input[type="submit"]:disabled:hover, input[type="submit"]:disabled:hover {background:#ccc;color:#fff;cursor:text}
input[type="submit"]:hover {background:#000;}
input[type="submit"]:active {background:#000; color:#C62E1F}
::-webkit-input-placeholder {color: #999; font-style: italic;}
:-moz-placeholder { /* Firefox 18- */ color: #999;opacity: 1;  font-style: italic;}
::-moz-placeholder {  /* Firefox 19+ */  color: #999;opacity: 1;  font-style: italic;}
:-ms-input-placeholder { color: #999;  font-style: italic;}

.submit {position:relative; display:inline-block; height: 34px}
.submit input[type="submit"] {padding-right:25px}
.submit:after {font-family:rdsistem; content:'q'; display:block; color:#fff; font-size:15px; position:absolute; top:0; right:10px; line-height:34px; pointer-events: none;}


.content {margin:0 auto; max-width: 1200px; text-align: justify; padding:0 10px}

#logo {text-align:left; margin:0 auto; width:100%; padding:10px}
#logo a {display:inline-block; position:relative}
#logo a img {height:60px; display:block}


a#toggle {width: 40px; height: 40px; text-align: center; display: none; transition: all ease-out 0.3s;}
a#toggle:before {float:left;display:block;font-family:rdsistem; content:'m';font-size:22px; width:40px;height:40px;line-height:38px; color:#C62E1F; text-align:center}

.open-menu a#toggle:before {content:'x';color:#fff; font-size:20px}
a#toggle:hover:before {color:#000}

ul.menu {font-family:"Maven Pro", sans-serif;}
a#prodotti:after, ul.catmenu .sub > a:after {position:absolute; top:0; right:20px; display:block; font-family:rdsistem; content:'a'; font-size:12px; color:#fff; text-align:center;text-transform: none; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg);  transform: rotate(90deg);}
#menu ul {padding:0; list-style: none; z-index:2; font-family:"Maven Pro", sans-serif;}
#menu ul li.sub > a:after {display:block; font-family:rdsistem; content:'a'; font-size:12px; color:#C62E1F; text-align:center;text-transform: none; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg);  transform: rotate(90deg);}

#slide img {max-width:100%;height: auto; display:block}
#slide figure {position:relative}

#slide figcaption {position:absolute; bottom:15%; right:15px; width: 300px; text-align:right;}
#slide figcaption span { display:block; display: inline;	padding: 5px 0; background-color: #fff; box-shadow: 15px 0 0 #fff,-15px 0 0 #fff; box-decoration-break: clone; line-height:1.7; color:#C62E1F;font-size: 28px}

footer {clear:both; position:relative; width:100%; font-size:15px; text-align:center; background: #eee; color:#000;}

#footer {padding:30px 10px;font-size:14px; font-weight:500; line-height: 1.6}
#footer a {color:#000}
footer a:hover {text-decoration: underline}

ul#fmenu {text-transform: uppercase;}

#footer > a {margin:10px; position:relative; color:#C62E1F; font-size:24px; text-transform: uppercase; line-height: 1; text-align: left; display: -webkit-inline-flex; display: inline-flex; -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; align-items:center; font-family: "Maven Pro", sans-serif; font-weight: 400}
#footer > a:hover {text-decoration: none; color:#000}
#footer > a:before { font-family: rdsistem; font-size: 44px; color:#000; text-transform:none; margin-right:10px}
a#fpreventivo:before {content:'p'}
a#ftel:before {content:'t'}

#credits {padding:20px 0; background: #fff}

#welcome {margin:0 10px 20px 10px; font-size: 15px; text-align: justify;}
#welcome h1, #welcome h2 {text-align: left;}
#homeboxes {position: relative;}
#homeboxes a {display: block;height:270px; position:relative; width:100%;  background-size:cover; background-repeat: no-repeat;}

#homenews h1 {font-size: 25px}
#homenews h1 span {font-size: 20px}

.slidernews a {position:relative; display:block; height:270px; width:100%;}
.slidernews article a {margin:3% 0}
.slidernews article a > span {position:absolute; bottom:20px; right:0; display:block; max-width:80%; padding:30px; background:rgb(255,255,255); background: transparent\9; background:rgba(255,255,255,0.85); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#d8ffffff,endColorstr=#d8ffffff); zoom: 1; font-family: 'Maven Pro', serif; font-size:18px; color:#7F694F; text-align:left}
.slidernews a div {position:absolute; bottom:0; left:0; display:block; width:100%; padding:20px; background:rgba(255,255,255,0.85);  font-family: 'Maven Pro', serif; font-size:18px; color:#7F694F; text-align:center}
.slidernews article a:hover > span, .slidernews a:hover div {background:rgba(127,105,79,0.85);  color:#fff;}

.slidernews a div h3 {font-size:30px}
.slidernews a div strong {color:#C62E1F; font-size:19px}
.slidernews a div p {margin:10px 0 0 0}
.slidernews a div p:first-child {height:44px}
.slidernews a:hover div h3, .blogcat a:hover div strong {color:#fff}
.slidernews a span {position:absolute; bottom:0; right:0; display:block; color:#fff; font-family: 'Maven Pro', sans-serif; padding:15px; background:rgba(198,46,31,0.90); font-size:16px; text-align: left;}
.slidernews a:hover span {background:#fff; color:#C62E1F}


span.wpcf7-not-valid-tip {color: #C62E1F !important}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {background:#C62E1F !important; border:0 !important }
div.wpcf7-mail-sent-ok {background:#060 !important;}
.wpcf7-response-output {color:#fff; padding:10px 20px !important}

ul#social {margin:0 auto; padding:15px 0; background: #000;display: -webkit-flex; display: flex; -webkit-justify-content:center; justify-content: center; -webkit-align-items: center; align-items: center;}
ul#social li {margin:0 10px}
ul#social li a {display:block; border:1px solid #fff;}
ul#social li span {position: absolute; top:-999999px;  left:-999999px;}
ul#social li a:before {display:block; font-family: 'social networks'; color:#fff; width:40px; height:40px; line-height:40px}
ul#social li.fb a:before {content:'f'; font-size:28px;}
ul#social li.instagram a:before {content:'i'; font-size:26px;}
ul#social li.linkedin a:before {content:'l'; font-size:29px;}
ul#social li.pinterest a:before {content:'p'; font-size:26px;}
ul#social li a:hover {text-decoration: none;}
ul#social li a:hover:before {background:#fff;}
ul#social li.fb a:hover:before {color:#4867AA}
ul#social li.instagram a:hover:before {color:#EB00CC}
ul#social li.linkedin a:hover:before {color:#0077B5}
ul#social li.pinterest a:hover:before {color:#BD081B}

a#prodotti {font-size:18px}

.prodotti article * {display:block; margin:0 auto; }
.prodotti article {padding:40px 0; border-bottom:1px solid #ccc}
.prodotti article strong {font-size:20px}
.prodotti article a {margin-top:5px; text-transform: uppercase; font-weight:500;}

#catdesc {text-align: justify; padding:0 15px}

article.news-promo {margin-top:30px; padding-bottom: 10px; border-bottom:1px solid #ccc}

@media screen and (max-width: 359px) {
#copyright p span {display:block}
 }
@media screen and (min-width: 360px) and (max-width: 1099px) {
#copyright p:nth-child(2) span:first-child:after {content:' -'}
}
@media screen and (min-width: 360px) {
  h1, h2 {font-size: 24px;}
 }
@media screen and (max-width: 479px) {
  #homeboxes a article h1 {position:absolute; bottom:30px; right:0; background:rgba(238,238,238,0.9); display:block; padding:0 15px; height:50px; line-height:50px;}
  #homeboxes a:hover article h1 {background:rgba(198,46,31,0.90); color:#fff;bottom:30px;}
  #homeboxes a article p {position:absolute; bottom:-100%; color:#fff; opacity:0}
  ul#fmenu li {width:50%}

  #gallery-2.gallery .gallery-item {width:100%; max-width: 100%}
}

@media screen and (min-width: 480px) {
  main {padding:30px 0}
  h1.entry-title {margin-bottom:30px}

  .slidernews a div strong {font-size:23px}

  #welcome {margin:0 30px 30px 30px; font-size: 16px;}
  #homeboxes a {background-size:contain}
  #homeboxes a article {width:50%; padding:10% 5%;height:270px; position: absolute; top:0; right:0; background:#eee;  display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-align-items: center; align-items: center; flex-wrap: wrap; color:#000}
  #homeboxes a h1 {font-size:20px}
  #homeboxes a:hover article {background:#000; color:#fff}
  #homeboxes a article p {text-align: right;}

  .contatti {display: -webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content: space-between;}
  .contatti.preventivo {flex-wrap: wrap}
  .contatti > div {width:30%}
  .contatti.preventivo > div {width:47%}
   ul#fmenu li {margin:0 10px}

  .prodotti {display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; flex-wrap: wrap;}
  .prodotti article {width:48%;margin:0 1%}

}

@media screen and (min-width: 480px) and (max-width: 639px) {
  .slidernews a {border: 1px solid #fff; margin: 1px 0;}
}
@media screen and (min-width: 480px) and (max-width: 1199px) {
  #homeboxes a {margin-bottom:1px}
}
@media screen and (max-width: 639px) {

}

@media screen and (min-width: 640px) {
  h1, h2, #homenews h1 {font-size:28px}
  #welcome h1 {font-size:31px}
  #homenews h1 span {font-size: 23px}
  #welcome {font-size: 18px;}
  #homeboxes a h1 {font-size:25px}

  #footer {font-size: 15px}
  a#prodotti {font-size: 22px}
  .slidernews a span {font-size:20px; width:50%; height:270px; padding: 40px 60px 40px 40px;display: -webkit-flex; display: flex; -webkit-justify-content:center; justify-content: center; flex-wrap: wrap;-webkit-align-items:center; align-items:center; background: #C62E1F}

  .content {padding:50px; background: #eee}

  .prodotti article {width:31.3333%}
}

@media screen and (min-width: 768px) {
  h1, h2 {font-size:30px;}
  #welcome h1 {font-size:34px}
  .content h2 {font-size: 23px;}
  #homeboxes article {padding:40px}
  #slide h1 a {font-size:25px}

}

@media screen and (max-width: 839px) {
  .home #slide figcaption {position:absolute; top:-9999px; left:-9999px;}
  footer {position:relative}
  #homenews h1 {width:100%; height:50px; line-height:50px; background: #eee;}
}

@media screen and (min-width: 840px) {
  main {padding:40px 0}
  #welcome {margin-bottom:40px}

  #homeboxes {display: -webkit-flex; display: flex; flex-wrap: wrap; flex-direction: column;}
  #homeboxes a:nth-child(odd) {-webkit-align-self: flex-end; align-self: flex-end;}
  #homeboxes a:nth-child(even) {-webkit-align-self: flex-start; align-self: flex-start;}
  #homeboxes a, .slidernews a {max-width: 800px; height:300px;}
  #homeboxes a article, .slidernews a span {height:300px;}
  #homeboxes a h1 {font-weight: 400; font-size:35px; position:relative}
  #homeboxes a h1:after {content:''; display:block; background: #000; width: 400px; height:2px; position:absolute; bottom:-20px; right:0}
  #homeboxes a:hover h1:after {background: #fff}
  #homeboxes a article {padding:5%;}
  #homenews {position: relative;}


  #homenews h1 {z-index:2;-ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg);  transform: rotate(-90deg); position:absolute; bottom: 133px; left: 635px; font-size: 54px; letter-spacing: -5px; height: 35px; line-height: 35px; width:300px; overflow: hidden}
  #homenews h1 a {color: rgba(255,255,255,0.50); margin-left:-10px}
  #homenews h1 span {font-size: 44px}
  .slidernews a span {padding: 40px 110px 40px 50px; font-size:25px}

  .prodotti article {width:23%}
  }

@media screen and (min-width: 900px) {

}

@media screen and (min-width: 980px) {

}

@media screen and (max-width: 1023px) {

.slidernews a {position:relative;}
ul#fmenu {margin:20px auto; display: -webkit-flex; display: flex; -webkit-justify-content:center; justify-content: center; flex-wrap: wrap}
.prodotti article img {max-height:250px; width: auto; height:100%; }
}

@media screen and (min-width: 1024px) {
  h1 {font-size:39px}
  .content h2 {font-size: 30px;}
  #homeboxes a h1 {font-size:35px}
  #homeboxes a p {width:300px; font-size:16px}
  #footer {display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; text-align: left; line-height:1.6}


}

@media screen and (max-width: 1099px) {

}

@media screen and (min-width: 1100px) {
#slide figcaption {bottom:70px}

}

@media screen and (max-width: 1199px) {
  a#prodotti {position:relative; width:100%; height:50px; line-height:50px; background: #000; text-align: left; text-transform: uppercase; display:block; color:#fff; padding:0 20px; font-family:'Maven Pro', sans-serif; font-weight: 500;}
  ul.catmenu .sub > a:after {color:#000; line-height: 40px;}
  #catalogo.open a#prodotti:after, ul.catmenu .sub.open > a:after {-ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg);  transform: rotate(-90deg);}
  ul.catmenu {display: none;}
  ul.catmenu li {position:relative}
  ul.catmenu li a {display:block; width:100%; height:40px; line-height:40px; background:#ddd; color:#000}
  ul.catmenu li a:hover, ul.catmenu .sub.open > a {color:#C62E1F}
  ul.catmenu li.sub ul a {background: #ccc}

  .overlaybg {height:100%; width:100%; position:fixed;left:0;	top:0;z-index:4 !important;background-color:#C62E1F;filter: alpha(opacity=80); -khtml-opacity: 0.80;-moz-opacity: 0.80;opacity: 0.80;}
  /* push menu*/
  #menu {moz-transition: all 0.2s linear;-webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;position: fixed;  overflow: hidden; overflow-y: auto;height: 100%; top: 0; right: -280px;  background-color: #fff; z-index: 10; width: 280px; opacity: 1; text-align:left}

  /* push menu*/
  #menu ul {list-style: none; margin: 0;padding: 0}
  #menu > ul a {padding:0 16px; color:#333;font-size: 17px; display: block;line-height:40px; text-decoration: none;position:relative; text-transform:uppercase}
  #menu ul li.open ul li a {background:#eee;color:#000; font-size:15px; line-height:40px;}
  #menu ul li.open > a:after {-ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg);  transform: rotate(-90deg);}
  #menu ul li.open ul li a:hover {color:#C62E1F;}

  #menu > ul {list-style: none; margin: 0;padding: 0}
  #menu > ul > li > a:hover, #menu > ul > li.open > a {background:#000;color:#fff; }
  #menu > ul li.sub > a:after {position:absolute; top:0;right:20px; line-height:40px;height:40px}
  #menu > ul > li.open > a:after {color:#fff}
  #menu > ul li.sub a:hover:after {color:#fff;}

  #menu > ul li ul, ul.catmenu > li ul {display: none; position: static; width: 100%;}
  #menu > ul li:hover > ul { display: none; }
  #menu > ul li.open > ul, ul.catmenu li a { display: block; }


  a#toggle {position:absolute; top:12px; right:10px; display: block;z-index:5 }
  a#toggle span {position: absolute; top: -999999px; left: -999999px;}

  html.open-menu { overflow: hidden;}
  html.open-menu nav#menu {z-index: 4; right:0}
  html.open-menu a#toggle { right:280px }


  #footer [id*='fcol'], #welcome aside {position: absolute; top: -99999px; left: -99999px;}
}

@media screen and (min-width: 1200px) {
  .overlaybg, #prodotti {display:none !important}
  h1 {font-size:48px; line-height: 1}
  #welcome h1 {font-size:39px}
  .content h2 {font-size: 32px;}
  #logo {padding:25px 0}
  main {padding:80px 0}
  h1.entry-title {margin-bottom:80px}

  #welcome {margin:0; position: relative; font-size: 17px; background:url(images/welcomebg.jpg) no-repeat bottom left; background-size: contain; padding:0 0 567px 0}
  #welcome article {width:750px;}
  #welcome aside {position: absolute; top:0; right:0; width:360px;}
  #welcome aside > div {position:relative; width: 100%; color:#fff; font-family: 'Maven Pro', sans-serif;font-size:25px; text-align: center; height: 200px; display: -webkit-flex; display: flex; -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; align-items:center; flex-wrap: wrap}
  #welcome aside > div b {font-weight: 400; font-size:48px; display:block; text-transform: uppercase;}
  #welcome aside > div:nth-child(odd) {background: #C62E1F}
  #welcome aside > div:nth-child(even) {background: #000}
  #welcome aside > div:last-child:before, #welcome aside > div:last-child:after, .slidernews a span:before, #homenews:after {content:''; background:#fff; position:absolute;}
  #welcome aside > div:last-child:before, #welcome aside > div:last-child:after {left:-10px;}
  #welcome aside > div:last-child:before, .slidernews a span:before {top:0;width:10px; height:100%;}
  #welcome aside > div:last-child:after, #homenews:after {width: -webkit-calc(100% + 10px); width: calc(100% + 10px); height:10px;}
  #welcome aside > div:last-child:after {bottom:-10px;}
  #homenews:after {top:-10px;}
  .slidernews a span:before {right:-10px}
  #homenews:after {left: 0; width: 810px;}

  #homenews {margin-top:-80px}

  #menu {position:absolute; top:35px; right:0;}
  nav > [class*='menu'] {position:relative; display: -webkit-flex; display: flex;}
  ul.catmenu {background: #000; -webkit-justify-content:space-around; justify-content: space-around;}
  ul.mainmenu {-webkit-justify-content:space-between; justify-content: space-between;}
  nav > [class*='menu'] > li > a {padding:0 10px; display: block; text-decoration: none; text-transform: uppercase;}
  ul.mainmenu > li > a {line-height:30px; color:#000;font-size: 18px;}
  ul.catmenu > li > a {position:relative; line-height: 50px; color:#fff; font-size: 17px;font-weight: 500}
  ul.catmenu > li.sub > a {padding-right:20px}
  ul.catmenu .sub > a:after {right:0;}
  nav > [class*='menu'] a:hover, nav > [class*='menu'] > li:hover > a {color:#C62E1F}
  nav > [class*='menu'] .current-menu-item > a, nav > [class*='menu'] .current-menu-parent > a, .single-news-promo .menu-item-object-news-promo a {color:#999}
  nav > [class*='menu'] > li.sub > a:after {float:right; margin: 2px 0 0 6px;}
  nav > [class*='menu'] li ul {display:none; text-align: left;position: absolute; top: 30px;background:#f5f5f5}
  ul.mainmenu li ul {top: 30px}
  ul.catmenu li ul {top: 50px}
  nav > [class*='menu'] li:hover ul {display:block; z-index:2}
  nav > [class*='menu'] li ul li a {color:#000;font-size:15px; line-height: 34px; display: block;padding:0 20px;}
  nav > [class*='menu'] li ul li a:hover {color:#fff;background:#C62E1F}

  #slide figcaption {width:400px}
  #slide figcaption span {font-size:37px; line-height: 1.5;}

  body {font-size: 100%}
}
@media screen and (max-width: 1279px) {

}

@media screen and (min-width: 1280px) {
  #menu {right: -10px;}
}