@font-face{font-family:Montserrat;font-style:normal;font-weight:400;src:url('../fonts/montserrat-400.woff2') format('woff2');font-display:swap;}

@font-face{font-family:Montserrat;font-style:normal;font-weight:600;src:url('../fonts/montserrat-600.woff2') format('woff2');font-display:swap;}

@font-face{font-family:Montserrat;font-style:normal;font-weight:700;src:url('../fonts/montserrat-700.woff2') format('woff2');font-display:swap;}
html{
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body{
margin: 0;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
display: block;
}
audio,canvas,progress,video{
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]){
display: none;
height: 0;
}
[hidden],template{
display: none;
}
a{
background-color: transparent;
}
a:active,a:hover{
outline: 0;
}
abbr[title]{
border-bottom: 1px dotted;
}
b,strong{
font-weight: bold;
}
dfn{
font-style: italic;
}
h1{
margin: .67em 0;
font-size: 2em;
}
mark{
color: #000;
background: #ff0;
}
small{
font-size: 80%;
}
sub,sup{
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sup{
top: -.5em;
}
sub{
bottom: -.25em;
}
img{
border: 0;
}
svg:not(:root){
overflow: hidden;
}
figure{
margin: 1em 40px;
}
hr{
height: 0;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
pre{
overflow: auto;
}
code,kbd,pre,samp{
font-family: monospace, monospace;
font-size: 1em;
}
button,input,optgroup,select,textarea{
margin: 0;
font: inherit;
color: inherit;
}
button{
overflow: visible;
}
button,select{
text-transform: none;
}
button,html input[type="button"],input[type="reset"],input[type="submit"]{
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],html input[disabled]{
cursor: default;
}
button::-moz-focus-inner,input::-moz-focus-inner{
padding: 0;
border: 0;
}
input{
line-height: normal;
}
input[type="checkbox"],input[type="radio"]{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{
height: auto;
}
input[type="search"]{
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{
-webkit-appearance: none;
}
fieldset{
padding: .35em .625em .75em;
margin: 0 2px;
border: 1px solid #c0c0c0;
}
legend{
padding: 0;
border: 0;
}
textarea{
overflow: auto;
}
optgroup{
font-weight: bold;
}
table{
border-spacing: 0;
border-collapse: collapse;
}
td,th{
padding: 0;
}

@media print {*,*:before,*:after{
color: #000 !important;
text-shadow: none !important;
background: transparent !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
a,a:visited{
text-decoration: underline;
}
a[href]:after{
content: " (" attr(href) ")";
}
abbr[title]:after{
content: " (" attr(title) ")";
}
a[href^="#"]:after,a[href^="javascript:"]:after{
content: "";
}
pre,blockquote{
border: 1px solid #999;
page-break-inside: avoid;
}
thead{
display: table-header-group;
}
tr,img{
page-break-inside: avoid;
}
img{
max-width: 100% !important;
}
p,h2,h3{
orphans: 3;
widows: 3;
}
h2,h3{
page-break-after: avoid;
}
select{
background: #fff !important;
}
.navbar{
display: none;
}
.btn > .caret,.dropup > .btn > .caret{
border-top-color: #000 !important;
}
.label{
border: 1px solid #000;
}
.table{
border-collapse: collapse !important;
}
.table td,.table th{
background-color: #fff !important;
}
.table-bordered th,.table-bordered td{
border: 1px solid #ddd !important;
}}
*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,*:after{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html{
font-size: 10px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body{
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333;
background-color: #fff;
}
input,button,select,textarea{
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
a{
color: #337ab7;
text-decoration: none;
}
a:hover,a:focus{
color: #23527c;
text-decoration: underline;
}
a:focus{
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
figure{
margin: 0;
}
img{
vertical-align: middle;
}
.img-responsive,.thumbnail > img,.thumbnail a > img,.carousel-inner > .item > img,.carousel-inner > .item > a > img{
display: block;
max-width: 100%;
height: auto;
}
.img-rounded{
border-radius: 6px;
}
.img-thumbnail{
display: inline-block;
max-width: 100%;
height: auto;
padding: 4px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.img-circle{
border-radius: 50%;
}
hr{
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eee;
}
.sr-only{
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,.sr-only-focusable:focus{
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
[role="button"]{
cursor: pointer;
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit;
}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{
font-weight: normal;
line-height: 1;
color: #777;
}
h1,.h1,h2,.h2,h3,.h3{
margin-top: 20px;
margin-bottom: 10px;
}
h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{
font-size: 65%;
}
h4,.h4,h5,.h5,h6,.h6{
margin-top: 10px;
margin-bottom: 10px;
}
h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{
font-size: 75%;
}
h1,.h1{
font-size: 36px;
}
h2,.h2{
font-size: 30px;
}
h3,.h3{
font-size: 24px;
}
h4,.h4{
font-size: 18px;
}
h5,.h5{
font-size: 14px;
}
h6,.h6{
font-size: 12px;
}
p{
margin: 0 0 10px;
}
.lead{
margin-bottom: 20px;
font-size: 16px;
font-weight: 300;
line-height: 1.4;
}

@media (min-width: 960px) {.lead{
font-size: 21px;
}}
small,.small{
font-size: 85%;
}
mark,.mark{
padding: .2em;
background-color: #fcf8e3;
}
.text-left{
text-align: left;
}
.text-right{
text-align: right;
}
.text-center{
text-align: center;
}
.text-justify{
text-align: justify;
}
.text-nowrap{
white-space: nowrap;
}
.text-lowercase{
text-transform: lowercase;
}
.text-uppercase{
text-transform: uppercase;
}
.text-capitalize{
text-transform: capitalize;
}
.text-muted{
color: #777;
}
.text-primary{
color: #337ab7;
}
a.text-primary:hover{
color: #286090;
}
.text-success{
color: #3c763d;
}
a.text-success:hover{
color: #2b542c;
}
.text-info{
color: #31708f;
}
a.text-info:hover{
color: #245269;
}
.text-warning{
color: #8a6d3b;
}
a.text-warning:hover{
color: #66512c;
}
.text-danger{
color: #a94442;
}
a.text-danger:hover{
color: #843534;
}
.bg-primary{
color: #fff;
background-color: #337ab7;
}
a.bg-primary:hover{
background-color: #286090;
}
.bg-success{
background-color: #dff0d8;
}
a.bg-success:hover{
background-color: #c1e2b3;
}
.bg-info{
background-color: #d9edf7;
}
a.bg-info:hover{
background-color: #afd9ee;
}
.bg-warning{
background-color: #fcf8e3;
}
a.bg-warning:hover{
background-color: #f7ecb5;
}
.bg-danger{
background-color: #f2dede;
}
a.bg-danger:hover{
background-color: #e4b9b9;
}
.page-header{
padding-bottom: 9px;
margin: 40px 0 20px;
border-bottom: 1px solid #eee;
}
ul,ol{
margin-top: 0;
margin-bottom: 10px;
}
ul ul,ol ul,ul ol,ol ol{
margin-bottom: 0;
}
.list-unstyled{
padding-left: 0;
list-style: none;
}
.list-inline{
padding-left: 0;
margin-left: -5px;
list-style: none;
}
.list-inline > li{
display: inline-block;
padding-right: 5px;
padding-left: 5px;
}
dl{
margin-top: 0;
margin-bottom: 20px;
}
dt,dd{
line-height: 1.42857143;
}
dt{
font-weight: bold;
}
dd{
margin-left: 0;
}

@media (min-width: 960px) {.dl-horizontal dt{
float: left;
width: 160px;
overflow: hidden;
clear: left;
text-align: right;
text-overflow: ellipsis;
white-space: nowrap;
}
.dl-horizontal dd{
margin-left: 180px;
}}
abbr[title],abbr[data-original-title]{
cursor: help;
border-bottom: 1px dotted #777;
}
.initialism{
font-size: 90%;
text-transform: uppercase;
}
blockquote{
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border-left: 5px solid #eee;
}
blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child{
margin-bottom: 0;
}
blockquote footer,blockquote small,blockquote .small{
display: block;
font-size: 80%;
line-height: 1.42857143;
color: #777;
}
blockquote footer:before,blockquote small:before,blockquote .small:before{
content: '\2014 \00A0';
}
.blockquote-reverse,blockquote.pull-right{
padding-right: 15px;
padding-left: 0;
text-align: right;
border-right: 5px solid #eee;
border-left: 0;
}
.blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before{
content: '';
}
.blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after{
content: '\00A0 \2014';
}
address{
margin-bottom: 20px;
font-style: normal;
line-height: 1.42857143;
}
code,kbd,pre,samp{
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code{
padding: 2px 4px;
font-size: 90%;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 4px;
}
kbd{
padding: 2px 4px;
font-size: 90%;
color: #fff;
background-color: #333;
border-radius: 3px;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
}
kbd kbd{
padding: 0;
font-size: 100%;
font-weight: bold;
-webkit-box-shadow: none;
box-shadow: none;
}
pre{
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 1.42857143;
color: #333;
word-break: break-all;
word-wrap: break-word;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 4px;
}
pre code{
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border-radius: 0;
}
.pre-scrollable{
max-height: 340px;
overflow-y: scroll;
}
.container{
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}

@media (min-width: 960px) {.container{
width: 750px;
}}

@media (min-width: 992px) {.container{
width: 970px;
}}

@media (min-width: 1200px) {.container{
width: 1170px;
}}
.container-fluid{
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row{
margin-right: -15px;
margin-left: -15px;
}
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{
float: left;
}
.col-xs-12{
width: 100%;
}
.col-xs-11{
width: 91.66666667%;
}
.col-xs-10{
width: 83.33333333%;
}
.col-xs-9{
width: 75%;
}
.col-xs-8{
width: 66.66666667%;
}
.col-xs-7{
width: 58.33333333%;
}
.col-xs-6{
width: 50%;
}
.col-xs-5{
width: 41.66666667%;
}
.col-xs-4{
width: 33.33333333%;
}
.col-xs-3{
width: 25%;
}
.col-xs-2{
width: 16.66666667%;
}
.col-xs-1{
width: 8.33333333%;
}
.col-xs-pull-12{
right: 100%;
}
.col-xs-pull-11{
right: 91.66666667%;
}
.col-xs-pull-10{
right: 83.33333333%;
}
.col-xs-pull-9{
right: 75%;
}
.col-xs-pull-8{
right: 66.66666667%;
}
.col-xs-pull-7{
right: 58.33333333%;
}
.col-xs-pull-6{
right: 50%;
}
.col-xs-pull-5{
right: 41.66666667%;
}
.col-xs-pull-4{
right: 33.33333333%;
}
.col-xs-pull-3{
right: 25%;
}
.col-xs-pull-2{
right: 16.66666667%;
}
.col-xs-pull-1{
right: 8.33333333%;
}
.col-xs-pull-0{
right: auto;
}
.col-xs-push-12{
left: 100%;
}
.col-xs-push-11{
left: 91.66666667%;
}
.col-xs-push-10{
left: 83.33333333%;
}
.col-xs-push-9{
left: 75%;
}
.col-xs-push-8{
left: 66.66666667%;
}
.col-xs-push-7{
left: 58.33333333%;
}
.col-xs-push-6{
left: 50%;
}
.col-xs-push-5{
left: 41.66666667%;
}
.col-xs-push-4{
left: 33.33333333%;
}
.col-xs-push-3{
left: 25%;
}
.col-xs-push-2{
left: 16.66666667%;
}
.col-xs-push-1{
left: 8.33333333%;
}
.col-xs-push-0{
left: auto;
}
.col-xs-offset-12{
margin-left: 100%;
}
.col-xs-offset-11{
margin-left: 91.66666667%;
}
.col-xs-offset-10{
margin-left: 83.33333333%;
}
.col-xs-offset-9{
margin-left: 75%;
}
.col-xs-offset-8{
margin-left: 66.66666667%;
}
.col-xs-offset-7{
margin-left: 58.33333333%;
}
.col-xs-offset-6{
margin-left: 50%;
}
.col-xs-offset-5{
margin-left: 41.66666667%;
}
.col-xs-offset-4{
margin-left: 33.33333333%;
}
.col-xs-offset-3{
margin-left: 25%;
}
.col-xs-offset-2{
margin-left: 16.66666667%;
}
.col-xs-offset-1{
margin-left: 8.33333333%;
}
.col-xs-offset-0{
margin-left: 0;
}

@media (min-width: 960px) {.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{
float: left;
}
.col-sm-12{
width: 100%;
}
.col-sm-11{
width: 91.66666667%;
}
.col-sm-10{
width: 83.33333333%;
}
.col-sm-9{
width: 75%;
}
.col-sm-8{
width: 66.66666667%;
}
.col-sm-7{
width: 58.33333333%;
}
.col-sm-6{
width: 50%;
}
.col-sm-5{
width: 41.66666667%;
}
.col-sm-4{
width: 33.33333333%;
}
.col-sm-3{
width: 25%;
}
.col-sm-2{
width: 16.66666667%;
}
.col-sm-1{
width: 8.33333333%;
}
.col-sm-pull-12{
right: 100%;
}
.col-sm-pull-11{
right: 91.66666667%;
}
.col-sm-pull-10{
right: 83.33333333%;
}
.col-sm-pull-9{
right: 75%;
}
.col-sm-pull-8{
right: 66.66666667%;
}
.col-sm-pull-7{
right: 58.33333333%;
}
.col-sm-pull-6{
right: 50%;
}
.col-sm-pull-5{
right: 41.66666667%;
}
.col-sm-pull-4{
right: 33.33333333%;
}
.col-sm-pull-3{
right: 25%;
}
.col-sm-pull-2{
right: 16.66666667%;
}
.col-sm-pull-1{
right: 8.33333333%;
}
.col-sm-pull-0{
right: auto;
}
.col-sm-push-12{
left: 100%;
}
.col-sm-push-11{
left: 91.66666667%;
}
.col-sm-push-10{
left: 83.33333333%;
}
.col-sm-push-9{
left: 75%;
}
.col-sm-push-8{
left: 66.66666667%;
}
.col-sm-push-7{
left: 58.33333333%;
}
.col-sm-push-6{
left: 50%;
}
.col-sm-push-5{
left: 41.66666667%;
}
.col-sm-push-4{
left: 33.33333333%;
}
.col-sm-push-3{
left: 25%;
}
.col-sm-push-2{
left: 16.66666667%;
}
.col-sm-push-1{
left: 8.33333333%;
}
.col-sm-push-0{
left: auto;
}
.col-sm-offset-12{
margin-left: 100%;
}
.col-sm-offset-11{
margin-left: 91.66666667%;
}
.col-sm-offset-10{
margin-left: 83.33333333%;
}
.col-sm-offset-9{
margin-left: 75%;
}
.col-sm-offset-8{
margin-left: 66.66666667%;
}
.col-sm-offset-7{
margin-left: 58.33333333%;
}
.col-sm-offset-6{
margin-left: 50%;
}
.col-sm-offset-5{
margin-left: 41.66666667%;
}
.col-sm-offset-4{
margin-left: 33.33333333%;
}
.col-sm-offset-3{
margin-left: 25%;
}
.col-sm-offset-2{
margin-left: 16.66666667%;
}
.col-sm-offset-1{
margin-left: 8.33333333%;
}
.col-sm-offset-0{
margin-left: 0;
}}

@media (min-width: 992px) {.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{
float: left;
}
.col-md-12{
width: 100%;
}
.col-md-11{
width: 91.66666667%;
}
.col-md-10{
width: 83.33333333%;
}
.col-md-9{
width: 75%;
}
.col-md-8{
width: 66.66666667%;
}
.col-md-7{
width: 58.33333333%;
}
.col-md-6{
width: 50%;
}
.col-md-5{
width: 41.66666667%;
}
.col-md-4{
width: 33.33333333%;
}
.col-md-3{
width: 25%;
}
.col-md-2{
width: 16.66666667%;
}
.col-md-1{
width: 8.33333333%;
}
.col-md-pull-12{
right: 100%;
}
.col-md-pull-11{
right: 91.66666667%;
}
.col-md-pull-10{
right: 83.33333333%;
}
.col-md-pull-9{
right: 75%;
}
.col-md-pull-8{
right: 66.66666667%;
}
.col-md-pull-7{
right: 58.33333333%;
}
.col-md-pull-6{
right: 50%;
}
.col-md-pull-5{
right: 41.66666667%;
}
.col-md-pull-4{
right: 33.33333333%;
}
.col-md-pull-3{
right: 25%;
}
.col-md-pull-2{
right: 16.66666667%;
}
.col-md-pull-1{
right: 8.33333333%;
}
.col-md-pull-0{
right: auto;
}
.col-md-push-12{
left: 100%;
}
.col-md-push-11{
left: 91.66666667%;
}
.col-md-push-10{
left: 83.33333333%;
}
.col-md-push-9{
left: 75%;
}
.col-md-push-8{
left: 66.66666667%;
}
.col-md-push-7{
left: 58.33333333%;
}
.col-md-push-6{
left: 50%;
}
.col-md-push-5{
left: 41.66666667%;
}
.col-md-push-4{
left: 33.33333333%;
}
.col-md-push-3{
left: 25%;
}
.col-md-push-2{
left: 16.66666667%;
}
.col-md-push-1{
left: 8.33333333%;
}
.col-md-push-0{
left: auto;
}
.col-md-offset-12{
margin-left: 100%;
}
.col-md-offset-11{
margin-left: 91.66666667%;
}
.col-md-offset-10{
margin-left: 83.33333333%;
}
.col-md-offset-9{
margin-left: 75%;
}
.col-md-offset-8{
margin-left: 66.66666667%;
}
.col-md-offset-7{
margin-left: 58.33333333%;
}
.col-md-offset-6{
margin-left: 50%;
}
.col-md-offset-5{
margin-left: 41.66666667%;
}
.col-md-offset-4{
margin-left: 33.33333333%;
}
.col-md-offset-3{
margin-left: 25%;
}
.col-md-offset-2{
margin-left: 16.66666667%;
}
.col-md-offset-1{
margin-left: 8.33333333%;
}
.col-md-offset-0{
margin-left: 0;
}}

@media (min-width: 1200px) {.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{
float: left;
}
.col-lg-12{
width: 100%;
}
.col-lg-11{
width: 91.66666667%;
}
.col-lg-10{
width: 83.33333333%;
}
.col-lg-9{
width: 75%;
}
.col-lg-8{
width: 66.66666667%;
}
.col-lg-7{
width: 58.33333333%;
}
.col-lg-6{
width: 50%;
}
.col-lg-5{
width: 41.66666667%;
}
.col-lg-4{
width: 33.33333333%;
}
.col-lg-3{
width: 25%;
}
.col-lg-2{
width: 16.66666667%;
}
.col-lg-1{
width: 8.33333333%;
}
.col-lg-pull-12{
right: 100%;
}
.col-lg-pull-11{
right: 91.66666667%;
}
.col-lg-pull-10{
right: 83.33333333%;
}
.col-lg-pull-9{
right: 75%;
}
.col-lg-pull-8{
right: 66.66666667%;
}
.col-lg-pull-7{
right: 58.33333333%;
}
.col-lg-pull-6{
right: 50%;
}
.col-lg-pull-5{
right: 41.66666667%;
}
.col-lg-pull-4{
right: 33.33333333%;
}
.col-lg-pull-3{
right: 25%;
}
.col-lg-pull-2{
right: 16.66666667%;
}
.col-lg-pull-1{
right: 8.33333333%;
}
.col-lg-pull-0{
right: auto;
}
.col-lg-push-12{
left: 100%;
}
.col-lg-push-11{
left: 91.66666667%;
}
.col-lg-push-10{
left: 83.33333333%;
}
.col-lg-push-9{
left: 75%;
}
.col-lg-push-8{
left: 66.66666667%;
}
.col-lg-push-7{
left: 58.33333333%;
}
.col-lg-push-6{
left: 50%;
}
.col-lg-push-5{
left: 41.66666667%;
}
.col-lg-push-4{
left: 33.33333333%;
}
.col-lg-push-3{
left: 25%;
}
.col-lg-push-2{
left: 16.66666667%;
}
.col-lg-push-1{
left: 8.33333333%;
}
.col-lg-push-0{
left: auto;
}
.col-lg-offset-12{
margin-left: 100%;
}
.col-lg-offset-11{
margin-left: 91.66666667%;
}
.col-lg-offset-10{
margin-left: 83.33333333%;
}
.col-lg-offset-9{
margin-left: 75%;
}
.col-lg-offset-8{
margin-left: 66.66666667%;
}
.col-lg-offset-7{
margin-left: 58.33333333%;
}
.col-lg-offset-6{
margin-left: 50%;
}
.col-lg-offset-5{
margin-left: 41.66666667%;
}
.col-lg-offset-4{
margin-left: 33.33333333%;
}
.col-lg-offset-3{
margin-left: 25%;
}
.col-lg-offset-2{
margin-left: 16.66666667%;
}
.col-lg-offset-1{
margin-left: 8.33333333%;
}
.col-lg-offset-0{
margin-left: 0;
}}
table{
background-color: transparent;
}
caption{
padding-top: 8px;
padding-bottom: 8px;
color: #777;
text-align: left;
}
th{
text-align: left;
}
.table{
width: 100%;
max-width: 100%;
margin-bottom: 20px;
}
.table > thead > tr > th,.table > tbody > tr > th,.table > tfoot > tr > th,.table > thead > tr > td,.table > tbody > tr > td,.table > tfoot > tr > td{
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #ddd;
}
.table > thead > tr > th{
vertical-align: bottom;
border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,.table > colgroup + thead > tr:first-child > th,.table > thead:first-child > tr:first-child > th,.table > caption + thead > tr:first-child > td,.table > colgroup + thead > tr:first-child > td,.table > thead:first-child > tr:first-child > td{
border-top: 0;
}
.table > tbody + tbody{
border-top: 2px solid #ddd;
}
.table .table{
background-color: #fff;
}
.table-condensed > thead > tr > th,.table-condensed > tbody > tr > th,.table-condensed > tfoot > tr > th,.table-condensed > thead > tr > td,.table-condensed > tbody > tr > td,.table-condensed > tfoot > tr > td{
padding: 5px;
}
.table-bordered{
border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,.table-bordered > tbody > tr > th,.table-bordered > tfoot > tr > th,.table-bordered > thead > tr > td,.table-bordered > tbody > tr > td,.table-bordered > tfoot > tr > td{
border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,.table-bordered > thead > tr > td{
border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd){
background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover{
background-color: #f5f5f5;
}
table col[class*="col-"]{
position: static;
display: table-column;
float: none;
}
table td[class*="col-"],table th[class*="col-"]{
position: static;
display: table-cell;
float: none;
}
.table > thead > tr > td.active,.table > tbody > tr > td.active,.table > tfoot > tr > td.active,.table > thead > tr > th.active,.table > tbody > tr > th.active,.table > tfoot > tr > th.active,.table > thead > tr.active > td,.table > tbody > tr.active > td,.table > tfoot > tr.active > td,.table > thead > tr.active > th,.table > tbody > tr.active > th,.table > tfoot > tr.active > th{
background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,.table-hover > tbody > tr > th.active:hover,.table-hover > tbody > tr.active:hover > td,.table-hover > tbody > tr:hover > .active,.table-hover > tbody > tr.active:hover > th{
background-color: #e8e8e8;
}
.table > thead > tr > td.success,.table > tbody > tr > td.success,.table > tfoot > tr > td.success,.table > thead > tr > th.success,.table > tbody > tr > th.success,.table > tfoot > tr > th.success,.table > thead > tr.success > td,.table > tbody > tr.success > td,.table > tfoot > tr.success > td,.table > thead > tr.success > th,.table > tbody > tr.success > th,.table > tfoot > tr.success > th{
background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,.table-hover > tbody > tr > th.success:hover,.table-hover > tbody > tr.success:hover > td,.table-hover > tbody > tr:hover > .success,.table-hover > tbody > tr.success:hover > th{
background-color: #d0e9c6;
}
.table > thead > tr > td.info,.table > tbody > tr > td.info,.table > tfoot > tr > td.info,.table > thead > tr > th.info,.table > tbody > tr > th.info,.table > tfoot > tr > th.info,.table > thead > tr.info > td,.table > tbody > tr.info > td,.table > tfoot > tr.info > td,.table > thead > tr.info > th,.table > tbody > tr.info > th,.table > tfoot > tr.info > th{
background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,.table-hover > tbody > tr > th.info:hover,.table-hover > tbody > tr.info:hover > td,.table-hover > tbody > tr:hover > .info,.table-hover > tbody > tr.info:hover > th{
background-color: #c4e3f3;
}
.table > thead > tr > td.warning,.table > tbody > tr > td.warning,.table > tfoot > tr > td.warning,.table > thead > tr > th.warning,.table > tbody > tr > th.warning,.table > tfoot > tr > th.warning,.table > thead > tr.warning > td,.table > tbody > tr.warning > td,.table > tfoot > tr.warning > td,.table > thead > tr.warning > th,.table > tbody > tr.warning > th,.table > tfoot > tr.warning > th{
background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,.table-hover > tbody > tr > th.warning:hover,.table-hover > tbody > tr.warning:hover > td,.table-hover > tbody > tr:hover > .warning,.table-hover > tbody > tr.warning:hover > th{
background-color: #faf2cc;
}
.table > thead > tr > td.danger,.table > tbody > tr > td.danger,.table > tfoot > tr > td.danger,.table > thead > tr > th.danger,.table > tbody > tr > th.danger,.table > tfoot > tr > th.danger,.table > thead > tr.danger > td,.table > tbody > tr.danger > td,.table > tfoot > tr.danger > td,.table > thead > tr.danger > th,.table > tbody > tr.danger > th,.table > tfoot > tr.danger > th{
background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,.table-hover > tbody > tr > th.danger:hover,.table-hover > tbody > tr.danger:hover > td,.table-hover > tbody > tr:hover > .danger,.table-hover > tbody > tr.danger:hover > th{
background-color: #ebcccc;
}
.table-responsive{
min-height: .01%;
overflow-x: auto;
}

@media screen and (max-width: 767px) {.table-responsive{
width: 100%;
margin-bottom: 15px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd;
}
.table-responsive > .table{
margin-bottom: 0;
}
.table-responsive > .table > thead > tr > th,.table-responsive > .table > tbody > tr > th,.table-responsive > .table > tfoot > tr > th,.table-responsive > .table > thead > tr > td,.table-responsive > .table > tbody > tr > td,.table-responsive > .table > tfoot > tr > td{
white-space: nowrap;
}
.table-responsive > .table-bordered{
border: 0;
}
.table-responsive > .table-bordered > thead > tr > th:first-child,.table-responsive > .table-bordered > tbody > tr > th:first-child,.table-responsive > .table-bordered > tfoot > tr > th:first-child,.table-responsive > .table-bordered > thead > tr > td:first-child,.table-responsive > .table-bordered > tbody > tr > td:first-child,.table-responsive > .table-bordered > tfoot > tr > td:first-child{
border-left: 0;
}
.table-responsive > .table-bordered > thead > tr > th:last-child,.table-responsive > .table-bordered > tbody > tr > th:last-child,.table-responsive > .table-bordered > tfoot > tr > th:last-child,.table-responsive > .table-bordered > thead > tr > td:last-child,.table-responsive > .table-bordered > tbody > tr > td:last-child,.table-responsive > .table-bordered > tfoot > tr > td:last-child{
border-right: 0;
}
.table-responsive > .table-bordered > tbody > tr:last-child > th,.table-responsive > .table-bordered > tfoot > tr:last-child > th,.table-responsive > .table-bordered > tbody > tr:last-child > td,.table-responsive > .table-bordered > tfoot > tr:last-child > td{
border-bottom: 0;
}}
fieldset{
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend{
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: inherit;
color: #333;
border: 0;
border-bottom: 1px solid #e5e5e5;
}
label{
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: bold;
}
input[type="search"]{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
input[type="radio"],input[type="checkbox"]{
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal;
}
input[type="file"]{
display: block;
}
input[type="range"]{
display: block;
width: 100%;
}
select[multiple],select[size]{
height: auto;
}
input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
output{
display: block;
padding-top: 7px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
}
.form-control{
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus{
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder{
color: #999;
opacity: 1;
}
.form-control:-ms-input-placeholder{
color: #999;
}
.form-control::-webkit-input-placeholder{
color: #999;
}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{
background-color: #eee;
opacity: 1;
}
.form-control[disabled],fieldset[disabled] .form-control{
cursor: not-allowed;
}
textarea.form-control{
height: auto;
}
input[type="search"]{
-webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"]{
line-height: 34px;
}
input[type="date"].input-sm,input[type="time"].input-sm,input[type="datetime-local"].input-sm,input[type="month"].input-sm,.input-group-sm input[type="date"],.input-group-sm input[type="time"],.input-group-sm input[type="datetime-local"],.input-group-sm input[type="month"]{
line-height: 30px;
}
input[type="date"].input-lg,input[type="time"].input-lg,input[type="datetime-local"].input-lg,input[type="month"].input-lg,.input-group-lg input[type="date"],.input-group-lg input[type="time"],.input-group-lg input[type="datetime-local"],.input-group-lg input[type="month"]{
line-height: 46px;
}}
.form-group{
margin-bottom: 15px;
}
.radio,.checkbox{
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px;
}
.radio label,.checkbox label{
min-height: 20px;
padding-left: 20px;
margin-bottom: 0;
font-weight: normal;
cursor: pointer;
}
.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{
position: absolute;
margin-top: 4px \9;
margin-left: -20px;
}
.radio + .radio,.checkbox + .checkbox{
margin-top: -5px;
}
.radio-inline,.checkbox-inline{
position: relative;
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
font-weight: normal;
vertical-align: middle;
cursor: pointer;
}
.radio-inline + .radio-inline,.checkbox-inline + .checkbox-inline{
margin-top: 0;
margin-left: 10px;
}
input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"].disabled,input[type="checkbox"].disabled,fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"]{
cursor: not-allowed;
}
.radio-inline.disabled,.checkbox-inline.disabled,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox-inline{
cursor: not-allowed;
}
.radio.disabled label,.checkbox.disabled label,fieldset[disabled] .radio label,fieldset[disabled] .checkbox label{
cursor: not-allowed;
}
.form-control-static{
min-height: 34px;
padding-top: 7px;
padding-bottom: 7px;
margin-bottom: 0;
}
.form-control-static.input-lg,.form-control-static.input-sm{
padding-right: 0;
padding-left: 0;
}
.input-sm{
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
select.input-sm{
height: 30px;
line-height: 30px;
}
textarea.input-sm,select[multiple].input-sm{
height: auto;
}
.form-group-sm .form-control{
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
select.form-group-sm .form-control{
height: 30px;
line-height: 30px;
}
textarea.form-group-sm .form-control,select[multiple].form-group-sm .form-control{
height: auto;
}
.form-group-sm .form-control-static{
height: 30px;
min-height: 32px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
}
.input-lg{
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
select.input-lg{
height: 46px;
line-height: 46px;
}
textarea.input-lg,select[multiple].input-lg{
height: auto;
}
.form-group-lg .form-control{
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
select.form-group-lg .form-control{
height: 46px;
line-height: 46px;
}
textarea.form-group-lg .form-control,select[multiple].form-group-lg .form-control{
height: auto;
}
.form-group-lg .form-control-static{
height: 46px;
min-height: 38px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
}
.has-feedback{
position: relative;
}
.has-feedback .form-control{
padding-right: 42.5px;
}
.form-control-feedback{
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
pointer-events: none;
}
.input-lg + .form-control-feedback{
width: 46px;
height: 46px;
line-height: 46px;
}
.input-sm + .form-control-feedback{
width: 30px;
height: 30px;
line-height: 30px;
}
.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline,.has-success.radio label,.has-success.checkbox label,.has-success.radio-inline label,.has-success.checkbox-inline label{
color: #3c763d;
}
.has-success .form-control{
border-color: #3c763d;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-success .form-control:focus{
border-color: #2b542c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
}
.has-success .input-group-addon{
color: #3c763d;
background-color: #dff0d8;
border-color: #3c763d;
}
.has-success .form-control-feedback{
color: #3c763d;
}
.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline,.has-warning.radio label,.has-warning.checkbox label,.has-warning.radio-inline label,.has-warning.checkbox-inline label{
color: #8a6d3b;
}
.has-warning .form-control{
border-color: #8a6d3b;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-warning .form-control:focus{
border-color: #66512c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon{
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #8a6d3b;
}
.has-warning .form-control-feedback{
color: #8a6d3b;
}
.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline,.has-error.radio label,.has-error.checkbox label,.has-error.radio-inline label,.has-error.checkbox-inline label{
color: #a94442;
}
.has-error .form-control{
border-color: #a94442;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .form-control:focus{
border-color: #843534;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.has-error .input-group-addon{
color: #a94442;
background-color: #f2dede;
border-color: #a94442;
}
.has-error .form-control-feedback{
color: #a94442;
}
.has-feedback label ~ .form-control-feedback{
top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback{
top: 0;
}
.help-block{
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #737373;
}

@media (min-width: 960px) {.form-inline .form-group{
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .form-control{
display: inline-block;
width: auto;
vertical-align: middle;
}
.form-inline .form-control-static{
display: inline-block;
}
.form-inline .input-group{
display: inline-table;
vertical-align: middle;
}
.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn,.form-inline .input-group .form-control{
width: auto;
}
.form-inline .input-group > .form-control{
width: 100%;
}
.form-inline .control-label{
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio,.form-inline .checkbox{
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio label,.form-inline .checkbox label{
padding-left: 0;
}
.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{
position: relative;
margin-left: 0;
}
.form-inline .has-feedback .form-control-feedback{
top: 0;
}}
.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{
padding-top: 7px;
margin-top: 0;
margin-bottom: 0;
}
.form-horizontal .radio,.form-horizontal .checkbox{
min-height: 27px;
}
.form-horizontal .form-group{
margin-right: -15px;
margin-left: -15px;
}

@media (min-width: 960px) {.form-horizontal .control-label{
padding-top: 7px;
margin-bottom: 0;
text-align: right;
}}
.form-horizontal .has-feedback .form-control-feedback{
right: 15px;
}

@media (min-width: 960px) {.form-horizontal .form-group-lg .control-label{
padding-top: 14.333333px;
}}

@media (min-width: 960px) {.form-horizontal .form-group-sm .control-label{
padding-top: 6px;
}}
.btn{
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus{
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn:hover,.btn:focus,.btn.focus{
color: #333;
text-decoration: none;
}
.btn:active,.btn.active{
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn{
pointer-events: none;
cursor: not-allowed;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
opacity: .65;
}
.btn-default{
color: #333;
background-color: #fff;
border-color: #ccc;
}
.btn-default:hover,.btn-default:focus,.btn-default.focus,.btn-default:active,.btn-default.active,.open > .dropdown-toggle.btn-default{
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn-default:active,.btn-default.active,.open > .dropdown-toggle.btn-default{
background-image: none;
}
.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled.focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default.focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active{
background-color: #fff;
border-color: #ccc;
}
.btn-default .badge{
color: #fff;
background-color: #333;
}
.btn-primary{
color: #fff;
background-color: #337ab7;
border-color: #2e6da4;
}
.btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active,.open > .dropdown-toggle.btn-primary{
color: #fff;
background-color: #286090;
border-color: #204d74;
}
.btn-primary:active,.btn-primary.active,.open > .dropdown-toggle.btn-primary{
background-image: none;
}
.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled.focus,.btn-primary[disabled].focus,fieldset[disabled] .btn-primary.focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{
background-color: #337ab7;
border-color: #2e6da4;
}
.btn-primary .badge{
color: #337ab7;
background-color: #fff;
}
.btn-success{
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success:hover,.btn-success:focus,.btn-success.focus,.btn-success:active,.btn-success.active,.open > .dropdown-toggle.btn-success{
color: #fff;
background-color: #449d44;
border-color: #398439;
}
.btn-success:active,.btn-success.active,.open > .dropdown-toggle.btn-success{
background-image: none;
}
.btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled.focus,.btn-success[disabled].focus,fieldset[disabled] .btn-success.focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active{
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success .badge{
color: #5cb85c;
background-color: #fff;
}
.btn-info{
color: #fff;
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info:hover,.btn-info:focus,.btn-info.focus,.btn-info:active,.btn-info.active,.open > .dropdown-toggle.btn-info{
color: #fff;
background-color: #31b0d5;
border-color: #269abc;
}
.btn-info:active,.btn-info.active,.open > .dropdown-toggle.btn-info{
background-image: none;
}
.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled.focus,.btn-info[disabled].focus,fieldset[disabled] .btn-info.focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active{
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info .badge{
color: #5bc0de;
background-color: #fff;
}
.btn-warning{
color: #fff;
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning:hover,.btn-warning:focus,.btn-warning.focus,.btn-warning:active,.btn-warning.active,.open > .dropdown-toggle.btn-warning{
color: #fff;
background-color: #ec971f;
border-color: #d58512;
}
.btn-warning:active,.btn-warning.active,.open > .dropdown-toggle.btn-warning{
background-image: none;
}
.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled.focus,.btn-warning[disabled].focus,fieldset[disabled] .btn-warning.focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active{
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning .badge{
color: #f0ad4e;
background-color: #fff;
}
.btn-danger{
color: #fff;
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger:hover,.btn-danger:focus,.btn-danger.focus,.btn-danger:active,.btn-danger.active,.open > .dropdown-toggle.btn-danger{
color: #fff;
background-color: #c9302c;
border-color: #ac2925;
}
.btn-danger:active,.btn-danger.active,.open > .dropdown-toggle.btn-danger{
background-image: none;
}
.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled.focus,.btn-danger[disabled].focus,fieldset[disabled] .btn-danger.focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active{
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger .badge{
color: #d9534f;
background-color: #fff;
}
.btn-link{
font-weight: normal;
color: #337ab7;
border-radius: 0;
}
.btn-link,.btn-link:active,.btn-link.active,.btn-link[disabled],fieldset[disabled] .btn-link{
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{
border-color: transparent;
}
.btn-link:hover,.btn-link:focus{
color: #23527c;
text-decoration: underline;
background-color: transparent;
}
.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{
color: #777;
text-decoration: none;
}
.btn-lg,.btn-group-lg > .btn{
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
.btn-sm,.btn-group-sm > .btn{
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-xs,.btn-group-xs > .btn{
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-block{
display: block;
width: 100%;
}
.btn-block + .btn-block{
margin-top: 5px;
}
input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{
width: 100%;
}
.fade{
opacity: 0;
-webkit-transition: opacity .15s linear;
-o-transition: opacity .15s linear;
transition: opacity .15s linear;
}
.fade.in{
opacity: 1;
}
.collapse{
display: none;
}
.collapse.in{
display: block;
}
tr.collapse.in{
display: table-row;
}
tbody.collapse.in{
display: table-row-group;
}
.collapsing{
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: .35s;
-o-transition-duration: .35s;
transition-duration: .35s;
-webkit-transition-property: height, visibility;
-o-transition-property: height, visibility;
transition-property: height, visibility;
}
.caret{
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px dashed;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.dropup,.dropdown{
position: relative;
}
.dropdown-toggle:focus{
outline: 0;
}
.dropdown-menu{
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
font-size: 14px;
text-align: left;
list-style: none;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, .15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu.pull-right{
right: 0;
left: auto;
}
.dropdown-menu .divider{
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.dropdown-menu > li > a{
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: #333;
white-space: nowrap;
}
.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus{
color: #262626;
text-decoration: none;
background-color: #f5f5f5;
}
.dropdown-menu > .active > a,.dropdown-menu > .active > a:hover,.dropdown-menu > .active > a:focus{
color: #fff;
text-decoration: none;
background-color: #337ab7;
outline: 0;
}
.dropdown-menu > .disabled > a,.dropdown-menu > .disabled > a:hover,.dropdown-menu > .disabled > a:focus{
color: #777;
}
.dropdown-menu > .disabled > a:hover,.dropdown-menu > .disabled > a:focus{
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu{
display: block;
}
.open > a{
outline: 0;
}
.dropdown-menu-right{
right: 0;
left: auto;
}
.dropdown-menu-left{
right: auto;
left: 0;
}
.dropdown-header{
display: block;
padding: 3px 20px;
font-size: 12px;
line-height: 1.42857143;
color: #777;
white-space: nowrap;
}
.dropdown-backdrop{
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 990;
}
.pull-right > .dropdown-menu{
right: 0;
left: auto;
}
.dropup .caret,.navbar-fixed-bottom .dropdown .caret{
content: "";
border-top: 0;
border-bottom: 4px solid;
}
.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{
top: auto;
bottom: 100%;
margin-bottom: 2px;
}

@media (min-width: 960px) {.navbar-right .dropdown-menu{
right: 0;
left: auto;
}
.navbar-right .dropdown-menu-left{
right: auto;
left: 0;
}}
.btn-group,.btn-group-vertical{
position: relative;
display: inline-block;
vertical-align: middle;
}
.btn-group > .btn,.btn-group-vertical > .btn{
position: relative;
float: left;
}
.btn-group > .btn:hover,.btn-group-vertical > .btn:hover,.btn-group > .btn:focus,.btn-group-vertical > .btn:focus,.btn-group > .btn:active,.btn-group-vertical > .btn:active,.btn-group > .btn.active,.btn-group-vertical > .btn.active{
z-index: 2;
}
.btn-group .btn + .btn,.btn-group .btn + .btn-group,.btn-group .btn-group + .btn,.btn-group .btn-group + .btn-group{
margin-left: -1px;
}
.btn-toolbar{
margin-left: -5px;
}
.btn-toolbar .btn-group,.btn-toolbar .input-group{
float: left;
}
.btn-toolbar > .btn,.btn-toolbar > .btn-group,.btn-toolbar > .input-group{
margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle){
border-radius: 0;
}
.btn-group > .btn:first-child{
margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle){
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),.btn-group > .dropdown-toggle:not(:first-child){
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group > .btn-group{
float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn{
border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle{
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child{
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{
outline: 0;
}
.btn-group > .btn + .dropdown-toggle{
padding-right: 8px;
padding-left: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle{
padding-right: 12px;
padding-left: 12px;
}
.btn-group.open .dropdown-toggle{
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn-group.open .dropdown-toggle.btn-link{
-webkit-box-shadow: none;
box-shadow: none;
}
.btn .caret{
margin-left: 0;
}
.btn-lg .caret{
border-width: 5px 5px 0;
border-bottom-width: 0;
}
.dropup .btn-lg .caret{
border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,.btn-group-vertical > .btn-group,.btn-group-vertical > .btn-group > .btn{
display: block;
float: none;
width: 100%;
max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn{
float: none;
}
.btn-group-vertical > .btn + .btn,.btn-group-vertical > .btn + .btn-group,.btn-group-vertical > .btn-group + .btn,.btn-group-vertical > .btn-group + .btn-group{
margin-top: -1px;
margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child){
border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child){
border-top-right-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child){
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 4px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn{
border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle{
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child{
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.btn-group-justified{
display: table;
width: 100%;
table-layout: fixed;
border-collapse: separate;
}
.btn-group-justified > .btn,.btn-group-justified > .btn-group{
display: table-cell;
float: none;
width: 1%;
}
.btn-group-justified > .btn-group .btn{
width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu{
left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],[data-toggle="buttons"] > .btn input[type="checkbox"],[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"]{
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
.input-group{
position: relative;
display: table;
border-collapse: separate;
}
.input-group[class*="col-"]{
float: none;
padding-right: 0;
padding-left: 0;
}
.input-group .form-control{
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0;
}
.input-group-lg > .form-control,.input-group-lg > .input-group-addon,.input-group-lg > .input-group-btn > .btn{
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
select.input-group-lg > .form-control,select.input-group-lg > .input-group-addon,select.input-group-lg > .input-group-btn > .btn{
height: 46px;
line-height: 46px;
}
textarea.input-group-lg > .form-control,textarea.input-group-lg > .input-group-addon,textarea.input-group-lg > .input-group-btn > .btn,select[multiple].input-group-lg > .form-control,select[multiple].input-group-lg > .input-group-addon,select[multiple].input-group-lg > .input-group-btn > .btn{
height: auto;
}
.input-group-sm > .form-control,.input-group-sm > .input-group-addon,.input-group-sm > .input-group-btn > .btn{
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
select.input-group-sm > .form-control,select.input-group-sm > .input-group-addon,select.input-group-sm > .input-group-btn > .btn{
height: 30px;
line-height: 30px;
}
textarea.input-group-sm > .form-control,textarea.input-group-sm > .input-group-addon,textarea.input-group-sm > .input-group-btn > .btn,select[multiple].input-group-sm > .form-control,select[multiple].input-group-sm > .input-group-addon,select[multiple].input-group-sm > .input-group-btn > .btn{
height: auto;
}
.input-group-addon,.input-group-btn,.input-group .form-control{
display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){
border-radius: 0;
}
.input-group-addon,.input-group-btn{
width: 1%;
white-space: nowrap;
vertical-align: middle;
}
.input-group-addon{
padding: 6px 12px;
font-size: 14px;
font-weight: normal;
line-height: 1;
color: #555;
text-align: center;
background-color: #eee;
border: 1px solid #ccc;
border-radius: 4px;
}
.input-group-addon.input-sm{
padding: 5px 10px;
font-size: 12px;
border-radius: 3px;
}
.input-group-addon.input-lg{
padding: 10px 16px;
font-size: 18px;
border-radius: 6px;
}
.input-group-addon input[type="radio"],.input-group-addon input[type="checkbox"]{
margin-top: 0;
}
.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child > .btn,.input-group-btn:first-child > .btn-group > .btn,.input-group-btn:first-child > .dropdown-toggle,.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child > .btn-group:not(:last-child) > .btn{
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group-addon:first-child{
border-right: 0;
}
.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child > .btn,.input-group-btn:last-child > .btn-group > .btn,.input-group-btn:last-child > .dropdown-toggle,.input-group-btn:first-child > .btn:not(:first-child),.input-group-btn:first-child > .btn-group:not(:first-child) > .btn{
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group-addon:last-child{
border-left: 0;
}
.input-group-btn{
position: relative;
font-size: 0;
white-space: nowrap;
}
.input-group-btn > .btn{
position: relative;
}
.input-group-btn > .btn + .btn{
margin-left: -1px;
}
.input-group-btn > .btn:hover,.input-group-btn > .btn:focus,.input-group-btn > .btn:active{
z-index: 2;
}
.input-group-btn:first-child > .btn,.input-group-btn:first-child > .btn-group{
margin-right: -1px;
}
.input-group-btn:last-child > .btn,.input-group-btn:last-child > .btn-group{
margin-left: -1px;
}
.nav{
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.nav > li{
position: relative;
display: block;
}
.nav > li > a{
position: relative;
display: block;
padding: 10px 15px;
}
.nav > li > a:hover,.nav > li > a:focus{
text-decoration: none;
background-color: #eee;
}
.nav > li.disabled > a{
color: #777;
}
.nav > li.disabled > a:hover,.nav > li.disabled > a:focus{
color: #777;
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
}
.nav .open > a,.nav .open > a:hover,.nav .open > a:focus{
background-color: #eee;
border-color: #337ab7;
}
.nav .nav-divider{
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.nav > li > a > img{
max-width: none;
}
.nav-tabs{
border-bottom: 1px solid #ddd;
}
.nav-tabs > li{
float: left;
margin-bottom: -1px;
}
.nav-tabs > li > a{
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover{
border-color: #eee #eee #ddd;
}
.nav-tabs > li.active > a,.nav-tabs > li.active > a:hover,.nav-tabs > li.active > a:focus{
color: #555;
cursor: default;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
}
.nav-tabs.nav-justified{
width: 100%;
border-bottom: 0;
}
.nav-tabs.nav-justified > li{
float: none;
}
.nav-tabs.nav-justified > li > a{
margin-bottom: 5px;
text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu{
top: auto;
left: auto;
}

@media (min-width: 960px) {.nav-tabs.nav-justified > li{
display: table-cell;
width: 1%;
}
.nav-tabs.nav-justified > li > a{
margin-bottom: 0;
}}
.nav-tabs.nav-justified > li > a{
margin-right: 0;
border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,.nav-tabs.nav-justified > .active > a:hover,.nav-tabs.nav-justified > .active > a:focus{
border: 1px solid #ddd;
}

@media (min-width: 960px) {.nav-tabs.nav-justified > li > a{
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0;
}
.nav-tabs.nav-justified > .active > a,.nav-tabs.nav-justified > .active > a:hover,.nav-tabs.nav-justified > .active > a:focus{
border-bottom-color: #fff;
}}
.nav-pills > li{
float: left;
}
.nav-pills > li > a{
border-radius: 4px;
}
.nav-pills > li + li{
margin-left: 2px;
}
.nav-pills > li.active > a,.nav-pills > li.active > a:hover,.nav-pills > li.active > a:focus{
color: #fff;
background-color: #337ab7;
}
.nav-stacked > li{
float: none;
}
.nav-stacked > li + li{
margin-top: 2px;
margin-left: 0;
}
.nav-justified{
width: 100%;
}
.nav-justified > li{
float: none;
}
.nav-justified > li > a{
margin-bottom: 5px;
text-align: center;
}
.nav-justified > .dropdown .dropdown-menu{
top: auto;
left: auto;
}

@media (min-width: 960px) {.nav-justified > li{
display: table-cell;
width: 1%;
}
.nav-justified > li > a{
margin-bottom: 0;
}}
.nav-tabs-justified{
border-bottom: 0;
}
.nav-tabs-justified > li > a{
margin-right: 0;
border-radius: 4px;
}
.nav-tabs-justified > .active > a,.nav-tabs-justified > .active > a:hover,.nav-tabs-justified > .active > a:focus{
border: 1px solid #ddd;
}

@media (min-width: 960px) {.nav-tabs-justified > li > a{
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0;
}
.nav-tabs-justified > .active > a,.nav-tabs-justified > .active > a:hover,.nav-tabs-justified > .active > a:focus{
border-bottom-color: #fff;
}}
.tab-content > .tab-pane{
display: none;
}
.tab-content > .active{
display: block;
}
.nav-tabs .dropdown-menu{
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.navbar{
position: relative;
min-height: 50px;
margin-bottom: 20px;
border: 1px solid transparent;
}

@media (min-width: 960px) {.navbar{
border-radius: 4px;
}}

@media (min-width: 960px) {.navbar-header{
float: left;
}}
.navbar-collapse{
padding-right: 15px;
padding-left: 15px;
overflow-x: visible;
-webkit-overflow-scrolling: touch;
border-top: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.navbar-collapse.in{
overflow-y: auto;
}

@media (min-width: 960px) {.navbar-collapse{
width: auto;
border-top: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-collapse.collapse{
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
.navbar-collapse.in{
overflow-y: visible;
}
.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{
padding-right: 0;
padding-left: 0;
}}
.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{
max-height: 340px;
}

@media (max-device-width: 480px) and (orientation: landscape) {.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{
max-height: 200px;
}}
.container > .navbar-header,.container-fluid > .navbar-header,.container > .navbar-collapse,.container-fluid > .navbar-collapse{
margin-right: -15px;
margin-left: -15px;
}

@media (min-width: 960px) {.container > .navbar-header,.container-fluid > .navbar-header,.container > .navbar-collapse,.container-fluid > .navbar-collapse{
margin-right: 0;
margin-left: 0;
}}
.navbar-static-top{
z-index: 1000;
border-width: 0 0 1px;
}

@media (min-width: 960px) {.navbar-static-top{
border-radius: 0;
}}
.navbar-fixed-top,.navbar-fixed-bottom{
position: fixed;
right: 0;
left: 0;
z-index: 1030;
}

@media (min-width: 960px) {.navbar-fixed-top,.navbar-fixed-bottom{
border-radius: 0;
}}
.navbar-fixed-top{
top: 0;
border-width: 0 0 1px;
}
.navbar-fixed-bottom{
bottom: 0;
margin-bottom: 0;
border-width: 1px 0 0;
}
.navbar-brand{
float: left;
height: 50px;
padding: 15px 15px;
font-size: 18px;
line-height: 20px;
}
.navbar-brand:hover,.navbar-brand:focus{
text-decoration: none;
}
.navbar-brand > img{
display: block;
}

@media (min-width: 960px) {.navbar > .container .navbar-brand,.navbar > .container-fluid .navbar-brand{
margin-left: -15px;
}}
.navbar-toggle{
position: relative;
float: right;
padding: 9px 10px;
margin-top: 8px;
margin-right: 15px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.navbar-toggle:focus{
outline: 0;
}
.navbar-toggle .icon-bar{
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar{
margin-top: 4px;
}

@media (min-width: 960px) {.navbar-toggle{
display: none;
}}
.navbar-nav{
margin: 7.5px -15px;
}
.navbar-nav > li > a{
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px;
}

@media (max-width: 767px) {.navbar-nav .open .dropdown-menu{
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-nav .open .dropdown-menu > li > a,.navbar-nav .open .dropdown-menu .dropdown-header{
padding: 5px 15px 5px 25px;
}
.navbar-nav .open .dropdown-menu > li > a{
line-height: 20px;
}
.navbar-nav .open .dropdown-menu > li > a:hover,.navbar-nav .open .dropdown-menu > li > a:focus{
background-image: none;
}}

@media (min-width: 960px) {.navbar-nav{
float: left;
margin: 0;
}
.navbar-nav > li{
float: left;
}
.navbar-nav > li > a{
padding-top: 15px;
padding-bottom: 15px;
}}
.navbar-form{
padding: 10px 15px;
margin-top: 8px;
margin-right: -15px;
margin-bottom: 8px;
margin-left: -15px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
}

@media (min-width: 960px) {.navbar-form .form-group{
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .form-control{
display: inline-block;
width: auto;
vertical-align: middle;
}
.navbar-form .form-control-static{
display: inline-block;
}
.navbar-form .input-group{
display: inline-table;
vertical-align: middle;
}
.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn,.navbar-form .input-group .form-control{
width: auto;
}
.navbar-form .input-group > .form-control{
width: 100%;
}
.navbar-form .control-label{
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .radio,.navbar-form .checkbox{
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .radio label,.navbar-form .checkbox label{
padding-left: 0;
}
.navbar-form .radio input[type="radio"],.navbar-form .checkbox input[type="checkbox"]{
position: relative;
margin-left: 0;
}
.navbar-form .has-feedback .form-control-feedback{
top: 0;
}}

@media (max-width: 767px) {.navbar-form .form-group{
margin-bottom: 5px;
}
.navbar-form .form-group:last-child{
margin-bottom: 0;
}}

@media (min-width: 960px) {.navbar-form{
width: auto;
padding-top: 0;
padding-bottom: 0;
margin-right: 0;
margin-left: 0;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}}
.navbar-nav > li > .dropdown-menu{
margin-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu{
margin-bottom: 0;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.navbar-btn{
margin-top: 8px;
margin-bottom: 8px;
}
.navbar-btn.btn-sm{
margin-top: 10px;
margin-bottom: 10px;
}
.navbar-btn.btn-xs{
margin-top: 14px;
margin-bottom: 14px;
}
.navbar-text{
margin-top: 15px;
margin-bottom: 15px;
}

@media (min-width: 960px) {.navbar-text{
float: left;
margin-right: 15px;
margin-left: 15px;
}}

@media (min-width: 960px) {.navbar-left{
float: left !important;
}
.navbar-right{
float: right !important;
margin-right: -15px;
}
.navbar-right ~ .navbar-right{
margin-right: 0;
}}
.navbar-default{
background-color: #f8f8f8;
border-color: #e7e7e7;
}
.navbar-default .navbar-brand{
color: #777;
}
.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{
color: #5e5e5e;
background-color: transparent;
}
.navbar-default .navbar-text{
color: #777;
}
.navbar-default .navbar-nav > li > a{
color: #777;
}
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus{
color: #333;
background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:hover,.navbar-default .navbar-nav > .active > a:focus{
color: #555;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,.navbar-default .navbar-nav > .disabled > a:hover,.navbar-default .navbar-nav > .disabled > a:focus{
color: #ccc;
background-color: transparent;
}
.navbar-default .navbar-toggle{
border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{
background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar{
background-color: #888;
}
.navbar-default .navbar-collapse,.navbar-default .navbar-form{
border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,.navbar-default .navbar-nav > .open > a:hover,.navbar-default .navbar-nav > .open > a:focus{
color: #555;
background-color: #e7e7e7;
}

@media (max-width: 767px) {.navbar-default .navbar-nav .open .dropdown-menu > li > a{
color: #777;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{
color: #333;
background-color: transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus{
color: #555;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus{
color: #ccc;
background-color: transparent;
}}
.navbar-default .navbar-link{
color: #777;
}
.navbar-default .navbar-link:hover{
color: #333;
}
.navbar-default .btn-link{
color: #777;
}
.navbar-default .btn-link:hover,.navbar-default .btn-link:focus{
color: #333;
}
.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:hover,.navbar-default .btn-link[disabled]:focus,fieldset[disabled] .navbar-default .btn-link:focus{
color: #ccc;
}
.navbar-inverse{
background-color: #222;
border-color: #080808;
}
.navbar-inverse .navbar-brand{
color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus{
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-text{
color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a{
color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover,.navbar-inverse .navbar-nav > li > a:focus{
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,.navbar-inverse .navbar-nav > .active > a:hover,.navbar-inverse .navbar-nav > .active > a:focus{
color: #fff;
background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,.navbar-inverse .navbar-nav > .disabled > a:hover,.navbar-inverse .navbar-nav > .disabled > a:focus{
color: #444;
background-color: transparent;
}
.navbar-inverse .navbar-toggle{
border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{
background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar{
background-color: #fff;
}
.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{
border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,.navbar-inverse .navbar-nav > .open > a:hover,.navbar-inverse .navbar-nav > .open > a:focus{
color: #fff;
background-color: #080808;
}

@media (max-width: 767px) {.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header{
border-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider{
background-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a{
color: #9d9d9d;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus{
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus{
color: #fff;
background-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus{
color: #444;
background-color: transparent;
}}
.navbar-inverse .navbar-link{
color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover{
color: #fff;
}
.navbar-inverse .btn-link{
color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,.navbar-inverse .btn-link:focus{
color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:hover,.navbar-inverse .btn-link[disabled]:focus,fieldset[disabled] .navbar-inverse .btn-link:focus{
color: #444;
}
.breadcrumb{
padding: 8px 15px;
margin-bottom: 20px;
list-style: none;
background-color: #f5f5f5;
border-radius: 4px;
}
.breadcrumb > li{
display: inline-block;
}
.breadcrumb > li + li:before{
padding: 0 5px;
color: #ccc;
content: "/\00a0";
}
.breadcrumb > .active{
color: #777;
}
.pagination{
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px;
}
.pagination > li{
display: inline;
}
.pagination > li > a,.pagination > li > span{
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.42857143;
color: #337ab7;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
}
.pagination > li:first-child > a,.pagination > li:first-child > span{
margin-left: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,.pagination > li:last-child > span{
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,.pagination > li > span:hover,.pagination > li > a:focus,.pagination > li > span:focus{
color: #23527c;
background-color: #eee;
border-color: #ddd;
}
.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus{
z-index: 2;
color: #fff;
cursor: default;
background-color: #337ab7;
border-color: #337ab7;
}
.pagination > .disabled > span,.pagination > .disabled > span:hover,.pagination > .disabled > span:focus,.pagination > .disabled > a,.pagination > .disabled > a:hover,.pagination > .disabled > a:focus{
color: #777;
cursor: not-allowed;
background-color: #fff;
border-color: #ddd;
}
.pagination-lg > li > a,.pagination-lg > li > span{
padding: 10px 16px;
font-size: 18px;
}
.pagination-lg > li:first-child > a,.pagination-lg > li:first-child > span{
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,.pagination-lg > li:last-child > span{
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,.pagination-sm > li > span{
padding: 5px 10px;
font-size: 12px;
}
.pagination-sm > li:first-child > a,.pagination-sm > li:first-child > span{
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,.pagination-sm > li:last-child > span{
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.pager{
padding-left: 0;
margin: 20px 0;
text-align: center;
list-style: none;
}
.pager li{
display: inline;
}
.pager li > a,.pager li > span{
display: inline-block;
padding: 5px 14px;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 15px;
}
.pager li > a:hover,.pager li > a:focus{
text-decoration: none;
background-color: #eee;
}
.pager .next > a,.pager .next > span{
float: right;
}
.pager .previous > a,.pager .previous > span{
float: left;
}
.pager .disabled > a,.pager .disabled > a:hover,.pager .disabled > a:focus,.pager .disabled > span{
color: #777;
cursor: not-allowed;
background-color: #fff;
}
.label{
display: inline;
padding: .2em .6em .3em;
font-size: 75%;
font-weight: bold;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;
}
a.label:hover,a.label:focus{
color: #fff;
text-decoration: none;
cursor: pointer;
}
.label:empty{
display: none;
}
.btn .label{
position: relative;
top: -1px;
}
.label-default{
background-color: #777;
}
.label-default[href]:hover,.label-default[href]:focus{
background-color: #5e5e5e;
}
.label-primary{
background-color: #337ab7;
}
.label-primary[href]:hover,.label-primary[href]:focus{
background-color: #286090;
}
.label-success{
background-color: #5cb85c;
}
.label-success[href]:hover,.label-success[href]:focus{
background-color: #449d44;
}
.label-info{
background-color: #5bc0de;
}
.label-info[href]:hover,.label-info[href]:focus{
background-color: #31b0d5;
}
.label-warning{
background-color: #f0ad4e;
}
.label-warning[href]:hover,.label-warning[href]:focus{
background-color: #ec971f;
}
.label-danger{
background-color: #d9534f;
}
.label-danger[href]:hover,.label-danger[href]:focus{
background-color: #c9302c;
}
.badge{
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 12px;
font-weight: bold;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
background-color: #777;
border-radius: 10px;
}
.badge:empty{
display: none;
}
.btn .badge{
position: relative;
top: -1px;
}
.btn-xs .badge,.btn-group-xs > .btn .badge{
top: 0;
padding: 1px 5px;
}
a.badge:hover,a.badge:focus{
color: #fff;
text-decoration: none;
cursor: pointer;
}
.list-group-item.active > .badge,.nav-pills > .active > a > .badge{
color: #337ab7;
background-color: #fff;
}
.list-group-item > .badge{
float: right;
}
.list-group-item > .badge + .badge{
margin-right: 5px;
}
.nav-pills > li > a > .badge{
margin-left: 3px;
}
.jumbotron{
padding: 30px 15px;
margin-bottom: 30px;
color: inherit;
background-color: #eee;
}
.jumbotron h1,.jumbotron .h1{
color: inherit;
}
.jumbotron p{
margin-bottom: 15px;
font-size: 21px;
font-weight: 200;
}
.jumbotron > hr{
border-top-color: #d5d5d5;
}
.container .jumbotron,.container-fluid .jumbotron{
border-radius: 6px;
}
.jumbotron .container{
max-width: 100%;
}

@media screen and (min-width: 960px) {.jumbotron{
padding: 48px 0;
}
.container .jumbotron,.container-fluid .jumbotron{
padding-right: 60px;
padding-left: 60px;
}
.jumbotron h1,.jumbotron .h1{
font-size: 63px;
}}
.thumbnail{
display: block;
padding: 4px;
margin-bottom: 20px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: border .2s ease-in-out;
-o-transition: border .2s ease-in-out;
transition: border .2s ease-in-out;
}
.thumbnail > img,.thumbnail a > img{
margin-right: auto;
margin-left: auto;
}
a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active{
border-color: #337ab7;
}
.thumbnail .caption{
padding: 9px;
color: #333;
}
.alert{
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}
.alert h4{
margin-top: 0;
color: inherit;
}
.alert .alert-link{
font-weight: bold;
}
.alert > p,.alert > ul{
margin-bottom: 0;
}
.alert > p + p{
margin-top: 5px;
}
.alert-dismissable,.alert-dismissible{
padding-right: 35px;
}
.alert-dismissable .close,.alert-dismissible .close{
position: relative;
top: -2px;
right: -21px;
color: inherit;
}
.alert-success{
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.alert-success hr{
border-top-color: #c9e2b3;
}
.alert-success .alert-link{
color: #2b542c;
}
.alert-info{
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
.alert-info hr{
border-top-color: #a6e1ec;
}
.alert-info .alert-link{
color: #245269;
}
.alert-warning{
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.alert-warning hr{
border-top-color: #f7e1b5;
}
.alert-warning .alert-link{
color: #66512c;
}
.alert-danger{
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.alert-danger hr{
border-top-color: #e4b9c0;
}
.alert-danger .alert-link{
color: #843534;
}

@-webkit-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}

@-o-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}

@keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
.progress{
height: 20px;
margin-bottom: 20px;
overflow: hidden;
background-color: #f5f5f5;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
.progress-bar{
float: left;
width: 0;
height: 100%;
font-size: 12px;
line-height: 20px;
color: #fff;
text-align: center;
background-color: #337ab7;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
-webkit-transition: width .6s ease;
-o-transition: width .6s ease;
transition: width .6s ease;
}
.progress-striped .progress-bar,.progress-bar-striped{
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
-webkit-background-size: 40px 40px;
background-size: 40px 40px;
}
.progress.active .progress-bar,.progress-bar.active{
-webkit-animation: progress-bar-stripes 2s linear infinite;
-o-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success{
background-color: #5cb85c;
}
.progress-striped .progress-bar-success{
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-info{
background-color: #5bc0de;
}
.progress-striped .progress-bar-info{
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-warning{
background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning{
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-danger{
background-color: #d9534f;
}
.progress-striped .progress-bar-danger{
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.media{
margin-top: 15px;
}
.media:first-child{
margin-top: 0;
}
.media,.media-body{
overflow: hidden;
zoom: 1;
}
.media-body{
width: 10000px;
}
.media-object{
display: block;
}
.media-right,.media > .pull-right{
padding-left: 10px;
}
.media-left,.media > .pull-left{
padding-right: 10px;
}
.media-left,.media-right,.media-body{
display: table-cell;
vertical-align: top;
}
.media-middle{
vertical-align: middle;
}
.media-bottom{
vertical-align: bottom;
}
.media-heading{
margin-top: 0;
margin-bottom: 5px;
}
.media-list{
padding-left: 0;
list-style: none;
}
.list-group{
padding-left: 0;
margin-bottom: 20px;
}
.list-group-item{
position: relative;
display: block;
padding: 10px 15px;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid #ddd;
}
.list-group-item:first-child{
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.list-group-item:last-child{
margin-bottom: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
a.list-group-item{
color: #555;
}
a.list-group-item .list-group-item-heading{
color: #333;
}
a.list-group-item:hover,a.list-group-item:focus{
color: #555;
text-decoration: none;
background-color: #f5f5f5;
}
.list-group-item.disabled,.list-group-item.disabled:hover,.list-group-item.disabled:focus{
color: #777;
cursor: not-allowed;
background-color: #eee;
}
.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading{
color: inherit;
}
.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text{
color: #777;
}
.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus{
z-index: 2;
color: #fff;
background-color: #337ab7;
border-color: #337ab7;
}
.list-group-item.active .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active .list-group-item-heading > small,.list-group-item.active:hover .list-group-item-heading > small,.list-group-item.active:focus .list-group-item-heading > small,.list-group-item.active .list-group-item-heading > .small,.list-group-item.active:hover .list-group-item-heading > .small,.list-group-item.active:focus .list-group-item-heading > .small{
color: inherit;
}
.list-group-item.active .list-group-item-text,.list-group-item.active:hover .list-group-item-text,.list-group-item.active:focus .list-group-item-text{
color: #c7ddef;
}
.list-group-item-success{
color: #3c763d;
background-color: #dff0d8;
}
a.list-group-item-success{
color: #3c763d;
}
a.list-group-item-success .list-group-item-heading{
color: inherit;
}
a.list-group-item-success:hover,a.list-group-item-success:focus{
color: #3c763d;
background-color: #d0e9c6;
}
a.list-group-item-success.active,a.list-group-item-success.active:hover,a.list-group-item-success.active:focus{
color: #fff;
background-color: #3c763d;
border-color: #3c763d;
}
.list-group-item-info{
color: #31708f;
background-color: #d9edf7;
}
a.list-group-item-info{
color: #31708f;
}
a.list-group-item-info .list-group-item-heading{
color: inherit;
}
a.list-group-item-info:hover,a.list-group-item-info:focus{
color: #31708f;
background-color: #c4e3f3;
}
a.list-group-item-info.active,a.list-group-item-info.active:hover,a.list-group-item-info.active:focus{
color: #fff;
background-color: #31708f;
border-color: #31708f;
}
.list-group-item-warning{
color: #8a6d3b;
background-color: #fcf8e3;
}
a.list-group-item-warning{
color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading{
color: inherit;
}
a.list-group-item-warning:hover,a.list-group-item-warning:focus{
color: #8a6d3b;
background-color: #faf2cc;
}
a.list-group-item-warning.active,a.list-group-item-warning.active:hover,a.list-group-item-warning.active:focus{
color: #fff;
background-color: #8a6d3b;
border-color: #8a6d3b;
}
.list-group-item-danger{
color: #a94442;
background-color: #f2dede;
}
a.list-group-item-danger{
color: #a94442;
}
a.list-group-item-danger .list-group-item-heading{
color: inherit;
}
a.list-group-item-danger:hover,a.list-group-item-danger:focus{
color: #a94442;
background-color: #ebcccc;
}
a.list-group-item-danger.active,a.list-group-item-danger.active:hover,a.list-group-item-danger.active:focus{
color: #fff;
background-color: #a94442;
border-color: #a94442;
}
.list-group-item-heading{
margin-top: 0;
margin-bottom: 5px;
}
.list-group-item-text{
margin-bottom: 0;
line-height: 1.3;
}
.panel{
margin-bottom: 20px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-body{
padding: 15px;
}
.panel-heading{
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle{
color: inherit;
}
.panel-title{
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
color: inherit;
}
.panel-title > a,.panel-title > small,.panel-title > .small,.panel-title > small > a,.panel-title > .small > a{
color: inherit;
}
.panel-footer{
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .list-group,.panel > .panel-collapse > .list-group{
margin-bottom: 0;
}
.panel > .list-group .list-group-item,.panel > .panel-collapse > .list-group .list-group-item{
border-width: 1px 0;
border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child{
border-top: 0;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child{
border-bottom: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel-heading + .list-group .list-group-item:first-child{
border-top-width: 0;
}
.list-group + .panel-footer{
border-top-width: 0;
}
.panel > .table,.panel > .table-responsive > .table,.panel > .panel-collapse > .table{
margin-bottom: 0;
}
.panel > .table caption,.panel > .table-responsive > .table caption,.panel > .panel-collapse > .table caption{
padding-right: 15px;
padding-left: 15px;
}
.panel > .table:first-child,.panel > .table-responsive:first-child > .table:first-child{
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,.panel > .table:first-child > tbody:first-child > tr:first-child,.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child{
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child{
border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child{
border-top-right-radius: 3px;
}
.panel > .table:last-child,.panel > .table-responsive:last-child > .table:last-child{
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,.panel > .table:last-child > tfoot:last-child > tr:last-child,.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child{
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child{
border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child{
border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,.panel > .panel-body + .table-responsive,.panel > .table + .panel-body,.panel > .table-responsive + .panel-body{
border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,.panel > .table > tbody:first-child > tr:first-child td{
border-top: 0;
}
.panel > .table-bordered,.panel > .table-responsive > .table-bordered{
border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,.panel > .table-bordered > tbody > tr > th:first-child,.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,.panel > .table-bordered > tfoot > tr > th:first-child,.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,.panel > .table-bordered > thead > tr > td:first-child,.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,.panel > .table-bordered > tbody > tr > td:first-child,.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,.panel > .table-bordered > tfoot > tr > td:first-child,.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child{
border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,.panel > .table-bordered > tbody > tr > th:last-child,.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,.panel > .table-bordered > tfoot > tr > th:last-child,.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,.panel > .table-bordered > thead > tr > td:last-child,.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,.panel > .table-bordered > tbody > tr > td:last-child,.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,.panel > .table-bordered > tfoot > tr > td:last-child,.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child{
border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,.panel > .table-bordered > tbody > tr:first-child > td,.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,.panel > .table-bordered > thead > tr:first-child > th,.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,.panel > .table-bordered > tbody > tr:first-child > th,.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th{
border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,.panel > .table-bordered > tfoot > tr:last-child > td,.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,.panel > .table-bordered > tbody > tr:last-child > th,.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,.panel > .table-bordered > tfoot > tr:last-child > th,.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th{
border-bottom: 0;
}
.panel > .table-responsive{
margin-bottom: 0;
border: 0;
}
.panel-group{
margin-bottom: 20px;
}
.panel-group .panel{
margin-bottom: 0;
border-radius: 4px;
}
.panel-group .panel + .panel{
margin-top: 5px;
}
.panel-group .panel-heading{
border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,.panel-group .panel-heading + .panel-collapse > .list-group{
border-top: 1px solid #ddd;
}
.panel-group .panel-footer{
border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body{
border-bottom: 1px solid #ddd;
}
.panel-default{
border-color: #ddd;
}
.panel-default > .panel-heading{
color: #333;
background-color: #f5f5f5;
border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body{
border-top-color: #ddd;
}
.panel-default > .panel-heading .badge{
color: #f5f5f5;
background-color: #333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body{
border-bottom-color: #ddd;
}
.panel-primary{
border-color: #337ab7;
}
.panel-primary > .panel-heading{
color: #fff;
background-color: #337ab7;
border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body{
border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge{
color: #337ab7;
background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body{
border-bottom-color: #337ab7;
}
.panel-success{
border-color: #d6e9c6;
}
.panel-success > .panel-heading{
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body{
border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge{
color: #dff0d8;
background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body{
border-bottom-color: #d6e9c6;
}
.panel-info{
border-color: #bce8f1;
}
.panel-info > .panel-heading{
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body{
border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge{
color: #d9edf7;
background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body{
border-bottom-color: #bce8f1;
}
.panel-warning{
border-color: #faebcc;
}
.panel-warning > .panel-heading{
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body{
border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge{
color: #fcf8e3;
background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body{
border-bottom-color: #faebcc;
}
.panel-danger{
border-color: #ebccd1;
}
.panel-danger > .panel-heading{
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body{
border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge{
color: #f2dede;
background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body{
border-bottom-color: #ebccd1;
}
.embed-responsive{
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
}
.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video{
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.embed-responsive-16by9{
padding-bottom: 56.25%;
}
.embed-responsive-4by3{
padding-bottom: 75%;
}
.well{
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.well blockquote{
border-color: #ddd;
border-color: rgba(0, 0, 0, .15);
}
.well-lg{
padding: 24px;
border-radius: 6px;
}
.well-sm{
padding: 9px;
border-radius: 3px;
}
.close{
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=20);
opacity: .2;
}
.close:hover,.close:focus{
color: #000;
text-decoration: none;
cursor: pointer;
filter: alpha(opacity=50);
opacity: .5;
}
button.close{
-webkit-appearance: none;
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
}
.modal-open{
overflow: hidden;
}
.modal{
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
-webkit-overflow-scrolling: touch;
outline: 0;
}
.modal.fade .modal-dialog{
-webkit-transition: -webkit-transform .3s ease-out;
-o-transition:      -o-transform .3s ease-out;
transition:         transform .3s ease-out;
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
transform: translate(0, -25%);
}
.modal.in .modal-dialog{
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.modal-open .modal{
overflow-x: hidden;
overflow-y: auto;
}
.modal-dialog{
position: relative;
width: auto;
margin: 10px;
}
.modal-content{
position: relative;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 6px;
outline: 0;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop{
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
}
.modal-backdrop.fade{
filter: alpha(opacity=0);
opacity: 0;
}
.modal-backdrop.in{
filter: alpha(opacity=50);
opacity: .5;
}
.modal-header{
min-height: 16.42857143px;
padding: 15px;
border-bottom: 1px solid #e5e5e5;
}
.modal-header .close{
margin-top: -2px;
}
.modal-title{
margin: 0;
line-height: 1.42857143;
}
.modal-body{
position: relative;
padding: 15px;
}
.modal-footer{
padding: 15px;
text-align: right;
border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn{
margin-bottom: 0;
margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn{
margin-left: -1px;
}
.modal-footer .btn-block + .btn-block{
margin-left: 0;
}
.modal-scrollbar-measure{
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}

@media (min-width: 960px) {.modal-dialog{
width: 600px;
margin: 30px auto;
}
.modal-content{
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}
.modal-sm{
width: 300px;
}}

@media (min-width: 992px) {.modal-lg{
width: 900px;
}}
.tooltip{
position: absolute;
z-index: 1070;
display: block;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 1.4;
filter: alpha(opacity=0);
opacity: 0;
}
.tooltip.in{
filter: alpha(opacity=90);
opacity: .9;
}
.tooltip.top{
padding: 5px 0;
margin-top: -3px;
}
.tooltip.right{
padding: 0 5px;
margin-left: 3px;
}
.tooltip.bottom{
padding: 5px 0;
margin-top: 3px;
}
.tooltip.left{
padding: 0 5px;
margin-left: -3px;
}
.tooltip-inner{
max-width: 200px;
padding: 3px 8px;
color: #fff;
text-align: center;
text-decoration: none;
background-color: #000;
border-radius: 4px;
}
.tooltip-arrow{
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip.top .tooltip-arrow{
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow{
right: 5px;
bottom: 0;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow{
bottom: 0;
left: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.right .tooltip-arrow{
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000;
}
.tooltip.left .tooltip-arrow{
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow{
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow{
top: 0;
right: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow{
top: 0;
left: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.popover{
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: none;
max-width: 276px;
padding: 1px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 1.42857143;
text-align: left;
white-space: normal;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}
.popover.top{
margin-top: -10px;
}
.popover.right{
margin-left: 10px;
}
.popover.bottom{
margin-top: 10px;
}
.popover.left{
margin-left: -10px;
}
.popover-title{
padding: 8px 14px;
margin: 0;
font-size: 14px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: 5px 5px 0 0;
}
.popover-content{
padding: 9px 14px;
}
.popover > .arrow,.popover > .arrow:after{
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.popover > .arrow{
border-width: 11px;
}
.popover > .arrow:after{
content: "";
border-width: 10px;
}
.popover.top > .arrow{
bottom: -11px;
left: 50%;
margin-left: -11px;
border-top-color: #999;
border-top-color: rgba(0, 0, 0, .25);
border-bottom-width: 0;
}
.popover.top > .arrow:after{
bottom: 1px;
margin-left: -10px;
content: " ";
border-top-color: #fff;
border-bottom-width: 0;
}
.popover.right > .arrow{
top: 50%;
left: -11px;
margin-top: -11px;
border-right-color: #999;
border-right-color: rgba(0, 0, 0, .25);
border-left-width: 0;
}
.popover.right > .arrow:after{
bottom: -10px;
left: 1px;
content: " ";
border-right-color: #fff;
border-left-width: 0;
}
.popover.bottom > .arrow{
top: -11px;
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #999;
border-bottom-color: rgba(0, 0, 0, .25);
}
.popover.bottom > .arrow:after{
top: 1px;
margin-left: -10px;
content: " ";
border-top-width: 0;
border-bottom-color: #fff;
}
.popover.left > .arrow{
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: #999;
border-left-color: rgba(0, 0, 0, .25);
}
.popover.left > .arrow:after{
right: 1px;
bottom: -10px;
content: " ";
border-right-width: 0;
border-left-color: #fff;
}
.carousel{
position: relative;
}
.carousel-inner{
position: relative;
width: 100%;
overflow: hidden;
}
.carousel-inner > .item{
position: relative;
display: none;
-webkit-transition: .6s ease-in-out left;
-o-transition: .6s ease-in-out left;
transition: .6s ease-in-out left;
}
.carousel-inner > .item > img,.carousel-inner > .item > a > img{
line-height: 1;
}

@media all and (transform-3d), (-webkit-transform-3d) {.carousel-inner > .item{
-webkit-transition: -webkit-transform .6s ease-in-out;
-o-transition:      -o-transform .6s ease-in-out;
transition:         transform .6s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
perspective: 1000;
}
.carousel-inner > .item.next,.carousel-inner > .item.active.right{
left: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.carousel-inner > .item.prev,.carousel-inner > .item.active.left{
left: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.carousel-inner > .item.next.left,.carousel-inner > .item.prev.right,.carousel-inner > .item.active{
left: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}}
.carousel-inner > .active,.carousel-inner > .next,.carousel-inner > .prev{
display: block;
}
.carousel-inner > .active{
left: 0;
}
.carousel-inner > .next,.carousel-inner > .prev{
position: absolute;
top: 0;
width: 100%;
}
.carousel-inner > .next{
left: 100%;
}
.carousel-inner > .prev{
left: -100%;
}
.carousel-inner > .next.left,.carousel-inner > .prev.right{
left: 0;
}
.carousel-inner > .active.left{
left: -100%;
}
.carousel-inner > .active.right{
left: 100%;
}
.carousel-control{
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 15%;
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
filter: alpha(opacity=50);
opacity: .5;
}
.carousel-control.left{
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
background-repeat: repeat-x;
}
.carousel-control.right{
right: 0;
left: auto;
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
background-repeat: repeat-x;
}
.carousel-control:hover,.carousel-control:focus{
color: #fff;
text-decoration: none;
filter: alpha(opacity=90);
outline: 0;
opacity: .9;
}
.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{
position: absolute;
top: 50%;
z-index: 5;
display: inline-block;
}
.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left{
left: 50%;
margin-left: -10px;
}
.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right{
right: 50%;
margin-right: -10px;
}
.carousel-control .icon-prev,.carousel-control .icon-next{
width: 20px;
height: 20px;
margin-top: -10px;
font-family: serif;
line-height: 1;
}
.carousel-control .icon-prev:before{
content: '\2039';
}
.carousel-control .icon-next:before{
content: '\203a';
}
.carousel-indicators{
position: absolute;
bottom: 10px;
left: 50%;
z-index: 15;
width: 60%;
padding-left: 0;
margin-left: -30%;
text-align: center;
list-style: none;
}
.carousel-indicators li{
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
background-color: #000 \9;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #fff;
border-radius: 10px;
}
.carousel-indicators .active{
width: 12px;
height: 12px;
margin: 0;
background-color: #fff;
}
.carousel-caption{
position: absolute;
right: 15%;
bottom: 20px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.carousel-caption .btn{
text-shadow: none;
}

@media screen and (min-width: 960px) {.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next{
width: 30px;
height: 30px;
margin-top: -15px;
font-size: 30px;
}
.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{
margin-left: -15px;
}
.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{
margin-right: -15px;
}
.carousel-caption{
right: 20%;
left: 20%;
padding-bottom: 30px;
}
.carousel-indicators{
bottom: 20px;
}}
.clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical > .btn-group:before,.btn-group-vertical > .btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-footer:before,.modal-footer:after{
display: table;
content: " ";
}
.clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical > .btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-footer:after{
clear: both;
}
.center-block{
display: block;
margin-right: auto;
margin-left: auto;
}
.pull-right{
float: right !important;
}
.pull-left{
float: left !important;
}
.hide{
display: none !important;
}
.show{
display: block !important;
}
.invisible{
visibility: hidden;
}
.text-hide{
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.hidden{
display: none !important;
}
.affix{
position: fixed;
}

@-ms-viewport {
width: device-width;
}
.visible-xs,.visible-sm,.visible-md,.visible-lg{
display: none !important;
}
.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{
display: none !important;
}

@media (max-width: 767px) {.visible-xs{
display: block !important;
}
table.visible-xs{
display: table;
}
tr.visible-xs{
display: table-row !important;
}
th.visible-xs,td.visible-xs{
display: table-cell !important;
}}

@media (max-width: 767px) {.visible-xs-block{
display: block !important;
}}

@media (max-width: 767px) {.visible-xs-inline{
display: inline !important;
}}

@media (max-width: 767px) {.visible-xs-inline-block{
display: inline-block !important;
}}

@media (min-width: 960px) and (max-width: 991px) {.visible-sm{
display: block !important;
}
table.visible-sm{
display: table;
}
tr.visible-sm{
display: table-row !important;
}
th.visible-sm,td.visible-sm{
display: table-cell !important;
}}

@media (min-width: 960px) and (max-width: 991px) {.visible-sm-block{
display: block !important;
}}

@media (min-width: 960px) and (max-width: 991px) {.visible-sm-inline{
display: inline !important;
}}

@media (min-width: 960px) and (max-width: 991px) {.visible-sm-inline-block{
display: inline-block !important;
}}

@media (min-width: 992px) and (max-width: 1199px) {.visible-md{
display: block !important;
}
table.visible-md{
display: table;
}
tr.visible-md{
display: table-row !important;
}
th.visible-md,td.visible-md{
display: table-cell !important;
}}

@media (min-width: 992px) and (max-width: 1199px) {.visible-md-block{
display: block !important;
}}

@media (min-width: 992px) and (max-width: 1199px) {.visible-md-inline{
display: inline !important;
}}

@media (min-width: 992px) and (max-width: 1199px) {.visible-md-inline-block{
display: inline-block !important;
}}

@media (min-width: 1200px) {.visible-lg{
display: block !important;
}
table.visible-lg{
display: table;
}
tr.visible-lg{
display: table-row !important;
}
th.visible-lg,td.visible-lg{
display: table-cell !important;
}}

@media (min-width: 1200px) {.visible-lg-block{
display: block !important;
}}

@media (min-width: 1200px) {.visible-lg-inline{
display: inline !important;
}}

@media (min-width: 1200px) {.visible-lg-inline-block{
display: inline-block !important;
}}

@media (max-width: 767px) {.hidden-xs{
display: none !important;
}}

@media (min-width: 960px) and (max-width: 991px) {.hidden-sm{
display: none !important;
}}

@media (min-width: 992px) and (max-width: 1199px) {.hidden-md{
display: none !important;
}}

@media (min-width: 1200px) {.hidden-lg{
display: none !important;
}}
.visible-print{
display: none !important;
}

@media print {.visible-print{
display: block !important;
}
table.visible-print{
display: table;
}
tr.visible-print{
display: table-row !important;
}
th.visible-print,td.visible-print{
display: table-cell !important;
}}
.visible-print-block{
display: none !important;
}

@media print {.visible-print-block{
display: block !important;
}}
.visible-print-inline{
display: none !important;
}

@media print {.visible-print-inline{
display: inline !important;
}}
.visible-print-inline-block{
display: none !important;
}

@media print {.visible-print-inline-block{
display: inline-block !important;
}}

@media print {.hidden-print{
display: none !important;
}}
:root {
    --main-color: #0063ff;
    --grey-color: #FAF9F5;
    --blu-color: #0A102F;
}
body{
overflow-x: hidden;
font-weight: normal;
padding: 0;
font-display: swap
}
a,a:hover,a:focus,a:active,a.active{
outline: 0;
text-decoration: none;
}
a{
color:var(--main-color)
}
a:hover,a:active,a.active{
color: var(--main-color)
}
.btn:focus,.btn:active,.btn.active,.btn:active:focus{
outline: 0;
}
p{
color: #333;
font-size: 16px;
line-height: 25px;
margin-bottom: 0;
}
::-moz-selection{
text-shadow: none;
background: var(--main-color);
color: #fff;
}
::selection{
text-shadow: none;
background: var(--main-color);
color: #fff;
}
img::selection{
background: 0 0;
}
img::-moz-selection{
background: 0 0;
}

@font-face {
font-family: 'Nucleo Outline';
src: url('../fonts/nucleo-outline.eot');
src: url('../fonts/nucleo-outline.eot') format('embedded-opentype'), url('../fonts/nucleo-outline.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
h1,h2,h3{
font-family: 'Montserrat', Helvetica, Arial, sans-serif;
color: var(--blu-color);
}
body{
font-family: 'Montserrat', Helvetica, Arial, sans-serif;
}
section h2.section-heading{
margin-top: 0;
margin-bottom: 25px;
font-size: 50px;
letter-spacing: -1px;
line-height: 40px;
color:var(--blu-color)
}
section .section-subheading{
margin-bottom: 45px;
text-transform: none;
font-size: 18px;
font-style: normal;
line-height: 1;
margin-top: 25px;
color: #666666;
font-weight: 400;
}
.separator{
width: 30px;
height: 2px;
display: block;
margin: auto;
background-color: var(--main-color);
}
section{
padding: 40px 0 0 0;
}
.row{
margin: 0;
}
.container{
padding: 0;
}
.outer-margin{
margin: 0 -15px;
}
.bg-light-gray{
background-color: var(--grey-color);
}
.btn-primary{
text-transform: uppercase;
font-family: 'Montserrat', Helvetica, Arial, sans-serif;
font-weight: 700;
color: #fff;
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{
border-color: #f6bf01;
color: #fff;
background-color: #fec503;
}
.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{
background-image: none;
}
.btn-xl{
padding: 10px;
background-color: var(--main-color);
border-radius: 2px;
color: white;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
width: 100%;
transition: 0.3s;
border-radius: 8px;
}
.btn-xl:hover,.btn-xl:focus,.btn-xl:active,.btn-xl.active{
background-color: #273140;
color: #fff;
}
.btn-xl:active,.btn-xl.active,.open .dropdown-toggle.btn-xl{
background-image: none;
}
.DataScelta{cursor:pointer}
.btn-active{
background-color: var(--main-color) !important;
border-color: var(--main-color) !important;
color: #fff !important;
}
body.modal-open{
overflow: hidden;
}
.parallax{
background: var(--main-color);
}
.parallax h2.section-heading,.parallax .section-subheading{
color: #fff;
}
.parallax .separator{
background: #fff;
}
.gray-bg{
background: var(--grey-color);
}
.header-buttons{
margin: 40px auto 40px auto;
}
.primary-button {
    min-width: 150px;
    padding: 5px 20px;
    background-color: white;
    border-radius: 2px;
    color: var(--main-color);
    font-family: 'SA Roboto',Arial,sans-serif ;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 36px;
    margin: 0 10px;
    border: 2px solid white;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.primary-button.button-inverse{
color: #fff;
background: var(--main-color);
border: 2px solid var(--main-color);
margin: 0;
border-radius: 8px;
}
.primary-button.button-inverse:hover{
color: var(--main-color);
background: #fff;
border: 2px solid var(--main-color);
}
.secondary-button {
    min-width: 138px;
    text-align: center;
    line-height: 36px;
    background: var(--main-color);
    display: inline-block;
    padding: 5px 18px;
    line-height: 36px;
    color: white;
    font-family: 'SA Roboto',Arial,sans-serif;
    font-size: 13px;
    margin: 0 10px;
    font-weight: 700;
    text-transform: uppercase;
    border: 2px solid white;
    border-radius: 2px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.btn-small{
font-size: 12px;
padding: 2px 10px;
}
.secondary-button-inverse{
color: var(--main-color);
border-color: var(--main-color);
border-radius: 8px;
background: #fff
}
.secondary-button.secondary-button-inverse:hover{
color: #fff;
background: var(--main-color);
}
.primary-button:hover{
background: none;
color: #fff;
text-decoration: none;
}
.secondary-button:hover{
background: #fff;
color: #273140;
text-decoration: none;
}
.logo img{
margin-top:5px;
width: auto;
}
.navbar-shrink .logo img{
height: 44px;
}
.navbar-shrink .navbar-nav{
margin-top:8px;
}
.navbar-shrink .header-btn{
margin-top: 5px;
}
#preloader{
position: fixed;
left: 0;
top: 0;
z-index: 9999;
width: 100%;
height: 100%;
overflow: visible;
background: #fff;
}
.spinner{
opacity: 0.9;
width: 50px;
height: 50px;
border-radius: 100%;
margin: auto;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.spinner:after,.spinner:before{
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
width: 30px;
height: 30px;
border: 5px solid transparent;
border-bottom: 5px solid var(--main-color);
border-radius: 100%;
-webkit-animation: rotate 1s linear infinite;
animation: rotate 1s linear infinite;
}
.spinner:before{
width: 40px;
height: 40px;
-webkit-animation-direction: reverse;
animation-direction: reverse;
}

@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}

@keyframes rotate {
from {
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.owl-theme .owl-controls .owl-buttons{
display: none;
}
.owl-theme .owl-controls .owl-buttons div{
background: url(../img/arrow.png);
display: inline-block;
zoom: 1;
margin: 0;
width: 10px;
text-indent: -9999px;
height: 18px;
font-size: 0;
position: absolute;
right: 0;
margin-top: 8px;
margin-right: -72px;
top: 50%;
padding: 0;
filter: Alpha(Opacity=30);
opacity: 0.3;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
.owl-theme .owl-controls .owl-buttons div.owl-prev{
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
right: auto;
left: 0;
margin-left: -72px;
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
filter: Alpha(Opacity=100);
opacity: 1;
text-decoration: none;
}
.owl-theme .owl-controls .owl-page{
display: inline-block;
zoom: 1;
*display: inline;
}
.owl-theme .owl-controls .owl-page span{
display: block;
width: 10px;
height: 10px;
margin: 0 10px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
opacity: 0.22;
background-color: #248df8;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{
filter: Alpha(Opacity=100);
opacity: 1;
}
.owl-theme .owl-controls .owl-page span.owl-numbers{
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.owl-item.loading{
min-height: 150px;
}
.owl-carousel .owl-wrapper:after{
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel{
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
overflow: hidden;
position: relative;
z-index: 2;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{
float: left;
}
.owl-controls .owl-page,.owl-controls .owl-buttons div{
cursor: pointer;
}
.owl-controls{
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.grabbing{
cursor: url(../img/grabbing.png) 8 8, move;
}
.owl-carousel .owl-wrapper,.owl-carousel .owl-item{
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
}
.navbar-default{
border-color: transparent;
background-color: #273140;
width: inherit;
}
.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:active,.navbar-default .navbar-brand.active{
color: #fec503;
}
.navbar-default .navbar-collapse{
border: none;
box-shadow: none;
}
.navbar-default .navbar-toggle{
border: none;
margin-right: -10px;
}
.navbar-default .navbar-toggle .icon-bar{
background-color: var(--blu-color);
}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{
background: none;
}
.navbar-default .nav li a{
color: var(--blu-color);
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-weight: 600;
opacity: 1;
padding: 8px 11px;
line-height: 1;

-webkit-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
.navbar-default .nav li a:hover,.navbar-default .nav li a:focus{
outline: 0;
color: var(--main-color);
opacity: 1;
}
.navbar-default.navbar-shrink .nav li a.active,.inner-body .nav li a.active{
color: var(--main-color)
}
.navbar-default.navbar-shrink .nav .active a{
opacity: 1
}
.navbar-default.navbar-shrink .nav li a:hover,.navbar-default.navbar-shrink .nav li a:focus{
outline: 0;
opacity: 1;
background: none;
}
.navbar-default.navbar-shrink .navbar-nav>.active>a:focus,.navbar-default.navbar-shrink .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a{
border-radius: 0;
background: none;
opacity: 1;
color: var(--main-color);
-webkit-filter: brightness(1.2);
}

@media(min-width:960px) {.navbar-default{
padding: 20px 0;
border: 0;
background-color: #fff;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.navbar-default.navbar-shrink{
padding: 10px 0 0 0;
background-color: rgba(255,255,255,1);
box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}}
header{
margin-top: 145px;
position: relative;
background-position: bottom center;
background-size: cover;
color: #fff;
background-color: rgba(255, 255, 255, 0.88) !important;
}
#video_background{position: absolute!important;}
header .intro-text{
padding-top: 100px;
padding-bottom: 50px;
}
header .intro-text .intro-heading{
font-family: 'Montserrat', sans-serif;
font-size: 19px;
font-weight: 400;
line-height: 26px;
display: block;
color:var(--blu-color)
}
header .intro-text{
padding-top: 70px;
padding-bottom: 0px;
float: left;
width: 45%;
}
header .intro-text .intro-lead-in{
font-family: 'Montserrat', Helvetica, Arial, sans-serif;
font-size: 30px;
font-weight: 600;
margin: 0;
line-height: 40px;
color:var(--blu-color)
}
header .header-dashboard{
display: block;
margin: auto;
float: right;
text-align: right; width:55%;
}
.dashboard{width:100%;padding-top:90px}
header .header-dashboard .dashboard{
margin-top: 70px;
}
header .container{
position: relative;
z-index: 10;
}
#particles-js{
position: absolute;
top: 0;
left: 0;
right: 0;
}
.riga-help{
padding: 30px 0 50px ;
}
#services .col-md-3{
text-align: center;
}
#services .col-md-3.last{
padding-right: 0;
}
#services .nc-icon-outline{
color: var(--main-color);
margin-bottom: 36px;
font-size: 40px
}
.service-heading{
text-transform: none;
color: var(--blu-color);
font-size: 22px;
margin-top: 0;
line-height: 22px;
margin-bottom: 22px;
}
#features{overflow: hidden;}
#features .container{
position: relative;
}
#features .section-subheading{
margin-bottom: 30px;
margin-top: 5px;
max-width: 450px;
line-height: 25px;
}
.features-tabs .tabs{
margin: 0;
padding: 0;
width: 1170px;
height: 60px;
background-color: white;
border: 1px solid #d1d1d1;
margin-top: 100px;
}
.features-tabs .tab{
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
padding: 0;
display: inline-block;
zoom: 1;
background: none;
border: none;
border-bottom: none;
text-align: center;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-weight: 700;
height: 58px;
line-height: 60px;
background: #fafafa;
}
.features-tabs .tab a{
color: #bbb;
text-transform: uppercase;
display: block;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.features-tabs .tab.active{
background: #fff;
}
.features-tabs .tab a.active{
color: var(--main-color)
}
.features-tabs .tab:hover a{
color: var(--main-color)
}
.features-tabs .panel-container{
background: #fff;
border: solid #666 1px;
padding: 10px;
-moz-border-radius: 0 4px 4px 4px;
-webkit-border-radius: 0 4px 4px 4px;
}
.features-tabs .tab a .triangle{
opacity: 0;
visibility: hidden;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.features-tabs .tab a.active .triangle{
border-bottom: 0;
visibility: visible;
width: 0;
-webkit-transition: 0s;
-o-transition: 0s;
transition: 0s;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #d1d1d1;
opacity: 1;
position: absolute;
left: 50%;
margin-left: -5px;
top: -10px;
}
.features-tabs .tab .triangle .inner-triangle{
display: block;
-webkit-transition: 0s;
-o-transition: 0s;
transition: 0s;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #fff;
top: 2px;
position: absolute;
left: -8px;
}
#features-tab1 img{
margin-right: -200px;
}
#features-tab2 img{
}
#features-tab3 img{
margin-top: -50px;
margin-right: 30px;
}
.features-tabs ul{
padding-left: 0px;
margin-bottom: 30px;
}
.features-tabs li{
background: url(../img/checked.png) no-repeat left 20px;
padding-left: 40px;
list-style: none;
margin: 0;
color: #666;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 60px;
}
.animated{
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}

@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}

@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeRight{
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
#video .section-subheading{
margin-bottom: 55px;
}
.video-container{
position: relative;
}
.video-container a{
display: block;
cursor: pointer;
width: 630px;
margin: auto;
}
.video-container img{
margin: auto;
display: block;
}
.play-video{
position: absolute;
left: 50%;
top: 50%;
margin-left: -38px;
margin-top: -48px;
width: 76px;
height: 76px;
background-color: rgba(39, 49, 64, 0.6);
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
border-radius: 50%;
cursor: pointer;
}
.video-container a:hover .play-video{
background-color: rgba(39, 49, 64, 1);
}
.play-video .fa-play{
width: 22px;
height: 26px;
color: white;
font-size: 28px;
font-weight: 400;
position: absolute;
top: 25px;
left: 30px;
}
#video{
position: relative;
}
#video .overlay{
width: 100%;
height: 100%;
opacity: 0.9;
position: absolute;
top: 0;
}
.video-socials{
position: relative;
margin: auto;
width: auto;
text-align: center;
margin-top: 45px;
}
.video-socials a:hover .fa{
color: #273140
}
.video-socials .fa{
color: white;
margin: 0 17px;
font-family: FontAwesome;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
font-size: 22px;
font-weight: 400;
line-height: 25px;
height: 25px;
text-transform: uppercase;
}
.video-modal{
padding: 0!important;
background: rgba(39, 49, 64, 0.5);
}
.video-modal iframe{
border: 5px solid rgba(255, 255, 255, 0.25);
border-radius: 3px;
box-sizing: content-box;
box-shadow: 0 0px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.video-modal .modal-content{
padding: 0;
border: 0;
position: fixed;
width: 712px;
left: 50%;
margin-top: -200px;
top: 50%;
margin-left: -356px;
border-radius: 0;
text-align: center;
background-clip: border-box;
-webkit-box-shadow: none;
box-shadow: none;
background: none;
}
.chart{
position: relative;
display: block;
margin: 0 auto 40px auto;
width: 230px;
height: 230px;
line-height: 230px;
letter-spacing: -1px;
font-family: 'Montserrat';
text-align: center;
font-weight: 300;
font-size: 48px;
color: var(--main-color);
background: #fff;
border-radius: 50%;
}
.chart .percent{
font-size: 28px;
position: relative;
margin-left: 3px;
}
.chart canvas{
position: absolute;
top: 0;
left: 0;
}
.chart-content{
text-align: center;
height: 30px;
line-height: 30px;
}
.chart-content h4{
color: #666;
font-family: 'Montserrat', sans-serif;
font-size: 18px;
margin: 0;
font-weight: 400;
display: inline-block;
line-height: 30px;
margin-left: 10px;
position: relative;
top: -6px;
}
.chart-content .nc-icon-outline{
color: var(--main-color);
display: inline-block;
font-size: 30px;
}
.pricing{
overflow: hidden;
position: relative;
border: 2px solid #e6e6e6;
border-top: none;
-webkit-border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-bottomright: 2px;
-moz-border-radius-bottomleft: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
width: 100%;
min-height: 540px;
margin: 0;
}
.pricing.active{
background-color: var(--main-color);
border: 2px solid var(--main-color);
opacity: 0.85;
border-top: 0;
}
.pricing-title{
background-color: var(--main-color);
border-radius: 2px 2px 0 0;
text-align: center;
color: white;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 62px;
height: 60px;
}
.pricing .pricing-row{
padding-top: 23px;
float: left;
padding-left: 0;
text-align: center;
padding-right: 0;
width: 100%;
}
.pricing .pricing-row.selected{
background-color: #f1f1f1;
font-weight: bold;
color: #666;
font-size: 14px;
padding-top: 13px;
margin-top: 10px;
margin-bottom: -13px;
padding-bottom: 13px;
}
.pricing .pricing-row.selected-blu{
background-color: var(--main-color);
color: #fff;
}
.pricing .pricing-row.selected-blu .fa{
color: #fff;
}
.pricing.active .pricing-row.selected{
background: rgba(255, 255, 255, 0.2);
color: #fff;
}
.pricing .col-lg-3{
padding: 30px 0 20px 0;
font-family: 'Montserrat';
font-weight: 400;
line-height: 25px;
color: var(--main-color);
width: 100%;
text-align: center;
}
.pricing.active .col-lg-3{
color: #fff;
}
.pricing .button-container{
text-align: center;
position: relative;
padding: 42px 0 45px 0;
width: 100%;
margin: 0;
height: auto;
background: none;
}
.pricing .pricing-price{
font-size: 40px;
letter-spacing: -2px;
line-height: 42px;
display: inline-block;
}
.pricing .pricing-time{
font-weight: 400;
letter-spacing: -1px;
margin-top: 5px;
font-size: 20px;
}
.pricing .iconita{
line-height: 52px;
font-size: 48px;
height: 52px;
}
.pricing .pricing-title{
font-weight: 700;
font-size: 32px;
margin-top: 25px;
margin-bottom: 15px;
line-height: 32px;
}
.pricing .pricing-option{
text-align: center;
line-height: 1;
color: #666;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
}
.pricing .pricing-row.selected .pricing-option{
font-size: 14px;
}
.pricing .pricing-option.selected{
background: #3595f8;
}
.pricing.active .pricing-option{
color: #fff;
}
.pricing .pricing-row.selected .fa{
font-size: 13px;
top: 0;
}
.pricing .fa{
color: var(--main-color);
font-size: 11px;
margin-right: 10px;
position: relative;
top: -1px;
}
.pricing.active .fa{
color: #fff;
}
.pricing .currency{
font-size: 26px;
margin-right: 5px;
position: relative;
top: -10px;
}
.pricing .billing-time{
color: #666;
font-size: 14px;
line-height: 14px;
margin-top: 8px;
}
.pricing.active .billing-time{
color: #fff;
}
.pricing .secondary-button{
background: transparent;
}
.pricing .secondary-button:hover{
background: #fff;
}
.pricing .secondary-button.secondary-button-inverse:hover{
background: var(--main-color);
}
#AmazonPayButton{display:inline-block}
#testimonials{
}
.tt-content h3{
font-size: 20px;
font-weight: 400;
letter-spacing: -1px;
line-height: 1.45;
text-align: center;
color: #666;
margin: auto;
font-family: 'Montserrat';
max-width: 950px;
}
.tt-content p{
font-size: 18px;
font-style:italic;
font-weight: 400;
letter-spacing: -1px;
line-height: 1.45;
text-align: center;
color: #666;
margin: auto;
font-family: 'Montserrat';
max-width: 950px;
}
.tt-content h4{
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
margin: 0;
margin-bottom: 5px;
padding-top: 20px;
}
.tt-content .content{
font-size: 16px;
font-weight: 400;
}
.tt-content .tt-container{
margin-top: 15px;
text-align: center;
}
.tt-images{
text-align: center;
margin-bottom: -42px;
font-size: 0;
}
.tt-image{
display: inline-block;
margin: 0;
border-radius: 90px;
margin: 0 15px;
}
.tt-image img{
display: inline-block;
width: 84px;
height: 84px;
border-radius: 90px;
}
.tt-quote{
font-size: 75px;
font-weight: 700;
line-height: 70px;
margin-right: 20px;
float: left;
color: #D1D1D1;
display: block;
margin-bottom: 40px;
margin-left: 2px;
}
.tt-quote-right{
float: right;
margin-right: 0;
position: relative;
margin-left: 20px;
bottom: 0;
margin-bottom: 0;
}
#testimonials .owl-pagination{
width: 100%;
}
#testimonials .owl-controls span{
width: 15px;
height: 15px;
opacity: 0.55;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
background: #999;
border-radius: 90px;
margin: 0 5px;
}
#testimonials .owl-controls .owl-page:hover span,#testimonials .owl-controls .owl-page.active span{
opacity: 1;
}
.team-member{
text-align: center;
overflow: hidden;
position: relative;
}
.team-member img{
margin: 0 auto;
border: none;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
.team-content{
padding: 50px;
background: var(--main-color);
color: #fff;
position: relative;
z-index: 100;
margin-top: -50px;
}
.team-member-down .team-content{
margin-top: 0;
margin-bottom: -50px;
}
.team-content h5{
font-family: 'Montserrat', sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 1;
margin: 0;
margin-bottom: 15px;
}
.team-content .team-subtitle{
font-size: 14px;
font-style: italic;
margin-bottom: 30px;
display: block;
line-height: 1.2;
}
.team-content p{
color: #fff;
font-size: 16px;
font-weight: 400;
line-height: 25px;
}
.team-content .triangle{
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
border-bottom: 10px solid var(--main-color);
position: absolute;
left: 50%;
margin-left: -5px;
top: -10px;
}
.team-member-down .triangle{
border-bottom: 0;
border-top: 10px solid var(--main-color);
top: auto;
bottom: -10px;
}
.team-member:hover .triangle{
border-bottom: 700px solid;
border-color: var(--main-color);
opacity: 0.85;
border-left: 700px solid transparent;
border-right: 700px solid transparent;
margin-left: -700px;
top: -650px;
}
.team-member-down:hover .triangle{
border-bottom: 0;
top: auto;
border-top: 700px solid;
border-color: var(--main-color);
opacity: 0.85;
border-left: 700px solid transparent;
border-right: 700px solid transparent;
margin-left: -700px;
bottom: -650px;
}
.team-member:hover img{
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
}
.team-member-down:hover img{
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
transform: translateY(50px);
}
.team-socials{
position: absolute;
top: 215px;
width: 100%;
z-index: 101;
margin: auto;
text-align: center;
margin-top: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.team-member-down .team-socials{
top: auto;
bottom: 215px;
}
.team-socials a:hover .fa{
color: #273140
}
.team-socials .fa{
color: white;
margin: 0 15px;
font-family: FontAwesome;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
font-size: 22px;
font-weight: 400;
line-height: 25px;
height: 25px;
text-transform: uppercase;
}
.team-member:hover .team-socials{
opacity: 1;
visibility: visible;
}
#clients .owl-controls .owl-buttons{
display: block;
}
#testimonials .owl-controls{
text-align: center;
margin-top: 20px;
}
#clients .owl-theme .owl-controls{
margin-top: 0;
text-align: center;
position: absolute;
display: block;
width: 100%;
top: 0;
z-index: 1;
}
#clients .slider{
max-width: 1024px;
margin: 38px auto
}
#clients .slider img{
display: block;
margin: auto;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
opacity: 0.30;
}
#clients .slider img:hover{
opacity: 1;
}
#subscribe{
padding: 50px;
}
#subscribe h3,#subscribe p{
color: white;
font-family: 'Montserrat';
letter-spacing: -1px;
font-size: 30px;
font-weight: 300;
float: left;
margin: 0;
line-height: 50px;
}
#subscribe .subscribe-form{
float: right;
position: relative;
}
#subscribe-success{
position: absolute;
top: 0;
width: 100%;
}
#subscribe-success .alert-success{
margin: 0;
width: 100%;
border-radius: 2px;
background: #fff;
text-align: center;
color: #273140;
}
#subscribe #subscribe-success .close{
outline: none;
}
#subscribe #subscribe-success .close:hover{
color: #273140;
}
#subscribe .subscribe-form input{
width: 400px;
border-radius: 2px;
height: 50px;
color: #fff;
border: 1px solid rgba(255, 255, 255, 0.5);
background: none;
padding: 0 20px;
}
#subscribe .subscribe-form button[type="submit"]{
width: 150px;
border: 2px solid white;
height: 50px;
color: inherit;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
outline: none;
background-color: white;
border-radius: 2px;
float: right;
margin-left: 20px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
#subscribe .subscribe-form input::-webkit-input-placeholder{
color: rgba(255, 255, 255, 0.7);
}
#subscribe .subscribe-form input:-moz-placeholder{
color: rgba(255, 255, 255, 0.7);
}
#subscribe .subscribe-form input::-moz-placeholder{
color: rgba(255, 255, 255, 0.7);
}
#subscribe .subscribe-form input:-ms-input-placeholder{
color: rgba(255, 255, 255, 0.7);
}
#subscribe .subscribe-form button:hover{
color: #fff;
background: none;
}
#subscribe .subscribe-form input:focus{
box-shadow: none;
border: 1px solid #fff;
outline: none;
}
#contact{
background-color: #fff;
position: relative;
}
#contact .contact-form-container{
float: right;
width: 570px;
}
#contact .form-group{
margin-bottom: 30px;
float: left;
width: 270px;
position: relative;
}
#contact .form-textarea{
width: 100%;
}
#contact .form-group input,#contact .form-group textarea{
padding: 20px;
float: left;
border-radius: 2px;
resize: none;
}
#contact .section-subheading{
margin-bottom: 50px;
margin-top: 30px;
line-height: 25px;
}
#contact .form-group input.form-control{
border-radius: 2px;
width: 100%;
height: 50px;
background-color: white;
padding: 0 20px;
line-height: 50px;
border: 1px solid #ccc;
}
#contact .form-group textarea.form-control{
width: 100%;
border: 1px solid #ccc;
border-radius: 0;
border-radius: 2px;
min-height: 150px;
}
#contact .form-group textarea.form-control:focus,#contact .form-group input.form-control:focus{
border-color: var(--main-color);
box-shadow: none;
outline: none;
}
#contact .text-danger ul{
margin: 0;
padding: 0;
float: right;
list-style-type: none;
text-align: right;
font-size: 14px;
line-height: 1;
top: 0;
max-width: 130px;
padding-top: 11px;
right: 20px;
position: absolute;
}
#contact .text-danger{
color: var(--main-color);
margin: 0;
}
.contact-map-container{
position: absolute;
top: 0;
height: 100%;
width: 50%;
margin-left: -85px;
}
.contact-map-container #map{
width: 100%;
height: 100%;
}
#contactForm .alert-success{
color: var(--main-color);
background-color: #fff;
border-color: var(--main-color);
padding: 14px;
border-radius: 2px;
}
footer{
padding: 50px 0 40px 0;
text-align: center;
background-color: #F7FBFD;
}
.lower-footer span,.lower-footer a{
opacity: 0.8;
color: #999;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 40px;
margin-right: 25px;
}
.lower-footer a{
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.lower-footer a:hover{
opacity: 1;
text-decoration: none;
}
.lower-footer .pull-right a{
margin: 0;
margin-left: 35px;
float: left;
display: inline-block;
}
.lower-footer .fa{
margin: 0;
opacity: 1;
font-family: FontAwesome;
font-size: 20px;
font-weight: 400;
float: left;
margin-right: 0;
}
.lower-footer{
margin-top: 40px;
border-top: 1px solid #eee;
padding-top: 20px;
width: 100%;
float: left;
}
.upper-footer{
width: 100%
}
.upper-footer .pull-right{
width: 570px;
}
.upper-footer .pull-left p{
max-width: 370px;
margin-top: 30px;
color: #999;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
font-weight: 400;
text-align: left;
line-height: 22px;
}
.footer-nav{
float: left;
max-width: 280px;
padding: 0;
margin: 0;
margin-top: 5px;
}
.footer-nav li{
width: 120px;
display: inline-block;
float: left;
margin-bottom: 30px;
}
.footer-nav a{
color: #999;
font-family: 'Montserrat', sans-serif;
font-size: 13px;
font-weight: 500;
padding: 0;
display: inline-block;
text-align: left;
float: left;
line-height: 1;
text-transform: uppercase;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.footer-nav a:hover{
text-decoration: none;
color: var(--main-color)
}
.footer-secondary-nav{
float: left;
padding: 0;
width: auto;
margin-top: 5px;
margin-bottom: 0;
padding-left: 50px;
max-width: 280px;
}
.footer-secondary-nav li{
display: inline-block;
float: left;
margin-bottom: 30px;
width: 100%;
}
.footer-secondary-nav a{
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-weight: 400;
color: #999;
float: left;
line-height: 14px;
}
.footer-secondary-nav .fa{
display: inline-block;
margin-right: 15px;
font-size: 18px;
height: 14px;
line-height: 13px;
}
.footer-secondary-nav .fa.fa-envelope{
font-size: 14px;
}
.iconspage header{
text-align: center;
padding: 120px 0 0;
}
.iconspage header h1{
font-size: 2rem;
}
.iconspage header p{
font-size: 1.4rem;
margin-top: .6em;
}
.iconspage header a:hover{
text-decoration: underline;
}
.iconspage section{
width: 90%;
max-width: 1200px;
margin: 50px auto;
}
.iconspage section h2{
border-bottom: 1px solid #e2e2e2;
padding: 0 0 1em .2em;
margin-bottom: 1em;
}
.iconspage ul::after{
clear: both;
content: "";
display: table;
}
.iconspage ul li{
width: 25%;
float: left;
padding: 16px 0;
text-align: center;
border-radius: .25em;
cursor: pointer;
-webkit-transition: background 0.2s;
-moz-transition: background 0.2s;
transition: background 0.2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: hidden;
}
.iconspage ul li:hover{
background: #dbdbdb;
}
.iconspage ul p{
display: inline-block;
font-size: 1rem;
margin-top: 10px;
color: #999999;
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
white-space: nowrap;
width: 100%;
padding: 10px;
overflow: hidden;
text-overflow: ellipsis;
}
.nc-icon-outline{
display: inline-block;
font: 100 32px/1 'Nucleo Outline';
speak: none;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.nc-icon-outline.air-baloon:before{
content: "\e600";
}
.nc-icon-outline.album:before{
content: "\e601";
}
.nc-icon-outline.banana:before{
content: "\e602";
}
.nc-icon-outline.bear:before{
content: "\e603";
}
.nc-icon-outline.beer:before{
content: "\e604";
}
.nc-icon-outline.board:before{
content: "\e605";
}
.nc-icon-outline.bookmark-add:before{
content: "\e606";
}
.nc-icon-outline.bookmark-remove:before{
content: "\e607";
}
.nc-icon-outline.bookmark:before{
content: "\e608";
}
.nc-icon-outline.cake:before{
content: "\e609";
}
.nc-icon-outline.cart-add:before{
content: "\e60a";
}
.nc-icon-outline.cart:before{
content: "\e60b";
}
.nc-icon-outline.chat:before{
content: "\e60c";
}
.nc-icon-outline.cloud:before{
content: "\e60d";
}
.nc-icon-outline.coffee:before{
content: "\e60e";
}
.nc-icon-outline.controller:before{
content: "\e60f";
}
.nc-icon-outline.diamond:before{
content: "\e610";
}
.nc-icon-outline.dislike:before{
content: "\e611";
}
.nc-icon-outline.evil:before{
content: "\e612";
}
.nc-icon-outline.eye-ban:before{
content: "\e613";
}
.nc-icon-outline.eye:before{
content: "\e614";
}
.nc-icon-outline.flight:before{
content: "\e615";
}
.nc-icon-outline.headphones:before{
content: "\e616";
}
.nc-icon-outline.heart:before{
content: "\e617";
}
.nc-icon-outline.home:before{
content: "\e618";
}
.nc-icon-outline.image:before{
content: "\e619";
}
.nc-icon-outline.keyboard:before{
content: "\e61a";
}
.nc-icon-outline.laptop:before{
content: "\e61b";
}
.nc-icon-outline.like:before{
content: "\e61c";
}
.nc-icon-outline.money:before{
content: "\e61d";
}
.nc-icon-outline.moon-storm:before{
content: "\e61e";
}
.nc-icon-outline.moon:before{
content: "\e61f";
}
.nc-icon-outline.moto:before{
content: "\e620";
}
.nc-icon-outline.mouse:before{
content: "\e621";
}
.nc-icon-outline.pc:before{
content: "\e622";
}
.nc-icon-outline.pizza:before{
content: "\e623";
}
.nc-icon-outline.player:before{
content: "\e624";
}
.nc-icon-outline.print:before{
content: "\e625";
}
.nc-icon-outline.reflex:before{
content: "\e626";
}
.nc-icon-outline.robot:before{
content: "\e627";
}
.nc-icon-outline.shirt:before{
content: "\e628";
}
.nc-icon-outline.sign:before{
content: "\e629";
}
.nc-icon-outline.skull:before{
content: "\e62a";
}
.nc-icon-outline.suitcase:before{
content: "\e62b";
}
.nc-icon-outline.sun-cloud:before{
content: "\e62c";
}
.nc-icon-outline.sushi:before{
content: "\e62d";
}
.nc-icon-outline.taxi:before{
content: "\e62e";
}
.nc-icon-outline.vespa:before{
content: "\e62f";
}
.nc-icon-outline.wallet:before{
content: "\e630";
}
.nc-icon-outline.world:before{
content: "\e631";
}
#customizer{
position: fixed;
top: 100px;
padding: 20px;
background: #fff;
width: 190px;
left: -190px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
z-index: 999;
font-weight: 300;
-webkit-border-bottom-right-radius: 2px;
-moz-border-radius-bottomright: 2px;
border-bottom-right-radius: 2px;
}
#customizer.active{
left: 0;
}
#customizer li{
list-style-type: none;
}
.options{
background: #fff;
width: 44px;
height: 44px;
position: absolute;
top: 30px;
top: 0;
right: -44px;
cursor: pointer;
border-left: none;
-webkit-border-top-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-moz-border-radius-topright: 2px;
-moz-border-radius-bottomright: 2px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
.options .pc{
color: #273140;
font-size: 25px;
margin-left: 9px;
margin-right: 9px;
margin-top: 11px;
}
#colors li a{
display: block;
width: 35px;
float: left;
height: 35px;
margin-right: 8px;
margin-bottom: 8px;
margin-top: 0px;
border: none;
border-radius: 2px;
font-size: 0;
text-indent: -9999;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
cursor: pointer;
}
#colors li a:hover{
opacity: 0.75;
}
#customizer span{
text-transform: uppercase;
text-decoration: none;
margin-bottom: 0px;
margin-top: 5px;
display: block;
float: left;
font-weight: 900;
font-style: normal;
color: #273140;
text-align: left;
margin-bottom: 20px;
line-height: 1;
font-size: 14px;
width: 100%;
}
#headerbg{    padding-left: 0;
float: left;
margin-bottom: 15px;}
#headerbg li a{
color: #888;
font-size: 13px;
display: block;
margin-bottom: 2px;
font-weight: bold;
font-family: 'Montserrat';
float: left;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
#headerbg li a.active,#headerbg li a.active:hover{ color: var(--main-color) }
#headerbg li a:hover{color: #000;}
#customizer #colors{
display: block;
float: left;
width: 100%;
margin-bottom: 0;
padding: 0;
}
#colors li #blue{
background: var(--main-color);
}
#colors li #green{
background: #8BC34A;
}
#colors li #teal{
background: #009688;
}
#colors li #indigo{
background: #3f51b5;
}
#colors li #magenta{
background: #c2185b;
}
#colors li #orange{
background: #ff9800;
}
.metodo-pagamento{
cursor: pointer;
border: 2px solid #f1f1f1;
display: inline-block;
padding: 10px 0; width:100%;
text-align: center;
}
.metodo-pagamento img{
width:220px
}
.metodo-pagamento:hover,.metodo-pagamento.active{
border: 2px solid var(--main-color);
}
#FormAcquistoLicenza .g-recaptcha{
display: none
}
#ChiudiModal{position:absolute;
right:10px;top:10px
}
#AccediSoftware{cursor:pointer}
.navbar-right{margin-right:-5px!important}

@media (min-width: 960px) and (max-width: 1170px) {.navbar-default .nav li a{
padding: 15px;
}
header .header-dashboard .dashboard{
max-width: 90%;
}
header .header-dashboard{
background: none
}
#features-tab1 img{
max-width: 500px;
margin-top: 100px;
}
footer .container{
width: 100%;
padding: 0 30px;
}
#subscribe .subscribe-form{
float: none;
width: 570px;
margin: auto;
}
.contact-map-container{
display: none;
}
#features-tab2 img{
margin-right: 0;
max-width: 350px;
}
#contact .form-group{
width: 100%;
}
#contact .contact-form-container{
float: right;
width: 100%;
}
#subscribe h3,#subscribe p{
width: 100%;
text-align: center;
margin-bottom: 30px;
}
.team-content h5{
font-size: 18px;
}
.team-member img{
max-width: 100%;
}
.team-member{
margin: 0;
width: 100%;
}
.team-wrapper{
margin: 0;
width: 33.33333%;
float: left;
}
#features-tab3 img{
margin-top: 0;
margin-right: -30px;
max-width: 300px;
}
.pricing{
margin-bottom: 30px;
}
.features-tabs .tab{
width: 33.33%;
padding: 0;
float: left;
}
.features-tabs .tabs{
width: 100%;
}
#services .col-md-3.last{
padding-left: 0;
}}

@media (max-width: 960px) {.page{
float: none !important
}
.btn-prenotademo,.btn-telefono{
display: none
}
.btn-telefono-mobile{
display: block!important
}
header .header-dashboard .dashboard{
max-width: 90%;
}
#particles-js{
opacity: 0;
visibility: hidden;
}
header .header-dashboard{
background: none;
width:100%;text-align:center;
}
.dashboard{
padding-top: 60px;
padding-bottom:90px
}
html{
width: 100%;
overflow-x: hidden;
}
.navbar-fixed-top{
padding: 8px 20px;
background:inherit;
}
.navbar-fixed-top .page-scroll{
margin: 0;
}
.logo img{
}
header .intro-text .intro-lead-in{
}
header .intro-text{
padding: 35px 20px 0 20px;
width: 100%;
text-align: center;
}
.header-buttons{
margin: 40px auto 40px auto;
}
header .intro-text .intro-heading{
}
section h2.section-heading{
margin-top: 0;
margin-bottom: 15px;
font-size: 28px;
letter-spacing: -1px;
line-height: 28px;
}
section{
padding: 70px 0 50px 0;
}
section .section-subheading{
margin-bottom: 55px;
margin-top: 15px;
font-size: 15px;
line-height: 21px;
}
p{
font-size: 14px;
}
#services .nc-icon-outline{
margin-bottom: 16px;
font-size: 40px;
margin-top: 0;
}
.service-heading{
font-size: 18px;
margin-bottom: 18px;
}
#services .col-md-3.last,#services .col-md-3{
padding: 0 30px;
margin-bottom: 30px;
}
.video-container a{
width: 80%;
}
.video-container a img{
width: 100%;
max-width: 630px;
}
.play-video{
margin-top: -40px;
}
.features-tabs .tabs{
width: 90%;
height: auto;
margin: 0 auto 20px auto;
}
.features-tabs .tab{
display: block;
width: 100%;
}
#features .section-subheading{
margin: auto;
margin-bottom: 50px;
margin-top: 10px;
float: none;
line-height: 21px;
max-width: 80%;
text-align: center;
}
section h2.section-heading{
text-align: center;
}
#features-tabs{
text-align: center;
}
#features-tabs.features-tabs img{
margin: 40px auto;
max-width: 60%;
position: relative;
top: auto;
right: auto;
display: block;
max-height: 400px;
}
.features-tabs .tab a.active .triangle{
display: none;
}
.features-tabs li{
background: none;
padding-left: 0;
list-style: none;
margin: 0;
text-align: center;
color: #666;
font-family: PTSans;
font-size: 13px;
font-weight: 400;
line-height: 25px;
}
.video-modal .modal-content{
width: 100%;
margin: 0;
top: 50%;
left: 0;
margin-top: -150px;
height: 300px;
max-height: 300px;
}
.video-modal iframe{
width: 90%;
height: 300px;
}
.chart-content{
margin-top: -20px;
margin-bottom: 50px;
}
.chart-content h4{
font-size: 15px;
}
#pricing .col-md-4{
width: 90%;
margin: 0 auto 30px;
}
.pricing .pricing-option{
font-size: 14px;
}
.pricing .pricing-row{
padding-top: 15px;
}
.pricing .button-container{
padding: 32px 0 35px 0;
}
.pricing .col-lg-3{
padding: 35px 0 15px 0;
}
.pricing .pricing-price{
font-size: 40px;
}
.pricing .pricing-time{
font-size: 20px;
}
.pricing .currency{
font-size: 23px;
position: relative;
top: -10px;
}
.owl-carousel{
width: 80%;
margin: auto;
}
.tt-content h3{
line-height: 25px;
font-size: 18px;
}
.tt-quote{
display: none;
}
#testimonials .owl-controls span{
}
#testimonials{
}
.chart{
display: none;
}
.tt-image{
border: none
}
.tt-image img{
width: 50px;
height: 50px;
}
#solutions{
padding-bottom: 20px;
}
.team-member{
width: 80%;
margin: auto;
margin-bottom: 40px;
}
.team-member img{
width: 100%;
}
.team-content p{
margin-bottom: 0;
font-size: 15px;
line-height: 21px;
}
.owl-theme .owl-controls .owl-buttons div.owl-prev{
margin-left: -20px
}
.owl-theme .owl-controls .owl-buttons div.owl-next{
margin-right: -20px
}
#subscribe h3{
font-size: 28px;
line-height: 28px;
width: 100%;
text-align: center;
margin-bottom: 40px;
}
#subscribe .subscribe-form{
float: right;
width: 100%;
}
#subscribe .subscribe-form input{
width: 100%;
height: 40px;
line-height: 40px;
margin-bottom: 20px;
}
#subscribe .subscribe-form button{
width: 100%;
height: 40px;
}
.contact-map-container{
position: relative;
top: 0;
height: 250px;
width: 100%;
margin-left: 0;
}
#contact{
padding-top: 0;
}
#contact .contact-form-container{
width: 100%;
margin-top: 60px;
}
#contact .section-subheading{
margin-top: 30px;
line-height: 21px;
text-align: center;
margin: auto;
width: 80%;
margin-bottom: 50px;
}
#contactForm{
width: 80%;
margin: auto;
}
#contact .form-group{
width: 100%;
margin-bottom: 20px;
}
.btn-xl,#contact .form-group input.form-control{
height: 40px;
}
.lower-footer .pull-left{
width: 100%;
}
.footer-nav,.lower-footer .pull-right{
display: none;
}
.lower-footer span,.lower-footer a{
width: 100%;
display: block;
}
.upper-footer .logo img{
margin: auto;
}
.upper-footer .pull-left{
width: 100%;
margin-bottom: 40px;
}
.upper-footer .pull-left p{
text-align: center;
width: 80%;
margin: 30px auto 0;
}
.upper-footer .pull-right{
width: 100%;
}
.footer-secondary-nav{
max-width: 100%;
display: block;
padding: 0;
width: 100%;
}
.lower-footer{
margin-top: 30px;
}
.footer-secondary-nav a{
margin: auto;
display: block;
float: none;
}
.footer-secondary-nav li{
margin-bottom: 20px;
}}

@media (min-width: 780px) and (max-width: 960px) {.team-member{
margin: 0;
width: 100%;
}
.team-wrapper{
margin: 0;
width: 33.33333%;
float: left;
}
ul.submenu{
width: 100%;
}}
.justify-content-center{
text-align: center;
}
.justify-content-center > [class*="col-"]{
float: none;
display: inline-block;
vertical-align: top;
margin-right: -4px;
}
.panel-cookie{
position: fixed;
bottom: 20px;
left: 2%;
width: 96%;
padding: 35px 25px;
z-index: 1048;
background: var(--main-color);
}
.panel-cookie .primary-button{
font-size: 12px;
padding: 0px 10px;
margin-top: 10px;
color: var(--main-color);
}
.panel-cookie .primary-button:hover{
color:#fff;
}
.panel-cookie p{
margin: 0px;
color: #fff;
font-size: 15px;
}
.panel-cookie p a{
color: #fff;
text-decoration: underline;
}
.barraNav{
margin-top:10px}
.barraNav,.barraOrange,.barraBlu,.barraGreen{
height: 5px
}
.barraNav{ background-color:#ff4081;width:100%;float:left }
.barraOrange{
width: 20%;
background-color: #e88417;
float: left
}
.barraBlu{
width: 20%;
background-color: var(--main-color);
float: left
}
.barraGreen{
width: 20%;
background-color: #94CA63;
float: left
}
.bollino-soddisfatti-rimborsati{
position: absolute;
right: 15px;
bottom: 30px;
z-index: 1;
}
#UsaSaldo{
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
display: flex;
align-items: center;
justify-content: center;
min-width: 20px;
width: 20px;
height: 20px;
background-color: #dedede;
border-radius: 5px;
border: 2px solid #dedede;
cursor: pointer;
transition: background-color .2s ease;
float: left;
margin-right: 5px;
}
#UsaSaldo:checked{
background-color: var(--main-color);
border-color: var(--main-color);
}
#UsaSaldo:checked:after{
display: block;
content: "✔";
color: #fff
}
#ApplicaCodiceCoupon{
min-width: inherit !important;
cursor: pointer
}
.navbar-default{
background-color: rgba(255, 255, 255, 1);
box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
margin-bottom: 0px;
}
.text-pink{
color: #ff4081!important
}
#barraPromo{
background-color: #ff4081;
padding:25px 0 ;
position:relative;
margin-bottom:0px
}
#barraPromo p,#barraPromo h1{
padding-left: 165px;
}
.soddisfatti-rimborsati{
position:absolute;
top:-60px;
left:-30px;
z-index:10
}
.attiva-gratis-30-sec{
position: absolute;
top: -30px;
left: 0px
}
#barraPromoGreen{
background-color: #94CA63;
padding: 25px 0;
position: relative;
}
#barraPromoGreen p{
padding-left: 160px;
}
.bollino-gratis{
position: absolute;
top: -55px;
left: -20px;
z-index: 1
}
.img-lp-mobile{
display:none
}
#LandingPageTop{
background-color: #0F100F;
margin-top: 145px;
padding: 0px;
}
.img-landing-page{
position: absolute;
right: -40px;
bottom: -40px;
z-index: 2;
}
.bollino-promo{
position: absolute;
right: 15px;
top: 90px;
z-index: 1;
}
.yellow{
color: #fff000
}
.bg-blu{
background: var(--main-color);
}
.separator.white{
background-color: #fff;
}
.menu-big li{
}
.menu-big li a{
font-size: 16px !important;
padding-right: 50px !important;
}
.bg-black{
background-color: #0F100F !important
}
.text-white p{
color: #fff
}
.navbar-nav{margin-top:20px;clear:both}
.btn-telefono-mobile{
display: none;
position: fixed;
bottom:30px;
left: 20px;
}
.btn-telefono-mobile a{
background-color: var(--main-color);
padding: 15px 20px;
border-radius: 50%;
color: #fff;
font-size: 22px
}
#services .col-md-4{
margin-bottom: 40px;
height: 230px;
}
.margin-bottom-30{
margin-bottom: 30px !important;
}
.inner-body .navbar{
background-color: #fff;
border-bottom: 1px solid #f1f1f1
}
.navbar-default.navbar-shrink .logo-grey,.inner-body .logo-grey{
display: block !important
}
.logo-grey{
display: none
}
#AccediSoftware{min-width:100px;}
.navbar-default.navbar-shrink .logo-white,.inner-body .logo-white{
display: none
}
.navbar-default .nav li:first-child a{
padding-left: 0px;
}
.nav li a.active{
color: var(--main-color);
opacity: 1
}
.page-inner-column-50 p{
text-align: justify
}
.imageWhole,.imageresize{
width: 100%;
height: auto !important
}
.color-pink{
color: #ff4081!important
}
#LandingPageTop .button-pink:after{
top: 8px!important;
}
.button-pink:after{
content: "";
width: 30px;
height: 30px;
background: url("/public/attiva.png") no-repeat 0px 0px;
top: 4px;
right: 5px;
position: absolute;
display: inline-block;
}
.button-pink:hover:after{
background: url("/public/attiva-pink.png") no-repeat 0px 0px;
}
.button-pink{
border-color: #ff4081;
background-color: #ff4081;
color: #fff;
position: relative;
border-radius: 8px;
padding-right: 40px !important
}
.button-pink:hover,.button-pink:active{
color: #ff4081
}
.btn-attivagratis-hover-w:hover{
background-color: #fff;
}
.button-pink-inverse{
border-color: #ff4081;
background-color: #ffffff;
color: #ff4081
}
.button-pink-inverse:hover{
border-color: #ff4081;
background-color: #ff4081;
color: #fff
}
.pricing-row .button-pink{
padding: 0px 18px;
}
.header-btn{
float: right;
margin-left: 20px;
margin-top: 15px
}
.header-btn .secondary-button{
background: transparent;
}
.header-btn .primary-button,.header-btn .secondary-button{
min-width: 110px;
font-size: 13px;
margin: 0 3px;
padding: 0px 18px;
border-radius: 8px
}
ul.submenu{
z-index: 906;
position: absolute;
padding: 0;
background-color: var(--main-color);
padding: 0px 0;
display: none;
width: 185px;
margin-top: 0px;
list-style-type: none!important;
margin: 0;
}
.parallax .section-heading{
color: #fff;
font-size: 30px;
letter-spacing: -1px;
line-height: 40px;
font-weight: 500;
font-family: 'Montserrat', Helvetica, Arial, sans-serif;
}
ul.submenu li{
padding: 0px 0px !important;
border-top: 1px solid rgba(255,255,255,0.5);
}
ul.submenu li a{
opacity: 0.7 !important;
padding: 0 !important;
margin: 0;
color: #fff !important;
}
ul.submenu li a:hover{
opacity: 1 !important;
}
.footer-secondary-nav li{
font-family: 'Montserrat';
font-size: 14px;
font-weight: 400;
color: #999;
float: left;
text-align: left;
line-height: 14px;
}
input.form-control,select,select.form-control,textarea{
   
    width: 100%;
    height: 50px;
    background-color: white;
    padding: 0 20px;
    line-height: 50px;
    border: 1px solid #c5d9ff;
    border-radius: 7px;
}
textarea{
height: 150px;
}
#ultimenews{
padding: 50px 0
}
#ultimenews .section-subheading{
margin-bottom: 40px
}
textarea.form-control:focus,select:focus,input.form-control:focus{
border-color: var(--main-color);
box-shadow: none;
outline: none;
}
.text-danger{
color: #ff0000;
}
.loading{
position: absolute;
width: 100%;
height: 100%;
background: rgba(255,255,255,.6);
z-index: 999;
text-align: center;
display: none;
top:0px;
left:0px;
}
.loading .fa-spinner{
position: absolute;
top: 50%;
margin-top: -20px;
}
.margin-bottom-10{
margin-bottom: 10px!important;
}
.margin-top-10{
margin-top: 10px;
}
.margin-top-20{
margin-top: 20px;
}
.form-step-2{
display: none
}
.checkpassword .fa-times,.color-red{
color: #ff0000 !important
}
.checkpassword .fa-check,.color-green{
color: #41be08 !important
}
.color-red .fa-check,.color-green .fa-times{
display: none
}
section h1.section-heading{
color: var(--blu-color);
font-size: 40px;
letter-spacing: -1px;
line-height: 45px;
margin-bottom:20px;
font-weight:800
}
.text-big{
font-size: 35px;
font-weight: bold;
line-height:40px;
}
.text-big-2{
font-size: 25px;
font-weight: bold;
line-height: 35px;
}
.text-big-3{
font-size: 24px;
font-weight: bold;
line-height: 30px;
}
.text-medium-2{
font-size: 16px;
font-weight: bold;
}
.text-medium{
font-size: 20px;
font-weight: bold;
}
.text-blu{
color: var(--main-color);
}
.text-yellow{
color: #dcab0d
}
.text-green{
color:#94CA63
}
.text-white{
color: #fff!important;
}
.page .fa{
color: var(--main-color);
}
#FormAcquistoLicenza,#FormAttiva{
position: relative
}
.share-box{
margin: 15px 0;
border-top: 1px solid #ebedef;
border-bottom: 1px solid #ebedef;
padding: 15px 0 10px;
overflow:hidden;
}
.social-share{
padding: 0;
margin: 5px 0;
width: 100%;
float: left;
position: relative;
z-index: 9;
list-style-type: none;
list-style-type: none
}
.social-share li:first-child{
margin-right: 10px;
}
.social-share li{
float: left;
margin-right: 0px;
}
.social-share li:before{
display: none !important
}
.IN-widget{
margin-bottom:5px!important;
margin-left:15px!important;
}
section h2.section-heading,p.section-heading{
font-size: 35px;
letter-spacing: -1px;
line-height: 40px;
font-weight: 800;
}
p.section-heading{
margin-top: 0;
margin-bottom: 25px;
font-family: 'Montserrat', Helvetica, Arial, sans-serif;
font-weight:500; color:var(--blu-color)
}
.titleH2{
font-size: 30px;
}
#video{
padding: 60px 0
}
.contentpage{
padding-top: 170px;
}
.bg-pink{
background-color:#ff4081!important
}
.bg-lp{
background-repeat: no-repeat;
background-position: center right;
background-size: contain;
}
.widget-promo{
margin: 30px 0 20px;
box-sizing: border-box;
clear: both
}
.widget-promo img{
width:100%
}
.widget{
background: var(--main-color);
padding: 20px;
width: 100%;
margin: 30px 0 20px;
box-sizing: border-box;
clear: both
}
.widget.bg-grey{
background: var(--grey-color);
}
.widget.bg-grey h3 a,.widget.bg-grey .fa-life-ring{
color: var(--main-color);
}
.widget h3{
margin-top: 0px;
color: #fff
}
.widget p,.widget h3 a{
color: #fff
}
.widget .nc-icon-outline,.widget .fa-life-ring{
margin-bottom: 20px;
font-size: 40px;
color: #fff;
}
.widget-blu{
background: var(--main-color);
}
.widget-blu p,.widget-blu h3,.widget-blu .nc-icon-outline{
color: #fff;
}
.footer-secondary-nav .fa.fa-envelope-open{
font-size: 14px
}
.cart-row,.noModuliSelezionato{
background-color: #f1f1f1;
padding: 15px;
margin-bottom: 10px;
}
#PanelCodPromozionale{
background-color: #f1f1f1;
padding: 25px;
float: left;
width: 50%;
margin-bottom: 20px;
}
.costomodulo,.costoiva,.costototale,.costopers,.costomoduloaggiuntivo,.costomodulopers,.sconto,.sconto-codice{
float: right
}
.fa-eye,.fa-eye-slash,.fa-check-password,.fa-check-password-refresh{
position: absolute;
right: 30px;
top: 20px;
color: #999 !important
}
.fa-check-password{
color:#94CA63!important
}
.font-white{
color: #fff !important;
}
.validation-summary-errors{
padding: 10px;
text-align: center
}
.validation-summary-errors ul{
list-style-type: none!important;
margin: 0;
padding: 0;
}
.footer-nav li{
width: 180px;
}
.footer-nav{
max-width: 360px;
}
.pagination ul li:before{
content:''!important
}
.upper-footer .pull-right{
width: 640px;
}
p{
font-size: 15px;
}
ul{
color: #333;
font-size: 14px;
line-height: 25px;
margin-bottom: 10px;
list-style-type: none
}
.page-inner-column-50{
width: 46%;
float: left;
margin-right: 4%;
margin-top: 30px;
}
.page-inner-column{
margin-top: 50px
}
.page ul li:before,.page-prezzi li:before{
content: "\f00c";
font-family: FontAwesome;
display: inline-block;
margin-left: -1.3em;
width: 1.3em;
font-size: 12px
}
hr{
margin-bottom: 10px;
margin-top: 10px
}
.page{
float: right;
margin-top: 30px;
}
.page .section-heading{
margin-top:0px
}
.page h3{
color: var(--main-color);
font-size: 28px
}
.cookiedisabledpanel{
background: #f1f1f1;
padding: 10px;
text-align: center;
}
.Medium{
font-size: 35px
}
ul.nav-secondario{
list-style-type: none;
margin-left: 0;
padding: 0;
margin-bottom:20px
}
ul.nav-secondario li a{
background: #f5f5f6;
display: block;
line-height: 20px;
list-style: none;
margin-bottom: 2px;
padding: 10px 15px;
}
.ico-pagamenti{
opacity:0.8;
}
ul.nav-secondario li a:hover,ul.nav-secondario li.active a{
background-color: var(--main-color);
color: #FFFFFF;
text-decoration: none !important;
}
.pricing .pricing-row{
padding-left: 7px!important;
padding-right: 7px!important;
}
.table-prezzi{
width: 100%;
}
.table-prezzi th.first{
background-color: #fff
}
.table-prezzi td.first,.table-prezzi th.first{
}
.table-prezzi th:nth-child(2),.table-prezzi th:nth-child(3),.table-prezzi th:nth-child(4),.table-prezzi th:nth-child(5),.table-prezzi th:nth-child(6),.table-prezzi td:nth-child(2),.table-prezzi td:nth-child(3),.table-prezzi td:nth-child(4),.table-prezzi td:nth-child(5),.table-prezzi td:nth-child(6){
width: 16%
}
.table-prezzi th:nth-child(3){
background-color: #8DC3F8;
}
.table-prezzi th:nth-child(4){
background-color: #65AEF8;
}
.table-prezzi th:nth-child(6){
background-color: #86aacc;
}
.table-prezzi th:nth-child(2) p{
color: var(--main-color) !important
}
.table-prezzi th:nth-child(5){
background-color: var(--main-color);
}
.table-prezzi th p{
color: #fff
}
.table-prezzi td,.table-prezzi th{
padding: 10px;
text-align: center
}
.table-prezzi tr td:first-child{
text-align: left
}
.table-prezzi tr:last-child{
background-color: #fff !important;
}
.table-prezzi tr:nth-child(odd){
background-color: #F6F6F6;
}
.table-prezzi .fa-check{
color: #33bc09;
}
.table-prezzi .fa-times{
color: #ff0000;
}
.no-margin{
margin-left: 0px;
}
span.inarrivo{
color: #f49f1f
}
.etichetta-promo{
position: absolute;
right: 15px;
top: 0px;
z-index: 1000;
}
.best{
position: absolute;
right: 15px;
top: 0px;
z-index: 1000;
}
.pricing-through{
text-decoration: line-through;
font-size: 14px
}
.padding-top-20{
padding-top: 20px !important
}
.padding-top-25{
padding-top: 25px !important
}
#services .fa{
color: var(--main-color);
margin-bottom: 36px;
font-size: 40px;
}
.xlightblue{
background-color: #79b8f7 !important;
border-color: #79b8f7 !important;
}
.lightblue{
background-color: #4aa0f7 !important;
border-color: #4aa0f7 !important;
}
.greyblue{
background-color: #86aacc !important;
border-color: #86aacc !important;
}
.lastnews{
background-color: #fff;
padding: 15px 20px;
box-sizing: border-box;
}
.image-box{
margin: 20px 0
}
.post-thumb  img{width:100%;}
.post-date{
color: #aaa;
margin-bottom: 15px;
}
.fa-star,.fa-star-o{
color: #FDC012
}
.post-info{
padding: 5px 0 15px
}
.blog-post{
margin-bottom: 30px;
clear: both;
padding:  25px 25px 25px;
background: #f7f7f7;
border-radius:13px
}
.pagination ul{
padding: 0;
margin: 0
}
.pagination li:before{
display: none
}
.pagination li{
position: relative;
display: inline-block;
margin: 0 3px;
}
.pagination li a{
position: relative;
display: block;
line-height: 24px;
padding: 8px 13px;
font-size: 14px;
min-width: 40px;
border: 1px solid var(--blu-color);
background: var(--blu-color);
color: #fff;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
border-radius:13px;
-moz-transition: all 500ms ease;
}
.pagination .fa{
color: #fff
}
.pagination li a:hover,.pagination li a.active{
color: #fff;
background: var(--main-color);
border-color: var(--main-color)
}
#video  a{color:#fff;}
#testimonials .trustpilot-widget{
margin-top:30px
}
footer .trustpilot-widget{
clear: both;
background-color:#fff;
padding: 5px;
}
.pricing .secondary-button{
padding: 0 20px;
}
.parallax .secondary-button{
padding: 13px;
font-family: 'Montserrat', Helvetica, Arial, sans-serif;
font-size: 22px;
text-transform: initial;
font-weight: 500;
}
.parallax .secondary-button .fa{
font-size: 20px;
}
.padding-40{
padding:40px 0
}
.padding-inner{
padding: 60px 120px
}
.row-newsletter{
background-color:var(--main-color);clear:both;
padding:30px!important;text-align:center
}
.modal-pop{
z-index: 10001;
width: 80%;
height: 80%;
position: fixed;
top: 10%;
right: 10%;
box-sizing:border-box;
background-color:#fff;
padding:20px;
}
.modal-pop h2{
margin-top:0px;
}
.modal-pop .corpo-modal{
overflow:auto;
height:85%;
margin-bottom:10px;
}
.overlay-p{
background-color: rgba(0,0,0,0.5);
width: 100%;
height: 100%;
position: fixed;
top: 0;
right: 0;
z-index: 10000;
}
.img-popup{float:right;width:40%}
.popup{
position: fixed;
left: 50%;
top: 30%;
width: 650px;
margin-left: -325px;
background-color: #fff;
z-index: 100001;
padding: 0px;
box-sizing: border-box;
}
.inner-popup{
padding:20px;
float:left;
width:60%;
}
.inner-popup .text-big{margin-bottom:20px}
.close-popup{
position: absolute;
right: 5px;
top: 5px;
}
.close-popup .fa{
color: #666;
font-size: 20px
}
#accordion h4{
color: var(--main-color); cursor: pointer;
background: #f5f5f6;
padding: 20px;
margin-bottom: 6px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
-webkit-transition: box-shadow 0.2s;
-moz-transition: box-shadow 0.2s;
transition: box-shadow 0.2s;
}
#accordion .ui-accordion-header-icon{float:right}
#accordion .ui-accordion-content{padding:20px}
span.highlight{
background: #f1c40f;
}
.item-search{
margin-bottom:25px;
}
.header-btn .fa-search{
color:#fff;
}
.search-bar{
position: relative;
margin-bottom: 20px;
display:none;
}
    .search-bar input {
        background: none;
   
        font-family: 'SA Roboto', Arial, sans-serif;
        box-sizing: border-box;
        width: 100%;
        color: var(--blu-color);
        border: 1px solid #d6e8fc;
        border-radius: 13px;    
        padding: 12px 12px;
        margin-bottom:10px;
    }
.search-bar input::-webkit-input-placeholder{
color: var(--blu-color)
}
.btn-search{
float: right;
width: 15%;
line-height: 34px;
font-size: 15px;
font-family: 'Montserrat', Helvetica, Arial, sans-serif;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
background-color: var(--blu-color);
color: #fff;
font-weight: bold;
border: 2px solid var(--blu-color);
box-sizing: border-box;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.btn-search:hover{
background-color: var(--main-color);
border: 2px solid var(--main-color);color:#fff
}
.post-text h2,.item-aggiornamento h2{
color: var(--main-color)
}
.item-aggiornamento h2,.item-aggiornamento h3{
margin-top:0px;padding-top:0px;
font-size:24px;
}
.item-aggiornamento{
background: #fff;
border:1px solid #f1f1f1;
padding: 20px;
margin-bottom: 20px;
}
.bread-crumb{
margin-bottom:15px
}
.DataBloccata,.DataBloccata:hover{
border-color: #ccc !important;
color: #ccc !important;
background-color: #fff !important
}
.bg-white{
background-color: #fff
}
.angle-mobile{
display: none !important
}
header .header-dashboard .dashboard{
margin-top:0px!important;
margin-bottom:-10px
}
.card-header h2{
margin: 10px;text-align:center
}
.card-header{
background: #f5f5f6;
}
.card-header:hover{
background: var(--main-color);
}
.card-header .btn-link{
padding: 20px;
color: var(--main-color);
font-size: 16px;
text-align: center;
font-weight:bold
}
.card-header:hover .btn-link{
color:#fff
}
.card-body{
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 20px;
border-right: 1px solid #f1f1f1;
border-left: 1px solid #f1f1f1;
text-align: center;
font-size: 14px;
}
.accordion .collapse{
display:none!important
}

@media (max-width: 955px) {ul .submenu{
position: relative;
padding-left: 15px
}
.angle-mobile{
display: block !important;
float: right;
font-size: 18px;
margin-top: -25px;
position: relative;
z-index: 20000;
margin-right: 10px;
}
ul .submenu{
padding-left: 0px;
}
ul.submenu{width:100%}
ul.submenu li{
padding: 8px 8px !important;
}
.nav > li{
border-top: 1px solid var(--grey-color);
}
.hasSubMenu .fa-angle-down{
display: none
}
li.social a{
display: inline !important;
}
.page-inner-column-50{
width: 100%;
margin-right: 0
}}
.subscribe-form input{
width: 190px;
border-radius: 2px;
height: 40px;
color: #666;
border: 1px solid rgba(102, 102, 102, 0.5);
background: none;
padding: 0 20px;
}
.subscribe-form input::-webkit-input-placeholder{
color: rgba(102, 102, 102, 0.7);
}
.subscribe-form input:-moz-placeholder{
color: rgba(102, 102, 102, 0.7);
}
.subscribe-form input::-moz-placeholder{
color: rgba(102, 102, 102, 0.7);
}
.subscribe-form input:-ms-input-placeholder{
color: rgba(255, 255, 255, 0.7);
}
.subscribe-form button:hover{
color: #fff;
background: none;
}
.subscribe-form input:focus{
box-shadow: none;
border: 1px solid #fff;
outline: none;
}
.paga-bonifico{
border: 1px solid #999;
background-color: #f1f1f1;
opacity: 0.4;
}
.paga-sumup,.paga-nexi{
background-color: #fff;
border: 1px solid #999;
opacity:0.4;
}
.paga-nexi.active,.paga-bonifico.active,.paga-nexi:hover,.paga-bonifico:hover{
border: 1px solid #206FD6 !important;
opacity: 1;
}
.paga-bonifico,.paga-sumup,.paga-nexi{
border-radius: 4px;
cursor: pointer;
clear: both;
display: inline-block;
text-align: center;
width: 100%;
box-sizing: border-box;
margin-bottom: 10px;
padding: 6px 0;
}
.paga-bonifico img,.paga-sumup img{
width: 130px;
}
.paga-nexi img{
width: 220px;
}

@media (max-width: 960px) {.upper-footer .pull-right{
width: 96% !important;
}
.img-lp-mobile{
display: block;
width: 100%
}
.bg-lp{
background-image: none !important
}}

@media (max-width: 992px) {.outer-margin{
margin: 0
}
.header-btn{
margin-left: 0px;
text-align:center;
float:inherit;
margin-top: 15px;
}
.table-prezzi{
overflow-x: auto;
display: block;
}}

@media (max-width: 650px) {.popup{
width:98%;
margin-left:1%;
left:0!important
}
.contentpage{
padding-top: 130px;
}
.bollino-soddisfatti-rimborsati{position:relative!important}
.bollino-promo{
display: none
}
#services .col-md-4{
height: auto !important
}
.inner-popup{width:100%}
.img-popup{
display: none
}
.navbar-default .nav li a{
width: 90%;
padding: 15px 10px!important;
}
.navbar-default .nav li:first-child a{
padding-left: 10px !important
}
.ico-pagamenti{
width: 100%
}
.padding-inner{
padding: 50px!important;
}
header .header-dashboard .dashboard{
margin-top: 0px !important;
padding-bottom:0px!important
}
.img-landing-page{position:relative;width:95%;right:inherit;left:2%;top:-20px;}
.soddisfatti-rimborsati,.attiva-gratis-30-sec{
position: relative;
top: inherit;
margin-bottom: 10px
}
#barraPromo{text-align:center}
#barraPromo p,#barraPromo h1{
padding-left: 0px;
}
.bollino-gratis{
position: relative;
top: inherit;
margin-bottom: 10px
}
#barraPromoGreen{
text-align: center
}
#barraPromoGreen p{
padding-left: 0px;
}}

@media (max-width: 470px) {.popup .subscribe-form input{
width: 100%;
margin-bottom: 10px;
}
#subscribe button[type="submit"],.popup .primary-button.button-inverse{
width: 100%!important;
}
.header-btn{
margin-top: 5px;
text-align: center;
width: 100%;
}
.logo img{
height: 45px !important;
margin-bottom: 5px
}}
.elenco-guida{
background-color:var(--grey-color);
padding:20px;

border-radius:16px;
min-height:100px;
}

/* Contenitore Masonry */
.elenco-guide-masonry {
    column-count: 3;
    column-gap: 20px;
}

    /* Singola scheda */
    .elenco-guide-masonry .col-md-4 {
        width: 100%;
        padding: 0;
        margin-bottom: 20px;
        break-inside: avoid;
        -webkit-column-break-inside: avoid;
    }



/* Tablet */
@media (max-width: 991px) {
    .elenco-guide-masonry {
        column-count: 2;
    }
}

/* Smartphone */
@media (max-width: 575px) {
    .elenco-guide-masonry {
        column-count: 1;
    }
}

.btn-moduli,.eliminaModulo{
cursor: pointer
}
.eliminaModulo{
color: #ff0000 !important;
font-size: 18px !important;
margin-left:5px!important
}
.descrizione-modulo{
background-color: #f1f1f1;
border: 2px solid #f1f1f1;
padding: 20px;
font-size:16px;
margin-bottom:15px;overflow:hidden;
border-radius:7px
}
.descrizione-modulo:hover,.descrizione-modulo.active{
border: 2px solid var(--main-color);
}
.btn-moduli{
float:right;
}
#InfoPagamento_1{
padding:15px 15px;
border:1px solid #ccc;
margin-bottom:5px
}
#InfoAutoRinnovo{cursor:pointer;font-size:20px}
.info-autorinnovo{
background-color: #f1f1f1;
padding: 25px;
margin-top: 10px;
display: none;
}
#InfoPagamento_1 .switch{
font-size: 17px;
position: relative;
display: inline-block;
width: 7.5em;
height: 2em;
}
#InfoPagamento_1 .switch input{
opacity: 0;
width: 0;
height: 0;
}
#InfoPagamento_1 .slider{
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
transition: 0.4s;
border-radius: 30px;
box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.2);
}
#InfoPagamento_1 .slider:before{
position: absolute;
content: "";
height: 1.6em;
width: 1.6em;
border-radius: 20px;
left: 0.2em;
bottom: 0.2em;
background-color: white;
transition: 0.4s;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
#InfoPagamento_1 .switch input:checked + .slider{
background-color: #14b330;
}
#InfoPagamento_1 .switch input:focus + .slider{
box-shadow: 0 0 1px #4cc9f0;
}
#InfoPagamento_1 .switch input:checked + .slider:before{
transform: translateX(5.2em);
background-color: #14b330;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
#InfoPagamento_1 .slider:after{
content: "DISABILITA";
color: white;
position: absolute;
right: 0.8em;
top: 50%;
transform: translateY(-50%);
font-size: 0.8em;
transition: opacity 0.4s;
opacity: 1;
}
#InfoPagamento_1 .switch input:checked + .slider:after{
content: "ABILITA";
left: 1.6em;
opacity: 1;
right: auto;
}
.bg-codice-destinatario-sdi{
margin:-110px 0 -20px 0;
padding-bottom: 0px;
}
.bg-codice-destinatario-sdi img{
filter: drop-shadow(0 0 1px white) drop-shadow(0 0 1px white);
}
.grecaptcha-logo{display:none}

@media (max-width: 991px) {.bg-codice-destinatario-sdi{
background:none!important
}}
.ricerca{
background-color: #ff4081;
padding: 20px;
overflow: hidden;
margin-top: 40px;
}
.ricerca p{
color: #fff
}
.ricerca input[type="text"]{
border: 1px solid #fff;
width: 100%;
padding: 10px;
color:#666
}
.ricerca .btn-codicefe{
margin: 25px 0 0 0;
width: 100% !important
}
.box-rosa{
background-color: #ff4081;
padding: 30px;
}
.checkpassword{font-size:13px;margin-top:15px}
#percorsi-software{
padding: 70px 0;
background: #f7fbfd;
}
#percorsi-software .section-heading{
}
#percorsi-software .section-subheading{
}
#percorsi-software .percorsi-grid{
display: flex;
flex-wrap: wrap;
gap: 26px;
justify-content: center;
margin-top: 42px;
}
#percorsi-software .percorso-card{
width: calc(33.333% - 18px);
min-height: 270px;
padding: 30px 28px 28px 28px;
border-radius: 20px;
background: linear-gradient(145deg, #31A8DA 0%, #238fc0 100%);
color: #fff;
position: relative;
overflow: hidden;
box-shadow: 0 18px 38px rgba(49, 168, 218, 0.25);
transition: all .25s ease;
border: 1px solid rgba(255,255,255,0.20);
}
#percorsi-software .percorso-card:before{
content: "";
position: absolute;
top: -70px;
right: -70px;
width: 170px;
height: 170px;
border-radius: 50%;
background: rgba(255,255,255,0.13);
}
#percorsi-software .percorso-card:after{
content: "";
position: absolute;
bottom: -55px;
left: -55px;
width: 130px;
height: 130px;
border-radius: 50%;
background: rgba(255,64,129,0.20);
}
#percorsi-software .percorso-card:hover{
transform: translateY(-6px);
box-shadow: 0 24px 48px rgba(49, 168, 218, 0.36);
background: linear-gradient(145deg, #2DA8DB 0%, #1f82b0 100%);
}
#percorsi-software .percorso-icon{
width: 64px;
height: 64px;
border-radius: 18px;
background: rgba(255,255,255,0.18);
border: 1px solid rgba(255,255,255,0.35);
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 22px;
position: relative;
z-index: 2;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
}
#percorsi-software .percorso-card em{
font-size: 31px;
color: #fff;
margin: 0;
line-height: 1;
}
#percorsi-software .percorso-card h3{
font-size: 21px;
line-height: 1.22;
margin: 0 0 13px 0;
font-weight: 800;
position: relative;
z-index: 2;
}
#percorsi-software .percorso-card h3 a{
color: #fff;
text-decoration: none;
}
#percorsi-software .percorso-card h3 a:hover{
text-decoration: underline;
}
#percorsi-software .percorso-card p{
font-size: 14px;
line-height: 1.65;
margin: 0 0 22px 0;
color: rgba(255,255,255,0.94);
position: relative;
z-index: 2;
}
#percorsi-software .percorso-link{
display: inline-block;
color: #fff;
font-size: 13px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: .3px;
text-decoration: none;
position: relative;
z-index: 2;
}
#percorsi-software .percorso-link span{
display: inline-block;
color: #FF4081;
background: #fff;
border-radius: 50%;
width: 22px;
height: 22px;
line-height: 22px;
text-align: center;
margin-left: 7px;
transition: all .2s ease;
}
#percorsi-software .percorso-card:hover .percorso-link span{
transform: translateX(4px);
background: #FF4081;
color: #fff;
}

@media (max-width: 991px) {#percorsi-software .percorso-card{
width: calc(50% - 14px);
}}

@media (max-width: 767px) {#percorsi-software{
padding: 50px 0;
}
#percorsi-software .percorsi-grid{
display: block;
margin-top: 30px;
}
#percorsi-software .percorso-card{
width: 100%;
min-height: auto;
margin-bottom: 20px;
}}
#header.header-home-new{
position: relative;
background: #fff;
padding: 0;
overflow: hidden;
min-height: 500px;
}
#header.header-home-new .container{
max-width: 1180px;
position: relative;
}
#header.header-home-new .col-md-12{
position: relative;
min-height: 500px;
display: block;
}
#header.header-home-new .intro-text{
position: relative;
z-index: 3;
width: 45%;
max-width: 540px;
text-align: left;
margin: 0;
padding: 50px 0 0 0;
}
#header.header-home-new .header-dashboard{
position: absolute;
z-index: 1;
left: 36%;
right: -80px;
top: 18px;
width: auto;
margin: 0;
padding: 0;
text-align: right;
transform: none !important;
pointer-events: none;
}
#header.header-home-new .dashboard{
display: inline-block;
width: 100%;
max-width: 850px;
height: auto;
margin: 0 !important;
padding: 0 !important;
}
#header.header-home-new .bollino-soddisfatti-rimborsati{
position: absolute;
right: 4px;
bottom: 88px;
width: 130px;
max-width: 22%;
z-index: 4;
}
#header.header-home-new .intro-badge-cloud{
display: inline-flex;
align-items: center;
gap: 7px;
background: #e8f5fc;
color: #168bd8;
font-size: 11px;
font-weight: 800;
text-transform: uppercase;
padding: 7px 14px;
border-radius: 999px;
margin-bottom: 16px;
line-height: 1;
}
#header.header-home-new .intro-badge-cloud em,#header.header-home-new .header-benefit-icon em,#header.header-home-new .header-scopri em{
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1;
margin: 0;
padding: 0;
}
#header.header-home-new .intro-lead-in{
display: block;
font-size: 31px;
line-height: 1.17;
font-weight: 800;
color: #07143d;
letter-spacing: -0.4px;
}
#header.header-home-new .text-blu{
color: #24a4df;
}
#header.header-home-new .intro-heading{
font-size: 17px;
line-height: 1.38;
color: #07143d;
margin: 18px 0 0;
}
#header.header-home-new .header-actions-row{
display: flex;
align-items: center;
gap: 24px;
margin-top: 28px;
}
#header.header-home-new .header-actions-row p{
margin: 0;
}
#header.header-home-new .header-actions-row .primary-button{
min-width: 286px;
padding: 15px 22px;
line-height: 1;
text-align: center;
white-space: nowrap;
border-radius: 8px;
}
#header.header-home-new .header-scopri{
display: inline-flex;
align-items: center;
gap: 7px;
color: #168bd8;
font-size: 14px;
font-weight: 700;
text-decoration: underline;
white-space: nowrap;
}
#header.header-home-new .header-benefits{
display: flex;
align-items: center;
gap: 18px;
margin-top: 22px;
max-width: 520px;
}
#header.header-home-new .header-benefit{
display: flex;
align-items: center;
gap: 8px;
flex: 1;
min-width: 0;
color: #07143d;
font-size: 13px;
font-weight: 700;
line-height: 1.08;
}
#header.header-home-new .header-benefit-icon{
width: 30px;
height: 30px;
flex: 0 0 30px;
border: 2px solid #168bd8;
color: #168bd8;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
}
#header.header-home-new .header-benefit-icon.tag-icon{
border-radius: 8px;
transform: rotate(-45deg);
}
#header.header-home-new .header-benefit-icon.tag-icon em{
transform: rotate(45deg);
}

@media (min-width: 1300px) {#header.header-home-new .header-dashboard{
left: 32%;
right: -100px;
top: 8px;
}
#header.header-home-new .dashboard{
}}

@media (max-width: 1199px) and (min-width: 992px) {#header.header-home-new{
min-height: 470px;
}
#header.header-home-new .col-md-12{
min-height: 470px;
}
#header.header-home-new .intro-text{
width: 47%;
padding-top: 42px;
}
#header.header-home-new .intro-lead-in{
font-size: 29px;
}
#header.header-home-new .header-dashboard{
left: 38%;
right: -60px;
top: 30px;
}
#header.header-home-new .dashboard{
max-width: 760px;
}}

@media (max-width: 991px) {#header.header-home-new{
padding: 26px 0 34px;
min-height: auto;
}
#header.header-home-new .col-md-12{
min-height: auto;
display: block;
}
#header.header-home-new .intro-text{
width: 100%;
max-width: none;
padding: 0;
}
#header.header-home-new .header-dashboard{
position: relative;
left: auto;
right: auto;
top: auto;
width: 100%;
margin-top: 24px;
text-align: center;
transform: none !important;
pointer-events: auto;
}
#header.header-home-new .dashboard{
max-width: 620px;
}
#header.header-home-new .header-benefits{
max-width: 560px;
}
#header.header-home-new .bollino-soddisfatti-rimborsati{
right: 8%;
bottom: -6px;
width: 105px;
}}

@media (max-width: 767px) {#header.header-home-new .intro-lead-in{
font-size: 28px;
}
#header.header-home-new .header-actions-row{
display: block;
}
#header.header-home-new .header-actions-row .primary-button{
width: 100%;
max-width: 340px;
min-width: 0;
}
#header.header-home-new .header-scopri{
margin-top: 15px;
}
#header.header-home-new .header-benefits{
display: grid;
grid-template-columns: 1fr;
gap: 12px;
}
#header.header-home-new .bollino-soddisfatti-rimborsati{
position: absolute !important;
width: 95px;
right: 0;
bottom: -6px;
}}
.ss-services-modern{
position: relative;
padding: 70px 0 75px;
background: radial-gradient(circle at 15% 20%, rgba(49, 168, 218, 0.10) 0, rgba(49, 168, 218, 0.00) 34%), radial-gradient(circle at 85% 10%, rgba(255, 64, 129, 0.07) 0, rgba(255, 64, 129, 0.00) 30%), linear-gradient(180deg, #ffffff 0%, #f3f9fd 100%);
overflow: hidden;
}
.ss-services-modern:before{
content: "";
position: absolute;
top: 90px;
left: -90px;
width: 260px;
height: 260px;
background: rgba(49, 168, 218, 0.08);
border-radius: 50%;
z-index: 0;
}
.ss-services-modern:after{
content: "";
position: absolute;
right: -120px;
bottom: 60px;
width: 320px;
height: 320px;
background: rgba(49, 168, 218, 0.07);
border-radius: 50%;
z-index: 0;
}
.ss-services-modern .container{
position: relative;
z-index: 1;
}
.ss-services-eyebrow{
display: inline-block;
margin-bottom: 14px;
padding: 7px 16px;
border-radius: 999px;
background: #e8f5fc;
color: #008bd2;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.3px;
text-transform: uppercase;
}
.ss-services-modern .section-heading{
margin-top: 0;
margin-bottom: 12px;
color: #07143f;
font-size: 38px;
line-height: 1.18;
font-weight: 800;
letter-spacing: -0.8px;
}
.ss-services-modern .section-heading span{
color: #008fe3;
}
.ss-services-modern .separator{
display: block;
width: 54px;
height: 4px;
margin: 17px auto 18px;
border-radius: 999px;
background: linear-gradient(90deg, #31A8DA 0%, #FF4081 100%);
}
.ss-services-modern .section-subheading{
max-width: 820px;
margin: 0 auto 38px;
color: #39425f;
font-size: 16px;
line-height: 1.65;
font-weight: 400;
}
.ss-services-grid{
display: flex;
flex-wrap: wrap;
margin-left: -14px;
margin-right: -14px;
}
.ss-service-col{
padding-left: 14px;
padding-right: 14px;
margin-bottom: 28px;
}
.ss-service-card{
position: relative;
height: 100%;
min-height: 178px;
padding: 28px 26px 25px;
background: #ffffff;
border: 1px solid rgba(49, 168, 218, 0.12);
border-radius: 16px;
box-shadow: 0 14px 34px rgba(7, 20, 63, 0.08);
text-align: left;
transition: all 0.25s ease;
overflow: hidden;
}
.ss-service-card:before{
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 4px;
background: linear-gradient(90deg, #31A8DA 0%, #FF4081 100%);
opacity: 0;
transition: opacity 0.25s ease;
}
.ss-service-card:hover{
transform: translateY(-5px);
box-shadow: 0 20px 46px rgba(7, 20, 63, 0.13);
border-color: rgba(49, 168, 218, 0.28);
}
.ss-service-card:hover:before{
opacity: 1;
}
.ss-service-top{
display: flex;
align-items: flex-start;
gap: 18px;
}
.ss-service-icon{
flex: 0 0 74px;
width: 74px;
height: 74px;
border-radius: 18px;
background: linear-gradient(180deg, #edf8fe 0%, #f7fbff 100%);
display: flex;
align-items: center;
justify-content: center;
box-shadow: inset 0 0 0 1px rgba(49, 168, 218, 0.08);
}
.ss-service-icon img{
max-width: 46px;
max-height: 46px;
margin: 0 !important;
display: block;
}
.ss-service-content{
flex: 1;
min-width: 0;
}
.ss-service-heading{
margin: 0 0 9px;
color: #07143f;
font-size: 17px;
line-height: 1.28;
font-weight: 800;
}
.ss-service-text{
margin: 0;
color: #4b5573;
font-size: 14px;
line-height: 1.55;
}
.ss-service-badge{
display: inline-block;
margin-top: 16px;
padding: 5px 11px;
border-radius: 999px;
background: #f4faff;
color: #008bd2;
font-size: 12px;
font-weight: 700;
}
.ss-services-cta-box{
margin-top: 12px;
padding: 26px 30px;
border-radius: 18px;
background: linear-gradient(135deg, #07143f 0%, #073e74 100%);
box-shadow: 0 18px 42px rgba(7, 20, 63, 0.18);
color: #ffffff;
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
}
.ss-services-cta-box p{
margin: 0;
color: #ffffff;
font-size: 18px;
line-height: 1.45;
font-weight: 700;
}
.ss-services-cta-box span{
display: block;
margin-top: 4px;
color: rgba(255, 255, 255, 0.78);
font-size: 14px;
font-weight: 400;
}
.ss-services-cta-box a{
flex: 0 0 auto;
display: inline-block;
padding: 14px 24px;
border-radius: 8px;
background: #FF4081;
color: #ffffff;
font-size: 14px;
font-weight: 800;
text-transform: uppercase;
text-decoration: none;
box-shadow: 0 10px 22px rgba(255, 64, 129, 0.28);
}
.ss-services-cta-box a:hover,.ss-services-cta-box a:focus{
color: #ffffff;
text-decoration: none;
background: #f22772;
}

@media (max-width: 991px) {.ss-services-modern{
padding: 58px 0 60px;
}
.ss-services-modern .section-heading{
font-size: 32px;
}
.ss-service-card{
min-height: 165px;
}
.ss-services-cta-box{
display: block;
text-align: center;
}
.ss-services-cta-box a{
margin-top: 18px;
}}

@media (max-width: 767px) {.ss-services-modern{
padding: 48px 0 50px;
}
.ss-services-modern .section-heading{
font-size: 27px;
line-height: 1.25;
}
.ss-services-modern .section-subheading{
font-size: 15px;
margin-bottom: 28px;
}
.ss-service-card{
padding: 23px 20px 22px;
}
.ss-service-top{
gap: 14px;
}
.ss-service-icon{
flex-basis: 62px;
width: 62px;
height: 62px;
border-radius: 15px;
}
.ss-service-icon img{
max-width: 38px;
max-height: 38px;
}
.ss-service-heading{
font-size: 16px;
}
.ss-services-cta-box{
padding: 24px 20px;
}}
#vantaggi .confronti-home-box{
margin: 35px auto 0 auto;
padding: 26px 28px;
max-width: 980px;
border-radius: 18px;
background: rgba(255,255,255,0.12);
border: 1px solid rgba(255,255,255,0.25);
text-align: center;
box-shadow: 0 12px 28px rgba(0,0,0,0.08);
clear:both;
}
#vantaggi .confronti-home-title{
color: #fff;
font-size: 22px;
line-height: 1.3;
font-weight: 800;
margin: 0 0 8px 0;
}
#vantaggi .confronti-home-text{
color: rgba(255,255,255,0.92);
font-size: 15px;
line-height: 1.6;
margin: 0 0 20px 0;
}
#vantaggi .confronti-home-links{
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 12px;
}
#vantaggi .confronti-home-links a{
display: inline-block;
padding: 11px 16px;
border-radius: 999px;
background: #fff;
color: #31A8DA;
font-size: 13px;
font-weight: 800;
text-decoration: none;
transition: all .2s ease;
}
#vantaggi .confronti-home-links a:hover{
background: #FF4081;
color: #fff;
transform: translateY(-2px);
box-shadow: 0 8px 18px rgba(0,0,0,0.14);
}

@media (max-width: 767px) {#vantaggi .confronti-home-box{
padding: 22px 18px;
margin-top: 25px;
}
#vantaggi .confronti-home-title{
font-size: 19px;
}
#vantaggi .confronti-home-links{
display: block;
}
#vantaggi .confronti-home-links a{
display: block;
margin-bottom: 10px;
}}
.sdi-page{
padding: 40px 0 70px;
background: #ffffff;
}
.sdi-hero{
background: linear-gradient(135deg,#ff4f8b 0%, #ff6aa5 50%, #ff7db3 100%);
border-radius: 24px;
padding: 30px;
overflow: hidden;
position: relative;
box-shadow: 0 10px 40px rgba(255, 72, 135, 0.18);
}
.hero-content{
position: relative;
z-index: 2;
}
.hero-content h1{
color: #ffffff;
font-size: 48px;
line-height: 1.15;
font-weight: 800;
margin-bottom: 25px;
}
.hero-subtitle{
color: #ffffff;
font-size: 18px;
line-height: 1.7;
margin-bottom: 25px;
opacity: 0.95;
}
.hero-list{
list-style: none;
padding: 0;
margin: 0 0 35px;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 8px;
}
.hero-list li{
color: #ffffff;
font-size: 17px;
margin-bottom: 12px;
padding-left: 34px;
position: relative;
font-weight: 500;
}
.hero-list li:before{
content: "✓";
position: absolute;
left: 0;
top: -1px;
width: 22px;
height: 22px;
line-height: 22px;
border-radius: 50%;
background: rgba(255,255,255,0.2);
text-align: center;
font-size: 13px;
}
.hero-btn{
display: inline-block;
background: #1fa2ff;
color: #ffffff !important;
font-size: 15px;
font-weight: 700;
padding: 16px 30px;
border-radius: 10px;
text-decoration: none !important;
transition: all .25s ease;
box-shadow: 0 6px 20px rgba(0,0,0,0.12);
}
.hero-btn:hover{
background: #0e90ec;
transform: translateY(-2px);
}
.hero-small-text{
color: #ffffff;
margin-top: 18px;
font-size: 14px;
opacity: 0.85;
}
.hero-illustration{
text-align: center;
}
.hero-illustration img{
max-width: 100%;
animation: float 4s ease-in-out infinite;
}

@keyframes float {
0% {
transform: translateY(0px);
}
50% {
transform: translateY(-10px);
}
100% {
transform: translateY(0px);
}
}
.result-title{
font-size: 28px;
font-weight: 700;
color: #4285f4;
margin: 45px 0 20px;
}
.sdi-result-box{
background: #f8fffa;
border: 2px solid #d8f2dd;
border-radius: 18px;
padding: 35px;
box-shadow: 0 5px 20px rgba(0,0,0,0.04);
}
.result-left{
display: flex;
align-items: center;
}
.check-icon{
width: 72px;
height: 72px;
min-width: 72px;
border-radius: 50%;
background: #2fc46f;
color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
font-size: 34px;
font-weight: bold;
margin-right: 25px;
}
.result-label{
font-size: 15px;
color: #666666;
margin-bottom: 8px;
}
.result-code{
font-size: 45px;
font-weight: 800;
color: #29b35d;
line-height: 1;
margin-bottom: 12px;
}
.result-desc{
font-size: 16px;
color: #444444;
font-weight: 500;
}
.result-image{
max-width: 150px;
}
.features-row{
margin-top: 35px;
}
.feature-card{
background: #ffffff;
border-radius: 18px;
padding: 35px 28px;
height: 100%;
text-align: center;
box-shadow: 0 8px 25px rgba(0,0,0,0.06);
transition: all .25s ease;
}
.feature-card:hover{
transform: translateY(-5px);
box-shadow: 0 12px 35px rgba(0,0,0,0.08);
}
.feature-icon{
width: 70px;
height: 70px;
border-radius: 50%;
margin: 0 auto 20px;
display: flex;
align-items: center;
justify-content: center;
font-size: 28px;
color: #ffffff;
}
.feature-icon.blue{
background: #3d8bfd;
}
.feature-icon.pink{
background: #ff4f8b;
}
.feature-icon.cyan{
background: #27c3d9;
}
.feature-card h4{
font-size: 22px;
font-weight: 700;
color: #222222;
margin-bottom: 15px;
}
.feature-card p{
font-size: 16px;
line-height: 1.7;
color: #666666;
margin: 0;
}

@media(max-width:991px) {.sdi-hero{
padding: 40px;
text-align: center;
}
.hero-content h1{
font-size: 38px;
}
.hero-list li{
text-align: left;
}
.hero-illustration{
margin-top: 40px;
}
.result-left{
flex-direction: column;
text-align: center;
}
.check-icon{
margin-right: 0;
margin-bottom: 20px;
}
.result-image{
margin-top: 25px;
}
.feature-card{
margin-bottom: 25px;
}}

@media(max-width:576px) {.sdi-hero{
padding: 30px 25px;
}
.hero-content h1{
font-size: 30px;
}
.hero-subtitle{
font-size: 16px;
}
.hero-list li{
font-size: 15px;
}
.hero-btn{
width: 100%;
text-align: center;
padding: 15px;
}
.result-code{
font-size: 38px;
}
.result-title{
font-size: 22px;
}}
.not-found{
background: #fff8f8;
border: 2px solid #ffd7d7;
}
.error-icon{
width: 72px;
height: 72px;
min-width: 72px;
border-radius: 50%;
background: #ff5b5b;
color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
font-size: 34px;
font-weight: bold;
margin-right: 25px;
}
.error-text{
color: #ff4d4d !important;
}
.feature-icon{
width: 72px;
height: 72px;
border-radius: 50%;
margin: 0 auto 22px;
display: flex;
align-items: center;
justify-content: center;
font-size: 28px;
color: #ffffff;
box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}
.feature-icon i{
line-height: 1;
}
.feature-icon.blue{
background: linear-gradient(135deg,#4a8cff,#2f6fff);
}
.feature-icon.pink{
background: linear-gradient(135deg,#ff5ca8,#ff3d8d);
}
.feature-icon.cyan{
background: linear-gradient(135deg,#29d3e8,#11b5cb);
}
.ss-pricing-section{
position: relative;
z-index: 1;
overflow: hidden;
padding: 46px 0 42px;
background: radial-gradient(circle at 12% 18%, rgba(49, 168, 218, 0.09) 0, rgba(49, 168, 218, 0.00) 28%), radial-gradient(circle at 88% 12%, rgba(237, 67, 128, 0.07) 0, rgba(237, 67, 128, 0.00) 26%), linear-gradient(180deg, #ffffff 0%, #f6fbfe 100%);
}
.ss-pricing-section:before,.ss-pricing-section:after{
content: "";
position: absolute;
border-radius: 999px;
pointer-events: none;
z-index: 0;
}
.ss-pricing-section:before{
width: 230px;
height: 230px;
left: -90px;
top: 70px;
background: rgba(49, 168, 218, 0.07);
}
.ss-pricing-section:after{
width: 200px;
height: 200px;
right: -70px;
bottom: 70px;
background: rgba(237, 67, 128, 0.06);
}
.ss-pricing-section .container{
position: relative;
z-index: 1;
}
.ss-pricing-heading{
margin: 0 auto 24px;
}
.ss-pricing-eyebrow{
display: inline-block;
margin-bottom: 6px;
color: #ED4380;
font-weight: 800;
letter-spacing: 2px;
text-transform: uppercase;
}
.ss-pricing-heading .section-heading{
margin-top: 0;
margin-bottom: 7px;
color: #10153F;
line-height: 1.12;
font-weight: 800;
letter-spacing: -0.8px;
}
.ss-pricing-heading .section-subheading{
margin: 0 auto;
color: rgba(16, 21, 63, 0.72);
line-height: 1.45;
font-weight: 400;
white-space: nowrap;
}
.ss-pricing-heading .section-subheading span{
color: #ED4380;
font-weight: 700;
}
.ss-nowrap{
white-space: nowrap;
}
.sa-pricing .ss-pricing-grid{
display: flex;
align-items: stretch;
justify-content: center;
gap: 18px;
max-width: 1180px;
margin: 0 auto;
}
.sa-pricing .ss-price-card{
position: relative;
display: flex;
flex: 1 1 0;
min-width: 0;
min-height: 408px;
flex-direction: column;
align-items: center;
padding: 20px 18px 18px;
background: #ffffff;
border: 1px solid rgba(49, 168, 218, 0.18);
border-radius: 15px;
box-shadow: 0 14px 34px rgba(16, 21, 63, 0.075);
text-align: center;
transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.sa-pricing .ss-price-card:hover{
transform: translateY(-4px);
border-color: rgba(49, 168, 218, 0.35);
box-shadow: 0 22px 48px rgba(16, 21, 63, 0.12);
}
.sa-pricing .ss-price-corner{
position: absolute;
top: 0;
right: 0;
width: 62px;
height: 62px;
overflow: visible;
z-index: 6;
}
.sa-pricing .ss-price-corner:before{
content: "";
position: absolute;
top: -1px;
right: -1px;
width: 62px;
height: 62px;
background: linear-gradient(135deg, #ED4380 0%, #ff6aa2 100%);
clip-path: polygon(100% 0, 0 0, 100% 100%);
border-radius: 0 13px 0 0;
box-shadow: 0 7px 18px rgba(237, 67, 128, 0.30);
}
.sa-pricing .ss-price-corner em{
position: absolute;
top: 9px;
right: 3px;
z-index: 7;
width: 26px;
height: 26px;
display: flex;
align-items: center;
justify-content: center;
color: #ffffff;
font-size: 16px;
line-height: 1;
text-shadow: 0 1px 4px rgba(16, 21, 63, 0.30);
}
.sa-pricing .ss-price-icon{
width: 52px;
height: 52px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 10px;
background: rgba(49, 168, 218, 0.10);
border-radius: 50%;
}
.sa-pricing .ss-price-icon em{
color: #31A8DA;
font-size: 23px;
line-height: 1;
}
.sa-pricing .ss-price-card h3{
margin: 0 0 5px;
color: #10153F;
line-height: 1.2;
font-weight: 800;
letter-spacing: 0.4px;
}
.sa-pricing .ss-price-divider{
width: 100%;
max-width: 160px;
height: 1px;
margin: 0 auto 8px;
background: linear-gradient(90deg, rgba(49, 168, 218, 0), rgba(49, 168, 218, 0.65), rgba(49, 168, 218, 0));
}
.sa-pricing .ss-price-main{
display: flex;
align-items: baseline;
justify-content: center;
margin-bottom: 0;
color: #31A8DA;
line-height: 1;
}
.sa-pricing .ss-price-currency{
margin-right: 4px;
font-size: 18px;
font-weight: 500;
}
.sa-pricing .ss-price-number{
font-size: 42px;
font-weight: 300;
letter-spacing: -1.3px;
}
.sa-pricing .ss-price-period{
margin-left: 3px;
font-size: 14px;
font-weight: 600;
}
.sa-pricing .ss-price-annual{
margin: 0 0 10px;
color: rgba(16, 21, 63, 0.62);
font-size: 12px;
line-height: 1.32;
font-weight: 500;
}
.sa-pricing .ss-price-features{
width: 100%;
min-height: 145px;
margin-bottom:15px;
display: flex;
flex-direction: column;
justify-content: center;
margin-top: auto;
padding: 10px 13px;
background: linear-gradient(180deg, rgba(49, 168, 218, 0.08) 0%, rgba(49, 168, 218, 0.04) 100%);
border-radius: 10px;
text-align: left;
}
.sa-pricing .ss-price-feature{
display: flex;
align-items: flex-start;
gap: 8px;
padding: 6px 0;
color: #10153F;
font-size: 13px;
line-height: 1.25;
font-weight: 500;
border-bottom: 1px solid rgba(16, 21, 63, 0.08);
}
.sa-pricing .ss-price-feature:last-child{
border-bottom: 0;
}
.sa-pricing .ss-price-feature em{
flex: 0 0 17px;
width: 17px;
height: 17px;
margin-top: -1px;
display: inline-flex;
align-items: center;
justify-content: center;
background: #31A8DA;
color: #ffffff;
border-radius: 50%;
font-size: 8px;
line-height: 1;
}
.sa-pricing .ss-price-feature-strong{
font-weight: 700;
}
.sa-pricing .ss-price-feature b{
color: #31A8DA;
font-weight: 800;
}
.ss-pricing-compare{
margin-top: 20px;
}
.ss-pricing-compare-button{
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
min-width: 280px;
padding: 15px 22px;
background: linear-gradient(135deg, #31A8DA 0%, #168fc2 100%);
color: #ffffff !important;
border-radius: 8px;
box-shadow: 0 12px 26px rgba(49, 168, 218, 0.24);
line-height: 1;
font-weight: 800;
text-transform: uppercase;
text-decoration: none !important;
transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}
.ss-pricing-compare-button:hover,.ss-pricing-compare-button:focus{
color: #ffffff !important;
text-decoration: none !important;
transform: translateY(-2px);
filter: brightness(1.03);
box-shadow: 0 16px 32px rgba(49, 168, 218, 0.32);
}
.ss-pricing-compare-button em{
font-size: 17px;
}
.ss-pricing-promo-wrapper{
margin: 24px auto 28px;
text-align: center;
}
.ss-pricing-promo{
display: flex;
align-items: center;
justify-content: center;
gap: 14px;
width: min(100%, 775px);
min-height: 64px;
margin: 0 auto;
padding: 10px 24px;
border: 1px solid rgba(238, 68, 128, 0.34);
border-radius: 999px;
background: rgba(255, 255, 255, 0.94);
box-shadow: 0 8px 24px rgba(20, 79, 130, 0.05);
}
.ss-pricing-promo-icon{
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 46px;
height: 46px;
min-width: 46px;
margin: 0;
padding: 0;
overflow: hidden;
border-radius: 14px;
background: linear-gradient(135deg, #f04b87 0%, #ed3977 100%);
color: #fff;
box-shadow: 0 7px 16px rgba(238, 68, 128, 0.23);
}
.ss-pricing-promo-icon em{
display: block;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
color: transparent;
font-size: 0;
line-height: 1;
}
.ss-pricing-promo-icon em::before{
position: absolute;
top: 50%;
left: 50%;
display: block;
margin: 0;
content: "\f06b";
color: #fff;
font-family: FontAwesome;
font-size: 19px;
font-style: normal;
font-weight: normal;
line-height: 1;
transform: translate(-50%, -50%);
}
.ss-pricing-promo-text{
color: var(--ss-navy);
font-size: 20px;
font-weight: 700;
line-height: 1.35;
}
.ss-pricing-promo-free{
color: var(--ss-blue);
}
.ss-pricing-promo-price{
margin-left: 4px;
color: var(--ss-pink);
}
.ss-pricing-vat-note{
margin: 12px 0 0;
color: var(--ss-text);
font-size: 15px;
}
.sa-pricing .ss-price-offer{
margin-bottom: 0;
text-align: center;
}
.sa-pricing .ss-price-after{
display: block;
margin: 0 0 0px;
color: var(--ss-blue-dark);
font-size: 14px;
font-weight: 700;
}
.sa-pricing .ss-price-main{
display: flex;
align-items: baseline;
justify-content: center;
gap: 4px;
}
.sa-pricing .ss-price-number{
color: var(--ss-blue-dark);
font-size: 52px;
font-weight: 400;
line-height: 1;
}
.sa-pricing .ss-price-currency,.sa-pricing .ss-price-period{
color: var(--ss-blue-dark);
font-weight: 600;
}
.sa-pricing .ss-price-currency{
font-size: 17px;
}
.sa-pricing .ss-price-period{
font-size: 16px;
}
.sa-pricing .ss-price-annual{
margin: 4px 0 ;
color: #4d5878;
font-size: 14px;
}
.ss-pricing-benefits{
display: flex;
align-items: stretch;
justify-content: center;
gap: 20px;
margin: 22px auto 0;
}
.ss-pricing-benefit{
display: flex;
align-items: center;
justify-content: flex-start;
gap: 12px;
width: 250px;
min-height: 58px;
padding: 9px 16px;
border: 1px solid rgba(49, 168, 218, 0.26);
border-radius: 14px;
background: rgba(255, 255, 255, 0.96);
color: var(--ss-navy);
font-size: 15px;
font-weight: 700;
line-height: 1.25;
box-shadow: 0 7px 20px rgba(28, 100, 150, 0.055);
transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.ss-pricing-benefit:hover{
border-color: rgba(49, 168, 218, 0.5);
box-shadow: 0 10px 24px rgba(28, 100, 150, 0.09);
transform: translateY(-2px);
}
.ss-pricing-benefit-icon{
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
min-width: 40px;
margin: 0;
padding: 0;
overflow: hidden;
border-radius: 50%;
background: linear-gradient(135deg, #1597e5 0%, #006fe6 100%);
color: #fff;
box-shadow: 0 6px 14px rgba(8, 120, 230, 0.2);
}
.ss-pricing-benefit-icon em{
position: static;
display: block;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
color: transparent;
font-size: 0;
line-height: 1;
}
.ss-pricing-benefit-icon em::before{
position: absolute;
top: 50%;
left: 50%;
display: block;
margin: 0;
color: #fff;
font-family: FontAwesome;
font-size: 16px;
font-style: normal;
font-weight: normal;
line-height: 1;
text-align: center;
transform: translate(-50%, -50%);
}
.ss-pricing-benefit:nth-child(1)
.ss-pricing-benefit-icon em::before{
font-size: 15px;
}
.ss-pricing-benefit:nth-child(2)
.ss-pricing-benefit-icon em::before{
font-size: 15px;
}
.ss-pricing-benefit:nth-child(3)
.ss-pricing-benefit-icon em::before{
font-size: 17px;
}

@media only screen and (max-width: 1199px) {.sa-pricing .ss-pricing-grid{
flex-wrap: wrap;
max-width: 880px;
}
.sa-pricing .ss-price-card{
flex: 0 0 calc(50% - 9px);
min-height: 410px;
}
.ss-pricing-heading .section-subheading{
white-space: normal;
}
#barraPromo .soddisfatti-rimborsati,#barraPromoGreen .bollino-gratis{
left: 45px;
}}

@media only screen and (max-width: 767px) {#barraPromo,#barraPromoGreen{
padding: 24px 15px !important;
min-height: auto;
}
#barraPromo .soddisfatti-rimborsati,#barraPromoGreen .bollino-gratis{
position: relative !important;
left: auto;
top: auto;
display: block;
margin: -54px auto 8px;
width: 96px !important;
max-width: 96px !important;
}
#barraPromo .text-big-2,#barraPromoGreen .text-big-2{
font-size: 15px !important;
line-height: 1.35 !important;
}
.ss-pricing-section{
padding: 48px 0 44px;
}
.ss-pricing-heading{
margin-bottom: 26px;
}
.ss-pricing-heading .section-heading{
font-size: 29px;
line-height: 1.2;
}
.ss-pricing-heading .section-subheading{
font-size: 14px;
line-height: 1.55;
white-space: normal;
}
.sa-pricing .ss-pricing-grid{
display: block;
max-width: 430px;
}
.sa-pricing .ss-price-card{
width: 100%;
min-height: 0;
margin: 0 auto 22px;
padding: 25px 20px 22px;
}
.sa-pricing .ss-price-features{
min-height: 0;
}
.sa-pricing .ss-price-number{
font-size: 50px;
}
.ss-pricing-compare{
margin-top: 16px;
}
.ss-pricing-compare-button{
width: 100%;
min-width: 0;
max-width: 430px;
padding: 15px 18px;
font-size: 12px;
line-height: 1.3;
}}

@media only screen and (max-width: 420px) {.sa-pricing .ss-price-card{
padding-left: 18px;
padding-right: 18px;
}
.sa-pricing .ss-price-features{
padding-left: 14px;
padding-right: 14px;
}
.sa-pricing .ss-price-feature{
font-size: 12px;
}}
:root{
--ss-navy: #07143F;
--ss-blue: #008FE3;
--ss-pink: #FF5A90;
--ss-light: #F4FAFF;
--ss-border: #D9E9F8;
--ss-green: #17B978;
}
html,body{
background: #ffffff !important;
}
body{
color: var(--ss-navy);
}
#LandingPageTop{
background: #ffffff !important;
color: var(--ss-navy);
overflow: hidden;
}
#LandingPageTop .lp-wrap{
width: 100%;
max-width: none;
margin: 0;
padding-left: 0;
padding-right: 0;
background: #ffffff !important;
}
.lp-hero{
position: relative;
max-width: 1180px;
margin: 0 auto;
padding: 22px;
overflow: hidden;
border-radius: 0 0 22px 22px;
background: radial-gradient(circle at 70% 28%, rgba(0, 143, 227, 0.18) 0, rgba(0, 143, 227, 0.075) 31%, transparent 60%), radial-gradient(circle at 91% 72%, rgba(0, 143, 227, 0.13) 0, rgba(0, 143, 227, 0.055) 35%, transparent 62%), linear-gradient(180deg, #ffffff 0%, #f2faff 100%);
}
.lp-hero::before{
content: "";
position: absolute;
right: -60px;
top: 2px;
width: 760px;
height: 390px;
border-radius: 46% 54% 48% 52%;
background: radial-gradient(circle at 18% 48%, rgba(0, 143, 227, 0.18), transparent 34%), radial-gradient(circle at 58% 38%, rgba(0, 143, 227, 0.13), transparent 36%), radial-gradient(circle at 82% 67%, rgba(0, 143, 227, 0.16), transparent 39%);
z-index: 0;
pointer-events: none;
}
.lp-hero::after{
content: "";
position: absolute;
right: 64px;
top: 58px;
width: 210px;
height: 210px;
background-image: radial-gradient(rgba(0, 143, 227, 0.45) 1.7px, transparent 1.7px);
background-size: 17px 17px;
opacity: 0.55;
z-index: 0;
pointer-events: none;
}
.lp-hero .row{
position: relative;
z-index: 2;
display: flex;
align-items: center;
margin-left: -15px;
margin-right: -15px;
}
.lp-copy{
position: relative;
z-index: 8;
}
.lp-title{
position: relative;
z-index: 9;
width: 720px;
max-width: 720px;
margin: 0 0 18px;
color: var(--ss-navy);
font-size: 36px;
line-height: 1.08;
font-weight: 900;
letter-spacing: -0.035em;
}
.lp-title .blue{
color: var(--ss-blue);
}
.lp-title .pink{
color: var(--ss-pink);
}
.lp-subtitle{
margin: 0 0 3px;
color: var(--ss-navy);
font-size: 17px;
line-height: 1.32;
font-weight: 800;
}
.lp-subtitle-blue{
margin: 0 0 18px;
color: var(--ss-blue);
font-size: 17px;
line-height: 1.32;
font-weight: 800;
}
.lp-benefits{
display: grid;
grid-template-columns: 1fr;
gap: 9px;
max-width: 330px;
margin: 0;
padding: 0;
list-style: none;
}
.lp-benefits li{
display: flex;
align-items: center;
gap: 12px;
padding: 9px 13px;
background: #ffffff;
border: 1px solid var(--ss-border);
border-radius: 9px;
box-shadow: 0 7px 18px rgba(7, 20, 63, 0.055);
color: var(--ss-navy);
font-size: 13px;
font-weight: 800;
}
.lp-benefits .ico{
width: 28px;
height: 28px;
min-width: 28px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
color: #ffffff;
font-size: 13px;
}
.lp-benefits .ico-blue{
background: var(--ss-blue);
}
.lp-benefits .ico-pink{
background: var(--ss-pink);
}
.lp-benefits .ico-green{
background: #19b989;
}
.lp-benefits .ico-purple{
background: #7763e8;
}
.lp-main-cta{
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
overflow: hidden;
width: 100%;
max-width: 300px;
margin-top: 15px;
padding: 14px 46px 14px 24px;
background: var(--ss-pink);
color: #ffffff !important;
border-radius: 8px;
font-size: 15px;
font-weight: 900;
text-decoration: none !important;
box-shadow: 0 12px 26px rgba(255, 90, 144, 0.28);
transition: all 0.2s ease;
white-space: nowrap;
}
.lp-main-cta:hover{
transform: translateY(-1px);
box-shadow: 0 16px 34px rgba(255, 90, 144, 0.34);
color: #ffffff !important;
background: #ff3f82;
}
.lp-main-cta::after{
content: "";
position: absolute;
top: 50%;
right: 15px;
width: 21px;
height: 21px;
transform: translateY(-50%);
background-image: url('/public/icone/mano-click-bianca.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
pointer-events: none;
}
.lp-main-cta::before{
display: none !important;
content: none !important;
}
.lp-spark{
display: none !important;
}
.lp-trust{
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px 11px;
margin: 12px 0 8px;
color: var(--ss-navy);
font-size: 11px;
font-weight: 800;
}
.lp-trust-item{
display: inline-flex;
align-items: center;
gap: 5px;
}
.lp-trust-item em{
color: var(--ss-blue);
font-size: 13px;
}
.lp-secondary-link{
margin: 0;
color: var(--ss-navy);
font-size: 12px;
font-weight: 600;
}
.lp-secondary-link a{
color: var(--ss-blue);
font-weight: 800;
text-decoration: none;
}
.lp-secondary-link a:hover{
text-decoration: underline;
}
.lp-visual{
position: relative;
min-height: 340px;
z-index: 2;
overflow: visible;
}
.lp-visual::before{
content: "";
position: absolute;
z-index: 1;
pointer-events: none;
right: -26px;
top: 2px;
width: 455px;
height: 315px;
border-radius: 42% 58% 48% 52%;
background: radial-gradient(circle at 18% 72%, rgba(0, 143, 227, 0.18) 0, rgba(0, 143, 227, 0.075) 34%, transparent 58%), radial-gradient(circle at 68% 30%, rgba(0, 143, 227, 0.15) 0, rgba(0, 143, 227, 0.06) 34%, transparent 62%), radial-gradient(circle at 88% 78%, rgba(0, 143, 227, 0.12) 0, rgba(0, 143, 227, 0.045) 30%, transparent 56%);
}
.lp-visual::after{
content: "";
position: absolute;
z-index: 1;
pointer-events: none;
right: 16px;
top: 48px;
width: 190px;
height: 190px;
background-image: radial-gradient(rgba(0, 143, 227, 0.48) 1.6px, transparent 1.6px);
background-size: 15px 15px;
opacity: 0.48;
}
.lp-devices{
position: absolute;
left: 100%;
top: 50%;
right: auto;
width: 805px;
max-width: none;
height: auto;
z-index: 2;
transform: translate(-47%, -47%) !important;
filter: drop-shadow(0 20px 30px rgba(7, 20, 63, 0.12));
}
.lp-badge{
position: absolute;
right: -308px;
top: 82px;
width: 132px;
height: auto;
z-index: 7;
transform: rotate(3deg);
filter: drop-shadow(0 12px 22px rgba(7, 20, 63, 0.16));
}
.lp-mini-card{
display: none !important;
}
.lp-stat-card{
position: absolute;
left: -42px;
bottom: -82px;
z-index: 7;
min-width: 132px;
padding: 10px 14px;
background: #ffffff;
border: 2px solid rgba(0, 143, 227, 0.38);
border-radius: 12px;
box-shadow: 0 14px 32px rgba(0, 143, 227, 0.20);
}
.lp-stat-card .stat-top{
display: flex;
align-items: center;
gap: 6px;
margin-bottom: 4px;
color: var(--ss-navy);
font-size: 11px;
font-weight: 800;
}
.lp-stat-card .stat-top em{
color: var(--ss-blue);
font-size: 15px;
}
.lp-stat-card .stat-number{
color: var(--ss-blue);
font-size: 31px;
line-height: 1;
font-weight: 900;
letter-spacing: -0.03em;
}
.lp-stat-card .stat-growth{
color: var(--ss-green);
font-size: 11px;
font-weight: 900;
margin-top: 4px;
}

@media (max-width: 1199px) {.lp-title{
width: 650px;
max-width: 650px;
font-size: 33px;
}
.lp-devices{
width: 690px;
transform: translate(-46%, -46%) !important;
}
.lp-badge{
right: 20px;
top: 86px;
width: 118px;
}
.lp-stat-card{
left: 44px;
bottom: 94px;
}}

@media (max-width: 991px) {.navbar-fixed-top .menu-big{
margin-left: 0;
}
.navbar-fixed-top .header-btn{
margin-top: 10px !important;
}
.lp-hero{
padding: 34px 15px 42px;
}
.lp-hero .row{
display: block;
}
.lp-copy{
text-align: center;
}
.lp-title{
width: auto;
max-width: 720px;
margin-left: auto;
margin-right: auto;
font-size: 35px;
}
.lp-benefits,.lp-main-cta{
margin-left: auto;
margin-right: auto;
}
.lp-trust{
justify-content: center;
}
.lp-visual{
min-height: auto;
margin-top: 24px;
text-align: center;
overflow: visible;
}
.lp-visual::before{
right: 4%;
top: 4%;
width: 82%;
height: 76%;
}
.lp-visual::after{
right: 9%;
top: 8%;
width: 160px;
height: 160px;
background-size: 14px 14px;
}
.lp-devices{
position: relative;
left: auto;
top: auto;
display: block;
width: 100%;
max-width: 720px;
margin: 0 auto;
transform: none !important;
}
.lp-badge{
right: 8%;
top: 8%;
width: 120px;
}
.lp-stat-card{
left: 9%;
bottom: 12%;
}
.ss-service-grid{
grid-template-columns: repeat(2, minmax(0, 1fr));
max-width: 720px;
}}

@media (max-width: 767px) {.navbar.navbar-default.navbar-fixed-top{
min-height: 58px;
}
.navbar-fixed-top .navbar-header{
min-height: 58px;
}
.navbar-fixed-top .logo{
padding-top: 8px !important;
}
.navbar-fixed-top .logo img{
max-height: 38px !important;
}
.navbar-fixed-top .navbar-toggle{
margin-top: 12px;
margin-bottom: 10px;
}
.navbar-fixed-top .header-btn{
display: none !important;
}
.navbar-fixed-top .button-pink{
padding-right: 17px !important;
}
.navbar-fixed-top .button-pink::after{
display: none !important;
}
.lp-title{
font-size: 30px;
line-height: 1.12;
}
.lp-subtitle,.lp-subtitle-blue{
font-size: 16px;
}
.lp-benefits li{
padding: 10px 13px;
font-size: 13px;
}
.lp-main-cta{
max-width: 100%;
padding-right: 44px;
font-size: 15px;
}
.lp-main-cta::after{
right: 16px;
width: 20px;
height: 20px;
}
.lp-trust{
gap: 8px;
font-size: 11px;
}
.lp-devices{
width: 112%;
margin-left: -6%;
}
.lp-badge{
width: 96px;
right: 2%;
top: 6%;
}
.lp-stat-card{
left: 2%;
bottom: 8%;
transform: scale(0.86);
transform-origin: left bottom;
}
#services.ss-services-modern{
padding: 42px 0 52px;
}
#services.ss-services-modern .section-heading{
font-size: 24px;
}
#services.ss-services-modern .section-subheading br{
display: none;
}
.ss-service-grid{
grid-template-columns: 1fr;
gap: 14px;
max-width: 420px;
}
.ss-service-card{
min-height: auto;
padding: 20px;
}}

@media (max-width: 480px) {.lp-title{
font-size: 27px;
}
.lp-devices{
width: 124%;
margin-left: -12%;
}
.lp-badge{
width: 78px;
}
.lp-stat-card{
position: relative;
left: auto;
bottom: auto;
margin: -14px auto 0;
transform: none;
}
.ss-service-card{
display: block;
text-align: center;
}
.ss-service-icon{
margin: 0 auto 14px;
}}
.codice-sdi-page{
background: #ffffff !important;
overflow: hidden;
}
.codice-sdi-page .container{
max-width: 1160px;
}
.codice-sdi-page .page{
padding-top: 0 !important;
}
.navbar,.navbar.navbar-default,.navbar.navbar-fixed-top{
box-shadow: none !important;
-webkit-box-shadow: none !important;
border-bottom: 0 !important;
}
body.inner-body .navbar{
box-shadow: none !important;
-webkit-box-shadow: none !important;
}
.sdi-hero{
position: relative;
margin-top: -28px !important;
background: #ffffff !important;
overflow: visible;
padding: 0 !important;
box-shadow: none !important;
border-radius: 0 !important;
}
.sdi-hero:before,.sdi-hero:after{
display: none !important;
content: none !important;
}
.sdi-hero-bg{
position: absolute;
left: 0;
right: 0;
top: 0;
height: 500px;
background: radial-gradient(circle at 72% 18%, rgba(45, 168, 219, 0.30) 0, rgba(45, 168, 219, 0) 28%), radial-gradient(circle at 46% 54%, rgba(0, 143, 227, 0.18) 0, rgba(0, 143, 227, 0) 35%), linear-gradient(135deg, #071b4f 0%, #00458f 52%, #06235f 100%) !important;
z-index: 0;
pointer-events: none;
box-shadow: none !important;
border-radius: 0 !important;
}
.sdi-hero-bg:before,.sdi-hero-bg:after{
content: "";
position: absolute;
border-radius: 999px;
border: 1px solid rgba(255, 255, 255, 0.11);
pointer-events: none;
box-shadow: none !important;
}
.sdi-hero-bg:before{
width: 540px;
height: 540px;
right: 160px;
top: -185px;
}
.sdi-hero-bg:after{
width: 430px;
height: 430px;
right: -90px;
bottom: -105px;
}
.sdi-hero-container{
position: relative;
z-index: 2;
min-height: 585px;
padding-top: 80px;
}
.sdi-hero-container:before,.sdi-hero-container:after{
display: none !important;
content: none !important;
}
.sdi-hero-row{
display: flex;
align-items: flex-start;
}
.sdi-hero-left{
position: relative;
z-index: 4;
padding-top: 0;
}
.sdi-badge{
display: inline-block;
background: linear-gradient(135deg, #2DA8DB 0%, #008FE3 100%);
color: #ffffff;
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
border-radius: 999px;
padding: 8px 15px;
margin-bottom: 14px;
box-shadow: none !important;
}
.sdi-hero-header{
margin: 0 !important;
padding: 0 !important;
background: none !important;
box-shadow: none !important;
}
.sdi-hero-header h1{
color: #ffffff;
font-size: 38px;
line-height: 1.23;
font-weight: 800;
letter-spacing: -0.8px;
margin: 0 0 17px 0;
max-width: 585px;
}
.sdi-hero-description p{
color: #ffffff;
font-size: 15.5px;
line-height: 1.72;
font-weight: 500;
margin: 0;
max-width: 565px;
}
.sdi-hero-description strong{
color: #ffffff;
font-weight: 800;
}
.sdi-search-card{
width: 100%;
max-width: 500px;
margin-top: 24px;
background: linear-gradient(145deg, #ff5a90 0%, #ff1f72 100%);
border-radius: 13px;
padding: 18px;
box-shadow: none !important;
}
.sdi-search-card:before,.sdi-search-card:after{
display: none !important;
content: none !important;
}
.sdi-search-card form{
margin: 0;
}
.sdi-input-wrap{
position: relative;
margin-bottom: 13px;
}
.sdi-input-wrap input{
width: 100%;
height: 46px;
border: 0;
border-radius: 7px;
background: #ffffff;
color: #071b4f;
font-size: 14px;
font-weight: 500;
padding: 0 46px 0 16px;
outline: none;
box-shadow: none !important;
}
.sdi-input-wrap input::placeholder{
color: #7f8795;
}
.sdi-input-icon{
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
color: #7d8490 !important;
font-size: 16px;
z-index: 3;
opacity: 1 !important;
}
.sdi-input-icon i{
color: #7d8490 !important;
opacity: 1 !important;
}
.sdi-search-button{
width: 100%;
height: 47px;
border: 0;
border-radius: 7px;
background: linear-gradient(135deg, #21a9df 0%, #008fe3 100%);
color: #ffffff;
text-transform: uppercase;
font-size: 13.5px;
font-weight: 800;
letter-spacing: 0.1px;
display: flex;
align-items: center;
justify-content: center;
gap: 11px;
box-shadow: none !important;
transition: all 0.2s ease;
}
.sdi-search-button i{
color: #ffffff !important;
opacity: 1 !important;
font-size: 15px;
}
.sdi-search-button:hover,.sdi-search-button:focus{
background: #ffffff;
color: #ff4081;
transform: translateY(-1px);
}
.sdi-search-button:hover i,.sdi-search-button:focus i{
color: #ff4081 !important;
}
.sdi-free-note{
display: flex;
gap: 12px;
align-items: flex-start;
color: #ffffff;
margin-top: 16px;
font-size: 13.5px;
line-height: 1.55;
}
.sdi-free-note strong{
display: block;
color: #ffffff;
font-size: 14px;
font-weight: 800;
margin-bottom: 2px;
}
.sdi-free-note span{
display: block;
color: #ffffff;
}
.sdi-free-icon{
flex: 0 0 20px;
color: #ffffff;
font-size: 18px;
line-height: 1.2;
margin-top: 1px;
}
.sdi-free-icon i{
color: #ffffff !important;
}
.sdi-hero-right{
position: relative;
z-index: 3;
padding-top: 0;
}
.sdi-visual-area{
position: relative;
text-align: center;
margin-top: -35px;
}
.sdi-illustration{
position: relative;
display: block;
width: 114%;
max-width: 660px;
margin: 0 0 0 -32px;
border: 0 !important;
box-shadow: none !important;
z-index: 2;
}
.sdi-benefit-card{
position: relative;
z-index: 5;
width: 108%;
margin: -62px 0 0 -2px;
background: #ffffff;
border-radius: 18px;
padding: 20px 24px;
display: flex;
align-items: stretch;
justify-content: space-between;
box-shadow: 0 5px 14px rgba(7, 27, 79, 0.05) !important;
}
.sdi-benefit-item{
flex: 1 1 0;
text-align: center;
padding: 0 14px;
}
.sdi-benefit-icon{
width: 54px;
height: 54px;
margin: 0 auto 10px auto;
border-radius: 999px;
color: #ffffff !important;
display: flex;
align-items: center;
justify-content: center;
font-size: 23px;
box-shadow: inset 0 0 0 4px rgba(255,255,255,0.35);
}
.sdi-benefit-icon i{
color: #ffffff !important;
}
.sdi-benefit-icon.blue{
background: linear-gradient(135deg, #2DA8DB 0%, #008FE3 100%);
}
.sdi-benefit-icon.pink{
background: linear-gradient(135deg, #ff5a90 0%, #ff1f72 100%);
}
.sdi-benefit-item strong{
display: block;
color: #008FE3;
font-size: 13.5px;
font-weight: 800;
margin-bottom: 6px;
}
.sdi-benefit-item span{
display: block;
color: #071b4f;
font-size: 11.5px;
line-height: 1.55;
font-weight: 600;
}
.sdi-benefit-separator{
width: 1px;
background: #e3e8f2;
margin: 4px 0;
}
.sdi-main-container{
position: relative;
z-index: 5;
margin-top: 0;
background: #ffffff !important;
box-shadow: none !important;
}
.sdi-main-container:before,.sdi-main-container:after{
display: none !important;
content: none !important;
}
.codice-sdi-page .post-text.sdi-content{
padding-top: 0 !important;
color: #071b4f;
background: #ffffff !important;
box-shadow: none !important;
}
.sdi-content h2{
color: #071b4f;
font-size: 26px;
line-height: 1.25;
font-weight: 800;
margin: 0 0 16px 0;
}
.sdi-content p{
color: #071b4f;
font-size: 15px;
line-height: 1.75;
}
.sdi-info-grid{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 34px;
margin: 0 0 34px 0;
}
.sdi-info-box{
position: relative;
padding: 0 18px 0 0;
}
.sdi-info-box + .sdi-info-box{
border-left: 1px solid #dbe7f5;
padding-left: 34px;
}
.sdi-section-icon{
width: 58px;
height: 58px;
border-radius: 16px;
background: #e8f5fc;
color: #008fe3;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
margin-bottom: 14px;
}
.sdi-section-icon.purple{
background: #f2e9ff;
color: #9a36ff;
}
.sdi-check-list,.sdi-white-check-list{
list-style: none;
padding: 0;
margin: 14px 0;
}
.sdi-check-list li,.sdi-white-check-list li{
position: relative;
padding-left: 26px;
margin-bottom: 10px;
line-height: 1.55;
}
.sdi-check-list li:before{
content: "\f00c";
font-family: FontAwesome;
position: absolute;
left: 0;
top: 1px;
color: #008fe3;
font-size: 14px!important;
margin-left:0px!important
}
.sdi-modern-cta{
background: linear-gradient(135deg, #071b4f 0%, #00458f 100%);
border-radius: 18px;
padding: 26px 28px;
margin: 34px 0;
box-shadow: 0 16px 38px rgba(7, 27, 79, 0.20);
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
}
.sdi-modern-cta-title{
font-size: 20px !important;
font-weight: 800;
color: #ffffff !important;
margin: 0 0 8px 0;
}
.sdi-modern-cta-text p{
color: #e8f5fc !important;
margin: 0;
}
.sdi-modern-cta-actions{
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
justify-content: flex-end;
}
.sdi-btn-pink,.sdi-btn-outline{
display: inline-block;
border-radius: 999px;
padding: 12px 18px;
font-size: 13px;
font-weight: 800;
text-decoration: none !important;
white-space: nowrap;
}
.sdi-btn-pink{
background: #ff4081;
color: #ffffff !important;
box-shadow: 0 8px 18px rgba(255,64,129,0.28);
}
.sdi-btn-outline{
border: 1px solid rgba(255,255,255,0.45);
color: #ffffff !important;
background: rgba(255,255,255,0.08);
}
.sdi-section-title{
margin: 32px 0 18px 0;
}
.sdi-section-title h2{
display: inline-block;
position: relative;
padding-bottom: 10px;
}
.sdi-section-title h2:after{
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 72px;
height: 3px;
border-radius: 99px;
background: #008fe3;
}
.sdi-feature-row{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 22px;
margin-bottom: 28px;
}
.sdi-feature-item{
display: flex;
align-items: flex-start;
gap: 12px;
}
.sdi-feature-item span{
flex: 0 0 24px;
width: 24px;
height: 24px;
background: #008fe3;
color: #ffffff !important;
border-radius: 999px;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
}
.sdi-feature-item span em,.sdi-feature-item span i{
color: #ffffff !important;
}
.sdi-feature-item p{
margin: 0;
font-size: 14px;
}
.sdi-blue-grid{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
margin: 26px 0 16px 0;
}
.sdi-blue-card{
background: linear-gradient(135deg, #008fe3 0%, #006fc4 100%);
border-radius: 18px;
padding: 30px;
color: #ffffff !important;
display: grid;
grid-template-columns: 70px 1fr;
gap: 22px;
box-shadow: 0 14px 34px rgba(0, 143, 227, 0.20);
}
.sdi-blue-card h2{
color: #ffffff !important;
margin-bottom: 14px;
}
.sdi-blue-card strong,.sdi-blue-card li,.sdi-blue-card p{
color: #ffffff !important;
}
.sdi-blue-icon{
width: 62px;
height: 62px;
border: 2px solid rgba(255,255,255,0.75);
border-radius: 18px;
display: flex;
align-items: center;
justify-content: center;
font-size: 30px;
color: #ffffff !important;
}
.sdi-blue-icon em,.sdi-blue-icon i{
color: #ffffff !important;
opacity: 1 !important;
}
.sdi-white-check-list li{
color: #ffffff !important;
}
.sdi-white-check-list li:before{
content: "\f00c";
font-family: FontAwesome;
position: absolute;
left: 0;
top: 1px;
color: #ffffff !important;
font-size: 14px;
}
.sdi-pec-card{
display: grid;
grid-template-columns: 42% 58%;
align-items: center;
background: #ffffff;
border-radius: 18px;
padding: 24px;
box-shadow: 0 12px 34px rgba(7,27,79,0.10);
border: 1px solid #edf2f8;
margin: 16px 0 28px 0;
}
.sdi-pec-image{
text-align: center;
border-right: 1px solid #dbe7f5;
padding-right: 24px;
}
.sdi-pec-image img{
max-width: 260px;
width: 100%;
border: 0 !important;
box-shadow: none !important;
}
.sdi-pec-content{
padding-left: 34px;
}
.sdi-modern-cta-small{
padding: 22px 24px;
}
.sdi-modern-cta-small .sdi-modern-cta-title{
font-size: 18px !important;
}
.sdi-modern-cta-small .sdi-modern-cta-text p{
font-size: 13.5px;
}
.sdi-faq-list{
margin-bottom: 38px;
}
.sdi-faq-item{
background: #ffffff;
border: 1px solid #dbe7f5;
border-radius: 10px;
margin-bottom: 10px;
overflow: hidden;
}
.sdi-faq-item summary{
cursor: pointer;
list-style: none;
padding: 16px 20px;
font-weight: 800;
color: #071b4f;
position: relative;
}
.sdi-faq-item summary::-webkit-details-marker{
display: none;
}
.sdi-faq-item summary:after{
content: "\f107";
font-family: FontAwesome;
position: absolute;
right: 18px;
top: 16px;
color: #071b4f;
}
.sdi-faq-item[open] summary:after{
content: "\f106";
}
.sdi-faq-item p{
padding: 0 20px 16px 20px;
margin: 0;
}

@media (max-width: 1199px) {.sdi-hero-container{
min-height: 575px;
}
.sdi-hero-header h1{
font-size: 35px;
}
.sdi-illustration{
max-width: 610px;
margin-left: -20px;
}
.sdi-benefit-card{
width: 106%;
margin-top: -76px;
margin-left: -2px;
padding: 18px 18px;
}
.sdi-benefit-item{
padding: 0 10px;
}}

@media (max-width: 991px) {.sdi-hero{
margin-top: 0 !important;
}
.sdi-hero-bg{
height: auto;
bottom: 170px;
}
.sdi-hero-container{
min-height: 0;
padding-top: 42px;
padding-bottom: 34px;
}
.sdi-hero-row{
display: block;
}
.sdi-hero-header h1,.sdi-hero-description p{
max-width: none;
}
.sdi-search-card{
max-width: none;
margin-bottom: 28px;
}
.sdi-visual-area{
margin-top: 0;
}
.sdi-illustration{
width: 100%;
max-width: 520px;
margin: 0 auto;
}
.sdi-benefit-card{
width: 100%;
margin: -8px 0 0 0;
}
.codice-sdi-page .post-text.sdi-content{
padding-top: 34px !important;
}
.sdi-info-grid,.sdi-blue-grid,.sdi-feature-row,.sdi-pec-card{
grid-template-columns: 1fr;
}
.sdi-info-box + .sdi-info-box{
border-left: 0;
padding-left: 0;
border-top: 1px solid #dbe7f5;
padding-top: 28px;
}
.sdi-modern-cta{
display: block;
}
.sdi-modern-cta-actions{
justify-content: flex-start;
margin-top: 18px;
}
.sdi-pec-image{
border-right: 0;
border-bottom: 1px solid #dbe7f5;
padding-right: 0;
padding-bottom: 22px;
margin-bottom: 22px;
}
.sdi-pec-content{
padding-left: 0;
}}

@media (max-width: 767px) {.sdi-hero-container{
padding-top: 34px;
padding-bottom: 38px;
}
.sdi-hero-header h1{
font-size: 29px;
line-height: 1.25;
}
.sdi-hero-description p{
font-size: 14.5px;
line-height: 1.65;
}
.sdi-search-card{
padding: 16px;
border-radius: 13px;
}
.sdi-benefit-card{
display: block;
padding: 18px;
border-radius: 16px;
}
.sdi-benefit-item{
padding: 0;
margin-bottom: 18px;
}
.sdi-benefit-item:last-child{
margin-bottom: 0;
}
.sdi-benefit-separator{
width: 100%;
height: 1px;
margin: 0 0 18px 0;
}
.sdi-blue-card{
grid-template-columns: 1fr;
padding: 24px;
}
.sdi-modern-cta-actions{
display: block;
}
.sdi-btn-pink,.sdi-btn-outline{
display: block;
text-align: center;
margin-bottom: 10px;
white-space: normal;
}}

@media (max-width: 480px) {.sdi-badge{
font-size: 11px;
padding: 7px 12px;
}
.sdi-hero-header h1{
font-size: 25px;
}
.sdi-input-wrap input,.sdi-search-button{
height: 48px;
}
.sdi-search-button{
font-size: 12.5px;
}}
.sdi-result-page{
background: #ffffff;
overflow: hidden;
margin-top: 0 !important;
padding-top: 128px !important;
}
.contentpage.sdi-result-page{
margin-top: 0 !important;
padding-top: 128px !important;
}
.sdi-result-page .container{
max-width: 1160px;
}
.sdi-result-page .page{
padding-top: 0 !important;
}
body.inner-body{
padding-top: inherit;
}
.navbar,.navbar.navbar-default,.navbar.navbar-fixed-top{
margin-bottom: 0 !important;
border-bottom: 0 !important;
box-shadow: 0 2px 12px rgba(7, 27, 79, 0.06) !important;
-webkit-box-shadow: 0 2px 12px rgba(7, 27, 79, 0.06) !important;
}
.sdi-result-hero{
position: relative;
background: #071b4f;
color: #ffffff;
padding: 40px 0 35px 0;
min-height: auto;
overflow: hidden;
}
.sdi-result-hero-bg{
position: absolute;
inset: 0;
background: radial-gradient(circle at 72% 18%, rgba(45, 168, 219, 0.26) 0, rgba(45, 168, 219, 0) 30%), radial-gradient(circle at 46% 58%, rgba(0, 143, 227, 0.16) 0, rgba(0, 143, 227, 0) 36%), linear-gradient(135deg, #071b4f 0%, #00458f 52%, #06235f 100%);
z-index: 0;
}
.sdi-result-hero-bg:before,.sdi-result-hero-bg:after{
content: "";
position: absolute;
border-radius: 999px;
border: 1px solid rgba(255,255,255,0.10);
}
.sdi-result-hero-bg:before{
width: 520px;
height: 520px;
right: 140px;
top: -190px;
}
.sdi-result-hero-bg:after{
width: 430px;
height: 430px;
right: -90px;
bottom: -120px;
}
.sdi-result-hero-row{
position: relative;
z-index: 2;
display: flex;
align-items: center;
}
.sdi-result-hero-left h1{
color: #ffffff;
font-size: 36px;
line-height: 1.16;
font-weight: 800;
letter-spacing: -0.6px;
margin: 0 0 18px 0;
max-width: 560px;
}
.sdi-result-hero-subtitle{
color: #ffffff;
font-size: 16px;
line-height: 1.58;
font-weight: 500;
max-width: 560px;
margin: 0 0 20px 0;
}
.sdi-result-hero-list{
list-style: none;
padding: 0;
margin: 0 0 24px 0;
}
.sdi-result-hero-list li{
color: #ffffff;
font-size: 14px;
font-weight: 600;
margin-bottom: 9px;
display: flex;
align-items: center;
gap: 10px;
}
.sdi-result-hero-list i{
width: 22px;
height: 22px;
border-radius: 999px;
background: #008fe3;
color: #ffffff;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 12px;
}
.sdi-result-main-btn{
display: inline-flex;
align-items: center;
gap: 16px;
background: linear-gradient(135deg, #ff5a90 0%, #ff1f72 100%);
color: #ffffff !important;
text-decoration: none !important;
border-radius: 8px;
padding: 15px 24px;
font-size: 14px;
font-weight: 800;
text-transform: uppercase;
box-shadow: 0 10px 22px rgba(255, 31, 114, 0.22);
}
.sdi-result-main-btn:after{
content: "";
width: 30px;
height: 30px;
background: url(/public/attiva.png) no-repeat 0px 0px;
top: 4px;
right: 5px;
display: inline-block;
}
.sdi-result-main-btn i{
font-size: 20px;
color: #ffffff;
}
.sdi-result-visual{
position: relative;
min-height: 340px;
}
.sdi-result-visual img{
display: block;
width: 104%;
max-width: 585px;
margin: 15px 0 0 -10px;
border: 0 !important;
box-shadow: none !important;
}
.sdi-result-floating-badge{
position: absolute;
top: 20px;
right: 34px;
background: linear-gradient(135deg, #008fe3 0%, #126bf4 100%);
color: #ffffff;
border: 2px solid rgba(255,255,255,0.65);
border-radius: 15px;
padding: 14px 54px 14px 20px;
font-size: 22px;
line-height: 1.1;
font-weight: 800;
transform: rotate(-4deg);
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.14);
}
.sdi-result-floating-badge span{
position: absolute;
right: -15px;
top: 50%;
transform: translateY(-50%);
width: 48px;
height: 48px;
border-radius: 999px;
background: #25c266;
color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
border: 4px solid #ffffff;
}
.sdi-result-content{
background: #ffffff;
padding: 44px 0 62px 0;
}
.sdi-result-title{
text-align: center;
color: #071b4f;
font-size: 28px;
line-height: 1.25;
font-weight: 800;
margin: 0;
}
.sdi-title-line{
width: 58px;
height: 3px;
border-radius: 999px;
background: #008fe3;
margin: 16px auto 34px auto;
}
.sdi-found-card{
display: flex;
align-items: center;
justify-content: space-between;
gap: 36px;
background: linear-gradient(135deg, #f2fff7 0%, #ffffff 100%);
border: 1px solid #bfe8cf;
border-radius: 16px;
padding: 34px 44px;
box-shadow: 0 16px 36px rgba(7, 27, 79, 0.08);
margin-bottom: 54px;
}
.sdi-found-left{
display: flex;
align-items: center;
gap: 34px;
}
.sdi-found-check{
width: 112px;
height: 112px;
border-radius: 999px;
background: linear-gradient(135deg, #39d66f 0%, #12a64d 100%);
color: #ffffff;
flex: 0 0 112px;
display: flex;
align-items: center;
justify-content: center;
font-size: 62px;
box-shadow: 0 10px 24px rgba(18, 166, 77, 0.22);
}
.sdi-found-label{
color: #0aa64d !important;
font-size: 23px !important;
line-height: 1.2 !important;
font-weight: 800;
margin: 0 0 6px 0 !important;
}
.sdi-found-code{
color: #0a8e48;
font-size: 62px;
line-height: 1;
font-weight: 800;
letter-spacing: 1px;
margin-bottom: 12px;
}
.sdi-found-description{
color: #071b4f !important;
font-size: 15px !important;
line-height: 1.55 !important;
margin: 0 0 22px 0 !important;
}
.sdi-found-source{
color: #0aa64d !important;
font-size: 14px !important;
font-weight: 700;
display: flex;
align-items: center;
gap: 10px;
margin: 0 !important;
}
.sdi-found-source i{
font-size: 22px;
}
.sdi-found-illustration{
flex: 0 0 230px;
display: flex;
justify-content: center;
}
.sdi-address-book{
position: relative;
width: 150px;
height: 180px;
border-radius: 18px;
background: linear-gradient(135deg, #0f6eea 0%, #073eb7 100%);
color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
font-size: 74px;
box-shadow: 0 16px 34px rgba(7, 27, 79, 0.20);
}
.sdi-address-book:before{
content: "";
position: absolute;
left: -12px;
top: 18px;
width: 14px;
height: 132px;
border-radius: 8px;
background: repeating-linear-gradient( to bottom, #071b4f 0, #071b4f 10px, transparent 10px, transparent 22px );
}
.sdi-address-book span{
position: absolute;
right: -28px;
bottom: -18px;
width: 70px;
height: 70px;
border-radius: 999px;
background: #24bf5d;
border: 4px solid #ffffff;
color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
font-size: 34px;
}
.sdi-next-title{
text-align: center;
margin-bottom: 30px;
}
.sdi-next-title h3{
color: #071b4f;
font-size: 29px;
line-height: 1.2;
font-weight: 800;
margin: 0 0 8px 0;
}
.sdi-next-title p{
color: #405070;
font-size: 15px;
margin: 0;
}
.sdi-action-grid{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
margin-bottom: 42px;
}
.sdi-action-card{
background: #ffffff;
border: 1px solid #edf2f8;
border-radius: 16px;
padding: 38px 30px 30px 30px;
text-align: center;
box-shadow: 0 12px 32px rgba(7, 27, 79, 0.08);
}
.sdi-action-icon{
width: 86px;
height: 86px;
border-radius: 999px;
margin: 0 auto 24px auto;
display: flex;
align-items: center;
justify-content: center;
font-size: 39px;
}
.sdi-action-icon.blue{
background: #eaf2ff;
color: #006eea;
}
.sdi-action-icon.pink{
background: #ffe8f2;
color: #ff1f72;
}
.sdi-action-card h4{
color: #006eea;
font-size: 20px;
line-height: 1.25;
font-weight: 800;
margin: 0 0 14px 0;
}
.sdi-action-card p{
color: #405070;
font-size: 14px;
line-height: 1.65;
margin: 0 0 24px 0;
}
.sdi-action-card a{
width: 38px;
height: 38px;
border-radius: 999px;
background: #006eea;
color: #ffffff !important;
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none !important;
font-size: 24px;
}
.sdi-action-card:nth-child(2) a{
background: #ff1f72;
}
.sdi-trust-strip{
display: grid;
grid-template-columns: 1fr 1px 1fr 1px 1fr;
align-items: center;
gap: 24px;
background: #ffffff;
border: 1px solid #dfe8f4;
border-radius: 16px;
padding: 24px 28px;
margin-bottom: 34px;
}
.sdi-trust-divider{
width: 1px;
height: 58px;
background: #dfe8f4;
}
.sdi-trust-item{
display: flex;
align-items: center;
gap: 16px;
}
.sdi-trust-icon{
width: 58px;
height: 58px;
border-radius: 999px;
background: #006eea;
color: #ffffff;
flex: 0 0 58px;
display: flex;
align-items: center;
justify-content: center;
font-size: 26px;
}
.sdi-trust-item strong{
display: block;
color: #071b4f;
font-size: 15px;
font-weight: 800;
margin-bottom: 3px;
}
.sdi-trust-item span{
display: block;
color: #405070;
font-size: 13px;
line-height: 1.45;
}
.sdi-bottom-cta{
background: radial-gradient(circle at 80% 0%, rgba(0,143,227,0.22) 0, rgba(0,143,227,0) 30%), linear-gradient(135deg, #071b4f 0%, #00458f 100%);
border-radius: 16px;
padding: 26px 34px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 28px;
box-shadow: 0 14px 34px rgba(7, 27, 79, 0.16);
}
.sdi-bottom-cta h3{
color: #ffffff;
font-size: 23px;
line-height: 1.25;
font-weight: 800;
margin: 0 0 7px 0;
}
.sdi-bottom-cta p{
color: #e8f5fc;
font-size: 14px;
margin: 0;
}
.sdi-bottom-cta a{
display: inline-flex;
align-items: center;
gap: 12px;
background: linear-gradient(135deg, #ff5a90 0%, #ff1f72 100%);
color: #ffffff !important;
text-decoration: none !important;
border-radius: 9px;
padding: 15px 24px;
font-size: 15px;
font-weight: 800;
text-transform: uppercase;
white-space: nowrap;
}

@media (max-width: 1199px) {.sdi-result-page,.contentpage.sdi-result-page{
padding-top: 120px !important;
}
.sdi-result-hero-left h1{
font-size: 33px;
}
.sdi-result-visual img{
max-width: 540px;
}}

@media (max-width: 991px) {.sdi-result-page,.contentpage.sdi-result-page{
padding-top: 92px !important;
}
.sdi-result-hero{
padding: 36px 0 42px 0;
}
.sdi-result-hero-row{
display: block;
}
.sdi-result-hero-left h1{
font-size: 32px;
max-width: none;
}
.sdi-result-hero-subtitle{
max-width: none;
}
.sdi-result-visual{
min-height: auto;
margin-top: 24px;
}
.sdi-result-visual img{
width: 100%;
max-width: 500px;
margin: 0 auto;
}
.sdi-result-floating-badge{
right: 16px;
top: 0;
font-size: 20px;
padding: 14px 50px 14px 18px;
}
.sdi-found-card,.sdi-found-left,.sdi-bottom-cta{
display: block;
text-align: center;
}
.sdi-found-check{
margin: 0 auto 22px auto;
}
.sdi-found-source{
justify-content: center;
}
.sdi-found-illustration{
margin: 34px auto 0 auto;
}
.sdi-action-grid{
grid-template-columns: 1fr;
}
.sdi-trust-strip{
grid-template-columns: 1fr;
}
.sdi-trust-divider{
width: 100%;
height: 1px;
}
.sdi-bottom-cta a{
margin-top: 20px;
}
.sdi-result-content{
padding-top: 34px;
}}

@media (max-width: 767px) {.sdi-result-page,.contentpage.sdi-result-page{
padding-top: 82px !important;
}
.sdi-result-hero-left h1{
font-size: 28px;
}
.sdi-result-hero-subtitle{
font-size: 15px;
}
.sdi-result-title{
font-size: 23px;
}
.sdi-found-card{
padding: 28px 20px;
}
.sdi-found-code{
font-size: 46px;
}
.sdi-found-check{
width: 88px;
height: 88px;
font-size: 48px;
}
.sdi-bottom-cta{
padding: 24px 20px;
}
.sdi-bottom-cta a,.sdi-result-main-btn{
width: 100%;
justify-content: center;
text-align: center;
}}

@media (max-width: 480px) {.sdi-result-content{
padding-top: 36px;
}
.sdi-result-hero-left h1{
font-size: 26px;
}
.sdi-found-code{
font-size: 38px;
}
.sdi-action-card{
padding: 30px 22px;
}}
.ss-reviews-section{
padding-top: 52px !important;
padding-bottom: 52px !important;
background: #08325f !important;
background-image: none !important;
}
.ss-google-reviews-shell{
border: 1px solid rgba(255, 255, 255, .20) !important;
background: #ffffff !important;
box-shadow: 0 22px 52px rgba(1, 25, 49, .28) !important;
padding: 28px !important;
border-radius: 24px;
}
.ss-google-reviews-head{
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 20px;
margin-bottom: 22px;
}
.ss-google-reviews-intro{
max-width: 510px;
margin: 0;
color: #667085;
text-align: right;
line-height: 1.55;
}
.ss-google-brand{
display: inline-flex;
align-items: baseline;
gap: 7px;
margin-bottom: 7px;
color: #202124;
font-size: 27px;
line-height: 1;
font-weight: 700;
letter-spacing: -.6px;
}
.ss-google-word{
font-weight: 600;
}
.ss-google-word .g-blue{
color: #4285f4;
}
.ss-google-word .g-red{
color: #ea4335;
}
.ss-google-word .g-yellow{
color: #fbbc05;
}
.ss-google-word .g-green{
color: #34a853;
}
.ss-google-reviews-label{
font-size: 18px;
font-weight: 700;
}
.ss-google-rating-line{
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
color: #202124;
}
.ss-google-stars{
display: inline-flex;
gap: 2px;
color: #fbbc04;
font-size: 19px;
}
.ss-google-rating-line span:last-child{
color: #6b7280;
font-size: 13px;
}
.ss-google-rating-line strong{
font-size: 18px;
}
.ss-review-summary-band{
display: grid;
grid-template-columns: minmax(250px, .8fr) minmax(0, 2.2fr);
align-items: center;
gap: 24px;
margin: 0 0 18px;
padding: 18px 20px;
border: 1px solid #dedcfb;
border-radius: 17px;
background: linear-gradient(120deg, #f7f4ff 0%, #f7fbff 65%, #eef9ff 100%);
}
.ss-google-review-track{
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 14px !important;
overflow: visible !important;
padding: 0 !important;
}
.ss-google-review-card{
min-width: 0 !important;
min-height: 260px !important;
padding: 19px !important;
}
.ss-google-summary-card,.ss-google-review-card{
min-height: 285px;
padding: 22px;
border: 1px solid #e1e7ee;
border-radius: 18px;
background: #fff;
box-shadow: 0 7px 18px rgba(24, 39, 75, .045);
scroll-snap-align: start;
}
.ss-google-review-author{
display: flex;
align-items: center;
gap: 11px;
margin-bottom: 12px;
}
.ss-google-avatar{
width: 42px;
height: 42px;
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 42px;
border-radius: 50%;
color: #fff;
background: #8d7569;
font-size: 15px;
font-weight: 700;
}
.ss-google-avatar.avatar-green{
background: #2d9a71;
}
.ss-google-avatar.avatar-pink{
background: #e9a8bd;
color: #4c2a35;
}
.ss-google-avatar.avatar-blue{
background: #4b83d1;
}
.ss-google-author-copy{
min-width: 0;
}
.ss-google-source-g{
margin-left: auto;
font-size: 18px;
font-weight: 700;
color: #4285f4;
}
.ss-google-author-copy time{
color: #70757a;
font-size: 11px;
}
.ss-google-author-copy strong{
display: block;
overflow: hidden;
color: #202124;
font-size: 14px;
line-height: 1.2;
white-space: nowrap;
text-overflow: ellipsis;
}
.ss-google-source-g{
margin-left: auto;
font-size: 18px;
font-weight: 700;
color: #4285f4;
}
.ss-google-review-text{
margin: 0;
color: #30343b;
font-size: 13px;
line-height: 1.58;
}
.ss-google-card-stars{
display: flex;
gap: 2px;
margin-bottom: 11px;
color: #fbbc04;
font-size: 15px;
}
.ss-google-review-note{
display: block;
margin-top: 12px;
color: #6b7280;
font-size: 11px;
}
.ss-review-summary-title{
display: flex;
align-items: center;
gap: 13px;
}
.ss-review-summary-title .ss-google-summary-icon{
flex: 0 0 42px;
width: 42px;
height: 42px;
margin: 0;
}
.ss-google-summary-icon{
width: 38px;
height: 38px;
display: inline-flex;
align-items: center;
justify-content: center;
margin-bottom: 12px;
border-radius: 50%;
color: #fff;
background: linear-gradient(135deg, #8e58ff, #4e7fff);
font-size: 18px;
box-shadow: 0 8px 18px rgba(92, 92, 246, .2);
}
.ss-review-summary-title h3{
margin: 2px 0 0;
color: #202124;
font-size: 18px;
line-height: 1.2;
}
.ss-review-summary-title .ss-google-card-kicker{
margin: 0;
}
.ss-google-card-kicker{
display: block;
margin-bottom: 6px;
color: #5f42d4;
font-size: 12px;
font-weight: 700;
}
.ss-review-summary-points{
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 10px;
}
.ss-review-summary-points span{
display: flex;
align-items: center;
gap: 8px;
color: #364152;
font-size: 12px;
line-height: 1.4;
font-weight: 600;
}
.ss-review-summary-points em{
color: #18a874;
font-size: 15px;
}
.ss-review-actions{
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 14px 18px;
margin-top: 22px;
padding-top: 22px;
border-top: 1px solid #e2e8ef;
}
.ss-review-call-cta{
min-height: 50px;
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 9px;
padding: 12px 22px !important;
border-radius: 10px;
color: #fff !important;
background: #078fda;
box-shadow: 0 9px 22px rgba(7, 143, 218, .2);
font-weight: 700;
text-decoration: none !important;
}
.ss-review-actions > span{
color: #617087;
font-size: 13px;
}

@media (max-width:991px) {.ss-google-reviews-shell{
padding: 22px !important;
}
.ss-google-reviews-head{
flex-direction: column;
align-items: flex-start;
gap: 18px;
}
.ss-google-reviews-intro{
max-width: 100%;
text-align: left;
}
.ss-review-summary-band{
grid-template-columns: 1fr;
gap: 18px;
}
.ss-review-summary-points{
grid-template-columns: 1fr;
}
.ss-google-review-track{
grid-template-columns: repeat(2,minmax(0,1fr)) !important;
}}

@media (max-width:767px) {.ss-reviews-section{
padding: 35px 0 !important;
}
.ss-google-reviews-shell{
padding: 18px !important;
border-radius: 18px;
}
.ss-google-brand{
font-size: 24px;
}
.ss-google-reviews-label{
font-size: 16px;
}
.ss-google-rating-line{
gap: 6px;
}
.ss-google-rating-line strong{
font-size: 16px;
width: 100%;
}
.ss-google-rating-line span:last-child{
width: 100%;
}
.ss-google-reviews-intro{
font-size: 14px;
line-height: 1.6;
}
.ss-review-summary-band{
padding: 18px;
}
.ss-review-summary-title{
align-items: flex-start;
}
.ss-review-summary-title h3{
font-size: 18px;
}
.ss-review-summary-points{
grid-template-columns: 1fr;
gap: 12px;
}
.ss-review-summary-points span{
font-size: 14px;
}
.ss-google-review-track{
grid-template-columns: 1fr !important;
gap: 16px !important;
}
.ss-google-review-card{
min-height: auto !important;
}
.ss-google-summary-card,.ss-google-review-card{
padding: 18px;
}
.ss-google-review-text{
font-size: 14px;
}
.ss-review-actions{
flex-direction: column;
text-align: center;
}
.ss-review-call-cta{
width: 100%;
justify-content: center;
padding: 14px 20px !important;
font-size: 14px;
}
.ss-review-actions > span{
font-size: 13px;
}}
.ss-intro-compact{
width: 100%;
max-width: 520px;
padding-bottom: 8px;
box-sizing: border-box;
}
.ss-intro-compact .intro-badge-cloud{
margin: 0 0 10px;
}
.ss-intro-compact .intro-lead-in{
display: block;
margin: 0;
line-height: 1.08;
}
.ss-intro-compact .intro-heading{
margin: 10px 0 0;
line-height: 1.32;
}
.ss-intro-promo{
width: 100%;
max-width: 475px;
min-height: 64px;
margin: 12px 0 14px;
padding: 7px 14px;
display: flex;
align-items: center;
gap: 12px;
background: rgba(255, 255, 255, 0.97);
border: 1.5px solid #ff3f7f;
border-radius: 17px;
box-sizing: border-box;
box-shadow: 0 5px 16px rgba(18, 43, 89, 0.04);
}
.ss-intro-promo-icon{
width: 42px;
height: 42px;
min-width: 42px;
flex: 0 0 42px;
display: grid;
place-items: center;
margin: 0;
padding: 0;
color: #ffffff;
background: linear-gradient(135deg, #ff3f7f 0%, #f72572 100%);
border-radius: 11px;
box-shadow: 0 4px 10px rgba(247, 37, 114, 0.20);
box-sizing: border-box;
}
.ss-intro-promo-icon em{
display: block;
width: 18px;
height: 18px;
margin: 0 !important;
padding: 0 !important;
font-size: 18px;
line-height: 18px !important;
text-align: center;
font-style: normal;
}
.ss-intro-promo-icon em::before{
display: block;
width: 18px;
height: 18px;
line-height: 18px;
text-align: center;
}
.ss-intro-promo-content{
display: block;
min-width: 0;
line-height: 1.08;
}
.ss-intro-promo-label{
display: block;
margin-bottom: 3px;
color: #f72572;
font-size: 12px;
font-weight: 700;
line-height: 1.15;
letter-spacing: 0.1px;
text-transform: uppercase;
}
.ss-intro-promo-offer{
display: block;
font-size: 20px;
font-weight: 700;
line-height: 1.12;
white-space: nowrap;
}
.ss-intro-promo-free{
color: #149fdf;
}
.ss-intro-promo-price{
color: #f72572;
}
.ss-intro-compact .header-buttons{
margin: 0;
}
.ss-intro-compact .header-actions-row{
display: flex;
align-items: center;
gap: 20px;
margin: 0;
}
.ss-intro-compact .header-actions-row p{
margin: 0;
}
.ss-intro-compact .header-actions-row .primary-button{
min-height: 46px;
margin: 0;
padding-top: 13px;
padding-bottom: 13px;
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
white-space: nowrap;
}
.ss-intro-compact .header-scopri{
display: inline-flex;
align-items: center;
gap: 7px;
white-space: nowrap;
}
.ss-intro-compact .header-scopri em{
margin: 0;
padding: 0;
}
.ss-intro-compact .header-benefits{
display: flex;
align-items: center;
justify-content: flex-start;
gap: 22px;
margin: 11px 0 0;
padding: 0;
overflow: visible;
}
.ss-intro-compact .header-benefit{
display: flex;
align-items: center;
gap: 7px;
min-width: 0;
margin: 0;
padding: 0;
}
.ss-intro-compact .header-benefit-icon{
width: 30px;
height: 30px;
min-width: 30px;
flex: 0 0 30px;
display: grid;
place-items: center;
margin: 0;
padding: 0;
line-height: 1;
box-sizing: border-box;
}
.ss-intro-compact .header-benefit-icon em{
display: block;
width: 16px;
height: 16px;
margin: 0 !important;
padding: 0 !important;
font-size: 16px;
line-height: 16px !important;
text-align: center;
font-style: normal;
}
.ss-intro-compact .header-benefit-icon em::before{
display: block;
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
}
.ss-intro-compact .header-benefit-icon.tag-icon em{
transform: translateX(-1px);
}
.ss-intro-compact .header-benefit-text{
display: block;
font-size: 13px;
font-weight: 700;
line-height: 1.05;
}

@media (max-width: 1199px) {.ss-intro-compact{
max-width: 490px;
}
.ss-intro-compact .header-benefits{
gap: 14px;
}
.ss-intro-compact .header-benefit-text{
font-size: 12px;
}}

@media (max-width: 991px) {.ss-intro-compact{
max-width: 100%;
padding-bottom: 18px;
}
.ss-intro-promo{
max-width: 520px;
}
.ss-intro-compact .header-benefits{
max-width: 520px;
flex-wrap: wrap;
gap: 12px 20px;
}
.ss-intro-compact .header-benefit{
flex: 1 1 140px;
}}

@media (max-width: 767px) {.ss-intro-compact{
max-width: 100%;
padding-bottom: 22px;
text-align: left;
}
.ss-intro-compact .intro-badge-cloud{
margin-bottom: 9px;
}
.ss-intro-compact .intro-heading{
margin-top: 9px;
}
.ss-intro-promo{
min-height: 60px;
margin: 11px 0 13px;
padding: 7px 11px;
gap: 10px;
border-radius: 14px;
}
.ss-intro-promo-icon{
width: 40px;
height: 40px;
min-width: 40px;
flex-basis: 40px;
}
.ss-intro-promo-label{
font-size: 10px;
}
.ss-intro-promo-offer{
font-size: 17px;
white-space: normal;
}
.ss-intro-compact .header-actions-row{
width: 100%;
flex-wrap: wrap;
gap: 10px 16px;
}
.ss-intro-compact .header-actions-row p{
width: 100%;
}
.ss-intro-compact .header-actions-row .primary-button{
width: 100%;
min-height: 44px;
padding: 11px 15px;
text-align: center;
white-space: normal;
}
.ss-intro-compact .header-scopri{
margin: 0 auto;
}
.ss-intro-compact .header-benefits{
width: 100%;
margin-top: 14px;
gap: 10px 14px;
}
.ss-intro-compact .header-benefit{
flex: 1 1 calc(50% - 14px);
}
.ss-intro-compact .header-benefit-text{
font-size: 12px;
}}

@media (max-width: 480px) {.ss-intro-promo{
align-items: center;
}
.ss-intro-promo-offer{
font-size: 16px;
}
.ss-intro-promo-free,.ss-intro-promo-price{
display: block;
}
.ss-intro-promo-price{
margin-top: 2px;
}
.ss-intro-compact .header-benefit{
flex-basis: 100%;
}}
:root{
--ss-navy: #07145d;
--ss-blue: #0785eb;
--ss-blue-dark: #006edb;
--ss-sky: #cfeeff;
--ss-sky-light: #eff9ff;
--ss-pink: #ff2f72;
--ss-green: #25a94a;
--ss-line: #c8dcf2;
--ss-muted: #506187;
--ss-white: #ffffff;
--ss-cyan: #2aa8da;
}
.ss-activation-shell{
position: relative;
min-height: 806px;
overflow: hidden;
padding: 0 24px 26px;
background: radial-gradient(circle at 13% 15%, rgba(255,255,255,.78) 0 2%, transparent 18%), radial-gradient(circle at 93% 20%, rgba(255,255,255,.35), transparent 24%), linear-gradient(118deg, #bde7ff 0%, #ecf8ff 47%, #a9ddff 100%);
}
.ss-activation-shell::before,.ss-activation-shell::after{
content: "";
position: absolute;
z-index: 0;
pointer-events: none;
}
.ss-activation-shell::before{
left: -165px;
top: 78px;
width: 470px;
height: 245px;
border-radius: 48% 52% 58% 42% / 52% 58% 42% 48%;
background: linear-gradient(145deg, rgba(77,174,238,.58), rgba(255,255,255,.32));
transform: rotate(14deg);
box-shadow: 280px 520px 0 70px rgba(255,255,255,.17);
}
.ss-activation-shell::after{
right: -180px;
top: 160px;
width: 520px;
height: 285px;
border-radius: 54% 46% 38% 62% / 57% 39% 61% 43%;
background: linear-gradient(150deg, rgba(255,255,255,.55), rgba(74,171,237,.20));
transform: rotate(-13deg);
box-shadow: -50px 530px 0 120px rgba(104,191,244,.22);
}
.ss-hero,.ss-registration-card,.ss-trust-strip{
position: relative;
z-index: 2;
}
.ss-hero{
width: 100%;
max-width: 1420px;
min-height: 200px;
margin: 0 auto;
display: grid;
grid-template-columns: 250px 500px minmax(0, 1fr);
align-items: center;
gap: 24px;
}
.ss-offer-badge{
position: relative;
width: 162px;
height: 162px;
margin-left: 70px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: 50%;
color: var(--ss-pink);
background: rgba(255,255,255,.96);
box-shadow: 0 10px 28px rgba(23,93,160,.18);
}
.ss-offer-badge::before{
content: "";
position: absolute;
inset: 9px;
border: 1px solid rgba(255,47,114,.12);
border-radius: inherit;
}
.ss-offer-badge::after{
content: "GRATIS";
position: absolute;
left: -9px;
right: -9px;
bottom: 13px;
height: 33px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
background: linear-gradient(135deg, #ff3c7c, #f22468);
font-size: 20px;
font-weight: 700;
line-height: 1;
clip-path: polygon(4% 0, 96% 0, 100% 50%, 96% 100%, 4% 100%, 0 50%);
filter: drop-shadow(0 4px 4px rgba(189,27,84,.19));
}
.ss-offer-badge .fa{
font-size: 28px;
line-height: 1;
margin-bottom: -1px;
}
.ss-offer-badge strong{
font-size: 54px;
line-height: .92;
letter-spacing: -3px;
}
.ss-offer-badge span{
margin-bottom: 27px;
font-size: 19px;
font-weight: 600;
line-height: 1;
}
.ss-hero-copy{
align-self: center;
padding-top: 5px;
}
.ss-hero-copy h1{
margin: 0 0 2px;
color: var(--ss-navy);
font-size: clamp(27px, 1.95vw, 32px);
font-weight: 700;
line-height: 1.15;
letter-spacing: -1.3px;
}
.ss-hero-copy .ss-offer-line{
margin: 0 0 4px;
color: var(--ss-pink);
font-size: clamp(42px, 3.75vw, 59px);
font-weight: 600;
line-height: 1.05;
letter-spacing: -2px;
}
.ss-hero-copy p{
max-width: 560px;
margin: 0;
color: #1d2a67;
font-size: 15.5px;
font-weight: 400;
line-height: 1.75;
}
.ss-hero-benefits{
display: grid;
grid-template-columns: repeat(5, minmax(95px, 1fr));
gap: 15px;
align-items: start;
}
.ss-hero-benefit{
text-align: center;
color: var(--ss-navy);
}
.ss-hero-benefit .ss-benefit-icon{
width: 58px;
height: 58px;
margin: 0 auto 9px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid rgba(7,132,235,.10);
border-radius: 50%;
color: var(--ss-pink);
background: rgba(255,255,255,.93);
box-shadow: 0 7px 18px rgba(12,101,173,.12);
font-size: 25px;
}
.ss-hero-benefit strong{
display: block;
min-height: 34px;
margin-bottom: 3px;
font-size: 12.8px;
font-weight: 700;
line-height: 1.18;
}
.ss-hero-benefit small{
display: block;
color: #43527d;
font-size: 10.8px;
font-weight: 400;
line-height: 1.35;
}
.ss-registration-card{
width: 100%;
max-width: 1340px;
min-height: 484px;
margin: 0 auto;
padding: 14px;
display: grid;
grid-template-columns: minmax(0, 2.1fr) minmax(350px, 1fr);
gap: 24px;
border: 1px solid rgba(255,255,255,.84);
border-radius: 18px;
background: rgba(255,255,255,.97);
box-shadow: 0 18px 45px rgba(20,104,170,.14);
}
.ss-form-column{
min-width: 0;
padding: 17px 30px 14px 42px;
}
.ss-form-column h2,.ss-form-column .form-step-2 h3{
margin: 0 0 4px !important;
color: var(--ss-navy) !important;
font-size: 25px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
letter-spacing: -.6px;
}
.ss-form-intro,.ss-form-column .form-step-2 > p:first-of-type{
margin: 0 0 19px !important;
color: #182466 !important;
font-size: 13.8px !important;
line-height: 1.5 !important;
}
.ss-form-grid{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 48px;
row-gap: 17px;
}
.ss-form-grid .form-group,.ss-step2-grid .form-group{
margin: 0 !important;
}
.ss-field{
min-width: 0;
}
.ss-field label{
display: block;
margin: 0 0 8px;
color: var(--ss-navy);
font-size: 14.5px;
font-weight: 700;
line-height: 1.2;
}
.ss-field-wrap{
position: relative;
}
.ss-registration-card input.form-control{
width: 100% !important;
height: 49px !important;
margin: 0 !important;
padding: 0 45px 0 15px !important;
border: 1px solid #cadbf0 !important;
border-radius: 8px !important;
color: #0c185c !important;
background: #fff !important;
box-shadow: 0 1px 1px rgba(7,20,93,.02) inset !important;
font-family: Montserrat, Arial, sans-serif !important;
font-size: 13.2px !important;
font-weight: 400 !important;
line-height: 49px !important;
transition: border-color .2s ease, box-shadow .2s ease;
}
.ss-registration-card input.form-control::placeholder{
color: #9aabd0 !important;
opacity: 1;
}
.ss-registration-card input.form-control:focus{
border-color: #148df0 !important;
outline: 0 !important;
box-shadow: 0 0 0 3px rgba(20,141,240,.10) !important;
}
.ss-field-icon,.ss-field-wrap > a{
position: absolute;
top: 50%;
right: 15px;
z-index: 3;
transform: translateY(-50%);
color: #1988ef !important;
font-size: 16px;
line-height: 1;
text-decoration: none !important;
}
.ss-field-wrap > a{
color: #90a1c6 !important;
}
.ss-field .help-block,.ss-field .small,.ss-step2-grid .help-block{
margin: 4px 0 0 !important;
font-size: 11.5px !important;
line-height: 1.35 !important;
}
.ss-registration-card .checkpassword{
display: flex !important;
flex-wrap: wrap;
gap: 5px 17px;
margin-top: 10px;
color: #eb1717;
font-size: 10.4px;
line-height: 1.25;
}
.ss-registration-card .checkpassword > span{
white-space: nowrap;
}
.ss-registration-card .checkpassword .ss-rule-break{
flex-basis: 100%;
width: 0;
height: 0;
margin: 0;
padding: 0;
}
.ss-registration-card .checkpassword .fa{
margin-right: 3px;
}
.ss-registration-card .checkpassword .fa-check{
display: none;
color: var(--ss-green);
}
.ss-registration-card .checkpassword > span.ok{
color: var(--ss-green);
}
.ss-registration-card .checkpassword > span.ok .fa-times{
display: none;
}
.ss-registration-card .checkpassword > span.ok .fa-check{
display: inline-block;
}
.ss-consent{
margin: 24px 0 14px;
display: grid;
grid-template-columns: 20px 1fr;
gap: 10px;
align-items: start;
color: #14205d;
font-size: 11.8px;
font-weight: 600;
line-height: 1.55;
}
.ss-consent-box{
width: 18px;
height: 18px;
margin-top: 1px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 3px;
color: #fff;
background: #0b86ed;
box-shadow: 0 2px 5px rgba(11,134,237,.23);
font-size: 11px;
}
.ss-consent a{
color: #0076e6 !important;
font-weight: 700;
}
.ss-primary-cta,.ss-registration-card #avantiForm,.ss-registration-card .g-recaptcha.btn-xl{
width: 100% !important;
height: 53px !important;
margin: 0 !important;
padding: 0 25px !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
border: 0 !important;
border-radius: 9px !important;
color: #fff !important;
background: linear-gradient(180deg, #1192f1 0%, #0076e7 100%) !important;
box-shadow: 0 8px 18px rgba(0,119,231,.18) !important;
font-family: Montserrat, Arial, sans-serif !important;
font-size: 17px !important;
font-weight: 500 !important;
line-height: 1 !important;
text-align: center;
text-decoration: none !important;
text-transform: uppercase;
transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
cursor: pointer;
}
.ss-registration-card #avantiForm:hover,.ss-registration-card .g-recaptcha.btn-xl:hover{
transform: translateY(-1px);
filter: brightness(1.02);
box-shadow: 0 12px 24px rgba(0,119,231,.24) !important;
}
.ss-registration-card .loading{
border-radius: 16px;
background: rgba(255,255,255,.82);
}
.ss-registration-card .form-step-2{
display: none;
padding: 0;
}
.ss-step2-grid{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 17px 30px;
margin-top: 24px;
}
.ss-step2-grid .ss-full{
grid-column: 1 / -1;
}
.ss-step2-grid label{
margin-bottom: 8px;
color: var(--ss-navy);
font-size: 14px;
font-weight: 700;
}
.ss-step2-help{
display: block;
margin-top: 6px;
color: #617096;
font-size: 13px;
line-height: 1.45;
}
.ss-step2-actions{
margin-top: 24px;
}
.ss-step2-actions .text-center{
margin: 0 0 10px !important;
}
.ss-demo-summary{
min-width: 0;
padding: 22px 22px 18px;
border: 1px solid rgba(20,141,240,.08);
border-radius: 17px;
background: linear-gradient(145deg, #eef8ff 0%, #e2f2ff 100%);
box-shadow: 0 7px 18px rgba(19,105,174,.08) inset, 0 2px 5px rgba(20,99,161,.08);
}
.ss-demo-summary h2{
margin: 0 0 18px;
color: var(--ss-navy);
font-size: 22px;
font-weight: 700;
line-height: 1.2;
text-align: center;
letter-spacing: -.5px;
}
.ss-summary-list{
display: grid;
gap: 17px;
}
.ss-summary-item{
display: grid;
grid-template-columns: 50px 1fr;
gap: 14px;
align-items: center;
}
.ss-summary-icon{
width: 49px;
height: 49px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
color: #fff;
background: linear-gradient(145deg, #1295f2, #0877dc);
box-shadow: 0 6px 14px rgba(8,119,220,.18);
font-size: 22px;
}
.ss-summary-item strong{
display: block;
margin-bottom: 3px;
color: #0875db;
font-size: 13.2px;
font-weight: 700;
line-height: 1.2;
}
.ss-summary-item span{
display: block;
color: #1a2865;
font-size: 12.4px;
line-height: 1.35;
}
.ss-google-review{
margin-top: 20px;
min-height: 85px;
padding: 14px 18px;
display: grid;
grid-template-columns: 130px 1fr;
gap: 10px;
align-items: center;
border: 1px solid #9cc8ee;
border-radius: 9px;
background: rgba(255,255,255,.42);
}
.ss-google-wordmark{
font-family: Arial, sans-serif;
font-size: 29px;
font-weight: 500;
line-height: .95;
letter-spacing: -1.5px;
}
.ss-google-wordmark .g1{
color: #4285f4;
}
.ss-google-wordmark .g2{
color: #ea4335;
}
.ss-google-wordmark .g3{
color: #fbbc05;
}
.ss-google-wordmark .g4{
color: #4285f4;
}
.ss-google-wordmark .g5{
color: #34a853;
}
.ss-google-wordmark .g6{
color: #ea4335;
}
.ss-google-wordmark small{
display: block;
margin-top: 4px;
color: #1c2969;
font-size: 18px;
letter-spacing: 0;
}
.ss-review-score{
text-align: center;
}
.ss-stars{
display: block;
margin-bottom: 4px;
color: #f8b400;
font-size: 26px;
line-height: 1;
letter-spacing: 1px;
white-space: nowrap;
}
.ss-review-score span:last-child{
color: #1b2865;
font-size: 16px;
font-weight: 500;
}
.ss-trust-strip{
width: calc(100% - 90px);
max-width: 1260px;
min-height: 99px;
margin: 22px auto 0;
padding: 26px 35px 16px;
border: 1px solid rgba(255,255,255,.80);
border-radius: 16px;
background: rgba(255,255,255,.94);
box-shadow: 0 10px 25px rgba(20,104,170,.10);
}
.ss-trust-title{
position: absolute;
left: 50%;
top: -11px;
transform: translateX(-50%);
margin: 0;
padding: 0 12px;
color: #087be4;
background: #fff;
font-size: 16px;
font-weight: 600;
line-height: 1.4;
white-space: nowrap;
}
.ss-trust-items{
display: grid;
grid-template-columns: repeat(3, 1fr);
align-items: center;
}
.ss-trust-item{
min-height: 50px;
padding: 0 35px;
display: grid;
grid-template-columns: 44px 1fr;
gap: 16px;
align-items: center;
color: #2c3a70;
font-size: 12.5px;
line-height: 1.45;
}
.ss-trust-item + .ss-trust-item{
border-left: 1px solid #b7cee7;
}
.ss-trust-item .fa{
color: #087fe8;
font-size: 38px;
text-align: center;
}
.ss-trust-item strong{
display: block;
color: #1b2865;
font-weight: 600;
}

@media (max-width: 1390px) {.ss-hero{
grid-template-columns: 205px minmax(430px, .95fr) minmax(500px, 1.2fr);
gap: 16px;
}
.ss-offer-badge{
width: 146px;
height: 146px;
margin-left: 36px;
}
.ss-offer-badge strong{
font-size: 48px;
}
.ss-hero-benefits{
gap: 9px;
}
.ss-hero-benefit strong{
font-size: 11.5px;
}
.ss-hero-benefit small{
font-size: 9.8px;
}
.ss-registration-card{
max-width: 1280px;
}
.ss-form-column{
padding-left: 31px;
padding-right: 19px;
}
.ss-form-grid{
column-gap: 29px;
}}

@media (max-width: 1199px) and (min-width: 992px) {.ss-hero{
grid-template-columns: 150px 1fr;
min-height: auto;
padding: 25px 0 20px;
}
.ss-offer-badge{
grid-row: 1 / span 2;
}
.ss-hero-benefits{
grid-column: 2;
}
.ss-registration-card{
grid-template-columns: minmax(0, 1.8fr) minmax(330px, 1fr);
}}

@media (max-width: 991px) {.ss-activation-shell{
padding: 0 18px 28px;
}
.ss-hero{
grid-template-columns: 140px 1fr;
gap: 15px 22px;
padding: 24px 0;
}
.ss-offer-badge{
width: 135px;
height: 135px;
margin: 0;
}
.ss-offer-badge strong{
font-size: 44px;
}
.ss-offer-badge span{
font-size: 16px;
}
.ss-offer-badge::after{
height: 29px;
font-size: 16px;
}
.ss-hero-copy h1{
font-size: 25px;
}
.ss-hero-copy .ss-offer-line{
font-size: 42px;
}
.ss-hero-benefits{
grid-column: 1 / -1;
grid-template-columns: repeat(5, 1fr);
}
.ss-registration-card{
grid-template-columns: 1fr;
gap: 14px;
max-width: 760px;
}
.ss-form-column{
padding: 22px 22px 18px;
}
.ss-demo-summary{
padding: 22px;
}
.ss-summary-list{
grid-template-columns: repeat(2, 1fr);
}
.ss-google-review{
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
.ss-trust-strip{
width: 100%;
max-width: 760px;
}
.ss-trust-item{
padding: 0 18px;
}}

@media (max-width: 679px) {.ss-activation-shell{
padding-left: 12px;
padding-right: 12px;
}
.ss-hero{
grid-template-columns: 1fr;
text-align: center;
padding: 20px 8px 24px;
}
.ss-offer-badge{
margin: 0 auto;
}
.ss-hero-copy p{
margin: 0 auto;
font-size: 13px;
line-height: 1.6;
}
.ss-hero-copy h1{
font-size: 23px;
}
.ss-hero-copy .ss-offer-line{
font-size: 37px;
}
.ss-hero-benefits{
grid-column: auto;
grid-template-columns: repeat(2, 1fr);
gap: 18px 10px;
margin-top: 8px;
}
.ss-hero-benefit:last-child{
grid-column: 1 / -1;
}
.ss-hero-benefit strong{
min-height: 0;
font-size: 12px;
}
.ss-hero-benefit small{
font-size: 10px;
}
.ss-registration-card{
padding: 8px;
border-radius: 15px;
}
.ss-form-column{
padding: 18px 12px 14px;
}
.ss-form-column h2,.ss-form-column .form-step-2 h3{
font-size: 21px !important;
}
.ss-form-intro{
font-size: 12.5px !important;
}
.ss-form-grid,.ss-step2-grid{
grid-template-columns: 1fr;
gap: 15px;
}
.ss-step2-grid .ss-full{
grid-column: auto;
}
.ss-registration-card .checkpassword{
gap: 5px 12px;
}
.ss-consent{
font-size: 10.8px;
}
.ss-primary-cta,.ss-registration-card #avantiForm,.ss-registration-card .g-recaptcha.btn-xl{
font-size: 13px !important;
}
.ss-demo-summary{
padding: 18px 13px;
}
.ss-demo-summary h2{
font-size: 20px;
}
.ss-summary-list{
grid-template-columns: 1fr;
}
.ss-google-review{
grid-template-columns: 1fr;
text-align: center;
}
.ss-google-wordmark{
margin: 0 auto;
}
.ss-trust-strip{
padding: 30px 16px 15px;
}
.ss-trust-title{
width: calc(100% - 26px);
text-align: center;
white-space: normal;
font-size: 13px;
}
.ss-trust-items{
grid-template-columns: 1fr;
}
.ss-trust-item{
padding: 13px 8px;
}
.ss-trust-item + .ss-trust-item{
border-left: 0;
border-top: 1px solid #d3e2f0;
}}
.ss-registration-card .ss-form-column,.ss-registration-card #FormAttiva,.ss-registration-card #FormAttiva > form,.ss-registration-card .form-horizontal,.ss-registration-card .form-body,.ss-registration-card .form-step-1,.ss-registration-card .form-step-2{
background: transparent !important;
}
.ss-registration-card #FormAttiva{
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
box-shadow: none !important;
}
.ss-registration-card #FormAttiva > form,.ss-registration-card .form-horizontal,.ss-registration-card .form-body{
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.ss-benefit-icon,.ss-summary-icon,.ss-consent-box{
position: relative !important;
flex: 0 0 auto !important;
overflow: hidden !important;
}
.ss-benefit-icon > .fa,.ss-summary-icon > .fa,.ss-consent-box > .fa{
position: absolute !important;
top: 50% !important;
left: 50% !important;
right: auto !important;
bottom: auto !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
float: none !important;
transform: translate(-50%, -50%) !important;
line-height: 1 !important;
text-align: center !important;
}
.ss-benefit-icon > .fa{
color: var(--ss-pink) !important;
font-size: 25px !important;
}
.ss-summary-icon > .fa{
color: #ffffff !important;
font-size: 22px !important;
text-shadow: none !important;
}
.ss-consent-box > .fa{
color: #ffffff !important;
font-size: 11px !important;
}
.ss-offer-badge > .fa{
position: static !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
width: auto !important;
height: auto !important;
margin: 0 0 -1px !important;
transform: none !important;
color: var(--ss-pink) !important;
font-size: 28px !important;
line-height: 1 !important;
}
.ss-trust-item > .fa{
position: static !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
width: 44px !important;
height: auto !important;
margin: 0 !important;
transform: none !important;
color: #087fe8 !important;
font-size: 38px !important;
line-height: 1 !important;
text-align: center !important;
}
.ss-field-wrap > .ss-field-icon,.ss-field-wrap > .fa-check-password,.ss-field-wrap > .fa-check-password-refresh{
position: absolute !important;
top: 50% !important;
right: 15px !important;
bottom: auto !important;
left: auto !important;
width: 18px !important;
height: 18px !important;
margin: 0 !important;
padding: 0 !important;
float: none !important;
transform: translateY(-50%) !important;
font-size: 16px !important;
line-height: 18px !important;
text-align: center !important;
}
.ss-field-wrap > .ss-field-icon{
color: #1988ef !important;
}
.ss-field-wrap > .fa-check-password{
color: #25a94a !important;
}
.ss-field-wrap > .fa-check-password-refresh{
color: #1988ef !important;
}
.ss-field-wrap > a{
position: absolute !important;
top: 0 !important;
right: 5px !important;
bottom: auto !important;
left: auto !important;
z-index: 4 !important;
width: 40px !important;
height: 49px !important;
margin: 0 !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
transform: none !important;
color: #90a1c6 !important;
line-height: 1 !important;
}
.ss-field-wrap > a > .fa-eye,.ss-field-wrap > a > .fa-eye-slash{
position: static !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
float: none !important;
transform: none !important;
color: #90a1c6 !important;
font-size: 16px !important;
line-height: 1 !important;
}
.ss-registration-card .checkpassword .fa{
position: static !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
width: auto !important;
height: auto !important;
margin: 0 3px 0 0 !important;
transform: none !important;
line-height: inherit !important;
}

@media (min-width: 1200px) and (max-width: 1390px) {.ss-hero{
grid-template-columns: 170px minmax(480px, 1fr) minmax(470px, 1.08fr) !important;
gap: 16px !important;
}
.ss-offer-badge{
margin-left: 15px !important;
}
.ss-hero-copy h1{
font-size: 26px !important;
letter-spacing: -1.1px !important;
white-space: nowrap !important;
}
.ss-hero-copy .ss-offer-line{
font-size: 45px !important;
}}

@media (max-width: 679px) {.ss-field-wrap > a{
height: 49px !important;
}}
.ss-hero{
min-height: 176px !important;
gap: 18px !important;
padding: 20px 0px !important;
}
.ss-hero-copy{
padding-top: 0 !important;
}
.ss-hero-copy h1{
font-size: clamp(24px, 1.7vw, 29px) !important;
line-height: 1.08 !important;
letter-spacing: -1.15px !important;
margin-bottom: 2px !important;
}
.ss-hero-copy .ss-offer-line{
font-size: clamp(38px, 3.25vw, 50px) !important;
line-height: 1.02 !important;
letter-spacing: -1.8px !important;
margin-bottom: 5px !important;
}
.ss-hero-copy p{
font-size: 14.5px !important;
line-height: 1.62 !important;
}
.ss-hero-benefits{
gap: 12px !important;
}
.ss-hero-benefit .ss-benefit-icon{
margin-bottom: 7px !important;
}
.ss-hero-benefit strong{
min-height: 31px !important;
}

@media (min-width: 1200px) and (max-width: 1390px) {.ss-hero{
grid-template-columns: 165px minmax(430px, 1fr) minmax(470px, 1.05fr) !important;
min-height: 170px !important;
gap: 14px !important;
padding: 8px 0 4px !important;
}
.ss-offer-badge{
width: 140px !important;
height: 140px !important;
margin-left: 12px !important;
}
.ss-hero-copy h1{
font-size: 24px !important;
white-space: nowrap !important;
}
.ss-hero-copy .ss-offer-line{
font-size: 41px !important;
}
.ss-hero-copy p{
font-size: 14px !important;
}}

@media (max-width: 1199px) and (min-width: 992px) {.ss-hero{
grid-template-columns: 146px 1fr !important;
padding: 18px 0 12px !important;
gap: 14px 18px !important;
}
.ss-offer-badge{
width: 128px !important;
height: 128px !important;
}
.ss-hero-copy h1{
font-size: 23px !important;
}
.ss-hero-copy .ss-offer-line{
font-size: 36px !important;
}
.ss-hero-copy p{
max-width: 100% !important;
}}

@media (max-width: 991px) {.ss-activation-shell{
padding: 0 16px 24px !important;
}
.ss-hero{
grid-template-columns: 132px 1fr !important;
gap: 12px 18px !important;
padding: 16px 0 10px !important;
}
.ss-offer-badge{
width: 124px !important;
height: 124px !important;
}
.ss-offer-badge strong{
font-size: 40px !important;
}
.ss-offer-badge span{
font-size: 15px !important;
}
.ss-offer-badge::after{
height: 28px !important;
font-size: 15px !important;
}
.ss-hero-copy h1{
font-size: 22px !important;
white-space: normal !important;
}
.ss-hero-copy .ss-offer-line{
font-size: 35px !important;
}
.ss-hero-copy p{
font-size: 13.6px !important;
}}

@media (min-width: 680px) and (max-width: 860px) {.ss-hero-benefits{
grid-column: 1 / -1 !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 14px 22px !important;
max-width: 560px !important;
margin: 4px auto 0 !important;
}
.ss-hero-benefit:last-child{
grid-column: 1 / -1 !important;
}}

@media (max-width: 679px) {.ss-activation-shell{
padding-left: 10px !important;
padding-right: 10px !important;
}
.ss-hero{
grid-template-columns: 1fr !important;
text-align: center !important;
padding: 14px 4px 18px !important;
gap: 12px !important;
}
.ss-hero-copy h1{
font-size: 20px !important;
}
.ss-hero-copy .ss-offer-line{
font-size: 31px !important;
}
.ss-hero-copy p{
font-size: 12.8px !important;
line-height: 1.58 !important;
}
.ss-hero-benefits{
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 16px 10px !important;
margin-top: 4px !important;
}
.ss-registration-card{
margin-top: 8px !important;
}}

@media (min-width: 992px) {#content.contentpage{
padding-top: 146px !important;
}
.ss-hero{
max-width: 1240px !important;
margin-left: auto !important;
margin-right: auto !important;
justify-content: center !important;
}
.ss-offer-badge{
margin-left: auto !important;
margin-right: auto !important;
}}

@media (min-width: 1200px) and (max-width: 1390px) {.ss-hero{
grid-template-columns: 160px minmax(420px, 1fr) minmax(470px, 1.08fr) !important;
max-width: 1240px !important;
gap: 18px !important;
}}

@media (min-width: 1391px) {.ss-hero{
grid-template-columns: 185px 445px minmax(520px, 1fr) !important;
max-width: 1320px !important;
gap: 22px !important;
}}
.ss-registration-card .checkpassword{
gap: 7px 19px !important;
margin-top: 11px !important;
font-size: 12.2px !important;
line-height: 1.45 !important;
font-weight: 500 !important;
}
.ss-registration-card .checkpassword > span{
display: inline-flex !important;
align-items: center !important;
min-height: 18px !important;
}
.ss-registration-card .checkpassword .fa{
flex: 0 0 auto !important;
width: 14px !important;
margin-right: 5px !important;
font-size: 12px !important;
text-align: center !important;
}
.ss-registration-card .checkpassword > span.color-green,.ss-registration-card .checkpassword > span.ok{
color: var(--ss-green) !important;
}
.ss-registration-card .checkpassword > span.color-red{
color: #eb1717 !important;
}
.ss-registration-card .checkpassword > span.color-green .fa-times,.ss-registration-card .checkpassword > span.ok .fa-times{
display: none !important;
}
.ss-registration-card .checkpassword > span.color-green .fa-check,.ss-registration-card .checkpassword > span.ok .fa-check{
display: inline-block !important;
color: var(--ss-green) !important;
}
.ss-registration-card .checkpassword > span.color-red .fa-times{
display: inline-block !important;
color: #eb1717 !important;
}
.ss-registration-card .checkpassword > span.color-red .fa-check{
display: none !important;
}
.ss-google-wordmark{
font-weight: 700 !important;
letter-spacing: -1.7px !important;
}
.ss-google-wordmark small{
font-weight: 600 !important;
}

@media (max-width: 991px) {#content.contentpage{
padding-top: 82px !important;
}
.ss-hero{
width: 100% !important;
max-width: 760px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.ss-registration-card .checkpassword{
font-size: 11.8px !important;
gap: 7px 15px !important;
}}

@media (max-width: 679px) {#content.contentpage{
padding-top: 80px !important;
}
.ss-registration-card .checkpassword{
display: grid !important;
grid-template-columns: 1fr !important;
gap: 7px !important;
font-size: 12px !important;
}
.ss-registration-card .checkpassword .ss-rule-break{
display: none !important;
}}
.ss-registration-card #avantiForm::after{
content: "" !important;
width: 27px !important;
height: 27px !important;
margin-left: 11px !important;
display: inline-block !important;
flex: 0 0 27px !important;
background: url('/public/attiva.png') center center / contain no-repeat !important;
}
.ss-registration-card .field-validation-valid,.ss-registration-card .field-validation-error,.ss-registration-card .help-block,.ss-registration-card .errorEmail,.ss-registration-card .errorPIVA{
margin-top: 4px !important;
font-size: 12px !important;
line-height: 1.35 !important;
}
.ss-registration-card .checkpassword{
column-gap: 18px !important;
row-gap: 1px !important;
margin-top: 8px !important;
line-height: 1.3 !important;
}
.ss-registration-card .checkpassword .ss-rule-break{
height: 0 !important;
min-height: 0 !important;
margin: -3px 0 !important;
padding: 0 !important;
}
.ss-form-column{
padding-top: 15px !important;
padding-bottom: 13px !important;
}
.ss-form-grid{
row-gap: 15px !important;
}
.ss-consent{
margin-top: 18px !important;
margin-bottom: 13px !important;
}
.ss-registration-card{
gap: 20px !important;
box-shadow: 0 18px 44px rgba(20,104,170,.13) !important;
}
.ss-demo-summary{
box-shadow: 0 8px 20px rgba(13,105,177,.09) !important;
}

@media (max-width: 991px) {.ss-registration-card #avantiForm::after{
width: 24px !important;
height: 24px !important;
flex-basis: 24px !important;
margin-left: 8px !important;
}}

@media (max-width: 679px) {.ss-registration-card .checkpassword{
row-gap: 4px !important;
margin-top: 7px !important;
}
.ss-registration-card .field-validation-valid,.ss-registration-card .field-validation-error,.ss-registration-card .help-block,.ss-registration-card .errorEmail,.ss-registration-card .errorPIVA{
font-size: 12px !important;
}
.ss-registration-card #avantiForm{
padding-left: 12px !important;
padding-right: 12px !important;
font-size: 12px !important;
}}
.ss-autofill-trap{
position: fixed !important;
left: -10000px !important;
top: -10000px !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
.ss-autofill-trap input{
width: 1px !important;
height: 1px !important;
min-height: 0 !important;
padding: 0 !important;
border: 0 !important;
}
.ss-registration-card .form-control.input-validation-error{
border-color: #bfd5ee !important;
box-shadow: none !important;
}
.ss-registration-card .form-group.ss-show-validation .form-control.input-validation-error,.ss-registration-card form.ss-validation-attempted .form-control.input-validation-error{
border-color: #ef4a55 !important;
box-shadow: 0 0 0 2px rgba(239,74,85,.06) !important;
}
.ss-registration-card .checkpassword:not(.ss-password-active) > span:not(.ss-rule-break){
color: #7e8cab !important;
}
.ss-registration-card .checkpassword:not(.ss-password-active) .fa{
display: none !important;
}
.ss-registration-card .checkpassword.ss-password-active .color-red .fa-times,.ss-registration-card .checkpassword.ss-password-active .color-green .fa-check{
display: inline-block !important;
}
.ss-registration-card .checkpassword.ss-password-active .color-red .fa-check,.ss-registration-card .checkpassword.ss-password-active .color-green .fa-times{
display: none !important;
}
.ss-registration-card input[data-ss-autofill-protected][readonly]{
cursor: text !important;
background-color: #fff !important;
}
.ss-consent{
display: block !important;
}
.ss-consent-label{
margin: 0 !important;
display: grid !important;
grid-template-columns: 20px minmax(0, 1fr) !important;
gap: 10px !important;
align-items: start !important;
color: #14205d !important;
font: inherit !important;
cursor: pointer !important;
}
.ss-consent-label > input{
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
opacity: 0 !important;
}
.ss-consent-box{
width: 18px !important;
height: 18px !important;
margin-top: 1px !important;
position: relative !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border: 2px solid #94add0 !important;
border-radius: 4px !important;
color: #fff !important;
background: #fff !important;
box-shadow: none !important;
transition: border-color .18s ease, background .18s ease, box-shadow .18s ease !important;
}
.ss-consent-box > .fa{
display: none !important;
}
.ss-consent-label > input:checked + .ss-consent-box{
border-color: #0b86ed !important;
background: #0b86ed !important;
box-shadow: 0 2px 5px rgba(11,134,237,.23) !important;
}
.ss-consent-label > input:checked + .ss-consent-box > .fa{
display: block !important;
}
.ss-consent-label > input:focus-visible + .ss-consent-box{
outline: 3px solid rgba(11,134,237,.22) !important;
outline-offset: 2px !important;
}
.ss-consent.ss-consent-invalid .ss-consent-box{
border-color: #e62929 !important;
}
.ss-consent-error{
min-height: 16px !important;
margin: 5px 0 0 30px !important;
display: block !important;
color: #e62929 !important;
font-size: 12px !important;
font-weight: 500 !important;
line-height: 1.3 !important;
}
.ss-registration-card #avantiForm.ss-disabled{
opacity: .58 !important;
cursor: not-allowed !important;
filter: grayscale(.08) !important;
box-shadow: none !important;
transform: none !important;
}
.ss-trust-strip{
padding-top: 16px !important;
}

@media (max-width: 679px) {.ss-consent-error{
margin-left: 28px !important;
}}
.checkout-page{
padding: 145px 0 55px;
background: #fff
}
.checkout-container{
max-width: 1360px !important;
width: calc(100% - 48px) !important
}
.checkout-page *{
box-sizing: border-box
}
.checkout-status{
display: flex;
align-items: center;
gap: 14px;
padding: 17px 24px;
margin: 0 0 20px;
border-radius: 10px;
background: linear-gradient(90deg,#eef7ff,#f7fbff);
color: var(--ss-dark);
font: 500 15px/1.5 Montserrat,Arial,sans-serif
}
.checkout-status__icon{
width: 31px;
height: 31px;
display: grid;
place-items: center;
color: var(--ss-blue);
font-size: 23px
}
.checkout-grid{
display: grid;
grid-template-columns: minmax(0,1.02fr) minmax(520px,.98fr);
gap: 28px;
align-items: start
}
.checkout-card{
background: #fff;
border: 1px solid var(--ss-border);
border-radius: 14px;
box-shadow: 0 8px 28px rgba(15,53,92,.07)
}
.billing-card{
padding: 28px
}
.checkout-card__title{
display: flex;
align-items: center;
gap: 13px;
margin-bottom: 25px
}
.checkout-card__title h1{
font: 700 21px/1.2 Montserrat,Arial,sans-serif;
color: var(--ss-dark);
margin: 0
}
.title-icon{
width: 42px;
height: 42px;
border-radius: 50%;
display: grid;
place-items: center;
background: var(--ss-blue);
color: #fff;
font-size: 20px
}
.title-icon.pale{
background: #e8f7ff;
color: var(--ss-cyan);
flex: 0 0 auto
}
.checkout-field{
margin-bottom: 18px
}
.checkout-field label{
display: block;
margin: 0 0 8px;
color: #173269;
font: 500 13px/1.3 Montserrat,Arial,sans-serif
}
.checkout-page input.form-control{
height: 48px !important;
border: 1px solid #d7e0eb !important;
border-radius: 7px !important;
padding: 0 15px !important;
font: 400 14px Montserrat,Arial,sans-serif !important;
box-shadow: none !important
}
.checkout-page input.form-control:focus{
border-color: var(--ss-cyan) !important;
box-shadow: 0 0 0 3px rgba(42,168,218,.1) !important
}
.field-grid{
display: grid;
gap: 18px
}
.field-grid.two{
grid-template-columns: 1fr 1fr
}
.city-grid{
grid-template-columns: 1.3fr .9fr .72fr
}
.fiscal-grid{
grid-template-columns: .9fr 1fr .92fr
}
.security-strip{
display: flex;
align-items: center;
gap: 15px;
margin-top: 18px;
padding: 16px 18px;
border: 1px solid #cfe8ff;
border-radius: 9px;
background: #f2f9ff;
color: var(--ss-dark)
}
.security-strip > span{
font-size: 26px;
color: var(--ss-blue)
}
.security-strip strong,.security-strip small{
display: block
}
.security-strip strong{
font: 700 13px Montserrat
}
.security-strip small{
margin-top: 4px;
color: #70809b;
font: 400 11px Montserrat
}
.trust-grid{
display: grid;
grid-template-columns: 225px 1fr;
gap: 22px;
margin-top: 22px
}
.trust-card{
min-height: 125px;
border: 1px solid var(--ss-border);
border-radius: 11px;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 5px 18px rgba(15,53,92,.04)
}
.google-card{
flex-direction: column;
color: var(--ss-dark);
font-family: Montserrat
}
.google-word{
font-size: 25px;
font-weight: 600;
letter-spacing: -2px
}
.google-word span:nth-child(1),.google-word span:nth-child(4){
color: #4285f4
}
.google-word span:nth-child(2),.google-word span:nth-child(6){
color: #ea4335
}
.google-word span:nth-child(3){
color: #fbbc05
}
.google-word span:nth-child(5){
color: #34a853
}
.google-card strong{
font-size: 16px
}
.stars{
color: #f6b600;
font-size: 19px;
letter-spacing: 2px;
margin: 5px 0
}
.google-card > span{
font-size: 13px;
font-weight: 600
}
.guarantee-card{
justify-content: flex-start;
padding: 18px 25px;
gap: 20px;
border-color: #bfe4c8;
background: linear-gradient(90deg,#fff,#f8fffa)
}
.guarantee-seal{
width: 120px;
height: 120px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
flex: 0 0 auto
}
.guarantee-seal b{
font-size: 25px
}
.guarantee-seal span{
font-size: 11px;
font-weight: 700;
padding: 3px 6px
}
.guarantee-seal small{
font-size: 9px;
font-weight: 700
}
.guarantee-card > div:last-child strong{
color: #229d3d;
font: 700 16px Montserrat
}
.guarantee-card p{
font: 400 13px/1.5 Montserrat;
color: #61708d;
margin-top: 8px
}
.checkout-right{
display: grid;
gap: 14px
}
.promo-card{
display: flex;
align-items: center;
gap: 25px;
padding: 21px 28px;
border: 1px solid #ff9bc0;
border-radius: 13px;
background: linear-gradient(110deg,#fff9fb,#fff0f6);
box-shadow: 0 8px 24px rgba(255,63,132,.07)
}
.promo-icon{
width: 84px;
height: 84px;
border-radius: 50%;
background: #fff;
display: grid;
place-items: center;
color: var(--ss-pink);
font-size: 38px;
border: 8px solid rgba(255,255,255,.6);
box-shadow: 0 0 0 1px #ffd1e2;
flex: 0 0 auto
}
.eyebrow{
font: 700 12px Montserrat;
color: var(--ss-pink)
}
.promo-card h2{
margin: 4px 0 6px;
font: 700 26px/1.2 Montserrat;
color: #1266c5
}
.promo-card h2 strong{
color: var(--ss-pink)
}
.promo-card p{
font: 500 14px Montserrat;
color: #4f6485
}
.plan-card{
padding: 20px 24px
}
.plan-head{
display: flex;
justify-content: space-between;
gap: 20px;
align-items: flex-start;
padding-bottom: 14px;
border-bottom: 1px solid #e6ecf3
}
.plan-name-wrap{
display: flex;
gap: 16px;
align-items: flex-start
}
.plan-name-wrap h2{
margin: 0;
color: var(--ss-dark);
font: 700 28px Montserrat
}
.plan-name-wrap p{
max-width: 330px;
margin: 4px 0 0;
color: #526581;
font: 400 13px/1.45 Montserrat
}
.plan-price{
text-align: right;
display: grid;
grid-template-columns: auto auto;
align-items: end;
color: var(--ss-cyan);
line-height: 1
}
.plan-price strong{
font: 500 48px Montserrat
}
.plan-price sup{
font-size: 20px
}
.plan-price > span{
font: 500 16px Montserrat;
margin-bottom: 8px
}
.plan-price small{
grid-column: 1/3;
color: #60718d;
font: 400 12px Montserrat;
margin-top: 6px
}
.plan-features{
display: grid;
gap: 10px;
padding-top: 15px;
color: #22375e;
font: 500 13px Montserrat
}
.plan-features span i{
width: 19px;
height: 19px;
border-radius: 50%;
display: inline-grid;
place-items: center;
background: var(--ss-cyan);
color: #fff;
font-size: 10px;
margin-right: 9px
}
.plan-features .highlight{
color: var(--ss-pink);
font-weight: 700
}
.plan-features .highlight i{
background: var(--ss-pink)
}
.summary-card{
padding: 18px 22px
}
.summary-card h3,.payment-card h3,.renewal-card h3{
margin: 0 0 13px;
color: var(--ss-dark);
font: 700 16px Montserrat
}
.summary-row,.summary-total{
display: flex;
justify-content: space-between;
color: #405578;
font: 400 14px Montserrat;
padding: 4px 0
}
.summary-total{
margin-top: 9px;
padding-top: 11px;
border-top: 1px solid #e3eaf2;
color: var(--ss-dark);
font-size: 18px
}
.after-promo{
color: #617493 !important;
font: 400 12px Montserrat !important;
margin: 6px 0 12px !important
}
.cart-saldo{
padding: 9px;
background: #f4f8fc;
border-radius: 8px;
margin:5px 0
}
.coupon-box{
display: grid;
grid-template-columns: auto 1fr auto;
align-items: center;
gap: 10px;
padding: 9px;
background: #f4f8fc;
border-radius: 8px
}
.coupon-box label{
margin: 0;
color: #263d66;
font: 600 12px Montserrat;
white-space: nowrap
}
.coupon-box input.form-control{
height: 39px !important
}
.coupon-box .primary-button{
min-width: 85px;
line-height:26px;
height: 39px;
margin: 0;
border-radius: 6px;
font-size: 11px
}
.coupon-box .help-block,.coupon-box .loading-coupon,.coupon-box .couponNoValido{
grid-column: 1/-1;
margin: 0
}
.payment-grid{
display: grid;
grid-template-columns: 1.45fr 1fr;
gap: 12px
}
.payment-card,.renewal-card{
padding: 15px
}
.payment-option{
min-height: 54px !important;
border: 1px solid #d5dfeb !important;
border-radius: 7px !important;
background: #fff !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
width: 100% !important;
padding: 8px 13px !important;
margin: 0 0 8px !important;
opacity: 1 !important;
cursor: pointer !important
}
.payment-option.active{
border-color: #2c83ea !important;
box-shadow: 0 0 0 1px #2c83ea inset
}
.payment-option img{
max-width: 260px !important;
width: 82% !important;
height: auto
}
.radio-dot{
width: 18px;
height: 18px;
border-radius: 50%;
border: 2px solid #2c83ea;
margin-right: 16px;
position: relative;
flex: 0 0 auto
}
.radio-dot:after{
content: "";
position: absolute;
inset: 3px;
border-radius: 50%;
background: #2c83ea
}
.paga-bonifico.payment-option{
gap: 12px;
color: #293d67;
text-align: left
}
.paga-bonifico.payment-option i{
font-size: 20px
}
.paga-bonifico.payment-option strong,.paga-bonifico.payment-option small{
display: block;
font-family: Montserrat
}
.paga-bonifico.payment-option strong{
font-size: 12px;
text-transform: uppercase
}
.paga-bonifico.payment-option small{
font-size: 10px;
color: #75839a
}
.renewal-card p{
font: 400 13px/1.45 Montserrat;
color: #687b96;
margin: 0 0 12px
}
.renewal-card h3 i{
font-size: 13px;
color: var(--ss-blue);
cursor: pointer
}
.renewal-switch-row{
display: flex;
align-items: center;
gap: 12px;
margin: 10px 0
}
.renewal-status{
font: 500 12px Montserrat;
color: #31476d
}
.renewal-card > small{
font: 400 10px/1.4 Montserrat;
color: #77869d
}
.switch{
position: relative;
display: inline-block;
width: 51px;
height: 29px;
margin: 0
}
.switch input{
opacity: 0;
width: 0;
height: 0
}
.slider{
position: absolute;
cursor: pointer;
inset: 0;
background: #c7ccd4;
transition: .25s;
border-radius: 20px
}
.slider:before{
content: "";
position: absolute;
width: 23px;
height: 23px;
left: 3px;
bottom: 3px;
background: #fff;
border-radius: 50%;
box-shadow: 0 1px 4px rgba(0,0,0,.25);
transition: .25s
}
.switch input:checked + .slider{
background: #20b94b
}
.switch input:checked + .slider:before{
transform: translateX(22px)
}
.info-autorinnovo{
margin-top: 12px;
padding: 12px;
border-radius: 7px;
background: #f3f7fb
}
.checkout-pay-btn{
width: 100%;
height: 48px;
border: 0;
border-radius: 8px;
background: linear-gradient(90deg,#0874e4,#0863c8);
color: #fff;
text-transform: uppercase;
font: 700 13px Montserrat;
box-shadow: 0 8px 18px rgba(8,99,200,.18);
transition: .2s
}
.checkout-pay-btn:hover{
transform: translateY(-1px);
filter: brightness(1.04)
}
.checkout-pay-btn i{
margin-right: 10px
}
.amazon-wrap{
text-align: center;
color: #66758d;
font: 400 11px Montserrat
}
.amazon-wrap > span{
display: block;
margin-bottom: 7px
}
.amazon-wrap #AmazonPayButton{
max-width: 275px;
margin: auto
}
.checkout-page .help-block{
font-size: 11px
}
.checkout-page .loading{
border-radius: 14px
}
.checkout-page .cart-row{
background: transparent;
padding: 0;
margin: 0
}
.checkout-page .page ul li:before{
display: none
}

@media(max-width:1100px) {.checkout-grid{
grid-template-columns: 1fr
}
.checkout-right{
order: 1
}
.checkout-left{
order: 2
}
.trust-grid{
grid-template-columns: 1fr 1.5fr
}}

@media(max-width:700px) {.checkout-page{
padding-top: 120px
}
.checkout-container{
width: calc(100% - 24px) !important
}
.checkout-status{
align-items: flex-start;
padding: 14px;
font-size: 13px
}
.billing-card{
padding: 20px
}
.field-grid.two,.city-grid,.fiscal-grid,.payment-grid,.trust-grid{
grid-template-columns: 1fr
}
.promo-card{
padding: 18px;
gap: 15px
}
.promo-icon{
width: 60px;
height: 60px;
font-size: 27px
}
.promo-card h2{
font-size: 21px
}
.plan-head{
flex-direction: column
}
.plan-price{
text-align: left
}
.coupon-box{
grid-template-columns: 1fr
}
.coupon-box label,.coupon-box .primary-button{
width: 100%
}
.guarantee-card{
padding: 16px
}
.checkout-card__title h1{
font-size: 19px
}}

@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}
.fa-2x{font-size:2em}
.fa-3x{font-size:3em}
.fa-4x{font-size:4em}
.fa-5x{font-size:5em}
.fa-fw{width:1.28571429em;text-align:center}
.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}
.fa-ul>li{position:relative}
.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}
.fa-li.fa-lg{left:-1.85714286em}
.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}
.fa-pull-left{float:left}
.fa-pull-right{float:right}
.fa.fa-pull-left{margin-right:.3em}
.fa.fa-pull-right{margin-left:.3em}
.pull-right{float:right}
.pull-left{float:left}
.fa.pull-left{margin-right:.3em}
.fa.pull-right{margin-left:.3em}
.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}
.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}
@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}
.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}
.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}
:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}
.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}
.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}
.fa-stack-1x{line-height:inherit}
.fa-stack-2x{font-size:2em}
.fa-inverse{color:#fff}
.fa-glass:before{content:"\f000"}
.fa-music:before{content:"\f001"}
.fa-search:before{content:"\f002"}
.fa-envelope-o:before{content:"\f003"}
.fa-heart:before{content:"\f004"}
.fa-star:before{content:"\f005"}
.fa-star-o:before{content:"\f006"}
.fa-user:before{content:"\f007"}
.fa-film:before{content:"\f008"}
.fa-th-large:before{content:"\f009"}
.fa-th:before{content:"\f00a"}
.fa-th-list:before{content:"\f00b"}
.fa-check:before{content:"\f00c"}
.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}
.fa-search-plus:before{content:"\f00e"}
.fa-search-minus:before{content:"\f010"}
.fa-power-off:before{content:"\f011"}
.fa-signal:before{content:"\f012"}
.fa-gear:before,.fa-cog:before{content:"\f013"}
.fa-trash-o:before{content:"\f014"}
.fa-home:before{content:"\f015"}
.fa-file-o:before{content:"\f016"}
.fa-clock-o:before{content:"\f017"}
.fa-road:before{content:"\f018"}
.fa-download:before{content:"\f019"}
.fa-arrow-circle-o-down:before{content:"\f01a"}
.fa-arrow-circle-o-up:before{content:"\f01b"}
.fa-inbox:before{content:"\f01c"}
.fa-play-circle-o:before{content:"\f01d"}
.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}
.fa-refresh:before{content:"\f021"}
.fa-list-alt:before{content:"\f022"}
.fa-lock:before{content:"\f023"}
.fa-flag:before{content:"\f024"}
.fa-headphones:before{content:"\f025"}
.fa-volume-off:before{content:"\f026"}
.fa-volume-down:before{content:"\f027"}
.fa-volume-up:before{content:"\f028"}
.fa-qrcode:before{content:"\f029"}
.fa-barcode:before{content:"\f02a"}
.fa-tag:before{content:"\f02b"}
.fa-tags:before{content:"\f02c"}
.fa-book:before{content:"\f02d"}
.fa-bookmark:before{content:"\f02e"}
.fa-print:before{content:"\f02f"}
.fa-camera:before{content:"\f030"}
.fa-font:before{content:"\f031"}
.fa-bold:before{content:"\f032"}
.fa-italic:before{content:"\f033"}
.fa-text-height:before{content:"\f034"}
.fa-text-width:before{content:"\f035"}
.fa-align-left:before{content:"\f036"}
.fa-align-center:before{content:"\f037"}
.fa-align-right:before{content:"\f038"}
.fa-align-justify:before{content:"\f039"}
.fa-list:before{content:"\f03a"}
.fa-dedent:before,.fa-outdent:before{content:"\f03b"}
.fa-indent:before{content:"\f03c"}
.fa-video-camera:before{content:"\f03d"}
.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}
.fa-pencil:before{content:"\f040"}
.fa-map-marker:before{content:"\f041"}
.fa-adjust:before{content:"\f042"}
.fa-tint:before{content:"\f043"}
.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}
.fa-share-square-o:before{content:"\f045"}
.fa-check-square-o:before{content:"\f046"}
.fa-arrows:before{content:"\f047"}
.fa-step-backward:before{content:"\f048"}
.fa-fast-backward:before{content:"\f049"}
.fa-backward:before{content:"\f04a"}
.fa-play:before{content:"\f04b"}
.fa-pause:before{content:"\f04c"}
.fa-stop:before{content:"\f04d"}
.fa-forward:before{content:"\f04e"}
.fa-fast-forward:before{content:"\f050"}
.fa-step-forward:before{content:"\f051"}
.fa-eject:before{content:"\f052"}
.fa-chevron-left:before{content:"\f053"}
.fa-chevron-right:before{content:"\f054"}
.fa-plus-circle:before{content:"\f055"}
.fa-minus-circle:before{content:"\f056"}
.fa-times-circle:before{content:"\f057"}
.fa-check-circle:before{content:"\f058"}
.fa-question-circle:before{content:"\f059"}
.fa-info-circle:before{content:"\f05a"}
.fa-crosshairs:before{content:"\f05b"}
.fa-times-circle-o:before{content:"\f05c"}
.fa-check-circle-o:before{content:"\f05d"}
.fa-ban:before{content:"\f05e"}
.fa-arrow-left:before{content:"\f060"}
.fa-arrow-right:before{content:"\f061"}
.fa-arrow-up:before{content:"\f062"}
.fa-arrow-down:before{content:"\f063"}
.fa-mail-forward:before,.fa-share:before{content:"\f064"}
.fa-expand:before{content:"\f065"}
.fa-compress:before{content:"\f066"}
.fa-plus:before{content:"\f067"}
.fa-minus:before{content:"\f068"}
.fa-asterisk:before{content:"\f069"}
.fa-exclamation-circle:before{content:"\f06a"}
.fa-gift:before{content:"\f06b"}
.fa-leaf:before{content:"\f06c"}
.fa-fire:before{content:"\f06d"}
.fa-eye:before{content:"\f06e"}
.fa-eye-slash:before{content:"\f070"}
.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}
.fa-plane:before{content:"\f072"}
.fa-calendar:before{content:"\f073"}
.fa-random:before{content:"\f074"}
.fa-comment:before{content:"\f075"}
.fa-magnet:before{content:"\f076"}
.fa-chevron-up:before{content:"\f077"}
.fa-chevron-down:before{content:"\f078"}
.fa-retweet:before{content:"\f079"}
.fa-shopping-cart:before{content:"\f07a"}
.fa-folder:before{content:"\f07b"}
.fa-folder-open:before{content:"\f07c"}
.fa-arrows-v:before{content:"\f07d"}
.fa-arrows-h:before{content:"\f07e"}
.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}
.fa-twitter-square:before{content:"\f081"}
.fa-facebook-square:before{content:"\f082"}
.fa-camera-retro:before{content:"\f083"}
.fa-key:before{content:"\f084"}
.fa-gears:before,.fa-cogs:before{content:"\f085"}
.fa-comments:before{content:"\f086"}
.fa-thumbs-o-up:before{content:"\f087"}
.fa-thumbs-o-down:before{content:"\f088"}
.fa-star-half:before{content:"\f089"}
.fa-heart-o:before{content:"\f08a"}
.fa-sign-out:before{content:"\f08b"}
.fa-linkedin-square:before{content:"\f08c"}
.fa-thumb-tack:before{content:"\f08d"}
.fa-external-link:before{content:"\f08e"}
.fa-sign-in:before{content:"\f090"}
.fa-trophy:before{content:"\f091"}
.fa-github-square:before{content:"\f092"}
.fa-upload:before{content:"\f093"}
.fa-lemon-o:before{content:"\f094"}
.fa-phone:before{content:"\f095"}
.fa-square-o:before{content:"\f096"}
.fa-bookmark-o:before{content:"\f097"}
.fa-phone-square:before{content:"\f098"}
.fa-twitter:before{content:"\f099"}
.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}
.fa-github:before{content:"\f09b"}
.fa-unlock:before{content:"\f09c"}
.fa-credit-card:before{content:"\f09d"}
.fa-feed:before,.fa-rss:before{content:"\f09e"}
.fa-hdd-o:before{content:"\f0a0"}
.fa-bullhorn:before{content:"\f0a1"}
.fa-bell:before{content:"\f0f3"}
.fa-certificate:before{content:"\f0a3"}
.fa-hand-o-right:before{content:"\f0a4"}
.fa-hand-o-left:before{content:"\f0a5"}
.fa-hand-o-up:before{content:"\f0a6"}
.fa-hand-o-down:before{content:"\f0a7"}
.fa-arrow-circle-left:before{content:"\f0a8"}
.fa-arrow-circle-right:before{content:"\f0a9"}
.fa-arrow-circle-up:before{content:"\f0aa"}
.fa-arrow-circle-down:before{content:"\f0ab"}
.fa-globe:before{content:"\f0ac"}
.fa-wrench:before{content:"\f0ad"}
.fa-tasks:before{content:"\f0ae"}
.fa-filter:before{content:"\f0b0"}
.fa-briefcase:before{content:"\f0b1"}
.fa-arrows-alt:before{content:"\f0b2"}
.fa-group:before,.fa-users:before{content:"\f0c0"}
.fa-chain:before,.fa-link:before{content:"\f0c1"}
.fa-cloud:before{content:"\f0c2"}
.fa-flask:before{content:"\f0c3"}
.fa-cut:before,.fa-scissors:before{content:"\f0c4"}
.fa-copy:before,.fa-files-o:before{content:"\f0c5"}
.fa-paperclip:before{content:"\f0c6"}
.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}
.fa-square:before{content:"\f0c8"}
.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}
.fa-list-ul:before{content:"\f0ca"}
.fa-list-ol:before{content:"\f0cb"}
.fa-strikethrough:before{content:"\f0cc"}
.fa-underline:before{content:"\f0cd"}
.fa-table:before{content:"\f0ce"}
.fa-magic:before{content:"\f0d0"}
.fa-truck:before{content:"\f0d1"}
.fa-pinterest:before{content:"\f0d2"}
.fa-pinterest-square:before{content:"\f0d3"}
.fa-google-plus-square:before{content:"\f0d4"}
.fa-google-plus:before{content:"\f0d5"}
.fa-money:before{content:"\f0d6"}
.fa-caret-down:before{content:"\f0d7"}
.fa-caret-up:before{content:"\f0d8"}
.fa-caret-left:before{content:"\f0d9"}
.fa-caret-right:before{content:"\f0da"}
.fa-columns:before{content:"\f0db"}
.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}
.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}
.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}
.fa-envelope:before{content:"\f0e0"}
.fa-linkedin:before{content:"\f0e1"}
.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}
.fa-legal:before,.fa-gavel:before{content:"\f0e3"}
.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}
.fa-comment-o:before{content:"\f0e5"}
.fa-comments-o:before{content:"\f0e6"}
.fa-flash:before,.fa-bolt:before{content:"\f0e7"}
.fa-sitemap:before{content:"\f0e8"}
.fa-umbrella:before{content:"\f0e9"}
.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}
.fa-lightbulb-o:before{content:"\f0eb"}
.fa-exchange:before{content:"\f0ec"}
.fa-cloud-download:before{content:"\f0ed"}
.fa-cloud-upload:before{content:"\f0ee"}
.fa-user-md:before{content:"\f0f0"}
.fa-stethoscope:before{content:"\f0f1"}
.fa-suitcase:before{content:"\f0f2"}
.fa-bell-o:before{content:"\f0a2"}
.fa-coffee:before{content:"\f0f4"}
.fa-cutlery:before{content:"\f0f5"}
.fa-file-text-o:before{content:"\f0f6"}
.fa-building-o:before{content:"\f0f7"}
.fa-hospital-o:before{content:"\f0f8"}
.fa-ambulance:before{content:"\f0f9"}
.fa-medkit:before{content:"\f0fa"}
.fa-fighter-jet:before{content:"\f0fb"}
.fa-beer:before{content:"\f0fc"}
.fa-h-square:before{content:"\f0fd"}
.fa-plus-square:before{content:"\f0fe"}
.fa-angle-double-left:before{content:"\f100"}
.fa-angle-double-right:before{content:"\f101"}
.fa-angle-double-up:before{content:"\f102"}
.fa-angle-double-down:before{content:"\f103"}
.fa-angle-left:before{content:"\f104"}
.fa-angle-right:before{content:"\f105"}
.fa-angle-up:before{content:"\f106"}
.fa-angle-down:before{content:"\f107"}
.fa-desktop:before{content:"\f108"}
.fa-laptop:before{content:"\f109"}
.fa-tablet:before{content:"\f10a"}
.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}
.fa-circle-o:before{content:"\f10c"}
.fa-quote-left:before{content:"\f10d"}
.fa-quote-right:before{content:"\f10e"}
.fa-spinner:before{content:"\f110"}
.fa-circle:before{content:"\f111"}
.fa-mail-reply:before,.fa-reply:before{content:"\f112"}
.fa-github-alt:before{content:"\f113"}
.fa-folder-o:before{content:"\f114"}
.fa-folder-open-o:before{content:"\f115"}
.fa-smile-o:before{content:"\f118"}
.fa-frown-o:before{content:"\f119"}
.fa-meh-o:before{content:"\f11a"}
.fa-gamepad:before{content:"\f11b"}
.fa-keyboard-o:before{content:"\f11c"}
.fa-flag-o:before{content:"\f11d"}
.fa-flag-checkered:before{content:"\f11e"}
.fa-terminal:before{content:"\f120"}
.fa-code:before{content:"\f121"}
.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}
.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}
.fa-location-arrow:before{content:"\f124"}
.fa-crop:before{content:"\f125"}
.fa-code-fork:before{content:"\f126"}
.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}
.fa-question:before{content:"\f128"}
.fa-info:before{content:"\f129"}
.fa-exclamation:before{content:"\f12a"}
.fa-superscript:before{content:"\f12b"}
.fa-subscript:before{content:"\f12c"}
.fa-eraser:before{content:"\f12d"}
.fa-puzzle-piece:before{content:"\f12e"}
.fa-microphone:before{content:"\f130"}
.fa-microphone-slash:before{content:"\f131"}
.fa-shield:before{content:"\f132"}
.fa-calendar-o:before{content:"\f133"}
.fa-fire-extinguisher:before{content:"\f134"}
.fa-rocket:before{content:"\f135"}
.fa-maxcdn:before{content:"\f136"}
.fa-chevron-circle-left:before{content:"\f137"}
.fa-chevron-circle-right:before{content:"\f138"}
.fa-chevron-circle-up:before{content:"\f139"}
.fa-chevron-circle-down:before{content:"\f13a"}
.fa-html5:before{content:"\f13b"}
.fa-css3:before{content:"\f13c"}
.fa-anchor:before{content:"\f13d"}
.fa-unlock-alt:before{content:"\f13e"}
.fa-bullseye:before{content:"\f140"}
.fa-ellipsis-h:before{content:"\f141"}
.fa-ellipsis-v:before{content:"\f142"}
.fa-rss-square:before{content:"\f143"}
.fa-play-circle:before{content:"\f144"}
.fa-ticket:before{content:"\f145"}
.fa-minus-square:before{content:"\f146"}
.fa-minus-square-o:before{content:"\f147"}
.fa-level-up:before{content:"\f148"}
.fa-level-down:before{content:"\f149"}
.fa-check-square:before{content:"\f14a"}
.fa-pencil-square:before{content:"\f14b"}
.fa-external-link-square:before{content:"\f14c"}
.fa-share-square:before{content:"\f14d"}
.fa-compass:before{content:"\f14e"}
.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}
.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}
.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}
.fa-euro:before,.fa-eur:before{content:"\f153"}
.fa-gbp:before{content:"\f154"}
.fa-dollar:before,.fa-usd:before{content:"\f155"}
.fa-rupee:before,.fa-inr:before{content:"\f156"}
.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}
.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}
.fa-won:before,.fa-krw:before{content:"\f159"}
.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}
.fa-file:before{content:"\f15b"}
.fa-file-text:before{content:"\f15c"}
.fa-sort-alpha-asc:before{content:"\f15d"}
.fa-sort-alpha-desc:before{content:"\f15e"}
.fa-sort-amount-asc:before{content:"\f160"}
.fa-sort-amount-desc:before{content:"\f161"}
.fa-sort-numeric-asc:before{content:"\f162"}
.fa-sort-numeric-desc:before{content:"\f163"}
.fa-thumbs-up:before{content:"\f164"}
.fa-thumbs-down:before{content:"\f165"}
.fa-youtube-square:before{content:"\f166"}
.fa-youtube:before{content:"\f167"}
.fa-xing:before{content:"\f168"}
.fa-xing-square:before{content:"\f169"}
.fa-youtube-play:before{content:"\f16a"}
.fa-dropbox:before{content:"\f16b"}
.fa-stack-overflow:before{content:"\f16c"}
.fa-instagram:before{content:"\f16d"}
.fa-flickr:before{content:"\f16e"}
.fa-adn:before{content:"\f170"}
.fa-bitbucket:before{content:"\f171"}
.fa-bitbucket-square:before{content:"\f172"}
.fa-tumblr:before{content:"\f173"}
.fa-tumblr-square:before{content:"\f174"}
.fa-long-arrow-down:before{content:"\f175"}
.fa-long-arrow-up:before{content:"\f176"}
.fa-long-arrow-left:before{content:"\f177"}
.fa-long-arrow-right:before{content:"\f178"}
.fa-apple:before{content:"\f179"}
.fa-windows:before{content:"\f17a"}
.fa-android:before{content:"\f17b"}
.fa-linux:before{content:"\f17c"}
.fa-dribbble:before{content:"\f17d"}
.fa-skype:before{content:"\f17e"}
.fa-foursquare:before{content:"\f180"}
.fa-trello:before{content:"\f181"}
.fa-female:before{content:"\f182"}
.fa-male:before{content:"\f183"}
.fa-gittip:before,.fa-gratipay:before{content:"\f184"}
.fa-sun-o:before{content:"\f185"}
.fa-moon-o:before{content:"\f186"}
.fa-archive:before{content:"\f187"}
.fa-bug:before{content:"\f188"}
.fa-vk:before{content:"\f189"}
.fa-weibo:before{content:"\f18a"}
.fa-renren:before{content:"\f18b"}
.fa-pagelines:before{content:"\f18c"}
.fa-stack-exchange:before{content:"\f18d"}
.fa-arrow-circle-o-right:before{content:"\f18e"}
.fa-arrow-circle-o-left:before{content:"\f190"}
.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}
.fa-dot-circle-o:before{content:"\f192"}
.fa-wheelchair:before{content:"\f193"}
.fa-vimeo-square:before{content:"\f194"}
.fa-turkish-lira:before,.fa-try:before{content:"\f195"}
.fa-plus-square-o:before{content:"\f196"}
.fa-space-shuttle:before{content:"\f197"}
.fa-slack:before{content:"\f198"}
.fa-envelope-square:before{content:"\f199"}
.fa-wordpress:before{content:"\f19a"}
.fa-openid:before{content:"\f19b"}
.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}
.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}
.fa-yahoo:before{content:"\f19e"}
.fa-google:before{content:"\f1a0"}
.fa-reddit:before{content:"\f1a1"}
.fa-reddit-square:before{content:"\f1a2"}
.fa-stumbleupon-circle:before{content:"\f1a3"}
.fa-stumbleupon:before{content:"\f1a4"}
.fa-delicious:before{content:"\f1a5"}
.fa-digg:before{content:"\f1a6"}
.fa-pied-piper-pp:before{content:"\f1a7"}
.fa-pied-piper-alt:before{content:"\f1a8"}
.fa-drupal:before{content:"\f1a9"}
.fa-joomla:before{content:"\f1aa"}
.fa-language:before{content:"\f1ab"}
.fa-fax:before{content:"\f1ac"}
.fa-building:before{content:"\f1ad"}
.fa-child:before{content:"\f1ae"}
.fa-paw:before{content:"\f1b0"}
.fa-spoon:before{content:"\f1b1"}
.fa-cube:before{content:"\f1b2"}
.fa-cubes:before{content:"\f1b3"}
.fa-behance:before{content:"\f1b4"}
.fa-behance-square:before{content:"\f1b5"}
.fa-steam:before{content:"\f1b6"}
.fa-steam-square:before{content:"\f1b7"}
.fa-recycle:before{content:"\f1b8"}
.fa-automobile:before,.fa-car:before{content:"\f1b9"}
.fa-cab:before,.fa-taxi:before{content:"\f1ba"}
.fa-tree:before{content:"\f1bb"}
.fa-spotify:before{content:"\f1bc"}
.fa-deviantart:before{content:"\f1bd"}
.fa-soundcloud:before{content:"\f1be"}
.fa-database:before{content:"\f1c0"}
.fa-file-pdf-o:before{content:"\f1c1"}
.fa-file-word-o:before{content:"\f1c2"}
.fa-file-excel-o:before{content:"\f1c3"}
.fa-file-powerpoint-o:before{content:"\f1c4"}
.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}
.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}
.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}
.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}
.fa-file-code-o:before{content:"\f1c9"}
.fa-vine:before{content:"\f1ca"}
.fa-codepen:before{content:"\f1cb"}
.fa-jsfiddle:before{content:"\f1cc"}
.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}
.fa-circle-o-notch:before{content:"\f1ce"}
.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}
.fa-ge:before,.fa-empire:before{content:"\f1d1"}
.fa-git-square:before{content:"\f1d2"}
.fa-git:before{content:"\f1d3"}
.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}
.fa-tencent-weibo:before{content:"\f1d5"}
.fa-qq:before{content:"\f1d6"}
.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}
.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}
.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}
.fa-history:before{content:"\f1da"}
.fa-circle-thin:before{content:"\f1db"}
.fa-header:before{content:"\f1dc"}
.fa-paragraph:before{content:"\f1dd"}
.fa-sliders:before{content:"\f1de"}
.fa-share-alt:before{content:"\f1e0"}
.fa-share-alt-square:before{content:"\f1e1"}
.fa-bomb:before{content:"\f1e2"}
.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}
.fa-tty:before{content:"\f1e4"}
.fa-binoculars:before{content:"\f1e5"}
.fa-plug:before{content:"\f1e6"}
.fa-slideshare:before{content:"\f1e7"}
.fa-twitch:before{content:"\f1e8"}
.fa-yelp:before{content:"\f1e9"}
.fa-newspaper-o:before{content:"\f1ea"}
.fa-wifi:before{content:"\f1eb"}
.fa-calculator:before{content:"\f1ec"}
.fa-paypal:before{content:"\f1ed"}
.fa-google-wallet:before{content:"\f1ee"}
.fa-cc-visa:before{content:"\f1f0"}
.fa-cc-mastercard:before{content:"\f1f1"}
.fa-cc-discover:before{content:"\f1f2"}
.fa-cc-amex:before{content:"\f1f3"}
.fa-cc-paypal:before{content:"\f1f4"}
.fa-cc-stripe:before{content:"\f1f5"}
.fa-bell-slash:before{content:"\f1f6"}
.fa-bell-slash-o:before{content:"\f1f7"}
.fa-trash:before{content:"\f1f8"}
.fa-copyright:before{content:"\f1f9"}
.fa-at:before{content:"\f1fa"}
.fa-eyedropper:before{content:"\f1fb"}
.fa-paint-brush:before{content:"\f1fc"}
.fa-birthday-cake:before{content:"\f1fd"}
.fa-area-chart:before{content:"\f1fe"}
.fa-pie-chart:before{content:"\f200"}
.fa-line-chart:before{content:"\f201"}
.fa-lastfm:before{content:"\f202"}
.fa-lastfm-square:before{content:"\f203"}
.fa-toggle-off:before{content:"\f204"}
.fa-toggle-on:before{content:"\f205"}
.fa-bicycle:before{content:"\f206"}
.fa-bus:before{content:"\f207"}
.fa-ioxhost:before{content:"\f208"}
.fa-angellist:before{content:"\f209"}
.fa-cc:before{content:"\f20a"}
.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}
.fa-meanpath:before{content:"\f20c"}
.fa-buysellads:before{content:"\f20d"}
.fa-connectdevelop:before{content:"\f20e"}
.fa-dashcube:before{content:"\f210"}
.fa-forumbee:before{content:"\f211"}
.fa-leanpub:before{content:"\f212"}
.fa-sellsy:before{content:"\f213"}
.fa-shirtsinbulk:before{content:"\f214"}
.fa-simplybuilt:before{content:"\f215"}
.fa-skyatlas:before{content:"\f216"}
.fa-cart-plus:before{content:"\f217"}
.fa-cart-arrow-down:before{content:"\f218"}
.fa-diamond:before{content:"\f219"}
.fa-ship:before{content:"\f21a"}
.fa-user-secret:before{content:"\f21b"}
.fa-motorcycle:before{content:"\f21c"}
.fa-street-view:before{content:"\f21d"}
.fa-heartbeat:before{content:"\f21e"}
.fa-venus:before{content:"\f221"}
.fa-mars:before{content:"\f222"}
.fa-mercury:before{content:"\f223"}
.fa-intersex:before,.fa-transgender:before{content:"\f224"}
.fa-transgender-alt:before{content:"\f225"}
.fa-venus-double:before{content:"\f226"}
.fa-mars-double:before{content:"\f227"}
.fa-venus-mars:before{content:"\f228"}
.fa-mars-stroke:before{content:"\f229"}
.fa-mars-stroke-v:before{content:"\f22a"}
.fa-mars-stroke-h:before{content:"\f22b"}
.fa-neuter:before{content:"\f22c"}
.fa-genderless:before{content:"\f22d"}
.fa-facebook-official:before{content:"\f230"}
.fa-pinterest-p:before{content:"\f231"}
.fa-whatsapp:before{content:"\f232"}
.fa-server:before{content:"\f233"}
.fa-user-plus:before{content:"\f234"}
.fa-user-times:before{content:"\f235"}
.fa-hotel:before,.fa-bed:before{content:"\f236"}
.fa-viacoin:before{content:"\f237"}
.fa-train:before{content:"\f238"}
.fa-subway:before{content:"\f239"}
.fa-medium:before{content:"\f23a"}
.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}
.fa-optin-monster:before{content:"\f23c"}
.fa-opencart:before{content:"\f23d"}
.fa-expeditedssl:before{content:"\f23e"}
.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}
.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}
.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}
.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}
.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}
.fa-mouse-pointer:before{content:"\f245"}
.fa-i-cursor:before{content:"\f246"}
.fa-object-group:before{content:"\f247"}
.fa-object-ungroup:before{content:"\f248"}
.fa-sticky-note:before{content:"\f249"}
.fa-sticky-note-o:before{content:"\f24a"}
.fa-cc-jcb:before{content:"\f24b"}
.fa-cc-diners-club:before{content:"\f24c"}
.fa-clone:before{content:"\f24d"}
.fa-balance-scale:before{content:"\f24e"}
.fa-hourglass-o:before{content:"\f250"}
.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}
.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}
.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}
.fa-hourglass:before{content:"\f254"}
.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}
.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}
.fa-hand-scissors-o:before{content:"\f257"}
.fa-hand-lizard-o:before{content:"\f258"}
.fa-hand-spock-o:before{content:"\f259"}
.fa-hand-pointer-o:before{content:"\f25a"}
.fa-hand-peace-o:before{content:"\f25b"}
.fa-trademark:before{content:"\f25c"}
.fa-registered:before{content:"\f25d"}
.fa-creative-commons:before{content:"\f25e"}
.fa-gg:before{content:"\f260"}
.fa-gg-circle:before{content:"\f261"}
.fa-tripadvisor:before{content:"\f262"}
.fa-odnoklassniki:before{content:"\f263"}
.fa-odnoklassniki-square:before{content:"\f264"}
.fa-get-pocket:before{content:"\f265"}
.fa-wikipedia-w:before{content:"\f266"}
.fa-safari:before{content:"\f267"}
.fa-chrome:before{content:"\f268"}
.fa-firefox:before{content:"\f269"}
.fa-opera:before{content:"\f26a"}
.fa-internet-explorer:before{content:"\f26b"}
.fa-tv:before,.fa-television:before{content:"\f26c"}
.fa-contao:before{content:"\f26d"}
.fa-500px:before{content:"\f26e"}
.fa-amazon:before{content:"\f270"}
.fa-calendar-plus-o:before{content:"\f271"}
.fa-calendar-minus-o:before{content:"\f272"}
.fa-calendar-times-o:before{content:"\f273"}
.fa-calendar-check-o:before{content:"\f274"}
.fa-industry:before{content:"\f275"}
.fa-map-pin:before{content:"\f276"}
.fa-map-signs:before{content:"\f277"}
.fa-map-o:before{content:"\f278"}
.fa-map:before{content:"\f279"}
.fa-commenting:before{content:"\f27a"}
.fa-commenting-o:before{content:"\f27b"}
.fa-houzz:before{content:"\f27c"}
.fa-vimeo:before{content:"\f27d"}
.fa-black-tie:before{content:"\f27e"}
.fa-fonticons:before{content:"\f280"}
.fa-reddit-alien:before{content:"\f281"}
.fa-edge:before{content:"\f282"}
.fa-credit-card-alt:before{content:"\f283"}
.fa-codiepie:before{content:"\f284"}
.fa-modx:before{content:"\f285"}
.fa-fort-awesome:before{content:"\f286"}
.fa-usb:before{content:"\f287"}
.fa-product-hunt:before{content:"\f288"}
.fa-mixcloud:before{content:"\f289"}
.fa-scribd:before{content:"\f28a"}
.fa-pause-circle:before{content:"\f28b"}
.fa-pause-circle-o:before{content:"\f28c"}
.fa-stop-circle:before{content:"\f28d"}
.fa-stop-circle-o:before{content:"\f28e"}
.fa-shopping-bag:before{content:"\f290"}
.fa-shopping-basket:before{content:"\f291"}
.fa-hashtag:before{content:"\f292"}
.fa-bluetooth:before{content:"\f293"}
.fa-bluetooth-b:before{content:"\f294"}
.fa-percent:before{content:"\f295"}
.fa-gitlab:before{content:"\f296"}
.fa-wpbeginner:before{content:"\f297"}
.fa-wpforms:before{content:"\f298"}
.fa-envira:before{content:"\f299"}
.fa-universal-access:before{content:"\f29a"}
.fa-wheelchair-alt:before{content:"\f29b"}
.fa-question-circle-o:before{content:"\f29c"}
.fa-blind:before{content:"\f29d"}
.fa-audio-description:before{content:"\f29e"}
.fa-volume-control-phone:before{content:"\f2a0"}
.fa-braille:before{content:"\f2a1"}
.fa-assistive-listening-systems:before{content:"\f2a2"}
.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}
.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}
.fa-glide:before{content:"\f2a5"}
.fa-glide-g:before{content:"\f2a6"}
.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}
.fa-low-vision:before{content:"\f2a8"}
.fa-viadeo:before{content:"\f2a9"}
.fa-viadeo-square:before{content:"\f2aa"}
.fa-snapchat:before{content:"\f2ab"}
.fa-snapchat-ghost:before{content:"\f2ac"}
.fa-snapchat-square:before{content:"\f2ad"}
.fa-pied-piper:before{content:"\f2ae"}
.fa-first-order:before{content:"\f2b0"}
.fa-yoast:before{content:"\f2b1"}
.fa-themeisle:before{content:"\f2b2"}
.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}
.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}
.fa-handshake-o:before{content:"\f2b5"}
.fa-envelope-open:before{content:"\f2b6"}
.fa-envelope-open-o:before{content:"\f2b7"}
.fa-linode:before{content:"\f2b8"}
.fa-address-book:before{content:"\f2b9"}
.fa-address-book-o:before{content:"\f2ba"}
.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}
.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}
.fa-user-circle:before{content:"\f2bd"}
.fa-user-circle-o:before{content:"\f2be"}
.fa-user-o:before{content:"\f2c0"}
.fa-id-badge:before{content:"\f2c1"}
.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}
.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}
.fa-quora:before{content:"\f2c4"}
.fa-free-code-camp:before{content:"\f2c5"}
.fa-telegram:before{content:"\f2c6"}
.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}
.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}
.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}
.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}
.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}
.fa-shower:before{content:"\f2cc"}
.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}
.fa-podcast:before{content:"\f2ce"}
.fa-window-maximize:before{content:"\f2d0"}
.fa-window-minimize:before{content:"\f2d1"}
.fa-window-restore:before{content:"\f2d2"}
.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}
.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}
.fa-bandcamp:before{content:"\f2d5"}
.fa-grav:before{content:"\f2d6"}
.fa-etsy:before{content:"\f2d7"}
.fa-imdb:before{content:"\f2d8"}
.fa-ravelry:before{content:"\f2d9"}
.fa-eercast:before{content:"\f2da"}
.fa-microchip:before{content:"\f2db"}
.fa-snowflake-o:before{content:"\f2dc"}
.fa-superpowers:before{content:"\f2dd"}
.fa-wpexplorer:before{content:"\f2de"}
.fa-meetup:before{content:"\f2e0"}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}
.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}

@font-face{font-family:SA Roboto;src:url('../fonts/roboto-400.ttf') format('truetype');font-weight:400;font-display:swap}

@font-face{font-family:SA Roboto;src:url('../fonts/roboto-500.ttf') format('truetype');font-weight:500;font-display:swap}

@font-face{font-family:SA Roboto;src:url('../fonts/roboto-700.ttf') format('truetype');font-weight:700;font-display:swap}

@font-face{font-family:SA Roboto;src:url('../fonts/roboto-900.ttf') format('truetype');font-weight:900;font-display:swap}
body.sa-site{--sa-blue:#0063ff;--sa-navy:#061959;--sa-pink:#ff3189;--sa-muted:#516a9c;--sa-pale:#edf8ff;--ss-blue:#0063ff;--ss-cyan:#0063ff;--ss-pink:#ff3189;--ss-navy:#061959;font-family:'SA Roboto',Arial,sans-serif;color:var(--sa-navy);background:white;padding:0;margin:0}
.sa-home,.sa-navbar,.sa-footer{font-family:'SA Roboto',Arial,sans-serif!important;color:var(--sa-navy);text-align:left}
.sa-home *,.sa-navbar *,.sa-footer *{box-sizing:border-box}
.sa-home{overflow:hidden}
.sa-home .container,.sa-navbar .container,.sa-footer .container{width:calc(100% - 144px);max-width:1280px;margin:0 auto;padding:0}
.sa-home .row{margin:0}
.sa-home .row:before,.sa-home .row:after{display:none}
.sa-home [class*=col-]{padding:0;float:none}
.sa-home h1,.sa-home h2,.sa-home h3,.sa-home p,.sa-home a,.sa-home strong,.sa-home span,.sa-home summary,.sa-footer h3,.sa-footer p,.sa-footer a{font-family:inherit}
.sa-home h1,.sa-home h2,.sa-home h3{color:var(--sa-navy);font-style:normal;font-weight:700;text-transform:none;letter-spacing:-.035em;line-height:1.06;margin:0}
.sa-home h2{font-size:50px}
.sa-home h3{font-size:21px;letter-spacing:-.025em}
.sa-home p{font-size:23px;font-weight:400;line-height:1.3;letter-spacing:0;color:var(--sa-muted);margin:0 0 18px}
.sa-home a{text-decoration:none}
.sa-home .sa-icon{display:inline-block;width:44px;height:44px;vertical-align:middle;flex-shrink:0}
.sa-home h2 span,.sa-home .text-blu{color:var(--sa-blue)!important}
.sa-home .sa-eyebrow{font-size:15px;color:var(--sa-blue);letter-spacing:.065em;font-weight:700;text-transform:uppercase;margin:0 0 15px}
.sa-home .sa-small{font-size:14px!important;line-height:1.4;color:var(--sa-blue);margin:10px 0 0!important}
.sa-home .sa-section-head{text-align:center;margin:0 auto 20px}
.sa-home .section-heading{font-size:36px;line-height:1.15;margin:0 0 6px!important}
.sa-home .section-subheading{font-size:22px;line-height:1.3;font-style:normal;font-weight:400}
.sa-home .sa-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:20px 0 0}
.sa-home .sa-btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;white-space:normal;border:1.5px solid transparent;border-radius:7px;padding:14px 24px;font-size:17px;font-weight:500;line-height:1.2;text-transform:none;letter-spacing:0;margin:0;min-height:53px;box-shadow:none;transition:background .15s,transform .15s}
.sa-home .sa-btn .sa-icon{width:20px;height:20px}
.sa-home .button-pink{background:linear-gradient(110deg,#ff4097,#ff1b7b)!important;border-color:var(--sa-pink)!important;color:white!important}
.sa-home .button-inverse{background:#ffffff70!important;border-color:#3b7bff!important;color:var(--sa-blue)!important}
.sa-home .button-white{background:#fff!important;color:var(--sa-pink)!important}
.sa-home .button-white-outline{background:transparent!important;border-color:#fff!important;color:#fff!important}
.sa-home .sa-btn:hover{transform:translateY(-1px);filter:brightness(.96)}
.sa-home a:focus-visible,.sa-home summary:focus-visible,.sa-navbar a:focus-visible,.sa-navbar button:focus-visible,.sa-footer a:focus-visible,.sa-footer button:focus-visible{outline:3px solid #ff3189;outline-offset:4px}
body.sa-site .sa-navbar{position:relative!important;top:auto!important;margin:0!important;padding:0!important;min-height:70px;background:#fff!important;border:0!important;box-shadow:none!important;z-index:20}
.sa-navbar .container{display:flex;align-items:center;min-height:70px;gap:45px}
.sa-navbar .navbar-header{float:none!important;flex:0 0 230px}
.sa-navbar .logo{display:block!important;width:184px;margin:0!important;padding:0!important}
.sa-navbar .logo img{width:184px!important;height:auto!important;max-height:none!important;display:block}
.sa-navbar #main-menu{padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;flex:1;align-items:center;justify-content:space-between}
.sa-navbar .nav.navbar-nav{margin:0!important;float:none!important;display:flex;align-items:center;gap:25px}
.sa-navbar .nav>li{display:flex;align-items:center;position:relative;float:none!important}
.sa-navbar .nav>li>a{font:400 15px/1.4 'SA Roboto',Arial,sans-serif!important;text-transform:none!important;padding:8px 0!important;color:var(--sa-muted)!important;letter-spacing:0!important}
.sa-navbar .sa-submenu-toggle{padding:5px 0 5px 5px;font-size:12px;background:transparent;border:0;color:var(--sa-muted)}
.sa-navbar .sa-nav-demo{font-size:15px;line-height:1.3;font-weight:500;padding:13px 35px;border:1.5px solid #3276ff;border-radius:7px;color:var(--sa-blue);white-space:nowrap}
.sa-navbar .submenu{display:none!important;position:absolute!important;left:0!important;top:100%!important;min-width:245px;background:white!important;border:1px solid #e1edfc;padding:10px!important;border-radius:8px;box-shadow:0 12px 25px #12335a18;opacity:1!important;visibility:visible!important;transform:none!important}
.sa-navbar .sa-open>.submenu{display:block!important}
.sa-navbar .submenu li{display:block}
.sa-navbar .submenu a{display:block;font:400 15px/1.4 'SA Roboto',Arial,sans-serif!important;padding:9px 12px!important;color:var(--sa-navy)!important}
.sa-navbar .submenu a:hover{background:#edf5ff}
.sa-navbar .navbar-toggle{margin:10px 0!important;border-color:#b7d1ff!important}
.sa-navbar .navbar-toggle .icon-bar{background:var(--sa-blue)!important}
.sa-home #header.sa-hero{padding:58px 0 34px!important;margin:0!important;min-height:425px;height:auto;background:linear-gradient(120deg,#edf8ff 0%,#e2f3ff 64%,#d7ecff 100%)!important;position:relative;text-align:left}
.sa-home #header:before{content:'';position:absolute;width:70%;height:75%;background:#ffffff35;right:-20%;top:-20%;border-radius:0 0 60% 70%;transform:rotate(-30deg)}
.sa-home .sa-hero-row{display:flex;align-items:center;position:relative}
.sa-home .sa-hero-row>.col-md-6:first-child{width:54%;z-index:2}
.sa-home #header .intro-text{padding:0!important;margin:0!important;float:none;width:auto;text-align:left}
.sa-home #header .intro-lead-in{font-size:54px!important;line-height:1.04!important;font-weight:900!important;letter-spacing:-.04em!important;margin:0 0 13px!important;font-style:normal}
.sa-home #header .intro-heading{font-size:23px!important;line-height:1.35!important;font-weight:400!important;color:var(--sa-muted)!important;margin:0!important;max-width:580px;letter-spacing:0;text-transform:none}
.sa-home #header .header-dashboard{width:51%!important;position:relative!important;right:auto!important;bottom:auto!important;height:auto!important;margin:0 -5% 0 0!important;transform:none!important;align-self:flex-end;padding:0!important}
.sa-home #header img.dashboard{display:block;position:relative!important;transform:none!important;margin:0!important;width:100%!important;max-width:100%!important;height:auto!important;filter:drop-shadow(0 12px 10px #12355c24)}
.sa-home .sa-handnote{position:absolute;right:12px;top:-58px;transform:rotate(-9deg);color:#244777;font-family:'Comic Sans MS',cursive;font-size:16px;line-height:1.3;font-style:italic;letter-spacing:.025em;z-index:3}
.sa-home .sa-handnote>span{position:absolute;left:-51px;top:-1px;font-size:53px;line-height:1;color:var(--sa-pink);transform:rotate(-35deg)}
.sa-home #services{padding:25px 0 26px!important;background:#fff!important}
.sa-home #services:before,.sa-home #services:after{display:none!important}
.sa-home .ss-services-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 22px!important;margin:0!important}
.sa-home .ss-service-col{width:auto!important;padding:0!important;margin:0!important}
.sa-home .ss-service-card{display:block!important;position:relative;height:100%;min-height:185px!important;padding:17px 24px!important;border:1px solid #dcecfb!important;border-radius:9px!important;background:linear-gradient(130deg,#fff,#fdfefe)!important;box-shadow:none!important;transform:none!important}
.sa-home .ss-service-card:before{display:none!important}
.sa-home .ss-service-card:hover{border-color:#83b8ff!important}
.sa-home .ss-service-icon{display:block!important;width:48px!important;height:48px!important;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0 0 10px!important;border-radius:0;color:var(--sa-blue)!important}
.sa-home .ss-service-icon .sa-icon{width:45px;height:45px}
.sa-home .ss-service-heading{font-size:21px!important;line-height:1.12!important;letter-spacing:-.025em;margin:0 0 10px!important;color:var(--sa-navy)!important;font-weight:700!important}
.sa-home .ss-service-text{font-size:18px!important;line-height:1.26!important;margin:0!important;color:var(--sa-muted)!important;font-weight:400!important}
.sa-home .ss-service-card.sa-service-demo{background:linear-gradient(120deg,#006dff,#0058e8)!important;border-color:#0063ff!important}
.sa-home .sa-service-demo .ss-service-icon,.sa-home .sa-service-demo .ss-service-heading,.sa-home .sa-service-demo .ss-service-text{color:white!important}
.sa-home .sa-service-arrow{position:absolute;right:20px;bottom:13px;color:white;font-size:30px;line-height:1}
.sa-home .sa-section{padding:28px 0!important;background:white}
.sa-home .sa-split{display:flex;align-items:center;gap:30px;margin:0!important}
.sa-home .sa-split>.col-md-6{width:calc(50% - 15px)}
.sa-home .sa-split h2{margin:0 0 16px}
.sa-home .sa-split p{margin-bottom:18px}
.sa-home #ticket-assistenza .sa-split{min-height:365px}
.sa-home #ticket-assistenza .sa-split>.col-md-6:first-child{width:47%}
.sa-home #ticket-assistenza .sa-split>.col-md-6:last-child{width:53%;margin-right:-20px}
.sa-home #gestione-commesse{background:linear-gradient(110deg,#e4f4ff,#f2faff)!important;padding:23px 0!important}
.sa-home #gestione-commesse .sa-split{min-height:310px}
.sa-home #gestione-commesse .sa-split>.col-md-6:first-child{width:48%;margin-left:-22px}
.sa-home #gestione-commesse .sa-split>.col-md-6:last-child{width:52%}
.sa-home #gestione-commesse h2{font-size:48px}
.sa-home .sa-text-link{font-size:16px;color:var(--sa-blue);font-weight:500}
.sa-home .sa-ticket-art,.sa-home .sa-commesse-art{position:relative;isolation:isolate;width:100%;height:350px;color:var(--sa-blue);font-size:13px}
.sa-home .sa-art-cloud{position:absolute;z-index:-2;left:2%;top:10%;width:94%;height:84%;background:radial-gradient(ellipse at 60% 30%,#cdeaff80,#dff3ff70 65%,#edf8ff20 100%);border-radius:48% 55% 45% 36%/52% 53% 47% 40%;transform:rotate(-7deg)}
.sa-home .sa-art-cloud:after{content:'';position:absolute;inset:7% 8% -5% 25%;background:#d9f0ff70;border-radius:60% 35% 60% 45%;transform:rotate(25deg)}
.sa-home .sa-art-path{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.sa-home .sa-ticket-tablet{position:absolute;left:8%;top:25%;width:43%;height:71%;padding:9px;background:linear-gradient(110deg,#77bcff,#e9faff 25%,#9bcdff 95%);border-radius:18px;box-shadow:-7px 6px 0 #40a0fb,0 15px 20px #318adc22;transform:rotate(-4deg)}
.sa-home .sa-ticket-screen{position:relative;padding:19px 16px 12px;border-radius:11px;background:linear-gradient(130deg,#fff,#f0faff);height:100%;box-shadow:inset 0 0 0 2px #e4f5ff}
.sa-home .sa-ticket-screen>strong{font-size:15px;color:#355794;display:block;margin-bottom:20px}
.sa-home .sa-ticket-message{display:flex;align-items:center;gap:10px;background:#fff;border-radius:8px;padding:15px 10px;box-shadow:0 2px 10px #3e85da12;line-height:1.25;color:#3b65a1}
.sa-home .sa-ticket-message .sa-icon{width:24px;height:24px}
.sa-home .sa-ticket-files{display:flex;gap:17px;margin:20px 0}
.sa-home .sa-ticket-files .sa-icon{width:24px;height:24px}
.sa-home .sa-art-send{display:block;width:max-content;margin-left:auto;background:linear-gradient(100deg,#138aff,#0056e5);color:white;border-radius:7px;padding:8px 14px;font-size:12px;font-weight:700;box-shadow:0 3px 6px #0875e530}
.sa-home .sa-ticket-status{position:absolute;left:64%;display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:13px;padding:11px 13px;border-radius:10px;background:linear-gradient(140deg,white,#f9fcff);border:2px solid #e5f4ff;box-shadow:0 6px 14px #4686cb15;color:#42679e}
.sa-home .sa-ticket-status i,.sa-home .sa-job i{font-style:normal;display:grid;place-items:center;border-radius:50%;color:white;background:#2f91ff;width:24px;height:24px;font-size:16px;font-weight:700;box-shadow:0 0 0 4px #edf8ff}
.sa-home .sa-status-one{top:17%}
.sa-home .sa-status-two{top:42%;left:69%}
.sa-home .sa-status-three{top:69%;left:65%}
.sa-home .sa-status-three i{background:#2bc8ab}
.sa-home .sa-art-headset{position:absolute;left:53%;top:60%;width:76px;height:76px;display:grid;place-items:center;background:linear-gradient(120deg,#2198ff,#0049e5);color:white;border:4px solid #d5efff;border-radius:50%;box-shadow:0 5px 8px #247beb30;transform:rotate(-8deg)}
.sa-home .sa-art-headset .sa-icon{width:46px;height:46px;stroke-width:2}
.sa-home .sa-plane{position:absolute;left:43%;top:0;transform:rotate(-10deg);color:#ff438c}
.sa-home .sa-plane .sa-icon{fill:#ff76ae;stroke:#ff438c;stroke-width:1;width:58px;height:58px}
.sa-home .sa-leaf{position:absolute;background:linear-gradient(120deg,#74c8ff,#0079ed);width:30px;height:80px;left:3%;bottom:2%;border-radius:0 80% 0 80%;transform:rotate(-30deg);z-index:-1}
.sa-home .sa-leaf-two{left:0;bottom:0;height:55px;transform:rotate(-65deg)}
.sa-home .sa-commesse-art{height:310px}
.sa-home .sa-folder-back{position:absolute;left:5%;top:26%;width:37%;height:65%;border-radius:12px;background:linear-gradient(110deg,#0043bc,#0088ff);transform:skewY(-9deg);box-shadow:-5px 6px 0 #afdfff}
.sa-home .sa-folder-back:before{content:'';position:absolute;top:-14px;left:0;width:37%;height:25px;background:#0064eb;border-radius:8px 12px 0 0}
.sa-home .sa-folder{position:absolute;left:9%;top:35%;width:35%;height:60%;padding:35px 20px;background:linear-gradient(130deg,#007dff,#0055cb 80%);border:3px solid #55aeff;border-radius:8px;transform:skewY(-9deg) rotate(-3deg);box-shadow:-5px 5px 0 #0070ed,0 12px 20px #1874cf22;color:white}
.sa-home .sa-folder strong{font-size:20px;font-weight:400;line-height:1.2;display:block;color:white;letter-spacing:-.025em}
.sa-home .sa-folder>span{font-size:13px;display:block;color:#d7ecff;margin-top:10px}
.sa-home .sa-job{position:absolute;left:43%;width:30%;height:77px;display:flex;gap:9px;align-items:center;padding:10px;background:linear-gradient(130deg,#fff,#f0faff);border:3px solid #e1f3ff;border-radius:10px;box-shadow:0 9px 16px #3887cd18;transform:rotate(-3deg);font-size:12px;line-height:1.4;color:#446590}
.sa-home .sa-job strong{font-size:12px;font-weight:400}
.sa-home .sa-job i{background:#32bd9f;border-radius:6px;width:21px;height:24px;flex:0 0 21px;box-shadow:none}
.sa-home .sa-job-one{top:0}
.sa-home .sa-job-two{top:35%}
.sa-home .sa-job-three{top:70%}
.sa-home .sa-cost-card{position:absolute;left:76%;top:20%;width:23%;height:72%;padding:17px 11px;background:linear-gradient(120deg,#fff,#e9f6ff);border:3px solid #deefff;border-radius:12px;transform:rotate(-3deg);box-shadow:0 9px 15px #3182d415}
.sa-home .sa-cost-card>strong{font-size:11px;color:#4b78b4;white-space:nowrap}
.sa-home .sa-bars{display:flex;gap:6px;align-items:flex-end;height:110px;padding:15px 4px;border-bottom:1px solid #d0e9ff}
.sa-home .sa-bars i{width:20%;height:35%;background:linear-gradient(#90c7ff,#3489f6);box-shadow:3px 0 #c0e4ff}
.sa-home .sa-bars i:nth-child(2){height:50%}
.sa-home .sa-bars i:nth-child(3){height:72%}
.sa-home .sa-bars i:nth-child(4){height:90%}
.sa-home .sa-cost-lines{position:relative;padding:15px 0}
.sa-home .sa-cost-lines span{display:block;width:40%;height:5px;background:#d7eaf9;margin:8px 0}
.sa-home .sa-cost-lines b{position:absolute;right:5px;top:3px;font-size:40px;color:#007cff}
.sa-home #percorsi-software{padding:27px 0 33px!important;background:linear-gradient(115deg,#d9efff,#e7f5ff)!important}
.sa-home .sa-sector-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.sa-home .sa-sector{padding:17px 15px 21px;border-radius:7px;background:#fff;text-align:center;min-height:190px;box-shadow:0 5px 15px #83b6dd08}
.sa-home .sa-sector>.sa-icon{color:var(--sa-blue);width:55px;height:55px;margin:0 0 12px;stroke-width:2.8}
.sa-home .sa-sector h3{font-size:21px;line-height:1.15;margin:0 0 9px}
.sa-home .sa-sector p{font-size:20px;line-height:1.3;margin:0}
.sa-home .sa-center{display:none}
.sa-home #vantaggi{background:linear-gradient(110deg,#0068ff,#0055e7)!important;padding:36px 0 27px!important;text-align:center}
.sa-home .sa-support h2{font-size:35px;line-height:1.2;color:white;margin:0 0 24px}
.sa-home .sa-support .row{display:grid;grid-template-columns:repeat(3,1fr)}
.sa-home .sa-support .col-md-4{width:100%;padding:0 16px;position:relative}
.sa-home .sa-support .col-md-4+.col-md-4:before{content:'';position:absolute;left:0;top:20%;bottom:4%;border-left:1px solid #ffffff45}
.sa-home .sa-support .sa-icon{color:white;width:43px;height:43px;margin-bottom:9px;stroke-width:1.5}
.sa-home .sa-support h3{font-size:23px;color:white;font-weight:500;letter-spacing:-.02em;margin:0 0 5px}
.sa-home .sa-support p{font-size:18px;color:#daeaff;margin:0;line-height:1.25}
body.sa-site .sa-home #testimonials{background:#083567!important;padding:18px 0!important}
body.sa-site .sa-home #testimonials>.container{width:calc(100% - 48px);max-width:1376px}
body.sa-site .sa-home .ss-google-reviews-shell{padding:18px 30px!important;border-radius:13px!important;background:#fff!important;box-shadow:none!important}
body.sa-site .sa-home .ss-google-reviews-head{display:flex!important;align-items:center!important;gap:32px;margin:0 0 15px!important;flex-wrap:wrap}
body.sa-site .sa-home .ss-google-brand{gap:7px!important;display:flex;align-items:baseline}
body.sa-site .sa-home .ss-google-word{font-family:Arial,sans-serif!important;font-size:37px!important;letter-spacing:-1.5px;font-weight:500!important}
body.sa-site .sa-home .ss-google-reviews-label{font-size:25px!important;letter-spacing:-.035em;font-weight:500!important;color:#111!important}
.sa-home .sa-review-placeholder{font-size:11px;font-weight:700;color:#4770a3;background:#edf5ff;border-radius:20px;padding:9px 13px}
.sa-home .ss-google-reviews-head>.sa-text-link{margin-left:auto;display:flex;align-items:center;gap:12px;border:1px solid #4084ff;border-radius:6px;padding:10px 15px;font-size:14px}
.sa-home .ss-google-reviews-head>.sa-text-link .sa-icon{width:19px;height:19px}
body.sa-site .sa-home .ss-google-review-track{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;overflow:visible!important}
body.sa-site .sa-home .ss-google-review-card{width:auto!important;min-height:0!important;height:auto!important;padding:16px 18px 12px!important;border:1px solid #dfe7f1!important;border-radius:9px!important;margin:0!important;box-shadow:none!important;position:relative}
body.sa-site .sa-home .ss-google-review-author{display:flex!important;gap:13px!important;align-items:flex-start;margin:0!important}
body.sa-site .sa-home .ss-google-avatar{width:49px!important;height:49px!important;flex:0 0 49px!important;border-radius:50%;display:grid;place-items:center;font-size:18px!important;font-weight:500;color:white;background:#3488ff;box-shadow:0 3px 8px #0759b814}
body.sa-site .sa-home .ss-google-avatar.avatar-green{background:#2ca780}
body.sa-site .sa-home .ss-google-avatar.avatar-pink{background:#ff6ca4}
body.sa-site .sa-home .ss-google-avatar.avatar-purple{background:#8f40ff}
body.sa-site .sa-home .ss-google-author-copy strong{font-size:16px!important;font-weight:500!important;line-height:1.2!important;margin-top:3px;color:#222!important}
body.sa-site .sa-home .ss-google-source-g{display:none!important}
body.sa-site .sa-home .ss-google-card-stars{font-size:17px!important;line-height:1!important;margin:-17px 0 8px 62px!important;white-space:nowrap;color:#ffb400!important}
body.sa-site .sa-home .ss-google-review-text{font-size:14px!important;line-height:1.2!important;margin:0 0 0 62px!important;white-space:nowrap;color:#596e84!important}
.sa-home #features{padding:32px 0 22px!important;background:white!important}
.sa-home #features .sa-split{gap:20px;min-height:275px;align-items:flex-end}
.sa-home #features .sa-split>.col-md-6:first-child{width:56%}
.sa-home #features .sa-app-visual{width:44%;position:relative}
.sa-home #features h2{font-size:43px;margin:0 0 8px}
.sa-home #features .sa-eyebrow{font-size:14px;margin-bottom:10px}
.sa-home #features .sa-split p{font-size:21px;margin:0 0 17px}
.sa-home .sa-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;list-style:none;counter-reset:step;padding:0;margin:0}
.sa-home .sa-steps li{counter-increment:step;padding:0 0 0 37px;position:relative}
.sa-home .sa-steps li:before{content:counter(step);position:absolute;left:0;top:0;width:31px;height:35px;background:var(--sa-blue);color:white;display:grid;place-items:center;font-size:22px;border-radius:50%;font-weight:700}
.sa-home .sa-steps h3{font-size:16px;line-height:1.15;margin:4px 0 10px;letter-spacing:-.04em}
.sa-home #features .sa-steps p{font-size:15px;line-height:1.33;margin:0}
.sa-home .sa-product{width:100%;height:auto;display:block;position:relative;z-index:1;filter:drop-shadow(0 5px 7px #14375820)}
.sa-home .sa-app-visual:before{content:'';position:absolute;inset:-50px 0 0 -10px;background:linear-gradient(120deg,#e4f4ff,#f1f9ff);border-radius:55% 40% 48% 30%;transform:rotate(12deg)}
.sa-home .sa-app-visual .sa-handnote{right:8%;top:-67px;font-size:14px}
.sa-home #barraPromo{padding:16px 0!important;background:linear-gradient(100deg,#ff388d,#ff2582)!important}
.sa-home .sa-conversion>.container{display:flex;align-items:center;justify-content:space-between;gap:22px}
.sa-home .sa-conversion h2{display:flex;align-items:center;gap:20px;font-size:31px;font-weight:500;color:white;letter-spacing:-.03em}
.sa-home .sa-conversion h2>.sa-icon{width:47px;height:47px;stroke-width:1.4}
.sa-home .sa-conversion .sa-actions{margin:0;flex-wrap:nowrap}
.sa-home .sa-conversion .sa-btn{min-height:47px;font-size:16px;padding:11px 20px}
.sa-home #attivagratis{padding:18px 0 12px!important;background:linear-gradient(120deg,#ecf8ff,#e5f5ff)!important}
.sa-home #attivagratis>.container{width:calc(100% - 88px);max-width:1320px}
.sa-home #attivagratis .sa-section-head{margin-bottom:10px}
.sa-home #attivagratis .section-heading{font-size:35px}
.sa-home #attivagratis .section-subheading{font-size:21px}
.sa-pricing .ss-pricing-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px!important;align-items:stretch;margin:0!important}
.sa-pricing .ss-price-card{display:flex;flex-direction:column;min-width:0;min-height:0!important;background:#fff!important;border:1px solid #e3f0ff!important;border-radius:8px!important;padding:16px 14px 10px!important;box-shadow:none!important;margin:0!important;position:relative;overflow:hidden;text-align:center;transform:none!important}
.sa-pricing .ss-price-icon{display:grid!important;place-items:center;width:46px!important;height:44px!important;border:0!important;background:none!important;border-radius:0!important;padding:0!important;margin:0 auto 8px!important;color:var(--sa-blue)!important;font-size:38px!important;box-shadow:none!important}
.sa-pricing .ss-price-icon .sa-icon{width:46px;height:44px;stroke-width:2.5}
.sa-pricing .ss-price-card h3{font-size:23px!important;line-height:1.1!important;font-weight:700!important;letter-spacing:-.025em!important;color:var(--sa-navy)!important;margin:0 0 10px!important}
.sa-pricing .ss-price-divider{display:none!important}
.sa-pricing .ss-price-offer{display:block!important;border:0!important;padding:0!important;margin:0!important;background:none!important;border-radius:0!important}
.sa-pricing .ss-price-main{display:flex!important;align-items:baseline!important;justify-content:center;gap:0!important;padding:0!important;margin:0!important;color:var(--sa-blue)!important;line-height:1.1}
.sa-pricing .ss-price-number{font-size:61px!important;font-weight:400!important;letter-spacing:-.065em;color:var(--sa-blue)!important;line-height:1!important}
.sa-pricing .ss-price-currency{font-size:25px!important;align-self:flex-start;line-height:1.5!important;color:var(--sa-blue)!important;margin:0!important}
.sa-pricing .ss-price-period{font-size:27px!important;letter-spacing:-.04em;margin-left:7px!important;color:var(--sa-blue)!important}
.sa-pricing .ss-price-annual{font-size:18px!important;line-height:1.15!important;margin:8px 0 14px!important;color:var(--sa-muted)!important}
.sa-pricing .ss-price-annual span{font-size:15px!important}
.sa-pricing .ss-price-features{display:flex!important;flex-direction:column;gap:0!important;min-height:0!important;flex:1;background:linear-gradient(110deg,#eff8ff,#f7fbff)!important;padding:7px 7px 8px!important;margin:0 -5px 10px!important;border-radius:0!important;text-align:left}
.sa-pricing .ss-price-feature{display:flex!important;align-items:flex-start;gap:10px!important;font-size:16px!important;line-height:1.15!important;color:var(--sa-muted)!important;padding:5px 0!important;border:0!important;margin:0!important;letter-spacing:-.02em;font-weight:400}
.sa-pricing .ss-price-feature-strong{font-weight:700!important;color:var(--sa-navy)!important}
.sa-pricing .ss-price-feature>.fa{display:block!important;width:17px!important;height:17px!important;flex:0 0 17px;line-height:17px!important;font-size:12px!important;color:var(--sa-blue)!important;background:none!important;border-radius:0!important;margin:0!important;text-align:center}
.sa-pricing .ss-price-card>.sa-btn{align-self:center;padding:12px 23px;min-height:49px;font-size:20px;line-height:1.1;font-weight:500;white-space:nowrap;border-radius:7px;margin-top:auto}
.sa-pricing .ss-price-corner{position:absolute;right:0;top:0;width:78px;height:78px;overflow:hidden}
.sa-pricing .ss-price-corner:before{content:'';position:absolute;right:0;top:0;width:0;height:0;border-left:78px solid transparent;border-top:78px solid #ff3787;border-right:0;border-bottom:0}
.sa-pricing .ss-price-corner>span{position:absolute;right:4px;top:17px;color:white;font-size:17px;transform:rotate(45deg);z-index:1}
.sa-home .sa-pricing-bottom{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:12px}
.sa-home .ss-pricing-benefit{display:flex;align-items:center;gap:13px;background:white;padding:7px 23px;border-radius:9px;color:var(--sa-navy);font-size:17px;font-weight:700}
.sa-home .ss-pricing-benefit>.sa-icon{color:white;background:var(--sa-blue);border-radius:50%;width:43px;height:43px;padding:10px}
.sa-home .ss-pricing-compare-button{display:flex;gap:10px;align-items:center;background:linear-gradient(100deg,#149cf8,#008eed)!important;color:white!important;font-size:17px;line-height:1.2;font-weight:500;padding:17px 22px;border-radius:8px;box-shadow:none!important}
.sa-home #sa-faq{padding:15px 0 0!important;background:linear-gradient(120deg,#fff,#f4fbff)!important}
.sa-home #sa-faq .sa-split{align-items:flex-start;gap:38px}
.sa-home #sa-faq .col-md-5{width:48%}
.sa-home #sa-faq .col-md-7{width:52%}
.sa-home #sa-faq h2{font-size:30px;margin:0 0 4px}
.sa-home #sa-faq p{font-size:17px;margin:0}
.sa-home .sa-faq-list details{border:1px solid #d9eaff;border-radius:7px;padding:6px 16px;margin-bottom:5px;background:#fff}
.sa-home .sa-faq-list summary{list-style:none;cursor:pointer;font-size:15px;font-weight:500;line-height:1.3;color:#305c91;position:relative;padding-right:22px}
.sa-home .sa-faq-list summary::-webkit-details-marker{display:none}
.sa-home .sa-faq-list summary:after{content:'+';position:absolute;right:0;top:-2px;color:var(--sa-blue);font-size:22px;line-height:1}
.sa-home .sa-faq-list details[open] summary:after{content:'−'}
.sa-home #sa-faq details p{font-size:15px;line-height:1.4;margin-top:10px}
.sa-home .sa-faq-art{position:relative;width:270px;height:92px;margin:8px 0 0 135px;background:linear-gradient(100deg,#effaff,#dcefff);border-radius:50%;transform:rotate(5deg)}
.sa-home .sa-faq-art>span{display:block;position:absolute;left:50px;top:0;border-radius:12px;background:linear-gradient(130deg,#1197ff,#0060e5);color:#fff;font-size:51px;font-weight:700;text-align:center;width:94px;height:70px;line-height:70px;transform:rotate(-5deg);box-shadow:-6px 5px #8bc6ff}
.sa-home .sa-faq-art>span:after{content:'';position:absolute;left:18px;bottom:-12px;border-top:15px solid #0079ee;border-right:15px solid transparent}
.sa-home .sa-faq-art>i{position:absolute;left:164px;top:25px;border-radius:10px;width:74px;height:60px;display:flex;align-items:center;justify-content:center;gap:10px;background:#b6d9ff;border:3px solid #d1ecff;transform:rotate(-5deg)}
.sa-home .sa-faq-art b{width:10px;height:10px;border-radius:50%;background:#ff51a0}
.sa-home .sa-faq-art b+b{background:#358aff}
.sa-home .sa-final{padding:15px 0;background:linear-gradient(110deg,#0068ff,#0055e8)}
.sa-home .sa-final>.container{display:flex;align-items:center;justify-content:space-between;gap:20px}
.sa-home .sa-final h2{font-size:29px;line-height:1.1;color:white;font-weight:500;margin:0 0 3px;letter-spacing:-.025em}
.sa-home .sa-final p{font-size:20px;color:#d7e9ff;margin:0}
.sa-home .sa-final .sa-actions{margin:0}
.sa-home .sa-final .sa-btn{min-height:46px;font-size:17px;padding:11px 22px}
body.sa-site .sa-footer{padding:16px 0 0!important;background:#fff!important;text-align:left}
.sa-footer .sa-footer-grid{display:grid;grid-template-columns:1.05fr .8fr 1fr .8fr 1fr;gap:30px}
.sa-footer .sa-logo{width:182px;height:auto;margin:0;display:block}
.sa-footer h3{font-size:14px;font-weight:700;line-height:1;margin:0 0 5px;color:var(--sa-navy)}
.sa-footer p,.sa-footer a,.sa-footer button,.sa-footer span{font-size:13px;line-height:1.2;color:var(--sa-muted);margin:0;letter-spacing:0;font-family:inherit}
.sa-footer a{display:block;text-decoration:none;margin:0 0 3px}
.sa-footer .sa-footer-grid>div:first-child p{margin-top:3px}
.sa-footer .sa-footer-tagline{border-left:1px solid #dbe5f1;padding-left:20px}
.sa-footer .sa-footer-tagline p{margin-bottom:12px}
.sa-footer .sa-footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #e9f1fa;margin-top:9px;padding:8px 0}
.sa-footer .sa-footer-bottom>div{display:flex;gap:20px}
.sa-footer button{border:0;padding:0;background:none}

@media(min-width:960px){.sa-navbar #main-menu{display:flex!important;height:auto!important;overflow:visible!important}
.sa-navbar .navbar-toggle{display:none!important}}

@media(max-width:1199px) and (min-width:960px){.sa-home .container,.sa-navbar .container,.sa-footer .container{width:calc(100% - 70px)}
.sa-home #header .intro-lead-in{font-size:43px!important}
.sa-home #header .intro-heading{font-size:20px!important}
.sa-home .sa-btn{font-size:15px;padding:12px 17px;gap:9px}
.sa-home h2,.sa-home #gestione-commesse h2{font-size:41px}
.sa-home p{font-size:20px}
.sa-home .ss-service-heading,.sa-home .sa-sector h3{font-size:18px!important}
.sa-home .ss-service-text,.sa-home .sa-sector p{font-size:17px!important}
.sa-home .ss-service-card{padding:16px!important}
.sa-home .sa-ticket-status{font-size:11px;gap:5px;padding:10px}
.sa-home .sa-ticket-screen{padding:15px 10px}
.sa-home .sa-ticket-message{font-size:11px}
.sa-home .sa-folder{padding:30px 14px}
.sa-home .sa-folder strong{font-size:17px}
.sa-home .sa-job{font-size:10px;padding:8px;gap:5px}
.sa-home .sa-job strong{font-size:10px}
.sa-home .sa-cost-card{padding:12px 7px}
.sa-home .sa-cost-card>strong{font-size:9px}
.sa-home .sa-conversion h2{font-size:26px}
.sa-pricing .ss-price-number{font-size:52px!important}
.sa-pricing .ss-price-period{font-size:23px!important}
.sa-pricing .ss-price-card h3{font-size:20px!important}
.sa-pricing .ss-price-feature{font-size:15px!important}
.sa-navbar .navbar-header{flex-basis:195px}
.sa-navbar .container{gap:20px}
.sa-navbar .nav.navbar-nav{gap:18px}
.sa-navbar .sa-nav-demo{padding:11px 25px}
.sa-home #features h2{font-size:36px}
.sa-home .sa-steps{gap:10px}
.sa-home .sa-steps li{padding-left:31px}
.sa-home .sa-steps li:before{width:26px;height:30px}
.sa-home .sa-steps h3{font-size:14px}
.sa-home #features .sa-steps p{font-size:14px}
.sa-home .sa-final h2{font-size:25px}
.sa-home .sa-final p{font-size:17px}
.sa-home .sa-final .sa-btn{font-size:14px}
.sa-footer .sa-logo{width:145px}}

@media(max-width:959px){.sa-home .container,.sa-navbar .container,.sa-footer .container,.sa-home #attivagratis>.container{width:calc(100% - 40px)}
.sa-navbar .container{display:block;min-height:60px;padding:0}
body.sa-site .sa-navbar .navbar-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin:0!important}
body.sa-site .sa-navbar .navbar-header:before,body.sa-site .sa-navbar .navbar-header:after{display:none!important;content:none!important}
.sa-navbar .logo,.sa-navbar .logo img{width:165px!important}
body.sa-site .sa-navbar .navbar-toggle{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px;float:none!important;width:46px;height:46px;margin:0!important;padding:0!important;border:1px solid #bdd8fb!important;border-radius:12px!important;background:#f2f8ff!important;box-shadow:0 3px 10px #0b5fb00d}
body.sa-site .sa-navbar .navbar-toggle:hover,body.sa-site .sa-navbar .navbar-toggle:focus{background:#eaf5ff!important;border-color:#9fc7fa!important;outline:0}
body.sa-site .sa-navbar .navbar-toggle .icon-bar{display:block;width:22px;height:2px;margin:0!important;border-radius:999px;background:#0063ff!important}
body.sa-site .sa-navbar .navbar-toggle .icon-bar+.icon-bar{margin-top:0!important}
.sa-navbar #main-menu.collapse{display:none!important}
.sa-navbar #main-menu.in{display:block!important;padding:15px 0!important}
.sa-navbar .nav.navbar-nav{display:block}
.sa-navbar .nav>li{flex-wrap:wrap}
.sa-navbar .nav>li>a{flex:1;font-size:17px!important}
.sa-navbar .submenu{position:static!important;flex-basis:100%;box-shadow:none!important}
.sa-navbar .sa-nav-demo{display:inline-block;margin-top:15px}
.sa-home #header.sa-hero{padding:40px 0 30px!important}
.sa-home .sa-hero-row{flex-direction:column;gap:55px}
.sa-home .sa-hero-row>.col-md-6:first-child,.sa-home #header .header-dashboard{width:100%!important;margin:0!important}
.sa-home #header .intro-lead-in{font-size:46px!important}
.sa-home #header .intro-heading{font-size:22px!important}
.sa-home #header .header-dashboard{max-width:600px;align-self:center}
.sa-home .sa-handnote{font-size:13px;top:-42px}
.sa-home .sa-handnote>span{font-size:38px;left:-36px}
.sa-home .ss-services-grid,.sa-home .sa-sector-grid,.sa-pricing .ss-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.sa-home #services{padding:30px 0!important}
.sa-home .sa-section-head{margin-bottom:22px}
.sa-home .section-heading{font-size:31px}
.sa-home .section-subheading{font-size:20px}
.sa-home .sa-split{flex-direction:column;gap:25px}
.sa-home .sa-split>[class*=col-],.sa-home #ticket-assistenza .sa-split>.col-md-6,.sa-home #gestione-commesse .sa-split>.col-md-6,.sa-home #features .sa-split>.col-md-6:first-child,.sa-home #features .sa-app-visual,.sa-home #sa-faq .col-md-5,.sa-home #sa-faq .col-md-7{width:100%!important;margin:0!important}
.sa-home .sa-section{padding:35px 0!important}
.sa-home h2,.sa-home #gestione-commesse h2{font-size:39px}
.sa-home p{font-size:21px}
.sa-home .sa-ticket-art,.sa-home .sa-commesse-art{max-width:590px;margin:auto}
.sa-home .sa-reverse{flex-direction:column-reverse}
.sa-home .sa-support h2{font-size:30px}
.sa-home .sa-support h3{font-size:20px}
.sa-home .sa-support p{font-size:16px}
.sa-home .sa-support .col-md-4{padding:0 12px}
body.sa-site .sa-home .ss-google-review-track{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body.sa-site .sa-home .ss-google-reviews-head{gap:12px}
body.sa-site .sa-home .ss-google-reviews-shell{padding:18px!important}
.sa-home .ss-google-reviews-head>.sa-text-link{margin-left:0}
.sa-home #features .sa-split{gap:65px}
.sa-home .sa-app-visual{max-width:580px;align-self:center}
.sa-home .sa-steps h3{font-size:18px}
.sa-home #features .sa-steps p{font-size:17px}
.sa-home .sa-conversion>.container,.sa-home .sa-final>.container{flex-direction:column;align-items:flex-start;gap:15px}
.sa-home .sa-conversion h2{font-size:27px}
.sa-home .sa-final{padding:20px 0}
.sa-home .sa-final h2{font-size:27px}
.sa-home .sa-final p{font-size:18px}
.sa-home #attivagratis{padding:28px 0!important}
.sa-pricing .ss-price-card{padding:20px!important}
.sa-pricing .ss-price-card h3{font-size:24px!important}
.sa-pricing .ss-price-feature{font-size:17px!important}
.sa-home .sa-faq-art{margin-left:30px}
.sa-home #sa-faq{padding:25px 0!important}
.sa-home #sa-faq .sa-split{gap:15px}
.sa-home .sa-faq-list details{padding:12px 15px;margin-bottom:8px}
.sa-home .sa-faq-list summary{font-size:17px}
.sa-footer .sa-footer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.sa-footer .sa-footer-grid>div:first-child{grid-column:1/-1}
.sa-footer .sa-footer-tagline{border:0;padding:0}
.sa-footer h3{font-size:16px}
.sa-footer p,.sa-footer a,.sa-footer span,.sa-footer button{font-size:14px;line-height:1.4}
.sa-footer .sa-footer-bottom{flex-direction:column;gap:10px;padding:12px 0}
.sa-home .sa-pricing-bottom{flex-wrap:wrap}}

@media(max-width:575px){.sa-home #header .intro-lead-in{font-size:35px!important}
.sa-home #header .intro-heading{font-size:20px!important}
.sa-home .sa-eyebrow{font-size:12px}
.sa-home .sa-actions{gap:10px}
.sa-home .sa-btn{font-size:15px;padding:12px 16px;min-height:48px}
.sa-home h2,.sa-home #gestione-commesse h2,.sa-home #features h2{font-size:34px}
.sa-home p{font-size:19px}
.sa-home .ss-services-grid,.sa-home .sa-sector-grid{gap:12px}
.sa-home .ss-service-card{padding:14px!important;min-height:200px!important}
.sa-home .ss-service-heading{font-size:18px!important}
.sa-home .ss-service-text{font-size:16px!important}
.sa-home .ss-service-icon{height:39px!important}
.sa-home .ss-service-icon .sa-icon{width:36px;height:36px}
.sa-home .sa-sector{padding:17px 10px;min-height:195px}
.sa-home .sa-sector h3{font-size:18px}
.sa-home .sa-sector p{font-size:16px}
.sa-home .sa-ticket-art{height:260px}
.sa-home .sa-ticket-screen{padding:9px}
.sa-home .sa-ticket-screen>strong{font-size:10px;margin-bottom:12px}
.sa-home .sa-ticket-message{padding:10px 5px;font-size:9px;gap:4px}
.sa-home .sa-ticket-message .sa-icon{width:16px;height:16px}
.sa-home .sa-ticket-files{gap:10px;margin:13px 0}
.sa-home .sa-ticket-files .sa-icon{width:16px;height:16px}
.sa-home .sa-art-send{font-size:9px;padding:6px 8px}
.sa-home .sa-ticket-status{font-size:8px;gap:5px;padding:7px 6px;left:62%;border-width:1px}
.sa-home .sa-ticket-status i{width:18px;height:18px;font-size:12px}
.sa-home .sa-status-two{left:65%}
.sa-home .sa-art-headset{width:53px;height:53px}
.sa-home .sa-art-headset .sa-icon{width:32px;height:32px}
.sa-home .sa-plane .sa-icon{width:43px;height:43px}
.sa-home .sa-commesse-art{height:235px}
.sa-home .sa-folder{padding:25px 9px}
.sa-home .sa-folder strong{font-size:14px}
.sa-home .sa-folder>span{font-size:10px}
.sa-home .sa-job{height:59px;padding:6px;gap:5px;font-size:8px;border-width:2px}
.sa-home .sa-job strong{font-size:8px}
.sa-home .sa-job i{width:15px;height:20px;flex:0 0 15px;font-size:12px}
.sa-home .sa-cost-card{padding:10px 5px}
.sa-home .sa-cost-card>strong{font-size:7px}
.sa-home .sa-bars{height:82px;gap:4px;padding:12px 1px}
.sa-home .sa-cost-lines b{font-size:29px}
.sa-home .sa-cost-lines{padding:5px 0}
.sa-home .sa-support h2{font-size:26px}
.sa-home .sa-support .row{grid-template-columns:1fr;gap:26px}
.sa-home .sa-support .col-md-4+.col-md-4:before{display:none}
.sa-home .sa-support h3{font-size:21px}
.sa-home .sa-support p{font-size:17px}
body.sa-site .sa-home #testimonials>.container{width:calc(100% - 24px)}
body.sa-site .sa-home .ss-google-review-track{grid-template-columns:1fr!important}
body.sa-site .sa-home .ss-google-word{font-size:31px!important}
body.sa-site .sa-home .ss-google-reviews-label{font-size:23px!important}
.sa-home .sa-review-placeholder{font-size:9px}
.sa-home .sa-steps{grid-template-columns:1fr;gap:19px}
.sa-home .sa-steps li{padding-left:42px}
.sa-home .sa-steps h3{font-size:18px;margin:0 0 5px}
.sa-home #features .sa-steps p{font-size:17px}
.sa-home .sa-conversion .sa-actions{flex-wrap:wrap}
.sa-home .sa-conversion h2{font-size:24px;gap:12px}
.sa-home .sa-conversion h2>.sa-icon{width:37px;height:37px}
.sa-pricing .ss-pricing-grid{grid-template-columns:1fr}
.sa-pricing .ss-price-card{padding:22px 25px 18px!important}
.sa-pricing .ss-price-features{padding:12px 17px!important}
.sa-pricing .ss-price-feature{font-size:18px!important;padding:8px 0!important}
.sa-home #attivagratis .section-heading{font-size:29px}
.sa-home #attivagratis .section-subheading{font-size:18px}
.sa-home .sa-pricing-bottom{gap:12px}
.sa-home .ss-pricing-compare-button{font-size:15px}
.sa-home .sa-final .sa-actions{gap:9px}
.sa-home .sa-final .sa-btn{font-size:14px;padding:11px 13px}
.sa-footer .sa-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.sa-footer .sa-footer-bottom>div{gap:13px;flex-wrap:wrap}}

@media(prefers-reduced-motion:reduce){.sa-home *{transition:none!important;animation:none!important}}
body.sa-site .sa-home #header>.container{max-width:1280px!important;width:calc(100% - 144px)!important}
body.sa-site .sa-home #header .intro-text{max-width:none!important}
body.sa-site .sa-home #header .intro-lead-in{font-family:'SA Roboto',Arial,sans-serif!important}
body.sa-site .sa-home #header .header-dashboard{left:auto!important;margin:0 0 0 -5%!important}
body.sa-site .sa-home #header .sa-hero-row>.col-md-6:first-child{flex-shrink:0}
body.sa-site .sa-home #features .sa-eyebrow{font-size:14px!important;line-height:1.3!important;margin:0 0 10px!important}
body.sa-site .sa-pricing .ss-price-icon .fa{font-size:41px!important;line-height:44px!important;color:var(--sa-blue)!important}
body.sa-site .sa-home .ss-pricing-benefit{width:auto!important;min-width:0!important;white-space:nowrap}
body.sa-site .sa-home #attivagratis:before,body.sa-site .sa-home #attivagratis:after{display:none!important}

@media(max-width:1199px) and (min-width:960px){body.sa-site .sa-home #header>.container{width:calc(100% - 70px)!important}}

@media(max-width:959px){body.sa-site .sa-home #header>.container{width:calc(100% - 40px)!important}
body.sa-site .sa-home #header .header-dashboard{margin:0!important}}
body.sa-site .sa-navbar>.container{width:calc(100% - 144px)!important;max-width:1280px!important}

@media(max-width:1199px) and (min-width:960px){body.sa-site .sa-navbar>.container{width:calc(100% - 70px)!important}}

@media(max-width:959px){body.sa-site .sa-navbar>.container{width:calc(100% - 40px)!important}}
body.sa-site .sa-home #header .intro-heading{font-family:'SA Roboto',Arial,sans-serif!important}
body.sa-site .sa-navbar{padding:17px 0!important}
.sa-navbar .container{min-height:94px;gap:38px}
.sa-navbar .navbar-header{flex-basis:240px}
.sa-navbar .logo,.sa-navbar .logo img{width:197px!important}
body.sa-site .sa-navbar #main-menu{flex-direction:column-reverse;align-items:flex-end;justify-content:center;gap:15px}
.sa-navbar .nav.navbar-nav{gap:40px}
.sa-navbar .nav>li>a{font-size:15px!important}
.sa-navbar .sa-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:11px}
.sa-navbar .sa-header-actions>a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:41px;border-radius:8px;padding:11px 18px;font-family:'SA Roboto',Arial,sans-serif;font-size:14px;font-weight:500;line-height:1.2;white-space:nowrap;text-transform:none;text-decoration:none}
.sa-navbar .sa-header-phone{color:var(--sa-navy);border:1px solid #d6e5f7;background:white}
.sa-navbar .sa-header-phone .sa-icon{width:17px;height:17px;color:var(--sa-blue)}
.sa-navbar .sa-header-trial{background:linear-gradient(110deg,#ff4097,#ff1b7b);border:1px solid #ff3189;color:white}
.sa-navbar .sa-header-actions .sa-nav-demo{border:1px solid #8ab3ff;color:var(--sa-blue);margin:0;background:#fff}
.sa-navbar .sa-header-login{background:var(--sa-blue);border:1px solid var(--sa-blue);color:white}
.sa-navbar .sa-header-actions>a:hover{filter:brightness(.97);box-shadow:0 4px 12px #18468b12}
body.sa-site .sa-home #header.sa-hero{padding:86px 0 88px!important}
.sa-home #header .sa-hero-row{align-items:center}
body.sa-site .sa-home #header .header-dashboard{align-self:center}
.sa-home .sa-hero-tags{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 26px}
.sa-home .sa-hero-tag{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid #a9ccff;border-radius:40px;color:#075bd4;background:#ffffffcf;box-shadow:0 4px 14px #4288d60b;font-size:13px;line-height:1.2;font-weight:500;letter-spacing:0}
.sa-home .sa-hero-tag>.sa-icon{width:21px;height:21px;stroke-width:1.8}
.sa-home .sa-hero-tag-light{border-color:#cadff4;background:#ffffff75;color:#4a6893}
.sa-home .sa-tag-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#25bda1;box-shadow:0 0 0 3px #25bda117}
.sa-home .sa-hero-promo{display:flex;align-items:center;gap:15px;width:max-content;max-width:100%;margin:25px 0 0;padding:13px 22px 13px 12px;background:linear-gradient(105deg,#fff,#fff7fb);border:1px solid #ffa4cb;border-radius:16px;box-shadow:0 8px 24px #fa52951a}
.sa-home .sa-promo-icon{display:grid;place-items:center;width:51px;height:51px;flex:0 0 51px;color:white;background:linear-gradient(135deg,#ff67a9,#ff2482);border-radius:12px;box-shadow:0 6px 12px #ff318923}
.sa-home .sa-promo-icon>.sa-icon{width:25px;height:25px;stroke-width:1.8}
.sa-home .sa-hero-promo small{display:block;color:#5e7093;font-size:11px;font-weight:700;letter-spacing:.09em;line-height:1.2;margin-bottom:5px}
.sa-home .sa-hero-promo strong{font-size:22px;line-height:1.3;font-weight:700;color:var(--sa-pink);letter-spacing:-.025em}
.sa-home .sa-hero-promo strong>span{color:var(--sa-blue)}
.sa-home #header .header-buttons{margin-top:23px!important}
.sa-home #header .sa-small{margin-top:14px!important}
body.sa-site .sa-home #services{padding:78px 0 84px!important;background:radial-gradient(ellipse at 0 0,#edf7ff80,transparent 45%),#fff!important}
.sa-home .sa-section-head{margin-bottom:38px}
.sa-home .section-heading{margin-bottom:12px!important}
.sa-home .section-subheading{line-height:1.5}
body.sa-site .sa-home #ticket-assistenza{padding:78px 0 88px!important}
body.sa-site .sa-home #gestione-commesse{padding:78px 0!important}
body.sa-site .sa-home #percorsi-software{padding:72px 0 80px!important}
body.sa-site .sa-home #vantaggi{padding:62px 0 67px!important}
body.sa-site .sa-home #features{padding:86px 0 83px!important}
body.sa-site .sa-home #barraPromo{padding:30px 0!important}
body.sa-site .sa-home #attivagratis{padding:72px 0 75px!important}
body.sa-site .sa-home #sa-faq{padding:76px 0!important}
body.sa-site .sa-home #sa-final-cta{padding:35px 0!important}
.sa-home .sa-split h2{margin-bottom:23px}
.sa-home .sa-split p{line-height:1.45;margin-bottom:25px}
.sa-home #ticket-assistenza .sa-small{margin-top:15px!important}
.sa-home .sa-steps{margin-top:25px;gap:21px}
.sa-home .sa-steps h3{margin-bottom:12px}
.sa-home #features .sa-steps p{line-height:1.48}
.sa-home #features .sa-app-visual{align-self:center;margin-top:30px!important}
.sa-home .ss-services-grid{gap:23px!important}
body.sa-site .sa-home .ss-service-card{padding:28px 25px 29px!important;border:1px solid #dceaf7!important;border-radius:18px!important;min-height:245px!important;background:linear-gradient(145deg,#fff 70%,#f7fbff)!important;box-shadow:0 9px 26px #17487809!important;transition:transform .2s,box-shadow .2s,border-color .2s!important}
body.sa-site .sa-home .ss-service-card:hover{transform:translateY(-4px)!important;border-color:#9bc2ff!important;box-shadow:0 14px 30px #17487816!important}
body.sa-site .sa-home .ss-service-icon{display:grid!important;place-items:center;width:59px!important;height:59px!important;border-radius:15px!important;background:linear-gradient(130deg,#e9f5ff,#f4f9ff)!important;margin:0 0 20px!important}
.sa-home .ss-service-icon .sa-icon{width:35px;height:35px;stroke-width:1.7}
body.sa-site .sa-home .ss-service-heading{margin-bottom:12px!important;font-size:21px!important}
body.sa-site .sa-home .ss-service-text{line-height:1.45!important}
body.sa-site .sa-home .ss-service-card.sa-service-demo{background:radial-gradient(circle at 100% 0,#6c9fff70,transparent 65%),linear-gradient(120deg,#0673ff,#0054e8)!important;border-color:#0063ff!important;box-shadow:0 12px 24px #0063ff20!important}
body.sa-site .sa-home .sa-service-demo .ss-service-icon{background:#ffffff1c!important;border:1px solid #ffffff30!important}
.sa-home .sa-service-arrow{right:23px;bottom:20px}
.sa-home .sa-sector-grid{gap:25px}
.sa-home .sa-sector{padding:30px 22px 32px;border:1px solid #e0edf8;border-radius:17px;box-shadow:0 9px 26px #1d6a9810;min-height:235px;background:linear-gradient(150deg,white,#fbfdff)}
.sa-home .sa-sector>.sa-icon{margin-bottom:21px}
.sa-home .sa-sector h3{margin-bottom:14px}
.sa-home .sa-sector p{line-height:1.4}
.sa-home .sa-support h2{margin-bottom:40px}
.sa-home .sa-support .sa-icon{margin-bottom:16px}
.sa-home .sa-support h3{margin-bottom:11px}
.sa-home .sa-support p{line-height:1.45}
body.sa-site .sa-home #testimonials{padding:30px 0!important}
body.sa-site .sa-home .ss-google-reviews-shell{padding:27px 30px!important;border-radius:20px!important}
body.sa-site .sa-home .ss-google-reviews-head{margin-bottom:23px!important}
body.sa-site .sa-home .ss-google-review-card{padding:22px 19px 18px!important;border-radius:15px!important;background:linear-gradient(145deg,#fff,#fbfdff)!important;box-shadow:0 7px 18px #12385b06!important}
body.sa-site .sa-home .ss-google-review-text{font-size:16px!important;line-height:1.5!important;margin:19px 0 12px!important;white-space:normal!important;color:#526784!important}
.sa-home .sa-review-demo-note{display:block;padding-top:9px;border-top:1px solid #edf1f7;font-size:10px;line-height:1.4;color:#6a7b93;letter-spacing:0}
.sa-home #attivagratis .sa-section-head{margin-bottom:35px}
body.sa-site .sa-pricing .ss-price-card{padding:27px 20px 23px!important;border-radius:18px!important;box-shadow:0 10px 28px #1360a10a!important;border-color:#dbeafa!important}
body.sa-site .sa-pricing .ss-price-card[data-plan=premium]{border-color:#89b9ff!important;box-shadow:0 12px 28px #0063ff13!important}
body.sa-site .sa-pricing .ss-price-card h3{margin-bottom:16px!important}
body.sa-site .sa-pricing .ss-price-icon{margin-bottom:16px!important}
body.sa-site .sa-pricing .ss-price-annual{line-height:1.4!important;margin:14px 0 23px!important}
body.sa-site .sa-pricing .ss-price-features{border-radius:12px!important;padding:12px 10px!important;margin:0 -5px 23px!important}
body.sa-site .sa-pricing .ss-price-feature{padding:9px 0!important;line-height:1.35!important}
body.sa-site .sa-pricing .ss-price-feature+.ss-price-feature{border-top:1px solid #dfebf750!important}
.sa-home .sa-pricing-bottom{margin-top:27px;gap:20px}
.sa-home .sa-faq-list details{padding:15px 19px;margin-bottom:11px;border-radius:12px;border-color:#dce9f6;box-shadow:0 3px 12px #17487804}
.sa-home .sa-faq-list summary{font-size:17px;line-height:1.3}
.sa-home #sa-faq h2{font-size:33px;margin-bottom:10px}
.sa-home #sa-faq p{line-height:1.5}
.sa-home .sa-faq-art{margin-top:27px}
body.sa-site .sa-home #ultimenews.sa-blog{padding:78px 0 80px!important;background:linear-gradient(145deg,#f6faff,#fdfbfe)!important}
.sa-home .sa-blog .sa-section-head{max-width:780px;margin-bottom:39px}
.sa-home .sa-blog .sa-eyebrow{font-size:13px;margin-bottom:15px}
.sa-home .sa-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:stretch}
.sa-home .sa-blog-card{display:flex;flex-direction:column;border:1px solid #dfeaf5;border-radius:18px;overflow:hidden;background:white;box-shadow:0 10px 26px #12396808;transition:box-shadow .2s,transform .2s}
.sa-home .sa-blog-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px #12396813}
.sa-home .sa-blog-image{display:block;aspect-ratio:1.8;overflow:hidden;background:#e6f3ff}
.sa-home .sa-blog-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.sa-home .sa-blog-card:hover img{transform:scale(1.025)}
.sa-home .sa-blog-copy{display:flex;flex-direction:column;flex:1;padding:26px 27px 28px}
.sa-home .sa-blog-category{display:block;align-self:flex-start;font-size:11px;line-height:1.3;font-weight:500;letter-spacing:.025em;color:#1766d2;background:#edf5ff;border-radius:20px;padding:6px 10px;margin-bottom:15px}
.sa-home .sa-blog h3{font-size:25px;font-weight:700;line-height:1.2;letter-spacing:-.025em;margin:0 0 16px}
.sa-home .sa-blog h3 a{color:var(--sa-navy)}
.sa-home .sa-blog-copy p{font-size:18px;line-height:1.5;margin:0 0 25px;color:var(--sa-muted)}
.sa-blog-read{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:500;color:var(--sa-blue);margin-top:auto;align-self:flex-start}
.sa-blog-read>.sa-icon{width:19px;height:19px}
.sa-home .sa-blog-bottom{text-align:center;margin-top:33px}
body.sa-site .sa-footer{padding:37px 0 10px!important;background:#f9fcff!important}
.sa-footer .sa-footer-grid{gap:35px}
.sa-footer .sa-footer-bottom{margin-top:26px;padding:17px 0}
.sa-footer h3{margin-bottom:12px}
.sa-footer a{margin-bottom:6px}

@media(max-width:1199px) and (min-width:960px){.sa-navbar .navbar-header{flex-basis:185px}
.sa-navbar .logo,.sa-navbar .logo img{width:177px!important}
.sa-navbar .container{gap:20px}
.sa-navbar .sa-header-actions{gap:8px}
.sa-navbar .sa-header-actions>a{font-size:12px;padding:10px 12px}
.sa-home .sa-hero-promo strong{font-size:19px}
.sa-home .sa-hero-promo{padding-right:16px;gap:11px}
.sa-home .sa-hero-tag{font-size:11px;padding:7px 10px}
body.sa-site .sa-home .ss-service-card{padding:24px 20px!important}
body.sa-site .sa-home .ss-service-heading{font-size:19px!important}
.sa-home .sa-blog h3{font-size:23px}
.sa-home .sa-blog-copy{padding:24px 22px}
.sa-home .sa-sector{padding:27px 18px}
.sa-home .sa-sector h3{font-size:19px}}

@media(max-width:959px){body.sa-site .sa-navbar{padding:8px 0!important}
.sa-navbar .container{min-height:60px}
.sa-navbar .navbar-header{flex-basis:auto}
.sa-navbar .logo,.sa-navbar .logo img{width:165px!important}
.sa-navbar .sa-header-actions{justify-content:flex-start;flex-wrap:wrap;margin-top:20px;gap:10px}
.sa-navbar .sa-header-actions>a{font-size:14px;min-height:43px}
.sa-navbar .nav.navbar-nav{display:block}
.sa-navbar .sa-header-phone{flex-basis:100%;justify-content:flex-start!important;width:max-content;max-width:max-content}
body.sa-site .sa-home #header.sa-hero{padding:55px 0 58px!important}
.sa-home .sa-hero-tags{margin-bottom:23px}
.sa-home .sa-hero-promo{margin-top:23px}
.sa-home .sa-hero-row{gap:75px}
body.sa-site .sa-home #services,body.sa-site .sa-home #ticket-assistenza,body.sa-site .sa-home #gestione-commesse,body.sa-site .sa-home #percorsi-software,body.sa-site .sa-home #features,body.sa-site .sa-home #attivagratis,body.sa-site .sa-home #sa-faq,body.sa-site .sa-home #ultimenews.sa-blog{padding:58px 0!important}
.sa-home .sa-split{gap:40px}
.sa-home .sa-section-head{margin-bottom:31px}
.sa-home .ss-services-grid{gap:20px!important}
.sa-home .sa-sector-grid{gap:20px}
.sa-home .sa-sector{min-height:240px}
.sa-home .sa-blog-grid{gap:18px}
.sa-home .sa-blog-copy{padding:21px 18px}
.sa-home .sa-blog h3{font-size:22px}
.sa-home .sa-blog-copy p{font-size:17px}
.sa-home .sa-blog-category{font-size:10px}}

@media(max-width:700px){.sa-home .sa-blog-grid{grid-template-columns:1fr;gap:26px}
.sa-home .sa-blog-image{aspect-ratio:1.9}
.sa-home .sa-blog-copy{padding:26px}
.sa-home .sa-blog h3{font-size:25px}
.sa-home .sa-blog-copy p{font-size:18px}
.sa-home .sa-blog-category{font-size:11px}}

@media(max-width:575px){body.sa-site .sa-home #header.sa-hero{padding:39px 0 44px!important}
.sa-home .sa-hero-tags{gap:7px;margin-bottom:22px}
.sa-home .sa-hero-tag{font-size:11px;padding:7px 10px}
.sa-home .sa-hero-tag>.sa-icon{width:18px;height:18px}
.sa-home .sa-hero-promo{gap:10px;border-radius:14px;padding:11px 12px;max-width:100%}
.sa-home .sa-promo-icon{width:42px;height:42px;flex-basis:42px}
.sa-home .sa-hero-promo small{font-size:9px}
.sa-home .sa-hero-promo strong{font-size:18px}
.sa-home .sa-promo-icon>.sa-icon{width:22px;height:22px}
body.sa-site .sa-home #services,body.sa-site .sa-home #ticket-assistenza,body.sa-site .sa-home #gestione-commesse,body.sa-site .sa-home #percorsi-software,body.sa-site .sa-home #features,body.sa-site .sa-home #attivagratis,body.sa-site .sa-home #sa-faq,body.sa-site .sa-home #ultimenews.sa-blog{padding:48px 0!important}
.sa-home .ss-services-grid{gap:13px!important}
body.sa-site .sa-home .ss-service-card{padding:20px 15px!important;min-height:257px!important;border-radius:15px!important}
body.sa-site .sa-home .ss-service-heading{font-size:18px!important}
body.sa-site .sa-home .ss-service-icon{width:48px!important;height:48px!important;border-radius:12px!important;margin-bottom:17px!important}
.sa-home .ss-service-icon .sa-icon{width:30px;height:30px}
.sa-home .ss-service-text{font-size:16px!important}
.sa-home .sa-service-arrow{right:16px;bottom:14px}
.sa-home .sa-sector-grid{gap:14px}
.sa-home .sa-sector{padding:25px 13px;min-height:253px;border-radius:15px}
.sa-home .sa-sector p{font-size:16px}
.sa-home .sa-sector h3{font-size:18px}
.sa-home .sa-sector>.sa-icon{width:45px;height:45px;margin-bottom:17px}
.sa-home .sa-support .row{gap:34px}
body.sa-site .sa-home #vantaggi{padding:48px 0!important}
body.sa-site .sa-home #testimonials{padding:24px 0!important}
body.sa-site .sa-home .ss-google-reviews-shell{padding:20px 16px!important}
body.sa-site .sa-home .ss-google-review-card{padding:20px 18px!important}
.sa-home .sa-review-demo-note{font-size:11px}
body.sa-site .sa-pricing .ss-price-card{padding:26px 24px!important}
.sa-home .sa-faq-art{margin-top:20px}
.sa-home #sa-faq h2{font-size:30px}
.sa-home .sa-steps{gap:24px}
.sa-home #features .sa-app-visual{margin-top:15px!important}
.sa-home .sa-blog .section-heading{font-size:29px}
.sa-home .sa-blog-bottom{margin-top:26px}
body.sa-site .sa-home #sa-final-cta{padding:28px 0!important}
.sa-home .sa-faq-list details{padding:14px 16px}
.sa-home .sa-faq-list summary{font-size:16px}}
body.sa-site .sa-home #header.sa-hero{ padding: 30px 0 30px !important; }
@media(min-width:960px){body.sa-site .sa-navbar{padding:17px 0 0!important}}
body.sa-site .sa-home #services{
padding: 58px 0 30px !important;
background: radial-gradient(ellipse at 0 0, #edf7ff80, transparent 45%), #fff !important;
}
body.sa-site .sa-home #ticket-assistenza{ padding: 30px 0 30px !important; }
body.sa-site .sa-home #gestione-commesse{ padding: 50px 0 !important; }
body.sa-site .sa-home #features{ padding: 50px 0 50px !important; }
body.sa-site .sa-home #sa-faq{ padding: 50px 0 !important; }
body.sa-site .sa-home #ultimenews.sa-blog{
padding: 40px 0 40px !important;
background: linear-gradient(145deg, #f6faff, #fdfbfe) !important;
}
body.sa-site .sa-footer{ padding: 70px 0 10px !important; background: #f9fcff !important; }
body.sa-site .sa-home .sa-original-art{display:none!important}
body.sa-site .sa-home .sa-approved-hero{display:block;width:100%!important;height:auto!important;max-width:100%!important;margin:0!important;transform:none!important;box-shadow:none!important}
body.sa-site .sa-home .sa-approved-art{display:block;width:100%!important;height:auto!important;max-width:100%;margin:0 auto;transform:none!important;box-shadow:none!important;background:none!important;mix-blend-mode:normal}
body.sa-site .sa-home .sa-approved-app{width:90%!important;max-width:490px}
body.sa-site .sa-home .sa-approved-art{position:relative;z-index:1}
body.sa-site .sa-home h2,body.sa-site .sa-home h2 span{color:#0064ef!important}
body.sa-site .sa-home #vantaggi h2,body.sa-site .sa-home #barraPromo h2,body.sa-site .sa-home #sa-final-cta h2{color:#e0f2ff!important}
body.sa-site .sa-home .sa-product-scene{position:relative;isolation:isolate;width:100%;display:grid;place-items:center}
body.sa-site .sa-home .sa-product-scene:before{content:'';position:absolute;z-index:-1;inset:4% -1% 1%;border-radius:42% 58% 40% 60% / 60% 40% 60% 40%;background:radial-gradient(ellipse at 28% 30%,#a4dcff9c,transparent 65%),radial-gradient(ellipse at 83% 75%,#afbfff63,transparent 58%),linear-gradient(145deg,#e1f5ffb3,#edf4ff66);transform:rotate(-7deg);box-shadow:inset 0 0 50px #ffffff80}
body.sa-site .sa-home .sa-product-scene:after{content:'';position:absolute;z-index:-1;inset:13% 1% 6% 3%;border:1px solid #ffffffb3;border-radius:50%;transform:rotate(14deg);box-shadow:0 0 0 18px #e3f3ff25;pointer-events:none}
body.sa-site .sa-home #header .sa-hero-row{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:16px;align-items:center}
body.sa-site .sa-home #header .sa-hero-row>.col-md-6:first-child{width:100%;padding-right:0}
body.sa-site .sa-home #header .header-dashboard{width:100%!important;margin:0!important;min-width:0;padding:55px 0 0!important;align-self:center}
body.sa-site .sa-home #header .sa-approved-hero{width:112%!important;max-width:112%!important;position:relative;left:-3%;z-index:1}
body.sa-site .sa-home #header .sa-handnote{top:2px;right:8%;font-size:15px;transform:rotate(-5deg);max-width:245px}
body.sa-site .sa-home #header .sa-handnote>span{font-size:40px;left:-35px;top:5px}
body.sa-site .sa-home #header:before{display:none}
body.sa-site .sa-home #features .sa-split{align-items:center!important;gap:32px}
body.sa-site .sa-home #features .sa-split>.col-md-6:first-child{width:53%!important;align-self:center;text-align:center}
body.sa-site .sa-home #features .sa-steps{text-align:left;margin-top:30px}
body.sa-site .sa-home #features .sa-app-visual{width:47%!important;margin:0!important;padding-top:35px;align-self:center}
body.sa-site .sa-home .sa-app-visual:before{display:none!important}
body.sa-site .sa-home #features .sa-handnote{top:0;right:4%;font-size:14px;transform:rotate(-5deg)}
body.sa-site .sa-home .sa-scene-app{aspect-ratio:1.16;max-height:470px}
body.sa-site .sa-home .sa-approved-app{width:93%!important;max-width:465px;transform:rotate(-12deg)!important;filter:drop-shadow(0 12px 12px #0e4d8410)}
body.sa-site .sa-home #attivagratis>.container{width:calc(100% - 80px)!important;max-width:1320px!important;margin:0 auto!important;padding:0!important;float:none!important}
body.sa-site .sa-pricing .ss-pricing-grid{width:100%!important;max-width:1180px!important;margin:0 auto!important;padding:0!important;float:none!important;left:auto!important;right:auto!important;transform:none!important;box-sizing:border-box}
body.sa-site .sa-home #attivagratis .sa-section-head,body.sa-site .sa-home #attivagratis .sa-pricing-bottom{width:100%;margin-left:auto!important;margin-right:auto!important;text-align:center;justify-content:center}

@media(max-width:959px){body.sa-site .sa-home #header .sa-hero-row{display:flex;gap:25px}
body.sa-site .sa-home #header .header-dashboard{padding-top:55px!important;max-width:650px}
body.sa-site .sa-home #header .sa-approved-hero{width:100%!important;max-width:100%!important;left:0}
body.sa-site .sa-home #features .sa-split>.col-md-6:first-child,body.sa-site .sa-home #features .sa-app-visual{width:100%!important}
body.sa-site .sa-home #features .sa-split{gap:25px!important}
body.sa-site .sa-home #features .sa-app-visual{max-width:530px;padding-top:40px}
body.sa-site .sa-home #attivagratis>.container{width:calc(100% - 40px)!important}}

@media(max-width:575px){body.sa-site .sa-home #header .sa-handnote{font-size:12px;right:7%;top:9px}
body.sa-site .sa-home #features .sa-steps{max-width:320px;margin:25px auto 0}
body.sa-site .sa-home .sa-scene-app{max-height:none;aspect-ratio:1.05}
body.sa-site .sa-home .sa-approved-app{width:88%!important;transform:rotate(-9deg)!important}
body.sa-site .sa-home .sa-product-scene:before{inset:5% 2%}}
body.sa-site .sa-navbar .logo img,body.sa-site .sa-footer img.sa-logo{height:auto!important;object-fit:contain}
body.sa-site .sa-with-arrow{display:inline-flex;align-items:center;justify-content:center;gap:10px}
body.sa-site .sa-with-arrow .sa-cta-arrow{width:19px!important;height:19px!important;flex:0 0 19px;display:inline-block;vertical-align:middle}
body.sa-site .sa-navbar .sa-with-arrow .sa-cta-arrow {
    width: 16px !important;
    height: 16px !important;
    flex-basis: 16px
}
body.sa-site .sa-with-arrow{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding-left:20px!important;padding-right:20px!important;text-indent:0!important}
body.sa-site .sa-with-arrow:after,body.sa-site .sa-with-arrow:before{display:none!important;content:none!important}
body.sa-site .sa-with-arrow .sa-cta-arrow{margin:0!important;padding:0!important;position:static!important}
body.sa-site .sa-navbar .sa-with-arrow{padding-left:14px!important;padding-right:14px!important;gap:7px!important}
body.sa-site .sa-pricing .ss-price-card>.sa-with-arrow{font-size:17px!important;line-height:1.2!important;min-height:46px!important;padding:12px 18px!important;text-align:center!important;align-self:center!important}
body.sa-site .sa-navbar .nav>li>a{font-size:16px!important;font-weight:500!important;transition:color .18s ease}
body.sa-site .sa-navbar .nav>li>a:hover,body.sa-site .sa-navbar .sa-open>a{color:#0064ef!important}
body.sa-site .sa-navbar .submenu{border-radius:16px!important;padding:9px!important;border:1px solid #dceaff!important;box-shadow:0 18px 45px #10396620,0 3px 9px #1039660a!important}
body.sa-site .sa-navbar .submenu a{border-radius:9px;transition:background .16s ease,color .16s ease,transform .16s ease}
body.sa-site .sa-navbar .submenu a:hover,body.sa-site .sa-navbar .submenu a:focus-visible{background:#edf5ff!important;color:#0064ef!important;transform:translateX(3px);outline:2px solid transparent}
body.sa-site .sa-navbar .sa-submenu-toggle{transition:transform .2s ease}
body.sa-site .sa-navbar .sa-open>.sa-submenu-toggle{transform:rotate(180deg)}

@media(min-width:960px){body.sa-site .sa-navbar .submenu{display:block!important;top:100%!important;margin-top:0!important;opacity:0!important;visibility:hidden!important;pointer-events:none;transform:translateY(8px)!important;transition:opacity .18s ease,transform .18s ease,visibility .18s ease;min-width:260px}
body.sa-site .sa-navbar .sa-open>.submenu{opacity:1!important;visibility:visible!important;pointer-events:auto;transform:translateY(0)!important}}

@media(prefers-reduced-motion:reduce){body.sa-site .sa-navbar .submenu,body.sa-site .sa-navbar .submenu a,body.sa-site .sa-navbar .sa-submenu-toggle{transition:none!important}}

@media(min-width:960px){body.sa-site .sa-navbar .nav>li:last-child>.submenu{left:auto!important;right:0!important}}
body.sa-site .sa-home #header .sa-approved-hero{width:115%!important;max-width:115%!important;left:-4%}
body.sa-site .sa-home #header .sa-handnote{font-size:16px;transform:rotate(-2deg);max-width:245px;right:8%;top:2px}
body.sa-site .sa-home .sa-hero-benefits{background:linear-gradient(110deg,#fff,#fbfdff);border-top:1px solid #e4eef9;border-bottom:1px solid #edf3fa;padding:22px 0}
body.sa-site .sa-home .sa-hero-benefits>.container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center}
body.sa-site .sa-home .sa-hero-benefits>.container:before,body.sa-site .sa-home .sa-hero-benefits>.container:after{display:none!important;content:none!important}
body.sa-site .sa-home .sa-hero-benefit{display:flex;align-items:center;justify-content:center;gap:18px;padding:5px 20px;min-width:0}
body.sa-site .sa-home .sa-hero-benefit+.sa-hero-benefit{border-left:1px solid #d1e1f5}
body.sa-site .sa-home .sa-hero-benefit svg{width:40px;height:40px;flex:0 0 40px;color:#0064ef}
body.sa-site .sa-home .sa-hero-benefit strong{display:block;color:#071b4f;font-size:16px;font-weight:500;line-height:1.3;margin:0 0 4px}
body.sa-site .sa-home .sa-hero-benefit span{display:block;color:#5775b1;font-size:14px;font-weight:400;line-height:1.35}

@media(max-width:959px){body.sa-site .sa-home #header .sa-approved-hero{width:104%!important;max-width:104%!important;left:-2%}
body.sa-site .sa-home .sa-hero-benefit{gap:12px;padding:5px 10px}}

@media(max-width:767px){body.sa-site .sa-home .sa-hero-benefits>.container{grid-template-columns:1fr;gap:14px}
body.sa-site .sa-home .sa-hero-benefit{justify-content:flex-start;padding:10px 14px}
body.sa-site .sa-home .sa-hero-benefit+.sa-hero-benefit{border-left:0;border-top:1px solid #e1edf9;padding-top:20px}
body.sa-site .sa-home #header .sa-handnote{font-size:14px;max-width:245px;right:7%;top:9px}}
body.sa-site .sa-navbar>.container:before,body.sa-site .sa-navbar>.container:after{display:none!important;content:none!important}
body.sa-site .sa-navbar>.container{width:calc(100% - 144px)!important;max-width:1280px!important;padding-left:0!important;padding-right:0!important}

@media(min-width:960px) and (max-width:1199px){body.sa-site .sa-navbar>.container{width:calc(100% - 70px)!important}}

@media(max-width:959px){body.sa-site .sa-navbar>.container{width:calc(100% - 40px)!important}}
body.sa-site .sa-navbar .sa-submenu-toggle,body.sa-site .sa-navbar .sa-open>.sa-submenu-toggle{transform:none!important;padding:0!important;margin:0 0 0 6px!important;width:22px;height:28px;flex:0 0 22px;display:inline-flex;align-items:center;justify-content:center}
body.sa-site .sa-navbar .sa-submenu-toggle .fa{display:block;width:12px;height:12px;line-height:12px;text-align:center;margin:0!important;padding:0!important;transform:rotate(0deg);transform-origin:50% 50%;transition:transform .18s ease}
body.sa-site .sa-navbar .sa-open>.sa-submenu-toggle .fa{transform:rotate(180deg)}
body.sa-site .sa-home #header.sa-hero{padding:0px!important}
body.sa-site .sa-home #header .sa-handnote{font-size:18px;transform:rotate(-2deg);max-width:281px;right:6%;top:27px}
body.sa-site .sa-home #features .sa-app-download{margin-top:25px;text-align:center}
body.sa-site .sa-home #features .sa-app-download p{font-size:16px;line-height:1.4;margin:0 0 12px;color:#5775b1}
body.sa-site .sa-home .sa-store-badges{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:14px}
body.sa-site .sa-home .sa-store-badges a{display:inline-flex;align-items:center;line-height:0;border-radius:8px}
body.sa-site .sa-home .sa-store-badges img{display:block;height:46px!important;width:auto!important;max-width:100%;object-fit:contain}
body.sa-site .sa-home .sa-store-badges a:focus-visible{outline:3px solid #0064ef;outline-offset:4px}

@media(prefers-reduced-motion:reduce){body.sa-site .sa-navbar .sa-submenu-toggle .fa{transition:none}}
body.sa-site .sa-home #header .sa-handnote{
font-size: 19px;
transform: rotate(-2deg);
max-width: 281px;
right: 6%;
top: 24px;
}
body.sa-site .sa-home #header .sa-hero-row{
display: grid;
grid-template-columns: minmax(0,.94fr) minmax(0,1.06fr);
gap: 16px;
align-items: center;
padding: 15px 0 !important;
}
body.sa-site .sa-pricing .ss-price-card{padding:24px 18px!important}
body.sa-site .sa-pricing .ss-price-promo{display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;border:1px solid #ffb9d4;border-radius:999px;padding:6px 8px;margin:0 -6px 8px;color:#0085ff;font-size:12px;line-height:1.3;font-weight:700}
body.sa-site .sa-pricing .ss-price-promo .fa,body.sa-site .sa-pricing .ss-price-promo em{color:#ff298a;font-style:normal}
body.sa-site .sa-pricing .ss-price-after{font-size:15px;line-height:1.3;font-weight:700;color:var(--sa-blue);margin:0 0 2px}
body.sa-site .sa-pricing .ss-price-number{font-size:52px!important;font-weight:400!important;letter-spacing:-.04em}
body.sa-site .sa-pricing .ss-price-currency{font-size:19px!important;align-self:baseline;margin-left:4px!important}
body.sa-site .sa-pricing .ss-price-period{font-size:18px!important;margin-left:8px!important;letter-spacing:0}
body.sa-site .sa-pricing .ss-price-annual{font-size:15px!important;margin:6px 0 14px!important}
body.sa-site .sa-pricing .ss-price-annual span{font-size:13px!important}
body.sa-site .sa-pricing .ss-price-features{background:#f0f9fc!important;border-radius:11px!important;padding:9px 11px!important;margin:0 -5px 20px!important}
body.sa-site .sa-pricing .ss-price-feature{color:#102254!important;font-size:15px!important;gap:7px!important;padding:7px 0!important;line-height:1.35!important}
body.sa-site .sa-pricing .ss-price-feature+.ss-price-feature{border-top:1px solid #dfeef4!important}
body.sa-site .sa-pricing .ss-price-feature>.fa{width:16px!important;height:16px!important;flex-basis:16px;line-height:16px!important;font-size:10px!important;background:var(--sa-blue)!important;color:#fff!important;border-radius:50%!important;margin-top:2px!important}

@media(min-width:768px) and (max-width:1100px){body.sa-site .sa-pricing .ss-price-promo{font-size:10px;gap:4px;padding-inline:4px}}
body.sa-site .sa-footer .sa-footer-phone,body.sa-site .sa-footer .sa-footer-phone .fa{color:#0063ff!important}
body.sa-site .sa-footer .sa-footer-phone{display:inline-flex;align-items:center;gap:8px}
body.sa-site .sa-footer .sa-footer-bottom>div{align-items:center}
body.sa-site .sa-footer .sa-footer-bottom>div>a,body.sa-site .sa-footer .sa-footer-bottom>div>button{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin:0!important;padding:0!important;min-height:24px;height:auto;border:0;background:none;line-height:1.4;font-family:inherit;font-size:12px;font-weight:400;letter-spacing:normal;text-transform:none;position:static;transform:none}
.sa-fi{font-family:'SA Roboto',Arial,sans-serif;color:#061959;text-align:left}
.sa-fi *{box-sizing:border-box}
.sa-fi header{margin:0}
.sa-fi h1,.sa-fi h2,.sa-fi h3,.sa-fi p,.sa-fi a,.sa-fi span,.sa-fi strong{font-family:inherit}
.sa-fi h1,.sa-fi h2,.sa-fi h3{font-style:normal;text-transform:none;letter-spacing:-.035em}
.sa-fi h1{font-size:clamp(36px,3.8vw,56px);line-height:1.06;font-weight:900;color:#061959;margin:0 0 20px}
.sa-fi h2{color:#0063ff;font-size:30px;font-weight:700;line-height:1.15;margin:0 0 13px}
.sa-fi h3{font-size:19px;font-weight:700;line-height:1.2;margin:0 0 7px}
.sa-fi p{font-size:17px;line-height:1.5;font-weight:400;letter-spacing:0;color:#5975a8;margin:0 0 20px}
.sa-fi a{color:#0063ff;text-decoration:none}
.sa-fi a:hover{text-decoration:none}
.sa-fi a:focus-visible{outline:3px solid #ff2383;outline-offset:4px}
.sa-fi .fi-wrap{width:calc(100% - 144px);max-width:1280px;margin:0 auto}
.sa-fi .fi-hero{padding:0px;background:linear-gradient(110deg,#f0faff,#e2f5ff);overflow:hidden}
.sa-fi .fi-hero-grid{display:grid;grid-template-columns:1.06fr 1fr;align-items:center;gap:10px}
    .sa-fi .fi-breadcrumb {
        display: flex;
        gap: 7px;
        flex-wrap: wrap;
        font-size: 13px;
        color: #244678;
        margin: 25px 0 25px;
        background: none
    }
.sa-fi .fi-hero-copy>p{font-size:23px;margin:0 0 40px}
.sa-fi .fi-art{background-size:contain;background-position:center;background-repeat:no-repeat;aspect-ratio:1.5;min-width:0;width:100%;}
.sa-fi .fi-art-hero{transform:scale(1.07)}
.sa-fi .fi-art-documents{background-image:url('../public/fatturazione/interventi-fattura-hd.png')}
.sa-fi .fi-art-electronic{background-image:url('../public/fatturazione/elettronica-hd.png')}
.sa-fi .fi-art-analysis{background-image:url('../public/fatturazione/analisi-hd.png')}
.sa-fi .fi-body{padding:28px 0 24px;background:linear-gradient(90deg,#f2faff 0%,#fff 35%)}
.sa-fi .fi-layout{display:grid;grid-template-columns:27% minmax(0,1fr);gap:46px;align-items:start}
    .sa-fi .fi-layout.full-page {
        display: grid;
        grid-template-columns:inherit!important;
        gap: 46px;
        align-items: start
    }
.sa-fi .fi-sidebar{position:sticky;top:20px;display:grid;gap:19px;min-width:0}
.sa-fi .fi-side-cta{position:relative;overflow:hidden;border-radius:13px;padding:30px 26px;background:linear-gradient(130deg,#074fae,#003782);color:white;box-shadow:0 6px 18px #124d9820}
.sa-fi .fi-side-cta:before{content:'';position:absolute;border:40px solid #2b80ec29;right:-35px;top:-65px;border-radius:50%;width:190px;height:190px;pointer-events:none}
.sa-fi .fi-side-cta h2{font-size:23px;color:white;letter-spacing:-.02em;position:relative}
.sa-fi .fi-side-cta p{font-size:18px;color:#e2efff;margin:0 0 22px;position:relative}
.sa-fi .fi-side-cta small{display:flex;align-items:center;gap:10px;color:#d7eaff;font-size:12px;margin-top:20px}
.sa-fi .fi-side-cta small .fa{font-size:22px}
.sa-fi .fi-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;border-radius:7px;padding:13px 22px;font-size:16px;font-weight:500;line-height:1.3;white-space:normal;text-align:center;transition:filter .18s,box-shadow .18s}
.sa-fi .fi-btn:hover{filter:brightness(.96);box-shadow:0 7px 16px #0053a81a}
.sa-fi .fi-btn>span{flex:none;line-height:1;font-size:21px}
.sa-fi .fi-pink{background:linear-gradient(100deg,#ff4097,#ff1679);color:white}
.sa-fi .fi-side-cta .fi-btn{width:100%}
.sa-fi .fi-white{background:white;color:#fa237e}
.sa-fi .fi-outline{border-color:#a5cbff;color:white;background:transparent}
.sa-fi .fi-side-panel{border:1px solid #d6e8fc;border-radius:13px;padding:22px 20px;background:#ffffffd9}
.sa-fi .fi-side-panel h2{color:#061959;font-size:18px;letter-spacing:-.02em;margin:0 0 18px}
.sa-fi .fi-index a{display:block;position:relative;padding:10px 13px 10px 26px;font-size:15px;color:#536aa0;border-radius:5px;margin-bottom:3px}
.sa-fi .fi-index a:before{content:'';position:absolute;left:0;top:7px;bottom:7px;width:4px;background:#dfefff;border-radius:3px}
.sa-fi .fi-index a:hover,.sa-fi .fi-index a[aria-current]{background:linear-gradient(90deg,#e3f3ff,#f7fbff);color:#061959}
.sa-fi .fi-index a[aria-current]:before{background:#0063ff}
.sa-fi .fi-contact h2{display:flex;gap:11px;align-items:center;font-size:17px;margin-bottom:7px}
.sa-fi .fi-contact .fa{color:#0063ff;font-size:24px}
.sa-fi .fi-contact p{font-size:13px;margin:0 0 18px;padding-left:34px}
.sa-fi .fi-contact>a{border-top:1px solid #e3eefc;padding-top:16px;display:flex;gap:10px;align-items:center;font-size:13px;overflow-wrap:anywhere;margin-top:16px}
.sa-fi .fi-content{min-width:0}
.sa-fi .fi-intro{padding:18px 0 27px}
.sa-fi .fi-intro h2{font-size:31px}
.sa-fi .fi-intro p{font-size:22px;line-height:1.35;margin-bottom:19px}
.sa-fi .fi-plans{display:flex;gap:14px;flex-wrap:wrap}
.sa-fi .fi-plans span{display:inline-flex;align-items:center;gap:10px;border-radius:30px;padding:9px 25px;background:linear-gradient(110deg,#7051ff,#9190ff);font-size:16px;font-weight:500;color:white}
.sa-fi .fi-plans span+span{background:linear-gradient(110deg,#ff3292,#ff75ad)}
.sa-fi .fi-section{border-top:1px solid #d9e9f9;padding:27px 0 24px;scroll-margin-top:25px}
.sa-fi .fi-section p:last-child{margin-bottom:0}
.sa-fi .fi-split{display:grid;grid-template-columns:1.12fr 1fr;gap:12px;align-items:center}
.sa-fi .fi-split h2{font-size:30px}
.sa-fi .fi-inline{display:flex;gap:20px;align-items:center;padding:25px 28px;margin:0 0 22px;border-radius:11px}
.sa-fi .fi-inline>div{flex:1;min-width:0}
.sa-fi .fi-inline h3{font-size:20px;letter-spacing:-.025em}
.sa-fi .fi-inline p{font-size:15px;line-height:1.35;margin:0}
.sa-fi .fi-inline .fi-btn{flex:none;font-size:15px;padding:12px 20px}
.sa-fi .fi-inline-blue{background:linear-gradient(120deg,#058dff,#0060ff);color:#fff}
.sa-fi .fi-inline-blue h3,.sa-fi .fi-inline-blue p{color:white}
.sa-fi .fi-play{border:2px solid white;border-radius:50%;width:49px;height:49px;display:grid;place-items:center;font-size:30px;flex:none}
/* Card funzionalita': componente comune */
.sa-fi .fi-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:10px}
.sa-fi .fi-card-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.sa-fi .fi-card-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.sa-fi .fi-card-grid--5{grid-template-columns:repeat(6,minmax(0,1fr))}
.sa-fi .fi-card-grid--5>.fi-card:nth-child(-n+3){grid-column:span 2}
.sa-fi .fi-card-grid--5>.fi-card:nth-child(n+4){grid-column:span 3}
.sa-fi .fi-card{display:flex;align-items:center;min-width:0;min-height:112px;gap:18px;padding:20px 22px;border:1px solid #dceafb;border-radius:16px;background:linear-gradient(145deg,#fff 0%,#fbfdff 100%);box-shadow:0 8px 24px rgba(0,79,170,.035);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.sa-fi .fi-card-copy,.sa-fi .fi-card>div:last-child{flex:1;min-width:0}
.sa-fi .fi-card h3{color:#061959;font-size:18px;line-height:1.25;font-weight:700;margin:0 0 6px}
.sa-fi .fi-card p{color:#5975a8;font-size:16px;line-height:1.42;margin:0}
.sa-fi .fi-card .fi-icon{width:54px;height:54px;flex:0 0 54px;display:grid;place-items:center;margin:0;border-radius:12px;background:#eef7ff;color:#0063ff;box-shadow:none}
.sa-fi .fi-card .fi-icon .fa{position:relative;display:block;width:100%;height:100%;margin:0;padding:0;font-size:0;line-height:1;text-align:center}
.sa-fi .fi-card .fi-icon .fa:before{position:absolute;top:50%;left:50%;display:block;margin:0;font-size:27px;line-height:1;transform:translate(-50%,-50%)}
@media(hover:hover){.sa-fi .fi-card:hover{transform:translateY(-2px);border-color:#c8e0fb;box-shadow:0 12px 28px rgba(0,79,170,.07)}}
.sa-fi .fi-steps{list-style:none;padding:0;margin:28px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.sa-fi .fi-steps li{display:flex;align-items:flex-start;gap:16px;position:relative}
.sa-fi .fi-steps li:not(:last-child):after{content:'→';position:absolute;right:-20px;top:12px;color:#0063ff}
.sa-fi .fi-steps li>span{flex:none;display:grid;place-items:center;width:52px;height:52px;background:linear-gradient(110deg,#0063ff,#009bff);border-radius:50%;color:white;font-size:24px}
.sa-fi .fi-steps h3{font-size:17px;color:#0063ff;margin:5px 0 7px}
.sa-fi .fi-steps p{font-size:14px;line-height:1.4}
.sa-fi .fi-inline-light{background:linear-gradient(110deg,#edf7ff,#e6f4ff);color:#0063ff}
.sa-fi .fi-inline-light h3{color:#0063ff}
.sa-fi .fi-plans .fa{color:inherit}
.sa-fi .fi-inline-icon{display:grid;place-items:center;flex:none;width:50px;height:58px;color:white;font-size:30px;border-radius:10px;background:linear-gradient(120deg,#ffa5c7,#ff288a);box-shadow:0 7px 15px #ff288a20}
.sa-fi .fi-analysis{grid-template-columns:1fr 1fr;padding-bottom:12px}
.sa-fi .fi-resources{padding:20px 23px;border:1px solid #dbeafc;border-radius:13px;background:linear-gradient(120deg,#f4faff,#f9fcff)}
.sa-fi .fi-resources>a,.sa-fi .fi-resources>p{display:flex;gap:17px;align-items:center;font-size:16px;line-height:1.45;margin:0}
.sa-fi .fi-resources>p{margin-top:15px}
.sa-fi .fi-resources .fa{color:#0063ff;font-size:25px;flex:none}
.sa-fi .fi-resources a{overflow-wrap:anywhere}
.sa-fi .fi-final{padding:32px 0;background:linear-gradient(100deg,#0079ff,#0055ec);color:white}
.sa-fi .fi-final>.fi-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}
.sa-fi .fi-final h2{color:white;font-size:26px;margin:0 0 4px}
.sa-fi .fi-final p{color:#d6ebff;font-size:17px;margin:0}
.sa-fi .fi-actions{display:flex;gap:17px;flex-wrap:wrap}

@media(min-width:960px) and (max-width:1199px){.sa-fi .fi-wrap{width:calc(100% - 70px)}
.sa-fi .fi-layout{gap:28px;grid-template-columns:27% minmax(0,1fr)}
.sa-fi .fi-side-cta{padding:24px 19px}
.sa-fi .fi-side-panel{padding:19px 15px}
.sa-fi .fi-inline{flex-wrap:wrap}
.sa-fi .fi-inline .fi-btn{margin-left:auto}
.sa-fi .fi-steps{gap:18px}
.sa-fi .fi-steps li{gap:9px}
.sa-fi .fi-steps li>span{width:38px;height:38px;font-size:20px}}

@media(max-width:959px){.sa-fi .fi-wrap{width:calc(100% - 40px)}
.sa-fi .fi-hero{padding-top:22px}
.sa-fi .fi-layout{grid-template-columns:1fr;gap:30px}
.sa-fi .fi-sidebar{position:static;grid-template-columns:1fr 1fr}
.sa-fi .fi-contact{grid-column:1/-1}
.sa-fi .fi-contact>a{width:max-content;max-width:100%}
.sa-fi .fi-hero-copy>p{font-size:19px;margin-bottom:24px}
.sa-fi .fi-breadcrumb{margin-bottom:25px}
.sa-fi .fi-hero h1{font-size:38px}
.sa-fi .fi-final>.fi-wrap{align-items:flex-start;flex-direction:column}
.sa-fi .fi-card-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}
.sa-fi .fi-card{min-height:104px;gap:15px;padding:17px 18px}
.sa-fi .fi-card .fi-icon{width:50px;height:50px;flex-basis:50px}
.sa-fi .fi-card .fi-icon .fa:before{font-size:25px}}

@media(min-width:768px){.sa-fi .fi-card-grid--5{grid-template-columns:repeat(6,minmax(0,1fr))}.sa-fi .fi-card-grid--5>.fi-card:nth-child(-n+3){grid-column:span 2}.sa-fi .fi-card-grid--5>.fi-card:nth-child(n+4){grid-column:span 3}}
@media(min-width:600px) and (max-width:767px){.sa-fi .fi-card-grid--5{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-fi .fi-card-grid--5>.fi-card{grid-column:auto}}

@media(max-width:599px){.sa-fi .fi-hero-grid{grid-template-columns:1fr}
.sa-fi .fi-hero{padding-top:25px}
.sa-fi .fi-art-hero{transform:none;max-width:470px;margin:-10px auto 0}
.sa-fi .fi-hero h1{font-size:36px}
.sa-fi .fi-sidebar{grid-template-columns:1fr}
.sa-fi .fi-contact{grid-column:auto}
.sa-fi .fi-split{grid-template-columns:1fr;gap:10px}
.sa-fi .fi-split .fi-art{max-width:340px;margin:0 auto}
.sa-fi .fi-intro h2,.sa-fi h2,.sa-fi .fi-split h2{font-size:27px}
.sa-fi .fi-intro p{font-size:19px}
.sa-fi .fi-inline{flex-wrap:wrap;gap:14px;padding:22px}
.sa-fi .fi-inline>div{flex-basis:65%}
.sa-fi .fi-inline .fi-btn{width:100%}
.sa-fi .fi-card-grid,.sa-fi .fi-card-grid--2,.sa-fi .fi-card-grid--3,.sa-fi .fi-card-grid--5{grid-template-columns:1fr}.sa-fi .fi-card-grid--5>.fi-card{grid-column:auto}
.sa-fi .fi-card-grid{gap:13px}
.sa-fi .fi-card{min-height:0}
.sa-fi .fi-steps{grid-template-columns:1fr;gap:22px}
.sa-fi .fi-steps li:not(:last-child):after{display:none}
.sa-fi .fi-final h2{font-size:24px}
.sa-fi .fi-actions{width:100%}
.sa-fi .fi-actions .fi-btn{width:100%}
.sa-fi .fi-resources{padding:19px 15px}
.sa-fi .fi-resources>a,.sa-fi .fi-resources>p{font-size:15px;align-items:flex-start}}

@media(prefers-reduced-motion:reduce){.sa-fi *{transition:none!important}}
.sa-vp{font-family:'SA Roboto',Arial,sans-serif;color:var(--sa-navy);background:#fff}
.sa-vp *{box-sizing:border-box}
.sa-vp a{text-decoration:none}
.sa-vp .vp-wrap{width:calc(100% - 144px);max-width:1280px;margin:0 auto}
.sa-vp h1,.sa-vp h2,.sa-vp h3,.sa-vp h4{font-family:inherit;letter-spacing:-.025em;font-weight:700;text-transform:none}
.sa-vp h1{font-size:36px;line-height:1.12;margin:10px 0 15px}
.sa-vp h2{font-size:27px;line-height:1.2;margin:0 0 7px;color:var(--sa-blue)}
.sa-vp p{font-size:16px;line-height:1.45;color:var(--sa-muted);margin:0 0 12px}
.sa-vp .vp-top{background:radial-gradient(ellipse at 75% 20%,#d9f2ff,transparent 55%),linear-gradient(#effaff,#fff);padding:28px 0 20px}
.sa-vp .vp-breadcrumb{font-size:13px;color:var(--sa-muted);margin:0 0 18px}
.sa-vp .vp-hero{display:grid;grid-template-columns:1.12fr 1.08fr .55fr;align-items:center;gap:22px;margin-bottom:28px}
.sa-vp .vp-eyebrow{color:var(--sa-pink);font-size:13px;font-weight:700;letter-spacing:1px;margin:0}
.sa-vp .vp-promo{display:flex;align-items:center;gap:12px;background:linear-gradient(110deg,#fff0f7,#fff 85%);border:1px solid #ffe0ef;border-radius:10px;padding:12px;box-shadow:0 7px 20px #1360a108;font-size:14px}
.sa-vp .vp-promo i{font-size:24px;background:var(--sa-pink);color:#fff;border-radius:50%;padding:13px}
.sa-vp .vp-promo b{font-size:18px;color:var(--sa-blue)}
.sa-vp .vp-promo em{font-style:normal;color:var(--sa-pink)}
.sa-vp .vp-devices{position:relative;padding-top:40px}
.sa-vp .vp-devices img{width:110%;max-width:none;height:auto;display:block;margin-left:-5%}
.sa-vp .vp-note{position:absolute;right:0;top:0;font-size:18px;color:var(--sa-blue);font-style:italic;transform:rotate(-3deg)}
.sa-vp .vp-benefits{list-style:none;margin:25px 0 0;padding:18px 12px;background:#ffffffc9;border:1px solid #deefff;border-radius:12px;box-shadow:0 8px 25px #1260a109}
.sa-vp .vp-benefits li{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:500;margin:0 0 15px}
.sa-vp .vp-benefits li:last-child{margin:0}
.sa-vp .vp-benefits li:before{content:'✓';display:grid;place-items:center;background:var(--sa-blue);color:white;min-width:23px;height:23px;border-radius:6px}
.sa-vp .vp-trust{display:flex;justify-content:center;gap:22px;margin:24px 0}
.sa-vp .vp-trust span{display:flex;align-items:center;justify-content:center;gap:14px;background:white;border:1px solid #deefff;border-radius:9px;padding:12px 26px;font-size:16px;font-weight:700;box-shadow:0 6px 22px #0063ff08}
.sa-vp .vp-trust i{background:var(--sa-blue);color:#fff;width:36px;height:36px;border-radius:50%;display:grid;place-items:center}
.sa-vp .vp-heading{text-align:center;margin:10px 0 22px}
.sa-vp .vp-details{padding-bottom:0}
.sa-vp .vp-scroll{overflow-x:auto;border:1px solid #dcecf8;border-radius:8px}
.sa-vp table{border-collapse:collapse;width:100%;color:var(--sa-muted);font-size:14px}
.sa-vp .vp-compare{min-width:820px;table-layout:fixed}
.sa-vp .vp-compare th:first-child{width:44%}
.sa-vp th,.sa-vp td{padding:8px 12px;border-right:1px solid white;vertical-align:middle;line-height:1.4}
.sa-vp th[scope=row]{font-weight:400;text-align:left}
.sa-vp td{text-align:center}
.sa-vp thead th{background:#ddf1ff;text-align:center;color:var(--sa-navy);font-size:14px;font-weight:700}
.sa-vp thead th:first-child{text-align:left}
.sa-vp thead small{display:block;font-size:12px;margin-top:3px}
.sa-vp tbody tr:nth-child(odd){background:#f0f7fb}
.sa-vp tbody tr:nth-child(even){background:#fbfdff}
.sa-vp .vp-group th{background:#e2f3ff;color:var(--sa-blue);text-align:left;font-weight:700;padding:13px 12px;border-top:9px solid white}
.sa-vp .vp-group span{float:right;font-size:12px;font-weight:400}
.sa-vp .vp-yes{display:inline-grid;place-items:center;width:17px;height:17px;background:var(--sa-blue);color:white;border-radius:50%;font-size:11px;font-weight:700}
.sa-vp .vp-no{color:#a0b1bf}
.sa-vp .vp-extra-grid{display:grid;grid-template-columns:1.12fr 1fr 1fr;gap:14px;margin:22px 0 14px}
.sa-vp .vp-panel{padding:18px;border:1px solid #dcecf8;border-radius:12px;background:linear-gradient(135deg,#fff,#fafdff);min-width:0}
.sa-vp .vp-panel h3{font-size:20px;line-height:1.25;color:var(--sa-blue);margin:0 0 16px;display:flex;align-items:center;gap:12px}
.sa-vp .vp-panel h3 i{font-size:27px}
.sa-vp .vp-panel>p{font-size:12px}
.sa-vp .vp-mini{font-size:12px}
.sa-vp .vp-mini th,.sa-vp .vp-mini td{padding:6px 4px}
.sa-vp .vp-mini thead th{font-size:9px}
.sa-vp .vp-mini th:first-child{width:48%}
.sa-vp .vp-mini .vp-yes{width:13px;height:13px;font-size:9px}
.sa-vp .vp-services{display:grid;grid-template-columns:.9fr 1.5fr;gap:14px}
.sa-vp .vp-training{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sa-vp h4{font-size:13px;line-height:1.4;color:var(--sa-blue);margin:0 0 10px}
.sa-vp .vp-training>div{padding:12px 8px;border:1px solid #e4f1fc;border-radius:6px}
.sa-vp .vp-training strong{font-size:22px;color:var(--sa-blue)}
.sa-vp .vp-training p{font-size:13px;margin-top:10px}
.sa-vp .vp-training a{font-size:13px}
.sa-vp .vp-modules-panel{padding:20px}
.sa-vp .vp-modules{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sa-vp .vp-module-card{display:flex;flex-direction:column;min-width:0;padding:16px;background:#fff;border:1px solid #dcecf8;border-radius:11px;box-shadow:0 6px 18px rgba(13,96,170,.055)}
.sa-vp .vp-module-card h4{min-height:38px;margin:0 0 8px;padding-bottom:10px;border-bottom:1px solid #e9f2fa;font-size:13px;line-height:1.35;color:var(--sa-blue);font-weight:700}
.sa-vp .vp-module-list{display:flex;flex-direction:column}
.sa-vp .vp-module-option{padding:9px 0;border-bottom:1px solid #edf4fa}
.sa-vp .vp-module-option:last-child{border-bottom:0}
.sa-vp .vp-module-main{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.sa-vp .vp-module-qty{font-size:13px;line-height:1.3;color:var(--sa-navy);font-weight:800;white-space:nowrap}
.sa-vp .vp-module-price{font-size:12px;line-height:1.3;color:var(--sa-blue);font-weight:700;text-align:right;white-space:nowrap}
.sa-vp .vp-module-option small{display:block;margin-top:3px;font-size:10px;line-height:1.35;color:#748bad;text-align:right}
.sa-vp .vp-module-note{margin:auto 0 0;padding-top:10px;font-size:10.5px;line-height:1.45;color:#748bad;font-style:italic}
.sa-vp .vp-guarantee{display:grid;grid-template-columns:150px 1fr 280px;align-items:center;gap:24px;background:linear-gradient(110deg,#ffe8f4,#fff4fa);border-radius:13px;padding:24px;margin:30px 0}
.sa-vp .vp-guarantee h2{color:var(--sa-navy)}
.sa-vp .vp-guarantee p{font-size:15px}
.sa-vp .vp-guarantee a{font-size:14px;color:var(--sa-pink);font-weight:700}
.sa-vp .vp-guarantee ul{list-style:none;padding:0;margin:0;font-size:14px;color:var(--sa-muted)}
.sa-vp .vp-guarantee li{margin:9px 0}
.sa-vp .vp-guarantee li:before{content:'✓';color:var(--sa-blue);margin-right:10px}
.sa-vp .vp-faq{padding:12px 0 25px}
.sa-vp .vp-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px 24px;align-items:start}
.sa-vp details{border:1px solid #dcecf8;border-radius:7px;background:#fff;padding:10px 14px}
.sa-vp summary{display:flex;justify-content:space-between;gap:12px;cursor:pointer;font-size:15px;color:var(--sa-muted);list-style:none}
.sa-vp summary::-webkit-details-marker{display:none}
.sa-vp summary:after{content:'+';color:var(--sa-blue);font-weight:700}
.sa-vp details[open] summary:after{content:'−'}
.sa-vp details p{font-size:14px;margin:12px 0 0}
.sa-vp .vp-final{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:26px 32px;border-radius:10px;background:linear-gradient(110deg,#008cff,#0055ef);color:white;margin-bottom:15px}
.sa-vp .vp-final h2{color:white;font-size:24px}
.sa-vp .vp-final p{color:white;font-size:14px;margin:0}
.sa-vp .vp-final>div:last-child{display:flex;gap:15px}
.sa-vp .vp-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--sa-pink);color:white;border:1px solid var(--sa-pink);border-radius:7px;padding:13px 20px;font-size:15px;font-weight:700;white-space:nowrap}
.sa-vp .vp-outline{background:transparent;border-color:#91c4ff}
.sa-vp a:focus-visible,.sa-vp summary:focus-visible,.sa-vp .vp-scroll:focus-visible{outline:3px solid #ff3189;outline-offset:3px}

@media(max-width:1199px){.sa-vp .vp-wrap{width:calc(100% - 70px)}
.sa-vp .vp-hero{grid-template-columns:1fr 1fr}
.sa-vp .vp-benefits{grid-column:1/-1;display:flex;justify-content:space-around;margin:0}
.sa-vp .vp-benefits li{margin:0}
.sa-vp .vp-extra-grid{grid-template-columns:1fr}
.sa-vp .vp-services{grid-template-columns:1fr}
.sa-vp .vp-mini{font-size:14px}
.sa-vp .vp-mini thead th{font-size:12px}
.sa-vp .vp-final{flex-wrap:wrap}
.sa-vp .vp-guarantee{grid-template-columns:140px 1fr}
.sa-vp .vp-guarantee ul{grid-column:2}}

@media(max-width:700px){.sa-vp .vp-wrap{width:calc(100% - 36px)}
.sa-vp .vp-hero{grid-template-columns:1fr;gap:20px}
.sa-vp h1{font-size:30px}
.sa-vp .vp-top{padding-top:20px}
.sa-vp .vp-devices{max-width:480px;margin:auto}
.sa-vp .vp-devices img{width:100%;margin:0}
.sa-vp .vp-benefits{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.sa-vp .vp-benefits li{font-size:12px}
.sa-vp .vp-trust{flex-wrap:wrap;gap:8px}
.sa-vp .vp-trust span{font-size:13px;padding:8px 12px}
.sa-vp .vp-heading h2{font-size:24px}
.sa-vp .vp-heading p{font-size:14px}
.sa-vp .vp-modules{grid-template-columns:1fr 1fr}
.sa-vp .vp-guarantee{grid-template-columns:1fr;text-align:center}
.sa-vp .vp-guarantee ul{grid-column:auto}
.sa-vp .vp-faq-grid{grid-template-columns:1fr}
.sa-vp .vp-final{padding:24px}
.sa-vp .vp-final>div:last-child{flex-wrap:wrap}
.sa-vp .vp-panel{padding:14px}
.sa-vp .vp-mini{min-width:430px}}
.sa-vp .vp-hero{grid-template-columns:40fr 38fr 22fr;gap:18px;position:relative;isolation:isolate}
.sa-vp .vp-hero>div:first-child{grid-column:1;grid-row:1;position:relative;z-index:2}
.sa-vp .vp-devices{grid-column:2/4;grid-row:1;position:relative;padding-top:64px;min-width:0}
.sa-vp .vp-devices img{width:94%;max-width:none;margin:0 0 0 4%;height:auto;display:block}
.sa-vp .vp-note{position:absolute;right:8%;top:5px;display:flex;gap:10px;align-items:center;transform:rotate(-2deg);margin:0}
.sa-vp .vp-note svg{width:75px;height:50px;flex:none;color:var(--sa-blue)}
.sa-vp .vp-note p{color:var(--sa-blue);font-size:20px;line-height:1.4;font-style:italic;margin:0}
.sa-vp .vp-benefits{grid-column:3;grid-row:1;z-index:3;position:relative;align-self:center;margin:90px -12px 0 0;padding:20px 15px;background:#ffffffed;border-color:#dceeff;box-shadow:0 10px 32px #0063ff12;backdrop-filter:blur(8px)}
.sa-vp .vp-benefits li{font-size:14px;line-height:1.4}
.sa-vp .vp-group-heading{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.sa-vp .vp-group .vp-group-name{float:none;font-size:14px;font-weight:700}
.sa-vp .vp-group .vp-group-count{float:none;font-size:12px;margin-left:auto}
.sa-vp .vp-group-trial{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:none;color:white;background:var(--sa-pink);border-radius:5px;padding:5px 10px;font-size:12px;font-weight:700;line-height:1.2;white-space:nowrap}
.sa-vp .vp-group-trial svg{width:15px;height:15px;flex:none}
.sa-vp .vp-group-trial:hover{background:#e91e77;color:white}
.sa-vp .vp-guarantee{grid-template-columns:150px minmax(0,1fr) 220px 200px;gap:20px;padding:14px 25px;margin:38px 0 30px;background:linear-gradient(110deg,#ffe5f2,#fff0f8 62%,#ffe5f3);min-height:150px}
.sa-vp .vp-guarantee-badge{width:164px;height:164px;max-width:none;object-fit:contain;margin:-22px 0 -22px -10px}
.sa-vp .vp-guarantee .vp-eyebrow{font-style:italic;letter-spacing:0;font-size:16px}
.sa-vp .vp-guarantee h2{font-size:27px;margin:3px 0 5px}
.sa-vp .vp-guarantee p{font-size:14px;line-height:1.45;margin:0}
.sa-vp .vp-guarantee ul{font-size:14px;margin:0;grid-column:auto}
.sa-vp .vp-guarantee li{display:flex;align-items:center;gap:11px;margin:9px 0}
.sa-vp .vp-guarantee li:before{display:none}
.sa-vp .vp-guarantee li i{width:22px;text-align:center;color:var(--sa-blue);font-size:21px}
.sa-vp .vp-guarantee-heart{display:flex;align-items:center;gap:14px;color:#ff0986;font-size:17px;font-weight:700;line-height:1.4}
.sa-vp .vp-guarantee-heart i{font-size:38px}

@media(max-width:1199px){.sa-vp .vp-hero{grid-template-columns:42fr 34fr 24fr;gap:12px}
.sa-vp .vp-hero h1{font-size:30px}
.sa-vp .vp-devices{padding-top:80px}
.sa-vp .vp-note{right:2%;top:0}
.sa-vp .vp-note p{font-size:17px}
.sa-vp .vp-note svg{width:55px}
.sa-vp .vp-benefits{display:block;padding:14px 10px;margin-right:0;margin-top:100px}
.sa-vp .vp-benefits li{font-size:12px;margin-bottom:12px}
.sa-vp .vp-benefits li:last-child{margin:0}
.sa-vp .vp-guarantee{grid-template-columns:125px 1fr 210px;gap:15px}
.sa-vp .vp-guarantee-badge{width:140px;height:140px}
.sa-vp .vp-guarantee-heart{grid-column:2/4;justify-content:center;font-size:16px}
.sa-vp .vp-guarantee h2{font-size:24px}}

@media(max-width:700px){.sa-vp .vp-hero{grid-template-columns:1fr}
.sa-vp .vp-hero>div:first-child{grid-column:1;grid-row:1}
.sa-vp .vp-devices{grid-column:1;grid-row:2;width:100%;padding-top:72px;margin:0 auto}
.sa-vp .vp-devices img{width:100%;margin:0}
.sa-vp .vp-note{right:2%;top:8px}
.sa-vp .vp-note p{font-size:18px}
.sa-vp .vp-benefits{grid-column:1;grid-row:3;display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:-30px 0 0;padding:16px;align-self:auto}
.sa-vp .vp-benefits li{font-size:12px;margin:0}
.sa-vp .vp-guarantee{grid-template-columns:1fr;text-align:center;padding:24px 20px;gap:15px}
.sa-vp .vp-guarantee-badge{margin:-36px auto 0;width:150px;height:150px}
.sa-vp .vp-guarantee ul{grid-column:1;justify-self:center;text-align:left}
.sa-vp .vp-guarantee-heart{grid-column:1;justify-content:center}
.sa-vp .vp-guarantee p br{display:none}}
.sa-vp .vp-hero h1{font-size:clamp(36px,3.8vw,56px);line-height:1.06;font-weight:900;letter-spacing:-.035em;color:#061959;max-width:none;margin:12px 0 20px}
.sa-vp .vp-hero>div:first-child>p:not(.vp-eyebrow){font-size:23px;line-height:1.5;font-weight:400;letter-spacing:0;color:#5975a8;margin:0 0 22px}

@media(min-width:1000px){.sa-vp .vp-top{padding-top:22px}
.sa-vp .vp-top>.vp-wrap{width:calc(100% - 144px);max-width:1280px}
.sa-vp .vp-breadcrumb{margin-bottom:30px}
.sa-vp .vp-hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:32px;align-items:center;margin-bottom:24px;min-height:460px}
.sa-vp .vp-hero>div:first-child{grid-column:1;grid-row:1;align-self:center;max-width:550px}
.sa-vp .vp-devices{grid-column:2;grid-row:1;width:100%;height:auto;min-height:460px;padding:52px 0 0;margin:0;max-width:none;align-self:center}
.sa-vp .vp-devices img{width:100%;max-width:620px;height:auto;margin:0;display:block}
.sa-vp .vp-note{top:0;right:0;gap:10px;z-index:2}
.sa-vp .vp-note p{font-size:20px;line-height:1.4}
.sa-vp .vp-note svg{width:75px;height:50px}
.sa-vp .vp-benefits{grid-column:2;grid-row:1;justify-self:end;align-self:center;width:240px;display:block;margin:90px -10px 0 0;padding:18px 14px}
.sa-vp .vp-benefits li{font-size:14px;line-height:1.4;margin:0 0 15px}
.sa-vp .vp-benefits li:last-child{margin:0}}

@media(min-width:1000px) and (max-width:1199px){.sa-vp .vp-top>.vp-wrap{width:calc(100% - 70px)}
.sa-vp .vp-hero{gap:24px}
.sa-vp .vp-hero>div:first-child>p:not(.vp-eyebrow){font-size:21px}
.sa-vp .vp-benefits{width:195px;padding:14px 12px}
.sa-vp .vp-benefits li{font-size:12px}
.sa-vp .vp-note p{font-size:18px}
.sa-vp .vp-note svg{width:55px}}

@media(max-width:999px){.sa-vp .vp-hero h1{font-size:38px}
.sa-vp .vp-hero>div:first-child>p:not(.vp-eyebrow){font-size:19px;line-height:1.5}}
.sa-vp .vp-promo b{font-size:22px;line-height:1.35}
.sa-vp .vp-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;border:0;background:none;box-shadow:none;backdrop-filter:none}
.sa-vp .vp-benefits li,.sa-vp .vp-benefits li:last-child{display:flex;align-items:center;gap:11px;margin:0;padding:0;min-height:36px;background:#fffffff5;border:1px solid #dcecff;border-radius:12px;box-shadow:0 7px 22px #1260a10d;color:var(--sa-navy);font-weight:500}
.sa-vp .vp-benefits li:before{display:none}
.sa-vp .vp-benefits li svg{width:34px;height:34px;flex:0 0 34px;padding:6px;background:#edf6ff;border-radius:9px;color:var(--sa-blue)}

@media(min-width:1000px){.sa-vp .vp-breadcrumb{margin-bottom:18px}
.sa-vp .vp-hero{min-height:0;margin-bottom:20px}
.sa-vp .vp-hero h1{margin:8px 0 14px}
.sa-vp .vp-hero>div:first-child>p:not(.vp-eyebrow){margin-bottom:16px}
.sa-vp .vp-devices{min-height:0;padding-top:20px}
.sa-vp .vp-devices img{max-width:580px;margin-left:auto}
.sa-vp .vp-note{top:-12px}
.sa-vp .vp-benefits{grid-template-columns:repeat(2,minmax(0,1fr));width:460px;max-width:100%;margin:60px -10px 0 0;padding:0}
.sa-vp .vp-benefits li{font-size:14px;line-height:1.35}}

@media(min-width:701px) and (max-width:1199px){.sa-vp .vp-benefits{width:410px;max-width:100%}
.sa-vp .vp-benefits li{font-size:12px;padding:0}
.sa-vp .vp-benefits li svg{width:30px;height:30px;flex-basis:30px}}

@media(max-width:700px){.sa-vp .vp-benefits{width:100%;grid-template-columns:1fr 1fr;margin:-12px 0 0;gap:10px}
.sa-vp .vp-benefits li{font-size:12px;line-height:1.35;padding:0;gap:8px}
.sa-vp .vp-benefits li svg{width:30px;height:30px;flex-basis:30px}
.sa-vp .vp-promo b{font-size:20px}}
.sa-vp .vp-benefit-band{background:#ffffffed;border-block:1px solid #e6f0fa;margin:0 0 18px}
.sa-vp .vp-benefit-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0;padding:10px 0}
.sa-vp .vp-benefit-strip li{display:flex;align-items:center;justify-content:center;gap:11px;padding:3px 14px;color:var(--sa-navy);font-size:15px;line-height:1.35;font-weight:500}
.sa-vp .vp-benefit-strip li+li{border-left:1px solid #ccdef5}
.sa-vp .vp-benefit-strip svg{width:30px;height:30px;flex:0 0 30px;color:var(--sa-blue)}

@media(max-width:900px){.sa-vp .vp-benefit-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 0}
.sa-vp .vp-benefit-strip li:nth-child(3){border-left:0}
.sa-vp .vp-benefit-strip li{justify-content:flex-start;font-size:14px;padding:4px 12px;gap:10px}}

@media(max-width:450px){.sa-vp .vp-benefit-strip li{font-size:12px;padding:4px 8px;gap:8px}
.sa-vp .vp-benefit-strip svg{width:28px;height:28px;flex-basis:28px}}
.sa-vp .vp-hero{margin-bottom:4px}
.sa-vp .vp-pricing-intro{max-width:1120px;margin:0 auto 20px;padding:0 18px;text-align:center}
.sa-vp .vp-pricing-intro p{font-size:15px;line-height:1.5;color:var(--sa-muted);margin:0}
.sa-vp .vp-pricing-intro strong{color:var(--sa-navy);font-weight:700}
.sa-vp .vp-pricing-intro span{white-space:nowrap}
@media(max-width:700px){.sa-vp .vp-pricing-intro{margin-bottom:18px;padding:0 4px;text-align:left}.sa-vp .vp-pricing-intro p{font-size:14px;line-height:1.5}.sa-vp .vp-pricing-intro span{white-space:normal}}
.sa-activation{background:linear-gradient(115deg,#e8f7ff,#c9ebff);color:#061959;padding:28px 0 22px;font-family:Roboto,Arial,sans-serif}
.sa-activation *{box-sizing:border-box}
.ac-wrap{max-width:1320px;width:calc(100% - 80px);margin:auto}
.ac-intro{display:grid;grid-template-columns:1.05fr 1fr;gap:30px;align-items:center;margin-bottom:24px}
.ac-promotion{display:flex;align-items:center;gap:24px}
.sa-activation h1{font-size:29px;line-height:1.12;font-weight:800;margin:0 0 4px;letter-spacing:-.02em}
.sa-activation p{font-size:15px;line-height:1.4;margin:0;color:#5975a8}
.sa-activation .ac-offer{font-size:46px;line-height:1.15;font-weight:700;color:#ff2188;margin:0 0 7px;white-space:nowrap}
.ac-badge{position:relative;width:150px;height:150px;flex:0 0 150px;display:flex;align-items:center;flex-direction:column;justify-content:center;border:8px solid #fff;border-radius:50%;background:white;box-shadow:0 9px 25px #1260a113;outline:1px solid #ffe0eb;outline-offset:-15px;color:#0063ff}
.ac-badge .fa{color:#ff2188;font-size:23px}
.ac-badge strong{font-size:56px;line-height:1;font-weight:800}
.ac-badge>span{font-size:20px;line-height:1.1;font-weight:700}
.ac-badge b{background:#ff2188;color:#fff;font-size:21px;line-height:30px;width:164px;text-align:center;clip-path:polygon(4% 0,96% 0,100% 50%,96% 100%,4% 100%,0 50%)}
.ac-trust{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;list-style:none;margin:0;padding:0;text-align:center}
.ac-trust li{display:flex;align-items:center;flex-direction:column;gap:8px}
.ac-trust .fa{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:white;color:#ff2188;font-size:24px;box-shadow:0 5px 15px #1360a10a}
.ac-trust strong{font-size:13px;line-height:1.15}
.ac-trust span{font-size:12px;color:#5975a8;line-height:1.25}
.ac-panel{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:34px;background:#fff;border-radius:18px;padding:20px;margin:0 0 20px}
.ac-form-area{padding:10px 22px}
.sa-activation h2{font-size:27px;line-height:1.2;font-weight:750;letter-spacing:-.02em;margin:0 0 6px;color:#061959}
.ac-form-area>p{font-size:18px;margin:0 0 25px}
.ac-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px 28px}
.ac-field label{display:block;font-size:15px;font-weight:700;margin:0 0 7px}
.ac-input{position:relative}
.ac-input input{width:100%;height:46px;padding:11px 44px 11px 14px;border:1px solid #c5d9ff;border-radius:7px;color:#061959;background:white;font:inherit;font-size:14px}
.ac-input input::placeholder{color:#95a4c7}
.ac-input input:focus{outline:2px solid #83b8ff;outline-offset:2px}
.ac-input>.fa,.ac-eye{position:absolute;right:13px;top:50%;transform:translateY(-50%);color:#0063ff}
.ac-eye{border:0;background:none;padding:8px;right:5px;cursor:pointer;color:#728ab7}
.ac-field small{font-size:12px;line-height:1.3;display:block;margin-top:5px;color:#5975a8}
.ac-error{font-size:12px;color:#c32940;display:block;margin-top:4px}
.ac-error:empty{display:none}
.ac-input input[aria-invalid=true]{border-color:#d8314c}
.ac-rules{list-style:none;display:flex;flex-wrap:wrap;gap:5px 15px;padding:0;margin:13px 0 22px;font-size:12px;color:#7286ae}
.ac-rules li>span:first-child{font-weight:800}
.ac-rules .is-valid>span:first-child{color:#12a855}
.ac-rules .is-invalid>span:first-child{color:#f03d49}
.ac-consent label{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.4;font-weight:400}
.ac-consent input{width:20px;height:20px;flex:0 0 20px;margin:0;accent-color:#0063ff}
.sa-activation a{color:#0063ff;text-decoration:none}
.sa-activation a:hover{text-decoration:underline}
.ac-submit{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;border:0;border-radius:7px;padding:15px 12px;background:linear-gradient(110deg,#ff2e93,#ff1380);color:white;font-size:18px;line-height:1.3;font-weight:600;margin:22px 0 16px;cursor:pointer;box-shadow:0 7px 18px #ff168315}
.ac-submit>span{font-size:26px;line-height:20px}
.ac-submit:disabled{opacity:.65;cursor:wait}
.sa-activation .ac-login{text-align:center;font-size:14px}
.sa-activation .ac-result:not(:empty){margin:12px 0;font-size:14px;padding:10px;border-radius:6px;background:#edf6ff}
.ac-sidebar{border:1px solid #cce8ff;background:linear-gradient(130deg,#eef8ff,#e3f4ff);border-radius:15px;padding:23px;box-shadow:0 5px 20px #1260a108}
.ac-sidebar h2{font-size:23px;text-align:center;margin:0 0 26px}
.ac-sidebar>ul{list-style:none;margin:0;padding:0;display:grid;gap:24px}
.ac-sidebar li{display:flex;gap:17px;align-items:center}
.ac-sidebar li>.fa{display:grid;place-items:center;width:54px;height:54px;flex:0 0 54px;border-radius:50%;color:white;background:linear-gradient(120deg,#0098ff,#0063ff);font-size:25px;box-shadow:0 5px 12px #007aff20}
.sa-activation h3{font-size:16px;line-height:1.25;color:#0063ff;font-weight:700;margin:0 0 5px}
.ac-sidebar p{font-size:14px}
.ac-help{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #94c5ff;border-radius:7px;padding:17px;margin-top:24px}
.ac-help>.fa{color:#0063ff;font-size:42px}
.ac-google{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #94c5ff;border-radius:7px;background:#ffffffd9;padding:13px 17px;margin-top:10px}
.ac-google strong{font:600 28px Arial;letter-spacing:-1.5px}
.ac-google strong span:nth-child(1),.ac-google strong span:nth-child(4){color:#4285f4}
.ac-google strong span:nth-child(2),.ac-google strong span:nth-child(6){color:#ea4335}
.ac-google strong span:nth-child(3){color:#fbbc05}
.ac-google strong span:nth-child(5){color:#34a853}
.ac-google b{display:block;font-size:18px;line-height:1.2}
.ac-stars{color:#ffb400;font-size:24px;letter-spacing:1px}
.ac-google p{color:#061959;font-size:16px}
.ac-bottom{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-radius:15px;padding:20px 26px}
.ac-bottom>div{display:flex;align-items:center;justify-content:center;gap:22px;padding:0 15px}
.ac-bottom>div+div{border-left:1px solid #c5d9ff}
.ac-bottom .fa{font-size:34px;color:#0063ff}
.ac-bottom strong,.ac-bottom small{display:block;font-size:14px;font-weight:500}
.ac-bottom small{color:#5975a8;font-size:13px;margin-top:4px}
.ac-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}

@media(max-width:1150px){.ac-intro{grid-template-columns:1fr}
.ac-trust{max-width:850px;margin:auto;width:100%}
.ac-panel{gap:18px;grid-template-columns:1.5fr 1fr}
.ac-form-area{padding:10px}
.ac-sidebar{padding:17px}
.ac-google{padding:12px}
.ac-google strong{font-size:24px}
.ac-stars{font-size:20px}}

@media(max-width:800px){.ac-wrap{width:calc(100% - 32px)}
.ac-panel{grid-template-columns:1fr}
.ac-sidebar>ul{grid-template-columns:1fr 1fr}
.ac-sidebar h2{text-align:left}
.ac-bottom{padding:18px 12px}
.ac-bottom>div{gap:10px;padding:0 8px}
.ac-bottom strong{font-size:12px}
.ac-bottom small{font-size:11px}
.ac-promotion{justify-content:center}}

@media(max-width:520px){.sa-activation{padding:20px 0}
.ac-promotion{gap:13px;align-items:center}
.ac-badge{width:100px;height:110px;flex-basis:100px;border-width:4px}
.ac-badge strong{font-size:40px}
.ac-badge>span{font-size:14px}
.ac-badge b{font-size:16px;width:110px;line-height:24px}
.ac-badge .fa{font-size:18px}
.sa-activation h1{font-size:21px}
.sa-activation .ac-offer{font-size:28px;white-space:normal}
.ac-promotion p{font-size:12px}
.ac-trust{grid-template-columns:repeat(3,1fr);gap:15px 10px}
.ac-trust strong{font-size:12px}
.ac-trust span{font-size:11px}
.ac-panel{padding:16px}
.ac-form-area{padding:0}
.sa-activation h2{font-size:23px}
.ac-fields{grid-template-columns:1fr;gap:16px}
.ac-submit{font-size:15px}
.ac-sidebar>ul{grid-template-columns:1fr}
.ac-sidebar{padding:16px}
.ac-bottom{grid-template-columns:1fr;gap:15px}
.ac-bottom>div{justify-content:flex-start;padding:5px 12px}
.ac-bottom>div+div{border-left:0;border-top:1px solid #e6efff;padding-top:15px}
.ac-bottom strong{font-size:14px}
.ac-bottom small{font-size:13px}}
.sa-activation .ac-intro{padding:0}
.sa-activation .ac-eye{margin:0;height:32px;line-height:1;display:grid;place-items:center}
.sa-activation .ac-input input{display:block;margin:0}
.sa-activation .ac-input .ac-eye{position:absolute;inset:0 5px auto auto;transform:none;width:38px;height:46px;min-height:0;margin:0;padding:0;border:0;display:flex;align-items:center;justify-content:center;line-height:1}
.sa-activation .ac-eye .fa{position:static;inset:auto;transform:none;display:block;margin:0;padding:0;font-size:15px;line-height:1;width:auto;height:auto}
.sa-activation .ac-eye:focus-visible{outline:2px solid #0063ff;outline-offset:-4px;border-radius:7px}
.sa-activation .ac-form-area>p:first-of-type{margin-bottom:6px}
.sa-activation .ac-form-area>.ac-data-note{font-size:13px;line-height:1.4;margin:0 0 24px;color:#5975a8}
.sa-activation{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,#e8f7ff,#c9ebff)}
.sa-activation::before,.sa-activation::after{content:"";position:absolute;z-index:-1;pointer-events:none;width:620px;height:320px;border-radius:50%;background:linear-gradient(135deg,#55b5ef66,#a6defb40)}
.sa-activation::before{left:-285px;top:70px;transform:rotate(24deg);box-shadow:100px 570px 0 50px #ffffff50}
.sa-activation::after{right:-290px;top:160px;transform:rotate(-24deg);background:#ffffff55;box-shadow:-85px 520px 0 80px #58b5ee55}
.sa-checkout{position:relative;isolation:isolate;overflow:hidden;padding:24px 0 24px;background:linear-gradient(125deg,#edf7ff 0%,#fff 47%,#edf7ff 100%);color:#061959;font-family:Roboto,Arial,sans-serif}
.sa-checkout *{box-sizing:border-box}
.sa-checkout:before,.sa-checkout:after{content:"";position:absolute;z-index:-1;pointer-events:none;width:440px;height:680px;border-radius:48%;background:linear-gradient(140deg,#cfe9ff99,#e8f6ff44);transform:rotate(-35deg)}
.sa-checkout:before{left:-360px;top:100px;box-shadow:80px 620px 0 #deeffc88}
.sa-checkout:after{right:-350px;top:420px;transform:rotate(35deg)}
.sa-checkout .co-wrap{max-width:1280px;width:calc(100% - 144px);margin:auto}
.sa-checkout .co-notice{display:flex;align-items:center;gap:16px;background:linear-gradient(110deg,#eff7ff,#e5f2ff);border:4px solid #fff;border-radius:14px;padding:14px 20px;margin-bottom:20px;font-size:15px}
.sa-checkout .co-notice>.fa{color:#0063ff;font-size:22px}
.sa-checkout .co-grid{display:grid;grid-template-columns:1fr .97fr;gap:24px;align-items:start}
.sa-checkout .co-card{border:1px solid #dceaff;border-radius:14px;padding:22px;background:white;box-shadow:0 8px 26px #135ca109;margin:0}
.sa-checkout h1{display:flex;align-items:center;gap:14px;font-size:24px;line-height:1.2;margin:0 0 0px;font-weight:750;color:#061959}
.sa-checkout h1>.fa{display:grid;place-items:center;background:#0063ff;color:white;font-size:22px;width:42px;height:42px;border-radius:50%}
.sa-checkout h2{font-size:17px;line-height:1.3;font-weight:700;margin:0 0 12px;color:#061959}
.sa-checkout h3{font-size:16px;line-height:1.3;margin:0 0 7px;color:#061959}
.sa-checkout p{font-size:14px;line-height:1.4;color:#647ca5;margin:0}
.sa-checkout .co-fields{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 16px}
.sa-checkout .co-wide{grid-column:span 6}
.sa-checkout .co-half{grid-column:span 3}
.sa-checkout .co-third{grid-column:span 2}
.sa-checkout label{font-size:13px;font-weight:500;color:#365382;margin-bottom:6px;display:block}
.sa-checkout input:not([type=radio]):not([type=checkbox]){display:block;margin:0;width:100%;height:44px;border:1px solid #cddcf2;border-radius:6px;padding:10px 12px;font:inherit;font-size:14px;color:#061959;background:#fff;min-width:0}
.sa-checkout input:focus-visible,.sa-checkout button:focus-visible{outline:2px solid #0063ff;outline-offset:3px}
.sa-checkout input[aria-invalid=true]{border-color:#d63959!important}
.sa-checkout .co-error{font-size:12px;color:#c72643;display:block;margin-top:4px}
.sa-checkout .co-error:empty{display:none}
.sa-checkout .co-security{display:flex;align-items:center;gap:14px;padding:15px;background:#f1f8ff;border:1px solid #cfe7ff;border-radius:8px;margin-top:30px}
.sa-checkout .co-security>.fa{font-size:25px;color:#0063ff}
.sa-checkout .co-security strong{font-size:14px}
.sa-checkout .co-security p{font-size:12px;margin-top:3px}
.sa-checkout .co-reassurance{display:grid;grid-template-columns:.7fr 1.3fr;gap:16px;margin-top:18px}
.sa-checkout .co-google{text-align:center;padding:18px}
.sa-checkout .co-google>strong{font:600 25px Arial;letter-spacing:-1px}
.sa-checkout .co-google>strong span:nth-child(1),.sa-checkout .co-google>strong span:nth-child(4){color:#4285f4}
.sa-checkout .co-google>strong span:nth-child(2),.sa-checkout .co-google>strong span:nth-child(6){color:#ea4335}
.sa-checkout .co-google>strong span:nth-child(3){color:#fbbc05}
.sa-checkout .co-google>strong span:nth-child(5){color:#34a853}
.sa-checkout .co-google b,.sa-checkout .co-google small{display:block}
.sa-checkout .co-stars{display:block;color:#ffb300;font-size:20px;margin:8px 0 3px}
.sa-checkout .co-guarantee{display:flex;align-items:center;gap:16px;padding:16px;background:linear-gradient(125deg,#fff7fb,#fffafd);border-color:#ffd3e5}
.sa-checkout .co-guarantee img{width:95px;height:95px;object-fit:contain}
.sa-checkout .co-guarantee h3{color:#e71977}
.sa-checkout .co-order{display:grid;gap:14px}
.sa-checkout .co-plan{background:linear-gradient(115deg,#f7fbff,#e2f1ff);padding:0;overflow:hidden}
.sa-checkout .co-plan-head{display:flex;align-items:flex-start;gap:14px;padding:22px}
.sa-checkout .co-plan-copy{flex:1;min-width:0}
.sa-checkout .co-plan-icon{display:grid;place-items:center;flex:0 0 54px;height:54px;border:1px solid #0063ff;border-radius:50%;color:#0063ff;background:#fff}
.sa-checkout .co-plan-icon svg{width:32px;height:32px}
.sa-checkout .co-plan h2{font-size:27px;margin-bottom:4px}
.sa-checkout .co-plan-head p{max-width:260px;font-size:13px}
.sa-checkout .co-price{text-align:right;white-space:nowrap;color:#0063ff;font-size:20px}
.sa-checkout .co-price strong{font-size:44px;line-height:1;font-weight:750}
.sa-checkout .co-price>span{font-size:15px}
.sa-checkout .co-price small{display:block;font-size:12px;color:#647ca5;margin-top:7px}
.sa-checkout .co-plan ul{list-style:none;padding:18px 22px;margin:0;border-top:1px solid #fff;border-radius:12px;background:#ffffffb8;display:grid;gap:12px}
.sa-checkout .co-plan li{font-size:14px;color:#365382;display:flex;gap:10px;align-items:center}
.sa-checkout .co-plan li:before{content:'✓';width:20px;height:20px;flex:0 0 20px;display:grid;place-items:center;border-radius:50%;background:#0063ff;color:#fff;font-size:11px}
.sa-checkout dl{margin:0}
.sa-checkout dl>div{display:flex;justify-content:space-between;gap:18px;margin:8px 0;font-size:14px;color:#647ca5}
.sa-checkout dt{font-weight:400}
.sa-checkout dd{margin:0}
.sa-checkout .co-total{border-top:1px solid #e2ecfa;padding-top:12px;font-size:18px;color:#061959;font-weight:700}
.sa-checkout .co-total dt{font-weight:700}
.sa-checkout .co-coupon{display:flex;align-items:center;gap:9px;background:#f3f8fd;padding:8px;border-radius:8px;margin-top:12px}
.sa-checkout .co-coupon label{white-space:nowrap;margin:0;font-size:12px}
.sa-checkout .co-coupon input{flex:1;height:36px!important;font-size:12px!important}
.sa-checkout button{cursor:pointer}
.sa-checkout .co-coupon button{border:0;border-radius:5px;background:#0063ff;color:#fff;font-size:11px;font-weight:700;padding:11px 12px}
.sa-checkout .co-payment-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:12px}
.sa-checkout .co-methods{min-width:0;padding:16px;padding-top:14px}
.sa-checkout legend{float:left;width:100%;font-size:15px;line-height:1.3;font-weight:700;border:0;padding:0;margin:0 0 12px;color:#061959}
.sa-checkout .co-method{display:flex;align-items:center;gap:10px;border:1px solid #d1e1f6;border-radius:6px;padding:10px;clear:both;margin-bottom:8px;cursor:pointer}
.sa-checkout .co-method:has(input:checked){border-color:#0063ff;box-shadow:0 0 0 1px #0063ff}
.sa-checkout .co-method input{margin:0;accent-color:#0063ff;flex:0 0 16px}
.sa-checkout .co-method img{width:calc(100% - 26px);height:auto}
.sa-checkout .co-method strong{font-size:11px}
.sa-checkout .co-method small{display:block;font-size:11px;color:#7890b2}
.sa-checkout .co-method>.fa{font-size:19px;color:#0063ff}
.sa-checkout .co-renew{padding:16px}
.sa-checkout .co-renew h2{font-size:15px}
.sa-checkout .co-renew .fa{color:#0063ff}
.sa-checkout .co-renew p{font-size:13px}
.sa-checkout .co-switch{display:flex;align-items:center;gap:7px;margin:16px 0 4px;cursor:pointer}
.sa-checkout .co-switch input{position:absolute;opacity:0;width:40px;height:24px}
.sa-checkout .co-switch>span{width:40px;height:24px;background:#aab7c9;border-radius:20px;padding:3px;transition:background .15s}
.sa-checkout .co-switch>span:before{content:'';display:block;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .15s}
.sa-checkout .co-switch input:checked+span{background:#0063ff}
.sa-checkout .co-switch input:checked+span:before{transform:translateX(16px)}
.sa-checkout .co-switch input:focus-visible+span{outline:2px solid #0063ff;outline-offset:3px}
.sa-checkout .co-switch b{font-size:10px}
.sa-checkout .co-renew small{font-size:11px;color:#647ca5}
.sa-checkout .co-pay{border:0;background:linear-gradient(110deg,#ff2c91,#ff137d);color:white;border-radius:7px;padding:16px 12px;font-weight:700;font-size:14px;box-shadow:0 7px 20px #ff198519;width:100%;margin-top:6px}
.sa-checkout .co-pay span{margin-left:8px;font-size:20px}
.sa-checkout .co-amazon{text-align:center}
.sa-checkout .co-amazon>span,.sa-checkout .co-amazon>small{display:block;font-size:11px;color:#7186a7}
.sa-checkout .co-amazon button{display:block;margin:6px auto;border:1px solid #b89844;border-radius:4px;padding:6px 22px;background:linear-gradient(#fff0c1,#f4cc64);font-size:13px;color:#252525}
.sa-checkout .co-feedback:empty{display:none}
.sa-checkout .co-feedback{font-size:13px;margin-top:10px;color:#365382;background:#eef7ff;border-radius:6px;padding:10px}
.sa-checkout .co-assistance{display:flex;align-items:center;gap:22px;margin-top:28px;padding:20px 24px;border:1px solid #a9d2ff;outline:4px solid #fff;border-radius:16px;background:linear-gradient(110deg,#f5faff,#e9f4ff);box-shadow:0 8px 28px #206fb008}
.sa-checkout .co-help-icon{display:grid;place-items:center;width:76px;height:76px;flex:0 0 76px;border-radius:50%;background:radial-gradient(circle,#eef8ff,#c9e5ff);color:#0063ff;font-size:36px}
.sa-checkout .co-help-copy{flex:1}
.sa-checkout .co-assistance h2{font-size:22px;margin:0 0 6px}
.sa-checkout .co-assistance p{font-size:15px}
.sa-checkout .co-help-actions{display:flex;gap:12px;flex-wrap:wrap}
.sa-checkout .co-help-actions a{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:11px 16px;border:1px solid #659fff;border-radius:7px;background:#fff;color:#0063ff;font-size:14px;text-decoration:none;line-height:1.3;transition:background .15s}
.sa-checkout .co-help-actions a:hover{background:#e5f1ff}
.sa-checkout .co-help-actions a:focus-visible{outline:2px solid #0063ff;outline-offset:3px}
.sa-checkout .co-help-actions .fa{font-size:18px}

@media(max-width:1150px){.sa-checkout .co-assistance{flex-wrap:wrap}
.sa-checkout .co-help-actions{margin-left:98px}
.sa-checkout .co-plan-icon{flex-basis:42px;height:42px}
.sa-checkout .co-plan-head{gap:10px}}

@media(max-width:950px){.sa-checkout .co-grid{grid-template-columns:1fr}}

@media(max-width:520px){.sa-checkout{padding-top:20px}
.sa-checkout .co-card{padding:17px}
.sa-checkout .co-notice{padding:15px;font-size:13px}
.sa-checkout h1{font-size:22px}
.sa-checkout .co-half,.sa-checkout .co-third{grid-column:span 6}
.sa-checkout .co-reassurance{grid-template-columns:1fr}
.sa-checkout .co-guarantee{justify-content:center}
.sa-checkout .co-payment-grid{grid-template-columns:1fr}
.sa-checkout .co-coupon{flex-wrap:wrap}
.sa-checkout .co-coupon label{width:100%}
.sa-checkout .co-plan{padding:0}
.sa-checkout .co-plan-head{padding:18px 14px;flex-wrap:wrap}
.sa-checkout .co-plan h2{font-size:22px}
.sa-checkout .co-price strong{font-size:36px}
.sa-checkout .co-plan-head p{font-size:12px}
.sa-checkout .co-plan-icon{flex-basis:36px;height:36px}
.sa-checkout .co-plan-icon svg{width:24px;height:24px}
.sa-checkout .co-assistance{gap:14px;padding:18px 14px}
.sa-checkout .co-help-icon{width:52px;height:52px;flex-basis:52px;font-size:26px}
.sa-checkout .co-assistance h2{font-size:19px}
.sa-checkout .co-assistance p{font-size:13px}
.sa-checkout .co-help-actions{margin:0;width:100%;flex-direction:column}
.sa-checkout .co-help-actions a{font-size:13px;padding:11px 8px}}

@media(min-width:960px) and (max-width:1199px){.sa-checkout .co-wrap{width:calc(100% - 70px)}}

@media(max-width:959px){.sa-checkout .co-wrap{width:calc(100% - 40px)}}
body.sa-site .sa-pricing{width:100%;max-width:1180px;margin:0 auto;padding:0;float:none;overflow:visible}

@media(max-width:480px){.sa-vp .vp-modules{grid-template-columns:1fr}.sa-vp .vp-module-card h4{min-height:0}.sa-vp .vp-module-option{padding:8px 0}}
/* =========================================================
   COME FUNZIONA LA PRENOTAZIONE
   ========================================================= */

/*
   Blocco specifico della pagina Demo.
   Non usa .fi-steps, così le regole generiche già presenti nel file
   restano disponibili per eventuali altre pagine senza interferenze.
*/
.sa-fi #come-funziona{
    padding-top:30px;
    padding-bottom:30px;
}

.sa-fi #come-funziona>h2{
    margin:0 0 26px;
    text-align:left;
    color:#0063ff;
    font-size:32px;
    line-height:1.15;
    font-weight:700;
    letter-spacing:-.035em;
}

.sa-fi .fi-booking-steps{
    list-style:none;
    padding:0;
    margin:0;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:60px;
    align-items:start;
}

.sa-fi .fi-booking-steps>li{
    position:relative;
    min-width:0;
    text-align:left;
}

.sa-fi .fi-step-visual{
    position:relative;
    width:82px;
    height:82px;
    margin:0 0 16px 0;
}

.sa-fi .fi-step-icon{
    width:82px;
    height:82px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #cfe3ff;
    border-radius:50%;
    background:linear-gradient(145deg,#fff 0%,#f8fbff 100%);
    color:#0063ff;
    box-shadow:0 8px 20px rgba(0,99,255,.05);
}

/*
   L'elemento <em> contiene &nbsp; per evitare che il CMS lo rimuova.
   Azzeriamo il font-size dell'elemento e dimensioniamo solo ::before,
   così il glifo Font Awesome resta realmente centrato nel cerchio.
*/
.sa-fi .fi-step-icon .fa{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#0063ff;
    font-size:0;
    line-height:1;
    font-style:normal;
    font-weight:normal;
    text-align:center;
}

.sa-fi .fi-step-icon .fa:before{
    display:block;
    font-size:31px;
    line-height:1;
}

.sa-fi .fi-step-number{
    position:absolute;
    z-index:2;
    top:-7px;
    left:-9px;
    width:32px;
    height:32px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:linear-gradient(135deg,#ff4097 0%,#ff1679 100%);
    color:#fff;
    font-size:15px;
    line-height:1;
    font-weight:700;
    box-shadow:0 5px 12px rgba(255,22,121,.16);
}

.sa-fi .fi-booking-steps h3{
    margin:0 0 7px;
    color:#061959;
    font-size:18px;
    line-height:1.2;
    font-weight:700;
    letter-spacing:-.02em;
}

.sa-fi .fi-booking-steps p{
    max-width:245px;
    margin:0;
    color:#5975a8;
    font-size:15px;
    line-height:1.45;
}

/*
   La freccia è centrata geometricamente tra il centro del cerchio
   corrente e il centro del cerchio successivo.
*/
.sa-fi .fi-booking-steps>li:not(:last-child):after{
    content:'\f105';
    position:absolute;
    top:41px;
    left:calc(50% + 71px);
    transform:translate(-50%,-50%);
    font-family:FontAwesome;
    color:#6f8fbe;
    font-size:31px;
    line-height:1;
    font-weight:400;
}

@media(min-width:960px) and (max-width:1199px){
    .sa-fi .fi-booking-steps{
        gap:42px;
    }

    .sa-fi .fi-step-visual,
    .sa-fi .fi-step-icon{
        width:76px;
        height:76px;
    }

    .sa-fi .fi-step-icon .fa:before{
        font-size:28px;
    }

    .sa-fi .fi-step-number{
        top:-6px;
        left:-8px;
        width:30px;
        height:30px;
        font-size:14px;
    }

    .sa-fi .fi-booking-steps>li:not(:last-child):after{
        top:38px;
        left:calc(50% + 59px);
        font-size:28px;
    }

    .sa-fi .fi-booking-steps h3{
        font-size:17px;
    }

    .sa-fi .fi-booking-steps p{
        font-size:14px;
    }
}

@media(max-width:767px){
    .sa-fi #come-funziona{
        padding-top:26px;
        padding-bottom:26px;
    }

    .sa-fi #come-funziona>h2{
        margin-bottom:22px;
        font-size:27px;
        text-align:left;
    }

    .sa-fi .fi-booking-steps{
        grid-template-columns:1fr;
        gap:24px;
    }

    .sa-fi .fi-booking-steps>li{
        display:grid;
        grid-template-columns:72px minmax(0,1fr);
        gap:16px;
        align-items:center;
        text-align:left;
    }

    .sa-fi .fi-step-visual,
    .sa-fi .fi-step-icon{
        width:68px;
        height:68px;
    }

    .sa-fi .fi-step-visual{
        margin:0;
    }

    .sa-fi .fi-step-icon .fa:before{
        font-size:26px;
    }

    .sa-fi .fi-step-number{
        top:-5px;
        left:-5px;
        width:27px;
        height:27px;
        font-size:13px;
    }

    .sa-fi .fi-booking-steps h3{
        margin-bottom:5px;
        font-size:17px;
    }

    .sa-fi .fi-booking-steps p{
        max-width:none;
        font-size:14px;
    }

    .sa-fi .fi-booking-steps>li:not(:last-child):after{
        display:none;
    }
}

/* =========================================================
   FAQ
   ========================================================= */

.sa-fi .fi-faq {
    padding-bottom: 34px;
}

    .sa-fi .fi-faq > h2 {
        margin: 0 0 18px;
        color: #0063ff;
        font-size: 30px;
        line-height: 1.15;
        font-weight: 700;
        letter-spacing: -.025em;
    }

.sa-fi .fi-faq-list {
    display: grid;
    gap: 9px;
}


/* =========================================================
   SINGOLA FAQ
   ========================================================= */

.sa-fi .fi-faq-item {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: 1px solid #d9e9f9;
    border-radius: 11px;
    background: linear-gradient( 120deg, #ffffff 0%, #fbfdff 100% );
    box-shadow: 0 5px 16px rgba(12, 87, 145, .045);
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}


    /* =========================================================
   DOMANDA
   ========================================================= */

    .sa-fi .fi-faq-item summary {
        position: relative;
        display: flex;
        align-items: center;
        min-height: 54px;
        padding: 15px 62px 15px 18px;
        list-style: none;
        cursor: pointer;
        color: #061959;
        font-size: 16px;
        line-height: 1.35;
        font-weight: 600;
        transition: color .2s ease, background .2s ease;
    }


        /* Nasconde il marker standard del browser */
        .sa-fi .fi-faq-item summary::-webkit-details-marker {
            display: none;
        }

        .sa-fi .fi-faq-item summary::marker {
            content: "";
        }


        /* =========================================================
   PALLINO + FRECCIA
   ========================================================= */

        .sa-fi .fi-faq-item summary::after {
            content: "";
            position: absolute;
            top: 50%;
            right: 16px;
            width: 30px;
            height: 30px;
            transform: translateY(-50%);
            border-radius: 50%;
            background-color: #edf7ff;
            /* Chevron perfettamente centrato */
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M6 8l4 4 4-4' fill='none' stroke='%230063ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: center;
            background-size: 16px 16px;
            box-shadow: none;
            transition: background-color .2s ease, box-shadow .2s ease;
        }


    /* =========================================================
   HOVER
   ========================================================= */

    .sa-fi .fi-faq-item:hover {
        border-color: #bcdcff;
        box-shadow: 0 8px 22px rgba(0, 99, 255, .07);
    }

    .sa-fi .fi-faq-item summary:hover {
        color: #0063ff;
    }


    /* =========================================================
   FAQ APERTA
   ========================================================= */

    .sa-fi .fi-faq-item[open] {
        border-color: #b9d9ff;
        background: linear-gradient( 120deg, #ffffff 0%, #f6fbff 100% );
        box-shadow: 0 9px 24px rgba(0, 99, 255, .075);
    }


        /* Barra fucsia laterale */
        .sa-fi .fi-faq-item[open]::before {
            content: "";
            position: absolute;
            z-index: 3;
            top: 12px;
            bottom: 12px;
            left: 0;
            width: 3px;
            border-radius: 0 3px 3px 0;
            background: linear-gradient( 180deg, #ff4097, #ff1679 );
        }


        /* Pallino fucsia + freccia verso l'alto */
        .sa-fi .fi-faq-item[open] summary::after {
            background-color: #ff2b86;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M6 12l4-4 4 4' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
            box-shadow: 0 4px 10px rgba(255, 22, 121, .16);
        }


/* =========================================================
   RISPOSTA
   ========================================================= */

.sa-fi .fi-faq-answer {
    padding: 0 58px 17px 18px;
    color: #536aa0;
}

    .sa-fi .fi-faq-answer p {
        margin: 0;
        color: #536aa0;
        font-size: 15px;
        line-height: 1.55;
    }


/* Separatore tra domanda e risposta */
.sa-fi .fi-faq-item[open]
.fi-faq-answer::before {
    content: "";
    display: block;
    height: 1px;
    margin: 0 0 13px;
    background: linear-gradient( 90deg, #dcecff 0%, rgba(220, 236, 255, 0) 100% );
}


/* =========================================================
   ACCESSIBILITA'
   ========================================================= */

.sa-fi .fi-faq-item summary:focus {
    outline: none;
}

.sa-fi .fi-faq-item summary:focus-visible {
    outline: 3px solid rgba(255, 49, 137, .25);
    outline-offset: -3px;
    border-radius: 10px;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 599px) {

    .sa-fi .fi-faq {
        padding-bottom: 28px;
    }

        .sa-fi .fi-faq > h2 {
            margin-bottom: 15px;
            font-size: 27px;
        }

    .sa-fi .fi-faq-list {
        gap: 8px;
    }

    .sa-fi .fi-faq-item {
        border-radius: 10px;
    }

        .sa-fi .fi-faq-item summary {
            min-height: 52px;
            padding: 14px 55px 14px 15px;
            font-size: 15px;
            line-height: 1.35;
        }

            .sa-fi .fi-faq-item summary::after {
                right: 13px;
                width: 28px;
                height: 28px;
                background-size: 15px 15px;
            }

    .sa-fi .fi-faq-answer {
        padding: 0 15px 16px;
    }

        .sa-fi .fi-faq-answer p {
            font-size: 14px;
            line-height: 1.5;
        }
}


/* =========================================================
   RIDUZIONE MOVIMENTO
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .sa-fi .fi-faq-item,
    .sa-fi .fi-faq-item summary,
    .sa-fi .fi-faq-item summary::after {
        transition: none;
    }
}
.btn-full{width:100%;box-sizing:border-box}
#faq-demo {
    border: none !important
}
#FormContatti {
    position: relative;
    border: 1px solid #d6e8fc;
    border-radius: 13px;
    padding: 22px 20px;
    background: #f8f8f8;
}

/* =========================================================
   TEMPLATE STANDARD PAGINE FUNZIONALITA'
   SOFTWARE ASSISTENZA
   ========================================================= */


/* =========================================================
   BLOCCO FUNZIONALITA'
   ========================================================= */

.sa-fi.sa-feature-page .sa-feature-block {
    margin: 0;
}

.sa-fi.sa-feature-page .sa-feature-head {
    max-width: 820px;
}


/* =========================================================
   LABEL H3
   ========================================================= */

.sa-fi.sa-feature-page h3.sa-feature-label {
    display: inline-block;

    margin: 0 0 7px;
    padding: 6px 13px;

    border-radius: 20px;

    background: #fff0f6;
    color: #ff2383;

    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;

    letter-spacing: .04em;
    text-transform: uppercase;
}


/* =========================================================
   H2 DELLA SEZIONE
   ========================================================= */

.sa-fi.sa-feature-page .sa-feature-head > h2 {
    margin: 0 0 10px;
}


/* =========================================================
   TESTO
   ========================================================= */

.sa-fi.sa-feature-page .sa-feature-head > p {
    margin: 0 0 11px;
}


/* =========================================================
   ELENCO CON CHECK
   ========================================================= */

.sa-fi.sa-feature-page .sa-feature-list {
    list-style: none;

    padding: 0;
    margin: 0 0 11px;
}

.sa-fi.sa-feature-page .sa-feature-list li {
    position: relative;

    padding-left: 29px;
    margin: 0 0 7px;

    color: #5975a8;

    font-size: 16px;
    line-height: 1.45;
}

.sa-fi.sa-feature-page .sa-feature-list li:before {
    content: "\f00c";

    position: absolute;
    left: 0;
    top: 3px;

    width: 18px;
    height: 18px;

    border-radius: 50%;

    background: #1685f8;
    color: #fff;

    font-family: FontAwesome;
    font-size: 9px;
    font-weight: normal;

    line-height: 18px;
    text-align: center;
}


/* =========================================================
   LINK DI APPROFONDIMENTO
   ========================================================= */

.sa-fi.sa-feature-page .sa-feature-link {
    margin: 8px 0 0;
}


/* =========================================================
   IMMAGINE STANDARD
   ========================================================= */

.sa-fi.sa-feature-page .sa-feature-media {
    margin: 12px 0 0;
    overflow: hidden;
}

.sa-fi.sa-feature-page .sa-feature-media img {
    display: block;

    width: 100%;
    height: auto;

    margin: 0;
}


/* Immagine con molto spazio bianco incluso nel file */

.sa-fi.sa-feature-page .sa-feature-media--tight {
    margin-top: -30px;
}


/* =========================================================
   BLOCCO CON LINK PRIMA DELL'IMMAGINE
   ========================================================= */

.sa-fi.sa-feature-page
.sa-feature-block--with-link
.sa-feature-media {
    margin-top: 24px;
}


/* Link presente + immagine con spazio bianco interno */

.sa-fi.sa-feature-page
.sa-feature-block--with-link
.sa-feature-media--tight {
    margin-top: 8px;
}


/* =========================================================
   CTA
   ========================================================= */

.sa-fi.sa-feature-page .sa-feature-cta {
    margin-top: 8px;
    margin-bottom: 30px;
}


/* =========================================================
   FLUSSO A 5 PASSAGGI
   Variante generica riutilizzabile
   ========================================================= */

.sa-fi .fi-flow-section {
    border-top: 0;
}

/* Allineamento comune desktop/tablet */
@media (min-width: 768px) {

    .sa-fi .fi-booking-steps--five > li,
    .sa-fi .fi-booking-steps--five h3,
    .sa-fi .fi-booking-steps--five p {
        text-align: center;
    }

    .sa-fi .fi-booking-steps--five .fi-step-visual,
    .sa-fi .fi-booking-steps--five p {
        margin-left: auto;
        margin-right: auto;
    }
}

/* Desktop grande: 5 passaggi su una riga */
@media (min-width: 1200px) {

    .sa-fi .fi-booking-steps.fi-booking-steps--five {
        grid-template-columns: repeat(5, minmax(0, 1fr));
        column-gap: 28px;
        row-gap: 32px;
        margin-top: 25px;
    }

    .sa-fi .fi-booking-steps--five .fi-step-visual,
    .sa-fi .fi-booking-steps--five .fi-step-icon {
        width: 76px;
        height: 76px;
    }

    .sa-fi .fi-booking-steps--five .fi-step-visual {
        margin-bottom: 14px;
    }

    .sa-fi .fi-booking-steps--five .fi-step-icon .fa:before {
        font-size: 30px;
    }

    .sa-fi .fi-booking-steps--five .fi-step-number {
        top: -6px;
        left: -7px;
        width: 30px;
        height: 30px;
        font-size: 14px;
    }

    .sa-fi .fi-booking-steps--five h3 {
        margin-bottom: 6px;
        font-size: 16px;
    }

    .sa-fi .fi-booking-steps--five p {
        max-width: 165px;
        font-size: 14px;
        line-height: 1.4;
    }
}

/* Desktop / tablet orizzontale: 3 passaggi per riga */
@media (min-width: 960px) and (max-width: 1199px) {

    .sa-fi .fi-booking-steps.fi-booking-steps--five {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        column-gap: 42px;
        row-gap: 34px;
    }

    .sa-fi .fi-booking-steps--five > li:nth-child(3):after {
        display: none;
    }
}

/* Tablet: 2 passaggi per riga */
@media (min-width: 768px) and (max-width: 959px) {

    .sa-fi .fi-booking-steps.fi-booking-steps--five {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 32px;
        row-gap: 30px;
    }

    .sa-fi .fi-booking-steps--five > li:nth-child(2):after,
    .sa-fi .fi-booking-steps--five > li:nth-child(4):after {
        display: none;
    }
}


/* =========================================================
   MOBILE
   Il CSS principale trasforma già fi-booking-steps
   in una colonna con icona a sinistra e testo a destra.
   Qui interveniamo solo sui componenti sa-feature.
   ========================================================= */

@media (max-width: 767px) {

    .sa-fi.sa-feature-page .sa-feature-list li {
        padding-left: 27px;

        font-size: 15px;
    }

    .sa-fi.sa-feature-page .sa-feature-media {
        margin-top: 10px;
    }

    .sa-fi.sa-feature-page .sa-feature-media--tight {
        margin-top: -16px;
    }

    .sa-fi.sa-feature-page
    .sa-feature-block--with-link
    .sa-feature-media {
        margin-top: 18px;
    }

    .sa-fi.sa-feature-page
    .sa-feature-block--with-link
    .sa-feature-media--tight {
        margin-top: 6px;
    }
}

/* =========================================================
   NAVBAR SOFTWARE ASSISTENZA
   MOBILE / TABLET - VERSIONE 2
   ========================================================= */

@media (max-width: 959px) {

    /* =====================================================
       CONTENITORE GENERALE
       ===================================================== */

    body.sa-site .sa-navbar {
        margin: 0;
        border: 0;
        border-radius: 0;
        background: #ffffff;
        box-shadow: 0 1px 0 rgba(20, 69, 130, .08);
    }

    body.sa-site .sa-navbar > .container {
        width: 100% !important;
        max-width: none !important;
        min-height: 0;
        margin: 0 !important;
        padding: 0 16px !important;
    }


    /* =====================================================
       HEADER: LOGO + HAMBURGER
       ===================================================== */

    body.sa-site .sa-navbar .navbar-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        float: none;
        width: 100%;
        min-height: 88px;
        margin: 0 !important;
        padding: 13px 2px;
    }

    body.sa-site .sa-navbar .navbar-header:before,
    body.sa-site .sa-navbar .navbar-header:after {
        display: none !important;
        content: none !important;
    }

    body.sa-site .sa-navbar .logo {
        display: block;
        flex: 0 1 auto;
        width: auto !important;
        margin: 0;
        padding: 0;
    }

    body.sa-site .sa-navbar .logo img {
        display: block;
        width: auto !important;
        max-width: 180px !important;
        height: auto;
        max-height: 58px;
        margin: 0;
    }


    /* =====================================================
       HAMBURGER
       ===================================================== */

    body.sa-site .sa-navbar .navbar-toggle {
        float: none !important;
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 46px;
        height: 46px;
        gap: 4px;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid #bdd8ff !important;
        border-radius: 13px !important;
        background: #f5f9ff !important;
        box-shadow: 0 4px 12px rgba(0, 99, 255, .04);
    }

    body.sa-site .sa-navbar .navbar-toggle:hover,
    body.sa-site .sa-navbar .navbar-toggle:focus {
        border-color: #9bc3ff !important;
        background: #eef6ff !important;
        outline: 0;
    }

    body.sa-site .sa-navbar .navbar-toggle .icon-bar {
        display: block;
        width: 21px;
        height: 2px;
        margin: 0 !important;
        border-radius: 2px;
        background: #0063ff !important;
    }

    body.sa-site .sa-navbar .navbar-toggle .icon-bar + .icon-bar {
        margin-top: 0 !important;
    }


    /* =====================================================
       CONTENITORE MENU
       ===================================================== */

    body.sa-site .sa-navbar .navbar-collapse {
        float: none;
        width: 100%;
        margin: 0 !important;
        padding: 0;
        border: 0;
        box-shadow: none;
    }

    body.sa-site .sa-navbar .container > .navbar-collapse,
    body.sa-site .sa-navbar .container-fluid > .navbar-collapse {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    body.sa-site .sa-navbar #main-menu {
        width: 100%;
        margin: 0;
        padding: 9px 0 17px;
        border-top: 1px solid #edf2f8;
        background: #ffffff;
    }

    body.sa-site .sa-navbar #main-menu.collapse {
        display: none !important;
        height: auto !important;
        overflow: hidden !important;
    }

    body.sa-site .sa-navbar #main-menu.in {
        display: block !important;
        height: auto !important;
        overflow: visible !important;
    }

    body.sa-site .sa-navbar #main-menu.collapsing {
        display: block !important;
        height: auto !important;
        overflow: hidden !important;
        transition: none !important;
        -webkit-transition: none !important;
    }


    /* =====================================================
       VOCI PRINCIPALI
       Stesso allineamento per aperte e chiuse.
       ===================================================== */

    body.sa-site .sa-navbar .nav.navbar-nav {
        display: block;
        float: none;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    body.sa-site .sa-navbar .nav.navbar-nav > li {
        position: relative;
        display: block;
        float: none;
        width: 100%;
        margin: 2px 0;
        padding: 0;
        border: 0;
    }

    body.sa-site .sa-navbar .nav.navbar-nav > li > a {
        display: flex;
        align-items: center;
        width: 100%;
        min-height: 48px;
        margin: 0;
        padding: 12px 50px 12px 14px !important;
        border: 1px solid transparent;
        border-radius: 12px;
        background: transparent;
        color: #4f6897 !important;
        font-size: 16px !important;
        line-height: 1.35;
        font-weight: 600;
        text-decoration: none;
        transition:
            color .16s ease,
            background .16s ease,
            border-color .16s ease;
    }

    body.sa-site .sa-navbar .nav.navbar-nav > li > a:hover,
    body.sa-site .sa-navbar .nav.navbar-nav > li > a:focus {
        border-color: #e3edfb;
        background: #f7faff;
        color: #0063ff !important;
        text-decoration: none;
        outline: 0;
    }

    body.sa-site .sa-navbar .nav.navbar-nav > li.sa-open > a {
        border-color: #dce9fb;
        background: #f2f7ff;
        color: #0063ff !important;
        font-weight: 700;
    }


    /* =====================================================
       FRECCIA SUBMENU
       ===================================================== */

    body.sa-site .sa-navbar .nav.navbar-nav > li > .sa-submenu-toggle,
    body.sa-site .sa-navbar .nav.navbar-nav > li.sa-open > .sa-submenu-toggle {
        position: absolute;
        top: 6px;
        right: 6px;
        z-index: 3;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        flex: 0 0 36px;
        margin: 0 !important;
        padding: 0 !important;
        border: 0;
        border-radius: 10px;
        background: transparent;
        color: #7890b7;
        box-shadow: none;
        cursor: pointer;
        transform: none !important;
        transition:
            color .16s ease,
            background .16s ease;
    }

    body.sa-site .sa-navbar .nav.navbar-nav > li > .sa-submenu-toggle:hover,
    body.sa-site .sa-navbar .nav.navbar-nav > li > .sa-submenu-toggle:focus,
    body.sa-site .sa-navbar .nav.navbar-nav > li.sa-open > .sa-submenu-toggle {
        background: #eaf3ff;
        color: #0063ff;
        outline: 0;
    }

    body.sa-site .sa-navbar .sa-submenu-toggle .fa,
    body.sa-site .sa-navbar .sa-submenu-toggle .glyphicon {
        display: block;
        width: auto;
        height: auto;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 12px;
        line-height: 1;
        text-align: center;
        transform: rotate(0deg);
        transform-origin: 50% 50%;
        transition: transform .18s ease;
    }

    body.sa-site .sa-navbar .sa-open > .sa-submenu-toggle .fa,
    body.sa-site .sa-navbar .sa-open > .sa-submenu-toggle .glyphicon {
        transform: rotate(180deg);
    }


    /* =====================================================
       SUBMENU
       Niente grande pannello: struttura annidata più leggera.
       ===================================================== */

    body.sa-site .sa-navbar .submenu {
        position: static !important;
        display: none !important;
        float: none !important;
        width: auto !important;
        min-width: 0 !important;
        flex-basis: auto !important;
        margin: 4px 8px 10px 14px !important;
        padding: 2px 0 2px 14px !important;
        list-style: none;
        border: 0 !important;
        border-left: 2px solid #dbe9fb !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
    }

    body.sa-site .sa-navbar .sa-open > .submenu {
        display: block !important;
        animation: saSubmenuOpen .15s ease-out;
    }

    body.sa-site .sa-navbar .submenu > li {
        position: relative;
        display: block;
        float: none;
        width: 100%;
        margin: 1px 0;
        padding: 0;
        border: 0;
    }

    body.sa-site .sa-navbar .submenu > li + li {
        border: 0;
    }

    body.sa-site .sa-navbar .submenu > li > a {
        display: flex;
        align-items: center;
        min-height: 42px;
        margin: 0;
        padding: 9px 12px !important;
        border: 0;
        border-radius: 10px;
        background: transparent;
        color: #526b9b !important;
        font: 500 15px/1.4 'SA Roboto', Arial, sans-serif !important;
        text-decoration: none;
        white-space: normal;
        transform: none;
        transition:
            color .15s ease,
            background .15s ease,
            padding-left .15s ease;
    }

    body.sa-site .sa-navbar .submenu > li > a:hover,
    body.sa-site .sa-navbar .submenu > li > a:focus {
        padding-left: 16px !important;
        background: #f1f7ff !important;
        color: #0063ff !important;
        text-decoration: none;
        transform: none;
        outline: 0;
    }


    /* =====================================================
       AZIONI IN FONDO AL MENU
       ===================================================== */

    body.sa-site .sa-navbar .sa-header-actions {
        display: grid;
        grid-template-columns: 1.35fr 1fr 1.05fr .72fr;
        gap: 10px;
        width: 100%;
        margin: 14px 0 0;
        padding: 14px 0 0;
        border-top: 1px solid #edf2f8;
    }

    body.sa-site .sa-navbar .sa-header-actions > a {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 0;
        min-height: 44px;
        margin: 0;
        text-align: center;
        white-space: nowrap;
    }


    /* =====================================================
       HERO / BREADCRUMB
       ===================================================== */

    .sa-fi .fi-hero {
        padding-top: 22px;
    }

    .sa-fi #breadcrumb-container {
        margin-top: 0;
        margin-bottom: 12px;
    }


    /* =====================================================
       HOME HERO RESPONSIVE
       Su tablet/mobile testo e dispositivi devono impilarsi.
       Questa regola prevale sui layout desktop definiti prima.
       ===================================================== */

    body.sa-site .sa-home #header .sa-hero-row {
        display: flex !important;
        flex-direction: column !important;
        grid-template-columns: none !important;
        align-items: stretch !important;
        gap: 24px !important;
        padding: 18px 0 24px !important;
    }

    body.sa-site .sa-home #header .sa-hero-row > .col-md-6:first-child {
        width: 100% !important;
        max-width: none !important;
        padding-right: 0 !important;
    }

    body.sa-site .sa-home #header .header-dashboard {
        width: 100% !important;
        max-width: 620px !important;
        margin: 0 auto !important;
        padding: 34px 0 0 !important;
        align-self: center !important;
    }

    body.sa-site .sa-home #header .sa-approved-hero {
        width: 100% !important;
        max-width: 100% !important;
        left: 0 !important;
    }
}


/* =========================================================
   TELEFONO
   ========================================================= */

@media (max-width: 599px) {

    body.sa-site .sa-navbar > .container {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    body.sa-site .sa-navbar .logo img {
        max-width: 165px !important;
    }

    body.sa-site .sa-navbar .sa-header-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
    }

    body.sa-site .sa-navbar .sa-header-actions > a {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        min-height: 44px;
        padding-left: 8px;
        padding-right: 8px;
        font-size: 13px;
    }

    body.sa-site .sa-navbar .sa-header-actions > .sa-header-phone {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        flex-basis: auto !important;
        justify-content: center !important;
    }

    body.sa-site .sa-home #header .sa-hero-row {
        gap: 18px !important;
        padding: 16px 0 22px !important;
    }

    body.sa-site .sa-home #header .header-dashboard {
        max-width: 520px !important;
        padding-top: 28px !important;
    }

    body.sa-site .sa-home #header .sa-handnote {
        top: 0 !important;
        right: 5% !important;
        font-size: 12px !important;
        max-width: 190px !important;
    }
}


/* =========================================================
   ANIMAZIONE SUBMENU
   ========================================================= */

@keyframes saSubmenuOpen {
    from {
        opacity: 0;
        transform: translateY(-3px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* =========================================================
   TABELLE CONTENUTI - SOFTWARE ASSISTENZA
   Stile comune responsive per pagine e articoli SEO
   Compatibile con Font Awesome 4.7 e CMS attuale
   ========================================================= */

.sa-table-wrap {
    width: 100%;
    max-width: 100%;
    margin: 28px 0 34px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    border-radius: 11px;
}

.sa-table {
    width: 100%;
    min-width: 720px;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: auto;
    background: #ffffff;
    border: 1px solid #cfe0ff;
    border-radius: 11px;
    overflow: hidden;
    color: #10213d;
    font-size: 15px;
    line-height: 1.5;
}

/* =========================
   INTESTAZIONE
   ========================= */

.sa-table thead th {
    padding: 13px 15px;
    background: #eef5ff;
    color: #0063ff;
    font-weight: 700;
    text-align: left;
    vertical-align: middle;
    border-right: 1px solid #cfe0ff;
    border-bottom: 1px solid #cfe0ff;
    white-space: nowrap;
}

.sa-table thead th:last-child {
    border-right: 0;
}

/* Icone Font Awesome 4.7 */
.sa-table thead th .fa,
.sa-table thead th em.fa {
    display: inline-block;
    margin-right: 6px;
    color: #0063ff;
    font-size: 14px;
    line-height: 1;
    vertical-align: baseline;
    font-style: normal;
}

/* =========================
   CORPO TABELLA
   ========================= */

.sa-table tbody td {
    padding: 15px;
    vertical-align: top;
    background: #ffffff;
    border-right: 1px solid #e1ebfb;
    border-bottom: 1px solid #e1ebfb;
    color: #10213d;
    font-weight: 400;
    overflow-wrap: break-word;
    word-break: normal;
}

.sa-table tbody td:last-child {
    border-right: 0;
}

.sa-table tbody tr:last-child td {
    border-bottom: 0;
}

/* Riga alternata molto leggera */
.sa-table tbody tr:nth-child(even) td {
    background: #fbfdff;
}

/* Prima colonna: evidenzia la voce principale */
.sa-table tbody td:first-child {
    font-weight: 700;
    color: #10213d;
}

/* Hover solo su dispositivi che lo supportano */
@media (hover: hover) {
    .sa-table tbody tr:hover td {
        background: #f5f9ff;
    }
}

/* =========================
   RESPONSIVE TABLET
   ========================= */

@media (max-width: 991px) {
    .sa-table {
        min-width: 680px;
        font-size: 14px;
    }

    .sa-table thead th,
    .sa-table tbody td {
        padding: 12px 13px;
    }

    .sa-table thead th .fa,
    .sa-table thead th em.fa {
        font-size: 13px;
    }
}

/* =========================
   RESPONSIVE SMARTPHONE
   ========================= */

@media (max-width: 767px) {
    .sa-table-wrap {
        margin: 22px 0 28px;
        border-radius: 9px;
    }

    .sa-table {
        min-width: 660px;
        font-size: 13.5px;
        line-height: 1.45;
        border-radius: 9px;
    }

    .sa-table thead th,
    .sa-table tbody td {
        padding: 11px 12px;
    }

    .sa-table thead th .fa,
    .sa-table thead th em.fa {
        font-size: 13px;
        margin-right: 5px;
    }
}

/* =========================
   SMARTPHONE PICCOLI
   ========================= */

@media (max-width: 480px) {
    .sa-table {
        min-width: 620px;
        font-size: 13px;
    }

    .sa-table thead th,
    .sa-table tbody td {
        padding: 10px 11px;
    }
}