/*********************************************************************************

	Template Name: Template Full Name Here
	Description: A perfect template to build beautiful and unique medical websites. It comes with nice and clean design.
	Version: 1.0

	Note: This is custom css.

**********************************************************************************/
body{padding-right:0px !important;}

h6.title {
    margin-bottom: 5px;
}

.manu-hamber.hamberger-trigger.d-none.d-xl-block {
    color: #3160ad;
}
.maintenance-social-networks a {
    color: #ffffff80;
    text-decoration: none;
}
.header-default.header-bar.header-new-bar .header__wrapper {
    margin-top: 10px;
}
.countbox {display: flex;}

.brand-default .brand a img {
    -webkit-filter: inherit;
    filter: inherit;
    opacity: 1;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    display: inline-block;
}
.sfondo-raffaello {
    background-image: url(../img/bg/sfondo-raffaello.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.sfondo-testa{
    background-image: url(../img/bg/testata.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

a:hover.list-header.with-ckeck.disponibile {
    color: #CD1719 !important;
    background-color: #fff;
}

video {
  width: 100%;
  height: 100% !important;
}
video::-webkit-media-controls {
  display: none;
}

input, button, select, textarea {
    background: transparent;
    margin-bottom: 5px;
    border: 1px solid #dddddd;
    -webkit-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    color: #3160ad;
}

/*.bg_color--eposter {
    background-image: url(../img/bg/IMG_3980BN.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}*/
.bg_color--12 {
    background: rgb(255 255 255 / 85%);
}
#eposter p span {
    margin-right: 17px;
    margin-left: 17px;
    text-align: right;
    color: #3160ad;
    font-weight: 600;
}
#eposter p {
    text-align: justify;
}
#eposter li {
    height: 100px;
    list-style: none;
}

#lobby {
    background-image: url(../img/bg/lobby.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
#stand-bg {
    background-image: url(../img/bg/stand-bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
#homeLogin {
    background-image: url(../img/bg/lobby-cd.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#lobbyucsr {
    background-image: url(../img/bg/render-lobby-ucsr.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#exhibitionHall{
    background-image: url(../img/bg/exibition-hall.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
#auditorium {
    background-image: url(../img/bg/auditorium.jpg);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    margin-top: 0;
    position: relative;
    /*padding-bottom: 650px;*/
}
#on-demande{
    background-image: url(../img/bg/on-demande.jpg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    margin-top: 0;
    position: relative;
}

#bgcorsi {
    background-image: url(../img/bg/corsi.jpg);
    background-size: cover;
    background-position: top center;
    padding-bottom: 30%;
    margin-top: 0;
    position: relative;
}

#patologie .bk-accordion .card{
    margin-bottom: 5px;
}

/*#stand {
    background-image: url(../img/bg/exibition-01-J&J-n.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 585px;
}*/

.logo-sponsor{
    /*max-height:60px;*/
    padding: 2%
    -webkit-transition: all .6s ease 0s;
    -o-transition: all .6s ease 0s;
    transition: all .6s ease 0s;

    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

a:hover img.logo-sponsor{
    -webkit-transition: all .6s ease 0s;
    -o-transition: all .6s ease 0s;
    transition: all .6s ease 0s;

    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}


.footer-widget.text-var--2 .footer-address p {line-height: 24px;
}
.copyright {
    font-size: 13px;
}
.comming-soon-wrapper {
    max-width: 770px !important;
}

.brook__toolbar .inner {top: 100px;}
.brook__toolbar .inner {width: 46px;}
.brook__toolbar .inner a {
    display: block;
    width: 46px;
    height: 46px;
    line-height: 64px;}
.brook__toolbar .inner a i {
    font-size: 28px;
}

.team.team__style--3 .team-info .info {
    height: 50px;
    vertical-align: middle;}
.info img {
    max-width: 200px;
    /*background-color: rgba(255,255,255,0.8);
    border-radius: 5px;*/
    padding: 5px;
    /*max-height: 50px;*/
    vertical-align: middle;
    text-align: center;
}

.slick-list {top: 28px;}

body.template-color-1 .team.team__style--3 .thumb .overlay {
    background-color: transparent;
    background-image: url(../img/bg/porta-lobby-act.pn);
    background-size: cover;
    background-repeat: no-repeat;
}
.header-default .header-right > div {
    margin: 0 10px 0 5px;
    padding: 8px;
    background-color: #ffffff4f;
    height: 34px;
    border-radius: 8px;
    -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
}

.modal {
    z-index: 99999999;
}
.logo {
    background-color: #ffffff4f;
    padding: 0 10px 0;
    border-radius: 0 0 8px 8px;
    -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
}
.bk-text-box.box-solid-border {
    border: 1px solid #fff;
}
.bk-text-box.box-bg-solid {
    background-color: #ffffff;
    padding: 30px !important;
    border-radius: 8px;
    -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
}

.popup-mobile-manu .inner .mobileheader .logo {
    background-color: transparent;
    padding: 0;
    border-radius: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.logo-jj {
    top: 7px;
    position: relative;
    left: -150px;
}

.logo-jj span, .logo-jj img{
    float: left;
}

.info-evento{margin-top: 124px; position: absolute;}
.info-point, .info-point-auditorium{position: absolute;}

.info-point i, .info-point-auditorium i{
    font-size: 48px;
}

.info-point a {
    color: #3160ad;
    text-decoration: none;
}

.info-point :hover {
    color: #6fb4dd;
    text-decoration: none;
}

.info-point-auditorium a {
    color: #fff;
    text-decoration: none;
}

.demo-option-wrapper .demo-panel-header {
    padding: 40px 5px 30px;
}
.bk-accordion-style--2 .card-header h6 {
    margin-bottom: 5px;
}
.bk-accordion-style--2 .card-header h5 a.acc-btn {
    color: #3160ad;
    font-weight: 600;
    font-size: 15px;}

.bk-accordion-style--2 .card-body {
    padding: 5px 0 20px 0px;
    font-weight: 500;
    line-height: 1.3;}

.video-btn a.watch-text, .video-btn a .watch-text {
    margin: 5px 0 0; color: #eb222e}


.persona img {
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

a.persona:hover img{opacity: 0}

body.template-color-1 .video-btn a.video-icon, body.template-color-1 .video-btn a .video-icon {
    background: #e49b00;
    width: 42px;
    height: 42px;
}
.video-btn a.video-icon::before, .video-btn a .video-icon::before {
    border-left: 15px solid #fff;
}

body.template-color-1 .bk-list--2 a.list-header.with-ckeck h6.title {
    color: #01325d;
    font-weight: 600;
}

body.template-color-1 .bk-list--2 a.list-header.with-ckeck p strong {
    color: #02335c;
}

body.template-color-1 .bk-list--2 a:hover.list-header.with-ckeck.disponibile .marker::before,
body.template-color-1 .bk-list--2 a:hover.list-header.with-ckeck.disponibile h6.title {color: #CD1719;

}
body.template-color-1 .bk-list--2 a.list-header.with-ckeck.active .marker::before,
body.template-color-1 .bk-list--2 a.list-header.with-ckeck.active h6.title {
    color: #eb222e;
}

.collapse h5{
    margin-bottom: 5px;
    font-size: 17px;
    line-height: 17px;
    color: #ff0000;
    font-weight: bold;}

.card h5 a span {
    color: #38b6ab;
    font-size: 14px;
    font-weight: 500;
}
.collapse h6 {
    margin-bottom: 5px;
    font-size: 15px;
    color: #2861b4;;
    font-weight: bold;}

.collapse p {color: #575756;margin-bottom: 5px;}

.collapse h5 span, .collapse h6 span {
    color: #CD1719;
}

.bk-list--2 a.list-header {
  padding-left: 14px;
  margin-bottom: 20px; }
  .bk-list--2 a.list-header .marker {
    display: inline-block;
    float: left;
    position: relative; }
    .bk-list--2 a.list-header .marker::before {
      content: "";
      position: absolute;
      top: 6px;
      left: -14px; }
    .bk-list--2 a.list-header .marker.with-dot::before {
      display: block;
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background: #999; }
  .bk-list--2 a.list-header .title-wrap h6.heading {
    color: inherit;
    font-weight: 500; }
  .bk-list--2 a.list-header.with-ckeck {
    padding-left: 28px; display: block; }
    .bk-list--2 a.list-header.with-ckeck .marker::before {
      content: "\f03d";
      display: block;
      font-size: 13px;
      font-family: Font Awesome\ 5 Free;
      font-weight: 900;
      color: #6fb4dd;
      top: 0;
      left: -26px; }


.info h5 i{margin-left: 8px; font-size: 22px; color: #fff;}
.info.active h5 i{color: #eb222e;}


a.blink, .info.active h5 i, .blink h5 i {
  animation:2s blinker linear infinite;
  -webkit-animation:2s blinker linear infinite;
  -moz-animation:2s blinker linear infinite;

}
@-moz-keyframes blinker {
  0% { color: #eb222e; }
  50% { color: #ffffff; }
  100% { color: #eb222e; }
}

@-webkit-keyframes blinker {
  0% { color: #eb222e; }
  50% { color: #ffffff; }
  100% { color: #eb222e; }
}

@keyframes blinker {
  0% { color: #eb222e; }
  50% { color: #ffffff; }
  100% { color: #eb222e; }
}

.blink-b h5 i {
  animation:2s blinkerb linear infinite;
  -webkit-animation:2s blinkerb linear infinite;
  -moz-animation:2s blinkerb linear infinite;
}

@-moz-keyframes blinkerb {
  0% { color: #3160ad; }
  50% { color: #ffffff; }
  100% { color: #3160ad; }
}

@-webkit-keyframes blinkerb {
  0% { color: #3160ad; }
  50% { color: #ffffff; }
  100% { color: #3160ad; }
}

@keyframes blinkerb {
  0% { color: #3160ad; }
  50% { color: #ffffff; }
  100% { color: #3160ad; }
}



.basic-thine-line {
    border-bottom: none;
}
#Chat h5 {
    border-top: 1px solid #ddd;
}
body.template-color-1 .bk-accordion-style--2 #Chat.card-header h5 a.acc-btn[aria-expanded="true"]::before {
    color: #eb222e;
}
body.template-color-1 .bk-accordion-style--2 #Chat.card-header h5 a.acc-btn[aria-expanded="true"] {
    color: #eb222e;
    font-weight: 900;
    letter-spacing: 0em;
    line-height: 1.23;
    text-transform: uppercase;}
.bk-accordion-style--2 #Chat.card-header h5 a.acc-btn {
    color: #3160ad;
    font-weight: 900;
    text-transform: uppercase;
}

a.quick-option-chat.hint--bounce.hint--left.hint--black.primary-color-hover-important.chat {
    color: #e49b00 !important;
}

#collapseChat div.card-body.bk-list--2{
    padding: 0;
}

#collapseChat .message-box{
    padding: 10px 10px 10px 40px;
    border-radius: 20px;}
#collapseChat .message-box .icon{
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 22px;
    line-height: 1;
}





.testimonial-nav-style .clint-thumb {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    background: none;
    -webkit-transition: all .6s ease 0s;
    -o-transition: all .6s ease 0s;
    transition: all .6s ease 0s;
}

.testimonial-nav-style .clint-thumb:hover {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3); }

.testimonial-nav-style .slick-center .clint-thumb {
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
  padding: 6px;
  width: 100% !important;
  height: auto;
  border-radius: 50%;
  background-image: none }


.testimonial-fixed-width {
    width: 100%;
    max-width: 100%;
    margin: 0 auto 70px;
    text-align: center;
}

.team.team__style--3 .clint-thumb .social-icon {
    position: absolute;
    bottom: 70px;
    left: 0;
    padding: 0 30px;
    font-size: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    right: 0;
}


.icons-stand{
    font-size: 30px;
    color: #3160ad;
}


.bk-text-box.text-box--2 {
    padding: 10px;
}

.bk-text-box.text-box--1 {
    padding: 25px 40px 25px;
}

.monitor {position: absolute;left: 45.3%;top: 38.5%;width: 10%;height: 12%;}



@media only screen and (max-width: 1875px) and (min-width: 992px){
.monitor {position: absolute;
    left: 43%;
    top: 32.5%;
    width: 15%;
    height: 12%;}
}


@media (min-width: 1200px){
.modal-xl {
    max-width: 1140px;
}
.desktop-none{
    display:none;
}
.brand-default.brand-style--2 {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(5, 1fr);
    display: -ms-grid;
    display: grid;
}




}

@media only screen and (max-width: 1199px) and (min-width: 992px){

    #box-sponsor {
        position: absolute;
        bottom: -20px;
        text-align: center;
        margin: 0 auto;
    }
     .modal-xl {
        max-width: 800px;
    }
    .desktop-none{display:none;}
.brand-default.brand-style--2 {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(5, 1fr);
    display: -ms-grid;
    display: grid;
}

.monitor {
    position: absolute;
    left: 40.4%;
    top: 31.5%;
    width: 20%;
    height: 12%;}


}



@media  screen and (min-width: 576px){
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }
}







@media only screen and (max-width: 1440px) and (min-width: 767px){
.team.team__style--3 .team-info .info h5 {
  font-size: 18px;
}
.info h5 i {
    font-size: 18px;}

}











@media screen and (max-width: 575px){

.page-template-comming-soon .bg_image--58 {
    min-height: 50vh;
}

.page-template-comming-soon .bg_image--58 {min-height: 61vh;}

h5, .h5 {font-size: 17px;}

#homeMobile {
    background-color: #003d71;
    background-image: url(../img/revoulation/tfos-animation.jpg);
    background-size: cover;
    background-position: left top;
    background-repeat: no-repeat;
    min-height: 900px;
}

#home {
    background-color: #003d71;
    background-image: url(../img/bg/home-mobile.jpg);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}

#footerMobile {
    height: 160px;
}

.brook__toolbar .inner a i {
    font-size: 22px;
}
.brook__toolbar .inner a {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 46px;
}

.brook__toolbar .inner {
    width: 44px;
}

.team.team__style--3 .thumb img {
    width: 60%;
    max-width: 320px;
    margin: auto;
    display: block;

}




}

@media only screen and (min-width: 992px){
#stand-mobile {
    display:none;
}
#stand-desktop {
    display:block;
}
.modal-lg, .modal-xl {
    max-width: 800px;
}

}

@media only screen and (max-width: 991px){
#stand-mobile {
    display:block;
}
#stand-desktop {
    display:none;
}
.mobile-none{
    display:none;
}
body.template-color-1 .video-btn a.video-icon, body.template-color-1 .video-btn a .video-icon {
    background: #e49b00;
    width: 42px;
    height: 42px;
}

}

body.template-color-1 .video-btn.auditorium a .video-icon {
    background: #e49b00;
   /* width: 5vw;
    height: 5vw;*/
}

body.template-color-1 .video-btn.corsi a .video-icon {
    background: #e49b00;
   /* width: 4vw;
    height: 4vw;*/
}


/*
.video-btn.auditorium a.video-icon::before, .video-btn.auditorium a .video-icon::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    -webkit-transform: translate(-0.2vw, -0.6vw);
    -ms-transform: translate(-0.2vw, -0.6vw);
    transform: translate(-0.2vw, -0.6vw);
    border-top: 0.8vw solid transparent;
    border-bottom: 0.8vw solid transparent;
    border-left: 1vw solid #3160ad;
}

.video-btn.corsi a.video-icon::before, .video-btn.corsi a .video-icon::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    -webkit-transform: translate(-0.3vw, -0.7vw);
    -ms-transform: translate(-0.3vw, -0.7vw);
    transform: translate(-0.3vw, -0.7vw);
    border-top: 0.7vw solid transparent;
    border-bottom: 0.7vw solid transparent;
    border-left: 0.9vw solid #fff;
}*/


@media only screen and (max-width: 500px){
.container.corsi {
    margin-top:0%;
}

.container.download {
    margin-top:0%;
}

a.brook-btn.btn-xs-size.corsi, button.brook-btn.btn-xs-size.corsi {
    padding: 0 60px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    margin-bottom: 0px;
}

 a.brook-btn.btn-xs-size.download,
  button.brook-btn.btn-xs-size.download {
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    font-size: 11px;
    margin-bottom: 0px;
}

}



@media only screen and (min-width: 501px) and (max-width: 991px){
.container.corsi {
    margin-top:3%;
}

.container.download {
    margin-top:10%;
}


a.brook-btn.btn-xs-size.corsi, button.brook-btn.btn-xs-size.corsi {
    padding: 0 60px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    margin-bottom: 0px;
}

a.brook-btn.btn-xs-size.download,
  button.brook-btn.btn-xs-size.download {
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    font-size: 11px;
    margin-bottom: 0px;
}
}



@media only screen and (min-width: 992px) and (max-width: 1600px){
.container.corsi {
    margin-top:10%;
}

.container.download {
    margin-top:15%;
}

a.brook-btn.btn-xs-size.corsi, button.brook-btn.btn-xs-size.corsi {
    padding: 0 60px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    margin-bottom: 0px;
}

}

@media only screen and (min-width: 1600px){
.container.corsi {
    margin-top:15%;
}

.container.download {
    margin-top:20%;
}

}


body.template-color-1 .bg_color--2 {

  /*background: #01325d;*/

  background: white;
    
}


.footer-widget .footer-address p {
    color:#01325d;
}

.footer-widget .footer-address p a {
    color:#01325d;
}