*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    width: 100%;
    height: 100%;
    cursor: default;
    overflow-y: scroll;
    font-family: 'Quicksand', sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
}
ol, ul{
    margin-bottom: 0;
    margin-top: 0;
}
#MainWrapper {
    width: 100%;
    height: 100%;
    z-index: 1;
    display: block;
    position: absolute;
}
#LeftContent {
    width: 250px;
    height: 100%;
    position: fixed;
    z-index: 4;
    display: block;
    background-color: #ffffff;
    border-right: 1px solid rgba(249,249,249,.5);
    -webkit-box-shadow: 64px 0 62px -87px rgba(115,115,115,1);
    -moz-box-shadow: 64px 0 62px -87px rgba(115,115,115,1);
    box-shadow: 64px 0 62px -87px rgba(115,115,115,1);
}
#LeftHeader {
    width: 100%;
    height: 100%;
    display: block;
}
#LeftHeaderLogo{
    width: 100%;
    height: auto;
}
#LeftHeaderLogo a {
    display: block;
    text-align: center;
    padding: 65px 40px;
}
#LeftHeaderLogo a img {
    width: 100%;
    height: auto;
    display: block;
}
#LeftHeaderInfo{
    width: 100%;
    height: auto;
    display: block;
    padding: 5px 40px;
}
#LeftHeaderInfo span{
    width: 100%;
    height: auto;
    display: block;
    color: #0a0a0a;
}
#LeftHeaderInfo a{
    width: 100%;
    height: auto;
    color: #6a6a6a;
    text-decoration: none;
    margin-top: 5px;
}
#LeftHeaderSocialMedia{
    width: 100%;
    height: auto;
    display: block;
    padding: 25px 40px;
    text-align: center;
}
#LeftHeaderSocialMedia a{
    width: 100%;
    height: auto;
    text-decoration: none;
    margin-left: 5px;
}
#LeftHeaderSocialMedia a img{
    width: 37px;
    height: auto;
}
#RightContent{
    width: 100%;
    width: -webkit-calc(100% - 250px);
    width: -moz-calc(100% - 250px);
    width: calc(100% - 250px);
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
}
#RightHeader{
    width: 100%;
    height: auto;
    display: block;
}
#RightHeaderLogo{
    width: 300px;
    height: auto;
    display: block;
    margin: 20px auto;
}
#RightHeaderLogo a{
    width: 100%;
    display: block;
    text-align: center;
    margin: 0 auto;
}
#RightHeaderLogo a img{
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    margin: 0 auto;
}
#RightHeaderMenu{
    width: 100%;
    height: auto;
    display: block;
    margin: 50px auto;
}
#RightMenu{
    width: 1000px;
    height: auto;
    list-style-type: none;
    margin: 0 auto;
}
#RightMenu li{
    width: 20%;
    position: relative;
    float: left;
    border-right: 1px solid #0a0a0a;
}
#RightMenu li:last-child{
    border: none;
}
#RightMenu li a{
    width: 100%;
    height: auto;
    display: block;
    text-align: center;
    text-decoration: none;
}
.HoverGirl .GirlImg{
    left:-webkit-calc(50% - 15px);
    left:-moz-calc(50% - 15px);
    left:calc(50% - 15px);
    position: absolute;
    bottom: 0;
    opacity:0;
    -webkit-transform:  rotate(-30deg);
    -moz-transform:     rotate(-30deg);
    -ms-transform:      rotate(-30deg);
    -o-transform:       rotate(-30deg);
    transform:          rotate(-30deg);
    -webkit-transition: all ease .5s;
    -moz-transition:    all ease .5s;
    -ms-transition:     all ease .5s;
    -o-transition:      all ease .5s;
    transition:         all ease .5s;
}
.HoverBoy .BoyImg{
    left:-webkit-calc(50% - 15px);
    left:-moz-calc(50% - 15px);
    left:calc(50% - 15px);
    position: absolute;
    bottom: 0;
    opacity:0;
    -webkit-transform:  rotate(-30deg);
    -moz-transform:     rotate(-30deg);
    -ms-transform:      rotate(-30deg);
    -o-transform:       rotate(-30deg);
    transform:          rotate(-30deg);
    -webkit-transition: all ease .5s;
    -moz-transition:    all ease .5s;
    -ms-transition:     all ease .5s;
    -o-transition:      all ease .5s;
    transition:         all ease .5s;
}
.HoverGirl:hover .GirlImg{
    bottom: 20px;
    opacity:1;
    -webkit-transform:  rotate(10deg);
    -moz-transform:     rotate(10deg);
    -ms-transform:      rotate(10deg);
    -o-transform:       rotate(10deg);
    transform:          rotate(10deg);
}
.HoverBoy:hover .BoyImg{
    bottom:20px;
    opacity:1;
    -webkit-transform:  rotate(10deg);
    -moz-transform:     rotate(10deg);
    -ms-transform:      rotate(10deg);
    -o-transform:       rotate(10deg);
    transform:          rotate(10deg);
}
#RightContainer{
    width: 100%;
    height: auto;
    display: block;
    min-height: 768px;
}