@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,700);

@font-face {
    font-family: "Colonna_TTF";
    src: url(../fonts/ttf/colonna_mt.ttf);
}

@font-face {
    font-family: "Colonna_IE";
    src: url(../fonts/eot/colonna_mt.eot);
    src: url(../fonts/woff/colonna_mt.woff);
}

body {
    background-color: #e8e8e8;
    /*background-image: url("../img/AllImages/9.png");
    background-repeat: no-repeat;
    background-position: fixed;
    -webkit-moz-background-size: cover;
    -moz-moz-background-size: cover;
    -ms-moz-background-size: cover;
    -o-moz-background-size: cover;
    background-size: cover;
    top: 10px;*/
}

.navbar {
    background-color: rgba(0, 0, 0, 0.70);
}

.smIcon {
    font: 60px "Colonna_TTF", "Colonna_IE";
    padding: 0px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;

}

.mainAnch {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    margin-right: 50px;
    margin-left: 50px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.mainAnch:hover {
    color: #808080;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.thisPage {
    color: #808080;
}

.bigIcon {
    font: 200px "Colonna_TTF", "Colonna_IE";
    /*height: 200px;
    width: 200px;
    border-radius: 200px;
    background-color: #ffffff;
    box-shadow: 0px 0px 2px;*/
    margin: 0 auto;
    margin-bottom: -65px;
}

#demo {
    margin: 0 auto;
    margin-top: 50px;
}

.iconName {
    margin-bottom: 10px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 30px;
}

.myPortWeb {
    margin-top: 75px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 25px;
}

.downArrow1 {
    color: rgba(0, 0, 0, 0.70);
    font-size: 50px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-bottom: 1px #202020 solid;
    width: 80%;
    padding-bottom: 10px;
    margin-bottom: 100px;
}

.downArrow1:hover {
    color: #808080;
    font-size: 50px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.downArrowHome {
    color: #ffffff;
    font-size: 50px;
    padding-bottom: 50px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.downArrowHome:hover {
    color: #808080;
    font-size: 50px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.MoreInfo {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 12px;
    margin-top: 50px;
}

.MyContent a{
    text-decoration: none;
}

.MyContent {
    text-align: center;
    padding-bottom: 50px;
}

#dissappearingtext {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 70px;
}

#wss {
    opacity: 0;
    -webkit-transition: opacity 1.0s linear 0s;
    -moz-transition: opacity 1.0s linear 0s;
    -o-transition: opacity 1.0s linear 0s;
    -ms-transition: opacity 1.0s linear 0s;
    transition: opacity 1.0s linear 0s;
}

.aarulimg {
    background-image: url("../img/AllImages/aarulimg.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
    height: 150px;
    width: 150px;
    border-radius: 150px;
    border: 1px #e8e8e8 solid;
    margin: 0 auto;
}

.openingline {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 20px;
    line-height: 250%;
    margin-top: 30px;
}

.ProfileTitle {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 60px;
    margin-top: 50px;
}

.MyProfile {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 25px;
    line-height: 200%;
    margin-top: 80px;
    text-align: left;
}

footer {
    background-color: #808080;
    height: 100%;
    text-align: center;
    z-index: 10;
}

.SNCirecl {
    height: 50px;
    width: 50px;
    border-radius: 50px;
    background-color: rgba(232, 232, 232, 0.10);
    margin: 0 auto;
    display: inline-block;
    margin-left: 15px;
    margin-right: 15px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.FBCircle {
    border: 1px #ffffff solid;
}
.FBCircle:hover {
    border: 1px #485a94 solid;
    box-shadow: inset 0px 0px 80px 30px #485a94;
}

.TwCircle {
    border: 1px #ffffff solid;
}

.TwCircle:hover {
    border: 1px #79a9d9 solid;
    box-shadow: inset 0px 0px 80px 30px #79A9D9;

}

.GOCircle {
    border: 1px #ffffff solid;
}

.GOCircle:hover {
    border: 1px #c64e42 solid;
    box-shadow: inset 0px 0px 80px 30px #C64E42;
}

.INCircle {
    border: 1px #ffffff solid;
}

.INCircle:hover {
    border: 1px #437cb1 solid;
    box-shadow: inset 0px 0px 80px 30px #437cb1;
}

.SNText {
    color: #ffffff;
    font-size: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.SNcenter {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;

}

.shareTxt {
    color: #ffffff;
}
/*
.FBbox {
    background-color: #ffffff;
    height: 130px;
    width: 130px;
    position: absolute;
    border-radius: 20px;
    margin-top: -400px;
    box-shadow: #000000 0px 0px 50px;

}*/

.FBbox {
    position: absolute;
    z-index: 2;
    width: 125px;
    max-width: 460px;
    min-width: 100px;
    height: 125px;
    background: #ffffff;
    margin: 0 auto;
    left: 0;
    right: 0;
    border-radius: 20px;
    margin-top: -200px;
    box-shadow: #000000 0px 0px 50px;
    display: none;
}

.FBshare {
    margin-left: 15%;
    margin-top: 45%;
}

.TWbox {
    position: absolute;
    z-index: 2;
    width: 125px;
    max-width: 460px;
    min-width: 100px;
    height: 125px;
    background: #ffffff;
    margin: 0 auto;
    left: 0;
    right: 0;
    border-radius: 20px;
    margin-top: -200px;
    box-shadow: #000000 0px 0px 50px;
    display: none;
}

.TWshare {
    margin-left: 20%;
    margin-top: 45%;
}

.GObox {
    position: absolute;
    z-index: 2;
    width: 225px;
    max-width: 460px;
    min-width: 100px;
    height: 125px;
    background: #ffffff;
    margin: 0 auto;
    left: 0;
    right: 0;
    border-radius: 20px;
    margin-top: -200px;
    box-shadow: #000000 0px 0px 50px;
    display: none;
}

.GOshare {
    margin-left: 10%;
    margin-top: 25%;
}

.INbox {
    position: absolute;
    z-index: 2;
    width: 125px;
    max-width: 460px;
    min-width: 100px;
    height: 125px;
    background: #ffffff;
    margin: 0 auto;
    left: 0;
    right: 0;
    border-radius: 20px;
    margin-top: -200px;
    box-shadow: #000000 0px 0px 50px;
    display: none;
}

.INshare {
    margin-left: 15%;
    margin-top: 45%;
}
/*
.SNBlack {
    background-color: rgba(0, 0, 0, 0.70);
    height: 5000px;
    width: 100%;
    position: absolute;
    margin-top: -5000px;
    display: none;
}*/

.SNBlack {
    background-color: rgba(0, 0, 0, 0.70);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: none;
    z-index: 0;
}

.gap {
    height: 20px;
    background: none;
}

.myCV {
    margin-top: 50px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 25px;
}

.CVicon {
    font-size: 25px;
}

.myCV a{
    text-decoration: none;
    color: #ffffff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.myCV a:hover{
    text-decoration: none;
    color: #808080;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}














/*PAGE 2*/

.row a {
    text-decoration: none;
}

.DroppinzPortfolioTitle {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 60px;
    margin-top: 80px;
    margin-bottom: 20px;
    padding-bottom: 25px;
    margin-left: 10px;
    margin-right: 10px;
}

.DroppinzWorkTitle {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 50px;
    margin-top: 100px;
    padding-top: 25px;
    border-top: 1px #202020 solid;
}

.PortfolioTitle {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 60px;
    margin-top: 80px;
    margin-bottom: 20px;
    padding-bottom: 25px;
    border-bottom: 1px #202020 solid;
    margin-left: 10px;
    margin-right: 10px;
}

.MainPortCircles {
    background-color: #e8e8e8;
    height: 200px;
    width: 200px;
    border-radius: 100px;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 50px;
    box-shadow: rgba(0, 0, 0, 0.50) 0px -15px 10px;

}

.PortIcon {
    font-size: 50px;
    padding-top: 30px;
    color: #808080;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.PortText {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 30px;
    padding-top: 10px;
    color: #808080;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.BestCircle {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.AppCircle {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.AppCircle:hover {

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.VRARCircle {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.GameCircle {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.BookCircle {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.PhotoCircle {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.VideoCircle {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.WebsiteCircle {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.CallCircle {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.MyNumber {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 30px;
    color: #808080;
    margin-top: -60px;
    margin-bottom: 10px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.EmailCircle {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.MyEmail {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 30px;
    color: #808080;
    margin-top: -60px;
    margin-bottom: 100px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.FollowCircle {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.FollowMe {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 30px;
    color: #808080;
    margin-top: -60px;
    margin-bottom: 100px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


















.GoBackMain {
    color: #e8e8e8;
    font-size: 50px;
    margin-bottom: 50px;
    padding-left: 13px;
}

.BackPortfolioPage {
    top: 70px;
    left: 10px;
    position: fixed;
    background-color: rgba(128, 128, 128, 0.25);
    height: 50px;
    width: 50px;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 999;
}

.BackPortfolioPage:hover {
    background-color: #808080;
}

.DiscriptonLink {
    text-decoration: none;
    color: #202020;
    border-bottom: 1px #202020 solid;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.DiscriptonLink:hover {
    text-decoration: none;
    color: #808080;
    border-bottom: 1px #808080 solid;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.WorkDiscription a {
    text-decoration: none;
}

.WorkTitle {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 50px;
    margin-top: 30px;
}

.TopListNo {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 50px;
    border: 1px #202020 solid;
    height: 70px;
    width: 70px;
    border-radius: 70px;
    margin: 0 auto;
}

.WorkSubtitle {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 15px;
    margin-bottom: 10px;
    margin-top: 15px;
}

.WorkDiscription {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 20px;
    line-height: 250%;
    margin-top: 25px;
}

.EndWork {
    border-bottom: 1px #202020 solid;
    background: none;
    margin-bottom: 25px;
}

.EndWork2 {
    border-bottom: 1px #202020 solid;
    background: none;
    margin-top: 9%;
    margin-bottom: 25px;
}

.MoreInfoButton {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    background-color: #e8e8e8;
    height: 50px;
    width: 200px;
    margin: 0 auto;
    border-radius: 5px;
    border: 1px #808080 solid;
    margin-top: 25px;
    margin-bottom: 35px;
    color: #808080;
    padding-top: 14px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ButtonNo1 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
}

.ButtonNo2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
}

.ButtonNo3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
}

.ButtonNo4 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
}

.ButtonNo5 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
}

.ButtonNo6 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
}

.ButtonNo7 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
}

.SideButtonNo1 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
}

.SideButtonNo2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
}

.SideButtonNo3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
}

.SideButtonNo4 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
}

.SideButtonNo5 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
}


.imgOriantation {
    height: 90px;
    width: 90px;
    background-repeat: no-repeat;
    box-shadow: rgba(32, 32, 32, 0.70) 0px 0px 20px;
    border-radius: 100px;
    border: 1px #e8e8e8 solid;
    margin: 0 auto;
    margin-bottom: 25px;
    margin-top: 25px;
    background-position: center;
    opacity: 0.5;
    background-color: #e8e8e8;
    padding-bottom: 10px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.imgOriantation:hover {
    opacity: 0.9;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.BlankGapImg {
    background: none;
    height: 10px;
    width: 10px;
}

.ContButtonOrientation {
    height: 50px;
    width: 50px;
    border-radius: 5px;
    margin: 0 auto;
    margin-bottom: 50px;
    margin-top: 50px;
    background-color: rgba(128, 128, 128, 0.20);
    padding-bottom: 10px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.ContButtonOrientation:hover {
    background-color: #808080;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.BackButtonFont {
    color: #e8e8e8;
    font-size: 50px;
    padding-right: 5px;
}

.NextButtonFont {
    color: #e8e8e8;
    font-size: 50px;
    padding-left: 5px;
}

.NextBackMainBlock {
    width: 100%;
    height: 50px;
}

.ContentBack1 {
    display: none;
}

.ContentBack2 {
    display: none;
}

.ContentFront2 {
    display: none;
}

.Content5 {
    display: none;
}

.Content6 {
    display: none;
}

.Content7 {
    display: none;
}

.Content8 {
    display: none;
}

.Content9 {
    display: none;
}

.Content10 {
    display: none;
}








.For1Back1 {
    display: none;
}

.For1Back2 {
    display: none;
}

.For1Front2 {
    display: none;
}

.For1Back3 {
    display: none;
}

.For1Front3 {
    display: none;
}

.For1Content5 {
    display: none;
}

.For1Content6 {
    display: none;
}

.For1Content7 {
    display: none;
}

.For1Content8 {
    display: none;
}

.For1Content9 {
    display: none;
}

.For1Content10 {
    display: none;
}

.For1Content11 {
    display: none;
}

.For1Content12 {
    display: none;
}

.For1Content13 {
    display: none;
}










.For2Back1 {
    display: none;
}

.For2Back2 {
    display: none;
}

.For2Front2 {
    display: none;
}

.For2Back3 {
    display: none;
}

.For2Front3 {
    display: none;
}

.For2Back4 {
    display: none;
}

.For2Front4 {
    display: none;
}

.For2Back5 {
    display: none;
}

.For2Front5 {
    display: none;
}

.For2Back6 {
    display: none;
}

.For2Front6 {
    display: none;
}

.For2Content5 {
    display: none;
}

.For2Content6 {
    display: none;
}

.For2Content7 {
    display: none;
}

.For2Content8 {
    display: none;
}

.For2Content9 {
    display: none;
}

.For2Content10 {
    display: none;
}

.For2Content11 {
    display: none;
}

.For2Content12 {
    display: none;
}

.For2Content13 {
    display: none;
}

.For2Content14 {
    display: none;
}

.For2Content15 {
    display: none;
}

.For2Content16 {
    display: none;
}

.For2Content17 {
    display: none;
}

.For2Content18 {
    display: none;
}

.For2Content19 {
    display: none;
}

.For2Content20 {
    display: none;
}

.For2Content21 {
    display: none;
}

.For2Content22 {
    display: none;
}

.For2Content23 {
    display: none;
}

.For2Content24 {
    display: none;
}

.For2Content25 {
    display: none;
}

.For2Content26 {
    display: none;
}

.For2Content27 {
    display: none;
}

.For2Content28 {
    display: none;
}











.For3Back1 {
    display: none;
}

.For3Back2 {
    display: none;
}

.For3Front2 {
    display: none;
}

.For3Back3 {
    display: none;
}

.For3Front3 {
    display: none;
}

.For3Back4 {
    display: none;
}

.For3Front4 {
    display: none;
}

.For3Back5 {
    display: none;
}

.For3Front5 {
    display: none;
}

.For3Content5 {
    display: none;
}

.For3Content6 {
    display: none;
}

.For3Content7 {
    display: none;
}

.For3Content8 {
    display: none;
}

.For3Content9 {
    display: none;
}

.For3Content10 {
    display: none;
}

.For3Content11 {
    display: none;
}

.For3Content12 {
    display: none;
}

.For3Content13 {
    display: none;
}

.For3Content14 {
    display: none;
}

.For3Content15 {
    display: none;
}

.For3Content16 {
    display: none;
}

.For3Content17 {
    display: none;
}

.For3Content18 {
    display: none;
}

.For3Content19 {
    display: none;
}

.For3Content20 {
    display: none;
}

.For3Content21 {
    display: none;
}

.For3Content22 {
    display: none;
}

.DownloadApp {
    margin: 0 auto;
}

.AppleStore {
    margin: 0 auto;
    background-image: url("../img/AllImages/AppStoreLogo/AppleStoreLogo.png");
    background-repeat: no-repeat;
    background-position: center;
    height: 50px;
    width: 140px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.GoogleStore {
    margin: 0 auto;
    background-image: url("../img/AllImages/AppStoreLogo/GooglePlayStoreLogo.png");
    background-repeat: no-repeat;
    background-position: center;
    height: 50px;
    width: 140px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.SmallAppleStore {
    margin: 0 auto;
    background-image: url("../img/AllImages/AppStoreLogo/Small/AppleStoreLogo.png");
    background-repeat: no-repeat;
    background-position: center;
    height: 45px;
    width: 120px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.SmallGoogleStore {
    margin: 0 auto;
    background-image: url("../img/AllImages/AppStoreLogo/Small/GooglePlayStoreLogo.png");
    background-repeat: no-repeat;
    background-position: center;
    height: 45px;
    width: 120px;
    margin-top: 10px;
    margin-bottom: 10px;
}


.smallLittleMoreImg1 {
    background-image: url("../img/AllImages/Small/smalluniapp/1.png");
}

.smallLittleMoreImg2 {
    background-image: url("../img/AllImages/Small/smalluniapp/2.png");
}

.smallLittleMoreImg3 {
    background-image: url("../img/AllImages/Small/smalluniapp/3.png");
}

.smallLittleMoreImg4 {
    background-image: url("../img/AllImages/Small/smalluniapp/4.png");
}





.SmallDonanaNationalParkImg1 {
    background-image: url("../img/AllImages/Small/smallDonanaNationalPark/1.png");
}

.SmallDonanaNationalParkImg2 {
    background-image: url("../img/AllImages/Small/smallDonanaNationalPark/2.png");
}

.SmallDonanaNationalParkImg3 {
    background-image: url("../img/AllImages/Small/smallDonanaNationalPark/3.png");
}

.SmallDonanaNationalParkImg4 {
    background-image: url("../img/AllImages/Small/smallDonanaNationalPark/4.png");
}

.SmallDNPWorkImg1 {
    background-image: url("../img/AllImages/Small/smallDonanaNationalPark/W1.png");
}

.SmallDNPWorkImg2 {
    background-image: url("../img/AllImages/Small/smallDonanaNationalPark/W2.png");
}

.SmallDNPWorkImg3 {
    background-image: url("../img/AllImages/Small/smallDonanaNationalPark/W3.png");
}

.SmallDNPWorkImg4 {
    background-image: url("../img/AllImages/Small/smallDonanaNationalPark/W4.png");
}

.SmallDNPWorkImg5 {
    background-image: url("../img/AllImages/Small/smallDonanaNationalPark/W5.png");
}

.SmallDNPWorkImg6 {
    background-image: url("../img/AllImages/Small/smallDonanaNationalPark/W6.png");
}

.SmallDNPWorkImg7 {
    background-image: url("../img/AllImages/Small/smallDonanaNationalPark/W7.png");
}

.SmallDNPWorkImg8 {
    background-image: url("../img/AllImages/Small/smallDonanaNationalPark/W8.png");
}

.SmallDNPWorkImg9 {
    background-image: url("../img/AllImages/Small/smallDonanaNationalPark/W9.png");
}





.SmallSkywalkImg1 {
    background-image: url("../img/AllImages/Small/smallSkyWalk/1.png");
}

.SmallSkywalkImg2 {
    background-image: url("../img/AllImages/Small/smallSkyWalk/2.png");
}

.SmallSkywalkImg3 {
    background-image: url("../img/AllImages/Small/smallSkyWalk/3.png");
}

.SmallSkywalkImg4 {
    background-image: url("../img/AllImages/Small/smallSkyWalk/4.png");
}



.SmallSkywalkWorkImg1 {
    background-image: url("../img/AllImages/Small/smallSkyWalk/work1.png");
}

.SmallSkywalkWorkImg2 {
    background-image: url("../img/AllImages/Small/smallSkyWalk/work2.png");
}

.SmallSkywalkWorkImg3 {
    background-image: url("../img/AllImages/Small/smallSkyWalk/work3.png");
}

.SmallSkywalkWorkImg4 {
    background-image: url("../img/AllImages/Small/smallSkyWalk/work4.png");
}

.SmallSkywalkWorkImg5 {
    background-image: url("../img/AllImages/Small/smallSkyWalk/work5.png");
}

.SmallSkywalkWorkImg6 {
    background-image: url("../img/AllImages/Small/smallSkyWalk/work6.png");
}

.SmallSkywalkWorkImg7 {
    background-image: url("../img/AllImages/Small/smallSkyWalk/work7.png");
}

.SmallSkywalkWorkImg8 {
    background-image: url("../img/AllImages/Small/smallSkyWalk/work8.png");
}

.SmallSkywalkWorkImg9 {
    background-image: url("../img/AllImages/Small/smallSkyWalk/work9.png");
}

.SmallSkywalkWorkImg10 {
    background-image: url("../img/AllImages/Small/smallSkyWalk/work10.png");
}





.SmallSkywalkDesignImg1 {
    background-image: url("../img/AllImages/Small/smallSkyWalk/design1.png");
}

.SmallSkywalkDesignImg2 {
    background-image: url("../img/AllImages/Small/smallSkyWalk/design2.png");
}

.SmallSkywalkDesignImg3 {
    background-image: url("../img/AllImages/Small/smallSkyWalk/design3.png");
}

.SmallSkywalkDesignImg4 {
    background-image: url("../img/AllImages/Small/smallSkyWalk/design4.png");
}

.SmallSkywalkDesignImg5 {
    background-image: url("../img/AllImages/Small/smallSkyWalk/design5.png");
}

.SmallSkywalkDesignImg6 {
    background-image: url("../img/AllImages/Small/smallSkyWalk/design6.png");
}

.SmallSkywalkDesignImg7 {
    background-image: url("../img/AllImages/Small/smallSkyWalk/design7.png");
}

.SmallSkywalkDesignImg8 {
    background-image: url("../img/AllImages/Small/smallSkyWalk/design8.png");
}

.SmallSkywalkDesignImg9 {
    background-image: url("../img/AllImages/Small/smallSkyWalk/design9.png");
}

.SmallSkywalkDesignImg10 {
    background-image: url("../img/AllImages/Small/smallSkyWalk/design10.png");
}

.SmallSkywalkDesignImg11 {
    background-image: url("../img/AllImages/Small/smallSkyWalk/design11.png");
}

.SmallSkywalkDesignImg12 {
    background-image: url("../img/AllImages/Small/smallSkyWalk/design12.png");
}

.SmallSkywalkDesignImg13 {
    background-image: url("../img/AllImages/Small/smallSkyWalk/design13.png");
}

.SmallSkywalkDesignImg14 {
    background-image: url("../img/AllImages/Small/smallSkyWalk/design14.png");
}

.SmallSkywalkDesignImg15 {
    background-image: url("../img/AllImages/Small/smallSkyWalk/design15.png");
}





.SmallSkywalkDevelopmentImg1 {
    background-image: url("../img/AllImages/Small/smallSkyWalk/develpment1.png");
}

.SmallSkywalkDevelopmentImg2 {
    background-image: url("../img/AllImages/Small/smallSkyWalk/develpment2.png");
}

.SmallSkywalkDevelopmentImg3 {
    background-image: url("../img/AllImages/Small/smallSkyWalk/develpment3.png");
}

.SmallSkywalkDevelopmentImg4 {
    background-image: url("../img/AllImages/Small/smallSkyWalk/develpment4.png");
}

.SmallSkywalkDevelopmentImg5 {
    background-image: url("../img/AllImages/Small/smallSkyWalk/develpment5.png");
}

.SmallSkywalkDevelopmentImg6 {
    background-image: url("../img/AllImages/Small/smallSkyWalk/develpment6.png");
}

.SmallSkywalkDevelopmentImg7 {
    background-image: url("../img/AllImages/Small/smallSkyWalk/develpment7.png");
}

.SmallSkywalkDevelopmentImg8 {
    background-image: url("../img/AllImages/Small/smallSkyWalk/develpment8.png");
}

.SmallSkywalkDevelopmentImg9 {
    background-image: url("../img/AllImages/Small/smallSkyWalk/develpment9.png");
}

.SmallSkywalkDevelopmentImg10 {
    background-image: url("../img/AllImages/Small/smallSkyWalk/develpment10.png");
}

.SmallSkywalkDevelopmentImg11 {
    background-image: url("../img/AllImages/Small/smallSkyWalk/develpment11.png");
}

.SmallSkywalkDevelopmentImg12 {
    background-image: url("../img/AllImages/Small/smallSkyWalk/develpment12.png");
}

.SmallSkywalkDevelopmentImg13 {
    background-image: url("../img/AllImages/Small/smallSkyWalk/develpment13.png");
}

.SmallSkywalkDevelopmentImg14 {
    background-image: url("../img/AllImages/Small/smallSkyWalk/develpment14.png");
}

.SmallSkywalkDevelopmentImg15 {
    background-image: url("../img/AllImages/Small/smallSkyWalk/develpment15.png");
}




.SmallEchelonNetMainImg1 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/MainImgs/1.png");
}

.SmallEchelonNetMainImg2 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/MainImgs/2.png");
}

.SmallEchelonNetMainImg3 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/MainImgs/3.png");
}

.SmallEchelonNetMainImg4 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/MainImgs/4.png");
}

.SmallEchelonNetMainImg5 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/MainImgs/5.png");
}

.SmallEchelonNetMainImg6 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/MainImgs/6.png");
}





.SmallEchelonNetImg1 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/1.png");
}

.SmallEchelonNetImg2 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/2.png");
}

.SmallEchelonNetImg3 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/3.png");
}

.SmallEchelonNetImg4 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/4.png");
}

.SmallEchelonNetImg5 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/5.png");
}

.SmallEchelonNetImg6 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/6.png");
}

.SmallEchelonNetImg7 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/7.png");
}

.SmallEchelonNetImg8 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/8.png");
}

.SmallEchelonNetImg9 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/9.png");
}

.SmallEchelonNetImg10 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/10.png");
}

.SmallEchelonNetImg11 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/11.png");
}

.SmallEchelonNetImg12 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/12.png");
}

.SmallEchelonNetImg13 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/13.png");
}

.SmallEchelonNetImg14 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/14.png");
}

.SmallEchelonNetImg15 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/15.png");
}

.SmallEchelonNetImg16 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/16.png");
}

.SmallEchelonNetImg17 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/17.png");
}

.SmallEchelonNetImg18 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/18.png");
}

.SmallEchelonNetImg19 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/19.png");
}

.SmallEchelonNetImg20 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/20.png");
}

.SmallEchelonNetImg21 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/21.png");
}

.SmallEchelonNetImg22 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/22.png");
}

.SmallEchelonNetImg23 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/23.png");
}

.SmallEchelonNetImg24 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/24.png");
}

.SmallEchelonNetImg25 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/25.png");
}

.SmallEchelonNetImg26 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/26.png");
}

.SmallEchelonNetImg27 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/27.png");
}

.SmallEchelonNetImg28 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/28.png");
}

.SmallEchelonNetImg29 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/29.png");
}

.SmallEchelonNetImg30 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/30.png");
}

.SmallEchelonNetImg31 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/31.png");
}

.SmallEchelonNetImg32 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/32.png");
}

.SmallEchelonNetImg33 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/33.png");
}

.SmallEchelonNetImg34 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/34.png");
}

.SmallEchelonNetImg35 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/35.png");
}

.SmallEchelonNetImg36 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/36.png");
}

.SmallEchelonNetImg37 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/37.png");
}

.SmallEchelonNetImg38 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/38.png");
}

.SmallEchelonNetImg39 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/39.png");
}

.SmallEchelonNetImg40 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/40.png");
}

.SmallEchelonNetImg41 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/41.png");
}

.SmallEchelonNetImg42 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/42.png");
}

.SmallEchelonNetImg43 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/43.png");
}

.SmallEchelonNetImg44 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/44.png");
}

.SmallEchelonNetImg45 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/45.png");
}

.SmallEchelonNetImg46 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/46.png");
}

.SmallEchelonNetImg47 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/47.png");
}

.SmallEchelonNetImg48 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/48.png");
}

.SmallEchelonNetImg49 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/49.png");
}

.SmallEchelonNetImg50 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/50.png");
}

.SmallEchelonNetImg51 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/51.png");
}

.SmallEchelonNetImg52 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/52.png");
}

.SmallEchelonNetImg53 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/53.png");
}

.SmallEchelonNetImg54 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/54.png");
}

.SmallEchelonNetImg55 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/55.png");
}

.SmallEchelonNetImg56 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/56.png");
}

.SmallEchelonNetImg57 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/57.png");
}

.SmallEchelonNetImg58 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/58.png");
}

.SmallEchelonNetImg59 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/59.png");
}

.SmallEchelonNetImg60 {
    background-image: url("../img/AllImages/Small/smallEchelonNetworks/60.png");
}





.SmallDeglowImg1 {
    background-image: url("../img/AllImages/Small/smallDeglow/1.png");
}

.SmallDeglowImg2 {
    background-image: url("../img/AllImages/Small/smallDeglow/2.png");
}


.SmallDeglowImg3 {
    background-image: url("../img/AllImages/Small/smallDeglow/3.png");
}


.SmallDeglowImg4 {
    background-image: url("../img/AllImages/Small/smallDeglow/4.png");
}


.SmallDeglowImg5 {
    background-image: url("../img/AllImages/Small/smallDeglow/5.png");
}


.SmallDeglowImg6 {
    background-image: url("../img/AllImages/Small/smallDeglow/6.png");
}





.SmallScienceCenterImg1 {
    background-image: url("../img/AllImages/Small/smallWinchesterScience/1.png");
}

.SmallScienceCenterImg2 {
    background-image: url("../img/AllImages/Small/smallWinchesterScience/2.png");
}

.SmallScienceCenterImg3 {
    background-image: url("../img/AllImages/Small/smallWinchesterScience/3.png");
}

.SmallScienceCenterImg4 {
    background-image: url("../img/AllImages/Small/smallWinchesterScience/4.png");
}

.SmallScienceCenterImg5 {
    background-image: url("../img/AllImages/Small/smallWinchesterScience/5.png");
}

.SmallScienceCenterImg6 {
    background-image: url("../img/AllImages/Small/smallWinchesterScience/6.png");
}

.SmallScienceCenterImg7 {
    background-image: url("../img/AllImages/Small/smallWinchesterScience/7.png");
}

.SmallScienceCenterImg8 {
    background-image: url("../img/AllImages/Small/smallWinchesterScience/8.png");
}

.SmallScienceCenterImg9 {
    background-image: url("../img/AllImages/Small/smallWinchesterScience/9.png");
}

.SmallScienceCenterImg10 {
    background-image: url("../img/AllImages/Small/smallWinchesterScience/10.png");
}






.SmallDroppinzAppIcon{
    background-image: url("../img/AllImages/Small/smallDroppinz/MainImages/Icon.png");
}

.SmallDroppinzDevImg1 {
    background-image: url("../img/AllImages/Small/smallDroppinz/DevelopmentImages/1.png");
}

.SmallDroppinzDevImg2 {
    background-image: url("../img/AllImages/Small/smallDroppinz/DevelopmentImages/2.png");
}

.SmallDroppinzDevImg3 {
    background-image: url("../img/AllImages/Small/smallDroppinz/DevelopmentImages/3.png");
}

.SmallDroppinzDevImg4 {
    background-image: url("../img/AllImages/Small/smallDroppinz/DevelopmentImages/4.png");
}
.SmallDroppinzDevImg5 {
    background-image: url("../img/AllImages/Small/smallDroppinz/DevelopmentImages/5.png");
}




.SmallDroppinzMainImg1 {
    background-image: url("../img/AllImages/Small/smallDroppinz/MainImages/1.png");
}

.SmallDroppinzMainImg2 {
    background-image: url("../img/AllImages/Small/smallDroppinz/MainImages/2.png");
}

.SmallDroppinzMainImg3 {
    background-image: url("../img/AllImages/Small/smallDroppinz/MainImages/3.png");
}

.SmallDroppinzMainImg4 {
    background-image: url("../img/AllImages/Small/smallDroppinz/MainImages/4.png");
}

.SmallDroppinzMainImg5 {
    background-image: url("../img/AllImages/Small/smallDroppinz/MainImages/5.png");
}

.SmallDroppinzImg1{
    background-image: url("../img/AllImages/Small/smallDroppinz/1.png");
}

.SmallDroppinzImg2{
    background-image: url("../img/AllImages/Small/smallDroppinz/2.png");
}

.SmallDroppinzImg3{
    background-image: url("../img/AllImages/Small/smallDroppinz/3.png");
}

.SmallDroppinzImg4{
    background-image: url("../img/AllImages/Small/smallDroppinz/4.png");
}

.SmallDroppinzImg5{
    background-image: url("../img/AllImages/Small/smallDroppinz/5.png");
}

.SmallDroppinzImg6{
    background-image: url("../img/AllImages/Small/smallDroppinz/6.png");
}

.SmallDroppinzImg7{
    background-image: url("../img/AllImages/Small/smallDroppinz/7.png");
}

.SmallDroppinzImg8{
    background-image: url("../img/AllImages/Small/smallDroppinz/8.png");
}

.SmallDroppinzImg9{
    background-image: url("../img/AllImages/Small/smallDroppinz/9.png");
}

.SmallDroppinzImg10{
    background-image: url("../img/AllImages/Small/smallDroppinz/10.png");
}

.SmallDroppinzImg11{
    background-image: url("../img/AllImages/Small/smallDroppinz/11.png");
}

.SmallDroppinzImg12{
    background-image: url("../img/AllImages/Small/smallDroppinz/12.png");
}



.SmallWrapDonanaImg1{
    background-image: url("../img/AllImages/Small/smallWrapDonana/1.png");
}

.SmallWrapDonanaImg2{
    background-image: url("../img/AllImages/Small/smallWrapDonana/2.png");
}

.SmallWrapDonanaImg3{
    background-image: url("../img/AllImages/Small/smallWrapDonana/3.png");
}

.SmallWrapDonanaImg4{
    background-image: url("../img/AllImages/Small/smallWrapDonana/4.png");
}

.SmallWrapDonanaImg5{
    background-image: url("../img/AllImages/Small/smallWrapDonana/5.png");
}

.SmallWrapDonanaImg6{
    background-image: url("../img/AllImages/Small/smallWrapDonana/6.png");
}

.SmallWrapDonanaImg7{
    background-image: url("../img/AllImages/Small/smallWrapDonana/7.png");
}

.SmallWrapDonanaImg8{
    background-image: url("../img/AllImages/Small/smallWrapDonana/8.png");
}

.SmallWrapDonanaImg9{
    background-image: url("../img/AllImages/Small/smallWrapDonana/9.png");
}

.SmallWrapDonanaImg10{
    background-image: url("../img/AllImages/Small/smallWrapDonana/10.png");
}

.SmallWrapDonanaImg11{
    background-image: url("../img/AllImages/Small/smallWrapDonana/11.png");
}






.SmallRGJAppIcon {
    background-image: url("../img/AllImages/Small/smallRGJ/icon.png");
}


.SmallRGJAppImg1 {
    background-image: url("../img/AllImages/Small/smallRGJ/1.png");
}

.SmallRGJAppImg2 {
    background-image: url("../img/AllImages/Small/smallRGJ/2.png");
}

.SmallRGJAppImg3 {
    background-image: url("../img/AllImages/Small/smallRGJ/3.png");
}

.SmallRGJAppImg4 {
    background-image: url("../img/AllImages/Small/smallRGJ/4.png");
}

.SmallRGJAppImg5 {
    background-image: url("../img/AllImages/Small/smallRGJ/5.png");
}



.SmallRGJAppWorkImg1 {
    background-image: url("../img/AllImages/Small/smallRGJ/work1.png");
}

.SmallRGJAppWorkImg2 {
    background-image: url("../img/AllImages/Small/smallRGJ/work2.png");
}

.SmallRGJAppWorkImg3 {
    background-image: url("../img/AllImages/Small/smallRGJ/work3.png");
}

.SmallRGJAppWorkImg4 {
    background-image: url("../img/AllImages/Small/smallRGJ/work4.png");
}

.SmallRGJAppWorkImg5 {
    background-image: url("../img/AllImages/Small/smallRGJ/work5.png");
}






.SmallRGJAppDevelopmentImg1 {
    background-image: url("../img/AllImages/Small/smallRGJ/development1.png");
}

.SmallRGJAppDevelopmentImg2 {
    background-image: url("../img/AllImages/Small/smallRGJ/development2.png");
}

.SmallRGJAppDevelopmentImg3 {
    background-image: url("../img/AllImages/Small/smallRGJ/development3.png");
}

.SmallRGJAppDevelopmentImg4 {
    background-image: url("../img/AllImages/Small/smallRGJ/development4.png");
}

.SmallRGJAppDevelopmentImg5 {
    background-image: url("../img/AllImages/Small/smallRGJ/development5.png");
}

.SmallRGJAppDevelopmentImg6 {
    background-image: url("../img/AllImages/Small/smallRGJ/development6.png");
}

.SmallRGJAppDevelopmentImg7 {
    background-image: url("../img/AllImages/Small/smallRGJ/development7.png");
}

.SmallRGJAppDevelopmentImg8 {
    background-image: url("../img/AllImages/Small/smallRGJ/development8.png");
}

.SmallRGJAppDevelopmentImg9 {
    background-image: url("../img/AllImages/Small/smallRGJ/development9.png");
}

.SmallRGJAppDevelopmentImg10 {
    background-image: url("../img/AllImages/Small/smallRGJ/development10.png");
}

.SmallRGJAppDevelopmentImg11 {
    background-image: url("../img/AllImages/Small/smallRGJ/development11.png");
}



.Small3DAnimFinalImg {
    background-image: url("../img/AllImages/Small/small3DAnimation/final.png");
}


.Small3DAnimDevelopmentImg1 {
    background-image: url("../img/AllImages/Small/small3DAnimation/development1.png");
}

.Small3DAnimDevelopmentImg2 {
    background-image: url("../img/AllImages/Small/small3DAnimation/development2.png");
}

.Small3DAnimDevelopmentImg3 {
    background-image: url("../img/AllImages/Small/small3DAnimation/development3.png");
}

.Small3DAnimDevelopmentImg4 {
    background-image: url("../img/AllImages/Small/small3DAnimation/development4.png");
}

.Small3DAnimDevelopmentImg5 {
    background-image: url("../img/AllImages/Small/small3DAnimation/development5.png");
}








.SmallAbandonedImg1 {
    background-image: url("../img/AllImages/Small/smallGame/img1.png");
}

.SmallAbandonedImg2 {
    background-image: url("../img/AllImages/Small/smallGame/img2.png");
}

.SmallAbandonedImg3 {
    background-image: url("../img/AllImages/Small/smallGame/img3.png");
}




.SmalliBookImg1 {
    background-image: url("../img/AllImages/Small/smallibookimg/1.png");
}

.SmalliBookImg2 {
    background-image: url("../img/AllImages/Small/smallibookimg/2.png");
}

.SmalliBookImg3 {
    background-image: url("../img/AllImages/Small/smallibookimg/3.png");
}






.SmallALevelUnit1Img1 {
    background-image: url("../img/AllImages/Small/smallAlevelunit1/1.png");
}

.SmallALevelUnit1Img2 {
    background-image: url("../img/AllImages/Small/smallAlevelunit1/2.png");
}

.SmallALevelUnit1Img3 {
    background-image: url("../img/AllImages/Small/smallAlevelunit1/3.png");
}

.SmallALevelUnit1Img4 {
    background-image: url("../img/AllImages/Small/smallAlevelunit1/4.png");
}

.SmallALevelUnit1Img5 {
    background-image: url("../img/AllImages/Small/smallAlevelunit1/5.png");
}

.SmallALevelUnit1Img6 {
    background-image: url("../img/AllImages/Small/smallAlevelunit1/6.png");
}

.SmallALevelUnit1Img7 {
    background-image: url("../img/AllImages/Small/smallAlevelunit1/7.png");
}

.SmallALevelUnit1Img8 {
    background-image: url("../img/AllImages/Small/smallAlevelunit1/8.png");
}

.SmallALevelUnit1Img9 {
    background-image: url("../img/AllImages/Small/smallAlevelunit1/9.png");
}

.SmallALevelUnit1Img10 {
    background-image: url("../img/AllImages/Small/smallAlevelunit1/10.png");
}

.SmallALevelUnit1Img11 {
    background-image: url("../img/AllImages/Small/smallAlevelunit1/11.png");
}

.SmallALevelUnit1Img12 {
    background-image: url("../img/AllImages/Small/smallAlevelunit1/12.png");
}

.SmallALevelUnit1Img13 {
    background-image: url("../img/AllImages/Small/smallAlevelunit1/13.png");
}

.SmallALevelUnit1ImgFinal {
    background-image: url("../img/AllImages/Small/smallAlevelunit1/final.png");
}









.SmallALevelUnit2Img1 {
    background-image: url("../img/AllImages/Small/smallAlevelunit2/1.png");
}

.SmallALevelUnit2Img2 {
    background-image: url("../img/AllImages/Small/smallAlevelunit2/2.png");
}

.SmallALevelUnit2Img3 {
    background-image: url("../img/AllImages/Small/smallAlevelunit2/3.png");
}

.SmallALevelUnit2Img4 {
    background-image: url("../img/AllImages/Small/smallAlevelunit2/4.png");
}





.SmallALevelUnit3Img1 {
    background-image: url("../img/AllImages/Small/smallAlevelunit3/1.png");
}

.SmallALevelUnit3Img2 {
    background-image: url("../img/AllImages/Small/smallAlevelunit3/2.png");
}

.SmallALevelUnit3Img3 {
    background-image: url("../img/AllImages/Small/smallAlevelunit3/3.png");
}

.SmallALevelUnit3Img4 {
    background-image: url("../img/AllImages/Small/smallAlevelunit3/4.png");
}

.SmallALevelUnit3Img5 {
    background-image: url("../img/AllImages/Small/smallAlevelunit3/5.png");
}

.SmallALevelUnit3Img6 {
    background-image: url("../img/AllImages/Small/smallAlevelunit3/6.png");
}

.SmallALevelUnit3Img7 {
    background-image: url("../img/AllImages/Small/smallAlevelunit3/7.png");
}

.SmallALevelUnit3Img8 {
    background-image: url("../img/AllImages/Small/smallAlevelunit3/8.png");
}

.SmallALevelUnit3Img9 {
    background-image: url("../img/AllImages/Small/smallAlevelunit3/9.png");
}

.SmallALevelUnit3Img10 {
    background-image: url("../img/AllImages/Small/smallAlevelunit3/10.png");
}

.SmallALevelUnit3Img11 {
    background-image: url("../img/AllImages/Small/smallAlevelunit3/11.png");
}

.SmallALevelUnit3Img12 {
    background-image: url("../img/AllImages/Small/smallAlevelunit3/12.png");
}

.SmallALevelUnit3Img13 {
    background-image: url("../img/AllImages/Small/smallAlevelunit3/13.png");
}

.SmallALevelUnit3Img14 {
    background-image: url("../img/AllImages/Small/smallAlevelunit3/14.png");
}

.SmallALevelUnit3Img15 {
    background-image: url("../img/AllImages/Small/smallAlevelunit3/15.png");
}

.SmallALevelUnit3Img16 {
    background-image: url("../img/AllImages/Small/smallAlevelunit3/16.png");
}

.SmallALevelUnit3Img17 {
    background-image: url("../img/AllImages/Small/smallAlevelunit3/17.png");
}

.SmallALevelUnit3Img18 {
    background-image: url("../img/AllImages/Small/smallAlevelunit3/18.png");
}

.SmallALevelUnit3Img19 {
    background-image: url("../img/AllImages/Small/smallAlevelunit3/19.png");
}

.SmallALevelUnit3Img20 {
    background-image: url("../img/AllImages/Small/smallAlevelunit3/20.png");
}

.SmallALevelUnit3Img21 {
    background-image: url("../img/AllImages/Small/smallAlevelunit3/21.png");
}

.SmallALevelUnit3Img22 {
    background-image: url("../img/AllImages/Small/smallAlevelunit3/22.png");
}

.SmallALevelUnit3Img23 {
    background-image: url("../img/AllImages/Small/smallAlevelunit3/23.png");
}

.SmallALevelUnit3Img24 {
    background-image: url("../img/AllImages/Small/smallAlevelunit3/24.png");
}

.SmallALevelUnit3Img25 {
    background-image: url("../img/AllImages/Small/smallAlevelunit3/25.png");
}

.SmallALevelUnit3Img26 {
    background-image: url("../img/AllImages/Small/smallAlevelunit3/26.png");
}

.SmallALevelUnit3Img27 {
    background-image: url("../img/AllImages/Small/smallAlevelunit3/27.png");
}

.SmallALevelUnit3Img28 {
    background-image: url("../img/AllImages/Small/smallAlevelunit3/28.png");
}




.SmallALevelUnit4Img1 {
    background-image: url("../img/AllImages/Small/smallAlevelunit4/1.png");
}

.SmallALevelUnit4Img2 {
    background-image: url("../img/AllImages/Small/smallAlevelunit4/2.png");
}

.SmallALevelUnit4Img3 {
    background-image: url("../img/AllImages/Small/smallAlevelunit4/3.png");
}

.SmallALevelUnit4Img4 {
    background-image: url("../img/AllImages/Small/smallAlevelunit4/4.png");
}

.SmallALevelUnit4Img5 {
    background-image: url("../img/AllImages/Small/smallAlevelunit4/5.png");
}

.SmallALevelUnit4Img6 {
    background-image: url("../img/AllImages/Small/smallAlevelunit4/6.png");
}

.SmallALevelUnit4Img7 {
    background-image: url("../img/AllImages/Small/smallAlevelunit4/7.png");
}

.SmallALevelUnit4Img8 {
    background-image: url("../img/AllImages/Small/smallAlevelunit4/8.png");
}

.SmallALevelUnit4Img9 {
    background-image: url("../img/AllImages/Small/smallAlevelunit4/9.png");
}

.SmallALevelUnit4Img10 {
    background-image: url("../img/AllImages/Small/smallAlevelunit4/10.png");
}

.SmallALevelUnit4Img11 {
    background-image: url("../img/AllImages/Small/smallAlevelunit4/11.png");
}

.SmallALevelUnit4Img12 {
    background-image: url("../img/AllImages/Small/smallAlevelunit4/12.png");
}

.SmallALevelUnit4Img13 {
    background-image: url("../img/AllImages/Small/smallAlevelunit4/13.png");
}

.SmallALevelUnit4Img14 {
    background-image: url("../img/AllImages/Small/smallAlevelunit4/14.png");
}

.SmallALevelUnit4Img15 {
    background-image: url("../img/AllImages/Small/smallAlevelunit4/15.png");
}

.SmallALevelUnit4Img16 {
    background-image: url("../img/AllImages/Small/smallAlevelunit4/16.png");
}

.SmallALevelUnit4Img17 {
    background-image: url("../img/AllImages/Small/smallAlevelunit4/17.png");
}

.SmallALevelUnit4Img18 {
    background-image: url("../img/AllImages/Small/smallAlevelunit4/18.png");
}

.SmallALevelUnit4Img19 {
    background-image: url("../img/AllImages/Small/smallAlevelunit4/19.png");
}

.SmallALevelUnit4Img20 {
    background-image: url("../img/AllImages/Small/smallAlevelunit4/20.png");
}

.SmallALevelUnit4Img21 {
    background-image: url("../img/AllImages/Small/smallAlevelunit4/21.png");
}

.SmallALevelUnit4Img22 {
    background-image: url("../img/AllImages/Small/smallAlevelunit4/22.png");
}






.SmallTypographyImg1 {
    background-image: url("../img/AllImages/Small/smalluniversityvideo/1.png");
}

.SmallTypographyImg2 {
    background-image: url("../img/AllImages/Small/smalluniversityvideo/2.png");
}





.SmallPPCVideos1 {
    background-image: url("../img/AllImages/Small/smallPPCvideoImages/1.png");
}

.SmallPPCVideos2 {
    background-image: url("../img/AllImages/Small/smallPPCvideoImages/2.png");
}

.SmallPPCVideos3 {
    background-image: url("../img/AllImages/Small/smallPPCvideoImages/3.png");
}

.SmallPPCVideos4 {
    background-image: url("../img/AllImages/Small/smallPPCvideoImages/4.png");
}

.SmallPPCVideos5 {
    background-image: url("../img/AllImages/Small/smallPPCvideoImages/5.png");
}

.SmallPPCVideos6 {
    background-image: url("../img/AllImages/Small/smallPPCvideoImages/6.png");
}

.SmallPPCVideos7 {
    background-image: url("../img/AllImages/Small/smallPPCvideoImages/7.png");
}

.SmallPPCVideos8 {
    background-image: url("../img/AllImages/Small/smallPPCvideoImages/8.png");
}

.SmallPPCVideos9 {
    background-image: url("../img/AllImages/Small/smallPPCvideoImages/9.png");
}

.SmallPPCVideos10 {
    background-image: url("../img/AllImages/Small/smallPPCvideoImages/10.png");
}



.SmallProfMMPImg1 {
    background-image: url("../img/AllImages/Small/smallprofmmpimgs/1.png");
}

.SmallProfMMPImg2 {
    background-image: url("../img/AllImages/Small/smallprofmmpimgs/2.png");
}

.SmallProfMMPImg3 {
    background-image: url("../img/AllImages/Small/smallprofmmpimgs/3.png");
}

.SmallProfMMPImg4 {
    background-image: url("../img/AllImages/Small/smallprofmmpimgs/4.png");
}




.SmallMyFirstVidImg1 {
    background-image: url("../img/AllImages/Small/smallothervideos/1.png");
}

.SmallMyFirstVidImg2 {
    background-image: url("../img/AllImages/Small/smallothervideos/2.png");
}

.SmallMyFirstVidImg3 {
    background-image: url("../img/AllImages/Small/smallothervideos/3.png");
}



.SmallRoom1011Img {
    background-image: url("../img/AllImages/Small/smallroom101/1.png");
}


.SmallCohortWeb1Img {
    background-image: url("../img/AllImages/Small/smallCohortwebsite/1.png");
}

.SmallFight4Lives {
    background-image: url("../img/AllImages/Small/smallFight4Lives/web1.png");
}

.SmallFight4LivesImg1 {
    background-image: url("../img/AllImages/Small/smallFight4Lives/1.png");
}

.SmallFight4LivesImg2 {
    background-image: url("../img/AllImages/Small/smallFight4Lives/2.png");
}

.SmallFight4LivesImg3 {
    background-image: url("../img/AllImages/Small/smallFight4Lives/3.png");
}

.SmallFight4LivesImg4 {
    background-image: url("../img/AllImages/Small/smallFight4Lives/4.png");
}

.SmallFight4LivesImg5 {
    background-image: url("../img/AllImages/Small/smallFight4Lives/5.png");
}

.SmallFight4LivesImg6 {
    background-image: url("../img/AllImages/Small/smallFight4Lives/6.png");
}

.SmallPortWeb1Img {
    background-image: url("../img/AllImages/Small/smallPortWeb1/1.png");
}








.SmallFallerzImg2 {
    background-image: url("../img/AllImages/Small/smallFallerz/2.png");
}

.SmallFallerzImg3 {
    background-image: url("../img/AllImages/Small/smallFallerz/3.png");
}

.SmallFallerzImg4 {
    background-image: url("../img/AllImages/Small/smallFallerz/4.png");
}

.SmallFallerzImg5 {
    background-image: url("../img/AllImages/Small/smallFallerz/5.png");
}

.SmallFallerzImg6 {
    background-image: url("../img/AllImages/Small/smallFallerz/6.png");
}

.SmallFallerzImg7 {
    background-image: url("../img/AllImages/Small/smallFallerz/7.png");
}

.SmallFallerzImg8 {
    background-image: url("../img/AllImages/Small/smallFallerz/8.png");
}

.SmallFallerzImg9 {
    background-image: url("../img/AllImages/Small/smallFallerz/9.png");
}

.SmallFallerzImg10 {
    background-image: url("../img/AllImages/Small/smallFallerz/10.png");
}

.SmallFallerzImg11 {
    background-image: url("../img/AllImages/Small/smallFallerz/11.png");
}

.SmallFallerzImg12 {
    background-image: url("../img/AllImages/Small/smallFallerz/12.png");
}

.SmallFallerzImg13 {
    background-image: url("../img/AllImages/Small/smallFallerz/13.png");
}

.SmallFallerzImg14 {
    background-image: url("../img/AllImages/Small/smallFallerz/14.png");
}

.SmallFallerzImg15 {
    background-image: url("../img/AllImages/Small/smallFallerz/15.png");
}

.SmallFallerzImg16 {
    background-image: url("../img/AllImages/Small/smallFallerz/16.png");
}





.SmallEchelonDotOneImg1 {
    background-image: url("../img/AllImages/Small/smallEchelonDotOne/1.png");
}

.SmallEchelonDotOneImg2 {
    background-image: url("../img/AllImages/Small/smallEchelonDotOne/2.png");
}

.SmallEchelonDotOneImg3 {
    background-image: url("../img/AllImages/Small/smallEchelonDotOne/3.png");
}

.SmallEchelonDotOneImg4 {
    background-image: url("../img/AllImages/Small/smallEchelonDotOne/4.png");
}



.SmallClayPigeonShootingImg2 {
    background-image: url("../img/AllImages/Small/smallClayPigeonShooting/2.png");
}

.SmallClayPigeonShootingImg3 {
    background-image: url("../img/AllImages/Small/smallClayPigeonShooting/3.png");
}

.SmallClayPigeonShootingImg4 {
    background-image: url("../img/AllImages/Small/smallClayPigeonShooting/4.png");
}




.SmallSluiceRoomImg1 {
    background-image: url("../img/AllImages/Small/smallSluiceRoom/1.png");
}

.SmallSluiceRoomImg2 {
    background-image: url("../img/AllImages/Small/smallSluiceRoom/2.png");
}

.SmallSluiceRoomImg3 {
    background-image: url("../img/AllImages/Small/smallSluiceRoom/3.png");
}

.SmallSluiceRoomImg4 {
    background-image: url("../img/AllImages/Small/smallSluiceRoom/4.png");
}

.SmallSluiceRoomImg5 {
    background-image: url("../img/AllImages/Small/smallSluiceRoom/5.png");
}

.SmallSluiceRoomImg6 {
    background-image: url("../img/AllImages/Small/smallSluiceRoom/6.png");
}



.SmallLightWarsImg2 {
    background-image: url("../img/AllImages/Small/smallLightWars/2.png");
}

.SmallLightWarsImg3 {
    background-image: url("../img/AllImages/Small/smallLightWars/3.png");
}

.SmallLightWarsImg4 {
    background-image: url("../img/AllImages/Small/smallLightWars/4.png");
}

.SmallLightWarsImg5 {
    background-image: url("../img/AllImages/Small/smallLightWars/5.png");
}

.SmallLightWarsImg6 {
    background-image: url("../img/AllImages/Small/smallLightWars/6.png");
}

.SmallLightWarsImg7 {
    background-image: url("../img/AllImages/Small/smallLightWars/7.png");
}

.SmallLightWarsImg8 {
    background-image: url("../img/AllImages/Small/smallLightWars/8.png");
}

.SmallLightWarsImg9 {
    background-image: url("../img/AllImages/Small/smallLightWars/9.png");
}

.SmallLightWarsImg10 {
    background-image: url("../img/AllImages/Small/smallLightWars/10.png");
}

.SmallLightWarsImg11 {
    background-image: url("../img/AllImages/Small/smallLightWars/11.png");
}

.SmallLightWarsImg12 {
    background-image: url("../img/AllImages/Small/smallLightWars/12.png");
}

.SmallLightWarsImg13 {
    background-image: url("../img/AllImages/Small/smallLightWars/13.png");
}

.SmallLightWarsImg14 {
    background-image: url("../img/AllImages/Small/smallLightWars/14.png");
}

.SmallLightWarsImg15 {
    background-image: url("../img/AllImages/Small/smallLightWars/15.png");
}

.SmallLightWarsImg16 {
    background-image: url("../img/AllImages/Small/smallLightWars/16.png");
}

.SmallLightWarsImg17 {
    background-image: url("../img/AllImages/Small/smallLightWars/17.png");
}

.SmallLightWarsImg18 {
    background-image: url("../img/AllImages/Small/smallLightWars/18.png");
}

.SmallLightWarsImg20 {
    background-image: url("../img/AllImages/Small/smallLightWars/20.png");
}

.SmallLightWarsImg21 {
    background-image: url("../img/AllImages/Small/smallLightWars/21.png");
}

.SmallLightWarsImg23 {
    background-image: url("../img/AllImages/Small/smallLightWars/23.png");
}

.SmallLightWarsImg25 {
    background-image: url("../img/AllImages/Small/smallLightWars/25.png");
}

.SmallLightWarsImg26 {
    background-image: url("../img/AllImages/Small/smallLightWars/26.png");
}

.SmallLightWarsImg27 {
    background-image: url("../img/AllImages/Small/smallLightWars/27.png");
}

.SmallLightWarsImg28 {
    background-image: url("../img/AllImages/Small/smallLightWars/28.png");
}




.EndImages {
    border-bottom: 1px #202020 solid;
    margin-top: 25px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}



.LittleMoreDISButton {
    display: none;
}

.LittleMoreBack {
    display: none;
}

.AbandonedDISButton {
    display: none;
}

.AbandonedBack{
    display: none;
}

.iBookDISButton {
    display: none;
}

.iBookBack {
    display: none;
}

.TypographyDISButton {
    display: none;
}

.TypographyBack {
    display: none;
}

.PPCVideosDISButton {
    display: none;
}

.PPCVideosBack {
    display: none;
}

.ProfMMPDISButton {
    display: none;
}

.ProfMMPBack {
    display: none;
}

.MyFirstVidDISButton {
    display: none;
}

.MyFirstVidBack {
    display: none;
}

.ALevelUnit1DISButton {
    display: none;
}

.ALevelUnit1Back {
    display: none;
}

.ALevelUnit2DISButton {
    display: none;
}

.ALevelUnit2Back {
    display: none;
}

.ALevelUnit3DISButton {
    display: none;
}

.ALevelUnit3Back {
    display: none;
}

.ALevelUnit4DISButton {
    display: none;
}

.ALevelUnit4Back {
    display: none;
}

.promBoxTitle {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 50px;
}

.EndWork3 {
    border-bottom: 1px #202020 solid;
    background: none;
    padding-top: 30%;

}

.PromText {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 50px;
    margin-bottom: 30px;
}

.PromTitle {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 30px;
    margin-bottom: 10px;
    margin-top: 15px;
}

.PromSubtitle {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 15px;
    margin-bottom: 10px;
}

.homeProjectBox {
    height: 300px;
    width: 100%;
    background-color: #e8e8e8;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.50) 0px 0px 10px;
    padding-top: 2px;
    margin-top: -10px;
    margin-bottom: 25px;
}

.NewProjBoxUL li {
    text-decoration: none;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    height: 50px;
    width: 200px;
    margin: 0 auto;
    border-radius: 5px;
    margin-bottom: 5px;
    padding-top: 14px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
/*
.NewProjBoxUL li:hover{
    background-color: #808080;
    border: 1px #e8e8e8 solid;
    color: #e8e8e8;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
*/

.HomeProjectsLink {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    margin: 0 auto;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.NewHomeProjectsBox {
    padding-top: 20px;
}

.ProjButton1 {
    background-color: #808080;
    color: #e8e8e8;
    border: 1px #e8e8e8 solid;
    border-radius: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

.ProjButton2 {
    background-color: #e8e8e8;
    border: 1px #808080 solid;
    color: #808080;
    border-radius: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

.ProjButton3 {
    background-color: #e8e8e8;
    border: 1px #808080 solid;
    color: #808080;
    border-radius: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

.NewProjBoxUL {
    list-style: none;

}

.PortLine {
    border-bottom: #202020 1px solid;
    height: 10px;
    margin-bottom: 100px;
}

.PromInfoButton {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    background-color: #e8e8e8;
    height: 50px;
    width: 80%;
    margin: 0 auto;
    border-radius: 5px;
    border: 1px #808080 solid;
    margin-top: 25px;
    margin-bottom: 35px;
    color: #808080;
    padding-top: 14px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.BOXARnVR {
    display: block;
}

.BOXAPP {
    display: none;
}

.BOXTOPPROJECTS {
    display: none;
}


.SkyWalkIcon {
    background-image: url("../img/AllImages/Small/smallSkyWalk/Icon.png");
}



.findAarul {
    color: #ffffff;
    text-shadow: 0 2px 10px #202020;
    min-height: 210px;
    width: 100%;
    margin: 0 auto;
    border-radius: 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #f3b81c;
    background-image: url("../img/AllImages/DroppinzbannerImg.jpg");
    /*
    background-color: rgba(118, 167, 237, 0.5);
    background-image: url("../img/AllImages/bannerImg.jpg");
    */
    background-size: cover;
    margin-top: 50px;
    margin-bottom: 50px;
    box-shadow: inset 0 0 75px 50px rgba(0, 0, 0, 0.5);
    padding-top: 1px;
}

.findAlocation {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 25px;
    color: #ffffff;
    padding-bottom: 20px;
}

.FindAarulPortfolioTitle {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 60px;
    color: #202020;
    margin-top: 80px;
    margin-bottom: 20px;
    padding-bottom: 25px;
    border-bottom: 1px #202020 solid;
    margin-left: 10px;
    margin-right: 10px;
}

.FindAarulColor {
    color: #76a7ed;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 50px;
    margin-top: 30px;
}

.FindAarulWinner {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 25px;
    line-height: 250%;
    margin-top: 25px;
}

.allReScaleIMG {
    width: 100%;
    height: auto;
}

.allReScaleIMG .bigReScaleImg {
    width: 100%;
    height: auto;
}

.allReScaleIMG .reScaleImg {
    width: 30%;
    height: auto;
}

.allReScaleIMG .DNPimgs {
    width: 50%;
    height: auto;
}

.GiffClass {
    margin-top: 50px;
    margin-bottom: 50px;
}

.DroppinzPromotion {
    background-image: url("../img/AllImages/Big/bigDroppinz/droppinzlogo.png");
    background-repeat: no-repeat;
    background-position: center;
    height: 200px;
    width: 200px;
    margin: 0 auto;
    margin-top: 50px;
}

.DroppinzBand {
    border-radius: 15px;
    box-shadow: inset 0 0 15px 5px #808080;
    background-color: rgb(255, 255, 255);
    padding-bottom: 20px;
}

.ImgNo {
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #202020;
}