@import url(vendor/bootstrap.min.css);@import url(vendor/font-awesome.min.css);@import url(vendor/jquery.bootstrap-touchspin.css);@import url(vendor/magic-check/magic-check.css);@import url(vendor/select2.min.css);.mt0 {
    margin-top: 0px !important
}

.mr0 {
    margin-right: 0px !important
}

.mb0 {
    margin-bottom: 0px !important
}

.ml0 {
    margin-left: 0px !important
}

.mt5 {
    margin-top: 5px !important
}

.mr5 {
    margin-right: 5px !important
}

.mb5 {
    margin-bottom: 5px !important
}

.ml5 {
    margin-left: 5px !important
}

.mt10 {
    margin-top: 10px !important
}

.mr10 {
    margin-right: 10px !important
}

.mb10 {
    margin-bottom: 10px !important
}

.ml10 {
    margin-left: 10px !important
}

.mt15 {
    margin-top: 15px !important
}

.mr15 {
    margin-right: 15px !important
}

.mb15 {
    margin-bottom: 15px !important
}

.ml15 {
    margin-left: 15px !important
}

.mt20 {
    margin-top: 20px !important
}

.mr20 {
    margin-right: 20px !important
}

.mb20 {
    margin-bottom: 20px !important
}

.ml20 {
    margin-left: 20px !important
}

.mt25 {
    margin-top: 25px !important
}

.mr25 {
    margin-right: 25px !important
}

.mb25 {
    margin-bottom: 25px !important
}

.ml25 {
    margin-left: 25px !important
}

.mt30 {
    margin-top: 30px !important
}

.mr30 {
    margin-right: 30px !important
}

.mb30 {
    margin-bottom: 30px !important
}

.ml30 {
    margin-left: 30px !important
}

.mt35 {
    margin-top: 35px !important
}

.mr35 {
    margin-right: 35px !important
}

.mb35 {
    margin-bottom: 35px !important
}

.ml35 {
    margin-left: 35px !important
}

.mt40 {
    margin-top: 40px !important
}

.mr40 {
    margin-right: 40px !important
}

.mb40 {
    margin-bottom: 40px !important
}

.ml40 {
    margin-left: 40px !important
}

.mt45 {
    margin-top: 45px !important
}

.mr45 {
    margin-right: 45px !important
}

.mb45 {
    margin-bottom: 45px !important
}

.ml45 {
    margin-left: 45px !important
}

.mt50 {
    margin-top: 50px !important
}

.mr50 {
    margin-right: 50px !important
}

.mb50 {
    margin-bottom: 50px !important
}

.ml50 {
    margin-left: 50px !important
}

.mt60 {
    margin-top: 60px !important
}

.mr60 {
    margin-right: 60px !important
}

.mb60 {
    margin-bottom: 60px !important
}

.ml60 {
    margin-left: 60px !important
}

.mt70 {
    margin-top: 70px !important
}

.mr70 {
    margin-right: 70px !important
}

.mb70 {
    margin-bottom: 70px !important
}

.ml70 {
    margin-left: 70px !important
}

.mt80 {
    margin-top: 80px !important
}

.mr80 {
    margin-right: 80px !important
}

.mb80 {
    margin-bottom: 80px !important
}

.ml80 {
    margin-left: 80px !important
}

.mt90 {
    margin-top: 90px !important
}

.mr90 {
    margin-right: 90px !important
}

.mb90 {
    margin-bottom: 90px !important
}

.ml90 {
    margin-left: 90px !important
}

.mt100 {
    margin-top: 100px !important
}

.mr100 {
    margin-right: 100px !important
}

.mb100 {
    margin-bottom: 100px !important
}

.ml100 {
    margin-left: 100px !important
}

.mt150 {
    margin-top: 150px !important
}

.mr150 {
    margin-right: 150px !important
}

.mb150 {
    margin-bottom: 150px !important
}

.ml150 {
    margin-left: 150px !important
}

@media (max-width: 991px) {
    .xs-mt0 {
        margin-top:0px !important
    }

    .xs-mr0 {
        margin-right: 0px !important
    }

    .xs-mb0 {
        margin-bottom: 0px !important
    }

    .xs-ml0 {
        margin-left: 0px !important
    }

    .xs-mt5 {
        margin-top: 5px !important
    }

    .xs-mr5 {
        margin-right: 5px !important
    }

    .xs-mb5 {
        margin-bottom: 5px !important
    }

    .xs-ml5 {
        margin-left: 5px !important
    }

    .xs-mt10 {
        margin-top: 10px !important
    }

    .xs-mr10 {
        margin-right: 10px !important
    }

    .xs-mb10 {
        margin-bottom: 10px !important
    }

    .xs-ml10 {
        margin-left: 10px !important
    }

    .xs-mt15 {
        margin-top: 15px !important
    }

    .xs-mr15 {
        margin-right: 15px !important
    }

    .xs-mb15 {
        margin-bottom: 15px !important
    }

    .xs-ml15 {
        margin-left: 15px !important
    }

    .xs-mt20 {
        margin-top: 20px !important
    }

    .xs-mr20 {
        margin-right: 20px !important
    }

    .xs-mb20 {
        margin-bottom: 20px !important
    }

    .xs-ml20 {
        margin-left: 20px !important
    }

    .xs-mt25 {
        margin-top: 25px !important
    }

    .xs-mr25 {
        margin-right: 25px !important
    }

    .xs-mb25 {
        margin-bottom: 25px !important
    }

    .xs-ml25 {
        margin-left: 25px !important
    }

    .xs-mt30 {
        margin-top: 30px !important
    }

    .xs-mr30 {
        margin-right: 30px !important
    }

    .xs-mb30 {
        margin-bottom: 30px !important
    }

    .xs-ml30 {
        margin-left: 30px !important
    }

    .xs-mt40 {
        margin-top: 40px !important
    }

    .xs-mr40 {
        margin-right: 40px !important
    }

    .xs-mb40 {
        margin-bottom: 40px !important
    }

    .xs-ml40 {
        margin-left: 40px !important
    }

    .xs-mt50 {
        margin-top: 50px !important
    }

    .xs-mr50 {
        margin-right: 50px !important
    }

    .xs-mb50 {
        margin-bottom: 50px !important
    }

    .xs-ml50 {
        margin-left: 50px !important
    }

    .xs-mt60 {
        margin-top: 60px !important
    }

    .xs-mr60 {
        margin-right: 60px !important
    }

    .xs-mb60 {
        margin-bottom: 60px !important
    }

    .xs-ml60 {
        margin-left: 60px !important
    }

    .xs-mt70 {
        margin-top: 70px !important
    }

    .xs-mr70 {
        margin-right: 70px !important
    }

    .xs-mb70 {
        margin-bottom: 70px !important
    }

    .xs-ml70 {
        margin-left: 70px !important
    }
}

.pt0 {
    padding-top: 0px !important
}

.pr0 {
    padding-right: 0px !important
}

.pb0 {
    padding-bottom: 0px !important
}

.pl0 {
    padding-left: 0px !important
}

.pt5 {
    padding-top: 5px !important
}

.pr5 {
    padding-right: 5px !important
}

.pb5 {
    padding-bottom: 5px !important
}

.pl5 {
    padding-left: 5px !important
}

.pt10 {
    padding-top: 10px !important
}

.pr10 {
    padding-right: 10px !important
}

.pb10 {
    padding-bottom: 10px !important
}

.pl10 {
    padding-left: 10px !important
}

.pt15 {
    padding-top: 15px !important
}

.pr15 {
    padding-right: 15px !important
}

.pb15 {
    padding-bottom: 15px !important
}

.pl15 {
    padding-left: 15px !important
}

.pt20 {
    padding-top: 20px !important
}

.pr20 {
    padding-right: 20px !important
}

.pb20 {
    padding-bottom: 20px !important
}

.pl20 {
    padding-left: 20px !important
}

.pt25 {
    padding-top: 25px !important
}

.pr25 {
    padding-right: 25px !important
}

.pb25 {
    padding-bottom: 25px !important
}

.pl25 {
    padding-left: 25px !important
}

.pt30 {
    padding-top: 30px !important
}

.pr30 {
    padding-right: 30px !important
}

.pb30 {
    padding-bottom: 30px !important
}

.pl30 {
    padding-left: 30px !important
}

.pt40 {
    padding-top: 40px !important
}

.pr40 {
    padding-right: 40px !important
}

.pb40 {
    padding-bottom: 40px !important
}

.pl40 {
    padding-left: 40px !important
}

.pt60 {
    padding-top: 60px !important
}

.pr60 {
    padding-right: 60px !important
}

.pb60 {
    padding-bottom: 60px !important
}

.pl60 {
    padding-left: 60px !important
}

@media (max-width: 991px) {
    .xs-pt0 {
        padding-top:0px !important
    }

    .xs-pr0 {
        padding-right: 0px !important
    }

    .xs-pb0 {
        padding-bottom: 0px !important
    }

    .xs-pl0 {
        padding-left: 0px !important
    }

    .xs-pt5 {
        padding-top: 5px !important
    }

    .xs-pr5 {
        padding-right: 5px !important
    }

    .xs-pb5 {
        padding-bottom: 5px !important
    }

    .xs-pl5 {
        padding-left: 5px !important
    }

    .xs-pt10 {
        padding-top: 10px !important
    }

    .xs-pr10 {
        padding-right: 10px !important
    }

    .xs-pb10 {
        padding-bottom: 10px !important
    }

    .xs-pl10 {
        padding-left: 10px !important
    }

    .xs-pt15 {
        padding-top: 15px !important
    }

    .xs-pr15 {
        padding-right: 15px !important
    }

    .xs-pb15 {
        padding-bottom: 15px !important
    }

    .xs-pl15 {
        padding-left: 15px !important
    }

    .xs-pt20 {
        padding-top: 20px !important
    }

    .xs-pr20 {
        padding-right: 20px !important
    }

    .xs-pb20 {
        padding-bottom: 20px !important
    }

    .xs-pl20 {
        padding-left: 20px !important
    }

    .xs-pt25 {
        padding-top: 25px !important
    }

    .xs-pr25 {
        padding-right: 25px !important
    }

    .xs-pb25 {
        padding-bottom: 25px !important
    }

    .xs-pl25 {
        padding-left: 25px !important
    }

    .xs-pt30 {
        padding-top: 30px !important
    }

    .xs-pr30 {
        padding-right: 30px !important
    }

    .xs-pb30 {
        padding-bottom: 30px !important
    }

    .xs-pl30 {
        padding-left: 30px !important
    }

    .xs-pt60 {
        padding-top: 60px !important
    }

    .xs-pr60 {
        padding-right: 60px !important
    }

    .xs-pb60 {
        padding-bottom: 60px !important
    }

    .xs-pl60 {
        padding-left: 60px !important
    }
}

.w5 {
    width: 5% !important
}

.w10 {
    width: 10% !important
}

.w15 {
    width: 15% !important
}

.w20 {
    width: 20% !important
}

.w25 {
    width: 25% !important
}

.w30 {
    width: 30% !important
}

.w35 {
    width: 35% !important
}

.w40 {
    width: 40% !important
}

.w45 {
    width: 45% !important
}

.w50 {
    width: 50% !important
}

.w55 {
    width: 55% !important
}

.w60 {
    width: 60% !important
}

.w65 {
    width: 65% !important
}

.w70 {
    width: 70% !important
}

.w75 {
    width: 75% !important
}

.w80 {
    width: 80% !important
}

.w85 {
    width: 85% !important
}

.w90 {
    width: 90% !important
}

.w95 {
    width: 95% !important
}

.w100 {
    width: 100% !important
}

strong,.strong {
    font-weight: bold
}

.normal {
    font-weight: normal
}

.block {
    display: block
}

@media (max-width: 991px) {
    .xs-hide {
        display:none !important
    }

    .xs-show {
        display: block !important
    }

    .xs-pull-left {
        float: left !important
    }

    .xs-pull-right {
        float: right !important
    }

    .xs-text-left {
        text-align: left
    }

    .xs-text-right {
        text-align: right
    }

    .xs-text-center {
        text-align: center
    }
}

@media (min-width: 992px) {
    .xs-hide {
        display:block !important
    }

    .xs-show {
        display: none !important
    }
}

@font-face {
    font-family: mojitino-light;
    src: url(../fonts/Mojitino/Mojitino-Light.woff2) format("woff2"),url(../fonts/Mojitino/Mojitino-Light.woff) format("woff")
}

@font-face {
    font-family: mojitino-book;
    src: url(../fonts/Mojitino/Mojitino-Book.woff2) format("woff2"),url(../fonts/Mojitino/Mojitino-Book.woff) format("woff")
}

@font-face {
    font-family: mojitino-black;
    src: url(../fonts/Mojitino/Mojitino-Black.woff2) format("woff2"),url(../fonts/Mojitino/Mojitino-Black.woff) format("woff")
}

a,input,button {
    -o-transition: .4s;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .4s
}

a {
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    text-decoration: none
}

a:hover,a:focus {
    color: #ccc;
    text-decoration: none;
    outline: none !important
}

.white {
    color: #fff
}

.green {
    color: #3CD52E
}

strong {
    font-family: mojitino-black;
    font-weight: normal
}

.btn {
    width: 100%;
    color: #fff;
    font-size: 15px;
    line-height: 15px;
    font-family: mojitino-black;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: #34c227;
    border: 0;
    padding: 15px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.btn i {
    position: relative;
    top: -1.5px;
    margin-right: 5px
}

.btn:hover,.btn:focus {
    color: #fff;
    background: #2ead23
}

.btn#edit-order {
    color: #ECECEC;
    background: transparent;
    border: 1px solid #4E4E4E
}

.btn#edit-order:hover,.btn#edit-order:focus {
    background: #1b1b1b
}

.bootstrap-touchspin .btn {
    padding: 12px
}

.form-control:focus,.form-control[disabled]:focus {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(60,213,46,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(60,213,46,0.6)
}

label {
    width: 100%;
    font-weight: normal;
    text-align: left
}

label span {
    color: #fff
}

label small {
    line-height: 14px
}

.form-group textarea {
    height: 100px !important
}

.input-group-addon {
    color: #989898;
    background: #3b3b3b;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    height: 40px;
    border: 0
}

.input-group input,.form-group input,.form-group textarea,.form-group input[disabled] {
    color: #989898;
    background: #212121;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    height: 40px;
    border: 0;
    padding-left: 15px
}

.select2-container {
    width: 100% !important
}

.select2-container--default .select2-search__field,.select2-container--default .select2-results__option,.select2-container--default .select2-results__option[aria-selected] {
    color: #4E4E4E
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #4E4E4E;
    color: #fff
}

.select2-container--default .select2-selection--single {
    color: #989898;
    background: #212121;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    height: 40px;
    border: 0;
    padding-left: 15px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #989898;
    line-height: 40px;
    padding: 0
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
    right: 10px
}

.select2-container--default .select2-selection--single .select2-results__option--highlighted[aria-selected] {
    background: #3CD52E
}

.checkbox label:before {
    background-color: #212121;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 0;
    top: 4px
}

.checkbox label:after {
    color: #fff;
    top: -1px
}

a.to-recover {
    cursor: pointer
}

.modal-content {
    color: #000
}

.modal-content h2 {
    color: #000;
    font-size: 18px;
    line-height: 25px;
    font-family: mojitino-book;
    font-weight: normal;
    background: none;
    margin: 0;
    padding: 0
}

.modal-content .modal-body {
    padding: 15px
}

.modal-content .modal-body .btn {
    color: #fff;
    font-size: 13px;
    line-height: 35px;
    padding: 0;
    -o-transition: .4s;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .4s
}

.modal-content .modal-body button.close {
    position: absolute;
    top: 2px;
    right: 5px
}

.message {
    margin-bottom: 0
}

body {
    color: #3CD52E;
    font-size: 15px;
    line-height: 25px;
    font-family: mojitino-book;
    font-weight: normal;
    background: #000;
    background-size: 550px auto
}

body header {
    margin-top: 50px;
    text-align: center;
    position: relative
}

body header a {
    position: absolute;
    left: 0;
    top: -25px
}

body header h1 {
    color: #000;
    font-size: 24px;
    line-height: 25px;
    font-family: mojitino-black;
    font-weight: normal;
    letter-spacing: 2px;
    background: #3CD52E;
    text-transform: uppercase;
    padding: 5px 10px 0px;
    display: inline-block;
    position: relative
}

body header h1 .left-bg,body header h1 .right-bg {
    width: 16px;
    height: 30px;
    position: absolute;
    top: 0
}

body header h1 .left-bg {
    background: url("../images/title-bg-left.png");
    left: -16px;
}

body header h1 .right-bg {
    background: url("../images/title-bg-right.png");
    right: -16px
}

body main {
    margin: 50px 0
}

body main h2 {
    color: #000;
    font-size: 18px;
    line-height: 21px;
    font-family: mojitino-black;
    font-weight: normal;
    letter-spacing: 1px;
    background: #3CD52E;
    text-transform: uppercase;
    padding: 3px 10px 0px;
    margin: 25px 0 35px;
    display: inline-block;
    position: relative
}

body main h2 .left-bg,body main h2 .right-bg {
    width: 13px;
    height: 24px;
    position: absolute;
    top: 0
}

body main h2 .left-bg {
    background: url("../images/title-bg-left.png");
    background-size: 13px 24px;
    left: -13px
}

body main h2 .right-bg {
    background: url("../images/title-bg-right.png");
    background-size: 13px 24px;
    right: -13px
}

body main .table {
    border: 1px solid #4E4E4E;
    -webkit-box-shadow: 0px 0px 20px 0px #484b38;
    -moz-box-shadow: 0px 0px 20px 0px #484b38;
    box-shadow: 0px 0px 20px 0px #484b38;
}

body main .table .tbl-row {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    border-bottom: 1px solid #4E4E4E;
    padding: 10px 0
}

body main .table .tbl-row:last-child {
    border-bottom: 0
}

body main .table .tbl-row.tbl-head {
    text-transform: uppercase;
    font-family: mojitino-black;
    font-weight: normal;
    background: #212121;
    padding: 15px 0
}

body main .table .tbl-row.tbl-head small {
    font-family: mojitino-book;
    font-weight: normal;
    text-transform: none
}

body main .table .tbl-row.tbl-form {
    padding: 25px 0
}

body main .table .tbl-row.tbl-form .column {
    align-items: flex-start;
    text-align: left
}

body main .table .tbl-row .column {
    flex: 1;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 0 10px
}

body main .table .tbl-row .column p {
    margin: 0
}

body main .table .tbl-row .column .row {
    width: 100%
}

body main .table .tbl-row .column img {
    width: 100%
}

body main .table .tbl-row .column .input-number {
    height: 40px;
    color: #989898;
    text-align: center;
    background: #212121;
    border: 0
}

body main .table .tbl-row .column .price {
    font-size: 18px;
    line-height: 30px;
    font-family: mojitino-black;
    font-weight: normal
}

body main .table .tbl-row .column .price-big {
    font-size: 22px !important
}

body main .table .tbl-row .align-left {
    align-items: left
}

body main #glass-box img {
    height: 150px
}

body main #glass-box p.title {
    font-size: 18px;
    line-height: 25px;
    border-bottom: 1px solid #212121;
    margin-top: 25px;
    padding-bottom: 15px
}

body main #glass-box p.text {
    font-size: 18px;
    margin-top: 15px
}

body main #glass-box p.text .glass-count {
    color: #fff
}

body main #shipping-address,body main #billing-address {
    border-bottom: 1px solid #272727;
    margin-bottom: 5px;
}

body main #billing-address {
    padding-bottom: 25px
}

body main #shipping-address,body main #registration-shipping-address {
    padding-bottom: 15px;
    display: none
}

body main #login {
    margin-top: 30px
}

body main #login,body main #registration {
    padding-bottom: 15px;
    display: none
}

body main #order-form,body main #profile {
    display: none
}

body main .form-box form {
    width: 100%
}

body main .form-box h4 {
    margin-top: 2px
}

body main .form-box .free-shipping {
    color: #3CD52E;
    text-decoration: underline
}

body main .form-box #agree-with-vop-box label {
    width: 30px;
    float: left
}

body main .form-box #agree-with-vop-box a {
    color: #3CD52E;
    line-height: 28px;
    text-decoration: underline;
    float: left
}

body main .address-box p {
    margin: 0
}

body main .address-box p .price {
    color: #3CD52E;
    font-size: 17px;
    line-height: 45px;
    font-family: mojitino-black;
    font-weight: normal
}

body main #user-nav {
    text-align: center
}

body main #user-nav .btn {
    width: auto;
    margin-top: 30px;
    color: #fff;
    font-size: 13px;
    line-height: 1.1
}

body main #user-nav .btn.active {
    background: #29981f
}

body main #user-nav .btn small {
    text-transform: none
}

@media screen and (max-width: 992px) {
    .btn {
        padding:25px 0
    }

    .btn#edit-order {
        padding: 15px 0;
        margin-bottom: 5px
    }

    body main .table .tbl-head {
        display: none
    }

    body main .table .tbl-row .column {
        width: calc(100% - 20px);
        display: block;
        flex: none;
        text-align: center;
        margin: 5px 0
    }

    body main .table .tbl-row .column img {
        width: 200px;
        margin: 20px 0
    }

    body main .table .tbl-row .column .bootstrap-touchspin {
        width: 200px;
        margin: 0 auto
    }

    body main .form-box h4 {
        margin-top: 25px
    }

    body main #glass-box {
        text-align: center
    }

    body main #glass-box .title {
        display: inline-block
    }
}

@media screen and (max-width: 768px) {
    body header a {
        left:calc(50% - 24px)
    }

    body header h1 {
        font-size: 3.5vw;
        letter-spacing: 0;
        margin-top: 100px
    }

    body main h2 {
        font-size: 3vw;
        letter-spacing: 0
    }

    body main #user-nav .btn {
        width: 100%;
        margin-bottom: 3px
    }
}

@media screen and (max-width: 480px) {
    body .btn {
        font-size:3vw
    }

    body main #user-nav .btn {
        font-size: 3vw
    }
}

/*# sourceMappingURL=style.css.map */