@import url('/wp-content/themes/kosmotiek/style/bootstrap.min.css');@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');@font-face{font-family:'tr_avalon_plain';src:url('https://www.kosmotiek.nl/wp-content/themes/kosmotiek/fonts/tr_avalon_plain-webfont.woff2') format('woff2'),url('https://www.kosmotiek.nl/wp-content/themes/kosmotiek/fonts/tr_avalon_plain-webfont.woff') format('woff');font-weight:normal;font-style:normal}body{height:100%;width:100%;background-color:#fff;font-family:'tr_avalon_plain';color:#231f20;font-size:14px}.container-fluid{padding:0 15px}.row-eq-height{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}@media screen and (max-width:768px){.row-eq-height{display:block}}h2{font-size:22px}a,button,input{color:#231f20}a:focus,button:focus,input:focus,a:visited,button:visited,input:visited,a:active,button:active,input:active{outline:0;text-decoration:none}.active{color:#dc8585}p{line-height:1.728571}div.wpcf7-response-output{margin:4em .5em 1em}#map{height:400px;width:100%;margin-bottom:15px}.test{margin-bottom:15px}.test:nth-child(2){text-align:right}table{width:100%}@media screen and (max-width:1201px) and (min-width:991px){table{width:50%}}@media screen and (max-width:991px) and (min-width:768px){table{width:90%}}@media screen and (max-width:768px){table{width:100%}}tr{width:100%;display:inline-table;float:left;margin-bottom:10px}header .navbar-fixed-top{z-index:1 !important}header .navbar-default{background-color:#fff;border-color:transparent;margin:0 15px}header .navbar{min-height:15px !important;height:15px !important;margin-bottom:0;border:none;background-color:#fff}@media screen and (max-width:768px){header .navbar{min-height:65px !important;margin-top:-15px}}header button{z-index:1;position:fixed;right:0;top:0;background-color:#fff;border:none;padding:35px 30px 20px}@media screen and (max-width:768px){header button{padding:15px 0px 15px 30px;right:15px}}header button span{padding-left:10px}header li{padding:15px 0;list-style:none;text-align:left}@media screen and (max-width:768px){header li{text-align:center;padding:20px 0}}header li:hover img{opacity:1}@media screen and (max-width:768px){header li:hover img{display:none}}header li a{border:none}header li a:hover{border:none;background-color:transparent;color:#231f20;text-decoration:none;border-bottom:solid 2px #231f20}header li img{position:absolute;opacity:0;max-height:350px;width:40%;top:105px;left:15%;float:left;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}@media screen and (max-width:768px){header li img{display:none}}.brand{padding:20px 15px;position:fixed;background-color:#fff;z-index:999}@media screen and (max-width:768px){.brand{padding:7.5px 10px}}.brand img{width:150px;height:35px}@media screen and (max-width:768px){.brand img{width:100px}}.homepage .banner{height:500px;width:100%;background:url('/wp-content/uploads/2017/04/home-background.jpg') center center no-repeat;background-size:cover;margin-bottom:30px;position:relative}.homepage .banner .scroll{position:absolute;bottom:45px;left:45px}.homepage .banner .scroll span{color:#fff;font-size:12px;position:absolute;right:-25px;top:20px;width:100px;transform:rotate(-90deg)}.homepage .banner .scroll .mouse-icon{height:130px;width:1px;display:block;z-index:10;background-color:#fff;margin-left:15px}.homepage .banner .scroll .mouse-icon .wheel{position:relative;width:13px;height:13px;border:2px solid #fff;border-radius:50%;top:4px;margin-left:-6px;margin-right:auto}.homepage .banner .scroll .mouse-icon .wheel{-webkit-animation-name:drop;animation-name:drop;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes drop{0%{top:0px;opacity:1}30%{top:40px;opacity:1}100%{top:130px;opacity:0}}@keyframes drop{0%{top:0px;opacity:1}30%{top:40px;opacity:1}100%{top:130px;opacity:0}}.homepage .mogelijkheden-top .col-sm-3,.homepage .mogelijkheden-bottom .col-sm-3{padding:0;text-align:center}@media screen and (max-width:1201px) and (min-width:991px){.homepage .mogelijkheden-top .col-sm-3,.homepage .mogelijkheden-bottom .col-sm-3{padding-top:30px !important;padding-bottom:30px !important}}@media screen and (max-width:991px) and (min-width:768px){.homepage .mogelijkheden-top .col-sm-3,.homepage .mogelijkheden-bottom .col-sm-3{padding:30px !important;display:none !important}}@media screen and (max-width:768px){.homepage .mogelijkheden-top .col-sm-3,.homepage .mogelijkheden-bottom .col-sm-3{padding:30px !important;display:none !important}}.homepage .mogelijkheden-top .col-sm-3 img,.homepage .mogelijkheden-bottom .col-sm-3 img{width:100%}.homepage .mogelijkheden-top .col-sm-3 h2,.homepage .mogelijkheden-bottom .col-sm-3 h2{margin:0 0 20px}.homepage .mogelijkheden-top .col-sm-3 a,.homepage .mogelijkheden-bottom .col-sm-3 a{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.homepage .mogelijkheden-top .col-sm-3 a:hover,.homepage .mogelijkheden-bottom .col-sm-3 a:hover{color:#dc8585;text-decoration:none}.homepage .mogelijkheden-top .col-sm-3 a:before,.homepage .mogelijkheden-bottom .col-sm-3 a:before{content:">";position:absolute;margin-left:-15px}.homepage .mogelijkheden-top .col-sm-3.left{background:url('/wp-content/uploads/2017/04/behandeling-1.jpg') center center no-repeat;background-size:cover}@media screen and (max-width:768px){.homepage .mogelijkheden-top .col-sm-3.left{display:none}}.homepage .mogelijkheden-top .col-sm-3.center{padding:90px 45px}@media screen and (max-width:991px) and (min-width:768px){.homepage .mogelijkheden-top .col-sm-3.center{padding:15px}}.homepage .mogelijkheden-top .col-sm-3.right{background:url('/wp-content/uploads/2017/04/behandeling-1.jpg') center center no-repeat;background-size:cover}@media screen and (max-width:768px){.homepage .mogelijkheden-top .col-sm-3.right{display:none}}.homepage .mogelijkheden-top .col-sm-3.right-right{padding:90px 45px}@media screen and (max-width:991px) and (min-width:768px){.homepage .mogelijkheden-top .col-sm-3.right-right{padding:15px}}.homepage .mogelijkheden-bottom .col-sm-3.left,.homepage .mogelijkheden-bottom .col-sm-3.right{padding:90px 45px}@media screen\0{.homepage .mogelijkheden-bottom .col-sm-3.left,.homepage .mogelijkheden-bottom .col-sm-3.right{padding:45px}}@media screen and (max-width:991px) and (min-width:768px){.homepage .mogelijkheden-bottom .col-sm-3.left,.homepage .mogelijkheden-bottom .col-sm-3.right{padding:15px}}.homepage .mogelijkheden-bottom .col-sm-3.center{background:url('/wp-content/uploads/2017/04/behandeling-1.jpg') center center no-repeat;background-size:cover}@media screen and (max-width:768px){.homepage .mogelijkheden-bottom .col-sm-3.center{display:none}}.homepage .brands{margin:90px 0;padding:45px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc}@media screen\0{.homepage .brands{margin:0;padding:45px 0 90px}}.homepage .brands img{width:14%;margin-right:13.33%}@media screen and (max-width:768px){.homepage .brands img{width:20%;margin-right:5%}}.homepage .brands img:last-child{margin-right:0}.homepage .behandelingen{margin:90px 0}@media screen and (max-width:768px){.homepage .behandelingen{margin-bottom:15px}}@media screen and (max-width:768px){.homepage .behandelingen .container{padding:0}}.homepage .behandelingen .col-sm-3{padding:0 7.5px;flex:1}@media screen and (max-width:768px){.homepage .behandelingen .col-sm-3{padding:0;margin-bottom:30px}.homepage .behandelingen .col-sm-3:last-child{margin-bottom:0}}.homepage .behandelingen .col-sm-3:first-child{padding-left:0}.homepage .behandelingen .col-sm-3:last-child{padding-right:0}.homepage .behandelingen .col-sm-3 .col-sm-12{border:1px solid #ccc;text-align:center;padding:0}.homepage .behandelingen .col-sm-3 .col-sm-12 span{display:block;color:#898989}.homepage .behandelingen .col-sm-3 .col-sm-12 span.title{padding:25px 0 0}.homepage .behandelingen .col-sm-3 .col-sm-12 span.prijs-behandeling{font-size:12px;margin-top:10px}.homepage .behandelingen .col-sm-3 .col-sm-12 span.prijs{font-size:30px;color:#000;margin-bottom:35px}.homepage .behandelingen .col-sm-3 .col-sm-12 img{width:100%}@media screen and (max-width:768px){.homepage .behandelingen .col-sm-3 .col-sm-12 img{width:50%}}.homepage .behandelingen .col-sm-3 .col-sm-12 a{border:1px solid #ccc;padding:10px 0;background-color:#fff;position:absolute;width:80%;left:10%;border-radius:10px;margin-top:-20px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.homepage .behandelingen .col-sm-3 .col-sm-12 a:hover{text-decoration:none;color:#fff;background-color:#000}.homepage .behandelingen .col-sm-3 .col-sm-12 p{background-color:#f7f7f7;margin:0;padding:45px 15px 15px;border-top:1px solid #ccc}@media screen and (max-width:768px){.homepage .behandelingen .col-sm-3 .col-sm-12 p{padding:60px 15px 45px}}@media screen\0{.kosmotiek .row-eq-height{display:block}}.kosmotiek .banner{height:500px;position:relative;width:100%;background:url('/wp-content/uploads/2017/04/kosmotiek-background.jpg') center center no-repeat;background-size:cover;margin-bottom:30px}.kosmotiek .banner h1{position:absolute;left:50%;transform:translateX(-50%);bottom:15px;font-size:40px;text-transform:uppercase;color:#fff;font-weight:bold;text-shadow:2px 3px rgba(0,0,0,0.15)}@media screen and (max-width:991px) and (min-width:768px){.kosmotiek .wrapper-1,.kosmotiek .wrapper-2{text-align:center !important}}@media screen and (max-width:768px){.kosmotiek .wrapper-1,.kosmotiek .wrapper-2{text-align:center !important}}@media screen and (max-width:1201px) and (min-width:991px){.kosmotiek .wrapper-1 .col-sm-5{text-align:center !important}}@media screen and (max-width:991px) and (min-width:768px){.kosmotiek .wrapper-1 .col-sm-5{text-align:center !important}}@media screen and (max-width:768px){.kosmotiek .wrapper-1 .col-sm-5{text-align:center !important}}.kosmotiek .wrapper-1 h2{color:#000;padding:45px 0;margin:0}@media screen and (max-width:1201px) and (min-width:991px){.kosmotiek .wrapper-1 h2{padding-bottom:0px !important}}@media screen and (max-width:991px) and (min-width:768px){.kosmotiek .wrapper-1 h2{padding-bottom:0px !important}}@media screen and (max-width:768px){.kosmotiek .wrapper-1 h2{padding-bottom:0px !important}}@media screen and (max-width:768px){.kosmotiek .wrapper-1 h2{padding:15px 0 30px}}@media screen and (max-width:1201px) and (min-width:991px){.kosmotiek .wrapper-1 .left,.kosmotiek .wrapper-1 .right{display:none !important}}@media screen and (max-width:991px) and (min-width:768px){.kosmotiek .wrapper-1 .left,.kosmotiek .wrapper-1 .right{display:none !important}}@media screen and (max-width:768px){.kosmotiek .wrapper-1 .left,.kosmotiek .wrapper-1 .right{display:none !important}}.kosmotiek .wrapper-1 .left img,.kosmotiek .wrapper-1 .right img{width:100%}@media screen\0{.kosmotiek .wrapper-1 .left img,.kosmotiek .wrapper-1 .right img{display:none}}.kosmotiek .wrapper-1 .left{padding-right:0}.kosmotiek .wrapper-1 .left img.top{margin-bottom:15px}.kosmotiek .wrapper-1 .left img.bottom{width:85%;margin-left:15%}.kosmotiek .wrapper-1 .right{padding-right:0}.kosmotiek .wrapper-2{text-align:center}@media screen and (max-width:768px){.kosmotiek .wrapper-2{text-align:left}}.kosmotiek .wrapper-2 h2{padding:30px 0 15px}.kosmotiek .wrapper-2 p{width:30%;margin-left:35%}@media screen and (max-width:768px){.kosmotiek .wrapper-2 p{width:100%;margin-left:0}}.kosmotiek .wrapper-3{margin:45px 0 15px;padding:0}.kosmotiek .wrapper-3 .left,.kosmotiek .wrapper-3 .center,.kosmotiek .wrapper-3 .right{padding:0;margin:0}.kosmotiek .wrapper-3 .left .top,.kosmotiek .wrapper-3 .center .top,.kosmotiek .wrapper-3 .right .top{margin-bottom:15px}@media screen and (max-width:768px){.kosmotiek .wrapper-3 .left .bottom,.kosmotiek .wrapper-3 .center .bottom,.kosmotiek .wrapper-3 .right .bottom{margin-bottom:15px}}.kosmotiek .wrapper-3 .left .top{height:400px;width:100%}@media screen and (max-width:1201px) and (min-width:991px){.kosmotiek .wrapper-3 .left .top{height:200px}}@media screen and (max-width:991px) and (min-width:768px){.kosmotiek .wrapper-3 .left .top{height:200px}}@media screen and (max-width:768px){.kosmotiek .wrapper-3 .left .top{height:200px}}.kosmotiek .wrapper-3 .left .bottom{height:200px;width:100%}.kosmotiek .wrapper-3 .center{padding:0 15px}@media screen and (max-width:768px){.kosmotiek .wrapper-3 .center{padding:0}}.kosmotiek .wrapper-3 .center .top{height:200px;width:100%}@media screen and (max-width:1201px) and (min-width:991px){.kosmotiek .wrapper-3 .center .top{margin-top:15px !important}}@media screen and (max-width:991px) and (min-width:768px){.kosmotiek .wrapper-3 .center .top{margin-top:15px !important}}@media screen and (max-width:768px){.kosmotiek .wrapper-3 .center .top{margin-top:15px !important}}.kosmotiek .wrapper-3 .center .bottom{height:400px;width:100%}@media screen and (max-width:1201px) and (min-width:991px){.kosmotiek .wrapper-3 .center .bottom{height:200px;margin-bottom:15px !important}}@media screen and (max-width:991px) and (min-width:768px){.kosmotiek .wrapper-3 .center .bottom{height:200px;margin-bottom:15px !important}}@media screen and (max-width:768px){.kosmotiek .wrapper-3 .center .bottom{height:200px;margin-bottom:15px !important}}.kosmotiek .wrapper-3 .right .top{height:400px;width:100%}@media screen and (max-width:1201px) and (min-width:991px){.kosmotiek .wrapper-3 .right .top{height:200px}}@media screen and (max-width:991px) and (min-width:768px){.kosmotiek .wrapper-3 .right .top{height:200px}}@media screen and (max-width:768px){.kosmotiek .wrapper-3 .right .top{height:200px}}@media screen\0{.kosmotiek .wrapper-3 .right .top{margin-top:15px}}.kosmotiek .wrapper-3 .right .bottom{height:200px;width:100%}.prijslijst .banner{height:500px;position:relative;background:url('/wp-content/uploads/2017/04/producten-2.jpg') center center no-repeat !important;width:100%;background-size:cover;margin-bottom:30px}.prijslijst .banner h1{position:absolute;left:50%;transform:translateX(-50%);bottom:15px;font-size:40px;text-transform:uppercase;color:#fff;font-weight:bold;text-shadow:2px 3px rgba(0,0,0,0.15)}@media screen and (max-width:1201px) and (min-width:991px){.prijslijst h2{font-size:18px !important;margin-top:0px !important}}@media screen and (max-width:991px) and (min-width:768px){.prijslijst h2{font-size:18px !important;margin-top:15px !important}}@media screen and (max-width:768px){.prijslijst h2{font-size:18px !important;margin-top:15px !important}}.producten .banner{height:500px;position:relative;width:100%;background:url('/wp-content/uploads/2017/11/blog4.jpg') center center no-repeat;background-size:cover;margin-bottom:30px}.producten .banner h1{position:absolute;left:50%;transform:translateX(-50%);bottom:15px;font-size:40px;text-transform:uppercase;color:#000;font-weight:bold;text-shadow:2px 3px rgba(0,0,0,0.15)}.producten .wrapper-1,.producten .wrapper-2{padding:0;margin:0}.producten .wrapper-1 h2,.producten .wrapper-2 h2{padding:45px 0;margin:0}@media screen and (max-width:768px){.producten .wrapper-1 h2,.producten .wrapper-2 h2{padding:15px 0 30px}}.producten .wrapper-1 p,.producten .wrapper-2 p{padding:0 0 45px}@media screen and (max-width:768px){.producten .wrapper-1 p,.producten .wrapper-2 p{padding-bottom:15px}}.producten .wrapper-1 img,.producten .wrapper-2 img{width:auto;max-height:500px}@media screen and (max-width:1201px) and (min-width:991px){.producten .wrapper-1 img,.producten .wrapper-2 img{display:none}}@media screen and (max-width:991px) and (min-width:768px){.producten .wrapper-1 img,.producten .wrapper-2 img{display:none}}@media screen and (max-width:768px){.producten .wrapper-1 img,.producten .wrapper-2 img{display:none}}.producten .wrapper-2{margin-top:30px}@media screen and (max-width:1201px) and (min-width:991px){.producten .wrapper-2{margin-top:-100px}}@media screen and (max-width:991px) and (min-width:768px){.producten .wrapper-2{margin-top:-100px}}@media screen and (max-width:768px){.producten .wrapper-2{margin-top:0;margin-bottom:45px}}.contact .banner{height:500px;position:relative;width:100%;background:url('/wp-content/uploads/2017/04/contact-background.jpg') center center no-repeat;background-size:cover;margin-bottom:30px}.contact .banner h1{position:absolute;left:50%;transform:translateX(-50%);bottom:15px;font-size:40px;text-transform:uppercase;color:#fff;font-weight:bold;text-shadow:2px 3px rgba(0,0,0,0.15)}.contact .wrapper-1,.contact .wrapper-2{padding:15px 0}@media screen and (max-width:768px){.contact .wrapper-1 .left,.contact .wrapper-2 .left{padding-left:0}}.contact .wrapper-1 .left h2,.contact .wrapper-2 .left h2{padding:0 0 30px;margin:0}.contact .wrapper-1 .left ul,.contact .wrapper-2 .left ul{margin:0 0 15px;padding:0}.contact .wrapper-1 .left ul li,.contact .wrapper-2 .left ul li{list-style:none}.contact .wrapper-1 .left ul li a,.contact .wrapper-2 .left ul li a{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.contact .wrapper-1 .left ul li a:hover,.contact .wrapper-2 .left ul li a:hover{color:#dc8585;text-decoration:none}.contact .wrapper-1 .right,.contact .wrapper-2 .right{padding-right:0}@media screen and (max-width:768px){.contact .wrapper-1 .right,.contact .wrapper-2 .right{padding-left:0;margin-top:30px}}.contact .wrapper-1 .right input[type="text"],.contact .wrapper-2 .right input[type="text"],.contact .wrapper-1 .right input[type="email"],.contact .wrapper-2 .right input[type="email"],.contact .wrapper-1 .right textarea,.contact .wrapper-2 .right textarea{width:100%;background-color:#f7f7f7;padding:8px 12px;margin-bottom:10px;border:none;border-top:2px solid #ccc}.contact .wrapper-1 .right input[type="text"]:focus,.contact .wrapper-2 .right input[type="text"]:focus,.contact .wrapper-1 .right input[type="email"]:focus,.contact .wrapper-2 .right input[type="email"]:focus,.contact .wrapper-1 .right textarea:focus,.contact .wrapper-2 .right textarea:focus,.contact .wrapper-1 .right input[type="text"]:active,.contact .wrapper-2 .right input[type="text"]:active,.contact .wrapper-1 .right input[type="email"]:active,.contact .wrapper-2 .right input[type="email"]:active,.contact .wrapper-1 .right textarea:active,.contact .wrapper-2 .right textarea:active,.contact .wrapper-1 .right input[type="text"]:visited,.contact .wrapper-2 .right input[type="text"]:visited,.contact .wrapper-1 .right input[type="email"]:visited,.contact .wrapper-2 .right input[type="email"]:visited,.contact .wrapper-1 .right textarea:visited,.contact .wrapper-2 .right textarea:visited{outline:0}.contact .wrapper-1 .right input[type="submit"],.contact .wrapper-2 .right input[type="submit"]{background-color:#000;color:#fff;padding:8px 20px;border:none;float:right;margin-top:15px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.contact .wrapper-1 .right input[type="submit"]:hover,.contact .wrapper-2 .right input[type="submit"]:hover{background-color:#dc8585}.contact .wrapper-1 .right textarea,.contact .wrapper-2 .right textarea{margin-bottom:0}.contact .wrapper-2{padding:0}@media screen and (max-width:768px){.contact .wrapper-2{margin-top:60px}}.contact .wrapper-2 h2{padding-bottom:15px}footer{background-color:#000}footer .footer-top{padding:75px 0}@media screen and (max-width:768px){footer .footer-top{padding:30px 15px}}footer .footer-top span{color:#aeaeae}@media screen and (max-width:768px){footer .footer-top span{font-size:12px;text-align:center;width:100%;float:left}}footer .footer-top ul{float:right}@media screen and (max-width:768px){footer .footer-top ul{display:none}}footer .footer-top ul li{display:inline-block;float:left;margin-right:30px}footer .footer-top ul li:last-child{margin-right:0}footer .footer-top ul li a{color:#fff}@media screen and (max-width:768px){footer .footer-top ul li a{font-size:12px}}footer .footer-bottom{text-align:center;background-color:#252525;padding:25px 0}footer .footer-bottom img{width:75px}footer .footer-bottom a{color:#fff}footer .footer-bottom a:hover{color:#fff}.overlay{height:100%;width:0;position:fixed;z-index:1;left:0;top:0;background-color:#fff;overflow-x:hidden;transition:0.5s}.overlay-content{position:relative;top:25%;width:100%;text-align:center;margin-top:30px}.overlay a{padding:8px;text-decoration:none;font-size:26px;color:#000;display:block;transition:0.3s}.overlay a:hover,.overlay a:focus{color:#dc8585;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.overlay .closebtn{position:absolute;top:25px;right:20px;font-size:20px}@media screen and (max-height:450px){.overlay a{font-size:20px}.overlay .closebtn{font-size:40px;top:15px;right:35px}}