body,
.body-page {
  color: #ffffff; }

a {
  color: #f5eadf; }
  a:hover {
    color: rgba(245, 234, 223, 0.8);
	text-decoration:none;}

.bg-level-1 {
  background-color: #000000 !important; }

.bg-level-2 {
  background-color: #003650 !important; }

.bg-level-3 {
  background-color: #d8c1af !important; }

.bg-secondary {
  background-color: #7e9ba3 !important; }

/* 1. Typography */
/* page header */
.page-header-alpha .navbar-mainmenu .nav-item {
  font-family: "Jost", "Glacial Indifference", "Montserrat", "Open Sans", sans-serif;
  text-transform: none;
  letter-spacing: 0; }

.section-title .title {
  font-family: "Jost", "Glacial Indifference", "Montserrat", "Open Sans", sans-serif;
  text-transform: none; }

/* title */
.display-title,
.section-home h1,
.section-home h2,
.media-service h4,
.section-content h2,
.section-content h3 {
  font-family: "Jost", "Glacial Indifference", "Montserrat", "Open Sans", sans-serif; }

/* small text */
.page-header-alpha .navbar-topmenu .navbar-nav-menu .nav-item,
.scrolldown a,
.btn-outline-white,
.btn-outline-black,
.display-subtitle,
.display-condensed,
.btn-divided .b-title {
  font-family: "Jost", "Glacial Indifference", "Montserrat", "Open Sans", sans-serif; }

/* 2. page-header / .page-header */
.page-header-drawer .navbar-sidebar .nav-item .icon {
  background: none;
  color: #3d3d3d; }

.menu-icon .text {
  color: #ffffff; }

.menu-icon .bars .bar1, .menu-icon .bars .bar2, .menu-icon .bars .bar3 {
  background: #ffffff; }

/* nav */
.page-header-alpha #navbarMenu .navbar-mainmenu .nav-item a:hover {
  color: #f5eadf !important; }

.page-header-drawer .navbar-mainmenu .mainmenu-content {
  background: #000000; }
  @media (min-width: 1024px) {
    .page-header-drawer .navbar-mainmenu .mainmenu-content {
      background: #000000; }
      .page-header-drawer .navbar-mainmenu .mainmenu-content::after {
        display: none; } }

.page-header-drawer.scrolled .navbar-brand {
  -webkit-transform: translateY(-32px);
          transform: translateY(-32px);
  visibility: hidden;
  opacity: 0; }

.page-header.content-white .menu-icon .text {
  color: #ffffff; }

.page-header.content-white .menu-icon .bars .bar1, .page-header.content-white .menu-icon .bars .bar2, .page-header.content-white .menu-icon .bars .bar3 {
  background: #ffffff; }

.page-header.content-white .menu-icon.menu-visible .text {
  color: #3d3d3d; }

.page-header.content-white .menu-icon.menu-visible .bars .bar1, .page-header.content-white .menu-icon.menu-visible .bars .bar2, .page-header.content-white .menu-icon.menu-visible .bars .bar3 {
  background: #3d3d3d; }

.page-header.content-black .menu-icon.menu-visible .text {
  color: #3d3d3d; }

.page-header.content-black .menu-icon.menu-visible .bars .bar1, .page-header.content-black .menu-icon.menu-visible .bars .bar2, .page-header.content-black .menu-icon.menu-visible .bars .bar3 {
  background: #3d3d3d; }

/* 3. components */
/* Media / .media- */
.media-tile {
  background: #f8f9fa;
  color: #ffffff; }
  .media-tile .media-body {
    color: #3d3d3d; }
  .media-tile.diseabled {
    background: #e1e1e1; }

/* Forms and buttons / .form-control- */
.form-control-outline,
.form-control-line {
  border-color: #ffffff; }
  .form-control-outline:focus,
  .form-control-line:focus {
    border-color: #5d5d5d; }

.form-control-line.form-control-white {
  border-color: #3d3d3d; }

.content-white .form-control-line.form-control-white {
  border-color: #ffffff; }

.form-group label.error,
.form-container-transparent.form-container-white .form-input label,
.form-container-transparent .form-input input.form-control-line {
  color: #3d3d3d; }

/* Buttons / .btn-*/
.btn-outline-white {
  color: currentColor;
  border-color: currentColor; }

.btn-divided {
  border-color: #f5eadf; }
  .btn-divided .b-subtitle {
    color: #f5eadf; }

/* 4. sections */
.section-home .home-cover {
  background: url("../img/bg-white-mobile.jpg");
  background-size: cover;
  background-position: center;
  opacity: 0.6; }
  @media (min-width: 768px) {
    .section-home .home-cover {
      background: url("../img/bg-style-1.jpg");
      background-size: cover;
      background-position: center;
      opacity: 1; } }

.content-black h1, .content-black h2, .content-black h3, .content-black h4, .content-black h5, .content-black h6 {
  color: #ffffff; }

.content-white h1, .content-white h2, .content-white h3, .content-white h4, .content-white h5, .content-white h6 {
  color: #ffffff; }

.section-content ul li{
	padding:5px;
	word-spacing:3px;
}

/***clients**/
.swing {
    animation: swing ease-in-out 1s infinite alternate;
    transform-origin: center -20px;
    float:left;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
	margin:20px;
}
.swing img {
    border: 5px solid #f8f8f8;
    display: block;
}
.swing:after{
    content: '';
    position: absolute;  
    width: 20px; height: 20px;  
    border: 1px solid #999;
    top: -10px; left: 46%;
    z-index: 0;
    border-bottom: none;
    border-right: none;
    transform: rotate(45deg);
}
/* nail */
.swing:before{
    content: '';
    position: absolute;
    width: 5px; height: 5px;
    top: -14px;left: 50%;
    z-index: 5;
    border-radius: 50% 50%;
    background: #fff;
}
 
@keyframes swing {
    0% { transform: rotate(3deg); }
    100% { transform: rotate(-3deg); }
}

/***rewards**/
.timeline{
	padding:50px 0px;
}
.timeline ul li {
  list-style-type: none;
  position: relative;
  width: 6px;
  margin: 0 auto;
  padding-top: 50px;
  background: #fff;
}
.timeline ul li::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%) rotate(45deg);
  width: 20px;
  height: 20px;
  z-index: 2;
  background: #eee;
}
.timeline ul li div {
  position: relative;
  bottom: 0;
  width: 400px;
  height: 250px;
  padding: 10px;
  background: #fff;
  display: flex;
  align-items: center;
}
.timeline ul li div time {
  position: absolute;
  background: #f5af19;
  width: 250px;
  height: 50px;
  top: -15px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: 2px;
}
.timeline ul li div div {
  height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.timeline ul li div div p,
.timeline ul li div div h4 {
  text-align: left;
}
.timeline ul li div .award {
  margin-right: 10px;color:#000;
  margin-top:10px !important;
}
.timeline ul li:nth-of-type(odd) > div {
  left: 45px;
}
.timeline ul li:nth-of-type(even) > div {
  left: -439px;
}

.timeline ul li div {
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.timeline ul li:nth-of-type(odd) div {
  transform: translate3d(100px, -10px, 0) rotate(10deg);
}
.timeline ul li:nth-of-type(even) div {
  transform: translate3d(-100px, -10px, 0) rotate(10deg);
}
.timeline ul li.in-view div {
  transform: none;
  visibility: visible;
  opacity: 1;
}

@media screen and (max-width: 900px) {
  .timeline ul li div {
    width: 250px;
    flex-direction: column;
  }
  .timeline ul li div div {
    width: 100%;
    margin-top: 20px;
  }
  .timeline ul li:nth-of-type(even) > div {
    left: -289px;
  }
  .timeline ul li .award {
	margin-top:90px;
  }
  .timeline ul li .award h4{
	font-size:19px;
  }
}
@media screen and (max-width: 600px) {
  .timeline ul li {
    margin-left: 10px;
  }
  .timeline ul li div {
    width: calc(100vw - 91px);
  }
  .timeline ul li:nth-of-type(even) > div {
    left: 45px;
  }
  .timeline ul li div {
	  width: 230px;
  }
  .timeline ul li div time {
	width: 230px;
  }
  .timeline ul li .award {
	margin-top:90px;
  }
  .timeline ul li .award h4{
	font-size:19px;
  }
}

/***products**/
.product {
  position: relative;
  height: 500px;
  text-align:center;
}
.overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  transition: background 0.5s ease;
}

.product:hover .overlay {
  display: block;
  background: rgba(0, 0, 0, .3);
}


.title {
  position: absolute;
  top: 120px;
  font-weight: 700;
  font-size: 30px;
  text-align: center;
  text-transform: uppercase;
  color: white;
  z-index: 1;
  transition: top .5s ease;
  text-align:center;
}

.product:hover .title {
  top: 90px;
}

.button {
  position: absolute;
  top: 180px;
  text-align: center;
  opacity: 0;
  transition: opacity .35s ease;
}

.button a {
  padding: 12px 48px;
  text-align: center;
  color: white;
  border: solid 2px white;
  z-index: 1;
}

.product:hover .button {
  opacity: 1;
}

/**products**/
.products .col-md-6{
	height:500px;
	padding-top:100px;
}
.products .row .elivio{
	background-image:cover;
	background-position:center;
}

.section-wrapper .section-content .row .elivio-social-icons i{
	height:20px;width:20px;
	margin:20px;
}