body {
	background: #000;
	/* Fallback for when there is no custom background color defined. */
	font-family: 'Kulim Park', sans-serif;
	font-style: italic;
	font-weight: 200;
    color: #fff;
    letter-spacing: 0.9px;
    text-align: justify;
}
.Text h1 {
	font-weight: 200;
    text-align: center;
    text-transform: uppercase;
}
div.ModalContainer h1 {
    text-transform: uppercase;
    font-weight: 200;
    font-size: 1.5em;
}
.Text2 h2 {
	font-weight: 200;
    font-size: 22px;
    text-align: center;
    line-height: 0.3em;
}
.Text2 {
    margin: 54px 0 0 0;
}
.Menu {
    z-index: 1;
    position: relative;
    top: 90px;
}
.BkImgPano {
    background-image: url(../images/pano.jpg);
    background-size: cover;
    height: 420px;
    display: flex;
}
img.KeyVisual {
    max-width: -webkit-fill-available;
}
input#comment-42 {
    height: 125px!important;
}
.um .um-form input[type=text], .um .um-form input[type=search], .um .um-form input[type=tel], .um .um-form input[type=password], .um .um-form textarea {
    color: #fff!important;
}
.TextInfo2 {
    font-style: initial;
    font-size: 0.7em;
    padding: 5em 0 0 0;
}
#MainContainerRegistration, #MainContainerGallery {
    top: 90px;
}
/*********** RESPONSIVE AREA ********************************/
@media screen and (min-width: 1365px) {
		div#MainContainer, div#MainContainerGallery, div#MainContainerRegistration {
		}
		div#MainContainerGallery, div#MainContainerRegistration {
			width: 1080px;
		}
		div#MainContainer{
			width: 1365px;
		}
		button.BtnMenu, .topnav a, li.LiIzq a, li.LiDer a  {
		    font-size: 20px;
		    letter-spacing: 0.9px;
		    line-height: 0.5;
		}
		.Text h1 {
			font-size: 27px;
			line-height: 0.5em;
		}
		span.CreditsText {
			font-size: 13px;
		}
		.modal-header {
			top: -50px;
		}
		.modal {
			padding-top: 100px; /* Location of the box */
		}
		.modal-content {
			width: 60%;
		}
		.ModalContainer {
			padding: 3em 2em 4em 2em;
		}
		.NormalTxt {
		    margin: 40px 0 0 0;
		}
		.topnav {
		  overflow: hidden;
		  min-height: 80px;
		}
		.SubContainer {
		    padding: 2em 7em 2em 7em;
		}
		h1 {
		    font-size: 2em;
		    margin: 0.67em 0;
		}
		div.Headline1 {
		    padding: 0 0 3em 0;
		}
		.BackToHome {
	    	top: -50px;
		}
}
@media screen and (max-width:1364px) and (min-width: 960px) {
		div#MainContainer, div#MainContainerGallery, div#MainContainerRegistration {

		}
		div#MainContainerGallery, div#MainContainerRegistration {
			width: 1080px;
		}
		div#MainContainer{
			width: 960px;
		}
		button.BtnMenu, .topnav a, li.LiIzq a, li.LiDer a  {
		    font-size: 16px;
		    letter-spacing: 0.9px;
		    line-height: 0.5;
		}
		.Text h1 {
			font-size: 27px;
			line-height: 0.5em;
		}
		span.CreditsText {
			font-size: 13px;
		}
		.modal-header {
			top: -50px;
		}
		.modal {
			padding-top: 100px; /* Location of the box */
		}
		.modal-content {
			width: 60%;
		}
		.ModalContainer {
			padding: 3em 1em 4em 1em;
		}
		.NormalTxt {
		    margin: 40px 0 0 0;
		}
		.topnav {
		  overflow: hidden;
		  min-height: 80px;
		}
		.SubContainer {
		    padding: 2em 7em 2em 7em;
		}
		h1 {
		    font-size: 2em;
		    margin: 0.67em 0;
		}
		div.Headline1 {
		    padding: 0 0 3em 0;
		}
		.BackToHome {
	    	top: -50px;
		}
}
@media screen and (min-width:960px) {
		.BackToHome {
			position: relative;
		}
		div#MainContainer, div#MainContainerGallery, div#MainContainerRegistration {

		}
		div#MainContainer div.topnav {
			display: none;
		}
		.BkImgPano {
		    justify-content: flex-end;
		}
		.LogoMob {
		    display: none;
		}
		button.BtnMenu, .topnav a, li.LiIzq a, li.LiDer a  {
		    font-size: 16px;
		    letter-spacing: 0.9px;
		    line-height: 0.5;
		}
		.Text h1 {
			font-size: 27px;
			line-height: 0.5em;
		}
		span.CreditsText {
			font-size: 13px;
		}
		.modal-header {
			top: -50px;
		}
		.modal {
			padding-top: 100px; /* Location of the box */
		}
		.modal-content {
			width: 60%;
		}
		.ModalContainer {
			padding: 3em 2em 4em 2em;
		}
		.NormalTxt {
		    margin: 40px 0 0 0;
		}
		.topnav {
		  overflow: hidden;
		  min-height: 80px;
		}
		.SubContainer {
		    padding: 2em 7em 2em 7em;
		}
		h1 {
		    font-size: 2em;
		    margin: 0.67em 0;
		}
		div.Headline1 {
		    padding: 0 0 3em 0;
		}
		.BackToHome {
	    	top: -50px;
		}
}
@media screen and (max-width:559px){
		#gw_go_portfolio_gallery a {
		pointer-events: none;
		cursor: default;
		}

}
@media screen and (max-width:959px) {
		.BackToHome {
			position: fixed;
			background-color: #000;
			padding: 0 14px;
			z-index: 3;
			width: -webkit-fill-available;
		}
		div#MainContainer, div#MainContainerGallery, div#MainContainerRegistration {
		    top: 0px;
		}
		div#MainContainerGallery, div#MainContainerRegistration {
		}
		div#MainContainer{
		}
		div.Menu ul.Nav {
			display: none;
		}
		.BkImgPano {
		    justify-content: space-between;
		}
		button.BtnMenu, .topnav a, li.LiIzq a, li.LiDer a  {
		    font-size: 18px;
		    letter-spacing: 1.6px;
		    line-height: 1.2;
		}
		.Text h1 {
			font-size: 17px;
			line-height: 1.2em;
		}
		span.CreditsText {
			font-size: 13px;
			width: 40%;
		}
		.modal-header {
			top: 0px;
		}
		.modal {
			padding-top: 45px; /* Location of the box */
		}
		.modal-content {
			width: 90%;
		}
		.ModalContainer {
			padding: 0.6em 2em 4em 2em;
		}
		.NormalTxt {
		    margin: 20px 0 0 0;
		}
		.topnav {
		  overflow: hidden;
		  min-height: 50px;
		}
		.DisplayFlex {
			display: flex;
			flex-direction: column;
		}
		.SubContainer {
		    padding: 0.1em 1em 1em 1em;
		}
		h1 {
		    font-size: 1.3em;
		    margin: 0.67em 0;
		}
		div.Headline1 {
		    padding: 0 0 0em 0;
		}
		.BackToHome {
	    	top: 0px;
	    	right: 0px;
		}
		div#MainContainerGallery, div#MainContainerRegistration {
			top: 60px;
		}
}
/*********** RESPONSIVE AREA ********************************/
div#MainContainer, div#MainContainerGallery, div#MainContainerRegistration {
    background-color: #000;
    min-height: 900px;
    margin: auto;
    position: relative;
}
ul.Nav {
    list-style: none;
    display: flex;
    justify-content: space-around;
    text-transform: uppercase;
    padding: 0;
    align-items: center;
}
li.LiIzq {
	width:182px;
}
li.LiCent {
	text-align: center;
}
li.LiCent, li.LiDer {
	width: 273px;
}
li.LiDer {
	text-align: right;
}
li.LiCent img {
    width: 190px;
    border: 1px solid #fff;
}
.PhoneArea {
    width: 175px;
    background: #000;
    /*position: absolute;*/
    padding: 12px;
    margin: 5px 5px;
    height: fit-content;
    height: max-content;
}
.PhoneBlock {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 10px 0;
}
span.PhoneNumber {
    font-style: normal;
    font-size: 12px;
    text-decoration: none;
    color: #fff;
}
img.iconPhone {
    width: 20px;
}
.footer {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
img.FooterImgExtI {
    width: 90px;
}
img.FooterImgExtD {
    width: 130px;
}
span.CreditsText {
    font-style: normal;
    margin: 0 0 18px 0;
    text-align: center;
    position: relative;
    top: 60px;
}
.QuoteText {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 300;
    letter-spacing: 0.5px;
}
.Cita, .Citado {
	text-align: right;
	font-weight: 600;
}
footer {
    margin: 50px 0 0 0;
}
.Citado {
    font-style: normal;
    padding: 6px 0;
}
/************ MODAL *********/
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}
.Nav button#myBtnA, .Nav button#myBtnB, .Nav button#myBtnB  {

}
button.BtnMenu, .topnav a, li.LiIzq a, li.LiDer a  {
    background: none;
    font-family: 'Kulim Park', sans-serif;
    font-style: italic;
    font-weight: 200;
    color: #fff;
    border: none;
    text-transform: uppercase;
    text-decoration: none;
}
button.BtnMenu:hover {
	cursor: pointer;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #334354;
  margin: auto;
  padding: 0;
  height: auto;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
  max-width: 860px;
}
button.close {
    background: none;
    border: none;
}
button.close:hover {
    color: #ededed;
}
.DisplayFlex {display: flex;}
.TextAndImage img{margin: 0 20px 0 0;}
.modal a {
    color: #7d9eff;
    font-weight: 600;
    font-style: italic;
    text-decoration: none;
}
.modal a:hover	{
	text-decoration: inherit;
	color: #b4c7ff;
}
.NormalTxt p, .TextAndImage p, .NormalTxt ul {
    /* text-align: center; */
    font-style: normal;
    line-height: 1.3;
    font-size: 1.0em;
}
.NormalTxt li {
	list-style: disc;
	padding: 1em 0 1em 0;
}
.ModalContainer img {
    border: 1px solid;
}
/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}
img.ImgUno {
    max-width: 100%;
}
span.copyright {
    font-size: 0.7em;
}
span.caracteristia_imagen {
    font-weight: bold;
}
button.linkpdf {
	background-color: #0049ff;
    border: none;
    border-radius: 2em;
}
button.linkpdf a {
    color: #fff;
}
/* The Close Button */
.close {
  color: white;
  float: right;
  font-size: 38px;
  font-weight: 200;
  font-family: 'Kulim Park', sans-serif;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.modal-header {
    position: relative;
}
.modal-footer {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}
a.Back {
    float: right;
    text-decoration: none;
    color: #fff;
    font-size: 36px;
    font-style: normal;
}
.RegistrationD {
    background-color: #334354;
}
.um-form {
    text-transform: uppercase;
}
.um .um-field-label {
    color: #fff!important;
}
.um .um-form input[type=text], .um .um-form input[type=search], .um .um-form input[type=tel], .um .um-form input[type=number], .um .um-form input[type=password], .um .um-form textarea, .select2-container .select2-choice, .select2-container-multi .select2-choices {
    background-color: #334354!important;
}
/***** VIENE DE wp-content/plugins/ultimate-member/assets/css/um-styles.css ***/
.select2.select2-container .select2-selection{}
/***** // VIENE DE wp-content/plugins/ultimate-member/assets/css/um-styles.css ***/
input#um-submit-btn, .um .um-button.um-alt, .um input[type=submit].um-button.um-alt {
    background-color: #fff;
    color: #334354;
    text-transform: uppercase!important;
    font-size: 1.7em;
}
div.Headline1 {
    text-transform: uppercase;
}
.mobile-container {
  margin: auto;
  height: 500px;
  color: white;
  border-radius: 10px;
}
.topnav {
  overflow: hidden;
}
.topnav #myLinks {
  display: none;
}
/*
.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
  text-align: center;
}*/

.topnav a.icon {
  background: black;
  display: block;
  position: absolute;
  right: 26px;
  top: 14px;
}

.topnav a:hover {
  color: #868686;
}

.active {
  color: white;
}
.LogoMob {
    position: relative;
    margin: 5px;
}
div.LogoMob img {
    width: 176px;
}
i.fa.fa-bars {
    font-size: 1.5em;
}
div.topnav ul {
	display: flex;
	justify-content: center;
	flex-direction: column;
}
div.topnav li {
    list-style: none;
    text-align: center;
    margin: 10px 0;
}
.um-field-block {
    color: #fff!important;
    font-size: 17px;
    line-height: 1.5;
    text-transform: none;
}
.um.um-login.um-logout.um-31.uimob340 li {
    line-height: 1.3em;
    list-style: none;
}
.um.um-login.um-logout.um-31.uimob340 li a {
    color: #fff;
    text-decoration: none;
}
.um.um-login.um-logout.um-31.uimob340 li a:visited {
    color: #d3cfcf;
}
.um.um-login.um-logout.um-31.uimob340 li a:hover {
    color: #b1a9a9;
}
.um-misc-with-img {
	line-height: 1.3em;
}
.um-profile-note span {
    color: #fff!important;
    line-height: 1.3em;
}
.NormalTxt ul {
	padding-inline-start: 20px!important;
}
.ImagenPlusText {
	display: flex;
	justify-content: center;
}
.ContenedorImg {
	flex: 0 1 50%;
}
.ContenedorImg ul {
	flex: 0 1 50%;
}

/************ MODAL *********/

/* PROCESS CHECK VERIFICATION ZONE *

li.LiIzq.ExtI {
    background-color: antiquewhite;
}
li.LiIzq.CenI {
	background-color: olive;
}
li.LiCent {
	background-color: fuchsia;
}
li.LiDer.ExtD {
    background-color: azure;
}
/* /////////////////// /////////// */
