/* ================================================================================== */
/* == Normalize.css v8.0.1 ========================================================== */
/* ================================================================================== */

html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

*,*:before,*:after { box-sizing: border-box; margin: 0; padding: 0; list-style: none }

/* Viewport Sizing */
@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}


/* ================================================================================== */
/* == Variables ===================================================================== */
/* ================================================================================== */

/*:root { 
	--text-darkest: #6E7B8C;
	--text-default: #8B95A3;
	--text-lightest: #9EA4AE;
	
	--color-primary1: #4990E2;
	--color-primary2: #8B95A3;
	--color-primary3: #A3A8F8;

	
	--color-border: #E6EAEE;
	
	--bg-body: #F5F7FA;
	--bg-gray: #F5F7FA;
}*/

:root { 
	--text-darkest: #4a4b4f;
	--text-default: #717586;
	--text-lightest: #BBBDCC;
	--text-sepia:   #544332;
	
	--color-primary1: #0F2B5C;
	--color-primary2: #8B95A3;
	--color-primary3: #3a4e72;
	--color-orange:   #c66a3e;
	--color-blue:     #30affd;
	--color-sepia:    #e0dcd0;
	
	--color-border: #E6EAEE;
	
	--bg-body: #F6F7FC;
	--bg-gray: #F6F7FC;
	--bg-dark: #1B2329;
	
	--font-serif: ff-tisa-web-pro, Georgia serif;
	--font-sans-serif:  skolar-sans-latin, Arial, sans-serif;
	--font-sans-serif-condensed: skolar-sans-latin-condensed, Arial, sans-serif;
	
}


/* ================================================================================== */
/* == General Styles ================================================================ */
/* ================================================================================== */
html, body {
	color: var(--text-default); 
	font-family: var(--font-serif);
	/*font-family: skolar-latin, ff-meta-serif-web-pro, ten-oldstyle, cardea, freight-text-pro, serif;*/
	/*font-family: ff-meta-serif-web-pro, mencken-std-text, mencken-std, ten-oldstyle, ff-more-web-pro, garvis-pro, cardea, alda, kepler-std, freight-text-pro, skolar-latin,serif;*/
	font-size: 19px;
	
	line-height: 1.75;
	
	font-weight: 400;
	font-style: normal;
	
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
	/*text-rendering: optimizelegibility;*/
}

@media (max-width:1000px) {
	html, body { font-size: 17px; }
}
@media (max-width:480px) {
	html, body { font-size: 15px; }
}

a { text-decoration: none; color: var(--color-primary1);
-webkit-transition: all 0.218s;
-moz-transition: all 0.218s;
-ms-transition: all 0.218s;
-o-transition: all 0.218s;
transition: all 0.218s; }
a:hover { color: var(--color-orange); }


h1, h2, h3, h4, h5 { font-weight: 800; color: var(--text-darkest); }


::-moz-selection { background: var(--color-primary1); color: #fff; }
::selection { background: var(--color-primary1); color: #fff; }


.container { max-width: 1200px; margin: 0  auto; padding: 0 4rem; position: relative; }
.container:after { content: ""; display: table; clear: both; } /* clearfix */

@media (max-width:800px) {
	.container { padding: 0 3rem; }
}
@media (max-width:480px) {
	.container { padding: 0 2rem; }
}



.stripes-box { height: 800px; width: 100%; position: relative; }
.stripes {
	grid:repeat(5,200px)/repeat(10,1fr);
	-webkit-transform-origin:0;
	transform-origin:0;
	background:-webkit-gradient(linear,left top,left bottom,from(#9092a3),color-stop(10%,#abacba),color-stop(38%,#d5d4df),color-stop(48%,#e2dfe9),color-stop(62%,#f6f9fc));
	background:linear-gradient(#9092a3,#abacba 10%,#d5d4df 38%,#e2dfe9 48%,#f6f9fc 62%);
	position: absolute;
	top:0;
	z-index: -1;
	width: 100%;
	display: grid;
	transform: skewY(-12deg);
}
.stripes :first-child { grid-column:span 3;
	background:-webkit-gradient(linear,left top,right top,from(rgba(243,251,255,.4)),color-stop(20%,rgba(243,251,255,.15)),to(rgba(243,251,255,0)));
	background:linear-gradient(100grad,rgba(243,251,255,.4),rgba(243,251,255,.15) 20%,rgba(243,251,255,0));
}
.stripes :nth-child(2) { grid-area:3/span 3/auto/-1; }
.stripes :nth-child(3) { grid-row:4; grid-column:span 5; }
.stripes :nth-child(4) { grid-area:4/span 5/auto/-1; }
.stripes :nth-child(5) { grid-area:auto/1/-1/-1; 
	background:-webkit-gradient(linear,left top,right top,color-stop(80%,#fff),to(#f5fafd));
	background:linear-gradient(100grad,#fff 80%,#f5fafd);
}

@media (min-width:670px) {
	.stripes :nth-child(2) {
		background:-webkit-gradient(linear,left top,right top,from(rgba(144, 146, 163,0)),color-stop(40%,rgba(144, 146, 163,.05)),to(rgba(144, 146, 163,.35)));
		background:linear-gradient(100grad,rgba(144, 146, 163,0),rgba(144, 146, 163,.05) 40%,rgba(144, 146, 163,.35));
	}
	.stripes :nth-child(3) {
		background:-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),to(hsla(0,0%,100%,0)));
		background:linear-gradient(100grad,#fff 50%,hsla(0,0%,100%,0));
	}
	.stripes :nth-child(4) {
		background:-webkit-gradient(linear,left top,right top,color-stop(10%,rgba(144, 146, 163,0)),to(rgba(144, 146, 163,.05)));
		background:linear-gradient(100grad,rgba(144, 146, 163,0) 10%,rgba(144, 146, 163,.05));
	}
}







/* ================================================================================== */
/* == Header ======================================================================== */
/* ================================================================================== */

#header { text-align: center; margin-bottom: 2rem; }
#header h1 { margin: 0; margin: 0.5em 0 .7em; font-size: 5rem; font-family: var(--font-sans-serif-condensed); font-weight: 800; color: var(--bg-dark); color: #fff; text-shadow: 0px 2px 4px rgba(15, 33, 62,.68); line-height: 1em; }
#header h1 a { color: #fff; }
#header h1:hover { transform: scale(1.02, 1.02); }

/*Navigation*/
#main-nav { font-family: var(--font-sans-serif); font-weight: 700; text-transform: uppercase; background: var(--color-primary1); border-radius: 8px; }
#main-nav ul { overflow: hidden; margin: 0; position: relative; }
#main-nav ul li { float: left; width: 25%; }
#main-nav ul li a { display: block; padding: 10px; color: #fff; height: 2.7em; line-height: 1.5; }

@media (max-width:800px) {
	#header h1 { font-size: 4.5em; }
}
@media (max-width:600px) {
	#main-nav ul li { width: 50%; }
	#main-nav ul:before { content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: rgba(255,255,255,0.2); }
	#main-nav ul:after  { content: ""; position: absolute; top: 0; left: calc(50% + 1px); width: 1px; height: 100%; background: rgba(255,255,255,0.2); }
	#main-nav ul li a { height: 3em; }
}
@media (max-width:480px) {
	#header h1 { font-size: 4em; }
}





/* ================================================================================== */
/* == Homepage ====================================================================== */
/* ================================================================================== */

/*Feature*/
.feature { position: relative; overflow: hidden; margin: 0 auto;  }
.feature #book { float: left; width: 320px; margin: 40px auto; }
/*.feature .book { box-shadow: -5px 5px 25px RGBA(194, 153, 154, .4), -10px 8px 25px RGBA(0,0,0, .25), 0 13px 27px -5px rgba(50,50,93,.25); position: relative; border-radius: 1px 2px 2px 2px; overflow: hidden; z-index: 9; }
.feature .book img { display: block; width: 100%; z-index: 9; position: relative; }*/

.feature .text { width: calc(100% - 320px - 12rem); position: absolute;
top: 50%; right: 4rem;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.feature .text h2 { margin: 0; line-height: 1.2; }
.feature .text p { margin: 1.2em 0 1.5em 0; }

.feature .button { display: inline-block; background: var(--color-orange); color: #fff; padding: 1rem 1.5rem; border-radius: 5px; font-weight: 600; margin-right: 1rem; }
.feature .button.download { background: var(--color-orange) url(img/icon-download.svg) no-repeat 1.5rem center; padding-left: 3.5rem; background-size: 1.5rem; }
.feature .button:hover { background-color: var(--color-primary3); }


@media (max-width:1000px) {
	#book,
	.book-back,
	.book-cover,
	.book-front,
	.book-main  { width: 220px !important; }
	.book-main,
	.book-front,
	.book-cover{ height: 330px !important; }
	.book-right{ height: 320px !important; }
	.feature .text { width: calc(100% - 220px - 3rem); -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); top: 0; right: 0; position: relative; float: right; }
	.feature .button { display: block; margin: 1rem 0 0 0; }
}
@media (max-width:700px) {
	#header { margin-bottom: 3rem; }
		#book,
	.book-back,
	.book-cover,
	.book-front,
	.book-main  { width: 280px !important; }
	.book-main,
	.book-front,
	.book-cover{ height: 420px !important; }
	.book-right{ height: 410px !important; }
	
	.feature #book { float: none; margin: 3rem 0;  }
	.feature #book .book-main { margin: 0 auto; }
	.feature .text { float: none; width: 100%; margin-top: 3rem;}
	.feature .button { }
}

@media (max-width:450px) {
	#header { margin-bottom: 3rem; }
		#book,
	.book-back,
	.book-cover,
	.book-front,
	.book-main  { width: 250px !important; }
	.book-main,
	.book-front,
	.book-cover{ height: 375px !important; }
	.book-right{ height: 365px !important; }
}

.home-spacer { background: linear-gradient(to bottom, #fff 0%, #f6f9fc 100%); height: 12rem; }


/*Social Share*/
.share-section { position: relative; padding: 6rem 0; background:linear-gradient(184deg,#263950,#3e526e 52%); }
.share-section .container { max-width: 1050px; }
.share { overflow: hidden; background: #fff; border-radius: 8px; margin-top: -14rem; position: relative;
box-shadow: 0 15px 30px rgba(0,0,0,0.05), 0 5px 15px rgba(0,0,0,0.05);
box-shadow:0 13px 27px -5px rgba(50,50,93,.25), 0 15px 25px rgba(50,50,93,.1),  0 8px 16px -8px rgba(0,0,0,.3); }
.share:after { content: "Share"; font-weight: 600; position: absolute; top: -90px; left: 0; background: var(--color-primary1); width: 400px; transform: skewY(-12deg); color: #fff; padding: 75px 50px 20px 30px; }
.share img { float: right; width: 60%;}
.share .text { width: 350px; position: absolute;
  top: 50%; left: 6rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }
.share .text h2 { margin-top: 0; line-height: 1.2; }
.share .text p { margin: 1.2em 0 1.5em 0; }

.social { overflow: hidden; margin: 0; }
.social li { float: left; margin: 0 1rem 0 0; border: 2px solid rgba(83, 140, 198, 0.07); border-radius: 50%; width: 60px; height: 60px; text-indent: -9999px; }
.social li:hover { border: 2px solid rgba(83, 140, 198, 0.27); }
.social li.facebook { background: #f6f9fc url(img/icon-facebook.svg) no-repeat center;  }
.social li.twitter { background: #f6f9fc url(img/icon-twitter.svg) no-repeat center;  }
.social li.email { background: #f6f9fc url(img/icon-email.svg) no-repeat center; }
.social li a { display: block; height: 100%; }


@media (max-width:1000px) {
	.share .text { left: 5rem; width: 300px; }
	.share-section { padding-bottom: 4rem; }
}
@media (max-width:800px) {
	.share .text { left: 3rem; width: 300px; }
	.share:after { padding: 60px 40px 10px 20px; }
	.share-section { padding-bottom: 3.5rem; }
}
@media (max-width:700px) {
	.share .text { position: static; width: 100%; padding: 3rem 3rem 0 3rem; text-align: center; top: 0; left: 0; -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%); }
	.share img { float: none; width: 100%; }
	.share .social { margin: 0 auto; width: 214px; }
	.share .social li:last-child { margin: 0; }
	.share-section { padding-bottom: 3rem; }
}
@media (max-width:400px) {
	.share .text { padding: 4rem 1.5rem 0 1.5rem; }
}



/*! 3D Book Showcase */
#book {
width: 320px;
margin: 200px auto;
position: relative;
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
-ms-transition-duration: .5s;
-o-transition-duration: .5s;
transition-duration: .5s;
-webkit-perspective: 2000px;
-moz-perspective: 2000px;
-ms-perspective: 2000px;
-o-perspective: 2000px;
perspective: 2000px;
}
.book-main {
width: 320px;
height: 480px;
color: #92684F;
position: relative;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
-ms-transition-duration: .5s;
-o-transition-duration: .5s;
transition-duration: .5s;
}
.book-front{
width:320px; height:480px;
position:absolute; top:0; bottom:0;
font-size:15px; text-align:center;
text-shadow:0 2px 0 rgba(30,35,45,1);
box-shadow:inset 3px 0 10px rgba(0,0,0,0.1);

z-index:10;
-webkit-transform-style:preserve-3d;
-moz-transform-style:preserve-3d;
-ms-transform-style:preserve-3d;
-o-transform-style:preserve-3d;
transform-style:preserve-3d;

-webkit-transform-origin:0% 50%;
-moz-transform-origin:0% 50%;
-ms-transform-origin:0% 50%;
-o-transform-origin:0% 50%;
transform-origin:0% 50%;

-webkit-transition-duration:.5s;
-moz-transition-duration:.5s;
-ms-transition-duration:.5s;
-o-transition-duration:.5s;
transition-duration:.5s;

-webkit-transform:translate3d(0,0,25px);
-moz-transform:translate3d(0,0,25px);
-ms-transform:translate3d(0,0,25px);
-o-transform:translate3d(0,0,25px);
transform:translate3d(0,0,25px);
}
.book-cover{
width:320px; height:480px;
overflow:hidden;
position:absolute; top:0; bottom:0;
background:#29303A url(img/new-wes-book3.jpg) center no-repeat;
background-size: cover;
border-radius: 2px;

-webkit-transform-style:preserve-3d;
-moz-transform-style:preserve-3d;
-ms-transform-style:preserve-3d;
-o-transform-style:preserve-3d;
transform-style:preserve-3d;

-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
-o-backface-visibility:hidden;
backface-visibility:hidden;

box-shadow: 0 40px 50px -50px rgba(0,0,0,0.3), 0 7px 20px -5px rgba(0,0,0,0.2),  0 5px 15px -5px rgba(0,0,0,.5);
}
.book-back{
width:320px;
background:#282829;
position:absolute; top:0; bottom:0;
color:white;
-webkit-transform:rotate3d(0,1,0,-180deg) translate3d(0,0,25px);
-moz-transform:rotate3d(0,1,0,-180deg) translate3d(0,0,25px);
-ms-transform:rotate3d(0,1,0,-180deg) translate3d(0,0,25px);
-o-transform:rotate3d(0,1,0,-180deg) translate3d(0,0,25px);
transform:rotate3d(0,1,0,-180deg) translate3d(0,0,25px);
z-index:8;
border-radius: 2px;
box-shadow: 0 30px 35px -20px RGBA(194, 153, 154, .4), 0 35px 40px -30px RGBA(0,0,0, .5), 0 13px 27px -5px rgba(50,50,93,.25),  0 5px 15px -5px rgba(0,0,0,.5);
}
.book-cover:after,.book-back:after{ /*  */
content:"";
width:3px;
position:absolute; top:0; left:10px; bottom:0;
background:rgba(0,0,0,0.06);
box-shadow:1px 0 3px rgba(255, 255, 255, 0.1);
}
.book-right{
width:50px; height:470px;
position:absolute; top:5px; right:-20px;
background:#EEEFE9;
box-shadow:0 1px 0 #EEEFE9,0 -1px 0 #EEEFE9;
-webkit-transform:rotate3d(0,1,0,90deg);
-moz-transform:rotate3d(0,1,0,90deg);
-ms-transform:rotate3d(0,1,0,90deg);
-o-transform:rotate3d(0,1,0,90deg);
transform:rotate3d(0,1,0,90deg);
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
-o-backface-visibility:hidden;
backface-visibility:hidden;
}
.view-cover:hover .book-main{
-webkit-transform:rotate3d(0,1,0,-25deg);
-moz-transform:rotate3d(0,1,0,-25deg);
-ms-transform:rotate3d(0,1,0,-25deg);
-o-transform:rotate3d(0,1,0,-25deg);
transform:rotate3d(0,1,0,-25deg);
}






/* ================================================================================== */
/* == Footer ======================================================================== */
/* ================================================================================== */

#footer { clear: both; padding: 2rem 0; overflow: hidden; background: #051940; color: rgba(255,255,255,0.7); box-shadow: inset 0 10px 30px RGBA(62, 82, 110, 0.1); }
#footer p { float: right; margin: 0; font-size: 0.875rem; }
#footer p.copyright { float: left; }
#footer a { color: rgba(255,255,255,0.7); }

@media (max-width:480px) {
	#footer p { font-size: 0.75em; }
}

/* ================================================================================== */
/* == Videos Page =================================================================== */
/* ================================================================================== */

.page-body { background: #fff; border-radius: 8px; padding: 3rem; margin-bottom: 2rem; }
.page-body h1 { margin-top: -0.5em; }
.page-body p { margin-bottom: 1em; }

.videos iframe { margin: 2rem auto; display: block; }



/* ================================================================================== */
/* == Downloads Page ================================================================ */
/* ================================================================================== */

.downloads-page .button { display: inline-block; background: var(--color-orange); color: #fff; padding: 1rem 1.5rem; border-radius: 5px; font-weight: 600; margin-right: 1rem; }
.downloads-page .button.download { background: var(--color-orange) url(img/icon-download.svg) no-repeat 1.5rem center; padding-left: 3.5rem; background-size: 1.5rem; }
.downloads-page .button:hover { background-color: var(--color-primary3); }



/* ================================================================================== */
/* == Contact Page ================================================================== */
/* ================================================================================== */

.contact-page {  }
.contact-page form {  }
.contact-page form label { display: block; margin-bottom: .5em; color: var(--text-darkest); font-family: var(--font-sans-serif); font-weight: 700; }
.contact-page form input,
.contact-page form textarea { width: 100%; margin-bottom: 1em; border: 1px solid var(--color-border); box-shadow: inset 0 2px 5px rgba(0,0,0,0.1); border-radius: 5px; padding: 0.7em 1em; }
.contact-page form .submit { margin-top: 1em; background: var(--color-orange); color: #fff; font-family: var(--font-sans-serif); font-weight: 700; box-shadow: 0 2px 5px rgba(0,0,0,0.3); border: none; cursor: pointer; }
.contact-page form .submit:hover { background: var(--color-primary3); }