html{
    overflow-x: hidden;
}

body{
    font-family: 'Ubuntu', sans-serif;
    background: #233d90;
    margin: 0;
    padding: 75px 0 0;
    font-size: 16px;
    overflow-x: hidden;
}

/*Global*/

*{
    box-sizing: border-box;
}

*:focus{
    outline: none;
}

img{
    max-width: 100%;
    height: auto;
}

a{
    color: #e21c47;
}

a:focus{
    outline: none;
    border: none;
}

p{

}

h1, h2, h3, h4, h5{
}

h1{
    font-size: 22px;
}

h2{
    font-size: 20px;
}

h3{
    font-size: 18px;
}

h4{
    font-size: 16px;
}

h5{
    font-size: 14px;
}

ul,
ol{
    margin: 0;
    padding: 0;
}

ul li,
ol li{
    list-style: none;
}

.custom-select-box{
    position: relative;
}

.custom-select-box:before{
    content: '';
    background: #abd037;
    width: 26px;
    height: 26px;
    border-radius: 100%;
    display: inline-block;
    position: absolute;
    top: 9px;
    right: 14px;
}

.custom-select-box:after{
    content: '\f107';
    font-family: 'Font Awesome 5 Pro';
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    position: absolute;
    top: 10px;
    right: 21px;
}

.custom-select-box .custom-select{
    background: none;
    height: 46px;
    color: #abd037;
    border-color: #abd037;
    border-radius: 40px;
}

.custom-select-box .custom-select:focus{
    background: #fff;
    color: #000;
}

.link-btn{
    background: #abd037;
    width: 100%;
    max-width: 200px;
    padding: 10px;
    font-size: 1rem;
    color: #fff;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.link-btn span{
    background: #233d90;
    width: 30px;
    height: 30px;
    margin: 0 10px 0 0;
    border-radius: 100%;
    font-size: 0.875rem;
    color: #fff;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.link-btn-2{
    background: #fff;
    padding: 10px 20px 10px 10px;
    font-size: 0.75rem;
    color: #abd037;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 50px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.link-btn-2 span{
    background: #abd037;
    width: 30px;
    height: 30px;
    margin: 0 10px 0 0;
    border-radius: 100%;
    font-size: 0.875rem;
    color: #fff;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/* Header */

#header{
    padding: 0;
    border-bottom: 1px solid #fff;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 2;
}

.homepage #header{
    border: none;
}

.fix-menu #header{
    background: #fff;
    /* border-bottom: 1px solid #abd037; */
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    position: fixed;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
}

.show-menu #header{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    transform: translateY(0%);
}

#header > *,
#header > * > *,
#header > * > * > *{
    position: static;
}

#logo{
    background: #fff;
    width: 100%;
    max-width: 156px;
    padding: 20px 10px;
    border-radius: 0 0 20px 20px;
    display: inline-block;
    line-height: 0;
}

#logo img{
    width: 100%;
}

#navigation{
    display: inline-block;
    vertical-align: middle;
}

#navigation > button{
    background: #fff;
    padding: 18px 10px;
    border: none;
    position: absolute;
    top: 20px;
    right: 20px;
}

#navigation > button span{
    background: #8cae0f;
    width: 26px;
    height: 3px;
    display: block;
    position: relative;
}

#navigation > button span:before{
    content: '';
    background: #8cae0f;
    width: 26px;
    height: 3px;
    margin: 0 0 3px;
    display: block;
    position: relative;
    position: absolute;
    bottom: 100%;
    left: 0;
}

#navigation > button span:after{
    content: '';
    background: #8cae0f;
    width: 26px;
    height: 3px;
    margin: 3px 0 0;
    display: block;
    position: relative;
    position: absolute;
    top: 100%;
    left: 0;
}

#navigation ul{
    background: #fff;
    padding: 30px 40px 15px;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 2;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
}

#navigation.open ul{
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}

#navigation ul li{
    margin: 0 0 10px;
    display: block;
    vertical-align: middle;
}

#navigation ul li.mt-2{
    border-top: 1px solid #abd037;
}

#navigation ul li a{
    padding: 0;
    font-size: 0.75rem;
    color: #abd037;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

#language-box{
    padding: 2px 0 0;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 20px;
    right: 80px;
}

#language-box > li > a{
    font-size: 0.813rem;
    color: #fff;
    font-weight: 700;
}

.fix-menu #language-box > li > a{
    color: #abd037;
}

#language-box > li > a:after{
    content: "";
    background-image: url('../images/language.svg');
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 15px;
    height: 15px;
    margin: -3px 0 0 8px;
    font-weight: 900;
    display: inline-block;
    vertical-align: middle;
    border: none;
}

.fix-menu #language-box > li > a:after{
    background-image: url('../images/language-bl.svg');
}

.system-menu{
    margin: 0 0 0 10px;
    display: none;
    vertical-align: middle;
}

.system-menu ul{}

.system-menu ul li{
    padding: 0 10px 0 5px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.system-menu ul li:after{
    content: '/';
    font-size: 0.75rem;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
}

.system-menu ul li:last-child:after{
    display: none;
}

.system-menu ul li a{
    padding: 0;
    font-size: 0.75rem;
    color: #fff;
    font-weight: 500;
}

.system-menu ul li.profile a{
    background-image: url('../images/icons/profile.png');
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 21px;
    height: 21px;
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
}

.fix-menu .system-menu ul li.profile a{
    background-image: url('../images/icons/profile-bl.png');
}

/* Content */

main{
    min-height: calc(100vh - 265px);
}

#intro{
    position: relative;
}

#intro:before{
    content: '';
    background-image: url('../images/intro-bgr.png');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: auto 171px;
    opacity: 0.25;
    position: absolute;
    top: -10px;
    right: 0;
    left: 0;
    bottom: 0;
}

#offers{
    margin: 40px -15px 0 0;
    border-radius: 60px 0 0;
    border-top: 1px solid #8a9da7;
    border-left: 1px solid #8a9da7;
    overflow: hidden;
}

#offers .main-offers{}

#offers .main-offers .main-entry{
    position: relative;
}

#offers .main-offers .main-entry figure{
    margin: 0;
    position: relative;
}

#offers .main-offers .main-entry figure:before{
    content: '';
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.58+100 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0.20) 0%, rgba(0,0,0,0.58) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.20) 0%,rgba(0,0,0,0.58) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0.20) 0%,rgba(0,0,0,0.58) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#94000000',GradientType=0 ); /* IE6-9 */
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#offers .main-offers .main-entry figure img{
    width: 100%;
}

#offers .main-offers .main-entry .text{
    max-width: 300px;
    position: absolute;
    right: 20px;
    bottom: 35px;
    left: 20px;
    z-index: 1;
}

#offers .main-offers .main-entry .text h3{
    margin: 0 0 5px;
    font-size: 1.25rem;
    color: #fff;
    font-weight: 700;
}

#offers .main-offers .main-entry .text h3 a{
    color: #fff;
}

#offers .main-offers .main-entry .text h3 a:after{
    content: '\f138';
    font-family: 'Font Awesome 5 Pro';
    margin: 0 0 0 10px;
    font-size: 1rem;
    color: #fff;
    font-weight: 900;
    border: none;
    display: inline-block;
    vertical-align: middle;
}

#offers .main-offers .main-entry .text p{
    font-size: 0.813rem;
    color: #fff;
}

#offers .main-offers .slick-arrow{
    background: none;
    width: 22px;
    height: 22px;
    padding: 0;
    border: none;
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 1;
    text-indent: -9999px;
    overflow: hidden;
}

#offers .main-offers .slick-arrow:before{
    content: '\f053';
    font-family: 'Font Awesome 5 Pro';
    font-size: 20px;
    color: #fff;
    font-weight: 400;
    position: absolute;
    top: -4px;
    left: 4px;
    text-indent: 0;
}

#offers .main-offers .slick-arrow.slick-next{
    left: 50px;
}

#offers .main-offers .slick-arrow.slick-next:before{
    content: '\f054';
    left: 7px;
}

#offers .sub-offers{}

#offers .sub-offers .sub-entry{
    position: relative;
}

#offers .sub-offers .sub-entry figure{
    margin: 0;
    position: relative;
}

#offers .sub-offers .sub-entry figure:before{
    content: '';
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.58+100 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0.20) 0%, rgba(0,0,0,0.58) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.20) 0%,rgba(0,0,0,0.58) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0.20) 0%,rgba(0,0,0,0.58) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#94000000',GradientType=0 ); /* IE6-9 */
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#offers .sub-offers .sub-entry figure img{
    width: 100%;
}

#offers .sub-offers .sub-entry .text{
    position: absolute;
    right: 20px;
    bottom: 20px;
    left: 20px;
    z-index: 1;
}

#offers .sub-offers .sub-entry .text h4{
    margin: 0;
    font-size: 0.875rem;
    color: #fff;
    font-weight: 700;
}

#offers .sub-offers .sub-entry .text h4 a{
    color: #fff;
}

#offers .sub-offers .sub-entry .text h4 strong{
    font-size: 1.875rem;
    font-weight: 300;
    display: block;
}

.home-text{
    padding: 50px 0 0;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
}

.home-text header{
    margin: 0 0 20px;
}

.home-text header h1{
    margin: 0;
    font-size: 2.25rem;
    color: #fff;
    font-weight: 700;
    line-height: 2.25rem;
    text-transform: uppercase;
}

.home-text .text{
    font-size: 0.813rem;
}

.academy-box{}

.home-text ~ .academy-box{
    margin: 40px 0 20px;
}

.academy-box header{
    margin: 0 0 20px;
}

.academy-box header h2{
    margin: 0;
    padding: 0 0 0 35px;
    font-size: 0.938rem;
    color: #abd037;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 3px;
    position: relative;
}

.academy-box header h2:before{
    content: '';
    background: #abd037;
    width: 8px;
    height: 4px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.academy-list{}

.academy-list.has-slider{
    margin: 0 50px 0 0;
}

.academy-list .academy-entry{
    padding: 31px 0 20px;
}

.academy-list .academy-entry > div{
    padding: 45px 25px 25px;
    border: 1px solid #7b9c56;
    border-radius: 15px;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.academy-list:not(.has-slider) .academy-entry > div:hover{
    background: #152e7e;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05);
}

.academy-list.has-slider .academy-entry > div{
    margin: 0 40px 0 0;
}

.academy-list .academy-entry > div > span{
    background: #233d90;
    width: 46px;
    height: 46px;
    margin: 0;
    font-size: 1.25rem;
    color: #fff;
    font-weight: 400;
    text-align: center;
    line-height: 42px;
    border-radius: 100%;
    border: 1px solid #abd037;
    position: absolute;
    top: -23px;
    left: 38px;
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.academy-list .academy-entry > div:hover > span{
    color: #152e7e;
}

.academy-list .academy-entry > div > span:before{
    content: '';
    background: #abd037;
    opacity: 0;
    border-radius: 100%;
    display: inline-block;
    position: absolute;
    top: 3px;
    right: 3px;
    bottom: 3px;
    left: 3px;
    z-index: -1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.academy-list .academy-entry > div:hover > span:before{
    opacity: 1;
}

.academy-list .academy-entry > div figure{
    background: #abd037;
    width: 46px;
    height: 46px;
    margin: 0;
    text-align: center;
    line-height: 42px;
    border-radius: 100%;
    position: absolute;
    top: -23px;
    left: 38px;
}

.academy-list .academy-entry > div figure img{
    max-width: 50%;
    margin: 0 auto;
    display: inline-block;
}

.academy-list .academy-entry > div h3{
    margin: 0;
    font-size: 0.75rem;
    color: #abd037;
}

.academy-list .academy-entry > div h3 a{
    color: #abd037;
}

.academy-list .academy-entry > div h3 strong,
.academy-list .academy-entry > div h3 time{
    margin: 18px 0 0;
    font-size: 0.625rem;
    color: #fff;
    display: block;
}

.academy-list .academy-entry > div .image-holder{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 15px;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.academy-list .academy-entry > div:hover .image-holder{
    opacity: 1;
}

.academy-list .slick-arrow{
    background: #abd037;
    width: 30px;
    height: 30px;
    padding: 0;
    border: none;
    text-indent: -9999px;
    display: none;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    right: -20px;
    overflow: hidden;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.academy-list .slick-arrow.slick-next{
    display: inline-block;
}

.academy-list .slick-arrow.slick-next:before{
    content: '\f054';
    font-family: 'Font Awesome 5 Pro';
    font-size: 0.875rem;
    color: #233d90;
    font-weight: 400;
    position: absolute;
    top: 5px;
    left: 12px;
    text-indent: 0;
}

.content{
    margin: 65px 0 0;
}

.content .text{
    color: #abd037;
}

.quest-list{
    background: #f8f9fb;
    min-height: calc(100vh - 265px);
    margin: 0 -15px;
    padding: 40px;
    border-radius: 0 40px 0 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    position: relative;
    z-index: 1;
}

.quest-list.no-border{
    border-radius: 0;
}

.quest-list .quest-entry{
    margin: 0 0 30px;
    position: relative;
}

.quest-list .quest-entry figure{
    margin: 0;
    border-radius: 20px;
    overflow: hidden;
}

.quest-list .quest-entry figure a{
    display: block;
    position: relative;
}

.quest-list .quest-entry figure a:before{
    content: '';
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.35) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.quest-list .quest-entry figure img{
    width: 100%;
}

.quest-list .quest-entry .text{
    position: absolute;
    bottom: 25px;
    right: 25px;
    left: 25px;
}

.quest-list .quest-entry .text h3{
    margin: 0;
    font-size: 30px;
    color: #fff;
    font-weight: 700;
}

.quest-list .quest-entry .text h3 a{
    color: #fff;
}

.quest-list .quest-entry .text p{
    margin: 0;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
}

.quest-list .quest-entry .text p a{
    color: #fff;
}

.filter-box{
    padding: 0 15px 20px;
}

.map-box{
    margin: 0 -15px;
    min-height: 400px;
    height: 100vh;
    position: relative;
}

.map-box #map,
.map-box #singlemap{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.gm-style .gm-style-iw-c{
    padding: 0 !important;
}

.gm-ui-hover-effect{
    background: #fff !important;
    width: 30px;
    height: 30px;
    opacity: 1;
    position: relative;
}

.gm-ui-hover-effect:before{
    content: '\f00d';
    font-family: 'Font Awesome 5 Pro';
    font-size: 20px;
    color: #000;
    font-weight: 400;
    position: absolute;
    top: 7px;
    left: 6px;
}

.gm-ui-hover-effect img{
    display: none !important;
}

.gm-style div[role="group"] > div:first-child > div:nth-child(4) > div{
    position: relative;
    overflow: visible !important;
}

#map .gm-style div[role="group"] > div:first-child > div:nth-child(4) > div:before{
    content: '';
    background-image: url('../images/marker.png');
    background-position: top left;
    background-repeat: no-repeat;
    width: 71px;
    height: 80px;
    display: inline-block;
    position: absolute;
    top: -13px;
    left: -13px;
}

#map .gm-style div[role="group"] > div:first-child > div:nth-child(4) > div:first-child:before{
    display: none !important;
}

#map .gm-style div[role="group"] > div:first-child > div:nth-child(4) img{
    width: 45px !important;
    height: 45px !important;
    border-radius: 100%;
    overflow: hidden;
}

.infowindow-box{
    background: #fff;
    position: relative;
}

.infowindow-box figure{
    margin: 0;
    overflow: hidden;
}

.infowindow-box figure a{
    display: block;
    position: relative;
}

.infowindow-box figure a:before{
    content: '';
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.35) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.infowindow-box figure img{
    width: 100%;
}

.infowindow-box .text{
    position: absolute;
    bottom: 25px;
    right: 25px;
    left: 25px;
}

.infowindow-box .text h4{
    margin: 0;
    font-size: 30px;
    color: #fff;
    font-weight: 700;
}

.infowindow-box .text h4 a{
    color: #fff;
}

.infowindow-box .text p{
    margin: 0;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
}

.infowindow-box .text p a{
    color: #fff;
}

.login-box{
    background: #fff;
    max-width: 400px;
    margin: 50px auto;
    padding: 20px;
    border-radius: 20px;
}

.login-box header{
    margin: 0 0 30px;
}

.login-box header h1{
    font-size: 1.25rem;
}

.login-box input{
    border-radius: 50px;
    border-color: #abd037;
}

.login-box a{
    font-size: 0.875rem;
    color: #abd037;
}

.login-box button{
    background: #abd037;
    width: 100%;
    font-size: 1rem;
    color: #fff;
    display: block;
    border-radius: 50px;
    border-color: #abd037;
}

#change-view{
    position: fixed;
    bottom: 20px;
    left: 50%;
    z-index: 3;
    -webkit-ransform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
}

#cover{
    text-align: center;
    position: relative;
}

#cover picture{
    margin: -75px 0 0;
    display: block;
    position: relative;
}

#cover picture:before{
    content: '';
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0.3+100;Neutral+Density */
    background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.3) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#4d000000',GradientType=0 ); /* IE6-9 */
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#cover picture img{
    width: 100%;
}

#cover picture + .text{
    position: absolute;
    top: 200px;
    right: 0;
    bottom: 20px;
    left: 0;
}

#cover .breadcrumb{
    background: none;
    margin: 0 0 20px;
    padding: 0;
    text-align: center;
    display: block;
}

#cover .breadcrumb li{
    font-size: 0.875rem;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
}

#cover .breadcrumb li:before{
    font-size: 0.625rem;
    color: #fff;
}

#cover .breadcrumb li a{
    font-size: 0.875rem;
    color: #fff;
}

#cover .breadcrumb li i{
    display: none;
}

#cover h1{
    margin: 0;
    font-size: 2.25rem;
    color: #fff;
    text-transform: uppercase;
}

#cover p{
    max-width: 80%;
    margin: 30px auto 0;
    font-size: 0.938rem;
    color: #abd037;
}

#cover p span{
    color: #fff;
}

#cover p strong{
    color: #fff;
}

#cover .video-box{
    text-align: center;
    position: absolute;
    bottom: 40px;
    left: 20px;
    right: 20px;
    z-index: 2;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    transform: translateY(50%);
}

#cover .video-list{
    background: #fff;
    padding: 12px 10px 0;
    border-radius: 20px;
    display: inline-block;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

#cover .video-list .video-entry{
    width: 112px;
    margin: 0 4px 12px;
    border-radius: 10px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
}

#cover .video-list .video-entry a{
    display: block;
    line-height: 0;
    position: relative;
}

#cover .video-list .video-entry:not(.no-icon) a:before{
    content: '\f144';
    font-family: 'Font Awesome 5 Pro';
    font-size: 1.875rem;
    color: #fff;
    font-weight: 900;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

.text-box{
    background: #fff;
    margin: -40px 0 0;
    padding: 130px 0 60px;
    border-bottom: 2px solid #e9f2ca;
    position: relative;
    z-index: 1;
}

.text-box.with-border-radius{
    border-radius: 50px 50px 0 0;
    padding: 80px 0;
}

.text-box .description-box{}

.text-box .description-box > h3{
    margin: 0 0 30px;
    font-size: 1.875rem;
    color: #233d90;
    font-weight: 700;
}

.text-box .description-box .description-entry{
    min-height: 30px;
    margin: 0 0 30px;
    padding: 0 0 0 44px;
    position: relative;
    font-size: 0.75rem;
    color: #abd037;
}

.text-box .description-box .description-entry figure{
    max-width: 26px;
    position: absolute;
    top: 0;
    left: 0;
}

.text-box .description-box .description-entry strong{
    color: #233d90;
    line-height: 0.875rem;
    display: block;
}

.text-box .description-box > a{
    background: #abd037;
    padding: 14px 30px 14px 54px;
    font-size: 0.75rem;
    color: #233d90;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 50px;
    position: relative;
}

.text-box .description-box > a:before{
    content: '\f067';
    font-family: 'Font Awesome 5 Pro';
    background: #233d90;
    width: 30px;
    height: 30px;
    font-size: 0.813rem;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-weight: 400;
    display: inline-block;
    border-radius: 100%;
    position: absolute;
    top: 8px;
    left: 10px;
}

.text-box .text{
    font-size: 0.938rem;
    color: #2d2d2d;
}

.text-box .text .tags{
    margin: 0 0 34px;
    font-size: 0.75rem;
    color: #233d90;
}

.text-box .text .tags strong{
    margin: 0 10px 0 0;
    display: inline-block;
    vertical-align: middle;
}

.text-box .text .tags a{
    color: #233d90;
    display: inline-block;
    vertical-align: middle;
}

.text-box .text .tags a + a:before{
    content: '/';
    margin: 0 5px 0 2px;
}

.text-box.with-border-radius hr{
    width: 1000%;
    margin: 50px 0;
    border-color: #d2e694;
    clear: both;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
}

.text-box.with-border-radius h2{
    margin: 50px 0;
    font-size: 3.75rem;
    color: #233d90;
}

.text-box.with-border-radius h3{
    margin: 50px 0;
    font-size: 3.125rem;
    color: #233d90;
}

.text-box.with-border-radius h4{
    margin: 50px 0;
    font-size: 2.5rem;
    color: #233d90;
}

.text-box.with-border-radius h5{
    margin: 50px 0;
    font-size: 1.875rem;
    color: #233d90;
}

.text-box.with-border-radius p{
    margin: 50px 0;
}

.text-box.with-border-radius .text *{
    margin-top: 0;
}

.text-box.with-border-radius .text img[align="left"],
.text-box.with-border-radius .text img[style*="float: left"],
.text-box.with-border-radius .text img[style*="float:left"]{
    margin: 0 40px 40px 0;
}

.text-box.with-border-radius .text img[align="right"],
.text-box.with-border-radius .textimg[style*="float: right"],
.text-box.with-border-radius .text img[style*="float:right"]{
    margin: 0 0 40px 40px;
}

.text-box.with-border-radius ul{
    margin: 50px 0;
}

.text-box.with-border-radius ul li{
    margin: 0 0 15px;
    padding: 0 0 0 40px;
    position: relative;
}

.text-box.with-border-radius ul li:before{
    content: '';
    background: #fff;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    border: 1px solid #233d90;
    display: inline-block;
    position: absolute;
    top: 4px;
    left: 0;
}

.text-box.with-border-radius ul li:after{
    content: '';
    background: #233d90;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    display: inline-block;
    position: absolute;
    top: 6px;
    left: 2px;
}

.green-text{
    color: #abd037;
}

.white-box{
    background: #fff;
    min-height: calc(100vh - 265px);
    margin: 0 -15px;
    padding: 40px;
    border-radius: 0 40px 0 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    position: relative;
    z-index: 1;
}

.upload-images-box{}

.upload-images-box figure{
    margin: 0 -8px;
    border-radius: 10px;
    overflow: hidden;
}

.upload-images-box figure img{
    width: 100%;
}

#form-field{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#map-field{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#add-location{}

#add-location .form-group{
    margin: 0 0 28px;
}

#add-location .form-group input{
    height: 34px;
    padding: 0 16px;
    border: 1px solid #c0db6b;
    border-radius: 50px;
}

#add-location .form-group input:focus,
#add-location .form-group.not-empty input{
    color: #3f569e;
    border-color: #3f569e;
    box-shadow: none;
}

#add-location .form-group select{
    height: 34px;
    padding: 0 16px;
    border: 1px solid #c0db6b;
    border-radius: 50px;
}

#add-location .form-group select:focus,
#add-location .form-group.not-empty select{
    color: #3f569e;
    border-color: #3f569e;
    box-shadow: none;
}

#add-location .form-group textarea{
    padding: 10px 16px;
    border: 1px solid #c0db6b;
    border-radius: 20px;
    resize: none;
}

#add-location .form-group textarea:focus,
#add-location .form-group.not-empty textarea{
    color: #3f569e;
    border-color: #3f569e;
    box-shadow: none;
}

#add-location hr{
    margin: 14px -40px;
    border-color: #cfe392;
}

#add-location button[type="submit"]{
    background: #233d90;
    width: 100%;
    max-width: 210px;
    margin: 20px 0 0;
    padding: 15px 20px;
    font-size: 0.75rem;
    color: #abd037;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    border: none;
    border-radius: 50px;
}

.course-text{
    background: #fff;
    padding: 40px 55px;
    font-size: 0.875rem;
    color: #2d2d2d;
    border-radius: 10px;
}

.course-text h2,
.course-text h3,
.course-text h4,
.course-text h5{
    margin: 30px 0;
    color: #233d90;
}

.course-text p{
    margin: 30px 0;
}

.course-text > *:first-child{
    margin-top: 0;
}

.module-form{
    margin: 40px -10px 0;
}

.module-form .answer{
    width: 50%;
    padding: 0 10px;
    float: left;
}

.module-form .answer h4{
    font-size: 1.125rem;
    color: #233d90;
}

.module-form .answer ul{}

.module-form .answer ul li{
    margin: 0 0 20px;
    position: relative;
}

.module-form .answer ul li input{
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.module-form .answer ul li label{
    padding: 0 0 0 40px;
    font-size: 0.875rem;
    color: #233d90;
    font-weight: 700;
    position: relative;
}

.module-form .answer ul li label i{
    width: 20px;
    height: 20px;
    border: 1px solid #233d90;
    border-radius: 100%;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}

.module-form .answer ul li input:checked + label i:before{
    content: '';
    background: #233d90;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    display: inline-block;
    position: absolute;
    top: 3px;
    left: 3px;
}

.module-form .form-actions{
    border: none;
    clear: both;
}

.module-form button{
    background: #abd037;
    padding: 10px 30px 10px 50px;
    font-size: 1rem;
    color: #233d90;
    border-radius: 50px;
    border: none;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.module-form button:before{
    content: '';
    background: #233d90;
    width: 28px;
    height: 28px;
    display: inline-block;
    border-radius: 100%;
    position: absolute;
    top: 8px;
    left: 6px;
}

.module-form button:after{
    content: '\f054';
    font-family: 'Font Awesome 5 Pro';
    font-size: 0.75rem;
    color: #fff;
    font-weight: 400;
    position: absolute;
    top: 13px;
    left: 18px;
}

.forum-list{}

.forum-list .forum-entry{
    margin: 0 0 20px;
    padding: 10px 10px 10px 40px;
    border: 1px solid #628266;
    border-radius: 50px;
    position: relative;
}

.forum-list .forum-entry > a{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50px;
}

.forum-list .forum-entry > a:before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-radius: 50px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.forum-list .forum-entry:hover > a:before{
    background: #abd037;
}

.forum-list .forum-entry time{
    font-size: 0.625rem;
    color: #fff;
    font-weight: 700;
}

.forum-list .forum-entry h3{
    margin: 0;
    font-size: 1rem;
    color: #abd037;
    font-weight: 700;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.forum-list .forum-entry:hover h3{
    color: #233d90;
}

.forum-list .forum-entry h3 a{
    color: #abd037;
}

.forum-list .forum-entry .link-btn{
    width: auto;
    padding: 10px 20px 10px 10px;
    max-width: none;
    text-align: left;
    position: relative;
    z-index: 2;
}

.forum-list .forum-entry:hover .link-btn{
    background: #233d90;
    color: #fff;
}

.forum-detail{
    background: #fff;
    padding: 40px 55px;
    border-radius: 10px 10px 0 0;
}

.forum-detail hr{
    margin: 30px -55px;
    border-color: #cfe392;
}

.forum-detail p{
    color: #2d2d2d;
}

.comments-box{
    border: none;
}

.form-box input{
    border-radius: 50px;
    border-color: #abd037;
}

.form-box textarea{
    border-radius: 20px;
    border-color: #abd037;
    resize: none;
}

.form-box button{
    background: #abd037;
    font-size: 1rem;
    color: #fff;
    display: block;
    border-radius: 50px;
    border-color: #abd037;
}

.commentlist{
    margin: 0 0 10px;
}

.commentlist .comment{
    padding: 20px 0;
}

.commentlist .comment + .comment{
    border-top: 1px solid #abd037;
}

.commentlist .comment .comment-body{
    position: relative;
    padding: 0 0 0 50px;
}

.commentlist .comment .comment-body .comment-author{
    position: absolute;
    top: 0;
    left: 0;
}

.commentlist .comment .comment-body .comment-author img{
    border-radius: 100%;
}

.commentlist .comment-meta time{
    font-size: 0.85rem;
}

.commentlist .comment-meta a{
    font-size: 0.85rem;
}

.commentlist .comment-meta a + a{
    margin: 0 0 0 10px;
}

.pagination{
    text-align: center;
    display: block;
}

.pagination li{
    margin: 0 10px;
    display: inline-block;
    vertical-align: middle;
}

.pagination li a{
    background: #abd037;
    width: 30px;
    height: 30px;
    padding: 0;
    color: #fff;
    line-height: 28px;
    display: block;
    border-radius: 100%;
}

.module-steps{
    position: relative;
}

.module-steps:before{
    content: '';
    background: #abd037;
    width: 1px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
}

.module-steps li{
    margin: 0 0 10px 10px;
    padding: 0 0 0 55px;
    border-radius: 0 10px 10px 0;
    position: relative;
}

.module-steps li:hover{
    background: #abd037;
}

.module-steps li:before{
    content: '';
    background: #abd037;
    width: 12px;
    height: 12px;
    margin: -6px 0 0;
    display: inline-block;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: -6px;
    z-index: 1;
}

.module-steps li:after{
    content: '';
    background: #233d90;
    width: 22px;
    height: 22px;
    margin: -11px 0 0;
    border: 1px solid #abd037;
    display: inline-block;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: -11px;
    z-index: 0;
}

.module-steps li a{
    padding: 20px 20px;
    font-size: 0.875rem;
    color: #f8f9fb;
    display: inline-block;
}

.module-steps li a:hover{
    text-decoration: none;
}

.accordion{}

.accordion .card-header{
    background: #abd037;
    padding: 0;
    color: #fff;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.accordion .card-header:after{
    content: '\f107';
    font-family: 'Font Awesome 5 Pro';
    margin: -12px 0 0;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    position: absolute;
    top: 50%;
    right: 21px;
    z-index: -1;
}

.accordion .card-header:hover{
    background: #233d90;
    color: #abd037;
}

.accordion .card-header button{
    padding: 20px 20px;
    color: #fff;
    text-decoration: none;
}

.accordion .card-header:hover button{
    color: #abd037;
    text-decoration: none;
}

.image-link{
    position: relative;
}

.image-link figure{
    background: none;
    padding: 0;
    border-radius: 20px;
    border: 1px solid #a3c73c;
    line-height: 0;
}

.image-link figure > a{
    border-radius: 20px;
    display: block;
    overflow: hidden;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.image-link figure > a img{
    width: 100%;
    border-radius: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.image-link figure > a:hover img{
    -webkit-transform: translateZ(0) scale(1.1);
    -moz-transform: translateZ(0) scale(1.1);
    transform: translateZ(0) scale(1.1);
}

.image-link h4{
    position: absolute;
    top: 50%;
    right: 20px;
    left: 20px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.image-link h4 a{
    font-size: 30px;
    color: #fff;
    letter-spacing: 4px;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.image-link h4 a:hover{
    color: #a3c73c;
    text-decoration: none;
}

.image-link > span{
    background: #abd037;
    width: 46px;
    height: 46px;
    margin: 0 0 0 -23px;
    text-align: center;
    line-height: 42px;
    border-radius: 100%;
    position: absolute;
    top: -23px;
    left: 50%;
}

.image-link > span:before{
    content: '';
    border: 1px solid #abd037;
    border-radius: 100%;
    position: absolute;
    top: -4px;
    right: -4px;
    bottom: -4px;
    left: -4px;
}

.image-link > span img{
    width: 22px;
}

/* Footer */

#footer{
    background: #ffffff;
    padding: 40px 0;
    position: relative;
    z-index: 2;
}

#footer .social-box{
    margin: 0 0 20px;
    vertical-align: middle;
}

#footer .social-box a{
    background: #233d90;
    width: 27px;
    height: 27px;
    margin: 0 5px;
    font-size: 1.25rem;
    color: #fff;
    text-align: center;
    line-height: 27px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 100%;
}

#footer nav{
    margin: 0 0 10px;
    vertical-align: middle;
}

#footer nav ul{}

#footer nav ul li{
    margin: 0 5px;
    display: inline-block;
    vertical-align: middle;
}

#footer nav ul li a{
    padding: 8px 10px;
    font-size: 0.75rem;
    color: #233d90;
    font-weight: 700;
    text-transform: uppercase;
}

#footer .eu-text{
    position: relative;
}

#footer .eu-text figure{
    margin: 0 0 10px;
}

#footer .eu-text .text{
    font-size: 0.625rem;
    color: #233d90;
}

#cookie-consent{
    background: #abd037 !important;
    color: #2d2d2d !important;
}

#cookie-consent a:not(.link-btn-2){
    color: #fff;
}

/* Media Queries */

@media all and (min-width: 480px){

    #navigation ul{
        width: 300px;
        left: auto;
    }

    #offers .main-offers .main-entry .text{
        right: 30px;
        bottom: 45px;
        left: 30px;
    }

    #offers .main-offers .main-entry .text h3{
        margin: 0 0 10px;
    }

    #offers .main-offers .slick-arrow{
        bottom: 30px;
        left: 30px;
    }

    #offers .main-offers .slick-arrow.slick-next{
        left: 60px;
    }
}

@media all and (min-width: 576px){
    .filter-box{
        padding: 0 30px 40px;
    }
}

@media all and (min-width: 768px){
    body{
        padding: 140px 0 0;
    }

    #header{
        padding: 0 30px;
    }

    #logo{
        /* max-width: 251px; */
        max-width: 380px;
        padding: 30px;
    }

    .fix-menu #logo{
        max-width: 300px;
    }

    #navigation > button{
        top: 35px;
    }

    #language-box{
        margin: 0 0 0 15px;
        position: relative;
        top: auto;
        right: auto;
    }

    .system-menu{
        margin: 0 30px 0 0;
        display: inline-block;
    }

    #intro{
        position: relative;
    }

    #intro > .container-fluid{
        position: static;
    }

    #intro > .container-fluid > .row,
    #intro > .container-fluid > .row > .col-12{
        position: static;
    }

    .home-text{
        padding: 90px 55% 0 10%;
    }

    .home-text ~ .academy-box{
        margin: 40px 0 20px 10%;
    }

    #intro #offers{
        width: 50%;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
    }

    #cover picture{
        margin: -140px 0 0;
    }
}

@media all and (min-width: 992px){

    body{
        padding: 140px 0 0;
    }

    #navigation > button {
        top: 30px;
    }

    #cover h1{
        font-size: 3.5rem;
    }

    #cover .breadcrumb{
        margin: 0 0 40px;
    }

    #footer .social-box{
        margin: 0 30px 0 0;
        /* padding: 0 0 0 10%; */
        padding: 0;
        display: inline-block;
        vertical-align: middle;
    }

    #footer .social-box a{
        margin: 0 10px 0 0;
        font-size: 1.25rem;
    }

    #footer nav{
        margin: 0;
        display: inline-block;
        vertical-align: middle;
    }

    #footer nav ul{}

    #footer nav ul li{
        margin: 0;
    }

    #footer .eu-text{
        padding: 0 10% 0 120px;
        position: relative;
    }

    #footer .eu-text figure{
        width: 94px;
        margin: 0;
        position: absolute;
        top: 0;
        left: 0;
    }

    #footer .eu-text .text{
        font-size: 0.625rem;
        color: #233d90;
    }
}

@media all and (min-width: 1200px){

    body{
        padding: 180px 0 0;
    }

    #navigation > button{
        display: none;
    }

    #navigation ul{
        background: none;
        width: auto;
        padding: 0;
        opacity: 1;
        visibility: visible;
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        transform: translateY(0px);
    }

    #navigation ul li{
        margin: 0 0 0 12px;
        display: inline-block;
        vertical-align: middle;
    }

    #navigation ul li:first-child{
        margin: 0;
    }

    .system-menu{
        margin: 0;
    }

    #offers .main-offers .main-entry .text{
        max-width: none;
        right: 50px;
        bottom: 70px;
        left: 70px;
    }

    #offers .main-offers .main-entry .text h3{
        margin: 0 0 15px;
        font-size: 2.5rem;
    }

    #offers .main-offers .main-entry .text h3 a:after{
        margin: 0 0 0 20px;
        font-size: 1.875rem;
    }

    #offers .main-offers .main-entry .text p{
        font-size: 0.938rem;
    }

    #offers .main-offers .slick-arrow{
        bottom: 50px;
        left: 65px;
    }

    #offers .main-offers .slick-arrow.slick-next{
        left: 88px;
    }

    #offers .sub-offers .sub-entry .text{
        right: 30px;
        bottom: 30px;
        left: 30px;
    }

    #offers .sub-offers .sub-entry .text h4{
        font-size: 1rem;
    }

    #offers .sub-offers .sub-entry .text h4 strong{
        font-size: 3.063rem;
    }

    .filter-box{
        position: absolute;
        top: 0;
        left: 100%;
        right: -100%;
        z-index: 2;
    }

    .map-box{
        margin: 86px -15px 0;
        height: calc(100% - 86px);
    }

    .map-box.no-mrg{
        margin: 0 -15px;
        height: 100%;
    }

    #change-view{
        display: none;
    }
}

@media all and (min-width: 1300px){
    #intro{
        position: relative;
        padding: 0 50% 0 0;
    }

    .home-text{
        padding: 50px 30px 0 10%;
    }

    .home-text header h1{
        max-width: 90%;
        font-size: 3.5rem;
        line-height: 3.5rem;
    }

    .home-text .text{
        font-size: 0.938rem;
    }

    #cover picture{
        margin: -180px 0 0;
    }
}

@media all and (min-width: 1400px){

    #navigation ul li{
        margin: 0 0 0 20px;
    }

    #language-box{
        margin: 0 0 0 20px;
    }

    .home-text{
        padding: 90px 30px 0 10%;
    }
}

@media all and (min-width: 1600px){

    #navigation ul li{
        margin: 0 0 0 35px;
    }

    #language-box{
        margin: 0 0 0 35px;
    }

    .home-text{
        padding: 90px 30px 0 10%;
    }
}

@media all and (min-width: 1700px){

    .home-text{
        padding: 160px 30px 0 20%;
    }
}