@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@200;300;400;500;600;700;900&display=swap');

body					{background:#000; font-size:16px; color:#333; font-family: 'Jost', sans-serif;position: relative;z-index:1 }
body					{width:100%; height:100%; margin:0; padding:0;}

h1, h2, h3, h4, h5		{color:#b89158;}

hr						{}

a						{color:#0671a6; text-decoration:none;}
a:hover					{color:#333; text-decoration:none;}
a:visited				{text-decoration:none;}
a:focus,a:hover			{text-decoration:none;}


.btn-primary			{color:#fff; /*background-color:#0671a6; border-color:#0671a6;*/}

.intro-bg				{background: url(../images/intro-bg.jpg) center center no-repeat #000;; background-attachment: fixed; background-size: cover; display: flex; align-items: center; justify-content: center;}

.enter-site				{padding: 10px 40px; color: #c3a46c;text-transform: uppercase;}

.main-button			{display: inline-block; padding:10px 40px; color: #fff; margin-top: 15px;transition:all 0.7s ease-out 0s;}

.social-media				{position: fixed; bottom: 50px; left: 50px; padding: 0; margin: 0; list-style: none;}
.social-media li			{float: left; width: auto; margin-right: 25px;}
.social-media li:last-child	{margin-right: 0;}
.social-media li a			{color: #cccccc;
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
	transition: all .2s ease-in;}
.social-media li a:hover	{ color: #666666;}

.main-logo					{width: 125px; margin: 0 auto; position: absolute; top: 15px; left: 0; right: 0;}
.main-logo img 				{width:100% }

.slide-main-wrap			{position: relative; z-index: 50;}
.slide-main-wrap h1			{font-family: 'gotham_thinregular'; color: white; margin-top: 0; margin-bottom: 15px;}
.slide-main-wrap p 			{color: #b89158;}


.title-hover		{display: inline-block; position: relative; line-height: normal;}
.title-hover:before	{content:'';display:block;position:absolute;left:0;bottom:0;height:1px;width:0;transition:width 0s ease, background .5s ease;}
.title-hover:after 	{content:'';display:block;position:absolute;right:0;bottom:0;height:1px;width:0;background:white;transition:width .5s ease;}
.title-hover:hover:before 	{width: 100%; background: white; transition: width .5s ease;}
.title-hover:hover:after	{width: 100%; background: transparent; transition: all 0s ease;}



.slide-main-wrap		{}

.section		{background-size:cover; background-position:center center;background-repeat:no-repeat}
/* = = = = = */
#overlay				{position:fixed; z-index:99999; top:0; left:0; bottom:0; right:0; background: #000000; transition:1s 0.4s;}
#progress				{height:15px; width:0; position:absolute; top:50%; background:#333333;}
#progstat				{position:absolute; top:50%; margin-top:-30px; width:100%; text-align:center; color:#666666;}
/* = = = = = */

/* = = = = = */
.item-1		{position: absolute; top: 48%; display: block;  width:auto; color: white; font-size: 13px; line-height: normal;
	-webkit-animation-duration: 20s; 
	animation-duration: 20s; 
	-webkit-animation-timing-function: ease-in-out; 
	animation-timing-function: ease-in-out; 
	-webkit-animation-iteration-count: infinite; 
	animation-iteration-count: infinite;}
.item-1		{-webkit-animation-name: anim-1; animation-name: anim-1;}

@-webkit-keyframes anim-1 {
	0%, 10%		{left: -100%; opacity: 0;}
	10%,30%		{left: 5%; opacity: 1;}
	30%, 100%	{left: 5%; opacity: 1;}
}

@keyframes anim-1 {
	0%, 10%		{left: -100%; opacity: 0;}
	10%,30%		{left: 5%; opacity: 1;}
	30%, 100%	{left: 5%; opacity: 1;}
}
/* = = = = = */

.inner-page 	{position:fixed;width:100%;top:0px;right:-100%;bottom:0px;height:100%; z-index: 999;}
.inner-page,.close-div,.inner-page h1 a img {transition:all 2s ease 0s;}
.inner-page-sub {padding:25px 30px 30px 30px;width:60%;background:rgba(0, 0, 0, 0.95);height:100%;position: absolute;top:0px;bottom:0px;right:0px; float:right;z-index:9; }
.close-div 		{background: transparent;position: absolute;top:0px;bottom:0px;left:0%;width:40%;z-index:1;cursor:pointer;}
.inner-page.show{right:0%}
.inner-page.show .close-div{background:rgba(0, 0, 0, 0.5);transition:background 1s ease 1s;}
/*
.inner-page::after{background: transparent none repeat scroll 0 0;
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: background 0.3s ease 0.3s;
    width: 100%;}


.inner-page.show::after{ background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    transition: background 0.3s ease 0s;}*/
/*.close-div 		{background:rgba(255, 255, 0, 0.6);position: absolute;left:-100%;top:0px;bottom:0px;width:100%;}
.inner-page.show .close-div{transition:background 0.7s ease 0s;}*/
.inner-page-sub	{  }
.inner-page h1{font-family: "gotham_thinregular";margin-bottom:0px;color:#fff;padding-top:0px;margin-top:0px;padding-bottom:15px;position:relative;z-index:1;padding-left: 50px;font-size:31px    }
.logo-img 	{position:absolute;left:0px;top:-15px;width:40px;display:block;float:left;}
.close-link{color:#a98551;position: absolute;right:-8px;top:-6px;height:30px;width:30px;display:block;text-align:center;float: right}
.close-link img{width:100% }
.close-link:hover img{transform:rotate(360deg)}
.text-area p,.listing li{color:rgba(255,255,255,0.4);font-size:15px;padding:10px 0;line-height:23px;transition:all 0.7s ease 0s;}
.text-area h3 	{color:rgba(187,147,90,0.6);font-size:23px;font-family:"gotham_thinregular";padding-bottom:5px;margin-bottom:0px  }
.about-text h3:hover{color:rgba(187,147,90,0.9)}
.about-text p:hover,.listing:hover li{color:rgba(255,255,255,0.8);}
.listing 		{margin:0px;padding:0px;list-style: none}
.listing li 	{margin:0px;padding:5px 0 5px 25px;list-style: none;background:url(../images/bullet.png) left 12px no-repeat}
.news-main		{margin:0 0px 0 -15px;}
.text-area p 	{margin-bottom:0px }
.news-thumbnails{float:left;width:50%;padding:15px;}
.box-main		{border:1px solid rgba(149, 140, 125, 0.2);padding:15px;transition:all 1s ease-out 0s;box-shadow:0 0 0px rgba(187,147,90,0);overflow: hidden;position:relative;z-index:1  }
.box-main:hover{border:1px solid rgba(149, 140, 125, 0.6); }
.news-dtl h3 	{font-size:18px;margin:0px;padding-top:0px;color:#fff;font-family: 'gotham_xlightregular';padding-bottom:15px;}
.date 			{color:#999;font-size:13px;padding:5px 0}
.news-img-holder{width:140px;position: relative;z-index:1;float: left }
.news-img-holder img{width:100%;/*outline:1px solid  rgba(187,147,90,0.2);outline-offset: 5px*/}
.date-box 		{width:50px;position: absolute;top:10px;right:10px;font-size:20px;color:#fff;text-align: center;background:rgba(187,147,90,0.7);padding:5px;float: right;z-index:9;border:0px solid rgba(187,147,90,0);border-top:0px solid rgba(187,147,90,0.7);border-radius:2px 2px 0 0 }
.date-box span 	{font-size:12px;display: block;border-top:1px solid #fff;;padding:5px 0;margin-top:5px  }
.news-dtl 		{margin:0 0 0 160px }
.news-dtl p 	{font-size:14px;padding:0px;margin: 0px;line-height:20px;color:#bb935a}
.button 		{transition:all 0.7s ease-out 0s;display:inline-block;padding:10px 45px;font-size:15px;border:1px solid rgba(151,133,94,0.54);color:#fff;border-radius:1px;background:none;}
.button:hover 	{border:1px solid rgba(151,133,94,1);color:#bb935a }
.button,.date-box,.news-dtl,.news-img-holder img{transition:all 1s ease-out 0s;}
.box-main .button{transform: translate3d(300px,0px,0px);position: absolute;top:50%;right:15px;width: auto;padding:7px 25px;margin-top:-16px }
.box-main .date-box{transform: translate3d(0px,-200px,0px)}
.popup-main 	{display:none}
.replacement-popup 	{width:900px;padding:30px 30px 20px 30px}
.replacement-popup p{padding:10px 0;color:#bb935a;font-size:16px;line-height:23px;}
.black-bg 		{background:rgba(0,0,0,0.8);}
.black-bg h2 	{margin:0px;padding:0px;padding-bottom:15px;font-size:22px;color:#fff;font-family: 'gotham_xlightregular'; }
.news-details 	{overflow: hidden}
.news-img 		{width:150px;float:left;margin:0 20px 10px 0px; }
.news-img img 	{width:100%}
/*.about-text 		{padding: 50px}
.about-text h3 	{font-size:50px; }
.about-text p 	{font-size:25px;line-height: 35px }*/
#video1 		{opacity:0.7}
.menu-icon 		{display:none}

.box-main:hover .button{transform: translate3d(0px,0px,0px);}
.box-main:hover .date-box{transform: translate3d(0px,0px,0px)}
.box-main:hover .news-img-holder img{opacity:0.4}
.box-main:hover .news-dtl{opacity:0.2}
/*.news-thumbnails{float:left;width:33.33%;padding:15px;}
.box-main		{border:1px solid rgba(149, 140, 125, 0.2);padding:15px;transition:all 1s ease-out 0s;box-shadow:0 0 0px rgba(187,147,90,0) }
.box-main:hover{border:1px solid rgba(149, 140, 125, 0.6); }
.news-dtl h3 	{font-size:18px;margin:0px;padding-top:10px;color:#fff;font-family: 'gotham_xlightregular';padding-bottom:10px     }
.date 			{color:#999;font-size:13px;padding:5px 0}
.news-img-holder{width:auto;position: relative;z-index:1 }
.news-img-holder img{width:100%}
.date-box 		{width:50px;position: absolute;top:10px;right:10px;font-size:20px;color:#fff;text-align: center;background:rgba(187,147,90,0.7);padding:5px;float: right;z-index:9;border:0px solid rgba(187,147,90,0);border-top:0px solid rgba(187,147,90,0.7);border-radius:2px 2px 0 0 }
.date-box span 	{font-size:12px;display: block;border-top:1px solid #fff;;padding:5px 0;margin-top:5px  }
.news-dtl 		{margin:0 0 0 0px }
.news-dtl p 	{font-size:13px;color:#b89158;padding:0px;margin: 0px;line-height:18px;    }*/
.main-logo-div{transition:all 0.7s ease-out 0s;-webkit-transition: all 0.7s ease-out 0s;-moz-transition: all 0.7s ease-out 0s;-o-transition: all 0.7s ease-out 0s;-ms-transition:all 0.7s ease-out 0s;}
.animation-page,.animation-sub {transition:all 2.5s ease-out 0s;-webkit-transition: all 2.5s ease-out 0s;-moz-transition: all 2.5s ease-out 0s;-o-transition: all 2.5s ease-out 0s;-ms-transition:all 2.5s ease-out 0s;}
.main-logo-div,#canvas,.logo-pipe,.letsstart-main{opacity:0 }
#canvas 		{position:absolute;z-index:9!important;width:100%;height:100%;left:0%;top:0%;right:0px;bottom:0px;
	margin:0px 0px 0px 0px;padding:0px;overflow:hidden!important;}
.main 			{min-height:100%}
.main-logo-div 	{position: absolute;top:50%;left:50%; width:200px;height:360px;background: url(../images/main-logo-1.png) center top no-repeat;background-size:100% auto;margin:-180px 0 0 -100px;z-index:152  }
.animation-page {margin:0px auto;background:url(../images/trans-bg.png) center top no-repeat;background-size: 100% 100%; position:absolute;top:0px;left:0px;bottom:0px;width:100%;z-index:99;overflow:hidden }
.logo-pipe 		{position:absolute;top:50%;left:50%; width:70px;height:100px;background: url("../images/logo-icon.webp") center top no-repeat;margin:-100px 0 0 -33px;z-index:999}
.logo-pipe 		{transform: rotateY(180deg);transition:all 1.5s ease-out 0s;-webkit-transition: all 1.5s ease-out 0s;-moz-transition: all 1.5s ease-out 0s;-o-transition: all 1.5s ease-out 0s;-ms-transition:all 1.5s ease-out 0s;}
.logo-pipe.active,.letsstart-main.active{transform: rotateY(0deg);}
.letsstart-main {position:relative;}
.letsstart 		{position:absolute;bottom:0px;white-space:nowrap;left:50%;margin:0 0 0 -80px;   }
.letsstart-main	{transform: rotateY(-90deg);transition:all 1.5s ease-out 1s;-webkit-transition: all 1.5s ease-out 1s;-moz-transition: all 1.5s ease-out 1s;-o-transition: all 1.5s ease-out 1s;-ms-transition:all 1.5s ease-out 1s;}
#easing_wrapper h2,#easing_wrapper p {transition:all 2.5s ease-out 0s;-webkit-transition: all 2.5s ease-out 0s;-moz-transition: all 2.5s ease-out 0s;-o-transition: all 2.5s ease-out 0s;-ms-transition:all 2.5s ease-out 0s;transform:translateX(100%)}
#easing_wrapper.active p,#easing_wrapper.active h2 {transform:translateX(0%)}
.animation-sub {position:relative;z-index:1;left:0px;bottom:0px;top:0px;width:100%      }
.moveleft 		{transform:translateX(-100%);}