@import url('reset.css');
@import url('visual.css');
#services section {
width: 100%;
float: none;
}
#services figure {
max-width: 100%;
margin: 0;
}

/*-------------------------------------------    
   HOME - CONTAINER
-------------------------------------------*/
#midwrap {
width: 100%;
background: url(../images/midfield.jpg) repeat-x 50% 0;
}
#container {
background: none;
padding: 20px 0 20px 0;
}
#container section {
width: 65%;
padding: 0 0 0 3%;
}
#container .sub-aside {
display: none;
}
#container aside {
display: none;
}
#container .brand-logos {
display: none;
}
#container h2, #container h3 {
font-size: 1.5em;
letter-spacing: normal;
}
#container .cta {
font-size: .8em;
padding: 0 20px;
margin: 0;
}
/*-------------------------------------------    
   HOME - TABS
-------------------------------------------*/
#tab-container {
min-height: 340px;
}
aside .tabs li a {
font-size: .9em;
line-height: 1.3em
}
.folio-btn {
position: absolute;
bottom: -20px;
left: 0;
}
/*-------------------------------------------    
  marketing POSTS
-------------------------------------------*/
body#marketing h1 {
font-size: 4em;
padding: 0;
margin: 0;
height: inherit;
line-height: 40px;
margin: 0 0 45px 0
}
body#marketing h1 span {
padding: 0 0 0 70px;
font-size: .3em;
}
body#marketing h1 img {
float: left;
margin: 12px 15px 0 0
}
body#marketing #primary {
width: 90%
}
body#marketing section {
width: 100%;
}
body#marketing aside {
display: none;
}
.marketing-post img {
width: 35%;
margin: 0 1.5em 1.5em 0
}
#prefooter .news-post {
display: none;
}
/*-------------------------------------------    
  SEARCH
-------------------------------------------*/
#search {
display: none;
}
/*-------------------------------------------    
  PREFOOTER
-------------------------------------------*/
#prewrap {
width: 100%;
background: none;
border: none;
margin: 0;
}
#prefooter {
width: 100%;
margin: 0;
}
#prefooter aside {
width: 90%;
float: none;
margin: 0 auto;
padding: 25px 0;
border-top: 1px solid #37383C;
border-bottom: 1px solid #37383C
}
#prefooter aside blockquote {
width: 100%;
margin: 0;
}
#prefooter aside blockquote p {
font-size: 1.1em;
text-indent: 2.5em;
padding: 25px;
background: url(../images/quote.png) no-repeat 5% 20% rgba(0,0,0,1)
}
#prefooter aside blockquote .author {
padding: 40px 0 0 35px;
font-size: 13px;
background: url(../images/case-arrow.png) no-repeat 90px 0;
}
/*-------------------------------------------    
  FOOT NAV
-------------------------------------------*/
#foot-nav {
display: none;
}
footer {
width: 100%;
height: 200px;
float: none;
text-align: center;
font-size: 0.9em;
}
footer .cta {
margin: 0 0 5px;
}
footer .social {
width: 180px;
margin: 0 auto;
}
footer .social li a {
opacity: 1;
}
footer h2 .cta {
font-size: 1.1em;
text-transform: uppercase;
color: #fff;
background: #14B1DE;
display: inline-block;
padding: 0 80px;
line-height: 2.2em;
text-shadow: 0 2px 2px rgba(0,0,0,0.6);
margin: 0 0 10px 0; /* -- RADIUS -- */
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
-o-border-radius: 18px;
border-radius: 18px; /* -- SHADOW -- */
-webkit-box-shadow: inset 1px 1px 0 rgba(255,255,255, .6), 1px 1px 0 rgba(0,0,0,.8), 0 0 20px 5px rgba(255,255,255,0);
-moz-box-shadow: inset 1px 1px 0 rgba(255,255,255, .6), 1px 1px 0 rgba(0,0,0,.8), 0 0 20px 5px rgba(255,255,255,0);
-o-box-shadow: inset 1px 1px 0 rgba(255,255,255, .6), 1px 1px 0 rgba(0,0,0,.8), 0 0 20px 5px rgba(255,255,255,0); /* -- GRADIENT -- */
 background-image: linear-gradient(bottom, rgb(16,167,213) 100%, rgb(13,121,164) 0%);
background-image: -o-linear-gradient(bottom, rgb(16,167,213) 100%, rgb(13,121,164) 0%);
background-image: -moz-linear-gradient(bottom, rgb(16,167,213) 100%, rgb(13,121,164) 0%);
background-image: -webkit-linear-gradient(bottom, rgb(16,167,213) 100%, rgb(13,121,164) 0%);
background-image: -ms-linear-gradient(bottom, rgb(16,167,213) 100%, rgb(13,121,164) 0%);
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(1, rgb(16,167,213)), color-stop(0, rgb(13,121,164)) );
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
footer h2 .cta:hover {
padding: 0 80px;
color: #d3a919;
background: rgba(0,0,0,.5);
color: #d3a919;
-webkit-box-shadow: inset 1px 1px 0 rgba(255,255,255, .2), 1px 1px 0 rgba(255,255,255,.3);
-moz-box-shadow: inset 1px 1px 0 rgba(255,255,255, .2), 1px 1px 0 rgba(255,255,255,.3);
-o-box-shadow: inset 1px 1px 0 rgba(255,255,255, .2), 1px 1px 0 rgba(255,255,255,.3);
box-shadow: inset 1px 1px 0 rgba(255,255,255, .2), 1px 1px 0 rgba(255,255,255,.3);
}
/*-------------------------------------------    
  TOP NAVIGATION
-------------------------------------------*/
nav {
height: 55px;
background: url(../images/nav-bg.jpg) repeat-x 50% 0;
z-index: 999999999;
}
nav ul {
width: 450px;
height: 60px;
position: relative;
margin: 0 auto;
padding: 8px 0 0 0
}
nav ul li {
width: 55px;
position: inherit;
top: 0;
left: 0;
float: left;
background: none;
margin: 0 10px;
}
nav ul li a {
font-size: 1em;
background: url(../images/mobile-nav.png) no-repeat 0 0;
}
nav ul li a span {
display: none;
}
nav ul .n-services {
left: 0;
}
nav ul .n-news {
left: 0;
}
nav ul .n-team {
left: 0;
}
nav ul .n-marketing {
right: 0;
}
nav ul .n-contact {
right: 0;
}
nav ul .n-case {
right: 0;
}
nav ul li:hover {
background: none;
}
nav ul .n-services a {
background-position: 0 0;
}
nav ul .n-services a:hover {
background-position: -55px 0;
}
nav ul .n-news a {
background-position: 0 -55px;
}
nav ul .n-news a:hover {
background-position: -55px -55px;
}
nav ul .n-team a {
background-position: 0 -110px;
}
nav ul .n-team a:hover {
background-position: -55px -110px;
}
nav ul .n-marketing a {
background-position: 0 -165px;
}
nav ul .n-marketing a:hover {
background-position: -55px -165px;
}
nav ul .n-contact a {
background-position: 0 -275px;
}
nav ul .n-contact a:hover {
background-position: -55px -275px;
}
nav ul .n-case a {
background-position: 0 -220px;
}
nav ul .n-case a:hover {
background-position: -55px -220px;
}
/*-------------------------------------------    
  ACTIVE MENU ITEMS
-------------------------------------------*/
body#serv nav ul .n-services a {
background-position: -55px 0;
}
body#news nav ul .n-news a {
background-position: -55px -55px;
}
body#case nav ul .n-case a {
background-position: -55px -220px;
}
body#team nav ul .n-team a {
background-position: -55px -110px;
}
body#marketing nav ul .n-marketing a {
background-position: -55px -165px;
}
body#contact nav ul .n-contact a {
background-position: -55px -275px;
}
/*-------------------------------------------    
  CONTACT
-------------------------------------------*/
body#contact #primary {
width: 90%;
margin: 0 0 25px 0
}
body#contact h1 {
padding: 25px 0 0 0;
}
body#contact h2 {
font-size: .9em;
padding: 0;
background: none;
line-height: 1.5em
}
body#contact h2 strong {
font-size: 1em
}
body#contact #info {
width: 50%;
}
body#contact #form {
width: 45%;
}
body#contact #info ul li {
padding: 0 0 0 40px
}
/*-------------------------------------------    
  case FORM
-------------------------------------------*/
/* -- CUSTOM SELECT --- */
#quote-form fieldset select {
position: relative;
top: 0;
right: 0;
z-index: 9999;
text-transform: none;
width: 100%;
}
#quote-form .dropdown {
display: none;
}
footer {
position: relative;
}
.igd-icon {
position: absolute;
left: 50%;
right: auto;
margin-left: -66px;
top: 140px;
}
.pinfo .soon, #article_tag {
display: none
}
#social_btn {
display: none;
}
body#news .news-post img, body#service .news-post img, body#case .news-post img {
margin: 0 0 45px 0;
border: 1px solid #666;
max-width: 80%;
float: none;
}
#footer_nav {
display: block;
background: rgba(0,0,0,0.3);
height: 48px;
text-align: center;
line-height: 48px;
width: 100%;
position: fixed;
bottom: 0;
z-index: 1000
}
#footer_nav a {
color: #FFF;
font-size: 28px;
}
.footnav {
float: left;
position: relative;
min-height: 1px;
width: 20%;
}
@font-face {
font-family: 'FontAwesome';
src: url('../fonts/fontawesome-webfont.eot');
src: url('../fonts/fontawesome-webfont.eot') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff') format('woff'), url('../fonts/fontawesome-webfont.ttf') format('truetype'), url('../fonts/fontawesome-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;
}
[class*='icon-']:before {
display: inline-block;
font-family: "FontAwesome";
font-weight: normal;
font-style: normal;
vertical-align: baseline;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-chevron-left:before {
content: "\f053";
}
.icon-phone:before {
content: "\f095";
}
.icon-comment:before {
content: "\f075";
}
.icon-qq:before {
content: "\f1d6";
}
.icon-home:before {
content: "\f015";
}