#myVideo, #myImage {
    width: 100%;
    height: 99vh;
}

#button {
    position: absolute;
    z-index: 1;
    height: 200px !important;
    width: 200px !important;
    left: 45% !important;
    margin-left: -50px !important;
    top: 55% !important;
    margin-top: -26% !important;
}
/*html {
   background: url(../Images/Zain-Aramex.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}*/

body {
    height: 100%;
    /*background: url('../Images/ZainC.jpg') no-repeat;*/
    //background-size: cover;
    margin: 0px;
    padding: 0px;
    direction: rtl;
    /*background-image: url("../Images/Zain-Aramex.jpg");
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;*/
}



@media only screen and (max-width: 1000px) {
    body {
        /*background: url('../Images/ZainC.jpg') no-repeat !important;*/
        background-size: cover !important;
    }
}

/*#redessociales:active .smedia {
    display: none;
}*/


#redessociales {
    position: absolute;
    z-index: 99;
    /*margin-left: 50%;*/
    margin-right: 1%;
    margin-top: 25%;
    width: 64px;
    height: 64px;
    border-radius: 75px;
    border: 5px solid #fff;
    display: none;
    background: url('Share/share_core_square.jpg');
    background-position:center;
}

.smedia {
    position: absolute;
    /*-webkit-transition: left 0.5s cubic-bezier(0.1,0.8,0.9,1), opacity 1s linear;
    -moz-transition: left 0.5s cubic-bezier(0.1,0.8,0.9,1),opacity 1s linear;
    -o-transition: left 0.5s cubic-bezier(0.1,0.8,0.9,1), opacity 1s linear;*/
    -webkit-transition: right 0.5s cubic-bezier(0.1,0.8,0.9,1), opacity 1s linear;
    -moz-transition: right 0.5s cubic-bezier(0.1,0.8,0.9,1),opacity 1s linear;
    -o-transition: right 0.5s cubic-bezier(0.1,0.8,0.9,1), opacity 1s linear;
    display: inline;
    opacity: 0;
    width: 46px;
    height: 46px;
    z-index: 100;
    margin-left: 16px;
    margin: 10px 10px 0px 20px;
    text-indent: -9999px;
    background: no-repeat;
    /*left: 3px;*/
    right: 60px;
}

#redessociales.active .smedia {
    opacity: 1;
    transform: translate(0px,0);
    -webkit-transform: translate(0px,0);
    -o-transform: translate(0px,0);
    -moz-transform: translate(0px,0);
    margin: 10px 20px 0px 50px;
    position: absolute;
}




    #redessociales.active .smedia:nth-child(1) {
        position: absolute;
        /*left: 65px;*/
        right: 65px;
    }

    #redessociales.active .smedia:nth-child(2) {
        position: absolute;
        /*left: 110px;*/
        right: 110px;
    }

    #redessociales.active .smedia:nth-child(3) {
        position: absolute;
        /*left: 155px;*/
        right: 155px;
    }

    #redessociales.active .smedia:nth-child(4) {
        position: absolute;
        /*left: 200px;*/
        right: 200px;
    }

    #redessociales.active .smedia:nth-child(5) {
        position: absolute;
        /*left: 245px;*/
        right: 245px;
    }

    #redessociales.active .smedia:nth-child(6) {
        position: absolute;
        /*left: 290px;*/
        right: 290px;
    }

.smedia.facebook {
    background-image: url('Share/bubble_facebook_share_button.png');
}

.smedia.email {
    /*background-image: url('Share/bubble_email_share_button.png');*/
    background-image: url('Images/Share/bubble_email_share_button6.png');
}

.smedia.instagram {
    background-image: url('Share/bubble_instagram_share_button.png');
}

.smedia.youtube {
    background-image: url('Share/bubble_youtube_share_button.png');
}

.smedia.vimeo {
    background-image: url('Share/bubble_vimeo_share_button.png');
}
.smedia.twitter {
    background-image: url('Share/bubble_twitter_share_button.png');
}

.smedia:hover {
    background-position: 0 -46px;
}