@font-face {
font-family: 'Plak_LT_Black_Condensed';
src: url(//www.koreanfilm.co.uk/wp-content/themes/lkff/_/fonts/Plak_LT_Black_Condensed.eot);
src: url(//www.koreanfilm.co.uk/wp-content/themes/lkff/_/fonts/Plak_LT_Black_Condensed.woff2) format('woff2'),
url(//www.koreanfilm.co.uk/wp-content/themes/lkff/_/fonts/Plak_LT_Black_Condensed.woff) format('woff');
font-weight:400;
font-style:normal;
}
@font-face {
font-family: 'Circular';
src: url(//www.koreanfilm.co.uk/wp-content/themes/lkff/_/fonts/CircularStdBook.eot);
src: url(//www.koreanfilm.co.uk/wp-content/themes/lkff/_/fonts/CircularStdBook.woff2) format('woff2'),
url(//www.koreanfilm.co.uk/wp-content/themes/lkff/_/fonts/CircularStdBook.woff) format('woff');
font-weight:400;
font-style:normal;
}
@font-face {
font-family: 'Circular';
src: url(//www.koreanfilm.co.uk/wp-content/themes/lkff/_/fonts/CircularStdMedium.eot);
src: url(//www.koreanfilm.co.uk/wp-content/themes/lkff/_/fonts/CircularStdMedium.woff2) format('woff2'),
url(//www.koreanfilm.co.uk/wp-content/themes/lkff/_/fonts/CircularStdMedium.woff) format('woff');
font-weight:500;
font-style:normal;
}
@font-face {
font-family: 'Circular';
src: url(//www.koreanfilm.co.uk/wp-content/themes/lkff/_/fonts/CircularStdBold.eot);
src: url(//www.koreanfilm.co.uk/wp-content/themes/lkff/_/fonts/CircularStdBold.woff2) format('woff2'),
url(//www.koreanfilm.co.uk/wp-content/themes/lkff/_/fonts/CircularStdBold.woff) format('woff');
font-weight:600;
font-style:normal;
}
@font-face {
font-family: 'Circular';
src: url(//www.koreanfilm.co.uk/wp-content/themes/lkff/_/fonts/CircularStdBookItalic.eot);
src: url(//www.koreanfilm.co.uk/wp-content/themes/lkff/_/fonts/CircularStdBookItalic.woff2) format('woff2'),
url(//www.koreanfilm.co.uk/wp-content/themes/lkff/_/fonts/CircularStdBookItalic.woff) format('woff');
font-weight:400;
font-style:italic;
}
@font-face {
font-family: 'Financier';
src: url(//www.koreanfilm.co.uk/wp-content/themes/lkff/_/fonts/FinancierDisplayRegular.eot);
src: url(//www.koreanfilm.co.uk/wp-content/themes/lkff/_/fonts/FinancierDisplayRegular.woff2) format('woff2'),
url(//www.koreanfilm.co.uk/wp-content/themes/lkff/_/fonts/FinancierDisplayRegular.woff) format('woff');
font-weight:400;
font-style:normal;
}
@font-face {
font-family: 'Financier';
src: url(//www.koreanfilm.co.uk/wp-content/themes/lkff/_/fonts/FinancierDisplayTestRegularItalic.eot);
src: url(//www.koreanfilm.co.uk/wp-content/themes/lkff/_/fonts/FinancierDisplayTestRegularItalic.woff2) format('woff2'),
url(//www.koreanfilm.co.uk/wp-content/themes/lkff/_/fonts/FinancierDisplayTestRegularItalic.woff) format('woff');
font-weight:400;
font-style:italic;
} * {box-sizing:border-box;}
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;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,blockquote,q{quotes:none}blockquote{&:before,&:after{content:'';content:none}}q{&:before,&:after{content:'';content:none}}table{border-collapse:collapse;border-spacing:0}img{max-width:100%;}
html {
-webkit-text-size-adjust: 100%;
}
::-webkit-scrollbar {
display: none;
}
.a-fade {
transition: .4s;
opacity: 1;
}
html.is-animating .a-fade{
opacity: 0;
}
.alm-filter--item option {
color: #000000;
} body {
padding-top:50px;
-ms-overflow-style: none;
overflow: auto;
}
.sticky {
top:50px;
}
#main, .min-height {
min-height:calc(100vh - 253px);
}
header {
height:50px;
}
.min-height-screen {
min-height:calc(100vh - 50px);
}
@media all and (min-width:768px) {
body {
padding-top:60px;
}
.sticky {
top:60px;
}
#main, .min-height {
min-height:calc(100vh - 269px);
}
header {
height:60px;
}
.min-height-screen {
min-height:calc(100vh - 60px);
}
} .rte .tribe-common.event-tickets {
display:none;
}
.event-tickets .tribe-tickets__rsvp-actions-wrapper {
border-left:0px !important;
}
.single .tribe-common .tribe-common-cta--alt {
border-bottom:2px solid white;
}
.single .tribe-common .tribe-common-cta--alt:active, 
.single .tribe-common .tribe-common-cta--alt:focus, 
.single .tribe-common .tribe-common-cta--alt:hover {
border-bottom:2px solid black !important;
}
.single .event-tickets .tribe-tickets__form .tribe-tickets__form-field-label, 
.single .event-tickets .tribe-tickets__form label {
font-size: 15px;
margin-bottom: 8px;
}
.single .event-tickets .tribe-tickets__form .tribe-tickets__form-field {
padding-bottom: 15px;
}
.single .tribe-tickets__rsvp-title {
margin-top: 4px;
text-align:left;
}
.single .tribe-tickets__rsvp-description {
text-align: left;
border-bottom: 1px dashed #bbb;
padding-bottom: 20px;
margin-bottom: 12px;
font-size: 14px;
}
.single .tribe-common .tribe-common-c-btn, 
.single .tribe-common a.tribe-common-c-btn,
.single .tribe-common .tribe-common-cta,
.single .tribe-common .tribe-common-b1,
.single .tribe-common--breakpoint-medium.tribe-common .tribe-common-form-control-text__input, 
.single .tribe-common .tribe-common-form-control-text__input,
.single .tribe-common .tribe-common-h1,
.single .tribe-common .tribe-common-h2,
.single .tribe-common .tribe-common-h3,
.single .tribe-common .tribe-common-h4,
.single .tribe-common .tribe-common-h5, 
.single .tribe-common .tribe-common-h6,
.single .tribe-common .tribe-common-h7,
.single .tribe-common--breakpoint-medium.tribe-common .tribe-common-form-control-text__input::placeholder {
font-family: 'Circular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
::placeholder {
font-family: inherit !important;
}
.single .tribe-common .tribe-common-h2 {
font-size:21px;
}
.single .tribe-common .tribe-common-h5 {
font-weight:500;
}
.single .event-tickets .tribe-tickets__rsvp-wrapper {
max-width:none;
}
.single .tribe-common {
width:100%;
}
.single .event-tickets .tribe-tickets__rsvp-wrapper {
border:0px;
border-radius: 0px;
margin-top:0px;
}
.single .event-tickets .tribe-tickets__rsvp-form-content {
margin-top: 20px;
}
.single .tribe-common .tribe-common-g-row--gutters {
margin-left:0px;
margin-right:0px;
}
.single .event-tickets .tribe-tickets__rsvp-actions {
border-top:0px;
margin-top:0px;
padding:0px;
}
.single .event-tickets .tribe-tickets__rsvp {
border: 1px solid black;
padding: 15px 25px 20px;
}
.single .tribe-common .tribe-common-g-row--gutters>.tribe-common-g-col {
padding-left:0px;
padding-right:0px;
}
.single .event-tickets .tribe-tickets__rsvp-actions-rsvp-not-going,
.single .event-tickets .tribe-tickets__rsvp-attendance {
margin-top:0px;
}
.single .tribe-common .tribe-common-c-btn, 
.single .tribe-common a.tribe-common-c-btn {
border-radius: 30px;
font-weight: 400;
font-size: 16px;
border:1px solid black;
background-color: white;
color: black;
}
@media all and (min-width:768px) {
.single .tribe-common .tribe-common-c-btn, 
.single .tribe-common a.tribe-common-c-btn {
font-size: 20px;
}
}
.single .tribe-common .tribe-common-c-btn:focus, 
.single .tribe-common .tribe-common-c-btn:hover, 
.single .tribe-common a.tribe-common-c-btn:focus, 
.single .tribe-common a.tribe-common-c-btn:hover {
background-color: black;
color: white;
}
.single .tribe-tickets__rsvp-details-wrapper {
padding-bottom:20px;
}
.single .event-tickets .tribe-tickets__rsvp-actions-rsvp-going {
margin-top:0px;
}
.single .tribe-tickets__rsvp-details {
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
}
.single .tribe-tickets__rsvp-actions-rsvp,
.single .tribe-tickets__rsvp-details {
box-sizing: border-box;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex: 0 1 auto;
-webkit-box-flex: 0;
flex: 0 1 auto;
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
width: 100%;
}
.single .tribe-tickets__rsvp-details {
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.single .tribe-tickets__rsvp-actions-rsvp {
flex-direction: row-reverse;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
text-align: start;
}
.single .tribe-tickets__rsvp-actions-rsvp .tribe-common-h2 {
display:none;
}
.single .tribe-tickets__rsvp-actions-rsvp {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.single .tribe-tickets__rsvp-actions-rsvp-not-going {
opacity: 0.5;
margin-right:20px;
}
@media all and (min-width:400px) {
.single .tribe-tickets__rsvp-actions-rsvp-not-going { }
}
@media all and (max-width:767px) {
.event-tickets .tribe-tickets__rsvp-actions-wrapper {
margin-top: 20px;
}
}
.single .event-tickets .tribe-tickets__rsvp-form-wrapper {
padding: 0px;
border-top: 1px solid;
padding-top: 25px;
}
.event-tickets .tribe-tickets__rsvp-details-wrapper {
padding-bottom: 0px !important;
}
@media (min-width: 768px) {
.event-tickets .tribe-common-b3--min-medium {
font-size: 15px !important;
}
}
.single .event-tickets .tribe-tickets__rsvp-actions-success-going-check-icon {
background-color: white;
background-position: 15px center;
background-size: 17px;
border-radius: 0px;
}
.single .tribe-tickets__rsvp-message {
background: white;
border: 1px solid black;
font-size: 16px;
padding: 15px 23px;
font-family: 'Circular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
line-height: 1.5;
margin-bottom: -1px;
border-radius: 0px;
background: #f7f7f7;
}
.single .event-tickets .tribe-tickets__rsvp-message--success-icon,
.single .tribe-link-view-attendee {
display:none;
}
.single .event-tickets .tribe-tickets__rsvp-actions-full {
padding:10px;
}
.single .event-tickets .tribe-tickets__rsvp-message {
border-radius: 0px;
background: #f7f7f7;
padding: 20px 25px;
font-family: 'Circular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.single .tribe-common .tribe-common-b3 {
font-size:13px !important;
} .logo.banner {
margin:0 auto;
width: 100%;
max-width: 360px;
}
.logo img {
margin-bottom:0;
} img {
max-width: 100%;
width: 100%;
height: auto;
}
.image_cover {
height: 100%;
width: 100%;
object-fit: cover;
} .black {
background:#000000;
}
.black-text {
color:#000000;
}
.black-text .button {
border-color:black;
}
.black-text .button:hover {
background:black;
color:#fff;
}
.white {
background:#fff;
}
.white-text {
color:#fff;
}
.beige {
background:#f9c8b9;
}
.beige-fade {
background: linear-gradient(270deg, rgba(249,200,185,1) 0%, rgba(249,200,185,0) 100%);
}
@media all and (max-width:767px) {
.beige-fade {
background: linear-gradient(270deg, rgba(235,186,172,1) 0%, rgba(235,186,172,0.1) 100%);
}
} body {
background:   #ffffff;
color:        #000000;
border-color: #000000;
}
header {
background:   #ffffff;
color:        #000000;
border-color: #000000;
}
header svg > * {
fill:         #000000;
}
.menubutton span {
background:   #000000;
}
#searchform ::-webkit-input-placeholder,
#searchform :-ms-input-placeholder,
#searchform ::-moz-placeholder,
#searchform :-moz-placeholder,
#searchform ::placeholder,
#searchform input:-webkit-autofill,
input:-webkit-autofill,
input:autofill,
#searchform input {
-webkit-text-fill-color:  #000000;
color:                    #000000;
}
#searchform input {
border-bottom-color:#000000;
}
.btn:hover {
color:#ffffff;
}
button {
border-color: #000000;
}
input {
color:#000000;
}
.pagination a.active:after,
.sub-nav li.current_page_item:after,
.sub-nav li.current_page_item:after,
.closebutton span,
.btn:hover {
background:#000000;
} header.transparent {
background:   transparent;
color:        #ffffff;
border-color: #ffffff;
}
header.transparent svg > * {
fill:         #ffffff;
}
header.transparent .menubutton span {
background:   #ffffff;
}
header.transparent #searchform ::-webkit-input-placeholder,
header.transparent #searchform :-ms-input-placeholder,
header.transparent #searchform ::-moz-placeholder,
header.transparent #searchform :-moz-placeholder,
header.transparent #searchform ::placeholder,
header.transparent #searchform input:-webkit-autofill,
header.transparent input:-webkit-autofill,
header.transparent input:autofill,
header.transparent #searchform input {
-webkit-text-fill-color:  #ffffff;
color:                    #ffffff;
}
header.transparent #searchform input {
color:                    #ffffff;
border-bottom-color:	  #ffffff;
} header {
transition:   color 0.2s ease, background 0.2s ease;
}
body svg > * {
transition:   fill 0.2s ease;
}
header.faux {
opacity:      0;
pointer-events: none;
background:   transparent;
color:        #000;
border-color: #000;
transition:   opacity 0.2s ease, color 0.2s ease, background 0.2s ease;
}
body.menu header.faux {
opacity:      1;
pointer-events: all;
}
header.faux svg > * {
fill:#000;
}
header.faux .menubutton span {
background:   #000;
}
@media all and (min-width:768px) {
header.faux {
border-bottom-width: 0px;
}
}
input::-webkit-input-placeholder,
::-ms-input-placeholder,
:-ms-input-placeholder,
::-moz-placeholder,
:-moz-placeholder,
::placeholder {
opacity:1 !important;
font-family: inherit !important;
}
.menubutton.active#searchclose span {
background:#000000;
}
.main_menu {
border-top:1px solid black;
}
.main_menu > .menu-item {
border-bottom: 1px solid #000;
}
hr {
border: none;
border-bottom-width: 1px;
border-bottom-style:solid;
}
#searchform input {
border: none;
border-bottom-width: 1px;
border-bottom-style:solid;
}
.beige-grad {
background: linear-gradient(90deg, rgba(255,73,71,0) 0%, rgba(255,73,71,0.09707633053221287) 50%, rgba(255,73,71,0.09987745098039214) 100%);
}
.grey-grad {
background: linear-gradient(90deg, rgba(178,178,178,0) 0%, rgba(178,178,178,0.1026785714285714) 50%, rgba(178,178,178,0.09987745098039214) 100%);
} .packery {
transition: all 0.2s linear;
}
@keyframes fdsseq { 
100% { opacity: 1; }
}
.packery > .packery-item,
.packery > .absolute > .col-xs-12,
.animate > * {
animation: fdsseq 1s forwards;
opacity:0;
}
.packery > .packery-item:nth-child(1),
.animate > *:nth-child(1),
.packery > .absolute > .col-xs-12:nth-child(1) {
animation-delay: .0s;
}
.packery > .packery-item:nth-child(2),
.animate > *:nth-child(2),
.packery > .absolute > .col-xs-12:nth-child(2) {
animation-delay: .2s;
}
.packery > .packery-item:nth-child(3),
.animate > *:nth-child(3),
.packery > .absolute > .col-xs-12:nth-child(3) {
animation-delay: .4s;
}
.packery > .packery-item:nth-child(4),
.animate > *:nth-child(4) {
animation-delay: .8s;
}
.packery > .packery-item:nth-child(5),
.animate > *:nth-child(5) {
animation-delay: 1s;
}
.packery > .packery-item:nth-child(6),
.animate > *:nth-child(6) {
animation-delay: 1.2s;
}
.packery > .packery-item:nth-child(7),
.animate > *:nth-child(7) {
animation-delay: 1.4s;
}
.packery > .packery-item:nth-child(8),
.animate > *:nth-child(8) {
animation-delay: 1.6s;
}
.packery > .packery-item:nth-child(9),
.animate > *:nth-child(9) {
animation-delay: 1.8s;
}
.packery > .packery-item:nth-child(10),
.animate > *:nth-child(10) {
animation-delay: 2.0s;
}
.packery > .packery-item:nth-child(11),
.animate > *:nth-child(11) {
animation-delay: 2.2s;
}
.packery > .packery-item:nth-child(12),
.animate > *:nth-child(12) {
animation-delay: 2.4s;
}
.packery > .packery-item:nth-child(13),
.animate > *:nth-child(13) {
animation-delay: 2.6s;
}
.packery > .packery-item:nth-child(14),
.animate > *:nth-child(14) {
animation-delay: 2.8s;
}
.packery > .packery-item:nth-child(15),
.animate > *:nth-child(15) {
animation-delay: 3.0s;
}
.packery > .packery-item:nth-child(16),
.animate > *:nth-child(16) {
animation-delay: 3.2s;
}
.packery > .packery-item:nth-child(17),
.animate > *:nth-child(17) {
animation-delay: 3.4s;
}
.packery > .packery-item:nth-child(18),
.animate > *:nth-child(18) {
animation-delay: 3.6s;
}
.packery > .packery-item:nth-child(19),
.animate > *:nth-child(19) {
animation-delay: 3.8s;
}
.packery > .packery-item:nth-child(20),
.animate > *:nth-child(20) {
animation-delay: 4.0s;
}
.packery > .packery-item:nth-child(21),
.animate > *:nth-child(21) {
animation-delay: 4.2s;
}
.packery > .packery-item:nth-child(22),
.animate > *:nth-child(22) {
animation-delay: 4.4s;
}
.packery > .packery-item:nth-child(23),
.animate > *:nth-child(23) {
animation-delay: 4.6s;
}
.packery > .packery-item:nth-child(24),
.animate > *:nth-child(24) {
animation-delay: 4.8s;
}
.packery > .packery-item:nth-child(25),
.animate > *:nth-child(25) {
animation-delay: 5.0s;
}
.packery > .packery-item:nth-child(26),
.animate > *:nth-child(26) {
animation-delay: 5.2s;
}
.packery > .packery-item:nth-child(27),
.animate > *:nth-child(27) {
animation-delay: 5.4s;
}
.packery > .packery-item:nth-child(28),
.animate > *:nth-child(28) {
animation-delay: 5.6s;
}
.packery > .packery-item:nth-child(29),
.animate > *:nth-child(29) {
animation-delay: 5.8s;
}
.packery > .packery-item:nth-child(30),
.animate > *:nth-child(30) {
animation-delay: 6.0s;
}
@media all and (max-width:767px) {
.packery > .packery-item {
opacity:1;
}
} button:focus, .btn:focus {
outline: none;
}
.btn {
font-size:15px;
line-height:0px !important;
border-width:1px;
border-style:solid;
border-radius:30px;
text-decoration:none !important;
background:transparent;
padding: 24px;
cursor: pointer;
background: transparent;
display: inline-block;
font-family: inherit;
}
.btn.small {
font-size: 17px;
padding: 16px 17px 17px;
}
.btn.medium {
padding:20px;
}
@media all and (min-width:768px) {
.btn.large {
font-size:20px;
padding:27px 20px;
}
}
.btn:hover, 
.filter.active .btn, 
.filter:hover .btn {
border-width:1px;
border-style:solid;
}
.alm-filter--search {
min-width:190px;
margin-left:15px !important;
}
.btn.disabled, .btn.disabled:hover {
border:1px solid #999;
color:#999;
background:transparent;
}
.alm-load-more-btn {
font-size:14px;
margin:0 auto;
text-align:center;
border:0px;
background:transparent;
-webkit-appearance:none;
width: 100%;
margin: 0px;
padding: 0px;
padding-top: 0px;
}
.alm-load-more-btn.done {
display:none;	
} .alm-btn-wrap {
padding:0px !important;
margin:0px !important;
height: auto;
overflow: hidden;
display:flex;
}
.ajax-load-more-wrap.infinite>.alm-btn-wrap .alm-load-more-btn {
height:0px;
padding:0px;
opacity:0;
overflow:hidden;
text-indent: -9999px;
transition:all 0.3s ease 0.2s, opacity 0.2s ease;
}
.ajax-load-more-wrap.infinite>.alm-btn-wrap .alm-load-more-btn.loading {
height:70px;
background:#222222 url(//www.koreanfilm.co.uk/wp-content/themes/lkff/_/img/loading.gif) no-repeat center center;
background-blend-mode: lighten;
background-size:48px;
overflow:hidden;
opacity: 1;
width:95px;
margin:0 auto;
display: block;
transition:all 0.3s ease 0s, opacity 0.2s ease 0.2s;
} .alm-filter {
display:inline-block;
margin:0px 10px;
float:left;
}
.alm-filters {
margin-right:-10px;
}
.alm-filter:first-child {
margin-left:0px;
}
.alm-filter:last-child {
margin-right:0px;
}
.alm-filter--textfield {
border-bottom-width: 1px;
border-bottom-style: solid;
padding: 7px 0px;
letter-spacing: 0.75px;
font-weight:bold;
text-transform:uppercase;
} select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url(//www.koreanfilm.co.uk/wp-content/themes/lkff/_/img/icon-down.svg); 
border-width:1px;
border-style:solid;
background:transparent;
border-radius:20px;
font-family:'Financier';
font-style:italic;
outline:none;
color:inherit;
font-size: 18px;
padding: 6px 35px 7px 14px;
border-color:inherit;
position:relative;
float: left;
}
select option {
font-size:16px;
} .alm-filter--select {
position:relative;
}
.alm-filter--select:after {
content:'';
width: 7px;
height: 7px;
border-bottom-width: 1px;
border-left-width: 1px;
border-bottom-style: solid;
border-left-style: solid;
position: absolute;
top: 11px;
right: 16px;
transform: rotate(-45deg);
} body {
font-family: 'Circular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
line-height: 1.5;
font-size:20px;
}
body, h1, h2, h3, h4, h5, h6, p {
font-weight: normal;
width:100%;
}
.financier {
font-family: 'Financier', 'Times New Roman', Times, serif;
font-weight:normal;
}
.plak {
font-family: 'Plak_LT_Black_Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
line-height: 1;
}
.kr {
font-family: 'Noto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#searchform input {
text-transform: inherit;
letter-spacing: inherit;
font-weight:bold;
}
#searchform-menu input {
transition:background 0s ease 999s;
}
p, h1, h2, h3, h4, h5, h6 {
font-weight:normal;
margin:0px;
font-size:inherit;
}
p a, h1 a, h2 a, h3 a, h4 a, h5 a {
text-decoration:none;
}
.rte b, .rte strong {
font-weight:500;
}
.uppercase {
text-transform:uppercase;
}
.lineheight {
line-height:1.3;
}
.letterspacing {
text-transform:uppercase;
letter-spacing:0.05em;
}
a.underline {
text-decoration: underline;
}
.h1,
.rte h1 {
font-size:35px;
font-family: 'Plak_LT_Black_Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
text-transform:uppercase;
line-height: 1;
}
.h2,
.rte h2 {
font-size:25px;
line-height: 1.2;
}
.h3,
.rte h3 {
font-size:25px;
font-weight:normal;
font-family: 'Plak_LT_Black_Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
text-transform:uppercase;
line-height: 1;
}
.h4,
.rte h4,
#nav > ul > li > a {
font-size:15px;
text-transform:uppercase;
letter-spacing:0.05em;
font-weight:bold;
}
#nav > ul > li > a {
font-size:16px;
}
.h5,
.rte h5 {
font-size:15px;
opacity:0.5;
}
.fs-10 {
font-size:10px;
}
.fs-15 {
font-size:15px;
}
.fs-20 {
font-size:20px;
}
.fs-25 {
font-size:25px;
}
.fs-30 {
font-size:30px;
}
.fs-40 {
font-size:40px;
}
.fs-70 {
font-size:70px;
}
@media all and (min-width:768px) {
.h1,
.rte h1 {
font-size:40px;
}
.fs-10-sm {
font-size:10px;
}
.fs-15-sm {
font-size:15px;
}
.fs-20-sm {
font-size:20px;
}
.fs-25-sm {
font-size:25px;
}
.fs-30-sm {
font-size:30px;
}
.fs-40-sm {
font-size:40px;
}
}
@media all and (min-width:1025px) {
#nav > ul > li > a {
font-size:15px;
}
}
@media all and (min-width:1200px) {
.fs-10-md {
font-size:10px;
}
.fs-15-md {
font-size:15px;
}
.fs-20-md {
font-size:20px;
}
.fs-25-md {
font-size:25px;
}
.fs-30-md {
font-size:30px;
}
.fs-40-md {
font-size:40px;
}
}
@media all and (min-width:1300px) {
.fs-10-lg {
font-size:10px;
}
.fs-15-lg {
font-size:15px;
}
.fs-20-lg {
font-size:20px;
}
.fs-25-lg {
font-size:25px;
}
.fs-30-lg {
font-size:30px;
}
.fs-40-lg {
font-size:40px;
}
} .rte h1, 
.rte h2, 
.rte h4, 
.rte h5, 
.rte h6,
b, 
strong {
font-weight: 600;
}
.rte a {
text-decoration: underline;
}
.rte img {
width:auto;
}
.rte p {
line-height:1.3;
}
.rte h2,
.rte h3,
.rte h4 {
line-height:1.4;
} 
.rte h1 {
margin-bottom: 30px;
}
.rte li {
margin-bottom: 5px;
}
.rte ul,
.rte ol {
padding-left:17px;
}
.rte > * {
margin-bottom: 25px;
margin-top: 35px;
}
.rte > *:first-child, .rte > *:first-child > * {
margin-top:0px;
}
.rte > p {
margin-bottom:17px;
margin-top: 0px;
}
.rte img, 
.rte iframe {
margin-top: 30px;
margin-bottom: 30px;
}
.rte hr {
border-bottom: 0px;
margin: 45px 0px 40px;
border-top: 1px solid #f00;
}
.rte blockquote {
background: #f7f7f7;
padding: 20px;
border-left: 2px solid #f00;
margin-bottom: 24px;
}
p a {
text-decoration:underline;
}
.content li a {
text-decoration:underline;
}
.cover {
background-size:cover;
background-position:center center;
}
.embed-container { 
position: relative; 
padding-bottom: 56.25%; 
height: 0; 
overflow: hidden; 
max-width: 100%;
width: 100%;
} 
.embed-container iframe, 
.embed-container object, 
.embed-container embed { 
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
} .wrapper {
max-width: 1800px;
margin: 0 auto;
}
.wrapper-half-right {
margin-right: auto;
padding: 20px;
}
.wrapper-half-left {
margin-left: auto;
padding: 20px;
}
.wrapper {
padding: 0px 20px;
}
#menubackground .wrapper-half-right {
padding:0px;
}
@media all and (max-width:767px) {
.wrapper.no-pad-mobile,
.wrapper-half-right.no-pad-mobile,
.wrapper-half-left.no-pad-mobile {
padding: 0px 0px;
}
}
@media all and (min-width:768px) {
.wrapper {
padding: 0px 30px;
}
.wrapper-half-right {
padding: 0px 30px;
}
.wrapper-half-left {
padding: 0px 30px;
}
}
@media all and (min-width:1024px) {
.wrapper {
padding: 0px 40px;
}
.wrapper-half-right {
padding-right: 40px;
padding-left: 0px;
max-width: 900px;
}
.wrapper-half-left {
padding-left: 40px;
padding-right: 0px;
max-width: 900px;
}
}
.max-750 {
max-width:750px !important;
margin-left:auto;
margin-right:auto;
display:block;
} #search {
opacity:0;
position: fixed;
height: 100%;
width: 100%;
pointer-events: none;
top: 0;
left: 0;
}
@media all and (min-width:1024px) {
#navcontainer {
position: relative;
display: block;
width: fit-content;
margin-left: auto;
}
.searchbox {
padding-left:20px;
}
}
.alm-reveal > * {
opacity:0;
}
.searchtrigger a {
pointer-events:none;
}
@keyframes fdsseq { 
100% { opacity: 1; }
}
.alm-reveal > * {
animation: fdsseq 1s forwards;
}
.alm-reveal > *:nth-child(1) {
animation-delay: .0s;
}
.alm-reveal > *:nth-child(2) {
animation-delay: .2s;
}
.alm-reveal > *:nth-child(3) {
animation-delay: .4s;
}
.alm-reveal > *:nth-child(4) {
animation-delay: .8s;
}
.alm-reveal > *:nth-child(5) {
animation-delay: 1s;
}
.alm-reveal > *:nth-child(6) {
animation-delay: 1.2s;
}
.alm-reveal > *:nth-child(7) {
animation-delay: 1.4s;
}
.alm-reveal > *:nth-child(8) {
animation-delay: 1.6s;
}
.alm-reveal > *:nth-child(9) {
animation-delay: 1.8s;
}
.alm-reveal > *:nth-child(10) {
animation-delay: 2.0s;
}
.alm-reveal > *:nth-child(11) {
animation-delay: 2.2s;
}
.alm-reveal > *:nth-child(12) {
animation-delay: 2.4s;
}
#menu-main {
padding-left:0px;
}
body input:-webkit-autofill, body textarea:-webkit-autofill, body select:-webkit-autofill {
background-color: rgba(255,255,255,0) !important;
color: #000000 !important;
}
.searchbox input {
font-size: 30px;
padding: 4px 0px;
}
.searchbox {
opacity:0;
position: absolute;
top: 35px;
width: 100%;
}
#searchmobile {
z-index:100;
height: 100%;
position: fixed;
}
@media all and (min-width:1024px) {
#searchmobile {
display:none;
}
}
@media all and (max-width:1024px) {
.searchbox {
width: 100%;
z-index: 1;
height: 120px;
margin: 0 auto;
top: 50%;
transform: translate(-50%, -80%);
position: fixed;
left: 50%;
max-width: 400px;
padding: 20px 30px;
}
.searchbox.desktop, #searchoverlay.desktop {
display:none;
}
}
.searchbox #arrow {
border-color:#000000;
width: 14px;
height: 14px;
position: absolute;
top: 18px;
}
@media all and (min-width:1024px) {
.searchshow #menu-main ul li:not(.searchtrigger) {
opacity:0;
}
.searchshow .menu-item {
opacity:0;
}
.searchshow .menu-item.searchtrigger, .searchshow #search {
opacity:1;
z-index: 2000;
}
}
#searchoverlay {
position: fixed;
height: 100%;
width: 100%;
top: 0;
left: 0;
background: rgba(0,0,0,0.9);
}
#searchoverlay, .searchbox, #searchclose {
opacity:0;
pointer-events: none;
transition: opacity 0.35s ease-in;
}
.searchshow #searchoverlay, .searchshow .searchbox, .searchshow #searchclose {
pointer-events:all;
opacity:1;
transition: opacity 0.35s ease-in;
}
.searchshow #search {
z-index: 200;
opacity:1;
pointer-events: all;
transition: opacity 0.35s ease-in;
}
.screen-reader-text {
display:none;
} ul.inline {
list-style:none;
margin-left:-10px;
}
ul.inline li {
margin:0 10px 5px;
margin-bottom:15px;
display:inline-block;
} ul.inline li a {
position:relative;
}
ul.inline li.active a:after {
width: 100%;
height: 1px;
bottom: -6px;
border-bottom-width: 2px;
border-bottom-style: solid;
content: '';
position: absolute;
left: 0;
}
#main-menu-1 {
margin: 0 auto;
padding-left: 0px;
width: 100%;
margin: 0px;
}  #sort {
padding-bottom: 10px;
}
#sort ul li {
width:100% !important;
margin-bottom: 0px;
}
#sort .sub-menu {
z-index: 100;
padding: 10px 0px; background: #fff; }
#sort .sub-menu:after {
content:"";
position:absolute;
top:-6px;
right:25px;
height:0px;
width:0px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
}
#sort ul {
width: 255px;
right: 0;
left: auto !important;
top: 40px;
}
#sort ul li a {
display: block;
font-size: 15px;
text-align: right;
padding: 2px 20px 0px 20px ;
}
#sort ul li a span {
position:relative;
}
#sort ul li.active a {
pointer-events: none;
}
#sort ul li.active a span:after {
content: "";
position: absolute;
right: 0px;
width: 100%;
background: #000000;
height: 1px;
top: 11px;
}
#sort ul li {
line-height:30px;
display:inline-block;
text-align: right;
width:auto;
}
#sort.active ul, .no-touch #sort:hover ul {
visibility: visible;
opacity: 1;
display: block;
}
#sort ul {
visibility: hidden;
opacity: 0;
min-width: 5rem;
position: absolute;
transition: all 0.5s ease;
left: 0;
display: none;
margin-bottom:0px;
}
#sort ul li:not(.active):hover {
background:rgba(0,0,0,0.03);
}
nav ul li, #sort ul li {
width:100%;
text-align: center;
display:block;
position: relative;
font-size:15px;
line-height:30px;
}
@media all and (min-width:1024px) {
nav {
padding:30px 0px;	
}
nav ul li {
line-height:30px;
display:inline-block;
text-align: right;
width:auto;
margin-bottom:0px;
}
#main-menu {
max-width: 760px;
margin-left: auto;
}
#menu-main > li:last-child > a {
padding-right:0px;
}
}
.sub-menu {
margin-bottom:0px;
padding-left:0px;
}
.break {
display:block;
width:100%;
height: 0px;
opacity: 0;
pointer-events: none;
}
@media all and (min-width:1024px) {
#mainnav li a {
white-space: nowrap;
}
#mainnav {
padding-top:10px;
}
#menu-main-1 {
padding-left:0px;
padding-right:0px;
}
#mainnav li {
transition-duration: 0.5s;
}
#mainnav li:hover {
cursor: pointer;
}
#mainnav ul li ul {
visibility: hidden;
opacity: 0;
min-width: 5rem;
position: absolute;
transition: all 0.35s ease-in;
left: 0;
display: none;
margin-bottom:0px;
}
#mainnav ul li.menu-item:hover > ul, .menu-item-has-children a:hover ul.sub-menu,
#mainnav ul li.menu-item:focus-within > ul,
#mainnav ul li.menu-item ul:hover {
visibility: visible !important;
opacity: 1 !important;
display: block !important;
}
div#mainnav div#navcontainer ul#menu-main li.menu-item-has-children:hover > ul.sub-menu, div#mainnav div#navcontainer ul#menu-main li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children:hover ul.sub-menu {
visibility: visible !important;
opacity: 1 !important;
display: block !important;
}
#mainnav ul li ul li {
clear: both;
width: 100%;
text-align: left; margin-bottom:0px;
} #mainnav ul li ul li {
text-align: left;
text-transform:none;
letter-spacing: 0px;
padding: 0px 0px;
}
.scrollnav .sub-menu { background:transparent;
}
body:not(.scrollnav) #mainnav ul li ul li:hover {
background:rgba(0,0,0,0.03)
}
#mainnav ul li ul li:hover {
background:rgba(0,0,0,0.03)
}
#mainnav ul li ul li.menu-item-has-children {
position:relative;
}
#mainnav ul li ul li ul {
top:-10px;
right: 100%;
left: auto;
}
#mainnav li a {
width: max-content;
display:block;
width: 100%;
padding: 4px 20px;
}
}
.grid {
opacity:0;
transition: opacity 1s ease;
}
.grid.show {
opacity:1;
transition: opacity 1s ease;
}
.show {
opacity:1 !important;
transition:opacity 0.3s ease;
}
.posttype {
position: absolute;
top: 0;
left: 0;
padding: 5px 10px 4px 11px;
color: #fff;
text-transform: uppercase;
letter-spacing: 0.08em;
font-size: 12px;
} #sort {
position:relative;
} ul.details {
list-style: none;
}
ul.details li {
padding: 8px 0px 10px;
position:relative;
padding-left: 30px;
border-top-width:1px;
border-top-style:solid;
}
ul.details li > .row > div:last-child {
padding-top: 3px;
}
ul.details li:before {
content:'';
width:12px;
height:12px;
border-width:1px;
border-style:solid;
border-radius:10px;
position:absolute;
top: 16px;
left: 0px;
}
ul.details li:last-child {
border-bottom-width:1px;
border-bottom-style:solid;
}
@media all and (min-width:768px) {
ul.details li {
padding-left: 40px;
}
ul.details li:before {
left:7px;
}
}
.blocks div > * {
margin-bottom:5px;
}
.blocks b, .blocks strong {
font-weight:500;
}
.blocks div > *:last-child {
margin-bottom:0px;
}
.blocks div:last-child {
border-bottom-width:1px;
border-bottom-style:solid;
} body.overflow {
overflow:hidden;
} .menubutton {
position: relative;
}	
.menubutton span {
width: 28px;
margin: 4px 0px;
display: block;
height: 1px;
display: flex;
position:absolute;
top:50%;
left: 50%;
margin-left: -14px;
margin-top:0px;
transition: transform 0.25s ease 0s, margin 0.25s ease 0.25s;
}
.menubutton span:first-child {
margin-top:-8px;
}
.menubutton span:nth-child(2) {
opacity:1;
transition: opacity 0s ease 0.25s;
}
.menubutton span:last-child {
margin-top:8px;
}
.menubutton .inner {
position:absolute;
width:100%;
left:0;
top:0;
height:100%;
transform-origin:50% 50%;
transition: all 0.5s ease;
}
.menubutton.active .inner {
transform: rotate(0deg);
transition: all 0.5s ease 0.5s;
}
.menubutton.active span:first-child {
margin-top:0px;
transform: rotate(-45deg);
transition: transform 0.25s ease 0.25s, margin 0.25s ease 0s;
}
.menubutton.active span:nth-child(2) {
opacity:0;	
transition: opacity 0s ease 0.25s;
}
.menubutton.active span:last-child {
transform: rotate(45deg);
margin-top:0px;
transition: transform 0.25s ease 0.25s, margin 0.25s ease 0s;
}
.menubutton {
position: absolute;
right: 0px;
width: 50px;
height: 50px;
-webkit-appearance: none;
border: none;
z-index: 20;
padding: 13px;
}
#searchclose {
position: fixed;
top: 11px;
right: 13px;
}
@media all and (min-width:1024px) {
#searchclose {
display:none;
}
}
@media all and (min-width:48em) {
#searchclose {
right: 30px;
}
}
.logo a {
display:block;
width:100%;
min-width: 80px;
max-width: 360px;
}
.logo svg {
display:block;
width:100%;
} @media all and (max-width:48em) {
#menu-main {
width:100%;
}
} .alm-filters-edit {
display:none !important;
} header { z-index:15;
}  body.overflow {
overflow:hidden;
}
.menubutton {
position: relative;
cursor:pointer;
}	
.menubutton span {
width: 28px;
margin: 4px 0px;
display: block;
height: 1px;
display: flex;
position:absolute;
top:50%;
left: 50%;
margin-left: -14px;
margin-top:0px;
transition: transform 0.25s ease 0s, margin 0.25s ease 0.25s;
}
.menubutton span:first-child {
margin-top:-8px;
}
.menubutton span:nth-child(2) {
opacity:1;
transition: opacity 0s ease 0.25s;
}
.menubutton span:last-child {
margin-top:8px;
}
.menubutton .inner {
position:absolute;
width:100%;
left:11px;
top:0;
height:100%;
transform-origin:50% 50%;
transition: all 0.5s ease;
}
.menubutton.active .inner {
transform: rotate(0deg);
transition: all 0.5s ease 0.5s;
}
.menubutton.active span:first-child {
margin-top:0px;
transform: rotate(-45deg);
transition: transform 0.25s ease 0.25s, margin 0.25s ease 0s;
}
.menubutton.active span:nth-child(2) {
opacity:0;	
transition: opacity 0s ease 0.25s;
}
.menubutton.active span:last-child {
transform: rotate(45deg);
margin-top:0px;
transition: transform 0.25s ease 0.25s, margin 0.25s ease 0s;
}
.menubutton {
width: 50px;
height: 50px;
-webkit-appearance: none;
border: none;
z-index: 20;
} .closebutton {
position: relative;
cursor:pointer;
width: 30px;
height: 50px;
-webkit-appearance: none;
border: none;
z-index: 20;
background:transparent;
transition: transform 0.25s ease 0s;
}	
.closebutton span {
width: 28px;
margin: 4px 0px;
display: block;
height: 1px;
display: flex;
position:absolute;
top:50%;
left: 50%;
margin-left: -14px;
margin-top:0px;
}
.closebutton span:first-child {
margin-top:0px;
}
.closebutton span:last-child {
margin-top:0px;
transform: rotate(90deg);
}
.accordion-active .closebutton,
.schedule_accordion_head.active .closebutton {
transform: rotate(45deg);
} #menubackdrop {
opacity:0; width: 100%;
position:absolute;
height:100%;
cursor:pointer;
width:100%;
transition:opacity 0.5s ease;
}
.menu #menubackdrop {
opacity:1;
}
#mobilemenu {
transform:translateX(100%);
position: absolute;
top: 0;
left:auto;
right: 0;
width: 100%;
transition:transform 0.3s ease;
}
#mobilemenu .wrapper-half-right {
padding-left:20px;
}
.menu #mobilemenu {
transform:translateX(0%);
}
@media all and (min-width:769px) {
#mobilemenu .wrapper-half-right {
padding-left:0px;
}
}
#menubackground {
right: 0;
left: auto;
}
#menubackground .filler {
width:800px;
height:100%;
position:absolute;
left:100%;
top:0;
}
@media all and (min-width:768px) {
#mobilemenu,#menubackground{max-width:500px;}
}
.fade-element {
position: absolute;
right: 100%;
height: 100%;
width: 50%;
} .menu-container {
pointer-events:none;
z-index:100;
}
.menu .menu-container {
pointer-events:all;
} #nav {
opacity:0;
transition:opacity 0.3s ease;
}
.menu	#nav {
opacity:1;
transition:opacity 0.6s ease;
}
#nav ul, #nav ul li {
list-style:none;
margin-bottom:0px;
}
#nav > ul > li {
width: 100%;
position: relative;
border-bottom: 1px solid;
color:#000;
padding: 0px;
min-height: 48px;
}
#nav > ul > li > a {
line-height: 48px;
} .packery-item {
float:left;
width:100%;
}
.accordion_container.boxed {
min-height:260px;
}
.accordion_container .accordion_head {
cursor:pointer;
}
.accordion_container .accordion_body {
height:0px;
overflow:hidden;
opacity:0;
transition:all 0.2s ease 0.2s, opacity 0.2s ease 0s;
}
.accordion_container .accordion_body.active {
opacity:1;
height:auto;
transition:all 0.2s ease 0s, opacity 0.2s ease 0.2s;
}
.arrow {
transition:transform 0.2s ease;
transform-origin: center center;
display: inline-block;
}
.arrow.active {
transform:rotate(180deg);
}
.accordions.borders {
margin-bottom: -1px;
}
.accordions.borders .accordion_container {
border-bottom-width:1px;
border-bottom-style:solid;
}
.accordions.borders .accordion_container:first-child {
border-top-width:1px;
border-top-style:solid;
} .schedule_accordion_body {
overflow:hidden;
}
.schedule_accordion_body {
transition:opacity 0.2s ease 1s;
opacity:0;
}
.schedule_accordion_head {
cursor:pointer;
}
.schedule_accordion_body.active {
opacity:1;
transition:opacity 0.4s ease 1s;
} .text-left {
text-align:left;
}
.main_menu {
padding:0px;
border-top:1px solid black;
}
.main_menu .sub-menu {
padding: 0;
margin: 0;
padding: 0px 0px 15px 20px;
float: left;
display: none;
width: 100%;
}
.main_menu .menu-item {
list-style:none;
width:100%;
}
.main_menu .menu-item a {
display:block;
text-decoration: none;
}
.main_menu > .menu-item > a {
display: block;
text-decoration: none;
line-height: 1;
position:relative;
}
.main_menu > .menu-item {
border-bottom: 1px solid #000;
}
.main_menu li {
padding:0px 0px;
}
.main_menu > li.menu-item-has-children > a::after {
content: "";
display: inline-block;
right: 0px;
height:1px;
background: black;
width:15px;
position: absolute;
top: calc(50%);
}
.main_menu > li.menu-item-has-children > a::before {
content: "";
height: 15px;
width: 1px;
background: black;
width: 1px;
right: 7px;
position: absolute;
top: calc(50%);
margin-top: -7px;
}
.main_menu > li > a::before,
.main_menu > li > a::after {
transition:transform 0.3s ease;
}
.main_menu > li > a.active::before,
.main_menu > li > a.active::after {
transform:rotate(45deg);
}
.main_menu > li .sub-menu a:after {
display:none;
}
.main_menu .sub-menu .sub-menu {
display:none !important;
} .quick-menu {
list-style: none;
text-align:center;
}
.quick-menu li {
margin: 6px 8px 4px;
position:relative;
display:inline-block;
}
.quick-menu li {
margin: 6px 3% 4px;
}
.quick-menu li:first-child {
margin-left:0px;
}
.quick-menu li:last-child {
margin-right:0px;
}
.sub-nav ul {
list-style: none;
}
.sub-nav li {
margin: 0px 20px;
position:relative;
display:inline-block;
margin-left:0px;
} .sub-nav li.current_page_item:after {
content:'';
position:absolute;
width:100%;
height:1px;
bottom:-1px;
left:0;
}
#nav > ul > li .sub-menu {
font-family: 'Financier', 'Times New Roman', Times, serif;
font-size:20px;
} #searchform {
max-width: 260px;
}
.alm-reveal > * {
opacity:0;
}
#searchform input {
display: block;
padding: 5px 0px;
font-family:inherit;
font-size:inherit;
text-decoration: none;
line-height: 1;
position:relative;
background:transparent;
transition: background-color 3000s ease 3000s;
}
#searchform input#searchsubmit {
background-size:30px;
position: absolute;
right: 0px;
top: 0px;
border-bottom: 0px;
}
#nav .searchform {
max-width: none;
}
#nav .searchform input {
padding: 12px 0px;
border-color:#000000;
color:#000000;
} #scrolldown {
width: 100%;
display: block;
height: 50px;
text-align:center;
}
#scrolldown .arrow * {
fill:#fff;
}
#scrolldown .arrow {
margin-left:0px;
}
.arrow {
width:17px;
height:32px;
margin-left:10px;
display:inline-block;
}
.scrollbtn {
bottom: 0px;
width: 100%;
}
.videobg {
position: absolute;
width: 100%; height: 100%; overflow: hidden;
z-index: -5;
background: #111; } .videobg-width {
position: absolute;
width: 100%; height: 100%;
left: -9999px;
right: -9999px;
margin: auto;
} .videobg-aspect {
position: absolute;
width: 100%;
height: 0;
top: -9999px;
bottom: -9999px;
margin: auto;
padding-bottom: 56.25%; overflow: hidden;
}
.videobg-make-height {
position: absolute;
top: 0; right: 0; bottom: 0; left: 0;
}
.videobg-hide-controls {
box-sizing: content-box;
position: relative;
height: 100%;
width: 100%; padding: 55px 97.7777px; top: -55px; 
left: -97.7777px; }
.videobg iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border: 0 none;
}
#navigation {
position: absolute;
top: 0;
z-index: 100;
width: 100%;
}
.home #navigation, .page-template-page-home-php #navigation {
position:fixed;
background:transparent;
top: 0;
width:100%;
left:0;
z-index: 90;
}
@media all and (max-width:1024px) {
#navigation {
position:fixed !important;
background:#fff;
}
}
.home #navigation.stick {
position:fixed;
top:0;
left:0;
width:100%;
background-color:transparent;
z-index:100;
}  .full-height {
height:100vh;
position: relative;
}
#homevid {
max-height:160vw;
min-height: 400px;
}
@media all and (max-width:900px) {
#homevid {
height:80vh;
}
.videobg iframe {
position: absolute;
top: -20px;
}
}
.fill {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow:hidden;
}
.vimeo-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
pointer-events: none;
overflow: hidden;
}
.vimeo-wrapper iframe {
width: 110vw;
height: 58.25vw; min-height: 100vh;
min-width: 177.77vh; position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.videoContainer {
position:absolute;
height:100%;
width:100%;
overflow: hidden;
min-height:450px;
}
.videoContainer video {
min-width: 100%;
min-height: 100%;
} p.cite {
align-self: flex-end;
margin-bottom: 0px;
}
.fill {
position: absolute !important;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ratio .image {
position: relative;
}
.ratio h3 {
z-index: 3;
}
.content::-webkit-scrollbar {
width: 0px; background: transparent; }
img {
display: block;
}
.ratio .fill {
overflow:scroll;
}
.hover .overlay, .hover .content {
opacity:0;
}
@media all and (min-width:48em) {
.no-touch .hover {
cursor:pointer;
}
.no-touch .hover .overlay, .no-touch .hover .content {
opacity:0;
}
.no-touch .hover .overlay, .no-touch .hover .content {
opacity:0;
transition-property: opacity;
transition-duration: 0.5s;
transition-timing-function: ease-in-out;
transition-delay: 0s;
}
.no-touch .hover .overlay {
transition-delay: 0.25s;
}
.no-touch .hover .content {
transition-delay: 0s;
}
.no-touch .hover:hover * {
opacity:1;
transition-property: opacity;
transition-duration: 0.5s;
transition-timing-function: ease-in-out;
transition-delay: 0s;
}
.no-touch .hover:hover .overlay {
transition-delay: 0s;
}
.no-touch .hover:hover .content {
transition-delay: 0.5s;
}
} #openpopup, .closepopup {
cursor: pointer;
}
button {
appearance: none;
-webkit-appearance: none;
}
button.closepopup {
position: absolute;
top: 20px;
right: 20px;
width: 30px;
height: 30px;
border:none;
background: transparent url(//www.koreanfilm.co.uk/wp-content/themes/lkff/_/img/closebutton.svg) no-repeat center center;
background-size: cover;
}
.popup {
position: fixed !important;
width: 100%;
top: 0;
left: 0;
height: 100vh;
z-index: 20;
pointer-events: none;
overflow: hidden;
z-index: 3000;
}
.popup.active {
height: 100vh;
overflow: auto;
-webkit-overflow-scrolling: touch;
pointer-events: all;
transition: opacity 0s ease 0s;
}
.popup > .row {
z-index: 1;
opacity: 0;
transform: translateY(40px);
transition: all 0.5s ease 0s;
}
.popup.active > .row {
opacity: 1;
transform: translateY(0px);
transition: all 0.5s ease 0s;
}
input {
border-bottom-width: 1px;
border-bottom-style:solid;
width: 100%;
border: none;
background: transparent;
-webkit-appearance:none;
border-radius:0px !important;
font-family: inherit;
}
#mc-embedded-subscribe {
margin:0 auto !important;
}
#mc-embedded-subscribe-form input {
padding: 10px 0px;
border-bottom: 1px solid black;
font-size: 20px;
font-family: inherit;
margin-top: 15px;
transition: all 99999s ease;
}
#mc-embedded-subscribe-form input[type="checkbox"] {
height: 20px;
width: 20px;
background: transparent !important;
border: 1px solid black;
margin: 0px;
margin-right: 20px;
cursor:pointer;
-webkit-appearance: auto;
}
input[type="checkbox"] ~ label {
margin-top: -27px;
display: block;
padding-left: 40px;
}
input:focus {
outline:none !important;
}
input[type="submit"]:hover {
background:transparent;
}
#mc-embedded-subscribe-form {
position:relative;
width: 100%;
position: relative;
}
#mc_embed_signup input::-webkit-input-placeholder {
color: black !important;
}
#mc_embed_signup input:-moz-placeholder { color: black !important;  
}
#mc_embed_signup input::-moz-placeholder { color: black !important;  
}
#mc_embed_signup input:-ms-input-placeholder {  
color: black !important;  
} .arrow-left svg {
display:inline-block;
width:44px;
transition:all 0.2s ease;
margin-right:15px;
}
.arrow-left > * {
vertical-align:middle;
}
.arrow-left:hover svg {
margin-right:20px;
}
.back {
width: 50px;
height: 50px;
display: block;
max-width: 50px;
background: url(//www.koreanfilm.co.uk/wp-content/themes/lkff/_/img/back.svg) no-repeat center center;
background-size:100%;
appearance:none;
border:none;
-webkit-appearance:none;
}
@media all and (max-width:48em) {
.back {
width: 30px;
height: 30px;
display: block;
}
}
.icons > * {
padding-left:35px !important;
}
@media all and (max-width:660px) {
.icons > *:last-child {
padding-left:0px !important;
}
}
.icons .icon {
position:relative;
}
.icons .icon:after {
position:absolute;
width:20px;
height:30px;
background-color:transparent;
top:0;
left:-30px;
display:block;
content:"";
background-size:100%;
background-repeat: no-repeat;
background-position:top left;	
}
@media all and (min-width:661px) {
.icons > * {
padding-left:55px !important;
}
.icons .icon:after {
left:-50px;
width:30px;
}
}
.past {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
transition: grayscale 0.5s;
}    .height-10 {
min-height:10px;
}
.height-20 {
min-height:20px;
}
.height-40 {
min-height:40px;
}
.height-45 {
min-height:45px;
}
.height-50 {
min-height:50px;
}
.height-60 {
min-height:60px;
}
.height-65 {
min-height:65px;
}
.height-70 {
min-height:70px;
}
.height-75 {
min-height:75px;
}
.height-100 {
min-height:100px;
}
.height-180 {
height:180px;
}
.active .height-180 {
height:auto;
min-height:180px;
}
.height-260 {
min-height:260px;
}
@media all and (max-width:1023px) {
.min-height-full {
min-height: 0px !important;
}
} .forty {
padding: 40px !important;
}
.forty-lr {
padding-left: 40px !important;
padding-right: 40px !important;
}
.twenty {
padding: 20px !important;
}
.twenty-bottom {
padding-bottom: 20px !important;
}
.sp-5, .sp-10, .sp-15, .sp-20, .sp-30, .sp-40, .sp-60, .sp-80 {
width:100%;
display:block;
}
.sp-5 {
min-height:5px;
}
.sp-10 {
min-height:10px;
}
.sp-15 {
min-height:20px;
}
.sp-20 {
min-height:20px;
}
.sp-30 {
min-height:30px;
}
.sp-40 {
min-height:40px;
}
.sp-60 {
min-height:60px;
}
.sp-80 {
min-height:80px;
}
.tb-40 {
padding-top:40px;
padding-bottom:40px;
}
.tb-20 {
padding-top:20px;
padding-bottom:20px;
}
.b-20 {
padding-bottom:20px;
} a {
text-decoration:none;
color: inherit;
}
a[href], input[type='submit'], input[type='image'], label[for], select, button,a label {
cursor: pointer;
} footer ul {
padding-left: 0px;
margin-bottom: 0px;
list-style:none;
}
footer li {
margin-bottom: 0px;
}
.social-icon {
width: 25px;
display: inline-block;
height: 25px;
margin: 0 6px;
}
.social-icon:first-child {
margin-left: 0px;
}
.social-icon:last-child {
margin-right: 0px;
} .pagination a {
width: 40px;
height: 40px;
display: inline-block;
margin: 0px;
text-align: center;
line-height: 40px;
position:relative;
opacity: 0.4;
}
.pagination a:hover,
.pagination a.active {
opacity:1;
}
.pagination a.active:after {
content:'';
height:2px;
width:24px;
position:absolute;
left:8px;
top:100%;
}
.pagination .next.page:after,
.pagination .prev.page:after {
content:'';
height:13px;
width:12px;
display:block;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%) rotate(-45deg);
}
.pagination .next.page:after {
transform:translate(-50%, -50%) rotate(135deg);
height:12px;
width:13px;
}
.pagination .next.page:before,
.pagination .prev.page:before {
content:'';
height:1px;
width:17px;
display:block;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
}
.pagination .next.page:after,
.pagination .prev.page:after {
border-top-width: 1px;
border-top-style: solid;
border-left-width: 1px;
border-left-style: solid;
}
.pagination .next.page:before,
.pagination .prev.page:before {
border-top-width: 1px;
border-top-style: solid;
}
.pagination .next.page:before {
transform:translate(-50%, -50%);
} .flickity-prev-next-button {
top: 50%;
width: 60px;
height: 60px;
position: absolute;
border-radius: 50%;
transform: translateY(-50%);
border: none;
}
.flickity-button-icon {
fill: #000000;
display:none;
}
.flickity-prev-next-button.previous {
left: 10px;
background: url(//www.koreanfilm.co.uk/wp-content/themes/lkff/_/img/icon-arrow-left-white.svg) no-repeat center center;
background-size:32px 17px;
}
.flickity-prev-next-button.next {
right: 10px;
background: url(//www.koreanfilm.co.uk/wp-content/themes/lkff/_/img/icon-arrow-right-white.svg) no-repeat center center;
background-size:32px 17px;
}
@media all and (min-width:768px) {
.flickity-prev-next-button.previous {
left: 30px;
background: url(//www.koreanfilm.co.uk/wp-content/themes/lkff/_/img/icon-arrow-left-white-large.svg) no-repeat center center;
background-size:44px 23px;
}
.flickity-prev-next-button.next {
right: 30px;
background: url(//www.koreanfilm.co.uk/wp-content/themes/lkff/_/img/icon-arrow-right-white-large.svg) no-repeat center center;
background-size:44px 23px;
}
}
.flickity-button:disabled {
display: none;
}
.flickity-enabled {
position: relative;
}
.flickity-enabled:focus { 
outline: none; 
}
.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%;
}
.flickity-slider {
position: absolute;
width: 100%;
height: 100% !important;
}
.carousel-cell {
width: 100%;
height: auto;
display: block;
} .fullwidth {
width:100%;
}
.fullheight {
height:100%;
}
.sticky {
position:sticky;
}
.absolute {
position:absolute !important;
top:0;
left:0;
}
.pointer {
cursor:pointer;
}
@media all and (min-width:768px) {
.absolute-sm {
position:absolute !important;
top:0;
left:0;
}
.relative-sm {
position:relative !important;
}
.sticky {
position:sticky;
}
}  
@media all and (min-width:1024px) {
.absolute-md {
position:absolute !important;
top:0;
left:0;
}
.relative-md {
position:relative !important;
}
.sticky {
position: sticky;
}
.fill {
flex: 1 !important;
}
}  
.absolute.fill {
height:100%;
width:100%;
}
.fixed, .row.fixed {
position:fixed;
top:0;
}
.fixedtop {
position:fixed !important;
top:0;
}
.relative {
position: relative;
}
.block {
display: block;
}
.overflow {
overflow: hidden;
}
.scroll {
overflow: scroll;
overflow-y: scroll; -webkit-overflow-scrolling: touch;
}
.nomarginbottom {
margin-bottom:0px !important;
}
.negmarginbottom {
margin-bottom:-1px !important;
}
.negmargintop {
margin-top:-1px !important;
}
.nomargintop {
margin-top:0px !important;
}
.negmargintop-5 {
margin-top:-5px !important;
}
.no-pad-bottom {
padding-bottom:0px !important;
}
.no-pad-top {
padding-top:0px !important;
}
.no-pad-left {
padding-left:0px !important;
}
.no-pad-right {
padding-right:0px !important;
}
.border {
border-width:1px;
border-style:solid;
}
.border-bottom {
border-bottom-width:1px;
border-bottom-style:solid;
}
.no-border-bottom {
border-bottom-width:0px;
border-style:solid;
}
.border-top {
border-top-width:1px;
border-top-style:solid;
}
.border-left {
border-left-width:1px;
border-left-style:solid;
}
.border-right {
border-right-width:1px;
border-right-style:solid;
}
@media all and (min-width:1024px) {
.border-right-md {
border-right-width:1px;
border-right-style:solid;
}
}
.text-left {
text-align:left;
}
.text-center {
text-align:center;
}
.text-right {
text-align:right;
}
.wd-20 {
width:20px;
display:inline-block;
}
.wd-30 {
width:30px;
display:inline-block;
}
.wd-130 {
width:130px;
display:inline-block;
}
.wd-170 {
min-width:160px;
}
.sp-5, .sp-10, .sp-15, .sp-20, .sp-25, .sp-30, .sp-40, .sp-50, .sp-60, .sp-70, .sp-80, .sp-110, .sp-120 {
width:100%;
clear:both;
display:block;
}
.sp-5 {
min-height:5px;
}
.sp-10 {
min-height:10px;
}
.sp-15 {
min-height:15px;
}
.sp-20 {
min-height:20px;
}
.sp-25 {
min-height:25px;
}
.sp-30 {
min-height:30px;
}
.sp-40 {
min-height:40px;
}
.sp-50 {
min-height:50px;
}
.sp-60 {
min-height:60px;
}
.sp-70 {
min-height:70px;
}
.sp-80 {
min-height:80px;
}
.sp-110 {
min-height:110px;
}
.sp-120 {
min-height:120px;
} .flexfill {
flex:1 !important;
}
.flex-1 {
flex-grow: 1;
}
.box, .box-first, .box-large, .box-nested, .box-row {
position: relative;
box-sizing: border-box;
min-height: 1rem;
margin-bottom: 0;
background: #007FFF;
border: 1px solid #FFF;
border-radius: 2px;
overflow: hidden;
text-align: center;
color: #fff;
padding:1em;
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-right: 2rem;
padding-left: 2rem;
}
.row, .flex, .alm-reveal {
box-sizing: border-box;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex: 0 1 auto;
-webkit-box-flex: 0;
flex: 0 1 auto;
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
width: 100%;
}
.row.reverse {
-ms-flex-direction: row-reverse;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
flex-direction: row-reverse;
}
.col.reverse {
-ms-flex-direction: column-reverse;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
flex-direction: column-reverse;
}
.show-sm, .show-md, .show-lg {
display:none;
}
.show-sm-inline {
display:none;
}
.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
box-sizing: border-box;
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
}
.noflex {
display:block;
}
.col-xs {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-xs-1 {
-ms-flex-preferred-size: 8.333%;
flex-basis: 8.333%;
max-width: 8.333%;
}
.col-xs-2 {
-ms-flex-preferred-size: 16.667%;
flex-basis: 16.667%;
max-width: 16.667%;
}
.col-xs-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-xs-4 {
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
max-width: 33.333%;
}
.col-xs-5 {
-ms-flex-preferred-size: 41.667%;
flex-basis: 41.667%;
max-width: 41.667%;
}
.col-xs-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-xs-7 {
-ms-flex-preferred-size: 58.333%;
flex-basis: 58.333%;
max-width: 58.333%;
}
.col-xs-8 {
-ms-flex-preferred-size: 66.667%;
flex-basis: 66.667%;
max-width: 66.667%;
}
.col-xs-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-xs-10 {
-ms-flex-preferred-size: 83.333%;
flex-basis: 83.333%;
max-width: 83.333%;
}
.col-xs-11 {
-ms-flex-preferred-size: 91.667%;
flex-basis: 91.667%;
max-width: 91.667%;
}
.col-xs-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-xs-offset-1 {
margin-left: 8.333%;
}
.col-xs-offset-2 {
margin-left: 16.667%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-4 {
margin-left: 33.333%;
}
.col-xs-offset-5 {
margin-left: 41.667%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-7 {
margin-left: 58.333%;
}
.col-xs-offset-8 {
margin-left: 66.667%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-10 {
margin-left: 83.333%;
}
.col-xs-offset-11 {
margin-left: 91.667%;
}
.start-xs {
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-xs {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
text-align: center;
}
.end-xs {
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
}
.top-xs {
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
}
.middle-xs {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.bottom-xs {
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
}
.around-xs {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-xs {
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.first-xs {
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.last-xs {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
.fill-xs {
height:100%;
flex:1;
}
.pad-top-bottom {
padding-left:0px !important;
padding-right:0px !important;
}
.pad-left-right {
padding-top:0px !important;
padding-bottom:0px !important;
}
.pad-top {
padding-bottom:0px !important;
padding-left:0px !important;
padding-right:0px !important;
}
.pad-bottom {
padding-top:0px !important;
padding-left:0px !important;
padding-right:0px !important;
}
.pad-left {
padding-top:0px !important;
padding-bottom:0px !important;
padding-right:0px !important;
}
.pad-right {
padding-top:0px !important;
padding-bottom:0px !important;
padding-left:0px !important;
}
.pad-xs-0 {
padding:0px;
}
.pad-xs-1 {
padding:1px;
}
.pad-xs-5 {
padding:5px;
}
.pad-xs-10 {
padding:10px;
}
.pad-xs-15 {
padding:15px;
}
.pad-xs-20 {
padding:20px;
}
.pad-xs-25 {
padding:25px;
}
.pad-xs-30 {
padding:30px;
}
.pad-xs-40 {
padding:40px;
}
.pad-xs-50 {
padding:50px;
}
.pad-xs-60 {
padding:60px;
}
.pad-xs-70 {
padding:70px;
}
.pad-xs-80 {
padding:80px;
}
.pad-xs-120 {
padding:120px;
}
@media only screen and (min-width: 768px) {
.container {
width: 46rem;
}
.col-sm,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
box-sizing: border-box;
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
}
.col-sm {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-sm-unset {
-webkit-flex-grow: unset;
-ms-flex-positive: unset;
-webkit-box-flex: unset;
flex-grow: unset;
-ms-flex-preferred-size: unset;
flex-basis: unset;
max-width: unset;
}
.col-sm-1 {
-ms-flex-preferred-size: 8.333%;
flex-basis: 8.333%;
max-width: 8.333%;
}
.col-sm-2 {
-ms-flex-preferred-size: 16.667%;
flex-basis: 16.667%;
max-width: 16.667%;
}
.col-sm-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-sm-4 {
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
max-width: 33.333%;
}
.col-sm-5 {
-ms-flex-preferred-size: 41.667%;
flex-basis: 41.667%;
max-width: 41.667%;
}
.col-sm-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-sm-7 {
-ms-flex-preferred-size: 58.333%;
flex-basis: 58.333%;
max-width: 58.333%;
}
.col-sm-8 {
-ms-flex-preferred-size: 66.667%;
flex-basis: 66.667%;
max-width: 66.667%;
}
.col-sm-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-sm-10 {
-ms-flex-preferred-size: 83.333%;
flex-basis: 83.333%;
max-width: 83.333%;
}
.col-sm-11 {
-ms-flex-preferred-size: 91.667%;
flex-basis: 91.667%;
max-width: 91.667%;
}
.col-sm-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-sm-offset-0 {
margin-left: 0%;
}
.col-sm-offset-1 {
margin-left: 8.333%;
}
.col-sm-offset-2 {
margin-left: 16.667%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-4 {
margin-left: 33.333%;
}
.col-sm-offset-5 {
margin-left: 41.667%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-7 {
margin-left: 58.333%;
}
.col-sm-offset-8 {
margin-left: 66.667%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-10 {
margin-left: 83.333%;
}
.col-sm-offset-11 {
margin-left: 91.667%;
}
.start-sm {
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-sm {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
text-align: center;
}
.end-sm {
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
text-align: right;
}
.top-sm {
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
}
.middle-sm {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.bottom-sm {
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
}
.around-sm {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-sm {
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.first-sm {
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.last-sm {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
.show-sm {
display:block;
}
.show-sm-inline {
display:inline-block;
}
th.show-sm {
display:table-cell;
}
.hide-sm {
display:none;
}
.fill-sm {
height:100%;
}
.pad-sm-0 {
padding:0px;
}
.pad-sm-5 {
padding:5px;
}
.pad-sm-10 {
padding:10px;
}
.pad-sm-15 {
padding:15px;
}
.pad-sm-20 {
padding:20px;
}
.pad-sm-25 {
padding:25px;
}
.pad-sm-30 {
padding:30px;
}
.pad-sm-40 {
padding:40px;
}
.pad-sm-50 {
padding:50px;
}
.pad-sm-60 {
padding:60px;
}
.pad-sm-70 {
padding:70px;
}
.pad-sm-80 {
padding:80px;
}
.pad-sm-120 {
padding:120px;
}
.lr-40-sm {
padding-left: 40px !important;
padding-right: 40px !important;
}
.center-sm .button {
margin: 0 auto;
}
.pad-top-sm {
padding-bottom:0px !important;
}
}
@media only screen and (min-width: 1024px) {
.container {
width: 61rem;
}
.min-height-screen-md {
min-height:calc(100vh - 60px);
}
.min-height-square-md {
min-height:calc(50vw - 0px);
}
.negmargintop-10 {
margin-top:-10px !important;
}
.negmargintoplarge {
margin-top:-150px !important;
}
.flexfill-md {
flex:1 !important;
}
.sticky-md {
position:sticky;
top:60px;
align-self: flex-start;
}
.col-md,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
box-sizing: border-box;
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
}
.col-md {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-md-unset {
-webkit-flex-grow: unset;
-ms-flex-positive: unset;
-webkit-box-flex: unset;
flex-grow: unset;
-ms-flex-preferred-size: unset;
flex-basis: unset;
max-width: unset;
width:unset;
}
.col-md-1 {
-ms-flex-preferred-size: 8.333%;
flex-basis: 8.333%;
max-width: 8.333%;
}
.col-md-2 {
-ms-flex-preferred-size: 16.667%;
flex-basis: 16.667%;
max-width: 16.667%;
}
.col-md-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-md-4 {
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
max-width: 33.333%;
}
.col-md-5 {
-ms-flex-preferred-size: 41.667%;
flex-basis: 41.667%;
max-width: 41.667%;
}
.col-md-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-md-7 {
-ms-flex-preferred-size: 58.333%;
flex-basis: 58.333%;
max-width: 58.333%;
}
.col-md-8 {
-ms-flex-preferred-size: 66.667%;
flex-basis: 66.667%;
max-width: 66.667%;
}
.col-md-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-md-10 {
-ms-flex-preferred-size: 83.333%;
flex-basis: 83.333%;
max-width: 83.333%;
}
.col-md-11 {
-ms-flex-preferred-size: 91.667%;
flex-basis: 91.667%;
max-width: 91.667%;
}
.col-md-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-md-offset-0 {
margin-left: 0;
}
.col-md-offset-1 {
margin-left: 8.333%;
}
.col-md-offset-2 {
margin-left: 16.667%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-4 {
margin-left: 33.333%;
}
.col-md-offset-5 {
margin-left: 41.667%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-7 {
margin-left: 58.333%;
}
.col-md-offset-8 {
margin-left: 66.667%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-10 {
margin-left: 83.333%;
}
.col-md-offset-11 {
margin-left: 91.667%;
}
.start-md {
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
text-align: start;
text-align:left;
}
.center-md {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
text-align: center;
}
.end-md {
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
text-align: end;
}
.right-md {
text-align: right;
}
.top-md {
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
}
.middle-md {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.bottom-md {
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
}
.around-md {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-md {
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.first-md {
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.last-md {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
.column-md {
flex-direction:column;
}
.show-md {
display:block;
}
.row.show-md {
display:flex;
}
.hide-md {
display:none;
}
.fill-md {
height:100%;
}
.pad-md-0 {
padding:0px;
}
.pad-md-10 {
padding:10px;
}
.pad-md-15 {
padding:15px;
}
.pad-md-20 {
padding:20px;
}
.pad-md-25 {
padding:25px;
}
.pad-md-30 {
padding:30px;
}
.pad-md-40 {
padding:40px;
}
.pad-md-50 {
padding:50px;
}
.pad-md-60 {
padding:60px;
}
.pad-md-70 {
padding:70px;
}
.pad-md-80 {
padding:80px;
}
.pad-md-120 {
padding:120px;
}
}
@media only screen and (min-width: 1420px) {
.fullwidth-lg {
max-width:none;
}
.col-lg,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
box-sizing: border-box;
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto; }
.col-lg {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-lg-1 {
-ms-flex-preferred-size: 8.333%;
flex-basis: 8.333%;
max-width: 8.333%;
}
.col-lg-2 {
-ms-flex-preferred-size: 16.667%;
flex-basis: 16.667%;
max-width: 16.667%;
}
.col-lg-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-lg-4 {
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
max-width: 33.333%;
}
.col-lg-5 {
-ms-flex-preferred-size: 41.667%;
flex-basis: 41.667%;
max-width: 41.667%;
}
.col-lg-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-lg-7 {
-ms-flex-preferred-size: 58.333%;
flex-basis: 58.333%;
max-width: 58.333%;
}
.col-lg-8 {
-ms-flex-preferred-size: 66.667%;
flex-basis: 66.667%;
max-width: 66.667%;
}
.col-lg-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-lg-10 {
-ms-flex-preferred-size: 83.333%;
flex-basis: 83.333%;
max-width: 83.333%;
}
.col-lg-11 {
-ms-flex-preferred-size: 91.667%;
flex-basis: 91.667%;
max-width: 91.667%;
}
.col-lg-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-lg-offset-0 {
margin-left: 0%;
}
.col-lg-offset-1 {
margin-left: 8.333%;
}
.col-lg-offset-2 {
margin-left: 16.667%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-4 {
margin-left: 33.333%;
}
.col-lg-offset-5 {
margin-left: 41.667%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-7 {
margin-left: 58.333%;
}
.col-lg-offset-8 {
margin-left: 66.667%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-10 {
margin-left: 83.333%;
}
.col-lg-offset-11 {
margin-left: 91.667%;
}
.start-lg {
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
text-align: start;
text-align:left;
}
.center-lg {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
text-align: center;
}
.end-lg {
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-lg {
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
}
.middle-lg {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.bottom-lg {
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
}
.around-lg {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-lg {
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.first-lg {
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.last-lg {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
.show-lg {
display:block;
}
.hide-lg {
display:none;
}
.fill-lg {
height:100%;
}
.pad-lg-0 {
padding:0px;
}
.pad-lg-10 {
padding:10px;
}
.pad-lg-15 {
padding:15px;
}
.pad-lg-20 {
padding:20px;
}
.pad-lg-25 {
padding:25px;
}
.pad-lg-30 {
padding:30px;
}
.pad-lg-40 {
padding:40px;
}
.pad-lg-60 {
padding:60px;
}
.pad-lg-80 {
padding:80px;
}
.pad-lg-120 {
padding:120px;
}
.start-lg .button {
margin-left: 0;
}
}
@media only screen and (min-width: 1900px) {
.col-xl,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12 {
box-sizing: border-box;
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto; }
.col-xl {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-xl-1 {
-ms-flex-preferred-size: 8.333%;
flex-basis: 8.333%;
max-width: 8.333%;
}
.col-xl-2 {
-ms-flex-preferred-size: 16.667%;
flex-basis: 16.667%;
max-width: 16.667%;
}
.col-xl-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-xl-4 {
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
max-width: 33.333%;
}
.col-xl-5 {
-ms-flex-preferred-size: 41.667%;
flex-basis: 41.667%;
max-width: 41.667%;
}
.col-xl-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-xl-7 {
-ms-flex-preferred-size: 58.333%;
flex-basis: 58.333%;
max-width: 58.333%;
}
.col-xl-8 {
-ms-flex-preferred-size: 66.667%;
flex-basis: 66.667%;
max-width: 66.667%;
}
.col-xl-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-xl-10 {
-ms-flex-preferred-size: 83.333%;
flex-basis: 83.333%;
max-width: 83.333%;
}
.col-xl-11 {
-ms-flex-preferred-size: 91.667%;
flex-basis: 91.667%;
max-width: 91.667%;
}
.col-xl-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-xl-offset-0 {
margin-left: 0%;
}
.col-xl-offset-1 {
margin-left: 8.333%;
}
.col-xl-offset-2 {
margin-left: 16.667%;
}
.col-xl-offset-3 {
margin-left: 25%;
}
.col-xl-offset-4 {
margin-left: 33.333%;
}
.col-xl-offset-5 {
margin-left: 41.667%;
}
.col-xl-offset-6 {
margin-left: 50%;
}
.col-xl-offset-7 {
margin-left: 58.333%;
}
.col-xl-offset-8 {
margin-left: 66.667%;
}
.col-xl-offset-9 {
margin-left: 75%;
}
.col-xl-offset-10 {
margin-left: 83.333%;
}
.col-xl-offset-11 {
margin-left: 91.667%;
}
.start-xl {
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
text-align: start;
text-align:left;
}
.center-xl {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
text-align: center;
}
.end-xl {
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-xl {
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
}
.middle-xl {
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.bottom-xl {
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
}
.around-xl {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-xl {
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.first-xl {
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.last-xl {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
.show-xl {
display:block;
}
.hide-xl {
display:none;
}
.fill-xl {
height:100%;
}
.pad-xl-0 {
padding:0px;
}
.pad-xl-10 {
padding:10px;
}
.pad-xl-15 {
padding:15px;
}
.pad-xl-20 {
padding:20px;
}
.pad-xl-25 {
padding:25px;
}
.pad-xl-30 {
padding:30px;
}
.pad-xl-40 {
padding:40px;
}
.pad-xl-60 {
padding:60px;
}
.pad-xl-80 {
padding:80px;
}
.pad-xl-120 {
padding:120px;
}
.start-xl .button {
margin-left: 0;
}
} #guide {
position:fixed;
height:100%;
width:100%;
top:0;
left:0;
z-index: 100;
pointer-events:none;
opacity:0;
}
#guide.active {
opacity:0; 
}
#guide .wrapper, #guide .row {
height:100%;
width:100%;
}
#guide .col-xs {
height:100%;
position:relative;
box-shadow: 1px 0px 0px #ddd;
}
#guide .col-xs:before, 
#guide .col-xs:after {
height:100%;
content:'';
width:0px;
opacity:0;
position: absolute;
border-right:1px solid #ddd;
}
#guide .col-xs:before {
left:10px;
} 
#guide .col-xs:after {
left:-10px;
}   
#guide .col-xs:first-child:before { left:0px;
opacity:1;
width:0px;
}
#guide .col-xs span {
width:0px;
height:100%;
position:absolute;
display: none;
top:0;
right:-11px;
width:21px;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
} .winner .ratio .image, .special .ratio .image {
position: relative; 
}
.winner .ratio .image:before, .special .ratio .image:before {
content:"Winner";
position:absolute;
top:0;
right:0;
background:#000000;
line-height: 17px !important;
text-transform: uppercase;
color: #ffffff;
font-size: 14px;
padding: 11px 16px 9px 15px;
cursor: pointer;
letter-spacing:0.06em;
}
.special .ratio .image:before {
content:"Special Mention";
background:#444;
min-width: 142px;
}