/* Custom styles used for all pages */

/*  PAGE BODY SIZE & BACKGROUND AND TEXT FORMATTING************************** */


@font-face{
	font-family:Colfax Web;
	font-style:normal;
	font-weight:100;
	font-display:swap;
	src:url(https://crayonano.com/dist/fonts/colfax/colfax_web_thin.woff2) format("woff2"),
	url(https://crayonano.com/dist/fonts/colfax/colfax_web_thin.woff) format("woff")}

@font-face{
	font-family:Colfax Web;
	font-style:italic;
	font-weight:100;
	font-display:swap;
	src:url(https://crayonano.com/dist/fonts/colfax/colfax_web_thin_italic.woff2) format("woff2"),
	url(https://crayonano.com/dist/fonts/colfax/colfax_web_thin_italic.woff) format("woff")}

@font-face{
	font-family:Colfax Web;
	font-style:normal;
	font-weight:300;
	font-display:swap;
	src:url(https://crayonano.com/dist/fonts/colfax/colfax_web_light.woff2) format("woff2"),
	url(https://crayonano.com/dist/fonts/colfax/colfax_web_light.woff) format("woff")}

@font-face{
	font-family:Colfax Web;
	font-style:italic;
	font-weight:300;
	font-display:swap;
	src:url(https://crayonano.com/dist/fonts/colfax/colfax_web_light_italic.woff2) format("woff2"),
	url(https://crayonano.com/dist/fonts/colfax/colfax_web_light_italic.woff) format("woff")}

@font-face{
	font-family:Colfax Web;
	font-style:normal;
	font-weight:400;
	font-display:swap;
	src:url(https://crayonano.com/dist/fonts/colfax/colfax_web_regular.woff2) format("woff2"),
	url(https://crayonano.com/dist/fonts/colfax/colfax_web_regular.woff) format("woff")}

@font-face{
	font-family:Colfax Web;
	font-style:italic;
	font-weight:400;
	font-display:swap;
	src:url(https://crayonano.com/dist/fonts/colfax/colfax_web_regular_italic.woff2) format("woff2"),
	url(https://crayonano.com/dist/fonts/colfax/colfax_web_regular_italic.woff) format("woff")}

@font-face{
	font-family:Colfax Web;
	font-style:normal;
	font-weight:500;
	font-display:swap;
	src:url(https://crayonano.com/dist/fonts/colfax/colfax_web_medium.woff2) format("woff2"),
	url(https://crayonano.com/dist/fonts/colfax/colfax_web_medium.woff) format("woff")}

@font-face{
	font-family:Colfax Web;
	font-style:italic;
	font-weight:500;
	font-display:swap;
	src:url(https://crayonano.com/dist/fonts/colfax/colfax_web_medium_italic.woff2) format("woff2"),
	url(https://crayonano.com/dist/fonts/colfax/colfax_web_medium_italic.woff) format("woff")}

@font-face{
	font-family:Colfax Web;
	font-style:normal;
	font-weight:700;
	font-display:swap;
	src:url(https://crayonano.com/dist/fonts/colfax/colfax_web_bold.woff2) format("woff2"),
	url(https://crayonano.com/dist/fonts/colfax/colfax_web_bold.woff) format("woff")}

@font-face{
	font-family:Colfax Web;
	font-style:italic;
	font-weight:700;
	font-display:swap;
	src:url(https://crayonano.com/dist/fonts/colfax/colfax_web_bold_italic.woff2) format("woff2"),
	url(https://crayonano.com/dist/fonts/colfax/colfax_web_bold_italic.woff) format("woff")}

@font-face{
	font-family:Colfax Web;
	font-style:normal;
	font-weight:900;
	font-display:swap;
	src:url(https://crayonano.com/dist/fonts/colfax/colfax_web_black.woff2) format("woff2"),
	url(https://crayonano.com/dist/fonts/colfax/colfax_web_black.woff) format("woff")}

@font-face{
	font-family:Colfax Web;
	font-style:italic;
	font-weight:900;
	font-display:swap;
	src:url(https://crayonano.com/dist/fonts/colfax/colfax_web_black_italic.woff2) format("woff2"),
	url(https://crayonano.com/dist/fonts/colfax/colfax_web_black_italic.woff) format("woff")
}

/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v23/S6u9w4BMUTPHh6UVSwaPGQ3q5d0N7w.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v23/S6u9w4BMUTPHh6UVSwiPGQ3q5d0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIOOaBTMnFcQIG.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIMeaBTMnFcQIG.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIOuaBTMnFcQIG.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIO-aBTMnFcQIG.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofINeaBTMnFcQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIOOaBTMnFcQIG.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIMeaBTMnFcQIG.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIOuaBTMnFcQIG.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIO-aBTMnFcQIG.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofINeaBTMnFcQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIOOaBTMnFcQIG.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIMeaBTMnFcQIG.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIOuaBTMnFcQIG.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIO-aBTMnFcQIG.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofINeaBTMnFcQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


html, body {
    background-color: #11082D;
    font-family: Colfax Web,Helvetica Neue,Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #fafafa;

}

#container {
    border: 0px;
    box-shadow: none;
    background: transparent;
    padding: 0;
    width: 100%;
}

a, a:link, a:active, a:visited {
    text-decoration: underline;
}


.registration_below {
    padding: 5px 0px 5px 0px;
    margin-left: 15px;
}
a:active {
    outline: 0;
}

/* HTML SIZE********************************************************** */
#header{
    display: none;
}
html {

}

/* Preregistration********************************************************** */

.preregistration_message {
margin: 10px 0px 10px 0px;
}

/* BANNER SIZE ON ALL PAGES*************************************************************** */

#banner img {
    width: 128px;
    padding-top: 36px;
    padding-bottom: 36px;
    padding-left: 5%;
}
#banner {
    background-color: transparent;
    text-align: left;
    z-index: 100000;
    width: 100%;
}

#MessagePanel{
    background-color: #ffffff;
    padding: 20px;
    border: 1px solid #dedede;
    box-shadow: -1px 1px 1px 1px #dcdcdc;
}
div#splash {
    background-image: url(https://webcast.openbriefing.com/crayonano-22/images/crayonanobanner.png);
    height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

}

/* BORDER FOR CONTAINER************************************************************** */

#content > div > div.title > img{
border: 0px;
}

#content{
border: 0px;
}

#container { 
border: 0px;
}

/* SPACE FORMATTING ********************************************************* */

#content > div > div.title > div:nth-child(2){
padding: 10px;
padding-left: 0;
}



#content > div.content_container > div.title > img{ width: 100%;
padding: 0px 0px 10px 0px;
}

#content > div > div.preregistration_message{
padding: 0px 0px 100px 0px;
margin-top: 10px;
}

#content > div > div.title > div:nth-child(1) > img{
    width:100%; 
    padding-bottom: 20px;
}


/* TEXT FORMATTING************************************************************* */

.bold {
font-weight: normal;
}

.title {
    margin: auto;

}
#content > div > div.title > div:nth-child(2){
    z-index: 10000;
    margin-top: -420px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 35px;
}

img {
    width: 350px;
}


.subtitle {
bold: none;
}
.speaker_title {
color: #000000;
}
.colour-bar {
color: #ffffff;
font-weight: normal;
    border-top: none;
    border-bottom: none;
}

/*.subtitle, .registration-title, .login-title {
color: #000000;
font-weight: bold;
font-size: 16px;
}*/



/* SPEAKER THUMBNAIL FORMAT***************************************************** */

.speaker_image {
border: none;
-webkit-box-shadow: 0px 0px 9px #333;
}

/* LAUNCH BUTTONS****************************************************************** */

#player_container1946 > div{
color: #ffffff
}

#player_container1947 > div{
color: #ffffff
}

.launch_newwindow{
display: none;
}

/* BARS FORMATTING****************************************************************** */

.bar_background_image {
background-image: none;
}

#footer {
background-image: none;
box-shadow: none;
    line-height: 10px;
    min-height: 10px;
}
div#footer {
    background: transparent;
    min-height: 4px!important;
}
.chevron {
padding: 0px 0px 0px 0px;
    vertical-align: middle;
    visibility: hidden;
}
#header {
    background-image: none;
    box-shadow: none;
    line-height: 25px;
    min-height: 25px;
    padding: 3px;
    padding-left: 17px;
    margin-top: 1px;
    background: #FFFFFFF;
    color: #000000;
}


/* IMG FORMATTING****************************************************************** */

.content_container {
padding: 0px;
margin-right: 0;
}

/* FOOTER************************************************************************** */

#branding {
    margin: auto;
    padding: 0px;
    text-align: right;
    width: 100%;
    display: flex;
    justify-content: center;
    
}
.branding_date {
    margin-left: 4px;
}
.webcast_closed {
    font-weight: bold;
    padding: 5px 0px 5px 0px;
    padding: 10px;
    max-width: 1116px;
    margin: auto;
    margin-left: -9px;
}


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

#form_container {
    display: block!important;

}
#content > div > div.title > div:nth-child(2) {
    font-size: 30px;
    margin-top: -450px;
}

img {
    width: 200px;
}
}



/* Custom styles for register page */
.input_item {
	width: 98%!important;
}
#form_container{
	display: flex !important;
	border: 0px solid #e2dede;
	margin-bottom: 11px;
	margin-right: auto;
	margin-left: auto;
	max-width: 1069px;
	margin-top: 200px;
	padding-top: 14px;
}
#login_form {
	margin-right: 42px!important;
	margin-left: 30px;
	background-repeat: no-repeat;
	background-position: 0 0,0 100%;
	margin-bottom: 10px;
	padding: 27px;
	padding-top: 30px;
	padding-bottom: 26px;
	height: fit-content;
	padding-left: 24px;
	border-radius: 35px;
	background: transparent;
}
#register_form{
	margin-left: 30px;
	background-repeat: no-repeat;
	background-position: 0 0,0 100%;
	margin-bottom: 10px;
	padding: 27px;
	padding-top: 30px;
	padding-bottom: 26px;
	padding-right: 50px;
	background: transparent;
}
.registration_above {
	padding: 4px 0px 5px 6px;
	margin-right: auto;
	margin-left: auto;
	max-width: 1069px;
	margin-top: 108px;
	padding-top: 0;
	font-size: 29px;
	font-weight: bold;
	line-height: 140%;
	padding-bottom: 10px;
}
input[type="submit"] {
    margin-top: 20px;
    position: relative;
    align-items: center;
    padding: 15px 35px;
    font-family: Colfax Web,Helvetica Neue,Arial,sans-serif;
    color: #fafafa;
    font-weight: 100;
    border-radius: 0.375rem;
    border-width: 1px;
    border-color: rgba(250, 250, 250, .1);
    background-color: rgba(250, 250, 250, .05);
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
}
input#webcast_login_button:hover, input#webcast_register_button:hover {
    background: #3F3856;
}
span.field_label {
    float: left;
    font-family: Colfax Web,Helvetica Neue,Arial,sans-serif;
    color: #fafafa;
    font-size: 14px;
    font-weight: 400;
}



.subtitle, .registration-title, .login-title {
    width: 290px!important;
    padding-bottom: 10px;
    font-family: Nunito;
    color: #fff;
    font-size: 32px;
    font-weight: 100;
}

.registration-title {
    width: 100%!important;
}

select {
    color: #495057;
}

#container {
	width: 100%;
}
input[type="text"] {
    display: inline;
    background-color: #FFF;
    font-family: Nunito;
    border-radius: 10px;
    width: 100%;
    font-size: 18px;
    color: #495057;
    border: 2px solid #ffffff;
    height: 35px;
    padding: 8px 24px;
}

div#gdpr {
    font-family: Colfax Web,Helvetica Neue,Arial,sans-serif;
    color: #fafafa;
    font-size: 14px;
    font-weight: 400;
}


#\33 2522 {
	display: none;
}

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


#form_container {


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

	#form_container {
		background: #11082D;
	}
	.input_item {
		width: 90%!important;
	}
	#login_form {
		width: 70%;
	}
	#form_container {
		display: block!important;
		margin-top: auto;
	}
.form_seperator {
    height: 0;
}
.input_item {
	padding-top: 5px;
	width: 270px;
	font-weight:bold;
}
div#gdpr {
	display: inline;
	font-size: 11px;
}
div#demo {
	display: inline;
}
#login_form {
	margin-right: 100px;
	margin-left: 30px;
}



/*recreated - not from cache - process time 0.0050680637359619 */