@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 {
	--neon:#21F3B3;
	--orange:#FA7154;
  
 	--blue:#01636B;
 	--c-blue:#03373C;
  	--d-blue:#032A24;
	
	--mint:#ECFFF8;  
  	--rose:#FBC3B7;
  
  	--blue80:rgba(1,99,107,0.8);
  	--blue50:rgba(1,99,107,0.5);
  	--blue20:rgba(1,99,107,0.2);
  	--blue10:rgba(1,99,107,0.1);
  	--blue5:rgba(1,99,107,0.05);
	
	--rose20:rgba(251,195,183,0.2);
	
	--white:#ffffff;
  	--black:#000000;
	--black80: rgba(0, 0, 0, 0.8);
    --black60: rgba(0, 0, 0, 0.6);
    --black40: rgba(0, 0, 0, 0.4);
    --black20: rgba(0, 0, 0, 0.2);
	/*******************************************/
  --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;

}

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

body {/* background:#f5f5f5; */}



header {display:block; background:var(--primary-color); }
footer {  display:block;  }

.pitch-container.flex.grow.justify-start.items-center.gap-2 { max-width: 96%;}

.BottomLogoBox {padding:25px 0px; color:#ffffff; background:var(--secondary-color) }

.footer-credits { padding:15px 0px; }

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


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

.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;}



.container { max-width:1280px }


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

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






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







.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;}



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




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{height: 33px!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;}

a#dropdown01, a#dropdown02 {
    margin-bottom: -1.5rem;
    border: 1px solid transparent;
}

@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; }




.booking-details { line-height: 1.6;}
.booking-details .text-headerColor {
    color: #ffffff!important;  line-height: 1.4; 
}

.booking-details .text-headerColor i {
    color: #fff!important;
}

#booking-event-location-full-wrapper .text-headerColor {
    color: #ffffff!important;
}

#booking-event-location-full-wrapper .text-headerColor i {
    color: #ffffff!important;
}


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

.functionality-component-body .has-marging-bottom-1 { margin-bottom:0px!important}
/*******************/




.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;}

h4.profile-item__title {margin: 15px 0px!important;}


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

 }
 
 
 @media screen and (max-width: 767px){	.btm-deltagertxt {

    padding-top: 20px;
    padding-bottom: 35px;
}
 }

@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: 160px!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;}

	booking-event-contact-details-full, booking-number-of-places-full, booking-event-location-full{width:200px}

}	
@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;}



.booking-header { line-height:1.2; margin-top:15px; }


@media screen and (min-width:320px) and (max-width:768px) {
/*
.container {    max-width: 96%!important;}
 */
 
.content-container{ padding:0px!important; }
.datepicker-toggle { font-size:18px!important; }
.booking-button { margin:0 auto!important; }

 }


@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; }
}


input#mi-input-bookermobile {width: 100%;}
div#booking-event-contact-details-full-wrapper, div#booking-number-of-places-full-wrapper, div#booking-event-location-full-wrapper {justify-content: center;display: flex;/* width: 80%; */}

.BottomEtraDetails .hidden{ display: none!important}

select{background:none}











/***********************Header styles ***************************/

/***************Header*****************/
header, .navbar {
    /*background: var(--color-reg-accent);*/
    left: auto;
    right: auto;
}

a.--logo.home {
    margin-left: -20px;
}

.img-logo {max-height:40px;width: 220px;margin-left: -30px;}

.nav-item {padding:0px 15px;/* list-style: none; */}

.nav-link {color:var(--black80); display:inline-block}
.nav-link:hover { color:var(--black); text-decoration:none;}

.nav-btn { background:var(--topnav-btn); color:var(--white); border-radius:8px; text-align:center;}
.nav-btn:active {color:var(--white);}
.nav-btn:hover { background:var(--topnav-btn-hvr); color:var(--white); text-decoration:none; }


/***Top Menu ****/

.nav-link:hover {
    text-decoration-color: #ffffff;
    text-decoration-line: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 8px;
}

.nav-link {
    color: rgb(255 255 255)!important;
    font-size: 17px;
}
.dropdown-menu {}

a.dropdown-item {
    padding-left: .3rem;
}

a.dropdown-item:hover, button.dropdown-item:hover {
    background-color: transparent;
    color: #03373C;
}
.dropdown-item:focus, .dropdown-item:hover{text-decoration-color: #325f62;
    text-decoration-line: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 8px;
    
                                          
                                          }

.dropdown-menu {background:var(--topnavdrop-bg)!important; border-color:var(--topnavdrop-bg)!important; }
.dropdown-menu:hover { display: block; background: transperant }
.dropdown-menu[data-bs-popper] { /*left: -100%;*/ top:70px;}

li.orgInfo { padding: 2px 18px;}
.dropdown-menu .divider {height: 1px;margin: 10px 0;overflow: hidden;background-color: #e5e5e5;display: none;}

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

.navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl {
--bs-gutter-x:.25rem;}






	
@media screen and (min-width: 992px) {

    

i.fa-solid.fa-user {
    font-size: 19px;
}
.img-logo {max-height: 40px;width: 220px; margin-left: -30px;}
.containerMenu {
    position: relative;
}
   

.dropdown-menu {
    background: transparent!important;
    border-color: transparent!important;
    padding-top: 28px;
    isolation: isolate;
    margin-right: -13px;
    filter: drop-shadow(0 2px 0px rgba(0,0,0,.1)) drop-shadow(0 -1px 5px rgba(0,0,0,.3));
    left: auto;
}

.arrow {
    position: absolute;
    isolation: isolate;
    top: -20px;
    right: 30px;
  
}
.rounded-div {
    position: relative;
    background-color: #ecfff8;
    color: #fff;
    border-radius: 15px;
    padding: 20px;
    
}
    .orgInfo {
    padding: 0 15px 10px;
    display: none;
}

.tilbake{display:none}


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



@media screen and (max-width: 991px) {
a#dropdown01 {
    display: none;
}
a.dropdown-item, .tilbake a {
    color: #ffffff;
    font-size:16px
}
    
.BottomLogoBox {
    margin-bottom: 0px!important;
    margin:0px 0px
}

    section.Reg-wrapp-sec {
    margin: 25px -35px;
        margin-bottom:10px
}

    .navbar-collapse {padding: 30px 0px 5px 0px;}

.leftbox {
    padding: 0px 0px!important;
    
}
    
.img-logo {max-height: 40px;width: 150px;margin-left: -15px;}
    button.navbar-toggler {
    border: none;
    margin-right: -30px;
}
.containerMenu {
    position: relative;
}

    div#letsregnav {
    margin-left: -30px;
}

.dropdown-menu {

border: 0px solid;
}

.arrow {
    position: absolute;
    top: -20px;
    right: 30px;
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.2));
    display: none;
}
.rounded-div {
    margin-left: -10px;
}

    .navbar-nav .dropdown-menu {
    display: block!important;
    margin-left: 20px;
}

    button.navbar-toggler {
    border: none;
    margin-right: -30px; 
}

    .OrgRightBox {
    padding-left: 0px!important;
}

   
    footer a{ display:block; padding-top:10px}


    .OrgMainInner h1 {
    font-size: 1.6rem;
    font-weight: 600;
    padding-top: 30px;
    padding-bottom: 0px;
}

    .AdminMidWrap {
    padding: 10px 0px;
}

    .dropdown-toggle::after {
    display: none;
  
}

    .navbar-toggler:focus, .navbar-toggler:hover {
    border: 0px none!important;
}

.nav-link {
    font-size: 18px;
    color: #02373c!important;
}

    .orgInfo {
    padding: 0 15px 10px;
    display: none;
}

    .tilbake{text-align:right;display: inline-block;width: 100%;margin-top:20vh;color: #ffffff;}

     i.fa-solid.fa-user {
    font-size: 19px; displaynone
}

}




/************* 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;}