.reg{
	position: relative;
	margin-top: 54px;
	min-height: calc(100vh - 54px);

	.rg1{
		position: relative;

		&:before{
			content: '';
			background-color: rgb(0,0,0);
			background: linear-gradient(8deg, rgba(0,0,0,0.5) 7%, rgba(61,184,58,0.5) 79%, rgba(247,182,21,0.5) 95%);
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 2;
		}

		img{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 1;
		}
	}

	.rg2{
		background: #fff;
		display: -webkit-flex;
		display: flex;
		align-items: center;


	}
}



.log{
	background: #f2f2f2;
	position: relative;
	margin-top: 54px;
	min-height: 600px;

	.log-hol{
		display: -webkit-flex;
		display: flex;
		justify-content: center;
		align-items: center;
		min-height: calc(100vh - 54px);

		@media #{$xs} {
			padding: 0!important;
		}
	}


	.lg1{
		position: relative;

		&:before{
			content: '';
			background-color: rgb(0,0,0);
			background: linear-gradient(8deg, rgba(0,0,0,0.5) 7%, rgba(61,184,58,0.5) 79%, rgba(247,182,21,0.5) 95%);
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 2;
		}

		img{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 1;
		}
	}

	.lg2{
		background: #fff;
		display: -webkit-flex;
		display: flex;
		justify-content: center;
		align-items: center;
		// width: 100%;


	}

}


.home-news-edited{
	.news-hol{
		display: -webkit-flex;
		display: flex;
		flex-direction: column;
		min-height: 300px;

		&:not(.side-news-hol) {
			background-position: center;
			background-size: cover;
			background-repeat: no-repeat;
			position: relative;
			align-items: flex-end;
			flex-direction: row;

			// img {
			// 	position: absolute;
			// 	top: 0;
			// 	left: 0;
			// 	width: 100%;
			// 	height: 100%;
			// }

			> div {
				position: relative;
				padding: 10px;
				z-index: 2;
			}

		}

		&:not(.side-news-hol):before {
			content: '';
			position: absolute;
			top: 0;
			opacity: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.1) 30%);
			background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.1) 30%);
			background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.1) 30%);
			filter: "progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000', GradientType=1)";
			-webkit-transition: all .3s ease-in-out;
			-moz-transition: all .3s ease-in-out;
			-ms-transition: all .3s ease-in-out;
			-o-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;
			-webkit-transform: scale(1);
			-moz-transform: scale(1);
			-ms-transform: scale(1);
			-o-transform: scale(1);
			transform: scale(1);
			zoom: 1;
			filter: alpha(opacity=100);
			opacity: 1;
			z-index: 1;
		}


		&.side-news-hol{
			min-height: 145px;
			flex-direction: row;

			> .news-img {
				flex-basis: 50%;
				height: 145px;
			}

			> .news-desc {
				flex-basis: 50%;
				height: 145px;

				.news-title {
					font-size: 17px;
					margin-bottom: 10px;
				}
			}
		}

		> .news-img {
			position: relative;
			width: 100%;
			height: 240px;

			img {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
			}
		}


		> .news-desc {
			background: #f2f2f2;
			flex: 1;
			padding: 10px;

			.news-title {
				font-family: $font-2;
				font-size: 15px;
				color: #222;
				margin: 0;
			}
		}

		.news-meta span {
			color: '#fff';
		}

	}
}


.home-sha-eha {
	.sha-hol {
		height: 145px;
	}
}


.home-news {
	.news-hol{
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		position: relative;
		display: -webkit-flex;
		display: flex;
		align-items: flex-end;
		min-height: 350px;

		&.side-news-hol{
			min-height: 140px;
		}

		&:before {
			content: '';
			position: absolute;
			top: 0;
			opacity: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.1) 30%);
			background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.1) 30%);
			background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.1) 30%);
			filter: "progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000', GradientType=1)";
			-webkit-transition: all .3s ease-in-out;
			-moz-transition: all .3s ease-in-out;
			-ms-transition: all .3s ease-in-out;
			-o-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;
			-webkit-transform: scale(1);
			-moz-transform: scale(1);
			-ms-transform: scale(1);
			-o-transform: scale(1);
			transform: scale(1);
			zoom: 1;
			filter: alpha(opacity=100);
			opacity: 1;
			z-index: 1;
		}

		> div {
			position: relative;
			z-index: 2;
		}

		.news-meta span {
			color: '#fff';
		}

	}
}



.site-badge-count-109 .ant-badge-count {
	background-color: #fff;
	color: #fff;
}
.ant-scroll-number-only-unit{
	color: #fff;
}



/****chat**************************************/

/*---------chat window---------------*/
.messaging{
	margin-top: 55px;
}
.inbox_people {
	background: #fff;
	float: left;
	overflow: hidden;
	width: 30%;
	border-right: 1px solid #ddd;
}

.inbox_msg {
	border: 1px solid #ddd;
	clear: both;
	overflow: hidden;
}

.top_spac {
	margin: 20px 0 0;
}

.recent_heading {
	float: left;
	width: 40%;
}

.srch_bar {
	display: inline-block;
	text-align: right;
	width: 60%;
}

.headind_srch {
	padding: 10px 29px 10px 20px;
	overflow: hidden;
	border-bottom: 1px solid #c4c4c4;
}

.recent_heading h4 {
	color: $clr1;
    font-size: 16px;
    margin: auto;
    line-height: 29px;
}

.srch_bar input {
	outline: none;
	border: 1px solid #cdcdcd;
	border-width: 0 0 1px 0;
	width: 80%;
	padding: 2px 0 4px 6px;
	background: none;
}

.srch_bar .input-group-addon button {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	padding: 0;
	color: #707070;
	font-size: 18px;
}

.srch_bar .input-group-addon {
	margin: 0 0 0 -27px;
}

.chat_ib h5 {
	font-size: 15px;
	color: #464646;
	margin: 0 0 8px 0;
}

.chat_ib h5 span {
	font-size: 13px;
	float: right;
}

.chat_ib p {
    font-size: 12px;
    color: #989898;
    margin: auto;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.chat_img {
	float: left;
	width: 11%;
}

.chat_img img {
	width: 100%
}

.chat_ib {
	float: left;
	padding: 0 0 0 15px;
	width: 88%;
}

.chat_people {
	overflow: hidden;
	clear: both;
}

.chat_list {
	border-bottom: 1px solid #ddd;
	margin: 0;
	padding: 18px 16px 10px;
}

.inbox_chat {
	height: 550px;
	overflow-y: scroll;
}

.active_chat, .chat_list:hover {
	background: #c5fae4;
	cursor: pointer;
}

.incoming_msg_img {
	display: inline-block;
	width: 6%;
}

.incoming_msg_img img {
	width: 100%;
}

.received_msg {
	display: inline-block;
	padding: 0 0 0 10px;
	vertical-align: top;
	width: 92%;
}

.received_withd_msg p {
	background: #ebebeb none repeat scroll 0 0;
	border-radius: 0 15px 15px 15px;
	color: #646464;
	font-size: 14px;
	margin: 0;
	padding: 5px 10px 5px 12px;
	width: 100%;
}

.time_date {
	color: #747474;
	display: block;
	font-size: 12px;
	margin: 8px 0 0;
}

.received_withd_msg {
	width: 57%;
}

.mesgs{
	float: left;
	padding: 30px 15px 0 25px;
	width:70%;
}

@media(max-width: '750px') {
	.mesgs, .inbox_people{
		width: 100%;
	}

	.mesgs{
		background-color: #fff;
		position: fixed;
		top: 47px;
		left: 0;
		width: 100%;
		z-index: 3;
		// min-height: 100vh - 5pp

		.sent_msg{
			width: 95%;
		}
	}

	.mesgs ~ .inbox_people{
		display: none;
	}
}

.sent_msg p {
	background:$clr1;
	border-radius: 12px 15px 15px 0;
	font-size: 14px;
	margin: 0;
	color: #fff;
	padding: 5px 10px 5px 12px;
	width: 100%;
}

.outgoing_msg {
	overflow: hidden;
	margin: 26px 0 26px;
}

.sent_msg {
	float: right;
	width: 46%;
}

.input_msg_write input {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	color: #4c4c4c;
	font-size: 15px;
	min-height: 48px;
	width: 100%;
	outline:none;
}

.type_msg {
	border-top: 1px solid #c4c4c4;
	position: relative;
}

.msg_send_btn {
	background: $clr1 none repeat scroll 0 0;
	border:none;
	border-radius: 50%;
	color: #fff;
	cursor: pointer;
	font-size: 15px;
	height: 33px;
	position: absolute;
	right: 0;
	top: 11px;
	width: 33px;
}

.messaging {
	padding: 0 0 50px 0;
}

.msg_history {
	height: 516px;
	overflow-y: auto;
}


.news-drawer{
	.ant-drawer-content-wrapper{
		width: 430px;
		max-width: 90%;
	}
}


.notifications-drawer{
	.ant-drawer-content-wrapper{
		width: 600px;
		max-width: 90%;
	}
}


.ant-btn-primary:not(.def){
	background: $clr1!important;
	border-color: $clr1!important;

	&:hover{
		background: $clr1-hover!important;
		border-color: $clr1-hover!important;
	}
}

.ant-btn-ghost:not(.def){
	&:hover{
		border-color: $clr1!important;
	}
}


.dbg{
	border: solid red 2px;
}


.welcome-page{
	background-color: #00bb77;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cpolygon fill='%23000' fill-opacity='.1' points='120 0 120 60 90 30 60 0 0 0 0 0 60 60 0 120 60 120 90 90 120 60 120 0'/%3E%3C/svg%3E");

	> div {
		background: #fff;
		width: min(70%, 800px);
		padding: 20px;
		border-radius: 5px;
		box-shadow:
		0 2.8px 2.2px rgba(0, 0, 0, 0.02),
		0 6.7px 5.3px rgba(0, 0, 0, 0.028),
		0 12.5px 10px rgba(0, 0, 0, 0.035),
		0 22.3px 17.9px rgba(0, 0, 0, 0.042),
		0 41.8px 33.4px rgba(0, 0, 0, 0.05),
		0 100px 80px rgba(0, 0, 0, 0.07);
		position: relative;

		#skipper{
			position: absolute;
			top: 6px;
			right: 6px;
			z-index: 1;
		}
	}



	.wel-hol{
		text-align: center;

		img{
			display: inline-block;
			max-width: 100%;
			height: min(300px, 70vh);
			margin: 0 auto 30px auto;
		}

		h3{
			font-family: $font-1;
			font-weight: 800;
			font-size: 22px;
			margin: 0 0 20px 0;
		}

		p{
			font-family: $font-2;
			font-size: 15px;
			color: #555;
		}
	}
}


.home-news-hd{

	.innerhol{
			background-image: -webkit-linear-gradient(bottom, rgba(10, 10, 10, 0.5), transparent);
			background-image: -o-linear-gradient(bottom, rgba(10, 10, 10, 0.5), transparent);
			background-image: linear-gradient(to top, rgba(10, 10, 10, 0.5), transparent);
			position: relative;
			padding-top: 50px;
			z-index: 2;
		}
	h2{
		margin: 0 0 20px 0;
	}

	p{
		margin: 0;
	}

	img{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
	}
}





::-webkit-scrollbar-track
{
	// border-radius: 10px;
	background-color: #8c8c8c;
}

::-webkit-scrollbar
{
	width: 4px;
	background-color: #8c8c8c;
}

::-webkit-scrollbar-thumb
{
	border-radius: 4px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #3db83a;
}

* {
	scrollbar-width: thin;
	scrollbar-color: #3db83a #8c8c8c;
}


.news-page-content{
	* {
		color: #555;
	}
}



.sha{
	display: -webkit-flex;
	display: flex;
	justify-content: center;

	&.sha-sm{
		flex-direction: column;

	.sha-btn{
		text-align: right;
	}

		.sha-text{
				padding: 0 15px;
		}
	}



	.sha-img{

	}


}

::-moz-selection {
	background-color: $clr1;
	color: #fff;
}
::selection{
	background-color: $clr1;
	color: #fff;
}

.side-header {
	background: $clr2;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40px;
	padding: 6px;

	h2{
		font-family: $font-1;
		font-size: 14px;
		letter-spacing: 1px;
		color: #fff;
		text-transform: uppercase;
		margin: 0;
	}
}


.home-side {
	width: 100%;
}
.home-side-hol{
	margin-bottom: 10px;
	border: solid 1px $clr2;

	.side-header {
		background: $clr2;
		display: -webkit-flex;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 40px;
		padding: 6px;

		h2{
			font-family: $font-1;
			font-size: 14px;
			letter-spacing: 1px;
			color: #fff;
			text-transform: uppercase;
			margin: 0;
		}
	}

	.side-body{
		&.items-alternate{
			> .side-item:nth-child(even) {
				background: #f2f2f2;
			}
		}

		.side-item{
			display: -webkit-flex;
			display: flex;
			justify-content: center;
			align-items: center;
			width: 100%;
			min-height: 40px;
			padding: 6px;

			&:hover{
				background: #f2f2f2;
			}
		}
	}
}


.styled-header {


	h2 {
		background: $clr4;
		font-family: $font-2;
		font-size: 15px;
		color: #fff;
		min-width: 14%;
		display: inline-block;
		margin: 0;
		padding: 8px;
	}

	hr {
		margin: 0 0 10px 0;
		border-top: solid $clr4 2px;
	}
}

$ATHPMarTop: 53px;

.ad-top-header-placeholder{
	min-height: 310px;
	margin-top: $ATHPMarTop;


	.ad-top-header {
		background: $clr2;
		position: fixed;
		top: $ATHPMarTop;
		left: 0;
		display: -webkit-flex;
		display: flex;
		width: 100%;
		justify-content: center;
		align-items: center;
		padding: 15px 7%;
		z-index: -1;


		.ad-top-header-hol{
			width: 100%;
		}
	}

}


.res-vlog-image {
	height: 110px;

	@media #{$xs} {
		height: 165px;
	}
}


.square-element:before {
	content: '';
	display: block;
	padding-top: 100%;
	border: solid green 3px;
}




$intro1Height: 360px;
$intro2Height: $intro1Height;
$into3Height: 240px;

.home-news-intro {
	width: 100%;

	.news-item {
		color: inherit;
	}

	.home-news-intro-main {
		position: relative;
		height: $intro1Height;
		overflow: hidden;
		display: -webkit-flex;
		display: flex;
		justify-content: flex-end;
		margin: 0;

		&:before {
			content: '';
			background: linear-gradient(to top, rgba(40, 40, 40, 0.8), transparent);
			display: block;
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 35%;
			z-index: 2;
		}

		img.hnim-img {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 1;
		}

		.news-item {
			position: relative;
			z-index: 3;

			h3 {
				font-size: 18px;
				color: #fff;
				margin: 0;

				a {
					color: inherit;
				}
			}
		}
	}

	.home-news-intro-side {
		overflow: hidden;
		max-height: $intro2Height;
		display: -webkit-flex;
		display: flex;
		flex-direction: column;

		.news-item-wrapper {
			// flex: 1;
			// padding: 10px 0;
			display: -webkit-flex;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			height: 115px;
			overflow: hidden;

			& + .news-item-wrapper {
				margin-top: 5px;
			}
		}

		.news-item {
			// flex: 1;
			display: -webkit-flex;
			display: flex;
			flex-flow: row wrap;
			align-items: center;
			padding: 0 5px;
			// height: 120px;
			// height: calc(($intro2Height/2) - 20px);
			// margin: 0 0 10px 0;
			border: solid 1px #e5e1e2;
			justify-content: center;
			align-items: center;
			overflow: hidden;

			img {
				flex-basis: 90px;
				width: 90px;
				height: 90px;
				margin: 0 0 0 10px;
				border-radius: 5px;
			}

			div.news-title-hol {
				height: 100px;
				flex: 1;

				.news-category {
					text-transform: uppercase;
					font-size: 12px;
					margin: 0 0 10px 0;

					span {
						color: transparent;
					}
				}

				h3 {
					font-size: 14px;
					line-height: 23px;
				}
			}

			.news-meta {
				flex-basis: 100%;
				// margin: auto 0 0 0;

				p {
					font-size: 13px;
					margin: 0;
				}
			}
		}
	}

	.home-news-intro-bottom {
		overflow: hidden;
		min-height: 175px;
		display: -webkit-flex;
		display: flex;
		flex-direction: column;

		.news-item-wrapper {
			flex: 1;
			padding: 10px 0;
			display: -webkit-flex;
			display: flex;
			flex-direction: column;
			height: 175px;
		}

		.news-item {
			flex: 1;
			display: -webkit-flex;
			display: flex;
			flex-flow: row wrap;
			align-items: center;
			height: 175px;
			border: solid 1px #e5e1e2;
			// height: calc(($intro2Height/2) - 20px);
			// margin: 0 0 10px 0;
			overflow: hidden;
			padding: 10px;

			img {
				flex-basis: 90px;
				width: 90px;
				height: 90px;
				margin: 0 0 0 10px;
				border-radius: 5px;
			}

			div.news-title-hol {
				height: 100px;
				flex: 1;

				.news-category {
					text-transform: uppercase;
					font-size: 12px;
					margin: 0 0 10px 0;

										span {
											color: transparent;
										}
				}

				h3 {
					font-size: 14px;
					line-height: 23px;
				}
			}

			.news-meta {
				flex-basis: 100%;
				// margin: auto 0 0 0;

				p {
					font-size: 13px;
					margin: 0;
				}
			}
		}
	}
}


div.ad-components {
	&:hover {
		+ div.ad-components .ad-hol {
			border-color: $clr1;
			// @include transition(1.5s);
		}
	}

	.ad-hol {
		cursor: pointer;
		display: flex;
		padding: 24px 0;
		border-top: 1px solid rgba(0, 0, 0, 0.06);
		@include transition(1.5s);

		&:hover {
			border-color: $clr1;

			.ad-details-hol {
				.ad-title {
					color: $clr1;
					@include transition(1.5s);
				}
			}
		}

		.img-hol {
			flex-basis: 180px;
			margin-right: 10px;

			img {
				width: 180px;
				max-height: 180px;
			}
		}

		.ad-details-hol {
			.ad-title {
				font-size: 16px;
				font-weight: 500;
				margin: 0 0 15px 0;
				@include transition(1.5s);
			}

			.ad-detail {
				color: #555;
				font-size: 14px;
				margin: 0;
			}
		}

	}


}


.page-header-row {
	align-items: center;
	justify-content: center;
	position: relative;
	height: 240px;
	display: flex;
	z-index: 2;

	@media(max-width: 700px) {
		align-items: flex-start;
		flex-direction: column;
}

	.page-header-sha:not(:empty) {
		flex: 1;
		width: 100%;
		padding: 0 20px;


		@media(max-width: 700px) {
			padding: 0!important;
	}
	}

}


.page-header-img {
	@media(max-width: 700px) {
		display: none;
	}
}


.policy-page {
	p {
		color: #222;
		font-size: 14px;
	}

	a {
		color: $clr1;
	}

	h6 {
		font-size: 16px;
	}
	h5 {
		font-size: 18px;
	}
	h4 {
		font-size: 20px;
	}
	h3 {
		font-size: 22px;
	}
	h2 {
		font-size: 24px;
	}
	h1 {
		font-size: 26px;
	}

	.policy-title {

	}
}



.sort-menu-item-body {
	position: relative;
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
}
.indicates-scroll {
	&:before {
		content: '';
		display: block;
		height: 0;
		width: auto;
		position: absolute;
		top: calc(100% - 10px);
		left: calc(50% - 7px);
		border: 10px solid transparent;
		border-left: 7px solid transparent;
		border-right: 7px solid transparent;
		border-top: 6px solid $clr1;
	}
}


.external-ad {
	position: relative;
}

.adsbygoogle:empty {
	// height: 0!important;
	// overflow: hidden!important;
	position: absolute!important;
	width: 100%;
	top: 0;
	left: 0;
	z-index: -1!important;
	opacity: 0!important;
}