body {
    color: #353535;
    font: 400 14px/21px 'Open sans', Arial, serif;
}

a {
    color: #0A649B;
    text-decoration: none;
}

a:hover {
    color: #0A649B;
    text-decoration: underline;
}

a:focus,
.btn:focus {
    outline: 0px;
}

h1 {
    font: 300 44px/44px 'Open sans', Arial, serif;
    margin: 20px 0 25px;
}

h2 {
    font: 300 32px/32px 'Open sans', Arial, serif;
    margin: 40px 0 20px;
}

h3 {
    font: 600 16px/16px 'Open sans', Arial, serif;
    margin: 20px 0 20px;
}

h4 {
    font: 600 16px/16px 'Open sans', Arial, serif;
    margin: 20px 0 10px;
}

h2 a {
    color: inherit;
}

h2 a:hover,
h2 a:focus {
    text-decoration: none;
}

h3:first-child {
    margin: 0 0 20px;
    text-transform: uppercase;
}

h4:first-child {
    margin: 0 0 10px;
}

hr {
    border-color: #eee;
    border-width: 4px 0 0;
    margin: 0 auto;
    width: 35%;
}

blockquote p {
    font-size: 16px;
    font-style: italic;
    font-weight: 300;
    line-height: 1.25;
    margin-bottom: 15px;
}

blockquote small {
    font-size: 100%;
}

.img-polaroid {
    padding: 0;
    border: 0;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}

address {
    margin-bottom: 10px;
}

/* header*/

header {
    background: #fff;
}

header .row {
    margin-top: 25px;
    margin-bottom: 25px;
}

header .navbar {
    margin-bottom: 0;
}

header .navbar-inner {
    border: 0;
    box-shadow: none;
    background: transparent;
    padding-left: 0;
    padding-right: 0;
    min-height: 30px;
}

header .navbar .btn-navbar {
    background: none;
    border: 0;
    box-shadow: none;
    padding: 7px 3px;
    margin: 10px 0 0;
}

header .navbar .btn-navbar:hover,
header .navbar .btn-navbar:focus {
    background: none;
}

header .navbar .btn-navbar span.icon-bar,
header .navbar .btn-navbar span.icon-bar {
    box-shadow: none;
    background: #07456B;
}

header .navbar .btn-navbar:hover span.icon-bar,
header .navbar .btn-navbar:focus span.icon-bar {
    background: #0A649B;
}

header .logo {
    background: transparent url("http://media.mysiteshop.com/tpl021/boutsourcing-logo.png") no-repeat 0 0;
    width: 175px;
    height: 30px;
    margin: 0;
    padding: 0;
    float: left;
    display: block;
    text-indent: -9999px;
}

header .logo:hover {
    background: transparent url("http://media.mysiteshop.com/tpl021/boutsourcing-logo.png") no-repeat 0 -30px;
}

header .nav-pills {
    margin-bottom: 0;
}

header .navbar .nav {
    margin-top: 10px;
}

header .navbar .nav > li > a {
    font: 300 18px/24px 'Open sans', Arial, serif;
    color: #07456B;
    border-radius: 0;
    margin-bottom: 0;
    margin-top: 0;
    padding: 2px 10px 4px;
    text-shadow: none;
}

header .navbar .nav > li > a:hover,
header .navbar .nav > li > a:focus {
    color: #0D83CB;
    background: none;
    outline: 0;
}

header .navbar .nav > li > a.btn {
    box-shadow: none;
    background-color: #07456B;
    border-radius: 6px;
    border: 0px;
    color: #fff;
    text-shadow: none;
    margin-left: 10px;
}

header .navbar .nav > li > a.btn:hover {
    background-color: #0A649B;
    background-image: none;
    text-shadow: none;
    color: #fff;
}

/* headline */

.headline {
    position: relative;
    height: 400px;
}

.headline .heading {
    width: 400px;
    top: 40px;
    left: 50%;
    margin-left: 100px;
    position: absolute;
}

.headline .heading h1 {
    color: #f4f4f4;
    margin: 5px 0 0;
    font: 60px/60px 'walkway_semiboldregular', Arial;
}

.headline .heading h1 span {
    display: block;
    margin-bottom: 5px;
    text-align: left;
}

.headline .heading h1 span.row-1,
.headline .heading h1 span.row-3 {
    color: #7EC6F5;
}

.headline .heading .row-10 {
    display: block;
    padding: 0;
    margin: 40px 0 0;
    height: 45px;
}

.headline .heading .row-10 .work,
.headline .heading .row-10 .start {
    height: 40px;
    width: 180px;
    border-radius: 0;
    border: 0;
    /*
    -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:    3px 3px 6px rgba(0, 0, 0, 0.3);
    box-shadow:         3px 3px 6px rgba(0, 0, 0, 0.3);
    */
    font: 300 16px/40px 'Open sans', Arial, serif;
    text-transform: uppercase;
    background: #12E37E;
    color: #fff;
    padding: 0;
    float: left;
}

.headline .heading .row-10 .work:hover,
.headline .heading .row-10 .work:focus {
    background: #10CB6F;
    outline: 0;
}

.headline .heading .row-10 .start {
    float: left;
    margin-left: 5px;
    background: #1F9DEE;
}

.headline .heading .row-10 .start:hover,
.headline .heading .row-10 .start:focus {
    background: #1190E2;
    outline: 0;
}

.headline .slider .tablet {
    width: 550px;
    top: 35px;
    left: 50%;
    margin-left: -480px;
    position: absolute;
    z-index: 1;
}

.headline .slider .slides {
    width: 412px;
    top: 94px;
    left: 50%;
    margin-left: -415px;
    position: absolute;
    z-index: 0;
}

/* Image cover */

.mss-image-cover {

    position: relative;
    top: 0;
    left: 50%;
    width: 100%;
    height: 400px;
    margin-left: -50%;
    margin-top: 0;
    overflow: hidden;
}

.mss-image-cover img {
    position: absolute;
    display: block;
    width: 200%;
    height: auto;
}

/* timer */

.timer {
    background-color: #fff;
    /*border-bottom: 1px solid #475158;*/
}

.timer .container {
}

.timer .row {
    margin-top: 40px;
    margin-bottom: 40px;
}

.timer p {
    margin: 0;
    text-align: center;
}

.timer h2 {
    text-align: center;
    margin: 0 0 10px;
}

/* heading */

section.heading {
    background: #f5f5f5;
}

section.heading .prev-next {
    margin: 25px 0;
}

section.heading .prev-next a {
    font: 300 44px/44px 'Open sans', Arial, serif;
    color: #353535;
    display: inline-block;
    width: 30px;
}

section.heading .prev-next a:hover,
section.heading .prev-next a:focus {
    color: #3498DB;
    text-decoration: none;
}

/* content */

section.content {
    background: #fff;
}

section.content .row {
    padding: 40px 0;
}

section.content .row .row {
    padding: 0;
}

section.content h2:first-child {
    margin-top: 0;
}

section .sevices-home h2,
section .projects-home h2 {
    margin-bottom: 30px;
    text-align: center;
}

section .sevices-home h4.media-heading {
    margin: 18px 0 0;
}

section.content .services li {
    width: 32.1%;
    height: 390px;
    margin: 0 1% 15px 0;
    padding: 0;
    background: #fff;
    text-align: center;
    vertical-align: top;
}

section.content .services li span.inner {
    margin: 10px;
    display: block;
}

section.content .services li img {
    margin-bottom: 10px;
}

section.content .services li .name {
    font: 300 22px/22px 'Open sans', Arial, serif;
    margin-bottom: 10px;
    display: block;
    color: #353535;
}

section.content .services li .description {
    margin-bottom: 5px;
    display: block;
    color: #353535;
}

section.content .people {
}

section.content .people li {
    width: 15.4%;
    margin: 0 1% 15px 0;
    padding: 0;
    background: #fff;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    text-align: center;
}

section.content .people li img {
    margin-top: 15px;
    margin-bottom: 10px;
}

section.content .people li .name,
section.content .people li .position,
section.content .people li .social {
    margin-bottom: 10px;
    display: block;
}

section.content .people li .name {
    margin-bottom: 0px;
}

section.content .office {
    padding: 0;
}

section.content .office .span12 {
    margin-bottom: 40px;
    margin-right: 1%;
}

section.content .office .span6 {
    margin-top: 20px;
    margin-bottom: 40px;
    margin-right: 0;
}

section.content .image-info {
    width: 300px;
    height: 168px;
    margin-right: 15px;
    padding: 0 !important;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}

section.content .image-info a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 260px;
    color: #34383d;
    padding: 0;
}

section.content .image-info a:hover {
    /*background: url(http://media.mysiteshop.com/tpl021/bgrnd-app.png) repeat-x 0 top;*/
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

section.content .image-info span.hover-info {
    display: block;
    position: absolute;
    top: 168px;
    background: #fff;
    width: 370px;
    height: 120px;
    background: #f4f4f4;
    opacity: 0.95;
    transition: top 1s;
    -webkit-transition: top 1s, -webkit-transform 1s; /* Safari */
}

section.content .image-info a:hover span.hover-info {
    top: 80px;
}

section.content .image-info span.hover-info h4 {
    color: #0091C6;
    font: 400 14px/16px 'Open Sans', sans-serif;
    margin: 10px 10px 10px;
}

section.content .image-info span.hover-info p {
    margin: 0 10px 10px;
    font: 300 12px/18px 'Open Sans', sans-serif;
}

section.content .span4 ul.unstyled li {
    font-size: 12px;
    line-height: 20px;
}

section.content li.post {
    float: left;
    width: 23%;
    margin-right: 2%;
    height: 330px;
    border-top: 1px dotted #475158;
    padding: 20px 0 0;
    position: relative;
}

section.content .sidebar li.post {
    float: left;
    width: 100%;
    margin-right: 0;
    height: auto;
    border-top: 1px dotted #475158;
    padding: 20px 0;
    position: relative;
}

section.content li.post.summary h2 {
    margin: 0 0 10px;
}

section.content .sidebar li.post.summary h2 {
    margin: 0;
}

section.content li.post.summary span.date {
    color: #fff;
    background: #3498DB;
    padding: 2px 8px;
    margin: 0 0 10px;
    font-size: 10px;
    display: inline-block;
}

section.content .post.full span.date {
    font-style: italic;
    margin: 0 0 10px;
    display: inline-block;
}

section.content li.post.summary p {
    margin: 0;
    display: inline-block;
}

section.content li.post.summary .read-more {
    position: absolute;
    bottom: 10px;
    left: 0;
    height: 30px;
}

section.content li.post.summary .read-more a:after {
    content: " »";
}

section.content .pagination {
    margin: 0;
}

section.content .pagination ul {
    margin-top: 20px;
}

/* projects */

section.project-odd {
    background: #f4f4f4;
}

section.project-even {
    background: #fff;
}

section[class*="project-"] .row,
section[class^="project-"] .row {
    padding: 40px 0;
}

section[class*="project-"] .row:last-child,
section[class^="project-"] .row:last-child {
    padding: 0 0 40px;
}

section[class*="project-"] h2,
section[class^="project-"] h2 {
    margin-top: 0;
}

section[class*="project-"] .slogan,
section[class^="project-"] .slogan {
    margin-top: 0;
    margin-bottom: 40px;
}

section[class*="project-"] .info .span2,
section[class^="project-"] .info .span2 {
    border-top: 1px dotted #475158;
    padding-top: 20px;
}

section[class*="project-"] .info .span2:last-child,
section[class^="project-"] .info .span2:last-child {
    border-right: 0px;
    text-align: right;
    border-top: 0px;
    padding-top: 0;
}

section[class*="project-"] .info h4:first-child,
section[class^="project-"] .info h4:first-child {
    margin-top: 0;
}

/* info */

section.info {
    background: #475158;
    color: #f5f5f5;
    font-size: 12px;
}

section.info .row {
    margin-top: 30px;
    margin-bottom: 30px
}

section.info h4 {
    font: 300 20px/20px 'Open sans', Arial, serif;
    text-transform: uppercase;
    color: #bbb;
    margin-bottom: 20px;
}

section.info li {
    margin-bottom: 10px;
}

section.info a {
    color: #f5f5f5;
}

section.info a:focus {
    outline: none;
    text-decoration: none;
}

section.info a:hover {
    color: #B4B3B3;
    text-decoration: none;
}

section.info span,
section.info .contact,
section.info address {
    color: #f5f5f5;
}

section.info ul span {
    color: #f5f5f5;
    font-size: 11px;
}

section.info .contact span {
    display: inline-block;
    width: 80px;
    text-transform: uppercase;
}

section.info address span {
    text-transform: uppercase;
}

section.info .tweets a {
    color: #b4b3b3;
}

section.info .tweets a:hover {
    color: #f5f5f5;
}

section.info .popover-title {
    color: #34B0FF;
}

section.info .popover-content {
    padding: 0;
}

section.info .social-links li {
    padding: 0;
}

section.info .social-links .tooltip {
}

.tooltip-inner {
    color: #f4f4f4;
    background-color: #262a2e;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #262a2e;
}

section.info .popover {
    border-radius: 0;
    padding: 0;
    border: 0;
}

section.info .popover h3 {
    background: #262A2E;
    color: #f4f4f4;
    border-radius: 0;
}

/*
    Responsive Image Gallery
    with Thumbnail Carousel
-------------------------------------------- */

.rg-image-wrapper {
    position: relative;
    margin-bottom: 3px;
    padding: 0;
    background: transparent url(http://media.mysiteshop.com/tpl028/elastislide/black.png) repeat top left;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    min-height: 20px;
}

.rg-image {
    position: relative;
    text-align: center;
    line-height: 0px;
}

.rg-image img {
    max-height: 100%;
    max-width: 100%;
}

.rg-image-nav a {
    position: absolute;
    top: 0px;
    left: 0px;
    background: #000 url(http://media.mysiteshop.com/tpl028/elastislide/nav.png) no-repeat -20% 50%;
    width: 28px;
    height: 100%;
    text-indent: -9000px;
    cursor: pointer;
    opacity: 0.3;
    outline: none;
    -moz-border-radius: 10px 0px 0px 10px;
    -webkit-border-radius: 10px 0px 0px 10px;
    border-radius: 10px 0px 0px 10px;
}

.rg-image-nav a.rg-image-nav-next {
    right: 0px;
    left: auto;
    background-position: 115% 50%;
    -moz-border-radius: 0px 10px 10px 0px;
    -webkit-border-radius: 0px 10px 10px 0px;
    border-radius: 0px 10px 10px 0px;
}

.rg-image-nav a:hover {
    opacity: 0.8;
}

.rg-caption-wrapper {
    position: absolute;
    bottom: 0;
    height: 150px;
    width: 100%;
    background: rgba(0, 0, 0, 0.5)
}

.rg-caption {
    text-align: left;
    margin-top: 15px;
    position: relative;
}

.rg-caption h4 {
    margin: 25px 20px 15px;
    padding: 0;
    color: #fff;
    font: 700 18px/18px 'Open Sans Condensed', sans-serif;
}

.rg-caption p {
    margin: 0 20px 10px;
    padding: 0;
    color: #fff;
    font: normal 14px/22px Georgia, Times, "Times New Roman", serif;
}

.rg-view {
    display: none;
    height: 30px;
}

.rg-view a {
    display: block;
    float: right;
    width: 16px;
    height: 16px;
    margin-right: 3px;
    background: #464646 url(http://media.mysiteshop.com/tpl028/elastislide/views.png) no-repeat top left;
    border: 3px solid #464646;
    opacity: 0.8;
}

.rg-view a:hover {
    opacity: 1.0;
}

.rg-view a.rg-view-full {
    background-position: 0px 0px;
}

.rg-view a.rg-view-selected {
    background-color: #6f6f6f;
    border-color: #6f6f6f;
}

.rg-view a.rg-view-thumbs {
    background-position: 0px -16px;
}

.rg-loading {
    width: 46px;
    height: 46px;
    position: absolute;
    top: 50%;
    left: 50%;
    background: #000 url(http://media.mysiteshop.com/tpl028/elastislide/ajax-loader.gif) no-repeat center center;
    margin: -23px 0px 0px -23px;
    z-index: 100;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    opacity: 0.7;
}

/* Carousel Bootstrap Gallery */

.carousel {
    margin-bottom: 20px;
    line-height: 1;
}
.carousel-inner {
    width: 100%;
    overflow: hidden;
}
.carousel-inner>.item>a>img {
    display: block;
    position: relative;
    width: 200%;
    height: auto;
}
.carousel-caption {
    position: absolute;
    text-align: center;
    right: 0;
    bottom: 25%;
    left: 0;
    padding: 15px;
    background: #333;
    background: rgba(0,0,0,0.0);
}
.carousel-control {
    position: absolute;
    top: 40%;
    left: 15px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    font-size: 60px;
    font-weight: 100;
    line-height: 30px;
    color: #fff;
    text-align: center;
    background: #222;
    border: 3px solid #fff;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    opacity: .5;
    filter: alpha(opacity=50);
}
@media (min-width: 1400px) {
    .headline {
        height: 500px;
    }
    .mss-image-cover {
        height: 500px;
    }
    .carousel-control {
        top: 30%;
    }
    .carousel-caption {
        bottom: 50%
    }
}

/* elastislide style */

.es-carousel-wrapper {
    background: #101010;
    padding: 0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    margin-bottom: 10px;
}

.es-carousel {
    overflow: hidden;
    background: #fff;
}

.es-carousel ul {
    display: none;
}

.es-carousel ul li {
    height: 100%;
    float: left;
    display: block;
}

.es-carousel ul li a {
    display: block;
    border-style: solid;
    border-color: #222;
    opacity: 0.8;
    -webkit-touch-callout: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.es-carousel ul li.selected a {
    border-color: #fff;
    opacity: 1.0;
}

.es-carousel ul li a img {
    display: block;
    border: none;
    max-height: 100%;
    max-width: 100%;
}

.es-nav span {
    position: absolute;
    top: 0;
    left: 0;
    background: #038346 url(http://media.mysiteshop.com/tpl028/elastislide/nav_thumbs.png) no-repeat 10px 32px;
    width: 30px;
    height: 88px;
    margin-top: 0;
    text-indent: -9000px;
    cursor: pointer;
    opacity: 0.9;
}

.es-nav span.es-nav-next {
    right: 0;
    left: auto;
    background-position: -30px 32px;
}

.es-nav span:hover {
    opacity: 1.0;
}

/*
    BX Slider
-------------------------------------------- */

.mss-bx-slider {
    position: relative;
    height: 300px;
    margin: 0 0 30px;
    background: #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.mss-bx-slider .mss-control {
    position: absolute;
    top: 0;
    right: 0;
    width: 260px;
}

.mss-bx-slider .mss-control ul {
    background: #e8e8e8;
    color: #fff;
    margin: 0;
    border-top: 0;
    text-align: left;
}

.mss-bx-slider .mss-control li {
    width: 100%;
    height: 75px;
    padding: 0;
    margin: 0;
    vertical-align: top;
    border-top: 1px solid #B2B2B2;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.mss-bx-slider .mss-control li:nth-child(1) {
    border-top: 0;
}

.mss-bx-slider .mss-control a {
    color: #000;
    display: inline-block;
    width: 100%;
    height: 75px;
    margin: 0;
    padding: 13px 15px;
    text-align: left;
    font: 12px/18px Arial, sans-serif;
    color: #4c4c4c;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
}

.mss-bx-slider .mss-control a:hover,
.mss-bx-slider .mss-control a:focus {
    color: #333;
    text-decoration: none;
}

.mss-bx-slider .mss-control .active span {
    color: #00467c;
    text-decoration: none;
}

.mss-bx-slider .mss-control span.mss-title {
    width: 100%;
    display: block;
    font: 700 16px/22px 'Open Sans Condensed', sans-serif;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.mss-bx-slider .mss-control a.active span.mss-arrow {
    height: 40px;
    left: -10px;
    position: absolute;
    top: 20px;
    width: 20px;
    background: url(http://media.mysiteshop.com/tpl028/slider-arrow.png) no-repeat;
    animation: arrow 0.5s alternate;
    /* Safari and Chrome: */
    -webkit-animation: arrow 0.5s alternate;
}

@keyframes arrow {
    0% {
        left: 0;
    }
    100% {
        left: -10px;
    }
}

@-webkit-keyframes arrow {
    /* Safari and Chrome */
    0% {
        left: 0;
    }
    100% {
        left: -10px;
    }
}

.mss-bx-slider .mss-control .left,
.mss-bx-slider .mss-control .right {
    background: #009de0;
    color: #87d0f0;
    width: 8%;
    position: absolute;
    top: 2px;
    left: 0;
}

.mss-bx-slider .mss-control .right {
    left: auto;
    right: 0;
}

.mss-bx-slider .mss-control .left a,
.mss-bx-slider .mss-control .right a {
    border: 0 none;
    height: 65px;
    margin: 0;
    text-align: center;
}

.mss-bx-slider .mss-control a:focus {
    outline: none;
}

.mss-bx-slider .mss-control .left span,
.mss-bx-slider .mss-control .right span {
    height: 65px;
    border: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
}

.mss-bx-slider .mss-control .left i,
.mss-bx-slider .mss-control .right i {
    margin-top: 20px;
}

.mss-bx-slider .mss-control .right {
    float: right;
}

/* bx-wrapper */

.mss-bx-slider .bx-wrapper {
    position: absolute;
    margin: 0;
    padding: 0;
    *zoom: 1;
    width: 428px;
    top: 0;
    left: 0;
}

.mss-bx-slider .bx-wrapper img {
    max-width: 100%;
    display: block;
}

.mss-bx-slider .bx-wrapper .bx-viewport {
    left: 0;
    background: #fff;
}

.mss-bx-slider .bx-wrapper .bx-pager,
.mss-bx-slider .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%;
}

.mss-bx-slider .bx-wrapper .bx-controls {
    display: none;
}

/* bx-wrapper -  loader */

.mss-bx-slider .bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(http://media.mysiteshop.com/tpl028/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}

/* bx-wrapper - pager */

.mss-bx-slider .bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
}

.mss-bx-slider .bx-wrapper .bx-pager .bx-pager-item,
.mss-bx-slider .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.mss-bx-slider .bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.mss-bx-slider .bx-wrapper .bx-pager.bx-default-pager a:hover,
.mss-bx-slider .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #000;
}

/* bx-wrapper - direction controls (next / prev) */

.mss-bx-slider .bx-wrapper .bx-prev {
    left: 10px;
    background: url(http://media.mysiteshop.com/tpl028/controls.png) no-repeat 0 -32px;
}

.mss-bx-slider .bx-wrapper .bx-next {
    right: 10px;
    background: url(http://media.mysiteshop.com/tpl028/controls.png) no-repeat -43px -32px;
}

.mss-bx-slider .bx-wrapper .bx-prev:hover {
    background-position: 0 0;
}

.mss-bx-slider .bx-wrapper .bx-next:hover {
    background-position: -43px 0;
}

.mss-bx-slider .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;
}

.mss-bx-slider .bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}

/* bx-wrapper - auto controls (start / stop) */

.mss-bx-slider .bx-wrapper .bx-controls-auto {
    text-align: center;
}

.mss-bx-slider .bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(http://media.mysiteshop.com/tpl028/controls.png) -86px -11px no-repeat;
    margin: 0 3px;
}

.mss-bx-slider .bx-wrapper .bx-controls-auto .bx-start:hover,
.mss-bx-slider .bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0;
}

.mss-bx-slider .bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(http://media.mysiteshop.com/tpl028/controls.png) -86px -44px no-repeat;
    margin: 0 3px;
}

.mss-bx-slider .bx-wrapper .bx-controls-auto .bx-stop:hover,
.mss-bx-slider .bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px;
}

/* bx-wrapper - Pager with auto-controls hybrid layout */

.mss-bx-slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%;
}

.mss-bx-slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}

/* bx-wrapper - image captions */

.mss-bx-slider .bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666\9;
    background: rgba(255, 255, 255, 0.5);
    width: 100%;
}

.mss-bx-slider .bx-wrapper .bx-caption span {
    display: block;
}

.mss-bx-slider .bx-wrapper .bx-caption span h1 {
    font: 24px/24px Arial, serif;
    font-weight: bold;
    margin: 15px 20px 10px;
    text-transform: uppercase;
}

.mss-bx-slider .bx-wrapper .bx-caption span p {
    font: 12px/18px Arial, serif;
    margin: 0 20px 15px;
    color: #1f15a4;
}

.mss-bx-slider .bx-wrapper .bx-caption span p a {
    font-weight: bold;
}

/* footer */

footer {
    background: #262a2e;
    color: #475158;
    font-size: 12px;
}

footer .row {
    margin-top: 20px;
    margin-bottom: 20px;
}

footer p,
footer .social {
    margin: 0;
}

footer .social li {
    padding: 0;
}

footer .social a i {
    color: #fff;
    font-size: 24px;
}

footer .social a:hover i {
    color: #353535;
}

/* editor */

.editor-focus {
    background: #fff;
}

/* graphics */

[class^="appicon-"],
[class*=" appicon-"] {
    display: inline-block;
    width: 32px;
    height: 32px;
    *margin-right: .3em;
    line-height: 32px;
    vertical-align: text-top;
    background-image: url("http://media.mysiteshop.com/tpl021/graphics.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
    margin-top: 1px;
}

.appicon-facebook {
    background-position: -59px -59px;
}

.appicon-facebook:hover {
    background-position: -59px -9px;
}

.appicon-twitter {
    background-position: -9px -59px;
}

.appicon-twitter:hover {
    background-position: -9px -9px;
}

.appicon-linkedin {
    background-position: -109px -59px;
}

.appicon-linkedin:hover {
    background-position: -109px -9px;
}

.appicon-googleplus {
    background-position: -159px -59px;
}

.appicon-googleplus:hover {
    background-position: -159px -9px;
}

/* buttons */

.btn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #fff;
    text-shadow: none;
    background-color: #475158;
    background-image: none;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #e6e6e6;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    border: 1px solid #475158;
    *border: 0;
    border-bottom-color: #475158;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    *margin-left: .3em;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
    color: #fff;
    background-color: #262A2E;
    *background-color: #262A2E;
}

.btn-large {
    padding: 11px 19px;
    font-size: 17.5px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

/* Large desktop */
@media (min-width: 1200px) {

    .headline {
        height: 400px;
    }

    .mss-image-cover {
        height: 400px;
    }

    .headline .heading {
        width: 480px;
        top: 40px;
        left: 50%;
        margin-left: 100px;
    }

    .headline .heading h1 {
        margin: 10px 0 0;
        font: 60px/60px 'walkway_semiboldregular', Arial;
    }

    .headline .heading .row-10 {
        margin: 35px 0 0;
        height: 45px;
    }

    .headline .heading .row-10 .work,
    .headline .heading .row-10 .start {
        height: 45px;
        width: 200px;
        font: 300 18px/45px 'Open sans', Arial, serif;
    }

    .headline .slider .tablet {
        width: 659px;
        top: 45px;
        left: 50%;
        margin-left: -592px;
    }

    .headline .slider .slides {
        width: 500px;
        top: 116px;
        left: 50%;
        margin-left: -515px;
    }

    section.content .image-info {
        width: 300px;
        height: 168px;
        margin-right: 15px;
    }

    section.content .image-info a {
        height: 260px;
    }

    section.content .image-info span.hover-info {
        top: 220px;
        width: 370px;
        height: 120px;
    }

    section.content .image-info a:hover span.hover-info {
        top: 120px;
    }

    section.content .span4 ul.unstyled li {
        font-size: 14px;
        line-height: 22px;
    }

    section.content .image-info {
        height: 208px;
        margin-right: 15px;
        width: 370px;
    }

}

/* Portrait tablet to landscape and desktop */

@media (min-width: 768px) and (max-width: 979px) {

    header .navbar .nav {
        margin: 10px 0 0;
    }

    header .navbar .nav > li > a {
        border-top: 1px solid #888;
    }

    header .navbar .nav > li > a.btn {
        margin: 10px 0 0;
    }

    .headline {
        height: 300px;
    }

    .headline .mss-image-cover {
        height: 300px;
    }

    .headline .heading {
        width: 480px;
        top: 35px;
        left: 50%;
        margin-left: 0;
    }

    .headline .heading h1 {
        margin: 0;
        font: 45px/40px 'walkway_semiboldregular', Arial;
    }

    .headline .heading .row-10 {
        margin: 20px 0 0;
        height: 35px;
    }

    .headline .heading .row-10 .work,
    .headline .heading .row-10 .start {
        height: 35px;
        width: 130px;
        font: 300 14px/35px 'Open sans', Arial, serif;
    }

    .headline .slider .tablet {
        width: 430px;
        top: 23px;
        left: 50%;
        margin-left: -373px;
    }

    .headline .slider .slides {
        width: 324px;
        top: 70px;
        left: 50%;
        margin-left: -323px;
    }

    section.content .image-info {
        height: 198px;
        margin-right: 15px;
        width: 352px;
    }

    section.content .image-info a {
        height: 260px;
    }

    section.content .image-info span.hover-info {
        top: 220px;
        width: 370px;
        height: 120px;
    }

    section.content .image-info a:hover span.hover-info {
        top: 95px;
    }

    section.content .span4 {
        width: 352px;
    }

    section.content .span4:last-child {
        width: 100%;
        display: block;
        margin-top: 40px;
    }

    section .projects-home h2 {
        margin-bottom: 30px;
        text-align: left;
    }

    section[class*="project-"] .info .span2:last-child,
    section[class^="project-"] .info .span2:last-child {
        text-align: left;
        float: left;
    }

}

/* Landscape phone to portrait tablet */

@media (max-width: 767px) {

    body {
        padding-left: 0;
        padding-right: 0;
    }

    header .container,
    section.headline .container,
    section.timer .container,
    section.heading .container,
    section.content .container,
    section.project-odd .container,
    section.project-even .container,
    section.info .container,
    footer .container {
        margin: 0 20px;
    }

    header .navbar .nav {
        margin: 20px 0 0;
    }

    header .navbar .nav > li > a {
        border-top: 1px solid #888;
    }

    header .navbar .nav > li > a.btn {
        margin: 10px 0 0;
    }

    h3:first-child {
        margin: 30px 0 20px;
    }

    h4:first-child {
        margin: 20px 0 10px;
    }

    .headline {
        height: 220px;
    }

    .headline .mss-image-cover {
        height: 220px;
    }

    section.content .image-info {
        height: 208px;
        margin-right: 15px;
        width: 370px;
    }

    section.content .image-info span.hover-info {
        top: 220px;
        width: 370px;
        height: 120px;
    }

    section.content .image-info a:hover span.hover-info {
        top: 100px;
    }

    section.info .row {
        margin-bottom: 10px;
        margin-top: 10px;
    }

    section.headline .slider {
        display: none;
    }

    section.headline .heading {
        margin: 0 2%;
        width: 96%;
        left: 0;
    }

    .headline .heading h1 {
        font-size: 40px;
        line-height: 40px;
    }

    section.headline .heading h1 span {
        text-align: center;
    }

    .headline .heading .row-10 .start {
        float: right;
    }

    section.content .projects-home .span4,
    section.content .projects-home .span8 {
        margin-bottom: 30px;
    }

    section .projects-home h2 {
        margin-bottom: 30px;
        text-align: left;
    }

    section[class*="project-"] .info .span2:last-child,
    section[class^="project-"] .info .span2:last-child {
        text-align: left;
    }

}

/* Landscape phones and down */

@media (max-width: 480px) {

    section.content .image-info {
        height: 208px;
        margin-right: 15px;
        width: 370px;
    }

    .headline {
        height: 160px;
    }

    .headline .mss-image-cover {
        height: 160px;
    }

    .headline .heading h1 {
        font-size: 30px;
        line-height: 24px;
    }

}

/* font face */

section.info .editor-focus {
    background: none repeat scroll 0 0 #475158;
    color: #F5F5F5;
    font-size: 12px;
}

section.headline .editor-focus {
    background: url("http://media.mysiteshop.com/tpl021/back.jpg") no-repeat scroll 50% 0 rgba(0, 0, 0, 0);
}

footer .editor-focus {
    background: none repeat scroll 0 0 #262A2E;
    color: #475158;
    font-size: 12px;
}

/*section.content .editor-focus {*/
/*background: none repeat scroll 0 0 #FFFFFF;*/
/*}*/

/* Fix: sub-menu link issue on mobile */



/* Dropdown menu */

.dropdown-backdrop {
    position: static;
}

.navbar .pull-right > li > .dropdown-menu {
    right: auto;
}

.nav-pills .dropdown-menu {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.open > .dropdown-menu {
    display: block;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 5px 0 0;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.navbar .pull-right > li > .dropdown-menu:before,
.navbar .nav > li > .dropdown-menu.pull-right:before {
    display: none;
}

.navbar .pull-right > li > .dropdown-menu:after,
.navbar .nav > li > .dropdown-menu.pull-right:after {
   display: none;
}

.dropdown-menu > li > a {
    font: 300 16px/22px 'Open sans', Arial, serif;
    color: #07456B;
    border-radius: 0;
    margin-bottom: 0;
    margin-top: 0;
    padding: 2px 10px 4px;
    text-shadow: none;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
    color: #0D83CB;
    background: none;
    outline: 0;
}

.dropdown-submenu > a:after {
    display: none;
    float: right;
    width: 0;
    height: 0;
    margin-top: 5px;
    margin-right: -10px;
    border-color: transparent;
    border-left-color: #cccccc;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    content: " ";
}

.dropdown-submenu li > ul .mss-dropdown-menu > li a {
    display: none;
}