@charset "UTF-8";{}
body {
	background-repeat: repeat-y;
	background-size: cover;
	background-position: center top;
	width: 100%;
	height: 100%;
	background-color: #454545;
	position: absolute;
}
.Header {
	left: -2%;
	width: 100%;
	height: 6rem;
}
.Ashead {
    background-image: url(../images/ASweblsi01%202020%20AMK04.png);
    background-position: left center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 47%;
    height: 100%;
    position: relative;
}
.Menu {
    width: 0%;
    height: 0%;
    position: absolute;
    left: 9%;
    top: 20%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
.mlist {
	position: absolute;
	top: 50%;
	left: 5%;
}
.MenCen {
}
#prod {
}
#prodIM {
}
.VM {
}
.footer {
	width: 95%;
	height: 20%;
	position: absolute;
	left: 2%;
	bottom: 2%;
}
.ani {
	background-image: url(../images/ASweb480iFooter.png);
	background-position: left center;
	background-size: contain;
	background-repeat: no-repeat;
	width: 40%;
	height: 95%;
}
#Bars {
	width: 0%;
	height: 0%;
}
img {
}
@media (max-width : 480px ){
body {
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: #454545;
	background-size: cover;
}
.size {
    width: 96%;
    height: 96%;
    top: 2%;
    left: 2%;
    /* [disabled]background-color: #FF9C00; */
}
.Header {
    width: 100%;
    height: 50%;
    /* [disabled]background-color: #F80505; */
}
.Ashead {
    background-position: center top;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    left: 2%;
    background-image: url(../images/ASweblsi01%202020%20AMK04.png);
    top: 10%;
    height: 45%;
}
.Menu {
    width: 12%;
    height: 5%;
    position: absolute;
    left: 9%;
    top: 25%;
    /* [disabled]background-color: #BC76FF; */
}
#Bars {
	width: 100%;
	height: auto;
}
a {
	font-family: "Adobe Garamond Pro", "Adobe Garamond Pro Bold", "Adobe Garamond Pro Bold Italic", "Adobe Garamond Pro Italic";
	font-style: normal;
	font-size: 0%;
	text-align: center;
	color: #000000;
	text-shadow: 1px 1px #E2E2E2;
}
.mlist {
    width: 50%;
    /* [disabled]background-color: #FC9090; */
    height: 35%;
    position: absolute;
    top: 22%;
    left: 25%;
}
.Mh {
    /* [disabled]background-color: #00FF17; */
    width: 100%;
    height: 20%;
    position: absolute;
    top: 0%;
    left: 0%;
}
#home {
    width: 100%;
    height: auto;
    position: absolute;
    /* [disabled]background-color: #0009FF; */
    top: 25%;
}
.Msr {
    width: 100%;
    height: 20%;
    position: absolute;
    top: 20%;
    /* [disabled]background-color: #FF00ED; */
}
#Showreel {
    width: 100%;
    height: auto;
    position: absolute;
    top: 25%;
}
.Ml {
    width: 100%;
    height: 20%;
    position: absolute;
    top: 40%;
    /* [disabled]background-color: #00FF0B; */
}
.Ml img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 25%;
}
.Mprod img {
    width: 100%;
    position: absolute;
    top: 65%;
}
#prod {
    background-color: #00FF26;
    position: absolute;
    top: 40%;
    left: 0%;
    width: 97%;
    height: auto;
}
#prodIM {
    background-color: #FB0004;
    width: 50%;
    height: auto;
}
.Center {
    border-radius: 5%;
    position: absolute;
    width: 83%;
    height: 45%;
    top: 52%;
    left: 8%;
    /* [disabled]background-color: #FFFD00; */
    overflow-y: scroll;
    visibility: visible;
}
.VM {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0%;
}
.IIBB {
    width: 75%;
    height: auto;
}
#II {
    width: 48%;
    position: relative;
    left: 10%;
}
#BB {
    width: 48%;
    position: relative;
    left: 20%;
}
.Trail {
    width: 95%;
    height: 50%;
    /* [disabled]background-color: #FF0004; */
    position: absolute;
    margin-top: 60%;
}
.VMt {
    width: 100%;
    height: auto;
    position: absolute;
    margin-top: 45%;
}
.BBt {
    width: 100%;
    height: auto;
    position: absolute;
    margin-top: 105%;
}
.BBweb {
    width: 100%;
    height: auto;
    position: absolute;
    margin-top: 165%;
}
img {
    width: 100%;
    height: auto;
}
.footer {
    width: 50%;
    height: 27%;
    position: absolute;
    left: 25%;
    bottom: 2%;
    top: 100%;
}
.ani {
	background-image: url(../images/ASweb480iFooter.png);
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	width: 95%;
	height: 95%;
}
#SAI {
    position: absolute;
    left: 0%;
    width: 100%;
    height: auto;
}
}

@media (min-width : 481px ){
body {
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: #454545;
	background-size: cover;
}
.size {
    width: 95%;
    height: 80%;
    position: absolute;
    top: 10%;
    left: 2.5%;
    /* [disabled]background-color: #C97000; */
}
.Header {
    width: 50%;
    position: absolute;
    top: 0%;
    left: 50%;
    height: 30%;
    /* [disabled]background-color: #FC001A; */
}
.Ashead {
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: url(../images/ASweblsi01%202020%20AMK04.png);
    left: 2%;
    /* [disabled]background-color: #0009FF; */
    top: 5%;
}
.MenCen {
    width: 90%;
    background-repeat: no-repeat;
    height: 80%;
    /* [disabled]margin-right: 5%; */
    /* [disabled]margin-left: 5%; */
    position: absolute;
    top: 10%;
    left: 5%;
    /* [disabled]background-color: #F5FF00; */
}
.mlist {
    position: absolute;
    width: 30%;
    left: 5%;
    height: 100%;
    /* [disabled]background-color: #FF0000; */
    top: 0%;
}
.Mh {
    width: 100%;
    height: 10%;
    position: absolute;
    top: 10%;
    /* [disabled]background-color: #00FF1A; */
}
#home {
    width: 100%;
    height: auto;
}
.Msr {
    width: 100%;
    height: 10%;
    position: absolute;
    top: 25%;
    /* [disabled]background-color: #BB00FF; */
}
#Showreel {
    width: 100%;
    height: auto;
    position: absolute;
    -webkit-box-shadow: 0px 0px;
    box-shadow: 0px 0px;
}
.Ml {
    width: 100%;
    height: 10%;
    position: absolute;
    top: 40%;
    /* [disabled]background-color: #14FF00; */
}
#Links {
    width: 100%;
    height: auto;
}
.Mprod img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 55%;
}
.Center {
    border-radius: 5%;
    position: absolute;
    width: 50%;
    height: 85%;
    top: 25%;
    left: 40%;
    /* [disabled]background-color: #FFFD00; */
    overflow-y: scroll;
    visibility: visible;
}
.VM {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0%;
}
.IIBB {
    width: 75%;
    height: auto;
    position: absolute;
    top: 0%;
    left: 12.5%;
}
#II {
    width: 50%;
    height: auto;
    position: relative;
    left: 0%;
}
#BB {
    width: 50%;
    height: auto;
    position: relative;
    left: 51%;
}
.Trail {
    width: 100%;
    height: auto;
    position: absolute;
    /* [disabled]background-color: #FF0004; */
    margin-top: 65%;
}
.VMt {
    width: 75%;
    height: auto;
    position: absolute;
    top: 0%;
    left: 12.5%;
    margin-top: 35%;
}
.BBt {
    width: 75%;
    height: auto;
    position: absolute;
    /* [disabled]top: 63%; */
    left: 12.5%;
    margin-top: 80%;
}
#SAI {
    position: absolute;
    left: 12.5%;
    width: 75%;
    height: auto;
}
.BBweb {
    width: 75%;
    height: auto;
    position: absolute;
    margin-top: 125%;
    left: 12.5%;
}
img {
    width: 100%;
    height: auto;
}
a {
	font-size: 88%;
	position: absolute;
	top: 0%;
	left: 1%;
	right: -1%;
	bottom: 1%;
}
.footer {
    width: 20%;
    height: 35%;
    position: absolute;
    /* [disabled]background-color: #000EFB; */
}
.ani {
    background-image: url(../images/ASweb480iFooter.png);
    background-position: left center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
}
}