body {
    margin: 0px !important;
}

#frame { width: 300px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.deviceful_logo {
    margin-left: 50px !important;
    opacity: 0.1;
}

.deviceful_logo img {
    width: 200px;
}

#logo_container {
    float: left;
    left: 0;
    position: absolute;
    width: 300px;
    top: 0px;
}

/*#image1 { width: 400px; position: absolute;}*/

/*#image3 { position: absolute; bottom: 80px;}*/

#logo {
        position: absolute;
    display: block;
    z-index: 2;
    width: 100%;
}

.size_holder {
    width: 100%;
    text-align: center;
    font-family: arial;
    opacity: 0.2;
    font-weight: bold;
}


#roundle4,
#roundle3,
#roundle2,
#roundle1 { position: absolute; bottom: 0; width: 160px;}

#container {
    position: relative;
    width: 300px;
    height: 600px;
    background-color: #FFFFFF;
    overflow: hidden;
    margin:0 auto;
}



#roundle{ position: absolute;
    right: 16px;
    width: 8%; }

#image1,
#image2,
#image3{ position: absolute; top: 0; width: 300px; height: 600px;}


#text4,
#text3,
#text2,
#text1{    width: 300px; height: 600px; position: absolute; bottom: 0;}

.topLeft {
    position: absolute;
    top: 0px;
    left: 0px;
}

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

#bgExit {
    opacity: 0;
    cursor: pointer;
    z-index: 999;
}



#fade_out {
    background-color: #000000;
}

.cta { 
    position: absolute;
    left:0;
    right:0;
    display: block;
    margin:0 auto;
    width: 100%
}

#cta_container {
    bottom: 110px;
    width: 245px;
    position: absolute;
    left: 0px;
    margin: 0 auto;
    right: 0;
}

#bedroom_roundle {
    position: absolute;
    width: 12%;
    right: 0;
    left: 0;
}

#price_roundle {
    position: absolute;
    width: 12%;
    left:0px;
    right: 0px;
    top: 105px;
}

