/* Custom Styles */

/* Global */

body {
	overflow-x: hidden;
	scroll-behavior: smooth;
}

html {
	overflow-x: hidden;
}

a:focus,
input:focus {
	text-decoration: none;
	outline: 0;
}

a,
.alt-menu ul li a,
.facility-block .owl-theme .owl-nav [class*=owl-] {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

a:hover {
	text-decoration: none;
}

/* Hero Block */

.contact-no {
	position: absolute;
	top: 24px;
	right: 24px;
}
	
	.contact-no span {
		display: inline-block;
		font-size: 14px;
	}

	.contact-no span i,
	.location span i {
		margin-right: 8px;
		color: rgba(255,255,255,.6);
		vertical-align: middle;
	}

	.contact-no span:nth-child(1) {
		margin-right: 16px;
		padding-right: 16px;
		border-right: 1px solid rgba(255,255,255,.3);
	}

.location {
	position: absolute;
	top: 24px;
	left: 24px;
	text-align: left;
}

	.location span {
		display: inline-block;
	}

	.location span i {
		vertical-align: top;
	}

	.location span small {
		display: inline-block;
		font-size: 14px;
		line-height: 17px;
	}

.hero-block {
	position: relative;
	z-index: 5;
	background: url(../img/bg-hero.png) bottom;
	background-size: cover;
	text-align: center;
	color: #fff;
}

	.lb-top {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
	}

	.rb-top {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 2;
	}

	.lb-bottom {
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 2;
	}

	.rb-bottom {
		position: absolute;
		bottom: 0;
		right: 0;
		z-index: 2;
	}

	.hero-block .content-block {
		padding: 80px 0;
	}

	.hero-block h1 {
		margin-top: 24px;
		font-size: 64px;
		font-weight: 700;
	}

	.hero-block h5 {
		margin: 8px 0 24px 0;
		font-size: 12px;
		font-weight: 600;
		color: #8fcbf3;
		text-transform: uppercase;
		letter-spacing: 2px;
	}

	.hero-block p {
		font-size: 18px;
		line-height: 26px;
		color: #cdeafc;
	}

.hero-block .container {
	position: relative;
}

	.lb-hero {
		position: absolute;
		z-index: 2;
		left: 160px;
		bottom: -64px;
	}

	.lb-hero-2 {
		position: absolute;
		z-index: 2;
		left: 130px;
		bottom: -80px;
	}

	.rb-hero {
		position: absolute;
		z-index: 2;
		right: 160px;
		bottom: -40px;
	}


/* About Block */

.about-block {
	position: relative;
	z-index: 4;
	margin-top: -40px;
	background: url(../img/bg-second.png) bottom;
	background-size: cover;
	text-align: center;	
}

	.about-block .container {
		position: relative;
		padding: 200px 0 160px 0;
	}

	.about-block .col-sm-4 {
		padding: 0 32px;
	}

.item-about {

}

	.item-about img {
		max-width: 100%;
	}

	.item-about h1 {
		margin: 8px 0 16px 0;
		font-size: 28px;
		font-weight: 700;
		color: #0b998e;
	}

	.item-about p,
	.facility-block p {
		margin: 0;
		font-size: 18px;
		line-height: 26px;
	}

.info-block {
	position: relative;
	margin-top: -100px;
	background: url(../img/bg-third.png) bottom;
	background-size: cover;
	text-align: center;		
}

	.info-block .container {
		position: relative;
		padding: 160px 0 200px 0;
	}

	.info-block .content-block {

	}

	.info-block .content-block h1 {
		margin-bottom: 24px;
		font-size: 56px;
		font-weight: 700;
		color: #fff;
	}

	.info-block .content-block p {
		font-size: 18px;
		line-height: 26px;
		color: #cdeafc;
	}

	.info-block .icon-info {
		position: relative;
		display: inline-block;
		vertical-align: middle;
		margin-bottom: 24px;
	}

	.info-block .icon-info:before {
		content: '';
		display: inline-block;
		margin-right: 16px;
		width: 56px;
		height: 1px;
		background-color: rgba(255,255,255,.6);
	}

	.info-block .icon-info:after {
		content: '';
		display: inline-block;
		margin-left: 16px;
		width: 56px;
		height: 1px;
		background-color: rgba(255,255,255,.6);
	}

.lb-info-1 {
	position: absolute;
	bottom: -40px;
	left: 0;
	z-index: 9;
}

.lb-info-2 {
	position: absolute;
	bottom: -88px;
	left: -120px;
	z-index: 9;
}

.lb-info-3 {
	position: absolute;
	bottom: -88px;
	left: 100px;
	z-index: 9;
}

.rb-info-1 {
	position: absolute;
	bottom: -380px;
	right: -120px;
	z-index: 9;
}

.facility-block {
	padding: 80px 0;
}

	.facility-block h1 {
		margin: 24px 0;
		font-size: 56px;
		font-weight: 700;
		color: #0b998e;
	}

	.facility-block ul {
		margin: 24px 0 0 0;
		padding: 0;
		list-style: none;
		font-size: 12px;
		font-weight: 600;
		color: #bbb;
		letter-spacing: 1px;
	}

.facility-block .owl-carousel {
	margin-top: -90px;
}

	.facility-block .owl-carousel .owl-item {
		pointer-events: none;
	}

.facility-block .owl-theme .owl-nav [class*=owl-] {
	font-size: 24px;
	color: #aaa;
	background: transparent;
}

.facility-block .owl-theme .owl-nav [class*=owl-]:hover {
	color: #564b4b;
}

.facility-block .owl-theme .owl-nav .owl-prev:after {
	content: '';
	position: relative;
	top: -4px;
	left: 12px;
	display: inline-block;
	vertical-align: middle;
	width: 1px;
	height: 40px;
	background-color: #eee;
}

.grudge {
	position: absolute;
	bottom: 24px;
	left: -80px;
	opacity: .3;
}

footer {
	padding: 80px 0;
	background-color: #564b4b;
	color: #fff;
	text-align: center;
}

	footer .btn-fb {
		margin-bottom: 24px;
		padding: 8px 32px;
		display: inline-block;
		font-size: 14px;
		color: #fff;
		letter-spacing: .5px;

		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;

		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1f8fd7+0,3e58bc+100 */
		background: #1f8fd7; /* Old browsers */
		background: -moz-linear-gradient(left, #1f8fd7 0%, #3e58bc 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, #1f8fd7 0%,#3e58bc 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, #1f8fd7 0%,#3e58bc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f8fd7', endColorstr='#3e58bc',GradientType=1 ); /* IE6-9 */
	}

	footer .btn-fb span {
		font-weight: 700;
	}

	footer p {
		font-size: 18px;
		line-height: 26px;
		color: #fff;
	}

	footer p:last-child {
		margin-bottom: 0;
	}

	footer p span {
		color: #c7bdbd;
	}

	footer p b {
		font-weight: 600;
	}

	footer p small {
		display: inline-block;
		margin: 0 16px;
		color: #c7bdbd;
	}

	footer p a {
		display: inline-block;
		margin-left: 12px;
		color: #f1b508;
	}

	footer p a:hover {
		color: #c7bdbd;
	}

	footer p a i {
		margin-right: 8px;
	}

.copyright {
	padding: 40px 0;
	background-color: #eee;
	text-align: center;
}

	.copyright p {
		margin: 0;
		color: #999;
		letter-spacing: .5px;
	}

/* Preloader */

body {
	overflow: hidden;
}

#loading {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1f8fd7+0,3e58bc+100 */
	background: #1f8fd7; /* Old browsers */
	background: -moz-linear-gradient(left, #1f8fd7 0%, #3e58bc 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #1f8fd7 0%,#3e58bc 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #1f8fd7 0%,#3e58bc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f8fd7', endColorstr='#3e58bc',GradientType=1 ); /* IE6-9 */
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 9999999;
	margin-top: 0px;
	top: 0px;
	text-align: center;
}

#loading img {
	position: absolute;
	left: calc(50% - 126px);
	top: calc(50% - 120px);
	opacity: .3;
}

#loading-center{
	width: 100%;
	height: 100%;
	position: relative;
	}
#loading-center-absolute {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 60px;
	width: 60px;
	margin-top: -30px;
	margin-left: -30px;
    -webkit-animation: loading-center-absolute 1s infinite;
	animation: loading-center-absolute 1s infinite;

}
.object{
	width: 20px;
	height: 20px;
	background-color: #FFF;
	float: left;
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
	margin-right: 20px;
	margin-bottom: 20px;	
}
.object:nth-child(2n+0) {
	margin-right: 0px;

}
#object_one{
	-webkit-animation: object_one 1s infinite;
	animation: object_one 1s infinite;
	}
#object_two{
	-webkit-animation: object_two 1s infinite;
	animation: object_two 1s infinite;
	}	
#object_three{
	-webkit-animation: object_three 1s infinite;
	animation: object_three 1s infinite;
	}		
#object_four{
	-webkit-animation: object_four 1s infinite;
	animation: object_four 1s infinite;
	}		
	
@-webkit-keyframes loading-center-absolute{
100% {
    -ms-transform: rotate(360deg); 
   	-webkit-transform: rotate(360deg); 
    transform: rotate(360deg); 
	}			
	
}		
@keyframes loading-center-absolute{
100% {
    -ms-transform: rotate(360deg); 
   	-webkit-transform: rotate(360deg); 
    transform: rotate(360deg); 
	}
}	
	
	
								

@-webkit-keyframes object_one{
50% {
    -ms-transform: translate(20px,20px); 
   	-webkit-transform: translate(20px,20px);
    transform: translate(20px,20px);
	}
}		
@keyframes object_one{
50% {
     -ms-transform: translate(20px,20px); 
   	-webkit-transform: translate(20px,20px);
    transform: translate(20px,20px);
	}
}


@-webkit-keyframes object_two{
50% {
    -ms-transform: translate(-20px,20px); 
   	-webkit-transform: translate(-20px,20px);
    transform: translate(-20px,20px);
	}
}		
@keyframes object_two{
50% {
    -ms-transform: translate(-20px,20px); 
   	-webkit-transform: translate(-20px,20px);
    transform: translate(-20px,20px);
	}
}



@-webkit-keyframes object_three{
50% {
    -ms-transform: translate(20px,-20px); 
   	-webkit-transform: translate(20px,-20px);
    transform: translate(20px,-20px);
	}
}		
@keyframes object_three{
50% {
    -ms-transform: translate(20px,-20px); 
   	-webkit-transform: translate(20px,-20px);
    transform: translate(20px,-20px);
	}
}



@-webkit-keyframes object_four{
50% {
    -ms-transform: translate(-20px,-20px); 
   	-webkit-transform: translate(-20px,-20px);
    transform: translate(-20px,-20px);
	}
}		
@keyframes object_four{
50% {
    -ms-transform: translate(-20px,-20px); 
   	-webkit-transform: translate(-20px,-20px);
    transform: translate(-20px,-20px);
	}
}

/* Alt Menu */
.alt-menu {
    position: fixed;
    right: -100%; 
    top: 50%;
    opacity: 0;
    z-index: 99;
    text-align: center;

    -webkit-transition: 1s all ease-in-out;
    -moz-transition: 1s all ease-in-out;
    transition: 1s all ease-in-out;
}
	
	.alt-menu ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.alt-menu ul li {
		margin: 8px 0;
	}

	.alt-menu ul li a {
		display: block;
		width: 8px;
		height: 8px;
		background: #eee;
		text-indent: -9999em;

		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;

		box-shadow: 0 5px 5px -5px rgba(0,0,0,.2);
	}

	.alt-menu ul li a:hover,
	.alt-menu ul li a:focus,
	.menu-active {
		background: #aaa !important;
	}

	.menu-active {
		/*pointer-events: none;*/
		width: 12px !important;
		height: 12px !important;

		-webkit-border-radius: 6px !important;
		-moz-border-radius: 6px !important;
		border-radius: 6px !important;
	}

.show-nav {
	right: 24px;
	opacity: 1;
}