@import url("https://fonts.googleapis.com/css?family=Raleway:100,300,400,500,700,900");

body { font-family: Raleway, sans-serif; font-size: 1.2em; color: rgb(112, 112, 112); margin: 0px; padding: 0px; overflow-x: hidden; }

a { transition: all 0.3s ease 0s; color: rgb(51, 136, 187); }

a:hover, a:focus { text-decoration: none; color: rgb(221, 68, 0); }

a:focus { outline: none; }

.btn { padding: 8px 32px; }

.btn:hover { background-color: rgb(206, 212, 218); }

blockquote { font-size: 0.86em; line-height: 1.8em; }

.tm-section-pad-top { padding-top: 80px; padding-bottom: 40px; }

.tm-content-box { padding-top: 20px; padding-bottom: 40px; }

.tm-text-primary { color: rgb(51, 119, 170); }

.tm-font-big { font-size: 1.25rem; }

.tm-btn-primary { color: white; background-color: rgb(51, 102, 153); padding: 14px 30px; }

.tm-btn-primary:hover, .tm-btn-primary:focus { color: white; background-color: rgb(51, 136, 187); }

.tm-navbar { position: fixed; width: 100%; z-index: 1000; background-color: rgba(128, 128, 128, 0.5); transition: all 0.3s ease 0s; }

.tm-navbar.scroll { background-color: white; border-bottom: 1px solid rgb(233, 236, 239); }

.navbar-brand { color: white; font-size: 1.4rem; font-weight: bold; }

body { background-color: white; }

.navbar-brand:hover { color: red; }

.navbar-brand:hover, .tm-navbar.scroll .navbar-brand:hover { color: rgb(51, 136, 187); }

.tm-navbar.scroll .navbar-brand { color: rgb(51, 102, 153); }

.nav-item { list-style: none; }

.tm-nav-link { color: white; }

.tm-navbar.scroll .tm-nav-link { color: rgb(51, 102, 153); }

.tm-navbar.scroll .tm-nav-link:hover, .tm-navbar.scroll .tm-nav-link.current, .tm-nav-link:hover { color: rgb(255, 255, 255); background-color: rgb(51, 102, 153); }

.navbar-toggler { border: 1px solid white; padding-left: 10px; padding-right: 10px; }

.navbar-toggler-icon { color: white; padding-top: 6px; }

.tm-navbar.scroll .navbar-toggler { border: 1px solid rgb(112, 112, 112); }

.tm-navbar.scroll .navbar-toggler-icon { color: rgb(112, 112, 112); }

#infinite { background-color: rgb(34, 34, 34); background-repeat: no-repeat; height: 100vh; min-height: 375px; position: relative; animation: 240s ease 0s infinite normal none running fadein; transition: background-image 2s ease-in-out 0s; }

#infinite { background-color: rgb(34, 34, 34); background-repeat: no-repeat; height: 100vh; min-height: 375px; position: relative; animation: 240s ease 0s infinite normal both running fadein; transition: background-image 2s ease-in-out 0s; }

#infinite::before { content: ""; display: none; background-image: url("../img/infinite-loop-01.jpg"); }

@keyframes fadein { 
  0% { background-image: url("../img/infinite-loop-01.jpg"); }
  14% { background-image: url("../img/infinite-loop-08.jpg"); }
  28% { background-image: url("../img/infinite-loop-04.jpg"); }
  42% { background-image: url("../img/infinite-loop-05.jpg"); }
  56% { background-image: url("../img/infinite-loop-06.jpg"); }
  70% { background-image: url("../img/infinite-loop-07.jpg"); }
  100% { background-image: url("../img/infinite-loop-01.jpg"); }
}

@media (min-height: 600px) and (min-width: 1920px) {
  #infinite { background-size: cover; }
}

@media (min-height: 830px) {
  #infinite { background-position: center -210px; }
}

@media (min-height: 680px) and (max-height: 829px) {
  #infinite { background-position: center -300px; }
}

@media (min-height: 500px) and (max-height: 679px) {
  #infinite { background-position: center -400px; }
}

@media (max-height: 499px) {
  #infinite { background-position: center -450px; }
}

.tm-hero-text-container { width: 100%; height: 100%; display: flex; flex-flow: column; justify-content: center; }

.tm-hero-text-container-inner { margin-top: 90px; }

.tm-hero-title { margin-top: 30px; font-size: 3.5rem; text-shadow: rgb(51, 51, 51) 2px 2px 2px; }

.tm-hero-subtitle { margin-top: 20px; font-size: 1.2rem; text-shadow: rgb(51, 51, 51) 2px 2px 2px; }

.tm-intro-next { position: absolute; bottom: 100px; left: 0px; right: 0px; }

@media (max-height: 480px) {
  .tm-hero-text-container-inner { margin-top: -40px; }
  .tm-intro-next { bottom: 20px; }
}

.tm-down-arrow-link { display: block; margin-top: 18%; }

.tm-down-arrow { color: rgb(255, 255, 255); cursor: pointer; background: rgb(51, 85, 119); padding: 15px 40px; transition: all 0.3s ease 0s; }

.tm-down-arrow:hover, .tm-down-arrow:focus { color: rgb(255, 255, 255); background: rgb(51, 119, 170); padding: 20px 50px; }

#introduction { padding-bottom: 100px; }

.tm-section-title { font-size: 2.6rem; font-weight: normal; text-shadow: rgb(51, 51, 51) 2px 2px 2px; }

.tm-intro-text { font-size: 1.2rem; }

.tm-icon { display: block; color: rgb(51, 119, 170); }

.tm-continue { padding: 20px 0px 30px; }

#testimonials { color: white; background-image: url("../img/infinite-loop-02.jpg"); background-repeat: no-repeat; background-size: 100%; position: relative; }

@media (max-width: 991px) {
  #testimonials { background-image: url("../img/infinite-loop-02-mobile.jpg"); }
}

.tm-testimonials-content { position: relative; z-index: 100; }

.tm-bg-overlay { width: 100%; height: 100%; background: rgba(20, 70, 80, 0.2); position: absolute; inset: 0px; z-index: 0; }

.tm-testimonials-carousel { max-width: 1050px; margin: 0px auto; }

.tm-testimonial-item { max-width: 290px; margin-left: 35px; margin-right: 35px; }

.tm-testimonial-item img { border-radius: 50%; margin-bottom: 35px; }

.tm-testimonial-item figcaption { text-align: right; font-style: italic; font-size: 1.1rem; }

.tm-section-desc { max-width: 650px; width: 100%; font-size: 0.9rem; }

.tm-gallery-container { padding-top: 70px; padding-bottom: 120px; }

.tm-gallery-item { margin: 0px 15px; }

.slick-dots { bottom: -65px; }

.slick-dots li { margin: 0px 13px; }

.slick-dots li button:hover::before, .slick-dots li button:focus::before, .slick-dots li.slick-active button::before { opacity: 1; color: rgb(59, 160, 221); }

.tm-testimonials-carousel .slick-dots li button::before { color: white; opacity: 0.5; }

.tm-testimonials-carousel .slick-dots li button:hover::before, .tm-testimonials-carousel .slick-dots li button:focus::before, .tm-testimonials-carousel .slick-dots li.slick-active button::before { color: white; opacity: 1; }

.slick-dots li button::before { font-size: 18px; }

.grid figure { position: relative; float: left; overflow: hidden; background: rgb(48, 133, 163); text-align: center; cursor: pointer; }

.grid figure img { position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 0.8; }

.grid figure figcaption { padding: 2em; color: rgb(255, 255, 255); text-transform: uppercase; font-size: 1.25em; backface-visibility: hidden; }

.grid figure figcaption::before, .grid figure figcaption::after { pointer-events: none; }

.grid figure figcaption, .grid figure figcaption > a { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }

.grid figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0px; opacity: 0; }

.grid figure h2 { word-spacing: -0.15em; font-size: 0.9em; font-weight: 300; }

.grid figure h2 span { font-weight: 600; }

.grid figure h2, .grid figure p { margin: 0px; }

.grid figure p { letter-spacing: 1px; font-size: 68.5%; }

figure.effect-honey { background: rgb(74, 55, 83); max-width: 220px; }

figure.effect-honey img { opacity: 1; transition: opacity 0.35s ease 0s; }

figure.effect-honey:hover img { opacity: 0.4; }

figure.effect-honey figcaption::before { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 10px; background: rgb(51, 136, 204); content: ""; transform: translate3d(0px, 10px, 0px); }

figure.effect-honey h2 { position: absolute; bottom: 0px; left: 0px; padding: 1em 1.5em; width: 100%; text-align: left; transform: translate3d(0px, -30px, 0px); }

figure.effect-honey h2 i { font-style: normal; opacity: 0; transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; transform: translate3d(0px, -30px, 0px); }

figure.effect-honey figcaption::before, figure.effect-honey h2 { transition: transform 0.35s ease 0s; }

figure.effect-honey:hover figcaption::before, figure.effect-honey:hover h2, figure.effect-honey:hover h2 i { opacity: 1; transform: translate3d(0px, 0px, 0px); }

.tm-container-gallery { padding-top: 30px; }

#contact { color: white; background-color: rgb(0, 24, 40); background-position: center center; background-repeat: no-repeat; min-height: 980px; position: relative; padding-bottom: 50px; padding-top: 100px; }

.contact-item { margin-left: 20px; margin-bottom: 50px; }

.item-link { display: flex; align-items: center; }

.item-link i, .item-link span { color: white; transition: all 0.3s ease 0s; }

.item-link:hover i, .item-link:hover span { color: rgb(52, 150, 216); }

.tm-input { margin: 0px 0px 20px; width: 90%; padding: 8px 20px; border-radius: 6px; border: 1px solid white; background: transparent; color: white; }

.tm-btn-submit { font-size: 0.9em; color: rgb(255, 255, 255); background-color: rgb(51, 102, 153); width: 50%; margin-bottom: 60px; }

.tm-btn-submit:hover { color: rgb(255, 255, 255); background-color: rgb(51, 136, 187); }

::placeholder { color: white; opacity: 1; }

.tm-footer { position: absolute; bottom: 35px; left: 0px; right: 0px; padding: 0px 15px; }

.tm-footer a { color: rgb(255, 255, 255); }

.tm-footer a:hover { color: rgb(153, 204, 255); }

.tm-footer-link { color: white; }

.tm-footer-link:hover, .tm-footer-link:focus { color: rgb(51, 136, 187); text-decoration: none; }

p { line-height: 1.9; }

@media (min-width: 768px) {
  .tm-intro-text-container { padding-left: 0px; }
  .navbar-expand-md .navbar-nav .nav-link { padding-right: 30px; padding-left: 30px; }
}

@media (min-width: 1200px) {
  .container { max-width: 1275px; }
  .tm-container-gallery { max-width: 1290px; }
  .tm-container-contact { max-width: 1063px; }
}

@media (max-width: 991px) {
  .tm-intro-text-container { padding-left: 15px; padding-top: 30px; max-width: 600px; margin-left: auto; margin-right: auto; }
  .tm-intro-img { display: block; margin-left: auto; margin-right: auto; }
  .tm-btn-submit { margin-left: 0px; margin-top: 20px; }
}

@media (max-width: 767px) {
  .navbar-nav { max-width: 200px; text-align: right; }
  .navbar-collapse { background-color: rgb(255, 255, 255); padding: 10px; border-radius: 3px; }
  .navbar-collapse .nav-link { color: rgb(112, 112, 112); padding-right: 20px; }
}

@media (max-width: 480px) {
  .tm-gallery-container { max-width: 220px; margin-left: auto; margin-right: auto; }
  .tm-gallery-container-2 { max-width: 350px; }
  .slick-dots li { margin: 0px 8px; }
  .tm-gallery-item { margin: 0px; }
}