/*====================================== reset.css is here ========================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; outline:none}
table {	border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0; display:block; }
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul { list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
button 						{ cursor:pointer;}
.clear		{clear:both; font-size:0px;line-height:0px; display:block;}
/**************************************************************************************/
a											{color:#000; text-decoration:none; outline:0 none;}
a:hover										{color:#000;  text-decoration:none;}
h1											{font-size:24px;}
h2											{font-size:22px;}
h3											{font-size:18px;}
h4											{font-size:16px;}
h5											{font-size:14px;}
h6											{font-size:12px;}
/*----------------------------------------------------------------------------------*/
html 										{ overflow-x:hidden;}
body										{ font-family: oceaniaregular; -webkit-text-size-adjust: 100%; background:#fff; font-size:12px;overflow-x:hidden; margin:0 auto;}
.flt_Lt										{ float:left; display:inline;}
.flt_Rt										{ float:right; display:inline;}
@font-face {
    font-family: 'Trajan Pro Regular';
    src: url('fonts/TrajanPro-Regular.eot');
    src: url('fonts/TrajanPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/TrajanPro-Regular.woff2') format('woff2'),
        url('fonts/TrajanPro-Regular.woff') format('woff'),
        url('fonts/TrajanPro-Regular.ttf') format('truetype'),
        url('fonts/TrajanPro-Regular.svg#TrajanPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Trajan Pro Bold';
    src: url('fonts/TrajanPro-Bold.eot');
    src: url('fonts/TrajanPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/TrajanPro-Bold.woff2') format('woff2'),
        url('fonts/TrajanPro-Bold.woff') format('woff'),
        url('fonts/TrajanPro-Bold.ttf') format('truetype'),
        url('fonts/TrajanPro-Bold.svg#TrajanPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

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

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

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

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


.wrapper 							{ width:100%; display:block; float:left;}
.container 							{ width:calc(100% - 140px); height:calc(100vh - 100px); padding:50px 70px; display:block; }
.header 							{ float:left; display:block; width:400px; }
.home .header						{ animation-delay: 5s;}
.header h1 							{ display:block; margin-bottom:12px;}
.header h1 span 					{font-size:22px; color:#b39960; line-height:36px; letter-spacing:0.75px; text-transform:uppercase; display:inline-block; font-family:Trajan Pro Bold; border-bottom:#b39960 dotted 4px;}
.header h1 span a 					{ color:#b39960}
.header ul 							{ float:left; display:block; width:100%;}
.header ul li 						{ float:left; margin-bottom:0; width:100%;}
.header ul li a 					{ font-size:16px; display:block; color:#b39960; letter-spacing:0.75px; line-height:32px; text-transform:uppercase; font-family:Trajan Pro Regular;}
.header ul li a:hover,
.header ul li.active a				{ color:#20bec6}
.home_vector 						{ float:right; height:100%; display:block; position:relative;}
.home_vector img 					{ position:absolute; right:-30px; top:-20px; z-index:99; height:calc(100% + 40px); display:block;}
.home_btm_line 						{ position:absolute; animation-delay: 5s; left:70px; bottom:50px; z-index:99;}
.home_btm_line h2					{ display:none;}
.home_btm_line.act h2 				{ display:block;font-size:38px; color:#b39960; letter-spacing:0.75px; display:block;padding-bottom:10px; font-family:Trajan Pro Regular; white-space: nowrap; overflow: hidden; width: 540px;
animation: type 2s steps(60, end);	}
.home_btm_line.act h2:nth-child(2)		{ animation: type2 4s steps(60, end);}
.home_btm_line.act h2 em				{ animation: blink 1s infinite; vertical-align:top;}
.home_btm_line span 				{ display:none;}
.home_btm_line span.fadeInUp		{ display:block; animation-delay: 5s;}
.loading_text 						{ position:absolute; left:70px; bottom:50px; z-index:99; animation-delay: 0.5s; }
.home_btm_line span 				{ width:714px;}
.home_btm_line span img 			{ width:100%; display:block;}
.loading_text.out 					{ -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft;}
.loading_text h1 					{ font-size:60px; color:#b39960; font-family:Trajan Pro Regular; display:block;}

@keyframes rotating
	{
	from
		{
		transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		}
	to
		{
		transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		}
	}
@-webkit-keyframes rotating
	{
	from
		{
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		}
	to
		{
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		}
	}
.rotating
	{
	-webkit-animation: rotating 70s linear infinite;
	-moz-animation: rotating 70s linear infinite;
	-ms-animation: rotating 70s linear infinite;
	-o-animation: rotating 70s linear infinite;
	animation: rotating 70s linear infinite;
	}
	
@keyframes rotating1
	{
		from,
  50%,
  to {
    opacity: 1;
	 
  }

  25%,
  75% {
    opacity: 0.3;
	
  }
	from
		{
		transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		}
	to
		{
		transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		}
	}
@-webkit-keyframes rotating1
	{
		from,
  50%,
  to {
    opacity: 1;
	 
  }

  25%,
  75% {
    opacity: 0.3;
	
  }
	from
		{
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		}
	to
		{
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		}
	}
.rotating1
	{
	-webkit-animation: rotating1 10s linear infinite;
	-moz-animation: rotating1 10s linear infinite;
	-ms-animation: rotating1 10s linear infinite;
	-o-animation: rotating1 10s linear infinite;
	animation: rotating1 10s linear infinite;
	}
	
	
	
@keyframes type{ 
  from { width: 0; } 
} 
@keyframes type2{
  0%{width: 0;}
  50%{width: 0;}
  100%{ width: 100; } 
} 
@keyframes blink{
  to{opacity: .0;}
}

.author_right_text 						{ display:block; float:right; height:calc(100% + 60px); margin:-30px 0 -30px 0; overflow:hidden;}
.author_right_text img 					{ height:100%; display:block;  }

.author_left_text 						{ display:block; float:left; height:calc(100% + 60px); margin:-30px 0 -30px 0; overflow:hidden; display:none;}
.author_left_text.fadeInUp 				{ display:block;}
.author_left_text img 					{ height:100%; display:block;  }

.loader 								{ position:absolute; top:50%; left:50%; margin:-50px 0 0 -50px }
#overlay 								{ width:100%; height:100%; background:#fff; display:block; position:fixed; left:0; top:0; z-index:999;}


.book 									{ border: 6px solid #b39960;width: 90px;height: 60px;position: relative;
  perspective: 150px;}
.page 									{ display: block; width: 45px; height: 60px; border: 6px solid #b39960;
  border-left: 1px solid #b39960; margin: 0; position: absolute; right: -6px; top: -6px; overflow: hidden;
background: #fff; transform-style: preserve-3d; -webkit-transform-origin: left center; transform-origin: left center;}
.book .page:nth-child(1) {
  -webkit-animation: pageTurn 1.2s cubic-bezier(0, .39, 1, .68) 1.6s infinite;
  animation: pageTurn 1.2s cubic-bezier(0, .39, 1, .68) 1.6s infinite;
}
.book .page:nth-child(2) {
  -webkit-animation: pageTurn 1.2s cubic-bezier(0, .39, 1, .68) 1.45s infinite;
  animation: pageTurn 1.2s cubic-bezier(0, .39, 1, .68) 1.45s infinite;
}
.book .page:nth-child(3) {
  -webkit-animation: pageTurn 1.2s cubic-bezier(0, .39, 1, .68) 1.2s infinite;
  animation: pageTurn 1.2s cubic-bezier(0, .39, 1, .68) 1.2s infinite;
}

@-webkit-keyframes pageTurn {
  0% {
    -webkit-transform: rotateY( 0deg);
    transform: rotateY( 0deg);
  }
  20% {
    background: #fff;
  }
  40% {
    background: rgba(179, 153, 96,0.3);
    -webkit-transform: rotateY( -180deg);
    transform: rotateY( -180deg);
  }
  100% {
    background: rgba(179, 153, 96,0.3);
    -webkit-transform: rotateY( -180deg);
    transform: rotateY( -180deg);
  }
}

@keyframes pageTurn {
  0% {
    transform: rotateY( 0deg);
  }
  20% {
    background: #fff;
  }
  40% {
    background: rgba(179, 153, 96,0.3);
    transform: rotateY( -180deg);
  }
  100% {
    background: rgba(179, 153, 96,0.3);
    transform: rotateY( -180deg);
  }
}


/* Dots */

@-webkit-keyframes Dots {
  0% {
    content: "";
  }
  33% {
    content: ".";
  }
  66% {
    content: "..";
  }
  100% {
    content: "...";
  }
}

@keyframes Dots {
  0% {
    content: "";
  }
  33% {
    content: ".";
  }
  66% {
    content: "..";
  }
  100% {
    content: "...";
  }
}

.author_vector 							{ display:block; height:calc(100% - 40px); background:url(../images/author_vector_text.png) center no-repeat; top:20px; right:200px; position:absolute; overflow:hidden;  background-size:157px auto;}
.author_vector img.vect 				{ display:block; height:100%;}
.author_vector.anim						{ -webkit-animation-duration: 5s; animation-duration: 5s;  -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.author_vector.anim.fadeOut				{ -webkit-animation-duration: 3s; animation-duration: 3s;  -webkit-animation-fill-mode: both; animation-fill-mode: both;}

.how_it_vector 							{  display:block; height:calc(100% - 40px); background:url(../images/how_it_text.png) center no-repeat;  top:20px; right:200px; position:absolute;  overflow:hidden;  background-size:246px auto; padding-left:10px}
.how_it_vector img.vect 				{ display:block; height:100%;}
.how_it_vector.anim						{ -webkit-animation-duration: 5s; animation-duration: 5s;  -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.how_it_vector.anim.fadeOut				{ -webkit-animation-duration: 3s; animation-duration: 3s;  -webkit-animation-fill-mode: both; animation-fill-mode: both;}

.the_book_vector 							{ display:block; height:100%; background:url(../images/the_book_text.png) center no-repeat;  top:0; right:150px; position:absolute;  overflow:hidden;  background-size:150px auto;}
.the_book_vector img.vect 				{ display:block; height:100%;}
.the_book_vector.anim						{ -webkit-animation-duration: 5s; animation-duration: 5s;  -webkit-animation-fill-mode: both; animation-fill-mode: both;}

.when_lost_vector 							{ display:block; height:calc(100% - 80px) ; background:url(../images/you_lost_text.png) center no-repeat;  top:20px; right:200px; position:absolute;  overflow:hidden;  background-size:240px auto; }
.when_lost_vector img.vect 				{ display:block; height:calc(100% - 40px); padding:20px;}
.when_lost_vector.anim						{ -webkit-animation-duration: 5s; animation-duration: 5s;  -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.auther_pic	 							{ display:none; float:left; margin:40px 0 0 80px;}
.auther_pic.fadeInLeft 					{ display:block;}
.auther_pic img 						{ display:block; width:224px;}

.how_it_pic	 							{ display:none; float:left; margin:30px 0 0 0;}
.how_it_pic.fadeInLeft 					{ display:block;}
.how_it_pic img 						{ display:block; width:250px;}

.the_book_pic	 						{ display:none; float:left; margin:20px 0 0 40px;}
.the_book_pic.fadeInLeft 				{ display:block;}
.the_book_pic img 						{ display:block; height:350px;}


.common_content 						{ display:none; width:420px; float:left; margin:0 0 0 50px; height:100%; overflow:auto; padding-right:20px; }
.common_content.wave_page 				{ height:calc(100% - 100px);}
.common_content::-webkit-scrollbar 		{ width:1px; border-radius:10px; display:block;}
.common_content::-webkit-scrollbar-track { background:none; border-radius:10px;}
.common_content::-webkit-scrollbar-thumb { background:rgba(171, 150, 96,0.3); border-radius:10px;}
.author_video	 						{ height:250px;}

.common_content.fadeInUp				{ display:block;}
.book_rgt.fadeInLeft				{ display:block;}
.common_content p 						{ font-size:14px; line-height:22px; color:#37bfc6; font-family:oceaniaregular; display:block; padding-bottom:20px; text-align:justify;}
.common_content p b 					{ font-weight:normal; font-family:oceaniabold;}
.bird1 									{ position:absolute; right:20px; top:0px; display:none;}
.bird1 img 								{ width:250px;}
.bird2 									{ position:absolute; left:0px; bottom:40px; display:none;}
.bird2 img 								{ width:160px;}
.bird1.fadeInLeft 						{ display:block;}
.bird2.fadeInLeft 						{ display:block;}

.bird3 									{ position:absolute; right:180px; top:90px; display:none;}
.bird3 img 								{ width:160px;}
.bird3.fadeInLeft 						{ display:block;}

.tree 									{ position:absolute; right:-10px; top:40px; display:none;}
.tree img 								{ width:300px;}
.tree.fadeInLeft 						{ display:block;}

.book_rgt 								{ position:absolute; display:none; right:20px;top:200px; width:280px;}
.book_rgt h3 							{ border-bottom:#ab9660 solid 1px;border-top:#ab9660 solid 1px; padding:2px 0; display:block; margin:0 30px;}
.book_rgt h3 span 						{ font-size:28px; display:block; font-family:Trojan Pro Bold; padding:8px 0; color:#ab9660; letter-spacing:0.75px; border-top:#ab9660 solid 1px; text-align:center; border-bottom:#ab9660 solid 1px; line-height:30px;}
.book_rgt a.buy_now 					{ margin:60px auto 0 auto; font-size:24px; color:#fff;  padding:5px 0; text-align:center; text-transform:uppercase; display:block; font-family:Trojan Pro Bold; letter-spacing:0.75px; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; background:#37c0c7; border:#ab9660 solid 3px; width:160px;}
.book_rgt a.buy_now:hover 				{ background:#ab9660; color:#fff;} 	
.book_rgt h5 							{ padding:10px 0; display:block; width:100%; text-align:center; font-family:Trojan Pro Bold; letter-spacing:0.75px; font-size:14px; line-height:24px; color:#ab9660;}
.wave 									{ position:fixed; left:0; bottom:0; width:100%; height:auto; display:none;}
.wave img 								{ width:100%; display:block;}
.wave.fadeInUp 							{ display:block;}
.author_left_text.wave_page 			{ height:calc(100% - 40px)}
.wave img 								{ width:104%;}
.header a.menu 							{ display:none;}
.menu_close 							{ display:none;} 		
.tree1 									{ display:none;}
.brothers 								{ display:none; width:280px; position:absolute; right:20px; top: 500px;}
.brothers.fadeInUp 						{ display:block;} 						
.brothers img 							{ display:block; width:100%;}
.how_pic 								{ display:none;}

@media only screen and (min-width: 1601px){
	.common_content 					{ width:900px;}
	.common_content p 					{ font-size:24px; line-height:34px; padding-bottom:30px;}
	.common_content.wave_page 			{ height:calc(100% - 170px)}
	.wave img 							{ width:103%;}
}

@media only screen and (min-width: 1921px){
	.container 						{ padding:100px; width:calc(100% - 200px); height:calc(100vh - 200px);}
	.header h1 span 				{ font-size:40px; line-height:60px; margin-bottom:15px;}
	.header ul li a 				{ font-size:30px; margin-bottom:10px; line-height:inherit}
	.header 						{ width:auto;}
	.loading_text h1 				{ font-size:100px;}
	.home_btm_line.act h2 			{ font-size:80px; width:1120px;}
	.home_btm_line 					{ left:100px; bottom:100px}
	.loading_text 					{ left:100px;bottom:100px}
	.home_btm_line span 			{ width:auto;}
	.author_vector 					{ margin:0; position:absolute; right:400px; top:100px; height:calc(100% - 200px); background-size:auto auto;}
	.how_it_vector 					{ margin:0; position:absolute; right:500px; top:100px; height:calc(100% - 200px); background-size:auto auto;}
	.the_book_vector 					{ margin:0; position:absolute; right:500px; top:100px; height:calc(100% - 200px); background-size:auto auto;}
	.when_lost_vector 					{ margin:0; position:absolute; right:500px; top:100px; height:calc(100% - 360px); background-size:auto auto; padding:80px;}
	.author_right_text 				{ margin:-30px 30px -30px 0;}
	.author_left_text 				{ float:none; position:absolute; left:770px; top:50px; height:calc(100% - 100px);}
	.common_content 				{ width:850px; height:calc(100vh - 360px); position:absolute; right:620px; top:180px; padding-right:50px;}
	.common_content p 				{ font-size:24px; line-height:36px; padding-bottom:30px;}
	.bird1 img						{ width:500px;}
	.bird2 img						{ width:260px;}
	.how_it_pic img					{ width:auto;}
	.auther_pic img 				{ width:auto;}
	.auther_pic 					{ margin:80px 0 0 80px}
	.author_video 					{ height:500px; margin:30px 0 0 0}
	.tree img 						{ width:550px;}
	.the_book_pic  					{ margin-top:50px;}
	.the_book_pic img 				{ height:700px;}
	.book_rgt 						{ top:300px; width:530px; right:50px;}
	.book_rgt h3 span 				{ font-size:44px; line-height:50px; padding:15px 0;}
	.book_rgt a.buy_now 			{ margin:50px auto 20px auto; font-size:30px; padding:15px 0; width:200px;}
	.book_rgt h5 					{ font-size:19px; line-height:30px;}
	.author_left_text.wave_page 	{ height:calc(100% - 250px);}
	.common_content.wave_page 		{ height:calc(100% - 500px);}
	.bird3 img 						{ width:330px;}
	.bird3 							{ right:300px; top:260px;}
	.bird2 							{ left:-30px; bottom:auto; top:860px;}
	.how_it_vector img.vect 		{ margin:25px; height:calc(100% - 50px);}
	.brothers 						{ width:520px; top:auto; bottom:400px;}
	.author_left_text.wave_page 	{ height:calc(100% - 260px);}
}

@media only screen and (max-width: 1300px){
	.bird1 img,
.tree img	{ width:200px;}
.book_rgt 							{ width:170px; padding:0 20px;}
.book_rgt h3 						{ margin:0;}
.book_rgt h3 span 					{ font-size:20px; line-height:24px;}
.book_rgt a.buy_now 				{ margin:20px 0 0 0; width:100%;}
.wave img 								{ width:108%;} 
}

@media only screen and (max-width: 1024px){
	.loading_text h1				{ font-size:40px;}
	.home_vector img 				{ height:calc(100% - 100px); top:90px;}
	.home_btm_line.act h2 			{ font-size:30px;}
	.home_vector img 				{ top:0;}
	.author_vector,
    .how_it_vector,
    .the_book_vector,
.when_lost_vector	{ right:140px; top:80px; height:calc(100% - 240px);}
	.container 						{ width:calc(100% - 60px); padding:30px;}
	.home_btm_line,
	.loading_text	{ left:30px; bottom:30px;}
	.the_book_pic img 				{ height:300px}

	.wave img 				{ width:106%;}
	.header h1 span 				{ font-size:18px;}
	.header ul li a 				{ font-size:14px; line-height:26px;}
	.auther_pic 					{ margin:40px 0 0 40px;}
	.header 						{ width:320px;}
	.common_content 				{ width:320px;}
	.bird1 img 			{ width:130px;}
	.tree img 						{ width:190px;}
	.bird3 							{ right:50px; top:60px;}
	.brothers 						{ width:170px; top:400px;}
	.author_right_text,
.author_left_text	{ margin:30px 0; height:calc(100% - 60px);}
.book_rgt 							{ right:0;}
.how_it_vector 						{ background-size:200px auto}
}
@media only screen and (max-width: 768px){
	.header ul 						{ position:fixed; right:-100%; top:0; width:calc(100% - 60px); background:#b39960; height:100%; display:block; z-index:1000; box-shadow:rgba(0,0,0,0.4) 0 0 10px; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s}
	.header ul.open 				{ right:0;}
	.header ul li 					{ display:block; padding:0; margin:0; border-bottom:rgba(255,255,255,0.2) solid 1px;}
	.header ul li a 				{ padding:20px 25px; margin:0; font-size:20px; color:#fff;}	
	.header ul li a:hover,
	.header ul li.active a			{ color:#fff; background:rgba(255,255,255,0.2);}
	.home_vector img 				{ height:calc(100% - 300px);}
	.header 						{ width:100%; animation:none; }
	.header h1 span 						{ font-size:26px;}
	.home_vector img 				{ top:100px; right:50px; height:calc(100% - 290px);} 
	.header a.menu 					{ background:url(../images/menu_bg.png) no-repeat; width:86px; height:84px; position:absolute; top:30px; right:40px; display:block;}
	.header a.menu b 				{ width:86px; height:82px; background:url(../images/menu_in.png) center no-repeat; display:block;}
	.loading_text h1 				{ display:none;}
	.home_btm_line	 				{ animation-delay:0s}
	.wrapper span.menu_close 					{ display:block; width:100%; height:100%; position:fixed; left:0; top:0; z-index:999; display:none;}
	.author_vector,
.how_it_vector,
.the_book_vector,
.when_lost_vector	{ height:auto; width:calc(100% - 30px); position:absolute; top:150px; margin:0; right:0; float:left; padding:0 15px}
	.author_vector img.vect,
.how_it_vector img.vect,
.the_book_vector img.vect			{ width:100%; height:auto; display:block;}
	 .when_lost_vector img.vect 	{ width:calc(100% - 40px); padding:20px; height:auto; display:block;}
	.auther_pic img 				{ width:70%;}
	.auther_pic 					{ margin:200px 0 0 120px;}
	.bird2 							{ bottom:auto; top:470px;}
	.bird1.fadeInLeft 				{ display:block; top:100px; right:0}
	.bird1 img 						{ width:250px;}
	.common_content 				{ width:100%; padding:50px 0; margin:auto; height:auto;}
	body							{ overflow:inherit;}
	.how_it_pic.fadeInLeft 			{ display:none;}
	.tree.fadeInLeft 				{ display:none; }
	.tree1.fadeInLeft 				{ display:block; position:relative; width:50%; margin:60px -40px 0 0; float:right}
	.tree1.fadeInLeft img			{ width:100%;}
	.book_rgt.fadeInLeft 			{ left:auto; right:30px; bottom:auto; width:400px; top:120px;}
	.book_rgt a.buy_now 			{ width:150px; margin:15px auto 0 auto;}
	.common_content.wave_page 		{ height:auto; padding-bottom:100px;}
	.wave img 						{ width:130%; margin:0 0 -15px -30%;}
	.home_btm_line.act h2			{ width:100%;}
	.bird3.fadeInLeft 			{ display:block; right:150px; top:251px;}
	.brothers.fadeInUp 					{ display:block; top:250px; width:430px; left:20px; right:auto;}
	.how_pic 						{ display:block; padding-bottom:20px;}
	.how_pic img 						{ display:block; width:80%; margin:0 auto;}
	.author_left_text.fadeInUp,
.author_right_text	{ display:none;}
	
	.wave img 							{ width:118%;}
}
	
@media only screen and (max-width: 500px){
	.container 							{ padding:30px; width:calc(100% - 60px); height:calc(100% - 60px);}
	.header h1 span 					{ font-size:18px; border-bottom:none; background:url(../images/dotted.png) left bottom no-repeat; padding-bottom:3px;}
	.home_btm_line 						{ left:30px; bottom:30px; width:calc(100% - 60px);}
	.home_btm_line.act h2 				{ font-size:18px; line-height:28px;}
	.home_btm_line span					{ width:100%;}
	.home_btm_line span img 			{ width:100%;}
	.home_vector 						{ float:none; position:absolute; right:30px; bottom:180px; height:auto; z-index:0;}
	.home_vector img 					{ height: auto;width: 260px; position:static; right:0; top:0; }
	.loading_text 						{ bottom:30px; left:30px;}
	.loading_text h1 					{ font-size:30px;}
	.header a.menu 						{ width:60px; height:60px; background-size:100% auto; top:20px; right:20px; z-index:99;}
	.header a.menu b 					{ width:60px; height:56px; background-size:20px auto;}
	.header ul 							{ width:calc(100% - 50px)}
	.header ul li a 					{ font-size:16px; padding:15px;}
	.bird1.fadeInLeft 					{ top:80px;}
	.bird1 img 							{ width:150px; right:0}
	.auther_pic 						{ margin:80px 0 0 60px;}
	.auther_pic img						{ width:60%;}
	.bird2 								{ top:300px;}
	.bird2 img 							{ width:110px;}
	.common_content 					{ padding:15px 0;}
	.author_vector 						{ background-size:100px auto;}
	.tree1.fadeInLeft 					{ margin:20px -40px 0 0;}
	.how_it_vector,
.when_lost_vector	{ background-size:150px auto;}
	.book_rgt.fadeInLeft 				{ width:calc(100% - 250px); top:120px;}
	.the_book_pic 						{ margin:0;}
	.the_book_pic img 					{ height:260px;}
	.book_rgt h5 						{ font-size:10px; line-height:18px;}
	.bird3.fadeInLeft 					{ right:80px; top:161px;}
	.bird3.fadeInLeft img 				{ width:110px;}
	.brothers.fadeInUp 					{ top:160px; width:270px;}
	.home_btm_line.act h2 				{ animation:type 3s steps(60, end);}
	.home_btm_line.act h2:nth-child(2) 	{ animation:type2 6s steps(60, end)}
	.how_it_vector img.vect 			{ padding:20px; width:calc(100% - 40px);}
}
@media only screen and (max-width: 400px){
	.home_btm_line.act h2 				{ padding:0;}
	.home_btm_line span 				{ margin:5px 0 0 0}
	.loading_text h1 					{ font-size:20px;}
	.home_vector 						{ bottom:120px; right:50px;}
	.home_vector img 					{ width:200px;}
	.header h1 span 					{ font-size:14px; line-height:24px; padding-right:5px; }
	.header a.menu 						{ width:50px; height:50px;}
	.header a.menu b 					{ width: 50px; height: 46px;background-size: 16px auto;}
	.container 							{ padding:15px; width:calc(100% - 30px);}
	.home_btm_line 						{ left:15px; bottom:15px; width:calc(100% - 30px)}
	.header ul li a 					{ font-size:13px; padding:10px 15px; display:block; line-height:24px;}
	.bird1 img 							{ width:100px;}
	.auther_pic 						{ margin:40px 0 0 50px}
	.bird2 								{ top:220px;}
	.bird2 img 							{ width:70px;}
	.author_vector,
 	.the_book_vector					{ top:100px;  background-size:80px auto;}
	.when_lost_vector					{ top:100px;  background-size:140px auto;}
	.common_content p 					{ font-size:13px; line-height:20px; padding-bottom:15px;}
	.tree1.fadeInLeft 					{ margin:20px -20px 0 0; width:50%;}
	.how_it_vector 						{ background-size:140px auto; top:100px;}
	.book_rgt.fadeInLeft 				{ width: 170px;top: 90px; right: 10px; padding:0 10px; }
	.book_rgt h3 						{ padding:1px 0;}
	.book_rgt h3 span 					{ font-size:16px; line-height:20px;}
	.book_rgt a.buy_now 				{ width:100px; font-size:16px;}
	.book_rgt h5 						{ font-size:7px; line-height:12px;}
	.bird3.fadeInLeft 					{ right:60px; top:130px;}
	.bird3 img 							{ width:70px;}
	.wave img 							{ width:150%; margin:0 0 -15px -50%}
	.brothers.fadeInUp 					{ top:0; left:0; float:left; position:relative; width:100%;}
	.how_it_vector img.vect 			{ padding:20px; width:calc(100% - 40px);}
}
@media only screen and (max-width: 330px){
	 .bird1 img 						{ width:100px;}
	
}