/*@font-face {
    font-family: system-ui;
    font-style: normal;
    font-weight: 300;
    src: local(".TR-909");
}*/

/*
color-blu: #

gradient-blue: rgb(53,112,149);
background: rgb(53,112,149);
background: linear-gradient(321deg, rgba(53,112,149,1) 0%, rgba(26,56,108,1) 100%);
*/

html, body{
    /*font-family: 'Montserrat', sans-serif;*/
    margin: 0px;
    font-family: 'Roboto Condensed', sans-serif;
}


.wip-wrapper{

    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);

}

.logo{

    position:fixed;
    z-index: 10000000;
    width:auto;
    height:80px;
    top:0px;
    left:0px;
    box-sizing: border-box;
    padding:12px 25px;


}

.logo img{
    height:100%;
    width:auto;
}



.main-menu-wrapper{

    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 80px;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    z-index: 10;
    background-color: rgba(0,0,0,0.2);

}

.main-menu-content{

    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    overflow: hidden;

}

.main-menu-item{

    color: #FFF;
    float: left;
    height: 100%;
    line-height: 80px;
    box-sizing: border-box;
    padding: 0px 30px 0px 0px;

}

.main-menu-item a, .main-menu-item a:link, .main-menu-item a:visited, .main-menu-item a:hover{
    text-decoration: none;
    color:#FFF;
}

.section-wrapper{
    width:100%;
    overflow:hidden;
    position:relative;
    background: rgb(250,250,250);
    background: radial-gradient(circle, rgba(250,250,250,1) 0%, rgba(228,228,228,1) 100%);
    display: flex;
    justify-content: center;
}



.section-wrapper.proportional{

    padding-bottom:40%;

}

.section-wrapper.proportional.p16-9{

    padding-bottom:50%;

}

section:first-of-type .section-wrapper{

    padding-top:80px;

}

section:first-of-type .section-wrapper.proportional .column{

    position:absolute;
    top:0px;

}

@media (orientation: portrait) {
    .section-wrapper.proportional{

        padding-bottom:100%;
    
    }

    .section-wrapper.proportional.p16-9{

        padding-bottom:100%;
    
    }
}

.section-wrapper.proportional .column:first-child, .section-wrapper.full .column:first-child{

    position:absolute;
    width:100%;
    height: 100%;
    
    
}

.section-wrapper.proportional .column:last-child, .section-wrapper.full .column:last-child{

    width:100%;
    height: 100%;
    
}

.section-wrapper.full .column:last-child{

    min-height:300px;
    position: relative;
    display: flex;
    justify-content: center;
    
}



/*.section-wrapper.column2{

    
}*/
@media only screen and (max-width: 800px) {
    .section-wrapper.column2{

        flex-direction: column;
    
    }
}


.section-wrapper.column2 .column{

    flex-grow: 1;
    flex-basis: 50%;
    overflow: hidden;
    position: relative;
    background-position: center center;
    background-size: cover;

}


@media only screen and (max-width: 800px) {
    .section-wrapper.column2 .column{

        flex-grow: 1;
        flex-basis: 100%;
        min-height:300px;
    
    }
}



.section-wrapper.column2 .column:first-child{
    /*clip-path: polygon(0 0, 0 100%, 90% 100%, 100% 0);*/
    clip-path: ellipse(100% 250% at 0% 0%);
}

.section-wrapper.column2 .column:last-child{
    /*clip-path: polygon(0 0, 10% 100%, 100% 100%, 100% 0);*/
    clip-path: ellipse(100% 250% at 100% 0%);
}


@media only screen and (max-width: 800px) {
    .section-wrapper.column2 .column:first-child{
        clip-path: polygon(0% 0%, 0% 100%, 100% 90%, 100% 0%);
    }
    
    .section-wrapper.column2 .column:last-child{
        clip-path: polygon(0% 10%, 0% 100%, 100% 100%, 100% 0%);
    }
}

.section-wrapper.dark{

    background: rgb(74,74,74);
    background: radial-gradient(circle, rgba(74,74,74,1) 0%, rgba(20,20,20,1) 100%);

}



.video-cover{

    position:absolute;
    left: 50%;
    top:50%;
    transform: translate(-50%, -50%);
    height: 100%;
    width: 177.77777778vh; /* 100 * 16 / 9 */
    min-width: 100%;
    min-height: 56.25vw; /* 100 * 9 / 16 */

}

.background-overlay .image::after{
    content:"";
    background: rgb(53,112,149,0.3);
    background: linear-gradient(321deg, rgba(53,112,149,1) 0%, rgba(7,44,108,1) 100%);
    background-repeat: no-repeat;
    position:absolute;
    width:100%;
    height:100%;
    mix-blend-mode: overlay;
}



.overlay{
    background: rgba(53,112,149,0.3);
    background: linear-gradient(321deg, rgba(53,112,149,1) 0%, rgba(7,44,108,1) 100%);
    background-repeat: no-repeat;
    position:absolute;
    width:100%;
    height:100%;
    mix-blend-mode: overlay;
    display:none;
}

.background-overlay .overlay{
    display:block;
}

.logo-claim{
    position:absolute;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items: center;
    flex-direction:column;
}

.logo-claim .header-logo{
    width:25%;
    height:auto;
    filter: drop-shadow(0px 0px 10px #222);
}

.logo-claim .header-claim{
    font-family: 'Lobster', cursive;
    font-family: 'Pacifico', cursive;
    color:#FFF;
    font-size: 6.5vw;
    text-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}

.image{
    width:100%;
    height:100%;
    position:absolute;
    background-position: center center;
    background-size: cover;
}


.menu-wrapper{

    display:flex;

}


@media only screen and (max-width: 800px) {
    .menu-wrapper{
        flex-direction:column;
        width: 100%;
    }
}


.menu-item-wrapper{

    flex-grow: 1;
    flex-basis: 33.33%;
    background-color: #4f6b9d;
    position:relative;
    overflow: hidden;
    cursor: pointer;

}

.menu-item-wrapper a{
    text-decoration:none;
}

.menu-item-wrapper-1{
    flex-basis: 100%;
}

.menu-item-wrapper-2{
    flex-basis: 50%;
}

.menu-item-wrapper-3{
    flex-basis: 33.33%;
}

.menu-item-wrapper-4{
    flex-basis: 25%;
}

.menu-item-wrapper-5{
    flex-basis: 20%;
}

.menu-item-wrapper-6{
    flex-basis: 16.666%;
}

@media only screen and (max-width: 800px) {
    .menu-item-wrapper{

        flex-basis: 100%;
        min-height: 180px;
    
    }
}

.menu-item-wrapper .image-bac{

    position:absolute;
    width:100%;
    height:100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 0.4s ease;
    filter: blur(0px);

}

.menu-item-wrapper .image-bac::after{
    content:"";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: rgb(2,0,36);
    background: linear-gradient(160deg, rgba(2,0,36,0) 59%, rgb(2, 0, 36) 100%);
}

.menu-item-wrapper .image-mac{

    position:absolute;
    width:100%;
    height:100%;
    background-position: 50% 0%;
    background-repeat: no-repeat;
    background-size: 200%;
    transition: all 0.4s ease;

}

.menu-item-wrapper:hover .image-bac{
    
    filter: blur(20px);

}

.menu-item-wrapper:hover .image-mac{
    
    background-size: 150%;
}

.menu-item-wrapper .name-wrapper{
    position:relative;
    width:100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-sizing: border-box;
    padding: 5vw;
}

.menu-item-wrapper .title{
    color: #FFF;
    text-align: center;
    font-size: 80px;
    text-shadow: 0px 0px 10px #000;
    
}

.menu-item-wrapper .description{
    color: #FFF;
    text-align: center;
    font-size: 40px;
    text-shadow: 0px 0px 10px #000;
    
}

@media only screen and (max-width: 1280px) {
    .menu-item-wrapper .title{

        font-size: 60px;
        
    }
    
    .menu-item-wrapper .description{
        
        font-size: 30px;
        
    }
}

@media only screen and (max-width: 800px) {
    .menu-item-wrapper .title{

        font-size: 50px;
        
    }
    
    .menu-item-wrapper .description{
        
        font-size: 25px;
        
    }
}

/*EDITABLE HTML CONTENT*/
/*EDITABLE HTML CONTENT*/
/*EDITABLE HTML CONTENT*/
/*EDITABLE HTML CONTENT*/
/*EDITABLE HTML CONTENT*/


.content-wrapper{
	clear:both;
	padding:20px;
	overflow: hidden;
}

.content{
	clear:both;
    padding: 5vw;
    max-width:1200px;
}

body.content{

    background: rgb(250,250,250);
    background: radial-gradient(circle, rgba(250,250,250,1) 0%, rgba(228,228,228,1) 100%);

}

.no-content-pad .content{
    padding:0px !important;
}

@media only screen and (max-width: 800px) {
    .content{
        padding-top:10vw;
        padding-bottom: 10vw;
    }
}


body.content table, body.content th, body.content td {
    border: 1px dotted #CCC;
	font-size:inherit;
} 
.content td{
	vertical-align:top;
}
.content p{
	margin:0px;
    margin-bottom: 10px;
}
.content img{
	
	
	max-width: 100%;
	
}

.content-wrapper .content img{
	height: auto;
}

.content p a, .content p a:link{
	color:#be1e2d;
	text-decoration:underline;
}
.content p a:hover{
	color:#666666;
	text-decoration:underline;
}
.content p, .content h1, .content h2, .content h3, .content pre{
	padding:0px;
}

.content h1{
	
	text-transform: uppercase;
    color: rgb(255,255,255);
    font-size: 60px;
    margin: 1vw 0 1vw 0;
    text-shadow: 0px 0px 30px rgba(0,0,0,0.2);

}

.bright .content h1{
	
    color:#EEE;

}

.content h1:before{
	content:"";
}

@media only screen and (max-width: 1280px) {
    .content h1{
        font-size:50px;
    }
}

@media only screen and (max-width: 800px) {
    .content h1{
        font-size:40px;
    }
}

.content h2{
	
	text-transform: uppercase;
    color: rgb(53,112,149);
    font-size: 40px;
    margin: 1vw 0 1vw 0;
    text-shadow: 0px 0px 70px rgba(0,0,0,0.2);

}

.content .blue-text{
    color: rgb(53,112,149);
}

.bright .content h2{
	
    color:#EEE;

}

.content h2:before{
	content:"";
	
}

@media only screen and (max-width: 1280px) {
    .content h2{
        font-size:34px;
    }
}

@media only screen and (max-width: 800px) {
    .content h2{
        font-size:29px;
    }
}


.content h3{
	text-transform: uppercase;
    color: rgb(128,128,128);
    font-size: 29px;
    margin: 1vw 0 1vw 0;
}

.bright .content h3{
	
    color:#EEE;

}

@media only screen and (max-width: 1280px) {
    .content h3{
        font-size:24px;
    }
}

@media only screen and (max-width: 800px) {
    .content h3{
        font-size:20px;
    }
}

.content p, .content ul, .content ol, .content li{
	
    color:#999;
    font-size: 24px;

}

.bright .content p, .bright .content ul, .bright .content ol, .bright .content li{
	
    color:#FFF;

}


@media only screen and (max-width: 1280px) {
    .content p, .content ul, .content ol, .content li{
        font-size:22px;
    }
}

@media only screen and (max-width: 800px) {
    .content p, .content ul, .content ol, .content li{
        font-size:20px;
    }
}

.content ul, .content ol{
	/*margin-left:10px;*/
	margin:0px;
	padding-left:15px;
	/*overflow:hidden;*/

}
.content .img-left{
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}

.content .img-right{
	float:right;
	margin-left:20px;
	margin-bottom:10px;
}

.content .img-autosize{
	width:100%;
	margin-right:0px;
	margin-left:0px;
}
.content a.filedoc, .content a.filedoc:link{
	display:block;
	border:1px solid #CCC;
	padding:10px;
}
.content a.filedoc, .content a.filedoc:hover{
	background-color:#CCC;
	
}

.content .vlj-special{
	/*background-image:url(imm/bkg-special.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-color:#E0E0E0;*/
	
	max-width:100%;
	position:relative;
	
	overflow:hidden;
	/*background-color:#FFF;*/
	
}

.content .vlj-special.vlj-special-autosize{
	position:relative;
	margin-right:0px;
	margin-left:0px;
}

.content .vlj-special.vlj-special-autosize > *{
	position:absolute;
	
}

.content .vlj-doc-pdf{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	
	box-shadow: 0 0 3px #BBB;
    -moz-box-shadow: 0 0 3px #BBB;
    -webkit-box-shadow: 0 0 3px #BBB;
    -khtml-box-shadow: 0 0 3px #BBB;
}

.content .vlj-doc-pdf a, .content .vlj-doc-pdf a:link{
	clear:both;
	display:block;
	background-image:url(../css-img/icon_pdf.png);
	background-repeat:no-repeat;
	background-position:10px center;
	padding-left:50px;
	padding-top:15px;
	padding-bottom:15px;
	line-height:20px;
	color:#222;
	background-color:#EEE;
	text-decoration:none;
	
	
}
.content .vlj-doc-pdf a:hover{
	background-color:#be1e2d;
	color:#FFF;
}

body.content{
	
}

/*END EDITABLE HTML CONTENT*/
/*END EDITABLE HTML CONTENT*/
/*END EDITABLE HTML CONTENT*/



.contactform input, .contactform textarea{
    display: block;
    border: 3px solid #dcdcdc;
    padding: 7px;
    margin-bottom: 10px;
    width: 400px;
    border-radius: 5px;
}