@import url("http://fonts.googleapis.com/css?family=Allura");

@import url("http://fonts.googleapis.com/css?family=Francois+One");

@import url("http://fonts.googleapis.com/css?family=Inder");

/*
* Template CSS - Brant Multipurpose
* Copyright 2014, Ararazu
* www.ararazu.com
*/

/* Table of Contents
==================================================

	#Import LESS Files
	# */

/* Import LESS Files
================================================== */

/* Skeleton Grid */

/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Misc
	#Base 960 Grid
	#Tablet (Portrait)
	#Mobile (Portrait)
	#Mobile (Landscape)
	#Clearing */

/* #Reset & Basics (Inspired by E. Meyers)
================================================== */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

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

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* #Basic Styles
================================================== */

body {
  background: #fff;
  font: 14px/21px "HelveticaNeue", "Helvetica Neue", Verdana, Arial, sans-serif;
  color: #444;
  -webkit-font-smoothing: antialiased;
  /* Fix for webkit rendering */
  -webkit-text-size-adjust: 100%;
}

/* #Typography
================================================== */

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #45413d;
  font-family: "Georgia", "Times New Roman", serif;
  font-weight: normal;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-weight: inherit;
}

h1 {
  font-size: 46px;
  line-height: 50px;
  margin-bottom: 14px;
}

h2 {
  font-size: 35px;
  line-height: 40px;
  margin-bottom: 10px;
}

h3 {
  font-size: 28px;
  line-height: 34px;
  margin-bottom: 8px;
}

h4 {
  font-size: 21px;
  line-height: 30px;
  margin-bottom: 4px;
}

h5 {
  font-size: 17px;
  line-height: 24px;
}

h6 {
  font-size: 14px;
  line-height: 21px;
}

.subheader {
  color: #777;
}

p {
  margin: 0 0 20px 0;
}

p img {
  margin: 0;
}

p.lead {
  font-size: 21px;
  line-height: 27px;
  color: #777;
}

em {
  font-style: italic;
}

strong {
  font-weight: bold;
  color: #333;
}

small {
  font-size: 80%;
}

/*  Blockquotes  */

blockquote,
blockquote p {
  font-size: 17px;
  line-height: 24px;
  color: #777;
  font-style: italic;
}

blockquote {
  margin: 0 0 20px;
  padding: 9px 20px 0 19px;
  border-left: 1px solid #ddd;
}

blockquote cite {
  display: block;
  font-size: 12px;
  color: #555;
}

blockquote cite:before {
  content: "\2014 \0020";
}

blockquote cite a,
blockquote cite a:visited,
blockquote cite a:visited {
  color: #555;
}

hr {
  border: solid #45413d;
  border-width: 1px 0 0;
  clear: both;
  margin: 10px 0 30px;
  height: 0;
}

/* #Links
================================================== */

a,
a:visited {
  color: #a55700;
  text-decoration: underline;
  outline: 0;
}

a:hover,
a:focus {
  color: #000;
}

p a,
p a:visited {
  line-height: inherit;
}

/* #Lists
================================================== */

ul,
ol {
  margin-bottom: 20px;
}

ul {
  list-style: none outside;
}

ol {
  list-style: decimal;
}

ol,
ul.square,
ul.circle,
ul.disc {
  margin-left: 30px;
}

ul.square {
  list-style: square outside;
}

ul.circle {
  list-style: circle outside;
}

ul.disc {
  list-style: disc outside;
}

ul ul,
ul ol,
ol ol,
ol ul {
  margin: 4px 0 5px 30px;
  font-size: 90%;
}

ul ul li,
ul ol li,
ol ol li,
ol ul li {
  margin-bottom: 6px;
}

li {
  line-height: 18px;
  margin-bottom: 12px;
}

ul.large li {
  line-height: 21px;
}

li p {
  line-height: 21px;
}

/* #Images
================================================== */

img.scale-with-grid {
  max-width: 100%;
  height: auto;
}

/* #Buttons
================================================== */

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  background: #eee;
  /* Old browsers */
  /* FF3.6+ */
  background: #eeeeee -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(0, 0, 0, 0.2)));
  /* Chrome,Safari4+ */
  background: #eeeeee -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  /* Chrome10+,Safari5.1+ */
  /* Opera11.10+ */
  /* IE10+ */
  background: #eeeeee-webkit-gradient(linear, top left, bottom left, from(rgba(255, 255, 255, 0.2)), to(rgba(0, 0, 0, 0.2)));
  background: #eeeeee linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  /* W3C */
  border: 1px solid #aaa;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-radius: 3px;
  color: #444;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  text-shadow: 0 1px rgba(255, 255, 255, 0.75);
  cursor: pointer;
  margin-bottom: 20px;
  line-height: normal;
  padding: 8px 10px;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
  color: #222;
  background: #ddd;
  /* Old browsers */
  /* FF3.6+ */
  background: #dddddd -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.3)), color-stop(100%, rgba(0, 0, 0, 0.3)));
  /* Chrome,Safari4+ */
  background: #dddddd -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
  /* Chrome10+,Safari5.1+ */
  /* Opera11.10+ */
  /* IE10+ */
  background: #dddddd-webkit-gradient(linear, top left, bottom left, from(rgba(255, 255, 255, 0.3)), to(rgba(0, 0, 0, 0.3)));
  background: #dddddd linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
  /* W3C */
  border: 1px solid #888;
  border-top: 1px solid #aaa;
  border-left: 1px solid #aaa;
}

.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
  border: 1px solid #666;
  background: #ccc;
  /* Old browsers */
  /* FF3.6+ */
  background: #cccccc -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.35)), color-stop(100%, rgba(10, 10, 10, 0.4)));
  /* Chrome,Safari4+ */
  background: #cccccc -webkit-linear-gradient(top, rgba(255, 255, 255, 0.35) 0%, rgba(10, 10, 10, 0.4) 100%);
  /* Chrome10+,Safari5.1+ */
  /* Opera11.10+ */
  /* IE10+ */
  background: #cccccc-webkit-gradient(linear, top left, bottom left, from(rgba(255, 255, 255, 0.35)), to(rgba(10, 10, 10, 0.4)));
  background: #cccccc linear-gradient(top, rgba(255, 255, 255, 0.35) 0%, rgba(10, 10, 10, 0.4) 100%);
  /* W3C */
}

.button.full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
  width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center;
}

/* Fix for odd Mozilla border & padding issues */

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

/* #Forms
================================================== */

form {
  margin-bottom: 20px;
}

fieldset {
  margin-bottom: 20px;
}

input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
  border: 1px solid #ccc;
  padding: 6px 4px;
  outline: none;
  border-radius: 2px;
  font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #777;
  margin: 0;
  width: 210px;
  max-width: 100%;
  display: block;
  margin-bottom: 20px;
  background: #fff;
}

select {
  padding: 0;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
  border: 1px solid #aaa;
  color: #444;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

textarea {
  min-height: 60px;
}

label,
legend {
  display: block;
  font-weight: bold;
  font-size: 13px;
}

select {
  width: 220px;
}

input[type="checkbox"] {
  display: inline;
}

label span,
legend span {
  font-weight: normal;
  font-size: 13px;
  color: #444;
}

/* #Misc
================================================== */

.remove-bottom {
  margin-bottom: 0 !important;
}

.half-bottom {
  margin-bottom: 10px !important;
}

.add-bottom {
  margin-bottom: 20px !important;
}

/* #Base 960 Grid
================================================== */

.container {
  position: relative;
  width: 960px;
  margin: 0 auto;
  padding: 0;
}

.container .column,
.container .columns {
  float: left;
  display: inline;
  margin-left: 10px;
  margin-right: 10px;
}

.row {
  margin-bottom: 40px;
}

/* Nested Column Classes */

.column.alpha,
.columns.alpha {
  margin-left: 0;
}

.column.omega,
.columns.omega {
  margin-right: 0;
}

/* Base Grid */

.container .one.column,
.container .one.columns {
  width: 40px;
}

.container .two.columns {
  width: 100px;
}

.container .three.columns {
  width: 160px;
}

.container .four.columns {
  width: 220px;
}

.container .five.columns {
  width: 280px;
}

.container .six.columns {
  width: 340px;
}

.container .seven.columns {
  width: 400px;
}

.container .eight.columns {
  width: 460px;
}

.container .nine.columns {
  width: 520px;
}

.container .ten.columns {
  width: 580px;
}

.container .eleven.columns {
  width: 640px;
}

.container .twelve.columns {
  width: 700px;
}

.container .thirteen.columns {
  width: 760px;
}

.container .fourteen.columns {
  width: 820px;
}

.container .fifteen.columns {
  width: 880px;
}

.container .sixteen.columns {
  width: 940px;
}

.container .one-third.column {
  width: 300px;
}

.container .two-thirds.column {
  width: 620px;
}

/* Offsets */

.container .offset-by-one {
  padding-left: 60px;
}

.container .offset-by-two {
  padding-left: 120px;
}

.container .offset-by-three {
  padding-left: 180px;
}

.container .offset-by-four {
  padding-left: 240px;
}

.container .offset-by-five {
  padding-left: 300px;
}

.container .offset-by-six {
  padding-left: 360px;
}

.container .offset-by-seven {
  padding-left: 420px;
}

.container .offset-by-eight {
  padding-left: 480px;
}

.container .offset-by-nine {
  padding-left: 540px;
}

.container .offset-by-ten {
  padding-left: 600px;
}

.container .offset-by-eleven {
  padding-left: 660px;
}

.container .offset-by-twelve {
  padding-left: 720px;
}

.container .offset-by-thirteen {
  padding-left: 780px;
}

.container .offset-by-fourteen {
  padding-left: 840px;
}

.container .offset-by-fifteen {
  padding-left: 900px;
}

/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .container {
    width: 768px;
  }

  .container .column,
  .container .columns {
    margin-left: 10px;
    margin-right: 10px;
  }

  .column.alpha,
  .columns.alpha {
    margin-left: 0;
    margin-right: 10px;
  }

  .column.omega,
  .columns.omega {
    margin-right: 0;
    margin-left: 10px;
  }

  .alpha.omega {
    margin-left: 0;
    margin-right: 0;
  }

  .container .one.column,
  .container .one.columns {
    width: 28px;
  }

  .container .two.columns {
    width: 76px;
  }

  .container .three.columns {
    width: 124px;
  }

  .container .four.columns {
    width: 172px;
  }

  .container .five.columns {
    width: 220px;
  }

  .container .six.columns {
    width: 268px;
  }

  .container .seven.columns {
    width: 316px;
  }

  .container .eight.columns {
    width: 364px;
  }

  .container .nine.columns {
    width: 412px;
  }

  .container .ten.columns {
    width: 460px;
  }

  .container .eleven.columns {
    width: 508px;
  }

  .container .twelve.columns {
    width: 556px;
  }

  .container .thirteen.columns {
    width: 604px;
  }

  .container .fourteen.columns {
    width: 652px;
  }

  .container .fifteen.columns {
    width: 700px;
  }

  .container .sixteen.columns {
    width: 748px;
  }

  .container .one-third.column {
    width: 236px;
  }

  .container .two-thirds.column {
    width: 492px;
  }

  /* Offsets */

  .container .offset-by-one {
    padding-left: 48px;
  }

  .container .offset-by-two {
    padding-left: 96px;
  }

  .container .offset-by-three {
    padding-left: 144px;
  }

  .container .offset-by-four {
    padding-left: 192px;
  }

  .container .offset-by-five {
    padding-left: 240px;
  }

  .container .offset-by-six {
    padding-left: 288px;
  }

  .container .offset-by-seven {
    padding-left: 336px;
  }

  .container .offset-by-eight {
    padding-left: 384px;
  }

  .container .offset-by-nine {
    padding-left: 432px;
  }

  .container .offset-by-ten {
    padding-left: 480px;
  }

  .container .offset-by-eleven {
    padding-left: 528px;
  }

  .container .offset-by-twelve {
    padding-left: 576px;
  }

  .container .offset-by-thirteen {
    padding-left: 624px;
  }

  .container .offset-by-fourteen {
    padding-left: 672px;
  }

  .container .offset-by-fifteen {
    padding-left: 720px;
  }
}

/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
  .container {
    width: 300px;
  }

  .container .columns,
  .container .column {
    margin: 0;
  }

  .container .one.column,
  .container .one.columns,
  .container .two.columns,
  .container .three.columns,
  .container .four.columns,
  .container .five.columns,
  .container .six.columns,
  .container .seven.columns,
  .container .eight.columns,
  .container .nine.columns,
  .container .ten.columns,
  .container .eleven.columns,
  .container .twelve.columns,
  .container .thirteen.columns,
  .container .fourteen.columns,
  .container .fifteen.columns,
  .container .sixteen.columns,
  .container .one-third.column,
  .container .two-thirds.column {
    width: 300px;
  }

  /* Offsets */

  .container .offset-by-one,
  .container .offset-by-two,
  .container .offset-by-three,
  .container .offset-by-four,
  .container .offset-by-five,
  .container .offset-by-six,
  .container .offset-by-seven,
  .container .offset-by-eight,
  .container .offset-by-nine,
  .container .offset-by-ten,
  .container .offset-by-eleven,
  .container .offset-by-twelve,
  .container .offset-by-thirteen,
  .container .offset-by-fourteen,
  .container .offset-by-fifteen {
    padding-left: 0;
  }
}

/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .container {
    width: 420px;
  }

  .container .columns,
  .container .column {
    margin: 0;
  }

  .container .one.column,
  .container .one.columns,
  .container .two.columns,
  .container .three.columns,
  .container .four.columns,
  .container .five.columns,
  .container .six.columns,
  .container .seven.columns,
  .container .eight.columns,
  .container .nine.columns,
  .container .ten.columns,
  .container .eleven.columns,
  .container .twelve.columns,
  .container .thirteen.columns,
  .container .fourteen.columns,
  .container .fifteen.columns,
  .container .sixteen.columns,
  .container .one-third.column,
  .container .two-thirds.column {
    width: 420px;
  }
}

/* #Clearing
================================================== */

/* Self Clearing Goodness */

.container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* Use clearfix class on parent to clear nested columns,
	or wrap each row of columns in a <div class="row"> */

.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.row:after,
.clearfix:after {
  clear: both;
}

.row,
.clearfix {
  zoom: 1;
}

/* You can also use a <br class="clear" /> to clear columns */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* Font and Typography */

/*
* Fonts CSS - Sven Multipurpose
* Copyright 2014, Ararazu
* www.ararazu.com
*/

/* Table of Contents
==================================================

	#Font Awesome
	#Google Fonts
	#Reset Fonts
	#Typography

/* Font Awesome
================================================== */

/*!
 *  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

/* FONT PATH
 * -------------------------- */

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.0.3');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* makes the font 33% larger relative to the icon container */

.fa-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-fw {
  width: 1.2857142857142858em;
  text-align: center;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.142857142857143em;
  list-style-type: none;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.142857142857143em;
  width: 2.142857142857143em;
  top: 0.14285714285714285em;
  text-align: center;
}

.fa-li.fa-lg {
  left: -1.8571428571428572em;
}

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa.pull-left {
  margin-right: .3em;
}

.fa.pull-right {
  margin-left: .3em;
}

.fa-spin {
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
  }
}

@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }

  100% {
    -ms-transform: rotate(359deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #ffffff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */

.fa-glass:before {
  content: "\f000";
}

.fa-music:before {
  content: "\f001";
}

.fa-search:before {
  content: "\f002";
}

.fa-envelope-o:before {
  content: "\f003";
}

.fa-heart:before {
  content: "\f004";
}

.fa-star:before {
  content: "\f005";
}

.fa-star-o:before {
  content: "\f006";
}

.fa-user:before {
  content: "\f007";
}

.fa-film:before {
  content: "\f008";
}

.fa-th-large:before {
  content: "\f009";
}

.fa-th:before {
  content: "\f00a";
}

.fa-th-list:before {
  content: "\f00b";
}

.fa-check:before {
  content: "\f00c";
}

.fa-times:before {
  content: "\f00d";
}

.fa-search-plus:before {
  content: "\f00e";
}

.fa-search-minus:before {
  content: "\f010";
}

.fa-power-off:before {
  content: "\f011";
}

.fa-signal:before {
  content: "\f012";
}

.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}

.fa-trash-o:before {
  content: "\f014";
}

.fa-home:before {
  content: "\f015";
}

.fa-file-o:before {
  content: "\f016";
}

.fa-clock-o:before {
  content: "\f017";
}

.fa-road:before {
  content: "\f018";
}

.fa-download:before {
  content: "\f019";
}

.fa-arrow-circle-o-down:before {
  content: "\f01a";
}

.fa-arrow-circle-o-up:before {
  content: "\f01b";
}

.fa-inbox:before {
  content: "\f01c";
}

.fa-play-circle-o:before {
  content: "\f01d";
}

.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}

.fa-refresh:before {
  content: "\f021";
}

.fa-list-alt:before {
  content: "\f022";
}

.fa-lock:before {
  content: "\f023";
}

.fa-flag:before {
  content: "\f024";
}

.fa-headphones:before {
  content: "\f025";
}

.fa-volume-off:before {
  content: "\f026";
}

.fa-volume-down:before {
  content: "\f027";
}

.fa-volume-up:before {
  content: "\f028";
}

.fa-qrcode:before {
  content: "\f029";
}

.fa-barcode:before {
  content: "\f02a";
}

.fa-tag:before {
  content: "\f02b";
}

.fa-tags:before {
  content: "\f02c";
}

.fa-book:before {
  content: "\f02d";
}

.fa-bookmark:before {
  content: "\f02e";
}

.fa-print:before {
  content: "\f02f";
}

.fa-camera:before {
  content: "\f030";
}

.fa-font:before {
  content: "\f031";
}

.fa-bold:before {
  content: "\f032";
}

.fa-italic:before {
  content: "\f033";
}

.fa-text-height:before {
  content: "\f034";
}

.fa-text-width:before {
  content: "\f035";
}

.fa-align-left:before {
  content: "\f036";
}

.fa-align-center:before {
  content: "\f037";
}

.fa-align-right:before {
  content: "\f038";
}

.fa-align-justify:before {
  content: "\f039";
}

.fa-list:before {
  content: "\f03a";
}

.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}

.fa-indent:before {
  content: "\f03c";
}

.fa-video-camera:before {
  content: "\f03d";
}

.fa-picture-o:before {
  content: "\f03e";
}

.fa-pencil:before {
  content: "\f040";
}

.fa-map-marker:before {
  content: "\f041";
}

.fa-adjust:before {
  content: "\f042";
}

.fa-tint:before {
  content: "\f043";
}

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}

.fa-share-square-o:before {
  content: "\f045";
}

.fa-check-square-o:before {
  content: "\f046";
}

.fa-arrows:before {
  content: "\f047";
}

.fa-step-backward:before {
  content: "\f048";
}

.fa-fast-backward:before {
  content: "\f049";
}

.fa-backward:before {
  content: "\f04a";
}

.fa-play:before {
  content: "\f04b";
}

.fa-pause:before {
  content: "\f04c";
}

.fa-stop:before {
  content: "\f04d";
}

.fa-forward:before {
  content: "\f04e";
}

.fa-fast-forward:before {
  content: "\f050";
}

.fa-step-forward:before {
  content: "\f051";
}

.fa-eject:before {
  content: "\f052";
}

.fa-chevron-left:before {
  content: "\f053";
}

.fa-chevron-right:before {
  content: "\f054";
}

.fa-plus-circle:before {
  content: "\f055";
}

.fa-minus-circle:before {
  content: "\f056";
}

.fa-times-circle:before {
  content: "\f057";
}

.fa-check-circle:before {
  content: "\f058";
}

.fa-question-circle:before {
  content: "\f059";
}

.fa-info-circle:before {
  content: "\f05a";
}

.fa-crosshairs:before {
  content: "\f05b";
}

.fa-times-circle-o:before {
  content: "\f05c";
}

.fa-check-circle-o:before {
  content: "\f05d";
}

.fa-ban:before {
  content: "\f05e";
}

.fa-arrow-left:before {
  content: "\f060";
}

.fa-arrow-right:before {
  content: "\f061";
}

.fa-arrow-up:before {
  content: "\f062";
}

.fa-arrow-down:before {
  content: "\f063";
}

.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}

.fa-expand:before {
  content: "\f065";
}

.fa-compress:before {
  content: "\f066";
}

.fa-plus:before {
  content: "\f067";
}

.fa-minus:before {
  content: "\f068";
}

.fa-asterisk:before {
  content: "\f069";
}

.fa-exclamation-circle:before {
  content: "\f06a";
}

.fa-gift:before {
  content: "\f06b";
}

.fa-leaf:before {
  content: "\f06c";
}

.fa-fire:before {
  content: "\f06d";
}

.fa-eye:before {
  content: "\f06e";
}

.fa-eye-slash:before {
  content: "\f070";
}

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}

.fa-plane:before {
  content: "\f072";
}

.fa-calendar:before {
  content: "\f073";
}

.fa-random:before {
  content: "\f074";
}

.fa-comment:before {
  content: "\f075";
}

.fa-magnet:before {
  content: "\f076";
}

.fa-chevron-up:before {
  content: "\f077";
}

.fa-chevron-down:before {
  content: "\f078";
}

.fa-retweet:before {
  content: "\f079";
}

.fa-shopping-cart:before {
  content: "\f07a";
}

.fa-folder:before {
  content: "\f07b";
}

.fa-folder-open:before {
  content: "\f07c";
}

.fa-arrows-v:before {
  content: "\f07d";
}

.fa-arrows-h:before {
  content: "\f07e";
}

.fa-bar-chart-o:before {
  content: "\f080";
}

.fa-twitter-square:before {
  content: "\f081";
}

.fa-facebook-square:before {
  content: "\f082";
}

.fa-camera-retro:before {
  content: "\f083";
}

.fa-key:before {
  content: "\f084";
}

.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}

.fa-comments:before {
  content: "\f086";
}

.fa-thumbs-o-up:before {
  content: "\f087";
}

.fa-thumbs-o-down:before {
  content: "\f088";
}

.fa-star-half:before {
  content: "\f089";
}

.fa-heart-o:before {
  content: "\f08a";
}

.fa-sign-out:before {
  content: "\f08b";
}

.fa-linkedin-square:before {
  content: "\f08c";
}

.fa-thumb-tack:before {
  content: "\f08d";
}

.fa-external-link:before {
  content: "\f08e";
}

.fa-sign-in:before {
  content: "\f090";
}

.fa-trophy:before {
  content: "\f091";
}

.fa-github-square:before {
  content: "\f092";
}

.fa-upload:before {
  content: "\f093";
}

.fa-lemon-o:before {
  content: "\f094";
}

.fa-phone:before {
  content: "\f095";
}

.fa-square-o:before {
  content: "\f096";
}

.fa-bookmark-o:before {
  content: "\f097";
}

.fa-phone-square:before {
  content: "\f098";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-facebook:before {
  content: "\f09a";
}

.fa-github:before {
  content: "\f09b";
}

.fa-unlock:before {
  content: "\f09c";
}

.fa-credit-card:before {
  content: "\f09d";
}

.fa-rss:before {
  content: "\f09e";
}

.fa-hdd-o:before {
  content: "\f0a0";
}

.fa-bullhorn:before {
  content: "\f0a1";
}

.fa-bell:before {
  content: "\f0f3";
}

.fa-certificate:before {
  content: "\f0a3";
}

.fa-hand-o-right:before {
  content: "\f0a4";
}

.fa-hand-o-left:before {
  content: "\f0a5";
}

.fa-hand-o-up:before {
  content: "\f0a6";
}

.fa-hand-o-down:before {
  content: "\f0a7";
}

.fa-arrow-circle-left:before {
  content: "\f0a8";
}

.fa-arrow-circle-right:before {
  content: "\f0a9";
}

.fa-arrow-circle-up:before {
  content: "\f0aa";
}

.fa-arrow-circle-down:before {
  content: "\f0ab";
}

.fa-globe:before {
  content: "\f0ac";
}

.fa-wrench:before {
  content: "\f0ad";
}

.fa-tasks:before {
  content: "\f0ae";
}

.fa-filter:before {
  content: "\f0b0";
}

.fa-briefcase:before {
  content: "\f0b1";
}

.fa-arrows-alt:before {
  content: "\f0b2";
}

.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}

.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}

.fa-cloud:before {
  content: "\f0c2";
}

.fa-flask:before {
  content: "\f0c3";
}

.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}

.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}

.fa-paperclip:before {
  content: "\f0c6";
}

.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}

.fa-square:before {
  content: "\f0c8";
}

.fa-bars:before {
  content: "\f0c9";
}

.fa-list-ul:before {
  content: "\f0ca";
}

.fa-list-ol:before {
  content: "\f0cb";
}

.fa-strikethrough:before {
  content: "\f0cc";
}

.fa-underline:before {
  content: "\f0cd";
}

.fa-table:before {
  content: "\f0ce";
}

.fa-magic:before {
  content: "\f0d0";
}

.fa-truck:before {
  content: "\f0d1";
}

.fa-pinterest:before {
  content: "\f0d2";
}

.fa-pinterest-square:before {
  content: "\f0d3";
}

.fa-google-plus-square:before {
  content: "\f0d4";
}

.fa-google-plus:before {
  content: "\f0d5";
}

.fa-money:before {
  content: "\f0d6";
}

.fa-caret-down:before {
  content: "\f0d7";
}

.fa-caret-up:before {
  content: "\f0d8";
}

.fa-caret-left:before {
  content: "\f0d9";
}

.fa-caret-right:before {
  content: "\f0da";
}

.fa-columns:before {
  content: "\f0db";
}

.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}

.fa-sort-down:before,
.fa-sort-asc:before {
  content: "\f0dd";
}

.fa-sort-up:before,
.fa-sort-desc:before {
  content: "\f0de";
}

.fa-envelope:before {
  content: "\f0e0";
}

.fa-linkedin:before {
  content: "\f0e1";
}

.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}

.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}

.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}

.fa-comment-o:before {
  content: "\f0e5";
}

.fa-comments-o:before {
  content: "\f0e6";
}

.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}

.fa-sitemap:before {
  content: "\f0e8";
}

.fa-umbrella:before {
  content: "\f0e9";
}

.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}

.fa-lightbulb-o:before {
  content: "\f0eb";
}

.fa-exchange:before {
  content: "\f0ec";
}

.fa-cloud-download:before {
  content: "\f0ed";
}

.fa-cloud-upload:before {
  content: "\f0ee";
}

.fa-user-md:before {
  content: "\f0f0";
}

.fa-stethoscope:before {
  content: "\f0f1";
}

.fa-suitcase:before {
  content: "\f0f2";
}

.fa-bell-o:before {
  content: "\f0a2";
}

.fa-coffee:before {
  content: "\f0f4";
}

.fa-cutlery:before {
  content: "\f0f5";
}

.fa-file-text-o:before {
  content: "\f0f6";
}

.fa-building-o:before {
  content: "\f0f7";
}

.fa-hospital-o:before {
  content: "\f0f8";
}

.fa-ambulance:before {
  content: "\f0f9";
}

.fa-medkit:before {
  content: "\f0fa";
}

.fa-fighter-jet:before {
  content: "\f0fb";
}

.fa-beer:before {
  content: "\f0fc";
}

.fa-h-square:before {
  content: "\f0fd";
}

.fa-plus-square:before {
  content: "\f0fe";
}

.fa-angle-double-left:before {
  content: "\f100";
}

.fa-angle-double-right:before {
  content: "\f101";
}

.fa-angle-double-up:before {
  content: "\f102";
}

.fa-angle-double-down:before {
  content: "\f103";
}

.fa-angle-left:before {
  content: "\f104";
}

.fa-angle-right:before {
  content: "\f105";
}

.fa-angle-up:before {
  content: "\f106";
}

.fa-angle-down:before {
  content: "\f107";
}

.fa-desktop:before {
  content: "\f108";
}

.fa-laptop:before {
  content: "\f109";
}

.fa-tablet:before {
  content: "\f10a";
}

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}

.fa-circle-o:before {
  content: "\f10c";
}

.fa-quote-left:before {
  content: "\f10d";
}

.fa-quote-right:before {
  content: "\f10e";
}

.fa-spinner:before {
  content: "\f110";
}

.fa-circle:before {
  content: "\f111";
}

.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}

.fa-github-alt:before {
  content: "\f113";
}

.fa-folder-o:before {
  content: "\f114";
}

.fa-folder-open-o:before {
  content: "\f115";
}

.fa-smile-o:before {
  content: "\f118";
}

.fa-frown-o:before {
  content: "\f119";
}

.fa-meh-o:before {
  content: "\f11a";
}

.fa-gamepad:before {
  content: "\f11b";
}

.fa-keyboard-o:before {
  content: "\f11c";
}

.fa-flag-o:before {
  content: "\f11d";
}

.fa-flag-checkered:before {
  content: "\f11e";
}

.fa-terminal:before {
  content: "\f120";
}

.fa-code:before {
  content: "\f121";
}

.fa-reply-all:before {
  content: "\f122";
}

.fa-mail-reply-all:before {
  content: "\f122";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}

.fa-location-arrow:before {
  content: "\f124";
}

.fa-crop:before {
  content: "\f125";
}

.fa-code-fork:before {
  content: "\f126";
}

.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}

.fa-question:before {
  content: "\f128";
}

.fa-info:before {
  content: "\f129";
}

.fa-exclamation:before {
  content: "\f12a";
}

.fa-superscript:before {
  content: "\f12b";
}

.fa-subscript:before {
  content: "\f12c";
}

.fa-eraser:before {
  content: "\f12d";
}

.fa-puzzle-piece:before {
  content: "\f12e";
}

.fa-microphone:before {
  content: "\f130";
}

.fa-microphone-slash:before {
  content: "\f131";
}

.fa-shield:before {
  content: "\f132";
}

.fa-calendar-o:before {
  content: "\f133";
}

.fa-fire-extinguisher:before {
  content: "\f134";
}

.fa-rocket:before {
  content: "\f135";
}

.fa-maxcdn:before {
  content: "\f136";
}

.fa-chevron-circle-left:before {
  content: "\f137";
}

.fa-chevron-circle-right:before {
  content: "\f138";
}

.fa-chevron-circle-up:before {
  content: "\f139";
}

.fa-chevron-circle-down:before {
  content: "\f13a";
}

.fa-html5:before {
  content: "\f13b";
}

.fa-css3:before {
  content: "\f13c";
}

.fa-anchor:before {
  content: "\f13d";
}

.fa-unlock-alt:before {
  content: "\f13e";
}

.fa-bullseye:before {
  content: "\f140";
}

.fa-ellipsis-h:before {
  content: "\f141";
}

.fa-ellipsis-v:before {
  content: "\f142";
}

.fa-rss-square:before {
  content: "\f143";
}

.fa-play-circle:before {
  content: "\f144";
}

.fa-ticket:before {
  content: "\f145";
}

.fa-minus-square:before {
  content: "\f146";
}

.fa-minus-square-o:before {
  content: "\f147";
}

.fa-level-up:before {
  content: "\f148";
}

.fa-level-down:before {
  content: "\f149";
}

.fa-check-square:before {
  content: "\f14a";
}

.fa-pencil-square:before {
  content: "\f14b";
}

.fa-external-link-square:before {
  content: "\f14c";
}

.fa-share-square:before {
  content: "\f14d";
}

.fa-compass:before {
  content: "\f14e";
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}

.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}

.fa-gbp:before {
  content: "\f154";
}

.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}

.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}

.fa-won:before,
.fa-krw:before {
  content: "\f159";
}

.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}

.fa-file:before {
  content: "\f15b";
}

.fa-file-text:before {
  content: "\f15c";
}

.fa-sort-alpha-asc:before {
  content: "\f15d";
}

.fa-sort-alpha-desc:before {
  content: "\f15e";
}

.fa-sort-amount-asc:before {
  content: "\f160";
}

.fa-sort-amount-desc:before {
  content: "\f161";
}

.fa-sort-numeric-asc:before {
  content: "\f162";
}

.fa-sort-numeric-desc:before {
  content: "\f163";
}

.fa-thumbs-up:before {
  content: "\f164";
}

.fa-thumbs-down:before {
  content: "\f165";
}

.fa-youtube-square:before {
  content: "\f166";
}

.fa-youtube:before {
  content: "\f167";
}

.fa-xing:before {
  content: "\f168";
}

.fa-xing-square:before {
  content: "\f169";
}

.fa-youtube-play:before {
  content: "\f16a";
}

.fa-dropbox:before {
  content: "\f16b";
}

.fa-stack-overflow:before {
  content: "\f16c";
}

.fa-instagram:before {
  content: "\f16d";
}

.fa-flickr:before {
  content: "\f16e";
}

.fa-adn:before {
  content: "\f170";
}

.fa-bitbucket:before {
  content: "\f171";
}

.fa-bitbucket-square:before {
  content: "\f172";
}

.fa-tumblr:before {
  content: "\f173";
}

.fa-tumblr-square:before {
  content: "\f174";
}

.fa-long-arrow-down:before {
  content: "\f175";
}

.fa-long-arrow-up:before {
  content: "\f176";
}

.fa-long-arrow-left:before {
  content: "\f177";
}

.fa-long-arrow-right:before {
  content: "\f178";
}

.fa-apple:before {
  content: "\f179";
}

.fa-windows:before {
  content: "\f17a";
}

.fa-android:before {
  content: "\f17b";
}

.fa-linux:before {
  content: "\f17c";
}

.fa-dribbble:before {
  content: "\f17d";
}

.fa-skype:before {
  content: "\f17e";
}

.fa-foursquare:before {
  content: "\f180";
}

.fa-trello:before {
  content: "\f181";
}

.fa-female:before {
  content: "\f182";
}

.fa-male:before {
  content: "\f183";
}

.fa-gittip:before {
  content: "\f184";
}

.fa-sun-o:before {
  content: "\f185";
}

.fa-moon-o:before {
  content: "\f186";
}

.fa-archive:before {
  content: "\f187";
}

.fa-bug:before {
  content: "\f188";
}

.fa-vk:before {
  content: "\f189";
}

.fa-weibo:before {
  content: "\f18a";
}

.fa-renren:before {
  content: "\f18b";
}

.fa-pagelines:before {
  content: "\f18c";
}

.fa-stack-exchange:before {
  content: "\f18d";
}

.fa-arrow-circle-o-right:before {
  content: "\f18e";
}

.fa-arrow-circle-o-left:before {
  content: "\f190";
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}

.fa-dot-circle-o:before {
  content: "\f192";
}

.fa-wheelchair:before {
  content: "\f193";
}

.fa-vimeo-square:before {
  content: "\f194";
}

.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}

.fa-plus-square-o:before {
  content: "\f196";
}

/* Google Fonts
================================================== */

/* Reset Fonts
================================================== */

*,
html,
body,
div,
p,
a,
input,
select,
textarea,
label,
ul,
li,
ol,
span,
table,
th,
tr,
td {
  font-family: 'Inder', sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Francois One', sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}

/* Typography
================================================== */

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Francois One', sans-serif;
  color: #a55700;
}

h1 {
  font-size: 24px;
  line-height: 50px;
}

h2 {
  font-size: 21px;
  line-height: 30px;
}

h3 {
  font-size: 18px;
  line-height: 26px;
}

h4 {
  font-size: 16px;
  line-height: 22px;
}

h5 {
  font-size: 15px;
  line-height: 20px;
}

h6 {
  font-size: 14px;
  line-height: 18px;
}

h1.title {
  color: #45413d;
  text-align: center;
  font-size: 36px;
  margin: 0 auto;
  padding: 0;
  border: 0;
  border-bottom: 1px solid #45413d;
}

h2.subtitle {
  font-size: 24px;
  line-height: 30px;
  margin: -6px auto 18px auto;
  padding: 0;
  border: 0;
  color: #45413d;
}

div.text-box {
  margin-top: 40px;
  margin-bottom: 60px;
}

div.text-box h1,
div.text-box h2,
div.text-box h3,
div.text-box h4,
div.text-box h5,
div.text-box h6 {
  margin-bottom: 0;
  line-height: 40px;
}

div.text-box h1 i,
div.text-box h2 i,
div.text-box h3 i,
div.text-box h4 i,
div.text-box h5 i,
div.text-box h6 i {
  background: #fff5e9;
  color: #ffffff;
  font-size: 14px;
  width: 32px;
  max-width: auto;
  min-width: auto;
  height: 32px;
  max-height: auto;
  min-height: auto;
  margin: 4px 8px 0 0;
  padding: 0;
  border: 0;
  line-height: 32px;
  text-align: center;
  -o-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  float: left;
}

div.text-box p {
  margin-top: 0;
}

div.text-box a.learn-more {
  color: #a55700;
  float: right;
  font-size: 12px;
  margin: 10px 0 0 0;
  padding: 0px 8px 2px 8px;
  border: 1px solid #a55700;
  text-decoration: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

div.text-box a.learn-more i {
  font-size: 9px;
  margin-left: 3px;
}

div.text-box a.learn-more:hover,
div.text-box a.learn-more:focus {
  background: #a55700;
  color: #eeeeee;
}

p {
  font-size: 14px;
  margin: 20px 0 0 0;
  padding: 0;
  border: 0;
}

p.small {
  font-size: 12px;
  margin-bottom: 9px;
}

input,
select,
textarea,
button {
  font-family: 'Inder', sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}

input:hover,
select:hover,
textarea:hover,
button:hover,
input:focus,
select:focus,
textarea:focus,
button:focus {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}

select {
  background: rgba(255, 255, 255, 0.3) url('../img/select-arrow.png') right center no-repeat;
}

select:hover,
select:focus {
  background: #ffffff url('../img/select-arrow.png') right center no-repeat;
}

label.error {
  background: #ffdddd url('../img/error.png') center right no-repeat;
  width: 100%;
  max-width: auto;
  min-width: auto;
  margin: 2px 0 0 0;
  padding: 2px 6px;
  border: 0;
  font-size: 12px;
  color: #bb6666;
  display: block;
  cursor: pointer;
  -o-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}

div#returnReservation,
div#returnContact {
  background: #ffffff;
  margin: 0px 20px 30px 20px;
  padding: 10px;
  border: 0;
  display: none;
  font-size: 14px;
  color: #663366;
  float: none;
  font-family: 'Inder', sans-serif;
}

div#returnReservation.wait,
div#returnContact.wait {
  background: #ffffff url('../img/wait.gif') 10px 10px no-repeat;
  margin: 0px 20px 30px 20px;
  padding: 10px 10px 10px 40px;
  border: 0;
}

ul,
ol {
  color: #663366;
}

ul li,
ol li {
  font-size: 12px;
  margin: 0;
  padding: 10px 0;
  border: 0;
  line-height: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
}

ul li a,
ol li a {
  text-decoration: none;
}

ul li i,
ol li i {
  color: #fff5e9;
  margin-right: 3px;
}

ul.links,
ol.links {
  color: #663366;
}

ul.links li,
ol.links li {
  padding: 0;
}

ul.links li a,
ol.links li a {
  border-left: 2px solid #fff5e9;
  margin: 1px 0;
  padding: 9px 10px;
  color: #663366;
  width: 100%;
  max-width: auto;
  min-width: auto;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

ul.links li a:hover,
ol.links li a:hover,
ul.links li a:focus,
ol.links li a:focus {
  background: #fff5e9;
  color: #663366;
}

ul.iconlist,
ol.iconlist {
  margin-bottom: 0;
  padding-bottom: 0;
}

ul.iconlist li,
ol.iconlist li {
  color: #fff5e9;
  font-size: 12px;
  line-height: 14px;
  margin: 8px 0 0 0;
  padding: 0 0 7px 0;
  border: 0;
}

ul.iconlist li a,
ol.iconlist li a {
  padding: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  color: #fff5e9;
  text-decoration: none;
  border: none;
}

ul.iconlist li a:hover,
ol.iconlist li a:hover,
ul.iconlist li a:focus,
ol.iconlist li a:focus {
  background: none;
  color: #eeeeee;
}

ul.iconlist li span.wday,
ol.iconlist li span.wday {
  color: #eeeeee;
  width: 75px;
  max-width: auto;
  min-width: auto;
  float: left;
}

ul.iconlist li i,
ol.iconlist li i,
ul.iconlist li label,
ol.iconlist li label {
  color: #eeeeee;
}

ul.accordion li,
ol.accordion li {
  margin: 0;
  padding: 0;
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

ul.accordion li a,
ol.accordion li a {
  font-size: 13px;
  margin: 0;
  padding: 10px;
  border: 0;
  line-height: 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  text-decoration: none;
  color: #a55700;
  display: block;
}

ul.accordion li a i,
ol.accordion li a i {
  background: #a55700;
  color: #eeeeee;
  -o-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  width: 16px;
  max-width: auto;
  min-width: auto;
  height: 16px;
  max-height: auto;
  min-height: auto;
  text-align: center;
  line-height: 18px;
  font-size: 10px;
  margin-right: 5px;
  vertical-align: top;
}

ul.accordion li a.rotate i,
ol.accordion li a.rotate i {
  -webkit-transition: 2s;
  transition: 2s;
  -webkit-transform: rotate(-360deg);
  -ms-transform: rotate(-360deg);
  transform: rotate(-360deg);
}

ul.accordion li a.rotate:hover,
ol.accordion li a.rotate:hover,
ul.accordion li a.rotate:focus,
ol.accordion li a.rotate:focus {
  background: #ffffff;
  color: #a55700;
}

ul.accordion li a.rotate.active,
ol.accordion li a.rotate.active {
  background: #a55700;
  color: #ffffff;
}

ul.accordion li a.rotate.active i,
ol.accordion li a.rotate.active i {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  background: #eeeeee;
  color: #a55700;
}

ul.accordion li a:hover,
ol.accordion li a:hover,
ul.accordion li a:focus,
ol.accordion li a:focus {
  background: #ffffff;
  color: #a55700;
}

ul.accordion li a.active,
ol.accordion li a.active {
  background: #a55700;
  color: #ffffff;
}

ul.accordion li a.active i,
ol.accordion li a.active i {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  background: #eeeeee;
  color: #a55700;
}

ul.accordion li p.description,
ol.accordion li p.description {
  background: #eeeeee;
  margin: 0;
  padding: 5px 10px;
  border: 0;
  font-size: 13px;
  display: none;
}

ul.skills li,
ol.skills li {
  background: #663366;
  border-bottom: none;
  margin: 0 0 1px 0;
  padding: 10px 0;
  border: 0;
  color: #eeeeee;
  position: relative;
}

ul.skills li span.percentage,
ol.skills li span.percentage {
  background: #a55700;
  margin: 0px;
  padding: 0;
  border: 0;
  width: 0px;
  max-width: auto;
  min-width: auto;
  height: 100%;
  max-height: auto;
  min-height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: 2s;
  transition: 2s;
  position: absolute;
  top: 0;
  left: 0;
}

ul.skills li span.text,
ol.skills li span.text {
  background: none;
  margin: 10px;
  padding: 0;
  border: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.tabs {
  border: 1px solid #e1e1e1;
  -o-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  overflow: hidden;
}

.tabs .control {
  background: #e1e1e1;
  width: 100%;
  max-width: auto;
  min-width: auto;
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
}

.tabs .control li {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  text-align: left;
  border-right: 1px solid #ffffff;
  display: table-cell;
}

.tabs .control li a {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background: #e1e1e1;
  width: 100%;
  max-width: auto;
  min-width: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 10px 0 12px 0;
  border: 0;
  border-top: 2px solid #e1e1e1;
  text-decoration: none;
  display: block;
  text-indent: 10px;
}

.tabs .control li a:hover,
.tabs .control li a:focus {
  background: #ffffff;
  border-color: #ffffff;
}

.tabs .control li.active a {
  background: #ffffff;
  border-color: #fff5e9;
  color: #663366;
}

.tabs .control li:last-child {
  border-right: 0;
}

.tabs .panel {
  background: #ffffff;
  margin: 0;
  padding: 20px;
  border: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.tabs .panel .tab {
  display: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.tabs .panel .tab i {
  background: #a55700;
  color: #eeeeee;
  margin: 0 20px 10px 0;
  padding: 0;
  border: 0;
  font-size: 49px;
  width: 90px;
  max-width: auto;
  min-width: auto;
  height: 90px;
  max-height: auto;
  min-height: auto;
  line-height: 90px;
  text-align: center;
  -o-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  float: left;
}

.tabs .panel .tab p {
  color: #a55700;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 14px;
}

.tabs .panel .tab.active {
  display: block;
}

/* LESS Shortcuts */

/*
* Shortcuts CSS - Brant Multipurpose
* Copyright 2014, Ararazu
* www.ararazu.com
*/

/* Table of Contents
==================================================
	#Variables
	#Mixins
	#Classes


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

/* Colors */

/* Mixins
================================================== */

.noRounded {
  -o-border-radius: 0;
  border-radius: 0;
}

.noAppearance {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}

.noShadow {
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

/* Classes
================================================== */

.clear {
  clear: both;
  height: 0;
  max-height: auto;
  min-height: auto;
}

.hide {
  display: none;
}

.block {
  display: block;
}

.bold {
  font-weight: bold;
}

.lowercase {
  text-transform: lowercase;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

.pointer {
  cursor: pointer;
}

.center {
  text-align: center;
}

/* jQuery UI Elements (plugin) */

/*! jQuery UI - v1.10.4 - 2014-03-18
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.datepicker.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/

.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/

.ui-state-disabled {
  cursor: default !important;
}

/* Icons
----------------------------------*/

/* states and images */

.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/

/* Overlays */

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */

.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: .2em;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa;
}

body .ui-tooltip {
  border-width: 2px;
}

/* Component containers
----------------------------------*/

.ui-widget {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em;
}

.ui-widget-content {
  border: 1px solid #aaaaaa;
  background: #ffffff url(../img/jquery-ui/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
  color: #222222;
}

.ui-widget-content a {
  color: #222222;
}

.ui-widget-header {
  border: 1px solid #aaaaaa;
  background: #cccccc url(../img/jquery-ui/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
  color: #222222;
  font-weight: bold;
}

.ui-widget-header a {
  color: #222222;
}

/* Interaction states
----------------------------------*/

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #d3d3d3;
  background: #e6e6e6 url(../img/jquery-ui/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
  font-weight: normal;
  color: #555555;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #555555;
  text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #999999;
  background: #dadada url(../img/jquery-ui/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
  font-weight: normal;
  color: #212121;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #212121;
  text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #aaaaaa;
  background: #ffffff url(../img/jquery-ui/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
  font-weight: normal;
  color: #212121;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #212121;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #fcefa1;
  background: #fbf9ee url(../img/jquery-ui/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
  color: #363636;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #fef1ec url(../img/jquery-ui/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
  color: #cd0a0a;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #cd0a0a;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #cd0a0a;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: alpha(opacity=70);
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: alpha(opacity=35);
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: alpha(opacity=35);
  /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */

.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url(../img/jquery-ui/ui-icons_222222_256x240.png);
}

.ui-widget-header .ui-icon {
  background-image: url(../img/jquery-ui/ui-icons_222222_256x240.png);
}

.ui-state-default .ui-icon {
  background-image: url(../img/jquery-ui/ui-icons_888888_256x240.png);
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url(../img/jquery-ui/ui-icons_454545_256x240.png);
}

.ui-state-active .ui-icon {
  background-image: url(../img/jquery-ui/ui-icons_454545_256x240.png);
}

.ui-state-highlight .ui-icon {
  background-image: url(../img/jquery-ui/ui-icons_2e83ff_256x240.png);
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url(../img/jquery-ui/ui-icons_cd0a0a_256x240.png);
}

/* positioning */

.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-carat-1-n {
  background-position: 0 0;
}

.ui-icon-carat-1-ne {
  background-position: -16px 0;
}

.ui-icon-carat-1-e {
  background-position: -32px 0;
}

.ui-icon-carat-1-se {
  background-position: -48px 0;
}

.ui-icon-carat-1-s {
  background-position: -64px 0;
}

.ui-icon-carat-1-sw {
  background-position: -80px 0;
}

.ui-icon-carat-1-w {
  background-position: -96px 0;
}

.ui-icon-carat-1-nw {
  background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */

.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/

/* Corner radius */

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 4px;
}

/* Overlays */

.ui-widget-overlay {
  background: #aaaaaa url(../img/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
  opacity: .3;
  filter: alpha(opacity=30);
}

.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaaaaa url(../img/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
  opacity: .3;
  filter: alpha(opacity=30);
  border-radius: 8px;
}

/* Customization */

.ui-tooltip,
.arrow:after {
  background: #663366;
  border: 1px solid #663366;
}

.ui-tooltip {
  padding: 4px 10px;
  color: #eeeeee;
  font-size: 12px;
  -o-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
  -webkit-transform: translateY(8px);
  -ms-transform: translateY(8px);
  transform: translateY(8px);
  border-width: 1px !important;
  font-weight: normal;
}

.arrow {
  width: 40px;
  max-width: auto;
  min-width: auto;
  height: 10px;
  max-height: auto;
  min-height: auto;
  margin-left: -33px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  bottom: -10px;
}

.arrow.top {
  top: -10px;
  bottom: auto;
}

.arrow.left {
  left: 20%;
}

.arrow:after {
  width: 20px;
  max-width: auto;
  min-width: auto;
  height: 20px;
  max-height: auto;
  min-height: auto;
  -webkit-box-shadow: 6px 5px 9px -9px #000000;
  -ms-box-shadow: 6px 5px 9px -9px #000000;
  -o-box-shadow: 6px 5px 9px -9px #000000;
  box-shadow: 6px 5px 9px -9px #000000;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
  position: absolute;
  left: 20px;
  top: -20px;
}

.arrow.top:after {
  bottom: -20px;
  top: auto;
}

.ui-widget div,
.ui-widget a,
.ui-widget span,
.ui-widget label,
.ui-widget p,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  -o-border-radius: 0;
  border-radius: 0;
}

/* Datepicker */

.ui-datepicker {
  background: #eeeeee;
  border: 1px solid #d5d5d5;
  color: #222222;
  margin: 0;
  padding: 5px;
  border: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

.ui-datepicker a {
  background: #fff5e9;
  color: #eeeeee;
  -o-border-radius: 0;
  border-radius: 0;
}

.ui-datepicker .ui-widget-header {
  background: #fff5e9;
  color: #663366;
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 32px;
  height: auto;
  max-height: auto;
  min-height: 32px;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.ui-datepicker .ui-widget-header a {
  color: #663366;
  -o-border-radius: 0;
  border-radius: 0;
  line-height: 32px;
  width: 32px;
  max-width: auto;
  min-width: auto;
  height: 32px;
  max-height: auto;
  min-height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  top: 0;
}

.ui-datepicker .ui-widget-header a.ui-datepicker-prev {
  left: 0;
}

.ui-datepicker .ui-widget-header a.ui-datepicker-next {
  right: 0;
}

.ui-datepicker .ui-widget-header a:hover,
.ui-datepicker .ui-widget-header a:focus {
  background: #fff6ee;
  border: 0;
}

.ui-datepicker .ui-widget-header .ui-datepicker-title {
  line-height: 32px;
  height: auto;
  max-height: auto;
  min-height: 32px;
  font-weight: normal;
}

.ui-datepicker table {
  margin: 0;
  padding: 0;
  border: 0;
}

.ui-datepicker table tr th {
  margin: 0;
  padding: 3px;
  border: 0;
  color: #663366;
  font-size: 14px;
  font-weight: normal;
}

.ui-datepicker table tr td {
  font-size: 12px;
  font-weight: normal;
}

.ui-datepicker table tr td a.ui-state-default {
  color: #663366;
}

.ui-datepicker table tr td a.ui-state-highlight {
  background: #ffffff;
  border-color: #663366;
  color: #663366;
}

/* Corner radius */

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  -o-border-radius: 0;
  border-radius: 0;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  -o-border-radius: 0;
  border-radius: 0;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  -o-border-radius: 0;
  border-radius: 0;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  -o-border-radius: 0;
  border-radius: 0;
}

/* Sven Button Styles */

/*
* Buttons CSS - Brant Multipurpose
* Copyright 2014, Ararazu
* www.ararazu.com
*/

/* Table of Contents
==================================================

	#Buttons
	# */

/* Buttons
================================================== */

a.btn,
input.btn {
  width: auto;
  max-width: auto;
  min-width: auto;
  height: auto;
  max-height: auto;
  min-height: auto;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
  line-height: 20px;
  margin: 0 0 20px 0;
  padding: 15px 20px 13px 20px;
  border: 0;
  -o-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  background: #ffffff;
  color: #6f6f6f;
  border-bottom: 2px solid #d5d5d5;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  text-shadow: none;
  font-family: 'Inder', sans-serif;
  font-weight: 500;
  display: inline-block;
}

a.btn:hover,
input.btn:hover,
a.btn:focus,
input.btn:focus {
  background: #bbbbbb;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 2px solid #d5d5d5;
  outline: none;
}

a.btn.yellow,
input.btn.yellow {
  background: #fff5e9;
  color: #663366;
  border-color: #663366;
}

a.btn.yellow:hover,
input.btn.yellow:hover,
a.btn.yellow:focus,
input.btn.yellow:focus {
  background: #ffdfaa;
  border-color: #663366;
}

a.btn.purple,
input.btn.purple {
  background: #a55700;
  color: #eeeeee;
  border-color: #663366;
}

a.btn.purple:hover,
input.btn.purple:hover,
a.btn.purple:focus,
input.btn.purple:focus {
  background: #663366;
  border-color: #a55700;
}

a.btn.small,
input.btn.small {
  width: auto;
  max-width: auto;
  min-width: auto;
  height: auto;
  max-height: auto;
  min-height: auto;
  text-align: center;
  text-decoration: none;
  font-size: 12px;
  line-height: 16px;
  margin: 0 0 20px 0;
  padding: 10px 12px 8px 12px;
  border: 0;
  -o-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  background: #ffffff;
  color: #6f6f6f;
  border-bottom: 2px solid #d5d5d5;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  text-shadow: none;
  font-family: 'Inder', sans-serif;
  font-weight: 500;
  display: inline-block;
}

a.btn.small:hover,
input.btn.small:hover,
a.btn.small:focus,
input.btn.small:focus {
  background: #bbbbbb;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 2px solid #d5d5d5;
}

a.btn.small.yellow,
input.btn.small.yellow {
  background: #fff5e9;
  color: #663366;
  border-color: #663366;
}

a.btn.small.yellow:hover,
input.btn.small.yellow:hover,
a.btn.small.yellow:focus,
input.btn.small.yellow:focus {
  background: #ffdfaa;
  border-color: #663366;
}

a.btn.small.purple,
input.btn.small.purple {
  background: #a55700;
  color: #eeeeee;
  border-color: #663366;
}

a.btn.small.purple:hover,
input.btn.small.purple:hover,
a.btn.small.purple:focus,
input.btn.small.purple:focus {
  background: #663366;
  border-color: #a55700;
}

/* Basic jQuery Slider (customized plugin) */

/*
* Basic jQuery Slider CSS - Brant Multipurpose
* Copyright 2014, Ararazu
* www.ararazu.com
*/

/* Table of Contents
==================================================

	#Essential Styles
	#Customization
	# */

/* Essential Styles
================================================== */

#image-rotator ul.bjqs-controls a {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=@nodot)";
  filter: alpha(opacity=0);
  opacity: 0;
}

#image-rotator:hover ul.bjqs-controls a {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=@nodot)";
  filter: alpha(opacity=100);
  opacity: 1;
}

ul.bjqs {
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
  display: none;
}

li.bjqs-slide {
  position: absolute;
  display: none;
}

ul.bjqs-controls {
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 9999;
}

ol.bjqs-markers {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}

ol.bjqs-markers li {
  display: inline;
}

ol.bjqs-markers li a {
  display: inline-block;
}

p.bjqs-caption {
  display: block;
  width: 96%;
  margin: 0;
  padding: 2%;
  position: absolute;
  bottom: 0;
}

ol.bjqs-markers.h-centered {
  text-align: center;
}

ul.bjqs-controls.v-centered li a {
  position: absolute;
}

ul.bjqs-controls.v-centered li.bjqs-next a {
  top: 50% !important;
  right: 10px;
}

ul.bjqs-controls.v-centered li.bjqs-prev a {
  top: 50% !important;
  left: 10px;
}

ul.bjqs-controls.v-centered li.bjqs-next a,
ul.bjqs-controls.v-centered li.bjqs-prev a {
  margin-top: -19px;
}

#image-rotator:hover li.bjqs-next a {
  right: 10px;
}

#image-rotator:hover li.bjqs-prev a {
  left: 10px;
}

/* Div Image Rotator */

ul.bjqs-controls li a,
ul.bjqs-controls li a:hover,
ul.bjqs-controls li a:focus,
ul.bjqs-controls li a:active {
  display: block;
  padding: 10px 12px;
  text-decoration: none;
}

ol.bjqs-markers li a,
ol.bjqs-markers li a:hover,
ol.bjqs-markers li a:focus,
ol.bjqs-markers li a:active {
  width: 30px;
  max-width: auto;
  min-width: auto;
  height: 30px;
  max-height: auto;
  min-height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 28px;
  margin: 5px;
  padding: 0;
  border: 0;
  text-decoration: none;
  vertical-align: middle;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  outline: 0;
}

p.bjqs-caption {
  background: rgba(0, 0, 0, 0.9);
}

/* Customization
================================================== */

#image-rotator {
  position: relative;
}

#image-rotator ul.bjqs li {
  margin: 0;
  padding: 0;
  border: 0;
}

#image-rotator ul.bjqs-controls li {
  margin: 0;
  padding: 0;
  border: 0;
}

#image-rotator ul.bjqs-controls li a {
  width: 20px;
  max-width: auto;
  min-width: auto;
  height: 20px;
  max-height: auto;
  min-height: auto;
  background: rgba(238, 238, 238, 0.5);
  color: #a55700;
  margin: 0;
  padding: 10px;
  border: 1px solid #a55700;
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=@nodot)";
  filter: alpha(opacity=50);
  opacity: 0.5;
  font-size: 20px;
  text-align: center;
}

#image-rotator ul.bjqs-controls li a i {
  margin: 0 auto;
  padding: 0;
  border: 0;
  color: #a55700;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

#image-rotator ul.bjqs-controls li a:hover,
#image-rotator ul.bjqs-controls li a:focus {
  background: #a55700;
  color: #eeeeee;
}

#image-rotator ul.bjqs-controls li a:hover i,
#image-rotator ul.bjqs-controls li a:focus i {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  color: #fff5e9;
}

#image-rotator ul.bjqs-controls.v-centered {
  left: 0 !important;
}

#image-rotator ul.bjqs-controls.v-centered li a {
  margin-top: 82px;
}

#image-rotator ol.bjqs-markers {
  position: absolute;
  bottom: 10px;
  left: 0 !important;
}

#image-rotator ol.bjqs-markers li {
  margin: 0;
  padding: 0 5px;
  border: 0;
  overflow: hidden;
}

#image-rotator ol.bjqs-markers li a {
  background: #45413d;
  margin: 0;
  padding: 0;
  border: 0;
  width: 12px;
  max-width: auto;
  min-width: auto;
  height: 12px;
  max-height: auto;
  min-height: auto;
  -o-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
  line-height: 10em;
  text-indent: -999px;
  overflow: hidden;
}

#image-rotator ol.bjqs-markers li.active-marker a {
  background: #eeeeee;
}

/* Header Styles */

/*
* Top CSS - Brant Multipurpose
* Copyright 2014, Ararazu
* www.ararazu.com
*/

/* Table of Contents
==================================================

	#Logo
	#Menu
	#Small Top
	#Mobile Menu */

/* Top Space
================================================== */

#top-space,
#top,
h1.logo {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

#top-space {
  background: #222222;
  width: 100%;
  max-width: auto;
  min-width: auto;
  height: 80px;
  max-height: auto;
  min-height: auto;
}

#top {
  background: #ffe0bd;
  width: 100%;
  max-width: auto;
  min-width: auto;
  height: 80px;
  max-height: auto;
  min-height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2);
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 9999;
}

#top h1.logo {
  margin: 5px 0;
  padding: 0;
  border: 0;
  line-height: 40px;
  height: 40px;
  max-height: auto;
  min-height: auto;
}

#top h1.logo a img {
  width: 192px;
  max-width: auto;
  min-width: auto;
  height: 80px;
  max-height: auto;
  min-height: auto;
}

#to-top {
  margin: 0;
  padding: 10px 10px 6px 10px;
  border: 0;
  width: 25px;
  max-width: auto;
  min-width: auto;
  height: 25px;
  max-height: auto;
  min-height: auto;
  text-align: center;
  background: #fff6ee;
  color: #663366;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -o-border-radius: 2px 0px 0px 2px;
  border-radius: 2px 0px 0px 2px;
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=@nodot)";
  filter: alpha(opacity=60);
  opacity: 0.6;
  z-index: 10;
  position: fixed;
  bottom: -50px;
  right: 0px;
}

#to-top.show {
  bottom: 74px;
}

#to-top.show:hover {
  background: #663366;
  color: #eeeeee;
}

#to-top:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=@nodot)";
  filter: alpha(opacity=100);
  opacity: 1;
}

#to-top i {
  font-size: 16px;
}

/* Menu
================================================== */

#top-menu {
  margin: 0;
  padding: 0;
  border: 0;
  float: right;
}

#top-menu ul {
  margin: 0;
  padding: 0px;
  border: 0px;
}

#top-menu ul li {
  margin: 0;
  padding: 0px;
  border: 0px;
  display: inline-table;
  vertical-align: middle;
  position: relative;
}

#top-menu ul li a {
  font-size: 16px;
  color: #a55700;
  margin: 0;
  padding: 27px 20px 30px 20px;
  border: 0;
  line-height: 20px;
  float: left;
  text-decoration: none;
  border-top: 3px solid #ffe0bd;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-family: 'Francois One', sans-serif;
}

#top-menu ul li a:hover {
  background: none;
  border-top: 3px solid #45413d;
}

#top-menu ul li a.active {
  border-color: #45413d;
}

#top-menu ul li a i {
  margin-left: 5px;
  color: #663366;
}

#top-menu ul li ul {
  background: #ffffff;
}

#top-menu ul li ul.sub-menu {
  display: none;
  width: 200px;
  max-width: auto;
  min-width: auto;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  position: absolute;
  max-width: 300px;
  right: 0px;
  top: 80px;
  z-index: 9;
  border-top: 3px solid #fff5e9;
}

#top-menu ul li ul.sub-menu li {
  display: block;
  width: auto;
  max-width: auto;
  min-width: auto;
  margin: 1px 0 0 0;
  padding: 0;
  border: 0;
  float: none;
  line-height: 40px;
  position: relative;
  list-style: none;
}

#top-menu ul li ul.sub-menu li:first-child {
  margin: 0;
  padding: 0;
  border: 0;
}

#top-menu ul li ul.sub-menu li a {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background: #eeeeee;
  color: #666666;
  font-size: 12px;
  width: 100%;
  max-width: auto;
  min-width: auto;
  height: auto;
  max-height: auto;
  min-height: auto;
  line-height: auto;
  margin: 0;
  padding: 10px 10px;
  border: 0;
  text-align: left;
  float: none;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'Inder', sans-serif;
  min-height: 20px;
}

#top-menu ul li ul.sub-menu li a:hover,
#top-menu ul li ul.sub-menu li a:focus {
  background: #fff6ee !important;
  color: #663366;
}

#top-menu ul li ul.sub-menu li a:hover + ul,
#top-menu ul li ul.sub-menu li a:focus + ul {
  display: block;
}

#top-menu ul li ul.sub-menu li a i {
  margin-left: 0px;
  margin-right: 10px;
}

#top-menu ul li ul.sub-menu li:hover a + ul,
#top-menu ul li ul.sub-menu li:focus a + ul {
  display: block;
}

#top-menu ul li ul.sub-menu li ul {
  width: 200px;
  max-width: auto;
  min-width: auto;
  display: none;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: -3px;
  right: 200px;
  border-top: 3px solid #fff5e9;
  z-index: 1;
}

#top-menu ul li ul.sub-menu li ul li {
  color: #666666;
}

#top-menu ul li ul.sub-menu li ul li a {
  background: #eeeeee;
}

#top-menu ul li ul.sub-menu li ul li a:hover,
#top-menu ul li ul.sub-menu li ul li a:focus {
  background: #fff6ee;
}

#top-menu ul li ul.sub-menu li ul li a i {
  font-size: 14px;
  width: 14px;
  max-width: auto;
  min-width: auto;
  height: 16px;
  max-height: auto;
  min-height: auto;
  margin: 3px 3px 0px 0px;
  padding: 0;
  border: 0px;
  float: left;
}

#top-menu ul li.menu:hover > ul > li:hover > a,
#top-menu ul li.menu:focus > ul > li:hover > a,
#top-menu ul li.menu:hover > ul > li:focus > a,
#top-menu ul li.menu:focus > ul > li:focus > a {
  background: #fff6ee;
  color: #663366;
}

#top-menu ul li:hover ul.sub-menu {
  display: block;
}

#top-menu ul:hover > li.menu:hover > a {
  border-top: 3px solid #fff5e9;
}

#top-menu ul span.separator {
  background: #fff5e9;
  margin: 37px 0 0 0;
  padding: 0;
  border: 0;
  width: 6px;
  max-width: auto;
  min-width: auto;
  height: 6px;
  max-height: auto;
  min-height: auto;
  -o-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  display: inline-block;
}

/* Small Top
================================================== */

#top.small {
  width: 100%;
  max-width: auto;
  min-width: auto;
  height: auto;
  max-height: auto;
  min-height: auto;
  margin: 0;
  padding: 0;
  border: 0;
}

#top.small h1.logo {
  margin: 5px 0;
  padding: 0;
  border: 0;
}

#top.small #top-menu {
  margin: 0;
  padding: 0;
  border: 0;
  float: right;
}

#top.small #top-menu ul {
  margin: 0;
  padding: 0px;
  border: 0px;
}

#top.small #top-menu ul li {
  margin: 0;
  padding: 0px;
  border: 0px;
  display: inline-table;
  vertical-align: middle;
  position: relative;
}

#top.small #top-menu ul li a {
  font-size: 16px;
  color: #a55700;
  margin: 0;
  padding: 14px 20px 19px 20px;
  border: 0;
  line-height: 20px;
  float: left;
  text-decoration: none;
  border-top: 3px solid #ffe0bd;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-family: 'Francois One', sans-serif;
}

#top.small #top-menu ul li a:hover {
  border-top: 3px solid #45413d;
}

#top.small #top-menu ul li a.active {
  border-color: #45413d;
}

#top.small #top-menu ul li ul {
  background: #ffffff;
}

#top.small #top-menu ul li ul.sub-menu {
  width: 200px;
  max-width: auto;
  min-width: auto;
  display: none;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  position: absolute;
  max-width: 300px;
  right: 0px;
  top: 56px;
  z-index: 9;
  border-top: 3px solid #fff5e9;
}

#top.small #top-menu ul li ul.sub-menu li {
  display: block;
  width: auto;
  max-width: auto;
  min-width: auto;
  margin: 1px 0 0 0;
  padding: 0;
  border: 0;
  float: none;
  line-height: 40px;
  position: relative;
  list-style: none;
}

#top.small #top-menu ul li ul.sub-menu li:first-child {
  margin: 0;
  padding: 0;
  border: 0;
}

#top.small #top-menu ul li ul.sub-menu li a {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background: #eeeeee;
  color: #666666;
  font-size: 12px;
  width: 100%;
  max-width: auto;
  min-width: auto;
  height: auto;
  max-height: auto;
  min-height: auto;
  line-height: auto;
  margin: 0;
  padding: 10px 10px;
  border: 0;
  text-align: left;
  float: none;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'Inder', sans-serif;
  min-height: 20px;
}

#top.small #top-menu ul li ul.sub-menu li a:hover,
#top.small #top-menu ul li ul.sub-menu li a:focus {
  background: #fff6ee !important;
  color: #663366;
}

#top.small #top-menu ul li ul.sub-menu li a:hover + ul,
#top.small #top-menu ul li ul.sub-menu li a:focus + ul {
  display: block;
}

#top.small #top-menu ul li ul.sub-menu li:hover a + ul,
#top.small #top-menu ul li ul.sub-menu li:focus a + ul {
  display: block;
}

#top.small #top-menu ul li ul.sub-menu li ul {
  width: 200px;
  max-width: auto;
  min-width: auto;
  display: none;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: -3px;
  right: 200px;
  border-top: 3px solid #fff5e9;
  z-index: 1;
}

#top.small #top-menu ul li ul.sub-menu li ul li {
  color: #666666;
}

#top.small #top-menu ul li ul.sub-menu li ul li a {
  background: #eeeeee;
}

#top.small #top-menu ul li ul.sub-menu li ul li a:hover,
#top.small #top-menu ul li ul.sub-menu li ul li a:focus {
  background: #fff6ee;
}

#top.small #top-menu ul li ul.sub-menu li ul li a i {
  font-size: 14px;
  width: 14px;
  max-width: auto;
  min-width: auto;
  height: 16px;
  max-height: auto;
  min-height: auto;
  margin: 3px 3px 0px 0px;
  padding: 0;
  border: 0px;
  float: left;
}

#top.small #top-menu ul li.menu:hover > ul > li:hover > a,
#top.small #top-menu ul li.menu:focus > ul > li:hover > a,
#top.small #top-menu ul li.menu:hover > ul > li:focus > a,
#top.small #top-menu ul li.menu:focus > ul > li:focus > a {
  background: #fff6ee;
  color: #663366;
}

#top.small #top-menu ul li:hover ul.sub-menu {
  display: block;
}

#top.small #top-menu ul:hover > li.menu:hover > a {
  border-top: 3px solid #fff5e9;
}

#top.small #top-menu ul span.separator {
  background: #fff5e9;
  margin: 25px 0 0 0;
  padding: 0;
  border: 0;
  width: 6px;
  max-width: auto;
  min-width: auto;
  height: 6px;
  max-height: auto;
  min-height: auto;
  -o-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  display: inline-block;
}

/* Mobile Menu
================================================== */

#mobile-top-menu a.mobile-nav-button {
  background: #fff5e9;
  color: #663366;
  width: 30px;
  max-width: auto;
  min-width: auto;
  height: 30px;
  max-height: auto;
  min-height: auto;
  text-align: center;
  text-decoration: none;
  margin: 10px 0;
  padding: 5px 7px 5px 6px;
  border: 0;
  display: block;
  font-size: 24px;
  line-height: 30px;
  float: right;
  -o-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  display: none;
}

#mobile-top-menu a.mobile-nav-button i {
  display: table-cell;
  vertical-align: middle;
}

#mobile-top-menu #menu-list {
  display: none;
  background: #eeeeee;
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  max-width: auto;
  min-width: auto;
  height: 380px;
  max-height: auto;
  min-height: auto;
  position: absolute;
  overflow: auto;
  top: 60px;
  left: 0;
}

#mobile-top-menu #menu-list ul {
  margin: 0;
  padding: 0;
  border: 0;
}

#mobile-top-menu #menu-list li {
  text-decoration: none;
  margin: 0;
  padding: 0;
  border: 0px;
}

#mobile-top-menu #menu-list li a {
  background: #eeeeee;
  color: #663366;
  text-decoration: none;
  margin: 0;
  padding: 10px;
  border: 0px;
  display: block;
  text-transform: capitalize;
  border-bottom: 1px solid #ffffff;
}

#mobile-top-menu #menu-list li a:hover,
#mobile-top-menu #menu-list li a:focus {
  background: #fff6ee;
}

#mobile-top-menu #menu-list li ul.sub-menu {
  margin: 0;
  padding: 0;
  border: 0;
}

#mobile-top-menu #menu-list li ul.sub-menu li {
  margin: 0;
  padding: 0;
  border: 0;
}

#mobile-top-menu #menu-list li ul.sub-menu li a {
  background: #e1e1e1;
  margin: 0;
  padding: 10px;
  border: 0px;
  border-bottom: 1px solid #ffffff;
  font-size: 12px;
}

#mobile-top-menu #menu-list li ul.sub-menu li a:before {
  content: "\2014 \0020";
}

#mobile-top-menu #menu-list li ul.sub-menu li a:hover,
#mobile-top-menu #menu-list li ul.sub-menu li a:focus {
  background: #fff6ee;
}

#mobile-top-menu #menu-list li ul.sub-menu li a i {
  display: none;
}

#mobile-top-menu #menu-list li ul.sub-menu li ul {
  margin: 0;
  padding: 0;
  border: 0;
}

#mobile-top-menu #menu-list li ul.sub-menu li ul li {
  margin: 0;
  padding: 0;
  border: 0;
}

#mobile-top-menu #menu-list li ul.sub-menu li ul li a {
  background: #d5d5d5;
  margin: 0;
  padding: 10px;
  border: 0px;
  border-bottom: 1px solid #ffffff;
  font-size: 12px;
}

#mobile-top-menu #menu-list li ul.sub-menu li ul li a:before {
  content: "\2014 \0020 \2014 \0020";
}

#mobile-top-menu #menu-list li ul.sub-menu li ul li a:hover,
#mobile-top-menu #menu-list li ul.sub-menu li ul li a:focus {
  background: #fff6ee;
}

#mobile-top-menu #menu-list li ul.sub-menu li ul li a i {
  display: none;
}

/* Original Hover Effects w/ CSS (customized plugin) */

/*
* Original Hover Effects CSS - Brant Multipurpose
* Copyright 2014, Ararazu
* www.ararazu.com
*/

/* Table of Contents
==================================================

	#Original Hover Effects ( http://tympanus.net/codrops/2011/11/02/original-hover-effects-with-css3/ )
	#Style Demo 1
	#Customization */

/* Original Hover Effects
================================================== */

.view {
  background: #ffffff url('../img/hovereffects/bgimg.jpg') no-repeat center center;
  width: 300px;
  max-width: auto;
  min-width: auto;
  height: 200px;
  max-height: auto;
  min-height: auto;
  margin: 10px 0 0 0;
  padding: 0;
  border: 10px solid #ffffff;
  float: left;
  -webkit-box-shadow: 1px 1px 2px 0px #e6e6e6;
  -ms-box-shadow: 1px 1px 2px 0px #e6e6e6;
  -o-box-shadow: 1px 1px 2px 0px #e6e6e6;
  box-shadow: 1px 1px 2px 0px #e6e6e6;
  text-align: center;
  overflow: hidden;
  position: relative;
  cursor: default;
}

.view .mask,
.view .content {
  width: 300px;
  max-width: auto;
  min-width: auto;
  height: 200px;
  max-height: auto;
  min-height: auto;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}

.view img {
  display: block;
  position: relative;
}

.view h2 {
  background: rgba(0, 0, 0, 0.8);
  color: #ffffff;
  text-align: center;
  margin: 20px 0 0 0;
  padding: 10px;
  border: 0;
  font-size: 17px;
  text-transform: uppercase;
  position: relative;
}

.view p {
  font-size: 12px;
  color: #ffffff;
  margin: auto;
  padding: 10px 20px 20px;
  border: 0;
  text-align: center;
  font-family: Georgia, serif;
  font-style: italic;
  position: relative;
}

.view a.info {
  background: #000000;
  margin: auto;
  padding: 7px 14px;
  border: 0;
  color: #ffffff;
  text-transform: uppercase;
  -webkit-box-shadow: 0px 0px 1px 0px #000000;
  -ms-box-shadow: 0px 0px 1px 0px #000000;
  -o-box-shadow: 0px 0px 1px 0px #000000;
  box-shadow: 0px 0px 1px 0px #000000;
  text-decoration: none;
  display: inline-block;
}

.view a.info:hover {
  -webkit-box-shadow: 0px 0px 5px 0px #000000;
  -ms-box-shadow: 0px 0px 5px 0px #000000;
  -o-box-shadow: 0px 0px 5px 0px #000000;
  box-shadow: 0px 0px 5px 0px #000000;
}

/* Style Demo 1
================================================== */

.view img {
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.view .mask {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=@nodot)";
  filter: alpha(opacity=0);
  opacity: 0;
  background-color: rgba(219, 127, 8, 0.7);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.view h2 {
  -webkit-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  transform: translateY(-100px);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=@nodot)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.view h3 {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=@nodot)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.view p {
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=@nodot)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.view div.social {
  -webkit-transform: translateY(100px);
  -ms-transform: translateY(100px);
  transform: translateY(100px);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=@nodot)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.view div.options {
  -webkit-transform: translateY(300px);
  -ms-transform: translateY(300px);
  transform: translateY(300px);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=@nodot)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.view a.info {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=@nodot)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.view:hover .mask {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=@nodot)";
  filter: alpha(opacity=100);
  opacity: 1;
}

.view:hover h2,
.view:hover h3,
.view:hover p,
.view:hover a.info,
.view:hover div.social,
.view:hover div.options {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=@nodot)";
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}

.view:hover p {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.view:hover a.info {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

/* Customization
================================================== */

.view {
  background: none;
  width: 200px;
  max-width: 100%;
  min-width: auto;
  height: 267px;
  max-height: auto;
  min-height: auto;
  margin: 0 0 20px 0;
  padding: 0;
  border: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  float: none;
  text-align: center;
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=@nodot)";
  filter: alpha(opacity=0);
  opacity: 0;
  overflow: hidden;
  position: relative;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -moz-touch-callout: none;
  -ms-touch-callout: none;
  -o-touch-callout: none;
  touch-callout: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
}

.view.show-me {
  -webkit-transition: 1.5s;
  transition: 1.5s;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=@nodot)";
  filter: alpha(opacity=100);
  opacity: 1;
  }

.view .mask,
.view .content {
  width: 100%;
  max-width: auto;
  min-width: auto;
  height: 100%;
  max-height: auto;
  min-height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}

.view .mask {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=@nodot)";
  filter: alpha(opacity=0);
  opacity: 0;
  background-color: rgba(255, 197, 131, 0.5);
  width: 100%;
  max-width: auto;
  min-width: auto;
  height: 100%;
  max-height: auto;
  min-height: auto;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  cursor: pointer;
}

.view img {
  background: #eeeeee;
  display: block;
  width: 100%;
  max-width: auto;
  min-width: auto;
  height: 100%;
  max-height: auto;
  min-height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}

.view h2,
.out h2 {
  background: none;
  color: #ffffff;
  text-align: center;
  line-height: 20px;
  margin: 50px 0 0 0;
  padding: 0;
  border: 0;
  font-size: 20px;
  text-transform: capitalize;
  position: relative;
}

.view h3,
.out h3 {
  color: #fff5e9;
  text-align: center;
  margin: 5px 20px;
  padding: 0;
  border: 0;
  line-height: 20px;
  font-size: 14px;
  font-family: 'Inder', sans-serif;
  position: relative;
}

.view p,
.out p {
  font-size: 12px;
  color: #eeeeee;
  margin: auto;
  padding: 5px 10px;
  border: 0;
  line-height: 14px;
  text-align: center;
  font-family: 'Inder', sans-serif;
  font-style: normal;
  position: relative;
}

.view div.social,
.out div.social {
  margin: 5px 0 0 0;
  padding: 0;
  border: 0;
  text-align: center;
}

.view div.social a,
.out div.social a {
  text-align: center;
  color: #eeeeee;
  margin: 0;
  padding: 3px;
  border: 1px solid #eeeeee;
  font-size: 13px;
  width: 16px;
  max-width: auto;
  min-width: auto;
  height: 16px;
  max-height: auto;
  min-height: auto;
  line-height: 16px;
  -o-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  display: inline-block;
}

.view div.social a:hover,
.out div.social a:hover,
.view div.social a:focus,
.out div.social a:focus {
  color: #fff5e9;
  border-color: #fff5e9;
}

.view div.options,
.out div.options {
  margin: 25px 0 0 0;
  padding: 0;
  border: 0;
  text-align: center;
}

.view div.options a,
.out div.options a {
  text-align: center;
  color: #eeeeee;
  margin: 0;
  padding: 10px;
  border: 1px solid #eeeeee;
  font-size: 19px;
  width: 19px;
  max-width: auto;
  min-width: auto;
  height: 19px;
  max-height: auto;
  min-height: auto;
  line-height: 19px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  display: inline-block;
}

.view div.options a:hover,
.out div.options a:hover,
.view div.options a:focus,
.out div.options a:focus {
  background: #eeeeee;
  color: #663366;
  border-color: #eeeeee;
}

.view.circle {
  margin: 0 0 20px 0;
  padding: 8px;
  border: 3px solid #eeeeee;
  width: 220px;
  max-width: auto;
  min-width: auto;
  height: 220px;
  max-height: auto;
  min-height: auto;
}

.view.circle:hover,
.view.circle:focus {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
}

.view.circle,
.view.circle .mask,
.view.circle .content,
.view.circle img {
  -o-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
}

.view.circle .mask {
  width: 198px;
  max-width: auto;
  min-width: auto;
  height: 198px;
  max-height: auto;
  min-height: auto;
  margin: 8px;
}

.view.circle h2 {
  margin: 40px 0 0 0;
  padding: 0;
  border: 0;
}

.view.circle h3 {
  margin: 0 10px;
  padding: 0;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.out {
  width: 100%;
  max-width: auto;
  min-width: auto;
  display: block;
}

.out h2 {
  color: #663366;
  margin: 0;
  padding: 0;
  border: 0;
}

.out h3 {
  color: #663366;
  margin: 0 10px;
  padding: 0;
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.out p {
  font-size: 12px;
  color: #663366;
}

.out div.social {
  margin: 5px 0 0 0;
  padding: 0;
  border: 0;
}

.out div.social a {
  background: rgba(0, 0, 0, 0.1);
  color: #663366;
  margin: 0;
  padding: 4px;
  border: 0;
}

.out div.social a:hover,
.out div.social a:focus {
  background: #663366;
  color: #eeeeee;
  border-color: #663366;
}

/* Box created to join and control all box-view on small screens (responsive) */

#orig-he {
  width: 100%;
  max-width: auto;
  min-width: auto;
}

.box-view {
  margin: 0 6px 0 5px;
  padding: 0;
  border: 0;
  width: 220px;
  max-width: auto;
  min-width: auto;
  display: inline-block;
}

.loading-content {
  background: #ffffff;
  text-align: center;
  margin: 0 auto 20px auto;
  padding: 20px 0px;
  border: 0;
  display: none;
}

.loading-content .loader {
  background: #eeeeee url('../img/loading.gif') center center no-repeat;
  width: 220px;
  max-width: auto;
  min-width: auto;
  height: 19px;
  max-height: auto;
  min-height: auto;
  text-align: center;
  margin: 0 auto;
  padding: 0;
  border: 0;
}

.hidden-content {
  display: none;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=@nodot)";
  filter: alpha(opacity=0);
  opacity: 0;
}

.hidden-content.open {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=@nodot)";
  filter: alpha(opacity=100);
  opacity: 1;
}
/* Slit Slider (customized plugin) */

/*
* Slideshow CSS - Sven Multipurpose
* Copyright 2014, Ararazu
* www.ararazu.com
*/

/* Table of Contents
==================================================

	#Slit Slider
	#Plugin Demo
	#Sven Customization Details


/* Slit Slider
================================================== */

.sl-slider-wrapper {
  width: 800px;
  height: 400px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.sl-slider {
  position: absolute;
  top: 0;
  left: 0;
}

/* Slide wrapper and slides */

.sl-slide,
.sl-slides-wrapper,
.sl-slide-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.sl-slide {
  z-index: 1;
}

/* The duplicate parts/slices */

.sl-content-slice {
  overflow: hidden;
  position: absolute;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background: #fff;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: 1;
}

/* Horizontal slice */

.sl-slide-horizontal .sl-content-slice {
  width: 100%;
  height: 50%;
  left: -200px;
  -webkit-transform: translateY(0%) scale(1);
  -ms-transform: translateY(0%) scale(1);
  transform: translateY(0%) scale(1);
}

.sl-slide-horizontal .sl-content-slice:first-child {
  top: -200px;
  padding: 200px 200px 0px 200px;
}

.sl-slide-horizontal .sl-content-slice:nth-child(2) {
  top: 50%;
  padding: 0px 200px 200px 200px;
}

/* Vertical slice */

.sl-slide-vertical .sl-content-slice {
  width: 50%;
  height: 100%;
  top: -200px;
  -webkit-transform: translateX(0%) scale(1);
  -ms-transform: translateX(0%) scale(1);
  transform: translateX(0%) scale(1);
}

.sl-slide-vertical .sl-content-slice:first-child {
  left: -200px;
  padding: 200px 0px 200px 200px;
}

.sl-slide-vertical .sl-content-slice:nth-child(2) {
  left: 50%;
  padding: 200px 200px 200px 0px;
}

/* Content wrapper */

/* Width and height is set dynamically */

.sl-content-wrapper {
  position: absolute;
}

.sl-content {
  width: 100%;
  height: 100%;
  background: #fff;
}

/* Default styles for background colors */

.sl-slide-horizontal .sl-slide-inner {
  background: #ddd;
}

.sl-slide-vertical .sl-slide-inner {
  background: #ccc;
}

/* Plugin Demo
================================================== */

.sl-slider-wrapper {
  width: 100%;
  height: 510px;
  overflow: hidden;
  position: relative;
}

.sl-slider h2,
.sl-slider blockquote {
  padding: 50px 30px 10px 30px;
  width: 80%;
  max-width: 960px;
  color: #FFFFFF;
  margin: 0 auto;
  position: relative;
  z-index: 100;
}

.sl-slider h2 {
  font-size: 80px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.sl-slider blockquote {
  font-size: 28px;
  padding-top: 10px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.sl-slider blockquote p {
  font-size: 18px;
  color: #eeeeee;
}

.sl-slider blockquote cite {
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 5px;
  padding-top: 30px;
  display: inline-block;
}

.bg-img {
  padding: 200px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  top: -200px;
  left: -200px;
  width: 100%;
  height: 100%;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
}

/* Content elements */

.demo-1 .deco {
  width: 260px;
  height: 260px;
  border: 2px dashed #ddd;
  border: 2px dashed rgba(150, 150, 150, 0.4);
  border-radius: 50%;
  position: absolute;
  bottom: 50%;
  left: 50%;
  margin: 0 0 0 -130px;
}

.demo-1 [data-icon]:after {
  content: attr(data-icon);
  font-family: 'AnimalsNormal';
  color: #999;
  text-shadow: 0 0 1px #999;
  position: absolute;
  width: 220px;
  height: 220px;
  line-height: 220px;
  text-align: center;
  font-size: 100px;
  top: 50%;
  left: 50%;
  margin: -110px 0 0 -110px;
  -webkit-box-shadow: inset 0 0 0 10px #F7F7F7;
  box-shadow: inset 0 0 0 10px #F7F7F7;
  border-radius: 50%;
}

.demo-1 .sl-slide h2 {
  color: #000;
  text-shadow: 0 0 1px #000;
  padding: 20px;
  position: absolute;
  font-size: 34px;
  font-weight: 700;
  letter-spacing: 13px;
  text-transform: uppercase;
  width: 80%;
  left: 10%;
  text-align: center;
  line-height: 50px;
  bottom: 50%;
  margin: 0 0 -120px 0;
}

.demo-1 .sl-slide blockquote {
  position: absolute;
  width: 100%;
  text-align: center;
  left: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  height: 70px;
  color: #8b8b8b;
  z-index: 2;
  bottom: 50%;
  margin: 0 0 -200px 0;
  padding: 0;
}

.demo-1 .sl-slide blockquote p {
  margin: 0 auto;
  width: 60%;
  max-width: 400px;
  position: relative;
}

.demo-1 .sl-slide blockquote p:before {
  color: #f0f0f0;
  color: rgba(244, 244, 244, 0.65);
  font-family: "Bookman Old Style", Bookman, Garamond, serif;
  position: absolute;
  line-height: 60px;
  width: 75px;
  height: 75px;
  font-size: 200px;
  z-index: -1;
  left: -80px;
  top: 35px;
  content: '\201C';
}

.demo-1 .sl-slide blockquote cite {
  font-size: 10px;
  padding-top: 10px;
  display: inline-block;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 4px;
}

/* Custom background colors for slides in first demo */

/* First Slide */

.demo-1 .bg-1 .sl-slide-inner,
.demo-1 .bg-1 .sl-content-slice {
  background: #fff;
}

/* Second Slide */

.demo-1 .bg-2 .sl-slide-inner,
.demo-1 .bg-2 .sl-content-slice {
  background: #000;
}

.demo-1 .bg-2 [data-icon]:after,
.demo-1 .bg-2 h2 {
  color: #fff;
}

.demo-1 .bg-2 blockquote:before {
  color: #222;
}

/* Third Slide */

.demo-1 .bg-3 .sl-slide-inner,
.demo-1 .bg-3 .sl-content-slice {
  background: #db84ad;
}

.demo-1 .bg-3 .deco {
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.5);
}

.demo-1 .bg-3 [data-icon]:after {
  color: #fff;
  text-shadow: 0 0 1px #fff;
  -webkit-box-shadow: inset 0 0 0 10px #b55381;
  box-shadow: inset 0 0 0 10px #b55381;
}

.demo-1 .bg-3 h2,
.demo-1 .bg-3 blockquote {
  color: #fff;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
}

.demo-1 .bg-3 blockquote:before {
  color: #c46c96;
}

/* Forth Slide */

.demo-1 .bg-4 .sl-slide-inner,
.demo-1 .bg-4 .sl-content-slice {
  background: #5bc2ce;
}

.demo-1 .bg-4 .deco {
  border-color: #379eaa;
}

.demo-1 .bg-4 [data-icon]:after {
  text-shadow: 0 0 1px #277d87;
  color: #277d87;
}

.demo-1 .bg-4 h2,
.demo-1 .bg-4 blockquote {
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.demo-1 .bg-4 blockquote:before {
  color: #379eaa;
}

/* Fifth Slide */

.demo-1 .bg-5 .sl-slide-inner,
.demo-1 .bg-5 .sl-content-slice {
  background: #ffeb41;
}

.demo-1 .bg-5 .deco {
  border-color: #ECD82C;
}

.demo-1 .bg-5 .deco:after {
  color: #000;
  text-shadow: 0 0 1px #000;
}

.demo-1 .bg-5 h2,
.demo-1 .bg-5 blockquote {
  color: #000;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}

.demo-1 .bg-5 blockquote:before {
  color: #ecd82c;
}

/* Animations for content elements */

.sl-trans-elems .deco {
  -webkit-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
  -ms-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
  animation: roll 1s ease-out both, fadeIn 1s ease-out both;
}

.sl-trans-elems h2 {
  -webkit-animation: moveUp 1s ease-in-out both;
  -ms-animation: moveUp 1s ease-in-out both;
  animation: moveUp 1s ease-in-out both;
}

.sl-trans-elems blockquote {
  -webkit-animation: fadeIn 0.5s linear 0.5s both;
  -ms-animation: fadeIn 0.5s linear 0.5s both;
  animation: fadeIn 0.5s linear 0.5s both;
}

.sl-trans-back-elems .deco {
  -webkit-animation: scaleDown 1s ease-in-out both;
  -ms-animation: scaleDown 1s ease-in-out both;
  animation: scaleDown 1s ease-in-out both;
}

.sl-trans-back-elems h2 {
  -webkit-animation: fadeOut 1s ease-in-out both;
  -ms-animation: fadeOut 1s ease-in-out both;
  animation: fadeOut 1s ease-in-out both;
}

.sl-trans-back-elems blockquote {
  -webkit-animation: fadeOut 1s linear both;
  -ms-animation: fadeOut 1s linear both;
  animation: fadeOut 1s linear both;
}

@-webkit-keyframes roll {
  0% {
    -webkit-transform: translateX(500px) rotate(360deg);
  }

  100% {
    -webkit-transform: translateX(0px) rotate(0deg);
  }
}

@-ms-keyframes roll {
  0% {
    -ms-transform: translateX(500px) rotate(360deg);
    opacity: 0;
  }

  100% {
    -ms-transform: translateX(0px) rotate(0deg);
    opacity: 1;
  }
}

@keyframes roll {
  0% {
    -webkit-transform: translateX(500px) rotate(360deg);
    -ms-transform: translateX(500px) rotate(360deg);
    transform: translateX(500px) rotate(360deg);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
    opacity: 1;
  }
}

@-webkit-keyframes moveUp {
  0% {
    -webkit-transform: translateY(40px);
  }

  100% {
    -webkit-transform: translateY(0px);
  }
}

@-ms-keyframes moveUp {
  0% {
    -ms-transform: translateY(40px);
  }

  100% {
    -ms-transform: translateY(0px);
  }
}

@keyframes moveUp {
  0% {
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
  }

  100% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes scaleDown {
  0% {
    -webkit-transform: scale(1);
  }

  100% {
    -webkit-transform: scale(0.5);
  }
}

@-ms-keyframes scaleDown {
  0% {
    -ms-transform: scale(1);
  }

  100% {
    -ms-transform: scale(0.5);
  }
}

@keyframes scaleDown {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-ms-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* Media Queries for custom slider */

@media screen and (max-width: 660px) {
  .demo-1 .deco {
    width: 130px;
    height: 130px;
    margin-left: -65px;
    margin-bottom: 50px;
  }

  .demo-1 [data-icon]:after {
    width: 110px;
    height: 110px;
    line-height: 110px;
    font-size: 40px;
    margin: -55px 0 0 -55px;
  }

  .demo-1 .sl-slide blockquote {
    margin-bottom: -120px;
  }

  .demo-1 .sl-slide h2 {
    line-height: 22px;
    font-size: 18px;
    margin-bottom: -40px;
    letter-spacing: 8px;
  }

  .demo-1 .sl-slide blockquote p:before {
    line-height: 10px;
    width: 40px;
    height: 40px;
    font-size: 120px;
    left: -45px;
  }

  .sl-slider-wrapper {
    height: 500px;
  }

  .sl-slider h2 {
    font-size: 36px;
  }

  .sl-slider blockquote {
    font-size: 16px;
  }
}

/* Sven Customization Details
================================================== */

#slideshow {
  background: #222222 url('../img/slideshow/loading.gif') center center no-repeat;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  /* Custom navigation arrows */
  /* Custom navigation dots */
}

#slideshow.color {
  background: #a55700;
}

#slideshow .bg-img {
  padding: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  -o-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  top: 0px;
  left: 0px;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: top center;
}

#slideshow .container {
  width: 100%;
}

#slideshow .over-color,
#slideshow .over-pattern {
  width: 100%;
  max-width: auto;
  min-width: auto;
  height: 510px;
  max-height: auto;
  min-height: auto;
  position: absolute;
  top: 0;
  left: 0;
}

#slideshow .over-color {
  background: #663366;
  z-index: 6;
  opacity: 0.30;
  filter: alpha(opacity=30);
}

#slideshow .over-pattern {
  background: url('../img/slideshow/pattern.png') 0 0 repeat;
  z-index: 7;
}

#slideshow .sl-slider {
  display: none;
}

#slideshow .sl-slider h2 {
  color: #fff5e9;
  font-size: 72px;
  text-align: right;
  line-height: 68px;
  padding: 50px 35px 10px 30px;
  font-family: 'Allura', cursive;
}

#slideshow blockquote {
  margin: 0px auto 0 auto;
  padding: 0;
  border: 0;
  text-align: center;
}

#slideshow blockquote p {
  text-align: right;
  margin: 0px 5px 0px 0px;
  padding: 0px;
  border: 0px;
}

#slideshow blockquote cite {
  background: rgba(255, 255, 255, 0.1);
  color: #eeeeee;
  font-size: 12px;
  text-transform: uppercase;
  margin: 5px 0 0 0;
  padding: 3px 10px;
  border: 0;
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  text-align: right;
  float: right;
  border-bottom: 3px solid #fff5e9;
  font-weight: normal;
  letter-spacing: 3px;
}

#slideshow .nav-arrows span {
  width: 40px;
  max-width: auto;
  min-width: auto;
  height: 40px;
  max-height: auto;
  min-height: auto;
  margin-top: -20px;
  border: 2px solid #fff5e9;
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=@nodot)";
  filter: alpha(opacity=25);
  opacity: 0.25;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  text-indent: -90000px;
  position: absolute;
  z-index: 2000;
  top: 50%;
  cursor: pointer;
}

#slideshow .nav-arrows span.nav-arrow-prev {
  border-right: none;
  border-top: none;
  -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.2);
  left: 5%;
}

#slideshow .nav-arrows span.nav-arrow-next {
  border-left: none;
  border-bottom: none;
  -webkit-box-shadow: 2px 0px 0px 0px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 2px 0px 0px 0px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 2px 0px 0px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 0px 0px 0px rgba(0, 0, 0, 0.2);
  right: 5%;
}

#slideshow .nav-arrows span:hover {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=@nodot)";
  filter: alpha(opacity=100);
  opacity: 1;
}

#slideshow .nav-dots {
  text-align: center;
  width: 100%;
  max-width: auto;
  min-width: auto;
  height: 30px;
  max-height: auto;
  min-height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 10px solid #a55700;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1000;
}

#slideshow .nav-dots .dots-box {
  width: auto;
  max-width: auto;
  min-width: auto;
  background: #a55700;
  text-align: center;
  margin: 0 auto;
  padding: 0px 8px;
  border: 0;
  display: inline-block;
}

#slideshow .nav-dots .dots-box:before {
  content: " ";
  width: 0;
  max-width: auto;
  min-width: auto;
  height: 0;
  max-height: auto;
  min-height: auto;
  line-height: 0;
  float: left;
  margin-left: -38px;
  border-style: solid;
  border-width: 30px 30px 0px 0;
  border-color: transparent #a55700 transparent transparent;
  _border-color: #000000 #a55700 #000000 #000000;
  _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
  display: inline-block;
}

#slideshow .nav-dots .dots-box:after {
  content: "";
  width: 0;
  max-width: auto;
  min-width: auto;
  height: 0;
  max-height: auto;
  min-height: auto;
  line-height: 0;
  float: right;
  margin-right: -38px;
  border-style: solid;
  border-width: 30px 0px 0px 30px;
  border-color: transparent transparent transparent #a55700;
  _border-color: #000000 #000000 #000000 #a55700;
  _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
  display: inline-block;
}

#slideshow .nav-dots .dots-box span {
  background: #45413d;
  width: 10px;
  max-width: auto;
  min-width: auto;
  height: 10px;
  max-height: auto;
  min-height: auto;
  float: left;
  -o-border-radius: 100% 100% 100% 100%;
  border-radius: 100% 100% 100% 100%;
  margin: 10px 5px 0px 5px;
  padding: 0;
  border: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  display: inline-block;
  position: relative;
  cursor: pointer;
}

#slideshow .nav-dots .dots-box span.nav-dot-current,
#slideshow .nav-dots .dots-box span:hover {
  background: #eeeeee;
}

#slideshow .center {
  text-align: center;
  width: 100%;
  max-width: auto;
  min-width: auto;
  height: 100%;
  max-height: auto;
  min-height: auto;
  position: absolute;
  top: 0;
  left: 0;
  display: table;
  z-index: 7;
}

#slideshow .center .vcenter {
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}

#slideshow .center .vcenter a,
#slideshow .center .vcenter a:visited {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  background: #eeeeee url('../img/slideshow/button-effect.png') center center no-repeat;
  margin: 0 auto;
  padding: 8px 35px 12px 30px;
  border: 0;
  height: 40px;
  max-height: auto;
  min-height: auto;
  line-height: 40px;
  color: #663366;
  font-size: 26px;
  text-align: center;
  -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.3);
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  text-decoration: none;
  font-family: 'Francois One', sans-serif;
  clear: both;
  display: table;
  /* Active State Button */
}

#slideshow .center .vcenter a i,
#slideshow .center .vcenter a:visited i {
  margin: 0 5px 0 0;
  padding: 0;
  border: 0;
}

#slideshow .center .vcenter a span.emphasis,
#slideshow .center .vcenter a:visited span.emphasis {
  font-family: 'Francois One', sans-serif;
}

#slideshow .center .vcenter a:hover,
#slideshow .center .vcenter a:visited:hover,
#slideshow .center .vcenter a:focus,
#slideshow .center .vcenter a:visited:focus {
  background: #663366 url('../img/slideshow/button-effect.png') center center no-repeat;
  color: #eeeeee;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-box-shadow: 0px 3px 0px 0px #a55700;
  -ms-box-shadow: 0px 3px 0px 0px #a55700;
  -o-box-shadow: 0px 3px 0px 0px #a55700;
  box-shadow: 0px 3px 0px 0px #a55700;
  text-shadow: 0px 2px 0px #a55700;
}

#slideshow .center .vcenter a:hover span.emphasis,
#slideshow .center .vcenter a:visited:hover span.emphasis,
#slideshow .center .vcenter a:focus span.emphasis,
#slideshow .center .vcenter a:visited:focus span.emphasis {
  color: #fff5e9;
}

#slideshow .center .vcenter a:active,
#slideshow .center .vcenter a:visited:active {
  -webkit-transform: translate(0px, 3px);
  -ms-transform: translate(0px, 3px);
  transform: translate(0px, 3px);
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

#slideshow .center .vcenter a.active,
#slideshow .center .vcenter a:visited.active {
  background: #a2a2a2;
  -webkit-box-shadow: 2px 3px 0 #888888 #000000;
  -ms-box-shadow: 2px 3px 0 #888888 #000000;
  -o-box-shadow: 2px 3px 0 #888888 #000000;
  box-shadow: 2px 3px 0 #888888 #000000;
  color: #ffffff;
}

#slideshow .center .vcenter a.active:hover,
#slideshow .center .vcenter a:visited.active:hover,
#slideshow .center .vcenter a.active:focus,
#slideshow .center .vcenter a:visited.active:focus {
  background: #aeaeae;
  -webkit-box-shadow: 2px 3px 0 #959595 #000000;
  -ms-box-shadow: 2px 3px 0 #959595 #000000;
  -o-box-shadow: 2px 3px 0 #959595 #000000;
  box-shadow: 2px 3px 0 #959595 #000000;
}

#slideshow .center .vcenter a.active:active,
#slideshow .center .vcenter a:visited.active:active {
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

#slideshow .center .vcenter a.rounded,
#slideshow .center .vcenter a:visited.rounded {
  -o-border-radius: 30px 30px 30px 30px;
  border-radius: 30px 30px 30px 30px;
}

#slideshow .center .vcenter a.circular,
#slideshow .center .vcenter a:visited.circular {
  -o-border-radius: 100% 100% 100% 100%;
  border-radius: 100% 100% 100% 100%;
}

/* Sven Icon Boxes */

/*
* Iconbox CSS - Sven Multipurpose
* Copyright 2014, Ararazu
* www.ararazu.com
*/

/* Table of Contents
==================================================

	#Icon Box Elements
	# */

/* Icon Box Elements
================================================== */

#icon-box {
  background: #eeeeee url('../img/patterns/bright_squares.png') 0 0 repeat;
  margin: 0;
  padding: 50px 0 50px 0;
  border: 0;
  text-align: center;
}

#icon-box .box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0 40px;
  border: 0;
}

#icon-box .box.rotate-now a i {
  -webkit-transition: -webkit-transform 1s;
  transition: transform 1s;
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}

#icon-box .box.rotate-now a:hover i,
#icon-box .box.rotate-now a:focus i {
  -webkit-transition: -webkit-transform 1s;
  transition: transform 1s;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

#icon-box .box h1 {
  font-size: 21px;
  color: #a55700;
  text-align: center;
  margin: 0;
  padding: 0;
  border: 0;
}

#icon-box .box p {
  font-size: 14px;
  line-height: 18px;
  margin-top: 0;
  color: #666666;
}

#icon-box .box a {
  background: #eeeeee;
  margin: 10px auto 35px auto;
  padding: 50px;
  border: 3px solid #f1f1f1;
  text-align: center;
  width: 92px;
  max-width: auto;
  min-width: auto;
  height: 92px;
  max-height: auto;
  min-height: auto;
  -o-border-radius: 100% 100% 100% 100%;
  border-radius: 100% 100% 100% 100%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  text-decoration: none;
  -webkit-box-shadow: 0px 10px 5px 0px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 10px 5px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 10px 5px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 10px 5px 0px rgba(0, 0, 0, 0.1);
  display: table;
}

#icon-box .box a i {
  font-size: 64px;
  color: #a55700;
  margin: 0 auto;
  padding: 0;
  border: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  text-decoration: none;
  text-shadow: 0px -1px 0px rgba(255, 255, 255, 0.8);
  display: table-cell;
  vertical-align: middle;
}

#icon-box .box a:hover,
#icon-box .box a:focus {
  background: #a55700;
  margin: 0px auto 15px auto;
  padding: 50px;
  border: 7px solid #a55700;
  -webkit-box-shadow: 0px 12px 7px 0px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0px 12px 7px 0px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0px 12px 7px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 12px 7px 0px rgba(0, 0, 0, 0.15);
}

#icon-box .box a:hover i,
#icon-box .box a:focus i {
  color: #ffffff;
  -webkit-transition: -webkit-transform 1s;
  transition: transform 1s;
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
  text-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
}

/* Sections Details */

/*
* Sections Of Onepage CSS - Sven Multipurpose
* Copyright 2014, Ararazu
* www.ararazu.com
*/

/* Table of Contents
==================================================

	#Common Styles
	#About
	#Beate Weeber
	#picshow01
	#picshow02
	#picshow03
	#picshow04
	#picshow05
	#picshow06
	#Reservations
	#Contact
	#Footer
	#Copyright */

/* Common Styles
================================================== */

body {
  background: #222222;
  background-attachment: fixed;
}

.page {
  background: #eeeeee;
  color: #a55700;
  text-align: left;
  margin: 0;
  padding: 38px 0 10px 0;
  border: 0;
}

.page-color {
  background-color: #ffe0bd !important;
}

/* About
================================================== */

#about {
  background: #fff5e9;
}

#about p.text {
  color: #a55700;
  font-size: 16px;
  line-height: 20px;
}

/* Beate Weeber
================================================== */

#beateweeber {
  background: #ffe0bd;
}

#beateweeber p.text {
  color: #45413d;
  font-size: 16px;
  line-height: 20px;
}

/* picshow1
================================================== */

#picshow01 {
  background: #fff5e9;
  margin: 0;
  padding: 38px 0 30px 0;
  border: 0;
}

#picshow01 p.text {
  color: #a55700;
  font-size: 16px;
  line-height: 20px;
}

/* picshow02
================================================== */

#picshow02 {
  background: #ffe0bd;
  margin: 0;
  padding: 38px 0 30px 0;
  border: 0;
}

#picshow02 p.text {
  color: #a55700;
  font-size: 16px;
  line-height: 20px;
}


/* picshow03
================================================== */

#picshow03 {
  background: #fff5e9;
  margin: 0;
  padding: 38px 0 30px 0;
  border: 0;
}

#picshow03 p.text {
  color: #a55700;
  font-size: 16px;
  line-height: 20px;
}

/* picshow04
================================================== */

#picshow04 {
  background: #ffe0bd;
  margin: 0;
  padding: 38px 0 30px 0;
  border: 0;
}

#picshow04 p.text {
  color: #a55700;
  font-size: 16px;
  line-height: 20px;
}

/* picshow05
================================================== */

#picshow05 {
  background: #fff5e9;
  margin: 0;
  padding: 38px 0 30px 0;
  border: 0;
}

#picshow05 p.text {
  color: #a55700;
  font-size: 16px;
  line-height: 20px;
}

/* picshow06
================================================== */

#picshow06 {
  background: #ffe0bd;
  margin: 0;
  padding: 38px 0 30px 0;
  border: 0;
}

#picshow06 p.text {
  color: #a55700;
  font-size: 16px;
  line-height: 20px;
}


/* Reservations
================================================== */

#reservations {
  background: none;
  margin: 0;
  padding: 38px 0 10px 0;
  border: 0;
  border-top: 2px solid #a55700;
}

#reservations h1.title {
  color: #fff5e9;
  border-color: #fff5e9;
}

#reservations .text-block {
  background: #a55700;
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  max-width: auto;
  min-width: auto;
  height: 550px;
  max-height: auto;
  min-height: auto;
  float: none;
}

#reservations .text-block h2.subtitle {
  background: #fff5e9;
  color: #663366;
  text-transform: uppercase;
  margin: 0 0 18px 0;
  padding: 15px 20px;
  border: 0;
}

#reservations .text-block p {
  margin: 0;
  padding: 0px 25px 18px 25px;
  border: 0;
  color: #eeeeee;
  font-size: 16px;
}

#reservations .form-block {
  background: rgba(255, 255, 255, 0.1);
  margin: 0;
  padding: 0 0 10px 0;
  border: 0;
  width: 100%;
  max-width: auto;
  min-width: auto;
  height: 550px;
  max-height: auto;
  min-height: auto;
  float: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

#reservations .form-block h2.subtitle {
  color: #fff5e9;
  margin: 0 0 18px 0;
  padding: 15px 20px;
  border: 0;
  border-bottom: 1px solid #fff5e9;
  width: 100%;
  max-width: auto;
  min-width: auto;
}

#reservations .form-block p {
  margin: 0;
  padding: 0px 23px 18px 23px;
  border: 0;
  color: #eeeeee;
  font-size: 16px;
}

#reservations .form-block .fields {
  padding: 0 20px;
}

#reservations .form-block .fields span {
  margin-top: 20px;
  float: left;
}

#reservations .form-block label {
  color: #ffffff;
  font-weight: normal;
  margin: 10px 0 0 0;
  padding: 0;
  border: 0;
}

#reservations .form-block label.error {
  background: #ffdddd url('../img/error.png') center right no-repeat;
  width: 100%;
  max-width: auto;
  min-width: auto;
  margin: 2px 0 0 0;
  padding: 2px 6px;
  border: 0;
  font-size: 12px;
  color: #bb6666;
  display: block;
  cursor: pointer;
  -o-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}

#reservations .form-block input[type=text],
#reservations .form-block select,
#reservations .form-block textarea {
  width: 100%;
  max-width: auto;
  min-width: auto;
  background: rgba(255, 255, 255, 0.3);
  color: #eeeeee;
  margin: 0;
  padding: 7px;
  border: 0;
  line-height: 20px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

#reservations .form-block input[type=text]:hover,
#reservations .form-block select:hover,
#reservations .form-block textarea:hover,
#reservations .form-block input[type=text]:focus,
#reservations .form-block select:focus,
#reservations .form-block textarea:focus {
  background: #ffffff;
  color: #663366;
}

#reservations .form-block input[type=text].datepicker,
#reservations .form-block select.datepicker,
#reservations .form-block textarea.datepicker {
  background: rgba(255, 255, 255, 0.3) url('../img/calendar.png') right center no-repeat;
}

#reservations .form-block input[type=text].datepicker:hover,
#reservations .form-block select.datepicker:hover,
#reservations .form-block textarea.datepicker:hover,
#reservations .form-block input[type=text].datepicker:focus,
#reservations .form-block select.datepicker:focus,
#reservations .form-block textarea.datepicker:focus {
  background: #ffffff url('../img/calendar.png') right center no-repeat;
}

#reservations .form-block select {
  background: rgba(255, 255, 255, 0.3) url('../img/select-arrow.png') right center no-repeat;
  margin: 0;
  padding: 6px 7px;
  border: 0;
}

#reservations .form-block select:hover,
#reservations .form-block select:focus {
  background: #ffffff url('../img/select-arrow.png') right center no-repeat;
}

#reservations .form-block textarea {
  height: 60px;
  max-height: auto;
  min-height: auto;
  margin: 0;
  overflow: hidden;
}

#reservations .form-block span {
  color: #ffffff;
  float: left;
  margin-top: 20px;
}

#reservations .form-block .btn {
  float: right;
  margin-top: 20px;
}

#testimonials {
  background: url('../img/patterns/vichy.png') 0 0 repeat;
  margin: 0;
  padding: 20px 0;
  border: 0;
  border-top: 8px solid #fff5e9;
}

#testimonials .row {
  margin-bottom: 0;
}

#testimonials .testimonial img {
  width: 150px;
  max-width: auto;
  min-width: auto;
  height: 150px;
  max-height: auto;
  min-height: auto;
  margin: 0;
  padding: 0;
  border: 8px solid #eeeeee;
  -o-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}

#testimonials .testimonial blockquote {
  background: #eeeeee;
  margin: 18px 0 0 15px;
  padding: 26px 35px;
  border: 0;
  width: auto;
  max-width: 190px;
  min-width: auto;
  float: left;
  -o-border-radius: 0px 4px 4px 4px;
  border-radius: 0px 4px 4px 4px;
  position: relative;
}

#testimonials .testimonial blockquote:before {
  width: 0px;
  max-width: auto;
  min-width: auto;
  height: 0px;
  max-height: auto;
  min-height: auto;
  display: block;
  margin-top: 0;
  content: " ";
  position: absolute;
  top: 0;
  left: -20px;
  border-style: solid;
  border-width: 0px 20px 20px 0;
  border-color: transparent #eeeeee transparent transparent;
}

#testimonials .testimonial blockquote i.topleft,
#testimonials .testimonial blockquote i.bottomright {
  color: rgba(0, 0, 0, 0.2);
  position: absolute;
}

#testimonials .testimonial blockquote i.topleft {
  top: 9px;
  left: 12px;
}

#testimonials .testimonial blockquote i.bottomright {
  bottom: 9px;
  right: 12px;
}

#testimonials .testimonial blockquote p {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 14px;
  line-height: 17px;
  font-style: normal;
  font-weight: normal;
}

#testimonials .testimonial blockquote cite {
  color: #663366;
  margin: 10px 0 0 0;
}

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

#contact {
  background: #a6a6a0 url('../img/shadow-1.png') top center no-repeat;
  margin: 0;
  padding: 38px 0 0 0;
  border: 0;
}

#contact h1.title {
  color: #fff5e9;
  border-color: #fff5e9;
}

#contact #map {
  width: 100%;
  max-width: auto;
  min-width: auto;
  height: 500px;
  max-height: auto;
  min-height: auto;
}

#contact .form-block {
  background: #fff5e9;
  color: #663366;
  margin: 0;
  padding: 20px 0 15px 0;
  border: 0;
  width: 100%;
  max-width: auto;
  min-width: auto;
  height: auto;
  max-height: auto;
  min-height: auto;
  float: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

#contact .form-block .row {
  margin-bottom: 0px;
}

#contact .form-block h2.subtitle {
  color: #663366;
  margin: 0 0 0px 0;
  padding: 15px 20px;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  width: 100%;
  max-width: auto;
  min-width: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

#contact .form-block p {
  margin: 0;
  padding: 0px 23px 18px 23px;
  border: 0;
  color: #663366;
  font-size: 16px;
}

#contact .form-block .fields {
  padding: 0 20px;
}

#contact .form-block .fields span {
  margin-top: 20px;
  float: left;
}

#contact .form-block label {
  color: #663366;
  font-weight: normal;
  margin: 20px 0 0 0;
  padding: 0;
  border: 0;
}

#contact .form-block label.error {
  background: #ffdddd url('../img/error.png') center right no-repeat;
  width: 100%;
  max-width: auto;
  min-width: auto;
  margin: 2px 0 0 0;
  padding: 2px 6px;
  border: 0;
  font-size: 12px;
  color: #bb6666;
  display: block;
  cursor: pointer;
  -o-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}

#contact .form-block input[type=text],
#contact .form-block select,
#contact .form-block textarea {
  width: 100%;
  max-width: auto;
  min-width: auto;
  background: rgba(255, 255, 255, 0.3);
  color: #663366;
  margin: 0;
  padding: 7px;
  border: 0;
  line-height: 20px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

#contact .form-block input[type=text]:hover,
#contact .form-block select:hover,
#contact .form-block textarea:hover,
#contact .form-block input[type=text]:focus,
#contact .form-block select:focus,
#contact .form-block textarea:focus {
  background: #ffffff;
}

#contact .form-block select {
  background: rgba(255, 255, 255, 0.3) url('../img/select-arrow.png') right center no-repeat;
}

#contact .form-block select:hover,
#contact .form-block select:focus {
  background: #ffffff url('../img/select-arrow.png') right center no-repeat;
}

#contact .form-block textarea {
  height: 109px;
  max-height: auto;
  min-height: auto;
  overflow: hidden;
}

#contact .form-block span {
  color: #663366;
}

#contact .form-block .btn {
  float: right;
  margin-top: 20px;
}

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

#footer {
  background: #222222 url('../img/patterns/footer.jpg') top left repeat;
  margin: 0;
  padding: 0 0 48px 0;
  border: 0;
}

#footer .shadow {
  background: url('../img/shadow-2.png') top center no-repeat;
  height: 48px;
  max-height: auto;
  min-height: auto;
}

#footer p {
  color: #fff5e9;
  font-size: 12px;
  line-height: 14px;
  margin: 8px 0 0 0;
}

#footer p span.wday {
  color: #eeeeee;
  width: 75px;
  max-width: auto;
  min-width: auto;
  float: left;
}

#footer i,
#footer label {
  color: #eeeeee;
}

#footer i {
  width: 15px;
  max-width: auto;
  min-width: auto;
  height: 15px;
  max-height: auto;
  min-height: auto;
  font-size: 15px;
  float: left;
  margin: 0 5px 0 0;
  padding: 0;
  border: 0;
}

#footer h2.subtitle {
  color: #eeeeee;
  padding-bottom: 5px;
  border-bottom: 1px solid #484848;
}

#footer input[type=text],
#footer select,
#footer textarea {
  width: 100%;
  max-width: auto;
  min-width: auto;
  background: rgba(255, 255, 255, 0.1);
  color: #a55700;
  margin: 0 0 7px 0;
  padding: 7px;
  border: 0;
  line-height: 20px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  font-family: 'Inder', sans-serif;
}

#footer input[type=text]:hover,
#footer select:hover,
#footer textarea:hover,
#footer input[type=text]:focus,
#footer select:focus,
#footer textarea:focus {
  background: #ffffff;
  color: #a55700;
}

#footer input[type=text].email-news,
#footer select.email-news,
#footer textarea.email-news {
  float: left;
  width: auto;
  max-width: auto;
  min-width: auto;
  margin-right: 5px;
}

#footer ::-webkit-input-placeholder {
  color: #666666;
}

#footer :-moz-placeholder {
  color: #666666;
}

#footer ::-moz-placeholder {
  color: #666666;
}

#footer :-ms-input-placeholder {
  color: #666666;
}

#footer #flickr-widget a {
  background: #222222;
  width: 70px;
  max-width: auto;
  min-width: auto;
  height: 70px;
  max-height: auto;
  min-height: auto;
  float: left;
  margin: 0 0 5px 5px;
  padding: 0;
  border: 2px solid #222222;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

#footer #flickr-widget a.alpha {
  margin: 0 0 5px 0;
}

#footer #flickr-widget a:hover {
  border-color: #fff5e9;
}

#footer #flickr-widget a img {
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  max-width: auto;
  min-width: auto;
  height: auto;
  max-height: auto;
  min-height: auto;
}

/* Copyright
================================================== */

#copyright {
  background: #222222 url('../img/shadow-1.png') top center no-repeat;
  margin: 0;
  padding: 16px 0 14px 0;
  border: 0;
}

#copyright p {
  font-size: 12px;
  line-height: 12px;
  color: #666666;
  margin: 0;
  padding: 5px 0 0 0;
  border: 0;
}

#copyright .row {
  margin: 0;
  padding: 0;
  border: 0;
}

#copyright div.social-icons {
  float: right;
}

#copyright div.social-icons a {
  width: 20px;
  max-width: auto;
  min-width: auto;
  height: 20px;
  max-height: auto;
  min-height: auto;
  margin: 0 0 0 2px;
  padding: 0;
  border: 0;
  font-size: 20px;
  color: #666666;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  display: inline-block;
}

#copyright div.social-icons a:hover,
#copyright div.social-icons a:focus {
  color: #fff5e9;
}

/* Other Pages */

/*
* Other Pages CSS - Sven Multipurpose
* Copyright 2014, Ararazu
* www.ararazu.com
*/

/* Table of Contents
==================================================

	#Common Styles
	#Services Page
	#404 Page
	#Maintenance Mode
	# */

/* Common Styles
================================================== */

.body {
  background: #222222 url('../img/reservations/bg.jpg') top center repeat;
  background-attachment: fixed;
}

.newpage {
  background: #eeeeee;
  color: #a55700;
  text-align: left;
  margin: 0;
  padding: 50px 0 10px 0;
  border: 0;
  border-top: 8px solid #fff5e9;
}

#top-banner {
  margin: 0;
  padding: 40px 0;
  border: 0;
  text-decoration: none;
}

#top-banner .title {
  color: #eeeeee;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: left;
  font-size: 30px;
}

/* Services Page
================================================== */

/* 404 Page
================================================== */

#not-found {
  margin: 0;
  padding: 100px 0;
  border: 0;
}

#not-found h1 {
  margin: 30px 0 0 0;
  padding: 0;
  border: 0;
  line-height: 180px;
  font-size: 200px;
  color: #a55700;
}

#not-found h2 {
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 60px;
  font-size: 80px;
  color: #d5d5d5;
  letter-spacing: 26px;
}

#not-found h3 {
  margin: 40px 0 0 0;
  padding: 0;
  border: 0;
  line-height: 30px;
  font-size: 20px;
  color: #a55700;
}

#not-found ul {
  margin-top: 20px;
}

/* Maintenance Mode
================================================== */

#maintenance {
  width: 100%;
  max-width: auto;
  min-width: auto;
  height: 100%;
  max-height: auto;
  min-height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  float: none;
  position: absolute;
  display: table;
}

#maintenance .row {
  margin: 50px 0 0 0;
}

#maintenance .middle {
  width: 100%;
  max-width: auto;
  min-width: auto;
  height: 100%;
  max-height: auto;
  min-height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  float: none;
  display: table-cell;
  vertical-align: middle;
}

#maintenance .middle .newpage {
  margin: 0;
  padding: 50px 0;
  border: 1px solid #a55700;
  border-right: 0;
  border-left: 0;
}

#maintenance .middle .newpage .container .box {
  background: #ffffff;
  padding: 20px;
  -o-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

#maintenance .middle .newpage .container h1 {
  margin: 0 auto;
  padding: 0;
  padding-bottom: 10px;
  text-align: center;
  font-size: 50px;
  line-height: 60px;
}

#maintenance .middle .newpage .container h2 {
  margin: 15px auto 0 auto;
  padding: 0;
  text-align: center;
  font-size: 16px;
}

#maintenance .middle .newpage .container h3 {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 5px;
  color: #663366;
}

#maintenance .middle .newpage .container p {
  line-height: 20px;
}

#maintenance .middle .newpage .container i {
  width: 18px;
  max-width: auto;
  min-width: auto;
  height: 18px;
  max-height: auto;
  min-height: auto;
  line-height: 18px;
  text-align: center;
  margin-right: 5px;
  padding: 8px;
  -o-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  background: #fff5e9;
  color: #663366;
}

/* Responsive Adjusts */

/*
* Responsive Adjusts CSS - Sven Multipurpose
* Copyright 2014, Ararazu
* www.ararazu.com
*/

/* Table of Contents
==================================================

	#Smaller Than 960px
	#Tablet Portrait
	#All Mobile Sizes
	#Mobile Landscape
	#Mobile Portrait
	# */

/* Smaller Than 960px
================================================== */

@media only screen and (max-width: 959px) {
  /* Menu */

  #top-menu ul li a {
    font-size: 15px;
    padding: 27px 12px 30px 12px;
  }

  #top-menu ul span.separator {
    margin: 36px 0 0 0;
    width: 5px;
    max-width: auto;
    min-width: auto;
    height: 5px;
    max-height: auto;
    min-height: auto;
  }

  /* Small Top */

  #top.small #top-menu ul li a {
    font-size: 15px;
    padding: 14px 12px 19px 12px;
  }

  #top.small #top-menu ul span.separator {
    margin: 24px 0 0 0;
    width: 5px;
    max-width: auto;
    min-width: auto;
    height: 5px;
    max-height: auto;
    min-height: auto;
  }

  /* Icon Box */

  #icon-box .box a {
    text-align: center;
    width: 92px;
    max-width: auto;
    min-width: auto;
    height: 92px;
    max-height: auto;
    min-height: auto;
    -o-border-radius: 100% 100% 100% 100%;
    border-radius: 100% 100% 100% 100%;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    text-decoration: none;
    display: table;
  }

  #icon-box .box a i {
    font-size: 64px;
    margin: 0 auto;
    padding: 0;
    border: 0;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    text-decoration: none;
    text-shadow: 0px -1px 0px rgba(255, 255, 255, 0.8);
    display: table-cell;
    vertical-align: middle;
  }

  #icon-box .box a:hover i,
  #icon-box .box a:focus i {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    text-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2);
  }

  /* Common Styles */

  .row {
    margin-bottom: 20px;
  }

  h2.subtitle {
    margin-top: 6px;
  }

  /* Original Hover Effects */

  /* Box created to join and control all box-view on small screens (responsive) */

  #orig-he {
    width: 100%;
    max-width: auto;
    min-width: auto;
    margin: 0 auto;
  }

  .view {
    width: 100%;
    max-width: auto;
    min-width: auto;
    height: auto;
    max-height: auto;
    min-height: auto;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=@nodot)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }

  .view div.options {
    margin-top: 20px;
  }

  .view.circle {
    margin: 0 auto;
  }

  .view.circle h2 {
    font-size: 20px;
    line-height: 20px;
  }

  .view.circle h3 {
    padding: 0;
    font-size: 14px;
  }

  .box-view {
    margin: 10px auto;
    padding: 0;
    border: 0;
  }

  .out {
    margin-top: 10px;
    margin-bottom: 30px;
  }

  /* Reservations */

  #reservations .text-block,
  #reservations .form-block {
    height: 650px;
    max-height: auto;
    min-height: auto;
  }

  #reservations .text-block h2.subtitle,
  #reservations .form-block h2.subtitle {
    font-size: 18px;
  }

  #reservations .text-block p {
    font-size: 14px;
  }

  /* Footer */

  #footer {
    padding-bottom: 1px;
  }

  #footer p {
    line-height: 14px;
    margin: 8px 0 0 0;
  }

  #footer #flickr-widget a {
    margin: 0px 0px 10px 10px;
  }

  #footer #flickr-widget a.alpha {
    margin: 0px 0px 10px 10px;
  }

  #footer input[type=text].email-news,
  #footer select.email-news,
  #footer textarea.email-news {
    float: none;
    width: 100%;
    max-width: auto;
    min-width: auto;
  }

  /* Common */

  ul.iconlist li,
  ol.iconlist li {
    margin: 8px 0 0 0;
    padding: 0 0 7px 0;
    border: 0;
  }

  ul.iconlist li span.wday,
  ol.iconlist li span.wday {
    width: 100%;
    max-width: auto;
    min-width: auto;
    float: none;
    display: block;
  }
}

/* Tablet Portrait
================================================== */

@media only screen and (min-width: 768px) and (max-width: 959px) {
  /* Menu */

  #top-menu ul li a {
    font-size: 15px;
    padding: 27px 12px 30px 12px;
  }

  #top-menu ul span.separator {
    margin: 36px 0 0 0;
    width: 5px;
    max-width: auto;
    min-width: auto;
    height: 5px;
    max-height: auto;
    min-height: auto;
  }

  /* Small Top */

  #top.small #top-menu ul li a {
    font-size: 15px;
    padding: 14px 12px 19px 12px;
  }

  #top.small #top-menu ul span.separator {
    margin: 24px 0 0 0;
    width: 5px;
    max-width: auto;
    min-width: auto;
    height: 5px;
    max-height: auto;
    min-height: auto;
  }

  /* Icon Box */

  #icon-box .box {
    padding: 0;
  }

  /* Original Hover Effects */

  /* Box created to join and control all box-view on small screens (responsive) */

  #orig-he {
    width: 505px;
    max-width: auto;
    min-width: auto;
    margin: 0 auto;
  }

  .view {
    width: 236px;
    max-width: auto;
    min-width: auto;
    height: 177px;
    max-height: auto;
    min-height: auto;
  }

  .view h2 {
    margin-top: 25px;
  }

  .view div.options {
    margin-top: 20px;
  }

  .box-view {
    margin: 10px 15px 0px 15px;
    padding: 0;
    border: 0;
  }

  .out {
    margin-bottom: 30px;
  }

  /* Reservations */

  #reservations .text-block,
  #reservations .form-block {
    height: 650px;
    max-height: auto;
    min-height: auto;
  }

  #reservations .text-block h2.subtitle,
  #reservations .form-block h2.subtitle {
    font-size: 18px;
  }

  #reservations .text-block p {
    font-size: 14px;
  }

  /* Testimonials */

  #testimonials .testimonial img {
    width: 124px;
    max-width: auto;
    min-width: auto;
    height: 124px;
    max-height: auto;
    min-height: auto;
  }

  #testimonials .testimonial blockquote {
    margin: 15px 0 0 5px;
    padding: 20px;
  }

  #testimonials .testimonial blockquote p {
    font-size: 12px;
  }

  #testimonials .testimonial blockquote cite {
    font-size: 12px;
    line-height: 12px;
  }

  #testimonials .testimonial blockquote:before {
    left: -15px;
    border-width: 0px 15px 15px 0;
  }

  #testimonials .testimonial blockquote i {
    font-size: 12px;
  }

  #testimonials .testimonial blockquote i.topleft {
    top: 6px;
    left: 8px;
  }

  #testimonials .testimonial blockquote i.bottomright {
    bottom: 6px;
    right: 8px;
  }

  /* Footer */

  #footer {
    padding-bottom: 1px;
  }

  #footer p {
    line-height: 14px;
    margin: 8px 0 0 0;
  }

  #footer .image-widget a {
    margin: 0px 0px 10px 10px;
  }

  #footer .image-widget a.alpha {
    margin: 0px 0px 10px 10px;
  }

  #footer input[type=text].email-news,
  #footer select.email-news,
  #footer textarea.email-news {
    float: none;
    width: 100%;
    max-width: auto;
    min-width: auto;
  }

  /* Common */

  ul.iconlist li,
  ol.iconlist li {
    margin: 8px 0 0 0;
    padding: 0 0 7px 0;
    border: 0;
  }

  ul.iconlist li span.wday,
  ol.iconlist li span.wday {
    width: 100%;
    max-width: auto;
    min-width: auto;
    float: none;
    display: block;
  }
}

/* All Mobile Sizes
================================================== */

@media only screen and (max-width: 767px) {
  /* Top */

  #top {
    height: 60px;
    max-height: auto;
    min-height: auto;
    position: relative;
  }

  #top h1.logo {
    margin: 10px 0;
    padding: 0;
    border: 0;
    line-height: 40px;
    height: 40px;
    max-height: auto;
    min-height: auto;
    float: left;
  }

  #top h1.logo a img {
    width: 105px;
    max-width: auto;
    min-width: auto;
    height: 40px;
    max-height: auto;
    min-height: auto;
  }

  /* Top Space */

  #top-space {
    display: none;
  }

  /* Menu */

  #top-menu {
    display: none;
  }

  #to-top {
    bottom: 74px;
  }

  #to-top:hover {
    background: #663366;
    color: #eeeeee;
  }

  #about,
  #beateweeber,
  #picshow1,
  #picshow2,
  #reservations,
  #contact {
    padding-top: 80px;
  }

  /* Small Top */

  #top.small {
    position: fixed;
  }

  #top.small h1.logo {
    margin: 10px 0;
    padding: 0;
    border: 0;
    line-height: 40px;
    height: 40px;
    max-height: auto;
    min-height: auto;
    float: left;
  }

  #top.small h1.logo a img {
    width: 105px;
    max-width: auto;
    min-width: auto;
    height: 40px;
    max-height: auto;
    min-height: auto;
  }

  #top.small #top-menu ul li a {
    font-size: 15px;
    padding: 14px 12px 19px 12px;
  }

  #top.small #top-menu ul span.separator {
    margin: 24px 0 0 0;
    width: 5px;
    max-width: auto;
    min-width: auto;
    height: 5px;
    max-height: auto;
    min-height: auto;
  }

  /* Mobile Menu */

  #mobile-top-menu a.mobile-nav-button {
    display: table;
  }

  #mobile-top-menu a.mobile-nav-button i {
    display: table-cell;
    vertical-align: middle;
  }

  /* Slideshow */

  #slideshow {
    /* Custom navigation dots */
  }

  #slideshow .sl-slider h2 {
    font-size: 56px;
    line-height: 56px;
    padding: 20px 30px 10px 30px;
  }

  #slideshow .nav-dots {
    height: 40px;
    max-height: auto;
    min-height: auto;
  }

  #slideshow .nav-dots .dots-box {
    margin: 0 auto;
    padding: 0px 10px;
    border: 0;
  }

  #slideshow .nav-dots .dots-box:before {
    margin-left: -40px;
  }

  #slideshow .nav-dots .dots-box:after {
    margin-right: -40px;
  }

  #slideshow .nav-dots .dots-box span {
    width: 20px;
    max-width: auto;
    min-width: auto;
    height: 20px;
    max-height: auto;
    min-height: auto;
    margin: 10px 10px 0px 10px;
    padding: 0;
    border: 0;
  }

  #slideshow .center .vcenter a,
  #slideshow .center .vcenter a:visited {
    margin: 0 auto;
    padding: 7px 25px 10px 20px;
    border: 0;
    font-size: 24px;
  }

  /* Icon Box */

  #icon-box .box {
    margin-top: 50px;
    padding: 0;
  }

  #icon-box .box.alpha {
    margin-top: 0;
  }

  #icon-box .box a {
    width: 92px;
    max-width: auto;
    min-width: auto;
    height: 92px;
    max-height: auto;
    min-height: auto;
  }

  /* Original Hover Effects */

  /* Box created to join and control all box-view on small screens (responsive) */

  #orig-he {
    margin: 0 auto;
  }

  .view {
    width: 100%;
    max-width: auto;
    min-width: auto;
    height: auto;
    max-height: auto;
    min-height: auto;
    -webkit-transition: 1.5s;
    transition: 1.5s;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=@nodot)";
    filter: alpha(opacity=100);
    opacity: 1;
  }

  .view h2 {
    margin-top: 80px;
    font-size: 30px;
    line-height: 32px;
    padding: 0 20px;
  }

  .view h3 {
    font-size: 18px;
    padding: 0 20px;
  }

  .view div.options {
    margin-top: 20px;
  }

  .box-view {
    width: 100%;
    max-width: auto;
    min-width: auto;
    margin: 10px auto;
    padding: 0;
    border: 0;
  }

  /* Reservations */

  #reservations .text-block,
  #reservations .form-block {
    height: auto;
    max-height: auto;
    min-height: auto;
    margin-bottom: 20px;
  }

  #reservations .text-block h2.subtitle,
  #reservations .form-block h2.subtitle {
    font-size: 18px;
  }

  #reservations .text-block p {
    font-size: 14px;
  }

  /* Testimonials */

  #testimonials .testimonial {
    margin: 20px auto 0 auto;
    padding: 20px 0 0 0;
    border: 0;
    border-top: 1px solid #eeeeee;
  }

  #testimonials .testimonial.first {
    margin: 0 auto;
    padding: 0;
    border: 0;
  }

  #testimonials .testimonial img {
    width: 124px;
    max-width: auto;
    min-width: auto;
    height: 124px;
    max-height: auto;
    min-height: auto;
  }

  #testimonials .testimonial blockquote {
    margin: 15px 0 0 20px;
    padding: 20px;
  }

  #testimonials .testimonial blockquote p {
    font-size: 12px;
  }

  #testimonials .testimonial blockquote cite {
    font-size: 12px;
    line-height: 12px;
  }

  #testimonials .testimonial blockquote:before {
    left: -15px;
    border-width: 0px 15px 15px 0;
  }

  #testimonials .testimonial blockquote i {
    font-size: 12px;
  }

  #testimonials .testimonial blockquote i.topleft {
    top: 6px;
    left: 8px;
  }

  #testimonials .testimonial blockquote i.bottomright {
    bottom: 6px;
    right: 8px;
  }

  #map {
    height: 320px !important;
  }

  .tabs .control li {
    width: 100%;
    max-width: auto;
    min-width: auto;
    display: block;
    border-right: 0;
  }

  .tabs .control li a {
    display: block;
  }

  .tabs .panel {
    background: #ffffff;
    margin: 0;
    padding: 20px;
    border: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }

  .tabs .panel .tab {
    display: none;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }

  .tabs .panel .tab i {
    background: #a55700;
    color: #eeeeee;
    margin: 0 20px 10px 0;
    padding: 0;
    border: 0;
    font-size: 49px;
    width: 90px;
    max-width: auto;
    min-width: auto;
    height: 90px;
    max-height: auto;
    min-height: auto;
    line-height: 90px;
    text-align: center;
    -o-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
    float: left;
  }

  .tabs .panel .tab p {
    color: #a55700;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 12px;
  }

  .tabs .panel .tab.active {
    display: block;
  }

  #not-found {
    margin: 0;
    padding: 50px 0;
    border: 0;
  }

  #not-found h1 {
    margin: 0;
    padding: 0;
    border: 0;
    line-height: 100px;
    font-size: 120px;
    text-align: center;
    color: #a55700;
  }

  #not-found h2 {
    margin: 0;
    padding: 0;
    border: 0;
    line-height: 46px;
    font-size: 50px;
    text-align: center;
    color: #d5d5d5;
    letter-spacing: 12px;
  }

  #not-found h3 {
    margin: 30px 0 0 0;
    padding: 0;
    border: 0;
    line-height: 30px;
    font-size: 18px;
    color: #a55700;
  }

  #not-found ul {
    margin-top: 0px;
  }

  /* Footer */

  #footer {
    padding-bottom: 1px;
  }

  #footer .column,
  #footer .columns {
    margin-bottom: 40px;
  }

  #footer p {
    line-height: 14px;
    margin: 8px 0 0 0;
  }

  #footer #flickr-widget a {
    width: 100px;
    max-width: auto;
    min-width: auto;
    height: 100px;
    max-height: auto;
    min-height: auto;
    margin: 0px 0px 10px 10px;
  }

  #footer #flickr-widget a.alpha {
    margin: 0px 0px 10px 10px;
  }

  #footer input[type=text].email-news,
  #footer select.email-news,
  #footer textarea.email-news {
    float: none;
    width: 100%;
    max-width: auto;
    min-width: auto;
  }

  /* Copyright */

  #copyright p {
    margin-bottom: 20px;
    text-align: center;
  }

  #copyright div.social-icons {
    text-align: center;
    float: none;
  }

  #copyright div.social-icons a {
    margin: 0 2px;
  }
}

/* Mobile Landscape
================================================== */

/* Mobile Portrait
================================================== */

@media only screen and (max-width: 479px) {
  /* Back to Top */

  #to-top {
    width: 100%;
    max-width: auto;
    min-width: auto;
    margin: 0;
    padding: 4px 0 0 0;
    border: 0;
    -o-border-radius: 0;
    border-radius: 0;
    bottom: 0;
    left: 0;
  }

  #to-top.show {
    width: 100%;
    max-width: auto;
    min-width: auto;
    margin: 0;
    padding: 4px 0 0 0;
    border: 0;
    -o-border-radius: 0;
    border-radius: 0;
    bottom: 0;
    left: 0;
  }

  /* Slideshow */

  #slideshow {
    /* Custom navigation dots */
  }

  #slideshow .sl-slider h2 {
    font-size: 42px;
    line-height: 42px;
    text-align: center;
    margin: 30px auto 10px auto;
    padding: 0;
    border: 0;
  }

  #slideshow blockquote p {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
  }

  #slideshow .nav-dots {
    height: 40px;
    max-height: auto;
    min-height: auto;
  }

  #slideshow .nav-dots .dots-box {
    margin: 0 auto;
    padding: 0px 10px;
    border: 0;
  }

  #slideshow .nav-dots .dots-box:before {
    margin-left: -40px;
  }

  #slideshow .nav-dots .dots-box:after {
    margin-right: -40px;
  }

  #slideshow .nav-dots .dots-box span {
    width: 20px;
    max-width: auto;
    min-width: auto;
    height: 20px;
    max-height: auto;
    min-height: auto;
    margin: 10px 10px 0px 10px;
    padding: 0;
    border: 0;
  }

  #slideshow .center .vcenter a,
  #slideshow .center .vcenter a:visited {
    margin: 0 auto;
    padding: 7px 25px 10px 20px;
    border: 0;
    font-size: 24px;
  }

  /* Icon Box */

  #icon-box .box {
    margin-top: 50px;
    padding: 0;
  }

  #icon-box .box.alpha {
    margin-top: 0;
  }

  #icon-box .box a {
    width: 92px;
    max-width: auto;
    min-width: auto;
    height: 92px;
    max-height: auto;
    min-height: auto;
  }

  /* Original Hover Effects */

  /* Box created to join and control all box-view on small screens (responsive) */

  #orig-he {
    margin: 0 auto;
  }

  .view {
    width: 100%;
    max-width: auto;
    min-width: auto;
    height: auto;
    max-height: auto;
    min-height: auto;
  }

  .view h2 {
    margin-top: 30px;
    font-size: 30px;
    line-height: 32px;
    padding: 0 20px;
  }

  .view h3 {
    font-size: 18px;
    padding: 0 20px;
  }

  .view div.options {
    margin-top: 20px;
  }

  .box-view {
    width: 100%;
    max-width: auto;
    min-width: auto;
    margin: 10px auto;
    padding: 0;
    border: 0;
  }

  /* Reservations */

  #reservations .text-block,
  #reservations .form-block {
    height: auto;
    max-height: auto;
    min-height: auto;
    margin-bottom: 20px;
  }

  #reservations .text-block h2.subtitle,
  #reservations .form-block h2.subtitle {
    font-size: 18px;
  }

  #reservations .text-block p {
    font-size: 14px;
  }

  /* Testimonials */

  #testimonials .testimonial {
    margin: 20px auto 0 auto;
    padding: 20px 0 0 0;
    border: 0;
    border-top: 1px solid #eeeeee;
    text-align: center;
  }

  #testimonials .testimonial.first {
    margin: 0 auto;
    padding: 0;
    border: 0;
  }

  #testimonials .testimonial img {
    width: 124px;
    max-width: auto;
    min-width: auto;
    height: 124px;
    max-height: auto;
    min-height: auto;
    margin: 0 auto;
    float: none;
  }

  #testimonials .testimonial blockquote {
    width: auto;
    max-width: 90%;
    min-width: auto;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
    float: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -o-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
  }

  #testimonials .testimonial blockquote p {
    font-size: 14px;
  }

  #testimonials .testimonial blockquote cite {
    font-size: 12px;
    line-height: 12px;
  }

  #testimonials .testimonial blockquote:before {
    display: none;
  }

  #testimonials .testimonial blockquote i {
    font-size: 12px;
  }

  #testimonials .testimonial blockquote i.topleft {
    top: 6px;
    left: 8px;
  }

  #testimonials .testimonial blockquote i.bottomright {
    bottom: 6px;
    right: 8px;
  }

  /* Footer */

  #footer {
    padding-bottom: 1px;
  }

  #footer .column,
  #footer .columns {
    margin-bottom: 40px;
  }

  #footer p {
    line-height: 14px;
    margin: 8px 0 0 0;
  }

  #footer #flickr-widget a {
    width: 100px;
    max-width: auto;
    min-width: auto;
    height: 100px;
    max-height: auto;
    min-height: auto;
    margin: 0px 0px 10px 10px;
  }

  #footer #flickr-widget a.alpha {
    margin: 0px 0px 10px 10px;
  }

  #footer input[type=text].email-news,
  #footer select.email-news,
  #footer textarea.email-news {
    float: none;
    width: 100%;
    max-width: auto;
    min-width: auto;
  }

  /* Copyright */

  #copyright {
    padding-bottom: 50px;
  }

  #copyright p {
    margin-bottom: 20px;
    text-align: center;
  }

  #copyright div.social-icons {
    text-align: center;
    float: none;
    padding-top: 20px;
    border-top: 1px solid #2f2f2f;
  }

  #copyright div.social-icons a {
    margin: 0 2px;
  }

  /* Common Styles */

  ul.accordion li a,
  ul.skills li span {
    font-size: 16px;
  }
}

  /* Custom Styles */
  /* Slideshow ohne Muster und Farbe */
#slideshow .over-color,
#slideshow .over-pattern {
  height: 0px;
}

  /* Höhe Menü Mobil */
#mobile-top-menu #menu-list {
  height: 183px;
}

/*
 * NoScroll option
 * Added by S.Alfano, iNetWorx AG
 */
 .scrolloff {
  pointer-events: none;
 }