/*------------   GOBOOKS.COM   ---------------*/


/*============================================*/
/*------------ COMMON ELEMENTS ---------------*/
/*============================================*/

body {
	font-size:100%;
	text-align:center;
	color:#3F3229;
	font-family:HelveticaNeue, Helvetica, Arial, sans-serif;
	background:#CAC0BA;
	max-height: 100vh;
	overflow: hidden;
	-webkit-font-smoothing:antialiased;
	}
#main-page {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow-y:scroll;
	-webkit-overflow-scrolling: touch;
}
.wrap {
	max-width:1300px;
	padding:0px 20px;
	margin:auto;
	text-align:left;
	position: relative;
	overflow: hidden;
	}
#content {
	background:#EFE8E4;
	padding-top:40px;
	overflow:hidden;
	padding-bottom:40px;
	z-index: 400;
	}
img {
	width:100%;
	}	

	
/*============================================*/
/*--------------- TYPOGRAPHY------------------*/
/*============================================*/

h2 {
	font-family:HelveticaNeue-Light, Helvetica, Arial, sans-serif;
	font-size:2em;
	margin-bottom:20px;
	font-weight:bold;
	}

h3 {
	font-family:HelveticeNeue-Light, Helvetica, Arial, sans-serif;
	font-size:1.45em;
	font-weight:bold;
	margin-bottom:10px;
	}
h4 {
	font-family:HelveticaNeue, Helvetica, Arial, sans-serif;
	font-size:1.125em;
	font-weight:bold;
	margin-bottom:5px;
	}
h5 {
	font-size:1em;
	font-weight:bold;
	margin-bottom:5px;
	}
p {
	font-size:.875em;
	line-height:1.4em;
	margin-bottom:20px;
	}
ul {
	padding-bottom:20px;
	}
li {
	font-size:.875em;
	margin-left:20px;
	line-height:1.6em;
	}
	p li {
		font-size:1em;
		}
	li p {
		font-size:.875rem;
	}
dt {
	font-weight:bold;
	font-size:.875em;
	margin-bottom:10px;
	}
	dd {
		font-size:.875em;
		margin-bottom:20px;
		}
a {
	color:#EB7812;
	text-decoration:none;
	font-weight: bold;
/*	font-size:.875em;*/
	}

#content p a {
		font-size:1em;
		}

table {
	border-top: 1px solid #b3aeab;
	border-left: 1px solid #b3aeab;
	border-collapse: collapse;
	}

th, td {
	padding: 6px;
	border-right: 1px solid #b3aeab;
	border-bottom: 1px solid #b3aeab;
	}
.rule {
	border-bottom:1px solid #EAEAEA;
	margin-top:20px;
	margin-bottom:20px;
}
.book-author {
	line-height:1.2em;
}


/*============================================*/
/*------------ PAGE STRUCTURE ----------------*/
/*============================================*/

#mobile-languages {
	display:none;
	background:#58504C;
	color:#FFF;
	padding:7px 0;
	text-align:right;
	font-size:.875em;
	font-weight:bold;
	text-transform:uppercase;
	cursor:pointer;
	position:relative;
	z-index:850;
	}
	#mobile-languages .wrap {
		text-align: right;
	}
	#mobile-languages a {
		font-weight:bold;
		}
	#mobile-languages span {
		display:inline-block;
		margin-top:5px;
		}
	#mobile-languages img {
		width:25px;
		float:left;
		margin-left:10px;
		}
	.show-languages {
		position:relative;
		z-index:1200;
		}
		
#languages {
	background:#58504C	;
	overflow:hidden;
	} 
	#languages ul {
		float:right;
		text-align:right;
		}
	#languages li {
		list-style:none;
		display:inline-block;
		font-size:.625em;
		}
		
		#languages a {
			text-decoration:none;
			color:#FFF;
			padding:5px;
			font-weight: normal;
			opacity: .7;
			}
		#languages .selected {
			font-weight: bold;
			opacity: 1;
			}
			#languages a:hover {
				color:#FFF;
				opacity: 1;
				}
#logo {
	background:url(../images/go-books-logo.png) no-repeat center center;
	text-indent:-5000px;
	overflow:hidden;
	width:175px;
	height:44px;
	float:left;
	background-size:cover;
	}
	#logo a {
		display:block;
		height:44px;
		width:175px;
		}
		
/*------------------ NAV --------------------*/

header {
	height:44px;
	padding:3px 0px;
	background:#FFF;
	box-shadow: 0px 0px 10px rgba(0,0,0,.15);
	overflow: hidden;
	z-index: 500;
	position:relative;
	}
nav {
	float:right;
	margin-top:11px;
	}
	nav li {
		display:inline-block;
		text-align:right;
		margin-left:30px;
		font-weight:bold;
		font-size:.875em;
		}
	nav a {
		color:#82796F;
		text-decoration:none;
		padding:5px 10px;
		border-radius:5px;
		}
		nav a:hover {
			color:#EB7812;
			}
		nav .selected, nav .selected:hover {
			color:#EB7812;
			}


/*----------------- HOME --------------------*/


#tout {
	position:relative;
	background: #D5CCC4;
	}
#tout figure {
	position:relative;
	}
#tout .figcaption {
	width:38%;
	padding-top:60px;
	padding-bottom:70px;
	}
.hero {
	max-width:557px;
	width:58%;
	position:absolute;
	top:-20px;
	right:0px;
	}
.appstore-link {
	border:1px solid #aaa5a2;
	background:#F2F1EF;
	background: -webkit-linear-gradient(top, #f2f1ef, #d5d0cb);
    background: -moz-linear-gradient(top, #f2f1ef, #d5d0cb);
	border-radius:8px;
	padding:13px;
	width:60%;
	overflow:hidden;
	margin-top:-2px;
	margin-bottom:2px;
	display:block;
	min-width:220px;
	}
	.appstore-link:hover {
		box-shadow:0px 2px 2px rgba(0,0,0,.3);
		}
	.appstore-link:active {
		margin-top:0px;
		margin-bottom:0px;
		box-shadow:0px 2px 2px rgba(0,0,0,.3);
		}
.icon {
	border-radius:19%;
	}
	.appstore-link .icon {
		width:30%;
		float:left;
		margin-right:8%;
		}
	.appstore-link .appstore {
		height:40px;
		width:135px;
		float:left;
		margin-top:6px;
		}
	.appstore-link a {
		text-decoration:none;
		color:#F98B1A;
		font-size:1.3125em;
		font-family:HelveticaNeue-Light, Helvetica, sans-serif;
		font-weight:normal;
		}
#homepage aside {
	float:right;
	width:44.25%;
	margin-top:40px;
	}
#homepage .details {
	float:left;
	width:50%;
	}
#homepage .details .item {
	margin-bottom:30px;
	clear:both;
	}
.item img {
	float:left;
	box-shadow: 0px 2px 2px rgba(0,0,0,.3);
	margin-right:10px;
	margin-bottom:10px;
	width:35%;
	}
#filters {
	float:left;
}
#homepage .inline-diagrams {
	float:left;
	}
	#homepage .inline-diagrams img {
		float:left;
		box-shadow: 0px 2px 2px rgba(0,0,0,.3);
		margin-right:10px;
		margin-bottom:10px;
		width:35%;
		}
#homepage .multi-lingual img {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	width:30%;
	box-shadow: 0px 2px 2px rgba(0,0,0,.3);
	}
#homepage .call-to-action {
	margin-top:40px;
	padding-bottom:20px;
	float:left;
	width:100%;
	}
#homepage .call-to-action h4 {
	float:left;
	padding-top:10px;
	}
#homepage .call-to-action .appstore {
	float:right;
	width:30%;
	min-width:135px;
		min-height:40px;
	}
.featured-books {
	margin-top:20px;
	padding-bottom:0px;
	}
.featured-books li {
	list-style:none;
	margin-left:0px;
	overflow:hidden;
	margin-bottom:20px;
	}
	.featured-books .thumbnail {
		float:left;
		margin-right:3%;
		width:27%;
		margin-bottom:13px;
		box-shadow:0px 2px 2px rgba(0,0,0,.3);
		
		}
		.featured-books .thumbnail img {
			vertical-align:middle;
			}
	.featured-books .description {
		width:70%;
		float:left;
		}
		.featured-books .description .price {
			display:inline-block;
			font-weight:bold;
			margin-right:20px;
			}
		.featured-books .description .booklang {
			display:inline-block;
			font-weight:bold;
		  font-size:1.10em;
			color:#968175;
			margin-right:20px;
			}
.features ul {
	margin-bottom:0px !important;
	}


/*----------------- BOOKS --------------------*/




#filters {
	float:left;
	max-width: 200px;
	width:20%;
	text-align: left;
	position:absolute;
	min-height: calc(100vh - 130px);
	max-height: calc(100vh - 110px);
	padding:0;
	overflow:auto;
	padding-top:30px;
}
#filters .appstore-section {
	position: absolute;
	left:0;
	bottom:1px;
}
	#filters li {
		list-style: none;
		margin-left:0;
		margin-bottom:0;
	}
		#filters ul ul {
			padding-bottom:0px;
			padding-top:0px;
			margin-top:5px;
			margin-bottom:5px;
			border-left:2px solid #E4DCD6;
		}
		#filters li li {
			font-size:inherit;
			padding-left:10px;
			padding-bottom:2px;
			padding-top:2px;
			font-weight: normal;
			color:#6F6F6F;
			line-height:1.2em;
		}
			#filters li li a {
				font-weight: normal;
			}
			#filters li li a:hover {
				font-weight: bold;
			}
			#filters li .selected a {
				font-weight: bold;
			}
	#filters li a {
		color:#6F6F6F;
		font-weight: bold;
		font-size: .75rem;
		display:block;
	}
		#filters li a:hover {
			color:#000;
		}
	#filters li .selected {
		color:#EB7812;
	}
		#filters li .selected:hover {
			color:#EB7812;
		}
		#filters .selected li {
			color:#6F6F6F;
			font-weight: normal;
		}
	#filters img {
		max-height: 40px;
		width:inherit
	}
#books .hero {
	bottom:0px;
	top:inherit;
	}
#books #tout figure {
	position:inherit;
	overflow:hidden;
	}
#books #tout .figcaption {
	padding-bottom:40px;
	}
#books #content {
	padding-top:10px;
}
.booklist {
	float:right;
	max-width: calc(100vw-200px);
	overflow:hidden;
	width:80%;
	padding-top:30px;
	}
.booklist li {
	list-style:none;
	margin-bottom:20px;
	margin-left:0px;
	max-width:220px;
	width:19%;
	display:inline-block;
	vertical-align: top;
	margin-left:2.5%;
	margin-right:2.5%;
	margin-bottom:0px;
	padding-bottom:20px;
	cursor: pointer;
	}
	.booklist li:hover .thumbnail {
		box-shadow:0px 10px 20px rgba(0,0,0,.2);
		margin-top:-5px;
		margin-bottom: 15px;
	}
	.booklist h4 {
		font-size:1.125rem;
		font-weight:bold;
		margin-bottom:10px;
		color:#000;
		}
		.booklist h4 span {
			display:block;
			font-size:.875rem;
			margin-top:5px;
			line-height:1rem;
			}
		.featured-books h4 span {
			display:block;
			font-size:.875em;
			margin-top:5px;
			margin-bottom:10px;
			}
	.booklist .book-author {
		font-size:.75rem;
		font-weight: normal;
	}
	.booklist .download-sample {
		display:none;
	}
	.booklist .printed-books {
		display:none;
	}
	.booklist .out-of-print, .booklist .never-in-print {
		display:none;
	}
	.booklist .never-in-print {
		display:none;
	}
	.booklist .book-review {
		display:none;
	}
	.booklist .thumbnail {
		display:block;
		margin-bottom:10px;
		width:100%;
		box-shadow:0px 5px 8px rgba(0,0,0,.2);
		-webkit-transition: all .2s ease-in;
		-moz-transition: all .2s ease-in;
		-o-transition: all .2s ease-in;
		transition: all .2s ease-in;
		}
		.booklist .thumbnail img {
			vertical-align:middle;
			}
	.booklist .book-description {
			display:none;
		}
		.booklist .description .price {
			display:inline-block;
			font-weight:bold;
			margin-right:20px;
			}
		.booklist .description .booklang {
			display:inline-block;
			font-weight:bold;
		    font-size:1.10em;
			color:#968175;
			margin-right:20px;
			display:none;
			}
		.booklist .description .print-version, .booklist .description .page-count, .booklist .buy-button {
			display:none;
		}
		.booklist .description .success {
			display:inline-block;
			font-size:1.15em;
			font-weight:bold;
			color:green;
			margin-right:20px;
			}
		.booklist .description .failure {
			display:inline-block;
			font-size:1.15em;
			font-weight:bold;
			color:red;
			margin-right:20px;
			}
.subcategory-heading {
	margin-left:2.5%;
}
.subcategory-heading:nth-child(1) {
	margin-top:-30px;
}
	.subcategory-heading h3 {
		padding-top:30px;
	}
.disclaimer {
	padding-top:30px;
	overflow:hidden;
	clear:both;
	padding-left:2.5%;
	}

.jump-to {
	float:right;
	width:46%;
	margin-top:70px;
	}
	.jump-to li {
		display:inline-block;
		width:46%;
		margin-left:0;
		margin-bottom:7px;
		}
		.language-jump-to li {
			width:100%;
			}
		.jump-to li a {
			text-decoration:none;
			color:#F47925;
			}
			.jump-to li a:hover {
				color:#000;
				}
	.jump-to h4 {
		margin-bottom:20px;
		}
#books #tout {
	overflow:hidden;
	}
#books #tout .figcaption {
	float:left;
	}

	.tag {
	  font-family: inherit;
	  font-size: 0.75rem;
	  background: #D8D0CC;
	  padding: 2px 12px;
	  border: none;
	  border-radius: 10px;
	  color: #111;
	  font-style: italic;
	  display: inline-block;
	  width: max-content;
	  margin: 2px 2px;
	}

/*---------------- SIDE PANE -------------------*/

#overlay {
	position:fixed;
	height:100%;
	width:100%;
	left:0;
	top:0;
	background:rgba(0,0,0,.5);
	display:none;
	z-index: 900;
	-webkit-transition: all .18s ease-in-out;
    -moz-transition: all .18s ease-in-out;
   	-o-transition: all .18s ease-in-out;
	transition: all .18s ease-in-out;
}
#side-pane {
	position: fixed;
	width:40%;
	min-width: 320px;
	height:100vh;
	background:#FFF;
	text-align:left;
	overflow: hidden;
	right:-50%;
	z-index: 1000;
	box-shadow: 0px 0px 25px rgba(0,0,0,.2);
	-webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
   	-o-transition: all .25s ease-in;
	transition: all .25s ease-in;
}
#side-pane.open {
	right:0;
	position: absolute;
}
	#side-pane header {
		box-shadow: none;
		padding:10px 20px 10px 20px;
		height:auto;
		border-bottom:1px solid #EAEAEA;
	}
	#side-pane h4 span {
		font-size:.75em;
	}
	#side-pane header p {
		margin-bottom:0;
	}
	.close-button {
		float:right;
		margin-top:10px;
		padding:0 0 0 10px;
		cursor: pointer;
	}
	#side-pane h5 {
		color:#555;
		font-size: .75rem;
		text-transform: uppercase;
		margin-top:20px;
	}
#side-pane-content {
	padding:20px 20px 40px 20px;
	height: 400px;
	overflow:auto;
}
#pane-thumbnail {
	box-shadow: 0px 10px 20px rgba(0,0,0,.2);
	display:block;
	width:70%;
	max-width: 250px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
}
#side-pane button, .orange-button {
	outline:none;
	border:none;
	background:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	color:#FFF !important;
	font-weight:bold;
	border:none;
	text-align:center;
	padding:10px;
	text-decoration:none;
	font-size:.75em;
	display:inline-block;
	background:#EB7812;
	margin-right:5px;
	margin-left:5px;
	margin-bottom:10px;
	border-radius:5px;
	text-transform: uppercase;
	box-shadow:0px 1px 1px rgba(0,0,0,.2);
	}
	.orange-button {
		margin-left:0;
		margin-right:0;
	}
		.orange-button i {
			display:inline-block;
			margin-left:5px;
			margin-right:5px;
		}
	#side-pane button span {
		border-left:1px solid #FFA250;
		padding-left:5px;
		margin-left:5px;
		display:inline-block;
	}
	#side-pane button:hover, .orange-button:hover {
		cursor: pointer;
		background:#E37513;
	}
	#side-pane #pane-print-version {
		margin-bottom:20px;
	}
		#side-pane #print-version a {
			margin-top:5px;
			margin-bottom:10px;
			
		}
	#side-pane .buttons {
		text-align: center;
	}


#side-pane #pane-print-links a, #side-pane #pane-review {
	display:inline-block;
	margin-right:10px;
	text-decoration: none;
	color:#EB7812;
	font-size:.875rem;
}
#pane-sample {
	color:#58504C;
	text-decoration: none;
	display:inline-block;
	margin-bottom:20px;
	border:1px solid #EAEAEA;
	border-radius:5px;
	text-transform: uppercase;
	text-align:center;
	padding:10px;
	text-decoration:none;
	font-size:.75em;
	font-weight: bold;
	margin-left:5px;
	margin-right:5px;
	position: relative;
	cursor: pointer;
	box-shadow:0px 1px 1px rgba(0,0,0,.2);
}
#pane-out-of-print, #pane-never-in-print {
	background:#CCC;
	color:#666;
	font-size:.75rem;
	text-transform: uppercase;
	padding:3px 5px;
	border-radius:4px;
	display:inline-block;
	font-weight: bold;
	line-height: 1em;
	vertical-align: top;
}
#pane-sample-list {
	position: absolute;
	top:33px;
	left:-1px;
	background:#FFF;
	width:100%;
	max-height: 200px;
	overflow: scroll;
	padding-bottom:0;
	border:1px solid #EAEAEA;
	border-radius: 4px;
	box-shadow: 0px 15px 15px rgba(0,0,0,.2);
}
	#pane-sample-list li {
		list-style: none;
		text-align: left;
		margin-left:0;
	}
	#pane-sample-list a {
		color:inherit;
		text-decoration: none;
		text-align: left;
		padding:5px;
		display:block;
	}

/*---------------- DEVICES -------------------*/

#tout .devices-figure {
	padding-top:70px;
}
#tout .devices-figure .left {
	padding-bottom:0;
}
.devices-figure .detail {
	font-size:.75rem;
	font-style: italic;
	margin-bottom:0;
	margin-top:0 !important;
	line-height: 1.4em;
	
}
	#tout .devices-figure .gobooks-app {
		width:45%;
		display:inline-block;
		vertical-align: top;
		float:left;
		margin-right:2.5%;
	}

	#tout .devices-figure img {
		max-height: 70px;
		height:70px;
		width:auto;
		float:left;
		margin-right:15px;
		display:inline;
		margin-top:-15px;
	}
	#tout .devices-figure .app-icon {
		display:block;
		float:none;
		margin-bottom:20px;
		margin-top:0;
	}
	#tout .devices-figure p {
		margin-top:40px;
		margin-bottom:20px;
	}
	#tout .devices-figure .appstore-badge {
		height:40px;
		float:none;
		display: block;
		margin-top:10px;
		margin-bottom:30px;
	}
	#tout .devices-figure .left, #tout .devices-figure .right {
		padding-bottom:40px;
	}
	#tout .devices-figure .orange-button {
		font-size: .75rem;
		margin-top:10px;
		font-style: normal;
		padding-top:11px;
		padding-bottom:11px;
		display:block;
		max-width:140px;
	}
.features {
	text-align: center;
	padding:30px 0 20px 0;
	background:#F9F5F2;
}
	.features .wrap {
		text-align: center;
	}
.feature-item {
	border-radius: 10px;
	display:inline-block;
	width:20%;
	margin-right:2.5%;
	margin-left:2.5%;
	vertical-align: top;
}
	.feature-item img {
		max-width:125px;
		margin-bottom:10px;
	}
	.feature-item:nth-child(1) {
		margin-left:0;
	}
	.feature-item:nth-child(4) {
		margin-right:0;
	}
	.feature-item p {
		font-size:.8rem;
	}
.group .app-icon {
	float:left;
	margin-right:20px;
	width:25%;
	max-width: 128px;
	max-height: 80px;
	height:auto;
}
.reader-app {
	clear:both;
}
.reader-app img {
	width:auto;
	max-height: 50px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	float:left;
	margin-top:-15px;
	margin-right:10px;
	margin-bottom:5px;
	vertical-align: middle;
}
.reader-app p {
	display:inline-block;
}
.reader-app a {
	padding-top:30px;
	display:block;
}

		
/*---------------- SUPPORT -------------------*/

#support #tout a {
	color:#EB7812;
	font-weight: bold;
	text-decoration:none;
	}
	#support #tout a:hover {
		color:#000;
		}
#support #tout .figcaption {
	padding-bottom:40px;
	}
.figcaption p a {
	display:inline !important;
}
.faq li {
	list-style:none;
	margin-left:0px;
	}
.left {
		float:left;
		width:45%;
		}
.right {
		float:right;
		width:45%;
		}
#support .social-links img {
		width:30px;
		height:30px;
		margin-right:5px;
		display:inline-block;
		float:left;
		}
	.social-links li {
		list-style:none;
		margin-left:0px;
		overflow:hidden;
		margin-bottom:10px;
		}
	.social-links a {
		font-weight:bold;
		}
	.social-links span {
		display:inline-block;
		float:left;
		margin-top:3px;
		}

/*============================================*/
/*----------------- FOOTER -------------------*/
/*============================================*/


footer {
	overflow:hidden;
	padding:40px 0px;
	}
.copyright {
	width:17%;
	float:left;
	font-size:.685em;
	margin-right:5%;
	color:#968175;
	text-align:center;
	}
	.copyright img {
		width:100%;
		margin-bottom:10px;
		}
	footer h4 {
		color:#58504C;
		}
	footer .links {
		float:left;
		width:16%;
		margin-right:2%;
		}
		footer .links li {
			list-style:none;
			margin-left:0px;
			}
		footer .links a {
			text-decoration:none;
			color:#847166;
			}
			footer .links a:hover {
				color:#3F3229;
				}

/*============================================*/
/*-------------- MISC AESTHETICS -------------*/
/*============================================*/


.appstore-badge {
	width:135px;
	height:40px;
	}
	
/*------------------ SORTING -----------------*/

.sorting {
	width:100%;
	margin-bottom:50px;
	position:relative;
	z-index:1000;
	padding-bottom:20px;
	}
.sorting p {
	float:left;
	margin-bottom:0px;
	padding-top:8px;
	margin-right:10px;
	}
.sorting .selected {
	background:#C9C1BC;
    background: -webkit-linear-gradient(top, #FCFCFB, #DAD6D1);
    background: -moz-linear-gradient(top, #FCFCFB, #DAD6D1);
	border-radius:5px;
	border:1px solid #B2A8A3;
	font-size:.875em;
	padding:10px;
	float:left;
	width:144px;
	box-shadow:0px 1px 0px #FFF;
	}
.sorting .dropdown {
	width:144px;
	float:left;
	}
.sorting .sorting-options {
	display:none;
	position:absolute;
	top:0px;
	overflow:hidden;
	width:166px;
	background:#AB9F98;
	border-radius:5px;
	padding-bottom:0px;
	box-shadow:0px 2px 2px rgba(0,0,0,.3);
	color:#3F3229;
	}
	.sorting a {
		color:#3F3229 !important;
		}
	.sorting .arrow {
		display:inline-block;
		background:url(../images/arrow.png) center center;
		width:18px;
		height:14px;
		float:right;
		}
	.sorting .sorting-options li {
		list-style:none;
		margin-left:0px;
		margin-bottom:0px;
		display:block;
		}
	.sorting .sorting-options a {
		text-decoration:none;
		color:#FFF;
		padding:10px;
		font-weight:bold;
		display:block;
		}
		.sorting .sorting-options a:hover {
			background:#BAAEA8;
			}
	.sorting .selected:hover {
		background:#C9C1BC;
		background: -webkit-linear-gradient(top, #FCFCFB, #C4BFBB);
		background: -moz-linear-gradient(top, #FCFCFB, #C4BFBB);
		cursor:pointer;
		}
	.sorting .selected:active {
		background: -webkit-linear-gradient(bottom, #FCFCFB, #DAD6D1);
    	background: -moz-linear-gradient(bottom, #FCFCFB, #DAD6D1);
		}	

/*-------------------- FORMS -----------------*/

input[type="text"], input[type="email"] {
	outline:none;
	border:none;
	background:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	background:#FFF;
	color:#3F3229;
	border:1px solid #D5CCC4;
	font-size:.875em;
	border-radius:5px;
	text-indent:5px;
	vertical-align: top;
	padding:5px 5px 5px 0px;
	margin-bottom:10px;
	-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
   	-o-transition: all .3s ease-in;
	transition: all .3s ease-in;
	}
	input[type="text"]:hover, input[type="text"]:active, input[type="text"]:focus {
		background:#BAAEA8;
		}

.button {
	outline:none;
	border:none;
	background:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	color:#F46300;
	font-weight:bold;
	border:1px solid #A8968E;
	text-align:center;
	padding:5px;
	text-decoration:none;
	font-size:.75rem;
	background:#C9C1BC;
    background: -webkit-linear-gradient(top, #FCFCFB, #DAD6D1);
    background: -moz-linear-gradient(top, #FCFCFB, #DAD6D1);
	border-radius:5px;
	}
	.button:hover, .button:focus {
		background:#C9C1BC;
		background: -webkit-linear-gradient(top, #FCFCFB, #C4BFBB);
		background: -moz-linear-gradient(top, #FCFCFB, #C4BFBB);
		cursor:pointer;
		}
	.button:active {
		background: -webkit-linear-gradient(bottom, #FCFCFB, #DAD6D1);
    	background: -moz-linear-gradient(bottom, #FCFCFB, #DAD6D1);
		}

.download-button {
	outline:none;
	border:none;
	background:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	color:#FFF !important;
	font-weight:bold;
	border:1px solid #FF7300;
	text-align:center;
	padding:10px 20px 8px 10px;
	margin-bottom:10px;
	width:auto;
	white-space: nowrap;
	text-align: left;
	overflow: hidden;
	display: inline-block;
	text-decoration:none;
	font-size:.875em;
	background:#FF8D27;
    background: -webkit-linear-gradient(top, #FF8D27, #FF7300);
    background: -moz-linear-gradient(top, #FF8D27, #FF7300);
	border-radius:5px;
	box-shadow: 0px 1px 0px rgba(0,0,0,.2);
	vertical-align: middle;
	}
	.download-button img {
		width:20px !important;
		height:20px;
		margin-right:10px;
		vertical-align: middle;
		float: left;
		margin-top:-3px;
		margin-bottom:0px !important;
	}
	.download-button:hover, .download-button:focus {
		background:#EA6706;
    	background: -webkit-linear-gradient(top, #FF8D27, #EA6706);
    	background: -moz-linear-gradient(top, #FF8D27, #EA6706);
	}
	.download-button:active {
		background:#FF8D27;
    	background: -webkit-linear-gradient(bottom, #FF8D27, #FF7300);
    	background: -moz-linear-gradient(bottom, #FF8D27, #FF7300);
	}

.credit-button {
	outline:none;
	border:none;
	background:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	color:#FFF !important;
	font-weight:bold;
	border:1px solid #FF7300;
	text-align:center;
	padding:10px 20px 8px 10px;
	margin-bottom:10px;
	width:auto;
	white-space: nowrap;
	text-align: left;
	overflow: hidden;
	display: inline-block;
	text-decoration:none;
	font-size:.875em;
	background:#FF8D27;
    background: -webkit-linear-gradient(top, #FF8D27, #FF7300);
    background: -moz-linear-gradient(top, #FF8D27, #FF7300);
	border-radius:5px;
	box-shadow: 0px 1px 0px rgba(0,0,0,.2);
	vertical-align: middle;
	}
	.credit-button img {
		width:28px !important;
		height:19px;
		margin-right:10px;
		vertical-align: middle;
		float: left;
		margin-top:-3px;
		margin-bottom:0px !important;
	}
	.credit-button:hover, .credit-button:focus {
		background:#EA6706;
    	background: -webkit-linear-gradient(top, #FF8D27, #EA6706);
    	background: -moz-linear-gradient(top, #FF8D27, #EA6706);
	}
	.credit-button:active {
		background:#FF8D27;
    	background: -webkit-linear-gradient(bottom, #FF8D27, #FF7300);
    	background: -moz-linear-gradient(bottom, #FF8D27, #FF7300);
	}

.purchase-button {
	outline:none;
	border:none;
	background:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	color:#FFF !important;
	font-weight:bold;
	border:1px solid #FF7300;
	text-align:center;
	padding:10px 5px 5px 10px;
	margin-bottom:10px;
	width:auto;
	text-align: left;
	overflow: hidden;
	display: inline-block;
	text-decoration:none;
	font-size:.875em;
	background:#FF8D27;
    background: -webkit-linear-gradient(top, #FF8D27, #FF7300);
    background: -moz-linear-gradient(top, #FF8D27, #FF7300);
	border-radius:5px;
	box-shadow: 0px 1px 0px rgba(0,0,0,.2);
	vertical-align: middle;
	}
	.purchase-button img {
		width:140px !important;
		margin-bottom:0px !important;
		margin-left:10px !important;
		margin-right:0px !important;
		margin-top:-6px;
		vertical-align: middle;
		float: right !important;
		background:#FFF;
		border-radius: 4px;
		padding:5px 0;
	}
	.purchase-button:hover, .purchase-button:focus {
		background:#EA6706;
    	background: -webkit-linear-gradient(top, #FF8D27, #EA6706);
    	background: -moz-linear-gradient(top, #FF8D27, #EA6706);
	}
	.purchase-button:active {
		background:#FF8D27;
    	background: -webkit-linear-gradient(bottom, #FF8D27, #FF7300);
    	background: -moz-linear-gradient(bottom, #FF8D27, #FF7300);
	}

.regular-size {
	width:auto;
	margin-bottom:10px;
	max-width: 100%;
}

.less-padding {
	padding-bottom:6px;
	margin-bottom:6px;
}


/*============================================*/
/*-------------- MEDIA QUERIES ---------------*/
/*============================================*/	


@media screen and (max-height: 1080px) {
	.appstore-section {
		display:none;
	}
}

/*------------- IPAD LANDSCAPE ---------------*/

@media screen and (max-width: 1024px) {
	#tout .figcaption {
		padding-bottom:40px;
		}
	.booklist .book {
		width:26%;
		}
	
}

@media screen and (max-width: 900px) {
	#tout .figcaption {
		padding-bottom:30px;
		}
	#homepage .call-to-action h4 {
		width:65%;
		}
	#homepage .call-to-action .appstore {
		margin-top:10px;
		}
	.booklist {
		width:75%;
	}
	.booklist .book {
		width:44%;
		max-width: 300px;
		}
	#side-pane {
		right:-70%;
		width:60%;
	}
	.group .app-icon {
		float:none;
	}

	
}


/*------------- IPAD PORTRAIT ---------------*/


@media screen and (max-width: 768px) {
	
	#homepage .call-to-action .appstore {
		width:40%;
		min-width:135px;
		min-height:40px;
		float:left;
		}
	#homepage .call-to-action h4 {
		width:100%;
		}
	#homepage .hero {
		top:20px;
		}
	#languages .wrap {
		width:100%;
		}
	#languages ul {
		float:none;
		width:100%;
		text-align:center;
		padding-left:0px;
		}
	#languages li {
		margin-left:3%;
		}
	#logo {
		width:26%;
		background-size:contain;
		}
	nav li {
		margin-left:2%;
		}
	nav {
		width:74%;
		float:right;
		text-align: right;
		}

	.appstore-link {
		width:90%;
		}
	#homepage aside {
		margin-top:0px;
		padding-bottom:15px;
		}
	.featured-books .description {
		width:70%;
		}
	.featured-books .thumbnail {
		margin-right:7%;
		
		}
	#books .hero {
		width:63%;
		}
	#books #tout .figcaption {
		padding-top:40px;
		}
	#support .figcaption {
		width:50%;
		}
	.features .feature-item {
		width:40%;
		margin-left:2.5%;
		margin-right:2.5%;
	}
	#tout .devices-figure .gobooks-app {
		float:none;
		width:auto;
	}
}

@media screen and (max-width: 650px) {
	
	footer .links {
			width:19%;
			margin-right:4%;
			}
		footer .copyright {
			width:26%;
			}
		footer .newsletter {
			float:none;
			width:100%;
			overflow:hidden;
			}
	#homepage .hero {
		width:60%;
		margin-left:20%;
		margin-right:20%;
		float:none;
		display:block;
		}
	#homepage .figcaption {
		width:100%;
		float:none;
		padding-top:320px;
		padding-bottom:20px;
		}
		#homepage .figcaption h2 {
			text-align:center;
			}
		.appstore-link {
			background:none;
			width:50%;
			float:none;
			margin:auto;
			border:none;
			box-shadow:none;
			} 
			.appstore-link:hover {
				box-shadow:none;
				}
			.appstore-link .app-name {
				display:none;
				}
			.appstore-link .icon {
				width:24%;
				}
		#languages li {
			margin-left:2%;
			}
		nav {
			float:right;
			margin-top:10px;
			text-align: right;
			}
		nav li {
			width:auto;
		}
		nav a {
			font-size:.875em;
			}
		.booklist {
			height:inherit !important;
			}
		header {
			height:initial;
		}
		nav ul {
			padding-bottom:0;
		}
		#main-page {
			overflow:initial;
		}
		body {
			overflow: initial;
			overflow-x:hidden;
		}
		#mobile-filters {
			display:block !important;
			clear:both;
			float:none;
			width:100%;
			padding:12px 0 10px 0;
			font-size: .75rem;
			font-weight: bold;
			border-top:1px solid #EAEAEA;
			line-height:1em;
			cursor: pointer;
		}
			#mobile-filters span {
				color:#EB7812;
				display:inline-block;
				margin-left:10px;
			}
		#filters {
			position: fixed !important;
			top:0 !important;
			left:-80% !important;
			background:#FFF;
			padding:20px;
			width:80%;
			box-shadow:0px 0px 15px rgba(0,0,0,.2);
			min-height: 100vh !important;
			z-index: 1000;
			max-width: 320px;
			-webkit-transition: all .3s ease-in;
			-moz-transition: all .3s ease-in;
			-o-transition: all .3s ease-in;
			transition: all .3s ease-in;
		}
		#filters .close-button {
			display:block !important;
			margin-top:0px;
		}
			#filters.open {
				left:0 !important;
			}
		.appstore-section {
			display:none;
		}
		.booklist {
			width:100%;
			margin:0;
			padding:0;
			padding-top:20px;
			overflow:visible;
		}
		.booklist .book {
			width:45%;
			float:none;
			top:inherit !important;
			left:inherit !important;
			margin-left:0;
			margin-right:7%;
			position:relative !important;
			}
			.booklist .book:nth-child(even){
				margin-right:0;
			}
		.subcategory-heading {
			margin-left:0;
		}
		.sorting {
			margin-bottom:30px;
			}
		.disclaimer p {
			display:block;
			float:none;
			width:100%;
			}
		.disclaimer .appstore-badge {
			float:none;
			display:block;
			margin:auto;
			}
			#tout .devices-figure h2 {
				text-align: left;
			}
}


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

	#homepage .figcaption {
		padding-top:300px;
		}
	#homepage .details {
		float:none;
		width:100%;
		margin-bottom:20px;
		overflow:hidden;
		}
	#homepage aside {
		float:none;
		width:100%;
		display:block;
		overflow:hidden;
		}
	#homepage .call-to-action .appstore {
		float:right;
		width:35%;
		min-width:135px;
		min-height:40px;
		margin-top:-8px;
		}
	#homepage .call-to-action h4 {
		float:left;
		width:60%;
		}
	footer .links {
	width:100%;
	}
	footer .copyright {
		width:50%;
		margin:auto;
		float:none;
		margin-bottom:20px;
		}
	#languages {
		display:none;
		position:absolute;
		top:28px;
		left:0;
		height:inherit;
		z-index:850;
		width:100%;
		
		}
		#languages a {
			display:block;
			}
		#languages .selected {
			color:#FFF;
			}

		#languages li {
			display:block;
			font-size:1em;
			padding:5px;
			text-align:left;
			margin-left:0px;

			border-bottom:1px solid #99928d;
			}
			#languages li:hover {
				background:#cfcac7;
				}
	#mobile-languages {
		display:block;
		
		}
	.disclaimer {
		padding-left:0;
	}
	#side-pane {
		width:100%;
		right:-120%;
	}
	#filters {
		width:100%;
		left:-120%;
	}
	#mobile-filters {
		text-align: center;
	}
	nav {
		width:70%;
		}
	#books .hero {
		display:none;
		}
	#books .figcaption {
		width:100%;
		}
	.sorting {
		width:100%;
		}
	.sorting .dropdown {
		width:70%;
		}
	.sorting .selected {
		width:100%;
		display:block;
		}
	.sorting .sorting-options {
		width:78%;
		}
	#books h2 {
		text-align:center;
		}
	#books #tout .appstore-badge {
		float:none;
		margin:auto;
		display:block;
		}
	#books .jump-to {
		width:100%;
		float:none;
		}
		#books .jump-to li {
			width:45%;
			}
	#support .figcaption {
		width:100%;
		}
	#support h2 {
		text-align:center;
		}
		#support #tout a {
			text-align:center;
			display:block;
			}
	.right, .left {
		float:none;
		width:100%;
		clear:both;
		}
		
}

@media screen and (max-width: 530px) {
	.wrap {

		}
	nav {
		width:68%;
	}
	nav a {
		padding:5px 5px;
		}	
	nav li {
		margin-left:1%;
		}
	#logo {
		width:30%;
		}
		#logo a {
			width:100%;
			}
	#homepage .hero {
		width:74%;
		margin-right:13%;
		margin-left:13%;
		}
	#homepage .figcaption {
		padding-top:340px;
		}
}

@media screen and (max-width: 450px) {
	nav li {
		padding:3px 0;
		}
	#logo {
		background-image:url(../images/mobile-logo.png);
		width:40%;
		height:50px;
		float:none;
		display:block;
		margin:auto;
		}
	header {
		height:initial;
		overflow:hidden;
		}	
	nav {
		width:100%;
		border-top:1px solid #EAEAEA;
		padding-top:7px;
		margin-bottom:5px;
		}
	nav ul {
		padding-bottom:5px;
		}	
	nav li {
		width:25%;
		float:left;
		margin-left:0;
		margin-right:0;
		padding-left:0;
		padding-right:0;
		text-align: center;
	}
		nav .nav-featured {
			display:none;
			}
	#filters {
		max-width: initial !important;
		width:initial !important;
		min-width: 200px;
		left:-110% !important;
	}
	.appstore-link {
		width:100%;
		margin:auto;
		float:none;
		display:block;
		padding:0;
		text-align:center;
		}
		.appstore-link .icon {
			width:20%;
			margin-right:5%;
			float:none;
			}
		.appstore-link .appstore {
			float:none;
			display:inline-block;
			padding-bottom:20px;
			}
	#homepage .figcaption {
		padding-top:280px;
		}
	.features .feature-item {
		width:75%;
		margin-left:auto;
		margin-right:auto;
	}
}
@media screen and (max-width: 400px) {
	#homepage .figcaption {
		padding-top:240px;
		}
	#homepage .multi-lingual img, #homepage .inline-diagrams img {
		float:none;
		width:50%;
		margin-left:25%;
		margin-bottom:20px;
		}	
	#homepage .call-to-action {
		width:100%;
		}
	#homepage .call-to-action h4 {
		text-align:center;
		margin-bottom:10px;
		width:100%;
		float:none;
		}
		#homepage .call-to-action .appstore {
			width:50%;
			display:block;
			float:none;
			margin:auto;
			min-width:135px;
		min-height:40px;
			}
	.featured-books .thumbnail {
		margin-right:3%;
		}
	.featured-books .description {
		width:73%;
		}
	#homepage aside .button {
		float:none;
		display:block;
		width:100px;
		text-align:center;
		margin:auto;
		padding:15px;
		}
	.appstore-link .appstore {
			padding-bottom:10px;
			}
}
@media screen and (max-width: 350px) {
	#homepage .figcaption {
		padding-top:220px;
		}
}