.iosatf {
     content: "ios-atf"
 }

 @media screen and (device-aspect-ratio:40/71) {
     .grid {
         display: -webkit-flex !important
     }

     .search-panel {
         z-index: -1
     }

     .search-panel.open {
         z-index: 300 !important
     }

     .menu-panel {
         z-index: -1
     }

     .menu-panel.open {
         z-index: 400 !important
     }
 }

 @media screen and (device-aspect-ratio:375/667) {
     .grid {
         display: -webkit-flex !important
     }

     .search-panel {
         z-index: -1
     }

     .search-panel.open {
         z-index: 300 !important
     }

     .menu-panel {
         z-index: -1
     }

     .menu-panel.open {
         z-index: 400 !important
     }

     .related-grid .innergrid.grid .card-widget {
         margin-bottom: 23px
     }
 }

 @media only screen and (min-device-width:768px)and (max-device-width:1024px) {
     .search-panel {
         z-index: -1
     }

     .search-panel.open {
         z-index: 300 !important
     }

     .menu-panel {
         z-index: -1
     }

     .menu-panel.open {
         z-index: 400 !important
     }

     .navbar .menu,
     .search-button {
         position: relative;
         right: initial;
         top: initial;
         opacity: 1 !important;
         pointer-events: auto
     }

     .navbar .menu {
         margin-top: 5px;
         margin-right: 5px
     }

     .article-content .grid .col.col-fixed {
         display: none !important
     }

     .mobile-post-info,
     .share-container.horizontal {
         display: block !important
     }
 }

 @media only screen and (max-device-width:812px)and (orientation:landscape) {
     .search-panel {
         z-index: -1
     }

     .search-panel.open {
         z-index: 300 !important
     }

     .menu-panel {
         z-index: -1
     }

     .menu-panel.open {
         z-index: 400 !important
     }

     .navbar .menu,
     .search-button {
         position: relative;
         right: initial;
         top: initial;
         opacity: 1 !important;
         pointer-events: auto !important
     }

     .navbar .menu {
         margin-top: 5px !important;
         margin-right: 5px !important
     }

     .article-content .grid .col.col-fixed {
         display: none !important
     }

     .mobile-post-info,
     .share-container.horizontal {
         display: block !important
     }

     .comments-panel,
     .comments-panel.open {
         overflow-y: initial !important
     }

     .hp_cover .card-square {
         max-height: 230px !important
     }

     .hp_cover .card-square .card-image img {
         width: 100%;
         max-height: 230px !important;
         object-fit: cover;
         object-position: top
     }

     .grid.box .card .card-title,
     .grid.infinite .card .card-title {
         position: relative;
         bottom: initial;
         min-height: 88px;
         padding: 12px
     }

     .grid.box .card .card-title h2,
     .grid.infinite .card .card-title h2 {
         font-size: 16.5px !important;
         line-height: 18px !important
     }

     body.archive .card .card-title {
         position: relative;
         bottom: initial;
         min-height: 88px;
         padding: 12px
     }

     body.archive .card .card-title h2 {
         font-size: 16.5px !important;
         line-height: 18px !important
     }
 }

 @media only screen and (min-device-width:768px)and (max-device-width:1024px)and (orientation:portrait)and (-webkit-min-device-pixel-ratio:2) {

     .grid.box .card .card-title,
     .grid.infinite .card .card-title {
         position: relative;
         bottom: initial;
         min-height: 138px;
         padding: 12px
     }
 }

 @media only screen and (min-device-width:768px)and (max-device-width:1024px)and (orientation:portrait)and (-webkit-min-device-pixel-ratio:2) {

     .grid.box .card .card-title h2,
     .grid.infinite .card .card-title h2 {
         font-size: 19px;
         line-height: 22px
     }
 }

 @media only screen and (min-device-width:768px)and (max-device-width:1024px)and (orientation:portrait)and (-webkit-min-device-pixel-ratio:1) {
     .hp_cover .card-square .card-image img {
         width: 100%;
         max-height: 340px !important;
         object-fit: cover;
         object-position: top
     }
 }

 @media only screen and (min-device-width:768px)and (max-device-width:1024px)and (orientation:landscape)and (-webkit-min-device-pixel-ratio:2) {
     .menu-desktop {
         display: none !important
     }
 }

 @media only screen and (min-device-width:768px)and (max-device-width:1024px)and (orientation:landscape)and (-webkit-min-device-pixel-ratio:2) {
     .hp_cover .card-title h2 {
         font-size: 42px !important
     }
 }

 @media only screen and (min-device-width:768px)and (max-device-width:1024px)and (orientation:landscape)and (-webkit-min-device-pixel-ratio:2) {
     .grid {
         display: -webkit-flex !important;
         display: flex !important;
         -webkit-flex-wrap: wrap !important;
         max-width: calc(100vw - 12px) !important
     }
 }

 @media only screen and (min-device-width:768px)and (max-device-width:1024px)and (orientation:landscape)and (-webkit-min-device-pixel-ratio:2) {
     .hp_cover {
         max-width: calc(100vw - 24px) !important;
         min-height: 400px !important
     }
 }

 @media only screen and (min-device-width:768px)and (max-device-width:1024px)and (orientation:landscape)and (-webkit-min-device-pixel-ratio:2) {

     .main-container,
     .main-wrapper {
         max-width: 100vw !important;
         margin: auto
     }
 }

 @media only screen and (min-device-width:768px)and (max-device-width:1024px)and (orientation:landscape)and (-webkit-min-device-pixel-ratio:2) {

     .hp_cover,
     .hp_cover img {
         min-height: 480px !important;
         object-fit: cover !important
     }
 }

 @media only screen and (min-device-width:768px)and (max-device-width:1024px)and (orientation:landscape)and (-webkit-min-device-pixel-ratio:2) {
     .hp_cover .card.overlay::after {
         bottom: -6px !important;
         height: 100% !important;
         min-height: 480px !important
     }
 }

 @media only screen and (min-device-width:768px)and (max-device-width:1024px)and (orientation:landscape)and (-webkit-min-device-pixel-ratio:2) {
     .box {
         padding: 0 0 !important;
         margin: auto !important
     }
 }

 @media only screen and (min-width:820px)and (max-width:1180px) {
     .navbar .menu {
         margin-top: 5px !important
     }

     .navbar .menu,
     .search-button {
         position: relative;
         right: initial;
         top: initial;
         opacity: 1 !important;
         pointer-events: auto !important
     }

     .hp_cover .card-square h2 {
         font-size: 46px;
         line-height: 48px;
         font-weight: 700
     }
 }

 .commonatf {
     content: "common-atf"
 }

 #onesignal-popover-container,
 #onesignal-slidedown-container {
     z-index: 900 !important
 }

 @media screen and (min--moz-device-pixel-ratio:0) {
     .category-menu ul {
         scrollbar-width: none
     }

     .dropcontent {
         scrollbar-width: none
     }
 }

 a.affiliation-intext {
     font-weight: 700 !important
 }

 div#cookie-law-info-bar {
     box-shadow: none !important
 }

 .cli-plugin-button {
     border-radius: 3px !important
 }

 @media only screen and (max-width :480px) {
     iframe {
         max-width: 100%
     }
 }

 body {
     overflow-x: hidden !important
 }

 html.dark body {
     background: #17181b;
     color: #f5f5f5
 }

 html.dark .main-container,
 html.dark .main-wrapper {
     background: #17181b;
     color: #f5f5f5
 }

 html.dark a,
 html.dark h1,
 html.dark h2,
 html.dark h3,
 html.dark h4,
 html.dark h5,
 html.dark p,
 html.dark span {
     color: #f5f5f5
 }

 html.dark .tg_button a {
     color: #1a2235
 }

 html.dark .card {
     box-shadow: 0 6px 20px rgba(0, 0, 0, .5)
 }

 html.dark .navbar {
     box-shadow: 0 4px 8px rgba(0, 0, 0, .6)
 }

 html.dark .single-excerpt {
     color: #f5f5f5
 }

 div#blz-copy-to-clipboard {
     position: fixed;
     top: 0;
     left: -6000px !important;
     transform: scale(0)
 }

 div#slot {
     display: none
 }

 .toastcm {
     opacity: 0;
     bottom: -50%;
     display: none
 }

 .menu-panel,
 .search-panel {
     transform: translateX(-100%);
     display: none
 }

 input:-webkit-autofill,
 input:-webkit-autofill:active,
 input:-webkit-autofill:focus,
 input:-webkit-autofill:hover {
     background: #af4e4e !important
 }

 @media only screen and (max-width :780px) {
     .strip-top-mobile .banner-content {
         height: 250px;
         width: 300px;
         margin: 24px auto 24px;
         background-color: #e1e4eb;
         text-align: center;
         position: relative
     }
 }

 .submit_loader {
     display: none;
     position: relative;
     width: 100%;
     text-align: center
 }

 .submit_loader.active {
     display: block
 }

 .submit_loader img {
     box-shadow: none !important;
     width: 70px;
     top: -60px;
     position: absolute;
     left: calc(50% - 35px)
 }

 @media only screen and (max-width :480px) {
     .submit_loader img {
         top: -60px
     }
 }

 .wpcf7-form-control.wpcf7-submit.disabled {
     pointer-events: none
 }

 .toastcm {
     opacity: 0;
     bottom: -50%
 }

 .menu-panel,
 .search-panel {
     transform: translateX(-100%);
     display: none
 }

 .share-container.vertical ul {
     list-style-type: none;
     padding: 0
 }

 .article-main p:first-of-type {
     margin-top: 0 !important
 }

 .photo-credits {
     position: absolute;
     right: 12px;
     bottom: 12px
 }

 .hero img.hero-image {
     object-fit: cover;
     max-height: 424px
 }

 ol.breadcrumb {
     padding: 12px 0 0 12px;
     margin: 0;
     list-style-type: none
 }

 ol.breadcrumb li {
     display: inline;
     font-size: 12px;
     text-transform: uppercase
 }

 ol.breadcrumb li a {
     position: relative;
     display: inline-block;
     text-decoration: none;
     font-weight: 600
 }

 ol.breadcrumb li li:last-child:after {
     content: ""
 }

 ol.breadcrumb li:after {
     font-family: tn_icon !important;
     content: "";
     speak: none;
     font-style: normal;
     font-weight: 400;
     font-variant: normal;
     text-transform: none;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     display: inline-block;
     color: #777;
     font-size: 6px;
     vertical-align: middle
 }

 ol.breadcrumb li:last-child:after {
     content: ""
 }

 .single-category a {
     background: #1a2235;
     color: #f5f5f5;
     margin-right: 0;
     display: inline-block !important;
     padding: 2px 6px 4px;
     font-size: 12px;
     font-weight: 700;
     border-radius: 4px;
     transition: opacity .2s ease
 }

 .singleatf {
     content: "single-atf"
 }

 .embed-container iframe {
     margin: 0 !important
 }

 .post-content-single {
     background: 0 0;
     padding: 0;
     font-size: 20px
 }

 @media only screen and (max-width :480px) {
     img.hero-image {
         min-height: 210px
     }
 }

 .single-category {
     position: absolute;
     left: 12px;
     top: 12px
 }

 @media only screen and (max-width :780px) {
     .single-category {
         left: 9px;
         position: relative;
         right: initial;
         top: -36px
     }
 }

 .post-content-single p {
     font-family: "Titillium Web", sans-serif;
     font-size: 18px
 }

 .post-content-single h2 {
     font-weight: 700
 }

 .hero {
     position: relative;
     display: block
 }

 @media only screen and (max-width :780px) {
     .info_btn.stick {
         transform: translateY(280px)
     }
 }

 .share-container.vertical ul {
     list-style-type: none;
     padding: 0
 }

 h1.article-title {
     font-weight: 700;
     letter-spacing: -.05px;
     margin: 0
 }

 @media only screen and (max-width :780px) {
     h1.article-title {
         font-size: 30px;
         line-height: 32px;
         padding-top: 6px;
         margin-bottom: 12px
     }
 }

 .single-excerpt {
     font-size: 20px;
     line-height: 28px;
     font-weight: 400;
     font-style: normal;
     margin-top: 24px;
     margin-bottom: 24px
 }

 @media only screen and (max-width :780px) {
     .single-excerpt {
         margin-top: 12px;
         margin-bottom: 12px
     }
 }

 .post-content-single p {
     margin: 0 0 24px 0;
     font-size: 20px;
     line-height: 28px
 }

 .post-content-single ul li a {
     text-decoration: underline;
     text-decoration-color: #4bc3b5;
     font-weight: 600;
     font-family: "Titillium Web", sans-serif;
     font-size: 20px;
     transition: color .1s ease-out
 }

 .post-content-single h2 {
     font-size: 28.32px
 }

 h2,
 h3,
 h4 {
     font-weight: 700;
     letter-spacing: -.05px;
     line-height: 1
 }

 .mobile-post-info .post-author a {
     font-weight: 600;
     font-family: "Titillium Web", sans-serif;
     text-decoration: none;
     box-shadow: none;
     text-shadow: none;
     color: #4bc3b5;
     font-size: 18px
 }

 .table-of-content ul {
     padding: 0;
     list-style-type: none;
     margin-bottom: 42px
 }

 iframe {
     display: block;
     margin: 24px auto;
     border-radius: 3px
 }

 .twitter-tweet {
     display: block;
     margin: 24px auto
 }

 h2,
 h3,
 h4 {
     font-weight: 700;
     letter-spacing: -.05px;
     line-height: 1
 }

 .article-title {
     font-size: 60.8px;
     line-height: 62.8px;
     margin: 0
 }

 @media only screen and (max-width :780px) {
     .article-title {
         font-size: 30px;
         line-height: 32px;
         padding-top: 6px;
         margin-bottom: 12px
     }
 }

 a.author-link {
     color: #4bc3b5;
     font-weight: 700
 }

 .single-excerpt {
     font-size: 20px;
     line-height: 28px;
     font-weight: 400;
     font-style: normal;
     margin-top: 24px;
     margin-bottom: 24px;
     color: #0e0f14
 }

 @media only screen and (max-width :780px) {
     .single-excerpt {
         margin-top: 12px;
         margin-bottom: 12px
     }
 }

 .article-main {
     padding: 0 0 0 24px
 }

 .article-hero {
     position: relative;
     display: block
 }

 .article-hero img {
     border-radius: 3px
 }

 .article-hero img.hero-image {
     object-fit: cover;
     max-height: 424px
 }

 .photo-credits {
     position: absolute;
     right: 12px;
     bottom: 8px;
     z-index: 100
 }

 .photo-credits a,
 .photo-credits i {
     color: #fff;
     text-shadow: 0 0 1px #393939
 }

 @media only screen and (max-width :942px) {
     .photo-credits {
         position: absolute;
         right: 12px;
         bottom: 12px
     }

     .photo-credits a,
     .photo-credits i {
         color: #fff
     }
 }

 section.article-header {
     padding: 0 12px
 }

 .post-content-single {
     background: 0 0;
     padding: 0;
     font-size: 20px
 }

 @media only screen and (max-width :780px) {
     .post-content-single {
         margin-bottom: 36px
     }
 }

 .post-content-single img {
     margin: 12px auto;
     display: block;
     max-width: 100%;
     height: auto
 }

 .post-content-single p {
     margin: 16px 0;
     font-size: 20px;
     line-height: 28px
 }

 .post-content-single h2 {
     font-size: 28.32px
 }

 .post-content-single ol li {
     font-size: 20px;
     line-height: 24px;
     margin: 18px 0 18px
 }

 .post-content-single ol li a {
     text-decoration: underline;
     text-decoration-color: #4bc3b5;
     font-weight: 600;
     font-family: "Titillium Web", sans-serif;
     font-size: 20px;
     transition: color .1s ease-out
 }

 .post-content-single ol li a:hover {
     color: #4bc3b5
 }

 .post-content-single ul li {
     font-size: 20px;
     line-height: 24px;
     margin: 18px 0 18px
 }

 .post-content-single ul li a {
     text-decoration: underline;
     text-decoration-color: #4bc3b5;
     font-weight: 600;
     font-family: "Titillium Web", sans-serif;
     font-size: 20px;
     transition: color .1s ease-out
 }

 .post-content-single ul li a:hover {
     color: #4bc3b5
 }

 .post-content-single section.gallery-block {
     padding: 20px 0 12px 0
 }

 .hero:hover .gallery_arrow {
     background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ed1a4d'%2F%3E%3C%2Fsvg%3E");
     right: 16px
 }

 .hero:hover .gallery_arrow span.totphoto {
     opacity: 1
 }

 .gallery_arrow {
     background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
     right: 40px;
     left: auto;
     position: absolute;
     top: 34%;
     text-align: center;
     width: 150px;
     height: 164px;
     margin-top: -22px;
     z-index: 100;
     cursor: pointer;
     background-size: 27px 44px;
     background-position: center right;
     background-repeat: no-repeat;
     transition: right .2s ease
 }

 .gallery_arrow span.totphoto {
     text-align: center;
     color: #fff;
     display: block;
     margin: auto;
     position: absolute;
     font-family: "Titillium Web", sans-serif;
     margin-top: 0;
     font-size: 39px;
     line-height: 33px;
     right: 34px;
     bottom: 54px;
     color: #fff;
     opacity: 0;
     font-weight: 400;
     transition: opacity .2s ease;
     text-shadow: 1px 1px #282832
 }

 .gallery_arrow:hover {
     right: 16px
 }

 .gallery_arrow:hover span.totphoto {
     opacity: 1
 }

 @media only screen and (max-width :780px) {
     .gallery_arrow {
         display: none;
         right: 20px;
         margin-top: -89px
     }
 }

 .tag-section {
     margin-bottom: 36px
 }

 .tag-section ul {
     list-style-type: none;
     padding: 0
 }

 .tag-section ul li {
     display: inline-block;
     margin-right: 4px;
     background: #dfe3ed;
     padding: 2px 6px 4px;
     border-radius: 3px;
     font-weight: 400;
     transition: background .1s ease
 }

 .tag-section ul li a {
     color: #4bc3b5;
     font-size: 11px
 }

 .tag-section ul li:hover {
     background: #4bc3b5
 }

 .tag-section ul li:hover a {
     color: #fff
 }

 .mobile-post-info {
     display: none
 }

 @media only screen and (max-width :942px) {
     .mobile-post-info {
         display: block
     }

     .mobile-post-info p {
         margin: 0
     }
 }

 .post-content-single h2 span {
     color: #3d4448 !important
 }

 .article-content p a {
     font-family: "Titillium Web", sans-serif;
     font-size: 20px;
     font-weight: 400;
     letter-spacing: -.05px;
     line-height: 1.465;
     text-decoration: underline;
     text-decoration-color: #4bc3b5;
     transition: color .1s ease-out
 }

 @media only screen and (max-width :780px) {
     .article-content p a {
         font-size: 20px
     }
 }

 .article-content p a:hover {
     color: #4bc3b5
 }

 .modal a {
     text-decoration: underline;
     text-decoration-color: #4bc3b5;
     font-weight: 600;
     font-family: "Titillium Web", sans-serif;
     font-size: 19.2px;
     letter-spacing: .35px;
     transition: color .1s ease-out
 }

 .modal a:hover {
     color: #4bc3b5
 }

 .related-grid h3 {
     position: relative;
     display: inline-block;
     text-decoration: none
 }

 .related-grid h3::after {
     position: absolute;
     left: 0;
     content: "";
     width: 100%;
     height: 2px;
     background: #4bc3b5;
     bottom: -4px;
     transform: scale(0, 1);
     transition: transform .3s;
     transform-origin: right top;
     background-image: #4bc3b5;
     height: 1px
 }

 .related-grid h3:hover::after {
     transform-origin: left top;
     transform: scale(1, 2)
 }

 @media only screen and (max-width:480px) {
     .related-grid {
         width: 93vw
     }

     .related-grid .innergrid.grid {
         display: block;
         overflow-x: scroll;
         overflow-y: hidden;
         white-space: nowrap;
         padding-bottom: 0;
         margin: 0
     }

     .related-grid .innergrid.grid .col.col-4 {
         padding-right: 2px
     }

     .related-grid .innergrid.grid .card-widget {
         margin-bottom: 0
     }

     .related-grid .innergrid.grid .col {
         width: 300px;
         float: none;
         display: inline-block;
         white-space: normal
     }

     .related-grid .innergrid.grid .col .card-widget.bottom .card-content {
         margin-top: 12px
     }

     .related-grid .innergrid.grid .col .card-widget.bottom .card-content h3 {
         font-size: 19px;
         line-height: 21px;
         font-weight: 600
     }
 }

 @media only screen and (max-width:480px)and (max-width :780px) {
     .related-grid .innergrid.grid .col .card-widget.bottom .card-content h3 {
         font-size: 16px;
         line-height: 18px
     }
 }

 @media only screen and (max-width:480px) {
     .related-grid .innergrid.grid::-webkit-scrollbar {
         display: none
     }
 }

 section#single-notizie-correlate {
     padding: 12px 0
 }

 .share-container ul {
     list-style-type: none;
     margin: 22px 11px;
     padding: 0
 }

 .share-container ul li {
     padding: 12px 0;
     display: block;
     width: 48px;
     height: 44px;
     margin: auto;
     text-align: center;
     font-size: 1.1rem;
     line-height: 1
 }

 @media only screen and (max-width :780px) {
     .share-container ul li {
         line-height: 34px
     }
 }

 .share-container ul li a {
     display: block;
     color: #fff;
     width: 100%
 }

 .share-container .social.fb {
     background: #1f2683
 }

 .share-container .social.fb:hover {
     background: #2932ac
 }

 .share-container .social.twitter {
     background: #3a63eb
 }

 .share-container .social.twitter:hover {
     background: #6888f0
 }

 .share-container .social.linkdin {
     background: #52527d
 }

 .share-container .social.linkdin:hover {
     background: #67679b
 }

 .share-container .social.linkdin img {
     max-width: 20px;
     vertical-align: middle;
     margin: auto;
     border-radius: 0
 }

 @media only screen and (max-width :780px) {
     .share-container .social.linkdin img {
         vertical-align: 0;
         margin: 0 auto 0 -3px;
         border-radius: 0;
         display: inline-block
     }
 }

 .share-container .social.flipboard {
     background: #4bc3b5
 }

 .share-container .social.flipboard:hover {
     background: #71d0c5
 }

 .share-container .social.whatsapp {
     background: #0e8a50
 }

 .share-container .social.whatsapp:hover {
     background: #13b86b
 }

 .share-container .social.telegram {
     background: #1382cc
 }

 .share-container .social.telegram i {
     font-size: 19px
 }

 .share-container .social.telegram:hover {
     background: #279deb
 }

 .share-container .social.copy {
     background: #3d4448
 }

 .share-container .social.copy:hover {
     background: #545e64
 }

 .share-container .social.share {
     background: #4bc3b5;
     display: none
 }

 .share-container .social.share:hover {
     background: #71d0c5
 }

 @media only screen and (max-width :780px) {
     .share-container .social.share {
         display: table-cell;
         opacity: 1 !important
     }
 }

 .share-container.horizontal {
     display: none;
     float: none;
     margin: auto;
     text-align: left;
     margin-top: 12px
 }

 @media only screen and (max-width :780px) {
     .share-container.horizontal {
         display: block
     }
 }

 .share-container.horizontal ul {
     padding: 0;
     text-align: center;
     display: flex;
     margin: 6px
 }

 .share-container.horizontal ul li {
     padding: 6px 0 4px;
     display: inline-block;
     width: 100%;
     text-align: center;
     margin: 0 -3px
 }

 .share-container.horizontal ul li a {
     margin-top: 1px
 }

 a.info_btn {
     background: #4bc3b5;
     font-family: "Titillium Web", sans-serif;
     color: #fff;
     font-size: 16px;
     text-align: center;
     width: 100%;
     display: block;
     margin: 54px auto;
     padding: 12px 6px 14px;
     border-radius: 24px;
     box-shadow: 0 8px 16px 0 rgba(20, 20, 27, .1);
     transition: background .2s ease;
     height: 50px;
     text-decoration: none !important;
     line-height: 27px;
     letter-spacing: 0;
     font-size: 15px;
     font-weight: 400;
     max-width: 300px;
     text-transform: uppercase
 }

 a.info_btn.stick {
     display: none
 }

 @media only screen and (max-width :780px) {
     a.info_btn.stick {
         display: block
     }
 }

 @media only screen and (max-width :780px) {
     a.info_btn {
         position: fixed;
         bottom: 3px;
         width: 100%;
         max-width: 260px;
         display: block;
         left: calc(50% - 130px);
         height: 50px;
         z-index: 200
     }
 }

 a.info_btn:hover {
     background: #37a497;
     text-decoration: none !important
 }

 a.info_btn.stick {
     position: fixed;
     bottom: 60px;
     width: 100%;
     max-width: 242px;
     display: none;
     left: calc(50% - 148px);
     height: 50px;
     margin: 12px auto;
     transition: all .2s ease;
     transform: translateY(0)
 }

 @media only screen and (max-width :780px) {
     a.info_btn.stick {
         display: block
     }
 }

 a.info_btn.stick.scrolled {
     transition: all .2s ease;
     transform: translateY(280px)
 }

 .single-category {
     position: absolute;
     left: 12px;
     top: 12px
 }

 .single-category a {
     display: inline-block !important;
     background: #1a2235;
     color: #f5f5f5;
     margin-right: 0 !important;
     padding: 2px 6px 4px;
     font-size: 12px;
     font-weight: 700;
     border-radius: 4px;
     transition: opacity .2s ease
 }

 .single-category a:hover {
     opacity: .85
 }

 .single-category a.offerte {
     background: #4bc3b5;
     color: #1a2235
 }

 .single-category a.guidelink {
     background: #4bc3b5
 }

 @media only screen and (max-width :480px) {
     .single-category {
         left: 9px;
         position: relative;
         right: initial;
         top: -36px
     }
 }

 .taglist a {
     margin: 0 6px 0 0;
     color: #4bc3b5 !important;
     font-size: 16px
 }

 .taglist a:hover {
     color: #fff !important;
     text-decoration: underline;
     text-decoration-color: #4bc3b5
 }

 .card-widget.bottom .card-content span {
     display: inline-block;
     background: #4bc3b5;
     color: #1a2235;
     padding: 0 6px;
     font-weight: 700;
     text-transform: capitalize;
     font-size: 11px;
     margin-bottom: 6px;
     font-family: "Titillium Web", sans-serif;
     z-index: 1;
     border-radius: 3px
 }

 .card-widget.bottom .card-content span.giochi {
     background: #891689;
     color: #fff
 }

 .card-widget.bottom .card-content span.offerte {
     background: #56d156;
     color: #1b2b52
 }