/* ==========================================================================
   Base
   ========================================================================== */
@font-face {
    font-family: 'caviar_dreamsbold';
    src: url('../fonts/Caviar_Dreams_Bold-webfont.eot');
    src: url('../fonts/Caviar_Dreams_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Caviar_Dreams_Bold-webfont.woff') format('woff'),
         url('../fonts/Caviar_Dreams_Bold-webfont.ttf') format('truetype'),
         url('../fonts/Caviar_Dreams_Bold-webfont.svg#caviar_dreamsbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
body { 
   background: url("../img/top.jpg") no-repeat scroll 50% 0 #ffffff;
   color: #6a6b6e;
   font-family: 'Ubuntu',sans-serif;
}

.container {
   width: 1000px;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Ubuntu',sans-serif;
    font-weight: 600;
}
h2 + h3 {
    font-size: 16px;
    margin-top: -10px;
}
a,
input.btn[type="submit"] {
    color: #31b8e7;
    -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
a:hover, a:focus {
    color: #1c2c3f;
}
/* =============================================================================
   Header
   ========================================================================== */

.banner { }
.banner .container {
    position: relative;
}
.brand {
    float: left;
    margin: 20px 20px 20px 0;
}
#menu-top-menu {
    float: right;
    margin-top: 12px;
}
#menu-top-menu > li > a {
    color: #2B2F6C;
    font-size: 13px;
    margin-bottom: -8px;
    margin-top: -8px;
    text-transform: lowercase;
}
#menu-top-menu > .active > a {
    background: transparent;
}

#menu-top-menu > li > a:hover,
#menu-top-menu > li > a:focus {
    background: transparent;
    color: #D40000;
}
#menu-top-menu > li {
    border-right: 1px solid #2B2F6C;
}
.info-top {
    color: #6a6b6e;
    margin-top: 40px;
    text-align: right;
}

.info-top .info-title {
    border-right: 3px solid #d5d8dc;
    float: left;
    line-height: 18px;
    padding-right: 15px;
    width: 420px;
}
.info-inner {
    background: url("../img/sprites.jpg") no-repeat scroll 0 50% #ffffff;
    color: #2895bb;
    font-size: 23px;
    font-weight: bold;
    line-height: 1;
    margin-left: 438px;
}
.info-inner > ul {
    list-style: none outside none;
    margin: 0;
}
.nav-main {
    clear: both;
}
.nav-main, .more, input.btn[type="submit"] {
    background: none repeat scroll 0 0 #1c2c3f;
    border-radius: 5px;
    margin-bottom: 7px;
    overflow: hidden;
}
.nav-main .nav {
    margin-right: 0;
    padding-bottom: 13px;
    padding-top: 13px;
}
.nav-main .nav > li {
    border-right: 1px solid #2f4a6b;
}
.nav-main .nav > li:last-child {
    border-right: 0;
}
.nav-main .nav > li > a {
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    line-height: 14px;
    margin: -11px 0 -12px;
    padding: 11px 25px 12px;
    text-shadow: none;
    text-transform: uppercase;
}
.nav-main .nav .active > a,
.nav-main .nav .active > a:hover,
.nav-main .nav .active > a:focus {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #31b8e7;
}
.nav-main.navbar .nav li a {
    border-radius: 0 0 0 0;
}
.nav-main .nav > li > a:hover,
.nav-main .nav > li > a:focus {
    color: #31b8e7;
}
.widget-info {
    float: right;
    margin-right: 30px;
}
.widget-info strong {
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 40px;
    margin-right: 10px;
    text-transform: uppercase;
    vertical-align: top;
}
.widget-info .textwidget {
    color: #FFFFFF;
    display: inline;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: -2px;
    line-height: 40px;
}

.hero {
    background: #1c2c3f;
    border-radius: 5px;
    clear: both;
    margin-bottom: 30px;
    overflow: hidden;
}
.header-link {
    float: left;
    position: relative;
}
.header-image {
    border-radius: 5px 0 0 5px;
}
.desc {
    background: none repeat scroll 0 0 rgba(109, 111, 113, 0.8);
    border-radius: 0 0 0 5px;
    bottom: 0;
    color: #ffffff;
    font-size: 20px;
    left: 0;
    line-height: 1;
    margin: 0;
    padding: 15px 20px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
}
.desc > span {
    color: #d1d4d9;
    font-size: 18px;
    line-height: 20px;
    text-transform: none;
}
.content-box {
    background: url("../img/slr.png") no-repeat scroll 100% 0 rgba(0, 0, 0, 0);
    color: #d1d4d9;
    height: 306px;
    line-height: 20px;
    padding: 44px 30px 20px 710px;
    position: relative;
    text-align: right;
    z-index: 100;
}
.more {
    color: #FFFFFF;
    float: right;
    margin: 12px 20px 20px 0;
    padding: 2px 18px;
}
.more:hover,
.more:focus {
  background: #2894bc;
  color: #efefef;
  text-decoration: none;
}

/* ==========================================================================
   Slider
   ========================================================================== */
.nivoSlider img {
    border-radius: 5px 0 0 5px;
    display: none;
}
.hero-inner {
    background: url("../img/loading.gif") no-repeat scroll 50% 50%  rgba(255,255,255, 0.8);
    float: left;
    height: 370px;
    margin: 0 auto;
    position: relative;
    width: 708px;
}
.nivo-caption {
    opacity: 1;
    background: none repeat scroll 0 0 rgba(255,255,255, 0.8);
    border-radius: 0 0 0 5px;
    padding: 15px 10px 15px  18px;
    color: #1c2c3f;
    display: none !important;
}
.nivo-caption > h2 {
    color: #1c2c3f;
    font-size: 19px;
    line-height: 1;
    margin: 0;
    text-transform: uppercase;
}
.nivo-caption h2 span {
    color: #EC2A2D;
    display: block;
    font-size: 26px;
    line-height: 30px;
}
.nivo-caption > p {
    color: #d1d4d9;
    font-size: 18px;
    line-height: 20px;
    padding: 0;
    text-transform: none;
}
/* ==========================================================================
   Box circle
   ========================================================================== */
.circle {
    margin-left: 5px;
    text-align: center;
    width: 196px;
    margin-bottom: 40px;
}
.circle.widget-first {
    margin-left: 0;
}

.circle .fa,
.offer .fa {
    background: url("../img/sprites.png") no-repeat scroll 0 0 #012D4C;
    border-radius: 50%;
    display: block;
    height: 124px;
    line-height: 124px;
    margin: 0 auto;
    width: 124px;
}
.circle h3 {
    font-family: 'Ubuntu',sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    margin-top: 28px;
}
.circle h3 span {
    color: #3CB9E9;
    display: block;
}
.circle .fa-1,
.offer .fa-1 {
    background-position: -36px 18px;
}
.circle .fa-2,
.offer .fa-2 {
    background-position: -237px 18px;
}
.circle .fa-3,
.offer .fa-3 {
    background-position: -436px 18px;
}
.circle .fa-4,
.offer .fa-4 {
    background-position: -639px 18px;
}
.circle .fa-5,
.offer .fa-5 {
    background-position: -840px 18px;
}
.circle .fa-7,
.offer .fa-7 {
    background-position: -1026px 18px;
}
/* ==========================================================================
   Content
   ========================================================================== */
.content {
    margin-bottom: 10px;
}

.content-inner {
    border-radius: 5px;
    clear: both;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 0 20px;
}
.content ul > li > a {
    color: #32b8e8;
}
.page-header,
.entry-title {
    border-bottom: 0 none;
    border-radius: 5px;
    float: left;
    margin-bottom: 0;
    margin-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
}
.home .page-header {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding-left: 0;
    padding-right: 0;
    margin-top: 0;
}
.page-header h1,
.entry-title h1 {
    color: #1c2c3f;
    font-size: 18.5px;
    line-height: 22px;
    margin-bottom: 0;
    text-transform: uppercase;
}
h2 {
    color: #32b8e8;
    font-size: 22px;
    font-weight: bold;
    line-height: 30px;
}
h3 {
    font-size: 18.5px;
    line-height: 22px;
    margin-bottom: 5px;
}
.home .content-box h1 {
    color: #fff;
}
.home .content-box h2 {
    margin-bottom: 8px;
}
.content-box .page-header {
    margin-bottom: 0;
}
.content-box h2 {
    margin-bottom: 18px;
    margin-top: 0;
}
.table {
    background: #FDFDFD;
    margin: 0 auto;
    width: 96%;
    font-size: 14px;
}
.table th {
    font-family: 'caviar_dreamsbold';
    font-weight: normal;
    font-size: 16px;
    text-align: center;
}
.table th b {
    font-weight: normal;
}
.table thead:first-child tr:first-child > th:first-child {
    font-size: 22px;
    padding-left: 15px;
    text-transform: uppercase;
    vertical-align: middle;
}
.table td + td {
    text-align: center;
}

.table + p small {
    margin-left: 20px;
}

.span6 .table {
    margin-top: 20px;
    width: 100%;
}
.span6 .table thead:first-child tr:first-child > th:first-child {
    font-size: 16px;    
    text-transform: none;
}
.span6 .table th {
    font-size: 14px;
}

.accordion-group {
    margin-bottom: 10px;
}
.accordion .accordion-heading .accordion-toggle {
    color: #2B2F6C;
    font-family: 'caviar_dreamsbold';
    font-size: 16px;
    margin: 0;
    padding-bottom: 10px;
    padding-top: 10px;
}
.accordion .accordion-heading .accordion-toggle strong{
  font-weight: normal;
}
.accordion .accordion-heading .accordion-toggle:hover,
.accordion .accordion-heading .accordion-toggle:focus {
  color: #CE0700;
  text-decoration: none;
}
.accordion-heading {
    background: #F1F1F1;
}
.accordion-group .accordion-heading i {
    float: right;
}

/* offer */

.offer {
    list-style: none outside none;
    margin-left: 0;
}
.offer > li {
    border-bottom: 1px solid #3CB9E9;
    clear: both;
    margin-bottom: 15px;
    padding-bottom: 15px;
    padding-right: 30px;
}
.offer .fa {
    border-radius: 0;
    background-position: -130px 0;
    float: left;
    height: 96px;
    margin-right: 30px;
    width: 120px;
}
.offer .fa-1 {
    background-position: -36px 2px;
}
.offer .fa-2 {
    background-position: -237px 2px;
}
.offer .fa-3 {
    background-position: -436px 2px;
}
.offer .fa-4 {
    background-position: -639px 2px;
}
.offer .fa-5 {
    background-position: -840px 2px;
}
.offer .fa-6 {
    background-position: -1220px -4px;
}
.offer .fa-7 {
    background-position: -1032px -10px;
}
/* ==========================================================================
   Primary Content
   ========================================================================== */

.main {
    font-size: 14px;
}
.main.span8 {
    border-radius: 5px;
    margin-bottom: 10px;
    width: 660px;
}
.main.span12 {
    border-radius: 5px;
    margin-bottom: 20px;
    width: 1000px;
}
.home .main.span12 {
    background: transparent;
}
.promo-box {
    margin-left: -35px;
}
.promo-box .widget {
    margin-left: 35px;
    width: 310px;
    line-height: 18px;
    margin-bottom: 40px;
}

.promo-box .widget h2, .sidebar .widget h2 {
    border-left: 2px solid #31b8e7;
    color: #1c2c3f;
    font-family: 'Ubuntu',sans-serif;
    font-size: 19px;
    line-height: 1;
    margin-bottom: 18px;
    margin-top: 0;
    padding-left: 10px;
    letter-spacing: -1px;
}
.promo-box .widget p,
.sidebar .widget p {
    color: #6a6b6e;
    line-height: 18px;
}
.promo-box .widget a {
    font-size: 16px;
}
.promo-box .widget a:hover,
.promo-box .widget a :focus {
    text-decoration: none;
}
.sidebar .widget p {
    display: none;
    visibility: hidden;
}
.promo-box .more,
.sidebar .widget .more {
    border: 0 none;
    float: left;
    margin-top: 0;
    text-shadow: none;
}
.widget_sp_image-description {
    color: #2B2F6C;
    font-size: 13.5px;
    padding: 10px 5px;
    text-align: center;
}
.widget_sp_image-image-link {
    border-radius: 18px;
    display: block;
}
.widget_sp_image-image-link img {
    border-radius: 18px;
}
.widget_sp_image-image-link:hover {
  border-color: #CE0700;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}

.span6.pull-left {
    width: 480px;
}
/* kontakt */
.span6.pull-left,
.span5.pull-left,
.span4.pull-left {
    margin-left: 0;
}
.content-form {
    margin-left: 20px;
}
h2 strong {
    color: #FFFFFF;
    font-size: 20px;
}
.content-form .control-group {
    margin-bottom: 0;
    margin-left: 20px;
}
.control-group.span3 {
    width: 230px;
}
.control-group.message.span7 {
    margin-left: 20px;
    margin-top: 0;
    width: 692px;
}
.control-group.send {
    clear: both;
    margin-bottom: 8px;
    margin-left: 35px;
}
.control-group > label {
    display: none;
    font-size: 12px;
    margin-bottom: 1px;
    visibility: hidden;
}
.wpcf7 h3 {
    font-size: 16px;
    line-height: 30px;
    margin-left: 20px;
    margin-top: 5px;
}
.wpcf7 input, .wpcf7 textarea {
    border-radius: 5px;
    font-family: 'Ubuntu',sans-serif;
    font-size: 13.5px;
    margin-bottom: 8px;
    padding-left: 10px;
    padding-right: 10px;
    width: 206px;
}
.wpcf7 input[type="checkbox"] {
    width: auto;
}
.wpcf7 p {
    font-size: 12.5px;
}
.wpcf7 textarea {
    height: 75px;
    width: 500px;
}
form p {
  margin: 0;
}
span.wpcf7-not-valid-tip {
    border-radius: 4px 4px 4px 4px;
    font-size: 12px;
    left: 0;
    padding: 5px 10px;
    position: absolute;
    top: -10px;
    width: 212px;
    z-index: 100;
}
div.wpcf7-validation-errors,
span.wpcf7-not-valid-tip {
    background-color: #F2DEDE;
    border: 1px solid #EED3D7;
    color: #B94A48;
}
div.wpcf7-mail-sent-ok {
    background-color: #DFF0D8;
    border: 1px solid #D6E9C6;
    color: #468847;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
div.wpcf7-response-output {
    border-radius: 5px 5px 5px 5px;
    font-size: 0.9em;
    line-height: 1.25em;
    margin: 0 0 0 20px;
    padding: 5px 8px;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
input.btn[type="submit"] {
    border: 0 none;
    color: #FFFFFF;
    font-size: 13px;
    padding: 5px 25px;
    text-shadow: 0 1px 0 #333333;
    width: auto;
}
input.btn[type="submit"]:hover,
input.btn[type="submit"]:focus {
  background: none repeat scroll 0 0 #2894bc;
    text-shadow: none;
}

/* ==========================================================================
   MAPS
   ========================================================================== */
.pgm {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #dddddd;
    clear: both;
    padding: 4px;
}
.pgm img {
    max-width: none;
}
/* ==========================================================================
   Sidebar
   ========================================================================== */

.sidebar {
    margin-bottom: 0px;
    margin-left: 10px;
    margin-top: 20px;
    width: 330px;
}

.sidebar .widget {
    margin-bottom: 20px;
    padding-left: 20px;
    width: 310px;
}

.sidebar form {
    margin-bottom: 0;
}
.sidebar textarea {
    width: 254px;
}
.sidebar .send {
    margin-left: 10px;
}

.sidebar .widget-inner {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #2e3c4e;
    border-radius: 5px;
    padding: 10px 15px;
}
.sidebar .widget h3 {
    color: #6d6f71;
}

.sidebar .widget-category h3 {
    background: #2894bc;
    border-radius: 10px;
    color: #ffffff;
    margin-top: 6px;
    padding: 3px 10px;
}
.sidebar .nav > li > a:hover, .sidebar .nav > li > a:focus {
    background-color: #2894bc;
    border-radius: 6px;
    color: #ffffff;
    text-decoration: none;
    text-shadow: none;
}
.widget-category .widget-inner{

}
/* ==========================================================================
   Posts
   ========================================================================== */

.hentry header { }
.hentry time { }
.hentry .byline { }
.hentry .entry-content { }
.hentry footer { }


.clear {
    clear: both;
}

.project-list {
    margin: 0 20px;
}
.project-list .entry-thumb {
    margin-bottom: 15px;
}
.project-list .entry-thumb:nth-child(2n+1) {
    margin-left: 0;
}
.project-list .entry-thumb h2 {
    font-size: 18px;
    line-height: 1;
    margin-top: 5px;
}
.project-list .entry-thumb > a:hover {
    text-decoration: none;
}
.project-list .entry-thumb > a:hover h2 {
    color: #ffffff;
}
.entry-title {
    float: none;
    margin-top: 20px;
    padding-bottom: 9px;
    padding-left: 0;
}
/* ==========================================================================
   Footer
   ========================================================================== */

.content-info {
    height: 126px;
}
.content-info, .content-info .container {
    background: url("../img/foo.jpg") no-repeat scroll 50% 0 rgba(0, 0, 0, 0);
}
.content-info .container {

}

.content-info .right {
    background: url("../img/logo-foo.png") no-repeat scroll 30px 65px rgba(0, 0, 0, 0);
    margin-left: -10px;
}
.widget-foo {
    float: left;
    width: 498px;
}
.widget-foo h3 {
    color: #22354c;
    font-family: ubuntu;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 45px;
    padding-left: 18px;
}
.widget-foo .textwidget {
    color: #31b8e7;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 1;
}
.copy, .copy a {
    color: #ffffff;
}
.copy {
    border-top: 1px solid #2e3c4e;
    clear: right;
    float: right;
    font-size: 11px;
    line-height: 34px;
    margin: 10px 0 0;
    padding-top: 5px;
    text-align: right;
}
.copy a {

}
.copy span {
    color: #31b8e7;
}

.nav-foo {
    float: right;
    margin-left: 20px;
    margin-top: 26px;
}
.nav-foo .nav {
  margin: 0;
}
.nav-foo .nav > li > a {
    color: #ffffff;
    font-size: 12px;
    margin-right: 0;
    margin-left: 1px;
    padding: 6px 12px;
    text-transform: uppercase;
}
.nav-foo .nav > .menu-kontakt > a {
    padding-right: 3px;
}
.nav-foo .nav > .active > a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #31b8e7;
}
.nav-foo .nav > li > a:hover, .nav-foo .nav > li > a:focus {
    background-color: transparent;
    color: #31b8e7;
}
.cookie-link {
    display: block;
    line-height: 1;
    text-align: right;
}
/* ==========================================================================
   WordPress Generated Classes
   See: http://codex.wordpress.org/CSS#WordPress_Generated_Classes
   ========================================================================== */

.aligncenter { display: block; margin: 0 auto; }
.alignleft { float: left; }
.alignright { float: right; }
figure.alignnone { margin-left: 0; margin-right: 0; }

.clearfix {
    border-bottom: 1px solid #3CB9E9;
    border-top: 0 none;
    clear: both;
    margin-left: 40px;
    margin-right: 40px;
    padding-top: 18px;
}
.thumbnail {
    background: #FFFFFF;
}
/*  fb
---------------------------------------------------------------------*/
#fb {
    background: url("../img/fb.png") no-repeat 0 0 transparent;
    cursor: pointer;
    display: block;
    float: left;
    height:290px;
    padding: 0;
    position: fixed;
    right: -290px;
    top: 30%;
    width: 330px;
    z-index: 9999;
} 
#fb .fr {
    background: #fff;
    float: right;
    padding: 0px;
    width: 292px;
}
.omsc-toggle-title {
    color: #32b8e8;
    font-size: 16px;
    font-weight: bold;
}
.omsc-toggle-title:after {
    color: #6d6f71;
}

/* ==========================================================================
   Form
   ========================================================================== */
.span12 .form-row {
    float: left;
    width: 33.3%;
}
.span12 .full {
    width: 100%;
}
.form-row .wpcf7-text {
    width: 80%;
}
.form-row span.wpcf7-list-item {
    display: block;
}
.checkif .control-group {
    margin-left: 20px;
}
.control-group.checkif {
    border-bottom: 1px solid #dddddd;
}
.form-row.full textarea {
    width: 96%;
}
.form-row .wpcf7-not-valid-tip {
    width: 92%;
}
.form-row .checkif .control-group > label {
    display: block;
    visibility: visible;
}
/* ==========================================================================
   404
   ========================================================================== */

#searchform input {
    margin: 0;
}
/* ==========================================================================
   Media Queries
   ========================================================================== */
@media (max-width: 1024px) {

    body {
        background: url("../img/top.jpg") no-repeat scroll 100% 0 #ffffff;
    }
}
@media (max-width: 1023px) {
    .container {
        width: auto;
    }
     .nav-main .nav > li > a {
        padding: 11px 8px 12px;
    }
    .main.span12 {
        width: auto;
    }
    .content-box {
        padding-left: 92px;
        position: absolute;
        right: 0;
        top: 0;
        width: 270px;
    }
    .hero {
        position: relative;
    }
    .hero-inner {
        margin-left: -130px;
    }
    .promo-box {
        margin-left: -20px;
    }
    .promo-box .widget {
        width: 28%;
    }
    .widget-foo {
        height: 106px;
        padding-left: 20px;
        padding-top: 20px;
        width: 356px;
    }
    .pull-right.right {
        width: 378px;
    }
    .nav-foo {
        margin-top: 10px;
        text-align: center;
        min-height: 106px;
    }
    .nav-foo .nav > li {
        display: inline-block;
        float: none;
    }
    .nav-foo .nav > li > a {
        display: inline-block;
        margin-bottom: 0;
        padding: 3px 10px;
    }
    .main.span8 {
        width: 475px;
    }

    .span7 {
        width: 405px;
    }
    .span3 {
        width: 182px;
    }
    .sidebar {
        width: 250px;
    }
    .control-group.message.span7 {
        width: 385px;
    }

    .wpcf7 input {
        width: 160px;
    }
    .wpcf7 textarea {
        height: 75px;
        width: 362px;
    }
    .sidebar .widget {
        width: auto;
    }
    .content-info {
        position: relative;
    }
    .content-info .right {
        background: url("../img/logo-foo.png") no-repeat scroll 50% 60px rgba(0, 0, 0, 0);
    }

    .copy {
        border: 0 none;
        bottom: 0;
        position: absolute;
        right: 20px;
    }

    select {
        width: 92%;
    }
    .wpcf7 textarea {
        width: 92%;
    }
    .span6.content-form {
        width: 466px;
    }
}
@media (max-width: 767px) {
    .nav-main .nav {
        margin-left: 10px;
        text-align: center;
    }
    .nav-main .nav > li {
        display: inline-block;
        float: none;
    }
    .nav-main .nav > li > a {
        padding: 11px 4px 12px;
    }
    .main.span12 {
        width: auto;
    }
    .hero-inner {
        margin-left: -300px;
    }
    .widget-foo h3 {
        padding-left: 0;
    }
    .widget-foo .textwidget {
        font-size: 24px;
    }
    .promo-box .widget {
        margin-bottom: 25px;
        margin-left: 20px;
        width: auto;
    }
    .widget-foo {
        width: 45%;
    }
    .pull-right.right {
        width: 50%;
    }
    .main.span8 {
        width: 100%;
    }
    .sidebar {
        margin-left: 0;
        width: 100%;
    }
    .sidebar .widget {
        padding-right: 20px;
        width: auto;
    }
}
@media(max-width: 668px){

.hero-inner {
    margin-left: -200px;
}

.span12 .form-row {
    float: none;
    width: 100%;
}
.form-row .wpcf7-text {
    width: 96%;
}
}
@media(max-width: 479px){
.brand {
    width: 100%;
}
.content-box {
    background: none repeat scroll 0 0 #1c2c3f;
    padding-left: 10%;
    padding-right: 10%;
    text-align: center;
    width: 80%;
}
.widget-foo {
    background: url("../img/foo.jpg") no-repeat scroll -550px 0 rgba(0, 0, 0, 0);
    padding-left: 0;
    text-align: center;
    width: 100%;
}

.pull-right.right {
    background: none repeat scroll 0 0 #1c2c3f;
    margin-top: 12px;
    width: 100%;
}
.pull-right.right .nav-foo {
    margin-left: 0;
    min-height: unset;
}

.copy {
    background: url("../img/logo-foo.png") no-repeat scroll 50% 0 rgba(0, 0, 0, 0);
    left: 0;
    margin: 10px auto 0;
    padding-top: 42px;
    position: relative;
    right: 0;
    text-align: center;
    width: 100%;
}

}
@media(max-width: 320px){
.content-box {
    padding: 32px 5%;
    width: 90%;
}
}
@media(max-width: 240px){

.home .content-box h1 {
    font-size: 14px;
}
.content-box {
    height: auto;
    padding: 20px 2%;
    width: 96%;
}
.widget-foo h3 {
    margin-top: 0;
}
.copy {
    background-size: 90% auto;
}
}