html{height:100%;-webkit-text-size-adjust:100%;}
body{margin:0px;height:100%; font: 14px/20px 'Open Sans', Arial; font-weight: 400;background-color:#000;-webkit-text-size-adjust:100%;}
div.mainContainer{
position:relative;
height: auto;
min-height: 100%;
text-align:left;
overflow-x:hidden;
z-index:1;
background-repeat:no-repeat;
background-position: 0px 10px;
background-size: auto;
background-attachment: local;
background-color: #000;
/*background: -webkit-linear-gradient( to bottom right, #429f9c, #5e9696, #6b9494, #739293, #809190);
background: linear-gradient(to bottom right, #429f9c, #5e9696, #6b9494, #739293, #809190);*/}/* background-image:url(images/bkg_pics.jpg); */
div#topBorder{width: 100%;height: 90px; border-bottom: 1px solid rgba(0,0,0,.1); box-shadow: 0 0 5px rgba(0,0,0,.1); overflow: auto; background-color: #fff;}
form{margin:0px;}
img{border:0px;}
a img{text-decoration:none;border:0 none;}
a:hover{opacity:0.7}
sup{font-size:-1em;}
input:focus,select:focus,textarea:focus,button:focus {outline: none;}
a.pdf{padding: 2px 0px 5px 42px; background-image: url(images/icon_pdf_white.svg); background-size: 35px 35px; background-repeat: no-repeat; background-position: top left; display: inline-block; text-decoration: none; color: #fff; font-size: 22px; line-height: 28px;
margin: 20px 0;}
a.pdf.yellow{background-image: url(images/icon_pdf_yellow.svg);color:#f0f393; font: 20px/24px 'Open Sans', Arial; font-weight: 400; padding: 0px 0px 0px 67px; margin: 0 0 15px 0; background-size: 55px 65px; min-height: 65px;}
p{margin:0px 0px 20px 0px;padding:0px;-webkit-text-size-adjust:100%;font-size:inherit;}
p.flush{margin:0px 0px 5px 0px;}
ul, ol{padding:0px 0px 20px 30px;margin:0px;list-style-type: disc;overflow: auto;}
ol ol{padding-bottom: 0px;}
li {padding-bottom:5px;text-indent: 0vw;}
li ul{padding-top: 5px;}
ol.roman {counter-reset: roman;}
ol.alpha {counter-reset: alpha;}
ol.alpha li, ol.roman li {list-style: none;position: relative;}
ol.roman > li:before {counter-increment: roman;content:"(" counter(roman, lower-roman)") ";position:absolute;left:-1.7em;}
ol.alpha > li:before {counter-increment: alpha;content:"(" counter(alpha, lower-alpha)") ";position:absolute;left:-1.4em;}
.needed, .warn{color:#ff0000;}
.warn::-webkit-input-placeholder{color:red;}
.warn::-moz-placeholder{color:red;}
.warn:-ms-input-placeholder{color:red;}
a#lang{display: block; position: absolute; top: 20px; right: 20px; text-decoration: none; color: #242063; font: 22px/22px 'Open Sans', Arial; font-weight: 600; z-index: 1000; display: none;}
img#logoMain{display: block; margin: 0 0 0 20px; width: 281px; height: 75px;}
div.splashCon{position: relative; width: 800px; background-repeat: no-repeat; background-position: 0px 0px; background-size: cover; margin: 0px auto 20px auto; background-color: #000; color:#fff; border-top-right-radius: 40px; border-top-left-radius: 40px;}
div.splashCon.mid{margin: 0px auto 40px auto; border-radius: 30px; background-color: #fff;}
div.splashCon.bios{border-bottom-right-radius: 40px; border-bottom-left-radius: 40px;}
img#logoMain{display: block; margin: 0 0 0 0; width: 100%; height: auto;}
div.splash{position: relative; height: 100%; color: #fff; padding: 10px 80px 0px 40px;}
div.pinched{padding: 10px 50px 10px 50px;}
h1{font-size: 20px; line-height: 24px; font-weight: 700; color: #fff; text-align: center; margin: 20px auto; padding: 14px 40px; background-color: #f4803e; border-radius: 40px; width: 500px; cursor: pointer;}
h2{color: #f4803e; font: 24px/24px 'Open Sans', Arial; font-weight: 600; margin: 0 0 10px 0;}
h3{color: #1a1a1a; font: 16px/20px 'Open Sans', Arial; font-weight: 400; margin: 0 auto 20px auto; max-width: 70%; text-align: center;}
h3 strong{display: block; color: #f4803e; font: 38px/38px 'Open Sans', Arial; font-weight: 600; margin: 0 0 10px 0;}
h4{color: #f4803e; font: 20px/24px 'Open Sans', Arial; font-weight: 600; margin: 0 0 0px 0;}
div#joinUs{font: 18px/24px 'Open Sans', Arial; padding: 0 0 20px 64px; background-repeat: no-repeat; background-position: 0px 0px; background-size: 55px 55px; background-image: url(images/icon_international.svg);}
div#pleaseNote{font: 14px/18px 'Open Sans', Arial; padding: 2px 0 20px 42px; background-repeat: no-repeat; background-position: 0px 0px; background-size: 35px 35px; background-image: url(images/icon_virtual.svg); font-style: italic; margin: 10px 0 0 0;}
div.speaker{display: inline-block; vertical-align: top; width: 40%;}
div.speaker.left{margin-right:15%;}
div.speaker img{display: block; margin: 0 0 10px 0; width: 100%;}
div.speaker a{display: block; text-align: right; text-decoration: none; font: 14px/16px 'Open Sans', Arial; font-style: italic; color: #f4803e; margin: -9px 0 0 0;}
div.splash table{/*width: 70%; margin: 0 auto;*/ font: 18px/18px 'Open Sans', Arial;}
div.splash td{/*width: 40%;*/ padding: 0px 5px 5px 0;}
div#virtualPrompt{font: 14px/18px 'Open Sans', Arial; padding: 2px 0 20px 42px; background-repeat: no-repeat; background-position: 0px 0px; background-size: 35px 35px; background-image: url(images/icon_virtual.svg); margin: 10px auto 0 auto; width: 75%;}
div#virtualPrompt strong{font: 18px/18px 'Open Sans', Arial;}
div#eventList{position: relative;margin-bottom: 60px;}
div.eventBtn{position: relative; width: 650px; margin: 20px 0 20px 0; font: 18px/22px 'Open Sans', Arial; cursor:pointer;}
div.eventBtn fieldset{padding: 0 20px 20px 20px; border-radius: 20px;}
div.eventBtn legend{display: block; padding: 0 5px 0 30px; font: 30px/30px 'Open Sans', Arial; font-weight: 600; color: #f4803e; background-repeat: no-repeat; background-position: 0px 2px; background-size: 25px 25px; background-image: url(images/icon_location.svg);}
div.subTitle{padding: 0 0 0 32px;}
div.eventBtn div.date{display: block; padding: 0 5px 5px 32px; font: 28px/28px 'Open Sans', Arial; font-weight: 600; background-repeat: no-repeat; background-position: 0px 2px; background-size: 25px 25px; background-image: url(images/icon_calendar_grey.svg); margin: 10px 0 0 0;}
div.eventBtn div.moderator{display: block; padding: 0 5px 5px 32px; background-repeat: no-repeat; background-position: 0px 2px; background-size: 25px 25px; background-image: url(images/icon_presentation.svg); margin: 10px 0 0 0;}
div.eventBtn div.moderator.intSpeakers{background-image: url(images/icon_international.svg);}
div.eventBtn div.moderator span{font: 12px/14px 'Open Sans', Arial; display: block;}
div.eventBtn div.moderator em{font: 12px/14px 'Open Sans', Arial;}
div.eventBtn div.moderator.virtual{background-image: url(images/icon_virtual.svg);}
div.eventBtn a{text-align: right; text-decoration: none; font: 14px/16px 'Open Sans', Arial; font-style: italic; color: #f4803e;}
div#eventCon{position: relative; min-height: 100vh; min-width: 1108px; background-repeat: no-repeat; background-position: 0px 0px; background-size: cover; background-image: url(images/BG-02.jpg); overflow: auto;}
div#event{position: relative; height: 100%; color: #60605f; margin: 0 0 0 60px;}
a.backLink{display: block; position: absolute; top: 15px; right: -4%; width: 135px; height: 35px; text-decoration: none; font-size:0;background-repeat:no-repeat; background-position: 0px 0px; background-size: 135px 35px; background-image: url(images/icon_close_black.svg);}
form#regForm{display: inline-block; vertical-align: top; padding: 0; margin: 0 0 40px 0; z-index: 200;}
form#regForm fieldset{padding: 0 0px 20px 20px; border-radius: 20px;}
form#regForm legend{display: block; padding: 0 5px 0 30px; font: 30px/30px 'Open Sans', Arial; font-weight: 600; color: #f4803e; background-repeat: no-repeat; background-position: 0px 2px; background-size: 25px 25px; background-image: url(images/icon_location.svg);}
form#regForm div.date{display: block; padding: 0 5px 5px 32px; font: 28px/28px 'Open Sans', Arial; font-weight: 600; background-repeat: no-repeat; background-position: 0px 2px; background-size: 25px 25px; background-image: url(images/icon_calendar_grey.svg); margin: 10px 0 0 0;}
form#regForm div.moderator{display: block; padding: 0 5px 5px 32px; background-repeat: no-repeat; background-position: 0px 2px; background-size: 25px 25px; background-image: url(images/icon_presentation.svg); margin: 10px 0 0 0;}
form#regForm div.moderator.intSpeakers{background-image: url(images/icon_international.svg);}
form#regForm div.moderator span{font: 12px/14px 'Open Sans', Arial; display: block;}
form#regForm div.moderator.virtual{background-image: url(images/icon_virtual.svg);}
form#regForm a{text-align: right; text-decoration: none; font: 14px/16px 'Open Sans', Arial; font-style: italic; color: #f4803e;}
form#regForm div.toggled{width: 100%;}
form#regForm input#virtualLive{display: inline-block; vertical-align: middle; width: 20px; height: 20px; padding: 0; margin: 0px 5px 10px 0px; cursor: pointer;}
form#regForm label{display: inline-block; vertical-align: top; font: 14px/16px 'Open Sans',arial,sans-serif; font-weight: 400; margin: 0px 0px 10px 0px; cursor: pointer; max-width: none;}
/*form#regForm input#consent1{display: inline-block; vertical-align: middle; width: 20px; height: 20px; padding: 0; margin: 0px 5px 10px 0px; cursor: pointer;}*/
form#regForm input[type="submit"]{margin: 0 0 20px 0;}
a.return{display: block; margin: 0 0 20px 0; font: 16px/16px 'Open Sans', Arial; color: #f4803e; text-decoration: none;}
div.bio{font: 16px/20px 'Open Sans', Arial; font-weight: 400;}
div.bio img{float: left; margin: 0 20px 20px 0; width: 35%;}
div.bio strong{display: block; font: 20px/22px 'Open Sans', Arial; font-weight: 600; margin: 0 0 10px 0; color: #f4803e;}
div.bio hr{margin:40px 20px;}
div.warning{font: 16px/18px 'Open Sans', Arial; font-weight: 400; padding: 2px 0 20px 42px; background-repeat: no-repeat; background-position: 0px 0px; background-size: 35px 35px; background-image: url(images/icon_fail.svg);}
div#thanks{font: 18px/22px 'Open Sans', Arial; font-weight: 400; padding: 0 100px 20px 50px; background-repeat: no-repeat; background-position: 0px 0px; background-size: 35px 35px; background-image: url(images/icon_check.svg);}
div#thanks strong{color: #f4803e;}
hr{margin:20px 0;height: 0;border:0;border-top:1px solid #f4803e;}
div.toggled{display:inline-block;vertical-align:top;}
div.toggled.disabled{opacity:0.4;pointer-events:none;}
div.toggled.disabled.hidden{display:none;}
input[type="submit"]{-webkit-appearance: none; cursor: pointer; margin: 0; border: 1px solid #f4803e; background-color: #f4803e; font: 22px/22px 'Open Sans', Arial; font-weight: 700; color: #ffffff; text-align: center; vertical-align: top; width: 100%; padding: 0 40px; height: 40px; text-transform: uppercase; border-radius: 10px; display: block;}
input[type="submit"]:hover{opacity:0.8;}
.btn-primary{-webkit-appearance: none; cursor: pointer; margin: 0; border: 1px solid #e488a1; background-color: #e488a1; font: 16px/22px 'Open Sans', Arial; font-weight: 600; color: #ffffff; text-align: center; vertical-align: middle; width: 100%; padding-top: 10px; padding-bottom: 10px; border-radius: 20px; display: block; text-decoration: none;}
.btn-secondary{-webkit-appearance: none; cursor: pointer; margin: 0; border: 1px solid #051e57; background-color: #051e57; font: 16px/22px 'Open Sans', Arial; font-weight: 600; color: #ffffff; text-align: center; vertical-align: middle; width: 100%; padding-top: 10px; padding-bottom: 10px; border-radius: 20px; display: block; text-decoration: none;}
input[type="text"], input[type="password"]{color: #222; border: 1px solid #bbb; font: 14px/16px 'Open Sans', Arial; line-height: 16px; border-radius: 0px; margin: 0px 0px 10px 0px; padding: 0px 10px; height: 36px; background-color: #ffffff; width: 93%;}
input[type="radio"]{display: inline-block; vertical-align: middle; width: 30px; height: 30px; margin: 0 20px 0 0; cursor: pointer;}
select{color: #222; border: 1px solid #bbb; font: 14px 'Open Sans', Arial; line-height: 38px; border-radius: 0px; margin: 0px 0px 10px 0px; padding: 0px 10px; height: 38px; width: 100%;}
div.note{color: #222; font-size: 12px; line-height: 14px; text-align: left; padding: 0px 20px 20px 2px; margin-top: -6px;}
div#thanks{}
div#footer{position: absolute; text-align: center; width: 100%; bottom: 10px; font-size: 12px; line-height: 14px; color:#000;}
div#footer a{color:#000; text-decoration: none;}
span.addtocalendar > a{background-image: url(images/calendar.svg) !important; background-repeat: no-repeat; background-size: 120px 52px; padding: 0 0 0 130px; min-height: 52px; font-weight: 700;}
a.rightLink{display:inline-block;float:right;text-decoration:none;color:inherit;}
div.table{display:table;max-width:980px;}
div.tableRow{display:table-row;}
div.table.full{width:100%;height:100%;max-width:none;}
div.tableCell, div.tableRow div{display:table-cell;vertical-align:top;text-align:left;padding-right:20px;}
div.tableCell.head{font:20px/22px 'Open Sans', Arial;font-weight:bold;padding-bottom:6px;}
div.tableCell ul{padding-left:40px;}
div.tableCell li{padding-bottom:0px;}
div.tableCell.full{width:100%;height:100%;vertical-align:middle;text-align:center;padding:0px;}
table.csvTable{border-collapse: collapse;border:0px;border-spacing:0px;font:14px/16px pt_sansregular, Arial;}
table.csvTable th{text-transform:uppercase;padding:3px 3px 8px 3px;}
table.csvTable td{padding:3px 8px;}
table.csvTable tr.offRow{background-color:#ebd1c6;}
body.admin textarea{border:1px solid #009ee0;font:14px/16px 'Open Sans', Arial;}
body.admin select{line-height: 44px;height: 44px;}
input[type="text"].inputsmall, textarea.inputsmall {font:10px/12px 'Open Sans', Arial;height:auto;padding:0px 10px 0px 10px;border:1px solid #666;}
::-webkit-input-placeholder { /* WebKit */
color:#bbbcbd;text-transform:none;
}
::-moz-placeholder { /*Firefox */
color:#bbbcbd;text-transform:none;
}
:-ms-input-placeholder { /* IE */
color:#bbbcbd;text-transform:none;
}
.floatRight{float:right;margin-left:20px;}
.floatLeft{float:left;margin-right:20px;}
div#ADMINwarning{color:#ff0000;padding:10px 0px 10px 0px;font-size: 22px;text-align: center;}
.warn{color:#ff0000 !important;}
input[type="text"].warn,input[type="password"].warn,select.warn,textarea.warn{color:#ff0000 !important;border:1px solid #ff0000 !important;}
.warn::-webkit-input-placeholder { /* WebKit */
color: red !important;
}
.warn::-moz-placeholder { /*Firefox */
color: red !important;
}
.warn:-ms-input-placeholder { /* IE */
color: red !important;
}
div.miceType{font: 12px/14px'Open Sans', Arial; text-align: center; font-style: italic;}
div.miceType p{margin: 0; padding: 0 0 20px 0;}
div.miceType img.logoNVS_AZ{display: block; margin: 0 auto 20px auto; width: 60%;}
table.smallForm{font-size:12px;line-height:14px;}
form#adminForm{padding:20px;font-size: 16px;background-color: #fff;}
form#adminForm input[type="submit"]{font-size: 20px; line-height: 40px; padding: 0 20px; height: 44px;}
img#adminLogo{width:190px;height:114px; margin: 20px 20px 0 20px;}
.blankImg{opacity:0;}
@keyframes FadeIn { 0% { opacity:0; } 100% { opacity:1; } }
@-webkit-keyframes FadeIn { 0% { opacity:0; } 100% { opacity:1; } }
@-moz-keyframes FadeIn { 0% { opacity:0; } 100% { opacity:1; } }
@-ms-keyframes FadeIn { 0% { opacity:0; } 100% { opacity:1; } }
.fadeItIn { -webkit-animation-name: FadeIn; -webkit-animation-timing-function: ease-in; -webkit-animation-duration: 600ms;
-moz-animation-name: FadeIn; -moz-animation-timing-function: ease-in; -moz-animation-duration: 600ms;
-ms-animation-name: FadeIn; -ms-animation-timing-function: ease-in; -ms-animation-duration: 600ms;
animation-name: FadeIn; animation-timing-function: ease-in; animation-duration: 600ms; }
@keyframes FadeOut { 0% { opacity:1; } 100% { opacity:0; } }
@-webkit-keyframes FadeOut { 0% { opacity:1; } 100% { opacity:0; } }
@-moz-keyframes FadeOut { 0% { opacity:1; } 100% { opacity:0; } }
@-ms-keyframes FadeOut { 0% { opacity:1; } 100% { opacity:0; } }
.fadeItOut { opacity:0; -webkit-animation-name: FadeOut; -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 1s;
-moz-animation-name: FadeOut; -moz-animation-timing-function: ease-out; -moz-animation-duration: 1s;
-ms-animation-name: FadeOut; -ms-animation-timing-function: ease-out; -ms-animation-duration: 1s;
animation-name: FadeOut; animation-timing-function: ease-out; animation-duration: 1s; }
@keyframes scrollIn1 {
0% { opacity:0;transform: translate(0px,30px) scale(.5,.5);}
100% { opacity:1;transform: translate(0px,0px) scale(1,1);}
}
@-webkit-keyframes scrollIn1 {
0% { opacity:0;-webkit-transform: translate(0px,30px) scale(.5,.5);}
100% { opacity:1;-webkit-transform: translate(0px,0px) scale(1,1);}
}
@-moz-keyframes scrollIn1 {
0% { opacity:0;-moz-transform: translate(0px,30px) scale(.5,.5); }
100% { opacity:1;-moz-transform: translate(0px,0px) scale(1,1); }
}
@-ms-keyframes scrollIn1 {
0% { opacity:0;-ms-transform: translate(0px,30px) scale(.5,.5); }
100% { opacity:1;-ms-transform: translate(0px,0px) scale(1,1); }
}
.scrlIn1 { -webkit-animation-name: scrollIn1; -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 500ms;
-moz-animation-name: scrollIn1; -moz-animation-timing-function: ease-out; -moz-animation-duration: 500ms;
-ms-animation-name: scrollIn1; -ms-animation-timing-function: ease-out; -ms-animation-duration: 500ms;
animation-name: scrollIn1; animation-timing-function: ease-out; animation-duration: 500ms; }
@media all and (max-width: 790px){
body{font: 3vw 'Open Sans', Arial; font-weight: 400; line-height: 4vw;}
div.mainContainer{background-image: none; height: auto; min-height: 100vh;}
img#logoMain{}
div.splashCon{width: 100vw; margin: 2vh 0 2vh 0; border-top-right-radius: 6vw; border-top-left-radius: 6vw;}
div.splashCon.mid{border-bottom-right-radius: 6vw; border-bottom-left-radius: 6vw;}
div.splash{padding: 2vw;}
h1{font-size: 4vw; line-height: 4.5vw; font-weight: 700; width: 80vw; margin: 2vh auto; padding: 3vw 4vw;}
div#joinUs{font: 3.5vw/4vw 'Open Sans', Arial; padding: 0 0 2vh 12vw; background-size: 10vw 10vw;}
div#pleaseNote{font: 14px/18px 'Open Sans', Arial; padding: 0 0 2vh 10vw; background-size: 8vw 8vw; margin: 2vh 0 0 0;}
h2{font: 4vw/4.5vw 'Open Sans', Arial; font-weight: 600; margin: 0 0 1vh 0;}
h3{font: 3vw/3.5vw 'Open Sans', Arial; font-weight: 400; margin: 0 auto 20px auto; max-width: 80vw;}
h3 strong{font: 8vw/8vw 'Open Sans', Arial; font-weight: 600; margin: 1vh 0 1vh 0;}
div.splash table{width: 80vw; margin: 0 auto; font: 4vw/4vw 'Open Sans', Arial;}
div.splash td{vertical-align: top; width: 36vw; padding: 0px 2vw 1vh 0;}
div#virtualPrompt{font: 3vw/3.5vw 'Open Sans', Arial; padding: 0 0 2vh 10vw; background-size: 8vw 8vw; width: 83vw;}
div#virtualPrompt strong{font: 4vw/4.5vw 'Open Sans', Arial;}
div.eventBtn{width: 96vw; margin: 2vh 0 2vh 0; font: 3vw/3.5vw 'Open Sans', Arial;}
div.eventBtn fieldset{padding: 0 2vw 2vh 2vw; border-radius: 4vw;}
div.eventBtn legend{padding: 0 2vw 0 8vw; font: 6vw/6vw 'Open Sans', Arial; font-weight: 600; background-position: 0 0; background-size: 6vw 6vw;}
div.eventBtn div.date{padding: 0 1vw 1vh 8vw; font: 7vw/6vw 'Open Sans', Arial; font-weight: 600; background-position: 0 0; background-size: 6vw 6vw; margin: 1vh 0 0 0;}
div.eventBtn div.moderator{padding: 0 1vw 1vh 8vw; background-position: 0 0; background-size: 6vw 6vw; margin: 1vh 0 0 0; min-height: 5vw;}
form#regForm{margin: 0 0 4vh 0;}
form#regForm fieldset{padding: 0 2vw 2vh 2vw; border-radius: 4vw;}
form#regForm legend{padding: 0 2vw 0 8vw; font: 6vw/6vw 'Open Sans', Arial; font-weight: 600; background-position: 0 0; background-size: 6vw 6vw;}
form#regForm div.date{padding: 0 1vw 1vh 8vw; font: 7vw/6vw 'Open Sans', Arial; font-weight: 600; background-position: 0 0; background-size: 6vw 6vw; margin: 1vh 0 0 0;}
form#regForm div.moderator{padding: 0 1vw 1vh 8vw; background-position: 0 0; background-size: 6vw 6vw; margin: 1vh 0 0 0; min-height: 5vw;}
a.backLink{top: 2vw; right: 2vw; width: 6vw; height: 6vw; background-size: 6vw 6vw;}
div.warning{padding: 0px 0px 2vh 8vw; font: 3.5vw/4vw 'Open Sans', Arial; font-weight: 400; background-size: 6vw 6vw;}
div#thanks{padding: 0px 4vw 2vh 8vw; font: 3.5vw/4vw 'Open Sans', Arial; font-weight: 400; background-size: 6vw 6vw;}
div.note{font-size: 2.5vw; line-height: 3vw;}
select{width: 99%;}
input[type="submit"]{width: 99%;}
/*input#pcode{width: 38vw; margin-left: 2.5vw;}*/
div.emailNote{font-size: 3.5vw; line-height: 4vw;}
form#consentForm label{width: 75vw; font: 3.5vw/4vw 'Open Sans', Arial;}
form#regForm label{width: 75vw; font: 3.5vw/4vw 'Open Sans', Arial;}
}
@media print {
.pageBreak{display:block; page-break-before:always;}
div#printBtn{display:none;}
.dontPrint{display:none;}
.onlyPrint{display:block;}
div.feedbackQuestion{page-break-inside: avoid;}
ol#qFeedback div.graphRight{max-width: 480px;}
div#left{display:none;}
html{height: auto;}
body{height: auto;}
div.mainContainer{height: auto;}
}
/*****************/
.btn-main{
font-size: 20px;
line-height: 24px;
font-weight: 700;
color: #fff;
text-align: center;
margin: 20px auto;
padding: 14px 40px;
background-color: #f4803e;
border-radius: 40px;
width: 500px;
cursor: pointer;
}
.btn-orange{
font-size: 20px;
line-height: 24px;
font-weight: 700;
color: #fff;
text-align: center;
margin: 20px auto;
padding: 14px 40px;
background-color: #e78500;
border-radius: 40px;
width: 100%;
cursor: pointer;
text-decoration: none;
}
.btn-gray{
font-size: 12px;
line-height: 16px;
font-weight: 600;
color: #fff;
text-align: center;
margin: 10px auto;
padding: 10px 30px;
background-color: gray;
border-radius: 30px;
width: 100%;
cursor: pointer;
text-decoration: none;
}
.ptext{
font:16px/20px 'Open Sans', Arial;
}
.whatever{
border: 1px solid gray;
display: inline-block;
width: 98%;
/*min-height: 270px;*/
height: 100%;
margin-bottom: 25px;
padding: 5px;
border-radius: 15px;
cursor: pointer;
}
#checkboxes input[type=checkbox]{
display: none;
}
#checkboxes input[type=checkbox]:checked + .whatever{
border: 1px solid #f28f57;
background: #f28f57;
color:#fff;
background-repeat: no-repeat; background-position: 99% 6px; background-size: 35px 35px; background-image: url(images/icon_check_white.svg);
}
.date{display: block; padding: 0 5px 5px 40px; font: 23px/32px 'Open Sans', Arial; font-weight: 600; background-repeat: no-repeat; background-position: 0px 2px; background-size: 25px 25px; background-image: url(images/icon_calendar_grey.svg); margin: 10px 0 0 20px;}
#checkboxes input[type=checkbox]:checked + .date{
display: block; padding: 0 5px 5px 32px; font: 23px/32px 'Open Sans', Arial; font-weight: 600; background-repeat: no-repeat; background-position: 0px 2px; background-size: 25px 25px; background-image: url(images/icon_calendar_white.svg); margin: 10px 0 0 20px;
}
.title1{display: block; padding: 0 5px 5px 0px; font: 23px/32px 'Open Sans', Arial; font-weight: 600; background-repeat: no-repeat; background-position: 0px 2px; background-size: 25px 25px; margin: 10px 0 0 20px;}
.title2{display: block; padding: 0 5px 5px 0px; font: 23px/32px 'Open Sans', Arial; font-weight: 400; background-repeat: no-repeat; background-position: 0px 2px; background-size: 25px 25px; margin: 10px 0 0 20px;}
.heading{
display: block;
color: #f4803e;
font: 38px/38px 'Open Sans', Arial;
font-weight: normal;
font-weight: 600;
text-align: center;
}
.title{
display: block;
color: #f4803e;
font: 22px/28px 'Open Sans', Arial;
font-weight: normal;
font-weight: 600;
}
.bigfont{
font: 22px/28px 'Open Sans', Arial;
}
.txt-right{
margin-left: 70%;
margin-top: -60px;
}
.main-div{
border:none; width: 84%; margin: 5%;border-radius: 15px;min-height: 140px; max-height: 140px; background: #f2f2f2;padding: 18px; padding-bottom: 40px;
}
.img-div{
width:25%;float:left;padding-top:4px;
}
.img-style{
border-radius: 10%;margin-left: -30px;width: 155px;
}
.event-div{
width:70%;float:left;
}
@media all and (max-width: 790px){
.btn-orange{
font-size: 14px;
line-height: 24px;
font-weight: 700;
color: #fff;
text-align: center;
margin: 20px auto;
padding: 14px 17px;
background-color: #e78500;
border-radius: 40px;
width: 100%;
cursor: pointer;
text-decoration: none;
}
.btn-gray{
font-size: 9px;
line-height: 16px;
font-weight: 600;
color: #fff;
text-align: center;
margin: 10px auto;
padding: 7px 14px;
background-color: gray;
border-radius: 30px;
width: 100%;
cursor: pointer;
text-decoration: none;
left:90%;
position:sticky;
}
.date{display: block; padding: 0 5px 5px 40px; font: 18px/32px 'Open Sans', Arial; font-weight: 600; background-repeat: no-repeat; background-position: 0px 2px; background-size: 25px 25px; background-image: url(images/icon_calendar_grey.svg); margin: 10px 0 0 20px;}
.title{
display: block;
color: #f4803e;
font: 14px/18px 'Open Sans', Arial;
font-weight: normal;
font-weight: 600;
}
.img-div{
width:45%;float:left;padding-top:4px;
}
.event-div{
width:55%;float:left;
}
.bigfont{
font: 12px/20px 'Open Sans', Arial;
}
.whatever{
border: 1px solid gray;
display: inline-block;
width: 98%;
min-height: 270px;
height: 100%;
margin-bottom: 25px;
padding: 5px;
border-radius: 15px;
padding-top:20px;
}
#checkboxes input[type=checkbox]:checked + .whatever{
border: 1px solid #f28f57;
background: #f28f57;
color:#fff;
background-repeat: no-repeat; background-position: 99% 6px; background-size: 20px 20px; background-image: url(images/icon_check_white.svg);
padding-top:20px;
}
.heading{
display: block;
color: #f4803e;
font: 28px/28px 'Open Sans', Arial;
font-weight: normal;
font-weight: 600;
text-align: center;
}
}
.box {
width: 60%;
margin: 0 auto;
background: rgba(255,255,255,0.2);
padding: 35px;
border: 2px solid #fff;
border-radius: 20px/50px;
background-clip: padding-box;
text-align: center;
}
.button {
font-size: 1em;
padding: 10px;
color: #fff;
border: 2px solid #06D85F;
border-radius: 20px/50px;
text-decoration: none;
cursor: pointer;
transition: all 0.3s ease-out;
}
.button:hover {
background: #06D85F;
}
.overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.7);
transition: opacity 500ms;
visibility: hidden;
opacity: 0;
}
.overlay:target {
visibility: visible;
opacity: 1;
}
.popup {
margin: 70px auto;
padding: 20px;
background: #fff;
border-radius: 5px;
width: 80%;
position: relative;
/*transition: all 5s ease-in-out;*/
z-index:99999;
}
.popup h2 {
margin-top: 0;
color: #333;
font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
position: absolute;
top: 20px;
right: 30px;
transition: all 200ms;
font-size: 30px;
font-weight: bold;
text-decoration: none;
color: #333;
}
.popup .close:hover {
color: #06D85F;
}
.popup .content {
max-height: 30%;
overflow: auto;
padding: 20px;
color:#000;
}
@media screen and (max-width: 700px){
.box{
width: 85%;
}
.popup{
width: 85%;
margin: 10px auto;
}
.popup .content{
padding:0px;
height: 65vh;
}
}
.spkDivContainer{display:block; width: 100%;}
.spkSpkContainer{width: 25%; display: inline-block; border:0px solid; margin-right: 25px; margin-bottom: 25px; vertical-align: top;}
.blobSec{overflow: hidden;height: 100%;}
.secHeading{color: #fff; text-align: center; padding-top: 30px;}
.eventBlock{width:100%; display: inline-block; background-image: url('./images/curve_blue.png'); background-repeat: no-repeat; background-position: top center; margin-top: -110px;
z-index: 999999;
position: relative;}
.eDate{background-color: #e488a0; width: 23%; position: absolute; padding: 10px; font-weight: bold; text-align: center; margin-left: 70%;}
.eCity{text-align: left; color:#000;}
.chooseBtn{width:50%; margin: auto; margin-top: -70px; z-index: 99999; position: relative; margin-bottom:50px; margin-right: 110px;}
.mainSection{width:100%; display: block; /*background: radial-gradient(ellipse at top, #D9D9D9, #0c59b1), radial-gradient(ellipse at bottom, #D9D9D9, #0c59b1);*/ background-color: #084690;}
.blockSection{overflow: hidden;height: 100%; display: block;}
.spkNames{color:#000; font: 10px/14px 'Open Sans', Arial}
.regBtn{width:30%; margin: auto; margin-top: -71px; z-index: 99999; position: relative;}
.imgBlock{display:inline-block; width: 100%; height: 140px;}
.spkContainer{display:inline-block; width:140px; height: 200px; border: 0px solid #000; margin-top: 20px; margin-bottom: 100px; vertical-align: top; margin-right: 27px;}
.imgClass{width:100%; border-radius: 20px;}
.clearBG{background-color:transparent !important;}
.loSection{overflow: hidden;height: 100%;}
.title2{color:#000; margin-left:0px;}
.evtArea{display:block; margin-bottom: 50px !important;}
.loborder{border: none; border-top: 1px solid #fff; width: 200px; margin:auto;}
@media all and (max-width: 790px){
.spkContainer{margin-bottom: 10px;}
.regBtn{width:70% !important;}
}