/* Share buttons */
.sbuttons {
  bottom: 5%;
  position: fixed;
  margin: 1em;
  left: 0;
  margin-left: auto;
  margin-right: 0;
}
.sbutton {
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  text-align: center;
  color: white;
  margin: 20px auto 0;
  box-shadow: 0px 5px 11px -2px rgba(0, 0, 0, 0.18), 0px 4px 12px -7px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  -webkit-transition: all .1s ease-out;
  transition: all .1s ease-out;
  position: relative;
}
.sbutton > i {
  font-size: 38px;
  line-height: 60px;
  transition: all .2s ease-in-out;
  transition-delay: 2s;
}
.sbutton:active,
.sbutton:focus,
.sbutton:hover {
  box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
}
.sbutton:not(:last-child) {
  width: 60px;
  height: 60px;
  margin: 20px auto 0;
  opacity: 0;
}
.sbutton:not(:last-child) > i {
  font-size: 25px;
  line-height: 60px;
  transition: all .3s ease-in-out;
}
.sbuttons:hover .sbutton:not(:last-child) {
  opacity: 1;
  width: 60px;
  height: 60px;
  margin: 15px auto 0;
}
.sbutton:nth-last-child(1) {
  -webkit-transition-delay: 25ms;
  transition-delay: 25ms;
}
.sbutton:not(:last-child):nth-last-child(2) {
  -webkit-transition-delay: 20ms;
  transition-delay: 20ms;
}
.sbutton:not(:last-child):nth-last-child(3) {
  -webkit-transition-delay: 40ms;
  transition-delay: 40ms;
}
.sbutton:not(:last-child):nth-last-child(4) {
  -webkit-transition-delay: 60ms;
  transition-delay: 60ms;
}
.sbutton:not(:last-child):nth-last-child(5) {
  -webkit-transition-delay: 80ms;
  transition-delay: 80ms;
}
.sbutton:not(:last-child):nth-last-child(6) {
  -webkit-transition-delay: 100ms;
  transition-delay: 100ms;
}

[tooltip]:before {
  font-family: 'Roboto';
  font-weight: 600;
  border-radius: 2px;
  background-color: #585858;
  color: #fff;
  content: attr(tooltip);
  font-size: 12px;
  visibility: hidden;
  opacity: 0;
  padding: 5px 7px;
  margin-left: 10px;
  position: absolute;
  left: 100%;
  bottom: 20%;
  white-space: nowrap;
}

[tooltip]:hover:before,
[tooltip]:hover:after {
  visibility: visible;
  opacity: 1;
}
.sbutton.mainsbutton {
  background: #2ab1ce;
}
.sbutton.gplus {
  background: #F44336;
}
.sbutton.pinteres {
  background: #e60023;
}
.sbutton.twitt {
  background: #03A9F4;
}
.sbutton.fb {
  background: #3F51B5;
}
.sbutton.whatsapp {
  background: #00e676;
}

.center-img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}

.table_scrolling {
	
	overflow: scroll;
}

.blog-link {
	color:#e03444;
	text-decoration:none;
}

.blog-link:hover {
	color:#e03444;
	text-decoration:none;
}

.inner{
	overflow: hidden;
}

.inner img{
	transition: all 1.5s ease;
}

.inner:hover img{
	transform: scale(1.5);
}





.company_fat{
	font-family: 'Quicksand', sans-serif;
	font-size:65px;
	line-height:120%;
	font-weight:600;
}

	@media only screen and (min-width:999px) and (max-width: 1660px) {
		.company_fat{
		font-family: 'Quicksand', sans-serif;
		font-size:40px;
		line-height:120%;
		font-weight:600;
		}
	}

		@media only screen and (min-width:768px) and (max-width: 999px) {
			.company_fat{
			font-family: 'Quicksand', sans-serif;
			font-size:30px;
			line-height:120%;
			font-weight:600;
			}
		}

			@media only screen and (min-width:1px) and (max-width: 450px) {
				.company_fat{
				font-family: 'Quicksand', sans-serif;
				font-size:40px;
				line-height:120%;
				font-weight:600;
				}
			}

.company_thin{
	font-family: 'Quicksand', sans-serif;
	font-size:65px;
	line-height:120%;
	font-weight:300;
}

	@media only screen and (min-width:999px) and (max-width: 1660px) {
		.company_thin{
		font-family: 'Quicksand', sans-serif;
		font-size:50px;
		line-height:120%;
		font-weight:300;
		}
	}

		@media only screen and (min-width:768px) and (max-width: 999px) {
			.company_thin{
			font-family: 'Quicksand', sans-serif;
			font-size:30px;
			line-height:120%;
			font-weight:300;
			}
		}

			@media only screen and (min-width:1px) and (max-width: 450px) {
				.company_thin{
				font-family: 'Quicksand', sans-serif;
				font-size:40px;
				line-height:120%;
				font-weight:300;
				}
			}

.catch_phrase_1_thin{
	font-family: 'Quicksand', sans-serif;
	font-size:29px;
	line-height:120%;
	font-weight:300;
}

	@media only screen and (min-width:768px) and (max-width: 1660px) {
		.catch_phrase_1_thin{
		font-family: 'Quicksand', sans-serif;
		font-size:15px;
		line-height:120%;
		font-weight:300;
		}
	}

		@media only screen and (min-width:1px) and (max-width: 450px) {
			.catch_phrase_1_thin{
			font-family: 'Quicksand', sans-serif;
			font-size:15px;
			line-height:120%;
			font-weight:300;
			}
		}

.catch_phrase_1_fat{
	font-family: 'Quicksand', sans-serif;
	font-size:29px;
	line-height:120%;
	font-weight:600;
}

	@media only screen and (min-width:768px) and (max-width: 1660px) {
		.catch_phrase_1_fat{
		font-family: 'Quicksand', sans-serif;
		font-size:15px;
		line-height:120%;
		font-weight:600;
		}
	}

		@media only screen and (min-width:1px) and (max-width: 450px) {
			.catch_phrase_1_fat{
			font-family: 'Quicksand', sans-serif;
			font-size:15px;
			line-height:120%;
			font-weight:600;
			}
		}

.table-text-thin{
	font-family: 'Quicksand', sans-serif;
	font-size:25px;
	line-height:120%;
	font-weight:300;
}

	@media only screen and (min-width:768px) and (max-width: 1660px) {
		.table-text-thin{
		font-family: 'Quicksand', sans-serif;
		font-size:20px;
		line-height:120%;
		font-weight:300;
		}
	}

		@media only screen and (min-width:1px) and (max-width: 510px) {
			.table-text-thin{
			font-family: 'Quicksand', sans-serif;
			font-size:10px;
			line-height:120%;
			font-weight:300;
			}
		}
		
.table-text-fat{
	font-family: 'Quicksand', sans-serif;
	font-size:25px;
	line-height:120%;
	font-weight:600;
}

	@media only screen and (min-width:768px) and (max-width: 1660px) {
		.table-text-fat{
		font-family: 'Quicksand', sans-serif;
		font-size:20px;
		line-height:120%;
		font-weight:600;
		}
	}

		@media only screen and (min-width:1px) and (max-width: 510px) {
			.table-text-fat{
			font-family: 'Quicksand', sans-serif;
			font-size:10px;
			line-height:120%;
			font-weight:600;
			}
		}


.accordion-button-biology:not(.collapsed) {
    background-color: #8FD400;
	color:white;
	box-shadow: none;
}

.accordion-button-investing:not(.collapsed) {
    background-color: #FFDF00;
	box-shadow: none;
	color: black;
}

.accordion-button-physics:not(.collapsed) {
    background-color: #241571;
	box-shadow: none;
	color: white;
}

.accordion-button-math:not(.collapsed) {
    background-color: #4E0707;
	box-shadow: none;
	color: white;
}

.accordion-button {
	background-color: grey;
	color: white;
}

.name-navbar-fat{
	font-family: 'Quicksand', sans-serif;
	font-size:20px;
	line-height:120%;
	font-weight:600;
}

.name-navbar-thin{
	font-family: 'Quicksand', sans-serif;
	font-size:20px;
	line-height:120%;
	font-weight:300;
}

.navbar-thin{
	font-family: 'Quicksand', sans-serif;
	font-size:15px;
	line-height:120%;
	font-weight:300;
}



.same-height{
	display:table;
}

.company_name{
	font-size:100px;
	line-height:100%
}

@media only screen and (min-width:768px) and (max-width: 1560px) {
	.company_name{
	font-size:45px;
	line-height:100%;
	font-weight: bold;
	}
}

@media only screen and (max-width:768px) {
	.company_name{
	font-size:70px;
	line-height:100%;
	font-weight: bold;
	}
}

.beri_sign_main{
	display:none;
	}

@media only screen and (min-width:768px) and (max-width: 1560px) {
	.beri_sign_main{
	display:none;
	}
}

.post_title{
	font-family: 'Bebas Neue', cursive;
	font-size: 70px;
	letter-spacing: 0.15em;
	line-height:120%;
	text-align: center;
}

@media only screen and (max-width: 1560px) {
	.post_title{
	font-family: 'Bebas Neue', cursive;
	font-size: 40px;
	letter-spacing: 0.15em;
	line-height:120%;
	text-align: center;
	}
}

.post_ticker{
	font-family: 'Bebas Neue', cursive;
	color: gray;
	font-size: 70px;
	letter-spacing: 0.15em;
	line-height:120%;
	color: black;
	text-align: center;
}

@media only screen and (max-width: 1560px) {
	.post_ticker{
	font-family: 'Bebas Neue', cursive;
	color: gray;
	font-size: 70px;
	letter-spacing: 0.15em;
	line-height:120%;
	color: black;
	text-align: center;
	}
}

.post_info{
	color: gray;
	font-size: 18px;
	font-weight:600;
	line-height: 120%;
}

.important-notice{
	font-family: 'Bebas Neue', cursive;
	font-size: 40px;
	letter-spacing: 0.15em;
	line-height:120%;
	color: black;
}

@media only screen and (max-width: 1560px) {
	.important-notice{
	font-family: 'Bebas Neue', cursive;
	font-size: 25px;
	letter-spacing: 0.15em;
	line-height:120%;
	color: black;
	}
}

.catch_phrase{
	font-size:30px;
	line-height:120%
}

.test_font{
	font-size:100px;
	color:green;
}

.imageBox {
  position: relative;
  float: left;
}

.imageBox .hoverImg {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}

.imageBox:hover .hoverImg {
  display: block;
}

.typewriter h1 {
  overflow: hidden; /* Ensures the content is not revealed until the animation */
  border-right: .15em solid orange; /* The typwriter cursor */
  white-space: nowrap; /* Keeps the content on a single line */
  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  letter-spacing: .15em; /* Adjust as needed */
  animation:
    typing 3.5s steps(40, end),
    blink-caret .75s step-end infinite;
}

/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: orange; }
}

.heading_1{
	font-size: 100px;
}

.heading_2{
	font-size: 70px;
	line-height: 100%;
}

.heading_3{
	font-size: 50px;
	line-height: 120%;
}

.heading_4{
	font-size: 30px;
	line-height: 120%;
}

.disclaimer_heading{
	font-size: 40px;
	font-weight:bold;
	line-height: 100%;
}

.disclaimer_text{
	color:gray;
	font-size: 15px;
	font-weight: 500;
	line-height: 120%;
	text-align: justify;
}

.normal_text{
	font-size: 35px;
}

.small-text{
	font-size: 20px;
	font-weight: 500;
	line-height: 120%;
}
.small-text-gray{
	color:gray;
	font-size: 15px;
	font-weight: 500;
	line-height: 120%;
}

.about_text{
	font-size: 60px;
	line-height: 120%;
}

@media only screen and (max-width: 1000px) {
	.about_text{
	font-size: 40px;
	line-height: 120%;
	}
}

.about_heading{
	font-size: 70px;
	line-height: 100%;
}

@media only screen and (max-width: 1000px) {
	.about_heading{
	font-size: 40px;
	line-height: 100%;
	text-align: justify;
	}
}

.catch_line_text{
	font-size: 40px;
	line-height: 120%;
}

.black_heading{
	font-size: 90px;
	font-weight:500;
	line-height: 100%;
}

.black_heading_2{
	font-size: 70px;
	font-weight:500;
	line-height: 100%;
}

	@media only screen and (min-width:999px) and (max-width: 1660px) {
		.black_heading_2{
			font-size: 50px;
			font-weight:500;
			line-height: 100%;
		}
	}

		@media only screen and (min-width:751px) and (max-width: 999px) {
			.black_heading_2{
				font-size: 30px;
				font-weight:500;
				line-height: 100%;
			}
		}
		
			@media only screen and (min-width:1px) and (max-width: 751px) {
				.black_heading_2{
					font-size: 50px;
					font-weight:500;
					line-height: 100%;
					display: block;
					margin-right: auto;
					margin-left: auto;
				}
			}	

.black_heading_3{
	font-size: 70px;
	font-weight:300;
	line-height: 100%;
}


	@media only screen and (min-width:999px) and (max-width: 1660px) {
		.black_heading_3{
			font-size: 50px;
			font-weight:300;
			line-height: 100%;
		}
	}

		@media only screen and (min-width:751px) and (max-width: 999px) {
			.black_heading_3{
				font-size: 30px;
				font-weight:300;
				line-height: 100%;
			}
		}
		
			@media only screen and (min-width:1px) and (max-width: 751px) {
				.black_heading_3{
					font-size: 30px;
					font-weight:300;
					line-height: 100%;
				}
			}

.div-center{
}

@media only screen and (min-width:1px) and (max-width: 751px) {
.div-center{
	display: block;
	margin-right: auto;
	margin-left: auto;
	}
}
					

#black_heading_2{
	font-size: 70px;
	font-weight:500;
	line-height: 100%;
}


#black_heading_2_reversed{
	z-index:10;
	opacity: 0;
	font-size: 70px;
	font-weight:500;
	line-height: 100%;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
	position: absolute;
}

#black_heading_2_reversed:hover {
    opacity: 100;
}

#black_heading_2_reversed:hover ~ #black_heading_2 {
  opacity: 0;
}

.bold_gray_text{
	color: gray;
	font-size: 18px;
	font-weight:600;
	line-height: 120%;
}

.normal_gray_text{
	color: gray;
	font-size: 17px;
	line-height: 120%;
}

.lights-bg-image{
	/* set image in html & jinja with style= */

	background-repeat: no-repeat;
	background-size: cover;

}

/* Chart stuff */
.svg-container {
  display: inline-block;
  position: relative;
  width: 100%;
  padding-bottom: 100%; /* aspect ratio */
  vertical-align: top;
  overflow: hidden;
}
.svg-content-responsive {
  display: inline-block;
  position: absolute;
  top: 10px;
  left: 0;
}

.post-content-flow-old{
    font-family: 'Merriweather', serif;
	font-size:18px;
	line-height:180%;
}

.post-content-flow{
    font-family: 'Crimson Pro', serif;
	font-weight: 400;
	font-size:25px;
	line-height:160%;
	text-align: justify;
}

.bodoni-font-flow{
    font-family: 'Bodoni Moda', serif;
	font-weight: 300;
	font-size:20px;
	line-height:200%;
}

.irina-font-flow{
	font-family: 'Inria Serif', serif;
	font-weight: 400;
	font-size:20px;
	line-height:200%;
}

.normal-font-flow{
	font-weight: 400;
	font-size:20px;
	line-height:200%;
}

.black{
	background-color:black;
}

.contact_white{
	color: #9e9e9e;
	font-size: 25px;
	line-height: 120%;
}

.glow {
  font-size: 25px;
  color: #fff;
  -webkit-animation: glow 1s ease-in-out infinite alternate;
  -moz-animation: glow 1s ease-in-out infinite alternate;
  animation: glow 1s ease-in-out infinite alternate;
}

@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 70px #fff;
  }
  to {
    text-shadow: 0 0 20px #fff;
  }
}

.contact-bg-color{
	background-color: #9e9e9e;
	opacity:.5;
}

.contact_font{
	font-family: 'Crimson Pro', serif;
	font-size:50px;
	font-weight: bold;
}

.information_font{
	font-family: 'Crimson Pro', serif;
	font-size:50px;
	font-weight: 100;
}

.info_text{
	font-family: 'Merriweather Sans', sans-serif;
	font-size:20px;
	font-weight: 400;
}

.info_contact{
	font-family: 'Merriweather Sans', sans-serif;
	font-size:20px;
	font-weight: 300;
}

.contact_fat{
	font-family: 'Merriweather Sans', sans-serif;
	font-size:20px;
	font-weight: 600;
}

.forest-bg{
	background-image: url('{{ url_for("static/images/contact/forest2.jpg") }}');
	background-size: cover;
	background-repeat: no-repeat;
}

.ink-bg{
	background-image: url('pictures/photoshop/contact_bg.png');
	background-size: cover;
	background-repeat: no-repeat;
}

.bold_table{
	font-weight: bold;
}

.blog_title{
	font-family: 'Merriweather', serif;
	font-weight:600;
	font-size: 27px;
	letter-spacing: 0.05em;
	line-height:120%;
}

@media only screen and (max-width: 1760px) {
	.blog_title{
	font-family: 'Merriweather', serif;
	font-weight:600;
	font-size: 18px;
	letter-spacing: 0.05em;
	line-height:120%;
	}
}

.blog_ticker{
	font-family: 'Merriweather', serif;
	font-weight:600;
	font-size: 17px;
	letter-spacing: 0.05em;
	line-height:120%;
}

@media only screen and (max-width: 1560px) {
	.blog_ticker{
	font-family: 'Merriweather', serif;
	font-weight:600;
	font-size: 13px;
	letter-spacing: 0.05em;
	line-height:120%;
	}
}

.text-round-corners{
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

.bild-round-corners{
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}

.rounded-corners{
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}


.mt-6{
	margin-top:100px;
}
.mt-7{
	margin-top:200px;
}
.mt-8{
	margin-top:300px;
}
.mt-9{
	margin-top:400px;
}
.mt-10{
	margin-top:500px;
}

.pt-6{
	padding-top:100px;
}
.pt-7{
	padding-top:200px;
}
.pt-8{
	padding-top:300px;
}
.pt-9{
	padding-top:400px;
}
.pt-10{
	padding-top:500px;
}


.mb-6{
	margin-bottom:100px;
}
.mb-7{
	margin-bottom:200px;
}
.mb-8{
	margin-bottom:300px;
}
.mb-9{
	margin-bottom:400px;
}
.mb-10{
	margin-bottom:500px;
}

.pb-6{
	padding-bottom:100px;
}
.pb-7{
	padding-bottom:200px;
}
.pb-8{
	padding-bottom:300px;
}
.pb-9{
	padding-bottom:400px;
}
.pb-10{
	padding-bottom:500px;
}


.ms-6{
	margin-left:100px;
}
.ms-7{
	margin-left:200px;
}
.ms-8{
	margin-left:300px;
}
.ms-9{
	margin-left:400px;
}
.ms-10{
	margin-left:500px;
}

.me-6{
	margin-right:100px;
}
.me-7{
	margin-right:200px;
}
.me-8{
	margin-right:300px;
}
.me-9{
	margin-right:400px;
}
.me-10{
	margin-right:500px;
}


.pe-6{
	padding-right:100px;
}
.pe-7{
	padding-right:200px;
}
.pe-8{
	padding-right:300px;
}
.pe-9{
	padding-right:400px;
}
.pe-10{
	padding-right:500px;
}

.mathjax-block {
	margin-top:30px;
	margin-bottom:30px;
	text-align:center;
}

defs {
	padding:100px;
	margin:100px;
}

path {
	padding:1em;
}