@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');



:root {
  --primary-color:#01636B;
 --secondary-color:#03373C;

  --spcl-color:#2d5c88; 
  --spcl-color2:#1d1d1d;
  
  --button-bg:#01636B;
  --button-text:#ffffff;
  --button-bghover:#101010;
  --button-texthover:#ffffff;
  
  --button-secndry:#ffffff;  /*secondry button */
  --button-text-sec:#101010;
  
  --headercolor:#000000; /*Event -  h1 */
  --headersmlcolor:#000000; /*Event -  h2, h4 */
   --headerfont: font-family: 'Manrope', sans-serif;;
   
   
  /******Serach page ****/
  --searchbtn:#01636B;
  --searchbtntext:#ffffff;
  --searchbtnhover:#101010;
  --searchbtntexthover:#ffffff;
  
  --searchTitle:#5f6eb3; 
  --searchtblheadBg:#5f6eb3;
  --searchtblheadtxt:#ffffff;

}

.full-width  {  width: 100vw;  position: relative;  left: 50%;  right: 50%;  margin-left: -50vw;  margin-right: -50vw; display:block; }

.BtmWrap, .aspahide { display:none!important;}

.column.is-full { padding-top:0px; padding-bottom:0px; }

footer.nes { width: 100vw;  position: relative;  left: 50%;  right: 50%;  margin-left: -50vw;  margin-right: -50vw; display:block; background:#ffffff; }
.BottomLogoBox {padding:25px 0px; /*background:var(--primary-color);*/ color:#ffffff;   }

header {width: 100vw!important;  position: relative;  left: 50%;  right: 50%;  /*margin-left: -50vw!important;  margin-right: -50vw!important;*/ display:block; background:var(--primary-color); }

html, body { font-family: 'Manrope', sans-serif; color:#000000;     font-size: 16px!important;    line-height: 1.2!important;   }

body { background:#f5f5f5;   }


.white-box {background: #ffffff; padding:30px 30px 30px 30px;  border-radius:20px 20px 20px 20px; border:1px solid #E6E6E6; display: block; margin:15px 0px 15px;}
.m-b30 { margin-bottom:30px;}
.m-t30 { margin-top:30px; }

.formhead  { margin-bottom:10px;  }
.formhead h3 {font-weight: bold;    font-size: 18px;text-align: left;}

.RightDetails {padding: 30px 5px 30px 25px;}


.functionality-component-body p {
    margin-bottom: 0px;
}

.header-section {
    margin-top: 20px;
}

.functionality-component-body {
    border-top: 0!important;
}

.event-prices .header-section {}



button.bg-primary {
    line-height: 23px;
}
.container { }


a {    color: var(--primary-color); text-decoration:none     }   
a:link, a:active, a:visited {color: var(--primary-color); text-decoration:none }
a:hover {color: var(--primary-color);text-decoration: underline;}


.navbar {    background-color: transparent;    padding: 10px;   }

.navbar-link{ }
.navbar-link:active, .navbar-link:link, .navbar-link:visited { color:#ffffff!important; text-decoration:none; background:none!important;}
.navbar-link:hover, .navbar-link:focus { background:none!important; color:#01636B!important; text-decoration:none}


.navbar-menu  {}
.navbar-menu .navbar-item {color:#ffffff!important; text-decoration:none; padding: 10px 35px!important; max-height:55px;}

.navbar-item:focus, .navbar-item:hover {background:none!important; color:#ffffff!important; text-decoration:none}

.navbar-link:not(.is-arrowless):after { border-color:#ffffff;}


.navbar-dropdown  { box-shadow:0 0 17px #333333; background:#5f6eb3; color:#ffffff;border-top:0; } 
.navbar-dropdown .navbar-item { color:#ffffff!important; text-transform: uppercase; padding: 10px 10px!important;  }
.navbar-dropdown .navbar-item:focus, .navbar-dropdown .navbar-item:hover { color:#5f6eb3!important; background:#01636B!important; text-decoration:none;  }

.navbar-brand .navbar-item:hover, .navbar-brand .navbar-item:focus  { background:none!important;} 
.navbar-brand .navbar-item img{ max-height:166px!important; }


.navbar-burger { color: #ffffff!important; /* height: 6rem; width: 6rem;*/ }
.navbar-burger span {  height: 2px;  width: 20px; }

.navbar-menu { background:none; }

.nav-login { padding-right:0.5rem; padding-left:0.5rem; color:rgba(255,255,255,0.9)!important; text-decoration:none!important; background:none; border:0;  }
.nav-login i { margin-right:5px; }
.nav-login:hover, nav-login:focus { background:none!important; color:#ffffff; }
.nav-register {background-color:#ECFFF8!important; color:#000; padding: 5px 15px!important;  border-radius: 15px; border:0; text-decoration:none; }
.nav-register:hover,.nav-register:focus,.navbar-collapse .nav-link.nav-register:focus,.navbar-collapse .nav-link.nav-register:hover, a.button.nav-register:hover  {background-color:#000!important; color:#fff!important;  text-decoration:none;}


@media screen and (max-width: 1023px){
.navbar-item { text-align:left}
.navbar-item.has-dropdown {    max-height: unset!important;}
.navbar-dropdown { box-shadow:none; }
.navbar-menu  {padding-top:0px;}
.navbar-brand .navbar-item img { }

}



@media (min-width: 992px) {
.navbar-expand-lg .navbar-nav .navbar-link {}

}


.navbar{ background-color: transparent!important; }




@media screen and (min-width: 1408px){
.container:not(.is-max-desktop):not(.is-max-widescreen) {
    /* max-width: 1000px; */
}
}

@media screen and (min-width: 1216px){
.container:not(.is-max-desktop) {
    max-width: 1000px;
}
}





	
body, html {	}
h1, h2, h3, h4, h5, h6 {
    font-family:var(--headerfont);
}











/************* Footer GSP **************/



footer.footerwrap2 {background:var(--secondary-color)!important; color:var(--mint)!important; margin-top:40px;}
footer.footerwrap {background:var(--secondary-color)!important;}

.row.btm-menulinks {  padding: 1.25rem 0px;    border-bottom: 1px solid rgb(96,135,135); border-top: 1px solid rgb(96,135,135);}

.btm-Topmenulinks { padding:65px 0px 30px 0px; }
.btm-Topmenulinks a {text-decoration:none;     color: var(--mint); font-weight: 600; font-size:20px; }
.btm-Topmenulinks a:hover {text-decoration-color: #21f3b3; text-decoration-line: underline;    text-decoration-thickness: 1px;    text-underline-offset: 6px;    color: var(--mint);}

@media screen and (max-width: 767px) {
.btm-Topmenulinks a { display:block; padding:5px 0px; margin-top:17px; }

}
@media screen and (min-width: 768px) {
.btm-Topmenulinks a { display:inline-block; padding:0px  30px; }
footer .container { max-width:80%!important; }	
}

.btm-menulinks h5 {   font-weight: 600; margin-top:15px;   }

.btm-menulinks a{ display:block; padding:3px 0px; margin-top:17px;   color:var(--mint);     text-decoration-color: #21f3b3;
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 6px; font-size:16px; }
.btm-menulinks a:hover, .btm-menulinks a:focus { text-decoration:none; color: var(--mint); }

.btm-menulinks h5 a {text-decoration:none; color: var(--mint); font-size:16px; }
.btm-menulinks h5 a:link, .btm-menulinks h5 a:active, {} 
.btm-menulinks h5 a:hover, .btm-menulinks h5 a:focus { text-decoration-color: #21f3b3; text-decoration-line: underline;    text-decoration-thickness: 1px;    text-underline-offset: 6px;    color: var(--mint);}

.Btm-social-links {  padding-top:15px;   }
.Btm-social-links a { display:inline-block;    margin-right: 0.75rem;    padding: 0.25rem; max-width:35px; }

.btm-copyright { font-size:.9rem;color: var(--white);}










/*******************/




.field.is-grouped .button {border: 1px solid var(--primary-color); background:var(--button-secndry); color:var(--button-text-sec); margin-right:5px; font-weight: 500;line-height:20px; text-align: center; text-decoration: none; height:50px; border-radius:20px}

.field.is-grouped .button:link,.field.is-grouped .button:active, .field.is-grouped .button:visited, .field.is-grouped .button:hover, .field.is-grouped .button:focus, .button:hover  { color:var(--primary-color); background:#ECFFF8;  }

.button.is-link {  background:var(--button-bg)!important; border-color:var(--button-bg)!important;  color:var(--button-text)!important; cursor: pointer;transition: all .03s ease-in-out 0.03s;    outline: 0 none; }

.button.is-link:hover, .button.is-link:focus { background:var(--button-bghover)!important; border-color:var(--button-bghover); color:#ffffff!important;}


.event-description { text-align:left;}
label { font-weight:400!important;}
.label { font-weight:normal }


.break-text { word-break:break-word!important; }





.at-icon-wrapper { border-radius: 30px;}
.field.is-grouped { margin-top:35px!important;  }
.field.is-grouped>.control:not(:last-child) { margin-right:0!important}

.is-grouped {/*justify-content: flex-end!important;*/}

.event-title-image{    background-size: cover!important;    background-position: top!important;}

.at-icon-wrapper { border-radius: 30px;}

label.checkbox { margin-top: 15px; }

.l-content { padding:5px; }
.registration-page-container { border:0px!important; padding:0px 15px!important;}
.section { padding:0!important;}

.datetimepicker-dummy.is-info::before, .datetimepicker-dummy.is-info:before {   background-color: var(--primary-color)!important;}

svg-inline--fa.fa-w-10 {    width: 0.625em;    color: var(--primary-color) !important;}


.datetimepicker-dummy.is-info .datetimepic { color: var(--primary-color)!important;}


@media screen and (min-width:320px) and (max-width:768px) {

 }

@media screen and (max-width: 767px){
.BtmDnbLogo { text-align: center;}
.BtmPowered a { float:none; display:table;  margin: 0 auto;}

.field.is-grouped .button { padding: 0px 15px; margin-right:0px; }
.event-booking-form {padding-bottom: 70px!important;}
.footer-credits .container {  padding: 0px 25px;}

.field.is-grouped { display:block; margin-top:15px; }
.field.is-grouped .control { text-align:right; margin-top:10px;}
section.section.is-pulled-right { float:none!important;}

}	
@media (min-width: 768px){ .field.is-horizontal {display: block;}
	}	
@media (min-width: 992px) { 	}
@media (min-width: 1200px){ }



@media screen and (min-width: 769px), print {
.column.is-four-fifths, .column.is-four-fifths-tablet { flex: none;    width: 100%;}
}





.column.is-four-fifths, .column.is-four-fifths-tablet { flex:auto;}

.select:not(.is-multiple):not(.is-loading)::after { border-color: var(--primary-color);}
.svg-inline--fa.fa-w-10 {    color: var(--primary-color) !important;}


	
.input:active, .input:focus, .is-active.input, .is-active.textarea, .is-focused.input, .is-focused.textarea, .select select.is-active, .select select.is-focused, .select select:active, .select select:focus, .textarea:active, .textarea:focus { border-color: var(--primary-color); box-shadow: 0 0 0 0.125em rgba(0,165,178,.25);}



.button:focus{border-color: var(--primary-color);color:#ffffff}
.button.is-focused:not(:active),.button:focus:not(:active){box-shadow: 0 0 0 0.125em rgba(0,165,178,.25);}
.button.is-link:focus:not(:active){box-shadow: 0 0 0 0.125em rgba(0,165,178,.25);}




.field-label {
    text-align: left!important;
    color: #1d1d1d!important;
    padding-top: 15px;
}


.label {    font-weight: normal;    padding: 3px 0px; }
p {line-height: 24px;    /*margin-bottom: 5px!important; padding:5px 0px 5px 0px!important;*/}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    position:inherit!important;
    margin-top:\0!important;
    margin-left:0!important; margin-right:4px!important }


.button, .m-product-detail__cta-btn a, .m-product-landing__cta-btn a, .m-subscription-package__actions .button.hollow { padding:0px 20px; font-size:1rem; }
.label, .label.primary {background: none!important;  white-space: normal; text-transform: none;}
nav#block-meganavigation {    margin-bottom: 0px;}



.iti__flag {  display: inline-block;     margin-right: 6px;}
.mat-caption, .mat-small {    display: inline-block;}
.container.ng-untouched.ng-pristine.ng-invalid {  padding: 0;}




footer img {  display: inline!important;}





@media screen and (min-width:320px) and (max-width:768px) {
.container {max-width: 100%!important;/* margin: 0px -10px; */}
	.white-box {
    
    margin: 5px 0px 10px;
}

	div#event-booking-form-wrapper {
    margin: 0px;
}

.CntntRghtcol {
    margin-top: -15px;
}

div#event-name-wrapper {
    margin-top: 25px;
}

section.Reg-wrapp-sec {
    margin: 0px -35px;
}

 }


@media screen and (max-width: 1024px){ 
.field.is-grouped {  display: block; text-align: right;}
.field.is-grouped .control { margin: 10px 0px;}
section.section.is-pulled-right { width: 100%; }
}

@media (min-width: 1024px){
	.field.is-grouped {  display:flex; }
}

#event-description-wrapper p a {
    word-break: break-all;
}