@import url(http://fonts.googleapis.com/css?family=Crimson+Text:400,400italic,600,600italic,700,700italic|Source+Sans+Pro:400,600);
/* PLUGIN-SPECIFIC CSS */
/* CSS Document */
/* SITE CSS */
/* ==========================================================================
	Variables
========================================================================== */
/* ==========================================================================
	Mixins
========================================================================== */
/* CSS3 ELEMENTS
============================== */
/* ================================================================ *\
	#Reset
\* ================================================================ */
* {
  padding: 0;
  margin: 0;
  outline: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* ================================================================ *\
	#Base
\* ================================================================ */
article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section {
  display: block; }

html,
body {
  height: 100%; }

html {
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  min-width: 320px;
  background: white url(../images/bg.jpg) no-repeat center 137px;
  font-family: "Crimson Text", Georgia, serif, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #6c5f60;
  -webkit-font-smoothing: antialiased; }

a {
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

img {
  border: 0;
  vertical-align: middle; }

strong {
  font-weight: bold; }

small {
  font-size: 80%; }

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  -webkit-font-smoothing: antialiased; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 0; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0; }

button {
  overflow: visible; }

textarea {
  overflow: auto;
  resize: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

th,
td {
  padding: 0; }

a[href^='tel'] {
  color: #6c5f60; }

/* ================================================================ *\
	#Helpers
\* ================================================================ */
.alignleft {
  float: left; }

.alignright {
  float: right; }

.hidden {
  display: none;
  visibility: hidden; }

.clearfix:before,
.clearfix:after {
  display: table;
  content: ' '; }

.clearfix:after {
  clear: both; }

/* ------------------------------------------------------------ *\
	Containers
\* ------------------------------------------------------------ */
.wrapper {
  overflow: hidden; }

.shell {
  width: 100%;
  max-width: 1060px;
  margin: 0 auto; }

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */
.header:before {
  /*print img not displayed but loaded*/
  display: none;
  width: 0;
  height: 0;
  content: url("http://www.strategicdevelopmentspecialists.com/themes/default/images/logo.png") !important;
  position: relative;
  margin: 0 auto; }

.header-top {
  background-color: #ece8d7; }

.header-top-inner {
  text-align: right;
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  padding: 4px 0; }

.header-top-inner .address {
  display: inline-block;
  vertical-align: middle;
  font-weight: 400;
  font-size: 16px;
  color: #6c5f5f;
  margin-right: 18px;
  position: relative;
  top: 2px; }

.header-top-inner .phone {
  display: inline-block;
  vertical-align: middle;
  font-weight: 600;
  font-size: 24px;
  color: #6c5f5f;
  margin-right: 20px; }

.header-top-inner .phone a {
  color: #6c5f5f; }

.header-bottom-inner {
  background-color: #fbfaf7;
  padding: 20px; }

.logo {
  float: left;
  margin-top: 25px;
  margin-bottom: 25px; }

.logo img {
  width: 100%;
  height: auto; }

.nav-trigger {
  display: none; }

/* Navigation First Level */
.nav {
  float: right;
  margin-top: 35px; }

.nav > ul {
  list-style: none outside none;
  float: left; }

.nav > ul > li {
  float: left;
  position: relative; }

.nav > ul > li > a {
  display: block;
  font-weight: 700;
  color: #6c5f60;
  text-transform: uppercase;
  padding: 6px 12px 1px; }

.nav > ul > li:hover > a {
  background-color: #d3cfcf;
  text-decoration: none; }

.nav > ul > li.current > a {
  background-color: #f0eee4; }

/* Navigation Second Level */
.nav > ul > li.hover > .nav-dropdown {
  opacity: 1;
  -moz-opacity: 1;
  visibility: visible; }

.nav ul .nav-dropdown {
  width: 220px;
  background-color: #d3cfcf;
  border-bottom: 4px solid #6d6061;
  padding: 10px 0;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 90;
  opacity: 0;
  visibility: hidden;
  z-index: 999; }

.nav ul .nav-dropdown ul {
  list-style: none outside none; }

.nav ul .nav-dropdown li {
  position: relative; }

.nav ul .nav-dropdown a {
  display: block;
  font-size: 14px;
  color: #6c5f5f;
  padding: 0 5px 0 12px;
  margin: 1px 0; }

.nav ul .nav-dropdown li:hover a,
.nav ul .nav-dropdown .current a {
  background-color: #6d6061;
  text-decoration: none;
  color: #fff; }

/* Navigation Third Level */
.nav ul ul li.hover .nav-dropdown {
  opacity: 1;
  visibility: visible; }

.nav ul ul .nav-dropdown {
  left: 100%;
  top: 0;
  background-color: #6d6061;
  padding: 2px 0;
  border-bottom: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 999; }

.nav ul ul .nav-dropdown a {
  color: #fff;
  margin: 0; }

.nav ul ul .nav-dropdown li:hover a,
.nav ul ul .nav-dropdown .current a {
  background-color: #574d4e;
  text-decoration: none; }

/* ------------------------------------------------------------ *\
	Photobar
\* ------------------------------------------------------------ */
.photobar {
  position: relative;
  max-height: 400px;
  overflow: hidden; }

.photobar .slider-clip {
  width: 100%;
  max-width: 1060px;
  padding: 0 20px;
  margin: 0 auto;
  background-color: #fbfaf7; }

.photobar img {
  width: 100%;
  height: auto; }

.photobar .slide {
  position: relative; }

.photobar .slide-image {
  position: relative;
  z-index: 10; }

.photobar .slide-content {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 20; }

/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */
.main-inner {
  padding: 0 20px;
  position: relative;
  background-color: #fbfaf7; }

.content {
  float: left;
  padding-right: 350px;
  min-height: 545px;
  padding-top: 11px;
  padding-left: 13px;
  width: 100%; }

.sidebar {
  width: 320px;
  position: absolute;
  right: 20px;
  top: 16px;
  z-index: 10; }

/* ------------------------------------------------------------ *\
	Widgets
\* ------------------------------------------------------------ */
.widgets,
.widgets ul {
  list-style: none outside none; }

.widget ~ .widget {
  padding-top: 15px;
  margin-top: 27px;
  border-top: 1px solid #6d6061; }

.widget-latest .widget-title {
  font-weight: 400;
  font-size: 16px;
  color: #6c5f60;
  margin-bottom: 10px;
  text-transform: uppercase; }

.widget-latest .widget-head {
  border-bottom: 1px solid #ece8d6;
  margin-bottom: 5px; }

.widget-latest li {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ece8d6;
  overflow: hidden; }

.widget-latest li a:hover {
  text-decoration: none; }

.widget-latest li img {
  margin-right: 12px; }

.widget-latest li h4,
.widget-latest li p {
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  color: #6c5f60;
  overflow: hidden;
  line-height: 1.2; }

.widget-latest li h4 {
  font-weight: 600;
  font-size: 14px; }

.widget-latest li p {
  font-weight: 400;
  font-size: 12px;
  margin-top: 5px; }

.widget-latest .widget-actions {
  text-align: right; }

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */
.footer-top {
  background-color: #d3cfcf; }

.footer-top-inner {
  padding: 45px 30px 42px; }

.footer-phone,
.footer-contacts {
  float: left;
  overflow: hidden; }

.footer-phone .ico,
.footer-contacts .ico {
  float: left;
  margin-right: 13px; }

.footer-phone .ico {
  margin-right: 17px; }

.footer-phone h3,
.footer-contacts h3 {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.2;
  text-transform: uppercase;
  margin-top: 3px; }

.footer-phone p,
.footer-contacts p {
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2; }

.footer-contacts {
  width: 39%; }

.footer-phone {
  width: 25%;
  margin-left: 5%; }

.footer-socials {
  float: right;
  margin-top: 15px; }

.footer-socials ul {
  list-style: none outside none;
  font-size: 0; }

.footer-socials ul li {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px; }

.footer-bottom {
  background-color: #6d6061; }

.footer-bottom-inner {
  padding: 14px 20px 20px 30px; }

.footer-nav {
  float: right;
  margin-top: 3px; }

.footer-nav ul {
  list-style: none outside none;
  font-size: 0; }

.footer-nav ul li {
  display: inline-block;
  vertical-align: middle; }

.footer-nav ul li ~ li {
  padding-left: 7px;
  margin-left: 7px;
  border-left: 1px solid #fff; }

.footer-nav ul li a {
  display: block;
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #fff;
  line-height: 1; }

.copyright {
  float: left;
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #fff; }
  .copyright a {
    color: #FFF; }

.breadcrumbs {
  font-size: 14px;
  line-height: 1.2; }
  .breadcrumbs a {
    color: #94363d; }

/* ------------------------------------------------------------ *\
	Icons
\* ------------------------------------------------------------ */
.ico {
  display: inline-block;
  vertical-align: middle; }

.ico-logo {
  background: url(../images/ico-logo.png) no-repeat 0 0;
  width: 64px;
  height: 63px; }

.ico-phone {
  background: url(../images/ico-phone.png) no-repeat 0 0;
  width: 37px;
  height: 63px; }

.ico-linkedin {
  background: url(../images/ico-linkedin.png) no-repeat 0 0;
  width: 32px;
  height: 32px; }

/* ------------------------------------------------------------ *\
	Buttons
\* ------------------------------------------------------------ */
.btn {
  display: inline-block;
  vertical-align: middle;
  padding: 10px 24px 6px;
  font-family: "Crimson Text", Georgia, serif, sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: #6c5f60;
  text-transform: uppercase;
  line-height: 1.2;
  background-color: #ece8d6;
  border: 0; }

.btn:hover {
  text-decoration: none;
  background-color: #d3cfcf; }

.typography {
  /* ==========================================================================
  	Typography
  ========================================================================== */
  /* ==========================================================================
  #STYLED TABLES
  ========================================================================== */ }
  .typography h1 {
    font-size: 34px;
    line-height: 1.2;
    color: #6c5f60;
    font-weight: 400;
    margin-bottom: 20px; }
  .typography h2 {
    font-size: 28px;
    line-height: 1.2;
    color: #938045;
    font-weight: 400;
    margin-bottom: 15px; }
  .typography h3 {
    font-size: 22px;
    line-height: 1.2;
    color: #6c5f60;
    margin-bottom: 3px; }
  .typography h4 {
    font-size: 18px;
    line-height: 21px;
    color: #938045;
    margin: 20px 0 10px; }
    .typography h4.reversed {
      color: white;
      padding: 6px 10px;
      background: black; }
    .typography h4.underline {
      padding-bottom: 6px;
      border-bottom: 1px solid black; }
  .typography p {
    font-size: 16px;
    margin-bottom: 20px;
    padding-bottom: 0; }
  .typography ul, .typography ol {
    padding-top: 3px;
    margin: 0 0 15px 15px;
    padding-left: 15px; }
    .typography ul li, .typography ol li {
      margin-bottom: 10px;
      position: relative;
      font-size: 16px; }
      .typography ul li p, .typography ol li p {
        margin-bottom: 15px; }
  .typography ul {
    list-style-type: square; }
  .typography a {
    color: #94363d; }
  .typography img {
    max-width: 100%;
    height: auto; }
    .typography img.left, .typography img.right {
      margin-bottom: 20px; }
    .typography img.left {
      float: left;
      margin-right: 20px; }
    .typography img.right {
      float: right;
      margin-left: 20px; }
    .typography img.leftAlone {
      display: block;
      float: none;
      margin-bottom: 20px; }
    @media (max-width: 400px) {
      .typography img {
        max-width: 100%;
        height: auto; }
        .typography img.left, .typography img.right {
          float: none;
          margin: 0 auto 20px;
          display: block; } }
  .typography table[align=center] {
    margin: 0 auto 20px !important; }
  .typography .captionImage {
    background-color: #f0f0f0;
    border-bottom: 0.25em solid #f7931d;
    text-align: left;
    margin-bottom: 1.25em; }
    .typography .captionImage img {
      float: none;
      margin: 0; }
    .typography .captionImage p.caption {
      font-size: 12px;
      line-height: 16px;
      padding: 1em;
      margin: 0; }
    .typography .captionImage.right {
      float: right;
      margin-left: 1.25em;
      clear: right; }
    .typography .captionImage.left {
      float: left;
      margin-right: 1.25em;
      clear: left; }
    .typography .captionImage.leftAlone {
      clear: left; }
    .typography .captionImage.center {
      clear: both;
      margin: 0 auto 1.25em; }
    @media (max-width: 400px) {
      .typography .captionImage img {
        max-width: 100%;
        height: auto; }
      .typography .captionImage.left, .typography .captionImage.right, .typography .captionImage.leftAlone, .typography .captionImage.center {
        float: none;
        margin: 0 auto 20px;
        max-width: 100%;
        height: auto;
        display: block;
        clear: both; }
      .typography .captionImage p.caption {
        float: none; } }
  .typography iframe {
    max-width: 100%;
    display: block;
    margin-bottom: 10px; }
  .typography .clear {
    clear: both; }
  .typography .btn {
    visibility: visible; }
  .typography .reversed {
    color: white;
    padding: 6px 10px;
    background: #6c5f60; }
  .typography .underline {
    padding-bottom: 6px;
    border-bottom: 1px solid; }
  .typography .styled-table {
    border-collapse: collapse;
    margin: 0 0 20px; }
    .typography .styled-table tr:nth-child(odd) {
      background-color: #EFEFEF; }
    .typography .styled-table th, .typography .styled-table td {
      padding: 5px;
      border: 1px solid #CCC;
      text-align: left;
      vertical-align: top; }
    .typography .styled-table th {
      font-weight: bold; }
    .typography .styled-table thead th {
      background-color: #f7931d;
      color: #FFF;
      text-align: center; }
    .typography .styled-table thead td {
      background-color: #989898;
      font-weight: bold; }
    .typography .styled-table .fixed {
      white-space: nowrap; }
      @media (max-width: 767px) {
        .typography .styled-table .fixed {
          white-space: normal; } }
    .typography .styled-table tfoot td {
      background-color: #c7c7c7; }

/* ==========================================================================
	#Form Elements
========================================================================== */
.typography form ::-webkit-input-placeholder {
  color: #6c5f60;
  opacity: 1; }
.typography form :-moz-placeholder {
  color: #6c5f60;
  opacity: 1; }
.typography form ::-moz-placeholder {
  color: #6c5f60;
  opacity: 1; }
.typography form :-ms-input-placeholder {
  color: #6c5f60;
  opacity: 1; }
.typography form input,
.typography form textarea,
.typography form select {
  font-family: "Crimson Text", Georgia, serif, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #6c5f60;
  height: 30px;
  display: block;
  padding: 5px 15px;
  border: 1px solid #6c5f60;
  background-color: white;
  border-radius: 0;
  box-shadow: none; }
.typography form select {
  font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; }
.typography form textarea {
  height: 80px;
  resize: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }
.typography form input[type="hidden"] {
  display: none; }
.typography form input[type="radio"],
.typography form input[type="checkbox"] {
  width: auto;
  height: auto;
  padding: 0;
  border: 0; }
.typography form input,
.typography form textarea,
.typography form a[href^="tel"] {
  -webkit-appearance: none;
  -moz-appearance: none; }
.typography form input[type="checkbox"] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox; }
.typography form input[type="radio"] {
  -webkit-appearance: radio;
  -moz-appearance: radio; }
.typography form fieldset {
  border: none;
  padding: 0;
  margin: 0; }
.typography form .field {
  margin-bottom: 10px; }
  .typography form .field label {
    font-size: 14px;
    line-height: 1.5em; }
    .typography form .field label.left {
      font-weight: bold;
      float: none; }
    .typography form .field label.right {
      float: none; }
  .typography form .field input[type="text"],
  .typography form .field input[type="password"],
  .typography form .field input[type="email"],
  .typography form .field input[type="tel"],
  .typography form .field select {
    background: #f0f0f0;
    border: 1px solid #c7c7c7;
    color: #555555;
    width: 100%;
    height: 30px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    font-size: 1em;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .typography form .field input[type="text"]:hover,
  .typography form .field input[type="text"]:focus,
  .typography form .field input[type="email"]:hover,
  .typography form .field input[type="email"]:focus,
  .typography form .field input[type="password"]:hover,
  .typography form .field input[type="password"]:focus,
  .typography form .field input[type="tel"]:hover,
  .typography form .field input[type="tel"]:focus {
    border: 1px solid #6c5f60; }
  .typography form .field textarea {
    background: #f0f0f0;
    color: #555555;
    width: 100%;
    min-height: 100px;
    border: 1px solid #c7c7c7;
    padding: 10px;
    text-indent: 0;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    font-size: 1em;
    box-sizing: border-box; }
  .typography form .field textarea:hover,
  .typography form .field textarea:focus {
    border: 1px solid #6c5f60; }
  .typography form .field .placeholder {
    color: #a2a2a2;
    text-transform: none; }
  .typography form .field ::-webkit-input-placeholder {
    color: #a2a2a2;
    text-transform: none; }
  .typography form .field ::-moz-placeholder {
    color: #a2a2a2;
    text-transform: none; }
  .typography form .field :-ms-input-placeholder {
    color: #a2a2a2;
    text-transform: none; }
  .typography form .field input:-moz-placeholder {
    color: #a2a2a2;
    text-transform: none; }
  .typography form .field.checkbox input[type="checkbox"], .typography form .field.checkbox input[type="radio"], .typography form .field.optionset input[type="checkbox"], .typography form .field.optionset input[type="radio"], .typography form .field.checkboxset input[type="checkbox"], .typography form .field.checkboxset input[type="radio"] {
    display: inline-block;
    vertical-align: middle; }
  .typography form .field.checkbox label.right, .typography form .field.optionset label.right, .typography form .field.checkboxset label.right {
    margin-left: 5px; }
  .typography form .field.checkbox ul.optionset, .typography form .field.checkbox ul.checkboxset, .typography form .field.optionset ul.optionset, .typography form .field.optionset ul.checkboxset, .typography form .field.checkboxset ul.optionset, .typography form .field.checkboxset ul.checkboxset {
    list-style-type: none;
    padding-left: 15px;
    margin-left: 0; }
    .typography form .field.checkbox ul.optionset li, .typography form .field.checkbox ul.checkboxset li, .typography form .field.optionset ul.optionset li, .typography form .field.optionset ul.checkboxset li, .typography form .field.checkboxset ul.optionset li, .typography form .field.checkboxset ul.checkboxset li {
      list-style-type: none;
      padding-left: 0;
      background: none; }
      .typography form .field.checkbox ul.optionset li label, .typography form .field.checkbox ul.checkboxset li label, .typography form .field.optionset ul.optionset li label, .typography form .field.optionset ul.checkboxset li label, .typography form .field.checkboxset ul.optionset li label, .typography form .field.checkboxset ul.checkboxset li label {
        margin-left: 5px; }
      .typography form .field.checkbox ul.optionset li:before, .typography form .field.checkbox ul.checkboxset li:before, .typography form .field.optionset ul.optionset li:before, .typography form .field.optionset ul.checkboxset li:before, .typography form .field.checkboxset ul.optionset li:before, .typography form .field.checkboxset ul.checkboxset li:before {
        display: none; }
  .typography form .field.file {
    padding: 10px;
    background: #f0f0f0;
    border: 1px solid #c7c7c7;
    color: #555555; }
    .typography form .field.file:hover, .typography form .field.file:focus {
      border: 1px solid #6c5f60; }
    .typography form .field.file input[type="file"] {
      border: none;
      padding: 0;
      display: inline-block;
      vertical-align: middle;
      background: #f0f0f0; }
  .typography form .field .mollom-captcha {
    margin-top: 10px; }
.typography form .Actions input {
  float: right;
  text-indent: 0;
  margin: 0 0 15px 10px;
  padding: 5px 20px; }
.typography form input[type="submit"] {
  background-color: #6c5f60;
  color: white;
  height: 30px;
  border: none;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  cursor: pointer;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear; }
.typography form input[type="submit"]:hover,
.typography form input[type="submit"]:focus {
  background-color: #f7931d; }
.typography form input[type="reset"] {
  background-color: #a6c0d3;
  color: #f7931d;
  height: 30px;
  border: none;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box; }
.typography form input[type="reset"]:hover,
.typography form input[type="reset"]:focus {
  background-color: #f7931d; }
.typography form .recaptcha input[type="text"], .typography form .recaptcha input {
  height: auto;
  background: #FFF;
  display: inline-block; }
.typography form .requiredField input.required,
.typography form .requiredField textarea.required {
  border: 1px solid #f7931d; }
.typography form .requiredField label.required,
.typography form .requiredField span.required {
  color: #f7931d; }

/* ------------------------------------------------------------ *\
	Transitions
\* ------------------------------------------------------------ */
.btn,
.nav,
.nav a {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

.nav ul .nav-dropdown {
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s; }

.photobar .slide {
  -webkit-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s; }

/* ------------------------------------------------------------ *\
	IE specific styles
\* ------------------------------------------------------------ */
.ie8 .nav ul .nav-dropdown {
  opacity: 1;
  visibility: visible;
  display: none; }

.ie8 .nav ul ul .nav-dropdown {
  opacity: 1;
  visibility: visible;
  display: none; }

.ie8 .nav > ul > li.hover > .nav-dropdown,
.ie8 .nav ul ul li.hover .nav-dropdown {
  display: block; }

/* ------------------------------------------------------------ *\
	Tablet Styles
\* ------------------------------------------------------------ */
.nav ul ul .nav-dropdown.no-transition,
.nav > ul > li > .nav-dropdown.no-transition {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  display: none; }

.nav ul ul .opened .nav-dropdown.no-transition,
.nav > ul > li.opened > .nav-dropdown.no-transition {
  display: block;
  visibility: visible;
  opacity: 1; }

.nav > ul > li.opened {
  background-color: #d3cfcf; }

@media (max-width: 1023px) {
  h1 {
    line-height: 1; }

  .logo {
    width: 180px; }

  .nav {
    margin-top: 25px; }

  .nav > ul > li > a {
    padding: 5px 8px 1px;
    font-size: 14px; }

  .footer-contacts {
    width: 49%; }

  .nav ul ul .nav-dropdown {
    left: auto;
    right: 100%; } }
/* ------------------------------------------------------------ *\
	Mobile Styles
\* ------------------------------------------------------------ */
@media (max-width: 767px) {
  .logo {
    width: 220px;
    margin: 0 0 8px 0; }

  .header-bottom-inner {
    position: relative;
    padding: 8px 0 0 13px; }

  .nav {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    margin-top: 0;
    background-color: #d3cfcf;
    width: auto;
    position: relative;
    float: none;
    clear: both;
    margin-left: -13px; }

  .nav.opened {
    display: block; }

  .nav ul .nav-dropdown,
  .nav ul ul .nav-dropdown {
    width: 100%;
    position: relative;
    opacity: 1;
    visibility: visible;
    display: none;
    right: 0;
    top: 0; }

  .nav > ul {
    float: none;
    padding: 5px 0; }

  .nav > ul > li:first-child {
    display: none; }

  .nav > ul > li {
    float: none;
    display: block; }

  .nav > ul > li > a {
    font-size: 14px;
    text-transform: capitalize;
    padding: 5px 12px; }

  .nav > ul > li.has-dropdown > a {
    position: relative; }

  .nav > ul > li.has-dropdown > a:before {
    content: '';
    background: url(../images/ico-arrow.png) no-repeat 0 0;
    width: 8px;
    height: 12px;
    position: absolute;
    right: 26px;
    top: 10px; }

  .nav > ul > li.opened > .nav-dropdown {
    display: block;
    padding: 3px 0;
    border: 0;
    background-color: #bfb9b9; }

  .nav > ul > li.opened > .nav-dropdown a {
    padding: 1px 5px 1px 32px; }

  .nav > ul > li.has-dropdown.opened > a:before,
  .nav ul ul > li.has-dropdown.opened > a:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }

  .nav ul .nav-dropdown li:hover a,
  .nav ul .nav-dropdown .current a {
    background-color: #bfb9b9;
    color: #6c5f5f; }

  .nav.opened ul ul li.has-dropdown a {
    position: relative; }

  .nav.opened ul ul > li.has-dropdown > a:before {
    content: '';
    background: url(../images/ico-arrow.png) no-repeat 0 0;
    width: 8px;
    height: 12px;
    position: absolute;
    right: 26px;
    top: 7px; }

  .nav ul ul .opened .nav-dropdown {
    display: block;
    position: relative;
    left: 0;
    top: 0;
    background-color: #afa7a7; }

  .nav ul ul .opened .nav-dropdown a {
    color: #6c5f5f; }

  .nav ul .nav-dropdown li.has-dropdown:hover a {
    background-color: #bfb9b9; }

  .nav ul .nav-dropdown li.has-dropdown:hover ul a {
    background-color: #afa7a7;
    color: #6c5f5f; }

  .nav.opened ul ul > li.has-dropdown.opened ul a {
    padding: 1px 5px 1px 52px; }

  .nav-trigger {
    display: block;
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    padding: 17px;
    background-color: #d3cfcf; }

  .nav-trigger .bar {
    display: block;
    height: 4px;
    background-color: #6d6061;
    position: relative; }

  .nav-trigger .bar ~ .bar {
    margin-top: 4px; }

  .nav-trigger .bar {
    top: 0;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: rotate(0) scale(1);
    -ms-transform: rotate(0) scale(1);
    -o-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1); }

  .nav-trigger.opened .bar:nth-child(2n) {
    opacity: 0; }

  .nav-trigger.opened .bar:first-child {
    -webkit-transform: rotate(45deg) scale(0.8);
    -ms-transform: rotate(45deg) scale(0.8);
    -o-transform: rotate(45deg) scale(0.8);
    transform: rotate(45deg) scale(0.8);
    top: 8px; }

  .nav-trigger.opened .bar:last-child {
    -webkit-transform: rotate(-45deg) scale(0.8);
    -ms-transform: rotate(-45deg) scale(0.8);
    -o-transform: rotate(-45deg) scale(0.8);
    transform: rotate(-45deg) scale(0.8);
    top: -8px; }

  .header-contacts {
    display: none; }

  .header-top-inner {
    padding: 4px 0 0; }

  .photobar .slider-clip {
    padding: 0; }

  .main-inner {
    padding: 0 10px; }

  .content {
    float: none;
    width: 100%;
    padding: 10px 0;
    min-height: 0; }

  .content h1 {
    margin-bottom: 5px;
    font-size: 30px; }

  .content p {
    font-size: 14px;
    color: #000; }

  .typography img {
    margin-left: 10px; }

  .sidebar {
    float: none;
    width: auto;
    position: relative;
    right: 0;
    top: 0;
    border-top: 10px solid #6d6061;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 20px;
    margin-top: 10px; }

  .footer {
    margin-top: 20px; }

  .footer-top-inner {
    padding: 10px; }

  .footer-contacts {
    width: 100%;
    margin-bottom: 10px; }

  .footer-phone {
    margin-left: 0;
    padding-left: 15px;
    width: 60%;
    margin: 5px 0 10px; }

  .footer-socials {
    margin-right: 10px;
    margin-top: 20px; }

  .footer-bottom {
    text-align: center; }

  .footer-bottom-inner {
    padding: 14px 10px; }

  .footer-nav {
    float: none;
    width: 100%;
    margin-bottom: 10px; }

  .copyright {
    float: none; }

  .footer-phone h3,
  .footer-contacts h3 {
    font-size: 14px; }

  .footer-phone p,
  .footer-contacts p {
    font-size: 12px; }

  .footer-phone .ico {
    margin-right: 25px; }

  .footer-phone h3 {
    padding-top: 7px; } }
@media print {
  /* CSS Document */
  .header-top,
  .header-bottom,
  .photobar,
  .sidebar,
  .footer-socials,
  .footer-nav {
    display: none !important; }

  .header {
    position: relative;
    padding: 20px 0;
    display: block;
    height: 51px;
    border-bottom: 1px solid #7f7f83;
    margin-bottom: 20px;
    box-sizing: content-box;
    box-shadow: none; }
    .header:before {
      background: url(http://www.strategicdevelopmentspecialists.com/themes/default/images/logo.png) no-repeat -99999px -99999px !important;
      /*img not displayed but loaded*/
      display: block;
      width: 298px;
      height: 51px;
      content: url("http://www.strategicdevelopmentspecialists.com/themes/default/images/logo.png") !important;
      position: relative;
      margin: 0 auto; }

  .footer {
    margin-top: 20px;
    border-top: 1px solid #000;
    padding-top: 20px;
    page-break-inside: avoid; }

  .footer-top-inner {
    text-align: center;
    padding: 0; }

  .footer-contacts,
  .footer-phone {
    float: none;
    overflow: visible;
    width: 100%;
    text-align: center;
    margin: 0; }
    .footer-contacts .ico,
    .footer-phone .ico {
      display: none; } }