.navbar-inverse{
	background-color: transparent;
	border-color: transparent;
}

.navbar .navbar-nav {
	margin-top: 20px;
	display: inline-block;
	float: none;
	vertical-align: top;
}

.navbar .navbar-collapse {
	text-align: center;
	color:#fff;
/* 	position:absolute; */
/* 	right:40px; */
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
	background: rgba(255,255,255,0.4); 
	color:#fff;
	border-radius:10px;
	padding: 15px 40px;
	border-color: transparent;
}

.carousel-control.left, .carousel-control.right {
    background-image: none
}

.carousel-caption .lead, .carousel-caption h2 {
    text-shadow: none;
    margin-bottom: 80px;
}

.carousel-indicators{
	margin-bottom: 60px;
}

.carousel-indicators li{
	border-radius:0;
	width:40px;
	height:4px;
/* 	border-style: none; */
	opacity:0.4;
	background-color: #fff;
}

.carousel-indicators .active{
	border-radius:0;
	width:40px;
	height:8px;
	border-style: none;
	opacity:0.8;
	margin:1px;
}

.dummy {
    padding-top: 100%; /* forces 1:1 aspect ratio */
}

.img-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    text-align:center; 
    /* Align center inline elements */
    font: 0/0 a;
}

.img-container:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.img-container img {
    vertical-align: middle;
    display: inline-block;
/*     max-height:800px; */
}

.text-container{
	min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
	min-height: 100vh; /* These two lines are counted as one :-)       */
	
	display: flex;
	align-items: center;
}

.absolute{
	position: absolute;
}

.lato{
	font-family: 'Lato', sans-serif;
}

.hwhite{
	color:#fff;
}

.purps{
	color:#9b7ee8;
}

.pinks{
	color:#FD1166;
}

.f10{
	font-size: 10px;
}

.f12{
	font-size: 12px;
}

.f24{
	font-size: 24px;
}

.f36{
	font-size: 36px;
}

.f48{
	font-size: 48px;
}

.f60{
	font-size: 60px;
}
.w400{
	font-weight: 400;
}

.w700{
	font-weight: 700;
}

.w900{
	font-weight: 900;
}

.em1{
	letter-spacing: 0.05em;
}

.em05{
	letter-spacing: 0.5em;
}

.em07{
	letter-spacing: 0.7em;
}

.bgc1{
	background-color:#fff;
}

.bgg1{
	background-image: url(../images/design_graph.png);
/* 	background-size: contain; */
	background-repeat: no-repeat;
}

.bgc2{
	background-image: url(../images/craft_bg.png);
	background-size: contain;
}

.bgg2{
	background-image: url(../images/games_graph.png);
	background-size: contain;
	background-repeat: no-repeat;

}

.bgg3{
	background-image: url(../images/whatitdo_graph.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left bottom;
}

.bgc3{
	background-image: url(../images/whatitdo_bg.png);
	background-size: cover;
}

.bgg4{
	background-image: url(../images/play_graph.png);
	background-size: contain;
	background-repeat: no-repeat;
}

.bgc4{
	background-image: url(../images/play_bg.png);
	background-size: cover;
}

.bgg5{
/*
	background-image: url(../images/play_graph.png);
	background-size: contain;
	background-repeat: no-repeat;
*/
}

.pre-scrollable{
	min-height:100%;
	-webkit-overflow-scrolling: touch;
}

#gradient-top {
    position:fixed;
    z-index:50;
    right:0; top:0; left:0;
    height:120px; /* adjust it to your needs */
/*     background: url(data:image/svg+xml;base64,alotofcodehere); */
    background: -moz-linear-gradient(bottom,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 70%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(70%,rgba(0,0,0,1)));
    background: -webkit-linear-gradient(bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 70%);
    background: -o-linear-gradient(bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 70%);
    background: -ms-linear-gradient(bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 70%);
    background: linear-gradient(to top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 70%);
}​

#gradient-bottom {
    position:fixed;
    z-index:50;
    right:0; bottom:0; left:0;
    height:100px; /* adjust it to your needs */
/*     background: url(data:image/svg+xml;base64,alotofcodehere); */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 70%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(70%,rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 70%);
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 70%);
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 70%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 70%);
}​

.bgc5{
	background-color:#000;

}

.bgg6{
/* 	background-image: url(../images/play_graph.png); */
	background-size: contain;
	background-repeat: no-repeat;
}

.bgc6{
	background-image: url(../images/press_bg.png);
	background-size: cover;
}