/*	-----------------
	Overall CSS
	----------------- */
* {
	margin: 0;
	padding: 0;
}

html,
body {
	color: white;
	-webkit-overflow-scrolling: touch;
}

.bg {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	background-color: black;
}
.bg-1,
.bg-2,
.bg-3,
.bg-4,
.bg-5,
.bg-6,
.bg-7,
.bg-8,
.bg-9,
.bg-10 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0;
	transition: opacity 2s linear;
}
.bg-1 {
	background-image: url('../bg_photos/bg-1.jpg');
}
.bg-2 {
	background-image: url('../bg_photos/bg-2.jpg');
}
.bg-3 {
	background-image: url('../bg_photos/bg-3.jpg');
}
.bg-4 {
	background-image: url('../bg_photos/bg-4.jpg');
}
.bg-5 {
	background-image: url('../bg_photos/bg-5.jpg');
}
.bg-6 {
	background-image: url('../bg_photos/bg-6.jpg');
}
.bg-7 {
	background-image: url('../bg_photos/bg-7.jpg');
}
.bg-8 {
	background-image: url('../bg_photos/bg-8.jpg');
}
.bg-9 {
	background-image: url('../bg_photos/bg-9.jpg');
}
.bg-10 {
	background-image: url('../bg_photos/bg-10.jpg');
}
.bg-active {
	opacity: 1;
}


a {
	text-decoration: none;
	color: #0099ff;
}
a:hover {
	text-decoration: none;
	color: inherit;
}
a.link {
	color: #0099ff;
	transition: color .3s;
}
a.link:hover {
	color: #f171ff;
}


/*	---------------------
	Rotator
	--------------------- */
.rotator-register {
	position: absolute;
	display: none;
	top: 50%;
	width: 30px;
	height: 30px;
	transform: translateY(-50%);
}



/*	---------------------
	Header
	--------------------- */
.header {
	position: fixed;
	top: 0;
	left: 50%;
	height: 250px;
	z-index: 10;
	background-color: rgba(0,0,0,.5);
	transform: translateX(-50%);
	transition: background-color .3s, height .3s, left .3s, width .3s;
}
.header.scroll {
	background-color: black;
}
.header.scroll-130 {
	height: 150px;
}
.header-logo {
	width: 100%;
	height: 100%;
	background-image:  url('../pics/logo_pink.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto 90%;
	transition: background-image .8s, background-size .3s, background-position .3s;
}
.header-logo:hover {
	background-image: url('../pics/blue-opac-logo.png');
}
.header.scroll-130 {
	height: 112px;
/* 	box-shadow: 0px 10px 18px -10px #f171ff; */
}
.header.scroll-130 .header-logo {
	background-position: 10% center;
	background-size: auto 50%;
}
@media (max-width: 767px) {
	.header {
		padding: 0;
		height: 170px;
		width: 100%;
	}
	.header.scroll-130 {
		height: 80px;
		box-shadow: 0px -8px 18px 0px #f171ff;
	}
}

/*	----------------------
	Social Scroll
	---------------------- */
.header-social {
/* 	display: none; */
	position: fixed;
	height: 227px;
/* 	border: 1px solid gray; */
	top: 0;
	left: 50%;
	z-index: 15;
	transform: translateX(-50%);
	transition: height .3s ease
}
.header-social-row {
	position: absolute;
	width: 20%;
	right: 15px;
	bottom: 0;
/* 	border: 1px solid green; */
	transition: width .3s ease;
}
.header-social-row .col {
	position: relative;
}
.header-social.up {
	height: 75px;
}
.header-social.up .header-social-row {
	width: 33.33%;
}


/*	----------------------
	News read modal
	---------------------- */
.modal-title {
	width: 90%;
	text-align: right;
}
.modal-news-date {
	position: absolute;
	right: 16px;
	top: 3px;
	padding-left: 20px;
	font-size: 14px;
}

/*	----------------------
	Main Page Content
	---------------------- */
.main-page {
	margin-top: 326px;
}
.main-page.nav-active {
	filter: blur(3px);
}
@media (max-width: 767px){
	.main-page {
		margin-top: 230px;
	}
}
.page-title {
	color: #f171ff;
	background-color: rgba(0,0,0,.8);
}
.full-bg {
	padding: 50px;
	background-color: rgba(0,0,0,.8);
}
.read-on {
	cursor: pointer;
	color: #f171ff;
	font-weight: bold;
	transition: color .3s;
}
.read-on:hover {
	color: #0099ff;
}
.read-on img {
	margin-bottom: 10px;
}
.read-on-div {
	display: none;
}


/*	---------------------
	Main Content
	--------------------- */
.main-page-col-1 {
	/* 	border: 1px solid green; */
}

/*	---------------------
	Sidebar Content
	--------------------- */
.main-page-col-2 {
/* 	border: 1px solid red; */
}
.quick-links.fixed {
	position: fixed;
	width: 100%;
	top: 185px;
}

@media (max-width: 767px){
	.main-page-col-2 {
		position: relative;
		overflow: scroll;
	}
	.main-page-col-2 .row {
		position: relative;
	}
	.quick-links.fixed {
		top: 0;
	}
}
.main-page-col-2 .box-col {
	padding-right: 0;
}



/*	----------------------
	Box styling
	---------------------- */
.box-col {
	padding: 0;
	padding-right: 10px;
	padding-bottom: 10px;
}
.box {
	width: 100%;
	background-color: rgba(0,0,0,.8);
	transition: box-shadow .3s;
}
.box.active {
	box-shadow: 0px 0px 14px black
}

.box h3,
.box h4,
.box h5 {
	color: #f8b4ff;
	padding: 5px;
	background-color: rgba(0,0,0,.5);
	box-shadow: 0px 0px 18px -10px #f171ff;
	transition: color .3s, box-shadow .3s;
}
.box.active h3,
.box.active h4,
.box.active h5 {
	color: #49b3ff;
	box-shadow: 0px 0px 18px -10px #49b3ff;
}
.box h3.suport-us {
	color: #49b3ff;
}
.box.active h3.suport-us {
	color: #f8b4ff;
	box-shadow: 0px 0px 18px -10px #f171ff;
}
/*
.box p {
	padding: 15px;
	margin-bottom: 0;
}
*/
@media (max-width: 767px){
	.main-page-col-2 {
		margin-bottom: 10px;
	}
	.box-col {
		padding: 0;
	}
	.main-page-col-2 .box {
		height: 100px;
		overflow: scroll
	}
	.main-page-col-2 .box-100 {
		height: 100%;
	}
	.main-page-col-2 .box-sm {
		height: 160px;
	}
	.main-page-col-2 .box-md {
		height: 250px;
	}
	.main-page-col-2 .box-lg {
		height: 300px;
	}
}



/*	---------------------------------
	Calendar Style
	-------------------------------- */
.calendar-row .col-sm-12:first-child h3 {
	color: #e2d375;
}
.cal-date {
	font-size: 18px;
}
.cal-time {
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 13px;
}