@import url('https://fonts.googleapis.com/css?family=Fira+Sans:300,400,500|Open+Sans:300,400,600,700&display=swap');
/*@font-face {
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-weight: 400;
font-display: auto;
src: url("../fontawesome/fa-regular-400.eot");
src: url("../fontawesome/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fontawesome/fa-regular-400.woff2") format("woff2"), url("../fontawesome/fa-regular-400.woff") format("woff"), url("../fontawesome/fa-regular-400.ttf") format("truetype"), url("../fontawesome/fa-regular-400.svg#fontawesome") format("svg"); }
*/


/*Elements page css*/
html{scroll-behavior:smooth}footer .social img{width:30px}.filter .collapsed{background-color:rgba(0,0,0,.3)}#scroll{position:fixed;display:block;right:10px;bottom:-200px;cursor:pointer;width:50px;height:50px;background-color:#00467f;text-indent:-9999px;-webkit-border-radius:60px;-moz-border-radius:60px;border-radius:60px;transition:all .15s ease}#scroll span{position:absolute;top:50%;left:50%;margin-left:-8px;margin-top:-12px;height:0;width:0;border:8px solid transparent;border-bottom-color:#fff}#scroll:hover{background-color:#e31b23;opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}
iframe{max-width: 100%;}
/* to make sure the anchors calculate the fixed header */
div.anchorpoint {
  display: block;
  height: 140px;
  margin-top: -140px;
  visibility: hidden;
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
  color: #057f9d;
}
h1,.h1{
  font-size: 56px;
}
h2, .h2{
  font-size: 32px;
}
h3, .h3{
  font-size: 1.2rem;
}
h4.letter{ font-size: 36px;}
strong{ font-weight: bold;}
a{color: #ac0167; transition: all .15s ease-in-out;}
a:hover{text-decoration: none;}
.header a{text-decoration: none;}
.font-OpenSans{
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}
.font-OpenSans.font-light{
  font-weight: 300;
}
.font-OpenSans.font-semibold{
  font-weight: 600; 
}
.font-OpenSans.font-bold{
  font-weight: 700; 
}
.font-FiraSans{
  font-family: 'Fira Sans', sans-serif;
  font-weight: 400;
}
.font-FiraSans.font-light{
  font-weight: 300;
}
.font-FiraSans.font-bold{
  font-weight: 500; 
}
.font-big{ font-size:32px; }
.font-awesome-big{ font-size:55px; }
.underline{ text-decoration: underline; }
.text-black{ color:#4a4a4a; }
.text-shadow{
  text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.26);
}
table{ margin-bottom: 20px;}
.nav-item.dropdown.active{
  color:#ac0167;
}
.bg-gradient{
  background-image:linear-gradient(104deg, #461a69 -9%, #8b0a45 99%);
}
.bg-gradient .card-title{
  font-size:56px;
}
.extra-nav .nav-item a:before{ content: "|"; margin-right: 15px;}
.navbar-nav .nav-item:first-child a:before, .extra-nav .navbar-nav > .nav-item a:before{content: ""; margin-right: 0px;}
.extra-nav .nav-item a:hover:before{color:#675126;}
.dropdown-toggle::after{display: none;}
.navbar-brand img{ width:300px; margin-left: 7px;}
.nav-link{ color:#675126;}
.nav-item.active .nav-link{ border-bottom: 2px solid #057f9d; color:#ac0167; font-weight: bold}
.nav-item.dropdown.show > a{color: #ac0167;}
.dropdown-menu ul{list-style: none !important;}

.navbar-expand-lg .navbar-nav .dropdown-menu{position: fixed; z-index:2; width:100vw !important; top:116px; transition: top 0.15s ease-in-out;}
.navbar-expand-lg .navbar-nav .dropdown-menu p{font-size: 20px;}
.dropdown-subitem{line-height: 32px; color: #4a4a4a;}
.dropdown-subitem.active{ color: #ac0167; }
.dropdown-subitem:hover{ color: #ac0167; }
.nav-dropdown-overlay{
  display: none;
  background-color: rgba(5,127,157,0.5);
  position: fixed;
  z-index: 1;
}
.bg-image{
  position: relative;
  background-image: url('/designs/elk/img/hero1.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 480px;
  border-radius: 0px;
}
.card.bg-gradient{
  border-top-left-radius: 32px !important;
  border-bottom-left-radius: 0px !important;
  opacity: .9;
}
.bg-image-content{
  text-shadow: 0px 2px 5px rgba(0, 0, 0, 1);
}
.bg-image-content .ghostbutton:hover{
  text-shadow: none;
}
.bg-light{
  background: rgb(249,249,249) !important;
}

.bg-image-content h1{font-size: 36px;} 
.bg-image-content h2{font-size: 22px; line-height: 1.33; } 
.bg-image-content a{ letter-spacing: 1px; text-decoration: none;}

.btn-gradient-primary{
  color:white;
  background: linear-gradient(171deg, #00acb1 22%, #096291 203%);
  transition: all 0.15s ease-in-out;
}
.btn-gradient-primary:hover{
  color:white;
  background: linear-gradient(171deg, #008488 22%, #054e75 203%)
}
.btn-gradient-secondary{
  color:white;
  background: rgb(122,14,78);
  background: -webkit-linear-gradient(bottom, rgba(122,14,78,1) 0%, rgba(178,0,106,1) 100%);
  background: -o-linear-gradient(bottom, rgba(122,14,78,1) 0%, rgba(178,0,106,1) 100%);
  background: linear-gradient(to top, rgba(122,14,78,1) 0%, rgba(178,0,106,1) 100%);
  transition: all 0.15s ease-in-out;
}
.btn-gradient-secondary:hover{
  color:white;
  background: rgb(122,14,78);
  background: -webkit-linear-gradient(bottom, rgba(122,14,78,.7) 0%, rgba(178,0,106,) 100%);
  background: -o-linear-gradient(bottom, rgba(122,14,78,.7) 0%, rgba(178,0,106,1) 100%);
  background: linear-gradient(to top, rgba(122,14,78,.7) 0%, rgba(178,0,106,1) 100%);
}

.card-img-overlay{
  background-color: rgba(240,244,244,0.8);

}
.card-content{
  position: absolute;
  bottom: 0;
  background-color: rgba(255,255,255,0.84);
}

.copyright a, .copyright p{
  font-weight: 300;
  color:#656565;
}
.copyright li:before{
  content: "|";
  font-weight: 300;
  margin-right:5px;
  color:#656565;
}
.copyright li:first-child:before{
  content:"";
}
footer h3{ font-size:24px; }
footer a{ text-decoration: underline; font-size: 16px; }
footer a:hover{text-decoration: underline;}
.footermenu a,.footerlinks a{text-decoration: underline; line-height: 32px;}
footer address{color: #656565; line-height: 32px; font-size: 16px;}

img{border-radius:8px;}
.social img{ width: 30px; }

.quicklinks img{ width: 30px; display: block; margin:0 auto;}
.quicklinks p{font-size: 24px;}
.card-cijfer > img{width:150px; position: absolute; top: -75px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.card-cijfer .circle-overlay{ width:102px; top:-53px; }
.card-cijfer .cijfer{ position: absolute; top: -60px; left: 49%; transform: translateX(-69%); -webkit-transform: translateX(-69%); font-size: 61px;}
.card-cijfer .cijfer span{position: relative;}
.card-cijfer .cijfer span.decimal{position: absolute; left: 50px; top: 5px; font-size: 50px;}
.card-cijfer .stars{ position: absolute; top:0px; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
.card-cijfer .stars img{width: 15px; }
.card-cijfer .list-group-item{ border: none; background-color:transparent;}
.breadcrumb-item{ font-size: 16px; }

hr.text-secondary{border-color: #ac0167;}
hr.text-light{border-color: #f0f4f4;}
.card-text.font-big{line-height: 40px;}
.quicklinks .card-body span{ font-size: 48px }
.bulletlist li span{font-size: 9px;}
.bulletlist h4{ font-size: 22px; }
.card.specialist .card-image{
  background-image: url(../img/dr_smit.png);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  height: 350px;
}
.breadcrumb-extra span{font-size:24px;}
.triangle{
  position: absolute;
  top:0;
  left:31px;
  background-image: url(/designs/elk/img/hoekje.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 64px;
  height: 32px;
}
.content .triangle{ top: -48px; left: -17px;}
.triangle-purple{background-image: url(/designs/elk/img/hoekje_paars.png);}
.triangle-center{left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.tabs-overview .nav-link{ font-size:22px; color:#6c757d;}
.tabs-overview-body thead th{ font-size: 16px; }
.tabs-overview-body tr:hover{ background-color: #f0f4f4; }
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus{ border-bottom: 0px; }
.nav-tabs .nav-link.active{border:none; color:#b99d55; font-weight: 900;}
.sidemenu .nav-tabs .nav-link.active{border-bottom: 0px !important;}
.form-group{position: relative;}
.valid-tooltip,.invalid-tooltip{right: 0;}
.card .fa-calendar-alt{ font-size: 46px; }
.sidemenu li a span{ margin-right:10px; /*color:#ac0167;*/ }
.sidemenu.with-icons li a::before{
  width: 10px;
  padding-right:30px;
  content: '';
  border-left: 0px solid #057f9d;
}
.sidemenu.with-icons li a.active::before{
  width: 10px;
  padding-right:27px;
  content: '';
  border-left: 3px solid #057f9d;
}
.sidemenu.with-icons .fas, .sidemenu.with-icons .far{
  font-size: 24px;
  min-width: 30px;
}
textarea.form-control{ line-height: 1.25; }
.alphabet-letters a{ text-decoration: none; font-weight: bold; font-size:24px; }
.alphabet-letters .letter{background-color: white; border: 1px solid rgba(0,0,0,0.125); text-align: center;}
.alphabet-letters .letter:first-child{border-top-left-radius:8px; border-bottom-left-radius: 8px;}
.alphabet-letters .letter:last-child{border-top-right-radius:8px; border-bottom-right-radius: 8px;}

}


/*ALL BEFORES & AFTER ICONS*/
.dropdown-menu ul li:before{
  content: "\f105";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  color: #ac0167;
  margin-right: 15px;
}
.letter-list li::before, .folders-list li::before{
  content: "\f105";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  color: #ac0167;
  margin-right: 15px;
}
.contact-submit::after{
  content: "\f061";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  color: white;
  margin-left: 15px;
}
.searchbutton::after{
  content: "\f002";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  color: white;
  margin-left: 15px;
}
.breadcrumb-item + .breadcrumb-item::before{
  content: "\f101";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  color:#b99d55;
}
.breadcrumb-item a:hover{color: white;}
.breadcrumb-item.active{ font-weight:bold; color:white;}
.dropdown.dropdown-masked.show > .dropdown-menu{
  box-shadow: 0 1201vh 0 1200vh rgba(5,127,157,0.5);
  width: 100vw;
  margin-left: -1px;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active{
  color:#4a4a4a;
}.btn-outline-secondary:hover{color:#4a4a4a;}

.content img{ max-width:100%; height:auto; margin-bottom:20px;}
.nav-item.dropdown.show a.nav-link{border-bottom: 4px solid #80b3ac;}
.search{ cursor: pointer;}


a.disabled{cursor:default;}
.letter.disabled a{ color: #ddd;}
.header .navbar{padding: 0 1rem;}
.sidemenu ul li a{display:flex; color: #4a4a4a;}
.sidemenu ul li a:hover{ color:#b99d55;}
.sidemenu .letter-list li a{ display: inline-block; transition: all .15s ease-in-out;}
.sidemenu .letter-list li a:hover{color:#b99d55}
.card-columns{column-count:2;}
#readspeaker_button1, #readspeaker_button_1,
#readspeaker_button_2, #readspeaker_button_3,
#readspeaker_button_4, #readspeaker_button_5,
#readspeaker_button_6, #readspeaker_button_7,
#readspeaker_button_8, #readspeaker_button_9{float:right;}
.rsreader{position:relative;}
.rsbtn_colorskin{position: absolute !important;
  top: -25px; right:0 !important; border:1px solid #ac0167 !important; margin-left: 0 !important;}
.rsbtn_colorskin .rsbtn_left .rsbtn_text{color: #ac0167 !important;}

#tb_Form{width: 100%;}
#tb_Form tbody{ width: 100%;}
#tb_Form tbody tr td:first-child{ width: 50%; display: inline-block;}
#tb_Form tbody tr td:last-child{ width: 49%; display: inline-block;}
#tb_Form tbody td input,#tb_Form tbody td select,#tb_Form tbody td textarea{ width: 100%; border-radius: 8px; border: 2px solid #ced4da; padding: 0.375rem 0.75rem; height: calc(2.8em + 0.75rem + 4px);}
#tb_Form tbody td input[type="radio"]{padding: 0; height: auto; display:inline-block; width: auto; margin-right:5px;}
#tb_Form tbody tr td:last-child label{margin-right:30px;}
#tb_Form tbody td textarea{height:200px;}
#tb_Form tbody td label.fldRequired:after { content: '*'; color: red; }


/*CUSTOM RESPONSIVE*/
@media only screen and (max-width: 991px) {
  .extra-nav .nav-item{border-bottom:1px solid #4a4a4a;}
  .extra-nav .nav-item:hover{border-bottom: 4px solid #80b3ac;}
  .navbar-brand img{width: 240px;}
  .dropdown.dropdown-masked.show > .dropdown-menu{
    max-height: 80vh;
    overflow-y: auto;
  }
  /* to make sure the anchors calculate the fixed header */
  div.anchor {
    display: block;
    height: 88px;
    margin-top: 88px;
    visibility: hidden;
  }
}
@media only screen and (max-width: 580px) {

  h1 { font-size: 34px; }
  h2{ font-size:30px;	}
  h3, .h3{ font-size: 1rem;}
  .bg-image-content h2{ font-size:26px; }
  .bg-image-content a { letter-spacing: 0; }
  .extra-nav .nav-item a:before{ content: ""; margin-right: 0px;}
  .extra-nav .navbar-nav .nav-link{ padding:0;}
  .dropdown-menu{position: relative !important; top:0px; left: -14px;}
  .dropdown-menu ul{background-color: rgba(230,230,230, 0.5); margin-bottom: 15px;}
  .dropdown-menu p{ padding:0; margin-bottom:5px;}
  .dropdown.dropdown-masked.show > .dropdown-menu{
    border-radius:0;
    left:-15px;
  }
  /*.nav-item.dropdown.show > a:after{
  content: "\f106";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  color:#b99d55;
  float: right;
}
  */
  .extra-nav .navbar-collapse{ width: 100%; }
  .nav-link .fas,.nav-link .far{ top:5px; position: relative; transition: 0.15s all ease-in-out;}
  .navbar-brand{ width:180px;}
  .bg-gradient .card-title, .h1{font-size:36px; margin-top:20px;}
  .card-columns{column-count:1;}
  .header .navbar{ padding: 0;}
  .navbar-brand img{width: 180px;}
  .navbar-expand-lg .navbar-nav .dropdown-menu{position:relative; top:0;}
}
/*.extra-nav > .navbar-collapse > .navbar-nav > li.nav-item:first-child > a{padding-left:2px;}*/
.left-banner-angle{
  width: 4rem;
  height: auto;
  background-color: #4d1966;
  display: block;
  opacity: .9;
  position: relative;
  border-top-right-radius: 32px !important;
}
.bottom{
  bottom:0;
  left:0;
  right:0;
}
#letter-listhide .letter-list a{ color: #4a4a4a; z-index:1000; display:inline-grid;}
#letter-listhide .letter-list a:hover{color:#b99d55 !important;}
.form-control:focus{border-color:#ac0167 !important; box-shadow:none;}
.actual .card .card-content{
  min-height:102px;
}
table tr td ul{margin-bottom: 0;} 
.nav-tabs .nav-item .nav-link{border:1px solid black;}
.nav-tabs .nav-item .nav-link.active{border-bottom:0px !important;}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
  .card{
    display: block;
  }
}


.rsbtn_colorskin {
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.3em;
  float: right;
  border: 1px solid #00a1a6;
  background: #fff;
  /* 
  * Add rounded corners to supported browsers 
  */
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 5px;
  z-index: 1000;
  margin-left: 370px;
}

/************************************************ GENERAL CLASSES */

/**
* These are a couple of classes that apply to many object or redefine elements
*/
.rsbtn_colorskin a, .rsbtn_colorskin span {
  position: relative;
  display: block;
  text-decoration: none;
}

/**
* Use the predefined CSS sprite for all graphical elements.
*/
.rsbtn_colorskin .rsimg {
  background: transparent url(/images/ReadSpeakerColorSkinRed.png) no-repeat scroll 0 0;
}

/**
* All the player elements should float.
*/
.rsbtn_colorskin .rspart {
  float: left;
  margin-left: 2px;
}

.rsbtn_colorskin .rsdefloat {
  clear: both;
}

/**
* This goes for all buttons
*/
.rsbtn_colorskin .rspart.rsbutton {
  background-color: #00a1a6;
  width: 18px;
  height: 18px;

  /* 
  * Add rounded corners to supported browsers 
  */
  -moz-border-radius: 5px;
  border-radius: 5px;

  /**
  * This is just to make the rollover effect a little smoother.
  */
  -moz-transition: background-color .2s ease;
  -webkit-transition: background-color .2s ease;
  -o-transition: background-color .2s ease;
  transition: background-color .2s ease;
}

/**
* Add a subtle rollover effect to the buttons.
*/
.rsbtn_colorskin .rspart.rsbutton:hover {
  background-color: #ccc;
}

/**
* Hide all text labels. They will still be visible to non-CSS browsers
*/
.rsbtn_colorskin .rspart .rsbtn_btnlabel {
  display: none;
}

/************************************************ PLAYER BOX */
.rsbtn_colorskin .rsbtn_box {
  margin: 1px;
}

/************************************************ LISTEN BUTTON + ICON */
.rsbtn_colorskin .rsbtn_play {
  float: right;
  margin: 1px 0;
}

.rsbtn_colorskin .rsbtn_left .rsbtn_text {
  background: transparent url(/images/ReadSpeakerIconGreen.gif) no-repeat scroll 0 0;
  padding-left: 20px;
  color: #00a1a6;
}

/************************************************ EXPANDING AREA */
.rsbtn_colorskin .rsbtn_exp.rsimg.rspart {
  background: none;
  float: left;
  display: none;
}

/**
* We want the expanding area to be visible only when the player
* is expanded, hence the .rsexpanded class.
*/
.rsbtn_colorskin.rsexpanded .rsbtn_exp.rsimg {
  display: block;
}

/************************************************ PLAY/PAUSE BUTTON */
.rsbtn_colorskin .rsbtn_pause {
  background-position: -18px -18px;
}

.rsbtn_colorskin.rspaused .rsbtn_pause,
.rsbtn_colorskin.rsstopped .rsbtn_pause {
  background-position: -18px 0px;
}

/************************************************ STOP BUTTON */
.rsbtn_colorskin .rsbtn_stop {
  background-position: -18px -36px;
}

/************************************************ PROGRESS CONTAINER */
.rsbtn_colorskin .rsbtn_progress_container {
  border: 1px solid #00a1a6;
  width: 50px;
  height: 10px;
  margin-top: 3px;
  margin-left: 4px;
  background-image: none;
  /* 
  * Add rounded corners to supported browsers 
  */
  -moz-border-radius: 3px;
  border-radius: 3px;
}

/************************************************ PROGRESS DRAG HANDLE */
.rsbtn_colorskin .rsbtn_progress_handle.rsimg {
  position: absolute;
  background-color: #00a1a6;
  top: -3px;
  left: -3px;
  width: 6px;
  height: 16px;
  background-image: none;
}

/************************************************ PROGRESS BAR */
.rsbtn_colorskin .rsbtn_progress_played {
  position: absolute;
  height: 100%;
  background-color: #ccc;
  background-image: none;
}

/************************************************ VOLUME BUTTON */
.rsbtn_colorskin .rsbtn_volume {
  margin-left: 4px;
  background-position: -18px -54px;
}

/************************************************ VOLUME SLIDER CONTAINER */
.rsbtn_colorskin .rsbtn_volume_container {
  position: absolute;
  display: none;
  top: 100%;
  width: 16px;
  height: 40px;
  border: 1px solid #00a1a6;
  background: #fff;
}

/************************************************ VOLUME SLIDER SLIDER AREA */
.rsbtn_colorskin .rsbtn_volume_slider {
  width: 6px;
  height: 30px;
  margin: 5px;
  background: #ccc;
}

/************************************************ VOLUME SLIDER SLIDE HANDLE */
.rsbtn_colorskin .rsbtn_volume_handle.rsimg {
  position: absolute;
  top: -3px;	
  left: -3px;	
  width: 12px;
  height: 6px;
  background: #00a1a6;
}

/************************************************ DOWNLOAD BUTTON */
.rsbtn_colorskin .rsbtn_dl {
  background-position: -18px -72px;
}

/************************************************ SETTINGS BUTTON */
.rsbtn_colorskin .rsbtn_settings {
  background-position: -18px -90px;
}

/************************************************ CLOSE BUTTON */
.rsbtn_colorskin .rsbtn_closer {
  margin-left: 2px;
  background-position: -18px -108px;
}

/************************************************ POPUP BUTTON */
/**
* This is the style of the listen button that popups when the user
* makes a text selection on the page.
*/
.rsbtn_colorskin.rspopup {
  position: absolute;
  background: #fff;
  border: 1px solid #555;
  box-shadow: 0 0 5px #777;
  display: none;
}

.fixed-header{
  position: fixed;
  z-index: 9999999;
  width: 100%;
  top: 0;
}
.fixed-content{margin-top: 130px;}
.custom-carets .dropdown-toggle:after{
  font-family: FontAwesome;
  content: "\f107";
}
.custom-carets .dropdown-toggle > span.caret{display: none;}
.ghostbutton{color: white; border:1px solid white;}
.ghostbutton:hover{background-color: white !important; color: #057f9d !important;}
.scroll-to{
  padding-top: 150px;
  margin-top: -150px;
}
/* The Modal (background) */
.corona-modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 99999999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: #057f9d; /* Fallback color */
  background-color: rgba(5,127,157,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.corona-modal .modal-content {
  background-color: #fefefe;
  display:block;
  margin: 10% auto; /* 15% from the top and centered */
  padding: 20px;
  border-radius:8px;
  width: 40%; /* Could be more or less, depending on screen size */
}


.corona-modal .modal-content .logo {text-align: center; display:inline-block;}
.corona-modal .modal-content .logo img{width:40%;}
.corona-modal .modal-content h3{color: #b99d55; font-size: 24px; margin-top: 30px;}
.corona-modal .modal-content p{font-size: 1.125rem;}
.corona-modal .modal-content a.btn-gradient-primary, #coronaform .btn-gradient-primary{
  color: white;
  padding: 10px 15px;
  border-radius:8px;
  border:none;
  display:inline-block;
  text-align:center;
  vertical-align: middle;
  text-decoration: none;
  line-height:normal;
}



/* The Close Button */
.corona-modal .close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.corona-modal .close:hover,
.corona-modal .close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
@media only screen and (max-height: 650px) {
  .corona-modal .modal-content{width: 90%; margin: 20% auto;}
  .corona-modal {
  overflow: scroll;
}
  
}
@media only screen and (max-width: 650px) {
  .corona-modal .modal-content{width: 90%; margin: 20% auto;}
}