.intro {
	padding-top: 25px;
	padding-bottom: 25px;
}

.intro .content {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.intro .content h4 {
	text-align: left;
}

.intro .content .lside {
	width: 50%;
}

.intro .content .lside .logo {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	grid-column-gap: 10px;
}

.intro .content .lside .logo span {
	font-weight: 700;
	font-size: 48px;
	line-height: 60px;
	letter-spacing: -2px;
	color: white;
}

.intro .content .rside {
	width: 50%;
}

.intro .content .rside img {
	width: 100%;
}

.intro .content .lside p {
	max-width: 510px;
	color: #FCFCFC;
	margin-top: 12px;
	font-size: 36px;
	font-weight: 700;
}

.intro .content .buttonWrapper {
	margin-top: 43px;
}

.intro .content .buttonWrapper a {
	text-transform: uppercase;
	width: 200px;
}

.intro .buttonWrapper, .join .buttonWrapper {
	margin-top: 37px;
}

.intro .buttonWrapper a, .join .buttonWrapper a {
	height: 52px;
	width: 264px;
	border-radius: 8px;
	background-color: rgb(2, 76, 187);
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 500;
	font-size: 16px;
}

/* End Intro */

/*We have*/

.weHave .content {
	padding-top: 20px;
	padding-bottom: 45px;
}

.weHave .sections {
	margin-top: 45px;
	display: flex;
	grid-column-gap: 20px;
}

.weHave .sections .block {
	border-radius: 8px;
	padding: 37px 30px;
	width: 100%;
	background-color: rgb(2, 76, 187);
	max-width: 738px;
}

.weHave .sections .block h4 {
	color: #FCFCFC;
	font-weight: 700;
	font-size: 48px;
	line-height: 60px;
	text-align: left;
}

.weHave .sections .block p {
	margin-top: 12px;
	color: #FCFCFC;
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
}

.weHave .sections .column {
	display: flex;
	flex-direction: column;
	grid-row-gap: 20px;
	max-width: 526px;
	width: 100%;
}

.weHave .sections .column .block {
	border: 1px solid #FFFFFF1A;
	background-color: #18181B;
}

/*End We have*/

/* Brands */

.brand {
	padding-top: 40px;
	padding-bottom: 40px;
}

.brand h2, .location h2, .join h2, .weHave h2 {
	color: rgb(252, 252, 253);
	margin-top: 8px;
	font-weight: 700;
	font-size: 30px;
	line-height: 38px;
	text-align: center;

}	

.brand h4, .location h4, .join h4, .weHave h4, .intro h4 {
	color: rgb(198, 152, 113);
	font-size: 20px;
	line-height: 30px;
	font-weight: 700;
	text-align: center;
}

.brand .columns {
	display: flex;
	justify-content: space-between;
	margin-top: 80px;
	grid-column-gap: 20px;
}

.brand .columns .rside img {
	max-width: 560px;
	width: 100%;
	height: auto;
}

.brand .columns .lside {
	max-width: 518px;
}

.brand .columns h3 {
	font-weight: 700;
	font-size: 24px;
	line-height: 32px;
	color: rgb(255, 255, 255);
}

.brand .columns p {
	margin-top: 12px;
	color: rgb(209, 209, 214);
	font-size: 14px;
	line-height: 20px;
}

.brand .grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-row-gap: 10px;
	margin-top: 38px;
}

.brand .grid .item {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	grid-column-gap: 7.5px;
}

.brand .grid .item img {
	height: 44px;
	width: auto;
}

.brand .grid .item span {
	font-size: 14px;
	font-weight: 700;
	color: white;
}

.brand .row {
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin-top: 62px;
}

.brand .row .tab {
	/*width: 33%;*/
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.brand .row .tab:nth-child(1) .loader  span{
	background: rgba(255, 200, 34, 1);
}

.brand .row .tab:nth-child(2) .loader span {
	background: rgba(255, 0, 0, 1);
}

.brand .row .tab:nth-child(3) .loader span {
	background: rgba(17, 38, 126, 1);
}

.brand .row .tab:nth-child(4) .loader span {
	background: rgba(255, 200, 34, 1);
}

.brand .row button {
	height: 77px;
}

.brand .row .loader {
	height: 4px;
	width: 100%;
	background-color: transparent;
	display: block;
	margin-bottom: 20px;
}

.brand .row .loader span {
	display: block;
	width: 0%;
	height: 4px;
}

.brand .row .loader span.active {
	animation: anim 10s alternate;
}

@keyframes anim {
    0% {
        width: 0%;
    }

    100% {
        width: 100%;
    }
}

.brand .row .tab:nth-child(1) img {
	height: 48px;
	width: auto;
}

.brand .row .tab:nth-child(2) img {
	height: 38px;
	width: auto;
}

.brand .row .tab:nth-child(3) img {
	height: 70px;
	width: auto;
}

.brand .columns .row {
	display: none;
}

.brand .brands .columns {
	display: none;
}

.brand .brands .columns:first-child {
	display: flex;
}

/* End Brands */

/* Location */

.location {
	padding-top: 40px;
	padding-bottom: 20px;
}

.location .grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 24px;
	grid-row-gap: 24px;
	margin-top: 43px;
}

.location .grid .item {
	border-radius: 8px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	background-color: rgba(38, 37, 44, 0.2);
}

.location .grid .item img {
	width: 100%;
}

.location .grid .item .bottom {
	padding: 32px 16px;
	display: flex;
	justify-content: space-between;
}

.location .grid .item .date {
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	color: rgba(255, 255, 255, 0.6);
}

.location .grid .item .name {
	margin-top: 8px;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	color: white;
}

.location .grid .item .icon {
	height: 35px;
	width: auto;
}

/* End Location */

/* Join */

.join {
	padding-top: 25px;
	padding-bottom: 45px;
}

.join .row {
	display: flex;
	justify-content: space-between;
	margin-top: 45px;
	grid-column-gap: 20px;
}

.join .row .item {
	background-color: #18181B;
	border-radius: 8px;
	border: 1px solid #FFFFFF1A;
	padding: 30px;
	flex: 1;
}

.join .row .item h4 {
	color: rgb(2, 76, 187);
	font-size: 16px;
	font-weight: 700;
	text-align: left;
}

.join .row .item h3 {
	color: #FCFCFC;
	font-size: 24px;
	font-weight: 700;
	margin-top: 12px;
}

.join .row .item p {
	color: #FCFCFC;
	font-size: 18px;
	font-weight: 400;
	margin-top: 12px;
}

.join .buttonWrapper {
	display: flex;
	justify-content: center;
	margin-top: 45px;
}

/* End Join */

@media screen and (max-width: 1024px) {
	.location .grid {
		grid-template-columns: 1fr 1fr;
		border-radius: 8px;
	}

	.join .row {
		flex-direction: column;
		grid-row-gap: 20px;
	}

	/**/

	.brand .columns {
		flex-direction: column-reverse;
		margin-top: 16px;
		align-items: center;
	}

	.brand .columns .rside img {
		max-width: 400px;
	}

	.brand .row {
		display: none;
	}

	.brand .columns .row  {
		display: flex;
		grid-column-gap: 20px;
		margin-top: 20px;
		overflow-x: auto;
	}

	.brand .columns .rside {
		order: 3;
	}

	.brand .columns .lside {
		order: 1;
		margin-top: 32px;
	}

	.brand .columns .row {
		order: 2;
	}

	.brand .row .tab:nth-child(1) img {
		height: 24px;
		width: auto;
	}

	.brand .row .tab:nth-child(2) img {
		height: 20px;
		width: auto;
	}

	.brand .row .tab:nth-child(3) img {
		height: 32px;
		width: auto;
	}

	.brand .row .tab:nth-child(4) img {
		height: 24px;
		width: auto;
	}

	.brand .row .loader {
		margin-bottom: 0;
	}

	/*.brand .row .owl-item:nth-child(1) img {
		height: 24px;
		width: auto;
	}

	.brand .row .owl-item:nth-child(2) img {
		height: 20px;
		width: auto;
	}

	.brand .row .owl-item:nth-child(3) img {
		height: 32px;
		width: auto;
	}

	.brand .row .owl-item:nth-child(4) img {
		height: 24px;
		width: auto;
	}

	.brand .row .loader {
		margin-bottom: 0;
	}*/
}

@media screen and (max-width: 768px) {
	.intro .content {
		flex-direction: column-reverse;
	}

	.location .grid {
		grid-template-columns: 1fr;
		margin-top: 16px;
	}

	.weHave .sections {
		flex-direction: column;
		grid-row-gap: 14px;
	}

	.weHave .sections .block, .weHave .sections .column {
		max-width: none;
	}

	.weHave .sections .column {
		grid-row-gap: 14px;
	}

	.intro .content .lside {
		width: 100%;
		max-width: 361px;
		margin-top: 45px;
	}

	.intro {
		padding-bottom: 50px;
	}
}

@media screen and (max-width: 525px) {
	.intro .content .lside, .intro .content .rside {
		width: 100%;
	}

	.intro .content .lside .logo span {
		font-size: 30px;
	}

	.intro .buttonWrapper a, .join .buttonWrapper a {
		font-size: 14px;
	}

	.brand .grid {
		grid-template-columns: 1fr;
	}

	.location .grid .item .icon {
		height: 25px;
	}

	.brand .columns .row  {
		justify-content: space-between;
		width: 100%;
	}

	.weHave .sections .block h4 {
		font-size: 33px;
		line-height: 41px;
	}

	.weHave .sections .block p {
		margin-top: 8px;
		font-size: 13px;
		line-height: 19px;
	}

	.weHave .sections .block {
		padding: 25px 20px;
	}

	.intro .content .lside p {
		line-height: 43px;
	}

	.intro .content .buttonWrapper {
		margin-top: 12px;
	}
}