@charset 'UTF-8';
@charset "UTF-8";
@media (max-width:768px) {
#experience-header {
height: 340px
}
#experience-header #experience-header-text {
width: 300px;
height: 236px;
margin-left: -150px;
padding-top: 20px
}
#experience-header #experience-header-text-sub {
width: 300px;
margin-left: -150px;
margin-top: 270px
}
}
#experience-nav {
width: 100%;
height: 50px;
background-color: #fff
}
#experience-nav #experience-nav-inner {
position: absolute;
left: 50%;
margin-left: -295px;
width: 890px;
height: inherit
}
#experience-nav #experience-nav-inner a {
display: inline-block;
float: left;
height: inherit;
border-left: 1px solid #dadcdc;
border-right: 1px solid #dadcdc
}
#experience-nav #experience-nav-inner a .experience-nav-icon {
width: 111px;
height: 22px;
background-position: 111px 0px;
background-size: 221px 22px;
margin: 10px 0px 0px 50px
}
#experience-nav #experience-nav-inner a.active, #experience-nav #experience-nav-inner a:hover {
background-color: #d7df2b;
border: none
}
#experience-nav #experience-nav-inner a.active .experience-nav-icon, #experience-nav #experience-nav-inner a:hover .experience-nav-icon {
background-position: 0px 0px
}
#experience-nav #experience-nav-inner a#experience-nav-health {
width: 225px
}
#experience-nav #experience-nav-inner a#experience-nav-health .experience-nav-icon {
background-image: url(//hmadvertising.com/wp-content/themes/flora/img/experience-nav-health.png)
}
#experience-nav #experience-nav-inner a#experience-nav-fuel {
width: 182px
}
#experience-nav #experience-nav-inner a#experience-nav-fuel .experience-nav-icon {
background-image: url(//hmadvertising.com/wp-content/themes/flora/img/experience-nav-fuel.png)
}
#experience-nav #experience-nav-inner a#experience-nav-play {
width: 182px
}
#experience-nav #experience-nav-inner a#experience-nav-play .experience-nav-icon {
background-image: url(//hmadvertising.com/wp-content/themes/flora/img/experience-nav-play.png)
}
@media (max-width:768px) {
#experience-nav {
height: 34px
}
#experience-nav #experience-nav-inner a#experience-nav-future, #experience-nav #experience-nav-inner a#experience-nav-health {
width:100% !important; height: 35px ;}
#experience-nav #experience-nav-inner {
margin-left: -150px;
width: 300px
}
#experience-nav #experience-nav-inner a .experience-nav-icon {
width: 55px;
height: 11px;
background-position: 56px 0px;
background-size: 112px 11px;
margin: 8px 0px 0px 25px
}
#experience-nav #experience-nav-inner a#experience-nav-health {
width: 120px
}
#experience-nav #experience-nav-inner a#experience-nav-fuel {
width: 90px
}
#experience-nav #experience-nav-inner a#experience-nav-play {
width: 90px
}
}
#experience-wrapper {
width: 100%;
overflow: hidden;
position: relative;
}
.experience-column {
position: relative;
width: 100%
}
.experience-column .experience-description {
width: 100%;
min-height: 80px;
padding-top: 35px;
padding-bottom: 20px;
background-color: #e9ebee;
margin-bottom: 0.5%
}
.experience-column .experience-description .experience-description-inner {
width: 590px;
margin: 0px auto 10px auto;
text-align: center;
color: #727373
}
.experience-column .experience-description .experience-description-arrow {
background-image: url(//hmadvertising.com/wp-content/themes/flora/img/down-arrow-grey.html);
width: 20px;
height: 11px;
background-size: 20px 11px;
margin: 0px auto 0px auto
}
.experience-column .tile:hover {
background-color: #d7df2b
}
.experience-column .experience-other {
margin-top: 30px;
height: 350px;
width: 100%
}
.experience-column .experience-other .experience-other-header {
width: 100%;
height: 130px
}
.experience-column .experience-other .experience-other-header .experience-other-header-bar {
position: relative;
width: 100%;
height: 2px;
background-color: #d7df2b;
top: 30px
}
.experience-column .experience-other .experience-other-header .experience-other-header-img {
background-image: url(//hmadvertising.com/wp-content/themes/flora/img/experience-other-header.jpg);
width: 300px;
height: 63px;
position: absolute;
left: 50%;
margin-left: -150px
}
.experience-column .experience-other .experience-other-content {
width: 475px;
margin: 0px auto 0px auto
}
.experience-column .experience-other .experience-other-content .experience-other-content-column {
width: 50%;
float: left
}
.experience-column .experience-other .experience-other-content .experience-other-content-column .experience-other-sentence {
margin-bottom: 10px;
padding-bottom: 10px
}
.experience-column .experience-other .experience-other-content .experience-other-content-column .experience-other-sentence .experience-other-sentence-bar {
width: 27px;
height: 2px;
background-color: #d7df2b;
margin-top: 5px
}
.experience-column .experience-other .experience-other-content .experience-other-content-column:first-child .experience-other-sentence {
padding-right: 10px
}
@media (max-width:768px) {
.experience-column .experience-other .experience-other-content .experience-other-content-column {
width: 100%
}
}
#experience-column-health {
margin-left: 0
}
#experience-column-fuel {
margin-left: 100%
}
#experience-column-play {
margin-left: 200%
}
@media (max-width:768px) {
#experience-wrapper {
min-height: 1020px
}
.experience-column .experience-description {
min-height: 80px;
padding-top: 25px;
padding-bottom: 20px
}
.experience-column .experience-description .experience-description-inner {
width: 300px
}
.experience-column .experience-other {
height: 350px
}
}
#project-2355 {
display: block;
background-color: inherit
}
@media (min-width:768px) {
#project-2355 {
margin-left: 17.17%;
margin-right: 17.17%;
background-color: inherit
}
}
@media (min-width:480px) {
#project-2355 {
margin-bottom: 20px !important
}
}
.work #project-2355 {
display: none
}
#services-text {
position: absolute
}
#services-text p {
margin: 0px
}
.about-featured-image .mobile {
display: none
}
@media (max-width:480px) {
.about-featured-image .mobile {
display: block
}
.about-featured-image .desktop {
display: none
}
}
#about-services-image.test {
display: inherit
}
#about-services-image {
display: inherit
}
#about-services-image-wrap {
display: none
}
.single-project .column {
min-height: 200px
}
.container .tile.press img.press-logo {
margin-left: 15px;
width: 60%
}
.container .tile.press h3 {
font-size: 18px
}
@media (min-width:786px) {
.container .tile.press h3 .project-title {
display: block!important
}
}
.cactus .about-links {
display: block!important;
right: 0px;
margin-right: 20px;
bottom: 10px;
position: absolute;
z-index: 1000;
text-transform: uppercase;
font-weight: bold;
font-size: 18px
}
.cactus .about-links img {
width: 10px;
margin-left: 10px;
margin-top: 4px
}
.cactus .about-links #about-link-our-services:hover {
color: #ffffff
}
.cactus .about-links #about-link-who-we-are {
display: none
}
@media (min-width:480px) {
.cactus .about-links {
bottom: 0px
}
}
#contact .column-66 {
line-height: 0;
overflow: hidden
}
@media (max-width:768px) {
#contact .column-66 {
display: none
}
}
#contact img {
max-width: inherit;
height: auto
}
#people .person {
position: relative;
overflow: hidden
}
#people .person .image {
line-height: 0
}
#people .person .image .person-arrows {
position: absolute;
display: none
}
#people .person .description {
position: absolute;
display: none
}
#people .person .description .heading-group {
height: 100%
}
#people .person .description .heading-group a {
height: 100%;
display: block
}
#people .person .description .heading-group a .heading-group-wrap {
position: absolute;
bottom: 0px
}
#people .person .description .the-content {
display: none
}
#people .person .description-mobile {
display: none
}
.person.tile .description {
background-image: url(//hmadvertising.com/wp-content/themes/flora/img/overlay-tile.png);
width: 100%;
height: 100%;
z-index: 2
}
.person.tile .description .content {
width: 100%;
height: 100%
}
@media (max-width:786px) {
#people .description {
display: block!important
}
}
#featured-person {
overflow: hidden;
margin-bottom: 1%
}
#featured-person .image {
line-height: 0;
overflow: hidden
}
#featured-person .image .person-arrows {
display: block!important;
margin-top: -25px;
z-index: 5;
width: inherit
}
#featured-person .image .person-arrows .person-arrow {
display: block;
width: 15px;
height: 20px
}
#featured-person .image .person-arrows .person-arrow-left {
background-image: url(//hmadvertising.com/wp-content/themes/flora/img/mobile-arrow-left.png);
background-size: 15px 20px;
float: left;
margin-left: 5px
}
#featured-person .image .person-arrows .person-arrow-right {
background-image: url(//hmadvertising.com/wp-content/themes/flora/img/mobile-arrow-right.png);
background-size: 15px 20px;
float: right;
margin-right: 5px
}
#featured-person .description {
background: #282829;
overflow: auto;
right: 0px
}
#featured-person .description .heading-group-wrap {
position: relative!important;
bottom: auto
}
#featured-person .description .the-content {
display: block!important
}
#featured-person .description-mobile {
display: none
}
@media (max-width:786px) {
#featured-person .image .person-arrows {
margin-top: 10px
}
#featured-person .description {
display: none!important
}
#featured-person .description-mobile {
display: block!important
}
#featured-person .description-mobile .heading-group {
padding-top: 20px
}
}
p#contact-social-icons {
display: block;
height: 35px
}
p#contact-social-icons img {
height: 35px;
width: 35px
}
a.social-icon {
display: block;
float: left;
padding-right: 14px
}
@media (max-width:768px) {
.pressroom .press h3 {
display: none
}
}
.single-seopage .column, .single-person .column, .single-experience .column {
background-color: transparent
}
.single-seopage .column-33 .row .content.secondary, .single-person .column-33 .row .content.secondary, .single-experience .column-33 .row .content.secondary {
margin-top: 1em
}
.single-seopage .row .row .row, .single-person .row .row .row, .single-experience .row .row .row {
margin-top: 1em
}
.single-seopage .row .row .row .content, .single-person .row .row .row .content, .single-experience .row .row .row .content {
background-color: #282829
}
.single-seopage .seopage-content, .single-person .seopage-content, .single-experience .seopage-content {
padding: 1.5em;
line-height: normal;
background-color: #282829
}
.single-seopage time, .single-person time, .single-experience time {
display: none
}
.single-seopage .author, .single-person .author, .single-experience .author {
display: none
}
.search-results .main {
background-color: #282829;
margin: 0px 1% 0px 1%;
padding: 1.5em
}
.search-results .main .page-header h1 {
color: #fff;
margin-bottom: 20px
}
.search-results .main article {
margin-top: 25px
}
.search-results .main article time {
display: none
}
.search-results .main article .author {
display: none
}
.cycle-slideshow {
max-height: 40%;
overflow: hidden;
opacity: 0
}
.cycle-slideshow .slide img {
z-index: 2
}
.cycle-slideshow .slide img.mobile {
display: none
}
@media (max-width:750px) {
.cycle-slideshow .slide img {
display: none
}
.cycle-slideshow .slide img.mobile {
display: block
}
}
.cycle-slideshow .slide .video-js {
position: relative;
vertical-align: middle
}
.cycle-slideshow .slide .video-js:focus {
outline: none
}
.cycle-slideshow-wrapper {
width: 100%;
padding: 0px 0.5% 0px 0.5%
}
.cycle-slideshow, .cycle-slideshow * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.cycle-slideshow {
width: 100%;
margin: 0 auto 1em auto;
padding: 0px;
position: relative
}
.cycle-slide {
overflow: hidden
}
.cycle-slideshow .video-js, .cycle-slideshow img, .cycle-slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
padding: 0;
display: block;
height: auto
}
.video-embed {
overflow: hidden;
display: none
}
.video-controls {
position: absolute;
z-index: 1000;
width: 484px;
height: 46px;
background-color: #2d2d2f;
left: 50%;
margin-left: -242px;
display: none
}
.cycle-slideshow .video-js {
position: relative
}
.cycle-slideshow li:not(.cycle-slide) img:first-child {
position: static;
z-index: 100
}
.cycle-pager {
text-align: center;
width: 100%;
overflow: hidden
}
.cycle-pager span {
font-family: arial;
font-size: 50px;
width: 16px;
height: 16px;
display: inline-block;
color: #fff;
cursor: pointer
}
.cycle-pager span:hover, .cycle-pager span.cycle-pager-active {
color: #d7df2b;
-webkit-transition: color 1s;
transition: color 1s
}
.cycle-pager>* {
cursor: pointer
}
.cycle-caption {
position: absolute;
color: white;
bottom: 15px;
right: 15px;
z-index: 700
}
.cycle-overlay {
font-family: tahoma, arial;
position: absolute;
bottom: 0;
width: 100%;
z-index: 600;
background: black;
color: white;
padding: 15px;
opacity: .5
}
.cycle-prev, .cycle-next {
position: absolute;
top: 0px;
z-index: 800;
width: 25%;
height: 100%;
padding: 10px;
cursor: pointer;
-webkit-transition: opacity .2s;
transition: opacity .2s
}
.cycle-prev {
left: 2%;
background: url(//hmadvertising.com/wp-content/themes/flora/img/button-previous.png) 50% 50% no-repeat;
background-position: center left
}
.cycle-next {
right: 2%;
background: url(//hmadvertising.com/wp-content/themes/flora/img/button-next.png) 50% 50% no-repeat;
background-position: center right
}
.cycle-prev:hover, .cycle-next:hover {
opacity: .8;
filter: alpha(opacity=80)
}
.disabled {
opacity: 0;
filter: alpha(opacity=0)
}
.cycle-paused:after {
content: 'Paused';
color: white;
background: black;
padding: 10px;
z-index: 500;
position: absolute;
top: 10px;
right: 10px;
border-radius: 10px;
opacity: .5;
filter: alpha(opacity=50)
} .vjs-default-skin {
color: #cccccc
}
@font-face {
font-family: 'VideoJS';
src: url(//hmadvertising.com/wp-content/themes/flora/fonts/video-js/vjs.eot);
src: url(//hmadvertising.com/wp-content/themes/flora/fonts/video-js/vjsd41d.eot?#iefix) format('embedded-opentype'), url(//hmadvertising.com/wp-content/themes/flora/fonts/video-js/vjs.html) format('woff'), url(//hmadvertising.com/wp-content/themes/flora/fonts/video-js/vjs-2.html) format('truetype');
font-weight: normal;
font-style: normal
}
.vjs-default-skin .vjs-slider {
outline: 0;
position: relative;
cursor: pointer;
padding: 0;
background-color: #333333;
background-color: rgba(51,51,51,0.9)
}
.vjs-default-skin .vjs-slider:focus {
-webkit-box-shadow: 0 0 2em #ffffff;
-moz-box-shadow: 0 0 2em #ffffff;
box-shadow: 0 0 2em #ffffff
}
.vjs-default-skin .vjs-slider-handle {
position: absolute;
left: 0;
top: 0
}
.vjs-default-skin .vjs-slider-handle:before {
content: "\e009";
font-family: VideoJS;
font-size: 1em;
line-height: 1;
text-align: center;
text-shadow: 0em 0em 1em #fff;
position: absolute;
top: 0;
left: 0;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.vjs-default-skin .vjs-control-bar {
display: none;
position: absolute;
bottom: 20px;
width: 480px;
margin: 0 auto;
left: 0;
right: 0;
height: 3.0em;
background-color: #07141e;
background-color: rgba(7,20,30,0.7)
}
.vjs-default-skin.vjs-has-started .vjs-control-bar {
display: block;
visibility: visible;
opacity: 1;
-webkit-transition: visibility 0.1s, opacity 0.1s;
-moz-transition: visibility 0.1s, opacity 0.1s;
-o-transition: visibility 0.1s, opacity 0.1s;
transition: visibility 0.1s, opacity 0.1s
}
.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
display: block;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 1s, opacity 1s;
-moz-transition: visibility 1s, opacity 1s;
-o-transition: visibility 1s, opacity 1s;
transition: visibility 1s, opacity 1s
}
.vjs-default-skin.vjs-controls-disabled .vjs-control-bar {
display: none
}
.vjs-default-skin.vjs-using-native-controls .vjs-control-bar {
display: none
}
.vjs-default-skin .vjs-control {
outline: none;
position: relative;
float: left;
text-align: center;
margin: 0;
padding: 0;
height: 3.0em;
width: 4em
}
.vjs-default-skin .vjs-control:before {
font-family: VideoJS;
font-size: 1.5em;
line-height: 2;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
text-shadow: 1px 1px 1px rgba(0,0,0,0.5)
}
.vjs-default-skin .vjs-control:focus:before, .vjs-default-skin .vjs-control:hover:before {
text-shadow: 0em 0em 1em #ffffff
}
.vjs-default-skin .vjs-control-text {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.vjs-default-skin .vjs-play-control {
width: 5em;
cursor: pointer
}
.vjs-default-skin .vjs-play-control:before {
content: "\e001"
}
.vjs-default-skin.vjs-playing .vjs-play-control:before {
content: "\e002"
}
.vjs-default-skin .vjs-mute-control, .vjs-default-skin .vjs-volume-menu-button {
cursor: pointer;
float: right
}
.vjs-default-skin .vjs-mute-control:before, .vjs-default-skin .vjs-volume-menu-button:before {
content: "\e006"
}
.vjs-default-skin .vjs-mute-control.vjs-vol-0:before, .vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
content: "\e003"
}
.vjs-default-skin .vjs-mute-control.vjs-vol-1:before, .vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
content: "\e004"
}
.vjs-default-skin .vjs-mute-control.vjs-vol-2:before, .vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
content: "\e005"
}
.vjs-default-skin .vjs-volume-control {
width: 5em;
float: right
}
.vjs-default-skin .vjs-volume-bar {
width: 5em;
height: 0.6em;
margin: 1.1em auto 0
}
.vjs-default-skin .vjs-volume-menu-button .vjs-menu-content {
height: 2.9em
}
.vjs-default-skin .vjs-volume-level {
position: absolute;
top: 0;
left: 0;
height: 0.5em;
background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat
}
.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
width: 0.5em;
height: 0.5em
}
.vjs-default-skin .vjs-volume-handle:before {
font-size: 0.9em;
top: -0.2em;
left: -0.2em;
width: 1em;
height: 1em
}
.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
width: 6em;
left: -4em
}
.vjs-default-skin .vjs-progress-control {
position: absolute;
left: 0;
right: 0;
width: auto;
font-size: 0.3em;
height: 1em;
top: -1em;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s
}
.vjs-default-skin:hover .vjs-progress-control {
font-size: .9em;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s
}
.vjs-default-skin .vjs-progress-holder {
height: 100%
}
.vjs-default-skin .vjs-progress-holder .vjs-play-progress, .vjs-default-skin .vjs-progress-holder .vjs-load-progress {
position: absolute;
display: block;
height: 100%;
margin: 0;
padding: 0;
left: 0;
top: 0
}
.vjs-default-skin .vjs-play-progress {
background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat
}
.vjs-default-skin .vjs-load-progress {
background: #646464;
background: rgba(255,255,255,0.4)
}
.vjs-default-skin .vjs-seek-handle {
width: 1.5em;
height: 100%
}
.vjs-default-skin .vjs-seek-handle:before {
padding-top: .1em
}
.vjs-default-skin .vjs-time-controls {
font-size: 1em;
line-height: 3em
}
.vjs-default-skin .vjs-current-time {
float: left
}
.vjs-default-skin .vjs-duration {
float: left
}
.vjs-default-skin .vjs-remaining-time {
display: none;
float: left
}
.vjs-time-divider {
float: left;
line-height: 3em
}
.vjs-default-skin .vjs-fullscreen-control {
width: 3.8em;
cursor: pointer;
float: right
}
.vjs-default-skin .vjs-fullscreen-control:before {
content: "\e000"
}
.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
content: "\e00b"
}
.vjs-default-skin .vjs-big-play-button {
left: 0.5em;
top: 0.5em;
font-size: 3em;
display: block;
z-index: 2;
position: absolute;
width: 4em;
height: 2.6em;
text-align: center;
vertical-align: middle;
cursor: pointer;
opacity: 1;
background-color: #07141e;
background-color: rgba(7,20,30,0.7);
border: 0.1em solid #3b4249;
-webkit-border-radius: 0.8em;
-moz-border-radius: 0.8em;
border-radius: 0.8em;
-webkit-box-shadow: 0 0 1em rgba(255,255,255,0.25);
-moz-box-shadow: 0 0 1em rgba(255,255,255,0.25);
box-shadow: 0 0 1em rgba(255,255,255,0.25);
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s
}
.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
display: none;
left: 50%;
margin-left: -2.1em;
top: 50%;
margin-top: -1.4000000000000001em
}
.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button {
display: none
}
.vjs-default-skin.vjs-has-started .vjs-big-play-button {
display: none
}
.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button {
display: none
}
.vjs-default-skin:hover .vjs-big-play-button, .vjs-default-skin .vjs-big-play-button:focus {
outline: 0;
border-color: #fff;
background-color: #505050;
background-color: rgba(50,50,50,0.75);
-webkit-box-shadow: 0 0 3em #ffffff;
-moz-box-shadow: 0 0 3em #ffffff;
box-shadow: 0 0 3em #ffffff;
-webkit-transition: all 0s;
-moz-transition: all 0s;
-o-transition: all 0s;
transition: all 0s
}
.vjs-default-skin .vjs-big-play-button:before {
content: "\e001";
font-family: VideoJS;
line-height: 2.6em;
text-shadow: 0.05em 0.05em 0.1em #000;
text-align: center;
position: absolute;
left: 0;
width: 100%;
height: 100%
}
.vjs-loading-spinner {
display: none;
position: absolute;
top: 50%;
left: 50%;
font-size: 4em;
line-height: 1;
width: 1em;
height: 1em;
margin-left: -0.5em;
margin-top: -0.5em;
opacity: 0.75;
-webkit-animation: spin 1.5s infinite linear;
-moz-animation: spin 1.5s infinite linear;
-o-animation: spin 1.5s infinite linear;
animation: spin 1.5s infinite linear
}
.vjs-default-skin .vjs-loading-spinner:before {
content: "\e01e";
font-family: VideoJS;
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
text-align: center;
text-shadow: 0em 0em 0.1em #000
}
@-moz-keyframes spin {
0% {
-moz-transform:rotate(0deg)
}
100% {
-moz-transform:rotate(359deg)
}
}
@-webkit-keyframes spin {
0% {
-webkit-transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(359deg)
}
}
@-o-keyframes spin {
0% {
-o-transform:rotate(0deg)
}
100% {
-o-transform:rotate(359deg)
}
}
@keyframes spin {
0% {
transform:rotate(0deg)
}
100% {
transform:rotate(359deg)
}
}
.vjs-default-skin .vjs-menu-button {
float: right;
cursor: pointer
}
.vjs-default-skin .vjs-menu {
display: none;
position: absolute;
bottom: 0;
left: 0em;
width: 0em;
height: 0em;
margin-bottom: 3em;
border-left: 2em solid transparent;
border-right: 2em solid transparent;
border-top: 1.55em solid #000000;
border-top-color: rgba(7,40,50,0.5)
}
.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
display: block;
padding: 0;
margin: 0;
position: absolute;
width: 10em;
bottom: 1.5em;
max-height: 15em;
overflow: auto;
left: -5em;
background-color: #07141e;
background-color: rgba(7,20,30,0.7);
-webkit-box-shadow: -0.2em -0.2em .3em rgba(255,255,255,0.2);
-moz-box-shadow: -0.2em -0.2em .3em rgba(255,255,255,0.2);
box-shadow: -0.2em -0.2em .3em rgba(255,255,255,0.2)
}
.vjs-default-skin .vjs-menu-button:hover .vjs-menu {
display: block
}
.vjs-default-skin .vjs-menu-button ul li {
list-style: none;
margin: 0;
padding: 0.3em 0 0.3em 0;
line-height: 1.4em;
font-size: 1.2em;
text-align: center;
text-transform: lowercase
}
.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
background-color: #000
}
.vjs-default-skin .vjs-menu-button ul li:focus, .vjs-default-skin .vjs-menu-button ul li:hover, .vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus, .vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
outline: 0;
color: #111;
background-color: #ffffff;
background-color: rgba(255,255,255,0.75);
-webkit-box-shadow: 0 0 1em #ffffff;
-moz-box-shadow: 0 0 1em #ffffff;
box-shadow: 0 0 1em #ffffff
}
.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
text-align: center;
text-transform: uppercase;
font-size: 1em;
line-height: 2em;
padding: 0;
margin: 0 0 0.3em 0;
font-weight: bold;
cursor: default
}
.vjs-default-skin .vjs-subtitles-button:before {
content: "\e00c"
}
.vjs-default-skin .vjs-captions-button:before {
content: "\e008"
}
.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before, .vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
-webkit-box-shadow: 0 0 1em #ffffff;
-moz-box-shadow: 0 0 1em #ffffff;
box-shadow: 0 0 1em #ffffff
}
.video-js {
background-color: #000;
position: relative;
padding: 0;
font-size: 10px;
vertical-align: middle;
font-weight: normal;
font-style: normal;
font-family: Arial, sans-serif;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.video-js .vjs-tech {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.video-js:-moz-full-screen {
position:absolute
}
body.vjs-full-window {
padding: 0;
margin: 0;
height: 100%;
overflow-y: auto
}
.video-js.vjs-fullscreen {
position: fixed;
overflow: hidden;
z-index: 1000;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: 100% !important;
height: 100% !important;
_position: absolute
}
.video-js:-webkit-full-screen {
width:100% !important;
height:100% !important
}
.video-js.vjs-fullscreen.vjs-user-inactive {
cursor: none
}
.vjs-poster {
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: contain;
cursor: pointer;
height: 100%;
margin: 0;
padding: 0;
position: relative;
width: 100%
}
.vjs-poster img {
display: block;
margin: 0 auto;
max-height: 100%;
padding: 0;
width: 100%
}
.video-js.vjs-using-native-controls .vjs-poster {
display: none
}
.video-js .vjs-text-track-display {
text-align: center;
position: absolute;
bottom: 4em;
left: 1em;
right: 1em
}
.video-js .vjs-text-track {
display: none;
font-size: 1.4em;
text-align: center;
margin-bottom: 0.1em;
background-color: #000000;
background-color: rgba(0,0,0,0.5)
}
.video-js .vjs-subtitles {
color: #fff
}
.video-js .vjs-captions {
color: #fc6
}
.vjs-tt-cue {
display: block
}
.vjs-default-skin .vjs-hidden {
display: none
}
.vjs-lock-showing {
display: block !important;
opacity: 1;
visibility: visible
}
.vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before {
content: ""
}
@media print {
* {
text-shadow: none !important;
color: #000 !important;
background: transparent !important;
box-shadow: none !important
}
a, a:visited {
text-decoration: underline
}
a[href]:after {
content: " (" attr(href) ")"
}
abbr[title]:after {
content: " (" attr(title) ")"
}
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: 2cm .5cm
}
p, h2, h3 {
orphans: 3;
widows: 3
}
h2, h3 {
page-break-after: avoid
}
select {
background: #fff !important
}
.navbar {
display: none
}
.table td, .table th {
background-color: #fff !important
}
.btn>.caret, .dropup>.btn>.caret {
border-top-color: #000 !important
}
.label {
border: 1px solid #000
}
.table {
border-collapse: collapse !important
}
.table-bordered th, .table-bordered td {
border: 1px solid #ddd !important
}
}
   #project-2355{
}
.cactus #project-2355{
margin:0px !important;
width:100%;
}
.cactus .container .featured .tile-wrap{
position:inherit;
}
.cactus .about-links {
bottom: auto;
position: inherit;
right: auto;
width: 100%;
}
.cactus .about-links img{
width:40px;
margin-left:0px;
}
.download-pdf p {
background-color: #282828;
color: #ffffff;
display: inline-block !important;
font-family: vectoraltstd-bold;
font-size: 15px;
line-height: 25px !important;
margin-top: 5px;
margin-right: 5px;
padding: 4px 8px 0 10px !important;
vertical-align: top;
width: auto;
text-transform: uppercase;
}
.download-pdf img{
display: inline-block;
margin-top: 5px;
width: 29px !important;
}
#about-link-who-we-are{
display:none;
}
#about-services-image1{
width:100%;
font-size:17px;
}
#about-services-image1 p{
line-height:25px;
}
#about-services-image1 h4{
padding-bottom:20px;
font-size:22px;
color:#ffffff;
}
#about-services-image .about-divider{
width: 0.7% !important;
margin-top: -1%;
}
#about-link-our-services, #about-link-who-we-are{
position:absolute;
top:220px;
}
#about-link-who-we-are{
left:0px;
}
#about-link-our-services{
right:0px;
}
.cactus .about-featured-image{
max-width:1400px;
margin:0 auto;
}
.hero-img{
display:inline-block;
width:40% !important;
margin-left:-3%;
min-width: 465px;
}
.about-divider{
width:.59% !important;
display:inline-block;
vertical-align:top;
margin-right:4%;
min-height: 495px;
}
.about-text-container {
display: inline-block;
margin-top: 8%;
vertical-align: top;
width: 50%;
}
.cactus p, .cactus li{
line-height: 22px;
}
.cactus span{
color: #FFFFFF;
}
.cactus .our-services{
border-bottom:solid #8F8F8F 2px;
margin-bottom:20px;
}
.cactus .skill-set{
color:#D7DF2B;
}
.cactus .skill-set span{
color:#ffffff;
}
.quick-facts-right-col, .quick-facts-mid-col, .quick-facts-left-col{
display:inline-block;
vertical-align:top;
}
.quick-facts-left-col{
width:45%;
margin-right:4%;
margin-left: -4%;
}
.quick-facts-mid-col, .quick-facts-right-col{
width:20%;
margin-top:5%;
}
.about-overveiw, .about-contact{
margin-left:21.5%;
}
.cactus .about-featured-image{
padding-bottom:40px;
}
.single-contact{
display:inline-block;
width:49%;
}
.single-contact p{
font-weight:bold;
margin-bottom:5px;
}
.single-contact p a {
color: #d7df2b;
}
.cactus p{
padding-bottom:20px;
}
.about-contact p{
padding-bottom:0px;
}
.cactus .button, .button {
background-color: #d7df2b;
border:none;
font-family: "VectoraLTStd-Bold";
height: 28px;
margin: 0;
padding: 5px 10px;
text-transform: uppercase;
width: auto;
color:#2D2D2F;
}
.cactus .button:hover {
color:#ffffff;
}
.cactus .container .tile .tile-wrap .tile-content:hover{
display:block;
}
.gform_wrapper .ginput_container + .gfield_description.validation_message {
margin-top: -.225em;
position: relative;
color:#D7DF2B;
}
#gform_wrapper_2 form .validation_error {
display: none;
}
.gform_fields{
height:auto !important;
}
.gform_wrapper .gform_button {
height: 35px;
text-transform: uppercase;
padding: 7px 30px 5px 30px !important;
margin: 0px 3.3% 30px 2% !important;
}
.hidden-address{
display:none;
}
.single-press article{
width:1000px;
}
.single-press .column-33 {
width: 305px !important;
}
.single-press .signup {
float: right;
position: relative;
vertical-align: top;
width: 330px;
}
.mobile{
display:none;
}
.column-middle{
width:65.65% !important;
}
.column-middle .heading-group{
max-width:500px;
}
.featured-client-work.filtered .tile-anchor{
pointer-events: none;
}
.atcb-list{
background:#1B1B1C !important;
padding:5px !important;
}
.atcb-list, .atcb-item{
background:#1B1B1C !important;
}
.addtocalendar {
right: 4%;
position: absolute !important;
margin-top:-20px;
}
.no-break-anchor{
display:inline !important;
}
.caseStudy-btn {
background-color: #d7df2b;
color: #282829;
display: inline-block;
font-family: vectoraltstd-bold;
font-size: 12px;
padding: 7px 20px;
text-transform: uppercase;
}
.caseStudy-btn:hover{
color:#2D2D2F;
}
.caseStudy-btn img {
padding-left: 3px;
width: 10px;
}
.experience-column .experience-description {
background-color: transparent;
}
.experience-column
.experience-description
.experience-description-inner {
color: #ffffff;
font-size: 16px;
}
#experience-nav #experience-nav-inner a.active, #experience-nav #experience-nav-inner a:hover {
border:none;
border-top:solid 5px #d7df2b;
background-color:#2d2d2f;
margin-top:-5px;
padding-bottom:5px;
box-sizing:initial;
height:55px;
}
#experience-nav #experience-nav-inner a{
text-align:center;
z-index:200;
height: 50px;
}
#experience-nav #experience-nav-inner a#experience-nav-health .experience-nav-icon,
#experience-column-health .experience-nav-icon{
background-image: url(//hmadvertising.com/wp-content/themes/flora/img/experience-nav-play.svg);
}
#experience-nav #experience-nav-inner a#experience-nav-fuel .experience-nav-icon,
#experience-column-fuel .experience-nav-icon{
background-image: url(//hmadvertising.com/wp-content/themes/flora/img/experience-nav-fuel.svg);
}
#experience-nav #experience-nav-inner a#experience-nav-play .experience-nav-icon,
#experience-column-play .experience-nav-icon{
background-image: url(//hmadvertising.com/wp-content/themes/flora/img/experience-nav-play.svg);
}
#experience-nav #experience-nav-inner a#experience-nav-future,
#experience-nav #experience-nav-inner a#experience-nav-health{
width:182px;
}
#experience-nav #experience-nav-inner a#experience-nav-future .experience-nav-icon,
#experience-column-future .experience-nav-icon{
background-image: url(//hmadvertising.com/wp-content/themes/flora/img/experience-nav-future.svg);
}
#experience-column-future{
margin-left:300%;
}
#experience-nav #experience-nav-inner{
width: 1028px;
margin-left: -512px;
}
#experience-wrapper .flip-container{
display: none;
margin: 5px auto;
}  .flip-container {
-webkit-perspective: 1000;
-moz-perspective: 1000;
-ms-perspective: 1000;
perspective: 1000;
} .active .flip-container .flipper, #experience-nav #experience-nav-inner a:hover .flipper{
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.flip-container, .front, .back {
display: inline-block;
height: 22px;
width: 25px;
} .flipper {
transition: 0.35s;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
position: relative;
} .front, .back {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
top: 0;
left: 0;
} .front {
z-index: 2; -webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
transform: rotateY(0deg);
} .back {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.front div{
width:25px;
height:25px;
background-size:50px 28px;
background-position:0 0;
}
.back div{
width:25px;
height:25px;
background-size:50px 28px;
background-position:-25px 0;
}
#experience-nav #experience-nav-inner a.active .experience-nav-icon, #experience-nav #experience-nav-inner a:hover .experience-nav-icon {
background-position: 0 2px;
}
#experience-nav #experience-nav-inner a .experience-nav-icon {
background-position: -25px 2px;
background-size: 50px 27px;
margin: inherit;
min-height:27px;
width: inherit;
}
#experience-nav #experience-nav-inner a p {
color: #c4c4c4;
display: inline-block;
font-size: 17px;
font-weight: bold;
letter-spacing: 1.25px;
padding-left: 10px;
padding-top: 10px;
text-transform: uppercase;
}
#experience-nav #experience-nav-inner a.active p{
color:#ffffff;
}
.experience-description-nav {
padding-left: 5%;
padding-right: 5%;
position: absolute;
top: 40px;
width: 100%;
}
.experience-description-nav .prev{
}
.experience-description-nav .next{
float:right;
}
#experience-wrapper .experiences div{
position: relative;
overflow:hidden;
background-size: 100% 100%;
}
#experience-wrapper .experiences a{
width:100%;
height:100%;
display:block;
background-color:rgba(0, 0, 0, 0.75);
transition:all ease .25s;
}
#experience-wrapper .experiences a:hover{
background-color:rgba(0, 0, 0, 0.2);
}
#experience-wrapper .experiences .experience-btn {
background-color: #d7df2b;
color: #2d2d2f;
left: 50%;
margin-left: -60px;
padding: 5px 20px;
position: absolute;
text-align: center;
text-transform: uppercase;
top: 101%;
width: 140px;
transition:all ease .15s .15s;
pointer-events:none;
cursor:pointer;
height: 35px;
}
#experience-wrapper .experiences div:hover .experience-btn {
top: 47%;
}
.experiences div img{
transition:all ease .5s .25s;
}
.experiences div img:hover{
opacity:0;
transition:all ease .15s;
}
.btn-wrap{
text-align: center;
}
.exp-button {
display: inline-block;
margin: 50px 10px 0px;
text-align: center;
width: 200px;
}
.exp-button span {
display: inline-block;
font-size: 17px;
margin-top: -3px;
vertical-align: top;
}
#experience-header-video{
background-image:url(//hmadvertising.com/wp-content/themes/flora/img/mobile-bg.jpg);
background-size:cover;
} @media(max-width: 995px) {
.cactus .about-featured-image{
text-align: center;
}
.hero-img {
width: 65% !important;
min-width:0px;
}
.about-divider{
display:none;
}
.about-text-container{
width:85%;
text-align:left;
}
.quick-facts-left-col {
margin-left: -15%;
text-align: left;
width: 100%;
}
.quick-facts-right-col, .quick-facts-mid-col {
text-align: left;
width: 100%;
}
.quick-facts-right-col, .quick-facts-mid-col {
margin-left: 9%;
margin-top: 6%;
text-align: left;
width: 100%;
}
.tile-image-featured img {
opacity:1 !important;
}
#experience-nav #experience-nav-inner a p {
font-size: 15px;
}
}
.mobile-header{
display:none;
}
#people h3{
color:#ffffff;
font-size: 26px;
text-align: center;
padding:20px;
}
.people #filters{
display:none;
}
@media(max-width: 775px) {
#experience-nav #experience-nav-inner a p {
padding-left: 0;
padding-top: 0;
}
#experience-nav #experience-nav-inner {
width: 80%;
margin-left: 0px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
#experience-nav #experience-nav-inner a{
width:25% !important;
}
}
@media(max-width: 495px) {
.mobile{display:block;}
.desktop{display:none;}
.hero-img {
width: 125% !important;
margin-left: -14%;
max-width:none;
}
.quick-facts-right-col, .quick-facts-mid-col {
margin-top: 10%;
}
.single-contact {
display: block;
margin-bottom: 20px;
width: 100%;
}
.quick-facts-right-col, .quick-facts-mid-col {
margin-top: 0;
}
.quick-facts-right-col{
padding-bottom:40px;
}
.cactus p{
padding-bottom:0px;
}
.cactus h4{
padding-top:20px;
}
.cactus .button{
margin-top:20px;
}
.cactus .our-services{
padding-bottom:20px;
}
.quick-facts-right-col, .quick-facts-mid-col, .quick-facts-left-col{
font-size:15px;
line-height:24px;
}
.single-contact p{
font-weight:bold;
margin-bottom:-5px;
}
.about-text-container{
margin-top:-5%;
}
.skill-set{
margin-bottom:20px;
}
.cactus .container .tile .tile-wrap {
position: relative;
}
.cactus .about-links img {
margin-left: 0;
width: 10px;
}
.about-links {
bottom: 235px !important;
left: 8px;
position: absolute !important;
}
#about-link-who-we-are {
position: relative;
float: left;
left: 18px;
}
#about-link-our-services {
position: relative;
float: left;
left: 18px;
}
.addtocalendar {
margin-top:-40px;
}
.experience-description-nav {
padding-left: 2%;
padding-right: 2%;
}
.experience-description-nav img{
width:17px;
}
.mobile-header{
text-align: center;
font-size: 21px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 2px;
display: block;
color:#D7E100;
}
#experience-nav .flip-container{
display:none;
}
#experience-wrapper .flip-container{
display: block;
}
#experience-nav #experience-nav-inner a p {
padding-top:5px;
font-size: 14px;
}
#experience-nav #experience-nav-inner {
width: 95%;
}
.experience-column .experience-description .experience-description-inner {
width: 85%;
}
}
#gform_wrapper_2{
float: none;
}
#gform_submit_button_2{
width: 80px;
padding: 0px !important;
}
#gform_fields_2{
z-index: 50;
position: relative;
width: 180px;
}
#gform_wrapper_2 form .gform_footer {
margin: -28px 0px 0px 7px;
}
 .slick-loading .slick-list
{
background: #fff url(https://hmadvertising.com/wp-content/themes/flora/silk/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://hmadvertising.com/wp-content/themes/flora/silk/fonts/slick.eot);
src: url(https://hmadvertising.com/wp-content/themes/flora/silk/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://hmadvertising.com/wp-content/themes/flora/silk/fonts/slick.woff) format('woff'), url(https://hmadvertising.com/wp-content/themes/flora/silk/fonts/slick.ttf) format('truetype'), url(https://hmadvertising.com/wp-content/themes/flora/silk/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}