body{-webkit-tap-highlight-color:rgba(255,255,255,0.2)}
h1,h2,h3{color:#eee;font-family:'Trade Winds',cursive;text-shadow:3px 2px 7px #111}
::selection{text-shadow:none;background:#fcfcfc;background:rgba(255,255,255,0.2)}
img::selection{background:transparent}
html{width:100%;height:100%}
body{background:#000;background-repeat:no-repeat;background-attachment:fixed;color:#333;margin:0 0 30px;padding:50px 0;width:100%;height:100%}
a{color:#00E;font-size:90%;font-weight:700;transition:all .3s ease-in-out}
a:hover,a:focus{text-decoration:none;color:#1d9b6c}
.section-content{margin:0 auto;padding-top:50px;max-width:980px}
.navbar-toggle .icon-bar{margin-top:4px;background-color:#fff}
.navbar-right > li > a{padding:0 10px;margin-top:10px}
.navbar-custom{margin-bottom:0;border-bottom:1px solid rgba(255,255,255,0.3);text-transform:uppercase;font-family:"Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif;background-color:#000}
.navbar-custom .navbar-toggle{color:#fff;background-color:rgba(255,255,255,0.2);font-size:12px}
.navbar-custom .navbar-toggle:focus,.navbar-custom .navbar-toggle:active{outline:none}
.navbar-custom.top-nav-collapse{background:rgba(0,0,0,0.77)}
.navbar-custom{font-weight:700}
.navbar-custom{outline:none}
.navbar-custom a{color:#fff}
.navbar-custom .nav li a{transition:background .3s ease-in-out,color .3s ease-in-out}
.navbar-custom .nav li a:hover{color:rgba(255,255,255,0.7);outline:none;background-color:transparent}
.navbar-custom .nav li a:focus,.navbar-custom .nav li a:active{outline:none;background-color:transparent}
.navbar-custom .nav li.active{outline:none;background-color:#111}
.navbar-custom .nav li.active a{background-color:rgba(255,255,255,0.2)}
.navbar-custom .nav li.active a:hover{color:#fff}
.navbar-custom .nav img:hover{opacity:.75}
.navbar-custom .nav img{transition:opacity .3s}
@media (min-width: 768px) {
.navbar-custom{padding:20px 0;border-bottom:none;letter-spacing:1px;background:transparent;transition:background .5s ease-in-out,padding 1.5s ease-in-out}
.navbar-custom.top-nav-collapse{padding:0;background:#000;border-bottom:1px solid rgba(255,255,255,0.3)}
}
header{background:linear-gradient(#555,#bbb);padding-bottom:30px}
.img-home{margin:auto;max-height:600px}
.img-logo-tag{border-radius:50%;margin:auto;margin-top:7%}
#lg-home-img{display:none}
#sm-home-img{display:block}
@media (min-width: 768px) {
#lg-home-img{display:block}
#sm-home-img{display:none}
}
.logo{margin-top:10px;opacity:.9}
.logo img{border-radius:500%}
.img-home{border:1px solid #000;border-radius:7px;box-shadow:3px 3px 9px 0 rgba(0,0,0,0.55);margin:20px auto 0;max-height:600px}
#demos{background:linear-gradient(#2f3c49,#fdad3f);padding-bottom:30px}
.demo-list-container{background:#2d3943;border-radius:10px;margin-top:0;opacity:.95;overflow:hidden;padding-bottom:0}
.demo-list{left:0;position:relative;top:0;width:980px}
.demo-clip{cursor:pointer;display:block;float:left;font-weight:700;margin-top:10px;padding:5px 0 0;text-align:center;width:180px;height:140px}
.demo-clip:first-child{margin-left:25px}
.demo-img{border:0;overflow:hidden;height:120px}
.demo-img img{position:relative;width:100%;height:100%;transition:opacity .3s}
.demo-img img:hover{opacity:.7}
.demo-arrows{display:block}
#voiceDemos{text-align:center;z-index:9}
.demo-graphic{border-radius:7px;margin:12px auto;max-width:350px}
#radio-tv{background:linear-gradient(#06040c,#2a339c);padding-left:2%;padding-right:2%;padding-bottom:30px}
.vid-container{margin-top:20px;position:relative;padding-bottom:52%;padding-top:30px;height:0}
.vid-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}
iframe{border:0}
.vid-list-container{background:#111;margin-top:0;overflow:hidden;padding-bottom:0}
.vid-list{left:0;position:relative;top:0}
.vid-clip{cursor:pointer;display:block;float:left;margin-top:10px;padding:10px;width:180px;height:140px}
.vid-clip:first-child{margin-left:40px}
.vid-img{border:1px solid rgba(255,119,119,0.7);height:90px;overflow:hidden;transition:all .2s}
.vid-img:hover{border:1px solid rgba(255,187,119,1.0);opacity:.7}
.vid-img img{position:relative;top:-15px;width:100%}
.vid-clip .vid-desc{color:#ff7;font-size:15px;margin-top:5px}
.arrows{opacity:.85;position:relative;width:100%}
.demo-arrows{margin-left:8.33333333%;width:83.33333333%}
.arrow{background:#555;color:#e67c11;cursor:pointer;padding:15px;position:absolute;transition:color .3s;z-index:100}
.arrow:hover{color:#fb0}
.demo-arrow{top:48px}
.vid-arrow{top:-110px}
.demo-arrow-left,.vid-arrow-left{left:0}
.demo-arrow-right,.vid-arrow-right{right:0}
.arrow-left:hover,.arrow-right:hover{background:#777;color:red}
#about{background:linear-gradient(#2cc8d0,#3c6aa5,#3d4146);padding-bottom:30px}
.about{font-size:18px;line-height:1.5;margin:0 0 15px}
@media (min-width: 768px) {
.about{margin:0 0 35px;font-size:16px;line-height:1.6}
}
.about-bkgd{background-image:url(../images/about-mark-coast.jpg);background-position:left center;background-size:cover}
@media (min-width: 768px) {
.about-bkgd{background-position:center center}
}
#resume-header{cursor:pointer;transition:margin-left .2s}
#resume-header:hover{margin-left:3px;font-style:italic}
.resume-section-title{font-weight:700;margin-bottom:10px}
.resume-section-content{margin-left:10px}
@media (min-width: 768px) {
.resume-section-content{margin-left:1em}
}
.resume-section-list-content{margin-left:-15px}
@media (min-width: 768px) {
.resume-section-content{margin-left:20px}
.resume-section-list-content{margin-left:-5px}
}
.text-box{background-color:#f5f5f5;border-radius:10px;box-shadow:3px 3px 21px 0 rgba(0,0,0,0.35);margin-bottom:30px;opacity:.7;padding:20px}
.agency-container{background:#fff;border:1px solid blue;border-radius:15px;box-shadow:3px 3px 21px 0 rgba(0,0,0,0.35);margin-bottom:20px;max-width:480px;min-width:280px;min-height:224px;opacity:.75;padding:10px}
.agency-region{font-size:130%;font-variant:small-caps;text-align:center}
.flex{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around}
.agency-logo{border:1px solid #ddd;-ms-flex-order:1;order:1;margin-right:10px;padding:3px;text-align:center}
.agency-logo img{width:100%;height:auto}
.agency-info{-ms-flex-order:2;order:2;min-width:185px}
.agency-name{font-size:120%}
.agency-contacts{margin-top:10px;text-align:center}
.form-control::selection{text-shadow:none;background:rgba(27,127,204,.8)}
#contact{background:linear-gradient(#39409b,#fdad3f);padding-bottom:70px}
#cform{background:#eee;border:1px solid blue;border-radius:15px;box-shadow:3px 3px 21px 0 rgba(0,0,0,0.35);margin:0 20px;opacity:.75;padding:10px}
#msg{color:red;text-align:center}
#txt-message{height:100px}
#url{display:none}
footer{padding:15px 0}
footer p{color:#775;font-size:14px;margin:0}