/*
	State rules:
*/

/*****
	Header
*/

header.is-fixed {
	position: fixed;
	z-index: 10000;
}

header.is-fixed + #main {
	padding: 85px 0 0 0;
}

header nav .is-default {
	z-index: 10000;
}

header nav .is-default .has-drop {
	margin: 0 0 0 10px;
	width: 40px;
	height: 40px !important;
	position: static;
	z-index: 10;
}

header nav .is-default .has-drop > button {
	color: #3e4467;
    padding: 3px 4px;
	width: 100%;
	height: 34px;
	display: block;
	cursor: pointer;
	background: transparent;
	border: none;
}

header nav .is-default .has-drop > button:hover,
header nav .is-default .has-drop > button:focus {
	background: none;
}

header nav .is-default .has-drop > div {
	/* width: 100%; */
	max-width: 100vw !important;
	/* top: 86px; */
	top: 106px;
	left: 0;
	right: 0;
	z-index: 9999;
}

header nav .is-default .has-drop > div > ul {
	/* background: #0d4b60; */
	box-sizing: border-box;
}

header nav .is-default .has-drop > div > ul li,
header nav .is-default .has-drop > div > ul li a {
	box-sizing: border-box;
}

/* with location google map */
.row.for-map + .row.for-map-canvas { margin-top:0; }

.row.for-map-canvas {
	padding-bottom: 0;
}

.row.for-map-canvas #map-canvas {
	margin-top: 20px;
	margin-bottom: 40px;
	width: 100%;
	height: 500px;
}

/******
	Mobile Layout:	breakpoint: 800px
 ******/
@media only screen and (max-width:850px){
.blocks.no-img .left article{ margin-left:0;  }
}

/******
	Mobile Layout:	breakpoint: 768px
 ******/
@media only screen and (max-width:768px){

/* top headings */
h1, h2, h3, h4, h5, h6{ line-height:normal; }
h1{
font-size:1.75rem; /* 28px */
}
h4{
font-size:1rem;
}

/* Special text content:
	Buttons, Links, Headings
*/
.btn.t-blue, .btn.t-blue:hover{
background:#fff url(mYwTZpSh4AI7LPMV6smKaSj570uZkl6nH9JQmfftx0R.png) no-repeat 95% -690px;
}
.btn.expandable {
width: 100%;
}
.btn.tiny.expandable, .btn.small.expandable {
margin:0;
min-width:240px; height:40px;
line-height:40px; font-size:18px;
}
.btn.large, .btn.xlarge{
    min-width:230px;
}
.link-download{
background:url(mYwTZpSh4AI7LPMV6smKaSj570uZkl6nH9JQmfftx0R.png) no-repeat 50% -725px;
margin-top:30px !important; height:80px; text-transform: uppercase;
font:1rem MuseoSans-100, Arial, Helvetica, sans-serif;
text-align:center;
}
.link-more{
background:url(mYwTZpSh4AI7LPMV6smKaSj570uZkl6nH9JQmfftx0R.png) no-repeat 100% -336px;
background-size:25px; padding:5px 35px;
font:0.85rem 'MuseoSans-300', Arial, Helvetica, sans-serif;
}
/* lists */
.list-check.green { margin:0;}

/* list state change for .is-default and .has-icon */
header nav .has-icon{
/* background:url(mYwTZpSh4AI7LPMV6smKaSj570uZkl6nH9JQmfftx0R.png) no-repeat 100% -408px; */
background:url(mYwTZpSh4AI7LPMV6smKaSj570uZkl6nH9JQmfftx0R.png) no-repeat 100% -2300px;
margin:10px 0 0 0; padding:0;
width:calc(100% - 140px); height:45px !important;
position:absolute; top:0; right:0;
}
	/* icon per item */
	header nav .has-icon > .keys{
	background:#d9ecf8 url(mYwTZpSh4AI7LPMV6smKaSj570uZkl6nH9JQmfftx0R.png) no-repeat 13px 3px !important;
	background-size:50px !important;
	}
	header nav .has-icon > .gear{
	background:#d9ecf8 url(mYwTZpSh4AI7LPMV6smKaSj570uZkl6nH9JQmfftx0R.png) no-repeat 10px -40px !important;
	}
	header nav .has-icon > .power{
	background:#d9ecf8 url(mYwTZpSh4AI7LPMV6smKaSj570uZkl6nH9JQmfftx0R.png) no-repeat 10px -80px;
	}
	header nav .has-icon > .person{
	background:#d9ecf8 url(mYwTZpSh4AI7LPMV6smKaSj570uZkl6nH9JQmfftx0R.png) no-repeat 10px -1421px !important;
	}
	header nav .has-icon > .mapmarker{
	background:#d9ecf8 url(mYwTZpSh4AI7LPMV6smKaSj570uZkl6nH9JQmfftx0R.png) no-repeat 8px -1556px  !important;
	}
    header nav .has-icon > .office{
        background:#d9ecf8 url(mYwTZpSh4AI7LPMV6smKaSj570uZkl6nH9JQmfftx0R.png) no-repeat 8px -2160px !important;
    }
	header nav .has-icon > .profile{
	background:#d9ecf8 url(wF7oXEtMxCuOB2cDbi7sVyScMqNWLH1HOoJORJqM968.png) no-repeat 20px -982px;
	}
    /* hide */
	header nav .has-icon > li{ display:inline; }
	header nav .has-icon > li > a,
	header nav .has-icon > .has-drop{
	display:none; height:0; border:0;
	}
		header nav .has-icon > li > a > span{
		font-size:16px; line-height:20px;
		color: #3a3a3b !important;
		text-transform: none; text-align:left;
		top:0;
		}
		header nav .has-icon > li,
		header nav .has-icon .has-drop ul > li:first-child{ border:0; }

	/* show */
	header nav .has-icon.has-icon-hover > li{ display:inline-block; }
	header nav .has-icon.has-icon-hover > li:last-child{
	border-bottom: 1px solid #868282;
	}
	header nav .has-icon.has-icon-hover > li > a,
	header nav .has-icon.has-icon-hover > .has-drop{
	display:block; height:auto;
	}

	header nav .has-icon.has-icon-hover > li{
	width:calc(100% + 140px); height:auto;
	position:relative; left:-140px;
	border-top:1px solid #dddddf;
	}
	header nav .has-icon.has-icon-hover .has-drop ul > li:first-child{
	width:100%; height:auto;
	position:relative; left:0;
	border-top:1px solid #dddddf;
	}

	header nav .has-icon .has-drop ul > li{
	background:#fff;
	}
			header nav .has-icon > li:first-child{
			margin-top:45px; border-top:none;
			}
	header nav .has-icon > li a,
	header nav .has-icon .has-drop ul a{
	font:16px/20px MuseoSans-300, Arial, Helvetica, sans-serif;
	color:#3a3a3b; text-transform:none; border:0;
	}
		header nav .has-icon > li > a{
		margin:0; padding:10px 50px 10px 65px; top:0;
		font-weight:bold;
		}
		header nav .has-icon > li:first-child > a{
		border:0;
		}
			header nav .has-icon > .has-drop > button:after{
			display:none;
			}
	header nav .has-icon > .has-drop > div{
	margin:0; padding:0; clear:both;
	display:block; height:auto; width:auto;
	position:relative; top:0; left:0;
	}
		header nav .has-icon > .has-drop ul,
		header nav .has-icon .has-drop ul > li{
		margin:0; padding:0;
		}
			header nav .has-icon .has-drop ul > li{
			padding:0 55px;
			}
	/* active */
	header nav .has-icon .has-drop ul li.active{
    background-color:#fcfcfc;
	}
	/* onhover */
	header nav .has-icon .has-drop ul li.active:hover {
    background-color:#00a8e0;
	}
	header nav .has-icon .has-drop ul > li:hover{
    background-color:#00a8e0;
	}
	header nav .has-icon > .keys:hover > a{
	/* background:#00a8e0 url(mYwTZpSh4AI7LPMV6smKaSj570uZkl6nH9JQmfftx0R.png) no-repeat 8px -0; */
	background:#d9ecf8 url(mYwTZpSh4AI7LPMV6smKaSj570uZkl6nH9JQmfftx0R.png) no-repeat 13px 3px;
	background-size:50px !important;
	}
	header nav .has-icon > .gear:hover > a{
	/* background:#00a8e0 url(mYwTZpSh4AI7LPMV6smKaSj570uZkl6nH9JQmfftx0R.png) no-repeat 8px -40px; */
	background:#d9ecf8 url(mYwTZpSh4AI7LPMV6smKaSj570uZkl6nH9JQmfftx0R.png) no-repeat 8px -40px;
	}
	header nav .has-icon > .power:hover > a{
	/* background:#00a8e0 url(mYwTZpSh4AI7LPMV6smKaSj570uZkl6nH9JQmfftx0R.png) no-repeat 8px -80px; */
	background:#d9ecf8 url(mYwTZpSh4AI7LPMV6smKaSj570uZkl6nH9JQmfftx0R.png) no-repeat 8px -80px;
	}
	header nav .has-icon > .person:hover a{
	/* background:#00a8e0 url(mYwTZpSh4AI7LPMV6smKaSj570uZkl6nH9JQmfftx0R.png) no-repeat 8px -1427px; */
	background:#d9ecf8 url(mYwTZpSh4AI7LPMV6smKaSj570uZkl6nH9JQmfftx0R.png) no-repeat 10px -1421px;
	}
	header nav .has-icon > .mapmarker:hover a{
	/* background:#00a8e0 url(mYwTZpSh4AI7LPMV6smKaSj570uZkl6nH9JQmfftx0R.png) no-repeat 8px -1556px; */
	background:#d9ecf8 url(mYwTZpSh4AI7LPMV6smKaSj570uZkl6nH9JQmfftx0R.png) no-repeat 8px -1556px;
	}
    header nav .has-icon > .office:hover a{
        /* background:#00a8e0 url(mYwTZpSh4AI7LPMV6smKaSj570uZkl6nH9JQmfftx0R.png) no-repeat 8px -2202px; */
        background:#d9ecf8 url(mYwTZpSh4AI7LPMV6smKaSj570uZkl6nH9JQmfftx0R.png) no-repeat 8px -2160px;
    }
	header nav .has-icon > .profile:hover a{
	/* background:#00a8e0 url(wF7oXEtMxCuOB2cDbi7sVyScMqNWLH1HOoJORJqM968.png) no-repeat 20px -982px; */
	background:#d9ecf8 url(wF7oXEtMxCuOB2cDbi7sVyScMqNWLH1HOoJORJqM968.png) no-repeat 20px -982px;
	}

	/* default profile: no photo */
	header nav .has-icon > .no-photo{
	background:#d9ecf8;
	}
	header nav .has-icon > .no-photo:hover{
	background:#00a8e0;
	}
		header nav .has-icon > .no-photo abbr{
		background:#00a8e0 !important; color: #fff !important;
		top: -11px; left: 24px;
		}
		header nav .has-icon > .no-photo:hover abbr{
		background:#fff !important; color:#00a8e0 !important;
		cursor:pointer;
		}

	header nav .has-icon .profile {
		background: #fff url(wF7oXEtMxCuOB2cDbi7sVyScMqNWLH1HOoJORJqM968.png) no-repeat 55px -1220px !important;
	}

	/* header nav .has-icon .profile:hover {
		background: #00a8e0 url(wF7oXEtMxCuOB2cDbi7sVyScMqNWLH1HOoJORJqM968.png) no-repeat 55px -1260px !important;
	} */

	header nav .has-icon .plug {
		background: #fff url(wF7oXEtMxCuOB2cDbi7sVyScMqNWLH1HOoJORJqM968.png) no-repeat 54px -1462px !important;
	}

	/* header nav .has-icon .plug:hover {
		background: #00a8e0 url(wF7oXEtMxCuOB2cDbi7sVyScMqNWLH1HOoJORJqM968.png) no-repeat 54px -1597px !important;
	} */

			header nav .has-icon .gear-s{
			background:#fff url(wF7oXEtMxCuOB2cDbi7sVyScMqNWLH1HOoJORJqM968.png) no-repeat 55px -1139px !important;
            }
				/* header nav .has-icon .gear-s:hover{
				background:#00a8e0 url(wF7oXEtMxCuOB2cDbi7sVyScMqNWLH1HOoJORJqM968.png) no-repeat 55px -1179px !important;
				} */
			header nav .has-icon .paper{
			background:#fff url(mYwTZpSh4AI7LPMV6smKaSj570uZkl6nH9JQmfftx0R.png) no-repeat 45px -1839px !important;
            }
				/* header nav .has-icon .paper:hover{
				background:#00a8e0 url(mYwTZpSh4AI7LPMV6smKaSj570uZkl6nH9JQmfftx0R.png) no-repeat 45px -1897px !important;
				} */
			header nav .has-icon .power{
			background:#fff url(wF7oXEtMxCuOB2cDbi7sVyScMqNWLH1HOoJORJqM968.png) no-repeat 55px -1297px !important;
            }
				/* header nav .has-icon .power:hover{
				background:#00a8e0 url(wF7oXEtMxCuOB2cDbi7sVyScMqNWLH1HOoJORJqM968.png) no-repeat 55px -1337px !important;
				} */

    /*
        Footer
    */
/* footer nav,
footer nav:nth-of-type(5n+5){
margin-bottom:20px;
width:50%; float:left; padding:0;
}
		footer nav:nth-of-type(5n+5){
		clear:both;
		} */
/* module: social icons */
/* footer .copyright,
footer .social,
footer .social > ul{
float:left; 	clear:both;
}
	footer .social > ul{
	padding:10px 0;
	} */

/* featured content */
.featured{
min-height:0; height:auto;
}
	.featured .text h1{
	font-size:1.75rem;
	}
	.featured .text h3{
	font-size:1rem;
	padding:5px 20px 10px 0;
	}
	.featured .text p{
	line-height:normal;
	}
    .featured .text2{
    margin:0; padding:10px 0 0 0;
    }
        .featured .text2 img{
        display:none;
        }
/* Image Backgrounds */
.bg-img-keycafe{
background-size:cover !important;
}
.bg-img-about,
.bg-img-location,
.bg-img-security,
.bg-img-testimonial{
background:none;
}
	.bg-img-keycafe .text{
	background:none !important;
	margin:0; padding:20px 0 120px;
	}
	.bg-img-testimonial .text,
	.bg-img-security .text,
	.bg-img-about .text {
	background:none !important;
	margin:0; padding:20px 0;
	}
	.row.featured.bg-img-testimonial,
	.row.featured.bg-img-security{
	background: #e6e6e7 !important;
	}
	.bg-img-testimonial .text{
    padding-left: 0 !important;
    }
.bg-img-exclusivezone{
background:none; margin:0; min-height: none;
}
.bg-img-exclusivezone .list-check {
    margin: 20px 0 !important;
}
/*blurb - content in section-blue background*/
.blurb{
text-align:center;
}
	.blurb h1{
	margin:0 auto; float:none !important;
	font:1.2rem/1.5rem MuseoSans-500, Arial, Helvetica, sans-serif;
	text-align:center;
	}
	.blurb h4{ padding-bottom:20px; }
	.blurb .default h2,
	.blurb .default h3{
	display:none; visibility:hidden;
	}
	.blurb .mobile{
	display:block; visibility:visible;
	}
	.blurb .list-inline{
	margin:0 auto 20px;	text-align:center;
	}
		.blurb  .list-inline li{
		font:1rem/1.25rem MuseoSans-300, Arial, Helvetica, sans-serif;
		}
	.blurb a.btn{
	margin:0 auto; text-align:center;
	float:none !important; display:block;
	max-width:240px;
	}
	.blurb .quote{
	padding:10px; overflow:hidden;
	font-size:1.438rem; text-align:left;
	}
		.blurb .quote cite{
		padding-top:20px; float:left;
		}

/* module: blocks of articles */
.title-icon{
margin:0 auto 12px; text-align:center;
line-height:2rem; /* font-size:1.75rem;  */
}
	.title-icon.key:before,
	.title-icon.data:before,
	.title-icon.question:before{
	margin:0 auto; padding:0;
	display:block; float:none;
	}
	.title-icon.key:before{
	background:url(QlIbcYmWu3ixVQcMUeTEI0VkJzAevs88LIaPkAR3dIk.png) no-repeat 0  -15px;
	height:65px;
	}
	.title-icon.data:before{
	background-position:0 -85px;
	background-size:80%;
	}

.blocks article{
padding:20px 0;
overflow:hidden;
}
	.blocks article img{
	width:47px;
	}
	.blocks article h4{
	padding:20px 0 20px 20px;
	float:left; width:auto;
	font-size:1.125rem; line-height:24px;
	}
	.blocks article p{
	width:auto; font-size:16px;
	float:left; clear:both;
	}
	/* article has no imgs */
	.blocks.no-img .left article{ margin-left:0; }
	.blocks.no-img article{ width:100%; }
	.blocks.no-img article h4,
	.blocks.no-img article p{
	margin:0 auto; padding:0 20px 10px;
	float:left; width:auto; clear:both;
	}

/* index page blocks 3-column */
.blocks.col-3 article{
padding:0 0 5px 0;
}
.blocks.col-3 h4{
margin:0; padding:0 0 5px 0; clear:both;
}
.blocks.col-3 figure{
margin:0 auto 5px; text-align:center;
width:auto; height:auto;
}
	.blocks.col-3 img{
	position:relative; left:0;
	}

/* blocks col-3 for blog articles */
.blocks.col-3.blog article {
margin:10px auto; padding:20px;
min-height:150px;
-moz-box-shadow: 0 3px 0 0 #ccc;
-webkit-box-shadow: 0 3px 0 0 #ccc;
box-shadow: 0 3px 0 0 #ccc;
}
    .blocks.col-3.blog article.use-case {
    min-height: 150px;
    }
	.blocks.col-3.blog article figure{
	float:left; max-width:240px; width:33%;
	display:inline; overflow:hidden;
	}
		.blocks.col-3.blog article figure img{
		width:auto !important;
		}
	.blocks.col-3.blog article h4{
	margin-top:12px;
	}
	.blocks.col-3.blog article h4,
	.blocks.col-3.blog article p,
	.blocks.col-3.blog article ul{
	margin:0 12px; display:inline;
	float:right; clear:right; width:60%;
	}
	.blocks.col-3.blog article ul{
	padding:12px 0;
	}
		.blocks.col-3.blog article ul li{ margin:0 0 10px 0;
		}
		.blocks.col-3.blog article ul.list-check.green li{
		padding-left:35px;
		}
		.blocks.col-3.blog article ul.list-check.green li:before{
		margin-left:-45px;
		}

		.blocks.col-3.blog article p.link.link-arrow-more{
		margin:0; padding:0; display:block;
		width:auto; position:relative; bottom:5px;
		}
		.blocks.col-3.blog article p.link-arrow-more a {
		text-indent:-90px; width:auto;
		line-height: 40px; font-size:0.875rem;
		}

/* index page article blocks */
.blocks h1,
.blocks-alt h1,
.blocks.col-3 h1{
font-size:28px;
}
.blocks-alt article {
margin:10px auto 30px; padding: 0 10px;
}
	.blocks-alt article h2{
	margin:0; padding:0;
	font-size:18px; line-height:16px;
	}
	.blocks-alt article a{
	font-size:0.7rem;
	}
		.blocks-alt article figure{
		margin:0;	width:30%; vertical-align:top;
		}
		.blocks-alt article img,
		.blocks-alt article.even img{
		width:90px; vertical-align:top;
		}
	.blocks-alt article p{
	margin:0; padding:5px 0 10px 0;
	font-size:0.85rem; line-height:1.3rem;
	overflow: hidden;
	}
    .blocks cite{
    font:0.85rem 'MuseoSans-300', Arial, Helvetica, sans-serif;
    }

    /* Pricing module - index  */
.blurb.beta h1{
margin:0 auto; float:none !important;
font:1.75rem/2.25rem MuseoSans-300, Arial, Helvetica, sans-serif;
text-align:left;
}
.blurb.blocks .round{ padding-bottom:25px; }
.blurb.blocks article{
padding:20px 0 10px; height:auto; vertical-align:middle;
}
.blurb.blocks article figure,
.blurb.blocks article h3,
.blurb.blocks article p{
margin:0 auto; padding:0;
float:none; width:auto;
line-height:normal;
}
.blurb.blocks article figure{ padding:25px 0 10px!important; }
.blurb.blocks article h3{ padding:0 0 5px 0 !important; line-height:normal; }
.blurb.blocks article p{ font-size:1rem; padding:5px 50px 30px;}

/* Pricing module - 3 columns */
.blocks.col-blue .col-3{
min-height:150px;
}
	/* adjust col width */
	.blocks.col-blue > .column{
	margin:0 auto; padding:20px;
	width:auto;
	}
		.blocks.col-blue .grid-1.col-3,
		.blocks.col-blue .grid-1.col-3:nth-of-type(3){
		margin-right:0; padding:0; width:100%;
		}
	.blocks.col-blue .col-3 article h1{
	font-size:3.75rem;
	}
		.blocks.col-blue .col-3 article h1 > sup{
		font-size:1.875rem; vertical-align:middle;
		position:static;
		}
		.blocks.col-blue .col-3 article h1 > span{
		font:1.25rem 'MuseoSans-300', Arial, Helvetica, sans-serif;
		line-height:normal; display:block;
		}
 	.blocks.col-blue .col-3 article p{
	padding:0 25px;
	font-size:1.25rem; text-align:center;
	}

/* Event List */
.event-list{
padding:0 0 0 8px;
font-size:0.975em;
line-height:1.286em;
}
    .event-list li{
    min-height:32px;
    padding:0 0 23px 53px;
    }
        .event-list li span:after{
        top:0;
        left:-53px;
        background: url(iSHjl3KBQxKjmBbIKvaYX2DuNbHGxQ5GDxigEuLjuqi.png) no-repeat -7px -282px;
        width:32px;
        height:32px;
        }
        .event-list li.active span:after{
        background-position: -7px -314px;
        }
        .event-list li.up span:after{
        background-position: -7px -346px;
        }
        .event-list li.up.active span:after{
        background-position: -7px -378px;
        }
        .event-list li.down span:after{
        background-position: -7px -410px;
        }
        .event-list li.down.active span:after{
        background-position: -7px -442px;
        }
        .event-list li time{
        margin-top:6px;
        font-size:1em;
        line-height:1.286em;
        }
.more-history {
    margin: 0 0 20px 60px;
}

/************
* Mobile PIN
*/
.mobile-pin{
    padding:31px 30px 8px;
}
    .mobile-pin .secure.form .row.phone-number .field div input {
        width: 100%;
    }
    .mobile-pin .holder{
        max-width:100%;
    }
    .mobile-pin .secure.form .field {
        width: 100%;
    }

/* Tooltips */
.tooltip {
    display: none;
}

/*********************
 * Booking Management
 *********************/

.booking-form {
    padding: 1px 0 10px 5px !important;
    background: none repeat scroll 0 0 #D5EDF8 !important;
}

.booking-form {
    padding: 5px 5px !important;
}
.booking-form .row.date label {
    width: 50px !important;
    line-height: 1.1em;
}
.booking-form .btn {
    min-width: 0px !important;
    margin-bottom: 5px !important;
}
.booking-form .radio-item {
    margin-right: 10px !important;
}
.ac-slide.booking.new .heading time {
    display: none;
}
.ac-slide.booking .closer {
    top: 5px !important;
    font-size: 15px;
}
.heading .label {
    position: relative;
    top: 5px;

    padding: 0 20px;
}
.ac-slide.booking.new .heading {
    padding-top: 30px;
    padding-bottom: 0;
    text-align: center;
}
.booking-form .modal-map, .key-form .modal-map {
    top: 12px;
    right: 12px;
}
.booking-form input.cafe {
    padding-right: 35px !important;
}

/* Cafe page */
.cafe-intro.content{
padding:0 0 20px 0;
}
.cafe-intro .grid-1{
background:url(oIChI0dUJLGqITaljIg2JVDFq2SRbL7RtKx0HAskLte.jpg) no-repeat top center;
background-size:cover; max-width:100%; max-height:auto;
margin:20px auto;
}
	.cafe-intro .grid-1 > h5{
	margin-top:110px;
	font-size:24px; line-height:32px;
	}
	.cafe-intro .grid-1 span.logo{
	background-size:120px; width:120px; height:45px;
	}
.cafe-intro .grid-2, .cafe-details{
margin:20px auto;
width:calc(100% - 20px);
}

.cafe-share p{ width:45%;  text-align:right;}
.cafe-share .social{	width:45%; float:right; text-align:left; }

#map-canvas { width:100%; height:300px; }
#map-canvas-small{
margin:0; padding:0;
width:100%; height:300px;
}
.row.section-map{
position:relative; top:-415px; left: 0px; width: 100%; text-align: center;
}
.referral-map .row.section-map{ top:-280px; }
.modal .row.section-map{ position: absolute; top:10px; z-index: 100000; }

.map-options input.search{
width:90%; padding-left: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
    .map-options .dropdown {
        width: 90%;
        margin: auto;
        box-sizing: border-box;
        -moz-box-shadow: 1px 3px 8px 6px #ccc;
        -webkit-box-shadow: 1px 3px 8px 6px #ccc;
        box-shadow: 1px 3px 8px 6px #ccc;
    }

    .map-options .dropdown .trigger {
        height: 18px;
        min-height: 18px;
    }
    .map-options .dropdown .trigger:after {
        top: 24px;
    }
.map-options .btn{
width: 90%;
margin: 20px auto 0;
}

.cafe-story{ position:relative; clear:both; }
.cafe-story .grid-2.right{
background:rgba(255, 255, 255, 0.7);
margin:0 auto; padding:10px 0 30px; width:calc(100% - 30px);
position:absolute; bottom:0; height:auto;
}
	.cafe-story .grid-2.right p{
	margin:0; padding:0 20px 5px;
	color:#333;
	}

	/**
     * Partner apply
     */
	.map-zone {
		width: auto;
	}

/* Pricing module - 3 columns*/
.blocks.pricing-section .column {
    padding: 0px 15px !important;
}
	.blocks.pricing-section .column > .grid-3{ width:auto; }

	.blocks.pricing-section.topfix{
	margin-top:0;
	}
    .blocks.pricing-section .grid-2.section-white {
    width: 100%;
    }

/* As seen on */
.img-logos h4{ margin: 0px auto; text-align: center; }

/* Referrals page */
.featured.referrals {
    height: auto;
}
.share-link {
    height: 20px;
    line-height: 20px;
}
.featured.referrals .text {
    padding: 30px 20px !important;
}

.key.onekey h3, .location.onekey h3 {display:block;}
.key.onekey h3:before, .location.onekey h3:before { width: 0px; content: none; }
.key.onekey .topright, .location.onekey .topright{float:none; margin-top: 10px;}
.key.onekey .meta, .location.onekey .meta { margin-left: 0px; }
}/* end 786px */

/******
	Mobile Layout:	breakpoint: 480px
 ******/
@media only screen and (max-width:480px){

	header nav .has-icon {
		background: url(mYwTZpSh4AI7LPMV6smKaSj570uZkl6nH9JQmfftx0R.png) no-repeat 100% -408px;
		margin: 10px 0 0 0;
		padding: 0;
		width: calc(100% - 140px);
		height: 45px !important;
		position: absolute;
		top: 0;
		right: 0;
	}

	header nav .is-default .has-drop {
		margin-right: 0;
	}

	header nav .is-default .has-drop ul > li.menu-registration,
	header nav .is-default .has-drop ul > li.menu-login {
		/* padding: 0; */
		/* border-top: none; */
	}
	header nav .is-default .has-drop ul > li.menu-registration {
		/* margin: 0; */
	}

	header nav .is-default .has-drop ul > li.menu-registration > a {
		/* padding: 13px 15px 13px;
		font-weight: bold; */
		text-align: left;
		/* color: #fff;
		margin: 0;
		border-top: none;
		display: block; */
		border-radius: 0;
		box-shadow: none;

		padding-left: 40px;
		padding-right: 40px;
		margin-left: -25px;
		margin-right: -25px;
		width: auto;
		display: block;
	}

	header nav .is-default .has-drop ul > li.menu-login > a {
		/* font-weight: bold;
		padding: 13px 15px 13px;
		background: #00a8e0 !important;
		color: #fff;
		margin: 0;
		border-top: none; */
	}

	header nav .is-default .has-drop ul > li.menu-registration > a:hover,
	header nav .is-default .has-drop ul > li.menu-login > a:hover {
		/* background: #7f7f7f !important; */
		/* color: #fff; */
		background: transparent;
		color: #07a7e0;
	}

	header nav .is-default .has-drop ul > li.menu-registration > a:hover {
		color: #07a7e0 !important;
	}

	/* icon per item */
	header nav .has-icon > .keys{
	background:#d9ecf8 url(mYwTZpSh4AI7LPMV6smKaSj570uZkl6nH9JQmfftx0R.png) no-repeat 13px 3px;
	background-size:50px;
	}
	header nav .has-icon > .gear{
	background:#d9ecf8 url(mYwTZpSh4AI7LPMV6smKaSj570uZkl6nH9JQmfftx0R.png) no-repeat 10px -40px;
	}
	header nav .has-icon > .power{
	background:#d9ecf8 url(mYwTZpSh4AI7LPMV6smKaSj570uZkl6nH9JQmfftx0R.png) no-repeat 10px -80px;
	}
	header nav .has-icon > .person{
	background:#d9ecf8 url(mYwTZpSh4AI7LPMV6smKaSj570uZkl6nH9JQmfftx0R.png) no-repeat 10px -1421px;
	}
	header nav .has-icon > .mapmarker{
	background:#d9ecf8 url(mYwTZpSh4AI7LPMV6smKaSj570uZkl6nH9JQmfftx0R.png) no-repeat 8px -1556px;
	}
    header nav .has-icon > .office{
        background:#d9ecf8 url(mYwTZpSh4AI7LPMV6smKaSj570uZkl6nH9JQmfftx0R.png) no-repeat 8px -2160px;
    }
    /* hide */
	header nav .has-icon > li > a,
	header nav .has-icon > .has-drop{
	display:none; height:0; border:0;
	}
		header nav .is-default > li,
		header nav .is-default .has-drop ul > li:first-child,
		header nav .has-icon > li,
		/* header nav .has-icon .has-drop ul > li:first-child{ border:0; } */

	/* show */
	header nav .has-icon-hover > li:last-child{
	/* border-bottom: 1px solid #868282; */
	}
	header nav .has-icon-hover > li > a,
	header nav .has-icon-hover > .has-drop{
	display:block; height:auto;
	}

	header nav .has-icon-hover > li{
	width:100%; height:auto;
	position:relative; left:-140px;
 	}

	header nav .has-icon .has-drop ul > li{
	background:#fff;
	}
			header nav .is-default > li:first-child,
			header nav .has-icon > li:first-child{
			margin-top:45px; border-top:none;
			}
	header nav .is-default > li a,
	header nav .is-default .has-drop ul a,
	header nav .has-icon > li a,
	header nav .has-icon .has-drop ul a{
	/* font:1rem/1.25rem MuseoSans-300, Arial, Helvetica, sans-serif; */
	font: 17px/1em MuseoSans-300, Arial, Helvetica, sans-serif;
	color:#3a3a3b; text-transform:none; border:0;
	padding-top: 25px;
	padding-bottom: 25px;
	}

	header nav .is-default > li > a:not(.drop),
	header nav .has-icon > li > a {
		margin: 0 5px 0 0;
		padding: 10px 50px 10px 75px;
		top: 0;
		font-weight: bold;
	}

	header nav .is-default > li.registration-button {
		position: relative;
		top: -9px;
	}

	header nav .is-default > li.registration-button > a {
		padding: 10px 7px;
		font-weight: normal;
		font-size: 0.9rem;
	}

	header nav .is-default li.menu-registration > a,
	header nav .is-default li.menu-login > a {
		width: calc(100% + 25px);
		border: 0;
	}

		header nav .has-icon > li:first-child > a{
		border:0;
		}
			header nav .is-default > .has-drop > button:after,
			header nav .has-icon > .has-drop > button:after{
			display:none;
			}

	header nav .has-icon > .has-drop > div{
	margin:0; padding:0; clear:both;
	display:block; height:auto; width:auto;
	}
		header nav .has-icon > .has-drop ul,
		header nav .has-icon .has-drop ul > li{
		margin:0; padding:0;
		}
			header nav .is-default .has-drop ul > li{
			 padding: 0;
			 margin: 0 25px;
			 /* width: 100%; */
			 width: auto;
			 border: 0;
			 /* border-top: 1px solid #dddddf; */
			 border-top: 1px solid #3c6175;
			}

			header nav .is-default .has-drop ul > li.app-store-mobile-block {
				padding: 20px 15px;
			}

			header nav .is-default .has-drop ul.sub-nav-mobile > li{
				margin: 0;
			}

	header nav .is-default .has-drop ul > li > a,
	header nav .is-default .has-drop ul > li:hover a {
		border-top: none;
	}

	header nav .is-default .has-drop .set1 > li > a {
		width: 100%;
		box-sizing: border-box;
		transition: all 0.3s ease-in-out;

	}

	/* active */
	header nav .has-icon .has-drop ul li.active{

    background-color:#fcfcfc;
	}
	/* onhover */
	header nav .has-icon .has-drop ul li.active:hover {

    background-color:#00a8e0;
	}
	header nav .has-icon .has-drop ul > li:hover{

    background-color:#00a8e0;
	}
	header nav .has-icon > .keys:hover > a{
	background:#00a8e0 url(mYwTZpSh4AI7LPMV6smKaSj570uZkl6nH9JQmfftx0R.png) no-repeat 8px -0;
	}
	header nav .has-icon > .gear:hover > a{
	background:#00a8e0 url(mYwTZpSh4AI7LPMV6smKaSj570uZkl6nH9JQmfftx0R.png) no-repeat 8px -40px;
	}
	header nav .has-icon > .power:hover > a{
	background:#00a8e0 url(mYwTZpSh4AI7LPMV6smKaSj570uZkl6nH9JQmfftx0R.png) no-repeat 8px -80px;
	}
	header nav .has-icon > .person:hover > a{
	background:#00a8e0 url(mYwTZpSh4AI7LPMV6smKaSj570uZkl6nH9JQmfftx0R.png) no-repeat 10px -1427px;
	}
	header nav .has-icon > .mapmarker:hover a{
	background:#00a8e0  url(mYwTZpSh4AI7LPMV6smKaSj570uZkl6nH9JQmfftx0R.png) no-repeat 8px -1556px;
	}
    header nav .has-icon > .office:hover a{
        background:#00a8e0  url(mYwTZpSh4AI7LPMV6smKaSj570uZkl6nH9JQmfftx0R.png) no-repeat 8px -2202px;
    }

	/* used in submenu - .has-drop */
	header nav .has-icon .has-drop ul li a{ margin-left:100px;}

	header nav .has-icon .profile {
		background: #fff url(wF7oXEtMxCuOB2cDbi7sVyScMqNWLH1HOoJORJqM968.png) no-repeat 65px -1220px !important;
	}

	header nav .has-icon .profile:hover {
		background: #00a8e0 url(wF7oXEtMxCuOB2cDbi7sVyScMqNWLH1HOoJORJqM968.png) no-repeat 65px -1260px !important;
	}

	header nav .has-icon .plug {
		background: #fff url(wF7oXEtMxCuOB2cDbi7sVyScMqNWLH1HOoJORJqM968.png) no-repeat 64px -1462px !important;
	}

	header nav .has-icon .plug:hover {
		background: #00a8e0 url(wF7oXEtMxCuOB2cDbi7sVyScMqNWLH1HOoJORJqM968.png) no-repeat 64px -1597px !important;
	}

	header nav .has-icon .gear-s{
	background:#fff url(wF7oXEtMxCuOB2cDbi7sVyScMqNWLH1HOoJORJqM968.png) no-repeat 65px -1139px !important;
	}
		header nav .has-icon .gear-s:hover{
		background:#00a8e0 url(wF7oXEtMxCuOB2cDbi7sVyScMqNWLH1HOoJORJqM968.png) no-repeat 65px -1179px !important;
		}
	header nav .has-icon .paper{
	background:#fff url(mYwTZpSh4AI7LPMV6smKaSj570uZkl6nH9JQmfftx0R.png) no-repeat 45px -1839px !important;
	}
		header nav .has-icon .paper:hover{
		background:#00a8e0 url(mYwTZpSh4AI7LPMV6smKaSj570uZkl6nH9JQmfftx0R.png) no-repeat 45px -1839px !important;
		}
	header nav .has-icon .power{
	background:#fff url(wF7oXEtMxCuOB2cDbi7sVyScMqNWLH1HOoJORJqM968.png) no-repeat 65px -1300px !important;
	}
		header nav .has-icon .power:hover{
		background:#00a8e0 url(wF7oXEtMxCuOB2cDbi7sVyScMqNWLH1HOoJORJqM968.png) no-repeat 65px -1337px !important;
		}

/* content  blocks */
.blocks-alt article figure{ width:30%; }

/* blocks col-3 for blog articles */
.blocks.col-3.blog article {
padding:0 0 10px 0;
}
	.blocks.col-3.blog article figure{
	max-width:100%; width:100%;
	display:block; overflow:hidden;
	}
		.blocks.col-3.blog article figure img{
		width:100% !important;
		}
	.blocks.col-3.blog article h4,
	.blocks.col-3.blog article p,
	.blocks.col-3.blog article ul{
	margin:0 auto; padding:0 20px;
	display:block; width:auto;
	float:left; clear:none;
	}
		.blocks.col-3.blog article h4{
		margin:10px auto 5px;
		}

		.blocks.col-3.blog article p.link.link-arrow-more{
		clear:both; bottom:0;
		}
		.blocks.col-3.blog article p.link-arrow-more a {
		text-indent:-80px; width:100%;
		font-size:0.75rem;
		}
/* forms */
.link-download{
font-size:0.875rem;
}

/* Booking Management */
.ac-slide.booking .closer {
top:10px; font-size:13px;
}

/* Cafe page */
.cafe-intro.content
.cafe-intro.content,
.cafe-intro .column{
margin:0 auto; padding:0;
}
.cafe-intro .grid-1{
margin:0 auto 20px; padding:0;
}
	.cafe-intro .grid-1 > h5{
	margin-top:80px; font-size:1rem; line-height:21px;
	}
	.cafe-intro .grid-1 span.logo{
	background-size:85px; width:85px; height:30px;
	}

.cafe-share { padding:10px 0; }
.cafe-share p, .cafe-share .social{
margin:0 auto; padding:0;
width:100%; text-align:center;
float:left; clear:both; height:30px;
}
	.cafe-share .social li{
	margin:0 8px;
	}
.cafe-story{ margin:20px 0; }
	.cafe-story h2{ margin:0 0 50px 0;	}
	.cafe-story p{	margin:0 0 0 30px;	}
.cafe-story figure img{
background-size:cover;
width:100%; min-width:280px;
}
.cafe-story .grid-2.right{
padding:10px 0;
position:relative;
}

	/**
     * Partner apply
     */
	.map-zone {
		margin: 5px auto 0;
		width: auto;
	}

.img-logos ul li{
    padding: 0;
}
}/* end 480px */

@media (max-width: 992px) {
	header nav .is-default .has-drop ul > li.menu-quote > a {
		text-align: left;
		border-radius: 0;
		box-shadow: none;

		padding: 23px 40px 22px !important;
		margin-left: -25px;
		margin-right: -25px;
		width: auto;
		display: block;
	}
	header nav .is-default .has-drop ul.sub-nav-mobile > li {
		margin: 0;
	}

	header nav .is-default .has-drop ul > li.menu-quote > a:hover,
	header nav .is-default .has-drop ul > li.menu-quote > a:focus {
		background-color: #00a7e0;
	}
}