/* 
	Table of Contents

	     01. Fix BG -----------------------------------
	I.   Generic --------------------------------------
	     01. Reset ------------------------------------
	     02. Base -------------------------------------
	     03. Fonts ------------------------------------
	     04. Helpers ----------------------------------
	         Clear ------------------------------------
	         Notext -----------------------------------
	         Hidden -----------------------------------
	         Alignleft --------------------------------
	         Alignright -------------------------------
	         Disabled ---------------------------------
	         Grid -------------------------------------
	         Responsive Helpers -----------------------
	II.  Regions --------------------------------------
	     01. Footer -----------------------------------
	     02. Header -----------------------------------
	     03. Shell ------------------------------------
	     04. Wrapper ----------------------------------
	III. Modules --------------------------------------
	     01. Article ----------------------------------
	     02. Book -------------------------------------
	         Modifier: Book Primary -------------------
	         Modifier: Book Secondary -----------------
	         Modifier: Book Teritary ------------------
	         Modifier: Book Quaternary ----------------
	         Modifier: Book Quinary -------------------
	     03. Button -----------------------------------
	         Button Block -----------------------------
	     04. Copyright --------------------------------
	     05. Credits ----------------------------------
	     06. Feature ----------------------------------
	         Modifier: Feature Pink -------------------
	         Modifier: Feature Green ------------------
	         Modifier: Feature Purple -----------------
	     07. Form Elements ----------------------------
	     08. Intro ------------------------------------
	         Modifier: Intro Secondary ----------------
	         Modifier: Intro Teritary -----------------
	         Modifier: Intro Quaternary ---------------
	     09. List -------------------------------------
	     10. List Links -------------------------------
	     11. Logo -------------------------------------
	     12. Nav --------------------------------------
	     13. Product ----------------------------------
	     14. Section Books ----------------------------
	         Modifier: Section Books Secondary --------
	         Modifier: Section Books Teritary ---------
	         Modifier: Section Books Quaternary -------
	     15. Section Features -------------------------
	     16. Section Products -------------------------
	     17. Slider -----------------------------------
 */

/* ------------------------------------------------------------ *\
	Fix BG
\* ------------------------------------------------------------ */

.fix-bg { background-size: cover; background-position: center center; }

.fix-bg .background { display: none; }

.cols:after,
.footer .footer-content .shell:after,
.footer .nav:after,
.article .shell:after,
.books:after,
.features:after,
.nav ul:after,
.product:after { content: ''; line-height: 0; display: table; clear: both; }

/* ------------------------------------------------------------ *\
	I.   Generic
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */

*,
*:before,
*:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }

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

html { tap-highlight-color: rgba(0,0,0,0); }

body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }

img,
iframe,
video,
audio,
object { max-width: 100%; }

img,
iframe { border: 0 none; }

img { height: auto; display: inline-block; vertical-align: middle; }

b,
strong { font-weight: bold; }

address { font-style: normal; }

svg:not(:root) { overflow: hidden; }

a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] { cursor: pointer; }

a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] { cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

textarea { overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }

button,
input,
optgroup,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }

button,
select { text-transform: none; }

table { width: 100%; border-collapse: collapse; border-spacing: 0; }

nav ul,
nav ol { list-style: none outside none; }

/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

body { min-width: 1024px; background: #fff; font-family: 'Georgia', serif; font-size: 17px; line-height: 1.53; color: #000; }

body,
html { height: 100%; }

a { color: inherit; text-decoration: underline; }

a:hover { text-decoration: none; }

a[href^="tel"] { text-decoration: none; }

h1 { font-family: 'Lithos Pro', sans-serif; font-size: 34px; line-height: 1.18; color: #053bbb; text-shadow: 0px 5px 6px rgba(68, 54, 2, 0.36); }

h2 { font-family: 'Lithos Pro', sans-serif; font-size: 34px; color: #fff; text-shadow: 0px 5px 6px rgba(68, 54, 2, 0.36); }

h3 { font-family: 'Lithos Pro', sans-serif; font-size: 30px; line-height: 1.17; letter-spacing: 0; color: #053bbb; text-shadow: 0px 5px 6px rgba(68, 54, 2, 0.36); }

h4 { font-family: 'Lithos Pro', sans-serif; font-size: 24px; letter-spacing: -0.03em; color: #dd9532; }

h5 { font-family: 'Minion Std', sans-serif; font-size: 15px; font-weight: 900; letter-spacing: 0.05em; color: #fed42b; text-transform: uppercase; }

h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 0.765em; }

p,
ul,
ol,
dl,
table,
blockquote { margin-bottom: 1.53em; }

h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child { margin-bottom: 0; }

/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */

@font-face {
	font-family: 'Lithos Pro';
	src: url('fonts/LithosPro-Black.eot');
	src: url('fonts/LithosPro-Black.eot?#iefix') format('embedded-opentype'),
		 url('fonts/LithosPro-Black.woff') format('woff'),
		 url('fonts/LithosPro-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

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

@font-face {
	font-family: 'Minion Std';
	src: url('fonts/MinionStd-Black.eot');
	src: url('fonts/MinionStd-Black.eot?#iefix') format('embedded-opentype'),
		 url('fonts/MinionStd-Black.woff') format('woff'),
		 url('fonts/MinionStd-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

/*  Clear  */

.clear:after { content: ''; line-height: 0; display: table; clear: both; }

/*  Notext  */

.notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; }

.notext-old { font-size: 0; line-height: 0; text-indent: -4000px; }

/*  Hidden  */

[hidden],
.hidden { display: none; }

/*  Alignleft  */

.alignleft { float: left; }

/*  Alignright  */

.alignright { float: right; }

/*  Disabled  */

[disabled],
.disabled { cursor: default; }

/*  Grid  */

.cols { margin: 0 -35px; }

.cols:after { }

.col { float: left; width: 100%; padding: 0 35px; }

.col-1of2 { width: 50%; }

/*  Responsive Helpers  */

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block { display: none !important; }

@media (max-width: 767px) {
	.hidden-xs { display: none !important; }
	.visible-xs-block { display: block !important; }
	.visible-xs-inline { display: inline !important; }
	.visible-xs-inline-block { display: inline-block !important; }
}

@media (min-width: 768px) and (max-width: 1023px) {
	.hidden-sm { display: none !important; }
	.visible-sm-block { display: block !important; }
	.visible-sm-inline { display: inline !important; }
	.visible-sm-inline-block { display: inline-block !important; }
}

@media (min-width: 1024px) and (max-width: 1200px) {
	.hidden-md { display: none !important; }
	.visible-md-block { display: block !important; }
	.visible-md-inline { display: inline !important; }
	.visible-md-inline-block { display: inline-block !important; }
}

@media (min-width: 1201px) {
	.hidden-lg { display: none !important; }
	.visible-lg-block { display: block !important; }
	.visible-lg-inline { display: inline !important; }
	.visible-lg-inline-block { display: inline-block !important; }
}

/* ------------------------------------------------------------ *\
	II.  Regions
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.footer { position: absolute; width: 100%; bottom: 0; left: 0; z-index: 3; }

.footer .footer-logo { position: absolute; display: inline-block; width: 248px; height: 170px; top: 50%; left: 50%; margin: -85px 0 0 -124px; vertical-align: middle; background: url(../css/images/footer-logo.png) no-repeat 0 0; z-index: 5; font-size: 0; line-height: 0; text-indent: -4004px; }

.footer .copyright { float: left; margin: 0; }

.footer .credits { float: right; margin: 0; }

.footer .footer-content { padding: 65px 0; box-shadow: inset 0px 1px 73px 0px rgba(75, 70, 36, 0.66); background: url(../css/images/section-bg-pattern.png) repeat 0 0; }

.footer .footer-content .shell:after { }

.footer .nav ul { float: left; margin: 0; }

.footer .nav ul + ul { float: right; }

.footer .nav:after { }

.footer .footer-bar { position: relative; padding: 21px 0 17px; box-shadow: 0px 13px 18px 0px rgba(31, 37, 51, 0.31); border-top: 2px solid #fff; border-bottom: 2px solid #fff; background: #e6001c; }

.footer .footer-bar:before { top: 3px; }

.footer .footer-bar:after { bottom: 3px; }

.footer .footer-bar .shell:after { content: ''; position: absolute; width: 1427px; height: 61px; top: -50px; left: 50%; margin-left: -713.5px; opacity: .4; background: url(../css/images/header-glow.png) no-repeat 0 0; }

.footer .footer-bar .nav,
.footer .footer-bar .shell { position: relative; z-index: 2; }

.footer .footer-bar:before,
.footer .footer-bar:after { content: ''; position: absolute; width: 100%; height: 1px; left: 0; background: rgba(255, 255, 255, .4); }

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header { position: relative; padding: 20px 0 19px; box-shadow: 0px 1px 51px 0px rgba(89, 85, 58, 0.35); border-top: 2px solid #fff; border-bottom: 2px solid #fff; background: #e6001c; z-index: 10; }

.header:before { top: 3px; }

.header:after { bottom: 3px; }

.header .logo { position: absolute; left: 10px; top: -90px; z-index: 2; }

.header .nav { position: relative; z-index: 1; }

.header .shell { position: relative; }

.header .shell:after { content: ''; position: absolute; width: 1427px; height: 61px; top: -50px; left: 50%; margin-left: -713.5px; opacity: .4; background: url(../css/images/header-glow.png) no-repeat 0 0; }

.header:before,
.header:after { content: ''; position: absolute; width: 100%; height: 1px; left: 0; background: rgba(255, 255, 255, .4); }

/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */

.shell { max-width: 1021px; padding-left: 10px; padding-right: 10px; margin: auto; }

.shell-fluid { max-width: none; }

/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */

.wrapper { position: relative; min-height: 100%; padding-top: 99px; padding: 99px 0 215px; overflow: hidden; background: url(../css/images/wrapper-bg.jpg) no-repeat center center; background-size: cover; }

/* ------------------------------------------------------------ *\
	III. Modules
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Article
\* ------------------------------------------------------------ */

.article { padding: 105px 0 175px; }

.article h3 { font-size: 32px; margin-bottom: 25px; }

.article p { margin-bottom: 12px; }

.article p:last-child { margin-bottom: 0; }

.article .article-content { float: right; width: 560px; max-height: 50000px; padding-top: 9px; }

.article .article-image { position: relative; float: left; border: 2px solid #e6001c; box-shadow: 0px 8px 13px 0px rgba(0, 0, 0, 0.24); }

.article .article-image:after { content: ''; position: absolute; top: 3px; right: 3px; bottom: 3px; left: 3px; border: 1px solid rgba(179, 171, 167, .75); }

.article .shell { padding: 0 50px 0 58px; }

.article .shell:after { }

/* ------------------------------------------------------------ *\
	Book
\* ------------------------------------------------------------ */

.books { position: relative; margin: 0 0 0 -50px; z-index: 2; list-style-type: none; }

.books:after { }

.books .book { position: relative; float: right; text-align: center; }

.books .book + .book:after { content: ''; position: absolute; width: 13px; height: 120px; background: url(../css/images/book-separator.png) no-repeat 0 0; }

.book { font-size: 18px; text-shadow: 0px 4px 5px rgba(0, 0, 0, 0.35); }

.book img { position: relative; top: -12px; left: 9px; }

.book h4 { margin-bottom: -2px; }

.book h5 { margin-bottom: 0; }

.book p { margin: 0; font-family: 'Minion Std', sans-serif; font-weight: 900; letter-spacing: 0.05em; color: #fff; text-transform: uppercase; }

.book a { position: relative; display: block; width: 250px; height: 250px; z-index: 0; background-size: 100% 100%; transition: .5s; }

.book a:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); z-index: 2; }

.book .book-content { position: relative; left: 36px; padding-top: 22px; }

/*  Modifier: Book Primary  */

.book-primary { margin: 35px -92px 0 0; }

.book-primary:after { right: -6px; bottom: -2px; }

.book-primary img { top: -16px; left: 4px; }

.book-primary h4 { color: #60c4fe; margin-bottom: 0; }

.book-primary .book-content { left: 38px; padding-top: 24px; }

/*  Modifier: Book Secondary  */

.book-secondary { margin: 51px -89px 0 0; }

.book-secondary:after { right: 6px; bottom: 10px; }

.book-secondary img { top: -13px; left: 2px; }

.book-secondary h4 { color: #ffc20c; }

.book-secondary h5 { margin-bottom: 4px; }

.book-secondary .book-content { padding-top: 0; margin-top: -05px; left: 18px; }

/*  Modifier: Book Teritary  */

.book-teritary { margin: 51px -91px 0 0; }

.book-teritary:after { right: 38px; bottom: -13px; }

.book-teritary img { top: -12px; left: -10px; }

.book-teritary h4 { color: #a9e232; }

.book-teritary .book-content { padding-top: 11px; left: -10px; }

/*  Modifier: Book Quaternary  */

.book-quaternary { margin: 35px -93px 0 -20px; }

.book-quaternary:after { right: 63px; bottom: -31px; }

.book-quaternary img { top: -15px; left: -11px; }

.book-quaternary h4 { color: #fb2839; }

.book-quaternary p { margin-bottom: -5px; }

.book-quaternary .book-content { padding-top: 32px; left: -33px; }

/*  Modifier: Book Quinary  */

.book-quinary { top: 2px; left: 5px;  margin-right: -64px; }

.book-quinary:after { bottom: -4px; right: 77px; }

.book-quinary img { top: -24px; left: -13px; }

.book-quinary h4 { color: #f4999d; }

.book-quinary h5 { margin-bottom: 5px; }

.book-quinary p { margin-bottom: -9px; }

.book-quinary .book-content { left: -36px; padding-top: 42px; }

/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */

.btn { position: relative; display: inline-block; height: 52px; padding: 0 34px; border: 2px solid #fff; border-radius: 52px; overflow: hidden; box-shadow: 0px 10px 10px 0px rgba(158, 128, 1, 0.35); font-family: 'Lithos Pro', sans-serif; font-size: 17px; font-weight: 700; line-height: 52px; color: #fff; text-shadow: 0px 5px 6px rgba(68, 54, 2, 0.36); text-decoration: none; text-transform: uppercase; background: #e6001c; vertical-align: middle; text-align: center; cursor: pointer; transition: .5s; z-index: 8; 
	-webkit-appearance: none;
	   -moz-appearance: none;
	 		appearance: none;
}

.btn:after { content: ''; position: absolute; width: 451px; height: 27px; top: 0; left: 50%; margin-left: -225px; opacity: .5; background: url(../css/images/btn-shade.png) no-repeat 0 0; }

.btn:hover { background: #053bbb; }

.btn span { position: relative; display: inline-block; vertical-align: middle; z-index: 2; }

/*  Button Block  */

.btn-block { display: block; padding-left: 0; padding-right: 0; }

/* ------------------------------------------------------------ *\
	Copyright
\* ------------------------------------------------------------ */

.copyright { font-size: 14px; color: #3c90f9; }

/* ------------------------------------------------------------ *\
	Credits
\* ------------------------------------------------------------ */

.credits { font-size: 14px; color: #3c90f9; }

/* ------------------------------------------------------------ *\
	Feature
\* ------------------------------------------------------------ */

.features { list-style-type: none; }

.features:after { }

.features .feature { float: left; }

.feature { position: relative; z-index: 5; }

.feature:after { content: ''; position: absolute; width: 206px; height: 206px; top: 25px; left: 65px; background: url(../css/images/feature-1.png) no-repeat 0 0; }

.feature img { position: relative; top: -5px; z-index: 2; }

/*  Modifier: Feature Pink  */

.feature-pink { right: 14px; margin: 96px 20px 0 -82px; z-index: 2; }

.feature-pink:after { width: 333px; height: 332px; top: -34px; left: -31px; background: url(../css/images/feature-2.png) no-repeat 0 0; }

.feature-pink img { top: -18px; left: 9px; }

.feature-pink .feature-image { position: relative; }

.feature-pink .feature-image:after { content: ''; position: absolute; width: 258px; height: 258px; top: -4px; left: 0; background: url(../css/images/feature2_2.png) no-repeat 0 0; z-index: 1; }

/*  Modifier: Feature Green  */

.feature-green { margin: 67px 9px 0 0; }

.feature-green:after { width: 304px; height: 304px; top: -32px; left: -25px; background: url(../css/images/feature-3-bg.png) no-repeat 0 0; }

.feature-green img { border-radius: 50%; }

/*  Modifier: Feature Purple  */

.feature-purple { margin-top: 154px; z-index: auto; }

.feature-purple:after { width: 186px; height: 186px; top: 5px; left: -25px; background: url(../css/images/feature-4.png) no-repeat 0 0; }

.feature-purple img { top: 0; left: -5px; z-index: 6; }

/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */

input::-webkit-input-placeholder { color: inherit; opacity: 1; }

input::-moz-placeholder { color: inherit; opacity: 1; }

input:-ms-input-placeholder { color: inherit; opacity: 1; }

input::placeholder { color: inherit; opacity: 1; }

textarea::-webkit-input-placeholder { color: inherit; opacity: 1; }

textarea::-moz-placeholder { color: inherit; opacity: 1; }

textarea:-ms-input-placeholder { color: inherit; opacity: 1; }

textarea::placeholder { color: inherit; opacity: 1; }

input:-webkit-autofill { -webkit-text-fill-color: inherit; -webkit-box-shadow: 0 0 0 1000px #fff inset; }

.field {}

.textarea {}

.select {}

.radio {}

.checkbox {}

/* ------------------------------------------------------------ *\
	Intro
\* ------------------------------------------------------------ */

.intro { padding: 106px 0 212px; max-height: 50000px; text-align: center; }

.intro:after { content: ''; position: absolute; width: 2000px; height: 1500px; top: 0; left: 50%; margin-left: -1000px; background: url(../css/images/intro-glow.png) no-repeat 0 0; }

.intro h1 { position: relative; margin-bottom: 4px; }

.intro h1:before { content: ''; position: absolute; width: 1083px; height: 225px; top: -72px; left: 50%; margin-left: -541px; opacity: .8; background: url(../css/images/intro-title-glow-2.png) no-repeat 0 0; }

.intro h1:after { content: ''; position: absolute; width: 1443px; height: 64px; top: -3px; left: 50%; margin-left: -721px; opacity: .9; background: url(../css/images/intro-title-glow.png) no-repeat 0 0; }

.intro h1 span { position: relative; z-index: 2; }

.intro p { margin-bottom: 55px; }

.intro .shell { position: relative; z-index: 2; }

/*  Modifier: Intro Secondary  */

.intro-secondary { padding: 0; }

.intro-secondary:after { display: none; }

.intro-secondary .shell { position: relative; }

.intro-secondary .shell:after { content: ''; position: absolute; width: 1500px; height: 100%; top: 0; left: 50%; margin-left: -750px; background: url(../css/images/overlay.png) no-repeat 0 0; background-size: 100% 100%; }

/*  Modifier: Intro Teritary  */

.intro-teritary .shell { max-width: 1570px; }

.intro-quaternary .shell:before,
.intro-teritary .shell:before { content: ''; position: absolute; width: 162px; height: 100%; top: 0; right: -80px; margin: 0; background: url(../css/images/intro-mask-right.png) no-repeat 0 0; background-size: cover; }

.intro-quaternary .shell:after,
.intro-teritary .shell:after { content: ''; position: absolute; width: 162px; height: 100%; top: 0; left: -80px; margin: 0; background: url(../css/images/intro-mask-left.png) no-repeat 0 0; background-size: cover; }

/*  Modifier: Intro Quaternary  */

.intro-quaternary { position: relative; overflow: hidden; }

.intro-quaternary:after { display: none; }

.intro-quaternary img { position: relative; min-width: 1729px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.intro-quaternary .shell { max-width: 1729px; overflow: hidden; }

/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */

[class^="list-"] { list-style: none outside none; }

/* ------------------------------------------------------------ *\
	List Links
\* ------------------------------------------------------------ */

.list-links { position: relative; height: 52px; padding: 0 61px; box-shadow: 0px 10px 10px 0px rgba(158, 128, 1, 0.35); border: 2px solid #fff; border-radius: 52px; overflow: hidden; font-family: 'Lithos Pro', sans-serif; line-height: 48px; font-weight: 700; color: #fff; text-shadow: 0px 5px 6px rgba(68, 54, 2, 0.36); background: #053bbb; }

.list-links:after { content: ''; position: absolute; width: 519px; height: 27px; top: 0; left: 0; opacity: .25; background: url(../css/images/list-links-glow.png) no-repeat 0 0; }

.list-links li { position: relative; display: inline-block;vertical-align: middle; z-index: 2; }

.list-links li + li { margin-left: 75px; }

.list-links li + li:after { content: ''; position: absolute; width: 11px; height: 31px; top: 9px; left: -46px; background: url(../css/images/list-links-separator.png) no-repeat 0 0; }

.list-links a { text-decoration: none; transition: .5s; }

.list-links a:hover { color: #fff300; }

/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */

.logo { display: inline-block; width: 292px; height: 200px; vertical-align: middle; background: url(../css/images/logo.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4004px; }

/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */

.nav { font-family: 'Lithos Pro', sans-serif; font-size: 15px; font-weight: 700; color: #fff; text-align: right; text-transform: uppercase; }

.nav ul { display: inline-block; vertical-align: top; }

.nav ul:after { }

.nav li { position: relative; float: left; }

.nav li + li { margin-left: 34px; }

.nav li + li:after { content: ''; position: absolute; width: 11px; height: 31px; top: -4px; left: -20px; background: url(../css/images/nav-separator.png) no-repeat 0 0; }

.nav a { text-decoration: none; transition: .5s; }

.nav a:hover { color: #fff300; }

/* ------------------------------------------------------------ *\
	Product
\* ------------------------------------------------------------ */

.products { list-style-type: none; }

.products .product + .product { margin-top: 38px; }

.product:after { }

.product h3 { font-size: 32px; margin-bottom: 14px; }

.product a { text-decoration: none; }

.product a:hover { text-decoration: underline; }

.product .product-content { float: right; width: 593px; max-height: 50000px; padding-top: 7px; }

.product .product-image { float: left; margin: -10px 0 0 -24px; }

.product .product-image a { display: block; transition: .5s; }

.product .product-image a:hover { opacity: .7; text-decoration: none; }

/* ------------------------------------------------------------ *\
	Section Books
\* ------------------------------------------------------------ */

.section-books { position: relative; padding-top: 12px; box-shadow: 0px 1px 73px 0px rgba(75, 60, 36, 0.66); border-top: 2px solid #fff; border-bottom: 2px solid #fff; background: url(../css/images/section-bg-pattern.png) repeat 0 0; z-index: 6; }

.section-books:before { content: ''; position: absolute; width: 1000px; height: 253px; top: 0; left: 50%; margin-left: -500px; opacity: .3; background: url(../css/images/section-glow.png) no-repeat 0 0; }

.section-books:after { content: ''; position: absolute; width: 1443px; height: 64px; top: 86px; left: 50%; margin-left: -721px; opacity: .1; background: url(../css/images/section-line.png) no-repeat 0 0; }

.section-books .books { position: relative; display: inline-block; left: 28px; margin: -220px 0 -3px -50px; }

.section-books .section-actions { position: relative; top: 2px; padding-top: 20px; margin-bottom: -25px; text-align: center; }

.section-books .shell:before { bottom: 3px; }

.section-books .shell:after { top: 3px; }

.section-books .shell:after,
.section-books .shell:before { content: ''; position: absolute; width: 100%; height: 1px; left: 0; opacity: .75; background: #0a76ff; }

/*  Modifier: Section Books Secondary  */

.section-books-secondary { padding: 32px 0 39px; color: #fff; text-align: center; }

.section-books-secondary:before { height: 100%; }

.section-books-secondary:after { top: -4px; }

.section-books-secondary h2 { margin-bottom: 4px; }

.section-books-secondary .shell > * { position: relative; z-index: 5; }

/*  Modifier: Section Books Teritary  */

.section-books-teritary { padding: 44px 0 33px; border-top: 0; }

.section-books-teritary:after { top: 11px; }

.section-books-teritary h2 { font-size: 37px; }

/*  Modifier: Section Books Quaternary  */

.section-books-secondary { padding: 26px 0 19px; }

/* ------------------------------------------------------------ *\
	Section Features
\* ------------------------------------------------------------ */

.section-features { text-align: center; }

.section-features h3 { margin-bottom: 14px; }

.section-features .cols { padding-bottom: 34px; margin-top: -10px; }

.section-features .features { position: relative; display: inline-block; left: -22px; vertical-align: top; }

.section-features .section-entry { position: relative; padding-top: 53px; text-align: right; z-index: 4; }

.section-features .section-entry-secondary { padding-top: 0; text-align: left; }

.section-features .list-links { display: inline-block; vertical-align: middle; z-index: 4; }

.section-features .shell { padding: 126px 0 132px; z-index: 2; }

.section-features .shell:after { content: ''; position: absolute; width: 766px; height: 308px; bottom: 215px; left: 50%; margin-left: -383px; opacity: .4; background: url(../css/images/section-glow-2.png) no-repeat 0 0; }

/* ------------------------------------------------------------ *\
	Section Products
\* ------------------------------------------------------------ */

.section-products { padding: 117px 0 250px; }

.section-products:before { content: ''; position: absolute; width: 2000px; height: 1500px; top: 0; left: 50%; margin-left: -1000px; opacity: .6; background: url(../css/images/section-glow-3.png) no-repeat 0 0; }

.section-products .shell { position: relative; padding: 0 114px 0 77px; z-index: 3; }

/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */

.slider {}

.slider .slides { list-style: none outside none; }