/*################# SEZIONI*/
.imghome1 {
    width:100%;
    max-width:600px;
}
.bgtitle {
    width: 100%;
    height: 420px;
    position: relative;
    float: left;
    background-color: #020a12;
    border-bottom: 2px solid #f00f6e;
}
#container .bgtitle h1 {
    margin-top: 230px;
    color: #fff;
    font-size: 54px;
    line-height: 56px;
    font-weight:bold;
}
#container .bgtitle h1 span {
    color: #fff;
    font-size: 82px;
}
.divtitle1 h3 span {
font-size:42px;
color:#f00f6e;
}
.divtitle1 h3 {
font-size:36px;
line-height:42px;
font-weight:bold;
}
.divtitle1 h4 {
font-size:17px;
line-height:26px;
margin-top:20px;
margin-left:30px;
margin-right:30px;
}
#slogan .p2 span{
font-size:28px;
}
#slogan .p2{
color:#eee;
font-size:17px;
line-height:33px;
margin-top:35px;
margin-left:210px;
margin-right:210px;
}
#slogan .p1 span{
font-size:52px;
text-transform:uppercase;
color:#f00f6e;
font-weight:bold;
}
#slogan .p1{
color:#fff;
font-size:40px;
line-height:50px;
margin-left:140px;
margin-right:140px;
font-weight:bold;
}
#slogan .a2 {
    position: absolute;
    float: none;
    bottom: 150px;
    right: 50px;
    width: 50px;
}
#slogan .a1 {
position:absolute;
float:none;
top:150px;
left:50px;
width:50px;
}
#slogan {
width:100%;
height:auto;
padding-bottom:200px;
padding-top:200px;
position:relative;
float:left;
}
@media (max-width: 480px)
{
    #container .bgtitle h1 {
        margin-top: 270px;
        font-size: 34px;
        line-height: 36px;
    }
        #container .bgtitle h1 span {
            font-size: 52px;
        }
#slogan .p2 span{
font-size:26px;
}
#slogan .p2{
font-size:17px;
line-height:28px;
margin-left:20px;
margin-right:20px;
}
#slogan .p1 span{
font-size:44px;
}
#slogan .p1{
font-size:32px;
line-height:46px;
margin-left:20px;
margin-right:20px;
}
#slogan .a2 {
bottom:70px;
}
#slogan .a1 {
top:70px;
}
}
@media (min-width: 481px) and (max-width: 769px)
{
    #container .bgtitle h1 {
        margin-top: 270px;
        font-size: 34px;
        line-height: 36px;
    }

        #container .bgtitle h1 span {
            font-size: 52px;
        }
#slogan .p2 span{
font-size:26px;
}
#slogan .p2{
font-size:17px;
line-height:28px;
margin-left:20px;
margin-right:20px;
}
#slogan .p1 span{
font-size:44px;
}
#slogan .p1{
font-size:32px;
line-height:46px;
margin-left:20px;
margin-right:20px;
}
#slogan .a2 {
bottom:70px;
}
#slogan .a1 {
top:70px;
}
}
@media (min-width: 770px) and (max-width: 1180px)
{

#slogan .p2{
margin-left:20px;
margin-right:20px;
}
#slogan .p1{
margin-left:20px;
margin-right:20px;
}
}
@media (min-width: 1181px) and (max-width: 1230px)
{

}
/*################# CONTATTI*/
.section-dx {
    width: 60%;
    position: relative;
    float: right;
}
.section-sx .sectionformat4 a {
text-decoration:none;
color:#222;
}
.section-sx .sectionformat4 p {
margin-left:44px;
margin-top:0px;
line-height:22px;
}
.section-sx .sectionformat4 i {
position:absolute;
float:none;
left:0;
top:13px;
color:#f00f6e;
font-size:22px;
}
.section-sx .sectionformat4 {
padding-bottom:15px;
padding-top:15px;
}
.section-sx {
width:35%;
position:relative;
float:left;
}
@media (max-width: 480px)
{
.section-dx {
width:100%;
}
.section-sx {
width:100%;
}
}
@media (min-width: 481px) and (max-width: 769px)
{
.section-dx {
width:100%;
}
.section-sx {
width:100%;
}
}
@media (min-width: 770px) and (max-width: 1180px)
{

}
@media (min-width: 1181px) and (max-width: 1230px)
{

}
/*################# HEADER*/
#navdx .header-link-box2 p{
margin-top:16px;
font-size:20px;
}
#navdx .header-link-box2 {
height:50px;
}
.navdxlink:hover hr {
width:100%;
}
.navdxlink hr{
float:none;
margin:5px auto;
width:0;
height:3px;
background-color: #f00f6e;
border:none;
-webkit-transition: all ease 0.25s;
transition: all ease 0.25s;
}
.navdxlink p span{
font-size:18px;
color:#f00f6e;
}
.navdxlink a:hover{
color:#000;
}
.navdxlink a{
color:#000;
}
.navdxlink p{
font-size:13px;
letter-spacing:1px;
margin-top:11px;
}
.navdxlink {
height:50px;
position:relative;
float:left;
margin-left:37px;
margin-right:37px;
}
#navdx {
height:50px;
position:relative;
float:right;
}
#logonav {
width:50px;
height:50px;
position:relative;
float:left;
}
#nav {
width:100%;
padding-bottom:14px;
padding-top:14px;
position:fixed;
top:0;
z-index:9999;
background-color:#fff;
-webkit-box-shadow:0 0 30px #ddd;
box-shadow:0 0 30px #ddd;
display:none;
}
.menumobileitem3:hover p {
color:#0981f2;
}
.menumobileitem3 p {
font-size:23px;
color:#f00f6e;
margin-left:-10px;
}
.menumobileitem3 {
width:50px;
height:50px;
float:left;
position:relative;
}
.menumobileitem2 p {
font-size:11px;
line-height:11px;
text-transform:uppercase;
margin:0;
color:#fcfcfc;
-webkit-transition:all ease 0.15s;
transition:all ease 0.15s;
}
.menumobileitem2:hover p {
color:#f00f6e;
}
.menumobileitem2 {
width:100%;
padding-bottom:14px;
padding-top:14px;
}
.menumobileitem p span {
font-size:28px;
color:#f00f6e;
}
.menumobileitem hr {
width:0;
height:4px;
background-color:#f00f6e;
margin-top:18px;
border:none;
float:left;
-webkit-transition:all ease 0.15s;
transition:all ease 0.15s;
}
.menumobileitem p {
font-size:18px;
line-height:14px;
text-transform:uppercase;
margin:0;
color:#fff;
letter-spacing:1px;
}
.menumobileitem:hover hr{
width:30%;
}
.menumobileitemsub p a:hover {
color:#f00f6e;
}
.menumobileitemsub p a {
color:#fff;
text-decoration:none;
-webkit-transition:all ease-out .1s;
transition:all ease-out .1s;
}
.menumobileitemsub p:hover {
margin-left:3px;
}
.menumobileitemsub p {
color:#fff;
text-transform: uppercase;
font-size:13px;
-webkit-transition:all ease-out .1s;
transition:all ease-out .1s;
}
.menumobileitemsub {
width:100%;
position:relative;
float:left;
display:none;
padding-bottom:40px;
}
.menumobileitem {
width:100%;
padding-bottom:38px;
padding-top:38px;
}
#divmm1 {
display: block;
}
.menuprofilo {
padding-top:3px;
padding-bottom:3px;
}
.menuprofilo:hover {
background-color:#fff;
}
.submenumobileclose .menumobileclose {
top:0px
}
.submenumobileclose {
width:100%;
height:50px;
z-index:9999;
}
.submenumobile2 {
width:84%;
height:100%;
padding:8%;
}
.submenumobile {
width:360px;
height:100%;
position:fixed;
background-color:#111;
z-index:9999;
top:cal(0px);
bottom:0;
display:none;
right:-500px;
overflow:hidden;
overflow-y:auto;
z-index:9999;
}
.middlepreh {
width:1160px;
height:auto;
float:none;
margin:0 auto;
}
.mmclose1, .mmclose2
{
width:1px;
background-color:#fff;
position:absolute;
float:none;
left:15px;
height:30px
}
.mmclose1
{
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
transition:all ease-out .1s
}
.mmclose2
{
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
transition:all ease-out .15s
}
.menumobileclose:hover .mmclose2{
-webkit-transform:rotate(135deg);
-ms-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-o-transform:rotate(135deg);
transform:rotate(135deg);
background-color:#f00f6e;
}
.menumobileclose:hover .mmclose1{
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
background-color:#f00f6e;
}
.closenav .menumobileclose {

top:37px;
}
.menumobileclose {
width:40px;
height:40px;
top:37px;
-webkit-transition:all ease-out .1s;
transition:all ease-out .1s;
cursor:pointer;
}
.closenav {
width:40px;
height:120px;
float:right;
}
#container .header-link-sub p:hover {
margin-left:29px;
}
#container .header-link-sub p a:hover{
text-decoration:none;
color:#fff;
}
#container .header-link-sub p a{
text-decoration:none;
color:#fff;
}
#container .header-link-sub p {
text-align:left;
color:#fff;
margin:0;
margin-top:0;
margin-left:25px;
padding-bottom:23px;
padding-top:23px;
font-size:14px;
-webkit-transition: all ease 0.15s;
transition: all ease 0.15s;
}
.header-link-sub {
width:220px;
height:auto;
position:absolute;
float:none;
top:81px;
left:0px;
display:none;
}
.header-link-box:hover .header-link-sub {
display:block;
}
.header-link-box hr{
float:none;
margin:5px auto;
width:0;
height:3px;
background-color: #f00f6e;
border:none;
-webkit-transition: all ease 0.25s;
transition: all ease 0.25s;
}
.header-link-box p a span{
color:#f00f6e;
font-size:20px;
}
.header-link-box p a{
color:#fff;
text-decoration:none;
}
.header-link-box p span{
color:#f00f6e;
font-size:20px;
}
.header-link-box p{
margin-top:42px;
font-size:13px;
letter-spacing:1px;
color:#fff;
}
.header-link-box:hover hr {
width:100%;
}
.header-link-box {
position:relative;
float:left;
height:92px;
margin-left:35px;
margin-right:35px;
}
.header-link-box2 a:hover {
    color: #c60959;
}
.header-link-box2 p{
margin-top:48px;
font-size:22px;
letter-spacing:1px;
}
.header-link-box2 {
position:relative;
float:left;
height:92px;
margin-left:12px;
margin-right:12px;
}
#header-dx {
height:92px;
float:right;
position:relative;
}
#logo p {
margin:0;
margin-top:22px;
}
#logo p img {
    width:64px;
}
#logo {
width:200px;
height:92px;
float:left;
position:relative;
}
#menumobile p {
text-align:center;
margin:0px;
font-size:28px;
margin-top:9px;
-webkit-transition:all ease-out .12s;
transition:all ease-out .12s;
color:#f00f6e;
}
#menumobile:hover p{
color:#0981f2;
}
#menumobile {
width:46px;
height:46px;
float:right;
margin-top:28px;
display:none;
cursor:pointer;
-webkit-transition:all ease-out .12s;
transition:all ease-out .12s;
}
#menumobile2 p {
text-align:center;
margin:0px;
font-size:22px;
margin-top:5px;
margin-left:-1px;
color:#222;
-webkit-transition:all ease-out .12s;
transition:all ease-out .12s;
}
#menumobile2:hover p {
color:#dd740d;
}
#menumobile2:hover {
border:1px solid #dd740d;
}
#menumobile2 {
width:30px;
height:30px;
float:right;
margin-top:14px;
display:none;
-webkit-border-radius:4px;
border-radius:4px;
border:1px solid #222;
cursor:pointer;
-webkit-transition:all ease-out .12s;
transition:all ease-out .12s;
margin-left:5px;
}
#header {
width:100%;
padding-bottom:10px;
padding-top:10px;
position:absolute;
top:0;
z-index:9999;
float:left;
}
@media (max-width: 480px)
{
    .submenumobile {
        width: 100%;
    }
#nav {
padding-bottom:20px;
padding-top:20px;
}
#menumobile {
display:block;
}
#menumobile2 {
display:block;
}
#header-dx {
display:none;
}
}
@media (min-width: 481px) and (max-width: 769px)
{
#nav {
padding-bottom:20px;
padding-top:20px;
}
#menumobile {
display:block;
}
#menumobile2 {
display:block;
margin-left:20px;
}
#header-dx {
display:none;
}
}
@media (min-width: 770px) and (max-width: 1180px)
{
#menumobile {
display:block;
}
#header-dx {
display:none;
}
}
/*################# STRUTTURA*/
.middlefix {
    width: 840px;
    height: auto;
    float: none;
    margin: 0 auto;
    position:absolute;
}
.middle2 {
width:840px;
height:auto;
float:none;
margin:0 auto;
}
.middle {
width:1260px;
height:auto;
float:none;
margin:0 auto;
}
.middlehome {
    width: 90%;
    height: auto;
    float: none;
    margin: 0 auto;
}
#container {
width:100%;
min-height:10px;
margin:0px;
z-index:9990;
animation-name: opa;
-webkit-animation-name: opa;
-o-animation-name: opa;
-moz-animation-name: opa;
-ms-animation-name: opa;
animation-duration: 0.14s;
-webkit-animation-duration: 0.14s;
-o-animation-duration: 0.14s;
-moz-animation-duration: 0.14s;
-ms-animation-duration: 0.14s;
animation-timing-function: ease;
-webkit-animation-timing-function: ease;
-o-animation-timing-function: ease;
-moz-animation-timing-function: ease;
-ms-animation-timing-function: ease;
visibility: visible !important;
position:relative;
overflow:hidden;
}
#tornasu:hover p {
 margin-top:4px;
}
#tornasu p {
 text-align:center;
 margin:0px;
 margin-top:6px;
 font-size:28px;
 color:#fff;
 -webkit-transition: all ease-out 0.1s;
	-moz-transition: all ease-out 0.1s;
	-ms-transition: all ease-out 0.1s;
	-o-transition: all ease-out 0.1s;
	transition: all ease-out 0.1s;
}
#tornasu:hover {
    background-color: #c60959;
}
#tornasu:active {
    background-color: #c60959;
}
#tornasu {
width:44px;
height:44px;
float:none;
bottom:13px;
right:13px;
background-color:#f00f6e;
position:fixed;
z-index:9999;
display:none;
-webkit-border-radius:50%;
border-radius:50%;
overflow:hidden;

}
@media (max-width: 480px)
{
.middle2 {
 width:90%;
 float:left;
 margin:5%;
margin-top:0;
 margin-bottom:0;
}
.middle {
 width:90%;
 float:left;
 margin:5%;
margin-top:0;
 margin-bottom:0;
}
    .middlehome {
        width: 90%;
        float: left;
        margin: 5%;
        margin-top: 0;
        margin-bottom: 0;
    }
    .middle .div50{
        width: 100%;
    }
    .middle .divtitle1 h3 {
       text-align:center;
    }
    .middle .format1 p {
        text-align: center;
    }
}
@media (min-width: 481px) and (max-width: 769px)
{
.middle2 {
width:440px;
float:none;
margin:0 auto;
}
.middle {
width:440px;
float:none;
margin:0 auto;
}
    .middlehome {
        width: 440px;
        float: none;
        margin: 0 auto;
    }
    .middle .div50 {
        width: 100%;
    }

    .middle .divtitle1 h3 {
        text-align: center;
    }

    .middle .format1 p {
        text-align: center;
    }
}
@media (min-width: 770px) and (max-width: 1180px)
{
.middle2 {
 width:720px;
float:none;
margin:0 auto;
}
.middle {
 width:720px;
float:none;
margin:0 auto;
}
    .middlehome {
        width: 720px;
        float: none;
        margin: 0 auto;
    }
        .middlehome .div50 {
            width: 100%;
        }
}
/*################# FOOTER*/
#footerfirma {
width:100%;
padding-bottom:18px;
padding-top:21px;
}
#mappa {
height:500px;
background-color:#ddd;
display:none;
margin:0;
}
#footercenter2 .p2 {
font-size:23px;
margin-top:17px;
-webkit-transition: all ease 0.1s;
transition: all ease 0.1s;
}
#footercenter2 .p1 {
font-size:42px;
color:#f00f6e;
-webkit-transition: all ease 0.1s;
transition: all ease 0.1s;
}
#footercenter2 .div50:hover .p2 {
color:#0981f2;
}
#footercenter2 .div50:hover .p1 {
color:#0981f2;
}
#footercenter2 {
width:780px;
height:auto;
margin:0 auto;
float:none;
padding-bottom:40px;
}
#footercenter .p2 {
font-size:15px;
line-height:14px;
margin-top:10px;
}
#footercenter .p1 {
font-size:15px;
line-height:14px;
margin-top:40px;
}
#footercenter {
width:480px;
height:auto;
margin:0 auto;
float:none;
}
#footer {
 width:100%;
 min-height:240px;
 float:left;
 position:relative;
}
@media (max-width: 480px)
{
#footercenter2 .p2 {
font-size:20px;
margin-top:20px;
}
#footercenter2 .p1 {
font-size:40px;
}
#footercenter2 .div50 {
width:100%;
margin-top:50px;
margin-bottom:50px;
}
#footercenter2 {
width:100%;
margin:0;
float:left;
}
#footercenter .p2 {
font-size:12px;
line-height:17px;
margin-top:9px;
}
#footercenter .p1 {
font-size:13px;
line-height:14px;
margin-top:40px;
}
#footercenter {
width:100%;
margin:0;
float:left;
}

}
@media (min-width: 481px) and (max-width: 768px)
{
#footercenter2 .p2 {
font-size:20px;
margin-top:20px;
}
#footercenter2 .p1 {
font-size:40px;
}
#footercenter2 .div50 {
width:100%;
margin-top:50px;
margin-bottom:50px;
}
#footercenter2 {
width:100%;
margin:0;
float:left;
}
#footercenter .p2 {
font-size:13px;
line-height:17px;
margin-top:10px;
}
#footercenter .p1 {
font-size:14px;
line-height:14px;
}
#footercenter {
width:100%;
margin:0;
float:left;
}
}
@media (min-width: 769px) and (max-width: 1180px)
{
#footercenter2 {
width:100%;
margin:0;
float:left;
}
}
/*################# COOKIE*/
#cookiebar {
width:100%;
background-color:rgba(0,0,0,0.9);
position:fixed;
bottom:0px;
min-height:10px;
float:none;
padding-bottom:12px;
padding-top:12px;
z-index:9999;

}
#cookiebar strong {
color:#fff;
}
#cookiebar p {
font-size:14px;
color:#eee;
text-align:center;
margin-right:30px;
margin-left:30px;
}
#cookiebar a:hover {
font-size:14px;
color:#f00f6e;
}
#cookiebar a {
font-size:14px;
color:#fff;
text-align:center;
}
@media (max-width: 480px)
{
#cookiebar p {
font-size:12px;
line-height:15px;
}
#cookiebar a {
font-size:12px;
}
}

/*@media (max-width: 480px)
{

}
@media (min-width: 481px) and (max-width: 769px)
{

}
@media (min-width: 770px) and (max-width: 1180px)
{

}*/

/*@media (max-width: 480px)
{

}
@media (min-width: 481px) and (max-width: 1000px)
{

}
@media (min-width: 1001px) and (max-width: 1100px) {

}*/