/* ============================================================================
== RESET
============================================================================ */
	*{
		padding:0;
		margin:0;
		outline: 0;
		cursor:default;
		box-sizing: border-box;
		}

	*:not([type=text]) {
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		}

	#inlineplayer{
		display: none;
		}

/* ============================================================================
== LAYERS
============================================================================= */
	html,
	body{
    height:100% !important; /* ook om fancybox-active te overscrijven, die willen we niet */
		}

	body{
    height: 100%;
		}

	.page{
  	margin: 40px 0 0 0;
    min-height: 100%;
		display: grid; /* none */
    grid-template-rows: 100px 1fr auto;
		}

	main {
		padding: 60px 0 220px 0;
		min-height: calc(100% - 240px);
		}

/* ============================================================================
== DEFAULT STYLING
============================================================================ */
	body {
		font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;		
		}

	a{
		text-decoration: none;
		font-weight: 100;
		}


/* =========================================================================
== HEADER
========================================================================== */
	header {
  	margin: 0;
		width:calc(100% - 40px);
		background-image: url('header.svg');
		background-size:contain;
		background-repeat:no-repeat;
		background-position: center center;
		}

/* ============================================================================
== FOOTER
============================================================================= */
	footer{
		color:#fff;
		padding:50px 0 80px 0;
		font-size: 12px;
		font-family: 'Roboto Mono', monospace;
		letter-spacing: .5px;
		font-weight: 100;
		color:#999;
		background:#2c3741;
    grid-row-start: 3;
    grid-row-end: 4;
    display: none;
		}
	
	footer .grid{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-gap: 20px;
		}
	
	footer a{
		color:#999;
		}
	
	footer b{
		font-weight: 300;
		color:#fff;
		}

	footer img{
		width:80px;
		}

	footer .col4{
		padding:40px 0 0 0;
		}	

	/* on smaller screens */
	@media screen and (max-width: 600px) {
		footer .grid { grid-template-columns: 1fr 1fr; grid-gap: 40px;}
		}

	/* LOGO */
	.logo {
		width:100px;
		height:100px;
		background-size:contain;
		background-repeat: no-repeat;
		background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGw9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMjE2IDM3IDQ0MCA1NjQiIHdpZHRoPSI0NDBwdCIgaGVpZ2h0PSI0N3BjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iPjxtZXRhZGF0YT4gUHJvZHVjZWQgYnkgT21uaUdyYWZmbGUgNi4zLjIgPGRjOmRhdGU+MjAxOS0wMS0yNSAxNToxMjo1NyArMDAwMDwvZGM6ZGF0ZT48L21ldGFkYXRhPjxkZWZzLz48ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS1vcGFjaXR5PSIxIiBzdHJva2UtZGFzaGFycmF5PSJub25lIiBmaWxsPSJub25lIiBmaWxsLW9wYWNpdHk9IjEiPjx0aXRsZT5DYW52YXMgMTwvdGl0bGU+PGc+PHRpdGxlPkxheWVyIDE8L3RpdGxlPjxwYXRoIGQ9Ik0gMzYyLjExMjk3IDExNC4wNzYzOTQgTCAzNTAuMjg0OTggMTE0LjQzMTQwNCBMIDM1MC4yODQ5OCAyOTQuOTQ3MjYgTCAzMDcuNzM0OTYgMjk0Ljk0NzI2IEwgMzA3LjczNDk2IDExMi45NjAxNiBMIDI5NS45MDY5OCAxMTIuOTYwMTYgTCAyOTUuOTA2OTggMjk0Ljk0NzI2IEwgMjUzLjM1MDEzIDI5NC45NDcyNiBMIDI1My4zNTAxMyA3My4wMTQ2ODYgTCAzOTEuNzE1MzUgNzMuMDE0Njg2IEMgMzk1LjE2OTg4IDczLjAxNDY4NiAzOTguMTkwODggNzQuMjc3NzAzIDQwMC43NjgxMSA3Ni44OTI0OSBDIDQwMy4zNTU2IDc5LjQ2OTcyNyA0MDQuNjY5OCA4Mi41MDA5NyA0MDQuNjY5OCA4NS45NTU0OSBMIDQwNC42Njk4IDI5NC45NDcyNiBMIDM2Mi4xMTI5NyAyOTQuOTQ3MjYgWiIgZmlsbD0id2hpdGUiLz48cGF0aCBkPSJNIDQ1OC4xOTEzNSAyNTUuMDAwNzYgTCA0NzAuMDI2MTYgMjU1LjAwMDc2IEwgNDcwLjAyNjE2IDE3NS44NTM5NyBMIDQ1OC4xOTEzNSAxNzUuODUzOTcgWiBNIDQ5OS42Mzg4IDczLjAxMzY2MiBDIDUwMy4wNzYyNSA3My4wMTM2NjIgNTA2LjA5NzI1IDc0LjI3NjY4IDUwOC43MDg2MiA3Ni44OTE0NjYgQyA1MTEuMjg1ODYgNzkuNDY4NzAzIDUxMi41Nzk2IDgyLjQ5OTk0NCA1MTIuNTc5NiA4NS45NTQ0NjcgTCA1MTIuNTc5NiA4Ny4wNDY4MDYgTCA1MTIuNTc5NiAyOTQuOTQ2MjMgTCA0MjguNjAyNjIgMjk0Ljk0NjIzIEMgNDI1LjE0NDY4IDI5NC45NDYyMyA0MjIuMTI3MSAyOTMuNjc2MzkgNDE5LjUzNjIgMjkxLjA3MTg0IEMgNDE2Ljk1ODk3IDI4OC40OTQ2IDQxNS42NDEzMyAyODUuNDcwMiA0MTUuNjQxMzMgMjgyLjAwODg0IEwgNDE1LjY0MTMzIDE0OC44NDI0NyBDIDQxNS42NDEzMyAxNDUuMzc3NzEgNDE2Ljk1ODk3IDE0Mi4zNTY3MSA0MTkuNTM2MiAxMzkuNzc2MDYgQyA0MjIuMTI3MSAxMzcuMTc0OTMgNDI1LjE0NDY4IDEzNS45MDUwOCA0MjguNjAyNjIgMTM1LjkwNTA4IEwgNDcwLjAyNjE2IDEzNS45MDUwOCBMIDQ3MC4wMjYxNiAxMTIuOTU5MTM2IEwgNDE1LjY0MTMzIDExMi45NTkxMzYgTCA0MTUuNjQxMzMgNzMuMDEzNjYyIFoiIGZpbGw9IndoaXRlIi8+PHBhdGggZD0iTSA1NjcuMjE5MDggMjU0Ljk5OTQgTCA1NzkuMDQwMjQgMjU0Ljk5OTQgTCA1NzkuMDQwMjQgMTk5LjA0MDkxIEwgNjIxLjYwMDUgMTk5LjA0MDkxIEwgNjIxLjYwMDUgMjgyLjAwNzQ4IEMgNjIxLjYwMDUgMjg1LjQ2ODgzIDYyMC4yODI4NiAyODguNDk2NjYgNjE3LjY5NTQgMjkxLjA3MDQ4IEMgNjE1LjExMTMyIDI5My42NzUwMiA2MTIuMTAwNTYgMjk0Ljk0ODI4IDYwOC42MzU4IDI5NC45NDgyOCBMIDUyNC42NjkwNiAyOTQuOTQ4MjggTCA1MjQuNjY5MDYgODUuOTU2NTE1IEMgNTI0LjY2OTA2IDgyLjUwMTk5IDUyNS45NjI4IDc5LjQ3MDc1IDUyOC41MzY2MiA3Ni44OTM1MTQgQyA1MzEuMTIwNyA3NC4yNzUzMTQgNTM0LjE0NTEgNzMuMDE1NzEgNTM3LjU5NjIgNzMuMDE1NzEgTCA2MDguNjM1OCA3My4wMTU3MSBDIDYxMi4xMDA1NiA3My4wMTU3MSA2MTUuMTExMzIgNzQuMjc1MzE0IDYxNy42OTU0IDc2Ljg5MzUxNCBDIDYyMC4yODI4NiA3OS40NzA3NSA2MjEuNjAwNSA4Mi41MDE5OSA2MjEuNjAwNSA4NS45NTY1MTUgTCA2MjEuNjAwNSAxNzUuMTA4NDUgTCA1NzkuMDQwMjQgMTc1LjEwODQ1IEwgNTc5LjA0MDI0IDExMi45NTc3NyBMIDU2Ny4yMTkwOCAxMTIuOTU3NzcgWiIgZmlsbD0id2hpdGUiLz48cmVjdCB4PSIyNTMuMzUzODkiIHk9IjMwNi41MTQ3OSIgd2lkdGg9IjQyLjU1MzQzMyIgaGVpZ2h0PSIyNTguOTYyODciIGZpbGw9IndoaXRlIi8+PHBhdGggZD0iTSAzNTAuMzgwOSA1MjUuNTMyMTggTCAzNjIuMjAyMDYgNTI1LjUzMjE4IEwgMzYyLjIwMjA2IDM4My40NzY5IEwgMzUwLjM4MDkgMzgzLjQ3NjkgWiBNIDM5MS44MjQ5MyAzNDMuNTI0NiBDIDM5NS4yNjU4IDM0My41MjQ2IDM5OC4yODY4IDM0NC44MTQ5MyA0MDAuODkxMzQgMzQ3LjQxOTQ3IEMgNDAzLjQ3NTQgMzUwLjAwMzU0IDQwNC43NjIzMiAzNTMuMDI0NTQgNDA0Ljc2MjMyIDM1Ni40ODI0NyBMIDQwNC43NjIzMiA1NTEuNDMwODYgTCA0MDQuNzYyMzIgNTUyLjU0NzEgQyA0MDQuNzYyMzIgNTU2LjAwMTYgNDAzLjQ3NTQgNTU5LjAxOTIgNDAwLjg5MTM0IDU2MS42MDMyNiBDIDM5OC4yODY4IDU2NC4xOTA3NCAzOTUuMjY1OCA1NjUuNDc3NjUgMzkxLjgyNDkzIDU2NS40Nzc2NSBMIDMyMS45MDQ5OSA1NjUuNDc3NjUgTCAzMjAuNzg4NzYgNTY1LjQ3NzY1IEMgMzE3LjMzNDIzIDU2NS40Nzc2NSAzMTQuMzA2NCA1NjQuMTkwNzQgMzExLjcyNTc1IDU2MS42MDMyNiBDIDMwOS4xNDE2OSA1NTkuMDE5MiAzMDcuODMwODggNTU2LjAwMTYgMzA3LjgzMDg4IDU1Mi41NDcxIEwgMzA3LjgzMDg4IDU1MS40MzA4NiBMIDMwNy44MzA4OCAzNTYuNDgyNDcgQyAzMDcuODMwODggMzUzLjAyNDU0IDMwOS4xNDE2OSAzNTAuMDAzNTQgMzExLjcyNTc1IDM0Ny40MTk0NyBDIDMxNC4zMDY0IDM0NC44MTQ5MyAzMTcuMzM0MjMgMzQzLjUyNDYgMzIwLjc4ODc2IDM0My41MjQ2IEwgMzkwLjcxMjEgMzQzLjUyNDYgWiIgZmlsbD0id2hpdGUiLz48cGF0aCBkPSJNIDQ1Ny42NDMxNCA1MjUuNTMxNSBMIDQ2OS40OTUgNTI1LjUzMTUgTCA0NjkuNDk1IDM0My41MjczMyBMIDUxMi4wMzEzOCAzNDMuNTI3MzMgTCA1MTIuMDMxMzggNTUyLjU0NjQgQyA1MTIuMDMxMzggNTU2LjAwMDkzIDUxMC43Mzc2NCA1NTkuMDIxOTMgNTA4LjE1MzU4IDU2MS42MDI1OCBDIDUwNS41NDU2MiA1NjQuMTkzNDcgNTAyLjUzMTQ0IDU2NS40NzY5NyA0OTkuMDkwNTggNTY1LjQ3Njk3IEwgNDk3Ljk3NDM0IDU2NS40NzY5NyBMIDQyOC4wNzE0NyA1NjUuNDc2OTcgQyA0MjQuNjEzNTMgNTY1LjQ3Njk3IDQyMS41ODkxMiA1NjQuMTkzNDcgNDE5LjAwODQ3IDU2MS42MDI1OCBDIDQxNi40MDM5MiA1NTkuMDIxOTMgNDE1LjExNyA1NTYuMDAwOTMgNDE1LjExNyA1NTIuNTQ2NCBMIDQxNS4xMTcgMzQzLjUyNzMzIEwgNDU3LjY0MzE0IDM0My41MjczMyBaIiBmaWxsPSJ3aGl0ZSIvPjxwYXRoIGQ9Ik0gNTY1LjI5NTIgNTI1LjUzMjE4IEwgNTc3LjExNjM1IDUyNS41MzIxOCBMIDU3Ny4xMTYzNSAzODMuNDc2OSBMIDU2NS4yOTUyIDM4My40NzY5IFogTSA1MzUuNjcyMzMgMzQzLjUyNDYgTCA1NzcuMTE2MzUgMzQzLjUyNDYgTCA1NzcuMTE2MzUgMzA2LjUxNDc5IEwgNjE5LjY3MzIgMzA2LjUxNDc5IEwgNjE5LjY3MzIgNTY1LjQ3NzY1IEwgNTM1LjY3MjMzIDU2NS40Nzc2NSBDIDUzMi4yMTc4IDU2NS40Nzc2NSA1MjkuMTkzNCA1NjQuMTkwNzQgNTI2LjYwOTMzIDU2MS42MDMyNiBDIDUyNC4wMzU1IDU1OS4wMTkyIDUyMi43NDE3NiA1NTYuMDAxNiA1MjIuNzQxNzYgNTUyLjU0NzEgTCA1MjIuNzQxNzYgMzU2LjQ4MjQ3IEMgNTIyLjc0MTc2IDM1My4wMjQ1NCA1MjQuMDM1NSAzNTAuMDAzNTQgNTI2LjYwOTMzIDM0Ny40MTk0NyBDIDUyOS4xOTM0IDM0NC44MTQ5MyA1MzIuMjE3OCAzNDMuNTI0NiA1MzUuNjcyMzMgMzQzLjUyNDYiIGZpbGw9IndoaXRlIi8+PHBhdGggZD0iTSAyMzYuNzc0MjMgNTgwLjU5NjY1IEwgNjM1LjU4MzggNTgwLjU5NjY1IEwgNjM1LjU4MzggNTguMTk1NzQyIEwgMjM2Ljc3NDIzIDU4LjE5NTc0MiBaIE0gNjU1LjkzODg2IDYwMC45NDQ4OCBMIDIxNi40MjYgNjAwLjk0NDg4IEwgMjE2LjQyNiAzNy44NDQxIEwgNjU1LjkzODg2IDM3Ljg0NDEgWiIgZmlsbD0id2hpdGUiLz48L2c+PC9nPjwvc3ZnPg==');
		}
	
	/* SOCIAL ICONS */
	/* https://www.flaticon.com/packs/simpleicon-social-media */
	.social .facebook,
	.social .linkedin,
	.social .vimeo,
	.social .youtube{
		height:13px;
		width:20px;
		background-size:contain;
		background-repeat: no-repeat;
		float:left;
		margin: 10px 10px 0 0;
		border-right:1px solid #ddd;
		background-position: left center;
		opacity:.6;
		}
	
	.social a:last-child{
		border:none;
		}

	.social .facebook	{ background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDQzMC4xMTMgNDMwLjExNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDMwLjExMyA0MzAuMTE0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PGc+Cgk8cGF0aCBpZD0iRmFjZWJvb2siIGQ9Ik0xNTguMDgxLDgzLjNjMCwxMC44MzksMCw1OS4yMTgsMCw1OS4yMThoLTQzLjM4NXY3Mi40MTJoNDMuMzg1djIxNS4xODNoODkuMTIyVjIxNC45MzZoNTkuODA1ICAgYzAsMCw1LjYwMS0zNC43MjEsOC4zMTYtNzIuNjg1Yy03Ljc4NCwwLTY3Ljc4NCwwLTY3Ljc4NCwwczAtNDIuMTI3LDAtNDkuNTExYzAtNy40LDkuNzE3LTE3LjM1NCwxOS4zMjEtMTcuMzU0ICAgYzkuNTg2LDAsMjkuODE4LDAsNDguNTU3LDBjMC05Ljg1OSwwLTQzLjkyNCwwLTc1LjM4NWMtMjUuMDE2LDAtNTMuNDc2LDAtNjYuMDIxLDBDMTU1Ljg3OC0wLjAwNCwxNTguMDgxLDcyLjQ4LDE1OC4wODEsODMuM3oiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiIHN0eWxlPSJmaWxsOiNGRkZGRkYiPjwvcGF0aD4KPC9nPjwvZz4gPC9zdmc+'); }
	.social .linkedin	{ background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDQzMC4xMTcgNDMwLjExNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDMwLjExNyA0MzAuMTE3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PGc+Cgk8cGF0aCBpZD0iTGlua2VkSW4iIGQ9Ik00MzAuMTE3LDI2MS41NDNWNDIwLjU2aC05Mi4xODhWMjcyLjE5M2MwLTM3LjI3MS0xMy4zMzQtNjIuNzA3LTQ2LjcwMy02Mi43MDcgICBjLTI1LjQ3MywwLTQwLjYzMiwxNy4xNDItNDcuMzAxLDMzLjcyNGMtMi40MzIsNS45MjgtMy4wNTgsMTQuMTc5LTMuMDU4LDIyLjQ3N1Y0MjAuNTZoLTkyLjIxOWMwLDAsMS4yNDItMjUxLjI4NSwwLTI3Ny4zMmg5Mi4yMSAgIHYzOS4zMDljLTAuMTg3LDAuMjk0LTAuNDMsMC42MTEtMC42MDYsMC44OTZoMC42MDZ2LTAuODk2YzEyLjI1MS0xOC44NjksMzQuMTMtNDUuODI0LDgzLjEwMi00NS44MjQgICBDMzg0LjYzMywxMzYuNzI0LDQzMC4xMTcsMTc2LjM2MSw0MzAuMTE3LDI2MS41NDN6IE01Mi4xODMsOS41NThDMjAuNjM1LDkuNTU4LDAsMzAuMjUxLDAsNTcuNDYzICAgYzAsMjYuNjE5LDIwLjAzOCw0Ny45NCw1MC45NTksNDcuOTRoMC42MTZjMzIuMTU5LDAsNTIuMTU5LTIxLjMxNyw1Mi4xNTktNDcuOTRDMTAzLjEyOCwzMC4yNTEsODMuNzM0LDkuNTU4LDUyLjE4Myw5LjU1OHogICAgTTUuNDc3LDQyMC41Nmg5Mi4xODR2LTI3Ny4zMkg1LjQ3N1Y0MjAuNTZ6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIiBzdHlsZT0iZmlsbDojRkZGRkZGIj48L3BhdGg+CjwvZz48L2c+IDwvc3ZnPg=='); }
	.social .vimeo		{ background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDQzMC4xMTggNDMwLjExOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDMwLjExOCA0MzAuMTE4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGc+PGc+Cgk8cGF0aCBpZD0iVmltZW8iIGQ9Ik0zNjcuMjQzLDI4Ljc1NGMtNTkuNzk1LTEuOTUxLTEwMC4yNTksMzEuNTkxLTEyMS40NDcsMTAwLjY2NGMxMC45MTItNC40OTQsMjEuNTE2LTYuNzYyLDMxLjg1OC02Ljc2MiAgIGMyMS44MDQsMCwzMS40NTUsMTIuMjM3LDI4Ljg3OSwzNi43NzZjLTEuMjc4LDE0Ljg2LTEwLjkxMSwzNi40ODItMjguODc5LDY0Ljg1OGMtMTguMDM5LDI4LjQyMy0zMS41MTMsNDIuNjEtNDAuNDY0LDQyLjYxICAgYy0xMS42MjEsMC0yMi4xOTktMjEuOTU4LTMxLjg1Ny02NS44MmMtMy4yMzktMTIuOTE4LTkuMDMxLTQ1LjgxMi0xNy4zMjQtOTguNzY1Yy03Ljc3NS00OS4wNDYtMjguMzItNzEuOTYyLTYxLjcyNy02OC43NDEgICBDMTEyLjE1LDM0Ljg3Myw5MC45OCw0Ny44MTUsNjIuNzI2LDcyLjMwOEM0Mi4xMTMsOTEuMDMyLDIxLjIyOCwxMDkuNzYxLDAsMTI4LjQ3MWwyMC4yMjUsMjYuMTEyICAgYzE5LjMwMy0xMy41NjIsMzAuNTk1LTIwLjMxMSwzMy43MzEtMjAuMzExYzE0LjgwMiwwLDI4LjYyNSwyMy4yMTksNDEuNDg4LDY5LjY1MWMxMS41Myw0Mi42NDQsMjMuMTU4LDg1LjIzLDM0Ljc0NCwxMjcuODEyICAgYzE3LjI1Niw0Ni40NjYsMzguNTI5LDY5LjcwOCw2My41NTIsNjkuNzA4YzQwLjQ3MywwLDkwLjAyOC0zOC4wNjUsMTQ4LjQ2OS0xMTQuMjIzYzU2LjUzNy03Mi45MDksODUuNzI1LTEzMC4zNTIsODcuNjk0LTE3Mi4zNDEgICBDNDMyLjQ5OCw1OC43NjQsNDExLjYxMywzMC4wMjgsMzY3LjI0MywyOC43NTR6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIiBzdHlsZT0iZmlsbDojRkZGRkZGIj48L3BhdGg+CjwvZz48L2c+IDwvc3ZnPg=='); }
	.social .youtube	{ background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDkwIDkwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA5MCA5MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPjxnPgoJPHBhdGggaWQ9IllvdVR1YmUiIGQ9Ik03MC45MzksNjUuODMySDY2bDAuMDIzLTIuODY5YzAtMS4yNzUsMS4wNDctMi4zMTgsMi4zMjYtMi4zMThoMC4zMTVjMS4yODIsMCwyLjMzMiwxLjA0MywyLjMzMiwyLjMxOCAgIEw3MC45MzksNjUuODMyeiBNNTIuNDEzLDU5LjY4NGMtMS4yNTMsMC0yLjI3OCwwLjg0Mi0yLjI3OCwxLjg3M1Y3NS41MWMwLDEuMDI5LDEuMDI1LDEuODY5LDIuMjc4LDEuODY5ICAgYzEuMjU4LDAsMi4yODQtMC44NCwyLjI4NC0xLjg2OVY2MS41NTdDNTQuNjk3LDYwLjUyNSw1My42NzEsNTkuNjg0LDUyLjQxMyw1OS42ODR6IE04Mi41LDUxLjg3OXYyNi41NDQgICBDODIuNSw4NC43OSw3Ni45NzksOTAsNzAuMjMsOTBIMTkuNzcxQzEzLjAyLDkwLDcuNSw4NC43OSw3LjUsNzguNDIzVjUxLjg3OWMwLTYuMzY3LDUuNTItMTEuNTc4LDEyLjI3MS0xMS41NzhINzAuMjMgICBDNzYuOTc5LDQwLjMwMSw4Mi41LDQ1LjUxMiw4Mi41LDUxLjg3OXogTTIzLjEzNyw4MS4zMDVsLTAuMDA0LTI3Ljk2MWw2LjI1NSwwLjAwMnYtNC4xNDNsLTE2LjY3NC0wLjAyNXY0LjA3M2w1LjIwNSwwLjAxNXYyOC4wMzkgICBIMjMuMTM3eiBNNDEuODg3LDU3LjUwOWgtNS4yMTV2MTQuOTMxYzAsMi4xNiwwLjEzMSwzLjI0LTAuMDA4LDMuNjIxYy0wLjQyNCwxLjE1OC0yLjMzLDIuMzg4LTMuMDczLDAuMTI1ICAgYy0wLjEyNi0wLjM5Ni0wLjAxNS0xLjU5MS0wLjAxNy0zLjY0M2wtMC4wMjEtMTUuMDM0aC01LjE4NmwwLjAxNiwxNC43OThjMC4wMDQsMi4yNjgtMC4wNTEsMy45NTksMC4wMTgsNC43MjkgICBjMC4xMjcsMS4zNTcsMC4wODIsMi45MzksMS4zNDEsMy44NDNjMi4zNDYsMS42OSw2Ljg0My0wLjI1Miw3Ljk2OC0yLjY2OGwtMC4wMSwzLjA4M2w0LjE4OCwwLjAwNUw0MS44ODcsNTcuNTA5TDQxLjg4Nyw1Ny41MDl6ICAgIE01OC41Nyw3NC42MDdMNTguNTU5LDYyLjE4Yy0wLjAwNC00LjczNi0zLjU0Ny03LjU3Mi04LjM1Ni0zLjc0bDAuMDIxLTkuMjM5bC01LjIwOSwwLjAwOGwtMC4wMjUsMzEuODlsNC4yODQtMC4wNjJsMC4zOS0xLjk4NiAgIEM1NS4xMzcsODQuMDcyLDU4LjU3OCw4MC42MzEsNTguNTcsNzQuNjA3eiBNNzQuODkxLDcyLjk2bC0zLjkxLDAuMDIxYy0wLjAwMiwwLjE1NS0wLjAwOCwwLjMzNC0wLjAxLDAuNTI5djIuMTgyICAgYzAsMS4xNjgtMC45NjUsMi4xMTktMi4xMzcsMi4xMTloLTAuNzY2Yy0xLjE3NCwwLTIuMTM5LTAuOTUxLTIuMTM5LTIuMTE5Vjc1LjQ1di0yLjR2LTMuMDk3aDguOTU0di0zLjM3ICAgYzAtMi40NjMtMC4wNjMtNC45MjUtMC4yNjctNi4zMzNjLTAuNjQxLTQuNDU0LTYuODkzLTUuMTYxLTEwLjA1MS0yLjg4MWMtMC45OTEsMC43MTItMS43NDgsMS42NjUtMi4xODgsMi45NDUgICBjLTAuNDQ0LDEuMjgxLTAuNjY1LDMuMDMxLTAuNjY1LDUuMjU0djcuNDFDNjEuNzE0LDg1LjI5Niw3Ni42NzYsODMuNTU1LDc0Ljg5MSw3Mi45NnogTTU0LjgzMywzMi43MzIgICBjMC4yNjksMC42NTQsMC42ODcsMS4xODQsMS4yNTQsMS41ODRjMC41NiwwLjM5NCwxLjI3NiwwLjU5MiwyLjEzNCwwLjU5MmMwLjc1MiwwLDEuNDE4LTAuMjAzLDEuOTk4LTAuNjIyICAgYzAuNTc4LTAuNDE3LDEuMDY1LTEuMDQsMS40NjMtMS44NzFsLTAuMDk5LDIuMDQ2aDUuODEzVjkuNzRINjIuODJ2MTkuMjRjMCwxLjA0Mi0wLjg1OCwxLjg5NS0xLjkwNywxLjg5NSAgIGMtMS4wNDMsMC0xLjkwNC0wLjg1My0xLjkwNC0xLjg5NVY5Ljc0aC00Ljc3NnYxNi42NzRjMCwyLjEyNCwwLjAzOSwzLjU0LDAuMTAyLDQuMjU4QzU0LjQsMzEuMzg1LDU0LjU2NCwzMi4wNjksNTQuODMzLDMyLjczMnogICAgTTM3LjIxNywxOC43N2MwLTIuMzczLDAuMTk4LTQuMjI2LDAuNTkxLTUuNTYyYzAuMzk2LTEuMzMxLDEuMTA3LTIuNDAxLDIuMTM3LTMuMjA4YzEuMDI3LTAuODExLDIuMzQyLTEuMjE3LDMuOTQxLTEuMjE3ICAgYzEuMzQ1LDAsMi40OTcsMC4yNjQsMy40NTksMC43ODFjMC45NjcsMC41MiwxLjcxMywxLjE5NSwyLjIzLDIuMDI4YzAuNTI3LDAuODM2LDAuODg1LDEuNjk1LDEuMDc2LDIuNTc0ICAgYzAuMTk1LDAuODkxLDAuMjkxLDIuMjM1LDAuMjkxLDQuMDQ4djYuMjUyYzAsMi4yOTMtMC4wOTIsMy45OC0wLjI3MSw1LjA1MWMtMC4xNzcsMS4wNzQtMC41NTcsMi4wNy0xLjE0NiwzLjAwNCAgIGMtMC41OCwwLjkyNC0xLjMyOSwxLjYxNS0yLjIzNywyLjA1NmMtMC45MTgsMC40NDUtMS45NjgsMC42NjMtMy4xNTQsMC42NjNjLTEuMzI1LDAtMi40NDEtMC4xODMtMy4zNjEtMC41NjUgICBjLTAuOTIzLTAuMzgtMS42MzYtMC45NTMtMi4xNDQtMS43MTRjLTAuNTEzLTAuNzYyLTAuODc0LTEuNjktMS4wOTItMi43NzJjLTAuMjE5LTEuMDgxLTAuMzIzLTIuNzA3LTAuMzIzLTQuODc0TDM3LjIxNywxOC43NyAgIEwzNy4yMTcsMTguNzd6IE00MS43NywyOC41OWMwLDEuNCwxLjA0MiwyLjU0MywyLjMxMSwyLjU0M2MxLjI3LDAsMi4zMDgtMS4xNDMsMi4zMDgtMi41NDNWMTUuNDNjMC0xLjM5OC0xLjAzOC0yLjU0MS0yLjMwOC0yLjU0MSAgIGMtMS4yNjksMC0yLjMxMSwxLjE0My0yLjMxMSwyLjU0MVYyOC41OXogTTI1LjY4MiwzNS4yMzVoNS40ODRsMC4wMDYtMTguOTZsNi40OC0xNi4yNDJoLTUuOTk4bC0zLjQ0NSwxMi4wNjRMMjQuNzE1LDBoLTUuOTM2ICAgbDYuODk0LDE2LjI4NEwyNS42ODIsMzUuMjM1eiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCIgc3R5bGU9ImZpbGw6I0ZGRkZGRiI+PC9wYXRoPgo8L2c+PC9nPiA8L3N2Zz4='); }


/* ================================================================================================================================
// CENTER
================================================================================================================================ */
	div.center{
		max-width:1000px;
		margin: 0 auto;
		padding: 0 10px;
		}


/* ================================================================================================================================
// SECTION HEAD
================================================================================================================================ */
	section.info{
  	margin: 60px 0 0 0;
		border:#ccc 1px solid;
		border-radius: 4px;
		padding:15px 20px;
		background:#f8f8f8;
		}

	section.info h1{
		}

	section.info p{
		}


/* ================================================================================================================================
// AUDIOJS
================================================================================================================================ */
	.audioWrapper{
		margin: 10px 0 0 0;
		height:50px;
		width:460px;
		overflow: hidden;
		}

	.audiojs *{
		box-sizing: content-box !important;
		}

	@media only screen and (max-width: 800px) {
		.audiojs{ width:150px; }
		.scrubber{ display: none; }
		.time { border-left:none !important; } 
		}


/* ================================================================================================================================
// DETAIL PLAYER
================================================================================================================================ */
	#detailPlayer{
		padding-top: 30px;
		}

	@media only screen and (max-width: 800px) {
		#detailPlayer{
			padding:20px 10px;
			}
		}

	#detailPlayer input{
		border:none;
		padding:0;
		background:none;
		font-size: 12px;
		}

	#detailPlayer table{
		margin:10px 0;
		font-size: 12px;
		width:100%;
		border-collapse:separate;
		}

	#detailPlayer table td{
		padding:5px 10px;
		background:#f8f8f8;
		}


	#detailPlayer table tr.spacer td{
		padding:5px 10px;
		background:none;
		}


/* ================================================================================================================================
// TABLE
================================================================================================================================ */
	table.shares {
		width:100%;
		margin: 40px 0 0 0;
		border-top:1px solid #ddd;
		border-collapse: collapse;
		}

	table.shares tr {
		}

	table.shares tr:hover {
		background:#f8f8f8;
		}

	table.shares tr td {
		padding:15px 10px;
		border-bottom:1px solid #ddd;
		}

	table.shares tr td h4{
		font-weight: 100;
		}

	table.shares tr td .notes {
		font-weight: 100;
		margin: 10px 0;
		padding: 0 10px;
		font-style: italic;
		border-left:5px solid #ddd;
		}

	/* all cells except titlte */
	table.shares tr td.small {
		white-space: nowrap;
		width: 1px;
		text-align: center;
		color:#ccc;
		font-size: 12px;
		font-weight: 100;
		}

	/* last cell */
	table.shares tr td:last-child {
		text-align: right;
		padding-right:0;
		}

	/* icons */
	table.shares tr td.icon,
	table.shares tr td.info{
		width:40px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 18px;
		opacity:0.3;
		}

	table.shares tr td.icon:hover,
	table.shares tr td.info:hover{
		opacity:.8;
		}

	table.shares tr[data-action="audio"] td.icon{ background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIj48Zz48Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNTYsMzFDMTE1LjM5LDMxLDAsMTQ1LjM5LDAsMjg2djEyMGMwLDI0LjgxNCwyMC4xODYsNDUsNDUsNDVoMTVWMzAxSDQ1Yy01LjI4NCwwLTEwLjI4NSwxLjA4Mi0xNSwyLjc2M1YyODYgICAgQzMwLDE2MS45MjgsMTMxLjkyOCw2MSwyNTYsNjFzMjI2LDEwMC45MjgsMjI2LDIyNXYxNy43NjNjLTQuNzE1LTEuNjgxLTkuNzE2LTIuNzYzLTE1LTIuNzYzaC0xNXYxNTBoMTUgICAgYzI0LjgxNCwwLDQ1LTIwLjE4Niw0NS00NVYyODZDNTEyLDE0NS4zOSwzOTYuNjEsMzEsMjU2LDMxeiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojMDAwMDAwIj48L3BhdGg+Cgk8L2c+CjwvZz48Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0xMzUsMjcxaC0xNWMtMTYuNTY5LDAtMzAsMTMuNDMxLTMwLDMwdjE1MGMwLDE2LjU2OSwxMy40MzEsMzAsMzAsMzBoMTVjOC4yODQsMCwxNS02LjcxNiwxNS0xNVYyODYgICAgQzE1MCwyNzcuNzE2LDE0My4yODQsMjcxLDEzNSwyNzF6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiMwMDAwMDAiPjwvcGF0aD4KCTwvZz4KPC9nPjxnPgoJPGc+CgkJPHBhdGggZD0iTTM5MiwyNzFoLTE1Yy04LjI4NCwwLTE1LDYuNzE2LTE1LDE1djE4MGMwLDguMjg0LDYuNzE2LDE1LDE1LDE1aDE1YzE2LjU2OSwwLDMwLTEzLjQzMSwzMC0zMFYzMDEgICAgQzQyMiwyODQuNDMxLDQwOC41NjksMjcxLDM5MiwyNzF6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiMwMDAwMDAiPjwvcGF0aD4KCTwvZz4KPC9nPjwvZz4gPC9zdmc+'); }
	table.shares tr[data-action="video"] td.icon{ background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDMxMCAzMTAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMxMCAzMTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgY2xhc3M9IiI+PGc+PGcgaWQ9IlhNTElEXzgyMl8iPgoJPHBhdGggaWQ9IlhNTElEXzgyM18iIGQ9Ik0yOTcuOTE3LDY0LjY0NWMtMTEuMTktMTMuMzAyLTMxLjg1LTE4LjcyOC03MS4zMDYtMTguNzI4SDgzLjM4NmMtNDAuMzU5LDAtNjEuMzY5LDUuNzc2LTcyLjUxNywxOS45MzggICBDMCw3OS42NjMsMCwxMDAuMDA4LDAsMTI4LjE2NnY1My42NjljMCw1NC41NTEsMTIuODk2LDgyLjI0OCw4My4zODYsODIuMjQ4aDE0My4yMjZjMzQuMjE2LDAsNTMuMTc2LTQuNzg4LDY1LjQ0Mi0xNi41MjcgICBDMzA0LjYzMywyMzUuNTE4LDMxMCwyMTUuODYzLDMxMCwxODEuODM1di01My42NjlDMzEwLDk4LjQ3MSwzMDkuMTU5LDc4LjAwNiwyOTcuOTE3LDY0LjY0NXogTTE5OS4wMjEsMTYyLjQxbC02NS4wMzgsMzMuOTkxICAgYy0xLjQ1NCwwLjc2LTMuMDQ0LDEuMTM3LTQuNjMyLDEuMTM3Yy0xLjc5OCwwLTMuNTkyLTAuNDg0LTUuMTgxLTEuNDQ2Yy0yLjk5Mi0xLjgxMy00LjgxOS01LjA1Ni00LjgxOS04LjU1NHYtNjcuNzY0ICAgYzAtMy40OTIsMS44MjItNi43MzIsNC44MDgtOC41NDZjMi45ODctMS44MTQsNi43MDItMS45MzgsOS44MDEtMC4zMjhsNjUuMDM4LDMzLjc3MmMzLjMwOSwxLjcxOCw1LjM4Nyw1LjEzNCw1LjM5Miw4Ljg2MSAgIEMyMDQuMzk0LDE1Ny4yNjMsMjAyLjMyNSwxNjAuNjg0LDE5OS4wMjEsMTYyLjQxeiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIj48L3BhdGg+CjwvZz48L2c+IDwvc3ZnPg=='); }
	table.shares tr td.info{ background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMzMwIDMzMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzMwIDMzMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIj48Zz48Zz4KCTxwYXRoIGQ9Ik0xNjUsMEM3NC4wMTksMCwwLDc0LjAyLDAsMTY1LjAwMUMwLDI1NS45ODIsNzQuMDE5LDMzMCwxNjUsMzMwczE2NS03NC4wMTgsMTY1LTE2NC45OTlDMzMwLDc0LjAyLDI1NS45ODEsMCwxNjUsMHogICAgTTE2NSwzMDBjLTc0LjQ0LDAtMTM1LTYwLjU2LTEzNS0xMzQuOTk5QzMwLDkwLjU2Miw5MC41NiwzMCwxNjUsMzBzMTM1LDYwLjU2MiwxMzUsMTM1LjAwMUMzMDAsMjM5LjQ0LDIzOS40MzksMzAwLDE2NSwzMDB6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIiBzdHlsZT0iZmlsbDojMDAwMDAwIj48L3BhdGg+Cgk8cGF0aCBkPSJNMTY0Ljk5OCw3MGMtMTEuMDI2LDAtMTkuOTk2LDguOTc2LTE5Ljk5NiwyMC4wMDljMCwxMS4wMjMsOC45NywxOS45OTEsMTkuOTk2LDE5Ljk5MSAgIGMxMS4wMjYsMCwxOS45OTYtOC45NjgsMTkuOTk2LTE5Ljk5MUMxODQuOTk0LDc4Ljk3NiwxNzYuMDI0LDcwLDE2NC45OTgsNzB6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIiBzdHlsZT0iZmlsbDojMDAwMDAwIj48L3BhdGg+Cgk8cGF0aCBkPSJNMTY1LDE0MGMtOC4yODQsMC0xNSw2LjcxNi0xNSwxNXY5MGMwLDguMjg0LDYuNzE2LDE1LDE1LDE1YzguMjg0LDAsMTUtNi43MTYsMTUtMTV2LTkwQzE4MCwxNDYuNzE2LDE3My4yODQsMTQwLDE2NSwxNDB6ICAgIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIiBzdHlsZT0iZmlsbDojMDAwMDAwIj48L3BhdGg+CjwvZz48L2c+IDwvc3ZnPg=='); }

	/* SMALL SCREEN, HIDE SOME */
	@media only screen and (max-width: 800px) {
		table.shares tr td.hideMob{
			display:none;
			}
		}


/* ================================================================================================================================
// TABLE FOOTER
================================================================================================================================ */
	.totals{
		font-size:12px;
		font-style: italic;
		padding:10px 0;
		text-align: right;
		font-weight: 100;
		line-height: 25px;
		color:#aaa;
		}


/* ================================================================================================================================
// BUTTONS
================================================================================================================================ */
	button,
	.btn{
		background:rgb(224, 225, 226);
		padding: 10px 20px;
		color: rgba(0,0,0,.6);
		font-size:12px;
		border: none;
		border-radius: 5px;
		text-decoration: none;
		font-weight: 400;
		}

	button:hover,
	.btn:hover{
		color:#fff;
		background:rgb(184, 185, 186);
		}









/* =============================================================================
== LOADER
============================================================================= */
	.loader_container{
		position: fixed;
		top: 40%;
		width:100%;
		text-align: center;
		}

.lds-dual-ring {
  display: inline-block;
  width: 80px;
  height: 80px;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #2c3741;
  border-color: #2c3741 transparent #2c3741 transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}