/* Enter Your Custom CSS Here */
@import url(https://fonts.googleapis.com/css?family=Montserrat);
body {font-family: "Montserrat",Arial,sans-serif;}
p, ul, ol, blockquote {font-family: "Montserrat",Arial,sans-serif; font-size:16px;}
h1, h2, h3, h4, h5, h6 {font-family: "Montserrat",Arial,Tahoma,sans-serif;}
ul.cml_flags, ul.cml_widget_flag {float:right}

#topnav {font-family: "Montserrat",Arial,Tahoma,sans-serif;}
#topnav li a:hover, #topnav .current_page_item > a, #topnav .current_page_item > a:hover, #topnav .current_page_parent > a, #topnav .current_page_parent > a:hover, #topnav .current-menu-parent > a, #topnav .current-menu-parent > a:hover, #topnav .current-menu-item > a, #topnav .current-menu-item > a:hover, .sf-menu ul li a:hover, #topnav li li a.current, #topnav li li a:hover {background: none repeat scroll 0 0 #ecf0f1; color:#333}
.sf-menu a, .sf-menu a:visited, #topnav li li a, .sf-menu li li a, .sf-menu li li a:visited {color: #ffffff}
#outerfooter {background: #0094d2;}
.flex-caption a, .flex-caption a:visited {background: #0094d2}

.sf-menu ul li {background: none repeat scroll 0 0 #01336b;}
h1, h2, h3, h4, h5, h6 {
  color: #01346b;}
a, a:visited, .colortext, .colortext a, .colortext a:visited {color: #01336B; text-decoration: none;}
.flexslider-carousel .slides li .add {background:#ff6600;text-decoration: none;font-size: 18px;}
#footersidebar li.widget-container {color: #ffffff;}
#footersidebar .widget-title {color: #ffffff; text-transform: uppercase}
.entry-content .columns h2 {color: #01346b; font-size:22px;}

#outerfootersidebar {background: url("http://www.lemameccanica.it/wp-content/uploads/2016/02/dark-background.gif") repeat scroll 0 0 #202020}
#footersidebar .widget-title span {color:#b8b8b8}
.add_upsells {
  background: none repeat scroll 0 0 #01346b !important;}
body {background: url("http://www.lemameccanica.it/wp-content/uploads/2016/03/background-lema.jpg") no-repeat fixed 0 0 / cover #fff;}
.btn-preventivo {
    background: #0094d2 none repeat scroll 0 0;
    color: #fff;
    padding: 10px 15px !important;
}
#logo {height: 93px;  margin-top: 15px;}
#navigation {background: #01346b; 
background: -moz-linear-gradient(top, #3fbae3 0%, #437bab 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); background: linear-gradient(top, #3fbae3 0%, #437bab 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); background: -webkit-linear-gradient(top, #3fbae3 0%, #437bab 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); margin-top:14px}
.size-full {background:none; padding:0; border:none}
h2.trigger {
  font-size: 18px;}
#toggle {background: no-repeat scroll 37px 20px #ecf0f1; margin: 0 0 20px;padding: 13px 5px 22px 51px; clear: both;}
.toggle_container .block {
    padding: 0 40px 0 30px;
}
.four.columns.omega {margin-right: 9px;}
.wpcf7 input[type="text"], input[type="email"] {max-width: 100%}
input[type="submit"] {font-size: 25px; height: 50px; width: 200px;}
.wpcf7 input.wpcf7-text {width: 999px;}
input[type="text"], input[type="email"], textarea, input[type="password"], select {padding: 3px 5px;}
.wpcf7 span.wpcf7-form-control-wrap {
  padding-top: 0;}
input[type="submit"] {
    font-size: 17px;
    height: 45px;
    margin-top: 10px;
    width: 140px;
}
#topnav li li a, .sf-menu li li a, .sf-menu li li a:visited {color:#ffffff;}
.entry-content p {color:#222222}
.container #searchform {float: right;}

*::before, *::after {
    box-sizing: border-box;
}
*::before, *::after {
    box-sizing: border-box;
}
#maincontent a {display: inline-block;
    overflow: hidden;
    padding-bottom: 1px;
    position: relative;
    vertical-align: top;
}

div.wpcf7-response-output {margin: 25em 0.5em 1em}

@media only screen and (max-width: 479px) {
  #maincontent {margin: 0 5%; padding: 0; width: 90%;}
  #beforecontent .pagetitle {
    font-size: 24px;
    margin-bottom: 16px;
    width: 90%;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  #maincontent {margin: 0 5%; padding: 0; width: 90%;}
  
}
@media only screen and (min-width: 479px) and (max-width: 959px) {
#footersidebarcontainer .six.columns {
    float: left;
    width: 100%;
}
}

