
@font-face {
  font-family: 'zonapro';
  src:  url(../zonapro/'ZonaPro-Bold.otf') format('otf'),
  src:  url(../zonapro/'ZonaPro-Thin.otf') format('otf'),
}
@font-face {
  font-family: 'virtue';
  src:  url(../virtue/'virtue-Bold.TTF') format('TTF'),
  src:  url(../virtue/'virtue.TTF') format('TTF'),
}
@font-face {
  font-family: 'trade';
  src:  url(../trade/'trade_thin.TTF') format('TTF'),
  src:  url(../trade/'trade_obl.TTF') format('TTF'),
}
@font-face {
  font-family: 'Seravek';
  src:  url(../Seravek/'Seravek.ttc') format('TTC'),
}
@font-face {
  font-family: 'Muli';
  src:  url(../FONTS/'Muli-Light.TTF') format('TTF'),
}
@font-face {
  font-family: 'Renault';
  src:  url(../renault/'renault.ttf') format('TTF'),
}
@font-face {
  font-family: 'dax';
  src:  url(../dax/'DaxBold.ttf') format('TTF'),
}
@font-face {
  font-family: 'Souvenir';
  src:  url(../souvenir/'Souvenir_DemiItalic_normal.ttf') format('TTF'),
}
#question2{
  color:black;
  text-align:left;
  font-size:32px;

}
.program-int h5{
  margin-bottom:0;
}
.program-int h4{
  margin-bottom:0;
}
.responses{
  padding:15px; 
  margin-top: 35px;
  text-align: center;

}
#question_pane{
  width:100%; max-width: 600px; margin:0 auto; padding:15px; background:rgba(0,0,0,0.03);
  text-align: center;
}
#assesscntTitle{
  font size:34px;
}

input[type="submit"]:hover{
  cursor:pointer;
}

.button,
button,/*
input[type="submit"],
input[type="reset"],*/
input[type="button"] {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #555;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box; }
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #333;
  border-color: #888;
  outline: 0; }
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #33C3F0;
  border-color: #33C3F0; }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #1EAEDB;
  border-color: #1EAEDB; }

.buttonback{
  background:black;
}
/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #33C3F0;
  outline: 0; }
label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }





body, html {height: 100%; font-size: 18px; transition:0.4s;}
p{line-height: 1.5}
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}svg:not(:root){overflow:hidden}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-input-placeholder{color:inherit;opacity:0.54}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/* End extract */
html,body{font-family:"Muli-Light",sans-serif;font-size:15px;line-height:1.33}html{overflow-x:hidden}
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}.ddmg-serif{font-family:serif}
h1,h2,h3,h4,h5,h6{font-family:"ZonaPro-Bold",sans-serif;font-weight:400;margin:10px 0}.ddmg-wide{letter-spacing:4px}
hr{border:0;border-top:1px solid #eee;margin:20px 0}
.ddmg-image{max-width:100%;height:auto}
img{margin-bottom:-5px}
a{color:inherit}
.ddmg-table,.ddmg-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}
.ddmg-table-all{border:1px solid #ccc}
.ddmg-bordered tr,.ddmg-table-all tr{border-bottom:1px solid #ddd}
.ddmg-striped tbody tr:nth-child(even){background-color:#f1f1f1}
.ddmg-table-all tr:nth-child(odd){background-color:#fff}
.ddmg-table-all tr:nth-child(even){background-color:#f1f1f1}
#myNavbar{font-family: "virtue", sans-serif;}
.ddmg-hoverable tbody tr:hover,.ddmg-ul.ddmg-hoverable li:hover{background-color:#ccc}
.ddmg-centered tr th,.ddmg-centered tr td{text-align:center}
.ddmg-table td,.ddmg-table th,.ddmg-table-all td,.ddmg-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
.ddmg-table th:first-child,.ddmg-table td:first-child,.ddmg-table-all th:first-child,.ddmg-table-all td:first-child{padding-left:16px}
.ddmg-btn,.ddmg-button{border:none;display:inline-block;outline:0;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.ddmg-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.ddmg-btn,.ddmg-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.ddmg-disabled,.ddmg-btn:disabled,.ddmg-button:disabled{cursor:not-allowed;opacity:0.3}
.ddmg-disabled *,:disabled *{pointer-events:none}
.ddmg-btn.ddmg-disabled:hover,.ddmg-btn:disabled:hover{box-shadow:none}
.ddmg-badge,.ddmg-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.ddmg-badge{border-radius:50%}
.ddmg-ul{list-style-type:none;padding:0;margin:0}
.ddmg-ul li{padding:8px 16px;border-bottom:1px solid #ddd}
.ddmg-ul li:last-child{border-bottom:none}
.ddmg-tooltip,.ddmg-display-container{position:relative}
.ddmg-tooltip .ddmg-text{display:none}
.ddmg-tooltip:hover .ddmg-text{display:inline-block}
.ddmg-ripple:active{opacity:0.5}
.ddmg-ripple{transition:opacity 0s}
.ddmg-input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%}
.ddmg-select{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc}
.ddmg-dropdown-click,.ddmg-dropdown-hover{position:relative;display:block;cursor:pointer}
.ddmg-dropdown-hover:hover .ddmg-dropdown-content{display:block;z-index:4}
.ddmg-dropdown-hover:first-child,.ddmg-dropdown-click:hover{background-color:;color:#000}
.ddmg-dropdown-hover:hover > .ddmg-button:first-child,.ddmg-dropdown-click:hover > .ddmg-button:first-child{background-color:#ccc;color:#000}
.ddmg-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0}
.ddmg-check,.ddmg-radio{width:24px;height:24px;position:relative;top:6px}
.ddmg-sidebar{height:100%;width:100%; max-width:340px;background-color:#fff;position:fixed!important;z-index:4;overflow:auto}
.ddmg-bar-block .ddmg-dropdown-hover,.ddmg-bar-block .ddmg-dropdown-click{width:100%}
.ddmg-bar-block .ddmg-dropdown-hover .ddmg-dropdown-content,.ddmg-bar-block .ddmg-dropdown-click .ddmg-dropdown-content{min-width:100%}
.ddmg-bar-block .ddmg-dropdown-hover .ddmg-button,.ddmg-bar-block .ddmg-dropdown-click .ddmg-button{width:100%;text-align:left;padding:8px 16px}
.ddmg-main,#main{transition:margin-left .4s}
.ddmg-modal{z-index:4;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.ddmg-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
.ddmg-bar{width:100%;overflow:hidden}.ddmg-center .ddmg-bar{display:inline-block;width:auto}
.ddmg-bar .ddmg-bar-item{padding:8px 16px;display:inline;width:auto;border:none;outline:none;}
.ddmg-bar .ddmg-dropdown-hover,.ddmg-bar .ddmg-dropdown-click{position:static;}
.ddmg-bar .ddmg-button{white-space:normal}
.ddmg-bar-block .ddmg-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;outline:none;white-space:normal}
.ddmg-bar-block.ddmg-center .ddmg-bar-item{text-align:center}
.ddmg-block{display:block;width:100%}
.ddmg-responsive{overflow-x:auto}
.ddmg-container:after,.ddmg-container:before,.ddmg-panel:after,.ddmg-panel:before,.ddmg-row:after,.ddmg-row:before,.ddmg-row-padding:after,.ddmg-row-padding:before,
.ddmg-cell-row:before,.ddmg-cell-row:after,.ddmg-clear:after,.ddmg-clear:before,.ddmg-bar:before,.ddmg-bar:after{content:"";display:table;clear:both}
.ddmg-col,.ddmg-half,.ddmg-third,.ddmg-twothird,.ddmg-threequarter,.ddmg-quarter{float:left;width:100%}
.ddmg-col.s1{width:8.33333%}
.ddmg-col.s2{width:16.66666%}
.ddmg-col.s3{width:24.99999%}
.ddmg-col.s4{width:33.33333%}
.ddmg-col.s5{width:41.66666%}
.ddmg-col.s6{width:49.99999%}
.ddmg-col.s7{width:58.33333%}
.ddmg-col.s8{width:66.66666%}
.ddmg-col.s9{width:74.99999%}
.ddmg-col.s10{width:83.33333%}
.ddmg-col.s11{width:91.66666%}
.ddmg-col.s12{width:99.99999%}
.logo img{width:100%; max-width:430px; padding:10px;}
.top-top{position:fixed; top:0; z-index:105; width:100%;height:34px; background-color:white;}
.top-top p{line-height:34px; font-size:16px; margin:0; color:white; padding-right:16px; float:right;}
.top-top2{position:fixed; top:0; z-index:105; width:100%;height:34px; background-color:white; display:none;}
/*.top-top2 p{line-height:34px; font-size:16px; margin:0; color:white; padding-right:16px; float:right;}*/
.footer-nav{}
.footer-nav ul{text-align:center;}
.footer-nav ul li{list-style: none;	padding-top: 5px; display:inline-block; padding-right:7px;}
.parallax {width: 100%; height: auto; padding:0px 0px 0px 0px; background-image: url('images/parra_bg.jpg');background-position: center center; background-size: cover; background-color: rgba(23,66,111,0.8);background-attachment: fixed; background-repeat: no-repeat; color: #fff; position:relative; z-index:2;}
.hidden{display:none;}
.foot_logo{text-align:right;}
.foot_logo img{width:100%;}
.int-int_conatiner{width:100%; padding:5%; background: (0,0,0,0.2);}
.slide_show{width:100%; position:relative;max-height:670px; overflow:hidden; z-index: 2;}
.slide_show img{width:100%; bottom:0;}
.ddmg-top,.ddmg-bottom{position:fixed;width:100%;z-index:104}
.ddmg-top{top:0}
.ddmg-bottom{bottom:0}
.ddmg-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
.ddmg-display-topleft{position:absolute;left:0;top:0}
.ddmg-display-topright{position:absolute;right:0;top:0}
.ddmg-display-bottomleft{position:absolute;left:0;bottom:0}
.ddmg-display-bottomright{position:absolute;right:0;bottom:0}
.ddmg-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.ddmg-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%);}
.ddmg-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.ddmg-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.ddmg-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.ddmg-display-container:hover .ddmg-display-hover{display:block}
.ddmg-display-container:hover span.ddmg-display-hover{display:inline-block}
.ddmg-display-hover{display:none}
.ddmg-display-position{position:absolute}
.ddmg-circle{border-radius:50%}
.ddmg-round-small{border-radius:2px}
.ddmg-round,.ddmg-round-medium{border-radius:4px}
.ddmg-round-large{border-radius:8px}
.ddmg-round-xlarge{border-radius:16px}
.ddmg-round-xxlarge{border-radius:32px}
.ddmg-row-padding,.ddmg-row-padding>.ddmg-half,.ddmg-row-padding>.ddmg-third,.ddmg-row-padding>.ddmg-twothird,.ddmg-row-padding>.ddmg-threequarter,.ddmg-row-padding>.ddmg-quarter,.ddmg-row-padding>.ddmg-col{padding:0 8px}
.ddmg-container,.ddmg-panel{padding:0.01em 16px}
.ddmg-panel{margin-top:16px;margin-bottom:16px}
.ddmg-code,.ddmg-codespan{font-family:Consolas,"courier new";font-size:16px}
.ddmg-code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
.ddmg-container{
  position:relative; z-index:3;padding-bottom:30px;
}
.ddmg-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}
.ddmg-card,.ddmg-card-2{/*box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)*/}
.ddmg-card-4,.ddmg-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.ddmg-spin{animation:ddmg-spin 2s infinite linear}@keyframes ddmg-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.ddmg-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.ddmg-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.ddmg-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.ddmg-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.ddmg-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.ddmg-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.ddmg-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.ddmg-animate-input{transition:width 0.4s ease-in-out}
.ddmg-animate-input:focus{width:100%!important}
.ddmg-opacity,.ddmg-hover-opacity:hover{opacity:0.60}
.ddmg-opacity-off,.ddmg-hover-opacity-off:hover{opacity:1}
.ddmg-opacity-max{opacity:0.25}.ddmg-opacity-min{opacity:0.75}
.ddmg-greyscale-max,.ddmg-grayscale-max,.ddmg-hover-greyscale:hover,.ddmg-hover-grayscale:hover{filter:grayscale(100%)}
.desaturate {z-index:5; position:relative;}
.desaturate:hover { z-index:7; position:relative;}
.grow { transition: all .3s ease-in-out; }
.grow:hover { transform: scale(1.1); -webkit-box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.75);box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.75);}
.ddmg-greyscale,.ddmg-grayscale{filter:grayscale(75%)}
.ddmg-greyscale-off,.ddmg-grayscale-off:hover{filter:grayscale(0%)}
.ddmg-greyscale-min,.ddmg-grayscale-min{filter:grayscale(20%)}
.ddmg-sepia{filter:sepia(75%)}
.ddmg-sepia-max,.ddmg-hover-sepia:hover{filter:sepia(100%)}
.ddmg-sepia-min{filter:sepia(50%)}
.ddmg-tiny{font-size:10px!important}
.ddmg-small{font-size:12px!important}
.ddmg-medium{font-size:15px!important}
.ddmg-large{font-size:18px!important}
.ddmg-xlarge{font-size:24px!important}
.ddmg-xxlarge{font-size:36px!important}
.ddmg-xxxlarge{font-size:48px!important}
.ddmg-jumbo{font-size:64px!important}
.ddmg-jumbo-xl{font-size:100px!important}
.ddmg-left-align{text-align:left!important}
.ddmg-right-align{text-align:right!important}
.ddmg-justify{text-align:justify!important}
.ddmg-center{text-align:center!important}
.ddmg-border-0{border:0!important}
.ddmg-border{border:1px solid #ccc!important}
.ddmg-border-top{border-top:1px solid #ccc!important}
.ddmg-border-bottom{border-bottom:1px solid #ccc!important}
.ddmg-border-left{border-left:1px solid #ccc!important}
.ddmg-border-right{border-right:1px solid #ccc!important}
.ddmg-topbar{border-top:6px solid #ccc!important}
.ddmg-bottombar{border-bottom:6px solid #ccc!important}
.ddmg-leftbar{border-left:6px solid #ccc!important}
.ddmg-rightbar{border-right:6px solid #ccc!important}
.ddmg-section,.ddmg-code{margin-top:16px!important;margin-bottom:16px!important}
.ddmg-margin{margin:16px!important}
.ddmg-margin-top{margin-top:16px!important}
.ddmg-margin-bottom{margin-bottom:16px!important}
.ddmg-margin-left{margin-left:16px!important}
.ddmg-margin-right{margin-right:16px!important}
.ddmg-padding-small{padding:4px 8px!important}
.ddmg-padding{padding:8px 16px!important}
.ddmg-padding-large{padding:12px 24px!important}
.ddmg-padding-16{padding-top:16px!important;padding-bottom:16px!important}
.ddmg-padding-24{padding-top:24px!important;padding-bottom:24px!important}
.ddmg-padding-32{padding-top:32px!important;padding-bottom:32px!important}
.ddmg-padding-48{padding-top:48px!important;padding-bottom:48px!important}
.ddmg-padding-64{padding-top:64px!important;padding-bottom:64px!important}
.ddmg-padding-128{padding-top:128px!important;padding-bottom:128px!important}
.ddmg-left{float:left!important}.ddmg-right{float:right!important}
.ddmg-button:hover{color:#fff!important;background-color:#21406E!important}
.ddmg-transparent,.ddmg-hover-none:hover{background-color:transparent!important}
.ddmg-hover-none:hover{box-shadow:none!important}
.online-chat{width: 60px;
    height: 100%;
    color:#031537;
    padding: 4px;
    border-radius: 4px; text-decoration: none;}
.online-chat:hover{
  color:#e9e9e9;
}
.ddmg-bar .ddmg-button:hover{
  color:#e9e9e9;
}
.purple-ribbon{width:75px; position:absolute; top:0; left:100px; z-index:106;}
.escape{ transition: 0.1s;
  position:fixed; top:265px; right:5px;  border:3px solid black;z-index:5; text-align:center; padding:5px 15px;font-size:20px; background:rgba(3,21,55,0.8);color:white;-webkit-box-shadow: 0px 12px 5px -4px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 12px 5px -4px rgba(0,0,0,0.75);
box-shadow: 0px 12px 5px -4px rgba(0,0,0,0.75);
}
.escape:hover{background:white;color:rgb(3,21,55);-webkit-box-shadow: 0px 6px 5px -4px rgba(0,0,0,0.0);
-moz-box-shadow: 0px 6px 5px -4px rgba(0,0,0,0.0);
box-shadow: 0px 6px 5px -4px rgba(0,0,0,0.0); 
  transform: translateY(6px);
  transition: all 0.1s ease-in-out;}


  .foot-button{ transition: 0.1s; border:1px solid black;z-index:5; text-align:center; padding:5px 15px;font-size:19px; font-weight:bold;background:rgba(3,21,55,0.8);color:white;-webkit-box-shadow: 0px 8px 5px -4px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 8px 5px -4px rgba(0,0,0,0.75);
box-shadow: 0px 8pxpx 5px -4px rgba(0,0,0,0.75);
width:33%;
}
.foot-button:hover{background:white;color:rgb(3,21,55);-webkit-box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.0);
-moz-box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.0);
box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.0); 
  transform: translateY(4px);
  transition: all 0.1s ease-in-out;}

#videos{

}
#videos ul{
  width:100%;
}
#videos ul li{
  list-style: none;
  width:31%;
  margin:1%;
  float:left;
}
#videos ul li iframe{
  width:100%;
  height:270px;
}
.involved{

}
.involved ul{
  width:100%;
}
.involved ul li{
  list-style: none;
  width:31%;
  margin:1%;
  vertical-align: top;  
  border-radius: 4px;
  padding:8px;
  background:rgba(0,0,0,0.03);
  display:inline-block;
}
.contactForm{
  margin-bottom: 2rem;
}
.contact-form{
  width:100%;/* max-width:800px;*/
  margin:0 auto;
  padding:12px;
  background:#f3f3f3;

}
.contact-form label{
  width:48%;
  float:left;
  margin:1%;

}
.contact-form label input{
  width:100%;

}
.contact-form label textarea{
  width:100%;

}
.donate p{
  margin-top:0;
}
.donate h3{
  margin-bottom:0;
}
h4{
  color:#21406E!important;

}
.footer_button_container{
  margin-top:3rem; margin-left:40px;
}
h5{
  color:#21406E!important;
}

.container-int {
    -webkit-columns: 2 200px;
    -moz-columns: 2 200px;
    columns: 2 200px;
    -webkit-column-gap: 1em;-moz-column-fill:balance;
    -moz-column-gap: 1em;
    column-gap: 1em;
}
.wrapper {/*
    overflow: hidden;*/
    padding: .5em;
}
.mobile-buttons{
      height: auto;
    padding: 50px;
    width: 40%;
    float:left;
    max-width: 600px;
    margin:5%;
}
.foot_imgs{
width:17%; margin:1%}
  #lockdown{padding:31px}
.event-map{float:right;margin:1rem; width:62%;}
.event-map iframe{
  width:100%;
}


.temp2-vid{margin:0 0% 3% 3%;}

.temp2-vid iframe{width:100%; height:270px;}

.temp1-vid{width:41%;float:left; margin:0 3% 3% 0;}

.temp1-vid img{width:100%; height:307px;}
.temp1-vid iframe{width:100%; height:270px;}
.temp2-gallery{

}
.gallery-img{
  width:24.5%;
  display:inline-block;
  max-height:140px;
  overflow:hidden;
}
.gallery-img img{
  width:100%;
}
.safety-checklist{
  width:32%; display:inline-block; margin:1rem auto;padding-right:25px;
}
.foot-button{
  margin:1rem 0;
}
/* Colors */
.ddmg-amber,.ddmg-hover-amber:hover{color:#000!important;background-color:#ffc107!important}
.ddmg-aqua,.ddmg-hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
.ddmg-blue,.ddmg-hover-blue:hover{color:#fff!important;background-color:#21406E!important}
.ddmg-light-blue,.ddmg-hover-light-blue:hover{color:#000!important;background-color:#5483CC!important}
.ddmg-brown,.ddmg-hover-brown:hover{color:#fff!important;background-color:#795548!important}
.ddmg-cyan,.ddmg-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
.ddmg-blue-grey,.ddmg-hover-blue-grey:hover,.ddmg-blue-gray,.ddmg-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important}
.ddmg-green,.ddmg-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
.ddmg-light-green,.ddmg-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
.ddmg-indigo,.ddmg-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
.ddmg-khaki,.ddmg-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
.ddmg-lime,.ddmg-hover-lime:hover{color:#000!important;background-color:#cddc39!important}
.ddmg-orange,.ddmg-hover-orange:hover{color:#000!important;background-color:#ff9800!important}
.ddmg-deep-orange,.ddmg-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
.ddmg-pink,.ddmg-hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
.ddmg-purple,.ddmg-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
.ddmg-deep-purple,.ddmg-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
.ddmg-red,.ddmg-hover-red:hover{color:#fff!important;background-color:#f44336!important}
.ddmg-sand,.ddmg-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
.ddmg-teal,.ddmg-hover-teal:hover{color:#fff!important;background-color:#009688!important}
.ddmg-yellow,.ddmg-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
.ddmg-white,.ddmg-hover-white:hover{color:#000!important;background-color:#fff!important}
.ddmg-black,.ddmg-hover-black:hover{color:#fff!important;background-color:#000!important}
.ddmg-text-dark-blue{color:#21406E!important}.ddmg-hover-dark-blue:hover{color:#fff!important;background-color:#21406E!important}
.ddmg-lighter-blue{background-color:#21406E}
.ddmg-darker-blue{color:#fff!important;background-color:rgba(33, 64, 110, 0.8)!important}
.ddmg-grey,.ddmg-hover-grey:hover,.ddmg-gray,.ddmg-hover-gray:hover{color:#000!important;background-color:#bbb!important}
.ddmg-light-grey,.ddmg-hover-light-grey:hover,.ddmg-light-gray,.ddmg-hover-light-gray:hover{color:#383838!important;background-color:#f3f3f3!important}
.ddmg-dark-grey,.ddmg-hover-dark-grey:hover,.ddmg-dark-gray,.ddmg-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}
.ddmg-pale-red,.ddmg-hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important}
.ddmg-pale-green,.ddmg-hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important}
.ddmg-pale-yellow,.ddmg-hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important}
.ddmg-pale-blue,.ddmg-hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important}
.ddmg-text-red,.ddmg-hover-text-red:hover{color:#f44336!important}
.ddmg-text-green,.ddmg-hover-text-green:hover{color:#4CAF50!important}
.ddmg-text-blue,.ddmg-hover-text-blue:hover{color:#2196F3!important}
.ddmg-text-yellow,.ddmg-hover-text-yellow:hover{color:#ffeb3b!important}
.ddmg-text-white,.ddmg-hover-text-white:hover{color:#fff!important}
.ddmg-text-black,.ddmg-hover-text-black:hover{color:#000!important}
.ddmg-text-grey,.ddmg-hover-text-grey:hover,.ddmg-text-gray,.ddmg-hover-text-gray:hover{color:#757575!important}
.ddmg-text-amber{color:#ffc107!important}
.ddmg-text-aqua{color:#00ffff!important}
.ddmg-text-light-blue{color:#5483CC!important}
.ddmg-text-brown{color:#795548!important}
.ddmg-text-cyan{color:#00bcd4!important}



.ddmg-text-blue-grey,.ddmg-text-blue-gray{color:#607d8b!important}
.ddmg-text-light-green{color:#8bc34a!important}
.ddmg-text-indigo{color:#3f51b5!important}
.ddmg-text-khaki{color:#b4aa50!important}
.ddmg-text-lime{color:#cddc39!important}
.ddmg-text-orange{color:#ff9800!important}
.ddmg-text-deep-orange{color:#ff5722!important}
.ddmg-text-pink{color:#e91e63!important}
.ddmg-text-purple{color:#9c27b0!important}
.ddmg-text-deep-purple{color:#673ab7!important}
.ddmg-text-sand{color:#fdf5e6!important}
.ddmg-text-teal{color:#009688!important}
.ddmg-text-light-grey,.ddmg-hover-text-light-grey:hover,.ddmg-text-light-gray,.ddmg-hover-text-light-gray:hover{color:#f1f1f1!important}
.ddmg-text-dark-grey,.ddmg-hover-text-dark-grey:hover,.ddmg-text-dark-gray,.ddmg-hover-text-dark-gray:hover{color:#3a3a3a!important}
.ddmg-border-red,.ddmg-hover-border-red:hover{border-color:#f44336!important}
.ddmg-border-green,.ddmg-hover-border-green:hover{border-color:#4CAF50!important}
.ddmg-border-blue,.ddmg-hover-border-blue:hover{border-color:#21406E!important}
.ddmg-border-yellow,.ddmg-hover-border-yellow:hover{border-color:#ffeb3b!important}
.ddmg-border-white,.ddmg-hover-border-white:hover{border-color:#fff!important}
.ddmg-border-black,.ddmg-hover-border-black:hover{border-color:#000!important}
.ddmg-border-grey,.ddmg-hover-border-grey:hover,.ddmg-border-gray,.ddmg-hover-border-gray:hover{border-color:#bbb!important}
button{  cursor: pointer;}
i:hover{  cursor:pointer;}
#home{	max-height:750px;}
.int_container{width:100%; max-width: 1200px; margin:0 auto; position:relative; z-index:3;}
.int_container_wide{width:100%; max-width: 1400px; margin:0 auto;}
.bgimg-1 {background-position: center;background-size: cover;
    background-image: url("images/slide_1.jpg");
    /*background-image: url("images/slide_2.jpg");*/
    /*background-image: url("images/slide_3.jpg");*/
    /*background-image: url("images/slide_4.jpg");*/
    min-height: 85%;}
.ddmg-bar .ddmg-button {padding: 22px 16px;}
.text-background{background:rgba(255,255,255,0.4); position:absolute; z-index:2;}
.nav_anchors a:nth-child(odd){background:white;}
.icon-background1 {color: #ffc0ff;}
.icon-background2 {color: #ffffc0;}
.icon-background3 {color: #c0ffff;}
.icon-background4 {color: #c0ffc0;}
.icon-background6 {color: #40c040;}
.icon-background5 {color: #356292;}
.icon-background5 {color: rgba(3,21,55,0.3);}
.circle-icon2 { background: #ffc0c0; padding:30px; border-radius: 50%;}
.circle-icon {background: #ffc0c0; width: 100px; height: 100px; border-radius: 50%; text-align: center; line-height: 100px; vertical-align: middle; padding: 30px;}
.about-h3{color:white;}
.about-bottom{margin:10% 5%; padding:5%; 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#031537+0,031537+100&0.3+1,0.3+1,0.4+26,0.4+26,0.6+80,0.7+94,0.7+94 */
background: -moz-linear-gradient(top, rgba(3,21,55,0.3) 0%, rgba(3,21,55,0.3) 1%, rgba(3,21,55,0.4) 26%, rgba(3,21,55,0.6) 80%, rgba(3,21,55,0.7) 94%, rgba(3,21,55,0.7) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(3,21,55,0.3) 0%,rgba(3,21,55,0.3) 1%,rgba(3,21,55,0.4) 26%,rgba(3,21,55,0.6) 80%,rgba(3,21,55,0.7) 94%,rgba(3,21,55,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(3,21,55,0.3) 0%,rgba(3,21,55,0.3) 1%,rgba(3,21,55,0.4) 26%,rgba(3,21,55,0.6) 80%,rgba(3,21,55,0.7) 94%,rgba(3,21,55,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d031537', endColorstr='#b3031537',GradientType=0 ); /* IE6-9 */

/*background:rgba(3,21,55,0.7);*/}
.mission-h1{margin-top:-6px; padding-right:15px;}
.mission-text{font-size:17px; line-height:31px;}
.project-image-wrap{max-height:250px; overflow:hidden; margin-bottom:2rem;}
.project-image{width:100%;}
.who-we-are-h2{margin-top:-7px; padding-left:15px;}
.who-we-are-p{padding-left:15px; font-size:17; line-height:31px;}
.margin-top-64{margin-top:64px;}
.contact-form-bg{background:rgba(0,0,0,0.2); border-radius:15px;}
.contact-padding{padding:15px;}
.contact-map{width:90%; float:right; height:453px; border-radius:15px;}
.footer-sitemap{padding-top:16px;}
.margin-top-0{margin-top:0;}

.projects-image-wrap{
  margin-bottom: 2rem;
}
.senior-staff{
  width:48%; margin-right:1.5%; display:inline-block; margin-top:2rem;
}
.frame {
    height: 95px;      /* equals max image height */
    width: 100%;
    white-space: nowrap;
    
    text-align: center; margin: 3rem 0;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.frame img {
    background: transparent;
    vertical-align: middle;
    max-height: 95px;
    max-width: 21%;
    margin:1%;
}
a.pdf-btn {
	  text-decoration: none!important;
	  padding: 6px 8px;
	  background-color: #21406e;
  	color:#fff;
	  text-align:center;
	  margin-top: 6px;
	  font-size: 11px;
	  width: 80%;
    text-transform: uppercase;
    border-radius: 2px; 
}
a.complaint-btn:hover {
	background-image: linear-gradient(rgb(110, 114, 131), rgb(110, 114, 131));
}
a.link-btn {
	  text-decoration: none!important;
	  padding: 6px 8px;
	  background-color: #21406e;
  	color:#fff;
	  text-align:center;
	  margin-top: 6px;
	  font-size: 11px;
	  width: 80%;
    text-transform: uppercase;
    border-radius: 2px;
    margin-left: -5px;
}
a.complaint-btn:hover {
	background-image: linear-gradient(rgb(110, 114, 131), rgb(110, 114, 131));
}

 
/*Media Queries*/
@media (min-width:601px){
  .ddmg-col.m1{width:8.33333%}
  .ddmg-col.m2{width:16.66666%}
  .ddmg-col.s3,.ddmg-quarter{width:24.99999%}
  .ddmg-col.m4,.ddmg-third{width:33.33333%}
  .ddmg-col.m5{width:41.66666%}
  .ddmg-col.m6,.ddmg-half{width:49.99999%}
  .ddmg-col.m7{width:58.33333%}
  .ddmg-col.m8,.ddmg-twothird{width:66.66666%}
  .ddmg-col.m9,.ddmg-threequarter{width:74.99999%}
  .ddmg-col.m10{width:83.33333%}
  .ddmg-col.m11{width:91.66666%}
  .ddmg-col.m12{width:99.99999%}
}

@media (min-width:993px){
  .ddmg-col.l1{width:8.33333%}
  .ddmg-col.l2{width:16.66666%}
  .ddmg-col.l3{width:24.99999%}
  .ddmg-col.l4{width:33.33333%}
  .ddmg-col.l5{width:41.66666%}
  .ddmg-col.l6{width:49.99999%}
  .ddmg-col.l7{width:58.33333%}
  .ddmg-col.l8{width:66.66666%}
  .ddmg-col.l9{width:74.99999%}
  .ddmg-col.l10{width:83.33333%}
  .ddmg-col.l11{width:91.66666%}
  .ddmg-col.l12{width:99.99999%}
  .ddmg-content{max-width:980px;margin:auto}
  .ddmg-rest{overflow:hidden}
  .ddmg-cell-row{display:table;width:100%}
  .ddmg-cell{display:table-cell}
  .ddmg-cell-top{vertical-align:top}
  .ddmg-cell-middle{vertical-align:middle}.ddmg-cell-bottom{vertical-align:bottom}
  .ddmg-hide{display:none!important}
  .ddmg-show-block,.ddmg-show{display:block!important}
  .ddmg-show-inline-block{display:inline-block!important}
}

@media (min-width:375px){
  .title-strip h2{
    margin-left:7.5%!important;width:50%;
  }
}

@media (max-width:1290px){
  .slide_show img {width: 100%;}
}
@media (max-width:820px){


.temp1-vid{width:100%;float:left; margin:2rem 0;}
.slide_show{width:100%; position:relative; overflow: hidden;}
.slide_show img{width:100%; top:0;}
.foot_logo{text-align:center;}
.foot_logo img{width:80%; padding-top:20px;}
.hidden{display:inline-block;}
.top-top{position:fixed; top:0; z-index:4; width:100%;}
.top-top p{font-size:13px; margin:0; color:black; padding-right:16px; float:right;}
.logo img{width:80%; max-width:330px; padding:16px;}
.ddmg-modal-content{margin:0 10px;width:auto!important}
.ddmg-modal{padding-top:30px}
.ddmg-dropdown-hover.ddmg-mobile .ddmg-dropdown-content,.ddmg-dropdown-click.ddmg-mobile .ddmg-dropdown-content{position:relative}  
.ddmg-hide-small{display:none!important}
.ddmg-mobile{display:block;width:100%!important}
.ddmg-bar-item.ddmg-mobile,.ddmg-dropdown-hover.ddmg-mobile,.ddmg-dropdown-click.ddmg-mobile{text-align:center}
.ddmg-dropdown-hover.ddmg-mobile,.ddmg-dropdown-hover.ddmg-mobile .ddmg-btn,.ddmg-dropdown-hover.ddmg-mobile .ddmg-button,.ddmg-dropdown-click.ddmg-mobile,.ddmg-dropdown-click.ddmg-mobile .ddmg-btn,.ddmg-dropdown-click.ddmg-mobile .ddmg-button{width:100%}
}

@media (max-width:768px){

.safety-checklist{
  width:48%; display:inline-block; margin:2rem auto;
}


.event-map{float:none;margin:1rem auto; width:90%;}
.event-map iframe{
  width:100%;
}
.involved ul li{
  width:98%;
}
.senior-staff{
  width:100%; margin-right:0%; float:none;
}
.senior-staff h5{
  margin:2.1rem 0rem 0rem 0rem;
}


.container-int {
    -webkit-columns: 1 200px;
    -moz-columns: 1 200px;
    -moz-column-fill:balance;
    columns: 1 200px;
    -webkit-column-gap: 1em;
    -moz-column-gap: 1em;
    column-gap: 1em;
}
.wrapper {/*
    overflow: hidden;*/
    padding: .5em;
}
.mobile-buttons{
      height: auto;
    padding: 25px;
    width: 90%;
    max-width: 600px;
    margin-top: 25px;
    font-size: 20px!important;
}
.footer_button_container{
  margin-top:2rem; margin-left:0;
}
.foot-button{width:90%; margin:2rem 0;}
.top-top{position:inline; top:0; z-index:105; width:0;height:34px; background-color:white; display:none;}

.top-top p{line-height:34px; font-size:16px; margin:0; color:white; padding-right:16px; float:right;}

.top-top2{position:fixed; top:0; z-index:105; width:100%;height:34px; background-color:white; display:inline-block;}

.top-top2 p{line-height:34px; font-size:18px; margin:0; color:white; padding-right:16px; text-align:center; float:none;}

.ddmg-modal-content{width:500px;}

#videos {
  width:100%;
}
.frame img {
    background: transparent;
    vertical-align: middle;
    max-height: 95px;
    max-width: 50%;
    margin: 1%;
    float:left;
}
.foot_imgs{
width:48%; margin:1%;}
#videos ul{
  width:100%;
}

#videos ul li{
  list-style: none;
  width:98%;
  margin:1%;
  float:left;
}
#videos ul li iframe{
  width:100%;
  height:270px;
}

.escape{
  top:80px;
}

.purple-ribbon{width:75px; position:absolute; top:90px; right:15px; left:auto; z-index:106; padding:5px; background:rgba(255,255,255,0.2);}

  #lockdown{padding:31px; position:relative;
    transform: translate(0%,0%);
    -ms-transform: translate(-0%,0%);}

.ddmg-modal{padding-top:50px}

.mission-h1{margin-top:15px; padding-right:15px;}

.who-we-are-h2{margin-top:15px; padding-left:15px;}

}

@media (min-width:993px){
  .ddmg-modal-content{width:900px}
  .ddmg-hide-large{display:none!important}
  .ddmg-sidebar.ddmg-collapse{display:block!important}
}

@media (max-width:992px) and (min-width:820px){
  .ddmg-hide-medium{display:none!important}
}

@media (max-width:992px){
  .ddmg-sidebar.ddmg-collapse{display:none}
  .ddmg-main{margin-left:0!important;margin-right:0!important}
}
@media (max-width:1250px){
  .ddmg-top{font-size:14px;}
}

  .dropdown a{
  display:inline; padding:10.5px 9px;  line-height:38px; text-align:left; /*border-right:1px solid white;*/ color:white;white-space: nowrap;
  }
  .dropdown {
    position: relative;
    display: inline;
    z-index:102;
    transition:0.5s;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    transition:0.5s;
    display: none;
    position: absolute;
    left:0;
    min-width: 190px;
    background-color: rgba(0,0,0,0.9);
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 103;
    line-height: 44px;
}

.dropdown-content li{
  list-style: none;
}
/* Links inside the dropdown */
.dropdown-content a {
    text-decoration: none;
    display: block;
    padding-right: 15px;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: inherit; color:white;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
  color:#F9C82E!important;
  background-color: ;}
.nav-bar{
  display:inline; padding:10px 8px; font-size:16px; font-weight:bold; line-height:38px; text-align:right; /*border-right:1px solid white;*/ color:white;white-space: nowrap;
}

.nav-bar2{
  display:inline; padding:10px 8px; font-size:16px; font-weight:bold; line-height:38px; text-align:right; /*border-right:1px solid transparent; */color:white; white-space: nowrap;
}

.title-strip{
  padding:15px; background:#5483CC; position:relative; top:-50px; text-align:left;
}

.title-strip h2 {
  color:white; margin-left: 8%;
}
/*
@media screen and (pointer:coarse){
  .title-strip{
    padding:15px; background:#5483CC; position:relative; top:30px; text-align:left;
  }
  .title-strip h2 {
    color:white; margin-left: 8%;
  }
}*/

#theBlue{
background-color:#5483CC;
/*padding: 2px;*/
}