/*------------------------------------------------------------------
Project:  shoko-ladka.ru
Version:  0.1
Last change:  25/08/2022
Assigned to:  vt
Primary use:  shoko-ladka.ru
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[LAYOUT]

* body
+ Header / header
+ Page Content / .page-content .name-page
+ Section Layouts / section .name-section
...
+ Footer / footer

-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[COLOR CODES]

# Table header: #db7000;
# Orange:   #e57601;
# Pink:     #f3039e;
# Green:    #23db08;

# Text Color      :  #2e2d2b
# Text Color (arh)     :  #222
# Primary Color 01:  
# Primary Color 02:   
# Primary Color 03:  

------------------------------------------------------------------*/
/*------------------------------------------------------------------
[TYPOGRAPHY]

Body            : 16px/1.6 '', Montserrat, sans-serif;
Title           : 18px/1.6 '', Montserrat, sans-serif;
Paragrap        : 18px/1.6 '', Montserrat, sans-serif;
Input, textarea : 14px/1.6 '', Montserrat, sans-serif;
-------------------------------------------------------------------*/

/*[ FONT ]
///////////////////////////////////////////////////////////
*/
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap");

/*@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700&display=swap');*/

/*@import url('https://fonts.googleapis.com/css?family=Courgette&display=swap');*/

/*@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,700&display=swap');*/

/*@import url('https://fonts.googleapis.com/css?family=Noto+Sans&display=swap');*/

@import url("https://fonts.googleapis.com/css?family=Roboto:400,300,300italic,500,600,700,700italic,400italic,900&subset=latin,cyrillic-ext&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap");

@font-face {
  font-family: Montserrat-Regular;
  src: url("/fonts/montserrat/Montserrat-Regular.ttf");
  font-display: swap;
}

@font-face {
  font-family: Montserrat-Bold;
  src: url("/fonts/montserrat/Montserrat-Bold.ttf");
  font-display: swap;
}

@font-face {
  font-family: OpenSans-Regular;
  src: url("/fonts/OpenSans/OpenSans-Regular.ttf");
  font-display: swap;
}

/*@font-face {
  font-family: Courgette-Regular;
  src: url('../fonts/courgette/Courgette-Regular.ttf'); 
  font-display: swap;
}

@font-face {
  font-family: Poppins-Regular;
  src: url('../fonts/poppins/Poppins-Regular.ttf'); 
  font-display: swap;
}

@font-face {
  font-family: Poppins-Medium;
  src: url('../fonts/poppins/Poppins-Medium.ttf'); 
  font-display: swap;
}

@font-face {
  font-family: Poppins-Bold;
  src: url('../fonts/poppins/Poppins-Bold.ttf'); 
  font-display: swap;
}

@font-face {
  font-family: Poppins-Light;
  src: url('../fonts/poppins/Poppins-Light.ttf'); 
  font-display: swap;
}

@font-face {
  font-family: NotoSans-Regular;
  src: url('../fonts/notosans/NotoSans-Regular.ttf'); 
  font-display: swap;
}
*/

/*[ RESTYLE TAG ]
///////////////////////////////////////////////////////////
*/
* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

body,
html {
  height: 100%;
  font-family: Montserrat, Helvetica, sans-serif;
  font-weight: 400;
  color: #2e2d2b;
  letter-spacing: 0.2px;
}

/* ------------------------------------ */
a {
  font-family: Montserrat, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  color: #2e2d2b;
  margin: 0px;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
}

a:focus {
  outline: none !important;
}

a:hover {
  text-decoration: none;
  /*color: #ec7900;*/
  color: #e4455e;
}

/* ------------------------------------ */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0px;
}

.category-header h2 {
  font-size: 1.4rem;
}

p {
  font-family: Montserrat, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: #2e2d2b;
  margin: 0px;
}

ul,
li {
  margin: 0px;
  list-style-type: none;
}

/* ------------------------------------ */
input {
  outline: none;
  border: none !important;
}

textarea {
  outline: none;
}

textarea:focus,
input:focus {
  border-color: transparent !important;
  box-shadow: 0 0 0px 0.1rem #e57601;
  -moz-box-shadow: 0 0 0px 0.1rem #e57601;
  -webkit-box-shadow: 0 0 0px 0.1rem #e57601;
  -o-box-shadow: 0 0 0px 0.1rem #e57601;
  -ms-box-shadow: 0 0 0px 0.1rem #e57601;
}

input:focus::-webkit-input-placeholder {
  color: transparent;
}

input:focus:-moz-placeholder {
  color: transparent;
}

input:focus::-moz-placeholder {
  color: transparent;
}

input:focus:-ms-input-placeholder {
  color: transparent;
}

textarea:focus::-webkit-input-placeholder {
  color: transparent;
}

textarea:focus:-moz-placeholder {
  color: transparent;
}

textarea:focus::-moz-placeholder {
  color: transparent;
}

textarea:focus:-ms-input-placeholder {
  color: transparent;
}

input::-webkit-input-placeholder {
  color: #aaaaaa;
}

input:-moz-placeholder {
  color: #aaaaaa;
}

input::-moz-placeholder {
  color: #aaaaaa;
}

input:-ms-input-placeholder {
  color: #aaaaaa;
}

textarea::-webkit-input-placeholder {
  color: #aaaaaa;
}

textarea:-moz-placeholder {
  color: #aaaaaa;
}

textarea::-moz-placeholder {
  color: #aaaaaa;
}

textarea:-ms-input-placeholder {
  color: #aaaaaa;
}

/* ------------------------------------ */
button {
  outline: none !important;
  border: none;
  background: transparent;
}

button:hover {
  cursor: pointer;
}

iframe {
  border: none !important;
}

/* ------------------------------------ */
.container {
  max-width: 1200px;
}

.slick-slide {
  outline: none !important;
}

/*[ Header ]
///////////////////////////////////////////////////////////
*/

.nowrap_ws {
  white-space: nowrap;
}

.h-buttons-size {
  min-width: 560px;
  display: grid;
  justify-content: right;
}

.callbackBtn {
  cursor: pointer;
  display: inline-block;
  width: 208px;
  height: 40px;
}

.myOrderBtn {
  cursor: pointer;
  display: inline-block;
  width: 154px;
  height: 40px;
}

.h-btn {
  -ms-word-break: keep-all;
  word-break: keep-all;
  text-transform: uppercase;
  color: #e4455e !important;
  border: 1px solid #e4455e;
  padding: 8px;
  border-radius: 4px;
  font-size: 16px;
  line-height: 20px;
  position: relative;
  text-align: center;
  text-decoration: none !important;
  white-space: normal;
  /*transition: all .15s ease-out;
  -webkit-transition: all .15s ease-out;
  -moz-transition: all .15s ease-out;
  -o-transition: all .15s ease-out;*/

  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
}

.h-button {
  float: left;
  margin: 5px;
}

.h-button a:hover {
  background: #e4455e;
  border-color: #e4455e;
  color: #fff !important;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  box-shadow: 2px 2px 6px #aaa;
}

.callback-btn {
  color: #f3039e;
  cursor: pointer;
  border-bottom: 1px #f3039e dashed;
  display: inline-block;
  text-decoration: none;
}

.h-cell-ph button:hover {
  color: #d5018a;
  border-bottom: 1px #d5018a dashed;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
}

.h-shadow:hover {
  border-color: transparent !important;
  box-shadow: 2px 2px 6px #aaa;
  -moz-box-shadow: 2px 2px 6px #aaa;
  -webkit-box-shadow: 2px 2px 6px #aaa;
  -o-box-shadow: 2px 2px 6px #aaa;
  -ms-box-shadow: 2px 2px 6px #aaa;
}

.header-phone {
  color: #1a1a1a;
  font-weight: 700;
  font-family: "Open Sans", Helvetica, Arial, Verdana, Tahoma, sans-serif;
  text-decoration: none;
}

.f-size {
  font-size: 2rem;
}

.fs-1rem {
  font-size: 1rem;
}

.fs-16rem {
  font-size: 1.6rem;
}

.fs-size {
  font-size: 0.8em;
}

.header-phone .h-ph {
  /*font-family: Montserrat, Helvetica, sans-serif;*/
  font-size: 24px;
  line-height: 30px;
  margin-right: 0px;
  float: left;
  width: 100%;
  text-align: center;
  /*display: inline-block;*/
  /*width: 270px;*/
}

.h-cell-ph {
  font-size: 0.8em;
  margin-right: 0px;
  text-align: center;
}

.header-phone .time {
  /*position: absolute;*/
  /*bottom: -20px;*/
  font-size: 12px;
  width: 100%;
  text-align: center;
  left: 0;
  display: inline-block;
  width: 100%;
  text-align: center;
}

.header-phone a {
  text-decoration: none;
  color: #333;
  position: relative;
}

.header-phone .h-pre {
  font-size: 16px;
  line-height: 34px;
  margin-right: 25px;
}

.wrap-menu-header {
  position: absolute;
  width: 100%;
  height: 138px;
  top: 0;
  left: 0;
  z-index: 100;
  border-top: 5px solid #ec1d25;
}

.wrap_header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  background-color: transparent;
  justify-content: space-between;
  align-items: center;
}

.header-fixed .wrap-menu-header {
  position: fixed;
  height: 100px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}

.tlgrmColor {
  color: #2e87ca;
  font-size: 1.4em;
  margin-left: 5px;
  margin-right: 5px;
}

.wappColor {
  color: #25d366;
  font-size: 1.4em;
}

.viber_btn_color {
  background-color: #665cac;
  color: #fff !important;
}

.msg-logo {
  font-size: 18px;
  margin-right: 5px;
}

.footer-link {
  color: #999999;
}

.footer-link a:hover {
  color: #e57601;
}

.msg_footer {
  height: 40px;
  margin-bottom: 20px;
}

.msg-logo_mobile {
  /*font-size: 18px;*/
  font-size: 1.4rem;
  width: 30px;
  float: left;
}

.callUs-btn {
  width: 140px;
  height: 40px;
  color: #fff;
  border-radius: 0.1rem;
  align-content: center;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 1px 1px 6px #aaa;
}

.whatsapp-btn:hover {
  color: #fff;
  background-color: #00ff81;
}

.whatsapp-link:hover {
  color: #00ff81;
}

.telegram-link:hover {
  color: #0af;
}

.msg_btn {
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 10px;
  border-radius: 5px;
  font-size: 0.8em;
  font-weight: 600;
  letter-spacing: 0.02em;
  display: inline-block;
  line-height: 20px;
}

.mobile_btn {
  border-radius: 5px;
  width: 45px;
  height: 40px;
  display: inline-block;
  font-weight: 600;
  padding: 5px 5px;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 5px;
}

.top_msg_btns {
  float: left;
  display: block;
  margin-top: 10px;
  text-align: right;
}

.tlg_btn_color {
  background-color: #0088cc;
  color: #fff !important;
}

.tlg_btn_color:hover {
  background-color: #0af;
  box-shadow: 2px 2px 6px #aaa;
}

.wapp_btn_color {
  background-color: #01e675;
  color: #fff !important;
}

.wapp_btn_color:hover {
  background-color: #128c7e;
  box-shadow: 2px 2px 6px #aaa;
}

.wapp-link {
  color: #01e675;
  font-weight: 500;
}

.c-header__btn-wrp {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAxNCIgZmlsbD0ibm9uZSI+PHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjIiIHJ4PSIxIiBmaWxsPSIjMUYxRjIzIi8+PHJlY3QgeT0iNiIgd2lkdGg9IjE1IiBoZWlnaHQ9IjIiIHJ4PSIxIiBmaWxsPSIjMUYxRjIzIi8+PHJlY3QgeT0iMTIiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyIiByeD0iMSIgZmlsbD0iIzFGMUYyMyIvPjwvc3ZnPg==);
  background-size: auto 1.2rem !important;
}

.c-header__btn-icon {
  width: 4.4rem;
  background-position: 50%;
}

.c-header__btn,
.c-header__btn-icon {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  text-decoration: none !important;
  border: none;
  border-radius: 0;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  background-color: rgba(0, 0, 0, 0);
  background-repeat: no-repeat;
}

.c-header__btn-show-sidebar {
  width: 40px;
  height: 40px;
}

.c-header__btn-show-sidebar:hover {
  color: #fff !important;
  background-color: #eee;
  border-radius: 2px;
  cursor: pointer;
}

/*[ Bottom Mobile Menu ]
///////////////////////////////////////////////////////////
*/

.c-bottom-bar {
  position: fixed;
  z-index: 1040;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3.5rem;
  padding: 0 0.4rem;
  padding-bottom: 0px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
  /*  --safe-area-inset-bottom: env(safe-area-inset-bottom);
  height: calc(5.5rem + var(--safe-area-inset-bottom));
  padding-bottom: var(--safe-area-inset-bottom);*/
}

.grid.small-collapse {
  margin-left: auto;
  margin-right: auto;
}

.grid.small-collapse > .item {
  padding-left: 0;
  padding-right: 0;
}

.c-bottom-bar .item {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 20%;
  flex: 0 1 20%;
  max-width: 20%;
  text-align: center;
}

.grid > .item {
  padding-left: 0.6rem;
  padding-right: 0.6rem;
}

.grid,
.item {
  position: relative;
  width: auto;
}

:root .c-bottom-bar [data-link]::before {
  content: "";
  display: block;
  height: 2.2rem;
  margin-bottom: 0.4rem;
  background-repeat: no-repeat;
  background-position: 50%;
  opacity: 0.5;
}

.c-bottom-bar .__i-home::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PHBhdGggZD0iTTE3LjgwOSA3LjMxNUw5LjI3NiAxLjA2OGEuNDY4LjQ2OCAwIDAwLS41NTIgMEwuMTkgNy4zMTVhLjQ2OC40NjggMCAxMC41NTMuNzU1TDkgMi4wMjVsOC4yNTYgNi4wNDRhLjQ2NS40NjUgMCAwMC42NTQtLjEuNDY4LjQ2OCAwIDAwLS4xMDEtLjY1NHoiLz48cGF0aCBkPSJNMTUuNTQ4IDguMTc1YS40NjguNDY4IDAgMDAtLjQ2OC40Njh2Ny40NDRoLTMuNzR2LTQuMDYzYzAtMS4yOS0xLjA1LTIuMzM5LTIuMzM5LTIuMzM5YTIuMzQxIDIuMzQxIDAgMDAtMi4zMzggMi4zMzl2NC4wNjNIMi45MlY4LjY0M2EuNDY4LjQ2OCAwIDAwLS45MzUgMHY3LjkxMmMwIC4yNTguMjEuNDY4LjQ2OC40NjhoNC42NzZhLjQ2Ny40NjcgMCAwMC40NjgtLjQ2OHYtNC41MzFhMS40MDQgMS40MDQgMCAwMTIuODA2IDB2NC41MzFsLjAwMi4wMzZjLjAxOS4yNDEuMjIuNDMyLjQ2Ni40MzJoNC42NzdjLjI1OCAwIC40NjgtLjIxLjQ2OC0uNDY4VjguNjQzYS40NjguNDY4IDAgMDAtLjQ2OC0uNDY4eiIvPjwvc3ZnPg==);
  background-size: auto 1.4rem;
}

.c-bottom-bar .__i-menu::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIxOCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTkuMyA2Ljk0YzAgMy4zLTIuNjIgNS45NC01LjgxIDUuOTRhNS44OCA1Ljg4IDAgMDEtNS44MS01Ljk0YzAtMy4zIDIuNjItNS45NCA1LjgtNS45NCAzLjIgMCA1LjgyIDIuNjQgNS44MiA1Ljk0em0tMS42NyA1LjVhNi43IDYuNyAwIDAxLTQuMTQgMS40NCA2Ljg4IDYuODggMCAwMS02LjgxLTYuOTRBNi44OCA2Ljg4IDAgMDExMy40OCAwYzMuNzcgMCA2LjgyIDMuMSA2LjgyIDYuOTRhNi45OCA2Ljk4IDAgMDEtMS45MyA0Ljg0LjU3LjU3IDAgMDEuMDEuMDFsMy40MSAzLjQ3YS41LjUgMCAwMS0uNzEuN2wtMy40LTMuNDdhLjUuNSAwIDAxLS4wNS0uMDR6IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgZD0iTTEgMTAuOTloMy45N00xIDEzLjg4aDYuODFNMSAxN2gxMi40OSIvPjwvc3ZnPg==);
  background-size: auto 1.4rem;
}

.c-bottom-bar .__i-profile::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIyMSI+PGNpcmNsZSBjeD0iOC4zIiBjeT0iNS4xNCIgcj0iMy44NSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMUYxRjIzIi8+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMUYxRjIzIiBkPSJNLjY0IDE4LjgyYzAtNC4yNCAzLjQ0LTcuNzQgNy42Ni03Ljc0czcuNjYgMy41IDcuNjYgNy43NGMwIC4xLS4wNS4xNi0uMS4xOC0uODguMzMtMy4zNSAxLjEtNy41NiAxLjEtNC4yIDAtNi42Ny0uNzctNy41Ni0xLjFhLjIuMiAwIDAxLS4xLS4xOHoiLz48L3N2Zz4=);
  background-size: auto 1.4rem;
  position: relative;
  top: -1px;
}

.c-bottom-bar .__i-favorites::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxNyI+PHBhdGggZD0iTTguNSAxNi4wNWExIDEgMCAwMS0uNjYtLjI0bC0xLjkzLTEuNjdjLTEuNzItMS40Ni0zLjItMi43Mi00LjIyLTMuOTZBNi4zMiA2LjMyIDAgMDEwIDYuMDRjMC0xLjQuNDgtMi42OSAxLjM1LTMuNjNBNC41NyA0LjU3IDAgMDE0Ljc1LjkzYy45OCAwIDEuODguMyAyLjY3LjkyLjQuMzEuNzYuNjkgMS4wOCAxLjEzLjMyLS40NC42OC0uODIgMS4wOC0xLjEzYTQuMjggNC4yOCAwIDAxMi42Ny0uOTJjMS4zMSAwIDIuNTIuNTMgMy40IDEuNDhBNS4zMSA1LjMxIDAgMDExNyA2LjA0YzAgMS40NC0uNTQgMi43NS0xLjY5IDQuMTQtMS4wMyAxLjI0LTIuNSAyLjUtNC4yMiAzLjk2bC0xLjkzIDEuNjdhMSAxIDAgMDEtLjY2LjI0ek00Ljc1IDEuOTNjLTEuMDMgMC0xLjk4LjQtMi42NyAxLjE2QzEuMzggMy44MyAxIDQuODggMSA2LjA0YzAgMS4yLjQ1IDIuMjkgMS40NSAzLjVhMzUuNCAzNS40IDAgMDA0LjEgMy44NWMuNi41IDEuMjYgMS4wNiAxLjk1IDEuNjdsMS45NS0xLjY4YzEuNjgtMS40MyAzLjEyLTIuNjYgNC4xLTMuODQgMS0xLjIxIDEuNDUtMi4zIDEuNDUtMy41IDAtMS4xNS0uMzgtMi4yLTEuMDgtMi45NmEzLjU5IDMuNTkgMCAwMC0yLjY3LTEuMTYgMy4zIDMuMyAwIDAwLTIuMDYuNzJjLS41NS40Mi0uOTMuOTYtMS4xNSAxLjMzYS42Mi42MiAwIDAxLS41NC4zLjYyLjYyIDAgMDEtLjU0LS4zYy0uMjItLjM3LS42LS45LTEuMTUtMS4zM2EzLjMgMy4zIDAgMDAtMi4wNi0uNzF6Ii8+PC9zdmc+);
  background-size: auto 1.4rem;
}

.c-bottom-bar .__i-basket::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMCI+PHBhdGggZD0iTTIxLjc1IDYuODVhLjQ4LjQ4IDAgMDAtLjQtLjEySDE1LjhWNC4zOWE0LjMgNC4zIDAgMDAtNC40LTQuMiA0LjMgNC4zIDAgMDAtNC40MSA0LjJ2Mi4zNEgxLjRjLS4xNSAwLS4zIDAtLjM4LjEyYS40LjQgMCAwMC0uMTMuMzdsMS45NCAxMC4xMmEzLjEyIDMuMTIgMCAwMDMuMDYgMi40N2gxMC45OGEzLjE1IDMuMTUgMCAwMDMuMDYtMi41bDEuOTUtMTAuMDlhLjQuNCAwIDAwLS4xMy0uMzd6TTggNC40YTMuMyAzLjMgMCAwMTMuMzctMy4yMSAzLjMgMy4zIDAgMDEzLjM3IDMuMnYyLjM1SDhWNC4zOXptMTAuODggMTIuOGEyLjA0IDIuMDQgMCAwMS0yLjAyIDEuNjNINS45Yy0xIDAtMS44NS0uNy0yLjAyLTEuNjNMMi4wMyA3LjcyaDE4LjdsLTEuODQgOS40N3oiLz48L3N2Zz4=);
  background-size: auto 1.4rem;
}

.c-bottom-bar .__i-gallery::before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBkPSJNNDk0LjkzMywzOC40aC00MDkuNmMtOS40MTIsMC0xNy4wNjcsNy42NTQtMTcuMDY3LDE3LjA2N3YxNy4wNjdINTEuMmMtOS40MTIsMC0xNy4wNjcsNy42NTQtMTcuMDY3LDE3LjA2N3YxNy4wNjcNCgkJCUgxNy4wNjdDNy42NTQsMTA2LjY2NywwLDExNC4zMjEsMCwxMjMuNzMzdjMzMi44YzAsOS40MTIsNy42NTQsMTcuMDY3LDE3LjA2NywxNy4wNjdoNDA5LjZjOS40MTIsMCwxNy4wNjctNy42NTQsMTcuMDY3LTE3LjA2Nw0KCQkJdi0xNy4wNjdINDYwLjhjOS40MTIsMCwxNy4wNjctNy42NTQsMTcuMDY3LTE3LjA2N3YtMTcuMDY3aDE3LjA2N2M5LjQxMiwwLDE3LjA2Ny03LjY1NCwxNy4wNjctMTcuMDY3di0zMzIuOA0KCQkJQzUxMiw0Ni4wNTQsNTA0LjM0NiwzOC40LDQ5NC45MzMsMzguNHogTTE3LjA2NywxMjMuNzMzaDQwOS42bDAuMDA5LDE5MC42MzVsLTQ0Ljc4My01MS4xODNjLTMuMjUxLTMuNzIxLTkuNi0zLjcyMS0xMi44NTEsMA0KCQkJbC01NC4wNjcsNjEuNzlMMTY3Ljc5OSwxOTQuMTU5Yy0zLjIzNC0yLjg4NC04LjA5OC0yLjg4NC0xMS4zMzIsMEwxNy4wNjcsMzE4LjA3MVYxMjMuNzMzeiBNNDI2LjY4NCw0MzEuMDF2MjUuNTIzSDE3LjA2N1YzNDAuODkNCgkJCWwxNDUuMDY3LTEyOC45NDdsMTQ3LjkzNCwxMzEuNDljMS42OSwxLjUxLDMuOTQyLDIuMTkzLDYuMjA0LDIuMTQyYzIuMjc4LTAuMTQ1LDQuMzk1LTEuMTg2LDUuODg4LTIuOTAxbDUzLjMwOC02MC45MTENCgkJCWw1MS4yMDksNTguNTNsMC4wMDgsOTAuNTczYzAsMC4wMTctMC4wMTcsMC4wNDMtMC4wMTcsMC4wNjhTNDI2LjY4NCw0MzAuOTg1LDQyNi42ODQsNDMxLjAxeiBNNDYwLjgsNDIyLjRoLTE3LjA2N1YxMjMuNzMzDQoJCQljMC05LjQxMi03LjY1NC0xNy4wNjctMTcuMDY3LTE3LjA2N0g1MS4yVjg5LjZoNDA5LjZWNDIyLjR6IE00OTQuOTMzLDM4OC4yNjdoLTE3LjA2N1Y4OS42YzAtOS40MTItNy42NTQtMTcuMDY3LTE3LjA2Ny0xNy4wNjcNCgkJCUg4NS4zMzNWNTUuNDY3aDQwOS42VjM4OC4yNjd6Ii8+DQoJPC9nPg0KPC9nPg0KPGc+DQoJPGc+DQoJCTxwYXRoIGQ9Ik0zMDcuMiwxNzQuOTMzYy0xOC44MjUsMC0zNC4xMzMsMTUuMzA5LTM0LjEzMywzNC4xMzNTMjg4LjM3NSwyNDMuMiwzMDcuMiwyNDMuMnMzNC4xMzMtMTUuMzA5LDM0LjEzMy0zNC4xMzMNCgkJCVMzMjYuMDI1LDE3NC45MzMsMzA3LjIsMTc0LjkzM3ogTTMwNy4yLDIyNi4xMzNjLTkuNDEyLDAtMTcuMDY3LTcuNjU0LTE3LjA2Ny0xNy4wNjdjMC05LjQxMiw3LjY1NC0xNy4wNjcsMTcuMDY3LTE3LjA2Nw0KCQkJczE3LjA2Nyw3LjY1NCwxNy4wNjcsMTcuMDY3QzMyNC4yNjcsMjE4LjQ3OSwzMTYuNjEyLDIyNi4xMzMsMzA3LjIsMjI2LjEzM3oiLz4NCgk8L2c+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==);
  background-size: auto 1.4rem;
}

.c-bottom-bar .__i-contacts::before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgd2lkdGg9IjguNDY2NjY2OXB4IiBoZWlnaHQ9IjguNDY2NjY2OXB4IiB2aWV3Qm94PSIwIDAgOC40NjY2NjY5IDguNDY2NjY2OSIgaWQ9InN2ZzgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnMgaWQ9ImRlZnMyIi8+PGcgaWQ9ImxheWVyMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwtMjg4LjUzMzMyKSI+PHBhdGggZD0ibSA0LjIzMjQyMTksMjg4Ljc5Njg4IGMgLTEuNjA0MjQzNywwIC0yLjkxMDE1NTYsMS4zMDU5MSAtMi45MTAxNTYzLDIuOTEwMTUgLTEwZS03LDIuODIyNzcgMi43NDYwOTM4LDQuOTY4NzUgMi43NDYwOTM4LDQuOTY4NzUgYSAwLjI2NDYwOTc4LDAuMjY0NjA5NzggMCAwIDAgMC4zMzAwNzgxLDAgYyAwLDAgMi43NDYwOTk2LC0yLjE0NTk4IDIuNzQ2MDkzNywtNC45Njg3NSAtMy40ZS02LC0xLjYwNDI0IC0xLjMwNzg2NTcsLTIuOTEwMTUgLTIuOTEyMTA5MywtMi45MTAxNSB6IG0gMCwwLjUyOTI5IGMgMS4zMTgyNjA1LDAgMi4zODI4MDk3LDEuMDYyNiAyLjM4MjgxMjUsMi4zODA4NiA0LjhlLTYsMi4zMDkyNiAtMi4wOTEwNjE4LDQuMTMzNzQgLTIuMzgwODU5NCw0LjM4MDg2IC0wLjI4ODQxNDIsLTAuMjQ1ODggLTIuMzgyODEzNCwtMi4wNzA3IC0yLjM4MjgxMjUsLTQuMzgwODYgNWUtNywtMS4zMTgyNiAxLjA2MjU5ODgsLTIuMzgwODYgMi4zODA4NTk0LC0yLjM4MDg2IHoiIGlkPSJwYXRoOTI5IiBzdHlsZT0iY29sb3I6IzAwMDAwMDtmb250LXN0eWxlOm5vcm1hbDtmb250LXZhcmlhbnQ6bm9ybWFsO2ZvbnQtd2VpZ2h0Om5vcm1hbDtmb250LXN0cmV0Y2g6bm9ybWFsO2ZvbnQtc2l6ZTptZWRpdW07bGluZS1oZWlnaHQ6bm9ybWFsO2ZvbnQtZmFtaWx5OnNhbnMtc2VyaWY7Zm9udC12YXJpYW50LWxpZ2F0dXJlczpub3JtYWw7Zm9udC12YXJpYW50LXBvc2l0aW9uOm5vcm1hbDtmb250LXZhcmlhbnQtY2Fwczpub3JtYWw7Zm9udC12YXJpYW50LW51bWVyaWM6bm9ybWFsO2ZvbnQtdmFyaWFudC1hbHRlcm5hdGVzOm5vcm1hbDtmb250LWZlYXR1cmUtc2V0dGluZ3M6bm9ybWFsO3RleHQtaW5kZW50OjA7dGV4dC1hbGlnbjpzdGFydDt0ZXh0LWRlY29yYXRpb246bm9uZTt0ZXh0LWRlY29yYXRpb24tbGluZTpub25lO3RleHQtZGVjb3JhdGlvbi1zdHlsZTpzb2xpZDt0ZXh0LWRlY29yYXRpb24tY29sb3I6IzAwMDAwMDtsZXR0ZXItc3BhY2luZzpub3JtYWw7d29yZC1zcGFjaW5nOm5vcm1hbDt0ZXh0LXRyYW5zZm9ybTpub25lO3dyaXRpbmctbW9kZTpsci10YjtkaXJlY3Rpb246bHRyO3RleHQtb3JpZW50YXRpb246bWl4ZWQ7ZG9taW5hbnQtYmFzZWxpbmU6YXV0bztiYXNlbGluZS1zaGlmdDpiYXNlbGluZTt0ZXh0LWFuY2hvcjpzdGFydDt3aGl0ZS1zcGFjZTpub3JtYWw7c2hhcGUtcGFkZGluZzowO2NsaXAtcnVsZTpub256ZXJvO2Rpc3BsYXk6aW5saW5lO292ZXJmbG93OnZpc2libGU7dmlzaWJpbGl0eTp2aXNpYmxlO29wYWNpdHk6MTtpc29sYXRpb246YXV0bzttaXgtYmxlbmQtbW9kZTpub3JtYWw7Y29sb3ItaW50ZXJwb2xhdGlvbjpzUkdCO2NvbG9yLWludGVycG9sYXRpb24tZmlsdGVyczpsaW5lYXJSR0I7c29saWQtY29sb3I6IzAwMDAwMDtzb2xpZC1vcGFjaXR5OjE7dmVjdG9yLWVmZmVjdDpub25lO2ZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MC41MjkxNjY2NDtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLWRhc2hvZmZzZXQ6MDtzdHJva2Utb3BhY2l0eToxO3BhaW50LW9yZGVyOnN0cm9rZSBmaWxsIG1hcmtlcnM7Y29sb3ItcmVuZGVyaW5nOmF1dG87aW1hZ2UtcmVuZGVyaW5nOmF1dG87c2hhcGUtcmVuZGVyaW5nOmF1dG87dGV4dC1yZW5kZXJpbmc6YXV0bztlbmFibGUtYmFja2dyb3VuZDphY2N1bXVsYXRlIi8+PHBhdGggZD0ibSA0LjIzMjQyMTksMjkwLjM4NDc3IGMgLTAuNzI3NDkxMiwwIC0xLjMyMjI2MzMsMC41OTQ3NyAtMS4zMjIyNjU3LDEuMzIyMjYgLTQuNWUtNiwwLjcyNzUgMC41OTQ3Njk3LDEuMzI0MjIgMS4zMjIyNjU3LDEuMzI0MjIgMC43Mjc0OTYsMCAxLjMyNDIyMzMsLTAuNTk2NzIgMS4zMjQyMTg3LC0xLjMyNDIyIC0yLjNlLTYsLTAuNzI3NDkgLTAuNTk2NzI3NSwtMS4zMjIyNiAtMS4zMjQyMTg3LC0xLjMyMjI2IHogbSAwLDAuNTI5MjkgYyAwLjQ0MTUwODksMCAwLjc5NDkyMDQsMC4zNTE0NiAwLjc5NDkyMTksMC43OTI5NyAyLjdlLTYsMC40NDE1MSAtMC4zNTM0MSwwLjc5NDkyIC0wLjc5NDkyMTksMC43OTQ5MiAtMC40NDE1MTIsMCAtMC43OTI5NzE1LC0wLjM1MzQxIC0wLjc5Mjk2ODgsLTAuNzk0OTIgMS40ZS02LC0wLjQ0MTUxIDAuMzUxNDU5OCwtMC43OTI5NyAwLjc5Mjk2ODgsLTAuNzkyOTcgeiIgaWQ9ImNpcmNsZTkzMSIgc3R5bGU9ImNvbG9yOiMwMDAwMDA7Zm9udC1zdHlsZTpub3JtYWw7Zm9udC12YXJpYW50Om5vcm1hbDtmb250LXdlaWdodDpub3JtYWw7Zm9udC1zdHJldGNoOm5vcm1hbDtmb250LXNpemU6bWVkaXVtO2xpbmUtaGVpZ2h0Om5vcm1hbDtmb250LWZhbWlseTpzYW5zLXNlcmlmO2ZvbnQtdmFyaWFudC1saWdhdHVyZXM6bm9ybWFsO2ZvbnQtdmFyaWFudC1wb3NpdGlvbjpub3JtYWw7Zm9udC12YXJpYW50LWNhcHM6bm9ybWFsO2ZvbnQtdmFyaWFudC1udW1lcmljOm5vcm1hbDtmb250LXZhcmlhbnQtYWx0ZXJuYXRlczpub3JtYWw7Zm9udC1mZWF0dXJlLXNldHRpbmdzOm5vcm1hbDt0ZXh0LWluZGVudDowO3RleHQtYWxpZ246c3RhcnQ7dGV4dC1kZWNvcmF0aW9uOm5vbmU7dGV4dC1kZWNvcmF0aW9uLWxpbmU6bm9uZTt0ZXh0LWRlY29yYXRpb24tc3R5bGU6c29saWQ7dGV4dC1kZWNvcmF0aW9uLWNvbG9yOiMwMDAwMDA7bGV0dGVyLXNwYWNpbmc6bm9ybWFsO3dvcmQtc3BhY2luZzpub3JtYWw7dGV4dC10cmFuc2Zvcm06bm9uZTt3cml0aW5nLW1vZGU6bHItdGI7ZGlyZWN0aW9uOmx0cjt0ZXh0LW9yaWVudGF0aW9uOm1peGVkO2RvbWluYW50LWJhc2VsaW5lOmF1dG87YmFzZWxpbmUtc2hpZnQ6YmFzZWxpbmU7dGV4dC1hbmNob3I6c3RhcnQ7d2hpdGUtc3BhY2U6bm9ybWFsO3NoYXBlLXBhZGRpbmc6MDtjbGlwLXJ1bGU6bm9uemVybztkaXNwbGF5OmlubGluZTtvdmVyZmxvdzp2aXNpYmxlO3Zpc2liaWxpdHk6dmlzaWJsZTtvcGFjaXR5OjE7aXNvbGF0aW9uOmF1dG87bWl4LWJsZW5kLW1vZGU6bm9ybWFsO2NvbG9yLWludGVycG9sYXRpb246c1JHQjtjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM6bGluZWFyUkdCO3NvbGlkLWNvbG9yOiMwMDAwMDA7c29saWQtb3BhY2l0eToxO3ZlY3Rvci1lZmZlY3Q6bm9uZTtmaWxsOiMwMDAwMDA7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjAuNTI5MTY2NjQ7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjQ7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1kYXNob2Zmc2V0OjA7c3Ryb2tlLW9wYWNpdHk6MTtwYWludC1vcmRlcjpzdHJva2UgZmlsbCBtYXJrZXJzO2NvbG9yLXJlbmRlcmluZzphdXRvO2ltYWdlLXJlbmRlcmluZzphdXRvO3NoYXBlLXJlbmRlcmluZzphdXRvO3RleHQtcmVuZGVyaW5nOmF1dG87ZW5hYmxlLWJhY2tncm91bmQ6YWNjdW11bGF0ZSIvPjwvZz48L3N2Zz4=);
  background-size: auto 1.4rem;
}

:root .c-bottom-bar [data-link] {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 0.4rem;
  padding-bottom: 1rem;
  font-size: 0.6rem;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  color: #88888a;
  -webkit-tap-highlight-color: rgba(39, 39, 45, 0.1);
}

:root .c-bottom-bar [data-link]::before {
  content: "";
  display: block;
  height: 1.4rem;
  margin-bottom: 0.4rem;
  background-repeat: no-repeat;
  background-position: 50%;
  opacity: 0.5;
}

/*[ Callback Modal Window ]
///////////////////////////////////////////////////////////
*/

.modalW-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #696aad;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
  background-color: #696aad;
}

.cbClose {
  color: #fff;
  font-size: 1.8rem;
  font-weight: 500;
}

.cbLabel {
  width: 80px;
  text-align: right;
  margin-right: 10px;
  font-size: 14px;
}

.cbInput {
  padding: 8px 8px;
  font-size: 14px;
  border: 1px solid #9369a8 !important;
  margin-bottom: 10px;
}

.cbInput:focus {
  color: #495057;
  background-color: #fff;
  border-color: #e4455e;
  outline: 0;
  box-shadow: 0 0 0 0.1rem #d3507a;
}

.cbDescr {
  margin-bottom: 20px;
  text-align: center;
}

.cbMsg {
  color: #495057;
  font-size: 0.8rem;
  padding: 8px;
  height: 150px;
  width: 100%;
  border: 1px solid #9369a8;
  border-radius: 0.25rem;
}

.cbEmail {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #696aad;
  color: #fff;
  border: 0px;
  font-size: 14px;
}

.cbMsg:focus {
  background-color: #fff;
  border-color: #e4455e;
  outline: 0;
  box-shadow: 0 0 0 0.1rem #d3507a;
}

.cbBtnSend {
  background-color: #fff;
  border-color: #4b9b69;
  color: #4b9b69;
}

.cbBtnSend:hover {
  background-color: #4b9b69;
  border-color: #4b9b69;
  color: #fff;
}

.cbBtnClose {
  background-color: #fff;
  border-color: #615c61;
  color: #615c61;
}

.cbBtnClose:hover {
  background-color: #615c61;
  border-color: #615c61;
  color: #fff;
}

.hInfo {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  background-color: #e57601;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #fff;
}

/*[ Callback Modal Window ]
///////////////////////////////////////////////////////////
*/

/*[ Logo ]
-----------------------------------------------------------
*/

.svg-logo-c {
  background-repeat: no-repeat;
  background-position: left center;
}

.svg-logo-mobile {
  background-image: url(/images/svg/logo_mobile.svg);
  width: 70%;
}

.svg-logo-desktop {
  background-image: url(/images/svg/logo_desktop.svg);
  width: 220px;
}

.w600 {
  min-width: 600px;
  height: 60px;
}

.logo {
  height: 60px;
  float: left;
}

.logo > a {
  display: block;
  height: 100%;
}

.logo > a > img {
  width: auto;
  max-height: 100%;
  vertical-align: middle;
}

/*[ Menu ]
-----------------------------------------------------------
*/
.wrap_menu {
  height: 100%;
}

.menu_hide_bottom_line {
  height: 2px;
  width: 100%;
  background-color: #222;
}

.menu_bg-orange {
  /*background-color: #ec7900;*/
  /* background-color: #696AAD; */
  background-color: #fafafa;
}

.menu-icon {
  margin-right: 5px;
  color: #ffab10;
}

.menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.main_menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}

.main_menu li {
  display: block;
  position: relative;
}

.main_menu > li {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: 5px;
  margin-right: 5px;
}

.main_menu > li > a {
  /*font-family: Montserrat, Helvetica, sans-serif;*/
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  color: #222;
  padding: 8px;
}

.main_menu > li:hover > a {
  color: #f3039e;
  text-decoration: none;
}

/* ------------------------------------ */
.sub_menu {
  position: absolute;
  top: 0;
  left: 100%;
  width: 225px;
  background-color: white;

  transform-origin: top left;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);

  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.34;
}

.main_menu > li > .sub_menu {
  top: 100%;
  left: 0;
  position: absolute;
}

.main_menu > li:hover .sub_menu {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.sub_menu li:hover > .sub_menu {
  display: block;
}

.sub_menu li {
  background-color: #f2f2f2;
  border-top: 1px solid #e0e0e0;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
}

.sub_menu li:hover {
  background-color: white;
}

.sub_menu li,
.sub_menu a {
  padding: 10px;
  font-family: Montserrat, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #808080;
}

.sub_menu > li:hover > a {
  color: #555555;
  text-decoration: none;
}

.w-125 {
  width: 125px;
}

/*[ Social ]
-----------------------------------------------------------
*/
.social a {
  font-size: 15px;
  color: #2e2b2d;
}

.header-fixed .social a {
  color: #2e2d2b;
}

.social a:hover {
  color: #e4455e;
}

.btn-show-sidebar-css {
  width: 45px;
  height: 40px;
  border-top: 1px solid #e4455e;
  font-size: 1.5rem;
}

.btn-show-sidebar-css:hover {
  color: #fff !important;
  background-color: #e4455e;
}

/*[ Index ]
///////////////////////////////////////////////////////////
*/

.sub-name {
  text-align: center;
  margin-top: 10px;
}

.sub-name a {
  font-weight: 600;
}

.owl-dots {
  margin-top: 20px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #e57601;
}

.btn-light-slider:hover {
  color: #212529;
  background-color: #e8e9ea;
  border-color: #e8e9ea;
}

.btn-light-slider {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

/*[ Sidebar ]
///////////////////////////////////////////////////////////
*/
.sidebar {
  position: fixed;
  z-index: 1200;
  width: 390px;
  height: 100%;
  overflow: auto;
  background-color: white;
  top: 0;
  right: -390px;
}

@media (max-width: 576px) {
  .sidebar {
    width: 320px;
  }
}

.show-sidebar {
  right: 0px;
}

.btn-hide-sidebar {
  position: absolute;
  font-size: 20px;
  color: #111111;
  padding: 10px;
  top: 20px;
  right: 20px;
}

.overlay-sidebar {
  position: fixed;
  z-index: 1150;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  visibility: hidden;
}

.show-overlay-sidebar {
  visibility: visible;
  background-color: rgba(0, 0, 0, 0.65);
}

/* ------------------------------------ */
.item-gallery-sidebar {
  display: block;
  position: relative;
  width: calc((100% - 30px) / 3);
  margin: 5px;
}

.item-gallery-sidebar::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.item-gallery-sidebar:hover:after {
  background-color: #e2c1c0ad;
}

@media (max-width: 576px) {
  .wrap_header {
    height: 80px;
  }

  .gallery-sidebar {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/*[ Header gallery slider ]
///////////////////////////////////////////////////////////
*/
.header-gallery {
  padding-bottom: 10px;
}

.slider-badge {
  position: absolute;
  right: 10px;
  top: 10px;
  display: block;
  background-color: #ffffffe6;
  padding: 10px;
  font-size: 0.8rem;
  font-weight: 400;
  border-radius: 2px;
  text-align: end;
  font-style: italic;
  font-family: Montserrat, Helvetica, sans-serif;
}

.slider-label {
  background: rgba(0, 0, 0, 0.6);
  border-radius: 2px;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.2;
  padding: 10px;
  margin-bottom: 20px;
  color: #fff;
}

.sliderMenu li {
  list-style-position: inside;
  list-style-type: disc;
  text-transform: uppercase;
  padding: 6px;
  border-bottom: 2px dotted;
  border-color: #d5d5d5;
}

/*[ Section 1 ]
///////////////////////////////////////////////////////////
*/
.s1Item {
  border-radius: 2px;
  margin-bottom: 10px;
  color: #fff;
  padding: 10px;
  min-width: 160px;
  height: 160px;
  background-color: #c68565;
  align-content: center;
  display: grid;
}

.s1Item i {
  margin-bottom: 4px;
  text-align: center;
  font-size: 3rem;
}

.s2Item {
  border-radius: 2px;
  margin-bottom: 10px;
  color: #fff;
  padding: 10px;
  min-width: 160px;
  height: 120px;
  background-color: #c68565;
  align-content: center;
  display: grid;
}

.s2Header {
  font-family: Montserrat, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.7;
  color: #fff;
  margin: 0px;
  text-align: center;
}

.s2Msg {
  font-family: Montserrat, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.7;
  color: #fff;
  margin: 0px;
  text-align: center;
}

/*[ OWL Carousel ]
///////////////////////////////////////////////////////////
*/

/*[ Footer ]
///////////////////////////////////////////////////////////
*/

.txt17 {
  color: #fff;
}

.txt17 a {
  color: #fff;
}

/*[ Gallery footer ]
///////////////////////////////////////////////////////////
*/
.item-gallery-footer {
  display: block;
  position: relative;
  width: calc((100% - 50px) / 4);
  margin-right: 10px;
  margin-bottom: 10px;
}

.item-gallery-footer::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.item-gallery-footer:hover:after {
  /*background-color: rgba(255, 133, 44, 0.7);*/
  background-color: #e2c1c0ad;
}

/*[ Gallery ]
///////////////////////////////////////////////////////////
*/

.label-gallery {
  border-radius: 2px;
  padding: 2px 11px;
  margin: 5px 0;
}

.label-gallery:hover {
  /*background-color: #111111;*/
  background-color: #696aad;
  color: white;
}

.is-actived {
  /*background-color: #111111;*/
  background-color: #696aad;
  color: white;
}

/* ------------------------------------ */
.wrap-gallery {
  width: 100%;
  box-sizing: border-box;
}

.item-gallery {
  width: calc((100% - 140px) / 3);
  margin: 15px 15px;
  position: relative;
}

.overlay-item-gallery {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  /*background-color: rgba(255, 133, 44, 0.7);*/
  background-color: #e2c1c0ad;
  opacity: 0;
}

.overlay-item-gallery:hover {
  opacity: 1;
}

.btn-show-gallery {
  font-size: 18px;
  color: #222;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: white;
}

@media (max-width: 768px) {
  .item-gallery {
    width: calc((100% - 110px) / 2);
  }
}

@media (max-width: 576px) {
  .item-gallery {
    width: calc((100% - 30px) / 1);
  }

  .wrap-gallery {
    padding-left: 0;
    padding-right: 0;
  }
}

/*[ Pagination ]
///////////////////////////////////////////////////////////
*/
.item-pagination {
  font-family: Montserrat, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 13px;
  color: #808080;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid #e6e6e6;
  margin: 6px;
}

.item-pagination:hover {
  /*background-color: #333333;*/
  background-color: #e57601;
  color: white;
}

.active-pagination {
  /*background-color: #333333;*/
  background-color: #e57601;
  color: white;
}

/*[ Button back to top ]
///////////////////////////////////////////////////////////
*/
.btn-back-to-top {
  display: none;
  position: fixed;
  width: 40px;
  height: 40px;
  bottom: 70px;
  right: 12px;
  background-color: #312722;
  opacity: 0.5;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  border-radius: 4px;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
}

.btn-back-to-top-left {
  display: none;
  position: fixed;
  width: 40px;
  height: 40px;
  bottom: 40px;
  background-color: #312722;
  opacity: 0.5;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  border-radius: 4px;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
}

.symbol-btn-back-to-top {
  font-size: 22px;
  color: white;
  line-height: 1em;
}

/*[ Color library (color-names, trendColors)]
///////////////////////////////////////////////////////////
*/

.pal-btn {
  width: 140px;
  height: 40px;
  color: #fff;
  border-radius: 0.1rem;
  align-content: center;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 1px 1px 6px #aaa;
}

.pal_btn_color {
  background-color: #9b1b30;
  color: #fff !important;
}

.pal_btn_color:hover {
  color: #fff;
  background-color: #ff6f61;
}

.tcHdrPalette {
  width: 75px;
  display: block;
  float: left;
}

.btn-lbl {
  margin-left: 5px;
}

.hexBtn {
  margin: 5px;
}

.cnHeaderPalette {
  min-height: 120px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.cnHeader {
  padding: 0px;
  margin: 2px;
  align-content: end;
  display: grid;
  text-transform: uppercase;
  border-radius: 2px;
}

.cnHeader p {
  width: 100%;
  background-color: white;
  color: #2e2d2b;
  margin-bottom: 2px;
  margin-right: 2px;
  padding-left: 2px;
  padding-right: 2px;
  text-align: right;
  font-size: 0.6em;
}

#colorSearch_input {
  /*background-image: url('icons/search.png'); /* Add a search icon to input */
  /*background-position: 10px 12px; /* Position the search icon */
  /*background-repeat: no-repeat; /* Do not repeat the icon image */
  width: 100%;
  /* Full-width */
  font-size: 16px;
  /* Increase font-size */
  padding: 12px 20px 12px 20px;
  /* Add some padding */
  border: 1px solid #ff00a4 !important;
  /* Add a grey border */
  margin-bottom: 12px;
  /* Add some space below the input */
}

#colorSearch_input::placeholder {
  color: #ff00a4;
}

#colorSearch_input:focus {
  border-color: transparent !important;
  box-shadow: 0 0 0px 0.1rem #ff00a4;
  -moz-box-shadow: 0 0 0px 0.1rem #ff00a4;
  -webkit-box-shadow: 0 0 0px 0.1rem #ff00a4;
  -o-box-shadow: 0 0 0px 0.1rem #ff00a4;
  -ms-box-shadow: 0 0 0px 0.1rem #ff00a4;
}

.colorLib input {
  width: 90px;
  font-size: 16px;
  padding: 10px 10px 10px 10px;
  border: 1px solid #ddd !important;
  margin-bottom: 10px;
}

.hexInput {
  text-align: center;
}

.cLibHistoryLbl {
  font-weight: 400;
  font-size: 12px;
  line-height: 1.7;
  color: #2e2d2b;
  font-weight: 600;
}

.colorLib h2 {
  padding: 10px;
  margin-top: 0px;
  /* margin-bottom: 10px !important; */
  font-size: 18px;
  color: #222;
  font-weight: 500;
}

.hexLbl {
  margin-right: 20px;
}

.lastColors p {
  line-height: 1.6rem;
  font-size: 14px;
}

#colorsTable {
  border-collapse: collapse;
  /* Collapse borders */
  width: 100%;
  /* Full-width */
  border: 1px solid #ddd;
  /* Add a grey border */
  font-size: 12px;
  /* Increase font-size */
}

#colorsTable th,
#colorsTable td {
  text-align: left;
  padding: 5px;
  line-height: 1.8;
  font-size: 10px;
  padding: 6px 6px;
  height: 50px;
}

#colorsTable tr {
  /* Add a bottom border to all table rows */
  border-bottom: 1px solid #ddd;
}

#colorsTable tr.header,
#colorsTable tr:hover {
  /* Add a grey background color to the table header and on hover */
  background-color: #f1f1f1;
}

.table-header {
  background-color: #f1f1f1;
}

.hCard {
  width: 55px;
  height: 20px;
  margin-top: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  float: left;
  border-radius: 2px;
}

.hCard_selected {
  margin-top: 2px;
  margin-bottom: 2px;
  height: 26px;
  border: 2px solid red;
}

.ad {
  display: block;
  width: 280px;
  height: 400px;
}

.cCardLbl {
  font-size: 10px;
}

.showHexColorBtn {
  margin-left: 10px;
}

.ncSize {
  width: 120px;
  height: 40px;
  float: left;
  margin: 2px;
  border-radius: 2px;
}

.ncSpan {
  font-size: 0.6rem;
  display: table-cell;
  vertical-align: middle;
  height: 40px;
  padding-left: 5px;
  line-height: 1rem;
}

.ncName {
  line-height: 20px;
  font-size: 10px;
  margin-left: 4px;
  vertical-align: middle;
}

.cursor-zoom {
  cursor: zoom-in;
}

#color-zoom {
  cursor: url(/img/cur/zoom-out.cur), auto;
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
  display: none;
  position: fixed;
  z-index: 9999;
  width: 100%;
  height: 100%;
  text-align: center;
  top: 0;
  left: 0;
  background: black;
  background: rgba(0, 0, 0, 0.8);
}

#color-zoom div {
  width: 100%;
  height: 100%;
  max-width: 90%;
  max-height: 90%;
  margin: 0 auto;
  margin-top: 2%;
  display: block;
  display: inline-block;
  font-size: 1.8em;
  color: #fff;
  text-shadow: 0 0 3px #333;
}

/*[ FAQ Как заказать ]
///////////////////////////////////////////////////////////
*/
.faq-h5 {
  margin-top: 20px;
  margin-bottom: 5px;
}

.faq-p {
  padding-left: 40px;
}

.faq-ltr {
  font-style: italic;
  font-size: 0.8em;
  padding-left: 20px;
  background-color: #f6f7f8;
  border: 1px solid #eee;
  padding: 20px;
  /*width: 580px;*/
  border-radius: 2px;
}

.s1Item-faq {
  border-radius: 2px;
  margin-bottom: 10px;
  color: #696aad;
  padding: 10px;
  min-width: 160px;
  height: 160px;
  align-content: center;
  display: grid;
  border: 1px solid #696aad;
}

.s1Item-faq i {
  margin-bottom: 4px;
  text-align: center;
  font-size: 3rem;
  color: #e4455e;
}

/*[ Delivery Доставка ]
///////////////////////////////////////////////////////////
*/
.delivery-freeShipping {
  background-color: #f6f7f8;
  font-size: 0.8em;
  padding-left: 20px;
  border: 1px solid #eee;
  padding: 20px;
  /*width: 580px;*/
  border-radius: 2px;
}

/*[ Sale Скидки ]
///////////////////////////////////////////////////////////
*/

.saleEditBtn {
  position: absolute;
  right: 30px;
  top: 10px;
}

.saleLblContainer {
  position: absolute;
  top: 10px;
  left: 30px;
  z-index: 1;
  cursor: pointer;
}

.saleLbl {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-bottom: 10px;
  border-radius: 50%;
  font-size: 0.86667rem;
  font-weight: 700;
  line-height: 41px;
  text-align: center;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
  /* background: #d50f3b; */
  background: #f3039e;
  color: #fff;
}

.sale-Descr {
  font-size: 12px;
  line-height: 1rem;
  display: flex;
  justify-content: end;
  align-content: end;
  text-align: end;
}

.sale-Dlbl {
  display: flex;
  float: left;
  width: 70px;
  align-content: center;
  text-align: center;
}

.sale-order-btn {
  width: 100%;
  height: 50px;
  background-color: #000;
  border-color: #000;
  color: #fff !important;
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 2.2;
  border-radius: 0.1rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.sale-order-btn:hover {
  background-color: #444;
  border-color: #000;
  color: #fff !important;
}

.sale-order-btn:focus,
visited {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.saleOffLbl {
  margin-right: 5px;
  color: #f3039e;
  font-weight: bold;
  font-size: 1em;
}

.saleCard {
  border: 1px solid #eee;
  box-shadow: 2px 2px 6px #aaa;
}

.saleCard .card-title {
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  /* height: 100px; */
}

.saleCard .card-descr {
  font-weight: 400;
  font-size: 12px;
  text-transform: none;
}

.saleBnr {
  background-color: #f3039e;
  align-content: center;
  color: #fff;
  font-weight: 500;
  display: grid;
  text-align: center;
}

.card-text {
  font-size: 14px;
  line-height: 1.5;
  min-height: 100px;
}

/*[ Nuts Fruits Орехи-Сухофрукты Прайс-лист ]
///////////////////////////////////////////////////////////
*/
.fHeader {
  padding: 5px;
  padding-left: 10px;
  background-color: #ff8300;
  margin-bottom: 5px;
  padding-left: 20px;
  font-size: 1.4rem;
  border-radius: 2px;
  color: #fff;
  font-weight: 500;
}

.fHeaderList ul {
  font-size: 0.9rem;
  margin-left: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.fHeaderList ul > li {
  list-style: disc inside;
}

.props {
  font-weight: 300;
  font-size: 14px;
}

.props-list.top .name {
  font-weight: 600;
  text-transform: uppercase;
  color: #2e2d2b;
}

.props-list {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.props-name {
  white-space: nowrap;
  color: grey;
}

.props-middle {
  flex: 1 0;
  border-bottom: 1px dotted #ccc;
  height: 1em;
  margin: 0 0.4em;
}

.props-val {
  position: relative;
  text-align: right;
  max-width: 60%;
}

.props-wrap {
  margin-top: 5px;
  width: 100% !important;
}

/*[ Price Прайс-лист ]
///////////////////////////////////////////////////////////
*/

.__price-full {
  padding-left: 0.4rem;
  font-weight: 400;
  font-size: 11px;
  text-decoration: line-through;
  color: #939396;
}

.__item-price {
  padding-left: 0.4rem;
  font-weight: 400;
  font-size: 11px;
  color: #939396;
}

.__price-value {
  font-size: 14px;
  font-weight: 600;
  color: #393945;
}

.accHeader {
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 1rem;
  text-transform: uppercase;
}

.priceParams {
  font-size: 14px;
  padding: 0;
  list-style: none;
  line-height: 24px;
}

.priceParams li:before {
  padding-right: 11px;
  font-weight: bold;
  transition-duration: 0.4s;
}

.quantityBtn {
  text-decoration: none !important;
  border: 1px solid #e57601;
  margin: 0px;
  padding: 5px 10px;
  border-radius: 1px;
  background-color: #e57601;
  color: #fff;
  font-weight: bold;
  height: 50px;
  display: inline-block;
  line-height: 38px;
  width: 48px;
  text-align: center;
}

.quantityBtn_hvr a:hover {
  color: #fff;
  background-color: #fd9d22;
  font-size: 1.2em;
}

.quantityBtn a:focus {
  -webkit-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
  text-decoration: none;
  outline: 0 solid transparent;
  background-color: #e57601;
  color: #fff;
}

.comment {
  color: #a4a4a4;
  font-size: 0.8em;
}

.qOrderTotal {
  font-size: 1.5rem;
  line-height: 1.2em;
  padding: 0.875rem 0;
  border-top: 2px solid #acaaa6;
}

.qInput {
  display: block;
  width: 100%;
}

.itemPrice {
  font-weight: 700;
  font-size: 1.4em;
}

.qPrice {
  display: block;
  width: 100%;
  text-align: center;
}

.totalValue {
  font-size: 1.6rem;
  font-weight: 700;
}

.counter_input {
  border: none;
  border: solid 1px #e57601 !important;
  height: 50px;
  width: 120px;
}

.qDate {
  padding: 10px;
  background: #ddd;
}

.qOrder-label {
  font-size: 0.8em;
  text-transform: none;
}

.cart-subtotals {
  padding: 0.875rem 0;
  border-top: 1px solid #acaaa6;
  color: #000;
  font-size: 14px;
  line-height: 1.6em;
}

.cart-summary-line {
  clear: both;
}

.cart-summary-line::after {
  display: block;
  clear: both;
  content: "";
}

.cart-summary-line .value {
  float: right;
}

.banner_new {
  top: 20px;
  background-color: #b34fe0;
  right: 0px;
  top: 0px;
  height: 40px;
  line-height: 40px;
  color: #ffffff;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
  font-size: 20px;
  padding: 0 15px;
  display: inline-block;
  position: absolute;
  z-index: 10;
}

.banner_badge {
  background-color: #f3039e;
  height: 40px;
  line-height: 40px;
  color: #ffffff;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
  font-size: 20px;
  padding: 0 15px;
  display: inline-block;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 10;
}

.banner_badge_tbl {
  background-color: #f3039e;
  height: 35px;
  min-width: 125px;
  color: #ffffff;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
  font-size: 20px;
  margin-top: 6px;
  display: block;
  line-height: 35px;
  border-radius: 2px;
}

.banner_badge_tbl_off {
  width: 50%;
  float: left;
  padding: 0px 10px;
}

.banner_badge_tbl_date {
  width: 50%;
  float: left;
  color: #fff;
  font-size: 0.6em;
  text-align: left;
  display: block;
}

/*.banner_badge_sale10 {
  background-color: #dc0345;
}

.banner_badge_sale15 {
  background-color: #e57601;
}

.banner_badge_sale20 {
  background-color: #f3039e;
}*/

.banner_item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  z-index: 1;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 240px;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  border-radius: 2px;
}

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}

.banner_category {
  border-radius: 2px;
  height: 50px;
  background: #fff;
  min-width: 180px;
  padding-left: 15px;
  padding-right: 15px;
}

.banner_category a {
  display: block;
  color: #1e1e27;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  line-height: 50px;
  width: 100%;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.banner_category a:hover,
.banner_category a:focus {
  -webkit-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
  text-decoration: none;
  outline: 0 solid transparent;
  /*color: #e57601;*/
  color: #f3039e;
  font-weight: 600;
}

.banner_item:after {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -10;
}

.table td:hover {
  transition: 0.2s ease-in;
  color: #fff !important;
  background-color: #ff8300;
}

.pSaleLbl {
  margin-right: 0px;
  color: #f3039e;
  font-weight: 600;
}

.pSale {
  color: #f3039e;
  font-weight: bold;
  font-size: 1.4em;
  white-space: nowrap;
}

.pOffLbl {
  margin-right: 5px;
  color: #f3039e;
  font-weight: bold;
  font-size: 1.4em;
}

.pOldPrice {
  text-decoration: line-through;
}

.pTableReadyDate {
  min-width: 65px;
}

.pTablePopover {
  margin-left: 5px;
  font-size: 1.2em;
  color: #fff;
}

.pTable {
  min-width: 300px;
  font-size: 0.8em;
  margin-bottom: 0px;
}

.pTable thead th {
  vertical-align: middle;
  text-align: center;
  border: 1px solid #e57601;
  color: #fff;
}

.pTable thead {
  background: #ec7900;
}

.pTable th {
  vertical-align: middle;
}

.pTable td {
  padding: 0.3rem;
  text-align: center;
  vertical-align: middle !important;
}

.nTable {
  min-width: 300px;
  font-size: 0.8em;
  margin-bottom: 0px;
}

.nTable thead th {
  vertical-align: middle;
  text-align: center;
  border: none;
  color: #2e2d2b;
}

.nTable thead {
  border-bottom: 1px solid #e57601;
}

.nTable tr {
  height: 3.26rem;
}

.nTable-1tr {
  background-color: hsla(0, 0%, 76.9%, 0.2);
  height: 3.26rem;
}

.bTop {
  border-top: 1px solid #e57601;
}

.nTable th {
  vertical-align: middle;
}

.nTable td {
  padding: 0.4rem;
  text-align: center;
  vertical-align: middle !important;
  border: none;
}

.pDescr {
  font-size: 0.8rem;
  color: #9c9c9c;
}

.pTableFooter {
  color: #7d7d7d;
  font-size: 0.6em;
}

.table-hover tbody tr:hover {
  background-color: rgba(237, 118, 14, 0.08);
}

.priceImg {
  min-width: 300px;
}

.silverLbl {
  width: 30px;
  height: 10px;
  background-color: #c0c0c0;
  display: inline-block;
  border: 1px solid #a7a7a7;
}

.goldLbl {
  width: 30px;
  height: 10px;
  background-color: #cda434;
  display: inline-block;
  border: 1px solid #b48b1b;
}

.pH2 {
  border-bottom: 1px solid #e4455e;
  padding-bottom: 10px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.kplPl {
  background-color: #e576014f;
  border: 1px solid #ff8402;
  width: 16px;
  height: 16px;
  margin: 1px;
  display: block;
  float: left;
}

.kpl10Pl {
  background-color: #e576014f;
  border: 1px solid #ff8402;
  width: 6px;
  height: 20px;
  margin: 1px;
  display: block;
  float: left;
}

.p_descr {
  font-size: 14px;
  padding-left: 20px;
  line-height: 2;
}

.p_descr_hdr {
  font-size: 15px;
  line-height: 1.7;
  font-weight: bold;
}

.price_seo_descr {
  text-align: justify;
  font-size: 14px;
  margin-top: 5px;
  margin-bottom: 20px;
}

.priceDate {
  color: #ff8300;
  font-size: 1.2em;
}

.how-to-order-link {
  color: #f3039e;
  text-decoration: none;
}

.how-to-order-link:hover {
  color: #f3039e;
  font-weight: bold;
}

.how-to-order__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0;
  counter-reset: item;
  list-style-type: none;
}

.how-to-order__list-item {
  width: 150px;
  margin: 0 10px 20px;
  padding: 0;
  list-style: none;
  position: relative;
}

.how-to-order__list-item::before {
  position: relative;
  content: counter(item) " ";
  counter-increment: item;
  margin-left: 20px;
  font-weight: 700;
  color: #eef2f1;
  opacity: 0.7;
  font-size: 100px;
  line-height: 80px;
  display: block;
}

.how-to-order__list-item-img {
  position: absolute;
  z-index: 2;
  top: 90px;
  transform: translateY(-100%);
}

.how-to-order__list-item-desc {
  max-width: 320px;
  margin-top: 10px;
  display: block;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
}

.price_product {
  font-size: 14px;
  font-weight: 500;
  margin-top: 10px;
  color: #323232;
}

.price_product a {
  font-size: 14px;
  font-weight: 500;
  margin-top: 10px;
  color: #323232;
}

.price_product a:hover {
  color: #f3039e;
  -webkit-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
  text-decoration: none;
  outline: 0 solid transparent;
}

.price_props-wrap .props-name,
.props-val {
  font-size: 12px;
  font-weight: 500;
  color: #323232;
}

.card-props-ready-date {
  font-size: 10px;
  font-weight: 400;
  color: grey;
}

.price_product_info {
  font-size: 12px;
  font-weight: 400;
  margin-top: 10px;
}

.price_product-wrap {
  padding: 0 5px;
}

/* 
price/index.php accordion styles 
*/
.card-header-price {
  padding: 0rem 0.3rem;
  margin-bottom: 0;
}

.card-price {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border-radius: 0.1rem;
}

.card-body-price {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 0.25rem;
}

.card-body .sale-content {
  height: 100px;
  justify-content: space-between;
  display: flex;
  align-items: center;
}

.__discount {
  position: absolute;
  z-index: 200;
  top: 2.3%;
  left: 3.5%;
  width: 4.2rem;
  height: 1.8rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.8rem;
  text-align: center;
  white-space: nowrap;
  color: #fff;
  border-radius: 1rem;
  background-color: #f3039e;
}

/* OWL Carousel buttons 
///////////////////////////////////////////////////////////
*/

.owl-next {
  right: 0;
  color: #000;
  font-size: 60px;
  height: 100%;
  width: 50px;
  background-color: #ddd;

  top: 0;
  bottom: 0;
  display: flex;
  position: absolute;
  z-index: 1;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 50px;
  color: #fff;
  text-align: center;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}

.owl-prev {
  left: 0;
  color: #000;
  font-size: 60px;
  height: 100%;
  width: 50px;
  background-color: #ddd;

  top: 0;
  bottom: 0;
  display: flex;
  position: absolute;
  z-index: 1;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 50px;
  color: #fff;
  text-align: center;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}

.owl-carousel .owl-nav .owl-prev:before {
  font-family: "fontAwesome";
  /*// fa-chevron-left*/
  content: "\f053";
}

.owl-carousel .owl-nav .owl-next:after {
  font-family: "fontAwesome";
  /*//fa-chevron-right*/
  content: "\f054";
}

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

/*[ icons ] /////////////////////////////////////////////////////////// */

.close_icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNDgiIHdpZHRoPSI0OCI+PHBhdGggZD0ibTEyLjQ1IDM3LjY1LTIuMS0yLjFMMjEuOSAyNCAxMC4zNSAxMi40NWwyLjEtMi4xTDI0IDIxLjlsMTEuNTUtMTEuNTUgMi4xIDIuMUwyNi4xIDI0bDExLjU1IDExLjU1LTIuMSAyLjFMMjQgMjYuMVoiLz48L3N2Zz4=);
  background-size: auto 1.4rem !important;
  background-position: 50%;
}

.close_icon {
  display: block;
  margin: 0;
  padding: 0;
  top: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  text-decoration: none !important;
  border: none;
  border-radius: 0;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  background-color: rgba(0, 0, 0, 0);
  background-repeat: no-repeat;
}

/*[ MISC ] /////////////////////////////////////////////////////////// */

.bg-lightGrey {
  background-color: #fbfbfb;
}

.bo1-r2-grey {
  border: 1px solid #d6d6d6;
  border-radius: 2px;
}

.bo-top-r10 {
  border-radius: 10px 10px 0 0;
}

.txt25-1 {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.6;
  color: #222222;
}

.f-nw-grey {
  white-space: nowrap;
  color: grey;
}

.fs-08rem {
  font-size: 0.8rem;
}

.fs-09rem {
  font-size: 0.9rem;
}

.fw-b {
  font-weight: bolder;
}

.ul-rules li {
  list-style-type: "–";
  margin-bottom: 10px;
  padding-left: 10px;
}

.rules-good {
  background-color: #efffd9;
  height: 45px;
  padding: 10px;
}

.rules-bad {
  background-color: #fee;
  height: 45px;
  padding: 10px;
}

.txt15_footer {
  font-family: Montserrat;
  font-weight: 500;
  font-size: 13px;
  color: #dbd5d1;
  line-height: 1.7;
}

.badge-success {
  color: #fff;
  background-color: #222;
}

.badge-success-green {
  color: #fff;
  background-color: #23db08;
}

.min-w-250 {
  min-width: 260px !important;
}

.badge-w-30 {
  width: 30px;
}

.h-25 {
  height: 25px;
}

.h-50pcnt {
  height: 50%;
}

.mw-74prcnt {
  max-width: 74%;
}

.dn {
  display: none;
}

.deliveryMarker {
  color: #8b5897;
}

.brdcrumb {
  color: #c2c2c4;
  font-size: 10px;
  padding: 0.2rem 0.2rem;
}

.current-crumb {
  color: #68686c;
  font-size: 10px;
  padding: 0.5rem 0.5rem;
}

.c2 {
  color: #2e2d2b;
}

.bg-c2 {
  background-color: #e4455e;
}

.nav-link.active {
  background-color: #e4455e !important;
}

.w-40px {
  width: 40px !important;
}

.w-50px {
  width: 50px !important;
}

.w-60px {
  width: 60px !important;
}

.w-80px {
  width: 80px !important;
}

.w-90px {
  width: 90px !important;
}

.red {
  color: red;
}

.err_img {
  margin-bottom: 50px;
  margin-top: 20px;
  border-radius: 5px;
}

.pCal {
  font-size: 0.8rem;
}

.stickyAd {
  position: sticky;
  position: webkit-sticky;
  top: 10px;
}

.fw-b {
  font-weight: bold;
}

.cGray {
  color: rgba(0, 0, 0, 0.4) !important;
}

.whiteOnHower:hover {
  color: #fff;
}

.orderBtnColor {
  color: #f3039e;
}

.clink_c43 {
  color: #853f84;
}

.clink_c43:hover {
  color: #c43362;
}

.p_article {
  margin-top: 10px;
  line-height: 1.5;
  font-weight: 400;
}

.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.border-4px {
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  box-sizing: border-box;
}

.download-box {
  width: 100%;
  height: 56px;
  float: left;
  padding: 10px;
  margin-top: 20px;
  background: #fca120;
  border-color: #fca120;
  color: #fff !important;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.download-box:hover {
  background: #f69110;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  box-shadow: 2px 2px 6px #aaa;
}

.download-button {
  margin: 10px;
  color: #fff !important;
}

.download-button:hover {
  /* background: #f69110; */
  color: #fff !important;
}

.td-u {
  text-decoration: underline;
}
/*
TMP!!!!
*/