@font-face {
	font-family: 'Assassin$';
	src: url('../font/Assassin.woff2') format('woff2'),
		url('../font/Assassin.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Cinzel';
	src: url('../font/Cinzel-Regular.woff2') format('woff2'),
		url('../font/Cinzel-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}



@font-face {
	font-family: 'Cambria';
	src: url('../font/Cambria-Italic.woff2') format('woff2'),
		url('../font/Cambria-Italic.woff') format('woff');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Cambria';
	src: url('../font/Cambria.woff2') format('woff2'),
		url('../font/Cambria.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}


body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}

a.active,
a:focus,
button:focus,
button.active {
	outline: none;
}

a {
	text-decoration: none;
}

a:focus,
a:hover,
a:active {
	outline: 0;
	box-shadow: none;
}

.btn.focus,
.btn:focus {
	outline: 0;
	box-shadow: none;
}

a:focus,
a:hover {
	text-decoration: none;
	box-shadow: none;
}

h1,
h2,
h3,
h4 h5,
h6 {
	margin-bottom: 0;
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
}

a {
	text-decoration: none;
	transition: all .5s ease-in-out;
}

a:hover {
	text-decoration: none;
}

ul,
ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul li {
	list-style: none;
}

p {
	margin: 0;
}

input:focus,
select:focus,
textarea:focus {
	outline: none;
}

img {
	border-style: none;
	display: inline-block;
	max-width: 100%;
	height: auto;
}

.wrapper {
	overflow: hidden;
}

/***** CSS *****/
.header-top .media {
	justify-content: space-between;
	align-items: center;
}

#header {
	width: 100%;
	position: absolute;
	top: 18px;
	z-index: 99;
}

/* .nav-item {
	margin-right: 45px;
} */
.navbar-expand-md .navbar-nav .nav-link {
	font-family: 'Cinzel', sans-serif;
	font-size: 22px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: right;
	color: #ccb7a3;
	padding: 7px 0;


}

.dividerr {
	position: relative;
	height: 3px;
	background-color: #6a532d;
}

.div-transparent:before {
	content: "";
	position: absolute;
	top: 0;
	left: 5%;
	right: 5%;
	width: 90%;
	height: 1px;
}

.div-arrow-down:after {
	content: "";
	position: absolute;
	z-index: 1;
	top: -15px;
	left: calc(50% - 7px);
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid #6a532d;

}

.navbar-nav.left {
	margin-left: auto;
}

.navbar-nav.right {
	margin-right: auto;
}

nav.navbar.navbar-expand-md.navbar-light.nav {
	padding: 0;
}

.btn {


	font-size: 14px;
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	color: #ffffff;

}

.btn.btn-login {
	background-color: #211c1a;
	margin-left: 10px;

}

.btn.btn-register {
	background-color: #55201b;
	margin-left: 10px;

}

.btn.btn-brown {
	background-color: #55201b;
	border-radius: 0px !important;
	color: #fdd775;
	font-family: 'Cinzel', sans-serif;
	height: 45px;
	width: 161px;
	font-size: 16px;

}

.hero-sec {
	background-color: #13100f;

}

.hero-sec-bg {
	background-image: url(../images/herobg.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 100vh;
	display: flex;
	align-items: flex-end;
	bottom: 50px;
	position: relative;
	background-position: -20px 50px;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
	color: #e74c3c;
}

.btn:hover {
	color: #fff;
	background-color: #e74c3ca6;
}

.text-hold h1 {
	font-size: 85px;
	color: #ffffff;
	line-height: 95px;
	max-width: 600px;
	margin-bottom: 20px;
}

.text-hold span {
	color: #e74c3c;
}

.text-hold p {
	font-size: 21px;
	color: #fff;
	line-height: 35px;
	letter-spacing: normal;
	margin-bottom: 30px;
}

.play-btn {
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 3px;
	display: flex;
	align-items: center;
}

.play-btn span {
	color: #fff;
}

.play-btn img {
	margin-right: 15.5px;
}

.drop-btn {
	position: absolute;
	bottom: 23px;
	left: 49%;
	transform: translate(-50%, 0);
	padding: 10px;
}

.bounce {
	-moz-animation: bounce 3s infinite;
	-webkit-animation: bounce 3s infinite;
	animation: bounce 2s infinite;
}

.about-sec {
	padding: 108px 0 102px;
}

.img-hold {
	text-align: right;
	position: relative;
}

.title {
	transform: rotate(-90deg);
	font-weight: 700;
	font-size: 36px;
	color: #312d3b;
	position: absolute;
	left: -61px;
	bottom: 182px;
}

.about-caption {
	padding-left: 110px;
}

.about-caption h2 {
	margin-bottom: 21px;
	font-size: 35px;
	line-height: 35px;
	letter-spacing: normal;
	color: #312d3b;
}

.about-caption p {
	margin-bottom: 40px;
	font-size: 20px;
	color: #000000;
	line-height: 30px;
	letter-spacing: normal;
}

.about-caption .last-p {
	margin-bottom: 69px;
}

.story-sec {
	background-image: url(../images/img-water-two.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 88px 0 87px;
}

.story-contant {
	color: #ffffff;
	padding-left: 38px;
}

.story-sec h3 {
	font-size: 48px;
	line-height: 50px;
	margin-bottom: 25px;
}

.story-sec p {
	font-size: 20px;
	margin-bottom: 30px;
	letter-spacing: normal;
	line-height: 30px;
	max-width: 659px;
}

.follow-sec {
	padding: 195px 0 156px;
}

.follow-contant h4 {
	font-size: 48px;
	color: #adabb1;
	line-height: 50px;
	margin-bottom: 40px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
}

.follow-contant li {
	display: inline-block;
	margin: 0 16px;
}

.rectangle-sec {
	height: 120px;
	background-color: #f3f3f3;
}

#footer {
	background-color: #13100f;
	padding: 40px;
}

.footer-main {
	height: 90px;
	display: flex;

	justify-content: space-between;
	padding: 0 46px 0 42px;
}

.footer-main li {
	margin-right: 20px;
}

.footer-main a {
	font-family: 'Cinzel', sans-serif;
	font-size: 18px;
	color: #aa9887;
	line-height: 30px;
	font-weight: 400;
}

.footer-main a:hover {
	color: #aa9887;
}

.footer-main ul {
	padding-left: 30px;
}

.modal-dialog {
	max-width: 800px;
}

/*Team-page-css*/


/*faizan*/

.need-help {
	color: #6a6153;
    font-size: 18px;
    margin-left: 10px;
    font-family: 'Cambria';
    margin-top: 0 !important;
    padding: 10px 0;

}

.btn.btn-register,
.btn.btn-login {
	border-radius: 0;
	color: #fdd775;
	font-size: 18px;
	font-weight: normal;
	font-family: 'Cinzel';
	width: 158px;
	height: 48px;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 1;
	position: relative;
}

 

.btn.btn-login {
	background: #201b19;
	color: #ccb7a3;
}

a.need-help:hover {
	color: white;
}

.divider {
	height: 48px;
	border-left: 1px solid wheat;
	margin-right: 10px;
	margin-left: 20px;
	opacity: 0.1;
}

.navbg {
	background-color: #66241b;
	height: 90px;
}

.divider-nav {
	height: 40px;
	opacity: 0.1;
	border-left: 2px solid wheat;
	margin: 0 20px;

}

.full-width {
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-top: 15px;
}

.social-icons {
	height: 34px;
	width: 34px;
}

.lorem {
	color: white;

}

.lorem h3 {
	font-family: 'Assassin$', sans-serif;
	font-size: 70px;
	text-transform: uppercase;
	line-height: 0.4;
}

.lorem h2 {
	font-size: 112px;
	font-family: "Assassin$";
	color: rgb(238, 226, 216);
	text-transform: uppercase;
	line-height: 1.2;
	text-align: left;


	z-index: 67;
}

.btn {
	background-color: rgb(85, 32, 27);
	opacity: 0.702;

}



.lorem h5 {
	font-family: 'Cinzel', sans-serif;
	font-size: 30px;
	text-transform: uppercase;
	color: #a9a096;
}



.video-box {
	height: 368px;
	width: 638px;
	border: 2px solid #e7bd5b;
}

.play {
	background-color: black;
}

.adjustment h3 {
	font-family: 'Cinzel', sans-serif;
	font-size: 22.46px;
	text-transform: uppercase;
	color: #cec1b5;

}

.adjustment p {
	font-family: 'Cambria', sans-serif;
	font-size: 15.55px;
	text-transform: uppercase;
	color: #786d62;

}

.playbtn {
	position: absolute;
	bottom: -13px;
}

.box-1 {
	/* background-color: #0f0d0d; */
	padding: 25px 0px 25px 0px;
	display: flex;
	/* border-left: 1px solid white;
	border-top-left-radius: 50px 50px;
	border-bottom-left-radius: 100px 50px; */
}

.box-2 {
	padding: 25px 0px 25px 0px;
	display: flex;
}


.player-online {
	background-image: url(../images/onlinebg.png);
	background-repeat: no-repeat;
	background-position: center;
	display: flex;
	align-items: center;
	position: relative;
	height: 247px;
}

.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.align-center h2 {
	font-family: 'Cambria', sans-serif;
	font-size: 46px;
	color: #e2dbd2;
	text-align: center;
	line-height: 1.2;
}

.align-center h3 {
	color: #837264;
	font-family: 'Assassin$', sans-serif;
	font-size: 27px;
	text-transform: uppercase;
	text-align: center;
	line-height: 1.2;
}

.news-image {
	width: 100%;
	padding-bottom: 20px;
}



.latest-news {
	background-color: #13100f;

}

.news-heading {
	font-family: 'Assassin$', sans-serif;
	font-size: 35px;
	text-transform: uppercase;
	color: #e2dbd2;
	padding-bottom: 45px;
	padding-top: 45px;
}

.date {
	font-size: 16px;
	font-family: 'Myriad', sans-serif;
	color: #e2dbd2;
	padding-bottom: 10px;

}

.heading {
	font-family: 'Assassin$', sans-serif;
	font-size: 22px;
	color: #e2dbd2;
	text-transform: uppercase;
	padding-bottom: 10px;

}

.read-more-link {
	color: #5f2f2a;
	font-size: 16px;
}

.read-more-link:hover {
	color: #5f2f2a;
	font-size: 16px;
}

.assassin-creed {
	background-color: #0f0d0c;

}

.assassin-creed2 {
	background-color: #13100f;

}

.bg-dark1 {
	background-color: #0f0d0c;
	overflow: hidden;
}

.bg-img-assassin {
	background-image: url(../images/assassin-creed.png);
	background-size: contain;
	background-repeat: no-repeat;

	/* opacity: 0; */
	background-color: #0f0d0c;
	/* z-index: 5555; */
	overflow: hidden;

}

#custom-container {
	max-width: 1600px;
}

.custom {
	max-width: 36% !important;
	position: relative;
	right: 144px;
}

.bg-dark2 {
	background-color: #13100f;
	overflow: hidden;
}

.adjustment2 {
	max-width: 50%;

}

.bg-img-assassin2 {
	background-image: url(../images/assassin-creed2.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;

	/* opacity: 0; */
	background-color: #13100f;
	/* z-index: 5555; */
	overflow: hidden;
}

.adjustment2 h3 {
	font-family: 'Assassin$', sans-serif;
	text-transform: uppercase;
	font-size: 70px;
	color: #843027;
	line-height: 0.5;

}

.adjustment2 h2 {
	font-family: 'Assassin$', sans-serif;
	text-transform: uppercase;
	font-size: 112px;
	color: #eee2d8;
	position: relative;
}

.adjustment2 p {
	color: #a9a096;
	font-size: 30px;
	font-family: 'Assassin$', sans-serif;
	text-transform: uppercase;
	line-height: 1;
	letter-spacing: -2.8px;
}

.mt-6 {
	margin-top: 6em;
}

.copyright {
	padding: 10px;
	text-align: center;
	font-family: 'Cambria-Italic', sans-serif;
	color: #38322c;
	font-size: 16px;
}