@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:#010102;
  --secondary-color:#2e2e2e;

  --spcl-color:#2d5c88; 
  --spcl-color2:#1d1d1d;
  
  --button-bg:#010102;
  --button-text:#ffffff;
  --button-bghover:#2e2e2e;
  --button-texthover:#ffffff;
  
  --button-secndry:#ffffff;  /*secondry button */
  --button-text-sec:#010102;
  
  --headercolor:#000000; /*Event -  h1 */
  --headersmlcolor:#000000; /*Event -  h2, h4 */
   --headerfont: font-family: 'Manrope', sans-serif;;
   
   
  /******Serach page ****/
  --searchbtn:#010102;
  --searchbtntext:#ffffff;
  --searchbtnhover:#2e2e2e;
  --searchbtntexthover:#ffffff;
  
  --searchTitle:#010102; 
  --searchtblheadBg:#2e2e2e;
  --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 { 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;
/* background: #ffffff;   padding: 15px 0px 15px 0px;    display: block;*/}


.m-b30 { margin-bottom:30px;}
.m-t30 { margin-top:30px; }


@media (min-width: 1024px){
.lg\:w-10\/12 { width:100%; }

}

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

@media screen and (max-width: 1023px){


}



@media (min-width: 992px) {


}





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

}

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

}





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


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


.field.is-grouped .button, .button-regular {border: 1px solid var(--button-bg);  background:var(--button-bg)!important;color:var(--button-text)!important;  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, .button-regular:hover, .button-regular:focus  { background:var(--button-bghover)!important;  color:var(--button-texthover)!important; border: 1px solid var(--button-bghover); }

.button.is-link, .button-outline { background:var(--button-secndry); color:var(--button-text-sec)!important; border:1px solid var(--button-text-sec)!important;   cursor: pointer;transition: all .03s ease-in-out 0.03s;  outline: 0 none;   margin-right:5px; font-weight: 500;line-height:20px; text-align: center; text-decoration: none; height:50px; border-radius:20px; }

.button.is-link:hover, .button.is-link:focus, .button-outline:focus, .button-outline:hover { background:var(--button-bg)!important; border-color:var(--button-bg); color:var(--button-text)!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; }
}