html, body, ul, li, h2, h3, p {
    margin:0;
    padding:0;
}

body {
    background:#000;
    /*color:#474747;*/
    color:#000;
    font-family:Courier New;
    font-size:13px;
    /*font-weight: bold;*/
}
#background-image {
    z-index: 1;
    position: fixed;
    top: 0;
    min-height: 100%;
    width: 100%;
    background-size: 100%;
    background:url('../img/bkg.png') 50% 50% no-repeat;
    color:#474747;
}
.section {
    -webkit-transform: translate3d(0,0,0);
    width:100%;
    position: relative;
    z-index: 99;
}
.section_inner {
    width:540px;
    margin:0 auto;
	position:relative;
	height:100%;
	z-index:99;
}

footer,
#content {
    -webkit-transform: translate3d(0,0,0);
    position: relative;
    z-index: 99;
    overflow: hidden;
    display: block;
    clear: both;
}

#home {
    background:url('../img/bkg_home.png') 47.5% 0 no-repeat;
    height:630px;
    margin-top:100px;
    margin-bottom:199px;
}
#home .section_inner {
	z-index:999;
}
#about {
    background:url('../img/bkg_about.png') 52.5% 0 no-repeat;
    height:993px;
}
#about .section_inner {
    padding-top:54px;
    color:#000;
}
#about p {
    font-size:13px;
    line-height:16px;
    margin-bottom:14px;
}
#about p a:hover {
    color: #FF0000;
    text-decoration: none;
}
#about p a {
    color: #990000;
    text-decoration: none;
}
#about p.first {
    margin-top:8px;
}
#about h3 {
    margin-bottom:10px;
}
#showreels {
    background:url('../img/bkg_showreels.png') 47.8% 0 no-repeat;
    height:650px;
    margin-top:211px;
}
#showreels .section_inner {
    padding-top:56px;
}
#showreels h2 {
    font-size:45px;
}
#showreels p {
    text-transform: uppercase;
	color: #990000;
}
#audio {
    background:url('../img/bkg_audio.png') 50.7% 0 no-repeat;
    height:993px;
    margin-top:199px;
}
#audio .section_inner {
    padding-top:59px;
}
#audio p {
    text-transform: uppercase;
    color: #990000;
}
#audio h2 {
    font-size:44px;
}
#audio h3 {
    margin-top: 7px;
    font-size: 23px;
}
#video {
    background:url('../img/bkg_video.png') 51.2% 0 no-repeat;
    height:985px;
    margin-top:33px;
}
#video p a:hover {
    color: #FF0000;
    text-decoration: none;
}
#video p a {
    color: #990000;
    text-decoration: none;
}
#video .section_inner {
    padding-top:72px;
    font-size:13px;
}
#video p {
    line-height: 16px;
}
#video h2 {
    font-size:44px;
}
#video h3 {
    margin-top: 10px;
    font-size: 22px;
    margin-bottom: 24px;
}
#contact {
    background:url('../img/bkg_contact.png') 48.6% 0 no-repeat;
    height:715px;
    margin-top:148px;
    margin-bottom:217px;
}
#contact .section_inner {
    padding-top:230px;
    height: 70%;
}
#contact h3 {
    margin-top:30px;
    margin-bottom:14px;
	color: #990000;
}
#contact p {
    text-align:center;
    font-size:13px;
    line-height:16px;
    color:#000;
}
#contact p a:hover {
    color: #FF0000;
    text-decoration: none;
}
#contact p a {
    color: #990000;
    text-decoration: none;
}


img.float_right {
    float:right;
    margin-left:10px;
    margin-bottom:10px;
}

h2, h3 {
    text-transform: uppercase;
    display:block;
    text-align:center;
    font-family: "lust",sans-serif;
}
h2 {
    color:#990000;
    font-size:40px;
    line-height: 39px;
}
h3 {
    color:#594439;
    font-size:21px;
}
header ul li {
    float:left;
    list-style-type:none;
    margin:0 10px;
}
header ul li a {
    color:#FAFAFA;
    font-size:13px;
    font-family: "lust",sans-serif;
    text-decoration:none;
    text-transform:uppercase;
    /* 
    color:#FFD08F;
    text-shadow: 1px 1px 1px #000; */
}
header .header_inner {
    width:733px;
    margin:0 auto;
    overflow:hidden;
}
header ul.left {
    float:left;
    margin-left:4px;
}
header ul.right {
    float:right;
}

li.ah_logo {
    width:231px;
    margin-top:-36px;
}
header {
    padding-top: 46px;
    position: fixed;
    width:100%;
	z-index:9999;
    padding-bottom: 30px;
}

footer {
    margin-bottom:42px;
}
footer ul {
    width:534px;
    margin:0 auto;
    overflow:hidden;
}
footer ul li {
    float:left;
    margin:0 30px 0 0;
    list-style-type:none;
}
footer ul li.last {
    margin-right:0;
}
footer ul li a {
    color:#666;
    text-decoration:none;
    text-transform: uppercase;
    font-family: "lust",sans-serif;
    font-size:11px;
}
footer .siteby {
    color:#333;
    text-transform: uppercase;
    font-family: "lust",sans-serif;
    font-size:11px;
    margin-top:83px;
    text-align:center;
}
footer .siteby a {
    color:#333;
    text-decoration: none;
}

.mejs-container .mejs-controls,
.mejs-mediaelement,
.mejs-container {
	/* background: #5c4b36; */
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.09);
}



.mejs-controls .mejs-time-rail .mejs-time-current {
    background: #977c59;
}
.mejs-controls .mejs-time-rail span, .mejs-controls .mejs-time-rail a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: #826b4c;
}

.mejs-controls .mejs-time-rail .mejs-time-total {
    /* background: #4a3d2b; */
    background: #7a6444;
}

.mejs-button.mejs-playpause-button.mejs-play {
    /* border-right: 1px solid #403425; */
    border-right: 1px solid #8D744E;
    
}
.mejs-button.mejs-playpause-button.mejs-pause {
    /* border-right: 1px solid #403425; */
    border-right: 1px solid #8D744E;
}
.mejs-button.mejs-volume-button.mejs-mute {
    /* border-right: 1px solid #403425; */
    border-right: 1px solid #8D744E;
    /* border-left: 1px solid #403425; */
    border-left: 1px solid #8D744E;
    margin-right: 7px;
}

.mejs-container .mejs-controls .mejs-time {
    padding: 10px 10px 0px 15px;
}
.mejs-container .mejs-controls div {
    height: 100%;
    width: 29px;
}

/*audio buttons*/

.mejs-controls .mejs-mute button {
    /* background: url('../img/buttons/volume.png') -7px; */
    background: url('../img/buttons/volume-clear.png') -7px;
}
.mejs-controls .mejs-unmute button {
    /* background: url('../img/buttons/mute.png') -7px; */
    background: url('../img/buttons/mute-clear.png') -7px;
}
.mejs-controls .mejs-play button {
    /* background: url('../img/buttons/play.png') -5px; */
    background: url('../img/buttons/play-clear.png') -5px;
}
.mejs-controls .mejs-pause button {
    /* background: url('../img/buttons/pause.png') -5px; */
    background: url('../img/buttons/pause-clear.png') -5px;
}
.mejs-time-rail {
    width: 127px !important;
}
.mejs-time-total.mejs-time-slider {
    width: 121px !important;
}
.mejs-button.mejs-volume-button.mejs-unmute {
    border-left: 1px solid #403425;
    border-right: 1px solid #403425;
    margin-right: 7px;
}

.mejs-container .mejs-controls .mejs-time {
    color: #474747;
}




#last {
	padding-right: 10px;
}

.last {
	padding-right: 10px;
}


#mailing,
#newdemos,
#whatsay,
#getacd {
	text-indent:-99999em;
	display:block;
	position:fixed;
    z-index:999;
    background:url('../img/buttons/buttons.png');
}
#getacd {
    position: absolute;
}
#mailing {
	width:83px;
	height:83px;
    background-position: 0 -351px;
	right: 50%;
	top: 87px;
    margin-right:-502px;
}
#mailing:hover {
    background-position: -84px -351px;
}
#newdemos {
	width:109px;
	height:109px;
    background-position: 0px -117px;
    right: 50%;
    top: 159px;
    margin-right: -451px;
}
#newdemos:hover {
    background-position: -109px -117px;
}
#whatsay {
	/*width:109px;*/
	/*height:109px;*/
    background-position:0 0;
	/*bottom: 40px;*/
    /*left: 50%;*/
    /*margin-left: -434px;*/
    width:83px;
    height:83px;
    right: 50%;
    top: 87px;
    margin-right:-502px;
    background-size: 175px;
}
#whatsay:hover {
    /*background-position:109px 0;*/
    background-position: 87px 0;
}
#getacd {
	width:107px;
	height:109px;
    background-position: 0 -229px;
	bottom: 110px;
	right: -111px;
}
#getacd:hover {
    background-position: -111px -229px;
}

body {
	position: relative;
}
#buttons {
	position: fixed;
	width: 540px;
	margin: 0 auto;
	left: 50%;
	top: 0;
	margin-left: -270px;
    z-index: 999;
}
.ahlink {
	display: block;
	position: absolute;
	top: 275px;
	left: 171px;
}
header .ahlink {
	display: none;
}
.ahlink.sticky {
	position:fixed;
	top: 10px;
	left: 50%;
	margin-left: -99px;
	z-index: 99999;
}
header .ahlink.sticky {
    display: block;
    
}
#home .ahlink.sticky {
	display:none;
}

.download-btn a {
    display: block;
    text-decoration: none;
    border-left: 1px solid #8D744E;
    height: 17px !important;
    padding: 10px 1px 3px 11px !important;
    text-transform: uppercase;
    /* background: url('../img/buttons/download_arrow.png') 75px 0 no-repeat; */
    background: url('../img/buttons/download_arrow-clear.png') 75px 0 no-repeat;
    width: 96px;
    color: #474747;
    font-family: Courier New;
    font-size: 13px;
}


.demos-wrapper {
    margin-top: 50px;
    margin-left: 36px;
    margin-right: 36px;
}
.demos-wrapper p {
    margin-bottom: 6px;
    text-align: center;
}
.highlights-wrapper {
    margin-top: 31px;
    margin-left: 91px;
    margin-right: 88px;
}
.highlights-wrapper p {
    margin-bottom: 6px;
    text-align: center;
}
.videos {
    padding-top: 50px;
}
.videos .video {
    float: left;
    margin-right: 15px;
}
.video:nth-child(3n+3) {
    margin-right: 0;
}

.video .title {
    height: 61px;
    text-align: center;
    padding: 8px;
    max-width: 154px;
}
#video .section_inner {
    text-align: center;
}
.mejs-container {
    margin-bottom: 18px;
}
.fancybox-media {
    display: block;
    position: relative;
}

/* My Comment 
.video .play {
    background: url('../img/play.png');
    position: absolute;
    height: 40px;
    width: 65px;
    top: 45px;
    left: 53px;
}
*/

.video .play {
    background: url('../img/tv-screen-170.png');
    position: absolute;
    height: 128px;
    width: 170px;
    top: 0px;
    left: 0px;
}




.mejs-controls .mejs-button button:focus {
    outline: none;
}

header a:hover, footer a:hover {
    color:#fff;
}

.social_media {
    position: fixed;
    top: 44px;
    right: 50%;
    margin-right: -495px !important;
    z-index: 9999999;
}
.social_media a {
    width: 21px;
    height: 21px;
    display: inline-block;
}
.social_media .facebook {
    background: url('../img/logos/social-sprite.png') -22px 0 no-repeat;
}
.social_media .twitter {
    background: url('../img/logos/social-sprite.png') no-repeat;
}
.social_media .vimeo {
    background: url('../img/logos/social-sprite.png') -44px 0 no-repeat;
}
.social_media .instagram {
    background: url('../img/logos/social-sprite.png') -66px 0 no-repeat;
}
.social_media .youtube {
    background: url('../img/logos/social-sprite.png') -88px 0 no-repeat;
}

.social_media .facebook:hover {
    background: url('../img/logos/social-sprite.png') -22px -21px no-repeat;
}
.social_media .twitter:hover {
    background: url('../img/logos/social-sprite.png')0 -21px no-repeat;
}
.social_media .vimeo:hover {
    background: url('../img/logos/social-sprite.png') -44px -21px no-repeat;
}
.social_media .instagram:hover {
    background: url('../img/logos/social-sprite.png') -66px -21px no-repeat;
}
.social_media .youtube:hover {
    background: url('../img/logos/social-sprite.png') -88px -21px no-repeat;
}

.nav-active {
    /* color: #990000; */
    color: #CC0000;
}

/*
#headermobile {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    background: black;
    padding: 30px 0 0 0;
    text-align: center;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: none;
}

#headermobile #navmobileshow {
    height: 50px;
    display: block;
    position: absolute;
    top: 50px;
    right: 50px;
}
#headermobile #navmobileshow div {
    content: "";
    width: 4em;
    height: 0.45em;
    background: #FFD08F;
    box-shadow: 0 1em 0 0 #FFD08F, 0 2em 0 0 #FFD08F;    
    
    
}
#headermobile #nav-mobile > li {
    background: #990000;
    border-top: 1px solid #DD001E;
    display: block;
    width: 100%;
}
#headermobile #nav-mobile > li > a {
    color: #fff4af;
    text-shadow: none;
    font-size: 40px;
    width: 100%;
    padding: 50px 0;
    display: block;
}

#headermobile #nav-mobile {
    display: none;
}
#mobilelogo img {
    margin-bottom: 50px;
}

.mobile #home {
    margin-top: 200px;
}
.mobile #mailing {
    top: 170px;
}
.mobile #whatsay {
    top: 170px;
}
.mobile #newdemos {
    top: 231px;
}
.mobile .ahlink {
    display: none !important;
}
*/

div.mejs-container.svg.mejs-audio {
	outline: none;
}




.clearfix:before, 
.clearfix:after {
    content: " ";
    display: table; 
}

.clearfix:after {
    clear: both;
}


.mobile-page {
    max-width: 720px;
    margin: 0 auto;
}
.mobile-page img {
    max-width: 100%;
}
.mobile-header {
    text-align:center;
    font-size: 0px;
}
.mobile-content {
    background: #f2c792;
    padding-bottom: 50px;
}
.mobile-content .section_inner {
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0px 30px;
}

.mobile-content h2 {
    font-size: 32px;
}
.mobile-content h3 {
    font-size: 16px;
    margin-bottom: 25px;
}
.mobile-content a {
    color: #990000;
    text-decoration: none;
}
.mobile-content p {
    line-height: 1.4;
    margin-bottom: 15px;
	font-size: 16px;
	font-weight: bold;
}
.mobile-content p img {
    max-width: 145px;
    margin-right: 10px;
    margin-bottom: 10px;
}





.mobile-content .demos-wrapper {
    margin-left: 0px;
    margin-right: 0px;
    text-align:center;
}
.mobile-content .demos-wrapper p {
    color: #990000;
    font-size: 18px;
    text-transform: uppercase;
}
.mobile-content .demos-wrapper div.mejs-container.svg.mejs-audio {
    display: inline-block;
    width: 440px !important;
}
.mobile-content .mejs-time-rail {
    width: 100px !important;
}
.mobile-content .mejs-time-total.mejs-time-slider {
    width: 100px !important;
}
@media only screen and (max-width: 500px) {
    .mobile-content .demos-wrapper div.mejs-container.svg.mejs-audio {
        display: inline-block;
        width: 300px !important;
    }
    .mobile-content .demos-wrapper .mejs-time-rail {
        width: 75px !important;
    }
    .mobile-content .demos-wrapper .mejs-time-total.mejs-time-slider {
        width: 75px !important;
    }
    .mobile-content .demos-wrapper .mejs-controls a.mejs-horizontal-volume-slider {
        width: 30px;
        margin-right: 10px;
    }
    .mobile-content .demos-wrapper .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
        width: 30px;
    }
    .mobile-content .demos-wrapper .mejs-container .mejs-controls .mejs-time {
        padding: 10px 5px 0px 10px;
    }
    .mobile-content .demos-wrapper .mejs-container .mejs-controls div.download-btn a {
        width: 30px !important;
        height: 30px !important;
        padding: 0px !important;
        padding-left: 30px !important;
        line-height: 30px;
        overflow: hidden !important;
        box-sizing: border-box;
        background-position: top 1px center;
    }
}
.mobile-content #getacd {
    position: static;
    display: inline-block;
    margin-top: 25px;
}

.mobile-content .highlights-wrapper {
    margin-left: 0px;
    margin-right: 0px;
    text-align:center;
}
.mobile-content .highlights-wrapper p {
    color: #990000;
    font-size: 18px;
    text-transform: uppercase;
}
.mobile-content .highlights-wrapper div.mejs-container.svg.mejs-audio {
    width: 320px !important;
    display: inline-block;
}
.mobile-content .highlights-wrapper div.mejs-container .mejs-time-total.mejs-time-slider {
    width: 90px !important;
}
.mobile-content .highlights-wrapper div.mejs-container .mejs-time-rail {
    width: 90px !important;
}
.mobile-content .videos {
    margin-bottom: 25px;
}
.mobile-content .video {
    width: 30%;
    float: left;
    margin-right: 5%;
}
.mobile-content .video:nth-child(3n) {
    margin-right: 0px;
}
.mobile-content .video a {
    font-size: 0px;
}
.mobile-content .video .play {
    left:0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    height: auto;
    width: auto;
    background-size: cover;
    background-repeat: no-repeat;
}
.mobile-content .video .title {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}
.mobile-contact .mobile-content {
    text-align: center;
}
.mobile-contact .mobile-content p:nth-of-type(3),
.mobile-contact .mobile-content p:nth-of-type(4),
.mobile-contact .mobile-content p:nth-of-type(5),
.mobile-contact .mobile-content p:nth-of-type(8),
.mobile-contact .mobile-content p:nth-of-type(9),
.mobile-contact .mobile-content p:nth-of-type(10) {
    margin-bottom: 0px;
}
.mobile-contact .mobile-content h3 {
    margin-top: 50px;
    font-size: 24px;
    color: #990000;
}
.footer-mobile {
    max-width: 720px;
    margin: 0 auto;
    text-align: center;
    padding: 23px 0 18px;
    background: #f2c792;
}
.footer-mobile ul {
    display: inline-block;
    width: 100%;
}
.footer-mobile ul li {
    margin-right: 5px;
    float: none;
    display: inline-block;
}
.footer-mobile ul li:last-child {
    margin-right: 0px;
}
.footer-mobile a {
    color: #990000;
}


.mobile-menu {
    position: fixed;
    top: 0px;
    left: 0px;
    right:0px;
}
.mobile-menu ul {
    padding-top: 15px;
    padding-bottom: 15px;
    background: #232323;
}
.mobile-menu li {
    float: none;
    display: block;
}
.mobile-menu li a {
    /*line-height: 40px;*/
    text-align: center;
    display: block;
    line-height: 46px;
    font-size: 23px;
	color: #F2C792;
}

html {
    -webkit-transition: padding-top 300ms ease-in-out;
    -moz-transition: padding-top 300ms ease-in-out;
    -ms-transition: padding-top 300ms ease-in-out;
    -o-transition: padding-top 300ms ease-in-out;
    transition: padding-top 300ms ease-in-out;
}
.noScroll {
    height:100%;
    width:100%;
    overflow: hidden;
    padding-top: 260px;
    
}

.mobile-page {
    display: none;
}
.footer-mobile {
    display: none;
}
.mobile-menu-button {
    display: none;
}
.index .ahlink.sticky {
    position: fixed;
    top: 0px;
    left: calc(50% + 20px);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-left: 0px;
    z-index: 99999;
}

.ahlink.sticky {
    position: absolute;;
    top: auto;
    left: auto;
    margin-left: 0px;
}

.about .header_inner .ahlink,
.showreels .header_inner .ahlink,
.audio-work .header_inner .ahlink,
.video-work .header_inner .ahlink,
.contact .header_inner .ahlink {
    display: block;
    top: 50%;
    left: calc(50% + 10px);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.about .header_inner .chlink,
.showreels .header_inner .chlink,
.audio-work .header_inner .chlink,
.video-work .header_inner .chlink,
.contact .header_inner .chlink {
    position: absolute;
    top: 110px;
    display: block;
    left: calc(50% + 10px);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.about #content,
.showreels #content,
.audio-work #content,
.video-work #content,
.contact #content {
    padding-top: 150px;
}
#showreels,
#audio,
#video,
#contact {
    margin-top: 0px;
}



#home {
    padding-bottom: 0px !important;
    margin-bottom: 100px;
}
footer .siteby {
    margin-top: 40px;
}

.go-to-home {
    display: none;
    height: 50px;
    width: 200px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    position:absolute;
    top: 5%;
    z-index: 500;
}

.chlink {
    color: #FAFAFA;
    font-size: 13px;
    font-family: "lust",sans-serif;
    text-decoration: none;
    text-transform: uppercase;
}
#newdemos.get-in-touch {
    background-image: url('../img/buttons/buttons-new.png');
    background-repeat: no-repeat;
    background-position: top left;
}

#newdemos.get-in-touch:hover {
    background-position: top left -109px;
}

.index .chlink {
    display: none;
}


@media only screen and (max-width: 767px) {
    .go-to-home {
        display: block;
    }
    header {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        max-width: 720px;
        margin: 0 auto;
        padding: 25px 25px 0px;
    }
    .mobile-menu-button {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: right;
    }
    .mobile-menu-button a {
        display: inline-block;
        font-size: 0px;
        line-height: 32px;
        height: 32px;
        width: 32px;
        z-index: 999999999;

    }
    #newdemos {
        right: 50px;
        top: 110px;
        left: auto;
        margin: 0;
        -webkit-transition: top 300ms ease-in-out;
        -moz-transition: top 300ms ease-in-out;
        -ms-transition: top 300ms ease-in-out;
        -o-transition: top 300ms ease-in-out;
        transition: top 300ms ease-in-out;
        background-size: 170px;
        height: 85px;
        width: 85px;
        background-position: 0px -90px;
    }
    #newdemos.get-in-touch {
        background-image: url('../img/buttons/buttons-new.png');
        background-repeat: no-repeat;
        background-position: top left;
    }

    #newdemos.get-in-touch:hover {
        background-position: top left -85px;
    }
    #whatsay {
        height: 65px;
        width: 65px;
        left: auto;
        right: 10px;
        margin: 0;
        background-repeat: no-repeat;
        -webkit-transition: top 300ms ease-in-out;
        -moz-transition: top 300ms ease-in-out;
        -ms-transition: top 300ms ease-in-out;
        -o-transition: top 300ms ease-in-out;
        transition: top 300ms ease-in-out;
        background-size: 135px;
        top: 65px;
    }
    #whatsay:hover {
        background-position: -68px 0;
    }
    .noScroll #whatsay {
        top: 325px;
    }
    .noScroll #newdemos {
        top: 370px;
    }
    .mobile-page {
        display: block;
    }
    .footer-mobile {
        display: block;
    }
    .mobile-menu-button {
        display: block;
    }
    .section {
        display: none;
    }
    #home.section {
        display: block;
        background-image: url('../img/mobile/MOB_background_full_2.png');
        background-repeat: no-repeat;
        background-size: cover;
        margin-top: 0px;
        background-size: auto 80%;
        height: calc(100vh - 60px);
        margin-bottom: 0px;
        background-position: top 65px center;
    }
    #home .section_inner .ahlink img {
        display: none;
    }
    body.index {
        max-height: calc(100vh - 60px);
    }
    body.index .footer-mobile {
        background-color: transparent;
    }
    body.index .footer-mobile a {
        color: #666666;
    }
    body.index .footer-mobile a:hover {
        color: #ffffff;
    }
    .header_inner {
        display: none;
    }
    .about #content,
    .showreels #content,
    .audio-work #content,
    .video-work #content,
    .contact #content {
        padding-top: 30px;
    }
    footer {
        display: none;
    }
    #home {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        margin-top: 50px;
    }
    #home .section_inner {
        width: 100%;
    }
    #home .ahlink {
        left: 50%;
        -webkit-transform: translateX(-97px);
        -moz-transform: translateX(-97px);
        -ms-transform: translateX(-97px);
        -o-transform: translateX(-97px);
        transform: translateX(-97px);
    }

    .fancybox-wrap {
        width: auto !important;
        left: 0px !important;
        right: 0px !important;
    }
    .fancybox-inner {
        width: 100% !important;
        height: 450px !important;
        position: relative;
    }
    .fancybox-inner iframe {
        position: absolute;
        left: 0px;
        right: 0px;
        bottom: 0px;
        top: 0px;
    }
    .wf-active {
        height: 100%;
        width: 100%;
    }
    .wf-active body.whatsay {
        background-size: 128% 145%;
        background-position: center;
        padding: 75px 30px;
    }


    .wf-active .wrapper {
        padding: 0px;
        height: auto;
        width: auto;
    }
    .wf-active h2 {
        font-size: 24px;
    }
    .wf-active .close {
        top: 20px;
        right: 20px;
    }

    .mobile-menu .social_media {
        position: static;
        width: auto;
        height: auto;
        margin: 0 !important;
        display: inline-block;
        padding-top: 10px;
    }
    .mobile-menu .social_media a {
        float: left;
        margin-right: 15px;
        display: inline-block;

    }
    .mobile-menu .social_media a:last-child {
        margin-right: 0px;
    } 
    .mobile-menu li:last-child {
        text-align: center;
        font-size: 0px;
    }

    #background-image {
        background-image: none;
    }

    body.about .go-to-home {
        top: 6.5%;
    }
    body.video-work .go-to-home {
        top: 3.75%;
    }


}
@media only screen and (max-width: 500px) {
    .mobile-content .video {
        width: 47.5%;
        float: left;
        margin-right: 5%;
    }
    .mobile-content .video:nth-child(3n) {
        margin-right: 5%;
    }
    .mobile-content .video:nth-child(2n) {
        margin-right: 0px;
    }
    .mobile-content .highlights-wrapper div.mejs-container .mejs-time-rail {
        width: 85px !important;
    }
    .mobile-content .highlights-wrapper div.mejs-container .mejs-time-total.mejs-time-slider {
        width: 85px !important;
    }
    .mobile-content .highlights-wrapper div.mejs-container.svg.mejs-audio {
        width: 300px !important;
        display: inline-block;
    }
    .mobile-content .highlights-wrapper div.mejs-container .mejs-time-rail {
        width: 75px !important;
    }
    .mobile-content .highlights-wrapper div.mejs-container .mejs-time-total.mejs-time-slider {
        width: 75px !important;
    }
    .mobile-content .highlights-wrapper div.mejs-controls a.mejs-horizontal-volume-slider {
        width: 46px !important;
    }
    .mobile-content .highlights-wrapper div.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
        width: 40px !important;
    }
}