@import url(https://fonts.googleapis.com/css?family=Bodoni+Moda:500,500italic,600&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Rubik:300,400,500&subset=latin,latin-ext);

body,p,a,span,label,input,li,ul,ol,div{
    font-family: 'Rubik', sans-serif;
    color: #f2f2f2;
}

h1,h2,h3,h4,h5,h6{
    font-family: 'Bodoni Moda', serif;
}

body{
    margin: 0;
    padding: 0;
    background: #000;
    opacity: 0;
    transition: opacity 0.5s;
}

::selection {
  background: #FFF; /* WebKit/Blink Browsers */
  color: #000;
}
::-moz-selection {
  background: #FFF; /* Gecko Browsers */
  color: #000;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
  border-color: rgba(0,0,0, 0.8);
  box-shadow: 0 1px 1px rgba(255,255,255, 0.075) inset, 0 0 8px rgba(255,255,255, 0.6) !important;
  outline: none !important;
}

div:focus{
	outline: none !important;
}

a {
	transition: color 0.3s;
}

a:hover,
a:focus{
	text-decoration: none;
    color: white;
}

.vbox-title {
    display: none !important;
}

.vbox-content img {
    max-height: calc(100vh - 100px);
}

.bg{
	background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

.clear{
    clear: both;
}

.imgShadow{
    -webkit-box-shadow: -10px 10px 0px 0px rgba(242,242,242,1);
    -moz-box-shadow: -10px 10px 0px 0px rgba(242,242,242,1);
    box-shadow: -10px 10px 0px 0px rgba(242,242,242,1);
}

.mc{
    display: flex;
    align-items: center;
    justify-content: center;
}

.ml{
    display: flex;
    align-items: center;
}

/* HEADS */

h1{
    font-size: 50px;
    line-height: 60px;
    margin: 0;
    color: #F2F2F2;
}


h2{
    font-size: 50px;
    line-height: 60px;
    margin: 0;
    color: #000;
    background: #fff;
    padding: 25px 45px;
    display: inline;
}

h2.sectionHeader{
    position: absolute;
    margin-top: -225px;
    height: 7rem;
}

.sectionHeader span {
    color: black;
}

h3{
    font-size: 40px;
    line-height: 48px;
}

/* MODALS */

h5.modal-title,
.modal-body p,
.modal-body li,
.modal-body a{
    color: white;
}

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: #d6b47f;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #d6b47f;
}

/* BUTTONS */

.btn{
    padding: 8px 40px;
    font-size: 16px;
    border: 1px solid #f2f2f2;
    border-radius: 0;
}

.btn-primary{
    background: linear-gradient(90deg, black 0%, black 49.99%, white 50.01%, white 100%);
    background-size: 200% 100%;
    background-position: 100% 0;
    color: #000;
    transition: all 0.5s cubic-bezier(0, 0.69, 0.3, 1);
    transition-property: color, background-position;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active{
    background-position: 0 0;
    color: #f2f2f2 !important;
    border: 1px solid #f2f2f2 !important;
    box-shadow: none !important;
}

.btn-primary:active{
    box-shadow: none !important;
}

.btn-secondary{
    background: linear-gradient(90deg, white 0%, white 49.99%, black 50.01%, black 100%);
    background-size: 200% 100%;
    background-position: 100% 0;
    color: #f2f2f2;
    padding: 5px 18px;
    transition: all 0.5s cubic-bezier(0, 0.69, 0.3, 1);
    transition-property: color, background-position;
    border: 1px solid white;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active{
    background-position: 0 0;
    color: #000 !important;
    border: 1px solid white;
}

.btn-secondary:active{
    box-shadow: none !important;
}

/* HEADER */

.navbar{
    background: #000000BB;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    padding: 0 85px 0 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100vw;
}

.navbar .navbar-brand{
    background: #f2f2f2;
    padding: 8px;
    margin-right: 55px;
    transition: none;
}

.navbar .navbar-brand img{
    height: 100px;
}

.navbar .nav-link{
    padding-left: 17px !important;
    padding-right: 17px !important;
    color: #666;
    font-weight: 500;
    transition: color 0.25s;    
}

.navbar .nav-link:hover,
.navbar .nav-link:active{
    color: #F2F2F2;
}

/* FOOTER */

footer{
    background: #f2f2f2;
    padding: 50px 0;
}

footer img.nka{
    max-height: 100px;
    margin-bottom: 10px;
}

footer ul{
    list-style: none;
    padding: 0;
}

footer ul>li>a,
footer p{
    color: #666666;
}

footer ul>li>a:hover,
footer ul>li>a:active{
    color: #000;
}

footer .footerlogo{
    height: 110px;
}


/* SEPARATORS */

.separator{
    height: 440px;
    overflow: hidden;
}

.separator img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* LOADER */

.loader {
    position: fixed;
    z-index: 9999;
    background: #000;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    transition: all 0.5s;
}

.loader.end {
    opacity: 0;
}

.loader svg {
    height: 70vh;
    margin-top: 5vh;
}

.loader svg path {
    stroke-width: 0.3;
    stroke: white;
    stroke-dasharray: 10000;
    stroke-dashoffset: 10000;
}

/* HOMEPAGE SLIDER */

#homePageSlider {
    margin-top: 116px;
    overflow: hidden;
}

#homePageSlider .swiper-slide{
    height: 650px;
}

#homePageSlider .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* HOMEPAGE ABOUT */

#homePageAbout{
    padding: 125px 0;
}

#homePageAbout h1,
.fromOverflowChars,
h2 {
    display: block;
    overflow: hidden;
    height: 4rem;
}

#homePageAbout h1 span,
h2 span,
.fromOverflowChars span {
    display: inline-block;
    font-family: 'Bodoni Moda', serif;
    font-size: 4rem;
}

#homePageAbout h2{
    display: block;
    background: none;
    padding: 0;
    color: #f2f2f2;
    margin-bottom: 75px;
}

#homePageAbout img {
    height: 530px;
    object-fit: cover;
}

/* ACTUALS */

#actual{
    padding: 170px 0 130px;
}

#actual .actualItem{
    margin-bottom: 65px;
}

#actual .imgShadow {
    height: 320px;
    padding: 0;
}

#actual .image {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

#actual .imgShadow img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#actual .bg ul{
    padding: 15px 0 0 0;
}

#actual .bg ul li{
    color: #000;
    background: #f2f2f2;
    display: inline;
    padding: 4px 20px;
    list-style: none;
}

#actual .content{
    padding-left: 100px;
}

#actual .content .text{
    padding-left: 48px;
    margin: 40px 0;
}

#actual .content .text ul{
    padding-left: 20px;
    list-style: none;
}

/* MEDIA LIST */

#media{
    padding-bottom: 80px;
    position: relative;
}

#media > .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 27% center;
    z-index: -1;
}

#media h2{
    background: transparent;
    padding-left: 0;
    color: #f2f2f2;
    height: 5rem;
    padding: 0;
}

#media .mediaListItem{
    height: 280px;
    transition: all 0.25s;
}

#media .mediaListItem:hover{
    -webkit-box-shadow: -10px 10px 0px 0px rgba(242,242,242,1);
    -moz-box-shadow: -10px 10px 0px 0px rgba(242,242,242,1);
    box-shadow: -10px 10px 0px 0px rgba(242,242,242,1);
}

#media .mediaListItem .btn{
    padding: 10px 15px;
    opacity: 0;
    transition: all 0.25s;
}

#media .mediaListItem:hover .btn{
    opacity: 1;
}

#media .galleryTitle:hover{
	color: #4D4D4D;
}

#contact-div{
    padding: 170px 0 130px;
}

#contact-div .form-control{
    background: #000;
    color: #f2f2f2;
    border-radius: 0;
    border: 1px solid #f2f2f2;
}

#contact-div .form-control::-webkit-input-placeholder { /* Edge */
    color: #f2f2f2;
}
  
#contact-div .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #f2f2f2;
}
  
#contact-div .form-control::placeholder {
    color: #f2f2f2;
}

#contact-div .content{
    padding-left: 110px;
}

#contact-div .content h3{
    line-height: 40px;
}

#contact-div .content ul{
    list-style: none;
    padding: 0;
}

/* SUBPAGE HEADER */

#subPageHeader {
    overflow: hidden;
    position: relative;
    margin-top: 120px;
}

#subPageHeader .col-12{
    height: 450px;
}

#subPageHeader img {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
    opacity: 0.7;
}

#subPageHeader .underLine{
    width: 120px;
    border-top: 3px solid #f2f2f2;
}

table.eventDatas{
    margin-top: 30px;
}

table.eventDatas td{
    line-height: 14px;
    font-size: 13px;
}

table.eventDatas td span{
    font-style: italic;
    font-family: 'Bodoni Moda', serif;
    line-height: 13px;
    margin-right: 10px;
}

/* SUBPAGE */

#subPage{
    padding: 100px 0;
}

#subPage .datas{
    padding-left: 30px;
}

#subPage .datas ul{
    padding: 0;
    list-style: none;
}

#subPage h2{
    font-size: 30px;
    line-height: 40px;
    display: block;
    padding: 20px;
    font-style: italic;
    margin: 30px 0;
}

#subPage h3{
    font-style: italic;
}

.subPageMedia{
    padding: 130px;
}

#subPage table.eventDatas{
    margin-top: 0;
}

#subPage table.eventDatas td{
    font-size: 16px;
    line-height: 16px;
}

@media (max-width: 767px){
	
	h1 {
		font-size: 30px;
		line-height: 40px;
		margin: 0;
		color: #F2F2F2;
	}

    #homePageAbout h1, .fromOverflowChars, h2 {
        height: 3rem;
    }

    #homePageAbout h1 span, h2 span, .fromOverflowChars span {
        font-size: 2.5rem;
    }
	
    h3 {
        font-size: 25px;
        line-height: 30px;
    }
    
	#mainContent{
		margin-top: 60px;
	}

    #homePageSlider {
        margin-top: 60px;
    }
	
	#homePageSlider .swiper-slide {
		height: 350px;
	}

    #homePageAbout {
        padding: 40px 0;
    }
	
    #homePageAbout img{
        margin-top: 50px;
        height: 300px;
        width: 100%;
    }

    .separator {
        height: 320px;
    }

    h2.sectionHeader {
        height: 6rem;
        padding: 0.75rem 2rem;
        margin-bottom: 3rem;
        position: relative;
        width: fit-content;
        margin-top: -5rem;
        margin-left: -25px;
    }

    #actual{
        padding: 40px 15px 40px 25px;
    }

    #actual .imgShadow {
        margin-bottom: 30px;
    }

    #actual .content{
        padding: 0;
    }

    #actual .content .text{
        padding: 0;
        margin: 25px 0;
    }

    #actual .mt-5{
        margin-top: 0 !important;
    }

    #actual .content .text ul{
        padding: 0;
    }

    #media{
        padding-bottom: 0;
    }

    #media .mediaListItem{
        height: 180px;
    }

    #contact-div {
        padding: 40px 10px 40px 25px;
    }
	
	#contact-div .buttonDiv{
		text-align: center;
	}
	
	#contact-div .content{
		text-align: center;
		padding-top: 30px;
		padding-left: 15px;
	}

    #contact-div .col-12.col-md-6{
        padding: 0;
        margin-left: -10px;
    }

    #contact-div .content {
        margin-top: 30px;
    }

    footer .col-12 {
        text-align: center;
    }

    footer img.nka {
        max-height: 60px;
        margin-bottom: 0;
    }
	
	.subPageMedia{
		padding: 15px;
	}

    #subPageHeader {
        margin-top: 60px;
    }
	
	#subPageHeader .col-12 {
		height: 200px;
	}

    #subPage {
        padding: 40px 0;
    }
}

@media (min-width: 768px) and (max-width: 992px){
    
}

@media (min-width: 993px) and (max-width: 1200px){
    
}

@media (min-width: 1201px) and (max-width: 1366px){
    .navbar .navbar-brand{
        background: #f2f2f2;
        padding: 0;
        margin-right: 65px;
        padding: 8px;
    }
    
    .navbar .navbar-brand img{
        height: 110px;
    }

    #homePageSlider .swiper-slide{
        height: calc(100vh - 120px);
    }

    #media{
        background-position: 0 100% !important;
    }
}

@media (min-width: 1367px){
    
}