@import url('https://fonts.googleapis.com/css?family=Merienda:400,700');
@font-face {
  font-family: 'proxima_nova_rgbold';
  src: url('../fonts/proxima_nova-bold-webfont.eot');
  src: url('../fonts/proxima_nova-bold-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/proxima_nova-bold-webfont.woff2') format('woff2'),
       url('../fonts/proxima_nova-bold-webfont.woff') format('woff'),
       url('../fonts/proxima_nova-bold-webfont.ttf') format('truetype'),
       url('../fonts/proxima_nova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'proxima_nova_rgregular';
  src: url('../fonts/proxima_nova-regular-webfont.eot');
  src: url('../fonts/proxima_nova-regular-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/proxima_nova-regular-webfont.woff2') format('woff2'),
       url('../fonts/proxima_nova-regular-webfont.woff') format('woff'),
       url('../fonts/proxima_nova-regular-webfont.ttf') format('truetype'),
       url('../fonts/proxima_nova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, var,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, ul, li {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  font-weight:normal;
  vertical-align:baseline;
  background:transparent;
	list-style:none;
}


article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block;
}

*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	outline:none
}

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

.clearfix {
	display: block;
}

html, body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width:100%;
	height:100%;
}

body {
	font-family: 'proxima_nova_rgregular';
	font-size:17px;
	color:#101010;
	padding:0;
	margin:0;
	text-size-adjust: none ;
	-webkit-text-size-adjust:none;
}

img {
	display:block;
	max-width:100%;
	margin:0 auto;
}

a, a:hover{
	color:#101010;
	text-decoration:none;
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
}

a:hover{
	color:#ba8232;
}

a.link-btn{
	display:inline-block;
	background: url(../images/amazon-buy-now-button.png) center center no-repeat;
	white-space: nowrap;
	text-indent: -9999px;
	height: 70px;
  width: 200px;
}


h2{
	font-family: 'Merienda', cursive;
	font-size:90px;
	font-weight:700;
	line-height:110px;
}

h3{
	font-family: 'Merienda', cursive;
	font-size:50px;
	font-weight:700;
	line-height:70px;
}

h4{
	font-family: 'Merienda', cursive;
	font-size:30px;
	font-weight:700;
	line-height:50px;
	color:#ba8232;
}

h5{
	font-family: 'Merienda', cursive;
	font-size:22px;
	font-weight:700;
	line-height:42px;
}

header, footer, .banner, .about, .characters, .thought, .author, footer{
	float:left;
	width:100%;
}

.container{
	width:1040px;
	margin:0 auto;
}

header{
	padding:30px 0 10px;
	position:relative;
}

header h1{
	float:left;
}

header nav{
	float:right;
}

header nav ul{
	display:inline-block;
}

header nav ul li{
	display:inline-block;
	margin:0 0 0 30px;
}

header nav ul li a{
	font-size:20px;
	color:#585858;
}

header nav a.link-btn{
	padding:10px 20px 8px;
	font-size:16px;
	margin:0 0 0 30px;
	height: 46px;
	width: 131px;
	background-size: contain;
}

.mobile-nav{
	right:50px;
	margin:9px 0 0 0;
	position:absolute;
	z-index:1;
	display:none;
}

.mobile-nav a{
	float:left;
	width:24px;
	height:22px;
}

.mobile-nav a span{
	position:absolute;
	top:50%;
	left:0;
	height:2px;
	width:100%;
	background:#000;
	margin:-1px 0 0 0;
	cursor:pointer;
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
}

.mobile-nav a span:after{
	content:"";
	position:absolute;
	left:0;
	top:0;
	height:2px;
	width:100%;
	background:#000;
	margin:-7px 0 0 0;
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
}

.mobile-nav a span:before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	height:2px;
	width:100%;
	background:#000;
	margin:7px 0 0 0;
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
}

.banner{
	height:100%;
	max-height:780px;
	overflow:hidden;
	position:relative;
}

.banner:after{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:25px;
	background:url(../images/header-bottom-bg.png) bottom center repeat-x;
}

.banner ul, .banner ul li{
	float:left;
	width:100%;
	height:100%;
	position:relative;
}

.banner ul li{
	background-size:cover !important;
	background-position:center !important;
}

.banner ul li .container{
	position:relative;
	top:50%;
	transform:translate(0, -50%);
	-webkit-transform:translate(0, -50%);
	-moz-transform:translate(0, -50%);
}

.banner ul li h2{
	margin:0 0 20px 0;
}

.banner ul li p{
	font-size:23px;
	margin:0 0 30px 0;
}

.banner ul li a.buy-btn{
	height: 70px;
	width: 200px;
}

.about{
	height:100%;
	max-height:780px;
	background:url(../images/about-bg.jpg) center no-repeat;
	background-size:cover;
	position:relative;
	
}

.about:after{
	content:"";
	position:absolute;
	left:0;
	top:-25px;
	width:100%;
	height:25px;
	background:url(../images/about-top-bg.png) top center no-repeat;
	background-size:cover;
}

.about:before{
	content:"";
	position:absolute;
	left:0;
	bottom:-25px;
	width:100%;
	height:25px;
	background:url(../images/about-bottom-bg.png) bottom center no-repeat;
	background-size:cover;
}

.about .container{
	display:table;
	position:relative;
	top:50%;
	transform:translate(0, -50%);
	-webkit-transform:translate(0, -50%);
	-moz-transform:translate(0, -50%);
}

.about .about-img{
	display:table-cell;
	width:40%;
	vertical-align:middle;
	padding:0 60px 0 0;
	text-align:left;
}

.about .about-img img{
	float:left;
	width:100%;
}

.about .about-wrapper{
	display:table-cell;
	width:60%;
	vertical-align:middle;
}

.about .about-wrapper h3{
	margin:0 0 20px 0;
}

.about .about-wrapper p{
	line-height:27px;
	margin:0 0 30px 0;
}

.characters{
	padding:80px 0;
	text-align:center;
	background:url(../images/doll.png) top right no-repeat, url(../images/bird.png) bottom left no-repeat;
}

.characters h3{
	margin:0 0 20px 0;
}

.characters h4{
	margin:0 0 20px 0;
}

.characters p{
	line-height:27px;
}

.characters ul li{
	float:left;
	width:100%;
	text-align:left;
	margin:0 0 80px 0;
}

.characters ul li:last-child{
	margin:0;
}

.characters ul li:nth-child(2n + 2){
	text-align:right;
}

.thought{
	height:100%;
	max-height:300px;
	padding:80px 0;
	background:url(../images/thougt-bg.jpg) center no-repeat;
	background-size:cover;
	position:relative;
	margin:80px 0 0 0;
}

.thought:after{
	content:"";
	position:absolute;
	left:0;
	top:-45px;
	width:100%;
	height:45px;
	background:url(../images/thought-top-bg.png) top center no-repeat;
	background-size:cover;
}

.thought .container{
	display:block;
	position:relative;
	top:50%;
	transform:translate(0, -50%);
	-webkit-transform:translate(0, -50%);
	-moz-transform:translate(0, -50%);
	z-index:1;
}

.thought .thought-img{
	display: inline-block;
	width:35%;
	vertical-align:middle;
	padding:0 60px 30px 0;
	text-align:left;
}

.thought .thought-img img{
	float:left;
	width:100%;
}

.thought .thought-wrapper{
	display:table-cell;
	/* width:65%;
	vertical-align: middle; */
}
.slider	{
	vertical-align: middle;
    width: 60%;
    display: inline-block;
}
.slick-prev:before, .slick-next:before {
	color: #000;
}
.author{
	padding:80px 0;
	margin:80px 0 0 0;
	background:url(../images/stone.png) calc(50% + 350px) center no-repeat;
}

.author .container{
	padding:0 350px 0 0;
}

.author h3{
	margin:0 0 20px 0;
}

.author h5{
	margin:0 0 20px 0;
}

.author p{
	line-height:27px;
	margin:0 0 30px 0;
}

.author p:last-child{
	margin:0;
}

footer{
	background:#0e0e0e;
	padding:50px 0;
	position:relative;
	margin:30px 0 0 0;
	color:#fff;
	text-align:center;
}

footer:after{
	content:"";
	position:absolute;
	left:0;
	top:-30px;
	width:100%;
	height:30px;
	background:url(../images/footer-top-bg.png) top center no-repeat;
	background-size:cover;
}

footer h5{
	margin:0 0 10px 0;
}

footer a,
footer p{
	color:rgba(255,255,255,.6);
}

 footer a:hover,
footer p span{
	color:rgba(255,255,255,1);
}

footer a{
	font-size:20px;
}

footer a.mail-icon{
	background:url(../images/mail.png) left center no-repeat;
	padding:0 0 0 35px;
}

footer .copyright{
	float:left;
	width:100%;
	border-top:1px solid rgba(255,255,255,.15);
	padding:30px 0 0 0;
	margin:30px 0 0 0;
}
	
@media screen and (max-width:1100px) {
	.container{
		width:100%;
		max-width:1040px;
		padding:0 50px;
	}	
	.author .container{
		padding: 0 350px 0 50px;	
	}
	.banner, .about{
		max-height:600px;
	}
}

@media screen and (max-width:1023px) {
	header nav{
		display:none;
		background:rgba(255,255,255,.9);
		position:absolute;
		left:0;
		top:80px;
		width:100%;
		z-index:1;
		padding:20px 50px;
	}
	header nav ul,
	header nav ul li{
		float:left;
		width:100%;
		margin:0;
	}
	header nav ul li{
		padding:10px 0;
	}
	header nav a.link-btn{
		margin:10px 0;
	}
	.mobile-nav{
		display:inline-block;
	}
	h2{
		font-size:60px;
		line-height: 70px;
	}
	h3{
		font-size:40px;
		line-height:50px;
	}
	h4{
		font-size:25px;
		line-height: 35px;
	}
	.banner{
		max-height:500px;
	}
	.about{
		max-height:inherit;
		height:auto;
		padding:40px 0;
	}
	.about .container{
		top:inherit;
		transform: translate(0px, 0%);
		-webkit-transform: translate(0px, 0%);
		-moz-transform: translate(0px, 0%);
	}
	.about .container,
	.about .about-img,
	.about .about-wrapper{
		display:inline-block;
	}
	.about .about-img,
	.about .about-wrapper{
		width:100%;
		padding:0;
	}
	.about .about-img{
		text-align:center;
		margin:0 0 30px 0;
	}
	.about .about-img img{
		float:none;
		display:inline-block;
		width:100%;
		max-width:200px;
	}
	.characters{
		padding:65px 0;
	}
	.characters ul li{
		margin:0 0 40px 0;
	}
	.thought{
		margin:45px 0 0 0;
		max-height:200px;
	}
	.thought .thought-img{
		padding: 0 40px 30px 0;
	}
	.thought .thought-wrapper h5 br{
		display:none;
	}
	.author{
		margin:40px 0 0 0;
		padding:40px 0;
	}
	.author .container{
		padding-right:150px;
	}
	footer{
		padding:30px 0;
	}
}

@media screen and (max-width:767px) {
	.mobile-nav{
		right:20px;
	}
	header nav{
		padding:20px;
		top:70px;
	}
	.container, .author .container{
		padding:0 20px;
	}
	header{
		padding:20px 0 10px 0;
	}
	h1{
		margin:6px 0 0 0;
	}
	h1 img{
		width:180px;
	}
	h2{
		font-size:50px;
		line-height: 60px;
	}
	h3{
		font-size:40px;
		line-height:50px;
	}
	h4{
		font-size:25px;
		line-height: 35px;
	}
	a.link-btn{
		font-size:16px;
	}
	.banner{
		max-height:400px;
	}
	.banner ul li p{
		font-size:18px;
	}
	.about{
		padding:20px 0;
		text-align:center;
	}
	.about .about-wrapper p{
		line-height: 22px;
	}
	.characters{
		padding:45px 0 0;
		text-align:center;
	}
	.characters h3,
	.characters ul li,
	.characters ul li:nth-child(2n+2){
		margin:0 0 30px 0;
		text-align:center;
	}
	.characters p{
		line-height: 22px;
	}
	.thought{
		max-height:inherit;
		height:auto;
		padding:0px 0 40px;
		text-align:center;
	}
	.thought .container{
		top:inherit;
		transform: translate(0px, 0%);
		-webkit-transform: translate(0px, 0%);
		-moz-transform: translate(0px, 0%);
	}
	.thought .container,
	.thought .thought-img,
	.thought .thought-wrapper{
		display:inline-block;
	}
	.thought .thought-img,
	.thought .thought-wrapper{
		width:100%;
		padding:0;
	}
	.thought .thought-img{
		text-align:center;
		margin:0 0 30px 0;
	}
	.thought .thought-img img{
		float:none;
		display:inline-block;
		width:100%;
		max-width:200px;
	}
	.thought .thought-wrapper h5, .author h5{
		line-height:inherit;
	}
	.author{
		margin:0;
		padding:20px 0;
		background-position:center;
		text-align:center;
		position:relative;
	}
	.author:after{
		content:"";
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		background:rgba(255,255,255,.8);
	}
	.author .container{
		position:relative;
		z-index:1;
	}
	.author p{
		line-height:22px;
	}
	footer{
		padding:10px 0 20px;
		font-size:15px;
	}
	footer .copyright{
		margin: 15px 0 0;
    padding: 15px 0 0;
	}
	footer a{
		font-size:17px;
	}
}

@media screen and (max-width:536px) {
	.about .about-img img, .thought .thought-img img{
		max-width:160px;
	}
	.about .about-img, .thought .thought-img{
		margin:0 0 15px 0;
	}
}