/*****  VARIABLES  *****/
/*:root
{
	--primary-colour:#5E0E67;
}*/
/*****  fade  *****/
BODY BUTTON#sc-openSidenav.sc-widget-tab.widget-left SPAN {
   background-color: #5D1A65 !important;
   color: #FFFFFF;
   font-size: 17px;
   font-weight: 400;
}
BODY BUTTON#sc-openSidenav.sc-widget-tab.widget-left SPAN:hover {
   background-color: #8C636E !important;
   color: #FFFFFF;
}
.hvr-fade, .btn, .readon, #fifthrow .nspHeader A, #menurow A {
   /*display: inline-block !important;*/
   vertical-align: middle !important;
   -webkit-transform: perspective(1px) translateZ(0) !important;
   transform: perspective(1px) translateZ(0) !important;
   box-shadow: 0 0 1px transparent !important;
   overflow: hidden !important;
   -webkit-transition-duration: 0.3s !important;
   transition-duration: 0.3s !important;
   -webkit-transition-property: color, background-color, border-color !important;
   transition-property: color, background-color, border-color !important;
}
/* Grow */
.hvr-grow {
   display: inline-block;
   vertical-align: middle;
   -webkit-transform: perspective(1px) translateZ(0);
   transform: perspective(1px) translateZ(0);
   box-shadow: 0 0 1px transparent;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: transform;
   transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
}
/* Grow Rotate*/
.hvr-grow-rotate {
   display: inline-block;
   vertical-align: middle;
   -webkit-transform: perspective(1px) translateZ(0);
   transform: perspective(1px) translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: transform;
   transition-property: transform;
}
.hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
   -webkit-transform: scale(1.1) rotate(4deg);
   transform: scale(1.1) rotate(4deg);
}
/* Grow Rotate PROJECTS*/
IMG.nspImage {
   display: inline-block;
   vertical-align: middle;
   -webkit-transform: perspective(1px) translateZ(0);
   transform: perspective(1px) translateZ(0);
   box-shadow: 0 0 1px transparent;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: transform;
   transition-property: transform;
   z-index: 54 !important;
}
IMG.nspImage:hover, IMG.nspImage:focus, IMG.nspImage:active {
   z-index: 54 !important;
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
}
DIV.nspArt.nspCol3 {
   overflow: hidden;
}
#fifthrow H4 {
   z-index: 555 !important;
   position: relative;
}
/* Bounce To Top */
.hvr-bounce-to-top {
   display: inline-block;
   vertical-align: middle;
   -webkit-transform: perspective(1px) translateZ(0);
   transform: perspective(1px) translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
   position: relative;
   -webkit-transition-property: color;
   transition-property: color;
   -webkit-transition-duration: 0.5s;
   transition-duration: 0.5s;
}
.hvr-bounce-to-top:before {
   content: "";
   position: absolute;
   z-index: -1;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: #FBF50D;
   -webkit-transform: scaleY(0);
   transform: scaleY(0);
   -webkit-transform-origin: 50% 100%;
   transform-origin: 50% 100%;
   -webkit-transition-property: transform;
   transition-property: transform;
   -webkit-transition-duration: 0.5s;
   transition-duration: 0.5s;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
}
.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
   color: white;
}
.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
   -webkit-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
   transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/* Sweep To Top */
.hvr-sweep-to-top {
   display: inline-block;
   vertical-align: middle;
   -webkit-transform: perspective(1px) translateZ(0);
   transform: perspective(1px) translateZ(0);
   box-shadow: 0 0 1px rgba(0, 0, 0, 0);
   position: relative;
   -webkit-transition-property: color;
   transition-property: color;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
}
.hvr-sweep-to-top:before {
   content: "";
   position: absolute;
   z-index: -1;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: #2098D1;
   -webkit-transform: scaleY(0);
   transform: scaleY(0);
   -webkit-transform-origin: 50% 100%;
   transform-origin: 50% 100%;
   -webkit-transition-property: transform;
   transition-property: transform;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
}
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
   color: white;
}
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
   -webkit-transform: scaleY(1);
   transform: scaleY(1);
}
BODY {
   font-family: brother-1816;
   color: #5E0E67;
   position: relative;
   font-weight: 300;
}
P, OL, UL {
   font-size: 18px;
   font-weight: 300;
   line-height: 1.3;
   color: #5E0E67;
}
.container {
   /*padding: 20px !important;*/
   position: relative;
   margin: auto;
}
.row {
   margin: auto;
}
A[href^=tel] {
   color: inherit;
   text-decoration: none;
}
[class^="icon-"], [class*=" icon-"] {
   background-image: url("../images/glyphicons-halflings-red.png");
}
A {
   color: #5E0E67;
   text-decoration: underline;
   word-wrap: break-word;
}
A:hover {
   color: #8F636F;
   /*text-decoration: underline;*/
}
/*****  OVERLAY MENU  *****/
.overlay {
   height: 100%;
   width: 0px;
   position: fixed;
   z-index: 1;
   top: 0;
   right: 0;
   background-color: rgb(47, 7, 52);
   background-color: rgba(47, 7, 52, 0.95);
   overflow-x: hidden;
   transition: 0.5s;
}
.overlay.open {
   width: 100%;
}
.overlay-content {
   position: relative;
   width: 100%;
   text-align: center;
   /*margin-top: 40px;*/
   z-index: 2;
   transition: 0.2s;
}
.overlay-content A {
   padding: 8px;
   text-decoration: none;
   font-size: 0px;
   display: block;
   transition: 0.3s;
   margin: auto;
}
.overlay-content DIV.menuLogo {
   opacity: 0;
   transition: 0.3s;
   width: 174px;
   margin: auto;
}
.menuLogo IMG {
   width: 100%;
}
.overlay-content.open DIV.menuLogo {
   opacity: 0.59;
}
.overlay-content.open A {
   color: #FFFFFF;
   font-size: 30px;
}
.overlay-content.open UL.nav-child {
   display: none;
}
.overlay-content.open A:hover {
   color: #A5A5A5;
}
.overlay-content UL {
   list-style: none;
   margin: 0;
   padding: 0;
}
/*.overlay A:hover, .overlay A:focus
{
	color: #F1F1F1;
}*/
.overlay .closebtn {
   position: absolute;
   top: 20px;
   right: 20px;
   font-size: 40px;
   z-index: 3;
   text-decoration: none;
   color: #B9BBBD;
}
DIV#menuIcon SPAN {
   font-size: 60px;
   cursor: pointer;
   color: #DBDBDB;
   margin-left: 30px;
   font-weight: 900;
}
/* HEADINGS */
H1, H2, H3, H4, H5 {
   margin: 0 !important;
   padding: 0 !important;
   font-weight: 400;
   color: #5E0E67;
}
DIV.form-row P {
}
DIV.form-row.beauty P {
   font-size: small;
   margin: 0;
   color: #8F8F8F;
}
DIV#inside H1, DIV#inside H2, DIV#inside H3, DIV#inside H4, DIV#inside H5 {
   line-height: 1.1;
}
DIV#inside.events H1 {
   display: block;
   margin-bottom: 30px !important;
   margin-top: 20px !important;
   padding-bottom: 9px !important;
   border-bottom: 1px solid #EEEEEE;
}
#inside H2 {
   font-size: 40px;
}
/*#firstrow H3, #inside H3
{
	font-size: 35px;
}*/
.main .item-page H3 {
   padding-top: 20px !important;
   margin-bottom: 5px !important;
}
H2 A {
   color: #132D48;
   text-decoration: none;
}
H2 A:hover {
   color: #B23533;
}
#home H3 {
}
/**** HEADER ROW ****/
#headerRowWide {
   background-color: #FFFFFF;
}
DIV#headerRow {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-between;
}
DIV#logo {
}
#headerRight {
   /*background-color: #FCBDBD;*/
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   align-items: center;
}
#contactDetails P {
   margin: 0;
   font-family: 'Roboto', sans-serif;
   color: #5E0E67 !important;
}
#contactDetails P.phone {
   color: #2F0734;
   font-size: 23px;
   text-align: right;
}
#contactDetails P.email {
   color: #000000;
   text-align: right;
   font-size: 20px;
}
#headerLeft {
   /*background-color: #D47D7D;*/
}
#headerLeft #logo {
   width: 260px;
}
#headerLeft #logo IMG {
   width: 100%;
}
/**** HEADER IMAGES ****/
DIV#inside #slideshow DIV.moduletable {
   overflow: hidden;
}
DIV#inside DIV#slideshow {
   background-color: #000000;
   border: 0px solid black;
}
#inside #slideshow IMG {
   width: 100%;
}
DIV.headerimagetop P {
   margin: 0 !important;
   /*padding: 0 !important;*/
   line-height: 0 !important;
}
/**** MAIN MENU ****/
DIV#menurow {
   background-color: #5E0E67;
}
#menurow DIV.moduletable.menuLogo {
   display: none;
}
#menurow UL {
   list-style: none;
   margin: 0;
   padding: 0;
   display: flex;
   justify-content: space-between;
}
#menurow LI {
   display: flex;
   position: relative;
}
#menurow UL.nav-child {
   position: absolute;
   z-index: 2;
   flex-direction: column;
   visibility: hidden;
   background-color: rgba(94, 14, 103, 0.897);
   top: 100%;
   align-self: start;
   left: 0px;
}
#menurow UL LI:hover UL.nav-child {
   visibility: visible;
}
#menurow A {
   /*display: flex;*/
   padding: 20px 15px;
   color: #FFFFFF;
   text-transform: uppercase;
   text-decoration: none;
   font-weight: 300;
   text-align: center;
   line-height: 1;
   flex-grow: 1;
   white-space: nowrap;
}
#menurow UL LI UL.nav-child A {
   padding: 10px 15px;
   text-align: left;
}
#menurow UL LI UL.nav-child A:hover {
   padding: 10px 15px;
   background-color: #8F636F;
}
#menurow A:hover {
   background-color: #8F636F;
}
/**** TREATMENTS ****/
DIV.treatments {
   /*border: 1px solid black;*/
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-top: 35px;
   background-color: rgba(142, 99, 111, 0.137);
   padding: 10px;
}
SPAN.treatment {
   align-self: center;
   font-size: 24px;
   line-height: 1.1;
}
SPAN.time {
   color: #8F636F;
   font-size: 13px;
   font-style: italic;
   line-height: 1;
   padding-right: 10px;
}
DIV.treat {
   background-color: rgba(142, 99, 111, 0.060);
}
DIV.treat P {
   padding: 10px;
   margin-top: 0;
   font-size: 16px;
}
.hair DIV.treatments {
   margin-top: 0;
   background-color: transparent;
   padding: 0;
   border-bottom: thin dotted rgba(142, 99, 111, 0.197);
   margin-bottom: 5px;
}
.hair DIV.treat {
   background-color: transparent;
}
.hair SPAN.treatment {
   font-size: 18px;
}
.hair DIV P {
   margin: 0;
}
/**** ROW ONE ****/
DIV.form-row.submit-row {
   margin: 30px 0px;
}
#inside BUTTON.rsform-submit-button {
   background-image: none;
   border: 1px solid #5E0E67;
   background-color: #5E0E67;
   /*+border-radius: 0;*/
   -moz-border-radius: 0;
   -webkit-border-radius: 0;
   -khtml-border-radius: 0;
   border-radius: 0;
   text-transform: uppercase;
   padding: 9px 9px 6px 9px;
   -webkit-box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.2), 0 0px 0px rgba(0, 0, 0, 0.05);
   -moz-box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.2), 0 0px 0px rgba(0, 0, 0, 0.05);
   box-shadow: none;
}
DIV.form-row.anti-row {
   margin: 20px 0px;
}
/**** ROW ONE ****/
DIV#firstrow {
   background-color: #FFFFFF;
   color: #000000;
   z-index: 0;
   text-align: center;
   padding: 60px 0px;
}
.insight H3 {
   font-size: 42px;
}
#firstrow P SPAN {
   font-weight: bold;
}
#firstrow P {
   font-size: 22px;
   font-weight: 300;
}
/**** BOOK NOW ROW ****/
#bookrow {
   background-color: #B9BBBD;
   padding: 30px;
   text-align: center;
   background-image: url("../images/transparent-butterfly.png");
   background-repeat: no-repeat;
   background-position: center right;
}
#bookrow P {
   color: #FFFFFF;
}
/**** ROWS ****/
#secondrow, #thirdrow {
   background-color: #838383;
   text-align: center;
   color: #FFFFFF;
   height: 400px;
   background-size: cover;
   background-position: center;
   display: flex;
}
.black {
   background-color: rgba(0, 0, 0, 0.462);
   width: 100%;
   display: flex;
}
.black DIV.container {
   display: flex;
   align-items: center;
   justify-content: center;
}
#secondrow {
   background-image: url(../images/beauty-back.jpg);
}
.black P {
   color: #FFFFFF;
}
/**** ROW THREE ****/
#thirdrow {
   background-image: url(../images/salon-back.jpg);
}
/**** NEWSLETTER ROW ****/
#newsletterrow {
   text-align: center;
   padding: 30px;
}
#newsletterrow A.btn.outline {
   color: #5E0E67;
   border: 2px solid #5E0E67;
}
#newsletterrow A.btn.outline:hover {
   color: #FFFFFF;
   border: 2px solid #5E0E67;
   background-color: #5E0E67;
}
/**** ROW FOUR ****/
DIV#fourthrow {
   background-color: #145C99;
   color: #FFFFFF;
   text-align: left;
   border-top: 13px solid #FFFFFF;
   display: flex;
   background-position: center;
   background-size: cover;
}
/**** ROW FIVE ****/
.gkResponsive IMG {
   width: 100%;
}
#fifthrow H4.nspHeader A {
   display: block;
   background-color: #606060;
   color: #FFFFFF;
   text-decoration: none;
   padding: 9px;
   font-size: 24px;
   font-weight: 400;
   min-height: 70px;
}
#fifthrow H4.nspHeader A:hover {
   background-color: #ED1C24;
}
DIV#fifthrow, DIV#sixthrow {
   background-color: #E4E5E7;
   color: #000000;
   padding: 0px 0px 80px 0px;
}
#fifthrow H3, #sixthrow H3 {
   text-align: center;
   /*display: block;*/
   font-size: 57px !important;
   padding: 40px !important;
}
/**** ROW SIX - NEWS ****/
DIV#sixthrow {
   background-color: #FFFFFF;
}
#sixthrow H4 A {
   text-decoration: none;
   font-size: 34px;
}
#sixthrow H4 A:hover {
   text-decoration: none;
   font-size: 34px;
   color: #ED1C24;
   color: #145C99;
}
#sixthrow P.nspInfo {
   color: #CBCCCD;
   font-size: 14px !important;
}
#sixthrow DIV.nspArt P {
   font-size: 22px;
}
#sixthrow DIV.nspArt P:nth-child(4) {
   font-size: 26px;
   color: #ED1C24;
   height: ;
   width: ;
}
/**** ADDRESSES ****/
#seventhrow {
   background-color: #E4E5E7;
}
#seventhrow DIV.row.container {
   display: flex;
   justify-content: space-between;
   padding: 70px 0px;
}
#seventhrow DIV.moduletable {
   width: 30%;
}
#seventhrow H4 {
   font-size: 25px;
}
#seventhrow P {
   font-size: 23px;
   margin: 0 0 20px 0;
}
/**** ROW MAP ****/
DIV#maprow .map-title {
   text-align: center;
   background-color: #132D48;
   color: #FFFFFF;
   text-transform: uppercase;
   height: 87px;
}
DIV#maprow {
   margin-top: 15px;
}
#inside DIV#maprow {
   margin-top: 0px;
}
#maprow DIV.map-preview {
   border: 0px solid black;
}
.map-title H2 {
   font-size: 52px !important;
   line-height: 95px;
   color: #FFFFFF !important;
   letter-spacing: 6px;
}
/**** SIDEBAR  ****/
.sidebar DIV.moduletable.purple {
   background-color: #5E0E67;
   padding: 25px;
   /*background-color: #919191;*/
}
.sidebar DIV.moduletable.grey {
   background-color: #8F636F;
   /*background-color: #9D9D9D;*/
   padding: 25px;
}
.sidebar .moduletable.purple H3, .sidebar .moduletable.grey H3 {
   color: #FFFFFF;
   font-size: 26px;
   margin-bottom: 20px !important;
   display: block;
}
.sidebar .moduletable.purple P {
   color: #FFFFFF;
   margin: 0;
}
.sidebar DIV.openingcols P {
   margin-bottom: 15px !important;
   line-height: 1;
}
.sidebar DIV.openingcols {
   display: flex;
}
.sidebar DIV.leftopening {
   width: 48%;
}
.sidebar DIV.rightopening {
   width: 48%;
}
.container .sidebar .sidemenu UL {
   list-style: none;
   margin: 0;
   padding: 0px;
}
.sidebar .sidemenu A {
   text-decoration: none;
   color: #FFFFFF;
   display: block;
   border-bottom: 1px dotted #D0C9C9;
   padding: 5px 0px;
}
.sidebar .sidemenu A:hover {
   background-color: #AFAFAF;
}
/*.sidebar .purple.sidemenu A:hover
{
	background-color: #2F0734;
}*/
DIV.main_large_image {
   padding: 0px 10px;
}
/**** Main Content  ****/
#main_content H4 {
   font-size: 22px;
   margin-top: 29px;
   letter-spacing: 2px;
}
#main_content {
   background-color: #CBCCCD;
   background-color: #F5F5F5;
}
.inside H3 {
   font-size: 26px !important;
   margin-bottom: 7px !important;
}
.inside H4 {
   font-size: 20px !important;
   margin-bottom: 0px !important;
}
DIV#slideshow {
   background-color: #C6C4CA;
}
P.intro {
   color: #132D48;
   font-size: 20px;
}
/**** INSIDE  ****/
A.btn, A.readon {
   text-decoration: none;
   background-image: none;
   padding: 8px 15px;
   text-shadow: none;
   color: #FFFFFF;
   background-color: #5E0E67;
   text-transform: uppercase;
   font-size: 20px;
   font-weight: 300;
   display: inline-block;
}
A.btn.outline {
   text-decoration: none;
   background-image: none;
   padding: 8px 15px;
   text-shadow: none;
   color: #FFFFFF;
   background-color: transparent;
   text-transform: uppercase;
   font-size: 28px;
   border: 2px solid #FFFFFF;
}
A.btn.outline:hover {
   color: #5E0E67;
   background-color: white;
   /*border: 2px solid #5E0E67;*/
}
A.btn:hover, A.readon:hover {
   background-color: #8F636F;
}
A.btn.rvs {
   border: 6px double #FFFFFF;
   color: #FFFFFF;
   background-color: #132D48;
}
A.btn.rvs:hover {
   border: 6px double #132D48;
   color: #132D48;
   background-color: #FFFFFF;
}
A.btn SPAN.icon-chevron-right {
   background-position: -460px -73px;
   background-image: url("../images/glyphicons-halflings-dylans-white.png");
}
A.btn:hover SPAN.icon-chevron-right {
   background-image: url("../images/glyphicons-halflings-dylans-white.png");
}
/**** RIGHT  ****/
DIV.right {
}
DIV.moduletable.photo {
   padding: 0px !important;
}
DIV.bigbutton {
   border: 1px solid #FFFFFF;
   background-color: transparent;
   width: 90%;
   margin: auto;
}
DIV.bigbutton:hover {
   background-color: rgba(255, 255, 255, 0.325);
}
.bigbutton P, .bigbutton A {
   margin: 0 !important;
   padding: 3px !important;
   /*line-height: 38px !important;*/
   text-decoration: none !important;
   display: block;
}
.bigbutton A:hover {
   color: #FFFFFF;
}
DIV.right DIV.moduletable {
   padding: 15px;
   margin-bottom: 25px;
}
DIV.right DIV.moduletable.weather {
   overflow: hidden;
   padding: 0;
}
P SPAN.small {
   font-size: 14px;
   line-height: 1 !important;
}
DIV.right DIV.moduletable P {
   margin: 15px 0 0;
}
DIV.moduletable.centred {
   text-align: center;
}
DIV.moduletable.plain {
   background-color: #F1F1F1;
   color: #142B3B;
   border: 1px solid #AFAFAF;
}
DIV.moduletable.dblue {
   background-color: #142B3B;
   color: #FFFFFF;
}
DIV.moduletable.dblue.facebook P {
   margin: 0;
   padding: 4px;
   text-align: center;
}
DIV.moduletable.green {
   background-color: #758C42;
   color: #FFFFFF;
}
.dblue A, .green A {
   color: #FFFFFF;
   text-decoration: underline;
}
/**** RIGHT MENU  ****/
DIV.moduletable.latestmenu {
   padding: 0 !important;
}
DIV.right UL.latestnews {
   margin: 0px;
   padding: 0;
   list-style: none;
}
DIV.right UL.latestnews LI {
   padding: 0;
   margin: 0;
   border-bottom: 1px solid #FFFFFF;
}
DIV.right UL.latestnews LI A {
   color: #FFFFFF;
   text-decoration: none;
   display: block;
   padding: 7px 10px;
   font-weight: 300;
   font-size: 17px;
   background-color: #244F6D;
}
DIV.right UL.latestnews LI A:hover {
   background-color: #758C42;
}
/**** Footer ****/
#footer {
   background-color: #FFFFFF;
   clear: both;
   padding: 70px 0px;
   color: #6C6D6F;
}
#footer DIV.footer-item.container {
   display: flex;
}
#footer DIV.moduletable.logobox IMG {
   width: 90%;
}
#footer H3 {
   /*font-size: 136px !important;*/
   /*color: #F75A5A;*/
   margin-bottom: 14px !important;
   display: block;
}
#footer P {
   font-size: 16px;
}
#footer P.social {
   font-size: 36px;
   margin: 0;
}
#footer P.social SVG {
   margin-right: 8px;
   margin-top: 20px;
}
#footer H5 {
   font-size: 28px;
}
#footer DIV.moduletable.logobox A {
   text-decoration: none;
}
#footer DIV.moduletable.logobox A:hover {
   text-decoration: underline;
   color: #8F636F;
}
#footer UL {
   margin: 0;
   padding: 0;
   list-style: none;
}
#footer UL A {
   text-decoration: none;
}
/**** LEGAL ****/
#legal {
   background-color: #2F0734;
   color: #FFFFFF;
   padding: 10px 10px 20px 10px;
}
#legal DIV.row.container {
   display: flex;
   flex-direction: column;
}
#legal DIV.moduletable {
   width: 50%;
}
#legal UL {
   margin: 0;
   padding: 0;
   list-style: none;
}
#legal P, DIV.legal A {
   margin: 0 !important;
   font-size: 14px;
   color: #FFFFFF;
}
#legal A {
   color: #FFFFFF;
   text-decoration: none;
   margin-right: 15px;
   font-size: 14px;
}
#legal A:hover {
   color: #8F636F;
   text-decoration: none;
   background-color: transparent;
}
#legal UL LI {
   float: left;
}
#legal UL LI:last-child {
   border-right: 0px solid #FFFFFF;
}
#legal UL.nav.menu {
   padding: 0;
}
/**** NEWSLETTER ****/
DIV.moduletable.newsletter {
   background-color: #132D48;
   color: #FFFFFF;
   border: 6px double #F8F8ED;
   width: 280px;
   margin: auto;
}
DIV.moduletable.newsletter H3 {
   color: #FFFFFF !important;
   font-size: 30px !important;
   margin-bottom: 15px !important;
}
DIV.moduletable.sketch {
   padding-bottom: 15px;
}
DIV.main DIV.moduletable {
   margin-bottom: 30px;
}
DIV.sidebar DIV.moduletable {
   margin-bottom: 30px;
   background-image: url(../images/le-papillon-logo-white-trans-50a.png);
   background-repeat: no-repeat;
   background-position: right top;
}
DIV.moduletablebookbutt A {
   background-color: #B23533;
   color: #FFFFFF;
   border: 6px double #F8F8ED;
   padding: 12px 14px 7px;
   text-transform: uppercase;
   text-decoration: none;
   font-size: 30px;
   width: 250px;
   letter-spacing: 2px;
}
DIV.moduletablebookbutt A:hover {
   background-color: #132D48;
}
DIV.moduletable.blueborder {
   background-image: url("../images/blue-border.png");
   background-repeat: no-repeat;
   background-position: center top;
   text-align: center;
   min-height: 573px;
   background-size: contain;
   /*width: 80%;*/
   width: 70%;
   margin: auto;
   padding: 5%;
}
DIV.moduletable.blueborder DIV.custom.blueborder {
   padding: 0% 5% 5%;
}
DIV.moduletable.ourrestaurants A {
   color: #132D48;
   text-transform: uppercase;
   font-size: 24px;
   text-decoration: none;
}
DIV.moduletable.ourrestaurants A:hover {
   color: #B23533;
   text-decoration: none;
}
.ourrestaurants P IMG {
   margin-top: 20px;
}
DD.published {
   margin-left: 0;
}
DD.published SPAN.icon-calendar {
   display: inline-block;
   margin-top: -2px;
}
DIV.pagination UL {
   margin: 0;
   padding: 0;
   line-height: 1;
}
DIV.indicates-required {
   color: #B23533;
   font-size: 12px;
}
/*DIV.blog.eventspage DIV.item-image
{
	(*border: 6px double #132D48;*)
	border: 2px solid #132D48;
	padding: 2px;
}*/
DIV.blog.eventspage DIV.item-image IMG, DIV.item-page .item-image IMG {
   border: 6px double #132D48;
   padding: 2px;
}
#myBtn {
   display: none;
   /* Hidden by default */
   position: fixed;
   /* Fixed/sticky position */
   bottom: 20px;
   /* Place the button at the bottom of the page */
   right: 20px;
   /* Place the button 30px from the right */
   z-index: 99;
   /* Make sure it does not overlap */
   border: none;
   /* Remove borders */
   outline: none;
   /* Remove outline */
   /* Set a background color */
   color: white;
   /* Text color */
   cursor: pointer;
   /* Add a mouse pointer on hover */
   /*padding: 15px 0px;*/
   /* Some padding */
   border-radius: 0px;
   /* Rounded corners */
   font-size: 16px;
   /* Increase font size */
   text-transform: uppercase;
   /*width: 88px;*/
   text-align: center;
   background-color: transparent;
}
#myBtn:hover {
   /*background-color: #B23533;*/
   /* Add a dark-grey background on hover */
}
/*******************************/
/*******************************/
/********* MEDIA QUERIES ********/
/*******************************/
/*******************************/
/* Phones Portrait (phones, less than 480px) */
@media (max-width: 767px) {
   BODY {
      padding: 0;
      font-size: 16px;
   }
   DIV.container {
      /*background-color: #08E541;*/
      margin: auto !important;
      /*width: 95%;*/
      width: 100%;
   }
   #headerRowWide {
      padding: 15px 0px;
   }
   #headerRow {
      background-image: url("../../../images/lepapillon-logo-600.png");
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat;
      height: 84px;
   }
   #headerLeft #logo {
      /*width: 55%;*/
      /*margin-left: 2%;*/
      display: none;
   }
   #headerRight {
      margin-right: 10px;
   }
   DIV#firstrow {
      padding: 0px;
   }
   #secondrow .container {
      width: 100%;
   }
   #contactDetails {
      display: none;
   }
   DIV#menuIcon SPAN {
      font-size: 40px;
      margin-left: 0px;
   }
   DIV#menurow {
      display: none;
   }
   DIV#fourthrow {
      background-image: url("../images/committed-image.jpg");
      height: 500px;
      border: 1px solid black;
   }
   #sixthrow DIV.nspCol3 {
      margin-bottom: 50px;
   }
   #logosrow DIV.container {
      /*flex-direction: column !important;*/
      flex-wrap: wrap;
      padding: 30px 0px !important;
   }
   #logosrow DIV.moduletable {
      width: 48%;
      margin-bottom: 15px;
      margin-top: 15px;
   }
   #seventhrow DIV.moduletable {
      width: 100%;
   }
   #seventhrow DIV.row.container {
      flex-wrap: wrap;
      padding: 30px 0px;
   }
   DIV.moduletable.home_photo.span3 {
      width: 50%;
      margin: auto;
      padding: 0;
   }
   #fifthrow DIV.nspCol3 {
      margin-bottom: 30px;
   }
   #footer {
      padding: 30px 0px;
   }
   #footer H3 {
      font-size: 26px;
   }
   #footer DIV.moduletable {
      margin-bottom: 30px;
   }
   #footer UL LI A {
      line-height: normal;
      padding: 4px;
      display: block;
   }
   DIV.footer-item.container {
      flex-direction: column;
   }
   DIV#footer {
      text-align: center;
   }
   .inside DIV.main_content {
      margin-top: 46px;
   }
   .blog .page-header H2 {
      font-size: 33px;
   }
   /*DIV#logo
   {
   	display: none;
   }*/
   #header P {
      padding: 0;
      margin: 0;
   }
   #header {
      margin-top: 15px;
   }
   DIV#firstrow .moduletable.insight {
      width: 90%;
      /*margin: auto;*/
   }
   #firstrow .container {
      padding: 30px 0px;
      text-align: center;
      /*display: block;*/
   }
   DIV#firstrow .moduletable.insight {
      width: 90%;
      margin: auto;
   }
   #home DIV.black DIV.moduletable {
      width: 90%;
   }
   DIV.main {
      padding: 30px 15px 0px;
      margin-top: 0;
   }
   DIV.main DIV.moduletable {
      /*margin-bottom: 30px;*/
      padding-bottom: 30px;
      /*border: 1px solid black;*/
   }
   DIV.sidebar {
      padding-bottom: 1px;
   }
   #inside .formResponsive INPUT[type="text"], #inside .formResponsive INPUT[type="password"], #inside .formResponsive TEXTAREA, #inside .formResponsive SELECT {
      width: 92% !important;
   }
}
/*Phones Landscape (phones, 480px and up) */
/*@media (min-width: 481px)
{
	BODY
	{
		padding: 0;
	}
	(*.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12
	{
	margin: 0;
	padding: 5%;
	position: relative;
	}*)
	.hidden-xs
	{
		display: none;
	}
	.visible-xs
	{
		display: block;
	}
	.moduletable.small
	{
		float: left;
		width: 15%;
		background-color: #000000;
		margin: 0% 1% 1% 0%;
		height: 166px;
	}
	.moduletable.big
	{
		width: 50%;
		background-color: #F47D7D;
		float: left;
		margin: 0% 1% 1%;
		height: 344px;
		background-image: url("../images/history-image.jpg");
	}
	#fourthrow P
	{
		font-size: 57px;
		margin: 15px 0px;
	}
	UL.pager.pagenav
	{
		clear: both;
	}
	.blog .page-header H2
	{
		font-size: 33px;
	}
}*/
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
   .container {
      width: 700px;
      padding-left: 0px;
      padding-right: 0px;
   }
   DIV.clearall {
      clear: both;
   }
   .hidden-xs {
      display: block;
   }
   .visible-xs {
      display: none;
   }
   .moduletable.small {
      float: left;
      width: 15%;
      background-color: #000000;
      margin: 0% 1% 1% 0%;
      height: 166px;
   }
   .moduletable.big {
      width: 50%;
      background-color: #F47D7D;
      float: left;
      margin: 0% 1% 1%;
      height: 344px;
      background-image: url("../images/history-image.jpg");
   }
   .moduletable.darkblue, .moduletable.red {
      width: 50%;
   }
   /*#inside #slideshow
   {
   	border-bottom: 3px solid #5E0E67 !important;
   }*/
   DIV#firstrow .moduletable.insight {
      width: 80%;
      margin: auto;
   }
   DIV#fourthrow {
      /*background-image: url("../images/committed-image.jpg");*/
      height: 500px;
      background-color: transparent;
   }
   DIV.nspCol1 {
      display: flex;
      justify-content: space-between;
      /*border: 1px solid #FFFFFF;*/
   }
   #sixthrow DIV.nspCol3 {
      width: 30%;
   }
   #legal DIV.row.container {
      display: flex;
      flex-direction: row;
   }
   .inside DIV.main_content {
      margin-top: 25px;
      margin-bottom: 25px;
      padding-bottom: 25px;
   }
   .blog .page-header H2 {
      font-size: 18px;
   }
   #header {
      /*display: none;*/
   }
   DIV#header DIV.moduletable {
      margin-top: 15px;
      margin-bottom: 30px;
   }
   #header P {
      padding: 0;
      margin: 0;
   }
   #firstrow DIV.row.container {
      display: flex;
   }
   #secondrow DIV.row.container {
      margin: auto;
   }
   #main_content DIV.row.container {
      display: flex;
      justify-content: space-between;
   }
   DIV.sidebar {
      flex: 0 0 34%;
      padding-top: 81px;
      /*width: 50%;*/
      /*background-color: #C4B8F1;*/
   }
   #menurow A {
      font-size: 13px;
      padding: 20px 5px;
   }
   DIV.main {
      flex: 0 0 62%;
      /*width: 83%;*/
      /*background-color: #8669F4;*/
      padding-top: 50px;
      padding-bottom: 50px;
   }
   DIV#wide DIV.main {
      flex: 1;
      width: 100%;
   }
   /*.main DIV.item-page, DIV.main DIV.moduletable
   {
   	padding-right: 30px;
   }*/
   #fifthrow DIV.nspCol3 {
      width: 31%;
   }
   #footer DIV.moduletable {
      flex: 0 1 25%;
      padding: 0px 5px 5px;
   }
   #footer DIV.moduletable.logobox IMG {
      margin-top: -76px;
      width: 90%;
   }
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
   .container {
      width: 940px;
   }
   .blog .page-header H2 {
      font-size: 24px;
   }
   #menurow A {
      font-size: 16px;
   }
   #menurow A {
      font-size: 16px;
      padding: 20px 10px;
   }
   #footer .footer-item.container {
      display: flex;
   }
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
   .container {
      width: 1080px;
   }
   .span12 {
      width: 1080px;
      padding: 0;
      margin: 0;
   }
   .blog .page-header H2 {
      font-size: 28px;
   }
   #menurow A {
      font-size: 18px;
   }
   DIV.foursquare DIV.smallsquare DIV.custom {
      /*background-color: #D6FD89;*/
      height: 256px;
   }
   DIV.onesquare DIV.moduletable H2 {
      font-size: 44px !important;
   }
   DIV.onesquare DIV.moduletable P.fancy {
      font-size: 50px;
   }
   DIV.smallsquare P A {
      font-size: 32px;
   }
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1600px) {
   .container {
      /*width: 1440px;*/
      width: 1248px;
   }
   .blog .page-header H2 {
      font-size: 32px;
   }
   #header IMG {
      width: 100%;
   }
   DIV#firstrow .moduletable.fiftyfifty .custom {
      padding-right: 75px;
   }
   DIV#firstrow DIV.moduletable.fiftyfifty {
      padding: 70px 0px;
   }
   DIV.onesquare DIV.moduletable P {
      font-size: 54px;
   }
   DIV.foursquare DIV.smallsquare DIV.custom {
      /*background-color: #D6FD89;*/
      height: 300px;
   }
   DIV.smallsquare P A {
      font-size: 34px;
   }
   DIV.blog DIV.page-header {
   }
   DIV.blog.locations DIV.page-header {
      min-height: 99px;
   }
   #fourthrow .moduletable.fiftyfifty H3 {
      font-size: 130px !important;
   }
   #fourthrow DIV.moduletable.fiftyfifty.right .custom {
      padding: 100px 0px;
   }
}