:root {

	--primary: #1c75bc;

	--font2: 'Playfair Display', serif;

	--padding: 50px;

}



*, *:before, *:after {

	box-sizing: border-box;

}



html, body {

	overflow-x: hidden !important;

}



body {

	font-family: 'Montserrat', sans-serif;

	position: relative;

	overflow-y: hidden;

}



html.of, body.of {

	overflow: hidden !important;

}



.font2 {

	font-family: 'Playfair Display', serif;

}



.contain {

	position: absolute;

	height: 100vh;

	width: 100%;

}



.full-screen-slider {

	width: 100%;

	height: 100vh;

	background: black;

	position:relative;

	overflow:hidden !important;

}

.full-screen-slider .slide {

	height: 100vh;

	align-items: center;

	overflow:hidden !important;

	position: relative;

}

.full-screen-slider .slide img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	opacity: 0.8;

	transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);

	transform: scale(1.2);

	position: relative;

	overflow:hidden !important;

}

.full-screen-slider .slide.slick-active img {

	transform: scale(1);

}



.full-screen-slider .con {

	position: absolute;

	width: 33%;

	bottom: 25px;

	left: 20px;

	color: #fff;

	z-index: 99999999999;

}



.full-screen-slider .con h1 {

	font-size: 40px;

	font-family: var(--font2);

	font-weight: bold;

}





.circle-slider {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%) rotate(25deg);

	height: 85%;

	aspect-ratio: 1/1;

	border: 1px solid #ffffff;

	z-index: 9999;

	border-radius: 100%;

	transition: .8s all;

}



.circle-slider:before {

	content: "";

	width: 50px;

	height: 50px;

	background: #fff;

	border-radius: 100%;

	position: absolute;

	left: 50%;

	transform: translateX(-50%);

	top: -25px;

}



.cindicator {

	position: absolute;

	top: 50%;

	left: 50%;

	height: 85%;

	aspect-ratio: 1/1;

	z-index: 99999;

	border-radius: 100%;

	transition: .4s all;

}



.indicatorss div.cindicator:nth-child(1) {

	transform: translate(-50%, -50%) rotate(25deg);

}



.indicatorss div.cindicator:nth-child(2) {

	transform: translate(-50%, -50%) rotate(90deg);

}



.indicatorss div.cindicator:nth-child(3) {

	transform: translate(-50%, -50%) rotate(155deg);

}



.cindicator .indicator {

	position: absolute;

	height: 15px;

	width: 15px;

	border-radius: 100%;

	z-index: 99999;

	background: #fff;

	transition: .3s all;

	cursor: pointer;

	transform: scale(1);

	left: 50%;

	transform: translateX(-50%);

	top: -8px;

}







.cindicator .indicator:before {

	content: "";

	position: absolute;

	height: 50px;

	width: 50px;

	border-radius: 100%;

	border: 1px solid #ffffff;

	top: -112%;

	left: -112%;

	transform: scale(1.0) !important;

}





.cnav {

	display: flex;

	flex-direction: row;

	justify-content: space-between;

	align-items: center;

	position: fixed;

	z-index: 99999999;

	width: 100%;

	padding: 30px 50px 0px 50px;

	transition: .5s all;

/*	pointer-events: none; */

}



.cnav.white {

	background: #ffffff82;

	backdrop-filter: blur(5px);

	padding: 10px var(--padding);

}



.cnav .logo img {

	height: 60px;

}



.burger {

	width: 50px;

	height: 50px;

	border-radius: 4px;

	z-index: 10;

	background: #fff;

	border-radius: 50%;

	position:relative;

}

.burger span {

	position: relative;

	margin-top: 9px;

	margin-bottom: 9px;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-left: -15px;

	margin-top: -1.5px;

}

.burger span, .burger span::before, .burger span::after {

	display: block;

	width: 30px;

	height: 3px;

	background-color: #2a2a2a;

	outline: 1px solid transparent;

	-webkit-transition-property: background-color, -webkit-transform;

	-moz-transition-property: background-color, -moz-transform;

	-o-transition-property: background-color, -o-transform;

	transition-property: background-color, transform;

	-webkit-transition-duration: 0.3s;

	-moz-transition-duration: 0.3s;

	-o-transition-duration: 0.3s;

	transition-duration: 0.3s;

	background-color: var(--primary);

}

.burger span::before, .burger span::after {

	position: absolute;

	content: "";

}

.burger span::before {

	top: -9px;

}

.burger span::after {

	top: 9px;

}

.burger.clicked span {

	background-color: transparent;

}

.burger.clicked span::before {

	-webkit-transform: translateY(9px) rotate(45deg);

	-moz-transform: translateY(9px) rotate(45deg);

	-ms-transform: translateY(9px) rotate(45deg);

	-o-transform: translateY(9px) rotate(45deg);

	transform: translateY(9px) rotate(45deg);

}

.burger.clicked span::after {

	-webkit-transform: translateY(-9px) rotate(-45deg);

	-moz-transform: translateY(-9px) rotate(-45deg);

	-ms-transform: translateY(-9px) rotate(-45deg);

	-o-transform: translateY(-9px) rotate(-45deg);

	transform: translateY(-9px) rotate(-45deg);

}

.burger.clicked span:before, .burger.clicked span:after {

	background-color: var(--primary);

}

.burger:hover {

	cursor: pointer;

}



.menu {

	position: fixed;

	z-index: 9999999;

	right: -350px;

	background-color: #fff;

	height: 100vh;

	width: 350px;

	padding: 125px 20px;

	transition: 0.3s all;

	box-shadow: -7px 0px 20px 0px #fff;

	display: flex;

	align-items: center;

}



.menu ul {

	list-style: none;

	padding: 0;

	margin: 0;

}



.menu ul li { 

	margin-bottom: 40px;
    /* font-family: 'Playfair Display', serif; */
    font-weight: 500;
    font-size: 25px;

}



.menu ul li a {

	color: #444;

	text-decoration: none;

	transition: .3s all;

}





.menu ul li a:hover {

	color: var(--primary);
	margin-left: 15px;

}



.menu.open {

	right: 0;

}



.overlay.overlay-show {

	position: fixed;

	top: 0;

	left: 0;

	height: 100vh;

	width: 100%;

	background: #0000006e;

	z-index: 999999;

	filter: back;

	backdrop-filter: blur(6px);

}





.new-section {

	margin-top: 50px;

	padding: 0 var(--padding);

}



.mb-50 {

	margin-bottom: 50px;

}



.new-section .title {

	text-align: center;

	font-weight: bold;

	font-family: var(--font2);

	font-size: 45px;

	color: #222;

}



.home-text {

	margin-top: 20px;

	text-align: center;

	font-family: var(--font2);

	font-size: 18px;

	color: #666;

}



.card-el {

	width: 100%;

	aspect-ratio: 1/1;

	border-radius: 25px;

	box-shadow: 5px 12px 20px #0000002e;

	position: relative;

	margin-bottom: 20px;

	transition: 0.3s all;

}



.card-el:hover {

	transform: scale(1.05);

}



.card-el:before {

	position: absolute;

	content: '';

	height: 100%;

	width: 100%;

	background: linear-gradient(0deg, rgba(28,117,188,1) 0%, rgba(99,157,210,0) 70%, rgba(205,217,242,0) 100%);

	border-radius: 25px;



}	



.card-el img {

	height: 100%;

	width: 100%;

	object-fit: cover;

	border-radius: 25px;

}



.card-el .content {

	position: absolute;

	width: 90%;

	bottom: 15px;

	left: 18px;

	color: #fff;

	font-size: 18px;

	font-weight: bold;

}



.hotels {

	margin: 100px 0;

}





.hotels .hotel {

	display: flex;

	align-items: center;

	flex-direction: row;

	width: 100%;

	background: #8082850f;

}



.hotels .hotel .image {

	width: 49.5vw;

	aspect-ratio: 4/2.4;

}



.hotels .hotel .image img {

	height: 100%;

	width: 49.5vw;

	object-fit: cover;

}



.hotels .hotel .content {

	padding: 25px 50px;

}



.hotels .hotel .content .t {

	font-family: var(--font2);

	font-size: 35px;

	margin-bottom: 15px;

}



.hotels .hotel .content p {

	font-size: 16px;

	margin-bottom: 0;

	color: #848484;

	font-weight: 300;

}





.hotels .hotel.blue {

	background: #1c75bcb0;

}



.hotels .hotel.blue .content .t {

	font-family: var(--font2);

	font-size: 35px;

	margin-bottom: 15px;

	color: #fff;

}



.hotels .hotel.blue .content p {

	font-size: 16px;

	margin-bottom: 0;

	color: #848484;

	font-weight: 300;

	color: #f9f9f9;

}



.new-section.blue {

	background: var(--primary);

	padding: 100px 50px;

}



.new-section.blue .title {

	text-align: center;

	font-weight: bold;

	font-family: var(--font2);

	font-size: 45px;

	color: #fff;

}



.new-section.blue .p {

	text-align: center;

	font-size: 17px;

	color: #fff;

	margin-top: 8px;

}



.new-section.blue .card-el:before {

	position: absolute;

	content: '';

	height: 100%;

	width: 100%;

	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 70%, rgba(205,217,242,0) 100%);

	border-radius: 25px;



}	





.mt-20 {

	margin-top: 60px;

}





.card-el .content span {

	color: #fff;

	font-size: 14px;

	display: block;

	font-weight: 400;

	margin-top: 5px;

}





.bg {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	opacity: 0.3;

}



.footer {

	background: #151414;

	padding: 50px var(--padding);

	color: #bdbdbd;

}





.footer h3 {

	color: #fff;

}



.footer-logo {

	height: 60px;

}



.social-media {

	margin: 0;

	padding: 0;

	list-style: none;

	margin-top: 25px;

}







.social-media li {

	display: inline-block;

	margin-right: 20px;

}



.social-media li a {

	font-size: 24px;

	color: #fff;

	transition: .3s all;

}



.social-media li a:hover {

	color: var(--primary);

}





.footer-menu {

	margin: 0;

	padding: 0;

	list-style: none;

	margin-top: 25px;

}



.footer-menu li {

	color: #bdbdbd;

	margin-bottom: 10px;

}



.footer-menu li a {

	color: #bdbdbd;

	text-decoration: none;

	transition: .2s all;

}



.footer-menu li a:hover {

	color: #fff;

}





.cbtn {

	border: 1px solid var(--primary);

	color: var(--primary);

	text-decoration: none;

	padding: 10px 20px;

	border-radius: 99999px;

	letter-spacing: 2px;

	font-weight: 300;

	transition: .3s all;

	background: none;

}



.cbtn:hover {

	background: var(--primary);

	color: #fff;

}



.cbtn.white{

	border: 1px solid #fff;

	color: #fff;

} 



.cbtn.white:hover {

	background: #fff;

	color: #222;

}





.tr {

	text-align: right;

}



.top-image {

	width: 100%;

	height: 100vh;

	position: relative;

}



.top-image img {

	width: 100%;

	height: 100%;

	object-fit: cover;

}



.top-image:before {

	position: absolute;

	content: '';

	width: 100%;

	height: 100vh;

	background: #00000096;

}



.top-image .page_title {

	position: absolute;

	width: 100%;

	top: 50%;

	left: 50%;

	text-align: center;

	font-family: var(--font2);

	color: #fff;

	font-size: 50px;

	font-weight: bold;

	transform: translate(-50%, -50%);

}



.hd {

	display: none;

}



.hm {

	display: block;

}



.float-btn {

	position: absolute;

	bottom: 50px;

	right: var(--padding);

	z-index: 999;

	font-size: 14px;



}



.form-group {

	margin-bottom: 15px;

}



.cinput {

	width: 100%;

	margin-top: 5px;

	padding: 8px;

}

.hotels-full {

	width: 100%;

	display: flex;

	height: 100vh;

	flex-direction: row;

	flex-wrap: wrap;

	transition: .5s all;

}



.hotels-full .hotel-img {

	height: 100vh;

	width: 33.33%;

	position: relative;

	transition: .5s all;

}



.hotels-full .hotel-img img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	filter: grayscale(0); /* added grayscale(0) to keep it in full color by default */

	transition: .5s all;

}



/* Apply grayscale filter to all child elements except the one being hovered over */

.hotels-full:hover .hotel-img:not(:hover) {

	filter: grayscale(1) blur(2px);

}



/* Keep the hovered child element in full color */

.hotels-full:hover .hotel-img:hover img {

	filter: grayscale(0);

}



.hotels-full .hotel-img .content {

	position: absolute;

	width: 100%;

	padding: 25px;

	bottom: 20px;

	color: #fff;

	font-family: var(--font2);

	font-size: 30px;

	text-shadow: -1px 3px 4px black;

	transition: .3s all;

}



.hotels-full .hotel-img:hover .content {

	bottom: 40px;

}





.box {

/*	box-shadow: 0 9px 15px #1c75bc30;*/

padding: 20px;

border-radius: 20px;

margin-bottom: 20px;

}



.box .t {

	font-family: var(--font2);

	color: var(--primary);

	font-size: 22px;

	font-weight: bold;

} 



.box .content {

	margin-top: 8px;

	color: #aaa;

}



.hotel-slider {

	width: 100%;

	aspect-ratio: 2/1;

	border-radius: 20px;

}



.hotel-slider img {

	height: 100%;

	width: 100%;

	object-fit: cover;

	border-radius: 20px;

}





.hotel-name {

	font-family: var(--font2);

	font-weight: bold;

	font-size: 25px;

	margin-bottom: 15px;

}



.hotel-text {

	font-weight: lighter;

	font-size: 14px;

	color: #858585;

	margin-top: 15px;

}



.hotel-address {

	color: var(--primary);

	margin-bottom: 5px;

}



.slick-dots {

	bottom: 5px !important;

}

@media (max-width: 750px) {

	:root {

		--padding: 20px;

	}

	.circle-slider, .cindicator {

		height: 35%;

	}



	.menu {

		width: 100%;

		right: -100%;

	}	



	.cnav {

		padding: 30px 20px 0px 20px;

	}



	.hm {

		display: none;

	}



	.hd {

		display: block;

	}



	.hotels .hotel {

		display: flex;

		align-items: center;

		flex-direction: column;

		width: 100%;

		background: #8082850f;

	}



	.hotels .hotel .image {

		width: 100%;

		aspect-ratio: 2/1;

	}



	.hotels .hotel .image img {

		height: 100%;

		width: 100%;

		object-fit: cover;

	}



	.hotels .hotel .content {

		padding: 25px 20px;

	}



	.mt-20 {

		margin-top: unset;

	}



	.hotels-full {

		width: 100%;

		display: flex;

		height: 100vh;

		flex-direction: column;

		flex-wrap: wrap;

	}



	.hotels-full .hotel-img {

		height: 33.33%;

		width: 100%;

		position: relative;

	}



	.hotels-full .hotel-img .content {

		position: absolute;

		padding: 25px;

		bottom: 10px;

		width: unset;

		color: #fff;

		font-family: var(--font2);

		font-size: 22px;

		text-shadow: -1px 3px 4px black;

		transition: .3s all;

	}



	.full-screen-slider .con {

		position: absolute;

		width: 100%;

		bottom: 100px;

		left: 0;

		color: #fff;

		z-index: 99999999999;

		padding: 10px;

	}



	.full-screen-slider .con h1 {

		font-size: 25px;

	}

}










.c1hg-start {
	position: relative;
	height: 100vh;
	overflow: hidden;
}
.c1hg-start-slider {
	height: auto;
}
.c1hg-start-note {
	display: none;
	position: absolute;
	left: 23px;
	bottom: -38px;
	font-size: 13px;
	color: #202124;
	z-index: 1;
}
.c1hg-start-interface {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 2s ease;
	transition: all 2s ease;
}
.c1hg-loader.active,
.c1hg-start-interface.active {
	opacity: 1;
	visibility: visible;
}
.c1hg-start-interface-round {
	position: absolute;
	left: 50%;
	bottom: 50%;
	margin-left: 9px;
	-webkit-transform: translate(-50%, 50%);
	transform: translate(-50%, 50%);
	width: 824px;
	height: 824px;
	border-radius: 100%;
	z-index: 1;
	margin-bottom: 30px;
	-webkit-transition: all 2s ease-in-out;
	transition: all 2s ease-in-out;
}
.c1hg-start-interface-round.active {
	-webkit-transform: translate(-50%, 50%) rotate(-35deg);
	transform: translate(-50%, 50%) rotate(-35deg);
	border: 1px solid #fff;
}
.c1hg-latest-news-nav--two .c1hg-latest-news-nav__dots .slick-dots .slick-active button,
.c1hg-start-interface-round.active .c1hg-start-interface-round__el {
	background-color: #fff;
}
@media (max-width: 575px) {
	.c1hg-start-interface-round.active {
		-webkit-transform: translate(-50%, 50%) rotate(-60deg);
		transform: translate(-50%, 50%) rotate(-60deg);
	}
}
.c1hg-start-interface-round:nth-child(2) {
	-webkit-transform: translate(-50%, 50%) rotate(-35deg);
	transform: translate(-50%, 50%) rotate(-35deg);
}
@media (max-width: 575px) {
	.c1hg-start-interface-round:nth-child(2) {
		-webkit-transform: translate(-50%, 50%) rotate(-60deg);
		transform: translate(-50%, 50%) rotate(-60deg);
	}
}
.c1hg-start-interface-round:nth-child(3) {
	-webkit-transform: translate(-50%, 50%) rotate(0);
	transform: translate(-50%, 50%) rotate(0);
	-webkit-clip-path: polygon(0 33%, 120% 33%, 100% 66%, 0 66%);
	clip-path: polygon(0 33%, 120% 33%, 100% 66%, 0 66%);
}
.c1hg-start-interface-round:nth-child(4) {
	-webkit-transform: translate(-50%, 50%) rotate(35deg);
	transform: translate(-50%, 50%) rotate(35deg);
	-webkit-clip-path: polygon(100% 33%, 130% 100%, 0 100%, 0 100%);
	clip-path: polygon(100% 33%, 130% 100%, 0 100%, 0 100%);
}
@media (max-width: 575px) {
	.c1hg-start-interface-round:nth-child(4) {
		-webkit-transform: translate(-50%, 50%) rotate(60deg);
		transform: translate(-50%, 50%) rotate(60deg);
	}
}
.c1hg-start-interface-round__el {
	width: 57px;
	height: 57px;
	border: solid 1px #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 100%;
	position: absolute;
	right: 0;
	top: 50%;
	cursor: pointer;
	-webkit-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
}
.c1hg-start-interface-round__el:hover span {
	width: 85%;
	height: 85%;
}
.c1hg-start-interface-round__el span {
	width: 10px;
	height: 10px;
	background-color: #fff;
	border-radius: 100%;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
@media (max-height: 900px) {
	.c1hg-start-interface-round {
		margin-bottom: 3.2vh;
		width: 90vh;
		height: 90vh;
	}
}
@media (max-width: 1199px) {
	.c1hg-start-interface-round {
		max-width: 624px;
		max-height: 624px;
	}
}
@media (max-width: 767px) {
	.c1hg-start-interface-round {
		max-width: 500px;
		max-height: 500px;
	}
}
@media (max-width: 575px) {
	.c1hg-start {
		max-height: calc(100vh - 90px);
		height: calc(100vh - 90px);
	}
	.c1hg-start-note {
		display: block;
	}
	.c1hg-start-interface-round {
		max-width: 310px;
		max-height: 310px;
		margin-bottom: 0;
		margin-left: 0;
	}
	.c1hg-start-interface-round__el {
		width: 40px;
		height: 40px;
	}
	.c1hg-start .c1hg-start-slider .slick-track {
		-webkit-transform: none !important;
		transform: none !important;
		width: 100% !important;
		max-width: 100%;
		position: relative;
	}
	.c1hg-start .c1hg-start-slider .slick-slide {
		overflow: hidden;
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
		z-index: 1;
		-webkit-transition: all 2s ease;
		transition: all 2s ease;
	}
	.c1hg-start .c1hg-start-slider .slick-slide .c1hg-start-item__bg {
		-webkit-transform: scale(2);
		transform: scale(2);
		-webkit-transition: all 2s ease;
		transition: all 2s ease;
	}
	.c1hg-start .c1hg-start-slider .slick-slide.slick-active {
		z-index: 2;
		opacity: 1;
	}
	.c1hg-start .c1hg-start-slider .slick-slide.slick-active .c1hg-start-item__bg {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
.c1hg-start-item {
	height: 100vh;
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 2s ease;
	transition: all 2s ease;
	padding-bottom: 91px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
.c1hg-start-item.active {
	visibility: visible;
	opacity: 1;
}
.c1hg-start-item.state-a .c1hg-start-item__bg {
	-webkit-transform: scale(1);
	transform: scale(1);
}
.c1hg-start-item.state-a .c1hg-start-item__content {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	opacity: 1;
	visibility: visible;
}
.c1hg-start-item.state-a .c1hg-start-item__link-all {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.c1hg-start-item.state-a .c1hg-start-item-note,
.s-instagram a.s-instagram-block:hover:after {
	opacity: 1;
}
.c1hg-start-item .container-fluid {
	position: relative;
	z-index: 1;
}
.c1hg-start-item .row {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}
.c1hg-start-item__bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(2);
	transform: scale(2);
	-webkit-transition: all 2s ease;
	transition: all 2s ease;
}
.c1hg-start-item__bg img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
.c1hg-start-item__bg-mobile {
	display: none;
	position: absolute;
	height: 480px;
	width: 480px;
	background-position: center;
	background-size: cover;
	top: 10%;
	right: 20px;
	border-radius: 50%;
}
.c1hg-start-item__content {
	position: absolute;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 2s ease;
	transition: all 2s ease;
	bottom
}
.c1hg-start-item__title {
	font-size: 35px;
	font-weight: 600;
	line-height: 1;
	color: #fff;
	max-width: 100%;
	font-family: var(--font2);
}
.c1hg-start-item__title a:hover {
	text-decoration: none;
	color: #fff;
}
.c1hg-start-item__text {
	font-size: 24px;
	line-height: 1.42;
	color: #fff;
	margin-bottom: 35px;
	max-width: 400px;
}
.c1hg-start-item__link,
.c1hg-start-item__link-all {
	background-color: #fff;
	color: #343638;
}
.c1hg-start-item__link-all.mobile,
.c1hg-start-item__link-all:hover,
.c1hg-start-item__link:hover {
	background-color: transparent;
	color: #fff;
}
.c1hg-start-item__link-all {
	margin-right: 42px;
	padding: 14px 11px;
	opacity: 1;
	position: relative;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.c1hg-start-item__link-all.mobile {
	display: none;
}
.c1hg-start-item-note {
	position: absolute;
	left: 50%;
	bottom: 35px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	font-size: 15px;
	color: #fff;
	z-index: 1;
	margin-left: 18px;
	opacity: 0;
	-webkit-transition: all 2s ease;
	transition: all 2s ease;
}
.c1hg-start-item-note:after {
	content: "";
	display: block;
	position: absolute;
	width: 1px;
	height: 40px;
	background-color: #fff;
	top: 30px;
	left: 50%;
	-webkit-animation: bounce 1s ease infinite;
	animation: bounce 1s ease infinite;
}
@media (max-height: 900px) {
	.c1hg-start-item {
		padding-bottom: 9.9vh;
	}
	.c1hg-start-item-note {
		bottom: 2vh;
	}
}
@media (max-width: 1199px) {
	.c1hg-start-item__content {
		margin-left: 40px;
	}
}
@media (max-width: 767px) {
	.c1hg-start-item__link-all {
		display: none;
	}
	.c1hg-start-item__link-all.mobile {
		display: block;
		border: 0;
		margin: auto;
	}
	.c1hg-start-item__link-all.mobile:hover {
		background-color: transparent;
		color: #fff;
	}
}
@media (max-width: 575px) {
	.c1hg-start-item {
		height: calc(100vh - 90px);
		max-height: calc(100vh - 90px);
	}
	.c1hg-start-item .row > div {
		padding: 0 23px;
	}
	.c1hg-start-item-note {
		display: none;
	}
	.c1hg-start-item__content {
		margin-left: 0;
	}
	.c1hg-start-item__title {
		font-size: 32px;
		line-height: 1.31;
		margin-bottom: 10px;
		margin-left: -2px;
		letter-spacing: 0.7px;
		max-width: 50%;
	}
	.c1hg-start-item__text {
		font-size: 16px;
		line-height: 1.63;
		margin-bottom: 0;
		max-width: 70%;
	}
	.c1hg-start-item__link {
		font-size: 10px;
		letter-spacing: 0.9px;
		padding: 12px 10px;
	}
	.c1hg-start-item__link-outer {
		display: none;
		margin-top: 30px;
	}
	.c1hg-start-item__bg {
		overflow: hidden;
	}
	.c1hg-start-item__bg-mobile {
		display: block;
	}
}