/*
Theme Name: Orangina
*/
/*
@font-face {
    font-family: 'anthology';
    src: url('/wp-content/themes/orangina/assets/fonts/Anthology-Sans.ttf') format("truetype"), url('/wp-content/themes/orangina/assets/fonts/Anthology-Sans.woff') format("woff"), url('/wp-content/themes/orangina/assets/fonts/Anthology-Sans.woff2') format("woff2");
    font-style: normal;
    font-weight: bold;
}*/

/*@font-face {
    font-family: 'gt_walsheim';
    src: url('/wp-content/themes/orangina/assets/fonts/GT-Walsheim-Bold.ttf') format("truetype"), url('/wp-content/themes/orangina/assets/fonts/GT-Walsheim-Bold.woff') format("woff"), url('/wp-content/themes/orangina/assets/fonts/GT-Walsheim-Bold.woff2') format("woff2");
    font-style: normal;
    font-weight: bold;
}*/

body.page-id-1037 #interior-banner {
    height: 200px !important;
}

.page-template-page-privacy td {
    border: 1px solid #fff;
    padding: 5px;
}

.page-template-page-privacy a {
    color: #ee8002;
}

.page-template-page-privacy a:hover,
.page-template-page-privacy a:focus {
    color: #337ab7;
}

/* Temporary hidden items */

#offers {
    display: none;
}

#banner {
    max-width: 100vw;
    overflow: hidden;
    position: relative;
}

#banner .link {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 11;
}

#banner .link .btn {
    background-color: #ee8002;
}

/* General Styles */

/*body {
    overflow-x: hidden !important;
    font-family: 'gt_walsheim';
    font-size: 16px;
}
*/
h1,
/*h2 {
    font-family: 'anthology';
    text-transform: uppercase;
    font-weight: 700;
}
*/
h1 {
    font-size: 44px;
}

h2 {
    font-size: 30px;
}



/* Products Section */

#products-section {
    position: relative;
    text-align: center;
    margin-top: 150px;
    z-index: 1;
    overflow: hidden;
}

#products-section h2 {
    color: #ee8002;
}

.product-info {
    font-weight: bold;
    color: #0a1971;
}

.product-scroller-stage {
    position: relative;
    color: #fff;
}

.product-scroller-items {
    height: 630px;
    margin: 20px 0;
}

.product-scroller-items .cloud9-item {
    left: 0;
}

/* .product-scroller-items .cloud9-item.active img {
    animation: shake-bottom .9s cubic-bezier(0, 1.1, 0.75, 1.04) .6s both;
} */

.product-description {
    opacity: 0;
    transition: all ease .7s;
    position: absolute;
    left: 35%;
    right: 35%;
    font-weight: bold;
}

.product-description.display-description {
    opacity: 1;
    transition: all ease .7s;
}

.product-title {
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 2px;
}

.product-scroller-stage .nav .left,
.product-scroller-stage .nav .right {
    position: absolute;
    bottom: 50%;
    font-size: 32px;
    z-index: 100;
}

.product-scroller-stage .nav .left {
    left: 10%;
}

.product-scroller-stage .nav .right {
    right: 10%;
}

.product-scroller-stage .nav .left:hover,
.product-scroller-stage .nav .right:hover {
    cursor: pointer;
}

.buy-button {
    margin-bottom: 20px;
}

.product-bubbles {
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 43%;
    left: 0;
    right: 0;
    z-index: -1;
}

#products-particles-js canvas {
    height: 500px !important;
}

.us-products {
    position: relative;
    z-index: 1;
}

.canada-products {
    opacity: 0;
    top: 0;
    z-index: 0;
}

.cloud9-item {
    width: 100%;
}

body.page-template-page-products-info .switcher {
    position: relative;
    width: 285px;
    height: 50px;
    border-radius: 25px;
    margin: 20px 0;
    display: block;
    left: 50%;
    transform: translateX(-50%);
}

body.page-template-page-products-info .switcher .selected {
    z-index: 1;
    position: absolute;
    padding: 20px 0;
    border-radius: 20px;
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
}

body.page-template-page-products-info .switcher .switcher-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    width: 285px;
    height: 50px;
    border-radius: 25px;
    outline: none;
    background-color: #eee;
    transition: .25s -.1s;
    margin: 0;
}

body.page-template-page-products-info .switcher .switcher-control+span {
    font-family: 'gt_walsheim';
    font-size: 22px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

body.page-template-page-products-info .switcher .switcher-control:hover,
.switcher input+span:hover {
    cursor: pointer;
}

body.page-template-page-products-info .switcher .switcher-control+span:before,
.switcher .switcher-control+span:after {
    z-index: 2;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

body.page-template-page-products-info .switcher .switcher-control+span:before {
    content: 'US';
    left: 20px;
}

body.page-template-page-products-info .switcher .switcher-control+span:after {
    content: 'Canada';
    right: 20px;
}

body.page-template-page-products-info .switcher .switcher-control+span:before {
    color: #44bee8;
    transition: color .5s;
}

body.page-template-page-products-info .switcher .switcher-control+span:after {
    color: #ee8002;
    transition: color .5s .2s;
}

body.page-template-page-products-info .switcher .switcher-control+span+.selected {
    left: 5px;
    right: 140px;
    background: #0a1971;
    transition: left .5s, right .4s .2s;
}

body.products-ca .switcher .switcher-control+span:before {
    color: #ee8002;
    transition: color .5s .2s;
}

body.products-ca .switcher .switcher-control+span:after {
    color: #44bee8;
    transition: color .5s;
}

body.products-ca .switcher .switcher-control+span+.selected {
    left: 140px;
    right: 5px;
    background: #0a1971;
    transition: left .4s .2s, right .5s, background .35s -.1s;
}

body.page-template-page-products-info .switcher .switcher-control::-ms-check {
    display: none;
}

body.page-template-page-products-info .switcher a {
    display: flex;
}

body.home .switcher {
    position: relative;
    width: 285px;
    height: 50px;
    border-radius: 25px;
    margin: 20px 0;
    display: flex;
    align-items: center;
    left: 50%;
    transform: translateX(-50%);
}

body.home .switcher label {
    z-index: 1;
    position: absolute;
    padding: 20px 0;
    border-radius: 20px;
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
}

body.home .switcher input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    width: 285px;
    height: 50px;
    border-radius: 25px;
    outline: none;
    background-color: #eee;
    transition: .25s -.1s;
    margin: 0;
}

body.home .switcher input+span {
    font-family: 'gt_walsheim';
    font-size: 22px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

body.home .switcher input:hover,
.switcher input+span:hover {
    cursor: pointer;
}

body.home .switcher input+span:before,
.switcher input+span:after {
    z-index: 2;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

body.home .switcher input+span:before {
    content: 'US';
    left: 20px;
}

body.home .switcher input+span:after {
    content: 'Canada';
    right: 20px;
}

body.home .switcher input:checked+span:before {
    color: #ee8002;
    transition: color .5s .2s;
}

body.home .switcher input:checked+span:after {
    color: #44bee8;
    transition: color .5s;
}

body.home .switcher input:checked+span+label {
    left: 140px;
    right: 5px;
    background: #0a1971;
    transition: left .4s .2s, right .5s, background .35s -.1s;
}

body.home .switcher input:not(:checked)+span:before {
    color: #44bee8;
    transition: color .5s;
}

body.home .switcher input:not(:checked)+span:after {
    color: #ee8002;
    transition: color .5s .2s;
}

body.home .switcher input:not(:checked)+span+label {
    left: 5px;
    right: 140px;
    background: #0a1971;
    transition: left .5s, right .4s .2s;
}

body.home .switcher input::-ms-check {
    display: none;
}



/* Products Page */

#products-page-container {
    background: #0a1971;
    text-align: center;
    color: #fff;
}

#products-page-container h1:after {
    content: '';
    display: block;
    width: 10%;
    height: 2px;
    background: #ee8002;
    margin: 20px auto 0;
}

.products-region {
    padding: 50px;
}

.products-region:after {
    content: '';
    display: block;
    width: 50%;
    height: 2px;
    background: #ee8002;
    margin: 70px auto 0;
}

.products-region h2 {
    padding-bottom: 20px;
}

.product-box {
    padding: 15px;
}

.product-info-box {
    font-weight: bold;
    padding-top: 20px;
}

/* New Products Page */

.products-container {
    position: relative;
}

.product-image-box {
    display: none;
}

.product-image-box.current {
    display: inherit;
}

.product-row {
    margin: 50px 0;
    padding: 50px;
    background: #f7f7f7;
}

.product-content {
    padding: 0 50px;
    font-size: 20px;
    color: #0a1971;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.product-text {
    display: flex;
    flex: 1 1 60%;
    flex-direction: column;
}

.product-image-tabs {
    flex: 1 1 40%;
    align-items: flex-end;
}

.product-text .flex-col {
    margin: 10px;
}

.product-text .buy-button {
    margin-bottom: 0;
}

.product-content h2 {
    color: #ee8002;
}

.image-menu-box {
    transition: all ease .7s;
    padding: 5px;
}

.image-menu-box:hover {
    cursor: pointer;
    transform: scale(1.1);
    transition: all ease .7s;
}

.image-menu-box img {
    width: 170px;
}

.image-menu-box.current img {
    border: 2px solid #ee8002;
}




/* Scroll Popup */

.popup-sc,
.popup {
    display: none;
    position: fixed;
    z-index: 50;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, .8);
}

.popup-inner {
    position: absolute;
    left: 30%;
    right: 30%;
    top: 10%;
    min-height: 40px;
    height: auto;
    background: #fff;
    padding: 45px;
    text-align: center;
    border: 10px solid #ee8002;
}

.popup-inner .popup-header {
    font-size: 22px;
    padding-top: 15px;
    color: #0a1971;
}

.popup-inner .close-button {
    float: right;
    position: absolute;
    top: 0;
    right: 0;
    background: #ee8002;
    width: 60px;
    height: 60px;
    color: #fff;
    padding: 2px;
    border-bottom-left-radius: 100px;
    cursor: pointer;
    font-size: 32px;
}

.popup-inner .close-button:hover,
.popup-inner .close-button:focus {
    color: #0a1971;
}

.popup-inner form label {
    display: none !important;
}

.popup-inner form .gfield {
    padding: 0 !important;
}

.popup-inner form .gform_footer {
    margin: 0;
}

.popup-inner form .gform_footer .btn {
    width: 100% !important;
}

.popup-inner form .gfield.gf_left_half {
    padding-right: 5px !important;
}

.popup-inner form .gfield.gf_right_half {
    padding-left: 5px !important;
}

html.active-popup-sc,
html.active-popup {
    overflow-y: hidden;
}

html.active-popup .popup {
    display: block;
}

html.active-popup-sc .popup-sc {
    display: block;
}

/* Mail Chimp */

.product-popup .popup-inner {
    height: 90vh;
    width: 90vw;
    left: 5%;
    right: 5%;
    padding: 0;
    z-index: 3;
    overflow: hidden;
}

.product-popup .close-button {
    z-index: 3;
}

ul.orangina-sub li a {
    font-family: 'anthology';
    color: #fff;
    font-size: 30px;
    text-shadow: 5px 5px #ee8002;
    text-transform: uppercase;
    font-weight: 700;
}

ul.orangina-sub li a:hover,
ul.orangina-sub li a:focus {
    color: #0a1971;
    text-shadow: 5px 5px #fff;
}

li.menu-item a span.caret {
    display: none;
}

/* How To Sell Page */

/*.interior-page-content .how-to-sell {
    text-align: center;
    color: #0a1971;
    font-size: 20px;
}

.interior-page-content .how-to-sell a {
    color: #ee8002;
    font-size: 22px;
}

.partners-section {
    background-color: #fff;
}

.partners-section .interior-page-content {
    padding-top: 0;
}

.partners-section .partner {
    background-color: #f7f7f7;
    margin: 0 0 50px;
    padding: 50px;
}

.partners-section .flex-row {
    display: flex;
}

.partners-section .image-col {
    flex: 0 0 50%;
    margin-right: 50px;
}

.partners-section .content {
    font-size: 20px;
    color: #0a1971;
}

.partners-section h2 {
    color: #ee8002;
}

*/
.products-switcher.active {
    position: relative;
    z-index: 1;
    opacity: 1;
}

    #products-section {
        margin-top: 85px;
    }
    #products-particles-js canvas {
        height: 359px !important;
        
    }
   
    .product-description {
        left: 15%;
        right: 15%;
    }
    .product-scroller-stage .nav .left {
        left: 1%;
    }
    .product-scroller-stage .nav .right {
        right: 1%;
    }

    .popup-inner .popup-header {
        font-size: 16px;
    }
    #scroll-popup .gform_wrapper {
        margin: 5px 0;
    }*/
    .product-text .flex-display {
        display: block;
    }
    .product-text .flex-col {
        display: block;
    }
    #mc_embed_signup .mc-fields {
        flex-direction: column;
    }
    .partners-section .partner {
        padding: 10px;
    }
    


.product-content-box p {
    max-width: 580px;
    margin: 0 auto;
}
@keyframes vibrate-1 {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
    20% {
        -webkit-transform: translate(-2px, 2px);
        transform: translate(-2px, 2px);
    }
    40% {
        -webkit-transform: translate(-2px, -2px);
        transform: translate(-2px, -2px);
    }
    60% {
        -webkit-transform: translate(2px, 2px);
        transform: translate(2px, 2px);
    }
    80% {
        -webkit-transform: translate(2px, -2px);
        transform: translate(2px, -2px);
    }
    100% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}

@keyframes shake-top {
    0%,
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 100% 80%;
        transform-origin: 100% 80%;
    }
    10% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }
    20%,
    40%,
    60% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg);
    }
    30%,
    50%,
    70% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }
    80% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg);
    }
    90% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }
}

@keyframes shake-bottom {
    0%,
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
    }
    10% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }
    20%,
    40%,
    60% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg);
    }
    30%,
    50%,
    70% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg);
    }
    80% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg);
    }
    90% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }
}

        @media screen and (min-width:768px)
        {.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}
    -print{display:none!important}}*/