<style>
body {
  -ms-overflow-style: none; /* for Internet Explorer, Edge */
  scrollbar-width: none; /* for Firefox */
  overflow-y: scroll;
  
}

.copyrt {float:left; text-align:center; width:100%; color:#aaaaaa; font-size:.6rem;}
.copyrt1 {float:right; margin-right:5%; font-size:.6rem; color:gray;}
.copyrt2 {float:left; text-align:center; width:100%; color:#aaaaaa; font-size:.6rem; margin-top:-10%;}
.copyrt3 {width:100%; text-align:center;color:#555555; font-size:.6rem;
          position:absolute; top:700px;}
body::-webkit-scrollbar {
  display: none; /* for Chrome, Safari, and Opera */
}
body {background-color:black;
font-family:Calibri Light, sans-serif;
color:white;}
html {font-size:20px;}    
html {font-size:10px;}
@media screen and (min-width: 320px) {
  html {
    font-size: calc(8px + 5 * ((100vw - 320px) / 680));
  }
}
/*
@media screen and (min-width: 1260px) {
  html {
    font-size: 15px;
  }
}*/
@media screen and (min-width: 2000px) {
  html {
    font-size: 20px;
  }
}

.headerback {background-color:black;}

.contactdiv {width:50%; margin-top:10%; margin-left:25%; font-size:.75rem; text-align:left;}
.contact1 {width:32%; margin-top:2%; float:left; font-size:.75rem; text-align:justify; margin-left:20%;}
.contact2 {width:38%; margin-top:2%; float:left; font-size:.75rem; text-align:left;}

.myquote {font-style:italic;}

.headerdiv {text-align:left;
    margin-left:2%;
    margin-top:0%;
    background-color:black;
    font-size:1rem;}
.agstars {height:40px; width:40px;}
.mainlogo-img { position: relative;top:0; left:0;}
.filmimg{width:150%;height:150%;}

.aghead {color:white; font-size:2rem;}
.aghead:hover {background-color:red;}


img {max-width:200%; height:auto;}
a {color: white; font-size:1rem;}
.mytitle1 {color:red; font-size:40px; font-family:Century Gothic;}
.mytitle {color:red; font-size:1.75rem; font-family:Century Gothic;}
.menu-div {margin-left:2.25%; margin-top:-1.5%; width:100vw;
font-size:1rem; width:100%;}
.dropbtn {
background-color:black; color:white; padding-right:.2rem;
border:none; cursor:pointer;
font-size:.75rem; display:inline-block;
}
.dropbtn hover {background-color:#ffffff;}
.alltext {font-size:1rem;}
.dcontent {
  display: none;
  position: absolute;
  background-color: #b2b4b7;
  z-index: 1;
  text-align:center;
}

.dcontent a:hover {background-color: black;}

.dcontent a {
  color: white;
  background-color:black;
  text-decoration: none;
  display: block;
}

.dcontent {
  display: none;
  position: absolute;
  background-color:transparent;
  z-index: 1;
  width:100%;

}



.dropdown-content {display: block;}
.dropdown-content a:hover {background-color: black;}
.dropdown-content a {
  color: white;
  background-color:black;
  text-decoration: none;
  display: block;
}
.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown:hover .dcontent {display:inline-block;} 
.dropdown:hover .button10 {display:inline-block;}

 
  
.dropbtn2 {
 background-color:black; color:white; padding-right:.2rem; padding-bottom:.2rem; padding-top:.2rem; border:1px solid grey; cursor:pointer; font-size:.6rem; display:inline-block;
text-align:left;}
.dropbtn2:hover {
    background-color: black}
    

.dropdown:hover

.dropdown:hover .dropbtn {background-color: black}

.menufix{ 
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  height:17.5vh;
  background-color:black;}


.btnlink {background-color:black; color:white; padding-right:.2rem; border:none; cursor:pointer; font-size:.75rem; display:inline-block;}
.btnlink2 {background-color:white; color:red; padding-right:.2rem; border:1px solid black;; cursor:pointer; font-size:.8rem; display:inline-block;}
a:link {color:white; text-decoration:none;}
a.ag:link {color:white; text-decoration:none; padding-right:1rem; font-size:.8rem; font-style:italic;}
a.mnlnk {display:inline-block; color:white; text-decoration:none; font-size:1rem;padding-right:6rem;}
a.mnlnk2 {display:inline-block; color:white; text-decoration:none; padding-right:.5rem; font-size:1.2rem;}
a.mnlnk3 {display:inline-block; color:white; text-decoration:none; font-size:1rem; padding-right:.5rem;}
a.mnlnk4 {display:inline-block; color:white; text-decoration:none; font-size:1rem; padding-left:.3rem; padding-right:5.2rem;}
a.mnlnk5 {display:inline-block; color:white; text-decoration:none; padding-right:.6rem; font-size:1.25rem;}
.linkstyle {color:white;}
.infodiv {background-color:#2b2b2e;
min-height:2vw; width:100%;
text-align:right;
}

.chkbtn {background-color:black; border:1px solid white; display:inline-block; color:black; width:18px; text-align:center;}
.chkbtn:hover {background-color:white;}

.mainarea {width:100%; text-align:center;
}


.biodiv {text-align:left; width:70%; margin-left:15%;}
.biodiv1 {text-align:left; width:50%; margin-left:15%;}

.biop {text-align:left; padding:.3125rem; font-size:1rem;}
.tfimg{max-width:100%; height:auto;}
.trifold3 {width:27%; float:left; margin-left:7%;text-align:center;font-size:larger;}
.trifold1 {width:27%; float:left; margin-left:4%;text-align:center;font-size:larger;}
.trifold2 {width:27%; float:left; margin-left:4%; text-align:center;font-size:larger;}
.trifold4 {width:33.33%; float:left; margin-left:0%; text-align:center;font-size:larger;}
.trifold5 {width:33.33%; float:left; margin-left:0%; text-align:center;font-size:larger;}

.firmimg {border:transparent; padding:.35rem; width:14%; height:auto;}
.firmul {list-style-type:none;
padding:0; margin:0; display:contents;}
.ulcomp li {padding-top:1px; border-radius:2rem; text-align:center; }
.justfy {text-align:justify; font-size:1.25rem;}
.justfy1 {text-align:justify; font-size:.5rem;}
.ulcomp1 li {padding:0; margin:0; text-align:center; list-style-type:none;}
.ulcomp1 {list-style-type:none; display:contents;}
.buttonx {
  background-color:transparent;
  border:.1rem solid white;
  color: white;
  padding: 1rem 1rem;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: .25rem .125rem;
  cursor: pointer;
  border-radius: 1rem;
  width:7vw;
  font-size:1rem;

}
 
.button3 {
  background-color:transparent;
  border:.1rem solid red;
  color: white;
  padding: 1rem 1.25rem;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: .25rem .125rem;
  cursor: pointer;
  width:7vw;
  font-size:2rem;}
.buttonl {
  background-color: transparent;
  border:.0625rem solid white;
  color: white;
  padding: .625rem 1.25rem;
  text-align: center;
  text-decoration: none;
  margin: .25rem .125rem;
  cursor: pointer;
  border-radius: 1rem;
  font-size:.7rem;
  display:inline-block;

}
.buttonl:hover {
  background-color:gray; color:white;
}


.button {
  background-color: transparent;
  border:.0625rem solid white;
  color: white;
  padding: .625rem 1.25rem;
  text-align: center;
  text-decoration: none;
  margin: .25rem .125rem;
  cursor: pointer;
  border-radius: 1rem;
  font-size:.7rem;

}
.button:hover {
  background-color:gray; color:white;
}
.button20 {
  background-color: transparent;
  border: 1px solid red;
  color: red;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  width:200px;
}
.button20:hover {background-color:white;
color:red;
border:1px solid red;}

.blink {
  background-color:transparent;
  padding-top: 5px;
  padding-bottom: 5px;
  border:1px solid red;
  color: red;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  width:250px;
  height:30px;
  font-size:.7rem;
  display:inline-block;
  font-weight:bold;}

.blinkw   {background-color:transparent;
  padding: 5px;
  border:1px solid white;
  color: white;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  width:250px;
  height:30px;
  font-size:.7rem;
  display:inline-block;}


.button11 {
  background-color: gray;
  border:.0625rem solid white;
  color: white;
  padding: .625rem 1.25rem;
  text-align: center;
  text-decoration: none;
  margin: .25rem .125rem;
  cursor: pointer;
  border-radius: 1rem;
  font-size:.7rem;
  width:200px;

}
.button12 {
  background-color: transparent;
  border:.0625rem solid white;
  color: white;
  padding: .625rem 1.25rem;
  text-align: center;
  text-decoration: none;
  margin: .25rem .125rem;
  cursor: pointer;
  border-radius: 1rem;
  font-size:.7rem;
  width:200px;

}
.button10 {
  background-color: transparent;
  border:.0625rem solid white;
  color: white;
  padding: .625rem 1.25rem;
  text-align: center;
  text-decoration: none;
  margin: .25rem .125rem;
  cursor: pointer;
  border-radius: 1rem;
  font-size:.7rem;

}
.button10:hover {
  background-color:gray; color:white;
}
.spacediv {width:100%; height:200px;}
.spacediv2 {width:100%; height:14vh;}
.spacediv3 {width:100%; height:16vh;}
 .dropdown:hover .button10 {background-color: #b2b2b2;} 

 .dropdown:hover .button {background-color: #b2b2b2;} 
.enddiv {width:100%;  text-align:center;}

.trendbg {  background-image: url("https://www.artisangateway.com/textuploads/AGChinaImg.jpg");
  height:100vh;
  background-attachment:fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size:auto;}
  
.mainarea1 {background-image: url("https://www.artisangateway.com/textuploads/AGMainbg4.png");
  background-size:100%;
  background-repeat:no-repeat;
  background-attachment:fixed;

}


.analbg {  background-image: url("https://www.artisangateway.com/textuploads/AGFilmBackground.png");
  min-height: 100vh;
  background-attachment: fixed;
  top:0;
  background-position: center;
  background-repeat: repeat;
  background-size:auto;}
  
.fixedbg {
  border:1px solid white;
  background-attachment: local;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 80vw;
  width:80vw;
  margin-top:-1%; margin-left:10%;}

.cinemabg {  background-image: url("https://www.artisangateway.com/textuploads/AGimage1b.png");
  background-attachment: fixed;
  min-height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover}

.investbg {  background-image: url("https://www.artisangateway.com/textuploads/AGimage2b.png");
  min-height: 100vh;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
  }
.marketbg {background-image: url("https://www.artisangateway.com/textuploads/AGimage3b.png");
  min-height: 100vh;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
   background-size:cover;}
  
.nobg{background-image: url("https://www.artisangateway.com/textuploads/projector.png");
  min-height: 100vh;
  margin-top:0%;
  background-attachment: fixed;
  top:0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;}
.agimg{width:100vw; height:auto;}
.agfilmbg{background-image: url("https://https://www.artisangateway.com/textuploads/AGFilmImg1.png");
  min-height: 200vh;
  background-attachment: fixed;
  top:10%;
  background-position: center;
  background-repeat:no-repeat;
  background-size: cover;}

.infoimg{width:4rem;}
.infoimg:hover {background-color:gray;}

.lnkimg{width:.8rem; height:.8rem;}
.lnkimg:hover {background-color:red;}

.inputzh {box-sizing:border-box;
background-color:transparent;
color:white;
border:none;
border-bottom:1px solid white;
padding:.2rem; font-weight:normal;
font-size:.75rem; width:15rem;
font-family:Noto Sans;
font-weight:100;}

::-webkit-input-placeholder {color:white; font-weight:normal; font-size:.8rem;}
::-moz-placeholder {color:white; font-weight:normal; font-size:.8rem;}
::placeholder {color:white; font-weight:normal; font-size:.8rem;}

input {
box-sizing:border-box;
background-color:transparent;
color:white;
border:none;
border-bottom:1px solid white;
padding:.3rem; font-weight:normal;
font-size:.8rem; width:15rem;
font-family:calibri light;}
input:hover {background-color:gray;}
input::placeholder {font-weight:normal; font-size:.8rem; color:white;}


textarea {font-family:Calibri Light;
background-color:transparent;
border:none;
color:white; 
outline:none; font-weight:normal;
font-size:.8rem; width:15rem;}
textarea:hover {background-color:gray;}
textarea::placeholder {font-weight:normal; font-size:.8rem; color:white;}

.nonput {font-family:calibri light; font-size:.7rem;}

.myli{display:inline-block;}


:-ms-input-placeholder { /* Internet Explorer */
  color: white; font-weight:bold;
}

::placeholder {
  color: white; font-weight:bold;
}
.formstyle {cursor:pointer;
            width:25%; color:white; font-family:calibri light;
            background-color:transparent; }
.formstyle:hover{background-color:gray; color:white;}
.ctrydiv1 {float:right;}

.row {display:flex;}
.column {flex:10%;
padding:.3125rem;
border:.0625rem solid red;}
.column1 {flex:10%;
padding:.3125rem;
border:.0625rem solid red;}
.ifcontainer {overflow-y:scroll;
position: relative; margin-top:0%;
-webkit-overflow-scrolling: touch; width:100%; border:none; height:100vh;}
.ifcontainer iframe {border:none;left:0; position:absolute; top:-40px; width:100%;height:2000px;}
video {width:60%; height:auto;}

* {box-sizing: border-box;}

video {width:60%; height:auto;}
.mySlides {display: none;}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 800px;
  position: relative;

  margin: auto;
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  height: 10px;
  width: 10px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 3s;
  animation-name: fade;
  animation-duration: 3s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .2} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}
.nav {background-color:transparent
list-style-type:none;
padding-top:0px;}
</style>
 