@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,300i,400,700,700i');
@import url(template.css);
@import url(customize.css);
@import url(slick.css);
@import url(../js/touchTouch/touchTouch.css);

/* HEADER */
header{position:relative; overflow:hidden; padding-bottom:60px;}
body.home header{padding-bottom:40px;}

header .top{position:absolute; top:0; left:0; z-index:10; width:50%; height:120px; background:#fff;}
header .top:before{content:" "; position:absolute; top:0; right:-60px; display:block; border-left:60px solid #fff; border-bottom:120px solid transparent; border-top:0 solid #fff;}
header .top .logo{position:absolute; top:calc(50% - 35px); left:120px; display:block; width:auto; height:70px;}

header .slider{width:calc(100% - 240px); margin:0 auto;}
header .slider .slide{position:relative; height:700px; background-position:center center; background-repeat:no-repeat; background-size:cover;}
header .slider .slide .shadow{position:absolute; bottom:0; left:0; width:100%; height:70%; background-image: linear-gradient(to top, rgba(0,0,0,.5) 20%, transparent 100%);}
header .slider .slide .shadow .text{position:absolute; bottom:40px; left:40px; width:400px;}
header .bg_slider{position:absolute; bottom:60px; right:0; z-index:0; border-bottom:450px solid #fff; border-right:0px solid transparent; border-left:220px solid transparent;}
body.home header .bg_slider{bottom:40px; border-bottom:700px solid #fff; border-left:350px solid transparent;}

header .cover{position:relative; width:calc(100% - 240px); height:450px; margin:0 auto; background-position:center center; background-repeat:no-repeat; background-size:cover;}
header .cover .shadow{position:absolute; bottom:0; left:0; width:100%; height:70%; background-image: linear-gradient(to top, rgba(0,0,0,.5) 20%, transparent 100%);}
header .cover .shadow .text{position:absolute; bottom:40px; left:40px; width:70%;}

header .cover #mappa{position:absolute; top:0; left:0; width:100%; height:100%;}

@keyframes close_ctrl_slider {0% {z-index:0;}		70% {z-index:0;}	100% {z-index:15;}}
@keyframes open_ctrl_slider {0% {z-index:15;}		1% {z-index:0;}		100% {z-index:0;}}
header .ctrl_slider{position:absolute; bottom:120px; right:210px; z-index:15; width:60px; height:90px;}
header .ctrl_slider.open{z-index:0; animation-name:open_ctrl_slider; animation-duration: 1.2s; transition-timing-function:linear;}
header .ctrl_slider.close{z-index:15; animation-name:close_ctrl_slider; animation-duration: 1.2s; transition-timing-function:linear;}
header .ctrl_slider > div{position:absolute; width:30px; height:30px;}
header .ctrl_slider .next{top:0; right:0; cursor:pointer; background:url(../images/arrow_right_azure.svg) right center no-repeat; background-size:30px auto;}
header .ctrl_slider .back{bottom:0; left:0; cursor:pointer; background:url(../images/arrow_left_azure.svg) left center no-repeat; background-size:30px auto;}
header .ctrl_slider .count{top:50%; transform:translateY(-50%); width:100%; height:auto; text-align:center;}

/* NAV & MENU */
/* Container */
@keyframes close_cont_bg_menu {0% {width:100%; height:100%;}		60% {width:100%; height:100%;}		100% {width:370px; height:450px;}}
@keyframes open_cont_bg_menu {0% {width:370px; height:450px;}		35% {width:100%; height:100%;}		70% {width:100%; height:100%;} 		100% {width:100%; height:100%;}}
.cont_bg_menu{position:absolute; top:0; right:0; z-index:10; width:370px; height:450px; overflow:hidden;}
.cont_bg_menu.close{position:absolute; width:370px; height:450px; animation-name:close_cont_bg_menu; animation-duration: 1.2s; transition-timing-function:linear;}
.cont_bg_menu.open{position:fixed; width:100%; height:100%; animation-name:open_cont_bg_menu; animation-duration: 1.2s; transition-timing-function:linear;}

@keyframes close_cont_bg_menu_hp {0% {width:100%; height:100%;}		60% {width:100%; height:100%;}		100% {width:500px; height:700px;}}
@keyframes open_cont_bg_menu_hp {0% {width:500px; height:700px;}	35% {width:100%; height:100%;}		70% {width:100%; height:100%;} 		100% {width:100%; height:100%;}}
body.home .cont_bg_menu{width:500px; height:700px;}
body.home .cont_bg_menu.close{position:absolute; width:500px; height:700px; animation-name:close_cont_bg_menu_hp; animation-duration: 1.2s; transition-timing-function:linear;}
body.home .cont_bg_menu.open{position:fixed; width:100%; height:100%; animation-name:open_cont_bg_menu_hp; animation-duration: 1.2s; transition-timing-function:linear;}

@keyframes close_bg_menu {0% {right:-250px; width:calc(100% + 500px);}		30% {right:-250px; width:calc(100% + 500px);}	100% {right:110px; width:150px;}}
@keyframes open_bg_menu {0% {right:110px; width:150px;}		70% {right:-250px; width:calc(100% + 500px);}		100% {right:-250px; width:calc(100% + 500px);}}
.cont_bg_menu .bg_menu{position:absolute; top:0; right:110px; z-index:2; width:150px; height:100%; transform:skew(-26deg); background:#2a9cc4;}
.cont_bg_menu.close .bg_menu{right:110px; width:150px; animation-name:close_bg_menu; animation-duration: 1.2s; transition-timing-function:linear;}
.cont_bg_menu.open .bg_menu{right:-250px; width:calc(100% + 500px); animation-name:open_bg_menu; animation-duration: 1.2s; transition-timing-function:linear;}

@keyframes close_bg_menu_hp {0% {right:-250px; width:calc(100% + 500px);}		30% {right:-250px; width:calc(100% + 500px);}	100% {right:172px; width:150px;}}
@keyframes open_bg_menu_hp {0% {right:172px; width:150px;}		70% {right:-250px; width:calc(100% + 500px);}		100% {right:-250px; width:calc(100% + 500px);}}
body.home .cont_bg_menu .bg_menu{right:172px;}
body.home .cont_bg_menu.close .bg_menu{right:172px; width:150px; animation-name:close_bg_menu_hp; animation-duration: 1.2s; transition-timing-function:linear;}
body.home .cont_bg_menu.open .bg_menu{right:-250px; width:calc(100% + 500px); animation-name:open_bg_menu_hp; animation-duration: 1.2s; transition-timing-function:linear;}

.cont_bg_menu .fascia_menu{position:absolute; top:0; right:488px; z-index:3; width:150px; height:2000px; transform:skew(-26deg); background:#37a6d9;}
.cont_bg_menu.close .fascia_menu{right:488px; animation-name:close_fascia_menu; animation-duration: 1.2s; transition-timing-function:linear;}
.cont_bg_menu.open .fascia_menu{right:488px; animation-name:open_fascia_menu; animation-duration: 1.2s; transition-timing-function:linear;}

/* Button open menu */
.open_menu{position:absolute; top:35px; right:80px; z-index:50; width:50px; height:50px; cursor:pointer; background-image:url(../images/icon_menu.svg); background-position:top center; background-repeat:no-repeat; background-size:auto 30px;}
.open_menu.active{position:fixed; background-image:url(../images/icon_close.svg); background-size:25px;}
.open_menu p{position:absolute; bottom:0; left:0; width:100%; text-align:center; color:#fff; transition:opacity .2s;}
.open_menu p:nth-child(2){opacity:0;}
.open_menu.active p:nth-child(1){opacity:0;}
.open_menu.active p:nth-child(2){opacity:1;}

/* contenitore menu */
@keyframes close_nav {0% {opacity:1; height:100%;}		30% {opacity:0; height:100%;}		100% {opacity:0; height:0;}}
@keyframes open_nav {0% {opacity:0; height:100%;}		70% {opacity:0; height:100%;}		100% {opacity:1; height:100%;}}
nav{position:fixed; top:0; left:0; z-index:20; width:100%; height:0; opacity:0; overflow:hidden;}
nav.close{height:0; opacity:0; animation-name:close_nav; animation-duration: 1.2s; transition-timing-function:linear;}
nav.open{height:100%; opacity:1; animation-name:open_nav; animation-duration: 1.2s; transition-timing-function:linear;}
nav .logo{position:absolute; top:25px; left:25px; display:block; width:auto; height:70px;}
nav .menu{position:absolute; top:120px; left:0; width:100%; height:calc(100% - 270px);}

nav .button{display:inline-block; width:250px; height:250px; margin-left:-6px;}
nav .button .table{width:100%; height:100%; cursor:pointer;}
nav .button .table .td{position:relative; padding:15px; border:2px solid transparent; font-size:28px; line-height:32px; color:#fff; font-weight:100; text-decoration:none; transition:border-color .3s;}
nav .button .table .td .cont_logo{position:absolute; top:0; left:0; width:calc(100% - 10px); height:calc(100% - 10px); margin:5px; background:#fff;}
nav .button .table .td .cont_logo img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); display:block; max-width:80%; max-height:80%;}
nav .button .table .td:hover, nav .menu .inner .button .table .td.active{border-color:#fff;}

/* menu principale */
@keyframes show_menu {0% {opacity:0;}		100% {opacity:1;}}
@keyframes hide_menu {0% {opacity:1;}		100% {opacity:0;}}
nav .menu .inner{position:absolute; top:50%; left:0; transform:translateY(-50%); z-index:2; width:100%; overflow:hidden; text-align:center;}
nav .menu .inner.show{z-index:2; opacity:1; animation-name:show_menu; animation-duration: .6s;}
nav .menu .inner.hide{z-index:0; opacity:0; animation-name:hide_menu; animation-duration: .6s;}

/* submenu */
@keyframes show_submenu {0% {opacity:0;}		100% {opacity:1;}}
@keyframes hide_submenu {0% {opacity:1;}		100% {opacity:0;}}
nav .menu .submenu{position:absolute; top:50%; left:0; transform:translateY(-50%); z-index:0; width:100%; height:auto; opacity:0; overflow:hidden; text-align:center;}
nav .menu .submenu.show{z-index:2; opacity:1; animation-name:show_submenu; animation-duration: .6s;}
nav .menu .submenu.hide{z-index:0; opacity:0; animation-name:hide_submenu; animation-duration: .6s;}
nav .menu .submenu .back{margin-bottom:30px;}
nav .menu .submenu .back span{display:inline-block; padding-left:35px; font-size:22px; line-height:26px; color:#fff; cursor:pointer; background:url(../images/icon_back.svg) left center no-repeat; background-size:auto 22px;}

/* contact & social */
nav .bottom{position:absolute; bottom:0; left:50%; transform:translateX(-50%); height:150px;}
nav .contact, nav .social{position:absolute; top:25px;}
nav .contact{left:0; text-align:left;}
nav .social{right:0; text-align:right;}
nav .contact a, nav .social a{position:relative; display:inline-block; width:30px; height:30px;}
nav .contact a img, nav .social a img{position:absolute; top:calc(50% - 10px); left:calc(50% - 10px); width:30px; height:auto;}
nav .contact a{margin-right:10px;}
nav .social a{margin-left:10px; vertical-align:middle;}
nav .social p{display:inline-block; vertical-align:middle;}

/* FOOTER */
.fascia_form_gallery + footer.mt40{margin-top:0;}
footer{position:relative;}
footer a{text-decoration:none;}

footer .logo{width:250px; height:120px; float:left; background:#fff;}
footer .logo img{display:block; width:90px; height:90px; margin:15px 0 15px 120px;}

footer .inner{position:relative; width:calc(100% - 250px); float:right; height:120px;}
footer .inner:before{content:" "; position:absolute; bottom:0; left:0; display:block; border-top:120px solid #fff; border-right:50px solid transparent;}
footer .bnr{display:block; width:75px; height:auto; float:left; margin:25px 0 0 70px;}
footer .text{width:calc(100% - 560px); float:left; margin:30px 0 0 30px;}
footer .other{width:350px; float:right; text-align:right; margin:55px 120px 0 0;}

/* HOME */
.ant_service{position:relative;}
.ant_service .slide{height:300px; background-position:center center; background-repeat:no-repeat; background-size:cover; text-decoration:none;}
.ant_service .slide .shadow1{width:100%; height:100%; background:rgba(0,0,0,.4);}
.ant_service .slide .shadow2{width:100%; height:100%; background:rgba(0,157,147,.5);}
.ant_service .slide .table{width:calc(100% - 60px); height:100%; padding:30px; text-align:center; text-decoration:none; color:#fff;}
.ant_service .slide .table .td{border:2px solid #fff;}

.ant_service .slick-prev, .ant_service .slick-next{position:absolute; top:calc(50% - 15px); z-index:9; display:block; width:33px; height:33px; padding:0; border:2px solid #fff; cursor:pointer; outline-color:transparent;}
.ant_service .slick-prev{left:20px; background:#009d93 url(../images/arrow_left_white.svg) center center no-repeat; background-size:60% auto;}
.ant_service .slick-next{right:20px; background:#009d93 url(../images/arrow_right_white.svg) center center no-repeat; background-size:60% auto;}

.text_hp{position:relative; width:calc(50% - 40px); float:left; min-height:220px; padding:40px 0; background:#F2F2F2;}
.text_hp:before{content:" "; position:absolute; bottom:0; left:-120px; display:block; border-bottom:800px solid #F2F2F2; border-left:80px solid transparent;}
.text_hp:after{content:" "; position:absolute; top:0; right:-80px; display:block; border-top:800px solid #F2F2F2; border-right:80px solid transparent;}
.text_hp span.bg_lightgray{position:absolute; top:0; left:-40px; display:block; width:40px; height:100%;}

.ant_news{width:calc(50% - 40px); float:right; padding:40px 0;}
.ant_news > .txt24{width:calc(100% - 130px); float:left; margin-left:30px; padding-top:5px;}
.ant_news > .btn{float:right;}
.ant_news .inner{margin-top:20px;}
.ant_news .inner a{display:block; text-decoration:none; overflow:hidden; padding:15px 0; border-bottom:1px solid #979797; background:url(../images/arrow_right_gray.svg) right center no-repeat; background-size:20px auto;}
.ant_news .inner a:nth-child(1){margin-left:20px; border-top:1px solid #979797;}
.ant_news .inner a:nth-child(2){margin-left:10px;}
.ant_news .inner a p:nth-child(1){width:80px; float:left;}
.ant_news .inner a p:nth-child(2){width:calc(100% - 120px); float:right; padding-top:4px; margin-right:40px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.slider_partner{position:relative; margin:0 30px;}
.slider_partner .inner{position:relative; display:block; height:228px; margin:20px; border:2px solid #CACACA; text-decoration:none;}
.slider_partner .inner img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); display:block; max-width:80%; max-height:80%;}

.slider_partner .slick-prev, .slider_partner .slick-next{position:absolute; top:calc(50% - 15px); z-index:9; display:block; width:30px; height:30px; padding:0; border:0; cursor:pointer; outline-color:transparent;}
.slider_partner .slick-prev{left:-30px; background:url(../images/arrow_left_gray.svg) center center no-repeat; background-size:100% 100%;}
.slider_partner .slick-next{right:-30px; background:url(../images/arrow_right_gray.svg) center center no-repeat; background-size:100% 100%;}

/* BREADCRUMBS */
.breadcrumbs .griglia{position:relative;}
.breadcrumbs .griglia > p{position:absolute; top:10px; right:0; width:200px; font-weight:bold; color:#37a6d9;}

.breadcrumbs .inner{position:relative; display:inline-block; height:35px; background:#fff;}
.breadcrumbs .inner:before{content:" "; position:absolute; bottom:0; left:-15px; display:block; border-bottom:35px solid #fff; border-left:15px solid transparent;}
.breadcrumbs .inner:after{content:" "; position:absolute; top:0; right:-15px; display:block; border-top:35px solid #fff; border-right:15px solid transparent;}
.breadcrumbs .inner a{text-decoration:none; color:#999;}
.breadcrumbs .inner p{padding:10px;}


/* OTHER */
.cont_download .btn_download{display:block; padding:15px 15px 15px 50px; margin-top:10px; font-weight:400; border:2px solid #888; text-decoration:none; background:url(../images/icon_download_gray.svg) 10px center no-repeat; background-size:25px auto;}
.cont_download .btn_download:first-child{margin-top:0;}


/* FORM + GALLERY */
.box_form{width:calc(100% - 460px); float:left;}
.box_form.large{width:100%; float:none;}

.box_gallery{position:relative; width:430px; height:325px; float:right; background-position:center center; background-size:cover;}
.box_gallery:before{content:" "; position:absolute; bottom:0; right:0; z-index:5; display:block; border-bottom:325px solid #f2f2f2; border-left:160px solid transparent;}
.box_gallery:after{content:" "; position:absolute; top:0; left:0; z-index:5; display:block; border-top:325px solid #f2f2f2; border-right:160px solid transparent;}
.box_gallery a{display:none;}
.box_gallery a.button{position:absolute; top:0; left:0; display:block; width:100%; height:100%; color:#fff; text-decoration:none; background:rgba(0,0,0,.3);}
.box_gallery a.button p{position:absolute; top:calc(50% - 50px); left:calc(50% - 50px); width:96px; height:51px; text-align:center; border:2px solid #fff; padding-top:45px; background:url(../images/icon_photo_white.svg) center 10px no-repeat; background-size:30px auto;}

/* NEWS */
.nav_news{width:110px; float:left; margin-top:20px;}
.nav_news .btn{margin-top:10px; color:#ccc; border-color:#ccc;}
.nav_news .btn.active{color:#009d93; border-color:#009d93;}
.nav_news .open_navnews{display:none;}

.list_news{width:calc(100% - 160px); float:right;}
.list_news .box_ant_news{display:block; width:calc(50% - 20px); height:100px; float:left; margin-top:30px; text-decoration:none; overflow:hidden;}
.list_news .box_ant_news:nth-child(even){margin-left:40px;}
.list_news .box_ant_news .image{position:relative; width:160px; height:100%; float:left; background-position:center center; background-size:cover;}
.list_news .box_ant_news .image:before{content:" "; position:absolute; top:0; left:0; display:block; border-top:100px solid #fff; border-right:44px solid transparent;}
.list_news .box_ant_news .date{position:relative; z-index:2; width:40px; height:100%; float:left;}
.list_news .box_ant_news .date:before{content:" "; position:absolute; top:0; left:-44px; display:block; border-bottom:100px solid #009d93; border-left:44px solid transparent;}
.list_news .box_ant_news .date:after{content:" "; position:absolute; top:0; right:-44px; display:block; border-top:100px solid #009d93; border-right:44px solid transparent;}
.list_news .box_ant_news .date .inner{position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%;}
.list_news .box_ant_news .text{width:calc(100% - 274px); height:100%; float:left; padding:0 20px 0 50px; border:2px solid #CACACA;}

/* CONTATTI */
.box_contact{width:calc((100% - 3px) / 4); border-left:1px solid #ccc; float:left;}
.box_contact:first-child{border-left:0;}
.box_contact .icon{display:block; margin:0 auto; width:50px; height:auto;}
.box_contact .social{width:35px; height:auto; margin:0 5px; text-decoration:none; border:0;}

@media only screen and (max-width: 1600px) {
	/* HEADER */
	header .slider .slide{height:550px;}
	body.home header .bg_slider{border-bottom:550px solid #fff; border-left:270px solid transparent;}

	header .ctrl_slider{right:180px;}

	/* NAV & MENU */
	@keyframes close_cont_bg_menu_hp {0% {width:100%; height:100%;}		60% {width:100%; height:100%;}		100% {width:420px; height:550px;}}
	@keyframes open_cont_bg_menu_hp {0% {width:420px; height:550px;}	35% {width:100%; height:100%;}		70% {width:100%; height:100%;} 		100% {width:100%; height:100%;}}
	body.home .cont_bg_menu{width:420px; height:550px;}
	body.home .cont_bg_menu.close{position:absolute; width:420px; height:550px;}
	body.home .cont_bg_menu.open{position:fixed; width:100%; height:100%;}

	@keyframes close_bg_menu_hp {0% {right:-250px; width:calc(100% + 500px);}		30% {right:-250px; width:calc(100% + 500px);}		100% {right:135px; width:150px;}}
	@keyframes open_bg_menu_hp {0% {right:135px; width:150px;}						70% {right:-250px; width:calc(100% + 500px);}		100% {right:-250px; width:calc(100% + 500px);}}
	body.home .cont_bg_menu .bg_menu{right:135px;}
	body.home .cont_bg_menu.close .bg_menu{right:135px;}

	/* HOME */
	.text_hp{min-height:230px;}
	.text_hp:before{border-bottom:310px solid #F2F2F2;}
	.text_hp:after{border-top:310px solid #F2F2F2;}

	.slider_partner .inner{height:188px;}
}

@media only screen and (max-width: 1279px) {
	/* HEADER */
	header{padding-bottom:40px;}
	body.home header{padding-bottom:80px;}

	header .top{height:80px;}
	header .top:before{right:-40px; display:block; border-left:40px solid #fff; border-bottom:80px solid transparent;}
	header .top .logo{top:calc(50% - 25px); left:20px; height:50px;}

	header .slider{width:calc(100% - 160px);}
	header .slider .slide{height:450px;}
	header .slider .slide .shadow .text .txt32{font-size:28px; line-height:32px;}
	header .bg_slider{bottom:40px;}
	body.home header .bg_slider{bottom:80px; border-bottom:450px solid #fff; border-left:220px solid transparent;}

	header .cover{width:calc(100% - 160px); height:300px;}
	header .cover .shadow .text{bottom:30px; left:30px;}
	header .cover .shadow .text .txt36{font-size:28px; line-height:32px;}

	header .ctrl_slider{right:100px;}

	/* NAV & MENU */
	/* Container */
	@keyframes close_cont_bg_menu {0% {width:100%; height:100%;}		60% {width:100%; height:100%;}		100% {width:250px; height:300px;}}
	@keyframes open_cont_bg_menu {0% {width:250px; height:300px;}		35% {width:100%; height:100%;}		70% {width:100%; height:100%;} 		100% {width:100%; height:100%;}}
	.cont_bg_menu{width:250px; height:300px;}
	.cont_bg_menu.close{width:250px; height:300px;}
	.cont_bg_menu.open{width:100%; height:100%;}

	@keyframes close_cont_bg_menu_hp {0% {width:100%; height:100%;}		60% {width:100%; height:100%;}		100% {width:420px; height:450px;}}
	@keyframes open_cont_bg_menu_hp {0% {width:420px; height:450px;}	35% {width:100%; height:100%;}		70% {width:100%; height:100%;} 		100% {width:100%; height:100%;}}
	body.home .cont_bg_menu{width:320px; height:450px;}
	body.home .cont_bg_menu.close{width:420px; height:450px;}
	body.home .cont_bg_menu.open{width:100%; height:100%;}

	@keyframes close_bg_menu {0% {right:-250px; width:calc(100% + 500px);}		30% {right:-250px; width:calc(100% + 500px);}	100% {right:74px; width:100px;}}
	@keyframes open_bg_menu {0% {right:74px; width:100px;}		70% {right:-250px; width:calc(100% + 500px);}		100% {right:-250px; width:calc(100% + 500px);}}
	.cont_bg_menu .bg_menu{right:74px; width:100px;}
	.cont_bg_menu.close .bg_menu{right:74px; width:100px;}
	.cont_bg_menu.open .bg_menu{right:-250px; width:calc(100% + 500px);}

	@keyframes close_bg_menu_hp {0% {right:-250px; width:calc(100% + 500px);}		30% {right:-250px; width:calc(100% + 500px);}		100% {right:110px; width:100px;}}
	@keyframes open_bg_menu_hp {0% {right:110px; width:100px;}						70% {right:-250px; width:calc(100% + 500px);}		100% {right:-250px; width:calc(100% + 500px);}}
	body.home .cont_bg_menu .bg_menu{right:110px;}
	body.home .cont_bg_menu.close .bg_menu{right:110px; width:100px;}

	.cont_bg_menu .fascia_menu{width:100px;}
	.cont_bg_menu.close .fascia_menu{right:488px;}
	.cont_bg_menu.open .fascia_menu{right:488px;}

	/* Button open menu */
	.open_menu{top:20px; right:50px; background-position:center center; width:40px; height:40px;}
	.open_menu p{display:none;}

	/* contenitore menu */
	nav .logo{top:20px; left:20px; height:50px;}
	nav .menu{top:80px; height:calc(100% - 180px);}

	nav .button{width:180px; height:180px;}
	nav .button .table .td{padding:10px; font-size:24px; line-height:28px;}

	/* contact & social */
	nav .bottom{height:100px;}

	/* FOOTER */
	footer .logo{width:110px; height:80px;}
	footer .logo img{width:60px; height:60px; margin:10px 0 0 25px;}

	footer .inner{width:calc(100% - 110px); height:115px;}
	footer .text{width:calc(100% - 25px); float:none; margin:15px 25px 0 0; text-align:right;}
	footer .other{width:calc(100% - 25px); float:none; margin:5px 25px 0 0;}

	/* HOME */
	.text_hp{min-height:262px;}
	.text_hp:before{border-bottom:342px solid #F2F2F2;}
	.text_hp:after{border-top:342px solid #F2F2F2;}

	.slider_partner .inner{height:132px;}

	/* FORM + GALLERY */
	.box_form{width:calc(100% - 430px); float:left;}

	.box_gallery{width:400px;}

	/* NEWS */
	.nav_news{width:100%; float:none; margin-top:30px;}
	.nav_news .btn{display:inline-block; margin-top:0;}

	.list_news{width:100%; float:none;}

	/* CONTATTI */
	.box_contact{width:calc(50% - 1px); min-height:80px; padding:15px 0; border-bottom:1px solid #ccc;}
	.box_contact:first-child, .box_contact:nth-child(2){border-top:1px solid #ccc;}
	.box_contact:nth-child(odd){border-left:0;}
}

@media only screen and (max-width: 996px) {
	/* HEADER */
	header{padding-bottom:30px;}
	body.home header{padding-bottom:0;}

	header .top{position:fixed;}

	header .slider{width:100%;}
	header .slider .slide{height:400px;}
	header .slider .slide .shadow .text{bottom:30px; left:30px; width:calc(100% - 100px);}
	header .slider .slide .shadow .text .txt32{font-size:24px; line-height:28px;}
	header .bg_slider{display:none;}

	header .cover{width:100%; height:250px;}
	header .cover .shadow .text .txt36{font-size:24px; line-height:28px;}

	header .ctrl_slider{bottom:30px; right:20px; width:80px; height:35px;}
	header .ctrl_slider > div{width:35px; height:35px;}
	header .ctrl_slider .next{width:33px; height:33px; border:1px solid #fff; background:url(../images/arrow_right_white.svg) center center no-repeat; background-size:70% auto;}
	header .ctrl_slider .back{width:33px; height:33px; border:1px solid #fff; top:0; background:url(../images/arrow_left_white.svg) center center no-repeat; background-size:70% auto;}
	header .ctrl_slider .count{display:none;}

	/* NAV & MENU */
	/* Container */
	@keyframes close_cont_bg_menu {0% {width:100%; height:100%;}		60% {width:100%; height:100%;}		100% {width:100px; height:80px;}}
	@keyframes open_cont_bg_menu {0% {width:100px; height:80px;}		35% {width:100%; height:100%;}		70% {width:100%; height:100%;} 		100% {width:100%; height:100%;}}
	.cont_bg_menu{position:fixed; width:100px; height:80px;}
	.cont_bg_menu.close{position:fixed; width:100px; height:80px;}
	.cont_bg_menu.open{width:100%; height:100%;}

	@keyframes close_cont_bg_menu_hp {0% {width:100%; height:100%;}		60% {width:100%; height:100%;}		100% {width:100px; height:80px;}}
	@keyframes open_cont_bg_menu_hp {0% {width:100px; height:80px;}		35% {width:100%; height:100%;}		70% {width:100%; height:100%;} 		100% {width:100%; height:100%;}}
	body.home .cont_bg_menu{width:100px; height:80px;}
	body.home .cont_bg_menu.close{width:100px; height:80px;}
	body.home .cont_bg_menu.open{width:100%; height:100%;}

	@keyframes close_bg_menu {0% {right:-250px; width:calc(100% + 500px); height:100%;}		30% {right:-250px; width:calc(100% + 500px); height:100%;}		100% {right:-20px; width:100px; height:80px;}}
	@keyframes open_bg_menu {0% {right:-20px; width:100px; height:80px;}						70% {right:-250px; width:calc(100% + 500px); height:100%;}		100% {right:-250px; width:calc(100% + 500px); height:100%;}}
	.cont_bg_menu .bg_menu{position:fixed; right:-20px; height:80px; background:#37a6d9;}
	.cont_bg_menu.close .bg_menu{position:fixed; right:-20px; height:80px;}
	.cont_bg_menu.open .bg_menu{right:-250px; width:calc(100% + 500px); height:100%;}

	@keyframes close_bg_menu_hp {0% {right:-250px; width:calc(100% + 500px); height:100%;}		30% {right:-250px; width:calc(100% + 500px); height:100%;}		100% {right:-20px; width:100px; height:80px;}}
	@keyframes open_bg_menu_hp {0% {right:-20px; width:100px; height:80px;}						70% {right:-250px; width:calc(100% + 500px); height:100%;}		100% {right:-250px; width:calc(100% + 500px); height:100%;}}
	body.home .cont_bg_menu .bg_menu{right:-20px; height:80px;}
	body.home .cont_bg_menu.close .bg_menu{right:-20px; height:80px;}
	body.home .cont_bg_menu.open .bg_menu{height:100%;}

	.cont_bg_menu .fascia_menu{display:none;}

	/* Button open menu */
	.open_menu{position:fixed; right:20px;}

	/* contenitore menu */
	nav .button{display:block; width:calc(100% - 100px); height:auto; margin:5px auto;}
	nav .button .table .td{padding:10px; font-size:24px; line-height:28px;}
	nav .partner .button{height:auto;}
	nav .button .table .td .cont_logo{position:relative; min-height:100px;}
	nav .button .table .td .cont_logo img{max-width:60%; max-height:60%;}

	/* menu principale */
	nav .menu{height:calc(100% - 160px); border-top:1px solid rgba(0,0,0,.2); border-bottom:1px solid rgba(0,0,0,.2);}
	nav .menu .inner{position:absolute; top:5px; transform:translateY(0%); height:100%; overflow:auto;}

	/* submenu */
	nav .menu .submenu{top:0; transform:translateY(0%); height:0;}
	nav .menu .submenu.show{height:100%; overflow:auto;}
	nav .menu .submenu.hide{height:0; overflow:hidden;}

	nav .menu .submenu .back{margin-top:30px;}

	/* contact & social */
	nav .bottom{height:80px;}



	/* HOME */
	.ant_service .slide{height:220px;}
	.ant_service .slide .table{width:calc(100% - 40px); padding:20px;}

	.text_hp{width:100%; float:none; min-height:0; padding:30px 0; border-bottom:3px solid #fff; background:none;}
	.text_hp:before{display:none;}
	.text_hp:after{display:none;}
	.text_hp span.bg_lightgray{display:none;}

	.ant_news{width:100%; float:none; padding:30px 0;}
	.ant_news > .txt24{width:calc(100% - 100px); margin-left:0;}

	.ant_news .inner a:nth-child(1){margin-left:0;}
	.ant_news .inner a:nth-child(2){margin-left:0;}

	.slider_partner .inner{height:180px;}

	/* BREADCRUMBS */
	.breadcrumbs{display:none;}

	/* FORM + GALLERY */
	.box_form{width:100%; float:none;}
	.box_form.large textarea.mt20{margin-top:0;}

	.box_gallery{width:100%; height:250px; float:none;}
	.box_gallery:before{border-bottom:250px solid #f2f2f2; border-left:100px solid transparent;}
	.box_gallery:after{border-top:250px solid #f2f2f2; border-right:100px solid transparent;}

	/* NEWS */
	.list_news{width:100%; float:none;}
	.list_news .box_ant_news{width:100%; float:none;}
	.list_news .box_ant_news:nth-child(even){margin-left:0;}
}

@media only screen and (max-width: 767px) {
	/* HEADER */
	header .top{width:100%; height:60px;}
	header .top:before{display:none;}
	header .top .logo{top:calc(50% - 20px); left:10px; height:40px;}

	header .slider .slide{height:350px;}
	header .slider .slide .shadow .text{bottom:20px; left:20px; width:calc(100% - 80px);}
	header .slider .slide .shadow .text .txt32{font-size:20px; line-height:24px;}

	header .cover .shadow .text{left:0; width:100%;}
	header .cover .shadow .text .txt36{font-size:20px; line-height:24px; text-align:center;}

	header .ctrl_slider{bottom:20px; right:20px; width:70px; height:30px;}
	header .ctrl_slider > div{width:30px; height:30px;}
	header .ctrl_slider .next{width:28px; height:28px;}
	header .ctrl_slider .back{width:28px; height:28px;}

	/* NAV & MENU */
	/* Container */
	@keyframes close_cont_bg_menu {0% {width:100%; height:100%;}		60% {width:100%; height:100%;}		100% {width:80px; height:60px;}}
	@keyframes open_cont_bg_menu {0% {width:80px; height:60px;}		35% {width:100%; height:100%;}		70% {width:100%; height:100%;} 		100% {width:100%; height:100%;}}
	.cont_bg_menu{position:fixed; width:80px; height:60px;}
	.cont_bg_menu.close{position:fixed; width:80px; height:60px;}
	.cont_bg_menu.open{width:100%; height:100%;}

	@keyframes close_cont_bg_menu_hp {0% {width:100%; height:100%;}		60% {width:100%; height:100%;}		100% {width:100px; height:60px;}}
	@keyframes open_cont_bg_menu_hp {0% {width:80px; height:60px;}		35% {width:100%; height:100%;}		70% {width:100%; height:100%;} 		100% {width:100%; height:100%;}}
	body.home .cont_bg_menu{width:80px; height:60px;}
	body.home .cont_bg_menu.close{width:80px; height:60px;}
	body.home .cont_bg_menu.open{width:100%; height:100%;}

	@keyframes close_bg_menu {0% {right:-250px; width:calc(100% + 500px); height:100%;}		30% {right:-250px; width:calc(100% + 500px); height:100%;}		100% {right:-20px; width:80px; height:60px;}}
	@keyframes open_bg_menu {0% {right:-20px; width:80px; height:60px;}						70% {right:-250px; width:calc(100% + 500px); height:100%;}		100% {right:-250px; width:calc(100% + 500px); height:100%;}}
	.cont_bg_menu .bg_menu{position:fixed; right:-20px; width:80px; height:60px; background:#37a6d9;}
	.cont_bg_menu.close .bg_menu{position:fixed; right:-20px; width:80px; height:60px;}
	.cont_bg_menu.open .bg_menu{right:-250px; width:calc(100% + 500px); height:100%;}

	@keyframes close_bg_menu_hp {0% {right:-250px; width:calc(100% + 500px); height:100%;}		30% {right:-250px; width:calc(100% + 500px); height:100%;}		100% {right:-20px; width:80px; height:60px;}}
	@keyframes open_bg_menu_hp {0% {right:-20px; width:80px; height:60px;}						70% {right:-250px; width:calc(100% + 500px); height:100%;}		100% {right:-250px; width:calc(100% + 500px); height:100%;}}
	body.home .cont_bg_menu .bg_menu{right:-20px; width:80px; height:60px;}
	body.home .cont_bg_menu.close .bg_menu{right:-20px; width:80px; height:60px;}
	body.home .cont_bg_menu.open .bg_menu{width:calc(100% + 500px); height:100%;}

	/* Button open menu */
	.open_menu{position:fixed; top:10px; right:8px;}

	/* contenitore menu */
	nav .logo{top:10px; left:10px; height:40px;}
	nav .menu{top:60px; height:calc(100% - 120px);}

	nav .button{width:calc(100% - 50px); height:auto; margin:5px auto;}
	nav .button .table .td{font-size:22px; line-height:24px;}

	/* menu principale */
	nav .menu .inner{position:absolute; top:20px; transform:translateY(0%); height:calc(100% - 40px); overflow:auto;}

	/* submenu */
	nav .menu .submenu{transform:translateY(0%); height:0;}
	nav .menu .submenu.show{height:calc(100% - 40px); overflow:auto;}
	nav .menu .submenu.hide{height:0; overflow:hidden;}
	nav .menu .submenu .back span{font-size:22px; line-height:24px;}

	/* contact & social */
	nav .bottom{height:60px;}
	nav .contact, nav .social{top:14px;}
	nav .social p{display:none;}

	/* FOOTER */
	footer .logo{display:none;}

	footer .inner{width:100%; float:none; height:auto; padding:25px 0;}
	footer .inner:before{display:none;}
	footer .bnr{float:none; margin:0 auto 10px auto;}
	footer .text{width:calc(100% - 40px); margin:0; padding:0 20px; text-align:center;}
	footer .other{width:calc(100% - 40px); text-align:center; margin:10px 0 0 0; padding:0 20px;}

	/* HOME */
	.ant_service .slide{height:250px;}

	.slider_partner .inner{height:316px;}

	/* FORM + GALLERY */
	.box_form button{margin-top:20px;}

	.box_gallery{height:300px;}
	.box_gallery:before{border-bottom:300px solid #f2f2f2; border-left:140px solid transparent;}
	.box_gallery:after{border-top:300px solid #f2f2f2; border-right:140px solid transparent;}

	/* NEWS */
	.nav_news{position:relative; height:0; padding-top:38px; overflow:hidden; margin-top:20px;}
	.nav_news.open{height:auto;}
	.nav_news .btn{display:block; width:calc(100% - 84px); margin-top:5px;}
	.nav_news .btn.active{position:absolute; top:0; left:0; margin-top:0;}
	.nav_news .open_navnews{position:absolute; top:0; right:0; z-index:2; display:block; width:38px; height:38px; background:#009d93 url(../images/arrow_down_white.svg) center center no-repeat; background-size:22px auto; cursor:pointer;}

	.list_news .box_ant_news{height:auto;}
	.list_news .box_ant_news .image{width:calc(100% - 50px); height:150px;}
	.list_news .box_ant_news .image:before{display:none;}
	.list_news .box_ant_news .date{width:50px; height:150px;}
	.list_news .box_ant_news .date:before{border-bottom:150px solid #009d93;}
	.list_news .box_ant_news .date:after{display:none;}
	.list_news .box_ant_news .date .inner{position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%;}
	.list_news .box_ant_news .text{width:calc(100% - 34px); height:auto; float:none; padding:15px; text-align:center; border-top:0; clear:both;}

	/* CONTATTI */
	.box_contact{width:100%; min-height:0; padding:15px 0; border-left:0; float:none;}
	.box_contact:nth-child(2){border-top:0;}
}

@media only screen and (max-width: 480px) {
	/* HOME */
	.ant_service .slide{height:200px;}

	.slider_partner .inner{height:196px;}

	/* FORM + GALLERY */
	.box_gallery{height:250px;}
	.box_gallery:before{border-bottom:250px solid #f2f2f2; border-left:100px solid transparent;}
	.box_gallery:after{border-top:250px solid #f2f2f2; border-right:100px solid transparent;}
}