/*
 * 
 * 4Sigma Maintenance
 * BY ing. Nicolò Chiellini
 * n.chiellini@4sigma.it
 * 
 */

html { 
    border: none; 
    padding: 0px; 
    margin: 0px;   
    float: left;
    color: #4d4d4d;
    background-color: #fff;    
    width: 100%;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    background-image:url('../img/bg.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    background-attachment: fixed;
}
body {    
    border: none; 
    padding: 0px; 
    margin: 0px; 
    width: 100%;
    min-height: 100%;    
    float: left;
    -webkit-text-size-adjust: 100%;
}
td {
    border: none;
    text-align: left;    
    margin: 0px;
    padding: 0px;
}

div, p, h1, h2, h3, h4, h5, h6, ul, 
footer, header, nav, article, main, aside,
section {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 100%;    
    text-align: left;    
    text-decoration: none;    
    -webkit-text-size-adjust: 100%;
}

img {
    text-decoration: none;
    border: none; 
    vertical-align: middle;
}
svg {
    border: none;
    border-image-width: 0;
    stroke-width: 0px;
}
table, td, tr {
    margin: 0px;
    padding: 0px;
    border: none;
}
table {
    float: left;
}
a {
    outline: none;    
    text-decoration: none;    
    color: #ff8005;
}

li {
    outline: none;
}

i, em, .italic {
    font-style: italic;
}
.underline {
    text-decoration: underline;
}

input:focus:-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
input:focus:-ms-input-placeholder  { color:transparent; }

input,
textarea,
select,
button {    
    outline: none;
    border: none;
    padding: 0px;
    -webkit-border-radius: 0px;        
}
button {
    cursor: pointer;
    -webkit-appearance: none;
}
input[type="checkbox"] {
    -webkit-appearance: checkbox;
    -webkit-border-radius: auto;
    vertical-align: top;
}
input[type=submit] {
    -webkit-border-radius:0px;
    -webkit-appearance: none;
}
.hidden {
    display: none;
}
.over_hidden {
    overflow: hidden;
}
.block,
.desktop {
    display: block;
}
.mobile {
    display: none;
}
.inline-block {
    display: inline-block;
}
.relative {
    position: relative;
}
.absolute {
    position: absolute;
}
.pointer {
    cursor: pointer;
}
.left {
    float: left;
}
.right {
    float: right;
}
.none {
    float: none;
}
.clear {
    clear: both;
}
.v_top {
    vertical-align: top;
}
.text_top {
    vertical-align: text-top;
}
.v_middle {
    vertical-align: middle;
}
.v_bottom {
    vertical-align: bottom;
}
.m_auto {
    margin: 0px auto
}
.w_auto {
    width: auto;
}
.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.text-justify {
    text-align: justify;
}
.text-truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.light {
    font-weight: 200;
}
.normal {
    font-weight: 400;
}
.medium {
    font-weight: 500;
}
.bold,
strong, 
b {    
    font-weight: 700;
}
.extrabold {
    font-weight: 800;
}
.black,
.nero,
.blacklink,
.blacklink:visited,
.black_white_lnk {
    color: black;    
}
.green {
    color: green;
}
.red {
    color: #fe0001;
}
.yellow {
    color: #fdd301;
}
.gray {
    color: #4d4d4d;
}
.arancio {
    color: #ff8005
}

.grigio {
    color: #ebebeb;        
}
.white,
.whitelnk,
.white_black_lnk,
.whitelnk:visited {
    color: #FFFFFF;
}
.blue-fb {
    color: #3B5998;
}

.cover {
    background-size: 100% 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
}
.uppercase {
    text-transform: uppercase;
}
.two-column {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px;
}
/* Honey POT anti SPAM */
.hnpt {
    width: 10px;
    color: white;
    background-color: white;
    border: none;
    outline: none;
    cursor: default;
}
footer {
    position: fixed;
    bottom: 30px;        
}
main {
    padding-bottom: 110px;
    box-sizing: border-box;
}
.container {
    float: none;
    margin: 0px auto;
    max-width: 640px;
    width: 100%;
    box-sizing:  border-box;
    padding: 0px 30px 0px 30px;
}
#info-contatti {
    position: absolute;
    top: 50%;
    margin-top: -86px;
    width: auto;
}
/* Over Cage */
@media only screen and (min-width:1025px) and (max-width:10000px) {
    a:hover {
        color: red;
    }
    .blue-fb:hover {
        color: #002576;
    }
}
/* ALL MOB */
@media only screen and (min-width:320px) and (max-width:1024px) {
    .desktop {
        display: none;
    }
    .mobile {
        display: block;
    }    
}
/* PAD */
@media only screen and (min-width:768px) and (max-width:1023px) {
    .page {
        width: 100%;
        max-width: 1000px;
        float: none;
        margin: 0px auto;
    }
}
/* Phone */
@media only screen and (min-width:320px) and (max-width:767px) {
    header img {
        max-width: 70%;
    }
    footer {
        position: static;
        bottom: auto;        
        margin-bottom: 30px;
        font-size: 12px;
        line-height: 15px;
    }
    .font_20 {
        font-size: 15px;
        line-height: 18px;
    }
    main {
        padding-bottom: 50px;        
    }
    #info-contatti {
        position: static;
        margin: 0px;
        top: auto;
    }
}