a.bgbr-link{color: #000;font-family: NeueHaasGroteskDisp;display: block;margin: 10px 0 0;font-weight: bold;}
a:hover.bgbr-link{color: #fff;}
a big{font-family: NeueHaasGroteskDisp;font-size: 18px;vertical-align: middle;}
a.btn-ishares{background: #fff;color: #000; padding: 20px;font-family: NeueHaasGroteskDisp;font-weight: bold; font-size: 14px;text-transform: uppercase;text-align: center;margin-top: 15px;display: inline-block;border: 4px solid #000;transition: all .2s ease;}
a:hover.btn-ishares{background: #fff;color: #000; padding: 16px;border: 6px solid #000;}
.boxIshares{background: #fff;min-height: 165px;}
.boxIshares h3{margin-top:0;}
.boxIshares a{position: absolute;bottom: 10px;padding: 4px;}
.boxIshares a:hover{background: #000;}
.bgbr h3 {margin-top: 0;}
.bgbr-gray h3 {margin-top: 0;}
.bgbr-gray {background-color: #d6d5dd;}
#Ishares {margin: 0 15px;}
#Ishares .panel-body {background: #d6d5dd;}
#Ishares .panel-heading {padding: 0;border-bottom: none;border-top-left-radius: 0px;border-top-right-radius: 0px;}

#Ishares .panel>.panel-heading:before {border-style: none;}
#Ishares .panel>.panel-heading:after {border-width: 0px;border-right-color: none;;margin-top: 0px;margin-left: 0px;}
#Ishares .panel {position: relative;margin-bottom: 0px;background-color: #fff;border: none;border-radius: 0;-webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);box-shadow: 0 1px 1px rgb(0 0 0 / 5%);}
#Ishares .ds-divider-2 {width: 100%;border: 0;margin: 0;background: 0;border-top: 2px solid #000;}
.panel-title {position: relative;margin: 0;padding: 10px 10px;background: #d6d5dd;color: #000;}
h6.panel-title[aria-expanded="true"]{background: #000;color: #fff;}
.panel-title:hover {position: relative;margin: 0;padding: 10px 10px;border-top: 2px solid #000;border-bottom: 2px solid #000;cursor: pointer;}
  
.panel-title::after {
  content: "\f077";
  color: #333;
  top: 8px;
  right: 10px;
  position: absolute;
  font-family: "FontAwesome";
}

.panel-title[aria-expanded="true"]::after {
  content: "\f078";
  color: #fff;
}

/*
 * Added 12-27-20 to showcase full title clickthrough
 */

.panel-heading-full.panel-heading {
  padding: 0;
}

.panel-heading-full .panel-title {
  padding: 10px 15px;
}

.panel-heading-full .panel-title::after {
  top: 10px;
  right: 15px;
}

.grid{position:relative;margin:0 auto;padding:1em 0 4em;max-width: 100%;list-style:none;text-align:center;}
.grid figure{position:relative;float:left;overflow:hidden;margin:10px 1%;/* min-width:320px; */max-width: 100%;max-height:360px;width: 100%;background:#3085a3;text-align:center;cursor:pointer;}
.grid figure img{position:relative;display:block;min-height:100%;max-width:100%;opacity:.8}
.grid figure figcaption{padding:2em;color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.grid figure figcaption::before,.grid figure figcaption::after{pointer-events:none}
.grid figure figcaption,.grid figure figcaption > a{position:absolute;top:0;left:0;width:100%;height:100%}
.grid figure figcaption > a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0}
.grid figure h2{word-spacing:-.15em;font-weight:300}
.grid figure h2 span{font-weight:800}
.grid figure h2,.grid figure p{margin:0}
.grid figure p{letter-spacing:1px;font-size:68.5%}
.side-wsj{padding: 15px;background: #000;color: #fff;}
figure.effect-oscar{background:-webkit-linear-gradient(45deg,#22682a 0%,#9b4a1b 40%,#3a342a 100%);background:linear-gradient(45deg,#22682a 0%,#9b4a1b 40%,#3a342a 100%)}
figure.effect-oscar img{opacity:.9;-webkit-transition:opacity .35s;transition:opacity .35s}
figure.effect-oscar figcaption{padding:3em;background-color:rgba(58,52,42,0.7);-webkit-transition:background-color .35s;transition:background-color .35s}
figure.effect-oscar figcaption::before{position:absolute;top:30px;right:30px;bottom:30px;left:30px;border:1px solid #fff;content:''}
figure.effect-oscar h2{margin:20% 0 10px;-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
figure.effect-oscar figcaption::before,figure.effect-oscar p{opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s;-webkit-transform:scale(0);transform:scale(0)}
figure.effect-oscar:hover h2{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
figure.effect-oscar:hover figcaption::before,figure.effect-oscar:hover p{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
figure.effect-oscar:hover figcaption{background-color:rgba(58,52,42,0)}
figure.effect-oscar:hover img{opacity:.4}
.boxspecial{background: #efefed; border: 2px solid #508ac4;padding: 15px;color:#898988;}
.boxspecial a{background: #508ac4;padding: 5px;border-radius: 2px;color:#fff;width: 80%;display: inline-block;text-transform: uppercase;font-weight: bold;}
.boxspecial a:hover{background: #898988; color:#fff;}
.lyxorclima h3.lyxorgreen{color: #38533E;}
/**/
.boxV{width: 200px;height: 228px;max-width: 100%;margin: 0 auto;}
a.docIcon{display: block;padding: 3px;text-align:center;background: #f5c800;color: #000!important;margin: 4px;text-transform: uppercase;}
a:hover.docIcon{background: #f58a00;cursor: pointer;}
a.videoIcon{display: block;padding: 3px;text-align:center;background:#29ccb8;color: #000!important;margin: 4px;text-transform: uppercase;}
a:hover.videoIcon{background:#fadd84;cursor: pointer;}
 .container-icon {
   width: 200px;
   height: 260px;
   max-width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   background: #efefef;
 }
 
 .box {
   position: absolute;
   width: 220px;
   height: 260px;
   max-width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   border-radius: 3px;
   overflow: hidden;
   -webkit-transition: -webkit-box-shadow ease 1s;
   transition: -webkit-box-shadow ease 1s;
   transition: box-shadow ease 1s;
   transition: box-shadow ease 1s, -webkit-box-shadow ease 1s;
 }
 
 .icon {
   position: relative;
   margin-top: 8px;
   -webkit-transition: all 0.6s ease;
   transition: all 0.6s ease;
   -webkit-transition-delay: 0.32s;
           transition-delay: 0.32s;
   will-change: transform;
 }
 
 .icon_bg {
   width: 80px;
   height: 80px;
   border-radius: 100%;
   border: 1px solid rgba(225, 227, 232, 0.18);
   -webkit-box-shadow: 0 3px 4px 0 rgba(44, 71, 146, 0.25);
           box-shadow: 0 3px 4px 0 rgba(44, 71, 146, 0.25);
   background-color: #fff;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-transition: all 0.6s ease;
   transition: all 0.6s ease;
   -webkit-transition-delay: 0.32s;
           transition-delay: 0.32s;
   will-change: transform;
 }
 
 .title {
   position: relative;
   font-size: 17px;
   font-weight: 700;
 }
 
 .super-box:hover .box {
 /*   border: 1px solid rgba(225, 227, 232, 0.18); */
   -webkit-box-shadow: 0 3px 4px 0 rgba(44, 71, 146, 0.25);
           box-shadow: 0 3px 4px 0 rgba(44, 71, 146, 0.25);
   -webkit-transition-delay: 0.32s;
           transition-delay: 0.32s;
 }
 
 .super-box:hover .icon_bg {
   -webkit-transform: translateY(-32px) scale(6);
           transform: translateY(-32px) scale(6);
 }

.super-box:hover .icon_bg.bg01{background:#8baecd;}
.super-box:hover .icon_bg.bg02{background:#00ab96;}
.super-box:hover .icon_bg.bg03{background:#3e4069;}
.super-box:hover .icon_bg.bg04{background:#e40146;}
.super-box:hover .icon_bg.bg05{background:#b71080;}


 .super-box:hover .icon {
   -webkit-transform: translateY(-48px) scale(1.4);
   transform: translateY(-78px) scale(1.4);
 }
 
 .super-box {
     width: 220px;
     height: 260px;
     max-width: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     margin: 0 auto;
 }
 
 .text {
   position: relative;
   top: -32px;
   width: 200px;
   text-align: center;
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
   -webkit-transition-delay: 0.32s;
           transition-delay: 0.32s;
 }
 
 .super-box:hover .text {
   opacity: 0;
   -webkit-transform: translateY(-4px) scale(.8);
           transform: translateY(-4px) scale(.8);
   
 }
 /*
 .box::after {
   content: "Discover the attacker's tactics and purposes and find out the identity of the attacker";
   position: absolute;
   width: 170px;
   top: 111px;
   opacity: 0;
   font-size: 13px;
   color: #5d6494;
   line-height: 20px;
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
   -webkit-transition-delay: 0.32s;
           transition-delay: 0.32s;
 }*/
  .box span {
   position: absolute;
   width: 190px;
   top: 111px;
   opacity: 0;
   font-size: 13px;
   color: #fff;
   line-height: 18px;
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
   -webkit-transition-delay: 0.32s;
   transition-delay: 0.32s;
 }
 .super-box:hover .box::after, .super-box:hover .box span {
   opacity: 1;
 }

.dr {
position: absolute;
  bottom: 16px; 
  right: 16px;
  width:100px;
}
/*TABLE*/
.table-nnp, .table-nnp>td, .table-nnp>th {background-color: #f96800;color:#fff;font-weight:bold;}
.brdlyxor{border: 1px solid #fddf0c;padding: 4px;background: #fff8c6;}
.tableLyxor table{width: 100%;}
.tableLyxor table th{background-color: #009fc9;color: #fff;font-weight: 400;font-size: 14px;padding: 9px;border-width: 1px;border-color:#ebebeb!important;}
.tableLyxor table.gs th{background-color: #a32720;color: #fff;font-weight: 700;font-size: 14px;border-radius: 0;padding: 9px;border-width: 1px;border-color: #6f1616!important;}
.tableLyxor table.orangegs th{background-color: #f96800;color: #fff;font-weight: 400;font-size: 14px;padding: 9px;border-width: 1px;border-color:#ebebeb!important;}
.tableLyxor table tbody tr:nth-child(odd) {color: #8a8a8c!important;background-color: #f1f1f1!important;line-height: 1.1;font-size: 14px!important;}
.tableLyxor table tbody tr:nth-child(even) {color: #8a8a8c!important;background-color: #f9fafc!important;line-height: 1.1;font-size: 14px!important;}
.tableLyxor table td{padding: 8px;line-height: 1.42857;vertical-align: middle;border-top: 1px solid #e7ecf1;}
.tableLyxor table td a{color: #8a8a8c;}
.tableLyxor table td a:hover{color: #03A9F4;}
.lyxordx{padding: 15px;background:#fddf0c;}
.gsdx{padding: 15px;background: #7499c6;color: #fff;}
.nnipdx{padding: 15px;background: #f96800;color: #fff;}
.disclaimer{overflow: auto;max-height: 60px;line-height: 16px;}
/*button*/
button{position:relative;display:inline-block;cursor:pointer;outline:none;border:0;vertical-align:middle;text-decoration:none;background:transparent;padding:0;font-size:inherit;font-family:inherit}
button.learn-more{width: 100%;height:auto;border-radius: 1.625rem;border: 1px solid rgba(225, 227, 232, 0.18);-webkit-box-shadow: 0 3px 4px 0 rgba(44, 71, 146, 0.25);box-shadow: 0 3px 4px 0 rgba(44, 71, 146, 0.25);background-color: #fff;}
button:hover {opacity: 1;}

button.learn-more .circle.gs{-webkit-transition:all .45s cubic-bezier(0.65,0,0.076,1);transition:all .45s cubic-bezier(0.65,0,0.076,1);position:relative;display:block;margin:0;width:3rem;height:3rem;background: #85abd1;border-radius:1.625rem;}
button.learn-more .circle.gs .icon{-webkit-transition:all .45s cubic-bezier(0.65,0,0.076,1);transition:all .45s cubic-bezier(0.65,0,0.076,1);position:absolute;top:0;bottom:0;margin:auto;background:#fff}
button.learn-more .circle.gs .icon.arrow{-webkit-transition:all .45s cubic-bezier(0.65,0,0.076,1);transition:all .45s cubic-bezier(0.65,0,0.076,1);left:.625rem;width:1.125rem;height:.125rem;background:none}
button.learn-more .circle.gs .icon.arrow::before{position:absolute;content:'';top:-.25rem;right:.0625rem;width:.625rem;height:.625rem;border-top:.125rem solid #fff;border-right:.125rem solid #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);}

button.learn-more .circle{-webkit-transition:all .45s cubic-bezier(0.65,0,0.076,1);transition:all .45s cubic-bezier(0.65,0,0.076,1);position:relative;display:block;margin:0;width:3rem;height:3rem;background: #fddf0c;border-radius:1.625rem;}
button.learn-more .circle .icon{-webkit-transition:all .45s cubic-bezier(0.65,0,0.076,1);transition:all .45s cubic-bezier(0.65,0,0.076,1);position:absolute;top:0;bottom:0;margin:auto;background:#fff}
button.learn-more .circle .icon.arrow{-webkit-transition:all .45s cubic-bezier(0.65,0,0.076,1);transition:all .45s cubic-bezier(0.65,0,0.076,1);left:.625rem;width:1.125rem;height:.125rem;background:none}
button.learn-more .circle .icon.arrow::before{position:absolute;content:'';top:-.25rem;right:.0625rem;width:.625rem;height:.625rem;border-top:.125rem solid #fff;border-right:.125rem solid #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
button.learn-more .button-text{-webkit-transition:all .45s cubic-bezier(0.65,0,0.076,1);transition:all .45s cubic-bezier(0.65,0,0.076,1);position:absolute;top:0;left:0;right:0;bottom:0;padding:.75rem 0;margin:0 0 0 1.85rem;color:#282936;font-weight:700;line-height:1.6;text-align:center;text-transform:uppercase}
button:hover .circle, button:hover .circle.gs{width:100%}
button:hover .circle .icon.arrow, button:hover .circle.gs .icon.arrow{/* background:#fff; */-webkit-transform:translate(1rem,0);transform:translate(1rem,0);}
button:hover .button-text{color:#fff}
.corpo-articolo.wsjtxt p{margin-bottom: 17px;font-size: 17px;line-height: 27px;word-wrap: break-word;}
/*CLIMA*/
.lyxorclima {padding:10px;}
.lyxorclima h3{color:#3e4169;font-size:18px;}
.lyxorclima h3 span{color:#e50046;}
ul.climaico {list-style: none;padding-left: 10px;}
ul.climaico li{line-height: 14px;margin-bottom: 15px;font-size: 14px;}
ul.climaico li img{margin-right: 5px;float: left;}
.climabgred {background: Linear-gradient(0deg, #671414 0%, #E53C2E 100%) !important;-ms-background: -ms-linear-gradient(0deg, #671414 0%, #E53C2E 100%) !important;}
.bright{border-right: 4px solid #fff;}
.boxbtnclima{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center;background-color:#FFF;padding: 15px 0;width:100%;background: #f1f1f1;}
.btnclima{letter-spacing:.1em;cursor:pointer;font-size:14px;font-weight:400;line-height:45px;max-width:200px;position:relative;text-decoration:none;text-transform:uppercase;width:100%}
.btnclima:hover{text-decoration:none}
.effect04 {
  --uismLinkDisplay: var(--smLinkDisplay, inline-flex);
  display: var(--uismLinkDisplay);
  color: #000;
  outline: solid  2px #000;
  position: relative;
  transition-duration: 0.4s;
  overflow: hidden;
}
.effect04::before,.effect04 span{margin:0 auto;transition-timing-function:cubic-bezier(0.86,0,0.07,1);transition-duration:.4s}
.effect04:hover{background-color:#00a3cc}
.effect04:hover span{-webkit-transform:translateY(-400%) scale(-0.1,20);transform:translateY(-400%) scale(-0.1,20)}
.effect04::before{content:attr(data-sm-link-text);color:#FFF;position:absolute;left:0;right:0;margin:auto;-webkit-transform:translateY(500%) scale(-0.1,20);transform:translateY(500%) scale(-0.1,20)}
.effect04:hover::before{letter-spacing:.05em;-webkit-transform:translateY(0) scale(1,1);transform:translateY(0) scale(1,1)}
.tableLyxor{border:1px solid #ccc;margin-top: 8px;}
.hclima{background:url("../images/speciali/lyxor/hclima.png") no-repeat;color: #fff;padding: 10px!important;}