@charset "UTF-8";

@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500");

@font-face {
  font-family: "ConquerorCarved_One";
  src: url("fonts/cc/AWConquerorCarved-One.woff") format("woff");
  font-weight: normal;
}
@font-face {
  font-family: "Livory_RegularItalic";
  src: url("fonts/liv/Livory-Regular_Italic.woff") format("woff");
  font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "ConquerorCarved_One", "Helvetica Neue", "HelveticaNeue", "Helvetica Neue", Calibri, Helvetica, Arial, sans-serif;
  font-weight: normal;
  line-height: 1em;
}

p {
  font-family: "Montserrat", "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial, sans-serif;
  color: #444444;
  letter-spacing: 1px;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.53em;
}


#popmake-4650 {
	background-image: url(https://www.noel.es/wp-content/uploads/2020/06/noel-landing.jpg);
	-webkit-background-size: cover;
	background-size: cover;
	background-position: top right;
	left: 0 !important;
	margin-bottom: 0 !important;
}

.pum-container {
	padding: 40px !important;
}

.pum-title {
	display:none;
}

.pum-container h1 {
	margin-top:300px;
	font-family: "ConquerorCarved_One", "Helvetica Neue", "HelveticaNeue", "Helvetica Neue", Calibri, Helvetica, Arial, sans-serif;
	font-weight: normal;
	color:#494949;
	font-size: 34px;
	margin-bottom: 14px;
}

.pum-container h1::before {
	content: '';
	background-image: url(https://www.noel.es/wp-content/uploads/world-1.png);
	width: 304px;
	height: 179px;
	position: absolute;
	margin-top:-210px
}

.pum-container h2 {
	font-family: "Livory_RegularItalic", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: 500 !important;
	color:#a9a46e;
	font-size: 28px;
}

table#taula {
	width: 540px;
}

table#taula,
table#taula td {
	border:none !important;
}

table#taula td {
	padding: 15px 0;
}

table#taula select {
	margin-top: 5px;
}

#cerrar, #linklanding{
	display:none;
}

.pum-container select {
	display: inline-block !important;
	width: 200px !important;
	background-color: transparent !important;
	border:1px solid rgba(73,73,73,0.3) !important;
    font-family: 'brandon-grotesque' !important;
	font-weight: normal;
	font-size:14px !important;
	padding: 5px 10px !important;
	color:#494949 !important;
}


#linklanding,
.pum-close.popmake-close {
	font-family: "ConquerorCarved_One", "Helvetica Neue", "HelveticaNeue", "Helvetica Neue", Calibri, Helvetica, Arial, sans-serif;
	color: white;
	padding: 8px 25px;
	margin: 0 5px;
	background-color:#494949;
}

#linklanding:hover,
.pum-close.popmake-close:hover {
	text-decoration: none;
	background-color: black;
}


option#guio,
option#es,
option#en,
option#ca,
option#usa {
	display:none;
}



		/* Extra small */
		/*---------------------------------------------------------------------------*/
		@media
		only screen and (max-width : 544px),
		only screen and (max-device-width : 544px) {
		
			.pum-container {
				top:0px !important;
				padding: 20px !important;
			}
			
			.pum-container h1 {
				margin-top:100px;
			}
			
			
			.pum-container h1::before {
				background-image:url() !important;
			}
			
			.pum-content {
				background-color: rgba(255,255,255,0.7) !important;
				padding: 20px;
			}
			
			table#taula select {
				width: 100% !important;
			}

			
		table#taula {
			width:100%;
		}
			
		thead {
			display: none;
		}

			
		tr td:first-child {
		}
			
		tbody td {
			display: block;
			text-align:center;
		}

		#linklanding,
		.pum-close.popmake-close {
			width: 100%;
		}
			
			
		tbody td:before {
			content: attr(data-th);
			display: block;
			text-align:center;
		}
			
			table#taula td {
				padding: 0px !important;
			}


}