/* НОВАЯ СТРАНИЦА mamaRoo Sleep Bassinet */

.sleepbassinet-page {
  color: #000;
  font-size:  14px;
  font-weight: normal; 
	letter-spacing: 0;
	line-height: 1.25;
	min-width: 320px;
	overflow-x: hidden;
	position: relative;
}
/* Buttons */
.sleepbassinet-page .btn {
  background-color: #00afec;
  border-radius: .25em;
  color: #fff;
  display: inline-block; 
  font-family: "CenturyGothic-Bold", sans-serif;
  font-size: 1.1em;
  line-height: 1.5em;
  margin: 1em 0;
  min-width: 10em;
  padding:  .5em 0;
  position: relative;
  text-align: center;
}
/* Video */
.sleepbassinet-page .link_video {
  display: inline-block;
  font-family: "MyriadPro-Semibold", sans-serif;
  font-size: 1.1em; 
  margin-top: 1em;
  padding-right: 2em;
  position: relative;
}
.sleepbassinet-page .link_video a {
  color: #000;
  display: inline-block;
  line-height: 2em;
  position: relative;
}
.sleepbassinet-page .link_video::after {
  position: absolute;
  display: block;
  content: '';
  background: url(../images/common/play.png);
  width: 2em;
  height: 2em;
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  right: 0;
  top: 0;
}
/* Sliders */
.sleepbassinet-page .slick-slider img {margin: auto;}
/* Titles */
.sleepbassinet-page .page_title,
.sleepbassinet-page .section_title,
.sleepbassinet-page .block_title { display: block; font-family: "CenturyGothic-Bold", sans-serif; line-height: 1.1em; padding: .25em 0 .75em; position: relative;}
.sleepbassinet-page .page_title {font-size: 2.5em;}
.sleepbassinet-page .section_title {font-size: 1.5em;}
.sleepbassinet-page .block_title {font-size: 1.25em;}
/* Forms */
.sleepbassinet-page .calc_form {max-width: 450px; width: 100%;}
.sleepbassinet-page .calc_form .calc_form__title {display: block; font-family: "CenturyGothic-Bold", sans-serif; font-size: 1.5em; line-height: 1.1em; padding: .25em 0 .75em; position: relative;}
.sleepbassinet-page .calc_form__input {width: 100%;margin-bottom: 0;margin-top: 1em;}
.sleepbassinet-page .calc_form__input + .error {font-size: 10px; font-family: "CenturyGothic-Bold", sans-serif; color: red; display: none; width: 100%; opacity: 1 !important;padding: 2px;}
/* Badges */
.sleepbassinet-page .badge {display: block; max-width: 8em; position: absolute; top: 3em; right: 1em; width: 30%;}


/* Lists */
.sleepbassinet-page .tech_param_list {}
.sleepbassinet-page .tech_param_list .tech_param_list__item {display: block; position: relative; margin-bottom: 2em;}
.sleepbassinet-page .tech_param_list .tech_param_list__item .title {padding-left: 40px; height: 25px;}
.sleepbassinet-page .tech_param_list .tech_param_list__item .value {}
.sleepbassinet-page .tech_param_list .tech_param_list__item a {
  font-family: "MyriadPro-Semibold", sans-serif;
  color: #0c61a7;
  display: inline-block;
  margin-bottom: 1em;
}
.sleepbassinet-page .tech_param_list .tech_param_list__item ul {}
.sleepbassinet-page .tech_param_list .tech_param_list__item ul li {
  display: block;
  padding-left: 15px;
  position: relative;
  line-height: 1.2;
} 
.sleepbassinet-page .tech_param_list .tech_param_list__item ul li::after {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  display: inline-block;
  content: '';
  position: absolute;
  left: 0px;
  top: 7px;
  background: #000;  
}
.sleepbassinet-page .tech_param_list .tech_param_list__item::before {
  background: url("../images/sb/sprite.png");
  background-position: 0 0;
  -moz-background-size: 30px;
  -o-background-size: 30px;
  -webkit-background-size: 30px;
  background-size: 30px;
  background-repeat: no-repeat;  
  content: ''; 
  display: block; 
  position: absolute; 
  left: 0; 
  top: -3px;
  width: 30px;
  height: 30px;
}
.sleepbassinet-page .tech_param_list .tech_param_list__item .title {display: block; font-family: "CenturyGothic-Bold", sans-serif; margin-bottom: 1em; position: relative;}
.sleepbassinet-page .tech_param_list .tech_param_list__item.tech_param_02::before {background-position: 0 -30px;}
.sleepbassinet-page .tech_param_list .tech_param_list__item.tech_param_03::before {background-position: 0 -60px;}
.sleepbassinet-page .tech_param_list .tech_param_list__item.tech_param_04::before {background-position: 0 -90px;}
.sleepbassinet-page .tech_param_list .tech_param_list__item.tech_param_05::before {background-position: 0 -120px;}
.sleepbassinet-page .tech_param_list .tech_param_list__item.tech_param_06::before {background-position: 0 -150px;}
.sleepbassinet-page .tech_param_list .tech_param_list__item.tech_param_07::before {background-position: 0 -180px;}
/* Prices */
.sleepbassinet-page .prices-from > * { display: inline-block; margin-top: .5em;}
.sleepbassinet-page .prices-from .old_price {position: relative;}
.sleepbassinet-page .prices-from .old_price::after {
  background-color: #ff0000;
  content: '';
  display: block;
  height: 1px;
  position: absolute;
  top: 47%;
  width: 100%;  
}
.sleepbassinet-page .prices-from .price {font-family: "CenturyGothic-Bold", sans-serif;}
.sleepbassinet-page .prices {}
.sleepbassinet-page .prices .old_price {
  display: inline-block;
  font-size: .75em;
  position: relative;
}
.sleepbassinet-page .prices .old_price::after {
  background-color: #ff0000;
  content: '';
  display: block;
  height: 2px;
  position: absolute;
  top: 50%;
  width: 100%;  
}
.sleepbassinet-page .prices .ammount,
.sleepbassinet-page .prices sup {
  color: #00afec;
  font-family: "CenturyGothic-Bold", sans-serif;  
  font-size: 2em;
  line-height: 1.1;
}
.sleepbassinet-page .prices sup {
  font-size: 1.25em;
  vertical-align: top;
}
.sleepbassinet-page .prices .old_price .ammount,
.sleepbassinet-page .prices .old_price sup {
  color: #e3e3e3;
}

/* GRID */
.sleepbassinet-page .section .container {
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
  width: 100%;
}
.sleepbassinet-page .row {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;  
}
.sleepbassinet-page .col {
  padding-right: 15px;
  padding-left: 15px;  
  position: relative;
  width: 100%;
}
.sleepbassinet-page .d-none {
  display: none!important;
}
@media (min-width: 576px) { .sleepbassinet-page .section .container {max-width: 540px;} }
@media (min-width: 768px) { 
  .sleepbassinet-page .section .container {max-width: 720px;} 
  .sleepbassinet-page .d-md-none {
    display: none!important;
  }
  .sleepbassinet-page .d-md-block {
    display: block!important;
  }
  .sleepbassinet-page .col-md-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .sleepbassinet-page .col-md-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .sleepbassinet-page .col-md-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .sleepbassinet-page .order-md-first {
    -webkit-box-ordinal-group: 1;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  
  
}
@media (min-width: 992px) { 
  .sleepbassinet-page .section .container {max-width: 960px;} 
  .sleepbassinet-page .col-lg-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }  
}
@media (min-width: 1200px) {
  .sleepbassinet-page .section .container {max-width: 1140px;}
  .sleepbassinet-page .col-xl-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }  
  .sleepbassinet-page .col-xl-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }  
}







/* SECTIONS */
.sleepbassinet-page .section > .container { display: block; padding-top: 30px; padding-bottom: 30px; position: relative; }
/* section 01 */
.sleepbassinet-page .section_01 > .container { padding-top: 0; text-align: center;}
.sleepbassinet-page .section_01 .block__img {position: relative;}

/* section 04 */
.sleepbassinet-page .section_04 > .container { border-top: 1px solid #a7a7a7; text-align: center; }
.sleepbassinet-page .section_04 .mr2_demo { width: auto; float: none; padding: 0;}
.sleepbassinet-page .section_04 .mr2_demo p {font-size: 1em;}
.sleepbassinet-page .section_04 .mr2_demo__bot {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;  
}
.sleepbassinet-page .section_04 .mr2_demo__1 .mr2_demo__bot_1 {background-size: 3.75em;}
.sleepbassinet-page .section_04 .mr2_demo__bot .mr2_demo__bot_btn {
  background-position: center center;
  background-size: 3.75em;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20%;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  font-size: 1em;
  max-width: 20%;
  width: 3.75em;
  height: auto;
  padding-top: 3.75em;
}
.sleepbassinet-page .section_04 .mr2_demo__head_img {width: 290px;height: 458px;background-size: 290px !important;}
.sleepbassinet-page .section_04 .mr2_demo__1 .mr2_demo__head_img {background-image: url(../images/sb/car-ride.gif);}
.sleepbassinet-page .section_04 .mr2_demo__2 .mr2_demo__head_img {background-image: url(../images/sb/kanga-roo.gif);}
.sleepbassinet-page .section_04 .mr2_demo__3 .mr2_demo__head_img {background-image: url(../images/sb/tree-swing.gif);}
.sleepbassinet-page .section_04 .mr2_demo__4 .mr2_demo__head_img {background-image: url(../images/sb/rock-a-bye.gif);}
.sleepbassinet-page .section_04 .mr2_demo__5 .mr2_demo__head_img {background-image: url(../images/sb/car-ride.gif);}
/* section 05 */
.sleepbassinet-page .section_05 { background-color: #e2e2e2; }
.sleepbassinet-page .section_05 .accordion_params__list { margin-bottom: 1em; }
.sleepbassinet-page .section_05 .accordion_params__list .params_list__item { 
  border-bottom: 1px solid #000;
  cursor: pointer;
  display: block; 
  font-family: "CenturyGothic-Bold", sans-serif; 
  line-height: 3em; 
  opacity: .5;
  position: relative;
  width: 100%;
}
.sleepbassinet-page .section_05 .accordion_params__list .params_list__item.active { background-color: #cbccce; opacity: 1; } 
.sleepbassinet-page .section_05 .accordion_params__list .params_list__item .icon {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block; 
  height: 2em; 
  left: 0; 
  position: absolute; 
  top: .5em; width: 
  2em;
}
.sleepbassinet-page .section_05 .accordion_params__list .params_list__item .icon-bluetooth { background-image: url(../images/sb/icons/icon-bluetooth.png) }
.sleepbassinet-page .section_05 .accordion_params__list .params_list__item .icon-music { background-image: url(../images/sb/icons/icon-music.png) }
.sleepbassinet-page .section_05 .accordion_params__list .params_list__item .icon-height { background-image: url(../images/sb/icons/icon-height.png) }
.sleepbassinet-page .section_05 .accordion_params__list .params_list__item .icon-timer { background-image: url(../images/sb/icons/icon-timer.png) }
.sleepbassinet-page .section_05 .accordion_params__list .params_list__item .title {display: block; padding-left: 3em; position: relative;}
.sleepbassinet-page .section_05 .accordion_params__content { text-align: center; }
/* section 06 */
.sleepbassinet-page .section_06 .section_title { text-align: center; }
/* section 07 */
.sleepbassinet-page .section_07 > .container { border-top: 1px solid #a7a7a7; }
.sleepbassinet-page .section_07 .block__img {position: relative; padding-right: 8em;}
.sleepbassinet-page .section_07 .block__img .prices { font-size: .85em; position: absolute; top: 15px; right: 15px;}
.sleepbassinet-page .section_07 .l_chackbox { line-height: 1.75; }
.sleepbassinet-page .section_07 .l_chackbox span { color: #000; }
.sleepbassinet-page .section_07 .l_chackbox .old_price,
.sleepbassinet-page .section_07 .l_chackbox .price { display: inline-block; position: relative; }
.sleepbassinet-page .section_07 .l_chackbox .old_price::after {
  background-color: #ff0000;
  content: '';
  display: block;
  height: 1px;
  position: absolute;
  top: 45%;
  width: 100%;
}
.sleepbassinet-page .section_07 .l_chackbox .old_price .ammount { color: #919191; }
.sleepbassinet-page .section_07 .l_chackbox .price .ammount { color: #00afec; }
.sleepbassinet-page .section_07 .added {margin-bottom: 2em;}
.sleepbassinet-page .section_07 .total {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.sleepbassinet-page .section_07 .total .title {
  display: block;
  font-family: "CenturyGothic-Bold", sans-serif;
  font-size: 1.25em;
  line-height: 1.1em;
  padding-right: .5em;
  position: relative;  
}
.sleepbassinet-page .section_07 .total .total_cost {}
.sleepbassinet-page .section_07 .section_title { padding-bottom: .25em; }
.sleepbassinet-page .section_07 .section_title + small { display: block; margin-bottom: 1.75em; }
.sleepbassinet-page .section_07 .badge {top: 5em;right: 2em;}

/* section 08 */
.sleepbassinet-page .section_08 > .container { border-top: 1px solid #a7a7a7; text-align: center; }
/* section 09 */
.sleepbassinet-page .section_09 > .container { border-top: 1px solid #a7a7a7; }


/* MEDIA */
@media (min-width: 576px) {
  .sleepbassinet-page {font-size:  16px;}
  /* Titles */
  .sleepbassinet-page .page_title {font-size: 3em;}
  .sleepbassinet-page .section_title {font-size: 1.75em;}
  .sleepbassinet-page .block_title {font-size: 1.25em;}
  

}
@media (min-width: 768px) {
  .sleepbassinet-page {font-size:  14px;}
  .sleepbassinet-page .section_05 .accordion_params {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    
  }
  .sleepbassinet-page .section_05 .accordion_params__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: space-around;
    margin-bottom: 0;
    border-right: 1px solid rgba(0,0,0,.5);
    padding-right: 0;   
  }
  .sleepbassinet-page .section_05 .accordion_params__list .params_list__item {height: 100%;padding: 1em;}
  .sleepbassinet-page .section_05 .accordion_params__list .params_list__item .icon {top: 1.5em; left: 1em;}
  .sleepbassinet-page .section_08 .block__text {margin: 0 auto; width: 70%;}
}
@media (min-width: 992px) {
  .sleepbassinet-page {font-size:  16px;}
  .sleepbassinet-page .section_05 .accordion_params__list .params_list__item .title {font-size: 1.25em;}
  .sleepbassinet-page .tech_param_list {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;    
  }
  .sleepbassinet-page .tech_param_list .tech_param_list__item::before {
    -moz-background-size: 48px;
    -o-background-size: 48px;
    -webkit-background-size: 48px;
    background-size: 48px;
    height: 48px;
    width: 48px;
  }
  .sleepbassinet-page .tech_param_list .tech_param_list__item.tech_param_02::before {background-position: 0 -48px;}
  .sleepbassinet-page .tech_param_list .tech_param_list__item.tech_param_03::before {background-position: 0 -96px;}
  .sleepbassinet-page .tech_param_list .tech_param_list__item.tech_param_04::before {background-position: 0 -144px;}
  .sleepbassinet-page .tech_param_list .tech_param_list__item.tech_param_05::before {background-position: 0 -192px;}
  .sleepbassinet-page .tech_param_list .tech_param_list__item.tech_param_06::before {background-position: 0 -240px;}
  .sleepbassinet-page .tech_param_list .tech_param_list__item.tech_param_07::before {background-position: 0 -288px;}
  .sleepbassinet-page .tech_param_list .tech_param_list__item {padding-left: 4em;}
  .sleepbassinet-page .tech_param_list .tech_param_list__item .title {padding-left: 0;margin-bottom: .5em;}
}
@media (min-width: 1200px) {
  .sleepbassinet-page .page_title {font-size: 3.5em;}
  .sleepbassinet-page .section_title {font-size: 2.25em;}
  .sleepbassinet-page .block_title {font-size: 1.5em;}
  .sleepbassinet-page .section_05 .accordion_params__list .params_list__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .sleepbassinet-page .section_05 .accordion_params__list .params_list__item .icon {height: 3em; width: 3em; position: relative; top: auto; left: auto;}
  .sleepbassinet-page .section_05 .accordion_params__list .params_list__item .title {font-size: 1.5em; line-height: 1.2; padding-left: .75em;}
  .sleepbassinet-page .section_05 .accordion_params__content .params_content__pane p:last-child {margin: auto; width: 50%;}
  
  .sleepbassinet-page .section_07 .block__img .prices { font-size: 1em; position: absolute; top: 15px; right: 15px;}
}






.color-selector {
  display: flex;
  margin-bottom: 20px;
}

.color-option {
  
  height: 50px;
    width: 50px;
    border-radius: 50%;
  margin-right: 10px;
  cursor: pointer;
  transition: border 0.3s ease; /* Плавний перехід для рамки */
}

.color-option1{
  height: 30px;
    width: 30px;
    border-radius: 50%;
  margin-right: 10px;
  cursor: pointer;
  transition: border 0.3s ease; /* Плавний перехід для рамки */
}
.color-option.active {
  border: 2px solid #000; /* Рамка для виділення активного кольору */
}
.color-option1.active {
  border: 2px solid #000; /* Рамка для виділення активного кольору */
}

.product-image {
  max-width: 100%;
  
}

#colorName {
  margin-top: 10px;
}

@media (max-width: 1200px) {
  .rrr {margin-top: 0px !important;
    justify-content: center !important;}
  /* Titles */
  
  

}