*{box-sizing: border-box;}
body {
  font-family: 'Work Sans', sans-serif;
  margin: 0;
  overflow-x: hidden;
}
.v-header{
	height: 100vh;
	display: flex;
	align-items: center;
}
.fullscreen-video-wrap{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}
.fullscreen-video-wrap video{
	min-height: 100%;
  min-width: 100%;
  width: 100%;
}
.header-overlay{
	height: 100vh;
    position: absolute;
    top: 117px;
    left: 0;
    width: 100vw;
    z-index: 1;
	/*background: #225470;
	opacity: 0.85;*/
}
.img-respon{width: 100%}
.video-play{width: 100%;}
.img-logo{    width: 100%;}
.img-60{width: 60%;}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
 font-family: 'Work Sans', sans-serif;
}

hr.star-light,
hr.star-dark {
  max-width: 15rem;
  padding: 0;
  text-align: center;
  border: none;
  border-top: solid 0.25rem;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

hr.star-light:after,
hr.star-dark:after {
  position: relative;
  top: -.8em;
  display: inline-block;
  padding: 0 0.25em;
  content: '\f005';
  font-family: FontAwesome;
  font-size: 2em;
}

hr.star-light {
  border-color: #fff;
}

hr.star-light:after {
  color: #fff;
  background-color: #18BC9C;
}

hr.star-dark {
  border-color: #2C3E50;
}

hr.star-dark:after {
  color: #2C3E50;
  background-color: white;
}

section {
  padding: 6rem 0;
}

section h2 {
  font-size: 2.25rem;
  line-height: 2rem;
}

@media (min-width: 992px) {
  section h2 {
    font-size: 3rem;
    line-height: 2.5rem;
  }
}

.btn-xl {
  padding: .5rem 1.75rem;
  font-size: 1.15rem;
  border-radius: 27px;
}

.btn-social {
  width: 3.25rem;
  height: 3.25rem;
  font-size: 1.25rem;
  line-height: 2rem;
}

.scroll-to-top {
  z-index: 1042;
  right: 1rem;
  bottom: 1rem;
  display: none;
}

.scroll-to-top a {
  width: 3.5rem;
  height: 3.5rem;
  background-color: rgba(33, 37, 41, 0.5);
  line-height: 3.1rem;
}
.corner-smooth{
  border-radius: 33px;
}
/*.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 33%;
}*/

#mainNav {
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-weight: 700;
  font-family: 'Work Sans', sans-serif;
}

#mainNav .navbar-brand {
  color: #fff;
}

#mainNav .navbar-nav {
  margin-top: 1rem;
  letter-spacing: 0.0625rem;
}

#mainNav .navbar-nav li.nav-item a.nav-link {
  color: #24596e;
}

#mainNav .navbar-nav li.nav-item a.nav-link:hover {
  color: #18BC9C;
}

#mainNav .navbar-nav li.nav-item a.nav-link:active, #mainNav .navbar-nav li.nav-item a.nav-link:focus {
  color: #18BC9C;
}

#mainNav .navbar-nav li.nav-item a.nav-link.active {
  color: #18BC9C;
}

#mainNav .navbar-toggler {
  font-size: 80%;
  padding: 0.8rem;
}
#mainNav.navbar-shrink {
  background-color: #fff !important;
}
@media (min-width: 992px) {
  #mainNav {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    -webkit-transition: padding-top 0.3s, padding-bottom 0.3s;
    -moz-transition: padding-top 0.3s, padding-bottom 0.3s;
    transition: padding-top 0.3s, padding-bottom 0.3s;
  }
  #mainNav .navbar-brand {
    font-size: 2em;
    -webkit-transition: font-size 0.3s;
    -moz-transition: font-size 0.3s;
    transition: font-size 0.3s;
  }
  #mainNav .navbar-nav {
    margin-top: 0;
  }
  #mainNav .navbar-nav > li.nav-item > a.nav-link.active {
    color: #b59862;
    font-weight: 700;
  }
  #mainNav .navbar-nav > li.nav-item > a.nav-link.active:active, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:focus, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover {
    color: #b59862;
    font-weight: 700;
  }
  #mainNav.navbar-shrink {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  #mainNav.navbar-shrink .navbar-brand {
    font-size: 1.5em;
  }
}

header.masthead {
  padding-top: calc(6rem + 72px);
  padding-bottom: 6rem;
}

header.masthead h1 {
  font-size: 3rem;
  line-height: 3rem;
}

header.masthead h2 {
  font-size: 1.3rem;
  font-family: 'Lato';
}

@media (min-width: 992px) {
  header.masthead {
    padding-top: calc(6rem + 50px);
    padding-bottom: 6rem;
  }
}

.portfolio {
  margin-bottom: -15px;
}

.portfolio .portfolio-item {
  position: relative;
  display: block;
  max-width: 25rem;
  margin-bottom: 15px;
}

.portfolio .portfolio-item .portfolio-item-caption {
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  transition: all ease 0.5s;
  opacity: 0;
  background-color: rgba(24, 188, 156, 0.9);
}

.portfolio .portfolio-item .portfolio-item-caption:hover {
  opacity: 1;
}

.portfolio .portfolio-item .portfolio-item-caption .portfolio-item-caption-content {
  font-size: 1.5rem;
}

@media (min-width: 576px) {
  .portfolio {
    margin-bottom: -30px;
  }
  .portfolio .portfolio-item {
    margin-bottom: 30px;
  }
}

.portfolio-modal .portfolio-modal-dialog {
  padding: 3rem 1rem;
  min-height: calc(100vh - 2rem);
  margin: 1rem calc(1rem - 8px);
  position: relative;
  z-index: 2;
  /*-moz-box-shadow: 0 0 3rem 1rem rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 3rem 1rem rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 3rem 1rem rgba(0, 0, 0, 0.5);*/
}

.portfolio-modal .portfolio-modal-dialog .close-button {
  position: absolute;
  top: 2rem;
  right: 2rem;
}

.portfolio-modal .portfolio-modal-dialog .close-button i {
  line-height: 38px;
}

.portfolio-modal .portfolio-modal-dialog h2 {
  font-size: 2rem;
}

@media (min-width: 768px) {
  .portfolio-modal .portfolio-modal-dialog {
    min-height: 100vh;
    padding: 1rem;
    margin: 2rem calc(3rem - 8px);
  }
  .portfolio-modal .portfolio-modal-dialog h2 {
    font-size: 3rem;
  }
}

.floating-label-form-group {
  position: relative;
  border-bottom: 1px solid #e9ecef;
}

.floating-label-form-group input,
.floating-label-form-group textarea {
    font-size: 12px;
    position: relative;
    z-index: 1;
    padding-right: 10px;
    padding-left: 12px;
    padding-top: 12px;
    padding-bottom: 12px;
    resize: none;
    border: none;
    border-radius: 0;
    background: #fff;
    box-shadow: none !important;
}

.floating-label-form-group label {
  font-size: 0.85em;
  line-height: 1.764705882em;
  position: relative;
  z-index: 0;
  top: 2em;
  display: block;
  margin: 0;
  -webkit-transition: top 0.3s ease, opacity 0.3s ease;
  -moz-transition: top 0.3s ease, opacity 0.3s ease;
  -ms-transition: top 0.3s ease, opacity 0.3s ease;
  transition: top 0.3s ease, opacity 0.3s ease;
  vertical-align: middle;
  vertical-align: baseline;
  opacity: 0;
}

.floating-label-form-group:not(:first-child) {
  padding-left: 14px;
  border-left: 1px solid #e9ecef;
}

.floating-label-form-group-with-value label {
  top: 0;
  opacity: 1;
}

.floating-label-form-group-with-focus label {
  color: #18BC9C;
}

form .row:first-child .floating-label-form-group {
  border-top: 1px solid #e9ecef;
}

.footer {
  padding-top: 5rem;
  padding-bottom: 5rem;
  background-color: #b2c3b3;
  color: #fff;
}

.copyright {
  background-color: #ffffff;
}

a {
  color: #18BC9C;
}

a:focus, a:hover, a:active {
  color: #128f76;
}

.btn {
  border-width: 2px;
}

.bg-primary {
  background-color: #18BC9C !important;
}

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

.text-primary {
  color: #18BC9C !important;
}

.text-secondary {
  color: #2C3E50 !important;
}

.btn-primary {
  background-color: #24596e;
  border-color: #24596e;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background-color: #163744;
  border-color: #14a084;
}
.btn-primary.focus, .btn-primary:focus {
    box-shadow: 0 0 0 0.2rem #14a08485 !important;
}
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem #14a08485 !important;
}
.btn-secondary {
  background-color: #2C3E50;
  border-color: #2C3E50;
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
  background-color: #1a252f;
  border-color: #1a252f;
}
.footer a {color: #fff;}
.col-12.col.text-right {text-align: right !important;}
.font-gold{
  color: #b59862; 
}
.font-azul{
  color: #24596e !important;
}
.font-blanco{
  color: #fff;
}
.font-xbold{
  font-weight: 900;
}
.font-bold{
  font-weight: 700;
}
.font-light{
  font-weight: 300;
}
.font-regular{
  font-weight: 400;
}
.title-header{
  font-size: 50px;
}
.lh-56{
  line-height: 56px;
}
.bg-transparent{
  background-color: #fff0 !important;
}
.noborder{
      border: none !important;
}
.cardpad{
  padding: 37% 66% 7% 3%;
}
.cardpad-2 {
    padding: 37% 10% 6% 47%;
}
.cardpad-3 {
  padding: 25% 10% 8% 64%;
}
.cardpad-4 {
    padding: 21% 30% 0;
}
.padtop{
  padding-top: 17%;
}
.cardtitle{
  line-height: 56px;
    font-size: 40px;
}
.txt-30{
  font-size: 30px !important;
  line-height: 34px !important;
}
.txt-20{
  font-size: 20px;
}
.txt-16{
  font-size: 16px;
  line-height: 20px;
}
.text-underline{text-decoration: underline;}
.cardList{
  font-size: 30px; 
  color: #fff;
  list-style-image: url(../img/ul-list-type.png);
}
.btn-gold{
  background-color: #b59862;
  color: #fff;
  font-size: 14px;
  padding: 10px 25px;
  border-radius: 27px;
}
.btn-blue{
  background-color: #24596e;
  color: #fff;
  font-size: 14px;
  padding: 10px 25px;
  border-radius: 27px;
}
.produtos-seccion{
    background-image: url(../img/Oliv8-productos-bg.png);
    background-size: cover;
    margin-top: 53px;
}
.disenamos-section{
  width: 100%;
  margin-top: -466px;
}
#h1-header{
    position: absolute;
    top: 231px;
    left: 13%;
    z-index: 900;
}
#cont-text{
  position: absolute;
  width: 24%;
  top: 61%;
  left: 9%;
  z-index: 222;
}
.txt-header{
  font-size: 30px;
  color: #fff;
}
.nav-font{
  font-size: 12px;
  font-weight: 500;
}
#top-menu {
    position: absolute;
    right: 14%;
    top: 6px;
}
.f-link{
    border: solid;
    padding: 5px 12px !important;
    border-radius: 50px;
    border-width: 1px;
}
.linked-in{
    border: solid;
    padding: 5px 9px !important;
    border-radius: 50px;
    border-width: 1px;
}
.whatsapp-btn{
  border: solid;
    padding: 5px 12px !important;
    border-radius: 50px;
    border-width: 1px;
    background-color: #24596e;
    color: #fff !important;
}
.whatsapp-btn i{
      margin-left: 7px;
    color: #b59862;
}
.btn-ver-mas{
	font-size: 12px;
    padding: 8px 100px;
}
.footer-list{
  list-style-type: none;
}
.ageda-text-cont{
  background: url(../img/Oliv8-agenda-cita-2.png) no-repeat center;
    background-size: contain;
    width: 50%;
    padding: 5% 3% 5% 14%;
    z-index: 1029;
    position: absolute;
    top: 198em;
    right: 4%;
}
/*===Carousel Css===*/
.section-creemos{
    background-image: url(../img/oliv8-creemos-seccion-bg.png);
    background-position: center;
    background-size: cover;
    padding: 5rem 0;
    background-repeat: no-repeat;
}
.carousel-creemos-bg{
    background-image: url(../img/oliv8-creemos-bg.png);
    background-position: center;
    padding: 14em 0 10em;
    background-size: contain;
    background-repeat: no-repeat;
}
.img-creemos{
  position:  absolute; top: 498em;
}
#txt-creemos{
  position: absolute;
  top: 250em;
  right: 27%;
  z-index: 999;
}
.latPadd{
  padding:0 20%;
}
.img-carousel{
  width: 65px !important;
}
.media-body-border{
    border-left: solid;
    border-color: #24596e;
    border-width: 3px;
}
.p-carousel-padd{
  padding-left: 18px;
}
.col-padding-caro{
  padding: 17% 11% 17% 3%;
}
.owl-next, .owl-prev{
    position: absolute;
    top: 365px;
}
.owl-next{
    right: 11%;
}
.owl-prev{
    left: 6%;
}
.owl-next-prod, .owl-prev-prod, .owl-next-mod, .owl-prev-mod{
	position: absolute;
  top: 47px;
}
.owl-next-prod, .owl-next-mod{
    right: -10%;
}
.owl-prev-prod, .owl-prev-mod{
    left: -10%;
}
button.owl-next, button.owl-prev, .owl-next-prod, .owl-prev-prod, .owl-next-mod, .owl-prev-mod  {
    font-size: 55px !important;
    color: #24596e !important;
    background-color: #fff !important;
    box-shadow: 0px 3px 5px 2px #00000026;
    padding: 7px 26px !important;
    line-height: 56px !important;
    border-radius: 50% !important;
}
button.owl-next:focus , button.owl-prev:focus, .owl-next-prod:focus, .owl-prev-prod:focus, .owl-next-mod:focus, .owl-prev-mod:focus {
  color: #fff!important;
  background-color: #24596e!important;
  outline: none;
}
.img-prod-carousel{
	width: 121px;
    margin-left: auto;
    margin-right: auto;
}

/*===video===*/
.height-video{
	height: 160vh;
}
.video-position{
	position:  absolute;
	right: -320px;
}
#img-mask{
	position:  absolute;
    z-index:  200;
    top: 0;
    padding-top: 9%;
    width: 100%
}
#img-play{
	position: absolute;
  right: 20%;
  top: 467px;
  z-index: 300;
}
.video-shadow{
	moz-box-shadow: 0 0 3rem 1rem rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 3rem 1rem rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 3rem 1rem rgba(0, 0, 0, 0.5);
}
.close-btn{
	color: #24596e;
}
.spaces-modelo{margin-top: -592px;}
.spaces-ayudamos {margin-top: -127px;}
.spaces-unicos {margin-top: -97px;}
/*===Media Querys===*/
@media(min-width: 1600px){
  .ageda-text-cont{
    padding: 7% 5% 7% 13%;
    top: 242em;
    right: 11%;
}
}
@media(max-width: 1290px){
  h1 {font-size: 30px;}
  #h1-header {
    top: 146px;
    left: 3%;}
  #cont-text {
    width: 38%;
    top: 54%;
    left: 5%;
  }
  #img-play {
    right: 18%;
    top: 317px;
  }
  .fullscreen-video-wrap {height: 92vh;}
  .txt-header {font-size: 22px;}
  .produtos-seccion {margin-top: 69px;}
  .cardList {font-size: 23px;}
  .cardpad {padding: 33% 58% 7% 4%;}
  .cardpad-2 {padding: 35% 14% 12% 45%;}
  .cardpad-3 {padding: 19% 6% 51% 59%;}
  .padtop {padding-top: 11%;}
  .cardpad-4 {padding: 17% 27%;}
  .img-60 {width: 37%;}
  .section-creemos {padding: 0rem 0;}
  .owl-next-prod, .owl-next-mod {right: -20px;}
  .owl-prev-prod, .owl-prev-mod {left: -38px;}
  .owl-next-prod, .owl-prev-prod, .owl-next-mod, .owl-prev-mod {
    position: absolute;
    top: 90px;
  }
  button.owl-next, button.owl-prev, .owl-next-prod, .owl-prev-prod, .owl-next-mod, .owl-prev-mod {
    font-size: 32px !important;
    padding: 5px 20px !important;
    line-height: 40px !important;
  }
}
@media(max-width: 960px){
  h1 {font-size: 26px;}
  .fullscreen-video-wrap {height: 69vh;}
  #img-play {
    right: 17%;
    top: 242px;
  }
  #top-menu{
    display: none;
  }
  #h1-header {
    top: 146px;
    left: 8%;
    font-size: 30px;
    line-height: 32px;
  }
  #cont-text {
    width: 39%;
    top: 46%;
    left: 3%;
  }
  .txt-header {font-size: 18px;}
  .produtos-seccion {margin-top: -74px;}
  .cardList {font-size: 20px;}
  .cardpad {padding: 28% 57% 7% 4%;}
  .cardpad-3 {padding: 16% 6% 51% 59%;}
  .padtop {padding-top: 8%;}
  .spaces-modelo {margin-top: -342px;}
  .txt-30 {
    font-size: 22px !important;
    line-height: 26px !important;
  }
  .txt-20 {font-size: 16px;}
  .txt-16 {
    font-size: 11px;
    line-height: 16px;
  }
  .pb-5, .py-5 {padding-bottom: 2rem!important;}
  .pt-5, .py-5 {padding-top: 2rem!important;}
  .owl-next, .owl-prev {top: 224px;}
  .owl-next {right: 5%;}
  .carousel-creemos-bg {
    padding: 11em 0 9em;
    margin-top: -25px;
  }
  .col-padding-caro {padding: 5% 0% 6% 0%;}

}
@media(max-width: 600px){
	.img-logo{width: 60%;}
  h1{font-size: 20px;}
  h4 {font-size: 15px;}
	h5{font-size: 20px;}
	p{font-size: 14px;}
  .txt-30 {font-size: 20px !important;}
  .txt-16{font-size: 15px !important;}
	#img-play {
		top: 246px;
		right: 16%;
	}
	.video-play{width: 60%;}
	.title-header {font-size: 28px; padding: 0 14px;}
	.txt-header {font-size: 18px; padding: 0 14px;}
	.produtos-seccion {
    	margin-top: 0;
    	background-size: cover;
    	background-position: center;
    }
	section h2 {font-size: 1.8rem;}
	.lh-56 {line-height: 35px;}
	.owl-next-prod, .owl-prev-prod {top: 38px;}
	.owl-next-prod {right: 0;}
	.owl-prev-prod {left: 0;}
  .owl-next-mod {right: 0;}
  .owl-prev-mod {left: 0;}
  .owl-next{right: 0;}
  .owl-prev{left: 0;}
	button.owl-next, button.owl-prev, .owl-next-prod, .owl-prev-prod, .owl-next-mod, .owl-prev-mod {
		font-size: 34px !important;
		padding: 2px 19px !important;
		line-height: 45px !important;
	}
  /*===Movil video css==*/
  .v-header {
    height: 41vh;
    display: flex;
    align-items: center;
}
  .fullscreen-video-wrap{
    position: absolute;
    top: 80px;
    left: 0;
    width: 100%;
    height: 28vh;
    overflow: hidden;
    }
  .fullscreen-video-wrap video{
    min-height: 100%;
    min-width: 100%;
  }
  .header-overlay{
    height: 69vh;
    position: absolute;
    top: 80px;
    left: 0;
    width: 100vw;
    z-index: 1;
  /*background: #225470;
  opacity: 0.85;*/
  }
  /*secciones*/
  .spaces-ayudamos {margin-top: -87px;}
  .spaces-unicos {margin-top: -109px;}
  .spaces-modelo {margin-top: -96px;}
  .padtop {padding-top: 0%;}
  .cardList {
    font-size: 16px;
    color: #fff;
    list-style-image: url(../img/ul-list-type-movil.png);}
  .section-creemos {padding: 0rem 0;}
  .cardpad {padding: 89% 5% 0;}
  .cardpad-2 {padding: 43% 4% 6% 14%;}
  .cardpad-3 {padding: 100% 16% 0;}
  .cardpad-4 {padding: 16% 10% 0;}
  .col-padding-caro {padding: 17% 11%;}
  .carousel-creemos-bg {
    background-image: none;
    padding: 2em 0 1em;
    }
  .section-creemos {
    background-image: url(../img/oliv8-creemos-bg-movil.png);
    background-position: center;
    padding: 2em 0 1em;
    background-size: contain;
    background-repeat: no-repeat;
    }
  .container-fluid.px-5{
    padding-left: 1rem!important;
    padding-right: 1rem!important;
    }
  .footer-list{
    color: #24596e;
    }
  .col-12.col.text-right {text-align: center !important;}
  .btn-xl {padding: 0.4rem 0.75rem;}
  .latPadd {padding: 0 10%;}
}