/* Reset, General.css import */

@import 'Reset.css';
@import 'General.css';


/* Header */

#Header {
    position: fixed;
    width: 100%;
    height: auto;
    margin: auto;
    z-index: 999;
    background-color: #22211f;
    border-bottom: 1px solid #222;
    border-top: 1px solid #222;
}

    #Header ul {
        display: block !important;
    }

        #Header ul li {
            float: left;
        }

.Login {
    float: right !important;
}

    .Login a {
        color: #ddd !important;
        font-weight: 500 !important;
        background-color: #292929 !important;
        border-color: #292929 !important;
    }

        .Login a:hover {
            color: #466baf !important;
        }

#Header ul li a {
    color: #666;
    display: block;
    font-family: MyCustomFont;
    font-weight: 600;
    text-decoration: none;
    font-size: 13px;
    border-right: 1px solid #292929;
    padding: 15px 10px;
}

    #Header ul li a:hover {
        color: #fff;
    }

.Header_Button {
    display: none;
}

.Header_Button_Clear {
    display: none;
}

/* Home Text */

.HomeText_Main {
    position: fixed;
    display: block;
    padding: 70px 20px 20px 20px;
    z-index: 500;
    width: 400px;
    height: 100%;
    top: 0;
    left: 0;

}

.HomeText {
    position: relative;
    display: block;
    background-image: url(../images/Transparent.png);
    padding: 15px;
    font-size: 14px;
    color: #eee;
    font-weight: 300;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    word-wrap: break-word;
    width: 100%;
    height: 100%;
}

    .HomeText h1 {
        font-size: 25px;
        font-weight: 300;
        color: #fff;
        text-align: left;
        padding: 10px 0 20px 0;
        display: block;
        text-shadow: 0px 0px 30px rgba(0, 0, 0, 1);
    }

/* Content */

.Content {
    position: absolute;
    right: 0;
    width: 25%;
    min-height: 100%;
    height: auto;
    background-image: url(../images/TransparentTwo.png);
    top: 50px;
    box-shadow: 0 -50px 50px #000;
    -moz-box-shadow: 0 -50px 50px #000;
    -webkit-box-shadow: 0 -50px 50px #000;
    z-index: 600;
}

.ContentFull {
    width: 60% !important;
}


.PageNumber {
    width: 100%;
    border-bottom: 1px solid #111;
    padding: 5px;
}

    .PageNumber li {
        float: left;
    }

        .PageNumber  a {
            width: 30px;
            height: 30px;
            text-align: center;
            line-height: 30px;
            display: block;
            color: #fff;
        }

            .PageNumber  a:hover {
                background-color: #466baf;
                color: #fff;
            }

            .PageNumber  a.active {
                background-color: #466baf;
                color: #fff;
            }

.pager {
    width: 100%;
    border-bottom: 1px solid #111;
    padding: 5px;
}



.pager a {
 width: 30px;
            height: 30px;
            text-align: center;
            line-height: 30px;
            display: inline-block;
            
            color: #fff;
}

.pager  a:hover {
                background-color: #466baf;
                color: #fff;
            }

            .pager  a.active,.pager b {
                background-color: #466baf;
                color: #fff;
                 width: 30px;
            height: 30px;
            text-align: center;
            line-height: 30px;
            display: inline-block;
            
            }
/*
Header One | Tablet | Phone
*/

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

    #Header {
        position: fixed;
        z-index: 999;
        width: 100%;
        height: auto;
        margin: auto;
        background-color: #22211f;
        border-bottom: 1px solid #222;
        border-top: 1px solid #222;
    }

        #Header ul {
            display: none;
        }

            #Header ul li {
            }

    .Login {
        float: left !important;
    }

        .Login a {
            color: #ddd !important;
            font-weight: 600 !important;
            background-color: #292929 !important;
            border-color: #292929 !important;
        }

            .Login a:hover {
                color: #466baf !important;
            }

    #Header ul li a {
        color: #666;
        display: block;
        font-family: MyCustomFont;
        font-weight: 600;
        text-decoration: none;
        font-size: 14px;
        padding: 15px 10px;
        background-color: #fff;
    }

        #Header ul li a:hover {
            color: #686868;
            background-color: #e7e7e7;
        }

    .Header_Button {
        float: right;
        width: auto;
        height: auto;
        margin-right: 10px;
        cursor: pointer;
    }

        .Header_Button i {
            color: #466baf;
            font-family: MyCustomFont;
            font-weight: 400;
            text-decoration: none;
            font-size: 30px;
            line-height: 49px;
            -webkit-transition: all 200ms linear;
            -moz-transition: all 200ms linear;
            -o-transition: all 200ms linear;
            -ms-transition: all 200ms linear;
            transition: all 200ms linear;
            border-radius: 4px;
        }

            .Header_Button i:hover {
                color: #fff;
                background-color: #333;
            }

    .Header_Button_Clear {
        clear: both;
    }
}

/* ----------------------------------
08 Content
----------------------------------*/

/*
Computer
*/

@media only screen and (min-width:1024px) {




    /*
        Home Text
        */




    /* Home Img */

    .HomeImgContent {
        display: block;
        padding: 1%;
    }


    .HomeImg_One {
        position: relative;
        float: left;
        display: block;
        width: 23.4%;
        margin: 0.8%;
    }

        .HomeImg_One img {
            width: 100%;
            height: auto;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

    .HomeImg_Two {
        position: relative;
        float: left;
        display: block;
        width: 48.4%;
        margin: 0.8%;
    }

        .HomeImg_Two img {
            width: 100%;
            height: auto;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

    .HomeImgShadow {
        position: absolute;
        bottom: 5px;
        left: 0;
        width: 100%;
        height: 47px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        z-index: 1;
        background-image: url('../images/TransparentImageShadow.png');
    }

    .HomeImgUserId {
        position: absolute;
        display: block;
        color: #466baf;
        bottom: 27px;
        left: 15px;
        font-size: 18px;
        z-index: 2;
        font-weight: 500;
        text-shadow: 1px 0px 30px rgba(255, 255, 255, 1);
    }

    .HomeImgUserIdDate {
        position: absolute;
        display: block;
        color: #eee;
        bottom: 10px;
        left: 15px;
        font-size: 13px;
        font-style: italic;
        z-index: 2;
    }

    /* Login Form */

    .LoginForm {
        position: fixed;
        width: 1000px;
        height: 500px;
        top: 50%;
        left: 50%;
        margin-left: -500px;
        margin-top: -167px;
        z-index: 999;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        display: none;
        border-radius: 5px;
        background-color: #22211f;
    }

        .LoginForm h1 {
            color: #ccc;
            display: block;
            font-family: MyCustomFont;
            font-weight: 300;
            text-decoration: none;
            font-size: 25px;
            background-color: #292929;
            text-align: center;
            padding: 15px;
        }

            .LoginForm h1 span {
                color: #000;
            }

            .LoginForm h1 div {
                position: absolute;
                color: #ccc;
                right: 10px;
                top: 10px;
                font-size: 25px;
                padding: 5px;
                cursor: pointer;
            }

                .LoginForm h1 div:hover {
                    background-color: #151515;
                }

    /* Sign In */

    .SignIn {
        float: left;
        width: 24%;
        height: auto;
        background-color: #292929;
        margin: 2%;
        padding: 2%;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

        .SignIn h2 {
            color: #ccc;
            display: block;
            font-family: MyCustomFont;
            font-weight: 300;
            text-decoration: none;
            font-size: 25px;
            text-align: left;
            padding-bottom: 10px;
        }

        .SignIn input[type=text],.SignIn input[type=email] {
            width: 94%;
            height: auto;
            background-color: #22211f;
            border: 1px solid #191919;
            font-family: MyCustomFont;
            color: #eee;
            padding: 7px 3%;
            margin: auto;
            margin-bottom: 20px;
            display: block;
            outline: none;
            -webkit-transition: all 200ms linear;
            -moz-transition: all 200ms linear;
            -o-transition: all 200ms linear;
            -ms-transition: all 200ms linear;
            transition: all 200ms linear;
        }

        .SignIn input[type=password] {
            width: 94%;
            height: auto;
            background-color: #22211f;
            border: 1px solid #191919;
            font-family: MyCustomFont;
            color: #eee;
            padding: 7px 3%;
            margin: auto;
            margin-bottom: 20px;
            display: block;
            outline: none;
            -webkit-transition: all 200ms linear;
            -moz-transition: all 200ms linear;
            -o-transition: all 200ms linear;
            -ms-transition: all 200ms linear;
            transition: all 200ms linear;
        }

        .SignIn input[type=submit] {
            float: right;
            width: auto;
            font-family: MyCustomFont;
            height: auto;
            background-color: #22211f;
            border: 1px solid #191919;
            color: #aaa;
            padding: 7px 3%;
            display: block;
            outline: none;
            cursor: pointer;
            -webkit-transition: all 200ms linear;
            -moz-transition: all 200ms linear;
            -o-transition: all 200ms linear;
            -ms-transition: all 200ms linear;
            transition: all 200ms linear;
        }

            .SignIn input[type=submit]:hover {
                color: #fff;
            }

    ::-webkit-input-placeholder {
        font-family: MyCustomFont;
        color: #444;
    }

    ::-moz-placeholder {
        font-family: MyCustomFont;
        color: #444;
    }
    /* firefox 19+ */
    :-ms-input-placeholder {
        font-family: MyCustomFont;
        color: #444;
    }
    /* ie */
    input:-moz-placeholder {
        font-family: MyCustomFont;
        color: #444;
    }

    /* I Forgot My Password */

    .IForgotMyPassword {
        font-size: 12px;
        color: #555;
    }

        .IForgotMyPassword span {
            -webkit-transition: all 200ms linear;
            -moz-transition: all 200ms linear;
            -o-transition: all 200ms linear;
            -ms-transition: all 200ms linear;
            transition: all 200ms linear;
        }

        .IForgotMyPassword:hover > span {
            color: #eee;
        }

    /* Sign Up */

    .SignUp {
        float: left;
        width: 68%;
        height: auto;
        padding: 4% 0;
    }

        .SignUp h2 {
            color: #ccc;
            display: block;
            font-family: MyCustomFont;
            font-weight: 300;
            text-decoration: none;
            font-size: 25px;
            text-align: left;
            padding-bottom: 10px;
        }

        .SignUp input[type=text] ,.SignUp input[type=email] {
            float: left;
            width: 27%;
            height: auto;
            background-color: #22211f;
            border: 1px solid #191919;
            font-family: MyCustomFont;
            color: #eee;
            padding: 7px 1.5%;
            margin-bottom: 20px;
            margin-right: 3%;
            display: block;
            outline: none;
            -webkit-transition: all 200ms linear;
            -moz-transition: all 200ms linear;
            -o-transition: all 200ms linear;
            -ms-transition: all 200ms linear;
            transition: all 200ms linear;
        }

        .SignUp input[type=password] {
            float: left;
            width: 27%;
            height: auto;
            background-color: #22211f;
            border: 1px solid #191919;
            font-family: MyCustomFont;
            color: #eee;
            padding: 7px 1.5%;
            margin-right: 3%;
            margin-bottom: 20px;
            display: block;
            outline: none;
            -webkit-transition: all 200ms linear;
            -moz-transition: all 200ms linear;
            -o-transition: all 200ms linear;
            -ms-transition: all 200ms linear;
            transition: all 200ms linear;
        }

        .SignUp input[type=submit] {
            float: right;
            width: auto;
            font-family: MyCustomFont;
            height: auto;
            background-color: #22211f;
            border: 1px solid #191919;
            color: #aaa;
            padding: 7px 3%;
            display: block;
            margin-right: 3%;
            outline: none;
            cursor: pointer;
            -webkit-transition: all 200ms linear;
            -moz-transition: all 200ms linear;
            -o-transition: all 200ms linear;
            -ms-transition: all 200ms linear;
            transition: all 200ms linear;
        }

            .SignUp input[type=submit]:hover {
                color: #fff;
            }

    ::-webkit-input-placeholder {
        font-family: MyCustomFont;
        color: #444;
    }

    ::-moz-placeholder {
        font-family: MyCustomFont;
        color: #444;
    }
    /* firefox 19+ */
    :-ms-input-placeholder {
        font-family: MyCustomFont;
        color: #444;
    }
    /* ie */
    input:-moz-placeholder {
        font-family: MyCustomFont;
        color: #444;
    }

    /* User Sharing */

    .UserSharingPropertiesId {
        display: block;
        color: #333;
        font-size: 18px;
    }

    .UserSharingPropertiesDate {
        margin-top: 5px;
        margin-bottom: 5px;
        display: block;
        color: #666;
        font-size: 13px;
        font-style: italic;
    }

    /* User Video */

    .UserVideo {
        float: left;
        width: 48%;
        height: auto;
        margin: 1%;
    }

    .UserVideoDetails {
        position: relative;
        width: 100%;
        height: auto;
    }

        .UserVideoDetails img {
            float: left;
            width: 80px;
            height: 80px;
        }

    .UserVideoDetailsUserId {
        position: absolute;
        top: 0;
        margin-left: 8px;
        color: #fff;
    }

    .UserVideoDetailsUserDate {
        position: absolute;
        top: 22px;
        margin-left: 8px;
        color: #aaa;
        font-size: 13px;
        font-style: italic;
    }

    .UserVideoIframe {
        position: relative;
        display: block;
        background-color: #333;
        padding: 15px;
        margin-top: 20px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

        .UserVideoIframe iframe {
            width: 100%;
            height: 250px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }


    .UserVideoIframeArrow {
        position: absolute;
        top: -20px;
        left: 40px;
        margin-left: -6px;
        border-color: transparent transparent #333 transparent;
        border-style: solid;
        border-width: 10px 10px 10px 10px;
        height: 0px;
        width: 0px;
    }
}
/*
Notebook
*/

@media only screen and (max-width:1023px) and (min-width:768px) {

    .Content {
        float: right;
        width: 60%;
        height: auto;
        background-color: #151515;
        margin-top: 50px;
        box-shadow: 0 -50px 50px #000;
        -moz-box-shadow: 0 -50px 50px #000;
        -webkit-box-shadow: 0 -50px 50px #000;
    }

    /*
        Home Text
        */

    .HomeText {
        position: relative;
        display: block;
        background-color: #333;
        padding: 15px;
        margin: 1.5%;
        font-size: 14px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        word-wrap: break-word;
    }

    /* Home Img */

    .HomeImgContent {
        display: block;
        padding: 1%;
    }


    .HomeImg_One {
        position: relative;
        float: left;
        display: block;
        width: 31.4%;
        margin: 0.8%;
    }

        .HomeImg_One img {
            width: 100%;
            height: auto;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

    .HomeImg_Two {
        position: relative;
        float: left;
        display: block;
        width: 65.4%;
        margin: 0.8%;
    }

        .HomeImg_Two img {
            width: 100%;
            height: auto;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

    .HomeImgShadow {
        position: absolute;
        bottom: 5px;
        left: 0;
        width: 100%;
        height: 47px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        z-index: 1;
        background-image: url('../images/TransparentImageShadow.png');
    }

    .HomeImgUserId {
        position: absolute;
        display: block;
        color: #466baf;
        bottom: 27px;
        left: 15px;
        font-size: 18px;
        z-index: 2;
        font-weight: 500;
        text-shadow: 1px 0px 30px rgba(255, 255, 255, 1);
    }

    .HomeImgUserIdDate {
        position: absolute;
        display: block;
        color: #eee;
        bottom: 10px;
        left: 15px;
        font-size: 13px;
        font-style: italic;
        z-index: 2;
    }

    /* Login Form */

    .LoginForm {
        position: absolute;
        width: 100%;
        height: auto;
        top: 50%;
        left: 0;
        margin-top: -260px;
        z-index: 999;
        display: none;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background-color: #22211f;
    }

        .LoginForm h1 {
            color: #ccc;
            display: block;
            font-family: MyCustomFont;
            font-weight: 300;
            text-decoration: none;
            font-size: 25px;
            background-color: #292929;
            text-align: center;
            padding: 15px;
        }

            .LoginForm h1 span {
                color: #000;
            }

            .LoginForm h1 div {
                position: absolute;
                color: #ccc;
                right: 10px;
                top: 10px;
                font-size: 25px;
                padding: 5px;
                cursor: pointer;
            }

                .LoginForm h1 div:hover {
                    background-color: #151515;
                }

    /* Sign In */

    .SignIn {
        float: left;
        width: 92%;
        height: auto;
        background-color: #292929;
        margin: 2%;
        padding: 2%;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

        .SignIn h2 {
            color: #ccc;
            display: block;
            font-family: MyCustomFont;
            font-weight: 300;
            text-decoration: none;
            font-size: 25px;
            text-align: left;
            padding-bottom: 10px;
        }

        .SignIn input[type=text],.SignIn input[type=email] {
            width: 98%;
            height: auto;
            background-color: #22211f;
            border: 1px solid #191919;
            font-family: MyCustomFont;
            color: #eee;
            padding: 7px 1%;
            margin: auto;
            margin-bottom: 20px;
            display: block;
            outline: none;
            -webkit-transition: all 200ms linear;
            -moz-transition: all 200ms linear;
            -o-transition: all 200ms linear;
            -ms-transition: all 200ms linear;
            transition: all 200ms linear;
        }

        .SignIn input[type=password] {
            width: 98%;
            height: auto;
            background-color: #22211f;
            border: 1px solid #191919;
            font-family: MyCustomFont;
            color: #eee;
            padding: 7px 1%;
            margin: auto;
            margin-bottom: 20px;
            display: block;
            outline: none;
            -webkit-transition: all 200ms linear;
            -moz-transition: all 200ms linear;
            -o-transition: all 200ms linear;
            -ms-transition: all 200ms linear;
            transition: all 200ms linear;
        }

        .SignIn input[type=submit] {
            float: right;
            width: auto;
            font-family: MyCustomFont;
            height: auto;
            background-color: #22211f;
            border: 1px solid #191919;
            color: #aaa;
            padding: 7px 3%;
            display: block;
            outline: none;
            cursor: pointer;
            -webkit-transition: all 200ms linear;
            -moz-transition: all 200ms linear;
            -o-transition: all 200ms linear;
            -ms-transition: all 200ms linear;
            transition: all 200ms linear;
        }

            .SignIn input[type=submit]:hover {
                color: #fff;
            }

    ::-webkit-input-placeholder {
        font-family: MyCustomFont;
        color: #444;
    }

    ::-moz-placeholder {
        font-family: MyCustomFont;
        color: #444;
    }
    /* firefox 19+ */
    :-ms-input-placeholder {
        font-family: MyCustomFont;
        color: #444;
    }
    /* ie */
    input:-moz-placeholder {
        font-family: MyCustomFont;
        color: #444;
    }

    /* I Forgot My Password */

    .IForgotMyPassword {
        font-size: 12px;
        color: #555;
    }

        .IForgotMyPassword span {
            -webkit-transition: all 200ms linear;
            -moz-transition: all 200ms linear;
            -o-transition: all 200ms linear;
            -ms-transition: all 200ms linear;
            transition: all 200ms linear;
        }

        .IForgotMyPassword:hover > span {
            color: #eee;
        }

    /* Sign Up */

    .SignUp {
        float: 98%;
        height: auto;
        padding: 4% 0 0 2%;
    }

        .SignUp h2 {
            color: #ccc;
            display: block;
            font-family: MyCustomFont;
            font-weight: 300;
            text-decoration: none;
            font-size: 25px;
            text-align: left;
            padding-bottom: 10px;
        }

        .SignUp input[type=text],.SignUp input[type=email] {
            float: left;
            width: 28%;
            height: auto;
            background-color: #22211f;
            border: 1px solid #191919;
            font-family: MyCustomFont;
            color: #eee;
            padding: 7px 1%;
            margin-bottom: 20px;
            margin-right: 3%;
            display: block;
            outline: none;
            -webkit-transition: all 200ms linear;
            -moz-transition: all 200ms linear;
            -o-transition: all 200ms linear;
            -ms-transition: all 200ms linear;
            transition: all 200ms linear;
        }

        .SignUp input[type=password] {
            float: left;
            width: 28%;
            height: auto;
            background-color: #22211f;
            border: 1px solid #191919;
            font-family: MyCustomFont;
            color: #eee;
            padding: 7px 1%;
            margin-right: 3%;
            margin-bottom: 20px;
            display: block;
            outline: none;
            -webkit-transition: all 200ms linear;
            -moz-transition: all 200ms linear;
            -o-transition: all 200ms linear;
            -ms-transition: all 200ms linear;
            transition: all 200ms linear;
        }

        .SignUp input[type=submit] {
            float: right;
            width: auto;
            font-family: MyCustomFont;
            height: auto;
            background-color: #22211f;
            border: 1px solid #191919;
            color: #aaa;
            padding: 7px 3%;
            display: block;
            margin-right: 3%;
            outline: none;
            cursor: pointer;
            -webkit-transition: all 200ms linear;
            -moz-transition: all 200ms linear;
            -o-transition: all 200ms linear;
            -ms-transition: all 200ms linear;
            transition: all 200ms linear;
        }

            .SignUp input[type=submit]:hover {
                color: #fff;
            }

    ::-webkit-input-placeholder {
        font-family: MyCustomFont;
        color: #444;
    }

    ::-moz-placeholder {
        font-family: MyCustomFont;
        color: #444;
    }
    /* firefox 19+ */
    :-ms-input-placeholder {
        font-family: MyCustomFont;
        color: #444;
    }
    /* ie */
    input:-moz-placeholder {
        font-family: MyCustomFont;
        color: #444;
    }

    /* User Video */

    .UserVideo {
        float: left;
        width: 98%;
        height: auto;
        margin: 1%;
    }

    .UserVideoDetails {
        position: relative;
        width: 100%;
        height: auto;
    }

        .UserVideoDetails img {
            float: left;
            width: 80px;
            height: 80px;
        }

    .UserVideoDetailsUserId {
        position: absolute;
        top: 0;
        margin-left: 8px;
        color: #fff;
    }

    .UserVideoDetailsUserDate {
        position: absolute;
        top: 22px;
        margin-left: 8px;
        color: #aaa;
        font-size: 13px;
        font-style: italic;
    }

    .UserVideoIframe {
        position: relative;
        display: block;
        background-color: #333;
        padding: 15px;
        margin-top: 20px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

        .UserVideoIframe iframe {
            width: 100%;
            height: 250px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }


    .UserVideoIframeArrow {
        position: absolute;
        top: -20px;
        left: 40px;
        margin-left: -6px;
        border-color: transparent transparent #333 transparent;
        border-style: solid;
        border-width: 10px 10px 10px 10px;
        height: 0px;
        width: 0px;
    }
}

/*
Tablet
*/

@media only screen and (max-width:767px) and (min-width:480px) {

    .Content {
        float: right;
        width: 70%;
        height: auto;
        background-color: #151515;
        margin-top: 50px;
        box-shadow: 0 -50px 50px #000;
        -moz-box-shadow: 0 -50px 50px #000;
        -webkit-box-shadow: 0 -50px 50px #000;
    }

    /*
        Home Text
        */

    .HomeText {
        position: relative;
        display: block;
        background-color: #333;
        padding: 15px;
        margin: 1.5%;
        font-size: 14px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        word-wrap: break-word;
    }

    /* Home Img */

    .HomeImgContent {
        display: block;
        padding: 1%;
    }


    .HomeImg_One {
        position: relative;
        float: left;
        display: block;
        width: 48.4%;
        margin: 0.8%;
    }

        .HomeImg_One img {
            width: 100%;
            height: auto;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

    .HomeImg_Two {
        position: relative;
        float: left;
        display: block;
        width: 98.4%;
        margin: 0.8%;
    }

        .HomeImg_Two img {
            width: 100%;
            height: auto;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

    .HomeImgShadow {
        position: absolute;
        bottom: 5px;
        left: 0;
        width: 100%;
        height: 47px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        z-index: 1;
        background-image: url('../images/TransparentImageShadow.png');
    }

    .HomeImgUserId {
        position: absolute;
        display: block;
        color: #466baf;
        bottom: 27px;
        left: 15px;
        font-size: 18px;
        z-index: 2;
        font-weight: 500;
        text-shadow: 1px 0px 30px rgba(255, 255, 255, 1);
    }

    .HomeImgUserIdDate {
        position: absolute;
        display: block;
        color: #eee;
        bottom: 10px;
        left: 15px;
        font-size: 13px;
        font-style: italic;
        z-index: 2;
    }

    /* Login Form */

    .LoginForm {
        position: absolute;
        width: 100%;
        height: auto;
        top: 50%;
        left: 0;
        margin-top: -260px;
        z-index: 999;
        padding-bottom: 20px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        display: none;
        border-radius: 5px;
        background-color: #22211f;
    }

        .LoginForm h1 {
            color: #ccc;
            display: block;
            font-family: MyCustomFont;
            font-weight: 300;
            text-decoration: none;
            font-size: 25px;
            background-color: #292929;
            text-align: center;
            padding: 15px;
        }

            .LoginForm h1 span {
                color: #000;
            }

            .LoginForm h1 div {
                position: absolute;
                color: #ccc;
                right: 10px;
                top: 10px;
                font-size: 25px;
                padding: 5px;
                cursor: pointer;
            }

                .LoginForm h1 div:hover {
                    background-color: #151515;
                }

    /* Sign In */

    .SignIn {
        float: left;
        width: 92%;
        height: auto;
        background-color: #292929;
        margin: 2%;
        padding: 2%;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

        .SignIn h2 {
            color: #ccc;
            display: block;
            font-family: MyCustomFont;
            font-weight: 300;
            text-decoration: none;
            font-size: 25px;
            text-align: left;
            padding-bottom: 10px;
        }

        .SignIn input[type=text],.SignIn input[type=email] {
            width: 98%;
            height: auto;
            background-color: #22211f;
            border: 1px solid #191919;
            font-family: MyCustomFont;
            color: #eee;
            padding: 7px 1%;
            margin: auto;
            margin-bottom: 20px;
            display: block;
            outline: none;
            -webkit-transition: all 200ms linear;
            -moz-transition: all 200ms linear;
            -o-transition: all 200ms linear;
            -ms-transition: all 200ms linear;
            transition: all 200ms linear;
        }

        .SignIn input[type=password] {
            width: 98%;
            height: auto;
            background-color: #22211f;
            border: 1px solid #191919;
            font-family: MyCustomFont;
            color: #eee;
            padding: 7px 1%;
            margin: auto;
            margin-bottom: 20px;
            display: block;
            outline: none;
            -webkit-transition: all 200ms linear;
            -moz-transition: all 200ms linear;
            -o-transition: all 200ms linear;
            -ms-transition: all 200ms linear;
            transition: all 200ms linear;
        }

        .SignIn input[type=submit] {
            float: right;
            width: auto;
            font-family: MyCustomFont;
            height: auto;
            background-color: #22211f;
            border: 1px solid #191919;
            color: #aaa;
            padding: 7px 3%;
            display: block;
            outline: none;
            cursor: pointer;
            -webkit-transition: all 200ms linear;
            -moz-transition: all 200ms linear;
            -o-transition: all 200ms linear;
            -ms-transition: all 200ms linear;
            transition: all 200ms linear;
        }

            .SignIn input[type=submit]:hover {
                color: #fff;
            }

    ::-webkit-input-placeholder {
        font-family: MyCustomFont;
        color: #444;
    }

    ::-moz-placeholder {
        font-family: MyCustomFont;
        color: #444;
    }
    /* firefox 19+ */
    :-ms-input-placeholder {
        font-family: MyCustomFont;
        color: #444;
    }
    /* ie */
    input:-moz-placeholder {
        font-family: MyCustomFont;
        color: #444;
    }

    /* I Forgot My Password */

    .IForgotMyPassword {
        font-size: 12px;
        color: #555;
    }

        .IForgotMyPassword span {
            -webkit-transition: all 200ms linear;
            -moz-transition: all 200ms linear;
            -o-transition: all 200ms linear;
            -ms-transition: all 200ms linear;
            transition: all 200ms linear;
        }

        .IForgotMyPassword:hover > span {
            color: #eee;
        }

    /* Sign Up */

    .SignUp {
        float: 98%;
        height: auto;
        padding: 4% 0 0 2%;
    }

        .SignUp h2 {
            color: #ccc;
            display: block;
            font-family: MyCustomFont;
            font-weight: 300;
            text-decoration: none;
            font-size: 25px;
            text-align: left;
            padding-bottom: 10px;
        }

        .SignUp input[type=text],.SignUp input[type=email] {
            float: left;
            width: 45%;
            height: auto;
            background-color: #22211f;
            border: 1px solid #191919;
            font-family: MyCustomFont;
            color: #eee;
            padding: 7px 1%;
            margin-bottom: 20px;
            margin-right: 2%;
            display: block;
            outline: none;
            -webkit-transition: all 200ms linear;
            -moz-transition: all 200ms linear;
            -o-transition: all 200ms linear;
            -ms-transition: all 200ms linear;
            transition: all 200ms linear;
        }

        .SignUp input[type=password] {
            float: left;
            width: 45%;
            height: auto;
            background-color: #22211f;
            border: 1px solid #191919;
            font-family: MyCustomFont;
            color: #eee;
            padding: 7px 1%;
            margin-right: 2%;
            margin-bottom: 20px;
            display: block;
            outline: none;
            -webkit-transition: all 200ms linear;
            -moz-transition: all 200ms linear;
            -o-transition: all 200ms linear;
            -ms-transition: all 200ms linear;
            transition: all 200ms linear;
        }

        .SignUp input[type=submit] {
            float: right;
            width: auto;
            font-family: MyCustomFont;
            height: auto;
            background-color: #22211f;
            border: 1px solid #191919;
            color: #aaa;
            padding: 7px 3%;
            display: block;
            margin-right: 3%;
            outline: none;
            cursor: pointer;
            -webkit-transition: all 200ms linear;
            -moz-transition: all 200ms linear;
            -o-transition: all 200ms linear;
            -ms-transition: all 200ms linear;
            transition: all 200ms linear;
        }

            .SignUp input[type=submit]:hover {
                color: #fff;
            }

    ::-webkit-input-placeholder {
        font-family: MyCustomFont;
        color: #444;
    }

    ::-moz-placeholder {
        font-family: MyCustomFont;
        color: #444;
    }
    /* firefox 19+ */
    :-ms-input-placeholder {
        font-family: MyCustomFont;
        color: #444;
    }
    /* ie */
    input:-moz-placeholder {
        font-family: MyCustomFont;
        color: #444;
    }

    /* User Video */

    .UserVideo {
        float: left;
        width: 96%;
        height: auto;
        margin: 2%;
    }

    .UserVideoDetails {
        position: relative;
        width: 100%;
        height: auto;
    }

        .UserVideoDetails img {
            float: left;
            width: 80px;
            height: 80px;
        }

    .UserVideoDetailsUserId {
        position: absolute;
        top: 0;
        margin-left: 8px;
        color: #fff;
    }

    .UserVideoDetailsUserDate {
        position: absolute;
        top: 22px;
        margin-left: 8px;
        color: #aaa;
        font-size: 13px;
        font-style: italic;
    }

    .UserVideoIframe {
        position: relative;
        display: block;
        background-color: #333;
        padding: 15px;
        margin-top: 20px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

        .UserVideoIframe iframe {
            width: 100%;
            height: 200px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }


    .UserVideoIframeArrow {
        position: absolute;
        top: -20px;
        left: 40px;
        margin-left: -6px;
        border-color: transparent transparent #333 transparent;
        border-style: solid;
        border-width: 10px 10px 10px 10px;
        height: 0px;
        width: 0px;
    }
}

/*
Phone
*/

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

    .Content {
        float: right;
        width: 100%;
        height: auto;
        background-color: #151515;
        margin-top: 50px;
        box-shadow: 0 -50px 50px #000;
        -moz-box-shadow: 0 -50px 50px #000;
        -webkit-box-shadow: 0 -50px 50px #000;
    }

    /*
        Home Text
        */

    .HomeText {
        position: relative;
        display: block;
        background-color: #333;
        padding: 15px;
        margin: 1.5%;
        font-size: 14px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        word-wrap: break-word;
    }

    /* Home Img */

    .HomeImgContent {
        display: block;
        padding: 1%;
    }


    .HomeImg_One {
        position: relative;
        float: left;
        display: block;
        width: 98.4%;
        margin: 0.8%;
    }

        .HomeImg_One img {
            width: 100%;
            height: auto;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

    .HomeImg_Two {
        position: relative;
        float: left;
        display: block;
        width: 98.4%;
        margin: 0.8%;
    }

        .HomeImg_Two img {
            width: 100%;
            height: auto;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

    .HomeImgShadow {
        position: absolute;
        bottom: 5px;
        left: 0;
        width: 100%;
        height: 47px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        z-index: 1;
        background-image: url('../images/TransparentImageShadow.png');
    }

    .HomeImgUserId {
        position: absolute;
        display: block;
        color: #466baf;
        bottom: 27px;
        left: 15px;
        font-size: 18px;
        z-index: 2;
        font-weight: 500;
        text-shadow: 1px 0px 30px rgba(255, 255, 255, 1);
    }

    .HomeImgUserIdDate {
        position: absolute;
        display: block;
        color: #eee;
        bottom: 10px;
        left: 15px;
        font-size: 13px;
        font-style: italic;
        z-index: 2;
    }
    /* Login Form */

    .LoginForm {
        position: absolute;
        width: 100%;
        height: auto;
        top: 60px;
        padding-bottom: 20px;
        left: 0;
        z-index: 999;
        display: none;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background-color: #22211f;
    }

        .LoginForm h1 {
            color: #ccc;
            display: block;
            font-family: MyCustomFont;
            font-weight: 300;
            text-decoration: none;
            font-size: 25px;
            background-color: #292929;
            text-align: center;
            padding: 15px;
        }

            .LoginForm h1 span {
                color: #000;
            }

            .LoginForm h1 div {
                position: absolute;
                color: #ccc;
                right: 10px;
                top: 10px;
                font-size: 25px;
                padding: 5px;
                cursor: pointer;
            }

                .LoginForm h1 div:hover {
                    background-color: #151515;
                }

    /* Sign In */

    .SignIn {
        float: left;
        width: 92%;
        height: auto;
        background-color: #292929;
        margin: 2%;
        padding: 2%;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

        .SignIn h2 {
            color: #ccc;
            display: block;
            font-family: MyCustomFont;
            font-weight: 300;
            text-decoration: none;
            font-size: 25px;
            text-align: left;
            padding-bottom: 10px;
        }

        .SignIn input[type=text],.SignIn input[type=email] {
            width: 98%;
            height: auto;
            background-color: #22211f;
            border: 1px solid #191919;
            font-family: MyCustomFont;
            color: #eee;
            padding: 7px 1%;
            margin: auto;
            margin-bottom: 20px;
            display: block;
            outline: none;
            -webkit-transition: all 200ms linear;
            -moz-transition: all 200ms linear;
            -o-transition: all 200ms linear;
            -ms-transition: all 200ms linear;
            transition: all 200ms linear;
        }

        .SignIn input[type=password] {
            width: 98%;
            height: auto;
            background-color: #22211f;
            border: 1px solid #191919;
            font-family: MyCustomFont;
            color: #eee;
            padding: 7px 1%;
            margin: auto;
            margin-bottom: 20px;
            display: block;
            outline: none;
            -webkit-transition: all 200ms linear;
            -moz-transition: all 200ms linear;
            -o-transition: all 200ms linear;
            -ms-transition: all 200ms linear;
            transition: all 200ms linear;
        }

        .SignIn input[type=submit] {
            float: right;
            width: auto;
            font-family: MyCustomFont;
            height: auto;
            background-color: #22211f;
            border: 1px solid #191919;
            color: #aaa;
            padding: 7px 3%;
            display: block;
            outline: none;
            cursor: pointer;
            -webkit-transition: all 200ms linear;
            -moz-transition: all 200ms linear;
            -o-transition: all 200ms linear;
            -ms-transition: all 200ms linear;
            transition: all 200ms linear;
        }

            .SignIn input[type=submit]:hover {
                color: #fff;
            }

    ::-webkit-input-placeholder {
        font-family: MyCustomFont;
        color: #444;
    }

    ::-moz-placeholder {
        font-family: MyCustomFont;
        color: #444;
    }
    /* firefox 19+ */
    :-ms-input-placeholder {
        font-family: MyCustomFont;
        color: #444;
    }
    /* ie */
    input:-moz-placeholder {
        font-family: MyCustomFont;
        color: #444;
    }

    /* I Forgot My Password */

    .IForgotMyPassword {
        font-size: 12px;
        color: #555;
    }

        .IForgotMyPassword span {
            -webkit-transition: all 200ms linear;
            -moz-transition: all 200ms linear;
            -o-transition: all 200ms linear;
            -ms-transition: all 200ms linear;
            transition: all 200ms linear;
        }

        .IForgotMyPassword:hover > span {
            color: #eee;
        }

    /* Sign Up */

    .SignUp {
        float: 98%;
        height: auto;
        padding: 4% 0 0 2%;
    }

        .SignUp h2 {
            color: #ccc;
            display: block;
            font-family: MyCustomFont;
            font-weight: 300;
            text-decoration: none;
            font-size: 25px;
            text-align: left;
            padding-bottom: 10px;
        }

        .SignUp input[type=text],.SignUp input[type=email] {
            float: left;
            width: 96%;
            height: auto;
            background-color: #22211f;
            border: 1px solid #191919;
            font-family: MyCustomFont;
            color: #eee;
            padding: 7px 1%;
            margin-bottom: 20px;
            margin-right: 2%;
            display: block;
            outline: none;
            -webkit-transition: all 200ms linear;
            -moz-transition: all 200ms linear;
            -o-transition: all 200ms linear;
            -ms-transition: all 200ms linear;
            transition: all 200ms linear;
        }

        .SignUp input[type=password] {
            float: left;
            width: 96%;
            height: auto;
            background-color: #22211f;
            border: 1px solid #191919;
            font-family: MyCustomFont;
            color: #eee;
            padding: 7px 1%;
            margin-right: 3%;
            margin-bottom: 20px;
            display: block;
            outline: none;
            -webkit-transition: all 200ms linear;
            -moz-transition: all 200ms linear;
            -o-transition: all 200ms linear;
            -ms-transition: all 200ms linear;
            transition: all 200ms linear;
        }

        .SignUp input[type=submit] {
            float: right;
            width: auto;
            font-family: MyCustomFont;
            height: auto;
            background-color: #22211f;
            border: 1px solid #191919;
            color: #aaa;
            padding: 7px 3%;
            display: block;
            margin-right: 3%;
            outline: none;
            cursor: pointer;
            -webkit-transition: all 200ms linear;
            -moz-transition: all 200ms linear;
            -o-transition: all 200ms linear;
            -ms-transition: all 200ms linear;
            transition: all 200ms linear;
        }

            .SignUp input[type=submit]:hover {
                color: #fff;
            }

    ::-webkit-input-placeholder {
        font-family: MyCustomFont;
        color: #444;
    }

    ::-moz-placeholder {
        font-family: MyCustomFont;
        color: #444;
    }
    /* firefox 19+ */
    :-ms-input-placeholder {
        font-family: MyCustomFont;
        color: #444;
    }
    /* ie */
    input:-moz-placeholder {
        font-family: MyCustomFont;
        color: #444;
    }
    /* User Video */

    .UserVideo {
        float: left;
        width: 96%;
        height: auto;
        margin: 2%;
    }

    .UserVideoDetails {
        position: relative;
        width: 100%;
        height: auto;
    }

        .UserVideoDetails img {
            float: left;
            width: 80px;
            height: 80px;
        }

    .UserVideoDetailsUserId {
        position: absolute;
        top: 0;
        margin-left: 8px;
        color: #fff;
    }

    .UserVideoDetailsUserDate {
        position: absolute;
        top: 22px;
        margin-left: 8px;
        color: #aaa;
        font-size: 13px;
        font-style: italic;
    }

    .UserVideoIframe {
        position: relative;
        display: block;
        background-color: #333;
        padding: 15px;
        margin-top: 20px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

        .UserVideoIframe iframe {
            width: 100%;
            height: 200px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }


    .UserVideoIframeArrow {
        position: absolute;
        top: -20px;
        left: 40px;
        margin-left: -6px;
        border-color: transparent transparent #333 transparent;
        border-style: solid;
        border-width: 10px 10px 10px 10px;
        height: 0px;
        width: 0px;
    }
}