@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,700,400italic,700italic|Source+Sans+Pro|PT+Serif:400,700,400italic,700italic&subset=latin,latin-ext);
@font-face {
    font-family: 'Tiempos Headline Light';
    src: url('https://www.mattiafranchinguitars.com/fonts/TiemposHeadline-Light.otf') format('truetype');
    }
@font-face {
    font-family: 'Calibre Semibold';
    src: url('https://www.mattiafranchinguitars.com/fonts/calibre-semibold-webfont.ttf') format('truetype');
    }
@font-face {
    font-family: 'Calibre Light';
    src: url('https://www.mattiafranchinguitars.com/fonts/Calibre-Light.ttf') format('truetype');
    }
/*
Document: ebay-stylesheet.css
Author: Alessandra Sanson (alessandrasanson[at]live[dot]it)
*/



/* ====================================================================================================================
 * RESET                                                                                     
 * ====================================================================================================================*/
 
.franchin section, .franchin div, ul, li, ol, a, p, h1, h2, h3, h4, h5, h6, img {
    margin:0; padding:0; border:none; border-spacing:0; outline:0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
    
.franchin h1, h2, h3, h4, h5, h6 {font-weight:normal;}
.franchin a {color: inherit; text-decoration: none;}
.franchin ul {list-style:none;}
.franchin table {font-size:inherit; border-spacing:0; border-collapse:collapse;}  

.franchin ::-moz-selection, ::selection {
       background-color: #BFA15F /* colourgold */;
       color: #F5F5F5 /* colourwhite */;
}

.franchin ::selection {
       background-color: #BFA15F /* colourgold */;
       color: #F5F5F5 /* colourwhite */;
}


/* ====================================================================================================================
 * GENERAL                                                                                      
 * ====================================================================================================================*/
 
.franchin {width: 100%; height: 100%;
      background-color:#21262d /* colourgrey */;
      color:#ABABAB /* coloursilver */;
	  font-size:18px;
	  font-family: 'Calibre Light', Futura, "Helvetica", "Open Sans", sans-serif !important;
	  line-height:22px;
      overflow:hidden;
      }
      
.franchin h1, .franchin p.collection {font-family: 'Tiempos Headline Light', serif;line-height:1}
.franchin h4, .franchin h5, .franchin h3, .franchin p.collection {
                                font-family: 'Calibre Light', Futura, "Helvetica", "Arial", sans-serif !important;
                                text-transform:uppercase;
                                font-size:0.8em; 
                                letter-spacing:2px;
                                font-weight:bold;
                                color:#BFA15F /* colourgold */;}
.franchin p, .franchin ul {margin-top:8px;font-family: 'Calibre Light', Futura, "Helvetica", "Open Sans", sans-serif !important;} 
.franchin h1 {font-size:2em; color: #F5F5F5 /* colourwhite */; margin-top: 30px;margin-bottom: 30px;text-transform:capitalize;}
.franchin h2 {font-size:20px; text-transform: uppercase;margin-top: 50px; margin-bottom: 40px; padding-bottom: 5px;} 
.franchin h4, .franchin p.collection, .franchin a {margin-bottom: 5px;font-size:0.7em}
.franchin h4 /* options title */ {margin-bottom: 15px; } 
.franchin h5 /* block titles */ {font-size:15px; margin-bottom:10px;  display:inline-block} 
.franchin a {position:relative;padding-top:30px }
.franchin h2.language {color:#f5f5f5 /* colourwhite */;}
.franchin .website {color:#BFA15F /* colourgold */; font-weight: bold; font-size: 1.2em}
.franchin .made-to-order {margin-top:20px;font-weight: bold;font-size:1.2em}
.franchin .made-to-order:before {
    content: "*** ";
}
.franchin .made-to-order:after {
    content: " ***";
}

.franchin .text ul li {list-style:none; list-style-position:inside;margin-left:13px; text-indent:-13px; }
.franchin .text ul li:before, .franchin .product-options ul.options li:before {
        content: "•"; 
        padding-right: 11px; }
        

    
    
.franchin hr.product {width:100px; 
    color:#121519 /* colourdark */;  
    border: 0;
    height: 1px;
    background: #121519 /* colourdark */;
    background-image: linear-gradient(to right, #121519, #F5F5F5, #121519);
    margin: 25px auto 25px auto;}
    
.franchin .block {margin-bottom:50px; width:100%; position:relative;} 
.franchin .block:last-child {margin-bottom:5px;} 

.franchin span.strong {font-weight:bold;} 

.franchin .content {display:inline-block; overflow:hidden; width:90%; padding:80px; margin: 5% 5%;border:5px double #BFA15F /* colourgold */; background-color:#121519 /* dark grey */}



/* transition 1s */     
.franchin a {
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
         }
/* transition 1s */     
.franchin .images .img-placeholder, .franchin a {
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -ms-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
         }
         
.franchin .images .img-placeholder, .franchin .content {
    -webkit-box-shadow: 5px 5px 20px 10px rgba(18,21,25,0.8);
        -moz-box-shadow: 5px 5px 20px 10px rgba(18,21,25,0.8);
        box-shadow: 5px 5px 20px 10px rgba(18,21,25,0.8) /* dark grey */;
         }       








/* ====================================================================================================================
 * MAIN                                                                                     
 * ====================================================================================================================*/
.franchin section {width:100%; display:inline-block; text-align:center; margin:0 auto; margin-bottom:5px; } 
.franchin section.text, .franchin section.sidebar {text-align:left;} 
.franchin #english {width:44% !important; display:inline-block;float:left}
.franchin #italian {width:44% !important; display:inline-block;float:right}
@media (max-width:900px) {
       .franchin #english, .franchin #italian {width:100% !important; display:block}
       .franchin #italian {margin-top:100px} 
}
.franchin .content.stock #english {width:100% !important}
.franchin .content.stock h2.language {display:none}

.franchin .product-title {padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #21262d /* colourgrey */; border-top: 1px solid #21262d /* colourgrey */} 
.franchin .product-title h1 {margin-bottom: 20px } 


.franchin ul.language li {display:inline;font-family: 'Playfair Diplay', serif; display:none}
.franchin ul.language a:after {
    content: '';
    display: block;
    position: absolute;
    right:0;
    bottom: 0;
    height: 1px;
    width: 0;
    background: transparent;
    -webkit-transition: width .5s ease-out, background-color .5s ease-out;
    -moz-transition: width .5s ease-out, background-color .5s ease-out;
    -ms-transition: width .5s ease-out, background-color .5s ease-out;
    -o-transition: width .5s ease-out, background-color .5s ease-out;
    transition: width .5s ease-out, background-color .5s ease-out;
}
.franchin ul.language a:hover:after {
    left:0;
    right: auto;
    width: 100%;
    background: #9B452C /* copper */;}  

.franchin #logo {height:90px; margin-bottom:20px; display:inline-block; overflow:hidden; float:none;} 
.franchin .product-title span, .franchin .product-caption br {display:none}
.franchin .product-caption p:first-child {margin-bottom:15px}
.franchin .highlighted {color:#bfa15f }



.franchin .availablecolors-box {width:100%;} 
.franchin .availablecolors-box li:before {
        content: "" !important;
        padding-right: 0 !important;  
} 
.franchin .color-box {display: inline-block; margin-right: 5%; vertical-align:top;text-align:center;border:inherit} 
.franchin .color-box:last-child {margin-right: 0} 
.franchin .color-box-text {display:block; vertical-align:top; line-height:100%;font-size:14px }
.franchin .availablecolors-box .karats, .franchin .availablecolors-box .price {display:block;font-size:11px; } 
.franchin .availablecolors-box .price {margin-top:10px;} 
.franchin .availablecolors-box .price {color:#BFA15F /* colourgold */; margin-top:10px;} 

.franchin .color-square {width:35px; height: 35px; 
              display:inline-block; 
               -moz-border-radius: 50%; 
               -webkit-border-radius: 50%;
               border-radius:50%;
        -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
        -moz-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
        -webkit-background-size: 100%;
	    -o-background-size: 100%;
	    -moz-background-size: 100%;
        background-size: 100%;
        background-repeat:no-repeat;
        } 

.goldleaf {background-image: url('../img/colors/leaf-gold.jpg');}  
.silverleaf {background-image: url('../img/colors/leaf-silver.jpg');}  
.copperleaf {background-image: url('../img/colors/leaf-copper.jpg');}  
.whitegoldleaf {background-image: url('../img/colors/leaf-whitegold.jpg');}  
.bronzeleaf {background-image: url('../img/colors/leaf-bronze.jpg');}   
.aged-natural {background-image: url('../img/colors/34_Aged_Natural.jpg');}  
.trans-clear-blue {background: #0a255a url('../img/colors/trans-clear-blue.jpg');} 
.butterscotch-blonde {background: #edc667 url('../img/colors/butterscotch-blonde.jpg') ; }
.black {background: #000000 url('../img/colors/black.jpg'); border:1px solid #ABABAB /* coloursilver */}
.white {background: #ffffff url('../img/colors/white.jpg') ; }
.tortoise-red {background: #341815 url('../img/colors/tortoise-red.jpg');}
.vintage-white {background: #e3e3d7 url('../img/colors/vintage-white.jpg');}
.olympic-white {background: #F3EACB url('../img/colors/olympic-white.jpg');}  
.white-blonde {background: #d3cfcc url('../img/colors/white-blonde.jpg');} 
.arctic-white {background: #F4F3EF;}
.sonic-blue {background: #d9e5e3 url('../img/colors/sonic-blue.jpg');} 
.lake-placid-blue {background: #377493 url('../img/colors/lake-placid-blue.jpg');} 
.shell-pink {background: #dca9ba url('../img/colors/shell-pink.jpg');} 
.faded-shell-pink {background: #cbbec8 url('../img/colors/faded-shell-pink.jpg');} 
.burgundy-mist {background: #cbbec8 url('../img/colors/burgundy-mist.jpg');}
.purple-metallic {background: #4e325a url('../img/colors/purple-metallic.jpg');}
.dakota-red {background: #AE0315 url('../img/colors/dakota-red.jpg');} 
.hot-rod-red {background: #d20117;} 
.candy-apple-red {background: #9f021e url('../img/colors/candy-apple-red.jpg');}
.shoreline-gold {background: #c4bdb5 url('../img/colors/shoreline-gold.jpg');} 
.silver-sparkle {background: #bfc1bc url('../img/colors/silver-sparkle.jpg');} 
.fiesta-red {background: #DD1923;}
.graffiti-yellow {background: #F5CA01;} 
.daphne-blue {background: #98C6C3;}  
.dun-green {background: #54B12D;} 
.surf-green {background: #B4CFB0;} 
.sea-foam-green {background: #6deaf0;} 
.sherwood-green {background: #09322a url('../img/colors/sherwood-green.jpg');} 
.three-color-sunburst {background-image: url('../img/colors/3-color-sunburst.jpg');} 
.two-color-sunburst {background-image: url('../img/colors/2-color-sunburst.jpg');} 
.sienna-sunburst {background-image: url('../img/colors/sienna-sunburst.jpg');} 
.goldsilverleaf {background-image: url('../img/colors/leaf-gold-silver.jpg');} 
.goldcopperleaf {background-image: url('../img/colors/leaf-gold-copper.jpg');}
.goldwhitegoldleaf {background-image: url('../img/colors/leaf-gold-whitegold.jpg');}
.goldbronzeleaf {background-image: url('../img/colors/leaf-gold-bronze.jpg');}
.silvercopperleaf {background-image: url('../img/colors/leaf-silver-copper.jpg');}
.silverwhitegoldleaf {background-image: url('../img/colors/leaf-silver-whitegold.jpg');}
.silverbronzeleaf {background-image: url('../img/colors/leaf-silver-bronze.jpg');}
.copperwhitegoldleaf {background-image: url('../img/colors/leaf-copper-whitegold.jpg');}
.copperbronzeleaf {background-image: url('../img/colors/leaf-copper-bronze.jpg');}
.whitegoldbronzeleaf {background-image: url('../img/colors/leaf-whitegold-bronze.jpg');}
.impr-gold {background-image: url('../img/colors/impr-gold.jpg');}  
.impr-silver {background-image: url('../img/colors/impr-silver.jpg');}  
.impr-copper {background-image: url('../img/colors/impr-copper.jpg');}  
.impr-whitegold {background-image: url('../img/colors/leaf-whitegold.png');}  
.impr-bronze {background-image: url('../img/colors/leaf-bronze.jpg');} 
  
.franchin .color-square img {width:100%;-moz-border-radius: 50%; 
               -webkit-border-radius: 50%;
               border-radius:50%;}      
        

.franchin .images {overflow:visible; margin-top:80px; clear:both}
.franchin .img-placeholder {display:inline-block; width:80%; margin-bottom:40px; overflow:hidden; border:3px double #BFA15F /* colourgold */;}
.franchin .img-placeholder:last-child {margin-bottom:0} 
.franchin img {width:100%; float:left}
#logo img {height:100%; width:auto}
.franchin .images .img-placeholder:hover { 
        -webkit-transform: scale(1.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        -o-transform: scale(1.2, 1.2);
        transform: scale(1.3, 1.3);
}
.franchin .rotate {
     -ms-transform: rotate(90deg); 
     -o-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg); 
    transform: rotate(90deg);}





/* SHIPPNG */
.franchin #shipping-body-it p.shipping1:after,
.franchin #shipping-pickguard-it p.shipping1:after {content:"La spedizione della merce avviene utilizzando imballi professionali e sicuri. Vi verrà inoltre fornito il numero di tracciatura del vostro pacco. Eventuali ritardi nella spedizione vi verranno comunicati via e-mail."}
.franchin #shipping-body-it p.shipping2:after,
.franchin #shipping-pickguard-it p.shipping1:after {content:"Le tariffe per la spedizione sono le seguenti:"}
.franchin #shipping-body-it ul li.italy:after {content:"Italia: € 10,00"}
.franchin #shipping-body-it ul li.europe:after {content:"Europa: € 29,00"}
.franchin #shipping-body-it ul li.rest-of-the-world:after {content:"Resto del mondo: € 43,00"}
.franchin #shipping-pickguard-it ul li.italy:after {content:"Italia: € 10,00"}
.franchin #shipping-pickguard-it ul li.ue:after {content:"Unione Europea: € 20,00"}
.franchin #shipping-pickguard-it ul li.europe:after {content:"Europa extra UE: € 30,00"}
.franchin #shipping-pickguard-it ul li.usa:after {content:"USA: € 30,00"}
.franchin #shipping-pickguard-it ul li.rest-of-the-world:after {content:"Resto del mondo: € 45,00"}
.franchin #shipping-guitar-it ul li.italy:after {content:"Italia: € 20,00"}
.franchin #shipping-guitar-it ul li.europe:after {content:"Europa: € 138,00"}
.franchin #shipping-guitar-it ul li.rest-of-the-world:after {content:"Resto del mondo: € 158,00"}

.franchin #shipping-body-en p.shipping1:after,
.franchin #shipping-pickguard-en p.shipping1:after {content:"Goods are shipped with professional packaging. A tracking number will be provided. Any delay in the delivery will be communicated to you by e-mail."}
.franchin #shipping-body-en p.shipping2:after,
.franchin #shipping-pickguard-en p.shipping1:after {content:"Shipping charges are as follows:"}
.franchin #shipping-body-en ul li.italy:after {content:"Italy: € 10.00"}
.franchin #shipping-body-en ul li.europe:after {content:"Europe: € 29.00"}
.franchin #shipping-body-en ul li.rest-of-the-world:after {content:"Rest of the world: € 43.00"}
.franchin #shipping-pickguard-en ul li.italy:after {content:"Italy: € 10.00"}
.franchin #shipping-pickguard-en ul li.ue:after {content:"European Union: € 20.00"}
.franchin #shipping-pickguard-en ul li.europe:after {content:"Europe extra UE: € 30.00"}
.franchin #shipping-pickguard-en ul li.usa:after {content:"USA: € 30.00"}
.franchin #shipping-pickguard-en ul li.rest-of-the-world:after {content:"Rest of the world: € 45.00"}
.franchin #shipping-guitar-en ul li.italy:after {content:"Italy: € 20.00"}
.franchin #shipping-guitar-en ul li.europe:after {content:"Europe: € 138.00"}
.franchin #shipping-guitar-en ul li.rest-of-the-world:after {content:"Rest of the world: € 158.00"}








.franchin img {
    max-width: 100%;
  }
 
 @media (max-width: 900px) {
        .franchin .content {border:2px solid #BFA15F /* colourgold */; /}
        .franchin section:first-child {margin-top:20px;} 
        .franchin section:last-child {margin-bottom:30px;} 
        .franchin #logo {height:auto; width:50%;} 
        #logo img {height:auto; width:100%}
        .franchin .img-placeholder {width:100%; }
        .franchin {font-size:14px}
        .franchin .content {width:94%; padding:3%; margin:3%;}
        .franchin h1 {font-size:1.5em;}

}