.mini-form-description{text-align:justify}
.mini-form{padding-top:0!important;margin-bottom:20px}
.product_image{height:370px;border:1px solid #ccc;overflow:hidden;background-size:cover;background-position:bottom}
.product_image > img{display:block;margin:0 auto;max-height:370px}
.product-content{margin-top:15px}
.img-bg{background-size:cover;background-position:bottom}
.img-border{border:1px solid #d9d9d9}
.category-sub-page{height:242px;text-align:center}
.category-img{max-height:100%}
.staff-cover{margin-bottom:20px}
.staff-content{height:360px;background-color:#ccc}
.bg-t{background-color:transparent!important}
.rollover.effect-zoe figure > .product_image{opacity:1;-webkit-transition:all .25s;transition:all .25s}
.rollover.effect-zoe figure.hovered > .product_image{opacity:.5;-webkit-transition-delay:.16s;transition-delay:.16s;-webkit-transform:translate3d(0,-30px,0);-moz-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
.view-more{float:right}
.button-slider {
    -moz-box-shadow:inset 0px 2px 0px 0px #ffd667;
    -webkit-box-shadow:inset 0px 2px 0px 0px #ffd667;
    box-shadow:inset 0px 2px 0px 0px #ffd667;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e1ab3f), color-stop(1, #d8a237));
    background:-moz-linear-gradient(top, #e1ab3f 5%, #d8a237 100%);
    background:-webkit-linear-gradient(top, #e1ab3f 5%, #d8a237 100%);
    background:-o-linear-gradient(top, #e1ab3f 5%, #d8a237 100%);
    background:-ms-linear-gradient(top, #e1ab3f 5%, #d8a237 100%);
    background:linear-gradient(to bottom, #e1ab3f 5%, #d8a237 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1ab3f', endColorstr='#d8a237',GradientType=0);
    background-color:#e1ab3f;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    border:2px solid #c38f29;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial, Helvetica, sans-serif;
    font-size:18px;
    padding:6px 10px;
    text-decoration:none;
}
.button-slider:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d8a237), color-stop(1, #e1ab3f));
    background:-moz-linear-gradient(top, #d8a237 5%, #e1ab3f 100%);
    background:-webkit-linear-gradient(top, #d8a237 5%, #e1ab3f 100%);
    background:-o-linear-gradient(top, #d8a237 5%, #e1ab3f 100%);
    background:-ms-linear-gradient(top, #d8a237 5%, #e1ab3f 100%);
    background:linear-gradient(to bottom, #d8a237 5%, #e1ab3f 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8a237', endColorstr='#e1ab3f',GradientType=0);
    background-color:#d8a237;
	color:#fff;
}
.button-slider:active{position:relative;top:1px}
.navbar-header .navbar-brand{background-color:#fff;position:fixed;padding:0 20px !important;top:0;border:1px solid #eee;border-bottom-left-radius:10px;border-bottom-right-radius:10px;box-shadow:0 1px 2px 0 #4A4949}
.navbar-brand:hover{background-color:#fff!important}
.expert-content{max-height:295px;overflow-y:auto}
.expert-content-img{max-height:295px;overflow:hidden;display:block;margin:0 auto}
.pt-50{padding-top:50px}
.product-name{height:30px;overflow:hidden}
.form-label{display:block}
form input[type=checkbox],form input[type=radio]{display:inline-block;margin:5px 10px 0 0}
ul.social-icons.squared.dark-main-color a.social-home{background-color:#998356;border-color:#89754d}
ul.social-icons.squared.dark-main-color a.social-home i{color:#fff}
ul.social-icons.circle.dark-color a.social-home{background-color:#111;border-color:#040404}
ul.social-icons.circle.dark-color a.social-home i{color:#fff}
ul.nav.navbar-nav.navbar-right > li:hover > ul.sub-menu{display:block;margin-top:-1px}
.shopping{max-height:525px;overflow-y:auto}
.rollover.effect-zoe .shop-product figure figcaption .icon-links a{font-size:11px!important}
footer #footer-rights a{color:#fff}
iframe{opacity:0}
.social-3{padding-top:20px}
div.error{color:red}
input[placeholder]{text-overflow:ellipsis}
::-moz-placeholder{text-overflow:ellipsis}
input:-moz-placeholder{text-overflow:ellipsis}

@media only screen and (max-width: 1199px) {
    .rollover.effect-zoe .shop-product figure figcaption .icon-links a{font-size:8px!important}
    .product_image{height:300px!important}
}
@media (max-width: 1024px) {
    .menu-header .navbar-nav.navbar-right{margin-top:20px}
}
@media only screen and (max-width: 991px) {
    .rollover.effect-zoe .shop-product figure figcaption .icon-links a{font-size:11px!important}
    .product_image{height:370px!important}
}
@media only screen and (max-width: 767px) {
    .mb-4{margin-bottom:4px!important}
}
@media only screen and (max-height: 600px) {
    .shopping{max-height:400px!important}
}
@media only screen and (max-width: 573px) {
    .shopping-cart-view{top:82px!important}
    .width-201{width:201px!important}
}
@media only screen and (max-width: 480px) and (orientation: portrait) {
    .navbar-header .navbar-brand{padding:0!important}
    h1.responsive{font-size:25px}
    label.boolean{display:inline}
}
@media only screen and (max-width: 480px) {
    .content404{padding-top:40px}
}
@media only screen and (max-height: 450px) {
    .shopping{max-height:250px!important}
}
@media only screen and (max-height: 300px) {
    .shopping{max-height:200px!important}
}

/*New CSS*/
/* ==============================================
Reset Styles
============================================== */

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}

/* ==============================================
Typography, Layout and General Styles
============================================== */

body{background:#333}
em{font-style:italic}
strong{font-weight:700}
h1{font-size:36px;color:#333;font-family:'Open Sans',sans-serif;font-weight:300}
h2{font-size:28px;line-height:38px;color:#333;font-family:'Open Sans',sans-serif;font-weight:300;margin-bottom:30px}
h3{font-size:20px;line-height:30px;color:#333;font-family:'Open Sans',sans-serif;font-weight:300;margin-bottom:20px}
h4{font-size:16px;line-height:26px;font-family:'Open Sans',sans-serif;font-weight:400;margin-bottom:30px}
p{font-size:14px;font-family:'Lato',sans-serif;line-height:28px;margin-bottom:20px;color:#333}
a{text-decoration:none;-webkit-transition:color linear .2s;-moz-transition:color linear .2s;-o-transition:color linear .2s}
a:hover{text-decoration:none}
table{border-collapse:collapse}
.padding-top{padding-top:50px}
.float-left{float:left}
.float-right{float:right}
.text-left{text-align:left!important}
.text-right{text-align:right!important}
.text-center{text-align:center!important}
.image-left{float:left;margin:0 30px 30px 0}
.image-right{float:right;margin:0 0 30px 30px}
.all-margin{margin:30px!important}
.left-margin{margin-left:30px!important}
.right-margin{margin-right:30px!important}
.top-margin{margin-top:30px!important}
.bottom-margin{margin-bottom:30px!important}
.no-margin{margin:0!important}
.no-left-margin{margin-left:0!important}
.no-right-margin{margin-right:0!important}
.no-top-margin{margin-top:0!important}
.no-bottom-margin{margin-bottom:0!important}
.container.block{padding:40px 0;padding-left:15px!important;padding-right:15px!important}
.color-background{color:#fff}
.color-background h2{color:#fff}
.white-background{background:#fff}
.light-gray-background{background:#f2f2f2}
.gray-background{background:#dedede}
.dark-gray-background{background:#333}
.dark-gray-background h2{color:#fff}
.dark-gray-background p{color:#bebebe}
.darker-background{background:#191919}
.darker-background h2{color:#fff}
.darker-background h3{color:#fff}
.darker-background p{color:#bebebe}
.hero-section{-webkit-transition:background linear .2s,color linear .2s;-moz-transition:background linear .2s,color linear .2s;-o-transition:background linear .2s,color linear .2s}
.hero-section:hover{background:#333}
.hero-section .hero-text,.hero-section .hero-text *{margin-bottom:0}

.button-dark {
    background: #ffffff;
    padding: 12px 30px 12px 30px;
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: background linear .2s, color linear .2s;
    -moz-transition: background linear .2s, color linear .2s;
    -o-transition: background linear .2s, color linear .2s;
    display: block;
    text-align: center;
}
.button-dark:hover{color:#fff}
.form-error{background-color:#610000!important}
label.error{display:none!important}
.img-responsive{display:block;height:auto;max-width:100%}
.input-error{background-color:#7d1818!important}
.response-message{font-size:20px;line-height:50px;color:#fff;font-family:'Open Sans',sans-serif;font-weight:300;width:100%;text-align:center}

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

.header {
    background: #ffffff;
    width: 100%;
    height: 74px;
    border-bottom: 1px solid #eaeaea;
}

body.fixed-nav .header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}

.header .container {
    padding: 0px;
}

.logo {width:115px;}

.logo h1 {
    font-family: 'Lato', sans-serif;
    font-style: italic;
}

ul.nav {
    float: right;
    margin-bottom: 0px;
}

.video {
    min-height: 312px;
    width: 100%;
}

/* ==============================================
Teaser
============================================== */

.teaser {
    margin-top: 0px;
}

body.fixed-nav .teaser {
    margin-top: 74px;
}

.teaser .container {
    padding: 0px;
}

.teaser {
    background: transparent;
}

.teaser .text-container {
    height: 316px;
    margin-top: 100px;
    margin-bottom: 40px;
}

.teaser .text-container h1 {
    font-weight: bold;
    line-height: 42px;
    text-shadow: 1px 1px #191919;
}

.teaser .text-container h2 {
    color: #ffffff;
    text-shadow: 1px 1px #191919;
}

.teaser .page-title h2 {
    float: right;
    background: #ffffff;
    padding: 10px 20px 0px 20px;
    margin-bottom: 0px;
    margin-top: 120px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.teaser .darker-page-title h2 {
    background: #191919;
    color: #ffffff;
}

/* ==============================================
Flexslider / Video
============================================== */

.flexslider,
.video {
    background: #333333;
    border: none;
    position: relative;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    margin-bottom: 0;
}

.teaser .flexslider,
.teaser .video {
    margin: 100px 0 40px 0;
}

.flex-control-nav {
    width: auto;
    position: absolute;
    bottom: 10px;
    right: 10px;
    text-align: center;
}

.flex-control-nav li {
    margin: 0 0 0 5px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.flex-control-paging li a {
    width: 20px;
    height: 20px;
    display: block;
    background: #ffffff;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    box-shadow: none;
}

.flex-control-paging li a:hover {
    background: #333333;
}

.flex-control-paging li a.flex-active {
    cursor: default;
}

.fullwidth-video {
    width: 100%;
    height: 500px;
}

/* ==============================================
Intro
============================================== */

.intro .container {
    padding-top: 0px;
}

.featured {
    min-height: 500px;
    margin-top: -360px;
    margin-bottom: 30px;
}

.featured.featured-slider {
    margin-top: -420px;
}

.featured h2 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    padding: 15px 0 35px 30px;
    color: #ffffff;
    margin-bottom: 0px;
}

.featured form {
    background: #292929;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    padding: 40px 30px 30px 30px;
    margin-top: -20px;
}

.featured p {
    color: #bebebe;
}

.featured form input {
    width: 100%;
    background: #474747 url(../images/icon-right.png) no-repeat 20px center;
    border: none;
    padding: 12px 20px 12px 40px;
    color: #bebebe;
    box-shadow: none;
    font-family: 'Lato', sans-serif;
    -webkit-transition: background linear .2s, color linear .2s;
    -moz-transition: background linear .2s, color linear .2s;
    -o-transition: background linear .2s, color linear .2s;
    transition: background linear .2s, color linear .2s;
}

.featured form input:hover {
    background: #666666 url(../images/icon-right.png) no-repeat 20px center;
}

.featured form input:focus {
    background: #666666 url(../images/icon-right.png) no-repeat 20px center;
    color: #ffffff;
    box-shadow: none !important;
}

.featured form label {
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    line-height: 28px;
    color: #bebebe;
    position: relative;
    z-index: 50;
    display: block;
}

.featured form .checkbox-container {
    position: relative;
    margin-bottom: 30px;
}

.featured form .checkbox-container .checkbox-placeholder {
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
    height: 25px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    margin-top: 2px;
    background: #474747;
}

.checkbox-on .checkbox-placeholder {
    background: #666666 url(../images/icon-checkbox.png) center center no-repeat !important;
}

.featured form .checkbox-container input {
    position: absolute;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
}

.featured form input[type="submit"] {
    color: #ffffff;
    width: 100%;
    margin-bottom: 0px;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    -webkit-transition: background linear .2s;
    -moz-transition: background linear .2s;
    -o-transition: background linear .2s;
    padding-left: 20px;
}

.featured .event-recap {
    background: #292929;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    padding: 20px 30px 30px 30px;
    margin-top: -20px;
}

.featured .event-recap .event-box {
    margin-bottom: 20px;
}

.featured .event-recap .event-box i {
    float: left;
    color: #ffffff;
    font-size: 48px;
    padding-top: 6px;
    width: 50px;
    text-align: center;
}

.featured .event-recap .event-box h3,
.featured .event-recap .event-box p {
    padding-left: 70px;
    margin-bottom: 0px;
}

.featured a.event-button {
    width: 100%;
    text-align: center;
    line-height: 40px;
    color: #ffffff;
    display: block;
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    cursor: pointer;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: background linear .2s;
    -moz-transition: background linear .2s;
    -o-transition: background linear .2s;
}

/* ==============================================
Empty Section
============================================== */

.empty-section {
    background: transparent;
    padding: 50px 0;
}

/* ==============================================
Features
============================================== */

.feature {
    margin-bottom: 30px;
    display: inline-block;
}

.feature p {
    margin-bottom: 0;
    padding-left: 110px;
}

.feature .icon-container {
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    background: #ffffff;
    float: left;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: background linear .2s;
    -moz-transition: background linear .2s;
    -o-transition: background linear .2s;
    transition: background linear .2s;
}

.feature .icon-container i {
    color: #333333;
    line-height: 80px;
    font-size: 48px;
    -webkit-transition: background linear .2s;
    -moz-transition: background linear .2s;
    -o-transition: background linear .2s;
    transition: background linear .2s;
}

.feature:hover .icon-container i {
    color: #ffffff;
}

/* ==============================================
Plans
============================================== */

.price-block {
    background: #f2f2f2;
    padding: 30px;
    width: 240px;
}

.plan-title {
    width: 100%;
    text-align: center;
    color: #ffffff;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    line-height: 50px;
    height: 50px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: background linear .2s;
    -moz-transition: background linear .2s;
    -o-transition: background linear .2s;
}

.plans .plan {
    -webkit-transition: background linear .2s;
    -moz-transition: background linear .2s;
    -o-transition: background linear .2s;
    transition: background linear .2s;
}

.plans .plan:hover .plan-title {
    background: #333333;
}

.plans .plan:hover {
    background: #f2f2f2;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

.plans .plan:hover .plan-row {
    border-bottom: 1px solid #ffffff;
}

.plans .plan:hover .button-row {
    border-bottom: none;
}

.hide-plan {
    background: transparent;
}

.plans .plan:hover .hide-plan {
    background: transparent;
}

.plan-row {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    text-align: center;
    border-bottom: 1px solid #f2f2f2;
}

.price-row {
    height: 80px;
    line-height: 80px;
}

.plan-price {
    font-size: 24px;
}

.hidden-info {
    display: none;
}

.button-row {
    height: 80px;
    line-height: 80px;
    border-bottom: none;
}

.button-row a {
    color: #ffffff;
    padding: 12px 30px;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: background linear .2s;
    -moz-transition: background linear .2s;
    -o-transition: background linear .2s;
}

.button-row a:hover {
    background: #333333;
    color: #ffffff !important;
}

/* ==============================================
Testimonials
============================================== */

.bubble {
    position: relative;
    background: #f2f2f2;
    padding: 30px;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    line-height: 28px;
    font-style: italic;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: background linear .2s, color linear .2s;
    -moz-transition: background linear .2s, color linear .2s;
    -o-transition: background linear .2s, color linear .2s;
}

.bubble:after {
    display: block;
    width: 0;
    content: "";
    position: absolute;
    bottom: -20px;
    left: 15px;
    border: 10px solid transparent;
    border-top-color: #f2f2f2;
    -webkit-transition: border-color linear .2s;
    -moz-transition: border-color linear .2s;
    -o-transition: border-color linear .2s;
}

.testimonials .testimonial:hover .bubble {
    color: #ffffff;
}

.gray-background .bubble {
    background: #ffffff;
}

.gray-background .bubble:after {
    border-top-color: #ffffff;
}

.person {
    margin-top: 20px;
    width: 100%;
    display: inline-block;
}

.person img {
    margin-right: 20px;
}

/* ==============================================
About
============================================== */

.about img {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}

/* ==============================================
Gallery
============================================== */

.gallery .gallery-row {
    margin-bottom: 20px;
}

.gallery .image-container a {
    display: block;
    background: url(../images/icon-plus.png) center center no-repeat;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}

.gallery .image-container img {
    display: block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: opacity linear .2s;
    -moz-transition: opacity linear .2s;
    -o-transition: opacity linear .2s;
    transition: opacity linear .2s;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}

.gallery .image-container:hover img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
    opacity: .2;
}

/* ==============================================
Program
============================================== */

.program table {
    width: 100%;
    border: 1px solid #dddddd;
    margin-bottom: 40px;
}

.program table.last-table {
    margin-bottom: 0px;
}

.program table:hover thead td h3 {
    color: #ffffff;
}

.program table thead td {
    padding: 20px;
    background: white;
    border-bottom: 1px solid #dddddd;
    -webkit-transition: background linear .2s;
    -moz-transition: background linear .2s;
    -o-transition: background linear .2s;
}

.program table thead td h3 {
    margin-bottom: 0px;
    -webkit-transition: color linear .2s;
    -moz-transition: color linear .2s;
    -o-transition: color linear .2s;
}

.program table tbody tr.odd {
    background: #f2f2f2;
}

.program table tbody tr.even {
    background: #ffffff;
}

.program table tbody td {
    padding: 20px;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    line-height: 28px;
    color: #333333;
}

.program table tbody td.column-one {
    width: 30%;
    color: #666666;
    border-right: 1px solid #dddddd;
}

/* ==============================================
Prices
============================================== */

.prices .ticket-text {
    background: #333333;
    padding: 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    z-index: 30;
    position: relative;
}

.prices .ticket-text h4 span {
    font-size: 36px;
    font-family: 'Lato', sans-serif;
    padding-right: 20px;
}

.prices .ticket-text p {
    color: #f2f2f2;
    margin-bottom: 0px;
}

.prices a.ticket-button {
    color: #ffffff;
    display: block;
    padding: 15px 30px;
    padding-top: 45px;
    margin-top: -30px;
    z-index: 20;
    position: relative;
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: background linear .2s;
    -moz-transition: background linear .2s;
    -o-transition: background linear .2s;
    margin-bottom: 40px;
}

/* ==============================================
Map
============================================== */

.map {
    height: 400px;
}

.map iframe {
    width: 100%;
    height: 100%;
    border: none;
    overflow: hidden;
    margin: 0;
}

/* ==============================================
Register
============================================== */

.register form {
    margin-top: 20px;
}

.register form input {
    width: 100%;
    background: #474747 url(../images/icon-right.png) no-repeat 20px center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    border: none;
    padding: 12px 20px 12px 40px;
    color: #bebebe;
    box-shadow: none;
    font-family: 'Lato', sans-serif;
    margin-bottom: 30px;
    -webkit-transition: background linear .2s, color linear .2s;
    -moz-transition: background linear .2s, color linear .2s;
    -o-transition: background linear .2s, color linear .2s;
}

.register form input:hover {
    background: #666666 url(../images/icon-right.png) no-repeat 20px center;
}

.register form input:focus {
    background: #666666 url(../images/icon-right.png) no-repeat 20px center;
    color: #ffffff;
    box-shadow: none !important;
}

.register form label {
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    line-height: 28px;
    margin-bottom: 20px;
    padding-left: 50px;
    color: #bebebe;
    position: relative;
    z-index: 50;
    display: block;
}

.register form .checkbox-container {
    position: relative;
}

.register form .checkbox-container .checkbox-placeholder {
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
    height: 25px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    margin-top: 8px;
    background: #474747;
}

.register form .checkbox-container input {
    position: absolute;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
}

.register form input[type="submit"] {
    color: #ffffff;
    width: 100%;
    margin-bottom: 0px;
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    -webkit-transition: background linear .2s;
    -moz-transition: background linear .2s;
    -o-transition: background linear .2s;
    padding-left: 20px;
}

ul.downloads li {
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    line-height: 28px;
    color: #bebebe;
    margin-bottom: 20px;
}

ul.downloads li a {
    color: #bebebe;
}

ul.downloads li a:hover {
}

ul.downloads li a i {
    font-size: 24px;
    padding-right: 20px;
    margin-top: 3px;
    float: left;
}

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

.contact form {
    margin-top: 20px;
}

.contact form input {
    width: 100%;
    background: #474747 url(../images/icon-right.png) no-repeat 20px center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    border: none;
    padding: 12px 20px 12px 40px;
    color: #bebebe;
    box-shadow: none;
    font-family: 'Lato', sans-serif;
    margin-bottom: 30px;
    -webkit-transition: background linear .2s, color linear .2s;
    -moz-transition: background linear .2s, color linear .2s;
    -o-transition: background linear .2s, color linear .2s;
}

.contact form input:hover {
    background: #666666 url(../images/icon-right.png) no-repeat 20px center;
}

.contact form input:focus {
    background: #666666 url(../images/icon-right.png) no-repeat 20px center;
    color: #ffffff;
    box-shadow: none !important;
}

.contact form input[type="submit"] {
    color: #ffffff;
    width: 100%;
    margin-bottom: 0px;
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    -webkit-transition: background linear .2s;
    -moz-transition: background linear .2s;
    -o-transition: background linear .2s;
    padding-left: 20px;
}

.contact textarea {
    width: 100%;
    max-height: 120px;
    height: 120px;
    padding: 20px;
    color: #bebebe;
    margin-bottom: 30px;
    font-family: 'Lato', sans-serif;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    background: #474747;
    border: none;
    box-shadow: none;
}

.contact textarea:hover,
.contact textarea:focus {
    box-shadow: none;
}

.contact .contact-infos i {
    margin-right: 20px;
}

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

.social {
    margin-bottom: 20px;
}

.social li {
    float: right;
    width: 32px;
    height: 32px;
    margin-left: 10px;
}

.social li a {
    display: block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: #ffffff;
    margin-right: 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: background linear .2s;
    -moz-transition: background linear .2s;
    -o-transition: background linear .2s;
    transition: background linear .2s;
}

.social li a i {
    font-size: 20px;
    line-height: 32px;
    color: #333333;
}

.copyright {
    width: 100%;
    text-align: right;
}

/*  ==============================================

Primary Color = #998356
Primary Color - Hover = #997f4b

============================================== */

h4,
a,
.color-text,
.button-dark,
ul.nav li a:hover,
ul.nav li.active a,
.featured .event-recap div h3,
.plan-price,
.program table thead td h3,
ul.downloads li a:hover,
ul.downloads li a i,
ul.nav li:hover > a,
.teaser .text-container h1 {
    color: #998356;
}

a:hover {
    color: #997f4b;
}

.color-background,
.button-dark:hover,
.flex-control-paging li a.flex-active,
.featured h2,
.featured form input[type="submit"],
.featured a.event-button,
.testimonials .testimonial:hover .bubble,
.plan .plan-title,
.button-row a,
.program table:hover thead td,
.register form input[type="submit"],
.contact form input[type="submit"],
.social li a:hover,
.feature:hover .icon-container {
    background: #998356;
}

.checkbox-on .checkbox-placeholder,
.gallery .image-container a,
.prices a.ticket-button {
    background-color: #998356;
}

.checkbox-on .checkbox-placeholder {
    background-color: #998356 !important;
}

.featured form input[type="submit"]:hover,
.featured a.event-button:hover,
.prices .ticket:hover a.ticket-button,
.register form input[type="submit"]:hover,
.contact form input[type="submit"]:hover {
    background: #997f4b;
}
.testimonials .testimonial:hover .bubble:after{border-top-color:#998356}
.btn-submit .fa-hand-o-right{display:none}
.cbhoz .checkbox{float:left;margin-top:10px!important;margin-right:15px}
#dooptinlabel{display:inline}
#dooptin,.radio input[type=radio],.checkbox input[type=checkbox],.cbhoz .checkbox input[type=checkbox]{height:14px;width:14px}
.radio input[type=radio]{top:2px}
.checkbox .extralabel,.cbhoz .checkbox .extralabel{line-height:24px}

.featured p.error {
    position: absolute;
    padding: 0;
    margin-left: 30px;
    border-bottom: 1px dashed #fff;
    color: #fff !important;
    top: 65px;
}

/*  ==============================================
Attraction - CSS for Mobile
============================================== */

@media (max-width: 1200px) {
    .featured.featured-slider {margin-top: -355px}
}

@media (max-width: 992px) {
    .fullwidth-video{height:400px}
    .featured{margin-top:-355px;margin-left:0;width:41.666666666667%}
    .featured.featured-slider{margin-top:-280px}
    .featured.featured-text{margin-top:-280px}
    .flexslider{margin-bottom:30px}
    .teaser .video{width:100%;height:242px}
    .teaser .text-container{height:242px}
    .intro .col-sm-offset-1{margin-left:0!important}
    .person{margin-bottom:30px}
    .price-block{width:168px}
}

@media (max-width: 768px) {
    .hero-section .hero-text{margin-bottom:20px;text-align:center}
    .fullwidth-video{height:300px}
    .teaser .flexslider,.teaser .video{margin:40px 0 120px}
    .featured{margin-top:-80px;margin-bottom:50px;width:100%}
    .featured.featured-slider{margin-top:-80px}
    .featured.featured-text{margin-top:-80px}
    .teaser .video{width:100%;height:250px}
    .teaser .text-container{height:242px;margin-top:60px}
    .price-block{width:460px;margin-bottom:30px}
    .plans .plan{margin-bottom:30px}
    .info-column{display:none}
    .plan-row{height:60px}
    .price-row{height:100px}
    .hidden-info{display:block;height:25px;font-weight:700}
    .button-row{height:80px}
    .testimonials .span2,.testimonials .span3,.testimonials .span4,.testimonials .span6{margin-bottom:30px}
    .gallery .gallery-row{margin-bottom:0}
    .gallery .image-container{margin-bottom:20px}
    .register form{margin-bottom:30px}
    .contact form{margin-bottom:50px}
    .footer{text-align:center}
    .footer .social{display:inline-block;float:none;margin:0 auto;margin-top:10px;margin-bottom:10px}
    .footer .copyright{text-align:center;display:inline-block;float:none;width:100%}
    .footer .container{padding-bottom:40px}
}
.li-pointer li {cursor: pointer}
.cart-quality{width: 75px!important;border: 1px solid #ccc!important;}
.legend {
    font-weight: bold;
    font-size: 14px;
    border-bottom: 1px solid #e5e5e5;
    padding-top: 20px;
}
/*----------------------------------------------------------------------------------------
                        PAYMENT METHOD STYLES
-----------------------------------------------------------------------------------------*/
#payment-methods{margin:0 0 20px;border-bottom:2px solid #e8e8fb}
#payment-methods ul{margin:0;padding-left:0;list-style:none}
#payment-methods li{display:none}
#payment-methods li.visible{display:inline-block;margin:0 20px 0 0;list-style:none}
#payment-methods input{display:none}
#payment-methods label{display:flex;flex:1;cursor:pointer;font-weight:400}
#payment-methods input + label{position:relative;text-decoration:none;text-transform:uppercase;font-size:13px}
#payment-methods label::before{content:'';position:absolute;width:100%;bottom:-7px;left:0;border-bottom:2px solid #6772e5;opacity:0;transform:scaleX(0);transition:all .25s ease-in-out}
#payment-methods label:hover{color:#6772e5;cursor:pointer}
#payment-methods input:checked + label{color:#6772e5}
#payment-methods label:hover::before,#payment-methods input:checked + label::before{opacity:1;transform:scaleX(1)}
#payment-methods,.payment-info{display:none}
.payment-info:not(.credit-card){margin-bottom:15px}
.payment-info.ideal{margin-bottom:0}
#payment-methods.visible,.payment-info.visible{display:block}
.payment-info p.notice{font-size:14px;color:#8898aa;text-align:left}
#card-element:empty:not(:focus):before,
#iban-element:empty:not(:focus):before,
#ideal-bank-element:empty:not(:focus):before{content:attr(data-text)}
#error-message,#bank-name{font-size:14px;opacity:0;transform:translateY(4px);transition:all 400ms cubic-bezier(0.075,0.82,0.165,1)}
#error-message.visible,#bank-name.visible{opacity:1;transform:translateY(0)}
#ideal-bank-element{padding:0 !important;}
#card-element,#iban-element,#ideal-bank-element,.StripeElement{padding:10px 12px;color:#32325d;background-color:#fff;border:1px solid #eee}
.StripeElement--focus{box-shadow:0 1px 3px 0 #cfd7df}
.StripeElement--invalid{border-color:#fa755a}
.StripeElement--webkit-autofill{background-color:#fefde5!important}
@media only screen and (max-width: 500px) {
    .payment-info span{display:none}
}
.seal-secure-top{text-align:center;background-color:#fdfdfd;max-width:60%;margin:-25px auto 0;z-index:9;position:relative}
.seal-secure-top img{max-width:100px}
.seal-secure-bottom{text-align:center;background-color:#fdfdfd;padding:0 15px;margin:0 auto;max-width:60%;position:relative;bottom:-30px}
.seal-secure-bottom img{max-width:200px}

#submitting{background:rgba(0,0,0,0.5);top:0;right:0;bottom:0;width:100%;height:100%;left:0;position:fixed;z-index:999;display:none}
.submitting_bg > div,.submitting_bg > div > *,.submitting_bg > div:before,.submitting_bg > div:after{border-color:#998356}
.submitting_bg > span{position:absolute;bottom:15px;width:100%;text-align:center}
.submitting_bg{width:220px;height:140px;background-color:#fff;position:absolute;top:calc(50% - 70px);left:calc(50% - 110px);border-radius:4px}
.submitting-round-border{position:absolute;top:calc(50% - 40px);left:calc(50% - 30px);width:60px;height:60px;text-align:center;border-radius:50%;border-width:2px;border-style:solid;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;-webkit-animation:round-animation .8s infinite linear;animation:round-animation 1s infinite linear;-webkit-animation-fill-mode:both;animation-fill-mode:both;background-color:transparent!important}
.submitting-round-border:before{content:"";display:block;position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-width:2px;border-style:solid;border-radius:50%;opacity:.1;background-color:transparent!important}
@-webkit-keyframes round-animation {
    from{transform:rotate(0deg);-webkit-transform:rotate(0deg)}
    to{transform:rotate(360deg);-webkit-transform:rotate(360deg)}
}
@keyframes round-animation {
    from{transform:rotate(0deg);-webkit-transform:rotate(0deg)}
    to{transform:rotate(360deg);-webkit-transform:rotate(360deg)}
}