html {
  min-width: 1180px
}
body {
  height: auto;
  background-color: #000
}

.hidden-content {
  display: none
}
.region-bg {
  background-image: url(../images/style5/Background-1.jpg);
  text-align: center;
  background-repeat: no-repeat;
  padding: 100px 0
}
.logo {
  padding-bottom: 20px;
  width: 500px
}
.regionView {
  margin: 0 20px;
  position: relative
}
.hoverRegion p {
  text-align: center;
  color: #fff;
  text-shadow: 1px 1px 1px #000;
  margin: 0 0 10px;
  font-size: 14px
}
.select-bar {
  height: 10px
}
.region-dot {
  height: 11px
}
.product-bg {
  background-image: url(../images/style5/Background-2.jpg);
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 50px 0
}
.product-hov {
  top: 0;
  width: 100%;
  height: 100%;
  padding-top: 40%
}
.product-hov:hover {
  background: #00000069
}
.product-hov p {
  color: #fff
}
.event-bg {
  background-image: url(../images/style5/Background-3.jpg);
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 50px 0
}
.event-hov {
  background: #000000b8;
  top: 0;
  height: 100%;
  width: 100%;
  padding-top: 25%
}
.event-hov:hover {
  background: unset
}
.event-hov img {
  margin: 15px 0
}
.event-hov p {
  color: #fff
}
.a-c-bg {
  background-image: url(../images/style5/Background-4.jpg);
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 50px 0 200px
}
.A-C-list {
  top: 0;
  width: 100%;
  height: 100%;
  background: #00000094;
  color: #fff;
  padding-top: 70%;
  text-align: center
}
.a-c-name {
  font-size: 30px
}
.a-c-text {
  font-size: 20px;
  margin: 0;
  padding-left: 65px
}
.a-c-acc-name {
  font-size: 20px;
  margin-bottom: 20px
}
.a-c-acc-name-1 {
  font-size: 20px;
  margin-top: 10px
}
.mobile-bg {
  background-image: url(../images/style5/Background-5.jpg);
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover
}
.mobile-phone {
  margin-top: -146px
}
.mobile-text {
  color: #fff;
  font-size: 1.5rem;
  margin: 20px 35px 0
}
.mobile-text-1 {
  color: #d39e00;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1;
  margin: 0 35px 55px
}
.mobile-margin {
  margin: 0 25px
}
.mobile-download {
  display: flex;
  text-align: center
}
.mobile-download p {
  color: #fff;
  width: 172px
}
.footer-1 {
  background-image: url(../images/style5/Background-6.jpg);
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: solid 1px #d39e00
}
.footer-1-View {
  width: 35%;
  margin: 45px auto
}
.footer-title {
  color: #d39e00;
  font-size: 1.9rem;
  font-weight: 600
}
.footer-text {
  margin-top: 25px;
  color: #fff
}
.social-icon {
  width: 25px;
  height: 25px;
  margin: 0 30px
}
.footer-2 {
  background-image: url(../images/style5/Background-7.jpg);
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover
}
.h-s-margin {
  margin-top: -10px
}
.footer-2-View {
  margin: 40px
}
.footer-2-View img {
  margin-bottom: 15px
}
.footer-2-View p {
  color: grey;
  font-size: 1.5rem
}
.footer-2-link {
  text-align: left
}
.footer-2-link p {
  margin: 0;
  font-size: .8rem
}
.footer-2-link a {
  color: grey
}
.footer-left {
  float: left
}
.footer-right {
  float: right
}
.footer-info {
  width: 1180px;
  margin: 0 auto;
  margin-bottom: 25px
}
.foot-coop-info {
  padding: 9px 0;
  border-top: 1px dashed #b1861c;
  border-bottom: 1px dashed #b1861c;
  display: block;
  color: #fff;
  width: 1180px;
  margin: 0 auto;
  height: 175px;
  text-align: left
}
.foot-coop-info div {
  width: 29%;
  margin: 0 18px;
  float: left;
  padding: 0 15px
}
.foot-dashed {
  border-right: 1px dashed #b1861c
}
.foot-coop-info h4 {
  font-size: 14px;
  color: #fdcb51;
  padding: 0 0 10px
}
.foot-coop-info p {
  font-size: 12px
}
.foot-coop-info-2 {
  border-top: 1px dashed #b1861c;
  width: 100%;
	display: none;
  color: #fff !important;
  border-bottom: 1px dashed #b1861c;
  margin-bottom: 10px
}
.foot-coop-info-2 a {
  color: #fdcb51
}
.foot-coop-info-2 p a {
  color: #fff
}
.foot-coop-info-2 p {
  text-align: justify
}
.foot-coop-info-2 h1, .foot-coop-info-2 h2, .foot-coop-info-2 h3, .foot-coop-info-2 h4, .foot-coop-info-2 h5, .foot-coop-info-2 h6 {
  font-size: 14px;
  color: #fdcb51 !important;
  padding: 0 0 10px;
  text-align: left;
  margin-top: 20px;
  margin-bottom: 10px
}
.firstlayer {
  word-spacing: 2px;
  font-size: 11px;
  overflow: hidden;
  width: 1180px;
  margin: 0 auto
}
.secondlayer {
  display: inline-block;
  width: 19%;
  border-right: 1px dashed #b1861c;
  padding: 10px;
  vertical-align: top;
  padding-bottom: 500px;
  margin-bottom: -500px
}
.thirdlayer {
  border-bottom: 1px dashed #b1861c
}
.title_bg {
  background-image: url(../images/style5/Title_Column_1.png);
  color: #fff;
  background-repeat: no-repeat;
  background-position: center
}
.title_2_bg {
  background-image: url(../images/style5/Title_Column_2.png);
  color: #fff;
  background-repeat: no-repeat;
  background-position: center
}
.title_3_bg {
  background-image: url(../images/style5/Title_Column_3.png);
  color: #fff;
  background-repeat: no-repeat;
  background-position: center
}
.margin-btm {
  margin-bottom: 25px
}




.bg-video video {
  min-width: 100%;
  min-height: 100%;
  position: relative;
  left: 50%;
	    width: 100%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
	margin-top:-1000px;
	z-index: -999;
	
}
































.icon-bar {
  position: fixed;
  top: 30%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right:0;
	z-index: 999999999;
}

.icon-bar a {
  display: block;
  text-align: center;
      padding: 20px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}

.icon-bar a:hover {
  background-color: #000;
}

.register {
  background: #008000;
  color: white;
  animation: switchColor 1s infinite linear;
  
}

.whatsapp {
  background: #25D366;
  color: white;
}
.tiktok {
  background: #000;
  color: white;
}

.facebook {
  background: #3B5998;
  color: white;
}

.insta {
  background:#C908D2;
  color: white;
}

.twitter {
  background: #55ACEE;
  color: white;
}

.google {
  background: #dd4b39;
  color: white;
}

.linkedin {
  background: #007bb5;
  color: white;
}

.youtube {
  background: #bb0000;
  color: white;
}
	
	
@keyframes switchColor {
    0% {
        background: #7CFC00;
    }
    50% {
        background: #32CD32;
    }
    100% {
        background: #006400;
    }
}	

@media (max-width: 1600px) {

.bg-video video {

	margin-top:-891px;
	
}


}

@media (max-width: 1440px) {

.bg-video video {

	margin-top:-801px;
	
}


}


@media (max-width: 1366px) {

.bg-video video {

	margin-top:-758px;
	
}
	
	@media (max-width: 1280px) {

.bg-video video {

	margin-top:-712px;
	
}

		
			@media (max-width: 1024px) {

.bg-video video {

	margin-top:-663px;
	
}

}

@media (max-width: 575px) {

.bg-video video {

	margin-top:-657px;
	
}


}












