a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top}ul{list-style:none}blockquote,q{quotes:none}table,table td{padding:0;border:none;border-collapse:collapse}img{vertical-align:top}embed{vertical-align:top}article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}mark,rp,rt,ruby,summary,time{display:inline}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html{height:100%;}
input,button{outline:0;}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}

:root{
	--main-color:#1c3754;
}

.transition{-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
body{padding:0px;margin:0px;font-family: 'Titillium Web', sans-serif;font-size:18px;}
a{text-decoration:none;}
.font{font-family: 'Bitter', serif;}
.nopadding{padding:0px!important;padding-top:0px!important;padding-left:0px!important;padding-bottom:0px!important;padding-right:0px!important;}
div.side{display:flex;}
div.col_2{width:46%;}
div.text{padding-left:50px;}
section,footer{padding:70px 0px;}
div.container{max-width:1920px;padding:0px 7%;display:flex;justify-content:space-between;}
div.container img{max-width:100%;}
div.container.alignCenter{align-content:center;align-items:center;}
.cta{font-size:20px;display:inline-block;background:var(--main-color);padding:15px 40px;color:#ffffff;position:relative;}
.cta:after{content:"";position:absolute;right:-7px;bottom:-25%;width:2px;height:100%;display:block;background:var(--main-color);}
.cta:before{content:"";position:absolute;right:-10%;bottom:-7px;height:2px;width:90%;display:block;background:var(--main-color);}

h1,h2,h3{font-family: 'Bitter', serif;}
h1{font-size:40px;}
h2{font-size:40px;color:var(--main-color);font-weight:500;margin-bottom:30px;}

header{width:100%;height:100vh;position:relative;}
body.page header{height:60vh;}
header a{color:#ffffff;font-size:20px;}
header div.topHead{border-bottom:1px solid #aaaaaa;justify-content:flex-start;max-height:100px;}
header div.centerTopHead{width:calc(100% - 200px);display:flex;}
header div.logo2{padding-left:10px;display:flex;align-items:center;}
header div.video{position:absolute;top:0px;left:0px;width:100%;height:100%;overflow:hidden;}
header div.video video{height:100%;}
body.page header div.video video{width:100%;height:auto;}
header div.content{position:relative;z-index:+2;}
header div.square{width:100px;height:100px;display:flex;align-items:center;justify-content:center;}
header div.logo{background:#ffffff;}
header div.logo img{height:65px;}
header div.menu{display:flex;margin-left:50px;}
header div.menu ul{margin:0px;padding:0px;display:flex;align-items:center;align-content:center;justify-content:flex-start;}
header div.menu ul li{list-style-type:none;padding:0px 20px;height:100%;}
header div.menu ul li a{position:relative;height:100%;display:flex;align-items:center;overflow:hidden;}
header div.menu ul li a:before{content:"";width:8px;height:8px;transform:rotate(-45deg);background:#ffffff;position:absolute;bottom:-4px;left:calc(50% - 8px);opacity:0;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
header div.menu ul li a:hover:before{opacity:1;}
header div.menu ul li a.active:before{opacity:1;}
header div.rightTopHead{border-left:1px solid #aaaaaa;}
header div.rightTopHead a:first-child{margin-right:10px;}

header div.leftHead{width:100px;border-right:1px solid #aaaaaa;height:calc(100% - 100px);text-align:center;}
header div.leftHead a{writing-mode: vertical-lr;transform: rotate(-180deg);position:absolute;bottom:30%;left:30%;}
body.page header div.leftHead a{font-size:14px;bottom:40%;}
body.page header div.leftHead a.facebook{bottom:70%;}

header div.leftHead a.facebook{bottom:60%;}
header div.rightHead{width:100px;border-left:1px solid #aaaaaa;height:calc(100% - 200px);text-align:center;position:absolute;right:0px;top:100px;}
header div.bottomHead{width:100%;border-top:1px solid #aaaaaa;height:100px;text-align:center;position:absolute;right:0px;bottom:0px;}
header div.bottomHead div.centerBottom{align-items:center;display:flex;padding-left:10px;color:#ffffff;width:calc(100% - 203px);}
header div.bottomHead div.rightBottom{border-left:1px solid #aaaaaa;}
header div.bottomHead div.rightBottom a{font-size:16px;position:relative; -webkit-transform: rotate(-90deg);transform: rotate(-90deg);}
header div.bottomHead div.rightBottom a span.dash{content:"";display:block;margin-top:2px;width:32px;height:3px;background:#ffffff;animation: dashanim-active-trscale 1s ease-out infinite;    transform: rotate(180deg);}

section.underSlide{background:url(../uploads/bg.jpg);padding:70px 0px;}
section.underSlide div.sx{width:100%;color:#ffffff;text-align:right;font-size:28px;font-weight:500;line-height:1.5;}
section.underSlide div.dx{width:40%;padding-left:50px;display:flex;color:#ffffff;align-items:center;align-content:center;}
section.underSlide div.dx div.content{padding-left:20px;}
section.underSlide div.dx div.name{font-size:28px;font-weight:600;margin-bottom:10px;}

section.company a.cta{margin-top:50px;}

section.category{display:flex;}
section.category div.column{width:calc(100% / 3);position:relative;}
section.category div.column a{display:block;width:100%;text-decoration:none;}
section.category div.column img{max-width:100%;}
section.category div.overlay{position:absolute;top:0px;left:0px;background:rgba(0,0,0,0.2);z-index:+2;width:100%;height:100%;}
section.category p.title{position:absolute;z-index:+3;bottom:30px;width:100%;padding-left:30px;font-size:40px;color:#ffffff;box-sizing:border-box;}
section.category span{position:relative;}
section.category span:after{content:"";width:0%;display:block;height:2.5px;background:#ffffff;position:absolute;bottom:0px;left:0px;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
section.category a:hover div.overlay{background:rgba(0,0,0,0);}
section.category a:hover span:after{width:80%;}

div.plus{width:70%;margin-top:50px;color:var(--main-color);}
div.plus div.el{margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
div.plus div.el p{width:50%;font-weight:500;}
div.plus div.el p.perc{text-align:right;}
div.plus div.el div.progress{width:100%;background:var(--main-color);height:3px;display:block;margin-top:5px;}

section.follow h2{width:100%;text-align:center;}

.eapps-instagram-feed-title{display:none!important;}

footer{background:var(--main-color);color:#ffffff;}
footer div.column{width:calc(100% / 4 - 4%);}
footer img.logo{margin-bottom:30px;}
footer p{line-height:1.8;}
footer h3{font-size:25px;margin-bottom:20px;}
footer div.link p{margin-bottom:5px;font-size:20px;}
footer a{color:#ffffff;text-decoration:none;}
footer div.social{margin-top:20px;}
footer div.social a{margin-right:10px;display:inline-block;font-size:22px;}


/* COLLECTION */
section.collection{padding:0px;}
section.collection div.container{padding:0px;width:100%;}
div.mygallery{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;}
div.mygallery a{width:calc(100% / 3);}
div.mygallery2{width:100%;flex-wrap:wrap;justify-content:space-between;}
div.mygallery2 a.vert{width:calc(100% / 3)}
div.mygallery2 a.hor{width:calc(100% / 3)*2}

/* POPUP */
div.modal {display: none;background: rgba(50,50,50,0.8);position: fixed;top: 0px;bottom: 0px;left: 0px;right: 0px;z-index: 6000;cursor: pointer;width: 100%;height: 100%;align-items:center;justify-content:center;}
.large{width: 30%;background:#f5f5f5!important;padding:2%;box-sizing:border-box;color: #787878;border:0px solid #dddddd;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.46);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.46);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.46);border-radius:5px;}
#modal2{display:none;}
#modal2 h3{font-size: 33px;font-weight: 400;color: #000000;padding-top:0px;width:100%;text-align:center;line-height:40px;margin:0 auto;}
#modal2 p{margin: 20px 0px;color: #454545;line-height: 31px;font-size: 20px;width:100%;text-align:center;}
.large2{width: 40%;background:#ffffff!important;padding:2%;box-sizing:border-box;color: #787878;border:0px solid #dddddd;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.46);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.46);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.46);border-radius:2px;}

form.form_pop label{width: 100%;display: block;color: #565656;font-size: 16px;font-style: italic;text-align: left;}
form.form_pop input{width:100%;padding:15px;box-sizing:border-box;border-radius:2px;border:0px solid #cccccc;margin-bottom:10px;background:#e8eff6;outline:0;font-size:18px;color:#333;font-weight:400;text-align:center;}
.place{color:#898989!important;}
form.form_pop button{width:100%;background:#1c3754;color:#ffffff;font-size:20px;border-radius:2px;margin-top:0px;border:0px;padding:15px;outline:0;cursor:pointer;}
form.form_pop button:hover{background:#305b8a;}

.close-overlay{ position: absolute; right: 2%; top: 2%; font-size: 30px; cursor: pointer;}
input.small_pop{width:49%!important;}
.trg-overlay {
    position: fixed;
    z-index: 8000;
    overflow: hidden;
}

form{padding:0px;margin:0px;}
form p.title{font-size:26px;font-weight:500;text-align:center;}
form div.field{margin-top:20px;display:flex;align-items:center;align-content:center;justify-content:space-between;flex-wrap:wrap;}
form div.el{width:49%;margin-bottom:20px;}
form div.el input:not([type="checkbox"]),form div.el textarea{width:100%;padding:10px;border:1px solid #dddddd;}
form div.el textarea{height:80px;}
form button{padding:10px 40px;background:var(--main-color);color:#ffffff;border:0px;cursor:pointer;}

section.partner div.container{justify-content:center;}
section.partner div.el{width:calc(100% / 3);margin-bottom:70px;text-align:center;}
section.partner div.el:nth-child(4){margin-bottom:0px;}
section.partner div.el:nth-child(5){margin-bottom:0px;}

section.video div.container{flex-wrap:wrap;}
section.video div.el{width:calc(100% / 3 - 1%);margin-bottom:0px;}
section.video div.el iframe{height:265px;}

section.valori{padding-bottom:0px;}
section.valori img{border-radius:50%;}

div.menu_mobile{display:none;position:absolute;top:27px;right:10px;}
div.menu_mobile svg{fill:#ffffff;height:40px;}
a.close_menu{display:none;}
a.close_menu svg{height:40px;fill:#ffffff;}

.sticky {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
}

@-webkit-keyframes dashanim-active-trscale{
0%{
	-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right center;transform-origin:right center}
50.9%{
	-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:right center;transform-origin:right center}
51%{
	-webkit-transform-origin:left center;transform-origin:left center}
99.9%{-webkit-transform-origin:left center;transform-origin:left center}
100%{
	-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right center;transform-origin:right center}
}

@media screen and (max-width:1310px){
	header div.logo2{align-items:center;display:flex;	}
	header div.logo2 img{height:35px;}
	header div.menu ul li{padding:0px 10px;box-sizing:borde-box;max-height:100px;}
}

@media screen and (max-width:1100px){
	header div.menu ul li a{font-size:17px;}
}

@media screen and (max-width:1125px){
	header div.menu{margin-left:20px;}
}

@media screen and (max-width:700px){
	header div.logo img{height:45px;}
	header div.logo{width:60px;height:60px;}
	header div.logo2 img{height:40px;}
	div.container{flex-wrap:wrap;}
	header{height:50vh;}
	header div.leftHead{border:0px;}
	header div.leftHead a{font-size:13px;bottom:40%;}
	header div.leftHead a.facebook{bottom:70%;}
	header div.rightHead{border:0px;display:none;}
	header div.bottomHead div.bottomLeft{display:none;}
	header div.bottomHead div.centerBottom{width:calc(100% - 50px);}
	header div.bottomHead div.centerBottom h1{font-size:26px;text-align:left;}
	
	section.underSlide div.sx{width:100%;text-align:center;margin-bottom:30px;}
	section.underSlide div.dx{width:100%;padding:0px;}
	div.col_2{width:100%;margin-bottom:50px;}
	div.col_2:last-child{margin-bottom:0px;}
	div.text{padding-left:0px;}
	section.category{flex-wrap:wrap;}
	section.category div.column{width:100%;}
	div.plus{width:100%;}
	footer div.column{width:100%;margin-bottom:40px;}
	footer div.column:last-child{margin-bottom:0px;}
	body.page header div.video video{width:auto;height:100%;}
	.large2{width:90%;padding:20px;box-sizing:border-box;}
	.large2 img{width:100%;}
	.large2 div.privacy{font-size:14px;}
	form.form_pop button{font-size:14px;}
	div.mygallery a{width:100%;}
	section.video div.el{width:100%;margin-bottom:40px;}
	section.video div.el iframe{height:auto;}
	section.partner div.el{width:100%;}
	
	header div.menu{position:fixed;top:0px;left:0px;width:100%;height:100%;display:flex;align-items:center;justify-content:flex-end;margin:0px;z-index:+100;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+32&0+0,0.8+32 */
	background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 32%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 32%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 32%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=1 ); /* IE6-9 */
	transform: translateX(100%);
	}
	header div.menu ul li a:before{bottom:42%;right:-4px;left:auto;}
	
	header div.menu.opened{transform: translateX(0);}
	
	header div.menu ul{max-width:70%;flex-wrap:wrap;justify-content:flex-end;margin-right:5%;position: absolute;top: 110px;}
	header div.menu ul li{width:100%;display:block;text-align:center;}
	header div.menu ul li a{font-size:30px;justify-content:flex-end;text-align:right;padding-right:0px;}
	
	div.menu_mobile{display:block;top:8px;}
	div.menu a.close_menu{position:absolute;top:30px;right:5%;display:block;font-size:50px;}
	
	form div.el {
		width: 100%;
		margin-bottom: 20px;
	}
	
	header div.rightTopHead {
		display: contents;
	}
}

@media screen and (max-width:360px){
	header div.logo{width:60px;height:60px;}
	header div.logo img{height:40px;}
	div.menu_mobile{top:10px;}
}