/*------------------------------------*\
  #GLOBAL SETTINGS
\*------------------------------------*/
		/*------------------------------------*\
		  #CONTAINER
		\*------------------------------------*/
		
		body, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
			font-family: 'Poppins' !important;
		}
		body {
			font-weight: 300 !important;
			color:#0E2D3B !important;
		}
		.row {
			max-width: 1400px !important;
			margin-right: none !important;
		}
		.grid-container{
			max-width: 1400px !important;
		}
		
		
		/*------------------------------------*\
		  #TEXT
		\*------------------------------------*/
		
		.text-color {
			color: #0E2D3B !important;
		}	
		
		.install-section button {
  background-color: #4CAF50;
  color: white;
  padding: 16px 32px;
  margin: 4px 2px 24px;
}
		/*------------------------------------*\
		  #HEADING TAGS
		\*------------------------------------*/
		h1{
			font-size:30px !important;
			font-weight:600 !important;
			margin: 0.83em 0 !important;
		}
		h2{
			font-size:26px !important;
			font-weight:600 !important;
			margin: 0.83em 0 !important;
		}
		h3 {
			font-size: 18px !important;
			margin: 1em 0 !important;
			font-weight:600 !important;
		}
		p {
			font-size: 16px !important;
		}
		
	
		/*------------------------------------*\
		  #LINKS
		\*------------------------------------*/
		
		
		
		/*------------------------------------*\
		  #BUTTONS
		\*------------------------------------*/
		
	
		
		
/*------------------------------------*\
  #HEADER SETTINGS
\*------------------------------------*/
		/*------------------------------------*\
		  #TOP BAR
		\*------------------------------------*/
		.top-bar-content {
			padding: 10px !important;
		}
		.top-bar-content ul{
			padding: 0px;
		}
		.top-bar-content ul li a {
			color: #0E2D3B;
			background: none !important;
		}
		.menu ul li a {
			color: #0E2D3B;
			background: none !important;
		}
		.menu ul li a:hover {
			color: #fff !important;
			background: #E32F2A !important;
		}
		.top-bar-right .cv-menu {
			-webkit-box-shadow: 1px 0px 4px 0px rgb(0 0 0 / 16%); 
			box-shadow: 1px 0px 4px 0px rgb(0 0 0 / 16%);
		}
		.top-bar, .top-bar ul {
			background-color: transparent;
		}
		.top-bar-content ul li {
			color: #0E2D3B;
			font-size: 14px;
			font-weight: 400;
			padding-right: 15px;
		}
		.top-bar-content ul {
			list-style-type: none;
			display: flex;
			justify-content: flex-end;
            float: left;
			margin-right:10px;
		}	
		.main-header .sticky.sticky-topbar {
			background-color: #ffffff;
		}
        .fluid.top-bar-bg {
          background-color: #EDF1F3;
        }		
		.top-bar-content ul li a:hover {
			color: #E32F2A;
		}
		ul.mail-links li a:hover {
			color: #E32F2A;
		}
		
		.top-bar-right.menu-design .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
			
			border-color: #E32F2A transparent transparent ;
		 
		}
		.dropdown.menu li.is-active > a{
			color: #E32F2A;
		}
		
		/*------------------------------------*\
		  #NAVIGATION
		\*------------------------------------*/
		
		.menu-icon:focus,
		.menu-icon:active,
		.menu-icon:focus {
			outline: none;
			box-shadow: none;
		}
		
        div#example-menu {
            padding: 20px 0px;
        }
		.top-bar-right a {
			color: #0E2D3B !important;
			font-weight: bold !important;
			font-size: 14px !important;
		}
		
         img.logo {
			width: 200px;
		}
		img.logo-mobile {
			width: 200px;
		}		
	   .menu-design ul.submenu.menu {
			background-color: #f2f6f9;
		}
		.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
			left: 5rem;
		}
/*------------------------------------*\
  #CONTENT SETTINGS
\*------------------------------------*/
		/*------------------------------------*\
		  #FORM
		\*------------------------------------*/
		
		
		
		
		/*------------------------------------*\
		  #SPECIFIC FEATURE AND OBJECTS
		\*------------------------------------*/
		a:hover {
			color: #E32F2A;
		}
		ol, ul {
			padding: 0 0 0 40px;
		}
		
	
		/*------------------------------------*\
		  #SPECIFIC PAGE 
		\*------------------------------------*/
		/*Slider*/


		.hero-section {
			background-size: cover;
			text-align: left;
			background-position: 36% 21%;
			padding-bottom: 40px;
		}


/*meijer*/

		.meijer-section {
			padding: 75px 0px;
		}
		.meijer-section .small-text{
			color:#E32F2A
		}
		
		.meijer-section p{
			font-weight:500;
			text-align:center;
		}
		.meijer-section .main-links h1 {
			font-weight:bold;
			text-align:center;
			font-size:48px;
		}
		.meijer-section .main-images {
			padding: 50px 0px 20px 0px;
		}
		.occasions-bg .columns{
			padding:25px;
		}
		
		.meijer-section .title-box-title {
			font-weight: 600;
			text-align:center;
			font-size:18px;
			color: #0a0a0a !important;
		}
		
		.meijer-section .title-box-title a{
			font-weight: 600;
			text-align:center;
			font-size:18px;
			color: #0a0a0a !important;
		}
		.tools-section img {
			height: 150px;
		}
		.tools-section {
			text-align: center;
			background: #edf1f3;
			padding: 20px;
		    height: 250px;
		}
		.tools-section-actie {
			text-align: center;
			background: #fff;
			border: 1px solid #E32F2A;
			padding: 20px;
		}				
		/* install-section */
			.install-section{
				padding:0px 0px 60px 0px;
				
			}
			.install-section h2{
				font-weight:600;
				color:#E32F2A;
				font-size: 28px;
			}
			
		
		/* service-section */
			.service-section{
				padding:70px 0px;
				background:#EDF1F3;
			}
		.service-section h2{
				font-weight:600;
				    font-size: 28px;
			}
		.text-decription p {
			padding: 10px 0px;
		}
		.text-decription {
		padding-top: 25px;
	}

.error {
	color: red;
}


/*------------------------------------*\
  #FOOTER SETTINGS
\*------------------------------------*/
		/*------------------------------------*\
		  #FOOTER LINKS
		
		\*------------------------------------*/
		
		/*Footer*/
		ul.footer-links.footer-item-second {
			position: absolute;
		}

		.footer-first-col .footer-links{
			display:inline-block;
		}
		.footer-links li a:hover {
		color: #E32F2A;
	}
		.footer-bottom{
			background: #3B3B3B;
		}
		.footer-bottom a{
			color:#EDF1F3;
		}
		.footer-links {
			 padding: 0 0 0 20px;
		}
		.footer-links li a{
			 color: #0E2D3B;
		}
		.mail-links li a {
			color: #0E2D3B;
			font-style: normal;
		}
		.footer-bg ul.mail-links {
			padding: 0px;
		}
		.footer-bg ul.mail-links li {
			list-style:none;
		}
		
		.footer-bg .footer-address {
			padding-left: 20px;
			color: #0E2D3B;
			font-style: normal;
		}
		.marketing-site-footer .top-medium-unstack {
		
		   color: #0E2D3B;
		}
		.marketing-site-footer .top-medium-unstack .footer-bg{
		opacity: 1;
		padding: 70px 0px 60px 0px;
		}
		.marketing-site-footer .marketing-site-footer-menu-social a {
		  color: #fff;
		}
		ul.menu.marketing-site-footer-menu-social.simple {
			display: inline-grid;
			
		}
		ul.menu.marketing-site-footer-menu-social.simple li {
			display: inline-grid;
			padding: 7px;
			margin-left: 0px;
		}
		.marketing-site-footer .column-block {
		  margin-bottom: 30px;
		}

		.marketing-site-footer > .row {
		  margin-bottom: 1rem;
		}

		.marketing-site-footer-name {
		  color:#E32F2A;
		  margin-bottom: 1rem;
		  font-size: 2rem;
		}

		.marketing-site-footer-title {
			color:#E32F2A;
			margin-bottom: 16px;
			font-size: 20px;
			font-weight: 600;
		}

		.marketing-site-footer-block {
		  display: -webkit-flex;
		  display: -ms-flexbox;
		  display: flex;
		  margin-bottom: 1rem;
		}

		.marketing-site-footer-bottom .marketing-site-footer-bottom-links {
		  -webkit-justify-content: flex-end;
			  -ms-flex-pack: end;
				  justify-content: flex-end;
		}
		footer .copyright {
			text-align: center;
			color: #EDF1F3;
			margin: 0px;
			padding: 10px;
			font-size: 14px;
		}	
		

/*------------------------------------*\
  #MEDIA QUERIES
\*------------------------------------*/
        /*------------------------------------*\
		  #Extra small devices (Most of the Smartphones Mobiles (Portrait))
			@media only screen and (max-width: 480px) {
		\*------------------------------------*/
		
		@media (max-width: 500px){
			.top-bar-content ul {   
				flex-direction: column;
			}
			.hero-section {
			
			background-size: cover;
			max-height: 360px;
			}
			.top-bar-content ul li{
				font-size: 12px !important;
			}
			.menu li, .menu.horizontal li {
				display: block !important;
			}

			.block p {
				padding: 0px 25px;
			}
			.block h2 {
				padding: 0px 25px;
			}
		}
				
		
		
		@media (max-width: 480px){
			
		.meijer-section .medium-3 {
				width: 100%;
				margin-bottom:10px;	
				}
			.meijer-section {
				padding: 25px;

			.block h2 {
				padding: 0px 25px;
			}
			.hero-section {
				padding-bottom: 0px !important;
			}
			.service-section{
				padding: 0px !important;
			}

		}
		/*------------------------------------*\
		  #Small devices (Low Resolution Tablets, Mobiles (Landscape))
		    B/w 481px to 767px
			@media (min-width: 481px) and (max-width: 767px){...} 
			
		\*------------------------------------*/
		
		@media print, screen and (min-width: 40em){
			.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
			   border-color: #E32F2A transparent transparent;
		  }
		}
		@media screen and (max-width: 39.9375em) {
		  .marketing-site-footer .columns {
			margin-bottom: 0rem;
		  }
		}
		@media (max-width: 715px) and (min-width: 638px){
			.footer-second-section{
				padding-left:40px;
			}
		}
		@media (max-width: 639px){
			img#hide-logo2 {
					display: none;
				}
				.title-bar {
					padding: 10px;
				}
				.marketing-site-footer .top-medium-unstack .footer-bg {
					padding: 50px 0px 30px 0px;
				}
				.top-bar-content ul{
					margin-bottom:0px;
				}
				.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
					left: 7rem;
				}
				.install-section h5 {
					padding-top:20px;
				}
				.text-decription {
				padding: 0px 20px;
			}
			.footer-second-section{
				padding-right: 0.625rem;
				padding-left: 0.625rem;
			}
			img.logo-mobile {
								width: 250px;
							}
			
		}
		@media (max-width: 640px){
			.page-content {
				padding-left: 25px;
				padding-right: 25px;
			}
			
			.form-wrapper {
				padding-left: 25px;
				padding-right: 25px;
			}
			
			.top-bar-content ul {
				justify-content: center;
				align-items: center;
				float: none;
				display: block;
				text-align: center;
			}
			.title-bar {
				background-color: transparent;
				width: 100%;
				display: block;
			}
			.top-bar-logo.left-mobile {
				float: left;
				width: 50%;
			}
			img.logo {
				display: none !important;
			}
			button.menu-icon.dark {
				float: right;
				text-align: right;
			
			}
			.menu-icon.dark {
				position: relative;
				display: inline-block;
				vertical-align: middle;
				width: 20px;
				height: 10px;
				cursor: pointer;
			}
			img.beppie-img {
				width: 420px;
			}
			.columns {
			padding-right: 0px !important;
			padding-left: 0px !important;}

			.medium-unstack {
				padding-left: 10px;
			}
		}
		}
		
	
		
		
		
		@media (max-width: 768px) and (min-width: 481px){
			
			.meijer-section .medium-3 {
				width: 50%;
				margin-bottom:10px;
			}
			img.logo {
				width: 190px;
			}
		}
		
			@media (max-width: 704px) and (min-width: 638px){
							img.logo-mobile {
								width: 150px;
							}				
							.top-bar-right a {
								padding: 3px;
								font-size:12px
							}
							.dropdown.menu > li.is-dropdown-submenu-parent > a{
								padding: 3px;
                                 padding-left: 3px !important;
							}
						}
					
		
			@media (max-width: 931px) and (min-width: 705px){	
				.top-bar-right a {
					padding: 5px;
				}
				.dropdown.menu > li > a {
				padding: 5px;
			}
				img.logo-mobile {
					width: 125px;
				}
			}
				@media print, screen and (min-width: 40em){
				.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
				
						left: auto;
						right: 5px;
					}
				}
		/*------------------------------------*\
		  #Medium devices (Tablets, Ipads (landscape))
			@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){...} 
		\*------------------------------------*/
		@media (min-width: 1024px){
				img.logo-mobile {
			width: 250px;
		}
		}	
		@media (max-width: 993px){
			.menu-icon.dark::after {
			top: auto;
			}
			
		}
		
		@media print, screen and (min-width: 40em){
		.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
		
				left: auto;
				right: 5px;
			}
		}
		
		/*------------------------------------*\
		  #Large devices (Laptops, Desktops)
			@media (min-width: 1025px) and (max-width: 1280px)  {...} 
		\*------------------------------------*/
		
		
		
		
		/*------------------------------------*\
		  #Extra large devices (large laptops and desktops, 1200px and up)
			@media only screen and (min-width: 1281px) {...}
		\*------------------------------------*/