body{
    font-family: 'Arvo', serif;
	padding-top: 5rem; /* t.b.v. fixed header*/
	position: relative;
}

/* COLORS
add used colors
 #DE9C34 : Orange / rgb(222,156,52)
 #5700AB : Violet
 #FED136 : Rood/Oranje voor help mercurius
 #5cb85c / success / rgb(92,184,92)
 #f0ad4e / warning / rgb(240,173,78)

*/



#theory		{padding-top:150px!important;}
#software 	{padding-top:150px!important;}
#pricing 	{padding-top:150px!important;}
#contact 	{padding-top:150px!important;}
#section42 	{padding-top:50px;}

/* to change borders from input forms*/
.form-control:focus {
  border-color: #5cb85c;    
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(92,184,92, 0.9);
}



/* map google responsive maken */
.google-responsive{
	height:350px !important;
	width:100% !important;
	border:0 !important;
	frameborder:0 !important
}

.mercurius_header_bg{
	background: #FFF!important; /* bg-dark!important;  */
	color:#fff;
	-webkit-clip-path: polygon(0 0, 100% 50%, 100% 100%, 0 100%);   /* polygoon haalt plaatje weg, dus omgekeerd opbouwen, wit en grijs vice versa */
	clip-path		 : polygon(0 0, 100% 50%, 100% 100%, 0 100%)     
}

.mercurius_left{
	text-align:left;
}

.header_logo{
	width:140px
}

/* filler */
#filler-1{
	background:linear-gradient(to right,rgba(0,0,0,0.1),rgba(255,255,255,0.1)) ,url(../assets/img/arithmos-filler-reduced.jpg)center/cover no-repeat fixed;
}

#filler{
	background:linear-gradient(rgba(88, 5, 241, 0.3),rgba(221, 9, 9, 1)) ,url(../assets/img/bg-masthead.jpg)center/cover no-repeat fixed;
	/*

	rgb is kleur, alpha = transparantie

	linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.9)) 
	standaard start de 'overlay' bij de linkse (boven) en gaat naar de rechtse (onder)

	van links naar rechts, to right (start bij de linkse en gaat naar de rechtse
	background:linear-gradient(to right,rgba(0,0,0,.1),rgba(0,0,0,.9))

	combined in line above.... "center/cover no-repeat fixed"
	background-size			: cover;
	background-position		: center;
	background-repeat		: no-repeat;
	background-attachment	: fixed;
	*/
}

/* bootstrap from scratch : peter luijkx */

.title-underline{
	width: 300px;
	height: 5px;
	margin:0 auto;
	/* background: blue!important;       pml: indien class overruled moet worden */
}

/* onder andere voor geen underline kliklinken in footer en oranje tekst */

a {
  color: #f5bc04;
  text-decoration: none;
}

a:focus, a:hover {
  color: #f5bc04;
  text-decoration: underline;
}

/*
a.anchor {
    display: block;
    position: relative;
    top: -250px;
    visibility: hidden;
}
*/

/* header */
.mercurius_header_bg{
	background:#222;
	color:#f0f0f0
}

/* about section, right text left fixed image / picture */
.height-80{
	min-height:100vh
}

/* about section, right text left fixed image / picture */
.height-40{
	min-height:40vh
}

.height-20{
	min-height:20vh
}

.about-picture{
	background: url(../assets/img/bg-masthead.jpg)center/cover no-repeat fixed;
	/* combined in line above....
	background-size			: cover;
	background-position		: center;
	background-repeat		: no-repeat;
	background-attachment	: fixed;
	*/
}

.about{
	background:#8090a7;
}





/* footer navigatie */
.clearfix::after {
  display: block;
  content: "";
  clear: both;
}

.js .animate-box{
	opacity:0
}

.footer_sub_about{
	color:#C9C8C8;
	font-size:14px
}


.mercurius_footer_bg{
	background:#222;
	color:#fff;
}

.mercurius_footer_bg_line{
	background:#222;
	color:#fff;
	-webkit-clip-path: polygon(0 100%, 100% 0, 100% 100%);
	clip-path		 : polygon(0 100%, 100% 0, 100% 100%)
}

.footer_post{
	color:#fff;
	display:-webkit-box
}

.footer_makes_sub_font{
	font-size:12px;
	color:#777
}

.footer_main_title{
	color:#fff;
	font-weight:800;
	font-size:18px
}

.position_footer_relative{
	position:relative
}

.footer_position_absolute{
	position:absolute;
	top:60px;
	left:-5px
}

.footer_menu{
	list-style:none;
	padding:0
}

.footer_menu li>a{
	color:#fff !important;
	padding:8px 0 !important;
	display:-webkit-box;
	-moz-transition:all .5s ease;
	-o-transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-ms-transition:all .5s ease;
	transition:all .5s ease
}

.footer_menu li>a:hover,
.footer_menu li>a:focus{
	color:#f5bc04 !important;
	padding:8px 0 !important;
	display:-webkit-box;
	margin-left:5px
}

.footer_img_posts{
	height:50px;
	width:94px;
	overflow:hidden;
	margin:10px 10px;
	display:inline-block
}

.footer_img_posts > img {
	width:94px;
	height:50px
}


/* footer onderaan de pagina onderste regel */
.Reserved {
	text-align: center;
}

.mercurius_right{
	text-align:right;
}

.mercurius_left{
	text-align:left;
}

.footer_logo{
	width:140px
}

.mercurius_footer_right_reserved {
	background:#000 !important;
	color:#FFF !important;
}

.footer_last_part_menu{
	color			: #fff !important;
/*    columns			: green !important;    testen op groen #F0F0F0 */
    padding			: 0 10px;
    background-color: #000;
}



/* contact from with map of world*/
.page-section {
	padding: 6rem 0;
  }
  .page-section h2.section-heading {
	font-size: 2.5rem;
	margin-top: 0;
	margin-bottom: 1rem;
  }
  .page-section h3.section-subheading {
	font-size: 1rem;
	font-weight: 400;
	font-style: italic;
	font-family: "Droid Serif", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	margin-bottom: 4rem;
  }
  section#contact {
	background-color: #212529;
	background-image: url("../assets/img/map-image.png");
	background-repeat: no-repeat;
	background-position: center;
  }
  section#contact .section-heading {
	color: #fff;
  }
  section#contact form#contactForm .form-group {
	margin-bottom: 1.5rem;
  }
  section#contact form#contactForm .form-group input,
  section#contact form#contactForm .form-group textarea {
	padding: 1.25rem;
  }
  section#contact form#contactForm .form-group input.form-control {
	height: auto;
  }
  section#contact form#contactForm .form-group-textarea {
	height: 100%;
  }
  section#contact form#contactForm .form-group-textarea textarea {
	height: 100%;
	min-height: 10rem;
  }
  section#contact form#contactForm p.help-block {
	margin: 0;
  }
  section#contact form#contactForm .form-control:focus {
	border-color: #fed136;
	box-shadow: none;
  }
  section#contact form#contactForm ::-webkit-input-placeholder {
	font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-weight: 700;
	color: #ced4da;
  }
  section#contact form#contactForm :-moz-placeholder {
	font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-weight: 700;
	color: #ced4da;
  }
  section#contact form#contactForm ::-moz-placeholder {
	font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-weight: 700;
	color: #ced4da;
  }
  section#contact form#contactForm :-ms-input-placeholder {
	font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-weight: 700;
	color: #ced4da;
  }
  .alert {
	position: relative;
	padding: 0.75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: 0.25rem;
  }
  
  .alert-heading {
	color: inherit;
  }
  
  .alert-link {
	font-weight: 700;
  }
  
  .alert-dismissible {
	padding-right: 4rem;
  }
  .alert-dismissible .close {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0.75rem 1.25rem;
	color: inherit;
  }
  
  .alert-primary {
	color: #846d1c;
	background-color: #fff6d7;
	border-color: #fff2c7;
  }
  .alert-primary hr {
	border-top-color: #ffecae;
  }
  .alert-primary .alert-link {
	color: #5a4a13;
  }
  
  .alert-secondary {
	color: #383d41;
	background-color: #e2e3e5;
	border-color: #d6d8db;
  }
  .alert-secondary hr {
	border-top-color: #c8cbcf;
  }
  .alert-secondary .alert-link {
	color: #202326;
  }
  
  .alert-success {
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
  }
  .alert-success hr {
	border-top-color: #b1dfbb;
  }
  .alert-success .alert-link {
	color: #0b2e13;
  }
  
  .alert-info {
	color: #0c5460;
	background-color: #d1ecf1;
	border-color: #bee5eb;
  }
  .alert-info hr {
	border-top-color: #abdde5;
  }
  .alert-info .alert-link {
	color: #062c33;
  }
  
  .alert-warning {
	color: #846d1c;
	background-color: #fff6d7;
	border-color: #fff2c7;
  }
  .alert-warning hr {
	border-top-color: #ffecae;
  }
  .alert-warning .alert-link {
	color: #5a4a13;
  }
  
  .alert-danger {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
  }
  .alert-danger hr {
	border-top-color: #f1b0b7;
  }
  .alert-danger .alert-link {
	color: #491217;
  }
  
  .alert-light {
	color: #818182;
	background-color: #fefefe;
	border-color: #fdfdfe;
  }
  .alert-light hr {
	border-top-color: #ececf6;
  }
  .alert-light .alert-link {
	color: #686868;
  }
  
  .alert-dark {
	color: #1b1e21;
	background-color: #d6d8d9;
	border-color: #c6c8ca;
  }
  .alert-dark hr {
	border-top-color: #b9bbbe;
  }
  .alert-dark .alert-link {
	color: #040505;
  }