@charset "utf-8";
/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    text-rendering: optimizeLegibility;
    font-feature-settings: "kern" 1;
    font-kerning: normal;
    font-family: 'Nunito Sans', sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    font-size:15px;
}
body {
    background-color: #ededed;
}
/**** CLASSI *****/
.divavviso {
    width: 100%;
    height: auto;
    background-color: #e90d0d;
    width: 100%;
    padding-bottom: 15px;
    padding-top: 15px;
    padding-left: 0;
    padding-right: 0;
    cursor: pointer;
    -webkit-transition: all ease-out 0.15s;
    transition: all ease-out 0.15s;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
}
#login-master-cont .divavviso p {
    text-align: center;
    margin: 0;
    color: #fff;
}
.imgslider
{
width:100%;
}
.dimvideo2
{
width:600px;
height:338px;
}
.dimvideo
{
width:320px;
height:180px;
}
.green
{
color:#4FA834;
}
#container .title5
{
color:#0c183a;
font-size:32px;
line-height:39px;
font-weight:bold;
margin:0px;
margin-bottom:0px;
margin-top:0px;
font-family: 'LeagueGothic', Tahoma, Geneva, sans-serif;
}
#container .title4
{
color:#0c183a;
font-size:18px;
line-height:25px;
font-weight:bold;
margin:0px;
margin-bottom:0px;
margin-top:0px;
font-family: 'LeagueGothic', Tahoma, Geneva, sans-serif;
}
#container .title3
{
color:#0c183a;
font-size:34px;
line-height:36px;
font-weight:bold;
margin:0px;
margin-bottom:0px;
margin-top:0px;
font-family: 'LeagueGothic', Tahoma, Geneva, sans-serif;
}
#container .title2
{
color:#0c183a;
font-size:24px;
line-height:24px;
font-weight:bold;
margin:0px;
margin-bottom:0px;
margin-top:0px;
font-family: 'LeagueGothic', Tahoma, Geneva, sans-serif;
}
#container .title1
{
color:#0c183a;
font-size:50px;
line-height:50px;
font-weight:bold;
margin:0px;
margin-bottom:0px;
margin-top:0px;
font-family: 'LeagueGothic', Tahoma, Geneva, sans-serif;
}
#container .BGblue1
{
background-color:rgba(9,14,28,0.96);
}
#container .BGgreen1
{
background-color:#8fc941;
}
#container .BGgrey1
{
background-color:#f5f5f5;
}
#container .whiteb
{
color:#fff;
font-weight:bold;
}
#container .white
{
color:#fff;
}
#container .color1
{
color:#29973e;
}
.cem em
{
font-family:'Arial';
font-size:11px;
width:57px;
display:inline-block;
color:#ccc;
font-weight:bold;
}
.red
{
color:#920000;
}
#container .spaceCheckText p
{
margin-top:2px;
font-size:12px;
}
.spaceCheckText
{
min-width:60px;
height:30px;
}
.spaceCheckIco p
{
margin-top:0px;
}
.spaceCheckIco
{
width:40px;
height:30px;
}
.pad2bis
{
padding-top:20px;
}
.pad3
{
padding-bottom:30px;
padding-top:30px;
}
.pad2
{
padding-bottom:20px;
padding-top:20px;
}
.pad1
{
padding-bottom:40px;
padding-top:40px;
}
.tserv
{
text-transform:uppercase;
font-size:40px;
line-height:40px;
padding-bottom:10px;
}
.textcolorW b
{
color:#f2f2f2;
}
.textcolorW h6
{
color:#f9f9f9;
}
.textcolorW p
{
color:#f2f2f2;
}
.divdx3child
{
width:76%;
min-height:400px;
float:left;
padding:4%;
overflow:hidden;
}
.divsx3child
{
width:66%;
min-height:400px;
float:right;
padding:4%;
overflow:hidden;
}
.divdx3
{
width:60%;
min-height:550px;
}
.divsx3
{
width:40%;
min-height:550px;
}
.divdx2child
{
width:80%;
min-height:500px;
float:left;
padding:5%;
overflow:hidden;
}
.divsx2child
{
width:86%;
min-height:500px;
float:right;
padding:5%;
overflow:hidden;
}
.divdx2
{
width:42%;
height:600px;
}
.divsx2
{
width:58%;
height:600px;
}
.divdx
{
width:390px;
}
.divsx
{
width:670px;
}
.hr2
{
width:70px;
height:1px;
text-align:center;
background-color:#00c3d4;
border:none;
padding-bottom:2px;
padding-top:2px;
margin:15px auto;
float:none;
}
hr
{
width:70px;
height:1px;
text-align:left;
margin-left:10px;
background-color:#00c3d4;
border:none;
padding-bottom:2px;
padding-top:2px;
}
#container .hspecial strong
{
font-size:18px;
line-height:31px;
color:#000;
margin-top:15px;
letter-spacing:0px;
font-weight:bold;
}
#container .hspecial b
{
font-size:18px;
line-height:31px;
color:#000;
margin-top:15px;
letter-spacing:0px;
font-weight:bold;
}
#container .hspecial a
{
font-size:18px;
line-height:31px;
}
#container .hspecial p
{
font-size:18px;
line-height:31px;
color:#000;
margin-top:15px;
letter-spacing:0px;
text-align:left;
}
.pant
{
font-size:16px;
line-height:22px;
}
#container .hspecial h6
{
font-size:20px;
line-height:20px;
color:#111;
text-transform:uppercase;
padding-bottom:17px;
padding-top:30px;
}
#container .hspecial h5
{
font-size:20px;
line-height:20px;
color:#111;
text-transform:uppercase;
padding-bottom:17px;
padding-top:30px;
}
#container .hspecial h4
{
font-size:20px;
line-height:20px;
color:#111;
text-transform:uppercase;
padding-bottom:17px;
padding-top:30px;
}
#container .hspecial h3
{
font-size:20px;
line-height:20px;
color:#111;
text-transform:uppercase;
padding-bottom:17px;
padding-top:30px;
}
input[type='radio']:checked
{
background-image:url("../immagini/radio-si.png");
animation-name: fadeIn;
-webkit-animation-name: fadeIn;
-o-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-ms-animation-name: fadeIn;
animation-duration: 0.2s;
-webkit-animation-duration: 0.2s;
-o-animation-duration: 0.2s;
-moz-animation-duration: 0.2s;
-ms-animation-duration: 0.2s;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-ms-animation-timing-function: ease-in-out;
visibility: visible !important;
outline:none;
}
input[type='radio']
{
outline:none;
border:none;
width: 30px;
height: 30px;
margin: 0px;
padding: 0px;
padding-top:0px;
background-image:url("../immagini/radio-no.png");
background-size:30px;
background-repeat:no-repeat;
-moz-appearance: none; /* not working */
-webkit-appearance: none;
-ms-appearance: none; /*not working */
-o-appearance: none;
appearance: none;
cursor:pointer;
-webkit-transition: background ease-out 0.2s;
-o-transitio
}
input[type=checkbox] {
    background-repeat: no-repeat;
    width: 26px;
    height: 26px;
    margin: 0;
    padding: 0;
    background-image: url(/svg/check-1.svg);
    background-size: 26px;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    -webkit-transition: background ease 0.11s;
    transition: background ease 0.11s;
    outline: none;
}

    input[type=checkbox]:checked {
        background-image: url(/svg/check-2.svg);
        -webkit-animation-duration: 0.11s;
        animation-duration: 0.11s;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease;
        visibility: visible !important outline: none;
    }

    input[type=checkbox]:hover:checked {
        background-image: url(/svg/check-2.svg)
    }
.textcheck1 {
    top: 4px;
    left: 44px;
    position: absolute;
    font-size: 15px;
    line-height: 21px;
}
.spacecheck1 {
    height: 46px;
    width: 100%;
    margin-top: 2px;
   
}
.mano {
    cursor:pointer;
}
    .spacecheck1 input[type=checkbox] {
        margin-top: 0;
        margin-left:4px;
    }
.postgallery h3
{
text-align:center;
color:#fff;
margin:0px;
margin-top:28px;
font-style:italic;
font-size:20px;
line-height:20px;
}
.pline p
{
line-height:14px;
}
.imgpack
{
max-width:340px;
margin:0 auto;
float:none;
}
.fixed
{
position:fixed;
top:0;
left:0;
z-index:9999;
width:100%;
}
.lowercase
{
text-transform:lowercase;
}
.pnorm
{
font-size:16px;
}
.h3giga
{
font-size:26px;
line-height:26px;
}
.pmanut2
{
background-color:#7ce11a;
color:#fff;
padding:4px 6px 4px 6px;
text-transform:uppercase;
font-size:20px;
line-height:18px;
margin-top:-3px;
border-radius:4px;
-webkit-border-radius:4px;
-ms-border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
float:right;
}
.pmanut
{
color:#fff;
padding:2px 4px 2px 4px;
text-transform:uppercase;
font-size:14px;
line-height:16px;
margin-top:10px;
}
.red2
{
color:rgba(238, 11, 59, 1);
}
.right
{
float:right;
}
.right2
{
float:right;
margin-right:8px;
font-size:13px;
}
.textlight p
{
color:#999;
font-weight:lighter;
font-style:italic;
}
.radio
{
text-align:center;
float:none;
position:relative;
display:block;
font-size:16px;
}
.textcenter h2
{
text-align:center;
margin-left:0px;
}
.textcenter h3
{
text-align:center;
margin-left:0px;
}
.textcenter h5
{
text-align:center;
margin-left:0px;
}
.textcenter h6
{
text-align:center;
margin-left:0px;
}
.textcenter p table
{
text-align:center;
float:none;
margin:0 auto;
}
.textcenter h4
{
text-align:center;
margin-left:0px;
}
.textcenter h1
{
text-align:center;
margin-left:0px;
}
.textcenter p
{
text-align:center;
margin-left:0px;
}
#content .plittle3
{
font-size:12px;
line-height:14px;
font-weight:lighter;
margin-left:20px;
}
#cont1 .plittle3
{
font-size:12px;
line-height:14px;
font-weight:lighter;
margin-left:20px;
}
.plittle4
{
font-size:13px;
line-height:0px;
margin-left:5px;
margin-top:0;
color:#aaa;
font-style:italic;
}
.plittle3
{
font-size:11px;
line-height:15px;
}
.plittle2
{
font-size:12px;
line-height:17px;
}
.plittle
{
font-size:14px;
line-height:22px;
}
.boxcont p
{
text-align:center;
}
.boxcont
{
margin-top:20px;
}
.divCenter
{
width:96%;
float:none;
margin:0 auto;
}
#div75c
{
width:72%;
min-height:100px;
margin-left:1%;
float:left;
}
.div25bis
{
width:25%;
position:relative;
float:left;
background-color:#f2f2f2;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
.div25cont p
{
text-align:center;
line-height:15px;
margin-left:0px;
margin-top:0px;
}
.div25cont h6
{
text-transform:none;
font-size:18px;
line-height:18px;
text-align:center;
font-family:'Arial';
color:#222;
}
.div25cont
{
width:31%;
padding:1%;
position:relative;
float:left;
}
.div25
{
width:25%;
position:relative;
float:left;
}
#div25c
{
float:right;
width:24%;
min-height:100px;
margin-right:2%;
padding-bottom:8px;
border-bottom:2px solid #00a2ff;
border-top:2px solid #00a2ff;
}
.div332:hover
{
border:1px solid #31cb3c;
}
.div332
{
width:33%;
min-height:10px;
border:1px solid #fff;
}
.div33special
{
width:33%;
float:right;
}
.div33
{
width:33%;
}
.div65 p
{
text-align:justify;
}
.div65
{
width:65%;
height:300px;
}
.div35 p
{
text-align:center;
}
.div35
{
width:35%;
height:300px;
}
.filetto
{
border-bottom:1px solid #ddd;
}
.uppercase
{
text-transform:uppercase;
}
.bdotted
{
border:2px dotted #ccc;
}
.div50tris
{
width:48%;
position:relative;
float:left;
margin-left:1%;
}
.div40
{
width:38%;
position:relative;
float:left;
margin-left:1%;
}
.div60
{
width:58%;
position:relative;
float:left;
margin-left:1%;
}
.div50form a:hover
{
color:#ddd;
}
.div50form a
{
color:#bbb;
}
.div50form p
{
margin-left:0px;
margin-top:0px;
text-transform:uppercase;
font-size:11px;
line-height:12px;
color:#bbb;
}
.div50form h3
{
margin-left:0px;
text-transform:uppercase;
font-size:11px;
line-height:12px;
color:#bbb;
}
.div50form
{
width:49%;
position:relative;
float:left;
}
.div50special
{
width:50%;
height:35px;
position:relative;
float:left;
}
.div50bis
{
width:50%;
position:relative;
float:left;
}
.div50
{
width:50%;
position:relative;
float:left;
}
.div40bis h6
{
font-size:54px;
line-height:46px;
letter-spacing:-1px;
text-transform:uppercase;
font-family:'FRA';
margin-top:13px;
margin-right:25px;
color:#222;
}
.div40bis
{
width:40%;
position:relative;
float:left;
}
.div60bis h6
{
font-size:22px;
line-height:23px;
letter-spacing:0px;
text-transform:none;
font-family:'Arial';
margin-top:13px;
color:#222;
margin-left:8px;
padding-bottom:18px;
font-weight: 900;
}
.div60bis
{
width:60%;
position:relative;
float:left;
}
.div50s
{
width:48%;
min-height:200px;
position:relative;
float:left;
margin-left:1%;
}
.space2
{
width:100%;
min-height:20px;
margin:0 auto;
float:none;
}
.space3
{
width:90%;
min-height:20px;
margin:0 auto;
float:none;
}
.spaceBL1
{
width:100%;
min-height:5px;
border-left:3px solid #00a2ff;
}
.spacetitle
{
width:100%;
min-height:15px;
padding-top:9px;
padding-bottom:9px;
}
.space
{
width:100%;
padding:0;
margin:0;
float:left;
position:relative;
}
.mt-20 {
    margin-top:20px;
}
.mt-30 {
    margin-top: 30px;
}
.mt-40 {
    margin-top: 40px;
}
.spacetext {
    width: 100%;
    margin-bottom:10px;
    margin-top:10px;
}
.spacetext i{
    position:absolute;
    z-index:9990;
    font-size:18px;
    color:#aaa;
    top:15px;
    left:10px;
    font-weight:normal;
}
.space0
{
width:100%;
min-height:0px;
}
.blue
{
color:#07bbf6;
}
.spacetitle
{
font-size:20px;
font-weight:bold;
}
.puro
{
text-decoration:none;
}
.borderbottom
{
border-bottom:1px dotted #cec4b0;
}
.giga66
{
font-size:60px;
line-height:60px;
font-weight:900;
text-transform:uppercase;
}
.giga2
{
font-size:20px;
}
.giga
{
font-size:30px;
font-weight:900;
text-transform:uppercase;
}
.giga3
{
font-size:18px;
font-weight:900;
text-transform:uppercase;
}
.giga4
{
font-size:20px;
font-weight:900;
text-transform:uppercase;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
i
{
font-style:italic;
color:#555450;
}
em
{
font-style:italic;
}
a {
color: #000;
text-decoration:underline;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
a:hover
{
color:#666;
}
.black:hover
{
color:#8a8983;
}
.black
{
color:#8a8983;
}
.linkblack
{
color:#333;
text-decoration:underline;
}
b
{
color:#000;
font-weight:bold;
font-family:'Arial';
}
strong
{
font-weight:bold;
color:#000;
font-family:'Arial';
}
p {
margin:10px 10px 10px 10px;
color:#111;
line-height:19px;
font-size:14px;
font-family:'Arial';
letter-spacing:0px;
text-justify: inter-word;
}
h1 {
font-weight:bold;
font-size:19px;
line-height:22px;
color:#333;
letter-spacing:0px;
text-align:left;
margin-top:5px;
margin-left:10px;
padding-bottom:7px;
}
h2 {
margin-top:0px;
margin-left:10px;
font-weight:bold;
color:#333;
text-align: left;
letter-spacing:0px;
font-size:17px;
line-height:17px;
letter-spacing:1px;
padding-bottom:5px;
padding-top:25px;
}
h3 {
margin-top:0px;
margin-left:10px;
font-weight:900;
color:#111;
text-align: left;
letter-spacing:0px;
font-size:34px;
line-height:34px;
letter-spacing:0px;
padding-bottom:5px;
padding-top:25px;
}
h4 {
margin-top:5px;
margin-left:10px;
font-weight: normal;
color:#333;
text-align: left;
letter-spacing:0px;
font-size:24px;
line-height:24px;
}
h5 {
margin:10px;
color:#3f3e3b;
font-weight:bold;
text-align: left;
letter-spacing:0px;
font-size:24px;
line-height:25px;
letter-spacing:0px;
padding-bottom:5px;
padding-top:25px;
}
h6 {
margin-top:0px;
margin-left:10px;
font-weight:900;
color:#111;
text-align: left;
letter-spacing:0px;
font-size:34px;
line-height:34px;
letter-spacing:0px;
padding-bottom:5px;
padding-top:25px;
}
.h6center
{
text-align:center;
}

blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
div
{
background-color:transparent;
color:#8a8983;
line-height:22px;
font-size:16px;
font-family:'HelveticaRegular';
text-align: left;
font-weight: normal;
text-rendering:optimizeLegibility;
text-align:left;
position:relative;
float:left;
}
ol, ul {
list-style: none;
}
    ul li {
        font-size: 18px;
        line-height: 30px;
        color: #333;
        margin-left: 30px;
        margin-top: 10px;
        font-family: 'Nunito Sans', sans-serif;
        font-weight: 400;
    }

ul {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
    padding-bottom: 50px;
    padding-top: 30px;
    list-style-type: disc;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
textarea
{
border:1px solid rgba(0,0,0,0.3);
width:94%;
height:150px;
padding:3px;
font-family:'RALL';
font-size:16px;
background-color:#fff;
color:#ff3100;
}
.drop
{
border:none;
border-top:2px solid #c1c1c1;
border-bottom:2px solid #eee;
width:97%;
height:34px;
padding:6px;
padding-top:7px;
font-family:'Arial';
font-size:14px;
line-height:25px;
outline:none;
line-height:16px;
background-color:#fcfcfc;
color:#222;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
-webkit-border-radius:3px;
-o-border-radius:3px;
-ms-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.dropfiltra
{
border:none;
width:97%;
height:34px;
padding:6px;
padding-top:0px;
font-family:'Arial';
font-size:14px;
line-height:25px;
outline:none;
line-height:16px;
background-color:#fff;
color:#222;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.text1:focus {
    border: 2px solid #0071bc;
    -webkit-box-shadow: 0 0 6px #64a6f0;
    box-shadow: 0 0 6px #64a6f0;
}
.text1:active {
    border: 2px solid #0071bc;
    -webkit-box-shadow: 0 0 6px #64a6f0;
    box-shadow: 0 0 6px #64a6f0;
}
.text1 {
    border: 2px solid #bbb;
    width: 100%;
    height: 46px;
    padding-left: 45px;
    padding-right: 8px;
    padding-top: 7px;
    padding-bottom: 6px;
    font-family: 'Arial';
    font-size: 15px;
    line-height: 19px;
    outline: none;
    background-color:  transparent;
    font-weight:  bold;
    color: #000;
    -webkit-transition: all 0.05s ease;
    transition: all 0.05s ease;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#container .bt1 {
    min-width: 10px;
    padding-bottom: 17px;
    padding-top: 19px;
    padding-left: 22px;
    padding-right: 22px;
    background-color: #E5C77F;
    cursor: pointer;
    -webkit-transition: all ease 0.05s;
    transition: all ease 0.05s;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    margin-top: 5px;
    color:#1D0E04;
    text-decoration: none;
    box-shadow: 2px 2px 5px #ccc;
    -webkit-box-shadow: 2px 2px 5px #ccc;
    font-size: 15px;
    line-height: 15px;
    text-transform: uppercase;
    font-weight: bold;
}

    #container .bt1:hover {
        background-color: #d1b060;
        
    }

    #container .bt1:active {
        background-color: #d1b060;
       
    }
/* border */
.borderB1
{
border-bottom:2px solid #fe3b6d;
}
.borderB2
{
border-bottom:2px solid #00a2ff;

}
.borderB3
{
border-bottom:2px solid #fea03b;
}
.borderB4
{
border-bottom:2px solid #38d29a;
}
.borderB5
{
border-bottom:2px solid #efc42e;
}
.borderB6
{
border-bottom:2px solid #6b557e;
}
.borderB7
{
border-bottom:2px solid #2fd4da;
}
/******* PAGER *******/
.blacklink:hover
{
color:#666;
}
.blacklink
{
color:#666;
}
.pager:hover
{
color:#222;
background-color:#eee;
border:1px solid #eee;
}
.pager
{
background-color: transparent;
padding:11px 15px 10px 15px;
text-decoration:none;
color:#666;
border:1px solid #ddd;
font-size:13px;
font-weight: normal;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
-webkit-border-radius:2px;
border-radius:2px;
}
.current
{
background-color:rgba(9,14,28,1);
padding:12px 16px 11px 16px;
text-decoration:none;
color:#fcfcfc;
border:1px solid rgba(9,14,28,1);
font-size:13px;
font-weight: normal;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}

/*margin*/
.mt1
{
margin-top:15px;
}
/*img*/
.homeimg1
{
background-image:url(../immagini/web-agency.jpg);
background-size:1200px;
background-position:center;
}
.BGcont
{
background-image:url(../immagini/web-agency.jpg);
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
background-attachment: fixed;
}
.BGcont h2
{
color:#fcfcfc;
}
.BGcont h3
{
color:#ddd;
}
.BGcont p
{
color:#ddd;
}
tornasu:hover
{
background-image:url("../immagini/ico-up-hover.jpg");
background-repeat:no-repeat;
}
#tornasu
{
width:50px;
height:50px;
overflow:hidden;
background-image:url("../immagini/ico-up.jpg");
background-repeat:no-repeat;
position:fixed;
float:none;
bottom:2px;
right:2px;
z-index:9999;
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
-ms-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
}
.bg1
{
    background-color:#060606;
}
/******  INPUT **********/

/* Create a custom radio button */
/* The container */
.rbcontainer .rbtext {
    
    position: relative;
    top:-19px;
    color:#010314;
    font-size:18px;
   
}
.rbcontainer .rbtext2 {
    
    position: relative;
    top:2px;
    color:#666;
    font-size:14px;
   
}
.rbcontainer {
    display: block;
    position: relative;
    padding-left: 32px;
    padding-top:0px;
    margin-bottom: 24px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.rbcontainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.radiobutton1 {
   
    position: absolute;
    float:none;
    top: 0;
    left: 0px;
    height: 23px;
    width: 23px;
    background-color: #eee;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.rbcontainer:hover input ~ .radiobutton1 {
    background-color: #eee;
}

/* When the radio button is checked, add a blue background */
.rbcontainer input:checked ~ .radiobutton1 {
    background-color: #1b80d9;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radiobutton1:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.rbcontainer input:checked ~ .radiobutton1:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.rbcontainer .radiobutton1:after {
 	top: 8px;
	left: 9px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: white;
}
/****progress ****/

.move1{
	animation-name: move1;
	-webkit-animation-name: move1;	

	animation-duration:4.5s;	
	-webkit-animation-duration:4.5s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;	
    
    animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;

	visibility: visible !important;	
}

@keyframes move1 {
	0% {
    width:0;
    margin-left:0; 
	}
    40% {
    width:100%;
    margin-left:100%;
	}
    50% {
    width:100%;
    margin-left:100%;
	}
    60% {
    width:100%;
    margin-left:100%;
	}
    60% {
    width:100%;
    margin-left:100%;
	}
    80% {
   
    width:0;
    margin-left:0;
	}
    90% {
    width:0;
    margin-left:0;
	}
    100% {
    width:0;
    margin-left:0;
	}
}

@-webkit-keyframes move1 {
	0% {
    width:0;
    margin-left:0; 
	}
    40% {
    width:100%;
    margin-left:100%;
	}
    50% {
    width:100%;
    margin-left:100%;
	}
    60% {
    width:100%;
    margin-left:100%;
	}
    60% {
    width:100%;
    margin-left:100%;
	}
    80% {
   
    width:0;
    margin-left:0;
	}
    90% {
    width:0;
    margin-left:0;
	}
    100% {
    width:0;
    margin-left:0;
	}	
}
@-ms-keyframes move1 {
	0% {
    width:0;
    margin-left:0; 
	}
    40% {
    width:100%;
    margin-left:100%;
	}
    50% {
    width:100%;
    margin-left:100%;
	}
    60% {
    width:100%;
    margin-left:100%;
	}
    60% {
    width:100%;
    margin-left:100%;
	}
    80% {
   
    width:0;
    margin-left:0;
	}
    90% {
    width:0;
    margin-left:0;
	}
    100% {
    width:0;
    margin-left:0;
	}		
}
.modal
{
position: fixed;
z-index: 9999;
height: 100%;
width: 100%;
top: 0;
background-color: rgba(0,0,0,0.6);
}
.center
{
z-index: 1000;
margin:22% auto;
float:none;
padding: 10px;
width: 75px;
background-color: transparent;
}
.center2
{
z-index: 1000;
margin:24% auto;
float:none;
width: 280px;
height:8px;
overflow:hidden;
background-color: transparent;
}
.center img
{
width:65px;
}
.center3
{
background-color:#fff;
height:8px;
margin-left:0;
}
@media (max-width: 480px) {
    .center2 {
        margin: 95% auto;
    }
    body {
        background-color: #fff;
    }
}
@media (min-width: 481px) and (max-width:600px) {
    .center2 {
        margin: 60% auto;
    }
}
@media (min-width: 601px) and (max-width:800px) {
    .center2 {
        margin: 60% auto;
    }
}
@media (min-width: 801px) and (max-width:1000px) {
    .center2 {
        margin: 35% auto;
    }
}
/*################# COOKIE*/
@media all {
    #container .texttermini p {
        font-size: 16px;
        line-height: 26px;
        color: #222;
    }

    #container .texttermini li {
        font-size: 16px;
        line-height: 26px;
        margin-top: 5px;
        color: #222;
    }

    #container .texttermini h3 {
        font-size: 17px;
        line-height: 26px;
        font-weight: bold;
        color: #555;
    }
    .popup1cover {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
        background-color: rgba(0,0,0,0.7);
        display: none;
    }

    #popup1cont {
        width: 50%;
        height: 100%;
        margin-left: 25%;
        z-index: 9990;
        background-color: #fcfcfc;
        padding: 90px;
        padding-top: 13px;
        overflow: scroll;
        -webkit-box-shadow: 0 0 50px #222;
        box-shadow: 0 0 50px #222;
    }
       
    .poptab.active {
        background-color: #e2e2e2;
    }

    .poptab {
        width: 32.7%;
        height: 40px;
        background-color: #eee;
        margin: 0.3%;
        margin-bottom: 50px;
    }

        .poptab:hover {
            background-color: #e2e2e2;
            cursor: pointer;
        }

    .poptabcont {
        display: none;
    }

    #container #popup1cont .poptab .p1 {
        text-align: center;
        margin: 0;
        font-size: 16px;
        line-height: 16px;
        font-weight: bold;
        color: #333;
        margin-top: 12px;
    }

    #container #popup1cont h1 {
        margin: 0;
        padding: 0;
        font-size: 36px;
        line-height: 40px;
        color: #444;
    }

    #container #popup1cont p {
        margin: 0;
        padding: 0;
        margin-top: 15px;
        font-size: 15px;
        line-height: 31px;
        color: #666;
    }

    #container #popup1cont b {
        color: #444;
    }

    #container #popup1cont strong {
        color: #444;
    }

    #container #popup1cont h3 {
        margin: 0;
        padding: 0;
        margin-top: 25px;
        margin-bottom: 10px;
        font-size: 16px;
        line-height: 27px;
        color: #444;
    }

    #container #popup1cont ul li {
        font-size: 14px;
        line-height: 30px;
        color: #333;
    }

    #popup1cont::-webkit-scrollbar {
        width: 5px;
    }

    #popup1cont::-webkit-scrollbar-thumb {
        background: var(--color-background);
    }

    .popup1cover .menumobile {
        height: 50px;
        width: 50px;
        position: fixed;
        right: 26%;
        top: 10px;
        z-index: 9999;
        cursor:pointer;
    }


        .popup1cover .menumobile .menuclose1 {
            background-color: #555;
            height: 40px;
            width: 2px;
            margin-left: 24px;
            margin-top: 5px;
            transform: rotate(47deg);
            -webkit-transform: rotate(47deg);
            -o-transform: rotate(47deg);
            -moz-transform: rotate(47deg);
            -ms-transform: rotate(47deg);
            position: absolute;
        }

        .popup1cover .menumobile .menuclose2 {
            background-color: #555;
            height: 40px;
            width: 2px;
            margin-left: 24px;
            margin-top: 5px;
            transform: rotate(-47deg);
            -webkit-transform: rotate(-47deg);
            -o-transform: rotate(-47deg);
            -moz-transform: rotate(-47deg);
            -ms-transform: rotate(-47deg);
            position: absolute;
        }

    #cookiebar {
        width: 100%;
        background-color: #0b1318;
        position: fixed;
        bottom: 0px;
        min-height: 10px;
        float: none;
        padding-bottom: 14px;
        padding-top: 9px;
        z-index: 9998;
    }

    #cookiesx {
        width: 70%;
    }

        #cookiesx p {
            font-size: 14px;
            line-height: 17px;
            color: #fff;
            margin-top: 14px;
        }

        #cookiesx a {
            font-size: 14px;
            color: #fff;
        }

    #cookiedx {
        width: 20%;
        float: right;
    }

        #cookiedx .boxcolor1 p {
            color: #000;
            font-family: var(--font-family);
            font-weight: 600;
            text-transform: uppercase;
            font-size: 12px;
            line-height: 15px;
            margin: 0;
        }

        #cookiedx .boxcolor1 {
            float: right;
            padding: 10px;
            padding-left: 15px;
            padding-right: 15px;
            -webkit-border-radius: 20px;
            border-radius: 20px;
            margin-top: 8px;
            background-color: #fcfcfc;
        }
}

@media (max-width: 480px) {
    #container .texttermini p {
        font-size: 15px;
        line-height: 25px;
    }

    #container .texttermini li {
        font-size: 15px;
        line-height: 25px;
    }

    #container .texttermini h3 {
        font-size: 16px;
        line-height: 25px;
    }
    #container #popup1cont .poptab .p1 {
        font-size: 13px;
        line-height: 13px;
        margin-top: 15px;
    }

    #container #popup1cont .poptab {
        margin-top: 50px;
    }

    #cookiebar {
        padding-bottom: 20px;
        padding-top: 15px;
    }

    #cookiesx {
        width: 100%;
    }

    #cookiedx {
        width: 100%;
        margin-top: 15px;
    }

    #cookiesx p {
        font-size: 15px;
        line-height: 22px;
    }

    #cookiedx .boxcolor1 {
        float: left;
        margin-bottom: 10px;
    }

    #popup1cont {
        width: 100%;
        margin-left: 0;
        padding: 30px;
    }

    #container #popup1cont h1 {
        font-size: 26px;
        line-height: 32px;
        margin-top: 30px;
    }

    .popup1cover .menumobile {
        right: 10px;
    }
}

@media (min-width: 481px) and (max-width: 768px) {
    #cookiebar {
        padding-bottom: 20px;
        padding-top: 15px;
    }

    #cookiesx {
        width: 100%;
    }

    #cookiedx {
        width: 100%;
        margin-top: 15px;
    }

    #cookiesx p {
        font-size: 15px;
        line-height: 22px;
    }

    #cookiedx .boxcolor1 {
        float: left;
        margin-bottom: 10px;
    }

    #popup1cont {
        width: 90%;
        margin-left: 5%;
        padding: 50px;
        padding-top: 16px;
    }

    .popup1cover .menumobile {
        right: 6%;
    }
}

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

    #popup1cont {
        width: 70%;
        margin-left: 15%;
        padding: 60px;
        padding-top: 16px;
    }

    .popup1cover .menumobile {
        right: 16%;
    }
}