body {background: #f5f5f5;}
section {padding: 80px 0px 20px 0px;}
a {color: #7a6b68;}

form.needs-validation {margin: 20px 0px 200px 0px;}
.separator {height: 40px;}

.h1, .h2, .h3, .h4, .h5, .h6 {font-family: 'Anek Latin', sans-serif !important;}

.custom-header p.h1 {font-size: 2em; text-align: left; font-family: 'Anek Latin', sans-serif !important;}

/* ################################ SCROLLBAR ################################ */
::-webkit-scrollbar-track {
	-webkit-box-shadow: none;
	border-radius: 0px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
	-webkit-box-shadow: none; 
	border-radius: 0px; 
	background-color: #0094ca;
}
::-webkit-scrollbar {width: 12px; background-color: #0094ca;}

/* ################################ SELECT TEXT COLOR ################################*/
::-moz-selection {color: #fff;background: #a99e4c;}
::selection {color: #fff; background: #a99e4c;}


/* ################################ NAVBAR ################################ */
.logo {max-width: 100px; text-align: left; float: left;}
.logo-c {max-width: 200px; text-align: right; float: right;}
.navbar-dark {background: #fbfbfb;}


/*mj*/
.filter-option-inner-inner{
	margin-top:-40px;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:active {
    color: rgba(101, 114, 125, 0.95)!important;
    margin-top: -20px;
    background-color: #fff;
    border: solid #0094ca 1px;
    border-radius: 0;
}
/* ################################ SLIDER ################################ */
.custom-header {
	color: black;
	margin-top: 80px;
	margin-bottom: 40px;
	padding: 20px 60px;
	min-height: 20vh;
	transition: 0.15s all ease;
	border-radius: 0px;
	box-shadow: 0 2rem 1.5rem -1.5rem rgba(33,37,41,0.15),0 0 1.5rem 0.5rem rgba(33,37,41,0.05) !important;
	background: #f6f6f6; 
}
.custom-header img.img-logo {max-width: 40%; margin-top: 40px; margin-bottom: 60px;}
.custom-header img.img-slider {right: 0; float: right; max-width: 60%;}
.custom-header p {font-size: 20px; font-family: 'Anek Latin', sans-serif !important;}


h1 {
	text-align: center; margin-bottom: 40px;
	font-size: 2rem; font-weight: 800; font-family: 'Anek Latin', sans-serif !important;;
}
.explicacio {text-align: center; font-size: 1rem;}
.intro {text-align: center; margin: 40px 0px; padding: 40px; border: 1px solid #ccc; border-radius: 20px;}
.curs {border-radius: 8px; border: 1px solid #ccc; padding: 10px 20px; background: #ccc; margin: 40px 0px 20px 0px;}
input {font-size: 1rem;}




.btn-primary {border-radius: 8px; background: #0094ca; border: 1px solid #0094ca; color: #fff; width: 100%;}
.btn-primary:hover {border-radius: 8px;background: black; border: 1px solid #0094ca; color: #fff;}


.gracies {
	margin-top: 125px;
	margin-bottom: 40px;
	padding: 120px 20px;
	min-height: 20vh;
    transition: 0.15s all ease;
    border-radius: .5rem;}
.titol-gracies {
	text-align: center; color: #222;
	font-size: 2rem; font-weight: 800; font-family: 'Anek Latin', sans-serif !important;}

/* ################################ CARDS ################################ */
.tornar {margin-top: 200px;}
.form-margin {padding: 0px 40px;}
.top-card {margin-bottom: 20px;} 
.card-body h2 {font-weight: 600; margin-bottom: 20px; color: #0094ca;}
a.card { color: #7a6b68;}
a.card:hover {background: #fff1d6; text-decoration: none; color: #111;} 
.shadow-lg {box-shadow: 0 2rem 1.5rem -1.5rem rgba(33,37,41,0.15),0 0 1.5rem 0.5rem rgba(33,37,41,0.05) !important;}
.card-body img {margin-bottom: 20px;}


.img-formulari {
	float: left; background: url(images/form.jpg); background-size: cover;  border-radius: 8px; 
	height: 100%; min-height: 600px; padding-right: 20px;}

/* ################################ END CARDS ################################ */


/* FORMS */
form div {margin: 20px 0px;}
.form-control {border: 1px solid #0094ca; border-radius: 0px;}

form .h3 {margin: 40px 0px 20px 0px;}

/* END FORMS */


/* ################################ FOOTER	################################ */
footer {
	text-align: left;
	color: #222;
	background: #e6e6e6;
	padding: 40px 0px;
	margin-top: 40px;
	font-size: 14px;}

.logo-part {height: 100%;}

footer h6 {margin-bottom: 20px; position: relative; font-size: 20px; font-weight: 600;}
footer p {margin-bottom: 10px;}

footer a {color: #0094ca; font-size: 14px; text-decoration: none; }
footer a:hover {text-decoration: underline;color: #0094ca;}

footer ul {padding-left: 0px;}
footer ul li {list-style: none; display: block; margin-bottom: 10px;}
footer ul li a {text-decoration: none; color: #0094ca;}
footer ul li a:hover {text-decoration: underline; color: #0094ca;}

footer ul li i {color: #0094ca;}

.legal {background: #e6e6e6; margin-top: 40px;}
.legal a {text-decoration: none;}
.legal a:hover {text-decoration: underline;}
.legal .container {border-top: 1px solid #aaa; padding-top: 20px;}

.footer-info a {color: #0094ca;}

.social-icons {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	float: right;}

.social-icons li a {color: #0094ca; padding: 0px 20px; font-size: 20px;}
.social-icons li a:hover {text-decoration: none;}

.logo-footer {max-width: 100px;}
/* ################################ END FOOTER	################################ */




/* ################################ PHONE ################################ */
@media (max-width: 450px) {
	/* ################ FOOTER ################ */
	.avis-legal {margin: 20px 0px;}
	.footer-right {text-align: left;}
	.align-social-icons {text-align: left; padding: 20px 0px 20px 0px;}
	.footer-logo {padding: 10px 0px;}
	.text-col {column-count: 1;}
	h1 {font-size: 2rem; font-weight: 800; font-family: 'Anek Latin', sans-serif !important;}

	.logo {max-width: 64px; text-align: left; }
	.logo-c {max-width: 136px; text-align: right; }
	.tornar {margin-top: 140px;}

	.img-formulari {
	float: left; background: url(images/form.jpg); background-size: cover;
	height: 100%; min-height: 200px; padding: 20px; margin: 0px; margin-bottom: 40px;}

	.margin-phone-5 {margin-top: 20px;}
	.curs {margin-bottom: 0px;}

	/* pnr form */
	.custom-header {box-shadow: none!important; margin-bottom: 0px; padding-bottom: 0px;}
	form.needs-validation {margin-top: 0px;}
	.custom-header img.img-logo {
		text-align: center; 
		float: none; 

		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
		margin-bottom: 30px;
		width: 50%;
	}
	.custom-header img.img-slider {float: none; display: block; margin-left: auto; margin-right: auto; 
		display: none;}
	.custom-header {margin-top: 1px; padding: 20px;}
	.h1 {font-size: 20px; text-align: center;}
	form div {margin-bottom: 0px;}
	form div label, .form-label {margin-top: 20px; margin-bottom: 1px;}
}


/* ################################ TABLET ################################ */
@media only screen and (max-width: 767px) {
	footer h6 {margin-top: 40px;}
	.legal {text-align: center;}


	.img-formulari {
	float: left; background: url(images/form.jpg); background-size: cover; 
	height: 100%; min-height: 200px; padding: 20px; margin: 0px; margin-bottom: 40px;}


	.form-margin {margin: 0px; padding: 0px;}
}






/* ################################ checkbox ################################ */


/* ################################ end checkbox ################################ */