body {
			font-family: 'Tajawal', sans-serif;
		}
		
		.pagina-titel {font-size:2rem;} /*1rem = 16px*/
		
		 @media screen and (min-width: 0px) and (max-width: 544px) {
		  .login-top {display: none; }
		  .favorieten-top {display: none;}
		  .favorieten-rechts {display: none; }
		  .bericht-top {display: none; }
		  .zoeken-top {display: none; }
		  .cart-menu {display: block;}
		  .social-top {display: none; }
		  .insta-top-left {display: inline-block;}
		  .face-top-left {display: inline-block;}
		  .total_price_menu {display: none; }
		  .nav-item {display:inline-block;}
		  .jumbofont_small {display: none; }
		  .blokken_bovenin_small {display: none; }
		  .blokken_onderin_small {display: block; } 
		  .carousel {display: none; }
		  .gegevens_inloggen {display: none; }
		  .gegevens_winkelwagen {display: none; }
		  .boven-balk {display: none; }
		  .logo_top { max-width:90px; }
		 }
				
		/* Small devices (landscape phones, 544px and up) */
		@media (min-width: 544px) {  
		  .pagina-titel {font-size:1.5rem;} /*1rem = 16px*/
		  .login-menu {display: none; }
		  .favorieten-menu {display: none; }
		  .zoeken-menu {display: none; }
		  .insta-top-left {display: none;}
		  .face-top-left {display: none;}
		  .zoeken-top-left {display: none;}
		  .login-top-left {display: none;}
		  .favorieten-top-left {display: none;}
		  .cart-menu {display: none;}
		  .blokken_bovenin_small {display: none; }
		  .blokken_onderin_small {display: block; }
		  .carousel {display: none; }
		  .landkiezen-top-left {display: none;}
		  .logo_top { max-width:100px; }

		}

		/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
		@media (min-width: 768px) {  
		  .pagina-titel {font-size:2rem;} /*1rem = 16px*/
		  .blokken_bovenin_small {display: block; }
		  .blokken_onderin_small {display: none; }
		  .jumbotron {display: none; }
		  .carousel {display: block; }
		  .logo_top { max-width:130px; }
		}

		/* Large devices (desktops, 992px and up) */
		@media (min-width: 992px) { 
		  .pagina-titel {font-size:2rem;} /*1rem = 16px*/
		  .blokken_bovenin_small {display: block; }	 
		  .blokken_onderin_small {display: none; }		  
		}

		/* Extra large devices (large desktops, 1200px and up) */
		@media (min-width: 1200px) {  
		  .pagina-titel {font-size:2.5rem;} /*1rem = 16px*/  
		  .blokken_bovenin_small {display: block; }		  
		  .blokken_onderin_small {display: none; }		  
		}
		
		.total_price_menu {
			font-family: 'Tajawal', sans-serif;
		}
		
		.card-index {
			box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 12px 0 rgba(0, 0, 0, 0.19);
		}
		
		.pagina-titel {
			font-family: 'Tajawal', sans-serif;
			color: #DCB207;
			margin-top: 10px;
		} 
		
		.pagina-subtitel {
			font-family: 'Tajawal', sans-serif;
			font-weight: bold;
		}
		
		.btn-color-self {
			background-color: #DCB207;
			color: #FFFFFF;
		}
		
		.product-box {
			box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 12px 0 rgba(0, 0, 0, 0.19);
			border:1px solid #F5F5F5; 
			background-color:#ffffff; 
			border-radius:5px; 
			padding:5px; 
			height:350px;
		}
		
		.product-box:hover {
		  -moz-box-shadow: 0 0 10px #ccc;
		  -webkit-box-shadow: 0 0 10px #ccc;
		  box-shadow: 0 0 10px #ccc;
		}
		
		.jumbofont {
			/*font-family: 'Merriweather', serif;*/
			font-family: 'Tajawal', sans-serif;
			font-size: 60px;
			font-weight: bold;
			color: #ffffff;
			text-shadow: 6px 6px 8px #754dbf;


		}
		
		.jumbofont2 {
			/*font-family: 'Merriweather', serif;*/
			font-family: 'Tajawal', sans-serif;
			font-size: 24px;
		}

		.nav-item {
			border-radius: 9px;
			float:left; 
			width:100px;
			white-space: nowrap;
			padding:0px;
			background:#1A1200;
			text-align: center;
		}
		
		.nav-item a {
			/*font-family: 'Merriweather', serif;*/
			font-family: 'Tajawal', sans-serif;
			font-size: 14px;
			font-weight: bold;
		}
		
		
		.nav-item a:hover {
			/*font-family: 'Merriweather', serif;*/
			background: #DCB207;
			border-radius: 9px;
		}
		
		
		.nav-item-overig {
			color: #333;
			white-space: nowrap;
			padding:0px;
		}
		
		.nav-item-overig-link  {
			color: #333 !important;
			text-decoration: none;
		}
		
		
		.nav-link  {
			color: #ffffff !important;
		}
		
		
		.nav-item-bottom {
			float:left; 
			width:100px;
			white-space: nowrap;
			padding:0px;
		}
		
		.text-boven {
			font-family: 'Tajawal', sans-serif;
			font-size: 14px;
			font-weight: bold;
			color: #FFFFFF;
			text-decoration: none;
		}
		
		.text-boven a:hover {
			font-family: 'Tajawal', sans-serif;
			font-size: 14px;
			font-weight: bold;
			color: #ffcf34;
			text-decoration: none;
		}
		
		.text-mededeling {
			font-family: 'Tajawal', sans-serif;
			font-size: 12px;
			font-weight: normal;
		}
		
		.card-title {
			font-family: 'Tajawal', sans-serif;
			font-size: 24px;
			font-weight: bolder;
		}
		
		.card-text {
			font-family: 'Tajawal', sans-serif;
			font-size: 12px;
			font-weight: bolder;
			color: #26272b;
		}
		
		.top-image {
			background-image: url("images/top-image-kl.jpg");
			background-size: cover;
			height: 100px;
			opacity: 0.3;
		}
		
		.jumbotron {
			 background-image: url("images/candy3.jpg");
			 background-size: cover;
			 background-position: center;
			 text-shadow: 2px 2px 8px #FDCDF8;
			 color: #333;
			 border-top: solid 3px #754dbf;
			 border-bottom: solid 3px #754dbf;
		}
		
		.slider1 {
			 max-height: 500px;
		}
		
		.vaag-achtergrond  {
			background-color:rgb(245,245,245, 0.3);

		}
		
		.form-val {
			font-size: 12px;
			color: red;
		}
		
		.popover
		{
		    width: 100%;
		    max-width: 800px;
		}

		.logo {
			border: 0px solid green;
			flex-basis: 50%;
			margin: 10px 0px 0px 0px;
		}
		.logo img {
			flex-basis: 50%;
			margin: 1px;
		}
		
		.img-winkelwagen {
			width: 100px;
			margin: 5px 10px 5px 0px;
		}
		
		.text-product {
			/*font-family: 'Lato', Georgia, Sans-serif;
			font-weight: lighter;*/
			font-family: 'Tajawal', sans-serif;
			FONT-SIZE: 18px; 
			COLOR: #333;
			text-decoration: none;
		}
		.text-product a
		{
		  color:#333;
		}
		.text-product a:hover
		{
		  color:#DCB207;
		  text-decoration:none;
		}
		
		.text-prijs {
			/*font-family: 'Lato', Georgia, Sans-serif;*/
			font-family: 'Tajawal', sans-serif;
			FONT-SIZE: 18px; 
			font-weight: bold;
			COLOR: #212121;
		}
		
		
		.bestelinfo {
			
			bottom: 10px;
			left: 25px;
			right: 25px;
		}

		.footer {
			width: 100%;
			height: 100px;
			background: #4A4949;
			margin-top: 0px;
			border-top: solid 3px #DCB207;
		}


		.doorstrepen { 
			text-decoration: line-through;
			text-decoration-color: red;
			text-decoration-thickness: 2px;
			font-size: 16px;
		}
		.actieprijs { 
			font-weight: bold;
			color: #F30D29;
		}
		
		
		.site-footer
		{
		  background-color:#26272b;
		  padding:45px 0 20px;
		  font-size:15px;
		  line-height:24px;
		  color:#737373;
		}
		.site-footer hr
		{
		  border-top-color:#bbb;
		  opacity:0.5
		}
		.site-footer hr.small
		{
		  margin:20px 0
		}
		.site-footer h6
		{
		  color:#fff;
		  font-size:16px;
		  text-transform:uppercase;
		  margin-top:5px;
		  letter-spacing:2px
		}
		.site-footer a
		{
		  color:#737373;
		}
		.site-footer a:hover
		{
		  color:#DCB207;
		  text-decoration:none;
		}
		.footer-links
		{
		  padding-left:0;
		  list-style:none
		}
		.footer-links li
		{
		  display:block
		}
		.footer-links a
		{
		  color:#737373;
		  text-decoration:none;
		}
		.footer-links a:active,.footer-links a:focus,.footer-links a:hover
		{
		  color:#DCB207;
		  text-decoration:none;
		}
		.footer-links.inline li
		{
		  display:inline-block
		}
		.site-footer .social-icons
		{
		  text-align:right
		}
		.site-footer .social-icons a
		{
		  width:40px;
		  height:40px;
		  line-height:40px;
		  margin-left:6px;
		  margin-right:0;
		  border-radius:100%;
		  background-color:#33353d
		}
		.copyright-text
		{
		  margin:0
		}
		@media (max-width:991px)
		{
		  .site-footer [class^=col-]
		  {
			margin-bottom:30px
		  }
		}
		@media (max-width:767px)
		{
		  .site-footer
		  {
			padding-bottom:0
		  }
		  .site-footer .copyright-text,.site-footer .social-icons
		  {
			text-align:center
		  }
		}
		.social-icons
		{
		  padding-left:0;
		  margin-bottom:0;
		  list-style:none
		}
		.social-icons li
		{
		  display:inline-block;
		  margin-bottom:4px
		}
		.social-icons li.title
		{
		  margin-right:15px;
		  text-transform:uppercase;
		  color:#96a2b2;
		  font-weight:700;
		  font-size:13px
		}
		.social-icons a{
		  background-color:#eceeef;
		  color:#818a91;
		  font-size:16px;
		  display:inline-block;
		  line-height:44px;
		  width:44px;
		  height:44px;
		  text-align:center;
		  margin-right:8px;
		  border-radius:100%;
		  -webkit-transition:all .2s linear;
		  -o-transition:all .2s linear;
		  transition:all .2s linear
		}
		.social-icons a:active,.social-icons a:focus,.social-icons a:hover
		{
		  color:#fff;
		  background-color:#29aafe
		}
		.social-icons.size-sm a
		{
		  line-height:34px;
		  height:34px;
		  width:34px;
		  font-size:14px
		}
		.social-icons a.instagram:hover
		{
		  background-color:#C13584
		}
		.social-icons a.facebook:hover
		{
		  background-color:#3b5998
		}
		.social-icons a.twitter:hover
		{
		  background-color:#00aced
		}
		.social-icons a.linkedin:hover
		{
		  background-color:#007bb6
		}
		.social-icons a.dribbble:hover
		{
		  background-color:#ea4c89
		}
		@media (max-width:767px)
		{
		  .social-icons li.title
		  {
			display:block;
			margin-right:0;
			font-weight:600
		  }
		}
		
		.bage-product {
			width: 100px;
			height: 213px;
			background: #f8f8f8;
			display: inline-block;
			position: relative;
			margin: 15px;
			padding: 0px;
			box-sizing: border-box;
		}
		
		.badge-overlay {
			position: absolute;
			left: 0%;
			top: 0px;
			width: 100%;
			height: 100%;
			overflow: hidden;
			pointer-events: none;
			z-index: 100;
			-webkit-transition: width 1s ease, height 1s ease;
			-moz-transition: width 1s ease, height 1s ease;
			-o-transition: width 1s ease, height 1s ease;
			transition: width 0.4s ease, height 0.4s ease
		}
		.badge-sale {
			margin: 0;
			padding: 0;
			color: white;
			padding: 3px 0px;
			font-size: 12px;
			font-family: Arial, Helvetica, sans-serif;
			text-align: center;
			line-height: normal;
			text-transform: uppercase;
			background: #ed1b24;
		}
		.badge-sale::before, .badge-sale::after {
			content: '';
			position: absolute;
			top: 0;
			margin: 0 -1px;
			width: 100%;
			height: 100%;
			background: inherit;
			min-width: 55px
		}

		.badge-sale::before {
			right: 100%
		}

		.badge-sale::after {
			left: 100%
		}
		.top-right {
			position: absolute;
			top: 0;
			right: 0;
			-ms-transform: translateX(10%) translateY(0%) rotate(45deg);
			-webkit-transform: translateX(30%) translateY(0%) rotate(45deg);
			transform: translateX(30%) translateY(0%) rotate(45deg);
			-ms-transform-origin: top left;
			-webkit-transform-origin: top left;
			transform-origin: top left;
		}
		.badge-sale.red {
			background: #ed1b24;
		}
		
		.geef_seintje {
		  font-family: 'Tajawal', sans-serif;
		  color: #cdcdcd;
		  position: absolute;
		  bottom: 3.5em;
		  left: 1.8em;
		  font-size: 1em;
		  cursor: pointer;
		}
		
		.fav_product {
		  color: #e6e6e6;
		  /* position: absolute; */
		  top: 0.5em;
		  left: 1.5em;
		  font-size: 0.90em;
		  cursor: pointer;
		}
		
		.fav_product_niet_ingelogd {
		  color: #e6e6e6;
		  /* position: absolute; */
		  top: 0.5em;
		  left: 1.5em;
		  font-size: 0.90em;
		}
		
		.fav_product_detail {
		  color: #e6e6e6;
		  position: absolute;
		  top: 0em;
		  right: 0.5em;
		  font-size: 1.5em;
		  cursor: pointer;
		}
		
		.fav_product_detail_niet_ingelogd {
		  color: #e6e6e6;
		  position: absolute;
		  top: 0em;
		  right: 0.5em;
		  font-size: 1.50em;
		}
		
		.tooltip-inner {
			background-color: grey;
		}
		.tooltip.bs-tooltip-right .arrow:before {
			border-top-color: grey !important;
			border-bottom-color: grey !important;
		}
		.tooltip.bs-tooltip-left .arrow:before {
			border-top-color: grey !important;
			border-bottom-color: grey !important;
		}
		.tooltip.bs-tooltip-bottom .arrow:before {
			border-top-color: grey !important;
			border-bottom-color: grey !important;
		}
		.tooltip.bs-tooltip-top .arrow:before {
			border-top-color: grey !important;
			border-bottom-color: grey !important;
		}
		
		
		.html-marquee {

		 position: relative;
		 color: #fff;
		 font-weight:bold;
		 font-size:14px;
		 border: 0px solid #ccc;
		 width: 100%;
		}