/*!
 * TrippoApp v1.0
 * Copyright 2012 Trippo, Inc
 * Licensed under CC BY 3.0
 * http://creativecommons.org/licenses/by/3.0/
 *
 */

 
 
 /***** STRUCTURE *****/
 
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?88kwq1');
	src:url('../fonts/icomoon.eot?#iefix88kwq1') format('embedded-opentype'),
		url('../fonts/icomoon.woff?88kwq1') format('woff'),
		url('../fonts/icomoon.ttf?88kwq1') format('truetype'),
		url('../fonts/icomoon.svg?88kwq1#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;

}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-facebook2:before {
	content: "\ea90";
		font-size:30px;
}

.icon-instagram:before {
    content: "\ea92";
        font-size:30px;
}

.icon-twitter:before {
	content: "\ea96";
		font-size:30px;
}

.navbar-inner
{
    /*1f1f1f*/
    background: #121212;
}

.footer {
    font-size: 13px;
    line-height: 1.25em;
    color:#ccc;
    /*border-top: 1px solid #CCC;*/
    /*1f1f1f*/
    background-color:#121212;
    width:100%;
}

 body { 
	/*background: linear-gradient(#2c2c2c, #3f3f3f);*/
    /*background: linear-gradient(#121212, #121212);*/
    background: linear-gradient(#191919, #191919);
	}
	
h1, h2, h3, h4, h5, h6 {
	text-shadow: white 0.02em 0.02em;
	/*font-family: 'QlassikBold', sans-serif;*/
	}
	
h2 {
	font-size: 2.3em;
}
 
 .button
 {
	 font-weight: bold;
	background: transparent;
	color: #fff;
	border-radius: 16px;
	border: 2px solid #fff;
	width: 150px;
	padding: 5px; 
 }
 
 .content {
	padding-top:100px;
	font-size: 1.2em;
	line-height: 1.8em;
	color:#fff;
	}
	
	.link
	{
        color:#ccc;
		background-color:transparent !important;
		font-size: 15px !important;
		font-weight: normal !important;
	}

	.linkTop
	{
        color:#ccc;
		background-color:transparent !important;
		font-size: 18px !important;
		font-weight: normal !important;
	}
	
	.link:hover{
		color:#fff !important;
        text-decoration:none;
	}

	.linkTop:hover{
		color:#fff !important;
        text-decoration:none;
	}
	
.content p {
	font-size: 1.0em;
	line-height: 1.8em;
	margin-bottom: 1.1em;
	}
	

/***** BODY *****/
	
.page-title {
	padding: 30px 0 30px 0;
	}
	
.arrow-top img {
	margin: -7px 0 0 15px;
	}


	
/***** NAVIGATION BAR *****/

.navbar .brand {
	font-weight: bold;
	color: black;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .1), 0 0 30px rgba(255, 255, 255, .125);
}



/***** HOMEPAGE *****/
	
#details {
	position: relative;
	float: right;
	width: 527px;
	margin-top: 80px;
	padding-left: 20px;
}

#icon {
	position: relative;
	float: left;
    margin-right: 10px;
}

#app-name {
    position: relative;
    float: left;
    margin-top: 10px;
    margin-right: 20px;
}

#app-name h1 {
	font-size: 5.5em;
	font-size: 5.5em;
	color: #ECECEC;
	text-shadow: -1px 0 #B3B3B3, 0 1px #B3B3B3, 1px 0 #B3B3B3, 0 -1px #B3B3B3, #020763 0.03em 0.03em;
	}
	
#version {
	top: 30px;
	position: relative;
	float: left;
}

#tagline {
	font-size: 1.4em;
	margin-top: 6em;
	clear: both;
}

#description {
	margin-top: 2em;
	margin-bottom: 1.8em;
}

#features li {
	/*background: url('../img/check.png') no-repeat left;*/
	list-style: none;
	
	margin-left: -23px;
	line-height: 1.7em;
	margin-bottom: 10px;
}

.download-box {
	width: 42%;
	float: left;
	padding-top: 20px;
	padding-right: 5%;
	font-size: 0.9em;
	line-height: 1.3em;
	}
	
	.loader {
border: 5px solid #f3f3f3;
    border-top-width: 5px;
    border-top-style: solid;
    border-top-color: rgb(243, 243, 243);
-webkit-animation: spin 1s linear infinite;
animation: spin 1s linear infinite;
border-top: 5px solid #555;
border-radius: 50%;
width: 30px;
height: 30px;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
	
	
	
/***** ABOUT PAGE *****/

.updates ul {
	list-style: none;
	padding-top: 10px;
	clear: both;
	margin: 0 0 25px 0;
	}
	
.updates ul li {
	margin-bottom: 10px;
	}
	
.updates hr {
	/*border-top: 1px solid #CCC;*/
	}
	
.updates .label {
	display: block;
	float: left;
	margin-right: 10px;
}

.version {
	float:left;
	}

.release-date {
	float:right;
	margin-top: 4px;
	color: #999;
	font-size: 0.85em;
	}
	
.new {
  background-color: #3a87ad;
}

.fix {
	background-color: #468847;
	padding: 1px 8px 2px;
	}
	

	
/***** CONTACT *****/

#contact-form {
	border-left: 1px solid #cccccc;
	}
	
#contact-info {
	padding-bottom:20px;
	}
	
	
	
/***** FOOTER *****/



.footer a{
color:#ccc
}

.footer a:hover {
color:#f28300;
text-decoration:none;
}

#copyright {
	float:left;
	}
	
#credits {
	float:right;
	}


.navbar .btn-navbar .icon-bar {
	background-color: #ccc;
	}

@media (prefers-color-scheme: dark) {
	.navbar .btn-navbar .icon-bar {
		background-color: #ccc;
		}
	}

	.navbar .btn-navbar, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] {
		background: #121212;
		}