/* cmsms stylesheet: layerslider modified: 09-01-17 17:38:08 */
/******* Slider ******/

div.slider {
margin: 0;
}



div.ls-l {
color: #fff; 
font-weight: 300; 
white-space: nowrap; 
background-color: rgba(51, 51, 51, 0.8); 
padding: 20px;
padding-top: 10px;
}

div.ls-l h2 {
padding-bottom: 20px;
color: #fff;
}

div.ls-l a {
color: white;
background-color: #8C0105;
padding: 8px;
border: 1px #fff solid;
text-transform: uppercase;
}

/******* end slider ********/

/*
	* Style settings of LayerSlider
	*
	* (c) 2011-2014 George Krupa, John Gera & Kreatura Media
	*
	* Plugin web:			http://kreaturamedia.com/
	* Licenses: 			http://codecanyon.net/licenses/
*/



/* Global settings */

.ls-container {
	visibility: hidden;
	position: relative;
}

.ls-lt-container {
	position: absolute;
}

.ls-lt-container,
.ls-lt-container * {
	text-align: left !important;
	direction: ltr !important;
}

.ls-container-fullscreen {
	margin: 0 auto !important;
	padding: 2% !important;
	background: black !important;
	border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border: none !important;
}

.ls-container-fullscreen .ls-thumbnail-wrapper,
.ls-container-fullscreen .ls-fullscreen,
.ls-container-fullscreen .ls-shadow {
	display: none !important;
}

.ls-overflow-hidden {
	overflow: hidden;
}

.ls-inner {
	position: relative;
	background-position: center center;
	z-index: 2;
}

.ls-loading-container {
	position: absolute !important;
	display: none;
	z-index: 3 !important;
	left: 50% !important;
	top: 50% !important;
}

.ls-loading-indicator {
	margin: 0 auto;
}

.ls-inner,
.ls-slide {
	width: 100%;
	height: 100%;
}

.ls-slide,
.ls-layer {
	position: absolute;
	display: none;
	background-position: center center;
	overflow: hidden;
}

.ls-active,
.ls-animating {
	display: block !important;
}

.ls-slide > * {
	position: absolute;
	line-height: normal;
	margin: 0;
	left: 0;
	top: 0;
}

.ls-slide .ls-bg {
	left: 0px;
	top: 0px;
	transform: none !important;
	-o-transform: none !important;
	-ms-transform: none !important;
	-moz-transform: none !important;
	-webkit-transform: none !important;
}

.ls-yourlogo {
	position: absolute;
	z-index: 99;
}



/* Timers */

.ls-bar-timer {
	position: absolute;
	width: 0;
	height: 2px;
	background: white;
	border-bottom: 2px solid #555;
	opacity: .55;
	filter: alpha(opacity=55);
	z-index: 4;
	top: 0;
}

.ls-circle-timer {
	width: 16px;
	height: 16px;
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 4;
	opacity: .65;
	filter: alpha(opacity=65);
	display: none;
}

.ls-ct-half {
	background: white;
}

.ls-ct-center {
	background: #444;
}

.ls-ct-left,
.ls-ct-right {
	width: 50%;
	height: 100%;
	overflow: hidden;
}

.ls-ct-left,
.ls-ct-right {
	float: left;
	position: relative;
}

.ls-ct-rotate {
	width: 200%;
	height: 100%;
	position: absolute;
	top: 0;
}

.ls-ct-left .ls-ct-rotate,
.ls-ct-right .ls-ct-hider,
.ls-ct-right .ls-ct-half {
	left: 0;
}

.ls-ct-right .ls-ct-rotate,
.ls-ct-left .ls-ct-hider,
.ls-ct-left .ls-ct-half {
	right: 0;
}

.ls-ct-hider,
.ls-ct-half {
	position: absolute;
	top: 0;
}

.ls-ct-hider {
	width: 50%;
	height: 100%;
	overflow: hidden;
}

.ls-ct-half {
	width: 200%;
	height: 100%;
}

.ls-ct-center {
	width: 50%;
	height: 50%;
	left: 25%;
	top: 25%;
	position: absolute;
}

.ls-ct-half,
.ls-ct-center {
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
}



/* Navigation */

.ls-bottom-nav-wrapper {
	height: 0;
}

.ls-bottom-slidebuttons {
	text-align: left;
}

.ls-bottom-nav-wrapper,
.ls-below-thumbnails {
	z-index: 2;
	height: 0;
	position: relative;
	text-align: center;
	margin: 0 auto;
}

.ls-below-thumbnails {
	display: none;
	z-index: 6;
}

.ls-bottom-nav-wrapper a,
.ls-nav-prev,
.ls-nav-next {
	outline: none;
max-height: 300px;
}

* .ls-bottom-nav-wrapper *,
* .ls-bottom-nav-wrapper span * {
	direction: ltr !important;
}

.ls-bottom-slidebuttons {
	position: relative;
	z-index: 1000;
}

.ls-bottom-slidebuttons,
.ls-nav-start,
.ls-nav-stop,
.ls-nav-sides {
	position: relative;
}

.ls-nothumb {
	text-align: center !important;
}

.ls-link {
	position: absolute;
	width: 100% !important;
	height: 100% !important;
	left: 0 !important;
	top: 0 !important;
	background-image: url(https://www.beaumedique.nl/dist/layerslider/css/blank.gif);
}

.ls-slide > a > * {
	background-image: url(https://www.beaumedique.nl/dist/layerslider/css/blank.gif);
}



/* Embedded videos */

.ls-vpcontainer {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.ls-videopreview {
	width : 100%;
	height : 100%;
	position : absolute;
	left : 0;
	top : 0;
	cursor : pointer;
}

.ls-playvideo {
	position: absolute;
	left: 50%;
	top: 50%;
	cursor: pointer;
}



/* Thumbnails */

.ls-tn {
	display: none !important;
}

.ls-thumbnail-hover {
	display: none;
	position: absolute;
	left: 0;
}

.ls-thumbnail-hover-inner {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}

.ls-thumbnail-hover-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.ls-thumbnail-hover-img {
	position: absolute;
	overflow: hidden;
}

.ls-thumbnail-hover img {
	max-width: none !important;
	position: absolute;
	display: inline-block;
	visibility: visible !important;
	left: 50%;
	top: 0;
}

.ls-thumbnail-hover span {
	left: 50%;
	top: 100%;
	width: 0;
	height: 0;
	display: block;
	position: absolute;
	border-left-color: transparent !important;
	border-right-color: transparent !important;
	border-bottom-color: transparent !important;
}

.ls-thumbnail-wrapper {
	position: relative;
	width: 100%;
	margin: 0 auto;
	z-index: 4;
}

.ls-thumbnail {
	position: relative;
	margin: 0 auto;
}

.ls-thumbnail-inner,
.ls-thumbnail-slide-container {
	width: 100%;
}

.ls-thumbnail-slide-container {
	overflow: hidden !important;
	position: relative;
}

.ls-touchscroll {
	overflow-x: auto !important;
}

.ls-thumbnail-slide {
	text-align: center;
	white-space: nowrap;
	float: left;
	position: relative;
}

.ls-thumbnail-slide a {
	overflow: hidden;
	display: inline-block;
	width: 0;
	height: 0;
	position: relative;
}

.ls-thumbnail-slide img {
	max-width: none !important;
	max-height: 100% !important;
	height: 100%;
	visibility: visible !important;
}

.ls-shadow {
	display: none;
	position: absolute;
	z-index: 1;
	top: 100%;
	width: 100%;
	left: 0;
	overflow: hidden !important;
	visibility: hidden;
}

.ls-shadow img {
	width: 100% !important;
	height: auto !important;
	position: absolute !important;
	left: 0 !important;
	bottom: 0 !important;
}

.ls-bottom-nav-wrapper,
.ls-thumbnail-wrapper,
.ls-nav-prev,
.ls-nav-next {
	visibility: hidden;
}



/* WP plugin fullwidth */

.ls-wp-fullwidth-container {
	width: 100%;
	position: relative;
}

.ls-wp-fullwidth-helper {
	position: absolute;
}



/* 2D & 3D Layer Transitions */

.ls-overflow-hidden {
	overflow: hidden;
}

.ls-lt-tile {
	position: relative;
	float: left;
	perspective: 1000px;
	-o-perspective: 1000px;
	-ms-perspective: 1000px;
	-moz-perspective: 1000px;
	-webkit-perspective: 1000px;
}

.ls-lt-tile img {
	visibility: visible;
	display: inline-block;
}

.ls-curtiles {
	overflow: hidden;
}

.ls-curtiles,
.ls-nexttiles {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.ls-curtile, .ls-nexttile {
	overflow: hidden;
	position: absolute;
	width: 100% !important;
	height: 100% !important;
	backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

.ls-curtile {
	left: 0;
	top: 0;
}

.ls-curtile img,
.ls-nexttile img {
	position: absolute;
	filter: inherit;
}

.ls-3d-container {
	position: relative;
	overflow: visible !important;
}

.ls-3d-box {
	position: absolute;
	top: 50%;
	left: 50%;
	transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
}

.ls-3d-box div {
	overflow: hidden;
	background: #777;
	margin: 0;
	padding: 0;
	position: absolute;
}



/* Full screen */

.ls-fullscreen {
	position: absolute;
	z-index: 10;
	cursor: pointer;
	display: block;
}



/* Removing all default global styles of WordPress themes */

html * .ls-nav-prev,
html * .ls-nav-next,
html * .ls-container img,
html * .ls-bottom-nav-wrapper a,
html * .ls-container .ls-fullscreen,
body * .ls-nav-prev,
body * .ls-nav-next,
body * .ls-container img,
body * .ls-bottom-nav-wrapper a,
body * .ls-container .ls-fullscreen,
#ls-global * .ls-nav-prev,
#ls-global * .ls-nav-next,
#ls-global * .ls-container img,
#ls-global * .ls-bottom-nav-wrapper a,
#ls-global * .ls-container .ls-fullscreen,
html * .ls-thumbnail a,
body * .ls-thumbnail a,
#ls-global * .ls-thumbnail a {
	transition: none;
	-o-transition: none;
	-ms-transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	line-height: normal;
	outline: none;
	padding: 0;
	border: 0;
}

html * .ls-slide > a,
body * .ls-slide > a,
#ls-global * .ls-slide > a,
html * .ls-slide > h1,
body * .ls-slide > h1,
#ls-global * .ls-slide > h1,
html * .ls-slide > h2,
body * .ls-slide > h2,
#ls-global * .ls-slide > h2,
html * .ls-slide > h3,
body * .ls-slide > h3,
#ls-global * .ls-slide > h3,
html * .ls-slide > h4,
body * .ls-slide > h4,
#ls-global * .ls-slide > h4,
html * .ls-slide > h5,
body * .ls-slide > h5,
#ls-global * .ls-slide > h5,
html * .ls-slide > p,
body * .ls-slide > p,
#ls-global * .ls-slide > p,
html * .ls-slide > div,
body * .ls-slide > div,
#ls-global * .ls-slide > div,
html * .ls-slide > span,
body * .ls-slide > span,
#ls-global * .ls-slide > span,
html * .ls-slide > *,
body * .ls-slide > *,
#ls-global * .ls-slide > * {
	transition: none;
	-o-transition: none;
	-ms-transition: none;
	-moz-transition: none;
	-webkit-transition: none;
}

html * .ls-slide > *,
body * .ls-slide > *,
#ls-global * .ls-slide > * {
	margin: 0;
}

html * .ls-container img,
body * .ls-container img,
#ls-global * .ls-container img {
	background: none !important;
	min-width: 0 !important;
	max-width: none !important;
	border-radius: 0;
	box-shadow: none;
	border: 0;
	padding: 0;
}

/*html * .ls-thumbnail a img,
body * .ls-thumbnail a img,
#ls-global * .ls-thumbnail a img {
	min-width: 100% !important;
}
*/

html * .ls-wp-container .ls-slide > *,
body * .ls-wp-container .ls-slide > *,
#ls-global * .ls-wp-container .ls-slide > * {
	line-height: normal;
	outline: none;
	padding: 0;
	margin: 0;
	border: 0;
}

html * .ls-wp-container .ls-slide > a > *,
body * .ls-wp-container .ls-slide > a > *,
#ls-global * .ls-wp-container .ls-slide > a > * {
	margin: 0;
}

html * .ls-wp-container .ls-slide > a,
body * .ls-wp-container .ls-slide > a,
#ls-global * .ls-wp-container .ls-slide > a {
	text-decoration: none;
}

.ls-wp-fullwidth-container,
.ls-wp-fullwidth-helper,
.ls-container,
.ls-container * {
	box-sizing: content-box !important;
	-moz-box-sizing: content-box !important;
	-webkit-box-sizing: content-box !important;
}

html * .ls-yourlogo,
body * .ls-yourlogo,
#ls-global * .ls-yourlogo {
	margin: 0;
}

html * .ls-tn,
body * .ls-tn,
#ls-global * .ls-tn {
	display: none;
}

.site {
	overflow: visible !important;
}



/* Style of LayerSlider Debug Console */

.ls-debug-console * {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	color: white !important;
	text-shadow: none !important;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif !important;
	line-height: normal !important;
	-webkit-font-smoothing: antialiased !important;
	text-align: left !important;
	font-style: normal !important;
}

.ls-debug-console h1 {
	padding-top: 10px !important;
	font-size: 17px !important;
	font-weight: bold !important;
}

.ls-debug-console h1:first-child {
	padding-top: 0 !important;
}

.ls-debug-console ul {
	padding-top: 10px !important;
	list-style: none !important;
}

.ls-debug-console li {
	margin-left: 10px !important;
	font-size: 13px !important;
	position: relative !important;
	font-weight: normal !important;
}

html * .ls-debug-console li ul,
body * .ls-debug-console li ul,
#ls-global * .ls-debug-console li ul {
	display: none;
	width: 260px;
	left: -10px;
}

.ls-debug-console li ul {
	position: absolute !important;
	bottom: 100% !important;
	padding: 10px 10px 10px 0 !important;
	background: white !important;
	border-radius: 10px !important;
	box-shadow: 0 0 20px black !important;
}

html * .ls-debug-console li:hover ul,
body * .ls-debug-console li:hover ul,
#ls-global * .ls-debug-console li:hover ul {
	display: block;
}

.ls-debug-console li ul * {
	color: black !important;
}

.ls-debug-console a {
	text-decoration: none !important;
	border-bottom: 1px dotted white !important;
}

.ls-error {
	border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	-wenkit-border-radius: 5px !important;
	background: white !important;
	height: auto !important;
	width: auto !important;
	color: white !important;
	padding: 20px 40px 30px 80px !important;
	position: relative !important;
	box-shadow: 0 2px 20px -5px black;
}

.ls-error p {
	line-height: normal !important;
	text-shadow: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	text-align: justify !important;
	font-family: Arial, sans-serif !important;
}

.ls-error .ls-error-title {
	line-height: 40px !important;
	color: red !important;
	font-weight: bold !important;
	font-size: 16px !important;
}

.ls-error .ls-error-text {
	color: #555 !important;
	font-weight: normal !important;
	font-size: 13px !important;
}

.ls-error .ls-exclam {
	width: 40px !important;
	height: 40px !important;
	position: absolute !important;
	left: 20px !important;
	top: 20px !important;
	border-radius: 50px !important;
	-moz-border-radius: 50px !important;
	-webkit-border-radius: 50px !important;
	font-size: 30px !important;
	font-weight: bold !important;
	color: white !important;
	line-height: 40px !important;
	background: red !important;
	text-align: center !important;
}



/* GPU Hardware Acceleration */

html * .ls-container .ls-shadow,
html * .ls-container .ls-slide > *,
html * .ls-container .ls-fullscreen,
html * .ls-container .ls-3d-container,
html * .ls-container .ls-lt-container,
html * .ls-container .ls-lt-container *,
html * .ls-container .ls-thumbnail-wrapper,
html * .ls-container .ls-bottom-nav-wrapper,
body * .ls-container .ls-shadow,
body * .ls-container .ls-slide > *,
body * .ls-container .ls-fullscreen,
body * .ls-container .ls-3d-container,
body * .ls-container .ls-lt-container,
body * .ls-container .ls-lt-container *,
body * .ls-container .ls-thumbnail-wrapper,
body * .ls-container .ls-bottom-nav-wrapper,
#ls-global * .ls-container .ls-shadow,
#ls-global * .ls-container .ls-slide > *,
#ls-global * .ls-container .ls-fullscreen,
#ls-global * .ls-container .ls-3d-container,
#ls-global * .ls-container .ls-lt-container,
#ls-global * .ls-container .ls-lt-container *,
#ls-global * .ls-container .ls-thumbnail-wrapper,
#ls-global * .ls-container .ls-bottom-nav-wrapper,
.ls-gpuhack {
	transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
}

.ls-videohack {
	transform: none !important;
	-o-transform: none !important;
	-ms-transform: none !important;
	-moz-transform: none !important;
	-webkit-transform: none !important;
	transform-origin: none !important;
	-o-transform-origin: none !important;
	-ms-transform-origin: none !important;
	-moz-transform-origin: none !important;
	-webkit-transform-origin: none !important;
}

.ls-oldiepnghack {
	filter: none !important;
}

.ls-gpuhack {
	width: 100% !important;
	height: 100% !important;
	left: 0px !important;
	top: 0px !important;
}


html * .ls-container .ls-webkit-hack,
body * .ls-container .ls-webkit-hack,
#ls-global * .ls-container .ls-webkit-hack {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

/* GPU */

@media (transform-3d), (-o-transform-3d), (-ms-transform-3d), (-moz-transform-3d), (-webkit-transform-3d) {
	#ls-test3d {
		position: absolute;
		left: 9px;
		height: 3px;
	}
}

/* Mobile features */

.ls-forcehide {
	display: none !important;
}
/* cmsms stylesheet: custom-style modified: 14-06-17 13:41:40 */
div.logo {
padding: 35px 0;
}

img {
max-width: 100%;
height: auto;
display: block;
}

@media screen and (min-width: 840px) {
div.zoeken {
padding-top: 80px;
}
}

.btn-primary {
background-color: #4B63A6;
border-color: #9A9582;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
background-color: #172D69;
border-color: #9A9582;
}

.search-input {
width: 80%;
float: left;
}

.search-button {
width: 20%;
float: right;
}

nav {
border-top: 4px solid #405CA6;
border-bottom: 4px solid #405CA6;
}

@media screen and (max-width: 840px) {
nav {
margin-top: 20px;
}
}

div.slider {
border-bottom: 5px solid #9A967F;
}

div.slider-container {
width: 1140px;
margin-left: auto;
margin-right: auto;
}

div.katja {
border: 1px solid #ccc;
margin-bottom: 30px;
}



div.trigger-blok {
padding: 15px 60px 30px 60px;
border: 1px solid #ccc;
margin-bottom: 30px;
background-color: #e8edfc;
}

div.trigger-blok ul {
list-style-type: square;
color: #172D69;
font-size: 2em;
}

div.trigger-blok ul li{
line-height: 75%;
}

div.trigger-blok ul li a {
color: #94927B;
font-size: 18px;
}

div.hvcg {
text-align: center;
padding: 10px;
border: 1px solid #ccc;
margin-bottom: 30px;
}

@media screen and (min-width: 840px) {
div.hvcg {
padding: 40px 30px 40px 30px;
}
}


div.paars-blok {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9e9abb+0,8e87b1+50,9e9abb+100 */
background: #9e9abb; /* Old browsers */
background: -moz-linear-gradient(left,  #9e9abb 0%, #8e87b1 50%, #9e9abb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #9e9abb 0%,#8e87b1 50%,#9e9abb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #9e9abb 0%,#8e87b1 50%,#9e9abb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e9abb', endColorstr='#9e9abb',GradientType=1 ); /* IE6-9 */
padding: 30px 40px 60px 40px;
text-align: center;
margin-bottom: 20px;
}

div.paars-blok h2 {
color: #fff;
font-size: 1.6em;
font-weight: bold
}

div.paars-blok a.btn {
width: 100%;
margin-top: 15px;
}

div.paars-blok a.btn-default {
background-color: #C4C2D0;
border-radius: 0;
color: #666;
}

div.paars-blok p {
color: #fff;
}

div.wit-blok {
margin-top: 30px;
border: 1px solid #ccc;
padding: 10px 20px 20px 20px;
background-position: bottom right;
background-repeat: no-repeat;
}

div.wit-blok:hover {
-webkit-box-shadow: 0 0 10px #ccc;
        box-shadow: 0 0 10px #ccc;
}

div.wit-blok a h3, div.wit-blok a p {
color: #333;
}

div.wit-blok a h3 {
font-size: 1.4em;
max-width: 240px;
}

div.wit-blok a:hover {
text-decoration: none;
}

div.blokw1 {
background-image: url(https://www.beaumedique.nl/images/blok1.jpg);
}

div.blokw2 {
background-image: url(https://www.beaumedique.nl/images/blok2.jpg);
}

div.blokw3 {
background-image: url(https://www.beaumedique.nl/images/blok3.jpg);
}

div.nieuwsbriefbutton, div.kijkuitbutton {
margin-top: 30px;
}

div.kijkuitbutton {
text-align: right;
}

footer {
background-color: #405CA6; 
padding-top: 10px;
margin-top: 30px;
color: #fff;
}

footer a, footer a:hover {
color: #fff;
}

div.webdesign {
text-align: right;
}

h1 {
font-family: 'Port Lligat Slab', serif;
color: #97927F;
font-size: 3.2em;
padding: 20px 0;
}

h2 {
color: #172D69;
font-weight: bold;
text-transform: uppercase;
font-size: 1.3em;
}

h2.home {
font-size: 1.8em;
}

h2.ls-l {
text-transform: none;
font-size: 2.2em;
}

h3 {
color: #757368;
font-weight: bold;
font-size: 1.2em;
}

a {
color: #8E87B1;
font-weight: bold;
}

/***merk pagina***/
@media screen and (min-width: 840px) {
div.merk-blok img {
/*margin: 15px 0;*/
width: 100%;
}
}
/***content pagina***/

div.content-blok-rechts {
padding-top: 10px;
}

/***behandelingen***/

div.merk-blok {
height: 150px;
width: 100%;
border: 1px #ccc solid;
margin-bottom: 30px;
padding: 10px 20px;
-webkit-box-shadow: 5px 5px 5px 3px rgba(0,0,0,0.31);
-moz-box-shadow: 5px 5px 5px 3px rgba(0,0,0,0.31);
box-shadow: 5px 5px 5px 3px rgba(0,0,0,0.31);
}

div.merk-blok .img-responsive, div.hvcg .img-responsive {
    margin: 0 auto;
}

div.behandel-blok {
height: 150px;
width: 100%;
border: 1px #ccc solid;
margin-bottom: 30px;
padding: 20px;
-webkit-box-shadow: 5px 5px 5px 3px rgba(0,0,0,0.31);
-moz-box-shadow: 5px 5px 5px 3px rgba(0,0,0,0.31);
box-shadow: 5px 5px 5px 3px rgba(0,0,0,0.31);
}

div.merk-blok:hover, div.behandel-blok:hover {
-webkit-box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.31);
-moz-box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.31);
box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.31);
}

div.behandelingen a:hover {
text-decoration: none!important;
}

div.behandel-blok h3 {
text-align: center;
font-weight: normal;
font-size: 1.4em;
}

div.behandel-blok h4 {
font-weight: normal;
font-size: 1.3em;
position: absolute;
bottom: 30px;
}

@media screen and (min-width: 840px) {
div.behandeling-tarieven {
border-right: 1px solid #ccc;
padding-right: 65px;
}

div.content-blok-rechts-producten {
padding-left: 35px;
}
}

div.blok-1 {
background-image: url(https://www.beaumedique.nl/uploads/images/Behandelingen/blok-behandeling-rimpel-inspuiting.jpg);
background-repeat: no-repeat;
background-position: bottom left;
}

div.blok-2 {
background-image: url(https://www.beaumedique.nl/uploads/images/Behandelingen/blok-behandeling-rimpel-zonder-inspuiting.jpg);
background-repeat: no-repeat;
background-position: bottom right;
}

div.blok-3 {
background-image: url(https://www.beaumedique.nl/uploads/images/Behandelingen/blok-behandeling-sculptra.jpg);
background-repeat: no-repeat;
background-position: bottom right;
}

div.blok-4 {
background-image: url(https://www.beaumedique.nl/uploads/images/Behandelingen/blok-behandeling-sculptra.jpg);
background-repeat: no-repeat;
background-position: bottom right;
}

div.blok-5 {
background-image: url(https://www.beaumedique.nl/uploads/images/Behandelingen/blok-behandeling-couprose.jpg);
background-repeat: no-repeat;
background-position: bottom right;
}

div.blok-6 {
background-image: url(https://www.beaumedique.nl/uploads/images/Behandelingen/blok-behandeling-peelings.jpg);
background-repeat: no-repeat;
background-position: bottom left;
}

div.blok-7 {
background-image: url(https://www.beaumedique.nl/uploads/images/Behandelingen/blok-behandeling-liften.jpg);
background-repeat: no-repeat;
background-position: bottom right;
}

div.blok-8 {
background-image: url(https://www.beaumedique.nl/uploads/images/Behandelingen/blok-behandeling-pascaud.jpg);
background-repeat: no-repeat;
background-position: bottom right;
}

div.blok-9 {
background-image: url(https://www.beaumedique.nl/uploads/images/Behandelingen/blok-behandeling-peelings.jpg);
background-repeat: no-repeat;
background-position: bottom left;
}

div.blok-10 {
background-image: url(https://www.beaumedique.nl/uploads/images/Behandelingen/blok-behandeling-couprose.jpg);
background-repeat: no-repeat;
background-position: bottom right;
}

div.blok-11 {
background-image: url(https://www.beaumedique.nl/uploads/images/Behandelingen/blok-behandeling-rimpel-inspuiting.jpg);
background-repeat: no-repeat;
background-position: bottom left;
}

div.blok-12 {
background-image: url(https://www.beaumedique.nl/uploads/images/Behandelingen/blok-behandeling-rimpel-zonder-inspuiting.jpg);
background-repeat: no-repeat;
background-position: bottom right;
}

#googleMap {
width:100%;
height:400px;
}

input.btn {
margin-left: -15px;
}

div.CGBlogSummaryPostdate {
font-size: 80%;
font-weight: bold;
}

hr {
        color: #405CA6;
        border:none;
        border-top: 2px solid #405CA6;
        height: 2px;
}
/* cmsms stylesheet: flexnav modified: 24-03-17 16:13:40 */
/* Flexnav Base Styles */
.flexnav {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
transition: none;
overflow: hidden;
margin: 0 auto;
width: 100%;
max-height: 0; }

ul.flexnav, ul.flexnav li ul {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0;
-moz-margin-start: 0px;
-moz-margin-before: 0;
    -moz-margin-after: 0;
    -moz-margin-end: 0px;
    -moz-padding-start: 0;
}

.flexnav.opacity {
opacity: 0; }

.flexnav.flexnav-show {
max-height: 2000px;
opacity: 1;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
transition: all .5s ease-in-out; }

.flexnav.one-page {
position: fixed;
top: 50px;
right: 5%;
max-width: 200px; }

.flexnav li {
font-size: 100%;
position: relative;
overflow: hidden; }

.flexnav li a {
position: relative;
display: block;
padding: .96em 1.61em;
z-index: 2;
overflow: hidden;
color: #4964A7;
}

@media screen and (max-width: 1185px) and (min-width: 980px) {
.flexnav li a {
font-size: 1em;
padding: .96em .65em;
}
}

.flexnav li a:hover, .flexnav li a.menuactive {
background: #4964A7;
color: #fff;
}

.flexnav li ul {
width: 100%;
}

.flexnav li ul li {
font-size: 100%;
position: relative;
overflow: hidden; 
width: auto;
border-bottom: solid 1px #fff;
}

.flexnav li ul.flexnav-show li {
overflow: visible; }

.flexnav li ul li a {
display: block;
background: #979481;
color: #fff;

 }

.flexnav ul li ul li a {
background: #bfbfbc; }

.flexnav ul li ul li ul li a {
background: #cbcbc9; }

.flexnav .touch-button {
position: absolute;
z-index: 999;
top: 0;
right: 0;
width: 50px;
height: 50px;
display: inline-block;
background: #4964A7;;
/*background: rgba(0, 0, 0, 0.075);*/
text-align: center; }

.flexnav .touch-button:hover {
cursor: pointer; }

.flexnav .touch-button .navicon {
position: relative;
top: 1.4em;
font-size: 12px;
color: #fff; }

.menu-button {
position: relative;
display: block;
padding: 1em;
background: #4964A7;
color: #fff;
cursor: pointer;
border-bottom: 1px solid rgba(0, 0, 0, 0.2); }

.menu-button.one-page {
position: fixed;
top: 0;
right: 5%;
padding-right: 45px; }

.menu-button .touch-button {
background: transparent;
position: absolute;
z-index: 999;
top: 0;
right: 0;
width: 50px;
height: 50px;
display: inline-block;
text-align: center; } 

.menu-button .touch-button .navicon {
font-size: 16px;
position: relative;
top: 1em;
color: #fff; }



@media all and (min-width: 980px) {
body.one-page {
padding-top: 70px; }

.flexnav {
overflow: visible; }

.flexnav.opacity {
opacity: 1; }

.flexnav.one-page {
top: 0;
right: auto;
max-width: 1080px; }

.flexnav li {
position: relative;
list-style: none;
float: left;
display: block;
overflow: visible;
}

.flexnav li a {
border-right: 1px solid #4964A7;
border-bottom: none; }

.flexnav li a:hover {
text-decoartion: none;
}

.flexnav li > ul {
position: absolute;
top: auto;
left: 0; 
z-index: 1001;}

.flexnav li > ul li {
width: 100%; }

.flexnav li ul li > ul {
margin-left: 100%;
top: 0; }

.flexnav li ul li a {
border-bottom: none; }

.flexnav li ul.open {
display: block;
opacity: 1;
visibility: visible;
z-index: 1; }

.flexnav li ul.open li {
overflow: visible;
max-height: 100px; }

.flexnav li ul.open ul.open {
margin-left: 100%;
top: 0; }

.menu-button {
display: none; } }

/***** Maaswebsites hack ******/
@media all and (min-width: 800px) {
.flexnav .touch-button, .navicon {
display: none;
}
}

.flexnav li a.menuactive, .flexnav li a:hover {
text-decoration: none;
}