.let-it-snow {
height: 100%;
width: 100%;
position: absolute;
z-index: 1000;
pointer-events: none;
}
.lis-flake,
.lis-flake--js {
position: absolute;
background: #fff;
border-radius: 50%;
box-shadow: 0 0 4px #fff
}
.lis-flake--js { opacity: .2 }
.lis-flake--stuck {
position: absolute;
background: #fff;
border-radius: 50%;
opacity: .7;
transition: all .3s ease
}
.lis-flake:nth-child(-n+33) {
-moz-animation: snow1 8s linear infinite;
-webkit-animation: snow1 8s linear infinite;
animation: snow1 8s linear infinite
}
.lis-flake:nth-child(n+33) {
-moz-animation: snow2 8s 4s linear infinite;
-webkit-animation: snow2 8s 4s linear infinite;
animation: snow2 8s 4s linear infinite
}
.lis-flake:nth-child(n+66) {
-moz-animation: snow3 8s 6s linear infinite;
-webkit-animation: snow3 8s 6s linear infinite;
animation: snow3 8s 6s linear infinite
}
.lis-flake:nth-child(1) {
left: 79%;
top: -210px;
width: 4px;
height: 5px;
transform: rotate(39deg)
}
.lis-flake:nth-child(2) {
left: 12%;
top: -500px;
width: 6px;
height: 5px;
transform: rotate(58deg)
}
.lis-flake:nth-child(3) {
left: 6%;
top: -40px;
width: 2px;
height: 5px;
transform: rotate(2deg)
}
.lis-flake:nth-child(4) {
left: 35%;
top: -340px;
width: 3px;
height: 3px;
transform: rotate(17deg)
}
.lis-flake:nth-child(5) {
left: 34%;
top: -680px;
width: 2px;
height: 5px;
transform: rotate(92deg)
}
.lis-flake:nth-child(6) {
left: 9%;
top: -780px;
width: 1px;
height: 2px;
transform: rotate(26deg)
}
.lis-flake:nth-child(7) {
left: 27%;
top: -340px;
width: 2px;
height: 1px;
transform: rotate(8deg)
}
.lis-flake:nth-child(8) {
left: 12%;
top: -310px;
width: 6px;
height: 4px;
transform: rotate(80deg)
}
.lis-flake:nth-child(9) {
left: 21%;
top: -100px;
width: 5px;
height: 1px;
transform: rotate(53deg)
}
.lis-flake:nth-child(10) {
left: 30%;
top: -690px;
width: 3px;
height: 1px;
transform: rotate(74deg)
}
.lis-flake:nth-child(11) {
left: 23%;
top: -920px;
width: 4px;
height: 4px;
transform: rotate(69deg)
}
.lis-flake:nth-child(12) {
left: 37%;
top: -870px;
width: 3px;
height: 3px;
transform: rotate(26deg)
}
.lis-flake:nth-child(13) {
left: 36%;
top: -570px;
width: 5px;
height: 6px;
transform: rotate(47deg)
}
.lis-flake:nth-child(14) {
left: 78%;
top: -730px;
width: 5px;
height: 3px;
transform: rotate(95deg)
}
.lis-flake:nth-child(15) {
left: 3%;
top: -840px;
width: 3px;
height: 2px;
transform: rotate(54deg)
}
.lis-flake:nth-child(16) {
left: 34%;
top: -960px;
width: 2px;
height: 3px;
transform: rotate(56deg)
}
.lis-flake:nth-child(17) {
left: 7%;
top: -660px;
width: 4px;
height: 1px;
transform: rotate(3deg)
}
.lis-flake:nth-child(18) {
left: 16%;
top: -510px;
width: 5px;
height: 5px;
transform: rotate(75deg)
}
.lis-flake:nth-child(19) {
left: 77%;
top: -760px;
width: 3px;
height: 1px;
transform: rotate(77deg)
}
.lis-flake:nth-child(20) {
left: 98%;
top: -240px;
width: 4px;
height: 1px;
transform: rotate(18deg)
}
.lis-flake:nth-child(21) {
left: 71%;
top: -540px;
width: 6px;
height: 5px;
transform: rotate(65deg)
}
.lis-flake:nth-child(22) {
left: 64%;
top: -650px;
width: 2px;
height: 5px;
transform: rotate(96deg)
}
.lis-flake:nth-child(23) {
left: 65%;
top: -70px;
width: 1px;
height: 3px;
transform: rotate(94deg)
}
.lis-flake:nth-child(24) {
left: 76%;
top: -970px;
width: 3px;
height: 4px;
transform: rotate(63deg)
}
.lis-flake:nth-child(25) {
left: 79%;
top: -830px;
width: 3px;
height: 4px;
transform: rotate(86deg)
}
.lis-flake:nth-child(26) {
left: 18%;
top: -540px;
width: 2px;
height: 5px;
transform: rotate(60deg)
}
.lis-flake:nth-child(27) {
left: 99%;
top: -500px;
width: 6px;
height: 6px;
transform: rotate(28deg)
}
.lis-flake:nth-child(28) {
left: 5%;
top: -270px;
width: 6px;
height: 3px;
transform: rotate(57deg)
}
.lis-flake:nth-child(29) {
left: 64%;
top: -630px;
width: 5px;
height: 3px;
transform: rotate(24deg)
}
.lis-flake:nth-child(30) {
left: 4%;
top: -130px;
width: 4px;
height: 1px;
transform: rotate(70deg)
}
.lis-flake:nth-child(31) {
left: 59%;
top: -340px;
width: 4px;
height: 6px;
transform: rotate(65deg)
}
.lis-flake:nth-child(32) {
left: 44%;
top: -100px;
width: 1px;
height: 6px;
transform: rotate(49deg)
}
.lis-flake:nth-child(33) {
left: 15%;
top: -870px;
width: 2px;
height: 6px;
transform: rotate(38deg)
}
.lis-flake:nth-child(34) {
left: 76%;
top: -490px;
width: 2px;
height: 5px;
transform: rotate(65deg)
}
.lis-flake:nth-child(35) {
left: 93%;
top: -320px;
width: 1px;
height: 5px;
transform: rotate(23deg)
}
.lis-flake:nth-child(36) {
left: 4%;
top: -620px;
width: 5px;
height: 5px;
transform: rotate(19deg)
}
.lis-flake:nth-child(37) {
left: 35%;
top: -910px;
width: 5px;
height: 4px;
transform: rotate(66deg)
}
.lis-flake:nth-child(38) {
left: 90%;
top: -460px;
width: 4px;
height: 1px;
transform: rotate(36deg)
}
.lis-flake:nth-child(39) {
left: 36%;
top: -340px;
width: 1px;
height: 1px;
transform: rotate(1deg)
}
.lis-flake:nth-child(40) {
left: 89%;
top: -170px;
width: 6px;
height: 5px;
transform: rotate(65deg)
}
.lis-flake:nth-child(41) {
left: 87%;
top: -330px;
width: 6px;
height: 6px;
transform: rotate(48deg)
}
.lis-flake:nth-child(42) {
left: 63%;
top: -520px;
width: 4px;
height: 1px;
transform: rotate(100deg)
}
.lis-flake:nth-child(43) {
left: 54%;
top: -480px;
width: 4px;
height: 4px;
transform: rotate(69deg)
}
.lis-flake:nth-child(44) {
left: 4%;
top: -290px;
width: 4px;
height: 5px;
transform: rotate(89deg)
}
.lis-flake:nth-child(45) {
left: 19%;
top: -430px;
width: 2px;
height: 6px;
transform: rotate(73deg)
}
.lis-flake:nth-child(46) {
left: 18%;
top: -290px;
width: 6px;
height: 5px;
transform: rotate(95deg)
}
.lis-flake:nth-child(47) {
left: 65%;
top: -680px;
width: 5px;
height: 3px;
transform: rotate(100deg)
}
.lis-flake:nth-child(48) {
left: 21%;
top: -390px;
width: 2px;
height: 4px;
transform: rotate(70deg)
}
.lis-flake:nth-child(49) {
left: 63%;
top: -600px;
width: 4px;
height: 2px;
transform: rotate(44deg)
}
.lis-flake:nth-child(50) {
left: 34%;
top: -10px;
width: 6px;
height: 3px;
transform: rotate(68deg)
}
.lis-flake:nth-child(51) {
left: 91%;
top: -400px;
width: 2px;
height: 6px;
transform: rotate(97deg)
}
.lis-flake:nth-child(52) {
left: 1%;
top: -740px;
width: 4px;
height: 2px;
transform: rotate(8deg)
}
.lis-flake:nth-child(53) {
left: 28%;
top: -160px;
width: 2px;
height: 5px;
transform: rotate(45deg)
}
.lis-flake:nth-child(54) {
left: 28%;
top: -170px;
width: 2px;
height: 4px;
transform: rotate(84deg)
}
.lis-flake:nth-child(55) {
left: 71%;
top: -710px;
width: 5px;
height: 5px;
transform: rotate(80deg)
}
.lis-flake:nth-child(56) {
left: 61%;
top: -120px;
width: 5px;
height: 1px;
transform: rotate(96deg)
}
.lis-flake:nth-child(57) {
left: 94%;
top: -90px;
width: 2px;
height: 2px;
transform: rotate(73deg)
}
.lis-flake:nth-child(58) {
left: 83%;
top: 0px;
width: 2px;
height: 5px;
transform: rotate(48deg)
}
.lis-flake:nth-child(59) {
left: 88%;
top: -430px;
width: 4px;
height: 5px;
transform: rotate(1deg)
}
.lis-flake:nth-child(60) {
left: 33%;
top: -30px;
width: 6px;
height: 5px;
transform: rotate(36deg)
}
.lis-flake:nth-child(61) {
left: 50%;
top: -790px;
width: 6px;
height: 4px;
transform: rotate(5deg)
}
.lis-flake:nth-child(62) {
left: 32%;
top: -960px;
width: 2px;
height: 4px;
transform: rotate(45deg)
}
.lis-flake:nth-child(63) {
left: 79%;
top: -880px;
width: 3px;
height: 4px;
transform: rotate(23deg)
}
.lis-flake:nth-child(64) {
left: 13%;
top: -10px;
width: 4px;
height: 4px;
transform: rotate(9deg)
}
.lis-flake:nth-child(65) {
left: 92%;
top: -340px;
width: 4px;
height: 4px;
transform: rotate(30deg)
}
.lis-flake:nth-child(66) {
left: 26%;
top: -210px;
width: 6px;
height: 2px;
transform: rotate(29deg)
}
.lis-flake:nth-child(67) {
left: 77%;
top: -590px;
width: 1px;
height: 6px;
transform: rotate(13deg)
}
.lis-flake:nth-child(68) {
left: 15%;
top: -70px;
width: 5px;
height: 3px;
transform: rotate(37deg)
}
.lis-flake:nth-child(69) {
left: 71%;
top: -180px;
width: 6px;
height: 4px;
transform: rotate(60deg)
}
.lis-flake:nth-child(70) {
left: 41%;
top: -930px;
width: 2px;
height: 5px;
transform: rotate(94deg)
}
.lis-flake:nth-child(71) {
left: 93%;
top: -870px;
width: 5px;
height: 3px;
transform: rotate(42deg)
}
.lis-flake:nth-child(72) {
left: 54%;
top: -470px;
width: 1px;
height: 5px;
transform: rotate(90deg)
}
.lis-flake:nth-child(73) {
left: 31%;
top: -520px;
width: 3px;
height: 5px;
transform: rotate(42deg)
}
.lis-flake:nth-child(74) {
left: 18%;
top: -810px;
width: 5px;
height: 3px;
transform: rotate(8deg)
}
.lis-flake:nth-child(75) {
left: 12%;
top: -660px;
width: 3px;
height: 4px;
transform: rotate(64deg)
}
.lis-flake:nth-child(76) {
left: 17%;
top: -860px;
width: 5px;
height: 6px;
transform: rotate(73deg)
}
.lis-flake:nth-child(77) {
left: 82%;
top: -690px;
width: 1px;
height: 4px;
transform: rotate(68deg)
}
.lis-flake:nth-child(78) {
left: 8%;
top: -850px;
width: 4px;
height: 5px;
transform: rotate(30deg)
}
.lis-flake:nth-child(79) {
left: 19%;
top: -420px;
width: 5px;
height: 2px;
transform: rotate(100deg)
}
.lis-flake:nth-child(80) {
left: 7%;
top: -810px;
width: 5px;
height: 1px;
transform: rotate(68deg)
}
.lis-flake:nth-child(81) {
left: 18%;
top: -450px;
width: 2px;
height: 4px;
transform: rotate(82deg)
}
.lis-flake:nth-child(82) {
left: 26%;
top: -900px;
width: 5px;
height: 3px;
transform: rotate(26deg)
}
.lis-flake:nth-child(83) {
left: 86%;
top: -590px;
width: 1px;
height: 2px;
transform: rotate(73deg)
}
.lis-flake:nth-child(84) {
left: 72%;
top: -230px;
width: 2px;
height: 2px;
transform: rotate(55deg)
}
.lis-flake:nth-child(85) {
left: 26%;
top: -700px;
width: 6px;
height: 3px;
transform: rotate(11deg)
}
.lis-flake:nth-child(86) {
left: 46%;
top: -840px;
width: 2px;
height: 2px;
transform: rotate(100deg)
}
.lis-flake:nth-child(87) {
left: 5%;
top: -600px;
width: 4px;
height: 3px;
transform: rotate(46deg)
}
.lis-flake:nth-child(88) {
left: 6%;
top: -610px;
width: 6px;
height: 4px;
transform: rotate(65deg)
}
.lis-flake:nth-child(89) {
left: 45%;
top: -420px;
width: 3px;
height: 5px;
transform: rotate(80deg)
}
.lis-flake:nth-child(90) {
left: 45%;
top: -100px;
width: 6px;
height: 1px;
transform: rotate(33deg)
}
.lis-flake:nth-child(91) {
left: 6%;
top: -830px;
width: 3px;
height: 6px;
transform: rotate(4deg)
}
.lis-flake:nth-child(92) {
left: 58%;
top: -770px;
width: 1px;
height: 3px;
transform: rotate(89deg)
}
.lis-flake:nth-child(93) {
left: 23%;
top: -870px;
width: 4px;
height: 6px;
transform: rotate(32deg)
}
.lis-flake:nth-child(94) {
left: 89%;
top: -340px;
width: 6px;
height: 4px;
transform: rotate(7deg)
}
.lis-flake:nth-child(95) {
left: 46%;
top: -790px;
width: 4px;
height: 2px;
transform: rotate(91deg)
}
.lis-flake:nth-child(96) {
left: 94%;
top: -140px;
width: 6px;
height: 5px;
transform: rotate(22deg)
}
.lis-flake:nth-child(97) {
left: 32%;
top: -430px;
width: 3px;
height: 1px;
transform: rotate(55deg)
}
.lis-flake:nth-child(98) {
left: 85%;
top: -40px;
width: 6px;
height: 1px;
transform: rotate(64deg)
}
.lis-flake:nth-child(99) {
left: 66%;
top: -710px;
width: 1px;
height: 1px;
transform: rotate(42deg)
}
.lis-flake:nth-child(100) {
left: 33%;
top: -790px;
width: 1px;
height: 4px;
transform: rotate(55deg)
}
@-moz-keyframes 
snow1 { 0% {
-moz-transform:translate(-250px, 0);
opacity:1
}
100% {
-moz-transform:translate(250px, 1500px);
opacity:0
}
}
@-moz-keyframes 
snow2 { 0% {
-moz-transform:translate(0, 0);
opacity:1
}
100% {
-moz-transform:translate(250px, 2500px);
opacity:.5
}
}
@-moz-keyframes 
snow3 { 0% {
-moz-transform:translate(0, 0);
opacity:1
}
100% {
-moz-transform:translate(0, 2500px);
opacity:.5
}
}
@-webkit-keyframes 
snow1 { 0% {
-webkit-transform:translate(-250px, 0);
opacity:1
}
100% {
-webkit-transform:translate(250px, 1500px);
opacity:0
}
}
@-webkit-keyframes 
snow2 { 0% {
-webkit-transform:translate(0, 0);
opacity:1
}
100% {
-webkit-transform:translate(250px, 2500px);
opacity:.5
}
}
@-webkit-keyframes 
snow3 { 0% {
-webkit-transform:translate(0, 0);
opacity:1
}
100% {
-webkit-transform:translate(0, 2500px);
opacity:.5
}
}
@keyframes 
snow1 { 0% {
transform:translate(-250px, 0);
opacity:1
}
100% {
transform:translate(250px, 1500px);
opacity:0
}
}
@keyframes 
snow2 { 0% {
transform:translate(0, 0);
opacity:1
}
100% {
transform:translate(250px, 2500px);
opacity:.5
}
}
@keyframes 
snow3 { 0% {
transform:translate(0, 0);
opacity:1
}
100% {
transform:translate(0, 2500px);
opacity:.5
}
}html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
vertical-align: baseline;
}
html {
font-size: 62.5%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
sub {
vertical-align: sub;
}
sup {
vertical-align: super;
}
body {
background: #d7c8b5;
font-family: "Open Sans", sans-serif;
font-size: 15px;
line-height: 1.5;
color: #000;
position: relative;
-webkit-font-smoothing: antialiased;
}
#container {
position: relative;
} a {
color: #2a85e8;
text-decoration: none;
line-height: inherit;
}
a:hover {
color: #11639d;
}
a:focus {
color: #cc4714;
outline: none;
}
p a,
p a:visited {
line-height: inherit;
} ul,
ol {
margin-bottom: 18px;
}
ul {
list-style: none outside;
}
ol {
list-style: decimal;
}
ol,
ul.square,
ul.circle,
ul.disc {
margin-left: 30px;
}
ul.square {
list-style: square outside;
}
ul.circle {
list-style: circle outside;
}
ul.disc {
list-style: disc outside;
}
li {
margin-bottom: 12px;
}
ul.large li {
line-height: 21px;
} table {
background: #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin: 0 0 18px;
border: 1px solid #ddd;
}
table thead,
table tfoot {
background: #f5f5f5;
}
table thead tr th,
table tfoot tr th,
table tbody tr td,
table tr td,
table tfoot tr td {
font-size: 12px;
line-height: 18px;
text-align: left;
}
table thead tr th,
table tfoot tr td {
padding: 8px 10px 9px;
font-size: 14px;
font-weight: bold;
color: #222;
}
table thead tr th:first-child,
table tfoot tr td:first-child {
border-left: none;
}
table thead tr th:last-child,
table tfoot tr td:last-child {
border-right: none;
}
table tbody tr.even,
table tbody tr.alt {
background: #f9f9f9;
}
table tbody tr:nth-child(even) {
background: #f9f9f9;
}
table tbody tr td {
color: #333;
padding: 9px 10px;
vertical-align: top;
border: none;
} .left {
float: left;
}
.right {
float: right;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.hide {
display: none;
}
.highlight {
background: #ff0;
}
#googlemap img,
object,
embed {
max-width: none;
}
#map_canvas embed {
max-width: none;
}
#map_canvas img {
max-width: none;
}
#map_canvas object {
max-width: none;
} h1, h2, h3, h4, h5, h6 {
font-family: "Acme", "Open Sans", sans-serif;
color: #181818;
font-weight: 400;
line-height: 1.25
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-weight: inherit;
}
h1 {
font-size: 35px;
margin-bottom: 9px;
}
h2 {
font-size: 28px;
margin-bottom: 9px;
}
h3 {
font-size: 21px;
margin-bottom: 3px;
}
h4 {
font-size: 18px;
font-weight: normal;
margin-bottom: 3px;
}
h5, h6 {
font-size: 15px;
font-weight: normal;
}
.subheader {
color: #777;
font-weight: 300;
margin-bottom: 24px;
}
p {
font-size: 15px;
line-height: 1.5;
margin: 0 0 18px;
}
p img {
margin: 0;
}
p.lead {
font-size: 18px;
line-height: 1.5;
}
em,
i {
font-style: italic;
line-height: inherit;
}
strong,
b {
font-weight: bold;
line-height: inherit;
}
small {
font-size: 60%;
line-height: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small {
color: #777;
} blockquote,
blockquote p {
line-height: 20px;
color: #777;
}
blockquote {
margin: 0 0 18px;
padding: 9px 20px 0 19px;
border-left: 1px solid #ddd;
}
blockquote cite {
display: block;
font-size: 12px;
color: #555;
}
blockquote cite:before {
content: "\2014 \0020";
}
blockquote cite a,
blockquote cite a:visited {
color: #555;
}
hr {
border: solid #ddd;
border-width: 1px 0 0;
clear: both;
margin: 12px 0 18px;
height: 0;
}
abbr,
acronym {
text-transform: uppercase;
font-size: 90%;
color: #222;
border-bottom: 1px solid #ddd;
cursor: help;
}
abbr {
text-transform: none;
} .print-only {
display: none !important;
}
@media print {
* {
background: transparent !important;
color: black !important;
text-shadow: none !important;
filter: none !important;
-ms-filter: none !important;
} p a,
p a:visited {
color: #444 !important;
text-decoration: underline;
}
p a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
} pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
} tr,
img {
page-break-inside: avoid;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
.hide-on-print {
display: none !important;
}
.print-only {
display: block !important;
}
} .container {
padding: 0 20px;
}
.row {
width: 100%;
max-width: 1100px;
margin: 0 auto;
}
.row .row {
min-width: 0;
}
.column,
.columns {
margin-left: 4.4%;
float: left;
min-height: 1px;
position: relative;
}
.column:first-child,
.columns:first-child {
margin-left: 0;
}
[class*="column"] + [class*="column"]:last-child {
float: right;
}
[class*="column"] + [class*="column"].end {
float: left;
}
.row .one {
width: 4.27503%;
}
.row .two {
width: 12.97730%;
}
.row .three {
width: 21.67957%;
}
.row .four {
width: 30.37999%;
}
.row .five {
width: 39.08411%;
}
.row .six {
width: 47.78638%;
}
.row .seven {
width: 56.48865%;
}
.row .eight {
width: 65.19092%;
}
.row .nine {
width: 73.89319%;
}
.row .ten {
width: 82.59546%;
}
.row .eleven {
width: 91.29773%;
}
.row .twelve {
width: 100%;
}
img,
object,
embed {
max-width: 100%;
height: auto;
}
img {
-ms-interpolation-mode: bicubic;
}
#map_canvas img,
.map_canvas img {
max-width: none!important;
}
.row:before,
.row:after,
.clearfix:before,
.clearfix:after {
content: "";
display: table;
}
.row:after,
.clearfix:after {
clear: both;
}
.row,
.clearfix {
zoom: 1;
}  #header {
position: relative;
background-size: cover;
background-position: center;
min-height: 360px;
overflow: hidden;
}
.logo {
display: block;
background: #fff;
padding: 15px 10px;
border-bottom: 3px solid #bf1e2d;
}
.logo img {
display: block;
}
.head-menu {
position: relative;
width: 160px;
background: rgba(255,255,255,0.8);
}
.bg-image {
position: absolute;
overflow: hidden;
height: 640px;
max-height: 640px;
top: 0;
z-index: -10;
}
.bg-image img {
width: 100%;
display: block;
}
.order-now {
position: absolute;
top: 10px;
right: 10px;
background: #fff;
padding: 10px 15px;
font-family: "Acme", "Open Sans", sans-serif;
font-size: 30px;
line-height: 30px;
color: #000;
border-bottom: 3px solid #000;
box-shadow: 0px 0px 15px 0px #000;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.order-now:hover {
color: #fff;
background: #000;
border-color: #fff;
}
.snowman { display: block;
position: absolute;
bottom: -20px;
right: 20px;
width: 250px;
}
@media screen and (max-width: 768px) {
.snowman {
right: auto;
left: 10px;
bottom: -12px;
width: 150px;
}
.snowman img {
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
}
}
@media screen and (max-width: 420px) {
.snowman {
right: auto;
left: 10px;
bottom: -10px;
width: 120px;
}
} .page-content {
background: #000;
color: #fff;
padding: 20px;
overflow: auto;
}
h1.content-title,
h2.content-title {
color: #fff;
margin-bottom: 18px;
}
#circles {
background: #fff;
font-size: 0;
}
.circle {
display: inline-block;
width: 20%;
padding: 10% 0;
margin: 4% 4% 4% 0;
border-radius: 50%;
box-shadow: inset 0px 0px 15px 0px #000;
background-size: cover;
background-position: center;
}
.circle:first-child {
margin-left: 4%;
}
.offer {
width: 49%;
display: inline-block;
float: left;
margin-right: 2%;
margin-top: 2%;
}
.offer:nth-child(even) {
margin-right: 0;
}
.offer:nth-child(-n+2) {
margin-top: 0;
} .gallery-container {
background: #000;
color: #fff;
padding: 5%;
overflow: auto;
}
.gallery-item {
display: block;
width: 30%;
padding: 15% 0;
margin-right: 5%;
margin-bottom: 5%;
float: left;
background-size: cover;
background-position: left top;
background-repeat: no-repeat;
cursor: -webkit-zoom-in;
-webkit-transition: all 0.5s ease, background 3s ease;
transition: all 0.5s ease, background 3s ease;
}
.gallery-item:nth-child(even) {
background-position: right bottom;
}
.gallery-item:hover {
box-shadow: inset 0px 0px 0px 5px #fff, inset 0px 0px 15px 5px #000;
background-position: right bottom;
}
.gallery-item:nth-child(even):hover {
background-position: left top;
}
.gallery-item:nth-child(3n+3) {
margin-right: 0;
}
.gallery-item:nth-last-child(-n+3) {
margin-bottom: 0;
} #footer {
margin-bottom: 80px;
padding: 10px 20px;
text-align: center;
box-sizing: border-box;
}
#copyright {
font-size: 12px;
} .slicknav_menu {
display: none;
}
#menu {
padding: 0 10px;
padding-bottom: 150px;
}
#menu ul, #menu ul li {
margin-bottom: 0;
}
#menu ul li {
border-bottom: 1px solid #000;
position: relative;
height: 41px;
}
#menu ul li:last-child {
border-bottom: none;
}
#menu ul li a {
padding: 10px 0;
display: block;
color: #000;
font-family: "Acme", "Open Sans", sans-serif;
text-transform: lowercase;
font-size: 14px;
line-height: 21px;
cursor: pointer;
}
#menu ul li a:hover,
#menu ul li a:focus {
color: #bf1d2d;
}
@media screen and (min-width: 769px) {
ul.sub-menu {
position: absolute;
right: 0;
left: 0;
top: 42px;
background: #fff;
padding: 0 10px;
z-index: 100;
height: auto;
max-height: 0px;
overflow: hidden;
-webkit-transition: 1s all ease 0s;
transition: 1s all ease 0s;
}
.menu-item-has-children:hover ul.sub-menu {
max-height: 1000px;
-webkit-transition: 1s all ease 0.3s;
transition: 1s all ease 0.3s;
}
}  @media screen and (max-width: 768px) {
nav#menu {
display: none;
}
.slicknav_menu {
display: block;
}
.slicknav_nav {
padding-left: 160px;
}
.head-menu {
top: auto;
bottom: auto;
background: transparent;
width: auto;
}
.logo {
position: fixed;
background: transparent;
border: none;
width: 150px;
z-index: 1001;
}
.bg-image {
max-height: 300px;
}
.order-now {
top: auto;
bottom: 10px;
font-size: 24px;
line-height: 24px;
}
.circle {
width: 22.5%;
margin: 2% 2% 2% 0;
padding: 11.25% 0;
}
.circle:first-child {
margin-left: 2%;
}
.offer,
.offer:nth-child(n+2) {
width: 100%;
float: none;
margin-right: 0;
margin-top: 2%;
}
.gallery-item:hover {
box-shadow: inset 0px 0px 0px 2px #fff, inset 0px 0px 8px 2px #000;		
}
}
@media screen and (max-width: 520px) {
#header {
min-height: 300px;
}
.logo {
width: 100px;
padding: 8px 5px;
}
.slicknav_nav {
padding-left: 100px;
}
.bg-image {
max-height: 250px;
}
.order-now {
font-size: 20px;
line-height: 20px;
}
.circle {
width: 44%;
margin: 4% 4% 4% 0;
padding: 22% 0;
}
.circle:first-child,
.circle:nth-child(3) {
margin-left: 4%;
}
.circle:first-child,
.circle:nth-child(2) {
margin-bottom: 0;
}
} @media handheld, only screen and (max-width: 768px) {
h1 { font-size: 28px; line-height: 1.3; }
h2 { font-size: 21px; line-height: 1.3; }
h3 { font-size: 18px; line-height: 1.2; }
h4 { font-size: 16px; line-height: 1.2; }
h5, h6 { font-size: 15px; line-height: 1.2; }
body, p {  font-size: 14px; line-height: 1.5; }
} @media only screen and (max-width: 768px) {		
body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
.container { min-width: 0; margin-left: 0; margin-right: 0; }
.row { width: 100%; min-width: 0; margin-left: 0; margin-right: 0; }
.row .row .column, .row .row .columns { padding: 0; }
.column, .columns { width: auto !important; float: none; margin-left: 0; margin-right: 0; }
.column:last-child, .columns:last-child { margin-right: 0; float: none; }
[class*="column"] + [class*="column"]:last-child { float: none; }
.column:before, .columns:before, .column:after, .columns:after { content:""; display:table; }
.column:after, .columns:after { clear: both; }
} #contact-form {
padding: 50px 20px;
background-color: #eee;
position: relative;
}
#contact-form form {
width: 100%;
max-width: 600px;
display: block;
margin: auto;
}
#contact-form .cfRow {
margin-bottom: 15px;
}
label {
display: block;
color: #fff;
width: 100%;
font-size: 0.9em;
}
input[type=text],
input[type=email],
input[type=tel],
textarea {
color: #333;
font-family: 'Open Sans', sans-serif;
font-size: 1em;
display: block;
border: solid 1px #aaa;
width: 100%;
box-sizing: border-box;
padding: 10px;
outline: none;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-moz-appearance: none;
-webkit-appearance: none;
}
input[type=text],
input[type=email],
input[type=tel] {
height: auto;
}
textarea {
height: 200px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
textarea:focus {
background: #EDECEC;
border-color: #112c27;
color: #000;
outline: none;
}
input[type=submit],
.button {
display: block;
width: 100%;
margin-left: 0;
margin-top: 10px;
background: #0b9444;
color: #fff;
font-family: 'Open Sans', sans-serif;
font-size: 1.1em;
font-weight: 300;
padding: 8px 20px;
overflow: hidden;
clear: both;
position: relative;
text-align: center;
text-transform: uppercase;
border: none;
cursor: pointer;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
transition: all .2s linear;
-moz-appearance: none; -webkit-appearance: none; outline: none;
}
input[type=submit]:hover,
.button:hover {
background: #bf1d2d;
}
::-webkit-input-placeholder {
color: #aaaaaa;
}
:-moz-placeholder {
color: #aaaaaa;
} div.wpcf7 {
max-width: 600px !important;
margin: auto !important;
}
span.wpcf7-not-valid-tip {
color: #e61828;
font-size: 0.9em;
font-style: italic;
}
div.wpcf7-response-output {
color: #fff;
padding: 10px;
text-align: center;
border-color: #fff !important;
border-width: 1px !important;
margin: 10px 0 !important;
}
div.wpcf7 img.ajax-loader[style="visibility: hidden;"] {
display: none;
}
.closing-banner {
width:100%;
background-color: #000;
}
.closing-banner h2 {
text-align: center;
color: #fff;
padding: 10px; 
}