@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
html * {max-height:1000000px;}
* {-webkit-text-size-adjust: 100%;}
.post-content p {max-height: 99999px;}
img {max-width: 100%;}
b, strong {font-weight: 600;}
html {overflow-y: scroll;}
body {color: white; background: #444444; font-family: 'PT Sans Narrow', sans-serif; font-weight: 700; font-size: 17px; line-height: 1.4em;}
body.iOS .salon, 
body.iOS .salon2 {background-attachment: scroll;}

.post-content .section_editable h2, .post-content .section_editable h1 {font-family: 'PT Sans Narrow', sans-serif;
  text-transform: uppercase; font-weight: 700; font-size: 50px; margin-bottom: 0.5em; margin-top: 0px;
  line-height: 1.1;
  color: #222222;
}

#splash {display: none; position: fixed; height: 100%; width: 100%; background: #5e2d83; z-index: 99; cursor: pointer;}
#splash table {height: 100%; width: 100%;}
#splash td {vertical-align: middle; text-align: center;}
#splash img {width: 75%; max-width: 729px;}

#review {position: absolute; left: 0; top: 660px; z-index: 1;}
#review > div:last-child {width: 160px; height: 115px; background: #222; padding-right: 4px; text-align: center; color: #fff; font-family: 'Jost'; font-weight: 300; font-size: 15px; line-height: 1.7em;
    -webkit-transition: all 0.2s ease;                  
    -moz-transition: all 0.2s ease;                 
    -o-transition: all 0.2s ease;   
    -ms-transition: all 0.2s ease;          
    transition: all 0.2s ease;
}
#review:hover > div:last-child {background: #5e2d83;}
#review > div:last-child img {margin: 18px 15px 12px; max-width: calc(100% - 30px); filter: invert(1);}
#review > div:last-child span {background: #c1a87f; color: white; display: inline-block; padding: 0 3px; margin: 0 2px; line-height: 1.2em; font-size: 18px;}
#review > div:last-child span:before {content: "★";}

.visualnews a, .visualnews p a:hover {text-decoration: none;}
.visualnews p a {text-decoration: underline;}
.visualnews h3 a {color: #222222;}
.visualnews .btn-primary {color: white !important; border: 1px solid #5e2d83 !important; background: #5e2d83!important;}
.visualnews .btn-primary:hover {border: 1px solid #222222!important; background: #222222!important;}
.visualnews a.btn-default {color: #222222;}
.visualnews a.btn-default:hover, .visualnews a.btn-default:focus {color: white;}
.visualnews p {margin-bottom: 20px;}
.visualnews img {min-width: 100%;}
.visualnews h3 {
  margin-bottom: 13px;
  font-family: 'PT Sans Narrow', sans-serif;
  font-weight: 700;
  font-size: 35px;
}
#newsarchive .twocols {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}
@media (max-width: 991px) {
#newsarchive .twocols {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
}
#newsarchive h2 {
  padding-top: 50px;
  color: #222222;
  text-transform: uppercase;
  font-family: 'PT Sans Narrow', sans-serif;
  font-weight: 700;
  font-size: 35px;
}
#newsarchive,#newsarchive a {color: #333;}


#popup {display: none; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.5); z-index: 99; cursor: pointer;}
#popup, #popup td {height: 100%; width: 100%; text-align: center; vertical-align: middle; padding: 20px;}
#popup td > div {max-width: 1000px; background: white; margin: 0 auto; box-shadow: 0px 0px 0px 7px rgba(0,0,0,0.3); cursor: default; background: white;}
#popup.narrow td > div {max-width: 500px;}
#popup div .close {position: absolute; right: 15px; background: transparent; z-index: 99;}
@media (min-width: 1055px) {
  #popup div .close {right: auto; margin-left: 965px;}
}
@media (min-width: 555px) {
  #popup.narrow div .close {margin-left: 465px;}
}
#popup div .close a {
    background: #000; color: white; font-size: 9px; text-decoration: none; 
    border-radius: 20px; height: 40px; width: 40px; line-height: 34px; display: inline-block; 
    text-align: center; position: relative; left: 15px; bottom: 15px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
}
#popup div.popupcontent {color: #222222; padding: 55px 20px 20px 20px;}
#popup div.popupcontent.large_text {line-height: 1.3em; font-size: 150%;}
#popup div.popupcontent a {
    text-shadow: none;
    background: #5e2d83;
    padding: 6px 12px; display: inline-block;
    color: white; text-decoration: none; padding-left: 25px; padding-right: 25px; border-radius: 0; 
    border: 0; font-family: 'PT Sans Narrow', sans-serif; font-weight: 700; font-size: 17px; text-transform: uppercase;
    -webkit-transition: all 0.2s ease;                  
    -moz-transition: all 0.2s ease;                 
    -o-transition: all 0.2s ease;   
    -ms-transition: all 0.2s ease;          
    transition: all 0.2s ease;
}
#popup .videoWrapper {padding-bottom: 56.3%; /*custom */}

#not_sharethis > div {
    position: relative;
    right: 0;
    -webkit-transition: right 0.2s ease;                  
    -moz-transition: right 0.2s ease;                 
    -o-transition: right 0.2s ease;   
    -ms-transition: right 0.2s ease;          
    transition: right 0.2s ease;  
    line-height: 40px; 
}
#not_sharethis {position: fixed; top: 50%; height: 246px; margin-top: -123px; right: -50px; height: 164px; margin-top: -88px; z-index: 2;}
#not_sharethis > div:hover {position: relative; right: 50px;}
#not_sharethis.post > div:hover {right: 0;}
#not_sharethis.post {position: relative; top: auto; height: auto; margin-top: 0; right: 0;}
#not_sharethis div {background: #222222; text-align: left; width: 90px; height: 40px; color: white; border-bottom: 1px solid rgba(255,255,255,0.25);}
#not_sharethis > div > div {background: transparent; font-size: 12px; line-height: 32px;  width: 40px; float: left; text-align: center;}
#not_sharethis.post div {float: left; width: 40px; border-bottom: 0; border-right: 1px solid rgba(255,255,255,0.25);}
#not_sharethis h3 {padding-top: 30px; font-family: 'PT Sans Narrow', sans-serif; font-weight: 700; font-size: 17px; text-transform: uppercase;}
#not_sharethis div:last-child{border-bottom: 0;}
#not_sharethis div:hover {cursor: pointer;}
#not_sharethis > div.facebook > div, #not_sharethis > div.pinterest > div {line-height: 35px;}
#not_sharethis div.facebook:hover {background: #3B5998;}
#not_sharethis div.twitter:hover {background: #55ACEE;}
#not_sharethis div.linkedin:hover {background: #0077b5;}
#not_sharethis div.pinterest:hover {background: #CB2027;}
#not_sharethis div.youtube:hover {background: #cc0000;}
#not_sharethis div.gplus:hover {background: #dd4b39;}
#not_sharethis div.mail:hover {background: #7D7D7D;}
#not_sharethis div.instagram:hover {background: #C73B92;}
#not_sharethis > div.instagram > div {line-height: 32px;}



#likeournews {padding: 20px; background: #5e2d83; color: white; margin-bottom: 30px;}
#likeournews form {float: right; padding-right: 0; margin-top: -4px;}
#likeournews input[type='submit'] {vertical-align: top; display: inline-block; background: #222222!important; border: 1px solid #222222!important;}
#likeournews input[type='submit']:hover {background: #5e2d83!important; border: 1px solid white!important;}
#likeournews input[type='email'] {font-size: 16px; background: rgba(255,255,255,1); color: #222222; vertical-align: top; height: 38px; display: inline-block; width: 300px; border-radius: 0; border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}

.intro {height: 800px; color: #222;}
.intro .btn:hover {color: #222222;}
.intro .btn, .intro h1 {color: #222222;}
.intro .btn-primary {color: white;}


.intro.koffijberg > div {background: #bbb9c5 url('../img/kapper-amsterdam-koffijberg1.jpg') center top no-repeat; height: 800px; }
.intro .highlight {text-align: center; padding: 80px 15px 0;}
.intro .highlight table {height: 720px;}
.intro .highlight article {display: none;}
.intro .highlight article .btn-primary {display: inline-block; margin-bottom: 10px;}
.intro .btn.desktop {cursor: text; padding: 0; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text;}

.about {text-align: center; padding: 90px 0; background: white; color: #222222;}
.about .post-content {font-size: 18px; line-height: 1.9em;}
.about .post-content p {color: #333;}
.about .post-header span {font-size: 23px; text-transform: uppercase; font-weight: 300;}
.about .post-header h1 {font-size: 60px; margin-top: 5px;}
.about .post-header h1::after, .nieuws .post-header h1::after, #instagram .post-header h2::after {display: block; content: ""; width: 80px; height: 5px; background: #222222; margin: 30px auto!important;}


.salon {height: 502px; background: url('../img/kapperamsterdamsalon.jpg') center center no-repeat; background-size: cover; background-attachment: fixed;}
.salon .circle {text-align: center; background: white; color: #222222; height: 450px; width: 450px; margin: 25px 0 0 -225px; border-radius: 0px; position: absolute; left: 50%;}
.salon .circle p {margin: 0 auto; display: block; width: 260px; position: relative; right: 10px; line-height: 1.8;}
.salon .circle p .day {display: inline-block; width: 110px;}
.salon .circle p .time {padding-left: 30px; display: inline-block; width: 150px; text-align: left;}
.salon .circle p .time > span {font-size: 90%;}
.salon .post-header {padding: 47px 0 15px;}
.salon .post-header h1 {margin-bottom: 5px;}
.salon .post-content {font-size: 18px; line-height: 1.9em;}
.salon .post-content p {color: #333;}

.salon2 {height: 502px; background: url() center 15% no-repeat; background-size: cover; background-attachment: fixed;}
.page-template .salon2 {height: 60px; background-attachment: scroll;}

.twocols {padding: 0 0 90px; background: white; color: #222222;}
.twocols .post-content p {color: #333; padding-right: 30px;}
.twocols .post-content table {color: #333; margin-bottom: 1.8em;}
.twocols .post-content td {padding-right: 30px;}
.twocols .post-header {padding-top: 90px;}
.twocols .sidebar, .behandelingen .sidebar {border-left: 1px dotted silver; padding-left: 25px; padding-bottom: 2px;}

.post .twocols .post-header h1 {font-size: 60px; margin-top: 5px;}
.post .twocols .post-header span {font-size: 23px; text-transform: uppercase; font-weight: 300;}
.post .twocols .post-header h1::after {display: block; content: ""; width: 80px; height: 5px; background: #222222; margin: 30px 0;}
.post .twocols .post-content p:first-child {
    font-size: 23px;
    line-height: 1.7em;
    font-style: italic;
    font-family: 'Jost';
    margin-bottom: 1.3em;
    font-weight: 300;
}

.behandelingen {padding: 90px 0; background: white; color: #222222;}
.behandelingen .post-content p {color: #333; margin-bottom: 0;}
.behandelingen .post-content p.smaller {font-size: 12px; line-height: 1.7em; font-weight: 400; color: #666;}
.behandelingen .expand1 {display: none;}
.behandelingen #expand1 {position: relative; bottom: 7px;}
.behandelingen table {width: 100%; color: #333;}
.behandelingen td {padding: 3px 0; font-size: 16px; line-height: 1.7em;}
.behandelingen td.text-center {padding-left: 15px; padding-right: 15px;}
.behandelingen td a {text-decoration: none; color: #333;}

footer p {margin: 0; font-family: 'Jost'; font-weight: 300; font-size: 15px; line-height: 1.8em;}
footer p .time > span {float: left;}
footer a, footer a:hover, footer a:focus {color: white; text-decoration: none;}
footer .container {position: relative;}
.site-footer {padding: 0 0 90px; background: #222222; color: white;}
.site-footer .row > div {max-height: 99999px;}
.site-footer h3 {padding: 90px 0 0; clear: both;}
.site-footer .day {float: left;}
.site-footer2 {padding: 15px 0; max-height: 99999px;}
.site-footer2 .fa {margin-left: 5px; top: -2px; vertical-align: middle; font-size: 145%;}
.site-footer2 a {text-decoration: none;}
.site-footer .footerdate {vertical-align: middle;}
.site-footer .footerdate + a {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
width: calc(100% - 100px);
vertical-align: middle;
}

.navbar {border-radius: 0px!important;}
.navbar-default {z-index: 2; position: absolute; width: 100%; background: transparent; border: 0; text-transform: uppercase;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-brand, .navbar-default .navbar-nav>li>a {opacity: 1; text-decoration: none; border-top: 3px solid transparent; color: #222222; margin: 20px 0 25px 30px; padding: 4px 0;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {border-top: 3px solid #222222;}
.navbar-collapse {-webkit-box-shadow: none; box-shadow: none;}
.navbar-default .navbar-toggle {margin-top: 20px; margin-bottom: 22px;}
.navbar-default .navbar-toggle .icon-bar {background-color: #222222;}
.page-template .navbar-default .navbar-toggle .icon-bar,
.navbar-default.attop .navbar-toggle .icon-bar {background-color: #222222;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: transparent; opacity: 1;}
.navbar-default .navbar-toggle {border-color: transparent;}
.navbar-default .navbar-brand {margin: 2px 0 0;}
.navbar-default .navbar-brand img {display: block; width: 170px;}
.navbar-default .navbar-brand img.attop {display: none;}
.page-template .navbar-brand img,
.navbar-default.attop .navbar-brand img {display: none;}
.page-template .navbar-default .navbar-brand img.attop,
.navbar-default.attop .navbar-brand img.attop {display:block;}
.page-template .navbar-default, .navbar-default.attop {position: fixed; background: white; border-bottom: 1px solid rgba(86,76,73,0.15); z-index: 99;}
.navbar-default.attop .navbar-brand:focus, .navbar-default.attop .navbar-brand:hover,
.navbar-default.attop .navbar-nav>li>a:focus, .navbar-default.attop .navbar-nav>li>a:hover, .navbar-default.attop .navbar-brand, .navbar-default.attop .navbar-nav>li>a,
.page-template .navbar-default .navbar-brand:focus, .page-template .navbar-default .navbar-brand:hover,
.page-template .navbar-default .navbar-nav>li>a:focus, .page-template .navbar-default .navbar-nav>li>a:hover, .page-template .navbar-default .navbar-brand, .page-template .navbar-default .navbar-nav>li>a {color: #222222;}
.navbar-default.attop .navbar-nav>li>a:hover, .page-template .navbar-default .navbar-nav>li>a:hover {border-color: #222222;}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {margin-left: 0px!important;}
.navmenu-default {border: 0; background-color: #222222; border-color: transparent;}
.navmenu-default .navmenu-nav>li>a {text-decoration: none; color: white;}
.navmenu-default .navmenu-nav>li>a:hover, .navbar-default .navbar-offcanvas .navmenu-nav>li>a:hover, .navmenu-default .navmenu-nav>li>a:focus, .navbar-default .navbar-offcanvas .navmenu-nav>li>a:focus { color: white;}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {color: white;}
.navmenu-nav {margin-top: 16px; font-size: 27px; line-height: 1.4em;}
.navmenu, .navbar-offcanvas {width: 380px;}
.navmenu img {width: 200px; margin: 20px 15px;}
.navbar-default .navbar-nav > li:last-child > a {border-color: transparent!important;}

.low_height.page-template .navbar-default, 
.low_height .navbar-default.attop,
.old_Android.page-template .navbar-default, 
.old_Android .navbar-default.attop,
.old_iOS.page-template .navbar-default, 
.old_iOS .navbar-default.attop {position: absolute;}

h1 {text-transform: uppercase; font-weight: 700; font-size: 50px; margin-bottom: 0.5em; margin-top: 0px;}
h3 {font-weight: 700; font-size: 21px; text-transform: uppercase;}
p {margin-bottom: 1.8em;}
.post-content h2 {margin-bottom: 0; margin-top: 25px; color: #333; font-family: 'Jost'; font-weight: 600; font-size: 16px; line-height: 1.8em;}
.post-content h2 em {font-size: 23px; line-height: 1.25em; padding: 10px 0 5px; font-style: normal; display: block;}
.post-content ul, 
.post-content ol {margin-bottom: 1.8em; color: #333;}
.featured-image img {margin-top: 10px; max-width: 100%;}

.post-content p a {color: #333;}
a {text-decoration: underline;}
a:hover {text-decoration: none;}
.post-content {font-family: 'Jost'; font-weight: 300; font-size: 16px; line-height: 1.8em;}

.btn {color: white; text-decoration: none; padding-left: 25px; padding-right: 25px; border-radius: 0; border: 0; font-family: 'PT Sans Narrow', sans-serif; font-weight: 700; font-size: 17px; text-transform: uppercase;
    -webkit-transition: all 0.2s ease;                  
    -moz-transition: all 0.2s ease;                 
    -o-transition: all 0.2s ease;   
    -ms-transition: all 0.2s ease;          
    transition: all 0.2s ease;
}
.btn-default:active:hover, .btn-default:focus, .btn-default:hover, .btn-default {opacity: 1; border: 1px solid #222222 !important; background: transparent; color: #222222; -webkit-box-shadow: none; box-shadow: none;}
.btn-default:active:hover, .btn-default:focus, .btn-default:hover {background: #5e2d83; border-color: #5e2d83!important;}
.btn-primary:active:hover, .btn-primary:focus, .btn-primary:hover, .btn-primary {opacity: 1; border: 1px solid #222222 !important; background: #222222; color: white; -webkit-box-shadow: none; box-shadow: none;}
.btn-primary:active:hover, .btn-primary:focus, .btn-primary:hover {background: #5e2d83; border-color: #5e2d83!important;}
.btn-default:active:hover, .btn-default:hover, .btn-primary:active:hover, .btn-primary:hover {opacity: 1;}
.btn:active:hover, .btn:focus, .btn:hover {color: white;}
.intro .btn-primary:hover, .intro .btn-default {color: white !important; border: 1px solid #5e2d83 !important; background: #5e2d83!important;}
.intro .btn-primary, .intro .btn-default:hover {border: 1px solid #222222!important; background: #222222!important;}
.fa {font-size: 180%; display: inline-block; cursor: pointer; margin: 0; position: relative; top: 3px;} 
.form-group {color: #333;}
.btn:active {-webkit-box-shadow: none; box-shadow: none;}
.form-control.error {border-color: red;}


.arrow {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -20px;
  width: 40px;
  height: 40px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE4NS4zNDQgMTg1LjM0NCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTg1LjM0NCAxODUuMzQ0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PGc+PHBhdGggc3R5bGU9ImZpbGw6I2ZmZmZmZjsiIGQ9Ik05Mi42NzIsMTQ0LjM3M2MtMi43NTIsMC01LjQ5My0xLjA0NC03LjU5My0zLjEzOEwzLjE0NSw1OS4zMDFjLTQuMTk0LTQuMTk5LTQuMTk0LTEwLjk5MiwwLTE1LjE4YzQuMTk0LTQuMTk5LDEwLjk4Ny00LjE5OSwxNS4xOCwwbDc0LjM0Nyw3NC4zNDFsNzQuMzQ3LTc0LjM0MWM0LjE5NC00LjE5OSwxMC45ODctNC4xOTksMTUuMTgsMGM0LjE5NCw0LjE5NCw0LjE5NCwxMC45ODEsMCwxNS4xOGwtODEuOTM5LDgxLjkzNEM5OC4xNjYsMTQzLjMyOSw5NS40MTksMTQ0LjM3Myw5Mi42NzIsMTQ0LjM3M3oiLz48L2c+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==);
  background-size: contain;
}
.touch .arrow {display: none;}

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

.team {padding: 90px 0; text-align: center; background: #444444;}
.team > div {}
.teamcontrol {font-size: 20px; position: relative; bottom: 6px;
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
}
.teamcontrol.next {position: absolute; right: 15px; display: block; margin-bottom: 71px; z-index: 1;}
.teamcontrol.prev {position: absolute; left: 15px; display: block; margin-bottom: 71px; z-index: 1;}
.teamcontrol .fa {font-size: 250%;}
[class*=" icon-"]:before, [class^=icon-]:before {margin: 0;}

.ch-img-1 {background-image: url(/img/pers1.jpg); background-size: cover;}
.ch-img-2 {background-image: url(/img/pers2.jpg); background-size: cover;}
.ch-img-3 {background-image: url(/img/pers2.jpg); background-size: cover;}
.ch-grid {height: 175px; overflow: hidden; margin: 0; padding: 0;}

.ch-grid li {
    width: 175px;
    height: 175px;
    margin: 0 10px;
    position: relative;
    display: none;
}
.ch-grid li:nth-child(1),
.ch-grid li:nth-child(2),
.ch-grid li:nth-child(3),
.ch-grid li:nth-child(4) {display: inline-block;}
.ch-item {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    box-shadow: inset 0 0 0 0 #222222, inset 0 0 0 16px rgba(55,55,55,0.2);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.ch-grid:after, .ch-item:before {
    content: '';
    display: table;
}
.ch-info {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-backface-visibility: hidden;
}
.ch-info .h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 24px;
    margin: 0 30px;
    padding: 52px 0 0 0;
    height: 85px;
    font-weight: 700;
}
.ch-info p {
    color: #fff;
    padding: 5px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    line-height: 1.6em;
    border-top: 1px solid rgba(255,255,255,0.5);
    font-family: 'Jost';
    font-weight: 300;
}
.ch-info p a {
    display: block;
    color: #fff;
    color: rgba(255,255,255,0.5);
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
    padding-top: 4px;
    text-decoration: none;
    font-family: 'PT Sans Narrow'
}
.ch-item:hover {
    opacity: 1; box-shadow: inset 0 0 0 110px #222222, inset 0 0 0 16px black;
}
.ch-item:hover .ch-info {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
  .mobile {display: none;}
  .desktop {display: inline;}
form {padding-right: 30px; clear: both;}
label {font-weight: 300;}
.border {border: 6px solid white; box-shadow: 0px 0px 6px rgba(0,0,0,0.25);}
.border img {margin-top: 0px;}
.rotate {
    -ms-transform: rotate(3deg); /* IE 9 */
    -webkit-transform: rotate(3deg); /* Chrome, Safari, Opera */
    transform: rotate(3deg);
}
#front {clear: both; position: absolute; width: 100%; max-width: 300px; right: 0; margin-top: -160px;}
#front img {display: block; width: 100%;}
.post-content img, .post-content iframe {max-width: 100%;}
.post-content img.small {max-height: 200px; width: auto; display: inline-block; margin-bottom: 4px;}
.post-content img.medium {max-height: 300px; width: auto; display: inline-block; margin-bottom: 4px;}

#gallery {padding-top: 10px; padding-bottom: 20px;}
#gallery.row {margin-left: -4px; margin-right: -4px;}
#gallery.row > div {padding: 4px;}
#gallery img {width: 100%;}

#lightbox {cursor: pointer; display: none; z-index: 99; position: fixed; top: 0; left: 0; background: #222 url('/img/preloader.gif') center center no-repeat; text-align: center;}
#lightbox #image {z-index: 0; display: inline; max-height: 95vh; max-width: 95vw;}
#nextbutton {color: white; float: right; width: 50px; height: 50px; line-height: 45px; margin-right: 2.5vw; font-size: 50px;}
#prevbutton {color: white; float: left; width: 50px; height: 50px; line-height: 45px; margin-left: 2.5vw; font-size: 50px;}
#closebutton {color: white; position: absolute; top: 2vh; right: 2.5vw; width: 50px; height: 50px; line-height: 50px; margin-left: 2.5vw; font-size: 20px; font-weight: 300;}
#controls {height: 50px; top: 50%; position: fixed; margin-top: -25px; width: 100%;}
#controls a {color: white; text-decoration: none;}
#controls a:hover, #controls a:active {color: silver;}

.videoWrapper {
	position: relative;
	padding-bottom: 52.8%; /*custom */
	height: 0;
	margin-bottom: 25px;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
blockquote p {margin-bottom: 5px!important;}
.gradientdown {
  display: block;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+52,000000+100&0+52,0.32+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 52%, rgba(0,0,0,0.32) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 52%,rgba(0,0,0,0.32) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 52%,rgba(0,0,0,0.32) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#52000000',GradientType=0 ); /* IE6-9 */
}
.gradientdown img {opacity: 0;}
.gradientdown h3 {position: absolute; left: 38px; bottom: 33px; border-bottom: 1px dotted rgba(255,255,255,0.5); width: calc(100% - 76px); color: white!important; line-height: 1.1em; padding-bottom: 10px;}
.gradientdown div {color: rgba(255,255,255,0.6); position: absolute; left: 38px; bottom: 15px; }
.nieuws_date {border-top: 1px dotted silver; color: silver; line-height: 2.1.8em; padding-bottom: 50px;}
.visualnieuws_date .fa, .nieuws_date .fa {font-size: 15px; position: relative; bottom: 6px; top: -1px; margin-right: 3px;}

#instagram {
  text-align: center;
padding: 0 0 90px;
background: white;
color: #222222;
}
#team + #instagram {padding-top: 90px;}
#instagram .post-header span {
font-size: 23px;
text-transform: uppercase;
font-weight: 300;
}
#instagram .post-header h2 {
    font-size: 60px;
    margin-top: 5px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 0.5em;
}

.footerdate {width: 100px; display: inline-block;}

#whatsappme {display: block; position: fixed; right: 0; bottom: 0;}
#whatsappme img {height: 50px; width: 50px; margin-bottom: 15px; margin-right: 15px;}

#bottomright_popup {
  position: fixed; 
  bottom: 0; 
  right: 0; 
  z-index: 70; 
  text-align: center;
  transform: translateY(100%);
  transition: all 1s ease-out;
}
#bottomright_popup .window {
  margin-top: 65px; 
  width: 300px; 
  position: relative; 
  background: #5e2d83;
  padding: 30px 20px 20px; 
  margin-right: 15px;
}
.notificationactive #bottomright_popup {
  transform: translateY(0%);
}
#bottomright_popup .window p {
  font-family: 'Jost';
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6em;
  color: #fff;
  margin-bottom: 1.2em;
}
#bottomright_popup .window .close {
  position: absolute; 
  right: 0; 
  top: 3px; 
  width: 34px; 
  height: 34px;
  display: block;
}
#bottomright_popup .window .close a {display: block; height: 100%; width: 100%; cursor: pointer;}
#bottomright_popup .window .close a::before, #bottomright_popup .window .close a::after {
  content: "";
  width: 18px;
  height: 2px;
  background: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
} 
#bottomright_popup .window .close a::after {transform: translate(-50%, -50%) rotate(-45deg);} 
#bottomright_popup .window p:last-child {margin-bottom: 0;}
#bottomright_popup .window .btn-primary {background: #c1a87f;}
#bottomright_popup .window .btn-primary:hover {background: #222;}

@media all and (max-width: 1300px) {
.site-footer2 .text-right {text-align: left;}
}
@media all and (max-width: 1199px) {
.behandelingen .sidebar {padding-left: 0!important; border-left: 0!important;}
}

@media all and (max-width: 991px) {
  .intro > div > div {background: rgba(195,195,195,0.8); height: 800px; }
  form, .twocols .post-content p {padding-right: 0px;}
}
@media all and (max-width: 991px) and (min-width: 768px) {
  .navbar-nav > li:nth-child(3) {display: none;}
  .navbar-nav > li:nth-child(4) {display: none;}
}
@media all and (max-width: 1199px)and (min-width: 991px) {
  .navbar-nav > li:nth-child(4) {display: none;}
}
@media all and (max-width: 767px) {
	.navbar-default .navbar-collapse {background: #222222; border: none;}
  .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {margin-left: 15px!important;}
  .ch-grid {
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  .salon {background-image: url('../img/kapperamsterdamsalon-s.jpg');}
  .salon2 {background-image: url('../img/website-actie-foto-kapper-amsterdam.jpg');}
}
@media all and (max-width: 600px) {
  .mobile {display: inline-block;}
  .desktop {display: none;}
  #openingstijden.salon {background: #bebebe!important;}
  body.home .salon2 {height: 25px!important; background: #bebebe!important;}
}
@media all and (max-width: 450px) {
  #popup div.popupcontent p {font-family: 'PT Sans Narrow', sans-serif!important;}
  .salon .circle p {width: 280px;}
  .salon .circle p .time {width: 140px;}
  .salon .circle p .day {width: 140px;}
  .salon {background-image: url('../img/kapperamsterdamsalon-xs.jpg');}
  .salon2 {background-image: url('../img/website-actie-foto-kapper-amsterdam.jpg');}
}



.youtube_embed {margin-top: 25px!important; padding-bottom: 56.8%; position: relative; cursor: pointer; display: block; margin-bottom: 15px;}
.ytp-large-play-button {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 68px;
        height: 48px;
        margin-left: -34px;
        margin-top: -24px;
        -moz-transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1);
        -webkit-transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1);
        transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1);
        z-index: 63;
}
.ytp-button:not([aria-disabled="true"]):not([disabled]):not([aria-hidden="true"]) {cursor: pointer;}
.ytp-button:focus, .ytp-button {outline: 0;}
.ytp-button {
        border: none;
        background-color: transparent;
        padding: 0;
        color: inherit;
        text-align: inherit;
        font-size: 100%;
        font-family: inherit;
        cursor: default;
        line-height: inherit;
}
.youtube_embed:hover .ytp-large-play-button-bg {
        -moz-transition: fill .1s cubic-bezier(0.0,0.0,0.2,1),fill-opacity .1s cubic-bezier(0.0,0.0,0.2,1);
        -webkit-transition: fill .1s cubic-bezier(0.0,0.0,0.2,1),fill-opacity .1s cubic-bezier(0.0,0.0,0.2,1);
        transition: fill .1s cubic-bezier(0.0,0.0,0.2,1),fill-opacity .1s cubic-bezier(0.0,0.0,0.2,1);
        fill: #f00;
        fill-opacity: 1;
}


#mapcontainer {height: 240px; overflow: hidden;}
#mapoverlay, #map {
    margin-top: 76px;
    width: 100%;
    height: 164px;
    background: #f7f7f7 url('/img/map.jpg') center center no-repeat;
}
#mapoverlay {position: absolute; top: 0; left: 0; background:transparent}