/**********************************************************/
/*RESET****************************************************/
/**********************************************************/
@font-face {
    font-family: 'beachwood';
    src: url(../fonts/Beachwood.eot);
    src: url(../fonts/Beachwood.eot?#iefix) format('embedded-opentype'),
        url('../fonts/Beachwood.woff') format('woff'),
        url('../fonts/Beachwood.woff2') format('woff2'),
        url('../fonts/Beachwood.ttf') format('truetype'),
        url('../fonts/Beachwood.svg#Beachwood') format('svg');
}

@font-face {
    font-family: 'MuseoCyrl';
    font-weight: 100;
    src: url(../fonts/museo/MuseoCyrl100.eot);
    src: url(../fonts/museo/MuseoCyrl100.eot?#iefix) format('embedded-opentype'),
        url('../fonts/museo/MuseoCyrl100.otf'),
        url('../fonts/museo/museocyrl100-webfont.woff2') format('woff2'),
        url('../fonts/museo/museocyrl100-webfont.woff') format('woff');
}

@font-face {
    font-family: 'MuseoCyrl';
    font-weight: 300;
    src: url(../fonts/museo/MuseoCyrl300.eot);
    src: url(../fonts/museo/MuseoCyrl300.eot?#iefix) format('embedded-opentype'),
        url('../fonts/museo/MuseoCyrl300.otf'),
        url('../fonts/museo/museocyrl300-webfont.woff2') format('woff2'),
        url('../fonts/museo/museocyrl300-webfont.woff') format('woff');
}

@font-face {
    font-family: 'MuseoCyrl';
    font-weight: 500;
    src: url(../fonts/museo/MuseoCyrl500.eot);
    src: url(../fonts/museo/MuseoCyrl500.eot?#iefix) format('embedded-opentype'),
        url('../fonts/museo/MuseoCyrl500.otf'),
        url('../fonts/museo/museocyrl500-webfont.woff2') format('woff2'),
        url('../fonts/museo/museocyrl500-webfont.woff') format('woff');
}

@font-face {
    font-family: 'MuseoCyrl';
    font-weight: 700;
    src: url(../fonts/museo/MuseoCyrl700.eot);
    src: url(../fonts/museo/MuseoCyrl700.eot?#iefix) format('embedded-opentype'),
        url('../fonts/museo/MuseoCyrl700.otf'),
        url('../fonts/museo/museocyrl700-webfont.woff2') format('woff2'),
        url('../fonts/museo/museocyrl700-webfont.woff') format('woff');
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
select,
input,
button,
textarea,
label {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 140%;
    font-weight: inherit;
    font-style: inherit;
    font-size: 16px;
    font-family: 'MuseoCyrl';

}

:focus {
    outline: 0;
}

a:hover {
    text-decoration: none;
}

* {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    line-height: 1;
    color: black;
    background: white;
    overflow-x: hidden;
    background: #fffef1;
}

.home,
.category,
.cart {
    background: #ffeeeb;
}

p {
    padding: 5px 0;
    font-weight: 100;
}

ol,
ul {
    list-style: none;
}

a,
a:hover {
    text-decoration: none;
}

strong {
    font-weight: bold;
}

textarea {
    resize: none;
    height: 100px !important;
}

button {
    cursor: pointer;
}


.button {
    display: inline-block;
    position: relative;
    transition: 0.3s;
    border: none;
    padding: 0 30px;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    outline: none;
    cursor: pointer;
    border-radius: 20px;
}

.button:hover {
    color: #fff;
}

.background-a {
    color: #fff;
}

.background-b {
    background: #f2f2f2;
    color: #333;
    transition: 0.3s;
}

.background-b:hover {
    background: #e3e3e3;
    color: #333;
}

@media only screen and (max-width: 680px) {
    .button {
        padding: 0 20px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
    }
}

/*PRELOADER*/
#preloader {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 99999;
}

.contpre {
    width: 250px;
    height: 100px;
    position: absolute;
    left: 50%;
    top: 48%;
    margin-left: -125px;
    margin-top: -75px;
    color: #fff;
    font-size: 40px;
    letter-spacing: -2px;
    text-align: center;
    line-height: 35px;
}

.cssload-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -31px;
    margin-left: -31px;
    width: 62px;
    height: 62px;
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    perspective: 780px;
}

.cssload-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.cssload-inner.cssload-one {
    left: 0%;
    top: 0%;
    animation: cssload-rotate-one 1.15s linear infinite;
    -o-animation: cssload-rotate-one 1.15s linear infinite;
    -ms-animation: cssload-rotate-one 1.15s linear infinite;
    -webkit-animation: cssload-rotate-one 1.15s linear infinite;
    -moz-animation: cssload-rotate-one 1.15s linear infinite;
    border-bottom: 3px solid #ccc;
}

.cssload-inner.cssload-two {
    right: 0%;
    top: 0%;
    animation: cssload-rotate-two 1.15s linear infinite;
    -o-animation: cssload-rotate-two 1.15s linear infinite;
    -ms-animation: cssload-rotate-two 1.15s linear infinite;
    -webkit-animation: cssload-rotate-two 1.15s linear infinite;
    -moz-animation: cssload-rotate-two 1.15s linear infinite;
    border-right: 3px solid #ccc;
}

.cssload-inner.cssload-three {
    right: 0%;
    bottom: 0%;
    animation: cssload-rotate-three 1.15s linear infinite;
    -o-animation: cssload-rotate-three 1.15s linear infinite;
    -ms-animation: cssload-rotate-three 1.15s linear infinite;
    -webkit-animation: cssload-rotate-three 1.15s linear infinite;
    -moz-animation: cssload-rotate-three 1.15s linear infinite;
    border-top: 3px solid #ccc;
}







@keyframes cssload-rotate-one {
    0% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }

    100% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@-o-keyframes cssload-rotate-one {
    0% {
        -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }

    100% {
        -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@-ms-keyframes cssload-rotate-one {
    0% {
        -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }

    100% {
        -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@-webkit-keyframes cssload-rotate-one {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }

    100% {
        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@-moz-keyframes cssload-rotate-one {
    0% {
        -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }

    100% {
        -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@keyframes cssload-rotate-two {
    0% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }

    100% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@-o-keyframes cssload-rotate-two {
    0% {
        -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }

    100% {
        -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@-ms-keyframes cssload-rotate-two {
    0% {
        -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }

    100% {
        -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@-webkit-keyframes cssload-rotate-two {
    0% {
        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }

    100% {
        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@-moz-keyframes cssload-rotate-two {
    0% {
        -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }

    100% {
        -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@keyframes cssload-rotate-three {
    0% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }

    100% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}

@-o-keyframes cssload-rotate-three {
    0% {
        -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }

    100% {
        -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}

@-ms-keyframes cssload-rotate-three {
    0% {
        -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }

    100% {
        -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}

@-webkit-keyframes cssload-rotate-three {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }

    100% {
        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}

@-moz-keyframes cssload-rotate-three {
    0% {
        -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }

    100% {
        -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}


.mod-description {
    text-align: center;
}

/*MODAL*/
.modal-window {
    display: none;
}

.wi-c-modal {
    visibility: hidden;
    opacity: 0;
}

/*LAZYLOAD*/
.lazyload {
    display: block;
    border: 0;
    opacity: 0;
}

.lazyload:not(.initial) {
    transition: opacity 1s;
}

.lazyload.initial,
.lazyload.loaded,
.lazyload.error {
    opacity: 1;
}

.lazyload:not([src]) {
    visibility: hidden;
}

.description p {}

.description ul {
    list-style: disc;
    margin: 10px 0 10px 20px;
}

.description ol {
    list-style-type: decimal;
    margin: 10px 0 10px 20px;
}

.description ul li,
.description ol li {
    padding: 5px 0;
    line-height: 140%;
}

.description h1,
.description h2 {
    font-size: 18px;
}

.description h3,
.description h4 {
    /*font-size:22px;*/
}

.description h5,
.description h6 {
    font-size: 20px;
}

.block {
    display: block !important;
}

.clear {
    clear: both;
}

.in-wishlist {
    color: #ee5050 !important;
}

.select,
.input,
.select,
.textarea,
.productpage-attributes select,
.recoveryForm input {
    display: block;
    width: 100%;
    padding: 0 10px;
    line-height: 140%;
    height: 40px;
    line-height: 40px;
    color: #444;
    background-color: #fff;
    background-image: none;
    border: 1px solid #dedede;


}

.width {
    max-width: 1280px;
    margin: 0 auto;
}

@media only screen and (max-width: 1500px) {
    .width {
        margin: 0 5%;

    }
}



.recoveryPage {
    margin: 0 0 200px 0;
}

.recoveryForm {
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
}

.recoveryForm p {
    margin: 0 0 20px 0;
}

.recoveryForm .control-group {
    margin: 0 0 20px 0;
}

.recoveryForm .control-group .control-label {
    font-weight: bold;
    margin: 0 0 5px 0;
    text-align: left;
}

.recoveryForm .control-group .controls {}

.description table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ccc;
}

.description table th {
    border: 1px solid #ccc;
    padding: 5px;
}

.description table tr {
    transition: 0.3s;
}

.description table tr:hover {
    background: #f8f8f8;
}

.description table td {
    border: 1px solid #ccc;
    padding: 5px;
}

.flex {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;


}

.flex-vertical-align {
    -webkit-align-items: center;
    align-items: center
}

.col2 {
    margin: 0 0 0 -2%;
}

.col2 > div {
    width: 48%;
    margin: 0 0 0 2%;
}

.col3 {
    margin: 0 0 0 -2%;
}

.col3 > div {
    width: 31.3333333%;
    margin: 0 0 0 2%;
}

.col4 {
    margin: 0 0 0 -2%;
}

.col4 > div {
    width: 28%;
    margin: 0 0 0 2%;
}

@media only screen and (max-width: 1024px) {
    .col2 > div {
        width: 98%;
    }



}

.margin-minus {
    margin: 0 0 0 -2%
}

.absolute {
    position: absolute
}

.relative {
    position: relative;
}

.fixed {
    position: fixed;
}

.inline-block {
    display: inline-block;
}

.image-block {
    display: block;
    max-width: 100%;
    height: auto;
    width: auto;
}

.productpage-a .image-block {
    display: block;
    max-height: 75vh;
    height: auto;
    width: auto;
}

.jshop_img_thumb.image-block {
    height: auto !important;
}

.button-callback {
    z-index: 100000;
}

.jshop.address_block {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

div#tr_field_f_name {
    flex: 1 1 100%;
}

div#tr_field_email {
    flex: 0 45%;
}

div#tr_field_phone {
    flex: 0 45%;
}

@media (max-width: 1024px) .header {
    margin-top: 10px;
    position: relative !important;
}

.wi-full {

    display: block;

    border-radius: 50%;

    cursor: pointer;
    box-shadow: 0 0 0 rgba(178, 23, 224, 0.4);
    animation: pulse 2s infinite;
}

.wi-full:hover {
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(151, 113, 230, 0.4);
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(127, 44, 204, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(113, 44, 204, 0);
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(171, 44, 204, 0.4);
        box-shadow: 0 0 0 0 rgba(148, 44, 204, 0.4);
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(150, 44, 204, 0);
        box-shadow: 0 0 0 10px rgba(142, 44, 204, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(136, 44, 204, 0);
        box-shadow: 0 0 0 0 rgba(143, 44, 204, 0);
    }
}

/*table*/
.table {
    display: flex;
    flex: 0 auto;
    flex-direction: column;
    width: auto;
    background: #fffde6;
    border-radius: 3px;
    border: 1px #D5558D solid;
    border-radius: 10px;
    margin: 20px 20px;
}

.table .line.hat,
.table .line.hat:hover {
    font-weight: bold;
    color: #fff;
    background-color: #D5558D;
    border: 1px #D5558D solid;
    border-radius: 10px 10px 0 0;
    flex: 0 1 auto;
}

table .line.hat.col {
    margin: auto 20px;
}

.hat .col {
    margin: auto 20px;
    min-width: 100px;
    text-align: center;
}

.line {
    border-radius: 3px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    align-content: center;
    padding: 10px 0;
    border: 1px #fffde6 solid;
}

.table .line:hover {
    background-color: #fff;
    border: 1px #EB0069 solid;
    color: #EB0069;
    border-radius: 10px;
    -webkit-box-shadow: 2px 2px 12px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 2px 12px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 12px 0px rgba(0, 0, 0, 0.1);
}

.table-block {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    flex: 0 auto;
    width: 100%;
    margin: 60px auto;
}

.table-block h2 {
    font-size: 30px;
    text-align: center;
    margin-bottom: 40px;
    color: #D5558D;
    width: 100%;
    font-family: 'MuseoCyrl';
}

.table-pic img {
    width: auto;
    max-width: 700px;
    margin: auto;
    border-radius: 10px;
}

.table-pic {
    margin: auto;
    text-align: center;
}

.table-size .hat .col {
    margin: auto;
}

/*end table*/

.ultra {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex: 0 auto;
    height: 60px;
    position: relative;
}

.ultra .phone img {
    width: 30px;
    margin: 5px 0 0 20px;
    animation: pulse 2s infinite;
}

.ultra .logo {
    display: none;
}

.ultra div {
    margin: auto;
    flex: 0  auto;
    justify-self: flex-start;
}

.ultra .phone a {
    font-size: 24px;
}

#ultra {
    position: fixed;
    top: 0px;
    margin: auto;
    z-index: 998;
    width: 100%;
    background-color: #FFFEF1;
    opacity: .95;
}

.ultra .adress,
.ultra .about {
    font-size: 12px;
}

.ultra .adress a
{
    color: #000;
    font-size: 13px;
}

.ultra .offer a {
    font-size: 28px;
    color: #2cb742;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 27px;
}

.ultra .offer
{
    animation: pulse 4s infinite;
}

.ultra .adress
{
   flex: 0 0 auto;

}


element.style {
}
@media only screen and (max-width: 980px)
.home .header {
    top: 48vh;
}
@media only screen and (max-width: 1024px)
.home .header {
    position: absolute;
    top: 37vh;
    width: 100%;
    z-index: 9;
}
.home .header {
    position: absolute;
    top: 60vh;
    width: 100%;
    z-index: 9;
}
@media only screen and (max-width: 678px)
{
  
.ultra .about, .ultra .offer, .ultra .adress
  { display: none;}
  
  
 .ultra
  {
  position: relative;
  }

  .ultra .phone a
  {
      font-size: 22px
  }
}

.offer.new
{
    font-size: 30px;
    color: #2CB742;
    text-transform: uppercase;
    font-weight: 900;
    text-align: center;
}

.offer p {
    margin: 0px;
    padding: 0px;
    font-size: 18px;
    line-height: 10px;
    font-weight: 400;
    color: #2cb742;
}

.cartFormContent .button, .productpage-b .button {
    display: inline-block;
    position: relative;
    transition: 0.3s;
    border: none;
    padding: 0 30px;
    height: 50px;
    line-height: 40px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 27px;
    outline: none;
    cursor: pointer;
    border-radius: 60px;
}

.cartFormContent .button
{
animation: pulse 3.5s infinite;
}
.productpage-b .background-a, .cartFormContent .button {
    background: red;
}
.productpage-b .background-a:hover, .cartFormContent .button:hover {
    background: orange;
}

@media only screen and (max-width: 768px) {
.cartFormContent .button, .productpage-b .button {
    font-size: 28px;
    margin-top:20px;
}
.productpage-a .image-block {
    max-height: 40vh;

}
}

@media (min-width: 768px) and (max-width: 1024px) {
.cartFormContent .button, .productpage-b .button {
    font-size: 24px;
    margin: 20px 0px;
    border-radius: 200px;
}
.productpage-a .image-block {
    max-height: 56vh;
}
}