body{
    overflow-x: hidden;
    /*//var color*/
    --pretty-red: #e2001a;
    --pretty-blue: #37a5c4;
    --pretty-yellow: #f4cb05;
    --pretty-violet: #9b5eff;
    --pretty-orange: #ec8e3c;
    /*//end var color*/
}
.btn-front-video {
    position: absolute;
    z-index: 9999999;
    left: 13%;
    bottom: 50%;
    /*left: 238px;*/
    /*bottom: 390px;*/
    /*display: none;*/
}

@font-face {
    font-family: 'Montserrat-Bold';
    src: url(../fonts/Montserrat-Bold.ttf);
}

@font-face {
    font-family: 'Montserrat-ExtraBold';
    src: url(../fonts/Montserrat-ExtraBold.ttf);
}

@font-face {
    font-family: 'Montserrat-Regular';
    src: url(../fonts/Montserrat-Regular.ttf);
}
@font-face {
    font-family: 'Montserrat-Medium';
    src: url(../fonts/Montserrat-Medium.ttf);
}
@font-face {
    font-family: "HelveticaNeueCyr-Bold";
    src: url("../fonts/HelveticaNeueCyr-Bold.eot"); /* IE9 Compat Modes */
    src: url("../fonts/HelveticaNeueCyr-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/HelveticaNeueCyr-Bold.otf") format("opentype"), /* Open Type Font */
    url("../fonts/HelveticaNeueCyr-Bold.svg") format("svg"), /* Legacy iOS */
    url("../fonts/HelveticaNeueCyr-Bold.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/HelveticaNeueCyr-Bold.woff") format("woff"), /* Modern Browsers */
    url("../fonts/HelveticaNeueCyr-Bold.woff2") format("woff2"); /* Modern Browsers */
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: "HelveticaNeueCyr-Roman";
    src: url("../fonts/HelveticaNeueCyr-Roman.eot"); /* IE9 Compat Modes */
    src: url("../fonts/HelveticaNeueCyr-Roman.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/HelveticaNeueCyr-Roman.otf") format("opentype"), /* Open Type Font */
    url("../fonts/HelveticaNeueCyr-Roman.svg") format("svg"), /* Legacy iOS */
    url("../fonts/HelveticaNeueCyr-Roman.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/HelveticaNeueCyr-Roman.woff") format("woff"), /* Modern Browsers */
    url("../fonts/HelveticaNeueCyr-Roman.woff2") format("woff2"); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

a:hover {
    text-decoration: none;
    cursor: pointer;
}
:focus{
    outline: none!important;
}

.back-color{
    background:#f1f1f1;
}
.intro {
    display: none;
    padding-top: 140px;
    width: 100%;
    min-height: 1080px;
    height:100vh;
    background:url("../img/lines.png") no-repeat center;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;

}

section#products .heading {
    font-family: Montserrat-ExtraBold,sans-serif;
    font-size: 45px;
    text-transform: uppercase;
}

.main-block {
    width: 100%;
    margin: 0 auto;
    max-width: 1140px;
}

.box-400 {
    height: 100%;
    min-height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.img-calendar {
    height: 100%;
    max-height: 680px;
    width: auto;
}

.heading + p {
    font-family: 'Montserrat-Medium',sans-serif;
    font-size: 36px;
    line-height: 1;
}

.btn-red {
    color: #fff;
    background-color: var(--pretty-red);
    padding: 15px 60px;
    border-radius: 30px;
    margin-top: 15px;
    text-transform: uppercase;
    border: 1px solid var(--pretty-red);
    transition: all 0.5s ease-in-out;
    display: block;
    width: max-content;
}
.btn-red:active,
.btn-red:visited {
    color: #fff;
    text-decoration: none;
}

.btn-red:focus,
.btn-red:hover {
    text-decoration: none;
    color: var(--pretty-red);
    background-color: #fff;
    border: 1px solid var(--pretty-red);
}

.box-heading {
    font-family: 'Montserrat-Bold',sans-serif;
    text-transform: uppercase;
    font-size: 22px;
    position: relative;
}

.box-heading ~ p {
    font-family: 'Montserrat-Regular',sans-serif;
}

.box-padding {
    padding-left: 100px;
    padding-right: 100px;
}

.pics {
    width: 100%;
    height: 100%;
}

.flex {
    display: flex;
}

.img-blue, .img-yellow {
    width: auto;
}

.blue-block > .goods-box:nth-of-type(1) {
    background-color: var(--pretty-blue);
}

.red-block > .goods-box:nth-of-type(2) {
    background-color: var(--pretty-red);
    left: 0;
}

.end-block > .yellow-block,
.yellow-block > .goods-box:nth-of-type(3) {
    background-color: var(--pretty-yellow);
    bottom: 0;
}

.blue-block > .goods-box:nth-of-type(1),
.red-block > .goods-box:nth-of-type(2),
.yellow-block > .goods-box:nth-of-type(3){
    position: relative;
}

.blue-block > .goods-box:nth-of-type(1) > img,
.red-block > .goods-box:nth-of-type(2) > img,
.yellow-block > .goods-box:nth-of-type(3) > img{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}

.big-pic {
    width: 100%;
    max-height: 675px;
    max-width: 1094px;
}

.end-block {
    padding-top: 160px;
}

.end-block > .yellow-block {
    text-align: center;
    max-height: 235px;
    height: 100%;
}

.goods-box {
    width: 50%;
}

.goods-box > p,
.box-gift {
    max-height: 200px;
}

.box-gift {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.box-gift > p:nth-of-type(2) {
    font-size: 26px;
    margin-bottom: 25px;
}

.goods-box > .box-text {
    min-height: 400px;
}

.goods-box > .box-text,
.goods-box > p {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.img-list {
    position: absolute;
    top: -3px;
    bottom: 40px;
    right: 0;
    left: 0;
    padding: 20px;
}

.img-desk {
    position: relative;
    top: -100px;
    bottom: 0;
    left: 0;
    right: 0;
}

.started > .goods-box {
    width: 65%;
    align-items: center;
}

.box-gift:nth-of-type(2),
.font-regular{
    font-family: 'Montserrat-Regular',sans-serif;
}

.gift-heading {
    font-family: 'Montserrat-Bold',sans-serif;
    font-size: 38px;
}

.box-decor {
    position: relative;
}

.social > a > img {
    margin: 0 5px;
}


.contacts p{
    margin: 0;
    color: #ffffff;
}

.slick-prev, .slick-next {
    color: #fff;
    background: none;
    border: none;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 99;
    cursor: pointer;
}
.bedrail-arrow-left:before {
    content: '';
    background: url("../img/bedrail-arrow-left.png") no-repeat;
    width: 43px;
    height: 54px;
    display: block;
}
.bedrail-arrow-right:before {
    content: '';
    background: url("../img/bedrail-arrow-right.png") no-repeat;
    width: 43px;
    height: 54px;
    display: block;
}
.sticky{
    transition: transform 0.23s;
}
.slick-prev {
    left: -15px;
}

.slick-next {
    right: -15px;
}

/*Mattress page*/
#baby .container-fluid{
    max-width: 1700px;
    width: auto;
}
#baby h1, #baby h2, #baby h3, #baby p, #baby li{
    color: #474747;
}
.main-wrap{
    padding-top: 70px;
    background-color: #fff;
    max-width: 1920px;
    margin: auto;
    overflow: hidden;
    position: relative;

}
#main{
    max-height: 1300px;
    /*max-height: max-content;*/
    min-height: 1100px;
    position: relative;
    /*overflow: hidden;*/
    display: block;
}

.main-baby{
    background: url("/web/img/pic-main-baby.png") no-repeat bottom right;
    background-size: contain;
    width: 80%;
    right: 0;
    height: 100%;
    position: absolute;
    top:-130px;
    z-index:5;
}
#baby  .main-info .main-title{
    max-width: 500px;
    font-size: 3.2em;
    font-family: 'Montserrat-Bold',sans-serif;
}
#baby  .main-info .main-title span{
    text-transform: uppercase;
    line-height: 1.5;
}
#baby  .main-info{
    background: url(/web/img/left-bg.png) no-repeat left;
    background-size: contain;
    position: relative;
    left: 0%;
    top:0;
    bottom: 0;
    z-index: 2;
    width:40%;
    height: auto;
    min-height:870px;
    display: flex;
    align-items:center;
}
.btn-violet{
    color: #fff;
    background-color: var(--pretty-violet);
    padding: 15px 60px;
    border-radius: 15px;
    margin-top: 15px;
    text-transform: uppercase;
    display: inline-block;
    transition: all 0.5s ease-in-out;
    border: 1px solid var(--pretty-violet);
}

.btn-violet:hover {
    text-decoration: none;
    color: var(--pretty-violet);
    background-color:transparent;
    border: 1px solid var(--pretty-violet);
}
.main-desc{
    font-size: 1.5em;
}
.advantage-content{
    position: relative;
    font-family: 'Montserrat-Regular',sans-serif;
    align-self:center;
    max-width: 566px;
}
.reverse .advantage-content{
    margin-right: auto;
}

.advantage-title{
    text-transform: uppercase;
    margin-bottom: 15px;
    font:bold 2em "Open Sans", sans-serif;
}
.advantage-desc p{
    font-size: 16px;
    line-height: 1.2;
}
.advantage-items{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 25px;
    list-style-type: none;
    padding: 0;
    margin-top: 25px;
}
.advantage-items li{
    display: flex;
    justify-content: center;
    align-items: center;
}
.advantage-items li span{
    width: 145px;
    margin-left: 20px;

}

@media screen and (min-width: 1440px) {
    #advantages-two .both-images {
        right: -100px;
    }
}
.reverse{
    flex-direction: row-reverse;
}
.both-images{
    position: relative;
    max-width: 1030px;
}
#advantages-first .both-images{
    height: 770px;
}
#advantages-two .both-images{
    height: 750px;
}
#advantages-three .both-images{
    height: 680px;
}
.bubble,
.both-images img{
    position: absolute;
}
.bubble img{
    position: relative;
}
.baby1{
    top:-30px;
    z-index: 1;
}
.baby2{
    right: 10%;
    bottom: 50px;
    z-index: 2;
}
.baby3{
    right: -5px;
    top: 0px;
    z-index: 2;
}
.baby4{
    left:-140px;
    bottom:0;
    z-index: 2;
}
.baby5{
    left: 0;
    bottom: -50px;
    z-index: 2;
    right: -60px;
    margin: auto;
}
.baby7{
    left: 0;
    top:0;
    z-index: 3;
}
.baby6{
    top: 30px;
    right: 50px;
    z-index: 1;
}
#details img{
    margin: auto;
    z-index: 1;
    position: relative;
}
.footer-logo img{
    margin: 0px auto;
    padding: 20px 0;
    position: relative;
}
.icon{
    display: inline-block;

}
.icon-green1 {
    width: 95px; height: 95px;
    background: url('/web/img/icons_sprite.png') -10px -10px;
}

.icon-green2 {
    width: 95px; height: 95px;
    background: url('/web/img/icons_sprite.png') -125px -10px;
}

.icon-green3 {
    width: 95px; height: 95px;
    background: url('/web/img/icons_sprite.png') -10px -125px;
}

.icon-green4 {
    width: 95px; height: 95px;
    background: url('/web/img/icons_sprite.png') -125px -125px;
}

.icon-green5 {
    width: 95px; height: 95px;
    background: url('/web/img/icons_sprite.png') -240px -10px;
}

.icon-green6 {
    width: 95px; height: 95px;
    background: url('/web/img/icons_sprite.png') -240px -125px;
}

.icon-green7 {
    width: 95px; height: 95px;
    background: url('/web/img/icons_sprite.png') -10px -240px;
}

.icon-green8 {
    width: 95px; height: 95px;
    background: url('/web/img/icons_sprite.png') -125px -240px;
}

.icon-violet1 {
    width: 94px; height: 95px;
    background: url('/web/img/icons_sprite.png') -240px -240px;
}

.icon-violet2 {
    width: 94px; height: 95px;
    background: url('/web/img/icons_sprite.png') -355px -10px;
}

.icon-violet3 {
    width: 94px; height: 95px;
    background: url('/web/img/icons_sprite.png') -355px -125px;
}

.icon-violet4 {
    width: 94px; height: 95px;
    background: url('/web/img/icons_sprite.png') -355px -240px;
}
/*animation*/
.with-shake {
    animation-name: shake;
    animation-duration: 120s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-delay: 2s;
    -webkit-transition: 5s linear;
    -o-transition: 5s linear;
    transition: 5s linear;
    /*filter: drop-shadow(0px 0px 0px rgba(136,145,197,.4));*/
}
@keyframes shake {
    2% {
        transform: translate(4.5px, -5px) rotate(5deg);
    }

    4% {
        transform: translate(-6px, 4px) rotate(3.5deg);
    }
    6% {
        transform: translate(0, -6px) rotate(5deg);
    }
    8% {
        transform: translate(3px, 5px) rotate(10deg);
    }
    10% {
        transform: translate(4.5px, -4px) rotate(5deg);
    }
    12% {
        transform: translate(-2px, 6px) rotate(5deg);
    }
    14% {
        transform: translate(4.5px, -6px) rotate(-1.5deg);
    }
    16% {
        transform: translate(-3px, 6px) rotate(-1.5deg);
    }
    18% {
        transform: translate(-2px, -5px) rotate(-1.5deg);
    }
    20% {
        transform: translate(4.5px, 5px) rotate(2deg);
    }
    22% {
        transform: translate(4.5px, 5px) rotate(.5deg);
    }
    24% {
        transform: translate(4.5px, -2px) rotate(.5deg);
    }
    26% {
        transform: translate(4.5px, -4px) rotate(.5deg);
    }
    28% {
        transform: translate(6px, 0) rotate(-1.5deg);
    }
    30% {
        transform: translate(-5px, -6px) rotate(-0.5deg);
    }
    32% {
        transform: translate(5px, 6px) rotate(-2deg);
    }
    34% {
        transform: translate(6px, 2px) rotate(2deg);
    }
    36% {
        transform: translate(0, 2px) rotate(2deg);
    }
    38% {
        transform: translate(1px, 1px) rotate(2deg);
    }
    40% {
        transform: translate(4px, 5px) rotate(-1.5deg);
    }
    42% {
        transform: translate(2px, 5px) rotate(-2deg);
    }
    44% {
        transform: translate(-6px, 5px) rotate(-2deg);
    }
    46% {
        transform: translate(0, -3px) rotate(.5deg);
    }
    48% {
        transform: translate(-2px, 4.5px) rotate(2deg);
    }
    50% {
        transform: translate(-5px, 5px) rotate(-2deg);
    }
    52% {
        transform: translate(-3px, -5px) rotate(-1.5deg);
    }
    54% {
        transform: translate(4.5px, -5px) rotate(-0.5deg);
    }
    56% {
        transform: translate(4.5px, 4.5px) rotate(-1.5deg);
    }
    58% {
        transform: translate(6px, 5px) rotate(-2deg);
    }
    60% {
        transform: translate(5px, -3px) rotate(.5deg);
    }
    62% {
        transform: translate(-6px, 0) rotate(1.5deg);
    }
    64% {
        transform: translate(-4.5px, 5px) rotate(-1.5deg);
    }
    66% {
        transform: translate(1px, 4px) rotate(2deg);
    }
    68% {
        transform: translate(-1px, -5px) rotate(1.5deg);
    }
    70% {
        transform: translate(-6px, 5px) rotate(-0.5deg);
    }
    72% {
        transform: translate(-5px, 5px) rotate(1.5deg);
    }
    74% {
        transform: translate(2px, 0) rotate(3.5deg);
    }
    76% {
        transform: translate(4.5px, -4px) rotate(3.5deg);
    }
    78% {
        transform: translate(-5px, 4.5px) rotate(1.5deg);
    }
    80% {
        transform: translate(2px, 5px) rotate(.5deg);
    }
    82% {
        transform: translate(3px, 3px) rotate(-1.5deg);
    }
    84% {
        transform: translate(3px, -6px) rotate(2deg);
    }
    86% {
        transform: translate(-1px, 6px) rotate(-2deg);
    }
    88% {
        transform: translate(6px, 2px) rotate(1.5deg);
    }
    90% {
        transform: translate(5px, 5px) rotate(.5deg);
    }
    92% {
        transform: translate(2px, -5px) rotate(3.5deg);
    }
    94% {
        transform: translate(3px, 5px) rotate(-1.5deg);
    }
    96% {
        transform: translate(-4.5px, -5px) rotate(2deg);
    }
    98% {
        transform: translate(-3px, -6px) rotate(3.5deg);
    }
    0%, 100% {
        transform: translate(0, 0) rotate(0);
    }
}

#main .bubble1{
    top: -5%;
    left: 0;
    z-index: 3;
}
#main .bubble2_1{
    top: 0;
    z-index: 0;
    right:0;
    width: max-content;
}
#main .bubble2{
    left: 0;
    z-index: 0;
    bottom: 250px;
}
#main .bubble3 {
    left: -15%;
    right:0;
    margin: auto;
    width: 30%;
    bottom: 150px;
    z-index:3;
}
#main .bubble4{
    right: 0;
}
#advantages-first .bubble1{
    position: absolute;
    bottom: 200px;
    left: 0%;
    z-index: 5;
    width: 100%;
    height: 200px;
}

#advantages{
    margin-top:-220px;
    position: relative;
}
#details{
    margin-top:-80px;
}
#advantages-two{
    margin-top:-150px;
}
#advantages-two .bubble1{
    right: 0;
    bottom: 30px;
}

#advantages-two .bubble1 img {
    transform: rotate(265deg)!important;
}
#advantages-two .bubble2 img,
#advantages-three .bubble1 img{
    transform: rotate(30deg)!important;
}
#advantages-two .bubble2 {
    right: 0;
    top:-5%;
}
#advantages-two .bubble3{
    left: -20%;
    bottom: -5%;
    z-index: 0;
}
#advantages-three .bubble1{
    bottom: 50px;
    left: -100px;
    z-index: 5;
}
#advantages-three .bubble2 {
    left: 20%;
    right: 0;
    width: 200px;
    margin: auto;
    bottom: 40px;
    z-index: 2;
}
#details .bubble1{
    left: 0px;
    top: 35%;
    bottom:0;
    margin: auto;
    z-index: 0;
}
#details .bubble1 img{
    transform: rotate(-265deg)!important;
}
#details .bubble2{
    right: 10%;
    top: 80px;
    z-index: 3;
}
#details .bubble3{
    right:50px;
    bottom:0;
    z-index: 3;
}
#details .bottom-box-images{
    position: relative;
    max-width:1590px;
    margin: auto;
    text-align: center;
}

/*Bed rail page*/
#bedrail h1, #bedrail h2, #bedrail h3, #bedrail p, #bedrail li{
    color: #4e5354;
}
#bedrail .container-fluid{
    max-width: 85%;
    position: relative;
}
#bedrail .bg{
    background: url("../img/bg-bubbles.jpg") top center repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}
#layer-container {
    display: block;
    position: relative;
}
#layer-container div.layer {
    position: absolute;
    top: 0;
    background-position: top center !important;
    transform: translateY(0px);
    width: 100%;
}
#layer-container div.layer.girl{
    background: url('/img/pic-main-bedrail.png') right center no-repeat; z-index: 1;
    background-size: contain;
    height: 1550px;
    position: relative;
}
#layer-container div.layer.yellow{
    background: url('/img/bg-yellow.png') top right no-repeat;
    z-index:0;
    background-size: contain;
    top: -50px;
    height: 100%;
}
#parallax-container {
    display: block;
    height: 880px;
    position: relative;
}
#parallax-container div.layer {
    position: absolute;
    top: 0;
    transform: translateY(0px);
    width: 100%;
    height: 600px;
}
#bedrail .logo-bella{
    position: relative;
    margin: 25%;
    z-index: 1;
}
#bedrail .content{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: absolute;
    z-index: 3;
    bottom: 0%;

}
#bedrail-model iframe{
    height: 100%;
}
#bedrail .content-info{
    max-width: 560px;
    margin-right: auto;
    margin-left: 15%;
}
#bedrail .main-title{
    font-weight: bold;
    font-family:  "Lato", sans-serif;
    font-size: clamp(40px, 5vw, 50px);
    line-height: 1.3;
    text-transform: uppercase;
    position: relative;
}
#bedrail .content-info .main-desc{
    font-family: "Lato", sans-serif;
    font-size: clamp(16px, 2vw, 20px);
}
#bedrail-model{
    padding: 0 0 10rem 0;
    margin-top: 0;
    position: relative;
    cursor: pointer;
}
#bedrail-model p{
    position: absolute;
    opacity: 0;
    transition: all 0.5s ease-in-out;
    font-family:  "Lato", sans-serif;
    font-size: clamp(14px, 1.5vw, 20px);
}
#bedrail-model:hover p{
    opacity: 1;
}
#bedrail-model p.demension1{
    left: 15%;
    top: 35%;
}
#bedrail-model p.demension2{
    right: 15%;
    top: 30%;
}
#bedrail-model p.demension3 {
    bottom: 4%;
    left: 0;
    right: 0;
    margin: auto;
    width: max-content;
}
#bedrail-model img{
    margin: auto;
    padding: 10rem 0;
}
#bedrail .content{
    bottom: 300px;
}
#bedrail .features-list{
    list-style-type: none;
    font-family: "Lato", sans-serif;
    font-size: clamp(20px, 2vw, 26px);
    padding: 0;
    margin-left: 30px;
}
.bella-item {
    background: url('/web/img/bella-item.png') no-repeat left center ;
    height: 70px;
    padding-left: 85px;
    padding-top: 30px;
}
#bedrail .features2{
    margin-top:5%;
}
#bedrail .features-list li{
    margin: 25px 0;
    display: flex;
    align-items: center;
    cursor: pointer;
}
#bedrail .features-list li:hover .bella-item {
    -webkit-animation: rotation .9s infinite linear;
}
#bedrail .feature-slider{
    display: flex;
    align-items: center;
    max-width: 1100px;
    margin: -50px auto 40px;
}
#bedrail .feature-item .image{
    height: 275px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#bedrail .feature-item img{
    transform: scale(0.9);
    transition: .2s ease-in-out;
}
#bedrail .feature-item:hover img{
    transform: scale(1);
}
#bedrail .feature-item p{
    text-transform: uppercase;
    font-family: "Lato", sans-serif;
    font-size: clamp(22px, 1.2vw, 26px);
    width: 250px;
    margin:20px auto 0;
}
#bedrail .feature-slider p:first-child{
    font: 2rem "Lato", sans-serif;
    text-align: left;
    margin-left: 10%;
}
#bedrail .feature-slider p:last-child{
    color: #047895;
    font-family: "Lato", sans-serif;
    font-size: clamp(25px, 3vw, 45px);
    text-align: center;
    padding: 0 5rem;
}
#bedrail .yellow-top-footer{
    background: url("/web/img/yellow-top-footer.png") no-repeat center;
    background-size: cover;
    padding: 25px 0 0;
    height: 150px;
    display: flex;
    align-items: center;
    position: relative;
}
#bedrail .yellow-top-footer .container-fluid{
    margin-left: 0;
}
#bedrail #calltoaction .content{
    bottom: 0;
    top: 10%;
}
#bedrail #calltoaction .content p{
    margin: 30px 0;
    text-transform: uppercase;
    font: 24px "Lato", sans-serif;
}
.btn-rose{
    background-color: #ebd2db;
    color: #fff;
    text-shadow: 2px 2px 0 #a0a0a0;
    text-transform: uppercase;
    font: bold 3rem "Lato", sans-serif;
    box-shadow: 3px 3px 0 0 rgb(193,167,176);
    border-radius: 5px;
    letter-spacing: .5px;
    padding: 1.5rem 5rem;
    line-height: 1;
}
.btn-rose:visited,
.btn-rose:focus,
.btn-rose:hover{
    color: #fff;
}

#candle .home-button a{
    background: #F4644A;
    font-weight: 550;
    font-size: 24px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    height: 48px;
    line-height: 48px;
    text-align: center;
    color: #fff;
    min-width: 250px;
    margin: 10px 0 0 0;
    display: inline-block;
    font-family: "HelveticaNeueCyr-Bold", sans-serif;
}
#candle h1,#candle .description{
    color: #6D6D6D;
}
#candle h2, #candle .h2{
    line-height: 150%;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #F4644A;
    font-size: 36px;
    font-weight: bold;
    font-family: "HelveticaNeueCyr-Bold", sans-serif;
}
#candle h3{
    color: #000;
    letter-spacing: 0.03em;
    font-size: 24px;
    font-weight: bold;
    font-family: "HelveticaNeueCyr-Bold", sans-serif;
}
#candle h1{
    font: bold 4em "HelveticaNeueCyr-Bold", sans-serif;
    letter-spacing: 2px;
}
#candle .description{
    font-weight: 550;
    font-size: 24px;
    line-height: 110%;
    letter-spacing: 0.03em;
    color: #6D6D6D;
    margin-bottom: 40px;
    font-family: "HelveticaNeueCyr-Bold", sans-serif;
}
#candle p{
    font-family: "HelveticaNeueCyr-Roman", sans-serif;
    font-size: clamp(14px, 1.1vw, 18px);
    line-height: 155%;
    letter-spacing: 0.3px;
}
.candles,
.candles .row{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.candles#section2{
    overflow: hidden;
    height: 80%;
    display: flex;
}
#candle #section1 .row{
    justify-content: center;
}
.candles img{
    margin: 20px auto;
    height:auto;
}
.candles img.logo {
    margin: 0 0 50px 0;
}
.candles#section1{
    height: 100vh;
    min-height: 900px;
}
.price-bubble{
    background: url("/web/img/price-buble.svg") no-repeat center/contain;
    display: block;
    position: absolute;
    color: #fff;
    padding: 40px;
}
#candle .price-bubble p.new-price{
    font-weight: bold;
    font-size: clamp(30px, 3vw, 45px);
    line-height: 110%;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #FFFFFF;
    font-family: "HelveticaNeueCyr-Bold", sans-serif;
}
#candle .price-bubble p.old-price{
    font-weight: 550;
    font-size: 20px;
    line-height: 110%;
    letter-spacing: 0.03em;
    text-decoration-line: line-through;
    text-transform: uppercase;
    color: #FFFFFF;
    font-family: "HelveticaNeueCyr", sans-serif;
}
.candles#section1 .price-bubble {
    right: 0;
    bottom: 0;
}
.candles#section5 .price-bubble {
    right: -25%;
    bottom: -100px;
}
.candles#section5{
    margin-bottom: 100px;
}
label{
    font-weight: normal;
    color: #1b1b1b;
}
#candle .description.old-price{
    text-decoration: line-through;
    margin-bottom: 5px;
}
#candle .description.new-price{
    font-weight: bold;
    font: 37px "HelveticaNeueCyr-Bold", sans-serif;
}
#candle-video{
    background: url("/web/img/candle-video-back.jpg") no-repeat center/cover;
    padding: 20px 0 60px;
}
.candle-top{
    position: absolute;
    top: -80%;
    right: -10%;
    width: 40%;
}
.candle-left{
    position: relative;
    bottom: -200px;
    width: 50%;
}
.candle-right{
    position: absolute;
    bottom: -50%;
    right: -40%;
    width: 30%;
}
.candle-slider-decor{
    top: -10%;
    z-index: 0;
    bottom: 0;
    right: -20%;
    left: auto;
    width: 80%;
}
#section-slider{
    background: url('/web/img/candle-slider-bg.png') no-repeat left center/contain;
    margin-bottom: 40px;
}
.candles-slider{
    z-index: 3;
}
#candle-video video{
    width: 1000px;
    margin: 20px auto;
}
.video_icon {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    transition: all .4s linear;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    display: block;
    width: 76px;
    height: 76px;
    border-radius: 50%;
    border: 2px solid #fff;
}
.video_icon:hover{
    background-color: #F4644A;
    transform: scale(1.1);
    border: 2px solid #F4644A;
}
.video_icon:before {
    content: "";
    position: absolute;
    z-index: 3;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 23px solid;
    border-left-color: #fff;
    left: 29px;
    top: 21px;
    transition: all .4s;
    margin: auto;

}
@keyframes rotation{
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


@media screen and (min-width: 1440px) {
    .navbar .container {
        width: 1400px;
    }
    .home-page .navbar .container,
    .container{
        width: 1500px;
    }

}
@media screen and (max-width: 1695px) {
    .main-baby{
        background-position: top right;
        top: -60px;
        width: 65%;
    }
    #bedrail .container-fluid,
    #baby .container-fluid {
        max-width: 95%;
    }

    .img-calendar {
        width: 100%;
    }

    .big-pic {
        max-width: 1108px;
    }

    .started > .goods-box {
        width: 100%;
    }
    .box-padding {
        padding-left: 10px;
        padding-right: 10px;
    }

    .flex > .pics {
        width: 70%;
    }

    #details {
        margin-top: -50px;
    }

    .img-desk {
        width: 100%;
    }

    .social {
        padding: 50px 0;
    }

    .img-blue, .img-yellow {
        width: 70%;
    }
    .baby4 {
        left: -20%;
    }


}
@media screen and (max-width: 1470px) {
    .main-baby {
        top: 0;
    }
    #baby  .main-title {
        max-width: 450px;
    }
    #main .bubble4 {
        bottom: 100px;
    }
    #advantages-first .bubble3 {
        bottom: 250px;
    }
    #advantages-two {
        margin-top: -50px;
    }
    #advantages-first .both-images,
    #advantages-three .both-images,
    #advantages-two .both-images {
        height: 550px;
    }
    #advantages-first .bubble1 {
        bottom: 100px;
    }
    .baby1,.baby4,.baby6{
        width: 50%;
    }
    .baby2,.baby3{
        width: 65%;
    }
    .baby7{
        width: 60%;
    }
    .baby5{
        width: 40%;
    }
    .baby3 {
        top: -15px;
    }
    .baby4{
        left: -40px;
        bottom: 0px;
    }
    .baby5{
        right: 0;
    }
    .both-images {
        position: relative;
        max-width: 850px;
    }
    #details {
        margin-top: 0;
        padding: 0 8%;
    }
    #details .bubble1 {
        left: -15%;
        top: 35%;
    }
    #details .bubble2 {
        right: 0%;
        top: 50px;
    }
    #details .bubble3 {
        right: -10%;
        bottom: 0;
    }
    #main .bubble2_1{
        right: -10%;
    }
    #parallax-container div.layer:first-child{
        width: 80%;
        right: 0;
    }
    #parallax-container{
        height: 760px;
    }
    #bedrail .content {
        bottom: 450px;
    }
}
@media screen and (max-width: 1440px){
    .main-baby{
        top: 0;
    }

    .container{
        width: 1200px;
        max-width: 95%;
    }

    .box-decor > .decor::before,
    .decor::before {
        display: none;
    }

    .end-block > .yellow-block > .goods-box:nth-of-type(3) {
        position: static;
    }
}

@media screen and (max-width: 1366px) {

    #main{
        max-height: 960px;
        min-height: 960px;
    }

    #baby   .main-info{
        top: -35px;
    }
    #baby  .main-info .main-title {
        max-width: 400px;
        font-size: 2.2em;
    }
    .img-red {
        width: 100%;
    }
    #advantages-first .both-images,
    #advantages-two .both-images,
    #advantages-three .both-images {
        height: 550px;
    }
    #details {
        padding: 0 5%;
    }
    #advantages {
        margin-top: -100px;
    }
    #advantages-two {
        margin-top: 0px;
    }
    #advantages-two .both-images{
        right: -5%;
    }
    #advantages-two .bubble3 {
        left: -20%;
        bottom: -50px;
    }
    #advantages-first .bubble1 {
        width: 40%;
    }
    .both-images {
        position: relative;
        max-width: 700px;
        width:100%;
    }
    .advantage-content{
        width: 80%;
    }
    #bedrail .content {
        bottom: 35%;
    }
    #bedrail .content-info {
        max-width: 460px;
        margin-right: auto;
        margin-left: 15%;
    }
    #bedrail #calltoaction .content {
        bottom: 0;
        top: 0%;
    }
}

@media screen and (max-width: 1199px) {

    #baby .logo-bella{
        width: 200px;
    }
    #baby  .main-info .main-title {
        font-size: 2.2rem;
        max-width: 300px;
    }
    section#products .heading {
        font-size: 36px;
    }

    .img-desk {
        top: -50px;
    }
    .started .goods-box {
        margin-right: 2%;
    }
    .intro {
        min-height: 780px;
        height: 100%;
    }

    .flex > .big-pic {
        max-width: 50%;
        height: 50%;
    }

    .img-blue, .img-yellow {
        width: 70%;
    }

    .started > .goods-box {
        margin: 0;
    }

    .btn-front-video{
        bottom: 45%;
    }
    #advantages-first .both-images, #advantages-two .both-images, #advantages-three .both-images {
        height: auto;
    }
    .reverse .advantage-content {
        margin-right: inherit;
    }
    #advantages-first .bubble1 {
        bottom: 10%;
    }
    #advantages-three{
        margin-top: 80px;
        margin-bottom: 40px;
    }
    #parallax-container {
        height: 650px;
    }
    #bedrail #calltoaction .content {
        bottom: auto;
        top: 25%;
    }
    #bedrail .content-info {
        margin-left: 10%;
    }
}

@media screen and (max-width: 1024px){
    #advantages-two {
        margin-top: 0px;
    }
    #advantages-first .both-images, #advantages-two .both-images, #advantages-three .both-images {
        height: 450px;
    }

    .main-block {
        text-align: center;
    }
    .goods{
        margin-top: 86px;
    }
    .goods > .flex {
        flex-direction: column;
    }

    .flex > .pics, .flex > .goods-box {
        width: 100%;
        height: auto;
    }

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

    .goods-box > .box-text {
        min-height: 300px;
    }
    .img-gift {
        width: 100%;
    }
    .main-baby {
        top: -20px;
    }
    #baby  .main-info{
        width: 40%;
        height: auto;
        min-height: 570px;
        top:0;
    }
    #main {
        min-height: 800px;
    }
    .bubble img{
        width: 50%;
    }
    #advantages {
        margin-top: -120px;
    }
    #details .bubble1 {
        left: -25%;
        top: 35%;
        width: 55%;
    }
    #details .bubble2 {
        right: -10%;
        top: 50px;
    }
    #details .bubble3 {
        right: -15%;
        bottom: 0;
        width: 45%;
    }
    #bedrail #calltoaction .content{
        top: 20%;
        bottom:auto;
    }

}
@media screen and (max-width: 991px) {
    #bedrail .logo-box-top {
        position: absolute;
        z-index: 22;
        left: 0%;
    }
    #bedrail .logo-bella {
        max-width: 150px;
        position: relative;
        margin: 25% 0;
        z-index: 1;
    }
    #bedrail .content {
        bottom: 30%;
    }

    #bedrail .features-list li{
        margin: 15px 0;
    }

    .desktop-only{
        display: none;
    }
    #bedrail .content-info{
        margin-left: 23%;
    }
}
@media screen and (max-device-width: 800px) {
    #main{
        min-height: 1100px;
    }
    #bedrail .content {
        bottom: 0;
        top: 0;
    }
    #bedrail .content-info {
        margin-left: 15%;
    }
}

@media (orientation: landscape) and (max-device-width: 812px) {
    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
        background: #fff;
    }
    .navbar-brand > img {
        max-width: 80px!important;
    }
    .navbar-brand{
        height: 61px;
    }
    .main-wrap {
        padding-top: 60px;
    }
    #main-section .bg-main{
        top:60px;
    }
    #main {
        min-height: 650px;
    }
    #main .bubble img {
        width: 50%;
        transform: rotate(-30deg)!important;
    }
    #main .bubble3 {
        left: 25%;
    }
    .goods-box > .box-text {
        min-height: 216px;
        padding: 15px;
    }

    .navbar-inverse .navbar-toggle {
        border-color: #fff;
    }

    section#products .heading {
        font-size: 27px;
    }
    .end-block {
        margin-top: 0;
    }
    .heading + p {
        font-size: 26px;
    }
    .box {
        min-height: 272px;
        justify-content: space-evenly;
    }
    .end-block > .yellow-block {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .blue-block > .goods-box:nth-of-type(1) > img,
    .red-block > .goods-box:nth-of-type(2) > img,
    .yellow-block > .goods-box:nth-of-type(3) > img {
        position: static;
    }
    .end-block > .yellow-block > .goods-box:nth-of-type(3) {
        padding: 20px 10px;
    }
    .flex {
        flex-direction: column;
    }
    .flex > .big-pic {
        max-width: 100%;
        height: auto;
    }
    .started{
        padding:45px 0;
    }
    .started > .goods-box {
        margin: 475px 0 0;
    }

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

    .img-desk {
        position: static;
    }
    .baby3 {
        top: -30px;
        right: -40px;
    }
    .baby4 {
        left: 0px;
    }
    .reverse .advantage-content,
    .advantage-content{
        margin-top: 40px;
        margin-bottom: 40px;
        margin-right: auto;
        margin-left: auto;
    }
    .baby2 {
        bottom: 0px;
    }
    #baby  .main-info {
        width: 50%;
    }
    #advantages-two .bubble3 {
        left: -15%;
        bottom: -25%;
        width: 80%;
    }
    #advantages-two .bubble2 {
        right: -15%;
    }

    #bedrail .logo-bella {
        margin: 10% auto;
        max-width: 150px;
    }

    #bedrail .content-info {
        max-width: 60%;
    }

    #bedrail .main-title{
        margin-bottom: 40px;
    }
    #bedrail .feature-slider p:last-child{
        font: 3rem "Lato", sans-serif;
        padding: 0 4rem;
    }
    #parallax-container {
        height: 600px;
    }
    #bedrail #calltoaction .content {
        bottom: auto;
        top: 80px;
    }
    .btn-rose{
        font: bold 2rem "Lato", sans-serif;
        padding: 1rem 3rem;
    }
    /*#bedrail-model p.demension:first-child {*/
    #bedrail-model p.demension1 {
        left: 15%;
        top: 15%;
    }
    #bedrail-model p.demension3 {
        bottom: 25%;
        left: 10%;
        right: 0;
        text-align: center;
    }

    #bedrail .yellow-top-footer {
        background: url(/web/img/yellow-top-footer.png) no-repeat left;
        background-size: cover;
        height: 100px;
    }
    #layer-container div.layer.girl{
        height: 100vh;
    }
    #bedrail .content {
        bottom: 11vh;
    }
    #bedrail-model p{
        opacity: 1;
    }
    #bedrail .features-list li {
        margin: 5px 0;
    }
}



/*style for video*/
/* Extra markup and styles for table-esque vertical and horizontal centering */
.site-wrapper {
    display: table;
    width: 100%;
    height: 100%;
    min-height: 100%;
}
.site-wrapper-inner {
    display: table-cell;
    vertical-align: top;
    position:relative;
}
.cover-container {
    margin-right: auto;
    margin-left: auto;
}

/* Padding for spacing */
.inner {
    padding: 30px;
}

/*
 * Header
 */

.masthead-nav > li,
.masthead-brand > li {
    display: inline-block;
}
.masthead-nav > li + li,
.masthead-brand > li + li {
    margin-left: 20px;
}
.masthead-nav > li > a,
.masthead-brand > li > a {
    padding-right: 0;
    padding-left: 0;
    font-size: 28px;
    font-weight: bold;
    color: #fff;
}

.masthead-nav > li > a:hover,
.masthead-nav > li > a:focus,
.masthead-brand > li > a:hover,
.masthead-brand > li > a:focus {
    background-color: transparent;
    color:#fff;
}

.masthead a {
    text-decoration: none;
}

@media (min-width: 768px) {
    .masthead-brand {
        float: left;
    }
    .masthead-nav {
        float: right;
    }
}
@media screen and (max-width: 768px) {
    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus,
    .navbar-inverse .navbar-toggle{
        background-color:transparent;
        border-color:transparent;
    }
    #bedrail .content-info {
        margin-left: 10%;
    }
    #bedrail .content {
        bottom: 15vh;
        top: auto;
    }
    #layer-container div.layer.girl{
        height: 100vh;
    }
    #bedrail-model p{
        opacity: 1;
    }
    #baby #main {
        min-height: 700px;
    }

    #main {
        min-height: 600px;
    }
    #advantages {
        margin-top: -50px;
    }
    #advantages-two .both-images{
        margin-bottom: 50px;
    }
    #advantages .flex{
        flex-wrap: wrap;
        margin: auto;
    }
    .baby3 {
        top: 0px;
        right: -5%;
        width: 59%;
    }
    .baby4 {
        left: 40px;
        bottom: 0px;
        width: 45%;
    }
    .baby5 {
        width: 40%;
    }
    .baby7 {
        width: 55%;
    }
    #main .bubble3 {
        left: 15%;
        right: 0;
        margin: auto;
        width: 300px;
        bottom: 120px;
        z-index: 3;
    }
    #baby  .main-info {
        width: 55%;
    }
    .main-wrap {
        padding-top: 60px;
    }
    .advantage-items {
        grid-template-columns: 1fr;
    }
    .container > .navbar-header{
        position: relative;
    }
    .navbar-brand {
        padding: 15px;
    }
    .navbar-toggle {
        position: absolute;
        right: 20px;
        top: 0;
        bottom: 0;
        height: 40px;
        margin: auto;
    }
    #home{
        background-size: cover;
    }
    .navbar .container {
        width: 100%;
    }

    #home .banner h1.second{
        color: #fff;
    }

    #home .banner h1{
        font-size: 36px;
    }

    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        /*background-color: #000;*/
    }

    .about-item{
        min-width: 215px;
    }

    .navbar-nav{
        right: 0;
        top: 0 !important;
    }

    .contact-links img{
        max-width: 50px;
    }

    #contact{
        background-position: left;
    }

    #team img{
        margin: 0 auto;
    }

    .person {
        width: calc(50% - 20px);
    }

    #team p{
        margin: 20px 0 0;
    }

    .group{
        display: none;
    }
    #details .bubble1 {
        left: -35%;
        top: 35%;
    }
    #details .bubble2 {
        right: -7%;
        top: 5%;
    }
    #details .bubble3 {
        right: -40%;
        bottom: -10%;
    }
    #advantages-two .bubble1 {
        right: -50%;
        bottom: -15%;
    }
    #advantages-three .bubble1 {
        bottom: 50px;
        left: 0;
    }
    #advantages-three .bubble2{
        bottom: 30%;
    }
    #bedrail .logo-bella{
        max-width: 200px;
    }

    #parallax-container {
        height: 480px;
    }
    #bedrail .feature-slider p:last-child {
        font: bold 2rem "Montserrat-Regular", sans-serif;
    }
    #bedrail-model p.demension1 {
        left: 5%;
        top: 15%;
    }
    #bedrail-model p.demension2 {
        right: 5%;
        top: 20%;
    }
    #bedrail-model p {

        opacity:1;
    }
    #bedrail .logo-bella {
        max-width: 100px;
        margin: 20% auto;
    }

}

@media screen and (max-width: 600px) {
    .video-wrapper{
        display: none;
    }
    .intro{
        padding-top: 80px;
        display: block;
        height: 100vh;
    }
    .intro .main-block{
        text-align: left;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        height: 100%;
    }
    .goods{
        margin-top: 20px;
    }
    .main-baby{
        height:300px;
    }
    .navbar-brand {
        height: 60px;
    }
    #bedrail .content {
        bottom: 0;
        top: 60%;
    }
    .img-gift,
    section#products .heading,
    .heading + p{
        margin-bottom: 60px;
        line-height: 1;
    }
    .box-heading{
        font-size: 30px;
        text-align: left;
    }
    .main-block__info{
        margin-top: 60px;
    }
    #main {
        min-height: 700px;
    }

    #advantages-first .both-images, #advantages-two .both-images, #advantages-three .both-images {
        height: 300px;
        width:100%;
    }

    .btn-front-video {
        bottom: 40%;
    }

    .btn-red {
        margin: 20px auto;
    }

    #main .bubble1 {
        top: 5%;
    }

    #baby .main-info {
        width: 70%;
    }

    .advantage-content {
        width: 100%;
    }

    .navbar-nav {
        right: 0;
    }

    .baby4 {
        left: 15px;
        bottom: -50px;
    }

    .baby3 {
        top: 40px;
        right: 0%;
    }

    #advantages-three .bubble2 {
        bottom: 15%;
        width: 35%;
    }

    #advantages-three .bubble1 {
        left: -10%;
        bottom: 0;
        width: 75%;
    }

    .reverse .advantage-content, .advantage-content {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    #bedrail-model {
        margin-top: 0px;
    }

    #bedrail #main {
        min-height: 600px;
    }

    #bedrail .content-info {
        max-width: 98%;
        margin-left: auto;
    }

    .mobile-only{
        display:block;
    }
    #layer-container div.layer.girl {
        background: url(/img/baby_rail.png) right center no-repeat;
        background-size: contain;
        top: 35px;
        height: 100%;
        min-height: 100vh;
    }
    /*.started > .goods-box {*/
    /*margin: 275px 0 0;*/
    /*}*/
    .slick-prev, .slick-next{
        height: 60px;
    }
    .end-block > .yellow-block {
        max-height: 100%;
        padding: 20px;
    }
    .img-desk {
        top: 20px;
    }
    .gift-heading{
        line-height: 1;
    }
    .flex{
        flex-wrap: wrap;
        width: 100%;
    }
    .flex > .big-pic{
        max-width: 100%;
    }
    .box-gift,
    .goods-box > .box-text {
        min-height: auto;
        padding: 20px;
    }
    .box-gift {
        text-align: center;
    }
    .img-desk {
        top: 0;
    }
    .started .goods-box {
        margin-right: 0;
    }
    .blue-block > .goods-box:nth-of-type(1) > img, .red-block > .goods-box:nth-of-type(2) > img, .yellow-block > .goods-box:nth-of-type(3) > img {
        position: relative;
        padding: 20px;
    }
    .img-blue, .img-yellow{
        max-width: 100%;
        height: auto;
    }
}
@media screen and (max-width: 480px) {

    #baby #main,
    #bedrail #main {
        min-height: 700px;
    }
    #baby .main-info {
        width: 100%;
        top: 65px;
    }
    .baby3 {
        top: 40px;
        right: -5%;
        width: 60%;
    }
    .advantage-desc p {
        font-size: 12px;
    }
    #advantages-first .both-images, #advantages-two .both-images, #advantages-three .both-images {
        height: 250px;
    }
    #advantages-three {
        margin-top: 0px;
        margin-bottom: 40px;
    }
    .baby6 {
        right: 1%;
    }
    .btn-violet{
        padding: 10px 40px;
        margin-top: 5px;
    }
    #details .bubble1 {
        left: -30%;
        top: 35%;
        width: 65%;
    }
    #details .bubble2 {
        right: -25%;
        top: 5%;
    }
    #details .bubble3 {
        right: -25%;
        bottom: -25%;
        width: 70%;
    }
    #main .bubble3 {
        left: -35%;
        bottom: 15%;
    }
    #main .bubble4 {
        bottom: 12%;
        right: -20%;
    }
    #advantages-first .bubble1 {
        bottom: -20%;
        width: 80%;
    }
    #advantages-two .bubble2 {
        right: -25%;
        top: 0;
    }
    .baby4 {
        left: 15px;
        bottom: -20px;
    }
    .baby3 {
        right: -1%;
    }
    #bedrail .feature-slider p:last-child
    {
        top: 10%;
    }

    #bedrail #calltoaction .content {
        top: 65px;
        bottom: auto;
    }
    .btn-rose {
        font: bold 1.5rem "Lato", sans-serif;
        padding: 1rem 2rem;
    }

    #bedrail .logo-box-top{
        left: 0%;
    }
    #bedrail .content {
        top: 35%;
        bottom: auto;
    }
    #bedrail-model p.demension1 {
        left: 5%;
        top: 35%;
    }
    #bedrail-model p.demension2 {
        right: 5%;
        top: 40%;
    }
    #bedrail-model p.demension3 {
        bottom: -15%;
        left: 10%;
        right: 0;
        text-align: center;
    }
    #bedrail .feature-slider p:first-child{
        text-align: center;
        margin-left: 0;
    }
    .yellow-top-footer img{
        width: 150px;
    }
    .footer-logo img{
        width: 70px;
    }
    .box-heading {
        font-size: 17px;
    }
}
@media screen and (max-width: 414px) {
    section#products .heading, .heading+p{
        font-size: 21px;
        margin-bottom: 20px;
    }
    .main-block__info {
        margin-top: 20px;
    }
    .main-block .logo{
        max-width:150px;
    }
}
@media screen and (max-width: 320px) {
    section#products .heading, .heading+p {
        font-size: 19px;
        margin-bottom: 15px;
    }
    #baby #main,
    #bedrail #main{
        min-height: 650px;
    }

    #baby   .main-info {
        width: 100%;
        top: 25px;
    }
    .btn-violet {
        padding: 8px 40px;
        margin-top: 0px;
    }
    #baby .main-info .main-title{
        margin-top: 5px;
    }

    #bedrail .main-desc.mobile-only {
        font-size: 1.1em;
    }

}
/*
 * Cover
 */

.cover {
    padding: 0 20px;
}
.cover .btn-lg {
    padding: 15px 50px;
    font-weight: bold;
}

.cover-heading {
    font-size: 30px;
    padding-bottom: 30px;
}

small {
    color:#ccc!important;
}

#clock div {
    display: inline-block;
    font-size: 10px;
    font-weight: 600;
    margin:0 8px 20px 8px;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 30px;
}
#clock span {
    display: block;
    font-size: 32px;
    font-weight: 100;
    padding: 30px 0;
    border-bottom: 1px solid #fff;
}

/*
 * Footer
 */

.mastfoot {
    color: #999; /* IE8 proofing */
    color: rgba(255,255,255,.5);
}

.video-wrapper {
    position: relative;
    top:  92px;
    left: 0;
    bottom: 0;
    width:  100%;
    z-index: 3;
}


.div-preloader {
    position: fixed;
    background-color: #fefefe;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 99999;
}

.div-preloader > div {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
    width: 80px;
    height: 80px;
}

.gif-preloader {
    width: 100%;
    max-width: 80px;
    margin: auto;
}
@media (max-width: 1024px) and  (orientation: landscape) {
    #layer-container div.layer.girl{
        height: 850px;
    }
    #bedrail .content {
        bottom: 80px;
    }
    #bedrail .content-info {
        max-width: 430px;
        margin-right: auto;
        margin-left: 10%;
    }
    #bedrail .feature-slider p:last-child{
        font: bold 3rem "Montserrat-Regular", sans-serif;
    }

    #bedrail .content-info .main-desc {
        font: 1.5rem "Lato", sans-serif;
    }
    #bedrail-model p{
        opacity: 1;
    }
    .started  .goods-box {
        margin-right: 2%;
        align-items: center;
    }
    #bedrail-model p.demension1 {
        left: 9%;
        top: 30%;
    }
    #bedrail-model p.demension2 {
        right: 15%;
        top: 28%;
    }
}
@media (max-width: 812px) and (orientation: landscape){
    #bedrail .content-info {
        margin-left: 16%;
    }
    #bedrail-model p.demension2{
        top: 15%;
    }
}
@media (max-width: 667px) and (orientation: landscape) {
    #bedrail .content-info {
        margin-left: 10%;
    }
    #bedrail .content {
        bottom: 25vh;
    }
}
@media (max-width: 736px) and (orientation: landscape) {
    #bedrail .content-info {
        margin-left: 13%;
    }
}