@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Open+Sans:800|Roboto:400,500,700&display=block&subset=cyrillic");
/**
  Міксін for приймає n-ну кількість параметрів => 1.
  Приклад:
  @include for(TB2, T4B) {
    color: red;
  }
*/
/* ======================================
hack mixins
========================================= */
/*
 @end
 */
/**
* for next projects:
* - Masteram
* - Toys4Brain
*/
/**
* for next projects:
* - Masteram
* - Toys4Brain
*/
@import url("https://fonts.googleapis.com/css?family=Roboto:400,700&subset=cyrillic");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:800&subset=cyrillic");
.icon {
  display: inline-block;
  position: relative;
}

.icon:after {
  position: absolute;
  content: '';
  z-index: 2;
}

.content-wrapper .btn {
  position: relative;
}

.content-wrapper .btn.btn-white {
  padding: 10px 15px 8px 15px;
}

.content-wrapper .btn i[class*="icon-"] {
  margin-right: 8px;
  margin-top: -2px;
}

.content-wrapper .btn.btn-icon-right {
  padding-right: 42px;
}

.content-wrapper .btn.btn-icon-right [class*="icon-"] {
  right: 0;
}

.content-wrapper .btn[class*="btn-icon"] [class^="icon-"],
.content-wrapper .btn[class*="btn-icon"] [class*=" icon-"] {
  width: 39px;
  height: 39px;
}

.content-wrapper .btn[class*="btn-icon"] [class*="icon-"] {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: 0;
}

.icon-youtube:after {
  background: url("/nfs/content/12326/file/social-youtube.svg");
  width: 18px;
  height: 18px;
}

.icon-field-skype:after {
  background: url("/images/tmp/icons/icon-field-skype.svg") no-repeat;
  width: 18px;
  height: 18px;
}

.icon-field-other-communicator:after {
  background: url("/images/tmp/icons/icon-field-anothermsg.svg") no-repeat;
  width: 18px;
  height: 18px;
}

.icon-field-fb-messenger:after {
  background: url("/images/tmp/icons/icon-field-fbmsg.svg") no-repeat;
  width: 18px;
  height: 18px;
}

.icon-field-viber:after {
  background: url("/images/tmp/icons/icon-field-viber.svg") no-repeat;
  width: 18px;
  height: 18px;
}

.icon-field-we-chat:after {
  background: url("/images/tmp/icons/icon-field-wechat.svg") no-repeat;
  width: 18px;
  height: 18px;
}

.icon-field-whats-app:after {
  background: url("/images/tmp/icons/icon-field-whatsapp.svg") no-repeat;
  width: 18px;
  height: 18px;
}

.icon-field-email:after {
  background: url("/images/tmp/icons/icon-field-email.svg") no-repeat;
  width: 18px;
  height: 18px;
}

.icon-field-phone:after {
  background: url("/images/tmp/icons/icon-field-phone.svg") no-repeat;
  width: 18px;
  height: 18px;
}

.icon-field-icq:after {
  background: url("/images/tmp/icons/icon-field-icq.svg") no-repeat;
  width: 18px;
  height: 18px;
}

[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

[class^="icon-"]:after,
[class*=" icon-"]:after {
  position: absolute;
  content: '';
  z-index: 2;
}

span[class^="icon-"], span[class*=" icon-"] {
  padding-left: 28px;
}

span[class^="icon-"]:after, span[class*=" icon-"]:after {
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

i[class^="icon-"], i[class*=" icon-"] {
  width: 20px;
  height: 20px;
}

i[class^="icon-"]:after, i[class*=" icon-"]:after {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.tmp-new-site .icon-field-show {
  background: url("/images/tmp/icon-field-show.svg") center no-repeat;
  width: 20px;
  height: 20px;
}

.tmp-new-site .icon-field-show-on:after {
  background: url("/images/tmp/icon-field-show-on.svg") center no-repeat;
  width: 20px;
  height: 20px;
}

.icon-arrow-3-right:after {
  background: url("images/layout/icon-sprite.svg") no-repeat;
  background-position: 25% 0;
  width: 20px;
  height: 20px;
}

.icon-arrow-4-right:after {
  background: url("images/layout/icon-sprite.svg") no-repeat;
  background-position: 75% 50%;
  width: 20px;
  height: 20px;
}

.icon-cable:after {
  background: url("images/layout/icon-sprite.svg") no-repeat;
  background-position: 0 25%;
  width: 20px;
  height: 20px;
}

.icon-danger:after {
  background: url("images/layout/icon-sprite.svg") no-repeat;
  background-position: 25% 25%;
  width: 20px;
  height: 20px;
}

.icon-field-anothermsg:after {
  background: url("images/layout/icon-sprite.svg") no-repeat;
  background-position: 50% 0;
  width: 20px;
  height: 20px;
}

.icon-field-email:after {
  background: url("images/layout/icon-sprite.svg") no-repeat;
  background-position: 50% 25%;
  width: 20px;
  height: 20px;
}

.icon-field-fbmsg:after {
  background: url("images/layout/icon-sprite.svg") no-repeat;
  background-position: 0 50%;
  width: 20px;
  height: 20px;
}

.icon-field-icq:after {
  background: url("images/layout/icon-sprite.svg") no-repeat;
  background-position: 25% 50%;
  width: 20px;
  height: 20px;
}

.icon-field-phone:after {
  background: url("images/layout/icon-sprite.svg") no-repeat;
  background-position: 50% 50%;
  width: 20px;
  height: 20px;
}

.icon-field-show:after {
  background: url("images/layout/icon-sprite.svg") no-repeat;
  background-position: 75% 0;
  width: 20px;
  height: 20px;
}

.icon-field-show-on:after {
  background: url("images/layout/icon-sprite.svg") no-repeat;
  background-position: 75% 25%;
  width: 20px;
  height: 20px;
}

.icon-field-skype:after {
  background: url("images/layout/icon-sprite.svg") no-repeat;
  background-position: 0 0;
  width: 20px;
  height: 20px;
}

.icon-field-toweight:after {
  background: url("images/layout/icon-sprite.svg") no-repeat;
  background-position: 0 75%;
  width: 20px;
  height: 20px;
}

.icon-field-viber:after {
  background: url("images/layout/icon-sprite.svg") no-repeat;
  background-position: 25% 75%;
  width: 20px;
  height: 20px;
}

.icon-field-wechat:after {
  background: url("images/layout/icon-sprite.svg") no-repeat;
  background-position: 50% 75%;
  width: 20px;
  height: 20px;
}

.icon-field-whatsapp:after {
  background: url("images/layout/icon-sprite.svg") no-repeat;
  background-position: 75% 75%;
  width: 20px;
  height: 20px;
}

.icon-field-yahoo:after {
  background: url("images/layout/icon-sprite.svg") no-repeat;
  background-position: 100% 0;
  width: 20px;
  height: 20px;
}

.icon-gift:after {
  background: url("images/layout/icon-sprite.svg") no-repeat;
  background-position: 100% 25%;
  width: 20px;
  height: 20px;
}

.icon-info:after {
  background: url("images/layout/icon-sprite.svg") no-repeat;
  background-position: 100% 50%;
  width: 20px;
  height: 20px;
}

.icon-pdf:after {
  background: url("images/layout/icon-sprite.svg") no-repeat;
  background-position: 100% 75%;
  width: 20px;
  height: 20px;
}

.icon-success:after {
  background: url("images/layout/icon-sprite.svg") no-repeat;
  background-position: 0 100%;
  width: 20px;
  height: 20px;
}

.icon-warning:after {
  background: url("images/layout/icon-sprite.svg") no-repeat;
  background-position: 25% 100%;
  width: 20px;
  height: 20px;
}

.icon-frag-ad:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 12.77258566978193% 6.644518272425249%;
  width: 20px;
  height: 20px;
}

.icon-frag-ae:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 68.84735202492212% 46.51162790697674%;
  width: 20px;
  height: 20px;
}

.icon-frag-af:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 43.613707165109034% 60.1328903654485%;
  width: 20px;
  height: 20px;
}

.icon-frag-ag:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 6.542056074766355% 6.644518272425249%;
  width: 20px;
  height: 20px;
}

.icon-frag-ai:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 12.77258566978193% 0;
  width: 20px;
  height: 20px;
}

.icon-frag-al:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 0 0;
  width: 21px;
  height: 20px;
}

.icon-frag-am:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 0 13.621262458471762%;
  width: 20px;
  height: 20px;
}

.icon-frag-an:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 6.230529595015576% 13.621262458471762%;
  width: 20px;
  height: 20px;
}

.icon-frag-ao:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 12.461059190031152% 13.621262458471762%;
  width: 20px;
  height: 20px;
}

.icon-frag-aq:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 19.003115264797508% 0;
  width: 20px;
  height: 20px;
}

.icon-frag-ar:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 19.003115264797508% 6.644518272425249%;
  width: 20px;
  height: 20px;
}

.icon-frag-as:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 19.003115264797508% 13.289036544850498%;
  width: 20px;
  height: 20px;
}

.icon-frag-at:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 0 20.26578073089701%;
  width: 20px;
  height: 20px;
}

.icon-frag-au:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 6.230529595015576% 20.26578073089701%;
  width: 20px;
  height: 20px;
}

.icon-frag-aw:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 12.461059190031152% 20.26578073089701%;
  width: 20px;
  height: 20px;
}

.icon-frag-ax:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 18.69158878504673% 20.26578073089701%;
  width: 20px;
  height: 20px;
}

.icon-frag-az:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 25.233644859813083% 0;
  width: 20px;
  height: 20px;
}

.icon-frag-ba:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 25.233644859813083% 6.644518272425249%;
  width: 20px;
  height: 20px;
}

.icon-frag-bb:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 25.233644859813083% 13.289036544850498%;
  width: 20px;
  height: 20px;
}

.icon-frag-bd:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 25.233644859813083% 19.93355481727575%;
  width: 20px;
  height: 20px;
}

.icon-frag-be:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 0 26.910299003322258%;
  width: 20px;
  height: 20px;
}

.icon-frag-bf:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 6.230529595015576% 26.910299003322258%;
  width: 20px;
  height: 20px;
}

.icon-frag-bg:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 12.461059190031152% 26.910299003322258%;
  width: 20px;
  height: 20px;
}

.icon-frag-bh:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 18.69158878504673% 26.910299003322258%;
  width: 20px;
  height: 20px;
}

.icon-frag-bi:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 24.922118380062305% 26.910299003322258%;
  width: 20px;
  height: 20px;
}

.icon-frag-bj:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 31.46417445482866% 0;
  width: 20px;
  height: 20px;
}

.icon-frag-bl:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 31.46417445482866% 6.644518272425249%;
  width: 20px;
  height: 20px;
}

.icon-frag-bm:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 31.46417445482866% 13.289036544850498%;
  width: 20px;
  height: 20px;
}

.icon-frag-bn:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 31.46417445482866% 19.93355481727575%;
  width: 20px;
  height: 20px;
}

.icon-frag-bo:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 31.46417445482866% 26.578073089700997%;
  width: 20px;
  height: 20px;
}

.icon-frag-br:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 0 33.55481727574751%;
  width: 20px;
  height: 20px;
}

.icon-frag-bs:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 6.230529595015576% 33.55481727574751%;
  width: 20px;
  height: 20px;
}

.icon-frag-bt:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 12.461059190031152% 33.55481727574751%;
  width: 20px;
  height: 20px;
}

.icon-frag-bv:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 18.69158878504673% 33.55481727574751%;
  width: 20px;
  height: 20px;
}

.icon-frag-bw:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 24.922118380062305% 33.55481727574751%;
  width: 20px;
  height: 20px;
}

.icon-frag-by:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 31.152647975077883% 33.55481727574751%;
  width: 20px;
  height: 20px;
}

.icon-frag-bz:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 37.69470404984423% 0;
  width: 20px;
  height: 20px;
}

.icon-frag-ca:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 37.69470404984423% 6.644518272425249%;
  width: 20px;
  height: 20px;
}

.icon-frag-cc:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 37.69470404984423% 13.289036544850498%;
  width: 20px;
  height: 20px;
}

.icon-frag-cd:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 37.69470404984423% 19.93355481727575%;
  width: 20px;
  height: 20px;
}

.icon-frag-cf:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 37.69470404984423% 26.578073089700997%;
  width: 20px;
  height: 20px;
}

.icon-frag-cg:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 37.69470404984423% 33.222591362126245%;
  width: 20px;
  height: 20px;
}

.icon-frag-ch:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 0 40.199335548172755%;
  width: 20px;
  height: 20px;
}

.icon-frag-ci:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 6.230529595015576% 40.199335548172755%;
  width: 20px;
  height: 20px;
}

.icon-frag-ck:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 12.461059190031152% 40.199335548172755%;
  width: 20px;
  height: 20px;
}

.icon-frag-cl:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 18.69158878504673% 40.199335548172755%;
  width: 20px;
  height: 20px;
}

.icon-frag-cm:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 24.922118380062305% 40.199335548172755%;
  width: 20px;
  height: 20px;
}

.icon-frag-cn:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 31.152647975077883% 40.199335548172755%;
  width: 20px;
  height: 20px;
}

.icon-frag-co:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 37.38317757009346% 40.199335548172755%;
  width: 20px;
  height: 20px;
}

.icon-frag-cr:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 43.925233644859816% 0;
  width: 20px;
  height: 20px;
}

.icon-frag-cu:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 43.925233644859816% 6.644518272425249%;
  width: 20px;
  height: 20px;
}

.icon-frag-cv:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 43.925233644859816% 13.289036544850498%;
  width: 20px;
  height: 20px;
}

.icon-frag-cx:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 43.925233644859816% 19.93355481727575%;
  width: 20px;
  height: 20px;
}

.icon-frag-cy:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 43.925233644859816% 26.578073089700997%;
  width: 20px;
  height: 20px;
}

.icon-frag-cz:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 43.925233644859816% 33.222591362126245%;
  width: 20px;
  height: 20px;
}

.icon-frag-de:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 43.925233644859816% 39.8671096345515%;
  width: 20px;
  height: 20px;
}

.icon-frag-dj:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 0 46.84385382059801%;
  width: 20px;
  height: 20px;
}

.icon-frag-dk:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 6.230529595015576% 46.84385382059801%;
  width: 20px;
  height: 20px;
}

.icon-frag-dm:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 12.461059190031152% 46.84385382059801%;
  width: 20px;
  height: 20px;
}

.icon-frag-do:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 18.69158878504673% 46.84385382059801%;
  width: 20px;
  height: 20px;
}

.icon-frag-dz:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 24.922118380062305% 46.84385382059801%;
  width: 20px;
  height: 20px;
}

.icon-frag-ec:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 31.152647975077883% 46.84385382059801%;
  width: 20px;
  height: 20px;
}

.icon-frag-ee:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 37.38317757009346% 46.84385382059801%;
  width: 20px;
  height: 20px;
}

.icon-frag-eg:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 43.613707165109034% 46.84385382059801%;
  width: 20px;
  height: 20px;
}

.icon-frag-eh:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 50.15576323987539% 0;
  width: 20px;
  height: 20px;
}

.icon-frag-er:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 50.15576323987539% 6.644518272425249%;
  width: 20px;
  height: 20px;
}

.icon-frag-es:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 50.15576323987539% 13.289036544850498%;
  width: 20px;
  height: 20px;
}

.icon-frag-et:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 50.15576323987539% 19.93355481727575%;
  width: 20px;
  height: 20px;
}

.icon-frag-f:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 50.15576323987539% 26.578073089700997%;
  width: 20px;
  height: 20px;
}

.icon-frag-f1:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 50.15576323987539% 33.222591362126245%;
  width: 20px;
  height: 20px;
}

.icon-frag-f4:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 50.15576323987539% 39.8671096345515%;
  width: 20px;
  height: 20px;
}

.icon-frag-fi:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 50.15576323987539% 46.51162790697674%;
  width: 20px;
  height: 20px;
}

.icon-frag-fj:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 0 53.48837209302326%;
  width: 20px;
  height: 20px;
}

.icon-frag-fk:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 6.230529595015576% 53.48837209302326%;
  width: 20px;
  height: 20px;
}

.icon-frag-fm:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 12.461059190031152% 53.48837209302326%;
  width: 20px;
  height: 20px;
}

.icon-frag-fo:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 18.69158878504673% 53.48837209302326%;
  width: 20px;
  height: 20px;
}

.icon-frag-fr:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 24.922118380062305% 53.48837209302326%;
  width: 20px;
  height: 20px;
}

.icon-frag-ga:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 31.152647975077883% 53.48837209302326%;
  width: 20px;
  height: 20px;
}

.icon-frag-gb:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 37.38317757009346% 53.48837209302326%;
  width: 20px;
  height: 20px;
}

.icon-frag-gd:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 43.613707165109034% 53.48837209302326%;
  width: 20px;
  height: 20px;
}

.icon-frag-ge:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 49.84423676012461% 53.48837209302326%;
  width: 20px;
  height: 20px;
}

.icon-frag-gf:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 56.386292834890966% 0;
  width: 20px;
  height: 20px;
}

.icon-frag-gg:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 56.386292834890966% 6.644518272425249%;
  width: 20px;
  height: 20px;
}

.icon-frag-gh:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 56.386292834890966% 13.289036544850498%;
  width: 20px;
  height: 20px;
}

.icon-frag-gi:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 56.386292834890966% 19.93355481727575%;
  width: 20px;
  height: 20px;
}

.icon-frag-gl:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 56.386292834890966% 26.578073089700997%;
  width: 20px;
  height: 20px;
}

.icon-frag-gm:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 56.386292834890966% 33.222591362126245%;
  width: 20px;
  height: 20px;
}

.icon-frag-gn:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 56.386292834890966% 39.8671096345515%;
  width: 20px;
  height: 20px;
}

.icon-frag-gp:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 56.386292834890966% 46.51162790697674%;
  width: 20px;
  height: 20px;
}

.icon-frag-gq:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 56.386292834890966% 53.15614617940199%;
  width: 20px;
  height: 20px;
}

.icon-frag-gr:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 0 60.1328903654485%;
  width: 20px;
  height: 20px;
}

.icon-frag-gs:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 6.230529595015576% 60.1328903654485%;
  width: 20px;
  height: 20px;
}

.icon-frag-gt:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 12.461059190031152% 60.1328903654485%;
  width: 20px;
  height: 20px;
}

.icon-frag-gu:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 18.69158878504673% 60.1328903654485%;
  width: 20px;
  height: 20px;
}

.icon-frag-gw:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 24.922118380062305% 60.1328903654485%;
  width: 20px;
  height: 20px;
}

.icon-frag-gy:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 31.152647975077883% 60.1328903654485%;
  width: 20px;
  height: 20px;
}

.icon-frag-hk:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 37.38317757009346% 60.1328903654485%;
  width: 20px;
  height: 20px;
}

.icon-frag-hm:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 0 6.666666666666667%;
  width: 21px;
  height: 21px;
}

.icon-frag-hn:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 49.84423676012461% 60.1328903654485%;
  width: 20px;
  height: 20px;
}

.icon-frag-hr:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 56.074766355140184% 60.1328903654485%;
  width: 20px;
  height: 20px;
}

.icon-frag-ht:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 62.61682242990654% 0;
  width: 20px;
  height: 20px;
}

.icon-frag-hu:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 62.61682242990654% 6.644518272425249%;
  width: 20px;
  height: 20px;
}

.icon-frag-ic:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 62.61682242990654% 13.289036544850498%;
  width: 20px;
  height: 20px;
}

.icon-frag-id:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 62.61682242990654% 19.93355481727575%;
  width: 20px;
  height: 20px;
}

.icon-frag-ie:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 62.61682242990654% 26.578073089700997%;
  width: 20px;
  height: 20px;
}

.icon-frag-il:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 62.61682242990654% 33.222591362126245%;
  width: 20px;
  height: 20px;
}

.icon-frag-im:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 62.61682242990654% 39.8671096345515%;
  width: 20px;
  height: 20px;
}

.icon-frag-in:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 62.61682242990654% 46.51162790697674%;
  width: 20px;
  height: 20px;
}

.icon-frag-io:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 62.61682242990654% 53.15614617940199%;
  width: 20px;
  height: 20px;
}

.icon-frag-iq:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 62.61682242990654% 59.800664451827245%;
  width: 20px;
  height: 20px;
}

.icon-frag-ir:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 0 66.77740863787375%;
  width: 20px;
  height: 20px;
}

.icon-frag-is:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 6.230529595015576% 66.77740863787375%;
  width: 20px;
  height: 20px;
}

.icon-frag-it:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 12.461059190031152% 66.77740863787375%;
  width: 20px;
  height: 20px;
}

.icon-frag-j7:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 18.69158878504673% 66.77740863787375%;
  width: 20px;
  height: 20px;
}

.icon-frag-je:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 24.922118380062305% 66.77740863787375%;
  width: 20px;
  height: 20px;
}

.icon-frag-jm:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 31.152647975077883% 66.77740863787375%;
  width: 20px;
  height: 20px;
}

.icon-frag-jo:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 37.38317757009346% 66.77740863787375%;
  width: 20px;
  height: 20px;
}

.icon-frag-jp:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 43.613707165109034% 66.77740863787375%;
  width: 20px;
  height: 20px;
}

.icon-frag-k8:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 49.84423676012461% 66.77740863787375%;
  width: 20px;
  height: 20px;
}

.icon-frag-ke:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 56.074766355140184% 66.77740863787375%;
  width: 20px;
  height: 20px;
}

.icon-frag-kg:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 62.30529595015577% 66.77740863787375%;
  width: 20px;
  height: 20px;
}

.icon-frag-kh:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 68.84735202492212% 0;
  width: 20px;
  height: 20px;
}

.icon-frag-ki:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 68.84735202492212% 6.644518272425249%;
  width: 20px;
  height: 20px;
}

.icon-frag-km:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 68.84735202492212% 13.289036544850498%;
  width: 20px;
  height: 20px;
}

.icon-frag-kn:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 68.84735202492212% 19.93355481727575%;
  width: 20px;
  height: 20px;
}

.icon-frag-kp:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 68.84735202492212% 26.578073089700997%;
  width: 20px;
  height: 20px;
}

.icon-frag-kr:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 68.84735202492212% 33.222591362126245%;
  width: 20px;
  height: 20px;
}

.icon-frag-kw:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 68.84735202492212% 39.8671096345515%;
  width: 20px;
  height: 20px;
}

.icon-frag-ky:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 6.542056074766355% 0;
  width: 20px;
  height: 20px;
}

.icon-frag-kz:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 68.84735202492212% 53.15614617940199%;
  width: 20px;
  height: 20px;
}

.icon-frag-la:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 68.84735202492212% 59.800664451827245%;
  width: 20px;
  height: 20px;
}

.icon-frag-lb:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 68.84735202492212% 66.44518272425249%;
  width: 20px;
  height: 20px;
}

.icon-frag-lc:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 0 73.421926910299%;
  width: 20px;
  height: 20px;
}

.icon-frag-li:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 6.230529595015576% 73.421926910299%;
  width: 20px;
  height: 20px;
}

.icon-frag-lk:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 12.461059190031152% 73.421926910299%;
  width: 20px;
  height: 20px;
}

.icon-frag-lr:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 18.69158878504673% 73.421926910299%;
  width: 20px;
  height: 20px;
}

.icon-frag-ls:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 24.922118380062305% 73.421926910299%;
  width: 20px;
  height: 20px;
}

.icon-frag-lt:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 31.152647975077883% 73.421926910299%;
  width: 20px;
  height: 20px;
}

.icon-frag-lu:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 37.38317757009346% 73.421926910299%;
  width: 20px;
  height: 20px;
}

.icon-frag-lv:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 43.613707165109034% 73.421926910299%;
  width: 20px;
  height: 20px;
}

.icon-frag-ly:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 49.84423676012461% 73.421926910299%;
  width: 20px;
  height: 20px;
}

.icon-frag-ma:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 56.074766355140184% 73.421926910299%;
  width: 20px;
  height: 20px;
}

.icon-frag-mc:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 62.30529595015577% 73.421926910299%;
  width: 20px;
  height: 20px;
}

.icon-frag-md:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 68.53582554517133% 73.421926910299%;
  width: 20px;
  height: 20px;
}

.icon-frag-me:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 75.0778816199377% 0;
  width: 20px;
  height: 20px;
}

.icon-frag-mf:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 75.0778816199377% 6.644518272425249%;
  width: 20px;
  height: 20px;
}

.icon-frag-mg:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 75.0778816199377% 13.289036544850498%;
  width: 20px;
  height: 20px;
}

.icon-frag-mh:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 75.0778816199377% 19.93355481727575%;
  width: 20px;
  height: 20px;
}

.icon-frag-mk:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 75.0778816199377% 26.578073089700997%;
  width: 20px;
  height: 20px;
}

.icon-frag-ml:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 75.0778816199377% 33.222591362126245%;
  width: 20px;
  height: 20px;
}

.icon-frag-mm:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 75.0778816199377% 39.8671096345515%;
  width: 20px;
  height: 20px;
}

.icon-frag-mn:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 75.0778816199377% 46.51162790697674%;
  width: 20px;
  height: 20px;
}

.icon-frag-mo:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 75.0778816199377% 53.15614617940199%;
  width: 20px;
  height: 20px;
}

.icon-frag-mp:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 75.0778816199377% 59.800664451827245%;
  width: 20px;
  height: 20px;
}

.icon-frag-mq:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 75.0778816199377% 66.44518272425249%;
  width: 20px;
  height: 20px;
}

.icon-frag-mr:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 75.0778816199377% 73.08970099667773%;
  width: 20px;
  height: 20px;
}

.icon-frag-ms:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 0 80.06644518272425%;
  width: 20px;
  height: 20px;
}

.icon-frag-mt:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 6.230529595015576% 80.06644518272425%;
  width: 20px;
  height: 20px;
}

.icon-frag-mu:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 12.461059190031152% 80.06644518272425%;
  width: 20px;
  height: 20px;
}

.icon-frag-mv:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 18.69158878504673% 80.06644518272425%;
  width: 20px;
  height: 20px;
}

.icon-frag-mw:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 24.922118380062305% 80.06644518272425%;
  width: 20px;
  height: 20px;
}

.icon-frag-mx:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 31.152647975077883% 80.06644518272425%;
  width: 20px;
  height: 20px;
}

.icon-frag-my:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 37.38317757009346% 80.06644518272425%;
  width: 20px;
  height: 20px;
}

.icon-frag-mz:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 43.613707165109034% 80.06644518272425%;
  width: 20px;
  height: 20px;
}

.icon-frag-na:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 49.84423676012461% 80.06644518272425%;
  width: 20px;
  height: 20px;
}

.icon-frag-nc:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 56.074766355140184% 80.06644518272425%;
  width: 20px;
  height: 20px;
}

.icon-frag-ne:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 62.30529595015577% 80.06644518272425%;
  width: 20px;
  height: 20px;
}

.icon-frag-nf:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 68.53582554517133% 80.06644518272425%;
  width: 20px;
  height: 20px;
}

.icon-frag-ng:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 74.76635514018692% 80.06644518272425%;
  width: 20px;
  height: 20px;
}

.icon-frag-ni:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 81.30841121495327% 0;
  width: 20px;
  height: 20px;
}

.icon-frag-nl:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 81.30841121495327% 6.644518272425249%;
  width: 20px;
  height: 20px;
}

.icon-frag-no:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 81.30841121495327% 13.289036544850498%;
  width: 20px;
  height: 20px;
}

.icon-frag-np:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 81.30841121495327% 19.93355481727575%;
  width: 20px;
  height: 20px;
}

.icon-frag-nr:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 81.30841121495327% 26.578073089700997%;
  width: 20px;
  height: 20px;
}

.icon-frag-nu:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 81.30841121495327% 33.222591362126245%;
  width: 20px;
  height: 20px;
}

.icon-frag-nz:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 81.30841121495327% 39.8671096345515%;
  width: 20px;
  height: 20px;
}

.icon-frag-om:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 81.30841121495327% 46.51162790697674%;
  width: 20px;
  height: 20px;
}

.icon-frag-pa:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 81.30841121495327% 53.15614617940199%;
  width: 20px;
  height: 20px;
}

.icon-frag-pe:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 81.30841121495327% 59.800664451827245%;
  width: 20px;
  height: 20px;
}

.icon-frag-pf:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 81.30841121495327% 66.44518272425249%;
  width: 20px;
  height: 20px;
}

.icon-frag-pg:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 81.30841121495327% 73.08970099667773%;
  width: 20px;
  height: 20px;
}

.icon-frag-ph:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 81.30841121495327% 79.734219269103%;
  width: 20px;
  height: 20px;
}

.icon-frag-pk:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 0 86.7109634551495%;
  width: 20px;
  height: 20px;
}

.icon-frag-pl:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 6.230529595015576% 86.7109634551495%;
  width: 20px;
  height: 20px;
}

.icon-frag-pm:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 12.461059190031152% 86.7109634551495%;
  width: 20px;
  height: 20px;
}

.icon-frag-pn:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 18.69158878504673% 86.7109634551495%;
  width: 20px;
  height: 20px;
}

.icon-frag-pr:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 24.922118380062305% 86.7109634551495%;
  width: 20px;
  height: 20px;
}

.icon-frag-ps:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 31.152647975077883% 86.7109634551495%;
  width: 20px;
  height: 20px;
}

.icon-frag-pt:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 37.38317757009346% 86.7109634551495%;
  width: 20px;
  height: 20px;
}

.icon-frag-pw:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 43.613707165109034% 86.7109634551495%;
  width: 20px;
  height: 20px;
}

.icon-frag-py:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 49.84423676012461% 86.7109634551495%;
  width: 20px;
  height: 20px;
}

.icon-frag-qa:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 56.074766355140184% 86.7109634551495%;
  width: 20px;
  height: 20px;
}

.icon-frag-re:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 62.30529595015577% 86.7109634551495%;
  width: 20px;
  height: 20px;
}

.icon-frag-ro:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 68.53582554517133% 86.7109634551495%;
  width: 20px;
  height: 20px;
}

.icon-frag-rs:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 74.76635514018692% 86.7109634551495%;
  width: 20px;
  height: 20px;
}

.icon-frag-ru:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 80.99688473520249% 86.7109634551495%;
  width: 20px;
  height: 20px;
}

.icon-frag-rw:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 87.53894080996885% 0;
  width: 20px;
  height: 20px;
}

.icon-frag-sa:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 87.53894080996885% 6.644518272425249%;
  width: 20px;
  height: 20px;
}

.icon-frag-sb:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 87.53894080996885% 13.289036544850498%;
  width: 20px;
  height: 20px;
}

.icon-frag-sc:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 87.53894080996885% 19.93355481727575%;
  width: 20px;
  height: 20px;
}

.icon-frag-sd:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 87.53894080996885% 26.578073089700997%;
  width: 20px;
  height: 20px;
}

.icon-frag-se:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 87.53894080996885% 33.222591362126245%;
  width: 20px;
  height: 20px;
}

.icon-frag-sg:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 87.53894080996885% 39.8671096345515%;
  width: 20px;
  height: 20px;
}

.icon-frag-sh:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 87.53894080996885% 46.51162790697674%;
  width: 20px;
  height: 20px;
}

.icon-frag-si:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 87.53894080996885% 53.15614617940199%;
  width: 20px;
  height: 20px;
}

.icon-frag-sj:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 87.53894080996885% 59.800664451827245%;
  width: 20px;
  height: 20px;
}

.icon-frag-sk:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 87.53894080996885% 66.44518272425249%;
  width: 20px;
  height: 20px;
}

.icon-frag-sl:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 87.53894080996885% 73.08970099667773%;
  width: 20px;
  height: 20px;
}

.icon-frag-sm:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 87.53894080996885% 79.734219269103%;
  width: 20px;
  height: 20px;
}

.icon-frag-sn:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 87.53894080996885% 86.37873754152824%;
  width: 20px;
  height: 20px;
}

.icon-frag-so:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 0 93.35548172757476%;
  width: 20px;
  height: 20px;
}

.icon-frag-sp:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 6.230529595015576% 93.35548172757476%;
  width: 20px;
  height: 20px;
}

.icon-frag-sr:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 12.461059190031152% 93.35548172757476%;
  width: 20px;
  height: 20px;
}

.icon-frag-st:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 18.69158878504673% 93.35548172757476%;
  width: 20px;
  height: 20px;
}

.icon-frag-sv:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 24.922118380062305% 93.35548172757476%;
  width: 20px;
  height: 20px;
}

.icon-frag-sy:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 31.152647975077883% 93.35548172757476%;
  width: 20px;
  height: 20px;
}

.icon-frag-sz:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 37.38317757009346% 93.35548172757476%;
  width: 20px;
  height: 20px;
}

.icon-frag-tc:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 43.613707165109034% 93.35548172757476%;
  width: 20px;
  height: 20px;
}

.icon-frag-td:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 49.84423676012461% 93.35548172757476%;
  width: 20px;
  height: 20px;
}

.icon-frag-tf:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 56.074766355140184% 93.35548172757476%;
  width: 20px;
  height: 20px;
}

.icon-frag-tg:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 62.30529595015577% 93.35548172757476%;
  width: 20px;
  height: 20px;
}

.icon-frag-th:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 68.53582554517133% 93.35548172757476%;
  width: 20px;
  height: 20px;
}

.icon-frag-tj:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 74.76635514018692% 93.35548172757476%;
  width: 20px;
  height: 20px;
}

.icon-frag-tk:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 80.99688473520249% 93.35548172757476%;
  width: 20px;
  height: 20px;
}

.icon-frag-tl:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 87.22741433021807% 93.35548172757476%;
  width: 20px;
  height: 20px;
}

.icon-frag-tm:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 93.76947040498442% 0;
  width: 20px;
  height: 20px;
}

.icon-frag-tn:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 93.76947040498442% 6.644518272425249%;
  width: 20px;
  height: 20px;
}

.icon-frag-to:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 93.76947040498442% 13.289036544850498%;
  width: 20px;
  height: 20px;
}

.icon-frag-tr:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 93.76947040498442% 19.93355481727575%;
  width: 20px;
  height: 20px;
}

.icon-frag-tt:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 93.76947040498442% 26.578073089700997%;
  width: 20px;
  height: 20px;
}

.icon-frag-tv:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 93.76947040498442% 33.222591362126245%;
  width: 20px;
  height: 20px;
}

.icon-frag-tw:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 93.76947040498442% 39.8671096345515%;
  width: 20px;
  height: 20px;
}

.icon-frag-tz:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 93.76947040498442% 46.51162790697674%;
  width: 20px;
  height: 20px;
}

.icon-frag-ua:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 93.76947040498442% 53.15614617940199%;
  width: 20px;
  height: 20px;
}

.icon-frag-ug:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 93.76947040498442% 59.800664451827245%;
  width: 20px;
  height: 20px;
}

.icon-frag-um:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 93.76947040498442% 66.44518272425249%;
  width: 20px;
  height: 20px;
}

.icon-frag-us:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 93.76947040498442% 73.08970099667773%;
  width: 20px;
  height: 20px;
}

.icon-frag-uy:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 93.76947040498442% 79.734219269103%;
  width: 20px;
  height: 20px;
}

.icon-frag-uz:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 93.76947040498442% 86.37873754152824%;
  width: 20px;
  height: 20px;
}

.icon-frag-va:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 93.76947040498442% 93.02325581395348%;
  width: 20px;
  height: 20px;
}

.icon-frag-vc:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 0 100%;
  width: 20px;
  height: 20px;
}

.icon-frag-ve:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 6.230529595015576% 100%;
  width: 20px;
  height: 20px;
}

.icon-frag-vg:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 12.461059190031152% 100%;
  width: 20px;
  height: 20px;
}

.icon-frag-vi:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 18.69158878504673% 100%;
  width: 20px;
  height: 20px;
}

.icon-frag-vn:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 24.922118380062305% 100%;
  width: 20px;
  height: 20px;
}

.icon-frag-vu:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 31.152647975077883% 100%;
  width: 20px;
  height: 20px;
}

.icon-frag-wf:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 37.38317757009346% 100%;
  width: 20px;
  height: 20px;
}

.icon-frag-ws:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 43.613707165109034% 100%;
  width: 20px;
  height: 20px;
}

.icon-frag-xb:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 49.84423676012461% 100%;
  width: 20px;
  height: 20px;
}

.icon-frag-xc:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 56.074766355140184% 100%;
  width: 20px;
  height: 20px;
}

.icon-frag-ye:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 62.30529595015577% 100%;
  width: 20px;
  height: 20px;
}

.icon-frag-yk:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 68.53582554517133% 100%;
  width: 20px;
  height: 20px;
}

.icon-frag-yt:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 74.76635514018692% 100%;
  width: 20px;
  height: 20px;
}

.icon-frag-za:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 80.99688473520249% 100%;
  width: 20px;
  height: 20px;
}

.icon-frag-zm:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 87.22741433021807% 100%;
  width: 20px;
  height: 20px;
}

.icon-frag-zw:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 93.45794392523365% 100%;
  width: 20px;
  height: 20px;
}

.icon-frag-zz:after {
  background: url("images/layout/flag-icons-sprite.svg") no-repeat;
  background-position: 100% 0;
  width: 20px;
  height: 20px;
}

/**
* for next projects:
* - Masteram
* - Toys4Brain
*/
.country-flag {
  padding-left: 25px !important;
  position: relative;
}

.country-flag:before {
  position: absolute;
  content: '';
  z-index: 2;
  width: 15px;
  height: 13px;
  background: url("/images/layout/sprite-country-flags.png") no-repeat;
  top: 6px;
  right: auto;
  left: 5px;
}

.country-flag.country-ad:before {
  background-position: 0 center;
}

.country-flag.country-ae:before {
  background-position: -16px center;
}

.country-flag.country-af:before {
  background-position: -32px center;
}

.country-flag.country-ag:before {
  background-position: -48px center;
}

.country-flag.country-ai:before {
  background-position: -64px center;
}

.country-flag.country-al:before {
  background-position: -80px center;
}

.country-flag.country-am:before {
  background-position: -96px center;
}

.country-flag.country-an:before {
  background-position: -112px center;
}

.country-flag.country-ao:before {
  background-position: -128px center;
}

.country-flag.country-aq:before {
  background-position: -144px center;
}

.country-flag.country-ar:before {
  background-position: -160px center;
}

.country-flag.country-as:before {
  background-position: -176px center;
}

.country-flag.country-at:before {
  background-position: -192px center;
}

.country-flag.country-au:before {
  background-position: -208px center;
}

.country-flag.country-aw:before {
  background-position: -224px center;
}

.country-flag.country-ax:before {
  background-position: -240px center;
}

.country-flag.country-az:before {
  background-position: -256px center;
}

.country-flag.country-ba:before {
  background-position: -272px center;
}

.country-flag.country-bb:before {
  background-position: -288px center;
}

.country-flag.country-bd:before {
  background-position: -304px center;
}

.country-flag.country-be:before {
  background-position: -320px center;
}

.country-flag.country-bf:before {
  background-position: -336px center;
}

.country-flag.country-bg:before {
  background-position: -352px center;
}

.country-flag.country-bh:before {
  background-position: -368px center;
}

.country-flag.country-bi:before {
  background-position: -384px center;
}

.country-flag.country-bj:before {
  background-position: -400px center;
}

.country-flag.country-bl:before {
  background-position: -416px center;
}

.country-flag.country-bm:before {
  background-position: -432px center;
}

.country-flag.country-bn:before {
  background-position: -448px center;
}

.country-flag.country-bo:before {
  background-position: -464px center;
}

.country-flag.country-br:before {
  background-position: -480px center;
}

.country-flag.country-bs:before {
  background-position: -496px center;
}

.country-flag.country-bt:before {
  background-position: -512px center;
}

.country-flag.country-bw:before {
  background-position: -528px center;
}

.country-flag.country-by:before {
  background-position: -544px center;
}

.country-flag.country-bz:before {
  background-position: -560px center;
}

.country-flag.country-ca:before {
  background-position: -576px center;
}

.country-flag.country-cd:before {
  background-position: -592px center;
}

.country-flag.country-cf:before {
  background-position: -608px center;
}

.country-flag.country-cg:before {
  background-position: -624px center;
}

.country-flag.country-ch:before {
  background-position: -640px center;
}

.country-flag.country-ci:before {
  background-position: -656px center;
}

.country-flag.country-cl:before {
  background-position: -672px center;
}

.country-flag.country-cm:before {
  background-position: -688px center;
}

.country-flag.country-cn:before {
  background-position: -704px center;
}

.country-flag.country-co:before {
  background-position: -720px center;
}

.country-flag.country-cr:before {
  background-position: -736px center;
}

.country-flag.country-cs:before {
  background-position: -752px center;
}

.country-flag.country-cu:before {
  background-position: -768px center;
}

.country-flag.country-cv:before {
  background-position: -784px center;
}

.country-flag.country-cy:before {
  background-position: -800px center;
}

.country-flag.country-cz:before {
  background-position: -816px center;
}

.country-flag.country-de:before {
  background-position: -832px center;
}

.country-flag.country-dj:before {
  background-position: -848px center;
}

.country-flag.country-dk:before {
  background-position: -864px center;
}

.country-flag.country-dm:before {
  background-position: -880px center;
}

.country-flag.country-do:before {
  background-position: -896px center;
}

.country-flag.country-dz:before {
  background-position: -912px center;
}

.country-flag.country-ec:before {
  background-position: -928px center;
}

.country-flag.country-ee:before {
  background-position: -944px center;
}

.country-flag.country-eg:before {
  background-position: -960px center;
}

.country-flag.country-eh:before {
  background-position: -976px center;
}

.country-flag.country-er:before {
  background-position: -992px center;
}

.country-flag.country-es:before {
  background-position: -1008px center;
}

.country-flag.country-et:before {
  background-position: -1024px center;
}

.country-flag.country-eu:before {
  background-position: -1040px center;
}

.country-flag.country-fi:before {
  background-position: -1056px center;
}

.country-flag.country-fj:before {
  background-position: -1072px center;
}

.country-flag.country-fk:before {
  background-position: -1088px center;
}

.country-flag.country-fm:before {
  background-position: -1104px center;
}

.country-flag.country-fo:before {
  background-position: -1120px center;
}

.country-flag.country-fr:before {
  background-position: -1136px center;
}

.country-flag.country-ga:before {
  background-position: -1152px center;
}

.country-flag.country-gb:before {
  background-position: -1168px center;
}

.country-flag.country-gd:before {
  background-position: -1184px center;
}

.country-flag.country-ge:before {
  background-position: -1200px center;
}

.country-flag.country-gg:before {
  background-position: -1216px center;
}

.country-flag.country-gh:before {
  background-position: -1232px center;
}

.country-flag.country-gl:before {
  background-position: -1248px center;
}

.country-flag.country-gm:before {
  background-position: -1264px center;
}

.country-flag.country-gn:before {
  background-position: -1280px center;
}

.country-flag.country-gq:before {
  background-position: -1296px center;
}

.country-flag.country-gr:before {
  background-position: -1312px center;
}

.country-flag.country-gs:before {
  background-position: -1328px center;
}

.country-flag.country-gt:before {
  background-position: -1344px center;
}

.country-flag.country-gu:before {
  background-position: -1360px center;
}

.country-flag.country-gw:before {
  background-position: -1376px center;
}

.country-flag.country-gy:before {
  background-position: -1392px center;
}

.country-flag.country-hk:before {
  background-position: -1408px center;
}

.country-flag.country-hn:before {
  background-position: -1424px center;
}

.country-flag.country-hr:before {
  background-position: -1440px center;
}

.country-flag.country-ht:before {
  background-position: -1456px center;
}

.country-flag.country-hu:before {
  background-position: -1472px center;
}

.country-flag.country-id:before {
  background-position: -1488px center;
}

.country-flag.country-ie:before {
  background-position: -1504px center;
}

.country-flag.country-il:before {
  background-position: -1520px center;
}

.country-flag.country-im:before {
  background-position: -1536px center;
}

.country-flag.country-in:before {
  background-position: -1552px center;
}

.country-flag.country-iq:before {
  background-position: -1568px center;
}

.country-flag.country-ir:before {
  background-position: -1584px center;
}

.country-flag.country-is:before {
  background-position: -1600px center;
}

.country-flag.country-it:before {
  background-position: -1616px center;
}

.country-flag.country-je:before {
  background-position: -1632px center;
}

.country-flag.country-jm:before {
  background-position: -1648px center;
}

.country-flag.country-jo:before {
  background-position: -1664px center;
}

.country-flag.country-jp:before {
  background-position: -1680px center;
}

.country-flag.country-ke:before {
  background-position: -1696px center;
}

.country-flag.country-kg:before {
  background-position: -1712px center;
}

.country-flag.country-kh:before {
  background-position: -1728px center;
}

.country-flag.country-ki:before {
  background-position: -1744px center;
}

.country-flag.country-km:before {
  background-position: -1760px center;
}

.country-flag.country-kn:before {
  background-position: -1776px center;
}

.country-flag.country-kp:before {
  background-position: -1792px center;
}

.country-flag.country-kr:before {
  background-position: -1808px center;
}

.country-flag.country-kv:before {
  background-position: -1824px center;
}

.country-flag.country-kw:before {
  background-position: -1840px center;
}

.country-flag.country-ky:before {
  background-position: -1856px center;
}

.country-flag.country-kz:before {
  background-position: -1872px center;
}

.country-flag.country-la:before {
  background-position: -1888px center;
}

.country-flag.country-lb:before {
  background-position: -1904px center;
}

.country-flag.country-lc:before {
  background-position: -1920px center;
}

.country-flag.country-li:before {
  background-position: -1936px center;
}

.country-flag.country-lk:before {
  background-position: -1952px center;
}

.country-flag.country-lr:before {
  background-position: -1968px center;
}

.country-flag.country-ls:before {
  background-position: -1984px center;
}

.country-flag.country-lt:before {
  background-position: -2000px center;
}

.country-flag.country-lu:before {
  background-position: -2016px center;
}

.country-flag.country-lv:before {
  background-position: -2032px center;
}

.country-flag.country-ly:before {
  background-position: -2048px center;
}

.country-flag.country-ma:before {
  background-position: -2064px center;
}

.country-flag.country-mc:before {
  background-position: -2080px center;
}

.country-flag.country-md:before {
  background-position: -2096px center;
}

.country-flag.country-mg:before {
  background-position: -2112px center;
}

.country-flag.country-mh:before {
  background-position: -2128px center;
}

.country-flag.country-mk:before {
  background-position: -2144px center;
}

.country-flag.country-ml:before {
  background-position: -2160px center;
}

.country-flag.country-mm:before {
  background-position: -2176px center;
}

.country-flag.country-mn:before {
  background-position: -2192px center;
}

.country-flag.country-mo:before {
  background-position: -2208px center;
}

.country-flag.country-mp:before {
  background-position: -2224px center;
}

.country-flag.country-mr:before {
  background-position: -2240px center;
}

.country-flag.country-ms:before {
  background-position: -2256px center;
}

.country-flag.country-mt:before {
  background-position: -2272px center;
}

.country-flag.country-mu:before {
  background-position: -2288px center;
}

.country-flag.country-mv:before {
  background-position: -2304px center;
}

.country-flag.country-mw:before {
  background-position: -2320px center;
}

.country-flag.country-mx:before {
  background-position: -2336px center;
}

.country-flag.country-my:before {
  background-position: -2352px center;
}

.country-flag.country-mz:before {
  background-position: -2368px center;
}

.country-flag.country-na:before {
  background-position: -2384px center;
}

.country-flag.country-ne:before {
  background-position: -2400px center;
}

.country-flag.country-nf:before {
  background-position: -2416px center;
}

.country-flag.country-ng:before {
  background-position: -2432px center;
}

.country-flag.country-ni:before {
  background-position: -2448px center;
}

.country-flag.country-nl:before {
  background-position: -2464px center;
}

.country-flag.country-no:before {
  background-position: -2480px center;
}

.country-flag.country-np:before {
  background-position: -2496px center;
}

.country-flag.country-nr:before {
  background-position: -2512px center;
}

.country-flag.country-nz:before {
  background-position: -2528px center;
}

.country-flag.country-om:before {
  background-position: -2544px center;
}

.country-flag.country-pa:before {
  background-position: -2560px center;
}

.country-flag.country-pe:before {
  background-position: -2576px center;
}

.country-flag.country-pg:before {
  background-position: -2592px center;
}

.country-flag.country-ph:before {
  background-position: -2608px center;
}

.country-flag.country-pk:before {
  background-position: -2624px center;
}

.country-flag.country-pl:before {
  background-position: -2640px center;
}

.country-flag.country-pn:before {
  background-position: -2656px center;
}

.country-flag.country-pr:before {
  background-position: -2672px center;
}

.country-flag.country-ps:before {
  background-position: -2688px center;
}

.country-flag.country-pt:before {
  background-position: -2704px center;
}

.country-flag.country-pw:before {
  background-position: -2720px center;
}

.country-flag.country-py:before {
  background-position: -2736px center;
}

.country-flag.country-qa:before {
  background-position: -2752px center;
}

.country-flag.country-ro:before {
  background-position: -2768px center;
}

.country-flag.country-rs:before {
  background-position: -2784px center;
}

.country-flag.country-ru:before {
  background-position: -2800px center;
}

.country-flag.country-rw:before {
  background-position: -2816px center;
}

.country-flag.country-sa:before {
  background-position: -2832px center;
}

.country-flag.country-sb:before {
  background-position: -2848px center;
}

.country-flag.country-sc:before {
  background-position: -2864px center;
}

.country-flag.country-sd:before {
  background-position: -2880px center;
}

.country-flag.country-se:before {
  background-position: -2896px center;
}

.country-flag.country-sg:before {
  background-position: -2912px center;
}

.country-flag.country-sh:before {
  background-position: -2928px center;
}

.country-flag.country-si:before {
  background-position: -2944px center;
}

.country-flag.country-sk:before {
  background-position: -2960px center;
}

.country-flag.country-sl:before {
  background-position: -2976px center;
}

.country-flag.country-sm:before {
  background-position: -2992px center;
}

.country-flag.country-sn:before {
  background-position: -3008px center;
}

.country-flag.country-so:before {
  background-position: -3024px center;
}

.country-flag.country-sr:before {
  background-position: -3040px center;
}

.country-flag.country-ss:before {
  background-position: -3056px center;
}

.country-flag.country-st:before {
  background-position: -3072px center;
}

.country-flag.country-sv:before {
  background-position: -3088px center;
}

.country-flag.country-sy:before {
  background-position: -3104px center;
}

.country-flag.country-sz:before {
  background-position: -3120px center;
}

.country-flag.country-tc:before {
  background-position: -3136px center;
}

.country-flag.country-td:before {
  background-position: -3152px center;
}

.country-flag.country-tg:before {
  background-position: -3168px center;
}

.country-flag.country-th:before {
  background-position: -3184px center;
}

.country-flag.country-tj:before {
  background-position: -3200px center;
}

.country-flag.country-tm:before {
  background-position: -3216px center;
}

.country-flag.country-tn:before {
  background-position: -3232px center;
}

.country-flag.country-to:before {
  background-position: -3248px center;
}

.country-flag.country-tp:before {
  background-position: -3264px center;
}

.country-flag.country-tr:before {
  background-position: -3280px center;
}

.country-flag.country-tt:before {
  background-position: -3296px center;
}

.country-flag.country-tv:before {
  background-position: -3312px center;
}

.country-flag.country-tw:before {
  background-position: -3328px center;
}

.country-flag.country-tz:before {
  background-position: -3344px center;
}

.country-flag.country-ua:before {
  background-position: -3360px center;
}

.country-flag.country-ug:before {
  background-position: -3376px center;
}

.country-flag.country-us:before {
  background-position: -3392px center;
}

.country-flag.country-uy:before {
  background-position: -3408px center;
}

.country-flag.country-uz:before {
  background-position: -3424px center;
}

.country-flag.country-va:before {
  background-position: -3440px center;
}

.country-flag.country-vc:before {
  background-position: -3456px center;
}

.country-flag.country-ve:before {
  background-position: -3472px center;
}

.country-flag.country-vg:before {
  background-position: -3488px center;
}

.country-flag.country-vi:before {
  background-position: -3504px center;
}

.country-flag.country-vn:before {
  background-position: -3520px center;
}

.country-flag.country-vu:before {
  background-position: -3536px center;
}

.country-flag.country-ws:before {
  background-position: -3552px center;
}

.country-flag.country-ye:before {
  background-position: -3568px center;
}

.country-flag.country-za:before {
  background-position: -3584px center;
}

.country-flag.country-zm:before {
  background-position: -3600px center;
}

.country-flag.country-zw:before {
  background-position: -3616px center;
}

/**
* for next projects:
* - Masteram
* - Toys4Brain
*/
/**
* for next projects:
* - Masteram
* - Toys4Brain
*/
html, body {
  touch-action: manipulation;
  min-width: 320px;
  margin: 0;
  font-size: 10px !important;
  font-family: 'Roboto', sans-serif;
  line-height: 1.2;
  color: #21272c;
  background-color: #ffffff;
  font-weight: 400;
  text-decoration: none;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

ul, ol {
  margin: 0;
  padding: 0;
}

i {
  font-style: normal;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

h1 {
  font-size: 2rem;
  margin: 0 0 30px 0;
}

@media only screen and (min-width: 960px) {
  h1 {
    font-size: 2.4rem;
  }
}

h2 {
  font-size: 1.5rem;
  margin: 0 0 30px 0;
  text-transform: uppercase;
}

@media only screen and (min-width: 960px) {
  h2 {
    font-size: 1.8rem;
  }
}

h3 {
  font-size: 1.4rem;
}

@media only screen and (min-width: 960px) {
  h3 {
    font-size: 1.6rem;
  }
}

h1, h2, h3 {
  margin: 0 0 30px 0;
  font-family: 'Open Sans', sans-serif;
  font-weight: 800;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  height: 0;
}

pre {
  overflow: auto;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
  -webkit-appearance: none;
  border-radius: 0;
  background-color: transparent;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="submit"]:focus,
button:focus,
a.btn:focus {
  outline: none;
}

input[type="checkbox"],
input[type="radio"] {
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

a {
  color: #0066cc;
  text-decoration: none;
}

a:hover,
a:focus {
  text-decoration: underline;
}

figure {
  margin: 0;
}

img {
  vertical-align: middle;
}

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

.img-rounded {
  border-radius: 6px;
}

.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.img-circle {
  border-radius: 50%;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

[role="button"] {
  cursor: pointer;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
}

@media (min-width: 960px) {
  .container {
    width: 930px;
  }
}

@media (min-width: 1280px) {
  .container {
    width: 1200px;
  }
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
}

.row {
  margin-left: -10px;
  margin-right: -10px;
}

.col-xs-0, .col-sm-0, .col-md-0, .col-lg-0 {
  position: relative;
  min-height: 1px;
  float: left;
  padding: 0;
}

.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: 10px;
  padding-right: 10px;
}

.col-xs-0, .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: left;
}

.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-0 {
  width: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}

.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

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

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

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

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

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

div.table {
  display: table;
}

div.table-cell {
  display: table-cell;
}

.hidden {
  display: none !important;
}

.affix {
  position: fixed;
}

@media (max-width: 639px) {
  .hidden-xs {
    display: none !important;
  }
  .xs-clear {
    clear: both !important;
  }
  .xs-text-center {
    text-align: center !important;
  }
}

@media (min-width: 640px) and (max-width: 959px) {
  .hidden-sm {
    display: none !important;
  }
  .sm-clear {
    clear: both !important;
  }
  .sm-text-center {
    text-align: center !important;
  }
}

@media (min-width: 960px) and (max-width: 1279px) {
  .hidden-md {
    display: none !important;
  }
  .md-clear {
    clear: both !important;
  }
  .md-text-center {
    text-align: center !important;
  }
}

@media (min-width: 1280px) {
  .hidden-lg {
    display: none !important;
  }
  .lg-clear {
    clear: both !important;
  }
  .lg-text-center {
    text-align: center !important;
  }
}

.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}

.visible-print-block {
  display: none !important;
}

@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}

@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}

@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}

/**
* for next projects:
* - Masteram
* - Toys4Brain
*/
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

input[type=text]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

input[type=text]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

.page-wrap {
  width: 100%;
  min-height: 100%;
  padding-top: 232px;
  background-color: #F9F9F9;
}

@media only screen and (max-width: 959px) {
  .page-wrap {
    padding-top: 50px;
  }
}

.table-wrap {
  display: table;
  width: 100%;
}

.middle-wrap {
  width: 100%;
}

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

.d-none {
  display: none;
}

main {
  float: right;
  width: 66%;
}

main.full-width {
  width: 100%;
  float: none;
}

.relative {
  position: relative;
}

aside {
  float: left;
  width: 33%;
}

footer {
  margin-top: 76px;
  width: 100%;
}

@media only screen and (min-width: 960px) {
  footer {
    margin-top: 80px;
  }
}

@media only screen and (max-width: 959px) {
  footer {
    margin-top: 50px;
  }
}

*[data-fake-href] {
  cursor: pointer;
}

*[data-fake-href]:hover {
  text-decoration: underline;
}

body {
  position: relative;
  background: #f4f4f4;
}

hr {
  height: 0;
  border-color: #eeeeee;
  width: 100%;
  margin: 20px 0;
}

.hide-in-critical {
  display: block;
}

.index-h1 {
  height: 0;
  overflow: hidden;
  position: absolute;
  z-index: -10;
  top: -20px;
}

[data-dotdotdot] {
  display: block !important;
}

body {
  width: 100%;
  height: 100%;
  height: 100vh;
}

.full-width {
  width: 100%;
}

.full-width:after, .full-width:before {
  content: " ";
  display: table;
}

.full-width:after {
  clear: both;
}

.hide-scroll {
  overflow: hidden !important;
}

.stick__container {
  width: 100%;
  font-size: 0;
}

.stick__col {
  display: inline-block;
  vertical-align: top;
  padding: 0 10px;
  font-size: 10px;
}

.stick__col-left {
  width: 100%;
  position: relative;
}

.stick__col-right {
  width: 100%;
}

@media only screen and (max-width: 959px) {
  .stick__col-left {
    display: none;
  }
}

@media only screen and (min-width: 960px) {
  .stick__col-left {
    width: 25%;
  }
  .stick__col-right {
    width: 75%;
  }
}

@media only screen and (min-width: 960px) {
  .hidden-desktop {
    display: none !important;
  }
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  aside .fil_group {
    padding: 30px 5px 20px 5px;
  }
}

a, .link-style {
  color: #0066cc;
  text-decoration: none;
  display: inline;
}

a:focus, .link-style:focus {
  text-decoration: inherit;
}

a:hover, .link-style:hover {
  text-decoration: underline;
  cursor: pointer;
}

p {
  margin: 0 0 20px 0;
  color: #21272c;
  font-size: 1.4rem;
}

.toTable {
  display: table !important;
}

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

.red {
  color: #ff3300;
}

.blue {
  color: #0066cc;
}

.yellow {
  color: #ffcc00;
}

.position-static {
  position: static;
}

.tab__caption {
  cursor: pointer;
}

.tab__content {
  display: none;
}

.tab__content.active {
  display: block;
}

.price-default {
  font-size: 1.6em;
  font-weight: 700;
  color: #21272c;
}

.price-sale {
  font-size: 1.6em;
}

.price-sale .old {
  color: #89949d;
  font-size: inherit;
  font-weight: 400;
  padding-right: 5px;
  text-decoration: line-through;
}

.price-sale .new {
  color: #ff3300;
  font-size: inherit;
  font-weight: 700;
}

@media only screen and (min-width: 960px) {
  .price-default {
    font-size: 1.3em;
  }
  .price-sale {
    font-size: 1.3em;
  }
}

.print-link {
  font-size: 1.4rem;
  position: relative;
  display: block;
  color: #21272c;
  text-decoration: none;
  padding-left: 25px;
}

.print-link:before {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 36.626506024096386% 87.98955613577023%;
  width: 19px;
  height: 18px;
  left: 0;
  top: -3px;
}

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

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

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

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

.mt0 {
  margin-top: 0 !important;
}

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

.pt20 {
  padding-top: 20px;
}

@media only screen and (min-width: 960px) {
  .pr30-desktop {
    padding-right: 30px;
  }
  .pr20-desktop {
    padding-right: 20px;
  }
  .pl20-desktop {
    padding-left: 20px;
  }
  .pt15-desktop {
    padding-top: 15px;
  }
  .pr0-desktop {
    padding-right: 0;
  }
  .pl0-desktop {
    padding-left: 0;
  }
}

[data-dotdotdot="MM-username"] {
  height: 17px;
  overflow: hidden;
}

html.no-scroll,
html.no-scroll body {
  overflow: hidden !important;
  height: 100% !important;
}

html.mobile .body-overlay,
html.tablet .body-overlay {
  cursor: pointer;
}

.body-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(33, 39, 44, 0.3);
  z-index: 5000;
}

.up-over-overlay {
  z-index: 5050 !important;
}

.white-wrapper {
  background: #ffffff;
  position: relative;
  margin: 0 -10px 10px -10px;
  padding: 0 20px 20px 20px;
}

.white-wrapper:after, .white-wrapper:before {
  content: " ";
  display: table;
}

.white-wrapper:after {
  clear: both;
}

.white-wrapper h2 {
  text-transform: uppercase;
  margin: 0 0 30px 0;
}

.white-wrapper h2 .text {
  color: inherit;
  text-decoration: none;
}

.white-wrapper h2 a {
  cursor: pointer;
}

@media only screen and (min-width: 960px) {
  .white-wrapper {
    padding: 30px;
    margin: 0 0 30px 0;
  }
}

@media only screen and (max-width: 959px) {
  .white-wrapper h2 .text {
    padding: 15px 25px 15px 0;
    display: block;
    border-bottom: 1px solid #eeeeee;
  }
  .white-wrapper h2 a {
    position: relative;
  }
  .white-wrapper h2 a:after {
    position: absolute;
    content: ' ';
    z-index: 2;
    background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
    background-position: 85.68075117370893% 36.246786632390744%;
    width: 8px;
    height: 12px;
    right: 5px;
    top: 0;
    bottom: 0;
    margin: auto;
  }
}

@media only screen and (min-width: 960px) {
  [space="page/index/articles"] {
    margin-bottom: 0;
  }
}

[space="page/index/news"] {
  margin-bottom: 0;
}

.yellow-border {
  border: solid 1px #ffcc00;
}

.comment-wrapper {
  font-size: 1.3rem;
  line-height: 1.28;
  padding: 5px 0 10px 0;
  position: relative;
  margin: 0 10px 20px 10px;
  font-style: italic;
}

.comment-wrapper:before {
  content: "\201c";
  left: -15px;
  top: 0;
  font-size: 32px;
  color: #ffcc00;
  font-weight: bold;
  line-height: 1;
  position: absolute;
}

.comment-wrapper .quote-end {
  display: inline-block;
  position: relative;
}

.comment-wrapper .quote-end i {
  font-size: 3.2rem;
  line-height: 10px;
  height: 10px;
  color: #ffcc00;
  font-weight: bold;
  display: block;
  position: absolute;
  bottom: -10px;
  left: -2px;
}

@media only screen and (min-width: 960px) {
  .comment-wrapper {
    font-size: 1.4rem;
  }
}

.news-fix-aside {
  padding-top: 136px;
}

.news-fix-aside .google-banner {
  width: 250px;
  background: #ffffff;
  margin: 0 auto 20px auto;
}

.red-text {
  color: #ff3300 !important;
}

body[data-special-type="landing-page"] footer {
  margin-top: 0 !important;
}

body[data-special-type="landing-page"] .pgw {
  margin-top: 0;
}

@media only screen and (min-width: 960px) {
  body[data-special-type="landing-page"] .container-catalog {
    margin-bottom: 50px;
  }
  body[data-special-type="landing-page"] .pgw {
    margin-bottom: 50px;
  }
  body[data-special-type="landing-page"] .grid-type {
    margin-bottom: 30px;
  }
  body[data-special-type="landing-page"] .list-type {
    margin-bottom: 42px;
  }
}

@media only screen and (max-width: 959px) {
  body[data-special-type="landing-page"] .container-catalog {
    margin-bottom: 20px;
  }
  body[data-special-type="landing-page"] .pgw {
    margin-bottom: 30px;
  }
  body[data-special-type="landing-page"] .list-type,
  body[data-special-type="landing-page"] .grid-type {
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 960px) {
  body[data-special-type="landing-page"] .page-wrap {
    padding-top: 187px !important;
  }
}

iframe[src*="ads-iframe"] {
  display: none !important;
}

.text-ad, .textAd, .text_ad, .text_ads, .text-ads, .text-ad-links {
  display: none;
}

/**
* for next projects:
* - Masteram
* - Toys4Brain
*/
@media print {
  aside,
  header,
  footer,
  .stick__col-left {
    display: none !important;
  }
  .stick__col-right {
    width: 100%;
  }
  .page-wrap {
    background: #ffffff;
    padding: 0;
  }
  .pct .product-button-wrapper {
    display: none;
  }
  .pct .save-to-wishlist {
    display: none;
  }
  .pct_delete {
    display: none;
  }
  .pct_products {
    overflow: visible;
    overflow-x: visible;
  }
  .print-link {
    display: none;
  }
  .odb {
    width: 100%;
    max-width: none !important;
    padding-top: 20px;
  }
}

/**
* for next projects:
* - Masteram
* - Toys4Brain
*/
.product-button-wrapper {
  overflow: visible;
  position: relative;
  display: table;
  height: 50px;
}

.product-button-wrapper .icon-wrapper {
  display: none;
}

.product-button-wrapper .in-cart {
  display: none;
}

.product-button-wrapper .add-to-cart,
.product-button-wrapper .btn-in-cart,
.product-button-wrapper .btn-white,
.product-button-wrapper .btn-secondary,
.product-button-wrapper .add-to-preorder {
  display: table-cell;
  vertical-align: middle;
  width: 120px;
  position: relative;
}

.product-button-wrapper .btn-secondary {
  background: transparent !important;
}

.product-button-wrapper .btn-secondary:hover {
  background: transparent !important;
}

.product-button-wrapper.big .add-to-cart,
.product-button-wrapper.big .btn-in-cart,
.product-button-wrapper.big .btn-white,
.product-button-wrapper.big .btn-secondary {
  width: 160px;
}

@media only screen and (max-width: 959px) {
  .product-button-wrapper.big .add-to-cart,
  .product-button-wrapper.big .btn-in-cart,
  .product-button-wrapper.big .btn-white,
  .product-button-wrapper.big .btn-secondary {
    width: 100%;
  }
}

.product-button-wrapper.big .add-to-preorder .btn-secondary {
  display: block;
}

.product-button-wrapper .btn-text {
  text-align: center;
  font-size: 1.1rem;
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  width: 100%;
  margin-top: 4px;
}

.product-button-wrapper .only-in-stock {
  font-size: 1.1rem;
  text-align: center;
  padding-top: 5px;
}

.ck_total .product-button-wrapper .only-in-stock,
[space="cart/cart-wrapper"] .product-button-wrapper .only-in-stock {
  margin: 0 -10px;
}

.product-button-wrapper .quantity-input {
  font-size: 0;
}

.product-button-wrapper .only-in-stock.used-in-combo {
  display: none;
  background-color: inherit;
  white-space: nowrap;
}

.product-button-wrapper .btn-white .product-button,
.product-button-wrapper .btn-secondary .product-button {
  display: block;
  height: 36px;
  width: 120px;
  text-align: center;
  font-size: 0;
  padding: 5px;
  border-radius: 6px;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid #d0d8de !important;
  background: #ffffff !important;
  background: linear-gradient(to top, #f2f2f2, #ffffff) !important;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1) !important;
}

.product-button-wrapper .btn-white .product-button:hover,
.product-button-wrapper .btn-secondary .product-button:hover {
  background: linear-gradient(to bottom, #f2f2f2, #ffffff) !important;
}

.product-button-wrapper .btn-white .product-button:active,
.product-button-wrapper .btn-secondary .product-button:active {
  background: linear-gradient(to bottom, #f2f2f2, #ffffff) !important;
  box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.3) !important;
  border: solid 1px #d0d8de !important;
}

.product-button-wrapper .btn-white .product-button:before,
.product-button-wrapper .btn-secondary .product-button:before {
  content: " ";
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
}

.product-button-wrapper .btn-white .product-button i,
.product-button-wrapper .btn-secondary .product-button i {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.2rem;
  line-height: 1;
  color: #21272c;
}

.product-button-wrapper .btn-white .button-inpreorder,
.product-button-wrapper .btn-secondary .button-inpreorder {
  min-height: 36px;
  height: auto;
}

.product-button-wrapper .product-button-gift {
  display: none;
  position: absolute;
  left: 100%;
  height: 12px;
  top: 17px;
  margin: auto;
  padding-left: 15px;
}

.product-button-wrapper .product-button-gift[data-show="on"] {
  display: block;
}

@media only screen and (max-width: 959px) {
  .product-button-wrapper .product-button-gift {
    display: none !important;
  }
}

.product-button-wrapper .product-button-gift .tooltip {
  position: relative;
  cursor: help;
}

.product-button-wrapper .product-button-gift .tooltip .text {
  display: block;
  padding-right: 30px;
  white-space: nowrap;
  color: #ff3300;
  font-weight: bold;
  font-size: 1.1rem;
  line-height: 1.2;
}

.product-button-wrapper .product-button-gift .tooltip .text:after {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 95.65217391304348% 0;
  width: 20px;
  height: 21px;
  top: -4px;
  bottom: 0;
  margin: auto;
  right: 0;
}

.product-button-wrapper .add-to-cart .product-button {
  display: inline-block;
  position: relative;
  height: 36px;
  padding: 10px 15px 9px 35px;
  margin-bottom: 0;
  font-size: 1.3rem;
  line-height: 1.2;
  width: 120px;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  border-radius: 6px;
  color: #21272c;
  background: #ffc700;
  background: linear-gradient(to top, #ffc700, #ffd100);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
}

.product-button-wrapper .add-to-cart .product-button i {
  position: relative;
}

.product-button-wrapper .add-to-cart .product-button i:before {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 5.583472920156337% 78.85117493472585%;
  width: 22.07px;
  height: 18px;
  top: 0;
  bottom: 0;
  margin: auto;
  left: -29px;
}

.product-button-wrapper .add-to-cart .product-button:hover {
  text-decoration: none;
  color: #21272c;
  background: #ffd83b;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
}

.product-button-wrapper .add-to-cart .product-button:active {
  outline: 0;
  background: #ffcf00;
  box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}

.product-button-wrapper .add-to-cart .product-button:focus {
  text-decoration: none;
  color: #21272c;
  outline-style: none;
}

.product-button-wrapper .btn-in-cart .btn {
  width: 33.33333%;
  display: inline-block;
  min-width: 0;
  border-radius: 0;
  height: 36px;
  position: relative;
}

.product-button-wrapper .btn-in-cart .btn.minus {
  border-radius: 6px 0 0 6px;
}

.product-button-wrapper .btn-in-cart .btn.minus:after {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 89.04761904761905% 89.4206549118388%;
  width: 14px;
  height: 4px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.product-button-wrapper .btn-in-cart .btn.plus {
  border-radius: 0 6px 6px 0;
}

.product-button-wrapper .btn-in-cart .btn.plus:after {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 75.2452380952381% 78.03617571059432%;
  width: 14px;
  height: 14px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.product-button-wrapper .btn-in-cart .btn.disabled {
  background-image: linear-gradient(to right, #ffde5e, #ffe473);
  border-color: transparent;
}

.product-button-wrapper .btn-in-cart .btn.disabled:after {
  opacity: 0.3;
}

.product-button-wrapper .btn-in-cart .btn span {
  display: none;
}

.product-button-wrapper .btn-in-cart input, .product-button-wrapper .btn-in-cart .value {
  width: 33.33333%;
  display: inline-block;
  vertical-align: top;
  height: 36px;
  padding: 9px 0 8px 0;
  line-height: 1.2;
  text-align: center;
  font-size: 1.3rem;
  color: #21272c;
  background: #ffffff;
  border: 2px solid #ffcc00;
  border-left: 0;
  border-right: 0;
  outline: none;
}

.product-button-wrapper.big .btn-in-cart .btn, .product-button-wrapper.big .btn-in-cart input, .product-button-wrapper.big .btn-in-cart .value {
  height: 46px;
}

.product-button-wrapper.big .add-to-cart .product-button {
  height: 46px;
  padding: 15px 15px 13px 15px;
  width: 100%;
}

.product-button-wrapper.big .btn-text {
  font-size: 1.3rem;
  position: static;
}

.product-button-wrapper.big .only-in-stock.used-in-combo {
  display: block;
}

.product-button-wrapper.big .product-button {
  width: 100%;
  height: 46px;
}

.product-button-wrapper.big .product-button i {
  font-size: 1.3rem;
}

@media only screen and (max-width: 959px) {
  .product-button-wrapper.big {
    width: 100%;
  }
  .product-button-wrapper.big .add-to-cart .product-button {
    width: 100%;
  }
}

@media only screen and (min-width: 960px) {
  .product-button-wrapper.big .add-to-cart .quantity-input,
  .product-button-wrapper.big .add-to-cart .product-button, .product-button-wrapper.big .btn-in-cart .quantity-input,
  .product-button-wrapper.big .btn-in-cart .product-button, .product-button-wrapper.big .btn-white .quantity-input,
  .product-button-wrapper.big .btn-white .product-button, .product-button-wrapper.big .btn-secondary .quantity-input,
  .product-button-wrapper.big .btn-secondary .product-button {
    width: 160px;
    margin: auto;
  }
  .product-button-wrapper.big .add-to-cart .product-button i {
    position: relative;
    padding-left: 29px;
  }
  .product-button-wrapper.big .add-to-cart .product-button i:before {
    position: absolute;
    content: ' ';
    z-index: 2;
    background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
    background-position: 5.583472920156337% 78.85117493472585%;
    width: 22.07px;
    height: 18px;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }
}

/**
* for next projects:
* - Masteram
* - Toys4Brain
*/
.field-group:not(.tmpns) {
  position: relative;
  margin-bottom: 35px;
  padding-top: 15px;
  max-width: 580px;
  /* LABEL ======================================= */
  /* active state */
  /* BOTTOM BARS ================================= */
  /* active state */
  /* error ================================= */
  /* textarea symbols-length ============================= */
}

.field-group:not(.tmpns) input, .field-group:not(.tmpns) textarea {
  font-size: 1.6rem;
  padding: 6px 2px 6px 2px;
  display: block;
  background: transparent;
  width: 100%;
  border: none;
  border-bottom: 1px solid #89949d;
  line-height: 1.4;
  -webkit-writing-mode: horizontal-tb;
}

.field-group:not(.tmpns) input:focus, .field-group:not(.tmpns) textarea:focus {
  outline: none;
}

.field-group:not(.error) .field-group:not(.tmpns) input:disabled, .field-group:not(.error) .field-group:not(.tmpns) input[disabled], .field-group:not(.error) .field-group:not(.tmpns) textarea:disabled, .field-group:not(.error) .field-group:not(.tmpns) textarea[disabled] {
  background: #ffffff;
  border-bottom: 1px dotted #89949d;
}

.field-group:not(.tmpns) textarea {
  resize: none;
  overflow-y: hidden;
  min-height: 29px;
  height: 29px;
  padding: 0 2px 6px 2px;
  margin-top: 6px;
  transition: 0.3s ease all;
}

.field-group:not(.tmpns) label {
  font-size: 1.6rem;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 2px;
  top: 23px;
  transition: 0.2s ease all;
  color: #89949d;
}

.field-group:not(.tmpns) label i {
  color: #ff3300;
}

.field-group:not(.tmpns) textarea ~ label {
  width: 100%;
}

.field-group:not(.tmpns) textarea ~ label:after {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 61.400954653937944% 78.23834196891191%;
  width: 15px;
  height: 15px;
  right: 0;
  top: 0;
}

.field-group:not(.tmpns) .optional {
  font-size: 1.2rem;
  color: #d6dce0;
}

.field-group:not(.tmpns) input:focus ~ label,
.field-group:not(.tmpns) textarea:focus ~ label,
.field-group:not(.tmpns) label.active,
.field-group:not(.tmpns) input:disabled ~ label,
.field-group:not(.tmpns) input[disabled] ~ label,
.field-group:not(.tmpns) textarea:disabled ~ label,
.field-group:not(.tmpns) textarea[disabled] ~ label {
  top: 0;
  left: 0 !important;
  font-size: 1.2rem;
}

.field-group:not(.tmpns) textarea:focus ~ label:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 64.98090692124104% 78.23834196891191%;
  width: 15px;
  height: 15px;
}

.field-group:not(.tmpns) .bar {
  position: relative;
  display: block;
  width: 100%;
}

.field-group:not(.tmpns) .bar:before, .field-group:not(.tmpns) .bar:after {
  content: '';
  height: 4px;
  width: 0;
  bottom: -1px;
  position: absolute;
  background: #ffcc00;
  transition: 0.2s ease all;
}

.field-group:not(.tmpns) .bar:before {
  left: 50%;
}

.field-group:not(.tmpns) .bar:after {
  right: 50%;
}

.field-group:not(.tmpns) input:focus ~ .bar:before,
.field-group:not(.tmpns) input:focus ~ .bar:after,
.field-group:not(.tmpns) textarea:focus ~ .bar:before,
.field-group:not(.tmpns) textarea:focus ~ .bar:after {
  width: 50%;
}

.field-group:not(.tmpns) .error-text {
  font-size: 1.2rem;
  padding: 3px 2px 2px 2px;
  color: #ff3300;
  display: none;
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 1;
}

.field-group:not(.tmpns).big-error-text .error-text {
  font-size: 1.4rem;
  padding: 0;
  position: relative;
  top: 0;
  margin-top: 15px;
}

.field-group:not(.tmpns).error input, .field-group:not(.tmpns).error textarea {
  border-color: #ff3300;
}

.field-group:not(.tmpns).error .error-text {
  display: inline-block;
}

.field-group:not(.tmpns) .symbols-length {
  font-size: 1.2rem;
  padding: 6px 2px 2px 2px;
  color: #21272c;
  display: block;
  position: absolute;
  top: 100%;
  left: auto;
  right: 0;
  z-index: 1;
}

.field-group:not(.tmpns) select {
  font-size: 1.6rem;
  padding: 6px 2px 6px 2px;
  display: block;
  width: 100%;
  border: none;
  border-bottom: 1px solid #89949d;
  line-height: 1.4;
}

.field-group:not(.tmpns) select:focus {
  outline: none;
  box-shadow: none;
}

.field-group:not(.tmpns) input:-webkit-autofill, .field-group:not(.tmpns) textarea:-webkit-autofill, .field-group:not(.tmpns) select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}

/* hiddenDiv for textarea auto height ==================== */
.hiddenDiv {
  display: none;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
  padding-top: 1.2rem;
}

/**
* for next projects:
* - Masteram
* - Toys4Brain
*/
.option-box:not(.tmpns) {
  margin-bottom: 20px;
}

.option-box:not(.tmpns) input[type="checkbox"],
.option-box:not(.tmpns) input[type="radio"] {
  display: none;
}

.option-box:not(.tmpns) input[type="checkbox"] + label,
.option-box:not(.tmpns) input[type="radio"] + label {
  display: inline-block;
  vertical-align: top;
  color: #21272c;
  font-size: 14px;
  line-height: 16px;
  padding: 0 0 0 22px;
  position: relative;
  cursor: pointer;
}

.option-box:not(.tmpns) input[type="checkbox"] + label:before,
.option-box:not(.tmpns) input[type="radio"] + label:before {
  position: absolute;
  content: ' ';
  z-index: 2;
  left: -1px;
  top: -2px;
}

.option-box:not(.tmpns) input[type="checkbox"] + label:before {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 100% 26.89295039164491%;
  width: 18px;
  height: 18px;
}

.option-box:not(.tmpns) input[type="radio"] + label:before {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 100% 45.16971279373368%;
  width: 18px;
  height: 18px;
}

.option-box:not(.tmpns) input[type="checkbox"][checked] + label:before {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 100% 22.193211488250654%;
  width: 18px;
  height: 18px;
}

.option-box:not(.tmpns) input[type="radio"][checked] + label:before {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 100% 49.869451697127936%;
  width: 18px;
  height: 18px;
}

.option-box:not(.tmpns).compare input[type="checkbox"] ~ label {
  font-size: 1.1rem;
  line-height: 1.4;
  cursor: pointer;
}

.option-box:not(.tmpns).compare input[type="checkbox"] ~ label:hover {
  text-decoration: underline;
}

.option-box:not(.tmpns).compare input[type="checkbox"] ~ span {
  display: none;
  font-size: 1.1rem;
  line-height: 1.4;
  color: #0066cc;
}

.option-box:not(.tmpns).compare input[type="checkbox"] ~ span:hover {
  text-decoration: underline;
  cursor: pointer;
}

.option-box:not(.tmpns).compare input[type="checkbox"][checked] ~ label {
  display: inline-block;
}

.option-box:not(.tmpns).compare input[type="checkbox"][checked] ~ label span {
  font-size: 0;
}

.option-box:not(.tmpns).compare input[type="checkbox"][checked] ~ span {
  display: inline-block;
}

/**
* for next projects:
* - Masteram
* - Toys4Brain
*/
.select-group {
  position: relative;
  display: inline-block;
}

.select-group .pretext {
  font-size: 1.1em;
  color: #89949d;
  float: left;
  margin-right: 5px;
  text-align: center;
}

.select-group .value {
  display: block;
  float: left;
  text-align: left;
  margin: 0;
  padding: 0 20px 0 0;
  font-size: 1.1em;
  cursor: pointer;
  text-decoration: none;
  position: relative;
  color: #ffffff;
  white-space: nowrap;
}

.select-group .value:after {
  transition: transform 0.25s ease-in-out;
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 40.71666666666667% 68.36734693877551%;
  width: 14px;
  height: 9px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.select-group .value:hover {
  text-decoration: underline;
}

.select-group .trigger-open {
  cursor: pointer;
  transition: none;
}

.select-group .trigger-open * {
  transition: none;
}

.select-group .dropdown-menu {
  display: block;
  position: absolute;
  top: 25px;
  left: 0;
  z-index: 400;
  margin: 0;
  padding: 0;
  min-width: 100%;
  list-style: none;
  text-align: left;
  background: #fafafa;
  box-shadow: 0 3px 10px -1px rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  overflow: hidden;
  height: 0;
  opacity: 0;
}

@media only screen and (min-width: 960px) {
  .select-group .dropdown-menu {
    left: 50%;
    transform: translateX(-50%);
  }
}

.select-group .dropdown-menu li:after, .select-group .dropdown-menu li:before {
  content: " ";
  display: table;
}

.select-group .dropdown-menu li:after {
  clear: both;
}

.select-group .dropdown-menu li, .select-group .dropdown-menu a {
  position: relative;
  background-color: #ffffff;
  padding: 8px 15px 8px 15px;
  display: block;
  color: #21272c;
  text-decoration: none;
  font-size: 1.3em;
  z-index: 401;
  white-space: nowrap;
  cursor: pointer;
}

.select-group .dropdown-menu li:hover, .select-group .dropdown-menu a:hover {
  text-decoration: none;
  background-color: #f4f4f4;
}

.select-group .dropdown-menu li:nth-child(1), .select-group .dropdown-menu a:nth-child(1) {
  padding-top: 13px;
}

.select-group .dropdown-menu li:nth-last-child(1), .select-group .dropdown-menu a:nth-last-child(1) {
  padding-bottom: 13px;
}

.select-group.open .value {
  text-decoration: underline;
}

.select-group.open .value:after {
  transform: rotate(-180deg) scale(1) skew(0deg) translate(0px);
}

.select-group.open .dropdown-menu {
  opacity: 1;
  height: auto;
}

.select-group.select-group--phone {
  float: right;
  padding-top: 1px;
}

.select-group.select-group--phone .value {
  font-size: 1.6rem;
  font-weight: 400;
}

.select-group.select-group--phone .value:hover, .select-group.select-group--phone .value:focus {
  text-decoration: none;
}

.select-group.select-group--phone .dropdown-menu {
  top: 28px;
}

.select-group.select-group--phone .dropdown-menu li {
  padding-left: 42px;
}

.select-group.select-group--phone .dropdown-menu li:before {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 99.97116216476016% 72.31026290368902%;
  width: 17.88px;
  height: 17.97px;
  left: 15px;
  top: 5px;
}

.select-group.select-group--phone .dropdown-menu li:hover:before {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 99.97116216476016% 67.61872438190221%;
  width: 17.88px;
  height: 17.97px;
}

.select-group.select-group--phone .dropdown-menu li:nth-child(1):before {
  top: 10px;
}

.select-group.select-group--phone .dropdown-menu li.mts:before, .select-group.select-group--phone .dropdown-menu li.kyivstar:before, .select-group.select-group--phone .dropdown-menu li.life-cell:before {
  left: 13px;
  top: 3px;
}

.select-group.select-group--phone .dropdown-menu li.mts:before {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 81.64251207729468% 94.22572178477691%;
  width: 20px;
  height: 20px;
}

.select-group.select-group--phone .dropdown-menu li.kyivstar:before {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 52.54237288135593% 94.22572178477691%;
  width: 21px;
  height: 20px;
}

.select-group.select-group--phone .dropdown-menu li.life-cell:before {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 76.81159420289855% 94.22572178477691%;
  width: 20px;
  height: 20px;
  top: 2px;
}

.select-group.select-group--phone.open .value {
  text-decoration: none;
}

.select-group.select-group--currency {
  float: right;
}

.select-group.select-group--currency .dropdown-menu li {
  color: #89949d;
}

.select-group.select-group--currency .dropdown-menu li strong {
  display: inline-block;
  width: 38px;
  font-size: inherit;
  line-height: inherit;
  color: #21272c;
}

.select-group.select-group--currency .dropdown-menu li:hover {
  color: #21272c;
}

.select-group.select-group--profile {
  padding-left: 40px;
  text-align: left;
  margin: 6px 0;
}

.select-group.select-group--profile:before {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 83.37468982630273% 10.382513661202186%;
  width: 31px;
  height: 35px;
  left: 0;
  top: -2px;
}

.select-group.select-group--profile .pretext {
  float: none;
  margin: 0 0 2px 0;
  display: inline-block;
}

.select-group.select-group--profile .pretext.username {
  display: block;
  overflow: hidden;
  width: 100px;
  text-align: left;
  height: 15px;
}

.select-group.select-group--profile .pretext.login {
  cursor: pointer;
}

.select-group.select-group--profile .pretext.login:hover {
  text-decoration: underline;
}

.select-group.select-group--profile .login:hover {
  color: #ffffff;
}

.select-group.select-group--profile .value {
  font-size: 1.4em;
  color: #ffcc00;
  float: none;
}

.select-group.select-group--profile .value:hover {
  color: #ffffff;
}

.select-group.select-group--profile .value:after {
  bottom: auto;
  top: 2px;
}

@media only screen and (min-width: 1280px) {
  .select-group.select-group--profile .value {
    font-size: 1.6em;
  }
  .select-group.select-group--profile .value:after {
    top: 5px;
  }
}

.select-group.select-group--profile .dropdown-menu {
  top: 36px;
}

.select-group.select-group--profile i.sprite-logout {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 57.4144578313253% 78.44155844155844%;
  width: 19px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -6px;
  margin-bottom: -3px;
}

.select-group.select-group--chat {
  float: left;
  margin-right: 10px;
}

.select-group.select-group--chat .value {
  color: #ffffff;
  padding-left: 28px;
}

.select-group.select-group--chat .value:before {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 16.06082725060827% 69.9738903394256%;
  width: 23px;
  height: 18px;
  left: 0;
  top: -3px;
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .select-group.select-group--chat .value {
    height: 15px;
    padding-left: 24px;
    width: 44px;
  }
}

.select-group.select-group--chat .dropdown-menu li {
  padding-left: 42px;
}

.select-group.select-group--chat .dropdown-menu li:before {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 100% 9.090909090909092%;
  width: 18px;
  height: 16px;
  left: 15px;
  top: 7px;
}

.select-group.select-group--chat .dropdown-menu li:hover:before {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 100% 17.92207792207792%;
  width: 18px;
  height: 16px;
}

.select-group.select-group--chat .dropdown-menu li:nth-child(1):before {
  top: 12px;
}

.select-group.select-group--chat .dropdown-menu li.tech-support:before {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 90.86538461538461% 93.97905759162303%;
  width: 18px;
  height: 19px;
  top: 5px;
}

.select-group.select-group--chat .dropdown-menu li.tech-support:hover:before {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 100% 0;
  width: 18px;
  height: 19px;
}

.select-group.select-group--chat .dropdown-menu li span {
  font-size: 11px;
  display: inline-block;
  float: right;
}

.select-group.select-group--chat .dropdown-menu li span.online {
  color: #50c700;
}

.select-group.select-group--chat .dropdown-menu li span.offline {
  color: #89949d;
}

.select-group.select-group--chat .dropdown-menu li span.chat-language {
  float: left;
}

.select-group.only-one.open, .select-group.only-one:hover, .select-group.only-one:focus,
.select-group.only-one .value,
.select-group.only-one .trigger-open {
  cursor: auto;
  text-decoration: inherit;
}

.select-group.only-one .value {
  padding: 0;
}

.select-group.only-one .value:after {
  content: none;
}

.select-group--box .value {
  color: #21272c;
  font-size: 1.4rem;
  border: 1px solid #d6dce0;
  padding: 5px 26px 5px 10px;
  border-radius: 3px;
  background-color: #ffffff;
  text-decoration: none;
}

.select-group--box .value:after {
  right: 7px;
}

.select-group--box .value:hover {
  text-decoration: none;
}

.select-group--box .dropdown-menu {
  top: 32px;
  border-radius: 3px;
}

.select-group--box .dropdown-menu li {
  padding: 4px 10px;
  font-size: 1.4rem;
}

.select-group--box .dropdown-menu li:nth-child(1) {
  padding-top: 6px;
}

.select-group--box .dropdown-menu li:nth-last-child(1) {
  padding-bottom: 6px;
}

.select-group--box .dropdown-menu li:hover {
  background: #ffd631;
}

.select-group--box.open .value {
  text-decoration: none;
}

@media only screen and (max-width: 959px) {
  .select-group--box .value {
    padding-top: 7px;
    padding-bottom: 7px;
  }
  .select-group--box .dropdown-menu {
    top: 36px;
  }
}

.otd {
  padding-right: 20px;
  margin-bottom: 25px;
  float: left;
  position: relative;
}

.otd_title {
  color: #89949d;
  font-size: 1.4rem;
  float: left;
  padding-top: 6px;
  padding-bottom: 6px;
  margin-right: 10px;
}

.otd .select-group {
  float: left;
  display: block;
}

.otd .value {
  width: 100%;
}

.otd .trigger-open .pretext {
  color: #89949d;
  display: none;
}

@media only screen and (max-width: 959px) {
  .otd {
    padding-right: 10px;
  }
  .otd_title {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}

@media only screen and (max-width: 639px) {
  .otd {
    padding-right: 5px;
  }
  .otd_title {
    display: none;
  }
}

.select-group--product {
  margin-bottom: 20px;
  width: 100%;
}

.select-group--product .value {
  width: 100%;
  color: #89949d;
  font-size: 1.6rem;
  padding: 0;
}

.select-group--product .value:before {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 10.456005450652132% 70.34120734908136%;
  width: 23.04px;
  height: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
}

.select-group--product .value span {
  display: block;
  padding: 7px 20px 7px 30px;
  border-bottom: 1px solid #89949d;
}

.select-group--product .value:hover {
  text-decoration: none;
}

.select-group--product .dropdown-menu {
  width: 100%;
  top: 34px;
  border-radius: 0;
  transform: inherit;
  left: 0;
  right: 0;
}

.select-group--product .dropdown-menu li {
  padding: 0 !important;
}

.select-group--product.open .value {
  text-decoration: none;
}

.select-group--product.disabled .value span {
  border-bottom: 1px dashed #89949d;
}

.select-group--product.disabled:before {
  content: ' ';
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  display: block;
  position: absolute;
  background: transparent;
  cursor: default;
  z-index: 20;
}

/**
* for next projects:
* - Masteram
* - Toys4Brain
*/
.horizontal-slider {
  padding: 0;
  margin: 0 -15px;
  position: relative;
}

.horizontal-slider .btn--see-all {
  display: none;
}

.horizontal-slider .swiper-button-next,
.horizontal-slider .swiper-button-prev {
  display: none;
}

.horizontal-slider .swiper-slide {
  padding: 0 10px;
}

.horizontal-slider .slider-product-card {
  display: block;
  text-align: center;
}

.horizontal-slider .slider-product-card .card__img {
  padding-top: 100%;
  position: relative;
  margin-bottom: 10px;
}

@media only screen and (max-width: 959px) {
  .horizontal-slider .slider-product-card .card__img {
    margin-top: 10px;
  }
}

.horizontal-slider .slider-product-card .card__img img {
  max-width: 100%;
  max-height: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.horizontal-slider .slider-product-card .card__name {
  font-size: 1.2rem;
  margin-bottom: 10px;
  color: #21272c;
  height: 30px;
  overflow: hidden;
}

.horizontal-slider .slider-product-card .price-block {
  width: 100%;
  text-align: center;
}

.horizontal-slider .slider-product-card .card__link {
  display: block;
  text-decoration: none;
}

.horizontal-slider .slider-product-card .card__link:hover {
  text-decoration: none;
  cursor: pointer;
}

.horizontal-slider .slider-product-card .card__link:hover .card__name {
  color: #0066cc;
}

.horizontal-slider .slider-product-card .product-button-wrapper {
  height: 42px;
  margin: 0 auto;
}

.horizontal-slider .slider-product-card .product-button-wrapper .items-in-cart {
  bottom: -12px;
}

.horizontal-slider .slider-product-card:hover {
  text-decoration: none;
}

@media only screen and (max-width: 639px) {
  .horizontal-slider .swiper-pagination {
    display: none;
  }
}

@media only screen and (min-width: 640px) {
  .horizontal-slider.with-pagination {
    padding: 0 0 40px;
  }
}

@media only screen and (min-width: 960px) {
  .horizontal-slider {
    padding: 0;
    margin: 0;
  }
  .horizontal-slider .btn--see-all {
    display: block;
    position: absolute;
    z-index: 15;
    right: 0;
    padding: 7px 15px;
    bottom: 0;
  }
  .horizontal-slider .btn--see-all span:not(.ripple) {
    position: relative;
    padding-right: 15px;
  }
  .horizontal-slider .btn--see-all span:not(.ripple):after {
    position: absolute;
    content: ' ';
    z-index: 2;
    background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
    background-position: 85.68075117370893% 36.246786632390744%;
    width: 8px;
    height: 12px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .horizontal-slider .swiper-wrapper {
    padding: 0 0 20px 0;
  }
  .horizontal-slider.with-pagination {
    padding: 0 0 40px 0;
  }
  .horizontal-slider.with-pagination .swiper-button-next,
  .horizontal-slider.with-pagination .swiper-button-prev {
    bottom: 51px;
    margin: auto;
  }
}

@media only screen and (max-width: 499px) {
  .horizontal-slider .swiper-slide {
    width: 50% !important;
  }
}

@media only screen and (min-width: 500px) and (max-width: 749px) {
  .horizontal-slider .swiper-slide {
    width: 33.333% !important;
  }
}

@media only screen and (min-width: 750px) and (max-width: 959px) {
  .horizontal-slider .swiper-slide {
    width: 25% !important;
  }
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .horizontal-slider .swiper-slide {
    width: 20% !important;
  }
}

@media only screen and (min-width: 1280px) {
  .horizontal-slider .swiper-slide {
    width: 14.285% !important;
  }
}

.product-price {
  font-size: 11px;
  height: 50px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.product-price .-out-of-stock {
  color: #89949d;
}

.product-price .-old {
  color: #89949d;
  text-decoration: line-through;
}

.product-price .-current {
  color: #21272c;
  font-size: 16px;
  font-weight: 700;
}

.product-price .-current.-red {
  color: #ff3300;
}

.product-price .-you-save {
  color: #ff3300;
}

.product-price .-free-shipping {
  color: #70B00E;
  font-weight: 600;
}

.product-price .-comming-soon {
  color: #89949d;
}

.product-price .-discontinued {
  color: #ff3300;
}

.product-price--small .product-price {
  height: 40px;
}

.product-price--small .product-price .-you-save,
.product-price--small .product-price .-free-shipping {
  display: none;
}

.price-block--large .product-price {
  height: 60px;
  font-size: 14px;
}

.price-block--large .product-price .-current {
  font-size: 24px;
}

.special-proposition {
  margin-bottom: 30px;
}

.sp-wrapper {
  position: relative;
}

.sp-wrapper h2 {
  margin-bottom: 20px;
  font-size: 16px;
}

.sp .swiper-wrapper {
  box-sizing: border-box;
}

.sp .swiper-slide {
  text-align: center;
}

.sp .swiper-pagination {
  top: 2px;
  right: 10px;
  bottom: auto;
  left: auto;
  display: inline-block;
  width: auto;
  font-size: 13px;
  color: #88939C;
}

.sp .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}

.ck {
  display: block;
  font-size: 0;
  text-align: left;
  margin: auto;
}

.ck_mobile-pagination.swiper-pagination {
  font-size: 13px;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  z-index: 5;
  display: inline-block;
  width: auto;
}

.ck_product {
  display: block;
  vertical-align: middle;
  position: relative;
  width: 100%;
}

.ck_product:after {
  top: auto;
  right: 0;
  bottom: -11px;
  left: 0;
  margin: auto;
  display: block;
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 32.03883495145631% 94.72295514511873%;
  width: 22px;
  height: 22px;
}

.ck_product:nth-last-child(2):after {
  content: none;
}

.ck_product-link {
  display: block;
  margin: auto;
}

.ck_product-link:hover {
  text-decoration: none;
  cursor: pointer;
}

.ck_product-img {
  float: left;
  width: 80px;
}

.ck_product-right {
  margin-left: 90px;
}

.ck_product-name {
  font-size: 13px;
  color: #21272c;
  min-height: 45px;
}

.ck_product .price-block {
  height: 40px;
}

.ck_product .price-block .price {
  vertical-align: bottom;
}

.ck_product .price-block .price-save {
  display: none;
}

.ck_total {
  display: block;
  vertical-align: middle;
  border-radius: 3px;
  margin: auto;
  text-align: center;
  padding: 15px 15px 10px 15px;
  background-color: #fff4cc;
}

.ck_total .product-button-wrapper .add-to-cart, .ck_total .product-button-wrapper .btn-in-cart, .ck_total .product-button-wrapper .btn-white, .ck_total .product-button-wrapper .btn-secondary {
  width: 120px;
}

.ck_total .product-button-wrapper .btn-in-cart .btn,
.ck_total .product-button-wrapper .btn-in-cart input,
.ck_total .product-button-wrapper .btn-in-cart .value {
  height: 38px;
}

@media only screen and (max-width: 959px) {
  .sp {
    margin: 0 -10px;
  }
  .sp-wrapper {
    padding: 0;
  }
  .sp-wrapper h2 {
    margin-bottom: 20px;
    padding: 0 50px 0 10px;
  }
  .sp .swiper-container {
    padding: 0 10px;
  }
  .sp .swiper-wrapper {
    margin-bottom: 30px;
    overflow: visible;
  }
  .sp .swiper-button-next,
  .sp .swiper-button-prev {
    display: none;
  }
  .ck {
    background: #ffffff;
    padding: 20px 10px;
    border: 2px solid #ffcc00;
  }
  .ck_product {
    padding: 20px 0;
    border-bottom: 1px solid #F3F6F8;
  }
  .ck_product:before {
    content: " ";
    display: block;
    position: absolute;
    z-index: 1;
    width: 42px;
    height: 22px;
    background-color: #fff;
    top: auto;
    right: 0;
    bottom: -11px;
    left: 0;
    margin: auto;
  }
  .ck_product:nth-last-child(2):before, .ck_product:nth-last-child(2):after {
    content: none;
  }
  .ck_total .price-block,
  .ck_total [data-block="priceBlock"] {
    float: left;
    text-align: left;
  }
  .ck_total .product-button-wrapper {
    float: right;
  }
}

@media only screen and (min-width: 960px) {
  .sp {
    position: relative;
  }
  .sp-wrapper {
    background: #ffffff;
    padding: 30px;
    margin-bottom: 50px;
    border: solid 1px #ffcc00;
  }
  .sp-wrapper h2 {
    text-align: center;
  }
  .sp .swiper-pagination {
    top: auto;
    right: auto;
    bottom: -30px;
    left: 0;
    width: 100%;
  }
  .ck {
    display: table;
  }
  .ck_product {
    padding: 10px;
    display: inline-block;
    margin-right: 40px;
    width: 250px;
  }
  .ck_product:after {
    top: 0;
    bottom: 0;
    left: auto;
    right: -31px;
  }
  .ck_product:nth-last-child(2):after {
    content: " ";
    background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
    background-position: 32.769417475728154% 68.89460154241645%;
    width: 22px;
    height: 12px;
  }
  .ck_total {
    display: inline-block;
  }
  .ck_total .price-block {
    width: 100%;
  }
  .ck[data-ck-count="4"] .ck_product {
    margin-right: 22px;
  }
  .ck[data-ck-count="4"] .ck_product:after {
    right: -22px;
  }
  .ck[data-ck-count="4"] .ck_product:nth-last-child(2):after {
    content: none;
  }
  .ck[data-ck-count="4"] .ck_total .price-block {
    float: left;
    display: table;
    width: auto;
    margin: 20px auto 0;
  }
  .ck[data-ck-count="4"] .ck_total .product-button-wrapper {
    float: right;
    width: 195px;
  }
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .ck[data-ck-count="3"] .ck_product, .ck[data-ck-count="4"] .ck_product {
    width: 150px;
  }
  .ck[data-ck-count="3"] .ck_product-img, .ck[data-ck-count="4"] .ck_product-img {
    float: none;
  }
  .ck[data-ck-count="3"] .ck_product-right, .ck[data-ck-count="4"] .ck_product-right {
    margin: 0;
  }
  .ck[data-ck-count="3"] .ck_product:nth-last-child(2), .ck[data-ck-count="4"] .ck_product:nth-last-child(2) {
    margin-right: 0;
  }
  .ck[data-ck-count="3"] .ck_product:nth-last-child(2):after, .ck[data-ck-count="4"] .ck_product:nth-last-child(2):after {
    content: none;
  }
  .ck[data-ck-count="3"] .ck_total, .ck[data-ck-count="4"] .ck_total {
    display: table;
    margin: 30px auto 0;
    width: 375px;
  }
  .ck[data-ck-count="3"] .ck_total .price-block, .ck[data-ck-count="4"] .ck_total .price-block {
    float: left;
    display: table;
    width: auto;
  }
  .ck[data-ck-count="3"] .ck_total .product-button-wrapper, .ck[data-ck-count="4"] .ck_total .product-button-wrapper {
    float: right;
    width: 195px;
  }
  .ck[data-ck-count="3"] .ck_product {
    margin-right: 70px;
  }
  .ck[data-ck-count="3"] .ck_product:after {
    right: -46px;
  }
}

.availability-in-stores {
  color: #89949d;
  font-size: 1.1rem;
  margin-bottom: 15px;
}

.availability-in-stores i {
  font-style: normal;
  cursor: help;
  display: inline-block;
}

.availability-in-stores .in-stock {
  font-weight: 700;
  color: #21272c;
}

.product-id {
  display: inline-block;
  color: #89949d;
  font-size: 1.1rem;
  padding-right: 10px;
  margin: 0 0 15px 0;
}

.product-characteristic {
  display: inline-block;
  color: #89949d;
  font-size: 1.1rem;
  padding-right: 10px;
  margin: 0 0 15px 0;
}

.product-characteristic strong {
  color: #21272c;
}

.product-volt {
  display: inline-block;
  color: #89949d;
  font-size: 1.1rem;
  position: relative;
  padding-right: 10px;
  padding-left: 15px;
  margin: 0 0 15px 0;
  min-width: 65px;
}

.product-volt:before {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 98.3451536643026% 76.80729166666669%;
  width: 11px;
  height: 17px;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.product-weight {
  display: inline-block;
  color: #89949d;
  font-size: 1.1rem;
  position: relative;
  padding-right: 10px;
  padding-left: 15px;
  margin: 0 0 15px 0;
  min-width: 65px;
}

.product-weight:before {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 10.42654028436019% 82.26221079691517%;
  width: 12px;
  height: 12px;
  left: 0;
  top: -2px;
}

.wholesale-save {
  position: relative;
  font-size: 1.1rem;
  color: #0066cc;
  text-decoration: none;
  border-bottom: 1px dashed #0066cc;
  margin-left: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 20px;
}

.wholesale-save:hover {
  cursor: pointer;
}

.wholesale-save:before {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 99.04761904761905% 89.59480519480522%;
  width: 14px;
  height: 16px;
  left: -20px;
  border-bottom: 1px solid transparent;
  top: 0;
  bottom: 0;
  margin: auto;
}

.save-to-wishlist {
  font-size: 1.1rem;
  color: #21272c;
  position: relative;
  padding-left: 25px;
}

.save-to-wishlist .active-zone {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 86.47342995169082% 93.97905759162303%;
  width: 20px;
  height: 19px;
  left: 0;
  cursor: pointer;
  top: 0;
  bottom: 0;
  margin: auto;
}

.save-to-wishlist span {
  color: #0066cc;
}

.save-to-wishlist span:hover {
  cursor: pointer;
}

.save-to-wishlist.active .active-zone {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 95.65217391304348% 47.382198952879584%;
  width: 20px;
  height: 19px;
}

.badge i {
  position: relative;
  display: inline-block;
}

.badge i:after {
  position: absolute;
  content: ' ';
  z-index: 2;
}

.badge.promo i:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 90.77669902912622% 83.37730870712402%;
  width: 22px;
  height: 22px;
}

.badge.free-shipping i:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 16.019417475728154% 94.72295514511873%;
  width: 22px;
  height: 22px;
}

.badge.bestseller i:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 21.359223300970875% 94.72295514511873%;
  width: 22px;
  height: 22px;
}

.badge.new i:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 0 94.72295514511873%;
  width: 22px;
  height: 22px;
}

.badge.certificate i:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 0 88.91820580474933%;
  width: 22px;
  height: 22px;
}

.badge.made-in-japan i:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 10.679611650485437% 94.72295514511873%;
  width: 22px;
  height: 22px;
}

.badge.made-in-korea i:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 5.339805825242719% 94.72295514511873%;
  width: 22px;
  height: 22px;
}

.badge.made-in-ukraine i:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 90.77669902912622% 77.57255936675462%;
  width: 22px;
  height: 22px;
}

.product-badges ul {
  margin: 0;
  padding: 0;
  font-size: 0;
}

.product-badges li {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.product-badges li i {
  height: 20px;
  width: 20px;
}

.product-badges li i:after {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.product-badges li:last-child {
  margin-right: 0;
}

.product-badges li:hover {
  cursor: help;
}

.big-badges {
  color: #21272c;
  font-size: 0;
}

.big-badges i {
  padding: 8px 15px 8px 35px;
  background-color: #fff;
  border-radius: 20px;
  font-size: 1.1rem;
}

.big-badges i:after {
  top: 0;
  bottom: 0;
  margin: auto;
  left: 6px;
}

.big-badges .badge {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
}

.big-badges .badge:last-child {
  margin-right: 0;
}

.big-badges .badge:last-child i {
  margin-right: 0;
}

.inline-badge {
  display: inline;
  padding-right: 25px !important;
  position: relative;
}

.inline-badge:after {
  position: absolute;
  content: ' ';
  z-index: 2;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.inline-badge.promo:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 90.77669902912622% 83.37730870712402%;
  width: 22px;
  height: 22px;
}

.inline-badge.bestseller:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 21.359223300970875% 94.72295514511873%;
  width: 22px;
  height: 22px;
}

.inline-badge.new:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 0 94.72295514511873%;
  width: 22px;
  height: 22px;
}

.estimate-shipping-cost {
  padding-left: 30px;
  position: relative;
  font-size: 1.1rem;
  color: #0066cc;
}

.estimate-shipping-cost:before {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 27.253041362530414% 69.79166666666667%;
  width: 23px;
  height: 17px;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.estimate-shipping-cost span {
  border-bottom: 1px dashed #0066cc;
}

.estimate-shipping-cost:hover {
  cursor: pointer;
}

.product-info .notification {
  margin-bottom: 15px;
  font-size: 1.1rem;
}

.product-info .notification.warning {
  border: 1px solid #ffe684;
}

.fsic {
  padding: 20px;
}

.fsic_img-box {
  margin-bottom: 20px !important;
}

.fsic_img-box {
  width: 146px;
  height: 120px;
  background: url("/images/single/free-shipping-nul.svg") no-repeat;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
}

.fsic_img-box > div:nth-child(1) {
  font-size: 1.6rem;
  padding-top: 35px;
}

.fsic_img-box > div:nth-child(2) {
  font-size: 1rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #ffffff;
  height: 56px;
  display: table;
}

.fsic_img-box > div:nth-child(2) span {
  display: table-cell;
  vertical-align: middle;
  padding: 0 4px;
}

.fsic_title {
  font-family: 'Open Sans', sans-serif;
  font-weight: 800;
  font-size: 1.8rem;
}

@media only screen and (min-width: 960px) {
  .fsic {
    padding: 30px;
  }
  .fsic_img-box {
    margin-bottom: 0;
  }
}

.delivery-options {
  background: #f4f4f4;
  padding: 20px;
  width: 100%;
  line-height: 1.4;
}

.delivery-options .option {
  width: 100%;
  margin-bottom: 25px;
}

.delivery-options .option__name {
  color: #21272c;
  font-weight: 700;
  font-size: 1.4rem;
}

.delivery-options .option__name .cost {
  padding-left: 10px;
}

.delivery-options .option__description {
  color: #89949d;
  font-size: 1.1rem;
}

.text-highlight {
  position: relative;
  padding-bottom: 10px;
}

.text-highlight:before, .text-highlight:after {
  content: '';
  height: 4px;
  width: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
  background: #ffcc00;
  transition: 0.4s ease all;
}

.text-highlight:before {
  left: 50%;
}

.text-highlight:after {
  right: 50%;
}

.text-highlight.active:before, .text-highlight.active:after {
  width: 50%;
}

.sbl {
  display: none;
}

@media only screen and (min-width: 960px) {
  .sbl {
    display: block;
    width: 100%;
    float: none;
  }
  .sbl_title {
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.8rem;
    font-weight: 800;
    color: #21272c;
    margin: 0 0 40px 0;
    padding: 0;
  }
  .sbl_page-list {
    margin: 0;
    padding: 0;
  }
  .sbl_page-list li {
    display: block;
    list-style: none;
    margin: 0 0 30px 0;
    padding: 0;
  }
  .sbl_page-list li:last-of-type {
    margin: 0;
  }
  .sbl_page-list a {
    text-decoration: none;
    font-size: 1.6rem;
    line-height: 1.2;
    color: #202224;
    position: relative;
    padding-left: 30px;
  }
  .sbl_page-list a:before {
    position: absolute;
    content: ' ';
    z-index: 2;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .sbl_page-list a:hover {
    cursor: pointer;
  }
  .sbl_page-list .sbl_personal-info:before {
    background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
    background-position: 90.33161848175254% 71.76781002638522%;
    width: 19.97px;
    height: 22px;
  }
  .sbl_page-list .sbl_orders-history:before {
    background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
    background-position: 10.941179326584614% 78.85117493472585%;
    width: 22.07px;
    height: 18px;
  }
  .sbl_page-list .sbl_evaluations:before {
    background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
    background-position: 90.77669902912622% 5.804749340369393%;
    width: 22px;
    height: 22px;
  }
  .sbl_page-list .sbl_adresses:before {
    background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
    background-position: 90.77669902912622% 29.023746701846967%;
    width: 22px;
    height: 22px;
  }
  .sbl_page-list .sbl_wish-list:before {
    background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
    background-position: 90.77669902912622% 44.61942257217848%;
    width: 22px;
    height: 20px;
  }
  .sbl_page-list .sbl_waiting-list:before {
    background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
    background-position: 90.77669902912622% 55.93667546174142%;
    width: 22px;
    height: 22px;
  }
  .sbl_page-list .sbl_subscriptions:before {
    background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
    background-position: 5.339805825242719% 83.33333333333333%;
    width: 22px;
    height: 17px;
  }
  .sbl_page-list .sbl_bonus:before {
    background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
    background-position: 90.77669902912622% 17.41424802110818%;
    width: 22px;
    height: 22px;
  }
  .sbl_page-list .active {
    font-weight: 700;
  }
  .sbl_page-list .active:after {
    content: '';
    height: 4px;
    background: #ffcc00;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: -10px;
  }
  .sbl_page-list .active.sbl_personal-info:before {
    background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
    background-position: 90.33161848175254% 65.96306068601584%;
    width: 19.97px;
    height: 22px;
  }
  .sbl_page-list .active.sbl_orders-history:before {
    background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
    background-position: 16.29888573301289% 78.85117493472585%;
    width: 22.07px;
    height: 18px;
  }
  .sbl_page-list .active.sbl_evaluations:before {
    background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
    background-position: 90.77669902912622% 0;
    width: 22px;
    height: 22px;
  }
  .sbl_page-list .active.sbl_adresses:before {
    background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
    background-position: 90.77669902912622% 23.218997361477573%;
    width: 22px;
    height: 22px;
  }
  .sbl_page-list .active.sbl_wish-list:before {
    background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
    background-position: 21.359223300970875% 88.4514435695538%;
    width: 22px;
    height: 20px;
  }
  .sbl_page-list .active.sbl_waiting-list:before {
    background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
    background-position: 90.77669902912622% 50.13192612137203%;
    width: 22px;
    height: 22px;
  }
  .sbl_page-list .active.sbl_subscriptions:before {
    background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
    background-position: 90.77669902912622% 88.02083333333333%;
    width: 22px;
    height: 17px;
  }
  .sbl_page-list .active.sbl_bonus:before {
    background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
    background-position: 90.77669902912622% 11.609498680738787%;
    width: 22px;
    height: 22px;
  }
}

#mobile-profile {
  top: 50px;
  right: 0;
  left: auto;
}

@media only screen and (min-width: 960px) {
  #mobile-profile {
    display: none;
  }
}

.slideout-panel-2 {
  z-index: 1;
  position: relative;
}

.pmn {
  background-color: #ffffff;
  text-decoration: none;
}

.pmn_page-list {
  margin: 0;
  padding: 0;
}

.pmn_page-list li {
  display: block;
  list-style: none;
  position: relative;
  border-bottom: 1px #f4f4f4 solid;
}

.pmn_page-list li:after {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 85.68075117370893% 39.33161953727507%;
  width: 8px;
  height: 12px;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.pmn_page-list li:active {
  text-decoration: none;
  cursor: pointer;
}

.pmn_page-list li:active:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 85.68075117370893% 36.246786632390744%;
  width: 8px;
  height: 12px;
}

.pmn_page-list a {
  text-decoration: none;
  font-size: 1.6rem;
  line-height: 1.2;
  color: #202224;
  position: relative;
  padding: 20px 30px 20px 50px;
  display: block;
}

.pmn_page-list a:before {
  position: absolute;
  content: ' ';
  z-index: 2;
  left: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.pmn_page-list .pmn_personal-info:before {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 90.33161848175254% 71.76781002638522%;
  width: 19.97px;
  height: 22px;
}

.pmn_page-list .pmn_orders-history:before {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 10.941179326584614% 78.85117493472585%;
  width: 22.07px;
  height: 18px;
}

.pmn_page-list .pmn_evaluations:before {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 90.77669902912622% 5.804749340369393%;
  width: 22px;
  height: 22px;
}

.pmn_page-list .pmn_adresses:before {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 90.77669902912622% 29.023746701846967%;
  width: 22px;
  height: 22px;
}

.pmn_page-list .pmn_wish-list:before {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 90.77669902912622% 44.61942257217848%;
  width: 22px;
  height: 20px;
}

.pmn_page-list .pmn_waiting-list:before {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 90.77669902912622% 55.93667546174142%;
  width: 22px;
  height: 22px;
}

.pmn_page-list .pmn_subscriptions:before {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 5.339805825242719% 83.33333333333333%;
  width: 22px;
  height: 17px;
}

.pmn_page-list .pmn_bonus:before {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 90.77669902912622% 17.41424802110818%;
  width: 22px;
  height: 22px;
}

.pmn_page-list .pmn_logout:before {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 57.4144578313253% 78.44155844155844%;
  width: 19px;
  height: 16px;
}

.pmn_page-list .active.pmn_personal-info:before {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 90.33161848175254% 65.96306068601584%;
  width: 19.97px;
  height: 22px;
}

.pmn_page-list .active.pmn_orders-history:before {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 16.29888573301289% 78.85117493472585%;
  width: 22.07px;
  height: 18px;
}

.pmn_page-list .active.pmn_evaluations:before {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 90.77669902912622% 0;
  width: 22px;
  height: 22px;
}

.pmn_page-list .active.pmn_adresses:before {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 90.77669902912622% 23.218997361477573%;
  width: 22px;
  height: 22px;
}

.pmn_page-list .active.pmn_wish-list:before {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 21.359223300970875% 88.4514435695538%;
  width: 22px;
  height: 20px;
}

.pmn_page-list .active.pmn_waiting-list:before {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 90.77669902912622% 50.13192612137203%;
  width: 22px;
  height: 22px;
}

.pmn_page-list .active.pmn_subscriptions:before {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 90.77669902912622% 88.02083333333333%;
  width: 22px;
  height: 17px;
}

.pmn_page-list .active.pmn_bonus:before {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 90.77669902912622% 11.609498680738787%;
  width: 22px;
  height: 22px;
}

.pmn_page-list .active.pmn_logout:before {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 52.83614457831325% 78.44155844155844%;
  width: 19px;
  height: 16px;
}

.price-column-badge {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  padding: 6px 12px 6px 6px;
  position: relative;
  background: #ffea96;
  border-radius: 0 5px 5px 0;
  margin: 0 0 0 14px;
}

.price-column-badge:before {
  width: 14px;
  top: 0;
  bottom: 0;
  left: -16px;
  content: '';
  position: absolute;
  margin: auto 0;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 80.57553956834532% 47.45308310991957%;
  width: 17px;
  height: 28px;
}

.uab_box {
  padding: 20px;
  border: 1px solid transparent;
  border-bottom: 1px dashed #89949d;
}

.uab_box:after, .uab_box:before {
  content: " ";
  display: table;
}

.uab_box:after {
  clear: both;
}

.uab_box:first-child {
  border-top: 1px dashed #89949d;
}

.uab_box-left {
  margin: 0 0 20px 0;
}

.uab_box-left ul {
  padding: 0;
  margin: 0;
}

.uab_box-left li {
  font-size: 1.4rem;
  line-height: 1.2;
  list-style: none;
  padding: 0;
  margin: 0 0 12px 0;
}

.uab_box-left li:last-child {
  margin-bottom: 0;
}

.uab_box.active {
  background-color: #fff4cc;
  border: solid 1px #ffcc00;
  border-radius: 6px;
  position: relative;
  box-shadow: 0px -6px 0 0 white;
  z-index: 5;
}

.uab_delete, .uab_edit, .uab_set {
  font-size: 1.1rem;
  color: #0066cc;
  display: inline-block;
  cursor: pointer;
}

.uab_delete {
  color: #ff3300;
  margin: 0 10px 0 0;
}

.uab_edit {
  padding-right: 20px;
  position: relative;
  margin: 0 20px 0 0;
}

.uab_edit:after {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 61.400954653937944% 78.23834196891191%;
  width: 15px;
  height: 15px;
  top: -4px;
  right: 0;
}

.uab_edit:hover:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 64.98090692124104% 78.23834196891191%;
  width: 15px;
  height: 15px;
}

.uab_set {
  float: right;
}

@media only screen and (min-width: 960px) {
  .uab.uab--big .uab_box {
    padding: 30px;
  }
  .uab.uab--big .uab_box-left {
    margin: 0 100px 0 0;
    float: left;
  }
  .uab.uab--big .uab_box-right {
    float: right;
    width: 100px;
  }
  .uab.uab--big .uab_delete, .uab.uab--big .uab_edit, .uab.uab--big .uab_set {
    float: left;
    clear: left;
  }
  .uab.uab--big .uab_delete {
    margin-bottom: 40px;
  }
  .uab.uab--big .uab_edit {
    margin-bottom: 15px;
  }
}

.uae:after, .uae:before {
  content: " ";
  display: table;
}

.uae:after {
  clear: both;
}

.uae_top {
  margin-bottom: 20px;
}

.uae_top:after, .uae_top:before {
  content: " ";
  display: table;
}

.uae_top:after {
  clear: both;
}

.uae_edit {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.4rem;
  font-weight: 800;
  line-height: 1;
  color: #21272c;
  display: block;
  float: left;
  position: relative;
  padding-right: 22px;
}

.uae_edit:after {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 61.400954653937944% 78.23834196891191%;
  width: 15px;
  height: 15px;
  top: -3px;
  right: 0;
}

.uae_cancel, .uae_delete {
  display: block;
  float: right;
  font-size: 1.1rem;
  cursor: pointer;
}

.uae_cancel {
  color: #0066cc;
}

.uae_delete {
  margin-right: 35px;
  color: #ff3300;
}

.uae_bottom {
  padding-top: 30px;
}

.uae_bottom .option-box {
  margin: 0 0 20px 0;
}

.uae_bottom .btn {
  width: 50%;
  float: right;
}

@media only screen and (min-width: 640px) {
  .uae_bottom .option-box {
    float: left;
    padding-top: 11px;
  }
  .uae_bottom .btn {
    width: auto;
  }
}

@media only screen and (min-width: 960px) {
  .uae_edit {
    font-size: 1.8rem;
  }
  .uae_edit:after {
    top: 0;
  }
  .uae_cancel, .uae_delete {
    font-size: 1.4rem;
  }
}

.bww {
  background: #ffffff;
  padding: 0 20px 20px 20px;
}

.bww:after, .bww:before {
  content: " ";
  display: table;
}

.bww:after {
  clear: both;
}

.bww_top h1 {
  margin: 0;
  font-family: 'Open Sans', sans-serif;
  font-weight: 800;
}

.bww p {
  font-size: 1.3rem;
}

.bww h2 {
  margin: 40px 0 30px 0;
  font-size: 1.8rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 800;
}

.bww_dropdown {
  margin: 0 0 20px 0;
}

.bww_dropdown-title {
  color: #89949d;
  font-size: 1.4rem;
  float: left;
  margin-right: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
}

.bww_dropdown .select-group--box .value {
  min-width: 120px;
}

@media only screen and (max-width: 959px) {
  .bww {
    margin: 0 -10px;
  }
  .bww_top {
    background: #ffcc00;
    margin: 0 -20px 30px -20px;
    padding: 13px 50px 13px 20px;
    position: relative;
  }
  .bww_top-right {
    display: none;
  }
  .bww_top-open-page-list {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
  }
  .bww_top-open-page-list i {
    width: 50px;
    height: 50px;
    position: relative;
    display: block;
  }
  .bww_top-open-page-list i:after {
    position: absolute;
    content: ' ';
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
    background-position: 85.74766355140187% 10.026385224274406%;
    width: 6px;
    height: 22px;
  }
  .bww_top-open-page-list.close i:after {
    background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
    background-position: 100% 31.592689295039165%;
    width: 18px;
    height: 18px;
  }
}

@media only screen and (min-width: 960px) {
  .bww {
    padding: 35px 50px;
  }
  .bww p {
    font-size: 1.6rem;
  }
  .bww_top {
    margin-bottom: 50px;
  }
  .bww_top-open-page-list {
    display: none;
  }
  .bww_top-left {
    float: left;
  }
  .bww_top-right {
    float: right;
  }
  .bww_top-right .logout {
    color: #0066cc;
    font-size: 1.4rem;
    position: relative;
    padding-left: 25px;
    margin-top: 7px;
  }
  .bww_top-right .logout:before {
    position: absolute;
    content: ' ';
    z-index: 2;
    background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
    background-position: 57.4144578313253% 78.44155844155844%;
    width: 19px;
    height: 16px;
    left: 0;
    top: -2px;
  }
  .bww_top-right .logout:hover {
    cursor: pointer;
  }
  .bww_top-right .logout:hover:before {
    background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
    background-position: 52.83614457831325% 78.44155844155844%;
    width: 19px;
    height: 16px;
  }
  .bww_top-right .print-link {
    margin-top: 7px;
  }
}

.prl {
  border-top: 1px dashed #89949d;
  margin: 0 0 20px 0;
}

.prl_row {
  position: relative;
  padding: 15px 0;
  border-bottom: 1px dashed #89949d;
}

.prl_row:after, .prl_row:before {
  content: " ";
  display: table;
}

.prl_row:after {
  clear: both;
}

.prl_left {
  width: 50px;
  float: left;
}

.prl_right {
  margin-left: 60px;
}

.prl_img {
  display: inline-block;
}

.prl_img img {
  width: 80px;
  max-width: 100%;
}

.prl_info .prl_product-name {
  font-size: 1.4rem;
  color: #21272c;
  font-weight: 700;
  display: inline-block;
  margin: 0 30px 10px 0;
}

.prl_info .availability-in-stores {
  margin: 0 0 10px 0;
  display: block;
  overflow: hidden;
}

.prl_info .product-id {
  margin: 0 0 10px 0;
}

.prl_info .product-weight {
  margin: 0 0 10px 0;
}

.prl_price-and-btn:after, .prl_price-and-btn:before {
  content: " ";
  display: table;
}

.prl_price-and-btn:after {
  clear: both;
}

.prl_price-and-btn .price-block {
  height: 45px;
  padding: 0;
  margin: 0;
}

.prl_price-and-btn .price-block .price-save {
  display: none !important;
}

.prl_price-and-btn .price-block .special-price {
  color: #ff3300;
}

.prl_price-and-btn .product-button-wrapper {
  float: left;
  height: 45px;
}

.prl_delete {
  position: absolute;
  z-index: 1;
  top: 12px;
  display: block;
  right: 0;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.prl_delete i {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}

.prl_delete i:after {
  position: absolute;
  content: ' ';
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 99.99278898156383% 36.29242819843342%;
  width: 17.97px;
  height: 18px;
}

@media only screen and (min-width: 960px) {
  .prl_row {
    padding: 20px 0;
  }
}

@media only screen and (min-width: 1280px) {
  .prl_left {
    width: 145px;
    padding-left: 45px;
    padding-right: 15px;
  }
  .prl_right {
    margin-left: 145px;
  }
  .prl_right:after, .prl_right:before {
    content: " ";
    display: table;
  }
  .prl_right:after {
    clear: both;
  }
  .prl_price-and-btn .price-block {
    display: block;
    height: auto;
    margin-bottom: 10px;
  }
  .prl_price-and-btn .price-block .price > span {
    display: inline-block;
  }
  .prl_info {
    padding-right: 20px;
    float: left;
    width: 73%;
    margin: 0;
  }
  .prl_price-and-btn {
    float: left;
    width: 27%;
    margin: 0;
  }
  .prl_delete {
    top: 0;
    bottom: 0;
    margin: auto;
    right: auto;
    left: 5px;
  }
}

.buy-wholesale {
  display: none;
}

@media only screen and (min-width: 960px) {
  .buy-wholesale {
    display: block;
    float: left;
    position: relative;
    margin-top: 14px;
    margin-left: 12px;
  }
  .buy-wholesale span {
    display: block;
    height: 20px;
    width: 20px;
  }
  .buy-wholesale span:before {
    position: absolute;
    content: ' ';
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
    background-position: 99.04761904761905% 89.59480519480522%;
    width: 14px;
    height: 16px;
  }
  .buy-wholesale span:hover {
    cursor: pointer;
  }
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .buy-wholesale {
    margin-right: -5px;
    margin-left: 7px;
  }
}

.account .buy-wholesale {
  display: none;
}

.scl_box {
  margin: 0 -10px;
  border-bottom: 1px solid #eeeeee;
}

.scl_box-link {
  padding: 10px 40px 10px 10px;
  display: block;
  background-color: #ffffff;
  text-decoration: none;
  position: relative;
  cursor: pointer;
  color: #21272c;
}

.scl_box-link:after, .scl_box-link:before {
  content: " ";
  display: table;
}

.scl_box-link:after {
  clear: both;
}

.scl_box-link:after {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 85.68075117370893% 39.33161953727507%;
  width: 8px;
  height: 12px;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  display: block;
}

.scl_box-link:after:hover {
  text-decoration: none;
  cursor: pointer;
}

.scl_box-name {
  font-size: 1.4rem;
  color: #21272c;
  margin-left: 65px;
  margin-bottom: 0;
  text-align: left;
  width: auto;
  height: 55px;
}

.scl_box-name span {
  display: table-cell;
  vertical-align: middle;
  height: 55px;
}

.scl_box-image {
  float: left;
  width: 55px;
  height: 55px;
  margin: 0;
  position: relative;
}

.scl_box-image img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.scl_box-list {
  display: none;
}

@media only screen and (min-width: 960px) {
  .scl_box {
    margin: 0 0 40px 0;
    border: none;
  }
  .scl_box-link {
    padding: 0;
    background: transparent;
    margin-bottom: 10px;
  }
  .scl_box-link:after {
    content: none;
    display: none;
  }
  .scl_box-image {
    float: none;
    width: 150px;
    height: 150px;
    background: #ffffff;
    margin-bottom: 20px;
    position: relative;
  }
  .scl_box-image img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }
  .scl_box-name {
    width: 100%;
    height: auto;
    margin: 0;
  }
  .scl_box-name span {
    display: inline;
    height: auto;
  }
  .scl_box-list {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: -10px;
  }
  .scl_box-list li a {
    display: inline-block;
    border-radius: 3px;
    font-size: 1.3rem;
    color: #21272c;
    padding: 5px 10px;
  }
  .scl_box-list li a:hover {
    text-decoration: none;
    background: #ffcc00;
    cursor: pointer;
  }
}

.mln_box {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #EEEEEE;
}

.mln_box:last-child {
  margin: 0;
  padding: 0;
  border: none;
}

.mln_box-link {
  display: block;
  font-size: 1.4rem;
  color: #21272c;
  line-height: 1.4;
}

.mln_box-link:after, .mln_box-link:before {
  content: " ";
  display: table;
}

.mln_box-link:after {
  clear: both;
}

.mln_box-link:hover {
  text-decoration: none;
  color: #21272c;
}

.mln_box-text {
  margin-right: 75px;
}

.mln_box-text.mr0 {
  margin-right: 0 !important;
}

.mln_box-title {
  margin: 0;
  padding: 0;
  font-weight: 800;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.4rem;
  display: inline;
}

.mln_box-description {
  font-size: 1.3rem;
  display: inline;
}

.mln_box-date {
  color: #89949d;
  font-size: 1.1rem;
}

.mln_img-wrap {
  float: right;
  width: 60px;
  height: 60px;
  position: relative;
}

.mln_img-wrap img, .mln_img-wrap picture {
  max-width: 100%;
}

@media only screen and (min-width: 960px) {
  .mln {
    position: relative;
  }
  .mln_box-link {
    line-height: 1.2;
  }
  .mln:before {
    content: '';
    left: -40px;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #EEEEEE;
    position: absolute;
    z-index: 1;
  }
  .mln_box {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #EEEEEE;
    display: block;
  }
}

@media only screen and (max-width: 959px) {
  .last-news .mln_box {
    display: none;
  }
  .last-news .mln_box:nth-child(1), .last-news .mln_box:nth-child(2), .last-news .mln_box:nth-child(3) {
    display: block;
  }
  .last-news .mln_box:nth-child(3) {
    margin: 0;
    padding: 0;
    border: none;
  }
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .last-news .mln_box-description {
    display: none;
  }
  .last-news .mln_box:last-child {
    margin: 0;
    padding: 0;
    border: none;
  }
}

.news-list-page .mln:before {
  content: none;
  display: none;
}

.news-list-page .mln_box {
  background: #ffffff;
  padding: 10px;
  margin-bottom: 10px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  border-bottom: none;
}

.news-list-page .mln_box-title {
  display: block;
  margin-bottom: 10px;
}

.news-list-page .mln_box-description {
  margin-bottom: 10px;
  display: block;
}

.news-list-page .mln_box-text {
  margin-right: 75px;
  padding-top: 5px;
}

.news-list-page .mln_box-text.without-img {
  margin-right: 0 !important;
}

@media only screen and (min-width: 640px) {
  .news-list-page .mln_box-text {
    padding: 10px 0 10px 10px;
    margin-right: 180px;
  }
  .news-list-page .mln_box-text.without-img {
    margin-right: 0 !important;
    padding-right: 10px !important;
  }
  .news-list-page .mln_img-wrap {
    width: 160px;
    height: 100px;
  }
}

.or-tabs {
  margin-bottom: 20px;
}

.or-tabs:after, .or-tabs:before {
  content: " ";
  display: table;
}

.or-tabs:after {
  clear: both;
}

.or-tabs_captions {
  display: table;
  position: relative;
  width: 100%;
  margin-bottom: 20px;
}

.or-tabs_captions:before {
  content: ' ';
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  position: absolute;
  height: 1px;
  background: #eeeeee;
}

.or-tabs_caption {
  display: table-cell;
  text-transform: uppercase;
  font-size: 1.3rem;
  font-weight: 700;
  cursor: pointer;
  text-align: center;
}

.or-tabs_caption-or {
  display: table-cell;
  width: 75px;
  font-size: 1.3rem;
  text-align: center;
}

.or-tabs_content {
  display: none;
}

.or-tabs_content.active {
  display: block;
}

@media only screen and (min-width: 960px) {
  .or-tabs_captions {
    width: auto;
  }
}

.brb {
  margin-bottom: 20px;
}

.brb:after, .brb:before {
  content: " ";
  display: table;
}

.brb:after {
  clear: both;
}

.brb_item {
  display: block;
  cursor: pointer;
}

.brb_item:after, .brb_item:before {
  content: " ";
  display: table;
}

.brb_item:after {
  clear: both;
}

.brb_item:hover {
  background: #eeeeee;
}

.brb_item-left {
  float: left;
  padding: 22px 8px 10px 8px;
  margin: 0;
}

.brb_item-left input[type="radio"] + label {
  height: 20px;
  width: 20px;
  padding: 0;
  margin: 0;
}

.brb_item-right {
  margin-left: 36px;
  padding: 12px 10px 12px 0;
  font-size: 1.4rem;
}

.brb_item.disabled {
  opacity: 0.5;
  cursor: default;
}

.brb_item.disabled:hover {
  background: transparent;
}

.brb .option-box input[type="checkbox"] + label:before,
.brb .option-box input[type="radio"] + label:before {
  top: 0;
  left: 0;
}

@media only screen and (min-width: 960px) {
  .brb_item-left {
    width: 45px;
    padding: 10px;
  }
  .brb_item-right {
    margin-left: 50px;
  }
  .brb--delivery .brb_item-left input[type="radio"] + label {
    margin-top: 12px;
  }
}

.spc {
  padding: 10px;
}

.spc:after, .spc:before {
  content: " ";
  display: table;
}

.spc:after {
  clear: both;
}

.spc_left {
  float: left;
}

.spc_left img {
  width: 70px;
}

.spc_right {
  margin-left: 80px;
}

.spc_right .price-block {
  display: block;
  height: auto;
  float: left;
}

.spc_right .price-block .price {
  display: block;
  vertical-align: top;
}

.spc_right .price-block .price-save {
  display: none;
}

.spc_name {
  font-size: 1.4rem;
  margin-bottom: 10px;
  white-space: normal;
}

.spc .product-weight {
  float: right;
  padding-right: 0;
  margin: 0;
}

.dsd {
  margin-bottom: 40px;
}

.dsd_top {
  position: relative;
  font-size: 1.3rem;
}

.dsd_title, .dsd_weight, .dsd_toggle-products {
  display: inline-block;
  margin-bottom: 10px;
}

.dsd_title {
  font-size: 1.6rem;
  width: 100%;
  font-weight: 800;
}

.dsd_weight {
  width: 50%;
}

.dsd_toggle-products {
  max-width: 50%;
}

.dsd_toggle-products span {
  position: relative;
  display: inline-block;
  padding-right: 20px;
  color: #0066cc;
  transition: width 1s ease-in-out;
}

.dsd_toggle-products span:after {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 47.38333333333333% 68.36734693877551%;
  width: 14px;
  height: 9px;
  transition: all 0.25s ease-in-out;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.dsd_toggle-products span:hover {
  text-decoration: underline;
  cursor: pointer;
}

.dsd_toggle-products .-hide {
  display: none;
}

.dsd_edit {
  position: absolute;
  font-size: 0;
  right: 0;
  top: 0;
  z-index: 1;
}

.dsd_edit i {
  position: relative;
  display: block;
  width: 30px;
  height: 20px;
}

.dsd_edit i:after {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 61.400954653937944% 78.23834196891191%;
  width: 15px;
  height: 15px;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
}

.dsd_edit:hover {
  cursor: pointer;
}

.dsd_edit:hover i:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 64.98090692124104% 78.23834196891191%;
  width: 15px;
  height: 15px;
}

.dsd_content {
  display: none;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  padding: 10px;
}

.dsd_content .pt {
  margin: 0;
}

.dsd_content .pt_thead {
  display: none;
}

.dsd.is-visiable .dsd_toggle-products span:after {
  transform: rotate(-180deg) scale(1) skew(0deg) translate(0px);
}

.dsd.is-visiable .dsd_toggle-products .-show {
  display: none;
}

.dsd.is-visiable .dsd_toggle-products .-hide {
  display: inline;
}

.dsd.is-visiable .dsd_content {
  display: block;
}

@media only screen and (min-width: 960px) {
  .dsd_top {
    font-size: 1.4rem;
  }
  .dsd_title, .dsd_weight, .dsd_toggle-products {
    width: auto;
  }
  .dsd_title {
    margin-right: 10px;
  }
  .dsd_weight {
    margin-right: 20px;
  }
  .dsd_edit {
    font-size: 1.4rem;
    position: static;
    float: right;
    display: inline-block;
    color: #0066cc;
    padding-top: 2px;
  }
  .dsd_edit i {
    width: auto;
    height: auto;
    padding-right: 20px;
  }
  .dsd_edit i:after {
    left: auto;
    top: -3px;
  }
  .dsd_edit:hover {
    text-decoration: underline;
  }
}

.fixed-sidebar {
  opacity: 1;
  padding: 0 25px 0 10px;
  height: auto;
  transition: all 0.25s;
}

.fixed-sidebar:hover .mCSB_draggerContainer, .fixed-sidebar:active .mCSB_draggerContainer {
  opacity: 1;
}

.fixed-sidebar .mCustomScrollbar {
  margin-right: -25px;
}

.fixed-sidebar .mCSB_inside > .mCSB_container {
  margin-right: 25px;
}

.fixed-sidebar .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 25px;
}

.fixed-sidebar .mCSB_scrollTools {
  opacity: 1;
}

.fixed-sidebar .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #c3c8cc;
  border-radius: 0;
}

.fixed-sidebar .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #c3c8cc;
}

.fixed-sidebar .aside-fixed-col .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #c3c8cc;
}

.fixed-sidebar .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .fixed-sidebar .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #c3c8cc;
}

.fixed-sidebar .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background: #e4e4e4;
  border-radius: 0;
  width: 6px;
}

.fixed-sidebar .mCSB_draggerContainer {
  opacity: 0;
  transition: opacity 0.2s;
}

html.tablet .fixed-sidebar .mCSB_draggerContainer, html.mobile .fixed-sidebar .mCSB_draggerContainer {
  opacity: 1;
}

.spv {
  margin-bottom: 20px;
}

.spv:after, .spv:before {
  content: " ";
  display: table;
}

.spv:after {
  clear: both;
}

.spv img {
  width: 35px;
  float: left;
  margin: 0;
}

.spv_right {
  margin-left: 45px;
}

.spv .product-id {
  margin: 0;
  display: block;
}

.spv_name {
  margin: 0;
  font-size: 1.3rem;
}

.special-page {
  background: #ffffff;
}

.special-page .modal {
  box-shadow: none;
  margin-top: 0;
  margin-bottom: 0;
}

.special-page .modal__head {
  background: #ffffff;
}

.special-page .modal__footer {
  display: none;
}

.special-page .bww {
  margin: 0 auto;
  max-width: 450px;
  padding: 0;
}

@media only screen and (max-width: 959px) {
  .special-page .breadcrumbs {
    margin-bottom: 0;
  }
}

.scroll-top {
  display: none;
  position: fixed;
  width: 60px;
  height: 60px;
  right: 10px;
  bottom: 20px;
  z-index: 1;
  background: #ffffff;
  cursor: pointer;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
  transition: background 0.2s;
}

.scroll-top:after {
  transition: transform 0.2s;
  position: absolute;
  content: ' ';
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 83.16831683168317% 31.93717277486911%;
  width: 30px;
  height: 19px;
}

.scroll-top:hover {
  background: #ffcc00;
}

.scroll-top:hover:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 83.16831683168317% 26.963350785340314%;
  width: 30px;
  height: 19px;
}

.scroll-top.scroll-bottom:after {
  transform: rotate(180deg);
}

@media only screen and (min-width: 960px) {
  .scroll-top {
    bottom: 120px;
  }
}

@media only screen and (min-width: 1280px) {
  .scroll-top {
    right: 50px;
  }
}

.box-date {
  color: #ffffff;
  font-size: 1.1rem;
  position: absolute;
  top: 0;
  left: 0;
  padding: 3px 8px 2px;
  width: 76px;
  text-align: center;
  background-color: rgba(32, 34, 36, 0.5);
  border-radius: 25px;
  margin-left: 5px;
  margin-top: 8px;
}

.box-date.update {
  background-color: #fbf0c9;
  color: #21272c;
  padding-left: 22px;
  width: auto;
}

.box-date.update:hover {
  cursor: pointer;
}

.box-date.update:before {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 43.47826086956522% 100%;
  width: 20px;
  height: 20px;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.news-data-wrapper {
  margin-bottom: 30px;
}

.news-data-wrapper h1 {
  margin-bottom: 10px;
}

.news-data-wrapper .temp-date {
  font-size: 1.4rem;
  color: #89949d;
}

.news-data-wrapper .box-date.update {
  position: relative;
}

@media only screen and (max-width: 959px) {
  .news-data-wrapper .box-date.update {
    font-size: 1.3rem;
  }
}

@media only screen and (max-width: 959px) {
  .cpm_box .is-date-update {
    display: none;
  }
}

.cpm_box .box-date, .mln .box-date {
  position: relative;
  display: inline-block;
  margin-top: 0;
}

@media only screen and (max-width: 959px) {
  .cpm_box .box-date {
    margin-left: 0;
  }
}

@media only screen and (max-width: 639px) {
  .mav_column-1 .mav_box:last-child .box-date {
    margin-left: 0;
    margin-top: 0;
  }
  .mav_column-1 .mav_box:last-child .box-date:not(.update) {
    background: none;
    position: static;
    text-align: left;
    padding: 0;
    color: #89949d;
  }
  .mav_column-1 .mav_box:last-child .box-date.update {
    position: relative;
    display: inline-block;
  }
  .mav_column-2 .mav_box:first-child .box-date {
    margin-left: 0;
    margin-top: 0;
  }
  .mav_column-2 .mav_box:first-child .box-date:not(.update) {
    background: none;
    position: static;
    text-align: left;
    padding: 0;
    color: #89949d;
  }
  .mav_column-2 .mav_box:first-child .box-date.update {
    position: relative;
    display: inline-block;
  }
  .mav .box-date {
    margin-bottom: 5px;
  }
}

@media only screen and (min-width: 400px) and (max-width: 640px) {
  .mav_column-1 .mav_box:first-child .box-date {
    margin-left: 0;
    margin-top: 0;
  }
  .mav_column-1 .mav_box:first-child .box-date:not(.update) {
    background: none;
    position: static;
    text-align: left;
    padding: 0;
    color: #89949d;
  }
  .mav_column-1 .mav_box:first-child .box-date.update {
    position: relative;
    display: inline-block;
  }
}

.modal--user-agreement h2 {
  margin-bottom: 20px;
}

.modal--user-agreement h2:not(:first-child) {
  margin-top: 40px;
}

.modal .user-agreement-content {
  max-height: 390px;
  overflow-y: scroll;
  padding-right: 30px;
  margin-bottom: 40px;
}

.ckp .ugr-box {
  margin-bottom: 0;
}

.msp .ugr-box {
  margin-top: 40px;
  margin-bottom: 40px;
}

#subscription-view .acct_bottom-button {
  padding-top: 0;
}

.ugr-box {
  margin-top: 50px;
  margin-bottom: 50px;
}

.ugr-box .option-box {
  position: relative;
}

.ugr-box .error-text {
  font-size: 1.2rem;
  padding: 3px 2px 2px 2px;
  color: #ff3300;
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 1;
}

.ugr-box i {
  color: #f30;
}

.ugr-box label span {
  cursor: pointer;
  color: #0066cc;
}

.custom-scrollbar::-webkit-scrollbar {
  width: 14px;
  background: #fff;
}

.custom-scrollbar::-webkit-scrollbar:hover {
  background: #f2f2f2;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background: #cdcdcd;
  border: 2px solid transparent;
  background-clip: content-box;
}

.custom-scrollbar::-webkit-scrollbar-button {
  display: none;
}

.google-captcha {
  margin-bottom: 20px;
  min-height: 78px;
}

aside .aside-category {
  width: 100%;
  padding: 0 10px 30px 10px;
}

aside .aside-category:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #d6dce0;
  bottom: 0;
}

aside .aside-category__title {
  font-size: 1.4rem;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 10px;
}

aside .aside-category a {
  color: #21272c;
  text-decoration: none;
}

aside .aside-category ul {
  padding: 15px 0 0 0;
  margin: 0;
  width: 100%;
}

aside .aside-category ul li {
  width: 100%;
  list-style: none;
  position: relative;
  font-size: 1.4rem;
  padding-left: 15px;
}

.fil .show_more-or-less {
  margin: 10px 0 15px 0;
}

.fil .show_more-or-less .text {
  position: relative;
  font-size: 1.4rem;
  color: #0066cc;
  padding-right: 20px;
}

.fil .price-range {
  font-size: 0;
  margin: 0 0 15px 0;
}

.fil .price-range * {
  vertical-align: top;
}

.fil .price-range input[type="text"] {
  border: 1px solid #d6dce0;
  border-radius: 6px;
  background-color: #ffffff;
  font-size: 1.4rem;
  color: #21272c;
  display: inline-block;
  width: 70px;
  text-align: center;
  padding: 7px 5px 5px 5px;
}

.fil .price-range input[type="text"]:active, .fil .price-range input[type="text"]:focus {
  outline: none;
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .fil .price-range input[type="text"] {
    width: 55px;
  }
}

.fil .price-range .dash {
  font-size: 2.4rem;
  color: #89949d;
  padding: 2px 7px;
  line-height: 1.2;
}

.fil .price-range .btn {
  min-width: 0;
  padding-top: 6px;
  padding-bottom: 6px;
  margin-left: 20px;
  border-radius: 6px;
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .fil .price-range .btn {
    margin-left: 10px;
  }
}

.fil_item {
  position: relative;
  display: block;
  text-decoration: none !important;
}

.fil_item:after {
  position: absolute;
  content: ' ';
  z-index: 2;
}

.fil_item-text {
  font-weight: 700;
  color: #21272c;
}

.fil .price-range {
  font-size: 0;
  margin: 0 0 15px 0;
}

.fil .price-range * {
  vertical-align: top;
}

.fil .price-range input[type="text"] {
  border: 1px solid #d6dce0;
  border-radius: 10px;
  background-color: #ffffff;
  font-size: 1.4rem;
  color: #21272c;
  display: inline-block;
  width: 70px;
  text-align: center;
  padding: 7px 5px 5px 5px;
}

.fil .price-range input[type="text"]:active, .fil .price-range input[type="text"]:focus {
  outline: none;
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .fil .price-range input[type="text"] {
    width: 55px;
  }
}

.fil .price-range .dash {
  font-size: 2.4rem;
  color: #89949d;
  line-height: 1.2;
  padding: 2px 7px;
}

.fil .price-range .btn {
  min-width: 0;
  padding-top: 6px;
  padding-bottom: 6px;
  margin-left: 20px;
  line-height: 16px;
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .fil .price-range .btn {
    margin-left: 10px;
  }
}

.fil_subitem {
  display: block;
  color: #21272c;
}

.fil_subitem .count {
  color: #c3c8cc;
}

.fil_subitem:hover {
  text-decoration: none;
  background-color: #ffd631;
}

.fil_subitem:hover .count {
  color: #21272c;
}

.fil.mfp-hide {
  display: block !important;
}

.mfp-wrap .fil {
  text-align: left;
  width: 100%;
  height: 100%;
  max-width: 600px;
  background-color: white;
  margin: auto;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.55);
}

.mfp-wrap .fil_back {
  font-size: 1.3rem;
  line-height: 1.1;
  font-weight: 700;
  padding: 18px 15px 18px 50px;
  position: relative;
  border-bottom: 1px solid #eeeeee;
  cursor: pointer;
}

.mfp-wrap .fil_back:before {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 76.2981220657277% 61.696658097686374%;
  width: 8px;
  height: 12px;
  left: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.mfp-wrap .fil .modal-top {
  display: block;
  width: 100%;
  font-size: 1.6rem;
  line-height: 1.1;
  background: #ffcc00;
  color: #21272c;
  padding: 16px 15px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 800;
  border-bottom: 1px solid #eeeeee;
}

.mfp-wrap .fil_middle {
  overflow-y: auto !important;
  overflow-x: hidden;
  height: 100%;
}

.mfp-wrap .fil_item {
  padding: 18px 55px 3px 15px;
}

.mfp-wrap .fil_item:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 85.68075117370893% 39.33161953727507%;
  width: 8px;
  height: 12px;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.mfp-wrap .fil_item-text {
  font-size: 1.3rem;
  line-height: 1.1;
  margin-bottom: 15px;
}

.mfp-wrap .fil_item-selected {
  display: block;
  margin-bottom: 15px;
}

.mfp-wrap .fil_item-selected li {
  padding: 0;
  list-style: none;
  font-size: 1.3rem;
  line-height: 1.1;
  margin-bottom: 10px;
  color: #89949d;
}

.mfp-wrap .fil_subitem {
  padding: 18px 55px 17px 15px;
  font-size: 1.3rem;
  line-height: 1.1;
  border-bottom: 1px solid #eeeeee;
  cursor: pointer;
}

.mfp-wrap .fil .option-box:last-of-type,
.mfp-wrap .fil .promo-category li:last-of-type {
  border-bottom: none;
}

.mfp-wrap .fil .promo-category li a {
  display: block;
  padding: 18px 30px 18px 15px;
}

.mfp-wrap .fil .option-box {
  font-size: 1.3rem;
  line-height: 1.1;
  margin: 0;
  border-bottom: 1px solid #eeeeee;
}

.mfp-wrap .fil .option-box:after, .mfp-wrap .fil .option-box:before {
  content: " ";
  display: table;
}

.mfp-wrap .fil .option-box:after {
  clear: both;
}

.mfp-wrap .fil .option-box label {
  font-size: 1.3rem !important;
  display: block !important;
  padding: 18px 30px 18px 15px !important;
  font-weight: 700;
}

.mfp-wrap .fil .option-box label:before {
  right: 15px !important;
  top: 0 !important;
  bottom: 0 !important;
  margin: auto !important;
  left: auto !important;
  transform: none !important;
}

.mfp-wrap .fil .option-box label .count {
  display: none;
}

.mfp-wrap .fil_children-wrap .option-box label {
  font-weight: normal;
}

.mfp-wrap .fil_group {
  border-bottom: 1px solid #eeeeee;
}

.mfp-wrap .fil_group:not(.has-children) .fil_item:after {
  content: none;
  display: none;
}

.mfp-wrap .fil_group .fil_item-children {
  display: none;
}

.mfp-wrap .fil_group > .option-box:last-child {
  border-bottom: none;
}

.mfp-wrap .fil_group.price .fil_item-children {
  display: block !important;
  padding: 0 15px;
}

.mfp-wrap .fil_group.price .option-box {
  margin-left: -15px;
  margin-right: -15px;
  border-bottom: none;
  border-top: 1px solid #eeeeee;
}

.mfp-wrap .fil .has-children {
  transition: transform 0.3s;
}

.mfp-wrap .fil .has-children .fil_item-children {
  transform: translateX(100%);
  display: block;
  background: #ffffff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  transition: transform 0.3s;
  padding: 0;
  margin: 0;
  z-index: 1100;
}

.mfp-wrap .fil .has-children .fil_item-children .fil_bottom {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1110;
}

.mfp-wrap .fil .has-children.move-out .fil_item-children {
  transform: translateX(0);
}

.mfp-wrap .fil .has-children.move-out .fil_item-children .fil_children-wrap {
  overflow: auto;
}

.mfp-wrap .fil .has-children .fil_item-selected {
  display: block;
}

.mfp-wrap .fil_bottom {
  padding: 20px 15px 30px 15px;
  display: block;
}

.mfp-wrap .fil_buttons:after, .mfp-wrap .fil_buttons:before {
  content: " ";
  display: table;
}

.mfp-wrap .fil_buttons:after {
  clear: both;
}

.mfp-wrap .fil_buttons .btn {
  min-width: 135px;
  margin-right: 10px;
}

.mfp-wrap .fil_res-count {
  width: 100%;
  text-align: center;
  border-radius: 6px;
  padding: 9px 15px;
  font-size: 1.4rem;
  line-height: 1.2;
  border: 1px solid transparent;
  background: #f4f4f4;
  margin-bottom: 20px;
}

.mfp-wrap .fil .fixHeight {
  height: 0;
}

.mfp-wrap .fil .fixHeight .fil_item {
  display: none;
}

.mfp-wrap .fil .show_more-or-less {
  display: none !important;
}

.mfp-wrap .fil .mfp-close {
  font-size: 45px;
  width: 50px;
  height: 50px;
}

@media only screen and (max-width: 639px) {
  .mfp-wrap .fil .fil_buttons .btn {
    min-width: 130px;
    float: right;
    margin-right: 0;
  }
  .mfp-wrap .fil .fil_buttons .btn-secondary {
    float: left;
  }
  .mfp-wrap .fil .fil_buttons .btn-gray {
    float: left;
  }
}

@media only screen and (max-width: 639px) {
  .mfp-filter .mfp-container {
    padding: 0;
  }
  .mfp-filter .mfp-content {
    height: 100%;
  }
  .mfp-filter .fil {
    margin: 0;
    max-width: 1000px;
  }
  .mfp-filter .fil > .full-width {
    height: 50%;
  }
}

aside .fil_middle {
  max-height: none !important;
}

aside .fil_item {
  padding: 0 20px 10px 0;
  display: block;
  color: #21272c;
}

aside .fil_item:hover {
  text-decoration: none;
  color: inherit;
}

aside .fil_item:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 85.78199052132702% 68.44783715012723%;
  width: 12px;
  height: 8px;
  top: 0;
  bottom: 10px;
  margin: auto;
  right: 0;
  transition: transform 0.25s;
}

aside .fil_item:hover:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 56.16350710900474% 68.19338422391857%;
  width: 12px;
  height: 8px;
}

aside .fil_item-text {
  font-size: 1.4rem;
  text-transform: uppercase;
  padding-right: 20px;
}

aside .fil_group:not(.has-children) .fil_item:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 85.68075117370893% 39.33161953727507%;
  width: 8px;
  height: 12px;
}

aside .fil_group:not(.has-children) .fil_item:hover:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 85.68075117370893% 36.246786632390744%;
  width: 8px;
  height: 12px;
}

aside .fil_group.price .fil_item {
  cursor: auto;
}

aside .fil_group.price .fil_item:after {
  content: none !important;
}

aside .fil_subitem {
  font-size: 1.4rem;
  padding: 7px 10px;
  border-radius: 5px;
  margin-bottom: 2px;
}

aside .fil .option-box {
  margin-bottom: 10px;
  padding-top: 5px;
}

aside .fil .option-box .count {
  color: #c3c8cc;
}

aside .fil .modal-top, aside .fil_bottom {
  display: none;
}

aside .fil_group {
  width: 100%;
  padding: 30px 10px 20px 10px;
  border-bottom: 1px solid #d6dce0;
}

aside .fil_group.opened .fil_item:after {
  transform: rotate(-180deg) scale(1) skew(0deg) translate(0px);
}

aside .fil_group.without-arrow .fil_item {
  margin: 0;
  padding: 0;
}

aside .fil_group.without-arrow .fil_item:after {
  content: none;
  display: none;
}

aside .fil_group.aside-navigation {
  padding: 0;
}

aside .fil_group.aside-navigation .fil_item {
  padding: 0;
}

aside .fil_group.aside-navigation .fil_item:after {
  bottom: 0;
}

aside .fil_group.aside-navigation .fil_item-children {
  margin-top: 0;
}

aside .fil_item-children {
  margin-top: 15px;
}

aside .fil_item-children.truncated .fil_children-wrap .option-box {
  display: none;
}

aside .fil_item-children.truncated .fil_children-wrap .option-box.-visible {
  display: block;
}

aside .fil_item-children.truncated .show_more-or-less .less {
  display: none;
}

aside .fil_item-children.truncated .show_more-or-less .more {
  display: inline;
}

aside .fil_item-children.truncated .show_more-or-less .text:after {
  transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
}

aside .fil_item-children .fil_bottom {
  display: none;
}

aside .fil .has-children .fil_item {
  cursor: pointer;
}

aside .fil .has-children .fil_item-selected {
  display: none;
}

aside .fil_children-wrap {
  height: auto;
  overflow: hidden;
}

aside .fil .fil_back {
  display: none;
}

@media only screen and (max-width: 959px) {
  aside .fil .show_more-or-less {
    display: block;
  }
}

aside .fil .show_more-or-less .text {
  display: inline-block;
}

aside .fil .show_more-or-less .text:after {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 47.38333333333333% 68.36734693877551%;
  width: 14px;
  height: 9px;
  transition: transform 0.25s;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transform: rotate(-180deg) scale(1) skew(0deg) translate(0px);
}

aside .fil .show_more-or-less .text:hover {
  cursor: pointer;
}

aside .fil .show_more-or-less .text:hover span {
  border-bottom: 1px dashed #0066cc;
}

aside .fil .show_more-or-less .more {
  display: none;
}

aside .fil .show_more-or-less .less {
  display: inline;
}

[data-zeroitems-behaviour="hide"] [data-disabled="1"] {
  display: none !important;
}

.ios .mfp-wrap .fil {
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.ios .mfp-wrap .fil_middle {
  max-height: none !important;
  overflow: hidden !important;
  height: auto;
}

.ios .mfp-wrap .fil_bottom {
  position: static !important;
}

.ios .mfp-wrap .fil_children-wrap {
  max-height: none !important;
}

.ios .mfp-wrap .fil .has-children.move-out .fil_item-children {
  position: fixed;
  max-width: 600px;
  left: 0;
  right: 0;
  margin: auto;
}

/**
* for next projects:
* - Masteram
* - Toys4Brain
*/
.anb_top {
  display: none;
}

.anb_item {
  display: block;
  cursor: pointer;
  position: relative;
  color: #21272c;
}

.anb_item:hover {
  text-decoration: none;
}

.mfp-wrap .anb {
  width: 100%;
  height: 100%;
  max-width: 600px;
  background-color: white;
  margin: auto;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.55);
}

.mfp-wrap .anb_top {
  display: block;
  width: 100%;
  font-size: 1.6rem;
  line-height: 1.1;
  background: #ffcc00;
  color: #21272c;
  padding: 15px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 800;
}

.mfp-wrap .anb_middle {
  overflow-y: auto !important;
  overflow-x: hidden;
}

.mfp-wrap .anb_bottom {
  padding: 20px 15px 30px 15px;
  display: block;
}

.mfp-wrap .anb_bottom:after, .mfp-wrap .anb_bottom:before {
  content: " ";
  display: table;
}

.mfp-wrap .anb_bottom:after {
  clear: both;
}

.mfp-wrap .anb_bottom-results-count {
  width: 100%;
  text-align: center;
  border-radius: 6px;
  padding: 9px 15px;
  font-size: 1.4rem;
  line-height: 1.2;
  border: 1px solid transparent;
  background: #f4f4f4;
  margin-bottom: 20px;
}

.mfp-wrap .anb_bottom .btn {
  min-width: 135px;
}

.mfp-wrap .anb_item {
  font-size: 1.3rem;
  padding: 18px 50px 18px 15px;
  border-bottom: 1px solid #eeeeee;
}

.mfp-wrap .anb_item.active:after {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 0 83.33333333333333%;
  width: 22px;
  height: 17px;
  right: 14px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.mfp-wrap .anb .mfp-close {
  font-size: 45px;
  width: 50px;
  height: 50px;
}

@media only screen and (max-width: 639px) {
  .mfp-wrap .mfp-container {
    padding: 0;
  }
  .mfp-wrap .mfp-content {
    height: 100%;
  }
}

.mfp-wrap .aside-category {
  display: none;
}

aside .anb_bottom {
  display: none;
}

aside .anb.mfp-hide {
  display: block !important;
}

aside .anb_top {
  margin-bottom: 10px;
}

aside .anb_item {
  font-size: 1.4rem;
  padding: 7px 25px 7px 10px;
  border-radius: 5px;
  margin-bottom: 2px;
}

aside .anb_item.active {
  background-color: #ffd631;
}

aside .anb_item:hover {
  text-decoration: none;
  background-color: #ffd631;
}

@media only screen and (max-width: 639px) {
  .mfp-filter .filter {
    margin: 0;
    max-width: 1000px;
  }
  .mfp-filter .filter > .full-width {
    height: 50%;
  }
}

/**
* for next projects:
* - Masteram
* - Toys4Brain
*/
.pagination-wrapper {
  display: block;
  opacity: 1;
}

.pgw {
  margin-top: 50px;
  text-align: center;
  font-size: 1.4rem;
  color: #21272c;
}

.pgw_desktop {
  display: none;
}

.pgw_mobile {
  font-size: 0;
  text-align: center;
}

.pgw_arrow {
  width: 35px;
  height: 35px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #d6dce0;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
}

.pgw_arrow:after {
  position: absolute;
  content: ' ';
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.pgw_arrow.-prev:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 85.91549295774648% 26.47814910025707%;
  width: 8px;
  height: 12px;
}

.pgw_arrow.-next:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 85.68075117370893% 39.33161953727507%;
  width: 8px;
  height: 12px;
}

.pgw_arrow:active {
  background: white;
  box-shadow: 0 0 6px -2px rgba(0, 0, 0, 0.5);
}

.pgw_arrow:active.-prev:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 76.2981220657277% 61.696658097686374%;
  width: 8px;
  height: 12px;
}

.pgw_arrow:active.-next:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 85.68075117370893% 36.246786632390744%;
  width: 8px;
  height: 12px;
}

.pgw_count {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.3rem;
  min-width: 160px;
  text-align: center;
}

#catalogue .pgw {
  margin-top: 30px;
}

@media only screen and (min-width: 960px) {
  #catalogue .pgw {
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 960px) {
  .pgw {
    margin-top: 40px;
  }
  .pgw_mobile {
    display: none;
  }
  .pgw_desktop {
    display: block;
    text-align: center;
    font-size: 0;
  }
  .pgw_range, .pgw_ellipsis {
    display: inline-block;
    font-size: 0;
  }
  .pgw_ellipsis.invisible {
    display: none;
  }
  .pgw_item, .pgw_thee-dots {
    font-size: 1.4rem;
    color: #21272c;
    min-width: 36px;
    padding: 10px 7px;
    display: inline-block;
    vertical-align: middle;
  }
  .pgw_item {
    margin: 0 1px;
  }
  .pgw_item.current {
    background-color: #d6dce0;
    border-radius: 3px;
  }
  .pgw_item:hover {
    text-decoration: none;
    background-color: #d6dce0;
    border-radius: 3px;
  }
}

@media only screen and (min-width: 960px) {
  .pagination-type-1 .swiper-button-next,
  .pagination-type-1 .swiper-button-prev {
    background: transparent;
    display: block;
    width: 30px;
    height: 62px;
    top: 0;
    bottom: 1px;
    margin: auto;
  }
  .pagination-type-1 .swiper-button-next i,
  .pagination-type-1 .swiper-button-prev i {
    position: relative;
    display: block;
    background: transparent;
    cursor: pointer;
    transition: all 200ms linear;
    width: 30px;
    height: 62px;
  }
  .pagination-type-1 .swiper-button-next i:after,
  .pagination-type-1 .swiper-button-prev i:after {
    position: absolute;
    content: ' ';
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }
  .pagination-type-1 .swiper-button-next:hover i,
  .pagination-type-1 .swiper-button-prev:hover i {
    background: #ffcc00;
  }
  .pagination-type-1 .swiper-button-disabled {
    display: none;
  }
  .pagination-type-1 .swiper-button-next {
    right: -30px;
  }
  .pagination-type-1 .swiper-button-next i:after {
    background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
    background-position: 79.09738717339667% 100%;
    width: 13px;
    height: 20px;
  }
  .pagination-type-1 .swiper-button-next i:hover:after {
    background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
    background-position: 76.00950118764845% 100%;
    width: 13px;
    height: 20px;
  }
  .pagination-type-1 .swiper-button-prev {
    left: -30px;
  }
  .pagination-type-1 .swiper-button-prev i:after {
    background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
    background-position: 94.06175771971496% 73.49081364829397%;
    width: 13px;
    height: 20px;
  }
  .pagination-type-1 .swiper-button-prev i:hover:after {
    background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
    background-position: 82.1852731591449% 100%;
    width: 13px;
    height: 20px;
  }
  .pagination-type-1.swiper-disabled .swiper-button-next,
  .pagination-type-1.swiper-disabled .swiper-button-prev,
  .pagination-type-1.swiper-disabled .swiper-pagination {
    display: none;
  }
}

.no-search-results {
  display: none;
}

/**
* for next projects:
* - Masteram
* - Toys4Brain
*/
.fpp {
  background: #ffffff;
  position: fixed;
  z-index: 8000;
  left: 0;
  right: 0;
  top: 0;
  padding: 15px 10px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.24);
  transition: all 200ms ease;
  display: none;
}

.fpp_name {
  font-size: 1.1rem;
  margin-bottom: 10px;
}

.fpp_img {
  width: 40px;
  float: left;
}

.fpp_img img {
  width: 100%;
}

.fpp .price-block {
  display: table;
  height: 40px;
  margin-left: 50px;
}

.fpp_bottom {
  font-size: 0;
}

.fpp_left, .fpp_right {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
}

.fpp .save-to-wishlist {
  float: left;
  width: 30px;
  height: 30px;
  padding: 0;
  position: relative;
}

.fpp .save-to-wishlist:before {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 83.37468982630273% 19.67654986522911%;
  width: 31px;
  height: 30px;
}

.fpp .product-button-wrapper {
  height: 40px;
  margin: 0 auto;
}

.fpp .product-button-wrapper .btn-text {
  margin-top: 1px;
}

html.landscape .fpp_name {
  display: none;
}

[data-device="mobile"] .fpp {
  display: block;
  transform: translateY(-106%);
}

[data-device="mobile"] .fpp.visible {
  transform: translateY(0);
}

/**
* for next projects:
* - Masteram
* - Toys4Brain
*/
.rsp {
  display: none;
}

@media screen and (min-width: 1030px) {
  .rsp {
    display: block;
    position: fixed;
    top: 220px;
    right: 0;
    background-color: #eee;
    z-index: 25;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.15);
  }
  .rsp_item {
    background: #ffffff;
  }
  .rsp_item.active .rsp_icon {
    background-color: #fff;
  }
  .rsp_item.active .rsp_dropdown {
    display: block;
  }
  .rsp_item--cart .rsp_icon {
    padding-top: 5px;
    height: 50px;
  }
  .rsp_item--cart .rsp_icon .rsp_cart-count {
    text-align: center;
  }
  .rsp_item--cart .rsp_icon .rsp_cart-count div {
    padding: 2px 6px;
    font-size: 1.1rem;
    border-radius: 3px;
    background-color: #ffcc00;
    display: inline-block;
  }
  .rsp_item--cart .rsp_icon:before {
    background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
    background-position: 26.699029126213592% 87.98955613577023%;
    width: 22px;
    height: 18px;
    top: auto;
    bottom: 8px;
  }
  .rsp_item--chat .rsp_icon:before {
    background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
    background-position: 21.656934306569344% 69.9738903394256%;
    width: 23px;
    height: 18px;
  }
  .rsp_item--skype .rsp_icon:before {
    background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
    background-position: 10.679611650485437% 88.91820580474933%;
    width: 22px;
    height: 22px;
  }
  .rsp_item--callback .rsp_icon:before {
    background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
    background-position: 95.63831328792928% 83.98950131233596%;
    width: 19.94px;
    height: 20px;
  }
  .rsp_item--callback .rsp_dropdown .rsp_title {
    margin-bottom: 5px;
  }
  .rsp_item--callback .rsp_dropdown .rsp_small-text {
    margin-bottom: 15px;
  }
  .rsp_item--compare .rsp_small-text {
    padding-left: 15px;
  }
  .rsp_item--compare .rsp_icon:before {
    background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
    background-position: 100% 62.9242819843342%;
    width: 18px;
    height: 18px;
  }
  .rsp_item--compare .rsp_dropdown {
    min-width: 300px;
    padding: 0;
  }
  .rsp_item--compare .rsp_dropdown .rsp_title {
    padding: 15px 50px 0 15px;
  }
  .rsp_item--compare .rsp_dropdown ul {
    margin: 0;
  }
  .rsp_item--compare .rsp_dropdown ul li {
    padding-right: 50px;
    border-top: 1px #eee solid;
    position: relative;
    cursor: pointer;
  }
  .rsp_item--compare .rsp_dropdown ul li:hover {
    background-color: #f4f4f4;
  }
  .rsp_item--compare .rsp_dropdown ul li a {
    display: block;
    font-size: 1.4rem;
    color: #333;
    padding: 15px 0 15px 15px;
  }
  .rsp_item--compare .rsp_dropdown ul li a:hover {
    text-decoration: none;
  }
  .rsp_item--compare .rsp_dropdown ul li span {
    color: #89949d;
  }
  .rsp_dropdown {
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.15);
  }
  .rsp_icon {
    position: relative;
    width: 40px;
    min-height: 40px;
    cursor: pointer;
    z-index: 26;
  }
  .rsp_icon:before {
    position: absolute;
    content: ' ';
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }
  .rsp_small-text {
    font-size: 1.1rem;
    color: #89949d;
    display: block;
  }
  .rsp_dropdown {
    display: none;
    position: absolute;
    background-color: #fff;
    top: 0;
    right: 40px;
    min-height: 100%;
    padding: 15px 20px 15px 15px;
    min-width: 180px;
  }
  .rsp_dropdown:after {
    content: " ";
    width: 40px;
    height: 100%;
    background-color: #eee;
    position: absolute;
    right: -40px;
    top: 0;
  }
  .rsp_dropdown ul {
    padding: 0;
  }
  .rsp_dropdown ul li {
    list-style-type: none;
  }
  .rsp_dropdown .btn {
    min-width: 124px;
    padding: 9px 10px;
  }
  .rsp_dropdown .btn-white {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
  }
  .rsp_title {
    font-size: 1.4rem;
    text-transform: uppercase;
    display: block;
    margin-bottom: 20px;
  }
  .rsp_cart-price {
    margin-bottom: 10px;
  }
  .rsp_price {
    font-size: 1.6rem;
    font-weight: bold;
  }
  .rsp_chat ul li {
    position: relative;
    padding: 0 0 0 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
    color: #21272c;
    text-decoration: none;
    font-size: 1.3rem;
    cursor: pointer;
    white-space: nowrap;
  }
  .rsp_chat ul li:first-of-type {
    padding-top: 0;
  }
  .rsp_chat ul li:first-of-type:before {
    top: -1px;
    bottom: auto;
  }
  .rsp_chat ul li:before {
    position: absolute;
    content: ' ';
    z-index: 2;
    background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
    background-position: 100% 9.090909090909092%;
    width: 18px;
    height: 16px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .rsp_chat ul li:hover:before {
    background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
    background-position: 100% 17.92207792207792%;
    width: 18px;
    height: 16px;
  }
  .rsp_chat ul li.tech-support:before {
    background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
    background-position: 90.86538461538461% 93.97905759162303%;
    width: 18px;
    height: 19px;
  }
  .rsp_chat ul li.tech-support:hover:before {
    background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
    background-position: 100% 0;
    width: 18px;
    height: 19px;
  }
  .rsp_chat ul li span {
    font-size: 1.1rem;
    display: inline-block;
    margin-left: 10px;
  }
  .rsp_chat ul li span.online {
    color: #50c700;
  }
  .rsp_chat ul li span.offline {
    color: #89949d;
  }
  .rsp_compare-remove {
    position: absolute;
    width: 36px;
    display: block;
    height: 100%;
    right: 0;
    top: 0;
    bottom: 0;
    left: auto;
  }
  .rsp_compare-remove:hover {
    background-color: #e8e8e8;
  }
  .rsp_compare-remove i {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
  }
  .rsp_compare-remove i:after {
    position: absolute;
    content: ' ';
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
    background-position: 18.321740765109503% 73.3645812105156%;
    width: 8.44px;
    height: 8.44px;
  }
  /* right panel cart empty */
  .rsp_item--cart .rsp_cart-empty {
    display: none;
  }
  .rsp_item--cart.empty .rsp_cart-empty {
    display: block;
  }
  .rsp_item--cart.empty .rsp_cart-price,
  .rsp_item--cart.empty .btn {
    display: none;
  }
  /* right panel cart empty */
}

.m-b > div {
  padding-top: 0 !important;
}

/**
* for next projects:
* - Masteram
* - Toys4Brain
*/
[data-site-id="-1457233641"] #mainBomb,
[data-site-id="-1457233641"] [googletag-slot] {
  background-image: url("../images/layout/noimage/toolboom_pattern.png");
}

[data-site-id="308869156"] #mainBomb,
[data-site-id="308869156"] [googletag-slot] {
  background-image: url("../images/layout/noimage/masteram_pattern.png");
}

[data-site-id="-1562066590"] #mainBomb,
[data-site-id="-1562066590"] [googletag-slot] {
  background-image: url("../images/layout/noimage/masteram_pattern.png");
}

[googletag-slot] {
  opacity: 0;
  transition: opacity 0.2s;
}

.m-b {
  position: relative;
  margin: 0 -10px 10px -10px;
  cursor: pointer;
}

.m-b:after {
  position: absolute;
  content: '';
  height: 100%;
}

.m-b img {
  width: 100%;
}

.m-b .swiper-wrapper [googletag-slot] {
  background: transparent;
}

.m-b .swiper-button-next,
.m-b .swiper-button-prev {
  display: none;
}

@media only screen and (min-width: 960px) {
  .m-b {
    margin: 0 0 30px 0;
  }
  .m-b .swiper-button-next,
  .m-b .swiper-button-prev {
    display: block;
    opacity: 0;
    transition: all 300ms linear;
    background: none;
    top: 0;
    bottom: 0;
    height: auto;
    width: auto;
    margin: 0;
  }
  .m-b .swiper-button-next i,
  .m-b .swiper-button-prev i {
    display: block;
    width: 50px;
    position: relative;
    background-color: rgba(48, 51, 54, 0.7);
    height: 100%;
  }
  .m-b .swiper-button-next i:after,
  .m-b .swiper-button-prev i:after {
    position: absolute;
    content: ' ';
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }
  .m-b .swiper-button-next {
    right: 0;
  }
  .m-b .swiper-button-next i:after {
    background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
    background-position: 79.09738717339667% 100%;
    width: 13px;
    height: 20px;
  }
  .m-b .swiper-button-prev {
    left: 0;
  }
  .m-b .swiper-button-prev i:after {
    background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
    background-position: 94.06175771971496% 73.49081364829397%;
    width: 13px;
    height: 20px;
  }
  .m-b .swiper-pagination {
    bottom: 25px;
    width: auto;
    left: 50%;
    transform: translateX(-50%);
  }
  .m-b:hover .swiper-button-next,
  .m-b:hover .swiper-button-prev {
    opacity: 1;
  }
}

.m-b .banner-slide .swiper-slide {
  height: 180px;
  overflow: hidden;
}

.m-b .banner-slide [googletag-slot] {
  width: 590px !important;
  height: 180px !important;
  z-index: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

[googletag-slot*="news-240"] {
  max-width: 240px;
}

.google-banner {
  margin-bottom: 20px;
}

.google-banner [googletag-slot] {
  margin: 0 auto;
}

aside .google-banner {
  padding: 20px 10px 0 10px;
}

aside .google-banner [googletag-slot] {
  overflow: hidden;
  border: 2px solid #FFCBCB;
  border-radius: 6px;
  max-width: 240px;
  box-sizing: content-box;
}

.header {
  position: fixed !important;
  z-index: 888;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.header-top {
  margin-bottom: 10px;
}

.header-middle {
  padding: 10px 0 10px 0;
}

.header__relative-wrap {
  background-color: #21272c;
}

.qc {
  display: none;
}

.qc_link, .qc_btn {
  width: 100%;
  line-height: 1.3;
  letter-spacing: 0.5px;
  font-size: 1.6em;
  padding: 8px 45px 8px 15px;
  text-transform: uppercase;
  background: #ffcc00;
  cursor: pointer;
  border-radius: 6px;
  margin: 11px 0;
  display: block;
  color: #21272c;
}

.qc_link:hover, .qc_btn:hover {
  text-decoration: none;
  background: #ffd631;
}

.slt {
  display: table;
  width: 100%;
}

.slt a {
  padding: 13px 5px;
  display: table-cell;
  vertical-align: middle;
  background-color: #ffffff;
  text-align: center;
  height: 56px;
}

.slt a span {
  font-size: 1.3em;
  color: #21272c;
  text-transform: uppercase;
  padding-left: 35px;
  display: inline-block;
  text-align: left;
}

.slt a.-sale span {
  color: #ff3300;
}

@media only screen and (min-width: 1280px) {
  .qc_link, .qc_btn {
    width: 240px;
  }
}

@media only screen and (min-width: 960px) {
  .header {
    height: 188px;
  }
  .header__relative-wrap {
    height: 132px;
    padding: 0 0 25px 0;
  }
  .header-top {
    height: 39px;
  }
  .header-middle {
    padding: 5px 0 5px 0;
    display: flex;
    align-items: center;
    width: 100%;
  }
  .header-bottom {
    background-color: #ffffff;
    height: 56px;
  }
  .header-cart {
    display: none;
  }
  .qs {
    margin: 6px 0;
    position: relative;
  }
  .qs_input {
    font-size: 1.4em;
    padding: 10px 54px 10px 15px;
    border-radius: 6px;
    width: 100%;
    outline: 0;
    border: 0;
  }
  .qs_submit {
    right: 0;
    top: 0;
    bottom: 0;
    width: 44px;
    height: 100%;
    background: transparent;
    border: 0;
    outline: 0;
    display: block;
    margin: 0;
    padding: 0 0 0 0;
    text-decoration: none;
    cursor: pointer;
    font-size: 0;
    color: transparent;
    line-height: 0;
    border-radius: 6px;
    z-index: 310;
  }
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .slt a span {
    font-size: 1.1rem;
  }
}

@media only screen and (max-width: 959px) {
  .MH__hamburger,
  .MH__search-btn,
  .header-cart > a {
    background: #353e46;
    width: 30px;
    height: 30px;
  }
  .MH__hamburger {
    display: block;
    float: left;
    margin: 0 0 0 10px;
  }
  .MH__search-btn {
    float: right;
    margin-right: 10px;
  }
  .header-cart {
    float: right;
    padding: 0 10px 0 0;
  }
  .header-cart a {
    position: relative;
    display: block;
  }
  .header-cart__count, .header-cart__price {
    font-size: 0;
  }
  .header-middle {
    height: 50px;
  }
  .qs {
    display: none;
  }
}

.up-over-overlay {
  z-index: 5050 !important;
}

.header {
  height: auto;
  overflow: visible;
}

.MH__hamburger,
.MH__search-btn,
.header-cart > a {
  background-color: transparent;
}

@media only screen and (min-width: 960px) {
  .header__relative-wrap {
    height: auto;
  }
}

body[data-dom*="ready"] .qc_link {
  display: none;
}

/**
* for next projects:
* - Masteram
* - Toys4Brain
*/
.slideout-menu {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
  width: 271px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  display: none;
}

.slideout-panel {
  position: relative;
  z-index: 1;
}

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
  overflow: hidden;
}

.slideout-open .slideout-menu {
  display: block;
}

.mm .cd-dropdown-wrapper {
  display: block;
  position: relative;
  width: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 100%;
}

.mm .cd-dropdown {
  position: relative;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  visibility: hidden;
  /* Force Hardware Acceleration */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
  transform: translateY(-100%);
  transition: transform 0.5s 0s, visibility 0s 0.5s;
}

.mm .cd-dropdown.dropdown-is-active {
  visibility: visible;
  transform: translateY(0);
  transition: transform 0.5s 0s, visibility 0s 0s;
}

.mm .cd-dropdown-content, .mm .cd-dropdown-content ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  transition: transform 0.3s;
  /*padding-top: 50px;*/
  padding: 0;
  margin: 0;
}

.mm .cd-dropdown-content {
  position: relative;
}

.mm .has-children > ul {
  transform: translateX(0);
}

.mm .cd-dropdown-content .mm_item {
  display: block;
  /* truncate text with ellipsis if too long */
}

.mm .cd-dropdown-content.is-hidden, .mm .cd-dropdown-content ul.is-hidden {
  /* push the secondary dropdown items to the right */
  transform: translateX(100%);
}

.mm .cd-dropdown-content.is-hidden > li > .mm_item,
.mm .cd-dropdown-content.move-out > li > .mm_item,
.mm .cd-dropdown-content ul.is-hidden > li > .mm_item,
.mm .cd-dropdown-content ul.move-out > li > .mm_item {
  /* lower down the dropdown items opacity - when secondary dropdown slides in or for dropdown items hidden on the right */
  opacity: 0;
}

.mm .cd-dropdown-content.move-out > li > .mm_item, .mm .cd-dropdown-content ul.move-out > li > .mm_item {
  /* push the dropdown items to the left when secondary dropdown slides in */
  transform: translateX(-100%);
}

.mm .dropdown-is-active .cd-dropdown-content, .mm .dropdown-is-active .cd-dropdown-content ul {
  -webkit-overflow-scrolling: touch;
}

.mm .cd-dropdown-content a, .mm .cd-dropdown-content ul a,
.mm .cd-dropdown-content .mm_item, .mm .cd-dropdown-content ul .mm_item {
  /* Force Hardware Acceleration */
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: opacity 0.3s, transform 0.3s;
}

.mm .cd-main-content {
  background-color: #e6e6e6;
  min-height: calc(100vh - 100px);
  padding: 2em 5%;
  line-height: 2;
}

.mm .cd-secondary-dropdown {
  z-index: 5;
  background: white;
}

@-webkit-keyframes cd-fade-in {
  0% {
    opacity: 0;
    visibility: visible;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}

@keyframes cd-fade-in {
  0% {
    opacity: 0;
    visibility: visible;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}

@-webkit-keyframes cd-fade-out {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: visible;
  }
}

@keyframes cd-fade-out {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: visible;
  }
}

.mm {
  background-color: #ffffff;
  text-decoration: none !important;
}

.mm_item {
  display: block;
  font-size: 1.3em;
  color: #21272c;
  border-bottom: 1px solid #eeeeee;
  padding: 17px 35px 17px 20px;
  position: relative;
  cursor: pointer;
}

.mm_item:hover, .mm_item:active, .mm_item:focus {
  text-decoration: none;
}

.mm .impersonate {
  padding: 0 9px 16px 15px;
}

.mm .impersonate .btn {
  width: 100%;
  font-size: 11px;
  padding: 3px 10px;
}

.mm .has-children > .mm_item:after {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 85.68075117370893% 39.33161953727507%;
  width: 8px;
  height: 12px;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.mm .has-children > .mm_item:active:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 85.68075117370893% 36.246786632390744%;
  width: 8px;
  height: 12px;
}

.mm_head {
  height: 50px;
}

.mm_head .mm_item {
  font-weight: 800;
  font-family: 'Open Sans', sans-serif;
  padding: 17px 40px 17px 18px;
  border-bottom: none;
}

.mm_head .mm_item:after {
  position: absolute;
  content: ' ';
  z-index: 2;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.mm_head .mm_item:hover:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 85.68075117370893% 36.246786632390744%;
  width: 8px;
  height: 12px;
}

.mm_head .mm_item.mm_cabinet:after {
  top: -2px;
  right: 10px;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 90.33161848175254% 71.76781002638522%;
  width: 19.97px;
  height: 22px;
}

.mm_head .mm_item.mm_cabinet:hover:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 90.33161848175254% 65.96306068601584%;
  width: 19.97px;
  height: 22px;
}

.mm_head.not-logged .mm_item:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 100% 40.77922077922078%;
  width: 18px;
  height: 16px;
  right: 12px;
}

.mm_head.not-logged .mm_item:hover:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 100% 58.44155844155844%;
  width: 18px;
  height: 16px;
}

.mm .mm_catalog > .mm_item {
  height: 50px;
  background-color: #ffcc00;
  padding-left: 45px;
  text-transform: uppercase;
  border-bottom: none;
}

.mm .mm_catalog > .mm_item:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 85.68075117370893% 36.246786632390744%;
  width: 8px;
  height: 12px;
}

.mm .mm_catalog > .mm_item:before {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 42.922518159806295% 78.44155844155844%;
  width: 21px;
  height: 16px;
  left: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.mm_solution .mm_item {
  padding-left: 45px;
}

.mm_solution .mm_item i {
  position: absolute;
  z-index: 1;
  width: 24px;
  height: 24px;
  left: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  background-position: 0 -60px;
}

.mm_solution .mm_item:hover i {
  background-position: 0 -84px;
}

.mm_solution.-promo .mm_item {
  color: #ff3300;
}

.mm_solution.-promo .mm_item:before {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 44.013008289116556% 63.829787234042556%;
  width: 25.03px;
  height: 25px;
  left: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.mm .mm_item-logout:before {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 57.4144578313253% 78.44155844155844%;
  width: 19px;
  height: 16px;
  left: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.mm .mm_item-logout:hover:before {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 52.83614457831325% 78.44155844155844%;
  width: 19px;
  height: 16px;
}

.mm_sprite > .mm_item {
  position: relative;
  padding: 12px 35px 12px 45px;
}

.mm_sprite > .mm_item:before {
  position: absolute;
  content: ' ';
  z-index: 2;
  left: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.mm_region > .mm_item, .mm_currency > .mm_item, .mm_phone > .mm_item, .mm_sales-chat > .mm_item, .mm_logout > .mm_item {
  padding-left: 45px;
}

.mm_region > .mm_item:before, .mm_currency > .mm_item:before, .mm_phone > .mm_item:before, .mm_sales-chat > .mm_item:before, .mm_logout > .mm_item:before {
  position: absolute;
  content: ' ';
  z-index: 2;
  left: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.mm_region > .mm_item:before {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 62.31884057971015% 94.22572178477691%;
  width: 20px;
  height: 20px;
}

.mm_currency > .mm_item:before {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 95.65217391304348% 89.23884514435696%;
  width: 20px;
  height: 20px;
}

.mm_phone > .mm_item:before {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 99.97116216476016% 72.31026290368902%;
  width: 17.88px;
  height: 17.97px;
}

.mm_phone .cd-secondary-dropdown .mm_item {
  padding-left: 45px;
}

.mm_phone .cd-secondary-dropdown .mm_item:before {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 99.97116216476016% 72.31026290368902%;
  width: 17.88px;
  height: 17.97px;
  left: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.mm_phone .cd-secondary-dropdown .mm_item-back:before {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 76.2981220657277% 61.696658097686374%;
  width: 8px;
  height: 12px;
}

.mm_phone .cd-secondary-dropdown .mm_item-callback:before {
  left: 16px;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 99.52153110047847% 85.43896103896105%;
  width: 16px;
  height: 16px;
}

.mm_phone .cd-secondary-dropdown .mm_item-mts:before,
.mm_phone .cd-secondary-dropdown .mm_item-kyivstar:before,
.mm_phone .cd-secondary-dropdown .mm_item-life-cell:before {
  left: 13px;
}

.mm_phone .cd-secondary-dropdown .mm_item-mts:before {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 81.64251207729468% 94.22572178477691%;
  width: 20px;
  height: 20px;
}

.mm_phone .cd-secondary-dropdown .mm_item-kyivstar:before {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 52.54237288135593% 94.22572178477691%;
  width: 21px;
  height: 20px;
}

.mm_phone .cd-secondary-dropdown .mm_item-life-cell:before {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 76.81159420289855% 94.22572178477691%;
  width: 20px;
  height: 20px;
}

.mm_sales-chat > .mm_item:before {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 100% 9.090909090909092%;
  width: 18px;
  height: 16px;
}

.mm_sales-chat .mm_item span {
  font-size: 11px;
  display: inline-block;
  float: right;
}

.mm_sales-chat .mm_item span.online {
  color: #50c700;
}

.mm_sales-chat .mm_item span.offline {
  color: #89949d;
}

.mm_sales-chat .mm_item.tech-support:before {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 90.86538461538461% 93.97905759162303%;
  width: 18px;
  height: 19px;
}

.mm_sales-chat .mm_item.tech-support:hover:before {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 100% 0;
  width: 18px;
  height: 19px;
}

.mm_sales-chat > .mm_item:before {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 0 78.85117493472585%;
  width: 23px;
  height: 18px;
}

.mm_item-back {
  background-color: #ffcc00;
  padding: 17px 15px 17px 45px;
  text-transform: uppercase;
}

.mm_item-back:before {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 76.2981220657277% 61.696658097686374%;
  width: 8px;
  height: 12px;
  left: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.mm .gray-bg {
  background-color: #f4f4f4;
}

.mm_submenu-is-open {
  height: 100vh !important;
  overflow: hidden;
}

.header {
  height: auto;
  overflow: visible;
}

.MH__hamburger,
.MH__search-btn,
.header-cart > a {
  background-color: transparent;
}

body[data-dom*="ready"] .qc_link {
  display: none;
}

@media only screen and (max-width: 959px) {
  .qs {
    display: block;
  }
}

@media only screen and (min-width: 960px) {
  .header-top {
    height: auto;
  }
  .header__relative-wrap {
    height: auto;
  }
  .header-cart {
    display: block;
  }
}

.MH__hamburger {
  cursor: pointer;
  background-color: transparent;
  position: relative;
}

.MH__hamburger:after {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 90.77669902912622% 40%;
  width: 22px;
  height: 16px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.MH__hamburger.-impersonate {
  background-color: #ff3300;
}

.MH__search-btn {
  position: relative;
  cursor: pointer;
}

.MH__search-btn:after {
  position: absolute;
  content: ' ';
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 42.3728813559322% 94.47368421052632%;
  width: 21px;
  height: 21px;
}

.header {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.header__relative-wrap {
  z-index: 2;
  position: relative;
  width: 100%;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.05);
}

.header-top:after, .header-top:before {
  content: " ";
  display: table;
}

.header-top:after {
  clear: both;
}

.header .btn__back-call {
  margin-left: 20px;
  float: right;
  margin-top: 8px;
  border-radius: 3px;
  background: #303840;
  background: linear-gradient(to bottom, #303840 0%, #282e35 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#303840', endColorstr='#282e35', GradientType=0);
  padding: 0;
  height: 24px;
  width: 24px;
  position: relative;
}

.header .btn__back-call:before {
  position: absolute;
  content: ' ';
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 99.52153110047847% 85.43896103896105%;
  width: 16px;
  height: 16px;
}

.header .btn__back-call span {
  display: none;
}

.header .btn__back-call:hover {
  cursor: pointer;
}

.header .btn__back-call:hover, .header .btn__back-call:active {
  background: #282e35;
  background: linear-gradient(to bottom, #282e35 0%, #303840 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#282e35', endColorstr='#303840', GradientType=0);
}

.header-middle:after, .header-middle:before {
  content: " ";
  display: table;
}

.header-middle:after {
  clear: both;
}

.header a.logo {
  cursor: pointer;
}

.header .logo {
  display: block;
  position: relative;
  opacity: 1;
}

.header .logo img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  max-width: 100%;
}

.header-select-group-wrap {
  margin: 6px 0;
  text-align: right;
}

.header-select-group-wrap .s-g.account-dropdown {
  text-align: left;
  padding-left: 40px;
}

.header-select-group-wrap .s-g.account-dropdown .s-g_title-pretext,
.header-select-group-wrap .s-g.account-dropdown .s-g_title {
  cursor: pointer;
}

.header-select-group-wrap .s-g.account-dropdown .s-g_title-pretext:hover {
  color: #ffffff;
  text-decoration: underline;
}

.header-select-group-wrap .s-g.account-dropdown .s-g_title {
  color: #ffcc00;
}

.header-select-group-wrap .s-g.account-dropdown .s-g_title:hover {
  color: #ffffff;
}

.header-select-group-wrap .s-g.account-dropdown.is-opened .s-g_title {
  color: #ffffff;
}

.header-cart__price {
  display: block;
  background: transparent;
  text-align: left;
  margin: 0;
  color: #ffffff;
  text-decoration: none;
  font-size: 1.6em;
}

.header-cart__price span {
  font-size: 12px;
}

.header #search-res__scroll-wrap {
  width: 100%;
}

@media only screen and (max-width: 959px) {
  .header .logo {
    height: 36px;
    width: 152px;
    margin-top: -3px;
    margin-bottom: -6px;
  }
  .header .logo img {
    height: 30px;
  }
  .header .logo_ny img {
    height: 36px;
  }
  .header-cart > a {
    cursor: pointer;
  }
  .header-cart > a:after {
    position: absolute;
    content: ' ';
    z-index: 2;
    background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
    background-position: 21.656066417439433% 78.85117493472585%;
    width: 22.06px;
    height: 18px;
    top: 5px;
    right: 5px;
    bottom: 0;
    left: 0;
    margin: auto;
  }
  .header-cart__count {
    margin: 0;
    position: absolute;
    background-color: white;
    z-index: 5;
    text-align: center;
    padding: 1px 3px;
    top: 1px;
    right: -2px;
    font-weight: 700;
    border-radius: 3px;
    font-size: 11px;
  }
  .header-cart__count span {
    display: none;
  }
  .header-cart__price {
    display: none;
  }
}

@media only screen and (min-width: 960px) {
  .MH__hamburger {
    display: none;
  }
  .MH__search-btn {
    display: none;
    margin-right: 20px;
  }
  .header__relative-wrap {
    transition: padding 0.25s;
  }
  .header-top {
    transition: margin 0.25s;
  }
  .header-top__nav ul {
    list-style: none;
    margin: 0;
    padding: 13px 0;
    width: 100%;
    display: table;
  }
  .header-top__nav ul li {
    display: table-cell;
    text-align: center;
  }
  .header-top__nav ul li a {
    color: #89949d;
    font-size: 1.1em;
  }
  .header-top .select-group {
    margin-top: 13px;
  }
  .header-top .select-group--phone {
    margin-top: 9px;
  }
  .header-top .select-group--phone:before {
    position: absolute;
    content: ' ';
    z-index: 2;
    background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
    background-position: 99.97116216476016% 72.31026290368902%;
    width: 17.88px;
    height: 17.97px;
    left: -25px;
  }
  .header-cart > a {
    position: relative;
    display: inline-block;
    text-align: left;
    padding-left: 52px;
    margin: 6px 0;
  }
  .header-cart > a:hover {
    text-decoration: none;
  }
  .header-cart > a:before {
    position: absolute;
    content: ' ';
    z-index: 2;
    background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
    background-position: 0 73.02452316076294%;
    width: 42.97px;
    height: 34px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .header-cart__count {
    font-size: 1.1em;
    color: #89949d;
    text-align: left;
    margin: 0 0 2px 0;
    position: relative;
  }
  .header-bottom {
    transition: transform 0.25s;
    width: 100%;
    padding: 0;
    position: relative;
    top: 0;
    z-index: 1;
    overflow: hidden;
    box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.05);
  }
  .header.medium .header__relative-wrap, .header.small .header__relative-wrap {
    padding: 0;
  }
  .header.medium .logo, .header.small .logo {
    opacity: 0;
  }
  .header.medium .header-bottom, .header.small .header-bottom {
    transform: translateY(-100%);
  }
  .header.medium .catalog > .container, .header.small .catalog > .container {
    transform: translateY(-55px);
    margin-bottom: -55px;
  }
  .header.medium .header-cart > a, .header.small .header-cart > a {
    margin: 6px 0;
  }
  .header.medium {
    height: 107px;
  }
  .header.small {
    height: 56px;
  }
  .header.small .header-top {
    margin-top: -50px;
  }
  .logo {
    transition: opacity 0.25s;
    margin-bottom: -40px;
    margin-top: -4px;
    height: 54px;
    vertical-align: middle;
  }
}

@media only screen and (min-width: 1280px) {
  .header .btn__back-call {
    padding: 5px 8px 5px 30px;
    width: auto;
  }
  .header .btn__back-call:before {
    right: auto;
    left: 8px;
  }
  .header .btn__back-call span {
    display: inline;
    color: #d6dce0;
    font-size: 1.1em;
    position: relative;
    top: 1px;
  }
  .header-cart__price {
    font-size: 1.8em;
  }
}

/**
* for next projects:
* - Masteram
* - Toys4Brain
*/
.catalog-wrapper {
  position: absolute;
  width: 100%;
  height: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@media only screen and (max-width: 959px) {
  .catalog-wrapper {
    display: none;
  }
}

.qc {
  width: 100%;
  position: absolute;
  z-index: 250;
  top: 0;
  left: 0;
  right: 0;
  background-color: #ffffff;
  padding: 56px 0 10px 0;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.15);
}

.qc > .container {
  transition: all 0.5s ease-in-out;
}

.qc_btn {
  text-align: left;
  position: relative;
  top: 78px;
  font-weight: 400;
  z-index: 255;
  margin: 0;
  transition: top 0.25s;
}

@media only screen and (min-width: 1280px) {
  .qc_btn {
    width: 240px;
  }
}

.qc_btn:after {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 56.16350710900474% 68.19338422391857%;
  width: 12px;
  height: 8px;
  transition: transform 0.25s ease-in-out;
  right: 17px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.qc_btn:hover {
  background: #ffd631;
}

.qc_btn:active {
  background: #ffdb49;
}

.qc_btn-wrap {
  margin-top: -12px;
}

@media only screen and (max-width: 959px) {
  .qc_btn-wrap {
    display: none;
  }
}

.qc_btn-wrap.qc--opened .qc_btn {
  background: #ffd631;
}

.qc_btn-wrap.qc--opened .qc_btn:after {
  transform: rotate(-180deg) scale(1) skew(0deg) translate(0px);
}

.qc_wrap {
  display: block;
  position: static;
  height: 0;
}

.qc ul {
  list-style: none;
  margin: 0;
  padding: 0 0;
  display: inline-block;
}

.qc ul li {
  position: relative;
}

.qc ul li:after {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 85.68075117370893% 39.33161953727507%;
  width: 8px;
  height: 12px;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.qc ul li:hover:after, .qc ul li.isActive:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 85.68075117370893% 36.246786632390744%;
  width: 8px;
  height: 12px;
}

.qc ul li:hover > div, .qc ul li.isActive > div {
  display: inline-block !important;
}

.qc ul li.without-sub-menu:after {
  content: none;
  display: none;
}

.qc ul a {
  display: block;
  width: 100%;
  background-color: #ffffff;
  color: #21272c;
  font-size: 14px;
  padding: 7px 25px 7px 10px;
  border-radius: 3px;
}

.qc ul a:hover, .qc ul a.isActive {
  text-decoration: none !important;
  cursor: pointer;
  background-color: #ffd631;
}

.qc ul a:hover > div, .qc ul a.isActive > div {
  display: inline-block !important;
}

.qc_lvl1, .qc_lvl2, .qc_lvl3 {
  background-color: #ffffff;
  padding: 30px 0;
  vertical-align: top;
  position: relative;
  display: none;
  float: left;
  height: 100%;
  max-width: 33.33%;
}

.qc_lvl1 .scroll-wrap, .qc_lvl2 .scroll-wrap, .qc_lvl3 .scroll-wrap {
  width: 100%;
  overflow-y: hidden;
}

.qc_lvl1 .qc_scroll, .qc_lvl2 .qc_scroll, .qc_lvl3 .qc_scroll {
  transform: translateY(0);
  transition: all 0.5s;
}

.qc_lvl1 ul, .qc_lvl2 ul, .qc_lvl3 ul {
  min-width: 250px;
}

.qc_lvl1 {
  display: block;
}

.qc_lvl2, .qc_lvl3 {
  padding-left: 20px;
}

.qc_lvl3 a {
  padding-right: 10px;
}

.qc_lvl3 a:after {
  content: none;
  display: none;
}

.qc .scroll-btn {
  position: absolute;
  display: none;
  left: 20px;
  right: 0;
  height: 30px;
  background-color: #f4f4f4;
  border-radius: 3px;
}

.qc .scroll-btn:before {
  position: absolute;
  content: ' ';
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.qc .scroll-btn--top {
  margin-top: -30px;
}

.qc .scroll-btn--top:before {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 50.476303317535546% 68.19338422391857%;
  width: 12px;
  height: 8px;
}

.qc .scroll-btn--down {
  margin-bottom: -30px;
}

.qc .scroll-btn--down:before {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 56.16350710900474% 68.19338422391857%;
  width: 12px;
  height: 8px;
}

.qc .scroll-btn:hover, .qc .scroll-btn.isActive {
  background-color: #ffcc00;
  cursor: pointer;
}

.qc_lvl1 .scroll-btn {
  left: 0;
}

.qc .LVL--scroll .scroll-btn {
  display: block;
}

.qc_site-map {
  position: absolute;
  top: -37px;
  right: 10px;
  font-size: 1.4rem;
  letter-spacing: 0.4px;
  color: #89949d;
  display: block;
}

.qc_site-map i {
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  background: #eeeeee;
  display: inline-block;
  margin: 0 0 -5px 10px;
}

.qc_site-map i:after {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 85.68075117370893% 36.246786632390744%;
  width: 8px;
  height: 12px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.qc_site-map:hover {
  color: #89949d;
  text-decoration: none;
}

.qc_site-map:hover i {
  background: #ffcc00;
}

header.medium .qc_btn, header.small .qc_btn {
  top: -5px;
}

header.medium .qc_site-map, header.small .qc_site-map {
  top: 3px;
}

.slt {
  list-style: none;
  margin: 0;
  padding: 0;
}

.slt a span {
  margin: 0;
  position: relative;
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .slt a span {
    font-size: 1.1rem;
  }
}

.slt a i {
  display: block;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: 0 0;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.slt a:hover {
  background-color: #f4f4f4;
  cursor: pointer;
  text-decoration: none;
}

.slt a:hover i {
  background-position: 0 -30px;
}

.slt a.-sale i {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-size: auto auto;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 44.013008289116556% 63.829787234042556%;
  width: 25.03px;
  height: 25px;
}

/**
* for next projects:
* - Masteram
* - Toys4Brain
*/
.footer {
  position: relative;
  background-color: #21272c;
  width: 100%;
  padding: 5px 0 0 0;
}

.footer:before {
  content: ' ';
  width: 100%;
  height: 6px;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  position: absolute;
  z-index: 2;
  background: url("/images/layout/line.png") repeat;
}

.footer nav {
  padding-top: 40px;
}

@media only screen and (min-width: 1280px) {
  .footer nav {
    padding-top: 0;
  }
}

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

.footer ul li {
  font-size: 1.4rem;
  color: #f4f4f4;
  line-height: 1.4;
}

.footer ul li span {
  color: #89949d;
  font-size: 1.1rem;
}

.footer-top {
  width: 100%;
  padding: 40px 0 35px 0;
}

.footer__logo {
  display: inline-block;
  margin-top: -5px;
}

.footer__under-logo-text {
  font-size: 1.4rem;
  line-height: 1.4;
  color: #89949d;
  width: 100%;
  margin: 0;
  padding: 20px 0 10px 0;
}

.footer__under-logo-text ul li {
  margin-bottom: 20px;
}

.footer__under-logo-text ul li span {
  font-size: 1.4rem;
}

.footer_social-icons {
  margin: 0 0 25px 0 !important;
  font-size: 0;
  padding-top: 20px;
}

.footer_social-icons a {
  display: inline-block;
  position: relative;
  margin-right: 15px;
  width: 26px;
  height: 26px;
}

.footer_social-icons a:last-child {
  margin: 0;
}

.footer_social-icons a:after {
  position: absolute;
  content: ' ';
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

@media only screen and (min-width: 960px) {
  .footer_social-icons {
    margin: 0;
    padding-top: 30px;
  }
}

.footer_facebook:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 31.372549019607842% 64%;
  width: 26px;
  height: 26px;
}

.footer_youtube:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 82.3529411764706% 68.53333333333333%;
  width: 26px;
  height: 26px;
}

.footer_twitter:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 82.3529411764706% 61.6%;
  width: 26px;
  height: 26px;
}

.footer_google:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 82.3529411764706% 54.666666666666664%;
  width: 26px;
  height: 26px;
}

.footer_telegram:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 37.745098039215684% 64%;
  width: 26px;
  height: 26px;
}

.footer ul.footer__nav {
  display: inline-block;
}

.footer ul.footer__nav li {
  margin-bottom: 14px;
}

.footer ul.footer__nav a {
  color: white;
}

.footer .mob-icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-size: auto auto;
}

.footer .mob-icon.mts {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 81.64251207729468% 94.22572178477691%;
  width: 20px;
  height: 20px;
}

.footer .mob-icon.life-cell {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 76.81159420289855% 94.22572178477691%;
  width: 20px;
  height: 20px;
}

.footer .mob-icon.kyivstar {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 52.54237288135593% 94.22572178477691%;
  width: 21px;
  height: 20px;
}

.footer_subscribe-wrap {
  margin-top: 25px;
  border-radius: 6px;
  overflow: hidden;
}

.footer__subscribe {
  display: table;
  width: 100%;
}

.footer__subscribe-input-wrap {
  vertical-align: middle;
  display: table-cell;
}

.footer__subscribe-input {
  height: 36px;
  color: #21272c;
  font-size: 1.4rem;
  font-weight: 400;
  width: 100%;
  padding: 10px 15px;
  border: none;
  outline: none;
  -webkit-appearance: none;
  background-color: #fff;
}

.footer__subscribe-btn-wrap {
  width: 125px;
  display: table-cell;
  vertical-align: middle;
}

.footer__subscribe-btn {
  width: 100%;
  text-align: center;
  border: none;
  outline: none;
  color: #21272c;
  font-size: 1.4rem;
  padding: 10px 0;
  font-weight: 700;
  background-color: #ffcc00;
  height: 36px;
  cursor: pointer;
}

.footer__subscribe-btn:hover, .footer__subscribe-btn:active {
  background-color: #ffd631;
}

.footer__subscribe-btn span {
  display: inline-block;
  position: relative;
  padding: 0 26px 0 0;
  font-size: inherit;
  color: inherit;
  font-weight: inherit;
}

.footer__subscribe-btn span:after {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 48.00726392251816% 78.44155844155844%;
  width: 21px;
  height: 16px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.footer-middle {
  width: 100%;
  background-color: #262c32;
  padding: 14px 0;
}

.footer__dealers {
  border-bottom: 1px solid #2c333b;
  padding-bottom: 20px;
}

.footer__dealers p {
  color: #f4f4f4;
  text-transform: uppercase;
  font-size: 1.3rem;
  margin: 24px 0 12px 0;
  text-align: center;
}

.footer__dealers ul {
  display: block;
}

.footer__dealers ul:after, .footer__dealers ul:before {
  content: " ";
  display: table;
}

.footer__dealers ul:after {
  clear: both;
}

.footer__dealers li {
  display: block;
  width: 16.66%;
  float: left;
}

.footer__dealers li > a {
  display: block;
  height: 40px;
  position: relative;
}

.footer__dealers li > a:after {
  position: absolute;
  content: ' ';
  z-index: 2;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.footer__dealers li > a.pro-skit:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 48% 0;
  width: 84px;
  height: 40px;
}

.footer__dealers li > a.pro-skit:hover:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 24% 33.2409972299169%;
  width: 84px;
  height: 40px;
}

.footer__dealers li > a.uni-t:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 72% 22.1606648199446%;
  width: 84px;
  height: 40px;
}

.footer__dealers li > a.uni-t:hover:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 72% 33.2409972299169%;
  width: 84px;
  height: 40px;
}

.footer__dealers li > a.rigol:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 48% 44.3213296398892%;
  width: 84px;
  height: 40px;
}

.footer__dealers li > a.rigol:hover:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 24% 44.3213296398892%;
  width: 84px;
  height: 40px;
}

.footer__dealers li > a.accta:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 0 33.2409972299169%;
  width: 84px;
  height: 40px;
}

.footer__dealers li > a.accta:hover:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 24% 22.1606648199446%;
  width: 84px;
  height: 40px;
}

.footer__dealers li > a.siglent:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 0 22.1606648199446%;
  width: 84px;
  height: 40px;
}

.footer__dealers li > a.siglent:hover:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 24% 11.0803324099723%;
  width: 84px;
  height: 40px;
}

.footer__dealers li > a.goot:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 48% 22.1606648199446%;
  width: 84px;
  height: 40px;
}

.footer__dealers li > a.goot:hover:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 48% 11.0803324099723%;
  width: 84px;
  height: 40px;
}

.footer__dealers li > a.fujikura:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 72% 44.3213296398892%;
  width: 84px;
  height: 40px;
}

.footer__dealers li > a.fujikura:hover:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 72% 55.40166204986149%;
  width: 84px;
  height: 40px;
}

.footer__dealers li > a.inno:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 0 11.0803324099723%;
  width: 84px;
  height: 40px;
}

.footer__dealers li > a.inno:hover:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 48% 55.40166204986149%;
  width: 84px;
  height: 40px;
}

.footer__dealers li > a:hover {
  cursor: pointer;
}

@media only screen and (max-width: 639px) {
  .footer__dealers li {
    width: 33.333%;
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 1280px) {
  .footer__dealers {
    border: none;
    padding: 0;
  }
  .footer__dealers p {
    text-align: left;
  }
}

.footer__promo ul {
  display: table;
  width: 100%;
}

.footer__promo li {
  display: table-cell;
  text-align: center;
}

.footer__promo li img {
  max-width: 100%;
}

.footer__promo li:hover {
  cursor: default;
}

@media only screen and (max-width: 639px) {
  .footer__promo li {
    background-size: 90px;
    height: 100px;
  }
}

@media only screen and (max-width: 959px) {
  .footer__promo {
    padding-top: 15px;
  }
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .footer__promo {
    padding-top: 20px;
  }
  .footer__promo ul {
    width: 50%;
    margin: 0 auto;
  }
}

.footer-bottom {
  width: 100%;
  padding: 25px 0;
}

.footer__copyright {
  color: #89949d;
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.4;
  text-align: center;
  padding: 0 10px;
}

.footer__copyright a {
  color: #f4f4f4;
}

.footer__copyright a:hover {
  text-decoration: underline;
  cursor: pointer;
}

.mob-footer__tel-btn {
  display: inline-block;
  color: #ffffff;
  font-size: 1.8rem;
  text-align: center;
  padding: 8px 30px 8px 38px;
  background-color: #262c32;
  border-radius: 6px;
  margin-bottom: 20px;
  position: relative;
  cursor: pointer;
}

.mob-footer__tel-btn:after {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 85.78199052132702% 68.44783715012723%;
  width: 12px;
  height: 8px;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.mob-footer__tel-btn:before {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 99.97116216476016% 72.31026290368902%;
  width: 17.88px;
  height: 17.97px;
  left: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
}

/**
* for next projects:
* - Masteram
* - Toys4Brain
*/
/* @group Base */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-bottom: 1px solid #89949d;
  width: 100%;
}

.chosen-container *:focus {
  outline: none !important;
}

.chosen-container:before, .chosen-container:after {
  content: '';
  height: 4px;
  width: 0;
  bottom: -1px;
  position: absolute;
  background: #ffcc00;
  transition: 0.2s ease all;
}

.chosen-container:before {
  left: 50%;
}

.chosen-container:after {
  right: 50%;
}

.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  width: 100%;
  border-top: 0;
  background: #ffffff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  padding: 5px 0 5px 0;
  margin: 1px 0 0 0;
}

.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
}

.chosen-container a {
  cursor: pointer;
}

.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  color: #999999;
}

.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
  content: ":";
  padding-left: 2px;
  vertical-align: top;
}

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  height: 34px;
  color: #21272c;
  text-decoration: none;
  white-space: nowrap;
}

.chosen-container-single .chosen-default {
  color: #21272c;
}

.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 30px;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.6rem;
  line-height: 1.4;
  padding: 7px 2px 6px 2px;
}

.chosen-container-single .chosen-single span em {
  font-style: normal;
}

.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 30px;
  height: 100%;
}

.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  background: none;
}

.chosen-container-single .chosen-single div b:after {
  position: absolute;
  content: ' ';
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 85.78199052132702% 68.44783715012723%;
  width: 12px;
  height: 8px;
  transition: transform 0.25s ease-in-out;
}

.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: -43px 0 6px 0;
  white-space: nowrap;
}

.chosen-container-single .chosen-search input[type="text"] {
  margin: 1px 0;
  padding: 7px 30px 6px 2px;
  width: 100%;
  height: auto;
  outline: 0;
  border: none;
  font-size: 1.6rem;
  line-height: 1.4;
  border-radius: 0;
  background: transparent;
}

.chosen-container-single .chosen-drop {
  margin: 1px 0 0 0;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px;
}

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  color: #21272c;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0;
  padding: 0 0 0 0;
  max-height: 170px;
  -webkit-overflow-scrolling: touch;
}

.chosen-container .chosen-results::-webkit-scrollbar {
  width: 14px;
  background: #fff;
}

.chosen-container .chosen-results::-webkit-scrollbar:hover {
  background: #f2f2f2;
}

.chosen-container .chosen-results::-webkit-scrollbar-thumb {
  background: #cdcdcd;
  border: 2px solid transparent;
  background-clip: content-box;
}

.chosen-container .chosen-results::-webkit-scrollbar-button {
  display: none;
}

.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px 5px 6px;
  list-style: none;
  font-size: 1.4rem;
  word-wrap: break-word;
  -webkit-touch-callout: none;
}

.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}

.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}

.chosen-container .chosen-results li.highlighted {
  background-color: #f4f4f4;
}

.chosen-container .chosen-results li.no-results {
  color: #ff3300;
  display: list-item;
}

.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}

.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}

.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

.chosen-container .chosen-results li[class^="icon-"], .chosen-container .chosen-results li[class*=" icon-"] {
  padding-left: 30px;
}

.chosen-container .chosen-results li[class^="icon-"]:after, .chosen-container .chosen-results li[class*=" icon-"]:after {
  top: 2px;
  left: 5px;
}

/* @end */
/* @group Multi Chosen */
/* @end */
/* @group Active  */
.chosen-container-active.chosen-with-drop:before {
  width: 50%;
}

.chosen-container-active.chosen-with-drop:after {
  width: 50%;
}

.chosen-container-active.chosen-with-drop .chosen-single span {
  opacity: 0;
}

.chosen-container-active.chosen-with-drop .chosen-single div b:after {
  transform: rotate(-180deg) scale(1) skew(0deg) translate(0px);
}

/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}

.chosen-disabled .chosen-single {
  cursor: default;
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @end */
/* @group Right to Left */
/* @end */
/* @group Retina compatibility */
/* @end */
.field-group:not(.tmpns).custom-select,
.field-group:not(.tmpns) .custom-select {
  position: relative;
}

.field-group:not(.tmpns).custom-select label,
.field-group:not(.tmpns) .custom-select label {
  font-size: 1.1rem;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 2px;
  top: 1px;
  z-index: 1;
  color: #89949d;
}

.field-group:not(.tmpns).custom-select select,
.field-group:not(.tmpns) .custom-select select {
  border: none;
  outline: none;
  background: none;
  width: 100%;
  line-height: 1.4;
  font-size: 1.6rem;
  color: #21272c;
  border-bottom: 1px solid #89949d;
  padding: 6px 0 6px 0;
  position: relative;
}

.field-group:not(.tmpns).custom-select.error .chosen-container,
.field-group:not(.tmpns) .custom-select.error .chosen-container {
  border-color: #ff3300 !important;
}

.field-group:not(.tmpns).custom-select .bar,
.field-group:not(.tmpns) .custom-select .bar {
  display: none !important;
}

.custom-select {
  position: relative;
}

.custom-select label {
  font-size: 1.1rem;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 2px;
  top: 1px;
  z-index: 1;
  color: #89949d;
}

.custom-select select {
  border: none;
  outline: none;
  background: none;
  width: 100%;
  line-height: 1.4;
  font-size: 1.6rem;
  color: #21272c;
  border-bottom: 1px solid #89949d;
  padding: 6px 0 6px 0;
  position: relative;
}

.custom-select.error .chosen-container {
  border-color: #ff3300 !important;
}

.custom-select .bar {
  display: none !important;
}

/**
* for next projects:
* - Masteram
* - Toys4Brain
*/
.styled-phone-input {
  position: relative;
  display: block;
  width: 100%;
  border-bottom: 1px solid #89949d;
}

.styled-phone-input:before, .styled-phone-input:after {
  content: '';
  height: 4px;
  width: 0;
  bottom: -1px;
  position: absolute;
  background: #ffcc00;
  transition: 0.2s ease all;
}

.styled-phone-input:before {
  left: 50%;
}

.styled-phone-input:after {
  right: 50%;
}

.styled-phone-input .styled-phone-table {
  width: 100%;
  display: table;
  margin: 0;
}

.styled-phone-input .styled-phone-dropdown-button {
  display: table-cell;
  vertical-align: middle;
  width: 80px;
  float: left;
  position: relative;
  text-decoration: none;
  padding: 5px 24px 5px 8px;
  color: #21272c;
  font-size: 1.6rem;
  line-height: 1.4;
}

.styled-phone-input .styled-phone-dropdown-button:after {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 85.78199052132702% 68.44783715012723%;
  width: 12px;
  height: 8px;
  transition: 0.2s ease all;
  right: 5px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.styled-phone-input .styled-phone-dropdown-button:hover {
  text-decoration: none;
}

.styled-phone-input.no-dropdown .styled-phone-dropdown-button {
  cursor: default;
}

.styled-phone-input .styled-phone-edit {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

.styled-phone-input .styled-phone-edit input {
  display: block;
  width: 100%;
  margin: 0;
  padding: 6px 5px;
  border: 0;
  color: #21272c;
  font-size: 1.6rem;
  height: auto;
  line-height: 1.4;
  text-align: left;
}

.styled-phone-input .styled-phone-dropdown {
  display: none;
  background-color: #ffffff;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  width: 100%;
  max-height: 170px;
  z-index: 1010;
  overflow-x: hidden;
  overflow-y: auto;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  margin: 1px 0 0 0;
  padding: 0;
  -webkit-overflow-scrolling: touch;
}

.styled-phone-input .styled-phone-dropdown::-webkit-scrollbar {
  width: 14px;
  background: #fff;
}

.styled-phone-input .styled-phone-dropdown::-webkit-scrollbar:hover {
  background: #f2f2f2;
}

.styled-phone-input .styled-phone-dropdown::-webkit-scrollbar-thumb {
  background: #cdcdcd;
  border: 2px solid transparent;
  background-clip: content-box;
}

.styled-phone-input .styled-phone-dropdown::-webkit-scrollbar-button {
  display: none;
}

.styled-phone-input .styled-phone-dropdown li {
  display: block;
  width: 100%;
  text-decoration: none;
  padding: 0 0;
  cursor: pointer;
  white-space: normal;
  overflow: visible;
  position: relative;
  left: 0;
  top: 0;
}

.styled-phone-input .styled-phone-dropdown li:hover {
  background: #f4f4f4;
}

.styled-phone-input .styled-phone-dropdown li > b {
  display: inline-block;
  padding: 5px 6px 5px 6px;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.2;
}

.styled-phone-input .styled-phone-dropdown:focus {
  outline: none;
}

.styled-phone-input.has-dropdown:before, .styled-phone-input.input-is-focused:before {
  width: 50%;
}

.styled-phone-input.has-dropdown:after, .styled-phone-input.input-is-focused:after {
  width: 50%;
}

.styled-phone-input.has-dropdown .styled-phone-dropdown {
  display: block;
}

.styled-phone-input.has-dropdown .styled-phone-dropdown-button:after {
  transform: rotate(-180deg) scale(1) skew(0deg) translate(0px);
}

.styled-phone-input.error {
  border-color: #ff3300 !important;
}

.phone-input-container label {
  font-size: 1.1rem;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 2px;
  top: 0;
  z-index: 1;
  color: #89949d;
}

.phone-input-container.error .styled-phone-input {
  border-color: #ff3300 !important;
}

.phone-input-container .bar {
  display: none !important;
}

/**
* for next projects:
* - Masteram
* - Toys4Brain
*/
.breadcrumbs {
  display: block;
  margin-bottom: 40px;
  width: 100%;
}

.breadcrumbs ul {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 0;
}

.breadcrumbs li {
  list-style: none;
  text-decoration: none;
  display: inline-block;
  position: relative;
  padding: 0 20px 0 0;
}

.breadcrumbs li:after {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 85.68075117370893% 39.33161953727507%;
  width: 8px;
  height: 12px;
  right: 5px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.breadcrumbs li.active {
  padding: 0;
  font-size: 1.1rem;
}

.breadcrumbs li.active:after {
  content: none;
}

.breadcrumbs a {
  font-size: 1.1rem;
  line-height: 1.2;
  text-decoration: inherit;
  color: #89949d;
}

.breadcrumbs a:hover {
  cursor: pointer;
  color: #21272c;
  text-decoration: underline;
}

@media only screen and (max-width: 959px) {
  .breadcrumbs {
    width: auto;
    margin: 0 -10px 30px -10px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
  }
  .breadcrumbs li {
    display: none;
  }
  .breadcrumbs li:nth-last-child(2) {
    display: block;
    background: #ffffff;
    padding: 0;
  }
  .breadcrumbs li:nth-last-child(2):after {
    display: none;
    content: none;
  }
  .breadcrumbs li:nth-last-child(2) a {
    display: block;
    width: 100%;
    padding: 17px 10px 17px 30px;
    font-size: 1.3rem;
    color: #21272c;
    text-transform: uppercase;
    position: relative;
  }
  .breadcrumbs li:nth-last-child(2) a:hover {
    text-decoration: none;
  }
  .breadcrumbs li:nth-last-child(2) a:before {
    position: absolute;
    content: ' ';
    z-index: 2;
    background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
    background-position: 76.2981220657277% 61.696658097686374%;
    width: 8px;
    height: 12px;
    left: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .breadcrumbs li:nth-last-child(2) a:hover span {
    text-decoration: none;
  }
  .account-page-container .breadcrumbs {
    margin: 0 -10px;
    display: none;
  }
}

@media only screen and (min-width: 960px) {
  .breadcrumbs li {
    margin-bottom: 5px;
  }
}

.sac {
  position: relative;
  text-align: center;
  padding: 25px;
  border-top: solid 1px #d6dce0;
}

@media only screen and (min-width: 960px) {
  .sac {
    border: solid 1px #d6dce0;
    border-radius: 4px;
  }
}

.sac p {
  margin-bottom: 10px;
}

.sac_head {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  transform: translateY(-50%);
}

.sac_head span {
  padding: 0 12px;
  font-size: 1.4em;
  background: #ffffff;
  color: #89949d;
}

.sac_btn {
  min-width: 180px;
  min-height: 36px;
  padding: 8px 0;
  border-radius: 6px;
  display: inline-block;
  position: relative;
  font-size: 0;
  text-align: left;
  cursor: pointer;
}

.sac_btn i,
.sac_btn .text {
  display: inline-block;
  vertical-align: middle;
}

.sac_btn i {
  width: 42px;
  position: relative;
}

.sac_btn i:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 1;
}

.sac_btn .text {
  font-size: 1.6rem;
  position: relative;
  padding: 0 10px 0 25px;
}

.sac_btn .text span {
  display: inline-block;
  font-weight: 400;
  color: #0066cc;
  font-size: 1.2rem;
  position: relative;
  border-bottom: #0066cc 1px dashed;
}

.sac_btn .text:before {
  content: " ";
  position: absolute;
  display: block;
  width: 1px;
  height: 16px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 1;
  opacity: 0.1;
  background-color: #000000;
}

.sac_btn.-fb {
  background-color: #306199;
  color: #ffffff;
}

.sac_btn.-fb i:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 85.37735849056604% 60.62992125984252%;
  width: 10px;
  height: 20px;
}

/**
 * Swiper 3.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2016, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: February 7, 2016
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  touch-action: pan-y;
}

.swiper-wp8-vertical {
  touch-action: pan-x;
}

/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  display: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

/* Pagination Styles */
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}

/* Progress */
.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5);
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff;
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000;
}

/* 3D Container */
.swiper-container-3d {
  -o-perspective: 1200px;
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  /* Safari 4+, Chrome */
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  /* Firefox 3.6-15 */
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-right {
  /* Safari 4+, Chrome */
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  /* Firefox 3.6-15 */
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-top {
  /* Safari 4+, Chrome */
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  /* Firefox 3.6-15 */
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  /* Safari 4+, Chrome */
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  /* Firefox 3.6-15 */
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}

/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}

/* Cube + Flip */
.swiper-container-cube,
.swiper-container-flip {
  overflow: visible;
}

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Cube */
.swiper-container-cube .swiper-slide {
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}

/**
* for next projects:
* - Masteram
* - Toys4Brain
* - GSM
*/
.swiper-pagination {
  left: 0;
  right: 0;
  bottom: 8px;
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: #d6dce0;
  opacity: 1;
  margin-right: 10px;
}

.swiper-pagination-bullet:last-child {
  margin: 0;
}

.swiper-pagination-bullet-active {
  background: #ffcc00;
}

.swiper-pagination-bullet:only-child {
  display: none;
}

.swiper-container .swiper-lazy-custom {
  opacity: 0;
  transition: opacity .2s;
}

.swiper-container .swiper-lazy-custom.swiper-lazy-loaded-custom {
  opacity: 1;
}

@media only screen and (min-width: 960px) {
  .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin-right: 20px;
  }
}

/**
* for next projects:
* - Masteram
* - Toys4Brain
*/
/**
* for next projects:
* - Masteram
* - Toys4Brain
*/
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  touch-action: none;
  z-index: 6000;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none;
}

.pswp * {
  box-sizing: border-box;
}

.pswp img {
  max-width: none;
}

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--open {
  display: block;
}

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.pswp__container,
.pswp__zoom-wrap {
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
}

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  transform-origin: left top;
  /* for open/close transition */
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  transition: none;
}

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden;
}

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
}

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden;
}

/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222;
}

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0;
}

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC;
}

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline;
}

/**
* for next projects:
* - Masteram
* - Toys4Brain
*/
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*

	1. Buttons

 */
/* <button> css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  transition: opacity 0.2s;
  box-shadow: none;
}

.pswp__button:focus, .pswp__button:hover {
  opacity: 1;
}

.pswp__button:active {
  outline: none;
  opacity: 0.9;
}

.pswp__button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1;
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(/images/layout/photoswipe/default-skin.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px;
}

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(/images/layout/photoswipe/default-skin.svg);
  }
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none;
  }
}

.pswp__button--close {
  background-position: 0 -44px;
}

.pswp__button--share {
  background-position: -44px -44px;
}

.pswp__button--fs {
  display: none;
}

.pswp--supports-fs .pswp__button--fs {
  display: block;
}

.pswp--fs .pswp__button--fs {
  background-position: -44px 0;
}

.pswp__button--zoom {
  display: none;
  background-position: -88px 0;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0;
}

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden;
}

/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute;
}

.pswp__button--arrow--left {
  left: 0;
}

.pswp__button--arrow--right {
  right: 0;
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute;
}

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px;
}

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px;
}

/*

	2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 6100;
  opacity: 0;
  transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

.pswp__share-modal--hidden {
  display: none;
}

.pswp__share-tooltip {
  z-index: 6120;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  transform: translateY(6px);
  transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform;
}

.pswp__share-tooltip a {
  display: block;
  padding: 8px 12px;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px;
}

.pswp__share-tooltip a:hover {
  text-decoration: none;
  color: #000;
}

.pswp__share-tooltip a:first-child {
  /* round corners on the first/last list item */
  border-radius: 2px 2px 0 0;
}

.pswp__share-tooltip a:last-child {
  border-radius: 0 0 2px 2px;
}

.pswp__share-modal--fade-in {
  opacity: 1;
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
  transform: translateY(0);
}

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px;
}

a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid rgba(0, 0, 0, 0);
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none;
}

a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF;
}

a.pswp__share--facebook:hover:before {
  border-bottom-color: #3E5C9A;
}

a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF;
}

a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D;
}

a.pswp__share--download:hover {
  background: #DDD;
}

/*

	3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px;
}

/*

	4. Caption

 */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px;
}

.pswp__caption small {
  font-size: 11px;
  color: #BBB;
}

.pswp__caption__center {
  text-align: left;
  max-width: 600px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC;
}

.pswp__caption--empty {
  display: none;
}

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden;
}

/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr;
}

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px;
}

.pswp__preloader--active {
  opacity: 1;
}

.pswp__preloader--active .pswp__preloader__icn {
  /* We use .gif in browsers that don't support CSS animation */
  background: url(/images/layout/photoswipe/preloader.gif) 0 0 no-repeat;
}

.pswp--css_animation .pswp__preloader--active {
  opacity: 1;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  -webkit-animation: clockwise 500ms linear infinite;
          animation: clockwise 500ms linear infinite;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
          animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}

.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0;
}

.pswp--css_animation .pswp__preloader__cut {
  /*
			The idea of animating inner circle is based on Polymer ("material") loading indicator
			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
		*/
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden;
}

.pswp--css_animation .pswp__preloader__donut {
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0;
}

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right;
  }
}

@-webkit-keyframes clockwise {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes clockwise {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes donut-rotate {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(-140deg);
  }
  100% {
    transform: rotate(0);
  }
}

@keyframes donut-rotate {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(-140deg);
  }
  100% {
    transform: rotate(0);
  }
}

/*

	6. Additional styles

 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 6050;
}

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%;
}

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible;
}

.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5);
}

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3);
}

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0;
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0;
}

/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001;
}

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none;
}

.pswp__element--disabled {
  display: none !important;
}

.pswp--minimal--dark .pswp__top-bar {
  background: none;
}

.pswp__video {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 50px 30px 20px 30px;
}

.pswp__video .relative {
  width: 100%;
  height: 100%;
  position: relative;
}

.pswp__video iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  max-width: 100%;
}

@media only screen and (min-width: 1280px) {
  .pswp__video iframe {
    width: 1180px;
    height: 664px;
  }
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .pswp__video iframe {
    width: 854px;
    height: 480px;
  }
}

@media only screen and (max-width: 959px) {
  .pswp__video iframe {
    width: 100%;
    height: 100%;
  }
}

/**
* for next projects:
* - Masteram
* - Toys4Brain
*/
/**
* for next projects:
* - Masteram
* - Toys4Brain
*/
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #CCC;
}

.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow:before, .mfp-arrow:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}

.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}

@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}

/**
* for next projects:
* - Masteram
* - Toys4Brain
*/
/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;
  transition: all 0.15s ease-out;
}

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.5;
}

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: all 0.15s ease-out;
}

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

/**
* for next projects:
* - Masteram
* - Toys4Brain
*/
.modal {
  width: 600px;
  background-color: white;
  margin: 40px auto;
  position: relative;
  border-radius: 3px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.55);
  text-align: left;
}

.modal__head {
  width: 100%;
  background-color: #f4f4f4;
  padding: 40px 100px 0 100px;
}

.modal__body {
  width: 100%;
  background-color: #ffffff;
  padding: 50px 100px 60px 100px;
}

.modal__footer {
  width: 100%;
  background-color: #f4f4f4;
  padding: 30px 100px 30px 100px;
}

.modal p {
  font-size: 1.4rem;
  line-height: 1.4;
}

.modal ul, .modal ol {
  margin: 0 0 20px 0;
  padding: 0 0 0 20px;
}

.modal li {
  font-size: 1.4rem;
  line-height: 1.4;
  list-style-position: outside;
}

.modal p.title {
  font-family: 'Open Sans', sans-serif;
  font-weight: 800;
  font-size: 1.8rem;
  margin-bottom: 5px;
}

.modal__title {
  font-family: 'Open Sans', sans-serif;
  font-weight: 800;
  font-size: 2.4rem;
  text-transform: uppercase;
  display: inline-block;
  padding: 12px 0;
  position: relative;
}

.modal__title:before, .modal__title:after {
  content: '';
  height: 4px;
  width: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
  background: #ffcc00;
  transition: 0.4s ease all;
}

.modal__title:before {
  left: 50%;
}

.modal__title:after {
  right: 50%;
}

.modal__title.active:before, .modal__title.active:after {
  width: 50%;
}

.modal__title.tab {
  cursor: pointer;
}

.modal__forgot-pass, .modal__cancel {
  display: inline-block;
  color: #0066cc;
  font-size: 1.4rem;
  margin: 0 0 20px 0;
}

.modal__forgot-pass:hover, .modal__cancel:hover {
  cursor: pointer;
  text-decoration: underline;
}

.modal__cancel {
  margin-top: 13px;
  cursor: pointer;
}

.modal__use-another-login {
  display: block;
  margin: 0;
  padding-top: 40px;
  font-size: 1.4rem;
}

.modal .option-box {
  margin: 0 0 30px 0;
}

.modal .social-account {
  margin-top: 40px;
}

@media only screen and (min-width: 640px) {
  .modal__forgot-pass {
    margin-top: 13px;
  }
}

.modal--sign-in .option-box {
  margin: 10px 0;
}

.modal--sign-in .g-recaptcha {
  position: relative;
}

@media only screen and (max-width: 639px) {
  .modal--sign-in .btn {
    width: 100%;
  }
}

.form-login,
.form-unconfirmed {
  display: none;
}

.form-login.show,
.form-unconfirmed.show {
  display: block;
}

.modal--estimate-shipping {
  width: 780px;
}

.modal--estimate-shipping .notification {
  margin-top: 15px;
}

.modal--notify-when-in-stock {
  width: 780px;
}

.modal--notify-when-in-stock .notification {
  margin-top: 15px;
}

.modal--not-call-me .btn {
  width: 100%;
}

.mtf {
  font-size: 1.4rem;
}

.mtf_attention {
  padding-top: 160px;
  text-align: center;
  background-image: url("/images/single/warning.svg");
  background-position: center 20px;
  background-repeat: no-repeat;
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
  font-weight: 800;
  font-size: 2.4rem;
  margin-bottom: 20px;
}

.msp {
  width: 780px;
}

.msp_reason-title {
  font-weight: 700;
  font-size: 1.6rem;
  margin-bottom: 10px;
}

.msp_reason-comment {
  font-style: italic;
  font-size: 1.4rem;
  margin-bottom: 20px;
}

.msp_code {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.msp_code .field-group {
  flex: 0 1 150px;
  margin-right: 10px;
}

.msp_code .field-group label {
  white-space: nowrap;
}

.msp_code .btn {
  flex: 0 0 auto;
  margin-top: 15px;
}

.msp_product {
  display: block;
  color: #21272c;
}

.msp_product img {
  display: block;
  float: left;
  width: 65px;
  height: 65px;
}

.msp_product-right {
  margin-left: 80px;
}

.msp_product-name {
  font-size: 1.6rem;
  margin-bottom: 10px;
}

.msp_product .price-block {
  display: block;
  height: auto;
}

.msp_product .price-block .price {
  display: block;
}

.msp_product .price-block .price-save {
  display: none;
}

.msp_product .price-block .old-price {
  float: left;
  padding-top: 4px;
  margin-right: 10px;
}

.msp_product .price-block .product-price {
  float: left;
}

.msp_product:hover {
  text-decoration: none;
}

.msp_bottom {
  padding-top: 20px;
}

.msp_bottom .btn {
  float: right;
  margin-top: 20px;
}

.msp .field-group.error .error-text {
  white-space: nowrap;
}

.mdc {
  width: 780px;
}

.mdc .tmpns.field-group {
  padding-top: 6px;
  margin-top: 0;
}

.mdc_bottom {
  padding-top: 20px;
}

.mdc_bottom .btn {
  float: right;
  margin-top: 20px;
}

.mnf {
  width: 780px;
}

.mnf_bottom {
  padding-top: 20px;
}

.mnf_bottom .btn {
  float: right;
  margin-top: 20px;
}

.modal-col {
  padding: 0 10px;
}

.modal-col:after, .modal-col:before {
  content: " ";
  display: table;
}

.modal-col:after {
  clear: both;
}

.modal-product {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.modal-product__left {
  width: 150px;
  float: left;
}

.modal-product__left img {
  width: 100%;
  margin: 0;
}

.modal-product__right {
  margin-left: 165px;
  padding-top: 0;
}

.modal-product__name {
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 10px;
}

.modal-product__short-description {
  font-size: 1.4rem;
  margin-bottom: 20px;
  text-align: justify;
}

.modal-product .availability-in-stores {
  display: inline-block;
}

@media only screen and (max-width: 639px) {
  .modal {
    width: 100%;
    margin: 10px auto;
  }
  .modal__title {
    font-size: 1.6rem;
  }
  .modal__head {
    padding: 30px 20px 0 20px;
  }
  .modal__body {
    padding: 30px 20px 40px 20px;
  }
  .modal__footer {
    padding: 20px 20px 40px 20px;
  }
  .modal-product__left {
    width: 80px;
  }
  .modal-product__right {
    margin-left: 100px;
  }
  .modal-product__short-description {
    display: none;
  }
  .mfp-content {
    vertical-align: top;
  }
  .mfp-container {
    padding: 0 10px;
  }
}

@media only screen and (min-width: 960px) {
  .modal-col {
    width: 50%;
    float: left;
    padding: 0 10px;
  }
  .modal-col:nth-child(odd) {
    padding-right: 30px;
  }
  .modal-col:nth-child(even) {
    padding-left: 30px;
  }
}

/*!
 * Datepicker for Bootstrap v1.6.4 (https://github.com/eternicode/bootstrap-datepicker)
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker {
  border-radius: 4px;
  direction: ltr;
}

.datepicker-inline {
  width: 220px;
}

.datepicker.datepicker-rtl {
  direction: rtl;
}

.datepicker.datepicker-rtl table tr td span {
  float: right;
}

.datepicker-dropdown {
  top: 0;
  left: 0;
  padding: 4px;
}

.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(0, 0, 0, 0.15);
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}

.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute;
}

.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}

.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}

.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}

.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}

.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px;
}

.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px;
}

.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid rgba(0, 0, 0, 0.15);
}

.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}

.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.datepicker table tr td,
.datepicker table tr th {
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  border: none;
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #777777;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
  background: #eeeeee;
  cursor: pointer;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #777777;
  cursor: default;
}

.datepicker table tr td.highlighted {
  color: #000;
  background-color: #d9edf7;
  border-color: #85c5e5;
  border-radius: 0;
}

.datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.focus {
  color: #000;
  background-color: #afd9ee;
  border-color: #298fc2;
}

.datepicker table tr td.highlighted:hover {
  color: #000;
  background-color: #afd9ee;
  border-color: #52addb;
}

.datepicker table tr td.highlighted:active,
.datepicker table tr td.highlighted.active {
  color: #000;
  background-color: #afd9ee;
  border-color: #52addb;
}

.datepicker table tr td.highlighted:active:hover,
.datepicker table tr td.highlighted.active:hover,
.datepicker table tr td.highlighted:active:focus,
.datepicker table tr td.highlighted.active:focus,
.datepicker table tr td.highlighted:active.focus,
.datepicker table tr td.highlighted.active.focus {
  color: #000;
  background-color: #91cbe8;
  border-color: #298fc2;
}

.datepicker table tr td.highlighted.disabled:hover,
.datepicker table tr td.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.highlighted:hover,
.datepicker table tr td.highlighted.disabled:focus,
.datepicker table tr td.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.disabled.focus,
.datepicker table tr td.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.highlighted.focus {
  background-color: #d9edf7;
  border-color: #85c5e5;
}

.datepicker table tr td.highlighted.focused {
  background: #afd9ee;
}

.datepicker table tr td.highlighted.disabled,
.datepicker table tr td.highlighted.disabled:active {
  background: #d9edf7;
  color: #777777;
}

.datepicker table tr td.today {
  color: #000;
  background-color: #ffdb99;
  border-color: #ffb733;
}

.datepicker table tr td.today:focus,
.datepicker table tr td.today.focus {
  color: #000;
  background-color: #ffc966;
  border-color: #b37400;
}

.datepicker table tr td.today:hover {
  color: #000;
  background-color: #ffc966;
  border-color: #f59e00;
}

.datepicker table tr td.today:active,
.datepicker table tr td.today.active {
  color: #000;
  background-color: #ffc966;
  border-color: #f59e00;
}

.datepicker table tr td.today:active:hover,
.datepicker table tr td.today.active:hover,
.datepicker table tr td.today:active:focus,
.datepicker table tr td.today.active:focus,
.datepicker table tr td.today:active.focus,
.datepicker table tr td.today.active.focus {
  color: #000;
  background-color: #ffbc42;
  border-color: #b37400;
}

.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
.datepicker table tr td.today.disabled.focus,
.datepicker table tr td.today[disabled].focus,
fieldset[disabled] .datepicker table tr td.today.focus {
  background-color: #ffdb99;
  border-color: #ffb733;
}

.datepicker table tr td.today.focused {
  background: #ffc966;
}

.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:active {
  background: #ffdb99;
  color: #777777;
}

.datepicker table tr td.range {
  color: #000;
  background-color: #eeeeee;
  border-color: #bbbbbb;
  border-radius: 0;
}

.datepicker table tr td.range:focus,
.datepicker table tr td.range.focus {
  color: #000;
  background-color: #d5d5d5;
  border-color: #7c7c7c;
}

.datepicker table tr td.range:hover {
  color: #000;
  background-color: #d5d5d5;
  border-color: #9d9d9d;
}

.datepicker table tr td.range:active,
.datepicker table tr td.range.active {
  color: #000;
  background-color: #d5d5d5;
  border-color: #9d9d9d;
}

.datepicker table tr td.range:active:hover,
.datepicker table tr td.range.active:hover,
.datepicker table tr td.range:active:focus,
.datepicker table tr td.range.active:focus,
.datepicker table tr td.range:active.focus,
.datepicker table tr td.range.active.focus {
  color: #000;
  background-color: #c3c3c3;
  border-color: #7c7c7c;
}

.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled:focus,
.datepicker table tr td.range[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range:focus,
.datepicker table tr td.range.disabled.focus,
.datepicker table tr td.range[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.focus {
  background-color: #eeeeee;
  border-color: #bbbbbb;
}

.datepicker table tr td.range.focused {
  background: #d5d5d5;
}

.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:active {
  background: #eeeeee;
  color: #777777;
}

.datepicker table tr td.range.highlighted {
  color: #000;
  background-color: #e4eef3;
  border-color: #9dc1d3;
}

.datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.focus {
  color: #000;
  background-color: #c1d7e3;
  border-color: #4b88a6;
}

.datepicker table tr td.range.highlighted:hover {
  color: #000;
  background-color: #c1d7e3;
  border-color: #73a6c0;
}

.datepicker table tr td.range.highlighted:active,
.datepicker table tr td.range.highlighted.active {
  color: #000;
  background-color: #c1d7e3;
  border-color: #73a6c0;
}

.datepicker table tr td.range.highlighted:active:hover,
.datepicker table tr td.range.highlighted.active:hover,
.datepicker table tr td.range.highlighted:active:focus,
.datepicker table tr td.range.highlighted.active:focus,
.datepicker table tr td.range.highlighted:active.focus,
.datepicker table tr td.range.highlighted.active.focus {
  color: #000;
  background-color: #a8c8d8;
  border-color: #4b88a6;
}

.datepicker table tr td.range.highlighted.disabled:hover,
.datepicker table tr td.range.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.highlighted:hover,
.datepicker table tr td.range.highlighted.disabled:focus,
.datepicker table tr td.range.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.disabled.focus,
.datepicker table tr td.range.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.highlighted.focus {
  background-color: #e4eef3;
  border-color: #9dc1d3;
}

.datepicker table tr td.range.highlighted.focused {
  background: #c1d7e3;
}

.datepicker table tr td.range.highlighted.disabled,
.datepicker table tr td.range.highlighted.disabled:active {
  background: #e4eef3;
  color: #777777;
}

.datepicker table tr td.range.today {
  color: #000;
  background-color: #f7ca77;
  border-color: #f1a417;
}

.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.focus {
  color: #000;
  background-color: #f4b747;
  border-color: #815608;
}

.datepicker table tr td.range.today:hover {
  color: #000;
  background-color: #f4b747;
  border-color: #bf800c;
}

.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today.active {
  color: #000;
  background-color: #f4b747;
  border-color: #bf800c;
}

.datepicker table tr td.range.today:active:hover,
.datepicker table tr td.range.today.active:hover,
.datepicker table tr td.range.today:active:focus,
.datepicker table tr td.range.today.active:focus,
.datepicker table tr td.range.today:active.focus,
.datepicker table tr td.range.today.active.focus {
  color: #000;
  background-color: #f2aa25;
  border-color: #815608;
}

.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.disabled.focus,
.datepicker table tr td.range.today[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.today.focus {
  background-color: #f7ca77;
  border-color: #f1a417;
}

.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:active {
  background: #f7ca77;
  color: #777777;
}

.datepicker table tr td.selected,
.datepicker table tr td.selected.highlighted {
  color: #fff;
  background-color: #777777;
  border-color: #555555;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.selected:focus,
.datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.focus,
.datepicker table tr td.selected.highlighted.focus {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #161616;
}

.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.highlighted:hover {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #373737;
}

.datepicker table tr td.selected:active,
.datepicker table tr td.selected.highlighted:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected.highlighted.active {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #373737;
}

.datepicker table tr td.selected:active:hover,
.datepicker table tr td.selected.highlighted:active:hover,
.datepicker table tr td.selected.active:hover,
.datepicker table tr td.selected.highlighted.active:hover,
.datepicker table tr td.selected:active:focus,
.datepicker table tr td.selected.highlighted:active:focus,
.datepicker table tr td.selected.active:focus,
.datepicker table tr td.selected.highlighted.active:focus,
.datepicker table tr td.selected:active.focus,
.datepicker table tr td.selected.highlighted:active.focus,
.datepicker table tr td.selected.active.focus,
.datepicker table tr td.selected.highlighted.active.focus {
  color: #fff;
  background-color: #4c4c4c;
  border-color: #161616;
}

.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.highlighted.disabled:hover,
.datepicker table tr td.selected[disabled]:hover,
.datepicker table tr td.selected.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.highlighted.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.disabled.focus,
.datepicker table tr td.selected.highlighted.disabled.focus,
.datepicker table tr td.selected[disabled].focus,
.datepicker table tr td.selected.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.selected.focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted.focus {
  background-color: #777777;
  border-color: #555555;
}

.datepicker table tr td.active,
.datepicker table tr td.active.highlighted {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.active:focus,
.datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.focus,
.datepicker table tr td.active.highlighted.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active.highlighted:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

.datepicker table tr td.active:active:hover,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.highlighted.active.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}

.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.highlighted.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.highlighted.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.disabled.focus,
.datepicker table tr td.active.highlighted.disabled.focus,
.datepicker table tr td.active[disabled].focus,
.datepicker table tr td.active.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.active.focus,
fieldset[disabled] .datepicker table tr td.active.highlighted.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}

.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px;
}

.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
  background: #eeeeee;
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #777777;
  cursor: default;
}

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.focus,
.datepicker table tr td span.active:hover.focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active.disabled:hover.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

.datepicker table tr td span.active:active:hover,
.datepicker table tr td span.active:hover:active:hover,
.datepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:hover.active:hover,
.datepicker table tr td span.active:active:focus,
.datepicker table tr td span.active:hover:active:focus,
.datepicker table tr td span.active.disabled:active:focus,
.datepicker table tr td span.active.disabled:hover:active:focus,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td span.active:hover.active:focus,
.datepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled:hover.active:focus,
.datepicker table tr td span.active:active.focus,
.datepicker table tr td span.active:hover:active.focus,
.datepicker table tr td span.active.disabled:active.focus,
.datepicker table tr td span.active.disabled:hover:active.focus,
.datepicker table tr td span.active.active.focus,
.datepicker table tr td span.active:hover.active.focus,
.datepicker table tr td span.active.disabled.active.focus,
.datepicker table tr td span.active.disabled:hover.active.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}

.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active:hover.disabled.focus,
.datepicker table tr td span.active.disabled.disabled.focus,
.datepicker table tr td span.active.disabled:hover.disabled.focus,
.datepicker table tr td span.active[disabled].focus,
.datepicker table tr td span.active:hover[disabled].focus,
.datepicker table tr td span.active.disabled[disabled].focus,
.datepicker table tr td span.active.disabled:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td span.active.focus,
fieldset[disabled] .datepicker table tr td span.active:hover.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}

.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #777777;
}

.datepicker .datepicker-switch {
  width: 145px;
}

.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
  cursor: pointer;
}

.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  background: #eeeeee;
}

.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}

.input-group.date .input-group-addon {
  cursor: pointer;
}

.input-daterange {
  width: 100%;
}

.input-daterange input {
  text-align: center;
}

.input-daterange input:first-child {
  border-radius: 3px 0 0 3px;
}

.input-daterange input:last-child {
  border-radius: 0 3px 3px 0;
}

.input-daterange .input-group-addon {
  width: auto;
  min-width: 16px;
  padding: 4px 5px;
  line-height: 1.42857143;
  text-shadow: 0 1px 0 #fff;
  border-width: 1px 0;
  margin-left: -5px;
  margin-right: -5px;
}

.datepicker.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  list-style: none;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  color: #333333;
  font-size: 13px;
  line-height: 1.42857143;
}

.datepicker.dropdown-menu th,
.datepicker.datepicker-inline th,
.datepicker.dropdown-menu td,
.datepicker.datepicker-inline td {
  padding: 0px 5px;
}

/*# sourceMappingURL=bootstrap-datepicker3.standalone.css.map */
/**
* for next projects:
* - Masteram
* - Toys4Brain
*/
.pgt_captions {
  display: none;
}

.pgt_content {
  padding: 20px;
}

.pgt_caption-mob {
  cursor: pointer;
}

.pgt_caption-mob h2 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 800;
  line-height: 1.3;
  margin: 0;
  padding: 15px 50px 15px 20px;
  position: relative;
  color: #21272c;
}

.pgt_caption-mob h2:after {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 85.68075117370893% 36.246786632390744%;
  width: 8px;
  height: 12px;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.pgt--type-2 .info {
  background: #ffffff;
  margin-bottom: 10px;
}

.pgt--type-2 .pgt_caption-mob {
  cursor: pointer;
  position: relative;
  text-decoration: none;
  display: block;
}

.pgt--type-2 .pgt_caption-mob:after {
  height: 1px;
  bottom: 0;
  left: 20px;
  right: 20px;
  content: '';
  position: absolute;
  z-index: 1;
  border-bottom: 1px solid #eeeeee;
}

@media only screen and (max-width: 959px) {
  .profile-info-tabs {
    background: transparent;
    padding: 0;
    position: relative;
    z-index: 1;
    margin-bottom: 0;
  }
  .pgt--type-1 .pgt_content {
    display: none;
    margin: 0 !important;
  }
  .pgt--type-1 .info {
    border-bottom: 1px solid #eeeeee;
    background: #ffffff;
  }
  .pgt--type-1 .info:first-of-type {
    border-top: 1px solid #eeeeee;
  }
  .pgt--type-1 .info.mob-active {
    background: #ffffff;
    position: relative;
    z-index: 5;
    border-left: 4px solid #ffcc00;
  }
  .pgt--type-1 .info.mob-active .pgt_content {
    display: block;
  }
  .pgt--type-1 .info.mob-active .pgt_caption-mob h2:after {
    background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
    background-position: 50.476303317535546% 68.19338422391857%;
    width: 12px;
    height: 8px;
  }
}

@media only screen and (min-width: 960px) {
  .pgt_captions {
    display: block;
  }
  .pgt_captions-border {
    border-bottom: 1px solid #eeeeee;
  }
  .pgt_captions ul {
    padding: 0;
    margin: 0 0 -2px 0;
    display: table;
    width: 100%;
  }
  .pgt_captions ul > li {
    display: table-cell;
    vertical-align: bottom;
    padding: 0;
    list-style: none;
    text-align: center;
  }
  .pgt_captions ul > li span {
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: -10px;
    color: #21272c;
    position: relative;
    text-transform: uppercase;
  }
  .pgt_captions ul > li span.active:before, .pgt_captions ul > li span.active:after {
    width: 50%;
  }
  .pgt_captions ul > li span:before, .pgt_captions ul > li span:after {
    content: '';
    height: 4px;
    width: 0;
    bottom: 0;
    position: absolute;
    z-index: 1;
    background: #ffcc00;
    transition: 0.4s ease all;
  }
  .pgt_captions ul > li span:before {
    left: 50%;
  }
  .pgt_captions ul > li span:after {
    right: 50%;
  }
  .pgt_captions ul > li span[data-selected="on"]:before, .pgt_captions ul > li span[data-selected="on"]:after {
    width: 50%;
  }
  .pgt_captions ul > li span:hover {
    cursor: pointer;
  }
  .pgt_contents {
    padding-top: 20px;
  }
  .pgt_contents .info {
    margin: 0;
  }
  .pgt_contents .info[data-hidden="on"] {
    display: none;
  }
  .pgt_contents .info.active .pgt_content {
    display: block;
  }
  .pgt_content {
    display: none;
    padding: 20px 0 0 0;
  }
  .pgt_caption-mob {
    display: none;
  }
  .pgt--type-2 .pgt_caption-mob {
    display: none;
  }
}

/**
* for next projects:
* - Masteram
* - Toys4Brain
*/
/* This is the core CSS of Tooltipster */
/* GENERAL STRUCTURE RULES (do not edit this section) */
.tooltipster-base {
  /* this ensures that a constrained height set by functionPosition,
  if greater that the natural height of the tooltip, will be enforced
  in browsers that support display:flex */
  display: flex;
  pointer-events: none;
  /* this may be overriden in JS for fixed position origins */
  position: absolute;
}

.tooltipster-box {
  /* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
  and flex-basis auto for IE11- (at least) */
  flex: 1 1 auto;
}

.tooltipster-content {
  /* prevents an overflow if the user adds padding to the div */
  box-sizing: border-box;
  /* these make sure we'll be able to detect any overflow */
  max-height: 100%;
  max-width: 100%;
  overflow: auto;
}

.tooltipster-ruler {
  /* these let us test the size of the tooltip without overflowing the window */
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
}

/* ANIMATIONS */
/* Open/close animations */
/* fade */
.tooltipster-fade {
  opacity: 0;
  transition-property: opacity;
}

.tooltipster-fade.tooltipster-show {
  opacity: 1;
}

/* grow */
.tooltipster-grow {
  transform: scale(0, 0);
  transition-property: transform;
  -webkit-backface-visibility: hidden;
}

.tooltipster-grow.tooltipster-show {
  transform: scale(1, 1);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

/* swing */
.tooltipster-swing {
  opacity: 0;
  transform: rotateZ(4deg);
  transition-property: transform;
}

.tooltipster-swing.tooltipster-show {
  opacity: 1;
  transform: rotateZ(0deg);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}

/* fall */
.tooltipster-fall {
  transition-property: top;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-fall.tooltipster-initial {
  top: 0 !important;
}

.tooltipster-fall.tooltipster-dying {
  transition-property: all;
  top: 0 !important;
  opacity: 0;
}

/* slide */
.tooltipster-slide {
  transition-property: left;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-slide.tooltipster-initial {
  left: -40px !important;
}

.tooltipster-slide.tooltipster-dying {
  transition-property: all;
  left: 0 !important;
  opacity: 0;
}

/* Update animations */
/* We use animations rather than transitions here because
 transition durations may be specified in the style tag due to
 animationDuration, and we try to avoid collisions and the use
 of !important */
/* fade */
@-webkit-keyframes tooltipster-fading {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tooltipster-fading {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.tooltipster-update-fade {
  -webkit-animation: tooltipster-fading 400ms;
          animation: tooltipster-fading 400ms;
}

/* rotate */
@-webkit-keyframes tooltipster-rotating {
  25% {
    transform: rotate(-2deg);
  }
  75% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(0);
  }
}
@keyframes tooltipster-rotating {
  25% {
    transform: rotate(-2deg);
  }
  75% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(0);
  }
}

.tooltipster-update-rotate {
  -webkit-animation: tooltipster-rotating 600ms;
          animation: tooltipster-rotating 600ms;
}

/* scale */
@-webkit-keyframes tooltipster-scaling {
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes tooltipster-scaling {
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

.tooltipster-update-scale {
  -webkit-animation: tooltipster-scaling 600ms;
          animation: tooltipster-scaling 600ms;
}

/**
 * DEFAULT STYLE OF THE SIDETIP PLUGIN
 * 
 * All styles are "namespaced" with .tooltipster-sidetip to prevent
 * conflicts between plugins.
 */
/* .tooltipster-box */
.tooltipster-sidetip .tooltipster-box {
  background: #ffffff;
  border-radius: 3px;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
  margin-top: 8px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
  margin-right: 8px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
  margin-left: 8px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
  margin-bottom: 8px;
}

/* .tooltipster-content */
.tooltipster-sidetip .tooltipster-content {
  color: black;
  font-size: 1.1rem;
  line-height: 1.4;
  padding: 15px;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}

/* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
corresponds to the arrow we want to display */
.tooltipster-sidetip .tooltipster-arrow {
  overflow: hidden;
  position: absolute;
  display: none;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
  height: 10px;
  /* half the width, for centering */
  margin-left: -10px;
  top: 0;
  width: 20px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  right: 0;
  /* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
  been positioned yet */
  top: 0;
  width: 10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  left: 0;
  /* same as .tooltipster-left .tooltipster-arrow */
  top: 0;
  width: 10px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
  bottom: 0;
  height: 10px;
  margin-left: -10px;
  width: 20px;
}

/* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border {
  height: 0;
  position: absolute;
  width: 0;
}

/* .tooltipster-arrow-background */
.tooltipster-sidetip .tooltipster-arrow-background {
  border: 10px solid transparent;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
  border-bottom-color: #565656;
  left: 0px;
  top: 3px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
  border-left-color: #565656;
  left: -3px;
  top: 0px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
  border-right-color: #565656;
  left: 3px;
  top: 0px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  border-top-color: #565656;
  left: 0px;
  top: -3px;
}

/* .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-border {
  border: 10px solid transparent;
  left: 0;
  top: 0;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: black;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
  border-left-color: black;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
  border-right-color: black;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
  border-top-color: black;
}

/* tooltipster-arrow-uncropped */
.tooltipster-sidetip .tooltipster-arrow-uncropped {
  position: relative;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: -10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
  left: -10px;
}

/**
* for next projects:
* - Masteram
* - Toys4Brain
*/
.tooltipster-content .price-hint th, .tooltipster-content .price-hint td {
  padding: 0 5px;
  text-align: center;
}

/**
* for next projects:
* - Masteram
* - Toys4Brain
*/
.tml_row {
  padding-bottom: 20px;
  display: block;
}

.tml_row:last-child {
  padding-bottom: 10px;
}

.tml_left {
  width: 60px;
  float: left;
}

.tml_right {
  margin-left: 75px;
}

.tml_avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
}

.tml_avatar img {
  width: 100%;
}

.tml_text {
  font-size: 1.4rem;
  line-height: 1.28;
  padding: 5px 0 10px 0;
  position: relative;
}

.tml_text:before {
  content: "\201c";
  left: -15px;
  top: 0;
  font-size: 32px;
  color: #ffcc00;
  font-weight: bold;
  line-height: 1;
  position: absolute;
}

.tml_text .quote-end {
  display: inline-block;
  position: relative;
}

.tml_text .quote-end i {
  font-size: 3.2rem;
  line-height: 10px;
  height: 10px;
  color: #ffcc00;
  font-weight: bold;
  display: block;
  position: absolute;
  bottom: -10px;
  left: -2px;
}

.tml_user-name {
  font-size: 1.3rem;
  font-weight: bold;
}

.tml_date {
  font-size: 1.1rem;
  color: #89949d;
  padding-left: 5px;
}

.cpm_box-img {
  margin-bottom: 10px;
  position: relative;
  padding-top: 60%;
}

.cpm_box-img img {
  width: 100%;
  position: absolute;
  z-index: 5;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/**
* for next projects:
* - Masteram
* - Toys4Brain
*/
.cpm_top {
  padding-top: 20px;
  padding-left: 10px;
}

.cpm_top .mobile-filter-btn {
  margin-top: -4px;
  margin-right: 0;
}

.cpm_top-text {
  display: none;
}

.cpm_boxes {
  font-size: 0;
}

@media only screen and (max-width: 959px) {
  .cpm_boxes {
    padding: 0 5px;
  }
}

.cpm_col {
  font-size: 1.4rem;
  display: inline-block;
  float: none;
  margin-bottom: 20px;
  vertical-align: top;
}

@media only screen and (max-width: 959px) {
  .cpm_col {
    padding: 0 5px;
    margin-bottom: 10px;
  }
}

.cpm_box {
  padding: 10px 10px 15px 10px;
  background-color: #ffffff;
}

@media only screen and (min-width: 960px) {
  .cpm_box {
    padding: 15px 15px 20px 15px;
  }
}

.cpm_box-link {
  color: #21272c;
  cursor: pointer;
  display: block;
}

.cpm_box-link:hover {
  text-decoration: none;
}

.cpm_box-img {
  position: relative;
}

@media only screen and (max-width: 959px) {
  .cpm_box-img {
    padding-top: 60%;
  }
}

@media only screen and (min-width: 960px) {
  .cpm_box-img {
    width: 250px;
    padding-top: 150px;
  }
}

.cpm_box-img img {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  max-width: 100%;
}

.cpm_box-name {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.3rem;
  font-weight: 800;
  margin-bottom: 10px;
}

.cpm_box-description {
  display: none;
}

.cpm_box-date {
  color: #89949d;
  font-size: 1.1rem;
  display: inline-block;
}

@media only screen and (min-width: 960px) {
  .cpm {
    padding: 0;
  }
  .cpm_top {
    padding-left: 0;
  }
  .cpm_top-text {
    display: block;
    font-size: 1.4rem;
    float: right;
    font-weight: bold;
    padding-top: 7px;
  }
  .cpm_boxed {
    margin: 0 0 0 -10px;
  }
  .cpm_box-name {
    font-size: 1.8rem;
  }
  .cpm_box-description {
    display: block;
    margin-bottom: 15px;
    font-size: 1.4rem;
  }
}

/**
* for next projects:
* - Masteram
* - Toys4Brain
*/
.pt {
  margin-bottom: 30px;
}

.pt_left {
  width: 50px;
  float: left;
}

.pt_right {
  margin-left: 60px;
}

.pt_thead {
  display: none;
}

.pt_tr {
  position: relative;
  padding: 10px 0;
  border-bottom: 1px dashed #89949d;
}

.pt_tr:after, .pt_tr:before {
  content: " ";
  display: table;
}

.pt_tr:after {
  clear: both;
}

.pt_notification {
  font-size: 1.1rem;
  color: #ff3300;
  padding: 10px 0 0 60px;
}

.pt_right > .pt_td:nth-child(2) .row {
  font-size: 0;
  margin: 0 -5px;
}

.pt_right > .pt_td:nth-child(2) .pt_td {
  padding: 0 5px;
  display: inline-block;
  width: 50%;
  font-size: 1.4rem;
  vertical-align: middle;
}

.pt_img {
  display: block;
}

.pt_img img {
  width: 100%;
}

.pt_product-name {
  font-size: 1.4rem;
  color: #21272c;
  display: inline-block;
  margin: 0 0 10px 0;
}

.pt_product-name:hover {
  color: #21272c;
}

.pt .product-id, .pt .product-weight {
  margin-bottom: 0;
}

.pt .availability-in-stores {
  margin-bottom: 10px;
  margin-top: 10px;
}

.pt .price-block {
  height: 40px;
}

@media only screen and (min-width: 960px) {
  .pt .price-block {
    width: 90px;
    text-align: right;
  }
}

.pt .price-block .price-save {
  display: none !important;
}

.pt .price-block .special-price {
  color: #ff3300;
}

.pt .product-button-wrapper {
  height: 40px;
}

.pt .product-button-wrapper .btn-text {
  display: none !important;
}

.pt_combo-title {
  display: block;
  font-size: 1.3rem;
  font-weight: 700;
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
}

.pt_combo-title:before {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 78.39192399049881% 77.83505154639175%;
  width: 13px;
  height: 13px;
  left: 0;
  top: 0;
}

@media only screen and (min-width: 960px) {
  .pt_notification {
    padding-left: 5px;
  }
  .pt_left {
    width: 80px;
  }
  .pt_right {
    margin-left: 100px;
    font-size: 0;
    min-height: 80px;
  }
  .pt_right:before {
    content: " ";
    display: inline-block;
    height: 80px;
    width: 0;
    vertical-align: middle;
  }
  .pt_thead {
    display: block;
    color: #89949d;
    font-size: 1.4rem;
  }
  .pt_thead .pt_tr {
    padding-bottom: 20px;
  }
  .pt_thead .pt_right {
    min-height: 0;
  }
  .pt_thead .pt_right:before {
    display: none;
  }
  .pt_thead .pt_right > .pt_td:nth-child(1) span {
    position: relative;
    left: -100px;
  }
  .pt .availability-in-stores {
    margin-bottom: 0;
  }
  .pt_right > .pt_td {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.4rem;
  }
  .pt_right > .pt_td:nth-child(1) {
    width: 60%;
  }
  .pt_right > .pt_td:nth-child(2) {
    width: 40%;
  }
  .pt_right > .pt_td:nth-child(2) .row {
    font-size: 0;
    margin: 0 -5px;
  }
  .pt_right > .pt_td:nth-child(2) .pt_td {
    padding: 0 5px;
    display: inline-block;
    width: 50%;
    font-size: 1.4rem;
    vertical-align: middle;
  }
  .pt_right > .pt_td:nth-child(2) .pt_td > * {
    display: table;
    margin: 0 auto;
  }
  .pt_combo-title {
    font-size: 1.4rem;
  }
  .pt .buy-wholesale {
    position: absolute;
    right: -32px;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .pt .buy-wholesale span {
    height: 100%;
  }
}

.pt.pt--col5 .pt_right > .pt_td:nth-child(3) {
  display: none;
}

@media only screen and (min-width: 960px) {
  .pt.pt--col5 .pt_right > .pt_td:nth-child(1) {
    width: 40%;
  }
  .pt.pt--col5 .pt_right > .pt_td:nth-child(2) {
    width: 40%;
  }
  .pt.pt--col5 .pt_right > .pt_td:nth-child(3) {
    display: inline-block;
    width: 20%;
  }
  .pt.pt--col5 .pt_right > .pt_td:nth-child(3) .price-block {
    width: auto;
    text-align: center;
  }
  .pt.pt--col5 .pt_right > .pt_td:nth-child(3) > * {
    display: table;
    margin: 0 auto;
  }
}

.pt-gc {
  position: relative;
}

.pt-gc .pt_tr {
  border: none;
}

.pt-gc .pt_tr:first-child {
  padding-top: 0;
}

.pt-gc_left .pt_tr {
  padding-right: 0 !important;
}

.pt-gc_right {
  padding-top: 10px;
  padding-left: 60px;
  font-size: 0;
}

.pt-gc_right .pt_td {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.4rem;
  width: 50%;
}

.pt-gc_right .pt_td:nth-of-type(2) .price-block {
  text-align: center;
}

.pt-gc .pt_delete {
  top: -28px;
}

@media only screen and (max-width: 959px) {
  .pt-gc .price-block {
    height: auto;
  }
  .pt-gc .price-block .price {
    display: block;
    font-size: 0;
  }
  .pt-gc .price-block .price > span {
    display: inline-block;
    vertical-align: middle;
  }
  .pt-gc .price-block .old-price {
    margin-right: 10px;
  }
  .pt-gc_right .pt_td:nth-of-type(2) .price-block {
    width: 120px;
  }
}

@media only screen and (min-width: 960px) {
  .pt-gc {
    font-size: 0;
  }
  .pt-gc_left, .pt-gc_right {
    display: inline-block;
    vertical-align: middle;
  }
  .pt-gc_left {
    width: 64.8%;
  }
  .pt-gc_left .pt_right > .pt_td:nth-child(1) {
    width: 65.615% !important;
  }
  .pt-gc_left .pt_right > .pt_td:nth-child(2) {
    width: 34.385% !important;
  }
  .pt-gc_left .pt_right > .pt_td:nth-child(2) > * {
    display: table;
    margin: 0 auto;
  }
  .pt-gc_right {
    width: 35.2%;
    padding: 0;
  }
  .pt-gc_right .pt_td > * {
    display: table;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .pt-gc_left {
    width: 64.8%;
  }
  .pt-gc_left .pt_right > .pt_td:nth-child(1) {
    width: 65.615% !important;
  }
  .pt-gc_left .pt_right > .pt_td:nth-child(2) {
    width: 34.385% !important;
  }
  .pt-gc_right {
    width: 35.2%;
  }
}

@media only screen and (min-width: 1280px) {
  .pt-gc_left {
    width: 63.6%;
  }
  .pt-gc_left .pt_right > .pt_td:nth-child(1) {
    width: 65.615% !important;
  }
  .pt-gc_left .pt_right > .pt_td:nth-child(2) {
    width: 34.385% !important;
  }
  .pt-gc_right {
    width: 36.4%;
  }
}

.pt.pt--with-delete .pt_product-name {
  margin-right: 30px;
}

.pt.pt--with-delete .pt_delete {
  position: absolute;
  z-index: 1;
  top: 12px;
  right: 0;
  width: 20px;
  height: 20px;
  cursor: pointer;
  display: block;
}

.pt.pt--with-delete .pt_delete i {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}

.pt.pt--with-delete .pt_delete i:after {
  position: absolute;
  content: ' ';
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 99.99278898156383% 36.29242819843342%;
  width: 17.97px;
  height: 18px;
}

@media only screen and (min-width: 960px) {
  .pt.pt--with-delete .pt_tr {
    padding-right: 30px;
  }
  .pt.pt--with-delete .pt_product-name {
    margin-right: 0;
  }
  .pt.pt--with-delete .pt_delete {
    top: 38px;
    margin: auto;
  }
}

.pt.pt--with-delete .pt-gc {
  position: relative;
}

.pt.pt--with-delete .pt-gc .pt_delete {
  top: -24px;
}

@media only screen and (min-width: 960px) {
  .pt.pt--with-delete .pt-gc .pt_delete {
    top: 0;
    right: -30px;
  }
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  #account-wishlist-view .pt_right > .pt_td:nth-child(2) .pt_td,
  #account-waitlist-view .pt_right > .pt_td:nth-child(2) .pt_td {
    width: 100%;
  }
}

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS:
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
  touch-action: pinch-zoom;
  /* direct pointer events to js */
}

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
  touch-action: auto;
}

.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}

.mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto;
}

/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
  margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}

/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
}

/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
}

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px;
  /* minimum dragger height */
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
  text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
  /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
  /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
}

/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  /* minimum dragger width */
  height: 100%;
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  /* auto-expanded scrollbar */
  margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  /* auto-expanded scrollbar */
  margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  box-sizing: border-box;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  /* non-visible scrollbar */
  margin-left: 0;
}

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
}

/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/
/*
----------------------------------------
6.1 THEMES
----------------------------------------
*/
/* default theme ("light") */
.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
}

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /*
  sprites locations
  light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
  dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
  */
}

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /*
  sprites locations
  light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
  dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
  */
}

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /*
  sprites locations
  light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
  dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
  */
}

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /*
  sprites locations
  light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
  dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
  */
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px;
}

/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px;
}

/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px;
}

/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px;
}

/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}

/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  /* auto-expanded scrollbar */
  height: 16px;
  margin: -1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
  /* auto-expanded scrollbar */
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  /* auto-expanded scrollbar */
  width: 16px;
  margin: 0 -1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  /* auto-expanded scrollbar */
  margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px;
}

/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px;
}

/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px;
}

/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px;
}

/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px;
}

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 16px;
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  border-radius: 7px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 5px;
}

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  right: 1px;
}

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px;
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0;
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px;
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2);
}

/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

/* ---------------------------------------- */
/*
------------------------------------------------------------------------------------------------------------------------
7. psg custom themes
------------------------------------------------------------------------------------------------------------------------
*/
/* blabla */
/*
 * The MIT License
 * Copyright (c) 2012 Matias Meno <m@tias.me>
 */
@-webkit-keyframes passing-through {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  30%, 70% {
    opacity: 1;
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    transform: translateY(-40px);
  }
}

@keyframes passing-through {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  30%, 70% {
    opacity: 1;
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    transform: translateY(-40px);
  }
}

@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    transform: translateY(0px);
  }
}

@keyframes slide-in {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    transform: translateY(0px);
  }
}

@-webkit-keyframes pulse {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(1.1);
  }
  20% {
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(1.1);
  }
  20% {
    transform: scale(1);
  }
}

.dropzone {
  min-height: 150px;
  background-color: #fff5cc;
  border: 2px dashed #ffcc00;
  padding: 50px 20px 40px;
  margin-bottom: 30px;
  /*&.is-active {
    .dz-message {
      display: none;
    }
  }*/
}

.dropzone.dz-clickable {
  cursor: pointer;
}

.dropzone.dz-clickable * {
  cursor: default;
}

.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message * {
  cursor: pointer;
}

.dropzone.dz-started .dz-message {
  display: none;
}

.dropzone.dz-started .dz-message.info_text {
  display: block !important;
}

.dropzone.dz-drag-hover {
  border-style: solid;
}

.dropzone.dz-drag-hover .dz-message {
  opacity: 0.5;
}

.dropzone .dz-message {
  text-align: center;
  margin: 0;
}

.dropzone .dz-preview {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 5px;
  box-shadow: 2px 11px 8px -8px rgba(0, 0, 0, 0.2);
  background: #ffffff;
}

.dropzone .dz-preview:first-child {
  margin-left: 0;
}

.dropzone .dz-preview:last-child {
  margin-right: 0;
}

.dropzone .dz-preview:hover {
  z-index: 1000;
}

.dropzone .dz-preview.dz-file-preview .dz-image {
  border-radius: 20px;
  background: #999;
  background: linear-gradient(to bottom, #eee, #ddd);
}

.dropzone .dz-preview.dz-image-preview {
  background: white;
}

.dropzone .dz-preview .dz-remove {
  font-size: 14px;
  text-align: center;
  display: block;
  cursor: pointer;
  border: none;
}

.dropzone .dz-preview .dz-remove:hover {
  text-decoration: underline;
}

.dropzone .dz-preview .dz-details {
  z-index: 20;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 13px;
  min-width: 100%;
  max-width: 100%;
  text-align: center;
  color: rgba(0, 0, 0, 0.9);
  line-height: 150%;
  padding: 0;
  margin-top: 8px !important;
}

.dropzone .dz-preview .dz-details .dz-size {
  margin-bottom: 35px;
  font-size: 16px;
}

.dropzone .dz-preview .dz-details .dz-filename {
  white-space: nowrap;
  width: 80%;
  margin: 0 auto;
}

.dropzone .dz-preview .dz-details .dz-filename:hover span {
  border: 1px solid rgba(200, 200, 200, 0.8);
  background-color: rgba(255, 255, 255, 0.8);
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
  overflow: hidden;
  text-overflow: ellipsis;
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
  border: 1px solid transparent;
}

.dropzone .dz-preview .dz-details .dz-filename span,
.dropzone .dz-preview .dz-details .dz-size span {
  background-color: rgba(255, 255, 255, 0.4);
  padding: 0 0.4em;
  border-radius: 3px;
  font-size: 1.2rem;
  font-weight: 700;
  color: #626262;
}

.dropzone .dz-preview:hover .dz-image img {
  transform: scale(1.05, 1.05);
  -webkit-filter: blur(8px);
  filter: blur(8px);
}

.dropzone .dz-preview .dz-image {
  overflow: hidden;
  position: relative;
  display: block;
  z-index: 10;
  width: 90px;
  height: 90px;
  opacity: 0;
}

.dropzone .dz-preview .dz-image img {
  display: block;
}

.dropzone .dz-preview.dz-success .dz-success-mark {
  -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzone .dz-preview.dz-success .dz-success-mark svg {
  opacity: 0 !important;
}

.dropzone .dz-preview.dz-success .dz-success-mark {
  width: 29px;
  height: 30px;
  background: url("/images/dropzone/success.png") no-repeat;
  opacity: 1 !important;
  margin-left: -14px !important;
  margin-top: -14px !important;
}

.dropzone .dz-preview.dz-error .dz-remove {
  opacity: 1;
  -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzone .dz-preview.dz-error .dz-progress {
  opacity: 1 !important;
  height: 29px !important;
  margin-top: -13px !important;
}

.dropzone .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark {
  z-index: 500;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -27px;
  margin-top: -27px;
}

.dropzone .dz-preview .dz-success-mark svg,
.dropzone .dz-preview .dz-error-mark svg {
  display: none;
}

.dropzone .dz-preview .dz-error-mark {
  margin-left: -14px !important;
  margin-top: -14px !important;
}

.dropzone .dz-preview .dz-error-mark:after {
  content: ' ';
  width: 28px;
  height: 29px;
  background: url("/images/dropzone/plus.png") no-repeat;
  display: block;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: rotate(45deg);
}

.dropzone .dz-preview .dz-remove {
  z-index: 500;
  position: absolute;
  display: block;
  top: -6px;
  width: 18px;
  height: 18px;
  left: 78px;
  margin: 0;
  background: url("/images/dropzone/close-button.png");
  opacity: 1 !important;
  cursor: pointer;
}

.dropzone .dz-preview .dz-remove svg {
  display: none;
}

.dropzone .dz-preview .dz-error-mark {
  display: none;
}

.dropzone .dz-preview .dz-success-mark svg,
.dropzone .dz-preview .dz-remove,
.dropzone .dz-preview.dz-processing .dz-progress {
  opacity: 1;
  transition: all 0.2s linear;
}

.dropzone .dz-preview.dz-complete .dz-progress {
  opacity: 0;
  transition: opacity 0.4s ease-in;
}

.dropzone .dz-preview:not(.dz-processing) .dz-progress {
  -webkit-animation: pulse 6s ease infinite;
  animation: pulse 6s ease infinite;
}

.dropzone .dz-preview .dz-progress {
  opacity: 1;
  z-index: 100;
  pointer-events: none;
  position: absolute;
  height: 16px;
  left: 50%;
  top: 50%;
  margin-top: -8px;
  width: 80px;
  margin-left: -40px;
  background: rgba(255, 255, 255, 0.9);
  -webkit-transform: scale(1);
  border-radius: 8px;
  overflow: hidden;
}

.dropzone .dz-preview .dz-progress .dz-upload {
  background: #e1a411;
  background: linear-gradient(to bottom, #ffcb00, #ffcb00);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  transition: width 300ms ease-in-out;
}

.dropzone .dz-preview.dz-error .dz-error-message {
  display: block;
}

.dropzone .dz-preview .dz-error-message {
  pointer-events: none;
  z-index: 1000;
  position: absolute;
  display: none;
  transition: opacity 0.3s ease;
  border-radius: 8px;
  background: #be2626;
  padding: 0.5em 1.2em;
  color: white;
  top: 100px;
  right: 0;
  font-size: 1.2rem;
  box-shadow: 0 0 8px -1px rgba(0, 0, 0, 0.9);
  white-space: nowrap;
}

.dropzone .dz-preview .dz-error-message:after {
  content: '';
  position: absolute;
  top: -6px;
  width: 0;
  height: 0;
  right: 20px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #be2626;
}

.dropzone .dz_img {
  margin-bottom: 14px;
}

.dropzone .dz_title {
  font-size: 18px;
  line-height: 1.2;
  font-weight: 700;
  color: #21272c;
}

.dropzone .dz_text {
  width: 100%;
  text-align: center;
  font-size: 14px;
  margin-bottom: 5px;
  color: #21272c;
  line-height: 1.2;
}

.dropzone .max_text {
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  margin-top: 20px;
  display: none;
}

.dropzone .max_text strong {
  font-weight: 700;
}

.dropzone .info_text {
  cursor: pointer;
  margin-top: 20px;
}

.dropzone .info_text .dz_text {
  cursor: pointer;
}

.dropzone .add_files {
  display: table;
  margin: 0 auto;
}

.dropzone .add_files > div:nth-last-child(6) {
  display: none;
}

.dropzone .circle {
  background-color: transparent !important;
  width: 92px;
  height: 100px;
  display: none;
  min-height: initial;
  cursor: pointer !important;
  position: relative;
  float: right;
}

.dropzone .circle:not(:nth-last-child(1)) {
  display: inline-block;
  box-shadow: none;
}

.dropzone .circle:after {
  content: ' ';
  width: 28px;
  height: 29px;
  background: url("/images/dropzone/plus.png") no-repeat;
  display: block;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.widget-ffd {
  background: #ffffff;
  position: relative;
  margin: 0 -10px 10px -10px;
  padding: 20px 20px 20px 20px !important;
}

.widget-ffd .field-group {
  max-width: 600px;
}

.widget-ffd .title {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.2;
}

.widget-ffd .dropzone {
  margin: 40px 0 30px 0;
}

.widget-ffd .submit-block .captcha {
  min-width: 300px;
  margin-bottom: 20px;
}

.widget-ffd .submit-block .btn {
  width: 100%;
  max-width: 600px;
}

@media only screen and (min-width: 640px) and (max-width: 959px) {
  .widget-ffd .inputs-box .field-group:first-child {
    margin-right: 20px;
  }
}

@media only screen and (min-width: 640px) {
  .widget-ffd .inputs-box .field-group {
    float: left;
    width: 290px;
  }
  .widget-ffd .submit-block .captcha {
    float: left;
  }
  .widget-ffd .submit-block .btn {
    width: auto;
    float: right;
    margin-top: 18px;
  }
}

@media only screen and (min-width: 960px) {
  .widget-ffd {
    padding: 60px 70px !important;
    margin: 0 0 30px 0;
  }
  .widget-ffd .title {
    font-size: 1.8rem;
  }
  .widget-ffd .field-group {
    max-width: 640px;
  }
  .widget-ffd .inputs-box .field-group:first-child {
    margin-right: 60px;
  }
  .widget-ffd .dropzone {
    margin: 50px 0 40px 0;
  }
}

.decoded {
  min-width: 960px;
}

.decoded .container {
  margin: 0 auto !important;
}

.decoded .styled-phone-input .styled-phone-dropdown li > b {
  color: #21272c;
}

.decoded .field-group .styled-phone-edit input {
  border-bottom: none !important;
}

.decoded .styled-phone-input {
  border-bottom: 1px solid #ffffff;
}

.decoded .field-group label {
  color: #ffffff;
}

.decoded .field-group .bar:before,
.decoded .field-group .bar:after,
.decoded .styled-phone-input:before,
.decoded .styled-phone-input:after {
  background-color: #2c333c;
}

.decoded .field-group {
  max-width: 100%;
}

.decoded .field-group input {
  color: #21272c;
}

.decoded .dropzone {
  position: relative;
}

.decoded .field-group input {
  border-bottom: 1px solid #ffffff;
}

.decoded .feedback-form .dropzone {
  margin-left: 40px;
}

.decoded .feedback-form .captcha__text {
  width: 190px;
  float: right;
}

.decoded .feedback-form > div.error {
  background-color: white;
  width: 350px;
  margin-left: -175px;
  position: absolute;
  left: 50%;
  top: 40%;
  z-index: 1200;
  display: table-cell;
  box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.3);
  padding: 20px 30px 20px 80px;
  background-repeat: no-repeat;
  background-position: 15px center;
}

.decoded .feedback-form > div.error p {
  vertical-align: middle;
  font-weight: 400;
  font-size: 12px;
  color: #2c333c;
}

.decoded .feedback-form > div.error--danger {
  background-image: url("../images/dropzone/message-error.png");
}

.decoded .feedback-form > div.error--success {
  background-image: url("../images/dropzone/message-done.png");
}

.decoded .feedback-form .feedback__title {
  text-align: center !important;
  color: #ffffff;
  font-size: 3.2rem;
  font-weight: 300;
  line-height: 1.2;
  padding: 0 20px 20px;
}

.decoded .feedback-form .feedback__input {
  width: 100%;
  margin-bottom: 30px;
}

.decoded .feedback-form .submit-form-btn {
  border: none;
  background-color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  color: #2c333c;
  outline: none !important;
  border-radius: 6px;
  float: right;
  padding: 12px 15px;
  min-width: 160px;
  text-align: center;
  text-transform: uppercase;
}

.decoded .feedback-form .submit-form-btn:focus, .decoded .feedback-form .submit-form-btn:active {
  outline: none;
  border: none;
}

.decoded .feedback-form .submit-form-btn:hover {
  cursor: pointer;
  background-color: #ffe95b;
}

.decoded .feedback-form .submit-form-btn:active {
  cursor: pointer;
  background-color: #ffdf14;
}

.decoded .feedback-form .dropzone {
  background-color: rgba(0, 0, 0, 0.1);
  border: 2px dashed #ffffff;
  padding: 16px 25px;
  min-height: 209px;
  margin-bottom: 35px;
}

.decoded .feedback-form .dropzone .overlay {
  width: 100%;
  margin: 0;
}

.decoded .feedback-form .dropzone .overlay__width100 {
  width: 100%;
  text-align: center;
}

.decoded .feedback-form .dropzone .overlay__img {
  margin-bottom: 20px;
}

.decoded .feedback-form .dropzone .overlay__text {
  width: 100%;
  text-align: center;
  font-size: 12px;
  margin-bottom: 5px;
  color: #ffffff;
  line-height: 1.2;
}

.decoded .feedback-form .dropzone .overlay__btn {
  display: table;
  margin: 0 auto;
  margin-bottom: 20px;
  border-radius: 6px;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 700;
  color: #2c333c;
  background-color: #ffffff;
  padding: 13px 37px;
}

.decoded .feedback-form .dropzone .overlay__btn:focus, .decoded .feedback-form .dropzone .overlay__btn:active {
  outline: none;
  border: none;
}

.decoded .feedback-form .dropzone .overlay__btn:hover {
  cursor: pointer;
  background-color: #ffdf14;
}

.decoded .feedback-form .dropzone a.overlay__btn {
  text-transform: uppercase;
}

.decoded .feedback-form .dropzone a.overlay__btn:hover {
  text-decoration: none;
}

.decoded .feedback-form .dropzone input[type="file"] {
  display: none;
}

.decoded .feedback-form .dropzone .dz-preview .dz-details .dz-size {
  text-align: center;
}

.decoded .feedback-form .dropzone .dz-preview.dz-file-preview .dz-image {
  background: #fdb813 !important;
}

.decoded .feedback-form .dropzone .dz-preview .dz-details .dz-filename span,
.decoded .feedback-form .dropzone .dz-preview .dz-details .dz-size span {
  color: #333333;
}

.decoded .feedback-form .dropzone .dz-preview .dz-details .dz-size span strong {
  color: #333333;
}

@media only screen and (min-width: 960px) {
  .decoded .feedback-form .feedback__title {
    font-size: 4.8rem;
    padding: 0 180px 50px;
  }
}

.widget-ra {
  margin-bottom: 30px;
}

.widget-ra_wrapper {
  font-size: 0;
  margin-left: -5px;
  margin-right: -5px;
}

@media only screen and (min-width: 960px) {
  .widget-ra_wrapper {
    margin-left: -10px;
    margin-right: -10px;
  }
}

.widget-ra_col {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding: 0 5px;
}

@media only screen and (min-width: 960px) {
  .widget-ra_col {
    padding: 0 10px;
  }
}

.widget-ra_col:nth-child(n+3) {
  margin-top: 20px;
}

.widget-ra_title {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.8rem;
  margin: 50px 0 30px;
}

@media only screen and (max-width: 639px) {
  .widget-ra .box-date {
    margin-bottom: 5px;
  }
  .widget-ra .box-date:not(.update) {
    background: none;
    position: static;
    text-align: left;
    padding: 0;
    color: #89949d;
    margin-left: 0;
    height: 20px;
    line-height: 20px;
  }
  .widget-ra .box-date.update {
    position: relative;
    display: inline-block;
    margin-left: 0;
  }
}

.widget-ra_card-link {
  position: relative;
  display: block;
  color: #21272c !important;
  text-decoration: none !important;
}

.widget-ra_card-link img {
  width: 100%;
}

@media only screen and (min-width: 960px) {
  .widget-ra_card-link img {
    max-width: 125px;
    float: left;
  }
}

@media only screen and (min-width: 640px) and (max-width: 959px) {
  .widget-ra_card-link img {
    max-width: 125px;
    float: left;
  }
}

@media only screen and (max-width: 639px) {
  .widget-ra_card-link img {
    max-width: 100%;
  }
}

.widget-ra_card-title {
  font-family: 'Open Sans', sans-serif;
  line-height: 1.3;
}

@media only screen and (min-width: 960px) {
  .widget-ra_card-title {
    font-size: 1.4rem;
    margin-left: 135px;
  }
}

@media only screen and (min-width: 640px) and (max-width: 959px) {
  .widget-ra_card-title {
    font-size: 1.4rem;
    margin-left: 135px;
  }
}

@media only screen and (max-width: 639px) {
  .widget-ra_card-title {
    font-size: 1.3rem;
  }
}

.widget-ra_card {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  padding: 15px 10px;
}

.widget-ra_card:hover {
  border: 1px solid #FFCC00;
}

@media only screen and (max-width: 639px) {
  .widget-ra_card {
    min-height: 230px;
  }
}

h2.type-2 {
  margin-bottom: 20px;
}

h2.type-2 a {
  display: block;
  color: inherit;
  position: relative;
  font-size: 1.5rem;
  padding: 15px 0 15px 0;
  border-bottom: 1px solid #EEEEEE;
}

h2.type-2 a:after {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 85.68075117370893% 39.33161953727507%;
  width: 8px;
  height: 12px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

h2.type-2 a:hover {
  cursor: pointer;
  text-decoration: none;
}

h2.type-2 a:hover:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 85.68075117370893% 36.246786632390744%;
  width: 8px;
  height: 12px;
}

@media only screen and (min-width: 960px) {
  h2.type-2 {
    margin-bottom: 30px;
  }
  h2.type-2 a {
    border: none;
    padding: 0;
    font-size: 1.8rem;
  }
  h2.type-2 a:after {
    background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
    background-position: 16.019417475728154% 88.91820580474933%;
    width: 22px;
    height: 22px;
  }
  h2.type-2 a:hover:after {
    background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
    background-position: 5.339805825242719% 88.91820580474933%;
    width: 22px;
    height: 22px;
  }
}

.btn.mainpage-btn {
  margin: 10px 0 20px 0;
}

@media only screen and (max-width: 639px) {
  .btn.mainpage-btn {
    width: 100%;
  }
}

.mainpage-tabs {
  display: block;
}

@media only screen and (max-width: 959px) {
  .mainpage-tabs {
    padding: 0;
    background: transparent;
  }
}

.lpr {
  position: relative;
}

.lpr:after, .lpr:before {
  content: " ";
  display: table;
}

.lpr:after {
  clear: both;
}

.lpr_box img {
  display: block;
  margin: 0;
}

.lpr_box-title {
  margin: 0;
  padding: 0;
  font-weight: 800;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.4rem;
}

.lpr_box-description {
  font-size: 1.3rem;
  margin-top: 5px;
}

.lpr_box-available {
  font-size: 1.1rem;
  color: #89949d;
  margin-top: 5px;
}

.lpr_box-link {
  display: block;
  font-size: 1.4rem;
  color: #21272c;
  line-height: 1.2;
}

.lpr_box-link:hover {
  text-decoration: none;
  color: #21272c;
}

.lpr_img-wrap {
  position: relative;
}

.lpr_img-wrap img {
  position: absolute;
  width: 100%;
  top: 0;
}

.lpr_left .lpr_box {
  margin-bottom: 10px;
  border-bottom: 1px solid #eeeeee;
}

.lpr_left .lpr_box-link {
  margin-bottom: 10px;
}

.lpr_left .lpr_img-wrap {
  padding-top: 59%;
  margin-bottom: 15px;
}

.lpr_right .lpr_box {
  margin-bottom: 10px;
  border-bottom: 1px solid #eeeeee;
}

.lpr_right .lpr_box-text {
  margin-left: 90px;
}

.lpr_right .lpr_box-link {
  margin-bottom: 10px;
}

.lpr_right .lpr_box:last-child {
  margin: 0;
  border: none;
}

.lpr_right .lpr_box:last-child .lpr_box-link {
  margin: 0;
}

.lpr_right .lpr_img-wrap {
  width: 80px;
  padding-top: 47px;
  float: left;
}

.lpr_line {
  display: none;
}

.lpr.only-two .lpr_left:last-child .lpr_box {
  margin-bottom: 0;
  border: none;
}

.lpr.only-two .lpr_left:last-child .lpr_box-link {
  margin-bottom: 0;
}

@media only screen and (max-width: 639px) {
  .lpr .lpr_right .lpr_box-description {
    display: none;
  }
}

@media only screen and (min-width: 640px) and (max-width: 959px) {
  .lpr_right .lpr_img-wrap, .lpr_left .lpr_img-wrap {
    width: 170px;
    padding-top: 100px;
    float: left;
    margin-bottom: 0;
  }
  .lpr_right .lpr_box-text, .lpr_left .lpr_box-text {
    margin-left: 190px;
  }
}

@media only screen and (max-width: 959px) {
  .lpr_box-link:after, .lpr_box-link:before {
    content: " ";
    display: table;
  }
  .lpr_box-link:after {
    clear: both;
  }
}

@media only screen and (min-width: 960px) {
  .lpr {
    margin: 0 -30px;
  }
  .lpr_box img {
    display: block;
    margin: 0;
  }
  .lpr_box-title {
    margin: 0;
    padding: 0;
    font-weight: 800;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.4rem;
  }
  .lpr_box-description {
    font-size: 1.3rem;
  }
  .lpr_box-available {
    font-size: 1.1rem;
    color: #89949d;
    margin-top: 10px;
  }
  .lpr_left {
    float: left;
    width: 310px;
    padding: 0 30px;
  }
  .lpr_left .lpr_box {
    margin: 0;
    border: none;
  }
  .lpr_left .lpr_box-title {
    display: inline;
  }
  .lpr_left .lpr_box-description {
    display: inline;
  }
  .lpr_left .lpr_box-link {
    margin: 0;
  }
  .lpr_right {
    margin-left: 310px;
    padding: 0 30px;
  }
  .lpr_right .lpr_box {
    margin-bottom: 25px;
  }
  .lpr_right .lpr_box-description {
    margin-top: 10px;
  }
  .lpr_right .lpr_box-text {
    margin-left: 100px;
  }
  .lpr_right .lpr_box-link {
    margin-bottom: 25px;
  }
  .lpr_line {
    position: absolute;
    left: 310px;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #eeeeee;
    z-index: 1;
    display: block;
  }
  .lpr.only-two {
    padding: 0 15px;
  }
  .lpr.only-two .lpr_left {
    padding: 0 15px;
    width: 370px;
  }
}

@media only screen and (max-width: 1279px) {
  [space="page/index/promotions"] {
    min-height: 0 !important;
  }
}

.articles-video-news-wrapper:after, .articles-video-news-wrapper:before {
  content: " ";
  display: table;
}

.articles-video-news-wrapper:after {
  clear: both;
}

@media only screen and (min-width: 960px) {
  .articles-video-news-wrapper {
    background: #ffffff;
  }
}

.mav_box {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #EEEEEE;
}

.mav_box-link {
  display: block;
  font-size: 1.4rem;
  color: #21272c;
  line-height: 1.4;
  position: relative;
}

.mav_box-link:after, .mav_box-link:before {
  content: " ";
  display: table;
}

.mav_box-link:after {
  clear: both;
}

.mav_box-link:hover {
  text-decoration: none;
  color: #21272c;
}

.mav_box-img {
  width: 100%;
  padding-top: 60%;
  margin: 0 0 10px 0;
  position: relative;
}

@media only screen and (min-width: 960px) {
  .mav_box-img {
    max-width: 250px;
  }
}

.mav_box-img img {
  position: absolute;
  top: 0;
  left: 0;
  max-height: 100%;
}

.mav_box-title {
  margin: 0;
  padding: 0;
  font-weight: 800;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.4rem;
  line-height: 1.3;
}

.mav_box-description {
  font-size: 1.3rem;
  margin-top: 6px;
}

@media only screen and (max-width: 639px) {
  .mav_column-1 .mav_box:first-child .mav_box-img {
    width: 100%;
  }
  .mav_column-1 .mav_box:first-child .mav_box-img img {
    width: 100%;
  }
  .mav_column-1 .mav_box:last-child {
    display: block;
  }
  .mav_column-1 .mav_box:last-child .mav_box-img {
    width: 125px;
    height: 75px;
    padding-top: 0;
    float: left;
    margin: 0;
  }
  .mav_column-1 .mav_box:last-child .mav_box-text {
    margin-left: 135px;
  }
  .mav_column-1 .mav_box:last-child .mav_box-description {
    display: none;
  }
  .mav_column-2 .mav_box {
    display: none;
    margin: 0;
    padding: 0;
    border: none;
  }
  .mav_column-2 .mav_box:first-child {
    display: block;
  }
  .mav_column-2 .mav_box:first-child .mav_box-img {
    width: 125px;
    height: 75px;
    padding-top: 0;
    float: left;
    margin: 0;
  }
  .mav_column-2 .mav_box:first-child .mav_box-text {
    margin-left: 135px;
  }
  .mav_column-2 .mav_box:first-child .mav_box-description {
    display: none;
  }
  .mav_column-3 {
    display: none;
  }
}

@media only screen and (min-width: 640px) and (max-width: 959px) {
  .mav .mav_column-1, .mav .mav_column-2 {
    width: 50%;
  }
  .mav .mav_column-1 .mav_box-img, .mav .mav_column-2 .mav_box-img {
    padding-top: 0;
    height: 150px;
  }
  .mav .mav_column-3 {
    display: none;
  }
}

@media only screen and (min-width: 400px) and (max-width: 640px) {
  .mav .mav_column-1 .mav_box:first-child .mav_box-img {
    width: 125px;
    height: 75px;
    padding-top: 0;
    float: left;
    margin: 0;
  }
  .mav .mav_column-1 .mav_box:first-child .mav_box-description {
    display: none;
  }
  .mav .mav_column-1, .mav .mav_column-2 {
    width: 100%;
  }
  .mav .mav_column-2 .mav_box:last-child {
    border-bottom: none;
  }
  .mav .mav_box {
    margin-bottom: 20px;
  }
  .mav .mav_box:last-child {
    margin-bottom: 20px;
    border-bottom: 1px solid #eeeeee;
  }
  .mav .mav_box .mav_box-img {
    width: 125px;
    height: 75px;
    padding-top: 0;
    margin: 0;
    float: left;
  }
  .mav .mav_box-text {
    margin-left: 135px;
  }
}

@media only screen and (min-width: 640px) {
  .mav {
    position: relative;
    margin: 0 -15px;
  }
  .mav_box {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
  .mav_box:last-child {
    margin: 0;
    padding: 0;
    border: none;
  }
  .mav_column-1 {
    padding: 0 15px;
    float: left;
    width: 37%;
  }
  .mav_column-2 {
    padding: 0 15px;
    float: left;
    width: 37%;
  }
  .mav_column-3 {
    padding: 0 15px;
    float: left;
    width: 26%;
  }
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .mav_column-1 {
    width: 50%;
  }
  .mav_column-2 {
    width: 50%;
  }
  .mav_column-3 {
    display: none;
  }
}

@media only screen and (min-width: 960px) {
  .mav_column-3 .mav_box-link .mav_box-img {
    max-width: 160px;
  }
  .mav:after {
    content: '';
    right: -26px;
    z-index: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #EEEEEE;
  }
}

.product-col {
  display: inline-block;
  float: none;
  vertical-align: top;
  font-size: 1rem;
  position: relative;
}

@media only screen and (max-width: 639px) {
  .product-col {
    padding-right: 0;
    padding-left: 0;
  }
}

.product-card__presence {
  width: 100%;
  display: inline-block;
  padding: 0;
  text-align: center;
  font-size: 1.2rem;
  margin: 0 0 10px 0;
}

.prc_hover-box {
  width: 100%;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  position: static;
  display: block;
  text-decoration: none;
  padding: 15px;
}

.prc_description {
  font-size: 1.4rem;
  margin: 0 0 15px 0;
  color: #21272c;
}

.prc hr {
  margin: 0 0 14px 0;
}

.prc p {
  font-size: 1.4rem;
  margin-bottom: 15px;
}

.prc_link {
  color: #21272c;
}

.prc_link:hover {
  text-decoration: none;
}

.prc_img {
  width: 100%;
  display: block;
  cursor: pointer;
  margin-bottom: 15px;
  text-align: center;
  padding-top: 100%;
  position: relative;
}

.prc_img img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  padding: 15px;
}

.prc_name {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 700;
  color: #21272c !important;
  margin: 0 0 10px 0;
}

.prc_name span {
  display: block;
}

.prc_name:hover {
  cursor: pointer;
}

.prc .product-id {
  float: left;
}

.prc .availability-in-stores {
  float: right;
}

.prc .price-block .price-save {
  display: none;
}

.prc .price-block .special-price {
  color: #ff3300;
}

.prc .prc_dropdown {
  width: 100%;
  display: block;
  margin: 0;
  list-style: none;
  padding: 0;
}

.prc .option-box {
  margin-bottom: 0;
}

.prc .estimate-shipping-cost {
  float: left;
}

@media only screen and (max-width: 639px) {
  .prc {
    background-color: #ffffff;
    border: 1px solid #eeeeee;
    margin-bottom: 0 !important;
  }
}

@media only screen and (max-width: 959px) {
  .prc_hover-box {
    background-color: #ffffff;
  }
  .prc .hidden-mobile {
    display: none !important;
  }
}

.grid-type {
  font-size: 0;
}

.grid-type .prc {
  margin-bottom: 20px;
}

.grid-type .prc_wrapper {
  font-size: 0;
  opacity: 1;
}

.grid-type .prc_left {
  width: 50%;
  display: inline-block;
  vertical-align: middle;
}

.grid-type .prc_left .option-box {
  padding: 1px 0;
}

.grid-type .prc_left .option-box.compare input[type="checkbox"] ~ label {
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-top: 2px;
  margin-top: -1px;
}

.grid-type .prc_left .option-box input[type="checkbox"] + label:before {
  top: -1px;
}

.grid-type .prc_right {
  width: 50%;
  display: inline-block;
  vertical-align: middle;
}

.grid-type .prc_right .save-to-wishlist {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  padding: 2px 0 2px 25px;
}

.grid-type .prc_name {
  display: block;
  height: 33px;
  overflow: hidden;
}

.grid-type .prc .price-block {
  padding-right: 10px;
}

.grid-type .prc_hover-box {
  padding: 15px 15px 0;
  position: relative;
}

@media only screen and (max-width: 959px) {
  .grid-type .prc_hover-box .prc_dropdown {
    height: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -999;
    padding: 0;
    left: 0;
    right: 0;
    top: 100%;
    background-color: #ffffff;
  }
}

.grid-type .prc_hover-box .product-button-wrapper {
  float: right;
  margin-bottom: 20px;
}

.grid-type .prc_hover-box .price-block {
  margin-bottom: 20px;
}

.grid-type .prc_hover-box .save-to-wishlist {
  float: right;
}

@media only screen and (max-width: 959px) {
  .grid-type .prc_hover-box .save-to-wishlist {
    font-size: 0;
    height: 50px;
    width: 100%;
    padding: 0;
  }
  .grid-type .prc_hover-box .save-to-wishlist .active-zone {
    left: 0;
    right: 0;
  }
}

.grid-type .product-badges {
  position: absolute;
  left: 15px;
  right: 15px;
}

@media only screen and (max-width: 959px) {
  .grid-type .prc .save-to-wishlist {
    width: 50px !important;
  }
  .grid-type .prc .price-block {
    float: left;
  }
  .grid-type .prc_left {
    width: 35%;
  }
  .grid-type .prc_right {
    width: 65%;
  }
}

@media only screen and (min-width: 960px) {
  .grid-type .product-badges {
    left: 0;
  }
  .grid-type .product-col .prc {
    position: relative;
  }
  .grid-type .product-col .prc.up-over-other {
    z-index: 55;
  }
  .grid-type .prc_hover-box {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    border: none;
    box-shadow: none;
    padding-bottom: 15px;
  }
  .grid-type .prc_hover-box:before {
    content: ' ';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    background-color: #fff;
    transition: all 100ms;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    z-index: 0;
  }
  .grid-type .prc_hover-box.hover-active .prc_view {
    z-index: 11;
  }
  .grid-type .prc_hover-box.hover-active .prc_dropdown {
    max-height: 300px;
    position: relative;
    transition: all 300ms;
  }
  .grid-type .prc_hover-box.hover-active .prc_dropdown-box {
    opacity: 1;
    transition: all 300ms;
    transition-delay: 200ms;
  }
  .grid-type .prc_hover-box.hover-active:before {
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
    left: -10px;
    right: -10px;
    top: -10px;
    z-index: 11;
    transition: all 300ms;
  }
  .grid-type .prc_view {
    position: relative;
    z-index: 30;
  }
  .grid-type .prc_dropdown {
    position: relative;
    max-height: 0;
    overflow: hidden;
    transition: all 100ms;
    background-color: #fff;
    z-index: 20;
  }
  .grid-type .prc_dropdown-box {
    position: relative;
    opacity: 0;
    transition-delay: 0ms;
    transition: all 100ms;
    padding-bottom: 5px;
    padding-top: 25px;
  }
}

@media only screen and (min-width: 1280px) {
  .grid-type .product-col .prc {
    min-height: 470px;
  }
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .grid-type .product-col .prc {
    min-height: 478px;
  }
}

@media (max-width: 680px) {
  .list-type .product-col {
    width: 100%;
  }
  .list-type .prc_hover-box {
    margin-bottom: 1px !important;
  }
}

.list-type {
  font-size: 0;
}

@media only screen and (min-width: 960px) {
  .list-type {
    padding-bottom: 12px;
  }
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .list-type .buy-wholesale {
    display: none;
  }
}

.list-type .save-to-wishlist {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 2px 0 2px 25px;
  margin-top: -2px;
}

.list-type .prc_name {
  margin-bottom: 15px;
}

@media only screen and (min-width: 640px) and (max-width: 959px) {
  .list-type .prc_name {
    height: 33px;
    overflow: hidden;
  }
}

.list-type .prc_hover-box {
  background-color: #ffffff;
  padding: 15px 15px 10px 15px;
  margin-bottom: 8px;
}

.list-type .prc_hover-box .option-box {
  padding: 1px 0;
}

.list-type .prc_hover-box .option-box.compare input[type="checkbox"] ~ label {
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-top: 2px;
  margin-top: -1px;
}

.list-type .prc_hover-box .option-box input[type="checkbox"] + label:before {
  top: -1px;
}

.list-type .prc_hover-box .availability-in-stores {
  display: inline-block;
  margin-bottom: 0;
}

.list-type .prc_hover-box .left {
  width: 130px;
  float: left;
}

.list-type .prc_hover-box .left .product-badges {
  display: none;
}

.list-type .prc_hover-box .img {
  width: 100%;
  margin: 0;
  display: block;
}

.list-type .prc_hover-box .img img {
  width: 100%;
}

.list-type .prc_hover-box hr {
  margin: 15px 0 10px;
}

.list-type .prc_hover-box .right {
  margin-left: 150px;
  padding-top: 0;
}

.list-type .prc_hover-box .bottom {
  width: 100%;
}

.list-type .prc_hover-box .bottom .product-badges {
  float: left;
  margin-top: -3px;
}

.list-type .prc_hover-box .option-box {
  width: 140px;
  float: left;
  margin-bottom: 0;
}

.list-type .prc_hover-box .prc_description {
  margin-top: 8px;
  margin-bottom: 0;
}

.list-type .prc_hover-box .product-button-wrapper {
  float: left;
  margin-bottom: 15px;
}

.list-type .prc_hover-box .price-block {
  margin-bottom: 15px;
}

.list-type .info {
  float: left;
  position: relative;
  cursor: help;
  margin-top: 15px;
  margin-left: 15px;
}

.list-type .info span {
  display: block;
  height: 20px;
  width: 20px;
}

.list-type .info span:before {
  position: absolute;
  content: ' ';
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 14.492753623188406% 100%;
  width: 20px;
  height: 20px;
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .list-type .info {
    margin-right: -5px;
    margin-left: 7px;
  }
}

@media only screen and (min-width: 640px) and (max-width: 959px) {
  .list-type .prc_hover-box {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 959px) {
  .list-type .info {
    display: none;
  }
  .list-type .buy-wholesale {
    display: none;
  }
  .list-type .prc_hover-box .img {
    margin-bottom: 10px;
  }
  .list-type .prc_hover-box .left {
    width: 120px;
  }
  .list-type .prc_hover-box .left .product-badges {
    display: block;
  }
  .list-type .prc_hover-box .left .product-badges li {
    margin-bottom: 5px;
  }
  .list-type .prc_hover-box .right {
    margin-left: 130px;
  }
  .list-type .prc_hover-box .price-block {
    width: 100%;
    height: 45px;
    margin-bottom: 5px;
  }
  .list-type .prc_hover-box hr {
    display: none;
  }
  .list-type .prc_hover-box .bottom {
    display: none;
  }
  .list-type .prc_hover-box .prc_description {
    display: none;
  }
  .list-type .prc_hover-box .product-id {
    margin-bottom: 5px;
  }
  .list-type .prc_hover-box .availability-in-stores {
    width: 100%;
    margin-bottom: 10px;
  }
  .list-type .prc_hover-box .mobile-wishlist {
    display: block;
    float: left;
    width: 29px;
  }
}

@media only screen and (max-width: 959px) and (max-width: 959px) {
  .list-type .prc_hover-box .mobile-wishlist .save-to-wishlist {
    font-size: 0;
    height: 50px;
    width: 100%;
    padding: 0;
    margin-left: 8px;
  }
  .list-type .prc_hover-box .mobile-wishlist .save-to-wishlist .active-zone {
    left: 0;
    right: 0;
  }
}

@media only screen and (min-width: 960px) {
  .list-type .mobile-wishlist {
    display: none;
  }
  .list-type .prc_hover-box .right {
    padding-top: 10px;
  }
  .list-type .prc_hover-box .bottom .right {
    padding-top: 0;
  }
}

.active-filter {
  display: block;
}

.active-filter .table {
  margin-top: 4px;
}

.active-filter .table-cell {
  font-size: 0;
  vertical-align: top;
}

.active-filter__item {
  border-radius: 12px;
  background-color: #d6dce0;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 4px 18px 4px 8px;
  font-size: 1.1rem;
  line-height: 1.1;
  text-align: center;
  display: inline-block;
  position: relative;
}

.active-filter__item:after {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 18.321740765109503% 73.3645812105156%;
  width: 8.44px;
  height: 8.44px;
  right: 6px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.active-filter__item:hover {
  cursor: pointer;
}

.active-filter__reset {
  padding-top: 3px;
  text-decoration: underline;
  color: #0066cc;
  font-size: 1.1rem;
}

.active-filter__reset:hover {
  cursor: pointer;
  text-decoration: none;
}

@media only screen and (min-width: 640px) and (max-width: 959px) {
  .active-filter .table {
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .active-filter .table {
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 1280px) {
  .active-filter .table {
    margin-bottom: 20px;
  }
}

.view-type {
  display: block;
  padding: 3px 10px;
}

.view-type .view {
  position: relative;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-size: auto auto;
}

.view-type .view:hover {
  cursor: pointer;
}

.view-type .view--grid {
  margin-right: 12px;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 24.154589371980677% 100%;
  width: 20px;
  height: 20px;
}

.view-type .view--grid.active {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 71.98067632850241% 94.22572178477691%;
  width: 20px;
  height: 20px;
}

.view-type .view--list {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 55.860975609756096% 62.99212598425197%;
  width: 24px;
  height: 20px;
}

.view-type .view--list.active {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 73.42195121951218% 62.99212598425197%;
  width: 24px;
  height: 20px;
}

@media only screen and (max-width: 959px) {
  .view-type {
    padding: 4px 6px;
    border-radius: 3px;
    border: 1px solid #d6dce0;
    background: #ffffff;
    height: 32px;
    display: flex;
    align-items: center;
  }
  .view-type .view--grid {
    margin-right: 8px;
  }
}

@media only screen and (min-width: 960px) {
  .view-type {
    margin-left: -10px;
  }
}

aside .aside-category {
  width: 100%;
  padding: 0 10px 30px 10px;
  position: relative;
}

aside .aside-category:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #d6dce0;
  bottom: 0;
}

aside .aside-category__title {
  font-size: 1.4rem;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 10px;
}

aside .aside-category ul {
  padding: 15px 0 0 0;
  margin: 0;
  width: 100%;
}

aside .aside-category ul li {
  width: 100%;
  list-style: none;
  position: relative;
  font-size: 1.4rem;
  padding-left: 15px;
}

aside .aside-category ul li:before {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 85.91549295774648% 26.47814910025707%;
  width: 8px;
  height: 12px;
  left: 0;
  top: 1px;
}

aside .aside-category ul li.last {
  padding-left: 0;
}

aside .aside-category ul li.last:before {
  content: none;
}

aside .aside-category a {
  color: #21272c;
  text-decoration: none;
}

aside .aside-category a:hover {
  cursor: pointer;
  color: #0066cc;
}

.mobile-filter-btn {
  padding: 6px;
  margin-right: 5px;
  border-radius: 3px;
  border: 1px solid #d6dce0;
  background: #ffffff;
  height: 32px;
  width: 32px;
  position: relative;
  cursor: pointer;
}

.mobile-filter-btn:before {
  position: absolute;
  content: ' ';
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 47.45762711864407% 94.22572178477691%;
  width: 21px;
  height: 20px;
}

.mobile-filter-btn:hover {
  cursor: pointer;
}

.products-amount {
  font-size: 1.4rem;
  margin-top: -10px;
  margin-bottom: 20px;
}

.no-products-by-filter {
  display: inline-block;
  font-size: 1.4rem;
  margin-bottom: 40px;
}

@media only screen and (max-width: 639px) {
  .catalogue-description {
    display: none;
  }
}

@media only screen and (min-width: 960px) {
  #product-page-slider-set-margin {
    margin-top: -96px;
  }
}

.product-page h1 {
  margin-bottom: 20px;
}

.product-page .product-weight:before {
  top: 0;
}

.product-page .product-info {
  margin-bottom: 50px;
}

.product-page .product-info .btn-wish {
  min-width: 140px;
  padding: 11px 5px;
}

@media only screen and (max-width: 959px) {
  .product-page .product-info .btn-wish {
    width: 100%;
  }
}

.product-page .product-info .btn-wish .save-to-wishlist {
  margin: 0;
  padding: 0 0 0 25px;
  float: none;
  font-size: 1.3rem;
  position: relative;
  white-space: normal;
}

.product-page .product-info .btn-wish .save-to-wishlist .ga-add-to-wishlist, .product-page .product-info .btn-wish .save-to-wishlist a {
  position: relative;
  color: #21272c;
}

.product-page .product-info .btn-wish .save-to-wishlist .ga-add-to-wishlist:before, .product-page .product-info .btn-wish .save-to-wishlist a:before {
  content: ' ';
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: -25px;
  margin: auto;
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 86.47342995169082% 93.97905759162303%;
  width: 20px;
  height: 19px;
}

.product-page .product-info .btn-wish .save-to-wishlist.active a:before {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 95.65217391304348% 47.382198952879584%;
  width: 20px;
  height: 19px;
}

.product-page .product-info .btn-wish .ga-add-to-wishlist {
  vertical-align: middle;
}

.product-page .product-info .btn-wish .active-zone {
  display: none;
}

.product-page .product-info hr {
  border-color: #d6dce0;
  margin: 5px 0 30px 0;
}

.product-page .product-info .wholesale-save {
  margin-top: 25px;
  margin-bottom: 15px;
}

.product-page .product-info .save-to-wishlist {
  margin-bottom: 15px;
  float: left;
}

.product-page .product-info .compare {
  margin-bottom: 15px;
  font-size: 0;
}

.product-page .product-info .compare label {
  font-size: 1.1rem;
}

.product-page .product-info .short-description {
  font-size: 1.4rem;
  line-height: 1.4;
}

.product-page .product-info .notification {
  float: right;
}

@media only screen and (min-width: 960px) {
  .product-page .product-info .notification {
    position: absolute;
  }
}

.product-page .spb {
  margin-top: 17px;
  position: relative;
  font-size: 1.3rem;
  color: #21272c;
  margin-bottom: 20px;
  padding-left: 30px;
}

.product-page .spb_title {
  margin-bottom: 5px;
}

.product-page .spb:before {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 27.253041362530414% 69.79166666666667%;
  width: 23px;
  height: 17px;
  left: 0;
  top: 0;
}

.product-page .spb_price {
  font-size: 1.6rem;
  color: #21272c;
  font-weight: bold;
  margin-right: 10px;
}

.product-page .spb_calc {
  cursor: pointer;
  font-size: 1.1rem;
  color: #0066cc;
}

.product-page .spb_calc:hover {
  text-decoration: underline;
}

/*

.product-slider {
  @include respond-to(mobile) {
    margin-bottom: 40px;
  }
  @include clearfix;
  width: 100%;
  .product-main-container {
    cursor: pointer;
    width: 100%;
    margin-bottom: 20px;
    position: relative;
    @include respond-to(lg) {
      width: 480px;
    }
    img {
      width: 100%;
    }
    &.image-inside {
      &:before {
        @include sprite;
        @include sprite-zoom;

        bottom: 10px;
        right: 10px;
      }
    }
  }
  .gallery-thumbs {
    display: block;
    width: 80px;
    height: 480px;
    margin: 0;
    float: left;
    position: relative;
    .swiper-slide {
      img {
        width: 100%;
        cursor: pointer;
      }
    }
    .swiper-container {
      height: 480px;
    }
    .gallery-thumbs-prev {
      top: 0;
      @include border-top-radius(3px);
      i {
        &:after {
          @include sprite-active-arrow-top;
        }
      }
    }
    .gallery-thumbs-next {
      top: auto;
      bottom: 0;
      @include border-bottom-radius(3px);
      i {
        &:after {
          @include sprite-active-arrow-bottom;
        }
      }
    }
    .gallery-thumbs-prev,
    .gallery-thumbs-next {
      left: 0;
      right: 0;
      width: 100%;
      margin: 0;
      height: auto;
      background: #d6dce0 none;
      i {
        position: relative;
        height: 30px;
        display: block;
        &:after {
          @include sprite;
          @include sprite-center;
        }
      }
      &:hover {
        background: $sunflower-yellow;
      }
    }

    @include respond-to(md) {
      height: 80px;
      width: 100%;
      .swiper-slide {
        width: auto;
        margin: 0 11px 0 0 !important;
        img {
          width: 80px;
        }
      }
      .swiper-container {
        height: 80px;
        width: 100%;
      }
    }
  }
  .gallery-mobile {
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
    position: relative;
    .swiper-slide {
      width: 100%;
      padding-top: 100%;
      overflow: hidden;
      img {
        width: 100%;
        position: absolute;
        z-index: 5;
        top: 0;
        right: 0;
        left: 0;
      }
    }
    .swiper-pagination {
      bottom: -25px;
    }
  }
}

body[data-device="desktop"] {
  .no-swipe {
    .swiper-wrapper {
      display: block;
      height: auto;
    }
    .swiper-slide {
      margin-bottom: 20px;
    }
  }
  .product__small-info {
    font-size: 1.4rem;
    color: $black;
  }
}

// special proposition

*/
.product-page .product-characteristic,
.product-page .product-id,
.product-page .product-weight,
.product-page .product-volt,
.product-page .availability-in-stores {
  font-size: 1.3rem;
  margin-bottom: 25px;
}

.product-page .product-info .price-block {
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}

.product-page .product-info .product-button-wrapper {
  margin-bottom: 50px;
}

.product-page .product-gallery .gallery-mobile {
  width: 100%;
  margin: auto;
}

@media only screen and (min-width: 960px) {
  .product-page .product-gallery .gallery-mobile {
    display: none;
  }
}

.product-page .product-gallery .gallery-desktop {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

@media only screen and (max-width: 959px) {
  .product-page .product-gallery .gallery-desktop,
  .product-page .product-gallery .gallery-thumbs-wrap {
    display: none;
  }
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .product-page .product-gallery .gallery-thumbs {
    height: 80px;
    width: 0;
  }
}

.product-page .product-gallery .gallery-thumbs-wrap {
  height: 480px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .product-page .product-gallery .gallery-thumbs-wrap {
    margin-top: 20px;
    height: 80px;
    flex-direction: row;
  }
}

.product-page .product-gallery .product-main-container {
  width: 480px;
  height: 480px;
  border-radius: 5px;
  border: 1px solid #f4f4f4;
  overflow: hidden;
}

.product-page .product-gallery .product-main-container img {
  max-width: 100%;
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .product-page .product-gallery .product-main-container {
    width: 445px;
    height: 445px;
  }
}

.product-page .product-info .save-to-wishlist,
.product-page .product-info .compare,
.product-page .product-info .btn-wish {
  opacity: 1;
}

.product-button-wrapper {
  overflow: visible;
  opacity: 1;
}

.aside-navigation {
  width: 100%;
}

.aside-navigation .title {
  font-size: 1.4rem;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.aside-navigation ul li {
  list-style: none;
}

.aside-navigation ul li a {
  color: #21272c;
  font-size: 1.4rem;
  text-decoration: none;
}

.aside-navigation ul li a:hover span {
  text-decoration: underline;
}

.aside-navigation .count {
  color: #c3c8cc;
}

.inline-block-parent-hack {
  font-size: 0;
}

@media only screen and (min-width: 960px) {
  .aside-navigation .title {
    margin-bottom: 20px;
  }
  .aside-navigation .promo-category {
    padding-bottom: 10px;
  }
  .aside-navigation ul {
    padding-left: 10px;
  }
  .aside-navigation ul li {
    margin-bottom: 15px;
  }
}

.category-card {
  display: inline-block;
  vertical-align: top;
  float: none;
  border-bottom: 1px solid #eeeeee;
}

.category-card__link {
  margin: 0 -10px;
  padding: 10px 40px 10px 10px;
  display: block;
  background-color: #ffffff;
  text-decoration: none;
  position: relative;
}

.category-card__link:after, .category-card__link:before {
  content: " ";
  display: table;
}

.category-card__link:after {
  clear: both;
}

.category-card__link:after {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 85.68075117370893% 39.33161953727507%;
  width: 8px;
  height: 12px;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  display: block;
}

.category-card__link:hover {
  text-decoration: none;
  cursor: pointer;
}

.category-card__name {
  font-size: 1.4rem;
  font-weight: 700;
  color: #21272c;
  margin-left: 65px;
  text-align: left;
  width: auto;
  height: 55px;
}

.category-card__name span {
  display: table-cell;
  vertical-align: middle;
  height: 55px;
}

.category-card__image {
  float: left;
  width: 55px;
  height: 55px;
  margin: 0;
  position: relative;
}

.category-card__image img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

@media only screen and (min-width: 960px) {
  .category-card {
    border: none;
  }
  .category-card__image {
    width: 100%;
    padding-top: 100%;
    margin: 0 0 15px 0;
    float: none;
  }
  .category-card__link {
    width: 100%;
    padding: 15px;
    margin: 0 0 20px 0;
    border: 1px solid transparent;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  }
  .category-card__link:after {
    content: none;
    display: none;
  }
  .category-card__link:hover {
    border-color: #ffcc00;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  }
  .category-card__name {
    height: auto;
    min-height: 48px;
    text-align: center;
    width: 100%;
    margin: 0;
  }
  .category-card__name span {
    display: inline;
    height: auto;
  }
}

.solutions-anchors {
  margin: 0 0 30px 0;
}

@media only screen and (max-width: 959px) {
  .solutions h1 {
    margin-top: 20px;
  }
  .solutions .text-highlight {
    padding: 0;
  }
}

@media only screen and (min-width: 960px) {
  .solutions-anchors {
    margin: 0 0 30px 0;
  }
  .solutions-anchors .btn {
    display: block;
    float: left;
    margin: 0 20px 20px 0;
  }
  .solutions .white-wrapper:hover h2 .text-highlight:before, .solutions .white-wrapper:hover h2 .text-highlight:after {
    width: 50%;
  }
}

.acct_row:after, .acct_row:before {
  content: " ";
  display: table;
}

.acct_row:after {
  clear: both;
}

.acct .field-group {
  width: 270px;
  float: left;
}

.acct .field-group:nth-child(1) {
  margin-right: 20px;
}

.acct .field-group:nth-child(2) {
  margin-right: 20px;
}

.acct .field-group.textarea {
  max-width: none;
}

.acct .change-password-btn {
  color: #0066cc;
  font-size: 1.4rem;
  padding-left: 24px;
  position: relative;
  display: inline-block;
  margin-top: 8px;
}

.acct .change-password-btn:before {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 100% 4.935064935064935%;
  width: 18px;
  height: 16px;
  left: 0;
  top: -3px;
}

.acct .change-password-btn:hover {
  cursor: pointer;
}

.acct .change-password-btn:hover:before {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 100% 54.285714285714285%;
  width: 18px;
  height: 16px;
}

.acct_bottom-button {
  padding-top: 30px;
  margin-bottom: 50px;
}

.acct_delete {
  background: #F9F9F9;
  padding: 20px 25px;
  margin-top: 20px;
  font-size: 1.4rem;
  line-height: 18px;
  color: #88939C;
}

.acct_delete p {
  font-size: 1.4rem;
  margin-bottom: 10px;
  color: #88939C;
}

.acct .delete-account-btn {
  color: #21272c;
  line-height: 24px;
  font-size: 1.6rem;
  cursor: pointer;
  display: inline-block;
}

.acct .sac {
  text-align: left;
  padding-bottom: 0;
  border: solid 1px #d6dce0;
}

.acct .sac p {
  color: #89949d;
  margin-bottom: 20px;
}

.acct .sac_btn {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #d0d8de;
  background: linear-gradient(to top, #f2f2f2, #ffffff);
  margin-bottom: 25px;
}

.acct .sac_btn i {
  width: 36px;
}

.acct .sac_btn .text {
  color: #21272c;
  font-size: 1.4rem;
  padding: 0 30px 0 9px;
  font-weight: 800;
}

.acct .sac_btn.-fb i:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 31.372549019607842% 64%;
  width: 26px;
  height: 26px;
}

.acct .sac .notification {
  margin-bottom: 25px;
}

@media only screen and (max-width: 959px) {
  .acct .sac {
    padding: 25px 25px 0;
  }
}

@media only screen and (max-width: 639px) {
  .acct_row {
    width: 100%;
    max-width: 420px;
  }
  .acct_row:after, .acct_row:before {
    content: " ";
    display: table;
  }
  .acct_row:after {
    clear: both;
  }
  .acct .field-group {
    width: 100%;
    float: none;
    margin-right: 0;
  }
  .acct .acct_bottom-button .btn {
    width: 100%;
    margin-bottom: 20px;
  }
  .acct .sac_btn {
    width: 100%;
  }
}

@media only screen and (min-width: 640px) and (max-width: 959px) {
  .acct .field-group {
    width: 285px;
  }
  .acct .field-group.textarea {
    width: 590px;
    margin-right: 0;
  }
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .acct .field-group.textarea {
    width: 470px;
    margin-right: 0;
  }
}

@media only screen and (min-width: 960px) {
  .acct .field-group {
    width: 225px;
  }
  .acct .field-group.textarea {
    margin-right: 0;
  }
}

@media only screen and (min-width: 1280px) {
  .acct .field-group.textarea {
    width: 100%;
  }
}

.hidden-messenger {
  display: none;
}

.toggle-show-messengers {
  color: #0066cc;
  font-size: 1.4rem;
  border-bottom: 1px dashed #0066cc;
  cursor: pointer;
}

.modal--deleteAccount .delete-account-confirm {
  border-color: #FC4545;
  background: #FC4545;
  border-radius: 8px;
  color: #ffffff !important;
}

.modal--deleteAccount .delete-account-confirm:hover {
  background: #FC4545 !important;
  border-color: #FC4545 !important;
}

.modal--deleteAccount .btn {
  min-width: 160px;
  padding-top: 13px;
  padding-bottom: 13px;
  margin-top: 20px;
}

@media only screen and (max-width: 639px) {
  .modal--deleteAccount .btn {
    width: 100%;
  }
}

.modal--deleteAccount .modal__title {
  font-size: 1.8rem;
}

.modal--deleteAccount .modal__head {
  background: #F9F9F9;
}

.modal--deleteAccount .modal__head, .modal--deleteAccount .modal__body {
  padding-left: 50px;
  padding-right: 50px;
}

.modal--deleteAccount .modal__body p {
  font-size: 1.6rem;
}

.mbp_count {
  font-size: 1.6rem;
}

@media only screen and (min-width: 960px) {
  .mbp_count {
    font-size: 1.8rem;
  }
}

.mbp-t {
  display: block;
  margin: 0 -20px 70px -20px;
  font-size: 1.3rem;
}

.mbp-t span {
  color: #89949d;
}

.mbp-t .red {
  color: #ff3300;
}

.mbp-t .red span {
  color: #ff3300;
}

.mbp-t .blue {
  color: #0066cc;
}

.mbp-t .blue span {
  color: #0066cc;
}

.mbp-t_tr {
  position: relative;
  padding: 20px 20px 20px 16px;
  border-top: 1px solid #d6dce0;
  border-left: 4px solid transparent;
}

.mbp-t_tr:after, .mbp-t_tr:before {
  content: " ";
  display: table;
}

.mbp-t_tr:after {
  clear: both;
}

.mbp-t_tr.active .mbp-t_toggle i:after {
  transform: rotate(-180deg) scale(1) skew(0deg) translate(0px);
}

.mbp-t_tr.active .mbp-t_expanded {
  display: block;
}

.mbp-t_tr.active {
  border-left: 4px solid #ffcc00;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  border-top: 1px solid transparent;
}

.mbp-t_tr.active + .mbp-t_tr {
  border-top: 1px solid transparent;
}

.mbp-t_tr:last-child {
  border-bottom: 1px solid #d6dce0;
}

.mbp-t_tr:last-child.active {
  border-bottom: 1px solid transparent;
}

.mbp-t_left {
  width: 80px;
  float: left;
}

.mbp-t_right {
  margin-left: 80px;
  padding-right: 30px;
  position: relative;
}

.mbp-t_right:after, .mbp-t_right:before {
  content: " ";
  display: table;
}

.mbp-t_right:after {
  clear: both;
}

.mbp-t_end-date {
  font-size: 1.1rem;
}

.mbp-t_reason {
  margin-bottom: 10px;
}

.mbp-t_sum-and-remainder {
  font-size: 1.1rem;
  max-width: 195px;
  margin-bottom: 10px;
}

.mbp-t_sum-and-remainder:after, .mbp-t_sum-and-remainder:before {
  content: " ";
  display: table;
}

.mbp-t_sum-and-remainder:after {
  clear: both;
}

.mbp-t_remainder, .mbp-t_sum {
  width: 50%;
  float: left;
}

.mbp-t_toggle {
  width: 30px;
  position: absolute;
  top: -10px;
  right: 0;
  bottom: -10px;
  cursor: pointer;
}

.mbp-t_toggle i {
  display: block;
  position: relative;
  width: 30px;
  height: 100%;
}

.mbp-t_toggle i:after {
  transition: transform 0.25s;
  position: absolute;
  content: ' ';
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 56.16350710900474% 68.19338422391857%;
  width: 12px;
  height: 8px;
}

.mbp-t_head {
  display: none;
}

.mbp-t_expanded {
  display: none;
  padding: 30px 0 0 0;
  position: relative;
}

.mbp-t_expanded:before {
  position: absolute;
  content: '';
  border: 1px dashed #89949d;
  height: 1px;
  left: 0;
  right: 0;
  top: 15px;
  z-index: 1;
}

.mbp-t_expanded-title {
  font-size: 1.3rem;
  font-weight: 700;
}

.mbp-t_expanded .mbp-t_tr {
  padding: 10px 0 10px 0;
  border: none;
}

.mbp-t_expanded .mbp-t_right {
  margin-right: 0;
}

.mbp-t_expanded .mbp-t_sum-and-remainder {
  margin: 0;
}

.mbp-t_expanded .mbp-t_end-date {
  display: none;
}

.mbp-t.write-off {
  margin-bottom: 40px !important;
}

.mbp-t.write-off .mbp-t_tr {
  padding: 10px 20px;
  border: none !important;
}

.mbp-t.write-off .mbp-t_left {
  width: 80px;
}

.mbp-t.write-off .mbp-t_right {
  margin: 0 0 0 80px;
  padding: 0;
}

@media only screen and (min-width: 960px) {
  .mbp-t--big {
    margin: 0 0 70px 0;
    font-size: 1.4rem;
    text-align: center;
  }
  .mbp-t--big span {
    display: none;
  }
  .mbp-t--big .mbp-t_tr {
    border: 1px solid #d6dce0 !important;
    border-radius: 3px;
    padding: 20px;
    margin: 0 0 20px 0;
  }
  .mbp-t--big .mbp-t_tr.active {
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px #ffcc00;
  }
  .mbp-t--big .mbp-t_left {
    width: 150px;
    margin-left: 140px;
  }
  .mbp-t--big .mbp-t_right {
    margin-left: 290px;
  }
  .mbp-t--big .mbp-t_reason {
    margin: 0;
    float: left;
    width: 50%;
  }
  .mbp-t--big .mbp-t_sum-and-remainder {
    margin: 0;
    float: left;
    max-width: none;
    width: 50%;
    font-size: 1.4rem;
  }
  .mbp-t--big .mbp-t_end-date {
    width: 140px;
    position: absolute;
    left: -290px;
    top: 0;
    font-size: 1.4rem;
  }
  .mbp-t--big .mbp-t_head {
    display: block;
    padding: 20px;
    color: #89949d;
  }
  .mbp-t--big .mbp-t_expanded-title {
    display: none;
  }
  .mbp-t--big .mbp-t_expanded .mbp-t_tr {
    margin: 0;
    border: none !important;
    padding: 15px 0;
  }
  .mbp-t--big .mbp-t_expanded .mbp-t_end-date {
    font-weight: 700;
    display: block;
  }
  .mbp-t--big.write-off .mbp-t_head {
    padding: 20px;
  }
  .mbp-t--big.write-off .mbp-t_tr {
    padding: 20px;
    border: 1px solid #d6dce0 !important;
  }
  .mbp-t--big.write-off .mbp-t_left {
    margin: 0;
    width: 140px;
  }
  .mbp-t--big.write-off .mbp-t_right {
    margin: 0 0 0 140px;
    padding: 0;
  }
  .mbp-t--big.write-off .mbp-t_reason {
    float: left;
    width: 75%;
  }
  .mbp-t--big.write-off .mbp-t_sum {
    width: 25%;
  }
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .mbp-t--big .mbp-t_tr {
    padding: 20px 10px;
  }
  .mbp-t--big .mbp-t_head {
    padding: 10px;
  }
  .mbp-t--big .mbp-t_left {
    margin-left: 100px;
    width: 110px;
  }
  .mbp-t--big .mbp-t_right {
    margin-left: 210px;
  }
  .mbp-t--big .mbp-t_end-date {
    width: 100px;
    left: -210px;
  }
  .mbp-t--big .mbp-t_toggle {
    bottom: auto;
    top: -20px;
    height: 55px;
  }
}

.cpl {
  margin-bottom: 20px;
  padding: 10px 0;
  font-size: 1.4rem;
}

.cpl_row {
  position: relative;
  padding: 10px 0;
  border-bottom: 1px dashed #89949d;
}

.cpl_row:after, .cpl_row:before {
  content: " ";
  display: table;
}

.cpl_row:after {
  clear: both;
}

.cpl_row-title {
  width: 100%;
  display: block;
  font-size: 1.4rem;
  font-weight: 700;
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
}

.cpl_row-title:before {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 10.679611650485437% 94.72295514511873%;
  width: 22px;
  height: 22px;
  left: 0;
  top: 0;
}

.cpl .product-id {
  margin-bottom: 10px;
}

.cpl .product-weight {
  margin-bottom: 10px;
}

.cpl .availability-in-stores {
  margin: 0 0 5px 0;
}

.cpl_row-head {
  display: none;
}

.cpl_left {
  width: 50px;
  float: left;
}

.cpl_img {
  display: inline-block;
}

.cpl_img img {
  width: 80px;
  max-width: 100%;
}

.cpl_right {
  margin-left: 60px;
}

.cpl_right:after, .cpl_right:before {
  content: " ";
  display: table;
}

.cpl_right:after {
  clear: both;
}

.cpl_product-name {
  font-size: 1.4rem;
  color: #21272c;
  display: inline-block;
  margin: 0 30px 10px 0;
}

.cpl_product-name:hover {
  color: #21272c;
}

.cpl_amount {
  display: none;
}

.cpl_price-and-btn:after, .cpl_price-and-btn:before {
  content: " ";
  display: table;
}

.cpl_price-and-btn:after {
  clear: both;
}

.cpl_price-and-btn .row {
  font-size: 0;
}

.cpl_price-and-btn .row > div {
  float: none;
  display: inline-block;
  vertical-align: middle;
  font-size: 1.4rem;
}

.cpl .price-block {
  height: 45px;
  padding: 0;
  margin: 0;
}

.cpl .price-block .price-save {
  display: none !important;
}

.cpl .price-block .special-price {
  color: #ff3300;
}

.cpl .product-button-wrapper {
  float: left;
  height: 45px;
}

.cpl .product-button-wrapper .items-in-cart {
  display: none;
}

.cpl_delete {
  position: absolute;
  z-index: 1;
  top: 12px;
  right: 0;
  width: 20px;
  height: 20px;
  cursor: pointer;
  display: block;
}

.cpl_delete i {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}

.cpl_delete i:after {
  position: absolute;
  content: ' ';
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 99.99278898156383% 36.29242819843342%;
  width: 17.97px;
  height: 18px;
}

.cpl_combo {
  position: relative;
}

.cpl_combo .cpl_td.column-2 {
  padding-left: 60px;
  font-size: 0;
  direction: rtl;
}

.cpl_combo .cpl_td.column-2 .right,
.cpl_combo .cpl_td.column-2 .left {
  font-size: 1.4rem;
  display: inline-block;
  vertical-align: middle;
}

.cpl_combo .cpl_td.column-2 .left {
  padding-left: 10px;
  width: 50%;
}

.cpl_combo .cpl_td.column-2 .left:after, .cpl_combo .cpl_td.column-2 .left:before {
  content: " ";
  display: table;
}

.cpl_combo .cpl_td.column-2 .left:after {
  clear: both;
}

.cpl_combo .cpl_td.column-2 .right {
  width: 50%;
}

.cpl_combo .cpl_td.column-2 .right:after, .cpl_combo .cpl_td.column-2 .right:before {
  content: " ";
  display: table;
}

.cpl_combo .cpl_td.column-2 .right:after {
  clear: both;
}

.cpl_combo .cpl_td.column-2 .centered {
  text-align: left;
}

.cpl_combo .cpl_td.column-2 .price-block {
  float: left;
}

.cpl_combo .cpl_row {
  border: none;
}

@media only screen and (min-width: 960px) {
  .cpl .centered {
    margin: 0 auto;
    display: table;
  }
  .cpl .centered:after, .cpl .centered:before {
    content: " ";
    display: table;
  }
  .cpl .centered:after {
    clear: both;
  }
  .cpl .availability-in-stores {
    margin: 0;
  }
  .cpl_row {
    padding: 10px 10px;
  }
  .cpl_main-info {
    min-height: 80px;
  }
  .cpl_row-head .cpl_main-info {
    min-height: 0;
  }
  .cpl_delete {
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .cpl_product-name {
    margin-right: 0;
  }
  .cpl_left {
    padding-right: 15px;
    width: 100px;
  }
  .cpl_right {
    margin-left: 100px;
    padding-right: 30px;
    font-size: 0;
  }
  .cpl_main-info, .cpl_price-and-btn, .cpl_amount {
    display: inline-block;
    float: none;
    font-size: 1.4rem;
    vertical-align: middle;
  }
  .cpl_main-info {
    width: 46%;
  }
  .cpl_price-and-btn {
    width: 37%;
    padding: 0 10px;
  }
  .cpl_amount {
    width: 17%;
  }
  .cpl_row-head {
    display: block;
    text-align: center;
    color: #89949d;
    font-size: 1.4rem;
    padding-bottom: 20px;
  }
  .cpl_row-head .cpl_left {
    text-align: left;
  }
  .cpl_row-head .cpl_availability {
    padding: 0;
  }
  .cpl_combo {
    position: relative;
  }
  .cpl_combo .cpl_table {
    display: table;
    margin: 0;
    width: 100%;
  }
  .cpl_combo .cpl_td {
    vertical-align: middle;
    display: table-cell;
    table-layout: fixed;
  }
  .cpl_combo .cpl_td.column-1 {
    width: 65.9%;
  }
  .cpl_combo .cpl_td.column-2 {
    width: 34.1%;
    padding-left: 10px;
    padding-right: 20px;
    direction: ltr;
  }
  .cpl_combo .cpl_td.column-2 .left {
    padding: 0 10px 0 0;
    width: 47.3%;
  }
  .cpl_combo .cpl_td.column-2 .left .product-button-wrapper {
    margin-right: 25px;
  }
  .cpl_combo .cpl_td.column-2 .right {
    width: 51.2%;
  }
  .cpl_combo .cpl_delete {
    top: 22px;
    bottom: 0;
    margin: auto;
  }
  .cpl_combo .cpl_row {
    padding-left: 0;
    padding-right: 0;
  }
  .cpl_combo .cpl_price-and-btn {
    width: 28.7%;
  }
  .cpl_combo .cpl_main-info {
    width: 71.3%;
  }
  .cpl_combo .cpl_right {
    padding-right: 0;
  }
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .cpl_price-and-btn {
    width: 46%;
  }
  .cpl_main-info {
    width: 37%;
  }
  .cpl_left {
    padding-right: 10px;
    width: 90px;
  }
  .cpl_right {
    margin-left: 90px;
    padding-right: 20px;
  }
  .cpl_combo .cpl_td.column-1 {
    width: 62.8%;
  }
  .cpl_combo .cpl_td.column-2 {
    width: 37.2%;
  }
  .cpl_combo .cpl_td.column-2 .left {
    width: 56.3%;
  }
  .cpl_combo .cpl_td.column-2 .right {
    width: 43.2%;
  }
  .cpl_combo .cpl_price-and-btn {
    width: 38.3%;
  }
  .cpl_combo .cpl_main-info {
    width: 61.7%;
  }
}

.cst {
  font-size: 1.3rem;
  margin-bottom: 40px;
}

.cst_column-1 {
  padding-right: 5px;
  color: #89949d;
}

.cst_column-2 {
  padding-left: 5px;
  font-weight: 700;
}

.cst_weight {
  margin-bottom: 10px;
}

.cst_discount {
  margin-bottom: 40px;
}

.cst_discount .cst_column-2 {
  color: #ff3300;
}

.cst_amount {
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 35px;
}

.cst_amount .cst_column-1 {
  color: #21272c;
}

.cst .btn {
  padding: 12px 15px;
}

.cst_column-1, .cst_column-2 {
  float: left;
  width: 50%;
}

@media only screen and (max-width: 639px) {
  .cst .btn {
    width: 100%;
    max-width: 400px;
  }
}

@media only screen and (min-width: 960px) {
  .cst_column-1 {
    width: 40%;
  }
  .cst_column-2 {
    width: 60%;
  }
}

.csd {
  margin-bottom: 20px;
}

.csd:after, .csd:before {
  content: " ";
  display: table;
}

.csd:after {
  clear: both;
}

.csd_top {
  border-bottom: 1px solid #EEEEEE;
  margin-bottom: 30px;
}

.csd_title {
  text-transform: uppercase;
  font-size: 1.4rem;
  font-weight: 700;
  float: left;
  width: 50%;
  text-align: center;
}

.csd_or {
  display: none;
}

.csd_coupon .btn {
  margin-top: 15px;
}

.csd_coupon-text {
  font-size: 1.1rem;
  color: #89949d;
}

.csd_cancel {
  color: #0066cc;
  display: inline-block;
  position: relative;
  font-size: 1.3rem;
  padding-left: 25px;
  margin: 10px 0;
}

.csd_cancel:before {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 99.99278898156383% 36.29242819843342%;
  width: 17.97px;
  height: 18px;
  top: -2px;
  left: 0;
}

.csd_cancel:hover {
  cursor: pointer;
}

.csd .field-group {
  margin-bottom: 45px;
}

@media only screen and (max-width: 639px) {
  .csd_coupon {
    max-width: 420px;
  }
  .csd_coupon .btn {
    width: 100%;
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .csd .field-group {
    margin-bottom: 60px;
  }
}

@media only screen and (min-width: 960px) {
  .csd_top {
    float: left;
  }
  .csd_title {
    width: auto;
  }
  .csd_or {
    float: left;
    padding: 0 30px;
    font-size: 1.4rem;
    text-align: center;
    display: block;
  }
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .csd_or {
    display: none;
  }
  .csd_title:first-of-type {
    margin-right: 10px;
  }
}

.empty-cart {
  position: relative;
  text-align: center;
  padding: 286px 30px 20px 30px;
}

.empty-cart:after {
  position: absolute;
  content: '';
  top: 30px;
  left: 0;
  right: 40px;
  margin: 0 auto;
  z-index: 1;
  background-image: url("../images/single/empty-cart.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 234px;
  height: 176px;
}

.empty-cart h1 {
  margin-bottom: 40px;
}

@media only screen and (max-width: 959px) {
  .ckp {
    padding-top: 20px;
  }
}

.ckp_top-right {
  display: block;
  color: #0066cc;
  float: right;
  font-size: 1.4rem;
  padding-right: 25px;
  position: relative;
  margin-top: 7px;
  cursor: pointer;
}

@media screen and (max-width: 440px) {
  .ckp_top-right {
    font-size: 0;
  }
}

@media only screen and (max-width: 959px) {
  .ckp_top-right {
    margin-bottom: 10px;
  }
}

.ckp_top-right:after {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 10.941179326584614% 78.85117493472585%;
  width: 22.07px;
  height: 18px;
  top: -4px;
  right: 0;
}

.ckp_top-right:hover {
  text-decoration: underline;
}

@media only screen and (min-width: 960px) {
  .ckp_steps {
    margin-bottom: 40px;
  }
}

.ckp_step {
  margin: 0;
  background: #ffffff;
  border-bottom: 5px solid #f4f4f4;
  padding: 20px 20px 0 20px;
  margin: 0 -10px;
}

.ckp_step:after, .ckp_step:before {
  content: " ";
  display: table;
}

.ckp_step:after {
  clear: both;
}

@media only screen and (max-width: 959px) {
  .ckp_step:last-child {
    margin-bottom: 40px;
  }
}

.ckp_step-edit {
  float: right;
  display: block;
  position: relative;
  font-size: 0;
}

.ckp_step-edit:after {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 61.400954653937944% 78.23834196891191%;
  width: 15px;
  height: 15px;
}

.ckp_step-edit:hover {
  cursor: pointer;
  text-decoration: underline;
}

.ckp_step-edit:hover:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 64.98090692124104% 78.23834196891191%;
  width: 15px;
  height: 15px;
}

.ckp_step-selected {
  font-size: 1.4rem;
  margin-bottom: 20px;
}

.ckp_step-selected p {
  margin-bottom: 10px;
}

.ckp_step-head:after, .ckp_step-head:before {
  content: " ";
  display: table;
}

.ckp_step-head:after {
  clear: both;
}

.ckp_step-head h2 {
  float: left;
}

.ckp_step-head h2:after, .ckp_step-head h2:before {
  content: " ";
  display: table;
}

.ckp_step-head h2:after {
  clear: both;
}

.ckp_step-head h2 i {
  color: #ffcc00;
}

.ckp_step-body {
  display: none;
  padding-bottom: 30px;
}

.ckp_step-body:after, .ckp_step-body:before {
  content: " ";
  display: table;
}

.ckp_step-body:after {
  clear: both;
}

.ckp_step.active .ckp_step-body {
  display: block;
}

.ckp_step.disabled {
  cursor: not-allowed;
}

.ckp_step.disabled .ckp_step-head {
  opacity: .6;
}

@media only screen and (max-width: 959px) {
  .ckp_step h2 {
    margin-bottom: 20px;
  }
  .ckp_step-edit {
    width: 30px;
    height: 20px;
  }
  .ckp_step-edit:after {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }
}

@media only screen and (min-width: 960px) {
  .ckp_step {
    padding: 30px 30px 0 30px;
    margin: 0;
  }
  .ckp_step-edit {
    color: #0066cc;
    font-size: 1.4rem;
    padding-right: 22px;
  }
  .ckp_step-edit:after {
    top: -3px;
    right: 0;
  }
  .ckp_step-selected {
    margin-bottom: 30px;
  }
}

.ckp_result-table {
  width: 100%;
  margin: 0 0 20px 0;
}

.ckp_result-table td {
  vertical-align: top;
}

.ckp_result-table tbody td {
  font-size: 1.4rem;
  padding: 7px 5px;
}

.ckp_result-table tbody td:nth-child(1) {
  color: #89949d;
  width: 30%;
  white-space: nowrap;
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .ckp_result-table tbody td:nth-child(1) {
    width: auto;
    white-space: normal;
  }
}

.ckp_result-table tbody td:nth-child(2) {
  font-weight: 700;
}

.ckp_result-table tfoot td {
  padding: 20px 5px 10px 5px;
  font-size: 1.8rem;
  font-weight: bold;
}

.ckp_confirm {
  transition: 0.25s;
}

@media only screen and (max-width: 639px) {
  .ckp .btn {
    width: 100%;
    max-width: 420px;
  }
}

@media only screen and (max-width: 959px) {
  .ckp .white-wrapper {
    padding-top: 20px;
  }
}

@media only screen and (min-width: 960px) {
  .ckp_confirm .white-wrapper {
    margin-bottom: 0;
  }
}

.ckp_confirm .textarea {
  margin-bottom: 50px;
}

.ckp .ncm {
  margin-bottom: 30px;
}

.ckp .ugr-box {
  margin-top: 0;
}

.gas {
  background: #ffffff;
  margin: 0 -10px 10px -10px;
  padding: 20px 20px 20px 20px;
}

.gas h2 {
  text-transform: uppercase;
  margin: 0 0 20px 0;
  position: relative;
  float: left;
  padding-right: 28px;
}

.gas h2:after {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 95.65217391304348% 0;
  width: 20px;
  height: 21px;
  right: 0;
  top: -4px;
}

.gas_toggle {
  position: relative;
  width: 30px;
  height: 25px;
  float: right;
  margin-top: -2px;
  cursor: pointer;
}

.gas_toggle span {
  display: none;
}

.gas_toggle:after {
  position: absolute;
  content: ' ';
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 90.77669902912622% 60.77922077922078%;
  width: 22px;
  height: 16px;
}

.gas_toggle--edit:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 61.400954653937944% 78.23834196891191%;
  width: 15px;
  height: 15px;
}

.gas .horizontal-slider .price-block .price-save {
  display: none;
}

.gas_slider-btn {
  font-size: 1.1rem;
  color: #0066cc;
  text-align: center;
  padding: 18px 0;
  margin: 0 -10px;
  cursor: pointer;
}

.gas_slider-btn:hover {
  background: #f4f4f4;
}

.gas .swiper-slide {
  padding-top: 10px;
}

.gas .swiper-slide.active {
  border: 1px solid #ffcc00;
}

.gas .swiper-slide.active:after {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 0 83.33333333333333%;
  width: 22px;
  height: 17px;
  right: 5px;
  top: 5px;
}

.gas_btn-confirm {
  padding-top: 15px;
  padding-bottom: 15px;
  margin-top: 15px;
  float: right;
}

@media only screen and (min-width: 960px) {
  .gas {
    padding: 30px;
    margin: 0 0 40px 0;
  }
  .gas_btn-confirm {
    margin-top: -41px;
    position: relative;
    z-index: 15;
  }
  .gas_toggle {
    margin: 0;
    width: auto;
    padding-right: 35px;
    padding-top: 6px;
  }
  .gas_toggle:after {
    left: auto;
  }
  .gas_toggle span {
    display: block;
    font-size: 1.4rem;
    color: #0066cc;
    white-space: nowrap;
    border-bottom: 1px dashed #0066cc;
  }
  .gas_toggle:hover span {
    border: none;
  }
  .gas_toggle--edit {
    padding-right: 25px;
    padding-top: 7px;
  }
  .gas_toggle--edit:hover:after {
    background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
    background-position: 64.98090692124104% 78.23834196891191%;
    width: 15px;
    height: 15px;
  }
}

.gas-t {
  border-top: 1px dashed #89949d;
}

.gas-t_row {
  padding: 10px;
  border-bottom: 1px dashed #89949d;
  position: relative;
}

.gas-t_row:after, .gas-t_row:before {
  content: " ";
  display: table;
}

.gas-t_row:after {
  clear: both;
}

.gas-t_left {
  padding-right: 15px;
  width: 100px;
  float: left;
}

.gas-t_left img {
  width: 80px;
  height: 80px;
}

.gas-t_right {
  margin-left: 100px;
  font-size: 0;
}

.gas-t_product-name {
  font-size: 1.4rem;
  color: #21272c;
  display: inline-block;
  margin: 0 30px 10px 0;
}

.gas-t_product-name:hover {
  color: #21272c;
}

.gas-t_price-and-btn .price-block {
  display: block;
  height: auto;
}

.gas-t_price-and-btn .price-block .price {
  display: block;
}

.gas-t_price-and-btn .price-block .price-save {
  display: none !important;
}

.gas-t .availability-in-stores {
  margin: 0 0 5px 0;
}

.gas-t_delete {
  position: absolute;
  z-index: 1;
  top: 12px;
  right: 0;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.gas-t_delete i {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}

.gas-t_delete i:after {
  position: absolute;
  content: ' ';
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 99.99278898156383% 36.29242819843342%;
  width: 17.97px;
  height: 18px;
}

@media only screen and (max-width: 959px) {
  .gas-t_price-and-btn .price-block .price > span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
  }
}

@media only screen and (min-width: 960px) {
  .gas-t .centered {
    margin: 0 auto;
    display: table;
  }
  .gas-t_main-info, .gas-t_price-and-btn {
    display: inline-block;
    font-size: 1.4rem;
    vertical-align: middle;
  }
  .gas-t_main-info {
    width: 50%;
  }
  .gas-t_price-and-btn {
    width: 50%;
  }
  .gas-t_delete {
    top: 0;
    bottom: 0;
    margin: auto;
  }
}

.dct_img {
  float: left;
  width: 100px;
}

.dct_img img {
  max-width: 100%;
}

.dct_right {
  margin-left: 115px;
}

.dct_right:after, .dct_right:before {
  content: " ";
  display: table;
}

.dct_right:after {
  clear: both;
}

.dct_name-and-description {
  padding-right: 10px;
}

.dct_name {
  margin-bottom: 10px;
}

.dct_description {
  display: none;
}

@media only screen and (min-width: 960px) {
  .dct_name-and-description {
    width: 75%;
    float: left;
  }
  .dct_price {
    float: left;
    width: 25%;
    text-align: center;
  }
  .dct_name {
    font-weight: bold;
  }
  .dct_description {
    display: block;
    font-size: 1.1rem;
  }
  .dct_description p {
    font-size: 1.1rem;
    margin-bottom: 10px;
  }
}

.gtw {
  margin: 0 -5px 40px -5px;
  font-size: 0;
}

.gtw:after, .gtw:before {
  content: " ";
  display: table;
}

.gtw:after {
  clear: both;
}

.gtw_item {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  padding: 0 5px;
  position: relative;
}

.gtw_item-remove {
  display: block;
  position: absolute;
  top: 5px;
  right: 10px;
  cursor: pointer;
  z-index: 1;
}

.gtw_item-remove i {
  width: 18px;
  height: 18px;
  display: block;
  position: relative;
}

.gtw_item-remove i:after {
  position: absolute;
  content: ' ';
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 99.52153110047847% 99.9844155844156%;
  width: 16px;
  height: 16px;
}

.gtw_item .spc {
  border: 1px solid #d6dce0;
  margin-bottom: 10px;
}

.gtw_item .spc_right {
  padding-right: 20px;
}

@media only screen and (min-width: 640px) and (max-width: 959px) {
  .gtw_item {
    width: 50%;
  }
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .gtw_item {
    width: 100%;
  }
}

@media only screen and (min-width: 1280px) {
  .gtw_item {
    width: 50%;
  }
}

.h2-confirm {
  padding-left: 25px;
  position: relative;
  z-index: 1;
}

.h2-confirm:before {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 0 83.33333333333333%;
  width: 22px;
  height: 17px;
  left: 0;
  top: 0;
}

.np-map {
  padding: 15px 10px;
}

#np-map {
  display: none !important;
}

.npw-map-open-button {
  background: transparent;
  color: #0066cc;
  border: none;
  font-size: 1.4rem;
  padding: 5px 5px 5px 30px;
  position: relative;
  outline: none;
}

.npw-map-open-button:before {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 90.77669902912622% 34.82849604221636%;
  width: 22px;
  height: 22px;
  top: 0;
  right: auto;
  bottom: 0;
  left: 0;
  margin: auto;
}

#npw-map-wrapper {
  z-index: 999;
}

.page404 {
  margin-top: 70px;
}

@media only screen and (max-width: 959px) {
  .page404 {
    margin-top: 20px;
  }
}

.page404 .title {
  line-height: 32px;
  font-size: 24px;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 30px;
}

@media only screen and (max-width: 959px) {
  .page404_img {
    display: block;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 960px) {
  .page404_img.-left, .page404_img.-right {
    position: absolute;
  }
}

.page404_img.-left {
  bottom: 55px;
  left: 0;
}

@media only screen and (min-width: 1280px) {
  .page404_img.-left {
    left: 55px;
  }
}

.page404_img.-right {
  bottom: 50px;
  right: 40px;
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .page404_img.-right {
    bottom: 90px;
    right: 0;
  }
}

.page404 h1 {
  text-align: center;
}

.page404 h2 {
  text-transform: uppercase;
  text-align: center;
}

.page404 p {
  line-height: 24px;
  font-size: 16px;
  text-align: center;
}

.page404 .sfic {
  padding-top: 40px;
  max-width: 480px;
  margin: 0 auto;
  margin-bottom: 40px;
}

.page404 .sfic_input {
  width: 100%;
  background: #ffffff;
  outline: 0;
  display: block;
  text-align: left;
  margin: 0;
  color: #21272c;
  text-decoration: none;
  font-size: 1.6em;
  padding: 14px 54px 14px 15px;
  border-radius: 6px;
  border: 1px solid #2392FD;
}

.page404 .qs_submit {
  display: none;
}

.page404 .qs_submit-label {
  top: 12px;
}

.page404 .qs_field {
  position: relative;
}

.page404 .qs_submit {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 44px;
  height: 100%;
  background: transparent;
  border: 0;
  outline: 0;
  display: block;
  margin: 0;
  padding: 0 0 0 0;
  text-decoration: none;
  cursor: pointer;
  font-size: 0;
  color: transparent;
  line-height: 0;
  opacity: 0;
  border-radius: 6px;
  z-index: 310;
}

.page404 .qs_submit-label {
  display: block;
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 37.28813559322034% 94.47368421052632%;
  width: 21px;
  height: 21px;
  cursor: pointer;
  right: 11px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.page404 .qs_submit:hover ~ .search__submit-label, .page404 .qs_submit:active ~ .search__submit-label {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 42.3728813559322% 94.47368421052632%;
  width: 21px;
  height: 21px;
}

.page404 .page404_or {
  margin: 40px 0 40px 0;
  height: 1px;
  position: relative;
  background: #d6dce0;
}

.page404 .page404_or span {
  display: block;
  width: 70px;
  font-size: 1.6rem;
  text-align: center;
  padding: 10px 0;
  text-transform: uppercase;
  left: 50%;
  margin-left: -35px;
  position: absolute;
  top: -19px;
  background: #f4f4f4;
  z-index: 1;
}

.ohp:after, .ohp:before {
  content: " ";
  display: table;
}

.ohp:after {
  clear: both;
}

.ohp_search {
  position: relative;
  width: 100%;
  max-width: 420px;
}

.ohp_search .field-group {
  margin-right: 0 !important;
  float: none;
  width: 100%;
}

.ohp_search .field-group input {
  padding-right: 35px;
}

.ohp_search-submit {
  display: block;
  position: absolute;
  content: '';
  z-index: 2;
  cursor: pointer;
  right: 0;
  top: 18px;
  background: transparent;
}

.ohp_search-submit input {
  width: 30px;
  height: 30px;
}

.ohp_search-submit input, .ohp_search-submit input:focus, .ohp_search-submit input:active, .ohp_search-submit input:hover {
  border: none;
  outline: none;
  background: transparent;
  font-size: 0;
  color: transparent;
  cursor: pointer;
}

.ohp_search-submit .relative:after {
  position: absolute;
  content: ' ';
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 68.45955864830084% 78.11287569189385%;
  width: 14.38px;
  height: 14.38px;
}

@media only screen and (min-width: 960px) {
  .ohp_search {
    float: right;
    margin-top: -95px;
    max-width: 270px;
  }
}

.ohlt {
  margin: 0 -20px 40px -20px;
}

.ohlt_tr {
  padding: 20px 20px 20px 20px;
  font-size: 0;
  display: block;
  border-bottom: 1px solid #eeeeee;
  position: relative;
}

.ohlt_tr:first-child {
  border-top: 1px solid #eeeeee;
}

.ohlt_tr, .ohlt_tr:hover {
  color: #21272c;
}

.ohlt a.ohlt_tr {
  cursor: pointer;
}

.ohlt a.ohlt_tr:after {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 85.68075117370893% 39.33161953727507%;
  width: 8px;
  height: 12px;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.ohlt a.ohlt_tr .ohlt_status {
  padding-right: 50px;
}

.ohlt_number-and-date, .ohlt_amount-and-status {
  display: inline-block;
  font-size: 1.3rem;
  vertical-align: top;
}

.ohlt_number-and-date {
  width: 33%;
}

.ohlt_number {
  margin-bottom: 10px;
}

.ohlt_amount-and-status {
  width: 67%;
  display: inline-block;
}

.ohlt_amount {
  font-weight: 700;
  margin-bottom: 10px;
}

.ohlt_status .otd {
  margin: 0 auto;
  padding: 0;
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.ohlt_status .otd_title {
  display: block;
}

.ohlt_status .select-group {
  min-width: 140px;
}

.ohlt_status .select-group .dropdown-menu li {
  white-space: normal;
}

.ohlt_head .ohlt_tr {
  border: none !important;
  color: #89949d;
}

.ohlt_head .ohlt_number {
  margin-bottom: 0;
}

.ohlt_head .ohlt_amount {
  margin-bottom: 0;
}

@media only screen and (max-width: 639px) {
  .ohlt_head {
    display: none;
  }
  .ohlt_head .ohlt_number-and-date {
    display: none;
  }
  .ohlt_head .ohlt_amount-and-status {
    width: 100%;
  }
  .ohlt_head .ohlt_amount {
    display: none;
  }
}

@media only screen and (min-width: 640px) {
  .ohlt {
    margin: 0 0 40px 0;
  }
  .ohlt_tr {
    padding: 20px 0 20px 0;
    border-bottom: 1px dashed #89949d;
    text-align: center;
  }
  .ohlt_tr:first-child {
    border-top: 1px dashed #89949d;
  }
  .ohlt_number-and-date, .ohlt_amount-and-status {
    font-size: 0;
    vertical-align: middle;
  }
  .ohlt_number-and-date {
    width: 35%;
  }
  .ohlt_number, .ohlt_date, .ohlt_amount, .ohlt_status {
    margin-bottom: 0;
    font-size: 1.4rem;
    display: inline-block;
    vertical-align: middle;
  }
  .ohlt_number {
    width: 50%;
  }
  .ohlt_date {
    width: 50%;
  }
  .ohlt_amount-and-status {
    width: 65%;
  }
  .ohlt_amount {
    font-weight: 400;
    width: 35%;
  }
  .ohlt_status {
    width: 65%;
    padding-right: 50px;
  }
}

@media only screen and (max-width: 959px) {
  .breadcrumbs + .white-wrapper > .bww_top {
    margin-top: -30px;
  }
}

@-webkit-keyframes bounce {
  0% {
    transform: scale(1);
  }
  60% {
    transform: scale(1.6);
  }
  100% {
    transform: scale(1.5);
  }
}

@keyframes bounce {
  0% {
    transform: scale(1);
  }
  60% {
    transform: scale(1.6);
  }
  100% {
    transform: scale(1.5);
  }
}

/* --------------------------------

Main Components

-------------------------------- */
.pct {
  margin: 0 0 40px 0;
  position: relative;
  padding-left: 40px;
  display: flex;
}

.pct img {
  max-width: 100%;
}

.pct table {
  margin: 0;
  table-layout: fixed;
}

.pct tr {
  background: #ffffff;
}

.pct tr:nth-child(even) {
  background: #f4f4f4;
}

.pct td {
  padding: 20px 10px;
  font-size: 1.4rem;
  border-right: 1px solid #d6dce0;
  vertical-align: top;
}

.pct td ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.pct .empty-tr td {
  height: 355px;
}

.pct .top-info {
  background: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  height: 355px;
}

.pct .top-info td {
  height: 355px;
  position: relative;
}

.pct_delete {
  position: absolute;
  z-index: 1;
  top: 10px;
  display: block;
  right: 10px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.pct_delete i {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}

.pct_delete i:after {
  position: absolute;
  content: ' ';
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 99.99278898156383% 36.29242819843342%;
  width: 17.97px;
  height: 18px;
}

.pct .product-card__img {
  width: 150px;
  padding: 0;
  height: 150px;
}

.pct .product-button-wrapper {
  float: left;
}

.pct .save-to-wishlist {
  float: left;
  font-size: 0;
  height: 50px;
  width: 50px;
  padding: 0;
}

.pct .save-to-wishlist .active-zone {
  right: 0;
}

.pct_features {
  position: relative;
  transition: all 200ms ease;
  box-shadow: 6px 0 8px -4px rgba(0, 0, 0, 0.2);
  opacity: 0;
  z-index: 10;
  width: 180px;
}

.pct_features td {
  width: 180px;
}

.pct_features table {
  width: 100%;
}

.pct_add-more {
  display: block;
  padding: 10px;
  min-height: 230px;
  border: 2px dashed #ffcc00;
  border-radius: 6px;
  color: #0066cc;
  font-size: 1.4rem;
}

.pct_add-more img {
  display: block;
  margin: 0 auto 20px auto;
  opacity: 0.2;
}

.pct_add-more:hover {
  text-decoration: none;
}

.pct_products {
  position: relative;
  overflow: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}

.pct_products td {
  width: 200px;
  min-width: 200px;
}

.pct_scroll-left, .pct_scroll-right {
  position: absolute;
  z-index: 3;
}

.pca {
  font-size: 0;
  float: right;
  padding-top: 8px;
}

.pca_back, .pca_clear {
  margin-left: 30px;
  font-size: 1.4rem;
  position: relative;
  display: inline-block;
  color: #21272c;
  text-decoration: none;
  padding-left: 25px;
}

.pca_back:before, .pca_clear:before {
  position: absolute;
  content: ' ';
  z-index: 2;
  left: 0;
  top: -3px;
}

.pca .print-link {
  display: inline-block;
  margin-left: 30px;
}

.pca_back:before {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 31.884057971014492% 87.98955613577023%;
  width: 20px;
  height: 18px;
}

.pca_clear:before {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 99.99278898156383% 36.29242819843342%;
  width: 17.97px;
  height: 18px;
}

body[data-device] .pct_features {
  opacity: 1;
}

.odb {
  max-width: 780px;
}

.odb:after, .odb:before {
  content: " ";
  display: table;
}

.odb:after {
  clear: both;
}

.odb .pt {
  margin-bottom: 0;
}

.odt2 {
  margin-bottom: 60px;
}

.odt2_tr {
  padding: 10px 0;
  border-bottom: 1px dashed #89949d;
}

.odt2_tr:first-child {
  border-top: 1px dashed #89949d;
}

.odt2_td {
  padding: 5px 0;
  font-size: 1.3rem;
}

.odt2_td:nth-child(1) {
  color: #89949d;
}

@media only screen and (min-width: 960px) {
  .odt2_tr {
    font-size: 0;
  }
  .odt2_td {
    font-size: 1.4rem;
    vertical-align: middle;
    display: inline-block;
    padding-left: 10px;
  }
  .odt2_td:first-child {
    padding-left: 0;
  }
  .odt2_td:nth-child(1) {
    width: 25%;
  }
  .odt2_td:nth-child(2) {
    width: 75%;
  }
}

.odt3 {
  margin-bottom: 60px;
}

.odt3_td {
  padding: 5px 0;
  font-size: 1.3rem;
  vertical-align: top;
  display: inline-block;
  color: #89949d;
}

.odt3_td:nth-child(1) {
  width: 30%;
  font-weight: 700;
}

.odt3_td:nth-child(2) {
  width: 70%;
  font-weight: 700;
}

.odt3_td:nth-child(3) {
  width: 100%;
}

.odt3_tr {
  padding: 10px 0;
  font-size: 0;
  border-bottom: 1px dashed #89949d;
}

.odt3_tr:first-child {
  border-top: 1px dashed #89949d;
}

.odt3_tr:first-child .odt3_td {
  color: #21272c;
}

@media only screen and (min-width: 960px) {
  .odt3_td {
    font-size: 1.4rem;
    padding-left: 10px;
  }
  .odt3_td:first-child {
    padding-left: 0;
  }
  .odt3_td:nth-child(1) {
    width: 12%;
  }
  .odt3_td:nth-child(2) {
    width: 38%;
  }
  .odt3_td:nth-child(3) {
    width: 50%;
  }
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .odt3_td:nth-child(1) {
    width: 15%;
    text-align: center;
  }
  .odt3_td:nth-child(2) {
    width: 25%;
    text-align: center;
  }
  .odt3_td:nth-child(3) {
    width: 60%;
  }
}

.odt4 {
  margin-bottom: 60px;
}

.odt4_td {
  padding: 5px 0;
  font-size: 1.3rem;
  vertical-align: top;
  display: inline-block;
  color: #21272c;
}

.odt4_td:nth-child(1) {
  width: 30%;
  font-weight: 700;
}

.odt4_td:nth-child(2) {
  width: 70%;
  font-weight: 700;
}

.odt4_td:nth-child(3) {
  width: 100%;
}

.odt4_td:nth-child(3) {
  width: 100%;
}

.odt4_tr {
  padding: 10px 0;
  font-size: 0;
  border-bottom: 1px dashed #89949d;
}

.odt4_tr:first-child {
  border-top: 1px dashed #89949d;
}

.odt4_thead {
  display: none;
}

@media only screen and (min-width: 960px) {
  .odt4_td {
    font-size: 1.4rem;
    padding-left: 10px;
  }
  .odt4_td:first-child {
    padding-left: 0;
  }
  .odt4_td:nth-child(1) {
    width: 12%;
    font-weight: 400;
  }
  .odt4_td:nth-child(2) {
    width: 10%;
    font-weight: 400;
  }
  .odt4_td:nth-child(3) {
    width: 46%;
  }
  .odt4_td:nth-child(4) {
    width: 32%;
  }
  .odt4_thead {
    display: block;
  }
  .odt4_thead .odt4_tr {
    border-top: none;
  }
  .odt4_thead .odt4_td {
    font-weight: 700;
  }
}

.od-dp_row {
  font-size: 0;
  padding: 10px 0;
  border-bottom: 1px dashed #89949d;
}

.od-dp_left, .od-dp_right {
  display: inline-block;
  width: 50%;
  vertical-align: middle;
}

.od-dp_top + .od-dp_left .od-dp_name {
  display: none;
}

.od-dp_top ~ .od-dp_left,
.od-dp_top ~ .od-dp_right {
  vertical-align: top;
}

.od-dp_right {
  font-size: 1.3rem;
  padding-left: 5px;
}

.od-dp_left {
  padding-right: 5px;
}

.od-dp_price {
  text-transform: uppercase;
  font-weight: 700;
}

.od-dp_name {
  font-size: 1.1rem;
  margin-bottom: 10px;
  padding-right: 5px;
}

.od-dp_name span {
  display: block;
  font-size: 1.3rem;
}

.od-dp_img {
  display: none;
}

.od-dp_info {
  font-size: 1.1rem;
  color: #89949d;
}

@media only screen and (min-width: 960px) {
  .od-dp_top {
    display: none;
  }
  .od-dp_top + .od-dp_left .od-dp_name {
    display: inline-block;
  }
  .od-dp_top ~ .od-dp_left,
  .od-dp_top ~ .od-dp_right {
    vertical-align: middle;
  }
  .od-dp_left {
    width: 68%;
    font-size: 0;
  }
  .od-dp_right {
    width: 32%;
    text-align: right;
    padding-right: 20px;
  }
  .od-dp_name, .od-dp_img, .od-dp_info {
    display: inline-block;
    font-size: 1.4rem;
    vertical-align: middle;
  }
  .od-dp_name {
    width: 19%;
    margin-bottom: 0;
  }
  .od-dp_name span {
    display: none;
  }
  .od-dp_img {
    width: 21%;
    padding-right: 10px;
  }
  .od-dp_img img {
    max-width: 100%;
    width: 100px;
  }
  .od-dp_info {
    width: 60%;
  }
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .od-dp_name {
    width: 22%;
  }
  .od-dp_info {
    width: 57%;
  }
}

.od-tr {
  border-bottom: 4px solid #ffcc00;
  margin-bottom: 60px;
  padding: 10px 0 5px 0;
}

.od-tr_row {
  padding: 5px 0;
  line-height: 16px;
}

.od-tr_row:after, .od-tr_row:before {
  content: " ";
  display: table;
}

.od-tr_row:after {
  clear: both;
}

.od-tr_name {
  font-size: 1.1rem;
  float: left;
  width: 50%;
}

.od-tr_weight {
  display: none;
}

.od-tr_price {
  float: right;
  width: 50%;
  font-size: 1.4rem;
}

.od-tr_row:last-child .od-tr_name {
  font-size: 1.3rem;
  font-weight: 700;
}

.od-tr_row:last-child .od-tr_price {
  font-size: 1.6rem;
  font-weight: 700;
}

@media only screen and (min-width: 960px) {
  .od-tr_row {
    font-size: 0;
  }
  .od-tr_name, .od-tr_weight, .od-tr_price {
    display: inline-block;
    float: none;
    vertical-align: middle;
    font-size: 1.4rem;
  }
  .od-tr_name {
    width: 50%;
  }
  .od-tr_weight {
    width: 20%;
    text-align: center;
  }
  .od-tr_price {
    text-align: right;
    padding-right: 20px;
  }
  .od-tr_row:last-child .od-tr_name {
    font-size: 1.6rem;
  }
  .od-tr_row:last-child .od-tr_price {
    font-size: 1.8rem;
  }
}

.fb_iframe_widget {
  vertical-align: top;
}

.share-buttons {
  line-height: 0;
}

.sac {
  position: relative;
  text-align: center;
  padding: 25px;
  border-top: solid 1px #d6dce0;
}

@media only screen and (min-width: 960px) {
  .sac {
    border: solid 1px #d6dce0;
    border-radius: 4px;
  }
}

.sac p {
  margin-bottom: 10px;
}

.sac_head {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  transform: translateY(-50%);
}

.sac_head span {
  padding: 0 12px;
  font-size: 1.4em;
  background: #ffffff;
  color: #89949d;
}

.sac_btn {
  min-width: 180px;
  min-height: 36px;
  padding: 8px 0;
  border-radius: 6px;
  display: inline-block;
  position: relative;
  font-size: 0;
  text-align: left;
  cursor: pointer;
}

.sac_btn i,
.sac_btn .text {
  display: inline-block;
  vertical-align: middle;
}

.sac_btn i {
  width: 42px;
  position: relative;
}

.sac_btn i:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 1;
}

.sac_btn .text {
  font-size: 1.6rem;
  position: relative;
  padding: 0 10px 0 25px;
}

.sac_btn .text span {
  display: inline-block;
  font-weight: 400;
  color: #0066cc;
  font-size: 1.2rem;
  position: relative;
  border-bottom: #0066cc 1px dashed;
}

.sac_btn .text:before {
  content: " ";
  position: absolute;
  display: block;
  width: 1px;
  height: 16px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 1;
  opacity: 0.1;
  background-color: #000000;
}

.sac_btn.-fb {
  background-color: #306199;
  color: #ffffff;
}

.sac_btn.-fb i:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 85.37735849056604% 60.62992125984252%;
  width: 10px;
  height: 20px;
}

.psgTimer {
  display: table;
  margin: 0 auto 30px auto;
  font-size: 0;
  font-family: 'Roboto', sans-serif;
}

.psgTimer_numbers > div, .psgTimer_labels > div {
  display: inline-block;
  font-size: 0;
  width: 124px;
  text-align: center;
}

.psgTimer_numbers > div {
  position: relative;
}

.psgTimer_numbers > div:after {
  content: ":";
  line-height: 60px;
  height: 60px;
  display: block;
  font-weight: bold;
  font-size: 24px;
  color: #21272c;
  position: absolute;
  top: 0;
  right: -4px;
}

.psgTimer_numbers > div:last-child:after {
  content: none;
}

.psgTimer_numbers > div > div {
  display: inline-block;
  vertical-align: top;
  width: 44px;
  height: 60px;
  line-height: 60px;
  background: #21272C;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  font-weight: bold;
  font-size: 24px;
  text-align: center;
  color: #ffffff;
}

.psgTimer_numbers > div > div:nth-child(2) {
  margin-left: 5px;
}

.psgTimer_labels > div {
  padding-top: 5px !important;
  font-size: 12px;
  line-height: 18px;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  color: #21272c;
}

@media only screen and (max-width: 639px) {
  .psgTimer_numbers > div, .psgTimer_labels > div {
    width: 74px;
  }
  .psgTimer_numbers > div {
    position: relative;
  }
  .psgTimer_numbers > div:after {
    line-height: 40px;
    height: 40px;
    font-size: 16px;
    right: -2px;
  }
  .psgTimer_numbers > div div {
    width: 26px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
  }
  .psgTimer_numbers > div div:first-child {
    margin-right: 2px;
  }
  .psgTimer_labels > div {
    font-size: 10px;
    line-height: 16px;
  }
}

/* BEGIN: Quick search */
.highlight-word {
  font-weight: bold !important;
}

/* END: Quick search */
/* BEGIN: Product list */
.no-search-results {
  display: none;
}

/* END: Product list */
/* BEGIN: Analogue button link */
.product-button-wrapper .analog[data-analogue="on"] .icon-wrapper {
  display: block;
}

.product-button-wrapper [data-analogue="on"] .analogue-link {
  display: block;
}

/* END: Analogue button link */
/* tabs show/hide styles */
.pgts .pgts_caption {
  cursor: pointer;
}

.pgts .pgts_caption.disabled {
  opacity: 0.5;
  cursor: default;
}

.pgts .pgts_contents > .info {
  display: none;
}

.pgts .pgts_contents > .info.active {
  display: block;
}

.pgt_captions ul > li .pgt_caption.active:before, .pgt_captions ul > li .pgt_caption.active:after {
  width: 50%;
}

.pgt_contents .pgt_content {
  display: none;
}

.csd_or:last-child {
  display: none;
}

@media only screen and (max-width: 959px) {
  .pgt_contents .info.mob-active .pgt_content {
    display: block;
  }
}

@media only screen and (min-width: 960px) {
  .pgt_contents .info.active .pgt_content {
    display: block;
  }
}

/* copy styles
.pgts_captions - from csd_top
.pgts_caption - from csd_title
*/
/* tabs show/hide styles */
/* need to make testimonials as links*/
.tml_row:hover {
  text-decoration: none;
}

.tml_row {
  color: #333;
}

/* need to make testimonials as links*/
/* right panel cart empty */
.rsp_item--cart .rsp_cart-empty {
  display: none;
}

.rsp_item--cart.empty .rsp_cart-empty {
  display: block;
}

.rsp_item--cart.empty .rsp_cart-price,
.rsp_item--cart.empty .btn {
  display: none;
}

/* right panel cart empty */
.anb_top {
  display: block;
  font-size: 1.4rem;
  font-weight: 700;
  text-transform: uppercase;
  /*margin-bottom: 10px;*/
}

.result-empty .order-history-list-table, .history-empty .order-history-list-table {
  display: none;
}

.history-empty .search-link-clear {
  display: none;
}

.orders-search-no-results {
  display: none;
}

.result-empty .orders-search-no-results {
  display: block;
}

.no-orders-wrapper {
  display: none;
}

.history-empty .no-orders-wrapper {
  display: block;
}

.search-link-clear {
  display: none;
}

.history-search-true .search-link-clear {
  display: inline-block;
}

/* order details table groups */
.odb_group {
  margin-bottom: 40px;
}

/** */
.field-group .chosen-container.error {
  border-color: #ff3300;
}

[space="cart/cart-wrapper"] .product-button-wrapper .only-in-stock {
  width: auto;
  top: auto;
}

/* fix critical css in empty cart */
.crt {
  font-size: 0;
}

body[adblock='is-enabled'] .main-bomb,
body[adblock='is-enabled'] .google-banner {
  display: none !important;
}

body[adblock='is-enabled'] .mainpage-tabs {
  margin-top: 10px;
}

body[adblock='is-enabled'] .news-fix-aside {
  display: none;
}

body[adblock='is-enabled'] .news-wrapper {
  width: 100%;
}

/* ===== critical css ===== */
body[data-styles="not-ready"] .invisible-in-critical {
  opacity: 0;
  pointer-events: none;
}

body[data-styles="not-ready"] .none-in-critical {
  display: none !important;
}

/* ===== @tooltipster ===== */
.tmp-new-site .container, .oxp .container {
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 960px) {
  .tmp-new-site .container, .oxp .container {
    max-width: 930px;
  }
}

@media (min-width: 1280px) {
  .tmp-new-site .container, .oxp .container {
    max-width: 1200px;
  }
}

.tmp-new-site .container-fluid, .oxp .container-fluid {
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
  margin-right: auto;
  margin-left: auto;
}

.tmp-new-site .row, .oxp .row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
}

.tmp-new-site .no-gutters, .oxp .no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.tmp-new-site .no-gutters > .col,
.tmp-new-site .no-gutters > [class*="col-"], .oxp .no-gutters > .col,
.oxp .no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.tmp-new-site .col-1, .tmp-new-site .oxp .col-1, .oxp .tmp-new-site .col-1, .tmp-new-site .col-2, .tmp-new-site .oxp .col-2, .oxp .tmp-new-site .col-2, .tmp-new-site .col-3, .tmp-new-site .oxp .col-3, .oxp .tmp-new-site .col-3, .tmp-new-site .col-4, .tmp-new-site .oxp .col-4, .oxp .tmp-new-site .col-4, .tmp-new-site .col-5, .tmp-new-site .oxp .col-5, .oxp .tmp-new-site .col-5, .tmp-new-site .col-6, .tmp-new-site .oxp .col-6, .oxp .tmp-new-site .col-6, .tmp-new-site .col-7, .tmp-new-site .oxp .col-7, .oxp .tmp-new-site .col-7, .tmp-new-site .col-8, .tmp-new-site .oxp .col-8, .oxp .tmp-new-site .col-8, .tmp-new-site .col-9, .tmp-new-site .oxp .col-9, .oxp .tmp-new-site .col-9, .tmp-new-site .col-10, .tmp-new-site .oxp .col-10, .oxp .tmp-new-site .col-10, .tmp-new-site .col-11, .tmp-new-site .oxp .col-11, .oxp .tmp-new-site .col-11, .tmp-new-site .col-12, .tmp-new-site .oxp .col-12, .oxp .tmp-new-site .col-12, .tmp-new-site .col,
.tmp-new-site .col-auto, .tmp-new-site .oxp .col, .oxp .tmp-new-site .col,
.tmp-new-site .oxp .col-auto, .oxp .tmp-new-site .col-auto, .tmp-new-site .col-sm-1, .tmp-new-site .oxp .col-sm-1, .oxp .tmp-new-site .col-sm-1, .tmp-new-site .col-sm-2, .tmp-new-site .oxp .col-sm-2, .oxp .tmp-new-site .col-sm-2, .tmp-new-site .col-sm-3, .tmp-new-site .oxp .col-sm-3, .oxp .tmp-new-site .col-sm-3, .tmp-new-site .col-sm-4, .tmp-new-site .oxp .col-sm-4, .oxp .tmp-new-site .col-sm-4, .tmp-new-site .col-sm-5, .tmp-new-site .oxp .col-sm-5, .oxp .tmp-new-site .col-sm-5, .tmp-new-site .col-sm-6, .tmp-new-site .oxp .col-sm-6, .oxp .tmp-new-site .col-sm-6, .tmp-new-site .col-sm-7, .tmp-new-site .oxp .col-sm-7, .oxp .tmp-new-site .col-sm-7, .tmp-new-site .col-sm-8, .tmp-new-site .oxp .col-sm-8, .oxp .tmp-new-site .col-sm-8, .tmp-new-site .col-sm-9, .tmp-new-site .oxp .col-sm-9, .oxp .tmp-new-site .col-sm-9, .tmp-new-site .col-sm-10, .tmp-new-site .oxp .col-sm-10, .oxp .tmp-new-site .col-sm-10, .tmp-new-site .col-sm-11, .tmp-new-site .oxp .col-sm-11, .oxp .tmp-new-site .col-sm-11, .tmp-new-site .col-sm-12, .tmp-new-site .oxp .col-sm-12, .oxp .tmp-new-site .col-sm-12, .tmp-new-site .col-sm,
.tmp-new-site .col-sm-auto, .tmp-new-site .oxp .col-sm, .oxp .tmp-new-site .col-sm,
.tmp-new-site .oxp .col-sm-auto, .oxp .tmp-new-site .col-sm-auto, .tmp-new-site .col-md-1, .tmp-new-site .oxp .col-md-1, .oxp .tmp-new-site .col-md-1, .tmp-new-site .col-md-2, .tmp-new-site .oxp .col-md-2, .oxp .tmp-new-site .col-md-2, .tmp-new-site .col-md-3, .tmp-new-site .oxp .col-md-3, .oxp .tmp-new-site .col-md-3, .tmp-new-site .col-md-4, .tmp-new-site .oxp .col-md-4, .oxp .tmp-new-site .col-md-4, .tmp-new-site .col-md-5, .tmp-new-site .oxp .col-md-5, .oxp .tmp-new-site .col-md-5, .tmp-new-site .col-md-6, .tmp-new-site .oxp .col-md-6, .oxp .tmp-new-site .col-md-6, .tmp-new-site .col-md-7, .tmp-new-site .oxp .col-md-7, .oxp .tmp-new-site .col-md-7, .tmp-new-site .col-md-8, .tmp-new-site .oxp .col-md-8, .oxp .tmp-new-site .col-md-8, .tmp-new-site .col-md-9, .tmp-new-site .oxp .col-md-9, .oxp .tmp-new-site .col-md-9, .tmp-new-site .col-md-10, .tmp-new-site .oxp .col-md-10, .oxp .tmp-new-site .col-md-10, .tmp-new-site .col-md-11, .tmp-new-site .oxp .col-md-11, .oxp .tmp-new-site .col-md-11, .tmp-new-site .col-md-12, .tmp-new-site .oxp .col-md-12, .oxp .tmp-new-site .col-md-12, .tmp-new-site .col-md,
.tmp-new-site .col-md-auto, .tmp-new-site .oxp .col-md, .oxp .tmp-new-site .col-md,
.tmp-new-site .oxp .col-md-auto, .oxp .tmp-new-site .col-md-auto, .tmp-new-site .col-lg-1, .tmp-new-site .oxp .col-lg-1, .oxp .tmp-new-site .col-lg-1, .tmp-new-site .col-lg-2, .tmp-new-site .oxp .col-lg-2, .oxp .tmp-new-site .col-lg-2, .tmp-new-site .col-lg-3, .tmp-new-site .oxp .col-lg-3, .oxp .tmp-new-site .col-lg-3, .tmp-new-site .col-lg-4, .tmp-new-site .oxp .col-lg-4, .oxp .tmp-new-site .col-lg-4, .tmp-new-site .col-lg-5, .tmp-new-site .oxp .col-lg-5, .oxp .tmp-new-site .col-lg-5, .tmp-new-site .col-lg-6, .tmp-new-site .oxp .col-lg-6, .oxp .tmp-new-site .col-lg-6, .tmp-new-site .col-lg-7, .tmp-new-site .oxp .col-lg-7, .oxp .tmp-new-site .col-lg-7, .tmp-new-site .col-lg-8, .tmp-new-site .oxp .col-lg-8, .oxp .tmp-new-site .col-lg-8, .tmp-new-site .col-lg-9, .tmp-new-site .oxp .col-lg-9, .oxp .tmp-new-site .col-lg-9, .tmp-new-site .col-lg-10, .tmp-new-site .oxp .col-lg-10, .oxp .tmp-new-site .col-lg-10, .tmp-new-site .col-lg-11, .tmp-new-site .oxp .col-lg-11, .oxp .tmp-new-site .col-lg-11, .tmp-new-site .col-lg-12, .tmp-new-site .oxp .col-lg-12, .oxp .tmp-new-site .col-lg-12, .tmp-new-site .col-lg,
.tmp-new-site .col-lg-auto, .tmp-new-site .oxp .col-lg, .oxp .tmp-new-site .col-lg,
.tmp-new-site .oxp .col-lg-auto, .oxp .tmp-new-site .col-lg-auto, .oxp .tmp-new-site .col-1, .tmp-new-site .oxp .col-1, .oxp .col-1, .oxp .tmp-new-site .col-2, .tmp-new-site .oxp .col-2, .oxp .col-2, .oxp .tmp-new-site .col-3, .tmp-new-site .oxp .col-3, .oxp .col-3, .oxp .tmp-new-site .col-4, .tmp-new-site .oxp .col-4, .oxp .col-4, .oxp .tmp-new-site .col-5, .tmp-new-site .oxp .col-5, .oxp .col-5, .oxp .tmp-new-site .col-6, .tmp-new-site .oxp .col-6, .oxp .col-6, .oxp .tmp-new-site .col-7, .tmp-new-site .oxp .col-7, .oxp .col-7, .oxp .tmp-new-site .col-8, .tmp-new-site .oxp .col-8, .oxp .col-8, .oxp .tmp-new-site .col-9, .tmp-new-site .oxp .col-9, .oxp .col-9, .oxp .tmp-new-site .col-10, .tmp-new-site .oxp .col-10, .oxp .col-10, .oxp .tmp-new-site .col-11, .tmp-new-site .oxp .col-11, .oxp .col-11, .oxp .tmp-new-site .col-12, .tmp-new-site .oxp .col-12, .oxp .col-12, .oxp .tmp-new-site .col, .tmp-new-site .oxp .col,
.oxp .tmp-new-site .col-auto, .tmp-new-site .oxp .col-auto, .oxp .col,
.oxp .col-auto, .oxp .tmp-new-site .col-sm-1, .tmp-new-site .oxp .col-sm-1, .oxp .col-sm-1, .oxp .tmp-new-site .col-sm-2, .tmp-new-site .oxp .col-sm-2, .oxp .col-sm-2, .oxp .tmp-new-site .col-sm-3, .tmp-new-site .oxp .col-sm-3, .oxp .col-sm-3, .oxp .tmp-new-site .col-sm-4, .tmp-new-site .oxp .col-sm-4, .oxp .col-sm-4, .oxp .tmp-new-site .col-sm-5, .tmp-new-site .oxp .col-sm-5, .oxp .col-sm-5, .oxp .tmp-new-site .col-sm-6, .tmp-new-site .oxp .col-sm-6, .oxp .col-sm-6, .oxp .tmp-new-site .col-sm-7, .tmp-new-site .oxp .col-sm-7, .oxp .col-sm-7, .oxp .tmp-new-site .col-sm-8, .tmp-new-site .oxp .col-sm-8, .oxp .col-sm-8, .oxp .tmp-new-site .col-sm-9, .tmp-new-site .oxp .col-sm-9, .oxp .col-sm-9, .oxp .tmp-new-site .col-sm-10, .tmp-new-site .oxp .col-sm-10, .oxp .col-sm-10, .oxp .tmp-new-site .col-sm-11, .tmp-new-site .oxp .col-sm-11, .oxp .col-sm-11, .oxp .tmp-new-site .col-sm-12, .tmp-new-site .oxp .col-sm-12, .oxp .col-sm-12, .oxp .tmp-new-site .col-sm, .tmp-new-site .oxp .col-sm,
.oxp .tmp-new-site .col-sm-auto, .tmp-new-site .oxp .col-sm-auto, .oxp .col-sm,
.oxp .col-sm-auto, .oxp .tmp-new-site .col-md-1, .tmp-new-site .oxp .col-md-1, .oxp .col-md-1, .oxp .tmp-new-site .col-md-2, .tmp-new-site .oxp .col-md-2, .oxp .col-md-2, .oxp .tmp-new-site .col-md-3, .tmp-new-site .oxp .col-md-3, .oxp .col-md-3, .oxp .tmp-new-site .col-md-4, .tmp-new-site .oxp .col-md-4, .oxp .col-md-4, .oxp .tmp-new-site .col-md-5, .tmp-new-site .oxp .col-md-5, .oxp .col-md-5, .oxp .tmp-new-site .col-md-6, .tmp-new-site .oxp .col-md-6, .oxp .col-md-6, .oxp .tmp-new-site .col-md-7, .tmp-new-site .oxp .col-md-7, .oxp .col-md-7, .oxp .tmp-new-site .col-md-8, .tmp-new-site .oxp .col-md-8, .oxp .col-md-8, .oxp .tmp-new-site .col-md-9, .tmp-new-site .oxp .col-md-9, .oxp .col-md-9, .oxp .tmp-new-site .col-md-10, .tmp-new-site .oxp .col-md-10, .oxp .col-md-10, .oxp .tmp-new-site .col-md-11, .tmp-new-site .oxp .col-md-11, .oxp .col-md-11, .oxp .tmp-new-site .col-md-12, .tmp-new-site .oxp .col-md-12, .oxp .col-md-12, .oxp .tmp-new-site .col-md, .tmp-new-site .oxp .col-md,
.oxp .tmp-new-site .col-md-auto, .tmp-new-site .oxp .col-md-auto, .oxp .col-md,
.oxp .col-md-auto, .oxp .tmp-new-site .col-lg-1, .tmp-new-site .oxp .col-lg-1, .oxp .col-lg-1, .oxp .tmp-new-site .col-lg-2, .tmp-new-site .oxp .col-lg-2, .oxp .col-lg-2, .oxp .tmp-new-site .col-lg-3, .tmp-new-site .oxp .col-lg-3, .oxp .col-lg-3, .oxp .tmp-new-site .col-lg-4, .tmp-new-site .oxp .col-lg-4, .oxp .col-lg-4, .oxp .tmp-new-site .col-lg-5, .tmp-new-site .oxp .col-lg-5, .oxp .col-lg-5, .oxp .tmp-new-site .col-lg-6, .tmp-new-site .oxp .col-lg-6, .oxp .col-lg-6, .oxp .tmp-new-site .col-lg-7, .tmp-new-site .oxp .col-lg-7, .oxp .col-lg-7, .oxp .tmp-new-site .col-lg-8, .tmp-new-site .oxp .col-lg-8, .oxp .col-lg-8, .oxp .tmp-new-site .col-lg-9, .tmp-new-site .oxp .col-lg-9, .oxp .col-lg-9, .oxp .tmp-new-site .col-lg-10, .tmp-new-site .oxp .col-lg-10, .oxp .col-lg-10, .oxp .tmp-new-site .col-lg-11, .tmp-new-site .oxp .col-lg-11, .oxp .col-lg-11, .oxp .tmp-new-site .col-lg-12, .tmp-new-site .oxp .col-lg-12, .oxp .col-lg-12, .oxp .tmp-new-site .col-lg, .tmp-new-site .oxp .col-lg,
.oxp .tmp-new-site .col-lg-auto, .tmp-new-site .oxp .col-lg-auto, .oxp .col-lg,
.oxp .col-lg-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

.tmp-new-site .col, .oxp .col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.tmp-new-site .col-auto, .oxp .col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.tmp-new-site .col-1, .oxp .col-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%;
}

.tmp-new-site .col-2, .oxp .col-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.tmp-new-site .col-3, .oxp .col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.tmp-new-site .col-4, .oxp .col-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.tmp-new-site .col-5, .oxp .col-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%;
}

.tmp-new-site .col-6, .oxp .col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.tmp-new-site .col-7, .oxp .col-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%;
}

.tmp-new-site .col-8, .oxp .col-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}

.tmp-new-site .col-9, .oxp .col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.tmp-new-site .col-10, .oxp .col-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%;
}

.tmp-new-site .col-11, .oxp .col-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%;
}

.tmp-new-site .col-12, .oxp .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.tmp-new-site .order-first, .oxp .order-first {
  order: -1;
}

.tmp-new-site .order-last, .oxp .order-last {
  order: 13;
}

.tmp-new-site .order-0, .oxp .order-0 {
  order: 0;
}

.tmp-new-site .order-1, .oxp .order-1 {
  order: 1;
}

.tmp-new-site .order-2, .oxp .order-2 {
  order: 2;
}

.tmp-new-site .order-3, .oxp .order-3 {
  order: 3;
}

.tmp-new-site .order-4, .oxp .order-4 {
  order: 4;
}

.tmp-new-site .order-5, .oxp .order-5 {
  order: 5;
}

.tmp-new-site .order-6, .oxp .order-6 {
  order: 6;
}

.tmp-new-site .order-7, .oxp .order-7 {
  order: 7;
}

.tmp-new-site .order-8, .oxp .order-8 {
  order: 8;
}

.tmp-new-site .order-9, .oxp .order-9 {
  order: 9;
}

.tmp-new-site .order-10, .oxp .order-10 {
  order: 10;
}

.tmp-new-site .order-11, .oxp .order-11 {
  order: 11;
}

.tmp-new-site .order-12, .oxp .order-12 {
  order: 12;
}

.tmp-new-site .offset-1, .oxp .offset-1 {
  margin-left: 8.33333%;
}

.tmp-new-site .offset-2, .oxp .offset-2 {
  margin-left: 16.66667%;
}

.tmp-new-site .offset-3, .oxp .offset-3 {
  margin-left: 25%;
}

.tmp-new-site .offset-4, .oxp .offset-4 {
  margin-left: 33.33333%;
}

.tmp-new-site .offset-5, .oxp .offset-5 {
  margin-left: 41.66667%;
}

.tmp-new-site .offset-6, .oxp .offset-6 {
  margin-left: 50%;
}

.tmp-new-site .offset-7, .oxp .offset-7 {
  margin-left: 58.33333%;
}

.tmp-new-site .offset-8, .oxp .offset-8 {
  margin-left: 66.66667%;
}

.tmp-new-site .offset-9, .oxp .offset-9 {
  margin-left: 75%;
}

.tmp-new-site .offset-10, .oxp .offset-10 {
  margin-left: 83.33333%;
}

.tmp-new-site .offset-11, .oxp .offset-11 {
  margin-left: 91.66667%;
}

@media (min-width: 640px) {
  .tmp-new-site .col-sm, .oxp .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .tmp-new-site .col-sm-auto, .oxp .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .tmp-new-site .col-sm-1, .oxp .col-sm-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .tmp-new-site .col-sm-2, .oxp .col-sm-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .tmp-new-site .col-sm-3, .oxp .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .tmp-new-site .col-sm-4, .oxp .col-sm-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .tmp-new-site .col-sm-5, .oxp .col-sm-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .tmp-new-site .col-sm-6, .oxp .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .tmp-new-site .col-sm-7, .oxp .col-sm-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .tmp-new-site .col-sm-8, .oxp .col-sm-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .tmp-new-site .col-sm-9, .oxp .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .tmp-new-site .col-sm-10, .oxp .col-sm-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .tmp-new-site .col-sm-11, .oxp .col-sm-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .tmp-new-site .col-sm-12, .oxp .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .tmp-new-site .order-sm-first, .oxp .order-sm-first {
    order: -1;
  }
  .tmp-new-site .order-sm-last, .oxp .order-sm-last {
    order: 13;
  }
  .tmp-new-site .order-sm-0, .oxp .order-sm-0 {
    order: 0;
  }
  .tmp-new-site .order-sm-1, .oxp .order-sm-1 {
    order: 1;
  }
  .tmp-new-site .order-sm-2, .oxp .order-sm-2 {
    order: 2;
  }
  .tmp-new-site .order-sm-3, .oxp .order-sm-3 {
    order: 3;
  }
  .tmp-new-site .order-sm-4, .oxp .order-sm-4 {
    order: 4;
  }
  .tmp-new-site .order-sm-5, .oxp .order-sm-5 {
    order: 5;
  }
  .tmp-new-site .order-sm-6, .oxp .order-sm-6 {
    order: 6;
  }
  .tmp-new-site .order-sm-7, .oxp .order-sm-7 {
    order: 7;
  }
  .tmp-new-site .order-sm-8, .oxp .order-sm-8 {
    order: 8;
  }
  .tmp-new-site .order-sm-9, .oxp .order-sm-9 {
    order: 9;
  }
  .tmp-new-site .order-sm-10, .oxp .order-sm-10 {
    order: 10;
  }
  .tmp-new-site .order-sm-11, .oxp .order-sm-11 {
    order: 11;
  }
  .tmp-new-site .order-sm-12, .oxp .order-sm-12 {
    order: 12;
  }
  .tmp-new-site .offset-sm-0, .oxp .offset-sm-0 {
    margin-left: 0;
  }
  .tmp-new-site .offset-sm-1, .oxp .offset-sm-1 {
    margin-left: 8.33333%;
  }
  .tmp-new-site .offset-sm-2, .oxp .offset-sm-2 {
    margin-left: 16.66667%;
  }
  .tmp-new-site .offset-sm-3, .oxp .offset-sm-3 {
    margin-left: 25%;
  }
  .tmp-new-site .offset-sm-4, .oxp .offset-sm-4 {
    margin-left: 33.33333%;
  }
  .tmp-new-site .offset-sm-5, .oxp .offset-sm-5 {
    margin-left: 41.66667%;
  }
  .tmp-new-site .offset-sm-6, .oxp .offset-sm-6 {
    margin-left: 50%;
  }
  .tmp-new-site .offset-sm-7, .oxp .offset-sm-7 {
    margin-left: 58.33333%;
  }
  .tmp-new-site .offset-sm-8, .oxp .offset-sm-8 {
    margin-left: 66.66667%;
  }
  .tmp-new-site .offset-sm-9, .oxp .offset-sm-9 {
    margin-left: 75%;
  }
  .tmp-new-site .offset-sm-10, .oxp .offset-sm-10 {
    margin-left: 83.33333%;
  }
  .tmp-new-site .offset-sm-11, .oxp .offset-sm-11 {
    margin-left: 91.66667%;
  }
}

@media (min-width: 960px) {
  .tmp-new-site .col-md, .oxp .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .tmp-new-site .col-md-auto, .oxp .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .tmp-new-site .col-md-1, .oxp .col-md-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .tmp-new-site .col-md-2, .oxp .col-md-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .tmp-new-site .col-md-3, .oxp .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .tmp-new-site .col-md-4, .oxp .col-md-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .tmp-new-site .col-md-5, .oxp .col-md-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .tmp-new-site .col-md-6, .oxp .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .tmp-new-site .col-md-7, .oxp .col-md-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .tmp-new-site .col-md-8, .oxp .col-md-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .tmp-new-site .col-md-9, .oxp .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .tmp-new-site .col-md-10, .oxp .col-md-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .tmp-new-site .col-md-11, .oxp .col-md-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .tmp-new-site .col-md-12, .oxp .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .tmp-new-site .order-md-first, .oxp .order-md-first {
    order: -1;
  }
  .tmp-new-site .order-md-last, .oxp .order-md-last {
    order: 13;
  }
  .tmp-new-site .order-md-0, .oxp .order-md-0 {
    order: 0;
  }
  .tmp-new-site .order-md-1, .oxp .order-md-1 {
    order: 1;
  }
  .tmp-new-site .order-md-2, .oxp .order-md-2 {
    order: 2;
  }
  .tmp-new-site .order-md-3, .oxp .order-md-3 {
    order: 3;
  }
  .tmp-new-site .order-md-4, .oxp .order-md-4 {
    order: 4;
  }
  .tmp-new-site .order-md-5, .oxp .order-md-5 {
    order: 5;
  }
  .tmp-new-site .order-md-6, .oxp .order-md-6 {
    order: 6;
  }
  .tmp-new-site .order-md-7, .oxp .order-md-7 {
    order: 7;
  }
  .tmp-new-site .order-md-8, .oxp .order-md-8 {
    order: 8;
  }
  .tmp-new-site .order-md-9, .oxp .order-md-9 {
    order: 9;
  }
  .tmp-new-site .order-md-10, .oxp .order-md-10 {
    order: 10;
  }
  .tmp-new-site .order-md-11, .oxp .order-md-11 {
    order: 11;
  }
  .tmp-new-site .order-md-12, .oxp .order-md-12 {
    order: 12;
  }
  .tmp-new-site .offset-md-0, .oxp .offset-md-0 {
    margin-left: 0;
  }
  .tmp-new-site .offset-md-1, .oxp .offset-md-1 {
    margin-left: 8.33333%;
  }
  .tmp-new-site .offset-md-2, .oxp .offset-md-2 {
    margin-left: 16.66667%;
  }
  .tmp-new-site .offset-md-3, .oxp .offset-md-3 {
    margin-left: 25%;
  }
  .tmp-new-site .offset-md-4, .oxp .offset-md-4 {
    margin-left: 33.33333%;
  }
  .tmp-new-site .offset-md-5, .oxp .offset-md-5 {
    margin-left: 41.66667%;
  }
  .tmp-new-site .offset-md-6, .oxp .offset-md-6 {
    margin-left: 50%;
  }
  .tmp-new-site .offset-md-7, .oxp .offset-md-7 {
    margin-left: 58.33333%;
  }
  .tmp-new-site .offset-md-8, .oxp .offset-md-8 {
    margin-left: 66.66667%;
  }
  .tmp-new-site .offset-md-9, .oxp .offset-md-9 {
    margin-left: 75%;
  }
  .tmp-new-site .offset-md-10, .oxp .offset-md-10 {
    margin-left: 83.33333%;
  }
  .tmp-new-site .offset-md-11, .oxp .offset-md-11 {
    margin-left: 91.66667%;
  }
}

@media (min-width: 1280px) {
  .tmp-new-site .col-lg, .oxp .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .tmp-new-site .col-lg-auto, .oxp .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .tmp-new-site .col-lg-1, .oxp .col-lg-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .tmp-new-site .col-lg-2, .oxp .col-lg-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .tmp-new-site .col-lg-3, .oxp .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .tmp-new-site .col-lg-4, .oxp .col-lg-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .tmp-new-site .col-lg-5, .oxp .col-lg-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .tmp-new-site .col-lg-6, .oxp .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .tmp-new-site .col-lg-7, .oxp .col-lg-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .tmp-new-site .col-lg-8, .oxp .col-lg-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .tmp-new-site .col-lg-9, .oxp .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .tmp-new-site .col-lg-10, .oxp .col-lg-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .tmp-new-site .col-lg-11, .oxp .col-lg-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .tmp-new-site .col-lg-12, .oxp .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .tmp-new-site .order-lg-first, .oxp .order-lg-first {
    order: -1;
  }
  .tmp-new-site .order-lg-last, .oxp .order-lg-last {
    order: 13;
  }
  .tmp-new-site .order-lg-0, .oxp .order-lg-0 {
    order: 0;
  }
  .tmp-new-site .order-lg-1, .oxp .order-lg-1 {
    order: 1;
  }
  .tmp-new-site .order-lg-2, .oxp .order-lg-2 {
    order: 2;
  }
  .tmp-new-site .order-lg-3, .oxp .order-lg-3 {
    order: 3;
  }
  .tmp-new-site .order-lg-4, .oxp .order-lg-4 {
    order: 4;
  }
  .tmp-new-site .order-lg-5, .oxp .order-lg-5 {
    order: 5;
  }
  .tmp-new-site .order-lg-6, .oxp .order-lg-6 {
    order: 6;
  }
  .tmp-new-site .order-lg-7, .oxp .order-lg-7 {
    order: 7;
  }
  .tmp-new-site .order-lg-8, .oxp .order-lg-8 {
    order: 8;
  }
  .tmp-new-site .order-lg-9, .oxp .order-lg-9 {
    order: 9;
  }
  .tmp-new-site .order-lg-10, .oxp .order-lg-10 {
    order: 10;
  }
  .tmp-new-site .order-lg-11, .oxp .order-lg-11 {
    order: 11;
  }
  .tmp-new-site .order-lg-12, .oxp .order-lg-12 {
    order: 12;
  }
  .tmp-new-site .offset-lg-0, .oxp .offset-lg-0 {
    margin-left: 0;
  }
  .tmp-new-site .offset-lg-1, .oxp .offset-lg-1 {
    margin-left: 8.33333%;
  }
  .tmp-new-site .offset-lg-2, .oxp .offset-lg-2 {
    margin-left: 16.66667%;
  }
  .tmp-new-site .offset-lg-3, .oxp .offset-lg-3 {
    margin-left: 25%;
  }
  .tmp-new-site .offset-lg-4, .oxp .offset-lg-4 {
    margin-left: 33.33333%;
  }
  .tmp-new-site .offset-lg-5, .oxp .offset-lg-5 {
    margin-left: 41.66667%;
  }
  .tmp-new-site .offset-lg-6, .oxp .offset-lg-6 {
    margin-left: 50%;
  }
  .tmp-new-site .offset-lg-7, .oxp .offset-lg-7 {
    margin-left: 58.33333%;
  }
  .tmp-new-site .offset-lg-8, .oxp .offset-lg-8 {
    margin-left: 66.66667%;
  }
  .tmp-new-site .offset-lg-9, .oxp .offset-lg-9 {
    margin-left: 75%;
  }
  .tmp-new-site .offset-lg-10, .oxp .offset-lg-10 {
    margin-left: 83.33333%;
  }
  .tmp-new-site .offset-lg-11, .oxp .offset-lg-11 {
    margin-left: 91.66667%;
  }
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 640px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 960px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 1280px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}

@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-grow-2 {
  flex-grow: 2 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 640px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-grow-2 {
    flex-grow: 2 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}

@media (min-width: 960px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-grow-2 {
    flex-grow: 2 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}

@media (min-width: 1280px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-grow-2 {
    flex-grow: 2 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}

.qs_field {
  width: 100%;
  position: relative;
  background: #ffffff;
  z-index: 400;
}

.qs_input {
  border: 0;
  outline: 0;
  text-align: left;
  margin: 0;
  color: #21272c;
  text-decoration: none;
  flex: 1;
}

.qs_submit, .qs_close {
  display: none;
}

.qs-r {
  position: absolute;
  top: 27px;
  right: 0;
  left: 0;
  z-index: 350;
  background-color: #ffffff;
  transition: all 100ms cubic-bezier(0.19, 1, 0.22, 1);
  transform: scale(0);
  transform-origin: top;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  overflow: hidden;
}

.qs-r_scroll-wrap {
  position: relative;
}

.qs-r_scroll-wrap:before, .qs-r_scroll-wrap:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  height: 20px;
}

.qs-r_scroll-wrap:before {
  top: 0;
  background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0);
}

.qs-r_scroll-wrap:after {
  bottom: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}

.qs-r_scroll {
  overflow: auto;
  width: 100%;
}

.qs-r_scroll::-webkit-scrollbar {
  width: 14px;
  background: #fff;
}

.qs-r_scroll::-webkit-scrollbar:hover {
  background: #f2f2f2;
}

.qs-r_scroll::-webkit-scrollbar-thumb {
  background: #cdcdcd;
  border: 2px solid transparent;
  background-clip: content-box;
}

.qs-r_scroll::-webkit-scrollbar-button {
  display: none;
}

.qs-r .bar-line {
  position: relative;
  display: block;
  border-bottom: 1px solid #ffcc00;
}

.qs-r .bar-line:before, .qs-r .bar-line:after {
  content: '';
  height: 3px;
  width: 0;
  bottom: -2px;
  position: absolute;
  z-index: 351;
  transition: 0.4s ease all;
  background: #ffcc00;
}

.qs-r .bar-line:before {
  left: 50%;
}

.qs-r .bar-line:after {
  right: 50%;
}

.qs-r_empty {
  color: #ff3300;
  font-size: 14px;
  padding: 10px;
  text-align: center;
}

.qs-r_catalog, .qs-r_brands {
  width: 100%;
  margin: 0;
  padding: 0;
}

.qs-r_catalog li, .qs-r_brands li {
  list-style: none;
  width: 100%;
  font-size: 13px;
  color: #21272c;
}

.qs-r_catalog li a, .qs-r_brands li a {
  font-size: inherit;
  color: inherit;
  display: inline-block;
  width: 100%;
  padding: 13px 30px 13px 20px;
  border-bottom: 1px solid #eeeeee;
  position: relative;
}

.qs-r_catalog li a span, .qs-r_brands li a span {
  color: #0066cc;
}

.qs-r_catalog li a:hover, .qs-r_brands li a:hover {
  background: #F9F9F9;
  text-decoration: none;
}

.qs-r_products {
  width: 100%;
  margin: 0;
  cursor: pointer;
}

.qs-r_products .item {
  width: 100%;
  position: relative;
  display: block;
  border-bottom: 1px solid #eeeeee;
  padding: 10px 30px 4px 15px;
}

.qs-r_products .item img {
  float: left;
  display: block;
  vertical-align: top;
}

.qs-r_products .item > div {
  margin-left: 60px;
}

.qs-r_products .item .name {
  color: #21272c;
  font-size: 13px;
}

.qs-r_products .item p {
  margin: 0;
  width: 100%;
  padding: 0;
}

.qs-r_products .item:hover {
  cursor: pointer;
  text-decoration: none;
  background-color: #F9F9F9;
}

.qs-r_products .price-block {
  height: 40px;
}

.qs-r_products .price-block .price-save {
  display: none;
}

.qs-r_bottom {
  padding: 20px 30px 30px 30px;
  width: 100%;
  text-align: center;
}

.qs-r.show {
  transform: scale(1);
}

.qs-r.show .bar-line:before, .qs-r.show .bar-line:after {
  width: 50%;
}

@media only screen and (max-width: 959px) {
  .qs {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    transition: transform 0.25s ease-in-out;
    transform: translateY(-50px);
    z-index: 5050;
  }
  .qs_input {
    font-size: 13px;
    padding: 18px 20px 17px 20px;
    height: 50px;
  }
  .qs_close {
    display: block;
    width: 50px;
    height: 50px;
    cursor: pointer;
    flex-grow: 0;
    flex-basis: auto;
    position: relative;
  }
  .qs_close:after {
    position: absolute;
    content: ' ';
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
    background-position: 99.76019184652279% 81.23437500000001%;
    width: 17px;
    height: 17px;
  }
  .qs-r {
    top: 50px;
  }
  .qs .bar-line {
    margin: 0 -15px;
  }
}

@media only screen and (min-width: 960px) {
  .qs {
    margin: 0;
    position: relative;
    z-index: 305;
  }
  .qs-r {
    padding-top: 12px;
  }
  .qs_field {
    border-radius: 6px;
    overflow: hidden;
  }
  .qs_input {
    font-size: 14px;
    padding: 10px 15px;
  }
  .qs_submit {
    display: block;
    width: 44px;
    height: 36px;
    cursor: pointer;
    transition: 0.1s border;
    position: relative;
  }
  .qs_submit:after {
    position: absolute;
    content: ' ';
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
    background-position: 37.28813559322034% 94.47368421052632%;
    width: 21px;
    height: 21px;
  }
  .qs.active .qs_submit {
    border-color: transparent;
  }
  .qs_close {
    display: none;
  }
}

@media only screen and (min-width: 960px) {
  .qs-r {
    box-shadow: 0px 3px 10px -2px rgba(0, 0, 0, 0.15);
    border-radius: 6px;
    top: 25px;
  }
  .qs-r_catalog, .qs-r_brands {
    padding: 14px 0 14px 0;
    border-bottom: 1px solid #eeeeee;
  }
  .qs-r_catalog li a, .qs-r_brands li a {
    background: #ffffff;
    padding: 5px 15px 5px 15px;
    border: none;
  }
  .qs-r_catalog li a:after, .qs-r_brands li a:after {
    content: none;
  }
  .qs-r_catalog li a:hover, .qs-r_brands li a:hover {
    background: #f4f4f4;
  }
  .qs-r_catalog_products, .qs-r_brands_products {
    padding: 10px 0 10px 0;
  }
  .qs-r_catalog_products .item, .qs-r_brands_products .item {
    padding: 10px 15px 10px 15px;
  }
  .qs-r_catalog_products .item:after, .qs-r_brands_products .item:after {
    content: none;
  }
}

@media only screen and (max-width: 959px) {
  header.mob-qs-is-open .qs {
    transform: translateY(0);
  }
  .wrap-qs {
    position: absolute;
    top: 0;
    width: 100%;
  }
}

.prz_item {
  display: block;
  position: relative;
  color: #ffffff;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.prz_item:hover {
  color: #ffffff;
  text-decoration: none;
}

.prz_main {
  position: relative;
  height: 100%;
  overflow: hidden;
}

.prz_title {
  font-family: 'Open Sans', sans-serif;
}

.prz_btn {
  margin-top: 30px !important;
}

.prz_image {
  position: absolute;
  margin: auto;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.prz_bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

@media only screen and (max-width: 959px) {
  .prz_item {
    padding: 20px 15px 10px;
  }
  .prz_image img {
    width: 140px;
    height: 140px;
  }
  .prz_large, .prz_right, .prz_bottom {
    padding: 0;
  }
  .prz_title {
    margin-bottom: 7px;
    line-height: 18px;
    font-size: 14px;
  }
  .prz_text {
    line-height: 16px;
    font-size: 12px;
  }
}

@media only screen and (max-width: 639px) {
  .prz_item {
    height: 140px;
    padding-right: 110px;
  }
  .prz_image {
    right: -30px;
  }
  .prz.-with-bottom-zones .prz_item {
    height: 120px;
    padding-right: 15px;
  }
  .prz.-with-bottom-zones .prz_image {
    right: -60px;
  }
  .prz.-with-bottom-zones .prz_large .prz_image {
    right: -30px;
  }
  .prz.-with-bottom-zones .prz_large .prz_item {
    height: 140px;
    padding-right: 110px;
  }
}

@media only screen and (min-width: 640px) and (max-width: 959px) {
  .prz_image {
    right: -35px;
  }
  .prz_bottom .prz_item {
    height: 140px;
  }
  .prz_large .prz_item {
    height: 240px;
    padding-right: 180px;
  }
  .prz_large .prz_title {
    line-height: 32px;
    font-size: 24px;
  }
  .prz_large .prz_image {
    right: -180px;
  }
  .prz_large .prz_image img {
    width: 360px;
    height: 360px;
  }
  .prz_right .prz_item {
    height: 120px;
  }
  .prz_bottom .prz_item {
    padding-right: 110px;
  }
}

@media only screen and (min-width: 960px) {
  .prz_item {
    height: 170px;
    padding: 30px 20px 15px;
    border-radius: 2px;
    margin-bottom: 20px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  }
  .prz_large .prz_item {
    height: 360px;
  }
  .prz_title {
    margin-bottom: 18px;
    line-height: 24px;
    font-size: 18px;
  }
  .prz_text {
    line-height: 20px;
    font-size: 14px;
  }
  .prz_image img {
    width: 170px;
    height: 170px;
  }
  .prz_large .prz_item {
    padding: 70px 50px 30px;
  }
  .prz_large .prz_title {
    line-height: 40px;
    font-size: 32px;
  }
  .prz_large .prz_image img {
    width: 360px;
    height: 360px;
  }
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .prz_image {
    right: -45px;
  }
  .prz_large .prz_item {
    padding-right: 300px;
  }
  .prz_large .prz_image {
    right: -90px;
  }
  .prz_right .prz_item {
    padding-right: 80px;
  }
  .prz_bottom .prz_item {
    padding-right: 120px;
  }
}

@media only screen and (min-width: 1280px) {
  .prz_large .prz_item {
    padding-right: 390px;
  }
  .prz_right .prz_item {
    padding-right: 110px;
  }
  .prz_bottom .prz_item {
    padding-right: 190px;
  }
}

/* ===== components ===== */
/* ===== block-wrapper ===== */
/* ===== @end ===== */
.btn {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  z-index: 1;
  flex-grow: 0;
  flex-shrink: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  letter-spacing: 0.01em;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-feature-settings: "kern" 1;
  -moz-font-feature-settings: "kern" 1;
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  text-align: center;
  text-shadow: none;
  color: #20262B;
  white-space: nowrap;
  text-decoration: none !important;
  font-family: 'Roboto', sans-serif;
  padding: 11px 15px 9px 15px;
  margin: 0;
  border: 1px solid #FFCC00;
  box-shadow: none;
  min-width: 160px;
  background: #FFCC00;
  background-image: none !important;
  border-radius: 8px;
  cursor: pointer;
  position: relative;
  transition: all 0.1s linear !important;
}

.btn.disabled, .btn:disabled {
  border-color: #ffefb1;
  box-shadow: none !important;
  cursor: not-allowed !important;
  pointer-events: none;
}

.btn.disabled .ripple, .btn:disabled .ripple {
  display: none !important;
}

.btn.disabled:before, .btn:disabled:before {
  content: '';
  display: block;
  z-index: 5;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  background: rgba(255, 255, 255, 0.5);
}

.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.btn:not(:disabled):not(.disabled):hover {
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
  border-color: #FFD429;
  background: #FFD429;
}

.btn:not(:disabled):not(.disabled):active {
  box-shadow: none;
}

.btn-secondary {
  color: #21272c !important;
  border-color: #c0cad1;
  background: #ffffff;
}

.btn-secondary:not(:disabled):not(.disabled):hover {
  border-color: #ffd631;
  background: #ffffff;
}

.btn-secondary.disabled, .btn-secondary:disabled {
  border-color: #cfd6dc;
}

.btn-third {
  color: #21272c !important;
  border-color: #ffd631;
  background: #FFEFAD;
  box-shadow: none;
}

.btn-third:not(:disabled):not(.disabled):hover {
  border-color: #ffd631;
  background: #FFF7D6;
  box-shadow: none;
}

.btn-third:not(:disabled):not(.disabled).-active, .btn-third:not(:disabled):not(.disabled):active {
  border-color: #ffd631;
  background: #FFE680;
  box-shadow: none;
}

.btn-transparent {
  color: #21272c;
  border-color: transparent;
  background: transparent;
}

.btn-transparent:not(:disabled):not(.disabled):hover {
  box-shadow: none;
  border-color: transparent;
  background: transparent;
}

.btn-transparent.disabled, .btn-transparent:disabled {
  border-color: transparent;
}

.btn-danger {
  color: #ffffff;
  border-color: #ff3300;
  background: #ff3300;
}

.btn-danger:not(:disabled):not(.disabled):hover {
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12);
  border-color: #ff704d;
  background: #ff704d;
  color: #ffffff;
}

.btn-danger.disabled, .btn-danger:disabled {
  border-color: #ff8566;
}

.btn-success {
  color: #ffffff;
  border-color: #4EC74A;
  background: #4EC74A;
}

.btn-success:not(:disabled):not(.disabled):hover {
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12);
  border-color: #87d984;
  background: #87d984;
  color: #ffffff;
}

.btn-success.disabled, .btn-success:disabled {
  border-color: #9adf98;
}

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

/* ----------------------------------------------------------------------
  Button Sizes
------------------------------------------------------------------------- */
.btn-xs {
  padding: 3px 10px 1px 10px;
  font-size: 11px;
  min-width: 96px;
  border-radius: 4px;
  height: 28px;
}

.btn-sm {
  padding: 8px 15px 6px 15px;
  font-size: 14px;
  min-width: 120px;
  border-radius: 6px;
  height: 38px;
}

.btn-md {
  padding: 11px 15px 9px 15px;
  font-size: 14px;
  min-width: 160px;
  border-radius: 8px;
  height: 44px;
}

.btn-lg {
  padding: 15px 15px 12px 15px;
  font-size: 16px;
  min-width: 180px;
  border-radius: 10px;
  height: 52px;
}

.btn-xl {
  padding: 20px 15px 17px 15px;
  font-size: 16px;
  min-width: 210px;
  border-radius: 12px;
  height: 62px;
}

/* ----------------------------------------------------------------------
  button two lines
------------------------------------------------------------------------- */
.btn-two-lines {
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.btn-sm.btn-two-lines {
  font-size: 12px;
}

/* ----------------------------------------------------------------------
  btn-icon
------------------------------------------------------------------------- */
.btn-icon {
  padding: 0 !important;
  min-width: auto !important;
}

.btn-icon [class*="icon-"] {
  position: relative !important;
}

/* ----------------------------------------------------------------------
  icons
------------------------------------------------------------------------- */
.btn i[class*="icon-"] {
  margin-right: 8px;
}

.btn[class*="btn-icon"] [class*="icon-"] {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: 0;
}

.btn.btn-icon-left [class*="icon-"] {
  left: 0;
}

.btn.btn-icon-right [class*="icon-"] {
  right: 0;
}

.btn-md i[class*="icon-"], .btn i[class*="icon-"] {
  margin-top: -3px;
}

.btn-md[class*="btn-icon"] [class^="icon-"],
.btn-md[class*="btn-icon"] [class*=" icon-"], .btn[class*="btn-icon"] [class^="icon-"],
.btn[class*="btn-icon"] [class*=" icon-"] {
  width: 42px;
  height: 42px;
}

.btn-md.btn-icon-left, .btn.btn-icon-left {
  padding-left: 42px;
}

.btn-md.btn-icon-left.btn-icon-border, .btn.btn-icon-left.btn-icon-border {
  padding-left: 57px;
}

.btn-md.btn-icon-right, .btn.btn-icon-right {
  padding-right: 42px;
}

.btn-md.btn-icon-right.btn-icon-border, .btn.btn-icon-right.btn-icon-border {
  padding-right: 57px;
}

.btn-xs i[class*="icon-"] {
  margin-top: -3px;
}

.btn-xs[class*="btn-icon"] [class^="icon-"],
.btn-xs[class*="btn-icon"] [class*=" icon-"] {
  width: 26px;
  height: 26px;
}

.btn-xs.btn-icon-left {
  padding-left: 26px;
}

.btn-xs.btn-icon-left.btn-icon-border {
  padding-left: 36px;
}

.btn-xs.btn-icon-right {
  padding-right: 26px;
}

.btn-xs.btn-icon-right.btn-icon-border {
  padding-right: 36px;
}

.btn-sm i[class*="icon-"] {
  margin-top: -3px;
}

.btn-sm[class*="btn-icon"] [class^="icon-"],
.btn-sm[class*="btn-icon"] [class*=" icon-"] {
  width: 36px;
  height: 36px;
}

.btn-sm.btn-icon-left {
  padding-left: 36px;
}

.btn-sm.btn-icon-left.btn-icon-border {
  padding-left: 51px;
}

.btn-sm.btn-icon-right {
  padding-right: 36px;
}

.btn-sm.btn-icon-right.btn-icon-border {
  padding-right: 51px;
}

.btn-lg i[class*="icon-"] {
  margin-top: -3px;
}

.btn-lg[class*="btn-icon"] [class^="icon-"],
.btn-lg[class*="btn-icon"] [class*=" icon-"] {
  width: 50px;
  height: 50px;
}

.btn-lg.btn-icon-left {
  padding-left: 50px;
}

.btn-lg.btn-icon-left.btn-icon-border {
  padding-left: 65px;
}

.btn-lg.btn-icon-right {
  padding-right: 50px;
}

.btn-lg.btn-icon-right.btn-icon-border {
  padding-right: 65px;
}

.btn-xl i[class*="icon-"] {
  margin-top: -3px;
}

.btn-xl[class*="btn-icon"] [class^="icon-"],
.btn-xl[class*="btn-icon"] [class*=" icon-"] {
  width: 60px;
  height: 60px;
}

.btn-xl.btn-icon-left {
  padding-left: 60px;
}

.btn-xl.btn-icon-left.btn-icon-border {
  padding-left: 75px;
}

.btn-xl.btn-icon-right {
  padding-right: 60px;
}

.btn-xl.btn-icon-right.btn-icon-border {
  padding-right: 75px;
}

/* ----------------------------------------------------------------------
  styles for icon border
------------------------------------------------------------------------- */
.btn-icon-border [class*="icon-"] {
  transition: border-color 0.1s linear !important;
}

.btn-secondary.btn-icon-left.btn-icon-border [class*="icon-"] {
  border-right: 1px solid #c0cad1;
}

.btn-secondary.btn-icon-right.btn-icon-border [class*="icon-"] {
  border-left: 1px solid #c0cad1;
}

.btn-secondary.btn-icon-border:not(:disabled):not(.disabled):hover [class*="icon-"], .btn-secondary.btn-icon-border:not(:disabled):not(.disabled):active [class*="icon-"] {
  border-color: #ffd631;
}

/* ----------------------------------------------------------------------
  Material Design Ripple Effect - by Ravikumar Chauhan
------------------------------------------------------------------------- */
.btn,
.btn-ripple {
  overflow: hidden;
}

.btn .ripple,
.btn-ripple .ripple {
  display: block;
  position: absolute;
  border-radius: 100%;
  background: rgba(0, 0, 0, 0.03);
  transform: scale(0);
  pointer-events: none;
  z-index: 0;
}

.btn .ripple.animated,
.btn-ripple .ripple.animated {
  -webkit-animation: ripple 0.6s linear;
          animation: ripple 0.6s linear;
}

@-webkit-keyframes ripple {
  100% {
    opacity: 0;
    transform: scale(2.5);
  }
}

@keyframes ripple {
  100% {
    opacity: 0;
    transform: scale(2.5);
  }
}

/* ----------------------------------------------------------------------
  Ghost buttons
------------------------------------------------------------------------- */
.btn.btn-ghost {
  color: #ffffff;
  background: transparent;
  border-color: #ffd631;
}

.btn.btn-ghost:not(:disabled):not(.disabled):hover {
  border-color: #ffd631;
  background: rgba(255, 214, 49, 0.1);
  box-shadow: inset 0 0 0 1px #ffd631;
}

.btn.btn-ghost.disabled, .btn.btn-ghost:disabled {
  opacity: 0.5;
}

.btn.btn-ghost.disabled:before, .btn.btn-ghost:disabled:before {
  content: none;
}

.btn.btn-ghost .ripple {
  background: rgba(255, 214, 49, 0.1);
}

.btn-secondary.btn-ghost {
  color: #ffffff !important;
  background: transparent;
  border-color: #ffffff;
}

.btn-secondary.btn-ghost:not(:disabled):not(.disabled):hover {
  border-color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 0 0 1px #ffffff;
}

.btn-secondary.btn-ghost .ripple {
  background: rgba(255, 255, 255, 0.1);
}

.btn-danger.btn-ghost {
  color: #ffffff;
  background: transparent;
  border-color: #ff3300;
}

.btn-danger.btn-ghost:not(:disabled):not(.disabled):hover {
  border-color: #ff3300;
  background: rgba(255, 51, 0, 0.1);
  box-shadow: inset 0 0 0 1px #ff3300;
}

.btn-danger.btn-ghost .ripple {
  background: rgba(255, 51, 0, 0.1);
}

.btn-success.btn-ghost {
  color: #ffffff;
  background: transparent;
  border-color: #4EC74A;
}

.btn-success.btn-ghost:not(:disabled):not(.disabled):hover {
  border-color: #4EC74A;
  background: rgba(78, 199, 74, 0.1);
  box-shadow: inset 0 0 0 1px #4EC74A;
}

.btn-success.btn-ghost .ripple {
  background: rgba(78, 199, 74, 0.1);
}

/* ----------------------------------------------------------------------
  show-hide content in buttons
------------------------------------------------------------------------- */
.btn:not(.-active) .-active {
  display: none !important;
}

.btn.-active .-default {
  display: none !important;
}

/* ----------------------------------------------------------------------
  other custom buttons
------------------------------------------------------------------------- */
.btn-gift {
  display: inline-block;
  font-weight: bold;
  line-height: 13px;
  font-size: 11px;
  color: #20262B;
  background: #FFFFFF;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  border-radius: 14px;
  padding: 8px 29px 7px 8px;
  cursor: pointer;
  position: relative;
}

.btn-gift:after {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 95.65217391304348% 0;
  width: 20px;
  height: 21px;
  right: 9px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.btn-gift:hover {
  text-decoration: none;
  color: #21272c;
  cursor: help;
}

.lws {
  border: 1px solid #e5ebf0;
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 30px 20px;
  margin-top: 44px;
}

.lws_or {
  position: absolute;
  top: 0;
  left: 50%;
  margin: auto;
  padding: 0 10px;
  transform: translate(-50%, -50%);
  background: #ffffff;
  color: #98a0a7;
}

.lws_text {
  margin-bottom: 8px;
}

.lws-fb {
  border-radius: 6px;
  background: #3e6194;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 42px;
  width: 180px;
  height: 36px;
  position: relative;
  cursor: pointer;
}

.lws-fb:before {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 85.37735849056604% 53.805774278215225%;
  width: 10px;
  height: 20px;
  top: 0;
  bottom: 0;
  left: 15px;
  margin: auto;
}

.lws-fb:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 42px;
  margin: auto;
  background: #375685;
  width: 1px;
  height: 17px;
}

.notification {
  display: block;
  background: #ffffff;
  border-radius: 2px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12);
  color: #21272c;
  padding: 12px 10px;
  margin: 0 0 20px 0;
  font-size: 12px;
  line-height: 16px;
}

.notification[class^="icon-"], .notification[class*=" icon-"] {
  padding-left: 35px !important;
}

.notification[class^="icon-"]:after, .notification[class*=" icon-"]:after {
  left: 10px;
  top: 10px;
}

.notification p {
  margin-bottom: 10px !important;
}

.notification ul {
  margin-bottom: 15px !important;
}

.notification > *:only-child {
  margin: 0 !important;
}

.notification > *:first-child {
  margin-top: 0 !important;
}

.notification > *:last-child {
  margin-bottom: 0 !important;
}

.notification.warning {
  background: #FFF7D6 !important;
  box-shadow: none;
}

.notification.success {
  background: #E6FCE3 !important;
  box-shadow: none;
}

.notification.danger {
  background: #FFE5E5 !important;
  box-shadow: none;
}

.notification.info {
  background: #EBF5FF !important;
  box-shadow: none;
}

.notification.size-sm {
  padding: 6px 8px 4px 8px;
  margin: 0 0 10px 0;
  font-size: 11px;
  line-height: 14px;
}

.notification.size-sm[class^="icon-"], .notification.size-sm[class*=" icon-"] {
  padding-left: 29px !important;
}

.notification.size-sm[class^="icon-"]:after, .notification.size-sm[class*=" icon-"]:after {
  left: 6px;
  top: 2px;
}

body:not([data-dom*="ready"]) .content-wrapper .image-wrapper:first-child:nth-last-child(3),
body:not([data-dom*="ready"]) .content-wrapper .image-wrapper:first-child:nth-last-child(3) ~ .image-wrapper,
body:not([data-dom*="ready"]) .content-wrapper .image-wrapper:first-child:nth-last-child(4),
body:not([data-dom*="ready"]) .content-wrapper .image-wrapper:first-child:nth-last-child(4) ~ .image-wrapper,
body:not([data-dom*="ready"]) .content-wrapper .image-wrapper:first-child:nth-last-child(5),
body:not([data-dom*="ready"]) .content-wrapper .image-wrapper:first-child:nth-last-child(5) ~ .image-wrapper,
body:not([data-dom*="ready"]) .content-wrapper .image-wrapper:first-child:nth-last-child(6),
body:not([data-dom*="ready"]) .content-wrapper .image-wrapper:first-child:nth-last-child(6) ~ .image-wrapper {
  width: 100%;
}

@media only screen and (min-width: 640px) and (max-width: 959px) {
  body:not([data-dom*="ready"]) .content-wrapper .image-wrapper:first-child:nth-last-child(3),
  body:not([data-dom*="ready"]) .content-wrapper .image-wrapper:first-child:nth-last-child(3) ~ .image-wrapper,
  body:not([data-dom*="ready"]) .content-wrapper .image-wrapper:first-child:nth-last-child(4),
  body:not([data-dom*="ready"]) .content-wrapper .image-wrapper:first-child:nth-last-child(4) ~ .image-wrapper,
  body:not([data-dom*="ready"]) .content-wrapper .image-wrapper:first-child:nth-last-child(5),
  body:not([data-dom*="ready"]) .content-wrapper .image-wrapper:first-child:nth-last-child(5) ~ .image-wrapper,
  body:not([data-dom*="ready"]) .content-wrapper .image-wrapper:first-child:nth-last-child(6),
  body:not([data-dom*="ready"]) .content-wrapper .image-wrapper:first-child:nth-last-child(6) ~ .image-wrapper {
    width: 50%;
  }
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  body:not([data-dom*="ready"]) .content-wrapper .image-wrapper:first-child:nth-last-child(3),
  body:not([data-dom*="ready"]) .content-wrapper .image-wrapper:first-child:nth-last-child(3) ~ .image-wrapper,
  body:not([data-dom*="ready"]) .content-wrapper .image-wrapper:first-child:nth-last-child(4),
  body:not([data-dom*="ready"]) .content-wrapper .image-wrapper:first-child:nth-last-child(4) ~ .image-wrapper,
  body:not([data-dom*="ready"]) .content-wrapper .image-wrapper:first-child:nth-last-child(5),
  body:not([data-dom*="ready"]) .content-wrapper .image-wrapper:first-child:nth-last-child(5) ~ .image-wrapper,
  body:not([data-dom*="ready"]) .content-wrapper .image-wrapper:first-child:nth-last-child(6),
  body:not([data-dom*="ready"]) .content-wrapper .image-wrapper:first-child:nth-last-child(6) ~ .image-wrapper {
    width: 25%;
  }
}

@media only screen and (min-width: 1280px) {
  body:not([data-dom*="ready"]) .content-wrapper .image-wrapper:first-child:nth-last-child(3),
  body:not([data-dom*="ready"]) .content-wrapper .image-wrapper:first-child:nth-last-child(3) ~ .image-wrapper,
  body:not([data-dom*="ready"]) .content-wrapper .image-wrapper:first-child:nth-last-child(4),
  body:not([data-dom*="ready"]) .content-wrapper .image-wrapper:first-child:nth-last-child(4) ~ .image-wrapper,
  body:not([data-dom*="ready"]) .content-wrapper .image-wrapper:first-child:nth-last-child(5),
  body:not([data-dom*="ready"]) .content-wrapper .image-wrapper:first-child:nth-last-child(5) ~ .image-wrapper,
  body:not([data-dom*="ready"]) .content-wrapper .image-wrapper:first-child:nth-last-child(6),
  body:not([data-dom*="ready"]) .content-wrapper .image-wrapper:first-child:nth-last-child(6) ~ .image-wrapper {
    width: 245px;
  }
}

body:not([data-dom*="ready"]) .content-wrapper .image-wrapper:first-child:nth-last-child(3),
body:not([data-dom*="ready"]) .content-wrapper .image-wrapper:first-child:nth-last-child(4),
body:not([data-dom*="ready"]) .content-wrapper .image-wrapper:first-child:nth-last-child(5),
body:not([data-dom*="ready"]) .content-wrapper .image-wrapper:first-child:nth-last-child(6) {
  margin-left: -100px;
}

body:not([data-dom*="ready"]) .content-wrapper .image-row {
  white-space: nowrap;
  overflow: hidden;
}

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

.image-wrapper span {
  margin: 15px auto 0;
  display: block;
  font-size: 14px;
  line-height: 1.5;
  color: #89949d;
}

.image-row {
  font-size: 0;
}

.image-collage {
  position: relative;
  text-align: center;
}

@media only screen and (max-width: 959px) {
  .image-collage {
    margin: 0 10px;
  }
}

.image-collage[data-img-count='1'] .image-wrapper {
  padding: 0 10px;
}

.image-collage[data-img-count='2'] .image-wrapper {
  padding: 0 10px;
  width: 50%;
}

@media only screen and (max-width: 639px) {
  .image-collage[data-img-count='2'] .image-wrapper {
    width: 100%;
    margin-bottom: 20px;
  }
  .image-collage[data-img-count='2'] .image-wrapper:last-child {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 1280px) {
  .image-collage[data-img-count='3'] {
    margin-left: -100px;
    margin-right: -100px;
  }
}

@media only screen and (min-width: 960px) {
  .image-collage[data-img-count='3'] .image-wrapper {
    width: 33.3333%;
    padding: 0 10px;
  }
}

.image-collage[data-img-count='3'] .swiper-slide {
  width: 313px !important;
}

.image-collage[data-img-count='3'] .swiper-button-prev,
.image-collage[data-img-count='3'] .swiper-button-next {
  margin-top: 62px;
}

@media only screen and (min-width: 1280px) {
  .image-collage[data-img-count='4'] {
    margin-left: -100px;
    margin-right: -100px;
  }
}

@media only screen and (min-width: 960px) {
  .image-collage[data-img-count='4'] .image-wrapper {
    width: 25%;
    padding: 0 10px;
  }
}

.image-collage[data-img-count='4'] .swiper-slide {
  width: 230px !important;
}

.image-collage[data-img-count='4'] .swiper-button-prev,
.image-collage[data-img-count='4'] .swiper-button-next {
  margin-top: 42px;
}

.image-collage[data-img-count='5'] {
  margin: 30px 0;
}

@media only screen and (min-width: 1280px) {
  .image-collage[data-img-count='5'] {
    margin-left: -100px;
    margin-right: -100px;
  }
}

.image-collage[data-img-count='5'] .swiper-slide {
  width: 230px !important;
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .image-collage[data-img-count='5'] .swiper-slide {
    width: 212px !important;
  }
}

.image-collage[data-img-count='5'] .swiper-button-prev,
.image-collage[data-img-count='5'] .swiper-button-next {
  margin-top: 42px;
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .image-collage[data-img-count='5'] .swiper-button-prev,
  .image-collage[data-img-count='5'] .swiper-button-next {
    margin-top: 36px;
  }
}

.image-collage[data-img-count='6'] {
  margin: 30px 0;
}

@media only screen and (min-width: 1280px) {
  .image-collage[data-img-count='6'] {
    margin-left: -100px;
    margin-right: -100px;
  }
}

.image-collage[data-img-count='6'] .swiper-slide {
  width: 230px !important;
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .image-collage[data-img-count='6'] .swiper-slide {
    width: 212px !important;
  }
}

.image-collage[data-img-count='6'] .swiper-button-prev,
.image-collage[data-img-count='6'] .swiper-button-next {
  margin-top: 42px;
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .image-collage[data-img-count='6'] .swiper-button-prev,
  .image-collage[data-img-count='6'] .swiper-button-next {
    margin-top: 36px;
  }
}

.image-collage[data-img-count='1'], .image-collage[data-img-count='2'] {
  margin: 30px -10px;
}

@media only screen and (min-width: 1280px) {
  .image-collage[data-img-count='3'], .image-collage[data-img-count='4'] {
    margin-left: -110px;
    margin-right: -110px;
  }
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .image-collage[data-img-count='3'], .image-collage[data-img-count='4'] {
    margin: 30px -10px;
  }
}

@media only screen and (max-width: 959px) {
  .image-collage[data-img-count='3'], .image-collage[data-img-count='4'], .image-collage[data-img-count='5'], .image-collage[data-img-count='6'] {
    margin: 30px 0;
  }
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .image-collage[data-img-count='5'], .image-collage[data-img-count='6'] {
    margin: 30px 0;
  }
}

.image-collage > span {
  margin: 15px auto 0;
  text-align: center;
  display: block;
  font-size: 14px;
  line-height: 1.5;
  color: #89949d;
}

.image-collage .swiper-button-prev,
.image-collage .swiper-button-next {
  width: 22px;
  height: 62px;
  background-color: #fff;
  border-radius: 2px;
  background-image: none;
  top: 0;
}

.image-collage .swiper-button-prev:after,
.image-collage .swiper-button-next:after {
  content: ' ';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 11px;
  height: 18px;
}

.image-collage .swiper-button-prev {
  left: -10px;
}

.image-collage .swiper-button-prev:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 94.06175771971496% 73.49081364829397%;
  width: 13px;
  height: 20px;
}

.image-collage .swiper-button-prev:hover:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 82.1852731591449% 100%;
  width: 13px;
  height: 20px;
}

.image-collage .swiper-button-next {
  right: -10px;
}

.image-collage .swiper-button-next:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 79.09738717339667% 100%;
  width: 13px;
  height: 20px;
}

.image-collage .swiper-button-next:hover:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 76.00950118764845% 100%;
  width: 13px;
  height: 20px;
}

.content-wrapper {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 20px;
  word-break: break-word;
}

.content-wrapper img[data-lightbox] {
  cursor: zoom-in;
}

.content-wrapper > *:first-child:not(blockquote):not(.notification),
.content-wrapper .first-no-indents > *:first-child:not(blockquote):not(.notification) {
  margin-top: 0;
  padding-top: 0;
}

.content-wrapper .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

.content-wrapper > *:first-child:last-child {
  margin-bottom: 0;
}

.content-wrapper.pgt_content .left-img, .content-wrapper.tabs_content .left-img {
  margin-left: 0;
}

.content-wrapper.pgt_content .full-img, .content-wrapper.tabs_content .full-img {
  margin-left: 0;
  margin-right: 0;
}

.content-wrapper .align-center {
  text-align: center;
}

.content-wrapper .align-right {
  text-align: right;
}

.content-wrapper h1 {
  margin-top: 20px;
}

@media only screen and (min-width: 960px) {
  .content-wrapper h1 {
    margin-bottom: 0;
  }
}

.content-wrapper h2 {
  font-size: 18px;
  line-height: 1.5;
  margin: 50px 0 30px;
}

.content-wrapper h3 {
  font-size: 16px;
  line-height: 1.5;
  margin: 32px 0 20px 0;
}

.content-wrapper h4 {
  font-size: 14px;
  line-height: 1.5;
  margin: 24px 0 20px 0;
}

.content-wrapper p {
  font-size: 16px;
  line-height: 1.5;
  margin: 20px 0 20px 0;
}

.content-wrapper i {
  font-style: italic;
}

.content-wrapper em {
  font-style: normal;
}

.content-wrapper style:first-child + p,
.content-wrapper link:first-child + p,
.content-wrapper style:first-child + h2,
.content-wrapper link:first-child + h2,
.content-wrapper * > p:first-child {
  margin-top: 0;
}

.content-wrapper p + ul > li:first-child,
.content-wrapper p + ol > li:first-child {
  margin-top: 0;
}

.content-wrapper div[class^="col"] > ul li:first-child {
  margin-top: 0;
}

.content-wrapper div[align="center"] img,
.content-wrapper .center-text img,
.content-wrapper .align-center img {
  margin-bottom: 20px;
}

.content-wrapper .text-nowrap {
  white-space: nowrap;
}

.content-wrapper .youtube-box {
  float: right;
  margin: 0 0 40px 20px;
}

@media only screen and (max-width: 639px) {
  .content-wrapper .youtube-box {
    float: none;
    display: none;
  }
}

.content-wrapper hr {
  margin: 60px 0;
  overflow: visible;
  position: relative;
  border-color: transparent;
}

@media only screen and (max-width: 959px) {
  .content-wrapper hr {
    margin: 30px 0;
  }
}

.content-wrapper hr:after {
  content: '';
  width: 178px;
  height: 1px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  background-color: #d6dce0;
}

.content-wrapper ul:not(.styled-phone-dropdown), .content-wrapper ol {
  margin: 0 0 20px 0;
  width: 100%;
  padding-left: 30px;
}

@media only screen and (min-width: 960px) {
  .content-wrapper ul:not(.styled-phone-dropdown), .content-wrapper ol {
    padding-left: 40px;
  }
}

.content-wrapper ul:not(.styled-phone-dropdown) li, .content-wrapper ol li {
  font-size: 16px;
  line-height: 1.5;
  color: #21272c;
}

.content-wrapper ul:not(.styled-phone-dropdown) > li, .content-wrapper ol > li {
  margin-top: 16px;
}

.content-wrapper ul:not(.styled-phone-dropdown) ul, .content-wrapper ul:not(.styled-phone-dropdown) ol, .content-wrapper ol ul, .content-wrapper ol ol {
  margin-bottom: 0;
}

.content-wrapper li li {
  margin-top: 10px !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

.content-wrapper a {
  color: #0066cc;
}

.content-wrapper a:hover {
  cursor: pointer;
  text-decoration: underline;
}

.content-wrapper table {
  width: 100%;
  margin: 0 0 20px 0;
}

.content-wrapper table th, .content-wrapper table td, .content-wrapper table li {
  font-size: 14px;
  line-height: 1.5;
}

.content-wrapper table.specifications, .content-wrapper table.specification {
  table-layout: fixed;
}

.content-wrapper table.specifications td:first-child, .content-wrapper table.specification td:first-child {
  background-color: #f5f5f5;
}

.content-wrapper table.specifications td li, .content-wrapper table.specification td li {
  margin-top: 0;
}

.content-wrapper table.specifications td ul, .content-wrapper table.specification td ul {
  margin: 5px 0;
}

.content-wrapper table th, .content-wrapper table td {
  color: #21272c;
  padding: 10px 12px;
  word-break: normal;
}

.content-wrapper table td {
  background-color: #ffffff;
  border: 1px solid #ccc;
  vertical-align: top;
}

.content-wrapper table td.col1 {
  background-color: #f5f5f5;
}

.content-wrapper table td li {
  margin-top: 0;
}

.content-wrapper table td ul {
  margin: 5px 0;
}

.content-wrapper table th {
  background-color: #f5f5f5;
  border: 1px solid #ddd;
}

.content-wrapper table.first-col-bg td:first-child {
  background-color: #f5f5f5;
}

.content-wrapper .img-height-100 {
  height: 100px;
  width: auto;
}

.content-wrapper img {
  max-width: 100%;
  height: auto;
}

.content-wrapper iframe, .content-wrapper embed {
  max-width: 100% !important;
}

.content-wrapper .leftimg {
  float: left;
  margin: 10px 20px 10px 0;
}

.content-wrapper .cell_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}

.content-wrapper .cell_item {
  max-width: 115px;
  margin: 0 20px 10px;
}

@media only screen and (max-width: 639px) {
  .content-wrapper .cell_item {
    margin: 0 10px;
  }
}

.content-wrapper .cell_item img {
  margin-bottom: 10px;
  display: block;
}

.content-wrapper .cell_item p {
  margin-top: 10px;
  font-size: 14px;
}

.content-wrapper .vertical-top {
  vertical-align: top;
}

.content-wrapper h2 + .box-info, .content-wrapper h3 + .box-info {
  padding-top: 20px;
}

.content-wrapper .box-info {
  margin-bottom: 30px;
  font-size: 14px;
}

@media only screen and (min-width: 640px) {
  .content-wrapper .box-info {
    display: flex;
  }
}

.content-wrapper .box-info_left {
  color: #89949d;
  width: 125px;
  text-align: center;
  flex: 0 0 125px;
  margin-right: 20px;
}

.content-wrapper .box-info_left a {
  display: inline-block;
}

.content-wrapper .box-info_left a:hover {
  text-decoration: none;
}

@media only screen and (max-width: 639px) {
  .content-wrapper .box-info_left {
    width: 100%;
    margin-bottom: 15px;
    margin-right: 0;
  }
}

.content-wrapper .box-info_left img {
  display: block;
  margin: 5px auto;
}

.content-wrapper .box-info_right * {
  font-size: 14px;
}

@media only screen and (max-width: 639px) {
  .content-wrapper .box-info_right {
    margin-left: 0;
  }
}

.content-wrapper .list-without-indent {
  padding-left: 18px;
}

.content-wrapper .list-without-indent a {
  color: #2392FD;
}

.content-wrapper .notification.read {
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  max-width: 380px;
  text-align: left;
  margin: 20px auto !important;
  display: block !important;
  padding: 25px 30px 15px 30px !important;
  font-size: 16px;
  line-height: 24px;
  position: relative;
}

.content-wrapper .notification.icon-read {
  padding-left: 60px !important;
}

.content-wrapper .notification.icon-read:after {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 95.65217391304348% 57.74278215223097%;
  width: 20px;
  height: 20px;
  left: 30px;
  top: 25px;
}

.content-wrapper .important-information {
  margin: 20px 0 20px 0;
  padding: 25px;
  background: #FFF1EC;
}

.content-wrapper .important-information .title {
  color: #ff3300;
  font-weight: bold;
}

.content-wrapper .important-information > *:last-child {
  margin-bottom: 0;
}

.content-wrapper .row-list {
  padding-left: 0 !important;
  display: flex;
  flex-wrap: wrap;
}

.content-wrapper .row-list > li {
  list-style: none;
  margin: 10px 35px 0 0 !important;
}

.content-wrapper .icon {
  position: relative;
  display: inline-block;
  padding-left: 25px;
}

.content-wrapper .icon-pdf:after, .content-wrapper .icon-cable:after {
  position: absolute;
  content: ' ';
  z-index: 2;
  top: 2px;
  left: 0;
  bottom: auto;
  margin: auto;
}

@media only screen and (min-width: 960px) {
  .content-wrapper .two-columns {
    display: flex;
  }
  .content-wrapper .two-columns .column {
    width: 50%;
  }
  .content-wrapper .two-columns .column:nth-child(1) {
    padding-right: 10px;
  }
  .content-wrapper .two-columns .column:nth-child(2) {
    padding-left: 10px;
  }
  .content-wrapper .two-columns .column *:first-child {
    margin-top: 0;
  }
  .content-wrapper .two-columns .full-img {
    margin-left: 0;
    margin-right: 0;
  }
}

.content-wrapper .fluid-img {
  text-align: center;
  margin-bottom: 30px;
  margin-top: 30px;
}

.content-wrapper .fluid-img a {
  display: inline-block;
  margin-top: 15px;
  text-align: center;
  font-size: 12px;
}

@media only screen and (min-width: 960px) {
  .content-wrapper .fluid-img a {
    font-size: 14px;
  }
}

.content-wrapper .fluid-img a:hover {
  text-decoration: none;
}

.content-wrapper .fluid-img img {
  max-width: 100%;
  height: auto;
}

.content-wrapper .fluid-img > span {
  display: block;
  max-width: 760px;
  margin: 15px auto 0;
  color: #89949d;
  font-size: 12px;
  line-height: 1.5;
}

@media only screen and (min-width: 960px) {
  .content-wrapper .fluid-img > span {
    font-size: 14px;
  }
}

.content-wrapper .left-img {
  float: left;
  max-width: 380px;
  margin: 0 20px 30px -100px;
}

@media only screen and (max-width: 959px) {
  .content-wrapper .left-img {
    float: none;
    display: block;
    margin: 0 auto;
    text-align: center;
  }
}

@media only screen and (min-width: 960px) {
  .content-wrapper .left-img + * {
    margin-top: 0;
  }
}

.content-wrapper .left-img a {
  display: block;
  text-align: center;
}

.content-wrapper .left-img a span {
  display: inline-block;
  margin-top: 15px;
  font-size: 12px;
  line-height: 1.5;
}

@media only screen and (min-width: 960px) {
  .content-wrapper .left-img a span {
    font-size: 14px;
  }
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .content-wrapper .left-img {
    margin-left: 0;
  }
}

.content-wrapper .left-img > span {
  display: block;
  text-align: center;
  margin-top: 15px;
  font-size: 12px;
  line-height: 1.5;
  color: #89949d;
}

@media only screen and (min-width: 960px) {
  .content-wrapper .left-img > span {
    font-size: 14px;
  }
}

.content-wrapper .full-img {
  margin: 30px -100px;
  text-align: center;
}

.content-wrapper .full-img a {
  display: inline-block;
  text-align: center;
}

.content-wrapper .full-img a:hover {
  text-decoration: none;
}

.content-wrapper .full-img a span {
  display: block;
  margin-top: 15px;
  font-size: 12px;
  line-height: 1.5;
}

@media only screen and (min-width: 960px) {
  .content-wrapper .full-img a span {
    font-size: 14px;
  }
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .content-wrapper .full-img {
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (max-width: 959px) {
  .content-wrapper .full-img {
    margin-left: 0;
    margin-right: 0;
  }
}

.content-wrapper .full-img > span {
  display: block;
  max-width: 760px;
  margin: 15px auto 0;
  text-align: center;
  font-size: 12px;
  line-height: 1.5;
  color: #89949d;
}

@media only screen and (min-width: 960px) {
  .content-wrapper .full-img > span {
    font-size: 14px;
  }
}

.content-wrapper blockquote {
  padding: 20px;
  position: relative;
  margin: 30px 0 30px;
}

.content-wrapper blockquote .title {
  font-size: 18px;
  line-height: 1.5;
  font-weight: 800;
}

.content-wrapper blockquote:before {
  content: '“';
  position: absolute;
  top: 0;
  left: 0;
  font-size: 32px;
  font-weight: 800;
  color: #89949d;
  font-family: 'Open Sans', sans-serif;
}

.content-wrapper blockquote.akcent:before {
  color: #FFCC00;
}

.content-wrapper blockquote *:first-child {
  margin-top: 0;
  padding: 0;
}

.content-wrapper blockquote *:last-child {
  margin-bottom: 0;
}

.content-wrapper .btn {
  white-space: normal !important;
  color: #21272c !important;
}

.content-wrapper .btn:hover {
  text-decoration: none;
}

.content-wrapper .btn-side-indents {
  margin-left: 20px;
  margin-right: 20px;
}

.content-wrapper .btn-bottom-indent {
  margin-bottom: 20px;
}

.content-wrapper .btn-hyphenation {
  white-space: normal;
}

.content-wrapper .btn-print {
  position: relative;
  padding-left: 25px;
  margin-top: 10px;
}

.content-wrapper .btn-print:before {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 36.626506024096386% 87.98955613577023%;
  width: 19px;
  height: 18px;
  left: 0;
  right: auto;
  top: 0;
  bottom: 0;
  margin: auto;
}

.content-wrapper .product-button-wrapper .btn {
  min-width: 110px;
}

.content-wrapper .table-wrapper,
.landing-wrapper .table-wrapper {
  overflow: hidden;
  position: relative;
  margin: 0;
  padding-bottom: 20px;
  height: auto;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
}

.content-wrapper .table-wrapper table,
.landing-wrapper .table-wrapper table {
  min-width: 748px;
}

.content-wrapper .table-wrapper .mCustomScrollBox,
.landing-wrapper .table-wrapper .mCustomScrollBox {
  overflow: initial;
}

.content-wrapper .table-wrapper .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.landing-wrapper .table-wrapper .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -20px;
  z-index: 10;
}

.content-wrapper .table-wrapper .mCSB_scrollTools_horizontal.scroll-view,
.landing-wrapper .table-wrapper .mCSB_scrollTools_horizontal.scroll-view {
  position: fixed;
  bottom: 5px;
  margin: 0 20px !important;
}

.content-wrapper .table-wrapper.mCustomScrollbar,
.landing-wrapper .table-wrapper.mCustomScrollbar {
  touch-action: auto !important;
  /*перебити, небуло скролу на Android(Chrome)*/
}

.content-wrapper .table-wrapper .mCSB_horizontal.mCSB_inside > .mCSB_container,
.landing-wrapper .table-wrapper .mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-bottom: 0 !important;
}

@media only screen and (min-width: 1280px) {
  [space^="page/content"] .content-wrapper .table-full,
  .content-page .content-wrapper .table-full {
    margin: 0 -200px 0 !important;
  }
}

.but_news,
.but_orange {
  display: inline-block;
  padding: 10px 15px;
  margin-bottom: 0;
  font-size: 1.4rem;
  min-width: 100px;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: none;
  border-radius: 6px;
  color: #21272c !important;
  background: #ffd100;
  background: linear-gradient(to bottom, #ffd100 0%, #ffc700 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd100', endColorstr='#ffc700', GradientType=0);
}

.but_news:hover,
.but_orange:hover {
  color: #333 !important;
  text-decoration: none;
  background: #f2cb2f;
  background: linear-gradient(to bottom, #f2cb2f 0%, #ffd83b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2cb2f', endColorstr='#ffd83b', GradientType=0);
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
}

.but_news:active,
.but_orange:active {
  outline: 0;
  background: #ffd631;
}

.but_news:focus,
.but_orange:focus {
  text-decoration: none;
  color: #21272c !important;
  outline: none;
}

.tab-video [data-youtube="video"] {
  padding-bottom: 56.25%;
  margin-bottom: 30px;
  display: block;
}

@media only screen and (max-width: 959px) {
  .tab-video [data-youtube="video"] {
    margin-bottom: 20px;
  }
}

.tab-video [data-youtube="video"] iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

[data-youtube="video"] {
  position: relative;
  display: inline-block;
  font-size: 0;
}

[data-youtube="video"]:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 1;
}

[data-youtube="video"].play:after {
  z-index: -1;
}

[data-youtube="video"] iframe {
  margin-bottom: 0 !important;
}

/* ===== field, dropdown, select, option-box ===== */
.error-text {
  font-size: 12px;
  line-height: 16px;
  color: #FC4545;
  display: none;
  width: 100%;
  padding: 2px 0 0 0;
}

.-invalid .error-text {
  display: inline-block;
}

.re-captcha {
  min-height: 100px;
  margin-bottom: 10px;
}

.re-captcha iframe {
  border: 1px solid transparent;
}

.re-captcha.-invalid iframe {
  border-color: #FC4545;
  border-radius: 3px;
}

.s-g {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.s-g_title {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0 20px 0 0;
  position: relative;
  white-space: nowrap;
  font-weight: 500;
}

.s-g_title span {
  overflow: hidden;
  text-overflow: ellipsis;
}

.s-g_title:after {
  transition: transform 0.25s ease-in-out;
  position: absolute;
  content: ' ';
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 44.05% 68.36734693877551%;
  width: 14px;
  height: 9px;
  left: auto;
}

.s-g_title:hover {
  text-decoration: underline;
}

.s-g[name="trigger"],
.s-g [name="trigger"] {
  cursor: pointer;
  transition: none;
}

.s-g[name="trigger"] *,
.s-g [name="trigger"] * {
  transition: none;
}

.s-g_dropdown {
  display: none;
  position: absolute;
  top: 100%;
  z-index: 100;
  margin: 5px 0 0 0 !important;
  padding: 0 !important;
  min-width: 100%;
  text-align: left;
  background: #ffffff;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  transition: all 200ms;
  overflow: hidden;
}

.s-g_dropdown.-responsive-width {
  min-width: 100px;
}

.s-g_dropdown.-responsive-width .s-g_dropdown-result-item {
  padding-right: 12px;
}

@media only screen and (min-width: 960px) {
  .s-g_dropdown:not(.to-right):not(.to-left):not(.-responsive-width) {
    left: 50%;
    transform: translateX(-50%);
  }
}

.s-g_dropdown.to-right {
  left: auto;
  right: 0;
}

.s-g_dropdown.to-left {
  left: 0;
  right: auto;
}

.s-g_dropdown-search {
  padding: 0 8px;
  margin-bottom: 2px;
}

.s-g_dropdown-search > div {
  position: relative;
}

.s-g_dropdown-search input {
  border: none;
  outline: none;
  border-bottom: 1px solid #c0cad1;
  line-height: 20px;
  font-size: 14px;
  background: transparent;
  display: block;
  width: 100%;
  color: #21272c;
  -webkit-writing-mode: horizontal-tb;
      -ms-writing-mode: lr-tb;
          writing-mode: horizontal-tb;
  padding: 7px 0 4px 0;
  transition: ease border-color 200ms, box-shadow 200ms;
}

.s-g_dropdown-search input:hover {
  border-color: #88939C;
}

.s-g_dropdown-search input:focus {
  border-color: #ffd631;
  box-shadow: inset 0 -3px 0 -2px #ffd631;
}

.s-g_dropdown [class*="icon-"] {
  width: 22px;
  height: 22px;
  margin: -2px 4px 0 0;
  flex: 0 0 auto;
}

.s-g_dropdown [class*="icon-"]:after {
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.s-g_dropdown-result {
  overflow-x: hidden;
  overflow-y: auto;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  max-height: 204px;
}

.s-g_dropdown-result::-webkit-scrollbar {
  width: 14px;
  background: #fff;
}

.s-g_dropdown-result::-webkit-scrollbar:hover {
  background: #f2f2f2;
}

.s-g_dropdown-result::-webkit-scrollbar-thumb {
  background: #cdcdcd;
  border: 2px solid transparent;
  background-clip: content-box;
}

.s-g_dropdown-result::-webkit-scrollbar-button {
  display: none;
}

.hdr .s-g_dropdown-result {
  max-height: none;
  white-space: nowrap;
}

.s-g_dropdown-result-item {
  display: flex;
  padding: 6px 8px;
  color: #21272c;
  text-decoration: none !important;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
}

.s-g_dropdown-result-item:hover {
  background-color: #f4f4f4;
}

.s-g_dropdown-result-item [class*="icon-"] {
  margin-top: 0;
}

.s-g_dropdown .no-results {
  padding: 16px 8px;
  color: #ff3300;
  display: none;
}

.s-g_dropdown.empty-search-result .no-results {
  display: block;
}

.s-g_dropdown.empty-search-result .s-g_dropdown-result {
  display: none;
}

.s-g.-disabled [class*="icon-"]:before {
  content: '';
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  background: rgba(255, 255, 255, 0.4);
}

.s-g.is-opened .s-g_title {
  text-decoration: underline;
}

.s-g.is-opened .s-g_title:after {
  transform: rotate(-180deg) scale(1) skew(0deg) translate(0px);
}

.s-g.is-opened .s-g_dropdown {
  display: block;
}

.s-g.-with-border .s-g_pretext {
  display: inline-block;
  margin-right: 5px;
}

.s-g.-with-border .s-g_title {
  border-radius: 4px;
  border: 1px solid #f4f4f4;
  padding: 5px 30px 5px 8px;
}

.s-g.-with-border .s-g_title:after {
  right: 10px;
}

.s-g.header-dropdown .s-g_title {
  color: #FFFFFF;
  line-height: 11px;
  font-size: 11px;
  text-transform: uppercase;
}

.s-g.header-dropdown .s-g_dropdown-result {
  max-height: none;
}

.s-g.header-dropdown .s-g_dropdown-result-item {
  white-space: nowrap;
}

.s-g.header-dropdown .s-g_dropdown-result-item strong {
  min-width: 40px;
  padding-right: 8px;
}

.s-g.account-dropdown.-impersonate .s-g_title-pretext {
  color: #ff3300;
}

.s-g.account-dropdown.-impersonate .s-g_title-pretext:hover {
  color: #ff3300;
}

.s-g.account-dropdown.-impersonate:before {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 84.84848484848484% 0;
  width: 38px;
  height: 38px;
}

.s-g.account-dropdown .-impersonate-item {
  background-color: #ff3300;
  color: #ffffff;
}

.s-g.account-dropdown:before {
  position: absolute;
  content: ' ';
  z-index: 2;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 83.37468982630273% 10.382513661202186%;
  width: 31px;
  height: 35px;
}

.s-g.account-dropdown .s-g_title {
  line-height: 16px;
  font-size: 16px;
  color: #ffffff;
}

.s-g.account-dropdown .s-g_title-pretext {
  line-height: 18px;
  font-size: 11px;
  color: #89949d;
  display: block;
  overflow: hidden;
  width: 110px;
  height: 18px;
}

.s-g.account-dropdown .s-g_dropdown-result {
  max-height: none;
}

.s-g.account-dropdown .s-g_dropdown-result-item {
  white-space: nowrap;
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .s-g.account-dropdown.is-opened:after {
    transform: rotate(-180deg) scale(1) skew(0deg) translate(0px);
  }
}

.s-g.header-dropdown .s-g_dropdown-result-item:nth-child(1), .s-g.account-dropdown .s-g_dropdown-result-item:nth-child(1) {
  padding-top: 12px;
}

.s-g.header-dropdown .s-g_dropdown-result-item:nth-last-child(1), .s-g.account-dropdown .s-g_dropdown-result-item:nth-last-child(1) {
  padding-bottom: 12px;
}

.s-g.account-dropdown .s-g_dropdown-result-item:hover {
  text-decoration: underline !important;
}

.s-g.sort-dropdown {
  margin: 0 20px 15px 0;
}

@media only screen and (min-width: 960px) {
  .s-g.sort-dropdown {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 639px) {
  .s-g.sort-dropdown .s-g_pretext {
    display: none;
  }
}

.s-g.sort-dropdown .s-g_pretext {
  color: #88939C;
}

.s-g.tiny-product-dropdown .s-g_dropdown-result-item {
  padding: 0;
  line-height: inherit;
}

.s-g.tiny-product-dropdown .s-g_dropdown-result-item .pr-tiny {
  width: 100%;
  border-top: none;
}

.s-g.-disabled {
  cursor: not-allowed;
}

.s-g.-disabled [name="trigger"] {
  pointer-events: none !important;
}

.field-group.-disabled .s-g_title {
  color: #c0cad1 !important;
}

.field-group .s-g {
  position: static;
}

.field-group .s-g_title {
  line-height: 24px;
  font-size: 16px;
  text-decoration: none !important;
  font-weight: 400;
  padding-top: 7px;
  padding-bottom: 5px;
  padding-right: 30px;
}

.field-group .s-g_title:after {
  right: 13px;
}

.field-group .s-g_title span {
  padding-left: 3px;
}

.field-group .s-g_title [class*="icon-"] {
  margin-left: -3px;
  margin-right: 6px;
  flex-shrink: 0;
}

.field-group .s-g_dropdown {
  transform: translateX(0%);
  left: 0;
  top: 48px;
  padding: 4px 0 4px 0 !important;
  margin: 0 !important;
}

.field-group.-phone .s-g_dropdown-result-item span {
  color: #89949d;
  padding-left: 5px;
}

.select-group--box .value {
  color: #21272c;
  font-size: 1.4rem;
  border: 1px solid #89949d;
  padding: 5px 26px 5px 10px;
  border-radius: 3px;
  background-color: #ffffff;
  text-decoration: none;
}

.select-group--box .value:after {
  right: 7px;
}

.select-group--box .value:hover {
  text-decoration: none;
}

.select-group--box .dropdown-menu {
  top: 32px;
  border-radius: 3px;
}

.select-group--box .dropdown-menu li {
  padding: 4px 10px;
  font-size: 1.4rem;
}

.select-group--box .dropdown-menu li:nth-child(1) {
  padding-top: 6px;
}

.select-group--box .dropdown-menu li:nth-last-child(1) {
  padding-bottom: 6px;
}

.select-group--box .dropdown-menu li:hover {
  background: #ffd631;
}

.select-group--box.open .value {
  text-decoration: none;
}

@media only screen and (max-width: 959px) {
  .select-group--box .value {
    padding-top: 7px;
    padding-bottom: 7px;
  }
  .select-group--box .dropdown-menu {
    top: 36px;
  }
}

.otd {
  padding-right: 20px;
  margin-bottom: 25px;
  float: left;
  position: relative;
}

.otd_title {
  color: #89949d;
  font-size: 1.4rem;
  float: left;
  padding-top: 6px;
  padding-bottom: 6px;
  margin-right: 10px;
}

.otd .select-group {
  float: left;
  display: block;
}

.otd .value {
  width: 100%;
}

.otd .trigger-open .pretext {
  color: #89949d;
  display: none;
}

@media only screen and (max-width: 959px) {
  .otd {
    padding-right: 10px;
  }
  .otd_title {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}

@media only screen and (max-width: 639px) {
  .otd {
    padding-right: 5px;
  }
  .otd_title {
    display: none;
  }
}

.select-group--product {
  margin-bottom: 20px;
  width: 100%;
}

.select-group--product .value {
  width: 100%;
  color: #89949d;
  font-size: 1.6rem;
  padding: 0;
}

.select-group--product .value:before {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 10.456005450652132% 70.34120734908136%;
  width: 23.04px;
  height: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
}

.select-group--product .value span {
  display: block;
  padding: 7px 20px 7px 30px;
  border-bottom: 1px solid #89949d;
}

.select-group--product .value:hover {
  text-decoration: none;
}

.select-group--product .dropdown-menu {
  width: 100%;
  top: 34px;
  border-radius: 0;
  transform: inherit;
  left: 0;
  right: 0;
}

.select-group--product .dropdown-menu li {
  padding: 0 !important;
}

.select-group--product.open .value {
  text-decoration: none;
}

.select-group--product.-disabled .value span {
  border-bottom: 1px dashed #89949d;
}

.select-group--product.-disabled:before {
  content: ' ';
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  display: block;
  position: absolute;
  background: transparent;
  cursor: default;
  z-index: 20;
}

.tmpns.field-group {
  padding-top: 5px;
  margin-top: -5px;
  margin-bottom: 20px;
  min-height: 70px;
  /* LABEL ======================================= */
  /* active state */
  /* BOTTOM BARS ================================= */
  /* error ================================= */
  /* icons ================================= */
  /* textarea symbols-length ============================= */
  /* dropdown-with-input ============================= */
  /* field-dropdown ============================= */
  /* disabled styles ============================= */
}

.tmpns.field-group .field-group_field {
  border: 1px solid #c0cad1;
  border-radius: 4px;
  transition: ease border-color 200ms, box-shadow 200ms;
}

.tmpns.field-group .field-group_field > input, .tmpns.field-group .field-group_field > textarea, .tmpns.field-group .field-group_field .field-group_dummy {
  color: #21272c;
  font-size: 16px;
  line-height: 24px;
  background: transparent;
  display: block;
  width: 100%;
  border: none;
  -webkit-writing-mode: horizontal-tb;
      -ms-writing-mode: lr-tb;
          writing-mode: horizontal-tb;
  padding: 10px 14px 8px 14px;
}

.tmpns.field-group .field-group_field > input:invalid, .tmpns.field-group .field-group_field > textarea:invalid, .tmpns.field-group .field-group_field .field-group_dummy:invalid {
  box-shadow: none;
}

.tmpns.field-group .field-group_field > input:focus, .tmpns.field-group .field-group_field > textarea:focus, .tmpns.field-group .field-group_field .field-group_dummy:focus {
  outline: none;
  box-shadow: none;
}

.tmpns.field-group .field-group_field > input:-webkit-autofill, .tmpns.field-group .field-group_field > textarea:-webkit-autofill, .tmpns.field-group .field-group_field .field-group_dummy:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}

.tmpns.field-group .field-group_field > textarea {
  resize: none;
  min-height: 42px;
  transition: all 100ms ease-out;
}

.tmpns.field-group .field-group_field > textarea:not([rows]) {
  overflow: hidden;
  height: 42px;
}

.tmpns.field-group .field-group_box {
  position: relative;
}

.tmpns.field-group:not(.-disabled) .field-group_box:hover .field-group_field {
  border-color: #89949d;
}

.tmpns.field-group:not(.-disabled) .field-group_box:hover label {
  color: #21272c;
}

.tmpns.field-group.-focused:not(.-disabled) .field-group_field {
  border-color: #ffd631 !important;
  box-shadow: inset 0 0 0 1px #ffd631;
}

.tmpns.field-group label {
  line-height: 24px;
  font-size: 16px;
  color: #88939C;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  transition: all 200ms ease-in-out;
  margin: 0;
  left: 12px;
  top: 11px;
  padding: 0 3px;
  background: #ffffff;
  display: inline-block;
}

.tmpns.field-group label i {
  color: #ff3300;
}

.tmpns.field-group.-filled label, .tmpns.field-group.-label-always-active label {
  top: -9px;
  left: 12px !important;
  font-size: 12px;
  line-height: 18px;
  color: #89949d !important;
}

.tmpns.field-group .error-text {
  padding: 2px 15px 0 15px;
}

.tmpns.field-group.-invalid label {
  color: #ff3300 !important;
}

.tmpns.field-group.-invalid .field-group_field {
  border-color: #ff3300 !important;
  box-shadow: inset 0 0 0 1px #ff3300;
}

.tmpns.field-group .field-group_box > [class*="icon-"] {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  margin: auto;
}

.tmpns.field-group .field-group_box > [class*="icon-"]:after {
  top: 0;
  bottom: 0;
  margin: auto;
}

.tmpns.field-group .field-group_box > [class*="icon-"].-left {
  left: 12px;
}

.tmpns.field-group .field-group_box > [class*="icon-"].-right {
  right: 12px;
}

.tmpns.field-group .field-group_box > [class*="icon-"].-right:after {
  right: 0;
}

.tmpns.field-group.with-left-icon input,
.tmpns.field-group.with-left-icon .field-group_dummy {
  padding-left: 38px;
}

.tmpns.field-group.with-left-icon label {
  left: 35px;
}

.tmpns.field-group.with-right-icon input,
.tmpns.field-group.with-right-icon .field-group_dummy {
  padding-right: 38px;
}

.tmpns.field-group .field-group_psw-btn {
  display: none;
  cursor: pointer;
  height: 20px;
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  right: 12px;
  margin: auto;
}

.tmpns.field-group .field-group_psw-btn.-visible {
  display: block;
}

.tmpns.field-group.-dropdown-with-input .field-group_field {
  display: flex;
  flex-direction: row;
}

.tmpns.field-group.-dropdown-with-input .field-group_field > input {
  flex: 1 1 auto;
  width: auto;
  min-width: 1px;
  border: none;
  padding-left: 0;
}

.tmpns.field-group.-dropdown-with-input .s-g {
  flex: 0 0 70px;
}

.tmpns.field-group.-dropdown-with-input .s-g_title {
  height: 42px;
  padding: 11px 32px 9px 13px;
}

.tmpns.field-group.-dropdown-with-input.-phone .s-g {
  flex-basis: auto;
}

.tmpns.field-group.-dropdown .s-g {
  width: 100%;
}

.tmpns.field-group.-dropdown .s-g_title {
  color: #21272c;
  height: 42px;
  padding: 11px 38px 9px 14px;
}

.tmpns.field-group.-dropdown.with-left-icon .s-g_title {
  padding-left: 38px;
}

.tmpns.field-group.-dropdown.-focused label {
  top: -9px;
  left: 12px !important;
  font-size: 12px;
  line-height: 18px;
  color: #89949d !important;
}

.tmpns.field-group.-disabled * {
  cursor: not-allowed;
}

.tmpns.field-group.-disabled .field-group_field {
  border-color: #c0cad1 !important;
}

.tmpns.field-group.-disabled .field-group_field > input,
.tmpns.field-group.-disabled .field-group_field > .field-group_dummy {
  color: #c0cad1 !important;
}

.tmpns.field-group.-disabled .field-group_box > [class*="icon-"]:before {
  content: '';
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  background: rgba(255, 255, 255, 0.4);
}

.tmpns.field-group.-disabled:not(.-filled) label {
  color: #c0cad1;
}

.tmpns.field-group.-search-invoice-number {
  min-height: 0;
  margin-bottom: 0;
  padding: 0;
}

.tmpns.field-group.-search-invoice-number .field-group_submit {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  width: 42px;
  height: 42px;
}

.tmpns.field-group.-search-invoice-number .field-group_submit i {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.tmpns.field-group.-select-head-unit {
  cursor: pointer;
}

[name="feedback-dealers"] .field-group label,
[name="feedback-suppliers"] .field-group label {
  background-color: #F9F9F9;
}

html.mobile .field-group[space="component/field/select"]:before,
html.tablet .field-group[space="component/field/select"]:before {
  position: absolute;
  z-index: -1;
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 44.05% 68.36734693877551%;
  width: 14px;
  height: 9px;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
}

html.mobile .field-group[space="component/field/select"] select,
html.tablet .field-group[space="component/field/select"] select {
  padding-right: 33px;
}

html.mobile .field-group[space="component/field/select"].with-border:before,
html.tablet .field-group[space="component/field/select"].with-border:before {
  top: 14px;
  right: 15px;
}

/* hiddenDiv for textarea auto height ==================== */
.hiddenDiv {
  display: none;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
  padding-top: 1.2rem;
}

.tmpns.option-box {
  position: relative;
  margin-bottom: 20px;
  padding-top: 1px;
  padding-left: 25px;
}

.tmpns.option-box input {
  position: absolute;
  margin: 0;
  width: 0;
  height: 0;
  left: 0;
  top: 0;
  opacity: 0;
  pointer-events: none;
}

.tmpns.option-box input ~ label .option-box_icon {
  position: absolute;
}

.tmpns.option-box input ~ label .option-box_icon:before, .tmpns.option-box input ~ label .option-box_icon:after {
  content: "";
  position: absolute;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s;
}

.tmpns.option-box input ~ label .option-box_icon:before {
  position: absolute;
  content: ' ';
  z-index: 2;
  opacity: 0;
}

.tmpns.option-box input ~ label .option-box_icon,
.tmpns.option-box input ~ label .option-box_icon:after {
  border: solid 1px #c0cad1;
}

.tmpns.option-box input ~ label .option-box_icon:after {
  border-width: 2px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
}

.tmpns.option-box input ~ label:hover .option-box_icon,
.tmpns.option-box input ~ label:hover .option-box_icon:after {
  border-color: #89949d;
}

.tmpns.option-box input:checked ~ label .option-box_icon,
.tmpns.option-box input:checked ~ label .option-box_icon:after, .tmpns.option-box input[checked="checked"] ~ label .option-box_icon,
.tmpns.option-box input[checked="checked"] ~ label .option-box_icon:after {
  border-color: #89949d;
}

.tmpns.option-box input:checked ~ label .option-box_icon:before, .tmpns.option-box input[checked="checked"] ~ label .option-box_icon:before {
  opacity: 1;
}

.tmpns.option-box input:active ~ label .option-box_icon,
.tmpns.option-box input:active ~ label .option-box_icon:after {
  border-color: #ffd631;
}

.tmpns.option-box input:active ~ label .option-box_icon:after {
  opacity: 1;
}

.tmpns.option-box input:disabled ~ label {
  cursor: default;
}

.tmpns.option-box input:disabled ~ label .option-box_icon,
.tmpns.option-box input:disabled ~ label .option-box_icon:after {
  border-color: #e5ebf0;
}

.tmpns.option-box input:disabled ~ label .option-box_icon:after {
  opacity: 0 !important;
}

.tmpns.option-box label {
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 0;
  cursor: pointer;
  color: #21272c;
}

.tmpns.option-box label i {
  color: #ff3300;
}

.tmpns.option-box .option-box_animation-circle {
  position: absolute;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: #D5DBDF;
  z-index: 0;
  opacity: 0;
  -webkit-animation: background-circle-animation 0.5s;
          animation: background-circle-animation 0.5s;
  pointer-events: none;
  width: 20px;
  height: 20px;
}

.tmpns.option-box .option-box_animation-circle.-checked {
  background: #ffd631;
}

@-webkit-keyframes background-circle-animation {
  0% {
    opacity: .35;
  }
  50% {
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
  }
}

@keyframes background-circle-animation {
  0% {
    opacity: .35;
  }
  50% {
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
  }
}

.option-box input[type="checkbox"] ~ label .option-box_icon {
  width: 20px;
  height: 20px;
  left: 0px;
  top: 0;
}

.option-box input[type="checkbox"] ~ label .option-box_icon:before {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 99.52153110047847% 92.78663239074552%;
  width: 16px;
  height: 12px;
  top: 3px;
  left: 1px;
}

.option-box input[type="checkbox"] ~ label .option-box_icon,
.option-box input[type="checkbox"] ~ label .option-box_icon:after {
  border-radius: 3px;
}

.option-box input[type="checkbox"]:disabled ~ label .option-box_icon:before {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 99.52153110047847% 95.87146529562983%;
  width: 16px;
  height: 12px;
}

.option-box .option-box_animation-circle {
  top: 10px;
  left: 10px;
}

.option-box input[type="radio"] ~ label .option-box_icon {
  width: 20px;
  height: 20px;
  left: 0px;
  top: 0;
}

.option-box input[type="radio"] ~ label .option-box_icon:before {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 84.1303317535545% 77.6349614395887%;
  width: 12px;
  height: 12px;
  top: 3px;
  left: 3px;
}

.option-box input[type="radio"] ~ label .option-box_icon,
.option-box input[type="radio"] ~ label .option-box_icon:after {
  border-radius: 50%;
}

.option-box input[type="radio"]:disabled ~ label .option-box_icon:before {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 85.78199052132702% 66.0668380462725%;
  width: 12px;
  height: 12px;
}

.option-box .option-box_animation-circle {
  top: 10px;
  left: 10px;
}

/* ===== @end ===== */
/* ===== tooltipster ===== */
/* ===== @tooltipster ===== */
/* ===== lazy load ===== */
.lazy-load img {
  opacity: 0;
  transition: opacity .2s;
}

.lazy-load_dummy img {
  opacity: 1;
}

.lazy-load.-loaded img {
  opacity: 1;
}

.lazy-load.-loaded .lazy-load_dummy img {
  opacity: 0;
}

img.lazy-load {
  opacity: 0;
  transition: opacity .2s;
}

img.lazy-load.-loaded {
  opacity: 1;
}

/* ===== @tooltipster ===== */
/* ===== tabs ===== */
/* ===== @end ===== */
/* ===== upload-zone ===== */
/* ===== @end ===== */
/* ===== styles for all product cards ===== */
.pr-tiny {
  position: relative;
  min-height: 90px;
  border-radius: 2px;
  border: 1px solid #f4f4f4;
  padding: 10px;
  display: flex;
  background: #ffffff;
}

.pr-tiny.-with-price {
  padding-bottom: 0;
}

.pr-tiny_title {
  min-height: 36px;
  margin-bottom: 2px;
  line-height: 18px;
  font-size: 14px;
  display: block;
  color: #21272c;
  white-space: normal;
}

.pr-tiny_title:hover {
  color: #21272c;
  text-decoration: none;
}

.pr-tiny_img-wrap {
  flex: 0 0 70px;
  max-width: 70px;
  height: 70px;
  margin-right: 10px;
  position: relative;
}

.pr-tiny_img-wrap img {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  max-width: 100%;
}

.pr-tiny_price {
  flex: 0 0 120px;
}

.pr-tiny_id {
  color: #88939C;
  line-height: 16px;
  font-size: 12px;
  margin-bottom: 10px;
  flex-basis: 100%;
}

.pr-tiny .availability-in-stores,
.pr-tiny .info-weight {
  margin: 0;
}

.pr-tiny_bottom div:last-child {
  padding-right: 0;
  margin-right: 0;
}

.pr-tiny_remove {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 99.99278898156383% 36.29242819843342%;
  width: 17.97px;
  height: 18px;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  cursor: pointer;
}

.product-gallery {
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

@media only screen and (max-width: 959px) {
  .product-gallery {
    margin-bottom: 40px;
  }
}

@media only screen and (min-width: 960px) {
  .product-gallery .gallery-mobile {
    display: none;
  }
}

.product-gallery .gallery-desktop {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .product-gallery .gallery-desktop {
    flex-direction: column-reverse;
  }
}

@media only screen and (max-width: 959px) {
  .product-gallery .gallery-desktop {
    display: none;
  }
}

.product-gallery .product-main-container {
  cursor: pointer;
  position: relative;
  flex: 0 0 auto;
  width: 480px;
  height: 480px;
  border-radius: 5px;
  border: 1px solid #f4f4f4;
  overflow: hidden;
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .product-gallery .product-main-container {
    width: 445px;
    height: 445px;
  }
}

.product-gallery .product-main-container img {
  max-width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.product-gallery .product-main-container.image-inside:before {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 85.47215496368038% 46.578947368421055%;
  width: 21px;
  height: 21px;
  bottom: 10px;
  right: 10px;
}

.product-gallery .product-main-container.image-inside.photoSpin-mode:before {
  content: none;
}

.product-gallery .gallery-thumbs {
  flex: 1 1 auto;
  display: flex;
  max-width: 100%;
  position: relative;
}

@media only screen and (min-width: 1280px) {
  .product-gallery .gallery-thumbs {
    height: 0;
  }
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .product-gallery .gallery-thumbs {
    height: 80px;
    width: 0;
  }
  .product-gallery .gallery-thumbs .swiper-slide {
    width: auto;
    margin: 0 11px 0 0 !important;
  }
  .product-gallery .gallery-thumbs .swiper-slide img {
    width: 80px;
  }
}

.product-gallery .gallery-thumbs-wrap {
  height: 480px;
  display: flex;
  flex-basis: 80px;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
  min-width: 0;
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .product-gallery .gallery-thumbs-wrap {
    margin-top: 20px;
    height: 80px;
    flex-direction: row;
    flex-basis: auto;
  }
}

.product-gallery .gallery-thumbs .swiper-slide {
  width: 80px;
  height: 80px;
  margin-bottom: 10px;
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .product-gallery .gallery-thumbs .swiper-slide {
    margin-right: 10px;
    margin-bottom: 0;
  }
}

.product-gallery .gallery-thumbs .swiper-slide img {
  width: 100%;
  cursor: pointer;
}

.product-gallery .gallery-thumbs .swiper-container {
  display: flex;
}

.product-gallery .gallery-thumbs .gallery-thumbs-prev,
.product-gallery .gallery-thumbs .gallery-thumbs-next {
  margin: 0;
  border-radius: 2px;
}

@media only screen and (min-width: 1280px) {
  .product-gallery .gallery-thumbs .gallery-thumbs-prev,
  .product-gallery .gallery-thumbs .gallery-thumbs-next {
    height: 30px;
    width: 100%;
    left: 0;
    right: 0;
  }
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .product-gallery .gallery-thumbs .gallery-thumbs-prev,
  .product-gallery .gallery-thumbs .gallery-thumbs-next {
    width: 30px;
    height: 100%;
    top: 0;
    bottom: 0;
  }
}

.product-gallery .gallery-thumbs .gallery-thumbs-prev i,
.product-gallery .gallery-thumbs .gallery-thumbs-next i {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  background: #d6dce0;
}

.product-gallery .gallery-thumbs .gallery-thumbs-prev i:after,
.product-gallery .gallery-thumbs .gallery-thumbs-next i:after {
  position: absolute;
  content: ' ';
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.product-gallery .gallery-thumbs .gallery-thumbs-prev:hover i,
.product-gallery .gallery-thumbs .gallery-thumbs-next:hover i {
  background: #ffd631;
  border-color: #ffd631;
}

.product-gallery .gallery-thumbs .gallery-thumbs-prev:active,
.product-gallery .gallery-thumbs .gallery-thumbs-next:active {
  background: #ffffff;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.product-gallery .gallery-thumbs .gallery-thumbs-prev.swiper-button-disabled,
.product-gallery .gallery-thumbs .gallery-thumbs-next.swiper-button-disabled {
  display: none;
}

.product-gallery .gallery-thumbs .gallery-thumbs-prev {
  top: 0;
}

.product-gallery .gallery-thumbs .gallery-thumbs-prev i {
  border-radius: 3px 3px 0 0;
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .product-gallery .gallery-thumbs .gallery-thumbs-prev i {
    border-radius: 3px 0 0 3px;
  }
}

.product-gallery .gallery-thumbs .gallery-thumbs-prev i:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 50.476303317535546% 68.19338422391857%;
  width: 12px;
  height: 8px;
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .product-gallery .gallery-thumbs .gallery-thumbs-prev {
    left: 0;
  }
  .product-gallery .gallery-thumbs .gallery-thumbs-prev i:after {
    background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
    background-position: 76.2981220657277% 61.696658097686374%;
    width: 8px;
    height: 12px;
  }
}

.product-gallery .gallery-thumbs .gallery-thumbs-next {
  top: auto;
  bottom: 0;
}

.product-gallery .gallery-thumbs .gallery-thumbs-next i {
  border-radius: 0 0 3px 3px;
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .product-gallery .gallery-thumbs .gallery-thumbs-next i {
    border-radius: 0 3px 3px 0;
  }
}

.product-gallery .gallery-thumbs .gallery-thumbs-next i:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 56.16350710900474% 68.19338422391857%;
  width: 12px;
  height: 8px;
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .product-gallery .gallery-thumbs .gallery-thumbs-next {
    right: 0;
  }
  .product-gallery .gallery-thumbs .gallery-thumbs-next i:after {
    background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
    background-position: 85.68075117370893% 36.246786632390744%;
    width: 8px;
    height: 12px;
  }
}

.product-gallery .gallery-thumbs .no-swipe .swiper-wrapper {
  display: flex;
  flex-direction: column;
}

.product-gallery .gallery-thumbs .no-swipe .swiper-slide {
  margin-bottom: 10px;
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .product-gallery .gallery-thumbs .no-swipe .swiper-slide {
    margin-right: 10px;
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .product-gallery .gallery-thumbs .no-swipe {
    margin: 0;
  }
  .product-gallery .gallery-thumbs .no-swipe .swiper-wrapper {
    flex-direction: row;
  }
}

.product-gallery .gallery-mobile {
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
  position: relative;
}

.product-gallery .gallery-mobile .swiper-slide {
  width: 100%;
  position: relative;
  padding-top: 100%;
}

.product-gallery .gallery-mobile .swiper-slide img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  max-width: 100%;
}

.product-gallery .gallery-mobile .swiper-pagination {
  bottom: 10px;
}

.product-gallery .gallery-mobile .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
}

.photoSpin {
  position: relative;
}

.photoSpin-thumb {
  width: 80px;
  cursor: pointer;
  flex: 0 0 auto;
}

@media only screen and (min-width: 1280px) {
  .photoSpin-thumb {
    margin-top: 25px;
    height: 50px;
  }
}

.photoSpin-thumb .photoSpin {
  display: none;
}

.photoSpin-thumb_mobile {
  margin-bottom: 15px;
}

.photoSpin-thumb_mobile .photoSpin-icon {
  font-size: 16px;
  padding: 0 10px;
  text-align: right;
}

.photoSpin-thumb_mobile .photoSpin-icon i, .photoSpin-thumb_mobile .photoSpin-icon span {
  vertical-align: middle;
}

.photoSpin-thumb_mobile .photoSpin-icon i {
  margin-right: 5px;
}

.photoSpin-thumb_mobile .photoSpin-icon span {
  margin-top: -3px;
  display: inline-block;
}

.photoSpin-icon {
  text-align: center;
  font-size: 11px;
  color: #21272c;
}

.photoSpin-icon i {
  display: inline-block;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 17.2972972972973% 64.343163538874%;
  width: 64px;
  height: 28px;
}

@media only screen and (min-width: 960px) {
  .photoSpin-icon:hover {
    color: #0066cc;
  }
  .photoSpin-icon:hover i {
    background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
    background-position: 0 64.343163538874%;
    width: 64px;
    height: 28px;
  }
}

.photoSpin-hint {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 64px;
  z-index: 5;
  margin: auto;
  width: 300px;
  text-align: center;
  font-size: 18px;
  color: #21272c;
  background-color: #FFF7D6;
  padding: 15px 20px;
  border-radius: 3px;
}

.photoSpin-bar {
  position: absolute;
  z-index: 2;
  bottom: 15px;
  right: 0;
  left: 0;
  margin: auto;
  height: 24px;
  text-align: center;
  box-sizing: content-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.photoSpin-btn {
  width: 24px;
  height: 24px;
  display: inline-block;
  position: relative;
  cursor: pointer;
  margin-left: 20px;
  font-size: 0;
}

.photoSpin-btn:first-of-type {
  margin-left: 0;
}

.photoSpin-btn:after {
  position: absolute;
  content: ' ';
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.photoSpin-btn.prev:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 9.66183574879227% 100%;
  width: 20px;
  height: 20px;
}

.photoSpin-btn.prev:hover:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 4.830917874396135% 100%;
  width: 20px;
  height: 20px;
}

.photoSpin-btn.next:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 67.14975845410628% 94.22572178477691%;
  width: 20px;
  height: 20px;
}

.photoSpin-btn.next:hover:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 57.48792270531401% 94.22572178477691%;
  width: 20px;
  height: 20px;
}

.photoSpin-btn.play:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 86.71497584541063% 100%;
  width: 20px;
  height: 20px;
}

.photoSpin-btn.play:hover:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 91.54589371980677% 100%;
  width: 20px;
  height: 20px;
}

.photoSpin-btn.play.stop:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 72.46376811594203% 100%;
  width: 20px;
  height: 20px;
}

.photoSpin-btn.play.stop:hover:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 67.6328502415459% 100%;
  width: 20px;
  height: 20px;
}

.photoSpin-btn.zoom:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 95.65217391304348% 94.48818897637796%;
  width: 20px;
  height: 20px;
}

.photoSpin-btn.zoom:hover:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 95.65217391304348% 78.74015748031496%;
  width: 20px;
  height: 20px;
}

.photoSpin-btn.fullscreen:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 38.64734299516908% 100%;
  width: 20px;
  height: 20px;
}

.photoSpin-btn.fullscreen:hover:after {
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 19.32367149758454% 100%;
  width: 20px;
  height: 20px;
}

.photoSpin-zoom-wrap .pswp__bg {
  background: transparent;
}

@media only screen and (max-width: 639px) {
  .photoSpin-zoom-wrap .pswp__bg {
    background: #fff;
  }
}

@media only screen and (min-width: 640px) {
  .photoSpin-zoom-wrap .pswp__top-bar {
    background-color: transparent;
  }
}

.pswp .photoSpin {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  margin: auto;
  z-index: 5;
  background: #ffffff;
}

.pswp .photoSpin-canvas {
  margin: auto;
}

.pswp .photoSpin-bar {
  position: static;
  padding: 20px 0;
  height: auto;
}

.pswp .photoSpin-btn.fullscreen {
  display: none;
}

/* ===== @end ===== */
/* ===== popups ===== */
#mfp-html {
  position: relative;
  max-width: 100%;
}

#mfp-html > .mfp-close {
  display: none;
}

#mfp-container {
  display: inline-block;
  max-width: 100%;
  position: relative;
}

.mfp-content {
  text-align: center;
  padding: 40px 0;
}

@media all and (max-width: 900px) {
  .mfp-content {
    padding: 0 !important;
  }
}

@media all and (max-width: 900px) {
  .mfp-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media only screen and (max-width: 639px) {
  .mfp-content {
    vertical-align: top;
  }
}

.oxp {
  display: inline-block;
  text-align: left;
  width: 780px;
  max-width: 100%;
  background-color: white;
  position: relative;
  border-radius: 3px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.55);
  font-size: 14px;
}

.oxp-md {
  width: 780px;
}

.oxp-sm {
  width: 460px;
}

.oxp_head {
  background-color: #E5EBF0;
  padding: 50px 50px 0 50px;
}

.oxp_head_title {
  font-family: 'Open Sans', sans-serif;
  font-weight: 800;
  font-size: 18px;
  line-height: 1.1;
  text-transform: uppercase;
  display: inline-block;
  padding: 10px 0 12px 0;
  position: relative;
}

.oxp_head_title:before {
  content: '';
  height: 4px;
  width: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
  left: 0;
  transition: 0.4s ease all;
  background: #ffd631;
}

@media screen and (prefers-reduced-motion: reduce) {
  .oxp_head_title:before {
    transition: none;
  }
}

.oxp_head_title.active:before {
  width: 100%;
}

.oxp_body {
  background-color: #ffffff;
  padding: 50px 50px 40px 50px;
}

.oxp_footer {
  background-color: #E5EBF0;
  padding: 30px 50px 40px 50px;
}

.oxp_controls {
  padding-top: 20px;
}

.oxp_controls .col-12:first-child:last-child .btn {
  width: 100%;
}

.oxp_controls .col-sm-6:nth-child(2):last-child,
.oxp_controls .col-6:nth-child(2):last-child {
  text-align: right;
}

.oxp_controls .option-box, .oxp_controls .notification:last-child {
  margin-bottom: 0 !important;
}

.oxp_controls .row:not(:last-child) .col-12 {
  margin-bottom: 30px;
}

.oxp_controls .col-12 {
  margin-bottom: 30px;
}

.oxp_controls .row:last-child .col-12:last-child {
  margin-bottom: 0;
}

.oxp_controls .row:last-child .col-12:nth-last-child(2) {
  margin-bottom: 30px;
}

.oxp_tab-caption {
  cursor: pointer;
}

.oxp_tab-content {
  display: none;
}

.oxp_tab-content.active {
  display: block;
}

@media only screen and (max-width: 639px) {
  .oxp_head {
    padding: 30px 20px 0 20px;
  }
  .oxp_head_title {
    font-size: 16px;
  }
  .oxp_body {
    padding: 30px 20px 40px 20px;
  }
  .oxp_footer {
    padding: 30px 20px 40px 20px;
  }
  .oxp .only-xs-bottom-indent {
    margin-bottom: 30px;
  }
  .oxp_controls {
    padding-top: 10px;
  }
  .oxp_controls .col-12:nth-last-child(2) .btn {
    width: 100%;
  }
  .oxp_controls .btn {
    width: 100%;
    min-width: 100%;
  }
}

@media only screen and (min-width: 640px) {
  .oxp .row:last-child .col-sm-6:nth-last-child(2) {
    margin-bottom: 0;
  }
}

.oxp ul,
.oxp ol,
.oxp .content-wrapper ul,
.oxp .content-wrapper ul {
  margin: 0 0 20px 0;
  padding: 0 0 0 20px;
}

.oxp li {
  list-style-position: outside;
}

.oxp_title {
  font-family: 'Open Sans', sans-serif;
  font-weight: 800;
  font-size: 16px;
}

.oxp .upload-zone {
  margin-bottom: 20px;
}

@media only screen and (min-width: 640px) {
  .oxp_title {
    font-size: 18px;
  }
  .oxp .upload-zone {
    margin-bottom: 35px;
  }
}

.oxp__use-another-login {
  display: block;
  margin: 0;
  padding-top: 40px;
  font-size: 14px;
}

@media only screen and (min-width: 640px) {
  .oxp__forgot-pass {
    margin-top: 13px;
  }
}

.mfp-container .oxp.fixed-control {
  max-height: 100vh;
  position: relative;
  margin: -40px 0;
}

@media all and (max-width: 900px) {
  .mfp-container .oxp.fixed-control {
    margin: 0 !important;
  }
}

@media only screen and (max-width: 959px) {
  .mfp-container .oxp.fixed-control {
    height: 100vh;
  }
}

.mfp-container .oxp.fixed-control .oxp_body {
  padding-bottom: 20px;
  overflow-y: scroll;
}

@media only screen and (min-width: 960px) {
  .mfp-container .oxp.fixed-control .oxp_body::-webkit-scrollbar {
    width: 14px;
    background: #fff;
  }
  .mfp-container .oxp.fixed-control .oxp_body::-webkit-scrollbar:hover {
    background: #f2f2f2;
  }
  .mfp-container .oxp.fixed-control .oxp_body::-webkit-scrollbar-thumb {
    background: #cdcdcd;
    border: 2px solid transparent;
    background-clip: content-box;
  }
  .mfp-container .oxp.fixed-control .oxp_body::-webkit-scrollbar-button {
    display: none;
  }
}

.mfp-container .oxp.fixed-control .oxp_controls {
  position: absolute;
  z-index: 10;
  bottom: 0;
  right: 0;
  left: 0;
  background: #ffffff;
}

.oxp--user-agreement .content-wrapper {
  max-height: 390px;
  overflow-y: scroll;
  padding-right: 30px;
}

.oxp--es_left-col {
  margin-top: -5px;
}

@media only screen and (max-width: 639px) {
  .oxp--es_left-col {
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 960px) {
  .oxp--es_left-col {
    padding-right: 40px;
  }
}

.oxp--es_right-col .notification:last-child {
  margin-bottom: 0;
}

.oxp--es .pr-l {
  margin-bottom: 50px;
  border: 1px solid #E5EBF0;
  box-shadow: none;
  border-radius: 2px;
}

@media only screen and (max-width: 639px) {
  .oxp--es .pr-l {
    margin-bottom: 30px;
  }
}

.oxp--es .pr-l_main {
  padding: 10px;
}

@media only screen and (min-width: 640px) and (max-width: 959px) {
  .oxp--es .pr-l_description {
    display: block;
  }
}

.oxp--es .pr-l .availability-in-stores span {
  white-space: nowrap;
}

.oxp--sp_product-in-wrapper {
  display: flex;
  align-items: flex-start;
}

.oxp--sp_product-in-wrapper .field-group {
  min-width: auto;
  flex: 1 1 auto;
  margin-right: 20px;
}

.oxp--sp_product-in-wrapper .btn.btn-md {
  min-width: 126px;
  width: 126px;
  height: 46px;
  padding-top: 12px;
}

@media only screen and (min-width: 960px) {
  .oxp--sp_product-in-wrapper {
    padding-top: 23px;
    padding-right: 20px;
  }
  .oxp--sp_product-in-wrapper .field-group {
    min-height: 105px;
  }
}

.oxp--sp .pr-tiny {
  margin-bottom: 30px;
}

.oxp--sp .pr-tiny .info-weight {
  padding-right: 0;
}

.oxp--site-usage-forbidden_attention {
  display: flex;
  justify-content: center;
  margin: 0 auto 20px;
}

.oxp--auth_ual {
  text-align: center;
  line-height: 24px;
  font-size: 16px;
}

.oxp--auth_ual_or {
  margin-bottom: 10px;
}

.oxp--auth .notification.success {
  margin-bottom: 35px;
}

/* ===== @end ===== */
/* ===== other components ===== */
.active-toggle:not(.-active) > .-active {
  display: none !important;
}

.active-toggle.-active > .-default {
  display: none !important;
}

.ncm {
  position: relative;
}

.ncm [data-tooltip="not-call-me"] {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 22px;
  height: 22px;
}

.ncm [data-tooltip="not-call-me"]:after {
  position: absolute;
  content: ' ';
  z-index: 2;
  background: url("/images/layout/sprite.svg?19.02.2020") no-repeat;
  background-position: 14.492753623188406% 100%;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}

.ncm .option-box {
  margin-right: 30px !important;
}

.ncm-tip {
  width: 360px;
}

/* ===== @end ===== */
/* ===== @end ===== */

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