.center {
	max-width: 1400px;
	margin: auto;
	display: block;
	float: none;
}


.column-wrap {
	font-size: 0;
}

.column {
	width: 50%;
	display: inline-block;
	vertical-align: top;
	padding: 50px 0;
}

.float-left {
	float: left;
}
.text-left {
	text-align: left;
}
.relative {
	position: relative;
}

.features-grid .column.left {
	
}
.title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 0 30px;
	padding: 0 20px 0 20px;
}
.title img {
	width: 45px;
	float: right;
	margin: 5px 0px 5px 0px;	
}

.title h1,
.title h2,
.title h3 {
    font-family: "sybilla-regular", sans-serif;
    font-size: 22px;
	color: #fff;
}


.info-data {
	display: block;
	padding: 20px;
    font-family: "sybilla-regular", sans-serif;
	font-size: 16px;
	line-height: 28px;
}

.info-data a {
	color: #000;
}

.info-data strong {
	color: #830D41;
}

article .info-data  {
	padding-left: 0;
}
.thumbnails {
	font-size: 0;
	margin: 20px 0;
}
.thumbnails a {
	width: 24%;
	height: 0;
	padding-bottom: 20%;
	display: inline-block;
	vertical-align: top;
	margin: 0 1% 1% 0;
	position: relative;
	
}

.thumbnails a img {
	position: absolute;
	left: 0;right: 0;top:0;bottom: 0;
	max-width: 100%;
	max-height: 100%;
	width: 100%;
	height: 100%;
	object-fit:cover;
	
}

/* article */
article, p, article p, article ul, article ol, .info {
    color: #000;
    font: normal 14px/22px Arial;
}

article ul, article ol {
    list-style-position: inside;
}

article ul, article ol, article p {
    margin: 10px 0;
}
article ul {
    list-style-type: disc;
}

article ol { 
   list-style-type: decimal; 
   list-style-position: inside; 
}
article ul ul,
article ol ul { 
   list-style-type: circle; 
   list-style-position: inside; 
   margin-left: 15px; 
}
article ol ol,
article ul ol { 
   list-style-type: lower-latin; 
   list-style-position: inside; 
   margin-left: 15px; 
}

.content-wrap article {
    padding-bottom: 40px;
}

article a:hover {
    text-decoration: underline;
}

article h1,
article h2,
article h3,
article h4,
article h5,
article h6 {
    font-family: Arial;
    font-family: "sybilla-regular", sans-serif;
    font-weight: bold;
    margin: 5px 0;
}


/*
._features-item-8-1 .title {
	color: #830D41;
}
*/

.fitem-left article {
	padding: 20px 20px 20px;
}

.features-grid .column.fitem-column {
	display: inline-flex;
	flex-flow: row;
	flex-wrap: wrap;
}
.features-grid .column .fitem {
	width: 47%;
	margin: 0px 0% 3% 3%;
	padding: 2% 0 0;
	display: inline-block;
	vertical-align: top;
	border-radius: 0 30px;	
}

.features-grid .column .fitem h2 {
	display: inline-block;
	vertical-align: top;
	color: #fff;
    font-family: "sybilla-regular", sans-serif;
    font-size: 22px;
    margin-left: 20px;
}

.features-grid .column .fitem img {
	width: 50px;
	float: right;
	margin: 5px 20px 5px 5px;
}

.features-grid .column .fitem .text-icon+div {
	display: block;
    font-family: "sybilla-regular", sans-serif;
    font-size: 16px;
	color: #fff;
	padding: 0 20px;
}

.pagination {
    list-style-type: none;
    padding: 20px 0px;
    margin: 0px;

}
.pagination li a {
    color: #0B5273;
    font-family: "sybilla-regular", sans-serif;
    font-size: 18px;
    text-decoration: none;
    padding: 10px;
    border: solid 1px #AA0F53;
    border-radius: 0px 10px 0px 10px;
    width: 23px;
    display: inline-block;
}

.pagination li.active {
    color: #0B5273;
    font-family: "sybilla-bold", sans-serif;
    font-size: 18px;
    padding: 10px;
    width: 23px;
    display: inline-block;
    border: solid 1px #0B5273;
    border-radius: 5px;
}

.pagination li {
    display: inline;
    
}

#fancybox-content div{
    /*overflow-y: scroll !important;*/
}

#files-selected {
    color: #AA0F53;
    font-family: 'sybilla-bold', sans-serif;
    font-weight: bold;
}




#lightcase-overlay {
    background: #fff !important;
}

#lightcase-content {
    border-radius: 0px 30px 0px 30px;
    box-shadow: 0px 0px 15px #ccc !important;
}

#lightcase-title {display: none !important;}

#lightcase-info #lightcase-caption {
    color: #000 !important;
	font-weight: bold !important;
    font-size: 15px !important;    
}

#lightcase-sequenceInfo {
    display: none !important;
}

.lightcase-contentInner {
    border-radius: 0px 30px 0px 30px;
}

a[class*='lightcase-icon-'], a[class*='lightcase-icon-']:focus,
.lightcase-icon-close, lightcase-icon-next, lightcase-icon-prev { 
	color: grey !important
}

/*gallery arrows always visible*/
#fancybox-left-ico {
    left: 30px;
}
#fancybox-right-ico {
    right: 30px;
    left: auto;
}
.fancybox-nav span {
    visibility:visible;
}

#fancybox-left:hover span {
    left: 30px;
}
#fancybox-right:hover span {
    right: 30px;
}
/*gallery arrows always visible*/


@font-face {
    font-family: 'solena-regular';
    src: url("./fonts/solena/solena-regular.otf") format("opentype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'sybilla-bold';
    src: url("./fonts/sybilla/sybillapro-bold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'sybilla-con-bold';
    src: url("./fonts/sybilla/sybillaprocondensed-bold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'sybilla-medium';
    src: url("./fonts/sybilla/sybillapro-medium.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'sybilla-book';
    src: url("./fonts/sybilla/sybillapro-book.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'sybilla-book-it';
    src: url("./fonts/sybilla/sybillapro-bookit.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'sybilla-regular';
    src: url("./fonts/sybilla/sybillapro-regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'sybilla-thin';
    src: url("./fonts/sybilla/sybillapro-thin.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

.cookie-notice {
    max-width: 800px;
    padding: 40px 20px 20vh 20px;
    margin: auto;
    font-family: "sybilla-regular", sans-serif;
    color: #0B5273;
}

.form-small-letters {
    text-transform: lowercase;
}

.cc-btn {
    border-radius: 25px;
}

body {
    overflow-x : hidden;
}

.footer-success {
    background-color: #F7F7F7;
}
.active {
    font-weight: bold;
}
nav {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 20;
    background-color: white
}

nav .mobile-nav {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #dddddd
}

.dropzone {
    border-radius: 0px 30px;
    border: 1.7px solid #84E2C5;
}

.header-village {
    background-color: #333;
}

.header-village img {
    opacity: 0.7;
}

.header-village .large-title {
    text-shadow: 0px 0px 10px #000;
}

input[type="file"] {
    display: none;
}
.custom-file-upload {
    display: inline-block;
    cursor: pointer;
    color: white !important;
    border-radius: 25px;
    height: 30px;
    padding: 10px 30px 0px 30px;
    font-family: "sybilla-regular", sans-serif;
    border: 1.7px solid #AA0F53;
    background-color: #AA0F53;
    font-size: 14px;
    margin: 20px 0;
}

.custom-file-upload:hover {
    background-color: white;
    color: #AA0F53 !important;
}

.error404-container {
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: #fff;
    padding: 25vh 0px;
}

.success-container {
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: #F7F7F7;
    padding: 25vh 0px;
}

.success-title {
    font-size: 26px;
    color: #0B5273;
    font-weight: 100;
    font-family: "sybilla-regular", sans-serif;
}
.success-subtitle {
    font-size: 16px;
    color: #0B5273;
    font-family: "sybilla-bold", sans-serif;
}

.new-village-success-image {
    width: 10vw;
    min-width: 170px;
    height: auto;
    margin: auto;
}

.grid-features div .text-icon {
    max-width: 80%;
}

.grid-features div .text-icon h2 {
    overflow-wrap: normal;
    white-space: normal !important;
}

#fancybox-overlay {
    background-color: rgba(255,255,255,0.99) !important;
    opacity: 0.9 !important;
}

#fancybox-content {
    border-radius: 0px 30px 0px 30px !important;
    -webkit-border-radius: 0px 30px 0px 30px !important;
    -moz-border-radius: 0px 30px 0px 30px !important;
    background-color: #fff;
    /*    max-width: 900px;
        max-height: 700px;*/
    box-shadow: 0px 0px 10px #ccc;
}

#fancybox-outer {
    border-radius: 0px 30px 0px 30px !important;
    -webkit-border-radius: 0px 30px 0px 30px !important;
    -moz-border-radius: 0px 30px 0px 30px !important;
    /*    max-width: 900px;
        max-height: 700px;*/
    background-color: #fff;
}


.fancybox-bg {
    display: none !important;
}

.blue-text, .blue-text p {
    color: #0B5273 !important;
    font-family: 'sybilla-regular', sans-serif !important;
}
#common-data {
    padding: 30px;
    max-width: 600px;
}
#fancybox-close {
    top: 10px !important;
    right: 10px !important;
}

a.empty-btn {
    border: 1.7px solid #AA0F53;
    background-color: transparent;
    border-radius: 25px;
    color: #AA0F53;
    text-transform: uppercase;
    padding: 0 20px;
    font-family: "sybilla-bold", sans-serif;
    font-size: 14px;
    white-space: normal;
    margin: 10px auto;
    padding: 15px 5px;
    width: 150px;
    text-decoration: none;
}

a.empty-btn:hover {
    color: #fff;
    background-color: #AA0F53;
    text-decoration: none;
}

body#apply .application-form section li {
    margin-left: -40px;
}

@media only screen and (min-width: 768px) {
    nav .mobile-nav {
        display: none
    }
}

nav .mobile-nav .logo-small {
    margin-left: 20px
}

nav .mobile-nav .logo-small img {
    width: 110px;
    display: block
}

nav .mobile-nav .menu {
    margin-right: 20px
}

nav .mobile-nav .menu button {
    background: none;
    cursor: pointer;
    outline: none;
    border: 0
}

nav .mobile-nav .menu img {
    width: 25px;
    height: 25px
}

nav .desktop-nav {
    position: absolute;
    top: 50px;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100vh;
    background-color: rgba(11, 82, 115, 0.95);
    animation: topp .2s linear forwards;

}

.features-item-9-a a {
	color: #AA0F53;
	text-decoration: none;
}
.regions-list {
	display: flex;
	flex-flow: row;
	flex-wrap: wrap;
	list-style: none;
	margin: 0 -.5%;
	padding: 30px 0;
}
.regions-list li {
	width: 24%;
	margin: 0 0.5% 1%;
}
.regions-list li a {
    font-family: "sybilla-bold", sans-serif;
	font-size: 20px;
	line-height: 24px;
	color: #fff;
	display: block;
	padding: 20px;
	text-decoration: none;	
	border-radius: 0 30px;
	text-align: center;
}

.regions-list li a:hover {
	filter:brightness(120%);
}
@keyframes topp {
	0{transform: translateY(-10px)}
	100%{transform: translateY(-0px)}
}


@media only screen and (min-width: 768px) {
    nav .desktop-nav {
        top: 0;
        position: relative;
        height: 120px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        background-color: white;
        animation: topp .2s linear forwards;
    }
}
nav .desktop-nav .logo-large {
    visibility: hidden
}

@media only screen and (min-width: 768px) and (max-width: 1100px) {
    nav .desktop-nav .logo-large {
        visibility: visible;
        margin-left: 30px
    }
}

@media only screen and (min-width: 1101px) {
    nav .desktop-nav .logo-large {
        visibility: visible;
        margin-left: 50px
    }
}

nav .desktop-nav .logo-large img {
    width: 180px;
    display: block
}

nav .desktop-nav .navigation ul {
    width: 90%;
    list-style-type: none;
    padding-left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: right;
    margin: auto
}

@media only screen and (min-width: 768px) {
    nav .desktop-nav .navigation ul {
        width: 100%;
        flex-direction: row;
        justify-content: space-evenly;
        flex-wrap: wrap;
        align-items: center;
        padding: 3px;
        margin: 0
    }
}

nav .desktop-nav .navigation ul li:nth-child(5) a {
    font-size: 15px
}

nav .desktop-nav .navigation ul li {
    border-bottom: 1.7px solid white;
    margin: 2vh 0;
    padding-bottom: 25px
}

@media only screen and (min-width: 768px) {
    nav .desktop-nav .navigation ul li {
        border: none;
        margin: 0 10px;
        padding: 0
    }
}

nav .desktop-nav .navigation ul li a:nth-child(2) {
    border-left: 1.7px solid white;
    padding-left: 4px
}

@media only screen and (min-width: 768px) {
    nav .desktop-nav .navigation ul li a:nth-child(2) {
        border-left: 1.7px solid #0B5273
    }
}

nav .desktop-nav .navigation ul li a {
    text-decoration: none;
    font-size: 18px;
    font-family: "sybilla-book", sans-serif;
    color: white;
	display: block;
}

nav .desktop-nav .navigation ul li.languages a {
	display: inline-block;
}

@media only screen and (min-width: 768px) {
    nav .desktop-nav .navigation ul li a {
	    display: block;
        color: #0B5273;
        font-size: 16px
    }
}

nav .desktop-nav .navigation ul li a:hover {
    font-weight: bold
}

nav .desktop-nav .navigation ul li a:active {
    font-weight: bold
}

nav .desktop-nav .navigation ul li a.active {
    font-family: "sybilla-bold", sans-serif;
    /*pointer-events: none*/
}

nav .desktop-nav .navigation ul li a.active.active:hover {
    font-weight: normal
}

nav .desktop-nav .navigation ul li a.active-lang {
    font-family: "sybilla-bold", sans-serif;
    color: white;
    pointer-events: none
}

@media only screen and (min-width: 768px) {
    nav .desktop-nav .navigation ul li a.active-lang {
        color: #AA0F53
    }
}

nav .desktop-nav .navigation ul li a.active-lang.active:hover {
    font-weight: normal
}

nav .desktop-nav .navigation ul li a::after {
    display: block;
    content: attr(title);
    font-weight: bold;
    height: 0;
    overflow: hidden;
    visibility: hidden
}

nav .desktop-nav .search {
    width: 60%;
    max-width: 230px;
    display: block;
    margin: 30px auto auto
}

@media only screen and (min-width: 768px) and (max-width: 1100px) {
    nav .desktop-nav .search {
        margin: 0 30px 0 0;
        width: 200px;
        width: 100%
    }
}

@media only screen and (min-width: 1101px) {
    nav .desktop-nav .search {
        margin: 0 30px 0 0;
        width: 230px
    }
    nav .desktop-nav .navigation ul li a {
	    font-size: 18px;
    }
}

nav .desktop-nav .search form {
    border-radius: 30px;
    height: 50px;
    border: 1.7px solid #AA0F53;
    position: relative;
    display: flex;
    align-items: center
}

nav .desktop-nav .search form input[type='text'] {
    background-color: transparent;
    box-sizing: border-box;
    font-size: 15px;
    font-family: "sybilla-book", sans-serif;
    color: white;
    padding: 0 0 0 20px;
    border: none
}

@media only screen and (min-width: 768px) {
    nav .desktop-nav .search form input[type='text'] {
        color: #0B5273
    }
}

nav .desktop-nav .search form button {
    background-color: transparent;
    border: none;
    position: absolute;
    z-index: 2;
    right: 10px
}

nav .desktop-nav .search form button img {
    width: 25px
}

footer {
    position: relative
}

footer img {
    object-fit: cover;
    display: block
}

footer .footer-bg img {
    width: 100%;
    height: 480px;
    object-position: 50% 0
}

@media only screen and (min-width: 768px) {
    footer .footer-bg img {
        max-height: 390px
    }
}

footer .footer-content {
    width: 100%;
    display: flex;
    position: absolute;
    bottom: 20px;
    align-items: baseline;
}

@media only screen and (min-width: 768px) {
    footer .footer-content {
        justify-content: center;
        align-items: baseline;
    }
}

footer .footer-content .logo-footer {
    margin: auto;
    padding: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 1100px) {
    footer .footer-content .logo-footer {
        margin: 0 0 0 30px
    }
}

@media only screen and (min-width: 1101px) {
    footer .footer-content .logo-footer {
        margin: 0 0 0 50px
    }
}

footer .footer-content .logo-footer img {
    /*margin: 20px auto;*/
    width: 140px
}

@media only screen and (min-width: 768px) {
    footer .footer-content .logo-footer img {
        width: 160px;
        margin: 0
    }
}

footer .footer-content .logo-footer a {
    text-decoration: none;
    color: white;
    font-size: 13px;
    font-family: "sybilla-bold", sans-serif
}

footer .footer-content .rights {
    margin: 20px auto
}

@media only screen and (min-width: 768px) {
    footer .footer-content .rights {
        margin: 0
    }
}

footer .footer-content .rights p {
    color: #0B5273;
    font-size: 13px;
    font-family: "sybilla-book", sans-serif;
    text-align: center
}

@media only screen and (min-width: 768px) {
    footer .footer-content .rights p {
        font-size: 14px
    }
}

@media only screen and (min-width: 768px) {
    footer .footer-content .rights p br {
        display: none
    }
}

footer .footer-content .social-media {
    margin: auto;
    padding: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 1100px) {
    footer .footer-content .social-media {
        margin: 0 30px 0 0
    }
}

@media only screen and (min-width: 1101px) {
    footer .footer-content .social-media {
        margin: 0 50px 0 0
    }
}

footer .footer-content .social-media img {
    width: 40px
}

@media only screen and (min-width: 768px) {
    footer .footer-content .social-media img {
        width: 55px
    }
}

footer .footer-content .social-media img:hover {
    transform: scale(1.05)
}

header > img {
    width: 100%;
    object-fit: cover;
    display: block;
    max-height: 380px;
    min-height: 300px;
}

.headings {
    color: #AA0F53;
    font-family: "solena-regular", sans-serif;
    font-size: 38px;
    margin-top: 20px
}

@media only screen and (min-width: 768px) {
    .headings {
        font-size: 52px
    }
}

.text, p {
    line-height: 21px;
    font-size: 14px;
    font-family: "sybilla-book", sans-serif;
    color: #0B5273
}

@media only screen and (min-width: 768px) {
    .text, p {
        font-size: 15px;
        line-height: 22px
    }
}

button:focus, input:focus, select:focus, textarea:focus {
    outline: none
}

.grid-favourites div, .grid-features div, .grid-list div {
    border-radius: 0 30px
}

.favourites-item-1, .favourites-item-2, .favourites-item-3, .favourites-item-4, .list-item {
    position: relative
}

.favourites-item-1 p, .favourites-item-2 p, .favourites-item-3 p, .favourites-item-4 p, .list-item p {
    color: #0B5273;
    font-family: "sybilla-bold", sans-serif;
    font-size: 18px
}

.favourites-item-1 p span, .favourites-item-2 p span, .favourites-item-3 p span, .favourites-item-4 p span, .list-item p span {
    color: #AA0F53;
    font-size: 15px;
    font-family: "sybilla-book-it", sans-serif;
    float: right
}

@media screen and (min-width: 768px) {
    .favourites-item-1 p span, .favourites-item-2 p span, .favourites-item-3 p span, .favourites-item-4 p span, .list-item p span {
        float: none;
        margin-left: 15px;
        font-size: 16px
    }
}

.favourites-item-1 h1, .favourites-item-1 h2, .favourites-item-2 h1, .favourites-item-2 h2, .favourites-item-3 h1, .favourites-item-3 h2, .favourites-item-4 h1, .favourites-item-4 h2, .list-item h1, .list-item h2 {
    color: white;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    text-align: center;
    width: 100%;
    overflow: hidden
}

.favourites-item-1 h1, .favourites-item-2 h1, .favourites-item-3 h1, .favourites-item-4 h1, .list-item h1 {
    font-size: 24px;
    font-family: "sybilla-thin", sans-serif;
    height: 55%
}

.favourites-item-1 h2, .favourites-item-2 h2, .favourites-item-3 h2, .favourites-item-4 h2, .list-item h2 {
    font-size: 14px;
    font-family: "sybilla-bold", sans-serif;
    bottom: 45px;
    text-decoration: underline
}

.favourites-item-1 img, .favourites-item-2 img, .favourites-item-3 img, .favourites-item-4 img, .list-item img {
    width: 100%;
    border-radius: 0 30px;
    height: 100%;
    object-fit: cover;
    display: block
}

.favourites-item-1 .overlay, .favourites-item-2 .overlay, .favourites-item-3 .overlay, .favourites-item-4 .overlay, .list-item .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    transition: 0.5s ease;
    background-color: rgba(162, 22, 85, 0.7);
    border-radius: 0 30px
}

.favourites-item-1 .overlay:hover, .favourites-item-2 .overlay:hover, .favourites-item-3 .overlay:hover, .favourites-item-4 .overlay:hover, .list-item .overlay:hover {
    opacity: 1
}

.empty-btn {
    display: flex;
    justify-content: center;
    margin: 20px
}

.empty-btn input[type='submit'], .empty-btn button[type='submit']  {
    border: 1.7px solid #AA0F53;
    background-color: transparent;
    height: 50px;
    border-radius: 25px;
    color: #AA0F53;
    text-transform: uppercase;
    padding: 0 20px;
    font-family: "sybilla-bold", sans-serif;
    font-size: 13px;
    white-space: normal;
    margin: 10px 30px
}

@media only screen and (min-width: 768px) {
    .empty-btn input[type='submit'], .empty-btn button[type='submit'] {
        font-size: 14px
    }
}

.empty-btn input[type='submit']:hover {
    background-color: #AA0F53;
    color: white
}

.grid-favourites {
    display: grid;
    grid-gap: 4em 1.3em;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto 0 290px 290px 290px 290px;
    grid-template-areas: 'info-home' 'pic-home' 'title-home' 'favourites-item-1' 'favourites-item-2' 'favourites-item-3' 'favourites-item-4';
    margin: 20px 20px 70px
}

@media screen and (min-width: 601px) and (max-width: 768px) {
    .grid-favourites {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto 0 260px 260px 260px 260px;
        grid-template-areas: 'info-home info-home' 'pic-home pic-home' 'title-home title-home' 'favourites-item-3 favourites-item-3' 'favourites-item-3 favourites-item-3' 'favourites-item-1 favourites-item-4' 'favourites-item-2 favourites-item-4'
    }
}

@media screen and (min-width: 769px) and (max-width: 1100px) {
    .grid-favourites {
        grid-gap: 1.3em;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: auto auto 100px 260px 260px 260px;
        grid-template-areas: 'info-home info-home info-home' 'pic-home pic-home pic-home' 'title-home title-home title-home' 'favourites-item-1 favourites-item-3 favourites-item-3' 'favourites-item-2 favourites-item-3 favourites-item-3' 'favourites-item-2 favourites-item-4 favourites-item-4';
        margin-top: 70px;
        margin-bottom: 50px
    }
}

@media screen and (min-width: 1101px) and (max-width: 1480px) {
    .grid-favourites {
        grid-gap: 1.3em;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: auto 100px 260px 260px;
        grid-template-areas: 'info-home info-home pic-home pic-home' 'title-home title-home title-home title-home' 'favourites-item-1 favourites-item-3 favourites-item-3 favourites-item-4' 'favourites-item-2 favourites-item-3 favourites-item-3 favourites-item-4';
        margin-top: 70px;
        margin-bottom: 50px
    }
}

@media screen and (min-width: 1481px) {
    .grid-favourites {
        grid-gap: 1.3em;
        grid-template-columns: 1fr 360px 360px 360px 360px 1fr;
        grid-template-rows: auto 100px 260px 260px;
        grid-template-areas: '. info-home info-home pic-home pic-home .' '. title-home title-home title-home title-home .' '. favourites-item-1 favourites-item-3 favourites-item-3 favourites-item-4 .' '. favourites-item-2 favourites-item-3 favourites-item-3 favourites-item-4 .';
        margin-top: 70px;
        margin-bottom: 50px
    }
}

@media screen and (min-width: 768px) {
    .grid-favourites .hidden-text {
        display: none
    }
}

.info-home {
    grid-area: info-home;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .info-home {
        text-align: left;
        padding-right: 90px
    }
}

.pic-home {
    grid-area: pic-home;
    position: relative
}

.pic-home img {
    /*height: 290px;*/
    height: 400px;
    border-radius: 0 30px;
    object-fit: cover;
    display: block;
    width: 100%
}

@media screen and (min-width: 768px) and (max-width: 1100px) {
    .pic-home img {
        height: 400px
    }
}

@media only screen and (min-width: 1101px) {
    .pic-home img {
        /*height: 100%*/
    }
}

.pic-home .empty-btn {
    margin-top: 40px
}

@media only screen and (min-width: 768px) {
    .pic-home .empty-btn {
        position: absolute;
        z-index: 2;
        top: 30px;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto
    }
}

.title-home {
    grid-area: title-home;
    text-align: center
}

.title-home h1 {
    margin-top: -30px
}

@media only screen and (min-width: 768px) {
    .title-home h1 {
        margin-top: 20px
    }
}

.favourites-item-1 {
    grid-area: favourites-item-1
}

.favourites-item-2 {
    grid-area: favourites-item-2
}

.favourites-item-3 {
    grid-area: favourites-item-3
}

.favourites-item-4 {
    grid-area: favourites-item-4
}

.grid-list {
    display: grid;
    grid-gap: 4em 1.3em;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    margin: 20px 20px 70px
}

@media only screen and (min-width: 768px) and (max-width: 1480px) {
    .grid-list {
        margin: 70px 20px
    }
}

@media screen and (min-width: 1481px) {
    .grid-list {
        max-width: 1480px;
        margin: 70px auto
    }
}

.grid-list .list-item {
    height: 290px
}

@media only screen and (min-width: 768px) {
    .grid-list .list-item {
        height: 260px
    }
}

header {
    position: relative
}

header .large-title {
    font-family: "solena-regular", sans-serif;
    font-size: 60px;
    color: white;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    width: 100%;
    height: 32%;
    overflow: hidden
}

header .large-title.text-left {
	margin-right: auto;
	margin-left: 0;
	right: auto;
	width: auto;
}

header img+.absolute {
	position: absolute;
	left: 0;right: 0;top:0;bottom: 0;
	margin: auto;
}
.image-map-wrap * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
.image-map-wrap {
	display: block;
    position: absolute;
    top: 25px;
    right: 25px;
    background: url(/img/common/_spriteArea.png) 0 0 no-repeat;
    background-size: 100% auto;
}

.image-map-wrap img {
    opacity: 0;
    max-width: 100%;
    max-height: 100%;
    vertical-align: top;
}

.image-map-wrap {
    z-index: 2;
}

.image-map-wrap area:hover {
    cursor: pointer;
    display: block;
}

.image-map-wrap .hover,
.image-map-wrap .active {
    background: url(/img/common/_spriteArea.png) no-repeat top left;
    background-size: 100% auto;
	display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    opacity: 0;
}

.image-map-wrap.active .active, .image-map-wrap.show .hover {
    opacity: 1;
}

.image-map-wrap[data-active="1"] .hover, .blagoevgrad .active {
    background-position: 0 -310px;
}

.image-map-wrap[data-active="2"] .hover, .burgas .active {
    background-position: 0 -620px;
}

.image-map-wrap[data-active="3"] .hover, .varna .active {
    background-position: 0 -7440px;
}

.image-map-wrap[data-active="4"] .hover, .velikotarnovo .active {
    background-position: 0 -7130px;
}

.image-map-wrap[data-active="5"] .hover, .vidin .active {
    background-position: 0 -7750px;
}

.image-map-wrap[data-active="6"] .hover, .vraca .active {
    background-position: 0 -8060px;
}

.image-map-wrap[data-active="7"] .hover, .gabrovo .active {
    background-position: 0 -1240px;
}

.image-map-wrap[data-active="8"] .hover, .dobrich .active {
    background-position: 0 -930px;
}

.image-map-wrap[data-active="9"] .hover, .kardzhali .active {
    background-position: 0 -1860px;
}

.image-map-wrap[data-active="10"] .hover, .kustendil .active {
    background-position: 0 -2170px;
}

.image-map-wrap[data-active="11"] .hover, .lovech .active {
    background-position: 0 -2480px;
}

.image-map-wrap[data-active="12"] .hover, .montana .active {
    background-position: 0 -2790px;
}

.image-map-wrap[data-active="13"] .hover, .pazardzhik .active {
    background-position: 0 -3100px;
}

.image-map-wrap[data-active="14"] .hover, .pernik .active {
    background-position: 0 -3410px;
}

.image-map-wrap[data-active="15"] .hover, .pleven .active {
    background-position: 0 -3720px;
}

.image-map-wrap[data-active="16"] .hover, .plovdiv .active {
    background-position: 0 -4030px;
}

.image-map-wrap[data-active="17"] .hover, .razgrad .active {
    background-position: 0 -4340px;
}

.image-map-wrap[data-active="18"] .hover, .ruse .active {
    background-position: 0 -4650px;
}

.image-map-wrap[data-active="19"] .hover, .silistra .active {
    background-position: 0 -5270px;
}

.image-map-wrap[data-active="20"] .hover, .sliven .active {
    background-position: 0 -5580px;
}

.image-map-wrap[data-active="21"] .hover, .smolian .active {
    background-position: 0 -5890px;
}

.image-map-wrap[data-active="28"] .hover, .sofia .active {
    background-position: 0 -8674px;
}
.image-map-wrap[data-active="22"] .hover, .sofia .active {
    background-position: 0 -6200px;
}

.image-map-wrap[data-active="23"] .hover, .starazagora .active {
    background-position: 0 -6510px;
}

.image-map-wrap[data-active="24"] .hover, .targovishte .active {
    background-position: 0 -6820px;
}

.image-map-wrap[data-active="25"] .hover, .haskovo .active {
    background-position: 0 -1550px;
}

.image-map-wrap[data-active="26"] .hover, .shumen .active {
    background-position: 0 -4960px;
}

.image-map-wrap[data-active="27"] .hover, .yambol .active {
    background-position: 0 -8370px;
}

map {display: inline;}

.pos {
	position: absolute;
    font: normal 15px/22px "sybilla-con-bold", sans-serif;;
    color: #0b5273;
    pointer-events: none;
    background: #fff;
/*     border: 1px solid #0b5273; */
    padding: 5px 10px;
    border-radius: 5px;
	height: 30px;
	text-align: center;
	z-index: -1;
}

.pos1 {
	right: -60px;
	top:0;
	bottom: 0;
	margin: auto;
	transform-origin: right;
}


.pos2 {
	top:0;
	bottom: 0;
	margin: auto;
	left: -70px;	
}
.pos4,
.pos3 {
	left: 0;right: 0;
	text-align: center;
	top:10px;
	width: 100px;
	margin: auto;
}

.pos3 {
	right: 50px;
}

.pos4 {
	top: auto;
	bottom: -40px;
/* 	color: #fff; */
}

#arealabel {
    padding: 0px 20px;
    font: bold 17px/28px "sybilla-con-bold", sans-serif;;
    color: #0b5273;
    background: #ffffff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    position: absolute;
    pointer-events: none;
    display: none;
    border-radius: 0 10px;
}

#arealabel:after {
    content: "";
    border: 7px solid transparent;
    border-bottom: 0;
    border-top: 8px solid #fff;
    position: absolute;
    bottom: -8px;
    left: 0;
    right: 0;
    margin: auto;
    width: 0;
}

#arealabel[data-coords="1"] , .blagoevgrad .tooltip_ {
    top: 220px;
    left: 20px;
}

#arealabel[data-coords="2"] , .burgas .tooltip_ {
    top: 145px;
    left: 340px;
}

#arealabel[data-coords="3"] , .varna .tooltip_ {
    top: 60px;
    left: 370px;
}

#arealabel[data-coords="4"] , .veliko-tarnovo .tooltip_ {
    top: 60px;
    left: 180px;
}

#arealabel[data-coords="5"] , .vidin .tooltip_ {
    top: 10px;
    left: -5px;
}

#arealabel[data-coords="6"] , .vraca .tooltip_ {
    top: 33px;
    left: 70px;
}

#arealabel[data-coords="7"] , .gabrovo .tooltip_ {
    top: 95px;
    left: 180px;
}

#arealabel[data-coords="8"] , .dobrich .tooltip_ {
    top: 10px;
    left: 390px;
}

#arealabel[data-coords="9"] , .kardzhali .tooltip_ {
    top: 230px;
    left: 180px;
}

#arealabel[data-coords="10"], .kyustendil .tooltip_ {
    top: 175px;
    left: -25px;
}

#arealabel[data-coords="11"], .lovech .tooltip_ {
    top: 80px;
    left: 140px;
}

#arealabel[data-coords="12"], .montana .tooltip_ {
    top: 23px;
    left: 20px;
}

#arealabel[data-coords="13"], .pazardzhik .tooltip_ {
    top: 170px;
    left: 90px;
}

#arealabel[data-coords="14"], .pernik .tooltip_ {
    top: 125px;
    left: -15px;
}

#arealabel[data-coords="15"], .pleven .tooltip_ {
    top: 33px;
    left: 140px;
}

#arealabel[data-coords="16"], .plovdiv .tooltip_ {
    top: 155px;
    left: 150px;
}

#arealabel[data-coords="17"], .razgrad .tooltip_ {
    top: 20px;
    left: 280px;
}

#arealabel[data-coords="18"], .ruse .tooltip_ {
    top: 15px;
    left: 240px;
}

#arealabel[data-coords="19"], .silistra .tooltip_ {
    top: -12px;
    left: 310px;
}

#arealabel[data-coords="20"], .sliven .tooltip_ {
    top: 115px;
    left: 270px;
}

#arealabel[data-coords="21"], .smolyan .tooltip_ {
    top: 230px;
    left: 130px;
}

#arealabel[data-coords="22"], .sofia .tooltip_ {
    top: 135px;
    left: 35px;
}

#arealabel[data-coords="23"], .stara-zagora .tooltip_ {
    top: 145px;
    left: 180px;
}

#arealabel[data-coords="24"], .targovishte .tooltip_ {
    top: 60px;
    left: 240px;
}

#arealabel[data-coords="25"], .haskovo .tooltip_ {
    top: 200px;
    left: 220px;
}

#arealabel[data-coords="26"], .shumen .tooltip_ {
    top: 60px;
    left: 320px;
}

#arealabel[data-coords="27"], .yambol .tooltip_ {
    top: 155px;
    left: 280px;
}

#arealabel[data-coords="28"], .sofia-stolica .tooltip_ {
    top: 115px;
    left: 5px;
}


@media only screen and (min-width: 768px) {
    header .large-title {
        font-size: 95px;
        font-weight: 400
    }
}

.grid-features {
    display: grid;
    grid-gap: 1.3em;
    grid-template-columns: 1fr;
    grid-template-rows: 290px 290px 290px 290px 290px 290px 290px 290px 290px 290px 290px;
    grid-template-areas: 'features-item-1' 'features-item-2' 'features-item-3' 'features-item-4' 'features-item-5' 'features-item-6' 'features-item-7' 'features-item-8-1' 'features-item-8-2' 'features-item-9' 'features-item-10';
    margin: 20px 20px 70px
}

@media screen and (min-width: 601px) and (max-width: 768px) {
    .grid-features {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 260px 260px 260px 260px 260px 260px 260px 260px;
        grid-template-areas: 'features-item-1 features-item-1' 'features-item-1 features-item-1' 'features-item-2 features-item-4' 'features-item-3 features-item-4' 'features-item-5 features-item-6' 'features-item-5 features-item-7' 'features-item-8-1 features-item-9' 'features-item-8-2 features-item-10';
        margin-top: 70px
    }
}

@media screen and (min-width: 769px) and (max-width: 1100px) {
    .grid-features {
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 260px 260px 260px 260px 260px 260px;
        grid-template-areas: 'features-item-1 features-item-1 features-item-2' 'features-item-1 features-item-1 features-item-3' 'features-item-4 features-item-5 features-item-6' 'features-item-4 features-item-5 features-item-7' 'features-item-8-1 features-item-9 features-item-10' 'features-item-8-2 features-item-9 features-item-10';
        margin-top: 70px
    }
}

@media screen and (min-width: 1101px) and (max-width: 1480px) {
    .grid-features {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: 260px 260px 260px 260px;
        grid-template-areas: 'features-item-1 features-item-1 features-item-2 features-item-4' 'features-item-1 features-item-1 features-item-3 features-item-4' 'features-item-5 features-item-6 features-item-8-1 features-item-9' 'features-item-5 features-item-7 features-item-8-2 features-item-10';
        margin-top: 70px
    }
}

@media screen and (min-width: 1481px) {
    .grid-features {
        grid-template-columns: 1fr 360px 360px 360px 360px 1fr;
        grid-template-rows: 260px 260px 260px 260px;
        grid-template-areas: '. features-item-1 features-item-1 features-item-2 features-item-4 .' '. features-item-1 features-item-1 features-item-3 features-item-4 .' '. features-item-5 features-item-6 features-item-8-1 features-item-9 .' '. features-item-5 features-item-7 features-item-8-2 features-item-10 .';
        margin-top: 70px
    }
}

.grid-features div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

.grid-features div h3 {
    text-align: center;
    color: white;
    font-family: "sybilla-regular", sans-serif;
    font-size: 20px;
    padding: 0 20px
}

.grid-features div img {
    width: 50px;
    margin-left: 8px
}

@media only screen and (min-width: 320px) {
    .grid-features div img {
        width: 80px
    }
}

.grid-features div .text-icon {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.grid-features div .text-icon h2 {
    text-align: center;
    color: white;
    font-family: "sybilla-con-bold", sans-serif;
    font-size: 40px;
    padding-right: 8px;
    white-space: nowrap;
    overflow: hidden
}

.grid-features a {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
    color: transparent;
    position: relative
}

.grid-features a img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.grid-features a h3 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}
.bgr-1,
.features-item-1 {
    grid-area: features-item-1;
    background-color: #14384E
}
.bgr-2,
.features-item-2 {
    grid-area: features-item-2;
    background-color: #0B5273
}

.bgr-3,
.features-item-3 {
    grid-area: features-item-3;
    background-color: #58869E
}

.bgr-4,
.features-item-4 {
    grid-area: features-item-4;
    background-color: #7AB8D0
}

.bgr-5,
.features-item-5 {
    grid-area: features-item-5;
    background-color: #58869E
}


.bgr-6,
.features-item-6 {
    grid-area: features-item-6;
    background-color: #7AB8D0
}
.bgr-7,
.features-item-7 {
    grid-area: features-item-7;
    background-color: #8BD6EC
}

.bgr-8,
.features-item-8-1 {
    grid-area: features-item-8-1;
    background-color: #830D41;
}


.features-item-8-1 img:hover {
    transform: scale(1.15)
}

.bgr-9,
.features-item-8-2 {
    grid-area: features-item-8-2;
    background-color: #D0206D
}


.features-item-8-2 img:hover {
    transform: scale(1.15)
}

.bgr-10,
.features-item-9 {
    grid-area: features-item-9;
    background-color: #AA0F53;
}


.features-item-9 img:hover {
    transform: scale(1.15);
}

.bgr-11,
.features-item-10 {
    grid-area: features-item-10;
    background-color: #C7266F
}

.features-item-10 img:hover {
    transform: scale(1.15)
}

.grid-about {
    display: grid;
    grid-gap: 30px 0;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto auto;
    grid-template-areas: 'about-item-1' 'about-item-2' 'about-item-3' 'about-item-5' 'about-item-4';
    margin: 20px 20px 70px
}

@media screen and (min-width: 900px) and (max-width: 1480px) {
    .grid-about {
        grid-gap: 30px 50px;
        grid-template-columns: 12fr 6fr 11fr 12fr;
        grid-template-rows: auto auto auto;
        grid-template-areas: 'about-item-1 about-item-1 about-item-1 about-item-1' 'about-item-2 about-item-2 about-item-3 about-item-3' 'about-item-4 about-item-5 about-item-5 about-item-5'
    }
}

@media screen and (min-width: 1481px) {
    .grid-about {
        grid-gap: 70px 70px;
        grid-template-columns: 1fr 300px 240px 345px 345px 1fr;
        grid-template-rows: auto auto auto;
        grid-template-areas: '. about-item-1 about-item-1 about-item-1 about-item-1 .' '. about-item-2 about-item-2 about-item-3 about-item-3 .' '. about-item-4 about-item-5 about-item-5 about-item-5 .'
    }
}

.about-item-1 {
    grid-area: about-item-1;
    text-align: center;
    place-self: center;
    width: 100%
}

@media only screen and (min-width: 1481px) {
    .about-item-1 {
        width: 50%
    }
}

.about-item-2 {
    grid-area: about-item-2;
    width: 100%;
    align-self: center;
    justify-self: start;
    text-align: center
}

@media only screen and (min-width: 900px) {
    .about-item-2 {
        text-align: left
    }
}

.about-item-3 {
    grid-area: about-item-3;
    align-self: center;
    justify-self: end
}

.about-item-3 img {
    width: 100%;
    border-radius: 0 30px;
    min-width: 240px;
    height: 100%;
    min-height: 350px;
    display: block;
    object-fit: cover
}

@media only screen and (min-width: 550px) {
    .about-item-3 img {
        border-radius: 220px
    }
}

.about-item-4 {
    grid-area: about-item-4;
    align-self: center;
    justify-self: center;
    width: 70%
}

@media only screen and (min-width: 900px) {
    .about-item-4 {
        width: 100%
    }
}

.about-item-4 img {
    width: 100%;
    height: 100%;
    min-height: 190px;
    object-fit: cover;
    display: block
}

.about-item-5 {
    grid-area: about-item-5;
    width: 100%;
    align-self: center;
    justify-self: end;
    text-align: center
}

@media only screen and (min-width: 900px) {
    .about-item-5 {
        text-align: left
    }
}

@media only screen and (min-width: 1100px) {
    body#apply {
        background-color: #F9FDFC
    }
}

body#apply .application-form {
    max-width: 1100px;
    width: 100%;
    padding: 20px 0;
    background-color: white
}

@media only screen and (min-width: 1101px) {
    body#apply .application-form {
        max-width: 1000px;
        padding: 50px 0;
        margin: auto;
        border-radius: 0 30px;
        box-shadow: 2px 2px 10px 2px #d2d2d2;
        z-index: 2;
        margin-bottom: -300px;
        position: relative;
        top: -320px;
        left: 0;
        right: 0
    }
}

body#apply .application-form .filled-btn {
    display: flex;
    justify-content: center
}

body#apply .application-form .filled-btn button {
    color: white;
    border-radius: 15px;
    height: 30px;
    padding: 0 30px;
    font-family: "sybilla-regular", sans-serif;
    border: 1.7px solid #0B5273;
    background-color: #0B5273;
    font-size: 14px;
    margin: 10px
}

body#apply .application-form .filled-btn button:hover {
    background-color: white;
    color: #0B5273
}

body#apply .application-form .filled-btn input[type='submit'] {
    color: white;
    border-radius: 15px;
    height: 30px;
    padding: 0 30px;
    font-family: "sybilla-regular", sans-serif;
    border: 1.7px solid #AA0F53;
    background-color: #AA0F53;
    font-size: 14px;
    margin: 20px 0
}

body#apply .application-form .filled-btn input[type='submit']:hover {
    background-color: white;
    color: #AA0F53
}

body#apply .application-form .upload {
    margin-top: 50px
}

body#apply .application-form .contact div {
    width: 100%
}

@media only screen and (min-width: 768px) {
    body#apply .application-form .contact div {
        display: flex;
        flex-direction: row;
        align-items: baseline;
        justify-content: space-between
    }
}

body#apply .application-form .contact div input {
    width: 100%;
    margin-top: 20px
}

@media only screen and (min-width: 768px) {
    body#apply .application-form .contact div input {
        width: 82%
    }
}

body#apply .application-form section {
    padding: 0 20px
}

@media only screen and (min-width: 900px) and (max-width: 1100px) {
    body#apply .application-form section {
        padding: 0 60px
    }
}

@media only screen and (min-width: 1100px) {
    body#apply .application-form section {
        padding: 0 100px
    }
}

body#apply .application-form section div {
    margin: 20px 0
}

@media only screen and (min-width: 768px) {
    body#apply .application-form section .one-row {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: baseline;
        justify-content: space-between;
        flex-wrap: nowrap
    }
}

body#apply .application-form section .one-row input {
    width: 100%
}

@media only screen and (min-width: 768px) {
    body#apply .application-form section .one-row input {
        flex: 1;
        margin-left: 20px
    }
}

body#apply .application-form section h1 {
    font-size: 24px;
    color: #AA0F53;
    font-family: "sybilla-bold", sans-serif;
    margin: 40px 0
}

body#apply .application-form section h2 {
    font-size: 20px;
    color: #0B5273;
    font-family: "sybilla-bold", sans-serif;
    margin: 40px 0 15px
}

body#apply .application-form section li {
    list-style: none;
    line-height: 35px
}

body#apply .application-form section label {
    font-family: "sybilla-regular", sans-serif;
    color: #0B5273;
    font-size: 16px
}

body#apply .application-form section input[type='radio'] {
    margin-right: 10px
}

body#apply .application-form section input[type='number'], body#apply .application-form section input[type=text] {
    background: transparent;
    border: none;
    border-bottom: 1.7px solid #84E2C5;
    font-family: "sybilla-book", sans-serif;
    color: #14384E;
    font-size: 16px;
    height: 22px;
    padding-bottom: 5px;
    width: 100%;
}

body#apply .application-form section textarea {
    width: 100%;
    height: 150px;
    border-radius: 0 30px;
    border: 1.7px solid #84E2C5;
    padding-left: 5px;
    resize: none;
    line-height: 22px;
    font-family: "sybilla-book", sans-serif;
    color: #14384E;
    font-size: 16px;
    display: block
}

body#apply .application-form section select {
    background-color: transparent;
    width: 100%;
    border: none;
    border-bottom: 1.7px solid #84E2C5;
    font-family: "sybilla-regular", sans-serif;
    font-size: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media only screen and (min-width: 768px) {
    body#apply .application-form section select {
        /*margin-left: 20px*/
    }
}

body#apply .application-form section input[type='number'] {
    -moz-appearance: textfield
}

body#apply .application-form section input[type=number]::-webkit-inner-spin-button, body#apply .application-form section input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.hidden {
    display: none
}

#common-data, #data {
    /*margin: 50px;*/
    overflow: auto;
}

#common-data h4, #data h4 {
    color: #0B5273;
    font-size: 32px;
    font-family: "sybilla-thin", sans-serif;
    margin: 10px 0px !important;
}

#common-data h5, #data h5 {
    color: #0B5273;
    font-size: 15px;
    line-height: 22px;
    font-family: "sybilla-book", sans-serif
}

#common-data div h5:first-child {
    font-family: "sybilla-bold", sans-serif
}


#links h4, #data h4 {
    color: #0B5273;
    font-size: 32px;
    font-family: "sybilla-thin", sans-serif
}

#links h5, #data h5 {
    color: #0B5273;
    font-size: 15px;
    line-height: 22px;
    font-family: "sybilla-book", sans-serif
}

#links div h5:first-child {
    font-family: "sybilla-bold", sans-serif
}

@media only screen and (max-width: 768px) {
	
    #search-input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #fff;
        opacity: 1; /* Firefox */
    }

    #search-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #fff;
    }

    #search-input::-ms-input-placeholder { /* Microsoft Edge */
        color: #fff;
    }
}

.logo-footer {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content:flex-start;
}
.social-media {
    flex: 1;
    display: flex;
    justify-content: flex-end;
}
.rights {
    flex: 1;
    display: flex;
    justify-content: center;
}

#lightcase-case {
    text-shadow: 0px 0px 0px #fff !important;
    line-height: 1.1 !important;
}

@media only screen and (max-width: 1500px) {
	.image-map-wrap	{
		right: 100px;
	}
}
@media only screen and (max-width: 1400px) {
	.center {
		padding-left: 20px;
		padding-right: 20px;
	}
	header .large-title.text-left {
	    left: 20px;
	    max-width: 41%;
	    height: auto;
	    align-items: center;
	    display: flex;
	    line-height: 1.45;
	}
	.maphead {
		height: 380px;
	}
	.maphead > img{
		height: 100%;
		object-fit:cover;
	}
}
@media only screen and (max-width: 1180px) {
	.features-grid .column .fitem {
		width: 98%;
		margin-left: 2;
	}	
	.regions-list li {
		width: 32.333%;
	}
    nav .desktop-nav .navigation ul li {
		margin-bottom: 10px;
    }    
	
}

@media only screen and (max-width: 1024px) {
	.maphead > img {display: none;}
	.maphead {
		background: #005376;
		height: auto;
		padding-bottom: 20px;
	}
	.maphead .center.absolute {
		position: relative;
		max-width: 100%;
		text-align: center;
	}	
	header .large-title.text-left {
		left: 0;
		justify-content: center;
		max-width: 100%;
		position: relative;
		text-align: center;
	}
	
	.image-map-wrap {
		position: relative;
		top:auto;
		margin-top: 35px;
		margin: auto auto 30px;
		max-width: 480px;
		left: auto;
		right: auto;
	}
}

@media only screen and (max-width: 920px) {
	.regions-list li {
		width: 48%;		
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom: 2%;
	}
	.regions-list li a {
		font-size: 17px;
	}
	
}
@media only screen and (max-width: 880px) {
	.features-grid .column {
		width: 100%;
	}
	.features-grid .column .fitem {
		width: 100%;
		margin-left: 0;
	}
    
    html[data-lc-type=inline] #lightcase-case {
            padding: 5px 0px 70px 0px !important;
    }
    
    #lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p {
            color: #0B5273 !important;
    font-family: "sybilla-thin", sans-serif;
    }
    
    #fancybox-content {
        width: 96% !important;
    }
    #fancybox-content div {
        width: 96% !important;
        height: 100% !important;
        padding: 20px 10px 20px 10px;
        /*overflow-y: auto !important;*/
    }
    #common-data, #data {
        padding: 10px 0px 35px 0px !important;
        margin: 0px 0px 160px 0px;
        width: 99% !important;
    }
}

@media only screen and (max-width: 680px) {
	.image-map-wrap {
		transform: scale(.7);
	}
}

@media only screen and (max-width: 550px) {
	.image-map-wrap {
		display: none !important;		
	}
	.mobile-link {
		display: block;
		text-align: center;
		margin-top: 10px;
		color: #fff;
	    font-size: 15px;
	    line-height: 22px;
	    font-family: "sybilla-book", sans-serif
	}
}
@media only screen and (max-width: 480px) {
    footer .footer-content {
        width: 100%;
        display: block;
        text-align: center;
    }
    footer .footer-content .logo-footer{
        width: 100%;
        text-align: center;
        display: inline-block;
        padding: 0px;
    }
    footer .footer-content .logo-footer img {
        margin: 20px auto;
    }
    .social-media {
        width: 100%;
        text-align: center;
        display: inline-block;
    }
    .social-media a img{
        display: inline-block;
    }
    footer .footer-content .social-media {
        padding: 0px;
    }
    .rights {
        width: 100%;
        text-align: center;
        display: inline-block;
    }
    .custom-file-upload {
        height: 50px;
        text-align: center;
    }


}