article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
} audio,
canvas,
video {
display: inline-block;
} audio:not([controls]) {
display: none;
height: 0;
} [hidden],
template {
display: none;
}  html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0;
}  a {
background: transparent;
} a:focus {
outline: thin dotted;
} a:active,
a:hover {
outline: 0;
}  h1 {
font-size: 2em;
margin: 0.67em 0;
} abbr[title] {
border-bottom: 1px dotted;
} b,
strong {
font-weight: bold;
} dfn {
font-style: italic;
} hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
} mark {
background: #ff0;
color: #000;
} code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em;
} pre {
white-space: pre-wrap;
} q {
quotes: "\201C" "\201D" "\2018" "\2019";
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}  img {
border: 0;
} svg:not(:root) {
overflow: hidden;
}  figure {
margin: 0;
}  fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
border: 0; padding: 0; } button,
input,
select,
textarea {
font-family: inherit; font-size: 100%; margin: 0; } button,
input {
line-height: normal;
} button,
select {
text-transform: none;
} button,
html input[type="button"], input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; cursor: pointer; } button[disabled],
html input[disabled] {
cursor: default;
} input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; } input[type="search"] {
-webkit-appearance: textfield; -moz-box-sizing: content-box;
-webkit-box-sizing: content-box; box-sizing: content-box;
} input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
} textarea {
overflow: auto; vertical-align: top; }  table {
border-collapse: collapse;
border-spacing: 0;
}@import url(//hello.myfonts.net/count/3abd82);
@font-face {font-family: 'Displace20-Regular';src: url(//blossom.film/wp-content/themes/blossom/webfonts/3ABD82_0_0.eot);src: url(//blossom.film/wp-content/themes/blossom/webfonts/3ABD82_0_0.eot?#iefix) format('embedded-opentype'),url(//blossom.film/wp-content/themes/blossom/webfonts/3ABD82_0_0.woff2) format('woff2'),url(//blossom.film/wp-content/themes/blossom/webfonts/3ABD82_0_0.woff) format('woff'),url(//blossom.film/wp-content/themes/blossom/webfonts/3ABD82_0_0.ttf) format('truetype');}
@font-face {
font-family: 'blossom';
src:  url(//blossom.film/wp-content/themes/blossom/fonts/blossom.eot?336ik5);
src:  url(//blossom.film/wp-content/themes/blossom/fonts/blossom.eot?336ik5#iefix) format('embedded-opentype'),
url(//blossom.film/wp-content/themes/blossom/fonts/blossom.ttf?336ik5) format('truetype'),
url(//blossom.film/wp-content/themes/blossom/fonts/blossom.woff?336ik5) format('woff'),
url(//blossom.film/wp-content/themes/blossom/fonts/blossom.svg?336ik5#blossom) format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="icon-"], [class*=" icon-"] { font-family: 'blossom' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-logo-small:before {
content: "\e923";
}
.icon-arrow-left:before {
content: "\e900";
}
.icon-arrow-right:before {
content: "\e901";
}
.icon-back-hover:before {
content: "\e902";
}
.icon-next-hover:before {
content: "\e914";
}
.icon-close:before {
content: "\e90a";
}
.icon-back:before {
content: "\e903";
}
.icon-bar-logo:before {
content: "\e904";
}
.icon-bar-scroll:before {
content: "\e905";
}
.icon-bar-sliders:before {
content: "\e907";
}
.icon-bar-sliders-active:before {
content: "\e906";
}
.icon-blossom-logo:before {
content: "\e908";
}
.icon-close-screen:before {
content: "\e909";
}
.icon-download:before {
content: "\e90b";
}
.icon-full-screen:before {
content: "\e90c";
}
.icon-info-close-credits:before {
content: "\e90d";
}
.icon-info-open-credits:before {
content: "\e90e";
}
.icon-landing-size-bar:before {
content: "\e90f";
}
.icon-landing-size-minus:before {
content: "\e910";
}
.icon-landing-size-plus:before {
content: "\e911";
}
.icon-menu:before {
content: "\e913";
}
.icon-next:before {
content: "\e915";
}
.icon-overview-copy-5:before {
content: "\e916";
}
.icon-overview-img:before {
content: "\e917";
}
.icon-pause-video:before {
content: "\e918";
}
.icon-play-video:before {
content: "\e919";
}
.icon-share:before {
content: "\e91a";
}
.icon-sound-off .path1:before {
content: "\e91b";
color: rgb(3, 3, 3);
}
.icon-sound-off .path2:before {
content: "\e91c";
margin-left: -1.0556640625em;
color: rgb(0, 0, 0);
}
.icon-sound-off .path3:before {
content: "\e91d";
margin-left: -1.0556640625em;
color: rgb(0, 0, 0);
}
.icon-sound .path1:before {
content: "\e91e";
color: rgb(3, 3, 3);
}
.icon-sound .path2:before {
content: "\e91f";
margin-left: -1.3330078125em;
color: rgb(0, 0, 0);
}
.icon-sound .path3:before {
content: "\e920";
margin-left: -1.3330078125em;
color: rgb(0, 0, 0);
}
.icon-zoom:before {
content: "\e921";
}
.icon-close1:before {
content: "\e922";
}
h1, h2, h3, h4, h5 { 
font-family: Displace20-Regular; 
font-weight: normal; 
font-style: normal; 
}  *,
*:after,
*:before {
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
text-rendering:optimizeLegibility;
} html {
font-size:62.5%;
height: 100%;
}
body {
font:400 16px/1.5  'Poppins', sans-serif;
color:#000;
height: 100%;
background-color: #fff;
}
abbr, abbr[title]{
text-decoration: none;
border: none;
} .clear:before,
.clear:after {
content:' ';
display:table;
}
.clear:after {
clear:both;
}
.clear {
*zoom:1;
}
img {
max-width:100%;
vertical-align:bottom;
}
a {
color:#000;
text-decoration:none;
}
a:hover {
color:#000;
text-decoration:underline;
}
a:focus {
outline:0;
}
a:hover,
a:active {
outline:0;
}
input:focus {
outline:0;
border:1px solid #04A4CC;
}
ul{
margin: 0;
padding: 0;
list-style: none;
}  .wrapper {
max-width: 1300px;
width:85%;
margin:0 auto;
position:relative;
}
.wrapper-extended{
width:85%;
margin:0 auto;
position:relative;
}
.wrapper-logo{
width:85%;
margin:0 auto;
position:relative;
}
#container{
min-height: 100%;
}
body.home #container-inner{
padding-bottom: 0;
height: 100%;
overflow: hidden;
width: 100%;
}
body.home #footer{
display: none;
} #header a{
text-decoration: none;
font-size: 14px; font-size: 1.4rem;
}
.header-inner{
margin-top: .6em;
text-align: center;
}
#main{
padding-top: 0;
}
.home #main{
padding: 0;
height: 100%;
width: 100%;
overflow: hidden;
} .logo-container{
position: relative;
top: 0;
display: inline-block;
z-index: 8000;
}
.logo-container a:before{
content: "\e923";
font-family: blossom;
font-size: 3.4em;
}
.logo-container a span{
display: none;
}
.logo-container .tagline{
display: none;
}
.menu-container{
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #fff;
z-index: 7000;
}
.menu-opened .menu-container{
display: block;
}
.toggle-menu{
position: absolute;
left: 0;
top: 1.7em;
font-size: 1.4em;
z-index: 8000;
}
.menu-opened .toggle-menu .icon-menu:before{
content: "\e922";
font-size: 1.5em;
}
.menu-opened #container{
position: fixed;
overflow: hidden;
}
.menu-container .nav{
padding: 30vh 0 0;
text-align: center;
}
.nav li{
display: block;
margin: 1em 0;
}
#header .nav li a{
font-size: 1.2em;
letter-spacing: 1px;
}
.search-form{
display: block;
}
.nav{
z-index: 1020;
}
.nav a{
color: #000;
}
.nav li.current_page_item a, .nav li.current-menu-item a{
text-decoration: underline;
}
.nav ul{
display: block;
} .toggle-search{
display: none;
}
.toggle-search-container{
margin: 24vh 7.5% 0;
border-top: 1px solid #000;
padding-top: 10vh;
}
.search-form{
text-align: center;;
}
.search-form .search{
display: inline-block;
position: relative;
}
.search-form .search button span{
font-size: 1.2em;
}
.search-form .toggle-search{
position: absolute;
right: 1em;
top: 1em;
}
.search-form .toggle-search span{
font-size: 1.2em;
}
.search-form .search-submit{
border: none;
padding: 0;
margin: 0;
position: absolute;
right: 0;
top: 0;
background: transparent;
width: 2.3em;
height: 2.2em;
}
.search-form .search-input{
border: none;
border-bottom: 1px solid #000;
padding-right: 4em;
width: 8em;
-webkit-appearance: none;
border-radius: 0;
} input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
border: 1px solid green;
-webkit-text-fill-color: #000;
-webkit-box-shadow: 0 0 0px 1000px #000 inset;
transition: background-color 5000s ease-in-out 0s;
}
.searchwp-live-search-no-results{
font-size: 18px !important;
} .social-media-mod ul li{
display: inline-block;
font-size: 1.3em;
}
.social-media-mod ul li a{
padding: .4em;
}
.social-media-mod ul li:first-child a{
padding-left: 0;
} #footer{
position: relative;
z-index: 20;
margin-top: -4em;
padding-bottom: 2em;
font-size: 14px;
font-size: calc(14px + (15 - 14)*(100vw - 300px)/(1920 - 300));
}
#footer .nav{
position: static;
left: auto;
top: auto;
}
#footer .nav li{
display: inline-block;
}
#footer .nav li:before{
content: " | ";
}
#footer .nav li:first-child:before{
content: "";
}
#footer a:hover{
text-decoration: none;
opacity: .7;
}   .slick-slider{
height: 100%;
}
.featured-videos-mod .project-text{
cursor: pointer;
pointer-events: none;
margin: 7vh 7.5%;
text-align: center;
font-family: 'Displace20-Regular';
text-transform: uppercase;
color: #000;
opacity: 0;
transform: scale(.5);
transition: opacity 2s, transform 1s;
}
.featured-videos-mod .slick-current .project-text{
opacity: 1;
transform: scale(1);
}
.featured-videos-mod .project-text .text span{
display: block;
vertical-align: bottom;
}
.featured-videos-mod .project-text .text .brand{
font-size: 20px; font-size: 2.0rem;
font-size: calc(20px + (49 - 20)*(100vw - 320px)/(1920 - 320));
line-height: 1;
margin: 0 0 .1em;
}
.featured-videos-mod .project-text .text .director{
font-size: 14px; font-size: 1.4rem;
font-size: calc(14px + (32 - 14)*(100vw - 320px)/(1920 - 320));
}
.featured-videos-mod .slick-dots {
position: absolute;
bottom: 0;
right: 7.5%;
}
.featured-videos-mod .slick-dots li {
position: relative;
}
.featured-videos-mod .slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 18px;
padding: 5px 0;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
text-align: right;
}
.featured-videos-mod .slick-dots li button:before {
content: "";
display: inline-block;
width: 7px;
height: 2px;
opacity: .7;
background-color: #222;
-webkit-transition: width .2s;
transition: width .2s;
}
.featured-videos-mod .slick-dots li.slick-active button:before {
width: 20px;
}
.featured-videos-mod{
margin: 0;
}
.featured-videos-mod .project-item{
height: 80vh;
}
.featured-videos-mod .project-item .item-inner{
height: 100%;
width: 100%;
display: table; }
.featured-videos-mod .slick-current .project-item .item-inner{ }
.featured-videos-mod .project-item .item-inner .item-inner-inner{
display: table-cell;
vertical-align: middle;
text-align: center;
width: 100%;
}
.featured-videos-mod .project-item.video-item .item-inner .video-container{
position: relative;
flex-wrap: wrap;
padding-bottom: 56.25%; height: 0;
width: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.featured-videos-mod .project-item.video-item .item-inner .video-container a{
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.featured-videos-mod .project-item.video-item .item-inner .video-container video{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.featured-videos-mod .project-item .video-js{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.project-item .vjs-tech{
position: absolute;
min-width: 100%; 
min-height: 100%; 
width: auto; 
height: auto;
overflow: hidden;
}
.featured-videos-mod .project-item.image-item .image{
display: none;
}
.featured-videos-mod .project-item.image-item .image:first-child{
display: block;
margin: 7.5%;
}
.featured-videos-mod .project-item.image-item .image img{
width: 100%;
}
.text-cursor{
cursor: pointer;
pointer-events: none;
position: absolute;
top: 0;
left: 0;
width: 18em;
margin-left: -9em;
height: 5em;
text-align: center;
margin-top: 1em;
font-family: 'Displace20-Regular';
text-transform: uppercase;
color: #fff;
}
.text-cursor .brand{
font-size: 16px; font-size: 1.6rem;
line-height: 1;
display: block;
margin: 0 0 .1em;
}
.text-cursor .director{
font-size: 12px; font-size: 1.2rem;
display: block;
}
.scroll-label{
display: none;
} .slick-active .project-item .vjs-tech{ }
.featured-videos-mod .video-info {
position: relative;
height: 57vh;
z-index: 10;
} .grid-project-mod{
margin-top: 1em;
overflow: hidden;
}
.grid-project-mod .zooms{
position: absolute;
top: 2.1em;
right: 7.5%;
z-index: 10000;
}
.grid-project-mod .zooms .zoom-in, .grid-project-mod .zooms .zoom-out{
cursor: pointer;
}
.grid-project-mod .grid-inner{
}
.grid-project-mod .project-item{
text-align: center;
max-height: 100vw;
margin-bottom: 0;
}
.grid-project-mod .project-item a{
display: block;
height: 100%;
}
.grid-project-mod .project-item img{
max-width: 100%;
max-height: 100%;
}
.grid-project-mod .project-item.gallery-index1{
margin-bottom: 1em;
} .grid-project-mod .video-container{
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
padding-bottom: 50%; height: 0;
width: 100%;
}
.grid-project-mod .video-container video{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.grid-project-mod  .vimeo-container{
height: 100%;
min-height: 56vw;
min-width: 100vw;
background-repeat: no-repeat;
background-position: left top;
background-size: cover;
}
.grid-project-mod  .vimeo-container-inner{
margin-top: 0;
position: relative;
padding-bottom: 56.25%;
padding-top: 0;
height: 0;
width: 100%;
}
.grid-project-mod  .vimeo-container-inner a{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
}
.grid-project-mod  .vimeo-container-inner iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .about-mod{
text-align: center;
margin: 0 0 4em;
}
.about-mod .text{
text-transform: uppercase;
margin: 2em auto 3em;
max-width: 50em;
line-height: 1.8;
font-weight: 300;
}
.about-mod .text p{
margin: 1.5em 0;
}
.about-mod .contact-email{
font-size: 1.2em;
font-weight: 400;
}
.contact-mod{
text-align: center;
margin: 0 0 3em;
font-size: 14px; font-size: 1.4rem;
font-weight: 400;
}
.contact-mod h2{
font-family: "Poppins", sans-serif;
font-size: 1em;
letter-spacing: .1em;
font-weight: 300;
}
.contact-mod p{
margin: 0;
}
.contact-mod .service-producers{
margin: 0 0 3em;
}
.about-page .image-gallery{
overflow: hidden;
}
.about-page .image-gallery ul{
margin-bottom: -13vh;
} .image-gallery ul {
display: flex;
flex-wrap: wrap;
}
.image-gallery li {
height: 13vh;
flex-grow: 1;
}
.image-gallery img {
max-height: 100%;
min-width: 100%;
object-fit: cover;
vertical-align: bottom;
max-width: none;
}
.image-gallery  li:last-child { flex-grow: 10;
} .project-slider .project-item .icon-full-screen{
position: absolute;
right: 2.3vw;
bottom: 2.9vh;
z-index: 3000;
font-size: 1.4em;
cursor: pointer;
padding: .5em;
mix-blend-mode: difference;
color: #fff;
text-decoration: none !important;
z-index: 9999;
}
.hide-info .project-slider .icon-full-screen:before{
content: "\e909";
}
.project-gallery{
margin-top: 2em;	
}
.project-slider .slick-dots{
margin-top: 1em;
display: none !important;
}
.project-slider.show-overview .slick-dots{
display: block !important;
}
.overview-title{
margin: .5em 0 .5em 7.5%;
position: relative !important;
text-transform: uppercase;
font-size: 14px; font-size: 1.4rem;
letter-spacing: .1em;
z-index: 3000;
padding-left: 4em;
display: none;
}
.overview-title:hover{
text-decoration: underline;
}
.overview-title .icon-overview-copy-5{
position: absolute;
left: 0;
top: .2em;
}
.overview-title .icon-close1{
display: none;
margin-left: 1em;
}
.show-overview .overview-title .icon-close1{
display: inline-block; 
}
.project-slider .slick-dots li{
display: inline-block;
vertical-align: top;
height: 28vw;
margin-right: .3vw;
margin-bottom: .9vw;
}
.project-slider .slick-dots li a{
cursor: pointer;
}
.project-slider .slick-dots li img{
max-width:100%;
max-height:100%;
width: auto;
height: auto;
transition: transform .5s;
}
.project-slider .slick-dots li a:hover img{
transform: scale(1.02);
}
.project-slider{
width: 100vw;
height: auto !important;
margin-bottom: 2em;
}
.project-footer{
margin: 1em 0;
font-size: 14px; font-size: 1.4rem;
}
.project-footer .footer-links .download-link{
font-size: 1.5em;
margin-right: 1em;
float: left;
text-decoration: none;
}
.project-footer .footer-links .share{
width: 7.2em;
position: relative;
margin-bottom: 3em;
}
.project-footer .footer-links .share .share-link{
font-size: 1.5em;
margin-right: 1em;
text-decoration: none;
cursor: pointer;
}
.project-footer .footer-links .share ul{
position: absolute;
left: 1.5em;
top: 2px;
width: 24em;
}
.project-footer .footer-links .share ul li{
display: inline-block;
margin-left: .6em;
}
.project-footer .footer-links .share li a{
font-size: 11px; font-size: 1.1rem;
line-height: 2;
text-transform: uppercase;
float: none;
cursor: pointer;
}
.project-footer .category{
text-transform: uppercase;
margin-top: 3em;
font-weight: 600;
}
.project-slider .slick-slide{
height: auto !important;
}
.project-slider .project-item{
position: relative;
height: 66vw;
text-align: center;
background: #fff;
}
.project-slider .project-item .image{
display: flex;
height: 100%;
flex-wrap: wrap;
justify-items: center;
align-items: center;
cursor: pointer;
}
.project-slider .vimeo-container{
height: 100%;
display: flex;
flex-wrap: wrap;
justify-items: center;
align-items: center;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.project-slider .vimeo-container-inner{
margin-top: 0;
position: relative;
padding-bottom: 56%;
padding-top: 0;
height: 0;
width: 100%;
}
.single-project .vimeo-container-inner iframe {
position: absolute;
top: 0;
left: 0;
width: 100.5%;
height: 100%;
}
.project-slider .project-item .image .image-inner{
position: relative;
margin: 0 auto;
}
.project-slider .project-item img{
max-width:100%;
max-height:100%;
width: auto;
height: auto;
display: inline-block;
margin: 0 auto;
}
.project-slider .slick-arrow{
position: absolute;
z-index: 2000;
}
.project-slider .slick-arrow.next{
top: 12vh;
bottom: 12vh;
right: 0;
width: 20%;
left: auto;
cursor: url(//blossom.film/wp-content/themes/blossom/img/arrow-right.png) 60 25,auto;
}
.project-slider .slick-arrow.prev{
top: 12vh;
bottom: 12vh;
left: 0;
right: auto;
width: 20%;
cursor: url(//blossom.film/wp-content/themes/blossom/img/arrow-left.png) 60 25,auto
}
.project-slider .icon-arrow-right:before, .project-slider .icon-arrow-left:before{
display: none;
}
.project-container #pager{
display: none;
padding:.5em;
}
.project-container #pager a, .project-container #pager span{
text-decoration: none;
cursor: pointer;
mix-blend-mode: difference;
color: #fff;
}
.project-container #pager strong{
font-weight: 400;
}
.project-container #pager .icon-back{
margin-right: .5em;
}
.project-container #pager .icon-next{
margin-left: .5em;
}
.project-info{
margin: 0 7.5% 1em;
}
.project-info a{
text-decoration: none;
}
.project-info .logo{
display: none;
}
.project-info .col{
margin:0;
font-size: 14px; font-size: 1.4rem;
clear: both;
}
.project-info .col li{
margin:1em 0 0 0;
width: 45%;
line-height: 1.2;
}
.project-info .col dd{
margin: .3em 0 0;
text-transform: uppercase;
}
.project-info .col:nth-of-type(2){
height: 0;
overflow: hidden;
transition: height .3s;
}
.show-more-credits .project-info .col:nth-of-type(2){
height: auto;
}
.more-credits{
position: relative;
clear: both;
margin-top: 2em;
font-size: 14px;
cursor: pointer;
padding-left: 2.2em;
display: none;
}
.more-credits:hover{
text-decoration: underline;
}
.more-credits span{
position: absolute;
left: 0;
top: 0;
font-size: 1.3em;
}
.show-more-credits .project-info .more-credits .icon-info-open-credits:before{
content:"\e90d";
}
.single-header{
margin: 1.95em 0 .5em;
position: absolute;
top: 0;
right: 7.5%;
z-index: 1000;
width: 6em;
text-align: right;
}
.single-header a{
font-size: 1.5em;
vertical-align: middle;
margin-left: .5em;
text-decoration: none;
}
.single-header a.back-link{
font-size: 1.4em;
vertical-align: top;
}
.single-header .logo-container{
display: none;
}   @media (orientation: landscape) { }
.slider-mod .slick-arrow{
position: absolute;
left: 8%;
bottom: 3em;
font-size: 2em;
color: #fff;
z-index: 100;
cursor: pointer;
transition: transform .3s;
cursor: pointer;
}
.slider-mod .slick-arrow:hover{
opacity: .7;
}
.slider-mod .slick-arrow.next{
right: 8%;
left: auto;
}
.video-content .more{
color: #fff;
}
.video-bg, .video-js {
background-size: cover; background-position: top left;
background-repeat: no-repeat;
}
.fade-in-video {
opacity: 0;
transition: opacity .8s linear;
}
.fade-in-video.is-playing {
opacity: 1;  
}
.featured-videos-mod .arrow-down{
position: absolute;
left: 50%;
bottom: 1em;
margin-left: -24px;
width: 48px;
}  .slider-mod{
position: relative;
padding: 0;
margin: 0;
} .video-js .vjs-control-bar{
background-color: transparent;
width: 60%;
bottom: 2%;
left: 20%;
}
.vjs-fullscreen .video-js .vjs-control-bar{
bottom: 1em !important;
background: rgba(255,255,255,0.3);
}
.vjs-poster{
background-size: cover;
}
.video-playing .vjs-poster{
display: none;
}
.video-js .vjs-mute-control, .video-js .vjs-play-control, .video-js .vjs-time-control, .video-js .vjs-volume-panel{
display: none;
}  @media (orientation: landscape){ }  .page-template-default{
background-color: #000;
color: #fff;
}
.page-template-default a{
color: #fff;
}
.page-template-default #container{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-content: center;
} .error404{
background: #000;
color: #fff;
}
.error404 #container, .error404 #container-inner{
height: 100%;
}
.error404 #main{
display: table;
width: 100%;
height: 100%;
}
.error404 .main-content{
text-align: center;
color: #fff;
padding: 1em 1em 6%;
display: table-cell;
height: 100%;
vertical-align: middle;
}
.error404 a{
color: #fff;
}
#main{
}
#post-404{
}
.page-title{
font-size: 46px; font-size: 4.6rem;
text-transform: uppercase;
font-weight: normal;
margin: 0;
padding: 0;
}
.page-title:after{
content:"";
width: 2em;
height: 1px;
background: #fff;
display: block;
margin: .2em auto;
}
.sub-title{
font-size: 35px; font-size: 3.5rem;
font-weight: normal;
margin: 0;
padding: 0;
} .results-message{
text-align: center;
padding: 0 5% 2em;
}
.results-title{
font-weight: normal;
font-size: 24px; font-size: 2.4rem;
}   @media only screen and (min-width:350px) {
}
@media only screen and (min-width:480px) {
.grid-project-mod .project-item{
margin-bottom: 1em;
}
.grid-project-mod .vimeo-container{
min-width: 0;
min-height: 0;
}
.grid-project-mod .vimeo-container-inner{
right: -1px;
left: -1px;
}
.grid-project-mod .vimeo-container-inner iframe {
width: 101%;
height: 101%;
} .grid-project-mod .grid-inner{
width: 100vw;
overflow: hidden;
}
.grid-project-mod .row{
margin-bottom: 1em;
}
.grid-project-mod .row .project-item{
display: block;
float: left;
overflow: hidden;
vertical-align: top;
}
.grid-project-mod .project-item img{
height: 100%;
width: auto;
max-width: none;
}
.grid-project-mod .project-item{
height: 17vw;
max-width: none;
float: none;
}
.grid-project-mod .vimeo-container{
width: 30.22vw;
}
.grid-project-mod .sep-item, .grid-project-mod .sep-item img{
width: 2.5vw;
}
.zoom-0 .grid-project-mod .project-item{
height: 14vw;
}
.zoom-0 .grid-project-mod .vimeo-container{
width: 24.89vw;
}
.zoom-1 .grid-project-mod .project-item{
height: 17vw;
}
.zoom-1 .grid-project-mod .vimeo-container{
width: 30.22vw;
}
.zoom-2 .grid-project-mod .project-item{
height: 20vw;
}
.zoom-2 .grid-project-mod .vimeo-container{
width: 35.56vw;
}
.zoom-3 .grid-project-mod .project-item{
height: 23vw;
}
.zoom-3 .grid-project-mod .vimeo-container{
width: 40.88vw;
}
.zoom-4 .grid-project-mod .project-item{
height: 26vw;
}
.zoom-4 .grid-project-mod .vimeo-container{
width: 46.22vw;
}
.zoom-5 .grid-project-mod .project-item{
height: 29vw;
}
.zoom-5 .grid-project-mod .vimeo-container{
width: 51.55vw;
}
.zoom-6 .grid-project-mod .project-item{
height: 32vw;
}
.zoom-6 .grid-project-mod .vimeo-container{
width: 56.89vw;
}
.grid-project-mod .project-item{
overflow: hidden;
}
}
@media only screen and (min-width:600px) {
}
@media only screen and (min-width:768px) {  .featured-videos-mod .video-info, .featured-videos-mod  {
height: 86vh;
}
.text-cursor{
width: 30vw;
margin-left: -15vw;
}
.text-cursor .brand{
font-size: 20px;
font-size: calc(20px + (52 - 20)*(100vw - 780px)/(1920 - 780));
}
.text-cursor .director{
font-size: 12px;
font-size: calc(12px + (26 - 12)*(100vw - 780px)/(1920 - 780));
}
.no-touch .slider-mod .slick-arrow.next{
top: 4em;
bottom: 1em;
right: 0;
width: 20%;
left: auto;
cursor: url(//blossom.film/wp-content/themes/blossom/img/arrow-right.png) 60 25,auto;
}
.no-touch .slider-mod .slick-arrow.prev{
top: 4em;
bottom: 1em;
left: 0;
right: auto;
width: 20%;
cursor: url(//blossom.film/wp-content/themes/blossom/img/arrow-left.png) 60 25,auto
}
.no-touch .slider-mod .icon-arrow-right:before, .no-touch .slider-mod .icon-arrow-left:before{
display: none;
}
}
@media only screen and (min-width:1024px) and (max-width: 1599px){
.project-footer .footer-links .share .share-link {
top: -4px;
position: relative;
}
.project-footer .footer-links .share ul{
top: auto;
bottom: 1.2em;
right: auto;
left: 11em;
width: auto;
}
.project-footer .footer-links .share ul li{
display: block;
}
}
@media only screen and (min-width:1024px) { .header-inner{
margin-top: 4vh;
text-align: right;
}
.logo-container .tagline{
position: relative;
display: inline-block;
width: 22em;
text-align: left;
vertical-align: baseline;
font-size: 12px; font-size: 1.2rem;
line-height: 1.7;
padding-left: 2.4em;
}
.logo-container{
top: -.5em;
display: inline-block;
margin-right: 3em;
}
.logo-container a:before{
display: none;
}
.logo-container a span{
display: inline-block;
}
.logo-container .tagline{
display: inline-block;
}
.logo-container .tagline:before{
content: "";
position: absolute;
left: 1.2em;
top: .3em;
bottom: .3em;
width: 1px;
background-color: #000;
}
.logo-container .logo{
font-size: 2em;
top: -1px;
position: relative;
}
.toggle-menu{
display: none;
}
#header .toggle-search{
font-size: 1.2em;
}
.grid-project-mod .zooms{
margin-right: -.5em;
}
.menu-container{
position: absolute;
left: 0;
top: 0;
display: block;
text-align: left;
width: 15em;
padding: 0 0 0 2em;
z-index: 7000;
}
.menu-container .nav{
padding: 0;
}
.nav li{
display: inline-block;
margin: 0 0 0 .6em;
}
.nav li:after{
display: none;
}
.nav li:before{
content: "|";
margin: 0 1em 0 0;
}
.nav li:first-child:before{
display: none;
}
.page-template-page-about .logo-container{
text-align: center;
right: 50%;
top: -1em;
width: auto;
}
.page-template-page-about .logo-container a:before{
margin-right: -50%;
}
.logo-container{
width: 44vw;
text-align: left;
}
.grid-project-mod .zooms{
margin-right: 0;
}
#header .nav li a{
font-size: 16px; font-size: 1.6rem;
} .toggle-search{
width: 20px;
height: 20px;
cursor: pointer;
z-index: 999;
display: inline-block;
}
.toggle-search-container{
position: absolute;
left: 0;
top: .1em;
margin: 0;
border: none;
padding-top: 0;
}
.search-form{
display: none;
position: fixed;
background: #fff;
left: 0;
right: 0;
top: 0;
text-align: center;
z-index: 999999999999;
}
.search-form .search{
display: inline-block;
position: relative;
}
.search-form .search button span{
font-size: 1.2em;
}
.search-form .toggle-search{
position: absolute;
left: 7.5%;
top: 2.5em;
margin-left: -1.5em;
}
.search-form .toggle-search span{
font-size: 1em;
}
.search-form .search-input{
}
.search-form{
padding: 8.5vw 0 5vw;
}
.search-form .search-input{
border-top: 0;
border-left: 0;
border-right: 0;
width: 14em;
} .featured-videos-mod{
margin-top: 1em;
}
.featured-videos-mod .project-item{
position: relative;
overflow: hidden;
margin: 0;
height: 80vh;
}
.featured-videos-mod .project-item .item-inner{
display: flex;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto; background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.featured-videos-mod .project-item.video-item .item-inner{
width: 80%;
margin-left: 7.5%;
transform: scale(1);
transition: all 1s ease-in-out;
}
.featured-videos-mod .project-item.video-item .item-inner .video-container{
padding-bottom: 50%; }
.featured-videos-mod .project-item.video-item{
margin-top: 0;
}
.featured-videos-mod .project-item.image-item .item-inner .item-inner-inner{
margin-bottom: 5vh
}
.featured-videos-mod .slick-current .project-item.video-item .item-inner{
transform: scale(1.01);
}
.featured-videos-mod .project-text{
position: absolute;
left: 5vw;
bottom: 10vh;
margin: 0;
text-align: left;
}
.featured-videos-mod .project-text .text span{
white-space: nowrap;
display: inline-block;
margin: 0 .5em 0 0 !important;
vertical-align: baseline;
}
.featured-videos-mod .project-text .text a{
color: #fff;
}
.featured-videos-mod .project-item.video-item-2 .project-text, .featured-videos-mod .project-item.video-item-4 .project-text{
left: auto;
right: 5vw;
bottom: 10vh;
text-align: right;
}
.featured-videos-mod .project-item.video-item-2 .project-text .text, .featured-videos-mod .project-item.video-item-4 .project-text .text{
display: inline-block;
text-align: left;
}
.featured-videos-mod .project-item.video-item-2 .project-text .text span, .featured-videos-mod .project-item.video-item-4 .project-text .text span{
display: block;
}
.featured-videos-mod .project-item.video-item-3 .project-text{
left: auto;
right: 3vw;
bottom: 43vh;
text-align: right;
}
.featured-videos-mod .project-item.video-item .item-inner .video-container{
position: relative;
flex-wrap: wrap;
height: 0;
width: 100%;
}
.featured-videos-mod .project-item.video-item .item-inner .video-container video{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.featured-videos-mod .project-item .video-js{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.project-item .vjs-tech{
position: absolute;
min-width: 100%; 
min-height: 100%; 
width: auto; 
height: auto;
overflow: hidden;
}
.featured-videos-mod .project-item.image-item .image-gallery{
display: table;
width: 100%;
}
.featured-videos-mod .project-item.image-item .image{
display: table-cell !important;
width: 25%;
vertical-align: middle;
margin: 0;
}
.featured-videos-mod .project-item.image-item .image img{
width: 100%;
height: auto; transform: scale(1);
transition: all 1s ease-in-out;
}
.featured-videos-mod .slick-current .project-item.image-item .image img{ transform: scale(1.05);
}
.featured-videos-mod .slick-current .project-item.image-item .image:nth-of-type(1){
position: relative;
width: 23%;
z-index: 10;
}
.featured-videos-mod .slick-current .project-item.image-item .image:nth-of-type(2){
width: 27%;
}
.featured-videos-mod .slick-current .project-item.image-item .image:nth-of-type(3){
width: 30%;
position: relative;
z-index: 10;
}
.featured-videos-mod .slick-current .project-item.image-item .image:nth-of-type(4){
width: 20%;
position: relative;
z-index: 10;
}
.featured-videos-mod .project-item.image-item .image:nth-of-type(1) img{
transition-delay: .1s;
}
.featured-videos-mod .project-item.image-item .image:nth-of-type(2) img{
transition-delay: .4s;
}
.featured-videos-mod .project-item.image-item .image:nth-of-type(3) img{
transition-delay: .7s;
}
.featured-videos-mod .project-item.image-item .image:nth-of-type(4) img{
transition-delay: 1s;
}
.featured-videos-mod .project-item.image-item .text a{
color: #000;
}
.featured-videos-mod .project-item.image-item .project-text{
left: 5vw;
bottom: 1vh;
right: 5vw;
margin: 0;
text-align: center;
}
.featured-videos-mod .slick-dots{
position: fixed;
left: 7.5%;
right: auto;
bottom: 3vh;
}
.featured-videos-mod .slick-dots li{
display: inline-block;
margin-right: .3vw;
}
.featured-videos-mod .slick-dots li button:before{
background-color: #ccc;
height: 1px;
width: 2.5vw;
}
.featured-videos-mod .slick-dots li button{
width: auto;
}
.featured-videos-mod .slick-dots li.slick-active button:before{
height: 2px;
width: 2.5vw;
}
.scroll-label{
display: block;
position: fixed;
bottom: 3em;
right: 2.6vw;
}
.scroll-label .inner{
position: relative;
font-size: 11px;
transform: rotate(270deg);
padding-left: 6em;
text-transform: uppercase;
letter-spacing: .3em;
}
.scroll-label .inner:after{
content: "";
position: absolute;
left: 0;
top: .6em;
display: block;
width: 4.5em;
height: 1px;
background-color: #000;
} .page-template-page-about .logo-container{
top: -1em;
margin: 0;
}
.page-template-page-about .logo-container a:before{
content: "\e923";
font-family: blossom;
font-size: 3.6em;
display: block;
}
.page-template-page-about .logo-container a span{
display: none;
}
.about-mod{
margin: 0;
}
.contact-mod .wrapper{
max-width: none;
margin: 0 5em;
width: auto;
}
.contact-mod .service-producers{
white-space: nowrap;
float: left;
text-align: left;
margin-bottom: 0;
}
.contact-mod .offices{
white-space: nowrap;
float: right;
text-align: left;
} .single-project #header{
display: none;		
}
.single-project .single-header{
left: auto;
right: 2vw;
width: 10em;
text-align: right;
margin: 2.3em 1.1em .5em;
}
.single-project #main{
margin-top: 0;
padding-top: 0;
width: 100vw;
height: 100vh;
overflow: hidden;
}
.project-gallery{
width: 72vw;
height: 90vh;
margin-top: 0;
}
.project-gallery .project-slider{
width: 100%;
height: 100% !important;
margin: 0;
}
.project-gallery .project-slider .project-item{
width: 100%;
height: 82vh;
}
.hide-info .project-slider .project-item .vimeo-container-inner{
padding-bottom: 99vh;
}
.project-slider .project-item img{
max-width:100%;
max-height:100%;
width: auto;
height: auto;
}
.project-slider .slick-dots{
background: #fff;
position: absolute;
top: 100vh;
left: 0;
display: block !important;
padding-top: 6em;
margin-top: 0;
transition: top .5s;
z-index: 5000;
}
.overview-title{
position: absolute !important;
top: 84vh;
left: 0;
transition: top .5s;
cursor: pointer;
margin-left: 3.5vw;
z-index: 6000;
}
.project-slider.show-overview .slick-dots{
position: absolute;
top: 0;
left: 0;
display: block !important;
width: 72vw;
height: 100vw;
}
.show-overview .overview-title{
top: 1.8em;
left: 0;
}
.project-slider .slick-dots li{
height: 10vw;
margin-right: .3vw;
margin-bottom: .9vw;
}
.project-info{
position: absolute;
right: 0;
top: 0;
padding-top: 0;
bottom: 0;
width: 25vw;
margin: 0;
}
.hide-info .project-info{
right: -100%;
}
.hide-info .project-gallery{
width: 100vw;
height: 100vh;
}
.hide-info .project-container #pager{
display: block;
position: absolute;
right: 7em;
bottom: 3.1vh;
}
.hide-info .project-gallery .project-slider .project-item{
height: 100vh;
}
.hide-info .overview-title, .hide-info .next-project, .hide-info .prev-project{
display: none !important;
}
.project-info .logo{
display: block;
margin: 1.8em 0 1em;
}
.project-info .logo span{
font-size: 46px;
}
.project-info .col{
display: inline-block;		
margin: 0 2em 2em 0;
font-size: 13px; font-size: 1.3rem;
}
.project-info .col:nth-of-type(2){
position: absolute;
left: 18em;
opacity: 0;
}
.project-info .col:nth-of-type(3){
position: absolute;
left: 24em;
opacity: 0;
}
.project-info .col li{
float: none;
width: 15em;
margin-left: 0;
margin-top: .8em;
}
.project-info .more-credits{
display: none;
margin-top: 0;
}
.show-more-credits .project-info .col:nth-of-type(2){
opacity: 1;
}
.project-container{
position: relative;
left: 0;
transition: left .5s;
}
.show-more-credits .project-container{
left: -15vw;
}
.project-footer{
position: absolute;
top: 84vh;
width: 30vw;
margin: 0;
}
.project-footer .footer-links .share li a{
font-size: 12px; font-size: 1.2rem;
}
.project-footer .category{
margin: 0;
float: left;
margin-right: 2em;
font-size: 16px; font-size: 1.6rem;
}
.project-footer .footer-links .share{
float: none;
width: auto;
} .single-project .back-link-container, .single-project .nav-posts{
opacity: 1;
transition: visibility 0.1s ease-out 0s, opacity 0.1s ease-out 0s;
visibility: visible;
}
.single-project .hide-controls .back-link-container, .single-project .hide-controls .nav-posts{
opacity: 0;
visibility: visible;
transition: visibility 1s ease-out .5s, opacity 1s ease-out .5s;
} .single-project .back-link-container{
position: fixed;
z-index: 10;
width: 100%;
z-index: 20;
}
.single-project .video-player{
position: relative;
}
.single-project .nav-posts{
position: fixed;
z-index: 20;
margin: 1em;
top: 82vh;
bottom: auto;
} .single-project .prev-post{
left: 1%;
}
.single-project .next-post{
right: 1%;
}
.single-project .video-container{
position: relative;
margin-right: 0;
margin-left: 0;
z-index: 10;
}
.video-js .vjs-control-bar {
position: fixed;
top: 88.5vh;
bottom: auto;
width: 30%;
left: 35%;
}
.video-js .vjs-progress-holder{
height: 7px;
}
.single-project .video-player .vimeo-container{
height: 100%;
}
.single-project #footer{
margin-top: 7em;
}
}
@media only screen and (min-width:1140px) { .wrapper-logo{
width:95%;
} .featured-videos-mod .project-item.video-item .item-inner{
margin-left: 5.5%;
}
.featured-videos-mod .slick-dots{
left: 5.5%;
}  .video-js .vjs-control-bar {
top: 87.5vh;
}
.project-footer, .overview-title{
top: 92vh;
}
.project-gallery .project-slider .project-item{
height: 88vh;
}
}
@media only screen and (min-width:1280px) { .logo-container{
width: 40vw;
} .project-footer .footer-links .download-link{
font-size: 2em;
}
.project-footer .footer-links .share .share-link{
font-size: 1.6em;
}
.video-js .vjs-control-bar {
top: 88.6vh;
}
}
@media only screen and (min-width:1600px) {
.logo-container .logo{
font-size: 2.4em;
}
.logo-container .tagline{
padding-left: 3.4em;
font-size: 13px; font-size: 1.3rem;
}
.logo-container .tagline:before{
left: 1.7em;
}
.header-inner{
margin-bottom: 1.8em;
margin-top: 5vh;
}
.grid-project-mod .zooms {
top: 3.5em;
}
#header .nav li a{
font-size: 18px; font-size: 1.8rem;
}
.featured-videos-mod .project-item.image-item .project-text{
bottom: 2vh;
} .project-info .col{
font-size: 14px; font-size: 1.4rem;
}
.single-header a{
font-size: 1.8em;
}
.single-header a.back-link{
font-size: 1.8em;
}
.project-info .col li{
margin-top: 1.1em;
}
.project-info .logo{
margin-bottom: 4vh;
}
.project-info .logo span {
font-size: 48px;
}
.project-footer{
top: 75.5vh;
}
.project-footer .category{
float: none;
margin-bottom: 2em;
}
.project-slider .slick-dots li{
height: 25vh;
margin-left: 1em;
}
.project-footer .footer-links .share ul{
top: .4em;
left: 2em;
} .video-js .vjs-control-bar {
top: 86.6vh;
} .about-mod{
margin: 0 0 6vw;
}
.contact-mod{
margin-bottom: 5em;
}
}
@media only screen and (min-width:1900px) {
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi) {
}  }
*/ ::selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
::-webkit-selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
::-moz-selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
} .alignnone {
margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display:block;
margin:5px auto 5px auto;
}
.alignright {
float:right;
margin:5px 0 20px 20px;
}
.alignleft {
float:left;
margin:5px 20px 20px 0;
}
a img.alignright {
float:right;
margin:5px 0 20px 20px;
}
a img.alignnone {
margin:5px 20px 20px 0;
}
a img.alignleft {
float:left;
margin:5px 20px 20px 0;
}
a img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}
.wp-caption {
background:#FFF;
border:1px solid #F0F0F0;
max-width:96%;
padding:5px 3px 10px;
text-align:center;
}
.wp-caption.alignnone {
margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
margin:5px 20px 20px 0;
}
.wp-caption.alignright {
margin:5px 0 20px 20px;
}
.wp-caption img {
border:0 none;
height:auto;
margin:0;
max-width:98.5%;
padding:0;
width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}
.sticky {
}
.bypostauthor {
} @media print {
* {
background:transparent !important;
color:#000 !important;
box-shadow:none !important;
text-shadow:none !important;
}
a,
a:visited {
text-decoration:underline;
}
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;
}
img {
max-width:100% !important;
}
@page {
margin:0.5cm;
}
p,
h2,
h3 {
orphans:3;
widows:3;
}
h2,
h3 {
page-break-after:avoid;
}
}