html, body {
    /* height: 100%; */
    /* font-size: 12px; */
    /* font-size: 1.2vw; */
    /* font-size:62.5%; */
    /* font-family: 'Roboto Slab', serif; */
    font-family: 'Open Sans', sans-serif;
    /* background-color: blue; */
    margin: 0px;
    padding: 0px;
}
.formtitle{
    font-size: 22px;
    font-weight: bold;
}
.stage3{
    display:none;
}
.stage4{
    display:none;
    margin-top: 12vh;
height: 55vh;

}

.thanks{
    background-color: #ffeb91;
    padding: 12px;
    margin: 0 auto;
    width: 100%;
    color:#668b87; 
    font-size: 20px;
    

}

.sml{
    font-size: 12px;
}
.hthanks{
font-weight: bold;
font-size: 24px;
}
.linkkw, a.linkw, a.linkw:hover { 
text-decoration:k none;
text-decoration: underline;
color: #668b87 !important;
}

.myyform{
    background-color:#ffeb91; font-size:18px; margin-top:4px; color:#668b87; padding-top: 18px;
}
.backdora {
    background-color: #ffeb91;
    padding: 0px;
}

.title {
    /* display: none; */
    background-color: #ffffff;
    padding: 12px;
    color: #668b87;
    font-weight: 800;
    width: 83%;
    position: absolute;
    left: 16px;
    bottom: 28px;
    text-align: left;
    padding-bottom: 12px;
    min-height: 80px;
}

.titlein {
    width: 333px;
    /* background-color: aqua */
    margin-top: 2px;
    font-size: 18px
}

.title2 {
    padding: 12px;
    color: #668b87;
    font-weight: 800;
    position: absolute;
    left: 64%;
    bottom: 19px;
    text-align: right
}

.modal-header1 {
    border-bottom: 1px solid #ffeb91;
}

.boxmod {
    padding: 12px;
    color: #668b87;
}

.sizehe {
    font-size: 26px;
    color: #668b87;
}

.logoback {
    background-image: url('../images/kali_parea.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
}

.back1 {
    background-image: url('../images/back1.jpg');
    background-repeat: no-repeat;
    background-position: center 44px;
    background-size: cover;
}

.back2 {
    background-image: url('../images/back2.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

div.fade {
    opacity: 1;
}

.paddrtop2 {
    padding-top: 110px;
}

.padyel {
    padding: 12px;
    color: #668b87;
}

.starsm {
    padding: 2px;
    font-size: 12px;
}

.stage2 {
    display: none;
}

.carouscont {
    /* background-color: #ffffff; */
    padding-left: 0px;
    padding-right: 0px;
}

.carouscont2 {
    /* background-color: #ffffff; */
    padding-left: 0px;
    padding-right: 0px;
    display: none;
}

.forc {
    max-height: 60vh;
}

.stage2in {
    background-color: #ffeb91
}

.bluef {
    padding-top: 23px;
    padding-bottom: 10px;
    font-size: 20px;
    color: #668b87;
    width: 96%;
    margin: 0 auto;
    line-height: 25px;
}

.inpad {
    padding: 14px;
}

.div1 {
    /* width:89vw; */
    height: 100vh;
    margin: 0px;
    padding: 0px;
    /* margin-top:40px; */
    background-color: #cccccc;
    left: 0;
    right: 0;
    bottom: 0;
}

.leftie {
    padding-left: 0px !important;
}

.rightie {
    padding-right: 0px !important;
}

.themenu {
    width: 100vw;
    text-align: center;
    line-height: 76px;
    background-color: #ffffff;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    height: 76px;
    margin-top: 0px;
    z-index: 333;
    color: #6d6f71;
}

.burger {
    display: none;
}

.thmlink {
    margin-left: 23px;
    margin-right: 23px;
    color: #6d6f71
}

a.thmlink {
    text-decoration: none;
    margin-left: 23px;
    margin-right: 23px;
    color: #6d6f71
}

a.thmlink:hover {
    text-decoration: none;
    margin-left: 23px;
    margin-right: 23px;
    color: #6d6f71
}

.paddrtop {
    padding-top: 28vh;
}

.mmain {
    margin: 0 auto;
    /* min-height:45vh;  */
    width: 820px;
    background-color: #ffeb91
}

.carousel-control-next, .carousel-control-prev {
    z-index: 200 !important;
}

.bbox1title, .bbox2title, .bbox3title, .bbox4title, .bbox5title, .bbox6title {
    cursor: pointer;
}

.backflip1, .backflip2, .backflip3, .backflip4, .backflip5, .backflip6 {
    position: absolute;
    display: none;
    background-color: #ffffff;
    width: 95%;
    height: 100%;
    z-index: 10;
}

.fliptitle {
    margin-top: 17vh;
    color: #ea595c;
    font-size: 20px;
}

.mmain1 {
    background-color: #ffffff
}

.redh {
    padding-top: 12px;
    margin: 0 auto;
    color: #ea595c;
    font-size: 26px;
}

.lb1 {
    position: relative;
    float: left;
    width: 410px;
    display: block;
}

.rb1 {
    float: right;
    width: 410px;
}

.biglogo {
    width: 100%;
}

.corner {
    position: absolute;
    right: 0;
    bottom: 0;
}

.flipdate {
    margin-top: 3vh;
}

.flipbuttons {
    margin-top: 22vh;
    width: 61%;
    margin: 0 auto;
    margin-top: 10vh;
}

.butonb {
    text-align: center;
    color: #ffffff;
    width: 150px;
    margin: 0 auto;
    margin-top: 10px;
    background-color: #69c2c1;
    padding: 8px;
    cursor: pointer;
    margin-bottom: 14px;
}

.butonp {
    text-align: center;
    color: #ffffff;
    width: 190px;
    margin: 0 auto;
    margin-top: 10px;
    background-color: #69c2c1;
    padding: 8px;
    cursor: pointer;
    margin-bottom: 15px;
}

.backcar {
    background-color: #69c2c1;
    padding-bottom: 0px;
    margin-bottom: 0px;
    height: 58vh;
}

.theblock {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 58vh;
    display: inline-block;
    width: 100%
}

/* start menuitem */

.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 2000;
    top: 0;
    left: 0;
    background-color: #69c2c1;
    /* background-color: rgba(17, 26, 77, .9); */
    overflow-x: hidden;
    transition: .5s
}

.overlay-content {
    position: relative;
    top: 21%;
    width: 100%;
    text-align: center;
    margin-top: 27px
}

.overlay-content a {
    width: 316px;
    margin: 0 auto;
}

.overlay a {
    padding: 6px;
    text-decoration: none;
    font-size: 20px;
    font-weight: 100;
    color: #ffffff;
    display: block;
    transition: .3s
}

.overlay-content div {
    font-size: 20px;
    font-weight: 100;
    color: #ffffff;
    width: 316px;
    margin: 0 auto;
}

.overlay a:focus, .overlay a:hover {
    color: #ffffff
}

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px
}

/* end menu */

.butle {
    float: left;
}

.butre {
    float: right;
}

a.wb {
    color: #ffffff;
    text-decoration: none
}

a.wb:hover {
    color: #ffffff;
    text-decoration: none
}

.carousel-control-next, .carousel-control-prev {
    width: 4% !important;
}

/* case for date  butons */

@media screen and (max-width: 1199px) {
    .title2 {
        padding: 12px;
        color: #668b87;
        font-weight: 800;
        position: absolute;
        left: 66%;
        bottom: 29px;
        text-align: right;
    }
    .dateimg {
        width: 79px;
    }
}

/* case for floats backflip butons */

@media screen and (max-width: 1000px) {
    .butle {
        float: none;
    }
    .butre {
        float: none;
    }
}

/* carousel for 1 per row product */

@media screen and (max-width: 992px) {
    .carouscont2 {
        display: block
    }
    .carouscont {
        display: none
    }
    .backflip1, .backflip2, .backflip3, .backflip4, .backflip5, .backflip6 {
        position: absolute;
        display: none;
        background-color: #ffffff;
        width: 100%;
        height: 100%;
        z-index: 10;
    }
}

@media screen and (max-width: 890px) {
    .menuin {
        display: none;
    }
    .burger {
        cursor: pointer;
        margin-left: 4px;
        margin-right: 12px;
        display: block;
        float: left
    }
    .biglogo {
        width: 100%;
    }
}

.yesmob {
    display: none;
}

@media screen and (max-width: 768px) {
    .paddrtop2 {
        padding-top: 80px;
    }
    .back1 {
        background-image: url('../images/backmobile.jpg');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
    .paddrtop {
        padding-top: 80px;
    }
    .nopadding {
        padding-left: 0px;
        padding-right: 0px;
    }
    .nomob {
        display: none;
    }
    .yesmob {
        display: block;
    }
}

@media screen and (max-width: 608px) {
    /* .title {
        display: none
    }
    .title2 {
        display: none
    } */

    /* body{
        overflow-x: hidden
    } */
    .titlein {
        width: 73%;
        background-color:#ffffff;
        margin-top: 2px;
        font-size: 18px;
    }

    .title {
        /* display: none; */
        background-color: #ffffff;
        padding: 12px;
        color: #668b87;
        font-weight: 800;
        width: 92%;
        position: absolute;
        left: 6px;
        bottom: 28px;
        text-align: left;
        padding-bottom: 12px;
        min-height: 80px;
    }

    .mylogo{
        margin-top: 2vw;
width: 35vw
    }
    .jotislogo{
        margin-top: 2vw;;
        width:29vw
            }
   
    .bluef {
        padding-top: 21px;
        padding-bottom: 7px;
        font-size: 18px;
        width: 98%;
    }

    r
   
}