/*------------------------------------------------------------------
mayo 19-----
-------------------------------------------------------------------*/

.panel-custom {
    text-align: center;
    background-color: transparent;
    box-shadow: none;
    font-size: 20px;
    min-height: 300px;
}


#navmenu > ul > li > a {
    color: #000;
}
#navmenu #menu-button:after {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0c9";}

body {
    background: #FFF !important;
    color: #000;
}

.trans-header {background: rgba(232, 232, 232, 0);}

.trans-header #navmenu ul {top:5px;}

.header-sticky header {
    height: 70px;
    transition: .4s;
    background: #999966;}

#navmenu > ul > li:hover > a, #navmenu > ul > li > a:hover, #navmenu > ul > li.active > a {
    color: #999966;
}

.btn-header {border-radius: 0px; border: 0px solid; background: #544233;} 

#hero-wrapper {margin-top: 100px;}

.separator-home {margin-top: 50px;}

.texte {
    color: #999966;
    font-family: 'Anek Latin', sans-serif !important;
    font-weight: 300;
}

.text-web-fundacio {padding: 10px 8vw 0px 8vw; text-align: center;}

.titol-categories {
    text-align: center;
    color: #000;
    font-size: 40px;
    font-family: "adobe-caslon-pro",serif;
    margin: 20px 0px;
    font-weight: 100;
}
.mj_premi {
    font-family: "adobe-caslon-pro",serif !important;
    color: #000;
    font-size: 2rem;
}
.mj_p_descricio {
    color: #999966;
}
.premisSVG {
    height: 60px;
    margin-bottom: 20px;
}
.linea {
    margin: 5% 40%;
}


.page-section{margin: 40px 0px}
.map {width: 100%;}
.hide-desktop {display: none;}
.hide-phone {display: block;}


.section-btn-slider {
	transform: translate(0%, -50%); 
	height: 100px; 
	background-color: #e4e4e4;}

.btn-bases {
    background: #999966;
    color: #fff;
    border-radius: 0px;
    margin-bottom: 20px;
    display: block;
    font-family: 'Anek Latin', sans-serif !important;
}

.btn-bases:hover {
    background: #000;
}

/*.top-btn {top:82% !important;}*/
#9 .footer .container {
    border-top: #000 solid 1px;
    padding-top: 20px;
}

.footer {
    padding: 60px 0px 20px;
    /* border-top: solid 1px #000; */
}
footer > .overlay3 {
    background-color: #fff!important;
}
footer p {font-family: 'Open Sans', sans-serif; color: #111;}
footer a {
    color: #000;
}
footer a:hover {
    color: #999966;
    text-decoration: underline;
}

.footer-bottom {
     background-color: #FFFFFF!important; 
    border: none;
    padding-top: 0px;
}
.footer-bottom p {color: #111; font-family: 'Open Sans', sans-serif;}
.footer-bottom a {
    color: #000;
}
.footer-bottom a:hover {text-decoration: underline;}
.footer-bottom > .container {
    border-top: 1px solid #000;
    padding-top: 30px;
}
.footer-widget {margin: 0px;}
.footer-widget ul li {line-height: 3rem;}
.f-social li a {color: #000;}
.f-social li a:hover {
    color: #999966;
    text-decoration: none;
}

#bkg {
	background: url(../images/Guardo_PremisNacionalsRecerca_PNR_FundacioRecerca_FCRi.png);
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	float: left;}

.map-trigger {display: none;}

.img-persones {display: block;}

footer {background: none;}

.guardonats-container {padding-top: 175px;}
.guardonats-right {text-align: right;}
.guardonats-separator {height: 125px;}
.guardonats-separatorY {padding-top: 320px;}
h1 .dorado2 {font-size: 50px;}
.dorado2 {font-size: 30px; text-align: center;}
.border2 {border-left: 3px solid #AE9E3B !important;}
.border-phone {border-left: none;}


/*LOGIN*/
.reginfo {margin-top: 80px;}

.banner1 {
	background: #fcf8e3; 
	border: 1px solid #daccae; 
	border-radius: 4px;
	margin-bottom: 20px;}
.banner1 h3 {
	color: #8a6d3b; 
	text-transform: inherit;
	font-size: 20px;}

.banner1 p {color: #8a6d3b; background: #eae8d9; margin: 10px 20px;}

.login {background: #FFF;}

.reginfo form h4 {
	font-weight: 600; 
	color: #999966; 
	margin: 0 0 20px; 
	text-transform: inherit;}

.reginfo form {
    padding: 50px 50px 20px 50px;
    border: none;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
	min-height: 820px;}

.reginfo form input {margin-bottom: 20px;}

.reginfo form a {color: #000; text-decoration: underline;}

.img-login {
	background-image: url("../images/login-premis34.jpg"); 
	background-size: cover; background-position: center;
	padding-right: 0px; padding-left: 0px; margin-left: 0px; height: 820px;}
.form-login {text-align: center; padding-left: 0px;}

/*btn login*/
.form-login > form > input[type=submit] {background-color: #999966;}
.reginfo form input {background-color: #f7f7f7; border: 0px; border-bottom: 1px solid #999966;}
iframe html body {background: black;}

/*END LOGIN*/


/*error 404*/
.e-more {border-radius: 0px;}
.e-more:hover {background: #5b4633;}
.error-content h4 span {
	font-family: "adobe-caslon-pro",serif;
	font-size: 30px;
	text-transform: uppercase;
	font-weight: 400;
	background: #e7e7e1;}
.footer404 {bottom: 0; left: 0; right: 0; position: fixed;}

.convocatoria-oberta {
    z-index: 1;
    position: absolute;
    top: 32%;
    left: 67%;
    transform: translate(-50%, -20%);
    width: 30%;
    border-radius: 0px;
    display: block;
    font-size: 35px;
	line-height: 35px;
	text-align: left;
}

/*btn slider */
@media only screen and (max-width: 1900px) and (min-width: 1350px) {.top-btn {top:84% !important;} }
@media only screen and (max-width: 1349px) and (min-width: 1025px) {.top-btn {top:86% !important;} }
@media only screen and (max-width: 1024px) and (min-width: 721px) {.top-btn {top:88% !important;} .img-persones {display: none;}}



/*tablet*/
@media only screen and (max-width: 1023px) and (min-width: 768px) {
	.hide-phone {display: none;}
	.hide-desktop {display: block;}

	.map {width: 50%;}

	.linea {margin: 2% 45%;}
	.premisSVG {height: 100px; margin: 40px 0px 10px 0px;}
	.titol-categories {margin-bottom: 0px;}
	.btn-phone {
		background: #999966;
		color: #fff;
		border-radius: 0px;
		width: 95%;
		margin: 10px;
		text-align: center;
		font-family: 'Anek Latin', sans-serif !important;}

	footer {margin-top: 40px;}
	.footer {padding: 40px 0px 0px 0px;}
	.img-persones {display: block;}
	.error-content h3 {font-size: 60px;}
}

/*iphone X*/
@media only screen and (max-width: 960px) and (min-width: 700px) {
	#navmenu {display: none;}
	.img-persones {display: none;}
}

/*menu desplegable movil*/
@media only screen and (max-width: 767px){
	/*login*/
	.img-login {display: none;}
	.form-login {padding-left: 15px;}
	.reginfo form {height: auto; padding: 50px;}
	.reginfo {margin-top: 0px; padding: 45px 0px;}

	/*login end*/

	.header-wrap {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    height: 99px;
}
	.trans-header #navmenu ul {
		margin: 0px;
		background: #e7e7e1;
		position: fixed;
		top: 141px;}
}

/*table*/
@media (min-width: 741px) and (max-width: 1280px) {
	.text-web-fundacio {padding: 10px 0px 0px 0px;}
}

/*phone*/
@media only screen and (max-width: 740px) and (min-width: 320px) {

	#hero-wrapper {margin-top: 20px;}

	.trans-header {background: rgb(153, 153, 102);}

	.trans-header #navmenu ul {
	    margin: 0px;
	    background: #e7e7e1;
	    position: fixed;
	    top: 99px;}

	.header-sticky .logo a img {
		float: left;
		transition: .4s;
		max-height: 45px;}
	.header-sticky .trans-header #navmenu ul {top: 70px;}

	.header-sticky .trans-header #navmenu > ul > li > a {
		padding: 27px 12px;
		transition:.4s;
		color: #808080;}

	.header-sticky {position: fixed!important; top: 0!important;}

	.header-sticky.carousel-wrapper {top: 3000px!important;}

	.header-sticky #navmenu {margin-top: 10px;}

	#navmenu > ul > li > a {
		text-align: right; 
		padding-right: 35px!important;
		font-size: 16px;}

	.separator-home {margin-top: 10px;}

	.text-web-fundacio {
		padding-top: 7px;
		padding-bottom: 15px;}

	.seccio-categories {margin-top: 40px;}
	.titol-categories {text-align:center; line-height: 40px;}
	.categories {text-align: center;}


	.linea {
        margin-left: 30%;
        margin-right: 30%;
    }

	.footer-widget {text-align: center;}
	.footer-widget p {font-size: 16px;}

	.hide-phone {display: none;}
	.hide-desktop {display: block;}
	
	img .hide-phone {display: none !important;}
	img .hide-desktop {display: block!important;}

	.btn-phone {
		background: #999966;
		color: #fff;
		border-radius: 0px;
		width: 95%;
		margin: 10px;
		text-align: center;
		font-family: 'Anek Latin', sans-serif !important;}


	iframe {max-height: 200px; max-width: 100vw; padding-left: 5vw; padding-right: 5vw;}

	/*footer*/
	footer {margin-top: 40px;}
	.footer {padding: 35px 0px 35px;}
	#page-top > div.footer-bottom > div.container > div > div.col-md-8 {margin-bottom: 20px; text-align: center;}

	.reginfo form {height: auto; padding: 40px;}
	.reginfo form, .img-login {min-height: 100px;}
	
	.row-eq-height {margin: 15px;}
	.banner1 {margin-left: 15px;}
	/*Guardons*/
	.guardonats-title {
		line-height: 40px;
		padding-top: 10px;
		text-align: left;
		color: #AE9E3B;
		font-size: 40px;
		font-family: "adobe-caslon-pro",serif;}

	.guardonats-first {margin-top: 20px;}
	.guardonats-img {
		padding-top: 10px;
		width: 30px;
		height: auto;}

	.guardonats-right{text-align: left;} 
	.guardonats-separator {margin-top: 50px; height: auto;}
	.guardonats-separatorY {padding-top: 60px;}
	h1 .dorado2 {font-size: 50px;}
	.dorado2 {font-size: 30px; text-align: left;}
	.border2 {border-left: 0px solid #AE9E3B !important;}
	.border-phone {border-left: 0px solid #AE9E3B !important;}

	/*error404*/
	.error-content h3 {font-size: 40px;}
	.footer404 {bottom: 0; left: 0; right: 0; position: inherit-;}

}