@font-face {
    font-family: 'Ethnocentric';
    src: url('../fonts/EthnocentricRg-Regular.eot');
    src: url('../fonts/EthnocentricRg-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/EthnocentricRg-Regular.woff2') format('woff2'), url('../fonts/EthnocentricRg-Regular.woff') format('woff'), url('../fonts/EthnocentricRg-Regular.ttf') format('truetype'), url('../fonts/EthnocentricRg-Regular.svg#EthnocentricRg-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Archia';
    src: url('../fonts/archia-regular-webfont.eot');
    src: url('../fonts/archia-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/archia-regular-webfont.woff2') format('woff2'), url('../fonts/archia-regular-webfont.woff') format('woff'), url('../fonts/archia-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'abnes';
    src: url('../fonts/abnes-Regular.eot');
    src: url('../fonts/abnes-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/abnes-Regular.woff2') format('woff2'), url('../fonts/abnes-Regular.woff') format('woff'), url('../fonts/abnes-Regular.ttf') format('truetype'), url('../fonts/abnes-Regular.svg#abnes-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/******************************************************/

.ff-rajdhani {font-family: "Rajdhani", sans-serif;}
.ff-orbitron {font-family: "Orbitron", sans-serif!important;}
.ff-source {font-family: "Source Code Pro", monospace!important;}
.ff-Ethnocentric {font-family: Ethnocentric;}
.ff-Abnes {font-family: abnes;}

.fw-black{font-weight:900;}

/******************************************************/
body {
    background: #000;
    color: #fff;
    font-family: Archia;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 138.5%;
    letter-spacing: 0.52px;
}

h1, .h1 {
    color: #FFF;
    text-align: center;
    font-family: Ethnocentric;
    /*font-size: 82px;*/
    font-style: normal;
    font-weight: 400;
    line-height: 100.5%;
    letter-spacing: 2.46px;
}

h2, .h2 {
    color: #fff;
    font-family: Ethnocentric;
    /*font-size: 52px;*/
    font-style: normal;
    font-weight: 400;
    line-height: 100.5%;
    letter-spacing: 1.56px;
}

h3, .h3 {
    color: #fff;
    font-family: Ethnocentric;
    /*font-size: 42px;*/
    font-style: normal;
    font-weight: 400;
    line-height: 100.5%;
    letter-spacing: 1.26px;
}

/******************************************************/

.link-warning,
.link-underline-warning,
.text-warning {color: #E0A102!important;}

.text-warning2{color:#b2964d!important;}
.text-gray{color:rgba(255,255,255,0.3);}

.border-warning,.btn-outline-warning { border-color: #E0A102;}
.border-warning2{border-color:#8c6d21!important;}
.border-warning3{border-color:#946e09!important;}

.alert-warning,
.btn-warning,
.text-bg-warning,
.badge-warning,
.bg-warning {
    background-color: #E0A102;
    border-color: #E0A102;
}
.bg-secondary{background-color:#2d2d2d!important;}
.bg-gray{background-color:rgba(60,60,60,0.3);}
.bg-gray-dark{background-color:rgba(1,1,1,0.5);}

.fs-21{font-size:19px;line-height:1.4;}
.fs-22{font-size:20px;line-height:1.4;}
.fs-24{font-size:22px;line-height:1.4;}
.fs-29{font-size:26px;line-height:1.4;}
.fs-30{font-size:29px;line-height:1.4;}
.fs-35{font-size:32px;line-height:1.4;}

.ls-30{letter-spacing:0.03em;}
.ls-20{letter-spacing:0.02em;}
.ls-16{letter-spacing:0.16em;}

a{text-decoration:none;color:#fff;}
a:hover{color:#e0a102;}

.pt-250{padding-top:250px;}
.pt-130{padding-top:130px;}

.op-70 {opacity: 0.70;filter: alpha(opacity=70);}

.form-control.bg-secondary::placeholder{color:rgba(255,255,255,0.5);}
	
/******************************************************/

.border-gradient{border-width:1px;border-style: solid;
   border-image: linear-gradient(to right, #8A7C58, transparent) 1;
}
			
.hexagon {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    position: relative;
    background-color: transparent !important;
    border: none;
    padding: 30px 45px;
    color: #fff;
    font-family: Ethnocentric;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 100.5%;
    letter-spacing: 0.6px;
    text-transform: uppercase;
	z-index:1;
}

    .hexagon:before,
    .hexagon:after {
        background: #e04e5e;
        position: absolute;
        content: '';
        left: 0;
        right: 0;
        z-index: -1;
        background-color: #E0A102;
    }

    .hexagon:before {
        top: 0px;
        bottom: 52%;
        -webkit-transform: perspective(15px) rotateX(5deg);
        -moz-transform: perspective(15px) rotateX(5deg);
        transform: perspective(15px) rotateX(5deg);
    }

    .hexagon:after {
        top: 52%;
        bottom: 0px;
        -webkit-transform: perspective(15px) rotateX(-5deg);
        -moz-transform: perspective(15px) rotateX(-5deg);
        transform: perspective(15px) rotateX(-5deg);
    }
	
	.hexagon-sm:before {bottom: 55%!important;transform: perspective(6px) rotateX(5deg)!important;}
    .hexagon-sm:after {top: 58%!important;transform: perspective(6px) rotateX(-5deg)!important;}

	.text-justify{text-align:justify;}
	.bodr-bottom:after {content: ""; display: block;margin: 0 auto;width:160px; border-bottom:solid 1px #E0A102; padding-bottom:40px;}
	.bodr-top-bottom:before {content: ""; display: block;margin: 0 auto;width:80px;border-top:solid 6px #B2964C;padding-bottom:20px;}
	.bodr-top-bottom:after {content: ""; display: block;margin: 0 auto;width:80px;border-bottom:solid 6px #B2964C;padding-top:20px;}
	
	.top-gradient-short{
		position: absolute;top: 0px;z-index:150;height: 100%;width:100%;
		background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0) 100%);
	}
	
	.bottom-gradient{
		position: absolute;top: 0px;z-index: 89;height: 100%;width:100%;
		background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 19%, rgba(0,0,0,0.7) 100%);
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 19%,rgba(0,0,0,0.7) 100%); 
		background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 19%,rgba(0,0,0,0.7) 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
	}
	
	.bottom-gradient-short{
		position: absolute;top: 0px;z-index: 89;height: 100%;width:100%;
		background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 90%,rgba(0,0,0,1) 100%); 
	}
	
	.bottom-gradient-dark{
		position: absolute;top: 0px;z-index:2;height: 100%;width:100%;
		background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 19%, rgba(0,0,0,1) 100%);
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 19%,rgba(0,0,0,1) 100%); 
		background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 19%,rgba(0,0,0,1) 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
	}
		
	.bottom-gradient-blend::before{
		position: absolute;top: 0px;z-index:1;height: 100%;width:100%;content:"";display:block;
		background:#E0A102;
		mix-blend-mode: hue;
	}
	
	.ios .bottom-gradient-blend::before{display:none;}
	
	#contact .bottom-gradient-blend::before{z-index:110;}
	
	.bottom-gradient-after::after{
		position: absolute;top: 0px;z-index:1;height: 100%;width:100%;content:"";display:block;
		background:rgba(0,0,0,0.40);
	}

	.zoom{transition: transform .2s;}
	.zoom:hover{transform: scale(1.08);}
	
	.zi-89{z-index:89;}
	.zi-99{z-index:99;}
	
	/*************    Bouncing Up & Down    ***********************/

.bouncing-arrow {animation: bounce 0.5s;animation-direction: alternate;animation-timing-function: cubic-bezier(.5, 0.05, 1, .5);animation-iteration-count: infinite;}

 @keyframes bounce {
	from {
		transform: translate3d(0, -7px, 0);
	}
	to {
		transform: translate3d(0, 7px, 0);
	}
}
  
bouncing-arrow{
	-webkit-animation-name: bounce;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: cubic-bezier(
	.5, 0.05, 1, .5);
	-webkit-animation-iteration-count: infinite;
}
  
@-webkit-keyframes bounce {
	from {
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0);
	}
	to {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0);
	}
}

/*************    Bouncing Up & Down End   ***********************/