@charset "utf-8";
/* CSS Document */

/******************************

[Table of Contents]

1. Fonts
2. Body and some general stuff
3. Header
	3.1 Top Bar
	3.2 Header Content
	3.3 Logo
	3.4 Main Nav
	3.5 Hamburger
4. Menu
5. Home
6. About
7. Mission
8. Team
9. Quote
10. Footer



******************************/

/***********
1. Fonts
***********/
@font-face {
	font-family: beyond;
	src: url(../../fonts/beyond_the_mountains.ttf);
}

@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Old+Standard+TT:ital,wght@0,400;0,700;1,400&display=swap');

/*********************************
2. Body and some general stuff
*********************************/
:root {
	--primary: #0c3943;
	--second: #5ad6e2;
	--third: #0879b1;

	--font-text: "Assistant", sans-serif;
	--font-text-old-stand: "Old Standard TT", serif;
}

* {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

* {
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
	text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
}

body {
	font-family: var(--font-text);
	font-size: 14px;
	font-weight: 400;
	background: #ffffff;
	color: #a5a5a5;
}

div {
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

ul {
	list-style: none;
	margin-bottom: 0px;
}

p {
	font-family: var(--font-text);
	font-size: 16px;
	line-height: 1.75;
	font-weight: 400;
	color: #7c7c7c;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
	text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
}

p a {
	display: inline;
	position: relative;
	color: inherit;
	border-bottom: solid 1px #ffa07f;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

p:last-of-type {
	margin-bottom: 0;
}

a,
a:hover,
a:visited,
a:active,
a:link {
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
	text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
}

p a:active {
	position: relative;
	color: #ff6347;
}

p a:hover {
	color: #ffffff;
	background: #ffa07f;
}

p a:hover::after {
	opacity: 0.2;
}

h1 {
	font-size: 48px;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 18px;
}

h5 {
	font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Open Sans', sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
	text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
}

h1::selection,
h2::selection,
h3::selection,
h4::selection,
h5::selection,
h6::selection {}

.form-control {
	color: #db5246;
}

section {
	display: block;
	position: relative;
	box-sizing: border-box;
}

.clear {
	clear: both;
}

.clearfix::before,
.clearfix::after {
	content: '';
	display: table;
}

.clearfix::after {
	clear: both;
}

.clearfix {
	zoom: 1;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.trans_200 {
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.trans_300 {
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.trans_400 {
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}

.trans_500 {
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.fill_height {
	height: 100%;
}

.super_container {
	width: 100%;
	overflow: hidden;
}

.prlx_parent {
	overflow: hidden;
}

.prlx {
	height: 130% !important;
}

.parallax-window {
	min-height: 400px;
	background: transparent;
}

.nopadding {
	padding: 0px !important;
}

.button {
	width: 160px;
	height: 46px;
	text-align: center;
	background: var(--primary);
	border-radius: 3px;
}

.button a {
	display: block;
	font-size: 16px;
	color: #ffffff;
	line-height: 46px;
	text-transform: uppercase;
	font-weight: 700;
}

.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.header.scrolled {
	top: -40px;
}

.down-nav {
	width: 100%;
	height: 10px;
	background-color: #5ad6e2;
	z-index: 0;
}

/*********************************
3.1 Top Bar
*********************************/

.top_bar {
	width: 100%;
}

.header.scrolled .top_bar {}

.top_bar_background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.top_bar_container {
	width: 100%;
	height: 100%;
	background-color: var(--primary);
}

.top_bar_content {
	width: 100%;
	height: 40px;
}

.top_bar_contact_list li {
	display: inline-block;
}

.top_bar_contact_list li i,
.top_bar_contact_list li>div,
.top_bar_contact_list li>div a {
	display: inline-block;
	font-size: 12px;
	color: #ffffff;
}

.container-datos-footer ul li a {
	color: white;
}

.container-datos-footer ul li a:hover {
	color: #00c3f3;
}

.top_bar_contact_list li>div {
	margin-left: 5px;
}

.top_bar_contact_list li:not(:last-child) {
	margin-right: 21px;
}

.social_list {
	margin-right: -10px;
}

.social_list li {
	display: inline-block;
}

.social_list li:not(:last-child) {
	margin-right: 6px;
}

.social_list li a i {
	font-size: 12px;
	color: #ffffff;
	padding: 10px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.social_list li:hover a i {
	color: #b10707;
}

.social_list {
	display: flex;
	align-items: center;
}

.fa-user {
	margin-left: 30px;
}

.separdor-vertical {
	width: 1px;
	height: 24px;
	background-color: white;
	margin-left: 30px;
}

/*********************************
3.2 Header Content
*********************************/

.header_container {
	width: 100%;
	background: #ffffff;
}

.header_content {
	height: 120px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.header.scrolled .header_content {
	height: 80px;
}

/*********************************
3.3 Logo
*********************************/


.logo__content {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem;
    margin-bottom: -75px;
}

.logo__content-wrapper {
  position: relative;
  width: 190px;
  height: 190px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.header.scrolled .header_content .logo__content-wrapper {
  width: 155px;
  height: 155px;
}

.logo__content-element {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.logo__back-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  animation: rotate 7s linear infinite;
  z-index: 1;
}

.logo__content-element::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('/images/logo/Front_Eng.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 2;
  animation: frontImageCycleLong 20s ease-in-out infinite;
}

.logo__content-element::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('/images/logo/Front_Spa.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 2;
  opacity: 0;
  animation: frontImageCycleLong 20s ease-in-out infinite reverse;
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.logo__content-element::before {
  background-image: url('/images/logo/Front_Eng.png');
  animation: fadeInOut 20s linear infinite;
}

.logo__content-element::after {
  background-image: url('/images/logo/Front_Spa.png');
  animation: fadeInOut 20s linear infinite;
  animation-delay: 10s;
}

@keyframes fadeInOut {
  0%, 45% {
    opacity: 1;
  }
  50%, 95% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.logo__back-image {
  border-radius: 50%;
}

@media (max-width: 768px) {
  .logo__content-wrapper {
    width: 150px;
    height: 150px;
  }
}

@media (max-width: 480px) {
  .logo__content-wrapper {
    width: 120px;
    height: 120px;
  }
}

@keyframes frontImageCycleLong {
  0%, 4.5% {
    opacity: 1;
    transform: scale(1);
  }
  5%, 9.5% {
    opacity: 0;
    transform: scale(0.95);
  }
  10%, 14.5% {
    opacity: 1;
    transform: scale(1);
  }
  15%, 19.5% {
    opacity: 0;
    transform: scale(0.95);
  }
  20%, 24.5% {
    opacity: 1;
    transform: scale(1);
  }
  25%, 29.5% {
    opacity: 0;
    transform: scale(0.95);
  }
  30%, 34.5% {
    opacity: 1;
    transform: scale(1);
  }
  35%, 39.5% {
    opacity: 0;
    transform: scale(0.95);
  }
  40%, 44.5% {
    opacity: 1;
    transform: scale(1);
  }
  45%, 49.5% {
    opacity: 0;
    transform: scale(0.95);
  }
  50%, 54.5% {
    opacity: 1;
    transform: scale(1);
  }
  55%, 59.5% {
    opacity: 0;
    transform: scale(0.95);
  }
  60%, 64.5% {
    opacity: 1;
    transform: scale(1);
  }
  65%, 69.5% {
    opacity: 0;
    transform: scale(0.95);
  }
  70%, 74.5% {
    opacity: 1;
    transform: scale(1);
  }
  75%, 79.5% {
    opacity: 0;
    transform: scale(0.95);
  }
  80%, 84.5% {
    opacity: 1;
    transform: scale(1);
  }
  85%, 89.5% {
    opacity: 0;
    transform: scale(0.95);
  }
  90%, 94.5% {
    opacity: 1;
    transform: scale(1);
  }
  95%, 100% {
    opacity: 0;
    transform: scale(0.95);
  }
}



.logo,
.logo_text {
	display: inline-block;
}

.logo {
	width: 200px;
	height: 200px;
	padding-top: 40px;
	z-index: 1;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.logo img {
	max-width: 100%;
}

.logo_text {
	font-size: 30px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 0.75;
	color: #181818;
	vertical-align: middle;
	margin-left: 7px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.header.scrolled .logo {
	width: 180px;
	height: 180px;
}

.header.scrolled .logo_text {
	font-size: 24px;
}

/*********************************
3.4 Main Nav
*********************************/

.main_nav_contaner {
	display: flex;
	align-items: center;
	z-index: 1;
}

.main_nav,
.search_button {
	display: inline-block;
}

.main_nav {
	display: flex;
	align-items: center;
	align-content: center;
	height: 35px;
}

.main_nav .main_nav_li {
	min-width: 50px;
	max-width: 100px;
	max-height: 40px;
	text-align: center;
	margin-right: 10px;
}

.main_nav li:last-child {
	margin-right: 0px;
}

.submenu {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 150px;
	height: auto;
	background-color: white;
	z-index: 3;
	box-shadow: 3px 10px 10px rgba(0, 0, 0, 0.2);
	margin-left: -22px;
	display: none;
}

.extend-li {
	width: 220px;
	margin-left: -65px;
}

.header_content .main_nav_contaner .main_nav .extend-li li a {
	width: 220px;
	padding: 20px;
}

.main_nav .submenu li {
	display: flex;
	justify-content: center;
	width: 100%;
	min-height: 50px;
	margin-right: 0px;
}

.main_nav_contaner .main_nav .submenu li a {
	display: flex;
	align-content: center;
	justify-content: center;
	width: 150px;
	min-height: 50px;
	padding: 10px;
	background-color: white;
}

.main_nav_contaner ul li a:hover+ul,
.main_nav_contaner .submenu:hover {
	display: block;
}

.main_nav_contaner .main_nav .submenu li a:hover {
	background-color: var(--third);
	color: white;
	transition: all 500ms ease;
}

.main_nav_contaner .main_nav li a {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 12px;
	font-weight: 600;
	color: #181818;
	text-align: center;
	height: 35px;
	width: 100px;
	text-transform: uppercase;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.main_nav li a:hover,
.main_nav li.active a {
	color: var(--third);
}

.search_button {
	margin-left: 10px;
	cursor: pointer;
}

.search_button i {
	font-size: 16px;
	color: #181818;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.search_button:hover i {
	color: var(--third);
}

.header_search_form {
	display: block;
	position: relative;
	width: 40%;
}

.header_search_container {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	background: #b10707;
	z-index: -1;
	opacity: 0;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}

.header_search_container.active {
	bottom: -73px;
	opacity: 1;
}

.header_search_content {
	width: 100%;
	height: 73px;
}

.search_input {
	width: 100%;
	height: 40px;
	border: none;
	outline: none;
	padding-left: 20px;
}

.header_search_button {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 100%;
	border: none;
	outline: none;
	cursor: pointer;
}

/*********************************
3.5 Hamburger
*********************************/

.hamburger {
	display: none;
	cursor: pointer;
	margin-right: 10px;
}

.hamburger i {
	font-size: 20px;
	color: #353535;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.hamburger:hover i {
	color: #eb4141;
}

/*********************************
4. Menu
*********************************/

.menu {
	position: fixed;
	width: 100vw;
	height: 100vh;
	background: rgba(255, 255, 255, 0.98);
	z-index: 101;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}

.menu.active {
	visibility: visible;
	opacity: 1;
}

.menu_search_form {
	display: block;
	position: relative;
	margin-top: 50px;
}

.menu_search_input {
	width: 400px;
	height: 40px;
	background: #c0c0c0;
	border: none;
	border-radius: 3px;
	outline: none;
	padding-left: 20px;
}

.menu_search_button {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	border: none;
	outline: none;
	cursor: pointer;
	background: #c0c0c0;
}

.menu_nav {
	margin-top: 50px;
	text-align: center;
}

.menu_nav ul li:not(:last-child) {
	margin-bottom: 6px;
}

.menu_nav ul li a {
	font-size: 18px;
	font-weight: 700;
	color: #353535;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.menu_nav ul li a:hover {
	color: #eb4141;
}

.menu_close {
	position: absolute;
	top: 100px;
	right: 100px;
	cursor: pointer;
}

.menu_close i {
	font-size: 20px;
}

.menu_close:hover i {
	color: #eb4141;
}

.menu_nav a {
	display: flex;
	align-items: center;
	width: 100%;
	border-bottom: 0.5px solid var(--primary);
}

.menu_nav a span {
	position: absolute;
	right: 24px;
	font-size: 30px;
	font-weight: bold;
}

.logo-responsive {
	margin: 0 auto;
	width: 150px;
	height: 150px;
}

.menu_nav ul ul {
	display: none;
}

/* .menu_nav .submenu-responsive {
	padding-left: 20px;
} */

/*********************************
4. Menu
*********************************/

.menu {
	position: fixed;
	width: 100vw;
	height: 100vh;
	background: rgba(255, 255, 255, 0.98);
	z-index: 101;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}

.menu.active {
	visibility: visible;
	opacity: 1;
}

.menu_search_form {
	display: block;
	position: relative;
	margin-top: 50px;
}

.menu_search_input {
	width: 400px;
	height: 40px;
	background: #c0c0c0;
	border: none;
	border-radius: 3px;
	outline: none;
	padding-left: 20px;
}

.menu_search_button {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	border: none;
	outline: none;
	cursor: pointer;
	background: #c0c0c0;
}

.menu_nav {
	margin-top: 50px;
	text-align: center;
}

.menu_nav ul li:not(:last-child) {
	margin-bottom: 6px;
}

.menu_nav ul li a {
	font-size: 18px;
	font-weight: 700;
	color: #353535;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.menu_nav ul li a:hover {
	color: #eb4141;
}

.menu_close {
	position: absolute;
	top: 100px;
	right: 100px;
	cursor: pointer;
}

.menu_close i {
	font-size: 20px;
}

.menu_close:hover i {
	color: #eb4141;
}

/*********************************
5. Home
*********************************/

.home {
	width: 100%;
	height: 310px;
}

.home_background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.home_content,
.home-religious-background .home_content-religious {
	position: absolute;
	bottom: 35px;
	left: 0;
	width: 100%;
	z-index: 10;
}

.home_content .container .row>div {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.breadcrumbs ul li {
	display: inline-block;
	position: relative;
	font-size: 18px;
	font-weight: 400;
	color: #ffffff;
}

.breadcrumbs ul li a {
	font-size: 18px;
	font-weight: 400;
	color: #ffffff;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.breadcrumbs ul li a:hover {
	color: var(--second);
}

.breadcrumbs ul li:not(:last-child)::after {
	display: inline-block;
	content: '/';
	margin-left: 4px;
}

.home_background .home_content {
	position: absolute;
	bottom: 45px;
	left: 0;
	width: 100%;
	z-index: 10;
}

.home_title {
	font-family: var(--font-text);
	font-size: 30px;
	font-weight: 700;
	color: #ffffff;
	line-height: 0.75;
	text-align: center;
}

.container .col p {
	font-family: var(--font-text-old-stand);
	color: #ffffff;
	font-size: 16px;
}

/*********************************
6. About
*********************************/

.about {
  padding-top: 50px;
	padding-bottom: 100px;
	background: #ffffff;
}

.section_title {
	font-size: 36px;
	font-weight: 700;
	line-height: 1.185;
	color: #181818;
	text-transform: uppercase;
}

.section_subtitle {
	font-family: var(--font-text-old-stand);
	font-size: 16px;
	color: #7c7c7c;
	font-style: italic;
	margin-top: 5px;
}

.about_row {
	margin-top: 52px;
}

.about_image {
	width: 100%;
}

.about_image img {
	max-width: 100%;
}

.col-lg-6 {
	text-align: justify;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
}

.about_button {
	margin-top: 31px;
}

/*********************************
7. history
*********************************/
.history-container {
	margin: 0 auto;
	margin-bottom: 60px;
}

.history-container h2 {
	font-size: 36px;
	color: black;
	text-align: center;
	font-weight: bold;
	margin-bottom: 30px;
}

.history-container p {
	text-align: left;
}

.mission {
	padding-top: 97px;
	padding-bottom: 94px;
	background: transparent;
}

.mission_background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.mission_item {
	display: inline-block;
	width: 25%;
	padding-left: 70px;
	padding-right: 70px;
}

.mission_icon i {
	font-size: 36px;
	color: #b10707;
}

.mission_title {
	font-size: 24px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	margin-top: 7px;
}

.mission_text {
	color: #ffffff;
	margin-top: 17px;
}

.mission_item:not(:last-child)::after {
	display: block;
	position: absolute;
	top: 30px;
	right: 0;
	width: 1px;
	height: calc(100% - 30px);
	background: rgba(235, 235, 235, 0.2);
	content: '';
	z-index: 10;
}

/*********************************
8. Team
*********************************/

.team {
	padding-top: 30px;
	padding-bottom: 34px;
	background: #ffffff;
}

.team_name {
	font-size: 20px;
	color: #181818;
	text-transform: uppercase;
	font-weight: 700;
	margin-top: 29px;
}

.team_title {
	font-family: var(--font-text-old-stand);
	font-size: 16px;
	font-style: italic;
	color: var(--primary);
	margin-top: 4px;
}

.team_overlay_text p {
	font-size: 14px;
	color: #ffffff;
	line-height: 1.57;
}

.team_overlay_contact {
	margin-top: 15px;
}

.team_overlay_contact ul li i,
.team_overlay_contact ul li div {
	display: inline-block;
}

.team_overlay_contact ul li div {
	font-size: 14px;
	color: #ffffff;
}

/*********************************
9. Quote
*********************************/

.quote {
	width: 100%;
	background: #f7f7f7;
	padding-top: 100px;
	padding-bottom: 99px;
}

.quote_container {
	max-width: 830px;
	margin-left: auto;
	margin-right: auto;
}

.quote_icon {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 0;
}

.quote_quote {
	font-family: var(--font-text-old-stand);
	font-size: 26px;
	color: #181818;
	z-index: 10;
	line-height: 1.4;
}

.quote_source {
	font-family: var(--font-text);
	font-size: 18px;
	color: #b10707;
	font-weight: 600;
	margin-top: 13px;
}

/*********************************
10. Footer
*********************************/

.footer {
	background-color: var(--primary);
	margin-top: 50px;
}

.footer .footer_nav {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(100px, max-content));
	grid-gap: 16px;
	padding: initial;
	justify-content: center;
	align-items: center;

	width: 60%;
	height: auto;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

.footer .footer_nav li {
	width: 100px;
}

.footer .footer_nav li a {
	color: white;
	display: block;
	margin: 0 auto;
	text-align: center;
	max-width: 110px;
	font-weight: 600;
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
}

.separador_footer {
	width: 100%;
	height: 1px;
	background-color: white;
}

.container-logo-footer a img {
	width: 180px;
	height: 180px;
}

.container-datos-footer,
.container-redes-footer,
.container-logo-footer,
.logo-roman {
	display: flex;
	justify-content: center;
	align-items: center;
	/*width: 313px;*/
}

.container-datos-footer,
.container-redes-footer {
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	flex-direction: column;
}

.container-datos-footer ul li {
	color: white;
	display: flex;
	justify-content: start;
	align-content: center;
	align-items: center;
}

.content-footer .container-datos-footer ul li img {
	width: 21px;
	height: auto;
	margin-right: 16px;
	min-width: 21px;
	min-height: 21px;
}

.container-redes-footer ul {
	display: flex;
	width: 200px;
	justify-content: space-between;
}

.container-redes-footer p {
	align-self: flex-start;
	color: white;
	line-height: 16px;
}

.container-redes-footer ul {
	margin-bottom: 16px;
	margin-top: 10px;
}

.container-redes-footer ul a img {
	width: 30px;
	height: auto;
}

.content-footer {
	display: flex;
	align-content: center;
	justify-content: space-evenly;
	flex-wrap: wrap;
	width: 80%;
	max-width: 1262px;
	margin: 0 auto;
}

.logo-catolic {
	width: 100%;
	height: auto;
}

.logo-roman {
	display: flex;
	justify-content: center;
	align-items: center;
	height: auto;
}

.logo-roman img {
	width: 100px;
	height: auto;
}

.separador-down-footer {
	margin: 0 auto;
	width: 85%;
	height: 1px;
	background-color: white;
}

.copyr {
	width: 60%;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

.copyr p {
	text-align: center;
	color: white;
}

.terms_privacy {
	display: flex;
	justify-content: center;
}

.terms_privacy a {
	color: var(--second);
	text-decoration: none;
	padding: 1px 6px;
	margin: 10px;
}

.terms_privacy a:hover {
	color: var(--third);
}

.social-whatsapp-icon {
	position: fixed;
	border-radius: 100%;
	background-color: var(--primary);
	right: 40px;
	bottom: 40px;
	width: 40px;
	height: 40px;
}

.social-whatsapp-icon a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

.social-whatsapp-icon a i,
.social-whatsapp-icon a i::before {
	font-size: 30px;
	color: var(--second);
}

.container .row .col .home_title {
	font-family: beyond;
	text-transform: capitalize;
	font-size: 40px;
}


.about .about_image img {
	border-radius: 15px;
	opacity: 1;
}



.history-container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
	align-items: center;
}

.image__history-container figure img {
	width: 500px;
	height: auto;
}

.history-container h2 {
	text-align: left;
	margin-bottom: 0;
}

.history-container .section_subtitle {
	margin-bottom: 30px;
}

.history-container {
	background: #F5F5F5 0% 0% no-repeat padding-box;
	border-radius: 15px;
	opacity: 1;
	padding: 80px;
}

.card__container-team--about {
	padding: 20px;
	background: #0C3943 0% 0% no-repeat padding-box;
	border: 1px solid #707070;
	border-radius: 15px;
	opacity: 1;
	min-height: 520px !important;
	position: relative;
}


.card__container-team--about .team_image_circle img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.card__container-team--about .team_image_circle {
	display: flex;
	justify-content: center;
	text-align: center;
	margin: 0 auto;
	position: absolute;
	top: -90px;
	left: 0;
	right: 0;
}

.team_image figure img {
	width: 150px !important;
	height: auto !important;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto !important;
	border: 2px solid #0C3943;
	opacity: 1;
}

.card__container-team--about .team_content {
	padding-top: 20px;
}

.card__container-team--about .team_name {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
}

.card__container-team--about .team_title {
	font-size: 16px;
	color: #888888;
	margin-bottom: 20px;
}

.card__container-team--about .team_overlay_text p {
	margin-bottom: 10px;
}

.card__container-team--about .team_overlay_contact ul li {
	margin-bottom: 5px;
}

.card__container-team--about .team_overlay_contact ul li i {
	margin-right: 10px;
}


.team_overlay_contact ul li p,
.team_overlay_contact ul li i {
	font-size: 14px;
	color: #ffffff;
	line-height: 1.57;
}

h3.team_name {
	padding-top: 30px;
}

.team_content h3 {
	font-size: 14px;
	color: #ffffff !important;
}

.fa-phone {
	transform: rotateY(180deg);
}


.team {
	padding-top: 100px;
}

.menu {
	display: none;
}