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

 
 
 /***** STRUCTURE *****/
 
 body { 
	background: url('../img/bg.png') repeat-x;
	background-color: #fff;
	height: 1800px;
	}
	
h1, h2, h3, h4, h5, h6 {
	text-shadow: white 0.02em 0.02em;
	font-family: /*'QlassikBold',*/ sans-serif;
	}
	
h2 {
	font-size: 2.3em;
}
 
 .content {
	padding-top:100px;
	font-size: 1.1em;
	line-height: 1.8em;
	position:relative;
	}
	
.content p {
	font-size: 1.0em;
	line-height: 1.8em;
	margin-bottom: 1.1em;
	}
	
.nav > li > a:hover, .nav > li > a:focus {
	background-color: transparent;
}
/***** BODY *****/
	
.page-title {
	padding: 100px 0 30px 0;
	}
	
.arrow-top img {
	margin: -7px 0 0 15px;
	}

.free {
    font-size: 11px;
    color: #fff;
    float: left;
    margin-left: -170px;
    margin-top: 24px;
    text-shadow: none;
}
	
/***** NAVIGATION BAR *****/
.navbar-inner {
	background-color: #0039a6;
}
.navbar .brand {
	font-weight: bold;
	color: white;
	text-shadow: 0.01em 0.03em #2c2c2c;
}

.nav-collapse .nav > li {
	margin-bottom: 7px;
	outline: none !important;
}
.nav-collapse .nav > li a {
	outline: none;
}

.brand-phone {
	color: #fff;
	float: right;
	margin-top: 10px;
	font-weight: bold;
}
.brand-phone:hover {
	color:#da0000 !important;
}

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

#icon {
	position: relative;
	float: left;
	margin-right: 20px;
	visibility:hidden;
}

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

#app-name h1 {
	font-size: 2.4em;
	font-size: 2.4em;
	color: #0039a6;
	/*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.3em;
	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;
	padding-left: 25px;
	margin-left: -23px;
	line-height: 1.7em;
}*/
#features li {
	list-style-image: url('../img/check.png');
	padding-left: 10px;
	line-height: 1.7em;
}

.download-box {
	width: 100%;
	float: left;
	padding-top: 20px;
	padding-right: 5%;
	font-size: 0.9em;
	line-height: 1.3em;
	}
#apply {
	padding-top: 50px;
}
.app-box {
	width: 180px;
	height: 180px;
	margin-top: 30px;
	display: block;
	margin: 0 auto;
}
.app-box img {
	border-radius: 50%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border: 1px solid #c7c7c7;
}
/*.app-box img:hover {
	opacity: .5;
}*/
#apply span h3, span p {
	text-align: center;
}
	
/***** 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;
}

.updates .brand {
	display: block;
	float: left;
	margin-right: 10px;
}

.version {
	height: 50px;
	}

.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 p {
	/*padding-bottom:20px;*/
	font-size: 12px;
	line-height: 18px;
	}
form input {
	height: 30px;
}	
form textarea {
	height: 100px !important;
}
.contact-cta {
	padding:0px 30px;
}
	
/***** FOOTER *****/

.footer {
	font-size: 0.85em;
	line-height: 1.5em;
	padding: 15px 0;
	border-top: 1px solid #CCC;
}

.fis1 {
	display: none;
}

#copyright {
	float:left;
	}
	
#credits {
	float:right;
	}
.reg-tooltip {
    position:absolute;
    z-index:100;
    padding: 10px 20px;
    border: 1px solid #b3c9ce;
    border-radius: 4px;
    text-align: left;
    font: italic 16px/1.3 arial, sans-serif; 
    color: #000000;
    background: #fff;
    box-shadow: 3px 3px 3px rgba(0,0,0,.3);
}


/*interactive map*/

.geomap {
	display: block;
}
.geomap img{
	/*position: relative;*/
	/*z-index: 0;*/
	width: 900px;
	max-width: none !important;
}
.city {
	position: absolute;
	/*z-index: 1;*/
	font-size: 11px;
	padding: 0px 4px 1px 4px;
	line-height: 9px;
}
.city:hover {
	color:#000;
	/*background-color: #fff;*/
	box-shadow: 1px 1px 3px #333;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.geomap i {
	content: '\f10c';
	margin:-1px 0 0 -15px;
	position:absolute;
	z-index: 2;
	color:#fff000;
}
.faspec {
	margin:-15px 0 0 -10px !important;
}
.deal > i {
	color:blue;
}
.fili {
	color: #000;
	background-color: #fff000;
	cursor: pointer;
}
.deal a {
	color: #fff;
	text-decoration: none;
}
.fili a {
	color: #000;
	text-decoration: none;
}
.deal {
	color: #fff;
	background-color: blue;	
	cursor: pointer;
}
/*.hs { //obsolette
	width: 100px;
	min-height: 40px;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 1px 0 3px #333;
	position: absolute;
	z-index: 3;
	display:none;
}*/


.shape {
	width: 200px;
	position:absolute;
	box-shadow: 1px 0 3px #333;
	border-radius: 4px;
	display:none;
	top: -113px;
	/*left:-50%;*/
	margin-left: -80px;
	overflow: visible !important;
}
.shape h5 {
	margin: 0px 0px 10px 6px;
}
.shape p {
	padding: 5px;
	padding: 2px 3px 0 7px;
	line-height: 2px;
	color:#000;
}
.shape i {
	margin: -4px 0 0 2px;
	color: #000;
}
.shape-sq .mail:before {
	font-family: FontAwesome;
	content: ' \f003 ';
	padding-right: 5px;
}
.shape-sq .address:before {
	font-family: FontAwesome;
	content: '\f041';
	padding-right: 5px;
}
.shape-sq .telephone:before {
	font-family: FontAwesome;
	content: '\f095';
	padding-right: 5px;
}

.shape-sq {
	content: '';
	/*width: 100px;*/
	height: 100px;
	background-color: #fff;
	position: relative;
	z-index: 4;
	border-radius: 4px;
	padding-top: 13px;
}
.shape-dia {
	content: '';
	width: 30px;
	height: 30px;
	background-color: #fff;
	box-shadow: 1px 0 3px #333;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);  
	position: absolute;
	z-index: 3;
	top: 73px;
	margin-left: 43%;
}



.msk {
	margin-top: 219px;
	margin-left: 122px;
}
.spb {
	margin-top: 152px;
	margin-left: 127px
}
.tve {
	margin-top: 201px;margin-left: 129px;
}
.tul {
	margin-top: 237px;margin-left: 105px;
}
.nn {
	margin-top: 246px;margin-left: 160px;
}
.vor {
	margin-top: 267px;margin-left: 96px;
}
.sim {
	margin-top: 289px;margin-left: 22px;
}
.ros {
	margin-left: 70px;margin-top: 305px;
	padding: 0px 1px 1px 1px !important;
}
.sam {
	margin-top: 321px;margin-left: 158px;
}
.eka {
	margin-top: 298px;margin-left: 255px;
}
.nsb {
	margin-top: 371px;margin-left: 374px;
}
/*дилеры*/
.kaz {
	margin: 272px 0 0 179px;
}
.per {
	margin: 269px 0 0 238px;
}
.ulj {
	margin: 296px 0 0 149px;
}
.ufa {
	margin: 310px 0 0 204px;
}
.izh {
	margin: 284px 0 0 211px;
}
.che {
	margin: 319px 0 0 243px;
}
.kra {
	margin: 360px 0 0 442px;
}
.irk {
	margin: 419px 0 0 519px;
}
.vla {
	margin: 490px 0 0 747px;
}
.fili-lab {
	margin-top: 500px;
	margin-left: 100px;
}
.deal-lab {
	margin-top: 513px;
	margin-left: 100px;
}

.top-form {
	width: 340px;
	padding: 30px 20px;
	margin: 0 auto 50px;
	background-color: rgba(255,255,255, 0.6);
	box-shadow: 2px 2px 0 #555;
}
.top-form p {
	margin-bottom: 20px;
	font-weight: 200;
	font-size: 18px;
	color: #000 !important;
}
.top-form form input {
	display: block;
	width: 300px;
	margin: 10px 0;
	padding: 5px;
}
.top-form form textarea {
	width: 300px;
	margin: 10px 0;
	padding: 5px;
}
.top-form form button {
	margin-top: 20px;

}
.top-form button.btn, input.btn[type="submit"] {
	margin-left: 0 !important;
}
.cookie-message {
	width: 100%;
	background: #333;
	color: #ddd;
	padding: 1em 1em .5em;
	position: fixed;
	bottom: 0em;
	text-align: left;
	z-index: 5;
}
.cookie-content {
	display: block;
	margin: 0 auto;
	width: 80%;
	font-size: 12px;
	line-height: 20px;
}
.cookie-content a {
	color:#fff;
}
.cookie-content button {
	background-color: #808080;
	border: 1px solid #989898;
	border-radius: 15px;
	width: 100px;
}