/*global css starts*/

* {
  outline: none;
}
@font-face {
font-family: 'Green';
src:
    local('fonts/118_MEIRYO.ttf'),
    local('fonts/118_MEIRYO.ttf'),
    url('fonts/118_MEIRYO.ttf');
}

@font-face {
font-family: 'Green1';
src:
    url('fonts/3.ttf');
    
}
@font-face {
font-family: 'italic';
src:local('fonts/1883_MEIRYO.ttf'),
  url('fonts/1883_MEIRYO.ttf');
    
}


html, body {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: auto;
  font-family:sans-serif;
overflow:hidden;
font-family: 'Green1';
}


/*global css ends*/

#bk6ch15ss2 {
  position: absolute;
  width: 1024px;
  height: 768px;
  /* background: url('../images/89.png'); */
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border: 1px solid ;
}

.slideconatiner{
  position: absolute;
  width: 100%;
  height: 100%;
}

.Slides {
  position: absolute;
   width: 100%;
  height: 100%;
  display:none;
}

.videoslides {
  position: absolute;
  width: 100%;
}


.slider1content{
	position: absolute;
    top: 44%;
    left: 22%;
    width: 59%;
    /* color: #ff7c00; */
    text-align: center;
    width: 57%;
    font-size: 17px;
    letter-spacing: 2px;
    font-family: green;
}

.slidesImg{
position: absolute;
    width: 100%;
    /* height: 26%; */
    top: 0%;
    left: 0%;
}

.navButtons{
  position: absolute;
  width: 147px;
  height: 22px;
  background: white;
  /* opacity: 0.5; */
  color: black;
  box-shadow: 1px 3px 10px 0px grey;
  font-size: 11px;
  line-height: 25px;
  padding-left: 7px;
  cursor: pointer;
}

.navButtons:hover{
  outline: 2px solid black;
}

.navButton1{
  top: 47%;
  left: 387px;
}

.navButton2{
  top: 52.4%;
  left: 387px;
}

.navButton3{
  top: 58%;
  left: 387px;
}

.navButton4{
  top: 63.2%;
  left: 387px;
}

.navButton5{
  top: 68.6%;
  left: 387px;
}

.navButton6{
  top: 47%;
  left: 552px;
}

.navButton7{
  top: 52.4%;
  left: 552px;
}

.navButton8{
  top: 58%;
  left: 552px;
}

.navButton9{
  top: 63.2%;
  left: 552px;
}

.slidenavButtons{
  position: absolute;
  width: 73px;
  height: 29px;
  background: white;
  color: black;
  border-top-right-radius: 11px;
  box-shadow: none;
  opacity: 0.6;
  font-weight: bold;
  font-size: 16px;
  padding-left: 5px;
}

.slidenavButtons:hover{
  position: absolute;
  width: 73px;
  height: 29px;
  background: white;
  color: black;
  border-top-right-radius: 11px;
  box-shadow: none;
  opacity: 1;
  outline: none;
}

.slidenavButtons1{
  top: 580px;
  left: 226px;
}

.slidenavButtons2{
  top: 580px;
  left: 316px;
}

.slidenavButtons3{
  top: 580px;
  left: 404px;
}

.slidenavButtons4{
  top: 580px;
  left: 496px;
}

.slidenavButtons5{
  top: 580px;
  left: 586px;
}

.slidenavButtons6{
  top: 580px;
  left: 678px;
}

.slidenavButtons7{
  top: 580px;
  left: 764px;
}

.slidenavButtons8{
  top: 580px;
  left: 854px;
}

.slidenavButtons9{
  top: 580px;
  left: 944px;
}

.navContnetsButton{
  position: absolute;
  background: yellow;
  /* opacity: 0.5; */
  color: black;
  box-shadow: 0px 3px 2px 0px grey;
  font-size: 11px;
  line-height: 19px;
  padding-left: 7px;
  cursor: pointer;
}

.navContnetsButton:hover{
  outline: 1px solid black;
}

.slidecontentButtons1{
  width: 81px;
    height: 19px;
    top: 232px;
    left: 73px;
}

.slidecontentButtons2{
  width: 121px;
  height: 19px;
  top: 476px;
  left: 144px;
  font-size: 11px;
}

.slidecontentButtons3{
  width: 98px;
  height: 19px;
  top: 373px;
  left: 224px;
}

.slidecontentButtons4{
  width: 100px;
  height: 19px;
  top: 111px;
  left: 262px;
}

.slidecontentButtons5{
  width: 131px;
  height: 19px;
  top: 266px;
  left: 407px;
}

.slidecontentButtons6{
  width: 138px;
  height: 19px;
  top: 111px;
  left: 586px;
  font-size: 11px;
}

.slidecontentButtons7{
  width: 112px;
  height: 18px;
  top: 505px;
  left: 463px;
  font-size: 11px;
}

.slidecontentButtons8{
  width: 137px;
  height: 18px;
  top: 335px;
  left: 747px;
  font-size: 11px;
}

.slidecontentButtons9{
  width: 126px;
  height: 18px;
  top: 430px;
  left: 724px;
}

.slidecontentButtons10{
  width: 116px;
  height: 18px;
  top: 516px;
  left: 82px;
  font-size: 11px;
}

.slidecontentButtons11{
  width: 80px;
  height: 18px;
  top: 241px;
  left: 86px;
}

.slidecontentButtons12{
  width: 97px;
  height: 18px;
  top: 258px;
  left: 206px;
}

.slidecontentButtons13{
  width: 78px;
    height: 18px;
    top: 395px;
    left: 236px;
}

.slidecontentButtons14{
    width: 73px;
    height: 18px;
    top: 494px;
    left: 340px;
}

.slidecontentButtons15{
  width: 64px;
  height: 18px;
  top: 450px;
  left: 387px;
}

.slidecontentButtons16{
  width: 105px;
  height: 18px;
  top: 275px;
  left: 449px;
  font-size: 11px;
}

.slidecontentButtons17{
  width: 90px;
  height: 18px;
  top: 241px;
  left: 708px;
  font-size: 11px;
}

.slidecontentButtons18{
  width: 74px;
  height: 18px;
  top: 496px;
  left: 595px;
}

.slidecontentButtons19{
  width: 81px;
  height: 18px;
  top: 335px;
  left: 594px;
}

.slidecontentButtons20{
  width: 80px;
    height: 18px;
    top: 551px;
    left: 730px;
}

.slidecontentButtons21{
  width: 77px;
  height: 18px;
  top: 490px;
  left: 61px;
}

.slidecontentButtons22{
  width: 152px;
  height: 18px;
  top: 193px;
  left: 91px;
  font-size: 11px;
}

.slidecontentButtons23{
  width: 136px;
  height: 18px;
  top: 428px;
  left: 185px;
  font-size: 11px;
}

.slidecontentButtons24{
  width: 149px;
  height: 18px;
  top: 154px;
  left: 444px;
  font-size: 11px;
}

.slidecontentButtons25{
  width: 162px;
  height: 18px;
  top: 534px;
  left: 248px;
  font-size: 11px;
}

.slidecontentButtons26{
  width: 173px;
  height: 18px;
  top: 341px;
  left: 513px;
  font-size: 11px;
}

.slidecontentButtons27{
  width: 127px;
  height: 18px;
  top: 544px;
  left: 526px;
  font-size: 11px;
}

.slidecontentButtons28{
  width: 116px;
  height: 18px;
  top: 113px;
  left: 681px;
  font-size: 11px;
}

.slidecontentButtons29{
  width: 98px;
  height: 18px;
  top: 413px;
  left: 720px;
  font-size: 11px;
}

.slidecontentButtons30{
  width: 168px;
  height: 18px;
  top: 124px;
  left: 96px;
  font-size: 11px;
}

.slidecontentButtons31{
  width: 111px;
  height: 18px;
  top: 151px;
  left: 342px;
  font-size: 11px;
}

.slidecontentButtons32{
  width: 93px;
  height: 18px;
  top: 360px;
  left: 180px;
  font-size: 11px;
}

.slidecontentButtons33{
  width: 146px;
  height: 18px;
  top: 480px;
  left: 87px;
  font-size: 11px;
}

.slidecontentButtons34{
  width: 94px;
  height: 18px;
  top: 558px;
  left: 305px;
}

.slidecontentButtons35{
  width: 144px;
  height: 18px;
  top: 509px;
  left: 522px;
}

.slidecontentButtons36{
  width: 177px;
  height: 18px;
  top: 446px;
  left: 638px;
}

.slidecontentButtons37{
  width: 106px;
  height: 18px;
  top: 135px;
  left: 681px;
}

.slidecontentButtons38{
  width: 135px;
  height: 18px;
  top: 185px;
  left: 563px;
}

.slidecontentButtons39{
  width: 119px;
  height: 18px;
  top: 370px;
  left: 361px;
}

.slidecontentButtons40{
  width: 141px;
  height: 18px;
  top: 406px;
  left: 74px;
  font-size: 11px;
}

.slidecontentButtons41{
  width: 177px;
  height: 18px;
  top: 489px;
  left: 306px;
  font-size: 11px;
}

.slidecontentButtons42{
  width: 167px;
  height: 18px;
  top: 553px;
  left: 408px;
  font-size: 11px;
}

.slidecontentButtons43{
  width: 197px;
  height: 18px;
  top: 125px;
  left: 259px;
  font-size: 11px;
}

.slidecontentButtons44{
  width: 159px;
  height: 18px;
  top: 290px;
  left: 393px;
  font-size: 11px;
}

.slidecontentButtons45{
  width: 180px;
  height: 18px;
  top: 146px;
  left: 586px;
  font-size: 11px;
}

.slidecontentButtons46{
  width: 102px;
  height: 18px;
  top: 287px;
  left: 720px;
  font-size: 11px;
}

.slidecontentButtons47{
  width: 150px;
  height: 18px;
  top: 347px;
  left: 636px;
  font-size: 11px;
}

.slidecontentButtons48{
  width: 94px;
  height: 18px;
  top: 536px;
  left: 704px;
  font-size: 11px;
}

.slidecontentButtons49{
  width: 129px;
  height: 18px;
  top: 162px;
  left: 69px;
  font-size: 11px;
}

.slidecontentButtons50{
  width: 173px;
  height: 18px;
  top: 137px;
  left: 236px;
  font-size: 11px;
}

.slidecontentButtons51{
  width: 201px;
  height: 18px;
  top: 164px;
  left: 400px;
  font-size: 11px;
}

.slidecontentButtons52{
  width: 148px;
  height: 18px;
  top: 126px;
  left: 561px;
  font-size: 11px;
}

.slidecontentButtons53{
  width: 185px;
  height: 18px;
  top: 162px;
  left: 699px;
  font-size: 11px;
}

.slidecontentButtons54{
  width: 174px;
  height: 18px;
  top: 401px;
  left: 67px;
  font-size: 11px;
}

.slidecontentButtons55{
  width: 214px;
  height: 18px;
  top: 449px;
  left: 208px;
  font-size: 11px;
}

.slidecontentButtons56{
  width: 141px;
  height: 18px;
  top: 399px;
  left: 394px;
  font-size: 11px;
}

.slidecontentButtons57{
  width: 152px;
  height: 18px;
  top: 427px;
  left: 560px;
  font-size: 11px;
}

.slidecontentButtons58{
  width: 168px;
  height: 18px;
  top: 402px;
  left: 699px;
  font-size: 11px;
}

.slidecontentButtons59{
  width: 103px;
  height: 18px;
  top: 124px;
  left: 276px;
  font-size: 11px;
}

.slidecontentButtons60{
  width: 105px;
  height: 18px;
  top: 222px;
  left: 119px;
  font-size: 11px;
}

.slidecontentButtons61{
  width: 127px;
  height: 18px;
  top: 505px;
  left: 165px;
  font-size: 11px;
}

.slidecontentButtons62{
  width: 85px;
  height: 18px;
  top: 534px;
  left: 488px;
  font-size: 11px;
}

.slidecontentButtons63{
  width: 135px;
  height: 18px;
  top: 443px;
  left: 443px;
  font-size: 11px;
}

.slidecontentButtons64{
  width: 88px;
  height: 18px;
  top: 360px;
  left: 725px;
}

.slidecontentButtons65{
  width: 77px;
  height: 18px;
  top: 180px;
  left: 774px;
}

.slidecontentButtons66{
  width: 114px;
  height: 18px;
  top: 114px;
  left: 463px;
}

/* .slidecontentButtons67{
  width: 114px;
  height: 18px;
  top: 272px;
  left: 485px;
} */

.slidecontentButtons67First{
  width: 114px;
  height: 18px;
  top: 275px;
  left: 485px;
}

.slide2popup{
  position: absolute;
  width: 769px;
  height: 428px;
  /* border: 1px solid black; */
  top: 96px;
  left: 125px;
  overflow-x: hidden ;
  display: none;
}

.content1{
  position: absolute;
  /* width: 512px; */
  height: 95%;
  /* background: orange; */
}

.col1_box{
  width: 256px !important;
}

.col2_box{
  width: 512px !important;
}

.col1_boxh{
  width: 246px !important;
}

.col2_boxh{
  width: 501px !important;
}


.col3_box{
  width: 768px !important;
}

.col3_boxh{
  width: 758px !important;
}

.content2{
  position: absolute;
  /* float: right; */
  /* width: 512px; */
  height: 95%;
  left: 512px;
  /* background: red; */
  z-index: 999;
}

.content3{
  position: absolute;
  /* float: right; */
  /* width: 512px; */
  height: 95%;
  left: 1280px;
  /* background: yellow; */
  z-index: 999;
}

.content4{
  position: absolute;
  /* float: right; */
  /* width: 512px; */
  height: 95%;
  left: 1536px;
  /* background: yellow; */
  z-index: 999;
}

.content5{
  position: absolute;
  /* float: right; */
  /* width: 512px; */
  height: 95%;
  left: 2304px;
  /* background: yellow; */
  z-index: 999;
}

.content6{
  position: absolute;
  /* float: right; */
  /* width: 512px; */
  height: 95%;
  left: 2816px;
  /* background: yellow; */
  z-index: 999;
}

.content7{
  position: absolute;
  /* float: right; */
  /* width: 512px; */
  height: 95%;
  left: 3328px;
  /* background: yellow; */
  z-index: 999;
}

.content8{
  position: absolute;
  /* float: right; */
  /* width: 512px; */
  height: 95%;
  left: 4096px;
  /* background: yellow; */
  z-index: 999;
}

.content9{
  position: absolute;
  /* float: right; */
  /* width: 512px; */
  height: 95%;
  left: 4608px;
  /* background: yellow; */
  z-index: 999;
}

.continue{
  position: fixed;
  width: 121px;
  height: 20px;
  top: 504px;
  left: 761px;
  background: yellow;
  /* bottom: 0px; */
  right: 0px;
  text-align: right;
  font-size: 11px;
  line-height: 21px;
  /* font-weight: bold; */
  cursor: pointer;
  padding: 1px;
    padding-right: 3px;
}

.previous{
  position: fixed;
  width: 121px;
  height: 20px;
  top: 504px;
  left: 126px;
  background: yellow;
  /* bottom: 0px; */
  right: 0px;
  text-align: left;
  font-size: 11px;
  line-height: 21px;
  cursor: pointer;
  display: none;
  padding: 1px;
    padding-left: 3px;
}

.header{
  position: absolute;
  width: 98.2%;
  height: 23px;
  background: yellow;
  top: 0px;
  font-size: 12.2px;
  padding-left: 3px;
  line-height: 19px;
}

.contentSection1{
  position: absolute;
  width: 245px;
  height: 92%;
  background: white;
  top: 30px;
  overflow-wrap: break-word;
  font-size: 12.2px;
  line-height: 16.5px;
}

.contentSection2{
  position: absolute;
  width: 245px;
  height: 92%;
  background: white;
  top: 30px;
  left: 257px;
  overflow-wrap: break-word;
  font-size: 12.2px;
  line-height: 16.5px;
}

.contentSection3{
  position: absolute;
  width: 245px;
  height: 92%;
  background: white;
  top: 30px;
  left: 513px;
  overflow-wrap: break-word;
  font-size: 12.2px;
  line-height: 16.5px;
}

.close{
  position: fixed;
  width: 121px;
  height: 20px;
  top: 96px;
  left: 761px;
  /* bottom: 0px; */
  right: 0px;
  text-align: right;
  z-index: 999;
  cursor: pointer;
}

.dummy{
  display: none;
}

.slide3popup{
  position: absolute;
  width: 769px;
  height: 428px;
  /* border: 1px solid black; */
  top: 96px;
  left: 125px;
  overflow-x: hidden ;
  display: none;
}

.slide3content1{
  position: absolute;
  /* width: 512px; */
  height: 95%;
  /* background: orange; */
}

.slide3content2{
  position: absolute;
  /* float: right; */
  /* width: 512px; */
  height: 95%;
  left: 768px;
  /* background: red; */
  z-index: 999;
}

.slide3content3{
  position: absolute;
  /* float: right; */
  /* width: 512px; */
  height: 95%;
  left: 1280px;
  /* background: red; */
  z-index: 999;
}

.slide3content4{
  position: absolute;
  /* float: right; */
  /* width: 512px; */
  height: 95%;
  left: 1792px;
  /* background: red; */
  z-index: 999;
}

.slide3content5{
  position: absolute;
  /* float: right; */
  /* width: 512px; */
  height: 95%;
  left: 2304px;
  /* background: red; */
  z-index: 999;
}

.slide3content6{
  position: absolute;
  /* float: right; */
  /* width: 512px; */
  height: 95%;
  left: 2816px;
  /* background: red; */
  z-index: 999;
}

.slide3content7{
  position: absolute;
  /* float: right; */
  /* width: 512px; */
  height: 95%;
  left: 3072px;
  /* background: red; */
  z-index: 999;
}

.slide3content8{
  position: absolute;
  /* float: right; */
  /* width: 512px; */
  height: 95%;
  left: 3584px;
  /* background: red; */
  z-index: 999;
}

.slide3content9{
  position: absolute;
  /* float: right; */
  /* width: 512px; */
  height: 95%;
  left: 4352px;
  /* background: red; */
  z-index: 999;
}

.slide3content10{
  position: absolute;
  /* float: right; */
  /* width: 512px; */
  height: 95%;
  left: 4608px;
  /* background: red; */
  z-index: 999;
}

.slide3content11{
  position: absolute;
  /* float: right; */
  /* width: 512px; */
  height: 95%;
  left: 5120px;
  /* background: red; */
  z-index: 999;
}

.slide4popup{
  position: absolute;
  width: 769px;
  height: 428px;
  /* border: 1px solid black; */
  top: 96px;
  left: 125px;
  overflow-x: hidden ;
  display: none;
}

.slide4content1{
  position: absolute;
  /* width: 512px; */
  height: 95%;
  /* background: orange; */
}

.slide4content2{
  position: absolute;
  /* float: right; */
  /* width: 512px; */
  height: 95%;
  left: 512px;
  /* background: red; */
  z-index: 999;
}

.slide4content3{
  position: absolute;
  /* float: right; */
  /* width: 512px; */
  height: 95%;
  left: 1024px;
  /* background: red; */
  z-index: 999;
}

.slide4content4{
  position: absolute;
  /* float: right; */
  /* width: 512px; */
  height: 95%;
  left: 1792px;
  /* background: red; */
  z-index: 999;
}

.slide4content5{
  position: absolute;
  /* float: right; */
  /* width: 512px; */
  height: 95%;
  left: 2560px;
  /* background: red; */
  z-index: 999;
}

.slide4content6{
  position: absolute;
  /* float: right; */
  /* width: 512px; */
  height: 95%;
  left: 3328px;
  /* background: red; */
  z-index: 999;
}


.slide4content7{
  position: absolute;
  /* float: right; */
  /* width: 512px; */
  height: 95%;
  left: 3840px;
  /* background: red; */
  z-index: 999;
}

.slide4content8{
  position: absolute;
  /* float: right; */
  /* width: 512px; */
  height: 95%;
  left: 4352px;
  /* background: red; */
  z-index: 999;
}

.slide4content9{
  position: absolute;
  /* float: right; */
  /* width: 512px; */
  height: 95%;
  left: 5120px;
  /* background: red; */
  z-index: 999;
}

.slide5popup{
  position: absolute;
  width: 769px;
  height: 428px;
  /* border: 1px solid black; */
  top: 96px;
  left: 125px;
  overflow-x: hidden ;
  display: none;
}

.slide5content1{
  position: absolute;
  /* width: 512px; */
  height: 95%;
  /* background: orange; */
}

.slide5content2{
  position: absolute;
  /* float: right; */
  /* width: 512px; */
  height: 95%;
  left: 512px;
  /* background: red; */
  z-index: 999;
}

.slide5content3{
  position: absolute;
  /* float: right; */
  /* width: 512px; */
  height: 95%;
  left: 768px;
  /* background: red; */
  z-index: 999;
}

.slide5content4{
  position: absolute;
  /* float: right; */
  /* width: 512px; */
  height: 95%;
  left: 1536px;
  /* background: red; */
  z-index: 999;
}

.slide5content5{
  position: absolute;
  /* float: right; */
  /* width: 512px; */
  height: 95%;
  left: 2304px;
  /* background: red; */
  z-index: 999;
}

.slide5content6{
  position: absolute;
  /* float: right; */
  /* width: 512px; */
  height: 95%;
  left: 2560px;
  /* background: red; */
  z-index: 999;
}

.slide5content7{
  position: absolute;
  /* float: right; */
  /* width: 512px; */
  height: 95%;
  left: 3072px;
  /* background: red; */
  z-index: 999;
}

.slide5content8{
  position: absolute;
  /* float: right; */
  /* width: 512px; */
  height: 95%;
  left: 3584px;
  /* background: red; */
  z-index: 999;
}

.slide5content9{
  position: absolute;
  /* float: right; */
  /* width: 512px; */
  height: 95%;
  left: 4352px;
  /* background: red; */
  z-index: 999;
}

.slide5content10{
  position: absolute;
  /* float: right; */
  /* width: 512px; */
  height: 95%;
  left: 5120px;
  /* background: red; */
  z-index: 999;
}

.slide7popup{
  position: absolute;
  width: 769px;
  height: 428px;
  /* border: 1px solid black; */
  top: 96px;
  left: 125px;
  overflow-x: hidden ;
  display: none;
}

.slide7content1{
  position: absolute;
  /* width: 512px; */
  height: 95%;
  /* background: orange; */
}

.slide7content2{
  position: absolute;
  /* float: right; */
  /* width: 512px; */
  height: 95%;
  left: 768px;
  /* background: red; */
  z-index: 999;
}

.slide7content3{
  position: absolute;
  /* float: right; */
  /* width: 512px; */
  height: 95%;
  left: 1024px;
  /* background: red; */
  z-index: 999;
}

.slide7content4{
  position: absolute;
  /* float: right; */
  /* width: 512px; */
  height: 95%;
  left: 1792px;
  /* background: red; */
  z-index: 999;
}

.slide7content5{
  position: absolute;
  /* float: right; */
  /* width: 512px; */
  height: 95%;
  left: 2304px;
  /* background: red; */
  z-index: 999;
}

.slide7content6{
  position: absolute;
  /* float: right; */
  /* width: 512px; */
  height: 95%;
  left: 3072px;
  /* background: red; */
  z-index: 999;
}

.slide7content7{
  position: absolute;
  /* float: right; */
  /* width: 512px; */
  height: 95%;
  left: 3584px;
  /* background: red; */
  z-index: 999;
}

.slide7content8{
  position: absolute;
  /* float: right; */
  /* width: 512px; */
  height: 95%;
  left: 4352px;
  /* background: red; */
  z-index: 999;
}

.slide7content9{
  position: absolute;
  /* float: right; */
  /* width: 512px; */
  height: 95%;
  left: 4608px;
  /* background: red; */
  z-index: 999;
}

.slide9popup{
  position: absolute;
  width: 769px;
  height: 428px;
  /* border: 1px solid black; */
  top: 96px;
  left: 125px;
  overflow-x: hidden ;
  display: none;
}

.slide9content1{
  position: absolute;
  /* width: 512px; */
  height: 95%;
  /* background: orange; */
}

.slide9content2{
  position: absolute;
  /* float: right; */
  /* width: 512px; */
  height: 95%;
  left: 256px;
  /* background: red; */
  z-index: 999;
}

.slide9content3{
  position: absolute;
  /* float: right; */
  /* width: 512px; */
  height: 95%;
  left: 1024px;
  /* background: red; */
  z-index: 999;
}

.slide9content4{
  position: absolute;
  /* float: right; */
  /* width: 512px; */
  height: 95%;
  left: 1536px;
  /* background: red; */
  z-index: 999;
}

.slide9content5{
  position: absolute;
  /* float: right; */
  /* width: 512px; */
  height: 95%;
  left: 2048px;
  /* background: red; */
  z-index: 999;
}

.slide9content6{
  position: absolute;
  /* float: right; */
  /* width: 512px; */
  height: 95%;
  left: 2816px;
  /* background: red; */
  z-index: 999;
}

.slide9content7{
  position: absolute;
  /* float: right; */
  /* width: 512px; */
  height: 95%;
  left: 3584px;
  /* background: red; */
  z-index: 999;
}

.slide9content8{
  position: absolute;
  /* float: right; */
  /* width: 512px; */
  height: 95%;
  left: 4352px;
  /* background: red; */
  z-index: 999;
}

.slide9content9{
  position: absolute;
  /* float: right; */
  /* width: 512px; */
  height: 95%;
  left: 5120px;
  /* background: red; */
  z-index: 999;
}

.slide8popup{
  position: absolute;
  width: 769px;
  height: 428px;
  /* border: 1px solid black; */
  top: 96px;
  left: 125px;
  overflow-x: hidden ;
  display: none;
}

.videoSize{
  position: absolute;
  width: 526px;
  height: 373px;
  top: 30px;
  left: 242px;
}

.slide8content1{
  position: absolute;
  /* width: 512px; */
  height: 95%;
  /* background: orange; */
}

.slide8content2{
  position: absolute;
  height: 95%;
  left: 0px;
  z-index: 999;
}

.slide8content3{
  position: absolute;
  height: 95%;
  left: 0px;
  z-index: 999;
}

.slide8content4{
  position: absolute;
  height: 95%;
  left: 0px;
  z-index: 999;
}

.slide8content5{
  position: absolute;
  height: 95%;
  left: 0px;
  z-index: 999;
}

.slide8content6{
  position: absolute;
  height: 95%;
  left: 0px;
  z-index: 999;
}

.slide8content7{
  position: absolute;
  height: 95%;
  left: 0px;
  z-index: 999;
}

.slide8content8{
  position: absolute;
  height: 95%;
  left: 0px;
  z-index: 999;
}

.slide8content9{
  position: absolute;
  height: 95%;
  left: 0px;
  z-index: 999;
}

.slide8content10{
  position: absolute;
  height: 95%;
  left: 0px;
  z-index: 999;
}

.slide6popup{
  position: absolute;
  width: 769px;
  height: 428px;
  /* border: 1px solid black; */
  top: 96px;
  left: 125px;
  overflow-x: hidden ;
}

.slide6content1{
  position: absolute;
  /* width: 512px; */
  height: 95%;
  /* background: orange; */
}

.slide10popup{
  position: absolute;
  width: 769px;
  height: 428px;
  /* border: 1px solid black; */
  top: 96px;
  left: 125px;
  overflow-x: hidden ;
}

.slide10content1{
  position: absolute;
  /* width: 512px; */
  height: 95%;
  /* background: orange; */
}

.footer{
  position: absolute;
  width: 100%;
  height: 11%;
  top: 89%;
  left: 0%;
  background: rgb(150, 131, 99);
}

.documentary{
  position: absolute;
  top: 30%;
  left: 10%;
  font-size: 11px;
  cursor: pointer;
}

.footertext{
  position: absolute;
  top: 50%;
  font-size: 10px;
  cursor: pointer;
}

.about{
  left: 59%;
}

.contact{
  left: 69%;
}

.pipe{
  position: absolute;
  top: 29%;
  font-size: 14px;
}

.pipe1{
  left: 68%;
}

.pipe2{
  left: 75%;
}

.book{
  left: 76%;
}

.resources{
  left: 80.3%;
}

.pipe3{
  left: 79%;
}

.pipe4{
  left: 86%;
}

.gap{
  left: 87%;
  text-decoration: none;
  color: black;
}

.author{
  position: absolute;
  width: 327px;
  height: 92px;
  top: 33.8%;
  left: 37%;
  background: white;
}

.description{
  position: absolute;
  width: 100%;
  height: 11%;
  top: 79%;
  left: 0%;
  background: white;
}

.descriptionheading{
  position: absolute;
  top: 10%;
  left: 9%;
  font-size: 21px;
}

.descriptionText{
  position: absolute;
  top: 21%;
  left: 26%;
  font-size: 14.3px;
}

.text2{
  top: 12%;
}

.lastsection{
  height: 99%;
}

.quote{
  position: absolute;
  font-size: 11px;
  top: 11px;
  left: 24px;
  line-height: 18px;
}

.theDocumentary{
  position: absolute;
  /* width: 100%; */
  top: 34%;
  left: 10%;
}

.footertext:hover{
  color: rgb(255, 255, 0);
}

.aboutprojectdiv{
  position: absolute;
  width: 30%;
  height: 39%;
  top: 15.3%;
  left: 8.8%;
  background: white;
  box-shadow: 1px 2px 7px 0px grey;
}

.aboutprojectText{
  position: absolute;
    font-size: 13px;
    top: 27px;
    left: 21px;
    line-height: 17px;
}

.aboutprojectImg{
  position: absolute;
  width: 100%;
  /* height: 26%; */
  top: 0%;
  left: 0%;
  }
  
.slidecontentButtons67{
  width: 69px;
  height: 23px;
  top: 15px;
  left: 323px;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
}

.slidecontentButtons68{
  width: 90px;
  height: 25px;
  top: 283px;
  left: 416px;
  text-align: center;
  line-height: 23px;
  font-size: 12px;
}

.slidecontentButtons69{
  width: 145px;
  height: 25px;
  top: 330px;
  left: 327px;
  text-align: center;
  line-height: 25px;
  font-size: 12px;
}

.slidecontentButtons70{
  width: 102px;
  height: 26px;
  top: 325px;
  left: 526px;
  text-align: center;
  line-height: 23px;
  font-size: 13px;
}

.supporters{
  position: absolute;
  width: 88%;
  height: 77%;
  top: 1%;
  left: 6%;
  background-color: white;
  opacity: 0.9;
  box-shadow: 1px 2px 7px 0px grey;
  display: none;
}

.scrennings{
  position: absolute;
  width: 89%;
  height: 86.5%;
  top: 1%;
  left: 6%;
  background-color: white;
  opacity: 0.9;
  box-shadow: 1px 2px 7px 0px grey;
  display: none;
}

.supportersText{
  position: absolute;
  top: 20px;
  left: 25px;
  font-size: 13px;
  cursor: pointer;
}

.supportersText2{
  position: absolute;
  top: 213px;
  left: 635px;
  font-size: 12px;
  line-height: 15px;
}

.supportersContent{
  position: absolute;
  top: 55px;
  left: 25px;
  font-size: 13px;
  line-height: 20px;
  cursor: pointer;
}

.screnningsContent{
  position: absolute;
  top: 49px;
  left: 25px;
  font-size: 12px;
  line-height: 20px;
  cursor: pointer;
}

.supportersContent2{
  position: absolute;
  top: 237px;
  left: 635px;
  font-size: 11px;
  line-height: 15px;
  cursor: pointer;
}

.screnningsContent2{
  position: absolute;
  top: 92px;
  left: 25px;
  font-size: 10px;
  line-height: 15px;
  cursor: pointer;
}

.screnningsContent3{
  position: absolute;
  top: 364px;
  left: 25px;
  font-size: 10px;
  line-height: 15px;
  cursor: pointer;
}

.screnningsContent4{
  position: absolute;
  top: 92px;
  left: 445px;
  font-size: 10px;
  line-height: 15px;
  cursor: pointer;
}

.screnningsContent5{
  position: absolute;
  top: 407px;
  left: 445px;
  font-size: 10px;
  line-height: 15px;
  cursor: pointer;
}

.supporterClose{
  position: absolute;
  top: 11px;
  left: 843px;
  font-size: 14px;
  cursor: pointer;
}

.participants{
  top: 2.5%;
    height: 75%;
}

.participantsContent{
  position: absolute;
  top: 55px;
  left: 25px;
  font-size: 12px;
  line-height: 18px;
  cursor: pointer;
}

.contactusImg{
  position: absolute;
  width: 103%;
  /* height: 26%; */
  top: -4%;
  left: 0%;
}

.contactusDiv{
  position: absolute;
  width: 62%;
  height: 37%;
  top: 18%;
  left: 6%;
  background-color: white;
  box-shadow: 1px 2px 7px 0px grey;
}

.contactHeader{
  position: absolute;
  top: 33px;
  left: 25px;
  font-size: 14px;
}

.contactContent{
  position: absolute;
  top: 70px;
  left: 25px;
  font-size: 12px;
  line-height: 16px;
}

.emailcontact{
  position: absolute;
    top: 48px;
    left: 97px;
    font-size: 12px;
    text-decoration: none;
    cursor: pointer;
    color: black;
}

.buyHeader{
  position: absolute;
  top: 165px;
  left: 25px;
  font-size: 14px;
}

.buyVideos{
  position: absolute;
  top: 185px;
  left: 25px;
  font-size: 11px;
  color: rgb(209 173 84);
  text-decoration: none;
}

.emailContact2{
  position: absolute;
  top: 64px;
  left: 321px;
  font-size: 12px;
  cursor: pointer;
  text-decoration: none;
  color: black;
}

.downloadBook{
  position: absolute;
  top: 129px;
  left: 1px;
  font-size: 11px;
  color: rgb(205 153 24);
  cursor: pointer;
  text-decoration: none;
}

.ResourceDiv{
  position: absolute;
  width: 90%;
  height: 84%;
  top: 2%;
  left: 5%;
  background-color: white;
  box-shadow: 1px 2px 7px 0px grey;
}

.contentHeader{
  position: absolute;
  top: 67px;
  left: 25px;
  font-size: 12px;
}

.rescon{
  top: 75px;
}

.ResourceContent{
  position: absolute;
  top: 94px;
  left: 25px;
  font-size: 12px;
  line-height: 15px;
}




.resTop{
  top: 157px;
}

.resconTop{
  top: 175px;
}

.resTop2{
  top: 235px;
}

.resconTop2{
  top: 253px;
}


.resourceLinks{
  position: absolute;
  top: 300px;
  left: 25px;
  font-size: 11px;
  color: rgb(204 150 17);
  text-decoration: none;
}

.link1{
  top: 314px;
}

.link2{
  top: 328px;
}

.link3{
  top: 343px;
}

.link4{
  top: 359px;
}

.link5{
  top: 374px;
}

.resconTop3{
  top: 406px;
}

.link6{
  top: 440px;
}

.link7{
  top: 455px;
}

.link8{
  top: 470px;
}

.link9{
  top: 485px;
}

.link10{
  top: 500px;
}

.resconTop4 {
  top: 550px;
  font-size: 14.5px;
}

.textdot{
  font-size: 14px;
  font-weight: bolder;
}

.slide8close{
  left: 756px;
}

.screnningsClose{
  top: 11px;
    left: 854px;
}