/*
The styles in this stylesheet only apply to resolutions 768px and up

CALCULATING DIMENSIONS:
----------------------
The layout is fluid. The sote wrapper (.col-full) has a fixed pixel max-width.
All subsequent dimensions are calculated based on that fixed pixel width, using the formula: target / context = result
Credit - http://www.alistapart.com/articles/fluidgrids/

-----
INDEX
-----

1. Global dropdown styles
2. Top Navigation
3. Main navigation dropdown menus
 -3.1 General dropdown menus
4. Containers & Columns
5. Footer widgets
6. IE Fixes

/*----------------------*/
/**
 * Variables
 */
/**
 * Functions
 */
/**
 * Mixins
 */
/**
 * Animations
 */
@-webkit-keyframes spin-360 {
 from {
 -webkit-transform: rotate(0);
    /* Saf3.1+, Chrome */
  
    -moz-transform: rotate(0);
    /* FF3.5+ */
  
    -ms-transform: rotate(0);
    /* IE9 */
  
    -o-transform: rotate(0);
    /* Opera 10.5 */
    transform: rotate(0);
 zoom: 1;
}
 50% {
 -webkit-transform: rotate(180deg);
    /* Saf3.1+, Chrome */
  
    -moz-transform: rotate(180deg);
    /* FF3.5+ */
  
    -ms-transform: rotate(180deg);
    /* IE9 */
  
    -o-transform: rotate(180deg);
    /* Opera 10.5 */
    transform: rotate(180deg);
 zoom: 1;
}
to {
	-webkit-transform: rotate(0);
	/* Saf3.1+, Chrome */
  
    -moz-transform: rotate(0);
	/* FF3.5+ */
  
    -ms-transform: rotate(0);
	/* IE9 */
  
    -o-transform: rotate(0);
	/* Opera 10.5 */
    transform: rotate(0);
	zoom: 1;
}
}
/*----------------------*/
@media only screen and (min-width: 770px) {
 #navigation #main-nav > li > a {
 height: 22px;
}
 .header-search-box {
 margin:4px;
 float:left;
 background:#424242;
}
 #inner-wrapper {
 left: 0 !important;
 padding-top:4.75em;
}
 #inner-wrapper .click-to-call {
 display:none;
}
  /* 1. GLOBAL DROPDOWN STYLES (these are purely for the dropdown layout and you should only edit the width of the dropdowns) */
  ul.nav {
 position: relative;
 margin-bottom: 0;
/* LEVEL 2 */
  
    /* LEVEL 3 */
  
  }
 ul.nav li {
 position: relative;
 float: left;
 zoom: 1;
 list-style: none;
}
 ul.nav li a {
 display: block;
 padding: 0.53em 2em 0.53em 0;
}
 ul.nav ul {
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 9999;
 margin: 0;
 -webkit-transition: all .25s ease;
 -moz-transition: all .25s ease;
 -ms-transition: all .25s ease;
 -o-transition: all .25s ease;
 transition: all .25s ease;
}
 ul.nav ul li {
 float: left;
}
 ul.nav ul li a {
 width: 100%;
 display: inline-block;
 -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
  
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
  
    box-sizing: border-box;
/* Opera/IE 8+ */
  
  }
 ul.nav ul ul {
 left: 100%;
 top: 0;
}
  
  /*
  ul.nav li:hover > ul {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=@opacity * 100);
  }

  ul.nav li:hover > ul ul {
    visibility: visible;
    opacity: 1;
  }
  */
  


  
  /* 2. TOP NAVIGATION (Add top navigation presentational styles here) */
 #top {
 background: #5c5c5c;
 margin: 0 -1.618em;
 padding: 0 1.618em;
 display: block;
}
 #top #top-nav, #top .top-navigation {
 display: block;
}
 #top #top-nav h3, #top .top-navigation h3 {
 display: none;
}
 #top ul.nav {
 font-size: 1em;
/* LEVEL 2 */
  
    /* LEVEL 3 */
  
  }
 #top ul.nav > li a {
 border-right: 1px solid #444;
 color: #eee;
}
 #top ul.nav > li a:hover {
 background: #555;
}
 #top ul.nav > li:first-child a {
 border-left: 1px solid #444;
}
 #top ul.nav > li:hover {
 background: #555;
}
 #top ul.nav li.current-menu-item > a {
 background: #666;
}
 #top ul.nav ul {
 background: #555;
}
  /* 3. MAIN NAVIGATION DROPDOWN MENUS (Add main navigation presentational styles here) */
  /**
  	 * Resets
  	 * As the mobile nav features extensive styling, much of it needs to be reset for desktop orientation
  	 */
 .show-nav #inner-wrapper {
 -webkit-border-radius: 0;
 border-radius: 0;
 -moz-background-clip: padding;
 -webkit-background-clip: padding-box;
 background-clip: padding-box;
}
 .show-nav #navigation .top-navigation {
 display: none;
}
  /**
  	 * The main navigation styling
  	 */
 #navigation {
 position: relative;
 width:auto;
 left: auto;
 float: right;
 padding-top: 0;
 background: none;
 -webkit-box-shadow: none;
 box-shadow: none;
 clear: none;
 text-transform:uppercase;
 display:block !important;
 font-family:Alef, 'Gotham Book', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
 font-weight:bold;
 z-index:9999;
}
 #navigation .menus {
 float: right;
 margin-top:0;
}
 #navigation .menus:after {
 content: "\0020";
 display: block;
 height: 0;
 overflow: hidden;
 clear: both;
}
 #navigation .menus h3 {
 display: none;
}
 #navigation ul.nav {
 display: inline;
/* LEVEL 2 */
  
    /* LEVEL 3 */
  
  }
 #navigation ul.nav > li {
 border-right: 1px solid #E5E5E5;
}
 #navigation ul.nav > li:first-child {
 border-left: 1px solid #E5E5E5;
}
 #navigation ul.nav > li a:hover {
 color: #FF2020;
}
 #navigation ul.nav > li:hover {
 color: #FF2020;
 background:url(../images/nav_bottom_a_hover_bg.png) bottom center repeat-x;
}
 #navigation ul.nav > li.current-menu-item a {
 color: #FF2020;
}
 #navigation ul.nav li a {
 padding: 1.6em 1.0em;
 text-shadow: none;
 border: 0;
 color:#000;
}
 #navigation ul.nav li.current-menu-item > a {
 color:#FF2020 !important;
 background: none;
 -webkit-box-shadow: none;
 box-shadow: none;
 text-shadow: none;
}
 #navigation ul.nav li.current-menu-item > a:after {
 display: none;
}
 #navigation ul.nav li ul a, #navigation ul.nav li ul ul li a {
 padding: .857em 1em;
}
 #navigation ul.nav ul {
 background: #EFEFEF;
 font-family: "Alef", Arial, Helvetica, sans-serif;
 text-transform:capitalize;
 font-size:0.9em;
 font-weight:bold;
 margin-left:0 !important;
	/*
    -webkit-border-radius: 0.327em;
    border-radius: 0.327em;
	*/
    -moz-background-clip: padding;
 -webkit-background-clip: padding-box;
 background-clip: padding-box;
 box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
 -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
}
 #navigation ul.nav ul li {
/* border-bottom: 1px solid #3d3d3d;*/
  }
 #navigation ul.nav ul li:last-child {
 border: 0;
}
 #navigation ul.nav ul li a {
 font-size: 1em;
 line-height:1.1em !important;
}
 #navigation ul.nav ul:before {
 width: 0;
 height: 0;
 border-color: transparent transparent #000 transparent;
 position: absolute;
 left: 47%;
 z-index: 10000;
}
 #navigation ul.nav ul:after {
 content: '';
 display: block;
 width: 100%;
 height: 100%;
 position: absolute;
 background: transparent;
 z-index: -1;
}
 #navigation ul.nav ul ul {
 -webkit-border-radius: 0 0.327em 0.327em 0.327em;
 border-radius: 0;
 -moz-background-clip: padding;
 -webkit-background-clip: padding-box;
 background-clip: padding-box;
}
 #navigation ul.nav ul ul:after, #navigation ul.nav ul ul:before {
 content: none;
}
 #navigation ul.nav li > ul {
 top: 100%;
 display: none;
}
 #navigation ul.nav li:hover > ul {
 top: 100%;
 display:block;
}
 #navigation ul.nav li:hover > ul ul {
 top: 0;
 display:block;
}
 #navigation .widget_product_search {
 margin-bottom: 1.618em;
 border: 0;
}
 #navigation .widget_product_search #searchform {
 border: 1px solid #dcdcdc;
 padding: 0;
 background: none;
}
 #navigation .widget_product_search #searchform #s {
 padding: .857em 2.618em .857em .857em;
 -webkit-border-radius: 0;
 border-radius: 0;
 -moz-background-clip: padding;
 -webkit-background-clip: padding-box;
 background-clip: padding-box;
 background: none;
 border: 0;
 -webkit-box-shadow: none;
 box-shadow: none;
}
 #navigation .widget_product_search #searchform #searchsubmit {
 display: inline-block;
}
 #navigation ul.cart li:first-child, #navigation ul.rss li:first-child {
 border-left: 0;
}
 #navigation .nav-close, #navigation .nav-home {
 display: none;
}
 .nav-toggle {
 display: none;
}

  /* 4. CONTAINERS & COLUMNS */

 #header #logo {
 margin: 0.5em 0.5em 0;
}
 #header .site-header {
 float: left;
}
 #header .site-header h1, #header .site-header h2, #header .site-header h3 {
 float: none;
}
 #header .site-header.with-description .site-title {
 margin-top: .618em;
}
 #header .site-title, #header .site-description {
 text-align: left;
}
 #header .site-title {
 margin: .857em 0 0;
}
 #header ul.rss {
 margin-right: 0;
 padding-right: 0;
}
 #header ul.rss > li:first-child {
 border-left: 0;
}
 #header ul.rss li {
 border-right: 1px solid #797979;
}
  /*#main.fullwidth,*/
  .layout-full #main, .col-full {
 margin: 0 auto;
}
 #main.fullwidth {
 font-size:0.85em;
 width:100%;
}
 #sidebar {
 top:250px;
 position:fixed;
 z-index:999;
}
 .entry img {
 max-width: 100%;
}
 .single .post .entry-meta {
    /*width: 20%;
    float: left;
	*/
	display:none;
}
 .single .post .entry {
 width: 100%;
}
 .layout-full .entry img {
 max-width: 100%;
 z-index:99;
}
#content{
	position:relative;
}
 .layout-right-content #left-sidebar {
 margin:0 auto;
 padding:0;
 max-width:1000px;
 position: relative;
 top:0;
}
 .layout-right-content #sidebar.sidebar-fixed{
	 top:80px;
	 position:fixed;
}
 .layout-right-content #sidebar .primary {
 width:22.2%;
 max-width:240px;
 min-width:210px;
 z-index:999;
 margin-top:0;
 padding:0.7em !important;
}
 .layout-full #main {
 width: 100%;
}
 .col-left {
 float: left;
}
 .col-right {
 float: right;
}
 .page-template-template-sitemap-php #sitemap-pages, .page-template-template-sitemap-php .product-categories {
 float: left;
 width: 48%;
}
 .page-template-template-sitemap-php #sitemap-categories, .page-template-template-sitemap-php .products {
 float: right;
 width: 48%;
}
 .page-template-template-sitemap-php #sitemap-posts {
 clear: both;
}
 .page-template-template-sitemap-php .woocommerce:after {
 content: "\0020";
 display: block;
 height: 0;
 overflow: hidden;
 clear: both;
}
 .page-template-template-contact-php .location-twitter .col-left {
 float: left;
}
 .page-template-template-contact-php .location-twitter #office-location {
 width: 48%;
 margin: 0 1em 0 0;
}
 .page-template-template-contact-php .location-twitter .contact-social {
 float: left;
 width: 48%;
}
 .page-template-template-contact-php .location-twitter .contact-social #twitter {
 margin: 0;
}
 #top-section header {
 float: left;
}
 #top-section .widget_search, #top-section .widget_product_search {
 float: right;
 width: 23%;
 margin: 0;
}
  /* 5. FOOTER WIDGETS */
  #footer {
 float: left;
 width: 100%;
}
 #footer-widgets {
 width: 80%;
 float: right;
}
 #footer-widgets .block {
 margin-right: 3.8%;
 float: left;
}
 #footer-widgets.col-1 .block {
 width: 100%;
 float: none;
}
 #footer-widgets.col-1 .footer-widget-1 {
 margin-right: 0;
}
 #footer-widgets.col-2 .block {
 width: 48%;
}
 #footer-widgets.col-2 .footer-widget-2 {
 margin-right: 0;
}
 #footer-widgets.col-3 .block {
 width: 30.75%;
}
 #footer-widgets.col-3 .footer-widget-3 {
 margin-right: 0;
}
 #footer-widgets.col-4 .block {
 width: 22.05%;
}
 #footer-widgets.col-4 .footer-widget-4 {
 margin-right: 0;
}
 .col {
 float: left;
 margin-right: 3.8% !important;
}
 .col.first {
 clear: left;
}
 .col.last {
 clear: right;
 margin-right: 0 !important;
}
 .clear {
clear:both;
}
 .col1 {
 width: 100%;
}
 .col2 {
 width: 48%;
}
 .col3 {
 width: 30.75%;
}
 .col4 {
 width: 22.05%;
}
 .entry .features:after, .page-template-template-business-php .features:after, .entry .testimonials:after, .page-template-template-business-php .testimonials:after {
 content: "\0020";
 display: block;
 height: 0;
 overflow: hidden;
 clear: both;
}
 .entry .features .feature, .page-template-template-business-php .features .feature, .entry .testimonials .feature, .page-template-template-business-php .testimonials .feature, .entry .features .quote, .page-template-template-business-php .features .quote, .entry .testimonials .quote, .page-template-template-business-php .testimonials .quote {
 margin-right: 3.8%;
 float: left;
}
 .entry .features.columns-2 .feature, .page-template-template-business-php .features.columns-2 .feature, .entry .testimonials.columns-2 .feature, .page-template-template-business-php .testimonials.columns-2 .feature, .entry .features.columns-2 .quote, .page-template-template-business-php .features.columns-2 .quote, .entry .testimonials.columns-2 .quote, .page-template-template-business-php .testimonials.columns-2 .quote {
 width: 48%;
}
 .entry .features.columns-3 .feature, .page-template-template-business-php .features.columns-3 .feature, .entry .testimonials.columns-3 .feature, .page-template-template-business-php .testimonials.columns-3 .feature, .entry .features.columns-3 .quote, .page-template-template-business-php .features.columns-3 .quote, .entry .testimonials.columns-3 .quote, .page-template-template-business-php .testimonials.columns-3 .quote {
 width: 30.75%;
}
 .entry .features.columns-4 .feature, .page-template-template-business-php .features.columns-4 .feature, .entry .testimonials.columns-4 .feature, .page-template-template-business-php .testimonials.columns-4 .feature, .entry .features.columns-4 .quote, .page-template-template-business-php .features.columns-4 .quote, .entry .testimonials.columns-4 .quote, .page-template-template-business-php .testimonials.columns-4 .quote {
 width: 22.05%;
}
  /* Homepage */
  .homepage-area .home-section {
 padding: 5.874em 0;
}
 .homepage-area .widget_woothemes_testimonials .quote, .homepage-area .widget_woothemes_features .quote, .homepage-area .widget_woothemes_testimonials .feature, .homepage-area .widget_woothemes_features .feature {
 width: 22.05%;
 float: left;
 margin-right: 3.8%;
 margin-bottom: 0;
}
 .homepage-area .widget_woothemes_testimonials .quote:nth-child(4n+1), .homepage-area .widget_woothemes_features .quote:nth-child(4n+1), .homepage-area .widget_woothemes_testimonials .feature:nth-child(4n+1), .homepage-area .widget_woothemes_features .feature:nth-child(4n+1) {
 clear: left;
}
 .homepage-area .widget_woothemes_testimonials .quote:nth-child(4n+4), .homepage-area .widget_woothemes_features .quote:nth-child(4n+4), .homepage-area .widget_woothemes_testimonials .feature:nth-child(4n+4), .homepage-area .widget_woothemes_features .feature:nth-child(4n+4) {
 clear: right;
 margin: 0;
}
 #promotion .section-wrapper {
 padding: 4.236em 0;
}
 #promotion .left-section {
 width: 70%;
 float: left;
}
 #promotion .right-section {
 float: right;
}
 #promotion .btn {
 display: inline;
}
 .widget_woo_contactform p.contact-name, .widget_woo_contactform p.contact-email {
 width: 48%;
 float: left;
 margin-right: 3.8%;
}
 .widget_woo_contactform p.contact-email {
 margin-right: 0;
 clear: right;
}
 .widget_woo_contactform p.contact-submit input {
 width: auto;
}
 #category-posts {
 padding: 5.874em 0 3.631em;
}
 #category-posts .category {
 margin: 0 0 2.618em;
}
 #featured-products ul.products li.product {
 width: 22.05%;
}
 #homepage-columns .col {
 margin-bottom: 0;
}
 .widget_woodojo_tabs ul.nav-tabs li a, .woocommerce_tabs ul.nav-tabs li a, .woocommerce-tabs ul.nav-tabs li a, .widget_woodojo_tabs ul.tabs li a, .woocommerce_tabs ul.tabs li a, .woocommerce-tabs ul.tabs li a {
 font-size: 1.214285714em;
}
  /* 6. IE FIXES */
  .ie7 #top-nav {
 position: relative;
 z-index: 9999999;
}
 .ie7 #header {
 position: fixed;
 z-index: 9999999;
}
  /* 7. FEATURED SLIDER */
  #featured-slider {
 margin: 0 auto;
}
 #featured-slider .slide {
 background-image: url(../images/bg-slider.png);
}
 #featured-slider .slide-media {
 max-width: 67%;
 margin: 2.244em auto 0;
}
 #featured-slider .slide-content {
 max-width: 67%;
 margin: 0 auto;
 text-align: center;
 padding: 0;
 background: none;
}
 #featured-slider .slide-content header h1 {
 font-size: 2.618em;
}
 #featured-slider .slide-content .entry {
 font-size: 1.387em;
}
 #featured-slider .slide-content .woothemes_progress_bar {
 max-width: 60%;
 margin: 0 auto;
}
 #featured-slider .flex-direction-nav .flex-prev {
 left: 2.244em;
}
 #featured-slider .flex-direction-nav .flex-next {
 right: 2.244em;
}
 #featured-slider .flex-direction-nav a {
 top: 50%;
}
 #featured-slider .flex-control-nav {
 bottom: 1.618em;
 top: auto;
}
 .features_bg {
background: #c3171e;
position:relative;
height: 60px;
}
.features {
clear:both;
background: url('../images/feature_box_border.jpg') no-repeat left 1px;
/*font-family: Alef, "Lucida Sans Unicode", "Lucida Grande", sans-serif;*/
}
.features .feature_box {
float:left;
margin:0;
padding:0;
background: url('../images/feature_box_border.png') no-repeat right 1px;
width:25%;
min-height:180px;
}
.features h3 {
font-size:1.2em;
color:#fff;
background:url('../images/features_title_bg.jpg') no-repeat right bottom;
padding: 0.95em 0 1em 1em;
/*font-family: Alef, "Lucida Sans Unicode", "Lucida Grande", sans-serif;*/
line-height:1.618em;
}
.features ul {
padding-left:18px;
margin:0 0 2em;
}
.features ul li {
margin-top:10px;
padding:0;
list-style:none;
}
.features ul li a {
color:#000;
text-decoration: none;
text-transform:capitalize;
}
.features ul li a:hover {
color:#ff0000;
}
 .index_clients_img {
padding:0;
}
#footer-wrapper {
 background: #fff;
 padding: 2em 1em;
 margin:0;
}
 #footer-left {
width:auto;
}
#footer-right {
width:auto;
}
/* footer-nav */

ul.footer-nav li {
 position: relative;
 float: left;
 zoom: 1;
 list-style: none;
}
ul.footer-nav li a {
 display: block;
 padding: 0.53em 5em 0.53em 0;
 text-decoration:none;
 font-weight:bold;
}
 ul.footer-nav li li a {
 font-weight: normal;
}
 ul.footer-nav ul {
 top: 100%;
 left: 0;
 z-index: 9999;
 margin: 0;
 -webkit-transition: all .25s ease;
 -moz-transition: all .25s ease;
 -ms-transition: all .25s ease;
 -o-transition: all .25s ease;
 transition: all .25s ease;
 filter: alpha(opacity=@opacity * 100);
}
 ul.footer-nav-connect {
 float:left;
}
#footer p.copyright {
 float: right;
 margin-top: 0.55em;
}
#footer-right {
 width:auto;
 border-top: none;
 margin-top: 0;
 padding-top:0;
}
/*
article.page{
	padding:2em 0 0 0;
}
*/

#content {
 margin-bottom: 0;
 margin-top: 2em;
 padding:0;
}
 .container .interactive-design {
 padding:0;
}

/*main nav*/
#main-nav {
 word-wrap:normal;
}
#main-nav ul {
 background:#EFEFEF url(../images/main-nav/nav-shadow.png) left top repeat-x !important;
 line-height:1em !important;
 text-align:center;
}
 #main-nav ul li a {
 border-right:#E5E5E5 solid 1px !important;
 padding:5em 0.5em 1em 0.5em !important;
 color:#333 !important;
}
 #main-nav li.current-menu-ancestor > a:first-child {
 color:#FF2020 !important;
}
 #main-nav ul li a:hover {
 color:#FF2020 !important;
}
 #main-nav ul li ul {
 top:8.5em !important;
 max-width:165px;
 left:0;
 background:#E2E2E2 !important;
 border-bottom:#FF2020 solid 4px !important;
 text-align:left;
}
 #main-nav ul li ul li a {
 padding:1em !important;
 background:none !important;
}
#main-nav ul li a {
 -webkit-transition: all ease-in-out 0s;
 -moz-transition: all ease-in-out 0s;
 -ms-transition: all ease-in-out 0s;
 -o-transition: all ease-in-out 0s;
 transition: all ease-in-out 0s;
}
/*work*/
#main-nav .work ul {
 width:505px !important;
 border-bottom:#FF2020 solid 4px !important;
}
#main-nav .work ul li {
 margin:0 !important;
 padding:0 !important;
 min-width:100px;
}
 #main-nav .work ul li.featured a {
 background:url(../images/main-nav/nav-icon-all.png) 0 top no-repeat !important;
}
#main-nav .work ul li.featured a:hover {
 background:url(../images/main-nav/nav-icon-all.png) 0 -100px no-repeat !important;
}
 #main-nav .work ul li.recent a {
 background:url(../images/main-nav/nav-icon-all.png) -100px top no-repeat !important;
}
#main-nav .work ul li.recent a:hover {
 background:url(../images/main-nav/nav-icon-all.png) -100px -100px no-repeat !important;
}
 #main-nav .work ul li.solutions a {
 background:url(../images/main-nav/nav-icon-all.png) -200px top no-repeat !important;
}
#main-nav .work ul li.solutions a:hover {
 background:url(../images/main-nav/nav-icon-all.png) -200px -100px no-repeat !important;
}
 #main-nav .work ul li.industry a {
 background:url(../images/main-nav/nav-icon-all.png) -300px top no-repeat !important;
}
#main-nav .work ul li.industry a:hover {
 background:url(../images/main-nav/nav-icon-all.png) -300px -100px no-repeat !important;
}
 #main-nav .work ul li.technology a {
 background:url(../images/main-nav/nav-icon-all.png) -400px top no-repeat !important;
 border-right:none !important;
}
#main-nav .work ul li.technology a:hover {
 background:url(../images/main-nav/nav-icon-all.png) -400px -100px no-repeat !important;
}

 #main-nav .work ul li.client-list ul {
 max-width:102px;
 display:none !important;
}
#main-nav .work ul li.client-list ul li a {
 background:none !important;
}
#main-nav .work ul li.client-list ul li a:hover {
 background:none !important;
}


/*services*/
#main-nav .services ul {
 width:550px !important;
}
 #main-nav .services ul li {
 margin:0 !important;
 padding:0 !important;
 min-width:100px;
}
 #main-nav .services ul li a {
 min-height:105px;
}
 #main-nav .services ul li ul {
 padding-bottom:1.8em !important;
 min-height:240px;
 background:#E2E2E2 url(../images/main-nav/nav-shadow.png) left top repeat-x !important;
}
 #main-nav .services ul li ul li a {
 padding:1.3em 0.3em 0 1.2em !important;
 height:auto !important;
 min-height:inherit !important;
}
 #main-nav .services ul li.web-design {
width:100px;
}
#main-nav .services ul li.web-design ul {
width:100px !important;
}
#main-nav .services ul li.web-design a {
 background:url(../images/main-nav/nav-icon-all.png) 0 -200px no-repeat;
}
#main-nav .services ul li.web-design a:hover {
 background:url(../images/main-nav/nav-icon-all.png) 0 -300px no-repeat;
}
 #main-nav .services ul li.web-development {
width:115px;
}
#main-nav .services ul li.web-development ul {
width:115px !important;
}
#main-nav .services ul li.web-development a {
 background:url(../images/main-nav/nav-icon-all.png) -90px -200px no-repeat;
}
#main-nav .services ul li.web-development a:hover {
 background:url(../images/main-nav/nav-icon-all.png) -90px -300px no-repeat;
}
 #main-nav .services ul li.online-marketing {
width:110px;
}
#main-nav .services ul li.online-marketing ul {
width:110px !important;
}
#main-nav .services ul li.online-marketing a {
 background:url(../images/main-nav/nav-icon-all.png) -200px -200px no-repeat;
}
#main-nav .services ul li.online-marketing a:hover {
 background:url(../images/main-nav/nav-icon-all.png) -200px -300px no-repeat;
}
 #main-nav .services ul li.strategy-consulting {
width:125px;
}
#main-nav .services ul li.strategy-consulting ul {
width:125px !important;
}
#main-nav .services ul li.strategy-consulting a {
 background:url(../images/main-nav/nav-icon-all.png) -290px -200px no-repeat;
}
#main-nav .services ul li.strategy-consulting a:hover {
 background:url(../images/main-nav/nav-icon-all.png) -290px -300px no-repeat;
}
 #main-nav .services ul li.mobile {
width:100px;
}
#main-nav .services ul li.mobile ul {
width:100px !important;
}
#main-nav .services ul li.mobile a {
 background:url(../images/main-nav/nav-icon-all.png) -400px -200px no-repeat;
 border-right:none !important;
}
#main-nav .services ul li.mobile a:hover {
 background:url(../images/main-nav/nav-icon-all.png) -400px -300px no-repeat;
}

/*about*/
#main-nav .about ul {
 width:515px !important;
 border-bottom:#FF2020 solid 4px;
}
#main-nav .about ul li {
 margin:0 !important;
 padding:0 !important;
 min-width:100px;
}
 #main-nav .about ul li a {
 min-height:100px;
}
 #main-nav .about ul li.our-methodology {
width:115px;
}
#main-nav .about ul li.our-methodology a {
 background:url(../images/main-nav/nav-icon-all.png) 10px -400px no-repeat !important;
}
#main-nav .about ul li.our-methodology a:hover {
 background:url(../images/main-nav/nav-icon-all.png) 10px -500px no-repeat !important;
}
#main-nav .about ul li.our-vision {
width:100px;
}
#main-nav .about ul li.our-vision a {
 background:url(../images/main-nav/nav-icon-all.png) -100px -400px no-repeat !important;
}
#main-nav .about ul li.our-vision a:hover {
 background:url(../images/main-nav/nav-icon-all.png) -100px -500px no-repeat !important;
}
 #main-nav .about ul li.our-mission {
width:100px;
}
#main-nav .about ul li.our-mission a {
 background:url(../images/main-nav/nav-icon-all.png) -200px -400px no-repeat !important;
}
#main-nav .about ul li.our-mission a:hover {
 background:url(../images/main-nav/nav-icon-all.png) -200px -500px no-repeat !important;
}
 #main-nav .about ul li.meet-the-team {
width:100px;
}
#main-nav .about ul li.meet-the-team a {
 background:url(../images/main-nav/nav-icon-all.png) -300px -400px no-repeat !important;
}
#main-nav .about ul li.meet-the-team a:hover {
 background:url(../images/main-nav/nav-icon-all.png) -300px -500px no-repeat !important;
}
 #main-nav .about ul li.company-culture {
width:100px;
}
#main-nav .about ul li.company-culture a {
 background:url(../images/main-nav/nav-icon-all.png) -400px -400px no-repeat !important;
 border-right:none !important;
}
#main-nav .about ul li.company-culture a:hover {
 background:url(../images/main-nav/nav-icon-all.png) -400px -500px no-repeat !important;
}
 .block-details-right {
 display:block;
 margin-bottom:1em;
}
 .block-details-left {
 display:block;
 margin-right:0;
 margin-bottom:1em;
 padding:0;
}
 .block-img-left {
 display:block;
 margin-right:1em;
 margin-bottom:1em;
 float:left;
 max-width:100%;
}
 .block-img-right {
 display:block;
 margin-left:1em;
 float:right;
 max-width:100%;
}
 .col-max .side-block-white .container .block-details-main {
 max-width:700px;
 float:right;
}
.col-max .side-block-gray .container .block-details-main {
 max-width:700px;
 float:right;
}
.col-max .portfolio-detail .container .block-details-main {
 max-width:700px;
 float:right;
}
 .flexslider .slides img {
 width: 100%;
 max-width:1000px;
 display: block;
}
 .click-to-call-left-nav {
 display:none;
}
 #navigation ul.nav li.tel a {
 color:#FF2020;
 padding:0.78em 0.6em;
 font-size:1.5em;
 font-weight:bold;
 display:block;
/*
	font-size:1.5em;
	padding:0.8em;
	margin:0;*/
}
#header .mobile-logo {
 display:none;
}
#header #logo {
 float: left;
 max-width: 100%;
 display:block;
}
}
 @media only screen and (min-width: 1000px) {
#contact-page .contact-info-map {
 float:left;
}
#contact-page .contact-info {
 float:none;
 max-width: 330px;
}
#contact-page .google-map {
 float:none;
}
}
 @media only screen and (max-width: 1020px) {
#contact_info_right {
 float:none;
 width:100% !important;
}
}
 @media only screen and (max-width: 610px) {
.page-template .contact_form #contactForm {
 max-width:80%;
}
#contact_info_right {
/*max-width:360px;*/
	}
#contact_form_full #form_part1 {
 max-width:360px;
}
#contact_form_full #form_part2 {
 max-width:360px;
}
}
 @media only screen and (max-width: 460px) {
 .features .feature_box {
float:left;
margin:0;
padding:0px 0 0 0;
width:100%;
height:auto;
}
#contact-page .google-map {
 float:none;
}

/* 
 .page-template .contact_form {
max-width:50% !important;
}
.page-template .contact_form .cols select, .page-template .contact_form .cols input {
width:96%;
}
 #featured-slider .flex-control-nav {
display:none;
}*/

.block-img-left {
 float:right !important;
}
}
@media only screen and (max-width: 770px) {
.page-template-template-services-php .breadcrumbs {
 max-width:none !important;
 width:100%;
 padding:0 !important;
}
#inner-wrapper .tell-us {
 display:none;
}
#inner-wrapper .click-to-call {
 display:block !important;
}
#inner-wrapper .click-to-call {
 position:fixed;
 z-index:100000;
}
}
 @media only screen and (max-width: 1024px) {
 #content {
 margin-bottom: 0;
 margin-top: 2em;
 padding:0 1em;
}
 .layout-full #main, .col-full {
 margin: 0 auto;
 max-width:none;
}
 #inner-wrapper .tell-us {
 right:0;
}
 .col-max .side-block-gray .container {
 width:auto !important;
}
 .single-portfolio .col-max .side-block-gray .container {
 padding:4em 1em 1em 1em;
}
}
 @media only screen and (max-width: 1150px) {
/*services nav*/
#main-nav .services ul {
 left:-1.9em !important;
}
#main-nav .services ul ul {
 left:0 !important;
}

/*about nav*/
#main-nav .about ul {
 left:-6.7em !important;
}
#main-nav .about ul ul {
 left:0 !important;
}
}
 @media only screen and (min-width: 1024px) {
.layout-full #main, .col-full {
 margin: 0 auto;
 max-width:1000px;
}
}
 @media only screen and (min-width: 1150px) {
.single-portfolio .col-max .side-block-gray .container {
 max-width:1000px;
}
 .single-portfolio .col-max .side-block-white .container {
 max-width:1000px;
}
 .single-portfolio .col-max .portfolio-detail .container {
 max-width:1000px;
}
}
 @media only screen and (max-width: 1024px) {
#main.archive-portfolio article img.to-hover {
 max-width:480px !important;
 width:100%;
}
 #main.archive-portfolio article {
 float:left !important;
 margin-right:0.7em;
 overflow:hidden;
}
}
 @media only screen and (max-width: 1000px) {
.image-overlay-container .image-caption {
 display:none !important;
}
.image-overlay-container .image-overlay {
 display:none !important;
}
}

  /* Safari CSS Hacks*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
#navigation ul.nav li.tel a {
 color:#FF2020;
 padding:0.81em 0.6em 0.80em 0.6em;
 font-size:1.5em;
 font-weight:bold;
/*
	font-size:1.5em;
	padding:0.8em;
	margin:0;*/
}
}
 @media only screen and (max-width: 361px) {
#landing-feature-box .feature .feature-content h3 {
 font-size:22px !important;
}

#inner-wrapper{
	max-width:360px;
}
}
 @media only screen and (max-width: 320px) {
#inner-wrapper{
	max-width:320px;
}
}