@font-face {
    font-family: "WorkSansBold";
    src: url("../fonts/worksans-bold-webfont.eot");
    src: url("../fonts/worksans-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/worksans-bold-webfont.woff2") format("woff2"), url("../fonts/worksans-bold-webfont.woff") format("woff"),
        url("../fonts/worksans-bold-webfont.ttf") format("truetype"), url("../fonts/worksans-bold-webfont.svg#work_sansbold") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "WorkSansMedium";
    src: url("../fonts/worksans-medium-webfont.eot");
    src: url("../fonts/worksans-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/worksans-medium-webfont.woff2") format("woff2"), url("../fonts/worksans-medium-webfont.woff") format("woff"),
        url("../fonts/worksans-medium-webfont.ttf") format("truetype"), url("../fonts/worksans-medium-webfont.svg#work_sansmedium") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "WorkSansRegular";
    src: url("../fonts/worksans-regular-webfont.eot");
    src: url("../fonts/worksans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/worksans-regular-webfont.woff2") format("woff2"), url("../fonts/worksans-regular-webfont.woff") format("woff"),
        url("../fonts/worksans-regular-webfont.ttf") format("truetype"), url("../fonts/worksans-regular-webfont.svg#work_sansregular") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "TekoBold";
    src: url("../fonts/teko-bold-webfont.eot");
    src: url("../fonts/teko-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/teko-bold-webfont.woff2") format("woff2"), url("../fonts/teko-bold-webfont.woff") format("woff"),
        url("../fonts/teko-bold-webfont.ttf") format("truetype"), url("../fonts/teko-bold-webfont.svg#tekobold") format("svg");
    font-weight: normal;
    font-style: normal;
}


.head .btn{
    display:none;
}

.page-template-template-gift-certificate {
    background-color: #fce300;
    opacity: 0;
    transition: opacity 0.6s ease;
}
.page-template-template-gift-certificate header,
.page-template-template-gift-certificate #nav-bar,
.page-template-template-gift-certificate nav,
.page-template-template-gift-certificate #book-popup {
    display: none;
}
.page-template-template-gift-certificate.show {
    opacity: 1;
}
#gift-certificate {
    padding-bottom: 100px;
    padding-top: 30px;
}
#gift-certificate .container {
    max-width: 1055px;
    margin: 0 auto;
    padding: 0px 25px;
    position: relative;
}
#gift-certificate h1 {
    font-family: "Rocket Clouds", Sans-serif;
    font-size: 28px;
    font-weight:400;
    color:#4C4D4E;
}
#gift-certificate h2 {
    font-family: buenos-aires-black;
    font-size: 18px;
    margin-bottom: 8px;
    text-transform: uppercase;
}
#gift-certificate a.btn,
#gift-certificate input.btn {
    font-size: 15px;
    line-height: 15px;
    min-width: initial;
    background-color:#4C4D4E;
    color:white;
    font-family:buenos-aires-regular;
  /*  padding: 2px 4px;
    padding-top: 4px;*/
  /*  width: 66px;*/
}
#gift-certificate a.btn.abs,
#gift-certificate input.btn.abs {
    position: absolute;
    right: 0px;
    top: 0px;
}
#gift-certificate a.btn.disabled,
#gift-certificate input.btn.disabled {
    cursor: default;
    opacity: 0.3;
    pointer-events: none;
}
#gift-certificate a.btn:hover,
#gift-certificate input.btn:hover {
    background-color: #2C9C54;
}
#gift-certificate .head {
    min-height: 35px;
    position: relative;
}
#gift-certificate .head #breadcrumbs {
    font-family: buenos-aires-black;
    font-size: 11px;
    margin-bottom: 25px;
    margin-top: 7px;
    text-transform: uppercase;
}
#gift-certificate .head #breadcrumbs li {
    display: inline-block;
    padding-right: 14px;
    position: relative;
}
#gift-certificate .head #breadcrumbs li a {
    color: #C8942B;
    text-decoration: none;
}
#gift-certificate .head #breadcrumbs li a.disabled {
    pointer-events: none;
}
#gift-certificate .head #breadcrumbs li.active:after {
    background-image: url(../img/chevron.png);
}
#gift-certificate .head #breadcrumbs li:after {
    background-image: url(../img/chevron-yellow.png);
    background-size: cover;
    content: "";
    height: 10px;
    position: absolute;
    right: 4px;
    top: 1px; 
    width: 6.75px;
}
#gift-certificate .head #breadcrumbs li:last-child {
    padding-right: 0px;
}
#gift-certificate .head #breadcrumbs li:last-child:after {
    display: none;
}
#gift-certificate #main {
    font-size: 14px;
    line-height: 18.666662px;
    position: relative;
}
#gift-certificate #main #top-text {
    max-width: 200px;
}
#gift-certificate #main p {
    margin-bottom: 10px;
    font-family:buenos-aires-regular;
    font-weight:400;
}
#gift-certificate #main p:last-child {
    margin-bottom: 0px;
}
#gift-certificate #main input[type="checkbox"] {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    display: none;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
#gift-certificate #main input[type="checkbox"] + label {
    font-family: buenos-aires-black;
    padding-left: 26px;
    padding-top: 2px;
    position: relative;
    text-transform: uppercase;
}
#gift-certificate #main input[type="checkbox"] + label:before {
    border: 1px solid #000;
    box-sizing: border-box;
    content: "";
    font-family: buenos-aires-black;
    display: block;
    height: 20px;
    left: 0px;
    line-height: 18px;
    position: absolute;
    text-align: center;
    top: 0px;
    transition: background-color 0.6s ease;
    width: 20px;
}
#gift-certificate #main input[type="checkbox"]:checked + label:before {
    background-color: #f6f6f6;
    content: "x";
}
#gift-certificate #main #options {
    max-width: 860px;
    padding-top: 20px;
}
#gift-certificate #main #options .option {
    margin-bottom: 30px;
}
#gift-certificate #main #options .option img {
    margin-bottom: 14px;
}
#gift-certificate #main #options .option .check {
    font-family: buenos-aires-black;
    text-transform: uppercase;
}
#gift-certificate #main #options .option .multiple-checks {
    max-width: 240px;
    padding-top: 5px;
}
#gift-certificate #main #options .option .multiple-checks li {
    display: inline-block;
    list-style-type: none;
    margin: 0px;
    margin-top: 8px;
    padding: 0px;
    position: relative;
    width: 80px;
}
#gift-certificate #main #options .option .multiple-checks li label {
    font-family: "WorkSansRegular";
}
#gift-certificate #main #options .option .info {
    font-size: 12px;
    line-height: 14px;
    margin-top: 13px;
}
#gift-certificate #main #options .option .info p.expiry {
    font-size: 10px;
}
#gift-certificate #main #options .option .info p:first-child {
    margin-bottom: 6px;
}
#gift-certificate .row {
    margin-bottom: 10px;
}
#gift-certificate .row input,
#gift-certificate .row label,
#gift-certificate .row textarea,
#gift-certificate .row select {
    display: inline-block;
    height: 36px;
    vertical-align: top;
}
#gift-certificate .row label {
    font-family: buenos-aires-regular;
    font-size: 16px;
    margin-top:14px;
    line-height:1em;
    text-transform: uppercase;
    width: 107px;
}
#gift-certificate .row input,
#gift-certificate .row textarea,
#gift-certificate .row select {
    background-color: transparent;
    border: 1px solid #000;
    color: #000;
    padding-left: 10px;
    width: calc(100% - 107px);
}
#gift-certificate .row input::-webkit-input-placeholder,
#gift-certificate .row textarea::-webkit-input-placeholder,
#gift-certificate .row select::-webkit-input-placeholder {
    color: #000;
    opacity: 1;
}
#gift-certificate .row input:-moz-placeholder,
#gift-certificate .row textarea:-moz-placeholder,
#gift-certificate .row select:-moz-placeholder {
    color: #000;
    opacity: 1;
}
#gift-certificate .row input::-moz-placeholder,
#gift-certificate .row textarea::-moz-placeholder,
#gift-certificate .row select::-moz-placeholder {
    color: #000;
    opacity: 1;
}
#gift-certificate .row input:-ms-input-placeholder,
#gift-certificate .row textarea:-ms-input-placeholder,
#gift-certificate .row select:-ms-input-placeholder {
    color: #000;
    opacity: 1;
}
#gift-certificate .row input:placeholder-shown,
#gift-certificate .row textarea:placeholder-shown,
#gift-certificate .row select:placeholder-shown {
    color: #000;
    opacity: 1;
}
#gift-certificate .row input:focus,
#gift-certificate .row textarea:focus,
#gift-certificate .row select:focus {
    background-color: #fff;
}
#gift-certificate .row textarea {
    height: 104px;
}
#gift-certificate .row.mt {
    padding-top: 20px;
}
#gift-certificate .row:last-child {
    margin-bottom: 0px;
}
#gift-certificate.step-2 #next {
    display: none;
    margin-top: 30px;
    position: static;
}
#gift-certificate.step-2 #next.active {
    display: inline-block;
}
#gift-certificate.step-2 #main #method-3 {
    padding-top: 10px;
}
#gift-certificate.step-2 #main #date-options {
    padding-bottom: 12px;
}
#gift-certificate.step-2 #main #date-options li {
    display: inline-block;
    font-size: 14px;
    min-width: 120px;
}
#gift-certificate.step-2 #main #date-input {
    padding-bottom: 25px;
}
#gift-certificate.step-2 #main #date-input.inactive {
    opacity: 0.5;
    pointer-events: none;
}
#gift-certificate.step-2 #main #methods li {
    font-size: 14px;
    margin-bottom: 10px;
}
#gift-certificate.step-2 #main #methods li:last-child {
    margin-bottom: 0px;
}
#gift-certificate.step-2 #main input[type="checkbox"] + label {
    font-family: "WorkSansRegular";
    padding-top: 2px;
    text-transform: none;
}
#gift-certificate.step-2 #main input[type="checkbox"] + label .small {
    font-size: 12px;
}
#gift-certificate.step-2 #main input[type="checkbox"] + label:before {
    font-family: buenos-aires-black;
    font-size: 18px;
    line-height: 15px;
}
#gift-certificate.step-2 #main #method-options {
    max-width: 860px;
    padding-top: 25px;
}
#gift-certificate.step-2 #main #method-options .method {
    display: none;
}
#gift-certificate.step-2 #main #method-options .method.active {
    display: block;
}
#gift-certificate.step-2 #main #method-options.hidden {
    display: none;
}
#gift-certificate.step-3 #next,
#gift-certificate.step-4 #next {
    margin-top: 30px;
    position: static;
}
#gift-certificate.step-3 .row,
#gift-certificate.step-4 .row {
    max-width: 860px;
}
#gift-certificate.step-4 #t-c-wrapper {
    padding-bottom: 30px;
}
#gift-certificate.step-4 #t-c-wrapper input[type="checkbox"] + label {
    font-family: "WorkSansRegular";
    font-size: 14px;
    text-transform: none;
}
#gift-certificate.step-4 #t-c-wrapper input[type="checkbox"] + label:before {
    font-family: buenos-aires-black;
    font-size: 18px;
    line-height: 15px;
}
#gift-certificate.step-4 select {
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0px;
    font-size: 14px;
    width: 100%;
}
#gift-certificate.step-4 #cc-expiry-month-wrapper,
#gift-certificate.step-4 #cc-expiry-year-wrapper {
    display: inline-block;
    position: relative;
}
#gift-certificate.step-4 #cc-expiry-month-wrapper:before,
#gift-certificate.step-4 #cc-expiry-year-wrapper:before {
    background-image: url(../img/chevron.png);
    background-size: cover;
    content: "";
    height: 6.5px;
    margin-top: -3.25px;
    pointer-events: none;
    position: absolute;
    right: 13px;
    top: 50%;
    width: 13.5px;
    z-index: 2;
}
#gift-certificate.step-4 #cc-expiry-month-wrapper {
    margin-right: 10px;
    width: 149px;
}
#gift-certificate.step-4 #cc-expiry-year-wrapper {
    width: 76px;
}
#gift-certificate.step-4 #v-m {
    background-image: url(../img/gift-visa-mc.png);
    background-size: cover;
    height: 32px;
    margin-top: 20px;
    width: 160px;
}
#gift-certificate.step-4 #overview {
    background-color: #F4F2F2;
    color: black;
    font-family:buenos-aires-regular;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    padding: 8px 12px;
    vertical-align: top;
    width: 100%;
}
#gift-certificate.step-4 #overview .overview-row:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
#gift-certificate.step-4 #overview .overview-row:last-child {
    margin-bottom: 0px;
}
#gift-certificate.step-4 #overview .overview-desc {
    float: left;
}
#gift-certificate.step-4 #overview .overview-price {
    font-family: "buenos-aires-black";
    float: right;
}
#gift-certificate.step-4 #overview #overview-total {
    border-top: 1px solid #fce300;
    margin-top: 5px;
    padding-top: 5px;
}
#gift-certificate.step-4 #overview #overview-total .overview-desc {
    font-family: "buenos-aires-black";
}
#gift-certificate.step-4 .row:nth-last-child(2) {
    margin-bottom: 0px;
}
#gift-certificate.step-6 #confirmation-wrap {
    max-width: 580px;
}
#gift-certificate.step-6 #confirmation-title {
    font-family: buenos-aires-black;
    font-size: 35px;
    margin-bottom: 8px;
    text-transform: uppercase;
}
#gift-certificate.step-6 #confirmation-number {
    font-family: buenos-aires-black;
    font-size: 18px;
    text-transform: uppercase;
}
#gift-certificate.step-6 p {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 8px !important;
}

@media only screen and (max-width: 820px){
    #gift-certificate .head{
        margin-top:100px;
    }
    #gift-certificate.step-1 #main #next{
    bottom: -80px;
    }

    #gift-certificate a.btn.abs, #gift-certificate input.btn.abs{
        top:auto !important;
    }
    #gift-certificate .head #breadcrumbs li:after{
        margin-top:7px;
    }
    #gift-certificate #main #top-text{
        max-width:100%;
    }
}


@media only screen and (min-width: 768px) {
    #gift-certificate {
        padding-top: 25px;
    }
    #gift-certificate h1 {
        font-size: 40px;
    }
    #gift-certificate h2 {
        margin-bottom: 0px;
    }
    #gift-certificate a.btn,
    #gift-certificate input.btn {
        font-size: 16px;
    /*    height: 36px;*/
    /*    line-height: 20px;*/
        padding: 8px 14px !important;
    /*    padding-top: 6px;*/
    /*    width: 79px;*/
    }
    #gift-certificate .head #breadcrumbs {
        font-size: 18px;
        margin-bottom: 50px;
        margin-top:20px;
    }
    #gift-certificate .head #breadcrumbs li {
        padding-right: 20px;
    }
    #gift-certificate .head #breadcrumbs li:after {
        height: 9px;
        margin-top:5px;
        right: 7px;
        top: 2.5px;
        width: 8px;
    }
    #gift-certificate .head a.btn.abs {
        top: 8px;
    }


    #gift-certificate #main {
        font-size: 18px;
        line-height: 24px;
    }
    #gift-certificate #main input[type="checkbox"] + label {
        padding-top: 0px;
    }
    #gift-certificate #main #top-text {
        max-width: 600px;
    }
    #gift-certificate #main p {
        margin-bottom: 15px;
        font-family:buenos-aires-regular;
        font-weight:400;
    }
    #gift-certificate #main #options .option {
        display: inline-block;
        margin-bottom: 0px;
        margin-right: 25px;
        vertical-align: top;
        width: calc(33.333% - (50px / 3));
    }
    #gift-certificate #main #options .option .multiple-checks li label {
        font-size: 14px;
        padding-top: 2px;
    }
    #gift-certificate #main #options .option:last-child {
        margin-right: 0px;
    }
    #gift-certificate #main #options .option .info {
        font-size: 14px;
        line-height: 16px;
    }
    #gift-certificate #main #options .option .info p:first-child {
        margin-bottom: 8px;
    }
    #gift-certificate #main #options .option .info p.expiry {
        font-size: 12px;
    }
    #gift-certificate.step-2 #main #methods li {
        display: inline-block;
        margin-bottom: 0px;
        margin-right: 25px;
    }
    #gift-certificate.step-4 #t-c-wrapper input[type="checkbox"] + label {
        padding-top: 2px;
    }
    #gift-certificate.step-4 #v-m {
        margin-top: 3px;
        float: right;
    }
    #gift-certificate.step-4 #overview {
        width: calc(100% - 107px);
    }
    #gift-certificate .row input,
    #gift-certificate .row textarea {
        font-size: 14px;
    }
}
@media only screen and (min-width: 1025px) {
    #gift-certificate #main #top-text {
        max-width: 860px;
    }
    #gift-certificate.step-2 #main #next,
    #gift-certificate.step-3 #main #next,
    #gift-certificate.step-4 #main #next {
        bottom: 0px;
        position: absolute;
        top: auto;
    }
    #gift-certificate.step-6 #confirmation-number {
        bottom: -3px;
        position: absolute;
        right: 0px;
    }
}
