	
	
	
	/* ============ DEFAULT CUSTOM ============ */	
	/* in Qote Options -> Generall -> Custom Code -> Custom CSS*/
	
	
	/* ============ Advent Pro ============ */
	body { 
		text-rendering: optimizeLegibility;
		 -webkit-font-smoothing: antialiased;   
 		 -moz-osx-font-smoothing: grayscale; 
	}
	
	body, 
	h3, .h3, h3 a,
	.slider_content h4,
	
	.bst-panel a,
	.q_icon_with_title .icon_text_holder h5.icon_title,
	
	.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-654,
	
	.footer_bottom {
    	font-family: "Advent Regular",sans-serif !important;
		font-weight:normal !important; 
        font-style:normal !important; 
	}
	
	.side_menu .widget li, 
	.side_menu a, 
	aside .widget a,
	
	.blog_holder.blog_large_image h2, 
	.blog_holder.blog_large_image h2 a, 
	.blog_holder.blog_single article h2 {
		font-family: 'Advent Medium' !important; 
		font-weight:normal !important; 
        font-style:normal !important; 
	}
	
	.slider_content h2,
	.breadcrumbs, 
	.breadcrumb .current, 
	.breadcrumb a,
	
	nav.main_menu > ul > li > a,
	header.sticky nav.main_menu > ul > li > a, 
	header.light.sticky nav.main_menu > ul > li > a, 
	header.dark.sticky nav.main_menu > ul > li > a,
	
	h4, .h4, h4 a { 
		font-family: 'Advent SemiBold' !important; 
		font-weight:normal !important; 
        font-style:normal !important; 
	}
	
	.vc_text_separator span,
	h5, .h5, h5 a, 
	h5.latest_post_title,
	h5.latest_post_title a,
	.wpb_wrapper h3,
	.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-654 { 
		font-family: 'Advent Bold' !important; 
		font-weight:normal !important; 
		font-style:normal !important; 
	}
	
	/* ============ Puritan ============ */
	p, p span, 
	h6, .h6, h6 a, h6 span,
	
	.mb-center.maxbutton-1-center .maxbutton-1-container.mb-container .maxbutton-1.maxbutton.maxbutton-download-button,
	.mb-center.maxbutton-1-center .maxbutton-1-container.mb-container .maxbutton-1.maxbutton.maxbutton-download-button:hover,
	
	.widget.widget_search form input[type="text"] {
		font-family: 'Puritan Regular', sans-serif !important;
		font-weight:normal !important; 
        font-style:normal !important; 
	}
	
	.bst-wrapper .bst-msg,
	.bst-wrapper button a,
	.bst-wrapper a,
	
	.footer_bottom_holder a, 
	.footer_bottom_holder ul li a {
		font-family: 'Roboto_Medium', sans-serif !important;
		font-weight:normal !important; 
        font-style:normal !important; 
		line-height: 1.2rem;
		font-size: .8rem;
	}
	
	
	/* ============ BG COLOR ============ */
	body,
	.wrapper,
	.content, 
	.full_width, 
	.overlapping_content .content,
	.content,
	
	.content .container,
	#intro-beige,
	#contact-beige,
	.vc_text_separator div,
	
	.blog_holder.masonry:not(.blog_masonry_date_in_image) article .post_text .post_text_inner,
	.scroll_header_top_area div { 
		background: #fff !important;
 	}
	
	.home .scroll_header_top_area div {
		background: transparent !important;
	}
	.home .scroll_header_top_area.sticky_animate,
	.single .scroll_header_top_area.sticky_animate {
		background: rgba(255, 255, 255, 0.95) !important;
	}
	
	.home .header_top_bottom_holder div,
	.home .header_top_bottom_holder { 
		background: transparent !important;
 	}
	
	/* ============ other styles ============ */
	/*underline*/
	.underline,
	a.underline:hover { text-decoration: underline; }
	
	
	/*outline*/
	.latest_post_holder.boxes ul li,
	.masonry_pagination article { 
		border: 1px solid #aaa !important;
 	}
 	/*hover*/
	.latest_post_holder.boxes ul li,
	.masonry_pagination article {
		transition: .2s ease all;
		-moz-transition: .2s ease all;
		-webkit-transition: .2s ease all;
	}
	.latest_post_holder.boxes ul li:hover,	
 	.masonry_pagination article:hover { box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; }
	
	.masonry_pagination article .post_image img,
	.latest_post_holder.boxes .boxes_image a {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		
		-webkit-transition: -webkit-transform .2s ease-in-out;
		-moz-transition: -moz-transform .2s ease-in-out;
		-ms-transition: -ms-transform .2s ease-in-out;
		-o-transition: -o-transform .2s ease-in-out;
		transition: transform .2s ease-in-out;
	}
	
	.masonry_pagination article:hover .post_image img,
	.latest_post_holder.boxes .boxes_image a:hover {
		-webkit-transform: scale(1.05);
		-moz-transform: scale(1.05);
		-ms-transform: scale(1.05);
		-o-transform: scale(1.05);
		transform: scale(1.05);
	}
	.masonry_pagination article .post_image a { overflow: hidden; }
	
	/*cookie*/
	.bst-panel { 
		background: #222 !important; 
		opacity: 1 !important;
		
	}
	
	/* ============ COLOR ============ */
	/*topheader, about, more_projects*/
	.home .carousel-inner,
	.home #about,
	.btn-primary {background: #02bd7a !important;}

	.home .carousel-inner .image,
	.home #baout.background-image {display: none !important;}
	.home #more_projects .call_to_action {background: #C1E0D5 !important;}
	
	.title {background: #fff !important;}

	footer .footer_bottom_holder {
		background: #474847 !important;
		background: #333 !important;
	}
	
	/*nav*/
	.dark:not(.sticky):not(.scrolled) nav.main_menu > ul > li > a,
	
	header.sticky nav.main_menu > ul > li > a, 
	header.light.sticky nav.main_menu > ul > li > a, 
	header.dark.sticky nav.main_menu > ul > li > a { color: #333 !important;}
	
	/*nav hover*/
	aside.sidebar .widget:not(.qode_latest_posts_widget) a:hover,
	header.sticky nav.main_menu > ul > li.active > a span,
	#menu-top-menu li > a:hover span { color: #03A369 !important;}
	
	/*pagination*/
	.pagination ul li a, .pagination ul li span { border: 1px solid #03A369 !important }
	.pagination ul li span,
	.pagination ul li a:hover {background: #03A369 !important;}
	
	.vc_text_separator.full {border-top: 1px solid #308478 !important;}
	.vc_text_separator.full div { color: #03BD7A !important;}
	
	/*mobile burger*/
	.dark .mobile_menu_button span, 
	.dark .shopping_cart_header .header_cart > i, 
	.dark .side_menu_button > a {
  		color: #03A369 !important;
	}
	
	
	/* ============ ABOUT ============ */
	/*image*/
	#about .vc_col-sm-6:nth-child(1) { width: 33.33333333% !important; }
	#about .vc_col-sm-6:nth-child(2) { width: 66.66666667% !important; }
	
	/*subline*/
	#about h6 {padding-top: .3rem;}
	#about h6 span {
		font-size: 13px !important; 
		color: #c8e0c4 !important;
	}
	
	@media only screen and (max-width: 767px) {
		#about h6 { padding-bottom: 1.3rem; }
		
		/*image*/
		#about .vc_col-sm-6:nth-child(1) { width: 50% !important; }
		#about .vc_col-sm-6:nth-child(2) { width: 100% !important; }
		
		.about-copy {margin-top: 2rem !important; }
	
	}
	@media only screen and (max-width: 600px) {
		/*image*/
		#about .vc_col-sm-6:nth-child(1) { width: 100% !important; }
	}
	
	/* ============ MORE PROJECTS ============ */
	@media only screen and (max-width: 767px) {
		#more_projects .vc_column_container { display: block !important; }
	}
	@media only screen and (max-width: 600px) {
		#more_projects .call_to_action {padding: 41px 21px 21px;}
		#more_projects .call_to_action_text {padding: 0 0 10px 0px !important;}
		#more_projects .call_to_action_icon_holder {display: none; }
	}
	
	/* ============ ALL FOR ALL  / GRID ============ */
	@media only screen and (max-width: 768px) {
		/*grid*/
		boxed div.section .section_inner, 
		.carousel-inner .slider_content_outer, 
		.container_inner, 
		.container_inner nav.content_menu, 
		.elementor-container .elementor-widget-wrap>.qode_elementor_container_inner, 
		.elementor-row .elementor-widget-wrap>.qode_elementor_container_inner, 
		.footer_bottom_border.in_grid, 
		.footer_top_border.in_grid, 
		.full_width .parallax_content, 
		.qode_elementor_container_inner, 
		.steps_holder_inner, 
		.title_border_in_grid_holder, 
		div.grid_section .section_inner, 
		div[data-element_type=container].qode_elementor_container_inner, 
		nav.content_menu ul {
			width: 90% !important;
		}
		/*mobiel nav*/
		.blog_holder.masonry,
		nav.mobile_menu>ul {
			width: 100% !important;
		}
		
		/*max button */
		.mb-center.maxbutton-1-center .maxbutton-1-container.mb-container 
		.maxbutton-1.maxbutton.maxbutton-download-button .mb-text {
  			font-size: 15px !important;
		}
	}
	
	@media only screen and (max-width: 600px) {
		/*mobiel nav*/
		header .container_inner {width: 100% !important;}
		
		/*single sidebar*/
		.single .column2 .sidebar .posts_holder .textwidget > div { height: 0px !important;  margin-top: -4rem !important;}
		
	}
	@media only screen and (max-width: 480px) {
		/*home title*/
		h2.q_slide_title {line-height: 50px !important;}
	}
	
	/* ============ Advent Pro ============ */
	@font-face {
		font-family: 'Advent Regular';
		src: url('fonts/AdventPro/AdventPro-Regular.woff') format('woff');
    }
   
    @font-face {
		font-family: 'Advent Medium';
		src: url('fonts/AdventPro/AdventPro-Medium.woff') format('woff');
    }
    @font-face {
		font-family: 'Advent SemiBold';
		src: url('fonts/AdventPro/AdventPro-SemiBold.woff') format('woff');
    }
    @font-face {
		font-family: 'Advent Bold';
		src: url('fonts/AdventPro/AdventPro-Bold.woff') format('woff');
    }
	
	
	/* ============ Puritan ============ */
	@font-face {
		font-family: 'Puritan Regular';
		src: url('fonts/Puritan/Puritan_Regular.woff') format('woff');
		
    }
    @font-face {
		font-family: 'Puritan Italic';
		src: url('fonts/Puritan/Puritan_Italic.woff') format('woff');
    }
    @font-face {
		font-family: 'Puritan Bold Italic';
		src: url('fonts/Puritan/Puritan_Bold_Italic.woff') format('woff');
    }
    @font-face {
		font-family: 'Puritan Bold';
		src: url('fonts/Puritan/Puritan_Bold.woff') format('woff');
    }
	
	
	/* ============ ABeeZee ============ */
	 @font-face {
		  font-family: "ABeeZee-Regular";
		  src: url("fonts/ABeeZee/ABeeZee-Regular.eot"); /* IE9 Compat Modes */
		  src: url("fonts/ABeeZee/ABeeZee-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
				url("fonts/ABeeZee/ABeeZee-Regular.woff") format("woff"), /* Modern Browsers */
				url("fonts/ABeeZee/ABeeZee-Regular.woff2") format("woff2"); /* Modern Browsers */
		  font-weight: normal;
		  font-style: normal;
	}
	
	 @font-face {
		  font-family: "ABeeZee-Italic";
		  src: url("fonts/ABeeZee/ABeeZee-Italic.eot"); /* IE9 Compat Modes */
		  src: url("fonts/ABeeZee/ABeeZee-Italic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
				url("fonts/ABeeZee/ABeeZee-Italic.woff") format("woff"), /* Modern Browsers */
				url("fonts/ABeeZee/ABeeZee-Italic.woff2") format("woff2"); /* Modern Browsers */
		  font-weight: normal;
		  font-style: normal;
	}
	
	/* ============ Sztos Final ============ */
	/* variable */
	@font-face {
	  font-family: 'Sztos_v';
	  src: url('fonts/SztosFinal/variable/SztosVF.woff2') format('woff2');
	  font-weight:normal;
      font-style:normal;
	}
	@font-face {
	  font-family: 'Sztos_v-i';
	  src: url('fonts/SztosFinal/variable/SztosItalicVF.woff2') format('woff2');
	  font-weight:normal;
      font-style:normal;
	}
	
	
	/* ============ Roboto ============ */
	@font-face {
	  font-family: 'Roboto_Medium';
	  src: url('fonts/Roboto/Roboto-Medium/Roboto-Medium.woff') format('woff'), 
		   url('fonts/Roboto/Roboto-Medium/Roboto-Medium.woff2') format('woff2');
	}
	@font-face {
	  font-family: 'Roboto_Regular';
	  src: url('fonts/Roboto/Roboto-Regular/Roboto-Regular.woff') format('woff'), 
		   url('fonts/Roboto/Roboto-Regular/Roboto-Regular.woff2') format('woff2');
	}
	@font-face {
		font-family: 'Roboto_Thin';
		src: url('fonts/Roboto/Roboto-Thin/Roboto-Thin.woff2') format('woff2'),
			 url('fonts/Roboto/Roboto-Thin/Roboto-Thin.woff') format('woff');
	}
	@font-face {
		font-family: 'Roboto_Light';
		src: url('fonts/Roboto/Roboto-Light/Roboto-Light.woff2') format('woff2'),
			 url('fonts/Roboto/Roboto-Light/Roboto-Light.woff') format('woff');
	}
	@font-face {
		font-family: 'Roboto_Bold';
		src: url('fonts/Roboto/Roboto-Bold/Roboto-Bold.woff2') format('woff2'),
			 url('fonts/Roboto/Roboto-Bold/Roboto-Bold.woff') format('woff');
	}
	@font-face {
		font-family: 'Roboto_Black';
		src: url('fonts/Roboto/Roboto-Black/Roboto-Black.woff2') format('woff2'),
			 url('fonts/Roboto/Roboto-Black/Roboto-Black.woff') format('woff');
	}
	
	/* ============ Roboto_Condensed ============ */
	@font-face {
		font-family: 'RobotoCondensed-Regular';
		src: url('fonts/RobotoCondensed/regular/RobotoCondensed-Regular.woff2') format('woff2'),
			 url('fonts/RobotoCondensed/regular/RobotoCondensed-Regular.woff') format('woff');
	}
	@font-face {
		font-family: 'RobotoCondensed-Bold';
		src: url('fonts/RobotoCondensed/bold/RobotoCondensed-Bold.woff2') format('woff2'),
			 url('fonts/RobotoCondensed/bold/RobotoCondensed-Bold.woff') format('woff');
	}
	@font-face {
		font-family: 'RobotoCondensed-Light';
		src: url('fonts/RobotoCondensed/light/RobotoCondensed-Light.woff2') format('woff2'),
			 url('fonts/RobotoCondensed/light/RobotoCondensed-Light.woff') format('woff');
	}
	
	

