/* ################################################## # Project ID : 20160118-706 # Reference : Overbeek sanitair # Latest update : January 23, 2016 ################################################## */ /* #Site Styles ================================================== */ /* #Font-Face ================================================== */ /* ### general ### */ * { margin: 0px; padding: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html, body { font-family: Arial; font-size: 12px; color: #000; } input, select, textarea { font-family: Arial; font-size: 12px; color: #000; } body { background: #fff; } img { border: 0px; display: block; } ul, li { list-style: none; } :focus { outline: none; } /* ### global classes ### */ .clear { clear: both; visibility: hidden; line-height: 0; height: 0; } .center { margin: 0 auto; max-width: 1200px; position: relative; } .mobilenext, .mobileprev { display:none; } .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; margin: 20px 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* ### wrapper ### */ #wrapper { position: relative; display: block; width: 100%; min-height: 100%; overflow-x: hidden; } /* ### main container ### */ #mainCntr { width: 100%; } /* ### header container ### */ #headerCntr { position: fixed; width: 100%; height: 135px; z-index: 2000; background-color:#FFFFFF; } #headerpadding { height:135px; } #headerCntr .logo { position: absolute; top: 33px; left: -1px; } #headerCntr .logo img { max-width: 100%; } /* ### links box ### */ .linksBox { position: absolute; top: 33px; right: 0; } .linksBox li { float: left; margin-left: 8px; } .linksBox li a { display: block; text-decoration: none; background: url(../images/icon1.png) no-repeat; width: 28px; height: 27px; } .linksBox li.two a { background: url(../images/icon2.png) no-repeat; } .linksBox li.three a { background: url(../images/icon3.png) no-repeat; } .linksBox li.four a { background: url(../images/icon4.png) no-repeat; } .linksBox li.five a { background: url(../images/icon5.png) no-repeat; } .linksBox li.facebook a { background: url(../images/icon14.png) no-repeat; } .linksBox li.instagram a { background: url(../images/icon15.png) no-repeat; } .linksBox li a:hover, .linksBox li a.active { background-position: 0 -27px; } /* ### menu box ### */ #headerCntr .menuBox { position: absolute; top: 84px; right: 0; } #headerCntr .menuBox ul { list-style: none; } #headerCntr .menuBox li { float: left; font-size: 20px; font-weight: bold; margin-left: 32px; position: relative; padding-bottom: 30px; } #headerCntr .menuBox li a { color: #a6a6a6; text-decoration: none; } #headerCntr .menuBox li a:hover, #headerCntr .menuBox li.active a, #headerCntr .menuBox li:hover > a { color: #040401; } #headerCntr .menuBox li ul { position: absolute; top: 51px; left: 0px; background: #96be0d; padding: 15px; width: 150px; display: none!important; } #headerCntr .menuBox li li { float: none; margin-left: 0; font-size: 18px; line-height: 25px; padding-bottom: 0; } #headerCntr .menuBox li li a { color: #005250; } #headerCntr .menuBox li:hover li:hover a { color: #005250 !important; } #headerCntr .menuBox li li a:hover { color: #005250; text-decoration: underline; } #headerCntr .menuBox li:hover ul { display: block; } #headerCntr .menuBox li:hover ul.mobile { display:none; } #headerCntr .mobileMenu { display: none; } /* ### banner container ### */ #bannerCntr { width: 100%; height: 653px; position: relative; z-index: 99; overflow: hidden; } #bannerCntr .slider { width: 100%; position: relative; height: 100%; } #bannerCntr ul { width: 100%; height: 100%; } #bannerCntr li { width: 100%; height: 100%; position: relative; } #bannerCntr img { min-height: 100%; height: auto!important; height: 100%; min-width: 100%; width: auto!important; width: 100%; position: absolute; top: -9999px; bottom: -9999px; left: -9999px; right: -9999px; margin: auto; } #bannerCntr .inner { position: absolute; top: 0; left: 50%; margin-left: -600px; width: 1200px; height: 100%; } #bannerCntr .center { height: 100%; } #bannerCntr h1 { color: #fff; font-size: 144px; letter-spacing:-5px; line-height: 127px; padding: 135px 0 50px 0; font-weight: normal; font-family: 'interstateboldcondensed'; } #bannerCntr a.btn { display: inline-block; padding: 0 37px; line-height: 52px; border-right: 4px solid #0a231e; border-bottom: 4px solid #0a231e; border-left: 4px solid rgba(13,38,34,0.4); border-top: 4px solid rgba(13,38,34,0.4); background: #96be0d; text-decoration: none; color: #fff; font-size: 19px; } #bannerCntr a.btn:hover { text-decoration: underline; } #bannerCntr .cycle-pager { text-align: center; width: 100%; position: absolute; bottom: 57px; left: 0; z-index: 500; overflow: hidden; } #bannerCntr .cycle-pager span { text-indent: -9999px; width: 16px; height: 16px; -webkit-border-radius: 50%; border-radius: 50%; display: inline-block; color: #ddd; cursor: pointer; margin: 0 10px; border:3px solid white; } #bannerCntr .cycle-pager span.cycle-pager-active { background: #fff; } .cycle-pager > * { cursor: pointer; } /* ### supplies container ### */ #suppliesCntr { width: 100%; padding: 114px 0 118px 0; } #suppliesCntr .left { float: left; width: 49%; padding-right: 160px; } #suppliesCntr .right { float: left; width: 51%; } #suppliesCntr span.head { color: #005250; font-size: 38px; line-height: 45px; font-family: 'InterstateRegular'; } #suppliesCntr p { color: #343434; font-size: 19px; line-height: 28px; margin-bottom: 25px; } #suppliesCntr a.btn { display: inline-block; padding: 0 37px; line-height: 52px; border-right: 0px solid #125f65; border-bottom: 0px solid #125f65; border-left: 0px solid rgba(18,95,101,0.4); border-top: 0px solid rgba(18,95,101,0.4); background: #96be0d; text-decoration: none; color: #fff; font-size: 19px; margin-top: 12px; } #suppliesCntr a.btn:hover { text-decoration: underline; } /* ### rental container ### */ #rentalCntr { width: 100%; background: #96be0d url(../images/rental_bg.png) repeat-x 0 bottom; padding: 110px 0 114px 0; } #rentalCntr .text { float: left; width: 50%; padding-right: 17px; } #rentalCntr .photo { width: 50%; float: left; padding-left: 17px; } #rentalCntr h2 { color: #fff; font-size: 38px; line-height: 45px; font-weight: normal; margin-bottom: 20px; font-family: 'InterstateRegular'; } #rentalCntr p { color: #fff; font-size: 19px; line-height: 28px; margin-bottom: 50px; } #rentalCntr a.btn { display: inline-block; padding: 0 72px; line-height: 52px; border: 0px solid rgba(91,140,0,0.6); background: #015351; text-decoration: none; color: #fff; font-size: 19px; } #rentalCntr a.btn:hover { text-decoration: underline; } #rentalCntr .slider { width: 100%; position: relative; } #rentalCntr ul { width: 100%; } #rentalCntr li { width: 100%; position: relative; } #rentalCntr li img { width: 100%; } #rentalCntr span.new { position: absolute; top: 0; left: 41px; } #rentalCntr .paging { position: absolute; bottom: -44px; left: 0; text-align: center; width: 100%; z-index: 100; } #rentalCntr .paging span { text-decoration: none; display: inline-block; margin: 0 10px; -webkit-border-radius: 50%; border-radius: 50%; width: 16px; height: 16px; text-indent:-10000px; cursor:pointer; border:3px solid white; } #rentalCntr .paging span.cycle-pager-active { background: #fff; } #rentalCntr a.btn.tab { display: none; } /* ### advantages container ### */ #advantagesCntr { width: 100%; background: #eaf2cd; padding: 112px 0 116px 0; } #advantagesCntr h3 { color: #90b900; font-size: 37px; font-weight: normal; margin-bottom: 40px; } #advantagesCntr .flexHolder { margin-right: -66px; padding-left: 32px; overflow: hidden; } #advantagesCntr .flexItem { padding-right: 66px; width: 50%; margin-bottom: 35px; } #advantagesCntr .flexItemInner { overflow: hidden; } #advantagesCntr .icon { float: left; } #advantagesCntr .icon img { display: inline; } #advantagesCntr .text { margin-left: 132px; } #advantagesCntr span.head { font-size: 36px; line-height: 43px; display: block; color: #505153; margin-bottom: 35px; } #advantagesCntr p { color: #2f3032; font-size: 19px; line-height: 28px; } #advantagesCntr a.btn { display: inline-block; padding: 0 37px; line-height: 52px; border-right: 0px solid #045c4e; border-bottom: 0px solid #045c4e; border-left: 0px solid rgba(224,243,156,0.6); border-top: 0px solid rgba(224,243,156,0.6); background: #96be0d; text-decoration: none; color: #fff; font-size: 19px; } #advantagesCntr a.btn:hover { text-decoration: underline; } /* ### overbeek container ### */ #overbeekCntr { width: 100%; padding: 108px 0 58px 0; } #overbeekCntr.sub5 { padding: 112px 0 118px 0; } #overbeekCntr h4 { color: #023a37; font-size: 38px; font-weight: normal; margin-bottom: 50px; font-family: 'InterstateRegular'; } #overbeekCntr .flexHolder { margin-right: -31px; overflow: hidden; } #overbeekCntr .flexItem { padding-right: 31px; width: 33.33%; margin-bottom: 50px; } #overbeekCntr.sub5 .flexItem { margin-bottom: 32px; } #overbeekCntr .flexItemInner { overflow: hidden; background: #f7f7f7; } #overbeekCntr .photo { width: 100%; position: relative; } #overbeekCntr .photo img { width: 100%; } #overbeekCntr .photo span { position: absolute; top: 0; left: 15px; } #overbeekCntr .text { padding: 45px 30px 55px 28px; } #overbeekCntr span.top { color: #094c43; display: block; line-height: 23px; margin-bottom: 10px; font-size: 17px; font-weight: bold; text-transform:uppercase; } #overbeekCntr span.head { color: #8cb406; font-size: 27px; line-height: 33px; display: block; margin-bottom: 25px; font-family: 'InterstateRegular'; padding-right: 25px; } #overbeekCntr p { color: #838383; font-size: 19px; line-height: 28px; } #overbeekCntr p a { color: #0f373f; } #overbeekCntr p a:hover { text-decoration: none; } #overbeekCntr a.btn { display: inline-block; padding: 0 37px; line-height: 52px; border-right: 0px solid #045c4e; border-bottom: 0px solid #045c4e; border-left: 0px solid rgba(224,243,156,0.6); border-top: 0px solid rgba(224,243,156,0.6); background: #96be0d; text-decoration: none; color: #fff; font-size: 19px; margin-top: 12px; } #overbeekCntr a.btn:hover { text-decoration: underline; } #overbeekCntr ul.pager { overflow: hidden; margin-top: 18px; } #overbeekCntr ul.pager li { float: left; margin-right: 54px; } #overbeekCntr ul.pager li img { display: inline; } #challengeCntr .left a { color:#96be0d; } /* ### customers container ### */ #customersCntr { width: 100%; padding: 100px 0 110px 0; background: url(../images/customers_bg.jpg) no-repeat center center; background-size: cover; } #customersCntr .slider { position: relative; width: 100%; } #customersCntr ul { width: 100%; } #customersCntr li { width: 100%; position: relative; } #customersCntr img.coma1 { position: absolute; top: 92px; left: 0; } #customersCntr img.coma2 { position: absolute; top: 92px; right: 0; } #customersCntr h5 { color: #fff; font-size: 49px; text-align: center; margin-bottom: 25px; font-family: 'InterstateRegular'; font-weight: normal; } #customersCntr p { color: #fff; font-size: 32px; line-height: 38px; font-style: italic; text-align: center; padding: 0 100px; margin-bottom: 34px; } #customersCntr .slide span { display: block; text-align: center; color: #fff; font-size: 20px; font-weight: bold; margin-bottom: 44px; } #customersCntr .subpaging { text-align: center; width: 100%; z-index: 100; } #customersCntr .subpaging span { text-decoration: none; display: inline-block; margin: 0 10px; -webkit-border-radius: 50%; border-radius: 50%; background: #fff; width: 16px; height: 16px; text-indent:10000px; cursor:pointer; } #customersCntr .subpaging span.cycle-pager-active { background: #9abd1b; } #customersCntr .subpaging2 { text-align: center; width: 100%; z-index: 100; } #customersCntr .subpaging2 span { text-decoration: none; display: inline-block; margin: 0 10px; -webkit-border-radius: 50%; border-radius: 50%; background: #fff; width: 16px; height: 16px; text-indent:10000px; cursor:pointer; } #customersCntr .subpaging2 span.cycle-pager-active { background: #9abd1b; } /* ### quote container ### */ #quoteCntr { width: 100%; padding: 110px 0; position: relative; background: #97bd0e; } #quoteCntr .left { float: left; width: 65%; padding-right: 42px; } #quoteCntr.sub4 .left { float: none; width: 100%; padding-right: 0; overflow: hidden; } #quoteCntr.sub7 .left { float: none; width: 100%; padding-right: 0; overflow: hidden; } #quoteCntr .left h6 { color: #fff; font-size: 38px; font-weight: normal; margin-bottom: 40px; font-family: 'InterstateRegular'; } #quoteCntr .left .row { overflow: hidden; margin-bottom: 36px; padding-left: 7px; } #quoteCntr.sub4 .left .row { float: left; width: 50%; padding-right: 100px; } #quoteCntr.sub7 .left .row { width: 100%; padding-right: 50px; } #quoteCntr .left .icon { float: left; } #quoteCntr .left .text { margin-left: 99px; margin-top: -7px; } #quoteCntr .left span.head { color: #003d5c; font-size: 36px; display: block; margin-bottom: 12px; } #quoteCntr .left span.head .none { display:block; } #quoteCntr .left span.head a { color: #003d5c; text-decoration:none; } #quoteCntr.sub7 .left span.head { padding-right: 255px; } #quoteCntr .left p { color: #004755; font-size: 19px; line-height: 28px; } #quoteCntr .right { float: left; width: 35%; background: #015351; padding: 28px 36px 42px 42px; } #quoteCntr .right span.head { color: #95c406; font-size: 38px; line-height: 45px; font-family: 'InterstateRegular'; margin-bottom: 26px; display: block; } #quoteCntr .right p { color: #95c406; font-size: 19px; line-height: 28px; margin-bottom: 15px; } #quoteCntr .right fieldset { border: 0; } #quoteCntr .right input[type="text"] { border: 0; background: #fff; width: 100%; height: 56px; line-height: 56px; margin-bottom: 17px; color: #424040; font-size: 19px; padding: 0 30px; } #quoteCntr .right input[type="text"].error { border:1px solid #FF0000; } div.block.error { border:1px solid #FF0000; } #quoteCntr .right input[type="submit"] { border-right: 0px solid #002724; border-bottom: 0px solid #002724; border-left: 0px solid #3c7c32; border-top: 0px solid #3c7c32; background: #97bd0e; width: 175px; height: 45px; cursor: pointer; color: #fff; font-size: 19px; margin-top: 20px; } #quoteCntr .bot { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; } #quoteCntr .bot a { display: inline-block; padding: 0 33px; line-height: 52px; background: #fff; color: #91b108; text-decoration: none; font-size: 22px; } #quoteCntr .bot a:hover { text-decoration: underline; } #quoteCntr.sub7 a.bel { display: none; } .nbcontactnotify { height:0px; overflow:hidden; } /* ### np container ### */ #npCntr { padding: 16px 0 19px 0; width: 100%; background: #f5f5f5; } #npCntr.sub7 { background: #96be0d; padding: 0; } #npCntr ul { overflow: hidden; } #npCntr.sub7 ul { float: left; } #npCntr li { float: left; font-size: 19px; margin-right: 10px; color: #868686; } #npCntr.sub7 li { color: #1d1d1b; line-height: 57px; } #npCntr li a { color: #868686; text-decoration: none; } #npCntr.sub7 li a { color: #1d1d1b; } #npCntr li.active a { color: #1d1d1b; } #npCntr.sub7 li.active a { color: #fff; } #npCntr a.invitation { float: right; padding: 0 17px; height: 57px; line-height: 57px; position: relative; text-decoration: none; display: block; color: #fff; font-size: 19px; background: #005250; } #npCntr a.invitation img { display: inline; vertical-align: middle; margin-left: 6px; } #npCntr a.invitation span { position: absolute; bottom: 5px; right: 6px; width: 27px; height: 27px; background: #ff7a00; text-align: center; display: block; color: #fff; font-size: 14px; line-height: 27px; -webkit-border-radius: 50%; border-radius: 50%; } /* ### challenge container ### */ #challengeCntr { width: 100%; padding: 100px 0 114px 0; } #challengeCntr .left { float: left; width: 75%; padding-right: 95px; } #challengeCntr .left h2 { color: #005250; font-size: 38px; line-height: 45px; font-weight: normal; font-family: 'InterstateRegular'; padding-right: 200px; margin-bottom: 30px; } #challengeCntr .left h3 { color: #000; font-size: 20px; line-height: 25px; font-weight: bold; font-family: 'InterstateRegular'; padding-right: 200px; margin-bottom: 30px; } #challengeCntr .left p { color: #545454; font-size: 19px; line-height: 28px; margin-bottom: 26px; } #challengeCntr .left .slider { width: 100%; position: relative; margin-bottom: 110px; margin-top: 12px; } #challengeCntr .left ul { width: 100%; } #challengeCntr .left li { width: 100%; position: relative; } #challengeCntr .left li img { width: 100%; } #challengeCntr .left span.new { position: absolute; top: 0; left: 41px; } #challengeCntr .left .subpaging { position: absolute; bottom: 38px; left: 0; text-align: center; width: 100%; z-index: 100;} #challengeCntr .left .subpaging span { text-decoration: none; display: inline-block; margin: 0 10px; -webkit-border-radius: 50%; border-radius: 50%; width: 16px; height: 16px; text-indent:10000px; cursor:pointer; border:3px solid white; } #challengeCntr .left .subpaging span.cycle-pager-active { background: #fff; } #challengeCntr .left a.prev { position: absolute; bottom: -110px; left: 0; } #challengeCntr .left a.next { position: absolute; bottom: -110px; left: 112px; } #challengeCntr .right { float: left; width: 25%; } #challengeCntr .right span.head { color: #868686; font-size: 30px; margin-bottom: 40px; display: block; } #challengeCntr .right li { font-size: 30px; line-height: 40px; } #challengeCntr .right li a { display: block; padding-left: 26px; text-decoration: none; color: #1d1d1b; background: url(../images/bullet1.png) no-repeat left 19px; } #challengeCntr .right li a:hover, #challengeCntr .right li.active a { background: url(../images/bullet2.png) no-repeat left 19px; color: #96be0d; } .videoWrapper { width:100%; } .videoWrapper iframe { width:100%; } /* ### reboost container ### */ #reboostCntr { padding: 110px 0 116px 0; width: 100%; } #reboostCntr .left { float: left; width: 75%; padding-right: 95px; } #reboostCntr .left .photo { width: 100%; margin-bottom: 56px; } #reboostCntr .left .photo img { width: 100%; } #reboostCntr .left .paging { margin-top: -45px; width: 100%; text-align: center; } #reboostCntr .left .paging span { display: inline-block; -webkit-border-radius: 50%; border-radius: 50%; width: 7px; height: 7px; margin: 0 4px; background: #005250; cursor:pointer; text-indent:-10000px; } #reboostCntr .left .paging span.cycle-pager-active { background: #96be0d; } #reboostCntr .left .photo span { position: absolute; top: 0; left: 20px; } #reboostCntr .left h3 { color: #005250; font-size: 38px; line-height: 45px; font-weight: normal; font-family: 'InterstateRegular'; margin-bottom: 25px; } #reboostCntr .left h3 span { font-size: 24px; display: block; } #reboostCntr .left p { color: #545454; font-size: 19px; line-height: 28px; margin-bottom: 26px; } #reboostCntr .left p.gap { margin-bottom: 50px; } #reboostCntr .left a.more { color: #96be0d; text-decoration: none; font-size: 19px; margin-bottom: 50px; display: inline-block; } #reboostCntr .left a.more:hover { text-decoration: underline; } .left ul.pager { overflow: hidden; } .left ul.pager li { float: left; margin-right: 54px; width:auto !important; } .left ul.pager li img { display: inline; width:auto !important; } #reboostCntr .right { float: left; width: 25%; } #reboostCntr .right span.head { color: #868686; font-size: 30px; margin-bottom: 40px; display: block; } #reboostCntr .right li { font-size: 30px; line-height: 40px; } #reboostCntr .right li a { display: block; padding-left: 26px; text-decoration: none; color: #1d1d1b; background: url(../images/bullet1.png) no-repeat left; } #reboostCntr .right li a:hover { background: url(../images/bullet2.png) no-repeat left; color: #96be0d; } /* ### feel container ### */ .contactnotify { height:0; overflow:hidden; font-weight:bold; } #feelCntr { width: 100%; overflow:hidden; } #feelCntr .left { float: left; width: 75%; padding-right: 95px; } #feelCntr .left h3 { color: #005250; font-size: 38px; line-height: 45px; font-weight: normal; font-family: 'InterstateRegular'; margin-bottom: 120px; } #feelCntr .left p { color: #545454; font-size: 19px; line-height: 28px; margin-bottom: 26px; } #feelCntr fieldset { overflow: hidden; border: 0; width: 100%; margin-top: 44px; } #feelCntr .row { overflow: hidden; margin-bottom: 24px; } #feelCntr label { float: left; width: 27%; line-height: 42px; color: #545454; font-size: 19px; } #feelCntr .kc-checkbox { line-height: 42px; color: #545454; font-size: 13px; } #agreecontainer.error { border-bottom: 1px solid #FF0000; } #feelCntr input[type="text"] { border: 1px solid #bbb; background: #fff; width: 73%; height: 42px; line-height: 42px; padding: 0 17px; color: #545454; font-size: 19px; float: left; } #feelCntr textarea { border: 1px solid #bbb; background: #fff; width: 73%; height: 220px; padding: 17px; color: #545454; font-size: 19px; float: left; } #feelCntr input[type="text"].error, #feelCntr textarea.error { border:1px solid red; } #feelCntr input[type="submit"] { border-right: 0px solid #2b6f6e; border-bottom: 0px solid #2b6f6e; border-left: 0px solid #d8e7a5; border-top: 0px solid #d8e7a5; background: #96be0d; margin-top: 30px; color: #fff; font-size: 19px; cursor: pointer; float: right; height: 57px; width: 172px; } #feelCntr select { width: 73%; float: left; background: #fff url(../images/select.png) no-repeat right; } #feelCntr .right { float: left; width: 25%; } #feelCntr .right span.head { color: #868686; font-size: 30px; margin-bottom: 40px; display: block; } #feelCntr .right li { font-size: 30px; line-height: 40px; } #feelCntr .right li a { display: block; padding-left: 26px; text-decoration: none; color: #1d1d1b; background: url(../images/bullet1.png) no-repeat left; } #feelCntr .right li a:hover { background: url(../images/bullet2.png) no-repeat left; color: #96be0d; } /* ### toilet container ### */ #toiletCntr { width: 100%; padding: 55px 0 118px 0; background: #efefef; } #toiletCntr ul.tab { overflow: hidden; margin-right: -29px; } #toiletCntr ul.tab li { float: left; width: 16.66%; padding-right: 29px; } #toiletCntr ul.tab li .inner { width: 100%; } #toiletCntr ul.tab li .inner a { display: block; line-height: 48px; text-align: center; text-decoration: none; background: #96be0d; color: #fff; font-size: 25px; font-family: 'InterstateRegular'; } #toiletCntr ul.tab li .inner a:hover, #toiletCntr ul.tab li.active .inner a { background: #fff; color: #96be0d; } #toiletCntr .toilet { width: 100%; background: #fff; padding: 32px 0 10px 0; } #toiletCntr .toilet .top { padding: 0 72px; position: relative; width:100%; } #toiletCntr .toilet .heading { overflow: hidden; margin-bottom: 23px; } #toiletCntr .toilet .heading h3 { color: #005250; font-size: 30px; font-weight: normal; font-family: 'InterstateRegular'; float: left; } #toiletCntr .toilet .heading ul.icons { float: right; overflow: hidden; } #toiletCntr .toilet .heading ul.icons li { float: left; margin-left: 5px; } #toiletCntr .toilet .heading ul.icons li a { display: block; text-decoration: none; background: url(../images/img1.png) no-repeat; width: 30px; height: 30px; } #toiletCntr .toilet .heading ul.icons li.two a { background: url(../images/img2.png) no-repeat; } #toiletCntr .toilet .heading ul.icons li.three a { background: url(../images/img3.png) no-repeat; } #toiletCntr .toilet .heading ul.icons li.four a { background: url(../images/img4.png) no-repeat; } #toiletCntr .toilet .heading ul.icons li.five a { background: url(../images/img5.png) no-repeat; } #toiletCntr .toilet .heading ul.icons li a:hover { background-position: 0 -30px; } #toiletCntr .toilet .left { float: left; width: 50%; padding-right: 13px; min-height:100px; padding-bottom:30px; } #toiletCntr .toilet .left .slider { width: 100%; width: 100%; position: relative; } #toiletCntr .toilet .left .slider ul { width: 100%; } #toiletCntr .toilet .left .slider li { width: 100%; } #toiletCntr .toilet .left .slider li img { width: 100%; } #toiletCntr .toilet .left .slider .paging { position: absolute; bottom: -22px; left: 0; width: 100%; text-align: center; } #toiletCntr .toilet .left .slider .paging span { display: inline-block; -webkit-border-radius: 50%; border-radius: 50%; width: 7px; height: 7px; margin: 0 4px; background: #005250; cursor:pointer; } #toiletCntr .toilet .left .slider .paging span.active { background: #96be0d; } #toiletCntr .toilet .right { float: left; width: 50%; padding-left: 13px; } #toiletCntr .toilet .right .text { height:193px; } #toiletCntr .toilet .right .head { color: #545454; font-size: 20px; line-height: 24px; } #toiletCntr .toilet .right ul { overflow: hidden; margin-top:5px; } #toiletCntr .toilet .right ul li { font-size: 19px; line-height: 25px; background: url(../images/bullet3.png) no-repeat 0 10px; padding-left: 15px; color: #545454; } #toiletCntr .toilet .btns { overflow: hidden; } #toiletCntr .toilet .btns .col1 { float: left; width: 100%; height:47px; } #toiletCntr .toilet .btns .col2 { float: left; margin-top: 10px; width: 100%; } #toiletCntr .toilet .btns a.download { display: block; width: 100%; text-decoration: none; padding-left: 12px; line-height: 46px; background: #005250; font-size: 19px; color: #fff; } #toiletCntr .toilet .btns a.download img { display: inline; vertical-align: middle; margin-right: 25px; } #toiletCntr .toilet .btns a.download:hover { text-decoration: underline; } #toiletCntr .toilet .btns a.request { display: block; width: 100%; text-decoration: none; padding-left: 12px; line-height: 46px; background: #96be0d; font-size: 19px; color: #fff; } #toiletCntr .toilet .btns a.request .text2 { display:none; } #toiletCntr .toilet .btns a.request img { display: inline; vertical-align: middle; margin-right: 25px; } #toiletCntr .toilet .btns a.request:hover { text-decoration: underline; } #toiletCntr .toilet a.prev { position: absolute; top: 390px; left: 0; z-index:1000; } #toiletCntr .toilet a.next { position: absolute; top: 390px; right: 0; z-index:1000; } #toiletCntr .toilet .bot { margin-top: 20px; border-top: 2px solid #efefef; padding: 26px 0 0 0; margin-right:72px; margin-left:72px; overflow:hidden; } #toiletCntr .toilet .bot .holder { margin-right: -5px; overflow: hidden; width:5000px; } #toiletCntr .toilet .bot .block { float: left; padding-right: 5px; width: 118px !important ; } #toiletCntr .toilet .bot .block .inner { width: 100%; } #toiletCntr .toilet .bot .block a { display: block; text-decoration: none; } #toiletCntr .toilet .bot .block .photo { width: 100%; margin-bottom: 8px; position:relative; } #toiletCntr .toilet .bot .block .photo img { width: 100%; } #toiletCntr .toilet .bot .block .photo span { display:block; width:100%; height:100%; background-color:#97bf0d; position:absolute; z-index:1000; opacity: 0.35; filter: alpha(opacity=35); /* For IE8 and earlier */ } #toiletCntr .toilet .bot .block.cycle-slide-active .photo span { display:none; } #toiletCntr .toilet .bot .block:hover .photo img:span { display:none; } #toiletCntr .toilet .left .slider li { display:none; } #toiletCntr .toilet .left .slider li:first-child { display:block; } #toiletCntr .toilet .bot .block span { display: block; color: #989898; } #toiletCntr .toilet .btns.tab { display: none; } #toiletCntr .toilet .heading.tab { display: none; } #toiletCntr .toilet a.prev1 { display: none; } #toiletCntr .toilet a.next1 { display: none; } #nbform { overflow:hidden; } #headerCntr .menuBox li ul.mobile { display:none; } /* ### request container ### */ #requestCntr { width: 100%; padding: 55px 0 60px 0; background: #efefef; } #requestCntr h1 { color: #005250; font-size: 38px; font-weight: normal; margin-bottom: 20px; font-family: 'InterstateRegular'; } #requestCntr p { color: #545454; font-size: 19px; line-height: 28px; margin-bottom: 46px; } #requestCntr p.sub { font-style: italic; } #requestCntr fieldset { border: 0; overflow: hidden; } #requestCntr .request { width: 100%; padding: 0 65px 20px 60px; background: #fff; margin-bottom: 58px; } #requestCntr .request.nogap { padding: 0; } #requestCntr table { width: 100%; border-spacing: 0; } #requestCntr .col1 { width: 25%; overflow: hidden; } #requestCntr .col2 { width: 60%; } #requestCntr .col3 { width: 15%; overflow: hidden } #requestCntr thead tr { height: 56px; } #requestCntr thead tr td { border-bottom: 3px solid #96be0d; line-height: 56px; color: #96be0d; font-size: 22px; font-weight: bold; } #requestCntr tbody tr td { border-bottom: 2px solid #efefef; padding: 25px 0 22px 0; color: #5f5f5f; font-size: 19px; line-height: 25px; vertical-align: top; } #requestCntr tbody tr td strong.head { display: block; color: #1d1d1b; } #requestCntr tbody tr td input[type="checkbox"] { float: left; margin-right: 37px; } #requestCntr tbody tr td img.icon { float: right; } #requestCntr tbody tr.noborder td { border-bottom: 0; } #requestCntr tbody tr td span.price { color: #96be0d; font-size: 19px; display: block; margin-top: 4px; font-weight: bold; } #requestCntr thead tr.green td { border-bottom: 3px solid #868686; border-top: 3px solid #868686; } #requestCntr .thumb { float: left; } #requestCntr tbody tr td span.name { color: #96be0d; font-size: 22px; font-weight: bold; } #requestCntr .qty { width: 84px; height: 42px; background: url(../images/qty.png) no-repeat; float: left; position: relative; } #requestCntr .qty input[type="text"] { float: left; width: 56px; height: 42px; line-height: 42px; text-align: center; color: #9dc21d; font-size: 21px; background: none; border: none; } #requestCntr .qty a.add { width: 29px; height: 21px; position: absolute; top: 0; right: 0; } #requestCntr .qty a.minus { width: 29px; height: 21px; position: absolute; bottom: 0; right: 0; } #requestCntr span.para { border-top: 2px solid #a3c62a; line-height: 20px; padding-left: 266px; padding-top: 20px; font-size: 19px; display: block; font-style: italic; color: #96be0d; } #requestCntr a.link { display: inline-block; margin-bottom: 65px; color: #96be0d; font-size: 19px; font-weight: bold; } #requestCntr a.link:hover { text-decoration: none; } #requestCntr span.head { display: block; border-bottom: 2px solid #efefef; line-height: 55px; color: #96be0d; font-size: 22px; font-weight: bold; padding-left: 300px; } #requestCntr .customer { padding: 48px 268px 44px 68px; } #requestCntr .row { margin-bottom: 23px; position: relative; } #requestCntr .row strong { font-weight: normal; color: #96be0d; font-size: 19px; font-style: italic; position: absolute; top: 0; right: -202px; } #requestCntr .customer label { float: left; width: 27%; line-height: 43px; color: #545454; font-size: 19px; } #requestCntr .customer label span { color: #abcb3d; } #requestCntr .customer .block { float: left; width: 73%; } #requestCntr .customer input[type="text"] { border: 1px solid #bbb; background: none; width: 100%; height: 43px; line-height: 43px; padding: 0 15px; color: #000; font-size: 19px; } #requestCntr .customer input[type="text"].error,#requestCntr .customer select.error { border: 1px solid #FF0000; } #requestCntr .customer select { width: 100%; font-style: italic; font-size: 18px; border-right: 0; padding: 0 10px; background: #fff url(../images/select.png) no-repeat right; } #requestCntr .customer .col1 { float: left; width: 30%; padding-right: 12px; } #requestCntr .customer .col2 { float: left; width: 70%; } #requestCntr .customer .col3 { float: left; width: 44%; padding: 0 12px; } #requestCntr .customer .col4 { width: 50%; float: left; } #requestCntr .customer .col5 { width: 28%; float: left; } #requestCntr .customer textarea { border: 1px solid #bbb; background: none; width: 100%; height: 243px; padding: 15px; color: #000; font-size: 19px; } #requestCntr .customer button { float: right; border: 0; background: #96be0d; padding: 0 12px; line-height: 46px; color: #fff; font-size: 19px; cursor: pointer; display: inline-block; margin: 34px 0 14px 0; } #requestCntr .customer button img { display: inline; vertical-align: middle; margin-right: 40px; } #requestCntr .data { display: none; } /* ### footer container ### */ #footerCntr { overflow: hidden; width: 100%; padding: 30px 0 34px 0; background: #d2d2d2; } #footerCntr .details { overflow: hidden; } #footerCntr .logo { float: left; } #footerCntr .text { margin-left: 203px; overflow: hidden; } #footerCntr span.head { color: #004755; font-size: 28px; margin-bottom: 7px; display: block; margin-top: -5px; } #footerCntr ul.links { overflow: hidden; } #footerCntr ul.links li { float: left; margin-right: 8px; color: #044638; font-size: 14px; } #footerCntr ul.links li a { color: #044638; text-decoration: none; } #footerCntr ul.links li a:hover { text-decoration: underline; } #footerCntr ul.media { float: right; overflow: hidden; margin-top: -48px; } #footerCntr ul.media li { margin-left: 7px; float: left; } #footerCntr ul.media li a { display: block; text-decoration: none; background: url(../images/icon1.png) no-repeat; width: 28px; height: 27px; } #footerCntr ul.media li.two a { background: url(../images/icon2.png) no-repeat; } #footerCntr ul.media li.three a { background: url(../images/icon3.png) no-repeat; } #footerCntr ul.media li.four a { background: url(../images/icon4.png) no-repeat; } #footerCntr ul.media li.five a { background: url(../images/icon5.png) no-repeat; } #footerCntr ul.media li.facebook a { background: url(../images/icon14.png) no-repeat; } #footerCntr ul.media li.instagram a { background: url(../images/icon15.png) no-repeat; } #footerCntr ul.media li a:hover, #footerCntr ul.media li a.active { background-position: 0 -27px; } #footerCntr ul.links.tab { display: none; } .searchCntr a { color: #8cb406; font-size: 27px; line-height: 33px; display: block; margin-bottom: 5px; font-family: 'InterstateRegular'; text-decoration:none; margin-top:10px; } .mobilenext { position:absolute; top:300px; right:0; width:20px; } .mobilenext img { width:20px; } .mobileprev { position:absolute; top:300px; left:0; width:20px; } .mobileprev img { width:20px; } /* #Media Queries ================================================== */ @media only screen and (max-width: 1199px) { .center { padding: 0 30px; } #headerCntr .logo { left: 30px; } #headerCntr .menuBox li { font-size: 16px; } #headerCntr .menuBox li li { font-size: 14px; } #headerCntr .menuBox { right: 30px; } .linksBox { right: 30px; } #bannerCntr { height: 500px; } #bannerCntr .inner { left: 0; margin-left: 0; width: 100%; } #bannerCntr h1 { font-size: 110px; line-height: 100px; padding: 90px 0 40px 0; } #bannerCntr a.btn { font-size: 17px; line-height: 42px; padding: 0 27px; } #suppliesCntr span.head { font-size: 30px; line-height: 34px; } #suppliesCntr .left { padding-right: 100px; } #suppliesCntr p { font-size: 17px; line-height: 22px; margin-bottom: 14px; } #suppliesCntr { padding: 55px 0; } #suppliesCntr a.btn { font-size: 17px; line-height: 42px; border-top: 0px solid #cce08a; border-left: 0px solid #cce08a; } #rentalCntr h2 { font-size: 30px; line-height: 34px; } #rentalCntr { padding: 55px 0; } #rentalCntr p { font-size: 17px; line-height: 22px; } #rentalCntr a.btn { font-size: 17px; padding: 0 25px; line-height: 42px; } #rentalCntr .paging span { width: 12px; height: 12px; margin: 0 6px; } #advantagesCntr { padding: 55px 0; } #advantagesCntr span.head { font-size: 30px; line-height: 34px; } #advantagesCntr .flexHolder { padding-left: 24px; margin-right: -50px; } #advantagesCntr p { font-size: 17px; line-height: 22px; } #advantagesCntr .flexItem { padding-right: 50px; } #advantagesCntr a.btn { font-size: 17px; line-height: 42px; } #overbeekCntr { padding: 55px 0; } #overbeekCntr .flexItem { padding-right: 20px; margin-bottom: 35px; } #overbeekCntr .flexHolder { margin-right: -20px; } #overbeekCntr span.top { font-size: 15px; line-height: 18px; } #overbeekCntr span.head { font-size: 22px; line-height: 26px; } #overbeekCntr p { font-size: 17px; line-height: 22px; } #overbeekCntr .text { padding: 30px 18px 35px 18px; } #overbeekCntr a.btn { font-size: 17px; line-height: 42px; padding: 0 24px; } #overbeekCntr h4 { font-size: 30px; } #overbeekCntr.sub5 { padding: 55px 0; } #customersCntr { padding: 55px 0; } #customersCntr h5 { font-size: 38px; } #customersCntr p { font-size: 24px; line-height: 28px; margin-bottom: 20px; } #customersCntr .slide span { font-size: 15px; margin-bottom: 30px; } #customersCntr .subpaging span { width: 12px; height: 12px; margin: 0 6px; } #customersCntr img.coma1 { width: 42px; } #customersCntr img.coma2 { width: 42px; } #quoteCntr { padding: 55px 0; } #quoteCntr .left h6 { font-size: 30px; } #quoteCntr .left .text { margin-left: 78px; } #quoteCntr .left span.head { font-size: 30px; } #quoteCntr .left p { font-size: 17px; line-height: 22px; } #quoteCntr .left { padding-right: 22px; } #quoteCntr .right span.head { font-size: 24px; line-height: 28px; } #quoteCntr .right { padding: 15px 18px 28px 18px; } #quoteCntr .right p { font-size: 17px; line-height: 22px; } #quoteCntr .right input[type="text"] { font-size: 14px; padding: 0 15px; height: 38px; line-height: 38px; margin-bottom: 12px; } #quoteCntr .right input[type="submit"] { height: 48px; width: 138px; font-size: 15px; margin-top: 12px; } #quoteCntr .bot a { line-height: 36px; font-size: 16px; padding: 0 24px; } #footerCntr span.head { font-size: 18px; line-height: 21px; margin-top: -3px; } #footerCntr span.head strong { font-weight: normal; display: block; } #footerCntr .text { margin-left: 270px; } #footerCntr { padding: 18px 0; } #npCntr li { font-size: 17px; } #challengeCntr { padding: 55px 0; } #challengeCntr .left h2 { font-size: 30px; line-height: 34px; padding-right: 0; } #challengeCntr .left { width: 70%; } #challengeCntr .right { width: 30%; } #challengeCntr .left p { font-size: 17px; line-height: 22px; } #challengeCntr .right span.head { font-size: 27px; } #challengeCntr .right li { font-size: 27px; line-height: 36px; } #challengeCntr .left .paging span { margin: 0 6px; width: 12px; height: 12px; } #challengeCntr .left .paging { bottom: 20px; } #reboostCntr { padding: 55px 0; } #reboostCntr .left h3 { font-size: 30px; line-height: 34px; padding-right: 0; } #reboostCntr .left h3 span { font-size: 20px; } #reboostCntr .left { width: 70%; } #reboostCntr .right { width: 30%; } #reboostCntr .left p { font-size: 17px; line-height: 22px; } #reboostCntr .right span.head { font-size: 27px; } #reboostCntr .right li { font-size: 27px; line-height: 36px; } #quoteCntr.sub4 .left span.head { font-size: 28px; } #quoteCntr.sub4 .left .text { margin-top: -7px; } #quoteCntr.sub4 .left .row { padding-right: 30px; } #quoteCntr.sub4 .left .row.last { padding-right: 0; padding-left: 30px; } #feelCntr { padding: 55px 0; } #feelCntr .left h3 { font-size: 30px; margin-bottom: 30px; } #feelCntr .left { width: 70%; } #feelCntr .right { width: 30%; } #feelCntr .left p { font-size: 17px; line-height: 22px; } #feelCntr .right span.head { font-size: 27px; } #feelCntr .right li { font-size: 27px; line-height: 36px; } #feelCntr .left label { font-size: 17px; } #feelCntr .left select { font-size: 17px; } #toiletCntr .toilet .right ul.list { margin-bottom: 14px; } #quoteCntr.sub7 .left span.head { padding-right: 125px; } #requestCntr .customer { padding-right: 150px; } #requestCntr .row strong { font-size: 16px; right: -142px; } } @media only screen and (max-width: 979px) { #headerCntr { height: 82px; } #headerCntr .logo img { width: 172px; } #headerCntr .logo { top: 20px; } #headerCntr .menuBox li { font-size: 13px; margin-left: 25px; } #headerCntr .menuBox li li { font-size: 12px; } #headerCntr .menuBox { top: 52px; } #headerCntr .menuBox li ul { top: 30px; } .linksBox li a { background-size: 21px; height: 20px; } .linksBox li.two a { background-size: 21px; height: 20px; } .linksBox li.three a { background-size: 21px; height: 20px; } .linksBox li.four a { background-size: 21px; height: 20px; } .linksBox li.five a { background-size: 21px; height: 20px; } .linksBox li a:hover, .linksBox li a.active { background-position: 0 -20px !important; } .linksBox { top: 20px; } #bannerCntr { height: 300px; } #bannerCntr h1 { font-size: 75px; line-height: 66px; padding: 48px 0 20px 0; } #bannerCntr .cycle-pager { bottom: 18px; } #bannerCntr .cycle-pager span { width: 12px; height: 12px; margin: 0 6px; } #suppliesCntr span.head { font-size: 26px; line-height: 31px; } #suppliesCntr .left { padding-right: 70px; } #suppliesCntr p { font-size: 14px; line-height: 16px; margin-bottom: 14px; } #suppliesCntr { padding: 32px 0; } #suppliesCntr a.btn { font-size: 15px; line-height: 42px; } #suppliesCntr .left { width: 53%; } #suppliesCntr .right { width: 47%; } #rentalCntr h2 { font-size: 26px; line-height: 31px; } #rentalCntr { padding: 32px 0; } #rentalCntr p { font-size: 14px; line-height: 16px; } #rentalCntr a.btn { font-size: 15px; padding: 0 25px; line-height: 42px; } #rentalCntr .paging span { width: 12px; height: 12px; margin: 0 6px; } #advantagesCntr { padding: 32px 0; } #advantagesCntr span.head { font-size: 26px; line-height: 31px; } #advantagesCntr .flexHolder { padding-left: 24px; margin-right: -50px; } #advantagesCntr p { font-size: 14px; line-height: 16px; } #advantagesCntr .flexItem { padding-right: 50px; } #advantagesCntr a.btn { font-size: 15px; line-height: 42px; } #advantagesCntr .icon img { width: 55px; } #advantagesCntr .text { margin-left: 78px; } #overbeekCntr { padding: 32px 0; } #overbeekCntr .flexItem { padding-right: 20px; margin-bottom: 35px; } #overbeekCntr .flexHolder { margin-right: -20px; } #overbeekCntr span.top { font-size: 12px; line-height: 14px; } #overbeekCntr span.head { font-size: 18px; line-height: 21px; } #overbeekCntr p { font-size: 14px; line-height: 16px; } #overbeekCntr a.btn { font-size: 15px; line-height: 42px; padding: 0 24px; } #overbeekCntr h4 { font-size: 26px; margin-bottom: 30px; } #overbeekCntr.sub5 { padding: 32px 0; } #customersCntr { padding: 32px 0; } #customersCntr h5 { font-size: 28px; } #customersCntr p { font-size: 18px; line-height: 22px; margin-bottom: 20px; padding: 0 70px; } #customersCntr .slide span { font-size: 12px; margin-bottom: 25px; } #customersCntr .subpaging span { width: 12px; height: 12px; margin: 0 6px; } #customersCntr img.coma1 { top: 66px; } #customersCntr img.coma2 { top: 66px; } #quoteCntr { padding: 32px 0; } #quoteCntr .left h6 { font-size: 26px; } #quoteCntr .left .text { margin-left: 72px; margin-top: -5px; } #quoteCntr .left span.head { font-size: 26px; } #quoteCntr .left p { font-size: 14px; line-height: 16px; } #quoteCntr .left { padding-right: 22px; } #quoteCntr .right span.head { font-size: 20px; line-height: 24px; } #quoteCntr .right { padding: 15px 18px 28px 18px; } #quoteCntr .right p { font-size: 14px; line-height: 16px; } #quoteCntr .right input[type="text"] { font-size: 12px; padding: 0 15px; height: 38px; line-height: 38px; margin-bottom: 12px; } #quoteCntr .right input[type="submit"] { height: 48px; width: 138px; font-size: 15px; margin-top: 12px; } #quoteCntr .bot a { line-height: 36px; font-size: 15px; padding: 0 24px; } #footerCntr .logo { float: none; width: 100%; margin-bottom: 20px; } #footerCntr .logo img { width: 120px; } #footerCntr .text { margin-left: 0; } #footerCntr ul.links { display: none; } #footerCntr ul.media { float: none; margin-top: 16px; margin-bottom: 15px; width: 100%; } #footerCntr ul.media li { margin-left: 0; margin-right: 8px; float: left; } #footerCntr ul.media li a { display: block; text-decoration: none; background: url(../images/icon1.png) no-repeat; width: 28px !important; height: 27px !important; } #footerCntr ul.media li.two a { background: url(../images/icon2.png) no-repeat; } #footerCntr ul.media li.three a { background: url(../images/icon3.png) no-repeat; } #footerCntr ul.media li.four a { background: url(../images/icon4.png) no-repeat; } #footerCntr ul.media li.five a { background: url(../images/icon5.png) no-repeat; } #footerCntr ul.media li.facebook a { background: url(../images/icon14.png) no-repeat; } #footerCntr ul.media li.instagram a { background: url(../images/icon15.png) no-repeat; } #footerCntr ul.media li a:hover { background-position: 0 -27px !important; } #footerCntr ul.links.tab { display: block; width: 100%; } #footerCntr ul.links.tab li { float: none; display: block; line-height: 30px; } #npCntr { padding: 13px 0 14px 0; } #npCntr li { font-size: 15px; } #challengeCntr { padding: 32px 0; } #challengeCntr .left h2 { font-size: 26px; line-height: 31px; padding-right: 0; } #challengeCntr .left { width: 68%; padding-right: 30px; } #challengeCntr .right { width: 32%; } #challengeCntr .left p { font-size: 14px; line-height: 16px; margin-bottom: 18px; } #challengeCntr .right span.head { font-size: 22px; margin-bottom: 18px; } #challengeCntr .right li { font-size: 20px; line-height: 26px; } #challengeCntr .left a.prev { bottom: -85px; } #challengeCntr .left a.next { bottom: -85px; } #challengeCntr .left span.new { left: 20px; } #challengeCntr .left span.new img { width: 100px; } #reboostCntr { padding: 32px 0; } #reboostCntr .left h3 { font-size: 26px; line-height: 31px; padding-right: 0; } #reboostCntr .left h3 span { font-size: 18px; } #reboostCntr .left { width: 68%; padding-right: 30px; } #reboostCntr .right { width: 32%; } #reboostCntr .left p { font-size: 14px; line-height: 16px; margin-bottom: 18px; } #reboostCntr .right span.head { font-size: 22px; margin-bottom: 18px; } #reboostCntr .right li { font-size: 20px; line-height: 26px; } #reboostCntr .left .photo span { left: 40px; } #reboostCntr .left .photo span img { width: 100px; } #quoteCntr.sub4 .left span.head { font-size: 22px; line-height: 28px; } #quoteCntr.sub4 .left .text { margin-top: -6px; } #feelCntr .left { width: 68%; padding-right: 40px; } #feelCntr .right { width: 32%; } #feelCntr { padding: 32px 0; } #feelCntr .left h3 { font-size: 22px; margin-bottom: 10px; } #feelCntr .left p { font-size: 14px; line-height: 16px; margin-bottom: 15px; } #feelCntr .left label { font-size: 14px; } #feelCntr .right span.head { margin-bottom: 20px; } #feelCntr .left select { font-size: 14px; } #toiletCntr ul.tab { margin-right: -19px; } #toiletCntr ul.tab li { padding-right: 19px; } #toiletCntr ul.tab li .inner a { line-height: 41px; font-size: 17px; } #toiletCntr .toilet .top { padding: 0 40px; } #toiletCntr .toilet .heading h3 { font-size: 26px; } #toiletCntr .toilet .btns { display: none; } #toiletCntr .toilet .btns.tab { display: block; width: 100%; margin-top: 40px; } #toiletCntr .toilet .btns.tab .col1 { width: 50%; padding-right: 10px; } #toiletCntr .toilet .btns.tab .col2 { width: 50%; padding-left: 10px; margin-top: 0; } #toiletCntr .toilet .btns.tab a.download { height: 62px; line-height: 62px; } #toiletCntr .toilet .btns.tab a.request { height: 62px; line-height: 20px; padding-top: 10px; } #toiletCntr .toilet .btns.tab a.request span { display: block; margin-left: 48px; } #toiletCntr .toilet .btns.tab a.request img { vertical-align: top; margin-top: 6px; float: left; } #toiletCntr .toilet .btns.tab a.request span.text2 { display:none; } #toiletCntr .toilet a.prev { bottom: auto; top: 59%; } #toiletCntr .toilet a.prev img { width: 35px; } #toiletCntr .toilet a.next { bottom: auto; top: 59%; } #toiletCntr .toilet a.next img { width: 35px; } #toiletCntr .toilet .bot .block { width: 20%; } #toiletCntr .toilet .bot .block.none { display: block; } #toiletCntr .toilet .bot { margin-left:0px; margin-right:15px; } #toiletCntr .toilet .bot { padding-left: 40px; padding-right: 40px; } #toiletCntr { padding: 37px 0 40px 0; } #toiletCntr .toilet .right ul.list li { font-size: 17px; line-height: 20px; } #toiletCntr .toilet .right span.head { font-size: 17px; line-height: 20px; } #toiletCntr .toilet .right ul li { font-size:17px; line-height:19px; } #quoteCntr.sub7 .left span.head { padding-right: 0; } #requestCntr .request { padding: 0 30px 20px 30px; } #requestCntr thead tr td { font-size: 18px; line-height: 46px; } #requestCntr tbody tr td { font-size: 17px; line-height: 22px; } #requestCntr .col1 { text-align: center; } #requestCntr tbody tr td input[type="checkbox"] { float: none; display: inline-block; margin-right: 0; margin-bottom: 15px; } #requestCntr .thumb { float: none; display: inline-block; width: 100%; text-align: center; } #requestCntr .thumb img { display: inline; max-width: 100%; } #requestCntr tbody tr td span.name { font-size: 18px; } #requestCntr span.para { padding-left: 0; text-align: center; font-size: 17px; } #requestCntr .col3 { text-align: center; } #requestCntr tbody tr td img.icon { display: inline-block; margin-bottom: 15px; float: none; } #requestCntr .qty { display: inline-block; float: none; } #requestCntr tbody tr td span.price { font-size: 17px; } #requestCntr a.link { font-size: 17px; margin-bottom: 35px; } #requestCntr .request { margin-bottom: 35px; } #requestCntr h1 { font-size: 30px; margin-bottom: 12px; } #requestCntr p { font-size: 17px; line-height: 22px; margin-bottom: 25px; } #requestCntr { padding: 35px 0 25px 0; } #requestCntr span.head { font-size: 18px; padding-left: 0; text-align: center; } #requestCntr .customer { padding: 30px 25px; } #requestCntr .row strong { display: none; } #requestCntr .customer label { font-size: 17px; } #requestCntr .customer select { font-size: 16px; } #headerpadding { height:85px; } } @media only screen and (max-width: 767px) { .mobilenext, .mobileprev { display:block; } .mobilenext { width:30px; } .mobilenext img { width:30px; } .mobileprev { width:30px; } .mobileprev img { width:30px; } #headerCntr .mobileMenu { display: inline-block; float: right; margin-top: 16px; } #headerCntr .menuBox { display: none; position: absolute; top: 79px; left: 0; width: 100%; overflow:scroll; height:300px; } #headerCntr .menuBox ul { list-style: none; background: #96be0d; padding-bottom: 50px; } #headerCntr .menuBox li { font-size: 18px; margin-left: 0; border-bottom: 1px solid #d1e396; float: none; padding: 0; } #headerCntr .menuBox li a { display: block; line-height: 42px; color: #fff; text-decoration: none; background: url(../images/mobile_menu_bg.png) no-repeat left; padding-left: 50px; } #headerCntr .menuBox li a:hover, #headerCntr .menuBox li.active a, #headerCntr .menuBox li:hover > a { color: #005250; background: url(../images/mobile_menu_bg_hover.png) no-repeat left; } #headerCntr .menuBox li ul { position: static!important; width: 100% !important; padding: 0; border-top: 1px solid #d1e396; } #headerCntr .menuBox li ul li { width: 100% !important; padding-left: 66px; font-size: 15px; font-weight: normal; } #headerCntr .menuBox li ul li:last-child { border-bottom: 0; } #headerCntr .menuBox li ul li a { background: none !important; padding-left: 0; } #headerCntr .menuBox li ul li a:hover { background: none !important; } .linksBox { top: 46px; } #bannerCntr { height: 470px; } #bannerCntr h1 { padding-top: 160px; } #suppliesCntr .left { float: none; width: 100%; padding-right: 0; margin-bottom: 12px; } #suppliesCntr .right { float: none; width: 100%; } #rentalCntr .text { float: none; width: 100%; padding-right: 0; margin-bottom: 18px; } #rentalCntr .photo { float: none; width: 100%; padding-bottom: 64px; padding-left: 0; } #rentalCntr a.btn { display: none; } #rentalCntr a.btn.tab { display: inline-block; } #rentalCntr p { margin-bottom: 19px; } #advantagesCntr h3 { font-size: 38px; } #advantagesCntr .flexHolder { padding-left: 0; margin-right: -25px; } #advantagesCntr .flexItem { padding-right: 25px; } #advantagesCntr .icon { float: none; width: 100%; text-align: center; } #advantagesCntr .icon img { display: inline; margin-bottom: 22px; } #advantagesCntr .text { margin-left: 0; } #overbeekCntr .flexItem { width: 50%; margin-bottom: 25px; } #overbeekCntr .photo span img { width: 50px; } #customersCntr h5 { margin-bottom: 80px; } #customersCntr p { padding: 0; font-size: 24px; line-height: 28px; margin-bottom: 34px; } #customersCntr .slide span { font-size: 20px; margin-bottom: 94px; } #customersCntr img.coma2 { top: auto; bottom: -75px; width: 64px; } #customersCntr img.coma1 { width: 64px; } #quoteCntr .left h6 { font-size: 28px; line-height: 35px; } #quoteCntr .left { float: none; width: 100%; padding-right: 0; padding: 0 30px; } #quoteCntr .right { float: none; width: 100%; padding-left: 30px; padding-right: 30px; padding-bottom: 76px; } #quoteCntr { padding-bottom: 0; } #quoteCntr .right span.head { font-size: 28px; line-height: 35px; } #quoteCntr .center { padding: 0; } #footerCntr .logo { float: none; width: 100%; margin-bottom: 20px; } #footerCntr .logo img { width: 120px; } #footerCntr .text { margin-left: 0; } #footerCntr ul.links { display: none; } #footerCntr ul.media { float: none; margin-top: 16px; margin-bottom: 15px; width: 100%; } #footerCntr ul.media li { margin-left: 0; margin-right: 8px; float: left; } #footerCntr ul.media li a { display: block; text-decoration: none; background: url(../images/icon1.png) no-repeat; width: 28px !important; height: 27px !important; } #footerCntr ul.media li.two a { background: url(../images/icon2.png) no-repeat; } #footerCntr ul.media li.three a { background: url(../images/icon3.png) no-repeat; } #footerCntr ul.media li.four a { background: url(../images/icon4.png) no-repeat; } #footerCntr ul.media li.five a { background: url(../images/icon5.png) no-repeat; } #footerCntr ul.media li.facebook a { background: url(../images/icon14.png) no-repeat; } #footerCntr ul.media li.instagram a { background: url(../images/icon15.png) no-repeat; } #footerCntr ul.media li a:hover { background-position: 0 -27px !important; } #footerCntr ul.links.tab { display: block; width: 100%; } #footerCntr ul.links.tab li { float: none; display: block; line-height: 30px; } #challengeCntr .left { width: 100%; float: none; padding-right: 0; } #challengeCntr .right { width: 100%; } #reboostCntr .left { width: 100%; float: none; padding-right: 0; margin-bottom: 30px; } #reboostCntr .right { width: 100%; } #reboostCntr .left a.more { margin-bottom: 25px; } #reboostCntr .left .photo { margin-bottom: 30px; } #reboostCntr .left p.gap { margin-bottom: 20px; } #quoteCntr.sub4 .left .row { float: none; padding-right: 0; width: 100%; } #quoteCntr.sub4 .left .row.last { margin-top: 25px; padding-left: 0; } #quoteCntr.sub4 .left { padding-right: 30px; } #quoteCntr.sub4 .left { padding-bottom: 30px; } #feelCntr .left { width: 100%; padding-right: 0; margin-bottom: 30px; } #feelCntr .right { width: 100%; } #feelCntr .right span.head { font-size: 20px; margin-bottom: 10px; } #feelCntr .right li { font-size: 20px; } #feelCntr .left fieldset { margin-top: 10px; } #toiletCntr ul.tab li { width: 25%; } #toiletCntr ul.tab li.none { display: none; } #toiletCntr .toilet .heading { display: none; } #toiletCntr .toilet .heading.tab { display: block; } #toiletCntr .toilet { padding: 25px 0 10px 0; } #toiletCntr .toilet .top { padding: 0 20px; } #toiletCntr .toilet .left { float: none; width: 100%; margin-bottom: 10px; padding-right: 0; } #toiletCntr .toilet .left .slider .paging { bottom: 10px; } #toiletCntr .toilet a.prev { display: none; } #toiletCntr .toilet a.next { display: none; } #toiletCntr .toilet a.prev1 { position: absolute; bottom: 0; left: -50px; display: block; } #toiletCntr .toilet a.prev1 img { width: 30px; } #toiletCntr .toilet a.next1 { position: absolute; bottom: 0; right: -50px; display: block; } #toiletCntr .toilet a.next1 img { width: 30px; } #toiletCntr .toilet .heading h3 { font-size: 23px; line-height: 28px; float: none; width: 100%; margin-bottom: 10px; } #toiletCntr .toilet .heading ul.icons { float: none; width: 100%; } #toiletCntr .toilet .heading ul.icons li { float: left; margin-left: 0; margin-right: 5px; } #toiletCntr .toilet .right { width: 100%; padding-left: 0; float: none; } #toiletCntr .toilet .btns.tab { display: none !important; } #toiletCntr .toilet .btns { display: block !important; } #toiletCntr .toilet .bot { margin-top: 0; border: 0; padding-top: 10px; } #toiletCntr .toilet .bot { padding-left: 20px; padding-right: 20px; } #toiletCntr .toilet .heading.tab { margin-bottom: 12px; } #toiletCntr .toilet .bot .block span { font-size: 9px; } #toiletCntr .toilet .right ul li { font-size:17px; line-height:19px; } #requestCntr .request { padding: 0 30px 20px 30px; } #requestCntr thead tr td { font-size: 13px; line-height: 38px; } #requestCntr tbody tr td { font-size: 13px; line-height: 18px; } #requestCntr table .col1 { text-align: center; padding-left: 10px; padding-right: 10px; } #requestCntr tbody tr td input[type="checkbox"] { margin-bottom: 10px; } #requestCntr tbody tr td span.name { font-size: 14px; } #requestCntr span.para { font-size: 14px; } #requestCntr tbody tr td img.icon { margin-bottom: 10px; } #requestCntr tbody tr td span.price { font-size: 14px; } #requestCntr a.link { font-size: 14px; margin-bottom: 25px; } #requestCntr .request { margin-bottom: 30px; } #requestCntr h1 { font-size: 22px; margin-bottom: 10px; } #requestCntr p { font-size: 14px; line-height: 18px; margin-bottom: 20px; } #requestCntr { padding: 30px 0 20px 0; } #requestCntr span.head { font-size: 16px;} #requestCntr .request { padding: 0 15px 20px 15px; } #requestCntr .customer { padding: 25px 15px; } #requestCntr .customer label { font-size: 14px; } #requestCntr .customer select { font-size: 15px; } #requestCntr .customer label { float: none; width: 100%; display: block; line-height: 30px; } #requestCntr .customer .block { width: 100%; } #requestCntr .row { margin-bottom: 12px; } #requestCntr .customer button { margin: 15px 0; font-size: 17px; } #requestCntr .customer button img { margin-right: 10px; } #requestCntr .customer .col1.full { width: 100%; padding-right: 0; } #requestCntr .customer .col1 { width: 40%; } #requestCntr .customer .col2 { width: 60%; } #headerCntr .menuBox li ul.mobile { display:block; } #headerCntr .menuBox li ul { display:block !important; } #headerpadding { height:85px; } } @media only screen and (max-width: 479px) { .mobilenext, .mobileprev { display:block; } .mobilenext { width:20px; } .mobilenext img { width:20px; } .mobileprev { width:20px; } .mobileprev img { width:20px; } .center { padding: 0 15px; } .linksBox { display: none; } #headerCntr .menuBox { top: 49px; overflow:scroll; height:500px; } #headerCntr { height: 50px; } #headerCntr .logo img { width: 120px; } #headerCntr .logo { top: 9px; left: 15px; } #headerCntr .mobileMenu { margin-right: 0; } #bannerCntr h1 { font-size: 65px; padding-top: 140px; } #rentalCntr span.new img { width: 80px; } #rentalCntr span.new { left: 20px; } #advantagesCntr .flexItem { width: 100%; } #overbeekCntr .flexItem { width: 100%; } #customersCntr img.coma1 { top: 78px; } #quoteCntr .left { padding: 0 15px; } #quoteCntr .right { padding-left: 15px; padding-right: 15px; } #quoteCntr.sub4 .left { padding-left: 15px; padding-right: 15px; } #challengeCntr .left span.new img { width: 75px; } #reboostCntr .left .photo span img { width: 75px; } #reboostCntr .left .photo span { left: 20px; } #reboostCntr .left h3 { font-size: 22px; line-height: 27px; } #reboostCntr .left h3 span { font-size: 16px; } #feelCntr .left label { width: 30%; } #feelCntr .left select { width: 70%; } #feelCntr .left input[type="text"] { width: 70%; } #feelCntr .left textarea { width: 70%; } #npCntr.sub7 li.none { display: none; } #npCntr.sub7 li { height: 40px; line-height: 40px; } #npCntr.sub7 li.last a { color: #fff; } #npCntr a.invitation { font-size: 14px; padding: 0 10px; height: 40px; line-height: 40px; } #npCntr.sub7 .center { padding: 0 0 0 15px; } #npCntr a.invitation span { font-size: 11px; width: 20px; height: 20px; line-height: 20px; bottom: 1px; right: 2px; } #npCntr a.invitation img { width: 20px; } #toiletCntr { padding: 6px 0 22px 0; } #toiletCntr ul.tab li { display: none; } #toiletCntr ul.tab li.active { display: block !important; width: 50%; } #toiletCntr ul.tab li.active + li { display: block !important; width: 50%; } #toiletCntr ul.tab li .inner a { font-size: 16px; line-height: 22px; text-align:left; padding-left:15px; } #toiletCntr .toilet { padding: 13px 0 7px 0; } #toiletCntr .toilet a.next1 { right: -35px; } #toiletCntr .toilet a.prev1 { left: -35px; } #toiletCntr .toilet .heading h3 { font-size: 20px; line-height: 22px; } #toiletCntr .toilet .right span.head { font-size: 15px; line-height: 18px; } #toiletCntr .toilet .right ul.list li { font-size: 15px; line-height: 18px; background: url(../images/bullet3.png) no-repeat 0 7px; } #toiletCntr .toilet .btns a.download { font-size: 14px; line-height: 37px; } #toiletCntr .toilet .btns a.download img { width: 20px; margin-right: 10px; } #toiletCntr .toilet .btns a.request { font-size: 14px; line-height: 37px; } #toiletCntr .toilet .btns a.request img { width: 20px; margin-right: 10px; } #toiletCntr .toilet .bot .block { width: 33.33%; } #toiletCntr .toilet .bot .block.noneMobile { display: none; } #toiletCntr .toilet .top { padding: 0 15px; } #toiletCntr .toilet .bot { padding-left: 15px; padding-right: 15px; } #toiletCntr .toilet .right ul li { font-size:15px; line-height:18px; } #toiletCntr .toilet .right .head { font-size:17px; } #quoteCntr.sub7 .left { padding-right: 15px; } #quoteCntr.sub7 .left .icon { display: none; } #quoteCntr.sub7 .left .text { margin-left: 0; } #quoteCntr.sub7 .left .row { padding-right: 0; } #quoteCntr.sub7 .left span.head span.none { display: none; } #quoteCntr.sub7 .left h6 { font-size: 25px; line-height: 30px; margin-bottom: 15px; } #quoteCntr.sub7 .left .row { padding-left: 0; } #quoteCntr.sub7 .left span.head { font-size: 23px; line-height: 26px; } #quoteCntr.sub7 a.bel { display: block; padding-left: 10px; text-decoration: none; background: #005250; height: 50px; line-height: 50px; color: #fff; border-bottom: 4px solid #4d7f01; border-right: 4px solid #4d7f01; font-size: 18px; margin: 24px 0 35px 0; } #quoteCntr.sub7 a.bel img { display: inline; vertical-align: middle; margin-right: 9px; } #requestCntr .customer .col4 { width: 100%; } #requestCntr .row { margin-bottom: 8px; } #requestCntr .customer .col5 { width: 100%; float: none; } #requestCntr .customer .col3 { padding: 10px 0; width: 100%; float: none; } #requestCntr .customer button { font-size: 15px; padding: 0 8px; line-height: 36px; height: 36px; } #requestCntr .customer button img { width: 18px; } #requestCntr .customer { padding: 20px 15px 10px 15px; } #requestCntr table .col1 { width: 100%; display:none; } #requestCntr table .col2 { width: 100%; } #requestCntr table .col3 { width: 100%; } #requestCntr span.para { line-height: 16px; } #requestCntr .data { display: block; width: 100%; } #requestCntr .data span.head { font-size: 16px; padding-bottom: 10px; margin-bottom: 10px; font-weight: bold; display: block; color: #a3c62a; line-height: 22px; border-bottom: 1px solid #545454; } #requestCntr .data span.text { font-size: 14px; display: block; color: #545454; line-height: 22px; } #requestCntr .data span.text span.green { color: #96be0d; font-size: 13px; display: block; font-weight: bold; } #requestCntr .data span.text strong { display: block; } #requestCntr .data .block { border-bottom: 1px solid #bbb; padding: 15px 0; text-align: center; width: 100%; } #requestCntr .data img { margin-top: 10px; display: inline-block; } #requestCntr .data img.gap { margin-bottom: 10px; } #requestCntr .data span.text { font-size: 14px; line-height: 18px; } #requestCntr .data .qty { display: inline-block; } #requestCntr { padding-bottom: 0; } #npCntr.sub7 li a span { display: none; } #headerCntr .menuBox li ul.mobile { display:block; } #headerCntr .menuBox li ul { display:block !important; } #headerpadding { height:82px; } }