@import url(//fonts.googleapis.com/css?family=Bubblegum+Sans);
@import url(//fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);

/************************* General *************************/
*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

body {
    background: #a1cc9b;
    color: #333;
    font: 1em/1.6 Arial,sans-serif;
}

form#aspnetForm {
    height: 100%;
}

hr {
    border-top: 1px solid #81A37C;
}

.full {
    background: #f2f2f2;
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    min-height: 100%;
    z-index: 2;
}

p {
    margin: 15px 0;
}

a {
    color: #595551;
}

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

h1, h2, h3, h4, h5, h6, .SectionHeader {
    color: #595551;
    font: 30px 'Bubblegum Sans', "Arial Black", arial, sans-serif;
    line-height: 1.2;
    margin: 0 0 10px;
    padding: 0;
}

h2 {
    color: #073A50;
    font-size: 28px;
}

h3 {
    color: #BC5A14;
    font-size: 24px;
}

h4 {
    font-size: 22px;
}

h5, .SectionHeader {
    color: #073A50;
    font-size: 20px;
}

h6 {
    color: #073A50;
    font: 700 18px 'Lato', "Century Gothic", "Helvetica Narrow", arial, sans-serif;
}

.ht {
    display: block;
    font-size: 0;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

.section-header {
    border-bottom: 1px solid #333;
    display: block;
    margin: 15px 0;
}

:root * > img {
    max-width: 100%;
}

.nm {
    margin: 0;
}

.np {
    padding: 0;
}

.error, .req {
    color: #872828 !important;
}

.success {
    color: #008dc5;
}

.error-box, .success-box {
    background-color: #fff3f3;
    border: 2px solid #d08e8e;
    color: #BC5A14;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 5px 10px;
}

.success-box {
    background-color: #f7fff3;
    border: 2px solid #b6d08e;
    color: #44710e;
}

.inner {
    margin: 0 auto;
    max-width: 1180px;
    padding: 0 15px;
}

/************************* Forms *************************/
label {
    font: 16px/1.2 "Lato","Helvetica",Helvetica,Arial,sans-serif;
}

.item label {
    display: block;
}

.item .checki label {
    display: inline-block;
}

input[type="text"], input[type="email"], input[type="password"], .item select, .item input[type="email"], .item input[type="tel"] {
    border: 1px solid #595551;
    height: 40px;
}

input[type="checkbox"], input[type="radio"] {
    background: #fff;
    border: 1px solid #81A37C;
}

input[type="submit"], .actions button, a.btn, .btn a, a[title="Button"], input[type="button"] {
    background: #595551;
    border: 0;
    color: #fff;
    display: inline-block;
    font: 1.25em "Bubblegum Sans","Arial Black",arial,sans-serif;
    letter-spacing: 1px;
    margin: 0 0 10px;
    padding: 10px 25px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: background 0.2s ease 0s, color 0.1s ease 0s;
}

    input[type="submit"].btn-small, .actions button.btn-small, a.btn.btn-small, .btn.btn-small a, input[type="button"].btn-small {
        font-size: 1em;
        padding: 10px 20px;
    }

    input[type="submit"][disabled], .actions button[disabled], input[type="submit"][disabled]:hover, .actions button[disabled]:hover, input[type="button"]:hover {
        background-color: #A4CB39;
        color: #fff;
        -webkit-transition: none;
        transition: none;
    }

    input[type="submit"]:hover, input[type="submit"]:focus, .actions button:hover, .actions button:focus, .btn a:hover, .btn a:focus, a:hover.btn, a:focus.btn, a[title="Button"]:hover, a[title="Button"]:focus {
        background: #A4CB39;
        color: #fff;
    }

.actions button, .actions input[type="submit"] {
    float: right;
}

    input[type="submit"].cancel, .actions button.cancel, a.btn.cancel, .btn.cancel a, a[title="Button"].cancel {
    background: #81A37C;
    margin-right: 15px;
}

        input[type="submit"]:hover.cancel, .actions button:hover.cancel, a:hover.btn.cancel, .btn.cancel a:hover, a:hover[title="Button"].cancel {
        background: #0076A3;
    }

/************************* Header *************************/
header {
    background: #fff;
    font-size: 14px;
    padding: 25px 0;
    z-index: 200;
}

.interior header {
    padding: 0;
}

    header .logo {
        margin-bottom: 30px;
        text-align: center;
    }

        header .logo img {
            max-height: 150px;
        }

@media only screen and (min-width: 900px) {
    header .logo {
        margin-bottom: 0;
    }
}

.contacts ul {
    font-weight: bold;
    text-align: right;
}

    .contacts ul li {
        line-height: 1.2;
        margin-bottom: 10px;
        padding: 0 25px 0 0;
    }

        .contacts ul li::after {
            color: #595551;
            display: inline-block;
            font: 18px/1 FontAwesome;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            margin: auto;
            position: absolute;
            right: 0;
            text-rendering: auto;
            top: 50%;
            -ms-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .contacts ul li:first-of-type:after {
            content: "\f10b";
            font-size: 24px;
            right: 4px;
        }

        .contacts ul li:nth-of-type(2):after {
            content: "\f0e0";
        }

        .contacts ul li:nth-of-type(3):after {
            content: "\f041";
            font-size: 22px;
            right: 4px;
        }

header a {
    text-decoration: none;
}

.contacts a {
    color: inherit;
}

    .contacts a:hover, .contacts a:focus {
        color: #A4CB39;
    }

.account {
    display: none;
}

/************************* Navigation *************************/
#main-nav p, #main-nav {
    display: none;
}

.toggle-menu {
    background: #073a50;
    color: #fff;
    display: table;
    font-size: 16px;
    left: 0;
    position: fixed;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    top: 0;
    width: 100%;
    z-index: 900;
}

    .toggle-menu a {
        color: #595551;
        display: block;
        padding: 10px;
        text-align: left;
        text-decoration: none;
    }

    .toggle-menu .block:last-of-type a {
        text-align: right;
    }

    .toggle-menu .block {
        width: 50%;
        display: inline-block;
        vertical-align: middle;
        margin-right: -5px;
    }

    .interior-menu .toggle-menu .block {
        width: auto;
    }

        .toggle-menu .block:last-of-type {
            margin-right: 0;
        }

    .toggle-menu .menu-text {
        height: 100%;
        padding: 10px;
    }

nav[id$="nav-copy"] {
    background: #c6e5c2;
    overflow-y: auto;
    padding: 43px 0;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transform: translateX(280px);
    -ms-transform: translateX(280px);
    transform: translateX(280px);
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s;
    transition: transform .4s 0s, visibility 0s .4s;
    width: 230px;
    height: 100%;
    z-index: 100;
}

nav#account-nav-copy {
    left: 0;
    right: auto;
    -webkit-transform: translateX(-280px);
    -ms-transform: translateX(-280px);
    transform: translateX(-280px);
}

.interior-menu nav#account-nav-copy {
    right: 0;
    left: auto;
    -webkit-transform: translateX(280px);
    -ms-transform: translateX(280px);
    transform: translateX(280px);
}

nav[id$="nav-copy"] ul li {
    display: block;
    text-align: left;
}

nav[id$="nav-copy"] ul li a {
    border-bottom: 1px solid rgba(255,255,255,.4);
    color: #333;
    display: block;
    padding: 15px;
    text-decoration: none;
}

    nav[id$="nav-copy"] ul li a:hover {
        background: #073A50;
        color: #fff;
    }

nav[id$="nav-copy"] ul li ul {
    background: rgba(255,255,255,.5);
    font-size: 16px;
}

    nav[id$="nav-copy"] ul li ul li a {
        color: #40372f;
        padding-left: 25px;
    }

nav[id$="nav-copy"].open-menu {
    -webkit-transform: translateX(0) !important;
    -ms-transform: translateX(0) !important;
    transform: translateX(0) !important;
    -webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s;
    transition: transform .4s 0s, visibility 0s 0s;
    -webkit-overflow-scrolling: touch;
}

/************************* Layout *************************/
/*** Homepage ***/
.full {
    padding-top: 40px;
}

.container {
    padding-top: 30px;
    padding-bottom: 100px;
}

.homepage section {
    margin: 0 0 40px;
}

    .homepage section h2 {
        text-align: center;
    }

.lg {
    background: #c6e5c2;
    padding: 25px 20px;
}

.featured button::after {
    display: inline-block;
    font: 36px/.7 FontAwesome;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: auto;
    text-rendering: auto;
}

.slick-prev, .slick-next {
    background: #fff;
    border: 0;
    border-radius: 50%;
    bottom: -40px;
    color: #457b92;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 40px;
    line-height: 0;
    outline: none;
    padding: 0;
    position: absolute;
    width: 40px;
}

    .slick-prev:hover, .slick-next:hover {
        color: #07391b;
    }

    .slick-prev::after {
        content: "\f104";
        left: -3px;
    }

    .slick-next::after {
        content: "\f105";
        right: -3px;
    }

.slick-prev {
    left: -25px;
}

.slick-next {
    right: -25px;
}

/*** Contact ***/
.contact-content {
    margin-bottom: 40px;
}

/*********************** Shopping ***********************/
.slick-slide a {
    margin: 0 20px;
    text-align: center;
}

.slick-slide {
    width: 210px;
}

.featured ul li a {
    color: #fff;
    display: block;
    padding:10px;
    text-decoration: none;
}

.featured ul li h6 {
        background: #07391b;
        color: #fff;
        font: bold 14px arial, sans-serif;
        text-decoration: none;
    }

    .category ul li a:hover h6, .category ul li a:focus h6, .featured ul li a:hover h6, .featured ul li a:focus h6 {
        background: #022611;
        color: #fff;
        text-decoration: none;
    }

.homepage .category ul li h6, .homepage .featured ul li h6 {
    color: #fff;
    display: block;
    padding:10px;
    text-decoration: none;
}

.homepage .category ul li h6, .homepage .featured ul li h6 {
        background: #07391b;
        color: #fff;
        font: bold 14px arial, sans-serif;
        text-decoration: none;
    }

.homepage .category ul li a h6:hover, .homepage .category ul li a h6:focus, .homepage .featured ul li a h6:hover, .homepage .featured ul li a h6:focus {
        background: #022611;
        color: #fff;
    }

.category ul li a, .featured ul li a {
        text-decoration:none;
    }

.product-image a {
    display: block;
}

.pimage {
    margin: 0 auto;
}

.pcontent .stock {
    line-height: 1;
}

.pcontent .error {
    font-size: 12px;
}

.pcontent .price, .view-product {
    float: left;
    width: 50%;
}

.main-product-details .description, .item.quantity {
    border-bottom: 1px solid #b3b3b3;
    margin-bottom:20px;
}

    .main-product-details .description p {
        font: 17px arial,sans-serif;
    }

.main-product-details .item.questions input[type="text"] {
    width: 100%;
    margin-left: 0;
}

.main-product-details .product-header a[href] {
    text-decoration:none;
}

.main-product-details .product-header a[href] h1 {
    display: inline-block;
}

.main-product-details .product-header a[href] h1 span {
    border-bottom: 4px solid;
    display: inline-block;
}

.main-product-details .product-header a[href]:hover h1 span {
    border-color: #BC5A14;
}

.item.quantity {
    padding-bottom: 15px;
}

.item.quantity
.admissions {
    margin: 30px 0;
}

    .admissions label {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .admissions .item {
        margin-bottom: 20px;
    }

    .item.quantity label{
        display:inline-block;
        margin-left:10px;
    }

    .item.quantity .DropDownList{
        height:40px;

    }
    .item.quantity select{
        height:85px;
    }

/*.main-product-details .actions {
    text-align: right;
}*/

    .main-product-details .actions input[type=text] {
        margin-bottom: 0;
        width: 40px;
        margin-left:5px;
    }

@media only screen and (min-width: 500px) {
    .main-product-details .actions .input {
        display: inline-block;
        vertical-align: bottom;
        width: 40px;
    }

    .admissions .label {
        display: inline-block;
        vertical-align: bottom;
        width: calc(100% - 46px);
    }

    .admissions label {
        font-size: 22px;
        margin-bottom: 0;
        padding-bottom: 0;
    }
}

.price {
    font: 18px 'Bubblegum Sans', "Arial Black", arial, sans-serif;
    color:#BC5A14;
}

.pcontent .price {
    text-align: left;
}

.view-product {
    text-align: right;
}

    .view-product input[type="submit"] {
        font-size: 16px;
        padding: 10px 15px;
    }

.page-sort {
    font-size: 14px;
    margin-bottom: 30px;
    text-align: center;
}

    .page-sort.bottom {
        margin-bottom: 0;
        margin-top: 15px;
    }

    .page-sort.bottom {
        margin: 2px 0 0;
        padding: 10px 0 0 0;
    }

.pagination {
    margin-bottom: 15px;
}

div.pagination a, div.pagination span.current {
    background: #07391b;
    color: #fff;
    display: inline-block;
    float: none;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    margin: 0 3px 5px;
    padding: 5px;
    text-decoration: none;
    -webkit-transition: all .3s;
    transition: all .3s;
}

div.pagination span.current {
    background: #C6E5C2;
    color: #07391b;
}

div.pagination a:hover {
    background-color: #F75A2A;
    color: #fff;
}

/* Product Details */
.product-wrapper {
    margin-bottom: 50px;
}

.product-header {
    text-align: center;
}

.main-product-image img {
    margin-bottom: 10px;
}

    .main-product-image table {
        margin: 0 auto;
        text-align: center;
    }

        .main-product-image table td {
            display: block;
        }

    .main-product-image ul {
        text-align: center;
    }

        .main-product-image ul li {
            display: inline-block;
            margin: 10px 5px;
        }

            .main-product-image ul li img {
                height: 100px;
            }

.options td {
    padding-bottom: 5px;
}

.catalog.related-prod {
    margin: 10px 0 40px;
}

.related-prod.lg {
    padding: 25px 20px 0;
}

/* Check Out */
.cart-footer {
    margin: 20px 0;
    text-align: right;
}

.total-cost {
    padding: 0 0 10px;
}

.gridview td, .gridview th {
    border: 0;
}

    .gridview td:nth-of-type(2n+2), .cart-contents td:nth-of-type(2n) {
        background: rgba(255,255,255,.2);
    }

.gridview th {
    background: #073A50;
    color: #fff;
    padding: 10px;
}

.gridview tr.even, .gridview tr:nth-of-type(odd) {
    background: rgba(255,255,255,.4);
}

tr.even td {
}

h2.breadcrumbs {
    color: #333;
    margin: 25px 0;
}

    h2.breadcrumbs strong {
        color: #f75a2a;
    }

    h2.breadcrumbs a {
        color: #073A50;
        text-decoration: none;
    }

        h2.breadcrumbs a:hover {
            color: #f75a2a;
        }

.add-line .chosen-container-single .chosen-single {
    background: #fff;
    border: 1px solid #81a37c;
    border-radius: 0;
    box-shadow: none;
    color: #333;
    line-height: 34px;
    padding: 3px 3px 3px 8px;
    text-align: left;
    height: 40px;
}

.add-line input[type="submit"] {
    margin: 0 0 0 10px;
}

.add-line .chosen-container-single .chosen-search input[type="text"] {
    background-position: 100% -21px;
}

.add-line .chosen-container-single .chosen-single div {
    top: 6px;
}

.add-line .chosen-container .chosen-results {
    text-align: left;
}

.add-line .chosen-container {
    font-size: 16px;
    width: 300px !important;
}

    .add-line .chosen-container .chosen-results li.highlighted {
        background: #81A37C;
        color: #fff;
    }

/* My Account */
.halfi.block-shipping {
    margin-bottom: 25px;
}

.my-account-un {
    margin-bottom: 30px;
}

/************************* Footer *************************/
footer {
    background: #f2f2f2;
    font-size: 14px;
    text-align: center;
    color: #202020;
    padding-bottom: 20px;
}

footer .inner {
        padding: 15px 15px 0;
}

footer p {
    margin: 0 0 7px;
}

footer nav {
        display: block;
        margin-bottom: 10px;
}

        footer nav ul li {
            display: inline-block;
            margin: 0 15px 0 0;
        }

    footer .logo {
        max-width: 250px;
    }

.copyright, .socials {
    margin-bottom: 20px;
}

.socials {
    margin-right: 15px;
}

.socials, .logo {
    display: inline-block;
}

footer a {
    color: #202020;
    text-decoration: none;
}

    footer a:hover, footer a:focus {
        text-decoration: none;
        color: #999;
    }

@media only screen and (min-width: 300px) {
    .main-product-details .price {
        font:20px 'Bubblegum Sans', "Arial Black", arial, sans-serif;
    }

    .actions button[type="submit"], .actions input[type="submit"] {
        float:right;
    }
}

@media only screen and (min-width: 500px) {
    /*********************** Shopping ***********************/
    /*** Catalog ***/
    .featured {
        padding-left: 50px;
        padding-right: 50px;
    }

    .slick-prev {
        left: -55px;
    }

    .slick-next {
        right: -55px;
    }

    .slick-slide {
        width: 356px;
    }

    .pcontent .tc {
        display: block;
        text-align: left;
    }

        .pcontent .tc:first-child {
            padding-right: 0;
            width: 100%;
        }

        .pcontent .tc:last-child {
            width: 100%;
        }

    /*** Product Details ***/
    .product-image, .product-details {
        float: left;
        width: 40%;
    }

    .product-details {
        margin-left: 4%;
        padding: 15px 40px;
        width: 56%;
    }

    .category ul li {
        float: left;
        max-width: none;
        width: 30%;
    }

        .category ul li:nth-of-type(2) {
            margin: 0 5%;
        }
}

@media only screen and (min-width : 650px) {
    /*********************** Shopping ***********************/
    .main-product-details .price {
        font:28px 'Bubblegum Sans', "Arial Black", arial, sans-serif;
    }
    
    .page-sort {
        text-align: left;
    }

    .pagination, .sort-by {
        float: left;
        width: 50%;
    }

    .sort-by {
        padding-left: 30px;
        text-align: right;
    }

    .checki.bill-ship {
        font-size: 14px;
        left: 10px;
        position: absolute;
        text-align: right;
        top: -25px;
    }

    /************************* Shopping *************************/
    /* My Account */
    .product-header {
        text-align: left;
    }

    .main-product-image {
        padding: 20px 30px 0 0;
    }

    .main-product-image, .main-product-details {
        float: left;
        width: 50%;
    }

    .main-product-details {
        padding-right: 10px;
    }
    }

@media only screen and (min-width: 750px) {
    /************************* Header *************************/
    header .block {
        float: left;
        width: 50%;
    }

    header .logo {
        text-align: left;
    }

    .container {
        padding-top: 50px;
    }

    /************************* Shopping *************************/
    /* My Account */
    .halfi.block-shipping {
        margin-bottom: 0;
    }
    }

@media only screen and (min-width : 900px) {
    /************************* General *************************/
    h1 {
        font-size: 40px;
    }

    h2 {
        font-size: 32px;
    }

    h3 {
        font-size: 28px;
    }

    h4 {
        font-size: 26px;
    }

    h5, .SectionHeader {
        font-size: 24px;
    }

    h6 {
        font-size: 22px;
    }

    /************************* Header *************************/
    header {
        font-size: 16px;
        padding-top: 0;
    }

        header .inner {
            padding-top: 10px;
        }

    .account {
        padding: 15px;
        text-align: right;
    }

    .interior-menu .account {
        padding: 0;
    }

    .contacts ul li {
        margin-bottom: 13px;
        padding: 0 30px 0 0;
    }

        .contacts ul li::after {
            font: 22px/1 FontAwesome;
        }

        .contacts ul li:first-of-type:after {
            font-size: 28px;
        }

        .contacts ul li:nth-of-type(3):after {
            font-size: 26px;
        }

    /************************* Navigation *************************/
    .account {
        font-size: 13px;
    }

        .account .logo {
            display: none;
        }

        .account ul li {
            display: inline-block;
            margin: 0 0 0 15px;
        }

    nav[id$="nav-copy"], .toggle-menu {
        display: none;
    }

    .interior-menu {
        width: 100%;
    }

    .interior-menu .toggle-menu, .interior-menu nav[id$="nav-copy"] {
        display: block;
    }

    #main-nav.main-nav, .account {
        display: block;
    }

    .interior #main-nav.main-nav, .inteior .account {
        display: none;
    }

    .main-nav {
        background: #073A50;
        color: #fff;
        display: block;
        margin: 0 auto;
        text-align: center;
        text-transform: uppercase;
    }

        .main-nav ul li {
            display: inline-block;
            font-size: 16px;
        }

            .main-nav ul li a {
                color: #fff;
                display: block;
                padding: 16px 15px;
                text-decoration: none;
            }

                .main-nav ul li a:hover, .main-nav ul li a:focus, .main-nav ul li:hover a {
                    background: #022331;
                }

        /* Drop Downs */
        .main-nav ul > li > ul {
            background: #073A50;
            display: block;
            left: 0;
            line-height: 1.2 !important;
            margin: 0;
            max-height: 0;
            opacity: 0;
            overflow: hidden;
            padding: 0;
            position: absolute;
            text-align: left;
            top: auto;
            -webkit-transition: max-height .1s ease-in-out 0s, opacity .1s ease-in-out 0s;
            transition: max-height .1s ease-in-out 0s, opacity .1s ease-in-out 0s;
            width: 300px;
            height: auto !important;
            z-index: 9999;
        }

            .main-nav ul > li > ul li {
                border-bottom: 1px solid #022331;
                display: inline-block;
                font-size: 16px;
                font-weight: 400;
                height: auto !important;
                margin: 0;
                padding: 0;
                position: relative;
                width: 300px;
            }

                .main-nav ul > li > ul li:last-child {
                    border-bottom: 0;
                }

                .main-nav ul > li > ul li a {
                    background: #073A50 !important;
                    border: 0 !important;
                    color: #fff !important;
                    display: block;
                    padding: 15px !important;
                    text-indent: 0 !important;
                    -webkit-transition: none;
                    transition: none;
                }

                .main-nav ul > li > ul li:hover a {
                    background: #022331 !important;
                }

        .main-nav ul > li:hover > ul {
            max-height: 500px;
            opacity: 1;
            -webkit-transition: max-height .7s ease-in-out 0s;
            transition: max-height .7s ease-in-out 0s;
        }

    /************************* Layout *************************/
    .full {
        padding-top: 0;
    }

    /*** Contact ***/
    .contact-form, .contact-content {
        float: left;
        width: 45%;
    }

    .contact-form {
        padding-left: 30px;
        width: 55%;
    }

    /************************* Footer *************************/
    footer {
        text-align: left;
    }

        footer .block {
            float: left;
        }

            footer .block:first-of-type {
                width: 70%;
            }

            footer .block:last-of-type {
                width: 30%;
        }

            footer .block:last-of-type, header .block:last-of-type {
                text-align: right;
            }

    /************************* Shopping *************************/
    /*** Product Details ***/
    .main-product-image {
        width: 42%;
    }

    .main-product-details {
        width: 58%;
    }

    .product-image table td {
        display: table-cell;
    }
}

@media only screen and (min-width : 1000px) {
    /*********************** Shopping ***********************/
    /*** Catalog ***/
    .category ul li h6, .featured ul li h6 {
        font-size: 16px;
    }

    .main-product-image {
        width: 34%;
    }

    .main-product-details {
        width: 66%;
    }
}

@media only screen and (min-width : 1350px) {
    /*********************** Shopping ***********************/
    /*** Catalog ***/
    .slick-prev, .slick-next {
        bottom: auto;
        top: 50%;
        transform: translateY(-50%);
        width: 50px;
        height: 50px;
    }

    .slick-prev {
        left: -75px;
    }

    .slick-next {
        right: -75px;
    }

    .featured button::after {
        font: 44px/1 FontAwesome;
    }
}


/*********************** Check out ***********************/
.bb-1 {
    border-bottom: 1px solid #81A37C;
    padding-bottom: 20px;
}

/* Delete Button */
.icon-delete svg {
    fill: #d08e8e;
    display: inline-block;
    margin: auto;
    width: 15px;
}

.icon-delete a {
    color: #BC5A14;
    text-decoration: none;
}

    .icon-delete a:hover, .icon-delete a:focus {
        color: #f75a2a;
    }

.icon-delete .ht {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    overflow: visible;
    text-indent: 0;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
}

@media (min-width : 500px) {
    .icon-delete .ht {
        display: block;
        font-size: 0;
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
    }
}

/************************* Forms *************************/
::-webkit-input-placeholder {
    color: #202020;
    font-size: 14px;
}

::-moz-placeholder {
    color: #202020;
    font-size: 14px;
}

:-ms-input-placeholder {
    color: #202020;
    font-size: 14px;
}

placeholder {
    color: #202020;
    font-size: 14px;
}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
    opacity: 0;
}

input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
    opacity: 0;
}

input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
    opacity: 0;
}

input:focus:placeholder, textarea:focus:placeholder {
    opacity: 0;
}

/************************* Shopping Check Out *************************/
.checkout-form {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
    padding-bottom: 15px;
    max-width: 1000px;
    width: 100%;
}

    .checkout-form .item input[type=text], .checkout-form .item input[type=email] {
        margin-bottom: 20px;
    }

@media (min-width : 550px) and (max-width : 950px) {
    .shop-half {
        float: left;
        width: calc(100% / 2 - 1px);
    }

        .shop-half:first-of-type {
            padding-right: 15px;
        }

        .shop-half:last-of-type {
            padding-left: 15px;
        }
}

@media (min-width : 951px) {
    .checkout-form {
        border-bottom: 0;
        float: left;
        margin-bottom: 0;
        padding: 20px 30px;
        width: calc(100% / 3);
    }

        .checkout-form:nth-of-type(1) {
            border-right: 1px solid #81A37c;
            padding-left: 0;
        }

        .checkout-form:nth-of-type(2) {
            border-left: 1px solid #81A37c;
            border-right: 1px solid #81A37c;
            margin-left: -1px;
            margin-right: -1px;
        }

        .checkout-form:nth-of-type(3) {
            border-left: 1px solid #81A37c;
            padding-right: 0;
        }

        .checkout-form.mt-30, div.mt-30 {
            margin-top: 0;
        }
}

@media (min-width : 1200px) {
    .billing-form .shop-half, .delivery-form .shop-half {
        float: left;
        width: calc(100% / 2 - 1px);
    }

        .billing-form .shop-half:first-of-type, .delivery-form .shop-half:first-of-type {
            padding-right: 15px;
        }

        .billing-form .shop-half:last-of-type, .delivery-form .shop-half:last-of-type {
            padding-left: 15px;
        }
}

/* Column 1 */
.billing-form {
    /*display: none;*/
    padding: 10px 0 0;
}

/* Column 2 */
.shipping-form .checki label {
    font-weight: normal;
}

/* Column 3 */
.form-sbs {
    display: table;
}

    .form-sbs li {
        display: table-cell;
        vertical-align: middle;
    }

        .form-sbs li button, .form-sbs li input {
            margin: 0 !important;
        }

        .form-sbs li.actions {
            padding-left: 15px;
        }

.shop-totals {
    float: right;
    min-width: 225px;
    text-align: right;
}

    .shop-totals li {
        margin-bottom: 10px;
    }

.shop-total {
    border-top: 1px solid #81A37c;
    font-size: 18px;
}

    .shop-total label {
        color: #BC5A14;
    }

.shop-more a {
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
}

/* Shopping Cart Table */
.cart-contents td, .ad-line td {
    padding: 15px 10px;
}

    .gridview td:nth-of-type(even), .cart-contents td:nth-of-type(even) {
        background: rgba(255,255,255,.2);
    }

.gridview tr:nth-of-type(odd), .cart-contents tr:nth-of-type(odd) {
    background: rgba(255,255,255,.28);
}

.rate {
    font-weight: bold;
    padding-top: 20px;
}

.cart-image {
    text-align: center;
}

    .cart-image img {
        max-width: 100px;
        width: 100%;
    }

.cart-product {
    font-size: 14px;
    line-height: 1.2;
}

    .cart-product a {
        text-decoration: none;
    }

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

@media (max-width : 700px) {
    .cart-contents th {
        display: none;
    }

    .cart-contents td, .ad-line td {
        display: block;
        width: 100%;
    }

    .cart-contents tr:nth-child(n+3) td:first-child {
        padding-top: 50px;
    }

    .cart-contents tr:nth-child(odd) {
        background: none;
    }

    .cart-contents td:before {
        font-weight: bold;
    }

    .cart-code:before {
        content: "Code \2014\00a0";
    }

    .cart-item:before {
        content: "Item \2014\00a0";
    }

    .cart-product:before {
        content: "Product \2014\00a0";
    }

    .cart-price:before {
        content: "Price \2014\00a0";
    }

    .cart-quantity:before {
        content: "Quantity \2014\00a0";
    }

    .cart-quantity input[type="text"] {
        height: 28px;
    }

    .cart-total:before {
        content: "Item Total \2014\00a0";
    }

    .cart-comment:before {
        content: "Comment \2014\00a0";
    }

    .order-number:before {
        content: "Order Number \2014\00a0";
    }

    .cart-contents .cart-button {
        padding: 5px 10px 40px;
        text-align: center;
    }
}

@media (min-width : 951px) and (max-width : 1200px) {
    .review-order .cart-image {
        display: none;
    }
}

/* Calendar Products */
.check-times {
    margin-bottom: 15px;
    max-width: 490px;
    width: 100%;
}

    .check-times .l {
        margin-bottom: 10px;
    }

    .check-times .block {
        float: left;
    }

        .check-times .block:first-of-type {
            width: 116px;
        }

.time-table {
    overflow-y: scroll;
    padding-right: 8px;
    max-height: 350px;
}

    .time-table li {
        background: #c6e5c2;
        float: left;
        margin: 0 5px 20px;
        padding: 10px;
        text-align: center;
    }

    .time-table a.btn.btn-small {
        font-size: .8em;
        padding: 10px;
    }

@media (max-width : 450px) {
    .time-table li {
        width: calc(100% / 2 - 6px);
    }

        .time-table li:nth-of-type(2n + 1) {
            clear: both;
            margin-left: 0;
        }

        .time-table li:nth-of-type(2n + 2) {
            margin-right: 0;
        }
}

@media (min-width : 451px) {
    .check-times .block:first-of-type {
        width: 315px;
    }

    .time-table li {
        margin: 0 10px 20px;
    }
}

@media (min-width : 451px) and (max-width : 649px) {
    .time-table li {
        width: calc(100% / 3 - 15px);
    }

        .time-table li:nth-of-type(3n + 1) {
            clear: both;
            margin-left: 0;
        }

        .time-table li:nth-of-type(3n + 3) {
            margin-right: 0;
        }
}

@media (min-width : 650px) and (max-width : 900px) {
    .time-table li {
        width: calc(100% / 2 - 16px);
    }

        .time-table li:nth-of-type(2n + 1) {
            clear: both;
            margin-left: 0;
        }

        .time-table li:nth-of-type(2n + 2) {
            margin-right: 0;
        }
}

@media (min-width : 901px) and (max-width : 1200px) {
    .time-table li {
        width: calc(100% / 3 - 15px);
    }

        .time-table li:nth-of-type(3n + 1) {
            clear: both;
            margin-left: 0;
        }

        .time-table li:nth-of-type(3n + 3) {
            margin-right: 0;
        }
}

@media (min-width : 1201px) {
    .time-table a.btn.btn-small {
        font-size: 1em;
        padding: 10px 20px;
    }

    .time-table li {
        width: calc(100% / 4 - 15px);
    }

        .time-table li:nth-of-type(4n + 1) {
            clear: both;
            margin-left: 0;
        }

        .time-table li:nth-of-type(4n + 4) {
            margin-right: 0;
        }
}

.mp-message-box {
    margin: auto;
    max-width: 500px;
    width: 100%;
}

    .mp-message-box > div {
        padding: 20px 40px 20px 20px;
    }

/* Featured List */
.featured-list li {
    background: #fff;
    margin-bottom: 35px;
}

    .featured-list li:hover {
        background: #f8f8f8;
    }

.featured-list a {
    color: #333;
    display: block;
    text-decoration: none;
}

.featured-list .content {
    float: right;
    padding: 15px;
    width: calc(100% - 116px);
    font-size: 18px;
}

.featured-list .image {
    float: left;
    padding: 0;
    background-size: cover;
    background-position: center center;
    width: 115px;
    height: 115px;
}

    .featured-list .image img {
        display: block;
        margin: auto;
    }

.featured-list .price {
    background: #b3b3b3;
    color: #333;
    line-height: 1;
    margin: 0;
    padding: 15px;
    text-align: center;
    display: block;
    clear: both;
}

.featured-list a:hover .price, .featured-list a:focus .price {
    background: #a0a0a0;
}

.featured-list .content {
    padding: 15px;
}

.featured-list .view {
    margin: 15px 0 0;
    text-align: right;
}

@media only screen and (min-width: 1150px) {
    .featured-list .image {
        width: 200px;
        height: 200px;
    }

    .featured-list .content {
        width: calc(100% - 201px);
    }
}

.move-link {
    background-color: #e5e5e5;
    display: block;
    padding: 10px;
}

    .move-link.move-link-down {
        background-color: #d9d9d9;
    }

    .move-link:hover {
        background-color: #073A50;
        color: #fafafa;
    }

    .move-link::before {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        margin-right: 5px;
    }

    .move-link.move-link-up::before {
        content: "\f062";
    }

    .move-link.move-link-down::before {
        content: "\f063";
    }

@media only screen and (min-width : 700px) {
    .featured-list ul li {
        width: calc(50% - 10px);
        float: left;
    }

        .featured-list ul li:nth-of-type(even) {
        float: right;
    }

        .featured-list ul li:nth-of-type(2n+1) {
            clear: both;
    }

    .featured-list h6 {
        margin-bottom: 15px;
    }
}

.review-cart .message {
    text-align: left;
}

    .review-cart .message .message-details {
        background: #e3e3e3;
        padding: 15px;
        margin: 10px 0;
    }

        .review-cart .message .message-details p {
            margin: 0;
        }

@media only screen and (min-width: 1000px) {

        }

.sq-input--error {
    border: 2px solid rgb(208, 142, 142);
    background-color: rgb(255, 243, 243);
}




/************************ 8. Modal Popups ***********************/
.modalBackDrop {
    display: none;
    background: #000;
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000000;
    padding: 0;
    border: 0;
    border-radius: 0;
    overflow: auto;
}

    .modalBackDrop > #ctl00_Cph_ctl00 {
        position: static;
    }

.modalPopUp {
    display: none;
    background: #fff;
    color: #202020;
    width: 50%;
    padding: 0;
    margin: 0;
    position: absolute;
    max-height: 90%;
    overflow: auto;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-size: 1em;
    box-shadow: 0 0 10px #000;
    z-index: 100000001;


        padding: 20px;
}

.modalTitle {
    background: #c7bb99;
    font-size: 1.375em;
    line-height: 1.875;
    text-align: center;
    color: #202020;
    margin: 0 0 0.5em;
    position: relative;
}

.modalClose {
    display: block;
    position: absolute;
    top: 0.25em;
    right: 0.25em;
    border-radius: 15px;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 20px;
    line-height: 1;
    padding: 3px 5px;
    font-weight: bold;
    border: 1px solid #313131;
    background: #fff;
    color: #202020;
    text-decoration: none;
}

    .modalClose::after {
        font-family: "FontAwesome";
        content: '\f00d';
    }

    .modalClose:hover, .modalClose:active {
        background: #202020;
        color: #fff;
        text-decoration: none;
    }

.modalContent {
    margin-bottom: 0.5em;
    position: relative;
    padding: 0 2% 0.5em;
}

    .modalContent:before, .modalContent:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .modalContent:after {
        clear: both;
    }

    .modalContent ul {
        padding-left: 30px;
}

@media only screen and (min-width: 700px) {
    .cart-button {
        text-align: center;
    }
    
    .cart-delete-btn {
        display: inline-block;
    }

    .cart-delete-txt {
        display: none;
    }
}

.admissions.no-schedule-options .item .input input[type=text] {
    border: 1px solid #900;
    }

a.buy-more {
    background: #f75a2a;
    padding: 4px 6px;
    margin-top: 5px;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}
    a.buy-more:hover {
        text-decoration: none;
        background: #595551;
    }