/*
Author       : Themes_oceans
Template Name: Hino - Multipurpose Business HTML Template
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
	01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
	02. START BOOTSTRAP NAVIGATION OVERRIDES
	03. START HOME DESIGN
	04. START ABOUT DESIGN
	05. START SERVICE DESIGN
	06. START VIDEO DESIGN
	07. START SPECIAL PACKAGE DESIGN
	08. START TEAM DESIGN
	09. START PRICING DESIGN
	10. START TESTIMONIAL DESIGN
	11. START BLOG DESIGN
	12. START PARTNER DESIGN
	13. START CONTACT DESIGN
	14. START FOOTER DESIGN
	15. START SECTION TOP DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

@font-face {
	font-family: 'Space Age';
	src:url('../fonts/space_age.ttf');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Conthrax';
	src:url('../fonts/conthrax-sb.otf');
	font-weight: normal;
	font-style: normal;
}

:root {
  --color--primary: #42ABBA;
  --color--primary-hover: #4184BA;
  --color--secondary: #F26A32;
  --color--secondary-hover: #F28B33;
  --color-background: #1F000E;
  --color-background-secondary: #1F0100;
  --color-button-font: #FAE8C3;
}


.cta-button {
  font-family: "Conthrax";
  background-repeat: no-repeat;
  background-size: contain;
  padding: 13px 37px;
  color: var(--color-button-font) !important;
  transition: 0.3s;
}

.cta-button.secondary{
  background-image: url(../img/bg_cta.svg);
}


.cta-button.secondary:hover{
  background-image: url(../img/bg_cta_hover.svg);
}


.cta-button.primary{
  background-color: var(--color--primary);
}



.cta-button.transparent{
  background-image: url(../img/bg_cta_transparent.svg);
  background-color: transparent;
  padding: 16px 37px;
}

.cta-button.transparent:hover{
  background-image: url(../img/bg_cta_transparent_hover.svg);
  color: var(--color-background) !important;
}
body {
  color:  rgb(226, 226, 226);
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  background: var(--color-background);
  overflow-x: hidden;
}
html,
body {
  height: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: 0px;
  margin: 0px;
  color: #fff;
  font-family: "Conthrax";
  text-transform: uppercase;
}
a {
  color: #232434;
  text-decoration: none;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
a:hover {
  color: #fff;
  text-decoration: none;
}
a:focus {
  outline: none;
  text-decoration: none;
}
p {
  margin: 0;
  padding: 0;
}
ul,
li {
  margin: 0;
  padding: 0;
}

fieldset {
  border: 0 none;
  margin: 0 auto;
  padding: 0;
}

.invert {
  -webkit-filter: invert(100%);
  -moz-filter: invert(100%);
  -ms-filter: invert(100%);
  -o-filter: invert(100%);
  filter: invert(100%);
}

/*START PRELOADER DESIGN*/
.preloader {
  background: #fff;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 99999;
}
.spinner {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  font-size: 10px;
  text-indent: -12345px;
  z-index: 10000;
}

.opacity-0 {
  opacity: 0;
}
.double-bounce1,
.double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: var(--color--primary);
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;

  -webkit-animation: sk-bounce 2s infinite ease-in-out;
  animation: sk-bounce 2s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

@-webkit-keyframes sk-bounce {
  0%,
  100% {
    -webkit-transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
  }
}

@keyframes sk-bounce {
  0%,
  100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
.no-padding {
  padding: 0;
}
/*END PRELOADER DESIGN*/
/*START SECTION TITLE DESIGN*/
.section-padding {
  padding: 80px 0;
}
.section-title {
  margin-bottom: 60px;
}
.section-title h1 {
  font-size: 44px;
  font-weight: 500;
  margin-top: 0;
  position: relative;
  margin-bottom: 15px;
}
@media only screen and (max-width: 480px) {
  .section-title h1 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
  }
}
h1.section-title-white {
  color: inherit;
}
h4.section-title-white {
  color: #fff;
}
.section-title p {
  padding: 0 10px;
  width: 70%;
  margin: auto;
  letter-spacing: 1px;
}
p.section-title-white {
  color: inherit;
}
@media only screen and (max-width: 768px) {
  .section-title p {
    padding: 0 10px;
    width: 90%;
    margin: auto;
  }
}
/*END SECTION TITLE DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
  background: var(--color--secondary) none repeat scroll 0 0;
  border-radius: 50%;
  bottom: 5px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  height: 45px;
  line-height: 45px;
  opacity: 1;
  position: fixed;
  right: 5px;
  text-align: center;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  width: 45px;
  z-index: 999;
}
.topcontrol:hover {
  background: var(--color--secondary-hover);
  color: #fff;
}
/*END SCROLL TO TOP*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 02.START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.site-logo img {
  /*  width: 140px; */
  width: auto;
  height: 42px;
}
.bg-faded {
  background-color: transparent;
  transition: all 0.5s ease 0s;
}

.fixed-top img.transparent {
  display: block;
}

.fixed-top img.not-transparent {
  display: none;
}

.fixed-top.navbar-fixed img.transparent {
  display: none;
}

.fixed-top.navbar-fixed img.not-transparent {
  display: block;
}

@media only screen and (max-width: 767px) {
  .bg-faded {
    background-color: var(--color--secondary);
  }

  .fixed-top img.not-transparent {
    display: block !important;
  }

  .fixed-top img.transparent {
    display: none !important;
  }
}

.navbar-fixed {
  z-index: 999;
  position: fixed;
  opacity: 0.98;
  width: 100%;
  padding: 10px 0;
  top: 0;
  -webkit-animation: fadeInDown 800ms;
  animation: fadeInDown 800ms;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  border-radius: 0px;
  background: var(--color--secondary);
  box-shadow: 0px 60px 60px rgba(0, 0, 0, 0.1);
}

#navigation {
  padding: 20px 0;
}

#navigation .container .row{
  align-items: center;
}

@media screen and (max-width: 480px) {
  #navigation {
    padding: 15px 0;
  }
}
#navigation.navbar-fixed {
  padding: 20px 0;
}
.header_right {
  display: flex;
  flex-basis: auto;
}
#main-menu {
  margin-top: 10px;
}
#main-menu ul {
  display: flex;
  align-items: center;
  list-style-type: none;
}
#main-menu ul li {
  display: inline-block;
  padding: 0px 12px;
  position: relative;
}
#main-menu ul li a {
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  transition: 0.3s;
  font-family: 'Conthrax';
  text-transform: uppercase;
  color: var(--color-button-font);
}
/* 
#main-menu ul li:first-child a {
  background: none;
  border: 1px solid #fff;
  border-radius: 0px;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  overflow: hidden;
  padding: 10px 16px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
} */

@media only screen and (max-width: 1024px) {
  #main-menu ul li {
    padding: 0px 8px;
  }
  #main-menu ul li a {
    font-size: 8px;
  }
}
@media only screen and (max-width: 960px) {
  #main-menu ul li {
    padding: 0px 8px;
  }

}
@media only screen and (max-width: 800px) {
  #main-menu ul li {
    padding: 0px 4px;
  }

}
#navigation.navbar-fixed #main-menu ul li a {
}
#navigation.navbar-fixed #main-menu ul li a:hover,
#navigation.navbar-fixed #main-menu ul li a:focus,
#main-menu ul li a:hover,
#main-menu ul li a:focus {
  color: #fff;
}
#main-menu ul li a:hover,
#main-menu ul li a:focus {
  color: #fff;
}
.slicknav_nav_icon {
  color: #fff;
  font-size: 24px;
}
.slicknav_menu .slicknav_icon::before {
  background: transparent;
  width: 1.125em;
  height: 0.875em;
  display: block;
  content: "\e68e";
  position: absolute;
  font-family: "themify";
  color: #fff;
  font-size: 20px;
}
#mobile_menu {
  display: none;
}
@media only screen and (max-width: 767px) {
  .navbar-default {
    padding: 10px !important;
  }
  .navbar-collapse {
    margin-top: 15px;
  }

  #navigation ul li a {
    position: inherit;
    color: var(--color--primary-hover);
  }

  #navigation ul li ul,
  #navigation ul li ul li ul {
    opacity: 1;
    position: inherit;
    top: 0;
    transition: all 0.3s ease 0s;
    z-index: 1;
    visibility: visible;
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.05);
    padding: 15px;
    left: 0;
    background: #7868e6;
    list-style: none;
    width: 100%;
  }

  #navigation ul li ul.sub-menu li {
    z-index: 1;
  }

  #navigation ul li:hover ul.sub-menu {
    top: 0;
    opacity: 1;
    z-index: 999;
    visibility: visible;
  }
  #main-menu {
    display: none;
  }
  #mobile_menu {
    display: block;
    width: 100%;
  }
  .slicknav_nav ul li a {
    color: #fff !important;
    font-size: 16px;
    font-weight: 600;
  }

  .slicknav_nav ul li a.cta-button {
    background-image: none;
    font-family: inherit;
    padding: unset;
    padding: 5px 10px;
  }
}
@media only screen and (max-width: 767px) {
  .navbar-brand {
    padding-top: 20px;
  }
  .slicknav_menu {
    font-size: 16px;
    box-sizing: border-box;
    background: transparent;
    padding: 0;
    margin-top: 10px;
  }
}
@media only screen and (max-width: 568px) {
  .slicknav_menu {
    margin-top: -40px;
  }
}
@media only screen and (max-width: 480px) {
  .slicknav_menu {
    margin-top: -40px;
  }
}
.arrow-btn::after {
  font-family: FontAwesome;
  content: "\f0d7";
  position: absolute;
  top: 60%;
  right: -1px;
  margin-top: -14px;
}

@media only screen and (max-width: 844px) {
  .arrow-btn::after {
    right: -3px;
  }
}
@media only screen and (max-width: 767px) {
  .arrow-btn::after {
    display: none;
  }
}
.slicknav_nav .slicknav_arrow {
  font-size: 16px;
}
/*START DROPDOWN MENU*/
.menu_dropdown ul {
  list-style-type: none;
}
.menu_dropdown li ul.sub-menu,
.menu_dropdown ul li ul.sub-menu li ul.sub-menu {
  background: #7868e6;
  left: -30px;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 125%;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 200px;
  text-align: left;
  z-index: -99;
  margin-top: 15px;
  border-radius: 3px;
}
.menu_dropdown ul li ul.sub-menu li ul.sub-menu {
  top: 0;
  left: 100%;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.menu_dropdown ul li ul.sub-menu li {
  padding: 0;
  width: 100%;
}
.menu_dropdown ul li:hover ul.sub-menu {
  top: 100%;
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 999;
  visibility: visible;
}
.menu_dropdown ul.nav > li ul li:hover ul.sub-menu {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.menu_dropdown ul li ul.sub-menu li a {
  color: #fff !important;
  font-size: 17px;
  padding: 15px;
  text-transform: capitalize;
  display: block;
  border-bottom: 0px;
}
.menu_dropdown ul li ul.sub-menu li:last-child a {
  border-bottom: none;
}
.menu_dropdown ul li:hover ul.sub-menu li a:hover {
  color: #fff !important;
  text-decoration: none;
  padding-left: 15px;
  background: none;
}
/*END DROPDOWN MENU*/
/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
.home_bg {
  height: 750px;
  position: relative;
}
.home_bg:before {
  background: rgba(0, 0, 0, 0.5);
  content: "";
  height: 100%;
  opacity: 0.9;
  filter: alpha(opacity=80);
  position: absolute;
  width: 100%;
}
.hero-text {
  padding-top: 250px;
}
@media only screen and (max-width: 480px) {
  .hero-text {
    padding-top: 270px;
  }
}
.hero-text h2 {
  font-size: 50px;
  letter-spacing: 0;
  margin-bottom: 20px;
  line-height: 64px;
  color: #fff;
  font-family: 'Space Age';
}
@media only screen and (max-width: 480px) {
  .hero-text h2 {
    font-size: 30px;
    line-height: 40px;
  }
}
.hero-text p {
  margin-top: 10px;
  margin: 10px auto 30px;
  color: #fff;
}
@media only screen and (max-width: 480px) {
  .hero-text p {
    width: 90%;
    margin-left: 0px;
  }
}
.home_btn a {
  margin-bottom: 20px;
  margin-right: 20px;
}

.learn_btn {
  background: #fff;
  border: 1px solid #fff;
  border-radius: 0px;
  color: var(--color--secondary-hover);
  display: inline-block;
  font-size: 16px;
  overflow: hidden;
  padding: 12px 30px;
  text-transform: capitalize;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
@media only screen and (max-width: 360px) {
  .learn_btn {
    padding: 10px 40px;
  }
}
.learn_btn:hover {
  background: var(--color--secondary-hover);
  color: #fff;
  border: 1px solid var(--color--secondary-hover);
}

.get_btn {
  background: none;
  border: 1px solid #fff;
  border-radius: 0px;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  overflow: hidden;
  padding: 12px 30px;
  text-transform: capitalize;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
@media only screen and (max-width: 360px) {
  .get_btn {
    padding: 10px 40px;
  }
}
.get_btn:hover,
.get_btn:focus {
  background: var(--color--secondary-hover);
  color: #fff;
  border: 1px solid var(--color--secondary-hover);
}
/*START OTHER HOME PAGE CSS*/
#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
.home_video {
  height: 700px;
  position: relative;
}
.home_video:before {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
  content: "";
  left: 0;
  top: 0;
}
.html-video {
  top: 0%;
  left: 0%;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.slider-caption {
  left: 0;
  position: absolute;
  text-align: center;
  top: 25%;
  transform: translate(0%, -50%);
  width: 100%;
  z-index: 15;
}
video {
  min-width: 100%;
}
@media only screen and (max-width: 768px) {
  video {
    min-width: 100%;
    height: 100%;
  }
}
/*START HOME SLIDER DESIGN*/
.flexslider .slides > li:first-child {
  display: block;
}
.flexslider.loading .slides > li:first-child {
  opacity: 1 !important;
}
.flexslider {
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  box-shadow: none;
  border-radius: 0;
  overflow: hidden;
  background: none;
}
#home-slider .slides li {
  height: 700px;
  background-size: cover !important;
  position: relative;
}
#home-slider .slides li:after {
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
}
.flex-control-nav {
  width: 20px;
  bottom: auto;
  z-index: 20;
  top: 40%;
  right: 20px;
}

.flex-control-nav li {
  display: block;
  margin: 0 0 6px 0;
}

.flex-control-paging li a {
  background: transparent;
  border: 2px solid #fff;
  border-radius: 100%;
  box-shadow: none;
}
.flex-control-paging li a.flex-active,
.flex-control-paging li a:hover {
  background: #fff;
  border-color: #fff;
}
#home-slider.flexslider.loading {
  position: relative;
}
#home-slider.flexslider.loading:after {
  content: " ";
  position: absolute;
  width: 30px;
  height: 30px;
  right: 20px;
  top: 40%;
  margin: 0 0 0 -15px;
  border: 4px solid #3cd2ad;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: spin 1s linear infinite;
  -moz-animation: spin 1s linear infinite;
  -ms-animation: spin 1s linear infinite;
  -o-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*END HOME SLIDER DESIGN*/
/*END OTHER HOME PAGE CSS*/
/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 04.START ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/
/*START ABOUT CONTENT*/

.about-title h1 {
  width: 70%;
  margin: auto;
  margin-bottom: 80px;
  font-weight: 500;
  line-height: 52px;
}
@media only screen and (max-width: 480px) {
  .about-title h1 {
    font-size: 32px;
    line-height: 1em;
    width: 100%;
  }
}
.about-content {
  padding-bottom: 50px;
}

.tendencies-content {
  padding-bottom: 50px;
}

.tendencies-content .single-about span {
  background: var(--color--primary);
}

.tendencies-content .single-about {
  height: 175px;
  box-shadow: 0px 22px 158px 0px rgb(0 0 0 / 10%);
}

.tendencies-content .single-about h3 {
  font-weight: 600;
  font-size: 22px;
  padding-bottom: 15px;
  color: #444;
}

.single-about {
  background: #fff;
  padding: 60px;
  margin-bottom: 30px;
  border-radius: 3px;
  position: relative;
  z-index: 2;
  color: #333;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
@media only screen and (max-width: 76epx) {
  .single-about {
    padding: 30px;
  }
}
@media only screen and (max-width: 480px) {
  .single-about {
    padding: 40px;
    margin-bottom: 60px;
  }
}
.single-about:hover {
  -webkit-box-shadow: 0px 60px 60px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 60px 60px rgba(0, 0, 0, 0.1);
  /* z-index: 100; */
  -webkit-transform: translate(0, -10px);
  -ms-transform: translate(0, -10px);
  transform: translate(0, -10px);
}
.single-about span {
  display: inline-block;
  font-size: 28px;
  margin-bottom: 25px;
  text-align: center;
  color: #fff;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  position: absolute;
  top: -35px;
  background: var(--color--secondary);
  width: 70px;
  height: 70px;
  line-height: 70px;
  border-radius: 100px;
}
@media only screen and (max-width: 768px) {
  .single-about span {
    top: -45px;
  }
}
.single-about h4 {
  text-transform: capitalize;
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 15px;
}

/*END ABOUT CONTENT*/

/*START ABOUT TWO*/
.about-content-two {
  /* background-image: url(../img/bg//bg-intro-about.png); */
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top center;
  position: relative;
}

.about-two-img {
  text-align: center;
}

.about-two-img p {
  opacity: 0;
  font-size: 9px;
  text-align: start;
  width: fit-content;
  transition: 0.3s;
}

.about-content-two:hover .about-two-img p {
  opacity: 1;
}

.about-two h1 {
  font-size: 2.2rem;
  margin-bottom: 15px;
  line-height: 52px;
}
.about-two p {
  margin-bottom: 30px;
  padding-right: 100px;
}
@media only screen and (max-width: 768px) {
  .about-two p {
    padding-right: 0px;
  }
}
.about-btn {
  background: var(--color--secondary);
  color: #fff;
  padding: 12px 30px;
  display: inline-block;
  border-radius: 3px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.about-btn:hover {
  background: var(--color--secondary-hover);
  color: #fff;
}
/*END ABOUT TWO*/

/*START ABOUT PROCESS*/
.about-process {
  padding-bottom: 50px;
}

@media only screen and (max-width: 480px) {
  .single-about-process {
    margin-bottom: 60px;
  }
}
.single-about-process h1 {
  margin-bottom: 15px;
  line-height: 50px;
  font-weight: 500;
}
.single-about-process p {
  margin-bottom: 30px;
  padding-right: 100px;
}
.single-about-process ul {
  list-style: none;
}
.single-about-process ul li {
  line-height: 40px;
  font-weight: 400;
}
.single-about-process ul li span {
  margin-right: 10px;
  border: 2px solid var(--color--secondary);
  border-radius: 30px;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  background: var(--color--secondary);
}
/*START COUNTER*/
.about-process .counter {
  height: 210px;
  text-align: center;
  border-radius: 3px;
  margin-bottom: 30px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.about-process .counter:hover {
  -webkit-box-shadow: 0px 50px 50px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 50px 50px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 1;
  -webkit-transform: translate(0, -10px);
  -ms-transform: translate(0, -10px);
  transform: translate(0, -10px);
}
.about-process .counter img {
  object-fit: cover;
}

@media only screen and (max-width: 768px) {
  .about-process .counter {
    margin-bottom: 40px;
    overflow: hidden;
  }
}
.counter h2 {
  font-size: 50px;
  margin-top: 0;
  color: #fff;
}
.counter h5 {
  margin-top: 5px;
  margin-bottom: 0;
  color: #fff;
  text-transform: capitalize;
}
.color-one {
  background: var(--color--primary);
}
.color-two {
  background: #35ac39;
  margin-top: 60px;
}

.color-two img {
  object-position: top;
}

.color-three {
  background: #f54291;
  margin-top: -60px;
}
.color-four {
  background: #bac964;
}

@media only screen and (max-width: 575px) {
  .color-two {
    margin-top: 0px;
  }
  .color-three {
    margin-top: 0px;
  }
}
/*END COUNTER*/
/*END ABOUT PROCESS*/
/*
* ----------------------------------------------------------------------------------------
* 04.END ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 *  07.START SPECIAL PACKAGE DESIGN
 * ----------------------------------------------------------------------------------------
*/

.special_package {
}

.special_package h1 {
  font-size: 32px;
  font-weight: 600;
}

.special_package h4 {
	font-family: 'Conthrax';
  font-size: 22px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 10px;
}

.special_package img {
  object-fit: contain;
/*   max-height: 80px; */
}

.special_package .evve {
  /* object-position: 50%; */
}

.special_package .co-realizacao h2 {
  font-size: 45px;
  font-weight: bold;
}

@media (max-width: 991px) {
  .special_package .co-realizacao h2 {
    font-size: 35px;
  }
}

@media (max-width: 767px) {
  .special_package .evve {
    object-position: initial;
  }

  .special_package .co-realizacao h2 {
    font-size: 45px;
  }
}

.special_package .membership img {
  height: 90px;
  object-fit: contain;
}
@media only screen and (max-width: 480px) {
  .special_package h1 {
    font-size: 28px;
  }
  .special_package h4  {
    font-size: 16px;
    text-align: center;
  }

  .special_package h4 br {
    display: none;
  }
}
.single-project {
  position: relative;
  margin: 0 15px;
  -webkit-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}
.single-project .sp-img {
  position: relative;
}

.single-project .sp-hover {
  position: absolute;
  height: 0%;
  width: 0%;
  top: 50%;
  left: 50%;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}
.single-project:hover .sp-hover {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.8;
}
.single-project .sp-social {
  position: relative;
  top: 80%;
}
.single-project .sp-social ul {
  position: relative;
  padding: 0px;
  list-style-type: none;
  text-align: center;
}
.single-project .sp-social ul li {
  position: relative;
  display: inline-block;
}
.single-project .sp-social ul li a {
  font-size: 18px;
  display: block;
  color: #fff;
  font-weight: 600;
  padding: 10px 30px;
  border-radius: 20px;
}
.single-project .sp-social ul li a:hover {
  color: var(--color--primary);
}
.single-project .sp-info {
  position: relative;
  background-color: #f5f8fa;
  padding: 15px;
  text-align: center;
}
.single-project .sp-info p a {
  font-size: 20px;
  font-weight: 500;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.single-project .sp-info p a:hover {
  color: var(--color--primary);
}

/*START SINGLE PROJECT DETAILS*/
.single_project_area {
  background: #f5f8fa;
}
.single_project_details {
  background: #fff;
  padding: 60px;
}

.single_project_details h1 {
  margin: 20px 0;
  font-size: 50px;
  line-height: 60px;
}
@media only screen and (max-width: 480px) {
  .single_project_details h1 {
    margin: 20px 0;
    font-size: 30px;
    line-height: 45px;
  }
}
.project_details_info {
  margin-bottom: 30px;
  margin-top: 60px;
}
.project_details_info h4 {
  font-weight: 500;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.project_details_info ul {
  list-style: none;
}
.project_details_info ul li {
  line-height: 32px;
}
.project_details_info ul li i {
  color: var(--color--primary);
  margin-right: 10px;
}
.project_details_info ul li a {
  color: var(--color--primary);
}

/*END SINGLE PROJECT DETAILS*/
/*
 * ----------------------------------------------------------------------------------------
 * 07.END SPECIAL PACKAGE DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 08.START TEAM DESIGN
 * ----------------------------------------------------------------------------------------
*/

.our_team {
  background: var(--color--primary);
}

.our_team h1,
.our_team p,
.our_team h5 {
  color: #fff;
}

.our_team .btn:hover {
  background-color: var(--color--secondary-hover);
  color: #fff;
}

.single-team {
  position: relative;
  border-radius: 10px;
}
@media only screen and (max-width: 768px) {
  .single-team {
    margin-bottom: 30px;
  }
}
.single-team::before {
  content: "";
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  border-radius: 10px;
}

.single-team .img img {
  border-radius: 10px;
  width: 100%;
}
.single-team .team-content {
  text-align: center;
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 20px;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  padding: 20px;
  border-radius: 10px;
}
.team-content h3 {
  margin: 0px;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 5px;
}
.team-content p {
  font-weight: 500;
  font-size: 14px;
}

.single-team .team-content ul.social {
  list-style: none;
  margin-top: 10px;
}
.single-team .team-content .social li {
  display: inline-block;
}
.single-team .team-content .social li a {
  display: block;
  height: 40px;
  width: 40px;
  line-height: 40px;
  border-radius: 100px;
  border: 1px solid #eee;
  font-size: 14px;
  color: var(--color--primary-hover);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.single-team .team-content .social li a:hover {
  color: var(--color--primary);
}
.single-team:hover::before {
  opacity: 0.7;
}
.single-team:hover .team-content {
  opacity: 1;
  visibility: visible;
}
/*
 * ----------------------------------------------------------------------------------------
 * 08.END TEAM DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 09.START PRICING DESIGN
 * ----------------------------------------------------------------------------------------
 */

.btn-price-bg {
  background: var(--color--secondary);
  border: 2px solid var(--color--secondary);
  border-radius: 5000px;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  overflow: hidden;
  padding: 12px 40px;
  text-transform: capitalize;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

/*
 * ----------------------------------------------------------------------------------------
 * 09.END PRICING DESIGN
 * ----------------------------------------------------------------------------------------
 */

/*
 * ----------------------------------------------------------------------------------------
 * 12.START PARTNER DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 12.END PARTNER DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 14.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer {
  background: var(--color--primary);
}

.footer h2 {
  font-size: 25px;
  font-weight: 600;
  color: #fff;
}

.footer ul li {
  list-style: none;
}

.footer .fastest-access ul li a {
  color: #fff;
  opacity: 0.98;
}

.footer .doubts p {
  color: #fff;
  opacity: 0.98;
}

.footer .doubts a {
  color: #fff;
  opacity: 0.98;
}

.footer p.copyright {
  color: white;
}

/*START NEWSLTTER FORM*/
.newsletter-form {
  margin-bottom: 60px;
}
.newsletter-form p {
  color: #a2a2a2;
  margin-bottom: 30px;
}
.subscribe {
  display: block;
  position: relative;
  width: 100%;
}
.subscribe__input {
  background: rgba(241, 241, 241, 0.04);
  border-radius: 500px;
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: 500;
  height: 90px;
  margin: 0;
  padding: 20px;
  width: 100%;
  border: 0px;
  font-family: "Poppins", sans-serif;
}
@media only screen and (max-width: 480px) {
  .subscribe__input {
    font-size: 13px;
  }
}
.subscribe__btn {
  background-color: var(--color--primary);
  border-radius: 100px;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 18px;
  height: 46px;
  position: absolute;
  top: 20px;
  width: 150px;
  right: 20px;
  bottom: 5px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (max-width: 480px) {
  .subscribe__btn {
    font-size: 15px;
    height: 40px;
    top: 26px;
    width: 120px;
  }
}
.subscribe__btn:hover {
  color: var(--color--primary-hover);
  background: #fff;
}
button {
  padding: 0;
  border: none;
  background-color: transparent;
  border-radius: 0;
}
/*END NEWSLTTER FORM*/

.footer_about h3 {
  color: #a2a2a2;
  text-align: center;
}
/*START SOCIAL PROFILE CSS*/
.social_profile {
  margin-top: 40px;
}
.social_profile ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.social_profile ul li {
  display: inline-block;
}
.social_profile ul li a {
  text-align: center;
  border: 0px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  margin: 0px 10px;
  font-size: 22px;
  color: #eee;
  border-radius: 30px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  display: block;
  border: 1px solid #1c4972;
}
.f_facebook {
  background: #3b5998;
}
.f_twitter {
  background: #1a90d9;
}
.f_instagram {
  background: #ff5252;
}
.f_linkedin {
  background: #0077b5;
}
.f_skype {
  background: #01a4e0;
}
@media only screen and (max-width: 768px) {
  .social_profile ul li a {
    margin-right: 10px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 480px) {
  .social_profile ul li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
}
.social_profile ul li a:hover {
  background: #fff;
  color: var(--color--primary-hover);
}

/*END SOCIAL PROFILE CSS*/
.copyright {
  color: white;
  font-size: 15px;
  text-align: center;
}
.copyright a {
  color: white;
  text-decoration: underline;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  font-weight: 500;
}
.copyright a:hover {
  opacity: 0.6;
}
/*
* ----------------------------------------------------------------------------------------
* 14.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 *  15.START SECTION TOP DESIGN
 * ----------------------------------------------------------------------------------------
 */

.section-top {
  padding-bottom: 100px;
  padding-top: 160px;
  position: relative;
}
.section-top:before {
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.section-top-title h1 {
  color: #fff;
  font-weight: 600;
}
/*
 * ----------------------------------------------------------------------------------------
 * 15.END SECTION TOP DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 *  16.START COOKIES
 * ----------------------------------------------------------------------------------------
 */

.cookie-container {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #efefef;

  box-shadow: 0 0 12px -2px rgb(0 0 0 / 54%);
  -webkit-box-shadow: 0 0 12px -2px rgb(0 0 0 / 54%);
  -moz-box-shadow: 0 0 12px -2px rgba(0, 0, 0, 0.54);
  z-index: 10;
}

.cookie-container > div p {
  font-size: 0.9rem;
  line-height: 1.2rem;
}

.cookie-container > div p a {
  color: #007bff;
}

.cookie-container > div p a:hover {
  color: #007bff;
  text-decoration: underline;
}

.cookie-container > div button {
  border-radius: 5px;
  font-size: 14px;
  width: 100%;
  background-color: var(--color--secondary);
  color: white;
  outline: none;
  transition: 0.3s;
}

.cookie-container > div button:hover {
  background-color: var(--color--secondary-hover);
}

@media (max-width: 575px) {
  .cookie-container > div p {
    font-size: 0.8rem;
    line-height: 1rem;
  }
}

/*
 * ----------------------------------------------------------------------------------------
 *  16.END COOKIES
 * ----------------------------------------------------------------------------------------
 */

/*
 * ----------------------------------------------------------------------------------------
 *  17.START INNOVATION BUS
 * ----------------------------------------------------------------------------------------
 */

.img-hover {
  transform: scale(1);
  transition: transform 0.3s ease;
}

.img-hover:hover {
  transform: scale(1.1);
}

/*
 * ----------------------------------------------------------------------------------------
 *  17.END INNOVATION BUS
 * ----------------------------------------------------------------------------------------
 */

/*
 * ----------------------------------------------------------------------------------------
 *  17.START COUNTDOWN
 * ----------------------------------------------------------------------------------------
 */

.countdown-section{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 100px auto;
}

.countdown-section h2 {
  font-size: 40px;
  margin-bottom: 80px;
}


.countdown-container {
  display: flex;
  gap: 20px;
}

.countdown {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.countdown .circle {
   width: 210px;
  /*border-radius: 50%;
  border: 5px solid #f39c12; */
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 120px;
  font-weight: bold;
	font-family: 'Conthrax';

}

.countdown label {
  margin-top: 50px;
  color: #fff;
  font-size: 25px;
  font-weight: bold;
	font-family: 'Space Age';

}


@media (max-width: 1199px) {

  .countdown-section h2 {
    font-size: 3.34vw;
    margin-bottom: 6.67vw;
  }
  
  
  .countdown-container {
    gap: 1.67vw;
  }
  

  
  .countdown .circle {
     width: 17.51vw;
    font-size: 10.01vw;
  
  }
  
  .countdown label {
    margin-top: 4.17vw;
    font-size: 2.09vw;
  }  
}


@media (max-width: 797px) {

  .countdown-section h2 {
    font-size: 4.2vw;
    margin-bottom: 6.67vw;
  }
  
  
  .countdown-container {
    gap: 1.67vw;
  }
  

  
  .countdown .circle {
    width: 22.51vw;
    font-size: 12.01vw;
  
  }
  
  .countdown label {
    margin-top: 4.17vw;
    font-size: 3.09vw;
  }  
}



@media (max-width: 575px) {
  .countdown-section {
    margin: 30px auto;
  }

    
}
/*
 * ----------------------------------------------------------------------------------------
 *  17.END COUNTDOWN
 * ----------------------------------------------------------------------------------------
 */


#hotel-marbor .title-content h2{
  font-size: 70px;
  color: var(--color--secondary);
}

#hotel-marbor .title-content img{
  width: 30%;
  margin-bottom: 50px;
}

#hotel-marbor .content .fc .line {
  border-top: 1px dotted var(--color-button-font);
  width: 100%;
  margin: 15px 0;
}

#hotel-marbor .content {
  color: var(--color-button-font);
  font-size: 19px;
}
#hotel-marbor .content p{
  font-weight: 300;
}

#hotel-marbor .content p strong{
  font-weight: bold;
}

#hotel-marbor .content .fc {
  text-align: center;
  padding-right: 8%;
}

#hotel-marbor .content .fc p + p {
  font-weight: 100;
}


#hotel-marbor .content .fc h3 {
  font-family: "Poppins";
  font-weight: bold;
  color: var(--color-button-font);
  margin-bottom: 35px;
  margin-top: 20px;
}



#hotel-marbor .content .fc .cta-button {
  padding: 22px 22px;
  font-size: 26px;
  pointer-events: none;
}

#hotel-marbor .content .fc span {
  display: block;
  font-size: 10px;
  margin-top: 30px;
}


#hotel-marbor .content .sc .footer-text{
  font-size: 16px;
}


#hotel-marbor .content .sc .social i{
  font-size: 30px;
  color: var(--color--secondary);
}

#hotel-marbor .content .sc .social.face i{
  font-size: 28px;
}


#hotel-marbor .content .sc .cta-button{
  display: block;
  padding: 22px 37px;
  text-decoration: underline;
  font-size: 19px;
}


#hotel-marbor .content .tc a{
  color: var(--color-button-font);
}

@media (max-width: 1199px) {
  #hotel-marbor .title-content h2{
    font-size: 50px;
  }
  
  #hotel-marbor .content {
    font-size: 17px;
  }

  #hotel-marbor .content .fc {
    padding-right: 15px;
  }
}


@media (max-width: 991px) {
  #hotel-marbor .title-content h2{
    font-size: 40px;
  }
  
  #hotel-marbor .content {
    font-size: 15px;
  }

}


@media (max-width: 767px) {
  #hotel-marbor .title-content h2{
    font-size: 30px;
  }
  
  #hotel-marbor .content {
    font-size: 18px;
  }

}


@media (max-width: 575px) {
  #hotel-marbor .title-content img{
    width: 40%;
    margin-bottom: 30px;
  }
}



/* Pagina */

#horarios {
  padding-top: 30px;
  padding-bottom: 30px;
}


#horarios > .day{
  margin-bottom: 100px;
}

#horarios > .day:last-child {
  margin-bottom: 0px;
}
#horarios > .day > h2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}


#horarios > .day > h2 strong{
  font-size: 90px;
}

#horarios > .day > h2 span{
  display: block;
  font-size: 40px;
	font-family: 'Space Age';
}

#horarios .card {
  border: none;
  background-color: transparent;
}

#horarios .card .card-header h2{
  font-size: 22px;
  text-transform: uppercase;
}


#horarios .card .card-body .time h3{
  font-size: 22px;
  margin-bottom: 5px;
}

#horarios .card .card-body .time p{
  margin-bottom: 14px;
}

#horarios .card .card-body > p{
  font-size: 18px;
}


/* Orange */

#horarios .card .card-header.orange, 
#horarios .card .card-body.orange{
  background-color: var(--color--secondary);
}

#horarios .card .card-header.orange h2,
#horarios .card .card-body.orange .time h3,
#horarios .card .card-body.orange .time p,
#horarios .card .card-body p{
  color: var(--color-button-font);
}


/* Beige */

#horarios .card .card-header.beige, 
#horarios .card .card-body.beige{
  background-color: var(--color-button-font);
}

#horarios .card .card-header.beige h2,
#horarios .card .card-body.beige .time h3, 
#horarios .card .card-body.beige .time p{
  color: var(--color--secondary);
}


/* Blue Light*/

#horarios .card .card-header.blue.light, 
#horarios .card .card-body.blue.light{
  background-color: #31838e;
}

#horarios .card .card-header.blue.light h2,
#horarios .card .card-body.blue.light .time h3, 
#horarios .card .card-body.blue.light .time p{
  color: var(--color-button-font);
}


/* Blue dark*/

#horarios .card .card-header.blue.dark, 
#horarios .card .card-body.blue.dark {
  background-color: #0d5a6f;
}

#horarios .card .card-header.blue.dark h2,
#horarios .card .card-body.blue.dark .time h3, 
#horarios .card .card-body.blue.dark .time p {
  color: var(--color-button-font);
}



@media (max-width: 991px) {
  #horarios .card:first-child {
    margin-bottom: 40px;
  }
  
  #horarios > .day {
    margin-bottom: 60px;
  }

}


@media (max-width: 575px) {
  #horarios {
    padding-top: 0;
  }

}