@font-face {
	font-family: "avenir-heavy";
	src: url("../fonts/Avenir-Heavy.ttf") format("truetype");

	font-family: "avenir-medium";
	src: url("../fonts/Avenir-Medium.ttf") format("truetype");

}


body {
	background-color: #fff;
	background-image: url("../img/bg.png");
	font-family: "avenir-medium", sans-serif;
}

.logo {
	margin: 0 auto;
	margin-top: 20px;
}

.headline {
	font-family: "avenir-medium", sans-serif;
	font-size: 18pt;
	color: #1386CD;
	letter-spacing: 2px;
	line-height: 24pt;
	text-transform: uppercase;

	max-width: 530px;
	margin: 0 auto;
	margin-top: 20px;
}

.appstore {
	margin-top: 50px;
	opacity: 1;
	box-shadow: 0px 0px 0px rgba(0,0,0,0);
	border-radius: 15px;
	background-color: none;


	transition: box-shadow .25s ease-in-out, opacity .25s ease-in-out;
	-moz-transition: box-shadow .25s ease-in-out, opacity .25s ease-in-out;
	-webkit-transition: box-shadow .25s ease-in-out, opacity .25s ease-in-out;
}


.appstore:hover {
	opacity: 1;
	border-radius: 15px;
	box-shadow: 0px 10px 18px rgba(51,76,90,.15);
}

.characters {
	margin-top: 50px;
	padding: 40px;
}

.velos {
	margin-top: 60px;
	margin-bottom: 10px;
	opacity: 1;
}

.velos-link {
	margin-bottom: 30px;
	text-transform: uppercase;
	letter-spacing: 
}

.velos-link a{
	color: #383D43;
	text-decoration: none;
	letter-spacing: 1pt;
}

.velos-link span {
	color: #EC484E;
}

.velos:hover {
	opacity: .9;
}

footer {
	margin: 0 auto;
	margin-top: 80px;
	clear: left;
}

footer p {
	font-family: "avenir-medium", sans-serif;
	font-size: 11pt;
	color: #1386CD;
	letter-spacing: 1pt;
}

.follow {
	float: left;
	width: 30%;
}

.social {
	margin-right: 20px;
	opacity: .8;
}

.links {
	float: left;
	text-align: center;
	width: 40%;
}

.links a{
	font-family: "avenir-medium", sans-serif;
	font-size: 13pt;
	color: #1386CD;
	letter-spacing: 1pt;
	opacity: .8;

	padding: 0 18px;


	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}

.links a:hover {
	text-decoration: none;
	opacity: 1;
}

.social:hover {
	opacity: 1;
}

.copyright {
	float: right;
	text-align: right;
	width: 30%;
}




/*===================PRESS======================*/
.sm-logo {
	width: 250px;
	height: auto;
	padding-top: 10px;
}

.sm-appstore {
	opacity: 1;
	margin-top: 38px;
/*	width: 200px;
*/
	transition: box-shadow .25s ease-in-out, opacity .25s ease-in-out;
	-moz-transition: box-shadow .25s ease-in-out, opacity .25s ease-in-out;
	-webkit-transition: box-shadow .25s ease-in-out, opacity .25s ease-in-out;
}

.sm-appstore:hover {
	opacity: .8;
	border-radius: 10px;
	box-shadow: 0px 7px 11px rgba(51,76,90,.15);
}

.press-header {
	margin-top: 20px;
	margin-bottom: 30px;
}

.press-content {
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0px 8px 20px rgba(0,0,0,.15);
	padding: 20px 30px;
	margin-bottom: 30px;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li  a{
	font-size: 15pt;
	color: #A7ABB0;
	letter-spacing: 1.3pt;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active {
	border-bottom: 1px solid #1386CD;
	border-radius: 0px;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
	background-color: #fff;
	color: #1386CD;
}

.nav>li>a:focus, .nav>li>a:hover {
	background-color: #fff;
}

.tab-content {
	padding: 20px 14px;
}

.tab-content p {
	font-size: 13pt;
	color: #1B1C1E;
	line-height: 22pt;
}

.tab-content a {
	font-size: 13pt;
	color: #1386CD;
	letter-spacing: 1.2pt;
}

.tab-content a:hover {
	opacity: .7;
	text-decoration: none;
}

.tab-content h3 {
	color: #A7ABB0;
	font-size: 12pt;
	text-transform: uppercase;
	letter-spacing: 2pt;
	margin-bottom: 20px;
}

.tab-block {
	margin-bottom: 80px;
}

.press-img {
	margin: 0 auto;
}

hr {
	margin-top: 50px;
	margin-bottom: 50px;
	border: none;
}

.press-social {
	margin-bottom: 60px;
	display: inline-block;
}

.social-inline {
	display: inline-block;
	margin-bottom: 20px;
}

.press-social a{
	font-size: 12pt;
	letter-spacing: 2pt;
	margin: 0px 20px;

}

.press-social img {
	margin-right: 10px;
}

.email, .email:hover {
	color: black;
}

.twitter, .twitter:hover {
	color: #1da1f2;
}

.facebook, .facebook:hover {
	color: #3b5998;
}

.instagram, .instagram:hover {
	color: #833ab4;
}

.press-social a:focus, .press-social a:hover {
	text-decoration: none;
	opacity: .7;
}

.logo-download {
	width: 400px;
	margin-right: 30px;
	display: inline-block;
}

.col-sm-12 {
	padding-right: 0px;
}
/*=======================PRESS END===================*/


@media screen and (max-width: 991px) {
	.social {
		width: 27px;
	}

	.logo-download {
		margin-right: 30px;
		margin-bottom: 30px;
	}

	.sm-appstore {
		margin-right: 20px;
	}

}



@media screen and (max-width: 767px) {
	.bottom-line {
		margin: 0 auto;
	}

	.follow {
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}

	.links {
		width: 100%;
		margin-bottom: 20px;
	}

	.copyright {
		text-align: center;
		width: 100%;
	}


	.row-bg {
		margin: 0px;
	}

	.press-header {
		margin-top: 40px;
		margin-bottom: 70px;
	}

}


@media screen and (max-width: 476px) {


	.sm-logo {
		margin: 0 auto;
		float: left !important;
		margin: 0 auto;
		margin-bottom: 20px;
	}

	.press-header  .appstore {
		margin: 0 auto;
		float: left !important;
		margin: 0 auto;
		margin-bottom: 20px;
	}

	
}