/*
Theme Name: Edilmap
Theme URI: http://www.edilmap.it/
Description: A theme for Edilmap snc
Version: 1.0
Author: Konolab snc
Author URI: http://www.konolab.com/
*/

/* ----- GENERALE ----- */
* {
vertical-align: baseline;
font-weight: inherit;
font-family: inherit;
font-style: inherit;
font-size: 100%;
border: 0 none;
outline: 0;
padding: 0;
margin: 0;
}

body, html {
min-height:100%;
}

body {
font-family: 'Nunito', Arial, "Lucida Grande", sans-serif;
font-weight: 300;
background: #1e1e1e;
text-align:justify;
color:#E0E0E0;
position:relative;
}

a {
outline:none;
text-decoration:none;
color:white;
cursor:pointer;
font-weight:bold;
}

a:hover {
text-decoration:none;
color:#18C3DD;
}

p {
margin:0 0 10px 0;
}

b,strong {
}

.clear {
clear:both;
}

.center {
text-align:center;
}

.left {
float:left;
}

.right {
float:right;
}

h1,h2,h3 {
font-family: 'Oswald', Arial, "Lucida Grande", sans-serif;
font-weight:400;	
}

h1 a,h2 a {
outline:none;
}

h1 a:hover,h2 a:hover {
text-decoration:none;
}

h1 {
font-size:36px;
line-height:36px;
text-transform:uppercase;
}

h2 {
font-size:24px;
line-height:25px;
}

h3 {
font-size:18px;
line-height:18px;
}

ul, ol {
margin-left:20px;
}

img.alignright {float:right;}
img.alignleft {float:left;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto; text-align:center;}
a img.alignright {float:right; margin:0 0 15px 15px}
a img.alignleft {float:left; margin:0 15px 15px 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/* ----- HEADER ----- */

.header {
width:100%;
display:block;
height:100px;
position:fixed;
top:0;
left:0;
right:0;
margin-left:auto;
margin-right:auto;
z-index:1001;
}

.headerx {
position:absolute;
top:0;
left:0;
right:0;
width:100%;
display:block;
margin-left:auto;
margin-right:auto;
background-color:#18C3DD;
}

.header1 {
height:3px;
background-color:#18C3DD;
box-shadow: 0 1px 1px rgba(255,255,255,0.5) inset;
-moz-box-shadow:0 1px 1px rgba(255,255,255,0.5) inset;
-webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.5) inset;
}

.header2 {
height:20px;
background:black;
box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.3);
-webkit-box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.3);
}

.logo {
width:24%;
position:absolute;
display:block;
top:20px;
left:10%;
max-height:80px;
background:black;
box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.3);
-webkit-box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.3);
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}

.logo a {
width:92%;
margin:0 auto;
height:auto;
display:block;
padding:20px 0;
max-height:40px;
}

.logo img {
width:100%;
height:auto;
display:block;
max-height:40px;
}

.logo span {
visibility:hidden;
display: none;
height: 100%;
width: 0;
}

.menu {
position:absolute;
display:block;
top:20px;
height:48px;
right:10%;
background:black;
box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.3);
-webkit-box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.3);
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}

.menu a {
float:left;
height:48px;
line-height:48px;
font-size:14px;
text-transform:uppercase;
padding:0 20px;
font-weight:400;
font-family: 'Oswald', Arial, "Lucida Grande", sans-serif;
}

.menu a:hover, .menu a.active {

}

/* ----- CONTAINERS ----- */

#wrapper {
width:100%;
height:100%;
position:relative;
}

div#main {
margin:48px auto;
width:60%;
background:#f1f2f3;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.9);
-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.9);
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.9);
}

/* ----- SLIDER ----- */

.content-slider {
position: relative;
width:100%;
height:100%;
}

#slider {
position: relative;
width:100%;
}

#slider ul {
position: relative;
width:100%;
overflow: hidden;
list-style:none;
margin:0 auto;
}

#slider li {
margin:0;
}

#slider img {
width:100%;
height:auto;
text-align:center;
border:0;
display:block;
}

#slider ul li {
position:relative;
overflow:hidden;
width:50%;
float: left; 
}

#slider ul li a {text-decoration:none;}
ol#controls {list-style:none;display:none;}

/* ----- CONTENT ----- */

#content {
width:50%;
background: black;
position:relative;
top:125px;
margin-right:10%;
float:right;
}

.post {
padding:32px;
}

.post h1 {
float:left;
color:#18C3DD;
margin-bottom:24px;
}

.close {
float:right;
width:32px;
height:32px;
display:block;
background: url('images/close.png') center center no-repeat;
}

/* Contatti */

.contactform input, .contactform textarea {
background:white;
padding:4px 6px;
color: black;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}

.contactform p {
margin:10px 0 3px;
font-size:11px;
}

.wpcf7-submit {
background-color:#18C3DD !important;
text-transform:uppercase;
}

/* ----- FOOTER ----- */

.footer {
width:100%;
display:block;
height:30px;
background:black;
position:fixed;
bottom:0;
left:0;
right:0;
margin-left:auto;
margin-right:auto;
border-top: 2px solid #18C3DD;
z-index:1001;
}

.footer p {
font-family: Arial, sans-serif;
line-height:30px;
font-size:10px;
color:#999;
margin:0 25px;
}

.footer p a {
color:white;
font-weight:normal;
}

.footer p a:hover {
text-decoration:none;
color:#18C3DD !important;
}

#konolab:hover {
color:#cc3300 !important;
}

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {
zoom: 1;
height:100%;
position:fixed;
}

.flex-viewport {
height:100%;
max-height: 2000px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
transition: all 1s ease;
}

.loading .flex-viewport {
max-height: 300px;
}

.flexslider .slides {
zoom: 1;
height:100%;
}

.carousel li {
margin-right: 5px
}

.flexslider ul.slides li {
height:100%;
display:block;
float:left;
}

.flexslider ul.slides li img {
display:block;
height:auto !important;
min-height:100%;
width:100%;
float:left;
}

.flexslider ul.slides li:before {
content:'';
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background: url('images/raster.png') center center repeat;
}

.slides h2.widgettitle {
display:none;
}


/* Direction Nav */
.flex-direction-nav {*height: 0;width:100%; position: absolute; top: 54%; margin: -15px 0 0;}
.flex-direction-nav li {}
.flex-direction-nav a {width: 30px; height: 30px; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease; position: absolute;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {
position: absolute;
z-index:1001;
top: 20px;
right:20px;
display:none;
}

.flex-control-nav li {
margin: 0 6px;
display: inline-block;
zoom: 1;
*display: inline;
}

.flex-control-paging li a {
width: 11px;
height: 11px;
display: block;
background: #e0e0e0;
cursor: pointer;
text-indent: -9999px; 
-webkit-border-radius: 20px; 
-moz-border-radius: 20px; 
-o-border-radius: 20px; 
border-radius: 20px; 
box-shadow: 0 1px 1px rgba(0,0,0,0.3);
}

.flex-control-paging li a:hover {
background: #1e1e1e;
}

.flex-control-paging li a.flex-active {
background: #1e1e1e;
cursor: default;
}

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}