@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Abel|Raleway');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,200..900;1,200..900&family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,200..900;1,200..900&family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,200..900;1,200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,200..900;1,200..900&family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Sarala:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,200..900;1,200..900&family=Gantari:ital,wght@0,100..900;1,100..900&family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Sarala:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,200..900;1,200..900&family=Gantari:ital,wght@0,100..900;1,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Sarala:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,200..900;1,200..900&family=Gantari:ital,wght@0,100..900;1,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Sarala:wght@400;700&display=swap');
/*
Document: stylesheet.css
Website: www.insomniaguitars.com
Author: Alessandra Sanson (alessandrasanson[at]live[dot]it)
*/



/* ====================================================================================================================
 * RESET                                                                                     
 * ====================================================================================================================*/
 
html, body, section, div, table, tr, td, th, header, nav, label, input, form, ul, li, ol, a, p, h1, h2, h3, h4, h5, h6, img, iframe, textarea, input {
    margin:0; padding:0; border-spacing:0; outline:0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;}
    
h1, h2, h3, h4, h5, h6, th {font-weight:normal; }
strong {font-weight:600; }
a {color: inherit; text-decoration: none;}
ul {list-style:none;}
table {font-size:inherit; border-spacing:0; border-collapse:collapse;}  




/* ====================================================================================================================
 * GENERAL                                                                                      
 * ====================================================================================================================*/
 
html, body {width: 100%; height: 100%;}
      
.grid_container {width:1600px; max-width: 95%; margin-left:auto; margin-right:auto; border: 0px solid red}

.grid-1 {width: 8.333%;}
.grid-2 {width: 16.667%;}
.grid-3 {width: 25%;}
.grid-4 {width: 33.333%;}
.grid-5 {width: 41.667%;}
.grid-6 {width: 50%;}
.grid-7 {width: 58.333%;}
.grid-8 {width: 66.667%;}
.grid-9 {width: 75%;}
.grid-10 {width: 83.333%;}
.grid-11 {width: 91.667%;}
.grid-12 {width: 100%;}

[class*="grid-"] {
    padding: 0 15px;
    border: inherit;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align:top;
    overflow:hidden;
}
.row {
    width:100%;
    clear:both;
}

.clearfix{
    content:"";
    clear:both;
    display:block;
}

h1 {text-transform: uppercase;}
h2 {font-size: 18px}
h3 {font-size:1em; margin-bottom:15px; font-weight:bold}
p {line-height:1.7; margin-bottom:10px}
p:last-child {margin-bottom:0}
td, th {font-size:1em}
#footer p, #top-bar {font-size:13px;}

a, #top-bar, #header, .nav-container, #name, #name h1, #name h2, #header-menu, #header-menu li a, #responsive-menu_btn { 
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
         } 


         
/* ====================================================================================================================
 * FONTS                                                                                   
 * ====================================================================================================================*/
 html, body {
    font-family: Montserrat, Nunito Sans, Mulish, Noto Sans, Roboto, Raleway, Lato, "Tiempos Text", Helvetica, sans-serif;
    font-weight: 300;
    font-size:1em;
    line-height:1.3;}
    
h1, h2 {font-family: Crimson Pro, 'Abel', sans-serif; text-transform: uppercase;}
h3, h4, h5 {
  font-family: Montserrat, Nunito Sans, Mulish, Noto Sans, Roboto, Raleway, Lato, "Tiempos Text", Helvetica, sans-serif;
  font-weight: bold;
  text-transform:uppercase;
  letter-spacing: 1px;}





/* ====================================================================================================================
 * COLORS                                                                                     
 * ====================================================================================================================*/
html, body, #top-bar, .terms-block {
     color:#F2ECE7/* colour-light*/;
	   background-color:#120B07 /* colour-dark */;}

.section:nth-child(even), input[type=text], .map iframe, #cover, body#terms #content, #header.smaller, #productpage #header {
         background-color:#2B1813 /* colour-lightersection*/;
 }       

 .calltoaction_btn, .calltoaction_btn.inverse:hover {
    background-color:#FF6A4D /* colour-accent*/;
    border: 2px solid #FF6A4D /* colour-accent */;
         }
.calltoaction_btn:hover, .calltoaction_btn.inverse {
          background-color: transparent;
      }

input[type=text], input[type=email], textarea, select {
    background-color:#f0edde/* colour-light*/;
    border: 2px solid #f0edde/* colour-light*/;
    color:#120B07 /* colour-dark */;
                          }

#header.smaller  {
    -webkit-box-shadow: 0 4px 20px 4px rgba(18,11,7,0.5) /* colour-dark */;
         -moz-box-shadow: 0 4px 20px 4px rgba(18,11,7,0.5) /* colour-dark */;
         box-shadow: 0 4px 20px 4px rgba(18,11,7,0.5) /* colour-dark */;
 }  

.bg:before, #interlude .bg:before  {
  background: rgba(18, 11, 7, 0.5) /* colour-dark */
}
.bg-dark {
  background:rgba(18,11,7,0.6) /* colour-dark */;
  }  

@media (max-width: 1029px) {
       #mainnav li {background-color: #2B1813/* colour-lightersection*/; }  
       #mainnav li:hover {background-color: #f0edde /* colour-light*/; color:#2B1813 /* colour-lightersection*/ }
}   

#mainnav > ul > li:hover > a,
#mainnav ul li.active a {
  color: 
}
#footer a:hover, #top-bar a:hover {color: #f0edde /* colour-light*/}

h1.section-title span:after, #header-menu a:after, .product-page h2 span:after {
  background: #FF6A4D /* colour-accent */;
}
.product-page .product-details ul li:before, .product-page .product-options .options li:before, .product-page .product-options a {
   color:#FF6A4D /* colour-accent */}

  ::-moz-selection {
    background-color: #FF6A4D /* colour-accent */;
    color: #f0edde /* colour-light*/;
}

::selection {
    background-color: #FF6A4D /* colour-accent */;
    color: #f0edde /* colour-light*/;
}










.calltoaction_btn {
    padding:12px 20px;
    font-size:1em;
    text-transform:uppercase;
    text-align:center;
    display:inline-block;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;
    border-radius:3px;
    cursor:pointer;
    font-weight:bold;
}
    
    a.anchor:before {
        display: block;
        content: " ";
        padding-top: -150px;
        height: 150px;
        visibility: hidden;
    }



/* ====================================================================================================================
 * Header                                                                               
 * ====================================================================================================================*/
/*--------------- top-bar ---------------*/
#top-bar {
        width: 100%;
        max-width: 100%;
        height: 30px;
        z-index: 1000;
        position:fixed;
        clear: both;
        padding: 7px 0;
}
#top-bar.smaller {
        height: 0;
        padding:0
}
#top-bar li {
        display: inline-block;
        margin-right:40px;
        border:inherit;
}
#top-bar .socialmedia {
        float:right;
        margin-right:0;
}
#top-bar .sociallink {
        margin-right:0;
        border:inherit
}
#top-bar .sociallink:not(:first-child) {
        margin-left:16px;
}
#top-bar .facebook-icon {
     padding-left:16px; 
     height:16px; min-width:16px;
     display:block;
     -webkit-background-size: 16px auto;
	-o-background-size: 16px auto;
	-moz-background-size: 16px auto;
    background-size:16px auto;
    background-repeat:no-repeat;
    background-position: top left;
    background-image: url('../img/icons/facebook-icon.svg')
}
#top-bar .instagram-icon {
     padding-left:16px; 
     height:16px; min-width:16px;
     display:block;
     -webkit-background-size: 16px auto;
	-o-background-size: 16px auto;
	-moz-background-size: 16px auto;
    background-size:16px auto;
    background-repeat:no-repeat;
    background-position: top left;
    background-image: url('../img/icons/instagram-icon.svg')
}
#top-bar.smaller li {
        display:none;
        height:0
}






#header {
  position: fixed;
  width: 100%;
  max-width: 100%;
  top: 30px;
  padding:20px 0;
  z-index: 999;
  clear: both;
}
#mainnav {
  position:relative;
}


/*--------------- logo-container ---------------*/

#logo-container, #logo, #name {
        border: inherit;
        overflow:hidden;
        vertical-align:bottom;
}
#logo-container {
        position: relative;
        float:left;
}

#logo {
        height:60px;
        margin-right:15px;
        visibility:hidden;
}
#logo img {
        height: 100%;
}

#header.smaller #logo{
 display:inline-block;
}  
#logo.smaller {
        height:60px;
        visibility:visible;
}



/*--------------- header-menu ---------------*/
#mainnav ul {
  display: inline-block;
  overflow:hidden;
  float:right;
  vertical-align:bottom;
}


#mainnav ul li,
#mainnav ul li a,
#mainnav #head-mobile {
  display: block;
  position: relative;
  overflow:hidden;
  border:inherit
}
#mainnav #head-mobile {
  display: none;
}

#mainnav > ul > li {
  float: left;
  text-transform: uppercase;
}

#mainnav > ul > li > a {
  padding: 14px 0;
}
#mainnav > ul > li+li {
  margin-left:28px;
}

#mainnav > ul > li:hover,
#mainnav ul li.active:hover,
#mainnav ul li.active,
#mainnav ul li.has-sub.active:hover {
  -webkit-transition: background .3s ease;
  -ms-transition: background .3s ease;
  transition: background .3s ease;
}

#mainnav > ul > li.has-sub > a {
  padding-right: 30px
}

#mainnav > ul > li.has-sub > a:after {
  position: absolute;
  top: 22px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #ddd;
  content: ''
}

#mainnav > ul > li.has-sub > a:before {
  position: absolute;
  top: 19px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  content: '';
  -webkit-transition: all .25s ease;
  -ms-transition: all .25s ease;
  transition: all .25s ease
}

#mainnav > ul > li.has-sub:hover > a:before {
  top: 23px;
  height: 0
}

#mainnav ul ul {
  position: absolute;
  left: -9999px
}

#mainnav ul ul li {
  height: 0;
  -webkit-transition: all .25s ease;
  -ms-transition: all .25s ease;
  background: #333;
  transition: all .25s ease
}

#mainnav li:hover > ul {
  left: auto
}

#mainnav li:hover > ul > li {
  height: 35px
}

#mainnav ul ul ul {
  margin-left: 100%;
  top: 0
}

#mainnav ul ul li a {
  border-bottom: 1px solid rgba(150, 150, 150, 0.15);
  padding: 11px 15px;
  width: 170px;
  font-size: 12px;
  color:#fff
}

#mainnav ul ul li:last-child > a,
#mainnav ul ul li.last-item > a {
  border-bottom: 0
}

#mainnav ul ul li:hover > a,
#mainnav ul ul li a:hover {
  color: #fff
}

#mainnav ul ul li.has-sub > a:after {
  position: absolute;
  top: 16px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #ddd;
  content: ''
}

#mainnav ul ul li.has-sub > a:before {
  position: absolute;
  top: 13px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #ddd;
  content: '';
  -webkit-transition: all .25s ease;
  -ms-transition: all .25s ease;
  transition: all .25s ease
}

#mainnav ul ul > li.has-sub:hover > a:before {
  top: 17px;
  height: 0
}

#mainnav ul ul li.has-sub:hover,
#mainnav ul li.has-sub ul li.has-sub ul li:hover {
  background: #363636;
}

#mainnav ul ul ul li.active a {
  border-left: 1px solid #333
}

#mainnav > ul > li.has-sub > ul > li.active > a,
#mainnav > ul ul > li.has-sub > ul > li.active> a {
  border-top: 1px solid #333
}



@media (min-width: 1030px) {

#header-menu a:after {
        content: '';
        display: block;
        position: absolute;
        left:40%;
        right: 0%;
        bottom: 0;
        height: 2px;
        -webkit-transition: all .8s ease-in-out;
        -moz-transition: all .8s ease-in-out;
        -ms-transition: all .8s ease-in-out;
        -o-transition: all .8s ease-in-out;
        transition: all .7s ease-out;
}

#header-menu a:hover, #header-menu a:active {
        color: #FF6A4D /* colour-accent */;
}

}
        








      
        
         
/* ====================================================================================================================
 * CONTENT                                                                             
 * ====================================================================================================================*/
#content {
        width: 100%;
        max-width: 100%;
        padding: 150px 0;
        overflow: hidden;
        clear: both;
        position: relative;
}


.section {
        width: 100%;
        max-width: 100%;
        padding: 110px 0;
        overflow: hidden;
        clear: both;
        position: relative;
}
h1.section-title {
        text-align: center;
        margin-bottom: 110px;
        font-size:35px;
}
h1 span, h2 span {
        padding-bottom: 20px;
        position:relative
}
h1 span:after, h2 span:after {
        content: "";
        display: block;
        position: absolute;
        right: 25%;
        left:25%;
        bottom: 0;
        height: 2px;
        -webkit-transition: all .8s ease-out;
        -moz-transition: all .8s ease-out;
        -ms-transition: all .8s ease-out;
        -o-transition: all .8s ease-out;
        transition: all .8s ease-out;
}



/* ====================================================================================================================
 * COVER                                                                                      
 * ====================================================================================================================*/
#cover {
        max-width: 100%;
        height:80%;
        overflow:scroll;
        position: relative;
        top:0px;
        -webkit-background-size: cover;
	    -o-background-size: cover;
	    -moz-background-size: cover;
        background-size: cover;
        background-repeat:no-repeat;
        background-attachment:fixed;
        overflow: hidden; 
        clear: both;
        }    
#cover:before {
        position:absolute;
        top:0;
        bottom:0;
        right:0; left:0;
        content: "";
        background: rgba(18,21,25,0.1) /* colourdark */;
        }   
.cover_caption {
        height: 100%;
        position: relative; 
        padding-top:115px;
        text-align:center;
        margin: 0 auto;
        }      
.cover_caption h1{
        font-size: 50px; 
        display:inline-block;
        text-transform:uppercase; 
        position:absolute;
       top:60%;
    left:50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
        line-height:1;
        text-align:center;
        border:inherit;
        }
        
        
.terms_cover {
        background: url('../img/cover_001.jpg') 60% 20% no-repeat;
        height:30% !important
        } 

        
/* ====================================================================================================================
 * HOME                                                                           
 * ====================================================================================================================*/
#home {
        height: 100%;
        padding: 0;
        background: url('../img/cover_001.jpg') 60% 20% no-repeat;
        -webkit-background-size: cover;
        -o-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        background-attachment:fixed;
}
.bg {
        overflow: hidden;
        height: 100%;
        width: 100%;
        z-index:2;
}
.bg:before {
        z-index: 2;
        content: "";
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
}
#home .grid_container {
        display:inline-block;
        position:absolute;
        top:55%;
        left:50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index:3;
        text-align:center;
}
.bg-dark {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0; 
  }  
  p.bigger {
  font-size:2em
  }  
         
         
/* ====================================================================================================================
 * ABOUS US                                                                    
 * ====================================================================================================================*/   

         
/* ====================================================================================================================
 * AVAILABLE INSTRUMENTS                                                                    
 * ====================================================================================================================*/   

 #content.catalogue-page > .content-panel, #content.products-page > .content-panel {overflow:visible} 

 .productscontainer {
          clear: both; 
          margin-top:50px;
          border: inherit;
 }
 .products-row {
          margin: 0 auto;
          width: 100%;
          position:relative;
          margin-bottom: 100px;
          clear:both;
 }    
 .productscontainer [class*="grid-"] {
          display:inline-block;
          overflow:visible
 }        
 .productscontainer [class*="grid-"]:last-child {
          float:right;
 }                 
 .product-container {
          width:100%;
          vertical-align:top;
          display:inline-block;
          position:relative;
          -webkit-transition: transform 1s;
          -moz-transition: transform 1s;
          -ms-transition: transform 1s;
          -o-transition: transform 1s;
          transition: transform 1s;;
 }       
 .product-container:hover {
          -webkit-transform: scale(1.17, 1.17);
          -moz-transform: scale(1.17, 1.17);
          -ms-transform: scale(1.17, 1.17);
          -o-transform: scale(1.17, 1.17);
          transform: scale(1.17, 1.17);
 }
 
 .empty-productcontainer {visibility:hidden !important;} 
 
 
 .product-container .image-placeholder {
     width:62%;  
     height: auto;
     float:left; 
     margin-right: 20px;  
 }
 
 .product-container .image-placeholder img {width:100%; float:left; }
 .product-container .calltoaction_btn {
     text-align:center;
 
 }
 .product-container .calltoaction_btn {
     padding:10px 15px 10px 15px;
     margin-top:30px;
     display:inline-block;
 
 }
 .product-container:hover .calltoaction_btn {
     background: url('../img/bg-header.png') top repeat-x; /* dark grey */;
 }

 
 .product-container:lang(it) .calltoaction_btn a:before {
     content:"Vedi oggetto"
 }
 .product-container:lang(en) .calltoaction_btn a:before {
     content:"View item"
 }
 
 
 .product-container .text {padding:0px 5px 0 5px; overflow:hidden; border:inherit;line-height:1}
 .product-container h2 {font-size: 23px !important; text-transform: none}
 .product-container p.price {margin-top: 20px; border:inherit}   
 
 




/* ====================================================================================================================
 * PRODUCT PAGE                                                                                     
 * ====================================================================================================================*/


 #productpage #logo {
        visibility:visible;
}

 #productpage .breadcrumbs {
        padding-top: 30px
}


  

/* ====================================================================================================================
 * TERMS PAGE                                                                                     
 * ====================================================================================================================*/



.terms-block {
			padding:15px;
}

h1.terms {
    text-transform:uppercase;
	font-size:4rem;
	text-align:center;
  margin-bottom: 2.5rem;
}
.terms-block {
    margin-bottom:3rem
}
.terms-block h2 {
    margin-bottom:30px;
    font-size:3em;
    text-transform:none;
}
.terms-block h3 {
    margin-bottom:20px;
	  margin-top:60px;
    font-size: 1em;
}
.product-page h5 /* block titles */ {font-size:13px; margin-bottom:7px;} 



/* ====================================================================================================================
 * MESSAGE                                                                      
 * ====================================================================================================================*/   
#interlude {
        background: url('../img/cover_002.jpg') bottom center no-repeat;
        -webkit-background-size: cover;
        -o-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        background-attachment:fixed;
}
#interlude .grid_container {
        z-index:3;
        position:relative;
}

     
/* ====================================================================================================================
 * CONTATTI                                                                         
 * ====================================================================================================================*/   
#contatti [class*="grid-"]{
         float:left
         }
#contatti [class*="grid-"].contact-form {
         display:inline-block;
         float:none;
         margin: 0 auto !important;
         }

#contatti li {
         margin-bottom:10px;
         }
         
#contatti h3{
         margin-top:20px;
         margin-bottom:20px;
         }
#contatti td, #contatti th, #contatti {
         padding-bottom:10px;
         }
#contatti .text, #contatti .contact-form{
         display:inline-block;
         }
#contatti .contact-info {
         margin-bottom:50px;
         }
.opening-hours table td {
         vertical-align:top;
         }
.opening-hours table th, .opening-hours table td:not(:last-child) {
         padding-right:18px;
         text-align:left;
         vertical-align:top;
         }
#contatti .contact-form{
         float:right;
         }
#contatti .map{
         margin-top:100px;
         }
.map iframe {
         height:450px;
         width:100%;
         pointer-events:none;
         float:left;
         display:block;
         margin-bottom:90px
         }
#contatti .text {
    text-align: center !important;
}

.section .icon {
	width: 80px;
	height: 80px;
	display: inline-block;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 5px solid #de9e48/* colourgrey */;
	background: #de9e48/* colourgrey */;
	position: relative;
}

.section .icon img {
	width: 30px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
         
/*----------------------------------------------------------------------------------------------------------------------------------
Contact form
----------------------------------------------------------------------------------------------------------------------------------*/
input[type=text], input[type=email], textarea, select {
    padding: 12px;
    margin-bottom: 30px;
    overflow:hidden;
    resize: none;
    font-family:inherit;
    font-size:inherit;
}

input[type=text], input[type=email], textarea {
    width: 100%;
    max-width:100%;
}

input[type=button], input[type=submit], input[type=reset], button[type=submit] {
    width:100%;
    text-decoration: none;
    margin-top: 4px;
    cursor: pointer;
    color:inherit;
    font-family:inherit;
}

button[type=submit], input[type=submit], input[type=reset] {
    width:auto;
}

textarea {
    min-height:150px;
} 
textarea:focus { 
    outline: none !important;
} 
label {
    display: block;
    width: auto;
}
form.contact-page_form {
    border: inherit;
    overflow:hidden;
    max-width:100%;
}

.contact-page form table {
    width:100%;
    max-width:100%;
    overflow:hidden;
}
.contact-page form table tr td {
    border:inherit;
    width:auto;
    border-spacing:0;
    overflow:hidden;
    vertical-align:top !important;
}
.error, .success {
    margin-top:40px
}

.error{
    color:#FF6A4D /* colour-accent */;
    font-weight:bold;
}
 
.success{
    color:#f5f5f5 /* colourwhite */;  
}  
form p {
    margin-bottom:1em;
} 




section#form {
    padding: 100px;
} 
section#form h4{ 
        margin-bottom:50px;
        text-align:center;
        font-size:22px; 
        color:#f5f5f5 /* colourwhite */
}      
    
         
/* ====================================================================================================================
 * FOOTER                                                                                     
 * ====================================================================================================================*/

#footer {clear:both;
	     width:100%;
         max-width:100%;
         padding-top:70px;
	     position:relative;
         overflow: hidden;
         z-index:20;}
#footer [class*="grid-"] {text-align:left; display: inline-block; float:left;}     
#footer h2 {font-size: 12px; margin-bottom: 20px;}
#footer p {margin-bottom:7px; line-height:1.5}
#footer li, #footer td, #footer th, #footer h3 {font-size:13px;margin-bottom:8px;}
#footer td, #footer th {
         padding-bottom:8px;
         }
#footer-logo {width: 55px; margin-right: 10px;display: inline-block;}
.location-icon, .email-icon, .telephone-icon, .fax-icon, .whatsapp-icon {padding-left:25px; 
     -webkit-background-size: 15px auto;
	-o-background-size: 15px auto;
	-moz-background-size: 15px auto;
    background-size:15px auto;
    background-repeat:no-repeat;
    background-position: left}
.location-icon {background-image: url('../img/icons/location-icon.svg'); background-position: 0 2px }
.email-icon { background-image: url('../img/icons/email-icon.svg')}
.telephone-icon {background-image: url('../img/icons/telephone-icon.svg')}
.whatsapp-icon {
	background-image: url('../img/icons/whatsapp-icon.png');
}

.contatti .whatsapp-icon {
	background-image: url('../img/icons/whatsapp-icon.png');
    -webkit-background-size: 23px auto;
	-o-background-size: 23px auto;
	-moz-background-size: 23px auto;
	background-size: 23px auto;
}
#footer .socialmedia {float:right}
#footer .sociallink:not(:first-child) {margin-left:23px;}
#footer .sociallink a {padding-left:23px; height:23px; min-width:23px;display:inline-block;
-webkit-background-size: 23px auto;
	-o-background-size: 23px auto;
	-moz-background-size: 23px auto;
    background-size:23px auto;
    background-repeat:no-repeat;
    background-position: top left}
#footer .facebook-icon {background-image: url('../img/icons/facebook-icon.svg') }
#footer .instagram-icon {background-image: url('../img/icons/instagram.svg') }

#footer-bottom {margin-top:40px; border-top:1px solid rgba(43,24,19,0.8)/* colour-lightersection*/; padding-top:30px; padding-bottom:30px}
#footer-bottom ul {width:100%;border:inherit; border-top:none;position:relative}
#footer-bottom li {display: inline-block; float:left;margin:0;border:inherit; border-top:none;}
#footerline1:after {content: ""; color:rgba(43,24,19,0.8)/* colour-lightersection*/ ;margin:0 20px; border-right: 1px solid rgba(43,24,19,0.8)/* colour-lightersection*/}



/* ====================================================================================================================
 * THANK-YOU PAGE                                                                                    
 * ====================================================================================================================*/

#thankyou-page .grid- {
        position:absolute;
        top:40%;
        left:50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align:center;
}
#thankyou-page .thankyou-message {
        margin-bottom:30px;
}