/*! normalize.css v1.1.0 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}button,html,input,select,textarea{font-family:sans-serif}a:focus{outline:dotted thin}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ol,nav ul{list-style:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure,form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:optica-icons;src:url(http://static.tumblr.com/vr9xgox/Laznfengw/optica-icons.eot)}

/* colors of blue in logo (higher #5887C5) (ground #00488F) (technologies #A5C3E0) */
html { box-sizing: border-box;  }
*, *:before, *:after {box-sizing: inherit;}

html {font-size: 87.5%; }
html,body {margin:0; padding:0;}
body {font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Lucida Grande", sans-serif; line-height:1.4; background:#fafafa; color:#BEB9B0; -webkit-font-smoothing:antialiased;}
p {font-size:1.45623058987rem;} 

a:link { color: #76C2FF; text-decoration: underline; border-bottom-color: #76C2FF; }
a:visited {color:#76C2FF;}
a:hover { color: #A5C3E0; text-decoration: none; border-bottom-color: #A5C3E0;}
a:active {color: #900; text-decoration: none;}
#content a:link {border-bottom: 1px solid; text-decoration: none;}

#top {text-indent: -5000em; position: absolute;}
#top a {color: #FFF;}

.wrapper {margin:0 auto; padding:0; max-width: 1280px; text-align: left; position: relative;}
.wrapper:after  {content:""; display:table; clear:both;}
.wrapper h2 { font-size: 2em; color: #77C2FF; text-align:center;}

header.hgtech {background: #00488F; position: relative;}
header.hgtech:after {content:""; display:table; clear:both;}
header.hgtech .wrapper {text-align:center;}
header.hgtech .wrapper #logo {margin:0 auto; padding:0; font-size:0; line-height:0; display:inline-block;}
header.hgtech .wrapper #logo img {max-width:100%; height: auto; display: block;}

header.hgtech nav {padding:0; text-align:center; font-size: 1.1rem; line-height: 1.5rem; font-weight: bold; margin:0; }
header.hgtech nav a { margin:0; padding:5px; text-align: centert; white-space: nowrap; color: #fff; display: block; width:100%; border-bottom: 1px solid #fff; }
header.hgtech nav a:link, header.hgtech nav a:visited { text-decoration: none; color:#fff;}
header.hgtech nav a:first-child { border-top: 1px solid #fff;}
header.hgtech nav a[href="/support"] {display:none;}

@media only screen and (min-width: 320px) {
header.hgtech .wrapper {padding:10px 0;}
header.hgtech nav { font-size: 1.3rem; line-height: 2rem;}
header.hgtech nav a { margin:0 5px; padding:0; text-align:left; white-space:nowrap; display:inline; width:auto; border: none!important; }
header.hgtech nav a:link, header.hgtech nav a:visited { text-decoration: none;} 
}
@media only screen and (min-width: 480px) {}

@media only screen and (min-width: 1024px) {
header.hgtech .wrapper {text-align:left; padding:20px;}
header.hgtech .wrapper #logo { position: relative; left: -30px; }

header.hgtech nav {top: 60px; right:0; position: absolute; }
header.hgtech nav a { display: inline-block; margin:0 0 0 20px; font-size: 1.5rem;}
header.hgtech nav a:last-child {margin-right:0;}
header.hgtech nav a[href="/support"]{display: inline-block;}
header.hgtech nav a:hover {text-decoration: none; color:#A5C3E0!important;}
/* colors of blue in logo (higher #5887C5) (ground #00488F) (technologies #A5C3E0) */
}



#tumblrnav { text-align: center; background: #5887C5; padding: 5px 10px; font-size: 1rem; font-weight: bold;  line-height: 2rem; margin-bottom:32px;}
#tumblrnav a, #tumblrnav a:link { margin:10px; color: #FFF; text-decoration: none; white-space:nowrap;}
#tumblrnav a:hover {color: #FFF; text-decoration: underline; }
#tumblrnav form {margin: 10px; display:inline-block; position: relative; }
#tumblrnav form input{ border:none; font-size:14px; outline:0; margin:0; padding:5px; width:155px; font-weight:400; }
#tumblrnav form button {border:none;background:0 0;display:block;margin:0;padding:0; width:26px; height:26px; font-size:24px;color:#bbb;position:absolute; right:0 ;top:0;}

#tumblr #page {margin:0 0 50px;}
#tumblr p { font-size: 1em; }



/* generic site-wider delcarations for layout & styles */
.topbanner {display:block; width:100%; text-align: center; position: relative; z-index:1; background: #333;}

@media only screen and (min-width: 320px) {
.topbanner:after,
.quotebanner:after {content:""; display:table; clear:both;
position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; height: 100%; width: 100%; z-index:2;
/* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC41Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); */
background-image:url(/assets/images/bg_banner.png);
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.5)));
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );}

.index .topbanner {background-image:url(/assets/images/bg_banner768.png);  background-repeat:no-repeat; background-attachment:scroll; background-position:center center; background-size:cover;}
.managed-it .topbanner {background-image:url(/assets/images/bg_managed-it768.png);  background-repeat:no-repeat; background-attachment:scroll; background-position:center center; background-size:cover;}
.av-solutions .topbanner {background-image:url(/assets/images/bg_av-solutions768.png);  background-repeat:no-repeat; background-attachment:scroll; background-position:center center; background-size:cover;}
.broadcast .topbanner {background-image:url(/assets/images/bg_broadcast768.png);  background-repeat:no-repeat; background-attachment:scroll; background-position:center center; background-size:cover;}
}
@media only screen and (min-width: 768px) {
.index .topbanner {background-image:url(/assets/images/bg_banner1280.png);}
.managed-it .topbanner {background-image:url(/assets/images/bg_managed-it1280.png);}
.av-solutions .topbanner {background-image:url(/assets/images/bg_av-solutions1280.png);}
.broadcast .topbanner {background-image:url(/assets/images/bg_broadcast1280.png);}
}
@media only screen and (min-width: 1280px) {
.index .topbanner {background-image:url(/assets/images/bg_banner.png);}
.managed-it .topbanner {background-image:url(/assets/images/bg_managed-it.png);} 
.av-solutions .topbanner {background-image:url(/assets/images/bg_av-solutions.png);} 
.broadcast .topbanner {background-image:url(/assets/images/bg_broadcast.png);} 
}

.topbanner h2 {display:block; width:100%; margin: 0; color: #fff; text-shadow: 0 3px 4px rgba(0,0,0,.5); font-size: 2.5rem; padding: 2.5rem 0;  position: relative; z-index:3;}
@media only screen and (min-width: 320px) {.topbanner h2 {font-size: 3rem; padding: 3rem 0;}}
@media only screen and (min-width: 480px) {.topbanner h2 {font-size: 5rem; padding: 5rem 0;}}
@media only screen and (min-width: 768px) {.topbanner h2 {font-size: 7.5rem; padding: 7.5rem 0;}}
@media only screen and (min-width: 1024px) {
 .topbanner h2 {font-size: 10rem; padding: 11rem 0; opacity: 0; opacity: 1\9;
-webkit-animation: fadein .6s .5s 1 forwards ease-in;
animation: fadein .6s .5s 1 forwards ease-in;}
.index .topbanner, .managed-it .topbanner, .av-solutions .topbanner, .broadcast .topbanner {background-attachment: fixed;}
}
@media only screen and (min-width: 1280px) {.topbanner h2 {font-size: 12rem; padding: 12rem 0;}
}

#content {background: #181A1B;}
#content .wrapper {padding: 50px 20px; min-height:400px; }
@media only screen and (min-width: 1024px) {
#content .wrapper { padding: 25px 0; text-align: justify; }
}

.section {min-height:130px; margin:20px 30px 20px 30px;}
.section h2 { font-size: 2em; color: #77C2FF; text-align:left;}
.section p {margin-top: 6px;}

@media only screen and (min-width: 768px) {
.section {padding-right:300px; min-height:275px;}
.managed-it .section:nth-child(1) {background:url(/assets/images/it_cyber.png) no-repeat right 5em;}
.managed-it .section:nth-child(2) {background:url(/assets/images/it_consult.png) no-repeat right 5em;}
.managed-it .section:nth-child(3) {background:url(/assets/images/it_network.png) no-repeat right 5em;}
.managed-it .section:nth-child(4) {background:url(/assets/images/it_cloud.png) no-repeat right 5em;}
.managed-it .section:nth-child(5) {background:url(/assets/images/it_backup.png) no-repeat right 5em;}
.managed-it .section:nth-child(6) {background:url(/assets/images/it_hardware.png) no-repeat right 5em;}
.managed-it .section:nth-child(7) {background:url(/assets/images/it_3cx.png) no-repeat right 5em;}
.managed-it .section:nth-child(8) {background:url(/assets/images/it_cabling.png) no-repeat right 5em;}
.managed-it .section:nth-child(9) {background:url(/assets/images/it_budget.png) no-repeat right 5em;}
.av-solutions .section:nth-child(1) {background:url(/assets/images/av_integrate.png) no-repeat right 5em;}
.av-solutions .section:nth-child(2) {background:url(/assets/images/av_church.png) no-repeat right 5em;}
.av-solutions .section:nth-child(3) {background:url(/assets/images/av_conference.png) no-repeat right 5em;}
.av-solutions .section:nth-child(4) {background:url(/assets/images/av_install.png) no-repeat right 5em;}
.av-solutions .section:nth-child(5) {background:url(/assets/images/av_event.png) no-repeat right 5em;}
.av-solutions .section:nth-child(6) {background:url(/assets/images/av_rental.png) no-repeat right 5em;}
.broadcast .section:nth-child(1) {background:url(/assets/images/rf_studio.png) no-repeat right 5em;}
.broadcast .section:nth-child(2) {background:url(/assets/images/rf_telemetry.png) no-repeat right 5em;}
.broadcast .section:nth-child(3) {background:url(/assets/images/rf_automation.png) no-repeat right 5em;}
.broadcast .section:nth-child(4) {background:url(/assets/images/rf_transmit.png) no-repeat right 5em;}
.broadcast .section:nth-child(5) {background:url(/assets/images/rf_antenna.png) no-repeat right 5em;}
.broadcast .section:nth-child(6) {background:url(/assets/images/rf_stl.png) no-repeat right 5em;}
.broadcast .section:nth-child(7) {background:url(/assets/images/rf_nrsc.png) no-repeat right 5em;}
}

/* PAGE SPECIFIC STYLES ################################################################################################################################### */

.quotebanner {}
.quotebanner blockquote {margin:0; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.5); quotes: "\201C" "\201D" "\2018" "\2019"; position: relative; padding: 0px; display: block; z-index:3;}
.quotebanner blockquote:before {content: open-quote; margin-right: 5px; font-size: 200%; position: relative;  top:.35em;}
.quotebanner blockquote:after {content: close-quote; margin-left: -5px;}
.quotebanner blockquote cite {display:block; text-align: center; font-weight: bold; position: absolute; margin: 0px auto; width: 100%;}
.quotebanner blockquote cite:before {content:"\007E\00a0";}
.quotebanner blockquote {font-size: 1.25rem; padding: 5rem 0; line-height: 2rem; margin: 0 5%;}
.quotebanner blockquote cite {font-size: 50%;}
@media only screen and (min-width: 320px) {
    
.quotebanner blockquote {color: #fff;}
.quotebanner {background:url(/assets/images/bg_quote768.jpg) no-repeat fixed center center; margin:0; padding: 0; width: 100%; display: block; background-size:cover; position: relative;}
.quotebanner blockquote {font-size: 1.5rem; padding: 7rem 0; line-height: 2.25rem; margin: 0 5%;}
}
@media only screen and (min-width: 768px) {
.quotebanner {background-image:url(/assets/images/bg_quote1280.jpg); margin:0; padding: 0; width: 100%; display: block; background-size:cover; position: relative;}
.quotebanner blockquote {font-size: 2rem; padding: 15rem 0; line-height: 4rem; margin: 0 10%;}
}
@media only screen and (min-width: 1024px) {
.quotebanner blockquote {font-size: 2.25rem; padding: 15rem 0; line-height: 4rem; margin: 0 10%;}
}
@media only screen and (min-width: 1280px) {
.quotebanner {background-image: url(/assets/images/bg_quote.jpg); }
}

.our-team .team {float:left; position:relative; width:100%; text-decoration:none; text-align: center;}
.our-team .team figure {}

.our-team .team figure .team_photo { border-radius:50%; width:95%; height:auto; opacity:1; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
/* .our-team .team figure .team_photo { border-radius:50%; width:95%; height:auto; opacity:1; filter: grayscale(100%); -webkit-filter: grayscale(100%); filter: gray; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} */
.our-team .team figure .team_photo:hover { border-radius: 25%; opacity:.90; filter: grayscale(0%); -webkit-filter: grayscale(0%); filter: none;}

.our-team .team figure figcaption { font-size:16px; margin:0; padding: 10px 10px 30px 10px; text-align: center;}
.our-team .team figure figcaption .name {white-space: nowrap;}
.our-team .team figure figcaption .jobtitle {font-size:66%; display: block; font-style: italic; white-space: nowrap;}

.our-team .team .soc-profile { margin:5px 0; font-size:0;}
.our-team .team .soc-profile a {margin:0 8px; font-size:16px;}
.our-team .team .soc-profile a i[class*=link] {color:#444444;}
.our-team .team .soc-profile a i[class*=facebook] {color:#3b5998;}
.our-team .team .soc-profile a i[class*=twitter] {color:#55acee;}
.our-team .team .soc-profile a i[class*=google] {color:#dd4b39;}
.our-team .team .soc-profile a i[class*=tumblr] {color:#2c4762;}
.our-team .team .soc-profile a i[class*=linkedin] {color:#007bb6;}

.our-team .team a {text-decoration:none!important; color:#141414; border:0 none transparent!important;}

@media only screen and (min-width: 320px) {
.our-team .team {} 
.our-team .team.matt {width:100%;}
}

@media only screen and (min-width: 480px) {
.our-team .team {width: 50%; } 
.our-team .team.matt {width:100%;}
}
@media only screen and (min-width: 640px) {
.our-team .team {width: 33.333%; }
.our-team .team.matt {width: 50%;  margin-right:10px;}
}
@media only screen and (min-width: 1024px) {
.our-team .team {width: 25%; }
.our-team .team.matt {width: 40%;}
}

#ceo { border-bottom: 1px solid #efefef; margin:0 0 32px; padding:0 0 32px;}
#ceo:after {content:""; display:table; clear:both;}

/* FOOTER #################################################################################################################################################################### */
footer.hgtech {clear: both; float: none; margin:0; text-align: center; color: #FFF; padding:0; font-size: 12px; line-height: 24px; background:#000;}
footer.hgtech a {}
footer.hgtech a, footer.hgtech a:link, footer.hgtech a:visited, footer.hgtech a:hover {color: #fff; }
footer.hgtech a:hover {text-decoration: none;}

#contact { padding:10px 0; font-family:Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif; font-style:italic; font-weight:normal; font-size:14px; line-height:20px; position: relative;}
#contact span {font-size: 1.25em; line-height: 1.25em; vertical-align: middle; font-style: normal;}
#contact a, 
#contact a:link {border-bottom: 0px solid #fff; color: #fff!important; text-decoration: none; }
#contact a:hover {border-bottom-color: #999;}

#contact .or {font-size: 16px; line-height: 24px; display: block;}

#contact:target {-webkit-animation: target-fade 1s 1; animation: target-fade 1s 1;}
@-webkit-keyframes target-fade {0% {background:#A5C3E0;} 100% {background:none;}}
@keyframes target-fade {0% {background:#A5C3E0;} 100% {background:none;}}

@media only screen and (min-width: 320px) {#contact span {font-size: 1.5em; line-height: 1.5em;}}
@media only screen and (min-width: 480px) {#contact span {white-space:nowrap;}}
@media only screen and (min-width: 768px) {#contact {font-size: 2em; line-height: 2em;}}
@media only screen and (min-width: 1024px) {#contact {font-size: 2.25em; line-height: 2.25em;}}
@media only screen and (min-width: 1280px) {#contact {font-size: 2.25em; line-height: 2.25em;}}

footer.hgtech a {text-decoration: none;}
footer.hgtech a:hover {opacity:.66;}
footer.hgtech nav { text-align:center; padding: 50px 0 0; background:#00488F;}
footer.hgtech nav a {margin:0 10px 0 0; white-space:nowrap;}
footer.hgtech nav a, footer.hgtech nav a:link, footer.hgtech nav a:visited, footer.hgtech nav a:active, footer.hgtech nav a:hover {text-decoration: none;}

footer.hgtech nav a:last-child {margin-right:0;}
footer.hgtech #copyright {position: relative; background:#00488F; padding: 0 0 80px; text-decoration: none;}
footer.hgtech a[href="#top"] { display:block; text-indent: -1000em; background:url(/assets/images/social.32x32.icons.sprite.png) no-repeat center bottom; background-size: cover; width:32px; height:41px; margin-left: -20px; position: absolute; left: 50%; top: 40px; } 

@media only screen and (min-width: 1024px) {
footer.hgtech nav { padding: 20px 0 0; }
}

@-webkit-keyframes fadein {
0% {opacity: 0; -webkit-transform: translateY(-20px); -webkit-transform: scale(.85); transform: translateY(-20px); transform: scale(.85);}
100% {opacity: 1; -webkit-transform: translateY(0); -webkit-transform: scale(1); transform: translateY(0); transform: scale(1);}
}

@keyframes fadein {
0% {opacity: 0; transform: translateY(-20px); transform: scale(.85);}
100% {opacity: 1; transform: translateY(0); transform: scale(1);}
}