@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,800,700,600);
@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
html,
body
    {
	display:block;
	width:100%;
    height:100%;
    font-family: 'Roboto', sans-serif;
	font-size:16px;
	color:#555;
    margin:0;
    padding:0;
	}
/***************************************************
****************************************************
		OVERLAY
****************************************************
***************************************************/
@font-face
	{
	font-family: 'Roboto', sans-serif;
	src:url('/include/fonts/design/2013/entypo/entypo.eot');
	src:url('/include/fonts/design/2013/entypo/entypo.eot?##iefix') format('embedded-opentype'),
	url('/include/fonts/design/2013/entypo/entypo.woff') format('woff'),
	url('/include/fonts/design/2013/entypo/entypo.ttf') format('truetype'),
	url('/include/fonts/design/2013/entypo/entypo.svg##EntypoRegular') format('svg');
	font-weight:normal;
	font-style:normal;
	}
.entypo
	{
	font-family: 'Roboto', sans-serif;
	zoom:1;
	font-size: 2em;
	}
span.entypo.location
	{
	font-size: 2.5em;
	line-height: 0.2em;
	vertical-align: top;
	margin-right:5px;
	color: #ad1115;
	}
span.entypo.link
	{
	font-size: 2.1em;
	line-height: .3em;
	vertical-align: top;
	margin-right:5px;
	color: #00aeff;
	}
span.sm
	{
	font-family: sans-serif;
	font-size: 0.3em;
	vertical-align: text-top;
	line-height: 2.2!important;
	font-weight: normal;
	}
.accom-details
	{
	box-sizing: border-box;
	padding-right:50px;
	}
*
	{
	border:0;
	text-decoration:none;
	font-style:normal;
	}
.bio, div[id*='event_']
	{
	padding:80px 0 0px 0!important;
	margin-top:-80px!important;
	}
/***************************
	Fonts / Sizes / Colors

	2em         = 32px
	1.75em      = 28px
	1.625em     = 26px
	1.5em       = 24px
	1.3125em    = 21px
	1.25em      = 20px
	1.125em     = 18px
	1em         = 16px // base font
	.875em      = 14px
	.75em       = 12px
	.625em      = 10px
***************************/

/****************************************/
/*				FONT ZISES				*/
/****************************************/
html,body{ font-size: calc(14px + 0.15vw); }
h1 { font-size: calc(37px + 0.5vw); } /* 36px */
h2 { font-size: calc(31px + 0.4vw); } /* 30px */
h3 { font-size: calc(22px + 0.4vw); } /* 24px */
h4 { font-size: calc(18px + 0.4vw); } /* 20px */
h5 { font-size:calc(16px + 0.4vw); }
h5 span { font-size:14px; }
.small, small,p small em, .session-description { font-size: calc(10px + 0.25vw); }
.details { font-size: calc(12px + 0.3vw); }
#navigation ul li a { font-size: calc(14px + 0.22vw); }
.banner-content .title { font-size: calc(54px + 0.4vw); }
.banner-content h3 { font-size: calc(24px + 0.4vw); }
.banner-content .date-location { font-size: calc(18px + 0.4vw); }
.content-tabs a { font-size: calc(12px + 0.3vw); }
.session-title{ font-size: calc(22px + 0.4vw); }
.event-nav li a::after, .event-date { font-size: calc(18px + 0.2vw); }
.testimonial { font-size: calc(10px + 0.25vw); }
/****************************************/
/*			END OF FONT ZISES			*/
/****************************************/	
h1, h2, h3, h4, h5
	{
	font-family: 'Roboto Medium', sans-serif;
	margin:.75em 0 .25em 0;
	line-height: 1.3em;
	font-weight:500;
	letter-spacing: -0.005em;
	color:#545454;
	}
h1
	{
	color:#545454;
	font-weight: bold;
	letter-spacing: 0.005em;
	line-height: 1.2em;
	}
h1 sup
	{
	vertical-align: top;
	line-height: 0.7;
	font-size: 0.6em;
	margin-left: -4px;
	font-weight: 700;
	}
h1 { margin-top:0; margin-bottom:.5em; } /* 36px */
h2 { margin:0.7em 0 0.4em 0; font-weight: 600; letter-spacing: 0.005em;} /* 30px */
h5 span
	{
	font-family: 'Roboto regular', sans-serif;
	}
p
	{
	line-height:1.65em;
	margin:0 0 0.6em 0;
	}
em
	{
	font-style: italic;
	}
sup
	{
	vertical-align: top;
	}
ul
	{
	margin-bottom: 1.5em;
	margin-left: 16px;
	padding-left: 16px;
	}
ul li, ol, ol li
	{
	margin-bottom: .1em;
	line-height:1.75em;
	}
a,
a *
	{
	cursor:pointer;
	color:#506dac;
	text-decoration: underline!important;
	}
a.link
	{
	text-decoration: underline!important;
	}
.faded
	{
	opacity: .7;
	}
h4.sub-event
	{
	padding-top: 13px;
	margin-top: 0;
	}
.agenda-subtitle
	{
	margin-top: 23px;
	margin-bottom:0;
	width:100%;
	border-bottom: 1px solid #ccc;
	}
ul li .agenda-subtitle
	{
	margin-top: 0;
	}
.sidebar ul li,
ul#resources li
	{
	line-height:20px!important;
	font-size: 14px;
	}
.sidebar h3
	{
	margin-top:1.125em;
	width:100%;
	border-bottom:1px solid #ccc;
	padding-bottom: 5px;
	}
.sidebar h4
	{
	margin-top:1.125em;
	width:100%;
	border-bottom:1px solid #ccc;
	padding-bottom: 5px;
	}
.sidebar h3:first-child, .sidebar h4:first-child
	{
	margin-top:0;
	}
.sidebar-sponsors
	{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-moz-flex-flow:row wrap;
	-ms-flex-flow:row wrap;
	-webkit-flex-flow: row wrap;
	justify-content: center;
	background-color: #fff;
	padding:20px 0;
	border-radius:3px;
	}
.sidebar_tagline
	{
	color:#bbb!important;
	}
.sidebar .dates
	{
	margin-bottom:30px;
	}
.sidebar .dates p
	{
	line-height:0.7em;
	margin:10px 0;
	}
.txtright
	{
	text-align:right;
	}
.txtleft
	{
	text-align:left;
	}
.no-bottom-space
	{
	margin-bottom:0!important;
	}
.center
	{
	justify-content: center;
	text-align: center;
	}
.row
	{
	display:flex;
	align-items: center;
	flex-direction: row;
	gap: 4%;
	margin-bottom:100px;
	overflow: hidden;
	}
.row.wrap-items
	{
	flex-wrap: wrap;
	gap: 0;
	}
.row.top
	{
	align-items: flex-start;
	}
#content div[class*="col-"] img
	{
	width:100%;
	height: auto;
	}
.col-2 
	{
    width: 16.6667%;
	}
.col-3 
	{
    width: 25%;
	}
.col-4 
	{
    width: 33.3333%;
	}
.col-5 
	{
    width: 41.6667%;
	}
.col-6 
	{
    width: 50%;
	}
.col-7 
	{
    width: 58.3333%;
	}
.col-8 
	{
    width: 66.6667%;
	}
.col-9 
	{
    width: 75%;
	}
.col-10 
	{
    width: 83.3333%;
	}
.col-11 
	{
    width: 91.6667%;
	}
.col-12 
	{
    width: 100%;
    flex: 1;
	}
.second-on-mobile
    {
    order: unset;
    }
.first-on-mobile
    {
    order: unset;
    }
.thumbnail
	{
	display:flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width:100%;
	aspect-ratio: 15 / 10;
	box-sizing: border-box;
	/*margin-top: 50px;*/
	overflow: hidden;
	/*outline: 1px solid red;*/
	}
.thumbnail img
	{
	height:100%!important;
	width:auto!important;
	}
.floatright
	{
	float: right;
	}
.slide_me
	{
	cursor: pointer;
	color: #506dac;
	font-weight:700;
	}
.slide_me.active
	{
	color: #333;
	}
.slide_me::after 
	{
	display: inline-block;
	content: '+';
	/* 
	border-style: solid;
	border-width: 0.1em 0.1em 0 0;
	opacity: 1;
	height: 0.3em;
	width: 0.3em; 
	top: 0.60em;
	*/
	left: 0.30em;
	position: relative;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	vertical-align: top;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	}
.slide_me.active::after 
	{
	content: '\2013';
	top: 0.10em;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	}
/* The Modal (background) */
.modal 
	{
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 988; /* Sit on top */
	padding-top:7%; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  	}
/* Modal Content */
.modal-content 
	{
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 30px 20px 20px 15px;
	border: 1px solid #888;
	width: 35%;
	height:auto;
	}
/* The Close Button */
.close 
	{
	position: absolute;
	color: #aaaaaa;
	top: 20px;
	right: 20px;
	font-size: 28px;
	font-weight: bold;
	}
.close:hover,
.close:focus 
	{
	color: #000;
	text-decoration: none;
	cursor: pointer;
	}
.sponsors
	{
	margin-top: 40px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items:center;
	}
.sponsors a
	{
	position: relative;
	box-sizing: border-box;
	}
.sponsors a img
	{
	margin: 25px 30px;
	box-sizing: border-box;
	position: relative;
	/*height: 70px;
	width: auto;*/
	}
.section-date
	{
	margin-top: 10px;
	margin-bottom: 40px;
	background-color: #00829b;
	color: #fff;
	padding: 7px 10px 5px;
	font-size: 26px;
	}
/*---------------------------------------------------------- Fade in Animations -------------------------------------------------------------*/
/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
.fade-in
	{
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
	}
.fade-in.one
	{
	-webkit-animation-delay: 0.7s;
	-moz-animation-delay: 0.7s;
	animation-delay: 0.7s;
	}
.fade-in.two
	{
	-webkit-animation-delay: 1.2s;
	-moz-animation-delay:1.2s;
	animation-delay: 1.2s;
	}
.fade-in.three
	{
	-webkit-animation-delay: 1.6s;
	-moz-animation-delay: 1.6s;
	animation-delay: 1.6s;
	}
@-webkit-keyframes slideUp
	{
	0% {transform: translateY(70%);}
	70% {transform: translateY(0);}
	from { opacity:0; } to { opacity:1; }
	}
@-moz-keyframes slideUp
	{
	0% {transform: translateY(70%);}
	70% {transform: translateY(0);}
	from { opacity:0; } to { opacity:1; }
	}
@keyframes slideUp
	{
	0% {transform: translateY(70%);}
	70% {transform: translateY(0);}
	from { opacity:0; } to { opacity:1; }
	}
.animated_slide_up
	{
	-webkit-animation: 2s ease-out 0s 1 slideUp;
	-moz-animation: 2s ease-out 0s 1 slideUp;
	animation: 2s ease-out 0s 1 slideUp;
	}
/*---------------------------------------------------------- End of Fade in Animations-------------------------------------------------------------*/
/***************************************************
****************************************************
		MAIN NAVIGATION
****************************************************
***************************************************/
#navigation div.menu
	{
	display:block;
	position: relative;
	height:auto;
	z-index:99999;
	padding:10px 0 10px 0;
	width:100%;
	overflow:hidden;
	border-bottom: 1px solid #ddd;
	}
#navigation ul li .last
	{
	border:none;
	}
#navigation ul li
	{
	margin:0 4px!important;
	padding-bottom:13px!important;
	}
#navigation ul li a
	{
	color:#545454;
	display:block;
	float:left;
	font-size: 22px;
	padding:40px 0 10px 0;
	font-weight:500;
	text-decoration:none;	
	/*text-transform: uppercase;*/
	text-decoration: none!important;
	border-bottom:3px solid transparent;
	}
#navigation ul li a:hover, #navigation ul li a.active
	{
	border-bottom:3px solid #ff6100;
	color:#545454;
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
	}
#navigation ul li
	{
	float:left;
	list-style-type:none;
	margin:0;
	padding:0 18px 0 0;
	zoom:80%;
	}
#navigation ul
	{
	list-style-type:none;
	margin:0;
	padding:0;
	float:right;
	}
#navigation
	{
	margin:0;
	padding:0;
	width:100%;
	}
.fix-nav
	{
	position: fixed;
	top: 0;
	z-index: 999999;
	-webkit-box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.15);
	box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.15);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	}
.fix-nav .hanys-logo
	{
	zoom:85%;
	}
#navigation.fix-nav ul li a
	{
	padding:17px 0 0 0;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	}
#navigation.fix-nav .logo {
	width: 100px;
	/* height: 30px; */
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	}
#navigation.fix-nav .menu 
	{
	background-color:#000000;
	}
/***************************************************
****************************************************
		CONTENT
****************************************************
***************************************************/
#content
	{
	overflow: hidden;
	min-height:450px;
	background:#ffffff;
	}
#all { width:100%; background-color: #ffffff;}
#content
	{
	padding:3vw 0 3.5vw;
	width:100%;
	}
#content .wrap
	{
	width:70%;
	max-width: 1400px;
	height:100%;
	margin:0 auto;
	}
#menu, #banner_600, #banner_400 { display: none; }
.wrap
	{
	width:70%;
	margin:0 auto;
	height:100%;
	max-width: 1400px;
	position: relative;
	}
.banner
	{
	display: flex;
	align-items: center;
	position: relative;
	overflow: hidden;
	padding:0;
	height:500px;
	background:#555;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	}
.banner .banner_overlay
	{
	position: absolute;
	width:100%;
	height:100%;
	background: rgba(0, 0, 0, 0.5);
	}
.banner .banner_overlay.transparent
	{
	background: rgba(0, 0, 0, 0)!important;
	}
.banner .banner-content *
	{
	margin:0;
	color:#ffffff;
	text-shadow: 2px 1px 3px rgba(0, 0, 0, 0.5);
	}
.banner .banner-content
	{
	display:flex;
    justify-content: center;
    flex-direction: column;
    box-sizing: border-box;
	}
.banner .banner-under-title
	{
	font-size:20px;
	}
.logo img
	{
	width:250px;
	height:auto;
	margin:0 5px 0 0;
	float:left;
	}
#footer .logo
	{
	display:flex;
	justify-content: center;
	}
#footer .logo a img
	{
	margin:0;
	}
/*------------------------------------ TIMELINE ------------------------------------*/
ul.timeline 
	{
	list-style-type: none;
	padding-left:0;
	margin-left: 11px;
	margin-bottom: 0;
	padding-bottom: 0;
	}
.timeline > li > ul
	{
	list-style-type: disc;
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
	}
/*.timeline li ul li:before
	{
	list-style-type: disc;
	background-color: unset;
	position: unset;
	bottom: unset;
	top: unset;
	left: unset;
	width: unset;
	position: unset;
	}*/
.timeline > li 
	{
	position: relative;
	margin: 0;
	padding-bottom: 1em;
	padding-left: 30px;
	}
.timeline > li:before 
	{
	content: '';
	background-color: #ff6100;
	position: absolute;
	bottom: -8px;
	top: 6px;
	left: 0px;
	width: 2px;
	}
.timeline > li:last-child 
	{
	padding-bottom: 0;
	}
.timeline > li:last-child:before
	{
	content: '';
	background-color: unset;
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	width: 0;
	}
.timeline > li:after 
	{
	content: '';
	background-color: #ff6100;
	border-radius: 50%;
	position: absolute;
	left: -9px;
	top:5px;
	height: 20px;
	width: 20px;
	}
/*-------------------------------------  ARROW -------------------------------------*/
.down-arrow
	{
	text-align:center;
	}
.down-arrow a
	{
	border: solid #f4b835;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 18px;
	margin-top:140px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	}
@-moz-keyframes bounce 
	{
	0%, 20%, 50%, 80%, 100% {
		-moz-transform: translateY(0);
		transform: translateY(0);
	}
	40% {
		-moz-transform: translateY(-30px);
		transform: translateY(-30px);
	}
	60% {
		-moz-transform: translateY(-15px);
		transform: translateY(-15px);
	}
}	
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	40% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}
	60% {
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
	}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	40% {
		-moz-transform: translateY(-30px);
		-ms-transform: translateY(-30px);
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}
	60% {
		-moz-transform: translateY(-15px);
		-ms-transform: translateY(-15px);
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
	}
}
.bounce {
-moz-animation: bounce 2s 2 forwards;
-webkit-animation: bounce 2s 2 forwards;
animation: bounce 2s 2 forwards;
}
/*--------------------------------- TESTIMONIALS ---------------------------------*/
.slideshow
	{	
	}
#testimony
	{
	}
.rand_testimonial
	{
	}
.testimonials 
	{
	}
.testimonials 
	{
	position: relative;
	height: auto;
	margin-bottom: 100px;
	/*min-height: 500px;*/
	}
.testimonials .overlay 
	{
	display: flex;
	position: absolute;
	align-items: center;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .1);
	}
.testimonials-heading 
	{
	color: #545454;
	text-align: center;
	margin-top: 0;
	}
.testimonial.slide 
	{
	display: none;
	padding: 20px 12%;
	height: auto;
	flex-direction: column;
	align-items: center;
	text-align: center;
	background-repeat: no-repeat;
	background-size: 8%;
	background-position: center top;
	color: #545454;
	}
.testimonial.slide .quote-text 
	{
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 50px;
	}
.testimonial.slide .byline 
	{
	/*font-size: calc(12px+.3vw);
	margin-top: .5vh;*/
	}
.testimonials .slideshow
	{
	position: relative;
	}
#next,
#prev 
	{
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	margin-top: -22px;
	padding: 16px;
	color: #545454;
	font-weight: 700;
	font-size: 18px;
	transition: .2s ease;
	border-radius: 0 3px 3px 0;
	opacity: 0.7;
	}
#next:hover,
#prev:hover 
	{
	opacity: 1;
	}
#next 
	{
	right: 0;
	}
.chevron::before 
	{
	color: #ff6100;
	cursor: pointer;
	border-style: solid;
	border-width: .2em .2em 0 0;
	content: '';
	display: inline-block;
	width: 1.2em;
	height: 1.2em;
	left: .15em;
	position: relative;
	top: .15em;
	transform: rotate(-45deg);
	vertical-align: top;
	}
.chevron.right:before 
	{
	left: 0;
	transform: rotate(45deg);
	}
.chevron.left:before 
	{
	left: .25em;
	transform: rotate(-135deg);
	}
.text 
	{
	color: #545454;
	font-size: 15px;
	padding: 8px 12px;
	position: absolute;
	bottom: 8px;
	width: 100%;
	text-align: center;
	}
.numbertext 
	{
	color: #545454;
	font-size: 12px;
	padding: 8px 12px;
	position: absolute;
	top: 0;
	}
.dot 
	{
	cursor: pointer;
	height: 10px;
	width: 10px;
	margin: 0 3px;
	background-color: transparent;
	border: 2px solid silver;
	border-radius: 50%;
	display: inline-block;
	transition: background-color .6s ease;
	}
.dot:hover,
.testimonials .active 
	{
	background-color: silver;
	}
.fade 
	{
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1.5s;
	animation-name: fade;
	animation-duration: 1.5s;
	}
@-webkit-keyframes fade 
	{
		from {
			display: block
		}
		to {
			margin: 0
		}
	}
@keyframes fade 
	{
		from {
			opacity: .4
		}
		to {
			opacity: 1
		}
	}
.slide-in-out 
	{
	animation-name: slideinout;
	-webkit-animation-name: slideinout;
	-moz-animation-name: slideinout;
	-o-animation-name: slideinout;
	animation-duration: 20s;
	-webkit-animation-duration: 20s;
	-moz-animation-duration: 20s;
	-o-animation-duration: 20s;
	animation-timing-function: ease-in-out;
	-webkit-timing-function: ease-in-out;
	-moz-timing-function: ease-in-out;
	-o-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	}
@-webkit-keyframes slideinout 
	{
		0%,
		8.3% {
			left: -100%;
			opacity: 0
		}
		25%,
		8.3% {
			left: 25%;
			opacity: 1
		}
		100%,
		33.33% {
			left: 110%;
			opacity: 0
		}
	}
@-moz-keyframes slideinout 
	{
		0%,
		8.3% {
			left: -100%;
			opacity: 0
		}
		25%,
		8.3% {
			left: 25%;
			opacity: 1
		}
		100%,
		33.33% {
			left: 110%;
			opacity: 0
		}
	}
@-o-keyframes slideinout 
	{
		0%,
		8.3% {
			left: -100%;
			opacity: 0
		}
		25%,
		8.3% {
			left: 25%;
			opacity: 1
		}
		100%,
		33.33% {
			left: 110%;
			opacity: 0
		}
	}
@keyframes slideinout 
	{
		0%,
		8.3% {
			left: -100%;
			opacity: 0
		}
		25%,
		8.3% {
			left: 25%;
			opacity: 1
		}
		100%,
		33.33% {
			left: 110%;
			opacity: 0
		}
	}
/*--------------------------------- END OF TESTIMONIALS ---------------------------------*/
form
	{
	display:flex;
	flex-direction: column;
	margin-top: 25px;
	clear:both;
	}
label, input, .input textarea, textarea
	{
	float:left;
	clear:both;
	width:94.80%;
	margin-bottom:.5em;
	font-family: 'Roboto', sans-serif;
	color:#333333;
	}
input, .input textarea, textarea
	{
	border:1px solid #c9c9c9;
	padding:10px 2.5%;
	width:94.50%;
	font-size: calc(14px + 0.15vw);
	margin-bottom: 10px;
	outline:none;
	}
button[type="submit"], input[type="submit"], a.button, button.button
	{
	background:#ff6100;
	color:#ffffff;
	border: 2px solid #ff6100;
	border-radius: 0;
	box-sizing: border-box;
	text-transform:uppercase;
	text-decoration: none!important;
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
	cursor: pointer;
	width:auto;
	min-width:150px!important;
	text-align: center;
	padding:15px 20px 14px!important;
	display: inline-block;
	font-size:1.2em!important;
	transition:background 200ms;
	float:none;
	margin-top: 25px!important;
	}
button[type="submit"]
	{
	width:150px;
	margin-bottom: 30px;
	}
button[type="submit"]:hover, input[type="submit"]:hover, a.button:hover, button.button:hover
	{
	color:#ff6100;
	background:#fff;
	text-decoration: none;
	text-shadow: none;
	}
button[type="submit"].dark, input[type="submit"].dark, a.button.dark, button.button.dark
	{
	background:#000000;
	color:#ffffff;
	border: 2px solid #000000;
	}
button[type="submit"].dark:hover, input[type="submit"].dark:hover, a.button.dark:hover, button.button.dark:hover
	{
	color:#000000;
	background:#fff;
	text-decoration: none;
	}
/*----------------------------- hamburger ----------------------------*/
.c-hamburger
	{
	display: block;
	position: relative;
	float:right;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 80px;
	height: 60px;
	font-size:0;
	text-indent: -9999px;
	background-color: transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-shadow: none;
	border-radius: 0;
	border: none;
	cursor: pointer;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
	}
.c-hamburger:focus
	{
	outline: none;
	}
.c-hamburger span
	{
	display: block;
	position: absolute;
	top: 30px;
	left: 25px;
	right: 25px;
	height: 2px;
	background: #ff6100;
	}
.c-hamburger span::before,
.c-hamburger span::after
	{
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #ff6100;
	content: "";
	}
.c-hamburger span::before
	{
	top: -8px;
	}
.c-hamburger span::after
	{
	bottom: -8px;
	}
/*---------------------*/
/*.c-hamburger--htx
	{
	background-color: none;
	}
*/
.c-hamburger--htx span
	{
	-webkit-transition: background 0s 0.2s;
	transition: background 0s 0.2s;
	}
.c-hamburger--htx span::before,
.c-hamburger--htx span::after
	{
	-webkit-transition-duration: 0.2s, 0.2s;
	transition-duration: 0.2s, 0.2s;
	-webkit-transition-delay: 0.2s, 0s;
	transition-delay: 0.2s, 0s;
	}
.c-hamburger--htx span::before
	{
	-webkit-transition-property: top, -webkit-transform;
	transition-property: top, transform;
	}
.c-hamburger--htx span::after
	{
	-webkit-transition-property: bottom, -webkit-transform;
	transition-property: bottom, transform;
	}
/* active state, i.e. menu open */
/*.c-hamburger--htx.is-active
	{
	background-color: none;
	}
*/
.c-hamburger--htx.is-active span
	{
	background: none;
	}
.c-hamburger--htx.is-active span::before
	{
	top: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	}
.c-hamburger--htx.is-active span::after
	{
	bottom: 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	}
.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after
	{
	-webkit-transition-delay: 0s, 0.2s;
	transition-delay: 0s, 0.2s;
	}
/*-----------------------------end of hamburger ----------------------------*/
.desktop
	{
	display: block;
	}
.mobile
	{
	display: none;
	}
.desktop p a
	{
	margin-bottom:15px;
	}
.mobile p a
	{
	margin-bottom:7px;
	margin-top: 7px;
	}
#footer
	{
	padding-top:70px;
	background:#efefef;
	}
#footer p
	{
	font-size:.875em;
	margin:0;
	padding:0 0 20px 0;
	}
#footer a
	{
	color:#ffffff;
	text-decoration: none!important;
	}
#footer a:hover
	{
	text-decoration: underline!important;
	}
#footer_nav
	{
	list-style-type: none;
	margin: 50px 0;
	}
#footer_nav li
	{
	display: inline;
	}
#footer_nav li a
	{
	margin:0 20px 0 12px;
	color:#545454;
	}
#footer_nav li::after
	{
	content:'|';
	opacity:0.4;
	}
#footer_nav li:last-child::after
	{
	content:'';
	}
#copyright
	{
	padding-top:20px;
	text-align:center;
	color:#ffffff;
	background:#ff6100;
	}
#copyright p
	{
	line-height: 1em;
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
	}
/********************
  device under 3000
********************/
@media screen and (max-width: 3000px) {
	/* .banner
		{
		height:14vw;
		} */
}
/********************
  device under 1650
********************/
/*@media screen and (max-width: 1650px) {

}*/
@media screen and (max-width: 1320px) {

	.wrap,
	#content .wrap
		{ 
		width: 85%;
		}
	#navigation ul li a 
		{
    	font-size: 20px;
		}
	.logo img
		{
		width:200px;
		}
}
/********************
  device under 1140
********************/
@media screen and (max-width: 1147px) {

	{
	margin-top: 0.5vw;
	zoom:100%;
	padding-right:0;
	}
}
@media screen and (max-width: 1147px) {
	.row
		{
		align-items: center;
		flex-direction: column;
		gap: 0;
		margin-bottom:40px;
		}
	div[class*="col-"]
		{
		width:100%;
		clear:both;
		}
	.second-on-mobile
	    {
	    order: 2;
	    }
	.first-on-mobile
	    {
	    order: 1;
	    }
	#navigation
		{
		height:auto;
		}
	#navigation .wrap
		{
		width:100%;
		}
	#navigation div.menu 
		{
	
		}
	#menu
		{
		display: block;
		}
	#navigation div.menu 
		{
		padding:20px 0 15px 0;		
		}
	#main_nav
		{
		display: none;
		}
	ul#main_nav
		{
		clear:both;
		float: none;
		margin:0;
		padding: 15px 27px 0;
		text-align: left;
		}
	ul#main_nav li
		{
		clear:both;
		width:100%;
		border-bottom: 1px solid #ebebeb;
		padding:0;
		margin:0!important;
		padding-bottom:0!important;
		}
	ul#main_nav li:first-child
		{
		border-top: 1px solid #ebebeb;
		}
	ul#main_nav li:last-child
		{
		border-bottom:none;
		}
	ul#main_nav li a
		{
		width:100%;
		padding:20px 0;
		font-size:22px;
		text-align: center;
		margin:0;
		border-bottom:none;
		}
	#navigation ul li a
		{
		border-bottom:none;
		}
	ul#main_nav li a:hover
		{
		background:#ffffff;
		}
	#navigation ul li a:hover, #navigation ul li a.active
		{
		border-bottom:none;
		color:#ff6100;
		}
	#navigation ul#menu li a:hover, #navigation ul#menu li a.active 
		{
		color: #cacaca;
		border-bottom:none;
		}
	.fix-nav
		{
		position: relative;
		}
	.banner
		{	
		background-position: center center;
		background-size: cover;
		}
	.banner .banner-content
		{
		padding:0 50px;
		}
	.banner .banner_overlay
		{
		background: rgba(0, 0, 0, 0.4);
		}
	.logo
		{
		width:70%;
		}
	.logo img 
		{
    	margin: 0 5px 0 37px;
		}
	.c-hamburger
		{
		margin-top:4px;
		}
	.banner-photos
		{
		display:none;
		}
	.banner 
		{
		text-align: center;
		}
	.banner .banner-content
		{
		width:100%;
		}
	.desktop
		{
		display: none;
		}
	.mobile
		{
		display: block;
		}
	table
		{
		margin-bottom: 30px;
		}
	table td, table th, table td a
		{
		padding: 7px;
		font-size: 10px;
		line-height: 1.2em;
		}
	table td a
		{
		padding-left: 0;
		}
	.modal-content 
		{
		width: auto;
		}
	#content
		{
		padding: 10vw 0 3.5vw;
		}
}
@media screen and (max-width: 745px) {
.banner
	{

	}
}
/********************
  device under 600
********************/
@media screen and (max-device-width: 7.001in) {
	.row
		{
		align-items: center;
		flex-direction: column;
		gap: 0;
		margin-bottom:40px;
		}
	div[class*="col-"]
		{
		width:100%;
		clear:both;
		}
	.second-on-mobile
	    {
	    order: 2;
	    }
	.first-on-mobile
	    {
	    order: 1;
	    }
	#navigation
		{
		height:auto;
		}
	#navigation .wrap
		{
		width:100%;
		}
	#navigation div.menu 
		{
	
		}
	#menu
		{
		display: block;
		}
	#navigation div.menu 
		{
		padding:20px 0 15px 0;		
		}
	#main_nav
		{
		display: none;
		}
	ul#main_nav
		{
		clear:both;
		float: none;
		margin:0;
		padding: 15px 27px 0;
		text-align: left;
		}
	ul#main_nav li
		{
		clear:both;
		width:100%;
		border-bottom: 1px solid #ebebeb;
		padding:0;
		margin:0!important;
		padding-bottom:0!important;
		}
	ul#main_nav li:first-child
		{
		border-top: 1px solid #ebebeb;
		}
	ul#main_nav li:last-child
		{
		border-bottom:none;
		}
	ul#main_nav li a
		{
		width:100%;
		padding:20px 0;
		font-size:22px;
		text-align: center;
		margin:0;
		border-bottom:none;
		}
	#navigation ul li a
		{
		border-bottom:none;
		}
	ul#main_nav li a:hover
		{
		background:#ffffff;
		}
	#navigation ul li a:hover, #navigation ul li a.active
		{
		border-bottom:none;
		color:#ff6100;
		}
	#navigation ul#menu li a:hover, #navigation ul#menu li a.active 
		{
		color: #cacaca;
		border-bottom:none;
		}
	#reserve-room-desktop
		{
		display:none;
		}
	#reserve-room-mobile
		{
		display:block;
		}
	.fix-nav
		{
		position: relative;
		}
	.banner
		{
		height: 75vw;
		}
	.banner .banner_overlay
		{
		background: rgba(0, 0, 0, 0.5);
		}
	.logo
		{
		width:70%;
		}
	.logo img 
		{
    	margin: 0 5px 0 37px;
		}
	.c-hamburger
		{
		margin-top:4px;
		}
	.banner .banner-content
		{
		width:100%;
		}
	.banner-content .banner-title
		{
		font-size: 28px;
		margin-bottom: 10px;
		}
	.banner-content .banner-under-title
		{
		font-size: 16px;
		line-height: 1.5em;
		}
	.desktop
		{
		display: none;
		}
	.mobile
		{
		display: block;
		}
	table
		{
		margin-bottom: 30px;
		}
	table td, table th, table td a
		{
		padding: 7px;
		font-size: 10px;
		line-height: 1.2em;
		}
	table td a
		{
		padding-left: 0;
		}
	.modal-content 
		{
		width: auto;
		}
	#content
		{
		padding: 10vw 0 3.5vw;
		}
	.testimonial.slide .quote-text 
		{
		font-size: 18px;
		line-height: 1.3em;
		margin-bottom: 30px;
		}
	.thumbnails .col-3
		{
		margin-bottom:30px;
		}
	.thumbnails .col-3:last-child
		{
		margin-bottom:0;
		}
}