/*
Theme Name: Vesta Landing
Description: Vesta's landingpagina's
Version:1.0
Author: Christian Traets
*/
@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700,900);

body {
    background: url(images/background-blur.png) no-repeat fixed #000;
    background-size: cover
}

a,
button,
h1,
h2,
h3,
h4,
h5,
h6,
input,
label,
li,
p,
span {
    font-family: Lato, sans-serif!important;
}

#submit-review,
.account-btn-small-blue,
.button-blue,
.cart-btn-blue,
.earn-fw-button,
.first-review,
.newsletter-submit-btn,
.review-confirm a,
.shopnow-button,
.shopnow-button-textbox,
.search-button {
    background: #005A7C!important;
    border-radius: 0!important;
    text-transform: uppercase!important;
    color: #fff!important;
    font-weight: 800!important;
    border: none!important
}

.cart-btn-blue,
.disabled-movie-btn {
    margin-right: 10px;
    display: block;
    float: left
}

.cart-btn-blue {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    position: relative
}

.cart-btn-blue img {
    width: 25px;
    height: auto;
    position: absolute
}

.disabled-movie-btn {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    position: relative;
    background: #c9c9c9;
    cursor: not-allowed
}

.disabled-movie-btn img {
    width: 25px;
    height: auto;
    position: absolute
}

.earn-fw-button {
	width: 315px!important;
	margin: 0 auto 15px!important;
	float: none!important;
	display: block!important
}

.shopnow-button {
	width: 315px!important;
	margin: 0 auto 15px!important;
	float: none!important;
	display: block!important
}

.shopnow-button-textbox {
	width: 100%!important;
	margin: 30px auto 0px!important;
	float: none!important;
	display: block!important
}

#hunt,
#send-code-msg,
.account-control-btn,
.add-to-cart-big-btn,
.add-to-cart-small-btn,
.big-title,
.earn-fw-button,
.shopnow-button,
.main-title,
.search-button,
.shopnow-button-textbox,
div.message {
    box-shadow: 0 3px 3px -1px rgba(0, 0, 0, .55)
}

.earn-fw-button,
.search-button,
.shopnow-button,
.shopnow-button-textbox {
    font-size: 16px!important;
    padding: 10px 13px!important;
}

.navbar-collapse {
    max-height: 0!important;
}

.navbar {
    margin-bottom: 0!important;
}

.navbar-brand img {
	width: 50%;
	height: auto;
	margin-top: -21px;
}

.navbar-default {
    height: 54px;
    border: none!important;
    background: #009fe3!important;
    border-radius: 0!important;
}

.navbar-default .navbar-nav>.open>a {
    background-color: transparent!important
}

.navbar-nav {
    margin-top: 3px!important;
    float: right!important;
}

.navbar-nav li a {
    font-size: 16px;
    color: #fff!important;
    transition: all .1s ease;
}

.navbar-nav li a:hover {
    text-decoration: none!important;
    background-color: #008be3!important;
    transition: all .1s ease
}

.navbar-nav li a i {
    padding-left: 8px
}

.navbar-nav>.active>a {
    background: 0 0!important
}

.header-2 {
	background: #fff !important;
}

.header-2 > .row {
	margin-top: 20px !important;
}

/* HEADER CONTACTBALK */
.cs-header {
	background: #fff;
}

.cs-header-inner {
    margin-top: 10px;
    margin-bottom: 20px;
    background: #f6f9fb;
    box-shadow: 0 3px 3px -1px rgba(0, 0, 0, .55);
    border-radius: 0!important
}

.cs-header-inner .col-md-3 {
    height: 40px;
    margin-top: 10px;
    margin-bottom: 10px
}

.cs-header-inner .col-md-3 p {
    padding-left: 15px
}

.cs-header-inner .col-md-3 .circle-blue,
.cs-header-inner .col-md-3 .circle-fb,
.cs-header-inner .col-md-3 .circle-green {
    margin-left: 15px
}

.cs-header-inner>.row>.col-md-3:first-child {
    padding-left: 70px!important
}

.cs-header .col-md-3 {
    margin: 20px 0
}

.cs-header p {
    font-size: 16px;
    margin: 0;
    color: #606060
}

.cs-header span {
    float: left
}

.cs-header p>span {
    font-size: 14px;
    font-weight: 700;
    color: #00d58c
}

.circle-green {
    background: #43d753
}

.circle-fb {
    background: #3b5998
}

.circle-blue {
    background: #1c638f
}

.circle-blue,
.circle-fb,
.circle-green {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    float: left
}

.circle-text {
    padding: 10px
}

.circle-text a {
    color: #606060!important
}

.circle-text a:hover {
    color: #606060!important
}

.circle-green .fa-whatsapp {
    color: #fff;
    font-size: 24px;
    padding: 7px 9px
}

.circle-fb i {
    color: #fff;
    font-size: 24px;
    padding: 8px 12px
}

.circle-blue .fa-mobile {
    color: #fff;
    font-size: 32px;
    padding: 4px 13px
}

.circle-blue .fa-envelope-o {
    color: #fff;
    font-size: 20px;
    padding: 9px 10px
}

.cs-header-inner .row {
	margin-bottom: 20px
}

.cs-header-inner .col-sm-3 {
	height: 46px
}

.cs-header-inner .col-sm-3 .circle-blue,
.cs-header-inner .col-sm-3 .circle-green {
	margin-left: 15px
}

/* HOME CONTENT */

.home-content {
    background: #fff
}

.main-title {
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    margin: 0 15px;
    padding: 14px;
    text-transform: uppercase;
    text-align: center;
    background: #009fe3;
    line-height: 24px
}

.home-categories-inner {
    margin: 20px 0;
    box-shadow: 0 3px 3px -1px rgba(0, 0, 0, .55);
    border-radius: 0!important
}

.home-categories-inner ul {
    list-style: none;
    padding: 0
}

.home-categories-inner ul li a {
    font-size: 14px;
    color: #1c638f;
    padding: 5px 0 3px 16px;
    display: block
}

.home-categories-inner ul li a span {
    display: inline-block;
    overflow: hidden
}

.home-categories-inner ul li a:hover {
    color: #fff;
    background: #1c638f
}

.home-categories-inner ul li a:hover i {
    color: #fff
}

.home-categories-inner ul li a i {
    float: right;
    padding-top: 5px;
    padding-right: 14px;
    color: #1c638f
}

.home-categories-inner ul li .show-all {
    padding-bottom: 5px!important
}

.home-categories p {
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    background: #009fe3;
    text-align: center;
    padding: 5px 0
}

.home-categories-inner>ul>li:hover>ul {
    display: block!important
}

.home-categories-inner>ul>li>ul {
    margin-left: 163px;
    margin-top: -35px;
    position: absolute;
    z-index: 10;
    background: #fff;
    float: left;
    border: 1px solid #1c638f;
    border-radius: 0!important;
    width: 100%!important
}

.home-slider-inner {
    height: 414px;
    margin-top: 20px;
    border-radius: 0!important;
}

.home-about-vesta-inner {
    height: auto;
    margin-top: 20px;
}

.home-about-review,
.home-about-vesta-inner {
    background: #f9f9f9;
    border-radius: 0!important;
    box-shadow: 0 3px 3px -1px rgba(0, 0, 0, .55)
}

.home-about-vesta-inner {
    height: auto;
    margin-top: 20px
}

.home-about-vesta-inner p {
    font-size: 18px;
    font-weight: 700;
    color: #606060;
    padding: 15px 0 0 15px;
    margin: 0;
    line-height: .5
}

.home-about-vesta-inner p span {
    font-size: 40px;
    color: #009fe3;
    line-height: 0
}

.home-about-vesta-inner>span {
    display: block;
    font-size: 16px;
    padding-left: 15px;
    color: #8d8d8d;
    padding-bottom: 15px
}

.home-about-vesta-inner ul {
    list-style: none;
    padding-bottom: 5px;
    padding-left: 15px
}

.home-about-vesta-inner ul li {
    font-size: 14px;
    color: #000;
    font-weight: 400;
    margin-bottom: 10px
}

.home-about-vesta-inner ul li img {
    width: 20px;
    height: 20px;
    margin-right: 10px
}

.home-about-review {
    height: 182px;
    margin-top: 20px
}

.home-about-review p {
    font-size: 18px;
    font-weight: 700;
    color: #606060;
    padding: 15px 0 0 15px;
    margin: 0;
    line-height: .5
}

.home-about-review p span {
    font-size: 40px;
    color: #009fe3;
    line-height: 0
}

.home-about-review>span {
    display: block;
    font-size: 16px;
    padding-left: 15px;
    color: #8d8d8d;
    padding-bottom: 15px
}

.facebook-rating {
    margin-bottom: 15px;
    overflow: auto
}

.facebook-rating>img,
.google-rating>img {
    width: 40px;
    height: 40px;
    float: left;
    display: block;
    margin-left: 15px
}

.star>img {
    width: 22px;
    height: 22px
}

.rating-container {
    width: 137px;
    float: left;
    clear: right;
    margin: 2px 0 0 10px
}

.review-header-section>.page-subtitle-grey,
.review-header-section>.page-title-red {
    padding-left: 0!important
}

.review-head>.page-title-red {
    padding-left: 0
}

.product-review-item>.rating-container,
.review-head>.rating-container {
    margin: 0
}

.product-review-item ul {
    padding: 0;
    list-style: none
}

.product-review-item>span {
    display: inline-block;
    margin-top: 4px
}

.rating-container .star {
    margin: 0 3px 0 0!important
}

.rating-sm {
    font-size: 16px!important
}

.facebook-rating>span,
.google-rating>span {
    display: block;
    width: 100%;
    padding-left: 65px;
    float: left;
    margin-top: -13px
}

.big-title {
    margin-top: 20px;
    margin-bottom: 20px
}

.big-title {
    font-size: 24px;
    font-weight: 800;
    color: #fff;
    background: #009fe3;
    margin: 40px 15px 20px;
    padding: 10px 15px;
    text-transform: uppercase;
}

.big-title,
.dropdown-cart {
    border-radius: 0!important
}

.daily-offers {
    margin-bottom: 30px
}

.daily-offers .col-md-3 {
    width: 20%!important
}

.product-img {
    overflow: hidden
}

.product-img img {
    vertical-align: middle;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.product-img {
    position: relative;
    display: inline-block
}

.product-img img,
.productImage .img {
    max-width: 100%;
    max-height: 100%
}

.product-tile {
    overflow: auto
}

.product-tile:hover {
    background: #f6f6f6;
    box-shadow: 0 3px 3px -1px rgba(0, 0, 0, .55)
}

.product-tile .product-img:hover {
    cursor: pointer
}

.product-content h3 {
    font-size: 18px;
    font-weight: 700;
    color: #414141;
    margin: 0;
    text-transform: uppercase
}

.product-content>p:nth-of-type(1) {
    font-size: 12px;
    font-weight: 400;
    color: #606060
}

.product-content>p:nth-of-type(2) {
    text-align: right
}

.product-content>img {
    margin-bottom: 10px
}

.product-content ul {
    list-style: none;
    padding-left: 10px
}

.product-content ul li {
    font-size: 14px;
    color: #606060
}

.product-content ul li:before {
    content: '\25CF';
    color: #c21214;
    padding-right: 8px
}

.old-price {
    font-size: 18px!important;
    color: #c21214!important;
    text-decoration: line-through!important;
    letter-spacing: -1px
}

.new-price {
    font-size: 40px;
    font-weight: 700;
    color: #414141;
    padding-left: 10px;
    letter-spacing: -3px
}

.highlight {
    color: #00d58c
}

.product-status {
    position: absolute;
    top: 0!important;
    right: inherit!important;
    bottom: inherit!important;
    left: 16!important;
    z-index: 99;
}

.add-to-cart-small-btn img,
.cart-btn-blue img,
.disabled-movie-btn img,
.sold-out-cart-btn img {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.sold-out-cart-btn {
    width: 100%;
    height: 38px;
    background: #009fe3;
    display: block;
    position: relative;
}

.sold-out-cart-btn img {
    width: 40px;
    height: auto;
    position: absolute
}

.product-action-buttons {
    display: flex;
    x-justify-content: space-around;
    x-align-items: stretch
}

.textbox {
	background: #f6f9fb;
	padding-top: 15px;
	margin-left: 10px;
	box-shadow: 0 3px 3px -1px rgba(0, 0, 0, .55)
}

.body-text {
    font-weight: 400;
    font-size: 16px;
    color: #606060;
    line-height: 22px;
}

.body-text ul {
	line-height: 22px;
}

.buy-text {
	padding-left:10px;
	padding-right:25px;
}

/* FOOTER */

footer {
    background: #f6f9fb
}

.footer-title {
    font-size: 30px!important;
    font-weight: 800!important;
    color: #1c638f!important;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 20px
}

.footer-title,
.heading1-larger {
    margin: 0;
    text-transform: uppercase
}

.cs-footer h1,
.cs-footer p {
    color: #1c638f;
    text-align: center;
    margin: 0
}

.cs-footer h1 {
    font-size: 30px;
    font-weight: 800;
    text-transform: uppercase;
    padding-top: 50px;
    padding-bottom: 20px
}

.cs-footer p {
    font-size: 18px;
    font-weight: 300;
    padding-bottom: 30px
}

.cs-footer p>span {
    color: #25d895;
    font-weight: 700
}

.cs-footer>.row {
    margin-bottom: 50px
}

.col-inner {
    width: 199px;
    height: auto;
    margin: 0 auto
}

.footer-contact,
.footer-dark ul,
.separator {
    margin-bottom: 20px
}

.col-inner>.circle-blue,
.col-inner>.circle-fb,
.col-inner>.circle-green {
    width: 60px;
    height: 60px;
    border-radius: 30px;
    box-shadow: 0 3px 3px -1px rgba(0, 0, 0, .55)
}

.col-inner>.circle-green>.fa-whatsapp {
    font-size: 38px;
    padding: 10px 14px
}

.col-inner>.circle-blue>.fa-mobile {
    font-size: 44px;
    padding: 7px 21px
}

.col-inner>.circle-blue>.fa-envelope-o {
    font-size: 30px;
    padding: 14px 16px
}

.col-inner>.circle-fb>.fa-facebook {
    font-size: 36px;
    padding: 13px 19px
}

.col-inner>.circle-text {
    font-size: 18px;
    color: #606060;
    padding-top: 17px;
    padding-left: 70px;
    display: block
}

.footer-dark {
    background: #414141
}

.footer-dark h3 {
    font-size: 16px;
    font-weight: 700;
    color: #c9c9c9;
    padding-bottom: 35px
}

.footer-dark .row {
    margin-top: 40px
}

.footer-dark ul {
    list-style: none;
    padding: 0
}

.opening-hours span {
    width: 100px;
    display: inline-block
}

.oh-li-first {
    font-weight: 400!important
}

.oh-special-days li {
    font-weight: 700!important
}

.footer-categories ul li a,
.footer-sitemap ul li a,
.opening-hours ul li {
    color: #c9c9c9;
    font-weight: 300
}

.footer-categories ul li a:hover,
.footer-sitemap ul li a:hover {
    text-decoration: none
}

.footer-categories ul li,
.footer-sitemap ul li {
    padding-bottom: 11px
}

.separator {
    height: 1px;
    background: #5f5f5f
}

.footer-contact p {
    margin: 0
}

.footer-contact h3 {
    padding-bottom: 15px
}

.footer-newsletter a,
.footer-newsletter p {
    color: #c9c9c9;
    font-weight: 300;
    font-size: 14px
}

.closing-footer {
    margin-bottom: 20px
}

.closing-footer img {
    margin-left: 10px;
    width: 5%
}

.closing-footer span {
    float: right;
    color: #c9c9c9;
	padding-bottom:15px;
    padding-right: 5px;
    font-weight: 300
}

.terms-conditions p {
    padding-bottom: 20px
}

.about-us h2 {
    padding-top: 20px
}

/* MOBILE */

@media (max-width:381px) {
    .add-to-cart-small {
        margin-top: 10px
    }
    .cart-btn-blue {
        width: 40px
    }
}

@media (max-width:415px) {
    .share-facebook-well img {
        width: 100%;
        height: auto
    }
    .cs-header {
        display: none
    }
    .vesta-flyer-mobile h2,
    .vesta-show-mobile h2 {
        font-size: 20px
    }
    .vesta-show-mobile img {
        margin-top: -11px
    }
    .vesta-flyer-mobile img {
        margin-top: -14px
    }
    .pagination-nav {
        width: 100%;
        display: inline-block;
        margin: 10px 0 5px
    }
    .category-pagination-mobile p {
        width: 100%;
        display: inline-block;
        text-align: center
    }
    .table-heads p,
    .time-entries p {
        font-size: 12px!important
    }
}

@media (max-width:428px) {
    #hunt-discount,
    #hunt-expires-in,
    #hunt-name {
        padding: 5px 0
    }
}

@media (max-width:464px) {
    .product-page-btn {
        margin-left: 0;
        display: block
    }
}

@media (max-width:570px) {
    .add-to-cart-popup-mobile>.cart-popup {
        width: 300px
    }
    .added-to-cart-mobile>.productImage,
    .cart-popup-cart-mobile p {
        display: none
    }
    .cart-popup-cart-mobile input {
        margin-left: 15px
    }
}

@media (max-width:520px) {
    .cart-view-product {
        display: inline-block;
        width: 100%!important;
        margin-top: 5px!important
    }
    .cart-view-product-counter {
        margin-top: 0!important;
        margin-bottom: 10px
    }
    .cart-view ul li img {
        margin-top: 7px
    }
    .cart-view-product-price {
        margin-top: 3px
    }
}

@media (max-width:565px) {
    .cart-checkout-data {
        margin-bottom: 30px
    }
    .payment-method {
        width: 48%;
        float: left;
        margin: 0 1% 10px
    }
    .payment-method span,
    .payment-name {
        display: none
    }
    #vesta-ideal img {
        width: 27%;
        margin: 24px 36.5%
    }
    #vesta-creditcard img {
        width: 27%;
        margin: 31px 36.5%
    }
    #vesta-mistercash img {
        width: 35%;
        margin: 23px 32.5%
    }
    #vesta-belfius img {
        width: 55%;
        margin: 37px 22.5%
    }
    #vesta-sofort img {
        width: 55%;
        margin: 31px 22.5%
    }
    #vesta-kbc img {
        width: 50%;
        margin: 29px 25%
    }
    #vesta-bitcoin img {
        width: 28%;
        margin: 18px 36%
    }
    #vesta-paypal img {
        width: 27%;
        display: inline-block;
        margin: 21px 36.5%
    }
}

@media (max-width:589px) {
    .vesta-giftcard-left-input,
    .vesta-giftcard-right-input,
    .vesta-input-housenumber,
    .vesta-input-street,
    .vesta-left-input,
    .vesta-right-input {
        width: 100%!important
    }
    .vesta-giftcard-left-input,
    .vesta-giftcard-right-input,
    .vesta-input-housenumber,
    .vesta-right-input {
        margin-left: 0
    }
    .cart-view-product-img {
        display: none
    }
}

@media (max-width:605px) {
    .big-title {
        font-size: 20px
    }
}

@media (max-width:620px) {
    .vesta-flyer-mobile,
    .vesta-show-mobile {
        display: block
    }
    .vesta-flyer,
    .vesta-show {
        display: none
    }
    .product-img {
        background-size: 50%!important
    }
    .closing-footer span {
        width: 100%;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 20px;
        display: inline-block
    }
}

@media (min-width:768px) {
    bs-example-navbar-collapse-1 {
        max-height: 0
    }
}

@media (max-width:768px) {
    .category-dropdown {
        background: #1c638f;
        color: #fff;
        font-weight: 700;
        padding: 10px;
        font-size: 18px;
        cursor: pointer;
        display: block;
        margin: 0
    }
    .category-dropdown i {
        float: right;
        padding-top: 3px;
        padding-right: 6px
    }
    .safety-product-popup a {
        width: auto!important;
        margin-left: 20px
    }
    .product-offers {
        height: auto!important
    }
}

@media (max-width:767px) {
    .category-products .col-md-4,
    .category-products .col-sm-6 {
        clear: both;
        margin-bottom: 30px;
        overflow: auto
    }
    .category-products .local-sales-spacer {
        height: auto!important;
        padding: 10px 0
    }
    .product-content h3 {
        height: auto!important
    }
    .navbar-collapse {
        background: #009fe3;
        z-index: 1;
        position: relative
    }
    .navbar-nav {
        float: left!important;
        margin: 0!important;
        width: 100%
    }
    .navbar-nav li a {
        font-size: 18px!important;
        text-align: center
    }
    .navbar-nav li a i {
        padding: 0!important
    }
    .navbar-brand img {
        margin-top: -9px!important;
        width: 110px
    }
    .navbar-toggle {
        margin-top: 8px!important;
        border: 2px solid #fff!important;
        margin-bottom: 0!important
    }
    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover {
        background: 0 0!important
    }
    .navbar-toggle .icon-bar {
        width: 22px!important;
        height: 2px!important;
        background: #fff!important
    }
    .navbar-toggle .icon-bar+.icon-bar {
        margin-top: 5px!important;
        background: #fff!important
    }
    .dropdown-menu {
        border-top: 1px solid #fff!important
    }
    .dropdown-cart {
        width: 100%;
        margin: 0!important;
        overflow: hidden
    }
    .dropdown-cart-product {
        width: 500px
    }
    .dropdown-cart-price {
        float: right
    }
    .cart-popup h3 {
        font-size: 20px;
        margin-bottom: 0;
        padding-bottom: 20px
    }
    .big-title {
        margin-top: 60px
    }
    .category-nav-horizontal-inner>ul,
    .divider {
        display: none
    }
    .category-nav-horizontal-inner>ul li {
        display: inline-block;
        width: 100%;
        text-align: center;
        padding-left: 0!important
    }
    .category-nav-horizontal-inner>ul li ul {
        display: block!important;
        position: relative;
        border: none
    }
    .product-content .ratings,
    .product-content p:first-of-type,
    .product-content ul,
    .table-heads .row .col-xs-4:last-of-type,
    .time-entries .row .col-xs-4:last-of-type {
        display: none
    }
    .product-img {
        background-size: 70%!important;
        width: 48%;
        margin-right: 2%;
        float: left
    }
    .product-content {
        width: 50%;
        float: left;
        margin-top: 0!important
    }
    .daily-offers .col-md-3,
    .daily-offers .col-sm-6 {
        width: 100%!important;
        margin-bottom: 40px;
        overflow: auto
    }
    .search-field {
        width: 88%!important
    }
    .cs-header-inner .col-xs-6 {
        height: 40px;
        margin-top: 10px;
        margin-bottom: 10px
    }
    .cs-header-inner .col-xs-6 .circle-fb,
    .cs-header-inner .col-xs-6 .circle-green {
        margin-left: 15px
    }
    .footer-dark .col-md-3 {
        width: 330px;
        margin: 0 auto 40px!important;
        text-align: center
    }
    .footer-dark h3 {
        padding: 0
    }
    .related-purchases .col-sm-6 {
        overflow: auto;
        margin-bottom: 20px
    }
    .table-heads p,
    .time-entries p {
        font-size: 14px
    }
    .old-price {
        text-align: right;
        clear: both;
        display: block
    }
    .new-price {
        display: block;
        padding-left: 0
    }
    .product-discount {
        position: relative;
        display: inline-block;
        bottom: inherit;
        left: 0;
        width: 100%;
        padding: 4px 10px;
        font-weight: 800
    }
    .safety-product-popup {
        top: 20px!important
    }
}

@media (max-width:500px) {
    .safety-product-popup {
        width: 320px!important
    }
    .safety-product-popup a {
        width: auto!important
    }
    .cart-popup-product>div {
        padding: 5px 0!important
    }
    .cart-popup-product>div>p {
        height: 10px;
        margin: 0;
        padding: 0 10px
    }
    .cart-popup-product p {
        width: 160px;
        font-size: 14px
    }
}

@media (max-width:850px) {
    .sweetalert-youtube-video {
        width: 90%;
        margin: 0 5%!important;
        left: 0;
        top: 5%
    }
    .sweetalert-youtube-video>h2 {
        text-align: center;
        padding-left: 0;
        margin: 10px 0
    }
    .sweetalert-youtube-video iframe {
        width: 100%!important;
        height: 280px!important
    }
    .sweetalert-youtube-video>.sa-icon {
        width: 150px!important;
        margin: 0 auto;
        float: none
    }
}

@media (max-width:767px) {
    .safety-product-popup {
        width: 90%;
        position: relative;
        margin: 54px auto;
        top: inherit!important;
        left: inherit
    }
    .safety-product-popup a {
        width: auto!important;
        margin-left: 20px
    }
}

@media (max-width:992px) {
    .product-slide-nav {
        height: 99px!important
    }
    .cart-view-pickup {
        padding-right: 0;
        padding-left: 0
    }
    .single-product-img {
        height: 350px!important
    }
    .product-video-ul {
        display: none!important
    }
    .video-mobile {
        width: 60px;
        height: auto;
        background-color: #1c638f;
        border: 2px solid #1c638f;
        display: block
    }
    .category-filters p,
    .filter-dropdown {
        color: #fff;
        border-radius: 0!important;
        cursor: pointer
    }
    .search-bar {
        width: 315px!important;
        margin: 0 auto;
        float: none!important;
        padding: 0!important
    }
    .search-field {
        width: 271px!important
    }
    .earn-fw-button {
        width: 315px!important;
        margin: 0 auto 15px!important;
        float: none!important;
        display: block!important
    }
    .product-content p {
        text-align: right!important
    }
    .cs-footer .col-sm-6 {
        margin-bottom: 20px
    }
    .product-content {
        margin-top: -20px
    }
    .filter-dropdown {
        display: inline-block;
        background: #1c638f;
        padding: 10px 30px;
        font-size: 18px;
        font-weight: 700;
        margin-left: 15px
    }
    .filter-dropdown i {
        padding-top: 5px;
        padding-left: 10px
    }
    .category-filters {
        display: none;
        margin-bottom: 40px
    }
    .category-filters p {
        background: #009fe3;
        padding: 10px
    }
    .category-filters p i {
        float: right;
        display: block;
        margin-top: 4px;
        margin-right: 10px
    }
    .category-filters ul,
    .home-about-review,
    .home-about-vesta-inner,
    .product-overall-review {
        display: none
    }
    .category-filters ul li {
        margin-left: 20px
    }
    .single-product-price {
        font-size: 40px;
        float: none;
        text-align: right
    }
    .add-to-cart-big-btn {
        float: right;
        margin-top: 0!important;
        width: 100%;
        text-align: center
    }
    .related-purchases h2 {
        margin-left: 15px
    }
    .product-quantity-container {
        overflow: auto;
        margin-bottom: 10px
    }
    .product-quantity-container label {
        float: right;
        padding-left: 5px
    }
    .product-quantity-container input {
        float: right
    }
    .grid-item {
        width: 50%
    }
    .select-option {
        width: 80%
    }
    .select-option select {
        width: 100%;
        margin-left: 33px
    }
    .checkout-btn {
        padding: 15px 0;
        font-size: 16px;
        width: 100%;
        margin: 40px 0;
        display: block
    }
    .review-product-info span {
        font-size: 30px
    }
    .review-product-info p {
        width: 100%
    }
    .fotorama__wrap,
    .home-slider-inner {
        width: 100%!important
    }
    .review-product-info>.add-to-cart-small-btn {
        margin-top: 10px!important
    }
    .checkout-sign-in-form {
        border: none;
        padding-left: 15px!important
    }
    .home-slider-inner {
        height: auto!important
    }
    .fotorama__nav-wrap {
        display: none
    }
    .home-categories-inner p {
        margin: 0;
        padding: 15px 0;
        cursor: pointer;
        font-size: 22px
    }
    .home-categories-inner p>i {
        display: inline-block;
        padding-left: 20px
    }
    .home-categories-inner ul li a {
        font-size: 18px
    }
    .home-categories-inner>ul {
        display: none
    }
    .home-categories-inner>ul>li {
        text-align: center
    }
    .home-categories-inner>ul>li>ul {
        width: 100%;
        margin-left: 0;
        padding-left: 0;
        margin-top: 0;
        position: relative;
        float: none;
        border: none;
        display: block!important;
        border-radius: 0!important
    }
    .home-categories-inner>ul>li>a {
        padding-left: 0
    }
    .home-categories-inner>ul>li>a i,
    .review-side-img {
        display: none
    }
    .cart-view-product {
        width: 280px;
        padding-left: 0
    }
    .single-product-cart>.product-discount {
        right: 0;
        position: relative;
        width: 100%;
        display: block;
        margin-bottom: 10px;
        text-align: right
    }
    .old-product-price {
        text-align: right
    }
    .single-product-cart {
        display: none
    }
    .single-product-cart-mobile {
        display: block;
        overflow: auto
    }
    .confirmation-patience h3 {
        padding-top: 40px
    }
    .inner-hunt>img {
        display: none!important
    }
    .footer-contact p a {
        margin: 10px 0;
        display: inline-block
    }
    .share-facebook-well>img {
        position: relative;
        top: inherit;
        right: inherit
    }
    .cart-popup-product {
        overflow: auto;
        clear: both;
        float: left;
        width: 100%!important
    }
    .cart-popup-product p {
        text-align: left;
        display: block;
        width: 160px;
        float: left
    }
    .cart-popup-product p:nth-of-type(2) {
        width: 50px;
        float: left;
        margin-top: -3px
    }
    .cart-popup-product a {
        float: left;
        padding: 6px 10px;
        font-size: 12px;
        margin-bottom: 0;
        margin-top: -3px
    }
    .continue-shopping-safety {
        position: relative!important;
        right: 0!important;
        bottom: 0!important;
        float: none!important
    }
    .safety-product-popup .counter {
        margin: 0;
        float: left;
        display: none
    }
    .add-to-cart-safety-small img {
        width: 20px;
        height: auto
    }
}

@media (max-width:481px) {
    .daily-offers .col-md-3 {
        width: 100%!important;
        margin-top: 20px;
        margin-bottom: 20px
    }
    .product-content h3 {
        font-size: 20px!important
    }
    .new-price {
        font-size: 26px!important
    }
    .old-price {
        font-size: 14px!important
    }
    .product-content>p:nth-of-type(1) {
        font-size: 16px!important
    }
    .product-content ul li {
        font-size: 18px!important
    }
    .product-img {
        width: 38%;
        margin-right: 2%;
        background-size: 62%!important
    }
    .product-content {
        width: 60%
    }
    .grid-item {
        width: 100%
    }
    .free-fireworks-page-content a {
        display: block;
        text-align: center
    }
    .free-fireworks-page-content a:nth-of-type(2) {
        margin-left: 0
    }
    .old-product-price {
        text-align: right
    }
}

@media (min-width:320px) and (max-width:565px) {
    .cart-checkout-summary>ul>li>span:nth-last-of-type(2) {
        padding-left: 8px
    }
    .cart-checkout-summary-total>span:nth-of-type(1) {
        padding-left: 80px!important
    }
    .total-sum {
        padding-left: 40px!important
    }
}

@media (min-width:320px) and (max-width:767px) {
    .navbar-collapse {
        max-height: 410px!important
    }
}

@media (min-width:590px) and (max-width:992px) {
    .product-content h3 {
        font-size: 32px
    }
}

@media (min-width:200px) and (max-width:589px) {
    .product-content h3 {
        font-size: 24px
    }
}

@media (min-width:768px) {
    .div {
        display: none
    }
    .category-nav-horizontal-inner>ul>li:hover>ul {
        display: block!important
    }
}

@media (min-width:570px) and (max-width:768px) {
    .add-to-cart-popup-mobile>.cart-popup {
        width: 500px
    }
}

@media (min-width:589px) and (max-width:768px) {
    .product-content h3 {
        font-size: 24px
    }
}

@media (min-width:768px) and (max-width:992px) {
    #hunt {
        margin-bottom: -106px!important;
        margin-top: 120px!important
    }
    .dropdown-cart-change-cart {
        padding-left: 0!important
    }
    .navbar-default {
        height: auto!important
    }
    .navbar-brand img {
        width: 60%;
        margin-top: -12px!important;
        margin-left: -12px
    }
    .navbar-nav {
        float: none!important;
        width: 720px!important;
        margin: 66px auto 5px!important;
        position: relative
    }
    .navbar-nav li:first-child {
        display: none
    }
    .navbar-nav li a {
        font-size: 13px!important;
        padding: 10px 12px;
        text-align: center
    }
    header {
        margin-top: 114px!important
    }
    .nav>li>a>img {
        max-width: 30px
    }
    .footer-dark .col-md-3 {
        width: 50%!important;
        float: left;
        min-height: 470px
    }
    .cs-header-inner .row {
        margin-bottom: 20px
    }
    .cs-header-inner .col-sm-4 {
        height: 46px
    }
    .cs-header-inner .col-sm-4 .circle-blue,
    .cs-header-inner .col-sm-4 .circle-green {
        margin-left: 15px
    }
    .daily-offers .col-md-3 {
        width: 50%!important;
        float: left;
        margin-bottom: 20px
    }
    .product-content h3 {
        height: 80px!important
    }
    .add-to-cart-popup-mobile>.cart-popup {
        width: 500px
    }
    .category-products .product-content>a {
        display: inline-block
    }
    .category-products .product-content h3 {
        font-size: 20px!important;
        height: 60px!important;
        margin-top: 20px
    }
    .safety-product-popup {
        width: 475px!important;
        top: 110px!important;
        left: 50%;
        transform: translate(-50%)
    }
    .cart-popup-product {
        overflow: auto;
        clear: both;
        float: left
    }
    .cart-popup-product p {
        text-align: left;
        display: block;
        width: 200px;
        float: left
    }
    .cart-popup-product p:nth-of-type(2) {
        width: 50px;
        float: left;
        margin-top: -3px
    }
    .cart-popup-product a {
        float: left;
        padding: 6px 10px;
        font-size: 12px;
        margin-bottom: 0;
        margin-top: -3px
    }
    .continue-shopping-safety {
        position: relative!important;
        right: 0!important;
        bottom: 0!important;
        float: none!important
    }
    .safety-product-popup .counter {
        margin: 0;
        float: left;
        display: none
    }
    .add-to-cart-safety-small img {
        width: 20px;
        height: auto
    }
    .last-cart {
        position: absolute!important;
        right: 0;
        top: 0
    }
}

@media (min-width:769px) and (max-width:992px) {
    .product-discount {
        bottom: 119px;
        width: 88%
    }
}

@media (min-width:992px) and (max-width:1200px) {
    #share-cart-on-facebook,
    .go-checkout {
        font-size: 16px
    }
    .nav>li>a {
        padding: 10px 12px!important
    }
    .navbar-nav {
        margin-top: -42px!important
    }
    .navbar-nav li a {
        font-size: 13px!important;
        color: #fff!important
    }
    .new-price {
        font-size: 28px
    }
    .cart-btn-blue {
        width: 37px;
        height: 37px
    }
    .vesta-flyer-img {
        width: 220px;
        float: left
    }
    .total-sum {
        padding-left: 65px!important
    }
    .cart-checkout-summary-total span:nth-of-type(1) {
        width: 200px
    }
    .cart-checkout-summary ul>li>span:nth-of-type(2) {
        display: inline-block!important;
        width: 180px!important;
        white-space: nowrap!important;
        overflow: visible!important;
        text-overflow: ellipsis!important
    }
    .product-discount {
        bottom: 120px
    }
}

@media (min-width:992px) {
    .home-categories-inner p>i {
        display: none
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .fotorama__stage,
    .fotorama__stage__frame,
    .fotorama__stage__shaft,
    .fotorama__wrap {
        width: 100%!important
    }
    .select-option select {
        width: 200px
    }
    .share-facebook-well>p {
        width: 520px
    }
}


@media (max-width:992px){
    .home-categories > .home-categories-inner {
        display: none;
    }
}

@media (min-width:992px){
    .home-categories-inner p>i {
        display: none
    }
}

/*!
 * Fotorama 4.6.4 | http://fotorama.io/license/
 */

 /* CUSTOM */
 .fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__nav,
.fotorama__nav__frame,
.fotorama__nav__shaft,
.fotorama__stage__frame,
.fotorama__stage__shaft,
.fotorama__video-close,
.fotorama__video-play,
.slick-slider {
    -webkit-tap-highlight-color: transparent
}

.fotorama__nav--dots {
    top: -30px!important;
    background: rgba(0, 0, 0, .4)!important
}

.fotorama__nav__frame {
    width: 24px!important
}

.fotorama__dot {
    width: 7px!important;
    height: 7px!important;
    border-color: #fff!important
}

.fotorama__nav__frame.fotorama__active {
    border-width: 4px!important
}

/*********************************************************/

 .fotorama__arr:focus:after,
 .fotorama__fullscreen-icon:focus:after,
 .fotorama__html,
 .fotorama__img,
 .fotorama__nav__frame:focus .fotorama__dot:after,
 .fotorama__nav__frame:focus .fotorama__thumb:after,
 .fotorama__stage__frame,
 .fotorama__stage__shaft,
 .fotorama__video iframe {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     right: 0;
     left: 0;
     bottom: 0
 }
 
 .fotorama--fullscreen,
 .fotorama__img {
     max-width: 99999px!important;
     max-height: 99999px!important;
     min-width: 0!important;
     min-height: 0!important;
     border-radius: 0!important;
     box-shadow: none!important;
     padding: 0!important
 }
 
 .fotorama__wrap .fotorama__grab {
     cursor: move;
     cursor: -o-grab;
     cursor: -ms-grab;
     cursor: grab
 }
 
 .fotorama__grabbing * {
     cursor: move;
     cursor: -o-grabbing;
     cursor: -ms-grabbing;
     cursor: grabbing
 }
 
 .fotorama__spinner {
     position: absolute!important;
     top: 50%!important;
     left: 50%!important
 }
 
 .fotorama__wrap--css3 .fotorama__arr,
 .fotorama__wrap--css3 .fotorama__fullscreen-icon,
 .fotorama__wrap--css3 .fotorama__nav__shaft,
 .fotorama__wrap--css3 .fotorama__stage__shaft,
 .fotorama__wrap--css3 .fotorama__thumb-border,
 .fotorama__wrap--css3 .fotorama__video-close,
 .fotorama__wrap--css3 .fotorama__video-play {
     transform: translate3d(0, 0, 0)
 }
 
 .fotorama__caption,
 .fotorama__nav:after,
 .fotorama__nav:before,
 .fotorama__stage:after,
 .fotorama__stage:before,
 .fotorama__wrap--css3 .fotorama__html,
 .fotorama__wrap--css3 .fotorama__nav,
 .fotorama__wrap--css3 .fotorama__spinner,
 .fotorama__wrap--css3 .fotorama__stage,
 .fotorama__wrap--css3 .fotorama__stage .fotorama__img,
 .fotorama__wrap--css3 .fotorama__stage__frame {
     transform: translateZ(0)
 }
 
 .fotorama__arr:focus,
 .fotorama__fullscreen-icon:focus,
 .fotorama__nav__frame {
     outline: 0
 }
 
 .fotorama__arr:focus:after,
 .fotorama__fullscreen-icon:focus:after,
 .fotorama__nav__frame:focus .fotorama__dot:after,
 .fotorama__nav__frame:focus .fotorama__thumb:after {
     content: '';
     border-radius: inherit;
     background-color: rgba(0, 175, 234, .5)
 }
 
 .fotorama__wrap--video .fotorama__stage,
 .fotorama__wrap--video .fotorama__stage__frame--video,
 .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,
 .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,
 .fotorama__wrap--video .fotorama__stage__shaft {
     transform: none!important
 }
 
 .fotorama__wrap--css3 .fotorama__nav__shaft,
 .fotorama__wrap--css3 .fotorama__stage__shaft,
 .fotorama__wrap--css3 .fotorama__thumb-border {
     transition-property: transform, width;
     transition-timing-function: cubic-bezier(.1, 0, .25, 1);
     transition-duration: 0s
 }
 
 .fotorama__arr,
 .fotorama__fullscreen-icon,
 .fotorama__no-select,
 .fotorama__video-close,
 .fotorama__video-play,
 .fotorama__wrap {
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none
 }
 
 .fotorama__nav,
 .fotorama__nav__frame {
     margin: auto;
     padding: 0
 }
 
 .fotorama--fullscreen,
 .fullscreen {
     width: 100%!important;
     height: 100%!important;
     margin: 0!important
 }
 
 .fotorama__caption__wrap,
 .fotorama__nav__frame,
 .fotorama__nav__shaft {
     display: inline-block;
     vertical-align: middle
 }
 
 .fotorama:not(.fotorama--unobtrusive)>:not(:first-child),
 .fotorama__wrap--fade .fotorama__stage__frame {
     display: none
 }
 
 .fotorama__nav__frame,
 .fotorama__thumb-border {
     box-sizing: content-box
 }
 
 .fotorama--hidden,
 .fotorama__load {
     position: absolute;
     left: -99999px;
     top: -99999px;
     z-index: -1
 }
 
 .fotorama__arr,
 .fotorama__fullscreen-icon,
 .fotorama__video-close,
 .fotorama__video-play {
     background: url(fotorama.png) no-repeat
 }
 
 @media (-webkit-min-device-pixel-ratio:1.5),
 (-webkit-min-device-pixel-ratio:2),
 (min-resolution:2dppx) {
     .fotorama__arr,
     .fotorama__fullscreen-icon,
     .fotorama__video-close,
     .fotorama__video-play {
         background: url(fotorama@2x.png) 0 0/96px 160px no-repeat
     }
 }
 
 .fotorama__thumb {
     background-color: #7f7f7f;
     background-color: rgba(127, 127, 127, .2)
 }
 
 @media print {
     .fotorama__arr,
     .fotorama__fullscreen-icon,
     .fotorama__thumb-border,
     .fotorama__video-close,
     .fotorama__video-play {
         background: 0 0!important
     }
 }
 
 .fotorama--fullscreen .fotorama__nav,
 .fotorama--fullscreen .fotorama__stage,
 .fullscreen {
     background: #000
 }
 
 .fotorama {
     min-width: 1px;
     overflow: hidden
 }
 
 .fullscreen {
     max-width: 100%!important;
     max-height: 100%!important;
     padding: 0!important;
     overflow: hidden!important
 }
 
 .fotorama__stage__frame,
 .fotorama__thumb,
 .slick-list {
     overflow: hidden
 }
 
 .fotorama--fullscreen {
     position: absolute!important;
     top: 0!important;
     left: 0!important;
     right: 0!important;
     bottom: 0!important;
     float: none!important;
     z-index: 2147483647!important;
     background: #000
 }
 
 .fotorama__wrap {
     -webkit-text-size-adjust: 100%;
     position: relative;
     direction: ltr;
     z-index: 0
 }
 
 .fotorama__stage__frame.fotorama__active,
 .fotorama__wrap--fade .fotorama__fade-front {
     z-index: 8
 }
 
 .fotorama__wrap--rtl .fotorama__stage__frame {
     direction: rtl
 }
 
 .fotorama__nav,
 .fotorama__stage {
     overflow: hidden;
     position: relative;
     max-width: 100%
 }
 
 .fotorama__wrap--pan-y {
     -ms-touch-action: pan-y
 }
 
 .fotorama__wrap .fotorama__pointer {
     cursor: pointer
 }
 
 .fotorama__wrap--slide .fotorama__stage__frame {
     opacity: 1!important
 }
 
 .fotorama__wrap--fade .fotorama__fade-front,
 .fotorama__wrap--fade .fotorama__fade-rear,
 .fotorama__wrap--fade .fotorama__stage__frame.fotorama__active {
     display: block;
     left: 0;
     top: 0
 }
 
 .fotorama--fullscreen .fotorama__loaded--full .fotorama__img,
 .fotorama__img--full,
 .fotorama__wrap--fade .fotorama__stage .fotorama__shadow {
     display: none
 }
 
 .fotorama__wrap--fade .fotorama__fade-rear {
     z-index: 7
 }
 
 .fotorama__wrap--fade .fotorama__fade-rear.fotorama__active {
     z-index: 9
 }
 
 .fotorama__img {
     -ms-filter: "alpha(Opacity=0)";
     filter: alpha(opacity=0);
     opacity: 0;
     border: none!important
 }
 
 .fotorama__error .fotorama__img,
 .fotorama__loaded .fotorama__img {
     -ms-filter: "alpha(Opacity=100)";
     filter: alpha(opacity=100);
     opacity: 1
 }
 
 .fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full {
     display: block
 }
 
 .fotorama__wrap--only-active .fotorama__nav,
 .fotorama__wrap--only-active .fotorama__stage {
     max-width: 99999px!important
 }
 
 .fotorama__wrap--only-active .fotorama__stage__frame {
     visibility: hidden
 }
 
 .fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active {
     visibility: visible
 }
 
 .slick-loading .slick-slide,
 .slick-loading .slick-track {
     visibility: hidden
 }
 
 .fotorama__nav {
     font-size: 0;
     line-height: 0;
     text-align: center;
     display: none;
     white-space: nowrap;
     z-index: 5
 }
 
 .fotorama__nav__shaft {
     position: relative;
     left: 0;
     top: 0;
     text-align: left
 }
 
 .fotorama__nav__frame {
     position: relative;
     cursor: pointer
 }
 
 .fotorama__nav--dots {
     display: block
 }
 
 .fotorama__nav--dots .fotorama__nav__frame {
     width: 18px;
     height: 30px
 }
 
 .fotorama__nav--dots .fotorama__nav__frame--thumb,
 .fotorama__nav--dots .fotorama__thumb-border {
     display: none
 }
 
 .fotorama__nav--thumbs {
     display: block
 }
 
 .fotorama__nav--thumbs .fotorama__nav__frame {
     padding-left: 0!important
 }
 
 .fotorama__nav--thumbs .fotorama__nav__frame:last-child {
     padding-right: 0!important
 }
 
 .fotorama__nav--thumbs .fotorama__nav__frame--dot {
     display: none
 }
 
 .fotorama__dot {
     display: block;
     position: relative;
     top: 12px;
     left: 6px;
     border-radius: 6px;
     border: 1px solid #7f7f7f
 }
 
 .fotorama__wrap--css2 .fotorama__video-play,
 .fotorama__wrap--no-captions .fotorama__caption,
 .fotorama__wrap--video .fotorama__caption,
 .fotorama__wrap--video .fotorama__stage .fotorama__video-play {
     display: none
 }
 
 .fotorama__nav__frame:focus .fotorama__dot:after {
     padding: 1px;
     top: -1px;
     left: -1px
 }
 
 .fotorama__nav__frame.fotorama__active .fotorama__dot {
     width: 0;
     height: 0;
     border-width: 3px
 }
 
 .fotorama__nav__frame.fotorama__active .fotorama__dot:after {
     padding: 3px;
     top: -3px;
     left: -3px
 }
 
 .fotorama__thumb {
     position: relative;
     width: 100%;
     height: 100%
 }
 
 .fotorama__nav__frame:focus .fotorama__thumb {
     z-index: 2
 }
 
 .fotorama__thumb-border {
     position: absolute;
     z-index: 9;
     top: 0;
     left: 0;
     border-style: solid;
     border-color: #00afea;
     background-image: linear-gradient(to bottom right, rgba(255, 255, 255, .25), rgba(64, 64, 64, .1))
 }
 
 .fotorama__caption {
     position: absolute;
     z-index: 12;
     bottom: 0;
     left: 0;
     right: 0;
     font-family: 'Helvetica Neue', Arial, sans-serif;
     font-size: 14px;
     line-height: 1.5;
     color: #000
 }
 
 .slick-dots li button:before,
 .slick-next:before,
 .slick-prev:before {
     font-family: slick;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale
 }
 
 .fotorama__caption a {
     color: #000;
     border-bottom: 1px solid;
     border-color: rgba(0, 0, 0, .5)
 }
 
 .fotorama__caption a:hover {
     color: #333;
     border-color: rgba(51, 51, 51, .5)
 }
 
 .fotorama__wrap--rtl .fotorama__caption {
     left: auto;
     right: 0
 }
 
 .fotorama__caption__wrap {
     box-sizing: border-box;
     background-color: #fff;
     background-color: rgba(255, 255, 255, .9);
     padding: 5px 10px
 }
 
 @keyframes spinner {
     0% {
         transform: rotate(0)
     }
     100% {
         transform: rotate(360deg)
     }
 }
 
 .fotorama__wrap--css3 .fotorama__spinner {
     animation: spinner 24s infinite linear
 }
 
 .fotorama__wrap--css3 .fotorama__html,
 .fotorama__wrap--css3 .fotorama__stage .fotorama__img {
     transition-property: opacity;
     transition-timing-function: linear;
     transition-duration: .3s
 }
 
 .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,
 .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img {
     -ms-filter: "alpha(Opacity=0)";
     filter: alpha(opacity=0);
     opacity: 0
 }
 
 .fotorama__select {
     -webkit-user-select: text;
     -moz-user-select: text;
     -ms-user-select: text;
     user-select: text;
     cursor: auto
 }
 
 .fotorama__video {
     top: 32px;
     right: 0;
     bottom: 0;
     left: 0;
     position: absolute;
     z-index: 10
 }
 
 @-moz-document url-prefix() {
     .fotorama__active {
         box-shadow: 0 0 0 transparent
     }
 }
 
 .fotorama__arr,
 .fotorama__fullscreen-icon,
 .fotorama__video-close,
 .fotorama__video-play {
     position: absolute;
     z-index: 11;
     cursor: pointer
 }
 
 .fotorama__arr {
     position: absolute;
     width: 32px;
     height: 32px;
     top: 50%;
     margin-top: -16px
 }
 
 .fotorama__arr--prev {
     left: 2px;
     background-position: 0 0
 }
 
 .fotorama__arr--next {
     right: 2px;
     background-position: -32px 0
 }
 
 .fotorama__arr--disabled {
     pointer-events: none;
     cursor: default;
     opacity: .1
 }
 
 .fotorama__fullscreen-icon {
     width: 32px;
     height: 32px;
     top: 2px;
     right: 2px;
     background-position: 0 -32px;
     z-index: 20
 }
 
 .fotorama__arr:focus,
 .fotorama__fullscreen-icon:focus {
     border-radius: 50%
 }
 
 .fotorama--fullscreen .fotorama__fullscreen-icon {
     background-position: -32px -32px
 }
 
 .fotorama__video-play {
     width: 96px;
     height: 96px;
     left: 50%;
     top: 50%;
     margin-left: -48px;
     margin-top: -48px;
     background-position: 0 -64px;
     opacity: 0
 }
 
 .fotorama__error .fotorama__video-play,
 .fotorama__loaded .fotorama__video-play,
 .fotorama__nav__frame .fotorama__video-play {
     opacity: 1;
     display: block
 }
 
 .fotorama__nav__frame .fotorama__video-play {
     width: 32px;
     height: 32px;
     margin-left: -16px;
     margin-top: -16px;
     background-position: -64px -32px
 }
 
 .fotorama__video-close {
     width: 32px;
     height: 32px;
     top: 0;
     right: 0;
     background-position: -64px 0;
     z-index: 20;
     opacity: 0
 }
 
 .fotorama__wrap--css2 .fotorama__video-close {
     display: none
 }
 
 .fotorama__wrap--css3 .fotorama__video-close {
     transform: translate3d(32px, -32px, 0)
 }
 
 .fotorama__wrap--video .fotorama__video-close {
     display: block;
     opacity: 1
 }
 
 .fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close {
     transform: translate3d(0, 0, 0)
 }
 
 .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,
 .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon {
     opacity: 0
 }
 
 .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,
 .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus {
     opacity: 1
 }
 
 .fotorama__wrap--video .fotorama__arr,
 .fotorama__wrap--video .fotorama__fullscreen-icon {
     opacity: 0!important
 }
 
 .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,
 .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon {
     display: none
 }
 
 .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,
 .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus {
     display: block
 }
 
 .fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,
 .fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon {
     display: none!important
 }
 
 .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus) {
     transform: translate3d(32px, -32px, 0)
 }
 
 .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus) {
     transform: translate3d(-48px, 0, 0)
 }
 
 .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus) {
     transform: translate3d(48px, 0, 0)
 }
 
 .fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon {
     transform: translate3d(32px, -32px, 0)!important
 }
 
 .fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev {
     transform: translate3d(-48px, 0, 0)!important
 }
 
 .fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next {
     transform: translate3d(48px, 0, 0)!important
 }
 
 .fotorama__wrap--css3 .fotorama__arr:not(:focus),
 .fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),
 .fotorama__wrap--css3 .fotorama__video-close:not(:focus),
 .fotorama__wrap--css3 .fotorama__video-play:not(:focus) {
     transition-property: transform, opacity;
     transition-duration: .3s
 }
 
 .fotorama__nav:after,
 .fotorama__nav:before,
 .fotorama__stage:after,
 .fotorama__stage:before {
     content: "";
     display: block;
     position: absolute;
     text-decoration: none;
     top: 0;
     bottom: 0;
     width: 10px;
     height: auto;
     z-index: 10;
     pointer-events: none;
     background-repeat: no-repeat;
     background-size: 1px 100%, 5px 100%
 }
 
 .fotorama__nav:before,
 .fotorama__stage:before {
     background-image: linear-gradient(transparent, rgba(0, 0, 0, .2) 25%, rgba(0, 0, 0, .3) 75%, transparent), radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, .4), transparent);
     background-position: 0 0, 0 0;
     left: -10px
 }
 
 .fotorama__nav.fotorama__shadows--left:before,
 .fotorama__stage.fotorama__shadows--left:before {
     left: 0
 }
 
 .fotorama__nav:after,
 .fotorama__stage:after {
     background-image: linear-gradient(transparent, rgba(0, 0, 0, .2) 25%, rgba(0, 0, 0, .3) 75%, transparent), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, .4), transparent);
     background-position: 100% 0, 100% 0;
     right: -10px
 }
 
 .fotorama__nav.fotorama__shadows--right:after,
 .fotorama__stage.fotorama__shadows--right:after {
     right: 0
 }
 
 .fotorama--fullscreen .fotorama__nav:after,
 .fotorama--fullscreen .fotorama__nav:before,
 .fotorama--fullscreen .fotorama__stage:after,
 .fotorama--fullscreen .fotorama__stage:before,
 .fotorama__wrap--fade .fotorama__stage:after,
 .fotorama__wrap--fade .fotorama__stage:before,
 .fotorama__wrap--no-shadows .fotorama__nav:after,
 .fotorama__wrap--no-shadows .fotorama__nav:before,
 .fotorama__wrap--no-shadows .fotorama__stage:after,
 .fotorama__wrap--no-shadows .fotorama__stage:before {
     display: none
 }