body, html {margin:0px 0px; font-family: 'Work Sans', sans-serif}
h1, h2, h3, h4, h5 {display:inline-block; font-size:inherit; font-weight:inherit; margin:0px; padding:0px }

/* class global */
.light {font-weight:300}
.medium {font-weight:500}
.semibold {font-weight:700}
.bold {font-weight:800}
.pt {font-family: 'PT Serif', serif}
.curvy {font-family: 'Shadows Into Light Two', cursive;}
.wrapper {width:100%; max-width:1100px; margin:0px auto; font-size:0px}
.white {color:#FFF}
.black {color:#242424}
.red {color:#e5173f}
.center {text-align:center}
.bg-light-gray {background-color:#eee}
.bg-gray {background-color:#b4b4b4}
.rotate180 {-moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg);  transform:rotate(180deg);}
.rotate-90 {-moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); -o-transform:rotate(-90deg);  transform:rotate(-90deg);}
a {color:inherit; text-decoration:inherit}
.over-arrow {margin-top:-90px; padding:10px; font-size:14px; text-shadow:0px 0px 10px #000; cursor:pointer}

.submit-btn {background-color:#000!important; color:#FFF; text-transform:uppercase; margin-top:5px; width:200px; margin-left:60px; padding-top:10px; padding-bottom:10px; cursor:pointer; margin-bottom:-20px}
.hidden-field {position:absolute; z-index:-1000; margin-left:-200%}
/*.grecaptcha-badge {visibility: hidden}*/
.bg-img {background-repeat:no-repeat; background-size:cover; background-position:center center;}
.wrapper-table {display:table; width:100%; margin:40px 0px}
.wrapper-cell {padding:25px; direction:ltr}
.cell1-3 {min-width:320px; max-width:360px; display:table-cell; vertical-align:top;}
.cell1-3 .title, .cell2-3 .title {font-size:24px; text-transform:uppercase; margin:0px 0px 25px 0px}
.cell1-3 .big-title, .cell2-3 .big-title {font-size:32px; margin:0px 0px 25px 0px}
.cell1-3 .content, .cell2-3 .content {font-size:14px; line-height:20px; margin:25px 0px}
.cell1-3 .cta {position:absolute; text-transform:uppercase; font-size:14px; margin-left:60px}
.cell1-3 .icon {width:40px; margin-bottom:40px}
.cell1-3 .icon img {width:100%}
.cell1-3 .widget {padding:10px 15px; color:#FFF; min-height:auto; height:290px; margin:2px 0px; font-size:14px; background-repeat:no-repeat; background-position:15px 15px; background-size:18px auto; background-image:url(../img/widget-arrow-up.png); overflow:hidden; cursor:pointer}
.cell1-3 .widget .topic {text-transform:uppercase; margin:0px 0px 0px 25px}
.cell1-3 .widget img {width:15px; padding-right:10px}
.cell1-3 .widget ul {margin:20px 0px 15px 20px ; padding:0px ; text-transform:uppercase}
.cell1-3 .closed {max-height:20px; height:20px; min-height:20px; background-image:url(../img/widget-arrow-down.png)}
.cell2-3 {width:67%; display:table-cell; vertical-align:top}
.bg-img {vertical-align:bottom!important}
.cell2-3 .micro-thumbnail {width:180px; height:140px; position:absolute; margin-top:-160px; margin-left:20px; background:url(../img/black-filter.png); font-size:0px}
.cell2-3 .micro-thumbnail .shema {width:150px; height:140px; display:inline-block; vertical-align:top; background-size:cover; background-position:center center; background-repeat:no-repeat; text-align:center}
.cell2-3 .micro-thumbnail .shema img{width:85%; text-align:center}
.cell2-3 .micro-thumbnail .tag {width:30px; height:140px; background:#e5173f; display:inline-block; vertical-align:top}
.cell2-3 .micro-thumbnail .tagname {width:150px; font-size:16px; color:#FFF; text-align:center; margin:60px -60px; text-transform:uppercase}

.cell2-3 .cell {display:inline-block; vertical-align:middle; text-transform:uppercase; color:#FFF}




.wrapper-cell .bullet {margin:8px 0px; }
.p-hover:hover {color:#e5173f; cursor:pointer}
.wrapper-cell .bullet p {display:inline-block; vertical-align:middle; font-size:14px; margin:0px 0px 0px 15px; line-height:18px;}
.wrapper-cell .bullet {background:url(../img/icon-triangle.png) left 2px no-repeat; background-size:10px auto}



input, textarea {outline:none; -webkit-appearance: none; border-radius:0;}



/*.wrapper {width:100%; max-width:1200px; border:1px Solid #0CF; margin:0px auto;}*/
.motion-ease {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.motion-linear {-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s linear;}

.mobile-only {display:none}


/* class global */

header .top-header {background-image:url(../img/bg-slider.jpg); background-size:cover; width:100%; /*height:550px;*/}
header .info-top {background-color:#cfcfcf; position:fixed; top:0px; height:30px; width:100%;; text-align:right; z-index:10000 }
header .wrapper {width:100%; max-width:1000px; display:table; color:#FFF; font-size:12px;}
header .social {width:30px; display:table-cell; border-left:1px #FFF solid;text-align:center; height:20px;}
header .phone {display:table-cell; color:#FFF; padding-right:40px;}
header .sub-menu {width:11px; background-color:#000; color:#FFF; text-align:center; height:6px; font-size:10px; padding-bottom:5px; display:inline-block; vertical-align:middle; margin-right:5px; margin-top:3px;}
header .menu {font-size:16px; color:#000; display:inline-block; vertical-align:top; margin-right:20px; cursor:pointer}
header .menu:hover {color:#e5173f}
header .logo {display:inline-block; vertical-align: top; text-align:center; margin-left:120px; margin-right:120px}
header .menu-wrapper {background-image:url(../img/fade-header.png); background-repeat:repeat-y;width:100%; height:100px; background-position:center center;}
header .open-sub {opacity:0.9; background:#000; height:110px; overflow:hidden; text-align:left; padding:20px 0px;}
header .closed-sub {width:100%; background:#000; text-align:left; padding:0px 0px; opacity:0; height:0px; overflow:hidden}
#products .product-item {padding:5px 10px; color:#FFF; display:inline-block; width:25%; font-size:14px; cursor:pointer; text-transform:uppercase}
#products .product-item:hover {color:#e5173f}

header .mobile-header {width:100%; position:fixed; z-index:10000}
header .mobile-header .bar {width:100%; height:45px; background:#FFF; text-align:center}
header .mobile-header .subar {width:100%}
header .mobile-header .logo {width:65px; padding:6px 0px; position:absolute; margin-left:-30px}
header .mobile-header .arrow {width:85px; display:block; margin:0px auto}
header .mobile-header .icon-menu {position:absolute; right:0px; width:45px; height:45px; background:url(../img/icon-menu.png) center center no-repeat; background-size:48%}

.red-banner {background-color:#e5173f; text-align:center; color:#FFF; font-size:25px; padding:10px 0px}
.ban-absolute {position:absolute; margin-top:-95px; z-index:10; right:0px; left:0px; width:auto}
.red-banner .btn-wrapper {background:url(../img/polygone1.png) no-repeat; background-size:100% auto; width:200px; height:170px; position:absolute; left:50%; margin-left:-100px; margin-top:-70px; text-align:center; padding-top:30px; z-index:1}
.red-banner .btn-wrapper img {width:30px; opacity:0.7; cursor:pointer}
.red-banner .btn-wrapper img:hover {opacity:1;}

#video .container {position: relative; width: 100%; height: 0; padding-bottom: 56.25%; background:#FFF; margin-top:-50px}
#video .video {position: absolute;top: 0; left: 0; width: 100%; height: 100%; opacity:0.9; pointer-events:none}

#big-thumbnails { width:100%; padding-top:55px; cursor:pointer}
#big-thumbnails .wrapper {width:100%; max-width:1000px; display:table; margin:0px auto; border-collapse:collapse }
#big-thumbnails .cell {display:table-cell; width:50%; border:1px #FFFFFF solid; background:#eee; cursor:pointer}
#big-thumbnails .cell .bg-product {background-repeat:no-repeat; background-position:center center; background-size:100% auto;}
#big-thumbnails .cell:hover .bg-product {background-size:110% auto}
#big-thumbnails .cell img {width:100%;}
#big-thumbnails .description {width:auto; background:url(../img/icon-plus.png) top right no-repeat; color:#818181; margin:15px; background-size:auto 80%}
#big-thumbnails .title {font-size:35px; margin:0px; color:#818181; font-weight:700; padding-top:20px;text-align:center}
#big-thumbnails .subtitle {font-size:20px; margin:0px; text-align:center}

#small-thumbnails { width:100%; padding-top:55px; cursor:pointer}
#small-thumbnails .wrapper {width:100%; max-width:1000px; display:table; margin:0px auto; border-collapse:collapse; font-size:0px}
#small-thumbnails .cell {display:inline-block; vertical-align:top; width:33.4%; border:1px #FFFFFF solid; background:#eee; margin:-2px; cursor:pointer}
#small-thumbnails .cell .bg-product {background-repeat:no-repeat; background-position:center center; background-size:100% auto;}
#small-thumbnails .cell:hover .bg-product {background-size:110% auto}
#small-thumbnails .cell img {width:100%; display:block}
#small-thumbnails .description {width:100%; background:url(../img/icon-plus.png) top right no-repeat; color:#818181; background-size:40px auto; margin:0px auto; margin-left:-10px}
#small-thumbnails .title {font-size:18px; color:#818181; font-weight:700; text-align:center; padding-top:7px; width:70%; text-align:center; margin:8px auto; height:40px}

#about {width:100%;  margin-top:70px}
#about .wrapper {width:100%; max-width:1000px; background-color:#eeeeee; margin:0px auto; display:table}
#about .a-propos {width:65%; display:table-cell; font-weight:700; margin-left:40px; }
#about .title {font-size:32px;}
#about .wrapper-padding {padding:40px; margin-left:0px}
#about .subtitle {font-size:14px; color:#000; font-weight:500; line-height:20px}
#about .form {width:35%; background-color:#e5173f; display:table-cell}
#about .form-wrapper {margin-top:-15px; min-width:280px; padding:20px}
#about .text1 {text-transform:uppercase; color:#FFF; font-size:24px; font-weight:500; margin-top:60px}
#about .text2 {font-size:20px; text-transform:uppercase; font-weight:600; margin-top:70px; margin-right:15px; line-height:70px; background:url(../img/icon-plus2.png) no-repeat; background-position:right center}
#about .phone {font-size:24px; font-weight:500; margin-top:-20px; color:#FFF}

#about input[type=text], select {
    width: 90%;
    padding: 8px 10px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

#about input[type=submit] {
    width: 310px;
    background-color: #4CAF50;
    color: white;
    padding: 8px 20px;
    margin: 0px 0;
    border: none;
    cursor: pointer;
}

#about input[type=submit]:hover {
    background-color: #45a049;
}

#first {width:100%;  margin-top:70px}
#first .wrapper {width:100%; background-color:#eeeeee; margin:0px auto; display:table}
#first .title {font-size:32px; margin:0px;}
#first .wrapper-padding {padding:40px}
#first .subtitle {font-size:14px; color:#000; font-weight:400; line-height:24px; }
#first .form {width:20%; background-color:#b2b0b0; display:table-cell; vertical-align:top}
#first .form-wrapper {margin:20px; min-width:280px}
#first .phone {font-size:24px; font-weight:500; margin-top:-20px; color:#FFF}
#first .bullet {margin:10px 0px; }
#first .bullet p {display:inline-block; vertical-align:middle; font-size:15px; margin:0px 0px 0px 15px; line-height:18px;}
#first .bullet {background:url(../img/icon-triangle.png) left 2px no-repeat; background-size:10px auto}

#first input[type=text], select {width: 100%; padding: 8px 10px; margin: 8px 0; display: inline-block; border: 1px solid #ccc; box-sizing: border-box;
}
#first textarea {width: 100%; height:130px; padding: 8px 10px; margin: 8px 0; display: inline-block; border: 1px solid #ccc; box-sizing: border-box;}

#first input[type=submit], #first input[type=button] {width: 310px; background-color: #4CAF50; color: white; padding: 8px 20px; margin: 0px auto; border: none; cursor: pointer;
}

#first input[type=submit]:hover {
    background-color: #45a049;
}

#second {width:100%;  margin-top:50px; margin-bottom:45px}
#second .wrapper {width:100%; max-width:1000px; background-color:#eeeeee; margin:0px auto; display:table}
#second .a-propos { display:inline-block;vertical-align:top; width:60%; margin:0px; }

#second .subtitle {font-size:14px; color:#000; font-weight:500; line-height:20px; margin-right:20px }
#second .wrapper-padding {margin-left:20px; margin-top:15px; width:30%; display:inline-block; vertical-align:top }
#second .tableau img {width:35px; display:inline-block; margin-top:10px}
#second .tableau p {text-transform:uppercase; display:inline-block; vertical-align:top; color:#e5173f; font-weight:700; margin-left:15px; cursor:pointer}
#second .text1 {text-transform:uppercase; color:#000; font-size:24px; font-weight:700; margin-top:40px;display:inline-block; vertical-align:top}
#second .text2 {color:#FFF; font-size:21px; text-transform:uppercase; margin-top:25px; margin-bottom:5px}
#second .phone {font-size:24px; font-weight:500; margin-top:-20px; color:#FFF}
#second .bullet {margin-top:-5px; }
#second .bullet p {display:inline-block; vertical-align:middle; font-size:14px; margin-left:10px; line-height:0px; padding:0px}
#second .bullet img {width:10px; display:inline-block; vertical-align:middle;}
#second .style {width:275px; background-color:#b2b0b0; margin-top:0px}
#second .style img {display:inline-block; vertical-align:middle; width:15px; margin-top:18px; margin-left:15px;}
#second .style p {display:inline-block; vertical-align:top; text-transform:uppercase; color:#FFF; font-size:14px; font-weight:700; margin-left:5px}
#second .style ul {margin-top:0px; text-transform:uppercase; color:#FFF; font-size:14px; font-weight:700; padding-bottom:20px ;margin-left:0px; padding-left:35px}


#season .cell {width:50%; display:table-cell; vertical-align:top}
#season .or-cell {width:8px; max-width:8px; min-width:8px; background:#FFF; text-align:center; vertical-align:middle; display:table-cell}
#season .or-cell img {width:70px; margin-left:-31px}
#season .cell .title {font-size:32px; margin:0px; color:#000; font-weight:700; margin:40px 40px 10px ;text-transform:uppercase; text-align:center}
#season .cell .text {font-size:14px; line-height:22px; margin:40px}

#options { width:100%; margin:50px 0px; }
#options .wrapper {width:100%; display:table; margin:0px auto; border-collapse:collapse; table-layout:fixed }
#options .cell {display:table-cell; border:4px #FFFFFF solid; background:#eee; padding-top:10px}
#options .description {width:auto; background:url(../img/icon-plus.png) top right no-repeat; color:#818181; margin:15px; background-size:auto 80%}
#options .title {font-size:24px; color:#000; font-weight:700; text-transform:uppercase; text-align:left}
#options .subtitle {font-size:20px; margin:0px; text-align:left}
#options .text {font-size:14px; margin-left:20px}
#options .wrapper-padding {max-width:400px; margin-left:40px;}
#options .bullet {margin:8px 0px; }
#options .bullet p {display:inline-block; vertical-align:middle; font-size:14px; margin:0px 0px 0px 15px; line-height:18px;}
#options .bullet {background:url(../img/icon-triangle.png) left 2px no-repeat; background-size:10px auto}
#options .install-wrapper {padding:30px; background-image:url(../img/logo-zytco-grey.png); background-repeat:no-repeat; background-position:right bottom;}
#options .install-wrapper .title {font-size:24px; color:#FFF; font-weight:700; text-transform:uppercase; text-align:left; margin:0px; padding:0px}
#options .install-wrapper .content {font-size:16px; color:#FFF; max-width:770px}

#commercial .wrapper {max-width:1000px; cursor:pointer}
#commercial .p-btn {background:url(/wp-content/themes/pubinteractive/img/icon-plus2.png) no-repeat; background-position:right center; background-size:auto 100%; margin-bottom:0px; padding-bottom:0px}
#commercial .title {color:#FFF !important}
#commercial .cell1-3 {background:#000; margin-bottom:0px; padding-bottom:0px }
#commercial .cell1-3:hover {background:#333; margin-bottom:0px; padding-bottom:0px }

#showrooms {width:100%; margin-top:70px; margin-bottom:50px}
#showrooms .wrapper {width:100%; max-width:1000px; margin:0px auto; display:table}
#showrooms .image {display:table-cell;  width:50%; margin:0px; background:url(../img/img-mtl.jpg); background-size:cover; background-position:center center}
#showrooms .details {display:table-cell;background-color:#eeeeee; width:50%; margin:0px; padding-left:25px; vertical-align:top}
#showrooms .title {font-size:24px; font-weight:600; margin-top:50px; margin-right:20px}
#showrooms .subtitle {font-size:18px; font-weight:300; color:#000; font-weight:400}
#showrooms .text1 {font-size:18px; color:#e5173f; font-weight:600}
#showrooms .text2 {font-size:20px; text-transform:uppercase; font-weight:600; margin-top:70px; margin-right:15px; line-height:70px; background:url(../img/icon-plus2.png) no-repeat; background-position:right center}

#mobile-menu {position:fixed; overflow-x:hidden; overflow-y:auto; width:0px; right:0px; height:100%; background:#000; z-index:5000}
#mobile-menu .mobile-wrapper {width:280px; text-align:right}
#mobile-menu ul {padding:0px 10px}
#mobile-menu li {text-transform:uppercase; font-size:14px; color:#FFF; margin:0px 10px; padding:15px 0px; text-align:right; list-style:none; border-top:1px Solid #545454; cursor:pointer;}	
#mobile-menu .mobile-wrapper li:hover {color:#e5173f;cursor: pointer;}
#mobile-menu .logo {width:50px; margin:20px}
#close-btn {width:50px; height:50px; position:absolute; background:url(../img/icon-close.png) no-repeat 15px 15px; background-size:35%; cursor:pointer;}

#portfolio {overflow:hidden; width:100%}
#portfolio .folio-wrapper {font-size:0px; background:#FFF; text-align:center}
#portfolio .folio-wrapper .img-wrapper {width:33%; display:inline-block;}
#portfolio .folio-wrapper .img-wrapper .img {margin:2px 1px; background-repeat:no-repeat; background-size:cover; background-position:center center;}
#portfolio .folio-wrapper .img-wrapper .img img {width:100%}

footer {width:100%}
footer .wrapper {text-align:center}
footer .top {background:url(../img/polygone3.png) no-repeat center top #FFF; height:80px; width:100%}
footer .main {background:#FFF; width:100%; text-align:center; border-top:1px solid #333; padding-top:40px}
footer .logo {width:125px; margin-top:-10px;}
footer .menu {width:945px; text-align:left; display:inline-block; vertical-align:top}
footer .cell {display:inline-block; vertical-align:top; margin-right:20px}
footer .contact {width:230px; border-left:1px Solid #FFF; display:inline-block; text-align:left; }
footer .cell li, footer .contact li {list-style:none; font-size:14px; color:#5e5c5c; padding-left:30px; line-height:20px;}
footer .cell .title, footer .contact .title {text-transform:uppercase; font-size:14px; color:#CCC; padding-left:30px;} 
footer .end {text-align:left; color:#333; font-size:14px; border-top:2px Solid #e5173f; margin-top:25px; padding:30px 0px;}
/*footer .cell li:hover {color:#e5173f; cursor: pointer;} */
footer .menu .cell .title:hover {color:#e5173f; cursor: pointer;}
footer .social:hover {color:#e5173f; cursor:pointer;}
footer .social img {width:20px; opacity:0.3}
footer .social:hover img {width:20px; opacity:0.5}
footer .social-mobile {display:none}


@media (max-width: 1550px) {
.wrapper-padding .container-inline {margin:0px 20px 20px 20px; min-width:auto}
.wrapper-padding .container-block {margin:0px 20px 20px 20px; min-width:auto}
}

@media (max-width: 1300px) {

footer .menu, footer .contact {display:none}
footer .top {height:40px}
footer .logo {width:60px; margin-top:-10px;}
footer .end {text-align:center}
footer .social-mobile {font-size:0px; display:block}
footer .social-mobile .phone {font-size:14px; display:inline-block; color:#5e5c5c; margin:0px}
footer .social-mobile .line {display:inline-block; vertical-align:middle; background:#FFF; height:2px; width:41%}
footer .social-mobile img {display:inline-block; vertical-align:middle; padding:15px}
.wrapper-padding .container-inline {margin:0px 20px 20px 20px; min-width:auto}
.wrapper-padding .container-block {margin:0px 20px 20px 20px; min-width:auto}
}

@media (max-width: 1200px) {
.mobile-only {display:block}

header .menu {display:none}
header .main-header {display:none}
header .top-header {display:none}
header .info-top {display:none}
/*#big-thumbnails .cell {display:inline-block; vertical-align:top; margin:0px auto; width:100%}*/
/*#small-thumbnails .wrapper {margin:0px auto; width:80%}*/
/*#small-thumbnails .cell {display:inline-block; vertical-align:top; width:100%}*/

#video .container {position: relative; width: 100%; height: 0; padding-bottom: 56.25%; background:#FFF; margin-top:0px}

.ban-absolute {position:relative; margin-top:0px; z-index:10; width:100%}
	
#big-thumbnails .wrapper {width:100%}
#small-thumbnails .title {font-size:15px}
#small-thumbnails .description {background-size:30px auto;}
/*
#about .wrapper {width:100%; max-width:800px; background-color:#eeeeee; margin:0px auto; display:table}
#about .title {font-size:20px;}
#about .a-propos img {width:20%}
#about .wrapper-padding {width:85%}
#about .subtitle {font-size:14px;line-height:20px}
#about input[type=submit] {margin-top:30px}

	/*
#first .wrapper {background-color:#eeeeee; margin:0px auto; display:table}
#first  .a-propos {font-size:20px;}
#first  .a-propos img {width:20%}
#first  .wrapper-padding {margin-left:20px; width:90%}
#first  .subtitle {font-size:12px;line-height:18px}
#first  input[type=submit] {margin-top:30px}
#first .bullet p {line-height:17px; max-width:447px}
#first .bullet img {width:10px}
	*/
#showrooms .wrapper {width:100%; max-width:800px}
#showrooms .image {width:50%;}
#showrooms .details {width:50%;}
#showrooms .title {font-size:20px}
#showrooms .subtitle {font-size:15px}
#showrooms .text1 {font-size:16px}
#showrooms .text2 {font-size:16px}



#topic-page {background-attachment:scroll}

#main-onglets {display:block; font-size:0px; padding-top:45px}
#main-onglets .onglet {display:inline-block; vertical-align:top; width:50%; height:300px; font-size:12px}
#main-onglets .title-section {padding-top:100px;}
#main-onglets .title-section-hover {width:49.9%; padding-top:100px; height:200px}
#main-onglets .title{font-size:25px;}

.wrapper-padding .container33 {display:block; width:auto; text-align:center; min-height:250px}
.wrapper-padding .container66 {display:block; width:auto; text-align:center; min-height:250px}

}
@media (max-width: 1000px) {
	
	#second .subtitle {max-width:275px}
	#portfolio .folio-wrapper .img-wrapper {width:50%;}
	#options .cell-hide {display:none !important; opacity:0}
}
@media (max-width: 1024px) {
#video .video {pointer-events:auto}
}

@media (max-width: 880px) {
.red-banner {font-size:20px}
	
#big-thumbnails .title {font-size:25px}
#big-thumbnails .subtitle {font-size:14px}
/*#big-thumbnails .cell {display:inline-block; vertical-align:top; margin:0px auto; width:100%}*/
#small-thumbnails .wrapper {margin:0px auto; width:100%; text-align:center}
#big-thumbnails .wrapper {margin:0px auto; width:100%}
/*#small-thumbnails .cell {display:inline-block; vertical-align:top; width:100%}*/
#about {overflow:hidden}
#about .wrapper-padding {max-width:545px; width:auto; padding-bottom:40px; margin-left:0px; padding:20px}
#about .subtitle {font-size:14px;line-height:20px}
#about .a-propos {display:inline-block; vertical-align:top; width:100%; margin-left:0px}
#about .form {display:inline-block; vertical-align:top; width:100%}
#showrooms .image {display:none}
#showrooms .details {max-width:470px}
#showrooms .plus {margin-top:-40px}

#usp .wrapper {display:block; padding:30px 0px}
#usp .cell {display:block; width:100%; padding:40px 0px 0px 0px}
#usp .cell .title {font-size:18px; text-transform:uppercase}
#usp .cell img {width:80px}
#usp div.btn {text-transform:uppercase; color:#000; font-size:12px; text-align:center; border:1px Solid #000; width:260px; margin:40px auto; padding:12px 0px; cursor:pointer; }
#usp div.btn:hover {color:#FFF; background:#000}
.thumbnails .cell {background-size:auto 215px;}
.thumbnails .cell:hover {background-size:auto 230px;}

.wrapper-padding .container33 {padding:15px; min-height:150px}
.wrapper-padding .container66 {padding:15px; min-height:150px}
.wrapper-padding .text16 {font-size:9px}

.micro-thumbnail {display:none}


#first .form {display:inline-block; vertical-align:top; width:100%; margin:0px auto}
#first .a-propos {display:inline-block; vertical-align:top; width:100%; margin-left:0px}
#first .subtitle {margin-right:0px}

}
@media (max-width: 800px) {
.cell1-3 {max-width:100%; display:block}
.cell2-3 {width:100%; display:block;}
}
@media (max-width: 690px) {
.over-arrow {opacity:0}

#season .cell {width:100%; display:inline-block; vertical-align:top}
#season .or-cell {width:100%; max-width:100%; min-width:100%; min-height:8px; max-height:8px; display:inline-block}
#season .or-cell img {width:70px; margin-left:-31px; margin-top:-31px; position:absolute}
#season .cell .title {font-size:32px; color:#000; font-weight:700; margin:40px 40px 10px ;text-transform:uppercase; text-align:center}
#season .cell .text {font-size:14px; line-height:22px; margin:40px}
	
#small-thumbnails, #big-thumbnails {overflow:hidden}
#small-thumbnails .cell {width:50%; display:inline-block; vertical-align:top; margin:-2px}
#small-thumbnails .description {height:45px}
#big-thumbnails .cell {display:inline-block; vertical-align:top; width:100%}
	
#portfolio .folio-wrapper .img-wrapper {width:100%;}
#showrooms .text2 {font-size:14px; text-transform:uppercase; font-weight:600; margin-top:70px; margin-right:15px; line-height:23px; background:url(../img/icon-plus2.png) no-repeat; background-position:right center; background-size:auto 100%;}
	
#options .cell {display:block; width:100%; min-height:250px; border:0px #FFFFFF solid; background:#eee}
}
@media (max-width: 410px) {
	#big-thumbnails .wrapper {display:block;}
}

#homeBanner { width:100%; background-color:#33353E}
#homeBanner .wrapper {width:100%; max-width:1000px; display:table; margin:0px auto; border-collapse:collapse }
#homeBanner .cell {display:table-cell; width:50%;  background:#eee;}
#homeBanner .image-banner{width:60%;background-repeat:no-repeat; background-position:center center; background-size:cover; }
#homeBanner .image-banner img{width:100%;}
#homeBanner  .text-banner {width:40%; background-color:#E6E6E6;vertical-align: top;}
#homeBanner .title {font-size:25px; margin:0px; color:#818181; font-weight:700; padding-top:20px;text-align:center; padding-bottom: 10px;}
#homeBanner .subtitle {font-size:15px; margin:0px; text-align:center; margin-left: 10px; margin-right: 10px; }

@media (max-width: 1200px) {        
#homeBanner .wrapper {width:100%}

}

@media (max-width: 880px) {
    #homeBanner .wrapper {width:100%; display:block;}
    #homeBanner .cell {display:block; width:100%; height:100%;  background:#eee;}
    #homeBanner .image-banner { background-repeat:no-repeat; background-position:center center; background-size:cover; }
    #homeBanner .image-banner img{height:50%}
    #homeBanner .text-banner { background-color:#E6E6E6;}
    #homeBanner .title {font-size:25px}
    #homeBanner .subtitle {font-size:14px}
/*#homeBanner .cell {display:inline-block; vertical-align:top; margin:0px auto; width:100%}*/        

}
@media (max-width: 690px) {
                
#homeBanner {overflow:hidden}
#homeBanner .cell {display:inline-block; vertical-align:top; width:100%}
}
@media (max-width: 410px) {
    #homeBanner .wrapper {display:block;}
}