html {
		font-family: 'Montserrat', sans-serif;
		width: 100%;
	}
	header {
		z-index: 222;
		display: block;
		position: relative;
	}
	#seccontent {
		padding: 50px 0px;
	}
	footer {
		padding-bottom: 150px;
	}
	footer img {
		max-width: 250px;
		margin-bottom: 20px;
	}
	
	footer a {
		display: flex;
		align-items: center;
		padding: 10px 10px 10px 0px;
		color: #13aadc;
		text-decoration: none !important;
		font-weight: 700;
	}
	footer .ym-4 a i {
		font-size: 16px;
		margin-right: 5px;
	}
	footer .ym-4 {
		border-left: 1px solid #3053a6;
		padding-left: 20px;
	}
	
	footer p {
		display: block;
		padding: 10px 10px 10px 0px;
	}
	footer span {
		display: block;
		font-size: 17px;
		font-weight: 700;
		margin-bottom: 10px;
	}	
	
	html.openmenu , html.openmenu body {
	    position: fixed;
	    left: 0px;
	    top: 0px;
	    overflow: hidden;
	    bottom: 0px;
	    right: 0px;
	    z-index: 0;
	}

	.max-img {
		width: 100%;
		height: auto;
		display: block;
	}	
	a {
		text-decoration: none;
	}
	
	li {
		list-style-type: none;
	}
	
	.wrapper_ati {
		width: 100%;
		max-width: 1200px;
		margin: 0px auto;
		display: block;
		position: relative;
	}
	
	.sup_nav_ati {
		background-color: #d9e6ff;
		display: flex;
		justify-content: flex-end;
	}
	.sup_nav_ati ul {
		display: flex;
		background-color: rgba(0, 0, 0, 0.05);
		padding: 0px;
	}
	.sup_nav_ati ul a {
		padding: 10px;
		margin: 0px;
		height: 100%;
	}
	
	.sup_nav_ati a {
		margin-left: 10px;
		padding: 10px;
		padding-left: 25px;
		font-size: 14px;
		color: #2d498d;
		font-weight: 400;
		position: relative;
		display: inline-block;
	}
	.sup_nav_ati a i {
		position: absolute;
		left: 5px;
		top: 50%;
		transform: translateY(-50%);
		font-size: 16px;
	}
	.sup_nav_ati a:hover {
		background-color: rgba(255, 255, 255, 0.8);
	}
	
	
	.head_ati {
		padding: 10px 0px;
		display: flex;
	}
	
	
	.nav_ati {
		padding-left: 40px;
		display: flex;
		justify-content: space-between;
		text-align: center;
		flex: 1 0 0;
		margin: auto;
	}
	.nav_ati li {
		position: relative;	
	}
	

	
	
	.nav_ati a {
		padding: 15px 10px;
		display: inline-block;
		text-transform: uppercase;
		font-size: 14px;
		color: #2d498d;
	}
	.nav_ati a:hover {
		background-color: #d9e6ff;
		color: #21335c;
	}
	
	a.btn_preventivo {
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4481eb+0,54c8e5+100 */
		background: rgb(68,129,235); /* Old browsers */
		background: -moz-linear-gradient(-45deg, rgba(68,129,235,1) 0%, rgba(84,200,229,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(-45deg, rgba(68,129,235,1) 0%,rgba(84,200,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(135deg, rgba(68,129,235,1) 0%,rgba(84,200,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4481eb', endColorstr='#54c8e5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		color: #fff;
		border-radius: 10px;
		transition:  all .3s ease-in-out;
	}


	
	.nav_parent {
		position: absolute;
		left: 0px;
		bottom: 0px;
		padding: 0px;
		width: 100%;
		transform: translateY(100%);
		background-color: #fff;
		border: 1px solid #d9e6ff;
		max-height: 0px;
		transition:  all .3s ease-in-out;
		overflow: hidden;
		opacity: 0;
	}

	.nav_ati li:hover .nav_parent {
		display: block;
		max-height: 200px;
		opacity: 1;
	}

	.nav_parent li {
		border-bottom: 1px solid #eaeaea;
	}
	.nav_parent a {
		width: 100%;
	}
	
	
	.logo_ati {
		width: 100px;
		flex: 0 0 100px;
	}
	
	
	
.burger {
	display: none;
}	
/***********************************************
Mobile (portrait 300px)
***********************************************/
@media only screen and (max-width: 767px) {
	.sup_nav_ati {
		display: none;
	}
	header {
		border-bottom: 1px solid #eaeaea;
	}	
	.burger {
		display: block;
		width: 35px;
		height: 25px;
		margin: auto;
		margin-left: auto;
		margin-right: 0px;
		position: relative;
		z-index: 4444;
		overflow: hidden;
	}		
	.burger span {
		width: 200%;
		height: 1px;
		background-color: #2d498d;
		position: absolute;
		left: 0px;
		transition:  all .2s ease-in-out;
	}	
	.burger span:nth-child(1) {
		top: 0px;
		transform-origin: left top;
	}
	.burger span:nth-child(2) {
		top: 50%;
	}
	.burger span:nth-child(3) {
		bottom: 0px;
		transform-origin: left bottom;
	}
	html.openmenu .burger span:nth-child(1) {
		transform: rotate(45deg);
	}
	html.openmenu .burger span:nth-child(2) {
		left: 105%;
	}
	html.openmenu .burger span:nth-child(3) {
		transform: rotate(-45deg);
	}	
		
	.close_menu , .open_menu {
		display: none;
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		z-index: 2;
	}	
	.open_menu {
		display: block;
	}
	html.openmenu .close_menu  {
		display: block;
	}
	html.openmenu .open_menu  {
		display: none;
	}
	
	.wrapper_ati {
		width: 100%;
		max-width: 100%;
		padding: 0px 10px;
	}		

	.logo_ati {
		width: 70px;		
		flex: 0 0 70px;
	}
	
	.nav_ati {
		flex-direction: column;
		justify-content: center;
		position: fixed;
	    width: 100%;
	    height: 100%;
	    position: fixed;
	    min-height: 100vh;
	    min-height: -moz-available;
	    min-height: -webkit-fill-available;
	    min-height: fill-available;
	    left: 0px;
	    top: 0px;
	    bottom: 0px;
	    right: 0px;
	    z-index: 3333;
	    pointer-events: none;
	    display: flex;
	    overflow-y: scroll;
	    padding: 20px 0px;
	    background-color: #f6f9ff;
	    transform: translateX(100%);
		transition:  all .2s ease-in-out;	    
	}
	
	.nav_parent {
		display: block;
		position: relative;
		max-height: 2000px;
		opacity: 1;
		transform: none;
		background-color: rgba(0, 0, 0, 0.03);
		border: 0px;
	}
	
	html.openmenu .nav_ati {
		 pointer-events: auto;
		transform: translateX(0%);
	}
	
	.nav_ati li {
		border-bottom: 1px solid #eaeaea;
	}
	.nav_ati li a {
		display: block;
	}
	.nav_ati li:last-child a {
		display: inline-block;
	}
	
	.nav_ati li:last-child {
		border-bottom: 0px;
		margin-top: 10px;
	}
	
}