/* -- reset -- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------- */


html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; 
}

/*
a,
input,
button,
*:focus { outline: 0; }

input:read-only { 
background-color: rgba(255,255,255,0.4);
}

* {
-webkit-tap-highlight-color: rgba(0,0,0,0);
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}

select,
button,
input {
appearance: button;
-moz-appearance: button;
-webkit-appearance: button;
}

input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="number"] {
-webkit-user-select: auto !important;
-khtml-user-select: auto !important;
-moz-user-select: auto !important;
-ms-user-select: auto !important;
user-select: auto !important;
}

* {

-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

-webkit-touch-callout: none;
-moz-touch-callout: none;
-ms-touch-callout: none;
touch-callout: none;

-webkit-user-drag: none;
-moz-user-drag: none;
-ms-user-drag: none;
user-drag: none;

}

*/



/* -- font -- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------- */



@font-face {
font-family: 'Montserrat-Regular';
src: url('../font/Montserrat-Regular.eot');
src: url('../font/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
url('../font/Montserrat-Regular.woff2') format('woff2'),
url('../font/Montserrat-Regular.woff') format('woff'),
url('../font/Montserrat-Regular.ttf') format('truetype'),
url('../font/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
font-weight: normal;
font-style: normal;
}


@font-face {
font-family: 'Montserrat-Light';
src: url('../font/Montserrat-Light.eot');
src: url('../font/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
url('../font/Montserrat-Light.woff2') format('woff2'),
url('../font/Montserrat-Light.woff') format('woff'),
url('../font/Montserrat-Light.ttf') format('truetype'),
url('../font/Montserrat-Light.svg#Montserrat-Light') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Montserrat-Hairline';
src: url('../font/Montserrat-Hairline.eot');
src: url('../font/Montserrat-Hairline.eot?#iefix') format('embedded-opentype'),
url('../font/Montserrat-Hairline.woff2') format('woff2'),
url('../font/Montserrat-Hairline.woff') format('woff'),
url('../font/Montserrat-Hairline.ttf') format('truetype'),
url('../font/Montserrat-Hairline.svg#Montserrat-Hairline') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Montserrat-Bold';
src: url('../font/Montserrat-Bold.eot');
src: url('../font/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
url('../font/Montserrat-Bold.woff2') format('woff2'),
url('../font/Montserrat-Bold.woff') format('woff'),
url('../font/Montserrat-Bold.ttf') format('truetype'),
url('../font/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
font-weight: normal;
font-style: normal;
}









/* -- nav button -- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------- */

#layout {
position: relative;
background: white;
}

#layout .overlay {
opacity: 0;
visibility: hidden;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: rgba(0,0,0,0.3);
z-index: 10000;

position: fixed;
left: 220px;

position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}

#navm {
position: fixed;
top: 0;
bottom: 0;
left: -120px;
width: 220px;
overflow: auto;
overflow-x: hidden;
box-sizing: border-box;
background: #1a1a1a;
opacity: 0;
visibility: hidden;
}

#navm ul,
#navm li {
list-style: none;
margin: 0;
padding: 0;
border: 0;
width: 100%;
}

#navm ul {
margin-top: 5px;
}

#navm li a {
display: block;
padding: 15px 20px;
color: white;
text-transform: uppercase;
text-decoration: none;
width: 100%;
box-sizing: border-box;
font-weight: 900;
}

#navm ul ul {
margin: 0;
background: #262626;
}

#navm ul ul a {
padding: 8px 30px 8px 20px;
font-size: 13px;
}

#navm li a:hover {
background: rgba(255,255,255,0.1);
}
.nav-button {
height: 95px;
width: 95px;
box-sizing: border-box;
padding: 48px 27px 0;
position: absolute;
right: 0;
top: -18px;
z-index: 100;
cursor: pointer;
display: none;
}

.nav-button span {
height: 4px;
background: #d0036a;
margin: 4px 0 4px;
display: block;
}







/* -- scrollbar -- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------- */

::-webkit-scrollbar {
width: 5px;
}

::-webkit-scrollbar-track {
background: #eee;
margin-right: 0;
margin-top: 0;
}

::-webkit-scrollbar-thumb {
background: #ccc;
}








/* -- general -- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------- */


input::selection,
::selection {
color: #4d555a;
background: #ffcc00;
}

input::-moz-selection,
::-moz-selection {
color: #4d555a;
background: #ffcc00;
}

html,
body {
-webkit-overflow-scrolling: touch;
}

body {
-webkit-text-size-adjust: 100%;
}

html,
body,
img {
margin: 0;
padding: 0;
border: 0;
}

button,
input,
textarea,
body {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
}

a,
input,
button {
outline: 0;
}

a {
text-decoration:none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
margin-top: 0;
}

p{
font-family:Montserrat-Regular;
}

h1,
h2,
h3,
h4,
strong,
b {
font-family:Montserrat-Bold;
}

/* -- tooltip -- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------- */

#tooltip {
margin: 20px 0 0 10px;
margin-left: -60px;
width: 160px;
padding: 10px;
z-index: 9900;
position: absolute;
text-align: center;
color: #4a4f52;
box-shadow: 5px 5px 0 rgba(0,0,0,0.1);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-transform: uppercase;
display: none;
background: #ffcc00;
}

#tooltip.right {
margin-left: -80px;
}





/* -- loading -- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------- */

#loading .box {
opacity: 0;
}

#loading .box.loaded {
opacity: 1;
}



/* -- transition -- */
/*
----------------------------------------------------------------------------------------------------------------------------------------------- */

.col.col4.custom.feeds.CC,
a,
#header ul li > ul,
#header ul li .big-sub-menu,
#footer .col.col2.social ul li span,
#prev,
#next,
.nav-button span,
#header .nav-button,
#layout .overlay,
#layout,
#navm,
#loading .load,
.transition {
transition: .3s;
-o-transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
}
#header a,
.notransition {
transition: none;
-o-transition: none;
-ms-transition: none;
-moz-transition: none;
-webkit-transition: none;
}







/* -- general class -- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------- */

.section {
position: relative;
}

.container {
position: relative;
margin: 0 auto;
width: 1280px;
box-sizing: border-box;
-moz-box-sizing: border-box;
min-height: 1px;
}

.bg-eee {
background-color: #eee;
}

.bg-white,
.bg-fff {
background-color: #fff;
}

.bg-999 {
background-color: #999;
}

.clear {
clear: both;
}







/* -- cols -- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------- */

.col {
float: left;
width: 100%;
position: relative;
min-height: 1px;
}

.col.col2 {
width: 50%;
}

.col.col3 {
width: 33.33%;
}

.col.col3x2 {
width: 66.66%;
}

.col.col4 {
width: 25%;
}

.col.col4x3 {
width: 75%;
}

.col.col5 {
width: 20%;
}

.col.col5x4 {
width: 80%;
}

.col.col5x3 {
width: 60%;
}

.col.col5x2 {
width: 40%;
}

.col.col6 {
width: 16.66%;
}

/* -- cols + margin -- */

.col.col2.margin {
width: 48%;
margin-right: 4%;
}

.col.col3.margin {
width: 32%;
margin-right: 2%;
}

.col.col3x2.margin.col-left {
width: 64%;
margin-right: 4%;
}

.col.col3x2.margin.col-right {
width: 64%;
margin-left: 2%;
}

.col.col4.margin {
width: 23.5%;
margin-right: 2%;
}

.col.col4x3.margin.col-left {
width: 74.5%;
margin-right: 2%;
}

.col.col4x3.margin.col-right {
width: 74.5%;
margin-left: 2%;
}

.col.col5.margin {
width: 18.4%;
margin-right: 2%;
}

.col.col6.margin {
width: 15%;
margin-right: 2%;
}

.col.margin.last {
margin-right: 0 !important;	
}

.bg-image{
background-position:center center;
background-repeat:no-repeat;
background-size:100%;
}

.col.col4.custom{
width: 24%;
margin:0.5%;
background-color:#ccc;

}
.pages-pad{
margin-top:40px;
}


/* -- align -- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------- */

.align-center {
text-align: center;
}

.align-left {
text-align: left;
}

.align-right {
text-align: right;
}









/* -- w -- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------- */

.w.w25p {
width: 25%;
}

.w.w50p {
width: 50%;
}

.w.w75p {
width: 75%;
}

.w.w100p {
width: 100%;
}






/* -- extra -- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------- */

.publisher {
opacity: 0;
visibility: hidden;
height: 0;
width: 0;
display: block;
overflow: hidden;
}

#header .col.col3.left fieldset{
float: left;
}

#header .col.col3.right fieldset{
float: right;
}

fieldset {
color: #662777;
display: block;
margin-top: 15px;
border: 1px solid #662777;
padding: 0px 30px 15px;
}

.col.col3.right fieldset{
margin-right: 34px;
}

.col.col3.left fieldset{
margin-left: 34px;
}

legend {
display: block;
width:50px;
height:40px;
margin:0;
text-align:center;
}

legend.phone{
background-image:url(../img/png/phoneSmall.png);
background-size:20px;
}

legend.sat{
background-image:url(../img/png/satSmall.png);
background-size:20px;
}

fieldset a,
fieldset p {
color: #662777;
text-align:center;
font-size:14px;
font-family: 'Montserrat-Regular';
}

fieldset a:hover{
    color:#d0036a;
}

#header .col.col3.right div {
    height: 100px;
    color: #662777;
    display: block;
    margin-top: 15px;
    padding: 0px 120px 15px;
}

#header .col.col3.right p.social {
    color: #662777;
    text-align: center;
    font-size: 14px;
    font-family: 'Montserrat-Regular';
    padding-top: 38px;
}

#header .col.col3.right a {
    padding: 0px;
}

#header .col.col3.right span {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 5px;
    background-color: #333;
    border-radius: 40px;
}

#header .col.col3.right span:hover {
    background-color: rgba(208, 3, 106, 1);
}

.logo-head {
    width: 250px;
    margin: 0 auto;
    height: 120px;
    background-image: url(../img/png/walnuts-shopping-center.png);
    background-size: 100%;
}
.logo-head h1{
text-indent:-9999px;
}

#header{
position:absolute;
top:0;
z-index:9999;
}



#header ul{
border-top:1px solid rgba(80, 25, 101,0.2);
}

#header ul li{
display:inline-block;
position:relative;
}

#header ul li > ul {
position:absolute;
left:0;
border:0;
width:250px;
background-color:#662777;
opacity: 0;
overflow:hidden;
visibility: hidden;
height:0;
-webkit-box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.17);
-moz-box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.17);
box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.17);
}

#header ul li:hover > ul.x2,
#header ul li:hover > ul.x3,
#header ul li:hover > ul.x4,
#header ul li:hover > ul.x5,
#header ul li:hover > ul.x6,
#header ul li:hover > ul.x7,
#header ul li:hover > ul.x8{
opacity:1;
overflow:hidden;
visibility:visible;
}

#header ul li:hover > ul.x2{
height:115px;
}

#header ul li:hover > ul.x3{
height:173px;
}
#header ul li:hover > ul.x4{
height:231px;
}

#header ul li:hover > ul.x5{
height:289px;
}

#header ul li:hover > ul.x6{
height:347px;
}

#header ul li:hover > ul.x7{
    height:405px;
}

#header ul li:hover > ul.x8{
    height:463px;
}

#header ul li > ul li{
display:block;
border-bottom:1px solid rgba(255,255,255,0.2);
}
#header ul li > ul li:last-child{
border-bottom:0;
}

#header ul li:hover > ul{
display:block;
}

#header ul li > ul li a {
color:#fff;
padding:20px;
}

#header ul li.SubBig .big-sub-menu{
width:800px;
background-color:#662777;
-webkit-box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.17);
-moz-box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.17);
box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.17);
padding:30px;
position:absolute;
left:0;

opacity: 0;
overflow:hidden;
visibility: hidden;
height:0;
 

}



#header ul li.SubBig:hover .big-sub-menu{
opacity: 1;
overflow:auto;
visibility: visible;
height:262px;
}



#header .big-sub-menu h3{
text-align:left;
color:#fff;
margin-bottom:30px;
}

#header .big-sub-menu ul li{
display:block;
text-align:center;
}

#header .big-sub-menu ul{
border:0;
}

#header .big-sub-menu .col.col2.select h4{
text-align:center;
color:#fff;
padding:10px 0;
font-size:14px;
font-family:Montserrat-Light;
}

select{
width:100%;
border:0;
font-family:Montserrat-Regular;
height:40px;
background-image: url('../img/png/arrow-down.png');
background-repeat: no-repeat;
background-size:15px;
background-position: center right 10px;
cursor:pointer;
-webkit-appearance: none;
-moz-appearance: none;
 appearance: none;
text-overflow: '';
text-indent:10px;
color:#999999;
font-style:italic;
}

select {
-webkit-appearance: none;
    -moz-appearance: none;
    text-overflow: '';
    appearance: none;
}

/*for IE10*/
select::-ms-expand {
    display: none;
}



#header .big-sub-menu .col.col2.img-shopping{
height:152px;
width:60%;
background-color:#ccc;
background-image:url(../img/jpg/sum-img.jpg);
background-size:cover;
background-position:center;
background-repeat:no-repeat;
}

#header .big-sub-menu .col.col2.list-left-box{
width:36%;
height: 152px;
}

#header .big-sub-menu .col.col2.list-left-box ul{
width:100%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
}

#header .big-sub-menu ul li a{
color:#fff;
padding: 5px 0;
}

#header ul li a{
display:block;
font-size:14px;
color:#662777;
padding:25px 34px;
font-family:Montserrat-Regular;
}

#header ul li a:hover{
color:#d0036a;
}

#home .slider{
width:100%;
position: absolute;
top:188px;
left: 50%;
-webkit-transform: translateY(0) translateX(-50%);
-ms-transform: translateY(0) translateX(-50%);
transform: translateY(0) translateX(-50%);
z-index:700;
background-color:#fff;
}

#home {
background-size:cover;
width:100%;
/*height:780px; */
position:relative;
background-color:#ccc;
}


/*
#home .cover{
position:absolute;
top:0;
bottom:0;
right:0;
left:0;
background-color:rgba(255,255,255,0.2);
z-index:800;
}

#home .cycle-slideshow > div{
width:100%;
padding:21.5%;
background-size:cover;
}

#home .cycle-slideshow{
width:100%;
z-index:700;
}

    */

.slider-controll{
position:absolute;
z-index:800;
bottom:0;
right:0;
width:150px;
height:45px;
background-color:rgba(208,3,106,0.7);
}

#prev,
#next{
width:50%;
height:45px;
float:left;
background-size:40px;
}

#next{
background-image:url(../img/png/arrowL.png);
}

#prev{
background-image:url(../img/png/arrowR.png);
}

#prev:hover,
#next:hover{
background-color:rgba(208,3,106,0.8);
cursor:pointer;
}

.ticker{
position:absolute;
bottom:0;
z-index:800;
width:100%;
background-color:rgba(255,255,255,0.8);
left:0;
}

.ticker .col.col2.left{
padding:30px 0;
width:25%;
}

.ticker .col.col2.right{
padding:30px 0;
width:75%;
}

.ticker .col.col2.left h2{
font-size:20px;
text-transform:uppercase;
color:#662777;
}
.ticker .col.col2.right p{
overflow:hidden;
width:200px;
}

.tickercontainer { /* the outer div with the black border */
width: 100%; 
height: 27px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}

.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 4px;
width: 100%;
overflow: hidden;
}

ul.newsticker { /* that's your list */
position: relative;
list-style-type: none;
}

ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
padding: 0px 20px 0px 20px;
background: url(../img/png/list-style.png) 0 7px no-repeat;
background-size: 5px;
text-align: left;
color: #333;
margin:0;
font-size:14px;
font-weight:600;
text-transform:uppercase;
}

ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #333;
margin:0;
font-size:14px;
font-weight:600;
text-transform:uppercase;
} 

ul.newsticker a:hover{
color:#d0036a;
}

ul.newsticker span {
color: #666666;
font-size:13px;
text-transform:uppercase;
margin:0 20px 0 0;
} 

.client-home{
border-top:1px solid #eee;
border-bottom:1px solid #eee;
}

.col.col6.client-logo-home .cycle-slideshow > div{
padding:30%;
width:100%;
background-size:80%;
}

.section-pad{
padding:60px 0 0;
}

.col.col4.info-box{
border:1px solid #4E1769;
height:150px;

}

.col.col4.margin.info-box a {
    color: #d2176d;
}

.col.col2.banner > a{
position:absolute;
display:block;
top:0;
left:0;
bottom:0;
right:0;
z-index:2;
}
.col.col4.info-box.facilities{
background-image:url(../img/png/);
}
.col.col4.info-box:before{
content:'';
background-image:url(../img/png/wi-fi.png);
background-position:center;
background-size:80px;
background-repeat:no-repeat;
width:100px;
height:60px;
background-color:#fff;
position:absolute;
top:-30px;
left: 50%;
-webkit-transform: translateY(0) translateX(-50%);
-ms-transform: translateY(0) translateX(-50%);
transform: translateY(0) translateX(-50%);
}

.col.col4.info-box.wi-fi:before{
content:'';
background-image:url(../img/png/om-market.png);
}

.col.col4.info-box.clock:before{
content:'';
background-image:url(../img/png/clock.png);
background-size:90px;
}

.col.col4.info-box.jobs:before{
content:'';
background-image:url(../img/png/jobs.png);
background-size:90px;
}


.col.col4.info-box.car:before{
content:'';
background-image:url(../img/png/car.png);
}

.col.col4.info-box.cinema:before{
content:'';
background-image:url(../img/png/cam.png);
background-size:100px;
}

.col.col4.info-box.wc:before{
content:'';
background-image:url(../img/png/wc.png);
background-size:60px;
}

.centerd-box{
width:85%;
position:absolute;
top:60%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
text-align:center;
}

h3{
color:#662777;
font-size:15px;
text-transform:uppercase;
}

.centerd-box p{
color:#333333;
font-size:15px;
margin-top:0;
line-height:22px;
}

.col.col2.banner{
width: 49%;
margin-right: 2%;
margin-top: 2%;
margin-bottom: 2%;
border:1px solid #4E1769;
background-size:cover;
}

.col.col2.banner .cycle-slideshow > div {
width:100%;
padding:24%;
background-size:cover;
}

.banner-title{
background-color:rgba(80,25,101,0.9);
padding:15px 30px;
display:inline-block;
}

.banner-text{
background-color:rgba(80,25,101,0.9);
padding:15px 30px;
width:100%;
margin-top:30px;
}

.banner-text h4,
.banner-title h2{
color:#fff;
text-transform:uppercase;
font-size:18px;
}

.banner-text h4{
font-size:17px;
font-family:Montserrat-Regular;
line-height:24px;
}
.banner-text p{
font-size:13px;
color:#fff;
line-height:20px;
margin-top:10px;
}

.banner-info{
position:absolute;
z-index:1;
top:30px;
left:30px;
width:300px;
}

.newsletters{
border-bottom:1px solid #4E1769;
border-top:1px solid #4E1769;
padding:30px 35px;
margin-bottom:40px;
}

.newsletters p,
.newsletters h3{
display:inline-block;
}

.newsletters p{
margin-left:15px;
font-size:15px;
}

#form{
width:100%;
padding:20px 0 0; 
}
.contact-page .column-left textarea,
.contact-page .column-left input,
#form input{
width:100%;
padding:10px;
border:0;
border:1px solid #CCCCCC;
color:#333;
}

.contact-page .column-left input[type="text"],
#form input[type="text"]{
font-style:italic;
}

.contact-page .column-left input[type="submit"],
#form input[type="submit"]{
background-color:#662777;
color:#fff;
font-family:Montserrat-Regular;
font-size:14px;
}

.contact-page .column-left input[type="submit"]{
margin:30px 0;
width: 150px;
border-radius:6px;
padding:16px 0;
}

#form input.error,
#form-a textarea.error,
#form-a input.error{
        background: url(../img/error.png) no-repeat center right 10px;
    background-size: 20px;
    
}

#form input[type="submit"]{
     background-image:none;
}

.contact-page .column-left input[type="submit"]:hover,
#form input[type="submit"]:hover{
    opacity: 0.9;
    cursor: pointer;
}

#footer .col.col2{
padding:0 35px 15px 35px;
}

#footer ul {
float:right;
}

#footer ul li{
display:inline-block;
}

#footer ul li a{
display:block;
color:#333;
}

#footer ul li a{
display:inline-block;
font-family:Montserrat-Regular;
font-size:12px;
}

#footer ul li a:hover{
color:#d0036a;
}

/*
#footer .col.col2.social span{
display:inline-block;
width:20px;
height:20px;
}*/

#footer ul {
float:left;
}

#footer ul li{
display:inline-block;
position:relative;
}

#footer .col.col2.social ul li span{
width:20px;
height:20px;
display:inline-block;
margin-right:5px;
background-color:#333;
border-radius:40px;
}

#footer .col.col2.social ul li span:hover{
background-color:rgba(208,3,106,1);
}

.copyright{
position: relative;
top: -5px;
}

span.bg-image.x,
#footer .col.col2.social ul li span.x {
    background-image: url(../img/png/x.png);
}

span.bg-image.fb,
#footer .col.col2.social ul li span.fb {
    background-image: url(../img/png/fb.png);
    margin-right: 10px;
}

#footer .col.col2.sitemap ul{
float:right;
}

.violet{
color:#662777!important;
padding:0 5px;
}

.phone-mobile{
width:90px;
height:90px;
position:absolute;
top:-5px;
display:none;
background-image:url(../img/png/phoneHD.png);
background-position:center;
background-repeat:no-repeat;
background-size:50px;
}

.parallax{
width:100%;
height:315px;
background-image:url(../img/jpg/header-bg-img.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:cover;
position:relative;
}

.title{
padding:25px 0; 
text-align:center;
}
.title h2{
color:#662777;
text-transform:uppercase;
font-size:20px;
}
.navigation ul li a,
.navigation ul li{
font-size:13px;
color:#6A3878;
font-family:Montserrat-Regular;
text-transform:uppercase;
}

.navigation ul li a:hover{
color:#D0026A;
}

.navigation ul li{
display:inline-block;
}

.navigation {
padding:30px 0; 
}

.navigation ul{
position:relative;
display: inline-block;
width:auto;
left: 50%;
-webkit-transform: translateY(0) translateX(-50%);
-ms-transform: translateY(0) translateX(-50%);
transform: translateY(0) translateX(-50%);
}


.hash{
font-weight:600;
padding:0 5px;
color:#D0026A;
}


.feeds-text{
position:absolute;
bottom:0;
left:0;
right:0;
height:70px;
background-color:rgba(106, 56, 120,0.8);
}


.center-feed{
position:relative;
max-width:95%;
display:inline-block;
left: 50%;
top:50%;
-webkit-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
text-align:center;
}

.feeds-text h3{
color:#fff;
font-family:Montserrat-Regular;
margin-bottom:5px;
font-size:14px;
}


.marginTop .col.col4.custom.feeds{
background-position:center -55px;
background-size: 80%;
background-color:#fff;
border:1px solid #662777;
}

.feeds-text p{
color:#fff;

}
.col.col4.custom.feeds{
padding:8%;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
}

.col.col4.custom.feeds.CC{
    border:1px solid #662777;
    background-color:#fff;
    background-size:90%;
    margin-top: 20px;
}

.col.col4.custom.feeds.CC:hover{
opacity:0.6;

}


.col.col4.custom.feeds a{
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
z-index:2;
}

.col.col2.choose-title{
padding:10px 0;
text-align:center;
border-top:1px solid rgba(0,0,0,0.2);
border-bottom:2px solid #662777;
}
.col.col2.choose-title h4{
color:#662777;
}

.col.col.directory{
padding:30px 60px;
}


.col.col.directory select{
border:1px solid rgba(0,0,0,0.2);
height:35px;
}

.col.col.directory input{
width:100%;
height:35px;
text-indent:10px;
color:#999999;
font-style:italic;
}

.logo-client .col.col6{
padding:8%;
width: 16.66%;
border:1px solid #fff;
background-color:rgba(80,25,101,0.4);
background-position:center;
background-repeat:no-repeat;
background-size:100%;
}

.logo-client .col.col6 a{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
z-index:1;
}

.logo-client .col.col6:hover{
background-color:rgba(80,25,101,0.5);
}

.logo-client{
padding-bottom:40px;
}

.col.col2.column-left{
width:75%;
margin-right:2%;
}

.col.col2.column-left .content-box{
padding:50px 10px 0;
position:relative;
}
.col.col2.text-post h3:first-of-type,
.col.col2.column-left h3:first-of-type{
margin-bottom:20px;
}

.cycle-slideshow.col.col2.column-left {
position:relative;
margin-top:86px
}

.cycle-slideshow.single-client > div.slide{
width:100%;
padding:30%;
background-color:#ccc;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
}
.main-content-page p,
.contact-page .position .text-position p,
.col.col2.text-post p,
.col.col2.text-post a,
.col.col2.column-left .content-box h3 a,
.col.col2.column-left .content-box p{
font-family:Montserrat-Light;
font-size:14px;
color:#333333;
line-height:22px;
margin-bottom:15px;
}

.contact-page .position .text-position p{
font-size:13px;
line-height:18px;
margin-bottom:0;
}


.main-content-page a{
    color:#662777;
}


.main-content-page a:hover{
    color:#333;
}

.main-content-page ul li a,
.col.col2.text-post a,
.col.col2.column-left .content-box h3 a{
text-transform:none;
margin-bottom:0;
font-weight:600;
    color:#333;
}




.main-content-page ul li a:hover,
.col.col2.text-post a:hover,
.col.col2.column-left .content-box h3 a:hover{
color:#662777;
}

.col.col2.column-right{
width:23%;
}

.img-client-logo{
background-position:center;
background-repeat:no-repeat;
background-size:cover;
padding:10.5%;
position:relative;
}

.img-client-logo .cover{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background-color:rgba(255,255,255,0.5);
background-position:center;
background-repeat:no-repeat;
background-size:300px;
}

.col.col2.column-right .col.col4.info-box{
width:100%;
margin-bottom:60px;
float:none;
clear:both;
}

.col.col2.column-right .col.col4.info-box.jobs{
margin-bottom: 25px;
}

.col.col2.image-post-border{
width:39%;
padding:30px;
border:1px solid rgba(0,0,0,0.1);
margin:30px 0;
}



.image-post-border .image-post{
padding:50%;
background-size:contain;
}

.col.col2.text-post{
padding:30px;
width:61%;
}

.contact-page span{
display:inline-block;
}

.contact-page span.ico{
width:25px;
height:25px;
position: relative;
top: 10px;
}

.contact-page .column-right,
.contact-page .column-left{
padding-top:55px;
}
.contact-page .column-left textarea{
height:260px;
}

.contact-page .position .ico.img-position{
background-image:url(../img/png/position.png);
    top: -10px;
}

.contact-page .position .ico.img-ring{
background-image:url(../img/png/ring-phone.png);
}

.contact-page .position .ico.img-letter{
background-image:url(../img/png/letter.png);
}



.contact-page .position .text-position{
width:88%;
margin-left:5px;
}
.contact-page .col.col2.column-left h3:first-of-type,
.contact-page h3{
margin-bottom:30px;
}

.contact-page .column-left .contact-field {
margin-bottom:2%;
margin-right:2%;
width:49%;
}

.contact-page .position{
margin-top:20px;
}

.contact-page .col.col2.column-left{
width: 65%;
margin-right: 2%;
}
.contact-page .col.col2.column-right{
width: 32%;
}

.contact-page .position a{
color: #333333;
}
.contact-page .position a:hover{
color:#662777;
font-weight:600;
}

.full-img{
width:70%;
margin:0 auto;
display:block;
}
    .full-img.wStoreMap {
        width: 100%;
    }

.main-content-page  ul,
.col.col2.text-post ul{
position: relative;
display: inline-block;
}

.main-content-page  ul li,
.col.col2.text-post ul li{
padding: 5px 0 5px 18px;
background: url(../img/png/list-style.png) 0 11px no-repeat;
background-size: 7px;

}
    
.col.col2.text-post ul {
margin-bottom:20px;
}

.main-content-page h3{
margin:24px 0 10px;
}

.main-content-page p{
margin:10px 0;
}
#map,
#map_direction,
.border-img img{
display:inline-block;
padding:30px;
border:1px solid rgba(0,0,0,0.1);
margin:0 20px 10px 0;
position:relative;
}

#map,
#map_direction{
width:100%;
height:400px;
background-color:#ccc;
}


table.parking-hours{
width:600px;
margin:20px 0;
}

table tr th{
padding:10px 10px;
border:1px solid #ccc;}

.marginTop{
margin-top:40px;
}


.title-form-sent{
text-align: left;
color: #662777;
font-size: 15px;
text-transform: uppercase;
margin:20px 0;
}

.logo-client .container:after{
   content: '';
    clear:both;
    display: block;
    position: relative;
}


.form-login{
width:500px;
padding:50px 30px;
border:1px solid #662777;
margin:40px auto;
    box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.1);
}
.form-login table{
    width:100%;

}

.form-login .input-box{

    position:relative;
}

.form-login .input-box span{
    position:absolute;
    top:15px;
    right:10px

}

.form-login input{


        width: 100%;
    padding: 10px;
    border: 0;
    border: 1px solid #CCCCCC;
    color: #333;
    margin-bottom:2%;
    
}


.form-login input[type="submit"]{
     margin-bottom:0%;
     background-color:#662777;
     color:#fff;
     font-family: 'Montserrat-Regular';
     text-transform:uppercase;
         border:0
}

.form-login h4{
    text-align:center;
    padding-bottom:20px;
}



.form-login input[type="submit"]:hover{
    opacity:0.7;
}




input[type=checkbox] {
    width:20px;
    margin:10px 0 15px;
}

input[type=checkbox] + label{
    position:relative;
    top:-3px;
    margin-left:5px;
}



#MainContent_vs1 ul li{
    font-weight: 800;
    display: block;
    padding: 5px 0;
    color: #333;
    padding: 7px 30px 10px 25px;
    background: url(../img/error.png);
    background-repeat: no-repeat;
    background-position: 0px 8px;
    background-size: 15px;
    text-align: left;
    line-height: 15px;
}



.col.info-box.jobs .cycle-slideshow .job-feeds{
    width:100%;
    height:150px;
}


.store-title-box{
position: absolute;
    color: #662777;
    text-align: center;
    font-size: 15px;
    display: block;
    text-transform: uppercase;
    font-family: Montserrat-Bold;
    left: 0;
    right: 0;
        z-index: 0;
}






.home-bg{
width:100%;
height:800px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
z-index: 0;
}

.home-slider{
position: absolute;
width:950px;
top: 71%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
z-index: 3;
}


/*

.home-slider .cycle-slideshow > div{
width:100%;
height:380px;
}

*/

.home-slider .cycle-slideshow > img{
    width:100%;
    max-height: 380px;
    box-shadow: 3px 3px 10px rgba(0,0,0,0.1);
}

#slideshow.cycle-slideshow a img  {
    width: 100%;
}



/* WEb Cam Page CSS*/

   
.webCamHold {
position: relative;
height: 439px;
}

.webCamHold img {
display: block;
margin: 0 auto;
width: 780px;
}

.webCamHold span {
width: 100%;
display: block;
height: 439px;
}



.imgBottom,.imgTop {
position: absolute;
width: 780px;
height: 439px;
top: 0%;
left: 50%;
-webkit-transform: translateY(0%) translateX(-50%);
-ms-transform: translateY(0%) translateX(-50%);
transform: translateY(0%) translateX(-50%);

}

 .imgBottom{
z-index: 1000;
}

.imgTop{
z-index: 500;
}

a.noInBox {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
/* Default Orpington Market Styles   */

@font-face {
font-family: 'sanchezbold';
src: url('../font/sanchezbold.eot');
src: url('../font/sanchezbold.eot?#iefix') format('embedded-opentype'),
url('../font/sanchezbold.woff') format('woff'),
url('../font/sanchezbold.ttf') format('truetype'),
url('../font/sanchezbold.svg#sanchezbold') format('svg');
font-weight: normal;
font-style: normal;
}
div#covidInfo {
    width: 95%;
    margin: 30px auto 10px;
    padding: 30px;
    background: #eaeadf;
    text-align: center;
}

div#covidInfo h3 {
    font-size: 18px;
    line-height: 24px;
}
div#covidInfo p {
    font-size: 16px;
    line-height: 26px;
    margin-top: 20px;
}    div#omintro {
    width: 85%;
    margin: auto;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    }
    
    div#omintro img {
    width: 14%;
    margin-right: 30px;
    float: left;
    }
    
    div#omintro h4 {
    color: #7d7d7d;
    font-size: 18px;
    text-align: center;
    /* font-family: 'Montserrat-Light'; */
    font-style: italic;
    line-height: 27px;
    }
    
    section#orpingtonMarket p em {
    font-style: italic;
    font-weight: bold;
    }
    
section#orpingtonMarket p a {
	color: #c5183d;
}

section#orpingtonMarket p a:hover {
	color: #860521;
}
    section#orpingtonMarket h2 {
	font-family: 'sanchezbold', 'Montserrat-Bold', 'Open Sans', sans-serif;
	font-size: 20px;
    text-transform: uppercase;
    margin: 26px 0 0;
	color: #c5183d;
    }
        
    section#orpingtonMarket h3 {
    margin: 15px 0 10px;
	color: #c5183d;
    }
    
section#orpingtonMarket div.quickNav {
	float: left;
}
	section#orpingtonMarket ul#quickNav li a, section#orpingtonMarket ul#quickNav  ul li {
font-size:13px;
color:#6A3878;
text-transform:uppercase;
}

section#orpingtonMarket div.quickNav p {
	font-size: 13px;
}

section#orpingtonMarket div.quickNav ul li a {
font-weight: 400;

}
section#orpingtonMarket div.quickNav ul li a:hover{
color:#c5183d;
}

section#orpingtonMarket div.quickNav ul li {
display:inline-block;
background: none;
padding: 0;
font-family: 'Montserrat-Light';
color: #333333;
}

section#orpingtonMarket div.quickNav ul {
padding: 10px 0 0; 
}

section#orpingtonMarket div.quickNav  ul {
position:relative;
display: inline-block;
width:auto;
left: 50%;
-webkit-transform: translateY(0) translateX(-50%);
-ms-transform: translateY(0) translateX(-50%);
transform: translateY(0) translateX(-50%);
}


section#orpingtonMarket div.quickNav ul li .hash{
font-weight:600;
padding:0 5px;
color:#c5183d;
}

table#openingHours {
    margin-top: 10px;
}

table#openingHours th {
    border: 0;
}

section#orpingtonMarket ul.nav li.header-icon {
    margin-right: 10px;
}

section#orpingtonMarket .header-facebook, .header-twitter, .header-instagram {
height: 40px;
width: 40px;
background-color: #3c3c3b;
background-color: #f48a46;
padding: 8px 24px;
background-size: cover;
background-position: top;
}

section#orpingtonMarket .header-facebook{

	background-color: #4267b2;
}

section#orpingtonMarket .header-twitter {

	background-color: #1da1f2;
}

section#orpingtonMarket .header-facebook:hover, section#orpingtonMarket .header-twitter:hover, section#orpingtonMarket .header-instagram:hover {
background-position: bottom;
background-color: #ffffff;
}

section#orpingtonMarket .header-facebook {
background-image:url(../img/png/om/fb-alt.png);
}

section#orpingtonMarket .header-twitter {
background-image:url(../img/png/om/tw-alt.png);
}

section#orpingtonMarket .header-instagram {
background-image:url(../img/png/om/insta-alt.png);
}
section#orpingtonMarket ul.nav li {display: inline-block;float: left;margin-right: 30px;background: 0;}

section#orpingtonMarket ul.nav li.header-icon{
margin: 20px 50px 0 0;
    padding-left: 0;  
}

section#orpingtonMarket ul.nav li:last-child{
margin-right: 0;
}

section#orpingtonMarket ul.nav li a {
font-size: 24px;
font-weight: bold;
text-decoration: none;
color: #000;
}
.omImgBox {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    padding: 14.1%;
	margin: 20px 0;
}

.omImgBox.storage {
	    padding: 25%;
}

.omImgBox.stalls {
	    padding: 31%;
}

.omImgBox.visit {
	    padding: 18%;
}
.omImgBox.paul {

width: 14%;
    padding: 7%;
    float: left;
    margin-right: 40px;
}
section#orpingtonMarket div.clear {
	line-height: 0;
	font-size: 0;
}

table#openingHours th {
    font-family: 'Montserrat-Light';
    font-size: 14px;
}
table#openingHours tr th {
    padding: 5px 0;
}

/* End Default Orpington Market Styles   */

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


.imgBottom, .imgTop {
width: 100%!important;
height: initial;
}


.webCamHold span,
.webCamHold {
    height: 400px!important;
}


}


/* -- media desktop -- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------- */

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

.container {
width: 960px;
}
#header ul li a {
padding: 25px 11px;
}
/* #home {
height: 660px;
} */
.ticker .col.col2.left h2 {
font-size: 16px;
}
.banner-info {
top: 10px;
left: 10px;
width: 90%;
}
.centerd-box {
width: 95%;
}
#header .col.col3.right div {
    padding-left: 5px;
}

#footer .col.col2.social{
    padding: 0 0px 15px 35px;
}
#footer .col.col2.sitemap {
    padding: 0 35px 15px 0;
}
.col.col4.custom {
    width: 32.3%;
}
.col.col2.column-right {
    width: 28%;
}
.col.col2.column-left {
    width: 70%;
}


/*
#home .cycle-slideshow > div {
    padding: 24%;
}

*/

.col.col2.banner .cycle-slideshow > div {
    padding: 20%;
}

.home-slider {
    /*top: 47%;*/
    top: 67%;
}

.home-bg {
    height: 700px;
}
	
	div#omintro img {
    width: 16%;
}

.omImgBox.paul {
    padding: 8.5%;
}
	
}








/* -- media ipad -- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------- */

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

.container {
width: 720px;
}

h3 {
    font-size: 13px;
}
/* ----------- nav mobile --------------- */

.nav-button {
display: block;
z-index:9000;
}

html.mobile #layout {
}

html.mobile #navm {
left: 0;
opacity: 1;
visibility: visible;
}
#header .col.col3,
#header ul{
display:none;
}

#header .col.col3.center{
display:block;
width:100%;
}

#header{
width:100%;
position:absolute;
top:0;
left:0;
z-index: 9000;
}
/*
html.home #header{
-webkit-box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.17);
-moz-box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.17);
box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.17);
}
*/

.logo-head {
    width: 200px;
    height: 90px;
}

html.mobile body {
overflow: hidden;
}

html.mobile #layout {
margin-left: 220px;
margin-right: -220px;
}

html.mobile #layout .overlay {
opacity: 1;
visibility: visible;
cursor: pointer;
}

html.mobile #layout .overlay:hover {
background: rgba(0,0,0,0);
}

.banner-text {
padding: 5px 15px;
margin-top: 10px;
}

.banner-title {
padding: 5px 15px;
}

.banner-text h4, .banner-title h2 {
font-size: 16px;
}

.banner-text h4 {
font-size: 15px;
line-height: 20px;
}

.centerd-box p {
font-size: 14px;
line-height: 16px;
}

.ticker .col.col2.left h2 {
font-size: 14px;
}

.ticker .col.col2.left {
padding: 25px 0;
}

.ticker .col.col2.right {
padding: 20px 0;
}

#home {
height:auto;
/* padding-top: 89px; */
}

#footer .col.col2{
width:100%;
}

#footer .col.col2.sitemap ul,
#footer ul {
float: none;
text-align: center;
}

#footer .col.col2.sitemap,
#footer .col.col2.social{
padding: 5px 0;
}

#footer .col.col2.sitemap{
padding: 5px 0 10px;
}

.section-pad {
padding: 40px 0 0;
}
.newsletters {
    padding: 20px 35px;
    margin-bottom: 20px;
}

.col.col4.info-box{
width:49%;

}
.col.col4.info-box.clock,
.col.col4.info-box.wi-fi{
margin-bottom:2%;
}
.col.col4.info-box.wc,
.col.col4.info-box.cinema,
.col.col4.info-box.clock{
margin-right:0;
}

.centerd-box {
    top: 50%;
}

#home .slider {
    top:0;
}
.phone-mobile{
display:block;
}
.slider-controll {
bottom: -45px;
width: 100%;

display:none;
}

/*
#home .cycle-slideshow > div {
padding: 20%;
}

*/

.ticker {
position: relative;
}

#home .slider {
position: relative;
left: 0;
-webkit-transform:none;
-ms-transform: none;
transform: none;
z-index: 700;
background-color: #fff;
}
.col.col4.custom.feeds {
width: 49%;
padding:16%;
}
.ticker.top-title{
position:absolute;

}
.col.col2.column-right {
width: 32%;
}
.col.col2.column-left {
width: 66%;
}
.parallax {
height: 165px;
}
.contact-page .column-left textarea {
height: 160px;
}
.contact-page .position .text-position {
width: 85%;
}
#map,
#map_direction, .border-img img{
width:100%;
}
table.parking-hours{
    width: 100%;
}

.policy_table table .parking-hours.policy {
width:500px;
}

.policy_table{
overflow-x:auto;
}
#map,
#map_direction{
height:300px;
}

/*
#home .cycle-slideshow > div {
    padding: 25%;
}

*/
.big-sub-menu .col.col2{
    width:100%!important;
    margin:0!important;
	float:left!important;
	clear:both!important;
}

html.mobile #navm select{
margin: 0 auto;
display: block;
width: 90%;
}

html.mobile #navm h3{
text-align:center;
margin:15px 0;
color:#d0036a;
}
html.mobile #navm h4{
color:#fff;
margin:10px 0;
text-align:center;
}
.col.col2.banner .cycle-slideshow > div {
    padding: 25%;
}
.home-bg {
    height: 500px;
}

    .home-slider {
        width: 95%;
        height: 32%;
    }


div#omintro h4 {
    font-size: 16px;
}

div#omintro img {
    width: 22%;
}

div#omintro {
    width: 95%;
}
	div#omSocial {
    clear: left;
    margin-bottom: 30px;
}
}







/* -- media mobile -- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------- */

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

body {
overflow: hidden;
overflow-y: auto;
}

.container {
width: auto;
}

.col {
float: none !important;
clear: both !important;
width: auto !important;
margin-right: 0 !important;
}

.ticker .col.col2.right,
.ticker .col.col2.left {
text-align: center;
padding: 15px 0;
}

.col.col6.client-logo-home{
width:33.33%!important;
float:left!important;
clear:none!important;
}

.newsletters p,
.newsletters h3 {
display: block;
}
.newsletters p{
margin:5px 0 0;
}

#form .col.col3{
margin-bottom:10px;
}
.col.col4.info-box.car{
margin-bottom:10px;
}
.col.col4.custom.feeds {
width: 49%!important;
float:left!important;
clear:none!important;
}
.col.col.directory {
padding: 20px 10px;
}
.col.col2.directory,
.col.col2.choose-title{
width:50%!important;
float:left!important;
clear:none!important;
height:60px
}
.logo-client .col.col6 {
width:33.33%!important;
float:left!important;
clear:none!important;
padding:16%;
}
.col.col2.column-left .content-box {
    padding: 50px 10px 60px;
}
.col.col2.column-right{
padding:0 10px;
}
.img-client-logo {
    padding: 30%;
}
.col.col3.cycle-slideshow.single-client{
margin-bottom:10px;
}

.col.col2.text-post,
.col.col2.image-post-border{
width:100%!important;
float:left!important;
clear:none!important;
}

.col.col2.image-post-border{
width:300px!important;
margin:0 auto!important;
display:block;
float:none!important;
clear:both!important;
}

.contact-page{
padding:0 10px;
}

.contact-page .col.col2.column-right{
margin-bottom:30px;
}

.main-content-page{
padding:0 10px;
}
#map_direction, .border-img img{
padding: 10px;
}
.col.col6.client-logo-home .cycle-slideshow > div{
background-size:100%;
}
.col.col2.text-post{
width:100%;


}.col.col4.info-box.cinema,.col.col4.info-box.wc, .col.col4.info-box.clock,
.col.col4.info-box.car, .col.col4.info-box.wi-fi{
margin-bottom: 12%;
}

#home .cycle-slideshow > div{
height:300px;
}

.form-login{
width:90%;
padding:30px 20px;
margin:25px auto 0;
}

}


@media screen and (max-width: 679px) {
	.omImgBox.paul {
    padding: 10.5%;
}

div#omintro img {
    margin-bottom: 30px;
    width: 25%;
    margin-right: 0;
}

div#omintro {
    flex-direction: column;
}
	div#omSocial ul.nav {
    width: 245px;
    margin: 0 auto 0;
    display: block;
}
}
@media screen and (max-width: 480px) {

div#omintro img {
    width: 32%;
    margin-bottom: 20px;
    margin-top: 20px;
}

section#orpingtonMarket div.quickNav ul li span.hash {
    display: inline;
}

#footer .col.col2.sitemap ul li{
display:block;
margin:5px 0;
}

#footer .col.col2.social ul li.copyright{
display:block;
margin: 0 10px;
}

#footer .col.col2.social ul li span.tw,
#footer .col.col2.social ul li span.fb{
margin:0 0 10px;
}

#footer .col.col2.sitemap ul li span.violet{
display:none;
}

.newsletters{
padding: 20px 15px;
}

.logo-head {
    width: 120px;
    height: 90px;
}

.col.col4.custom.feeds {
width: 100%!important;
float:none!important;
clear:both!important;
padding:34%!important;
margin-bottom:10px;
}

.navigation ul li {
    display: block;
}

.hash {
 display:none;
}

.navigation ul{
width:95%;
}

.navigation ul li{
text-align:center;
border-bottom:1px solid rgba(0,0,0,0.2);
}

.navigation ul li:first-child{
padding:5px 0;
}

.navigation ul li a{
padding:5px 0;
display:block;
}

.navigation ul li:last-child{
border:0;
}

.logo-client .col.col6 {
width:50%!important;
padding: 24%;
}

.col.col2.text-post,
.col.col2.image-post-border{
width:100%!important;
float:left!important;
clear:none!important;
}

.col.col2.text-post {
    padding: 10px;
}
.col.col2.image-post-border {
    padding: 10px;
}
.navigation{
padding:30px 0 10px;
}
.col.col2.banner .cycle-slideshow > div {
    padding: 30%;
}
.home-bg {
    height: 250px;
}
.home-slider {
    top: 50%;
}

.webCamHold span,
.webCamHold {
    height: 300px!important;
}
}