body{margin: 0px;background: #111 linear-gradient(#111, #000);font: 18px 'Poppins', Arial, sans-serif;line-height: 1.5em;color: #fff;}img, input[type=image] { border: 0px; vertical-align: middle; }a:link, a:visited, a:active { color: #000; }a:focus {outline: 0; }a:hover { color: #b7352b; text-decoration: none; opacity: 0.8; }form { margin: 0px; padding: 0px; }.container.withtext {max-width: 920px;}h1,h2,h3,h4,h5,h6 { font-family: 'Poppins', Arial, sans-serif; font-weight: 800; }#footer { font-size: 12px; letter-spacing: 1px; color: #fff; padding: 20px 0; }.flex-row { display: flex; align-items: center; flex-wrap: nowrap; flex-direction: row; justify-content: center; }.clear{ clear: both; height: 0px; margin: 0px; overflow: hidden; }.form-group { border-radius: 4px; position: relative; text-align: left; border: 1px solid #000; box-shadow: 2px 2px 0 #000; background: rgba(255,255,255,0.1);padding-right: 5px; }.form-control { border-radius: 0; box-shadow:unset !important; font-size: 16px; padding: 27px 15px; border: 0px solid #ddd; border-radius: 0px; box-shadow: unset; background: transparent; color: #fff;}.form-control:focus { box-shadow: unset !important; border: 0; -webkit-box-shadow: unset;}.form-control::placeholder { color: #eee; }.form-control.active { padding: 36px 15px 18px;}select.form-control { padding: 0 15px; height: 39px; margin-top: 15px; }label { display:block; position: absolute; top: 10px; left:15px; font-size: 12px; text-shadow: 1px 1px 0 #000; font-weight: bold; line-height: 1em; text-transform: uppercase; color: #fff; }.checkbox, .radio { margin-top: 0; }.checkbox label, .radio label { position: static; color: #000; font-size: 14px; line-height: 1.5em; display: inline-block;}.form-control:-webkit-autofill,.form-control:-webkit-autofill:hover,.form-control:-webkit-autofill:focus,.form-control:-webkit-autofill:active {transition: color 5000s ease-in-out 0s, background-color 5000s ease-in-out 0s;}input:-internal-autofill-selected { background: rgba(255,255,255,0.1) !important; color: #fff !important; }.small-padding { margin-left: -5px; margin-right: -5px; }.small-padding .col-sm-1, .small-padding .col-sm-2, .small-padding .col-sm-3, .small-padding .col-sm-4, .small-padding .col-sm-5, .small-padding .col-sm-6, .small-padding .col-sm-7, .small-padding .col-sm-8, .small-padding .col-sm-9, .small-padding .col-sm-10, .small-padding .col-sm-11, .small-padding .col-sm-12,.small-padding .col-xs-1, .small-padding .col-xs-2, .small-padding .col-xs-3, .small-padding .col-xs-4, .small-padding .col-xs-5, .small-padding .col-xs-6, .small-padding .col-xs-7, .small-padding .col-xs-8, .small-padding .col-xs-9, .small-padding .col-xs-10, .small-padding .col-xs-11, .small-padding .col-xs-12 { padding: 0 5px; }.medium-padding { margin-left: -10px; margin-right: -10px; }.medium-padding .col-sm-1, .medium-padding .col-sm-2, .medium-padding .col-sm-3, .medium-padding .col-sm-4, .medium-padding .col-sm-5, .medium-padding .col-sm-6, .medium-padding .col-sm-7, .medium-padding .col-sm-8, .medium-padding .col-sm-9, .medium-padding .col-sm-10, .medium-padding .col-sm-11, .medium-padding .col-sm-12,.medium-padding .col-xs-1, .medium-padding .col-xs-2, .medium-padding .col-xs-3, .medium-padding .col-xs-4, .medium-padding .col-xs-5, .medium-padding .col-xs-6, .medium-padding .col-xs-7, .medium-padding .col-xs-8, .medium-padding .col-xs-9, .medium-padding .col-xs-10, .medium-padding .col-xs-11, .medium-padding .col-xs-12 { padding: 0 10px; }.btn-primary, a.btn-primary { text-transform: uppercase; background-color: transparent; font-weight: bold; border: 0; padding: 10px 45px; color: #1B1464; border: 2px solid #1B1464; border-radius: 4px; }.btn-primary:hover, .btn-primary:active .btn-primary:focus, a.btn-primary:hover, a.btn-primary:active a.btn-primary:focus{ border-color: #1B1464; background: #eee; color: #1B1464; }.btn-white, a.btn-white { text-transform: uppercase; font-weight: bold; background-color: transparent; border: 0; padding: 10px 45px; border: 2px solid #fff; color: #fff; border-radius: 4px; }.btn-white:hover, .btn-white:active .btn-white:focus, a.btn-white:hover, a.btn-white:active a.btn-white:focus{ background: rgba(255,255,255,0.1); color: #fff; }.btn-black, a.btn-black { text-transform: uppercase; font-weight: bold; background-color: rgba(255,255,255,0.1); border: 0; margin-top: 15px; font-size: 18px; padding: 12px 45px; border: 2px solid #000; box-shadow: 2px 2px 0 #000; text-shadow: 2px 2px 0 #000; color: #fff; border-radius: 4px; }.btn-black:hover, .btn-black:active .btn-black:focus, a.btn-black:hover, a.btn-black:active a.btn-black:focus{ background: rgba(255,255,255,0.1); color: #fff; }.img-frame { border-radius: 15px; overflow: hidden; }.form-check label { font-weight: normal; }#popupform { visibility: hidden; display: flex; align-items: center; justify-content: center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9990; }#popupform.active { visibility: visible; backdrop-filter: blur(15px); }#close-window { display: block; width: fit-content; font-size: 2em; margin-left: auto; color: #fff; text-align:right; opacity: 0.7; }#popupform .wrap { max-width: 100%; width: 600px; margin: auto; background: #1c64d0; color: #fff; padding: 30px; border-radius: 4px; border: 1px solid #000; text-align: center; box-shadow: 2px 2px 0 #000; }.application-popup h2 { border-bottom: 0 !important; }.application-popup .highlight { display: block; text-shadow: 2px 2px 0 #f65536; }.application-popup p { font-weight: bold; margin-bottom: 30px;}#copyright { padding: 20px 0;text-align: center; color: #fff; letter-spacing: 1px; font-size: 11px; line-height: 1.2em; text-transform: uppercase;}#page-wrap { background: #111 linear-gradient(#222, #111); display: flex; align-items: stretch; justify-content: space-between; width: 100%; height: 100%; top: 0; left: 0;position: fixed; z-index: 2;}#page-wrap .left-col { background: #111;flex-basis: 25%; max-width: 325px; padding: 0px; display: flex; width: 100%; flex-direction: column; justify-content: space-between; align-items: stretch;flex-shrink: 0;color: #fff; border-right: 1px solid #222;}#page-wrap .waves { position: absolute; display: flex; flex-direction: column; justify-content: flex-end; bottom: -3px; left: 0; width: 100%; z-index: 9;}#page-wrap .waves svg { position: relative; }#logo { display: flex; flex-basis: 20%; align-items: center; justify-content: center; position: relative; }#logo .img-responsive { width: 120px;}#page-wrap #bio-container { background: #931515 linear-gradient(#931515, #ca392e);flex-grow: 1; padding: 30px 15px; display: flex; width: 100%; flex-direction: column; justify-content: space-between; align-items: stretch;}#page-wrap #bio { flex-grow: 1; text-align: center;}#page-wrap #bio .headshot { width: 80%; padding-top: 80%; border-radius: 100%; border: 2px solid #fff; box-shadow: 0 2px 0 #000;margin: 0 auto 30px; background: #fff url('https://waldoughmediaclients.s3.us-east-2.amazonaws.com/waldobiz/headshot.jpg') 50% 50% no-repeat; background-size: cover;}#page-wrap #bio h3 { font-size: 28px; font-weight: bold; text-transform: uppercase; margin: 0 0 15px;}#page-wrap #bio .pronounce { text-transform: uppercase; font-size: 0.8em; letter-spacing: 2px; opacity: 0.8;}#page-wrap #bio .blurb {font-size: 0.9em; line-height: 1.5em; margin-top: 15px; padding: 0 15px; }#page-wrap .left-col .socials { padding: 30px 12%; flex-basis: 15%;text-align: center;}#page-wrap .left-col .socials ul { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; justify-content: space-between; }#page-wrap .left-col .socials li { display: block; }#page-wrap .left-col .socials li a { display: block; color: #fff; font-size: 1.2em;}#page-wrap .left-col .socials .copyright { font-size: 11px; text-transform: uppercase; letter-spacing: 1px; margin-top: 15px; }#page-wrap .right-col { flex-grow: 1; display: flex; flex-direction: column; align-items: stretch; justify-content: space-between; }#top-bar { background: #111 linear-gradient(75deg, #111,#000); color: #fff; padding: 15px; }#top-bar h1 { font-size: 32px; font-weight: bold; text-align: center; color: #fff; letter-spacing: 1px; text-transform: uppercase;}#companies { flex-grow: 1; padding: 15px; overflow-y: auto; overflow-x: hidden; scrollbar-width: none;}#companies::-webkit-scrollbar { display: none; }#page-wrap .right-col .flex-row { align-items: stretch; justify-content: center; flex-wrap: wrap;}#page-wrap .right-col .flex-row a.company { display: flex; flex-direction: column; align-items: center; justify-content: space-between; flex-basis: calc(100% / 2 - 20px); height: 30vh;margin: 10px; border-radius: 8px; overflow: hidden;border: 1px solid rgba(255,255,255,0.2); box-shadow: 3px 3px 0 #000;color: #fff; }a.company .logo { display: block; background: #fff; flex-basis: 60%; width: 100%; background-color: #111; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat;}a.company .blurb { flex-grow: 1; width: 100%; display: flex; align-items: stretch; justify-content: center; flex-direction: column; padding: 15px; text-align: center;}a.company .title { font-size: 0.8em; line-height: 1.3em; font-weight: normal; text-transform: uppercase; }a.company .desc { font-size: 0.7em; color: #ccc; line-height: 1.3em; margin: 6px 0 15px;}a.company .type { font-size: 0.7em; color: #ec6767; text-transform: uppercase; letter-spacing: 1px;line-height: 1.3em;}.web-windows { flex-basis: calc(50% - 30px); margin: 15px; border: 2px solid #000; box-shadow: 2px 2px 0 #000; border-radius: 15px; overflow: hidden;}.web-windows .screen-header { background: #111; padding: 10px 15px; text-align: left; line-height: 0em;}.web-windows .screen-header .dot { display: inline-block; height: 5px; width: 5px; border-radius: 100%; background: #fff; margin: 0 3px;}#application { padding: 45px 0 90px; text-align: center;}#application .flex-row { align-items: flex-start; justify-content: space-between; }#application .contact-form { max-width: 600px; margin: 30px auto 0;}#application .btn-black { background: #f65536;}a.contact-btn { font-size: 16px;color: #fff;border: 2px solid;border-radius: 15px; width: auto; margin: 30px auto 15px; padding: 8px 40px; background: rgba(0, 0, 0, 0.3); }#confirm { background: #fbfcfd; color: #000; padding: 30px 0 0;}#confirm h2 { display: block; font-size: 38px; text-transform: uppercase; width: fit-content; margin: 0 auto 0px; padding-bottom: 4px; border-bottom: 6px solid #f65536; }@media all AND (min-width: 1600px) {#page-wrap .right-col .flex-row a.company { flex-basis: calc(100% / 3 - 20px);}}@media all AND (max-width: 991px) {#page-wrap .right-col .flex-row a.company { flex-basis: calc(100% / 2 - 20px);}#page-wrap .left-col { flex-basis: 35%; }#page-wrap .left-col .socials { padding: 30px 15px; }}@media all AND (max-width: 767px) {.hide-mobile { display: none;}.break-mobile { display: block; }.web-windows { flex-basis: 100%; margin: 15px; } #companies { margin: 0px 0; padding: 0; }#page-wrap .right-col .flex-row a.company { display: block; flex-basis: calc(100% / 2 - 10px); margin: 5px; height: auto;}a.company .logo { padding-top: 80%;}#page-wrap { flex-wrap: wrap; position: static;}#page-wrap .left-col { flex-basis: 100%; max-width: 100%; }#page-wrap .right-col { flex-basis: 100%; }#page-wrap .left-col .socials { padding: 30px 15px; max-width: 320px; margin: 0 auto; }#page-wrap .left-col .copyright { visibility: hidden;}#logo { display: none; flex-basis: auto; height: 50vw;}#header { padding: 15px 0; }#header .logo .img-responsive { max-height: 30px; }#logo {}#home-banner { padding: 60px 0 0; background-position: 50% 100%; min-height: auto; }#home-banner .wrap { padding: 10vw 0;}#home-banner .btn { display: block; text-align: center;}.banner-message { margin: 15px 0; font-size: 18px;}#microphone { display: none; }#aboutus { font-size: 1.1em; line-height: 1.5em;}#aboutus .col .icon { margin: 30px 0px;}#aboutus .icon span { font-size: 12px; line-height:1.2em; } .content { padding: 30px 0;}.content h1 { font-size: 28px; line-height: 1.3em; }.content .flex-row { flex-wrap: wrap; }.content .flex-row .graphic, .content .flex-row .graphic.right { flex-basis: 100%; min-width: 100%; padding: 0px 0 0; order: 2; }.content .flex-row .graphic .img-responsive { margin: 0 auto; }#footer .flex-row { flex-flow: row wrap; }#footer .col { padding: 15px 0; }#aboutus h2, #expertise h2 { font-size: 28px; line-height: 1em;}#expertise h2 { margin-bottom: 30px; border-bottom: 0;}#expertise .flex-row { flex-wrap: wrap; }#expertise .graphic { flex-basis: 100%; order: 0; }#expertise .call-out { flex-basis: 100%; order: 2; }#application h2 { border-bottom: 0;}#application .highlight { display: block; text-shadow: 2px 2px 0 #f65536; }#application .btn-black { display: block; width: 100%; }#popupform .wrap { position: fixed; overflow-y: auto; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; border: 0; box-shadow: none;}#confirm h2 { font-size: 24px; border-bottom: 0; margin-bottom: 30px;}}