body { font-family: 'Ubuntu', sans-serif;padding-top:119px; } #main { width:100%;height:auto;overflow:hidden; } .clickArea { cursor:pointer;position:relative; } /* HEADER */ header { position:fixed;top:0px;left:0px;width:100%;height:119px;background:#fff;z-index:999;font-size:14px; } header #logo { float:left;margin:15px 0px; } header nav { padding:55px 0px 45px; } header nav:after { content:"";clear:both;display:table; } header nav ul { list-style:none;padding:0px;margin: 0px;vertical-align:middle; } header nav ul li { display:inline-block;margin-left:40px;position:relative;vertical-align:middle; } header nav ul li a { font-weight:700;color:#1d1d1b !important;position:relative;text-transform:uppercase;padding-bottom:8px; text-decoration: none !important;background:#fff;position:relative;z-index:99; } header nav ul li a:after { content: "";position: absolute;width: 100%;height: 2px;bottom: 0px;left: 0;background:#e51d1d;visibility: hidden;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s; } header nav ul li a:hover:after, header nav ul li a.active:after { visibility: visible;-webkit-transform: scaleX(1);transform: scaleX(1); } header nav ul li a i { margin-left:10px;font-size:10px; } header nav ul li ul { background:#fff;position:absolute;left:0px;top:35px;z-index:99;border: solid 1px #ecf0f1;border-bottom:0px;text-align:left;min-width:220px;filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;visibility:hidden; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.10);-moz-box-shadow: 0px 0 5px 0 rgba(0,0,0,0.10);box-shadow: 0px 0px 5px 0 rgba(0,0,0,0.10);-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-o-transform: translateY(-10px);transform: translateY(-10px);-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; } header nav ul li ul li { display:block;margin:0px;height:40px;line-height:39px;border-bottom:1px solid #ecf0f1 !important; white-space:nowrap; } header nav ul li ul li a { padding:0px 18px;display:block;font-weight:400;position:relative; } header nav ul li.submenu:hover a.active:after { bottom:0px;visibility:visible;-webkit-transform: scaleX(1);transform: scaleX(1); } header nav ul li:hover ul { filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity:1;opacity: 1;visibility:visible;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-o-transform: translateY(0px);transform: translateY(0px);-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease; } header nav ul li.offerte a { text-transform:lowercase;display:block;border:solid 1px #e51d1d;color:#e51d1d !important;padding:0px 15px;overflow: hidden;font-weight:400;position:relative;line-height:43px;text-align:center;color:#e51d1d;font-size:18px;margin:0px auto;z-index:99;text-decoration:none !important;font-style:normal; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; } header nav ul li.offerte a:after { content: '';position: absolute;z-index: -1;width: 100%;height: 0;top: 50%;left: 50%;background: #e51d1d;filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);transform: translateX(-50%) translateY(-50%) rotate(45deg);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; } header nav ul li.offerte a:active, header nav ul li.offerte a:hover { color: #fff !important; } header nav ul li.offerte a:hover:after { height: 310%;filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; } header nav ul li.offerte a:active:after { height: 400%;filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; } header #nav-toggle { display:none; } .header { -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); -webkit-transition-property: -webkit-transform; transition-property: transform; } /* FOOTER */ footer { font-weight:300;color:#5d5d5e;padding:40px 0px 25px;font-size:14px; } footer p { margin:0px 0px 20px; } footer address { line-height:24px; } footer address span { color:#e51d1d; } footer address a { color:#5d5d5e !important; } footer .vcr { color:#e51d1d; } #sldr { position:relative;width:100%;height:540px;max-height:800px;overflow:hidden;} #sldr .swiper-slide { width:100%;height:100%;overflow:hidden; } #sldr .inrSldr { position:absolute;top:0px;left:0px; z-index:999;width:100%;height:100%; } #sldr .inrSldr strong { font-size:44px;font-weight:700;display:block;color:#ffffff;line-height:55px; } #sldr .inrSldr p { font-size:21px;font-weight:300;line-height:36px;color:#ffffff;padding:0px 60px;margin:0px 0px 40px; } #sldr .inrSldr a { font-size:18px;color:#ffffff !important;border:solid 2px #ffffff;display:block;margin:0px auto;width:147px;height:57px;text-align:center;line-height:53px;overflow:hidden;position:relative;z-index:99;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; } #sldr .inrSldr a:after { content: '';position: absolute;z-index: -1;width: 100%;height: 0;top: 50%;left: 50%;background: #fff;filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);transform: translateX(-50%) translateY(-50%) rotate(45deg);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; } #sldr .inrSldr a:hover, #sldr .inrSldr a:active { color: #e51d1d !important; } #sldr .inrSldr a:hover:after { height: 230%;filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; } #sldr .inrSldr a:active:after { height: 400%;filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; } #sldr .inrSldr .flexSlider { display: flex; align-items: center; height: 54%; } #sldr img { max-width:100%;width:auto; } #sldr .sldr-prev { position:absolute;left:60px;top:50%;margin-top:-17.5px;color:#d4d8de;height:35px;width:22px;z-index:999;cursor:pointer; } #sldr .sldr-prev i { font-size:36px;vertical-align:middle; } #sldr .sldr-next { position:absolute;right:60px;top:50%;margin-top:-17.5px;color:#d4d8de;height:35px;width:22px;z-index:999;cursor:pointer; } #sldr .sldr-next i { font-size:36px;vertical-align:middle; } #sldr #scroll { position:absolute;left:50%;bottom:40px;margin-left:-48px; font-size:14px;font-weight:700;color:#ffffff;z-index:999;text-transform:uppercase; } #sldr #scroll i { color:#b8b6b7;margin-right:10px; } #sldr .swiper-slide:before { content:"";display:block;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:99;background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 65%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 65%);background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 65%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); } /*- Projects -*/ #Projects { padding:190px 0px 70px; position:relative; background:url(../images/bgProjects.jpg) center top no-repeat; -webkit-background-size:cover;-moz-background-size:cover;background-size:cover; } #Projects:after { content: "";width:100%;height:100%;display:block; background:#f1f1f1; position:absolute;top:0px;left:0px;filter: alpha(opacity=90);-moz-opacity: 0.9;-khtml-opacity: 0.9;opacity: 0.9; } #Projects:before { content: "";position:absolute;top:0px;right:0px;z-index:999;width: 0;height: 0;border-style: solid;border-width: 300px 5760px 0 0;border-color: #ffffff transparent transparent transparent; } #Projects .container { z-index:999;position:relative; } #Projects strong { font-size:44px;color:#1d1d1b;font-weight:700;display:block;margin-bottom:20px; } #Projects p.lead { font-size:21px;font-weight:300;color:#5d5d5e;line-height:36px;padding:20px;margin-bottom:50px; } #Projects p.lead:after { content: "";display:block;width:45px;height:2px;background:#ee5552;margin:25px auto 0px; } .thumbnail { border: solid 1px #dcdcdc;padding:0px;background:#fff; overflow:hidden;margin-bottom:30px;cursor:pointer; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px; } .thumbnail i.img { display:block;width:100%;height:276px;overflow:hidden; } .thumbnail img { width:auto;height:100%;-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; } .thumbnail .caption { position:relative;z-index:99;text-align:center;padding:20px 29px 29px; } .thumbnail .caption b { font-size:28px;font-weight:700;color:#1d1d1b;line-height:38px;display:block;height:72px;overflow:hidden; } .thumbnail .caption p { font-size:16px !important;color:#5d5d5e !important;line-height:28px !important;font-weight:300 !important; height:100px;overflow:hidden;margin:0px;padding:12px 0px;margin:0px 0px 5px; } .thumbnail .caption p:after { display:none !important; } .thumbnail .caption a, #trg, .thumbnail.nieuws em { display:block;width:174px;height:57px;border:solid 1px #e51d1d;overflow: hidden;position:relative;line-height:53px;text-align:center;color:#e51d1d;font-size:18px;margin:0px auto;z-index:99;text-decoration:none !important;font-style:normal; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; } .thumbnail .caption a:after, #trg:after, .thumbnail.nieuws em:after { content: '';position: absolute;z-index: -1;width: 100%;height: 0;top: 50%;left: 50%;background: #e51d1d;filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);transform: translateX(-50%) translateY(-50%) rotate(45deg);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; } .thumbnail:hover .caption a, .thumbnail .caption a:active, #trg:active, #trg:hover, .thumbnail.nieuws em:active, .thumbnail.nieuws:hover em { color: #fff; } .thumbnail:hover .caption a:after, #trg:hover:after, .thumbnail.nieuws:hover em:after { height: 260%;filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; } .thumbnail:active .caption a:after, #trg:active:after, .thumbnail.nieuws em:active:after { height: 400%;filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; } .thumbnail:hover img { -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease; } .thumbnail.nieuws a { outline:none;text-decoration:none;display:block; } .thumbnail i.img { display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; } .thumbnail.nieuws img { width:auto;margin:0px auto;height:auto;max-width:100%; } .home .thumbnail { border:0px; } /*- Content -*/ .content { padding:90px 0px 50px;font-size:21px;font-weight:300;color:#5d5d5e;line-height:36px; } .content h1 { font-size:44px;color:#1d1d1b;font-weight:700;display:block;margin:0px 0px 35px; } .content h2 { color: #c0c0c0; font-size: 32px;font-weight:700;display:block;margin:25px 0px 35px; } .content p, .content p.lead { font-size:21px;font-weight:300;color:#5d5d5e;line-height:36px;margin-bottom:25px; } .content p:last-child:after, .content p.lead:after { content: "";display:block;width:45px;height:2px;background:#ee5552;margin:25px auto 50px;border:0px; } .prod em { display:block;font-size:21px;font-weight:300;color:#5d5d5e; } .content ol, .content ul { list-style:none;padding:0px;margin:0px; } hr { content: "";display:block;width:45px;height:2px;background:#ee5552;margin:25px auto 50px;border:0px; } .prod { margin-bottom:15px; } .prod a { display:block;width: calc(33.33333% - 30px);height:260px;overflow:hidden; margin:0px 15px 15px;float: left; } .prod a img { display: block;width:100%;min-height:100%;height:auto; } .prod:after { content: "";clear:both;display:table; } /*- Tag -*/ #tag {padding: 50px 0;} #tag h3 {margin: 0 0 35px; color: #1d1d1b;} #tag ul {width: 33.3%; float: left; text-align: left; font-size: 16px; line-height: 28px; list-style: none; padding: 0;} #tag ul li a {color: #5d5d5e; cursor: pointer;} #tag ul li a:hover {text-decoration: underline;} /*- FORM -*/ #forms { padding:60px 0px 0px;text-align: left; } #contact { font-size:16px;color:#5d5d5e;text-align:left; } #contact fieldset {width: 100%; display:block;} #contact fieldset label { display:block; } #contact fieldset label.opt { display:inline-block;margin:0px 15px 15px 0px;font-weight:400; } #contact fieldset input[type="radio"] { display:inline-block;margin:3px 5px 0px 0px; } #contact fieldset input[type="text"],#contact fieldset input[type="password"], #contact fieldset textarea { font-family: 'Ubuntu', sans-serif;font-size: 16px;color: #5d5d5e;display: block;border: solid 1px #dcdcdc;width: 100%;height: 50px;padding: 20px 19px;margin-bottom: 15px;outline: none; } #contact fieldset select { font-family: 'Ubuntu', sans-serif;font-size: 16px;color: #5d5d5e;display: block;border: solid 1px #dcdcdc;width: 100%;height: 50px;padding: 0px 19px;margin-bottom: 15px;outline: none; } #contact fieldset textarea { height: 103px;resize: none; } #contact input[type="submit"] { padding:15px 20px;font-size:16px;color:#fff;background:#ee5552;border:0px; } #contact fieldset input.LV_invalid_field {border-color: #e51d1d;box-shadow:0 0 3px #fbdddd; -moz-box-shadow:0 0 3px #fbdddd; -webkit-box-shadow:0 0 3px #fbdddd;} #contact button { font-size:16px;color:#e51d1d !important;border:solid 2px #e51d1d;background:#fff;display:block;width:147px;height:57px;text-align:center;line-height:53px;overflow:hidden;position:relative;z-index:99;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; } #contact button:after { content: '';position: absolute;z-index: -1;width: 100%;height: 0;top: 50%;left: 50%;background: #e51d1d;filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);transform: translateX(-50%) translateY(-50%) rotate(45deg);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; } #contact button:hover, #contact button:active { color: #fff !important; } #contact button:hover:after { height: 230%;filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; } #contact button:active:after { height: 400%;filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; } #gegevens { padding-top:40px;font-size:16px;color:#5d5d5e;line-height:28px;font-weight:300; } #gegevens a { color:#5d5d5e !important; } #gegevens img { margin:0px auto 15px; } #gegevens h2 { font-size:16px; } #maps iframe{ width:100%;height:300px; } /*- bedrijf -*/ #bedrijf { position:relative;padding:180px 0px 0px;background:#f1f1f1;z-index:99; } #bedrijf .container { position:relative;z-index:9999; } #bedrijf:before { content: "";position:absolute;top:0px;right:0px;z-index:999;width: 0;height: 0;border-style: solid;border-width: 300px 5760px 0 0;border-color: #ffffff transparent transparent transparent; } #bedrijf img { width:100%;height:auto;margin-bottom:45px; } #bedrijf strong { display:block;font-size:28px;font-weight:700;color:#1d1d1b;margin-bottom:20px; } #bedrijf p { font-size:16px;font-weight:300;color:#5d5d5e;line-height:28px;margin-bottom:0px; } /*- info -*/ #info { background:#e51d1d;color:#fff;padding:85px 0px 100px; } #info h1 { display:block;font-size:44px;font-weight:700;margin:0px 0px 20px;color:#fff; } #info p { font-size:21px;font-weight:300;line-height:36px;margin:0px 0px 30px;color:#fff; } #info a { font-size:18px;display:inline-block;width:213px;height:57px;border:solid 2px #ffffff;color:#fff;text-align:center;line-height:53px;overflow:hidden;position:relative;z-index:99; text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; } #info a:after { content: '';position: absolute;z-index: -1;width: 100%;height: 0;top: 50%;left: 50%;background: #fff;filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);transform: translateX(-50%) translateY(-50%) rotate(45deg);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; } #info a:hover, #info a:active { color: #e51d1d; } #info a:hover:after { height: 310%;filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; } #info a:active:after { height: 400%;filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; } #info .social-bar { margin: 30px 20px 0 30px; width: 340px; left: 50%; position: relative;margin-left: -167px; } #info .social-bar li { float: left; display: block; width: 73px; margin: 0 20px;} #info .social-bar li a:hover { color: #e51d1d; } #info .social-bar li a { width: 100px; color: #FFF; } #info .social-bar li a i { margin: 0; } @media only screen and ( min-width: 1600px ) { header nav ul li { margin-left:40px; } header .container { width:1620px; } } @media only screen and ( min-width: 991px ) { header { height:119px;-webkit-transition: height 0.4s ease;-moz-transition: height 0.4s ease;-o-transition: height 0.4s ease;transition: height 0.4s ease; } header #logo { margin:15px 0px; -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; } header #logo img { width:auto;height:91px;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; } header nav { padding:55px 0px 45px; -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; } header.header--narrow { height:77px;-webkit-transition: height 0.2s ease;-moz-transition: height 0.2s ease;-o-transition: height 0.2s ease;transition: height 0.2s ease; } header.header--narrow #logo { margin:5px 0px; -webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease; } header.header--narrow #logo img { width:auto;height:50px; -webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease; } header.header--narrow nav { padding:17px 0px 15px; -webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease; } } @media only screen and ( min-width:992px ) and ( max-width:1200px ) { header nav ul li { margin-left:27px; } .prod a { height: 220px; } } @media only screen and ( min-width:768px ) and ( max-width:991px ) { .thumbnail i.img, .thumbnail img { height: auto;width: 100%; } #sldr .inrSldr { display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; } #sldr .inrSldr strong { font-size:44px;font-weight:700;display:block;color:#ffffff;line-height:55px;padding:0px 0px 30px; } #sldr .sldr-prev, #sldr .sldr-next { display:none; } .prod a { height: 190px; } } @media only screen and ( max-width: 991px ) { body { padding-top:68px; } /* HEADER */ header { height:68px; } header .container { padding:0px;width:100%; } header #logo { float:none;margin:0px;position:absolute;top:5px;left:50%;margin-left:-22px; } header #logo img { height:58px;width:auto; } header nav { padding:0px;position:absolute;top:68px;left:0px;width:100%;background:#e51d1d;display:none; } header nav ul.pull-right { float:none !important; } header nav ul li { text-align:left;display:block;margin-left:0px;position:relative;height:auto;border-top:solid 1px #ec5656; } header nav ul li a { display:block;padding:0px 27px;height:45px;line-height:45px;color:#fff !important;background:none !important; } header nav ul li a:after { display:none !important; } header nav ul li a i { margin-left:10px;font-size:10px; } header nav ul li ul { display:none;background:#ec5656;border:0px;position:relative;left:0px;top:0px;text-align:left;min-width:100%; } header nav ul li ul li { background:#ec5656;border:0px;border:0px !important;display:block;margin:0px;height:41px;line-height:41px;;white-space:nowrap; } header nav ul li ul li a { padding:0px 27px;display:block;font-weight:400;color:#fff !important;height:41px;line-height:41px; } header nav ul li.offerte a { text-transform:uppercase;display:block;border:0px;color:#fff !important;padding:0px 27px;overflow: hidden;font-weight:700;position:relative;line-height:45px;text-align:left;font-size:14px;margin:0px;z-index:99;text-decoration:none !important;font-style:normal; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; } header nav ul li.offerte a:after { display:none !important; } header nav ul li ul, header nav ul li:hover ul { filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity:1;opacity: 1;visibility:visible;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-o-transform: translateY(0px);transform: translateY(0px);-webkit-transition: none;-moz-transition: none;-o-transition: none;transition: none; } header #nav-toggle { display:block;position:absolute;top:0px;left:0px;width:71px;height:68px;background:#e51d1d;border:0px;outline:none; } header #nav-toggle span { position:absolute;left:27px;display:block;width:17px;height:3px;background:#fff; -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease } header #nav-toggle span.icon-Tp { top:27px; -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg); } header #nav-toggle span.icon-Mdl { top:33px; filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; } header #nav-toggle span.icon-Btm { top:39px; -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg); } header #nav-toggle.open span { -webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease } header #nav-toggle.open span.icon-Tp { top:50%; -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg); } header #nav-toggle.open span.icon-Mdl { filter: alpha(opacity=0);-moz-opacity: 10-khtml-opacity: 0;opacity: 0; } header #nav-toggle.open span.icon-Btm { top:50%; -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg); } #sldr .inrSldr .flexSlider { display: unset; align-items: center; height: 71%; } } @media only screen and ( max-width: 767px ) { .container { padding:0px 27px; } /*- footer -*/ footer { padding:30px 0px 15px; font-size: 12px;line-height:21px; } footer p { margin:0px 0px 15px; } footer address { line-height:21px; } #sldr { position:relative;width:100%;max-height:800px;overflow:hidden; } #sldr .swiper-slide { width:100%;height:100%;overflow:hidden; } #sldr .swiper-slide:before { display:none; } #sldr .inrSldr { position:relative;z-index:999;background:#f1f1f1;height:160px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; } #sldr .inrSldr strong { font-size:19px;line-height:28px;padding:0px 0px 25px;color:#1b1b1b; } #sldr .inrSldr a { font-size:12px;color:#1b1b1b !important;border:solid 1px #1b1b1b;width:97px;height:38px;line-height:36px; } #sldr img { min-width:100%;width:100%;height:auto; } #sldr .inrSldr p, #sldr .sldr-prev, #sldr .sldr-next, #sldr #scroll { display:none; } /*- Projects -*/ #Projects { padding:75px 0px 19px; background:url(../images/bgProjects.jpg) center top no-repeat; -webkit-background-size:cover;-moz-background-size:cover;background-size:cover; } #Projects .container { z-index:999;position:relative; } #Projects strong { font-size:19px;line-height:28px; margin-bottom:15px; } #Projects p.lead { font-size:14px;line-height:21px;padding:10px 0px 0px;margin-bottom:27px; } #Projects p.lead:after { margin-top:22px; } .thumbnail { margin-bottom:27px; } .thumbnail i.img { height:auto; } .thumbnail img { width:100%;height:auto; } .thumbnail .caption { padding:20px 29px 29px; } .thumbnail .caption b { font-size:14px;line-height:28px;;height:auto; } .thumbnail .caption p { font-size:12px !important;line-height:21px !important; height:auto;padding:12px 0px; } .thumbnail .caption a { width:105px;height:38px;line-height:36px;font-size:11px; } /*- Content -*/ .content { padding:35px 0px 27px;font-size:14px;line-height:21px; } .content h1 { font-size:19px;line-height:28px; margin:0px 0px 20px; } .content h2 { font-size:16px;line-height:24px;margin:15px 0px 20px; } .content p, .content p.lead { font-size:14px;line-height:21px; } .prod img, .content img { width:100% !important;height:auto !important; } .prod { margin-bottom:0px; } .prod a { display:block;width: 100%;height:auto; margin:0px 0px 20px;float:none; } .prod em { font-size:14px;line-height:21px; } hr { margin:15px auto 27px; } .home .content { padding:35px 0px 0px; } #contact { font-size:14px; } #gegevens { font-size:14px;line-height:21px; } #gegevens img { margin:0px auto 10px; } /*- Tag -*/ #tag ul {width: 50%; font-size: 12px; line-height: 21px;} /*- bedrijf -*/ #bedrijf { position:relative;padding:75px 0px 27px;background:#f1f1f1; text-align:center; } #bedrijf img { width:100%;height:auto;margin-bottom:15px; } #bedrijf strong { font-size:19px;line-height:28px;margin-bottom:20px; } #bedrijf p { font-size:14px;line-height:21px;margin-bottom:0px; } /*- info -*/ #info { background:#e51d1d;color:#fff;padding:35px 0px; } #info h1 { font-size:19px;line-height:28px;margin-bottom:15px; } #info p { font-size:14px;line-height:21px;margin:0px 0px 15px; } #info a { font-size:12px;width:140px;height:38px;line-height:36px;border-width:1px; } #info .social-bar { margin: 30px 20px 0 30px; width: 340px; left: 50%; position: relative; margin-left: -113px; } #info .social-bar li { float: left; display: block; width: 67px; margin: 0 3px;} #info .social-bar li a:hover { color: #e51d1d; } #info .social-bar li a { width: 67px; color: #FFF; } #info .social-bar li a i { margin: 0; } }