@font-face {

    font-family: 'league_gothicregular';

    src: url('../fonts/leaguegothic-regular-webfont.eot');

    src: url('../fonts/leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/leaguegothic-regular-webfont.woff2') format('woff2'),

         url('../fonts/leaguegothic-regular-webfont.woff') format('woff'),

         url('../fonts/leaguegothic-regular-webfont.ttf') format('truetype'),

         url('../fonts/leaguegothic-regular-webfont.svg#league_gothicregular') format('svg');

    font-weight: normal;

    font-style: normal; 



}

@font-face {

  font-family: 'LinotypeOrdinarW02-Regular';

  src: url('../fonts/LinotypeOrdinarW02-Regular.eot?#iefix') format('embedded-opentype'),

       url('../fonts/LinotypeOrdinarW02-Regular.woff') format('woff'),

       url('../fonts/LinotypeOrdinarW02-Regular.ttf')  format('truetype'),

       url('../fonts/LinotypeOrdinarW02-Regular.svg#LinotypeOrdinarW02-Regular') format('svg');

  font-weight: normal;

  font-style: normal;

}

a{outline: 0px;} 

a:hover{outline: 0px;} 

a:focus{outline: 0px;} 

/**{list-style: none;} */ 

 

.pt5{padding-top: 5px!important;}

.pt10{padding-top: 10px!important;}

.pt15{padding-top: 15px!important;}

.pt20{padding-top: 20px!important;}

.pt25{padding-top: 25px!important;}

.pt30{padding-top: 30px!important;}

.pt35{padding-top: 35px!important;}

.pt40{padding-top: 40px!important;} 

.clearfix{clear: both;} 







a,

abbr, 

address,

blockquote,

body,

caption,

cite,

code,

dd,

del,

dfn,

div,

dl,

dt,

em,

fieldset,

form,

h1,

h2,

h3,

h4,

h5,

h6,

html,

iframe,

img,

ins,

label,

legend,

li,

object,

ol,

p,

pre,

q,

small,

span,

strong,

sub,

sup,

table,

tbody,

td,

tfoot,

th,

thead,

tr,

ul {

    border: 0;

    margin: 0;

    padding: 0

}

article,

aside,

figcaption,

figure,

figure img,

footer,

header,

hgroup,

nav,

object,

section,

video {

    display: block

}

a img {

    border: 0

}

figure {

    position: relative

}

figure img {

    width: 100%

}

.container {

    padding-left: 20px;

    padding-right: 20px

}

.row {

    width: 100%;

    max-width: 1140px;

    min-width: 750px;

    margin: 0 auto;

    overflow: hidden

}

.eightcol,

.elevencol,

.fivecol,

.fourcol,

.ninecol,

.onecol,

.sevencol,

.sixcol,

.tencol,

.threecol,

.twocol {

    margin-right: 2.8%;

    float: left;

    min-height: 1px

}

.row .onecol {

    width: 4.85%

}

.row .twocol {

    width: 13.45%

}

.row .threecol {

    width: 22.05%

}

.row .fourcol {

    width: 30.75%

}

.row .fivecol {

    width: 39.45%

}

.row .sixcol {

    width: 48%

}

.row .sevencol {

    width: 56.75%

}

.row .eightcol {

    width: 65.4%

}

.row .ninecol {

    width: 74.05%

}

.row .tencol {

    width: 82.7%

}

.row .elevencol {

    width: 91.35%

}

.row .twelvecol {

    width: 100%;

    float: left

}

.last {

    margin-right: 0

}

embed,

img,

object {

    max-width: 100%

}

img {

    height: auto

}

@media only screen and (max-width: 1199px){

    #header_primary nav h3, #nav_primary a{

        padding: 6px 12px;

    }

}

@media only screen and (max-width: 1023px) {

    body {

        font-size: .8em;

        line-height: 1.5em

    }

    .resp-tabs-container{

        margin-bottom: 30px;

    }

}

@media only screen and (max-width: 767px) {

    body {

        font-size: 16px;

        -webkit-text-size-adjust: none

    }

    .container,

    .row,

    body {

        width: 100%;

        min-width: 0;

        margin-left: 0;

        margin-right: 0;

        padding-left: 0;

        padding-right: 0

    }

    .row .eightcol,

    .row .elevencol,

    .row .fivecol,

    .row .fourcol,

    .row .ninecol,

    .row .onecol,

    .row .sevencol,

    .row .sixcol,

    .row .tencol,

    .row .threecol,

    .row .twelvecol,

    .row .twocol {

        width: auto;

        float: none;

        margin-left: 0;

        margin-right: 0;

        padding-left: 20px;

        padding-right: 20px

    }

    .resp-tabs-list li{

        margin-right: 10px;

    }

    #welcome{

        min-height: 500px;

    }

    #work{

        padding: 0 !important;

    }

    #clients{

        padding: 20px 0 40px 0!important;

    }

    #followUs{

        padding: 30px 0 15px 0 !important;

    }

    #news{

        padding: 10px 0 20px 0 !important;

    }

}

a,

abbr,

acronym,

address,

applet,

article,

aside,

audio,

b,

big,

blockquote,

body,

canvas,

caption,

center,

cite,

code,

dd,

del,

details,

dfn,

div,

dl,

dt,

em,

embed,

fieldset,

figcaption,

figure,

footer,

form,

h1,

h2,

h3,

h4,

h5,

h6,

header,

hgroup,

html,

i,

iframe,

img,

ins,

kbd,

label,

legend,

li,

mark,

menu,

nav,

object,

ol,

output,

p,

pre,

q,

ruby,

s,

samp,

section,

small,

span,

strike,

strong,

sub,

summary,

sup,

table,

tbody,

td,

tfoot,

th,

thead,

time,

tr,

tt,

u,

ul,

var,

video {

    margin: 0;

    padding: 0;

    border: 0;

    font: inherit;

    vertical-align: baseline

}

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

nav,

section,

summary {

    display: block

}

audio,

canvas,

video {

    display: inline-block

}

audio:not([controls]) {

    display: none

}

[hidden] {

    display: none

}

html {

    font-size: 62.5%;

    overflow-y: scroll;

    -webkit-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%

}

button,

html,

input,

select,

textarea {

    font-family: 'Open Sans', sans-serif;

    color: #222

}

body {

    margin: 0;

    font-size: 16px;

    font-size: 1.6rem;

    line-height: 1.4

}

::-moz-selection {

    background: #b3d4fc;

    text-shadow: none

}

::selection {

    background: #b3d4fc;

    text-shadow: none

}

 







  

  

p {

    margin: .2em 0 1em 0

}

abbr[title] {

    border-bottom: 1px dotted

}

b,

strong {

    font-weight: 700

}

em {

    font-style: italic

}

dfn {

    font-style: italic

}

hr {

    display: block;

    height: 1px;

    border: 0;

    border-top: 1px solid #ccc;

    margin: 1em 0;

    padding: 0

}

ins {

    background: #ff9;

    color: #000;

    text-decoration: none

}

mark {

    background: #ff0;

    color: #000;

    font-style: italic;

    font-weight: 700

}

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: none

}

blockquote {

    font-size: 14px;

    font-size: 1.4rem;

    margin: 2em 40px;

    position: relative

}

blockquote:before {

    background: url(../img/cropped-sprite.png) -40px 0 no-repeat;

    content: '';

    height: 22px;

    position: absolute;

    top: 0;

    left: -40px;

    width: 23px

}

blockquote:after {

    background: url(../img/cropped-sprite.png) -80px 0 no-repeat;

    bottom: 10px;

    content: '';

    height: 22px;

    right: -40px;

    position: absolute;

    width: 23px

}

blockquote p {

    font-style: italic

}

cite {

    font-weight: 700

}

small {

    font-size: 85%

}

sub,

sup {

    font-size: 75%;

    line-height: 0;

    position: relative;

    vertical-align: baseline

}

sup {

    top: -.5em

}

sub {

    bottom: -.25em

}

a {

    color: #091d45;

    cursor: pointer;

    text-decoration: none

}

a:hover {

    color: #f20079

}

a:focus {

    outline: thin dotted

}

a:active,

a:hover {

    outline: 0

}

p a {

    font-weight: 700

}

ol,

ul {

    margin: 1em 0;

    padding: 0 0 0 20px

}

li {

    padding: .2em 0

}

ul {

    list-style: disc outside none

}

.featureList {

    overflow: hidden;

    padding-left: 0;

    position: relative;

    list-style: none

}

.featureList li:before {

    content: "\00BB";

    padding-right: 8px

}

.featureList a {

    font-weight: 700

}

.featureList-stacked li {

    float: left;

    width: 100%;

	font-size:15px;

	padding-bottom:5px;

}

ol {

    list-style: decimal outside none

}

dd {

    margin: 0 0 0 40px

}

h1 {

    color: #091d45;

    font-family: 'league_gothicregular'; 

    font-size: 48px;

    font-size: 4.8rem;

    line-height: 1em;

    margin: 20px 0 .5em 0;

    text-transform: uppercase

}

h1 a {

    color: inherit

}

h1 strong {

    color: #fff;

    font-weight: 400

}



h1 span {

    color: #f20079;

    font-weight: 400

}

.h1_section {

    font-size: 60px;

    font-size: 6.0rem;

	padding-top:20px;

}

#logo {

/*  background: url("../images/logo.png") no-repeat scroll 0 9px / 130px auto; 

    background-image: url("../images/logo.png"); 

    background-repeat: no-repeat; 

    background-position: 0 9px;

    background-size: 130px;

  float: left; 

  height: 66px;

  margin: 0;

  overflow: hidden; 

  padding: 10px 0;

  text-indent: 100%;

  white-space: nowrap;

  width: 157px;*/float: left; 

}

#logo a {

    display: block

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),

only screen and (min--moz-device-pixel-ratio: 1.5),

only screen and (-o-device-pixel-ratio: 3/2),

only screen and (min-device-pixel-ratio: 1.5) {

    #logo {

        background: url(../img/logo_retina.png) 0 9px no-repeat;

        background-size: contain

    }

}

h2 {

    color: #091d45;

    font-size: 24px;

    font-size: 2.4rem;

    font-weight: 700;

    line-height: 1em;

    margin: 1.2em 0 .5em 0

}

hgroup h2 {

    color: #f20079;

    margin: .4em 0 .8em 0

}

h2 small {

    font-size: .75em

}

h3 {

    font-weight: 700;

    line-height: 1.2em;

    margin: 1em 0 .4em 0

}

.h_news {

    color: #fff;

   font-family: 'league_gothicregular';

    font-size: 60px;

    font-size: 6rem;

    font-weight: 400;

    text-shadow: 0 5px 0 rgba(0, 0, 0, .2);

    text-transform: uppercase;

    margin: .4em 0

}

.h_section {

    color: #091d45;

  font-family: 'league_gothicregular';

    font-size: 48px;

    font-size: 4.8rem;

    font-weight: 400;

    text-shadow: 0 1px 0 rgba(255, 255, 255, 1);

    text-transform: uppercase;

    margin: .4em 0

}

hgroup .h_section {

    margin-bottom: 0

}

.h_sub {

    color: #f20079;

	font-family: 'league_gothicregular';

    font-size: 36px;

    font-size: 3.6rem;

    font-weight: 400;

    text-shadow: 0 1px 0 rgba(255, 255, 255, 1);

    text-transform: uppercase;

    margin-top: 0

}

.h_aside {

    font-family: 'league_gothicregular';

    font-weight: 400;

    font-size: 30px;

    font-size: 3rem;

    text-transform: uppercase;

    margin-bottom: .6em

}

.lb {

    color: #f20079

}

hgroup.db h3 {

    color: #091D45

}

.h_alt,

.inverted h1,

.inverted h2,

.inverted h3 {

    color: #fff;

    text-shadow: 0 4px 0 rgba(0, 0, 0, .4)

}

.caption .h_alt {

    text-shadow: 0 2px 0 rgba(0, 0, 0, .4)

}

.inverted {

    background-color: #111;

    color: #fff

}

.inverted a {

    color: #fff

}

.inverted a:hover {

    color: #f20079

}

#header_primary {

    background: #282828;

    background: rgba(0, 0, 0, .75);

    font-weight: 400;

    position: fixed;

    width: 100%;

    padding: 10px 0;

    z-index: 3

}

h1#logo{

    margin: 0;

}

#main,

body>section {

    min-height: 800px;

    padding: 100px 0 100px 0;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat

}

#main {

    background-image: url(../images/back-img18.jpg);

    background-position: right bottom no-repeat;

}

#main aside {

    font-size: 14px;

    font-size: 1.4rem

}

#main .service2{

	background: url(../images/back-img19.jpg) center bottom no-repeat !important;

}

#main.has-featureObject,

.has-featureObject {

    min-height: 900px;

    padding-bottom: 0

}

#footer_contact {

    background: #091d45 url(../images/contact-back2.jpg) center center no-repeat;

    background-size: cover;

    color: #fff;

    padding: 100px 0 0 0

}

#getInTouch {

    min-height: 460px

}

#about {

	margin:0px;

	padding:0px;

	}

#about ul li {

	font-size:14px;

	}

#aboutFooter {

    color: #a6abb6;

    padding: 40px 0;

    padding-bottom: 24px

}

.address {

    color: #a6abb6;

    padding-bottom: 40px

}

nav ol,

nav ul {

    line-height: inherit;

    list-style: none;

    list-style-image: none;

    padding: 0

}

#header_primary .row {

    overflow: visible

}

#header_primary nav {

    float: right;

    font-size: 1.125em;

    margin-top: 0;

    text-shadow: 0 2px 1px #000;

    text-shadow: 0 2px 1px rgba(0, 0, 0, .8)

        

}

#header_primary nav h3 {

    color: #fff;

    display: none;

    float: right;

    font-size: 1.2em;

    font-family: inherit;

    line-height: inherit;

    padding: 6px 12px;

    text-transform: none

}

#header_primary nav h3:after,

#header_primary nav h3:before {

    background: #fff;

    content: '';

    float: right;

    height: 3px;

    margin: 4px -18px 0 8px;

    width: 18px

}

#header_primary nav h3:before {

    background: 0 0;

    border: 0 solid #fff;

    border-width: 3px 0 3px 0;

    margin: 11px 0 0 0;

    height: 4px

}

#header_primary nav.expanded h1:after {

    background: 0 0;

    border: 9px solid;

    border-color: transparent transparent #fff transparent;

    height: 0;

    margin-top: -1px;

    width: 0

}

#header_primary nav.expanded h1:before {

    border-color: transparent

}

#nav_primary{

    margin: 0;

}

#nav_primary li {

    display: inline-block;

    padding: 7px 0;

    position: relative

}

#header_primary nav h3,

#nav_primary a {

    -moz-border-radius: 90px;

    -webkit-border-radius: 90px;

    border-radius: 90px;

    display: block;

    color: #fff;

    margin: 0 4px;

    font-family: 'LinotypeOrdinarW02-Regular';

    padding: 6px 18px;

    text-decoration: none

}

#nav_primary a{

    text-transform: uppercase;

}

#header_primary nav h3 {

    display: none

}

#header_primary nav h3:hover,

#nav_primary .is-here,

#nav_primary a:hover {

    background: #000;

    box-shadow: 0 1px 1px rgba(255, 255, 255, .2);

    color: #fff;

    cursor: pointer

}

#nav_primary ul {

    display: none;

    font-size: .778em;

    position: absolute;

    margin-top: 7px;

    white-space: nowrap

}

#nav_primary ul li {

    display: block;

    padding: 0

}

#nav_primary ul a {

    background: #282828;

    background: rgba(0, 0, 0, .75);

    -moz-border-radius: 0;

    -webkit-border-radius: 0;

    border-radius: 0;

    margin: 1px 0 0 0;

    padding: .7em 20px

}

#nav_primary li:hover ul {

    display: block

}

.request-btn{

    padding: 10px 30px !important;

    font-size: 20px !important;

}

.tabs {

    font-size: 18px;

    font-size: 1.8rem;

    float: right;

    margin-top: 65px

}

.tabs li {

    float: left

}

.tabs a,

.tabs span {

    -webkit-border-radius: 15px;

    -moz-border-radius: 15px;

    border-radius: 15px;

    background-color: #999;

    background-color: rgba(0, 0, 0, .3);

    color: #fff;

    display: inline-block;

    font-weight: 700;

    margin: 0 0 1em 18px;

    padding: .2em 14px;

    text-decoration: none;

    text-shadow: 0 2px 0 #666;

    text-shadow: 0 2px 0 rgba(0, 0, 0, .2)

}

.tabs .is-here,

.tabs a:hover {

    background-color: rgba(0, 0, 0, .6);

    -webkit-box-shadow: 0 1px rgba(255, 255, 255, .2), inset 0 5px 5px rgba(0, 0, 0, .4);

    -moz-box-shadow: 0 1px rgba(255, 255, 255, .2), inset 0 5px 5px rgba(0, 0, 0, .4);

    box-shadow: 0 1px rgba(255, 255, 255, .2), inset 0 5px 5px rgba(0, 0, 0, .4)

}

#subFooter nav h1 {

    position: absolute;

    margin-top: 0

}

#subFooter nav h2 {

    font-size: 1em;

    margin-top: 3em

}

#topAnchor {

    visibility: hidden;

    position: absolute

}

#subFooter ul {

    white-space: nowrap

}

img {

    border: 0;

    vertical-align: middle;

    -ms-interpolation-mode: bicubic

}

figure {

    margin: 0

}

.img_align-left {

    float: left;

    margin: .5em 30px 1.5em 0

}

.img_align-right {

    float: right;

    margin: .5em 0 1.5em 30px

}

svg:not(:root) {

    overflow: hidden

}

.more {

    margin: 40px 0 0 0

}

.slideLink {

    display: inline-block;

    font-family: Pacifico, serif;

    font-size: 24px;

    font-size: 2.4rem;

    font-weight: 400;

    margin: 1em 0;

    text-shadow: 0 1px 0 #fff;

    text-transform: none;

    padding-right: 5px;

    background: url(../images/arrow-sprite.png) 100% -151px no-repeat;

    padding: 0 30px 15px 0

}

.more .slideLink {

    margin-top: 0;

    padding: 0 30px 12px 24px

}

.slideLink:hover {

    background: url(../images/arrow-sprite.png) 100% -231px no-repeat

}

.inverted .slideLink,

.slideLink-alt {

    color: #fff;

    text-shadow: 0 2px 0 #666;

    text-shadow: 0 2px 0 rgba(0, 0, 0, .6);

    background: url(../images/arrow-sprite.png) 100% 5px no-repeat

}

.inverted .slideLink:hover,

.slideLink-alt:hover {

    background: url(../images/arrow-sprite.png) 100% -71px no-repeat

}

.button {

    background: #f20079;

    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .25), rgba(0, 0, 0, 0) 90%);

    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .25), rgba(0, 0, 0, 0) 90%);

    background-image: linear-gradient(bottom, rgba(0, 0, 0, .25), rgba(0, 0, 0, 0) 90%);

    border: none;

    -moz-border-radius: 100px;

    -webkit-border-radius: 100px;

    border-radius: 100px;

    box-shadow: 0 3px 0 rgba(0, 0, 0, .05), inset 0 2px rgba(255, 255, 255, .2);

    color: #fff;

    display: inline-block;

    font-size: 15px;

    font-size: 1.5rem;

    font-weight: 400;

    margin: 0 22px 1em 0;

    padding: 10px 20px;

    text-decoration: none;

    text-shadow: 0 2px 0 #666;

    text-shadow: 0 2px 0 rgba(0, 0, 0, .2)

}

.button-inline:hover,

.button:hover {

    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .4), rgba(0, 0, 0, 0) 90%);

    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .4), rgba(0, 0, 0, 0) 90%);

    background-image: linear-gradient(bottom, rgba(0, 0, 0, .4), rgba(0, 0, 0, 0) 90%);

    color: #fff;

    text-shadow: 0 2px 0 #333;

    text-shadow: 0 2px 0 rgba(0, 0, 0, .4)

}

.button-alt {

    background-color: #cd0f2d

}

.button-facebook {

    position: relative;

    padding-left: 50px

}

.button-facebook:before {

    background: url(../img/cropped-sprite.png) 0 10px no-repeat;

    content: '';

    border-right: solid 1px rgba(0, 0, 0, .3);

    left: 18px;

    padding: 10px 22px 10px 0;

    position: absolute;

    top: 0;

    height: 100%;

    margin-right: 6px

}

.button-black {

    background: rgba(0, 0, 0, .8);

    box-shadow: none

}

.button-black:hover {

    background: #fff

}

.button-next,

.button-prev {

    background: #000;

    background: rgba(0, 0, 0, .8);

    box-shadow: none;

    float: left;

    font-family: Pacifico, serif;

    font-size: 22px;

    font-size: 2.2rem;

    font-weight: 400;

    text-transform: none;

    margin: 0 0 1em 0

}

.button-next {

    float: right

}

a.button-next:hover,

a.button-prev:hover {

    background: #fff

}

.more-float {

    float: right;

    margin-top: 0

}

.more-float .button {

    margin-right: 0;

    margin-left: 22px

}

article .more {

    margin-top: 20px

}

.icon {

    background: url(../images/icon-sprite.png) -7px -5px no-repeat;

    -moz-border-radius: 55px;

    -webkit-border-radius: 55px;

    border-radius: 55px;

    display: inline-block;

    height: 56px;

    margin: 12px 12px 12px 0;

    overflow: hidden;

    text-indent: 100%;

    vertical-align: middle;

    white-space: nowrap;

    width: 56px

}

.icon:hover,

a:hover .icon {

    background-position: -7px -70px

}

#newsletter-icon:hover {

    background: url(../images/icon-sprite.png) -7px -5px no-repeat

}

.icon.twitter {

    background-position: -147px -5px

}

.icon.twitter:hover,

a:hover .icon.twitter {

    background-position: -147px -70px

}

.icon.linkedin {

    background-position: -427px -5px

}

.icon.linkedin:hover,

a:hover .icon.linkedin {

    background-position: -427px -70px

}

.icon.facebook {

    background-position: -217px -5px

}

.icon.facebook:hover {

    background-position: -217px -70px

}

.icon.request {

    background-position: -287px -5px

}

a:hover .icon.request {

    background-position: -287px -70px

}

.icon.tel {

    background-position: -77px -5px

}

.phone_link:hover {

    color: #091D45!important

}

a:hover .icon.tel {

    background-position: -77px -70px

}

.icon.info {

    background-position: -357px -5px

}

a:hover .icon.info {

    background-position: -357px -70px

}

.contactList {

    color: #091d45;

font-family: 'league_gothicregular';

    font-size: 1.72em;

    line-height: 1em;

    list-style: none;

    margin: 0;

    padding: 0;

    text-transform: uppercase

}

.contactList li {

    min-height: 50px;

    overflow: hidden;

    padding: 1em 0 0 75px;

    position: relative

}

.contactList a {

    display: inline-block;

    padding: 0 30px 18px 0

}

#footer_contact .contactList a {

    color: #fff

}

.contactList span.blue {

    color: #f20079

}

.contactList .icon {

    left: 0;

    position: absolute;

    top: 0

}

.contactList .slideLink {

    margin-top: 0

}

#footer_contact h1 {

    color: #f20079;

    font-size: 3em

}

#subFooter {

    background: 0 0;

    background: rgba(9, 29, 69, .85);

    font-size: .75em;

    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8091D45,endColorstr=#D8091D45)";

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#D8091D45, endColorstr=#D8091D45);

    zoom: 1

}

#subFooter hr {

    border-top: 1px solid rgba(255, 255, 255, .1);

    box-shadow: 0 -1px 0 rgba(0, 0, 0, .3)

}

#subFooter h1,

#subFooter h2 {

    color: #a6abb6;

    font-family: 'Open Sans', sans-serif;

    font-size: 1.5em;

    font-weight: 700;

    margin-top: 0;

    text-transform: none

}

#subFooter a {

    color: #a6abb6

}

#subFooter a:hover {

    color: #fff

}

#followUs {

    border-bottom: 1px solid rgba(0, 0, 0, .3);

    box-shadow: 0 1px 0 rgba(255, 255, 255, .1);

    padding: 20px 0 18px 0

}

.followSocial {

    float: right

}

.circleThumb {

    -moz-border-radius: 153px;

    -webkit-border-radius: 153px;

    border-radius: 153px;

    display: block;

    margin: 0 auto;

    position: relative;

    width: 153px;

    max-width: 100%

}

.circleThumb img {

    -moz-border-radius: 153px;

    -webkit-border-radius: 153px;

    border-radius: 153px

}

.circleThumb:after {

    -moz-border-radius: 153px;

    -webkit-border-radius: 153px;

    border-radius: 153px;

    box-shadow: inset 0 0 2px rgba(0, 0, 0, .3);

    content: '';

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    max-width: 100%

}

a.circleThumb:hover:after {

    background: rgba(9, 29, 69, .8);

    display: block

}

.featureObject {

    min-height: 828px;

    position: relative;

    display: block

}

.s_work .workbuttons {

    margin-top: 17px

}

.s_work.has-featureObject h1 {

    margin-top: 7%

}

.s_work .featureObject {

    min-height: 845px

}

.featureObject .featureObject-item {

    bottom: 0;

}

.featureScreenshot {

    padding: 16px

}

.featureScreenshot .featureObject-item {

    box-shadow: 0 0 16px rgba(0, 0, 0, .9);

	margin-bottom:20px;

}

.thumbnailList {

    color: #091d45;

    font-weight: 700;

    line-height: inherit;

    list-style: none;

    padding-left: 0

}

.thumbnailList li {

    min-height: 42px;

    position: relative;

    padding: .8em 0 .9em 65px

}

.thumbnailList .circleThumb {

    -moz-border-radius: 55px;

    -webkit-border-radius: 55px;

    border-radius: 55px;

    height: 55px;

    left: 0;

    position: absolute;

    top: 0;

    width: 55px

}

.requirements {

    font-size: 14px;

    font-size: 1.4rem

}

.requirements ul {

    font-weight: 700

}

.caption-text {

    font-size: 14px;

    font-size: 1.4rem;

    line-height: 1.2;

    margin: 20px 0;

    text-align: center;

    text-shadow: 0 1px 0 #fff

}

.caption-text h2 {

    font-size: 14px;

    font-size: 1.4rem

}

.caption-alt h2 {

    text-shadow: 0 1px 0 #999;

    text-shadow: rgba(0, 0, 0, .4)

}

.processItem {

    text-align: center;

    margin: 10px 0

}

.processItem-drop {

    margin-top: 90px

}

.processItem-image {

    background: rgba(255, 255, 255, .3);

    -moz-border-radius: 153px;

    -webkit-border-radius: 153px;

    border-radius: 153px;

    box-shadow: 0 2px 0 rgba(0, 0, 0, .6);

    display: block;

    overflow: hidden;

    position: relative;

    width: 153px;

    max-width: 100%

}

.processItem-image img {

    -webkit-border-radius: 153px

}

.processItem-text {

    font-size: 12px;

    font-size: 1.2rem

}

#getInTouch .processItem-text {

    margin-top: 20px

}

#getInTouch .getInToachtoprow {

    margin-bottom: 20px

}

.processItem-text h2 {

    color: #f20079;

    font-size: 3rem;

    font-family: 'league_gothicregular';

    font-weight: 400;

    margin: .8em 0 .2em 0;

    text-transform: uppercase

}

.timelineList {

    color: #f20079;

    height: 10px;

    list-style: none;

    margin: 0 5%

}

.timelineList li {

    background: #fff;

    float: left;

    height: 10px;

    position: relative;

    margin: 4em 0 30px 0;

    padding: 0 0;

    text-align: center;

    width: 25%

}

.timelineList span {

    bottom: 1.4em;

    font: 400 3em/1 league_gothicregular;

    position: absolute;

    right: 20px;

    width: 10px;

    height: 10px;

    z-index: 2

}

.timelineList span:before {

    background: #f20079;

    bottom: -1.5em;

    border: 5px solid #fff;

    -moz-border-radius: 55px;

    -webkit-border-radius: 55px;

    border-radius: 55px;

    content: '';

    height: 10px;

    position: absolute;

    left: 15px;

    width: 10px

}

.timelineList li:first-child {

    width: 0;

    margin-left: -15px

}

.timelineList li:first-child span {

    left: -5px

}

.formerror {

    font-weight: 700;

    font-size: 1.1em;

    background-color: rgba(255, 0, 0, .5);

    padding: 10px;

    display: inline-block;

    border-radius: 5px;

    border: 1px solid #c70c27;

    margin-bottom: 10px;

    padding-left: 15px;

    padding-right: 15px

}

.formerror img {

    padding-bottom: 2px;

    padding-right: 10px

}

.carousel {

    margin: 0;

    margin-right: -12%;

    position: relative

}

.flex-direction-nav {

    display: block;

    left: -100%;

    list-style: none;

    margin: 0;

    padding: 0;

    position: absolute;

    top: 0;

    width: 300%

}

.flex-direction-nav a {

    -moz-border-radius: 153px;

    -webkit-border-radius: 153px;

    border-radius: 153px;

    display: block;

    font-size: 0;

    margin: 0 0 0 -76px;

    width: 153px;

    max-width: 100%;

    background-color: #f20079;

    background-color: rgba(0, 171, 237, .8);

    background-image: url(../images/arrow-next-prev.png);

    background-position: left center;

    background-repeat: no-repeat; 

    display: block;

    height: 153px;

    position: absolute;

    top: 0;

    left: 14.9%;

    text-indent: -9999em;

    z-index: 2;

    font-size: 1px

}

a.flex-next {

    background-position: right center;

    left: 81.6%

}

.flex-direction-nav a:hover {

    background-color: #f20079

}

.carousel-disabled {

    display: none

}

.carousel-slide {

    margin: 0;

    opacity: .2;

    padding: 0;

    zoom: 1

}

.flexslider {

    margin: 0;

    padding: 0

}

.flexslider .slides>li {

    display: none;

    -webkit-backface-visibility: hidden

}

.flexslider .slides img {

    width: 100%;

    display: block

}

.flex-pauseplay span {

    text-transform: capitalize

}

.slides:after {

    content: ".";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0

}

html[xmlns] .slides {

    display: block

}

* html .slides {

    height: 1%

}

ul.slides {

    margin: 0;

    padding: 0

}

.flex-viewport {

    overflow: visible!important

}

.flex-active-slide {

    opacity: 1

}

.carousel-slide-content {

    font-size: 14px;

    font-size: 1.4rem;

    padding: 0 10% 0 0

}

.carousel-slide-content h2 {

    font-size: 18px;

    font-size: 1.8rem

}

.thumbnailSwitch-list {

    list-style: none

}

.thumbnailSwitch-list li {

    float: left;

    margin: 0 2% 36px 0;

    width: 23%

}

.thumbnailSwitch-section {

    margin-bottom: 3em

}

.js .thumbnailSwitch-section {

    display: none

}

.js .is-active {

    display: block

}

.squareThumb {

    border: 5px solid #fff;

    display: block;

    position: relative;

    margin: 0 auto 50px auto;

    max-width: 350px

}

.squareThumb img {

    width: 100%

}

.service h1 {

    font-size: 36px;

    font-size: 3.6rem;

    margin-bottom: .3em

}

.service .circleThumb {

    margin-bottom: 28px

}

table {

    border-collapse: collapse;

    border-spacing: 0

}

td {

    vertical-align: top

}

form {

    margin: 0

}

fieldset {

    border: 0;

    margin: 0;

    padding: 0

}

input {

    color: #444

}

label {

    padding: 0 15px 0 0

}

input[type=text],

textarea {

    border: none;

    border-radius: 5px;

    padding: 5px

}

.button-inline {

    background: #f20079;

    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .25), rgba(0, 0, 0, 0) 90%);

    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .25), rgba(0, 0, 0, 0) 90%);

    background-image: linear-gradient(bottom, rgba(0, 0, 0, .25), rgba(0, 0, 0, 0) 90%);

    border: none;

    border-radius: 5px;

    color: #fff;

    display: inline-block;

    font-weight: 700;

    padding: 5px 10px;

    text-decoration: none;

    text-shadow: 0 2px 0 #666;

    text-shadow: 0 2px 0 rgba(0, 0, 0, .2)

}

#newsletterForm label {

    font-size: 1.5em

}

.form_required {

    color: #f20079;

    padding-right: 2px

}

.form_row {

    margin: .7em 0

}

.form_row label {

    display: inline-block;

    font-size: 14px;

    font-size: 1.4rem;

    text-align: left;

    width: 20%

}

.form_row label.error {

    clear: both;

    color: red;

    margin: 0 0 0 10px;

    text-align: right !important;

    width: auto !important;

}



.query-form1 label.error {

    color: red;

}



.form_row input[type=text],

.form_row select {

    width: 65%

}

.form_row-thin label {

    width: 20%

}

.form_row-thin textarea {

    width: 70%

}

.form_row-thin .form_row-description,

.form_row-thin input[type=submit] {

    margin-left: 20%;

    left: 15px;

    position: relative

}

.form_row-description {

    font-size: 12px;

    font-size: 1.2rem

}

.form_checklistSet {

    margin: 1em 0

}

.form_checklistSet legend {

    float: left;

    font-size: 14px;

    font-size: 1.4rem;

    text-align: right;

    width: 14%

}

.form_checklistSet .form_row {

    clear: right;

    float: right;

    margin: 0 0 .2em 0;

    width: 80%

}

fieldset .form_row label {

    display: inline;

    text-align: left;

    margin: 0 0 0 15px

}

label {

    cursor: pointer

}

legend {

    border: 0;

    padding: 0;

    white-space: normal

}

button,

input,

select,

textarea {

    font-size: 100%;

    margin: 0;

    vertical-align: baseline

}

button,

input {

    line-height: normal

}

button,

input[type=submit],

input[type=button],

input[type=reset] {

    cursor: pointer;

    -webkit-appearance: button

}

button[disabled],

input[disabled] {

    cursor: default

}

input[type=checkbox],

input[type=radio] {

    box-sizing: border-box;

    padding: 6px

}

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;

    resize: vertical

}

#main.s_web-design-intro {

    background-color: #666839;

    background-image: url(../images/service-web_img01.jpg);  

}

#s_web-design-the-process {

    background-color: #333;

    background-image: url(../images/back-img05.jpg) ; 

}

#s_web-design-our-clients {

    background-image: url(../img/poster/service-web-clients-01.jpg) 

}

#main.s_ecommerce-intro {

    background-color: #00acee  ;

    background-image: url(../images/backimg18.png);

    background-size: auto ; 

    background-repeat: repeat; 

}

#s_ecommerce-core-features {

    background-color: #efefef ;

    background-image: url(../images/back-img17.jpg);

    background-repeat: no-repeat; 

}

#s_ecommerce-advanced-features {

      background-image: url(../images/back-img05.jpg); 

    background-color: #333;

    background-size: cover; 

}

#s_ecommerce-our-clients {

    background: #091d45 url(../img/poster/ecommerce-case-study-01.jpg) 0 0 no-repeat

}

#s_ecommerce-cost-timescales {

    background: #333 url(../images/back_img01.jpg) 0 0 no-repeat

}

#main.s_facebook-applications {

    background-color: #091d45;

    background-image: url(../img/poster/service-web-facebook.jpg);

    background-size: cover

}

#s_facebook-applications-cost-timescales {

    background: #333 url(../images/back_img01.jpg) 0 0 no-repeat

}

#s_facebook-applications-case-study {

    background-image: url(../img/poster/ecommerce-case-study-01.jpg)

}

#s_facebook-applications-core-features {

    background: #efefef url(../img/poster/enquiries-01.jpg) 0 0 no-repeat

}

#main.s_microwebsite-intro {

    background-image: url(../img/poster/service-web-microsite.jpg)

}

#s_microsite-cost-timescales {

    background: #333 url(../images/back_img01.jpg) 0 0 no-repeat

}

#s_microsite-case-study {

    background-image: url(../img/poster/ecommerce-case-study-01.jpg)

}

#s_microsite-features-benefits {

    background: #efefef url(../img/poster/enquiries-01.jpg) 0 0 no-repeat 

}

#main.s_cms-intro {

    background-image: url(../img/poster/service-web-cms.jpg)

}

#s_cms-cost-timescales {

    background: #333 url(../images/back_img01.jpg) 0 0 no-repeat

}

#s_cms-case-study {

    background-image: url(../img/poster/ecommerce-case-study-01.jpg)

}

#s_cms-features-benefits {

    background: #efefef url(../img/poster/enquiries-01.jpg) 0 0 no-repeat

}

#main.s_bespoke-intro {

    background-image: url(../img/poster/service-web-bespoke.jpg)

}

.s_bespoke-intro .featureObject-item {

    bottom: 35%

}

#s_bespoke-cost-timescales {

    background: #333 url(../images/back_img01.jpg) 0 0 no-repeat

}

#s_bespoke-case-study {

    background-image: url(../img/poster/ecommerce-case-study-01.jpg)

}

#s_bespoke-features-benefits {

    background: #efefef url(../img/poster/enquiries-01.jpg) 0 0 no-repeat

}

#main.s_whitelabel-intro {

    background-color: #00acee;

    background-image: url(../img/poster/bg_white_label.jpg);

    background-size: cover

}

#s_whitelabel-features-benefits {

    background: #efefef url(../img/poster/enquiries-01.jpg) 0 0 no-repeat

}

#s_whitelabel-cost-timescales {

    background: #333 url(../images/back_img01.jpg) 0 0 no-repeat

}

.s_whitelabel-intro .featureObject-item {

    bottom: 15%

}

#main.s_print-intro {

    background-color: #8a4b12;

    background-image: url(../img/poster/service-print-intro-01.jpg)

}

#s_service-print-the-process {

    background-color: #111;

    background-image: url(../img/poster/service-print-process-01.jpg)

}

#s_service-print-clients {

    background: #fff url(../img/poster/service-print-clients-01.jpg) center center no-repeat

}

#s_leafletflyer-cost-timescales {

    background: #333 url(../images/back_img01.jpg) 0 0 no-repeat

}

#s_logo-design-cost-timescales {

    background: #333 url(../images/back_img01.jpg) 0 0 no-repeat

}

#main.s_brochures-intro {

    background-color: #565a5d;

    background-image: url(../img/poster/service-brochure.jpg)

}

#main.s_business-stationery-intro {

    background-color: #39480d;

    background-image: url(../img/poster/service-stationeryg.jpg)

}

#main.s_leafletflyer-intro {

    background-color: #3b3d30;

    background-image: url(../img/poster/service-leaftlet-flyer.jpg)

}

#main.s_company-branding-intro {

    background-color: #335da4;

    background-image: url(../img/poster/service-branding.jpg)

}

#s_brochures-cost-timescales {

    background: #333 url(../images/back_img01.jpg) 0 0 no-repeat

}

#s_company-branding-cost-timescales {

    background: #333 url(../images/back_img01.jpg) 0 0 no-repeat

}

#s_business-stationery-cost-timescales {

    background: #333 url(../images/back_img01.jpg) 0 0 no-repeat

}

#s_exhibitions-cost-timescales {

    background: #333 url(../images/back_img01.jpg) 0 0 no-repeat

}

#main.s_exhibitions-intro {

    background-color: #f9f9f9;

    background-image: url(../img/poster/service-exhibitions.jpg)

}

#main.s_logo-design-intro {

    background-color: #4d4d4d;

    background-image: url(../img/poster/service-logo.jpg)

}

#main.s_company-branding-intro .featureObject .featureObject-item {

    bottom: auto;

    position: absolute;

    top: 20%

}

#main.s_exhibitions-intro .featureObject .featureObject-item {

    bottom: auto;

    position: absolute;

    top: 20%

}

#main.s_business-stationery-intro .featureObject .featureObject-item {

    bottom: auto;

    position: absolute;

    top: 20%

}

#main.s_logo-design-intro .featureObject .featureObject-item {

    bottom: auto;

    position: absolute;

    top: 15%

}

#main.s_brochures-intro .featureObject .featureObject-item {

    bottom: auto;

    position: absolute;

    top: 10%

}

#main.s_leafletflyer-intro .featureObject .featureObject-item {

    bottom: auto;

    position: absolute;

    top: 20%

}

#main.s_digital-marketing-intro {

    background-color: #8a4b12;

    background-image: url(../images/back-img06.jpg);  

}

#s_digital-marketing-how {

    background-image: url(../images/back-img05.jpg) 

} 

#s_digital-marketing-our-clients {

    background-image: url(../img/poster/service-digital-clients-01.jpg)

}

#s_email-marketing-features-benefits {

    background: #efefef url(../img/poster/enquiries-01.jpg) 0 0 no-repeat

}

#s_email-marketing-cost-timescales {

    background: #333 url(../images/back_img01.jpg) 0 0 no-repeat

}

#s_video-production-features-benefits {

    background: #efefef url(../img/poster/enquiries-01.jpg) 0 0 no-repeat

}

#s_video-production-cost-timescales {

    background: #333 url(../images/back_img01.jpg) 0 0 no-repeat

}

#s_pay-per-click-features-benefits {

    background: #efefef url(../img/poster/enquiries-01.jpg) 0 0 no-repeat

}

#s_pay-per-click-cost-timescales {

    background: #333 url(../images/back_img01.jpg) 0 0 no-repeat

}

#s_search-engine-marketing-features-benefits {

    background: #efefef url(../img/poster/enquiries-01.jpg) 0 0 no-repeat

}

#s_search-engine-marketing-cost-timescales {

    background: #333 url(../images/back_img01.jpg) 0 0 no-repeat

}

#s_copywriting-cost-timescales {

    background: #333 url(../images/back_img01.jpg) 0 0 no-repeat

}

#s_social-media-cost-timescales {

    background: #333 url(../images/back_img01.jpg) 0 0 no-repeat

}

#main.s_our-work {

    min-height: 850px

}

#main.s_work {

    background: #efefef url(../images/back-img07.jpg) 0 0 repeat;

    background-size: cover

}



#main.s_our-work1{background-image: url(../images/back-img07.jpg);background-size: cover;}  



#footer_callus {

    color: #fff

}

#main.s_work-websites-pool {

    background-image: url(../images/back_img03.jpg);

}

#main.s_work-websites-yorkshire-coast {

    background-image: url(../img/poster/work/web-yorkshire-coast-01.jpg)

}

#main.s_work-websites-karl-benz {

    background-image: url(../img/poster/work/web-karl-benz-01.jpg)

}

#main.s_work-websites-white-wedding {

    background-image: url(../img/poster/work/web-white-wedding-01.jpg)

}

#main.s_work-websites-russian {

    background-image: url(../img/poster/work/web-russian-01.jpg)

}

#main.s_work-websites-family-guy {

    background-image: url(../img/poster/work/web-family-guy-01.jpg)

}

#main.s_work-websites-bamboo-travel {

    background-image: url(../img/poster/work/web-bamboo-travel-01.jpg)

}

#main.s_work-websites-shelly {

    background-image: url(../img/poster/work/web-shelly-01.png)

}

#main.s_work-websites-hub {

    background-image: url(../img/poster/work/web-hub-01.jpg)

}

#main.s_work-websites-kings-recruit {

    background-image: url(../img/poster/work/web-kings-recruit-01.png)

}

#main.s_work-websites-woot {

    background-image: url(../img/poster/work/web-woot-01.jpg)

}

#main.s_work-print-76-portland-place {

    background-image: url(../img/noise-dark.jpg);

    background-repeat: repeat;

    background-size: auto

}

#main.s_work-print-smallganics {

    background-image: url(../img/poster/work/print-smallganics-01.jpg)

}

#main.s_work-digital-process-engineering {

    background-image: url(../img/poster/work/digital-process-engineering-01.jpg)

}

#main.s_work-digital-big-fish {

    background-image: url(../img/poster/work/digital-big-fish-01.jpg)

}

#main.s_work-digital-feel-good {

    background-image: url(../img/poster/work/digital-feel-good-01.jpg)

}

#main.s_work-digital-nova {

    background-image: url(../img/poster/work/digital-nova-01.jpg)

}

#main.s_work-digital-banner {

    background-image: url(../img/poster/work/banner-01.jpg)

}

#main.page-error {

    background-image: url(../img/poster/404.jpg)

}

.page-error .errormessage {

    font-family: Pacifico, serif;

    font-size: 24px;

    font-size: 2.4rem;

    font-weight: 400;

    margin: 1em 0;

    text-shadow: 0 1px 0 #fff;

    text-transform: none;

    padding-right: 5px;

    text-align: center;

    color: #091D45

}

.page-error .errorh1 {

    font-size: 94px;

    font-size: 9.4rem;

   font-family: 'league_gothicregular';

    line-height: 1em;

    margin: 20px 0 .5em 0;

    text-transform: uppercase;

    text-align: center

}

.page-error .errorh1 span {

    color: #f20079

}

.page-error .buttonholder {

    text-align: center

}

#main.page-newsletter {

    background: #4b72a9 url(../img/poster/email-signup.jpg) center bottom no-repeat

}

#main.page-newsletter .container {

    margin-top: 6%

}

#main.s_print-intro .sixcol,

#main.s_web-design-intro .sixcol {

    min-width: 470px

}

#main.s_digital-marketing-intro .sixcol {

    min-width: 520px

}

#main.page-newsletter .threecol h1 {

    text-align: center

}

#main.page-newsletter .threecol {

    margin-top: 20px;

    width: 15.05%

}

#main.page-newsletter p {

    font-family: Pacifico, serif;

    font-size: 24px;

    font-size: 2.4rem;

    font-weight: 400;

    margin: 1em 0;

    text-shadow: 0 1px 0 #fff;

    text-transform: none;

    padding-right: 5px;

    text-align: left;

    color: #091D45;

    margin-bottom: 40px

}

#main.page-blog {

    background: #4b72a9 url(../images/back-img08.jpg) center bottom no-repeat;

    background-image: url(../images/back-img08.jpg), -moz-linear-gradient(bottom, #4b72a9 910px, #567eb8);

    background-image: url(../images/back-img08.jpg), -webkit-linear-gradient(bottom, #4b72a9 910px, #567eb8);

    background-image: url(../images/back-img08.jpg), linear-gradient(bottom, #4b72a9 910px, #567eb8); 

    color: #fff

}

.header_news {

    margin-left: 55px

}

.newsContent {

    background: #091d45;

    background: rgba(9, 29, 69, .9);

    margin-left: 55px;

    padding: 30px 5%;

    position: relative

}

.newsContent .newsCall-time {

    background: #f20079;

    padding-bottom: 30px

}

.newsContent .newsCall-time:after {

    background: rgba(0, 0, 0, .2);

    bottom: -5px;

    content: '';

    clear: both;

    display: block;

    height: 5px;

    position: absolute;

    width: 100%

}

.newsContent a {

    color: #fff

}

#main.s_history_intro {

    background-image: url(../images/back-img09.jpg) 

} 

#s_our-values {

    background-image: url(../images/back-img10.jpg) 

}

#s_our-history {

    background-color: #111; 

    background-image: url(../images/back-img11.jpg) 

}

#s_our-team {

    background-color: #111;

    background-image: url(../images/back-img12.jpg); 

}

#s_our-team .circleHover {

    display: none

}

#main.s_email-marketing-intro {

    background-image: url(../img/poster/bg_email.jpg)

}

#main.s_video-production-intro {

    background-image: url(../img/poster/bg_video.jpg)

}

#main.s_pay-per-click-intro {

    background-image: url(../img/poster/bg_ppc.jpg)

}

#main.s_pay-per-click-intro .featureObject-item {

    top: 5%

}

#main.s_copywriting-intro {

    background-image: url(../img/poster/bg_copywriting.jpg)

}

#main.s_search-engine-marketing-intro {

    background: #192a3c url(../img/poster/bg_seo.jpg) 0 0 repeat

}

#main.s_search-engine-marketing-intro h1 {

    margin-top: 10px

}

#main.s_search-engine-marketing-intro .featureObject-item {

    top: 5%

}

#main.s_social-media-intro {

    background-image: url(../img/poster/bg_social.jpg)

}

#s_sheffield-culture {

    background-image: url(../images/back-img13.jpg); 

}

#main.s_join_intro {

    background-image: url(../images/back-img14.jpg);  

}

#main.s_blog-design {

    background-image: url(../images/back-img19.jpg );  

}

#main.s_logo-design {

    background-image: url(../images/back-img20.jpg);  

}

#main.s_brochure-design {

    background-image: url(../images/back-img21.jpg);  

}

#main.s_web-hosting {

    background-image: url(../images/back-img22.jpg) ;  

}

#main.s_blog-detail1 {

    background-image: url(../images/back-img23.jpg);  

}

#s_benefits {

    background-color: #509447;

    background-image: url(../images/back-img15.jpg);  

}

#s_current_vacancies {

   background-image: url(../images/back-img16.jpg);  

}

#main.s_enquiries_intro {

 background-image: url(../images/back-img17.jpg);   

}

#gMap {

    position: relative;

    border: 1px solid #fff 

}

#gMap-container {

    height: 400px

}

#gMap-container img {

    max-width: none

}

.gMap-search {

    background: #091d45;

    background: rgba(9, 29, 69, .8);

    border-bottom-left-radius: 5px;

    color: #fff;

    font-size: 12px;

    font-size: 1.2rem;

    font-weight: 700;

    padding: 9px;

    position: absolute;

    right: 0;

    top: 0;

    z-index: 2

}

.has-carousel .row {

    height: 100%;

    position: relative

}

a.button:hover {

    color: #091D45

}

#main.s_video-ev_intro {

    background-color: #111;

    background-image: url(../img/poster/video-event-intro.jpg)

}

.s_video-ev_intro .container {

    padding: 230px 0 0 0

}

#main.s_video-ev_intro h1 {

    font-size: 6rem

}

#main.s_video-ev_intro h2 {

    font-size: 3.6rem;

    color: #00acee;

    font-family: 'league_gothicregular';

    text-transform: uppercase;

    line-height: 1.2em

}

#s_about-tutor {

    background: transparent url(../img/poster/generic-repeating-01.jpg) repeat

}

#s_about-tutor h1 {

    font-size: 6rem

}

#s_course-why {

    background: transparent url(../img/poster/video-event02.jpg) repeat

}

#s_course-why h1 {

    color: #00acee;

    font-size: 6rem

}

#s_course-why .container {

    padding: 180px 0 0 0

}

#s_course-benefit {

    background: transparent url(../img/poster/video-event03.jpg) repeat

}

#s_course-benefit h1 {

    font-size: 6rem

}

#s_course-benefit .container {

    padding: 180px 0 0 0

}

#welcome {

    background-image: url(../images/banner01.jpg); 

}

#welcomeBox {

    background: 0 0;

    background: rgba(9, 29, 69, .85);

    color: #fff;

    padding: 6%;

    position: relative;

    margin-top: 140px;

    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8091D45,endColorstr=#D8091D45)";

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#D8091D45, endColorstr=#D8091D45);

    zoom: 1;

    min-width: 470px

}

#welcomeBox h1 {

    color: #fff;

    font-size: 4.75em;

    margin-right: 96px;

    text-shadow: 0 4px rgba(0, 0, 0, .3)

}

#welcomeBox h1 strong {

    color: #fff

}

.welcomeLogo {

    position: absolute;

    top: 40px;

    right: 6%

}

#welcomeBox p {

    font-size: 1.25em;

    margin-top: 1em

}

#welcomeBox p a {

    color: #f20079;

    font-weight: 400

}

#welcomeBox p a:hover {

    color: inherit

}

#services {

    background: #fff url(../images/back_img01.jpg) center center no-repeat;

    background-size: cover

}

#work {

    background: #133823 url(../images/back_img03.jpg) center center no-repeat;

    background-size: cover;

    color: #fff 

}

#work h1 {

    color: #fff

}

#clients {

    background: #ededed url(../images/back_img04.jpg) center center no-repeat;

    background-size: cover 

}

.slider {

    margin: 0;

    overflow: hidden;

    padding: 0;

    position: relative;

    width: 100%

}

.slider li {

    list-style: none;

    margin: 0;

    padding: 0;

    width: 100%

}

.carousel-tabs,

.flex-control-paging,

.rslides_tabs {

    margin: 0 0 0 -5%;

    padding: 0;

    text-align: center

}

.carousel-tabs li,

.flex-control-paging li,

.rslides_tabs li {

    display: inline-block;

    list-style: none;

    margin: 3px

}

.carousel-tabs a,

.flex-control-paging a,

.rslides_tabs a {

    background: #666;

    -moz-border-radius: 16px;

    -webkit-border-radius: 16px;

    border-radius: 16px;

    box-shadow: inset 0 3px 0 rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .5);

    cursor: pointer;

    display: block;

    height: 16px;

    overflow: hidden;

    text-indent: 100%;

    white-space: nowrap;

    width: 16px

}

.carousel-active-tab a,

.carousel-tabs a:hover,

.flex-control-paging a:hover,

.rslides_here a,

.rslides_tabs a:hover,

a.flex-active {

    background: #091d45

}

.clientPane {

    float: left;

    margin: 0 0 0 -6.3%;

    padding: 0;

    width: 100%

}

.clientPane li {

    background: #fff;

    -moz-border-radius: 2px;

    -webkit-border-radius: 2px;

    border-radius: 2px;

    display: inline-block;

    float: left;

    height: 100px;

    list-style: none;

    margin: 0 0 40px 6.3%;

    position: relative;

    overflow: hidden;

    width: 27%

}

.clientPane li img {

    position: absolute;

    left: 0;

    right: 0;

    top: 10px;

    display: block;

    margin: 0 auto;

    max-width: 100%

}

#news {

    background: #a2caf8 url(../images/news-back1.jpg) center center no-repeat;

    background-size: cover

} 

.fivecol .newsCall a {

    height: 141px

} 

.newsCall a {

    background: #fff;

    background: rgba(255, 255, 255, .9);

    border-left: #f20079 solid 55px;

    color: #fff;

    display: block;

    margin: 0 0 30px 0;

    padding: 20px 4%;

    position: relative

}

.newsCall a:hover {

    background: #fff;

}

.newsCall a:after {

    background: rgba(0, 0, 0, .2);

    bottom: -5px;

    content: '';

    clear: both;

    display: block;

    height: 5px;

    left: -55px;

    padding: 0 55px 0 0;

    position: absolute;

    width: 100%

}

.newsCall h1 {

    color: #333;

    font-size: 1.875em;

    margin-top: -5px

}

.newsCall-time {

    font: 400 3.375em/.6em league_gothicregular;

    left: 0;

    margin: 0 0 0 -55px;

    padding: 40px 0 0 0;

    position: absolute;

    text-align: center;

    text-transform: uppercase;

    top: -10px;

    width: 55px

}

.newsCall-month {

    display: block;

    font-size: .444em

}

.newsCall-year {

    display: block;

    font-size: .444em;

    margin-top: -10px

}

.newsCall p {

    margin: 0;

	color:#666666;

}

.newsCall-hasThumb a {

    padding-left: 220px;

    padding-left: 23.5%

}

.newsCall-thumb {

    float: left;

    height: 100%;

    left: 0;

    overflow: hidden;

    position: absolute;

    top: 0;

    width: 22%

}

.newsCall-thumb img {

    min-height: 100%;

    width: 100%

}



.ir {

    border: 0;

    font: 0/0 a;

    text-shadow: none;

    color: transparent;

    background-color: transparent

}

.hidden {

    display: none!important;

    visibility: hidden

}

.visuallyhidden {

    border: 0;

    clip: rect(0 0 0 0);

    height: 1px;

    margin: -1px;

    overflow: hidden;

    padding: 0;

    position: absolute;

    width: 1px

}

.visuallyhidden.focusable:active,

.visuallyhidden.focusable:focus {

    clip: auto;

    height: auto;

    margin: 0;

    overflow: visible;

    position: static;

    width: auto

}

.invisible {

    visibility: hidden

}

.centered {

    text-align: center

}

.videowrapper {

    float: none;

    clear: both;

    width: 100%;

    position: relative;

    padding-bottom: 56.25%;

    padding-top: 25px;

    height: 0;

    margin-top: 95px

}

.videowrapper iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%

} 



/*----Query Form CSS----*/



.query-form1{

    background: #282828;

    padding: 40px;

    box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.32);

    -webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.32);

    -moz-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.32);

    -o-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.32);

}

.query-form1 h2{

    font-size: 38px;

    font-family: 'league_gothicregular';

    color: #e30071;

    margin: 0 0 30px 0;

    text-transform: uppercase;

    text-align: center;

    padding: 0;

}

.query-form1 p{

    color: #fff;

    font-size: 16px;

    text-align: center;

    line-height: 24px;

    margin: 0 0 40px 0;

}

.query-form1 .form-group{

    margin-bottom: 20px;

}

.query-form1 label{

    display: inline-block;

    max-width: 100%;

    margin-bottom: 5px;

    color: #ffffff;

    font-size: 15px;

    font-weight: 600;

}

.query-form1 .form-control{

    background: #3c3b3b;

    height: 38px;

    width: 100%;

    outline: 0;

    color: #ffffff;

    display: block;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -o-box-sizing: border-box;

    border-radius: 1px;

    -o-border-radius: 1px;

    -moz-border-radius: 1px;

    -webkit-border-radius: 1px;

    padding: 6px 12px;

    line-height: 1.42857143;

    border: 1px solid #3c3b3b;

}

.query-form1 select{

    text-indent: 1px;

    text-overflow: '';

    background: url(../images/down-arrow.png) no-repeat top 16px right 10px #ffffff;

    -webkit-appearance: none;

    -moz-appearance: none;

    -o-appearance: none;

    appearance: none;

}

.query-form1 textarea{

    height: auto !important;

}

.query-form1 .button{

    width: 100%;

    text-transform: uppercase;

    font-size: 22px;

    margin: 10px 0 0 0;

}

/*---Testimonial CSS---*/



.testimonial-sec{

    float: left;

    width: 100%;

    padding: 40px 0;

    background: #ffffff;

}

.testimonial-sec p{

    color: #333333;

    font-size: 19px;

    line-height: 32px;

    font-style: italic;

}

.testimonial-sec h6{

    color: #333333;

    font-size: 16px;

    font-weight: 600;

    padding: 10px 0 4px 0;

}

.testimonial-sec p.profile{

    color: #717171;

    font-style: italic;

    font-size: 12px;

    line-height: 12px;

    margin: 0;

}

.testimonial-sec .carousel-tabs, .flex-control-paging, .rslides_tabs{

    margin: 0 !important;

}







@media only screen and (max-width: 1180px) {

    .circleThumb img {

        border: 1px solid rgba(0, 0, 0, .3)

    }

    .circleThumb:after {

        display: none

    }

}

@media only screen and (max-height: 700px) {

    .has-featureObject,

    body>section {

        min-height: 500px

    }

    .featureObject-item {

        max-height: 100%

    }

}

@media only screen and (max-width: 1000px) {

    #header_primary nav,

    .tabs {

        font-size: .9em

    }

    #nav_primary a {

        margin-left: 0;

        margin-right: 0;

        padding-left: 14px;

        padding-right: 14px

    }

    .form_row label {

        display: block;

        text-align: left;

        margin-bottom: .3em;

        width: auto

    }

    .form_row label.checkboxlabel {

        display: inline-block

    }

    .form_row input[type=text],

    .form_row select,

    .form_row textarea {

        width: 100%

    }

    .form_row-thin .form_row-description,

    .form_row-thin input[type=submit] {

        margin-left: 0;

        left: 0

    }

    #aboutFooter nav>div:first-child {

        margin-left: -11%;

        margin-right: 8.8%

    }

    .request-btn{

        font-size: 14px !important;

    }

}

@media only screen and (max-width: 900px) {

    .fivecol .more,

    .sixcol .more {

        width: 200px;

        margin: auto;

        text-align: center

    }

    .fivecol .more .button,

    .sixcol .more .button {

        margin: 0;

        margin-bottom: 5px

    }

    .fivecol .more .or,

    .sixcol .more .or {

        display: block;

        margin-top: 5px

    }

    .fivecol .more .slideLink,

    .sixcol .more .slideLink {

        margin-top: 5px;

        padding: 0 30px 12px 0

    }

    .featureList-stacked li {

        float: none;

        width: auto

    }

    #main .sixcol {

        margin-right: 1.8%

    }

    #work .sevencol {

        margin-right: 1.8%

    }

    #s_course-benefit .container,

    #s_course-register .container,

    #s_course-why .container,

    .s_video-ev_intro .container {

        padding: 60px 30px

    }

}

@media only screen and (max-width: 767px) {

    #footer_contact,

    #main,

    body>section {

        min-height: 200px!important;

        padding: 30px 0

    }

    #gMap {

        margin-top: 10px

    }

    .mobileBackground {

        background-position: 0 0!important;

        background-size: auto

    }

    #footer_contact {

        padding-bottom: 0;

    }

    #welcomeBox {

        margin-top: 0 !important;

    }

    #main .sixcol {

        min-width: 0;

    }

    .welcomeLogo {

        height: 50px;

    }

    h1 {

        font-size: 2em;

    }

    #welcomeBox h1,

    .h1_section {

        font-size: 3em

    }

    h2 {

        font-size: 1.2em

    }

    .h_section {

        font-size: 2em

    }

    .h_sub {

        font-size: 1.4em

    }

    .h_news {

        font-size: 3em

    }

    .h_aside {

        font-size: 1.6em

    }

    .carousel-slide-content,

    .processItem-text {

        font-size: 1em

    }

    .processItem-text h2 {

        font-size: 2em

    }

    .or {

        visibility: hidden

    }

    .slideLink {

        display: none

    }

    #header_primary {

        background: #222;

        position: relative;

        padding-bottom: 0;

    }

    h1#logo{

        margin-bottom: 10px;

        margin-left: 12px;

    }

    #logo {

        margin-left: 10px

    }

    #header_primary nav {

        float: none

    }

    #header_primary nav h3 {

        display: block;

        margin: 10px 10px 0 0

    }

    #nav_primary {

        -webkit-transform: translateZ(0);

        background: #333;

        clear: both;

        font-size: 1.2em;

        max-height: 0;

        overflow: hidden;

        -moz-transition: .5s all linear;

        -webkit-transition: .5s all linear;

        transition: .5s all linear

    }

    #nav_primary li {

        float: none;

        margin: 2px 2%;

        padding: 0;

        width: auto;
        display: block;

    }

    .expanded #nav_primary {

        -webkit-transform: translateZ(0);

        display: block;

        padding: 10px 0;

        max-height: 292px;

        -moz-transition: 1s all linear;

        -webkit-transition: 1s all linear;

        transition: 1s all linear

    }

    #nav_primary li:hover ul {

        display: none

    }

    #news h2 {

        margin: .8em 0 .4em 0

    }

    .tabs {

        float: none;

        margin-top: 0

    }

    .tabs a,

    .tabs span {

        margin: 0 8px 1em 0

    }

    #followUs {

        border: none;

        box-shadow: none;

        margin-bottom: 0

    }

    #aboutFooter {

        display: none

    }

    #newsletterForm label {

        display: block;

        font-size: 1.4em;

        margin-bottom: 1em

    }

    #newsletterForm .icon {

        display: none

    }

    #newsletterForm .followSocial .icon {

        display: inline-block;

        margin: 2px 2px 2px 0;

        width: 26px;

        height: 26px;

        background: url(../img/icon-sprite-small.png) -7px -5px no-repeat

    }

    #newsletterForm .followSocial .icon.twitter { 

        background-position: -74px -3px

    }

    #newsletterForm .followSocial .icon.twitter:hover {

        background-position: -74px -36px

    }

    #newsletterForm .followSocial .icon.facebook {

        background-position: -109px -3px

    }

    #newsletterForm .followSocial .icon.facebook:hover {

        background-position: -109px -36px

    }

    #newsletterForm input[type=button] {

        top: 6em;

        right: 0

    }

    .featureObject,

    .featureScreenshot {

        min-height: 0;

        float: left;

        width: 140px;

        padding: 1.5em 20px 1em 0;

        position: relative

    }

    .featureObject .featureObject-item {

        position: relative!important;

        top: 0;

        left: 0

    }

    #main.s_brochures-intro .featureObject .featureObject-item,

    #main.s_business-stationery-intro .featureObject .featureObject-item,

    #main.s_exhibitions-intro .featureObject .featureObject-item,

    #main.s_leafletflyer-intro .featureObject .featureObject-item {

        bottom: 0;

        position: relative;

        top: 0

    }

    .s_work .featureObject {

        min-height: 0

    }

    .has-featureObject {

        padding-bottom: 30px

    }

    .has-featureObject h1 {

        margin-top: 20px

    }

    .newsCall-hasThumb a {

        float: left;

        padding-left: 4%

    }

    .newsCall-thumb {

        display: none

    }

    .header_news,

    .newsContent {

        margin-left: 0

    }

    .newsContent .newsCall-time {

        background: 0 0;

        font: inherit;

        padding: 0;

        position: relative;

        margin: 0 0 1em 0;

        width: 100%

    }

    .newsContent .newsCall-time:after {

        display: none

    }

    .newsContent .newsCall-month {

        display: inline;

        font: inherit

    }

    article .more {

        display: none

    }

    .caption,

    .processItem {

        float: left

    }

    .circleThumb,

    .processItem-image {

        float: left;

        height: 55px;

        margin-top: 1em;

        margin-right: 15px;

        margin-bottom: 10px!important;

        width: 55px

    }

    .caption-text,

    .processItem-text {

        text-align: left;

        padding-left: 70px

    }

    .twocol:nth-child(2n) .processItem {

        margin-top: 10px

    }

    .timelineList {

        display: none

    }

    .js .thumbnailSwitch-list {

        display: none

    }

    .js .thumbnailSwitch-section {

        display: block

    }

    .rowDisable {

        overflow: hidden

    }

    .rowDisable .row {

        overflow: visible

    }

    .carousel {

        padding-top: 60px;

        margin-top: -60px

    }

    .flex-direction-nav {

        left: 0;

        overflow: visible;

        top: 0;

        width: 90%

    }

    .flex-direction-nav a {

        background-size: 250% 50%;

        height: 55px;

        margin: 0;

        width: 55px;

        left: 0

    }

    a.flex-next {

        left: auto;

        right: 0

    }

    .carousel-slide .circleThumb {

        margin-top: 0

    }

    .carousel-slide-text {

        padding-left: 75px

    }

    .row-mobileCols {

        padding: 0 20px;

        width: auto

    }

    .row-mobileCols .threecol {

        float: left;

        margin: 0;

        padding: 0;

        width: 48%

    }

    .row-mobileCols .threecol:nth-child(2n) {

        margin-left: 4%

    }

    #main.s_history_intro {

        background-image: url(../img/poster/about-our-team-01.jpg)

    }

    #main.page-newsletter .threecol {

        clear: both;

        width: 97.05%

    }

    #main.page-newsletter .threecol h1 {

        text-align: left;

        padding-top: 25px

    }

    #header_primary nav{margin-top: 0px;}

    #header_primary nav h3{margin-top: 23px;}

    .testimonial-sec p.profile{

        margin-bottom: 15px;

    }

    .testimonial-sec p{

        text-align: center;

        margin-bottom: 12px;

        font-size: 17px;

    }

    .clientPane{

        margin: 25px 0 0 -6.3%;

    }

    

}

@media only screen and (max-width: 480px) {

    body {

        font-size: 1.3rem

    }

    .newsContent {

        padding-bottom: 10px;

        padding-top: 10px

    }

    .img_align-left,

    .img_align-right {

        display: block;

        float: none;

        margin-right: 0;

        margin-left: 0;

        width: 100%;

        max-width: 100%

    }

    #welcomeBox {

        min-width: 0

    }

    .mobilehide {

        display: none

    }

    .button-facebook:before {

        background: url(../img/cropped-sprite.png) 0 17px no-repeat

    }

    #gMap input[type=text] {

        width: 70px

    }

    .s_our-work .ourworkcol {

        width: 305px;

        height: 40px;

        margin: auto;

        padding-left: 0;

        padding-right: 0;

        margin-right: 0!important

    }

    .tabs a,

    .tabs span {

        margin: 0 3px 1em 0

    }

    .button-next,

    .button-prev {

        font-size: 2rem;

        padding: 10px 14px;

        margin: 0 0 1em 0

    }

    .featureList-stacked li {

        width: 95%

    }

    .newsCall h1 {

        font-size: 1.675em;

        margin-top: -12px;

        margin-bottom: 5px

    }

    #main.s_join_intro {

        padding: 0

    }

	#main.s_blog-design{

        padding: 0

    }

	#main.s_logo-design{

        padding: 0

    }

    .s_join_intro .container {

        background-color: rgba(255, 255, 255, .5);

        padding: 30px 0

    }

	.s_blog-design .container {

        background-color: rgba(255, 255, 255, .5);

        padding: 30px 0

    }

	.s_logo-design .container {

        background-color: rgba(255, 255, 255, .5);

        padding: 30px 0

    }

	.s_brochure-design .container {

        background-color: rgba(255, 255, 255, .5);

        padding: 30px 0

    }

	.s_web-hosting .container {

        background-color: rgba(255, 255, 255, .5);

        padding: 30px 0

    }

    .clientPane li {

        height: 60px

    }

    .flex-direction-nav a {

        top: 15px;

        width: 35px;

        height: 35px;

        font-size: 1px

    }

    #s_course-benefit .container,

    #s_course-register .container,

    #s_course-why .container,

    .s_video-ev_intro .container {

        padding: 30px 0

    }

    #s_about-tutor h1,

    #s_course-benefit h1,

    #s_course-register h1,

    #s_course-why h1,

    .s_video-ev_intro h1 {

        font-size: 3rem

    }

    .query-form1{

        padding: 30px;

    }

    .request-btn{

        font-size: 15px !important;

    }

}





@media print {

    * {

        background: 0 0!important;

        color: #000!important;

        box-shadow: none!important;

        text-shadow: none!important

    }

    a,

    a:visited {

        text-decoration: underline

    }

    a[href]:after {

        content: " (" attr(href) ")"

    }

    abbr[title]:after {

        content: " (" attr(title) ")"

    }

    .ir a:after,

    a[href^="javascript:"]:after,

    a[href^="#"]:after {

        content: ""

    }

    blockquote,

    pre {

        border: 1px solid #999;

        page-break-inside: avoid

    }

    thead {

        display: table-header-group

    }

    img,

    tr {

        page-break-inside: avoid

    }

    img {

        max-width: 100%!important

    }

    @page {

        margin: .5cm

    }

    h2,

    h3,

    p {

        orphans: 3;

        widows: 3

    }

    h2,

    h3 {

        page-break-after: avoid 

    } 

}







.haltbg{

	background:#4d2519 url(../images/portbg-web1.jpg) 0 0 no-repeat !important;

	}  

.burnbg{

	background:#c8c6c3 url(../images/portbg-web2.jpg) 0 0 no-repeat !important;

	}

.dietshalabg{

	background:#303030 url(../images/portbg-web3.jpg) 0 0 no-repeat !important;

	}