@font-face {
    font-family: 'HelveticaLight';
    src:url('/assets/fonts/HelveticaNeueLight.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family: 'HelveticaMedium';
    src:url('/assets/fonts/HelveticaNeueMedium.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family: 'HelveticaBold';
    src:url('/assets/fonts/HelveticaNeueBold.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}
body{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
} 
p{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}
.left_nav_slider_container{
    font-family: Helvetica;
    font-size: 1.3em;
    font-weight: bold;
    position: absolute;
    width: 260px;
    left: 0;
    top: 0px;
    background-color: #555759;
    color: white;
    z-index: 3;
    height:100%;
    display:none;
}
.left_nav_slider_container a {
    padding:5px 15px !important;
    color: white;
    text-decoration: none;
    border-bottom: none !important;
}
.left_nav_slider_container a:hover {   
    background-color: transparent !important;
    text-decoration: none;
}
.nav_menu_divider{
    border-bottom: 2px white solid;
    margin:10px 0px;
}
.nav_menu_topic{
    text-transform: uppercase;
}
.nav_menu_subtopic{
    text-transform: capitalize;
    padding-left:30px;
    font-weight: normal;
}
.modal-backdrop{
    z-index: 2;
}
.option-radio {
    padding-top:0px;
    cursor: pointer;
}
.option-radio input {
    display: none;
    display: inline\9;
    margin: 0 .1em; /* Use something similar to .icon */
}

.option-radio input:checked + .icon .fa {
    visibility: visible;
}

.option-radio .icon .fa {
    visibility: hidden;
}

.option-radio .icon {
    text-align: center;
    display: none;
    display: inline-block;
    background: #fff;
    border: 1px solid;
    border-color: #555759;
    border-radius: 50px;
    text-align: center;
    color: #555759;
    margin: 0px;
    padding: 0px 1px;
    line-height: 4px;
    /**
     * Values for height, width and line-height
     * may need to be adjusted depending on your font.
     */
}

.option-check {
    padding-top:0px;
    cursor: pointer;
}
.option-check input {
    display: none;
    display: inline\9;
    margin: 0 .1em; /* Use something similar to .icon */
}

.option-check input:checked + .icon .fa {
    visibility: visible;
}

.option-check .icon .fa {
    visibility: hidden;
}

.option-check .icon {
    text-align: center;
    display: none;
    display: inline-block;
    background: #fff;
    border: 1px solid;
    border-color: #555759;
    border-radius: 5px;
    text-align: center;
    color: #555759;
    margin: 0px;
    padding: 0px;
    line-height: 4px;
    /**
     * Values for height, width and line-height
     * may need to be adjusted depending on your font.
     */
}

.fa-check {
    margin: 0px !important;
    padding: 0px !important;
    color:#555759;
}

.fa-circle {
    margin: 0px !important;
    padding: 0px !important;
    color:#555759;
}
::-webkit-input-placeholder { font-style: italic; }
:-moz-placeholder { font-style: italic; }
::-moz-placeholder { font-style: italic; }
:-ms-input-placeholder { font-style: italic; }
a:hover { color: inherit; text-decoration: none; }
.user_menu { border-bottom:#555759 solid 1px; color:#555759; }
.user_menu:hover { background-color: #a4dae7; }
.badge-black{ position:relative; top: -3px; background-color:black; color:white; }
.percent-off-bubble{
    background-color:red;
    color:white;
    border: 0px transparent solid;
    border-radius:50px;
    font-size:1.5em;
    padding:5px 15px;
    width:70px;
    line-height:1.3;
    text-align:center;
}

.share-wine-button{
    position:absolute; 
    bottom:0px; 
    cursor:pointer; 
    background-color:#00b3e3; 
    color:white; 
    border-radius:5px;
}

.btn-ovl{ border-radius:50px; }
.btn-rounded{ border-radius:10px; }
.btn-square{ border-radius:0px; }

.btn-lg { font-weight: 700; font-size:1.5em; padding:5px 15px; }
.btn-md { font-weight: 600; font-size:1.2em; padding:5px 15px; }
.btn-sm { font-weight: 500; font-size:1em;   padding:3px 10px; }

.btn-dk-blue{
    background-color:#00b3e3;
    color:white;
    padding:3px 10px;
    border: 1px transparent solid;
}
.btn-dk-blue:hover{ background-color:#005cb9; color:white; }
.btn-dk-blue:focus{ background-color:#005cb9; color:white; }

.btn-lt-blue{
    background-color:#a4dae7;
    color:black;
    padding:3px 10px;
    border: 1px transparent solid;
}
.btn-lt-blue:hover{ background-color:#00b3e3; color:black; }
.btn-lt-blue:focus{ background-color:#00b3e3; color:black; }

.btn-dk-grey{
    background-color:#555759;
    color:white;
    padding:3px 10px;
    border: 1px transparent solid;
}
.btn-dk-grey:hover{ background-color:#a0a1a2; color:white; }
.btn-dk-grey:focus{ background-color:#a0a1a2; color:white; }

.btn-lt-grey{
    background-color:#a0a1a2;
    color:#555759;
    padding:3px 10px;
    border: 1px transparent solid;
}
.btn-lt-grey:hover{ color:#555759; border: 1px #333537 solid; }
.btn-lt-grey:focus{ color:#555759; border: 1px #333537 solid; }

.btn-dk-purple{
    background-color:#563274;
    color:white;
    padding:3px 10px;
    border: 1px transparent solid;
}
.btn-dk-purple:hover{ color:white; border: 1px #333537 solid; }
.btn-dk-purple:focus{ color:white; border: 1px #333537 solid; }

.btn-lt-purple{
    background-color:#6c4889;
    color:white;
    padding:3px 10px;
    border: 1px transparent solid;
}
.btn-lt-purple:hover{ color:white; border: 1px #333537 solid; }
.btn-lt-purple:focus{ color:white; border: 1px #333537 solid; }

.btn-dk-green{
    background-color:#00693c;
    color:white;
    padding:3px 10px;
    border: 1px transparent solid;
}
.btn-dk-green:hover{ color:white; border: 1px #333537 solid; }
.btn-dk-green:focus{ color:white; border: 1px #333537 solid; }

.btn-lt-green{
    background-color:#348f4b;
    color:white;
    padding:3px 10px;
    border: 1px transparent solid;
}
.btn-lt-green:hover{ color:white; border: 1px #333537 solid; }
.btn-lt-green:focus{ color:white; border: 1px #333537 solid; }

.btn-red{    
    background-color:red;
    color:white;
    padding:3px 10px;
    border: 1px transparent solid;
}
.btn-red:hover{ color:white; background-color:#dd0000; border: 1px #dd0000 solid; }
.btn-red:focus{ color:white; background-color:#dd0000; border: 1px #dd0000 solid; }

.btn-platinum-white { color: #555759 !important; background-color:white !important; }
.btn-platinum-white:hover { color: #555759 !important; background-color:white !important; }
.btn-platinum-white:focus { color: #555759 !important; background-color:white !important; }
.btn-white-grey { background-color:white; color:#555759; border: #ddd solid 1px; border-radius:0px !important; }
.btn-white-grey:hover { background-color:white; color:#555759; border: #ddd solid 1px; border-radius:0px !important; }

.element-border { border-style:solid; border-color:#414042; border-width:1px; padding:3px 10px; }
.line-break { height:2px; width:100%; border-bottom:#414042 solid 1px; margin:15px 0px; }
.form-control { background-color:#e0e0e0 !important; }
.footer-legal-banner { background:#111820; color:white; }
.footer-site-banner { background:#414042; color:white; }
.summary-header-grey { background:#a4a9ad; }

.text-home-header { color:#414042; }
.text-site-header { color:#111820; }
.text-site-description { color:#555759; }
.text-bonus-description { color:#414042; }
.text-lt-grey { color:#a0a1a2; }
.text-red { color:#ff0000; }
.text-dk-blue{ color:#00b3e3 !important; }
.text-blue { color:#00b3e3; }
.text-green { color:#348f4b; }
.text-purple { color:#563274; }

.text-light { /*font-family: 'HelveticaLight' !important;*/ font-weight:300 !important; }
.text-medium { /*font-family: 'HelveticaMedium' !important;*/ font-weight: 500 !important; }
.text-bold { /*font-family: 'HelveticaBold' !important;*/ font-weight: 700 !important; }

.slider-title { position: absolute; bottom: 0; left: 0; width: 100%; background-color: #414042; color: white; opacity: .8; font-size: 20px; }
.image-title-info { position: relative; text-align: center; margin: 15px auto; cursor: pointer; }
.slider-image { width:100%; }
.bx-wrapper { box-shadow: none; margin: 0; }
.bx-wrapper .bx-prev, .bx-wrapper .bx-prev:hover { left: -60px; background: url('/assets/images/Assets-Arrows-02.png') no-repeat 0 0; background-size: cover;  } 
.bx-wrapper .bx-next, .bx-wrapper .bx-next:hover { right: -40px; background: url('/assets/images/Assets-Arrows-01.png') no-repeat 0 0; background-size: cover; }
.bx-wrapper .bx-controls-direction a { width: 50px; height: 75px; margin-top: -37px; }


@media(max-width:768px){
    .bx-wrapper .bx-prev, .bx-wrapper .bx-prev:hover { left:-40px; } 
}