.owl-carousel .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; } .owl-carousel .owl-nav [class*='owl-'] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px; } .owl-carousel .owl-nav [class*='owl-']:hover { background: #869791; color: #FFF; text-decoration: none; } .owl-carousel .owl-nav .disabled { opacity: 0.5; cursor: default; } .owl-carousel .owl-nav.disabled + .owl-dots { margin-top: 10px; } .owl-carousel .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-carousel .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } .owl-carousel .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; } .owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span { background: #869791; } .parallax-stellar { background-size: cover; } .hm_carousel.type_1 .owl-nav { margin: 0; position: absolute; top: 45%; width: 100%; text-align: none; } .hm_carousel.type_1 .owl-nav .owl-prev { float: left; } .hm_carousel.type_1 .owl-nav .owl-next { float: right; } .hm_carousel.type_1 .owl-dots { display: none; } .wpb_gallery_slides.hide_navigation .flex-direction-nav { display: none; } .wpb_gallery_slides.hide_pagination .flex-control-nav { display: none; } .timeline { position: relative; padding: 0 0 0 20px; list-style: none; } .timeline:before { position: absolute; top: 0; bottom: 0; left: 60px; width: 2px; margin-left: -1.5px; content: ''; background-color: #e9ecef; } .timeline>li { position: relative; min-height: 50px; margin-bottom: 50px; } .timeline>li:after, .timeline>li:before { display: table; content: ' '; } .timeline>li .timeline-image { position: absolute; z-index: 100; left: 0; width: 80px; height: 80px; margin-left: 0; text-align: center; color: #fff; border: 7px solid #e9ecef; border-radius: 100%; background-color: #fff; } .timeline>li .timeline-image img { max-width: 100%; height: auto; } .timeline>li .timeline-panel { position: relative; float: right; width: 100%; padding: 0 20px 0 100px; text-align: left; } .timeline .timeline-heading h4 { margin-top: 0; color: inherit; } .timeline>li .timeline-image .circle { border-radius: 50%!important; } .timeline>li .timeline-image .square { } .timeline>li.timeline-inverted>.timeline-panel { float: right; padding: 0 20px 0 100px; text-align: left; } .timeline>li:after { clear: both; } @media (min-width: 768px) { .timeline { padding: 0; } .timeline:before { left: 40px; } .timeline>li { min-height: 100px; margin-bottom: 100px; } .timeline:before { left: 50%; } .timeline>li .timeline-image { left: 50%; width: 100px; height: 100px; margin-left: -50px; } .timeline>li .timeline-panel { float: left; width: 41%; padding: 0 20px 20px 30px; text-align: right; } .timeline>li.timeline-inverted>.timeline-panel { float: right; padding: 0 30px 20px 20px; text-align: left; } } @media (min-width: 992px) { .timeline>li { min-height: 150px; } .timeline>li .timeline-panel { padding: 0 20px 20px; } .timeline>li .timeline-image { width: 150px; height: 150px; margin-left: -75px; } } @media (min-width: 1200px) { .timeline>li { min-height: 170px; } .timeline>li .timeline-image { width: 170px; height: 170px; margin-left: -85px; } .timeline>li .timeline-panel { padding: 0 20px 20px 100px; } } .quote-slider img.circle { border-radius: 50%; } @media (max-width: 768px) { .quote-slider .pull-right, .quote-slider .pull-left { float: none !important; } } .vc_cta3-content.white h1, .vc_cta3-content.white h2, .vc_cta3-content.white h3, .vc_cta3-content.white h4, .vc_cta3-content.white h5, .vc_cta3-content.white h6, .vc_cta3-content.white p, .vc_cta3-content.white { color: #fff !important; } .vc_cta3-content.black h1, .vc_cta3-content.black h2, .vc_cta3-content.black h3, .vc_cta3-content.black h4, .vc_cta3-content.black h5, .vc_cta3-content.black h6, .vc_cta3-content.black p, .vc_cta3-content.black { color: #000 !important; } .wpb_gallery_slides .hm_caption { display: none; position: absolute; bottom: 0px; padding: 15px 20px; width: 100%; color: #fff; background-color: rgba(0,0,0,0.5); font-size: 18px; } .wpb_gallery.hm_hide_pagination .flex-control-nav, .wpb_gallery.hm_hide_pagination .nivo-controlNav { display: none !important; margin: 0; } .wpb_gallery.hm_hide_navigation .flex-direction-nav, .wpb_gallery.hm_hide_navigation .nivo-directionNav { display: none !important; } .hm_hoverbox .vc-hoverbox-block { background-size: contain; background-repeat: no-repeat; background-color: #ccc; } /* Presenter */ .hm_presenter { position: relative; height: 100%; } .hm_presenter div.owl-slide { background-repeat: no-repeat; background-size: cover; background-position: center; } .hm_presenter .owl-dot { display: none !important; } .hm_presenter .owl-nav .owl-prev { position: absolute; top: 45%; left: 2%; } .hm_presenter .owl-nav .owl-next { position: absolute; top: 45%; right: 2%; } .hm_presenter div.owl--text { position: absolute; top: 25%; width: 100%; text-align: center; padding: 0 20%; } .hm_presenter div.owl--text h2 a { font-size: 58px; color: #ffffff; font-weight: 700; text-transform: uppercase; line-height: 1; text-shadow: 2px 2px 5px #333; margin: 0 0 20px 0; text-decoration: none; } .hm_presenter div.owl--text p { color: #fff; font-weight: 300; font-size: 1.2em; text-align: center; margin: 0 0 40px 0; text-shadow: 2px 2px 5px #333; } .hm_presenter { position: relative; top: 0; left: 0; right: 0; bottom: 0; } .hm_presenter .owl-stage-outer, .hm_presenter .owl-stage, .hm_presenter .owl-item { height: 100%; } .hm_presenter .owl-item { overflow: hidden; } .hm_presenter img { width: 100%; height: auto; } .hm_presenter .button { padding: 15px 30px; font-size: 1em; border-radius: 5px; color: #ffffff; text-decoration: none; border: 3px solid #fff; text-transform: uppercase; } .hm_presenter .button.default { background-color: #ddd; } @media (max-width: 1550px) { .hm_presenter div.owl--text { top: 20%; } .hm_presenter div.owl--text h2 a { font-size: 52px; } } @media (max-width: 1280px) { .hm_presenter div.owl--text { top: 12%; } .hm_presenter div.owl--text h2 a { font-size: 40px; } .hm_presenter div.owl--text p { font-size: 1em; } .hm_presenter .button { padding: 12px 25px; font-size: 1em; border-radius: 5px; border: 2px solid #fff; } } @media (max-width: 992px) { .hm_presenter div.owl--text { top: 15%; padding: 0 10%; } .hm_presenter div.owl--text .text-wrapper { display: none; } .hm_presenter div.owl--text .button-wrapper { margin: 40px 0 0 0; } .hm_presenter .button { padding: 10px 20px; } } @media (max-width: 768px) { .hm_presenter div.owl--text { top: 10%; padding: 0 10%; } .hm_presenter div.owl--text h2 a { font-size: 30px; } .hm_presenter div.owl--text .button-wrapper { margin: 20px 0 0 0; } } @media (max-width: 600px) { .hm_presenter { display: none !important; } } /* Portfolio Carousel */ .portfolio_carousel_wrapper { margin: 0 0 30px 0; } .portfolio_carousel .owl-nav{ display: none; } .portfolio_carousel .overlay { position: absolute; top: 100%; z-index: 1; background: rgba(0, 0, 0, .7); opacity: 1; height: 100%; width: 100%; text-align: center; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition-property: all .3s ease; } .portfolio_carousel .overlay h4 { z-index: 2; color: #fff; } .portfolio_carousel .overlay h4 { font-family: 'Montserrat', sans-serif; color: #fff; text-align: center; } .portfolio_carousel .overlay .text { font-size: 14px; line-height: 140%; padding: 10px 20px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; color: #fff; } .portfolio_carousel .overlay .text.keyfacts { border: none; } .portfolio_carousel .overlay .text.buttons { border: none; padding: 0px 20px; } .portfolio_carousel .overlay .text.buttons a { color: #fff; }