/* global
-------------------------------------------------- */

a {
	color:#dc0000;
	text-decoration:none;
}

body, p, textarea, .navbar-search .search-query {
	font-family: 'Open Sans','Helvetica Neue', Helvetica, Arial, sans-serif;
}

p {
  margin: 0 0 20px;
  font-size: 16px;
  line-height: 28px;
  font-weight: 100;
}

ol li {
  margin: 0 0 10px;
  font-size: 16px;
  line-height: 28px;
  font-weight: 100;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


/* Navbar
-------------------------------------------------- */

.navbar-inner {
	background-color: #dc0000;
	background-image: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}

.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
	border-bottom: 1px solid #450000;
}


.navbar .brand {
	text-indent: -9999em;
	width: 160px;
	background: url(../img/eurotalk-logo.png) no-repeat top left;
}


.navbar .nav > li > a {
	font-size: 1.2em;
	color: white;
	text-shadow: 0 1px 0 #450000;
}

.navbar .nav .active > a, .navbar .nav .active > a:hover {
	color: white;
	text-decoration: none;
	background-color: #c80000;
}

.btn-navbar {
  background-color: #c80000;
  background-image: none;
  border: none;
}
.btn-navbar:hover,
.btn-navbar:active,
.btn-navbar.active,
.btn-navbar.disabled,
.btn-navbar[disabled] {
  background-color: #450000;
}
.btn-navbar:active,
.btn-navbar.active {
  background-color: #080808 \9;
}


/* Title
-------------------------------------------------- */

.title-app {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin: 0.4em 0 1em 0;
	text-align: center;
	font-size: 5em;
	line-height: 1em;
	letter-spacing: -0.04em;
	color: #000;
}

.title-app span{
	font-weight: 100;
}

.title-app a {
	margin-left: 0.5em;
}


/* iPad
-------------------------------------------------- */


.holding-device {
	position: relative;
	width: 940px;
	margin: 0 auto 2em auto;
}

.ipad-device {
	margin: 20px auto;
	margin-bottom: 60px;
	width: 785px;
	height: 605px;
	background: url(../img/ipad-new-large.png) no-repeat top left;
}

.ipad-screen {
	position: relative;
	top: 62px;
	left: 72px;
	width: 640px;
	height: 480px;
}

.carousel-control.left.hand-left, .carousel-control.right.hand-right {
	transition: top 0.2s;
	-moz-transition: top 0.2s; /* Firefox 4 */
	-webkit-transition: top 0.2s; /* Safari and Chrome */
	-o-transition: top 0.2s; /* Opera */
	opacity: 1;
	position: absolute;
	border: none;
	display: block;
	top: 460px;
	width: 210px;
	height: 282px;
}

.carousel-control.left.hand-left {
	left: -1px;
	float: left;
	background: url(../img/hand-left-new.png) no-repeat top left;
}

.carousel-control.right.hand-right {
	right: -15px;
	float: right;
	background: url(../img/hand-right-new.png) no-repeat top left;
}

/*.carousel-control.left.hand-left:hover {
	top: 500px;
}

.carousel-control.right.hand-right:hover {
	top: 470px;
}
*/

.carousel-control.left.hand-left:active, .carousel-control.right.hand-right:active {
	top: 450px;
}

/* Marketing section of Overview
-------------------------------------------------- */

.marketing, .support {
	clear: both;
	margin-bottom: 2em;
}

.marketing h1 {
  margin-bottom: 0.6em;
  font-size: 3em;
  line-height: 1.5em;
  font-weight: 300;
  text-align: center;
}
.marketing h2,
.marketing h3 {
  color: #dc0000;
  font-weight: 300;
  text-align: center;
  margin-bottom: 2em;
}
.marketing h2 {
  font-size: 22px;
}

.marketing-byline {
  margin-bottom: 60px;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  color: #999;
  text-align: center;
}


.marketing blockquote {
  position: relative;
  background: url(../img/star-rating-5.png) no-repeat 1.4em 1em;
  text-indent: 146px;
  padding: 1em 1.4em;
  margin: 0 0 28px;
  border-left: none;
  background-color: #fffee4;
  margin-top: 0.8em;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #fff200;
}

.marketing blockquote p {
  font-style: italic;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 28px;
}

.marketing blockquote:before {
	content:"";
	position:absolute;
	bottom: 0; /* value = - border-top-width - border-bottom-width */
	right:20px; /* controls horizontal position */
    border-width:0 10px 10px;
	border-style:solid;
    border-color:#fff200 transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

/* creates the smaller  triangle */
.marketing blockquote:after {
	content:"";
	position:absolute;
	bottom:-1px; /* value = - border-top-width - border-bottom-width */
	right:21px; /* value = (:before left) + (:before border-left) - (:after border-left) */
	border-width:0 9px 9px;
	border-style:solid;
	border-color:#fffee4 transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

.reviewer {
  text-indent: 0;
  text-align: right;
  color: #999;
  display: block;
  margin: 0;
  padding: 0;
}

.reviewer img {
  margin-left: 0.5em;
  margin-top: 0.15em;
  vertical-align:top;
}

/*.support h1 {
	margin-top: 1em;
	margin-bottom: 1.5em;
}

.support h2,
.support h3 {
  color: #dc0000;
  font-weight: 300;
  text-align: left;
  margin: 0.5em 0;
}

.article {
	border-bottom: 1px solid #ddd;
	margin-bottom: 4em;
}

.article h2:before {
	content:"Q";
	font-weight: bold;
	margin-right: 1em;
}*/

label.error {
	font-weight: bold;
	margin-top: 1em;
	font-size: 1.1em;
	color: #b94a48;
}


/*
.topics {
  background-color: #fafafa;
  padding: 1.2em 2em;
  margin-top: 0.8em;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.topics ul {
  list-style-type: none;
  margin-left: 0;
}

.topics li {
  background: url(../img/icons/topic-icons-sprite.png) no-repeat 0 0;
  padding-left: 60px;
  margin: 0;
  font-size: 18px;
  line-height: 48px;
  font-weight: 100;
  color: #dc0000;
}

li.m-1-addtakeaway{ background-position: 0 0;} 
li.m-1-compare{ background-position: 0 -96px;} 
li.m-1-counting4to6{ background-position: 0 -192px;} 
li.m-1-counting7to10{ background-position: 0 -288px;} 
li.m-1-countingto3{ background-position: 0 -384px;} 
li.m-1-numbers1to10{ background-position: 0 -480px;} 
li.m-1-patterns{ background-position: 0 -576px;} 
li.m-1-shapes{ background-position: 0 -672px;} 
li.m-1-sorting{ background-position: 0 -768px;} 
li.m-1-where{ background-position: 0 -864px;} 
*/

.topic {
	background-color: #dc0000;
	border: 3px solid #dc0000;
	margin: 0;
	margin-bottom: 2em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.ss {
	width: 100%;
}

.ss img {
	width: 100%;
}

.ss-left img {

}

.ss img:first-child {
	margin-bottom: 1.4%;
}

.ss-inline img {
	width: 49.6%;
	float: left;
}

.ss-inline img:first-child {
	margin-right: 0.8%;
}

.topic p {
	text-align: center;
	color: #fff;
	margin: 0;
	padding: 0;
	margin-bottom: 3px;
}

/* Testing registration form*/


/* Testing form
-------------------------------------------------- */

form#testing-form.form-inline .control-group.success input, .control-group.success select, .control-group.success input:focus, textarea:focus {
	color: #999;
	border-color: #999;;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);
}




form#testing-form.form-inline label.checkbox.inline {
	font-size: 13px;
	font-weight: 100;
	font-family: 'Open Sans','Helvetica Neue', Helvetica, Arial, sans-serif;
}

form#testing-form.form-inline p.privacy {
	padding-top: 0.5em;
	font-size: 12px;
}

div#testing.span12 {
    margin-bottom: 1.5em;  
}

div#register-testing.span6, div#register-testing.span6 h2 {
    float: none;
    margin: 0 auto;
    text-align: center;
}

.form-inline .input-testing {
	margin: 1em 1.5em;
		font-size: 1.2em;
    height: 2.3em;
}

select.span4.input-large.input-testing {
    width: 75%;
    height: 2.8em;
}






.try-now {
	text-align: center;
	margin-top: -1em;
	margin-bottom: 3em;
}

.register-error {
  color: #b94a48;
  border-color: #b94a48;
}


.nav-help > li > a {
	font-size: 150%;
	padding: 12px 20px;
	line-height: 24px;
	font-weight: bold;
}





/* Footer
-------------------------------------------------- */
.footer {
  margin-top: 45px;
  padding: 35px 0 36px;
  border-top: 1px solid #e5e5e5;
}
.footer p {
  margin-bottom: 0;
  color: #555;
}

@media (min-width: 1200px) {
	.form-inline .input-email, .form-inline .input-testing {
		width: 73%;
	}
}


@media (max-width: 979px) {
	
	
	
	.navbar-fixed-top .navbar-inner {
		padding: 0;
	}
	
	.navbar .brand {
		margin-left: 10px;
	}
	
	.holding-device {
		position: relative;
		width: 589px;
		margin: 0 auto;
	}
	
	.ipad-device {
		margin: 20px auto;
		margin-bottom: 60px;
		width: 589px;
		height: 454px;
		background: url(../img/ipad-new-medium.png) no-repeat top left;
	}
	
	.ipad-screen {
		position: relative;
		top: 46px;
		left: 54px;
		width: 480px;
		height: 320px;
	}
	
	.carousel-control.left.hand-left, .carousel-control.right.hand-right {
		display:none;
	}
	
	.form-inline .input-email, .form-inline .input-testing  {
		width: 88%;
		margin-right: 0;
	}
	
	.register {
		margin-top: 20px;
		width: 100%;
	}
	
	.topic p {
		font-size: 0.98em;
	}

}

@media (max-width: 767px) {
	.ss img {
		width: 49.6%;
		float: left;
	}
	
	.ss img:first-child {
		margin-right: 0.8%;
		margin-bottom: 0;
	}
	
	.form-inline .input-email, .form-inline .input-testing  {
		width: 100%;
		padding: 20px;
	}
	
	.topic p {
		font-size: 1.2em;
	}

}

@media (max-width: 640px) {
	
	.title-app {
		margin: 0.2em 0 0.6em 0;
		text-align: center;
		font-size: 3em;
		line-height: 1.4em;
		letter-spacing: -0.05em;
		color: #000;
	}
	
	
	.marketing h1 {
		margin-top: 0.2em;
		margin-bottom: 0.8em;
		font-size: 2.3em;
	}
	
	.marketing blockquote p {
		font-size: 14px;
	}

	.holding-device {
		position: relative;
		width: 294px;
		margin: 0 auto;
		
	}
	
	.ipad-device {
		margin: 20px auto;
		margin-top: 30px;
		width: 294px;
		height: 227px;
		background: url(../img/ipad-new-small.png) no-repeat top left;
	}
	
	.ipad-screen {
		position: relative;
		top: 23px;
		left: 27px;
		width: 240px;
		height: 160px;
	}
	
	.form-inline .input-email, .form-inline .input-testing  {
		width: 100%;
		
	}


}

@media (-webkit-min-device-pixel-ratio: 1.5) {
	.navbar .brand {
		background-image: url(../img/eurotalk-logo@2x.png);
		background-size: 160px 40px;
	}
	
	.ipad-device {
		background-image: url(../img/ipad-new-large@2x.png);
		background-size: 785px 605px;
	}
	
	.marketing blockquote {
  		background-image: url(../img/star-rating-5@2x.png);
  		background-size: 133px 24px;
	}
}

@media (max-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5) {

	.ipad-device {
		background-image: url(../img/ipad-new-medium@2x.png);
		background-size: 589px 454px;
	}
}

@media (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5) {
	
	.holding-device {
		left: -8px;
	}
	
	.ipad-device {
		background-image: url(../img/ipad-new-medium.png);
		background-size: 294px 227px;
	}
}

/* @override http://beta.bestappever.com/template/2011/vote-button.css */

.bae-nominate-btt
{
	width:160px;
	min-height:60px;
	border:1px solid #000;
	z-index:3;
	display:block;
	padding:5px 10px;
	margin:0 auto;
	position:relative;
	color:#fff;
	text-shadow:0 1px 3px rgba(0,0,0,.6);
	font-size:0.8em;
	line-height:1.2;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	background-color:#f8b441;
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(246,141,23,0)), to(#f68d17));
	background-image:-moz-linear-gradient(rgba(246,141,23,0), #f68d17);
	background-image:linear-gradient(rgba(246,141,23,0), #f68d17);
	-webkit-box-shadow:inset 0 0 3px rgba(255,255,255,.7), 0 1px 4px rgba(0,0,0,.4);
	-moz-box-shadow:inset 0 0 3px rgba(255,255,255,.7), 0 1px 4px rgba(0,0,0,.4);
	box-shadow:inset 0 0 3px rgba(255,255,255,.7), 0 1px 4px rgba(0,0,0,.4);
	-webkit-transition-property:background-color, -webkit-box-shadow;
	-moz-transition-property:background-color, -moz-box-shadow;
	-o-transition-property:background-color, box-shadow;
	transition-property:background-color, box-shadow;
	-webkit-transition-duration:.3s;
	-webkit-transition-timing-function:ease;
	-moz-transition-duration:.3s;
	-moz-transition-timing-function:ease;
	-o-transition-duration:.3s;
	-o-transition-timing-function:ease;
	transition-duration:.3s;
	transition-timing-function:ease;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	font-family:Helvetica, Arial, sans-serif;
}
.bae-nominate-btt:hover
{
	color:#fff;
	background-color:#FFC766;
	-webkit-box-shadow:inset 0 0 6px rgba(255,255,255,.7), 0 1px 4px rgba(0,0,0,.8);
	-moz-box-shadow:inset 0 0 6px rgba(255,255,255,.7), 0 1px 4px rgba(0,0,0,.8);
	box-shadow:inset 0 0 6px rgba(255,255,255,.7), 0 1px 4px rgba(0,0,0,.8);
}
.bae-nominate-btt:active
{
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	-transition:none;
	-webkit-box-shadow:inset 0 0 0 1px rgba(0,0,0,.7);
	-moz-box-shadow:inset 0 0 0 1px rgba(0,0,0,.7);
	box-shadow:inset 0 0 0 1px rgba(0,0,0,.7);
}	
.bae-nominate-btt:before, .bae-nominate-btt:after
{
	content:'\2605';
	display:block;
	position:absolute;
	left:50%;
	margin-left:-13px;
	font-size:1.6em;
}
.bae-nominate-btt:before
{
	bottom:-11px;
	z-index:2;
	color:#fff;
	text-shadow:none;
}
.bae-nominate-btt:after
{
	bottom:-12px;
	z-index:1;
	color:#000;
	text-shadow:0 0 1px #f7ae59, 0 1px 1px #f7ae59, 1px 0 1px #f7ae59, 1px 1px 1px #f7ae59, -1px 0 1px #f7ae59, 0 -1px 1px #f7ae59, -1px 1px 1px #f7ae59, -1px -1px 1px #f7ae59, 2px 1px 3px hsla(0, 100%, 100%, .3), -2px 1px 3px hsla(0, 100%, 100%, .3);
}
.bae-nominate-btt span
{
	position:absolute;
	width:100%;
	height:80%;
	display:block;
	left:0;
	background:url(http://www.bestappever.com/template/2012/assets/award-button.png) no-repeat center bottom;
}