/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */


/* Expand Skeleton to 1120px */

@media only screen and (min-width: 1201px) {


/* #Base 1120 Grid
================================================== */

    .container                                  { position: relative; width: 1120px; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 50px;  }
    .container .two.columns                     { width: 120px; }
    .container .three.columns                   { width: 190px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 330px; }
    .container .six.columns                     { width: 400px; }
    .container .seven.columns                   { width: 470px; }
    .container .eight.columns                   { width: 540px; }
    .container .nine.columns                    { width: 610px; }
    .container .ten.columns                     { width: 680px; }
    .container .eleven.columns                  { width: 750px; }
    .container .twelve.columns                  { width: 820px; }
    .container .thirteen.columns                { width: 890px; }
    .container .fourteen.columns                { width: 960px; }
    .container .fifteen.columns                 { width: 1030px; }
    .container .sixteen.columns                 { width: 1100px; }

    .container .one-third.column                { width: 400px; }
    .container .two-thirds.column               { width: 820px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 70px;  }
    .container .offset-by-two                   { padding-left: 140px; }
    .container .offset-by-three                 { padding-left: 210px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 350px; }
    .container .offset-by-six                   { padding-left: 420px; }
    .container .offset-by-seven                 { padding-left: 490px; }
    .container .offset-by-eight                 { padding-left: 560px; }
    .container .offset-by-nine                  { padding-left: 630px; }
    .container .offset-by-ten                   { padding-left: 700px; }
    .container .offset-by-eleven                { padding-left: 770px; }
    .container .offset-by-twelve                { padding-left: 840px; }
    .container .offset-by-thirteen              { padding-left: 910px; }
    .container .offset-by-fourteen              { padding-left: 980px; }
    .container .offset-by-fifteen               { padding-left: 1050px; }
}


@media only screen and (max-width: 1200px) {

/* #Base 960 Grid
================================================== */

    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }

}


/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 384px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .container .columns,
        .container .column { margin: 0; }
        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px; }
    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }


@font-face {
    font-family: 'TeXGyreHerosRegular';
    src: url('../fonts/texgyreheros-regular-webfont.eot');
    src: url('../fonts/texgyreheros-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texgyreheros-regular-webfont.woff') format('woff'),
         url('../fonts/texgyreheros-regular-webfont.ttf') format('truetype'),
         url('../fonts/texgyreheros-regular-webfont.svg#TeXGyreHerosRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TeXGyreHerosBold';
    src: url('../fonts/texgyreheros-bold-webfont.eot');
    src: url('../fonts/texgyreheros-bold-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texgyreheros-bold-webfont.woff') format('woff'),
         url('../fonts/texgyreheros-bold-webfont.ttf') format('truetype'),
         url('../fonts/texgyreheros-bold-webfont.svg#TeXGyreHerosBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1 { letter-spacing:-2px;}
h2 { letter-spacing:0;}
.footer-contact-title h3 { letter-spacing:-1px;}
.title { margin-left:auto; margin-right:auto;}
.title span { color:#0075AF;}
.title h1, .service-box .service-icon { box-shadow: none; }
.title h1 {
    background: none;
    border: none;
    box-shadow: none;
    color: #465a65;
    display: inline-block;
    line-height: 1;
    margin-bottom: 20px;
    padding: 10px 10px 3px;
}

.subtitle {
    color: #0075AF;
    font-size: 25px;
    font-style: normal;
    font-weight: normal;
    text-transform: none;
    font-size: 25px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 40px;
    padding: 0;
    position: relative;
    z-index: 1;
}

p.quote {
		font-family: Open Sans,Arial,Helvetica,sans-serif !important;
    color: #fff;
    font-size: 48px;
    line-height: 1;
    margin: 0 5%;
    text-align: center;
    text-transform:none;
    z-index: 200;
		font-style:italic;
}

.section { padding: 60px 0 60px; background-color:#F4F4F6;}

body #load {
	background-color: #f4f4f4!Important;
}

#qLpercentage {
	font-family: 'BebasNeueRegular', sans-serif;
	font-size: 60px !important;
	line-height: 1;
	color:#0075AF!important;
}

#qLbar{
 background-color: #0075AF !important;
}

.milestone-count.highlight { color:#fff;}
.contact-details h1 { color:#fff;}
.twitter-author a { color:#fff;}
/* navigation */

nav.navigation div.container div.logo { position:absolute; left:0; top: 20px; }
nav.navigation div.container { display:block; position:relative;}
nav.navigation div.container ul#nav{
		width: 100%!Important;
		text-align:center;
		margin:0 auto;
		float:left;
}
nav.navigation div.container ul#nav {
		margin:0 auto!Important;
		height: 55px;
		line-height:55px;
		display:block!Important;
}

nav.navigation div.container ul#nav li { float:none; display:inline;}

nav.dark {
		background: rgb(0, 0, 0);
		background: transparent;
		background: rgba(0, 0, 0, 0.8);/* FF3+,Saf3+,Opera 10.10+,Chrome,IE9*/
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000,endColorstr=#cc000000);/*IE 5.5-7*/
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000,endColorstr=#cc000000)";/*IE8*/
		zoom: 1;
		border-bottom: none;
}

/*nav.light .main-menu a:hover,
nav.dark .main-menu a:hover { color: #fff!important; }*/

.navigation li a,
.navigation.colored li a,
nav.light .main-menu a,
nav.transparent a,
nav.transparent.scroll a {
    color: #D8D8D8;
		font-family: Open Sans,Arial,Helvetica,sans-serif !important;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    text-transform: none;
}


#home-slider { padding:0 0 60px 0; margin-bottom:30px;}
#home-slider .home-slide-content.container,
#home-slider .subtitle-slider.container,
.grid-footer { padding:0 0 0 40px;}

.home-slide-content.container { filter:none;}

.home-slide .home-slide-content {
    font-size: 90px;
    line-height: 1.2;
    margin-bottom: 0;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    background: none;
    color: #FFFFFF;
    padding: 0;
		font-family: 'Open Sans',"Times New Roman",Times,serif;
		font-weight:bold;
		letter-spacing:-2px;
}

.grid-footer h1,
.grid-footer h2{
		color:#0075AF; 
		font-family: Open Sans,Arial,Helvetica,sans-serif !important;
    font-style: normal;
    font-weight: 600;
    text-transform: none;
}

.grid-footer h1{
		font-size:48px;
		line-height:48px;
		/*text-transform:uppercase;*/
		margin-bottom:10px;
}
.grid-footer h2{ color:#fff;
		font-size:24px;
		line-height:24px;
}

.subtitle-slider { color:#fff; font-size:16px; line-height:20px;}
#home-slider .flex-control-nav { text-align:center;}

.team-member {
    display: inline-block;
    margin-left: -4px;
    text-align: center;
    width: 24%; 
}



/*.aligncenter .fancy-header2 h2 { color:#465A65;}
*/

.hide { display:none;}





.contact-details h2 { max-width:480px; margin:0 auto; font-weight:normal;}

#services.page48.section.services > div { background-color:#F4F4F6;}



#process { padding:0!important;}


div#pocess-graphic-slider ul li div.slotholder img.process-slides { top:0!Important;}


.twitter-author {
    font-family: Open Sans,Arial,Helvetica,sans-serif !important;
		letter-spacing:-1px;
}

.row.contact-map { margin-bottom:0;}

/* tabs */

.z-tabs.horizontal {
		font-family:Arial, Helvetica, sans-serif;
}

.z-tabs.horizontal > ul.z-tabs-nav > li {
    border-width: 0 1px 0 0;
    margin: 0 !important;
    width: 24.8% !important;
}
.z-tabs.horizontal > ul.z-tabs-nav > li:last-child {
    border-width: 0 1px 0 0;
		border-color:#fff;
}
.z-tabs.horizontal.large > ul.z-tabs-nav > li > a.z-link {
    font-size: 14px; 
    line-height: 55px;
    padding: 0;
}
.z-tabs.horizontal > ul.z-tabs-nav > li > a.z-link {
    text-align: left!important;
}

.z-tabs.horizontal > ul.z-tabs-nav > li > a.z-link > span{
		position:absolute;
		line-height:20px!Important;
		top:16px;
		z-index:9999;
}

.z-tabs.silver > ul.z-tabs-nav > li.z-active > a.z-link {
    color: #444444;
}
.z-tabs.horizontal > ul.z-tabs-nav > li i.icon-1,
.z-tabs.horizontal > ul.z-tabs-nav > li i.icon-2,
.z-tabs.horizontal > ul.z-tabs-nav > li i.icon-3,
.z-tabs.horizontal > ul.z-tabs-nav > li i.icon-4 {
    display: block;
    float: left;
    height: 50px;
    margin-right: 5px;
		margin-left: 10px;
    width: 50px;
}
.z-tabs.horizontal > ul.z-tabs-nav > li i.icon-1 {
    background: url("../images/sprite.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.z-tabs.horizontal > ul.z-tabs-nav > li i.icon-2 {
    background: url("../images/sprite.png") no-repeat scroll -50px 0 rgba(0, 0, 0, 0);
}
.z-tabs.horizontal > ul.z-tabs-nav > li i.icon-3 {
    background: url("../images/sprite.png") no-repeat scroll -100px 0 rgba(0, 0, 0, 0);
}
.z-tabs.horizontal > ul.z-tabs-nav > li i.icon-4 {
    background: url("../images/sprite.png") no-repeat scroll -150px 0 rgba(0, 0, 0, 0);
}
.z-content-inner {
		background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNTAlIiB5MT0iMCUiIHgyPSI1MCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmNGY0ZjYiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZzEpIiAvPjwvc3ZnPg==);
		background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f4f4f6));
		background-image: -webkit-linear-gradient(270deg, #ffffff 0%, #f4f4f6 100%);
		background-image: -moz-linear-gradient(270deg, #ffffff 0%, #f4f4f6 100%);
		background-image: -ms-linear-gradient(270deg, #ffffff 0%, #f4f4f6 100%);
		background-image: -o-linear-gradient(270deg, #ffffff 0%, #f4f4f6 100%);
		background-image: linear-gradient(180deg, #ffffff 0%, #f4f4f6 100%);
    overflow: hidden;
}

.z-content-inner .three_fourth ul { overflow:hidden; padding-left:30px;}
.z-content-inner .three_fourth ul li i { margin-left:-30px;}

.z-content-inner .col-left {
    float: left;
    padding: 20px 30px 20px 20px;
    width: 24%;
}
.z-content-inner .col-left h5 {
    margin-bottom: 20px;
}
.z-content-inner .col-left p {
    font-style: italic;
    margin-bottom: 40px;
}
.z-content-inner .col-right {
    float: right;
    padding: 20px;
    width: 76%;
}
.z-content-inner ul {
    list-style: none outside none;
}
.z-content-inner ul li {
    font-size: 18px;
    line-height: 40px;
    font-family: Open Sans,Arial,Helvetica,sans-serif !important;
}
.z-content-inner ul i {
    color: #0096DB;
}
.z-tabs.horizontal > .z-container {
    border-width: 0;
}
.z-tabs.horizontal {
    color: #666666;
}

.panel.z-content { border:0;}

#we-are-different .container + .container .one_half {
		background-color:#dbdbdb;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding:20px 30px;
		margin-bottom:0;
}

#we-are-different .container .one_half h2 { font-size:36px; line-height:40px; font-weight:bold;}
#we-are-different .container .one_half h3 { font-size:18px; line-height:20px; font-weight:bold;}
#we-are-different .container .one_half .point-placeholder { font-size:12px;}

#we-are-different .container + .container .one_half h2,
#we-are-different .container + .container .one_half h3,
#we-are-different .container + .container .one_half p { color:#0075af;}

#we-are-different .container + .container .one_half + .one_half { background-color:#0075af; overflow:hidden;}
#we-are-different .container + .container .one_half + .one_half h2,
#we-are-different .container + .container .one_half + .one_half h3,
#we-are-different .container + .container .one_half + .one_half p { color:#fff;}
#we-are-different .full-width { background:#f4f4f6!Important; margin-top:0;}

.point-placeholder { overflow:hidden; margin-bottom:20px;}  
.icon-placeholder { border:1px solid #fff; float:left; width:85px; height:86px; background-color:#0075AF; clear:both; margin-right:20px;  }

/*.full-width { 
		background-color:#fff!Important;
}*/
#process-intro { padding-bottom:0;}
#process-intro .full-width { background:#fff!Important; margin-bottom:0;}

.ie .full-width { background:none!Important; background-color:#fff!Important; filter:none!Important;}

#filters ul li a h3 {
		border:none;    
}

 
.testimonial-slide .client-testimonial { color:#fff!important;}
#parallax-testimonials .title span { color:#fff!important;}

.alternative-content-mobile { display:none; padding:60px 0;}
.contact-details { padding-top:0;}
.parallax-content > h2 { margin-bottom:0;}
.parallax-content > h2 a { font-weight:normal; color:#fff; margin-bottom:0;}
.parallax-content > h2 a:hover { color:#0075AF }

#twitter-feed a:hover { color:#ffffff!important; }
#home a:hover { color:#ffffff!important; text-decoration:underline; }

.input-math-captcha {
    float: right;
    width: 50%;
		position:relative;
}

.icon-quote-left,
.icon-quote-right { color:#fff!Important;}

#ajax-section {
    background: none repeat scroll 0 0 #fff;
}

.wpcf7-form > div {
		position:relative!Important;
}

div#contact-submit { float:right; width: 50%;}

div#contact-submit input[type="submit"] {width: 100%;}
div#contact-submit input[type="submit"]:hover { background: #2B93D1 url("../images/mail.png") no-repeat center center!important; }

#contact-input > span { position:relative!Important;}

#contact-input { width:48%; margin-bottom:0;}
#contact-textarea { width:48%;}
div#contact-submit { width: 48%;}

div.wpcf7 {
    margin: 0;
    padding: 0;
}
div.wpcf7-response-output {
	clear:both;
    margin: 2em 0;
    padding: 0.2em 1em;
}
div.wpcf7-mail-sent-ok {
    border: 2px solid #398F14;
}
div.wpcf7-mail-sent-ng {
    border: 2px solid #FF0000;
}
div.wpcf7-spam-blocked {
    border: 2px solid #FFA500;
}
div.wpcf7-validation-errors {
		background-color:#2B93D1;
		width:100%;
}
span.wpcf7-form-control-wrap {
    position: relative!Important;
		overflow:hidden;
		display:block;
}
#contact-textarea textarea {
    border: 1px solid #E8E8E8;
    border-radius: 2px;
    color: #747474;
    font-size: 13px;
    height: 92px;
    margin-bottom: 10px;
    padding: 20px 11px 10px;
    width: 100%;
}
#contact-input input { margin-top: 0!important; margin-bottom: 2%!important; margin-left:0; margin-right:0; width:100%;}
span.wpcf7-not-valid-tip {
	clear:both;
	display:block;
  background: none repeat scroll 0 0 #2B93D1;
	border-top: none;
  font-size: 12px;
	margin-bottom: 10px;
	padding:4px;
	margin-left: 0;
	width:100%;
	-moz-border-radius: 1px;/*Firefox*/
	-webkit-border-radius: 1px;/*Safari, Chrome*/
	border-radius: 1px;
}
span.wpcf7-not-valid-tip-no-ajax {
    color: #FF0000;
    display: block;
    font-size: 10pt;
}
span.wpcf7-list-item {
    margin-left: 0.5em;
}
.wpcf7-display-none {
    display: none;
}
div.wpcf7 img.ajax-loader {
    border: medium none;
    margin-left: 4px;
    vertical-align: middle;
}
div.wpcf7 div.ajax-error {
    display: none;
}
div.wpcf7 .placeheld {
    color: #888888;
}

#ajaxpage .flex-direction-nav {}

.quote .icon-quote-left { opacity:0.6;}
.quote .icon-quote-right { opacity:0.6;}

/*--------------------------------------------------------
MEDIA QUERIES
--------------------------------------------------------*/

@media only screen and (min-width: 1200px) {

nav .container { width: 1120px!Important; }
.z-tabs.horizontal > ul.z-tabs-nav > li { width: 24.9% !important;}
.z-tabs.horizontal.large > ul.z-tabs-nav > li > a.z-link { font-size: 16px; }
.title { max-width:960px; margin-left:auto; margin-right:auto; }
.blog .title,
.archive .title,
.single-post .title {
    margin-top: 80px;
}
blockquote { color: #7d7d7d; }
}

@media only screen and (max-width: 1200px) {
.service-features .img-container {
    width: 75px!important;
}

}

@media only screen and (max-width: 1024px) {
.title { max-width:960px; margin-left:auto; margin-right:auto; }
#process-intro .container .one_fifth { width:100%;}

#parallax-testimonials.parallax { height:600px!Important; }
#parallax-testimonials .parallax-content, 
#parallax-testimonials .parallax .overlay { height:600px!Important;}

.service-features .img-container {
    width: 120px!important;
}

}

@media only screen and (min-width: 1024px) {
#parallax-testimonials.parallax { height:600px!Important; }
#parallax-testimonials .parallax-content, 
#parallax-testimonials .parallax .overlay { height:600px!Important;}
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
.service-features .img-container {
    width: 75px!important;
}
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
}



@media only screen and (min-width: 960px) and (max-width: 980px) {
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
.navigation li a, .navigation.colored li a, nav.light .main-menu a, nav.transparent a, nav.transparent.scroll a { font-size: 14px;}
#home-slider .home-slide-content.container,
#home-slider .subtitle-slider.container,
.grid-footer { padding:0 0 0 0!Important; text-align:center;}

.title { max-width:960px;}


.logo.large { top:7px!Important; left:10px!Important;}
.logo.large img { width:40px; height:40px;}
.z-content-inner .one_fourth,
.z-content-inner .three_fourth { width:100%; }
.z-tab span{ width:90px; margin-top:-10px;}

#parallax-testimonials.parallax { height:600px!Important; }
#parallax-testimonials .parallax-content, 
#parallax-testimonials .parallax .overlay { height:600px!Important;}

#process { display:none;}
#process-intro .container + .container .full-width { display:none;}
#process-intro .container .one_fifth { width:100%;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
}

@media only screen and (max-width: 767px) {

.z-tabs-nav.z-tabs-mobile { overflow:hidden; background-color:#fff!Important;}

nav.navigation div.container ul#nav.main-menu {
	display: none!Important;
}
.selectnav {
	float:right;
	color:#fff!Important;
	padding-right:30px!Important;
	width:230px!Important;
	text-align:right!Important;
}

.logo.large { top:10px!Important;}
.logo.large img { width:40px; height:40px;}

#home-slider .home-slide-content.container,
#home-slider .subtitle-slider.container,
.grid-footer {
    padding: 0 0 0 0;
		text-align:center;
}

#home-slider { padding-top:100px;}
#home-slider .flex-viewport{ padding:80px 0 40px 0; margin-bottom:20px;}
.subtitle-slider { font-size:14px!Important;} 
.grid-footer h1{
		font-size:24px;
		line-height:24px;
		text-transform:uppercase;
		margin-bottom:10px;
}
.grid-footer h2{ color:#fff;
		font-size:18px;
		line-height:18px;
}
.z-content-inner ul li {
    font-size: 14px;
    line-height: 20px;
}

.z-content-inner .three_fourth ul { overflow:hidden; padding-left:18px;}
.z-content-inner .three_fourth ul li i { margin-left:-18px;}

.z-tabs-nav.z-tabs-mobile { overflow:hidden;}

.z-tabs.mobile.horizontal > ul.z-tabs-nav > li > a.z-link, .z-tabs.mobile.vertical > ul.z-tabs-nav > li > a.z-link {
    margin: 0 18px 0 0 !important;
}

.z-tabs-nav.z-tabs-mobile li {}
.z-tabs-nav.z-tabs-mobile a {}
.z-tabs-nav.z-tabs-mobile span {}

.z-tabs.horizontal > ul.z-tabs-nav > li { width: 100% !important; overflow:hidden;}

.z-tabs.mobile.vertical > ul.z-tabs-mobile,
.z-tabs.mobile.horizontal > ul.z-tabs-mobile .z-title i {
position:relative; top:-12px;}

.contact-details h1 { font-size:36px!important; line-height:40px!important;}
.contact-details h2 { font-size:18px!important; line-height:20px!important;}

#about-us, #portfolio .container + .container, #menu-item-139, #menu-item-369 { display:none!important;}

.alternative-content-mobile { display:block;}
.slider-desktop { display:none;}
#process { display:none;}
#process-intro .container + .container .full-width { display:none;}

#parallax-testimonials.parallax { height:600px!Important; }
#parallax-testimonials .parallax-content, 
#parallax-testimonials .parallax .overlay { height:600px!Important; padding:40px 0;}

#portfolio .container .row { margin-bottom:0;}
#portfolio .container .row .columns { margin-bottom:0;}
#services .z-tabs-nav.z-tabs-mobile .z-link i.z-icon-menu { border:1px solid black; visibility:hidden;}
#services .z-tabs-nav.z-tabs-mobile .z-title i {position:relative; top:2px;}
#services .z-tabs-nav.z-tabs-mobile .z-title span {position:relative; left:-29px; color:#0075AF;}

.z-tabs.horizontal > ul.z-tabs-nav > li > a.z-link > span {
    line-height: 20px !important;
    position: relative;
    top: 0;
    z-index: 9999;
}
.input-math-captcha { display:none;}
#parallax-we-are-different { display:none;}

.home-slide .home-slide-content {
		letter-spacing:0!important;
}

.member-role h1 { font-size:40px; line-height:40px;}
.post-single .title { margin-top:20px;}
.post-single .sixteen.columns { margin-bottom:0;}
.post { margin-bottom:20px;}
span.wpcf7-not-valid-tip {
    left: 3px !important;
}
div.wearedifferent-center-logo { display:none;}

.icon-placeholder {
    background-color: #0075AF;
    clear: both;
    float: left;
    height: 40px;
    margin-right: 10px;
		margin-bottom: 0;
    width: 40px;
}

.icon-placeholder img {
		max-width:100%;
		margin-bottom:10px;
}

div#we-are-different div.container div.sixteen div.one_half.last div.point-placeholder {
    float: left;
    text-align: left;
}

div#we-are-different div.container div.sixteen div.one_half.last div.point-placeholder div.icon-placeholder {
    float: left;
    margin-right: 20px;
}

div#we-are-different div.container div.sixteen div.one_half.last div.point-placeholder div.icon-placeholder {
    float: left;
    margin-left: 0;
    margin-right: 20px;
}

div#we-are-different div.container div.sixteen div.one_half.last {
    text-align: left;
}

div#we-are-different div.container div.sixteen div.one_half div.point-placeholder {
    width: 100%;
}

div.see-how-we-do-it, #next-prev-section { display:none;}

}

@media only screen and (max-width: 479px) {

}