Make Your Next Choice THE BEST CHOICE
<style><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->*,<!-- [et_pb_line_break_holder] -->*::before,<!-- [et_pb_line_break_holder] -->*::after {<!-- [et_pb_line_break_holder] --> margin: 0;<!-- [et_pb_line_break_holder] --> padding: 0;<!-- [et_pb_line_break_holder] --> box-sizing: border-box;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->button {<!-- [et_pb_line_break_holder] --> background: transparent;<!-- [et_pb_line_break_holder] --> border: none;<!-- [et_pb_line_break_holder] --> cursor: pointer;<!-- [et_pb_line_break_holder] --> outline: none;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->body {<!-- [et_pb_line_break_holder] --> font: normal 16px/1.5 "Helvetica Neue", sans-serif;<!-- [et_pb_line_break_holder] --> background: #456990;<!-- [et_pb_line_break_holder] --> color: #fff;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/* .section SECTION<!-- [et_pb_line_break_holder] -->–––––––––––––––––––––––––––––––––––––––––––––––––– */<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.section {<!-- [et_pb_line_break_holder] --> background: #F45B69;<!-- [et_pb_line_break_holder] --> padding: 50px 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.section .container {<!-- [et_pb_line_break_holder] --> width: 90%;<!-- [et_pb_line_break_holder] --> max-width: 1200px;<!-- [et_pb_line_break_holder] --> margin: 0 auto;<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.section h1 {<!-- [et_pb_line_break_holder] --> font-size: 2.5rem;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.section h2 {<!-- [et_pb_line_break_holder] --> font-size: 1.3rem;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/* TIMELINE<!-- [et_pb_line_break_holder] -->–––––––––––––––––––––––––––––––––––––––––––––––––– */<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.timeline {<!-- [et_pb_line_break_holder] --> white-space: nowrap;<!-- [et_pb_line_break_holder] --> overflow-x: hidden;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.timeline ol {<!-- [et_pb_line_break_holder] --> font-size: 0;<!-- [et_pb_line_break_holder] --> width: 100vw;<!-- [et_pb_line_break_holder] --> padding: 150px 0;<!-- [et_pb_line_break_holder] --> transition: all 1s;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.timeline ol li {<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> display: inline-block;<!-- [et_pb_line_break_holder] --> list-style-type: none;<!-- [et_pb_line_break_holder] --> width: 160px;<!-- [et_pb_line_break_holder] --> height: 3px;<!-- [et_pb_line_break_holder] --> background: #d96359;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.timeline ol li:last-child {<!-- [et_pb_line_break_holder] --> width: 280px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.timeline ol li:not(:first-child) {<!-- [et_pb_line_break_holder] --> margin-left: 14px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.timeline ol li:not(:last-child)::after {<!-- [et_pb_line_break_holder] --> content: '';<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> top: 50%;<!-- [et_pb_line_break_holder] --> left: calc(0% + 161px);<!-- [et_pb_line_break_holder] --> bottom: 0;<!-- [et_pb_line_break_holder] --> width: 12px;<!-- [et_pb_line_break_holder] --> height: 12px;<!-- [et_pb_line_break_holder] --> transform: translateY(-50%);<!-- [et_pb_line_break_holder] --> border-radius: 50%;<!-- [et_pb_line_break_holder] --> background: #F45B69;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.timeline ol li div {<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> left: calc(0% + 7px);<!-- [et_pb_line_break_holder] --> width: 280px;<!-- [et_pb_line_break_holder] --> padding: 15px;<!-- [et_pb_line_break_holder] --> font-size: 1rem;<!-- [et_pb_line_break_holder] --> white-space: normal;<!-- [et_pb_line_break_holder] --> color: #fff;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.timeline ol li div::before {<!-- [et_pb_line_break_holder] --> content: '';<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> top: 100%;<!-- [et_pb_line_break_holder] --> left: 0;<!-- [et_pb_line_break_holder] --> width: 0;<!-- [et_pb_line_break_holder] --> height: 0;<!-- [et_pb_line_break_holder] --> border-style: solid;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.timeline ol li:nth-child(odd) div {<!-- [et_pb_line_break_holder] --> top: -16px;<!-- [et_pb_line_break_holder] --> transform: translateY(-100%);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.timeline ol li:nth-child(odd) div::before {<!-- [et_pb_line_break_holder] --> top: 100%;<!-- [et_pb_line_break_holder] --> border-width: 8px 8px 0 0;<!-- [et_pb_line_break_holder] --> border-color: white transparent transparent transparent;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.timeline ol li:nth-child(even) div {<!-- [et_pb_line_break_holder] --> top: calc(100% + 16px);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.timeline ol li:nth-child(even) div::before {<!-- [et_pb_line_break_holder] --> top: -8px;<!-- [et_pb_line_break_holder] --> border-width: 8px 0 0 8px;<!-- [et_pb_line_break_holder] --> border-color: transparent transparent transparent white;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.timeline time {<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] --> font-size: 1.2rem;<!-- [et_pb_line_break_holder] --> font-weight: bold;<!-- [et_pb_line_break_holder] --> margin-bottom: 8px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/* TIMELINE ARROWS<!-- [et_pb_line_break_holder] -->–––––––––––––––––––––––––––––––––––––––––––––––––– */<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.timeline .arrows {<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> justify-content: center;<!-- [et_pb_line_break_holder] --> margin-bottom: 20px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.timeline .arrows .arrow__prev {<!-- [et_pb_line_break_holder] --> margin-right: 20px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.timeline .disabled {<!-- [et_pb_line_break_holder] --> opacity: .5;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.timeline .arrows img {<!-- [et_pb_line_break_holder] --> width: 45px;<!-- [et_pb_line_break_holder] --> height: 45px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/* GENERAL MEDIA QUERIES<!-- [et_pb_line_break_holder] -->–––––––––––––––––––––––––––––––––––––––––––––––––– */<!-- [et_pb_line_break_holder] -->@media screen and (max-width: 1200px) {<!-- [et_pb_line_break_holder] --> .timeline ol,<!-- [et_pb_line_break_holder] --> .timeline ol li {<!-- [et_pb_line_break_holder] --> width: auto; <!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> .timeline ol {<!-- [et_pb_line_break_holder] --> padding: 0;<!-- [et_pb_line_break_holder] --> transform: none !important;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> .timeline ol li {<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] --> height: auto;<!-- [et_pb_line_break_holder] --> background: transparent;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> .timeline ol li:first-child {<!-- [et_pb_line_break_holder] --> margin-top: 25px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> .timeline ol li:not(:first-child) {<!-- [et_pb_line_break_holder] --> margin-left: auto;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> .timeline ol li div {<!-- [et_pb_line_break_holder] --> width: 94%;<!-- [et_pb_line_break_holder] --> height: auto !important;<!-- [et_pb_line_break_holder] --> margin: 0 auto 25px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> .timeline ol li div {<!-- [et_pb_line_break_holder] --> position: static;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> .timeline ol li:nth-child(odd) div {<!-- [et_pb_line_break_holder] --> transform: none;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> .timeline ol li:nth-child(odd) div::before,<!-- [et_pb_line_break_holder] --> .timeline ol li:nth-child(even) div::before {<!-- [et_pb_line_break_holder] --> left: 50%;<!-- [et_pb_line_break_holder] --> top: 100%;<!-- [et_pb_line_break_holder] --> transform: translateX(-50%);<!-- [et_pb_line_break_holder] --> border: none;<!-- [et_pb_line_break_holder] --> border-left: 1px solid white;<!-- [et_pb_line_break_holder] --> height: 25px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> .timeline ol li:last-child,<!-- [et_pb_line_break_holder] --> .timeline ol li:nth-last-child(2) div::before,<!-- [et_pb_line_break_holder] --> .timeline ol li:not(:last-child)::after,<!-- [et_pb_line_break_holder] --> .timeline .arrows {<!-- [et_pb_line_break_holder] --> display: none;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media screen and (min-width: 1350px) {<!-- [et_pb_line_break_holder] -->.timeline ol li {<!-- [et_pb_line_break_holder] --> width: 185px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --></style><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->(function () {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> // VARIABLES<!-- [et_pb_line_break_holder] --> var timeline = document.querySelector(".timeline ol"),<!-- [et_pb_line_break_holder] --> elH = document.querySelectorAll(".timeline li > div"),<!-- [et_pb_line_break_holder] --> arrows = document.querySelectorAll(".timeline .arrows .arrow"),<!-- [et_pb_line_break_holder] --> arrowPrev = document.querySelector(".timeline .arrows .arrow__prev"),<!-- [et_pb_line_break_holder] --> arrowNext = document.querySelector(".timeline .arrows .arrow__next"),<!-- [et_pb_line_break_holder] --> firstItem = document.querySelector(".timeline li:first-child"),<!-- [et_pb_line_break_holder] --> lastItem = document.querySelector(".timeline li:last-child"),<!-- [et_pb_line_break_holder] --> xScrolling = 280,<!-- [et_pb_line_break_holder] --> disabledClass = "disabled";<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> // START<!-- [et_pb_line_break_holder] --> window.addEventListener("load", init);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function init() {<!-- [et_pb_line_break_holder] --> setEqualHeights(elH);<!-- [et_pb_line_break_holder] --> animateTl(xScrolling, arrows, timeline);<!-- [et_pb_line_break_holder] --> setSwipeFn(timeline, arrowPrev, arrowNext);<!-- [et_pb_line_break_holder] --> setKeyboardFn(arrowPrev, arrowNext);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> // SET EQUAL HEIGHTS<!-- [et_pb_line_break_holder] --> function setEqualHeights(el) {<!-- [et_pb_line_break_holder] --> var counter = 0;<!-- [et_pb_line_break_holder] --> for (var i = 0; i < el.length; i++) {if (window.CP.shouldStopExecution(1)){break;}<!-- [et_pb_line_break_holder] --> var singleHeight = el[i].offsetHeight;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> if (counter < singleHeight) {<!-- [et_pb_line_break_holder] --> counter = singleHeight;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->window.CP.exitedLoop(1);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> for (var _i = 0; _i < el.length; _i++) {if (window.CP.shouldStopExecution(2)){break;}<!-- [et_pb_line_break_holder] --> el[_i].style.height = counter + "px";<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->window.CP.exitedLoop(2);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> // CHECK IF AN ELEMENT IS IN VIEWPORT<!-- [et_pb_line_break_holder] --> // http://stackoverflow.com/questions/123999/how-to-tell-if-a-dom-element-is-visible-in-the-current-viewport<!-- [et_pb_line_break_holder] --> function isElementInViewport(el) {<!-- [et_pb_line_break_holder] --> var rect = el.getBoundingClientRect();<!-- [et_pb_line_break_holder] --> return rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && rect.right <= (window.innerWidth || document.documentElement.clientWidth);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> // SET STATE OF PREV/NEXT ARROWS<!-- [et_pb_line_break_holder] --> function setBtnState(el) {<!-- [et_pb_line_break_holder] --> var flag = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> if (flag) {<!-- [et_pb_line_break_holder] --> el.classList.add(disabledClass);<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> if (el.classList.contains(disabledClass)) {<!-- [et_pb_line_break_holder] --> el.classList.remove(disabledClass);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> el.disabled = false;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> // ANIMATE TIMELINE<!-- [et_pb_line_break_holder] --> function animateTl(scrolling, el, tl) {<!-- [et_pb_line_break_holder] --> var counter = 0;<!-- [et_pb_line_break_holder] --> for (var i = 0; i < el.length; i++) {if (window.CP.shouldStopExecution(3)){break;}<!-- [et_pb_line_break_holder] --> el[i].addEventListener("click", function () {<!-- [et_pb_line_break_holder] --> if (!arrowPrev.disabled) {<!-- [et_pb_line_break_holder] --> arrowPrev.disabled = true;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> if (!arrowNext.disabled) {<!-- [et_pb_line_break_holder] --> arrowNext.disabled = true;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> var sign = this.classList.contains("arrow__prev") ? "" : "-";<!-- [et_pb_line_break_holder] --> if (counter === 0) {<!-- [et_pb_line_break_holder] --> tl.style.transform = "translateX(-" + scrolling + "px)";<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> var tlStyle = getComputedStyle(tl);<!-- [et_pb_line_break_holder] --> // add more browser prefixes if needed here<!-- [et_pb_line_break_holder] --> var tlTransform = tlStyle.getPropertyValue("-webkit-transform") || tlStyle.getPropertyValue("transform");<!-- [et_pb_line_break_holder] --> var values = parseInt(tlTransform.split(",")[4]) + parseInt("" + sign + scrolling);<!-- [et_pb_line_break_holder] --> tl.style.transform = "translateX(" + values + "px)";<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> setTimeout(function () {<!-- [et_pb_line_break_holder] --> isElementInViewport(firstItem) ? setBtnState(arrowPrev) : setBtnState(arrowPrev, false);<!-- [et_pb_line_break_holder] --> isElementInViewport(lastItem) ? setBtnState(arrowNext) : setBtnState(arrowNext, false);<!-- [et_pb_line_break_holder] --> }, 1100);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> counter++;<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->window.CP.exitedLoop(3);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> // ADD SWIPE SUPPORT FOR TOUCH DEVICES<!-- [et_pb_line_break_holder] --> function setSwipeFn(tl, prev, next) {<!-- [et_pb_line_break_holder] --> var hammer = new Hammer(tl);<!-- [et_pb_line_break_holder] --> hammer.on("swipeleft", function () {<!-- [et_pb_line_break_holder] --> return next.click();<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> hammer.on("swiperight", function () {<!-- [et_pb_line_break_holder] --> return prev.click();<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> // ADD BASIC KEYBOARD FUNCTIONALITY<!-- [et_pb_line_break_holder] --> function setKeyboardFn(prev, next) {<!-- [et_pb_line_break_holder] --> document.addEventListener("keydown", function (e) {<!-- [et_pb_line_break_holder] --> if (e.which === 37 || e.which === 39) {<!-- [et_pb_line_break_holder] --> var timelineOfTop = timeline.offsetTop;<!-- [et_pb_line_break_holder] --> var y = window.pageYOffset;<!-- [et_pb_line_break_holder] --> if (timelineOfTop !== y) {<!-- [et_pb_line_break_holder] --> window.scrollTo(0, timelineOfTop);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> if (e.which === 37) {<!-- [et_pb_line_break_holder] --> prev.click();<!-- [et_pb_line_break_holder] --> } else if (e.which === 39) {<!-- [et_pb_line_break_holder] --> next.click();<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->})();<!-- [et_pb_line_break_holder] --></script>