* {
    margin: 0;
    padding: 0
}

.clearfix:after {
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
    content: "."
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
    display: block
}

audio, canvas, video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    margin: 0
}

.footer p a {
    color: #fff
}

a:focus {
    outline: thin dotted
}

a, a:active, a:hover {
    outline: 0;
    text-decoration: none
}

h1 {
    font-size: 2em
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

code, kbd, pre, samp {
    font-family: monospace, serif;
    font-size: 1em
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0;
}

button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
}

button, input {
    line-height: normal
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled], input[disabled] {
    cursor: default;
    opacity: .3
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

textarea {
    overflow: auto;
    vertical-align: top;
}

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

@media screen and (min-width: 1042px) {
    html {
        height: 100%;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust:100%
    }

    body {
        position: relative;
        height: 100%;
        font-size: 1em;
        font-family: Helvetica, Arial, sans-serif;
        background:url(../images/body-bg.jpg)
    }

    #container1 {
        min-height:100%
    }

    .main-header {
        position: relative;
        height: 96px;
        background: #231f20;
        border-bottom:2px solid #fff
    }

    .main-header .main-header--inner {
        position: relative;
        margin: 0 auto;
        width: 1042px;
        height:96px
    }

    .main-header .main-header--inner:before {
        content: '';
        position: absolute;
        top: 90px;
        left: 0;
        width: 40px;
        height: 26px;
        background:url(../images/left-scissors.png)
    }

    .main-header .main-header--inner:after {
        content: '';
        position: absolute;
        top: 90px;
        right: 0;
        width: 40px;
        height: 26px;
        visibility: visible;
        background:url(../images/right-scissors.png)
    }

    .logo {
        position: absolute;
        top: 17px;
        left: 426px;
        width: 188px;
        height: 69px;
        background: url(../images/evangelistas.png);
        z-index:99999
    }

    .logo:after {
        content: '';
        position: absolute;
        top: 79px;
        left: -12px;
        width: 213px;
        height: 23px;
        background:url(../images/logo-after.png)
    }

    .footer .logo:after {
        display:none
    }

    .baubles {
        position: absolute;
        top: 0;
        left: 38%;
        width: 245px;
        height: 83px;
        background:url(../images/baubles.png)
    }

    .main-nav {
        float: left;
        margin:34px 0 0
    }

    .footer .main-nav {
        float: none;
        margin: 0 auto;
        width:770px
    }

    #main-nav-2.main-nav {
        float:right
    }

    .main-nav li {
        float:left
    }

    .main-nav li.hidden {
        display:none
    }

    .footer .main-nav li {
        margin: 0;
        display: inline;
        width: auto;
        border-left:1px solid #fff
    }

    .main-nav li a {
        display: block;
        padding: 7px 12px;
        border: 1px solid #221f20;
        -webkit-transition: border-color .5s ease-in-out;
        -moz-transition: border-color .5s ease-in-out;
        -ms-transition: border-color .5s ease-in-out;
        -o-transition: border-color .5s ease-in-out;
        transition: border-color .5s ease-in-out;
        font-size: .8em;
        color: #fff;
        text-transform: uppercase;
        font-family:MuseoSans, Helvetica, Arial, sans-serif
    }

    .footer .main-nav li a {
        padding: 12px 5px;
        border:0
    }

    .footer .main-nav li:first-child {
        border:0
    }

    .main-nav li a:hover {
        border:1px solid #fff
    }

    .footer .main-nav li a:hover {
        border:0
    }

    .main-nav li .cornerTL, .main-nav li .cornerTR, .main-nav li .cornerBL, .main-nav li .cornerBR, .header-btn {
        display:none
    }

    .find-us-btn {
        position: absolute;
        top: 0;
        right: 5px;
        width: 135px;
        background: #fff;
        overflow:hidden
    }

    .find-us-btn a {
        display: block;
        padding: 7px 12px;
        font-size: .8em;
        color: #000;
        text-transform: uppercase;
        font-family:MuseoSans, Helvetica, Arial, sans-serif
    }

    .find-us-btn .cornerBL {
        position: absolute;
        bottom: -6px;
        left: -6px;
        width: 10px;
        height: 10px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -o-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        background: #221f20;
        border:1px solid #fff
    }

    .find-us-btn .cornerBR {
        position: absolute;
        bottom: -6px;
        right: -6px;
        width: 10px;
        height: 10px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -o-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        background: #221f20;
        border:1px solid #fff
    }

    .main-content {
        margin:40px 0 0
    }

    .page {
        position: relative;
        padding-bottom:40px
    }

    .page-inner {
        margin: 0 auto;
        width:1042px
    }

    .basic.footer .page-inner {
        margin:80px auto 0
    }

    .contact .page-inner {
        width:972px
    }

    .icon-break {
        position: relative;
        top: -25px;
        margin: 0 auto;
        width: 50px;
        height: 50px;
        background: url(../images/scissor-break.png);
        background-position: center center;
        background-color: #1c1b1b;
        background-repeat: no-repeat;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        -o-border-radius: 25px;
        -ms-border-radius: 25px;
        border-radius:25px
    }

    .home, .about, .links, .barbershop, .gallery, .pole {
        border-bottom:10px solid rgba(0, 0, 0, 0.3)
    }

    .wood {
        background:url(../images/wood.png)
    }

    .about, .links, .barbershop, .gallery, .pole {
        border-top:10px solid rgba(0, 0, 0, 0.3)
    }

    .shaving .icon-break, .poems .icon-break, .testimonials .icon-break, .contact .icon-break {
        background-image:url(../images/blade.png)
    }

    .footer.page {
        padding:20px 0
    }

    .footer {
        position: relative;
        background:url(../images/evangelistas.png) center 80px no-repeat, url(../images/wood.png)
    }

    .footer p {
        margin-bottom: 10px;
        text-align: center;
        font-size: .7em;
        text-transform: uppercase;
        color:#fff
    }

    .line-break.scissor {
        margin-bottom: 3%;
        background:url(../images/scissors.png) center center no-repeat
    }

    .line-break.tashe {
        margin-bottom: 3%;
        background:url(../images/tashe.png) center center no-repeat
    }

    .black .line-break.scissor {
        margin-bottom: 3%;
        background:url(../images/scissors-black.png) center center no-repeat
    }

    .line-break.flags {
        background:url(../images/flags.png) center center no-repeat
    }

    .line-break hr:first-child {
        margin-bottom: 10px;
        float: left;
        width:45%
    }

    .line-break hr:last-child {
        margin-bottom: 10px;
        float: right;
        width:45%
    }

    .ie8 .line-break hr {
        display:none
    }

    .return-top {
        position: absolute;
        bottom: 0;
        right: 0;
        display: block;
        width: 50px;
        height: 30px;
        border: none;
        -webkit-border-radius: 6px 6px 0 0;
        -moz-border-radius: 6px 6px 0 0;
        -o-border-radius: 6px 6px 0 0;
        -ms-border-radius: 6px 6px 0 0;
        border-radius: 6px 6px 0 0;
        font-size: .9em;
        background:#fff
    }

    .ie8 .return-top {
        display:none
    }

    .youtube-vid {
        float: left;
        margin-bottom: 40px;
        padding: 2%;
        width: 45%;
        background: #fff;
        -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2);
        box-shadow:0 0 3px 3px rgba(0, 0, 0, 0.2)
    }

    .youtube-vid:first-child {
        margin-right:2%
    }

    .youtube-vid.centered {
        float: none;
        margin:40px auto 0
    }
}

@media screen and (max-width: 1041px) {
    html {
        height: 100%;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust:100%
    }

    body {
        position: relative;
        height: 100%;
        font-size: 1em;
        font-family: Helvetica, Arial, sans-serif;
        background:url(../images/body-bg.jpg)
    }

    #container1 {
        min-height:100%
    }

    .main-header {
        position: relative;
        height: 91px;
        background: #231f20;
        border-bottom:2px solid #fff
    }

    .logo {
        position: absolute;
        top: 10px;
        left: 3%;
        width: 188px;
        height: 69px;
        background: url(../images/evangelistas.png);
        z-index:99999
    }

    .baubles {
        position: absolute;
        top: 0;
        left: 0;
        width: 245px;
        height: 83px;
        background:url(../images/baubles.png)
    }

    .main-nav ul.clearfix:after {
        content: ""
    }

    .footer .main-nav ul {
        text-align:center
    }

    .main-nav li {
        position: relative;
        margin: 10px auto;
        width: 94%;
        overflow:hidden
    }

    .footer .main-nav li {
        margin: 0;
        display: inline;
        width: auto;
        border-left:1px solid #fff
    }

    .main-nav li a {
        display: block;
        padding: 12px 0;
        border: 1px solid #fff;
        -webkit-transition: border-color .5s ease-in-out;
        -moz-transition: border-color .5s ease-in-out;
        -ms-transition: border-color .5s ease-in-out;
        -o-transition: border-color .5s ease-in-out;
        transition: border-color .5s ease-in-out;
        font-size: .8em;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        font-family:MuseoSans, Helvetica, Arial, sans-serif
    }

    .footer .main-nav li a {
        display: inline-block;
        padding: 12px 5px;
        border:0
    }

    .footer .main-nav li:first-child {
        border:0
    }

    .header-btn {
        position: absolute;
        top: 28px;
        right: 3%;
        padding: 7px 12px;
        border: 1px solid #fff;
        color:#fff
    }

    .drop-menu {
        position: absolute;
        top: 81px;
        left: 0;
        width: 100%;
        background: #221f20;
        max-height: 0;
        -webkit-transition: max-height .5s linear;
        -moz-transition: max-height .5s linear;
        -ms-transition: max-height .5s linear;
        -o-transition: max-height .5s linear;
        transition: max-height .5s linear;
        overflow: hidden;
        z-index:9999
    }

    .drop-menu.open {
        max-height:400px
    }

    .find-us-btn {
        display:none
    }

    .main-content {
        margin:10px auto
    }

    .page {
        position: relative;
        padding-bottom:40px
    }

    .page-inner {
        margin: 0 auto;
        width:94%
    }

    .basic.footer .page-inner {
        margin:80px auto 0
    }

    .icon-break {
        position: relative;
        top: -25px;
        margin: 0 auto;
        width: 50px;
        height: 50px;
        background: url(../images/scissor-break.png);
        background-position: center center;
        background-color: #1c1b1b;
        background-repeat: no-repeat;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        -o-border-radius: 25px;
        -ms-border-radius: 25px;
        border-radius:25px
    }

    .home, .about, .links, .barbershop, .gallery, .pole {
        border-bottom:10px solid rgba(0, 0, 0, 0.3)
    }

    .wood {
        background:url(../images/wood.png)
    }

    .services .icon-break {
        background-image:url(../images/scissors.png)
    }

    .about, .links, .barbershop, .gallery, .pole {
        border-top:10px solid rgba(0, 0, 0, 0.3)
    }

    .shaving .icon-break, .poems .icon-break, .testimonials .icon-break, .contact .icon-break {
        background-image:url(../images/blade.png)
    }

    .footer.page {
        padding:20px 0
    }

    .footer {
        position: relative;
        background:url(../images/evangelistas.png) center 80px no-repeat, url(../images/wood.png)
    }

    .footer p {
        margin-bottom: 10px;
        text-align: center;
        font-size: .7em;
        text-transform: uppercase;
        color:#fff
    }

    .line-break.scissor {
        margin-bottom: 3%;
        background:url(../images/scissors.png) center center no-repeat
    }

    .line-break.tashe {
        margin-bottom: 3%;
        background:url(../images/tashe.png) center center no-repeat
    }

    .black .line-break.scissor {
        margin-bottom: 3%;
        background:url(../images/scissors-black.png) center center no-repeat
    }

    .line-break.flags {
        background:url(../images/flags.png) center center no-repeat
    }

    .line-break hr:first-child {
        margin-bottom: 10px;
        float: left;
        width:38%
    }

    .line-break hr:last-child {
        margin-bottom: 10px;
        float: right;
        width:38%
    }

    .return-top {
        position: absolute;
        bottom: 0;
        right: 0;
        display: block;
        width: 50px;
        height: 30px;
        border: none;
        -webkit-border-radius: 6px 6px 0 0;
        -moz-border-radius: 6px 6px 0 0;
        -o-border-radius: 6px 6px 0 0;
        -ms-border-radius: 6px 6px 0 0;
        border-radius: 6px 6px 0 0;
        font-size: .9em;
        background:#fff
    }

    .youtube-vid {
        margin: 0 auto 40px;
        padding: 2%;
        width: 76%;
        background: #fff;
        -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2);
        box-shadow:0 0 3px 3px rgba(0, 0, 0, 0.2)
    }
}

@font-face {
    font-family: MuseoSans;
    src: url(http://www.evangelistas.co.uk/resources/fonts/MuseoSans/MuseoSans-500.otf);
    font-weight:500
}

@font-face {
    font-family: AbrilFatface;
    src:url(http://www.evangelistas.co.uk/resources/fonts/AbrilFatface/AbrilFatface-Regular.ttf)
}

.translate {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.flex {
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: -moz-box;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: -ms-box;
    -ms-box-orient: horizontal;
    -ms-box-pack: center;
    -ms-box-align: center;
    display: box;
    box-orient: horizontal;
    box-pack: center;
    box-align: center
}

.transduration {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}

.trancol {
    -webkit-transition: color .5s ease-in-out;
    -moz-transition: color .5s ease-in-out;
    -ms-transition: color .5s ease-in-out;
    -o-transition: color .5s ease-in-out;
    transition: color .5s ease-in-out
}

.tranopacity {
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -ms-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out
}

.tranheight {
    -webkit-transition: height 1s ease-in-out;
    -moz-transition: height 1s ease-in-out;
    -ms-transition: height 1s ease-in-out;
    -o-transition: height 1s ease-in-out;
    transition: height 1s ease-in-out
}

.tranpadding {
    -webkit-transition: padding .2s ease-in-out;
    -moz-transition: padding .2s ease-in-out;
    -ms-transition: padding .2s ease-in-out;
    -o-transition: padding .2s ease-in-out;
    transition: padding .2s ease-in-out
}

.tranbackpos {
    -webkit-transition: background-position .2s ease-in-out;
    -moz-transition: background-position .2s ease-in-out;
    -ms-transition: background-position .2s ease-in-out;
    -o-transition: background-position .2s ease-in-out;
    transition: background-position .2s ease-in-out
}

.tranback {
    -webkit-transition: background .5s ease-in-out;
    -moz-transition: background .5s ease-in-out;
    -ms-transition: background .5s ease-in-out;
    -o-transition: background .5s ease-in-out;
    transition: background .5s ease-in-out
}

.tranbacksize {
    -webkit-transition: background-size .5s ease-in-out;
    -moz-transition: background-size .5s ease-in-out;
    -ms-transition: background-size .5s ease-in-out;
    -o-transition: background-size .5s ease-in-out;
    transition: background-size .5s ease-in-out
}

.tranborder {
    -webkit-transition: border-color .5s ease-in-out;
    -moz-transition: border-color .5s ease-in-out;
    -ms-transition: border-color .5s ease-in-out;
    -o-transition: border-color .5s ease-in-out;
    transition: border-color .5s ease-in-out
}

.tranrad {
    -webkit-transition: border-radius .5s ease-in-out;
    -moz-transition: border-radius .5s ease-in-out;
    -ms-transition: border-radius .5s ease-in-out;
    -o-transition: border-radius .5s ease-in-out;
    transition: border-radius .5s ease-in-out
}

.maxheight {
    -webkit-transition: max-height .5s linear;
    -moz-transition: max-height .5s linear;
    -ms-transition: max-height .5s linear;
    -o-transition: max-height .5s linear;
    transition: max-height .5s linear
}

.br10all {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px
}

.br4all {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

.br4top {
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.br4bot {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}

.br4left {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -o-border-radius: 4px 0 0 4px;
    -ms-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px
}

.br4right {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -o-border-radius: 0 4px 4px 0;
    -ms-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}

.fl {
    float: left
}

.fr {
    float: right
}

.fn {
    float: none
}

.pr {
    position: relative
}

.pa {
    position: absolute
}

.center {
    text-align: center
}

ul {
    margin: 0;
    padding: 0
}

ul li {
    margin: 0;
    padding: 0;
    list-style-type: none
}

p {
    margin-bottom: 3%;
    color: #000;
    font-size: .9em
}

a {
    word-wrap: break-word;
    color: #f00
}

.white-box-shadow {
    -webkit-box-shadow: inset 0 1px 2px 0 #fff;
    box-shadow: inset 0 1px 2px 0 #fff
}

.black-box-shadow {
    -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2)
}

.white-text-shadow {
    text-shadow: 1px 1px 1px #fff;
    filter: dropshadow(color=#ffffff, offx=1, offy=1)
}

.black-text-shadow {
    text-shadow: 1px 1px 1px #000;
    filter: dropshadow(color=#000000, offx=1, offy=1)
}

@media screen and (min-width: 1042px) {
    .img-loader {
        display:none
    }

    hr {
        margin: 20px auto;
        height: 0;
        border-top:1px solid #fff
    }

    .black hr {
        border-top:1px solid #000
    }

    .salon-images {
        margin-bottom:18px
    }

    .salon-images--left {
        position: relative;
        float: left;
        width: 778px;
        height:459px
    }

    .salon-images--right {
        float: right;
        width: 249px;
        -webkit-transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        -o-transition: all 1s ease-in-out;
        -ms-transition: all 1s ease-in-out;
        transition:all 1s ease-in-out
    }

    .salon-images--right .salon-2 {
        margin-bottom:18px
    }

    .home .page-inner {
        position:relative
    }

    .xmas-salon .salon-1 {
        position: absolute;
        top: 0;
        left: -38px;
        width: 100%;
        height: 100%;
        max-width: 778px;
        max-height:459px
    }

    .title {
        margin-bottom: 10px;
        font-family: AbrilFatface;
        text-transform: uppercase;
        color: #111;
        font-size: 2.6em;
        text-shadow: 1px 1px 1px #fff;
        filter: dropshadow(color=#ffffff, offx=1, offy=1);
        text-align:center
    }

    .wood .title, .wood .subtitle {
        color: #fff;
        text-shadow:none
    }

    .subtitle {
        margin-bottom: 10px;
        font-size: 1.6em;
        line-height: 1.2em;
        font-family: georgia;
        font-style: italic;
        color: #111;
        text-shadow: 1px 1px 1px #fff;
        filter: dropshadow(color=#ffffff, offx=1, offy=1);
        text-align:center
    }

    .links .inner-left .subtitle, .links .inner-right .subtitle {
        margin: 10px 0;
        font-size: 1.3em;
        text-align: left;
        font-style:normal
    }

    .links .inner-left h3.subtitle, .links .inner-right h3.subtitle {
        font-size:.9em
    }

    .links .subtitle a {
        color:#000
    }

    .contact .inner-right .subtitle {
        margin-bottom: 5px;
        font-style: normal;
        font-size: 1.1em;
        text-transform: uppercase;
        text-align:left
    }

    .text, .contact .text a {
        font-family: georgia;
        font-style: italic;
        color: #111;
        text-shadow: 1px 1px 1px #fff;
        filter: dropshadow(color=#ffffff, offx=1, offy=1);
        font-size: 1.2em;
        max-width: 747px;
        margin: 0 auto;
        line-height: 1.6em;
        text-align:center
    }

    .testimonials .text {
        display: block;
        max-width: 100%;
        font-size: 1em;
        color: #fff;
        text-shadow: 1px 1px 1px #000;
        filter:dropshadow(color=#000000, offx=1, offy=1)
    }
    
    .poems .text {
        display: block;
        max-width: 100%;
        font-size: 1em;
        color: #fff;
        text-shadow: 1px 1px 1px #000;
        filter:dropshadow(color=#000000, offx=1, offy=1)
    }

    .contact .text, .contact .text a {
        margin-bottom: 15px;
        font-family: MuseoSans;
        font-size: 1em;
        font-style: normal;
        text-align: left;
        color: #fff;
        text-shadow:none
    }

    .inner-left {
        float: left;
        width:726px
    }

    .inner-right {
        float: right;
        width:264px
    }

    .contact .inner-left {
        width:440px
    }

    .contact .inner-right {
        width:510px
    }

    .links .inner-left, .links .inner-right {
        width:47.5%
    }

    .service-list li {
        padding: 10px 0;
        border-top:1px solid #fff
    }

    .service-list li:first-child, .service-list li:last-child {
        border-top:none
    }

    .service-desc {
        float: left;
        width:520px
    }

    .service-price {
        float: right;
        width: 186px;
        text-align:right
    }

    .service-name {
        color: #fff;
        font-weight: 300;
        font-family:georgia, helvetica, arial, sans-serif
    }

    .service-time {
        color: #fff;
        font-style: italic;
        font-family:georgia, helvetica, arial, sans-serif
    }

    .service-price .price {
        display: inline;
        color: #fff;
        font-size: 2.1em;
        font-family:AbrilFatface, helvetica, arial, sans-serif
    }

    .service-price .price.comp {
        font-size:1.6em
    }

    .service-price .from {
        display: inline;
        color: #fff;
        font-weight: normal;
        font-style: italic;
        font-size: 1em;
        font-family:Georgia, helvetica, arial, sans-serif
    }

    .works {
        padding:10px 0
    }

    .works p {
        font-family: MuseoSans, Arial, sans-serif;
        font-weight: 300;
        margin-bottom: 10px;
        font-size: .8em;
        color:#fff
    }

    .hero {
        margin-bottom: 20px;
        overflow:hidden
    }

    .footer .hero {
        margin-top:20px
    }

    .footer .hero:first-child {
        float: left;
        margin-left:83px
    }

    .footer .hero:last-child {
        float: right;
        margin-right:83px
    }

    .hero-inner {
        position: relative;
        padding: 12px;
        border: 1px solid #fff;
        font-family: MuseoSans, Arial, sans-serif;
        text-align: center;
        color:#fff
    }

    .hero h2 {
        font: 1em georgia, helvetica, arial, sans-serif;
        color: #fff;
        margin-bottom:10px
    }

    .hero h3, .hero a h3 {
        font: .7em MuseoSans, helvetica, arial, sans-serif;
        text-transform: uppercase;
        color:#fff
    }

    .hero p {
        font: .8em MuseoSans, helvetica, arial, sans-serif;
        color:#fff
    }

    .cornerTL {
        position: absolute;
        top: -6px;
        left: -6px;
        width: 10px;
        height: 10px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -o-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        background: #221f20;
        border:1px solid #fff
    }

    .cornerTR {
        position: absolute;
        top: -6px;
        right: -6px;
        width: 10px;
        height: 10px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -o-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        background: #221f20;
        border:1px solid #fff
    }

    .cornerBL {
        position: absolute;
        bottom: -6px;
        left: -6px;
        width: 10px;
        height: 10px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -o-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        background: #221f20;
        border:1px solid #fff
    }

    .cornerBR {
        position: absolute;
        bottom: -6px;
        right: -6px;
        width: 10px;
        height: 10px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -o-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        background: #221f20;
        border:1px solid #fff
    }

    .barbers-pole {
        margin: 0 auto;
        width: 171px;
        height: 138px;
        background:url(../images/barbers-pole.png)
    }

    .barbers-pole a {
        display: block;
        padding-top: 52px;
        width: 171px;
        height: 86px;
        color: #000;
        text-align: center;
        text-transform: uppercase;
        font-size:.8em
    }

    video {
        display: block;
        margin: 0 auto;
        padding: 2%;
        max-width: 96%;
        height: auto;
        background: #fff;
        -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2);
        box-shadow:0 0 3px 3px rgba(0, 0, 0, 0.2)
    }

    #player-1 {
        margin-bottom:40px
    }

    #player-2 {
        margin:40px auto 0
    }

    .accord-block {
        position: relative;
        float: right;
        margin: 0 0 3%;
        width:73%
    }

    .accord {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        margin-bottom: 3%;
        width: 100%;
        overflow: hidden;
        -webkit-transition: opacity .5s ease-in-out;
        -moz-transition: opacity .5s ease-in-out;
        -ms-transition: opacity .5s ease-in-out;
        -o-transition: opacity .5s ease-in-out;
        transition: opacity .5s ease-in-out;
        opacity: 0;
        visibility:hidden
    }

    .accord.show {
        opacity: 1;
        visibility:visible
    }

    .accord i {
        color: #000;
        font-size: .8em;
        margin-bottom: 10px;
        display:block
    }

    .accord .title {
        display:none
    }

    .accord .inner-title {
        margin-bottom: 3%;
        color: #000;
        font: 1.1em Georgia, helvetica, arial, sans-serif;
        font-weight:normal
    }

    .accord p {
        margin-bottom: 3%;
        font-size: .8em;
        font-family: MuseoSans, Arial, sans-serif;
        font-weight: 300;
        color:#000
    }

    .accord-inner-left {
        float: left;
        width:455px
    }

    .accord-inner-right {
        float: right;
        width:249px
    }

    .accord .image-capt {
        margin-bottom: 15px;
        font-style: italic;
        text-align:center
    }

    .about p a {
        color:#bd1419
    }

    .accord-nav {
        float: left;
        margin: 0 0 3%;
        width:25%
    }

    .accord-nav .accord-but {
        display: block;
        margin-bottom: 10px;
        padding: 4px 10px;
        background: none;
        color: #000;
        border: 1px solid rgba(0, 0, 0, 0);
        font-size: .7em;
        text-transform:uppercase
    }

    .accord-nav .accord-but.active {
        border:1px solid #000
    }

    .map {
        display: block;
        margin: 0 auto;
        padding: 10px;
        width: 418px;
        height: 418px;
        background: #fff;
        -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2);
        box-shadow:0 0 3px 3px rgba(0, 0, 0, 0.2)
    }

    #map-inner {
        width: 418px;
        height:418px
    }

    .contact table {
        margin-bottom:20px
    }

    .contact table td, .contact li {
        font-family: MuseoSans;
        font-size: 1em;
        font-style: normal;
        color:#fff
    }

    .contact li {
        list-style: disc;
        margin-left:20px
    }

    .contact table td:first-child {
        width:150px
    }

    #testimonialSlider.swipe {
        overflow: hidden;
        visibility: hidden;
        position:relative
    }

   #testimonialSlider .swipe-wrap {
        overflow: hidden;
        position:relative
    }

   #testimonialSlider .swipe-wrap .slide {
        float: left;
        width: 100%;
        position:relative
    }
    
    #poemSlider.swipe {
        overflow: hidden;
        /* visibility: hidden; */
        position:relative
    }

   #poemSlider .swipe-wrap {
        overflow: hidden;
        position:relative
    }

   #poemSlider .swipe-wrap .slide {
        float: left;
        width: 100%;
        position:relative
    }

    .slider-nav {
        margin-top:20px
    }

   .testimonials .slide li {
        padding: 20px 0;
        border-bottom:1px solid #fff
    }

   .poems .slide li {
        padding: 20px 0;
        border-bottom:1px solid #fff
    }

    .gallery-images {
        margin: 0 auto;
        width:1015px
    }

    #gallerySlider.swipe {
        overflow: hidden;
        visibility: visible;
        position:relative
    }

    #gallerySlider .swipe-wrap {
        overflow: hidden;
        position:relative
    }

    #gallerySlider .swipe-wrap .slide {
        position: relative;
        left: 0 !important;
        width:100%
    }

    .gallery-images .gallery-thumb {
        float: left;
        margin: 0 13px 13px 0;
        display: block;
        width: 244px;
        height:199px
    }

    .gallery-images .gallery-thumb:nth-child(4n + 4) {
        margin-right:0
    }

    .ie8 .gallery-images .gallery-four, .ie8 .gallery-images .gallery-eight, .ie8 .gallery-images .gallery-twelve {
        margin:0 0 13px 0
    }

    .testimonial-text {
        position: relative;
        margin:0 auto
    }

   .testimonials .next, .testimonials .previous {
        width: 40px;
        height: 40px;
        text-align: center;
        color: #000;
        border: 0;
        background: #fff;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius:4px
    }

    .testimonials .next {
        float:right
    }

  .testimonials .previous {
        float:left
    }
    
    
    .poem-text {
        position: relative;
        margin:0 auto
    }

   .poems .next, .poems .previous {
        width: 40px;
        height: 40px;
        text-align: center;
        color: #000;
        border: 0;
        background: #fff;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius:4px
    }

    .poems .next {
        float:right
    }

  .poems .previous {
        float:left
    }

    .gallery .next, .gallery .previous {
        display:none
    }

    #popup {
        position: absolute;
        padding: 10px;
        z-index: 99999;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        background: #fff;
        opacity: 0;
        -webkit-transition: opacity .5s ease-in-out;
        -moz-transition: opacity .5s ease-in-out;
        -ms-transition: opacity .5s ease-in-out;
        -o-transition: opacity .5s ease-in-out;
        transition: opacity .5s ease-in-out;
        visibility: hidden;
        -webkit-box-shadow: 0 3px 3px rgba(127, 127, 127, 0.5);
        box-shadow:0 3px 3px rgba(127, 127, 127, 0.5)
    }

    #popup.show {
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity .5s ease-in-out;
        -moz-transition: opacity .5s ease-in-out;
        -ms-transition: opacity .5s ease-in-out;
        -o-transition: opacity .5s ease-in-out;
        transition:opacity .5s ease-in-out
    }

    #popup #close-btn {
        position: absolute;
        top: -10px;
        right: -10px;
        width: 20px;
        height: 20px;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        -ms-border-radius: 12px;
        -o-border-radius: 12px;
        border: 2px solid #fff;
        background: #111 url(../images/close.png) 4px 4px no-repeat;
        cursor:pointer
    }

    .gallery-one {
        background:url(../images/gallery/image-1.jpg)
    }

    .gallery-two {
        background:url(../images/gallery/image-2.jpg)
    }

    .gallery-three {
        background:url(../images/gallery/image-3.jpg)
    }

    .gallery-four {
        background:url(../images/gallery/image-4.jpg)
    }

    .gallery-five {
        background:url(../images/gallery/image-5.jpg)
    }

    .gallery-six {
        background:url(../images/gallery/image-6.jpg)
    }

    .gallery-seven {
        background:url(../images/gallery/image-7.jpg)
    }

    .gallery-eight {
        background:url(../images/gallery/image-8.jpg)
    }

    .gallery-nine {
        background:url(../images/gallery/image-9.jpg)
    }

    .gallery-ten {
        background:url(../images/gallery/image-10.jpg)
    }

    .gallery-eleven {
        background:url(../images/gallery/image-11.jpg)
    }

    .gallery-twelve {
        background:url(../images/gallery/image-12.jpg)
    }

    .gallery-thirteen {
        background:url(../images/gallery/image-13.jpg)
    }

    .gallery-fourteen {
        background:url(../images/gallery/image-14.jpg)
    }

    .about-images {
        margin-bottom: 15px;
        width: 249px;
        height:202px
    }

    .about-one {
        background:url(../images/about/angelo-1.jpg)
    }

    .about-two {
        background:url(../images/about/angelo-2.jpg)
    }

    .about-three {
        background:url(../images/about/phoenix.jpg)
    }

    .about-four {
        background:url(../images/about/sheilds.jpg)
    }

    .about-five {
        background:url(../images/about/bottle-bank.jpg)
    }

    .about-six {
        background:url(../images/about/pauls-award.jpg)
    }

    .about-seven {
        background: url(../images/about/dad-trim.jpg);
        height:271px
    }

    .about-eight {
        background:url(../images/about/vincent-learning.jpg)
    }

    .about-nine {
        background: url(../images/about/present-day.jpg);
        height:318px
    }

    .barbershop-poem p {
        margin-bottom: 1%;
        color: #fff;
        text-align:center
    }
}

@media screen and (max-width: 1041px) {
    .img-loader {
        display:none
    }

    hr {
        margin: 20px auto;
        height: 0;
        border-top: 1px solid #fff;
        width:50%
    }

    .black hr {
        border-top:1px solid #000
    }

    .salon-images {
        margin-bottom:10px
    }

    .salon-images--left {
        position: relative;
        margin: 0 auto;
        width:94%
    }

    .salon-images--left .salon-1 {
        width:100%
    }

    .salon-images--right.hide {
        -webkit-transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        -o-transition: all 1s ease-in-out;
        -ms-transition: all 1s ease-in-out;
        transition: all 1s ease-in-out;
        max-width: 0;
        max-height: 0;
        overflow:hidden
    }

    .home .page-inner {
        position:relative
    }

    .xmas-salon .salon-1 {
        width: 100%;
        height: 100%;
        max-width: 778px;
        max-height:459px
    }

    .title {
        margin-bottom: 10px;
        font-family: AbrilFatface;
        text-transform: uppercase;
        color: #111;
        font-size: 2.6em;
        text-shadow: 1px 1px 1px #fff;
        filter: dropshadow(color=#ffffff, offx=1, offy=1);
        text-align:center
    }

    .wood .title, .wood .subtitle {
        color: #fff;
        text-shadow:none
    }

    .subtitle {
        margin-bottom: 10px;
        font-size: 1.6em;
        line-height: 1.2em;
        font-family: georgia;
        font-style: italic;
        color: #111;
        text-shadow: 1px 1px 1px #fff;
        filter: dropshadow(color=#ffffff, offx=1, offy=1);
        text-align:center
    }

    .links .inner-left .subtitle, .links .inner-right .subtitle {
        margin: 10px 0;
        font-size: 1.3em;
        text-align: left;
        font-style:normal
    }

    .links .inner-left h3.subtitle, .links .inner-right h3.subtitle {
        font-size:.9em
    }

    .links .subtitle a {
        color:#000
    }

    .contact .inner-right .subtitle {
        margin-bottom: 5px;
        font-style: normal;
        font-size: 1.1em;
        text-transform: uppercase;
        text-align:left
    }

    .text, .contact .text a {
        font-family: georgia;
        font-style: italic;
        color: #111;
        text-shadow: 1px 1px 1px #fff;
        filter: dropshadow(color=#ffffff, offx=1, offy=1);
        font-size: 1.2em;
        max-width: 747px;
        margin: 0 auto;
        line-height: 1.6em;
        text-align:center
    }

    .testimonials .text {
        display: block;
        max-width: 100%;
        font-size: 1em;
        color: #fff;
        text-shadow: 1px 1px 1px #000;
        filter:dropshadow(color=#000000, offx=1, offy=1)
    }

    .poems .text {
        display: block;
        max-width: 100%;
        font-size: 1em;
        color: #fff;
        text-shadow: 1px 1px 1px #000;
        filter:dropshadow(color=#000000, offx=1, offy=1)
    }
    .contact .text, .contact .text a {
        margin-bottom: 15px;
        font-family: MuseoSans;
        font-size: 1em;
        font-style: normal;
        text-align: left;
        max-width: 100%;
        color: #fff;
        text-shadow:none
    }

    .inner-left {
        margin:0 auto 30px
    }

    .inner-right {
        margin:0 auto
    }

    .service-list li {
        padding: 10px 0;
        border: 1px solid #fff;
        border-left: 0;
        border-right:0
    }

    .service-list li:first-child {
        border-top:0
    }

    .service-list li:last-child {
        border-bottom:0
    }

    .service-desc {
        float: left;
        width:60%
    }

    .service-price {
        float: right;
        width: 38%;
        text-align:right
    }

    .service-name {
        color: #fff;
        font-weight: 300;
        font-family:georgia, helvetica, arial, sans-serif
    }

    .service-time {
        color: #fff;
        font-family: georgia, helvetica, arial, sans-serif;
        font-size: .9em;
        font-style:italic
    }

    .service-price .price {
        display: inline;
        color: #fff;
        font-size: 1.8em;
        font-family:AbrilFatface, helvetica, arial, sans-serif
    }

    .service-price .price.comp {
        font-size:.8em
    }

    .service-price .from {
        display: inline;
        color: #fff;
        font-weight: normal;
        font-style: italic;
        font-size: 1em;
        font-family:Georgia, helvetica, arial, sans-serif
    }

    .works {
        padding:10px 0
    }

    .works p {
        font-family: MuseoSans, Arial, sans-serif;
        font-weight: 300;
        margin-bottom: 10px;
        font-size: .8em;
        color:#fff
    }

    .hero {
        margin-bottom: 20px;
        overflow:hidden
    }

    .footer .hero:first-child {
        margin-top:117px
    }

    .hero-inner {
        position: relative;
        padding: 12px;
        border: 1px solid #fff;
        font-family: MuseoSans, Arial, sans-serif;
        text-align: center;
        color:#fff
    }

    .hero h2 {
        font: 1em georgia, helvetica, arial, sans-serif;
        color: #fff;
        margin-bottom:10px
    }

    .hero h3, .hero a h3 {
        font: .7em MuseoSans, helvetica, arial, sans-serif;
        text-transform: uppercase;
        color:#fff
    }

    .hero p {
        font: .8em MuseoSans, helvetica, arial, sans-serif;
        color:#fff
    }

    .cornerTL {
        position: absolute;
        top: -6px;
        left: -6px;
        width: 10px;
        height: 10px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -o-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        background: #221f20;
        border:1px solid #fff
    }

    .cornerTR {
        position: absolute;
        top: -6px;
        right: -6px;
        width: 10px;
        height: 10px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -o-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        background: #221f20;
        border:1px solid #fff
    }

    .cornerBL {
        position: absolute;
        bottom: -6px;
        left: -6px;
        width: 10px;
        height: 10px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -o-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        background: #221f20;
        border:1px solid #fff
    }

    .cornerBR {
        position: absolute;
        bottom: -6px;
        right: -6px;
        width: 10px;
        height: 10px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -o-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        background: #221f20;
        border:1px solid #fff
    }

    .barbers-pole {
        margin: 0 auto;
        width: 171px;
        height: 138px;
        background:url(../images/barbers-pole.png)
    }

    .barbers-pole a {
        display: block;
        padding-top: 52px;
        width: 171px;
        height: 86px;
        color: #000;
        text-align: center;
        text-transform: uppercase;
        font-size:.8em
    }

    video {
        display: block;
        margin: 0 auto;
        padding: 2%;
        max-width: 96%;
        height: auto;
        background: #fff;
        -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2);
        box-shadow:0 0 3px 3px rgba(0, 0, 0, 0.2)
    }

    #player-1 {
        margin-bottom:40px
    }

    .video2-wrapper {
        display:none
    }

    .accord-block {
        margin:0 0 3%
    }

    .accord {
        display: block;
        margin-bottom: 3%;
        max-height: 39px;
        overflow: hidden;
        -webkit-transition: max-height .5s linear;
        -moz-transition: max-height .5s linear;
        -ms-transition: max-height .5s linear;
        -o-transition: max-height .5s linear;
        transition:max-height .5s linear
    }

    .accord.open {
        max-height:2500px
    }

    .accord i {
        color: #000;
        font-size: .8em;
        margin-bottom: 10px;
        display:block
    }

    .accord .title {
        padding: 12px 3%;
        height: 15px;
        font-size: .8em;
        font: .8em Arial, Helvetica, sans-serif;
        color: #fff;
        text-transform: uppercase;
        font-weight: normal;
        background: #000;
        text-shadow:none
    }

    .accord .inner-title {
        margin-bottom: 3%;
        color: #000;
        font: 1.1em Georgia, helvetica, arial, sans-serif;
        font-weight:normal
    }

    .accord p {
        margin-bottom: 3%;
        font-size: .8em;
        font-family: MuseoSans, Arial, sans-serif;
        font-weight: 300;
        color:#000
    }

    .about p a {
        color:#bd1419
    }

    .about p a.hide {
        display:none
    }

    .accord-nav, .accord-inner-right {
        display:none
    }

    .map {
        display: block;
        padding: 1%;
        width: 98%;
        height: 280px;
        background: #fff;
        -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2);
        box-shadow:0 0 3px 3px rgba(0, 0, 0, 0.2)
    }

    #map-inner {
        width: 100%;
        height:100%
    }

    .contact table {
        margin-bottom:20px
    }

    .contact table td, .contact li {
        font-family: MuseoSans;
        font-size: 1em;
        font-style: normal;
        color:#fff
    }

    .contact li {
        list-style: disc;
        margin-left:20px
    }

    .contact table td:first-child {
        width:150px
    }

    .swipe {
        overflow: hidden;
        visibility: hidden;
        position:relative
    }

    .swipe-wrap {
        overflow: hidden;
        position:relative
    }

    .swipe-wrap .slide {
        float: left;
        width: 100%;
        position:relative
    }

    .slider-nav {
        margin-top:20px
    }

    .testimonials .slide li {
        padding: 20px 0;
        border-bottom:1px solid #fff
    }
    
     .poems .slide li {
        padding: 20px 0;
        border-bottom:1px solid #fff
    }

    .gallery-images {
        position: relative;
        margin: 0 auto;
        height:848px
    }

    .gallery-images .gallery-thumb {
        margin: 0 auto 13px;
        display: block;
        width: 244px;
        height:199px
    }

    .testimonial-text {
        position: relative;
        margin:0 auto
    }

    .poem-text {
        position: relative;
        margin:0 auto
    }

    .next, .previous {
        width: 40px;
        height: 40px;
        text-align: center;
        color: #000;
        border: 0;
        background: #fff;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius:4px
    }

    .next {
        float:right
    }

    .previous {
        float:left
    }

    #popup {
        display:none
    }

    .gallery-one {
        background:url(../images/gallery/image-1.jpg)
    }

    .gallery-two {
        background:url(../images/gallery/image-2.jpg)
    }

    .gallery-three {
        background:url(../images/gallery/image-3.jpg)
    }

    .gallery-four {
        background:url(../images/gallery/image-4.jpg)
    }

    .gallery-five {
        background:url(../images/gallery/image-5.jpg)
    }

    .gallery-six {
        background:url(../images/gallery/image-6.jpg)
    }

    .gallery-seven {
        background:url(../images/gallery/image-7.jpg)
    }

    .gallery-eight {
        background:url(../images/gallery/image-8.jpg)
    }

    .gallery-nine {
        background:url(../images/gallery/image-9.jpg)
    }

    .gallery-ten {
        background:url(../images/gallery/image-10.jpg)
    }

    .gallery-eleven {
        background:url(../images/gallery/image-11.jpg)
    }

    .gallery-twelve {
        background:url(../images/gallery/image-12.jpg)
    }

    .gallery-thirteen {
        background:url(../images/gallery/image-13.jpg)
    }

    .gallery-fourteen {
        background:url(../images/gallery/image-14.jpg)
    }

    .about-images {
        width: 249px;
        height:202px
    }

    .about-one, .about-two, .about-three, .about-four, .about-five, .about-six, .about-seven, .about-eight, .about-nine {
        background:none
    }

    .barbershop-poem p {
        color: #fff;
        text-align:center
    }
}

@media screen and (max-width: 1041px) and screen and(min-width: 320px) {
    .title {
        font-size:2em
    }
}

@media screen and (max-width: 1041px) and screen and(max-width: 320px) {
    .service-price .price {
        font-size: 1.4em
    }
}

body:after {
    content: url(../images/box-close.png) url(../images/loading.gif) url(../images/prev.png) url(../images/next.png);
    display: none
}

.lightboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: #000;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: .8;
    display: none
}

.lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 10000;
    text-align: center;
    line-height: 0;
    font-weight: normal
}

.lightbox .lb-image {
    display: block;
    height: auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

.lightbox a img {
    border: none
}

.lb-outerContainer {
    position: relative;
    background-color: #fff;
    * zoom:1;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}

.lb-outerContainer:after {
    content: "";
    display: table;
    clear: both
}

.lb-container {
    padding: 4px
}

.lb-loader {
    position: absolute;
    top: 43%;
    left: 0;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0
}

.lb-cancel {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background: url(../images/loading.gif) no-repeat
}

.lb-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10
}

.lb-container > .nav {
    left: 0
}

.lb-nav a {
    outline: none
}

.lb-prev, .lb-next {
    width: 49%;
    height: 100%;
    cursor: pointer;
    display: block
}

.lb-prev {
    left: 0;
    float: left
}

.lb-prev:hover {
    background: url(../images/prev.png) left 48% no-repeat
}

.lb-next {
    right: 0;
    float: right
}

.lb-next:hover {
    background: url(../images/next.png) right 48% no-repeat
}

.lb-dataContainer {
    margin: 0 auto;
    padding-top: 5px;
    * zoom:1;
    width: 100%;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.lb-dataContainer:after {
    content: "";
    display: table;
    clear: both
}

.lb-data {
    padding: 0 4px;
    color: #bbb
}

.lb-data .lb-details {
    width: 85%;
    float: left;
    text-align: left;
    line-height: 1.1em
}

.lb-data .lb-caption {
    font-size: 13px;
    font-weight: bold;
    line-height: 1em
}

.lb-data .lb-number {
    display: block;
    clear: left;
    padding-bottom: 1em;
    font-size: 12px;
    color: #999
}

.lb-data .lb-close {
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    background: url(../images/box-close.png) top right no-repeat;
    text-align: right;
    outline: none;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: .7
}

.lb-data .lb-close:hover {
    cursor: pointer;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}