/*
Theme Name: TheCityBakery
Author: Anonymous
Author URI:
Version: 1
Description: Base theme for Wordpress
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: base
Tags: one-column, two-columns
Theme URI:
*/

.widget:after,
.search-form:after,
.post-password-form p:after,
.container:after,
#main:after {
	content: " ";
	display: block;
	clear: both;
}

#nav ul,
.social-networks {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* ---------------------------------------------------------
   1. Embedded fonts styles
   2. General reset
   3. Common site styles
   4. Styles for responsive breakpoints
   ---------------------------------------------------------*/

/* ---------------------------------------------------------
   1. Embedded fonts styles
   ---------------------------------------------------------*/

@font-face {
	font-family: "MarianinaCnFY-Thin";
	src: url("fonts/MarianinaCnFY-Thin_gdi.eot");
	src: url("fonts/MarianinaCnFY-Thin_gdi.eot#iefix") format("embedded-opentype"), url("fonts/MarianinaCnFY-Thin_gdi.woff2") format("woff2"), url("fonts/MarianinaCnFY-Thin_gdi.woff") format("woff"), url("fonts/MarianinaCnFY-Thin_gdi.ttf") format("truetype"), url("fonts/MarianinaCnFY-Thin_gdi.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

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

@font-face {
	font-family: "MarianinaCnFY-Medium";
	src: url("fonts/MarianinaCnFY-Medium.eot");
	src: url("fonts/MarianinaCnFY-Medium.eot#iefix") format("embedded-opentype"), url("fonts/MarianinaCnFY-Medium.woff2") format("woff2"), url("fonts/MarianinaCnFY-Medium.woff") format("woff"), url("fonts/MarianinaCnFY-Medium.ttf") format("truetype"), url("fonts/MarianinaCnFY-Medium.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

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

@font-face {
	font-family: "icomoon";
	src: url("fonts/icomoon_nl4zeq.eot");
	src: url("fonts/icomoon.eot") format("embedded-opentype"), url("fonts/icomoon_nl4zeq.ttf") format("truetype"), url("fonts/icomoon_nl4zeq.woff") format("woff"), url("fonts/icomoon_nl4zeq-icomoon.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
	font-family: "icomoon";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1; /* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-facebook:before {
	content: "\e600";
}

.icon-instagram:before {
	content: "\e601";
}

.icon-mail:before {
	content: "\e602";
}

.icon-twitter:before {
	content: "\e603";
}

html,
body {
	height: 100%;
}

a {
	text-decoration: none;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
}

/* ---------------------------------------------------------
   2. General reset
   ---------------------------------------------------------*/

html {
	box-sizing: border-box;
}

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

/* remove default margin and padding for all tags */

/* set margins for common tags */

* {
	margin: 0;
	padding: 0;
	max-height: 1000000px;
}

/* set margins for common tags */

ul,
ol,
dl,
p,
h1,
h2,
h3,
h4,
h5,
h6,
address,
form,
table,
blockquote,
applet,
embed,
object,
iframe,
frameset {
	margin: 0 0 1.328125vw;
}

html,
body,
div,
span,
applet,
embed,
object,
iframe,
frameset,
p,
q,
blockquote,
sub,
sup,
a,
abbr,
acronym,
font,
img,
small,
center,
h1,
h2,
h3,
h4,
h5,
h6,
b,
strong,
big,
u,
ins,
i,
cite,
em,
var,
dfn,
address,
s,
strike,
del,
dl,
dt,
dd,
ol,
ul,
li,
pre,
code,
kbd,
samp,
tt,
fieldset,
legend,
form,
label,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
	border: 0;
	background: none;
}

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

/*
 * set default text color
 * set default font size, line height and font family
 * set default background
 */

body {
	color: #2d2d2d;
	font-size: 1.7vw;
	line-height: 1.5625;
	font-family: "MarianinaCnFY-Light", Arial, Helvetica, sans-serif;
	background: #fff;
	overflow-y: scroll;
	min-width: 320px;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: none;
}

/* styles for default page links */

a {
	text-decoration: underline;
	color: #666;
	outline: none;
}

a:hover {
	text-decoration: none;
	color: #000;
}

img {
	max-width: 100%;
	height: auto;
}

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

/* set typography styles for common tags */

input,
textarea,
select {
	font: 100% "MarianinaCnFY-Light", Arial, Helvetica, sans-serif;
	color: #000;
	vertical-align: middle;
}

textarea {
	overflow: auto;
	resize: vertical;
	vertical-align: top;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	background: #fff;
	margin: 0;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	border: 1px solid #999;
	padding: 4px 7px;
}

input[type="text"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #999;
}

input[type="text"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
textarea::-moz-placeholder {
	opacity: 1;
	color: #999;
}

input[type="text"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="url"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="search"]:-moz-placeholder,
textarea:-moz-placeholder {
	color: #999;
}

input[type="text"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #999;
}

input[type="text"].placeholder,
input[type="tel"].placeholder,
input[type="email"].placeholder,
input[type="url"].placeholder,
input[type="password"].placeholder,
input[type="search"].placeholder,
textarea.placeholder {
	color: #999;
}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	border-color: #4d4d4d;
}

label {
	vertical-align: middle;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0;
}

button,
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="text"],
input[type="email"],
input[type="search"],
input[type="tel"],
input[type="password"],
select,
textarea,
input[type="submit"] {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

input[type="search"] {
	-webkit-appearance: none;
	box-sizing: border-box;
}

input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

input[type="search"]::-webkit-search-decoration {
	display: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
b,
strong,
th {
	font-weight: bold;
}

h1 {
	font-size: 200%;
}

h2 {
	font-size: 150%;
}

h3 {
	font-size: 120%;
}

h4 {
	font-size: 110%;
}

h5 {
	font-size: 100%;
}

h6 {
	font-size: 90%;
}

i,
cite,
em,
var,
dfn,
address {
	font-style: italic;
}

u,
ins {
	text-decoration: underline;
}

s,
strike,
del {
	text-decoration: line-through;
}

blockquote,
blockquote:before,
blockquote:after,
q,
q:before,
q:after {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote {
	border-left: 4px solid #ccc;
	padding-left: 10px;
	margin-left: 1.328125vw;
}

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

sup {
	top: -.5em;
}

sub {
	bottom: -.25em;
}

table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	border-collapse: collapse;
	border-spacing: 0;
}

th,
td {
	border: 1px solid #ccc;
	padding: 3px 7px;
	text-align: left;
	vertical-align: top;
}

th {
	border-color: #999;
	text-align: center;
	vertical-align: middle;
}

ul {
	margin-left: 1px;
}

ul,
ol {
	padding-left: 3em;
}

ul ul,
ul ol,
ol ul,
ol ol {
	padding-left: 3em;
	margin: 0;
}

ul > li {
	list-style-type: disc;
}

dl dt {
	float: left;
	clear: left;
	padding-right: 4px;
	font-weight: bold;
}

pre {
	max-width: 100%;
	overflow: auto;
}

.widget {
	margin-bottom: 1.328125vw;
}

.widget ul {
	padding-left: 2em;
}

.widget select {
	min-width: 150px;
}

.comment-form label {
	display: block;
	padding-bottom: 4px;
}

.comment-form textarea {
	padding: 3px 4px;
	overflow: auto;
	margin: 0;
	height: 120px;
	min-height: 120px;
}

.comment-form textarea,
.comment-form input[type="text"] {
	margin: 0 4px 0 0;
	width: 300px;
}

.comment-form input[type="submit"] {
	display: block;
	float: none;
}

.post-password-form label {
	display: block;
}

.post-password-form input[type="password"] {
	margin: 0 4px 0 0;
	width: 300px;
}

.search-form input {
	float: left;
	height: 24px;
}

.search-form input[type="search"] {
	margin: 0 4px 0 0;
	width: 130px;
}

.post-password-form input {
	float: left;
	height: 24px;
}

.post-password-form input[type="password"] {
	width: 150px;
}

.comment-form input[type="submit"],
.post-password-form input[type="submit"],
.search-form input[type="submit"] {
	background: #000;
	color: #fff;
	height: 24px;
	border: none;
	padding: 0 10px;
}

.comment-form input[type="submit"]:hover,
.post-password-form input[type="submit"]:hover,
.search-form input[type="submit"]:hover {
	opacity: .8;
}

.commentlist {
	margin: 0 0 1.328125vw;
}

.commentlist .edit-link {
	margin: 0;
}

.commentlist .avatar-holder {
	float: left;
	margin: 0 1.328125vw 4px 0;
}

.commentlist-item .commentlist-item {
	padding: 0;
}

.comment,
.commentlist-holder {
	overflow: hidden;
}

.commentlist-item .commentlist-item,
.commentlist-item + .commentlist-item {
	padding-top: 1.328125vw;
}

.widget_calendar #next {
	text-align: right;
}

.gallery-item dt {
	float: none;
	padding: 0;
}

.navigation {
	overflow: hidden;
	margin: 0 0 1.328125vw;
}

.navigation .next {
	float: left;
	max-width: 50%;
}

.navigation .prev {
	float: right;
	max-width: 50%;
	text-align: right;
}

.wp-caption {
	max-width: 100%;
	clear: both;
	border: 1px solid #ccc;
	padding: 5px;
	margin-bottom: 1.328125vw;
}

.wp-caption img {
	margin: 0;
	vertical-align: top;
}

.wp-caption p {
	margin: 10px 0 0;
}

div.aligncenter {
	margin: 0 auto 1.328125vw;
}

img.aligncenter {
	display: block;
	margin: 0 auto;
}

.alignleft {
	float: left;
	margin: 0 1.328125vw 4px 0;
}

.alignright {
	float: right;
	margin: 0 0 4px 1.328125vw;
}

.mejs-container {
	margin-bottom: 1.328125vw;
}

.gallery,
.alignnone,
.gallery-caption,
.sticky,
.bypostauthor {
	height: auto;
}

/* ---------------------------------------------------------
   3. Сommon site styles
   ---------------------------------------------------------*/

/* main container styles */

#wrapper {
	overflow: hidden;
	position: relative;
	display: table;
	width: 100%;
	height: 100%;
	table-layout: fixed;
}

#wrapper .w1 {
	position: relative;
}

/* header styles */

#header {
	background: url(http://www.thecitybakery.com/images/bg-header.jpg) 50% 0 no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
	height: 97px;
}

.logo {
	position: fixed;
	right: 2.5%;
	top: 2.2%;
	width: 14.5%;
	text-align: center;
	white-space: nowrap;
	z-index: 300;
}

.header-wrap {
	height: 100%;
}

.header-wrap .container {
	height: 100%;
}

.nav-opener {
	width: 6.65%;
	height: 6.5vw;
	background: #af1f2d;
	display: inline-block;
	white-space: nowrap;
	text-align: center;
	text-decoration: none;
	z-index: 9999;
	position: fixed;
	left: 0;
	top: 0;
}

.nav-opener .opener {
	display: block;
	white-space: normal;
	position: relative;
	width: 26px;
	height: 26px;
	margin: 0 auto;
	text-decoration: none;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.nav-opener .opener:before,
.nav-opener .opener:after,
.nav-opener .opener span {
	background: #fff;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	height: 6px;
	margin-top: -3px; /* height/2 */
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}

.nav-opener .opener:before,
.nav-opener .opener:after {
	content: "";
	top: 0;
	margin: 0;
}

.nav-opener .opener:after {
	top: auto;
	bottom: 0;
}

/* close button transition */

.active .opener span {
	opacity: 0;
}

.opener:hover {
	opacity: .9;
}

.active .opener:after,
.active .opener:before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 0;
	right: 0;
}

.active .opener:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.drop,
.drop-hold {
	width: 920px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
	height: 100%;
}

.drop .title,
.drop-hold .title {
	letter-spacing: 2px;
	margin-bottom: 20px;
}

.drop li,
.drop-hold li {
	margin-bottom: 15px;
}

.drop {
	z-index: 1000;
	width: 100%;
	-webkit-transform: translate3d(0px, 0px, 0px);
	transform: translate3d(0px, 0px, 0px);
	-webkit-transition: visibility 0ms linear 666ms, background-color 666ms cubic-bezier(.666, 0, .333, 1) 0s;
	transition: visibility 0ms linear 666ms, background-color 666ms cubic-bezier(.666, 0, .333, 1) 0s;
	overflow: hidden;
	visibility: hidden;
	position: fixed;
}

.drop:after {
	content: "";
	background: rgba(255, 255, 255, .91);
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	z-index: -1;
	opacity: 0;
	-webkit-transition: opacity linear .3s;
	transition: opacity linear .3s;
}

.active .drop {
	visibility: visible;
	-webkit-transition: visibility 0ms linear 0s, background-color 666ms cubic-bezier(.666, 0, .333, 1) 0s;
	transition: visibility 0ms linear 0s, background-color 666ms cubic-bezier(.666, 0, .333, 1) 0s;
}

.active .drop .drop-hold {
	height: 100%;
}

.active .drop:after {
	opacity: 1;
}

.drop .same-height {
	float: left;
	width: 50%;
	height: 100%;
	-webkit-transition: -webkit-transform linear .3s;
	transition: transform linear .3s;
	-webkit-transform: translate3d(0px, -101%, 0px);
	transform: translate3d(0px, -101%, 0px);
}

.active .drop .same-height {
	-webkit-transform: translate3d(0px, 0%, 0px);
	transform: translate3d(0px, 0%, 0px);
}

.drop .same-height:first-child {
	padding-right: 5px;
	background: #fff;
}

.drop .same-height.nav-col {
	left: 50%;
	width: 50%;
	padding: 0;
	-webkit-transform: translate3d(0px, 100%, 0px);
	transform: translate3d(0px, 100%, 0px);
	border-right: 10px solid #e0dfd7;
}

.active .drop .same-height.nav-col {
	-webkit-transform: translate3d(0px, 0%, 0px);
	transform: translate3d(0px, 0%, 0px);
}

.drop .image-col {
	position: relative;
	margin-bottom: 5px;
	background-color: #fff;
	background-size: cover;
	height: 50%;
	overflow: hidden;
}

.drop .image-col:last-child {
	margin-bottom: 0;
}

.drop .image-col > a {
	position: relative;
	z-index: 8;
	display: inline-block;
}

.drop .image-col > a:hover:after {
	opacity: 0;
}

.drop .image-col > a:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: rgba(0, 0, 0, .2);
	-webkit-transition: all linear .3s;
	transition: all linear .3s;
}

.drop .image-col .logo-holder {
	text-align: center;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	position: absolute;
	left: 0;
	right: 0;
}

.drop .image-col .logo-holder a {
	z-index: 9;
}

.drop .image-col .logo-holder img {
	max-width: 100%;
	width: auto;
	height: auto;
	vertical-align: top;
}

.drop .title {
	display: block;
	color: #231f20;
	text-transform: uppercase;
	font-size: 3.13vw;
	line-height: 1.2;
	font-family: "MarianinaCnFY-Regular", Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#nav ul {
	font-size: 2.35vw;
	line-height: 1.35;
	font-family: "MarianinaCnFY-Thin", Arial, Helvetica, sans-serif;
}

#nav ul li {
	list-style-type: none;
}

#nav li {
	margin-top: 5px;
}

#nav li:first-child {
	margin-top: 0;
}

#nav a {
	color: #231f20;
	text-decoration: none;
}

#nav a:hover {
	text-decoration: underline;
}

.nav-col {
	white-space: nowrap;
	text-align: center;
	padding: 20px;
	background: #edebe1;
}

.nav-col:after {
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	content: "";
	margin-right: -.25em;
}

.nav-col .centered {
	display: inline-block;
	vertical-align: middle;
	white-space: normal;
	text-align: left;
}

.image-col-01 {
	background: url(images/OffCanvas_CityBakery.jpg) no-repeat 50% 50%;
}

.image-col-02 {
	background: url(images/OffCanvas_Birdbath.jpg) no-repeat 50% 50%;
}

.active .overlay {
	opacity: 1;
	z-index: 9;
}

.active .nav-opener {
	background: none;
	border: 0 !important;
}

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

.logo-big img {
	width: auto;
	max-width: 100%;
}

/* main informative part styles */

.row {
	display: table;
	width: 100%;
	table-layout: fixed;
	padding-bottom: .45%;
}

.row img {
	width: 100%;
	max-width: none;
}

.row-1 .col {
	padding-top: 12%;
}

.row-1 .col-01 {
	background-image: url(images/row1-col1-desktop-bg.jpg);
}

.row-1 .col-02 {
	background-image: url(images/row1-col2-desktop-bg.jpg);
}

.row-1 .col-02 .holder {
	padding: .5% 1.3% 10.2% 0;
}

.row-1 .col-02 .logo-box {
	width: 36%;
}

.row-1 .col-02 .text-header {
	font-size: 3.2vw;
	font-family: "MarianinaCnFY-Thin", Arial, Helvetica, sans-serif;
	letter-spacing: .3vw;
	padding: 2% 0 0 0;
}

.row-1 .col-03 {
	background-image: url(images/row1-col3-desktop-bg.jpg);
}

.row-2 .col-01 {
	background-image: url(images/row2-col1-desktop-bg.jpg);
}

.row-2 .col-01 .holder {
	padding-right: 22.8%;
}

.row-2 .col-01 .image-box {
	margin-top: -60.3%;
}

.row-2 .col-01 .image-box .text-box {
	text-align: center;
	position: absolute;
	bottom: 20%;
	left: 4%;
	right: 4%;
	color: #fff;
	text-transform: uppercase;
}

.row-2 .col-01 .image-box .text-box h2 {
	font-size: 3.37vw;
	line-height: .9;
	font-weight: normal;
}

.row-2 .col-01 .image-box .text-box strong {
	font-family: "MarianinaCnFY-Medium", Arial, Helvetica, sans-serif;
}

.row-2 .col-01 .image-box .logo-box {
	position: absolute;
	top: 2%;
	right: 50%;
	width: 55%;
	-webkit-transform: translateX(50%);
	-ms-transform: translateX(50%);
	transform: translateX(50%);
}

.row-2 .col-02 {
	background-image: url(images/row2-col2-desktop-bg.jpg);
	padding: 12.4% .5% 0 0;
}

.row-2 .col-02 .holder {
	text-align: center;
}

.row-2 .col-02 .site-heading {
	padding: 12.3vw 3% 10.8vw;
	background: #e0dfd7;
	position: relative;
	cursor: pointer;
}

.row-2 .col-02 .site-heading:hover:before {
	opacity: 1;
	visibility: visible;
}

.row-2 .col-02 .site-heading:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: -9999px;
	background: #eae9e2;
	opacity: 0;
	-webkit-transition: opacity .3s, visibility .3s;
	transition: opacity .3s, visibility .3s;
	visibility: hidden;
	z-index: 5;
}

.row-2 .col-03 {
	background-image: url(images/row2-col3-desktop-bg.jpg);
}

.row-2 .col-03 .holder {
	padding: 0 25.7% 0 12.3%;
}

.row-2 .col-03 .logo-box {
	left: 10%;
	right: 10%;
	bottom: 5%;
}

.row-2 .col-03 .image-box .text-box {
	position: absolute;
	bottom: 1%;
	left: 25%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #fff;
	text-transform: uppercase;
	white-space: nowrap;
}

.row-2 .col-03 .image-box .text-box h2 {
	font-size: 4.9vw;
	line-height: .75;
	font-family: "MarianinaCnFY-Light", Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.row-3 .col-01 {
	background-image: url(images/row3-col1-desktop-bg.jpg);
	padding: 0 .5% 0 0;
}

.row-3 .col-01 .holder {
	padding-left: 22.8%;
}

.row-3 .col-01 .image-box .text-box {
	position: absolute;
	top: 5%;
	left: 5%;
	color: #fff;
	text-transform: uppercase;
	white-space: nowrap;
	text-align: left;
}

.row-3 .col-01 .image-box .text-box h2 {
	font-size: 4.9vw;
	line-height: .75;
	font-family: "MarianinaCnFY-Light", Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.row-3 .col-01 .image-box .text-box h2 span {
	font-size: 4.45vw;
}

.row-3 .col-01 .image-box .text-box strong {
	display: block;
	font-size: 5.71vw;
	font-family: "MarianinaCnFY-Medium", Arial, Helvetica, sans-serif;
}

.row-3 .col-02 {
	background-image: url(images/row3-col2-desktop-bg.jpg);
}

.row-3 .col-03 {
	background-image: url(images/row3-col3-desktop-bg.jpg);
}

.row-3 .col-03 .holder {
	padding-top: 26%;
}

.row-3 .col-03 .image-box .text-box {
	position: absolute;
	bottom: 0;
	left: 4%;
	right: 4%;
	color: #fff;
	text-transform: uppercase;
}

.row-3 .col-03 .image-box .text-box h2 {
	font-size: 4.9vw;
	line-height: .9;
	font-weight: normal;
}

.row-3 .col-03 .image-box .text-box strong {
	font-family: "MarianinaCnFY-Medium", Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.col {
	display: table-cell;
	vertical-align: top;
	background-size: 100%;
	background-repeat: repeat-y;
}

.col:before {
	content: "";
}

.col .holder {
	position: relative;
}

.col-01 {
	width: 31.3%;
}

.col-02 {
	width: 36%;
}

.col-03 {
	width: 32%;
}

.image-box {
	position: relative;
	overflow: hidden;
}

.image-box .image-overlay {
	display: block;
	position: relative;
}

.image-box .image-overlay:after {
	background: rgba(204, 204, 204, .3);
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	content: "";
	-webkit-transition: all linear .3s;
	transition: all linear .3s;
	z-index: 10;
}

.image-box .image-overlay:hover:after {
	opacity: 0;
}

.image-box .logo-box {
	position: absolute;
	bottom: 20px;
	right: 20px;
	z-index: 15;
}

.image-box .text-box {
	z-index: 15;
}

.image-box .text-box h2 {
	margin: 0;
}

.street-name {
	text-transform: uppercase;
	position: absolute;
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	font-size: 1.83vw;
	line-height: 1.2;
	font-family: "MarianinaCnFY-Regular", Arial, Helvetica, sans-serif;
	color: #fff;
}

.street-01 {
	right: -9%;
	margin-top: 12%;
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
}

.street-02 {
	right: 53%;
	margin-top: 77%;
}

.street-03 {
	right: -3%;
	top: 75.2%;
}

.street-04 {
	top: -7.3%;
	left: 5%;
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}

.street-05 {
	right: 4.4%;
	margin-top: 18%;
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}

.street-06 {
	left: 39.6%;
	bottom: -27%;
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}

.mobile-visible {
	display: none;
}

.site-heading {
	text-align: center;
	text-transform: uppercase;
	overflow: hidden;
}

.site-heading h1 {
	font-size: 4.393vw;
	line-height: 1.1;
	margin: 0;
	font-weight: normal;
	position: relative;
	z-index: 19;
	letter-spacing: -.02em;
}

.site-heading h1 > a {
	color: #2d2d2d;
	-webkit-transition: color .3s;
	transition: color .3s;
	text-decoration: none;
}

.site-heading h1 > a:after {
	content: ">";
	font-size: 4vw;
	position: relative;
	line-height: 1.2;
	padding: 0 0 0 3%;
	color: #af1f2d;
}

.site-heading h1 > a:hover {
	color: #666;
}

.inner-page .nav-opener {
	width: 6.35%;
	height: 6.57vw;
}

.inner-page .text-box {
	padding: 5%;
}

.inner-page .col-01 {
	width: 30.8%;
	padding-right: .5%;
}

.inner-page .col-02 {
	width: 36%;
	padding-right: .5%;
}

.inner-page .col-03 {
	width: 31.7%;
}

.inner-page .row-1 .col {
	padding-top: 7%;
}

.inner-page .row-1 .col-01 {
	background-image: url(images/inner-row1-col1-desktop-bg.jpg);
}

.inner-page .row-1 .col-01 .holder {
	padding: 34.8% 51.5% 0 0;
}

.inner-page .row-1 .col-02 {
	background-image: url(images/inner-row1-col2-desktop-bg.jpg);
}

.inner-page .row-1 .col-02 .holder {
	padding: 29.9% 0 0 0;
}

.inner-page .row-1 .col-02 .logo-big {
	margin: -25% 0 11%;
}

.inner-page .row-1 .col-02 .logo-big img {
	max-width: 57.9%;
}

.inner-page .row-1 .col-02 .text-box {
	background: #f6f5f0;
}

.inner-page .row-1 .col-02 .logos {
	padding: 5% 0 15% 0;
}

.inner-page .row-1 .col-02 .city-logo {
	width: 30%;
	float: right;
	padding: 5% 0;
}

.inner-page .row-1 .col-02 .birdbath-logo {
	width: 30%;
	float: left;
	padding: 5% 0;
}

.inner-page .row-1 .col-03 {
	background-image: url(images/inner-row1-col3-desktop-bg.jpg);
}

.inner-page .row-1 .col-03 .holder {
	padding: 33.4% 0 0 12.4%;
}

.inner-page .row-1 .col-03 .image-01 {
	margin: 0 0 14.1%;
}

.inner-page .row-1 .col-03 .image-02 {
	padding: 0 30.1% 0 0;
}

.inner-page .row-2 .col-01 {
	background-image: url(images/inner-row2-col1-desktop-bg.jpg);
}

.inner-page .row-2 .col-01 .holder {
	padding: 0 0 0 22.2%;
}

.inner-page .row-2 .col-01 .image-box {
	margin: 0;
}

.inner-page .row-2 .col-02 {
	background-image: url(images/inner-row2-col2-desktop-bg.jpg);
	padding-top: 0;
}

.inner-page .row-2 .col-02 .holder {
	padding: 61.6% 0 0;
	text-align: center;
}

.inner-page .row-2 .col-03 {
	background-image: url(images/inner-row2-col3-desktop-bg.jpg);
	padding: 0 0;
}

.inner-page .row-2 .col-03 .holder {
	padding: 22.6% 0 0;
}

.inner-page .row-3 .col-01 {
	background-image: url(images/inner-row3-col1-desktop-bg.jpg);
}

.inner-page .row-3 .col-01 .holder {
	padding: 0 51.4% 0 0;
}

.inner-page .row-3 .col-02 {
	background-image: url(images/inner-row3-col2-desktop-bg.jpg);
}

.inner-page .row-3 .col-02 .holder {
	padding: 40.3% 0 0;
}

.inner-page .row-3 .col-03 {
	background-image: url(images/inner-row3-col3-desktop-bg.jpg);
}

.inner-page .row-3 .col-03 .holder {
	padding: 10.1% 26.4% 0 12.4%;
}

.inner-page .row-4 .col-01 {
	background-image: url(images/inner-row4-col1-desktop-bg.jpg);
}

.inner-page .row-4 .col-02 {
	background-image: url(images/inner-row4-col2-desktop-bg.jpg);
}

.inner-page .row-4 .col-02 .holder {
	padding: 5.7% 0 0;
}

.inner-page .row-4 .col-02 .image-box {
	margin-left: -43.9%;
}

.inner-page .row-4 .col-03 {
	background-image: url(images/inner-row4-col3-desktop-bg.jpg);
}

.location {
	padding: 0 0 20px;
	text-align: center;
}

.location span {
	text-decoration: underline;
}

#content {
	float: left;
	width: 70%;
	padding-right: 20px;
}

#content img {
	width: auto;
	max-width: 100%;
}

.widget_text {
	padding-right: 15px;
}

#sidebar {
	float: left;
	width: 30%;
}

#sidebar .widget {
	width: 100%;
}

/* footer styles */

#footer {
	display: table-footer-group;
	height: 1%;
	overflow: hidden;
	text-transform: uppercase;
	font-size: 19px;
	line-height: 22px;
	color: #747474;
}

#footer .f1 {
	padding: 40px 0;
}

#footer a {
	color: #747474;
	text-decoration: none;
}

#footer a:hover {
	color: #000;
}

#footer .social-networks {
	display: inline-block;
	vertical-align: middle;
}

.social-networks li {
	padding: 0 12px;
	display: inline-block;
}

.social-networks a {
	color: #757474;
}

.social-networks a:hover {
	color: #333;
}

.footer-left {
	float: left;
	width: 50%;
	padding-right: 10px;
}

.footer-right {
	overflow: hidden;
	font-size: 17px;
	text-align: right;
	padding-right: 20px;
}

.footer-right p {
	margin: 0;
}

.page-loading .page-preloader {
	visibility: visible;
}

.page-preloader {
	visibility: hidden;
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255, 255, 255, .9);
}

.page-preloader .preloader {
	width: 100px;
	height: 100px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -50px 0 0 -50px;
}

.page-preloader.no-anim .top,
.page-preloader.no-anim .bottom {
	width: 105px;
}

.page-preloader.no-anim .right,
.page-preloader.no-anim .left {
	height: 105px;
}

.page-preloader .top {
	position: absolute;
	height: 5px;
	top: -5px;
	background-color: #757474;
	-webkit-animation: 1s loadtop linear forwards;
	animation: 1s loadtop linear forwards;
}

.page-preloader .right {
	width: 5px;
	height: 0;
	background-color: #757474;
	position: absolute;
	top: 0;
	right: -5px;
	-webkit-animation: 1s 1s loadright linear forwards;
	animation: 1s 1s loadright linear forwards;
}

.page-preloader .bottom {
	position: absolute;
	background-color: #757474;
	width: 0;
	height: 5px;
	bottom: -5px;
	right: 0;
	-webkit-animation: 1s 2s loadbottom linear forwards;
	animation: 1s 2s loadbottom linear forwards;
}

.page-preloader .left {
	position: absolute;
	width: 5px;
	height: 0;
	bottom: 0;
	left: -5px;
	background-color: #757474;
	-webkit-animation: 1s 3s loadleft linear forwards;
	animation: 1s 3s loadleft linear forwards;
}

/* ---------------------------------------------------------
   4. Styles for responsive breakpoints
   ---------------------------------------------------------*/

@media all and (min-width: 768px) {
	.commentlist-item .commentlist-item {
		padding: 0 0 0 2em;
	}
}

@media all and (min-width: 1200px) {
	.drop .title {
		font-size: 43px;
	}

	#nav ul {
		font-size: 32px;
	}
}

@media all and (max-width: 1199px) {
	.street-03 {
		left: 27.5%;
		top: 67.2%;
	}
}

@media all and (max-width: 1023px) {
	body {
		font-size: 1.563vw;
	}

	#header {
		height: 68px;
		background-image: url(http://www.thecitybakery.com/images/bg-header-tablet.jpg);
		background-size: 100%;
		margin: 0 0 .4%;
	}

	.logo {
		right: 2.5%;
		top: 1.6%;
		width: 20.5%;
	}

	.nav-opener {
		width: 13.8%;
		height: 8.7vw;
	}

	.drop,
	.drop-hold {
		width: 90%;
		padding-right: 0;
	}

	.drop-hold {
		max-width: 768px;
	}

	.drop {
		width: 100%;
	}

	.drop .image-col .logo-holder img {
		max-width: 70%;
	}

	.row {
		padding-bottom: 0;
		margin-bottom: .4%;
	}

	.row-1 .col {
		padding-top: 14.9%;
	}

	.row-1 .col-01 {
		background-image: url(images/row1-col1-tablet-bg.jpg);
	}

	.row-1 .col-02 {
		background-image: url(images/row1-col2-tablet-bg.jpg);
	}

	.row-1 .col-02 .holder {
		padding: 0;
	}

	.row-1 .col-03 {
		background-image: url(images/row1-col3-tablet-bg.jpg);
	}

	.row-2 .col-01 {
		background-image: url(images/row2-col1-tablet-bg.jpg);
	}

	.row-2 .col-01 .holder {
		padding: 23.6% 0 0;
	}

	.row-2 .col-01 .image-box {
		margin-top: 0;
	}

	.row-2 .col-01 .image-box .text-box h2 {
		font-size: 3vw;
	}

	.row-2 .col-02 {
		background-image: url(images/row2-col2-tablet-bg.jpg);
		padding: 15.5% .5% 0 0;
	}

	.row-2 .col-02 .site-heading {
		padding: 15.3vw 3% 15.6vw;
	}

	.row-2 .col-03 {
		background-image: url(images/row2-col3-tablet-bg.jpg);
	}

	.row-2 .col-03 .holder {
		padding: 0;
	}

	.row-2 .col-03 .logo-box {
		width: 78%;
	}

	.row-2 .col-03 .image-box .text-box h2 {
		font-size: 5.21vw;
	}

	.row-3 .col-01 {
		background-image: url(images/row3-col1-tablet-bg.jpg);
	}

	.row-3 .col-01 .holder {
		padding: 0;
	}

	.row-3 .col-01 .image-box .text-box h2 {
		font-size: 5.21vw;
	}

	.row-3 .col-01 .image-box .text-box h2 span {
		font-size: 4.75vw;
	}

	.row-3 .col-01 .image-box .text-box strong {
		font-size: 6.12vw;
	}

	.row-3 .col-02 {
		background-image: url(images/row3-col2-tablet-bg.jpg);
	}

	.row-3 .col-03 {
		background-image: url(images/row3-col3-tablet-bg.jpg);
	}

	.row-3 .col-03 .holder {
		padding-top: 43.8%;
	}

	.row-3 .col-03 .image-box .text-box h2 {
		font-size: 2.74vw;
	}

	.col {
		padding: 0 .5% 0 0;
	}

	.col:nth-child(3n) {
		padding-right: 0;
	}

	.col-01 {
		width: 26.8%;
	}

	.col-02 {
		width: 49.9%;
	}

	.col-03 {
		width: 27.4%;
	}

	.image-box .logo-box {
		width: 38%;
	}

	.street-name {
		font-size: 1.823vw;
	}

	.street-01 {
		margin-top: 21.9%;
		right: -12.7%;
	}

	.street-02 {
		right: 57.4%;
		margin-top: 128%;
	}

	.street-03 {
		display: none;
	}

	.street-04 {
		top: -5.2%;
		left: 6%;
	}

	.street-05 {
		right: 4%;
		margin-top: 20.3%;
	}

	.street-06 {
		left: 44%;
		bottom: -42%;
	}

	.site-heading h1 {
		font-size: 5.73vw;
		line-height: 1.15;
	}

	.site-heading h1 > a:after {
		font-size: 5.7vw;
	}

	.inner-page .nav-opener {
		width: 10.95%;
		height: 8.57vw;
	}

	.inner-page .text-box {
		padding: 5% 5% 3%;
	}

	.inner-page .text-box p {
		margin-bottom: 10px;
		font-size: 2.2vw;
	}

	.inner-page .col-01 {
		width: 20.6%;
	}

	.inner-page .col-02 {
		width: 38.7%;
	}

	.inner-page .col-03 {
		width: 21.6%;
	}

	.inner-page .row {
		margin: 0 0 .4%;
	}

	.inner-page .row-1 .col {
		padding-top: 27.2%;
	}

	.inner-page .row-1 .col-01 {
		background-image: url(images/inner-row1-col1-tablet-bg.jpg);
	}

	.inner-page .row-1 .col-01 .holder {
		padding: 0 13.1% 0 0;
	}

	.inner-page .row-1 .col-02 {
		background-image: url(images/inner-row1-col2-tablet-bg.jpg);
	}

	.inner-page .row-1 .col-02 .holder {
		padding: 0;
	}

	.inner-page .row-1 .col-02 .logo-big {
		margin: -29% 0 15%;
	}

	.inner-page .row-1 .col-02 .logo-big img {
		max-width: 60%;
	}

	.inner-page .row-1 .col-03 {
		background-image: url(images/inner-row1-col3-tablet-bg.jpg);
	}

	.inner-page .row-1 .col-03 .holder {
		padding: 0;
	}

	.inner-page .row-1 .col-03 .image-01 {
		margin: 0 0 18.7%;
	}

	.inner-page .row-1 .col-03 .image-02 {
		padding: 0 35.8% 0 0;
	}

	.inner-page .row-2 .col-01 {
		background-image: url(images/inner-row2-col1-tablet-bg.jpg);
	}

	.inner-page .row-2 .col-01 .holder {
		padding: 0;
	}

	.inner-page .row-2 .col-02 {
		background-image: url(images/inner-row2-col2-tablet-bg.jpg);
	}

	.inner-page .row-2 .col-02 .holder {
		padding: 49.6% 0 0;
	}

	.inner-page .row-2 .col-03 {
		background-image: url(images/inner-row2-col3-tablet-bg.jpg);
	}

	.inner-page .row-2 .col-03 .holder {
		padding: 42.1% 0 0;
	}

	.inner-page .row-3 .col-01 {
		background-image: url(images/inner-row3-col1-tablet-bg.jpg);
	}

	.inner-page .row-3 .col-01 .holder {
		padding: 0 13.2% 0 0;
	}

	.inner-page .row-3 .col-02 {
		background-image: url(images/inner-row3-col2-tablet-bg.jpg);
	}

	.inner-page .row-3 .col-02 .holder {
		padding: 42.3% 0 0;
	}

	.inner-page .row-3 .col-03 {
		background-image: url(images/inner-row3-col3-tablet-bg.jpg);
	}

	.inner-page .row-3 .col-03 .holder {
		padding: 14.8% 0 0;
	}

	.inner-page .row-4 .col-01 {
		background-image: url(images/inner-row4-col1-tablet-bg.jpg);
	}

	.inner-page .row-4 .col-02 {
		background-image: url(images/inner-row4-col2-tablet-bg.jpg);
	}

	.inner-page .row-4 .col-02 .holder {
		padding: 5.2% 0 0;
	}

	.inner-page .row-4 .col-02 .image-box {
		margin-left: -6.8%;
	}

	.inner-page .row-4 .col-03 {
		background-image: url(images/inner-row4-col3-tablet-bg.jpg);
	}

	#content {
		padding-left: 5px;
	}

	#sidebar {
		padding-right: 5px;
	}

	#footer {
		font-size: 16px;
		line-height: 20px;
	}

	#footer .f1 {
		padding: 25px 0;
	}

	.social-networks {
		font-size: 18px;
	}

	.footer-right {
		font-size: 12px;
	}
}

@media all and (max-width: 767px) {
	#header {
		background-image: url(http://www.thecitybakery.com/images/bg-header-mobile.jpg);
		height: 48px;
		margin: 0 0 .5%;
	}

	.logo {
		right: 2.5%;
		top: 2.5%;
		width: 32%;
	}

	.nav-opener {
		width: 14.5%;
		height: 15.2vw;
	}

	.drop,
	.drop-hold {
		width: 100%;
	}

	.drop li,
	.drop-hold li {
		margin: 0;
	}

	.drop .same-height:first-child {
		padding-right: 1%;
	}

	.drop .same-height.nav-col {
		border-right: 0;
	}

	.drop .image-col {
		margin-bottom: 1%;
	}

	.drop .image-col .logo-holder a {
		width: 110px;
	}

	.drop .title {
		font-size: 7.2vw;
		line-height: 1;
		margin: 0 0 5%;
	}

	#nav ul {
		font-size: 4.38vw;
	}

	.nav-col .centered {
		width: auto;
		padding: 20% 7%;
		vertical-align: top;
	}

	.row-1 .col {
		padding-top: 16.2%;
	}

	.row-1 .col-01 {
		display: none;
	}

	.row-1 .col-02 {
		background-image: url(images/row1-col2-mobile-bg.jpg);
	}

	.row-1 .col-02 .holder {
		padding: 0 9.3% 0 15.4%;
	}

	.row-1 .col-02 .text-header {
		font-size: 8.9vw;
	}

	.row-1 .col-03 {
		display: none;
	}

	.row-2 .col-01 {
		background-image: url(images/row2-col1-mobile-bg.jpg);
	}

	.row-2 .col-01 .holder {
		padding: 13.5% 40.8% 0 15.4%;
	}

	.row-2 .col-01 .image-box .text-box h2 {
		font-size: 10.35vw;
	}

	.row-2 .col-02 {
		background-image: url(images/row2-col2-mobile-bg.jpg);
		padding: 0;
		display: table-header-group;
	}

	.row-2 .col-02 .holder {
		padding: 9% 9.6% 0 15.2%;
		margin: 0 0 .6%;
	}

	.row-2 .col-02 .site-heading {
		padding: 25vw 2% 21.9vw;
	}

	.row-2 .col-03 {
		background-image: url(images/row2-col3-mobile-bg.jpg);
	}

	.row-2 .col-03 .holder {
		padding: 0 9.8% 0 59.8%;
	}

	.row-2 .col-03 .logo-box {
		top: 60%;
		right: 13%;
		z-index: 2;
		left: 13%;
		bottom: auto;
	}

	.row-2 .col-03 .image-box .text-box {
		left: 10%;
		right: 10%;
		text-align: center;
	}

	.row-2 .col-03 .image-box .text-box h2 {
		font-size: 10.35vw;
	}

	.row-3 .col-01 {
		background-image: url(images/row3-col1-mobile-bg.jpg);
	}

	.row-3 .col-01 {
		padding: 12.7% 0 0;
	}

	.row-3 .col-01 .holder {
		padding: 0 41% 0 15.2%;
	}

	.row-3 .col-01 .image-box .text-box h2 {
		font-size: 10.35vw;
	}

	.row-3 .col-01 .image-box .text-box h2 span {
		font-size: 9.1vw;
	}

	.row-3 .col-01 .image-box .text-box strong {
		font-size: 11.35vw;
	}

	.row-3 .col-02 {
		display: none;
	}

	.row-3 .col-03 {
		background-image: url(images/row3-col3-mobile-bg.jpg);
	}

	.row-3 .col-03 .holder {
		padding: 0 9.8% 4.5% 15.2%;
	}

	.row-3 .col-03 .image-box .text-box h2 {
		font-size: 8.74vw;
	}

	.col {
		display: block;
		margin: 0 0 .7%;
	}

	.col-01 {
		width: 100%;
	}

	.col-02 {
		width: 100%;
	}

	.col-03 {
		width: 100%;
	}

	.street-name {
		font-size: 4.07vw;
	}

	.street-01 {
		margin: 0;
		top: 19.8%;
		left: 5%;
		right: auto;
	}

	.street-02 {
		right: -2.3%;
		bottom: 16%;
	}

	.street-03 {
		display: block;
		left: 9%;
		right: auto;
		top: 23%;
	}

	.street-04 {
		left: 17.5%;
		top: 20.8%;
	}

	.street-05 {
		top: -6.7%;
		right: 13%;
		left: auto;
		margin: 0;
	}

	.street-06 {
		right: 12.4%;
		top: -10.2%;
		left: auto;
		bottom: auto;
	}

	.mobile-hidden {
		display: none;
	}

	.mobile-visible {
		display: block;
	}

	.site-heading h1 {
		font-size: 10.63vw;
	}

	.site-heading h1 > a:after {
		font-size: 10vw;
		top: 0;
	}

	.inner-page .nav-opener {
		width: 14.65%;
		height: 16.77vw;
	}

	.inner-page .text-box {
		font-size: 12px;
		padding: 3%;
	}

	.inner-page .text-box p {
		margin-bottom: 10px;
		font-size: 4.5vw;
	}

	.inner-page .col {
		margin: 0 0 .7%;
	}

	.inner-page .col-01 {
		width: 100%;
		padding-right: 0;
	}

	.inner-page .col-02 {
		width: 100%;
		padding-right: 0;
	}

	.inner-page .col-03 {
		width: 100%;
	}

	.inner-page .row {
		margin: 0;
	}

	.inner-page .row-1 .col {
		padding-top: 0;
	}

	.inner-page .row-1 .col-01 {
		background-image: url(images/inner-row1-col1-mobile-bg.jpg);
		display: block;
	}

	.inner-page .row-1 .col-01 .holder {
		padding: 4.2% 33% 0 15.7%;
		margin-top: .6%;
	}

	.inner-page .row-1 .col-02 {
		background-image: url(images/inner-row1-col2-mobile-bg.jpg);
		display: table-header-group;
	}

	.inner-page .row-1 .col-02 .holder {
		position: relative;
		padding: 46.8% 11.2% 0 15.4%;
	}

	.inner-page .row-1 .col-02 .logo-big {
		margin: -28% 0 15%;
	}

	.inner-page .row-1 .col-02 .logo-big img {
		width: 65%;
	}

	.inner-page .row-1 .col-02 .city-logo {
		width: 50%;
		float: none;
		display: block;
		margin: 0 auto;
	}

	.inner-page .row-1 .col-02 .birdbath-logo {
		width: 50%;
		float: none;
		display: block;
		margin: 0 auto;
	}

	.inner-page .row-1 .col-03 {
		background-image: url(images/inner-row1-col3-mobile-bg.jpg);
		display: block;
	}

	.inner-page .row-1 .col-03 .holder {
		padding: 0 11.3% 0 15.7%;
	}

	.inner-page .row-1 .col-03 .image-01 {
		margin: 0 0 21.2%;
	}

	.inner-page .row-1 .col-03 .image-02 {
		padding: 0 0 0 26.5%;
	}

	.inner-page .row-2 .col-01 {
		background-image: url(images/inner-row2-col1-mobile-bg.jpg);
	}

	.inner-page .row-2 .col-01 .holder {
		padding: 0 32.9% 0 15.7%;
	}

	.inner-page .row-2 .col-02 {
		background-image: url(images/inner-row2-col2-mobile-bg.jpg);
		display: block;
	}

	.inner-page .row-2 .col-02 .holder {
		padding: 11.3% 11.3% 0 15.7%;
	}

	.inner-page .row-2 .col-03 {
		background-image: url(images/inner-row2-col3-mobile-bg.jpg);
	}

	.inner-page .row-2 .col-03 .holder {
		padding: 5% 11.3% 0 15.7%;
	}

	.inner-page .row-3 .col-01 {
		background-image: url(images/inner-row3-col1-mobile-bg.jpg);
		padding-top: 0;
	}

	.inner-page .row-3 .col-01 .holder {
		padding: 0 11.3% 0 35.1%;
	}

	.inner-page .row-3 .col-02 {
		background-image: url(images/inner-row3-col2-mobile-bg.jpg);
		display: block;
	}

	.inner-page .row-3 .col-02 .holder {
		padding: 15% 11.3% 0 15.7%;
	}

	.inner-page .row-3 .col-03 {
		background-image: url(images/inner-row3-col3-mobile-bg.jpg);
	}

	.inner-page .row-3 .col-03 .holder {
		padding: 0 33% 0 15.7%;
	}

	.inner-page .row-4 .col-01 {
		display: none;
	}

	.inner-page .row-4 .col-02 {
		background-image: url(images/inner-row4-col2-mobile-bg.jpg);
	}

	.inner-page .row-4 .col-02 .holder {
		padding: 5.4% 11.3% 0 15.7%;
	}

	.inner-page .row-4 .col-02 .image-box {
		margin-left: 0;
	}

	.inner-page .row-4 .col-03 {
		display: none;
	}

	#content {
		float: none;
		width: auto;
		padding: 0 5px 20px;
	}

	#sidebar {
		width: auto;
		float: none;
		padding: 0 5px;
	}

	#footer {
		text-align: center;
	}

	#footer .f1 {
		padding: 10px 0;
	}

	.footer-left {
		float: none;
		width: auto;
		margin-bottom: 10px;
	}

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

@-webkit-keyframes loadtop {
	0% {
		width: 0;
	}

	100% {
		width: 105px;
	}
}

@keyframes loadtop {
	0% {
		width: 0;
	}

	100% {
		width: 105px;
	}
}

@-webkit-keyframes loadright {
	0% {
		height: 0;
	}

	100% {
		height: 105px;
	}
}

@keyframes loadright {
	0% {
		height: 0;
	}

	100% {
		height: 105px;
	}
}

@-webkit-keyframes loadbottom {
	0% {
		width: 0;
	}

	100% {
		width: 105px;
	}
}

@keyframes loadbottom {
	0% {
		width: 0;
	}

	100% {
		width: 105px;
	}
}

@-webkit-keyframes loadleft {
	0% {
		height: 0;
	}

	100% {
		height: 105px;
	}
}

@keyframes loadleft {
	0% {
		height: 0;
	}

	100% {
		height: 105px;
	}
}