@font-face {
    font-family: 'SourceHanSerifHC';
    src: url('/fonts/SourceHanSerifHC-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}



:root {
	--lightyellow: #fcd68c;
	--gold: #EEB12D;
	--darkgreen: #1e6948;
}

html,body{
	margin:0;padding:0;
	color:#000;
	
	
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background: #1e6948;
	
	background-attachment: fixed;
	font-family: 'SourceHanSerifHC', serif !important;
}



::-moz-selection { 
  color: #FFF;
  background-color: #e22120;
}

::selection {
  color: #FFF;
  background-color: #e22120;
}


.col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1,
.col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, 
.col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1,
.col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3, .col-xs-2, .col-xs-1{
	padding:0px;
}
label{
	font-weight:400;
	cursor:pointer;
}
a{
	cursor:pointer;
	color:#e22120; 
}
@media(min-width:768px){
	
	a:not(.nohover):focus,
	a:not(.nohover):hover {
		text-decoration: none;
		color:#e22120; 
	}
}
@media(max-width:767px){
	
	a:hover {
		text-decoration: none;
		color:#000; 
	}
}
a.active{
	text-decoration: none;
	color:#e22120; 
	font-weight: 500;
}
hr{
	margin-top:0px;
	margin-bottom:0px;
}
.container{
	max-width: 100%;
}
.container,
.row {
	margin: 0 auto;
	padding: 0
}
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{
	margin:auto;
	padding:0px;
}
@media(min-width:768px){
	.nav>li>a{
		height:50px;
		line-height:50px;
		text-align:center;
		padding:0px;
	}
}





/*global*/
.nowrap{
	white-space: nowrap;
}

.ad100{animation-delay:100ms}
.ad200{animation-delay:200ms}
.ad300{animation-delay:300ms}
.ad400{animation-delay:400ms}
.ad500{animation-delay:500ms}
.ad600{animation-delay:600ms}
.ad700{animation-delay:700ms}
.ad800{animation-delay:800ms}
.ad900{animation-delay:900ms}
.ad1000{animation-delay:1000ms}
.ad1100{animation-delay:1100ms}
.ad1200{animation-delay:1200ms}
.ad1300{animation-delay:1300ms}
.ad1400{animation-delay:1400ms}
.ad1500{animation-delay:1500ms}
.ad1600{animation-delay:1600ms}
.ad1700{animation-delay:1700ms}
.ad1800{animation-delay:1800ms}
.ad1900{animation-delay:1900ms}
.ad2000{animation-delay:2000ms}
.ad2100{animation-delay:2100ms}
.ad2200{animation-delay:2200ms}
.ad2300{animation-delay:2300ms}
.ad2400{animation-delay:2400ms}
.ad2500{animation-delay:2500ms}
.ad2600{animation-delay:2600ms}
.ad2700{animation-delay:2700ms}
.ad2800{animation-delay:2800ms}
.ad2900{animation-delay:2900ms}
.ad3000{animation-delay:3000ms}

.animated.ad100 ,.animated.ad200 ,.animated.ad300 ,.animated.ad400 ,.animated.ad500 ,.animated.ad600 ,.animated.ad700 ,.animated.ad800 ,.animated.ad900 ,.animated.ad1000,.animated.ad1100,.animated.ad1200,.animated.ad1300,.animated.ad1400,.animated.ad1500,.animated.ad1600,.animated.ad1700,.animated.ad1800,.animated.ad1900,.animated.ad2000,.animated.ad2100,.animated.ad2200,.animated.ad2300,.animated.ad2400,.animated.ad2500,.animated.ad2600,.animated.ad2700,.animated.ad2800,.animated.ad2900,.animated.ad3000{	 -webkit-animation-fill-mode: backwards;    animation-fill-mode: backwards;}










.offsetDots .owl-dots{
	position: relative;
    margin-top: -35px !important;
    z-index: 1; 
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.fancybox-slide--html .fancybox-close-small{
	top:5px;
}
.fancybox-content{
	overflow:visible;
	border-radius: 20px;
}
.fancybox-slide--html .fancybox-close-small{
	transform:scale(1.5);
}
@media(max-width:767px){
	.container{
		max-width:480px;
		padding:0px 15px;
	}
	.fancybox-content{
		padding:15px;
		width: 95%;
	}
	.mobilewrapper{
		
	}
}

@media(min-width:520px) and (max-width:767px){
	.container{
		padding:0px;
	}
}

.navbar{
	border-radius:0px;
	border:none;
	box-shadow: 0 5px 5px rgba(0,0,0,0.1);
}
.navbar>.row{
	padding-left:0px;
	padding-right:0px;
	padding:0px 0px;
	
}
@media(max-width:767px){
	.navbar>.row{
		padding:0px 0px;
		
	}
}
.header_bg{
	position:absolute;
	width:100%;
	top:0px;
	left:0px;
	background-color: #384e80;
	color:#FFF;
	
}
@media(max-width:767px){

	.navbar>.row{
		width:100%;
		max-width:100%;
		
		
		top:0px;
		z-index:100;
		
		opacity:0.95;
	}
}
@media (min-width: 768px){
	
	.navbar-collapse{
		text-align:right;
	}
	.navbar-header{
		float:none;
	}
}
.navbar-collapse{
	border:none;
}



@media(max-width:767px){
	.navbar-nav{
		margin: auto;
	}
	.navbar-collapse{
		padding-top: 15px;
		padding-right: 0px;
		padding-left: 0px;
	}
	.navbar-inverse .navbar-nav>li>a{
		color:#fff;
		line-height: 15px;
	}

	.navbar-toggle{
		float: left;
		border: none;
		position: absolute;

		z-index: 10;
		border: none;
		background-color: transparent !important;
		right: 8px;
		top: 20px;
		margin-right: 0px;
		padding: 15px 15px;
		margin-top: 0px;
		margin-bottom: 0px;
	}
}
.navbar-inverse .navbar-toggle .icon-bar{
	background-color:#fff;
}

.logocontainer{
	padding: 0px 0px;
	position:relative;
}
	
#logo_img{
	position: absolute;
	width:16%;
	height:70%;
	left: 42%;
	top:15%;
	z-index:2;
	cursor:pointer;
	display:block;
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url('/images/logo.png');
	
	
}

@media(max-width:767px){
	#logo_img{
		width: 40%;
		height: 90%;
		left: 30%;
		top: 5%;
	}
}

.alignMiddle{
	width:100%;
	height:100%;
}

.alignMiddle>div {
	display: table;
	width:100%;
	height:100%;
}
.alignMiddle>div>div {
	display: table-cell;
	vertical-align: middle;
	
	width:100%;
	height:100%;
}
.lineheightn{
	line-height:20px !important;
} 
.lineheightsm{
	line-height:30px !important;
} 
.lineheight40{
	line-height:40px !important;
}
.lineheight45{
	line-height:45px !important;
}
.lineheight50{
	line-height:50px !important;
}
@media(max-width:767px){
	.lineheightn_m{
		line-height:30px !important;
	}
	.lineheight2n_m{
		line-height:60px !important;
	}
}
.lineheightm{
	line-height:40px !important;
}
.maxwidth250{
	max-width:250px;
	width:100%;
}
.maxwidth300{
	max-width:300px;
	width:100%;
}
.maxwidth300{
	max-width:300px;
	width:100%;
}
.maxwidth350{
	max-width:350px;
	width:100%;
}
.maxwidth400{
	max-width:400px;
	width:100%;
}
.maxwidth480{
	max-width:480px;
	width:100%;
}
.maxwidth500{
	max-width: 500px;
	width:100%;
}
.maxwidth560{
	max-width:560px;
	width:100%;
}
.maxwidth600{
	max-width:600px;
	width:100%;
}
.maxwidth690{
	max-width:690px;
	width:100%;
}
.maxwidth700{
	max-width:700px;
	width:100%;
}
.maxwidth750{
	max-width:750px;
	width:100%;
}
.maxwidth800{
	max-width:800px;
	width:100%;
}
.maxwidth900{
	max-width:900px;
	width:100%;
}

.maxwidth1000{
	max-width:1000px;
}

.maxwidth1200{
	max-width:1200px;
	width:100%;
}
.maxwidth100p{
	max-width:100%;
}
.maxwidth85p{
	max-width:85%;
	width:100%;
}
.textleft{
	text-align: left !important;
}
.uppercase{
	text-transform:uppercase;
}
.textcenter {
	text-align: center
}
@media(max-width:767px){
	
	.textcenterm {
		text-align: center
	}
	.textleftm {
		text-align: left;
	}
}
.flexcenter{
	display: flex;
	justify-content: center;
	align-items: center;
}
.textright{
	text-align: right;
}
.textjustify{
	text-align: justify;
}
.dleftmcenter{
	text-align: center
}
@media(min-width:768px){
	.dleftmcenter{
		text-align: left;
	}
}
.posrelative{
	position:relative;
}
.marginauto{
	margin-left:auto;
	margin-right:auto;
}
.marginleft0{
	margin-left:0px;
}
.clearboth{
	clear:both;
}
.displayib{
	display:inline-block !important;
}
.nopadding{
	padding:0px !important;
}
.boldtext {
	font-weight: 700;
}
.boldertext {
	font-weight: 900;
}
.thintext {
	font-weight: 100;
	
}
.normaltext{
	font-weight: 400;
}
.italictext{
	font-style: italic;
}
.extraboldtext {
	font-weight: 900;
}
@media(min-width:768px){
	.hoverzoom:hover{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);z-index:1;position:relative;}
}
.listaplha{
	list-style-type: lower-alpha;
}
.cursorauto{
	cursor: auto !important;
}
.cursorpointer{
	cursor: pointer;
}
.dnone{
	display:none;
}
.error_msg{
	
	font-style: italic;
	opacity:0;
	position:relative;
	top:0px;
    line-height: 15px;
	font-size:12px;
	color:#ee0000;
}

.arrow_left{
	width: 40px;
	height:40px;
	position:absolute;
	left: 0px;
	top:calc(50% - 25px);
	background-image:url('../images/icon_w_left.png');
	background-size:  100%;
	background-repeat:no-repeat;
	background-position:center;
	z-index:10;
	cursor:pointer;
	transition: all 300ms ease;
	opacity:0.75;
}

.arrow_right{
	width: 40px;
	height:40px;
	position:absolute;
	right: 0px;
	top:calc(50% - 25px);
	background-image:url('../images/icon_w_right.png');
	background-size: 100%;
	background-repeat:no-repeat;
	background-position:center;
	z-index:10;
	cursor:pointer;
	transition: all 300ms ease; 
	opacity:0.75;
}
.arrow_up{
	width: 40px;
	height:40px;
	position:absolute;
	left: calc(50% - 20px);
	top: 0px;
	background-image:url('../images/icon_w_up.png');
	background-size:  100%;
	background-repeat:no-repeat;
	background-position:center;
	z-index:10;
	cursor:pointer;
	transition: all 300ms ease;
	opacity:0.75;
}

.arrow_down{
	width: 40px;
	height:40px;
	position:absolute;
	left: calc(50% - 20px);
	bottom: 0px;
	background-image:url('../images/icon_w_down.png');
	background-size:  100%;
	background-repeat:no-repeat;
	background-position:center;
	z-index:10;
	cursor:pointer;
	transition: all 300ms ease;
	opacity:0.75;
}
@media(max-width:767px){
}
.arrow_right:hover, .arrow_left:hover{
	transform:scale(1.25);
	opacity:1;
}

.content_popup{background-color:#FFF;padding:20px 5px;}
@media(min-width:768px){
	.content_popup{
		padding:20px 50px;
	}
}
@media(min-width:768px){
	.content_popup{min-width:360px;    max-width: 560px; min-height:180px}
	.content_popup.long{  max-width: 9999px;}
	
}
@media(max-width:767px){
	.content_popup{
		max-width:100%;
		margin:0px auto;
		min-width:200px;
	}
}
.content_popup>div{display:table;height:auto;width:100%}
.content_popup>div>div{display:table-cell;vertical-align:middle}
.content_popup .title{font-size:20px;line-height:30px;letter-spacing:1px;text-align:center;margin-bottom:10px;font-weight:700}
.content_popup .caption{text-align:center;margin-bottom:30px;letter-spacing:1px}

.content_popup.leftalign .title,
.content_popup.leftalign .caption{
	text-align:left;
}
.content_popup.autoHeight{
	height:auto;
}

.button.dnone{
	display:none;
}
.button.textleft{
	padding-left:25px;
}
.button.doc_icon{
	padding-right:40px;
	position:relative;
}
.button.doc_icon::after{
	content:"";
	position:absolute;
	top:-1px;
	right:-1px;
	width: 42px;
	height:42px;
	
	background-position: center;
	background-size: 25px 25px;
	background-repeat: no-repeat;
	
	
	background-image: url('/images/icon_file.png');
	
}
.button.rightarrow{
	padding-right:40px;
	position:relative;
}
.button.rightarrow::after{
	position: absolute;
    content: "";
    right: 15px;
    top: 16.5px;
    border-top: 7px solid #FFF;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    transform: rotate(-90deg);
	
}
.button.rightarrow.purplearrow::after{

    border-top: 7px solid #35507f;
  
}
.button.rightarrow.purplearrow:hover::after{

    border-top: 7px solid #fff;
  
}
.button{
	display:block;
	font-weight:bold;
	background-color:#e22120;
	border: 1px solid #e22120;
	color:#FFF;
	padding: 7.5px 10px;
	text-align:center;
	text-decoration:none;
	text-transform: uppercase;
	cursor:pointer;
	border-radius:6px;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
	transition: all 300ms ease;
	text-shadow: none;
}



.button:focus,.button:hover{
	text-decoration: none;
	color: #fff;
}

@media(max-width:767px){
	.button{
		font-size:12.5px;
		padding: 7.5px 5px;
	}
}
@media(min-width:768px){
	
	.button:not(.cursorauto):hover,
	.button:not(.cursorauto):active,
	.button:not(.cursorauto):focus,
	a.button:not(.cursorauto):hover,
	a.button:not(.cursorauto):active,
	a.button:not(.cursorauto):focus{
		background-color:#ffffff;
		color:#e22120;
	}
}

.button.white{
	background-color:#FFF;
	border: 1px solid #e22120;
	color:#e22120;
}

@media(min-width:768px){
	
	.button.white:not(.cursorauto):hover,
	.button.white:not(.cursorauto):active,
	.button.white:not(.cursorauto):focus,
	a.button.white:not(.cursorauto):hover,
	a.button.white:not(.cursorauto):active,
	a.button.white:not(.cursorauto):focus{
		background-color:#e22120;
		color:#fff;
	}
}


.button.displayib{
	display:inline-block;
	margin-left:auto;
	margin-right:auto;
	min-width:160px;
}



.button.tiny{
	border-radius: 5px;
    width: auto;
    font-size: 15px;
	display:inline-block;
	width:auto;
	padding:5px 20px;
}
.button.long{ 
	width:330px;
}
.button.autowidth{
	width:auto;
}
.button.block{
	display:block;
}

.button:not(.cursorauto):hover{
	opacity:0.8;
}
.button.nobg{
	background-color:transparent;
	border:1px solid #1c74bb;
	color:#1c74bb;
}

.button.nobg-y{
	background-color:transparent;
	border:1px solid var(--gold);
	color:var(--gold);
}

.button.nobg-y:hover{
	/* background-color:transparent;
	border:1px solid var(--gold); */
	color:var(--darkgreen) !important;
}
.button.facebook{
	color:#FFF !important;
	background-color:#365899 !important;
}

.button.rightspacing{
	margin-right:15px;
}

.button.mb-s.twolines {
    padding-top: 4px;
    padding-bottom: 4px;
}

.whitetext{
	color:#FFF;
}
.browntext{
	color:#f1e1a8;
}
.orangetext{
	color:#f7ac3b;
}
.blacktext{
	color:#000;
}
.darkgreytext{
	color:#1b1b1d;
}
.greytext{
	color:#666;
}
.lightgreytext{
	color:#888;
}
.redtext{
	    color: rgb(190, 1, 0);
}
.bluetext{
	color:#003893;
}
.lightbluetext{
	color:#41bbff;
}
.greentext{
	color:#39b14a;
}
.darkbluetext{
	color:#013565;
}

.lightgreytext{
	color:#CCC;
}

.yellowtext{
	color:#f6c932;
}
.purpletext{
	color:#35507f;
}
.purpletext2{
	color:#35507f;
}
.purpletext3{
	color:#35507f;
}


.bg_lightskyblue{
	background-color:#dff1fc;
}

.bg_green{
	background-color:#00ac88;
}
.bg_darkblue{
	background-color:#003893;
}




.bg_grey{
	background-color:#EFEFEF;
}
.bg_lightgrey{
	background-color:#c0c1c3;
}
.bg_midgrey{
	background-color:#626166;
}
.bg_darkgrey{
	background-color:#515153;
}
.bg_white{
	background-color:#FFF;
}
.bg_black{
	background-color:#000;
}
.bg_red{
	background-color:#e22120;
}
.bg_pink{
	background-color:#ef9f9c;
}
.bg_blue{
	background-color:#384e80;
}
.bg_yellow{
	background-color:#f6c932;
}
.bg_purple{
	background-color:#d4daf0;
}
.bg_purple2{
	background-color:#35507f;
}
/* .bg_midblue{
	background-color:#89cdff;
}*/
.bg_lightblue{
	background-color:#007ad4;
}

.bg_paleblue{
	background-color:#bfe4ff;
}

.bordertop{
	border-top:1px solid #CCC;
}

.borderightall{
	border-right:1px solid #CCC;
}

.borderleftall{
	border-left:1px solid #CCC;
}
@media(min-width:768px){
	.borderight{
		border-right:1px solid #CCC;
	}

	.borderleft{
		border-left:1px solid #CCC;
	}

}

.bgcontain{
	background-size:contain !important;
}
.bgimage169{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	padding-bottom: calc(100% * 9 / 16);
	
}
.bgimage54{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	padding-bottom: calc(100% * 80 / 100);
	
}


.bgimage43{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	padding-bottom: calc(100% * 75 / 100);
	
}

.bgimage34{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	padding-bottom: calc(100% * 100 / 75);
	
}



.bgimage32{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	padding-bottom: calc(100% * 66.66 / 100);
	
}

.bgimage11{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	padding-bottom: calc(100% * 100 / 100);
	
}

@media(min-width:768px){
	
	 .col2_item:nth-child(2n+1){
		padding-right: calc(20px / 2 * 1);
	}
	.col2_item:nth-child(2n+2){
		padding-left: calc(20px / 2 * 1);
	}
	
	.col2_item.thin:nth-child(2n+1){
		padding-right: calc(10px / 2 * 1);
	}
	.col2_item.thin:nth-child(2n+2){
		padding-left: calc(10px / 2 * 1);
	}
	
	
	.col3_item:nth-child(3n+1){
		padding-right: calc(21px / 3 * 2);
	}
	.col3_item:nth-child(3n+2){
		padding-left: calc(21px / 3 * 1);
		padding-right: calc(21px / 3 * 1);
	}
	.col3_item:nth-child(3n){
		padding-left: calc(21px / 3 * 2);
	}
	
	
	.col4_item:nth-child(4n+1){
		padding-right: calc(20px / 4 * 3);
	}
	.col4_item:nth-child(4n+2){
		padding-left: calc(20px / 4 * 1);
		padding-right: calc(20px / 4 * 2);
	}
	.col4_item:nth-child(4n+3){
		padding-left: calc(20px / 4 * 2);
		padding-right: calc(20px / 4 * 1);
	}
	
	.col4_item:nth-child(4n){
		padding-left: calc(20px / 4 * 3);
	}
	
	
	
	
	.thincol.col2_item:nth-child(2n+1){
		padding-right: calc(16px / 2 * 1);
	}
	.thincol.col2_item:nth-child(2n+2){
		padding-left: calc(16px / 2 * 1);
	}
	
	.thickcol.col2_item:nth-child(2n+1){
		padding-right: calc(40px / 2 * 1);
	}
	.thickcol.col2_item:nth-child(2n+2){
		padding-left: calc(40px / 2 * 1);
	}
	.col2_item_pr:nth-child(2n+1){
		padding-left: calc(20px / 2 * 1);
	}
	.col2_item_pr:nth-child(2n+2){
		padding-right: calc(20px / 2 * 1);
	}
	.col2_item_pr.large:nth-child(2n+1){
		padding-left: calc(40px / 2 * 1);
	}
	.col2_item_pr.large:nth-child(2n+2){
		padding-right: calc(40px / 2 * 1);
	}
	.thickcol.col3_item:nth-child(3n+1){
		padding-right: calc(40px / 3 * 2);
	}
	.thickcol.col3_item:nth-child(3n+2){
		padding-left: calc(40px / 3 * 1);
		padding-right: calc(40px / 3 * 1);
	}
	.thickcol.col3_item:nth-child(3n){
		padding-left: calc(40px / 3 * 2);
	}
	
	
	
}

@media(max-width:767px){
	
	/* .m.col2_item:nth-child(2n+1){
		padding-right: calc(20px / 2 * 1);
	} */
	.m.col2_item:nth-child(2n+2){
		padding-left: calc(20px / 2 * 1);
	}
	
	
	
	.m.col2_item.thincol:nth-child(2n+1){
		padding-right: calc(10px / 2 * 1);
	}
	.m.col2_item.thincol:nth-child(2n+2){
		padding-left: calc(10px / 2 * 1);
	}
	
	
	.m.col3_item:nth-child(3n+1){
		padding-right: calc(9px / 3 * 2);
	}
	.m.col3_item:nth-child(3n+2){
		padding-left: calc(9px / 3 * 1);
		padding-right: calc(9px / 3 * 1);
	}
	.m.col3_item:nth-child(3n){
		padding-left: calc(9px / 3 * 2);
	}
	
	
}

	.colcontainer{
		margin-left:-10px;
		margin-right:-10px;
	}
	.colcontainer.thickpadding{
		margin-left:-15px;
		margin-right:-15px;
	}
	.colcontainer.thinpadding{
		margin-left:-5px;
		margin-right:-5px;
	}
	
	.col_item{
		padding-left:10px;
		padding-right:10px;
	}
	.col_item.thickpadding{
		padding-left:15px;
		padding-right:15px;
	}
	
	.col_item.thinpadding{
		padding-left:5px;
		padding-right:5px;
	}
	
	

.homepage_slider .owl-theme .owl-nav.disabled+.owl-dots{
	margin:auto;
}
.owl-theme .owl-nav.disabled+.owl-dots{
	margin: 10px 0px;
	position: absolute;
    bottom: 0px;
    width: 100%;
}
.owl-theme .owl-dots .owl-dot{
	outline:none;
}
.owl-theme .owl-dots .owl-dot span{
	width: 10px;
	height:10px;
	margin-top:0px;
	margin-bottom:0px;
	background-color:#d5d6d8;
}
.owl-theme .owl-dots .owl-dot.active span{

	background-color:#fff;
}

.autowidth{
	width:auto !important;
}
.fullheight{
	height:100%;
}
.fullwidth{
	width:100%;
}
.maxwidth{
	max-width:100%;
}
	.mb-xxl{margin-bottom:100px;}
	.mb-xl{margin-bottom:80px;} 
	.mb-l{margin-bottom:60px;}
	.mb-m{margin-bottom:40px;}
	.mb-sm{margin-bottom:30px;}
	.mb-s{margin-bottom:20px;}
	.mb-xss{margin-bottom:15px;}
	.mb-xs{margin-bottom:10px;}
	.mb-xxs{margin-bottom:5px;}
	 
	.mt-xxl{margin-top:100px;}
	.mt-xl{margin-top:80px;}
	.mt-l{margin-top:60px;}
	.mt-m{margin-top:40px;}
	/*.mt-sm{margin-top:30px;}*/
	.mt-s{margin-top:20px;}
	/*.mt-xs{margin-top:10px;}*/
	/*.mt-xxs{margin-top:5px;}*/
	
	.ml-l{margin-left:60px;}
	.ml-m{margin-left:40px;}
	.ml-s{margin-left:20px;}
	.ml-xs{margin-left:10px;}
	.ml-xxs{margin-left:5px;}

	.pb-l{padding-bottom:60px;}
	.pb-m{padding-bottom:40px;}
	.pb-sm{padding-bottom:30px;}
	.pb-s{padding-bottom:20px;}
	.pb-xs{padding-bottom:10px;}
	.pb-xxs{padding-bottom:5px;}
	.pb-none{padding-bottom:0px;}
	
	.pt-l{padding-top:60px;}
	.pt-m{padding-top:40px;}
	.pt-sm{padding-top:30px;}
	.pt-s{padding-top:20px;}
	.pt-xs{padding-top:10px;}
	.pt-xxs{padding-top:5px;}
	.pt-none{padding-top:0px;}
	
	.pl-l{padding-left:60px;}
	.pl-m{padding-left:40px;}
	.pl-s{padding-left:20px;}
	.pl-xs{padding-left:10px;}
	
	.pr-l{padding-right:60px;}
	.pr-m{padding-right:40px;}
	.pr-s{padding-right:20px;}
	.pr-xs{padding-right:10px;}
	
	.p-l{padding:60px;}
	.p-m{padding:40px;}
	.p-sm{padding:30px;}
	.p-s{padding:20px;}
	.p-xs{padding:10px;}
	.p-xxs{padding:5px;}
	
	.mb-none{
		margin-bottom:0px !important;
	}
	.mt-none{
		margin-top:0px !important;
	}
	.pt-none{
		padding-top:0px !important;
	}
	.pb-none{
		padding-bottom:0px !important;
	}
	.pl-none{
		padding-left:0px !important;
	}
@media(max-width:767px){
	
	.m.mb-none{
		margin-bottom:0px !important;
	}
	.m.mt-none{
		margin-top:0px !important;
	}
	.m.pt-none{
		padding-top:0px !important;
	}
	.m.pb-none{
		padding-bottom:0px !important;
	}
	.m.pl-none{
		padding-left:0px !important;
	}
	
	.m.mb-xxl{margin-bottom:50px;}
	.m.mb-xl{margin-bottom:40px;}
	.m.mb-l{margin-bottom:30px;}
	.m.mb-m{margin-bottom:20px;}
	.m.mb-sm{margin-bottom:15px;}
	.m.mb-s{margin-bottom:10px;}
	.m.mb-xs{margin-bottom:5px;}
	.m.mb-xxs{margin-bottom:2px;}
	
	.m.mt-l{margin-top:30px;}
	.m.mt-m{margin-top:20px;}
	.m.mt-sm{margin-top:15px;}
	.m.mt-s{margin-top:10px;}
	.m.mt-xs{margin-top:5px;}
	.m.mt-xxs{margin-top:2px;}

	
	.m.ml-l{margin-left:30px;}
	.m.ml-m{margin-left:20px;}
	.m.ml-sm{margin-left:15px;}
	.m.ml-s{margin-left:10px;}
	.m.ml-xs{margin-left:5px;}
	.m.ml-xxs{margin-left:2px;}
	
	.m.mr-l{margin-right:30px;}
	.m.mr-m{margin-right:20px;}
	.m.mr-sm{margin-right:15px;}
	.m.mr-s{margin-right:10px;}
	.m.mr-xs{margin-right:5px;}
	.m.mr-xxs{margin-right:2px;}
	
	
	.m.pb-l{padding-bottom:30px;}
	.m.pb-m{padding-bottom:20px;}
	.m.pb-sm{padding-bottom:15px;}
	.m.pb-s{padding-bottom:10px;}
	.m.pb-xs{padding-bottom:5px;}
	.m.pb-xxs{padding-bottom:2px;}
	
	.m.pt-l{padding-top:30px;}
	.m.pt-m{padding-top:20px;}
	.m.pt-sm{padding-top:15px;}
	.m.pt-s{padding-top:10px;}
	.m.pt-xs{padding-top:5px;}
	.m.pt-xxs{padding-top:2px;}
	
	.m.pl-l{padding-left:30px;}
	.m.pl-m{padding-left:20px;}
	.m.pl-sm{padding-left:15px;}
	.m.pl-s{padding-left:10px;}
	.m.pl-xs{padding-left:5px;}
	.m.pl-xxs{padding-left:2px;}
	
	.m.pr-l{padding-right:30px;}
	.m.pr-m{padding-right:20px;}
	.m.pr-sm{padding-right:15px;}
	.m.pr-s{padding-right:10px;}
	.m.pr-xs{padding-right:5px;}
	.m.pr-xxs{padding-right:2px;}

	
	
	
	.m.m-l{margin:60px;}
	.m.m-m{margin:40px;}
	.m.m-sm{margin:30px;}
	.m.m-s{margin:20px;}
	.m.m-xs{margin:10px;}

	.m.p-l{padding:60px;}
	.m.p-m{padding:40px;}
	.m.p-sm{padding:30px;}
	.m.p-s{padding:20px;}
	.m.p-xs{padding:10px;}
	
	
	.m.xs-ltsp{
		letter-spacing:0.25px;
	}
	.m.s-ltsp{
		letter-spacing:.5px;
	}
	.m.m-ltsp{
		letter-spacing:1px;
	}
	.m.l-ltsp{
		letter-spacing:2px;
	}
	
}

.section_hr{
	border-top:2px solid #35507f;
	margin-bottom:40px;
	position: relative;
}
.section_hr::after{
	border-top: 20px solid #35507f !important;
    border-left: 20px solid transparent !important;
    border-bottom: 20px solid transparent !important;
    border-right: 20px solid transparent !important;
    content: "";
    position: absolute;
    top: 100%;
    left: calc(50% - 20px);

}


.ol_item{
	padding-left:15px;
	color:#35507f;
}
.ol_item li{

	color:#35507f;
	padding-left:5px;
	margin-bottom:10px;
}
.ol_item li>div{
	color:#333;
}



.bottomyellow{
	border-bottom:8px solid #f6c932;
}

.underline{
	text-decoration:underline;
}
@media(max-width:767px){
	.table_container{
		overflow-x:scroll;
	}
}
/*global*/
/*font*/

body {
	font-size: 16px;
	line-height: 22.4px;
	letter-spacing:0.8px;
}
.talltext{
	line-height:36px;
}
@media(max-width:991px){
	.talltext {
		line-height: 24px;
	}
}
.header-text{
	font-size:16px;
	line-height:24px;
}
.ss-text{
	font-size: 10px;
	line-height:12px;
}
.s-text{
	font-size: 12px;
	line-height:14px;
}
.ssssm-text{
	font-size: 15px;
	line-height:18px;
}
.email-text{
	font-size: 13px;
}

.sssm-text{
	font-size: 16px;
}
.ssm-text{
	font-size: 18px;
}

.sm-text {
	font-size: 22px;
	line-height: 28px
}

.m-text {
	font-size: 32px;
	line-height: 36px
}

.ml-text {
	font-size: 36px;
	line-height: 40px
}

.l-text {
	font-size: 40px;
	line-height: 45px;
	
}
.xl-text {
	font-size: 45px;
	line-height: 50px;
	
}
.xxl-text {
	font-size: 55px;
	line-height: 50px;
	letter-spacing: 2px;
	
}

@media(max-width:767px){

	.l-text {
		font-size: 35px;
		line-height: 40px;
		}
	.ml-text {
		font-size: 25px;
		line-height: 30px;
		
	}
	.m-text {
		font-size: 20px;
		line-height: 24px
	}
	.sm-text {
		font-size: 19px;
		line-height: 24px
	}

	.ssm-text{
		font-size: 14px;
		letter-spacing: .25px;
	}


}

@media(min-width:768px){
	.mw-80{
		max-width:80%;
	}
	.mw-90{
		max-width:90%;
	}
}
/*fonts*/
.displayblock, .displayb{
	display:block !important;
}

.clearfix{
	clear:both;
}

/*footer*/
	html, body{
		min-height: 100vh;
	}
	

	footer{
		color:#000;
		background: #f8f8f8;
	}

	footer a{
		color:#000;
	}
	
	.smicon_container{
		display: flex;
		flex-flow: row wrap;
		flex: 0 1 calc(20% - 8px);
		-webkit-box-pack: center;
		justify-content: center;
		box-sizing: border-box;
		margin: 20px auto 0px;
		-webkit-box-align: center;
		align-items: center;
		position: relative;
		
		
	}
	.smicon_item{
		display: flex;
		-webkit-box-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		align-items: center;
		margin: 3px;
		width: 45px;
		height: 45px;
		border-radius: 50%;
		border: 1px solid rgb(224, 224, 224);
		transition: all 300ms ease 0s;
		background: transparent;
		
		
	}
	.smicon_item:hover {
		border: 1px solid rgb(190, 1, 0);
		background: rgb(190, 1, 0);
	}
	.smicon_item:hover svg {
		fill: rgb(255, 255, 255);
	}
	
	
	.smicon_item .span_icon{
		display: inline-flex;
		background: none;
		color: inherit;
		border: none;
		padding: 0px;
		cursor: pointer;
		
		
	}
	.footer_item{
		display:block;
		
	}
	@media(min-width:768px){
		.footer_item{
			display:inline-block;
			width:150px;
		}

	}
	
	footer hr{
		border-color:#EAEAEA;
	}
	@media(max-width:767px){
		a.footer_item {
			padding: 20px 0px;
			font-size:14px;
			line-height: 15px;
		}
		footer .bottom_part{
			max-width:280px;
			
		}
	}
	
	#footer_logo{
		padding: 30px;
	}
	#footer_logo >img {
		height: 50px;
	}
	@media(max-width:767px){
		
		.followtudor{
			font-size:13px;
			font-weight:400;
			letter-spacing:.65px;
			line-height:20px;
		}
	}
	
	#footer_lang_toggle{
		position:relative;
	}
	
	.footer_lang_toggle_label{
		display: inline;
		margin:auto;
		font-size: 12px;
		line-height: 17px;
		font-weight: 600;
		letter-spacing: 0.55px;
		text-transform: uppercase;
	}
	
	
	.qrcode_container{
		width:160px;
		margin-left:auto;
		margin-right:auto;
	}
	
/*footer*/
/*global*/

	.offsetheader{
		margin-top:80px;
	}
	@media(min-width:768px){
		.offsetheader{
			margin-top:80px;
		}
	}
	.flexMiddle{
		 display: flex;
		 flex-direction: column;
		 justify-content: center;
	}
	.height100vh{
		height:100vh;
	}

	.jarallax{
		background-position: center;
		background-size:100%;
	}
	
	.subscription_bg{
		background-image: url('/images/subscription_bg.jpg');
	}
	
	
	input[type=file] {
		width: 100%;
	}
	
	
	
		 

	.alignMiddle>div {
		display: table;
		width:100%;
		height:100%;
	}
	.alignMiddle>div>div {
		display: table-cell;
		width:100%;
		vertical-align: middle;
	}

	.underline{
		text-decoration:underline;
	}
	.cursorp{
		cursor:pointer;
	}

	.uppercase{
		text-transform: uppercase;
	}

	@media(max-width:479px){
		
		.container.nomedge{
			padding-left: 0px;
			padding-right:0px;
		}
	}
/*global*/





/*tudor*/
	/*
	*/
	
	body::-webkit-scrollbar {
	  display: none;
	}

	body {
	  -ms-overflow-style: none; 
	  scrollbar-width: none;    
	}
	
	
	section.content_wrapper{
		padding:80px 0px;;
	}
	@media(max-width:767px){
		
		section.content_wrapper{
			padding:40px 0px;
		}
	}
	.greytext{
		color:#82929C;
	}
	

	h2{
		font-weight: 700;
		line-height: 40px;
		font-size: 36px;
		letter-spacing: 0px;
	}
	@media(max-width:767px){
		h2.m-text{
			font-size: 24.5px;
			text-transform: uppercase;
			line-height: 1.1em;
		}
	}
	
	
	.tpara{
		
		font-weight: 400;
		font-size: calc(0.9375rem + (1vw - 3.2px) * 0.1563);
		line-height: 27px;
		font-weight: 400;
		letter-spacing: 0.05em;
		color:#fff;
	}
	
	@media(max-width:320px){
		.tpara{
			font-size: 15px;
		}
	}
	@media(min-width:768px){
		.tpara{
			font-size: 17px;
		}
		
	}
	@media(max-width:767px){
		
		
		.tpara{
			
			font-size: 15px;
			line-height: 1.6em;
			font-weight: 400;
			letter-spacing: 0.05em;
		}
	}

	/*homepage*/
		

	
	
		#homepage_kv_text{
			position: absolute;
			top: 0px;
			display: flex;
			-webkit-box-align: center;
			align-items: center;
			-webkit-box-pack: center;
			justify-content: center;
			width: 100%;
			height: calc(90vh - 80px);
			z-index: 1;
		}
		#homepage_kv_text h1{
			font-family: "Poppins","Helvetica Neue","Arial Nova",sans-serif;
			color: rgb(255, 255, 255);
			text-align: center;
			text-shadow: rgb(145 161 167) -0.625rem 0.625rem 1.9rem;
			
			font-size: calc(5rem + (1vw - 3.2px) * 22.6563);
			text-transform: uppercase;
			line-height: 1.1em;
		}
		
		@media (min-width: 1600px){
			#homepage_kv_text h1{
				font-size: 370px;
			}
		}
		
		.ranger_product_item{
			display:block;
		}
		a.ranger_product_item{
			color:#000;
		}
		.ranger_product_item .image{
			position: relative;
		}
		
		.ranger_product_item .image .newlabel{
			color: rgb(190, 1, 0);
			position: absolute;
			top: calc(50% - 12px);
			left: 0px;
			text-align: center;
		}
		.ranger_product_item .image .newlabel>div{
			
			transform: rotate(-90deg);
			
		}
		
		@media(min-width:768px){
			
	
			.ranger_product_item{
				min-width:260px;
				position: relative;
				margin:auto;
			}
			
			.ranger_product_item .title{
				font-size:18px;
				line-height:24px;
				letter-spacing: 0;
				font-weight:700;
			}
			
			.ranger_product_item .caption{
				font-size:15px;
				line-height:21px;
				letter-spacing: 0.75;
				font-weight:200;
			}
			
		}
		
		@media(max-width:767px){
			
			.ranger_product_item .title{
				font-size:14px;
				line-height:20px;
			}
			
			.ranger_product_item .caption{
				font-size:14px;
				line-height:20px;
			}
			
		}
		
		/*
		@media(min-width:768px){
			#homepage_ranger_image_container{
				width:50%;
				margin-left:0px;
			}
			#homepage_ranger_products_container{
				position:absolute;
				bottom: -100px;
				right:0%;
				width:60%;
				
				overflow: hidden;
			}
		}
		*/
		@media(min-width:768px){
			#homepage_ranger_products_container{
				
			}
			#homepage_ranger_products_container>div{
				max-width: 855px;
			}
		}
		
		@media(max-width:767px){
			#homepage_ranger_products_container{
				margin-left:-15px;
				margin-right:-15px;
				overflow: hidden;
				position:relative;
				margin-top: -100px;
			}
		}
		
		@media(min-width:768px){
			#section_blackbay_products{
				/* padding-bottom:160px; */
			}
			
		}
		
		.section_link_item{
			width:480px;
			padding:10px;
			height:140px;
			background-color:#211F21;
			color:#FFF;
			cursor:pointer;
			
			display:block;
			
		}
		.section_link_item:focus,
		.section_link_item:hover{
			color:#fff;
			opacity:1;
		}
		
		@media(min-width:768px){
			
			.section_link_item{
				/* float:left; */
				margin-right: 20px;
				
			}
			
			.section_link_item .title{
				color:#FFF;
			}
			.section_link_item:hover .title{
				color:#FFF;
			}
			
		}
		
		@media(max-width:767px){
			
			.section_link_item{
				width:320px;
				max-width:400px;
				padding:5px;
				height:90px;
				background-color:#211F21;
				color:#FFF;
				cursor:pointer;
			}
		}
		
		.section_link_item>div:nth-child(1){
			width:120px;
			float:left;
			height: 100%;
			position:relative;
		}
		.section_link_item>div:nth-child(1) video{
			position:absolute;
			top:0px;
			left:0px;
			width:100%;
			height:100%;
			
		}
		
		.section_link_item>div:nth-child(2){
			width:calc(100% - 120px);
			float:left;
			padding-left: 10px;
			line-height:18px;
			
		}
		
		.section_link_item>div:nth-child(2) .top_section{
			
			transition: all 500ms ease;
			padding-top:40px;
			padding-bottom: 10px;
		}
		@media(min-width:768px){
			
			.section_link_item:hover>div:nth-child(2) .top_section{
				
				padding-top:25px;
				padding-bottom: 25px;
			}
		}
		
		
		@media(min-width:768px){
			
			.section_link_item>div:nth-child(2) .top_section.shortter{
				
				padding-top:30px;
				padding-bottom: 5px;
			}
			.section_link_item:hover>div:nth-child(2) .top_section.shortter{
				
				padding-top:25px;
				padding-bottom: 10px;
			}
			
		}
		.section_link_item>div:nth-child(2) .redtext{
			text-transform: uppercase;
			transition: all 500ms ease;
		}
		@media(min-width:768px){
			.section_link_item>div:nth-child(2) .redtext{
				opacity:0;
			}
			.section_link_item:hover>div:nth-child(2) .redtext{
				opacity:1;
			}
		}
	
		
		
		@media(min-width:768px){
			.section_link_item>div:nth-child(2) .redtext{
				
				font-size:12px;
				line-height: 15px;
			
			}
		}
		
		
		
		@media(max-width:767px){
			#section_link_items{
				padding-left: 20px;
			}
			#section_link_items .owl-stage{
			}
			
			.section_link_item>div:nth-child(1){
				width:80px;
				
			}
			
			.section_link_item>div:nth-child(2){
				width:calc(100% - 80px);
				padding-left:10px;
				
			}
			.section_link_item>div:nth-child(2) .top_section{
				
				font-size:14px;
				line-height:15px;
				letter-spacing: 0px;
			}
			.section_link_item>div:nth-child(2) .redtext{
				
				font-size:12px;
				line-height:16px;
			}
			
			.section_link_item>div:nth-child(2) .top_section{
				
				transition: all 500ms ease;
				padding-top:10px;
				padding-bottom: 20px;
			}
			.section_link_item>div:nth-child(2) .top_section .title+div{
				display:none;
			}
			
		}
		
		
		
		
		.section_link_items_container{
		
			overflow: hidden;
		}
		#section_link_items{
			overflow: visible;
		}
		.section_link_items_container .owl-carousel .owl-stage-outer{
			overflow: visible;
		}
		
		@media(max-width:767px){
			.blackbay_exhibition_bg_container{
				background-position: center;
				background-size: 100%;
				background-repeat: no-repeat;
				padding-bottom: calc(100% * 1700 / 800);
				background-image: url('/images/catalo_banner_m.jpg');
			}
			
			.top_banner_container.blackbay_exhibition_bg_container{
		
				background-size: 100%;
				padding-bottom: calc(100% * 750 / 800) ;
				background-image: url('/images/catalo_banner_m.jpg');
			}
			
			
			
		}
		
		@media(min-width:768px){
			.blackbay_exhibition_bg_container{
				background-position: 70%;
				background-size: 1920px;
				background-repeat: no-repeat;
				 padding-bottom: 600px; 
				/* background-image: url('/images/catalo_banner.jpg'); */
			}
			
			.blackbay_exhibition_bg_container .banner_content_wrapper{
				max-width:1200px;
				margin:auto;
				padding-right:25%;
			}
		}
		
		
		#blackbay_exhibition_overlay{
			
			position:absolute;
			top:0px;
			left:0px;
			
			text-shadow: 2px 2px 6px rgba(0,0,0,.75);
		}
		@media(min-width:768px){
			#blackbay_exhibition_overlay{
				width:100%;
				height:100%;
			}
			#blackbay_exhibition_overlay:not(.top_banner)>div>div>div{
				
			
			}
			
			.top_banner_container  #blackbay_exhibition_overlay{
				
			
				
			}
			
		}
		
		@media(max-width:767px){
			#blackbay_exhibition_overlay{
				width:100%;
				height:45%;
				
				/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+99&0.65+0,0+100 */
				background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.01) 99%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.01) 99%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.01) 99%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

				padding:0px 10px;
			}
			
			.hp_exhibition_closing{
				font-size:14px;
			}
			.top_banner_container  #blackbay_exhibition_overlay{
				width:100%;
				height:100%;
				
				/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+60&0.65+0,0+60 */
				background: -moz-linear-gradient(left,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 60%); /* FF3.6-15 */
				background: -webkit-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 60%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to right,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */

				
			}
		}
		
		.top_banner#blackbay_exhibition_overlay{
		
			padding-left:5%;
		}
		@media(max-width:767px){
				
			.top_banner#blackbay_exhibition_overlay{
				
			}
			.top_banner#blackbay_exhibition_overlay .l-text{
				font-size:   25px;
				line-height: 30px
			}
				
			.top_banner#blackbay_exhibition_overlay .l-text + * {
				font-size: 18px;
				line-height:25px;
			}
			.top_banner#g .l-text + *+ *{
				font-size: 15px;
				line-height:18px;
			}
		}
		
		
		
		#btn_booknow{
			display: block;
			position:relative;
			cursor:pointer;
			background-color: #FFF;
			padding: 7.5px 70px 7.5px 100px;
			height: 60px;
			text-align: center;
			background-image: url(/images/icon_booknow.png);
			background-size: 45px;
			background-position: 7.5px 7.5px;
			width: auto;
			display: inline-block;
			background-repeat: no-repeat;
			line-height: 40px;
			color: #000;
			font-size: 24px;
			text-shadow: none;
			transition: all 300ms ease;
			
		}
		#btn_booknow:hover{
			transform: scale(1.05);
			opacity:1;
		}
		#btn_booknow_m::after,
		#btn_booknow::after{
			content:"";
			position:absolute;
			
			top: 15px;
			right: 5px;
			width: 30px;
			height: 30px;
			
			background-position: center;
			background-size: 100%;
			background-repeat: no-repeat;
			background-image: url('/images/icon_right.png');
			
			
		}
		
		#btn_booknow_m{
			position:absolute;
			right:0px;
			bottom: 80px;
			display:block;
			
			z-index:1;
			cursor:pointer;
			background-color: #FFF;
			padding: 7.5px 70px 7.5px 100px;
			height: 60px;
			text-align: center;
			background-image: url(/images/icon_booknow.png);
			background-size: 45px;
			background-position: 7.5px 7.5px;
			width: auto;
			display: inline-block;
			background-repeat: no-repeat;
			line-height: 40px;
			color: #000;
			font-size: 20px;
			text-shadow: none;
		}
		#btn_booknow_m:hover{
			opacity:1;
		}
		
		#btn_booknow_m.sticky{
			position: fixed;
		}
		#btn_booknow_m.over{
			position: absolute;
		}
		
		#ranger_text_overlay{
			
			position:absolute;
			top: 20px;
			left:20px;
			
		}
		
		
		.section_link_sb{
			position: relative;
		}
		
		.section_link_sb .track{
			background-color: rgba(33, 33, 33, 0.2);
			position: relative;
			user-select: none;
			height: 2px;
			width: 100%;
		}
		.section_link_sb .scrollbar{
			width: 78%;
			padding: 2px 0px;
			cursor: pointer;
			position: relative;
			top: -4px;
			height: 6px;
		}
		.section_link_sb .scrollbar .bar{
			width: 78%;
			background-color: rgb(190, 1, 0);
			height: 2px;
			transition: height 0.2s ease ;
			width: 100%;
		}
		
		.section_link_sb .scrollbar:hover{
			padding:0px 0px;
		}
		.section_link_sb .scrollbar:hover .bar{
			
			height: 6px;
			top: -4px;
		}
		
		@media(max-width:767px){
			
			.section_link_item_container .section_link_item{
				margin-left:15px;
			}
			.scroll-x {
				display:none !important;
			}
		}
		
		.section_link_item_container .section_link_item{
			display:inline-block;
			float:none;
		}
		
		.section_link_item_container{
			padding-bottom: 10px !important;
		}
		.section_link_item_container > .scroll-element,
		.section_link_item_container > .scroll-element div
		{
			border: none;
			margin: 0;
			padding: 0;
			position: absolute;
			z-index: 10;
		}

		.section_link_item_container > .scroll-element div {
			display: block;
			height: 100%;
			left: 0;
			top: 0;
			width: 100%;
		}

		.section_link_item_container > .scroll-element.scroll-x {
			bottom: 0px;
			height: 6px;
			left: 0;
			width: 100%;
		}

		.section_link_item_container > .scroll-element.scroll-y {
			height: 100%;
			right: 2px;
			top: 0;
			width: 8px;
		}

		.section_link_item_container > .scroll-element .scroll-element_outer {
			overflow: hidden;
		}


		.section_link_item_container > .scroll-element .scroll-element_track { background-color: #e0e0e0; height:2px; top:1px;}
		.section_link_item_container > .scroll-element .scroll-bar { background-color: #e22120;height:2px; cursor:pointer;}
		.section_link_item_container > .scroll-element:hover .scroll-bar { background-color: #e22120; height:6px; top:-1px; cursor:pointer;}
		.section_link_item_container > .scroll-element.scroll-draggable .scroll-bar { background-color: #e22120;height:6px; top:-1px; cursor:pointer;}


		@media(min-width:768px){
			
			.scroll-x{
				max-width: 750px;
				margin:auto;
				left: calc(50% - 375px) !important;
			}
		}
		@media(min-width:992px){
			
			.scroll-x{
				max-width:970px;
				left: calc(50% - 485px) !important;
			}
		}
		@media(min-width:1200px){
			
			.scroll-x{
				max-width:1170px;
				left: calc(50% - 585px) !important;
			}
		}
		
		.icon_scrolldown{
			width:80px;
			content:"";
			position:absolute;
			text-align:center;
			bottom:20px;
			left: calc(50% - 25px);
		} 
		
		.icon_scrolldown .icon{
			width:30px;
			margin:auto;
			-webkit-animation: scrolldown 800ms cubic-bezier(0.250, 0.460, 0.450, 0.940) both infinite;
					animation: scrolldown 800ms cubic-bezier(0.250, 0.460, 0.450, 0.940) both infinite;
		} 
		
		@-webkit-keyframes scrolldown {
		  0% {
			-webkit-transform: translateY(0px);
					transform: translateY(0px);
		  }
		  100% {
			-webkit-transform: translateY(10px);
					transform: translateY(10px);
		  }
		}
		@keyframes scrolldown {
		  0% {
			
			-webkit-transform: translateY(0px);
					transform: translateY(0px);
			
		  }
		  100% {
			
			-webkit-transform: translateY(10px);
					transform: translateY(10px);
		  }
		}
		
		
		
	/*homepage*/

 
/*header*/

	header{
		position: fixed;
		z-index:3;
		top:0px;
		left:0px;
		width:100%;
		height: 100px;
		
		transition: all 300ms ease;
	}
	header.inactive{
		height:60px;
	}
	
	@media(max-width:767px){
		header{
			height: 80px;
		}
		header.inactive{
			height:50px;
		}
		
	}
	
	
	header + .top_offset{
		
		margin-top: 100px;
	}
	header.inactive + .top_offset{
		margin-top:60px;
	}
	
	@media(max-width:767px){
		header + .top_offset{
			margin-top: 80px;
		}
		header.inactive + .top_offset{
			margin-top:50px;
		}
		
	}
	
	
	
	
	
	@media(min-width:768px){
		header .header_container{
			position: relative;
			z-index:2;
			padding: 0px 5vw;
			
		}
		
		header > div {
			height:100%;
		}
		header #h_left{
			width: calc( (100% - 400px) / 2);
			float:left;
			height: 100%;
		}
		header #h_mid{
			width: 400px;
			float:left;
			height: 100%;
		}
		header #h_right{
			width: calc( (100% - 400px) / 2);
			float:left;
			height:100%;
			position:relative;
		}
		
		
	}
	
	@media(max-width:767px){
		header .header_container{
			position: relative;
			z-index:2;
			padding: 0px 5vw;
			
		}
		
		header > div {
			height:100%;
		}
		header #h_left{
			width: calc( (100% - 150px) / 2);
			float:left;
			height: 100%;
			
		}
		header #h_mid{
			width: 150px;
			float:left;
			padding:5px 0px;
			height: 100%;
		}
		header #h_right{
			width: calc( (100% - 150px) / 2);
			float:left;
			position:relative;    
			height: 100%;
		}
		
		
		
		#h_mid{
			display:none;
		}
		#h_right{
			display:none;
		}
		header .header_container {
			
			width: 80px;
			margin-left: 0px;
			display: inline-block;
		}
	}
	
	
	#header_logo{
		display:block;
		width:100%;
		height: 100%;
	}
	#header_logo > div{
		transition: all 300ms ease;
		background-position: center;
		background-size: 100%;
		background-repeat: no-repeat;   
			height: 100%;
		background-image: url('/images/logo.png');
		
	}
	
	
	@media(min-width:768px){
		
		header.inactive #h_mid{
			
			padding-left:20px;
			padding-right:20px;
			
		}
		
	}
	
	header.inactive #header_logo > div{
		/* padding-bottom: 40%; */
		background-size: 70%;
	}
	
	
	
	#header_toggle{
		height:40px;
		width:40px;
		margin-top:    30px;
		margin-bottom: 30px;
		background: none;
		border: none;
		transition: all 300ms ease;
		outline: none;
		margin-left: -5px;
	}
	@media(max-width:767px){
			
		#header_toggle{
			margin-left: 0px;
			width:22px;
		}
	}
	
	header.inactive #header_toggle{
		margin-top:    10px;
		margin-bottom: 10px;
	}
	
	#header_toggle .lines{
		height: 15px;
		width:22px;
		margin: 0px auto 0px auto;
		position: relative;
	}
	
	@media(min-width:768px){
			
		#header_toggle .lines{
			margin: 0px auto 5px auto;
		}
	}
	#header_toggle .lines .line{
		height:1px;
		background-color:#fff;
		margin-bottom: 6px;
		transition: all 300ms ease;
	}
	#header_toggle .lines .line:last-child{
		margin-bottom: 0px;
	}
	header.inactive #header_toggle{
		padding-top:10px;
		padding-bottom:10px;
	}
	#header_toggle.active .line:nth-child(1){
		transform: rotate(45deg) translate(3px, 7px);
		width: 25px;
	}
	#header_toggle.active .line:nth-child(2){
		opacity:0;
	}
	#header_toggle.active .line:nth-child(3){
		transform: rotate(-45deg) translate(3px, -7px);
		width: 25px;

	}
	
	
	#header_toggle .togglelabel{
		color:#000;
		text-align:center;
		text-transform: uppercase;
		line-height: 20px;
		font-size:12px;
		font-weight:700;
	}
	@media(max-width:767px){
		
		#header_toggle .togglelabel{
			display:none;
		}
		
		#header_toggle .lines{
			
			width:22px;
		}
		#header_toggle.active .line{
			
		background-color:#000;
		}
		
		#header_toggle.active .line:nth-child(1){
			transform: rotate(45deg) translate(4px, 6px);
			width: 23px;
		}
		#header_toggle.active .line:nth-child(3){
			transform: rotate(-45deg) translate(4px, -6px);
			width: 23px;

		}
		
		
		

		
	}
	header.inactive .togglelabel{
		display:none;
	}
	
	
	
	
	
	
	
	
	#menu_container{
		background-color: #FFF;
		padding: 0px 5vw 30px 5vw;
		position: absolute;
		top: -600px;
		
		left: 0px;
		width: 480px;
		transition: all 400ms ease;
		z-index: 1;
		height:auto;
	}
	@media(max-width:767px){
		#menu_container{
			
			font-size:18px;
			width: 90%;
		}
	}
	#menu_container.active{
		top: 100px;
	}
	#menu_container ul{
		padding-left:0px;
		list-style:none;
	}
	#menu_container a{
		color:#000;
		padding:10px 0px;
		display:block;
	}
	
	#menu_container a:hover{
		color:#e22120; 
		opacity:.8;
	}
	
	
	
	@media(max-width:767px){
		header.inactive #h_mid {
			width: 110px;
		}
		header.inactive #h_left {
			width: calc((100% - 110px) / 2);
		}
		header.inactive #h_right {
			width: 110px;
		}
		
		#header_toggle{
			margin-top:20px;
			margin-bottom:10px;
		}
		header.inactive #header_toggle {
			padding-top: 0px;
			padding-bottom: 0px;
			margin-top: 18px;
			height: 20px;
			margin-bottom: 12px;
			padding:0px;
		}
		
		#menu_container.active {
			top: 0px;
		}
	}
	
	
	#header_overlay{
		
		opacity:0;
		transition: opacity 300ms ease;
		transform: scale(0);
		
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		
		background-color: rgba(0,0,0,.75);
	}
	
	header.expanded #header_overlay{
		opacity:1;
		transform: scale(1);
	}
	body.locked{
		overflow-y:hidden;
	}
	
	.headermenu_svg_icon {
		
		width: 100%;
		text-align: center;
		display: block;
	}
	.headermenu_svg_icon svg{
		
		width: 16px;
		height: 16px;
	}
	
	.headermenu_svg_icon .text{
		font-size: 14px;
		line-height: 22px;
		font-weight: 700;
		text-transform: uppercase;
		display: block;
	}
	
	svg{
		outline:none;
	}
	
/*header*/

	
	
/*form*/


	.form_date_selected_indicator{
	
		padding: 0px 0px;
		-webkit-box-shadow: 1px 1px 4px 2px rgba(00,0,0,0.2);
		box-shadow: 1px 1px 4px 2px rgba(00,0,0,0.2);
		position:relative;
		/* display:inline-block; */
		
		display: inline-flex;
		align-items: center;
		justify-content: center;
		
		background-color:#FFF;
	}
	@media(max-width:767px){
		
		.form_date_selected_indicator{
			width: 100%;
			
		}
		.form_date_selected_indicator .data_wd{
			display:block;
		}
	}
	@media(min-width:480px){
	

		.form_date_selected_indicator{
			width: 100%;
			max-width:240px;
		}
	}
	
	/*
	.form_date_selected_indicator::before{
		content:"";
		position:absolute;
		top: 0px;
		left: 50px;
		z-index:2;
		width:1px;
		height: calc(100%);
		background-color:#CCC; 
		display:block;
	}
	*/
	.form_date_selected_indicator .date{
		float:left;
		width:50px;
		padding:10px 2px;
	}

	
	.form_date_selected_indicator .time{
		float:left;
		width: calc(100% - 50px);
		
		text-align:left;
		padding:10px 10px;
	}
	
	
	@media(max-width:767px){
			
		
		.form_date_selected_indicator .time{
		
			width: calc(100% - 20px);
			
			padding:10px 5px;
		}
		
	}
	.form_date_selected_indicator .date_wd{
			line-height: 22px;
		margin-bottom: 5px;
		
	}
	
	@media(min-width:768px){
		.form_date_selected_indicator::before{
		
			left: 70px;
		}
		
		.form_date_selected_indicator .date{
			padding:15px 15px; 
			width:70px;
		}
		.form_date_selected_indicator.long .date{
			padding:35px 15px; 
			width:70px;
		}

		.form_date_selected_indicator .time{
			padding:15px 15px;
			width: calc(100% - 20px);
		}
		.form_date_selected_indicator.long .time{
			padding:20px 8px;
		}
	}

	@media(max-width:767px){
		
		.form_date_selected_indicator.long{
			width: 260px;
		}
		.form_date_selected_indicator.long::before{
	
			left: 70px;
			z-index:2;
		}
		
		.form_date_selected_indicator.long .date{
			padding:25px 15px; 
			width:70px;
		}

		.form_date_selected_indicator.long .time{
			padding:15px 4px;
			width: calc(100% - 70px);
		}
		.nofood_msg{
			letter-spacing: -0.5px;
		}
	}


	.form_item{
		margin-bottom: 10px;
	}
	.form_item .greytext {
		font-weight: 700;
	}
	select{
		border: 1px solid #CCC;
		padding: 8px 30px;
		border-radius: 2px;
		outline: none;
		-webkit-appearance: none;
		position: relative;
		width: 100%;
		background-position: calc(100% - 0px);
		background-size: 40px;
		font-weight:normal;
		background-repeat: no-repeat;
		background-image: url('/images/icon_pulldown.png');
		background-color:#FFF;
	}
	/* select[name='admission_prefix'] {
		width: 280px;
	} */

	input[name='admission_firstname'], input[name='admission_lastname'] {
		width: 250px !important;
	}
	
	@media(max-width:767px){
			
		/* select[name='admission_prefix'] {
			min-width: 240px;
		} */
		input[name='admission_firstname']{
			margin-bottom: 8px;
		}
		input[name='admission_firstname'], input[name='admission_lastname'] {
			width: 100% !important;
		}
		
	}
	
	.time_item{
		cursor:pointer;
		border: 1px solid #CCC;
		border-bottom:1px solid transparent;
		padding: 8px 30px;
		font-weight:bold;
		border-radius: 2px;
		transition: all 300ms ease;
		position: relative;
	}
	
	.time_item.disabled{
		
		background-color:#e8e8e8;
		
	}
	
	
	.time_item.disabled::after {
		content: "FULL";
		padding: 4px 5px;
		background-color: #b5b5b5;
		color: #333333;
		border-radius: 5px;
		position: absolute;
		top: calc(50% - 11px);
		margin-left: 10px;
		font-size: 10px;
		line-height: 12px;
		font-weight: bold;
	}
	
	@media(min-width:768px){
		.time_item:not(.disabled):hover{
			opacity:.8;
		}
	}
	.time_item:last-child{
		border-bottom:1px solid #CCC;
	}
	
	.time_item.selected{
		color:#FFF;
		background-color: #e22120;
	}
	
	
	input[type='date'],
	input[type='file'],
	input[type='number'],
	input[type='text'],
	input[type='email']{
		border: 1px solid #CCC;
		padding: 8px 5px;
		border-radius: 2px;
		outline: none;
		width:100%;
	}
	
	input::placeholder {
		font-size: 14px; 
	}
	
	@media(max-width:767px){
			
		input[type='date'],
		input[type='file'],
		input[type='number'],
		input[type='text'],
		input[type='email']{
		}

		[name='contact_name'],
		[name='contact_phonenumber']{
			width: 100% !important;
		}


	}
	
	
	.mobile_input .prefix{
		width:120px;
		float:left;
		text-align: center;
		border: 1px solid #CCC;
		border-radius:2px;
		border-top-right-radius:0px;
		border-bottom-right-radius:0px;
	}
	.mobile_input select{
		padding-left: 10px;
		padding-right: 50px;
		border: none;
		text-align: center;
	}
	.mobile_input .input_content{
		width: calc(100% - 120px);
		float:left;
	}
	.mobile_input .input_content input{
		border-left: none;
		
		border-top-left-radius:0px;
		border-bottom-left-radius:0px;
	}
	
	
	
	
	
	.form_label{
		font-size:16px;
	}
	
	.form_option{
		width:120px;
		float:left;
		padding-right:5px;
	}
	 .form_option>*{
		width:100%;
	}
	 .form_option_field{
		width: calc(100% - 120px);
		float:left;
		padding-left:5px;
	}

	
	input[type='checkbox']{
		width: 20px;
		height:20px;
		outline:none;
		cursor:pointer;
		margin-top:0px;
	}
	
	 .form_checkbox{
		width:30px;
		float:left;
		padding-right:5px;
	}
	 .form_checkbox_label{
		width: calc(100% - 30px);
		float: left;
		padding-left: 2px;
		font-size:12px;
		line-height:14px;
	}
	
	
	
	
	
	
	.terms_container ul{
		padding-left:15px;
		margin-bottom: 0px;
	}
	.terms_container ul li{
		margin-bottom: 15px;
	}
	
	
	.terms_container ul li:last-child{
		margin-bottom: 0px;
	}
	
	@media(max-width:767px){
		
		.fancybox-slide--html {
			padding: 20px 15px;
		
		}
	}
	
	.fancybox-button svg {
		background: #FFF;
		border-radius: 30px;
		color: #1b4492;
	}
	
	
	@media(max-width:767px){
		
		#admission_step4 .form_date_selected_indicator{
			width: 100%;
			height:120px;
		}
		
		#admission_step4 .form_date_selected_indicator .date {
			width: 45px;
			padding:0px;
		}
		 
		#admission_step4 .form_date_selected_indicator .time {
			padding-top:15px;
			padding-bottom:15px;
			width: calc(100% - 0px);
			
		}
		
		#admission_step4 .form_date_selected_indicator::before {
			left: 45px;
		}
		#admission_step4 .venue_container {
			height:120px;
		}
		
		#admission_step4 .venue_container .ml-text {
			
			line-height: 25px;
			margin-bottom: 6px;
		}
	}
	#admission_step4 .venue_container {
		color:#000;
		-webkit-box-shadow: 1px 1px 4px 2px rgb(0 0 0 / 20%);
		box-shadow: 1px 1px 4px 2px rgb(0 0 0 / 20%);
		padding: 10px;
	
	}
	
	.venue_container{
		
		
			display: flex;
			  align-items: center;
			  justify-content: center;
	}
	
	@media(min-width:768px){
		#admission_step4 .form_date_selected_indicator{
			width: 100%;
			height:130px;
		}
		#admission_step4 .venue_container {
			height:130px;
		}
		#admission_step4 .venue_container .ml-text {
			
			line-height: 32px;
			margin-bottom: 6px;
		}
	}

	#admission_step4 .ticket_container {
		
		/* -webkit-box-shadow: 1px 1px 4px 2px rgb(0 0 0 / 20%);
		box-shadow: 1px 1px 4px 2px rgb(0 0 0 / 20%); */
		padding: 10px;
	}
	
	.ticket_details{
		/* width: calc(100% - 160px);
		float:left; */

		display: flex;
		justify-content: center;
		align-items: center;
		width: 100% !important;
	}
	.ticket_qrcode{
		width: 160px;
		float:left;

	}
	
	@media(max-width:767px){
		
		.ticket_qrcode{
			width: 120px;
		float:right;
		}
	}
	@media(min-width:768px){
		
		.ticket_details{
			width: calc(100% - 180px);
		}
		.ticket_qrcode{
			width: 180px;
			height: 180px;
			padding: 10px;
		}
	}
	.ticket_qrcode .image{
		
	}
	
	
	@media(min-width:768px){
		.venue_name_c{
			font-size:20px;
			line-height:24px;
		}
	}
/*form*/



/*faq_item*/
	
	.faq_item{
		border-bottom: 1px solid #CCC;
		
		transition: all 300ms ease;
	}
	.faq_item:last-child{
		border:none;
	}
	.faq_item .question{
		padding: 15px 50px 15px 0px;
		position:relative;
		cursor:pointer;
		transition: all 300ms ease;
		font-weight:bold;
	}
	@media(min-width:768px){
			
		.faq_item .question:hover{
			opacity: .6;
		}
	}
	
	.faq_item .question::after{
		content: "";
		position: absolute;
		top: calc(50% - 16px);
		right: 0px;
		width:  32px;
		height: 32px;
		background-position: center;
		background-size: 15px;
		background-repeat: no-repeat;
		background-image: url(/images/icon_plus.png);
		border-radius: 50%;
		border: 1px solid #CCC;
		transition:none;
		
	}
	.faq_item.active .question::after{
		background-image: url(/images/icon_minus.png);
	}
	
	.faq_item .answer{
		display:none;
		padding-bottom:20px;
	}

/*faq_item*/


/*lang*/

	#h_right{
		text-align:right;
	}

	.header_ricon {
		font-size: 12px;
		line-height: 14px;
		padding-top: 31px;
		position: relative;
		display:inline-block;
		margin-left:20px;
		
	}
	
	.header_ricon button{
		
		background:none;
		border:none;
		outline: none;    
		padding: 0px;
		
		
	}
	header .icon_label{
		color:#000;
	}
	@media(max-width:767px){
		header .icon_label{
			display:none;
		}
		
		#lang_icon{
			display:none;
		}
		.lang_container{
			margin-left:0px;
		}
	}
	
	header.inactive .header_ricon{
		padding-top: 23px;
		margin-left: 0px;
	}
	@media(max-width:767px){
		
		.header_ricon {
			
			padding-top: 40px;
		}
		header.inactive .header_ricon{
			padding-top: 18px;
		}
	}
	header.inactive .icon_label{
		opacity:0;
	}
	
	@media(min-width:768px){
		
		header.inactive .header_icon_form .icon_label{
			opacity:0;
			width:0.1px;
			overflow:hidden;
		}
	}
	
	@media(max-width:767px){
		.lang_container{
			
			right:0px;
			
		}
	}

	.header_ricon .header_svg_icon svg{
		height:16px;
		width:16px;
		outline: none;
	}
	
	#lang_icon .icon_label>*{
	
		transition: all 300ms ease;
	}
	
	.lang_selector{
		display:none;
		margin-top:10px;
		display: none;
		background: #FFF;
		padding: 0px 15px;
		position: absolute;
		top: 100%;
		right: 0px;
		width: 120px;
		text-align: center;
		-webkit-box-shadow: 1px 1px 6px 2px rgba(00,0,0,0.1);
		box-shadow: 1px 1px 6px 2px rgba(00,0,0,0.1);
	}
	.lang_container.active .lang_selector{
		display:block;
	}
	.lang_item{
		padding:10px 0px;
		cursor:pointer;
		transition: all 300ms ease;
	}
	.lang_item:hover{
		opacity:.8;
		color:#e22120;
	}
	
	.header_svg_icon{
		margin-bottom:5px;
		display: block;
	}
	.icon_label{
		font-family: "Helvetica Neue", sans-serif;
		letter-spacing: 0.55px;
		font-size: 12.5px;
		font-weight: bold;
		text-transform: uppercase;
		transition: all 300ms ease;
	}
	.icon_label span{
		color: #FFF !important;
		transition: all 300ms ease;
	}
	
	
	
	
	.header_ricon svg{
		transition: all 300ms ease;
		fill: #fff;
	}
	.header_ricon:hover svg{
		fill: #e22120;
	}
	.header_ricon:hover .icon_label span{
		color:#e22120;
	}
	.header_ricon{
		font-size:12px;
		line-height:14px;
	}
	
/*lang*/

/*tudor*/

/*ipad*/
	@media(min-width:768px) and (max-width: 991px){
		.l-text {
			font-size: 32px;
			line-height: 36px;
		}
		
		#blackbay_exhibition_overlay .l-text.mb-sm{
			margin-bottom:20px;
		}
		
		#btn_booknow_container{
			margin-top:20px;
		}
	}
/*ipad*/
/*cancel*/
	#popup_cancel .content_popup{
		max-height:400px;
		max-width:600px;
	}
/*cancel*/




/*survey*/
	
	#popup_pdcs_container{
		padding:20px;
		max-width:1000px;
	}

	#progress_bar{
		position: relative;
		height:50px;
	}
	#progress_bar::before{
		content:"";
		position:absolute;
		top: 14px;
		left:0px;
		width:100%;
		height:2px;
		background-color: #CCC;
		
	}
	
	.dot_container{
		position: relative;
		padding:15px 0px;
	}
	.dot_container.inred{
		position: absolute;
		top:0px;
		left:0px;
		width:100%;
		
	}
	.dot_container>.dot{
		position: absolute;
		width:  10px;
		height: 10px;
		background-color: #CCC;
		top: 10px;
		border-radius:50%;
	}
	
	
	.dot_container.inred>.dot{
		background-color: #e22120;
	}
	
	
	.dot_container>.dot:first-child{
		left: calc(0% - 6px);
	}
	.dot_container>.dot:nth-child(2){
		left: calc(50% - 6px);
	}
	.dot_container>.dot:nth-child(3){
		left: calc(100% - 6px);
	}
	
	
	
	
	.dot_container.inred::before{
		content:"";
		position:absolute;
		top: 14px;
		left:0px;
		width:calc(0% - 0px);
		height:2px;
		background-color: #e22120;
		
		transition: all 300ms ease;
	}
	
	
	.dot_container.inred>.dot:nth-child(2){
		transition: all 300ms ease;
		opacity:0;
	}
	.dot_container.inred>.dot:nth-child(3){
		transition: all 300ms ease;
		opacity:0;
	}
	
	
	.dot_container.inred.step2>.dot:nth-child(2),
	.dot_container.inred.step3>.dot:nth-child(2){
		opacity:1;
	}
	.dot_container.inred.step3>.dot:nth-child(3){
		opacity:1;
	}
	
	
	.dot_container.inred.step1::before{
		width:calc(0% - 6px);
	}
	.dot_container.inred.step2::before{
		width:calc(50% - 6px);
	}
	
	.dot_container.inred.step3::before{
		width:calc(100% - 6px);
	}
	
	
/*survey*/



/*scan form*/

	.qrcode_wrapper{
		max-width:600px;
	}
	@media(max-width:767px){
		.qrcode_wrapper{
			max-width:100%;
		}
	}
	#scanner_manual_input{
		width: 100%;
		padding: 7.5px 15px;
		border-radius: 4px;
		outline:none;
		-webkit-box-shadow: 0 0 3px 2px rgba(0,0,0,0.2);
box-shadow: 0 0 3px 2px rgba(0,0,0,0.2);
	}
	
	
	/*override*/
	#qrr-output-data, #qrr-ok, #qrr-output{
		display: none !important;
	}
	#qrr-canvas{
		height: auto !important;
		margin: 0px auto !important;
		max-width: 80% !important;
	}
	#qrr-close{
		display:none !important;
	}
	#qrr-container {
		background: none !important;
		position: relative;
		background: none !important;
		padding: 0px !important;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width:  100%  !important;
		height: 100%  !important;
		margin: auto;
		display: none;
		z-index: 1;
		border-radius: 10px;
	}
	
	#qrr-overlay{
		display:none !important;
	}
	
	/* #booking_details_container{
		
		padding:15px;
		-webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,0.2);
		box-shadow: 0 0 4px 2px rgba(0,0,0,0.2);
	} */
	.statusicon_container{
		max-width:180px;
	}
	
	.entry_form_status{
		background-position: center;
		background-size: 100%;
		background-repeat: no-repeat;
		padding-bottom: 100%;
		
	}
	.entry_form_status.s_valid{
		background-image: url('/images/icon_entry_valid.png');
	}
	.entry_form_status.s_invalid{
		background-image: url('/images/icon_entry_invalid.png');
	}
	.entry_form_status.s_alert{
		background-image: url('/images/icon_entry_alert.png');
	}
	
	
/*scan form*/


/****************/
/*header*/
	@media(max-width:767px){
		
		/* header.inactive + section{ */
			/* padding-top:50px; */
		/* } */
		/* header:not(.inactive) + section{ */
			/* padding-top:80px; */
		/* } */
	}
	@media(min-width:768px){
		
		/* header.inactive + section{ */
			/* padding-top:60px; */
		/* } */
		/* header:not(.inactive) + section{ */
			/* padding-top:100px; */
		/* } */
	}

/*header*/
/*homepage*/
	#homepage_kv{
		
		background-position: top;
		background-size: 100%;
		background-repeat: no-repeat;
		padding-bottom: calc(100% * 784 / 1920);
		background-image: url('/images/homepage_kv.jpg');
		
	}
	@media(max-width:767px){
		#homepage_kv{
			
			padding-top: 60vh;
			background-image: url('/images/homepage_kv_m.jpg');
			
		}
		
	}
	#kv_container{
		padding-bottom:25vh;
		
	}
	#homepage_kv_desc{
		position:absolute;
		bottom:0px;
		left:0px;
		width:100%;
	}
	@media(min-width:768px){
		#homepage_kv_desc{
			padding: 0px 0px 120px 0px
		}
	}
	@media(max-width:767px){
		.banner_content_wrapper{
			padding-bottom:30px;
		}
		
		.banner_content_wrapper h2 + h3 + div{
			
			font-size:14px;
		}
		
		#blackbay_exhibition_overlay .banner_content_wrapper{
			padding-bottom:0px;
		}
		
		#homepage_kv_desc .tpara{
			margin-bottom:60px;
		}
	}
	
	
	.homepage_event_desc{
		position:absolute;
		bottom:0px;
		left:0px;
		width:100%;
	}
	@media(min-width:768px){
			
		.homepage_event_desc{
		
			height:100%;
			padding:0px !important;
		}
	}
	@media(min-width:768px){
		#homepage_virtual_cycling_challenge_desc{
			margin-right:0px;
			width: 52%;
			height:100%;
			
		}
		
		#homepage_watchmaking_workshop_desc{
			margin-left:0px;
			width:52%;
			height:100%;
			
		}
		
		
	}
	
	@media(min-width:768px) and (max-width:1199px){
		#homepage_virtual_cycling_challenge_desc{
			background: linear-gradient(to left,  rgba(0,0,0,1) 80%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			width:60%;
			padding-left:10%;
		}
	}
	
	@media(min-width:768px) and (max-width:1199px){
		#homepage_watchmaking_workshop_desc{
			background: linear-gradient(to right,  rgba(0,0,0,1) 80%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			width:60%;
			padding-right:10%;
		}
	}
	
	@media(max-width:767px){
		#homepage_virtual_cycling_challenge_desc{
			margin-bottom:20px;
		}
		#homepage_watchmaking_workshop_desc{
			margin-bottom:90px;
		}
	}
	
	#homepage_virtual_cycling_challenge{
		background-position: center;
		background-size: 1920px;
		background-repeat: no-repeat;
		padding-bottom: 480px;
		background-image: url('/images/homepage_virtual_cycling_challenge.jpg');
		
	}
	
	
	@media(min-width:768px) and (max-width:991px){
		#homepage_virtual_cycling_challenge{
			background-position: 27%;
		}
	}
	@media(min-width:992px) and (max-width:1199px){
		#homepage_virtual_cycling_challenge{
			background-position: 32%;
		}
	}
	
	@media(max-width:767px){
			
		#homepage_virtual_cycling_challenge{
			background-position: center;
			background-size: 100%;
			background-repeat: no-repeat;
			padding-bottom: calc(100% * 1480 / 800);
			background-image: url('/images/homepage_virtual_cycling_challenge_m.jpg');
			
		}
	}
	
	#homepage_watchmaking_workshop{
		background-position: center;
		background-size: 1920px;
		background-repeat: no-repeat;
		padding-bottom: 480px;
		background-image: url('/images/homepage_watchmaking_workshop.jpg');
		
	}
	
	
	@media(min-width:768px) and (max-width:991px){
		#homepage_watchmaking_workshop{
			background-position: 75%;
		}
	}
	@media(min-width:992px) and (max-width:1199px){
		#homepage_watchmaking_workshop{
			background-position: 70%;
		}
	}
	
	@media(max-width:767px){
			
		#homepage_watchmaking_workshop{
			background-position: center;
			background-size: 100%;
			background-repeat: no-repeat;
			padding-bottom: calc(100% * 1480 / 800);
			background-image: url('/images/homepage_watchmaking_workshop_m.jpg');
			
		}
	}
	
	
/*homepage*/
/*book now*/
	.event_selection_item{
		position:relative;
		border: 3px solid transparent;
		margin-bottom:20px;
		/*cursor:pointer;*/
		transition: all 300ms ease;
		font-weight:bold;
		display:block;
		cursor:pointer;
	}
	.event_selection_item:hover{
		filter: brightness(1.15);
	}
	
	
	.event_selection_item.selected{
		border: 3px solid #e22120;
	}
	
	.event_selection_item .content{
	
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		padding:20px;
		
	}
	
	@media(max-width:767px){
			
		.event_selection_item .content{
			padding:10px;
			
		}
	}
	.event_selection_item .title{
		text-shadow: 2px 2px 4px #666;
		width: auto;
		/* display:inline-block; */
		
	}
	.event_selection_item[data-event='NA'] .content{
	
		position: relative;
		border: 1px solid #AAA;
	}
	
	/*
	.event_selection_item .content::before {
		content: "";
		width: 20px;
		height: 20px;
		background-color: #FFF;
		position: absolute;
		right: 20px;
		top: 20px;
		border-radius: 3px;
		border: 1px solid #333;
	}
	.event_selection_item.selected .content::after {
		content: "";
		width: 20px;
		height: 20px;
		background-image: url('/images/icon_tick.png');
		background-position: center;
		background-size: 80%;
		background-repeat: no-repeat;
		
		position: absolute;
		right: 20px;
		top: 20px;
	}
	*/
	
	
	.event_terms_container{
		line-height:18px;
	}
	
	.icon_expand_collapse{
		background-position: center;
		background-size: 100%;
		background-repeat: no-repeat;
		width: 15px;
		height:15px;
		background-image: url('/images/icon_expand.png');
		display:inline-block;
		vertical-align:bottom;
		
	}
	.event_terms_container.active .icon_expand_collapse{
		background-image: url('/images/icon_collapse.png');
	}
	
	
	.event_terms_container .event_terms_content{
		display:none;
	}
	
	.event_terms_container.active .event_terms_content{
		display:block;
	}
	
	
	@media(max-width:767px){
		#admission_step1 .col-sm-5.col-xs-5.col2_item{
			padding-right:0px;
		}
	}
	
	
	.whitebox_container{
		/* background-color: rgba(255,255,255,0.96); */
		padding:30px 25px;
		border-radius:20px;
		
	}
	
	@media(max-width:767px){
		.whitebox_container{
			padding:0px 20px;
		}
		
	}
		
		
	.catalobutton{
		display:block;
		font-weight:bold;
		color:#FFF;
		text-align:center;
		text-decoration:none;
		text-transform: uppercase;
		cursor:pointer;
		-webkit-touch-callout: none; /* iOS Safari */
		-webkit-user-select: none; /* Safari */
		 -khtml-user-select: none; /* Konqueror HTML */
		   -moz-user-select: none; /* Firefox */
			-ms-user-select: none; /* Internet Explorer/Edge */
				user-select: none; /* Non-prefixed version, currently
									  supported by Chrome and Opera */
		transition: all 300ms ease;
		text-shadow: none;
		
		
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		background-image: url('/images/button_bg.png');
		padding: 15px 60px 15px 35px;
		font-size: 18px;
	}



	.catalobutton.displayib{
		display:inline-block;
		margin-left:auto;
		margin-right:auto;
		min-width:300px;
	}

	.catalobutton:focus,.catalobutton:hover{
		text-decoration: none;
		color: #fff;
		filter: brightness(1.2);
	}

	@media(min-width:768px){
		
		a:not(.nohover):focus,
		a:not(.nohover):hover {
			text-decoration: none;
			color:#e22120; 
		}
	}
	@media(min-width:768px){
		
		a.catalobutton:not(.nohover):focus,
		a.catalobutton:not(.nohover):hover {
			text-decoration: none;
			color:#fff; 
		}
	}
	
	
	
	span.header_svg_icon {
			color: #FFF !important;
	}
	@media(min-width:768px){
		span.header_svg_icon {
			font-size: 14px;
			position: relative;
			top: -1px;
			transition: all 300ms ease;
		}
		header.inactive span.header_svg_icon {
			font-size: 18px;
			position: relative;
			top: -3px;
		}
		
	}
	
	
/*book now*/

#banner-text-wrap {
	height: 100%;
	/*background: linear-gradient(0deg, rgba(12, 58, 29, 1) 15%, rgba(15, 59, 30, 0) 30%);*/
}

#homepage_mobile_text{
	color: #FFF;
	padding: 64px 32px 0px 32px;
	/*background: linear-gradient(0deg, rgba(12, 58, 29, 1) 75%, rgba(15, 59, 30, 0) 100%);*/
	position: relative;
	text-align: center;
	margin: -128px auto 0;
}



.text-white {
	color: white
}

.text-yellow {
	color: var(--lightyellow)
}

.text-darkyellow {
	color: var(--gold);
}

.font16 {
	font-size: 16px;
	line-height: 28px;
}

 .lrb0 {
	left: 0;
    right: 0;
    bottom: 0;

 }

 .posabsolute {
	position: absolute;
 }

.mx-auto {
	margin-left: auto;
	margin-right: auto;
}

.my-0 {
	margin-top: 0;
	margin-bottom: 0;
}

.button-mustard {
	background-color: #f8b62c;
	border-color: #f8b62c;
}

.button-mustard:hover, .button-mustard:active, .button-mustard:focus {
	border-color: #f8b62c !important;
	color: var(--darkgreen) !important ;
}

.text-darkgreen {
	color: var(--darkgreen);
}

.bg-darkgreen {
	background-color: var(--darkgreen);
}

.font13 {
	font-size: 13px;
    line-height: 14px;
}

.pc-view {
	display: inline
}

.mob-view {
	display: none;
}

@media (max-width: 767px) {
	.pc-view {
		display: none
	}
	
	.mob-view {
		display: inline;
	}
}

.hero {
	width: 100%
}

@media (max-width: 1024px) {
	#banner-text-wrap > div {
		padding: 0 32px;
	}
}

/* #form-wrapper {
	min-height: 800px;
} */

.font20 {
    font-size: 24px;
    line-height: 32px;
}

.font18 {
	font-size: 18px;
    line-height: 28px;
}

.links-container ul, .links-container li{
	display: inline-flex;
	gap: 45px;
	padding: 0;
}
.links-container li {
	float: left;
}

.circle-links {
	width: 100%;
    height: 80px;
    background-color: var(--gold);
    display:flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
    color: var(--darkgreen);
    text-align: center;
    font-weight: 700;
    cursor: pointer;
    border: 2px solid var(--gold);
    transition: 200ms all ease;
	margin-bottom: 10px;
	line-height: 13px;
}

.circle-links:hover {
	background-color: whitesmoke;
}

.circle-links:hover {
	color: var(--darkgreen) !important;
}


.table_number {
	width: 50%;
	height: 180px;
	border-left: 1px solid var(--lightyellow);
    padding: 10px 0px 10px 18px;
	margin-left: 32px;
}

#table-title {
	font-size: 26px;
}

@media (max-width: 767px) {
	.links-container ul {
		gap: 13px;
	}

	.table_number {
		width: 120px;
		margin-left: 18px;
	}
}

#tb-title {
	font-size: 24px;
    line-height: normal;
	text-transform: uppercase;
}

#tb-num { 
	font-size:   60px;
	line-height: 60px;
    margin-top: 10px;
}

#tb-name {
	font-size: 30px;
	line-height: 40px;
    margin-top: 10px;
    text-transform: uppercase;
	line-height: 30px;
}

#dd-wrap {
	padding: 100px 10px;
}

.gallery-row {
	display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
	margin-bottom: 20px;
	
}
.gallery-image {
	display: flex;
	flex-direction: column;
	gap: 8;
	text-align: center;
	width: 25%;
	cursor: pointer;
}

.gallery-image > .fb-wrap {
	display: block !important;
}

.gallery-image img {
	aspect-ratio: 1;
    object-fit: cover;
}

.gallery-download {
	display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
	border-bottom: 2px solid transparent;
	transition: 200ms all ease;
	color: var(--gold) !important;
}

.gallery-download:hover {
	color: var(--gold) !important;
	border-color: var(--gold) !important;
}

@media (max-width: 767px) {
	.gallery-image {
		width: 48%;
	}

	.gallery-row { 
		flex-wrap: wrap;
	}
}

.uppercase {
	text-transform: uppercase;
}

#tb-name.result {
	font-size: 37px;
    margin-top: 57px;
    text-transform: uppercase;
}

#tb-num.result {
	font-size: 120px;
    margin-top: 32px;
}

.float-r {
	float: right;
}

.q-wrapper {
	min-height: 300px;
}

.margin-center {
	margin: 0 auto
}

.opacity-1 {
	opacity: 1;
}