@charset "utf-8";

/*-HTML5 Reset :: style.css---------------------*/

html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
menu,
nav,
section,
time,
mark,
audio,
video,
details,
summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}

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


/* Handle box-sizing while better addressing child elements: 
   http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */

html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

@font-face {
	font-family: 'Avenir Next LT Pro Regular';
	font-style: normal;
	font-weight: normal;
	src: local('Avenir Next LT Pro Regular'), url('../css/font/AvenirNextLTPro-Regular.woff') format('woff');
}

@font-face {
	font-family: 'Avenir Next LT Pro Condensed';
	font-style: normal;
	font-weight: normal;
	src: local('Avenir Next LT Pro Condensed'), url('../css/font/AvenirNextLTPro-Cn.woff') format('woff');
}

@font-face {
	font-family: 'Avenir Next LT Pro Demi';
	font-style: normal;
	font-weight: normal;
	src: local('Avenir Next LT Pro Demi'), url('../css/font/AvenirNextLTPro-Demi.woff') format('woff');
}

@font-face {
	font-family: 'Avenir Next LT Pro Demi Condensed';
	font-style: normal;
	font-weight: normal;
	src: local('Avenir Next LT Pro Demi Condensed'), url('../css/font/AvenirNextLTPro-DemiCn.woff') format('woff');
}

@font-face {
	font-family: 'Avenir Next LT Pro Bold';
	font-style: normal;
	font-weight: normal;
	src: local('Avenir Next LT Pro Bold'), url('../css/font/AvenirNextLTPro-Bold.woff') format('woff');
}

@font-face {
	font-family: 'Avenir Next LT Pro Bold Condensed';
	font-style: normal;
	font-weight: normal;
	src: local('Avenir Next LT Pro Bold Condensed'), url('../css/font/AvenirNextLTPro-BoldCn.woff') format('woff');
}


/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */


/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */

img,
object,
embed {
	max-width: 100%;
}


/*img{display:block; vertical-align:top;}*/


/* force a vertical scrollbar to prevent a jumpy page */

html {
	overflow-y: scroll;
}


/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */

ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

del {
	text-decoration: line-through;
}

abbr[title],
dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help;
}


/* tables still need cellspacing="0" in the markup */

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

th {
	font-weight: bold;
	vertical-align: bottom;
}

td {
	font-weight: normal;
	vertical-align: top;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

input,
select {
	vertical-align: middle;
}

pre {
	white-space: pre;
	/* CSS2 */
	white-space: pre-wrap;
	/* CSS 2.1 */
	white-space: pre-line;
	/* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word;
	/* IE */
}

input[type="radio"] {
	vertical-align: text-bottom;
}

input[type="checkbox"] {
	vertical-align: bottom;
}

.ie7 input[type="checkbox"] {
	vertical-align: baseline;
}

.ie6 input {
	vertical-align: text-bottom;
}

select,
input,
textarea {
	font: 99% sans-serif;
}

table {
	font-size: inherit;
	font: 100%;
}

small {
	font-size: 85%;
}

strong {
	font-weight: bold;
}

td,
td img {
	vertical-align: top;
}


/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}


/* standardize any monospaced elements */

pre,
code,
kbd,
samp {
	font-family: monospace, sans-serif;
}


/* hand cursor on clickable elements */

.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {
	cursor: pointer;
}


/* Webkit browsers add a 2px margin outside the chrome of form elements */

button,
input,
select,
textarea {
	margin: 0;
}


/* make buttons play nice in IE */

button,
input[type=button] {
	width: auto;
	overflow: visible;
}


/* scale images in IE7 more attractively */

.ie7 img {
	-ms-interpolation-mode: bicubic;
}


/* prevent BG image flicker upon hover 
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/


/* let's clear some floats */

.clearfix:before,
.clearfix:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
}

li.clearfix {
	display: list-item;
}


/*Hide these rules from IE-mac */

* html .clearfix {
	height: 1%;
}

.clearfix {
	*zoom: 1;
}


/*-EndHTML5 Reset :: style.css-----------*/


/*-Helper classes------------------------*/

.uppercase {
	text-transform: uppercase;
}

.lowercase {
	text-transform: lowercase;
}

.boldcase {
	font-weight: bold;
}

.normalcase {
	font-weight: normal;
}

.textdec-underline {
	text-decoration: underline;
}

.textdec-normal {
	text-decoration: none;
}

.Text-Idnt {
	text-indent: -99999px;
}

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

.visuallyhidden {
	border: 0 none;
	clip: rect(0px, 0px, 0px, 0px);
	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;
}

img {
	/*display:block;*/
	border: 0 none;
	height: auto;
	max-width: 100%;
	vertical-align: bottom;
}

img.floatleft {
	float: left;
	margin: 0 10px 0 0;
}

img.floatright {
	float: right;
	margin: 0 0 0 10px;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

a {
	color: #000000;
	text-decoration: none;
	outline: none;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

a:hover {
	text-decoration: underline;
}


/*-Colour Style------------------*/


/*-End Colour Style--------------*/


/*-Mobile Anchor-----------------*/


/*-Start Custom Styles------------------*/

body {
	background: #0b0b0b;
	font-family: 'Open Sans', sans-serif;
	font-size: 100%;
	color: #fff;
	margin: 0;
	text-align: left;
}

#header,
#footer,
#content {
	position: relative;
}

.outerwrapper {
	position: relative;
	padding: 0 10px
}

.wrapper {
	position: relative;
	max-width: 1920px;
	margin: 0 auto;
}

#header {
	background: #000;
}

.headerwrapper {
	padding: 15px 0;
	margin: 0 25px;
}

.logo {
	position: absolute;
	width: 21.35416666666667%;
	top: 15px;
	/*left:80px;*/
	left: 2.239583333333333%;
	z-index: 1;
	padding: 0 30px 20px 30px;
}

.headercontact {
	position: relative;
	float: right;
}

ul.shopdetails {
	position: relative;
	float: left;
	margin-right: 50px;
}

ul.shopdetails li {
	float: left;
}

ul.shopdetails li:first-child {
	line-height: 44px;
	margin-right: 5px;
}

ul.shopdetails li span {
	display: block;
	font-size: 14px;
	color: #939598;
	line-height: 16px;
}


/*ul.shopdetails li span:last-child{
	color:#fff;
}*/

ul.shopdetails li span:last-child {
	color: #fff;
	font-weight: 600;
}

ul.shopdetails li span:last-child a {
	color: #fff;
}

ul.socialicons {
	position: relative;
	float: right;
	list-style: none;
	/*margin-right:100px;*/
}

ul.socialicons li {
	float: left;
	line-height: 44px;
	margin-right: 5px;
}

ul.socialicons li:last-child {
	margin-right: 0;
}

.booksy-widget-container-dialog{
	position: absolute;
    right: 0;
    z-index: 1;
    bottom: -70px;
}

.commonbanner {
	position: relative;
}

.commonbanner img {
	display: block;
	width: 100%;
}

.pagename {
	position: absolute;
	width: 100%;
	bottom: 50px;
}

.pagename span {
	position: relative;
	display: block;
	font-size: 110px;
	font-weight: 700;
	text-shadow: 5px 4px 4px rgba(0, 0, 0, 0.65);
	padding: 0 2.34375%;
}

.hairstyle {
	background: #101211;
}

.hairstylewrapper {
	position: relative;
}

.fullpricing {
	position: absolute;
	top: 11.9047619047619%;
	right: 8.333333333333333%;
	/*width:28.69791666666667%;*/
	width: 551px;
	height: 72.76%;
	padding: 40px;
	border: #939598 6px solid;
}

.fullpricing>span {
	position: relative;
	display: block;
}

.barbers {
	font-family: 'Avenir Next LT Pro Bold Condensed';
	font-size: 65px;
	text-align: justify;
	line-height: 65px;
	padding: 0 0 20px;
}

.haircut {
	position: relative;
	display: block;
	border-top: #939598 3px solid;
	border-bottom: #939598 3px solid;
}

.haircut>span {
	position: relative;
	display: block;
}

.haircut>span:first-child {
	float: left;
	font-family: 'Avenir Next LT Pro Bold Condensed';
	font-size: 196px;
	color: #939598;
	line-height: 200px;
	letter-spacing: -20px;
}

.haircut>span:last-child {
	float: right;
	font-family: 'Avenir Next LT Pro Bold Condensed';
	font-size: 80px;
	color: #939598;
	letter-spacing: 3px;
	line-height: 80px;
	padding: 18px 0 0;
}

.cut {
	display: block;
	font-size: 98px;
	letter-spacing: 8px;
}

.pricing {
	text-align: center;
	display: block;
	font-family: 'Avenir Next LT Pro Condensed';
	font-size: 56px;
	text-transform: uppercase;
	letter-spacing: 4px;
	margin-top: 20px;
}

.pricing a {
	display: block;
	background: #fff;
	font-size: 36px;
	color: #000;
	text-decoration: none;
	padding: 10px 5px;
	border: #fff 1px solid;
	margin: 5px 0 0;
}

.pricing a:hover {
	background: transparent;
	color: #fff;
}

.gentlemanwrapper {
	position: inherit;
	background: #0b0b0b;
}

.gentlemansbarbers {
	position: relative;
	max-width: 1080px;
	font-size: 54px;
	line-height: 60px;
	text-align: center;
	padding: 25px 50px;
	margin: 140px auto 70px;
}

.gentlemansbarbers:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 100%;
	background: #0b0b0b;
	border-left: #939598 20px solid;
	border-top: #939598 20px solid;
	border-bottom: #939598 20px solid;
}

.gentlemansbarbers:after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 100%;
	background: #0b0b0b;
	border-right: #939598 20px solid;
	border-top: #939598 20px solid;
	border-bottom: #939598 20px solid;
}

.homepricesection {
	position: relative;
	background: #161a18;
}

.homepriceboxes {
	position: relative;
	width: 25%;
	float: left;
}

.homepriceboxes img {
	width: 100%;
}

.pricetextmain {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	font-size: 34px;
	line-height: 40px;
	color: #939598;
	font-weight: 700;
	text-align: center;
	padding: 10px 5px;
	margin-top: -15%;
}

.pricetextmain span {
	font-size: 65px;
	color: #fff;
	line-height: 70px;
	font-weight: 700;
}

.pricetextsub {
	position: absolute;
	bottom: 5%;
	left: 0;
	width: 100%;
	font-size: 34px;
	line-height: 40px;
	color: #939598;
	font-weight: 700;
	text-align: center;
	padding: 10px 5px;
}

.coffeewrapper {
	background: url(../images/coffee.jpg) center center no-repeat;
	background-size: cover;
}

.coffeccontent {
	position: relative;
	max-width: 1460px;
	text-align: center;
	margin: 50px auto 35px;
}

.coffeccontent h1 {
	font-size: 36px;
	line-height: 40px;
	font-weight: 600;
	margin-bottom: 70px;
}

.coffeccontent p {
	font-size: 30px;
	line-height: 40px;
	margin-bottom: 35px;
}

.barbersdorking {
	position: relative;
	background: #939598;
	max-width: 830px;
	font-size: 56px;
	color: #000;
	font-weight: 700;
	line-height: 56px;
	padding: 25px 0;
	margin: 60px auto 0;
}

.dashdorking {
	background: #161a18;
	max-width: 710px;
	font-size: 76px;
	color: #fff;
	font-weight: 700;
	line-height: 76px;
	padding: 5px 0 10px;
	margin: 20px auto;
}

.dorkingaddress {
	position: relative;
	font-size: 41px;
	font-weight: 700;
	line-height: 41px;
}

.pricediv {
	padding: 0 0 !important;
}

.childwrapper {
	background: #161a18;
	padding: 0 0 !important;
}

.childleft {
	position: relative;
	float: left;
	width: 40.10416666666667%;
}

.childright {
	position: relative;
	float: right;
	width: 59.89583333333333%;
	padding: 7% 15% 0 100px;
}

.mensgrooming {
	display: block;
	font-size: 30px;
	line-height: 36px;
	color: #939598;
	font-weight: 700;
	margin-bottom: 20px;
}

.childright h1 {
	font-size: 84px;
	color: #fff;
	line-height: 90px;
	font-weight: 600;
	margin-bottom: 20px;
}

.childright h1 span {
	display: block;
	font-size: 48px;
	line-height: 54px;
	color: #fff;
	font-weight: 600;
}

.childright p {
	font-size: 28px;
	line-height: 34px;
	color: #7f8289;
	line-height: 40px;
}

a.gotoprice {
	display: block;
	width: 260px;
	font-size: 36px;
	color: #939598;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	padding: 20px 5px;
	border: #939598 2px solid;
	margin: 50px 0 0;
}

a.gotoprice:hover {
	background: #939598;
	color: #161a18;
}

.mapwrapper {
	position: relative;
	padding-bottom: 33.64583333333333%;
}

.mapwrapper iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}


/*.mapwrapper img{
	width:100%;
}*/

.mapwrapper .outerwrapper {
	position: absolute;
	top: 70px;
	left: 0;
	width: 100%;
}

.mapaddress {
	position: relative;
	background: #fff;
	float: left;
	/*max-width:423px;*/
	font-size: 24px;
	color: #000;
	font-weight: 600;
	padding: 20px 20px;
	margin: 0 0 0 50px;
}

.mapaddress span {
	font-weight: 700;
}

.openingtimewrapper {
	position: relative;
	max-width: 1784px;
	margin: 0 auto;
}

.timewrapper {
	position: relative;
	background: #262626;
	float: left;
	width: 30.88565022421525%;
	margin-right: 3.67152466367713%;
	margin-bottom: 3.67152466367713%;
}

.timewrapper:nth-child(3n) {
	margin-right: 0;
}

ul.daytimelist {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding: 8.711433756805808%;
}

ul.daytimelist li {
	display: block;
	font-family: 'Avenir Next LT Pro Bold Condensed';
}

ul.daytimelist li.days {
	font-size: 92px;
	line-height: 72px;
}

ul.daytimelist li.opentime {
	font-family: 'Avenir Next LT Pro Demi Condensed';
	border-top: #939598 3px solid;
	border-bottom: #939598 3px solid;
	padding: 15px 0;
	margin: 25px 0 20px;
}

ul.daytimelist li:last-child.opentime {
	border-top: none;
	border-bottom: none;
	padding: 0 0;
	margin: 0 0;
}

ul.daytimelist li>span {
	display: block;
	float: left;
	color: #939598;
}

ul.daytimelist li .time {
	font-size: 175px;
	line-height: 150px;
	letter-spacing: -12px;
	margin-right: 10px;
}

ul.daytimelist li .amorpm {
	font-family: 'Avenir Next LT Pro Bold Condensed';
	font-size: 80px;
	line-height: 70px;
	padding-top: 6px;
}

ul.daytimelist li .amorpm>span {
	color: #fff;
}

ul.daytimelist li .sundaytime {
	font-size: 138px !important;
	letter-spacing: -10px !important;
	margin-right: 15px !important;
}

.timedoublewrapper {
	position: relative;
	float: left;
	width: 65.44282511210762%;
	padding: 2.111349% 0;
}

.bankholiday {
	font-family: 'Avenir Next LT Pro Bold Condensed';
	font-size: 95px;
	color: #595959;
	line-height: 100px;
	margin-bottom: 5%;
}

.pleasecall {
	font-family: 'Avenir Next LT Pro Demi Condensed';
	font-size: 101px;
	color: #939598;
	line-height: 100px;
}

.pleasecall a {
	font-family: 'Avenir Next LT Pro Bold Condensed';
	color: #fff;
}

.coffeccontent h2 {
	font-size: 62px;
	font-weight: 700;
	margin: 30% 0 28%;
}

.gallerytop {
	position: relative;
	font-size: 110px;
	color: #e6e6e6;
	line-height: 110px;
	font-weight: 700;
	padding: 0 0 30px 28.2%;
	text-shadow: 5px 4px 4px rgba(0, 0, 0, 0.65);
}

.barbershastag {
	display: block;
	color: #4a4a4a;
	font-weight: 700;
}

.gallerywrapper {
	position: relative;
}

ul.gallerylist {
	position: relative;
}

ul.gallerylist li {
	position: relative;
	float: left;
	width: 33.02083333333333%;
	margin: 0.234375% 0.46875% 0.234375% 0;
}

ul.gallerylist li:nth-of-type(3n) {
	margin: 0.234375% 0 0.234375% 0;
}

ul.pricelist {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	list-style: none;
	padding: 8.711433756805808%;
}

ul.pricelist li {
	position: relative;
	display: block;
	height: 50%;
}

ul.pricelist li:first-child {
	font-family: 'Avenir Next LT Pro Bold Condensed';
	font-size: 96px;
	line-height: 96px;
}

ul.pricelist li.prices {
	font-family: 'Avenir Next LT Pro Demi Condensed';
	font-size: 175px;
	line-height: 170px;
	color: #939598;
	letter-spacing: -12px;
	border-top: #939598 3px solid;
}

.waxincluded {
	display: block;
	font-size: 56px;
	line-height: 60px;
	letter-spacing: normal;
}

ul.seniour li:first-child {
	height: 45% !important;
}

ul.seniour li {
	height: 27.5% !important;
}

ul.seniour li.prices {
	font-size:100px;
	line-height:100px;
}
ul.seniour li .minutes {
	font-size:30px;
	line-height:30px;
}

.pound {
	display: block;
	position: relative;
	float: left;
}

.priceday {
	display: inline-block;
	position: relative;
	/*float: left;*/
	font-family: 'Avenir Next LT Pro Bold Condensed';
	font-size:44px;
	color: #fff;
	letter-spacing: normal;
	margin-left: 15px;
}

ul.pricelist li.pricegap {
	padding-top: 9%;
}

.underage {
	position: absolute;
	right: 0;
	bottom: 18%;
	font-size: 56px;
	line-height: 56px;
}

.contacthead {
	font-size: 112px;
	font-weight: 700;
	text-align: center;
	line-height: 120px;
	text-shadow: 5px 4px 4px rgba(0, 0, 0, 0.65);
	padding: 15px 0 45px;
}

.contactwrapper {
	padding: 3% 15% 0 100px !important;
}

.contactwrapper h1 {
	font-weight: 700;
}

.contactaddress {
	position: relative;
	margin: -15px 0 50px;
}

.contactaddress p {
	font-size: 32px;
	color: #fff;
	line-height: 38px;
	font-weight: 600;
}

.contactaddress p a {
	color: #fff;
}

#contact .logo {
	/*left:43px !important;*/
	background: #000;
	/*padding:0 37px 20px 37px;*/
}

.contactmapwrapper {
	position: relative;
	max-height: 646px !important;
	min-height: 200px;
	padding-bottom: 33.64583333333333%;
	overflow: hidden;
}

.contactmapwrapper iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

ul.footersociallinks {
	position: relative;
	list-style: none;
	text-align: center;
	padding: 55px 0;
}

ul.footersociallinks li {
	display: inline-block;
	margin-right: 10%;
}

ul.footersociallinks li:last-child {
	margin-right: 0;
}

ul.copyright {
	position: relative;
	list-style: none;
	text-align: center;
	padding: 20px 0 75px;
}

ul.copyright li {
	display: inline-block;
	font-size: 20px;
	text-transform: uppercase;
	padding: 0 30px;
	border-right: #fff 1px solid;
}

ul.copyright li a {
	color: #fff;
}

ul.copyright li:last-child {
	border-right: none;
}

.contactbottomimage {
	text-align: center;
	padding: 70px 10px;
}

.seopagewrapper {
	position: relative;
	width: 100%;
	max-width: 1800px;
	padding: 60px 0;
	margin: 0 auto;
}

.seopagewrapper .barbersinreigate {
	font-size: 54px;
	text-align: center;
	margin: 40px 0 100px;
}

.seocolwrapper {
	position: relative;
}

.seolefttext {
	position: relative;
	float: left;
	width: 65.55555555555556%;
	/*min-height:1384px;*/
	background: #262626;
	/*padding:0 3.888888888888889%;*/
}

.seolefttext>div {
	padding: 5.932203389830508%;
}

.seorighttext {
	position: relative;
	float: right;
	width: 31.11111111111111%;
}

.seorighttext ul {
	position: relative;
	list-style: none;
}

.seorighttext ul li {
	display: block;
	margin-bottom: 90px;
}

.seorighttext ul li:last-child {
	margin-bottom: 0;
}

.seolefttext h1 {
	font-size: 36px;
	margin-bottom: 25px;
}

.seolefttext p {
	font-size: 36px;
	line-height: 44px;
	margin-bottom: 25px;
}

.seolefttext p:last-child {
	margin-bottom: 0;
}

.keywordswrapper {
	position: relative;
	display: none;
	max-width: 1800px;
	background: #262626;
	font-size: 20px;
	text-align: center;
	padding: 25px 25px;
	margin: 0 auto 25px;
}

.keywordswrapper.active {
	display: block;
}

.keywordswrapper a {
	display: inline-block;
	color: #fff;
	padding: 0 10px;
	border-right: #fff 1px solid;
	margin: 4px 0;
}

.keywordswrapper a:last-child {
	border-right: none;
}

.dorkingheircut {
	position: relative;
	background: #101211;
	padding: 70px 10px;
}

.dorkinginner {
	position: relative;
	max-width: 1800px;
	margin: 0 auto;
}

.dorkingcolwrapper {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.dorkingcolumn {
	position: relative;
	flex-basis: 30.61111111111111%;
	max-width: 30.61111111111111%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.heircutcol {
	padding: 30px;
	border: #939598 6px solid;
}

.dorkingbarbers {
	font-size: 45px !important;
}

.pricesection {
	position: relative;
	background: #161a18;
	padding: 0 0;
}

.priceimages {
	position: relative;
	float: left;
	max-width: 770px;
}

.pricecolumn {
	position: relative;
	float: right;
	width: calc(100% - 820px);
	padding: 35px 10px 35px 0;
}

.pricecolumn h1 {
	font-size: 60px;
	font-weight: 700;
	margin-bottom: 7%;
}

ul.pricerows {
	position: relative;
	list-style: none;
	max-width: 770px;
}

ul.pricerows li {
	position: relative;
	display: block;
	font-size: 48px;
	line-height: 48px;
	margin-bottom: 5px;
}

ul.pricerows li span {
	position: relative;
	display: block;
}

ul.pricerows li:after {
	content: '';
	position: absolute;
	background: #7f8289;
	width: 100%;
	height: 1px;
	left: 0;
	bottom: 3px;
	z-index: 0;
}
.minutes{
	position:relative;
	display:inline-block;
	font-size:46px;
	line-height:46px;
	letter-spacing:0;
	margin-left:10px;
}
.waxincluded span{
	font-size:30px;
}

.cuttype {
	background: #161a18;
	float: left;
	color: #7f8289;
	padding-right: 10px;
	z-index: 1;
}

.cost {
	background: #161a18;
	float: right;
	font-weight: 700;
	padding-left: 10px;
	z-index: 1;
}

.nounderline:after {
	display: none !important;
}

ul.singlerow {
	margin: 5% 0 0;
}

.pricecolumn h2 {
	font-size: 48px;
	color: #7f8289;
	line-height: 48px;
	margin: 7% 0;
}

.pricecolumn h2:last-child {
	margin: 5% 0 0;
}

.pricecolumn h2 span {
	color: #fff;
	font-weight: 700;
}

.cuttype>span {
	display: inline-block !important;
	color: #fff;
	font-weight: 700;
}

.dorkingcoffeewrapper {
	background: url(../images/coffee2.jpg) center center no-repeat;
	background-size: auto;
	background-size: cover;
}

.dorkingcoffeewrapper h2 {
	margin: 14% 0 18%;
}

.dorkingcoffeewrapper .coffeccontent {
	max-width: 1800px;
	padding-bottom: 25px;
}


/*.dorkingmap{
	padding-bottom:33.64583333333333%;
}
.dorkingmap iframe{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}*/

.side-box-c {
	position: fixed;
	top: 100px;
	right: 0;
	z-index: 9;
	transition: all .4s ease-in-out;
}

.side-box-c ul li {
	border: 1px solid #fff;
	background-color: #000;
	transition: all .4s ease-in-out;
}

.side-box-c ul li a {
	color: #fff;
	padding: 6px 15px;
	display: inline-block;
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	transition: all .4s ease-in-out;
	text-decoration: none;
}

.side-box-c ul li:hover {
	background-color: #fff;
}

.side-box-c ul li a:hover {
	color: #000;
}

.close-c {
	opacity: 0;
	outline: none;
}

@media only screen and (max-width:991px) {
	.side-box-c {
		position: fixed;
		top: 100px;
		right: -144px;
	}

	.show-c {
		right: 0;
	}

	.close-c {
		position: absolute;
		left: -34px;
		color: #fff;
		background-color: #000;
		border: 1px solid #fff;
		opacity: 1;
		padding: 6px;
	}

	.close-c img {
		width: 20px;
		transition: all .4s ease-in-out;
	}

	.side-box-c.show-c .close-c img {
		transform: rotate(180deg);
	}
}



.safemsg{
	position:absolute;
	left:0;
	bottom:250px;
	width:100%;
	padding: 0 2.34375%;
}
.safewraapper{
	position:relative;
	max-width:50%;
	background:rgba(0,0,0,0.65);
	font-size:24px;
	padding:20px 20px;
}


/*-Media Queries--------------------------------------------------------------------------------------------------------------------*/


/*================(<1920)================*/

@media screen and (max-width:119.9375em) {
	.contactwrapper {
		padding: 2% 14% 0 100px !important;
	}

	.childright h1 {
		font-size: 80px;
		line-height: 86px;
	}

	.contactaddress p {
		font-size: 30px;
		line-height: 36px;
	}

	.contactaddress {
		margin: -15px 0 30px;
	}

	ul.shopdetails {
		margin-right: 35px;
	}
}


/*================(<1820)================*/

@media screen and (max-width:113.6875em) {
	ul.daytimelist li .sundaytime {
		margin-right: 10px !important;
	}

	ul.seniour li.prices {
		font-size: 136px;
	}

	.contactwrapper {
		padding: 2% 12% 0 80px !important;
	}
}


/*================(1800)================*/

@media screen and (max-width:112.5em) {
	.barbers {
		font-size: 54px;
		line-height: 54px;
	}

	.haircut>span:first-child {
		font-size: 160px;
		line-height: 180px;
	}

	.haircut>span:last-child {
		font-size: 60px;
		line-height: 70px;
	}

	.cut {
		display: block;
		font-size: 72px;
		letter-spacing: 8px;
	}

	.pricing {
		font-size: 42px;
		margin-top: 15px;
	}

	.fullpricing {
		top: 11.9047619047619%;
		right: 5%;
		width: 460px;
		/*height: 62%;*/
		padding: 30px;
	}

	.pricing a {
		font-size: 32px;
	}

	.hairstylewrapper img {
		max-width: 60%;
	}

	.childright {
		padding: 4% 5% 0 80px;
	}

	.heircutcol .barbers {
		font-size: 52px;
		line-height: 52px;
		text-align: center;
	}

	.heircutcol .haircut>span:first-child {
		font-size: 190px;
		line-height: 180px;
	}

	.heircutcol .haircut>span:last-child {
		font-size: 72px;
		line-height: 70px;
	}

	.heircutcol .cut {
		font-size: 90px;
	}
}


/*================(<1800)================*/

@media screen and (max-width:112.4375em) {
	ul.daytimelist li .time {
		font-size: 170px;
		line-height: 140px;
	}

	ul.daytimelist li .amorpm {
		font-size: 72px;
		line-height: 64px;
	}

	ul.daytimelist li .sundaytime {
		font-size: 134px !important;
	}

	ul.daytimelist li.days {
		font-size: 86px;
	}

	ul.pricelist li:first-child {
		font-size: 90px;
		line-height: 90px;
	}

	ul.pricelist li.prices {
		font-size: 170px;
		line-height: 165px;
	}

	.waxincluded {
		font-size: 52px;
		line-height: 56px;
	}

	ul.seniour li.prices {
		font-size:80px !important;
		line-height:70px !important;
	}
	/*ul.seniour li {
		height:22% !important;
	}*/

	.priceday {
		font-size:46px;
	}

	.contactaddress p {
		font-size: 26px;
		line-height: 32px;
	}

	.contactwrapper p {
		font-size: 26px;
		line-height: 36px;
	}

	.seolefttext p {
		font-size: 32px;
		line-height: 40px;
	}

	.logo {
		left: 0;
	}

	ul.shopdetails {
		margin-right: 30px;
	}
}


/*================(1680)================*/

@media screen and (max-width:105em) {
	.logo {
		left: 0px;
	}

	/*ul.socialicons {
		margin-right: 50px;
	}*/
	.pagename span {
		font-size: 80px;
		padding: 0 20px;
	}

	.pagename {
		bottom: 10px;
	}

	.barbers {
		padding: 0 0 15px;
	}

	.haircut>span:first-child {
		line-height: 170px;
	}

	.haircut>span:last-child {
		padding: 15px 0 0;
	}

	.gentlemansbarbers {
		max-width: 900px;
		font-size: 48px;
		line-height: 55px;
		padding: 25px 30px;
		margin: 70px auto;
	}

	.gentlemansbarbers:before {
		width: 20px;
		border-left: #939598 10px solid;
		border-top: #939598 10px solid;
		border-bottom: #939598 10px solid;
	}

	.gentlemansbarbers:after {
		width: 20px;
		border-right: #939598 10px solid;
		border-top: #939598 10px solid;
		border-bottom: #939598 10px solid;
	}

	.pricetextmain {
		font-size: 28px;
		line-height: 34px;
	}

	.pricetextmain span {
		font-size: 40px;
		line-height: 50px;
	}

	.pricetextsub {
		font-size: 28px;
		line-height: 34px;
	}

	.coffeccontent h1 {
		font-size: 30px;
		line-height: 36px;
		margin-bottom: 50px;
	}

	.coffeccontent p {
		font-size: 24px;
		line-height: 32px;
		margin-bottom: 25px;
	}

	/*.barbersdorking {
		max-width: 900px;
		font-size: 36px;
		line-height: 60px;
		margin: 50px auto 0;
	}*/
	.childright {
		padding: 35px 50px 0;
	}

	.childright h1 {
		font-size: 72px;
		line-height: 80px;
	}

	.childright h1 span {
		font-size: 42px;
		line-height: 48px;
	}

	.childright p {
		font-size: 24px;
		line-height: 34px;
		line-height: 32px;
	}

	a.gotoprice {
		font-size: 30px;
		padding: 15px 5px;
	}

	.contacthead {
		font-size: 100px;
		line-height: 100px;
	}

	.dorkingbarbers {
		font-size: 38px !important;
		line-height: 40px !important;
	}

	.pricecolumn h1 {
		font-size: 48px;
	}

	ul.pricerows li {
		font-size: 42px;
		line-height: 42px;
	}

	.priceimages {
		max-width: 660px;
	}

	.pricecolumn {
		width: calc(100% - 725px);
	}
	
	
	.safemsg{
		bottom:150px;
		padding:0 20px;
	}
	.safewraapper {
		font-size: 20px;
	}
}


/*================(<1680)================*/

@media screen and (max-width:104.9375em) {
	ul.daytimelist li.days {
		font-size: 72px;
		line-height: 50px;
	}

	ul.daytimelist li .time {
		font-size: 156px;
		line-height: 125px;
	}

	ul.daytimelist li .amorpm {
		font-size: 64px;
		line-height: 62px;
		padding-top: 0;
	}

	ul.daytimelist li .sundaytime {
		font-size: 120px !important;
	}

	.bankholiday {
		font-size: 84px;
		line-height: 90px;
		margin-bottom: 4%;
	}

	.pleasecall {
		font-size: 90px;
		line-height: 90px;
	}

	.priceday {
		font-size:40px;
	}

	ul.pricelist li:first-child {
		font-size: 84px;
		line-height: 88px;
	}

	.seopagewrapper .barbersinreigate {
		margin: 0 0 60px;
	}

	.heircutcol .haircut>span:first-child {
		font-size: 180px;
		line-height: 180px;
	}

	.dorkingcoffeewrapper h2 {
		margin: 10% 0 12%;
	}

	.dorkingcoffeewrapper .coffeccontent {
		padding-bottom: 10px;
	}

	ul.pricerows li {
		font-size: 36px;
	}

	.pricecolumn h2 {
		font-size: 42px;
	}
}


/*================(1600)================*/

@media screen and (max-width:100em) {}


/*================(<1600)================*/

@media screen and (max-width:99.9375em) {
	ul.daytimelist li .time {
		font-size: 150px;
		line-height: 120px;
	}

	ul.daytimelist li .amorpm {
		font-size: 60px;
		line-height: 60px;
	}

	.bankholiday {
		font-size: 80px;
		line-height: 84px;
	}

	.pleasecall {
		font-size: 84px;
		line-height: 84px;
	}

	ul.pricelist li:first-child {
		font-size: 80px;
		line-height: 80px;
	}

	ul.pricelist li.prices {
		font-size: 120px;
		line-height: 106px;
	}

	.waxincluded {
		font-size: 46px;
		line-height: 50px;
	}

	ul.seniour li.prices {
		font-size:64px !important;
		line-height:70px !important;
	}
	ul.seniour li .minutes {
		font-size:24px;
		line-height:24px;
	}

	.underage {
		font-size: 48px;
		line-height: 48px;
	}

	.contactwrapper {
		padding: 25px 50px !important;
	}

	.contactwrapper .mensgrooming {
		font-size: 26px;
		line-height: 30px;
		margin-bottom: 15px;
	}

	.contactbottomimage {
		padding: 0 10px 50px;
	}

	.seolefttext p {
		font-size: 30px;
		line-height: 36px;
	}

	.logo {
		width: 18%;
		padding: 0 0 20px 0;
	}

	.heircutcol .cut {
		font-size: 80px;
	}

	.heircutcol .haircut>span:first-child {
		font-size: 170px;
		line-height: 180px;
	}

	.heircutcol .haircut>span:last-child {
		font-size: 65px;
		line-height: 68px;
	}
}


/*================(1480)================*/

@media screen and (max-width:92.5em) {
	.fullpricing {
		width: 416px;
		padding: 25px;
	}

	.barbers {
		font-size: 50px;
		line-height: 50px;
	}

	.haircut>span:first-child {
		font-size: 140px;
		line-height: 150px;
	}

	.haircut>span:last-child {
		font-size: 60px;
		line-height: 56px;
		padding: 18px 0 0;
	}

	.cut {
		font-size: 72px;
	}

	.pricing {
		font-size: 40px;
	}

	.gallerytop {
		font-size: 80px;
		line-height: 80px;
		padding: 30px 0 30px 28.2%;
	}

	.bankholiday {
		font-size: 72px;
		line-height: 78px;
	}

	.pleasecall {
		font-size: 78px;
		line-height: 78px;
	}

	/*#contact .logo {
		padding: 0 30px 20px 30px;
	}*/
}


/*================(<1480)================*/

@media screen and (max-width:92.4375em) {
	ul.daytimelist li.days {
		font-size: 70px;
		line-height: 48px;
	}

	ul.daytimelist li .time {
		font-size: 142px;
		line-height: 110px;
	}

	ul.daytimelist li .amorpm {
		font-size: 56px;
		line-height: 54px;
	}

	ul.daytimelist li .sundaytime {
		font-size: 116px !important;
		line-height: 102px;
	}

	ul.pricelist li:first-child {
		font-size: 76px;
		line-height: 76px;
	}

	/*ul.pricelist li.prices {
		font-size: 144px;
		line-height: 130px;
	}*/
	.minutes {
		font-size:36px;
		line-height:36px;
	}

	.waxincluded {
		font-size: 42px;
	}

	/*ul.seniour li.prices {
		font-size: 100px !important;
		line-height: 96px !important;
	}*/

	.priceday {
		font-size:36px;
	}

	.underage {
		font-size: 44px;
		line-height: 44px;
	}

	.contactwrapper h1 {
		font-size: 64px;
		line-height: 64px;
	}

	.childright p {
		font-size: 24px;
		line-height: 34px;
		line-height: 26px;
	}

	.contacthead {
		font-size: 80px;
		line-height: 80px;
		padding: 25px 0;
	}

	.seolefttext h1 {
		font-size: 26px;
		line-height: 32px;
	}

	.seolefttext p {
		font-size: 26px;
		line-height: 32px;
	}

	.headerwrapper {
		margin: 0 0;
	}

	ul.shopdetails {
		margin-right: 20px;
	}

	.heircutcol .barbers {
		font-size: 46px;
		line-height: 46px;
	}

	.heircutcol .haircut>span:first-child {
		font-size: 150px;
		line-height: 150px;
	}

	.heircutcol .haircut>span:last-child {
		font-size: 60px;
		line-height: 56px;
	}

	.heircutcol .cut {
		font-size: 72px;
	}
}


/*================(1400)================*/

@media screen and (max-width:87.5em) {
	.logo {
		top: 25px;
		max-width: 250px;
	}

	.childright h1 {
		font-size: 64px;
		line-height: 74px;
	}

	.childright h1 span {
		font-size: 38px;
		line-height: 40px;
	}

	.mensgrooming {
		font-size: 26px;
		line-height: 30px;
		margin-bottom: 10px;
	}

	a.gotoprice {
		font-size: 26px;
		padding: 12px 5px;
		margin: 40px 0 0;
	}

	.mapwrapper .outerwrapper {
		top: 50px;
	}

	.mapaddress {
		font-size: 20px;
	}

	ul.footersociallinks {
		padding: 55px 0 35px;
	}

	ul.footersociallinks li {
		max-width: 100px;
		margin-right: 5%;
	}

	ul.copyright li {
		padding: 0 30px;
	}

	.gallerytop {
		padding: 0 0 20px 28.2%;
	}
}


/*================(<1400)================*/

@media screen and (max-width:87.4375em) {
	ul.daytimelist li.days {
		font-size: 64px;
		line-height: 40px;
	}

	ul.daytimelist li .time {
		font-size: 134px;
		line-height: 100px;
	}

	ul.daytimelist li .amorpm {
		font-size: 46px;
		line-height: 46px;
	}

	ul.daytimelist li .sundaytime {
		font-size: 106px !important;
		line-height: 100px;
		letter-spacing: -8px;
	}

	.bankholiday {
		font-size: 64px;
		line-height: 70px;
	}

	.pleasecall {
		font-size: 70px;
		line-height: 70px;
	}

	.coffeccontent h2 {
		font-size: 48px;
		margin: 25% 0 23%;
	}

	ul.pricelist li:first-child {
		font-size: 70px;
		line-height: 70px;
	}

	/*ul.pricelist li.prices {
		font-size: 136px;
		line-height: 122px;
		line-height: 134px;
	}*/

	.waxincluded {
		font-size: 38px;
		line-height: 38px;
	}

	ul.seniour li.prices {
		/*font-size: 90px !important;*/
		font-size:64px !important;
		line-height:70px !important;
	}
	
	ul.seniour li .minutes {
		font-size:20px;
		line-height:20px;
	}

	.priceday {
		font-size:30px;
	}

	.contactwrapper .mensgrooming {
		font-size: 24px;
		line-height: 24px;
		margin-bottom: 10px;
	}

	.heircutcol .barbers {
		font-size: 42px;
		line-height: 42px;
	}

	.heircutcol .haircut>span:first-child {
		font-size: 130px;
	}

	.heircutcol .haircut>span:last-child {
		font-size: 56px;
	}

	.heircutcol .cut {
		font-size: 66px;
	}

	.priceimages {
		max-width: 500px;
	}

	.pricecolumn {
		width: calc(100% - 550px);
	}

	.pricecolumn h1 {
		font-size: 40px;
		margin-bottom: 5%;
	}

	ul.pricerows li {
		font-size: 32px;
		line-height: 32px;
	}

	.pricecolumn h2 {
		font-size: 36px;
		line-height: 38px;
		margin: 5% 0;
	}
}


/*================(1368)================*/

@media screen and (max-width:85.5em) {
	.barbers {
		font-size: 42px;
		line-height: 44px;
	}

	.haircut>span:first-child {
		font-size: 100px;
		line-height: 110px;
		letter-spacing: -10px;
	}

	.fullpricing {
		width: 300px;
		height: 61%;
		right: 10%;
	}

	.barbers {
		font-size: 33px;
		line-height: 36px;
		padding: 0 0 10px;
	}

	.haircut>span:last-child {
		font-size: 40px;
		line-height: 40px;
		padding: 15px 0 0;
	}

	.cut {
		font-size: 46px;
	}

	.pricing {
		font-size: 24px;
	}

	.pricing a {
		font-size: 24px;
		line-height: 28px;
	}

	.gentlemansbarbers {
		max-width: 800px;
		font-size: 44px;
		line-height: 55px;
		padding: 20px 30px;
	}

	.pricetextmain {
		font-size: 25px;
		line-height: 30px;
	}

	.pricetextmain span {
		font-size: 36px;
		line-height: 40px;
	}

	.pricetextsub {
		font-size: 24px;
		line-height: 30px;
	}

	.coffeccontent h1 {
		font-size: 26px;
		line-height: 32px;
		margin-bottom: 40px;
	}

	.coffeccontent p {
		font-size: 22px;
		line-height: 28px;
		margin-bottom: 20px;
	}

	.coffeccontent {
		max-width: 1080px;
	}

	/*.barbersdorking {
		max-width: 800px;
		font-size: 32px;
		line-height: 50px;
	}*/
}


/*================(1280)================*/

@media screen and (max-width:80em) {}


/*================(<1280)================*/

@media screen and (max-width:79.9375em) {
	.fullpricing {
		height: 68%;
	}

	.mensgrooming {
		font-size: 22px;
		line-height: 26px;
	}

	.childright h1 {
		font-size: 56px;
		line-height: 64px;
	}

	.childright h1 span {
		font-size: 32px;
		line-height: 34px;
	}

	.childright {
		padding: 25px 35px 0;
	}

	.childright p {
		font-size: 20px;
		line-height: 28px;
	}

	a.gotoprice {
		font-size: 22px;
		padding: 10px 5px;
		margin: 25px 0 0;
	}

	.gallerytop {
		font-size: 80px;
		line-height: 80px;
		padding: 10px 0 10px 26%;
	}

	ul.daytimelist li.days {
		font-size: 60px;
	}

	ul.daytimelist li .time {
		font-size: 120px;
		line-height: 90px;
	}

	ul.daytimelist li .amorpm {
		font-size: 46px;
		line-height: 46px;
	}

	ul.daytimelist li .sundaytime {
		font-size: 96px !important;
		line-height: 88px;
		letter-spacing: -7px !important;
	}

	ul.pricelist li:first-child {
		font-size: 64px;
		line-height: 64px;
	}

	.priceday {
		font-size: 36px;
	}

	.underage {
		font-size: 36px;
		line-height: 36px;
	}

	ul.seniour li.prices {
		line-height: 82px !important;
	}

	.contactwrapper .mensgrooming {
		font-size: 20px;
		line-height: 20px;
	}

	.contactwrapper h1 {
		font-size: 52px;
		line-height: 56px;
	}

	.contactwrapper p {
		font-size: 20px;
		line-height: 26px;
	}

	.seolefttext>div {
		padding: 50px;
	}

	.seolefttext h1 {
		font-size: 24px;
	}

	.seolefttext p {
		font-size: 24px;
		line-height: 30px;
	}

	.logo {
		max-width: 180px;
	}

	ul.shopdetails li span {
		font-size: 13px;
	}

	.heircutcol {
		padding: 20px;
	}

	.heircutcol .barbers {
		font-size: 40px;
		line-height: 40px;
	}

	.heircutcol .haircut>span:first-child {
		font-size: 126px;
		line-height: 130px;
	}

	.heircutcol .haircut>span:last-child {
		font-size: 48px;
		line-height: 48px;
	}

	.heircutcol .cut {
		font-size: 54px;
	}

	.dorkingbarbers {
		font-size: 32px !important;
		line-height: 36px !important;
	}

	.pricecolumn h1 {
		font-size: 38px;
	}
	
	.safemsg {
		bottom: 125px;
	}
	.safewraapper {
		font-size:16px;
	}
}


/*================(1260)================*/

@media screen and (max-width:78.75em) {}


/*================(1224)================*/

@media screen and (max-width:76.5em) {}


/*================(1200)================*/

@media screen and (max-width:75em) {}


/*================(<1200)================*/

@media screen and (max-width:74.9375em) {
	.logo {
		background: #000;
		left: 60px;
		max-width: 150px;
		padding: 0 5px 10px;
	}

	.headerwrapper {
		margin: 0 0;
	}

	.pagename span {
		font-size: 72px;
	}

	.fullpricing {
		height: 74%;
		right: 8%;
	}

	.gentlemansbarbers {
		max-width: 640px;
		font-size: 36px;
		line-height: 50px;
		margin: 50px auto;
	}

	.pricetextmain {
		font-size: 20px;
		line-height: 26px;
	}

	.pricetextmain span {
		font-size: 32px;
		line-height: 36px;
	}

	.pricetextsub {
		font-size: 20px;
		line-height: 24px;
	}

	.coffeccontent h1 {
		font-size: 22px;
		margin-bottom: 20px;
	}

	.coffeccontent p {
		font-size: 18px;
		line-height: 26px;
		margin-bottom: 15px;
	}

	.barbersdorking {
		max-width: 640px;
		font-size: 40px;
		line-height: 40px;
	}

	.dashdorking {
		max-width: 510px;
		font-size: 60px;
		line-height: 60px;
		padding: 8px 0 10px;
	}

	.dorkingaddress {
		font-size: 30px;
		line-height: 30px;
	}

	ul.footersociallinks li {
		max-width: 74px;
		margin-right: 2%;
	}

	ul.copyright li {
		font-size: 16px;
		padding: 0 10px;
	}

	.contactwrapper {
		padding: 25px 25px !important;
	}

	.contactwrapper h1 {
		font-size: 46px;
		line-height: 44px;
	}

	.contactwrapper p {
		font-size: 16px;
		line-height: 22px;
	}

	ul.daytimelist li.days {
		font-size: 50px;
		line-height: 22px;
	}

	ul.daytimelist li .time {
		font-size: 100px;
		line-height: 80px;
		letter-spacing: -10px;
	}

	ul.daytimelist li .amorpm {
		font-size: 38px;
		line-height: 38px;
	}

	ul.daytimelist li .sundaytime {
		font-size: 88px !important;
		line-height: 80px;
	}

	.bankholiday {
		font-size: 56px;
		line-height: 64px;
	}

	.pleasecall {
		font-size: 60px;
		line-height: 64px;
	}

	.coffeccontent h2 {
		font-size: 40px;
		margin: 19% 0 18%;
	}

	ul.pricelist li:first-child {
		font-size: 56px;
		line-height: 56px;
	}

	ul.pricelist li.prices {
		font-size:100px;
		/*line-height: 108px;*/
		line-height:100px;
	}

	.waxincluded {
		font-size: 32px;
		/*line-height:40px;*/
		line-height: 30px;
	}

	ul.seniour li.prices {
		/*font-size:80px !important;
		line-height:70px !important;*/
		font-size:60px !important;
		line-height:66px !important;
	}

	.priceday {
		font-size:24px;
	}

	.underage {
		font-size: 32px;
		line-height: 32px;
	}

	.contacthead {
		font-size: 60px;
		line-height: 60px;
	}

	.contactbottomimage {
		padding: 0 10px;
	}

	.seolefttext>div {
		padding: 30px;
	}

	.seolefttext h1 {
		font-size: 20px;
	}

	.seolefttext p {
		font-size: 20px;
		line-height: 26px;
	}

	.heircutcol .barbers {
		font-size: 36px;
		line-height: 36px;
	}

	.heircutcol .haircut>span:first-child {
		font-size: 120px;
		line-height: 120px;
	}

	.heircutcol .haircut>span:last-child {
		font-size: 40px;
		line-height: 40px;
	}

	.heircutcol .cut {
		font-size: 46px;
	}

	.dorkingbarbers {
		font-size: 26px !important;
		line-height: 30px !important;
	}
}


/*================(1180)================*/

@media screen and (max-width:73.75em) {}


/*================(1120)================*/

@media screen and (max-width:70em) {}


/*================(<1080)================*/

@media screen and (max-width:67.4375em) {
	.headerwrapper {
		padding: 10px 0;
	}

	/*.logo {
		max-width: 200px;
	}*/
	ul.socialicons {
		margin-right: 20px;
	}

	.fullpricing {
		height: 80%;
		right: 5%;
	}

	.childright h1 {
		font-size: 48px;
		line-height: 58px;
	}

	.childright h1 span {
		font-size: 28px;
		line-height: 30px;
	}

	.childright p {
		font-size: 18px;
		line-height: 24px;
	}

	a.gotoprice {
		font-size: 18px;
		margin: 20px 0 0;
	}

	ul.daytimelist li.opentime {
		margin: 20px 0 15px;
	}

	ul.daytimelist li .sundaytime {
		font-size: 78px !important;
	}

	.bankholiday {
		font-size: 50px;
		line-height: 58px;
	}

	.pleasecall {
		font-size: 54px;
		line-height: 58px;
	}

	ul.pricelist li:first-child {
		font-size: 52px;
		line-height: 52px;
	}

	ul.pricelist li.prices {
		font-size: 100px;
		line-height: 100px;
	}

	.waxincluded {
		font-size: 30px;
		line-height: 32px;
	}

	/*ul.seniour li.prices {
		font-size: 72px !important;
		line-height: 66px !important;
	}*/

	.contactwrapper p {
		font-size: 16px;
		line-height: 20px;
	}

	.seopagewrapper {
		padding: 30px 0;
	}

	.seopagewrapper .barbersinreigate {
		margin: 0 0 30px;
	}

	.dorkingcolumn {
		flex-basis: 32%;
		max-width: 32%;
	}

	.heircutcol .barbers {
		font-size: 32px;
		line-height: 32px;
	}

	.heircutcol .haircut>span:first-child {
		font-size: 108px;
		line-height: 108px;
	}

	.priceimages {
		max-width: 420px;
	}

	.pricecolumn {
		width: calc(100% - 470px);
		padding: 25px 10px 25px 0;
	}

	.pricecolumn h1 {
		font-size: 36px;
	}

	ul.pricerows li {
		font-size: 28px;
		line-height: 28px;
	}

	.pricecolumn h2 {
		font-size: 32px;
		line-height: 34px;
	}
	.waxincluded span{
		font-size:20px;
	}
}


/*================(1069)================*/

@media screen and (max-width:66.8125em) {}


/*================(1023)================*/

@media screen and (max-width: 63.9375em) {}


/*================(1023 - 769)================*/


/*@media only screen and (max-width: 63.9375em) and (min-width: 48.0625em) {
	
}*/


/*================(1000)================*/

@media screen and (max-width: 62.5em) {
	.mapaddress {
		font-size: 18px;
	}

	ul.daytimelist li.opentime {
		margin: 15px 0 10px;
	}

	ul.daytimelist li .sundaytime {
		font-size: 72px !important;
	}
	
	
}


/*================(<980)================*/

@media screen and (max-width: 61.1875em) {
	.logo {
		position: relative;
		top: 0;
		left: auto;
		padding: 0 0;
		margin: 0 auto;
	}

	.headercontact {
		float: none;
	}

	ul.socialicons {
		float: none;
		text-align: center;
		margin: 10px 0;
	}

	ul.socialicons li {
		float: none;
		display: inline-block;
	}

	ul.shopdetails {
		float: none;
		text-align: center;
		margin-top: 10px;
	}

	ul.shopdetails li {
		float: none;
		display: inline-block;
	}

	ul.shopdetails li:first-child {
		line-height: 16px;
		margin-right: 10px;
	}
	
	.booksy-widget-container-dialog {
		position: relative;
		display:block !important;
		right:inherit;
		bottom:0;
		margin:0 auto;
	}

	.pagename span {
		font-size: 48px;
		text-align: center;
		padding: 0 10px;
	}

	.fullpricing {
		width: auto;
		height: auto;
		right: 25px;
		padding: 15px;
	}

	.barbers {
		font-size: 24px;
		line-height: 30px;
		padding: 0 0 10px;
	}

	.haircut>span:first-child {
		font-size: 72px;
		line-height: 80px;
		letter-spacing: -8px;
	}

	.haircut>span:last-child {
		font-size: 30px;
		line-height: 30px;
		padding: 10px 0 0;
	}

	.cut {
		font-size: 36px;
	}

	.pricing {
		font-size: 16px;
		margin: 10px 0 0;
	}

	.pricing a {
		font-size: 16px;
		line-height: 20px;
	}

	.gentlemansbarbers {
		max-width: 480px;
		font-size: 24px;
		line-height: 36px;
		margin: 35px auto;
	}

	.pricetextmain {
		font-size: 16px;
		line-height: 22px;
		top: 20px;
		margin-top: 0;
	}

	.pricetextsub {
		font-size: 16px;
		line-height: 20px;
	}

	.coffeccontent h1 {
		font-size: 18px;
		margin-bottom: 15px;
	}

	.coffeccontent p {
		font-size: 16px;
		line-height: 24px;
	}

	/*.barbersdorking {
		max-width:480px;
		font-size: 20px;
		line-height: 32px;
		padding: 20px 0;
	}*/
	.childright {
		padding: 15px 20px 0;
	}

	.mensgrooming {
		font-size: 16px;
		line-height: 20px;
	}

	.childright h1 {
		font-size: 30px;
		line-height: 36px;
		margin-bottom: 15px;
	}

	.childright h1 span {
		font-size: 24px;
		line-height: 28px;
	}

	.childright p {
		font-size: 16px;
		line-height: 20px;
	}

	a.gotoprice {
		font-size: 16px;
		padding: 8px 5px;
		margin: 10px 0 0;
	}

	.mapwrapper .outerwrapper {
		top: 10px;
	}

	.mapaddress {
		font-size: 16px;
		margin: 0 0;
	}

	ul.footersociallinks {
		padding: 25px 0 15px;
	}

	ul.footersociallinks li {
		max-width: 42px;
		margin-right: 10px;
	}

	ul.copyright {
		padding: 10px 0 25px;
	}

	ul.copyright li {
		font-size: 14px;
		padding: 0 10px;
	}

	.gallerytop {
		font-size: 72px;
		line-height: 72px;
		text-align: center;
		padding: 20px 20px;
	}

	ul.daytimelist li.days {
		font-size: 36px;
	}

	ul.daytimelist li .time {
		font-size: 80px;
		line-height: 60px;
		letter-spacing: -6px;
	}

	ul.daytimelist li .amorpm {
		font-size: 26px;
		line-height: 26px;
	}

	ul.daytimelist li .sundaytime {
		font-size: 64px !important;
		letter-spacing: -6px !important;
	}

	.bankholiday {
		font-size: 40px;
		line-height: 44px;
	}

	.pleasecall {
		font-size: 44px;
		line-height: 46px;
	}

	.coffeccontent h2 {
		font-size: 32px;
		margin: 15% 0;
	}

	ul.pricelist li:first-child {
		font-size: 42px;
		line-height: 42px;
	}

	ul.pricelist li.prices {
		font-size:64px;
		line-height:64px;
		letter-spacing: -6px;
	}
	.minutes {
		font-size:28px;
		line-height:28px;
	}

	.waxincluded {
		font-size: 24px;
		line-height: 22px;
	}

	ul.seniour li.prices {
		font-size:46px !important;
		line-height:50px !important;
	}
	ul.seniour li .minutes {
		font-size:14px;
		line-height:14px;
	}

	.priceday {
		font-size:16px;
	}

	.underage {
		font-size: 20px;
		line-height: 20px;
	}

	#contact .childleft {
		float: none;
		width: 100%;
		text-align: center;
	}

	#contact .childleft img {
		width: 100%;
		max-width: 640px;
	}

	#contact .childright {
		float: none;
		width: 100%;
		text-align: center;
	}

	.seolefttext {
		float: none;
		width: 100%;
		margin-bottom: 30px;
	}

	.seorighttext {
		float: none;
		width: 100%;
	}

	.seorighttext ul li {
		float: left;
		width: 50%;
		padding: 0 5px;
	}

	.seorighttext ul li {
		margin-bottom: 0;
	}

	.seopagewrapper .barbersinreigate {
		font-size: 46px;
	}

	.dorkingcolwrapper {
		display: block !important;
	}

	.dorkingcolumn {
		display: block;
		width: 100%;
		max-width: 320px;
		margin: 10px auto;
	}

	.dorkingheircut {
		padding: 30px 10px;
	}

	.heircutcol .barbers {
		display: block;
	}

	.priceimages {
		float: none;
		max-width: 100%;
	}

	.priceimages>div {
		float: left;
		max-width: 50%;
	}

	.pricecolumn {
		float: none;
		width: 100%;
		padding: 25px 10px;
	}

	.pricecolumn h1 {
		text-align: center;
	}

	ul.pricerows {
		max-width: 480px;
		margin: 0 auto;
	}

	.pricecolumn h2 {
		max-width: 480px;
		margin: 5% auto;
	}

	.pricecolumn h2:last-child {
		margin: 5% auto 0;
	}
	
	.homename {
		bottom: 20%;
	}
	.safemsg {
		bottom: 0;
		position: relative;
		text-align:center;
		padding:0 0;
	}	
	.safewraapper {
		max-width:100%;
		background:none;
		padding:20px 20px;
	}

}


/*================(850)================*/

@media screen and (max-width:53.125em) {}


/*================(800)================*/

@media screen and (max-width: 50em) {
	.homename {
		bottom:25%;
	}
}


/*================(<800)================*/

@media screen and (max-width:799px) {
	ul.daytimelist li .time {
		font-size: 64px;
		line-height: 52px;
	}

	ul.daytimelist li .amorpm {
		font-size: 24px;
		line-height: 25px;
	}

	/*ul.seniour li.prices {
		font-size: 54px !important;
		line-height: 50px !important;
	}*/
}


/*================(>=768)================*/

@media screen and (min-width: 48em) {}


/*================(768)================*/

@media screen and (max-width: 48em) {}


/*================(<768)================*/

@media only screen and (max-width: 47.9375em) {
	.fullpricing {
		right: 20px;
		top: 20px;
		padding: 10px;
	}

	.barbers {
		font-size: 20px;
		line-height: 24px;
		text-align: center;
	}

	.haircut>span:first-child {
		font-size: 60px;
		line-height: 68px;
		letter-spacing: -6px;
	}

	.haircut>span:last-child {
		font-size: 26px;
		line-height: 25px;
		padding: 10px 0 0;
	}

	.pricing {
		font-size: 14px;
	}

	.pricing a {
		font-size: 14px;
		line-height: 14px;
	}

	.cut {
		font-size: 28px;
	}

	.childleft {
		float: none;
		width: 100%;
		text-align: center;
	}

	.childleft img {
		max-width: 480px;
		width: 100%;
	}

	.childright {
		float: none;
		width: 100%;
		max-width: 480px;
		text-align: center;
		padding: 20px 10px;
		margin: 0 auto;
	}

	a.gotoprice {
		margin: 15px auto 0;
	}

	.mapwrapper .outerwrapper {
		position: relative;
		top: 0;
		padding: 0 0;
	}

	.mapaddress {
		float: none;
		width: 100%;
		text-align: center;
	}

	.gallerytop {
		font-size: 62px;
		line-height: 62px;
	}

	ul.daytimelist li.days {
		font-size: 30px;
		line-height: 20px;
	}

	ul.daytimelist li .time {
		font-size: 56px;
		line-height: 38px;
	}

	ul.daytimelist li .amorpm {
		font-size: 20px;
		line-height: 19px;
	}

	ul.daytimelist li .sundaytime {
		font-size: 52px !important;
		letter-spacing: -4px !important;
	}

	.bankholiday {
		font-size: 32px;
		line-height: 36px;
	}

	.pleasecall {
		font-size: 36px;
		line-height: 38px;
	}

	.coffeccontent h2 {
		font-size: 24px;
		margin: 15% 0;
	}

	ul.pricelist li:first-child {
		font-size: 34px;
		line-height: 34px;
	}

	ul.pricelist li.prices {
		font-size:60px;
		line-height:54px;
	}
	.minutes {
		font-size:20px;
		line-height:20px;
	}


	.waxincluded {
		font-size: 20px;
		line-height: 18px;
	}

	ul.seniour li.prices {
		font-size:36px !important;
		line-height: 40px !important;
	}
	
	ul.seniour li .minutes {
		font-size:12px;
		line-height:12px;
	}

	.priceday {
		font-size:14px;
		margin-left: 10px;
	}

	.underage {
		font-size: 18px;
		line-height: 18px;
	}

	.contacthead {
		font-size: 48px;
		line-height: 48px;
	}

	.barbersdorking {
		max-width: 480px;
		font-size: 32px;
		line-height: 32px;
	}

	.dashdorking {
		max-width: 405px;
		font-size: 46px;
		line-height: 46px;
		padding: 8px 0 10px;
	}

	.dorkingaddress {
		font-size: 23px;
		line-height: 23px;
	}

	.seopagewrapper .barbersinreigate {
		font-size: 42px;
	}

	.mapwrapper {
		padding-bottom: 250px;
	}

	.mapwrapper iframe {
		/*top: 212px;*/
		height: 250px;
	}
	
	.homename {
		bottom:32%;
	}
}


/*================(767 - 641)================*/

@media only screen and (max-width: 47.9375em) and (min-width: 40.0625em) {}


/*================(640)================*/

@media screen and (max-width: 40em) {
	.seolefttext>div {
		padding: 15px;
	}

	.seolefttext h1 {
		font-size: 18px;
		margin-bottom: 15px;
	}

	.seolefttext p {
		font-size: 16px;
		margin-bottom: 12px;
	}

	.seolefttext>div {
		text-align: center;
	}

	.keywordswrapper {
		font-size: 14px;
		padding: 15px 15px;
	}

	.pricecolumn h2 {
		text-align: center;
	}
	
	.safewraapper {
		padding: 10px 10px;
	}
}


/*================(639 - 481)================*/

@media only screen and (max-width: 39.9375em) and (min-width: 30.0625em) {}


/*================(<640)================*/

@media only screen and (max-width: 39.9375em) {
	.pagename span {
		font-size: 30px;
	}

	.hairstylewrapper img {
		display: none;
	}

	.hairstylewrapper {
		padding: 15px 0;
	}

	.fullpricing {
		position: relative;
		top: inherit;
		right: inherit;
		max-width: 200px;
		margin: 0 auto;
	}

	.gentlemansbarbers {
		max-width: 320px;
		font-size: 14px;
		line-height: 26px;
		font-weight: 700;
	}

	.homepriceboxes {
		width: 100%;
		max-width: 320px;
		float: none;
		margin: 0 auto;
	}

	.homepriceboxes:nth-child(even) img {
		display: none;
	}

	.pricetextmain {
		position: relative;
		top: auto;
		padding: 15px 10px;
	}

	.pricetextsub {
		position: relative;
		bottom: auto;
		padding: 0 10px 15px;
	}

	/*.homepricesection {
		padding:20px 0;
	}*/
	ul.copyright li {
		display: block;
		border: none;
		margin: 2px 0;
	}

	ul.gallerylist li {
		float: left;
		width: 50%;
		padding: 2px 2px;
		margin: 0 0;
	}

	ul.gallerylist li:nth-of-type(3n) {
		margin: 0 0;
	}

	.gallerytop {
		font-size: 48px;
		line-height: 48px;
	}

	.timewrapper {
		float: none;
		width: 100%;
		max-width: 320px;
		margin: 0 auto 10px;
	}

	.timewrapper img {
		display: none;
	}

	.timewrapper:nth-child(3n) {
		margin: 0 auto 10px;
	}

	ul.daytimelist {
		position: relative;
		width: 100%;
		text-align: center;
		padding: 8.711433756805808%;
	}

	ul.daytimelist li>span {
		display: inline-block;
		float: none;
	}

	.timedoublewrapper {
		float: none;
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}

	ul.pricelist {
		position: relative;
		text-align: center;
	}

	ul.pricelist li:first-child {
		padding: 0 0 15px;
	}

	ul.seniour li:nth-child(2) {
		padding: 15px 0 15px !important;
	}

	ul.pricelist li.prices {
		padding: 15px 0 0;
	}

	.pound {
		display: block;
		float: none;
	}

	.priceday {
		display: block;
		float: none;
		line-height: 24px;
		margin: 0 0;
	}

	.underage {
		position: relative;
		display: block;
		margin-top: 5px;
	}

	.contacthead {
		font-size: 36px;
		line-height: 36px;
	}

	.barbersdorking {
		max-width: 320px;
		font-size: 20px;
		line-height: 20px;
		padding: 15px 0;
	}

	.dashdorking {
		max-width: 255px;
		font-size: 30px;
		line-height: 30px;
		padding: 10px 0 10px;
		margin: 10px auto;
	}

	.dorkingaddress {
		font-size: 15px;
		line-height: 15px;
	}

	.seopagewrapper .barbersinreigate {
		font-size: 36px;
	}

	.heircutcol .haircut>span:first-child {
		font-size: 100px;
		line-height: 100px;
	}

	.pricecolumn h1 {
		font-size: 24px;
	}

	ul.pricerows li {
		font-size: 16px;
		line-height: 20px;
	}

	.pricecolumn h2 {
		font-size: 20px;
		line-height: 24px;
	}
	.homename {
		bottom:36%;
	}
}


/*================(480)================*/

@media only screen and (max-width: 30em) {
	ul.gallerylist li {
		float: none;
		width: 100%;
		padding: 4px 8px;
	}

	.gallerytop {
		font-size: 36px;
		line-height: 36px;
	}

	.seopagewrapper .barbersinreigate {
		font-size: 24px;
	}
}


/*================(<480)================*/

@media only screen and (max-width: 29.9375em) {
	.homename {
		bottom:50%;
	}
	.safewraapper {
		font-size: 14px;
	}
}


/*================(320)================*/

@media screen and (max-width: 20em) {}