/* * Skeleton V1.2 * Copyright 2011, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 6/20/2012 */ /* Table of Content ================================================== #Site Styles #Page Styles #Media Queries #Font-Face */ /* #Site Styles ================================================== */ #backslides { position: relative; } #backslides .slides-container { display: none; } #backslides .scrollable { *zoom: 1; position: relative; top: 0; left: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; height: 100%; } #backslides .scrollable:after { content: ""; display: table; clear: both; } #projects{margin-left: 15px; margin-right: 15px;} .project{width:197px; display:block; margin-left: 15px; margin-right: 15px; margin-bottom: 15px; height: 165px;} .project h2{font-size: 0.75em; text-transform:uppercase; padding: 0; margin: 0; line-height:1.35em; text-align:center;} .project h3{font-size: 0.60em; text-transform:uppercase; color: #B59B47; padding: 0; margin: 0; line-height:1em; margin-bottom: 5px; font-weight:bold; text-align:center;} .project .image{display: block; position:relative; margin-bottom: 10px;} span.roll { background:url(../img/thumbOverlay.png) center center no-repeat; cursor: pointer; height: 100%; width: 100%; position: absolute; z-index: 10; opacity: 0; } span.roll:hover { opacity: 1; -moz-box-shadow: inset 0 0 0 5px #D6D6D6; -webkit-box-shadow: inset 0 0 0 5px #D6D6D6; box-shadow: inset 0 0 0 5px #D6D6D6; -webkit-transition: opacity 250ms ease-out; -moz-transition : opacity 250ms ease-out; -o-transition : opacity 250ms ease-out; } span.roll:after{border: 4px solide #FFFFFF;} #projectImageSlider{position: relative;} /*PROJECT INFO */ #projectInfoContainer{ width:350px; top:30px; left:30px; position:absolute; z-index:1000; } .projectInfoHeader{ width:175px; height:40px; background:#FFF; } .projectInfoHeader p{ color:#373737; float:left; padding: 0; margin: 0; font-size: .8em; letter-spacing:1px; text-transform:uppercase; margin-left: 15px; margin-top: 10px; } #btnMeerInfoContainer{ width:40px; height:40px; display:block; cursor:pointer; float:right; margin-top:0px; margin-right:0px; } #btnMeerInfoContainer .btnMeerInfo{ width:12px; height:6px; margin:auto; margin-top:16px; background:url(../img/btnMeerInfo.png) no-repeat 0px -6px; } #btnMeerInfoContainer .active{ background:url(../img/btnMeerInfo.png) no-repeat 0px 0px; } .projectInfo{ width:350px; min-height:0px; background:#FFF; padding: 0; margin: 0; display:none; padding-bottom: 15px; padding-top: 15px; } .projectInfo h1{ padding: 0; margin: 0; line-height:1em; padding-top:10px; padding-bottom: 10px; font-size: 1.2em; text-transform:uppercase; color:#d1be7d; margin-left: 15px; margin-right: 15px; } .projectInfo p{ width:85%; color:#373737; padding: 0; margin: 0; font-style:italic; font-size:12px; padding-bottom: 5px; padding-left: 5px; margin-left: 15px; margin-right: 15px; } .projectInfo p strong{font-style:normal;} .contactLogo, .contactLogoConceptHouse{display: block; text-indent:-9999px; line-height:1em; margin-bottom: 0px !important; padding-bottom: 20px; overflow:hidden;} .contactLogo{background:url(../img/logo_footer.png) no-repeat 0 0; height: 11px; } .contactLogoConceptHouse{background:url(../img/logo_concepthouse.png) no-repeat 0 0; height: 144px;} .contactdata{font-style:italic;} .contactdata a, .contactdata a:active, .contactdata a:link, .contactdata a:visited, .contactdata a:hover{color: #B59B47;} #contactDataWrapper{ padding-top: 30px; padding-bottom: 45px; padding-left: 34px; padding-right: 30px; width: 270px; float: right;} #contactDataWrapper .concepthouse{margin-top: 50px;} #formWrapper{float: left; margin-left: 30px; border-right: 1px solid #bdbdbd; width: 539px;padding-right: 36px; padding-bottom: 30px; margin-bottom: 40px;} #fb{width: 160px; position:absolute; right: 0; top: 10px;} #fb span{display: block; height: 34px; width:104px; background:url(../img/volgons.png) no-repeat 0 0; text-indent:-9999px; float: left;} #fb #fblink{width: 25px; height: 25px; display: block; background:url(../img/facebooklogo.png) no-repeat 0 0; text-indent: -9999px; float:left;} #fb #instalink{width: 25px; height: 25px; display: block; background:url(../img/instagramlogo.png) no-repeat 0 0; text-indent: -9999px; float:left;} #form{padding-top: 30px;} #form .mandatory_label{margin-left: 120px; font-size: 0.786em;} #form label{display: inline-block; text-align:right; color: #444444;} #form th{padding-right: 20px; width: 100px; text-align:right;} #form th.top{vertical-align:top;} #form input[type="text"], #form textarea{display: inline-block; border: 1px solid #cfcfcf; height: 15px; width: 380px; max-width:380px; margin-bottom: 0;} #form textarea{height: 134px; max-height:134px; min-height:134px; min-width:380px} #form fieldset{margin: 0; padding: 0;} #form p{line-height:27px; padding: 0; margin: 0;} #form p:after{clear: both;} #form th, #form td{padding-bottom: 20px;} #footer{padding: 20px 0; font-style:italic; font-size: 0.857em;} #footer a.footerlogo{background:url(../img/logo_footer.png) no-repeat left center; text-indent:-9999px; width: 105px; margin-right: 28px; display:inline-block;} footer.home{width: 100% !important; background: #FFFFFF; display:block; position:fixed; bottom: 0; height: 100px;} footer #bol{display: block; width: 200px; height: 200px; text-indent:-9999px; background:url(../img/footerBol.png) 0 0 no-repeat; position:absolute; right: 0; bottom: -20px; z-index:100;} #homebody{position: relative;} #concepthouseWrapper{position: absolute; bottom: 120px !important; z-index:100; left: 50%; margin-left: -480px;} #concepthouse{width: 650px; background: #FFFFFF; padding: 25px; padding-bottom: 14px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;} #concepthouse .left{width: 400px; padding-right: 24px; border-right: 1px solid #949494; float: left;} #concepthouse .right{width: 200px; float: right;} .btn{background: #d1be7e; color: #FFFFFF; font-weight: bold; letter-spacing:2px; text-transform:uppercase; display: inline-block; text-decoration:none; font-style:normal; text-align:center; padding: 5px; font-size: .83em; line-height:1.3em; margin-top: 20px;} #concepthouse h1{font-size: 1.5em; margin-top: 0; padding-top: 0; line-height:1em; text-transform:uppercase; color: #d1be7e;} #concepthouse h1 strong{color: #444444;} #concepthouse p.intro{font-size: 1.15em; line-height:1.5em;} #concepthouse p{font-style:italic; color: #444444;} #newsletterWrapper{position:absolute; bottom: 120px !important; z-index:100; left: 50%; margin-left: -480px;} #newsletter{width: 272px; background: #FFFFFF; padding: 14px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;} #newsletter h2{font-weight: bold; font-style: italic; font-size: 1.05em; line-height:1em; display: block;} #newsletter p{padding: 0 !important; margin: 0 !important; line-height:1em; position: relative; font-weight:normal !important; width: 145px; float: left;} #newsletter input[type="text"], #newsletter input[type="email"]{border:1px solid #cfcfcf; height: 25px; line-height:25px; padding: 0; margin: 0; text-align:right; padding-right: 8px; padding-left: 8px; width: 129px; font-family:Georgia, "Times New Roman", Times, serif; font-size: 0.857em;} #newsletter input[type="submit"], #form input[type="submit"]{float: right; margin: 0; padding: 0; font-size: 0.857em; text-transform:uppercase; background: url(../img/buttun_arrow.png) right center #FFFFFF no-repeat; padding-right: 15px; border: none; height: 25px; line-height:25px; font-family:Georgia, "Times New Roman", Times, serif;} #newsletter input[type="submit"]:hover, #form input[type="submit"]:hover{color: #B59B47;} #newsletter label.in-field { position: absolute; top: 1px; right: 8px; cursor: text; pointer-events: none; line-height:25px; font-weight:normal; text-align:right; width: 129px; font-size: 0.857em;} #form input[type="submit"]{background: url(../img/buttun_arrow_grey.png) right center #f4f3f3 no-repeat; margin-right: 27px;} #success, #error{padding: 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; width: 465px; margin-bottom: 20px;} #success{background: url(../img/success.png) no-repeat 10px center #DFF0D8; padding-left: 35px; border:1px solid #D6E9C6; color: #468847; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);} #error{background: url(../img/error.png) no-repeat 10px center #F2DEDE; padding-left: 35px; border: 1px solid #EED3D7; color: #B94A48; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);} label.error, span.mandatory{font-weight: normal; color: #B94A48 !important; font-style:italic; font-size: .85em;} #corpVid, #mobContact{display: none;} #concepthouse_popup{width:680px;} #concepthouse_popup img.plan{float: right;} #concepthouse_popup h3{font-size: 1.5em; font-weight:normal; color: #d1be7e; line-height:1em; padding: 0; margin: 0;} #concepthouse_popup ul, #concepthouse_popup ul li{padding: 0; margin: 0; list-style:none;} #concepthouse_popup ul li{margin-top: 3px; font-size: .9em;} #concepthouse_popup ul li span{display: inline-block; width: 40px;} #concepthouse_popup ul{margin-top: 15px; margin-bottom: 10px;} #concepthouse_popup p{font-size: 1em; margin: 0; padding: 0;} #concepthouse_popup p.bmargin{margin-bottom: 10px;} #concepthouse_popup .content{margin-left: 36px; padding-top: 20px;} /* #Page Styles ================================================== */ #headerWrapper{height: 126px; border-top: 4px solid #d1be7d; background: #FFFFFF;} #headerWrapper.home{ -webkit-box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, .1); box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, .1);} #logo a{background: url(../img/logo_960.png) no-repeat 0 0; display:block; outline:none; height: 126px; text-indent:-99999px;} header .navigation{float: right;} header .topnav{float: right; margin-top: 51px;} header .topnav li{float: left;} header .topnav li a{text-decoration: none; display: block; text-transform:uppercase; padding: 10px 0; font-size: .9em; line-height:1em; margin: 0 15px; border-bottom: 2px solid #FFFFFF; letter-spacing:2px;} header .topnav li.active a, header .topnav li a:hover{border-bottom: 2px solid #d1be7d; } #filter{float: right; margin-right: 22px} #filter li{float: left; border-right: 1px solid #000000; line-height:1em;} #filter li:last-child{border-right: none;} #filter li a{font-size: 0.857em; padding-left: 8px; padding-right: 8px; text-decoration:none;} #filter li a.selected{font-weight: bold;} .topnav li a:hover{-webkit-transition: border 250ms ease-out; -moz-transition : border 250ms ease-out; -o-transition : border 250ms ease-out;} header .topnav li:last-child a{margin-right: 0;} #pageHeaderImage img, .project img { max-width: 100%; height: auto; overflow:hidden; display:block; } #pageHeaderImage{padding-bottom: 0; margin-bottom: 0; overflow:hidden;} #corps{padding-top: 30px; background: #f3f3f3;} #corps h1{font-size: 0.929em; text-transform:uppercase; font-weight:bold; line-height:1em; padding-left: 25px;} #corps h4{font-size: 0.929em; text-transform:uppercase; font-weight:bold; line-height:1em; padding-left: 25px;} #accordion h2{font-size: 1em; text-transform:uppercase; padding: 0; margin: 0; padding: 20px 30px; letter-spacing:1px; line-height:1.2em; background:url(../img/arrow.png) no-repeat center right; outline:none;} #accordion h2.ui-accordion-header{border-bottom: 3px solid #e8e8e8; cursor: pointer;} #accordion h2.ui-state-active{border-bottom: none !important; background: none;} #accordion h2:hover{cursor:pointer; background: url(../img/arrow.png) no-repeat center right #e8e8e8; -webkit-transition : background-color 250ms ease-out; -moz-transition : background-color 250ms ease-out; -o-transition : background-color 250ms ease-out;} #accordion h2 small{color: #aa8e2f; font-size: 1em; width: 130px; display:inline-block; text-transform:none; font-size:0.786em} #accordion div{border-bottom: 3px solid #e8e8e8; padding-left: 160px; padding-right: 25px; padding-bottom: 25px; font-style:italic; color: #444444;} .vidyard_tmask{background-color: #000000 !important; opacity: .9 !important;} #video_container{ -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .5); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .5); Copy To Clipboard Preview Area } /**** Isotope Filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* End: Recommended Isotope styles */ /* disable CSS transitions for containers with infinite scrolling*/ .isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .responsive-container { position: relative; overflow: hidden; width: 100%; padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */ } /* Then style the iframe to fit in the container div with full height and width */ .responsive-iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; } /* #Media Queries ================================================== */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { header .topnav li a{text-decoration: none; display: block; text-transform:uppercase; padding: 10px 0; line-height:1em; margin: 0 12px; font-size: .80em; margin: 0 8px;} } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { #logo{text-align:center;} #logo a{background: url(../img/logo_768.png) no-repeat top center; display:block; outline:none; height: 126px; text-indent:-99999px;} .project{width: 329px; height: 260px;} .project h2{font-size: 1.100em; padding-left: 10px; padding-right: 15px; text-align:center;} .project h3{font-size: .8em; text-align:center; padding-left: 10px; padding-right: 10px;} #footer{font-size:11px;} footer #bol{display: block; width: 150px; height: 150px; text-indent:-9999px; background:url(../img/footerBol_smaller.png) 0 0 no-repeat; position:absolute; right: 0; bottom: -20px; z-index:10 !important;} footer .vidyard_wrapper{display: none;} #newsletterWrapper{position:absolute; bottom: 120px !important; z-index:99999; left: 50%; margin-left: -384px !important;} #form input[type="text"], #form textarea{display: inline-block; border: 1px solid #cfcfcf; height: 15px; width: 188px; max-width:188px; min-width:188px;} #formWrapper{float: left; margin-left: 30px; border-right: 1px solid #bdbdbd; width: 347px;padding-right: 36px; padding-bottom: 30px; margin-bottom: 40px;} #success, #error{width: 272px;} } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { img.vegas-background{display: none; visibility:collapse;} #logo{text-align:center;} #logo a{background: url(../img/logo_768.png) no-repeat top center; display:block; outline:none; height: 126px; text-indent:-99999px;} #headerWrapper{height: auto;} #concepthouseWrapper{position:relative; margin: 0 auto; left: 0; top: 0; margin-top: 10px;} #concepthouseWrapper .left{padding: 0; margin: 0; width: 100%; border: none; float: none; border-bottom: 1px solid #B7B7B7; margin-bottom: 20px;} #concepthouseWrapper .right{float: none; margin: 0; padding: 0; width: 100%; text-align:center;} #concepthouseWrapper #concepthouse{width: 100%;} #concepthouseWrapper .contactLogoConceptHouse{background-position: center top;} } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { img.vegas-background{display: none; visibility:collapse;} body{background: #f3f3f3;} #logo{text-align:center; width: 100%;} #logo a{background: url(../img/logo_mob.png) no-repeat top center; display:block; outline:none; height: 82px; text-indent:-99999px; width:100%;} #headerWrapper{height: auto;} .navigation{text-align: center;} header .topnav{float: none; display:inline-block; margin-top: 0px; margin-left: auto; margin-right: auto; width:100%; text-align:center;} header .topnav li{display: inline; float:none;} header .topnav li:last-child a{margin-right: 0;} header .topnav li:first-child a{margin-left: 0;} header .topnav li a{display: inline-block; float:none; margin: 0 8px; font-size: .95em;} #pageHeaderImage{display:none;} #accordion h2 small{color: #aa8e2f; display:block; text-transform:none; font-size:0.857em; line-height:1em; padding-bottom: 5px; } #accordion div{padding-left: 30px;} #accordion h2{font-size:1.5em; padding-right: 40px;} #accordion div p{font-size: 0.857em; text-align:justify;} #corps{padding-top: 25px;} .project{width: 360px; height: 280px;} .project h2, .project h3{text-align: center;} .project h2{font-size: 1.2em;} .project h3{font-size: 1em;} .projectFilters{text-align: center;} #filter{float: none; margin-right: 0; display:inline-block; margin-left: auto; margin-right: auto; width:100%; text-align:center;} #filter li{display: inline; float:none;} #filter li a{font-size: 0.786em; padding-left: 5px; padding-right: 5px;} .projectsWrapper{padding-top: 15px !important;} .projectsWrapper h4{text-align: center; padding: 0; margin:0;} #projectInfoContainer{position:relative !important; width: 100% !important; left: 0; top: 0; margin-bottom: 20px; padding-top: 5px;} #projectInfoContainer .projectInfo{display: block;} .projectInfoHeader{width: 100%; height: auto; background:none;} .projectInfoHeader p{float: none; margin: 0; padding: 0;} #btnMeerInfoContainer{display: none !important;} .projectInfo{width:100%; background: none; padding: 0; margin: 0; display:block !important;} .projectInfo p, .projectInfo h1{margin: 0; padding: 0;} .projectInfo h1{margin-bottom: 15px; font-size: 1.5em;} .projectInfo p{padding-bottom: 8px;} #fb{display: none;} #headerWrapper.home{ -webkit-box-shadow: none; box-shadow: none;} footer #bol{display: none;} #footer a.footerlogo{display: none;} #footer{font-size: 11px; line-height:2em;} footer.home, #footer{display: none;} #newsletterWrapper{position:relative; top: 0; margin-left: auto; left: 0;} #newsletter{background: #f3f3f3; width: 100%; padding: 0; margin-top: 20px; margin-bottom: 20px;} #newsletter input[type="submit"]{background:url(../img/buttun_arrow_grey.png) no-repeat right top; background-color: transparent;} #newsletter p{width: auto; text-align:left;} #newsletter p label.in-field{width: auto; text-align:left; left: 8px;} #newsletter input[type="text"]{width: 270px; text-align:left;} #formWrapper{display: none;} #contactDataWrapper{width: 100%; padding-left: 0; padding-right: 0;} #corps h1{padding-left: 0; display:none;} #corpVid{display: block; width: 420px; height: 236px;} mobContactWrapper{width: 100%; text-align:center;} #mobContact{display: inline-block;; margin-left: auto; margin-right: auto; width:100%; text-align:center;} #mobContact, #mobContact li{padding: 0; margin: 0; list-style:none;} #mobContact li{display: inline-block;} #mobContact li a{display: inline-block; width: 50px; height:50px; overflow:hidden; text-indent:-9999px; margin: 10px;} #mobContact li a.fb{background:url(../img/mobContact_fb.png) no-repeat 0 0;} #mobContact li a.mail{background:url(../img/mobContact_mail.png) no-repeat 0 0;} #mobContact li a.tel{background:url(../img/mobContact_tel.png) no-repeat 0 0;} #concepthouse_popup{width: 100%; overflow:hidden;} #concepthouse_popup img.plan{float: none;} #concepthouse_popup .content{margin: 0;} } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { img.vegas-background{display: none; visibility:collapse;} body{background: #f3f3f3;} #pageHeaderImage{display:none;} #logo{text-align:center; width: 100%;} #logo a{background: url(../img/logo_mob.png) no-repeat 0 0; display:block; outline:none; height: 82px; text-indent:-99999px; width: 100%;} #headerWrapper{height: auto;} .navigation{text-align: center;} header .topnav{float: none; display:block; margin-top: 20px; margin-left: auto; margin-right: auto; width:100%; text-align:center;} header .topnav li{display: block; float: none;} header .topnav li:last-child a{margin-right: 0;} header .topnav li:first-child a{margin-left: 0;} header .topnav li a{font-size: 1em; display:inline-block; float: none; letter-spacing:1px; margin: 0 5px;} #accordion h2 small{color: #aa8e2f; display:block; text-transform:none; font-size: 0.857em; line-height:1em; padding-bottom: 5px; } #accordion div{padding-left: 30px;} #accordion div p{font-size: 0.857em; text-align:justify;} #accordion h2{font-size: 1.200em; padding-right: 40px;} #footer{font-size: 11px; line-height:2em;} #footer a.footerlogo{display: block;} #corps{padding-top:25x;} #projects{margin: 0;} .project{margin: 0; width: 300px; margin-bottom:20px; height: 240px;} .project h2{font-size: 1.100em; padding-left: 10px; padding-right: 15px; text-align:center;} .project h3{font-size: .8em; text-align:center; padding-left: 10px; padding-right: 10px;} .projectFilters{text-align: center;} #filter{float: none; margin-right: 0; display:inline-block; margin-left: auto; margin-right: auto; width:100%; text-align:center;} #filter li{display: inline; float:none;} #filter li a{font-size: 0.786em; padding-left: 5px; padding-right: 5px;} .projectsWrapper{padding-top: 15px !important;} .projectsWrapper h4{text-align: center; padding: 0; margin: O;} #projectInfoContainer{position:relative !important; width: 100% !important; left: 0; top: 0; margin-bottom: 20px; padding-top: 5px;} #projectInfoContainer .projectInfo{display: block;} .projectInfoHeader{width: 100%; height: auto; background:none;} .projectInfoHeader p{float: none; margin: 0; padding: 0;} #btnMeerInfoContainer{display: none !important;} .projectInfo{width:100%; background:none; padding: 0; margin: 0; display:block !important;} .projectInfo p, .projectInfo h1{margin: 0; padding: 0;} .projectInfo h1{margin-bottom: 15px; font-size: 1.15em;} .projectInfo p{padding-bottom: 8px;} #fb{display: none;} #headerWrapper.home{ -webkit-box-shadow: none; box-shadow: none;} footer #bol{display: none;} #footer a.footerlogo{display: none;} footer.home, #footer{display: none;} #newsletterWrapper{position:relative; top: 0; margin-left: auto; left: 0;} #newsletter{background: #f3f3f3; width: 100%; padding: 0; margin-top: 20px; margin-bottom: 20px;} #newsletter input[type="submit"]{background:url(../img/buttun_arrow_grey.png) no-repeat right top; background-color: transparent;} #newsletter p{width: 150px; text-align:left;} #newsletter p label.in-field{width: 150px; text-align:left; left: 8px;} #newsletter input[type="text"]{width: 150px; text-align:left;} #formWrapper{display: none;} #contactDataWrapper{width: 100%; padding-left: 0; padding-right: 0;} #corps h1{padding-left: 0; display:none;} #corpVid{width: 300px; height: 169px; display: block;} mobContactWrapper{width: 100%; text-align:center;} #mobContact{display: inline-block; margin-left: auto; margin-right: auto; width:100%; text-align:center;} #mobContact, #mobContact li{padding: 0; margin: 0; list-style:none;} #mobContact li{display: inline-block;} #mobContact li a{display: inline-block; width: 50px; height:50px; overflow:hidden; text-indent:-9999px; margin: 10px 5px;} #mobContact li a.fb{background:url(../img/mobContact_fb.png) no-repeat 0 0;} #mobContact li a.mail{background:url(../img/mobContact_mail.png) no-repeat 0 0;} #mobContact li a.tel{background:url(../img/mobContact_tel.png) no-repeat 0 0;} #concepthouse_popup{width: 100%; overflow:hidden;} #concepthouse_popup img.plan{float: none;} #concepthouse_popup .content{margin: 0;} }