html {
    direction: rtl
}

body {
    direction: rtl
}

a:focus,
button:focus
{
    outline: 2px #1a2d68 dotted !important;
}

.flip.text-left {
    text-align: right
}

.flip.text-right {
    text-align: left
}

.list-unstyled {
    padding-right: 0;
    padding-left: initial
}

.list-inline {
    padding-right: 0;
    padding-left: initial;
    margin-right: -5px;
    margin-left: 0
}

dd {
    margin-right: 0;
    margin-left: initial
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        float: right;
        clear: right;
        text-align: left
    }
    .dl-horizontal dd {
        margin-right: 180px;
        margin-left: 0
    }
}

blockquote {
    border-right: 5px solid #eee;
    border-left: 0
}

.blockquote-reverse,
blockquote.pull-left {
    padding-left: 15px;
    padding-right: 0;
    border-left: 5px solid #eee;
    border-right: 0;
    text-align: left
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: right
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    left: 100%;
    right: auto
}

.col-xs-pull-11 {
    left: 91.66666667%;
    right: auto
}

.col-xs-pull-10 {
    left: 83.33333333%;
    right: auto
}

.col-xs-pull-9 {
    left: 75%;
    right: auto
}

.col-xs-pull-8 {
    left: 66.66666667%;
    right: auto
}

.col-xs-pull-7 {
    left: 58.33333333%;
    right: auto
}

.col-xs-pull-6 {
    left: 50%;
    right: auto
}

.col-xs-pull-5 {
    left: 41.66666667%;
    right: auto
}

.col-xs-pull-4 {
    left: 33.33333333%;
    right: auto
}

.col-xs-pull-3 {
    left: 25%;
    right: auto
}

.col-xs-pull-2 {
    left: 16.66666667%;
    right: auto
}

.col-xs-pull-1 {
    left: 8.33333333%;
    right: auto
}

.col-xs-pull-0 {
    left: auto;
    right: auto
}

.col-xs-push-12 {
    right: 100%;
    left: 0
}

.col-xs-push-11 {
    right: 91.66666667%;
    left: 0
}

.col-xs-push-10 {
    right: 83.33333333%;
    left: 0
}

.col-xs-push-9 {
    right: 75%;
    left: 0
}

.col-xs-push-8 {
    right: 66.66666667%;
    left: 0
}

.col-xs-push-7 {
    right: 58.33333333%;
    left: 0
}

.col-xs-push-6 {
    right: 50%;
    left: 0
}

.col-xs-push-5 {
    right: 41.66666667%;
    left: 0
}

.col-xs-push-4 {
    right: 33.33333333%;
    left: 0
}

.col-xs-push-3 {
    right: 25%;
    left: 0
}

.col-xs-push-2 {
    right: 16.66666667%;
    left: 0
}

.col-xs-push-1 {
    right: 8.33333333%;
    left: 0
}

.col-xs-push-0 {
    right: auto;
    left: 0
}

.col-xs-offset-12 {
    margin-right: 100%;
    margin-left: 0
}

.col-xs-offset-11 {
    margin-right: 91.66666667%;
    margin-left: 0
}

.col-xs-offset-10 {
    margin-right: 83.33333333%;
    margin-left: 0
}

.col-xs-offset-9 {
    margin-right: 75%;
    margin-left: 0
}

.col-xs-offset-8 {
    margin-right: 66.66666667%;
    margin-left: 0
}

.col-xs-offset-7 {
    margin-right: 58.33333333%;
    margin-left: 0
}

.col-xs-offset-6 {
    margin-right: 50%;
    margin-left: 0
}

.col-xs-offset-5 {
    margin-right: 41.66666667%;
    margin-left: 0
}

.col-xs-offset-4 {
    margin-right: 33.33333333%;
    margin-left: 0
}

.col-xs-offset-3 {
    margin-right: 25%;
    margin-left: 0
}

.col-xs-offset-2 {
    margin-right: 16.66666667%;
    margin-left: 0
}

.col-xs-offset-1 {
    margin-right: 8.33333333%;
    margin-left: 0
}

.col-xs-offset-0 {
    margin-right: 0;
    margin-left: 0
}

@media (min-width: 768px) {
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: right
    }
    .col-sm-12 {
        width: 100%
    }
    .col-sm-11 {
        width: 91.66666667%
    }
    .col-sm-10 {
        width: 83.33333333%
    }
    .col-sm-9 {
        width: 75%
    }
    .col-sm-8 {
        width: 66.66666667%
    }
    .col-sm-7 {
        width: 58.33333333%
    }
    .col-sm-6 {
        width: 50%
    }
    .col-sm-5 {
        width: 41.66666667%
    }
    .col-sm-4 {
        width: 33.33333333%
    }
    .col-sm-3 {
        width: 25%
    }
    .col-sm-2 {
        width: 16.66666667%
    }
    .col-sm-1 {
        width: 8.33333333%
    }
    .col-sm-pull-12 {
        left: 100%;
        right: auto
    }
    .col-sm-pull-11 {
        left: 91.66666667%;
        right: auto
    }
    .col-sm-pull-10 {
        left: 83.33333333%;
        right: auto
    }
    .col-sm-pull-9 {
        left: 75%;
        right: auto
    }
    .col-sm-pull-8 {
        left: 66.66666667%;
        right: auto
    }
    .col-sm-pull-7 {
        left: 58.33333333%;
        right: auto
    }
    .col-sm-pull-6 {
        left: 50%;
        right: auto
    }
    .col-sm-pull-5 {
        left: 41.66666667%;
        right: auto
    }
    .col-sm-pull-4 {
        left: 33.33333333%;
        right: auto
    }
    .col-sm-pull-3 {
        left: 25%;
        right: auto
    }
    .col-sm-pull-2 {
        left: 16.66666667%;
        right: auto
    }
    .col-sm-pull-1 {
        left: 8.33333333%;
        right: auto
    }
    .col-sm-pull-0 {
        left: auto;
        right: auto
    }
    .col-sm-push-12 {
        right: 100%;
        left: 0
    }
    .col-sm-push-11 {
        right: 91.66666667%;
        left: 0
    }
    .col-sm-push-10 {
        right: 83.33333333%;
        left: 0
    }
    .col-sm-push-9 {
        right: 75%;
        left: 0
    }
    .col-sm-push-8 {
        right: 66.66666667%;
        left: 0
    }
    .col-sm-push-7 {
        right: 58.33333333%;
        left: 0
    }
    .col-sm-push-6 {
        right: 50%;
        left: 0
    }
    .col-sm-push-5 {
        right: 41.66666667%;
        left: 0
    }
    .col-sm-push-4 {
        right: 33.33333333%;
        left: 0
    }
    .col-sm-push-3 {
        right: 25%;
        left: 0
    }
    .col-sm-push-2 {
        right: 16.66666667%;
        left: 0
    }
    .col-sm-push-1 {
        right: 8.33333333%;
        left: 0
    }
    .col-sm-push-0 {
        right: auto;
        left: 0
    }
    .col-sm-offset-12 {
        margin-right: 100%;
        margin-left: 0
    }
    .col-sm-offset-11 {
        margin-right: 91.66666667%;
        margin-left: 0
    }
    .col-sm-offset-10 {
        margin-right: 83.33333333%;
        margin-left: 0
    }
    .col-sm-offset-9 {
        margin-right: 75%;
        margin-left: 0
    }
    .col-sm-offset-8 {
        margin-right: 66.66666667%;
        margin-left: 0
    }
    .col-sm-offset-7 {
        margin-right: 58.33333333%;
        margin-left: 0
    }
    .col-sm-offset-6 {
        margin-right: 50%;
        margin-left: 0
    }
    .col-sm-offset-5 {
        margin-right: 41.66666667%;
        margin-left: 0
    }
    .col-sm-offset-4 {
        margin-right: 33.33333333%;
        margin-left: 0
    }
    .col-sm-offset-3 {
        margin-right: 25%;
        margin-left: 0
    }
    .col-sm-offset-2 {
        margin-right: 16.66666667%;
        margin-left: 0
    }
    .col-sm-offset-1 {
        margin-right: 8.33333333%;
        margin-left: 0
    }
    .col-sm-offset-0 {
        margin-right: 0;
        margin-left: 0
    }
}

@media (min-width: 1025px) {
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: right
    }
    .col-md-12 {
        width: 100%
    }
    .col-md-11 {
        width: 91.66666667%
    }
    .col-md-10 {
        width: 83.33333333%
    }
    .col-md-9 {
        width: 75%
    }
    .col-md-8 {
        width: 66.66666667%
    }
    .col-md-7 {
        width: 58.33333333%
    }
    .col-md-6 {
        width: 50%
    }
    .col-md-5 {
        width: 41.66666667%
    }
    .col-md-4 {
        width: 33.33333333%
    }
    .col-md-3 {
        width: 25%
    }
    .col-md-2 {
        width: 16.66666667%
    }
    .col-md-1 {
        width: 8.33333333%
    }
    .col-md-pull-12 {
        left: 100%;
        right: auto
    }
    .col-md-pull-11 {
        left: 91.66666667%;
        right: auto
    }
    .col-md-pull-10 {
        left: 83.33333333%;
        right: auto
    }
    .col-md-pull-9 {
        left: 75%;
        right: auto
    }
    .col-md-pull-8 {
        left: 66.66666667%;
        right: auto
    }
    .col-md-pull-7 {
        left: 58.33333333%;
        right: auto
    }
    .col-md-pull-6 {
        left: 50%;
        right: auto
    }
    .col-md-pull-5 {
        left: 41.66666667%;
        right: auto
    }
    .col-md-pull-4 {
        left: 33.33333333%;
        right: auto
    }
    .col-md-pull-3 {
        left: 25%;
        right: auto
    }
    .col-md-pull-2 {
        left: 16.66666667%;
        right: auto
    }
    .col-md-pull-1 {
        left: 8.33333333%;
        right: auto
    }
    .col-md-pull-0 {
        left: auto;
        right: auto
    }
    .col-md-push-12 {
        right: 100%;
        left: 0
    }
    .col-md-push-11 {
        right: 91.66666667%;
        left: 0
    }
    .col-md-push-10 {
        right: 83.33333333%;
        left: 0
    }
    .col-md-push-9 {
        right: 75%;
        left: 0
    }
    .col-md-push-8 {
        right: 66.66666667%;
        left: 0
    }
    .col-md-push-7 {
        right: 58.33333333%;
        left: 0
    }
    .col-md-push-6 {
        right: 50%;
        left: 0
    }
    .col-md-push-5 {
        right: 41.66666667%;
        left: 0
    }
    .col-md-push-4 {
        right: 33.33333333%;
        left: 0
    }
    .col-md-push-3 {
        right: 25%;
        left: 0
    }
    .col-md-push-2 {
        right: 16.66666667%;
        left: 0
    }
    .col-md-push-1 {
        right: 8.33333333%;
        left: 0
    }
    .col-md-push-0 {
        right: auto;
        left: 0
    }
    .col-md-offset-12 {
        margin-right: 100%;
        margin-left: 0
    }
    .col-md-offset-11 {
        margin-right: 91.66666667%;
        margin-left: 0
    }
    .col-md-offset-10 {
        margin-right: 83.33333333%;
        margin-left: 0
    }
    .col-md-offset-9 {
        margin-right: 75%;
        margin-left: 0
    }
    .col-md-offset-8 {
        margin-right: 66.66666667%;
        margin-left: 0
    }
    .col-md-offset-7 {
        margin-right: 58.33333333%;
        margin-left: 0
    }
    .col-md-offset-6 {
        margin-right: 50%;
        margin-left: 0
    }
    .col-md-offset-5 {
        margin-right: 41.66666667%;
        margin-left: 0
    }
    .col-md-offset-4 {
        margin-right: 33.33333333%;
        margin-left: 0
    }
    .col-md-offset-3 {
        margin-right: 25%;
        margin-left: 0
    }
    .col-md-offset-2 {
        margin-right: 16.66666667%;
        margin-left: 0
    }
    .col-md-offset-1 {
        margin-right: 8.33333333%;
        margin-left: 0
    }
    .col-md-offset-0 {
        margin-right: 0;
        margin-left: 0
    }
}

@media (min-width: 1200px) {
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: right
    }
    .col-lg-12 {
        width: 100%
    }
    .col-lg-11 {
        width: 91.66666667%
    }
    .col-lg-10 {
        width: 83.33333333%
    }
    .col-lg-9 {
        width: 75%
    }
    .col-lg-8 {
        width: 66.66666667%
    }
    .col-lg-7 {
        width: 58.33333333%
    }
    .col-lg-6 {
        width: 50%
    }
    .col-lg-5 {
        width: 41.66666667%
    }
    .col-lg-4 {
        width: 33.33333333%
    }
    .col-lg-3 {
        width: 25%
    }
    .col-lg-2 {
        width: 16.66666667%
    }
    .col-lg-1 {
        width: 8.33333333%
    }
    .col-lg-pull-12 {
        left: 100%;
        right: auto
    }
    .col-lg-pull-11 {
        left: 91.66666667%;
        right: auto
    }
    .col-lg-pull-10 {
        left: 83.33333333%;
        right: auto
    }
    .col-lg-pull-9 {
        left: 75%;
        right: auto
    }
    .col-lg-pull-8 {
        left: 66.66666667%;
        right: auto
    }
    .col-lg-pull-7 {
        left: 58.33333333%;
        right: auto
    }
    .col-lg-pull-6 {
        left: 50%;
        right: auto
    }
    .col-lg-pull-5 {
        left: 41.66666667%;
        right: auto
    }
    .col-lg-pull-4 {
        left: 33.33333333%;
        right: auto
    }
    .col-lg-pull-3 {
        left: 25%;
        right: auto
    }
    .col-lg-pull-2 {
        left: 16.66666667%;
        right: auto
    }
    .col-lg-pull-1 {
        left: 8.33333333%;
        right: auto
    }
    .col-lg-pull-0 {
        left: auto;
        right: auto
    }
    .col-lg-push-12 {
        right: 100%;
        left: 0
    }
    .col-lg-push-11 {
        right: 91.66666667%;
        left: 0
    }
    .col-lg-push-10 {
        right: 83.33333333%;
        left: 0
    }
    .col-lg-push-9 {
        right: 75%;
        left: 0
    }
    .col-lg-push-8 {
        right: 66.66666667%;
        left: 0
    }
    .col-lg-push-7 {
        right: 58.33333333%;
        left: 0
    }
    .col-lg-push-6 {
        right: 50%;
        left: 0
    }
    .col-lg-push-5 {
        right: 41.66666667%;
        left: 0
    }
    .col-lg-push-4 {
        right: 33.33333333%;
        left: 0
    }
    .col-lg-push-3 {
        right: 25%;
        left: 0
    }
    .col-lg-push-2 {
        right: 16.66666667%;
        left: 0
    }
    .col-lg-push-1 {
        right: 8.33333333%;
        left: 0
    }
    .col-lg-push-0 {
        right: auto;
        left: 0
    }
    .col-lg-offset-12 {
        margin-right: 100%;
        margin-left: 0
    }
    .col-lg-offset-11 {
        margin-right: 91.66666667%;
        margin-left: 0
    }
    .col-lg-offset-10 {
        margin-right: 83.33333333%;
        margin-left: 0
    }
    .col-lg-offset-9 {
        margin-right: 75%;
        margin-left: 0
    }
    .col-lg-offset-8 {
        margin-right: 66.66666667%;
        margin-left: 0
    }
    .col-lg-offset-7 {
        margin-right: 58.33333333%;
        margin-left: 0
    }
    .col-lg-offset-6 {
        margin-right: 50%;
        margin-left: 0
    }
    .col-lg-offset-5 {
        margin-right: 41.66666667%;
        margin-left: 0
    }
    .col-lg-offset-4 {
        margin-right: 33.33333333%;
        margin-left: 0
    }
    .col-lg-offset-3 {
        margin-right: 25%;
        margin-left: 0
    }
    .col-lg-offset-2 {
        margin-right: 16.66666667%;
        margin-left: 0
    }
    .col-lg-offset-1 {
        margin-right: 8.33333333%;
        margin-left: 0
    }
    .col-lg-offset-0 {
        margin-right: 0;
        margin-left: 0
    }
}

caption {
    text-align: right
}

th {
    text-align: right
}

@media screen and (max-width: 767px) {
    .table-responsive>.table-bordered {
        border: 0
    }
    .table-responsive>.table-bordered>thead>tr>th:first-child,
    .table-responsive>.table-bordered>tbody>tr>th:first-child,
    .table-responsive>.table-bordered>tfoot>tr>th:first-child,
    .table-responsive>.table-bordered>thead>tr>td:first-child,
    .table-responsive>.table-bordered>tbody>tr>td:first-child,
    .table-responsive>.table-bordered>tfoot>tr>td:first-child {
        border-right: 0;
        border-left: initial
    }
    .table-responsive>.table-bordered>thead>tr>th:last-child,
    .table-responsive>.table-bordered>tbody>tr>th:last-child,
    .table-responsive>.table-bordered>tfoot>tr>th:last-child,
    .table-responsive>.table-bordered>thead>tr>td:last-child,
    .table-responsive>.table-bordered>tbody>tr>td:last-child,
    .table-responsive>.table-bordered>tfoot>tr>td:last-child {
        border-left: 0;
        border-right: initial
    }
}

.radio label,
.checkbox label {
    padding-right: 20px;
    padding-left: initial
}

.radio input[type=radio],
.radio-inline input[type=radio],
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox] {
    margin-right: -20px;
    margin-left: auto
}

.radio-inline,
.checkbox-inline {
    padding-right: 20px;
    padding-left: 0
}

.radio-inline+.radio-inline,
.checkbox-inline+.checkbox-inline {
    margin-right: 10px;
    margin-left: 0
}

.has-feedback .form-control {
    padding-left: 42.5px;
    padding-right: 12px
}

.form-control-feedback {
    left: 0;
    right: auto
}

@media (min-width: 768px) {
    .form-inline label {
        padding-right: 0;
        padding-left: initial
    }
    .form-inline .radio input[type=radio],
    .form-inline .checkbox input[type=checkbox] {
        margin-right: 0;
        margin-left: auto
    }
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: left
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    left: 15px;
    right: auto
}

.caret {
    margin-right: 2px;
    margin-left: 0
}

.dropdown-menu {
    right: 0;
    left: auto;
    float: left;
    text-align: right
}

.dropdown-menu.pull-right {
    left: 0;
    right: auto;
    float: right
}

.dropdown-menu-right {
    left: auto;
    right: 0
}

.dropdown-menu-left {
    left: 0;
    right: auto
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        left: auto;
        right: 0
    }
    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto
    }
}

.btn-group>.btn,
.btn-group-vertical>.btn {
    float: right
}

.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
    margin-right: -1px;
    margin-left: 0
}

.btn-toolbar {
    margin-right: -5px;
    margin-left: 0
}

.btn-toolbar .btn-group,
.btn-toolbar .input-group {
    float: right
}

.btn-toolbar>.btn,
.btn-toolbar>.btn-group,
.btn-toolbar>.input-group {
    margin-right: 5px;
    margin-left: 0
}

.btn-group>.btn:first-child {
    margin-right: 0
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group>.btn-group {
    float: right
}

.btn-group.btn-group-justified>.btn,
.btn-group.btn-group-justified>.btn-group {
    float: none
}

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.btn-group>.btn-group:first-child>.btn:last-child,
.btn-group>.btn-group:first-child>.dropdown-toggle {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group>.btn-group:last-child>.btn:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn .caret {
    margin-right: 0
}

.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
    margin-top: -1px;
    margin-right: 0
}

.input-group .form-control {
    float: right
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.input-group-addon:first-child {
    border-left: 0;
    border-right: 1px solid
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group-addon:last-child {
    border-left-width: 1px;
    border-left-style: solid;
    border-right: 0
}

.input-group-btn>.btn+.btn {
    margin-right: -1px;
    margin-left: auto
}

.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group {
    margin-left: -1px;
    margin-right: auto
}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
    margin-right: -1px;
    margin-left: auto
}

.nav {
    padding-right: 0;
    padding-left: initial
}

.nav-tabs>li {
    float: right
}

.nav-tabs>li>a {
    margin-left: auto;
    margin-right: -2px;
    border-radius: 4px 4px 0 0
}

.nav-pills>li {
    float: right
}

.nav-pills>li>a {
    border-radius: 4px
}

.nav-pills>li+li {
    margin-right: 2px;
    margin-left: auto
}

.nav-stacked>li {
    float: none
}

.nav-stacked>li+li {
    margin-right: 0;
    margin-left: auto
}

.nav-justified>.dropdown .dropdown-menu {
    right: auto
}

.nav-tabs-justified>li>a {
    margin-left: 0;
    margin-right: auto
}

@media (min-width: 768px) {
    .nav-tabs-justified>li>a {
        border-radius: 4px 4px 0 0
    }
}

@media (min-width: 768px) {
    .navbar-header {
        float: right
    }
}

.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px
}

.navbar-brand {
    float: right
}

@media (min-width: 768px) {
    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        margin-right: -15px;
        margin-left: auto
    }
}

.navbar-toggle {
    float: left;
    margin-left: 15px;
    margin-right: auto
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu>li>a,
    .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 25px 5px 15px
    }
}

@media (min-width: 768px) {
    .navbar-nav {
        float: right
    }
    .navbar-nav>li {
        float: right
    }
}

@media (min-width: 768px) {
    .navbar-left.flip {
        float: right !important
    }
    .navbar-right:last-child {
        margin-left: -15px;
        margin-right: auto
    }
    .navbar-right.flip {
        float: left !important;
        margin-left: -15px;
        margin-right: auto
    }
    .navbar-right .dropdown-menu {
        left: 0;
        right: auto
    }
}

@media (min-width: 768px) {
    .navbar-text {
        float: right
    }
    .navbar-text.navbar-right:last-child {
        margin-left: 0;
        margin-right: auto
    }
}

.pagination {
    padding-right: 0
}

.pagination>li>a,
.pagination>li>span {
    float: right;
    margin-right: -1px;
    margin-left: 0
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    margin-right: -1px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.pager {
    padding-right: 0;
    padding-left: initial
}

.pager .next>a,
.pager .next>span {
    float: left
}

.pager .previous>a,
.pager .previous>span {
    float: right
}

.nav-pills>li>a>.badge {
    margin-left: 0;
    margin-right: 3px
}

.list-group-item>.badge {
    float: left
}

.list-group-item>.badge+.badge {
    margin-left: 5px;
    margin-right: auto
}

.alert-dismissable,
.alert-dismissible {
    padding-left: 35px;
    padding-right: 15px
}

.alert-dismissable .close,
.alert-dismissible .close {
    right: auto;
    left: -21px
}

.progress-bar {
    float: right
}

.media>.pull-left {
    margin-right: 10px
}

.media>.pull-left.flip {
    margin-right: 0;
    margin-left: 10px
}

.media>.pull-right {
    margin-left: 10px
}

.media>.pull-right.flip {
    margin-left: 0;
    margin-right: 10px
}

.media-right,
.media>.pull-right {
    padding-right: 10px;
    padding-left: initial
}

.media-left,
.media>.pull-left {
    padding-left: 10px;
    padding-right: initial
}

.media-list {
    padding-right: 0;
    padding-left: initial;
    list-style: none
}

.list-group {
    padding-right: 0;
    padding-left: initial
}

.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child {
    border-top-right-radius: 3px;
    border-top-left-radius: 0
}

.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 0
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius: 3px;
    border-top-right-radius: 0
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
    border-bottom-right-radius: 3px;
    border-top-left-radius: 0
}

.panel>.table-bordered>thead>tr>th:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,
.panel>.table-bordered>tbody>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
.panel>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-bordered>thead>tr>td:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
.panel>.table-bordered>tbody>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
.panel>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child {
    border-right: 0;
    border-left: none
}

.panel>.table-bordered>thead>tr>th:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,
.panel>.table-bordered>tbody>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
.panel>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-bordered>thead>tr>td:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
.panel>.table-bordered>tbody>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
.panel>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child {
    border-right: none;
    border-left: 0
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object {
    right: 0;
    left: auto
}

.close {
    float: left
}

.modal-footer {
    text-align: left
}

.modal-footer.flip {
    text-align: right
}

.modal-footer .btn+.btn {
    margin-left: auto;
    margin-right: 5px
}

.modal-footer .btn-group .btn+.btn {
    margin-right: -1px;
    margin-left: auto
}

.modal-footer .btn-block+.btn-block {
    margin-right: 0;
    margin-left: auto
}

.popover {
    left: auto;
    text-align: right
}

.popover.top>.arrow {
    right: 50%;
    left: auto;
    margin-right: -11px;
    margin-left: auto
}

.popover.top>.arrow:after {
    margin-right: -10px;
    margin-left: auto
}

.popover.bottom>.arrow {
    right: 50%;
    left: auto;
    margin-right: -11px;
    margin-left: auto
}

.popover.bottom>.arrow:after {
    margin-right: -10px;
    margin-left: auto
}

.carousel-control {
    right: 0;
    bottom: 0
}

.carousel-control.left {
    right: auto;
    left: 0;
    background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0), color-stop(rgba(0, 0, 0, 0.0001) 100%));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
}

.carousel-control.right {
    left: auto;
    right: 0;
    background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0), color-stop(rgba(0, 0, 0, 0.5) 100%));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
}

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
    left: 50%;
    right: auto;
    margin-right: -10px
}

.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
    right: 50%;
    left: auto;
    margin-left: -10px
}

.carousel-indicators {
    right: 50%;
    left: 0;
    margin-right: -30%;
    margin-left: 0;
    padding-left: 0
}

@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        margin-left: 0;
        margin-right: -15px
    }
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        margin-left: 0;
        margin-right: -15px
    }
    .carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px
    }
}

.pull-right.flip {
    float: left !important
}

.pull-left.flip {
    float: right !important
}

@font-face {
    font-family: "Tara";
    font-style: light;
    font-weight: 300;
    src: url("../fonts/Tara-Light.eot?") format("eot"), url("../fonts/Tara-Light.svg#Tara") format("svg"), url("../fonts/Tara-Light.woff") format("woff")
}

@font-face {
    font-family: "Tara";
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/Tara-Regular.eot?") format("eot"), url("../fonts/Tara-Regular.svg#Tara") format("svg"), url("../fonts/Tara-Regular.woff") format("woff")
}

@font-face {
    font-family: "Tara";
    font-style: bold;
    font-weight: 700;
    src: url("../fonts/Tara-Bold.eot?") format("eot"), url("../fonts/Tara-Bold.svg#Tara") format("svg"), url("../fonts/Tara-Bold.woff") format("woff")
}

@font-face {
    font-family: "karnaf";
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/karnaflightwebfont.eot?") format("eot"), url("../fonts/karnaflightwebfont.svg#karnaf") format("svg"), url("../fonts/karnaflightwebfont.ttf") format("truetype"), url("../fonts/karnaflightwebfont.woff") format("woff")
}

@keyframes bounce {
    from {
        transform: translateY(0px)
    }
    to {
        transform: translateY(-15px)
    }
}

@-webkit-keyframes bounce {
    from {
        transform: translateY(0px)
    }
    to {
        transform: translateY(-15px)
    }
}

body {
    direction: rtl;
    margin: 0;
    padding: 0;
    background-color: #dddddd;
    font-family: 'Tara', 'Roboto', sans-serif
}

.container-fluid {
    margin: 0;
    padding: 0;
    max-width: 1920px
}

body::-webkit-scrollbar {
    width: 1em
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3)
}

body::-webkit-scrollbar-thumb {
    background-color: #1a2d68;
    outline: 1px solid slategrey
}

body.menu-active a._bars .hamburger {
    display: none
}

body.menu-active a._bars .x {
    display: block
}

body.menu-active #float_menu {
    right: 0;
    opacity: 1;
    visibility: visible;
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
    position: absolute;
    width: 32pt;
    height: 4.5pt;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform;
    border-radius: 4px;
    background-color: #26386d
}

a._bars {
    position: fixed;
    top: 0;
    right: 13pt;
    color: #1a2d68;
    z-index: 991;
    text-decoration: none
}

@media (max-width: 1025px) {
    a._bars {
        padding: 10pt 8pt;
        right: 0
    }
}

a._bars .hamburger {
    display: block
}

@media (max-width: 1025px) {
    a._bars .hamburger {
        width: 10vw
    }
}

a._bars .x {
    display: none
}

@media (max-width: 1025px) {
    a._bars .x {
        width: 8vw
    }
}

#float_menu {
    position: fixed;
    z-index: 990;
    height: 100vh;
    width: 400px;
    right: -400px;
    transition: 1s all;
    opacity: 0;
    visibility: hidden;
}

@media (max-width: 1025px) {
    #float_menu {
        width: 65vw;
        right: -65vw
    }
}

#float_menu img {
    transition: .3s
}

#float_menu #float_menu_inner {
    background: rgba(255, 255, 255, 0.909804);
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

#float_menu #float_menu_inner ul.list-unstyled {
    position: absolute;
    top: 10%;
    right: 10%
}

@media (max-width: 1025px) {
    #float_menu #float_menu_inner ul.list-unstyled {
        right: 5vw;
        top: 20vw
    }
}

#float_menu #float_menu_inner ul.list-unstyled li a {
    color: #1a2d68;
    text-decoration: none;
    font-size: 30pt;
    font-size: 23pt;
    font-weight: 100;
    /*outline: none*/
}

#float_menu #float_menu_inner ul.list-unstyled li a .fa-chevron-left {
    font-size: 20pt
}

@media (max-width: 1025px) {
    #float_menu #float_menu_inner ul.list-unstyled li a .fa-chevron-left {
        font-size: 5vw
    }
}

@media (max-width: 1025px) {
    #float_menu #float_menu_inner ul.list-unstyled li a {
        font-size: 7vw;
        font-size: 5vw
    }
}

#float_menu #float_menu_inner ul.list-unstyled li.open {
    transition: .3s all
}


#float_menu #float_menu_inner ul.list-unstyled li.open > a .fa {
    transform: rotate(270deg)
}

#float_menu #float_menu_inner ul.list-unstyled .dropdown-submenu li{
    margin-right: 7%;
}

#float_menu #float_menu_inner ul.list-unstyled li .dropdown-menu {
    position: inherit;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: none;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: right;
    list-style: none;
    background: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 0px;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0px 0px 0px 0px
}

#float_menu #float_menu_inner ul.list-unstyled li .dropdown-menu a {
    color: #332f2f;
    font-size: 20pt
}

#float_menu #float_menu_inner ul.list-unstyled li .dropdown-menu a:hover {
    background: none
}

._logo {
    position: absolute;
    left: 2%;
    top: 0;
    z-index: 2
}

._logo img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto
}

@media (max-width: 1025px) {
    ._logo img {
        max-width: 70%
    }
}

@media (max-width: 1480px) and (min-width: 960px) {
    ._logo img {
        max-width: 75%
    }
}

@media (max-width: 1281px) and (min-width: 960px) {
    ._logo {
        width: 12%
    }
}

@media (max-width: 1025px) {
    ._logo {
        left: 0vw;
        top: 2.5vw;
        width: 25vw
    }
}

@media (max-width: 1025px) {
    ._logo img {
        max-width: 100%
    }
}

.home-page ._glila,
.page-template-index ._glila {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    animation: bounce 1s infinite alternate;
    -webkit-animation: bounce 1s infinite alternate;
    z-index: 1
}

@media (max-width: 1025px) {
    .home-page ._glila,
    .page-template-index ._glila {
        bottom: 1vh
    }
}

@media (max-width: 1025px) and (max-width: 1025px) {
    .home-page ._glila img,
    .page-template-index ._glila img {
        max-width: 15vw
    }
}

.home-page #step_1,
.page-template-index #step_1 {
    background-image: url(../images/239619_Tara_home_page_BF.jpg);
    min-height: 900px;
    max-height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    position: relative
}

@media (max-width: 1480px) and (min-width: 960px) {
    .home-page #step_1,
    .page-template-index #step_1 {
        min-height: auto;
        height: 100vh
    }
}

@media (max-width: 1025px) {
    .home-page #step_1,
    .page-template-index #step_1 {
        background-image: url(../images/mobile/page-1.jpg);
        min-height: auto;
        height: 152vw;
        max-height: 1000vw;
        overflow-x: hidden
    }
}

.home-page #step_1 .play-button,
.page-template-index #step_1 .play-button {
    height: 38%;
    width: 30%;
    position: absolute;
    top: 16%;
    right: 38%;
    outline: none
}

@media (max-width: 1680px) and (min-width: 1050px) {
    .home-page #step_1 .play-button,
    .page-template-index #step_1 .play-button {
        height: 33%;
        top: 14%
    }
}

@media (max-width: 1480px) and (min-width: 960px) {
    .home-page #step_1 .play-button,
    .page-template-index #step_1 .play-button {
        height: 38%;
        width: 31%;
        top: 14%;
        right: 38%
    }
}

@media (max-width: 1281px) and (min-width: 960px) {
    .home-page #step_1 .play-button,
    .page-template-index #step_1 .play-button {
        width: 41%;
        right: 34%
    }
}

@media (max-width: 1025px) {
    .home-page #step_1 .play-button,
    .page-template-index #step_1 .play-button {
        height: 53vw;
        width: 90vw;
        top: 23vw;
        left: 0;
        margin: 0 auto;
        right: 0
    }
}

.home-page #step_1 ._table,
.page-template-index #step_1 ._table {
    position: absolute;
    left: 1%;
    bottom: 0;
    overflow: hidden;
    height: 49%
}

@media (max-width: 1680px) and (min-width: 1050px) {
    .home-page #step_1 ._table,
    .page-template-index #step_1 ._table {
        height: 57%;
        left: -3%
    }
    .home-page #step_1 ._table img,
    .page-template-index #step_1 ._table img {
        max-width: 85%
    }
}

@media (max-width: 1480px) and (min-width: 960px) {
    .home-page #step_1 ._table,
    .page-template-index #step_1 ._table {
        height: 46%;
        left: 4%
    }
    .home-page #step_1 ._table img,
    .page-template-index #step_1 ._table img {
        max-width: 60%;
        float: left
    }
}

@media (max-width: 1281px) and (min-width: 960px) {
    .home-page #step_1 ._table,
    .page-template-index #step_1 ._table {
        height: 54%;
        left: 2%
    }
    .home-page #step_1 ._table img,
    .page-template-index #step_1 ._table img {
        max-width: 60%;
        float: left
    }
}

@media (max-width: 1025px) {
    .home-page #step_1 ._table,
    .page-template-index #step_1 ._table {
        left: -18vw;
        height: 60vw
    }
}

@media (max-width: 1025px) and (max-width: 1025px) {
    .home-page #step_1 ._table img,
    .page-template-index #step_1 ._table img {
        max-width: 70vw
    }
}






.home-page #step_1 ._button_1,
.home-page #step_1 ._button_2,
.page-template-index #step_1 ._button_1,
.page-template-index #step_1 ._button_2 {
    text-align: center;
    background-color: #fff;
    position: absolute;
    max-width: 350px;
    padding: 4pt 15pt;
    transition: .3s
}

.home-page #step_1 ._button_1:hover,
.home-page #step_1 ._button_2:hover,
.page-template-index #step_1 ._button_1:hover,
.page-template-index #step_1 ._button_2:hover {
    opacity: .7
}






@media (max-width: 1281px) and (min-width: 960px) {
    .home-page #step_1 ._button_1,
    .home-page #step_1 ._button_2,
    .page-template-index #step_1 ._button_1,
    .page-template-index #step_1 ._button_2 {
        padding: 4pt 9pt
    }
}

@media (max-width: 1025px) {
    .home-page #step_1 ._button_1,
    .home-page #step_1 ._button_2,
    .page-template-index #step_1 ._button_1,
    .page-template-index #step_1 ._button_2 {
        display: none
    }

    .home-page #step_1 ._button_2,
    .page-template-index #step_1 ._button_2 {
        display: block;
    }    

    .home-page #step_1 ._button_1,
    .page-template-index #step_1 ._button_1 {
        display: block;
        right: 3vw !important;
        right: -5vw !important;
        top: 137vw !important;
        top: 7vw !important;
        z-index: 1;
        width: 68vw;
        width: 50vw;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 60vw;
        top: 4vw !important;
        right: -8vw !important;
    }   





    /*only for shavuot*/
/*    .home-page #step_1 ._button_3, .page-template-index #step_1 ._button_3 {
        display: block;
        right: 0vw !important;
        top: 12vw !important;
        width: 22vw;
    }*/

    /*only for shavuot*/
/*    .home-page #step_1 ._button_3 img,
    .page-template-index #step_1 ._button_3 img {
        max-width: 100%;
        height: auto;
        display: block;
    } */


    /*only for shavuot*/
/*    .home-page #step_1 ._button_2, .page-template-index #step_1 ._button_2 {
        width: auto;
        right: 50vw !important;
        top: 12vw;
        padding: 1vw 1vw;
    }*/

    /*only for shavuot*/
/*    .home-page #step_1 ._button_1, .page-template-index #step_1 ._button_1 {
        display: block;
        right: 23.5vw !important;
        top: 12vw !important;
        padding: 1vw 1vw;
    }*/

}

.home-page #step_1 ._button_1 a,
.home-page #step_1 ._button_2 a,
.page-template-index #step_1 ._button_1 a,
.page-template-index #step_1 ._button_2 a {
    font-weight: bold;
    color: #1a2d68;
    margin: 0;
    padding: 4pt 0;
    font-size: 26pt;
    line-height: .9;
    text-decoration: none;
    display: block
}





.home-page #step_1 ._button_1 a .red,
.home-page #step_1 ._button_2 a .red,
.page-template-index #step_1 ._button_1 a .red,
.page-template-index #step_1 ._button_2 a .red {
    color: #691313
}

@media (max-width: 1480px) and (min-width: 960px) {
    .home-page #step_1 ._button_1 a,
    .home-page #step_1 ._button_2 a,
    .page-template-index #step_1 ._button_1 a,
    .page-template-index #step_1 ._button_2 a {
        font-size: 20pt
    }
}

.home-page #step_1 ._button_1,
.page-template-index #step_1 ._button_1 {
    position: absolute;
    right: initial;
    right: 60.2%;
    top: 2%
}


.home-page #step_1 ._button_3,
.page-template-index #step_1 ._button_3 {
    position: absolute;
    right: initial;
    right: 46.2%;
    top: 1.2%;
}





.page-template-index #step_1 ._button_1{
    right: 48%;
    right: 65%;
    background-color: #1a2d68;
    background-color: #fff;
    background: none;
    right: 70%;
    /*display: none;*/
}



.page-template-index #step_1 ._button_1 a{
    font-size: 18pt;
    color: #fff;
    color: #1a2d68;
}

.page-template-index #step_1 ._button_1 a span{
    color: #5b944d;
}


.page-template-index #step_1 ._button_1 img{
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}




@media (max-width: 1680px) and (min-width: 1050px) {
    .home-page #step_1 ._button_1,
    .page-template-index #step_1 ._button_1 {
        right: 40%;
        right: 65%
    }

    .home-page #step_1 ._button_3, .page-template-index #step_1 ._button_3 {
        right: 39.2%;
    }
}

@media (max-width: 1480px) and (min-width: 960px) {
    .home-page #step_1 ._button_1,
    .page-template-index #step_1 ._button_1 {
        right: 56.5%
    }

    .page-template-index #step_1 ._button_1 a {
        font-size: 15pt;
        color: #1a2d68;
        padding: 1pt 30pt;
    }



    .home-page #step_1 ._button_3, .page-template-index #step_1 ._button_3 {
        right: 35.2%;
    }
}

.home-page #step_1 ._button_2,
.page-template-index #step_1 ._button_2 {
    position: absolute;
    right: initial;
    right: 68%;
    /*display: none;*/
    top: 2%;
    display:none;
}

@media (max-width: 1025px) {


    .home-page #step_1 ._button_2,
    .page-template-index #step_1 ._button_2 {
        width: auto;
       right: 31vw;
    top: 10vw;

       right: 28vw;
    top: 137vw;
    z-index: 1;
/*display: none;*/
    }

    .home-page #step_1 ._button_1 a, .home-page #step_1 ._button_2 a, .page-template-index #step_1 ._button_1 a, .page-template-index #step_1 ._button_2 a{
        padding:0;
        font-size: 4vw;
    }
}



@media (max-width: 1680px) and (min-width: 1050px) {
    .home-page #step_1 ._button_2,
    .page-template-index #step_1 ._button_2 {
        right: 63%
    }
}

@media (max-width: 1480px) and (min-width: 960px) {
    .home-page #step_1 ._button_2,
    .page-template-index #step_1 ._button_2 {
        right: 62%
    }
}

.home-page #step_1 ._ketem,
.page-template-index #step_1 ._ketem {
    position: absolute;
    top: 32%;
    right: 1.5%;
    background-image: url("../images/Vector Smart Object-4.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 550px;
    height: 400px
}

@media (max-width: 1480px) and (min-width: 960px) {
    .home-page #step_1 ._ketem,
    .page-template-index #step_1 ._ketem {
        width: 475px;
        height: 345px
    }
}

@media (max-width: 1281px) and (min-width: 960px) {
    .home-page #step_1 ._ketem,
    .page-template-index #step_1 ._ketem {
        width: 435px;
        height: 315px
    }

    .home-page #step_1 ._button_3, .page-template-index #step_1 ._button_3 {
        right: 34.2%;
    }


}

@media (max-width: 1025px) {
    .home-page #step_1 ._ketem,
    .page-template-index #step_1 ._ketem {
        top: 80vw;
        right: 2.5vw;
        width: 75vw;
        height: 54vw
    }
}

.home-page #step_1 ._ketem h1,
.page-template-index #step_1 ._ketem h1 {
    color: #fff;
    position: absolute;
    right: 11%;
    top: 20%;
    font-weight: normal;
    font-size: 43pt;
    line-height: .8
}

@media (max-width: 1480px) and (min-width: 960px) {
    .home-page #step_1 ._ketem h1,
    .page-template-index #step_1 ._ketem h1 {
        font-size: 40pt
    }
}

@media (max-width: 1281px) and (min-width: 960px) {
    .home-page #step_1 ._ketem h1,
    .page-template-index #step_1 ._ketem h1 {
        font-size: 35pt
    }
}

@media (max-width: 1025px) {
    .home-page #step_1 ._ketem h1,
    .page-template-index #step_1 ._ketem h1 {
        right: 7vw;
        top: 9vw;
        font-size: 7.5vw
    }
}

.home-page #step_1 ._ketem p,
.page-template-index #step_1 ._ketem p {
    color: #fff;
    position: absolute;
    right: 11%;
    top: 53%;
    font-weight: lighter;
    font-size: 20pt;
    line-height: 1.1
}

@media (max-width: 1480px) and (min-width: 960px) {
    .home-page #step_1 ._ketem p,
    .page-template-index #step_1 ._ketem p {
        font-size: 18pt;
        top: 55%
    }
}

@media (max-width: 1281px) and (min-width: 960px) {
    .home-page #step_1 ._ketem p,
    .page-template-index #step_1 ._ketem p {
        font-size: 16pt
    }
}

@media (max-width: 1025px) {
    .home-page #step_1 ._ketem p,
    .page-template-index #step_1 ._ketem p {
        right: 8vw;
        top: 27vw;
        font-size: 3.5vw
    }
}

.home-page #step_1 ._light,
.page-template-index #step_1 ._light {
    position: absolute;
    right: 6%
}

@media (max-width: 1480px) and (min-width: 960px) {
    .home-page #step_1 ._light,
    .page-template-index #step_1 ._light {
        text-align: center;
        right: 11%;
    }
    .home-page #step_1 ._light img,
    .page-template-index #step_1 ._light img {
        max-width: 70%
    }
}

@media (max-width: 1025px) {
    .home-page #step_1 ._light,
    .page-template-index #step_1 ._light {
        top: -4vw;
        right: 0;
        left: 0;
        display:none;
        text-align: center
    }
    .home-page #step_1 ._light img,
    .page-template-index #step_1 ._light img {
        max-width: 100%;
        height: auto;
        display: block;
        margin: 0 auto;
        width: 30vw
    }
}

@media (max-width: 1025px) and (max-width: 1025px) {
    .home-page #step_1 ._light img,
    .page-template-index #step_1 ._light img {
        max-width: 70%
    }
}

.home-page #step_2,
.page-template-index #step_2 {
    background-image: url(../images/page-2-copy.jpg);
    min-height: 900px;
    max-height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    position: relative;
    overflow: hidden
}

@media (max-width: 1025px) {
    .home-page #step_2,
    .page-template-index #step_2 {
        background-image: url(../images/mobile/page-2.jpg);
        min-height: auto;
        height: 122vw;
        max-height: 1000vw;
        background-attachment: inherit
    }
}

.home-page #step_2 ._ketem,
.page-template-index #step_2 ._ketem {
    height: 250pt;
    width: 33%;
    right: 51%;
    position: absolute;
    z-index: 1
}

@media (max-width: 1480px) and (min-width: 960px) {
    .home-page #step_2 ._ketem,
    .page-template-index #step_2 ._ketem {
        width: 48%
    }
}

@media (max-width: 1281px) and (min-width: 960px) {
    .home-page #step_2 ._ketem,
    .page-template-index #step_2 ._ketem {
        width: 48%
    }
}

@media (max-width: 1025px) {
    .home-page #step_2 ._ketem,
    .page-template-index #step_2 ._ketem {
        height: 42vw;
        width: 60vw;
        right: 38vw
    }
}

.home-page #step_2 ._ketem h2,
.page-template-index #step_2 ._ketem h2 {
    color: #fff;
    position: absolute;
    right: 11%;
    top: 25%;
    font-weight: normal;
    font-size: 43pt;
    line-height: .8
}

@media (max-width: 1480px) and (min-width: 960px) {
    .home-page #step_2 ._ketem h2,
    .page-template-index #step_2 ._ketem h2 {
        font-size: 40pt
    }
}

@media (max-width: 1281px) and (min-width: 960px) {
    .home-page #step_2 ._ketem h2,
    .page-template-index #step_2 ._ketem h2 {
        font-size: 35pt
    }
}

@media (max-width: 1025px) {
    .home-page #step_2 ._ketem h2,
    .page-template-index #step_2 ._ketem h2 {
        right: 7vw;
        top: 9vw;
        font-size: 7.5vw
    }
}

.home-page #step_2 ._ketem p,
.page-template-index #step_2 ._ketem p {
    color: #fff;
    position: absolute;
    right: 11%;
    top: 53%;
    font-weight: lighter;
    font-size: 20pt;
    line-height: 1.1
}

@media (max-width: 1480px) and (min-width: 960px) {
    .home-page #step_2 ._ketem p,
    .page-template-index #step_2 ._ketem p {
        font-size: 18pt;
        top: 55%
    }
}

@media (max-width: 1281px) and (min-width: 960px) {
    .home-page #step_2 ._ketem p,
    .page-template-index #step_2 ._ketem p {
        font-size: 16pt
    }
}

@media (max-width: 1025px) {
    .home-page #step_2 ._ketem p,
    .page-template-index #step_2 ._ketem p {
        right: 8vw;
        top: 27vw;
        font-size: 3.5vw
    }
}

.home-page #step_2 ._ketem h2,
.page-template-index #step_2 ._ketem h2 {
    right: 30%;
    top: 2%
}

@media (max-width: 1480px) and (min-width: 960px) {
    .home-page #step_2 ._ketem h2,
    .page-template-index #step_2 ._ketem h2 {
        right: 28%
    }
}

@media (max-width: 1281px) and (min-width: 960px) {
    .home-page #step_2 ._ketem h2,
    .page-template-index #step_2 ._ketem h2 {
        right: 34%
    }
}

@media (max-width: 1025px) {
    .home-page #step_2 ._ketem h2,
    .page-template-index #step_2 ._ketem h2 {
        right: 13.5vw;
        top: 1vw;
        font-size: 6.5vw
    }
}

.home-page #step_2 ._ketem p,
.page-template-index #step_2 ._ketem p {
    right: 30%;
    top: 23%;
    font-size: 26pt;
    text-align: left
}

@media (max-width: 1025px) {
    .home-page #step_2 ._ketem p,
    .page-template-index #step_2 ._ketem p {
        right: 13vw;
        top: 12vw;
        font-size: 4vw;
        text-align: left
    }
}

.home-page #step_2 ._title,
.page-template-index #step_2 ._title {
    direction: ltr;
    top: 23%;
    right: 2%;
    position: absolute;
    right: 5%;
    top: 23%
}

@media (max-width: 1680px) and (min-width: 1050px) {
    .home-page #step_2 ._title,
    .page-template-index #step_2 ._title {
        top: 8%
    }
}

@media (max-width: 1480px) and (min-width: 960px) {
    .home-page #step_2 ._title,
    .page-template-index #step_2 ._title {
        top: 8%
    }
}

@media (max-width: 1281px) and (min-width: 960px) {
    .home-page #step_2 ._title,
    .page-template-index #step_2 ._title {
        top: 8%
    }
}

@media (max-width: 1025px) {
    .home-page #step_2 ._title,
    .page-template-index #step_2 ._title {
        top: 53vw
    }
}

.home-page #step_2 ._title h2,
.page-template-index #step_2 ._title h2 {
    font-family:  'Roboto';
    font-size: 90pt;
    color: #0ea836;
    margin: 0;
    line-height: .91;
    font-weight: bold
}

@media (max-width: 1680px) and (min-width: 1050px) {
    .home-page #step_2 ._title h2,
    .page-template-index #step_2 ._title h2 {
        font-size: 95pt
    }
}

@media (max-width: 1480px) and (min-width: 960px) {
    .home-page #step_2 ._title h2,
    .page-template-index #step_2 ._title h2 {
        font-size: 75pt
    }
}

@media (max-width: 1281px) and (min-width: 960px) {
    .home-page #step_2 ._title h2,
    .page-template-index #step_2 ._title h2 {
        font-size: 65pt
    }
}

@media (max-width: 1025px) {
    .home-page #step_2 ._title h2,
    .page-template-index #step_2 ._title h2 {
        font-size: 15vw;
        line-height: 1
    }
}

.home-page #step_2 ._title h3,
.page-template-index #step_2 ._title h3 {
    background-color: #0ea836;
    color: #fff;
    display: inline-block;
    font-size: 34pt;
    padding: 6pt 12pt;
    margin: 0;
    margin-left: 2%;
    direction: rtl
}

.home-page #step_2 ._title h3 a,
.page-template-index #step_2 ._title h3 a {
    color: #fff;
    text-decoration: none;
    outline: none
}

@media (max-width: 1480px) and (min-width: 960px) {
    .home-page #step_2 ._title h3,
    .page-template-index #step_2 ._title h3 {
        font-size: 23pt
    }
}

@media (max-width: 1281px) and (min-width: 960px) {
    .home-page #step_2 ._title h3,
    .page-template-index #step_2 ._title h3 {
        font-size: 18pt
    }
}

@media (max-width: 1025px) {
    .home-page #step_2 ._title h3,
    .page-template-index #step_2 ._title h3 {
        font-size: 5vw
    }
}

.home-page #step_2 ._title h2,
.page-template-index #step_2 ._title h2 {
    text-shadow: 1px 1px 20px #fff
}

.home-page #step_3,
.page-template-index #step_3 {
    background-image: url(../images/page-3-copy.jpg);
    min-height: 900px;
    max-height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    position: relative;
    overflow: hidden
}

@media (max-width: 1025px) {
    .home-page #step_3,
    .page-template-index #step_3 {
        background-image: url(../images/mobile/page-3.jpg);
        min-height: auto;
        height: 105vw;
        max-height: 1000vw;
        background-attachment: inherit
    }
}

.home-page #step_3 ._ketem,
.page-template-index #step_3 ._ketem {
    height: 285pt;
    width: 35%;
    right: 1%;
    background-image: url(../images/ketem3.png);
    position: absolute;
    background-repeat: no-repeat;
    top: -5%;
    position: absolute;
    z-index: 1
}

@media (max-width: 1281px) and (min-width: 960px) {
    .home-page #step_3 ._ketem,
    .page-template-index #step_3 ._ketem {
        width: 52% !important
    }
}

@media (max-width: 1025px) {
    .home-page #step_3 ._ketem,
    .page-template-index #step_3 ._ketem {
        background-image: url(../images/mobile/ketem3.png);
        background-size: contain;
        width: 64vw;
        height: 53vw;
        bottom: -21vw;
        top: auto;
        right: -6vw
    }
}

.home-page #step_3 ._ketem h2,
.page-template-index #step_3 ._ketem h2 {
    color: #fff;
    position: absolute;
    right: 11%;
    top: 25%;
    font-weight: normal;
    font-size: 43pt;
    line-height: .8
}

@media (max-width: 1480px) and (min-width: 960px) {
    .home-page #step_3 ._ketem h2,
    .page-template-index #step_3 ._ketem h2 {
        font-size: 40pt
    }
}

@media (max-width: 1281px) and (min-width: 960px) {
    .home-page #step_3 ._ketem h2,
    .page-template-index #step_3 ._ketem h2 {
        font-size: 35pt
    }
}

@media (max-width: 1025px) {
    .home-page #step_3 ._ketem h2,
    .page-template-index #step_3 ._ketem h2 {
        right: 7vw;
        top: 9vw;
        font-size: 7.5vw
    }
}

.home-page #step_3 ._ketem p,
.page-template-index #step_3 ._ketem p {
    color: #fff;
    position: absolute;
    right: 11%;
    top: 53%;
    font-weight: lighter;
    font-size: 20pt;
    line-height: 1.1
}

@media (max-width: 1480px) and (min-width: 960px) {
    .home-page #step_3 ._ketem p,
    .page-template-index #step_3 ._ketem p {
        font-size: 18pt;
        top: 55%
    }
}

@media (max-width: 1281px) and (min-width: 960px) {
    .home-page #step_3 ._ketem p,
    .page-template-index #step_3 ._ketem p {
        font-size: 16pt
    }
}

@media (max-width: 1025px) {
    .home-page #step_3 ._ketem p,
    .page-template-index #step_3 ._ketem p {
        right: 8vw;
        top: 27vw;
        font-size: 3.5vw
    }
}

.home-page #step_3 ._ketem h2,
.page-template-index #step_3 ._ketem h2 {
    right: 18%;
    top: 21%;
    font-size: 53pt
}

@media (max-width: 1025px) {
    .home-page #step_3 ._ketem h2,
    .page-template-index #step_3 ._ketem h2 {
        right: 13vw;
        top: 4vw;
        font-size: 6vw
    }
}

.home-page #step_3 ._ketem p,
.page-template-index #step_3 ._ketem p {
    right: 18%;
    top: 43%;
    font-size: 32pt;
    line-height: .9
}

@media (max-width: 1025px) {
    .home-page #step_3 ._ketem p,
    .page-template-index #step_3 ._ketem p {
        right: 13vw;
        top: 15vw;
        font-size: 4vw
    }
}

@media (max-width: 1680px) and (min-width: 1050px) {
    .home-page #step_3 ._ketem,
    .page-template-index #step_3 ._ketem {
        width: 42%
    }
}

@media (max-width: 1480px) and (min-width: 960px) {
    .home-page #step_3 ._ketem,
    .page-template-index #step_3 ._ketem {
        width: 48%
    }
}

@media (max-width: 1281px) and (min-width: 960px) {
    .home-page #step_3 ._ketem,
    .page-template-index #step_3 ._ketem {
        width: 53%
    }
}

.home-page #step_3 ._title,
.page-template-index #step_3 ._title {
    position: absolute;
    right: 5%;
    top: 23%;
    text-align: left;
    left: 5%;
    top: 7%
}

.home-page #step_3 ._title h2,
.page-template-index #step_3 ._title h2 {
    font-size: 90pt;
    font-family:  'Roboto';

    color: #0ea836;
    margin: 0;
    line-height: .91;
    font-weight: bold
}

@media (max-width: 1680px) and (min-width: 1050px) {
    .home-page #step_3 ._title h2,
    .page-template-index #step_3 ._title h2 {
        font-size: 95pt
    }
}

@media (max-width: 1480px) and (min-width: 960px) {
    .home-page #step_3 ._title h2,
    .page-template-index #step_3 ._title h2 {
        font-size: 75pt
    }
}

@media (max-width: 1281px) and (min-width: 960px) {
    .home-page #step_3 ._title h2,
    .page-template-index #step_3 ._title h2 {
        font-size: 65pt
    }
}

@media (max-width: 1025px) {
    .home-page #step_3 ._title h2,
    .page-template-index #step_3 ._title h2 {
        font-size: 15vw;
        line-height: 1
    }
}

.home-page #step_3 ._title h3,
.page-template-index #step_3 ._title h3 {
    background-color: #0ea836;
    color: #fff;
    display: inline-block;
    font-size: 34pt;
    padding: 6pt 12pt;
    margin: 0;
    margin-left: 2%;
    direction: rtl
}

.home-page #step_3 ._title h3 a,
.page-template-index #step_3 ._title h3 a {
    color: #fff;
    text-decoration: none;
    outline: none
}

@media (max-width: 1480px) and (min-width: 960px) {
    .home-page #step_3 ._title h3,
    .page-template-index #step_3 ._title h3 {
        font-size: 23pt
    }
}

@media (max-width: 1281px) and (min-width: 960px) {
    .home-page #step_3 ._title h3,
    .page-template-index #step_3 ._title h3 {
        font-size: 18pt
    }
}

@media (max-width: 1025px) {
    .home-page #step_3 ._title h3,
    .page-template-index #step_3 ._title h3 {
        font-size: 5vw
    }
}

.home-page #step_3 ._title h2,
.page-template-index #step_3 ._title h2 {
    direction: ltr
}

.home-page #step_3 ._title h3,
.page-template-index #step_3 ._title h3 {
    margin-left: 1%
}

.home-page #step_4,
.page-template-index #step_4 {
    background-image: url(../images/page-4-copy.jpg);
    min-height: 900px;
    max-height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    position: relative;
    overflow: hidden
}

@media (max-width: 1025px) {
    .home-page #step_4,
    .page-template-index #step_4 {
        background-image: url(../images/mobile/page-4.jpg);
        min-height: auto;
        height: 105vw;
        max-height: 1000vw;
        background-attachment: inherit
    }
}

.home-page #step_4 ._ketem,
.page-template-index #step_4 ._ketem {
    height: 336pt;
    width: 29%;
    right: 10%;
    background-image: url(../images/ketem4.png);
    position: absolute;
    background-repeat: no-repeat;
    top: -12%;
    position: absolute;
    position: absolute;
    z-index: 1
}

@media (max-width: 1480px) and (min-width: 960px) {
    .home-page #step_4 ._ketem,
    .page-template-index #step_4 ._ketem {
        width: 40% !important
    }
}

@media (max-width: 1025px) {
    .home-page #step_4 ._ketem,
    .page-template-index #step_4 ._ketem {
        background-size: contain;
        width: 53vw;
        height: 50vw;
        top: -15vw;
        right: 40vw
    }
}

.home-page #step_4 ._ketem h2,
.page-template-index #step_4 ._ketem h2 {
    color: #fff;
    position: absolute;
    right: 11%;
    top: 25%;
    font-weight: normal;
    font-size: 43pt;
    line-height: .8
}

@media (max-width: 1480px) and (min-width: 960px) {
    .home-page #step_4 ._ketem h2,
    .page-template-index #step_4 ._ketem h2 {
        font-size: 40pt
    }
}

@media (max-width: 1281px) and (min-width: 960px) {
    .home-page #step_4 ._ketem h2,
    .page-template-index #step_4 ._ketem h2 {
        font-size: 35pt
    }
}

@media (max-width: 1025px) {
    .home-page #step_4 ._ketem h2,
    .page-template-index #step_4 ._ketem h2 {
        right: 7vw;
        top: 9vw;
        font-size: 7.5vw
    }
}

.home-page #step_4 ._ketem p,
.page-template-index #step_4 ._ketem p {
    color: #fff;
    position: absolute;
    right: 11%;
    top: 53%;
    font-weight: lighter;
    font-size: 20pt;
    line-height: 1.1
}

@media (max-width: 1480px) and (min-width: 960px) {
    .home-page #step_4 ._ketem p,
    .page-template-index #step_4 ._ketem p {
        font-size: 18pt;
        top: 55%
    }
}

@media (max-width: 1281px) and (min-width: 960px) {
    .home-page #step_4 ._ketem p,
    .page-template-index #step_4 ._ketem p {
        font-size: 16pt
    }
}

@media (max-width: 1025px) {
    .home-page #step_4 ._ketem p,
    .page-template-index #step_4 ._ketem p {
        right: 8vw;
        top: 27vw;
        font-size: 3.5vw
    }
}

.home-page #step_4 ._ketem h2,
.page-template-index #step_4 ._ketem h2 {
    right: 18%;
    top: 37%;
    font-size: 53pt
}

@media (max-width: 1281px) and (min-width: 960px) {
    .home-page #step_4 ._ketem h2,
    .page-template-index #step_4 ._ketem h2 {
        top: 13.5vw !important
    }
}

@media (max-width: 1025px) {
    .home-page #step_4 ._ketem h2,
    .page-template-index #step_4 ._ketem h2 {
        right: 8vw;
        top: 16.5vw;
        font-size: 6vw
    }
}

.home-page #step_4 ._ketem p,
.page-template-index #step_4 ._ketem p {
    right: 18%;
    top: 55%;
    font-size: 32pt;
    line-height: .9
}

@media (max-width: 1025px) {
    .home-page #step_4 ._ketem p,
    .page-template-index #step_4 ._ketem p {
        right: 8vw;
        top: 26vw;
        font-size: 4vw
    }
}

@media (max-width: 1680px) and (min-width: 1050px) {
    .home-page #step_4 ._ketem,
    .page-template-index #step_4 ._ketem {
        width: 33%
    }
}

@media (max-width: 1480px) and (min-width: 960px) {
    .home-page #step_4 ._ketem,
    .page-template-index #step_4 ._ketem {
        width: 42%;
        right: 2%
    }
}

@media (max-width: 1281px) and (min-width: 960px) {
    .home-page #step_4 ._ketem,
    .page-template-index #step_4 ._ketem {
        width: 45%
    }
}

.home-page #step_4 ._title,
.page-template-index #step_4 ._title {
    position: absolute;
    right: 5%;
    top: 23%;
    text-align: left;
    left: 21%;
    top: 6%
}

.home-page #step_4 ._title h2,
.page-template-index #step_4 ._title h2 {
    font-size: 90pt;
    font-family:  'Roboto';

    color: #0ea836;
    margin: 0;
    line-height: .91;
    font-weight: bold
}

@media (max-width: 1680px) and (min-width: 1050px) {
    .home-page #step_4 ._title h2,
    .page-template-index #step_4 ._title h2 {
        font-size: 95pt
    }
}

@media (max-width: 1480px) and (min-width: 960px) {
    .home-page #step_4 ._title h2,
    .page-template-index #step_4 ._title h2 {
        font-size: 75pt
    }
}

@media (max-width: 1281px) and (min-width: 960px) {
    .home-page #step_4 ._title h2,
    .page-template-index #step_4 ._title h2 {
        font-size: 65pt
    }
}

@media (max-width: 1025px) {
    .home-page #step_4 ._title h2,
    .page-template-index #step_4 ._title h2 {
        font-size: 15vw;
        line-height: 1
    }
}

.home-page #step_4 ._title h3,
.page-template-index #step_4 ._title h3 {
    background-color: #0ea836;
    color: #fff;
    display: inline-block;
    font-size: 34pt;
    padding: 6pt 12pt;
    margin: 0;
    margin-left: 2%;
    direction: rtl
}

.home-page #step_4 ._title h3 a,
.page-template-index #step_4 ._title h3 a {
    color: #fff;
    text-decoration: none;
    outline: none
}

@media (max-width: 1480px) and (min-width: 960px) {
    .home-page #step_4 ._title h3,
    .page-template-index #step_4 ._title h3 {
        font-size: 23pt
    }
}

@media (max-width: 1281px) and (min-width: 960px) {
    .home-page #step_4 ._title h3,
    .page-template-index #step_4 ._title h3 {
        font-size: 18pt
    }
}

@media (max-width: 1025px) {
    .home-page #step_4 ._title h3,
    .page-template-index #step_4 ._title h3 {
        font-size: 5vw
    }
}

@media (max-width: 1025px) {
    .home-page #step_4 ._title,
    .page-template-index #step_4 ._title {
        right: 2vw;
        left: auto;
        top: 65vw
    }
}

.home-page #step_4 ._title h2,
.page-template-index #step_4 ._title h2 {
    direction: ltr;
    font-size: 100pt
}

@media (max-width: 1480px) and (min-width: 960px) {
    .home-page #step_4 ._title h2,
    .page-template-index #step_4 ._title h2 {
        font-size: 75pt
    }
}

@media (max-width: 1281px) and (min-width: 960px) {
    .home-page #step_4 ._title h2,
    .page-template-index #step_4 ._title h2 {
        font-size: 65pt
    }
}

@media (max-width: 1025px) {
    .home-page #step_4 ._title h2,
    .page-template-index #step_4 ._title h2 {
        font-size: 15vw
    }
}

.home-page #step_4 ._title h3,
.page-template-index #step_4 ._title h3 {
    margin-left: .6%
}

.home-page #step_5,
.page-template-index #step_5 {
    background-image: url(../images/page-5-copy.jpg);
    min-height: 900px;
    max-height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    position: relative;
    overflow: hidden
}

@media (max-width: 1025px) {
    .home-page #step_5,
    .page-template-index #step_5 {
        background-image: url(../images/mobile/page-5.jpg);
        min-height: auto;
        height: 105vw;
        max-height: 1000vw;
        background-attachment: inherit
    }
}

.home-page #step_5 ._title,
.page-template-index #step_5 ._title {
    position: absolute;
    right: 5%;
    top: 23%;
    top: 8%
}

.home-page #step_5 ._title h2,
.page-template-index #step_5 ._title h2 {
    font-size: 90pt;
    font-family:  'Roboto';

    color: #0ea836;
    margin: 0;
    line-height: .91;
    font-weight: bold
}

@media (max-width: 1680px) and (min-width: 1050px) {
    .home-page #step_5 ._title h2,
    .page-template-index #step_5 ._title h2 {
        font-size: 95pt
    }
}

@media (max-width: 1480px) and (min-width: 960px) {
    .home-page #step_5 ._title h2,
    .page-template-index #step_5 ._title h2 {
        font-size: 75pt
    }
}

@media (max-width: 1281px) and (min-width: 960px) {
    .home-page #step_5 ._title h2,
    .page-template-index #step_5 ._title h2 {
        font-size: 65pt
    }
}

@media (max-width: 1025px) {
    .home-page #step_5 ._title h2,
    .page-template-index #step_5 ._title h2 {
        font-size: 15vw;
        line-height: 1
    }
}

.home-page #step_5 ._title h3,
.page-template-index #step_5 ._title h3 {
    background-color: #0ea836;
    color: #fff;
    display: inline-block;
    font-size: 34pt;
    padding: 6pt 12pt;
    margin: 0;
    margin-left: 2%;
    direction: rtl
}

.home-page #step_5 ._title h3 a,
.page-template-index #step_5 ._title h3 a {
    color: #fff;
    text-decoration: none;
    outline: none
}

@media (max-width: 1480px) and (min-width: 960px) {
    .home-page #step_5 ._title h3,
    .page-template-index #step_5 ._title h3 {
        font-size: 23pt
    }
}

@media (max-width: 1281px) and (min-width: 960px) {
    .home-page #step_5 ._title h3,
    .page-template-index #step_5 ._title h3 {
        font-size: 18pt
    }
}

@media (max-width: 1025px) {
    .home-page #step_5 ._title h3,
    .page-template-index #step_5 ._title h3 {
        font-size: 5vw
    }
}

@media (max-width: 1025px) {
    .home-page #step_5 ._title,
    .page-template-index #step_5 ._title {
        top: 10vw;
        right: 10vw
    }
}

.home-page #step_5 ._title h3,
.page-template-index #step_5 ._title h3 {
    margin-left: 0
}

.home-page #step_6,
.page-template-index #step_6 {
    background-image: url(http://www.tara.co.il/wp-content/uploads/2019/04/page-6-copy.jpg);
    min-height: 900px;
    max-height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    position: relative;
    overflow: hidden
}

@media (max-width: 1480px) and (min-width: 960px) {
    .home-page #step_6,
    .page-template-index #step_6 {
        background-position: right;
        min-height: 0;
        height: 100vh
    }
}

@media (max-width: 1281px) and (min-width: 960px) {
    .home-page #step_6,
    .page-template-index #step_6 {
        background-position: right;
        min-height: 0;
        height: 100vh
    }
}

@media (max-width: 1025px) {
    .home-page #step_6,
    .page-template-index #step_6 {
        background-image: url(http://www.tara.co.il/wp-content/uploads/2019/04/page-6.jpg);
        min-height: auto;
        height: 100vw;
        max-height: 1000vw
    }
}

.home-page #step_6 ._ketem,
.page-template-index #step_6 ._ketem {
    position: absolute;
    z-index: 1;
    position: absolute;
    left: 1%;
    top: 0;
    height: 345pt;
    width: 50%;
    background-image: url(../images/ketem6.png);
    position: absolute;
    background-repeat: no-repeat;
    top: -12%;
    position: absolute
}

.home-page #step_6 ._ketem h2,
.page-template-index #step_6 ._ketem h2 {
    color: #fff;
    position: absolute;
    right: 11%;
    top: 30%;
    font-weight: normal;
    font-size: 43pt;
    line-height: .8
}

@media (max-width: 1480px) and (min-width: 960px) {
    .home-page #step_6 ._ketem h2,
    .page-template-index #step_6 ._ketem h2 {
        font-size: 40pt
    }
}

@media (max-width: 1281px) and (min-width: 960px) {
    .home-page #step_6 ._ketem h2,
    .page-template-index #step_6 ._ketem h2 {
        font-size: 35pt
    }
}

@media (max-width: 1025px) {
    .home-page #step_6 ._ketem h2,
    .page-template-index #step_6 ._ketem h2 {
        right: 7vw;
        top: 9vw;
        font-size: 7.5vw
    }
}

.home-page #step_6 ._ketem p,
.page-template-index #step_6 ._ketem p {
    color: #fff;
    position: absolute;
    right: 11%;
    top: 53%;
    font-weight: lighter;
    font-size: 20pt;
    line-height: 1.1
}

@media (max-width: 1480px) and (min-width: 960px) {
    .home-page #step_6 ._ketem p,
    .page-template-index #step_6 ._ketem p {
        font-size: 18pt;
        top: 55%
    }
}

@media (max-width: 1281px) and (min-width: 960px) {
    .home-page #step_6 ._ketem p,
    .page-template-index #step_6 ._ketem p {
        font-size: 16pt
    }
}

@media (max-width: 1025px) {
    .home-page #step_6 ._ketem p,
    .page-template-index #step_6 ._ketem p {
        right: 8vw;
        top: 27vw;
        font-size: 3.5vw
    }
}

@media (max-width: 1025px) {
    .home-page #step_6 ._ketem,
    .page-template-index #step_6 ._ketem {
        left: 1vw;
        width: 88vw;
        height: 54vw;
        background-size: contain;
        top: -6vw;
        background: none
    }
}

@media (max-width: 1680px) and (min-width: 1050px) {
    .home-page #step_6 ._ketem,
    .page-template-index #step_6 ._ketem {
        left: 5%;
        height: 295pt;
        background-size: cover
    }
}

@media (max-width: 1480px) and (min-width: 960px) {
    .home-page #step_6 ._ketem,
    .page-template-index #step_6 ._ketem {
        height: 255pt;
        top: -16%
    }
}

.home-page #step_6 ._ketem h2,
.page-template-index #step_6 ._ketem h2 {
    direction: ltr;
    font-size: 110pt;
    font-family:  'Roboto';

    color: #fff;
    font-weight: bold;
    right: 8%
}

.home-page #step_6 ._ketem h2 .green,
.page-template-index #step_6 ._ketem h2 .green {
    color: #0ea836
}

@media (max-width: 1680px) and (min-width: 1050px) {
    .home-page #step_6 ._ketem h2,
    .page-template-index #step_6 ._ketem h2 {
        font-size: 100pt;
        right: 10%;
        top: 30%
    }
}

@media (max-width: 1480px) and (min-width: 960px) {
    .home-page #step_6 ._ketem h2,
    .page-template-index #step_6 ._ketem h2 {
        font-size: 90pt
    }
}

@media (max-width: 1281px) and (min-width: 960px) {
    .home-page #step_6 ._ketem h2,
    .page-template-index #step_6 ._ketem h2 {
        font-size: 75pt;
        top: 40%
    }
}

@media (max-width: 1025px) {
    .home-page #step_6 ._ketem h2,
    .page-template-index #step_6 ._ketem h2 {
        font-size: 14vw
    }
}

.home-page #social_buttons,
.home-page .footer .social_buttons,
.page-template-index #social_buttons,
.page-template-index .footer .social_buttons {
    position: fixed;
    z-index: 2;
    bottom: 2.7%;
    left: 1%;
    padding: 0 2%;
    width: 250px
}

.home-page #social_buttons .item,
.home-page .footer .social_buttons .item,
.page-template-index #social_buttons .item,
.page-template-index .footer .social_buttons .item {
    transition: .3s;
    padding: 2%
}

.home-page #social_buttons .item:hover,
.home-page .footer .social_buttons .item:hover,
.page-template-index #social_buttons .item:hover,
.page-template-index .footer .social_buttons .item:hover {
    opacity: .7
}

.home-page #social_buttons .item a,
.home-page .footer .social_buttons .item a,
.page-template-index #social_buttons .item a,
.page-template-index .footer .social_buttons .item a {
    display: inline
}

@media (max-width: 1025px) {
    .home-page #social_buttons,
    .home-page .footer .social_buttons,
    .page-template-index #social_buttons,
    .page-template-index .footer .social_buttons {
        bottom: 3vw;
        left: 1vw;
        width: 35vw
    }
    .home-page #social_buttons img,
    .home-page .footer .social_buttons img,
    .page-template-index #social_buttons img,
    .page-template-index .footer .social_buttons img {
        width: 8vw;
        padding: .1vw
    }
}

.home-page .footer .social_buttons,
.page-template-index .footer .social_buttons {
    position: absolute;
    display: none
}

@media (max-width: 1025px) {
    .home-page .footer .social_buttons,
    .page-template-index .footer .social_buttons {
        display: block;
        bottom: -2vw;
        right: 16vw;
        display: none
    }
}

.home-page .into,
.page-template-index .into {
    height: 130px;
    background: #dedede;
    background: -moz-linear-gradient(top, #dedede 0%, #dedede 19%, #e0e0e0 26%, #fdfdfd 65%, #fff 71%, #fff 94%, #fbfbfc 97%, #99a2b7 100%);
    background: -webkit-linear-gradient(top, #dedede 0%, #dedede 19%, #e0e0e0 26%, #fdfdfd 65%, #fff 71%, #fff 94%, #fbfbfc 97%, #99a2b7 100%);
    background: linear-gradient(to bottom, #dedede 0%, #dedede 19%, #e0e0e0 26%, #fdfdfd 65%, #fff 71%, #fff 94%, #fbfbfc 97%, #99a2b7 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#99a2b7', GradientType=0)
}

@media (max-width: 1025px) {
    .home-page .into,
    .page-template-index .into {
        height: 15vw
    }
}

.home-page .into .footer,
.page-template-index .into .footer {
    text-align: left;
    padding-top: 2%
}

@media (max-width: 1025px) {
    .home-page .into .footer,
    .page-template-index .into .footer {
        text-align: right
    }
}

.home-page .into .footer .container,
.page-template-index .into .footer .container {
    width: 1300px;
    max-width: 1300px
}

@media (max-width: 1480px) and (min-width: 960px) {
    .home-page .into .footer .container,
    .page-template-index .into .footer .container {
        width: auto
    }
}

@media (max-width: 1281px) and (min-width: 960px) {
    .home-page .into .footer .container,
    .page-template-index .into .footer .container {
        width: auto
    }
}

@media (max-width: 1025px) {
    .home-page .into .footer .container,
    .page-template-index .into .footer .container {
        width: auto
    }
}

.home-page .into .footer .container a,
.page-template-index .into .footer .container a {
    font-size: 30pt;
    color: #1a2d68;
    text-decoration: none;
    font-weight: lighter;
    border-bottom: 1px solid #1a2d68;
    padding-bottom: .5%
}

@media (max-width: 1680px) and (min-width: 1050px) {
    .home-page .into .footer .container a,
    .page-template-index .into .footer .container a {
        float: right
    }
}

@media (max-width: 1480px) and (min-width: 960px) {
    .home-page .into .footer .container a,
    .page-template-index .into .footer .container a {
        float: right
    }
}

@media (max-width: 1281px) and (min-width: 960px) {
    .home-page .into .footer .container a,
    .page-template-index .into .footer .container a {
        float: right
    }
}

@media (max-width: 1025px) {
    .home-page .into .footer .container a,
    .page-template-index .into .footer .container a {
        font-size: 5vw
    }
}

.dropdown-backdrop {
    position: inherit
}

.products-page .top-header,
.post-type-archive-products .top-header,
.single-products .top-header,
.page-template-milk-new .top-header,
.page-template-archive-products .top-header {
    height: 200px;
    background-color: #fff
}

.page-template-milk-new #step_2 ._goback a {
    min-width: 200px;
}

@media (max-width: 1025px) {
    .products-page .top-header,
    .post-type-archive-products .top-header,
    .single-products .top-header,
    .page-template-milk-new .top-header,
    .page-template-archive-products .top-header {
        height: 22vw
    }
    
    .page-template-milk-new ._goback a
     {
       margin-left: 0;
       margin: 0 auto;
       float: none;
       float: none !important;
       margin: 2vw;
       min-width: 50vw;
    }

    .page-template-milk-new ._goback{
        float: none;
    }

}



.products-page #step_1,
.post-type-archive-products #step_1,
.single-products #step_1,
.page-template-milk-new #step_1,
.page-template-archive-products #step_1 {
    height: 445px;
    position: relative;
    background-position: center top;
    background-repeat: no-repeat
}

@media (max-width: 1025px) {
    .products-page #step_1,
    .post-type-archive-products #step_1,
    .single-products #step_1,
    .page-template-milk-new #step_1,
    .page-template-archive-products #step_1 {
        height: 60vw;
        background-size: cover
    }
}

.products-page #step_1 .container ._title,
.post-type-archive-products #step_1 .container ._title,
.single-products #step_1 .container ._title,
.page-template-archive-products #step_1 .container ._title {
    position: absolute;
    top: 4%
}

@media (max-width: 1025px) {
    .products-page #step_1 .container ._title,
    .post-type-archive-products #step_1 .container ._title,
    .single-products #step_1 .container ._title,
    .page-template-archive-products #step_1 .container ._title {
        top: -11vw
    }
}

.products-page #step_1 .container ._title h1,
.products-page #step_1 .container ._title h2,
.post-type-archive-products #step_1 .container ._title h1,
.post-type-archive-products #step_1 .container ._title h2,
.single-products #step_1 .container ._title h1,
.single-products #step_1 .container ._title h2,
.page-template-archive-products #step_1 .container ._title h1,
.page-template-archive-products #step_1 .container ._title h2 {
    font-size: 50pt;
    font-weight: normal;
    line-height: .8;
    color: #1a2d68
}

@media (max-width: 1025px) {
    .products-page #step_1 .container ._title h1,
    .products-page #step_1 .container ._title h2,
    .post-type-archive-products #step_1 .container ._title h1,
    .post-type-archive-products #step_1 .container ._title h2,
    .single-products #step_1 .container ._title h1,
    .single-products #step_1 .container ._title h2,
    .page-template-archive-products #step_1 .container ._title h1,
    .page-template-archive-products #step_1 .container ._title h2 {
        font-size: 7vw
    }
}

.products-page #step_1 .play-button,
.post-type-archive-products #step_1 .play-button,
.single-products #step_1 .play-button,
.page-template-archive-products #step_1 .play-button {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 30vw;
    display: none
}

@media (max-width: 1025px) {
    .products-page #step_1 .play-button,
    .post-type-archive-products #step_1 .play-button,
    .single-products #step_1 .play-button,
    .page-template-archive-products #step_1 .play-button {
        display: block
    }
}

.products-page #step_2,
.post-type-archive-products #step_2,
.single-products #step_2,
.page-template-archive-products #step_2 {
    background-color: #fff;
    padding-bottom: 5%
}

.products-page #step_2 .categories-list,
.post-type-archive-products #step_2 .categories-list,
.single-products #step_2 .categories-list,
.page-template-archive-products #step_2 .categories-list {
    margin-top: 40pt
}

@media (max-width: 1025px) {
    .products-page #step_2 .categories-list,
    .post-type-archive-products #step_2 .categories-list,
    .single-products #step_2 .categories-list,
    .page-template-archive-products #step_2 .categories-list {
        margin-top: 2vw;
        box-shadow: 0px 8px 13px -7px #000
    }
}

.products-page #step_2 .categories-list ul.sticky,
.post-type-archive-products #step_2 .categories-list ul.sticky,
.single-products #step_2 .categories-list ul.sticky,
.page-template-archive-products #step_2 .categories-list ul.sticky {
    position: fixed;
    top: 0
}

@media (max-width: 1025px) {
    .products-page #step_2 .categories-list ul,
    .post-type-archive-products #step_2 .categories-list ul,
    .single-products #step_2 .categories-list ul,
    .page-template-archive-products #step_2 .categories-list ul {
        display: block;
        text-align: center
    }
}

@media (max-width: 1025px) {
    .products-page #step_2 .categories-list ul li,
    .post-type-archive-products #step_2 .categories-list ul li,
    .single-products #step_2 .categories-list ul li,
    .page-template-archive-products #step_2 .categories-list ul li {
        display: inline-block
    }
}

.products-page #step_2 .categories-list ul li a,
.post-type-archive-products #step_2 .categories-list ul li a,
.single-products #step_2 .categories-list ul li a,
.page-template-archive-products #step_2 .categories-list ul li a {
    color: #5a5a5a;
    font-size: 22pt;
    font-weight: lighter;
    text-decoration: none
}

.products-page #step_2 .categories-list ul li a.active,
.products-page #step_2 .categories-list ul li a:hover,
.post-type-archive-products #step_2 .categories-list ul li a.active,
.post-type-archive-products #step_2 .categories-list ul li a:hover,
.single-products #step_2 .categories-list ul li a.active,
.single-products #step_2 .categories-list ul li a:hover,
.page-template-archive-products #step_2 .categories-list ul li a.active,
.page-template-archive-products #step_2 .categories-list ul li a:hover {
    color: #1a2d68;
    font-weight: bold
}

@media (max-width: 1025px) {
    .products-page #step_2 .categories-list ul li a,
    .post-type-archive-products #step_2 .categories-list ul li a,
    .single-products #step_2 .categories-list ul li a,
    .page-template-archive-products #step_2 .categories-list ul li a {
        font-size: 5.5vw;
        padding-left: 3vw
    }
}

.products-page #step_2 .products-list,
.post-type-archive-products #step_2 .products-list,
.single-products #step_2 .products-list,
.page-template-archive-products #step_2 .products-list {
    margin-top: 5%
}

.products-page #step_2 .products-list .item-product,
.post-type-archive-products #step_2 .products-list .item-product,
.single-products #step_2 .products-list .item-product,
.page-template-archive-products #step_2 .products-list .item-product {
    margin: 10pt auto
}

@media (max-width: 1025px) {
    .products-page #step_2 .products-list .item-product,
    .post-type-archive-products #step_2 .products-list .item-product,
    .single-products #step_2 .products-list .item-product,
    .page-template-archive-products #step_2 .products-list .item-product {
        margin-top: 2vw;
        margin-bottom: 5vw
    }
}

.products-page #step_2 .products-list .item-product a,
.post-type-archive-products #step_2 .products-list .item-product a,
.single-products #step_2 .products-list .item-product a,
.page-template-archive-products #step_2 .products-list .item-product a {
    text-decoration: none
}

.products-page #step_2 .products-list .item-product ._img,
.post-type-archive-products #step_2 .products-list .item-product ._img,
.single-products #step_2 .products-list .item-product ._img,
.page-template-archive-products #step_2 .products-list .item-product ._img {
    text-align: center;
    width: 100%;
    height: 13vw;
}       

@media(max-width: 1024px){
    .products-page #step_2 .products-list .item-product ._img,
    .post-type-archive-products #step_2 .products-list .item-product ._img,
    .single-products #step_2 .products-list .item-product ._img,
    .page-template-archive-products #step_2 .products-list .item-product ._img {
        height: 20vw;
    }  
}

.products-page #step_2 .products-list .item-product ._img img,
.post-type-archive-products #step_2 .products-list .item-product ._img img,
.single-products #step_2 .products-list .item-product ._img img,
.page-template-archive-products #step_2 .products-list .item-product ._img img {
    max-width: 85%;
    margin: 0 auto;
    display: block;
    height: auto;
    transition: .3s;
    object-fit: scale-down;
    width: 100%;
    height: 100%;
}

.products-page #step_2 .products-list .item-product ._img img:hover,
.post-type-archive-products #step_2 .products-list .item-product ._img img:hover,
.single-products #step_2 .products-list .item-product ._img img:hover,
.page-template-archive-products #step_2 .products-list .item-product ._img img:hover {
    transform: scale(1.1)
}

.products-page #step_2 .products-list .item-product ._text,
.post-type-archive-products #step_2 .products-list .item-product ._text,
.single-products #step_2 .products-list .item-product ._text,
.page-template-archive-products #step_2 .products-list .item-product ._text {
    text-align: center;
    margin-top: 5%
}

.products-page #step_2 .products-list .item-product ._text p,
.products-page #step_2 .products-list .item-product ._text h3,
.post-type-archive-products #step_2 .products-list .item-product ._text p,
.post-type-archive-products #step_2 .products-list .item-product ._text h3,
.single-products #step_2 .products-list .item-product ._text p,
.single-products #step_2 .products-list .item-product ._text h3,
.page-template-archive-products #step_2 .products-list .item-product ._text p,
.page-template-archive-products #step_2 .products-list .item-product ._text h3 {
    color: #5a5a5a;
    padding: 0 15pt;
    font-size: 13pt;
    font-weight: lighter;
    line-height: 1.2;
    text-align: center;
    text-align-last: center
}

@media (max-width: 1025px) {
    .products-page #step_2 .products-list .item-product ._text p,
    .products-page #step_2 .products-list .item-product ._text h3,
    .post-type-archive-products #step_2 .products-list .item-product ._text p,
    .post-type-archive-products #step_2 .products-list .item-product ._text h3,
    .single-products #step_2 .products-list .item-product ._text p,
    .single-products #step_2 .products-list .item-product ._text h3,
    .page-template-archive-products #step_2 .products-list .item-product ._text p,
    .page-template-archive-products #step_2 .products-list .item-product ._text h3 {
        font-size: 3.5vw;
        padding: 0;
        text-align: center
    }
}

.products-page #step_2 .products-list .item-product ._text h3,
.post-type-archive-products #step_2 .products-list .item-product ._text h3,
.single-products #step_2 .products-list .item-product ._text h3,
.page-template-archive-products #step_2 .products-list .item-product ._text h3 {
    font-weight: bold;
    margin: 0;
    margin-top: 10pt
}

.products-page #step_2 .product-item,
.post-type-archive-products #step_2 .product-item,
.single-products #step_2 .product-item,
.page-template-archive-products #step_2 .product-item {
    margin-top: 40pt;
    font-size: 16pt
}

@media (max-width: 1025px) {
    .products-page #step_2 .product-item,
    .post-type-archive-products #step_2 .product-item,
    .single-products #step_2 .product-item,
    .page-template-archive-products #step_2 .product-item {
        margin-top: 2vw
    }
}

.products-page #step_2 .product-item h1,
.products-page #step_2 .product-item h2,
.post-type-archive-products #step_2 .product-item h1,
.post-type-archive-products #step_2 .product-item h2,
.single-products #step_2 .product-item h1,
.single-products #step_2 .product-item h2,
.page-template-archive-products #step_2 .product-item h1,
.page-template-archive-products #step_2 .product-item h2 {
    font-size: 28pt;
    font-weight: normal;
    line-height: 1;
    color: #1a2d68;
    text-align: center;
    margin: 0;
    margin: 0
}

@media (max-width: 1025px) {
    .products-page #step_2 .product-item h1,
    .products-page #step_2 .product-item h2,
    .post-type-archive-products #step_2 .product-item h1,
    .post-type-archive-products #step_2 .product-item h2,
    .single-products #step_2 .product-item h1,
    .single-products #step_2 .product-item h2,
    .page-template-archive-products #step_2 .product-item h1,
    .page-template-archive-products #step_2 .product-item h2 {
        font-size: 6vw
    }
}

@media (max-width: 1025px) {
    .products-page #step_2 .product-item h1,
    .post-type-archive-products #step_2 .product-item h1,
    .single-products #step_2 .product-item h1,
    .page-template-archive-products #step_2 .product-item h1 {
        margin-top: 2vw
    }
}

.products-page #step_2 .product-item h2,
.post-type-archive-products #step_2 .product-item h2,
.single-products #step_2 .product-item h2,
.page-template-archive-products #step_2 .product-item h2 {
    margin-bottom: 20pt;
    font-weight: lighter
}

.products-page #step_2 .product-item .table-striped>tbody>tr:nth-of-type(odd),
.post-type-archive-products #step_2 .product-item .table-striped>tbody>tr:nth-of-type(odd),
.single-products #step_2 .product-item .table-striped>tbody>tr:nth-of-type(odd),
.page-template-archive-products #step_2 .product-item .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #dcdbdb !important
}

.products-page #step_2 .product-item .table>tbody>tr>td,
.products-page #step_2 .product-item .table>tbody>tr>th,
.post-type-archive-products #step_2 .product-item .table>tbody>tr>td,
.post-type-archive-products #step_2 .product-item .table>tbody>tr>th,
.single-products #step_2 .product-item .table>tbody>tr>td,
.single-products #step_2 .product-item .table>tbody>tr>th,
.page-template-archive-products #step_2 .product-item .table>tbody>tr>td,
.page-template-archive-products #step_2 .product-item .table>tbody>tr>th {
    padding: 2pt !important;
    font-size: 14.5pt
}

@media (max-width: 1025px) {
    .products-page #step_2 .product-item .table>tbody>tr>td,
    .products-page #step_2 .product-item .table>tbody>tr>th,
    .post-type-archive-products #step_2 .product-item .table>tbody>tr>td,
    .post-type-archive-products #step_2 .product-item .table>tbody>tr>th,
    .single-products #step_2 .product-item .table>tbody>tr>td,
    .single-products #step_2 .product-item .table>tbody>tr>th,
    .page-template-archive-products #step_2 .product-item .table>tbody>tr>td,
    .page-template-archive-products #step_2 .product-item .table>tbody>tr>th {
        font-size: 3.7vw;
        padding: 0vw 1vw !important
    }
}

.products-page #step_2 .product-item .table>thead>tr>td,
.products-page #step_2 .product-item .table>thead>tr>th,
.post-type-archive-products #step_2 .product-item .table>thead>tr>td,
.post-type-archive-products #step_2 .product-item .table>thead>tr>th,
.single-products #step_2 .product-item .table>thead>tr>td,
.single-products #step_2 .product-item .table>thead>tr>th,
.page-template-archive-products #step_2 .product-item .table>thead>tr>td,
.page-template-archive-products #step_2 .product-item .table>thead>tr>th {
    padding-bottom: 0;
    font-size: 14.5pt;
    font-weight: normal;
    color: #5a5a5a;
    padding: 2pt !important
}

@media (max-width: 1025px) {
    .products-page #step_2 .product-item .table>thead>tr>td,
    .products-page #step_2 .product-item .table>thead>tr>th,
    .post-type-archive-products #step_2 .product-item .table>thead>tr>td,
    .post-type-archive-products #step_2 .product-item .table>thead>tr>th,
    .single-products #step_2 .product-item .table>thead>tr>td,
    .single-products #step_2 .product-item .table>thead>tr>th,
    .page-template-archive-products #step_2 .product-item .table>thead>tr>td,
    .page-template-archive-products #step_2 .product-item .table>thead>tr>th {
        font-size: 4vw;
        padding: 1vw !important
    }
}

.products-page #step_2 .product-item .table>tbody>tr>td.calories,
.post-type-archive-products #step_2 .product-item .table>tbody>tr>td.calories,
.single-products #step_2 .product-item .table>tbody>tr>td.calories,
.page-template-archive-products #step_2 .product-item .table>tbody>tr>td.calories {
    text-align: left;
    padding-left: 15pt !important
}

.products-page #step_2 .product-item img,
.post-type-archive-products #step_2 .product-item img,
.single-products #step_2 .product-item img,
.page-template-archive-products #step_2 .product-item img {
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%
}

.products-page #step_2 .go-back,
.post-type-archive-products #step_2 .go-back,
.single-products #step_2 .go-back,
.page-template-archive-products #step_2 .go-back {
    margin: 10pt 0 15pt 0
}

.products-page #step_2 .go-back a,
.post-type-archive-products #step_2 .go-back a,
.single-products #step_2 .go-back a,
.page-template-archive-products #step_2 .go-back a {
    color: #5a5a5a;
    font-size: 22pt;
    font-weight: lighter;
    text-decoration: none;
    border-bottom: 1px #5a5a5a solid
}

@media (max-width: 1025px) {
    .products-page #step_2 .go-back a,
    .post-type-archive-products #step_2 .go-back a,
    .single-products #step_2 .go-back a,
    .page-template-archive-products #step_2 .go-back a {
        font-size: 4.5vw
    }
}

@media (max-width: 1025px) {
    .products-page #step_2 .go-back,
    .post-type-archive-products #step_2 .go-back,
    .single-products #step_2 .go-back,
    .page-template-archive-products #step_2 .go-back {
        text-align: left;
        margin: 0 0 4vw 0
    }
}

.faq-page,
.page-template-faq {
    background-color: #fff;
    background-image: url(../images/faq/faq_bg.jpg);
    background-repeat: no-repeat;
    background-size: auto;
}

@media (max-width: 1025px) {
    .faq-page,
    .page-template-faq {
        background-image: url(../images/faq/faq_bg_mobile.jpg)
    }
}

.faq-page ._title,
.page-template-faq ._title {
    direction: ltr;
    left: 3.7%;
    right: auto;
    position: absolute;
    right: 5%;
    top: 23%;
    top: 21%
}

.faq-page ._title h2,
.page-template-faq ._title h2 {
    font-size: 90pt;
    color: #0ea836;
    margin: 0;
    line-height: .91;
    font-weight: bold
}

@media (max-width: 1680px) and (min-width: 1050px) {
    .faq-page ._title h2,
    .page-template-faq ._title h2 {
        font-size: 95pt
    }
}

@media (max-width: 1480px) and (min-width: 960px) {
    .faq-page ._title h2,
    .page-template-faq ._title h2 {
        font-size: 75pt
    }
}

@media (max-width: 1281px) and (min-width: 960px) {
    .faq-page ._title h2,
    .page-template-faq ._title h2 {
        font-size: 65pt
    }
}

@media (max-width: 1025px) {
    .faq-page ._title h2,
    .page-template-faq ._title h2 {
        font-size: 15vw;
        line-height: 1
    }
}

.faq-page ._title h3,
.page-template-faq ._title h3 {
    background-color: #0ea836;
    color: #fff;
    display: inline-block;
    font-size: 34pt;
    padding: 6pt 12pt;
    margin: 0;
    margin-left: 2%;
    direction: rtl
}

.faq-page ._title h3 a,
.page-template-faq ._title h3 a {
    color: #fff;
    text-decoration: none;
    outline: none
}

@media (max-width: 1480px) and (min-width: 960px) {
    .faq-page ._title h3,
    .page-template-faq ._title h3 {
        font-size: 23pt
    }
}

@media (max-width: 1281px) and (min-width: 960px) {
    .faq-page ._title h3,
    .page-template-faq ._title h3 {
        font-size: 18pt
    }
}

@media (max-width: 1025px) {
    .faq-page ._title h3,
    .page-template-faq ._title h3 {
        font-size: 5vw
    }
}

@media (max-width: 1480px) and (min-width: 960px) {
    .faq-page ._title,
    .page-template-faq ._title {
        top: 20%
    }
}

@media (max-width: 1025px) {
    .faq-page ._title,
    .page-template-faq ._title {
        top: 28vw;
        left: 5vw
    }
}

.faq-page .panel-title,
.page-template-faq .panel-title {
    font-size: 17pt
}

.faq-page .panel-group .panel,
.page-template-faq .panel-group .panel {
    margin-bottom: 0;
    border-radius: 2px
}

.faq-page .panel-group,
.page-template-faq .panel-group {
    margin-bottom: 20px;
    margin-top: 38%;
    position: relative
}

@media (max-width: 1025px) {
    .faq-page .panel-group,
    .page-template-faq .panel-group {
        margin: 0 auto;
        margin-top: 45vw;
        width: 90vw;
        padding-bottom: 10vw
    }
}

.faq-page .panel,
.page-template-faq .panel {
    border-radius: 2px;
    background: none
}

.faq-page .panel-group .panel-heading,
.page-template-faq .panel-group .panel-heading {
    background-color: #1c2d62;
    color: #fff;
    text-align: center;
    padding: 0
}

.faq-page .panel-body,
.page-template-faq .panel-body {
    background-color: white
}

.faq-page .panel-title>.small,
.faq-page .panel-title>.small>a,
.faq-page .panel-title>a,
.faq-page .panel-title>small,
.faq-page .panel-title>small>a,
.page-template-faq .panel-title>.small,
.page-template-faq .panel-title>.small>a,
.page-template-faq .panel-title>a,
.page-template-faq .panel-title>small,
.page-template-faq .panel-title>small>a {
    text-decoration: none;
    font-size: 24pt;
    display: block;
    width: 100%;
    padding: 8pt;
    box-shadow: 0px 2px 8px #000;
    color: #fff !important;
    text-align: right;
    padding: 6pt 10pt 6px 40pt
}

@media (max-width: 1025px) {
    .faq-page .panel-title>.small,
    .faq-page .panel-title>.small>a,
    .faq-page .panel-title>a,
    .faq-page .panel-title>small,
    .faq-page .panel-title>small>a,
    .page-template-faq .panel-title>.small,
    .page-template-faq .panel-title>.small>a,
    .page-template-faq .panel-title>a,
    .page-template-faq .panel-title>small,
    .page-template-faq .panel-title>small>a {
        font-size: 5vw;
        padding: 3vw 3vw 3vw 15vw;
        position: relative;
        text-align: right
    }
}

.faq-page .panel-body,
.page-template-faq .panel-body {
    background-color: white;
    text-align: center;
    font-size: 24pt;
    line-height: 1;
    color: #5a5a5a;
    font-weight: lighter;
    padding-bottom: 20pt;
    padding-top: 5pt;
    text-align: justify
}

@media (max-width: 1025px) {
    .faq-page .panel-body,
    .page-template-faq .panel-body {
        font-size: 4vw;
        text-align: justify
    }
}

.faq-page img.arrow,
.page-template-faq img.arrow {
    position: absolute;
    left: 11pt;
    transform: rotate(270deg)
}

@media (max-width: 1025px) {
    .faq-page img.arrow,
    .page-template-faq img.arrow {
        left: 3vw;
        top: 3vw;
        width: 5vw
    }
}

.faq-page .collapsed,
.page-template-faq .collapsed {
    background: none !important
}

.faq-page .collapsed img.arrow,
.page-template-faq .collapsed img.arrow {
    transform: rotate(0deg)
}

.articles-page,
.page-template-articles,
.single-post,
.page-template-template-demo,
.page-template-archive {
    background-color: #fff;
    background-image: url(../images/articles/articles_bg.jpg);
    background-repeat: no-repeat;
    background-size: auto;
    background-color: #d4d4d5;
    padding-bottom: 5%
}

@media (max-width: 1025px) {
    .articles-page,
    .page-template-articles,
    .single-post,
    .page-template-template-demo,
    .page-template-archive {
        background-image: url(../images/articles/articles_bg_mobile.jpg);
        background-size: cover;
        min-height: 100vh
    }
}


.articles-page ._title,
.page-template-articles ._title,
.single-post ._title,
.page-template-template-demo ._title,
.page-template-archive ._title {
    direction: ltr;
    left: 20%;
    right: auto;
    position: absolute;
    right: 5%;
    top: 23%;
    top: 20%
}


.page-template-template-demo ._title{
    right: 20%;
    left: auto;
}



.articles-page ._title h2,
.page-template-articles ._title h2,
.single-post ._title h2,
.page-template-template-demo ._title h2,
.page-template-archive ._title h2 {
    font-size: 90pt;
    color: #0ea836;
    margin: 0;
    line-height: .91;
    font-weight: bold
}

@media (max-width: 1680px) and (min-width: 1050px) {
    .articles-page ._title h2,
    .page-template-articles ._title h2,
    .single-post ._title h2,
    .page-template-template-demo ._title h2,
    .page-template-archive ._title h2 {
        font-size: 95pt
    }
}

@media (max-width: 1480px) and (min-width: 960px) {
    .articles-page ._title h2,
    .page-template-articles ._title h2,
    .single-post ._title h2,
    .page-template-template-demo ._title h2,
    .page-template-archive ._title h2 {
        font-size: 75pt
    }
}

@media (max-width: 1281px) and (min-width: 960px) {
    .articles-page ._title h2,
    .page-template-articles ._title h2,
    .single-post ._title h2,
    .page-template-template-demo ._title h2,
    .page-template-archive ._title h2 {
        font-size: 65pt
    }
}

@media (max-width: 1025px) {
    .articles-page ._title h2,
    .page-template-articles ._title h2,
    .single-post ._title h2,
    .page-template-template-demo ._title h2,
    .page-template-archive ._title h2 {
        font-size: 15vw;
        line-height: 1
    }
}

.articles-page ._title h3,
.page-template-articles ._title h3,
.single-post ._title h3,
.page-template-template-demo ._title h3,
.page-template-archive ._title h3 {
    background-color: #0ea836;
    color: #fff;
    display: inline-block;
    font-size: 34pt;
    padding: 6pt 12pt;
    margin: 0;
    margin-left: 2%;
    direction: rtl
}

.articles-page ._title h3 a,
.page-template-articles ._title h3 a,
.single-post ._title h3 a,
.page-template-template-demo ._title h3 a,
.page-template-archive ._title h3 a {
    color: #fff;
    text-decoration: none;
    outline: none
}

@media (max-width: 1480px) and (min-width: 960px) {
    .articles-page ._title h3,
    .page-template-articles ._title h3,
    .single-post ._title h3,
    .page-template-template-demo ._title h3,
    .page-template-archive ._title h3 {
        font-size: 23pt
    }
}

@media (max-width: 1281px) and (min-width: 960px) {
    .articles-page ._title h3,
    .page-template-articles ._title h3,
    .single-post ._title h3,
    .page-template-template-demo ._title h3,
    .page-template-archive ._title h3 {
        font-size: 18pt
    }
}

@media (max-width: 1025px) {
    .articles-page ._title h3,
    .page-template-articles ._title h3,
    .single-post ._title h3,
    .page-template-template-demo ._title h3,
    .page-template-archive ._title h3 {
        font-size: 5vw
    }
}

@media (max-width: 1480px) and (min-width: 960px) {
    .articles-page ._title,
    .page-template-articles ._title,
    .single-post ._title,
    .page-template-template-demo ._title,
    .page-template-archive ._title {
        top: 20%
    }
}

@media (max-width: 1025px) {
    .articles-page ._title,
    .page-template-articles ._title,
    .single-post ._title,
    .page-template-template-demo ._title,
    .page-template-archive ._title {
        top: 30vw;
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center
    }
}

@media (max-width: 1025px) {
    .articles-page ._title h2,
    .page-template-articles ._title h2,
    .single-post ._title h2,
    .page-template-template-demo ._title h2,
    .page-template-archive ._title h2 {
        font-size: 19vw
    }

    .page-template-template-demo ._title h2 {
        font-size: 15vw;
    }

    .page-template-template-demo ._title{
        top: 33vw;
    }
}

.articles-page .read_more,
.page-template-articles .read_more,
.single-post .read_more,
.page-template-template-demo .read_more,
.page-template-archive .read_more {
    position: absolute;
    left: -4pt;
    bottom: 5pt
}

.articles-page .read_more a,
.page-template-articles .read_more a,
.single-post .read_more a,
.page-template-template-demo .read_more a,
.page-template-archive .read_more a {
    background: #fff;
    color: #0ea836 !important;
    border-radius: 30px;
    font-size: 17pt;
    padding: 2.5pt 14pt 8pt 12pt;
    font-weight: normal;
    text-decoration: none;
    transition: .3s
}

.articles-page .read_more a:hover,
.page-template-articles .read_more a:hover,
.single-post .read_more a:hover,
.page-template-template-demo .read_more a:hover,
.page-template-archive .read_more a:hover {
    opacity: .7
}

@media (max-width: 1025px) {
    .articles-page .read_more a,
    .page-template-articles .read_more a,
    .single-post .read_more a,
    .page-template-template-demo .read_more a,
    .page-template-archive .read_more a {
        font-size: 4vw
    }
}

.articles-page .panel-title,
.page-template-articles .panel-title,
.single-post .panel-title,
.page-template-template-demo .panel-title,
.page-template-archive .panel-title {
    font-size: 17pt;
    height: auto;
    line-height: 1;
    padding-right: 10pt
}

@media (max-width: 1025px) {
    .articles-page .panel-title,
    .page-template-articles .panel-title,
    .single-post .panel-title,
    .page-template-template-demo .panel-title,
    .page-template-archive .panel-title {
        height: 100%
    }
}

.articles-page .panel-group .panel,
.page-template-articles .panel-group .panel,
.single-post .panel-group .panel,
.page-template-template-demo .panel-group .panel,
.page-template-archive .panel-group .panel {
    margin-bottom: 0;
    border-radius: 25px;
    overflow: hidden
}

.articles-page .panel-group,
.page-template-articles .panel-group,
.single-post .panel-group,
.page-template-template-demo .panel-group,
.page-template-archive .panel-group {
    margin-bottom: 20px;
    margin-top: 35%;
    position: relative
}

@media (max-width: 1025px) {
    .articles-page .panel-group,
    .page-template-articles .panel-group,
    .single-post .panel-group,
    .page-template-template-demo .panel-group,
    .page-template-archive .panel-group {
        margin: 0 auto;
        margin-top: 50vw;
        width: 90vw;
        padding-bottom: 10vw
    }
}

.articles-page .panel,
.page-template-articles .panel,
.single-post .panel,
.page-template-template-demo .panel,
.page-template-archive .panel {
    border-radius: 2px;
    background: rgba(68, 176, 96, 0.72)
}

.articles-page .panel-group .panel-heading,
.page-template-articles .panel-group .panel-heading,
.single-post .panel-group .panel-heading,
.page-template-template-demo .panel-group .panel-heading,
.page-template-archive .panel-group .panel-heading {
    color: #fff;
    text-align: center;
    padding: 0
}

.articles-page .panel-body,
.page-template-articles .panel-body,
.single-post .panel-body,
.page-template-template-demo .panel-body,
.page-template-archive .panel-body {
    position: relative
}

.articles-page .panel-body a,
.page-template-articles .panel-body a,
.single-post .panel-body a,
.page-template-template-demo .panel-body a,
.page-template-archive .panel-body a {
    color: #fff;
    text-decoration: none
}

.articles-page .panel-title>.small,
.articles-page .panel-title>.small>a,
.articles-page .panel-title>a,
.articles-page .panel-title>small,
.articles-page .panel-title>small>a,
.page-template-articles .panel-title>.small,
.page-template-articles .panel-title>.small>a,
.page-template-articles .panel-title>a,
.page-template-articles .panel-title>small,
.page-template-articles .panel-title>small>a,
.single-post .panel-title>.small,
.single-post .panel-title>.small>a,
.single-post .panel-title>a,
.single-post .panel-title>small,
.single-post .panel-title>small>a,
.page-template-template-demo .panel-title>.small,
.page-template-template-demo .panel-title>.small>a,
.page-template-template-demo .panel-title>a,
.page-template-template-demo .panel-title>small,
.page-template-template-demo .panel-title>small>a,
.page-template-archive .panel-title>.small,
.page-template-archive .panel-title>.small>a,
.page-template-archive .panel-title>a,
.page-template-archive .panel-title>small,
.page-template-archive .panel-title>small>a {
    text-decoration: none;
    font-size: 32pt;
    display: block;
    width: 100%;
    padding: 0pt;
    text-align: right;
    font-weight: lighter;
    color: #fff !important
}

@media (max-width: 1025px) {
    .articles-page .panel-title>.small,
    .articles-page .panel-title>.small>a,
    .articles-page .panel-title>a,
    .articles-page .panel-title>small,
    .articles-page .panel-title>small>a,
    .page-template-articles .panel-title>.small,
    .page-template-articles .panel-title>.small>a,
    .page-template-articles .panel-title>a,
    .page-template-articles .panel-title>small,
    .page-template-articles .panel-title>small>a,
    .single-post .panel-title>.small,
    .single-post .panel-title>.small>a,
    .single-post .panel-title>a,
    .single-post .panel-title>small,
    .single-post .panel-title>small>a,
    .page-template-template-demo .panel-title>.small,
    .page-template-template-demo .panel-title>.small>a,
    .page-template-template-demo .panel-title>a,
    .page-template-template-demo .panel-title>small,
    .page-template-template-demo .panel-title>small>a,
    .page-template-archive .panel-title>.small,
    .page-template-archive .panel-title>.small>a,
    .page-template-archive .panel-title>a,
    .page-template-archive .panel-title>small,
    .page-template-archive .panel-title>small>a {
        font-size: 5.5vw;
        padding: 1vw 0 0 1vw;
        position: relative;
        font-weight: bold;
        position: relative
    }
}

.articles-page .panel-body,
.page-template-articles .panel-body,
.single-post .panel-body,
.page-template-template-demo .panel-body,
.page-template-archive .panel-body {
    text-align: center;
    font-size: 21pt;
    line-height: 1;
    color: #fff;
    font-weight: lighter;
    padding-bottom: 35pt;
    padding-top: 5pt;
    border-top: 0 !important;
    text-align: right;
    padding-left: 90pt
}

@media (max-width: 1025px) {
    .articles-page .panel-body,
    .page-template-articles .panel-body,
    .single-post .panel-body,
    .page-template-template-demo .panel-body,
    .page-template-archive .panel-body {
        font-size: 4vw;
        padding-left: 5vw;
        padding-bottom: 17vw
    }
}

.articles-page hr,
.page-template-articles hr,
.single-post hr,
.page-template-template-demo hr,
.page-template-archive hr {
    border-top: 5px dotted #fff
}

.articles-page .the-article .panel,
.page-template-articles .the-article .panel,
.single-post .the-article .panel,
.page-template-template-demo .the-article .panel,
.page-template-archive .the-article .panel {
    background: rgba(255, 255, 255, 0.92)
}

.articles-page .the-article .panel .panel-title,
.page-template-articles .the-article .panel .panel-title,
.single-post .the-article .panel .panel-title,
.page-template-template-demo .the-article .panel .panel-title,
.page-template-archive .the-article .panel .panel-title {
    padding-right: 20pt;
    padding-left: 10pt;
    color: #1a2d68;
    font-size: 39pt;
    height: auto;
    text-align: right
}

.articles-page .the-article .panel .panel-title h2,
.page-template-articles .the-article .panel .panel-title h2,
.single-post .the-article .panel .panel-title h2,
.page-template-template-demo .the-article .panel .panel-title h2,
.page-template-archive .the-article .panel .panel-title h2 {
    margin: 0
}

@media (max-width: 1025px) {
    .articles-page .the-article .panel .panel-title h2,
    .page-template-articles .the-article .panel .panel-title h2,
    .single-post .the-article .panel .panel-title h2,
    .page-template-template-demo .the-article .panel .panel-title h2,
    .page-template-archive .the-article .panel .panel-title h2 {
        line-height: .9
    }
}

@media (max-width: 1025px) {
    .articles-page .the-article .panel .panel-title,
    .page-template-articles .the-article .panel .panel-title,
    .single-post .the-article .panel .panel-title,
    .page-template-template-demo .the-article .panel .panel-title,
    .page-template-archive .the-article .panel .panel-title {
        font-size: 8vw;
        padding: 2vw 7vw
    }
}

.articles-page .the-article .panel .panel-body,
.page-template-articles .the-article .panel .panel-body,
.single-post .the-article .panel .panel-body,
.page-template-template-demo .the-article .panel .panel-body,
.page-template-archive .the-article .panel .panel-body {
    padding-right: 20pt;
    padding-left: 10pt;
    color: #1a2d68;
    padding-left: 65pt
}

@media (max-width: 1025px) {
    .articles-page .the-article .panel .panel-body,
    .page-template-articles .the-article .panel .panel-body,
    .single-post .the-article .panel .panel-body,
    .page-template-template-demo .the-article .panel .panel-body,
    .page-template-archive .the-article .panel .panel-body {
        padding-left: 5vw
    }
}

.articles-page .the-article .panel .panel-body h3,
.page-template-articles .the-article .panel .panel-body h3,
.single-post .the-article .panel .panel-body h3,
.page-template-template-demo  .the-article .panel .panel-body h3,
.page-template-archive .the-article .panel .panel-body h3 {
    margin: 0;
    font-size: 22pt
}

@media (max-width: 1025px) {
    .articles-page .the-article .panel .panel-body h3,
    .page-template-articles .the-article .panel .panel-body h3,
    .single-post .the-article .panel .panel-body h3,
    .page-template-template-demo .the-article .panel .panel-body h3,
    .page-template-archive .the-article .panel .panel-body h3 {
        font-size: 5vw
    }
}

.articles-page .the-article .panel .panel-body p,
.page-template-articles .the-article .panel .panel-body p,
.single-post .the-article .panel .panel-body p,
.page-template-template-demo .the-article .panel .panel-body p,
.page-template-archive .the-article .panel .panel-body p {
    white-space: pre-line;
    font-weight: lighter;
    font-size: 16pt
}

@media (max-width: 1025px) {
    .articles-page .the-article .panel .panel-body p,
    .page-template-articles .the-article .panel .panel-body p,
    .single-post .the-article .panel .panel-body p,
    .page-template-template-demo .the-article .panel .panel-body p,
    .page-template-archive .the-article .panel .panel-body p {
        font-size: 4vw
    }
}

.goodies-page,
.page-template-goodies {
    background-color: #fff;
    background-image: url(../images/goodies/goodies_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #fff;
    padding-bottom: 20pt;
    min-height: 100vh;

}

@media (max-width: 1025px) {
    .goodies-page,
    .page-template-goodies {
        background-image: url(../images/goodies/goodies_bg_mobile.png)
    }
}

hr.mozzarella {
    border: 1px #1a2d68 solid;
    margin: 0;
    margin-top: 10pt;
}

.goodies-page .hamburger-inner,
.goodies-page .hamburger-inner:after,
.goodies-page .hamburger-inner:before,
.page-template-goodies .hamburger-inner,
.page-template-goodies .hamburger-inner:after,
.page-template-goodies .hamburger-inner:before {
    background-color: #fff
}

.goodies-page .is-active .hamburger-inner,
.goodies-page .is-active .hamburger-inner:after,
.goodies-page .is-active .hamburger-inner:before,
.page-template-goodies .is-active .hamburger-inner,
.page-template-goodies .is-active .hamburger-inner:after,
.page-template-goodies .is-active .hamburger-inner:before {
    background-color: #1a2d68
}

.goodies-page a._bars,
.page-template-goodies a._bars {
    color: #fff
}

.goodies-page .goodies-list,
.page-template-goodies .goodies-list {
    margin-top: 26%
}

@media (max-width: 1025px) {
    .goodies-page .goodies-list,
    .page-template-goodies .goodies-list {
        margin-top: 50vw
    }
}

.goodies-page .goodies-list .container-goodies-item,
.page-template-goodies .goodies-list .container-goodies-item {
    margin: 15pt auto
}

.goodies-page .goodies-list .container-goodies-item .goodies-item,
.page-template-goodies .goodies-list .container-goodies-item .goodies-item {
    margin: 0 auto;
    padding: 0 15pt 15pt 15pt;
    background-color: #fff;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    position: relative;
    margin-bottom: 10pt;
    box-shadow: 2px 0px 2px rgba(144, 133, 133, 0.839)
}

@media (min-width: 1026px) {
    .goodies-page .goodies-list .container-goodies-item .goodies-item,
    .page-template-goodies .goodies-list .container-goodies-item .goodies-item {
        width: 85%;
        min-width: 320px
    }
}

.goodies-page .goodies-list .container-goodies-item .goodies-item:after,
.page-template-goodies .goodies-list .container-goodies-item .goodies-item:after {
    content: " ";
    white-space: pre;
    display: block;
    background-image: url(../images/goodies/Shape2.png);
    position: absolute;
    bottom: -19.9px;
    width: 100%;
    background-repeat: no-repeat;
    left: 0;
    right: 0;
    top: auto
}

@media (max-width: 1025px) {
    .goodies-page .goodies-list .container-goodies-item .goodies-item:after,
    .page-template-goodies .goodies-list .container-goodies-item .goodies-item:after {
        background-image: url(../images/goodies/Shape2mobile.png);
        background-size: contain
    }
}

@media (max-width: 1025px) {
    .goodies-page .goodies-list .container-goodies-item .goodies-item,
    .page-template-goodies .goodies-list .container-goodies-item .goodies-item {
        padding: 3vw;
        margin-bottom: 2vw
    }
}

.goodies-page .goodies-list .container-goodies-item .goodies-item ._goodies-title,
.page-template-goodies .goodies-list .container-goodies-item .goodies-item ._goodies-title {
    color: #0fa837;
    text-align: center;
    font-size: 36pt;
    line-height: 1;
    padding-top: 10pt;
    font-weight: bold
}

@media (max-width: 1025px) {
    .goodies-page .goodies-list .container-goodies-item .goodies-item ._goodies-title,
    .page-template-goodies .goodies-list .container-goodies-item .goodies-item ._goodies-title {
        font-size: 8vw
    }
}

.goodies-page .goodies-list .container-goodies-item .goodies-item ._sub_title,
.page-template-goodies .goodies-list .container-goodies-item .goodies-item ._sub_title {
    color: #1a2d68;
    text-align: center;
    font-size: 18pt;
    line-height: 1;
    padding-top: 2pt;
    font-weight: bold
}

@media (max-width: 1025px) {
    .goodies-page .goodies-list .container-goodies-item .goodies-item ._sub_title,
    .page-template-goodies .goodies-list .container-goodies-item .goodies-item ._sub_title {
        font-size: 4vw;
        min-height: 15vw
    }
}

.goodies-page .goodies-list .container-goodies-item .goodies-item ._img,
.page-template-goodies .goodies-list .container-goodies-item .goodies-item ._img {
    height: 150px;
    position: relative;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 12pt
}

@media (max-width: 1025px) {
    .goodies-page .goodies-list .container-goodies-item .goodies-item ._img,
    .page-template-goodies .goodies-list .container-goodies-item .goodies-item ._img {
        height: 16vw
    }
}

.goodies-page .goodies-list .container-goodies-item .goodies-item ._img img,
.page-template-goodies .goodies-list .container-goodies-item .goodies-item ._img img {
    max-width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2%;
    margin: auto
}

.goodies-page .goodies-list .container-goodies-item .goodies-item ._discount,
.page-template-goodies .goodies-list .container-goodies-item .goodies-item ._discount {
    color: #0fa837;
    text-align: center;
    font-size: 44pt;
    padding-top: 0pt;
    font-weight: bold
}

@media (max-width: 1025px) {
    .goodies-page .goodies-list .container-goodies-item .goodies-item ._discount,
    .page-template-goodies .goodies-list .container-goodies-item .goodies-item ._discount {
        font-size: 10vw
    }
}

.goodies-page .goodies-list .container-goodies-item .goodies-item ._text,
.page-template-goodies .goodies-list .container-goodies-item .goodies-item ._text {
    color: #1a2d68;
    text-align: center;
    font-size: 18pt;
    line-height: 1;
    padding-top: 2pt;
    font-weight: lighter
}

@media (max-width: 1025px) {
    .goodies-page .goodies-list .container-goodies-item .goodies-item ._text,
    .page-template-goodies .goodies-list .container-goodies-item .goodies-item ._text {
        font-size: 4vw
    }
}

.goodies-page .goodies-list .container-goodies-item .print-goodies-item,
.page-template-goodies .goodies-list .container-goodies-item .print-goodies-item {
    background-image: url("../images/goodies/Shape1.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin: 0 auto;
    text-align: center;
    font-size: 24pt;
    margin-top: 2pt;
    transition: .3s
}

@media (min-width: 1026px) {
    .goodies-page .goodies-list .container-goodies-item .print-goodies-item,
    .page-template-goodies .goodies-list .container-goodies-item .print-goodies-item {
        width: 85%;
        min-width: 320px
    }
}

.goodies-page .goodies-list .container-goodies-item .print-goodies-item a,
.page-template-goodies .goodies-list .container-goodies-item .print-goodies-item a {
    color: #fff;
    text-decoration: none;
    width: 100%;
    height: 100%;
    padding-top: 2pt;
    padding-bottom: 5pt;
    display: block
}

@media (max-width: 1025px) {
    .goodies-page .goodies-list .container-goodies-item .print-goodies-item a,
    .page-template-goodies .goodies-list .container-goodies-item .print-goodies-item a {
        line-height: 1;
        padding-top: 2vw;
        font-size: 4vw
    }
}

.goodies-page .goodies-list .container-goodies-item .print-goodies-item:hover,
.page-template-goodies .goodies-list .container-goodies-item .print-goodies-item:hover {
    opacity: .7
}

.goodies-page ._title,
.page-template-goodies ._title {
    direction: ltr;
    right: 2%;
    right: left;
    position: absolute;
    right: 5%;
    top: 23%;
    top: 20%
}

.goodies-page ._title h2,
.page-template-goodies ._title h2 {
    font-size: 90pt;
    color: #0ea836;
    margin: 0;
    line-height: .91;
    font-weight: bold
}

@media (max-width: 1680px) and (min-width: 1050px) {
    .goodies-page ._title h2,
    .page-template-goodies ._title h2 {
        font-size: 95pt
    }
}

@media (max-width: 1480px) and (min-width: 960px) {
    .goodies-page ._title h2,
    .page-template-goodies ._title h2 {
        font-size: 75pt
    }
}

@media (max-width: 1281px) and (min-width: 960px) {
    .goodies-page ._title h2,
    .page-template-goodies ._title h2 {
        font-size: 65pt
    }
}

@media (max-width: 1025px) {
    .goodies-page ._title h2,
    .page-template-goodies ._title h2 {
        font-size: 15vw;
        line-height: 1
    }
}

.goodies-page ._title h3,
.page-template-goodies ._title h3 {
    background-color: #0ea836;
    color: #fff;
    display: inline-block;
    font-size: 34pt;
    padding: 6pt 12pt;
    margin: 0;
    margin-left: 2%;
    direction: rtl
}

.goodies-page ._title h3 a,
.page-template-goodies ._title h3 a {
    color: #fff;
    text-decoration: none;
    outline: none
}

@media (max-width: 1480px) and (min-width: 960px) {
    .goodies-page ._title h3,
    .page-template-goodies ._title h3 {
        font-size: 23pt
    }
}

@media (max-width: 1281px) and (min-width: 960px) {
    .goodies-page ._title h3,
    .page-template-goodies ._title h3 {
        font-size: 18pt
    }
}

@media (max-width: 1025px) {
    .goodies-page ._title h3,
    .page-template-goodies ._title h3 {
        font-size: 5vw
    }
}

@media (max-width: 1480px) and (min-width: 960px) {
    .goodies-page ._title,
    .page-template-goodies ._title {
        top: 20%
    }
}

@media (max-width: 1025px) {
    .goodies-page ._title,
    .page-template-goodies ._title {
        top: 28vw;
        left: auto;
        right: 5vw;
        font-size: 18vw
    }
}

.goodies-page .panel-title,
.page-template-goodies .panel-title {
    font-size: 17pt
}

.goodies-page .panel-group .panel,
.page-template-goodies .panel-group .panel {
    margin-bottom: 0;
    border-radius: 2px
}

.goodies-page .panel-group,
.page-template-goodies .panel-group {
    margin-bottom: 20px;
    margin-top: 35%;
    position: relative
}

@media (max-width: 1025px) {
    .goodies-page .panel-group,
    .page-template-goodies .panel-group {
        margin: 0 auto;
        margin-top: 45vw;
        width: 90vw;
        padding-bottom: 10vw
    }
}

.goodies-page .panel,
.page-template-goodies .panel {
    border-radius: 2px;
    background: none
}

.goodies-page .panel-group .panel-heading,
.page-template-goodies .panel-group .panel-heading {
    background: rgba(0, 0, 0, 0.49);
    color: #fff;
    text-align: center;
    padding: 0
}

.goodies-page .panel-body,
.page-template-goodies .panel-body {
    background-color: white
}

.goodies-page .panel-title>.small,
.goodies-page .panel-title>.small>a,
.goodies-page .panel-title>a,
.goodies-page .panel-title>small,
.goodies-page .panel-title>small>a,
.page-template-goodies .panel-title>.small,
.page-template-goodies .panel-title>.small>a,
.page-template-goodies .panel-title>a,
.page-template-goodies .panel-title>small,
.page-template-goodies .panel-title>small>a {
    text-decoration: none;
    font-size: 24pt;
    display: block;
    width: 100%;
    padding: 8pt;
    background: #5a5a5a
}

@media (max-width: 1025px) {
    .goodies-page .panel-title>.small,
    .goodies-page .panel-title>.small>a,
    .goodies-page .panel-title>a,
    .goodies-page .panel-title>small,
    .goodies-page .panel-title>small>a,
    .page-template-goodies .panel-title>.small,
    .page-template-goodies .panel-title>.small>a,
    .page-template-goodies .panel-title>a,
    .page-template-goodies .panel-title>small,
    .page-template-goodies .panel-title>small>a {
        font-size: 6vw;
        padding: 3vw 12vw;
        position: relative
    }
}

.goodies-page .panel-body,
.page-template-goodies .panel-body {
    background-color: white;
    text-align: center;
    font-size: 24pt;
    line-height: 1;
    color: #5a5a5a;
    font-weight: lighter;
    padding-bottom: 20pt;
    padding-top: 5pt
}

@media (max-width: 1025px) {
    .goodies-page .panel-body,
    .page-template-goodies .panel-body {
        font-size: 4vw
    }
}

.goodies-page img.arrow,
.page-template-goodies img.arrow {
    position: absolute;
    left: 11pt;
    transform: rotate(90deg)
}

@media (max-width: 1025px) {
    .goodies-page img.arrow,
    .page-template-goodies img.arrow {
        left: 3vw;
        top: 6vw;
        width: 5vw
    }
}

.goodies-page .collapsed,
.page-template-goodies .collapsed {
    background: none !important
}

.goodies-page .collapsed img.arrow,
.page-template-goodies .collapsed img.arrow {
    transform: rotate(0deg)
}

.blockpage {
    background: rgba(0, 0, 0, 0.79);
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    position: fixed;
    color: #fff;
    z-index: 993;
    text-align: center;
    display: none
}

.blockpage .fa {
    position: absolute;
    top: 23%;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    font-size: 85pt
}

@media (min-width: 1024px) {
    .hideme {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

.acc.contrast .hamburger-inner,
.acc.contrast .hamburger-inner:after,
.acc.contrast .hamburger-inner:before {
    background-color: yellow
}

.acc.contrast #float_menu #float_menu_inner {
    background: #000
}

.acc.contrast .panel-body {
    background: #000 !important;
    border: 1px yellow solid !important
}

.acc.contrast .goodies-list .container-goodies-item .print-goodies-item a,
.acc.contrast .goodies-list .container-goodies-item .goodies-item ._goodies-title,
.acc.contrast #float_menu #float_menu_inner ul.list-unstyled li a,
.acc.contrast .panel-title a {
    color: yellow !important
}

.acc.contrast body::-webkit-scrollbar-thumb {
    background-color: yellow
}

.acc.contrast .goodies-list .container-goodies-item .print-goodies-item,
.acc.contrast .goodies-list .container-goodies-item .print-goodies-item,
.acc.contrast .goodies-list .container-goodies-item .goodies-item,
.acc.contrast .goodies-list .container-goodies-item .goodies-item {
    background: #000 !important;
    color: yellow !important;
    box-shadow: 0px 0px 0px 0px;
    border: 1px yellow solid !important
}

.acc.contrast .goodies-list .container-goodies-item .goodies-item:after {
    display: none
}

.acc.contrast.page-template-archive hr {
    border-top: 5px dotted yellow
}

.acc.contrast.page-template-archive .panel-group .panel {
    border-radius: 0
}

.acc.contrast.page-template-archive .read_more a {
    background: #000;
    color: yellow !important;
    border-radius: 0
}

.acc.contrast.page-template-archive .panel {
    background: none
}

.acc.contrast.page-template-archive .read_more {
    position: absolute;
    left: 0;
    bottom: 10pt
}


.acc.contrast.single-post .the-article .panel .panel-body {
    color: yellow
}

.acc.contrast.single-post .the-article .panel {
    background: none
}

.acc.contrast.single-post .panel-group .panel {
    border-radius: 0px
}


.acc.contrast.page-template-template-demo .the-article .panel .panel-body {
    color: yellow
}

.acc.contrast.page-template-template-demo .the-article .panel {
    background: none
}

.acc.contrast.page-template-template-demo .panel-group .panel {
    border-radius: 0px
}

.acc.contrast.products-page .top-header,
.acc.contrast.post-type-archive-products .top-header,
.acc.contrast.single-products .top-header,
.acc.contrast.page-template-archive-products .top-header,
.acc.contrast #step_2 {
    background-color: #000;
    color: yellow
}

.acc.contrast #step_2 .products-list .item-product ._text p,
.acc.contrast #step_2 .products-list .item-product ._text h3 {
    color: yellow
}

.acc.contrast #step_2 .categories-list ul li a.active,
.acc.contrast #step_2 .categories-list ul li a {
    color: yellow
}

.acc.contrast #step_2 .product-item .table-striped>tbody>tr {
    background-color: #000 !important;
    color: yellow
}

.acc.contrast .table>tbody>tr>td {
    border-top: 1px yellow solid
}

.acc.contrast #step_2 .product-item .table>thead>tr>td {
    color: yellow
}

.acc.contrast #step_2 .go-back a {
    color: yellow
}

.acc.contrast #step_1,
.acc.contrast #step_2,
.acc.contrast #step_3,
.acc.contrast #step_4,
.acc.contrast #step_5,
.acc.contrast #step_6 {
    color: yellow;
    background: #000 !important
}

.acc.contrast #step_1 ._ketem,
.acc.contrast #step_2 ._ketem,
.acc.contrast #step_3 ._ketem,
.acc.contrast #step_4 ._ketem,
.acc.contrast #step_5 ._ketem,
.acc.contrast #step_6 ._ketem {
    color: yellow;
    background: #000 !important
}

.acc.contrast #step_1 ._title h2,
.acc.contrast #step_2 ._title h2,
.acc.contrast #step_3 ._title h2,
.acc.contrast #step_4 ._title h2,
.acc.contrast #step_5 ._title h2,
.acc.contrast #step_6 ._title h2 {
    text-shadow: 0px 0px 0px
}

.acc.contrast #step_1 ._title h3,
.acc.contrast #step_2 ._title h3,
.acc.contrast #step_3 ._title h3,
.acc.contrast #step_4 ._title h3,
.acc.contrast #step_5 ._title h3,
.acc.contrast #step_6 ._title h3 {
    color: yellow;
    background: #000 !important
}

.acc.contrast #step_1 ._title h3 a,
.acc.contrast #step_2 ._title h3 a,
.acc.contrast #step_3 ._title h3 a,
.acc.contrast #step_4 ._title h3 a,
.acc.contrast #step_5 ._title h3 a,
.acc.contrast #step_6 ._title h3 a {
    color: yellow;
    border-bottom: 1px solid yellow
}

.acc.contrast #step_1 .green,
.acc.contrast #step_2 .green,
.acc.contrast #step_3 .green,
.acc.contrast #step_4 .green,
.acc.contrast #step_5 .green,
.acc.contrast #step_6 .green {
    color: yellow !important
}

.acc.contrast .into {
    background: #000 !important
}

.acc.contrast .into .footer .container a {
    color: yellow !important;
    border-bottom: 1px solid yellow
}

.acc.contrast #step_1 .play-button {
    color: yellow !important;
    border: 1px yellow solid;
    background-image: url(../images/play-button.png);
    background-repeat: no-repeat;
    background-position: center;
    filter: sepia(100%)
}


._goback a{
    text-decoration: none;
    color: #fff;
    background-color: #0ea836;
    display: inline-block;
    padding: 6pt 12pt;
    float: left;
    font-size: 14pt;
    border-radius: 25px;
    border-bottom-left-radius: 10px;
    transition:.3s;
}

._goback a:hover{
    opacity: .7;
}

@media (max-width: 1024px) {

    ._goback a {
        font-size: 4vw;
        margin-left: 7vw;
        margin-top: -5vw;
    }

}




.page-template-milk-new #step_2{
    background-image: url('../images/extra_desktop.png');
    background-color: #fff;
    /*min-height: 1000px;*/
    /*background-size: 100% 100%;*/
    background-size: auto;
    background-repeat: repeat;
    background-position: center top;
    text-align: center;
    background-repeat: no-repeat;
    min-height: 2050px;
}


.page-template-milk-new #step_2 .milk-product-item ._img img{
    max-width: 100%;
    margin: 0 auto;
    height: auto;
    text-align: center;
}


.page-template-milk-new #step_2 .milk-product-item h2{
    font-weight: bold;
    font-size: 20pt;
}

.page-template-milk-new #step_2 .milk-product-item p{
    font-size: 14pt;
    text-align: center;
    padding: 10pt;
}

.page-template-milk-new #step_2 ._goback a{
    float: none;
    clear: both;
}


.page-template-milk-new #step_2 ._title{
    margin: 6% auto 8% auto;
}

.page-template-milk-new #step_2 ._videos{
    margin: 7% auto -2% auto;
    width: 50%;
    float: none;
}


.page-template-milk-new #step_2 ._videos .owl-carousel .owl-prev {
    position: absolute;
    right: -17%;
    top: 35%;
    font-size: 55pt;
    background: none;
    color: #263870;
    transition: .3s;
}
.page-template-milk-new #step_2 ._videos .owl-carousel .owl-prev:hover{
    opacity: .7;
}

.page-template-milk-new #step_2 ._videos .owl-carousel .owl-next {
    position: absolute;
    left: -17%;
    top: 35%;
    font-size: 55pt;
    background: none;
    color: #263870;
    transition: .3s;
}
.page-template-milk-new #step_2 ._videos .owl-carousel .owl-next:hover{
    opacity: .7;
}

.page-template-milk-new #step_2 ._videos .owl-carousel .owl-video-play-icon {
    background: url(../images/play-button.png) no-repeat;
    background-repeat: no-repeat;
    background-size: cover;
    width: 150px;
    height: 150px;
    left: 0;
    right: 0;
    text-align: center;
    top: 0;
    bottom: 0;
    margin: auto;
}







.page-template-milk-new #step_2 ._videos .owl-carousel .owl-video-wrapper {
    position: relative;
    height: 400PX;
    background: #000;
}


@media(max-width: 1024px){



    .page-template-milk-new #step_2 ._videos{
       width: 75vw;
    }

    .page-template-milk-new #step_2 ._videos .owl-carousel .owl-video-wrapper {
        height: 50vw;
    }

    .page-template-milk-new #step_2 ._videos .owl-carousel .owl-next {
        left: -12vw;
        top: 15vw;
        font-size: 12vw;
    }

    .page-template-milk-new #step_2 ._videos .owl-carousel .owl-prev {
        right: -13vw;
        top: 15vw;
        font-size: 12vw;
    }

    .page-template-milk-new #step_2 ._videos .owl-carousel .owl-video-play-icon {
        width: 20vw;
        height: 20vw;
    }

}



.page-template-milk-new #step_2 ._title h1{
    margin: 0;
    padding: 0;
    color: #263870;
    font-weight: bold;
    font-size: 60pt;
}
.page-template-milk-new #step_2 ._title h3 {
    margin: 0;
    padding: 0;
    color: #263870;
    font-weight: normal;
    font-size: 45pt;
}


.page-template-milk-new #step_2 ._more_info h2 {
    color: #263870;
    font-size: 33pt;
    margin: 8% auto 1% auto;
    line-height: 1;
    font-weight: bold;
}

.page-template-milk-new #step_2 ._icons ul{
    display: block;
    text-align: center;
}

.page-template-milk-new #step_2 ._icons img{
    max-width: 100%;
    margin: 0 auto;
    height: auto;;
}

.page-template-milk-new #step_2 ._icons ul li{
    display: inline-block;
    margin: 5pt;
    border-radius: 55%;
    padding: 10pt;
    transition:.5s;
    cursor: pointer;
}

.page-template-milk-new #step_2 ._icons ul li:hover,
.page-template-milk-new #step_2 ._icons ul li.active
{
    background: #263870;
}

.page-template-milk-new #step_2 ._icons ul li a{
    outline: none;
}

.page-template-milk-new #step_2 ._icon_text{
    display: none;
    float: none;
    margin: 0 auto;
    margin-bottom: 5%;
}

.page-template-milk-new #step_2 ._icon_text.active{
    display: block;
}


.page-template-milk-new #step_2 ._icon_text h2 {
    font-size: 20pt;
    margin-bottom: 2%;
    font-weight: bold;
}

.page-template-milk-new #step_2 ._icon_text p {
    font-size: 14pt;
}

.page-template-milk-new #step_2 .nav-tabs>li>a {
    border: 0;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    background: none;
}

.nav-tabs>li {
    float: none;
}
.nav-tabs {
    border: 0;
}


@media( max-width: 1024px ){

    .page-template-milk-new #step_2 {
        background-image: url(../images/mobile/extra_mobile.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        min-height: 410vw;
    }

    .page-template-milk-new #step_2 ._icons ul li {
        padding: 3vw;
        margin: 0;
        width: 24vw;
    }


    .page-template-milk-new #step_2 ._more_info h2 {
        font-size: 9vw;
        margin: 11vw auto 5vw auto;
        padding: 1vw;
    }

    .page-template-milk-new #step_2 ._icon_text h2 {
        font-size: 7vw;
    }

    .page-template-milk-new #step_2 ._icon_text p {
        font-size: 4vw;
    }

    .page-template-milk-new #step_2 ._title h3 {
        font-size: 8vw;
        font-weight: normal;
    }
    .page-template-milk-new #step_2 ._title h1 {
        font-size: 10vw;
        line-height: .7;
        margin-top: 2vw;
        padding: 0 5vw;
    }

    .page-template-milk-new #step_2 .milk-product-item h2 {
        font-size: 7vw;
    }

    .page-template-milk-new #step_2 .milk-product-item p {
        font-size: 4vw;
        padding: 2vw;
        padding: 2vw 6vw 0 6vw;
    }

    .page-template-milk-new #step_2 ._goback a {
        margin-left: 0;
    }
    .milk-carousel {
        margin-top: 5vw;
    }

    .owl-prev {
        position: absolute;
        right: -4vw;
        top: 25vw;
        width: 10vw;
    }

    .owl-next {
        position: absolute;
        left: -4vw;
        top: 25vw;
        width: 10vw;
    }


    .page-template-milk-new #step_2 .milk-product-item ._img img {
        max-width: 90%;
    }

    .owl-theme .owl-nav [class*=owl-] {
        background: none !important;
    }

    .owl-theme .owl-nav [class*=owl-] img{
        max-width: 100%;
    }


    .page-template-milk-new #step_2 ._icon_text {
        padding: 10vw;
    }

}


.post-type-archive-mozzarella{

}
.post-type-archive-mozzarella #step_1 {
    height: 100vh;
    min-height: 1165px;
    background-size: cover;
    /*background-size: contain;*/
    background-repeat: no-repeat;
    background-position: center top;
}

.post-type-archive-mozzarella #step_1 ._mom{
    margin: 0 auto;
    position: absolute;
    bottom: 0%;
    right: 0%;
    top: 15%;
}

.post-type-archive-mozzarella #step_1 ._mom img{
    max-width: 100%;
    height: auto;
    display: block;
}

.post-type-archive-mozzarella ._logo {
    /*left: 3%;*/
    /*top: 1%;*/
}


.post-type-archive-mozzarella #step_1 ._title{
    position: absolute;
    right: 27%;
    text-align: center;
    margin: 0 auto;
    top: 0.5%;
}

.post-type-archive-mozzarella #step_1 ._title h1{
    color: #00acec;
    text-shadow: 6px 1px 19px #fff;
    font-size: 71pt;
    margin: 0;
    padding: 0;
}

.post-type-archive-mozzarella #step_1 ._title p{
    color: #1a2d68;
    font-size: 26pt;
    margin: 0;
    padding: 0;
    margin-top: -10pt;
    font-weight: normal;
}

.post-type-archive-mozzarella .container {
    width: 1265px;
    margin-right: 20%;
}


.post-type-archive-mozzarella .container #recipes_list {
    margin-top: 17%;
}


.post-type-archive-mozzarella .container #recipes_list .item{
    position: relative;
    height: 326px;
    height: 265px;
    margin: 10px auto;
}

.post-type-archive-mozzarella .container #recipes_list img{
    max-width: 100%;
    /*max-width: 90%;*/
    height: auto;
    transition: 1s all;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.post-type-archive-mozzarella .container #recipes_list img:hover{
    transform: scale(1.05);
}


.post-type-archive-mozzarella #social_buttons {
    position: fixed;
    left: 2%;
    bottom: 2%;
}

.post-type-archive-mozzarella #social_buttons .item {
    margin: 0 3pt;
}


.post-type-archive-mozzarella #step_2 {
    height: 100vh;
    min-height: 970px;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center top;
    margin-top: 5%;
    position: relative;
}


.post-type-archive-mozzarella #step_2 .play-button {
    height: 26%;
    width: 23%;
    position: absolute;
    top: 11%;
    right: 42%;
    outline: none;
}


.post-type-archive-mozzarella #step_2 ._title {
    width: 32%;
    margin-top: 7.5%;
    margin-right: -3%;
    position: relative;
    z-index: 1;
}

.post-type-archive-mozzarella #step_2 ._text {
    width: 32%;
    margin-top: 2.5%;
    margin-right: -3%;
    position: relative;
    z-index: 1;
}

.post-type-archive-mozzarella #step_2 ._title h2 {
    font-size: 30px;
    font-size: 61pt;
    line-height: .8;
    color: #1a2d68;
}

.post-type-archive-mozzarella #step_2 ._text p {
    font-size: 14pt;
    color: #000;
    line-height: 1.15;
}


.post-type-archive-mozzarella #step_2 ._text p .green {
    color: #0ea836
}

.post-type-archive-mozzarella #step_2 ._text a {
    text-decoration: none;
    background: #1a2d68;
    font-size: 17pt;
    color: #fff;
    transition: .3s;
    display: inline-block;
    padding: 1pt 7pt 3pt 7pt;
}

.post-type-archive-mozzarella #step_2 ._text a:hover{
    opacity: .7;
 }



 .single-mozzarella{
    background-color: #fff;
    background-image: url('../images/mutsarela/Desktop-Video-Page.png');
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center top;
 }

 .single-mozzarella a._bars{
    display: none;
 }

.single-mozzarella ._goback{
position: absolute;
right: 1%;
top: 2%;
}

.page-template-goodies-mutsarela ._goback{
position: absolute;
right: 1%;
top: 2%;
filter: brightness(100);
}




.page-template-goodies-mutsarela .trigger_float_menu{
    display: none;
} 

 .single-mozzarella #step_1 ._mom{
    margin: 0 auto;
    position: absolute;
    bottom: 0%;
    right: 2%;
    top: 17%;
    width: 14%;
    margin: 0 auto;
}

.single-mozzarella #step_1 ._mom img{
    max-width: 100%;
    height: auto;
    display: block;
}


.single-mozzarella img,.single-mozzarella iframe{
    max-width: 100%;
    height:auto;
    display: block;
    /*margin: 0 auto;*/
}

.single-mozzarella .container{
    margin-top: 1%;
}

.single-mozzarella iframe{
    height: 775px;
    width: 100%;
    width: 730px;
    height: 730px;
}

.single-mozzarella img{
    margin-bottom: 50pt;
}

.single-mozzarella ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

.single-mozzarella ul li,.single-mozzarella p{
    color: #1a2d68;
    font-size: 14pt;
    line-height: 1.3;
}

.single-mozzarella p{
    margin-bottom: 15pt;
    line-height: 1;
}

.single-mozzarella h2{
    color: #1a2d68;
    font-size: 15pt;
    font-weight: bold;
    margin: 0;
}

.single-mozzarella a.btn {
    background: #1a2d68;
    color: #fff;
    border-radius: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    /*margin: 3pt;*/
    height: 28pt;
    text-align: right;
    font-size: 11pt;
    transition: .3s;
    margin-bottom: 20pt;
}

.single-mozzarella a.btn:hover{
    opacity: .7;
}

.single-mozzarella a.btn img{
    display: inline-block;
    padding-left: 3pt;
    margin-bottom: 0;
}

.single-mozzarella .col-md-3{
    padding: 0;
    padding-left: 10pt;
    margin-top: 5pt;
}

.single-mozzarella .col-md-3:last-child{
    padding-left: 0;
}


    .post-type-archive-mozzarella ._logo img {
        max-width: 100%;
    }


@media(max-width: 1680px) and (max-height: 1050px){

    .post-type-archive-mozzarella #step_1 ._mom {
        right: 0%;
        top: 26%;
    }


    .post-type-archive-mozzarella #step_1 ._title h1 {
        font-size: 61pt;
    }

/*    .post-type-archive-mozzarella .container #recipes_list .item {

    }*/



    .post-type-archive-mozzarella #step_2 ._text {
        margin-right: -5.5%;
    }

    .post-type-archive-mozzarella #step_2 ._title {
        margin-right: -6%;
    }

    .post-type-archive-mozzarella #step_1 ._mom img {
        max-width: 90%;
    }

/*    .post-type-archive-mozzarella #step_1 ._mom img {
        max-width: 74%;
        margin-right: 16%;
    }*/

    .single-mozzarella iframe {
        height: 720px;
    }

    .single-mozzarella #step_1 ._mom {
        right: 1%;
    }

}



@media(max-width: 1440px) and (max-height: 900px){

    .post-type-archive-mozzarella #step_2 ._text {
        margin-right: 0%;
    }

    .single-mozzarella iframe {
        height: 550px;
        height: 500px;
        width: 500px;
    }

    .single-mozzarella #step_1 ._mom {
        right: 1%;
    }


    .single-mozzarella ul li, .single-mozzarella p {
        font-size: 13pt;
    }

    .single-mozzarella h2 {
        font-size: 13pt;
    }

    .single-mozzarella img {
        margin-bottom: 25pt;
    }

    .single-mozzarella #step_1 ._mom {
        right: 2%;
    }

    .post-type-archive-mozzarella .container #recipes_list {
        margin-top: 12%;
    }

    .post-type-archive-mozzarella #step_1 ._mom {
        right:-3%;
        top: 36%;
    }

    .post-type-archive-mozzarella .container #recipes_list {
        margin-top: 12%;
    }

    .post-type-archive-mozzarella #step_2 ._title {
        margin-right: 0;
    }

    .post-type-archive-mozzarella .container {
        margin: 0 auto;
    }

    .post-type-archive-mozzarella .container #recipes_list img {
        max-width: 100%;
    }

    .post-type-archive-mozzarella #step_1 .container {
        margin: 0 auto;
        width: 75%;
        margin-right: 25%;
        margin-top: 5%;
    }

    .post-type-archive-mozzarella .container #recipes_list img {
        max-width: 100%;
    }

    .container {
        width: 960px;
    }

    .single-mozzarella #step_1 ._mom {
        right: -1%;
    }

    .single-mozzarella a.btn img {
        width: 15pt;
    }

    .single-mozzarella a.btn {
        height: 24pt;
        font-size: 9pt;
    }

    .post-type-archive-mozzarella ._logo,
    .single-mozzarella ._logo
    {
        top: 2%;
        width: 10%;
    }


    .post-type-archive-mozzarella .container #recipes_list .item{
        height: 300px;
    }

    .post-type-archive-mozzarella #step_1 ._title {
        right:20%;
    }


    .post-type-archive-mozzarella .container #recipes_list {
        margin-top: 12%;
        position: relative;
        right: -6%;
    }

    .single-mozzarella .col-lg-4 {
        width: 40.333333%;
    }

    .single-mozzarella .col-lg-8 {
        width: 58.666667%;
    }

    .single-mozzarella .container {
        width: 930px;
    }
}


@media(max-width: 1366px) and (max-height: 768px){

    .single-mozzarella .col-lg-4 {
        width: 40.333333%;
    }

    .single-mozzarella .col-lg-8 {
        width: 58.666667%;
    }

    .post-type-archive-mozzarella #step_2 ._text {
        margin-right: 0%;
    }


    .single-mozzarella iframe {
        height: 480px;
        height: 500px;
        width: 500px;
    }

    .single-mozzarella #step_1 ._mom {
        right: 1%;
    }


    .single-mozzarella ul li, .single-mozzarella p {
        font-size: 12pt;
    }

    .single-mozzarella h2 {
        font-size: 12pt;
    }

    .single-mozzarella img {
        margin-bottom: 25pt;
    }

    .single-mozzarella #step_1 ._mom {
        right: 2%;
    }
    .post-type-archive-mozzarella #step_1 ._mom {
        right:-3%;
        top: 36%;
    }

    .post-type-archive-mozzarella #step_1 {
        min-height: 1080px;
    }

    .post-type-archive-mozzarella .container #recipes_list {
        margin-top: 12%;
        position: relative;
        right: -6%;
    }

    .post-type-archive-mozzarella #step_2 ._title {
        margin-right: 0;
    }

    .post-type-archive-mozzarella .container {
        margin: 0 auto;
    }

    .post-type-archive-mozzarella .container #recipes_list img {
        max-width: 100%;
    }

    .post-type-archive-mozzarella #step_1 .container {
        margin: 0 auto;
        width: 75%;
        margin-right: 25%;
        margin-top: 5%;
    }

    .post-type-archive-mozzarella .container #recipes_list img {
        max-width: 100%;
    }

    .container {
        width: 960px;
    }

    .single-mozzarella #step_1 ._mom {
        right: 1%;
    }

    .single-mozzarella a.btn img {
        width: 15pt;
    }

    .single-mozzarella a.btn {
        height: 24pt;
        font-size: 9pt;
    }


    .post-type-archive-mozzarella ._logo,
    .single-mozzarella ._logo
    {
        top: 2%;
        width: 10%;
    }

    .post-type-archive-mozzarella .container #recipes_list .item{
        height: 255px;
    }

    .post-type-archive-mozzarella #step_1 ._title {
        right: 18%;
    }

    .single-mozzarella .container {
        width: 930px;
    }

}


@media(max-width: 1280px) and (max-height: 1024px){



    .single-mozzarella .col-lg-4 {
        width: 40.333333%;
    }

    .single-mozzarella .col-lg-8 {
        width: 58.666667%;
    }

    .post-type-archive-mozzarella #step_2 ._text {
        margin-right: 1.5%;
    }
    .single-mozzarella iframe {
        height: 450px;
        width: 500px;
        height: 500px;
    }

    .single-mozzarella #step_1 ._mom {
        right: 1%;
    }


    .single-mozzarella ul li, .single-mozzarella p {
        font-size: 12pt;
    }

    .single-mozzarella h2 {
        font-size: 12pt;
    }

    .single-mozzarella img {
        margin-bottom: 25pt;
    }

    .single-mozzarella #step_1 ._mom {
        right: 2%;
    }


    .post-type-archive-mozzarella .container #recipes_list {
        margin-top: 12%;
    }

    .post-type-archive-mozzarella #step_1 ._title {
        right: 19%;
    }

    .post-type-archive-mozzarella #step_1 ._title h1 {
        font-size: 56pt;
    }
    .post-type-archive-mozzarella #step_1 ._mom {
        right:-3%;
        top: 36%;
    }

    .post-type-archive-mozzarella #step_2 ._title {
        margin-right: 1%;
    }

    .post-type-archive-mozzarella .container {
        margin: 0 auto;
    }

    .post-type-archive-mozzarella .container #recipes_list img {
        max-width: 30%;
    }

    .post-type-archive-mozzarella #step_1 .container {
        margin: 0 auto;
        width: 75%;
        margin-right: 25%;
        margin-top: 5%;
    }

    .post-type-archive-mozzarella .container #recipes_list img {
        max-width: 100%;
    }

    .container {
        width: 960px;
        max-width: 100%;

    }

    .single-mozzarella #step_1 ._mom {
        right: -1%;
    }

    .single-mozzarella a.btn img {
        width: 15pt;
    }

    .single-mozzarella a.btn {
        height: 24pt;
        font-size: 9pt;
    }

    .post-type-archive-mozzarella ._logo,
    .single-mozzarella ._logo
    {
        top: 2%;
        width: 10%;
    }

    .post-type-archive-mozzarella .container #recipes_list .item {
        height: 240px;
    }

    .single-mozzarella .container {
        width: 930px;
    }
}



@media(max-width: 1024px){


    .single-mozzarella .col-lg-8 {
        width: 100%;
    }
    .single-mozzarella .col-lg-4 {
        width: 100%;
    }

    .post-type-archive-mozzarella #step_2 ._text {
        margin-right: 0;
        width: 52vw;
        position: absolute;
        background: red;
        right: 0vw;
        top: 5vw;
    }

    .post-type-archive-mozzarella .container #recipes_list .item {
        margin: 0vw auto;
    }

    .post-type-archive-mozzarella .container #recipes_list {
        right: 0;
    }

    .spot1{
        display: none;
    }
    .spot2{
        display: none;
    }

    .single-mozzarella ._mom{
        display: none;
    }

    .single-mozzarella a.btn {
        height: auto;
        font-size: 12vw;
    }

    .single-mozzarella a.btn img {
        width: 6vw;
    }

    .single-mozzarella .container{
        max-width: 100%;
    }

    .single-mozzarella ._logo{
        display: none;
    }

    .single-mozzarella iframe {
        height: 65vw;
        width: 100%;
        width: 84vw;
        height: 84vw;
    }

    .single-mozzarella img {
        margin-bottom: 10vw;
    }

    .single-mozzarella h2 {
        font-size: 5vw;
    }

    .single-mozzarella ul li, .single-mozzarella p {
        font-size: 3.5vw;
    }


    .single-mozzarella p {
        margin-bottom: 7vw;
    }

    .single-mozzarella ul {
        margin-bottom: 7vw;
    }

    .main_img{
        margin-top: 10vw;
    }

    .single-mozzarella ._goback {
        right: 2vw;
        top: 2vw;
        width: 8vw;
        z-index:9;
    }
    .single-mozzarella a.btn {
        height: auto;
        font-size: 3.7vw;
        margin-bottom: .5vw;
    }

    .single-mozzarella .col-md-3 {
        padding-left: 0;
    }

    .single-mozzarella ._text{
        margin-top: 7vw;
    }

    .single-mozzarella #btn1{
        padding-left: 1vw;
    }

    .single-mozzarella #btn2{
        padding-right: 1vw;
    }
    .single-mozzarella #btn3{
        padding-left: 1vw;
    }
    .single-mozzarella #btn4{
        padding-right: 1vw;
    }

    .post-type-archive-mozzarella .container{
        max-width: 100%;
    }

    .post-type-archive-mozzarella #step_2 {
        height: 190vw;
        min-height: 1px;
        background-size: cover;
    }

    .post-type-archive-mozzarella #step_2 ._title {
        width: 100%;
    }

    .post-type-archive-mozzarella #step_2 ._title h2 {
        font-size: 18vw;
    }

    .post-type-archive-mozzarella #social_buttons {
        display: none;
    }

    .post-type-archive-mozzarella #step_1 ._mom {
        display: none;
    }

    .post-type-archive-mozzarella .container #recipes_list img {
        max-width: 100%;
        margin: 3vw auto;
    }

    .post-type-archive-mozzarella #step_1 .container {
        width: 100%;
        margin: 0 auto;
        margin-top: 60vw;
    }


    .post-type-archive-mozzarella #step_1 ._title h1 {
        font-size: 12vw;
        line-height: .8;
        padding: 0 8vw;
        margin-top: 6vw;
    }

    .post-type-archive-mozzarella #step_1 ._title {
        top: 25vw;
        right: 0;
        left: 0;
    }

    .post-type-archive-mozzarella .container #recipes_list {
        margin-top: 5vw;
    }

    .post-type-archive-mozzarella #step_1 ._title p {
        font-size: 7vw;
        margin-top: 1vw;
        padding: 0vw;
        margin: 2vw 10vw;
        line-height: .9;
    }

    .post-type-archive-mozzarella ._logo {
        left: 1vw;
        top: 1vw;
        width: 20vw;
    }

    .post-type-archive-mozzarella #step_1 {
        height: auto;
        min-height: 1px;
        background-size: contain;
        background-color: #bab5af;
        margin-bottom: 15vw;
        padding-bottom: 10vw;
    }

    .post-type-archive-mozzarella #step_2 .play-button {
        height: 51vw;
        width: 87vw;
        position: absolute;
        top: 44vw;
        right: 6vw;
        outline: none;
    }

    .post-type-archive-mozzarella #step_2 ._text p {
        font-size: 4.5vw;
        color: #000;
        line-height: 1.15;
        position: absolute;
        right: 48vw;
        width: 46vw;
        top: 104vw;
        display: inline-block;
        text-shadow: 5px 5px 8px #fff;
    }

    .post-type-archive-mozzarella #step_2 ._text p br{
        display: none;
    }

    .post-type-archive-mozzarella #step_2 ._text a {
        font-size: 5vw;
        width: 49vw;
        right: 48vw;
        top: 138vw;
        position: absolute;
        line-height: 1;
    }

    .single-mozzarella{
        background:#fff;
    }

}




@media print { 
 /* All your print styles go here */

     .single-mozzarella .main_img{
        /*display: none;*/
        text-align: center;
        width: 50%;
     }

     .single-mozzarella ._logo{
        position: inherit;
     }
     .single-mozzarella ._logo img {
        display: block;
     }

     .single-mozzarella .acctoggel{
        display: none;
     }

     .single-mozzarella ._goback{
        display: none;
     }

     .single-mozzarella iframe{
        display: none;
     }

     .single-mozzarella .btn{
        display: none;
     }

     .single-mozzarella ul li, .single-mozzarella p {
         font-size: 14pt;
     }

     .single-mozzarella h2 {
         font-size: 14pt;
     }

     #float_menu {
        display: none;
     }


     .single-mozzarella p {
         margin-bottom: 0;
     }

}

.spot1 {
    background-image: url(../images/mutsarela/spot1.png);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: cover;
    background-position: 0% 8%;
    background-repeat: no-repeat;
}

.spot2 {
    background-image: url(../images/mutsarela/spot2.png);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat;
}


.post-type-archive-mozzarella #step_1 ._title h1 br{
    display: none;
}

@media (max-width: 1024px){
    .post-type-archive-mozzarella #step_1 ._title h1 br{
    display: block;
    }

    .post-type-archive-mozzarella .container #recipes_list .item {
        height: 100%;
            padding: 0;
    }

    .post-type-archive-mozzarella .container #recipes_list .item img{
        position: inherit;
        margin: 1vw;
    }
}


.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}



/* The Modal (background) */
#couponModal {
    display: none;
    position: fixed;
    z-index: 981;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    justify-content: center;
    align-items: center;
}

/* Modal Content/Box */
#couponModal .modal-content {
    background-color: #fff;
    margin: 15% auto;
    padding: 5vw;
    padding: 5vw 5vw 2vw 5vw;
    width: 100%;
    max-width: 32vw;
    position: relative;
    border-radius: 0.5vw;
}
#couponModal .form-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding: 20px;
    color: #fff;
    border-radius: 0.4vw 0.4vw 0 0;
    font-size: 1.5vw;
}
.bg-main-color {
    background-color: #002054;
}
#couponModal label {
    display: block;
    font-weight: 500;
}

#couponModal select,
#couponModal input {
    display: block;
    width: 100%;
    padding: 0.6vw;
    margin-bottom: 10px;
    border-radius: 8px;
    border: 0.5px solid #a1a6b3;
    font-size: 1.3rem;
}
#couponModal input[type="checkbox"] {
    display: inline-block;
    width: auto;
}
#couponModal .checkboxes {
    margin-top: 1vw;
}
#couponModal .group {
    width: 35%;
    display: inline-block;
    vertical-align: top;
}
#couponModal .group:first-child {
    margin-left: 1vw;
}

#couponModal select, #couponModal input {
    display: block;
    width: 100%;
    padding: 0.6vw;
    margin-bottom: 10px;
    border-radius: 8px;
    border: 0.5px solid #a1a6b3;
    font-size: 1.6rem;
    font-family: arial;
}

/* Customize the label (the container) */
.container-checkbox {
    display: block;
    position: relative;
    padding-right: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 1.28rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.container-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    right: 0;
    height: 15px;
    width: 15px;
    background-color: #fff;
    border: 1.6px solid black;
}
.error {
    color: red;
}
/* On mouse-over, add a grey background color */
.container-checkbox:hover input ~ .checkmark {
    background-color: #eee;
}

/* When the checkbox is checked, add a blue background */
.container-checkbox input:checked ~ .checkmark {
    background-color: #013a5e;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container-checkbox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container-checkbox .checkmark:after {
    left: 3px;
    top: 0px;
    width: 5px;
    height: 8px;
    border: solid white;
    border-width: 0px 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

label[for^="agree"]{
    font-size: 0.7vw;
}
/* The Close Button */
#couponModal .close {
    position: absolute;
    font-size: 1.8vw;
    font-weight: bold;
    top: -1vw;
    right: -1vw;
    background: #fff;
    z-index: 2;
    height: 40px;
    width: 40px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #002054;
}

#couponModal .close:hover,
#couponModal .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
#couponFormSubmit {
    margin: 0 auto;
    display: block;
    padding: 0.5vw 2vw;
    border-radius: 2vw;
    font-weight: 700;
    margin-top: 0.8vw;
    border: 0;
    font-size: 2.5rem;
    color: #fff;
}

#couponModal .close_btn {
    color: #fff;
    position: absolute;
    background: #fff;
    display: inline-block;
    padding: 1vw;
    border-radius: 5vw;
    top: -35px;
    right: -31px;
    z-index: 10;
}
#couponModal button.close_btn {
    cursor: pointer;
    border: 0;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 50px;
    height: 50px;
}
#couponModal button.close_btn:focus{
    outline: 2px #fff dotted !important;
}
#couponModal button.close_btn:before, #couponModal button.close_btn:after {
  left: 45%;
  content: "";
  height: 60%;
  width: 6.6%;
  background: #002054;
  position: absolute;
  top: 20%;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#couponModal  button.close_btn:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
@media(max-width: 1024px){
  #couponModal{
    z-index: 99999999999;
  }
  .couponModalBtn,
      .buttons a {
          font-size: 8rem;
          display: block;
      }
  #couponModal .modal-content {
          max-width: 100%;
          height: 100%;
      }
  #couponModal .form-header {
          font-size: 5.5vw;
      }
  #couponModal .form {
          margin-top: 20vw;
      }
  #couponModal .form h2 {
          font-size: 20px;
          margin-top: 30%
      }
      #couponModal label {
          font-size: 3.5vw;
      }
      #couponModal select,
      #couponModal input {
          height: 35px;
          font-size: 4vw;
          text-indent: 5vw;
      }
      #couponModal label[for^="agree"] {
          font-size: 3vw;
      }
      #couponFormSubmit {
          font-size: 2rem;
          border-radius: 7vw;
          padding: 2vw 15vw;
      }
      #couponModal .close {
          position: absolute;
          font-size: 26px;
          font-weight: bold;
          top: 2%;
          left: 4%;
          height: 30px;
          width: 30px;
          right: unset;
          z-index: 5;
      }

      #couponModal .close_btn{            
        padding: 4vw;
        border-radius: 0;
        top: 0;
        right: 0;
      }
}

input.error,
select.error,
textarea.error {
  background-color: pink !important;
  color: red !important;
  border-color: red !important;
}

label.error {
  font-size: 14px !important;
  color: red !important;
}



.shoko_popup{    
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  position: fixed;
  top: 0;
  text-align: center;
  transition: .3s all;
  opacity: 0;
  visibility: hidden;
  width: 0;
  z-index: 99999;
}
.shoko_popup.active{
  width: 31vw;
  opacity: 1;
  visibility: visible;
  height: 80vh;
}
.shoko_popup img{  
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
.shoko_popup .closexx {
  position: absolute;
  right: auto;
  top: 2vw;
  height: 4vw;
  background: red;
  top: 0;
  left: 0;
  width: 3vw;
  height: 3vw;
  background: transparent;
  opacity: 1;
  font-size: 2vw;
  font-family: arial;
  color: #000;
  /* color: #fff; */
  text-decoration: none;
}
@media (max-width: 1024px) {

    .shoko_popup .closexx{
        top: -15vw;
        right: 2vw;
        font-size: 12vw;
        width: 6vw;
        height: 6vw;
        color: #fff;
    }

    .shoko_popup.active{
      width: 90vw;
      height: 55vh;
    }
}



.page-template-contactus{
    background-image: url('../images/contactus/contactus.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}



.page-template-contactus ._rightketem {
    position: absolute;
    width: 7vw;
    right: 0;
    top: 35.6vw;
    z-index: 1;
}

.page-template-contactus ._topketem{
    position: absolute;
    top: 0;
    left: 29.9vw;
    width: 14.2vw;
    z-index: 1;
}
.page-template-contactus ._leftketem{
    position: absolute;
    left: 0;
    top: 23.5vw;
    width: 6.3vw;
    z-index: 1;
}

.page-template-contactus ._rightketem img,
.page-template-contactus ._topketem img,
.page-template-contactus ._leftketem img{
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

.page-template-contactus ._logo {
    position: absolute;
    top: 1.2vw;
    z-index: 2;
    left: 8vw;
    width: 8.5vw;
}

.page-template-contactus #step1{
    background: #122864;
    position: absolute;
    left: 0;
    right: 0;
    top: 9.05vw;
    height: 21.2vw;
}


.page-template-contactus ._title{
    position: absolute;
    right: 19.5vw;
    top: 1.6vw;
}
.page-template-contactus ._title h1,
.page-template-contactus ._title h2{
    color: #fff;
    margin: 0;
    padding: 0;
}

.page-template-contactus ._title h1{
    font-size: 2.4vw;
}

.page-template-contactus ._title h2{
    margin-top: 1.4vw;
    position: relative;
    font-size: 1.15vw;
    /*right: -.3vw;*/
}

.page-template-contactus ._list{
    position: absolute;
    right: 19.4vw;
    top: 7.8vw;
}

.page-template-contactus ._list ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.page-template-contactus ._list ul li,
.page-template-contactus ._list ul li a
{
    color: #fff;
    display: flex;
    flex-wrap: wrap;
}

.page-template-contactus ._list ul li ._img{
    width: 2.4vw;
    margin-left: 0.5vw;
}
.page-template-contactus ._list ul li ._img img{
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

.page-template-contactus ._list ul li ._text p{    
    margin: 0;
    padding: 0;
    font-size: 1vw;
}
.page-template-contactus ._list ul li:nth-child(1){
    margin-bottom: .7vw;
}

.page-template-contactus ._list ul li:nth-child(2){
    margin-bottom: 1.1vw;
}
.page-template-contactus ._list ul li:nth-child(2) ._text p{
    position: relative;
    top: .4vw;
}
.page-template-contactus ._list ul li:nth-child(3) ._text p{
    position: relative;
    top: .4vw;
}

.page-template-contactus ._form{
    background: #fff;
    position: absolute;
    right: 62.8vw;
    border: 1px #122863 solid;
    top: 2.2vw;
    width: 24.9vw;
    margin-bottom: 2vw;
}

.page-template-contactus form{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 1.2vw .6vw;
}


.page-template-contactus form ._input{
    width: 47%;
}
.page-template-contactus form ._input:nth-child(6){
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.page-template-contactus form ._input:nth-child(9)
/*.page-template-contactus form ._input:nth-child(14)*/
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}
.page-template-contactus form ._input input:not([type='checkbox']),
.page-template-contactus form ._input select,
.page-template-contactus form ._input button.likeinput
{
    width: 100%;
    height: 2vw;
    margin-bottom: 1.3vw;
    font-size: .9vw;
    text-indent: .5vw;
    font-weight: normal;
    border-radius: 5px;
    border: 1px #122864 solid;
    box-sizing: border-box;
    background: #fff;
}


.page-template-contactus form ._input:nth-child(6) input
{
    width: 47%;

}

.page-template-contactus form ._input:nth-child(7){
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 97%;
    margin: 0 auto;
}

.page-template-contactus form ._input:nth-child(7) input
{
    width: 48.5%;
}

.page-template-contactus form ._input:nth-child(8){
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.page-template-contactus form ._input button.likeinput{
    text-align: right;
    width: 100%;
    margin: 0 auto;
    background-image: url(../images/contactus/pin.png);
    background-repeat: no-repeat;
    background-position: .7vw;
    position: relative;
    overflow:hidden;
}

.page-template-contactus form ._input input[type='file']{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    opacity: 0;
    z-index: 9;
    cursor: pointer;
    transform: scale(10);
}

.page-template-contactus form ._input textarea{
    background: #fff;
    border: 1px #122863 solid;
    width: 97%;
    resize: none;
    position: relative;
    height: 6.5vw;
    border-radius: 5px;
    margin: 0 auto;
    padding: .5vw;
    box-sizing: border-box;
}

.page-template-contactus form ._input p,
.page-template-contactus form ._input label
{
    width: 97%;
    margin: 0 auto;
    margin-top: .5vw;
    margin-bottom: 0.7vw;
    font-size: .8vw;
    line-height: 1.2;
    font-weight: normal;
}

.page-template-contactus form ._input label{
    margin: 0 auto;
    font-size: .7vw;
}

.page-template-contactus form ._input:nth-child(14),
.page-template-contactus form ._input:nth-child(15),
.page-template-contactus form ._input:nth-child(16)
{
    width: 97%;
    display: flex;
    margin-top: 1vw;
    position: relative;
}
.page-template-contactus input[type="checkbox"]{
    padding: 0;
    margin-left: 0.5vw;
}
.page-template-contactus form ._input:nth-child(16){
    justify-content: flex-end;
}
.page-template-contactus form ._input:nth-child(16) button{
    background: #112763;
    border: 1px #112763 solid;
    color: #fff;
    width: 50%;
    display: block;
    border-radius: 5px;
    padding: .4vw;
    font-size: 1.2vw;
}


.page-template-contactus form ._input input.error,
.page-template-contactus form ._input select.error{
    margin-bottom: 0;
}

.page-template-contactus label.error {
    font-size: .7vw !important;
}
label#takanon-error {
    position: absolute;
    bottom: -1vw;
    right: 1vw;
}

.page-template-contactus .likeinput.valid{
    background-color: #4CAF50 !important;
    color: #fff !important;
}
@media(max-width: 1024px){
    .page-template-contactus ._logo {
        top: 2vw;
        width: 20vw;
        left: 5vw;
    }
    .page-template-contactus #step1 {
        top: 23vw;
        height: 80vw;
    }
    .page-template-contactus ._title h1 {
        font-size: 8vw;
    }
    .page-template-contactus ._title h2 {
        font-size: 4vw;
    }
    .page-template-contactus ._title {
        right: 5vw;
        top: 5vw;
    }
    .page-template-contactus ._rightketem,.page-template-contactus ._leftketem,.page-template-contactus ._topketem{
        display: none;
    }
    .page-template-contactus ._list {
        right: 5vw;
        top: 25vw;
    }
    .page-template-contactus ._list ul li ._img {
        margin-left: 4vw;
        width: 7vw;
    }
    .page-template-contactus ._list ul li ._text p {
        font-size: 4vw;
    }
    .page-template-contactus ._list ul li:nth-child(1) {
        margin-bottom: 3vw;
    }
    .page-template-contactus ._list ul li:nth-child(2) {
        margin-bottom: 3.5vw;
    }

   .page-template-contactus ._list ul li:nth-child(1) ._text{
        position: relative;
        top: -1vw;
    }
    .page-template-contactus ._form {
        top: 70vw;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 90vw;
        margin-bottom: 10vw;
    }
    .page-template-contactus form ._input {
        width: 100%;
    }
    .page-template-contactus form ._input input:not([type='checkbox']), .page-template-contactus form ._input select, .page-template-contactus form ._input button.likeinput {
        font-size: 4vw;
        height: 10vw;
        text-indent: 3vw;
        margin-bottom: 5vw;
    }
    .page-template-contactus form {
        padding: 7vw 4vw;
    }
    .page-template-contactus form ._input:nth-child(6) input {
        width: 48.5%;
    }
    .page-template-contactus form ._input:nth-child(7) {
        width: 100%;
    }
    .page-template-contactus form ._input input:not([type='checkbox']), .page-template-contactus form ._input select, .page-template-contactus form ._input button.likeinput {
        width: 100%;
    }
    .page-template-contactus form ._input button.likeinput {
        background-position: 3.5vw;
    }
    .page-template-contactus form ._input textarea {
        width: 100%;
        font-size: 4vw;
        height: 10vw;
        text-indent: 3vw;
        margin-bottom: 5vw;
        line-height: 2;
    }
    .page-template-contactus form ._input p, .page-template-contactus form ._input label {
        font-size: 4vw;
    }
    .page-template-contactus form ._input p br, .page-template-contactus form ._input label br{
        display: none;
    }
    .page-template-contactus form ._input:nth-child(9), .page-template-contactus form ._input:nth-child(14) {
        margin: 0vw auto 4vw;
    }
    .page-template-contactus input[type="checkbox"] {
        margin-left: 3vw;
    }
    .page-template-contactus form ._input:nth-child(14) {
        margin: 0 auto;
    }
    .page-template-contactus form ._input:nth-child(16) button {
        width: 100%;
        font-size: 7vw;
        padding: 1vw;
        margin: 5vw auto;
    }
    .page-template-contactus form ._input:nth-child(15), .page-template-contactus form ._input:nth-child(16), .page-template-contactus form ._input:nth-child(17) {
        margin: 1vw auto;
    }
    .page-template-contactus {
        background-image: url(../images/contactus/contactus_mobile.jpg);
    }
    .page-template-contactus form ._input input.error,
    .page-template-contactus form ._input select.error
    {
        margin-bottom: 0;
    }
    .page-template-contactus label.error {
        font-size: 3vw !important;
    }
    label#takanon-error {
        bottom: -3vw;
        right: 6vw;
    }
}


.acc.contrast.page-template-contactus ._form {
    background: #000;
    color: yellow;
    border: 1px yellow solid;
}
.acc.contrast.page-template-contactus form ._input input:not([type='checkbox']),
.acc.contrast.page-template-contactus form ._input select,
.acc.contrast.page-template-contactus form ._input button.likeinput
{
    border: 1px yellow solid;
    background: #000;
}
.acc.contrast.page-template-contactus form ._input textarea {
    background: #000;
    border: 1px yellow solid;
}
.acc.contrast.page-template-contactus form ._input:nth-child(16) button {
    background: #000000;
    border: 1px yellow solid;
    color: yellow;
}

.acc.contrast.page-template-contactus #step1 {
    background: #000000;
    border: 1px yellow solid;
    border-left: 0;
    border-right: 0;
}

.acc.contrast.page-template-contactus ._rightketem,

.acc.contrast.page-template-contactus ._topketem,
.acc.contrast.page-template-contactus ._leftketem{
    display: none;
}

.acc.contrast input.error, .acc.contrast select.error, .acc.contrast textarea.error {
    background-color: black !important;
    color: yellow !important;
    border-color: yellow !important;
}
.acc.contrast  label.error {
    color: yellow !important;
}













.page-id-6230{
    background-image: url('../images/contactus/contactus.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}



.page-id-6230 ._rightketem {
    position: absolute;
    width: 7vw;
    right: 0;
    top: 35.6vw;
    z-index: 1;
}

.page-id-6230 ._topketem{
    position: absolute;
    top: 0;
    left: 29.9vw;
    width: 14.2vw;
    z-index: 1;
}
.page-id-6230 ._leftketem{
    position: absolute;
    left: 0;
    top: 23.5vw;
    width: 6.3vw;
    z-index: 1;
}

.page-id-6230 ._rightketem img,
.page-id-6230 ._topketem img,
.page-id-6230 ._leftketem img{
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

.page-id-6230 ._logo {
    position: absolute;
    top: 1.2vw;
    z-index: 2;
    left: 8vw;
    width: 8.5vw;
}

.page-id-6230 #step1{
    background: #122864;
    position: absolute;
    left: 0;
    right: 0;
    top: 9.05vw;
    height: auto;
    padding-bottom: 4vw;
}


.page-id-6230 ._title {
    position: absolute;
    right: 19.5vw;
    top: 1.6vw;
    position: relative;
    right: 0;
    left: 0;
    max-width: 50%;
    margin: 0 auto;
}
.page-id-6230 ._title h1,
.page-id-6230 ._title h2,
.page-id-6230 ._title h3,
.page-id-6230 ._title ul li,
.page-id-6230 ._title p{
    color: #fff;
    margin: 0;
    padding: 0;
}

.page-id-6230 ._title a{
    color: inherit;
    text-decoration: underline;
}

.page-id-6230 ._title h1{
    font-size: 2.4vw;
}
.page-id-6230 ._title h2{
    font-size: 2vw;
}
.page-id-6230 ._title p{
    margin-top: 1.4vw;
    position: relative;
    font-size: 1.15vw;
    /*right: -.3vw;*/
}

.page-id-6230 ._list{
    position: absolute;
    right: 19.4vw;
    top: 7.8vw;
}

.page-id-6230 ._list ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.page-id-6230 ._list ul li,
.page-id-6230 ._list ul li a
{
    color: #fff;
    display: flex;
    flex-wrap: wrap;
}

.page-id-6230 ._list ul li ._img{
    width: 2.4vw;
    margin-left: 0.5vw;
}
.page-id-6230 ._list ul li ._img img{
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

.page-id-6230 ._list ul li ._text p{    
    margin: 0;
    padding: 0;
    font-size: 1vw;
}
.page-id-6230 ._list ul li:nth-child(1){
    margin-bottom: .7vw;
}

.page-id-6230 ._list ul li:nth-child(2){
    margin-bottom: 1.1vw;
}
.page-id-6230 ._list ul li:nth-child(2) ._text p{
    position: relative;
    top: .4vw;
}
.page-id-6230 ._list ul li:nth-child(3) ._text p{
    position: relative;
    top: .4vw;
}

@media(max-width: 1024px){
     .page-id-6230 ._logo {
         top: 2vw;
         width: 20vw;
         left: 5vw;
     }
     .page-id-6230 #step1 {
        top: 23vw;
        height: auto;
        padding-bottom: 15vw;
     }
     .page-id-6230 ._title h1 {
         font-size: 7vw;
     }
     .page-id-6230 ._title h2 {
         font-size: 6vw;
     }
     .page-id-6230 ._title p {
         font-size: 4vw;
     }
     .page-id-6230 ._title {
         right: 5vw;
         top: 5vw;
         max-width: 90%;
         right: 0;
     }
     .page-id-6230 ._rightketem,.page-id-6230 ._leftketem,.page-id-6230 ._topketem{
         display: none;
     }
     .page-id-6230 ._list {
         right: 5vw;
         top: 25vw;
     }
     .page-id-6230 ._list ul li ._img {
         margin-left: 4vw;
         width: 7vw;
     }
     .page-id-6230 ._list ul li ._text p {
         font-size: 4vw;
     }
     .page-id-6230 ._list ul li:nth-child(1) {
         margin-bottom: 3vw;
     }
     .page-id-6230 ._list ul li:nth-child(2) {
         margin-bottom: 3.5vw;
     }

    .page-id-6230 ._list ul li:nth-child(1) ._text{
         position: relative;
         top: -1vw;
     }
     .page-id-6230 ._form {
         top: 70vw;
         left: 0;
         right: 0;
         margin: 0 auto;
         width: 90vw;
         margin-bottom: 10vw;
     }
}