@font-face {
  font-family: 'CircularStd-Bold';
  src: url("/Frontend/fonts/tipik/CircularStd-Bold.eot");
  src: url("/Frontend/fonts/tipik/CircularStd-Bold.woff2") format("woff2"), url("/Frontend/fonts/tipik/CircularStd-Bold.woff") format("woff"), url("/Frontend/fonts/tipik/CircularStd-Bold.ttf") format("truetype"), url("/Frontend/fonts/tipik/CircularStd-Bold.svg#CircularStd-Bold") format("svg"), url("/Frontend/fonts/tipik/CircularStd-Bold.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'CircularStd-Book';
  src: url("/Frontend/fonts/tipik/CircularStd-Book.eot");
  src: url("/Frontend/fonts/tipik/CircularStd-Book.woff2") format("woff2"), url("/Frontend/fonts/tipik/CircularStd-Book.woff") format("woff"), url("/Frontend/fonts/tipik/CircularStd-Book.ttf") format("truetype"), url("/Frontend/fonts/tipik/CircularStd-Book.svg#CircularStd-Book") format("svg"), url("/Frontend/fonts/tipik/CircularStd-Book.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'CircularStd-Medium';
  src: url("/Frontend/fonts/tipik/CircularStd-Medium.eot");
  src: url("/Frontend/fonts/tipik/CircularStd-Medium.woff2") format("woff2"), url("/Frontend/fonts/tipik/CircularStd-Medium.woff") format("woff"), url("/Frontend/fonts/tipik/CircularStd-Medium.ttf") format("truetype"), url("/Frontend/fonts/tipik/CircularStd-Medium.svg#CircularStd-Medium") format("svg"), url("/Frontend/fonts/tipik/CircularStd-Medium.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'CircularStd-MediumItalic';
  src: url("/Frontend/fonts/tipik/CircularStd-MediumItalic.eot");
  src: url("/Frontend/fonts/tipik/CircularStd-MediumItalic.woff2") format("woff2"), url("/Frontend/fonts/tipik/CircularStd-MediumItalic.woff") format("woff"), url("/Frontend/fonts/tipik/CircularStd-MediumItalic.ttf") format("truetype"), url("/Frontend/fonts/tipik/CircularStd-MediumItalic.svg#CircularStd-MediumItalic") format("svg"), url("/Frontend/fonts/tipik/CircularStd-MediumItalic.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'CircularStd-Black';
  src: url("/Frontend/fonts/tipik/CircularStd-Black.eot");
  src: url("/Frontend/fonts/tipik/CircularStd-Black.woff2") format("woff2"), url("/Frontend/fonts/tipik/CircularStd-Black.woff") format("woff"), url("/Frontend/fonts/tipik/CircularStd-Black.ttf") format("truetype"), url("/Frontend/fonts/tipik/CircularStd-Black.svg#CircularStd-Black") format("svg"), url("/Frontend/fonts/tipik/CircularStd-Black.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}


body{	
	font-family: 'CircularStd-Medium', sans-serif;
	font-size: 14px;
	line-height: 24px;
	color: #f2f2c4;
    text-align:justify;
}

/* headings */
h1, h2, h3, h4{
    font-weight:normal;
    font-family: 'CircularStd-Bold',arial;
    font-size: 42pt;
    line-height: 20pt;
    text-transform:uppercase;
    color:white;
}
h2{
    font-size: 30pt;
    line-height: 20pt;
}
h3{
    font-size: 20pt;
    line-height: 18pt;
}
h4{
    font-size: 14pt;
    line-height: 16pt;
}

/* header */
#header{
    padding:10px 30px 10px 30px;
    background: none;
    border:none;
    height:5vh;
}
#header h1{
    padding:10px;
    margin:0px;
}
/* content */


/* force 100% on container */
.container{
    width:100%!important;
}

#content{
	height:400px;
}

#footer {
    background:url('/frontend/images/logo/logo_white_70x54.png') no-repeat 20px center #494949;
    bottom: 0;
    box-shadow: -8px -5px 28px #000000;
    display: inline-table;
    height: 65px;
    position: absolute;
    width: 100%;
    z-index: 99;
	text-align:center;
}
.col-right {

    background: transparent url('/frontend/images/logo/logo_white_90x70.png') no-repeat 50% bottom;
    height: 90vh;

}
.col-left .logoTipik {
	 width:90%;
}

#accounts_blocks {
    height: 350px;
    position: absolute;
    width: 168px;
    margin: 20px auto;
	left:0px;
	right:0px;
}
#accounts_blocks .account .stats{
	color: #f2f2c4;
	font-size: 60pt;
	line-height: 60pt;
}
#accounts_blocks h3{
	color: #f2f2c4;
	font-size: 20pt;
}
#accounts_blocks .account .units{
	font-family: 'CircularStd-Book', sans-serif;
	font-size:14pt;
}
#accounts_blocks .account{
	background:none;
	width: auto;
}
#content .post .content{
	font-family: 'CircularStd-Medium', sans-serif;
	color: #f2f2c4;
}
#content .post a{
	font-family: 'CircularStd-Medium', sans-serif;
	color: #f2f2c4!important;
}
#content .post .date{
	font-family: 'CircularStd-Medium', sans-serif;
	color: #f2f2c4!important;
}
#content #cube-face-1{
	background-color:#484fa2!important;
}
#content #cube-face-2{
	background-color:#df1674!important;
}
#content #cube-face-3{
	background-color:#484fa2!important;
}
#content #cube-face-4{
	background-color:#e78a3b!important;
}
#content #cube-face-5{
	background-color:#df1674!important;
}
#content #cube-face-6{
	background-color:#0bbfad!important;
}
#content #cube-face-4 a, #content #cube-face-6 a, #content #cube-face-4 .post .date, #content #cube-face-6 .post .date{
	color: #10181c!important;
}
.cube-face{
	border:none!important;
}
@media (max-width: 1280px) 
{

}
@media (max-width: 750px) 
{
    .navbar h1 {
        font-size: 20px;
        padding-top: 5px;
    }
    .navbar h1 span {
    font-size: 16px;
    }

}