* {
    -webkit-tap-highlight-color: rgba(0,0,0,0) !important; /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}

html,body {
    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
    /*-webkit-user-select: none;*/                  /* prevent copy paste, to allow, change 'none' to 'text' */
}
ul li:before{content: "";}
.h2{
    font-size: 40px;
    color: #24adb4;
    font-weight: 700;
    position: relative;
    display: inline-block;
    right: 24px
}
.flex{display: flex}
.hero-search-full-page.not-full{height: calc(100% - 210px)}
.menu-default .item.active span{color: #256ad7;}
.is-transparent .menu-default .item.active span{color: #63d8fa;}
.ths-is-slide-up ~ .relative-gap{height: 80px;}
.relative-gap,.ths-is-slide-up.is-sticky ~ .relative-gap{height: 40px;}
#footer a{color: #91ceff}
.opacity-1{opacity: 1 !important;}
.scrollup {
    position: fixed;
    bottom: 25px;
    right: 20px;
    z-index: 99;
    width: 45px;
    height: 45px;
    text-align: center;
    background: #1958bd;
    color: #fff;
    font-size: 17px;
    line-height: 45px;
    border-radius: 50%;
    cursor: pointer;
    display: none;
    transition: all .4s ease;
}
a.scrollup {text-decoration: none;}
a.scrollup:hover{color: #fff;box-shadow:0 5px 25px 0 rgba(36, 44, 51, .4);bottom: 30px;}
a.scrollup i{font-size: 0.9em}
.banner-img{
	background:url(../images/banner.jpg) center/cover no-repeat;
	/*width: calc(100vw - 40px)!important;*/
}
.ui.grid.container.fullview{width: 100vw !important;overflow: hidden;}
.ui.grid.fullview>.row>.column.pd0{padding: 0px;}
.promo-section .promo-content.style-01 a.button-sq:hover{color: #63d8fa;border-color: #63d8fa;}











/*==================================
    TIMELINE
==================================*/
/*-- GENERAL STYLES
------------------------------*/
.timeline {
  line-height: 1.8em;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.timeline h1, .timeline h2, .timeline h3, .timeline h4, .timeline h5, .timeline h6 {
  line-height: inherit;
}

/*----- TIMELINE ITEM -----*/
.timeline-item {
  padding-left: 40px;
  position: relative;
}
.timeline-item:last-child {
  padding-bottom: 0;
}

/*----- TIMELINE INFO -----*/
.timeline-info {
 /* font-size: 12px;
  font-weight: 700;
  letter-spacing: 3px;
  margin: 0 0 .5em 0;
  text-transform: uppercase;
  white-space: nowrap;*/
}

/*----- TIMELINE MARKER -----*/
.timeline-marker {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15px;
}
.timeline-marker:before {
  background: #FF6B6B;
  border: 3px solid transparent;
  border-radius: 100%;
  content: "";
  display: block;
  height: 15px;
  position: absolute;
  top: 4px;
  left: 0;
  width: 15px;
  transition: background 0.3s ease-in-out, border 0.3s ease-in-out;
}
.timeline-marker:after {
  content: "";
  width: 3px;
  background: #CCD5DB;
  display: block;
  position: absolute;
  top: 24px;
  bottom: 0;
  left: 6px;
}
.timeline-item:last-child .timeline-marker:after {
  content: none;
}

.timeline-item:not(.period):hover .timeline-marker:before {
  background: transparent;
  border: 3px solid #FF6B6B;
}

/*----- TIMELINE CONTENT -----*/
.timeline-content {
  padding-bottom: 40px;
}
.timeline-content p:last-child {
  margin-bottom: 0;
}

/*----- TIMELINE PERIOD -----*/
.period {
  padding: 0;
}
.period .timeline-info {
  display: none;
}
.period .timeline-marker:before {
  background: transparent;
  content: "";
  width: 15px;
  height: auto;
  border: none;
  border-radius: 0;
  top: 0;
  bottom: 30px;
  position: absolute;
  border-top: 3px solid #CCD5DB;
  border-bottom: 3px solid #CCD5DB;
}
.period .timeline-marker:after {
  content: "";
  height: 32px;
  top: auto;
}
.period .timeline-content {
  padding: 40px 0 70px;
}
.period .timeline-title {
  margin: 0;
}
::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 12px;
}

::-webkit-scrollbar:horizontal {
    height: 12px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}

::-webkit-scrollbar-track {
    border-radius: 10px;  
    background-color: #ffffff; 
}

/*
| ----------------------------------------------------
| responsive
| ----------------------------------------------------
*/
@media (max-width: 1367px) {}


@media (max-width: 1025px) {}


@media (max-width: 769px) {}


 /*iphone plus*/
@media (max-width: 415px) {
     .header-item.header-center.flex-align-left{width: 22%}
     .header-section.ths .burger-modal-styles .fltp input[type=text],
     .header-section.ths .burger-modal-styles .fltp:not(.modal-icons) .ui.dropdown,
     .header-section.ths .item:not(.menu-default){margin-top: 5px; }
     .header-section.ths .item:not(.menu-default){height: 50px;}
     .header-section.ths.header-transparent+.next-sq, .header-section.ths.header-transparent+.ui.layout{margin-top: -60px;}
     .header-section.ths, .header-section.ths .header-content{height: 60px}
     .header-section.header-slide-up.header-sticky.is-sticky.ths.is-slide-up .header-content{top: -60px;}
     h4.timeline-title{margin-top: 25px}
     .hero-big .slick-list .slick-track .slick-slide .caption-content{width: 80%;padding-top: 50%;}
     .slick-slide h3{font-size: 1.5rem}
     h2{font-size: 2rem;}
     h1{font-size: 2.3rem}
     .become-dashboard-description .ui.column .become-dashboard-inner{padding: 25px}
     #footer .flex,#footer .footer-logo{display: block;}
     #footer .text-right{text-align: left;margin-bottom: 15px;}
     .header-section.is-sticky .menu-mobile-vertical>ul{left:0;}
     .menu-default>ul{justify-content: flex-end;}
     .inner #footer .text-right{margin-bottom: 75px}
     .header-section.mhs .item:not(.menu-default){margin: 0 8px}
     .fullview .banner-img h3{font-size: 20px;}
     .become-dashboard-description .ui.column .become-dashboard-inner{min-height: auto;}

}


/*iphone: 7px*/
@media (max-width: 376px) {}



/*iphone 5*/
@media (max-width: 321px) {
    .header-section.ths .burger-modal-styles .fltp input[type=text],
     .header-section.ths .burger-modal-styles .fltp:not(.modal-icons) .ui.dropdown,
     .header-section.ths .item:not(.menu-default){height: 45px;}
}

@media (min-width: 768px) {
  .timeline-split .timeline, .timeline-centered .timeline {
    display: table;
  }
  .timeline-split .timeline-item, .timeline-centered .timeline-item {
    display: table-row;
    padding: 0;
  }
  .timeline-split .timeline-info, .timeline-centered .timeline-info,
  .timeline-split .timeline-marker,
  .timeline-centered .timeline-marker,
  .timeline-split .timeline-content,
  .timeline-centered .timeline-content,
  .timeline-split .period .timeline-info,
  .timeline-centered .period .timeline-info {
    display: table-cell;
    vertical-align: top;
  }
  .timeline-split .timeline-marker, .timeline-centered .timeline-marker {
    position: relative;
  }
  .timeline-split .timeline-content, .timeline-centered .timeline-content {
    padding-left: 30px;
    width: 49%;

  }
  .timeline-split .timeline-info, .timeline-centered .timeline-info {
    padding-right: 30px;
  }
  .timeline-split .period .timeline-title, .timeline-centered .period .timeline-title {
    position: relative;
    left: -45px;
  }
}

/*----------------------------------------------
    MOD: TIMELINE CENTERED
----------------------------------------------*/
@media (min-width: 992px) {
  .timeline-centered,
  .timeline-centered .timeline-item,
  .timeline-centered .timeline-info,
  .timeline-centered .timeline-marker,
  .timeline-centered .timeline-content {
    display: block;
    margin: 0;
    padding: 0;
  }
  .timeline-centered .timeline-item {
    padding-bottom: 40px;
    overflow: hidden;
  }
  .timeline-centered .timeline-marker {
    position: absolute;
    left: 50%;
    margin-left: -7.5px;
  }
  .timeline-centered .timeline-info,
  .timeline-centered .timeline-content {
    width: 50%;
  }
  .timeline-centered > .timeline-item:nth-child(odd) .timeline-info {
    float: left;
    text-align: right;
    padding-right: 30px;
  }
  .timeline-centered > .timeline-item:nth-child(odd) .timeline-content {
    float: right;
    text-align: left;
    padding-left: 30px;
  }
  .timeline-centered > .timeline-item:nth-child(even) .timeline-info {
    float: right;
    text-align: left;
    padding-left: 30px;
  }
  .timeline-centered > .timeline-item:nth-child(even) .timeline-content {
    float: left;
    text-align: right;
    padding-right: 30px;
  }
  .timeline-centered > .timeline-item.period .timeline-content {
    float: none;
    padding: 0;
    width: 100%;
    text-align: center;
  }
  .timeline-centered .timeline-item.period {
    padding: 50px 0 90px;
  }
  .timeline-centered .period .timeline-marker:after {
    height: 30px;
    bottom: 0;
    top: auto;
  }
  .timeline-centered .period .timeline-title {
    left: auto;
    color: #7e9fb5;
  }
}

/*----------------------------------------------
    MOD: MARKER OUTLINE
----------------------------------------------*/
.marker-outline .timeline-marker:before {
  background: transparent;
  border-color: #FF6B6B;
}
.marker-outline .timeline-item:hover .timeline-marker:before {
  background: #FF6B6B;
}