/* Algemeen */

html {
	background-color: #fff;
	}

body {
	background-color: #fff;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    padding: 0;
	}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
	color: #91007b;
    }

/* Afbeeldingen */
img {
	padding: 0;
	max-width: 100%;
	height: auto;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
a img {
	border: none;
	}

a {
	-webkit-transition: all 0.2s ease-in-out;
	-khtml-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	}

a:link, a:visited {
  outline: none !important;
}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

/* Logo */
.header .logo {
    z-index: 10000;
    width: 100%;
	text-align: left;
	padding: 10px 0;
	position: relative;
	background: #fff;
    }

.header .logo img {
    max-width: 200px;
    width: 100%;
    }

/* Menu */
header {
	margin-bottom: 0;
	margin-top: 0;
	width: 100%;
	background-color: #fff;
	z-index: 300;
	position: relative;
	}

header.affix {
    margin: 0 auto 0;
    }

.affix ~ .pagina {
	padding: 208px 30px 30px;
	}

nav {
    margin: 0;
    }

.header {
    background: #fff;
    }



.navbar {
    padding: 0;
    left: 0;
    right: 0;
    }

#navbar {
    text-align: center;
    }

.navbar-collapse {
    margin-top: 20px;
    }

.navbar-collapse > ul {
    position: relative;
    z-index: 2000;
    margin: 0 0 -7px;
    padding: 0;
    list-style: none;
    display: inline-block;
    }

.navbar-collapse > ul > li {
    float: left;
    }

.navbar-inner {
    margin-top: 0;
    }

.navbar-inverse .navbar-collapse > ul > li > a {
    padding: 4px 20px;
    color: #000;
	font-weight: 600;
    font-size: 20px;
	display: block;
	background-color: #fff;
    }

.navbar-inverse .navbar-collapse > ul > li:first-child > a {
    margin-left: 0;
    }

.navbar-inverse .navbar-collapse > ul > li > a:hover,
.navbar-inverse .navbar-collapse > ul > li > a:focus {
    text-decoration: none;
    background-color: #fff;
    color: #91007b;
    }

.navbar-inverse .navbar-collapse > ul > .active > a, .navbar-inverse .navbar-collapse > ul > .active > a:hover, .navbar-inverse .navbar-collapse > ul > .active > a:focus {
    background-color: #fff;
    color: #91007b;
    }

.navbar-inverse .navbar-collapse > ul > li.current-menu-item > a {
	background-color: #fff;
    color: #91007b;
	}

/* Sub menu */

.submenu {
	background-color: #91007b;
	min-height: 54px;
	}
	
.submenu ul {
	padding: 0;
	list-style: none;
	}

.submenu ul  > li {
    float: left;
	}

.submenu ul  > li > a {
    padding: 15px 30px;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    display: block;
	}

.submenu ul  > li > a:after {
	-webkit-transition: all 500ms ease;
         -moz-transition: all 500ms ease;
           -o-transition: all 500ms ease;
          -ms-transition: all 500ms ease;
              transition: all 500ms ease;
	
	content: "";
	width: calc(100% - 30px);
	border-bottom: 2px solid #91007b;
	left: 15px;
	position: absolute;
	bottom: 10px;
	}

.submenu ul  > li.active > a:after {
	border-bottom: 2px solid #fff;
	}

/* Sub menu 2 */

.menu-item-has-children .sub-menu {
	background-color: #fff;
	position: absolute;
	visibility: hidden;
	-webkit-transition: all 0ms;
	-moz-transition: all 0ms;
	-ms-transition: all 0ms;
	-o-transition: all 0ms;
	transition: all 0ms;
	padding-left: 0;
	z-index: -1;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(105,105,105,1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(105,105,105,1);
    box-shadow: 0px 0px 5px 0px rgba(105,105,105,1);
	text-align: left;
	}

.sub-menu li {
	list-style: none outside none;
	border-top: 1px solid #9d9d9c;
	}

.sub-menu li:first-child {
	list-style: none outside none;
	border-top: 0;
	}

.sub-menu li a {
	-webkit-transition: all 0ms;
	-moz-transition: all 0ms;
	-ms-transition: all 0ms;
	-o-transition: all 0ms;
	transition: all 0ms;
    color: #a5a5a6;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
	padding: 4px 15px;
	display: block;
	}

.sub-menu li a:hover, .sub-menu li a:focus {
	background-color: #91007b;
    color: #fff;
	text-decoration: none;
	}

.sub-menu li:before {
	color: #000;
	display: none;
	}

.menu-item-has-children:hover .sub-menu {
	visibility: visible;
	}
	
/* Lightbox */
.my-mfp-slide-bottom .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
    -moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
    -ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
    -o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
    transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	}
      
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
    -moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
    -ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
    -o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
    transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	}

.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
    opacity: 0;
    -webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
    -moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
    -ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
    -o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
    transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	}

.my-mfp-slide-bottom.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out; 
    -moz-transition: opacity 0.3s ease-out; 
    -o-transition: opacity 0.3s ease-out; 
    transition: opacity 0.3s ease-out;
	}

.my-mfp-slide-bottom.mfp-ready.mfp-bg {
    opacity: 0.8;
	}

.my-mfp-slide-bottom.mfp-removing.mfp-bg {
    opacity: 0;
	}

/* Nieuws */
.nieuws-wrapper {
	margin-top: 30px;
	}

.nieuws-inner {
	border-bottom: 1px solid #CCCCCC;
	padding: 0;
	background-color: #ffffff;
	margin-bottom: 15px;
	padding: 0 0 15px;
	}

.nieuws-inner .leesverder {
	float: right;
	margin-top: 10px;
	}

.nieuws-inner a {
	color: #7f8080;
	}

.nieuws-inner a:hover, .nieuws-inner a:focus {
	color: #ca1424;
	text-decoration: none;
	}

.nieuws-inner .image {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	}

.nieuws-inner .image:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	}

.nieuws-tekst {
	padding: 15px;
	}

.nieuws-tekst h3 {
	margin-top: 0;
    background-color: #fff;
	}

.nieuws-tekst p {
	margin-bottom: 0;
	}

.nieuws-leesverder {
	float: right;
	margin-bottom: 15px;
	}	

.pagina-content-wrapper-inner .nieuws-tekst .nieuwsdatum {
	color: #8f8f8f;
	font-size: 15px;
	margin-bottom: 10px;
	margin-top: -5px;
	}

.pagina-content-wrapper-inner .nieuwsdatum {
	color: #8f8f8f;
	margin-top: 0;
	margin-bottom: 20px;
	}

.nieuws .nieuwsdatum {
	font-size: 13px;
	margin-bottom: 5px;
	margin-top: 0;
	}

.nieuws .nieuwsdatumpagina {
	margin-bottom: 30px;
	margin-top: 0;
	}

.nieuws .terugoverzicht {
	float: right;
	margin-top: 0;
	text-decoration: none !important;
	}

.nieuws .pagina-image img {
	margin-bottom: 30px;
	}

/* Home */

.home {
	overflow: hidden;
	}

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    width: 100%;
    }

.carousel-fade .carousel-inner .item {
    transition-property: opacity;
    }

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
    }

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
    }

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    transform: translate3d(0, 0, 0);
    }

.carousel-caption {
    font-size: 32px;
    bottom: 20%;
    padding-bottom: 0;
    text-align: left;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    }
    
.carousel-caption p {
    background-color: #fff;
    padding: 10px 20px;
    color: #454545;
    margin: 0;
    display: inline-block;
    min-height: 75px;
    letter-spacing: 0.3px;
    }

.home-image img {
	width: 100%;
	}

.home h1 {
	font-size: 32px;
	margin-top: 30px;
	margin-bottom: 30px;
	font-weight: bold;
    padding: 0 15px 30px;
	text-align: center;
	color: #000;
	position: relative;
	}

.home h1 span {
	color: #91007b;
	}

.home h1:after {
	content: "";
	width: 200px;
	left: 50%;
	margin-left: -100px;
	height: 1px;
	position: absolute;
	bottom: 0;
	background: #000;
	}

.home .tekst {
	padding: 0 0 30px;
	text-align: center;
	}

/* Scroll */

div.scrollableArea {
	height: 150px !important;
	position: relative;
	}

.wraptocenter {		
	-moz-user-select: none;
	margin: 0;
	padding: 0;
	position: inherit;
	height: auto;
	display: inline-block;
	}

.merkscroll {
	overflow: hidden;
	padding: 30px 0;
	position: relative;
	}

.merkscroll div.scrollableArea img {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	max-height: 150px;
	max-width: 400px;
	-moz-user-select: none;
	padding: 0 20px;
	position: inherit;
	height: auto;
	}

div.scrollingHotSpotLeft {
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	min-width: 75px;
	width: 10%;
	height: 200px;
	margin-top: 0;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: url(../images/cursors/cursor_arrow_left.png), url(../images/cursors/cursor_arrow_left.cur),w-resize;
	}

div.scrollingHotSpotLeftVisible {
	background-image: url(../images/arrow_left.gif);				
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
	}

div.scrollingHotSpotRight {
	min-width: 75px;
	width: 10%;
	height: 200px;
	margin-top: 0;
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
	cursor: url(../images/cursors/cursor_arrow_right.png), url(../images/cursors/cursor_arrow_right.cur),e-resize;
	}

div.scrollingHotSpotRightVisible {
	background-image: url(../images/arrow_right.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35;
	filter: alpha(opacity = 35);
	-moz-opacity: 0.35;
	zoom: 1;
	}

div.scrollWrapper {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	}

div.scrollableArea {
	position: relative;
	width: auto;
	height: 100%;
	}

/* Pagina */

.pagina, .nieuws, .contact {
	padding: 30px 0 30px;
	position: relative;
	}

.pagina h1, .nieuws h1, .contact h1 {
	font-size: 35px;
	margin-top: 0;
	margin-bottom: 30px;
	font-weight: bold;
    padding: 0;
	position: relative;
	display: inline-block;
	line-height: 1.2;
	}

.pagina h2, .nieuws h2, .contact h2 {
	font-size: 32px;
	margin-top: 0;
	margin-bottom: 60px;
	font-weight: bold;
    padding: 0;
	position: relative;
	display: inline-block;
	}

.pagina .tekst li:before, .nieuws .tekst li:before {
	content: "-";
	display: inline-block;
	margin-left: -25px;
	width: 25px;
	color: #91007b;
	}

.pagina .tekst li, .nieuws .tekst li {
	list-style: none outside none;
	margin-bottom: 5px;
	}

.pagina a, .pagina a:hover, .pagina a:focus, .pagina a:active,
.nieuws a, .nieuws a:hover, .nieuws a:focus, .nieuws a:active,
.contact a, .contact a:hover, .contact a:focus, .contact a:active {
	color: #91007b;
	font-weight: normal;
	text-decoration: underline;
	}

.pagina ul {
	margin-left: 0;
	margin-top: 15px;
	}
	
.pagina strong {
	font-weight: bold;
	}

.pagina .tekst > div > div:first-child {
	padding-right: 45px;
	}

.pagina .tekst > div > div:last-child {
	padding-left: 45px;
	}

.pagina .overonsfoto {
	font-size: 16px;
	margin-bottom: 30px;
	border-bottom: 1px solid #d0d0cf;
	padding: 0 120px;
	}

.pagina .row > div:last-child .overonsfoto {
	border-bottom: 0;
	margin-bottom: 0;
	}

.pagina .overonsfoto .afbeelding {
	margin-bottom: 20px;
	}

.pagina .overonsfoto .afbeelding img {
	max-width: 175px;
	width: 100%;
	}

.pagina .carousel {
	margin-bottom: 30px;
	}

/* Contact */

.contact strong {
    width: 170px;
    display: inline-block;
	}

.contact em {
    width: 60px;
    display: inline-block;
	font-style: normal;
	}

.screen-reader-response {
	margin-top: 0;
	color: #dd0000;
	font-size: 16px;
	font-weight: bold;
	}

.wpcf7-not-valid-tip, .wpcf7-validation-errors {
	color: #dd0000;
	}

input[type=submit] {
	border: 0;
	background-color: #91007b;
	padding: 10px 15px;
	color: #ffffff;
	-webkit-transition: all 0.2s ease-in-out;
	-khtml-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	margin-right: 5px;
	border-radius: 0;
	}

input[type=submit]:hover {
	-webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.45);
        box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.45);
	}

/* Facebook - Nieuws plugin */

.efbl-halfwidth-skin .efbl-thumbnail-wrapper .efbl-post-footer {
	display: none !important;
	}

.efbl_popup_footer_logo {
	display: none !important;
	}

/* Footer */

.footer {
	color: #fff;
	font-size: 14px;
	padding: 35px 0 45px;
    background-color: #91007b;
	}

.footer a, .footer a:hover, .footer a:active, .footer a:focus {
	color: #fff;
	}

.footer h4 {
	color: #fff;
	font-size: 18px;
	}

.footer .adres-footer-inner strong {
	width: 60px;
	display: inline-block;
	font-weight: normal;
	}

.footer .openingstijden-footer-inner strong {
	width: 150px;
	display: inline-block;
	}

.footer ul {
	padding: 0;
	margin: 0;
	}

.footer ul li {
	list-style: none;
	}

.footerbottom {
	padding: 10px 0;
	}

.footerbottom .copyright {
	float: left;
	}

.footerbottom .gemaaktdoor {
	float: right;
	}

@media screen and (max-width:1199px){
	
	.navbar-inverse .navbar-collapse > ul > li > a {
		padding: 4px 16px;
		font-size: 19px;
		}
	
	.header .logo img {
		max-width: 180px;
		}
	
	.carousel-caption {
		font-size: 26px;
		}
	
	.carousel-caption p {
		min-height: 64px;
		}
	
	.submenu {
		min-height: 45px;
		}
	
	.home h1 {
		font-size: 30px;
		}
	
	.merkscroll div.scrollableArea img {
		max-width: 175px;
		max-height: 110px;
		}
	
	div.scrollableArea {
		height: 110px !important;
		}
	
	div.scrollingHotSpotRight, div.scrollingHotSpotLeft {
		height: 110px;
		}
	
	.pagina h1, .nieuws h1, .contact h1 {
		font-size: 30px;
		}
	
	.pagina h2, .nieuws h2, .contact h2 {
		font-size: 28px;
		}
	
	.pagina .overonsfoto {
		padding: 0 90px;
		}
	
	.nieuws-tekst h3 {
		font-size: 20px;
		}
	
}

@media screen and (max-width:991px){

	.navbar-inverse .navbar-collapse > ul > li > a {
		padding: 4px 14px;
		font-size: 17px;
		}
	
	.header .logo img {
		max-width: 150px;
		}
	
	.carousel-caption {
		font-size: 18px;
		}
	
	.carousel-caption p {
		min-height: 50px;
		}
	
	.submenu {
		min-height: 35px;
		}
	
	.home h1 {
		font-size: 26px;
		}
	
	.merkscroll div.scrollableArea img {
		max-width: 150px;
		max-height: 100px;
		}
	
	div.scrollableArea {
		height: 100px !important;
		}
	
	div.scrollingHotSpotRight, div.scrollingHotSpotLeft {
		height: 100px;
		}
	
	.pagina h1, .nieuws h1, .contact h1 {
		font-size: 26px;
		}
	
	.pagina h2, .nieuws h2, .contact h2 {
		font-size: 24px;
		}
	
	.pagina .overonsfoto {
		padding: 0;
		}
	
	.nieuws-tekst h3 {
		font-size: 17px;
		}
	
}

@media screen and (max-width:767px){
	
    
	.header {
		min-height: 77px;
		}
	
	.carousel-caption {
		display: none;
		}
	
	.merkscroll div.scrollableArea img {
		max-width: 100px;
		max-height: 80px;
		padding: 0 5px;
		}
	
	div.scrollableArea {
		height: 80px !important;
		}
	
	div.scrollingHotSpotRight, div.scrollingHotSpotLeft {
		height: 80px;
		}
	
	.footer {
		padding: 0px 0 20px;
		}
	
	.footerbottom {
		font-size: 14px;
		}
	
	.footer h4 {
		margin-top: 30px;
		}
	
	.footerbottom .gemaaktdoor {
		float: left;
		}
	
	.carousel-inner > .item > img, .carousel-inner > .item > a > img {
		width: 120%;
		margin-left: -10%;
		max-width: 120%;
		}
	
	.contact h2 {
		margin-top: 20px;
		margin-bottom: 10px;
		}
	
	.contact h3 {
		font-size: 20px;
		margin-top: 0;
		}
	
	hr {
		margin-top: 15px;
		margin-bottom: 15px;
		}
	
	.navbar-collapse {
		margin-top: 0;
		}
	
    .navbar-collapse > ul {
        display: block;
        margin-bottom: 0;
        float: none;
        }
    
    .navbar-collapse > ul > li {
        border-top: 1px solid #eee;
		float: none;
		margin-bottom: 0;
        }
    
    .navbar-collapse > ul > li:first-child {
        border-top: 0;
        }
    
    .navbar-inverse .navbar-collapse > ul > li > a {
        margin-left: 0;
        font-size: 15px;
		padding: 4px 0;
		display: block;
        }
    
	.menu-item-has-children .sub-menu {
		position: relative;
		visibility: visible;
		text-align: center;
		z-index: 10;
		box-shadow: none;
		}
	
	.sub-menu li, .sub-menu li:first-child {
		border-top: 1px solid #eee;
		}
	
    .navbar-inverse {
        text-align: center;
        }
    
    .navbar-toggle > div {
        float: left;
        }
    
    #nav-icon {
        height: 17px;
        width: 20px;
        position: relative;
        margin: 0 auto;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
        }
      
    #nav-icon span {
        display: block;
        position: absolute;
        height: 2px;
        width: 100%;
        border-radius: 9px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
        }
      
    #nav-icon span:nth-child(1) {
        top: 0px;
        }
      
    #nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {
        top: 3px;
        }
      
    #nav-icon span:nth-child(4) {
        top: 10px;
        }
      
    #nav-icon.open span:nth-child(1) {
        top: 3px;
        width: 0%;
        left: 50%;
        }
      
    #nav-icon.open span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        }
      
    #nav-icon.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        }
      
    #nav-icon.open span:nth-child(4) {
        top: 3px;
        width: 0%;
        left: 50%;
        }
}