/* Global */

body {

font-family: 'Roboto', sans-serif;font-weight:300;

	

	font-size: 1em;

	color: #8a8683;

	background-color:#ffffff;

}

img {	max-width: 100%;}

a:link {

	color: #18badd;

	text-decoration: none;

}

a:hover {

	color: #000;

	text-decoration: none;

}

a:visited {

	color: #18badd;

	text-decoration: none;

}

/* Navigation */

.menu {

	position:fixed;

	top:0px;

	width:100%; 

	height:auto; 

	background-color:#18badd;

	z-index:100;

}

#logo {

	text-align: center;

	margin: 10px 0;

}

#nav {

	text-align: right;

	/*margin: 10px 0 0 0;*/

	/*margin: -14px 0 0px 0;*/

}

.navigation{

	float: right;

	list-style: none;

	margin: 0;

}

.navigation li{

	float: left;

	padding:0 0 0 50px;color:#fff;font-family: 'Roboto', sans-serif;font-weight:100; font-size:22px;

}

.navigation li:hover{

	cursor:pointer;

	color: #000;

}

.navigation li a {cursor:pointer;	color: #fff;}

.navigation .active{

	cursor:pointer;

	color: #fff;

	

}

/* Footer */
.footer-copyright,
.footer-nav {
	line-height: 50px;
}


.footers .navigation{

	float: right;

	list-style: none;

	margin: 0;
	
	padding: 0;

}

.footers .navigation li{

	float: left;

	padding-left: 13px;
	
	color: #666666;
	
	font-family: 'Roboto', sans-serif;
	
	font-weight: 100;
	
	font-size: 18px;
	
	text-transform: uppercase;

}

.footers .navigation li a {color:#666;}

.footers .navigation li:hover{

	cursor:pointer;

	color: #000;

}

.footers .navigation .active{

	cursor:pointer;

	color: #666;
}

h1 {font-family: 'Roboto', sans-serif;font-weight:100;}

h2,h3,h4,h5,h6 {font-family: 'Roboto', sans-serif;font-weight:400;}

#slide2,#slide3,#slide4,#slide5,#slide6,#slide7, #slide8,#slide9 {font-family: 'Roboto', sans-serif;font-weight:100;}

/* General Slides */ 

.slide{

	background-attachment: fixed;

	width:100%;

	height:auto;

	position: relative;

	padding:120px 0;

font-family: 'Roboto', sans-serif;font-weight:100;

}

/*Daniel made changes here

gave a.button.small an inline-block display 

and min-width to get all buttons the same size.

*/

a.button {background:#18badd;color:#fff;font-size:28px;padding:10px 66px;}

a.button:hover {background:#000}

a.button.small {display: inline-block; margin: 10px; min-width: 175px; text-align: center; font-size:18px;

line-height: 40px;}

/*new id for "explore books" button*/

#exploreBooks {

	display: block;

	width: 200px;

	margin: auto;

	margin-top: 15px;	

}

a.add-to-cart {background:#18badd;color:#fff; font-size:28px;padding:10px 70px;}

a.add-to-cart:hover {background:#000}

/* Slide 1 */ 

.orbit-bullets li.active {background: #18badd!important;}

#slide1{

	height:auto;padding-top:300px;text-align:center;color:rgba(255, 255, 255, 0.9);font-size:50px; text-transform:uppercase;letter-spacing:5px;

font-family: 'Roboto', sans-serif;font-weight:100;

padding:0;

}

.logo-slide {
	text-align: center;
	top: 40%;
	position: absolute;
	left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.top-padding {padding-top:20px; text-align:center}

.s1 {text-align:center; font-size:18px; color:#666; line-height:25px;font-family: 'Roboto', sans-serif;font-weight:300;}

.s1 div {height:50px;}

.s1 img {display: inline!important;opacity:0.8;filter:alpha(opacity=80);}

.s1 img:hover {opacity:1;filter:alpha(opacity=100);}

span.header1 {display:block; text-align:center;/*line-height:130px;*/font-size:52px;font-weight: 700;font-family: 'Roboto', sans-serif;font-weight:100; color:#333;}

span.header2 {display:block; line-height:30px;font-size:22px;font-family: 'Roboto', sans-serif;font-weight:400; color:#000;}

#slide1 h1 {	font-size: 3.8em;	letter-spacing: -3px;	line-height: 0px;	color:#8a8683;	font-weight: 700;}

/* Slide 2 Concept */ 

#slide2{	min-height:600px;background-color:#fff;font-size:22px;}

#slide2 h2 {	font-size: 55px;color: #333;line-height: 55px;padding-bottom:20px;	}

/* Slide Space */ 

#slide3{	background-image:url('../img/space.jpg');background-color:#000;	color:#ffffff;	line-height:60px;font-size:68px; text-align:center;}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
.social-icons {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 320px;
}
.social-icons .icon {
	float: left;
	list-style: none;
	padding: 0 4px;
}
.social-icons .icon a {
	-webkit-border-radius: 50%;
	border-radius: 50%;
	display: block;
	height: 56px;
	position: relative;
	width: 56px;
}
.social-icons .icon a:hover {
	filter: alpha(opacity=80);
	opacity: 0.8;
}
.social-icons .icon span {
	display: block;
	left: 50%;
	position: absolute;
	top: 50%;
}
.social-icons .facebook {
	background: #3b5998;
}
.social-icons .facebook span {
	margin: -16px 0 0 -8px;
}
.social-icons .twitter {
	background: #00aced;
}
.social-icons .twitter span {
	margin: -15px 0 0 -18px;
}
.social-icons .youtube {
	background: #e64a41;
}
.social-icons .youtube .youtube-arrow {
	border-color: transparent transparent transparent #ffffff;
	border-style: solid;
	border-width: 11px 0 11px 16px;
	height: 0;
	margin: -11px 0 0 -6px;
	width: 0;
}
.social-icons .blog {
	background: #ff9c00;
	color: #ffffff;
	font-size: 16px;
	font-weight: 700;
	line-height: 56px;
	text-transform: lowercase;
}
.social-icons .contact {
	background: #a8a8a8;
}
.social-icons .contact span {
	margin: -11px 0 0 -15px;
}

/* Slide 4 About*/

#slide4{	background-image:url('../images/sunglasses.png');background-color:#f7f7f7;	color:#333;	line-height: 36px;font-size:28px;	}

#slide4 .social-icons { margin: 0; }

#slide4 .social-icons .contact span { margin: -17px 0 0 -15px; }

#slide4 h2 {	color:#000;line-height: 70px;font-size:55px;}

/* Slide 5 About*/

#slide5{	background:#fff;color:#666;line-height: 36px;font-size:28px;}

#slide5 h3 {	color:#333;line-height: 70px;font-size:55px;}

/* Slide 6  Space */

#slide6{padding:60px 0;background-image:url('../img/space2.jpg');background-color:#000;color:#fff;line-height:42px;font-size:36px;color:#fff; text-align:center;}

#slide6 hr {width:30%; background:rgba(255,255,255,0.8); border:0; height:1px;}

/* Slide 7 About*/

#slide7{ text-align:center;	background:#fff;color:#666;	line-height: 36px;	font-size:28px;}

#slide7 h4 {	color:#333;line-height: 60px; margin:0;font-size:55px;}

#slide7 img {display: inline!important;}

/* Slide 8 Desk */

#slide8{	background-image:url('../img/space3.jpg');	background-color:#000;	color:#ffffff;	line-height:60px;font-size:68px;font-family: 'Roboto', sans-serif;font-weight:100; color:#fff; text-align:center;}

/* Slide 9 Book */

#slide9{text-align:center;padding:100px 0;	background:#fff;color:#666;line-height: 36px;font-size:28px;}

#slide9 h1 {	margin:0;color:#333;line-height: 70px;font-size:55px;}

.line {border-left:1px solid #ddd;margin-left:-1px;}

.footers {
	background: #f3f3f3;
	padding: 20px 0 8px 0;
	color: #666666;
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	font-size: 18px;
	text-transform: uppercase;
}

/* Tablet */



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

#logo {

	width: 100%;

	text-align: center;

}

.logo-slide {top:30%}

#nav {

	width:100%;

	text-align:center;

	margin:10px 0;

}

.navigation{

	width: 100%;

	float: center;

	list-style: none;

	margin: 0;

	padding:0;

}

.navigation li{

	float: left;

	width:25%;

	padding:0;

}

.footers .navigation {
	float: none;
	margin: 0 auto;
	width: 320px;
}

.footers .navigation li {
	width: 16%;
	padding: 0 10px;
}

.slide{

	background-attachment: fixed;

	width:100%;

	position: relative;

	padding:150px 0;

}

#decorative {

	display:none;

}

#content {

	text-align:center;

	width:100%;

}

#slide1 h1 {

	line-height: 1em;

}

#slide1 h2 {

	line-height: 1em;

}

#slide2 h1 {

	line-height: 1em;

}

#slide2 h2 {

	line-height: 1em;

}

#slide3 h1 {

	line-height: 1em;

}

#slide3 h2 {

	line-height: 1em;

}

#slide4 h1 {

	line-height: 1em;

}

#slide4 h2 {

	line-height: 1em;

}

/*new id for "explore books" button*/

#exploreBooks {

	display: block;

	width: 40%;

	margin: auto;

	margin-top: 15px;	

}

}

/* TEMP TESTING */

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

	

a.button {background:#18badd; width:90%; margin:auto; color:#fff; font-size:28px; padding:10px 20px;}

a.button:hover {background:#000}

a.button.small {display:block; width:80%; margin:auto; text-align:center; font-size:18px; line-height:40px;}

/*new id for "explore books" button*/

#exploreBooks {

	display: block;

	width: 50%;

	margin: auto;

	margin-top: 15px;	

}

}



#video_background { background:url(../img/space0.jpg);/* background-size: cover;  position: fixed; width:100%;  top: 0;  left: 0;  bottom: 0;  right: 0;  z-index: -1000;*/}



#video_background { position: fixed; right: 0; bottom: 0;

min-width: 100%; min-height: 100%;

width: auto; height: auto; z-index: -100;



background-size: cover;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

}



.novideo {background:url(../img/space0.jpg);position: fixed; right: 0; bottom: 0;

min-width: 100%; min-height: 100%;

width: auto; height: auto; z-index: -100;



background-size: cover;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

}





.inside {background:#fff; min-height:500px;padding:40px 0;margin-top:89px;}

.inside h1 {	color:#000;line-height: 70px;font-size:60px;margin: 0px;}

.inside {color:#666;line-height: 25px;font-size:18px;font-weight:300}

.inside h1.entry-title a {font-size: 42px;font-weight: 300;margin: 0px;}

.inside input[type="text"], .inside input[type="email"], .inside textarea {font-family: Roboto; border:1px solid #ccc; font-size:18px; color:#666;padding: 10px 5px;

margin-bottom: 5px;

width: 100%}

.inside input.button {font-family: Roboto;background:#18badd;color:#fff; font-size:28px;padding:10px 70px;border:0;font-weight:100}

.inside input.button:hover {background:#000}

.breadcrumbs {margin-top:89px;padding:30px 0; background:#f3f3f3;font-weight:300}

.breadcrumbs a{font-weight:300}

#slide3_sm{	/*background-attachment: fixed;*/	width:100%;	position: relative;font-weight:100;	padding:30px 0;	background-image:url('../img/space3.jpg');background-color:#000;	color:#ffffff;	line-height:40px;font-size:36px; text-align:center;}

#slide3_sm .grid_12 {margin: 0;}

button.add-to-cart{margin-top:20px;background:#18badd;color:#fff; font-size:28px;padding:10px 70px;border:0;font-weight:100}

.minus, .plus{ border: 0px solid #ccc;background: #fff;color: #666;}

.amount {font-size:25px;}

.woocommerce-tabs {margin-top:40px;}

.woocommerce-tabs ul.tabs {margin:0;padding:0;display:block;height: 60px;}

.woocommerce-tabs ul.tabs li {float:left;list-style:none;border:0px solid #CCC;padding:10px;background: #18badd;}

.woocommerce-tabs ul.tabs li a {color: #fff;}

.woocommerce-tabs ul.tabs li.description_tab {border-right:0px solid #CCC!important;}

.woocommerce-tabs ul.tabs li.active {border-bottom:0px solid #CCC!important; background:#fff;}

.woocommerce-tabs ul.tabs li.active a {color: #18badd;}

.mysidebar ul {margin:0;padding:0;}

.mysidebar ul li {list-style:none; border-bottom:1px solid #ddd;}

.mysidebar ul li a {padding: 10px 20px;display:block}

.mysidebar ul li > ul li {border-bottom:0px solid #ddd;border-top:1px solid #ddd;}

.mysidebar ul li > ul li a {padding: 10px 40px;}

blockquote {padding: 10px 40px;background: #f1f1f1;border: 1px solid #ddd;margin: 0;}

.alignright {float:right;margin-left:20px;}

.alignleft {float:left;margin-right:20px;}

article.post {border-bottom:1px solid #ddd; padding:20px 0;}

.top-bar,.top-bar-section ul li > a,.top-bar-section li a:not(.button),.top-bar-section ul {background:none!important}

/*.top-bar {float:right}*/

.top-bar-section ul.right li .dropdown {/*left: -40px!important;*/ right:none!important;padding: 0px;}

.top-bar-section ul.right li .dropdown li > a:not(.button) {background:#333!important;display:block;padding:10px!important;margin:0 15px!important;}

.top-bar-section .has-dropdown > a {padding-right:0px!important;}

.top-bar {width:600px; margin:0 auto;float:none;}

.top-bar-section ul li > a {padding: 5px 0 0px 0!important;text-align:left;}

 hr {border:0px #fff solid; height:1px; background:#ddd}

.commentlist,.comment {list-style:none;padding:0;margin:0;}



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

.top-bar {width:auto;}

.top-bar-section ul.right li .dropdown li > a:not(.button) {background:none!important}

#menu-top-menu {margin:0;padding:0;}

.top-bar-section ul li > a {border:0px solid #fff;margin:3px 0px; text-align:center}

}







/* Mobile */

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

#logo {

	width: 100%;

	text-align: center;

}

#nav {

	width:100%;

	margin:5px 0;

}

.navigation{

	width: 100%;

	float: left;

	list-style: none;

	margin: 0;

	padding:0;

}

.navigation li{

	float: left;

	width:25%;

}

.slide{

	background-attachment: fixed;

	width:100%;

	position: relative;

	padding:150px 0;

	

}

#slide1 h1 {

	line-height: 1em; 

}

#slide1 h2 {

	line-height: 1em;

}

#slide2 h1 {

	line-height: 1em;

}

#slide2 h2 {

	line-height: 1em;

}

#slide3 h1 {

	line-height: 1em;

}

#slide3 h2 {

	line-height: 1em;

}

#slide4 h1 {

	line-height: 1em;

}

#slide4 h2 {

	line-height: 1em;

}



#slide3,#slide6 { font-size:25px; line-height:45px;}

#slide8,#slide7, #slide5  {display:none;}

.top-bar {width:100%!important; float:left!important;}

/*new id for "explore books" button*/

#exploreBooks {

	display: block;

	width: 80%;

	margin: auto;

	margin-top: 15px;	

}







}





@media only screen and (max-device-width: 480px) and (orientation: landscape)

#slide3,#slide6 { font-size:15px; line-height:25px;}

#nav {

	width:100%;

	margin:0px 0;

}

#slide1 h1,#slide1 h2, #slide2 h1, #slide2 h2, #slide3 h1, #slide3 h2, #slide4 h1, #slide4 h2 {

	font-size:18px; line-height:18px;}

}