body {
    counter-reset: paniki-counter;
    font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
    width: 100%;
    height: 100%;
}

.container {
    max-width: 1115px;
    margin: 0 auto;
}

.message {
    margin-bottom: 20px;
}

.ls-wrapper {
    margin: 30px auto;
}

html {
    background-image: url(img/background2.png);
    background: transparent;
    background-image: url(img/background2.png);
}

@-webkit-keyframes fade {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes fade {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

h1 {
    font-family: 'Lobster', cursive;
    text-shadow: 1px 1px 3px #0AC0FB;
    font-size: 3em;
    color: #fff;
    text-align: center;
    margin: 0;
    padding: 0 0 10px;
    position: absolute;
    width: 100%;
    z-index: 9999;
}

.gradient {
    background: #87E0FD;
    background: -moz-radial-gradient(center, ellipse cover, #87e0fd 0%, #53cbf1 40%, #05abe0 100%);
    /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #87e0fd), color-stop(40%, #53cbf1), color-stop(100%, #05abe0));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, #87e0fd 0%, #53cbf1 40%, #05abe0 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, #87e0fd 0%, #53cbf1 40%, #05abe0 100%);
    /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, #87e0fd 0%, #53cbf1 40%, #05abe0 100%);
    /* IE10+ */
    background: radial-gradient(ellipse at center, #87e0fd 0%, #53cbf1 40%, #05abe0 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

h1 a {
    color: inherit;
    text-decoration: none;
}

h2,
h3,
h4 {
    font-family: 'Montserrat', sans-serif;
}

h2 a {
    float: right;
    text-decoration: none;
    color: #0AC0FB;
}

h2:not(.title) {
    background: #eee;
    border-left: 10px solid #0AC0FB;
    padding: 20px;
    color: #aaa;
    text-shadow: 1px 1px 1px #fff;
    text-transform: uppercase;
}

h2:not(.title) {
    counter-increment: paniki-counter;
}

h2:not(.title):before {
    content: counter(paniki-counter) '. ';
}

h3 {
    color: rgb(66, 184, 221);
}

hr {
    margin: 30px 0;
    border: 2px dashed #eee;
}

a.link {
    text-decoration: none;
    color: #0AC0FB;
}

p,
li {
    font-family: 'Open Sans', sans-serif;
    line-height: 1.5;
}

p {
    margin-top: 1.5em;
}

button {
    margin: 0 10px 10px 0;
}

#slider-5-nav-ul a {
    -webkit-transition: background-color 1s ease;
    -moz-transition: background-color 1s ease;
    -ms-transition: background-color 1s ease;
    -o-transition: background-color 1s ease;
    transition: background-color 1s ease;
}

[class^="icon-"] {
    margin-right: 7px;
}

#slider-8-nav-ul {
    font-size: 1.2em;
}

.top-bar {
    position: fixed;
    left: 0;
    top: -100px;
    width: 100%;
    padding: 15px 0 10px;
    display: block;
    text-align: center;
    font-size: 2em;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: top 0.4s ease;
    -moz-transition: top 0.4s ease;
    -ms-transition: top 0.4s ease;
    -o-transition: top 0.4s ease;
    transition: top 0.4s ease;
}

.pure-button-secondary,
.currentCrossLink {
    background: rgb(66, 184, 221);
    color: white;
    border-radius: 4px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.pure-button-xlarge {
    font-size: 125%;
}

.top-buttons {
    width: 312px;
    margin: 100px auto;
}

.nav-area,
.animation-block {
    overflow: hidden;
}

.liquid-slider p,
.liquid-slider h2 {
    font-family: inherit;
}

.content-ad {
    text-align: center;
}

.next-page {
    display: block;
    width: 150px;
    margin: 50px auto 10px;
}

.shadow {
    position: relative;
    height: 20px;
    width: 70%;
    margin: 0 auto;
    display: block;
    margin-bottom: 30px;
}

.shadow:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    border-radius: 50% / 20px;
    box-shadow: rgba(0, 0, 0, 0.5) 0 5px 10px;
    clip: rect(20px, auto, 50px, 0);
}

.site-footer {
    padding: 0 0 20px;
    background: rgb(66, 184, 221);
    overflow: hidden;
    *zoom: 1
}

.site-footer .container {
    padding-top: 20px;
    overflow: hidden;
}

.site-footer h2 {
    margin: 0
}

.site-footer a.link {
    color: #fff;
    border-bottom: 2px dashed #87E0FD
}

.site-footer a.link:hover {
    border-bottom: 2px solid #87E0FD;
    text-shadow: 0px 0px 10px #fff
}

.site-footer .profile {
    margin-left: 15px
}

.site-footer p {
    color: #111;
    margin-top: 0
}

.site-footer .profile .info {
    margin-top: 3%;
    width: 100%;
    float: left
}

.site-footer .profile .info h2 {
    color: #fff;
    display: inline-block;
    margin: 0 0 20px;
    font-size: 26px;
    padding: 0
}

.circle-image-link {
    display: none;
    float: left;
    width: 15%;
    margin: 5% 2% 0 0
}

.circle-image-link img {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-background-clip: content-box;
    -moz-background-clip: content-box;
    background-clip: content-box;
    -webkit-box-shadow: 0 0 0 5px #fff;
    -moz-box-shadow: 0 0 0 5px #fff;
    box-shadow: 0 0 0 5px #fff
}

.circle-image-link img:hover {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    filter: grayscale(0)
}

@media (min-width:600px) {
    .animations {
        width: 50%;
        float: left;
    }
    .slider-6-panel .panel-wrapper {
        padding: 25px 75px!important;
    }
    .pure-menu {
        width: 32.4%!important;
        float: left;
        margin: 10px 1% 10px 0;
    }
    .pure-menu:last-child {
        margin-right: 0;
    }
    .circle-image-link {
        display: block;
    }
    .site-footer .profile .info {
        width: 70%
    }
    .site-footer .profile .info h2 {
        font-size: 36px;
        margin-right: 10px
    }
}

* {
    margin: 0;
    padding: 0;
}

header,
nav,
section,
article,
aside,
footer {
    display: block;
}

body {
    font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
    width: 100%;
    background: transparent;
    -webkit-animation: fade 6.0s;
    -moz-animation: fade 6.0s;
    -ms-animation: fade 6.0s;
    -o-animation: fade 6.0s;
    animation: fade 6.0s
}

body2 {
    font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
    width: 100%;
    min-width: px;
    background: rgb(215, 11, 26);
    background-image: url(img/background.png);
    -webkit-animation: fade 6.0s;
    -moz-animation: fade 6.0s;
    -ms-animation: fade 6.0s;
    -o-animation: fade 6.0s;
    animation: fade 6.0s
}

a {
    color: white;
    outline: none;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

p {
    margin: 0 0 15px
}

img {
    border: none;
}

input {
    vertical-align: middle;
}

#wrapper {
    width: 1115px;
    margin: 0 auto;
}

#wrappermob {
    width: 500px;
    margin: 0 auto;
}

#wrapper1 {
    width: 100%;
    margin: 0 auto;
}

#wrapper5 {
    width: 100%;
    margin: 0 auto;
    background: ;
    background-image: url();
    background-repeat: repeat-x;
}

#wrapper50 {
    width: 100%;
    margin: 0 auto;
    background: black;
    background-image: url(img/barra2.png);
    background-repeat: repeat-x;
    background-position: bottom;
    height: 3px;
}


/* Testo e immagini
-----------------------------------------------------------------------------*/

.addthis_button_twitter.at300b {
    padding-right: 20px;
}

.addthis_button_linkedin.at300b {
    padding-left: 20px;
}

.addthis_toolbox.addthis_default_style.addthis_16x16_style {
    width: 230px;
    margin-right: auto;
    margin-left: auto;
}

.hupso_counters {
    display: none;
}

.title {
    font-size: 22px;
    line-height: 20px;
}

.titleb {
    font-size: 18px;
    font-style: normal;
}

.title2 {
    font-size: 18px;
}

.title2p2 {
    font-size: 18px;
    line-height: 0px;
    padding-top: 24px;
}

.title2p4 {
    font-size: 18px;
    line-height: 0px;
    padding-top: 38px;
}

.titlebia {
    font-size: 16px;
    font-style: normal;
    color: black;
    font-family: Arial;
    line-height: 1;
}

.text {
    font-size: 13px;
}

.texttop {
    font-size: 13px;
    text-align: justify;
    font-family: Arial;
    line-height: 1.4;
}

.textbia {
    font-size: 13px;
    font-style: normal;
    color: black;
    line-height: 1.4;
    font-family: arial;
    text-align: justify;
}

.textgall {
    font-size: 13px;
    font-style: normal;
    color: #cd130f;
    line-height: 1.4;
    font-family: arial;
    text-align: center;
}

.texxt {
    font-size: 15px;
    line-height: 21px;
}

.powa {
    font-size: 28px;
    line-height: 31px;
}

.powax5 {
    font-size: 20px;
    line-height: 15px;
    padding-left: 65px;
}

#plug {
    background-image: url();
    background-repeat: no-repeat round;
    background-position: top center;
    padding: 10px;
    padding.bottom: 5px;
    font-size: 18px;
}

#plug2 {
    background: transparent;
    height: 700px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -10;
    width: 100%;
    overflow: hidden;
}

#plugmobile {
    background: transparent;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -10;
    width: 100%;
    overflow: hidden;
    background-image: url(img/background.png);
}

.powax4 {
    font-size: 23px;
    line-height: 26px;
    color: #d70b1a;
}

.powap2 {
    font-size: 23px;
    line-height: 5px;
    padding-top: 15px;
}

.powaki {
    background-image: url(img/dot.png);
    height: 7px;
}

.powacit {
    font-family: inherit;
    font-size: 21px;
    line-height: 21px;
    text-align: center;
}

.powacit2 {
    font-size: 16px;
    line-height: 0px;
    text-align: center;
}

.powacit3 {
    font-size: 19px;
    line-height: 21px;
}

.powax {
    font-size: 26px;
    line-height: 22px;
}

.powat {
    font-size: 26px;
    line-height: 26px;
}

.commenthidden {
    display: none;
}

.commentshown {
    display: inline;
}

.powa2 {
    font-size: 20px;
    line-height: 0px;
}

#logo {
    padding: 30px;
}

.image {
    padding: 0px;
    margin: 0px;
}

.info {
    font-size: 17px;
    line-height: 20px;
}


/* Header
-----------------------------------------------------------------------------*/

#header0 {
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    width: 1000px;
}

#header99 {
    background: transparent;
    margin-bottom: 40px;
    padding: 15px;
    width: 1020px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 25px;
}

#header999 {
    background: transparent;
    padding: 15px;
    width: 1020px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5px;
}

#header999mob {
    background: transparent;
    padding: 15px;
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5px;
}

#header {
    background: #FFF;
    padding: 15px;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
}

#header6 {
    background: #FFF;
    padding: 25px;
    text-align: right;
    height: 450px;
    color: black;
    padding-left: 772px;
    padding-top: 15px;
    padding-right: 15px;
    margin-bottom: 40px;
    margin-top: 60px;
    margin-left: 15px;
    margin-right: 15px;
}

::-webkit-scrollbar-thumb:vertical {
    background-color: rgb(90, 90, 90);
    height: 100px;
}

::-webkit-scrollbar-thumb:horizontal {
    background-color: black;
    height: 10px !important;
}

::-webkit-scrollbar {
    height: 10px;
    width: 5px;
    background-color: black;
}

#code_bg {
    padding: 25px 10px 20px 10px;
    webkit-border-radius: 5px;
    moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-animation: fade 6.0s;
    -moz-animation: fade 6.0s;
    -ms-animation: fade 6.0s;
    -o-animation: fade 6.0s;
    animation: fade 6.0s
}

#example1 {
    background: black;
    padding: 2px 15px;
    color: rgba(135, 135, 135, 1);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
}

#example2 {
    //background: black;
    color: black;
    //-webkit-border-radius: 3px;
    //-moz-border-radius: 3px;
    //border-radius: 3px;
    font-size: 18px;
    padding-bottom: 5px;
    padding-top: 5px;
    //border: 1px solid black;
}

#headertitle {
    margin-bottom: 40px;
    margin-top: 40px;
    padding: 15px;
}

#header11 {
    padding: 25px;
    text-align: right;
    background-image: url('img/ring.jpg');
    margin-left: 15px;
    margin-right: 15px;
    color: black;
    margin-bottom: 15px;
    margin-top: 15px;
    height: 510px;
    padding-left: 677px;
}

#header50 {
    padding: 25px;
    text-align: right;
    background-image: url('img/800.jpg');
    margin-left: 15px;
    margin-right: 15px;
    color: black;
    margin-bottom: 40px;
    margin-top: 40px;
    height: 180px;
    padding-left: 450px;
}

#header51 {
    padding: 25px;
    text-align: left;
    background-image: url('img/801.jpg');
    margin-left: 15px;
    margin-right: 15px;
    color: black;
    margin-bottom: 45px;
    margin-top: 0px;
    height: 180px;
    padding-left: 0px;
    padding-right: 450px;
}

#headerx {
    background: transparent;
    padding: 15px;
    text-align: left;
    padding-top: 0px;
    padding-bottom: 0px;
}

#headerxaki {
    background: transparent;
    padding: 15px;
    text-align: left;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 50px;
    padding-left: 20px;
}


/* Middle
-----------------------------------------------------------------------------*/

#widget {
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
}

#middle {
    width: 100%;
    height: 1%;
    position: relative;
    padding-top: 0px;
}

#middle2 {
    width: 100%;
    height: 1%;
    position: relative;
}

#middle:after {
    content: '';
    clear: both;
    display: table;
}

#container {
    width: 100%;
    float: left;
    overflow: hidden;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

#containermob {
    width: 500px;
    float: left;
    overflow: hidden;
}

#containerup {
    width: 100%;
    float: left;
    overflow: hidden;
    background: black;
    padding-top: 5px;
    height: 58px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(img/line1.png);
    background-repeat: repeat-x;
    background-position: bottom;
}

#containerup2 {
    width: 100%;
    float: left;
    overflow: hidden;
    background: black;
    padding-top: 6px;
    height: 15px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(img/line2.png);
    background-repeat: repeat-x;
}

#content {
    padding: 15px 345px 15px 345px;
    padding-bottom: 35px;
}

#contenta {
    padding: 30px;
    text-align: justify;
    text-align: center;
    padding-top: 133px;
}

#contentg {
    padding: 15px 345px 15px 345px;
    padding-bottom: 5px;
}

#content1 {
    padding: 15px 380px 30px 15px;
}

#content1b {
    padding: 15px 310px 30px 15px;
}

#content1bx {
    padding: 15px 760px 30px 15px;
}

#content2 {
    padding: 15px 15px 20px 328px;
}

#akiright {
    background-image: url(img/dot.png);
    height: 100%;
}

#akirightx {
    height: 100%;
    padding-top: 50px;
    text-align: center;
}

#akirightxp2 {
    height: 100%;
    padding-top: 8px;
    text-align: center;
}

#akirightx2 {
    height: 100%;
    background: black;
    background-image: url(img/bar.png);
    background-repeat: repeat-x;
    height: 5px;
}

#contentaki {
    padding: 20px 15px 20px 320px;
    height: 520px;
}

#contentakip2 {
    padding: 20px 15px 20px 420px;
    height: 520px;
}

#content3 {
    padding: 15px 15px 15px 525px;
}

#content4 {
    padding: 15px 15px 15px 440px;
}

#content5 {
    padding: 15px 346px 30px 15px;
}

#content6 {
    padding: 15px 15px 20px 345px;
    padding-bottom: 10px;
}

#contentb {
    padding: 15px 345px 15px 345px;
    padding-bottom: 5px;
    color: white;
}

#content1a {
    padding: 15px 400px 30px 15px;
}

#contentc {
    padding: 0px 345px 0px 345px;
    text-align: center;
}

#contentbb {
    padding: 15px 345px 15px 345px;
    padding-bottom: 15px;
    color: black;
    padding-top: 0px;
    font-style: normal;
    padding-top: 15px;
}

#contentlogo {
    padding: 23px 15px 20px 405px;
}


/* Sidebar Left
-----------------------------------------------------------------------------*/

#sideLeftw {
    float: left;
    width: 300px;
    margin-left: -100%;
    position: relative;
    padding: 15px;
    padding-bottom: 0px;
    color: white;
    padding-top: 21px;
}

#sideLeft {
    float: left;
    width: 300px;
    margin-left: -100%;
    position: relative;
    padding: 15px;
    padding-bottom: 0px;
}

#sideLeftaki {
    float: left;
    width: 247px;
    margin-left: -100%;
    position: relative;
    padding: 15px;
    padding-bottom: 0px;
}

#sideLeftakipg2 {
    float: left;
    width: 350px;
    margin-left: -100%;
    position: relative;
    padding: 15px;
    padding-bottom: 0px;
}

#sideLeftl {
    float: left;
    width: 170px;
    margin-left: -100%;
    position: relative;
    background: #FFF;
    padding: 15px;
}

#sideLeft1 {
    float: left;
    width: 330px;
    margin-left: -100%;
    position: relative;
    padding: 15px;
}

#sideLeft2 {
    float: left;
    width: 300px;
    margin-left: -100%;
    position: relative;
    background: transparent;
    padding: 0px;
    padding-bottom: 0px;
    color: white;
    padding-left: 0px;
}

#sideLeft20 {
    float: left;
    width: 300px;
    margin-left: -100%;
    position: relative;
    background: transparent;
    padding: 0px;
    padding-bottom: 0px;
    color: white;
    padding-left: 0px;
    text-align: center;
}

#sideLeftlogo {
    float: left;
    width: 360px;
    margin-left: -100%;
    position: relative;
    padding: 15px;
    padding-bottom: 0px;
}

#sideLeft22 {
    float: left;
    width: 300px;
    margin-left: -100%;
    position: relative;
    background: transparent;
    padding: 15px;
    padding-bottom: 0px;
    color: black;
    padding-left: 15px;
}


/* Sidebar Right
-----------------------------------------------------------------------------*/

#sideRightc {
    float: left;
    width: 300px;
    margin-left: -330px;
    position: relative;
    padding: 15px;
    text-align: right;
}

#sideRight {
    float: left;
    width: 300px;
    margin-left: -330px;
    position: relative;
    padding: 15px;
    padding-top: 10px;
}

#sideRightf {
    float: left;
    width: 300px;
    margin-left: -330px;
    position: relative;
    background: #FFF;
    padding: 15px;
    text-align: right;
    padding-top: 150px;
}

#sideRight2 {
    float: left;
    width: 300px;
    margin-left: -380px;
    position: relative;
    background: #FFF;
    padding: 15px;
}

#sideRight3 {
    float: left;
    width: 300px;
    margin-left: -330px;
    position: relative;
    background: transparent;
    padding: 15px;
    color: white;
    text-align: right;
}

#sideRight6 {
    float: left;
    width: 300px;
    margin-left: -330px;
    position: relative;
    background: transparent;
    padding: 15px;
    color: white;
    text-align: right;
    padding-top: 21px;
}

#sideRight4 {
    float: left;
    width: 300px;
    margin-left: -330px;
    position: relative;
    background: #FFF;
    padding: 15px;
}

#sideRight5 {
    float: left;
    width: 300px;
    margin-left: -330px;
    position: relative;
    background: transparent;
    padding: 15px;
    color: black;
    text-align: left;
}


/* Footer
-----------------------------------------------------------------------------*/

#footer {
    background: #FFF;
    padding: 15px;
}