/* Importazione font */
@font-face {
    font-family: 'Lato';
    src: url('font/Lato-Regular.eot');
    src: url('font/Lato-Regular.eot?#iefix') format('embedded-opentype'),
        url('font/Lato-Regular.woff') format('woff'),
        url('font/Lato-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

*{margin:0px; box-sizing: border-box;}

body {font-family: 'Lato', sans-serif; font-size:16px; color:#575756; }

.flex-grid {margin: 0 0 10px 0;	display: flex;}
.col {margin: 5px;flex: 1;}

::-moz-selection {color: #fff; background: #243a60;}
::selection {color: #fff;  background: #243a60;}

/* h1 h2 h3 h4 */

h1, h2 {font-weight: normal;}


h1{ color: #243A60;text-align: center;float: none;font-size: 2.4em;text-transform: uppercase;padding-bottom: 10px;margin-bottom: 10px;background-image: url(../images/back_h1.png); background-repeat: no-repeat;background-position: bottom center; }
h2{ color: #243A60;text-align: center;float: none;font-size: 2.4em;text-transform: uppercase;padding-bottom: 10px;margin-bottom: 10px;background-image: url(../images/back_h1.png); background-repeat: no-repeat;background-position: bottom center; }
h3{background-color: #243A60; font-size:1.4em; text-align: center; padding: 10px; color: #fff;}

.message_mobile{font-size:1.2em; color:#243a60; margin-bottom:10px; display: none;}
.confronti{font-size:1.6em; color:#243a60; margin-bottom:5px; text-transform:uppercase; }


/*LINK*/
a{color:inherit; opacity:1; text-decoration:none;}
a:hover{opacity:0.8; transition: opacity 0.25s ease-in; -o-transition: opacity 0.25s ease-in; -webkit-transition: opacity 0.25s ease-in; -moz-transition:opacity 0.25s ease-in;  }


/* IMAGES RESPONSIVE */
img {border:0; vertical-align:middle; -ms-interpolation-mode:bicubic; }
img.scala {max-width:100%; height:auto; width: auto; }

/*SCROLL TOP*/
.scrolltotop {width:45px; height:45px; position:fixed; bottom:20px; z-index: 2000; right:10px; display:none; text-indent:-1000px;/* background-color:#fff;*/ border-radius: 5px; background-image:url(/images/scroll_top.png); background-repeat:no-repeat;}

/*MAX 960*/
.wrap{margin:0 auto; position:relative; max-width:1140px;}
.spacer{clear:both; display:block;}


#top_header {background-color:#fff; padding-top:10px;  }
#container{margin:0 auto; max-width:1140px; -webkit-box-shadow: 0 2px 5px 0 #C9C9C9; box-shadow: 0 2px 5px 0 #C9C9C9;}

nav{z-index:2000; clear:both; float:right;  top:37px; font-size:12px; }

/*MENU*/
.ico{margin-top:5px; clear: both;}
.menu_top {float:right; margin-right:5px}
.menu_top ul{list-style-type:none; margin:0; color:#FFF; padding:0;}
.menu_top li{float:left; width:90px; height:90px;text-align:center; letter-spacing:0.7px; background-color: #cccccc; cursor:pointer}
.menu_top li:hover {background-color:#243a60; color:#FFF !important; -o-transition: background 0.25s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.menu_top li.selected {background-color:#243a60; color:#FFF !important;}


header {clear:both; overflow:hidden; z-index:2000; background-color:#DFE0E5;}
.back_header {height:600px; border-top:20px solid #243a60; border-bottom:20px solid #243A60; background-position:center center; background-size:100%; background-repeat: no-repeat; }
.logo {max-width:100%; height:auto; width: auto; margin:4px; text-align:left }

.social{text-align: right; float: right; padding-right:3px;}
.social img{width:30px; cursor:pointer; border-radius: 5px;}
#condividi{float:right}
.share_button {cursor:pointer}

/*TESTATA ROTANTE*/
.slides {height:600px; width:100%; background-size:100%;  background-position:center center;  border-top:20px solid #243a60; background-size:100%; background-repeat: no-repeat; }
.message{background-image:url(/images/back_message.png); border-radius: 10px; text-shadow: 2px 2px 2px #333; padding:5px; position: absolute; text-align:left; margin-top:20px; font-size:32px; font-weight: 900;  color: #fff;}
.message span{ color: #243a60}
#animazionenav {z-index:50; text-align:right; height: 20px; margin-top: -20px; position: absolute; width:100%; background-color:#243a60;}
#animazionenav a {display:inline-block; padding:3px; text-decoration: none; background:url(/images/off.png) no-repeat; opacity:1 !important; width: 10px; height: 20px;  margin-right: 3px; }
#animazionenav a.activeSlide {background:url(/images/on.png) no-repeat;}

section {clear:both; padding:10px; min-height:400px; padding-bottom:30px; }
section ul, ol{padding:15px;}
section img {max-width:1120px;  }

.intro{text-align: center; font-size: 20px;}

footer {width: 100%; background-color:#1B2C48; padding-bottom:15px; color:#fff; text-align: center;}
footer div{background-color:#243A60; width: 100%; overflow: hidden; margin-bottom: 15px }
footer .logo_ania {max-width:100%; height:auto; width: auto; text-align:right; float: right; position:relative; }
footer .indirizzo {min-height:150px; width:32%; padding-top:20px; padding-bottom:20px;  margin:0.5%; color:#C6C6C6; float:left; text-align: left;}
footer .indirizzo h2{color: #fff; text-align: left; margin-top:20px; font-size: 1.6em; margin-bottom:10px; padding-bottom:10px; background-image:url(../images/back_footer.png); background-repeat:no-repeat; background-position:bottom left; }
footer .indirizzo h2 span{color: #B2B2B2; font-weight: normal; text-align: left;  margin-bottom:5px;  clear: both; display: block; text-transform: capitalize; font-size: 13px;}
footer .indirizzo a{color: #fff; font-weight: bold;}

/*BOX HOME*/

.content_box_home{border-radius: 10px; box-sizing: border-box; overflow: hidden; margin-bottom: 15px;}


.puls_training{position: fixed; z-index: 5000; left: 10px;}
