@charset "utf-8";
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, img, q, strong, dl, dt, dd, ol, ul, li, fieldset, form, input, select, textarea, label, legend, table
{padding: 0; margin: 0; border: 0; list-style-type: none; line-height:100%; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}

body, html {height: 100%;}
body {font: 18px  Tahoma, Helvetica, Geneva, sans-serif; color: #9f1717; background: #fff; -webkit-text-size-adjust: none;}
a {color: #9f1717; text-decoration: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
a:hover {color: #179f76;}
input, select, textarea, button {font:18px Tahoma, Helvetica, Geneva, sans-serif; color:#9f1717; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; -webkit-border-radius: 0; border-radius: 0; -webkit-appearance:none;}
input[type="submit"], input[type="reset"], button, label {cursor:pointer; padding:0; border:0;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button;}
textarea {overflow:auto;}
table {border-collapse: separate; border-spacing: 0;}
a:active {outline: 0;} *:focus {outline: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
header, section, nav, hgroup, footer, article { display: block; }
strong {font-weight:bold;}
b {font-weight:bold;}
em, i {font-style: italic;}
p {line-height:140%;}
.left {float:left !important;}
.right {float:right !important;}
.hidden {display:none}
.center {text-align:center !important;}
.tleft {text-align:left !important;}
.tright {text-align:right !important;}
.margin0 {margin:0 !important;}
.padding0 {padding:0 !important;}
.border0 {border:0 !important;}
.padding-bottom0 {padding-bottom:0 !important;}
.padding-top0 {padding-top:0 !important;}
.clear {clear:both;}
img {max-width:100%; height:auto; vertical-align:middle;}
.uppercase {text-transform:uppercase}
.no-case {text-transform:none !important;}
.relative {position:relative;}
.overflow-hidden {overflow:hidden;}
.rounded {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
div.rounded {overflow: hidden;}
button::-moz-focus-inner {padding:0; border:0}
:required {-webkit-box-shadow: none; box-shadow: none;}

::-moz-selection {background:#9f1717; color:#fff;}
::selection {background:#9f1717; color:#fff;}

*::-webkit-input-placeholder { color: rgba(159, 23, 23, 0.5); }
*::-moz-placeholder { color: rgba(159, 23, 23, 0.5); opacity:1; }
*:-ms-input-placeholder { color: rgba(159, 23, 23, 0.5); }
*:-moz-placeholder { color: rgba(159, 23, 23, 0.5); }
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { color: transparent !important; }
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { color: transparent !important; }
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color: transparent !important; }
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { color: transparent !important; }

.wrapper {width: 1024px; margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.valign {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.valign.bottom {vertical-align: bottom;}

.in-middle {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; width: 720px; text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.body-content {float: left; width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.padding-content {padding: 60px 0;}
.padding-content-small {padding: 40px 0;}
.padding-content-lr {padding-left: 50px; padding-right: 50px;}
.padding-content-l {padding-left: 50px;}
.padding-content-r {padding-right: 50px;}
.padding-content-t {padding-top: 50px;}
.padding-content-b {padding-bottom: 50px;}
.padding-content-b20 {padding-bottom: 20px;}

.margin-content {margin: 60px 0;}
.margin-content-small {margin: 40px 0;}
.mt50 {margin-top: 50px !important;}
.mb50 {margin-bottom: 50px !important;}

.half-content {float: left; width: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.half-content.content30 {width: 30%;}

.half-content-wrapper {float: right; width: 680px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.half-content:last-child .half-content-wrapper {float: left;}

.flexbox {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;
}
.flexbox-center {
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
}

.flex-row {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.flex-row.align-center {
	align-items: center;
	justify-content: center;
}

.bg-orange {background: #fff7ec;}
.bg-darkorange {background: #f7e1c1;}
.bg-green {background: #00674b;}

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

.half-content-background {min-height: 220px;}


#header {position: fixed; left: 0; top: 0; z-index: 10000; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
#header + .body-content {margin: 100px 0 0 0;}

.site-logo {float: left; line-height: 100px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
.site-logo a {font-family: "Comic Sans MS", Tahoma; font-weight: bold; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; color: #9f1717; font-size:24px;}
.site-logo a:hover {color: #9f1717;}
.site-logo a span { display: block; padding-left:110px}


#main-menu {margin: 0 0 0 500px;}
#main-menu .level-0 {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; position: relative; line-height: 100px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
#main-menu .level-0 > a {display: inline-block; *display: inline; zoom: 1; vertical-align: middle;  font-size: 24px; color: #00674b; border-top:3px solid #FFFFFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#main-menu .level-0:hover > a {color: #9f1717; border-top:3px solid #9f1717 }
#main-menu .level-0.current-menu-item > a {color: #9f1717; border-top:3px solid #9f1717}

.icon-fb a {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; width: 15px; height: 29px; position: relative; text-indent: -9999px; border:0 !important; margin-left:20px}
.icon-fb a:before {content: " "; display: block;  width: 15px;  height: 29px; background: url(../images/facebook.png) no-repeat -9999px;background-size: 15px 58px; background-position: 0 0 ; position: absolute; left: 50%; top: 50%;
-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
.icon-fb a:hover:before{border:0 !important; background-position: 0 -29px}


#main-menu-toggle {display:none; width: 36px; height: 50px; line-height: 50px; text-align: center; cursor: pointer; position: relative; z-index: 100; font-size: 0;
	-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;
}
#main-menu-toggle strong {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; width: 36px; height: 27px; position: relative; text-indent: -9999px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#main-menu-toggle strong:before {content:" "; display:block; width:100%; height:4px; background:#9f1717; position:absolute; left:0; top:0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
#main-menu-toggle strong:after {content:" "; display:block; width:100%; height:4px; background:#9f1717; position:absolute; left:0; bottom:0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
#main-menu-toggle strong span {display:block; width:100%; height:4px; position:absolute; left:0; top:50%; margin:-2px 0 0 0; background:#9f1717; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
#main-menu-toggle:hover strong:before {top:-3px;}
#main-menu-toggle:hover strong:after {bottom:-3px;}
#main-menu-toggle.opened strong:before {top:11.5px;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);	
	transform: rotate(45deg);
}
#main-menu-toggle.opened strong:after {bottom:11.5px;
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);	
	transform: rotate(-45deg);
}
#main-menu-toggle.opened strong span {opacity:0;}

.fixed #header {background: #fff;}
.fixed .site-logo {line-height: 55px;}
.fixed #main-menu .level-0 {line-height: 55px;}


#footer-copyright {text-align: center; font-size: 14px; line-height: 160%;}

.intro-info {padding: 0 0 50px 0}
.intro-info p{font-size: 18px; line-height: 30px; color: #9f1717;}
.long-intro-info p{font-size: 18px; line-height: 30px; color: #9f1717;}

#home-book h3 {font-size: 22px; line-height: 120%; color: #9f1717; padding-top:20px}

.section-title h2 {font-size: 22px; line-height: 120%; color: #9f1717; font-weight: bold;}

.line-top {position: relative; padding: 0 0 15px 0;}
.line-top:before {content: " "; display: block; width: 38px; height: 4px; background: #9f1717; position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%);}

.button-red {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; background: #9f1717; color: #ffffff; font-size: 1.000em; height: 45px; line-height: 38px; padding: 0 25px; min-width: 165px; text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
a.button-red:hover {background: #00674b; color: #ffffff;}

.button-store {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; background: url(../images/store-logo.png) no-repeat; height: 32px; width: 126px; text-indent: -9999px; background-size:126px 32px}
a.button-store:hover {}

.inline-window {padding: 40px; position: relative; background: #fff;}
.inline-window-close {position: absolute; top: 15px; right:30px; width: 30px; height: 30px; background: url(../images/icon-x.png) no-repeat 0 0; background-size: 30px 30px; text-indent: -9999px;}
.inline-window-close:hover {opacity: 0.6;}
.inline-window p {font-size: 1.125em; line-height: 120%; color: #023042; padding-top: 30px}
.inline-window p:last-child {padding-bottom: 30px}

#page-navi ul{margin:0 20% 0 20%}
#page-navi li {float: left; width: 33.33333%;}
#page-navi a {display: block; font-size: 18px; color: #fff; line-height: 70px; padding: 0 40px;}
#page-navi a:hover, #page-navi .selected a {color: #80f8d7;}
#page-navi .valign {line-height: 115%;}
.page-navi-fixed {position: fixed; z-index: 1000; margin: 50px 0 0 0 !important;}
.page-navi-fixed + .body-content {margin-top: 170px;}

.bxslider-arrows-nav div {/*display: inline-block; *display: inline; zoom: 1; vertical-align: middle;*/ position: absolute; top:calc(50% - 50px); width:calc(100% - 30px);}
.bxslider-arrows-nav a {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; color: #00674b; width: 50px; height: 50px; font-size: 0; border: solid 5px #00674B;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.bxslider-arrows-nav a:hover {border-color: rgba(0, 103, 75, 0.8);}
.bxslider-arrows-nav .bx-prev {float:left;background: url(../images/icon-arrow2.png) no-repeat center center; background-size: 20px 16px;}
.bxslider-arrows-nav .bx-next {float: right;right:0; background: url(../images/icon-arrow1.png) no-repeat center center; background-size: 20px 16px;}

.gallery{position: relative;}
.gallery h3 {font-size: 16px; line-height: 140%; color: #000000; padding: 20px 0 20px 0}
.gallery h3 span { font-style: italic;}

.info-images {min-height: 370px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.info-text p{font-size: 18px; line-height: 140%; color: #179f76; padding: 0 0 50px 0}
.info-text p:last-child{padding: 0}

.contact p {font-size: 22px; line-height: 140%; color: #179F76;}

.contact-form {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; width: 370px; text-align: left;}
.contact-form .field {margin: 0 0 15px 0; position: relative;}
.contact-form .field.last {margin: 35px 0 0 0;}
.contact-form [type="text"], .contact-form [type="email"], .contact-form textarea {width: 100%; border-bottom: solid 2px #9F1717; height: 50px; font-size: 24px; background: none; color: #9F1717; padding: 0 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.contact-form textarea {resize: none; padding: 10px 15px; }

.contact-form .code {width:150px; float:left; margin-right:20px}


.contact-form [type="text"]:hover, .contact-form [type="email"]:hover, .contact-form textarea:hover,
.contact-form [type="text"]:focus, .contact-form [type="email"]:focus, .contact-form textarea:focus {border-color: #00674B;}
.contact-form *::-webkit-input-placeholder { color: #c3a3a3; }
.contact-form *::-moz-placeholder { color: #c3a3a3; }
.contact-form *:-ms-input-placeholder { color: #c3a3a3; }
.contact-form *:-moz-placeholder { color: #c3a3a3; }