/*

Theme Name: Divi Child Theme

Theme URI: https://divireadythemes.com/

Description: Divi Child Theme

Author: Divi Ready Themes

Author URI: https://divireadythemes.com/

Template: Divi

Version: Updated for Divi 3+

*/

.cs-popup-row button.btn.options_btn{
	border: solid 1px #fff;
}

.cs-info-bar.bar_small .cs_action_btn,
.cs-modal-content .cs_action_btn {
	border: solid 1px #fff;
	background-color: #000 !important;
}

.cs-popup-row button.btn.options_btn:hover,
.cs-info-bar.bar_small .cs_action_btn:hover,
.cs-modal-content .cs_action_btn:hover {
	color:#fff!important;
	border: solid 1px #000;
	background-color: #000!important;
}

.cs-modal-content .custom-switch.custom-switch-btn {
	--cs-color-active-toggle-button: #000 !important;
}

.cs_preview_container>div>div .cs-modal:not(.cs-modal-admin) .custom-switch .custom-switch-input:checked+.custom-switch-btn {
    background: #0c71c35c !important;
}

.cs-info-sticky.desktop_right.bottom.show_button{
	display:none!important;
}

@media (width <= 480px) {
	.cs_preview_container.bar_small .btns_column .btn-row {
		flex-direction: column-reverse;
	}
}

@font-face {

  font-family: 'icomoon';

  src: url('fonts/icomoon.eot?3v39yb');

  src: url('fonts/icomoon.eot?3v39yb#iefix') format('embedded-opentype'),

    url('fonts/icomoon.ttf?3v39yb') format('truetype'),

    url('fonts/icomoon.woff?3v39yb') format('woff'),

    url('fonts/icomoon.svg?3v39yb#icomoon') format('svg');

  font-weight: normal;
  font-style: normal;
  font-display: block;

}



[class^="icon-"],
[class*=" icon-"] {

  /* use !important to prevent issues with browser extensions that change fonts */

  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;



  /* Better Font Rendering =========== */

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

}


/*------------------------------------------------*/

/*----------------[HEADER-MOBILE-MENU]------------*/

/*------------------------------------------------*/

@font-face {

  font-family: 'icomoon';
  src: url('fonts/icomoon.eot?1jfe4l');
  src: url('fonts/icomoon.eot?1jfe4l#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?1jfe4l') format('truetype'),
    url('fonts/icomoon.woff?1jfe4l') format('woff'),
    url('fonts/icomoon.svg?1jfe4l#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;

}



[class^="icon-"],

[class*=" icon-"] {

  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;

  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;



  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

}

.icon-keyboard_arrow_down:before {
  content: "\e904";
}

.icon-close:before {
  content: "\e901";
}

/*  */
/* mobile menu */
/*  */
.fixed{
  position:fixed;
  left:0;
  right:0;
  width:100%;
  background-color: #e6dbd1;
  transition:all .5s ease;
  height:76px;
}

.overflow-hidden{
  overflow-y: hidden;
}

#header__mobile-menu{
  display: none;
}


.wrapper ul {
  list-style: none;
}

#menu-container {
  width: 25%;
}

#menu-wrapper {
  overflow: hidden;
  max-width: 100%;
  cursor: pointer;
}

#menu-wrapper #hamburger-menu {
  position: relative;
  width: 25px;
  height: 20px;
  margin: 15px;
  margin-left: 70%;
}

#menu-wrapper.activate #hamburger-menu {
  margin-left: 45%;
}

#menu-wrapper #hamburger-menu span {

  opacity: 1;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  border-radius: 10px;
  color: #161616;
  background-color: #161616;
  position: absolute;
  transform: rotate(0deg);
  transition: .4s ease-in-out;
}

#menu-wrapper #hamburger-menu span:nth-child(1) {
  top: 0;
}

#menu-wrapper #hamburger-menu span:nth-child(2) {
  top: 9px;
}

#menu-wrapper #hamburger-menu span:nth-child(3) {
  top: 18px;
}

#menu-wrapper #hamburger-menu.open span:nth-child(1) {
  transform: translateY(9px) rotate(135deg);
}

#menu-wrapper #hamburger-menu.open span:nth-child(2) {
  opacity: 0;
  transform: translateX(-60px);
}


#menu-wrapper #hamburger-menu.open span:nth-child(3) {
  transform: translateY(-9px) rotate(-135deg);
}

#menu-container .menu-list .menu-submenu {
  padding-left: 0px;
  padding-bottom: 20px;
}

.mobile__menu {
  padding-left: 0;
  top: 0;
  left: -100%;
  position: absolute;
  background: white;
  box-shadow: rgba(100, 100, 100, 0.2) 6px 2px 10px;
  z-index: 1;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100vh;
  /* padding: 8px; */
  font-family: 'Futura Std Light', Helvetica, Arial, Lucida, sans-serif;
}



.mobile__menu.activate {
  right: 0;
  left: 0;
}



#menu-container .menu-list {
  padding-left: 0;
  display: block;
  position: absolute;
  left: 0px;
  right: 5px;
  /* width: 96%; */
  background: #f5f0ed;
  height: 100vh;
  /* box-shadow: rgba(100, 100, 100, 0.2) 6px 2px 10px; */
  z-index: 1;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0;

}

#menu-container .menu-list li.accordion-toggle,
#menu-container .menu-list li.toggle {
  border-bottom: 1px solid #dbdcd2;
}

.menu-list li.accordion-submenu-toggle {
  position: relative;
}

.menu-list li.accordion-toggle .menu-link,
.menu-list li.toggle .menu-link,
.menu-list li.accordion-submenu-toggle .menu-link {
  font-size: 16px;
  line-height: 20px;
  padding: 10px 0px 10px 20px;
  display: block;
  color: #000;
  font-family: 'Futura Std Light', Helvetica, Arial, Lucida, sans-serif;
}

#menu-container .menu-list li:first-of-type {
  border-top: 0;
}

.menu-submenu li {
  border-bottom: 1px solid #cdcdcd;
}

#menu-container .menu-list li.accordion-toggle:last-of-type {
  border-bottom: none;
}

.menu-submenu .head {
  display: block;
  padding: 10px 0 10px 20px;
  font-size: 16px;
  color: #000;
}



.accordion-toggle,
.accordion-content {
  cursor: pointer;
  font-size: 16px;
  position: relative;
  letter-spacing: 1px;
}



.accordion-content {
  display: none;
}

.accordion-toggle.active-tab {
  border-bottom: 1px solid #cecece;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}



.menu-list .icon-keyboard_arrow_down:before {
  content: "\e904";
  position: absolute;
  right: 50px;
  font-size: 25px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transition: all 0.3s ease-out;
}



.menu-list .active-tab.icon-keyboard_arrow_down:before {
  transition: all 0.3s ease-out;
  transform: translateY(-50%) rotate(180deg);
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
}

.wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 15px;
  background-color: #f5f0ec;
}

.wrapper.activate {
  padding-top: 0px;
}

.wrapper.activate #menu-container{
  width: 20%;
}

.wrapper__rbl {
  width: 25%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 30px;
}



.wrapper__rbl .icon-search {
  width: 21px;
  height: 21px;
  background: url(./img/search.svg) no-repeat center;
}

.logo__link {
  width: 25%;
  max-width: 116px;
  height: 60px;
  background: url(./img/studionovo.svg) no-repeat center;
}


/* icon search */

.search__icon {
  background: url(./img/searchBlack-icon.png) no-repeat center;
  width: 21px;
  height: 22px;
  display: inline-block;
}

.search__block {
  visibility: hidden;
  opacity: 0;
  position: absolute;
}



.cart__link {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(./img/shopping-cart-solid.svg) no-repeat center;
  margin-left: 25px;
}

/* menu__icon */
.menu__icon {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-color: #f5f0ed;
}

.mobile__menu.activate .menu__icon{
  position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    height: 56px;
    z-index: 2;
}

.menu__icon .icon-search {
  position: relative;
  padding: 13px 0px 13px 0px;
  font-size: 30px;
  text-align: center;
  display: inline-block;
  border-right: 1px solid #cecece;
  width: 25%;
  height: 56px;
  background: url(./img/search.svg) no-repeat center;
}

.menu__icon-loc {
  display: inline-block;
  width: 25%;
  background: url(./img/pin.svg) no-repeat center;
  border-right: 1px solid #cecece;
  padding: 33px 0 22px;
  height: 56px;
}

.icon-user {
  display: inline-block;
  width: 25%;
  position: relative;
  padding: 28px 0px 28px 0px;
  text-align: center;
  background: url(./img/call.svg) no-repeat center;
  height: 56px;
  border-right: 1px solid #cecece;
}

.icon-network {
  display: inline-block;
  background: url(./img/language.svg) no-repeat center;
  height: 56px;
  width: 25%;
  padding: 18px 0px 18px 0px;
  text-align: center;
  border-right: 1px solid #cecece;
}

.menu__icon-closed {
  display: inline-block;
  width: 25%;
  padding: 33px 0 23px;
  background-color: #fff;
}

.menu__icon .icon-search.activate,
.menu__icon-loc.activate,
.icon-user.activate,
.icon-network.activate,
.menu__icon-closed.activate {
  background-color: #fcf8f7;
}

#menu-wrapper.activate {
  position: relative;
  width: 100%;
  z-index: 2;
  top: 5px;
}

.menu__icon-logo {
  display: block;
  text-align: center;
  background: #fcf8f7;
  border-top: 1px solid #cecece;
  border-bottom: 1px solid #cecece;
  padding: 8px 0px 0px;
  margin-top: 57px;
}

.menu__icon-img {
  max-width: 116px;
  margin: 0 auto;
  display: inline-block;
}

.tab_item.search__block.activate {
  visibility: visible;
  opacity: 1;
  top: 63px;
  left: 0;
  z-index: 3;
  width: 100%;
}

.search__block .searchform div {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.search__block .searchform input[type="text"] {
  width: 99%;
  border: none;
  outline: none;
  padding: 25px 0 27px 25px;
  background-color: #fff;
  border-top: 1px solid #cecece;
  border-bottom: 1px solid #cecece;
  font-size: 16px;
  font-family: 'Futura Std Light', Helvetica, Arial, Lucida, sans-serif;
  color: #000;
}



.searchform input[type="text"]::placeholder {
  text-transform: uppercase;
  font-size: 16px;
}



.search__block .searchform #searchsubmit {
  position: absolute;
  right: 35px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  font-size: 0px;
  border-radius: 50%;
  padding: 20px;
  width: 36px;
  height: 36px;
  background: #cecece url(./img/searchWhite-icon.png) no-repeat center;
  background-size: 13px;

}



.search .icon-search {
  font-size: 15px;
  color: #fff;
}

.mobile__menu-content {
  display: flex;
  justify-content: space-between;
  width: 98%;
  align-items: center;
  margin-top: 10vw;
  margin-bottom: 50px;
}

.mobile__menu-content p {
  display: flex;
  flex-direction: column;
  padding-left: 20px;
}



.mobile__menu-content p span {
  text-transform: uppercase;
  line-height: 20px;
  color: #000;
}



.mobile__menu-content-link {
  font-size: 15px;
  line-height: 15px;
  text-transform: uppercase;
  word-wrap: break-word;
  width: 100px;
  height: 100px;
  text-align: center;
  background-color: #daccbf;
  color: #fff;
  border-radius: 50%;
  padding: 42px 20px 0px 20px;
  display: block;
  margin-right: 35px;
}


/* header mobile subscribe */
.mobile__form-header{
  display: none !important;
}

.mobile__form-header.mobile__form-header-activate{
  display: block !important;
}



/*  */
/* / mibile menu END */
/*  */



/*------------------------------------------------*/

/*-------[Slider on brand LOVED PRODUCTS]---------*/

/*------------------------------------------------*/

.info__blcok-conteiner {

  display: none;

}



.dnxte_coverflowslider_child {

  position: relative !important;

}



.swiper-slide-active-desc {

  z-index: 1 !important;

}



.swiper-slide-pos-left {

  left: calc(100% + 20px);

}



.swiper-slide-pos-right {

  right: calc(100% + 20px);

}



.dnxte_coverflowslider_child .et_pb_code_inner {

  position: absolute;

  top: 0;

  z-index: 100;

  width: calc(200% + 20px);

  overflow-y: auto;

}



/*------------------------------------------------*/

/*------------------[SUBPAGES]--------------------*/

/*------------------------------------------------*/





/*------------------------------------------------*/

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

/*------------------------------------------------*/





/*------------------------------------------------*/

/*--------------------[RWD]-----------------------*/

/*------------------------------------------------*/





/*------------------------------------------------*/

/*------------------@MEDIA------------------------*/

/*------------------------------------------------*/

@media(max-width:1199px){
  #header__mobile-menu{
      display: block;    
  }

  #header-menu{
      display: none;
  }

  .et_pb_module.et_pb_code.et_pb_code_0_tb_header{
    margin-bottom: 0;
  }
}



@media(max-width:980px) {

  .dnxte_coverflowslider_child .et_pb_code_inner {

    display: none;

  }

}

@media(max-width:590px) {
  .logo__link {
    width: 35%;
  }

  #menu-wrapper #hamburger-menu {
    margin-left: 60%;
  }

}


@media(max-width:490px) {
  #menu-wrapper #hamburger-menu {
    margin-left: 53%;
  }

  #menu-container .menu-list{
    left: 0px;
    right: 0px;
    width: 100%;
  }

}

@media(max-width:450px) {
  #menu-wrapper.activate #hamburger-menu {
      margin-left: 35%;
  }
  div#menu-wrapper.activate{
    top: 1px;
  }
}



@media(max-width:390px) {
  #menu-wrapper #hamburger-menu {
    margin-left: 45%;
  }

  .wrapper__rbl {
    padding-left: 20px;
    cursor: pointer;
  }
}


