html, body { height: 100%; margin:0px!important; 
padding: 0px!important;
}

ul.list-partner li { display: inline-block; margin: 10px; opacity: 0.05; -webkit-transition: opacity 1s; transition: opacity 1s;}
ul.list-partner li.active { opacity: 1; }

body { font-family: 'Montserrat', sans-serif;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  font-weight: 400; background-color: #fafafa; overflow-x:hidden; }

h2 { color:black; font-weight: 700; font-size: 14px; text-transform: uppercase;  font-family: 'Montserrat', sans-serif;}
span.separator-h2 { display: inline-block; height: 1px; background-color: black; width:54px; }

/***************************************/
/**************** RESET ****************/
/***************************************/

a { text-decoration: none!important;}


/***************************************/
/*************** GLOBAL ****************/
/***************************************/


/***************************************/
/*************** SPECIFIC **************/
/***************************************/


header#header { background-color: #141414; height: 76px; width: 100%; color:white; position: fixed; z-index: 99; top:0px; left:0px;}
header#header a { color:white; font-weight: 700; font-size: 11px; }
header span { font-size: 26px!important; }

nav#nav { text-transform: uppercase; height: 76px;  position: relative; left:-100px; }
nav#nav ul { height: 76px;}
nav#nav ul li { list-style: none; display: inline-block; color:white; height: 76px; padding-top: 24px;}
nav#nav ul li.separator { margin-left: 5px; margin-right: 5px; }
nav#nav ul li a { color:white; font-weight: 700; font-size: 11px; height: 76px; display: block;}

nav#nav-bis { text-transform: uppercase; height: 76px;  position: relative; left:-100px; }
nav#nav-bis ul { height: 76px; display: inline-block;}
nav#nav-bis ul li { list-style: none; display: inline-block; color:white; height: 76px; padding-top: 24px;}
nav#nav-bis ul li.separator { margin-left: 5px; margin-right: 5px; }
nav#nav-bis ul li a { color:white; font-weight: 700; font-size: 11px; height: 76px; }
nav#nav-bis ul li a b { font-weight: 700;}

nav#sub-nav { position: fixed; top:76px; left:0px; width: 900%; height: 0px; overflow-y:visible; z-index: 98; }
nav#sub-nav ul { width: 300%; height: 0px; overflow-y:visible; margin: 0px; padding:0px; position: absolute; top:0px; left:0px; display: none;}
nav#sub-nav ul li { position:relative; display: inline-block; margin: 0px; padding: 0px; border:0px; margin-left: -4px; background-color: black; top:-172px; width: 475px; height: 172px; }
nav#sub-nav ul li img { margin:0px; padding: 0px; opacity: 0.5; -webkit-transition: opacity 1s; transition: opacity 1s; position: absolute; top:0px; left:0px;}
nav#sub-nav ul li div.text { position: absolute; width: 475px; bottom:-15px; left:0px; text-align: center; color:white; padding-bottom: 20px; -webkit-transition: opacity 1s; transition: opacity 1s; -webkit-transition: bottom 1s; transition: bottom 1s; opacity: 0;}
nav#sub-nav ul li div.text h4 { margin: 0px; padding: 0px; font-weight: 400; font-family: 'Open Sans', sans-serif;}
nav#sub-nav ul li div.text p { margin: 0px; padding: 0px; font-size: 12px;}
nav#sub-nav ul li div.text p a { text-decoration: none; color:white!important;}
nav#sub-nav ul li:hover div.text{ opacity: 1; bottom: 0px;}
nav#sub-nav ul li:hover img { opacity: 1;}

section#slider { }
section#slider img { width: 100%;}
section#slider div.carousel-caption { text-align: center; text-shadow:none; }
section#slider div.carousel-caption h1 { font-size: 24px; font-weight: 300; font-family: 'Open Sans', sans-serif;}
section#slider div.carousel-caption p{ padding-left: 450px; padding-right: 450px; font-size: 12px; font-weight: 400; }
section#slider div.carousel-caption div.separator { height: 1px; width: 200px; background-color: white; display: inline-block; opacity:0.5;}
section#slider div.carousel-caption div.link { margin-top: 30px; margin-bottom: 50px;}
section#slider div.carousel-caption a+a { margin-left: 30px;}
section#slider div.carousel-caption a { color:white; font-size: 15px; font-weight: 400; text-decoration: none;}
section#slider div.carousel-caption a span { font-size: 19px; position: relative; top:3px; left:-2px;}
section#slider ol.carousel-indicators { bottom: -55px!important;}
section#slider ol.carousel-indicators li { border:2px solid #969696;}
section#slider ol.carousel-indicators li.active {  background-color: #969696; }

section#brand-header { position:relative; width: 100%; height: 700px; overflow: hidden; z-index: 97; text-align: center; text-shadow:none; background-color: white;}
section#brand-header h1 { font-size: 24px; font-weight: 400; font-family: 'Open Sans', sans-serif; color:#6b6b6b; text-shadow:none;}
section#brand-header p{ padding-left: 450px; padding-right: 450px; font-size: 12px; font-weight: 400; color:#6b6b6b;  text-shadow:none;}
section#brand-header div.separator { height: 1px; width: 200px; background-color: white; display: inline-block; opacity:0.5;}
section#brand-header div.link { margin-top: 30px; margin-bottom: 50px;}
section#brand-header div.link a { color:#6b6b6b; text-shadow:none;}
section#brand-header div.link a span { font-size: 19px; position: relative; top:3px; left:-3px;}
section#brand-header div.carousel-caption { top:250px;}

section#brand-best { background-color: black; }
section#brand-best div.item:hover { opacity: 1;}
section#brand-best div.item { height:auto; overflow: hidden; vertical-align: middle; opacity: 0.6; -webkit-transition: opacity 1s; transition: opacity 1s;}
section#brand-best div.item img { width: 100%; vertical-align: middle; position: relative; top:0px;}
section#brand-best div.row div { margin: 0px; padding: 0px;}

section#brand-product {  padding-top: 100px; padding-bottom: 100px;}
section#brand-product div.item { background-color: black; margin-bottom: 50px; border: 1px solid #ebebeb; opacity: 0; position: relative; top:50px; left:-50px;}
section#brand-product div.item:hover img { opacity: 1;}
section#brand-product div.item img {  width: 100%; opacity: 0.8; -webkit-transition: opacity 1s; transition: opacity 1s;}
section#brand-product div.item div.link { padding: 15px; background-color: white;}
section#brand-product div.item div.link h2 { font-size: 18px; text-transform: uppercase; font-weight: 400; font-family: 'Open Sans', sans-serif; color:#6b6b6b; }
section#brand-product div.item div.link p{ font-size: 12px; font-weight: 400; color:#6b6b6b;  text-shadow:none;}
section#brand-product div.item div.link div.separator { width: 50%; height: 1px; background-color: #6b6b6b; opacity: 0.6; margin-bottom: 10px;}
section#brand-product div.item div.link a { display: block; color:#6b6b6b;}

section#product-media { position:relative; width: 100%; height: 1100px; overflow: hidden; z-index: 97; text-align: center; text-shadow:none; }
section#product-media h1 { font-size: 24px; font-weight: 300; font-family: 'Open Sans', sans-serif;}
section#product-media p{ padding-left: 450px; padding-right: 450px; font-size: 12px; font-weight: 400; }
section#product-media div.separator { height: 1px; width: 200px; background-color: white; display: inline-block; opacity:0.5;}
section#product-media div.link { margin-top: 15px; margin-bottom: 20px;}
section#product-media div.link a { color:white;}
section#product-media div.link a span { font-size: 19px; position: relative; top:3px; left:-3px;}
section#product-media img { width: 100%; position:absolute; top:-100px; left:0px;}
section#product-media div.carousel-caption { top:850px;}

section#contain p.sentence { font-family: 'Sorts Mill Goudy', serif; color:#6b6b6b; text-align: center; margin-top: 120px; font-size: 30px; margin-bottom: 90px;}

section#contain-product { background-color: white; padding-top: 150px; }
section#contain-product div.text { padding-bottom: 100px;}
section#contain-product div.link a { display: block; color: inherit; opacity: 0.90; font-weight: 100!important;}
section#contain-product div.link a span { font-size: 19px; position: relative; top:3px; left:-3px; }
section#contain-product p.sentence { line-height: 40px; font-family: 'Sorts Mill Goudy', serif; color:#6b6b6b; text-align: left; font-size: 30px; margin-bottom: 90px; margin-top: 0px; padding-top: 0px;}
section#contain-product p { font-size: 12px; color: #6b6b6b; line-height: 22px; margin-bottom: 40px;}
section#contain-product div.content-text p:first-child { font-weight: bold;  margin-top: 0px; padding-top: 0px;}
section#contain-product section.detail { background-color:#fafafa; padding-top: 40px; }
section#contain-product section.detail ul.nav-tabs { text-align: center; margin-top: 60px; border:none; margin-bottom: 0px;}
section#contain-product section.detail ul.nav-tabs li { float: none; width: auto; display: inline-block; border:none;}
section#contain-product section.detail ul.nav-tabs li a { border:none; background: none; color:#5d5d5d;}
section#contain-product section.detail ul.nav-tabs li.active a { border-bottom:1px solid #5d5d5d; }
section#contain-product section.detail div.tab-pane { padding-bottom: 100px; min-height: 840px;}
section#contain-product section.detail div.tab-pane .carousel-control.right { background: none!important; font-size:40px; color: black; top:180px; }
section#contain-product section.detail div.tab-pane .carousel-control.left {background: none!important; font-size:40px; color:black; top:180px;}
section#contain-product section.detail div.tab-pane div.carousel { padding-top: 70px;}
section#contain-product section.detail div.tab-pane div.carousel img  { border-radius: 130px; width: 260px;  }
section#contain-product section.detail div.tab-pane div.carousel-inner {height: 600px; }
section#contain-product section.detail div.tab-pane div.carousel-inner div.item { text-align: center; min-height: 400px;}
section#contain-product section.detail div.tab-pane div.carousel-inner div.item h3 { font-size: 24px; font-weight: 300; font-family: 'Open Sans', sans-serif; text-shadow:none; color:black;}
section#contain-product section.detail div.tab-pane div.carousel-inner div.item p{  font-size: 12px; font-weight: 400; text-shadow:none; padding-left: 100px; padding-right: 100px;}
section#contain-product section.detail div.tab-pane div.carousel-inner div.item .carousel-caption { top:270px;}
section#contain-product section.detail div#designerandbrand { padding-top: 100px;}
section#contain-product section.detail div.tab-pane div#brand { position: relative; top:100px; opacity: 0; display: none;}
section#contain-product section.detail div.tab-pane div#designer { position: relative;}
section#contain-product section.detail div.tab-pane div#designer img { margin-bottom: 40px;}
section#contain-product section.detail div.tab-pane div#designer h3 { font-size: 34px; font-weight: 300; font-family: 'Open Sans', sans-serif; text-shadow:none; color:#6b6b6b; margin-bottom: 30px;}
section#contain-product section.detail div.tab-pane div#designer p{  font-size: 12px; font-weight: 400; text-shadow:none; padding-left: 110px; padding-right: 110px; color:#6b6b6b;}

section#home-showroom { text-align: center; background-color: white; height: 500px; width: 100%; position: relative; top:-30px; padding-top: 30px; -moz-box-shadow: 1px 3px 10px 0px #f6f6f6; -webkit-box-shadow: 1px 3px 10px 0px #f6f6f6; -o-box-shadow: 1px 3px 10px 0px #f6f6f6; box-shadow: 1px 3px 10px 0px #f6f6f6; filter:progid:DXImageTransform.Microsoft.Shadow(color=#f6f6f6, Direction=161, Strength=10);}
section#home-showroom h1 { color:black; font-weight: 700; font-size: 14px; text-transform: uppercase;  font-family: 'Montserrat', sans-serif;}

section#home-partner { text-align: center;  height: 700px; width: 100%; position: relative; top:-30px; padding-top: 30px; margin-bottom: 220px;}
section#home-partner ul.nav-tabs { text-align: center; margin-top: 60px; border:none; margin-bottom: 50px;}
section#home-partner ul.nav-tabs li { float: none; width: auto; display: inline-block; border:none;}
section#home-partner ul.nav-tabs li a { border:none; background: none; color:#5d5d5d;}
section#home-partner ul.nav-tabs li.active a { border-bottom:1px solid #5d5d5d; }

div.selector-partner { text-align: center; margin-top: 60px; border:none; margin-bottom: 50px;}
div.selector-partner a { float: none; width: auto; display: inline-block; border:none; border:none; background: none; color:#5d5d5d; padding-bottom: 10px; padding-left: 15px; padding-right: 15px;}
div.selector-partner a:hover, div.selector-partner a.active { border-bottom:1px solid #5d5d5d; }


section#link-page { overflow-x:hidden; } 
section#link-page div.block { background-color: black; height: 230px; background-color: black; cursor: pointer;}
section#link-page div.block:hover div.content { opacity: 1;}
section#link-page div.block div.content.right div.text { position: absolute; right: 0px; top:0px;  }
section#link-page div.block div.content.left div.text { position: absolute; left: 0px; top:0px; }
section#link-page div.block div.content.right img { position: absolute; right:0px; top:0px; }
section#link-page div.block div.content.left img { position: absolute; left:0px; top:0px; }
section#link-page div.block div.content { position:relative;  -webkit-transition: opacity 1s; transition: opacity 1s; opacity: 0.6; }
section#link-page div.block div.content div.text { z-index: 1; color:white; text-align: center; padding-top: 40px; width:430px; height: 230px;}
section#link-page div.block div.content h3 { font-size: 18px; font-weight: 400; font-family: 'Open Sans', sans-serif; }
section#link-page div.block div.content p { font-size: 12px; }
section#link-page div.block div.content span.separator { width: 62px; background-color: white; height: 1px; opacity: 0.4; display: inline-block; margin-bottom: 10px;}
section#link-page div.block div.content a { color:white;}
section#link-page div.block div.content a span { font-size: 19px; position: relative; top:3px; left:-2px; }

section#enter-contact { background-color: white; height: 600px; position: relative; width: 100%; overflow: hidden;}
section#enter-contact h1 { font-size: 24px; font-weight: 300; font-family: 'Open Sans', sans-serif; color: #1e1e1e;}
section#enter-contact p{ padding-left: 400px; padding-right: 400px; font-size: 12px; font-weight: 400; color: #1e1e1e;}
section#enter-contact div.text { position: absolute; top:180px; width: 100%;}
section#enter-contact div.go-down { position: absolute; bottom:45px; width: 100%;}
section#enter-contact div.go-down span { position: relative; top:15px;}
section#enter-contact div.separator { display:inline-block; width: 160px; height: 1px; background-color: white; }
section#enter-contact a { color: #1e1e1e;}
section#enter-contact a span { font-size: 19px; position: relative; top:3px; left:-3px;}

section#enter-insolite { background-color: white;  height: 100%; position: relative; width: 100%; overflow: hidden;}
section#enter-insolite h1 { font-size: 24px; font-weight: 300; font-family: 'Open Sans', sans-serif; color: #1e1e1e;}
section#enter-insolite p{ padding-left: 400px; padding-right: 400px; font-size: 12px; font-weight: 400; color: #1e1e1e;}
section#enter-insolite div.text { position: absolute; top:40%; width: 100%;}
section#enter-insolite div.go-down { position: absolute; bottom:45px; width: 100%;}
section#enter-insolite div.go-down span { position: relative; top:15px;}
section#enter-insolite div.separator { display:inline-block; width: 160px; height: 1px; background-color: white; }
section#enter-insolite a { color: #1e1e1e;}
section#enter-insolite a span { font-size: 19px; position: relative; top:3px; left:-3px;}

section#contain-floor-insolite { background-color: white;}
section#contain-floor-insolite img { opacity: 0; position: relative; top:0px; height: 475px;}
section#contain-floor-insolite h2 { font-size: 20px; font-weight: 300; font-family: 'Open Sans', sans-serif; color: #1e1e1e;}
section#contain-floor-insolite p {font-size: 12px; font-weight: 400; color: #1e1e1e;}
section#contain-floor-insolite p.left { }
section#contain-floor-insolite div.item { border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; height: 445px; overflow-y:hidden; overflow-x: hidden;}
section#contain-floor-insolite div.item h2 { margin-top: 100px;}
section#contain-floor-insolite div.item span.separator { width: 150px; height: 1px; background-color: white; display: block; margin-top: 30px;}
section#contain-floor-insolite div.item div.link { padding-top: 10px;}
section#contain-floor-insolite div.item div.link a { color:#1e1e1e; display: block;}
section#contain-floor-insolite div.item div.link a span { font-size: 19px; position: relative; top:3px; left:-3px;}
section#contain-floor-insolite div.item div.text { position: relative; top:-50px; opacity: 0;}

section#contain-floor-insolite div.inter-item { background-color: white; position: relative; text-align: center; padding-top: 115px; padding-bottom: 130px;}
section#contain-floor-insolite div.inter-item h3 { font-size: 32px; font-weight: 300; font-family: 'Open Sans', sans-serif; color: #1e1e1e;}
section#contain-floor-insolite div.inter-item p{ padding-left: 400px; padding-right: 400px; font-size: 12px; font-weight: 400; color: #1e1e1e;}
section#contain-floor-insolite div.inter-item div.input { width: 250px; text-align: right; display: inline-block; margin-top: 20px;}
section#contain-floor-insolite div.inter-item div.input input { border:1px solid #808080; background-color: white; height: 28px; width: 250px; text-align: center; font-weight: 300!important; outline: none; color: #1e1e1e; font-size: 12px;}
section#contain-floor-insolite div.inter-item div.input button { background: none; border: none; color: #1e1e1e; font-size: 12px; margin-top: 10px;}


section#enter-blackroom { background-color: black;  height: 100%; position: relative; width: 100%; overflow: hidden;}
section#enter-blackroom h1 { font-size: 24px; font-weight: 300; font-family: 'Open Sans', sans-serif; color: white;}
section#enter-blackroom p{ padding-left: 400px; padding-right: 400px; font-size: 12px; font-weight: 400; color: white;}
section#enter-blackroom div.text { position: absolute; top:40%; width: 100%;}
section#enter-blackroom div.go-down { position: absolute; bottom:45px; width: 100%;}
section#enter-blackroom div.go-down span { position: relative; top:15px;}
section#enter-blackroom div.separator { display:inline-block; width: 160px; height: 1px; background-color: white; }
section#enter-blackroom a { color: white;}
section#enter-blackroom a span { font-size: 19px; position: relative; top:3px; left:-3px;}

section#contain-floor-blackroom { background-color: black;}
section#contain-floor-blackroom img { opacity: 0; position: relative; top:0px; height: 475px;}
section#contain-floor-blackroom h2 { font-size: 20px; font-weight: 300; font-family: 'Open Sans', sans-serif; color: white;}
section#contain-floor-blackroom p {font-size: 12px; font-weight: 400; color: white;}
section#contain-floor-blackroom p.left { }
section#contain-floor-blackroom div.item { border-top: 1px solid #212121; border-bottom: 1px solid #212121; height: 445px; overflow-y:hidden; overflow-x: hidden; }
section#contain-floor-blackroom div.item h2 { margin-top: 100px;}
section#contain-floor-blackroom div.item span.separator { width: 150px; height: 1px; background-color: white; display: block; margin-top: 30px;}
section#contain-floor-blackroom div.item div.link { padding-top: 10px;}
section#contain-floor-blackroom div.item div.link a { color:white; display: block;}
section#contain-floor-blackroom div.item div.link a span { font-size: 19px; position: relative; top:3px; left:-3px;}
section#contain-floor-blackroom div.item div.text { position: relative; top:-50px; opacity: 0;}

section#contain-floor-blackroom div.inter-item { background-color: black; position: relative; text-align: center; padding-top: 115px; padding-bottom: 130px;}
section#contain-floor-blackroom div.inter-item h3 { font-size: 32px; font-weight: 300; font-family: 'Open Sans', sans-serif; color: white;}
section#contain-floor-blackroom div.inter-item p{ padding-left: 400px; padding-right: 400px; font-size: 12px; font-weight: 400; color: white;}
section#contain-floor-blackroom div.inter-item div.input { width: 250px; text-align: right; display: inline-block; margin-top: 20px;}
section#contain-floor-blackroom div.inter-item div.input input { border:1px solid #808080; background-color: black; height: 28px; width: 250px; text-align: center; font-weight: 300!important; outline: none; color: white; font-size: 12px;}
section#contain-floor-blackroom div.inter-item div.input button { background: none; border: none; color: white; font-size: 12px; margin-top: 10px;}


video#media-video { width: 100%;  position:relative; top:-10%; opacity: 0; display: none;}

footer#footer { background-color: #141414; padding-top: 40px; padding-bottom: 80px;}
footer#footer h3 { text-transform: uppercase; color:white; font-size: 13px; font-weight: 700; margin-bottom: 40px;}
footer#footer ul { margin: 0px; padding: 0px; }
footer#footer ul li { margin: 0px; padding:0px; list-style: none;}
footer#footer ul li a { color: white; font-size: 11px; font-weight: 700;}

/*
div#block-circle { width: 800px; height: 800px; position: absolute; top:700px; right: 10px; z-index: 0; }
div#block-circle #circle-A { position: absolute; top:0px; left:0px; width: 800px; height: 800px; background: none; -moz-border-radius: 400px; -webkit-border-radius: 400px; border-radius: 400px; border:2px solid #f2f2f2; }
div#block-circle #circle-B { position: absolute; top:-20px; left:-30px; width: 800px; height: 800px; background: none; -moz-border-radius: 400px; -webkit-border-radius: 400px; border-radius: 400px; border:2px solid #f2f2f2; }
*/


/************************************************/
/*************** SPECIFIC - MOBILE **************/
/************************************************/

header#header-mobile { background-color: #141414; height: 60px; width: 100%; color:white; position: fixed; z-index: 99; top:0px; left:0px;}
header#header-mobile a { color:white; font-weight: 700; font-size: 11px; }
header#header-mobile span { font-size: 26px!important; }
header#header-mobile img { height: 60px;}

nav#nav-mobile { background-color: #141414; position: fixed; left:-230px; top:0px; width: 230px; height: 100%; color:white; z-index: 999;}
nav#nav-mobile ul { padding-top: 30px;}
nav#nav-mobile ul li { list-style: none; margin-bottom: 10px;}
nav#nav-mobile ul li.separator { display: none;}
nav#nav-mobile ul li a { color:white;}

div#cache-nav-mobile { background-color: #141414; opacity: 0.5; position: fixed; width: 100%; height: 100%; display: none; z-index: 998;}

div#close-sub-nav-mobile { position: fixed; color:white; width: 100%; height: 60px; top:0px; left:-100%; z-index: 1000;}

nav#sub-nav-mobile { position: absolute; top:0px; left:-100%; width: 100%; height: 100%;  z-index: 999; display: none; overflow-y:visible; background-color: #141414; }
nav#sub-nav-mobile ul { width: 100%; height: 88%; margin: 0px; padding:0px; position: absolute; top:60px; left:0px; display: none;}
nav#sub-nav-mobile ul li { position:relative; display: block; margin: 0px; padding: 0px; border:0px; margin-left: 0px; background-color: black; width: 100%; height: 25%; }
nav#sub-nav-mobile ul li img { margin:0px; padding: 0px; opacity: 0.5; -webkit-transition: opacity 1s; transition: opacity 1s; position: absolute; top:0px; left:0px; width: 100%;}
nav#sub-nav-mobile ul li div.text { position: absolute; width: 300px; margin-left:-150px; bottom:-15px; left:50%; text-align: center; color:white; padding-bottom: 20px; -webkit-transition: opacity 1s; transition: opacity 1s; -webkit-transition: bottom 1s; transition: bottom 1s; opacity: 0;}
nav#sub-nav-mobile ul li div.text p a { text-decoration: none; color:white!important;}
nav#sub-nav-mobile ul li div.text h4 { margin: 0px; padding: 0px; font-weight: 400; font-family: 'Open Sans', sans-serif;}
nav#sub-nav-mobile ul li div.text p { margin: 0px; padding: 0px; font-size: 12px;}
nav#sub-nav-mobile ul li:hover div.text{ opacity: 1; bottom: 0px;}
nav#sub-nav-mobile ul li:hover img { opacity: 1;}


section#brand-all a { display: block; width: 100%; height: 100%; position: relative; color:inherit; text-decoration: none;}
section#brand-all div.item:hover div.block-text { opacity: 1; }
section#brand-all div.item:hover div.block-image img { opacity: 1; }

section#brand-all { padding-top: 140px; padding-bottom: 100px;}
section#brand-all div { padding-left: 0px; padding-right: 0px;}

div.block-image { background-color: black; overflow: hidden;}
div.block-image img { opacity: 0.6; -webkit-transition: opacity 1s; transition: opacity 1s;}


div.block-text { opacity: 0.4; padding:25px!important; background-color: white; width: 100%; height: 172px; -moz-box-shadow: 1px 3px 10px 0px #f6f6f6; -webkit-box-shadow: 1px 3px 10px 0px #f6f6f6; -o-box-shadow: 1px 3px 10px 0px #f6f6f6; box-shadow: 1px 3px 10px 0px #f6f6f6; filter:progid:DXImageTransform.Microsoft.Shadow(color=#f6f6f6, Direction=161, Strength=10); webkit-transition: opacity 1s; transition: opacity 1s;}


a#goContact { border:1px solid #1e1e1e; padding: 5px;}


ul.partner li { display: inline-block; width: 60px; height: 60px; background-color: white; text-align: center; overflow: hidden; margin: 10px;}
ul.partner li img { width: 60px;}



div#map-canvas { width: 100%; height: 600px;}


.sky-carousel .sc-nav-button.sc-prev { background-position-x: 0px!important; background-size: contain!important;}
.sky-carousel .sc-nav-button.sc-next { background-position-x: 0px!important; background-size: contain!important;}



/* CSS SCREEN */
@media (max-width: 1800px){
  section#product-media { height: 700px; }
  section#product-media div.carousel-caption { top:530px;}
  section#product-media p{ padding-left: 150px; padding-right: 150px; font-size: 12px; font-weight: 400; }
  section#product-media img { width: 100%; position:absolute; bottom:-800px; left:0px;}
  
  section#slider div.carousel-caption p{ padding-left: 250px; padding-right: 250px; font-size: 12px; font-weight: 400; }
  
  section#brand-header p { padding-left: 200px; padding-right: 200px;}
}

/* CSS SCREEN */
@media (max-width: 1200px){
  section#product-media { height: 500px; }
  section#product-media div.carousel-caption { top:150px;}
  section#product-media p{ padding-left: 150px; padding-right: 150px; font-size: 12px; font-weight: 400; }
  section#product-media img { width: 100%; position:absolute; bottom:-400px; left:0px;}
  
  section#slider div.carousel-caption p{ padding-left: 250px; padding-right: 250px; font-size: 12px; font-weight: 400; }

  section#brand-header p { padding-left: 100px; padding-right: 100px;}


}

/* CSS MOBILE */
@media (max-width: 470px){
	
	section#slider { height: 400px; overflow: hidden;}
	section#slider div#carousel-example-generic { height: 400px;}
	section#slider div#carousel-example-generic div.carousel-inner { height: 400px;}
	section#slider div#carousel-example-generic div.carousel-inner div.item { height: 400px; position: relative; width: 100%; text-align: center;}
	section#slider div#carousel-example-generic div.carousel-inner div.item img { height: 400px; width: auto!important; max-width: 400%; position: relative; left:-340px;}
	section#slider div#carousel-example-generic a.carousel-control { background: none!important; }
	
	section#home-partner { height: 1000px; }
	ul.list-partner { margin: 0px; padding: 0px; height: 1000px;}
	ul.list-partner li a img { width: 30px;}
	
	section#contain p.sentence { font-size: 20px;}

	section#home-showroom { top:0px; height: 740px; padding-left: 10px; padding-right: 10px;}

	section#contain-product { padding-top: 50px;}
	section#contain-product p.sentence { text-align: center;  margin-bottom: 40px;}
	  
	section#product-media { height: 100%; }
	section#product-media div.carousel-caption { top:100px;}
	section#product-media p{ padding-left: 150px; padding-right: 150px; font-size: 12px; font-weight: 400; }
	section#product-media img { height: 200%; width:auto; position:absolute; bottom:-400px; left:0px;}
	
	section#link-page { overflow-x:hidden; height: 600px; background-color: black;} 
	section#link-page a { display: block;}
	section#link-page div.block { height: 300px; width: 100%; overflow-x:hidden;}
	section#link-page div.block div.content { position: relative; width: 100%; display: block; height: 300px;}
	section#link-page div.block div.content.right div.text h3 { padding: 0px; margin: 0px;}
	section#link-page div.block div.content.right div.text { height: 180px; width: 100%; text-align: center; position: absolute; top:120px; left:0px; padding-top: 20px; }
	section#link-page div.block div.content.left div.text { height: 180px; width: 100%; text-align: center; position: absolute; top:120px; left:0px; padding-top: 20px; }
	section#link-page div.block div.content.right img { position: absolute; left:0px; top:0px; width: auto; height: 120px; }
	section#link-page div.block div.content.left img { position: absolute; right:0px!important; left:auto; top:0px; width: auto;  height: 120px; float: right;}
	
	section#product-media p{ padding-left: 50px; padding-right: 50px; font-size: 12px; font-weight: 400; }
	
	section#brand-header { height: 600px;}
	section#brand-header p { padding-left: 30px; padding-right: 30px;}
	section#brand-header div.carousel-caption { top:70px!important;}
	
	.carousel-caption { right: 0%; left:0%; }
  
  

}

}