/* ===================================
   General
====================================== */
:root {
    scroll-behavior: initial;
}

overflow:hidden;
overflow-x:hidden;
overflow-y:scroll;
overflow:-moz-scrollbars-vertical;

html{
	width: 100%;
}
body{
	overflow-x: hidden !important;
	margin: 0!important;
	padding: 0 !important;
}

#scene{
	position:relative;
	z-index: -1;
}

.cover{
/*	background: linear-gradient(180deg, rgba(0, 75, 147, 0.4) 0%, rgba(0, 75, 147, 0.4) 57.16%, rgba(0, 75, 147, 0) 100%);*/
	background: linear-gradient(180deg, rgba(0, 75, 147, 0.5) 0%, rgba(0, 75, 147, 0) 100%);
	height: 700px;
	padding: 0;
	margin: 0;
}


.cover .img{
	max-height: 700px;
    z-index: -1;
    width: 100%;
    position: absolute;
    top: 0;
    object-fit: cover;
    aspect-ratio: 1/1;
}


.block{
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  font-size: 16px;
}

.img-parallax {
  width: 100vmax;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%,0);
  pointer-events: none;
  height: 100% !important;
}



.mb_parallax_container {
  height: 100%;
  width: 100%;
  background-attachment: fixed;
  background-size: contain;
  background-repeat: no-repeat;
}

.mb_parallax_container .img-cover{
	position: fixed;
    z-index: -2;
    object-fit: cover;
    aspect-ratio: 1/1;
    height: 700px;
    width: 100%;
}

#mb_parallax_two {
  background-image: url(../../assets/img/cover/Cover.jpg);
}


.text-img{
	height: 700px;
	display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.bg-blue-ligth{
	background: #F9FCFF;
}

.header nav.navbar.white-link .navbar-nav > li > a, nav.navbar.bootsnav.white-link ul.nav > li > a, header nav.navbar.white-link .header-social-icon a, nav.navbar.bootsnav.white-link .header-social-icon a, header nav.navbar.white-link .header-searchbar a, nav.navbar.bootsnav.white-link .header-searchbar a, header nav.navbar.bootsnav ul.nav.white-link > li > a, nav.navbar.white-link .heder-menu-button a{
	color: #fff;
}


.navbar-default.white-link .navbar-toggler .icon-bar, header.sticky .navbar-default.header-dark .navbar-toggler .icon-bar, header.sticky .navbar-default.header-dark-transparent .navbar-toggler .icon-bar {
    background: #004B93;
}

.see-more{
	color:#004B93;
    line-height: 16.8px;
    font-weight: 600;
    display: flex;
    align-self: flex-end;
    justify-content: flex-end;
    font-size: 14px;
}

.see-more:hover{
	color: #FF893E;
	text-decoration: none;	
	cursor: pointer;
}

.line-blue-rigth{
	height: 2px;
    width: 50vw;
    position: absolute;
    background: linear-gradient(90deg, #004B93 0%, #0083FF 100%);
}

.txt-blue{
	color: #004B93;
}


.txt-blue:hover{
	text-decoration: underline;
	color: #004B93;
}

.text-blue-second{
	color: #1F67A4;
}

.text-blue-second a:hover{
	cursor: pointer;
	color: #005398;
}

.form-msj-error{
  border-radius: 0.25rem;
  color: #2f3a3b;
  background-color: #f0cc01;
}


input{
	background: #EFF3F6 !important;
}


textarea{
	background: #EFF3F6 !important;
}


.banner{
	background: #F9F9F9;
    bottom: -60px;
}

.sectores{
	flex-direction: row;
}

.bg-lines {
    position: relative;
    background: url(../../assets/img/textura-2.png);
    background-repeat: repeat;
    z-index: 0;
}


.transform-rotate--90{
	transform: rotate(-90deg);
}

.transform-rotate-0{
	transform: rotate(0deg);
}

.close-video{
	height: 40px;
	width: 40px;
	background: white;
	border-radius: 50%;
	right: 15px;
    top: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}


.container-blue{
	background: #005398;
}

#rssBlock{
  	left:0px;
  	width:100%;
  	overflow: hidden;
}

.certification-img{
	width: 500px;
  	height: auto;
}


.border-bottom{
	border-bottom: 2px solid #E4E4E4;
}

.btn-enviar{
	border: 1px solid #014B93;
	box-sizing: border-box;
	color: #014B93;
	padding: 10px 50px;
}

.bg-blue{
	background: #EFF3F6;
}

.bg-blue-gray{
	background: #D9E1E8;
}

.bg-blue-gray-gradient{
	background: radial-gradient(110.35% 489.07% at 50% 50%, #EFF3F6 0%, #BBCAD4 100%);
}


.line-orange{
	border-bottom: 1px solid orange;
}

/* ===================================
   Marquee
====================================== */
.cnnContents {
  width:100%;
  padding: 10px 0px;
  margin:0 auto;
  font-size: 16px;
  white-space: nowrap;
  text-transform: uppercase;
  color: #F3F3F3;
}

.marqueeStyle {
  -webkit-animation: scrolling-left1 30s linear infinite;
  animation: scrolling-left1 30s linear infinite;
  display: flex;
  justify-content: center;
  align-items: center;
}

.marqueeStyle img{
	margin: 0px 10px;
	height: 12px;
}

.marqueeStyle2 {
  display:inline-block;
  /* Apply animation to this element */
  -webkit-animation: scrolling-left2 40s linear infinite;
  animation: scrolling-left2 40s linear infinite;
  animation-delay: 10s;
}
/* scrolling-left is continuous/repeatly text */
@keyframes scrolling-left1 {
    0% {transform: translateX(0%);
        -webkit-transform: translateX(0%);}
      100% {transform: translateX(-100%);
          -webkit-transform: translateX(-100%);}
}


/* ===================================
   Orgatitaion
====================================== */
.orgatitaion-grid{
	padding-top: 50px;
	display: grid;
	grid-template-columns: 40% auto;
	grid-column-gap: 20px;
}


.quality-grid {
  display: grid;
  grid-template-rows: auto auto auto;
  grid-template-columns: auto auto auto;
}

.grid-item1 {
  text-align: center;
  grid-column-start: 1; 
  grid-column-end: 2;
  min-height: 300px;
}

.grid-item2 {
  text-align: center;
  grid-column-start: 2;
  grid-column-end: 3;
  min-height: 300px;
}


.grid-item3 {
  text-align: center;
  grid-column-start: 3;
  grid-column-end: 3;
  min-height: 300px;
}

/* ===================================
   services
====================================== */
.services-grid{
	display: grid;
	grid-template-columns:auto;
	grid-column-gap: 20px;
}

.services-card{
	background: linear-gradient(180deg, #004B93 0%, #004B93 49.48%, #004B93 100%) !important;
	border-radius: 20px !important;
	color: white !important;
	display: flex !important;
	justify-content: start !important;
	padding: 75px 10px 10px;
	flex-direction: column;
	position: relative;
}

.services-card-num{
	position: absolute;
	top: 0px;
	left: -1px;
	width: 71px;
	height: 71px;
	background: #FFFFFF;
	border-radius: 19px 0px;
	display: flex;
    justify-content: center;
    align-items: center;
}

.services-card-num h1{
	color: #FF9910 !important;
	font-weight: 500;
	font-size: 60px !important;
}

/* ===================================
   Swiper Carousel
====================================== */
.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #EFF3F6;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.mySwiper .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	/* aspect-ratio: 1/1; */
}

.mySwiper-services li{
	display: flex;
	list-style: none;
	align-items: center;
	margin-bottom: 15px;
}


.mySwiper-services img{
	padding-right: 10px;
}


.mySwiper-services p{
	margin: 0px;
}


.mySwiper-services .swiper-slide {
    width: 45%;
}

  .mySwiper-services .swiper-slide:nth-child(2n) {
    width: 45%;
}

.mySwiper-services .swiper-slide:nth-child(3n) {
    width: 45%;
}

.mySwiper .swiper-slide {
    width: 35%;
}

.mySwiper .swiper-slide:nth-child(2n) {
    width: 35%;
}

.mySwiper .swiper-slide:nth-child(3n) {
    width: 35%;
}

.swiper-div-img{
	height: 300px;
	width: 100%;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction, .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 0px;
}

.swiper-title-line{
	border-bottom: 1px solid #D1D1D1;
	padding-bottom: 10px;
}



.grid-certification{
	display: grid;
	grid-template-columns: 40% auto;
	grid-column-gap: 20px;
}

.nav-header-container{
	display: flex !important;
	flex-direction: column !important;
}

.mySwiper-gallery-project .swiper-slide {
    max-width: 80%;
}

.mySwiper-gallery-project .swiper-slide:nth-child(2n) {
   max-width: 80%;
}

.mySwiper-gallery-project .swiper-slide:nth-child(3n) {
    max-width: 80%;
}

.swiper-div-img-project {
    /* height: 500px; */
    width: 100%;
}

.swiperProject{
	/* height: 520px; */
	height: auto;
}

.swiperProject .swiper-wrapper{
	/* height: 550px; */
	height: auto;
}

.swiper-wrapper-project .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: transparent;
}

.swiper-wrapper-project .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-wrapper{
	/* min-height: 300px; */
}

.swiper-portfolio-prev, .swiper-portfolio-next {
    position: relative !important;
    top: 0 !important;
    background: transparent;
}


.swiper-button-next, .swiper-button-prev {
    position: relative;
    margin: 0px 20px;
    display: inline-table !important;
}

.next-carousel{
	height: 50px;
	width: 50px;
	border: 1px solid #FF893E;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.next-carousel span{
	font-size: 30px;
	font-weight: 600;
	color: #FF893E;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
	display: none;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
	display: none;
}

.swiper-pagination-bullet-active{
	background: #FF893E;
}
/* ===================================
   Menú
====================================== */
.dropdown-menu-second{
	background: #E3E5E7;
	backdrop-filter: blur(12px);
	padding: 5px 0px;
}

.dropdown-menu-second .list-group-item {
    position: relative;
    display: block;
    padding: 5px 10px; 
    background-color: #E3E5E7;
    border: none;
    color: #858586;
}

.dropdown-menu-second a{
    color: #858586;
}

.dropdown-menu-second li:focus, .dropdown-menu-second li:hover {
    background: #FF893E;
	backdrop-filter: blur(12px);
	color: white;
	list-style: none;
	text-decoration: none;
}

.dropdown-menu-second a:hover {
    color: #FFFFFF;
    text-decoration: none;
}

.menu .dropdown-menu {
    list-style: none;
    top: -10px;
    background: rgba(0, 75, 147, 0.9);
}

.dropdown a:hover {
	text-decoration: none;
}

.dropdown-item {
	color: #FDFEFE;
	font-size: 14px;
}

.background-gray-menu{
	background: #16141496;
}

.dropdown-menu-gray{
	background: #16141496 !important;
}

.dropdown-item-second {
	background-color: #16141496 !important;
}

.sticky .menu-img{
	display: none;
}

.menu-img{
  display: flex;
  width: 100%;
  justify-content:center;
}

.sticky .menu-img .logo{
	display: none;
}
.sticky .menu-img .logo-white{
	display: block;
}

/* ===================================
   Index
====================================== */
.card-title{
  overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
}

.card-p{
  overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
}

.cover-div-loader{
	width: 100vw;
	z-index: 99999999;
	background: linear-gradient(270.01deg, #003A72 0.01%, #004B93 99.99%);
}

.cover-loader{
	width: 100vw;
	height: 100vh !important;
	z-index: 99999999;
	background: linear-gradient(270.01deg, #003A72 0.01%, #004B93 99.99%);
}

.spinner {
  border: 2px solid transparent;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border-left-color: #fff;
  animation: spin 1s ease infinite;
}


/* ===================================
   Modal
====================================== */
.modal-open{
	margin: 0 !important;
	padding: 0 !important;
}

.modal-backdrop{
	z-index: -1 !important;
}

.modal-div-video{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: auto;
	height: 100%;
	width: 100%;
}

.modal-content-video{
	display: flex;
	align-items: center;
	width: 80% !important;
}

.modal-open .modal {
    background: #010101;
}

.modal-open{
	position: relative;
}

.modal-content{
	background: transparent !important;
}

.modal-header{
	border-bottom: 0px solid #dee2e6 !important;
}

.close:hover {
    color: #fff !important;
}

.modal-content-video{
	background: transparent !important;
	border: none !important;
}

.modal-header{
	padding: 5px 15px 0 0;
}

.modal-body{
	padding: 0!important;
}


@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.color-blue-next {
	color: #004B93;
}

/* ===================================
   Contacto
====================================== */
.maps iframe{
	filter: grayscale(1);
}

.btn-enviar:hover{
	background: #014B93;
    color: white;
    cursor: pointer;
}

.num{
	font-size: 15px;
    line-height: 25px;
    font-weight: 400;
    color: #696969;
}

.num:hover{
    color: #696969;
    text-decoration: none;
}

#contactoValidate{
	display: none;
}


/* ===================================
Proyectos
====================================== */
.cover-project{
	width: 100%;
}

.cover-project img{
	display: block;
  	width: 100%;
  	height: 100%;
  	object-fit: cover;
  	/* aspect-ratio: 1/1; */
}

.btn-group-lg>.btn, .btn-lg {
    padding: 0;
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0rem transparent;
}

/* ===================================
   Media
====================================== */
@media only (max-width: 1199px) {
	.dropdown-menu-gray{
		background: #16141496 !important;
	}
}

@media only screen and  (min-width: 992px) {
	.navbar-expand-lg .navbar-nav {
	    flex-wrap: nowrap !important;
	}

	.dropdown-menu-gray{
		background: #16141496 !important;
	}

	.modal-lg, .modal-xl {
		max-width: 1000px !important;
	}
}

@media only screen and  (max-width: 991px) {
	.grid-item1 {
	  	text-align: center;
	    grid-column-start: 1;
	    grid-column-end: 2;
	    grid-row-start: 1;
	    grid-row-end: 3;
	}

	.grid-item2 {
	  	text-align: center;
	    grid-column-start: 2;
	    grid-column-end: 3;
	    grid-row-start: 2;
	    grid-row-end: 3;
	}


	.grid-item3 {
	    text-align: center;
	    grid-column-start: 1;
	    grid-column-end: 3;
	    grid-row-start: 5;
	    grid-row-end: 4;
	    min-height: auto;
	}

	.mySwiper .swiper-slide {
      	width: 45%;
    }

    .mySwiper .swiper-slide:nth-child(2n) {
      	width: 45%;
    }

    .mySwiper .swiper-slide:nth-child(3n) {
      	width: 45%;
    }

    .services-grid{
		grid-template-columns: repeat(1, 1fr);
		justify-items: center;
	}

	.mySwiper .swiper-slide {
	    width: 100%;
	}

	.mySwiper .swiper-slide:nth-child(2n) {
	    width: 100%;
	}

	.mySwiper .swiper-slide:nth-child(3n) {
	    width: 100%;
	}

	.grid-certification {
	    grid-template-columns: 100%;
	    justify-items: center;
	}
  	
  	.nav-header-container{
		display: flex !important;
		flex-direction: column !important;
	}

	.sticky .menu-img{
    	display: flex;
	}

	.menu-img {
	    display: flex;
	    width: 100%;
	    justify-content:inherit;
	}

	.certification-img{
		width: 500px;
	  	height: 380px;
	  	display: flex;
	    justify-content: center;
	    align-items: center
	}

	.cover{
		height: 600px;
	}

	.text-img{
		height: 600px;
	}
	.cover .img {
    	height: 600px;
	}

	.mb_parallax_container .img-cover{
		height: 600px;
	}

}

@media only screen and  (max-width: 767px) {
	.quality-grid{
	  display: grid;
		grid-template-rows: auto auto auto;
		grid-template-columns: repeat(1, 1fr);
	}

	.grid-item1 {
	  	text-align: center;
	    grid-column-start: 1;
	    grid-column-end: 2;
	    grid-row-start: 1;
	    grid-row-end: 3;
	}

	.grid-item2 {
	  	text-align: center;
	    grid-column-start: 1;
	    grid-column-end: 3;
	    grid-row-start: 4;
	    grid-row-end: 3;
	}

	.grid-item3 {
	    text-align: center;
	    grid-column-start: 1;
	    grid-column-end: 3;
	    grid-row-start: 5;
	    grid-row-end: 4;
	}

	.orgatitaion-grid{
		padding-top: 50px;
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-column-gap: 0px;
		grid-row-gap: 50px;
	}

	.swiper-slide {
      	width: 100%;
    }

    .mySwiper .swiper-slide:nth-child(2n) {
      	width: 100%;
    }

    .mySwiper .swiper-slide:nth-child(3n) {
      	width: 100%;
    }

    .mySwiper .swiper-div-img{
    	height: 300px;
    	width: 100%;
    }

    .quality-grid .item{
    	min-height: auto;
    }

	.certification-img {
		width: 300px;
	}

	.cover{
		height: 500px;
	}

	.text-img{
		height: 500px;
	}
	.cover .img {
    	height: 500px;
	}

	.mb_parallax_container .img-cover{
		height: 600px;
	}
}

/* ===================================
   Cover
====================================== */

.spinner {
  background-color: #333;
  height: 30px;
  margin: 100px auto;
  width: 30px;
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
  0% {
    -webkit-transform: perspective(120px)
  }
  50% {
    -webkit-transform: perspective(120px) rotateY(180deg)
  }
  100% {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
  }
}

@keyframes sk-rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
  }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
  }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

.sk-folding-cube {
  height: 30px;
  margin: 20px auto;
  width: 30px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.sk-folding-cube .sk-cube {
  float: left;
  height: 50%;
  position: relative;
  width: 50%;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.sk-folding-cube .sk-cube:before {
  background-color: #ffffff;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
  animation: sk-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.sk-folding-cube .sk-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
  transform: scale(1.1) rotateZ(90deg);
}

.sk-folding-cube .sk-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
  transform: scale(1.1) rotateZ(180deg);
}

.sk-folding-cube .sk-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
  transform: scale(1.1) rotateZ(270deg);
}

.sk-folding-cube .sk-cube2:before {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.sk-folding-cube .sk-cube3:before {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.sk-folding-cube .sk-cube4:before {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

@-webkit-keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}

@keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}

.dentalofic-site-preloader-wrap {
  background: linear-gradient(90deg, #004B93 0%, #0083FF 100%);
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 9999;
}

.dentalofic-site-preloader-wrap .sk-folding-cube {
  left: 50%;
  margin: -20px 0 0 -20px;
  position: absolute;
  top: 50%;
}