@media (max-width:767px){.flo-block--7412{margin-top:0rem;margin-bottom:0rem}}@media (min-width:768px){.flo-block--7412{margin-top:0rem;margin-bottom:0rem}}

@media (max-width:767px){.flo-block--9556{margin-top:0rem;margin-bottom:0rem}}@media (min-width:768px){.flo-block--9556{margin-top:0rem;margin-bottom:0rem}}

.flo-block-item-title-2--889 .flo-block-item-title-2__title{font-family:'Adamina', serif, 'google';font-size:0.75rem;letter-spacing:0.05em;word-spacing:0.14em;line-height:1.485em;text-transform:none;font-weight:normal}@media screen and (max-width:767px){.flo-block-item-title-2--889 .flo-block-item-title-2__title{font-size:0.75rem;line-height:1.485em}}.flo-block-item-title-2--889 .flo-block-item-title-2__date{font-family:'Adamina', serif, 'google';font-size:0.875rem;letter-spacing:0.05em;word-spacing:0.14em;line-height:2em;text-transform:none;font-weight:normal}@media screen and (max-width:767px){.flo-block-item-title-2--889 .flo-block-item-title-2__date{font-size:0.875rem;line-height:2em}}.flo-block-item-title-2--889 .flo-block-item-title-2__image-overlay{background-color:rgba(0,0,0,0.2)}.flo-block-item-title-2--889{border-color:#FFFFFF}.flo-block-item-title-2--889 .flo-block-item-title-2__featured-image{background-position:50% 50%}@media (max-width:767px){.flo-block-item-title-2--889 .flo-block-item-title-2__featured-image{height:14.5625rem}}@media (min-width:768px){.flo-block-item-title-2--889:not(.flo-block-item-title-2--no-image) .flo-block-item-title-2__featured-image{height:35rem}.flo-block-item-title-2--889:not(.flo-block-item-title-2--no-image) .flo-block-item-title-2__featured-image .flo-video-embed__enable-js .flo-video-embed__screen{padding-bottom:56.25%}}

06/12/2018

Feature Documentary

@media (max-width:767px){.flo-block--5310{margin-top:0rem;margin-bottom:0rem}}@media (min-width:768px){.flo-block--5310{margin-top:0rem;margin-bottom:-3.125rem}}

.flo-block-project-details-2--476 .flo-block-project-details-2__project-detail-title{font-family:'Adamina', serif, 'google';font-size:0.875rem;letter-spacing:0.05em;word-spacing:0.14em;line-height:2em;text-transform:none;font-weight:normal}@media screen and (max-width:767px){.flo-block-project-details-2--476 .flo-block-project-details-2__project-detail-title{font-size:0.875rem;line-height:2em}}.flo-block-project-details-2--476 .flo-block-project-details-2__project-detail-subtitle{font-family:'Amiri', serif, 'google';font-size:0.6875rem;letter-spacing:0.05em;word-spacing:0.14em;line-height:2.4em;text-transform:none;font-weight:normal}@media screen and (max-width:767px){.flo-block-project-details-2--476 .flo-block-project-details-2__project-detail-subtitle{font-size:0.6875rem;line-height:2.4em}}.flo-block-project-details-2--476.flo-block-project-details-2{color:#FFFFFF;background-color:#252525}

DIRECTOR

Lorem Ipsum

DIRECTOR

Lorem Ipsum

DIRECTOR

Lorem Ipsum

DIRECTOR

Lorem Ipsum

.flo-block-text-block-2--963 .flo-block-text-block-2__text-content{font-family:'Adamina', serif, 'google';font-size:0.625rem;letter-spacing:0.05em;word-spacing:0.14em;line-height:1.75em;text-transform:none;font-weight:normal}@media screen and (max-width:767px){.flo-block-text-block-2--963 .flo-block-text-block-2__text-content{font-size:0.625rem;line-height:1.75em}}.flo-block-text-block-2--963{color:#ffffff}

@media (max-width:767px){.flo-block--1792{margin-top:0rem;margin-bottom:0rem}}@media (min-width:768px){.flo-block--1792{margin-top:-2.5rem;margin-bottom:-1.25rem}}

An example of custom created gallery that uses the slider view. We used Item Title 2 and uploaded self hosted video to it. You can activate auto-play mode and the video will start playing as soon as the page is loaded. Then we added a project details block, text block, title block and then used slider for the images. It’s followed by another text block (used for the quote) and Intro Block as a navigation. This is an example of how flexible your galleries can be and how many different blocks you can insert to make it differ.

.flo-block-text-block-1--942 .flo-block-text-block-1__title{font-family:'Adamina', serif, 'google';font-size:1rem;letter-spacing:0.05em;word-spacing:0.14em;line-height:1.64em;text-transform:none;font-weight:normal}@media screen and (max-width:767px){.flo-block-text-block-1--942 .flo-block-text-block-1__title{font-size:1rem;line-height:1.14em}}.flo-block-text-block-1--942 .flo-block-text-block-1__subtitle{font-family:'Amiri', serif, 'google';font-size:0.6875rem;letter-spacing:0.05em;word-spacing:0.14em;line-height:2.4em;text-transform:none;font-weight:normal}@media screen and (max-width:767px){.flo-block-text-block-1--942 .flo-block-text-block-1__subtitle{font-size:0.6875rem;line-height:2.4em}}.flo-block-text-block-1--942{color:#ffffff}

@media (max-width:767px){.flo-block--3763{margin-top:0rem;margin-bottom:0rem}}@media (min-width:768px){.flo-block--3763{margin-top:0rem;margin-bottom:-1.25rem}}

Behind the Scenes images

@media (max-width:767px){.flo-block--107{margin-top:0rem;margin-bottom:0rem}}@media (min-width:768px){.flo-block--107{margin-top:0rem;margin-bottom:0rem}}

.flo-block-gallery-view-1--415 .flo-block-gallery-view-1__image-title{font-family:'Adamina', serif, 'google';font-size:0.6875rem;letter-spacing:0.05em;word-spacing:0.14em;line-height:1.47em;text-transform:none;font-weight:normal}@media screen and (max-width:767px){.flo-block-gallery-view-1--415 .flo-block-gallery-view-1__image-title{font-size:0.6875rem;line-height:1.54em}}.flo-block-gallery-view-1--415 .flo-block-gallery-view-1__navigation-wrap{font-family:'Adamina', serif, 'google';font-size:0.875rem;letter-spacing:0.05em;word-spacing:0.14em;line-height:2em;text-transform:none;font-weight:normal}@media screen and (max-width:767px){.flo-block-gallery-view-1--415 .flo-block-gallery-view-1__navigation-wrap{font-size:0.875rem;line-height:2em}}.flo-block-gallery-view-1--415 .flo-block-gallery-view-1__image-wrap{color:#FFFFFF}.flo-block-gallery-view-1--415 .flo-block-gallery-view-1__navigation-wrap{color:#ffffff}.flo-block-gallery-view-1--415 .flo-block-gallery-view-1__image-overlay{background-color:rgba(0,0,0,0.2)}@media (max-width:767px){.flo-block-gallery-view-1--415 .flo-block-gallery-view-1__image{max-height:12.5rem}}@media (min-width:768px){.flo-block-gallery-view-1--415 .flo-block-gallery-view-1__image{max-height:25rem}}

.flo-block-text-block-2--495 .flo-block-text-block-2__text-content{font-family:EBGaramond Italic;font-size:1.25rem;letter-spacing:0em;word-spacing:0em;line-height:1.4em;text-transform:none;font-weight:normal}.flo-block-text-block-2--495{color:#ffffff}

@media (max-width:767px){.flo-block--4442{margin-top:0rem;margin-bottom:0rem}}@media (min-width:768px){.flo-block--4442{margin-top:0rem;margin-bottom:0rem}}

“Develop success from failures. Discouragement and failure are two of the surest stepping stones to success.” — Dale Carnegie

@media (max-width:767px){.flo-block--3248{margin-top:0rem;margin-bottom:0rem}}@media (min-width:768px){.flo-block--3248{margin-top:0rem;margin-bottom:0rem}}

.flo-block-intro-block--525 .flo-block-intro-block__title{font-family:'Adamina', serif, 'google';font-size:0.75rem;letter-spacing:0.05em;word-spacing:0.14em;line-height:1.485em;text-transform:none;font-weight:normal}@media screen and (max-width:767px){.flo-block-intro-block--525 .flo-block-intro-block__title{font-size:0.75rem;line-height:1.485em}}.flo-block-intro-block--525 .flo-block-intro-block__subtitle{font-family:'Amiri', serif, 'google';font-size:0.6875rem;letter-spacing:0.05em;word-spacing:0.14em;line-height:2.4em;text-transform:none;font-weight:normal}@media screen and (max-width:767px){.flo-block-intro-block--525 .flo-block-intro-block__subtitle{font-size:0.6875rem;line-height:2.4em}}.flo-block-intro-block--525 .flo-block-intro-block__link{font-family:Montserrat Bold;font-size:0.875rem;letter-spacing:0.13em;word-spacing:0em;line-height:2em;text-transform:none;font-weight:normal}@media screen and (max-width:767px){.flo-block-intro-block--525 .flo-block-intro-block__link{font-size:0.75rem;line-height:2em}}.flo-block-intro-block--525.flo-block-intro-block{color:#FFFFFF}.flo-block-intro-block--525 .flo-block-intro-block__image-overlay{background-color:rgba(0,0,0,0.6)}@media (max-width:767px){.flo-block-intro-block--525 .flo-block-intro-block__image-area{height:21.875rem}.flo-block-intro-block--525.flo-block-intro-block{color:#FFFFFF}}@media (min-width:768px){.flo-block-intro-block--525 .flo-block-intro-block__image-area{height:18.75rem}}

2018 FAVORITIES

gallery

View Next