@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800,');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Hind:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700');

html, body { min-height: 100%; position: relative;}
body{font-family: 'Open Sans', sans-serif;}

/* PRELOADER */
#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff;z-index: 99997;}
/*#preloader:after { content: ''; width: 200px; height: 200px; position: absolute; left: 50%; top: 50%; background-image: url(/images/assets/loader.gif); background-repeat: no-repeat; background-position: center; margin: -100px 0 0 -100px; z-index: 99998; }*/

.jumbotron{background:transparent;}

.btn{color:#fff;background:#660000;padding: 15px 50px;font-family: 'Roboto', sans-serif; font-size:15px;border:0;background-image: none;}
.btn:hover,.btn:active,.btn.disabled:hover,.btn:active:hover,.btn:active:focus{background:#660000;opacity:0.5;color:#fff}
.btn.dona, .btn.dona:hover{padding: 15px 20px;color:#fff;text-decoration: none;min-width: 243px;line-height:28px;}
.btn.dona,.btn.dona:hover,.btn.dona:active,.btn.dona:active:hover,.btn.dona:active:focus{background:#ff7200;color:#fff;}
.btn.side{width:100%; text-align: center; padding: 25px 20px;}
.btn.md{padding: 5px 20px;}
.btn.disabled{cursor:pointer;opacity:1;color:#fff;background:#660000;padding: 15px 50px;font-family: 'Roboto', sans-serif; font-size:15px;border:0;}
.btn.dona .fa{font-size:28px;margin-left:20px; float: right; min-width: 30px}

.header-main{min-height: 50px;background: #044b3d; padding: 0;}
.header-main .block{padding-top:10px;padding-bottom:10px;color:#fff;}
.header-main .block img {/*margin-right:20px;*/float:right;}
.header-main .block span{ font-family: 'Montserrat', sans-serif;}
.header-main .block span.text-1{font-size:18px;line-height: 22px;font-weight: 300;}
.header-main .block span.text-2{font-family: 'Open Sans', sans-serif; font-size:14px; font-weight: 300;}
.header-main .block span.text-2:before{content:'-';margin: auto 3px;}
.header-main .block .navbar-toggle{border:0;margin: 0;}
.header-main .block .navbar-toggle.menu{float:right;}
/*.header-main .block .navbar-toggle.menu .icon-bar{border-color:#fff;}
.header-main .block .navbar-toggle.menu img{display:none;width: 22px;}*/
.top-bar{min-height:108px;padding-top:20px;}
.top-bar .btn-bar{ margin-top: 5px;}
.top-bar a{ color:#044b3d; text-decoration: none; }
.top-bar .header-box-mail-top-row{color:#861a19;font-size:14px;font-weight: bold;}
.top-bar .header-box-mail-bottom-row{margin-top:10px;color:#999;font-size:12px;}

/*.top-bar .social{font-family: 'Roboto', sans-serif; text-align: right;}
.top-bar .social div{margin-top:65px; font-size:16px; font-weight:700;line-height: 28px;}
.top-bar .social a, .top-bar .social a:hover{padding: 15px 20px;color:#fff;text-decoration: none;min-width: 243px;line-height:28px;}
.top-bar .social a.btn:hover{background-color: #97b926;}
.top-bar .social a.fb{margin-right:20px;background-color: #3b5998; color:#fff;}
.top-bar .social a.fb:hover{background-color: #3b5998;}
.top-bar .social div .fa{font-size:28px;margin-left:20px; float: right; min-width: 30px}
*/
nav .container{display: table;}
nav .navbar-nav{display: table-row; float: inherit;}
nav .navbar-nav>li{float: inherit;display: table-cell;text-align: center;}

.navbar{margin-bottom:0;background-color: #e9e9e9; border-radius:0!important;}
.navbar-nav{width:100%;}
.navbar-nav>li.special{float:right;}
.navbar-nav>li.special a{border-radius: 4px;background: #660000; color:#fff;font-weight: bold;}
.navbar-nav>li>a{padding:12px 18px; margin:15px 10px 15px 0; color:#000;font-size:15px;line-height:13px;/*font-weight: bold;*/text-shadow: none;}
.navbar-nav>li>a:hover,.navbar-nav>li.active a{background-color: #842c25; color:#fff;}

.navmenu .navbar-nav{margin:0;}
.navmenu .navbar-nav>li{width: 100%;}
.navmenu .navbar-nav>li>a{padding: 20px 50px;border-bottom: 1px solid #ccc; width: 100%;margin:0;}
.navmenu .navbar-nav>li>a{border-radius:0;}

.section-title {  font-family: 'Montserrat', sans-serif;font-size:24px;line-height: 26px;color:#861a19; position: relative; padding-bottom: 10px; margin-bottom: 10px;color:#861a19;}
.section-title h2{border-bottom:1px dotted #999; padding-bottom:15px;position: relative; margin-top:10px;}
.section-title h2:after{content: ""; position: absolute; bottom: -1px; left: 0; width: 50px; height: 2px; background: #861a19;}
.section-title h3{font-family: 'Montserrat', sans-serif;font-size:14px;color:#5e5e5e}
.section-title.no-line h2,.section-title h2:after{border:0; content:none;}

section{padding-top:50px;padding-bottom:25px;}

.slide-box{ background-color: #333333; padding-top:0;padding-bottom:0;}
.slide-box .slide{/*padding-left:0;padding-right:0;*/}
.slide-box .box-wrapper-1, .slide-box .box-wrapper-2{min-height: 500px;min-width: 295px;}
.slide-box .owl-carousel {/*max-width: 975px;*/float: right;}
.slide-box .owl-carousel .item{width:100%;height:auto;min-height:500px;height:500px; background-size:cover; background-position:top center; background-repeat:no-repeat;display: table;}
.slide-box .slide-info-container {display: table-cell; vertical-align: middle;}
.slide-box .box-1,.slide-box .box-2{padding: 25px 10px; padding-bottom: 0;}
.slide-box .box-1 .fa,.slide-box .box-2 .fa{font-weight: bold;}
.slide-box .box-1 h6,.slide-box .box-2 h6{font-family: 'Playfair Display', serif; font-weight: 700;color:#861a19;font-size:24px;line-height:30px;margin-bottom:20px;}
.slide-box .box-1 div,.slide-box .box-2 div{margin:10px auto; font-size:13px; font-weight: 600;}
.slide-box .box-wrapper-1{background-color: #e9eca8;}
.slide-box .box-1 a,.slide-box .box-2 a{color:#000;font-size:14px;}
.slide-box .owl-theme .owl-dots{position: absolute;bottom: 0; width: 100%;}

.slide-box .r-1,.slide-box .r-2,.slide-box .r-3{color:#fff;margin-left:40px;display:table;}
.slide-box .r-1{font-family: 'Raleway', sans-serif;font-size:74px;font-weight: bold;}
.slide-box .r-2{font-family: 'Raleway', sans-serif; padding: 2px 30px; font-size:34px; font-weight: 300; background-color: rgba(45,89,81,0.66); border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px;}
.slide-box .r-3{font-size:13px; background-color: rgba(45,89,81,1); border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;margin-top: 20px;padding: 13px 25px;}

.message{}
.message .box{color:#666666; font-size:14px;line-height: 22px;}
.message .box strong{font-weight: 700;}
.message .box a{color:#842c25;border-bottom:2px solid #842c25;text-decoration:none;}
.message .box a:hover{border-bottom:0;}
.message .box a.elleuno{color:#0f4e45;border-bottom:2px solid #0f4e45;text-decoration:none;}

.hp-gallery a.popup-image{ display:block;position:relative;text-decoration:none;}
.hp-gallery a.popup-image:hover:before{position:absolute; top:20%; left:0; right:0; content:'\f00e';  font-family: FontAwesome; font-weight: normal;font-style: normal;display: inline-block;vertical-align: middle; text-align: center;text-decoration: inherit; font-size: 80px;color:#660000;opacity:0.5;}

.banner img{width: 100%;}
.box-menu{position: relative;width: 100%; margin: 55px auto;}
/*.index-box-menu:before{content: "";display: block;	padding-top: 100%;}*/
.box-menu .content { background: #f5f5f5; border:2px solid #861a19; /*position: absolute; top: 0; left: 0; bottom: 0;right: 0;*/ text-align: center;padding:20px;}
.box-menu .content a{text-decoration:none;}
.box-menu .content .box-titolo{font-family: 'Montserrat', sans-serif;font-size:21px;line-height: 22px;color:#861a19;margin:10px auto;}
.box-menu .content .box-testo{font-family: 'Open Sans', sans-serif;font-size:14px;line-height: 23px;color:#5e5e5e;margin:10px auto;}
.box-menu .content .box-copertina img{width:100%; margin:auto;}

.certificazioni .box-cert{text-align:center; padding:10px 40px;}
.certificazioni .box-cert div{font-size:12px; line-height:18px;text-align:center; margin-top:20px;}
.certificazioni a, .certificazioni a:hover{color:#000; text-decoration:none;}

.eventi-section .view-all{font-family: 'Roboto', sans-serif; font-size:16px; line-height: 48px;transition: .5s ease-in-out;position: relative;}
.eventi-section .view-all a, .eventi-section .view-all a:hover{ color:#004d44; }

.eventi-section .evento { position: relative; transition: .5s ease-in-out; margin-bottom: 50px; min-height:350px;}
.eventi-section .evento .cat{ background-color: #f4f4f4; padding:4px 20px;font-family: 'Hind', sans-serif; color: #999;font-size: 13px;line-height: 23px;}
.eventi-section .evento img{width: 100%;}
.eventi-section .evento:hover {/* box-shadow: 0 15px 16px 0 rgba(0, 0, 0, 0.03), 0 0px 82px 0 rgba(0, 0, 0, 0.02); transition: .2s cubic-bezier(0.4, 0, 1, 1);*/}
.eventi-section .evento .lower-content{ position:relative; padding: 30px 20px 0px;border: 1px solid #f4f4f4;min-height:210px;}
.eventi-section .evento .lower-content .text p{font-family: 'Roboto', sans-serif; margin-bottom:20px; font-size: 15px;line-height:23px;}
.eventi-section .evento .lower-content h4 {font-family: 'Roboto', sans-serif; font-weight:500; color:#004d44; margin-bottom: 5px;}
.eventi-section .evento .lower-content h4 a{ font-size:20px; color:#004d44;  -webkit-transition: all 300ms ease;  -ms-transition: all 300ms ease;  -o-transition: all 300ms ease;  -moz-transition: all 300ms ease;  transition: all 300ms ease;  font-size: 18px;}
.eventi-section .evento .lower-content h4 a:hover{  color:#004d44;  -webkit-transition: all 300ms ease;  -ms-transition: all 300ms ease;  -o-transition: all 300ms ease;  -moz-transition: all 300ms ease;  transition: all 300ms ease;}
.eventi-section .evento .lower-content .post-meta{font-family: 'Hind', sans-serif; color: #97b926;  font-size:16px; line-height:18px; margin-bottom:10px;}

.eventi-list .evento{margin-bottom:50px;max-width: 820px;}
.eventi-list .evento.special{background-color:#f4f4f4; padding: 5px 15px 10px 15px; border-radius: 5px;}
.eventi-list .evento.special:before { font-family: FontAwesome; font-weight: normal;font-style: normal; font-size:30px; color: #ccc; content: '\f08e'; float: right;}
.eventi-list .evento a{text-decoration: none;}
.eventi-list .evento h2{font-family: 'Roboto', sans-serif;font-weight: 500; font-size:30px;color:#861a19;}
.eventi-list .evento .date{font-family: 'Hind', sans-serif; color: #97b926;  font-size:16px; line-height:18px;}
.eventi-list .evento img{margin:20px 0;}
.eventi-list .evento .content-wrapper{font-family: 'Roboto', sans-serif;font-size:15px; line-height: 22px;color:#666666; margin-top: 24px;}
.eventi-list .evento .content-wrapper.special{font-family: 'Roboto', sans-serif;font-size:20px; line-height: 22px;color:#666666; margin:10px auto;}
.eventi-list .evento .read-more{font-family: 'Roboto', sans-serif;font-size:15px; line-height: 22px;color:#97b926;}
.eventi-list .evento .slider-item a:hover:before{position:absolute; top:50%; left:0; right:0; content:'\f00e';  font-family: FontAwesome; font-weight: normal;font-style: normal;display: inline-block;text-decoration: inherit; font-size: 80px;color: #660000;opacity:0.5;}

.body-page .section-title{margin-bottom:0;}
.body-page .body-wrapper{font-family: 'Open Sans', sans-serif;color:#666666;font-size:15px;line-height: 24px;}

.body-page .body-wrapper h3{font-family: 'Open Sans', sans-serif; font-size: 20px; line-height: 28px; margin-bottom:30px;}

.body-page .body-wrapper h4{font-family: 'Open Sans', sans-serif; font-size: 18px; line-height: 26px; margin-bottom:30px;}

.body-page .body-wrapper .gallery-post{margin-bottom:15px;}
.body-page .body-wrapper p{text-align: justify;margin-bottom:20px;}
.body-page .body-wrapper .img-page{width: 100%;margin-bottom:20px;}
.body-page .body-wrapper .img-thumbnail{max-width: 370px;margin:20px;}
.body-page .body-wrapper .img-thumbnail.left{float:left;}
.body-page .body-wrapper .img-thumbnail.right{float:right;}

.body-page .alignleft{float:left;    margin: auto 25px auto 0;}
.body-page .alignright{float:right;    margin: auto 0 auto 25px;}

aside.widget-sidebar {margin-bottom:30px;}
aside.widget-sidebar h6{font-family: 'Montserrat', sans-serif; position: relative; /*font-weight: 700;*/ text-transform: uppercase; color:#861a19;font-size:14px;line-height: 22px; padding-bottom: 15px; border-bottom:1px dotted #999; margin-top: 20px; }
aside.widget-sidebar h6:after{content: ""; position: absolute; top: 36px; left: 0; width: 50px; height: 2px; background: #861a19;}
aside.widget-sidebar .menu-item{font-family: 'Roboto', sans-serif;font-size:14px;line-height:20px;color:#666666; border-bottom: 1px solid #ccc; padding-top: 10px; padding-bottom: 10px;}
aside.widget-sidebar h6.submenu{font-size:18px;  font-weight: 700; padding-bottom: 15px;border-bottom:1px solid #ccc;}
aside.widget-sidebar .menu-item a{color:#666666;text-decoration: none;display: block;margin: auto 10px;}
aside.widget-sidebar .menu-item.active{background-color: #f6f6f6;}
aside.widget-sidebar .menu-item.active a, aside.widget-sidebar .menu-item a:hover{ text-decoration:none;font-weight: bold;color:#000;}
aside.widget-sidebar .menu-item .fa{margin-right: 5px;}
aside.widget-sidebar .btn{margin-bottom:20px; white-space: normal;}
aside .map{min-height: 360px; width: 100%; border-radius: 8px;}
aside.widget-sidebar .address{margin-top:30px;padding:10px;font-family: 'Roboto', sans-serif;font-size:16px;line-height:20px;color:#666666;}
aside.gmap-container{ }

.menu aside.widget-sidebar .menu-item{font-family: 'Open Sans', sans-serif;font-size:18px;line-height:30px;border-bottom: 1px dashed #2d5e55;}
.menu aside.widget-sidebar .menu-item a{color:#fff;margin: 0;}
.menu aside.widget-sidebar .menu-item.active a, .menu aside.widget-sidebar .menu-item a:hover{text-decoration:none;font-weight: normal;}

.body-page .body-wrapper .titoletto{font-size:17px;line-height: 24px;margin-bottom:20px;}
.body-page .body-wrapper .image-full {text-align:center; margin-bottom:20px;}
.body-page .body-wrapper .image-full a{position:relative;text-decoration: none;}
.body-page .body-wrapper .wp-caption a{position:relative;text-decoration:none;}
.body-page .body-wrapper .wp-caption .didascalia{font-size:12px;line-height:16px; font-style:italic;  text-align: center; max-width: 370px; margin:auto;}
.body-page .body-wrapper .image-full .didascalia{font-size:12px;line-height:16px; font-style:italic; text-align: center; margin:auto;}
.body-page .body-wrapper .wp-caption a:hover:before, 
.body-page .body-wrapper .image-full a:hover:before{position:absolute; top:50%; left:0; right:0; content:'\f00e';  font-family: FontAwesome; font-weight: normal;font-style: normal;display: inline-block;vertical-align: middle; text-align: center;text-decoration: inherit; font-size: 80px;color:#660000;opacity:0.5;}
.body-page .body-wrapper .image-full .img-center{margin:auto;}
.body-page .body-wrapper .text-content a{color:#842c25;border-bottom:2px solid #842c25;text-decoration:none;}
.body-page .body-wrapper .text-content a:hover{border-bottom:0;}
.body-page .body-wrapper .owl-carousel.page{margin-bottom:30px;}
.body-page .owl-nav{ position: absolute; top: 40%; width: 100%;}
.body-page .owl-nav [class*=owl-]{background: #fff; opacity: 0.5; width: 50px; height: 50px;line-height: 44px; font-size: 40px; color: #000;border-radius:0;}
.body-page .owl-nav [class*=owl-]:hover{background: #fff;color:#999999;}
.body-page .owl-prev{ float:left;}
.body-page .owl-next{ float:right;}
.body-page .owl-dots{position: absolute;bottom: 0; width: 100%;    position: absolute;    bottom: 45px;}
.body-page .owl-item a{text-decoration:none;}
.body-page .owl-item a:hover:before{position:absolute; top:50%; left:0; right:0; content:'\f00e';  font-family: FontAwesome; font-weight: normal;font-style: normal;display: inline-block;text-decoration: inherit; font-size: 80px;color:#660000;opacity:0.5;}
.body-page .body-wrapper .doc-block{margin:50px auto;}
.body-page .body-wrapper .doc-title{position: relative;font-family: 'Montserrat', sans-serif; text-transform: uppercase; color:#861a19;font-size:14px;line-height: 22px; padding-bottom:5px; border-bottom: 1px dotted #999;margin-bottom:0;}
.body-page .body-wrapper .doc-title:after{content: ""; position: absolute; top: 26px;left: 0; width: 50px; height: 2px; background: #861a19;}
.body-page .body-wrapper .doc-btn-container{position:relative;padding: 20px 10px;border-bottom: 1px dotted #999;line-height: 42px;}
.body-page .body-wrapper .doc-btn .fa{font-size:42px;line-height: 42px;color:#d1d1d1;margin-right: 20px;float:left;}
.body-page .body-wrapper .doc-btn span{font-family: 'Open Sans', sans-serif;color:#861a19;font-size:14px;line-height: 22px;}
.body-page .body-wrapper a.doc-btn , .body-page .body-wrapper a.doc-btn:hover{text-decoration: none;}
.body-page .body-wrapper .doc-btn-container:after{content:'\f107'; background-color:#d1d1d1;position: absolute;right: 0;top: 15px;width:50px; height:50px;display: block;font-family: FontAwesome; font-weight: normal;font-style: normal; font-size:30px; color: #fff;text-align: center;line-height: 50px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}

.body-page .body-wrapper h3{font-family: 'Open Sans', sans-serif; font-size: 20px; line-height: 28px; margin-bottom:30px;}
.body-page .body-wrapper h4{font-family: 'Open Sans', sans-serif; font-size: 18px; line-height: 26px; margin-bottom:30px;}
.body-page .body-wrapper .content-text-title {
    font-weight: bold;font-family: 'Open Sans', sans-serif;font-size: 20px;line-height: 28px;margin-bottom: 30px;
    color: #666666;
}

.body-page .body-wrapper .content-text-subtitle {
    font-family: 'Open Sans', sans-serif; font-size: 18px; line-height: 26px; margin-bottom:30px;
    color: #666666;
}

.box-form{border-radius:5px;background-color: #f6f6f6;padding-top:20px;padding-bottom:40px; margin-bottom: 20px;}
#form_contatto .control-label, #form_condoglianze .control-label{text-align:left;padding-bottom:7px;}

.form-group{margin-bottom:0;}
.form-group a{color:#660000;}
.form-control{height:42px;}

.result-text{font-size:16px;}

footer{position: relative; background: #c9a5c9;  margin-top:50px;  color: #fff;}
footer .widget{ min-height: 95px; padding-top: 30px; }
footer .widget .footer-box{font-size:14px; line-height: 21px;width: 80%; margin: 20px auto;}
footer .widget .footer-box a{color:#fff;}
footer .social{font-family: 'Roboto', sans-serif;}
footer .social a{font-family: 'Roboto', sans-serif;color:#fff;text-decoration:none;}
footer .social div{margin-top:35px; font-size:16px; font-weight:700;line-height: 28px; text-align: right}
footer .social div .fa{color: #fff;font-size:28px; float: right;margin-left: 10px;}

footer .logo-bottom .img{margin-bottom:20px;}
footer .logo-bottom .address{margin-top:20px;margin-bottom:20px;}
footer .logo-bottom .info{margin-top:20px;margin-bottom:20px;}
footer .logo-bottom .info .fa{min-width:20px;}
footer .logo-bottom .info a, footer .logo-bottom .info a:hover{ color:#ffffff; text-decoration: none;}

.footer-bottom{background-color: #861a19;padding-top: 22px; padding-bottom: 22px;}
.footer-bottom a{color:#fff;}
.footer-bottom .copy-text, .footer-bottom .get-text{ padding-top: 5px; padding-bottom: 5px; font-weight: 300; font-size:12px; letter-spacing:0.05em;}
.footer-bottom .copy-text p, .footer-bottom .get-text p{margin:0;}

.pagination>li>a, .pagination>li>span { position: relative; float: left; padding: 6px 12px; margin-left: 5px; line-height: 1.42857143; color: #ccc; text-decoration: none; background-color: #fff; border: 1px solid #ddd; border-radius:5px;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { z-index: 3;  color: #000; cursor: default;background-color: #fff; border-color: #ddd;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { z-index: 2; color: #000; background-color: #fff; border-color: #ddd;}

.text-content table { width: 100% !important; border: 1px solid #FFFFFF;}
.text-content table td, .text-content table th { padding: 5px 10px; border: 1px solid #FFFFFF;}
.text-content table th { background: #97b926; color: #FFFFFF;}
.text-content table tr td {background: #eaeaea; color: #343434; }
.text-content table tr:nth-child(even) td {background: #d6e39e;}

.paypal_button { border: 1px solid #97b926; text-align: center; padding: 15px; }
.paypal_button img { max-width: 100%;}
.paypal_button .btn { max-width: 100%; padding: 10px 50px; } 

.donate_block { background: #f6f6f6; padding: 20px 30px; margin-bottom: 20px; border-radius: 5px; }
.donate_block.success{background: transparent;} 
.donate_block h3 { margin-top: 0; font-size:20px }
.donate_block p{}
.donate_iban { color: #97b926; font-size: 17px; }

.thanks-form-message{font-size:20px;font-weight: bold;}

hr { border-color: #842c25; border-width: 2px; }

.back-to-top {cursor: pointer; position: fixed; bottom: 20px; right: 20px; z-index: 9; max-width: 55px; padding: 15px;display:none;opacity:0.8;}

.mapInfo{font-size: 16px; line-height: 22px; padding: 10px;}
.mapInfo b{font-size:20px;line-height: 26px;}

.didascalia_gallery {font-size: 13px; font-style: italic; font-color: #AAAAAA; text-align: center !important;}



/*
*
*   The Overlay 
*
**/

.overlayMenu {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */    
    min-height: 100%;
    width: 100%;
    position: absolute; /* Stay in place */
    z-index: 999999;
    left:0;
    top: 0;
    background-color: rgb(0,0,0); /* Black fallback color */
    background-color: rgba(0,0,0, 0.5); /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    opacity: 0;
	visibility: hidden;
	transition: all .2s ease;
}
.overlayMenu.open{opacity: 1; visibility: visible;}

/* Position the content inside the overlay */
.overlayMenu .overlay-content{transition: all .2s ease;width: 0;}
.overlayMenu.open .overlay-content{width: 677px;}

.overlay-content {
    position: absolute;    
    right: 0;
    height: 100%;
    background-color: rgb(13,78,67); 
}
.overlay-content:before {
    content: ' ';
    opacity: 0.37;
    z-index:99998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: url('/assets/templates/struttura/images/menu-bg.jpg');
    background-repeat: no-repeat;
    background-position: 0 0;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}

.overlay-content .wrapper-side{z-index:99999;position:relative;padding:50px 20px; max-width: 320px;}
.overlay-content .wrapper-side .logo-image-side{width: 100%; max-width: 274px;}
.overlay-content .wrapper-side .payoff{font-family: 'Montserrat', sans-serif; font-size:16px; line-height: 22px;color:#fff;font-weight: 100;padding:20px;margin-bottom:50px;}
.overlay-content .wrapper-side .address{font-family: 'Open Sans', sans-serif;font-size:14px; line-height: 23px;color:#fff; padding-left:20px;}
.overlay-content .wrapper-side .address .fa{width: 20px;}
.overlay-content .wrapper-side .address a,.overlay-content .wrapper-side .address a:hover{font-size:14px; line-height: 23px;text-decoration: none;color:#fff;}
.overlay-content .wrapper-side .menu {padding-left: 20px;}

/* When you mouse over the navigation links, change their color */
.overlayMenu a.closebtn, .overlayMenu a.closebtn:hover, .overlayMenu a.closebtn:focus {
    padding: 8px;
    text-decoration: none;
    font-size: 80px;
    color: #f1f1f1;
}

/* Position the close button (top right corner) */
.overlayMenu .closebtn {
    z-index: 999999;
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 80px;
    color: #fff;
    transition: 0.3s; /* Transition effects on hover (color) */
}