body {
        margin:0;
        padding:0;
}

#adArea {
	background: #ffffff;
}

#videoElement {
    position: absolute;
}

.container {
    width: 100%;
    top: 85px;
    height: 320px;
}

#test {
    background-color: rgba(255, 0, 255, 0.5);
}

#my_camera {
    background-color: black;
}

#flags {
    position: absolute;
    height: 80px;
    top: 430px;
    width: 690px;
    left: -200;
    /*background-color: rgba(255, 0, 0, 0.25);*/
    /*display: inline-block;*/
    /*padding-left: 20px;*/
}

#flagsCont {
    position: absolute;
    width: 480px;
    right: 0px;
    height: 100%;
}

.flag {
    position: relative !important;
    width: 57px !important;
    height: 57px !important;
    /*display: block;*/
    float: right;
    margin-right: 10px;
    cursor: pointer;
    border-radius: 100px;
}

#cam_photo_btn {
    position: absolute;
    cursor:  pointer;
    /*background-color: rgba(77, 66, 0, 0.5);*/
    width: 90px;
    height: 85px;
    bottom: 0px;
    left: 105px;
}
#cam_swap_btn {
    position: absolute;
    cursor:  pointer;
    /*background-color: rgba(77, 66, 0, 0.5);*/
    width: 65px;
    height: 65px;
    bottom: 15px;
    left: 210px;
}

#labelCont {
    position: absolute;
    top: 345px;
    width: 100%;
}

.label {
    width: 100% !important;
    display: none;
}

#slide_2 {
    background-color: black;
}

#canvasCont{
    /*opacity:  0.85;*/
}

#cta1Area{
    position: absolute;
    width: 100%;
    height: 18%;
    bottom:  0px;
    /*background-color: rgba(0, 0, 0, 0.5);*/
}
.cta {
    cursor: pointer;
}

#f1 {
    /*left: 85px;*/
}
#f2 {
    /*left: 183px;*/
}
.onFace {
    position: absolute;
    width: 30px;
    height: 15px;
    /*top: 280px;*/
    /*background-color: rgba(0, 255, 0, 0.5);*/
}

#share {
    top: -10px;
/*    left:  18%;
    width: 64% !important;
    top: 425px;*/
}

#photoImg {
    width:  450px;
    height: 625px;
    position: absolute;
}

.share_btn {
    width: 40px;
    height: 40px;
    position: relative;
    float: left;
    margin-right: 0px;
    /*background-color: rgba(0, 255, 0, 0.5);*/
    cursor: pointer;
}
#share_btns {
    left: 118px;
    top: 448px;
    width: 100%;
}

#cta2Area {
    position: absolute;
    width: 100%;
    height: 12%;
    bottom:  20px;
    /*background-color: rgba(0, 0, 0, 0.5);*/
    cursor: pointer;
}




#slider {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: absolute;
    top: 430px;
    width: 90%;
    left: 5%;
}



#a1 {
    order: 1;
}
#a2 {
    order: 100;
}

.arrow {
    position: relative !important;
    display: flex;
}

.bullet {
    position: relative;
    width:20px;
    height:20px;
    display: flex;
    margin-top: 11px;
    cursor: pointer;
}

.b1 {
    background-image: url('images/b1.png') !important;
}
.b2 {
    background-image: url('images/b2.png');
}


#a1Area {
    position: absolute;
    left: 0px;
    top:415px;
    width:52px;
    height:75px;
    cursor: pointer;
    /*background-color: rgba(11, 55, 222, 0.5);*/
}

#a2Area {
    position: absolute;
    right: 0px;
    top:415px;
    width:52px;
    height:75px;
    cursor: pointer;
    /*background-color: rgba(11, 55, 222, 0.5);*/
}



















.fit {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.cover {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.center {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.wrapper {
    overflow: hidden;
    text-overflow: clip;
}


.abs {
    position: absolute;
}
.rct {
/*    width:300px;
    height:250px;*/
/*    width:320px;
    height:480px;*/
    width:300px !important;
    height:600px !important;
    position: absolute;
}
.rct2 {
    width:300px;
    height:600px;
    position: absolute;
}
.opacity0 { opacity: 0; }
.opacity1 { opacity: 1; }

.zi1 { z-index: 800; }
.zi2 { z-index: 900; }
.zi5 { z-index: 5000; }
.zi6 { z-index: 6000; }
.zi7 { z-index: 7000 !important; }
.zi8 { z-index: 8000 !important; }
.zi9 { z-index: 9000 !important; }
.zi10 { z-index: 10000 !important; }
.zIndex99998 { z-index: 99998; }
.zIndex99999 { z-index: 99999; }

.hidden{
	visibility: hidden;
}
.noEvents{
  pointer-events: none;
}
.noVis{
    visibility: none;
}
.noDisplay{
    display: none;
}