sliderslide/*                              JOOMLA3_TEMPLATE CSS                              */

html {
    overflow-y: scroll;
    overflow-x: hidden;
    text-rendering: optimizeLegibility;
}

body
{
    font-family: 'Titillium Web', sans-serif;
    height: 100%;
    color: #757575;
    line-height: 1.5em;
    position: relative;
    font-size: 16px;
}

body.registration-form
{
    font-family: 'Lato', sans-serif;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 700;
    line-height: 1.5em;
    color: inherit;
    text-align: left;
}

h2 {
    color: #203f82;
    font-weight: 600;
    font-size: 30px;
}

h3 {
    color: #203f82;
    font-size: 20px;
    font-weight: 600;
}

.page-header {
    border-bottom: 0;
}

a {
    color: #6a6f72;
    text-decoration: underline;
}
a:hover, a:focus {
    color: #6a6f72;
    text-decoration: underline;
}

p {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

/*                          UTILITY CLASSES                         */

.custom-container {
	margin: 0 200px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.group:before,
.group:after {
    content: "";
    display: table;
}

.group:after {
    clear: both;
}

.ie7 .group {
    zoom: 1;
}

.noscroll {
    position: fixed;
    overflow-y: scroll;
    width: 100%;
}

.hidden{
    display: none;
}

.table-body {
    display: table;
    width: 100%;
}

.table-cell {
    display: table-cell;
    vertical-align: middle;
}
/*
.anchor-offset
{
	display: block;
    content: " ";
    height: 90px;
    margin-top: -90px;
    visibility: hidden;
}*/

.anchor-offset:before
{
    display: block;
    content: " ";
    height: 90px;
    margin-top: -90px;
    visibility: hidden;
}

.rotate-180deg
{
    transform: rotateZ(180deg) !important;
}
/********************************************************************/

/*                        IMAGES ASPECT RATIOS                      */
.aspect {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    overflow: hidden;
}

.aspect-inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.aspect-inner img {
    height: 100%;
}

/* Add more aspect ratios here */
.aspect-16x9 {
    padding-bottom: 56.25%;
}

.aspect-4x3 {
    padding-bottom: 75%;
}

.aspect-play-overlay
{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url('/images/play_overlay.png');
    background-size: cover;
    background-position: 50% 50%;
}

.no-content #content
{
	display: none !important;
}

.no-column-content .double-column-content
{
    display: none !important;
}
/********************************************************************/

/*                            EXTRA TOPBAR                          */
/*
#extra-topbar
{
    position: fixed;
    height: 40px;
    width: 100%;
    top: 0;
    left: 0;
    background: #333;
    color: #fff;
}
*/
/********************************************************************/

/*                               TOPBAR                             */

#topbar.scrolling
{
    background: #343561 !important;
    border-bottom: 1px solid #fff13c !important;
    height: 70px;
}

#topbar.scrolling .moduletable_menu .navbar .nav.menu.navbar > li  a
{
    height: 70px;
}

#topbar.scrolling
{
    background: #203f82 !important;
    border-bottom: 1px solid #eee !important;
}

.registration-form #topbar.scrolling
{
    background: #343561 !important;
    border-bottom: 1px solid #fff13c !important;
}


.registration-form #topbar
{
    height: 70px;
}

.registration-form #topbar .moduletable_menu .navbar .nav.menu.navbar > li  a
{
    height: 70px;
    font-weight: 600;
    
}

#topbar
{
    position: fixed;
    height: 120px;
    width: 100%;
    left: 0;
    background: #343561;
    border-bottom: 1px solid #fff13c;
    color: #fff;
    z-index: 100;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

.registration-form #topbar,
#topbar
{   
    background: transparent;
    border-bottom: 0;
}

#topbar.scrolling .content .logo 
{
    display: block !important;
}

#topbar .content .logo {
    position: absolute;
    height: 50px;
    top: 10px;
    left: 100px;
    z-index: 101;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

#topbar .content .logo,
.registration-form #topbar .content .logo
{
    display: none;
}

#topbar .content .logo img{
    max-height: 100%;
}

#topbar .content .moduletable .mod-languages
{
    position: absolute;
    top: 36px;
    right: 100px;
}

#topbar .content .moduletable .mod-languages i {
    display: inline;
    font-size: 17px;
    color: #333;
}

#topbar .content .moduletable .mod-languages .lang-inline
{
    display: inline;
}

#topbar .content .moduletable .mod-languages a {
    color: #333;
}

/*                TOPBAR MENU             */
.moduletable_menu .navbar .nav.menu.navbar li > div.toggle-arrow {
    display: none;
}

#topbar .moduletable_menu .navbar {
    margin: 0;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0 100px;
}

#topbar .moduletable_menu .navbar .nav.menu.navbar {
    display: table;
    margin: 0 auto;
    padding: 0;
    float: right;
}

#topbar .moduletable_menu .navbar .nav.menu.navbar > li {
    display: table-cell;
    text-align: center;
    margin: 0;
    padding: 0;
}

#topbar .moduletable_menu .navbar .nav.menu.navbar > li:hover > ul.dropdown-menu {
    display: block;
}

#topbar .moduletable_menu .navbar .nav.menu.navbar > li  a {
    position: relative;
    height: 120px;
    color: #fff;
    text-decoration: none;
    display: table-cell;
    vertical-align: middle;
    padding: 5px 15px;
    font-size: 16px;
    border-radius: 0;
    border: 1px solid transparent;
    border-top: 4px solid transparent;
    font-weight: 400;
}

.registration-form #topbar .moduletable_menu .navbar .nav.menu.navbar > li.active > a {
    color: #fff13c;
    background: transparent;
    border: 1px solid transparent;
    border-top: 4px solid transparent;
    padding: 0;
}

.registration-form #topbar .moduletable_menu .navbar .nav.menu.navbar > li.active > a > span
{
    color: #fff13c;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
}


#topbar .moduletable_menu .navbar .nav.menu.navbar > li > a > span
{
    padding: 0;
}

#topbar .moduletable_menu .navbar .nav.menu.navbar > li.active > a
{
    padding: 0;		
}

#topbar .moduletable_menu .navbar .nav.menu.navbar > li.active > a > span {
    color: #00559b;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 0 25px #083e6d;  
    padding: 5px 20px;  
}

.registration-form #topbar .moduletable_menu .navbar .nav.menu.navbar > li > a:hover,
.registration-form #topbar .moduletable_menu .navbar .nav.menu.navbar > li > a:focus
{
    color: #fff13c;
    background: transparent;
    border: 1px solid transparent;
    
}

.registration-form #topbar .moduletable_menu .navbar .nav.menu.navbar > li > a:hover > span,
.registration-form #topbar .moduletable_menu .navbar .nav.menu.navbar > li > a:focus > span
{
    text-decoration: none;    
}

#topbar .moduletable_menu .navbar .nav.menu.navbar > li > a:hover,
#topbar .moduletable_menu .navbar .nav.menu.navbar > li > a:focus
{
    color: #fff;
    background: transparent;
    border: 1px solid transparent;
    text-decoration: underline;

}

#topbar .moduletable_menu .navbar .nav.menu.navbar > li > a:hover > span,
#topbar .moduletable_menu .navbar .nav.menu.navbar > li > a:focus > span
{
    text-decoration: underline;
}

#topbar .moduletable_menu .navbar .nav.menu.navbar > li.active > a:hover > span,
#topbar .moduletable_menu .navbar .nav.menu.navbar > li.active > a:focus > span
{
    text-decoration: none;
}

#topbar .moduletable_menu .navbar .nav.menu.navbar .dropdown.parent .dropdown-menu
{
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    float: left;
    min-width: 200px;
    padding: 0;
    margin: 0;
    background: #1F3F82;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: none;
}

#topbar .moduletable_menu .navbar .nav.menu.navbar .dropdown.parent .dropdown-menu > li
{
    position: relative;
    height: 100%;
    width: 100%;
    display: table;
}

#topbar .moduletable_menu .navbar .nav.menu.navbar .dropdown.parent .dropdown-menu > li > a
{
    border: 0;
    height: 50px;
    text-align: center;
}

#topbar .moduletable_menu .navbar .nav.menu.navbar .dropdown.parent .dropdown-menu > li > a:hover
{
    color: #d4343e;
    background: #f4f4f4;
}

#topbar .moduletable_menu .navbar .nav.menu.navbar .dropdown.parent .dropdown-menu > li.active > a
{
    color: #d4343e;
    background: #f4f4f4;
    border-bottom: 1px solid #ddd;
}

#topbar .moduletable_menu .navbar .nav.menu.navbar .dropdown.parent .dropdown-menu > li.active:last-child > a
{
    color: #d4343e;
    background: #f4f4f4;
    border-top: 1px solid #ddd;
    border-bottom: 0;
}
/******************************************/

/*            TOPBAR MOBILE MENU          */
#topbar .content .mobile-menu {
    position: absolute;
    top: 19px;
    right: 35px;
    cursor: pointer;
    z-index: 101;
    display: none;
}

#topbar .content .mobile-menu .toggle span
{
    font-size: 28px;
}

#mobile-nav-overlay{
    position: fixed;
    height: 100%;
    width: 100%;
    transform: translateX(100%);
    top: 0;
    right: 0;
    z-index: 500;
    background: rgba(0,0,0,0.2);
}

#mobile-nav-overlay.open{
    transform: translateX(0) !important;
}

#mobile-nav{
    background-color: #fff;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    box-sizing: border-box;
    margin: 0;
    z-index: 600;
    overflow-y: scroll;
    width: 60%;
    min-width: 280px;
    transform: translateX(100%);
    opacity: 0;
    box-shadow: 0 0 5px #333;
}

#mobile-nav.open{
    opacity: 1;
    transform: translateX(0);
    -webikit-transition: opacity 300ms, transform 300ms;
    transition: opacity 300ms, transform 300ms;
}

#mobile-nav.close{
    opacity: 0;
    transform: translateX(100%);
    -webikit-transition: opacity 300ms, transform 300ms;
    transition: opacity 300ms, transform 300ms;
}

#mobile-nav.fast-close{
    opacity: 0;
    transform: translateX(100%);
}

#mobile-nav .mobile-close {
    position: relative;
    height: 60px;
    background: #203f82;
}

#mobile-nav .mobile-close span{
    color: #fff;
    position: absolute;
    font-size: 22px;
    text-transform: uppercase;
    top: 20px;
    left: 16px;
}

#mobile-nav .mobile-close .close{
    list-style-type: none;
    position: absolute;
    top: 21px;
    right: 16px;
    background: transparent url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2223%22%3E%3Cg%20fill%3D%22white%22%3E%3Cpath%20d%3D%22M0%202.09L2.09%200%2023%2020.907%2020.91%2023z%22%2F%3E%3Cpath%20d%3D%22M20.91%200L23%202.09%202.09%2023%200%2020.91z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat 50% 50%;
    background-size: 100%;
    width: 15px;
    height: 15px;
    cursor: pointer;
    opacity: 1;
    color: #555;
}

#mobile-nav .mobile-close .close:hover{
    opacity: 1;
    color: #555;
}

/*
#mobile-nav .nav> li >a:focus, #mobile-nav .nav > li > a:hover {
    text-decoration: none;
    background: #fff;
}*/

#mobile-nav .mobile-content .moduletable_menu .navbar .nav.menu.navbar > li {
    display: block;
    font-size: 21px;
    letter-spacing: .025em;
    line-height: 2.5;
    text-decoration: none;
    padding: 0;
    border-bottom: 1px solid #f3f3f3;
}

#mobile-nav .mobile-content .moduletable_menu .navbar .nav.menu.navbar > li > a {
    color: #203f82;
    padding: 0 30px;
}


#mobile-nav .mobile-content .moduletable_menu .navbar .nav.menu.navbar > li.active > a , #mobile-nav .mobile-content .moduletable_menu .navbar .nav.menu.navbar > li > a:hover{
    background: #fff;
    color: #203f82;
    text-decoration: underline;
}

#mobile-nav .mobile-content .moduletable_menu .navbar .nav.menu.navbar > li.dropdown.parent > .toggle-arrow {
    display: inline-block;
    position: relative;
    right: 30px;
    z-index: 101;
    cursor: pointer;
    float: right;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    transform: rotateZ(0deg);
}

#mobile-nav .mobile-content .moduletable_menu .navbar .nav.menu.navbar > li.dropdown.parent > ul.nav-child
{
    position: relative;
    padding: 0;
    margin: 0;
    border: none;
    box-shadow: none;
    width: 100%;
    background-color: #fff;
}

#mobile-nav .mobile-content .moduletable_menu .navbar .nav.menu.navbar > li.dropdown.parent > ul.nav-child > li
{
    font-size: 21px;
    font-weight: 400;
    line-height: 2.5;
    background-color: #fff;
    border-bottom: 1px solid #f3f3f3;
    margin-left: 30px;
}

#mobile-nav .mobile-content .moduletable_menu .navbar .nav.menu.navbar > li.dropdown.parent > ul.nav-child > li.active > a
{
    background-color: #fff;
    background-image: none;
    color: #d4343e;
}


#mobile-nav .mobile-content .moduletable_menu .navbar .nav.menu.navbar > li.dropdown.parent > ul.nav-child > li:last-child {
    margin-left: 0;
}

#mobile-nav .mobile-content .moduletable_menu .navbar .nav.menu.navbar li.dropdown.parent > ul.nav-child > li > a
{
    padding: 0;
    line-height: inherit;
}

#mobile-nav .mobile-content .moduletable_menu .navbar .nav.menu.navbar li.dropdown.parent > ul.nav-child > li > a > span {
    padding: 0 30px;
}

#mobile-nav .mobile-content .moduletable_menu .navbar .nav.menu.navbar li.dropdown.parent > ul.nav-child > li:last-child > a > span {
    padding: 0 60px;
}

#mobile-nav .mobile-content .moduletable_menu .navbar .nav.menu.navbar li.dropdown.parent > ul.nav-child > li > a:hover
{
    background-image: none;
    background: #fff;
    color: #d4343e;
}

#mobile-menu li a.toggler {
    margin-right: 20px;
}

#mobile-menu li a{
    text-transform: uppercase;
}

#mobile-menu > li > ul{
    padding-left: 0;
}

#mobile-nav .mobile-content .nav.menu > li > a{
    padding: 0;
    text-decoration: none;
}

#mobile-nav .mobile-content .nav.menu > li > a > span {
    display: block;
    position: relative;
}

#mobile-nav .mobile-content .nav ul.nav-child {
    margin: 20px 0;
    padding: 30px 40px;
    list-style: none;
    font-size: 17px;
    letter-spacing: 0;
    line-height: 2.35;
    background-color: #f9f9f9;
    /* display: none;*/
}

#mobile-nav .mobile-content .nav-child > li > a {
    color: #333;
    text-decoration: none;
    display: block;
}
/******************************************/



/* REGISTRATION FORM */
.registration-form .double-column-content,
.registration-form #footer
{
    display: none;
}

.home-header
{
    background: #343561;
    width: 100%;
}

.home-header .content
{
    display: table;
    width: 100%;
}

.home-header .img-container
{
    padding: 50px 60px;
    display: table-cell;
    padding-bottom: 0;
    vertical-align: bottom;
    width: 40%;
}

.home-header .img-container > img
{
    max-width: 100%;
}

.home-header .logos
{
    padding-bottom: 50px;
    max-width: 100%;
    margin: 0;
}

.home-header .logo
{
    display: inline-block;
    width: 50%;
    text-align: center;
}

.home-header .logo.citta-salute img
{
    max-height: 110px;  
    max-width: 100%;      
}

.home-header .logo.unito img
{
    max-height: 80px;
    max-width: 100%; 
}

.home-header .info-container
{
    display: table-cell;
    width: 60%;
    vertical-align: middle;
}

.home-header .info-container .infos
{
    display: table;
    width: 100%;
}

.home-header .infos .people
{
    display: table-cell;
    width: 40%;
    vertical-align: middle;
    color: #fff;
    font-size: 32px;
    line-height: 1;
    text-transform: uppercase;
}

.home-header .infos .people p
{
    margin-bottom: 0;
}

.home-header .infos .people .title
{
    color: #fff13c;
    font-style: italic;
}


.home-header .infos .people .president
{
    margin-bottom: 50px;
}

.home-header .infos .where-and-when
{
    padding: 50px 30px;
    background: #fff13c;
    line-height: 1;
    font-size: 32px;
    color: #343561;
    display: table-cell;
    vertical-align: middle;
    width: 60%;
}

.home-header .infos .where-and-when .dates
{
    margin-bottom: 50px;
}

.home-header .infos .where-and-when .city
{
    font-weight: 400;
    text-transform: uppercase;
    font-size: 28px;
}

.home-header .infos .where-and-when .days
{
    font-weight: 800;
    font-size: 36px;
}

.home-header .infos .where-and-when .year
{
    font-weight: 400;
    font-size: 42px;
}

.home-header .infos .where-and-when .location p
{
    font-weight: 800;
    font-size: 36px;
    
}

.home-details > .content
{
    display: table;
    width: 100%;
}

.home-details .speakers,
.home-details .program
{
    display: table-cell;   
}

.home-details .speakers
{
    padding: 0;
    background: #fff13c;
    color: #343561;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1.2;
    width: 60%;
}

.home-details .speakers .speakers-column
{
    padding: 30px 20px;    
}

.home-details .speakers .title
{
   font-style: italic;
   margin-bottom: 20px;
   font-weight: 400;
}

.home-details .speakers .title .coordinator,
.home-details .speakers .title .newsletter {
   font-style: normal;
   display: block;
   font-weight: 400;
}

.home-details .speakers .mole
{
    padding: 0;
}

.home-details .speakers .mole img
{
    max-width: 100%;
}

.home-details .program
{
    vertical-align: bottom;
    width: 40%;
}

.home-details .program a
{
    text-decoration: none;
}

.home-details .program .download
{
    background: #343561;
    padding: 30px;
    color: #fff;
    line-height: 1;
}

.home-details .program .download .title
{
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 400;
}

.home-details .program .download .text
{
    font-weight: 800;
    font-size: 24px;
}

.home-details .program .download .year
{
    font-weight: 400;
    font-size: 26px;    
}

#subscribe
{
   margin-bottom: 50px;
}

#information
{
    background: #ebebeb;
    color: #343561;
}

#information > .content
{
    padding: 50px 15px;
    padding-bottom: 20px;
}

#information .title
{
    color: #777;
    margin-bottom: 30px;
    font-size: 20px;
}

#information .info
{
   display: table;
   margin-bottom: 30px;
}

#information .info .square-container
{
   display: table-cell;
   vertical-align: top;
   padding-right: 20px;
   width: 60px;
   
}

#information .info .square-container .square
{
   height: 40px;
   width: 40px; 
   background: #fff13c;
}

#information p
{
   line-height: 1.4;
   margin-bottom: 5px;
   font-size: 16px;
   text-overflow: ellipsis;
}

#information h4
{
   font-size: 24px;
   line-height: 1;      
}

.home #content
{
    display: none;
}

.confirm-page div[itemprop=articleBody]
{
    padding: 15px;
    border: 2px solid #343561;
    margin: 15px;
    height: 400px;
    display: table;
    width: 100%;
}

.confirm-page div[itemprop=articleBody] .article-content
{
    display: table-cell;
    vertical-align: middle;
}

.confirm-page div[itemprop=articleBody] .article-content h3
{
    text-align: center;
    color: #343561;
    margin-bottom: 30px;
}

.confirm-page div[itemprop=articleBody] .article-content .btn-container
{
    text-align: center;
}

.confirm-page div[itemprop=articleBody] .article-content .home-btn {
    background: #fff;
    padding: 10px 15px;
    color: #777;
    font-weight: 800;
    text-decoration: none;
    margin-top: 15px;
    border: 1px solid #777;
}

.confirm-page div[itemprop=articleBody] .article-content .home-btn:hover
{
   border-color: #343561;
   color: #343561;
}

/*      */


/* HOMEPAGE */
.homepage-header
{
    /**/
       
}
#header-carousel > .content
{
    z-index: 10;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
}

#header-carousel .item {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: 50% 50% !important;
}

#header-carousel .slide1 {
    background: url('/images/slider/1.png');
}

#header-carousel .slide2 {
    background: url('/images/slider/2.jpg');
/*    background-position: 80% 50% !important;*/
}

#header-carousel .slide3 {
    background: url('/images/slider/3_rinaldi.jpg');
/*    background-position: 80% 50% !important;*/
}

.homepage-header  .content {
    padding: 200px 150px;
    padding-top: 20px;
}

.homepage-header  .content .logo {
    margin-bottom: 140px;
}

.homepage-header  .content .logo img {
/*  max-width: 180px;*/
    max-height: 70px;
    padding-right: 10px;
}

.homepage-header .content .title {
    color: #fff;
    font-size: 50px;
    font-weight: 400;
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 60px; 
    text-shadow: 0 0 2px #333;   
}

.homepage-header .content .subtitle {
    color: #fff;
    font-size: 32px;
    line-height: 1.2;
    text-shadow: 0 0 2px #333;
}

.homepage-header  .content .title .second-row
{
    font-weight: 600;
}

.homepage-header  .content .read-more a {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    padding: 10px 40px;
    background: #203f82;
    border-radius: 25px;
    box-shadow: 0 0 15px #0f2165;
}

.homepage-header  .content .read-more:hover a {
    background: #4062aa;
}

/*      */

.anchors-row
{
    position: relative;
    border-bottom: 1px solid #e3e3e3;
}

.anchor-col {
    height: 160px;
    padding: 0;
}

.anchor-container {
    height: 100%;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    color: #203f82;
    border: 1px solid #eee;
    border-bottom: 0;
}

.anchors-row .anchor-container {
    border-right: 0;
}

.anchors-row .anchor-col:last-child .anchor-container {
    border-right: 1px solid #eee; 
}

.anchor-container:hover,
.curriculum.rinaldi .anchor-container.deferrari,
.curriculum.rinaldi .anchor-container.rinaldi,
.curriculum.gaita .anchor-container.gaita,
.curriculum.marra .anchor-container.marra {
    background: #203f82;
    height: 180px;
    color: #fff;
    border-color: #203f82;
}

.anchor-container.cittasalute img {
    margin-bottom: 30px;
    padding-right: 20px;
}

.anchor-container.cittasalute:hover img {
    content: url(/images/logos/citta_salute.png);
}

.anchor-container .anchor-content .text-container .title {
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
}


.anchor-container .anchor-content .text-container .text
{
    font-style: italic;
    font-size: 12px;
}

.anchor-container.vertical
{
    display: table;
}

.anchor-container.vertical .anchor-content
{
    display: table-cell;
    vertical-align: middle;
}

.anchor-container.vertical .anchor-content .image-container
{
    text-align:center;
}

.anchor-container.vertical .anchor-content .image-container img
{
    height: 60px;
}


.anchor-container.vertical .anchor-content .text-container
{
    padding: 10px;
    text-align: center;
}


.anchor-container.horizontal
{
    display: block;
}

.anchor-container.horizontal .anchor-content
{
    display: table;
    height: 100%;
    width: 100%;
}


.anchor-container.horizontal .anchor-content .image-container
{
    display: table-cell;
    width: 40%;
    height: 100%;
    vertical-align: bottom;
    text-align: right;
}

.anchor-container.horizontal .anchor-content .image-container img
{
    max-width: 100%;
    vertical-align: bottom;
    max-height: 100px;
}


.anchor-container.horizontal .anchor-content .text-container
{
    display: table-cell;
    width: 60%;
    height: 100%;
    padding-left: 8px;
    vertical-align: middle;
    line-height: 1;
}

.anchor-container.horizontal .anchor-content .text-container .title
{
    margin-bottom: 10px;
}

.anchors-column
{
    width: 90%;
    float: right;
}

.anchors-column .anchor-container
{
    right: 0;
    left: auto;
}

.anchors-column .anchor-col:last-child .anchor-container
{
    border-bottom: 1px solid #eee;
}


.anchors-column .anchor-container:hover
{
    height: 100%;
    width: 110%;
}

.anchors-column .anchor-col.amicidelcuore .anchor-container.horizontal .anchor-content .image-container
{
    vertical-align: middle;
    width: 100%;
    text-align: center;
}


/***/

.blocks
{
    padding: 80px 0;
    background: url('/images/background_doctors.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}



.blocks .title-container
{
    text-align: center;
    color: #fff;
    line-height: 1.5;
    margin-bottom: 50px;
}

.blocks .title-container .title
{
    font-size: 46px;
    font-weight: 600;
}

.blocks .title-container .subtitle
{
    font-size: 20px;
}

.blocks .block-container
{
    margin-bottom: 50px;
}

.blocks .block-content
{
    background: linear-gradient(to bottom, transparent 0%, transparent 30px, #fff 30px, #fff 100%);
    padding: 10px 30px;
    text-align: center;
}

.blocks .block-content .block-image
{
    margin-bottom: 20px;
}

.blocks .block-content .block-image img
{
    max-width: 100%;
}

.blocks .block-content .block-title
{
    font-weight: 600;
    color: #333;
    font-size: 20px;
    margin-bottom: 20px;
}

.blocks .block-content .block-text
{
    line-height: 1.2;
    font-size: 14px;
    color: #676767;
    margin-bottom: 40px;
    text-align: center;
}

.blocks .block-content .block-button
{
    margin-bottom: 40px;
}

.blocks .block-content .block-button a
{
    background: #ebebeb;
    padding: 6px 30px;
    border-radius: 15px;
    text-decoration: none;
    color: #203f82;
}
.blocks .block-content .block-button a:hover
{
    color: #fff;
    background: #203f82;
}

.double-column-content {
    padding: 100px 0;
}


.bt-cs h3 {
	background: none !important;
	border: 0 !important;
	line-height: 26px !important;
	text-indent: 0 !important;
	height: auto !important;
	color: #117085 !important;
	margin: 0 0 25px 0px;
}

.bt-cs .bt-inner img {
	outline: 0 !important;
	border: 0 !important;
	margin: 0 !important;
	max-width: 100% !important;
}

.bt-inner {
	display: table;
}

.bt-inner .left, .bt-inner .right {
	display: table-cell;
	width: 50%;
	padding: 10px;
	vertical-align: middle;
}

.bt-inner .left
{
    padding: 0;
    border: 1px solid #eee;
    text-align: center;
}

.bt-inner .right
{
    padding-left: 50px;
}

.bt-inner .left .in-evidence
{
    background: #fff;
    position: absolute;
    top: 0;
    left: 30px;
    color: #086074;
    padding: 5px 10px;
    padding-top: 10px; 
    border: 1px solid #eee;
    border-top: 0;   
}

.bt-cs .bt-inner .bt-title
{
    color: #203f82 !important;
    font-weight: 600 !important;
    text-transform: none !important;
    line-height: 1 !important;
    font-size: 32px !important;
}


.bt-inner .readmore {
	text-align: left !important;
	margin-top: 20px !important;
	color: #117085 !important;
}

.bt-inner .readmore a {
	color: #203f82 !important;
	font-weight: 600;
	font-size: 18px;
}

.bt-introtext {
	margin-top: 30px;
	color: #676767 !important;
	font-size: 18px;
}

/* CARDIOLOGIA  */

.rational-container {
    color: #757575;
    font-size: 16px;
    line-height: 1.3;
    padding: 0;
}

.rational-container .title {
    margin-bottom: 50px;
}

.rational-container .title .top {
    font-size: 24px;
    margin-bottom: 20px;
}

.rational-container .title .middle {
    font-size: 38px;
    font-weight: 600;
    color: #203f82;
    margin-bottom: 15px;
}

.rational-container .title .bottom {
    font-size: 18px;
}

.rational-container p.subtitle {
    color: #203f82;
    font-weight: 600;
}

.rational-container tr td:last-child {
    padding-right: 15px;
}

.rational-container tr td:last-child {
    padding-left: 15px;
}

.rational-container .speakers-container
{
    padding: 50px 0;
}

.rational-container .speaker-box
{
    font-size: 13px;
    text-align: center;
}

.rational-container .speaker-box > .content
{
    background: #ebebeb;
    padding: 40px 25px;
    min-height: 280px;
}

.rational-container .speaker-box p
{
    margin-bottom: 5px;
}

.rational-container .speaker-box p.title
{
    color: #333;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 20px;
}

.rational-container .phocadownloadfile32 a:link {
    color: #203f82;
    font-weight: 600;
    text-decoration: none;
}

.rational-container .phocadownloadfile32 a:hover {
    color: #ffffff;
}

.rational-container .phocadownloadfile32:hover {
    background: #203f82 url(/media/plg_content_phocadownload/images/icon-download-32.png) 5px center no-repeat;
}

.rational-container .phocadownloadfile32:hover a:link {
    color: #fff;
}

.rational-container .youtubepopup-container
{
    text-align: center;
    margin-bottom: 50px;
}

.rational-container .youtubepopup .overlay
{
    background-size: 60%;
}

.youtubepopup img {
    max-width: 100%;
}

.featured-row {
    background-color: #f7f7f7;
    padding: 30px;
}

.featured-row img {
    width: 100%;
}

/*		*/

/* PAST PRESENTATIONS */
.past-editions #accordion .panel
{
    border-radius: 0;
    box-shadow: none;
}

.past-editions #accordion .panel-heading
{
    border-radius: 0;
    background: #ebebeb;
    background-image: none;
    position: relative;
}

.past-editions #accordion .panel-heading > a
{
    text-decoration: none;
    font-weight: 600;
    color: #203f82;
}

.article-title
{
    margin-bottom: 50px;
    color: #203f82;
    font-weight: 600;
    font-size: 36px; 
    line-height: 1.5em;
}

.past-editions .panel-arrow
{
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 15px;
    font-size: 16px;
}

.video-past-edition {
    background: #fdfdfd url(/media/plg_content_phocadownload/images/icon-preview-32.png) 5px center no-repeat;
    border: 1px solid #cccccc;
    margin: 5px;
    padding: 10px 10px 10px 40px;
}

.past-editions .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    margin-bottom: 20px;
}

.past-editions .card-body {
    flex: 1 1 auto;
    padding: 1.25rem;
}


/*               */ 

/* CURRICULUM VITAE - FEATURED ROW*/
.curriculum .left-column-container
{
     padding: 0;  
}

.curriculum-container
{
    color: #757575;    
    font-size: 16px; 
}

.curriculum .header .picture
{
     float: left;
     padding: 0 20px 20px 0;
}

.curriculum .header .title .top,
.featured-row .top {
    font-size: 22px;
    margin-bottom: 20px;
}

.featured-row .top {
    text-transform: uppercase;
}

.curriculum .header .title .middle,
.blog.coordinators p.middle,
.blog.newsletter p.middle,
.featured-row .title {
    font-weight: 600;
    font-size: 28px;
    margin-bottom: 15px;
}

.curriculum .header .title .middle,
.blog.coordinators p.middle,
.blog.newsletter p.middle {
    color: #203f82;
}

.featured-row .title {
    color: #dd3937;
}

.blog.coordinators p.middle {
    padding-top: 25px;
}

.blog.newsletter p.middle {
    padding-top: 5px;
}

.curriculum .header .title .bottom,
.blog.coordinators p.bottom,
.blog.newsletter p.bottom,
.featured-row .subtitle p {
    font-size: 18px;
}

.featured-row a.site-btn {
    color: #ffffff;
    background-color: #dd3937;
    margin-top: 10px;
    text-decoration: none;
    border-radius: 20px;
}

.featured-row a.site-btn:hover {
    background-color: #e66a68;
}


/* COORDINATORS - NEWSLETTER
********************************/

.blog.coordinators .page-header,
.blog.newsletter .page-header {
    font-size: 38px;
    font-weight: 600;
    color: #203f82;
    margin: 0 0 15px 0;
    padding: 0;
    border: none;
}

.blog.coordinators .items-leading,
.blog.coordinators .items-row,
.blog.newsletter .items-leading,
.blog.newsletter .items-row {
    padding: 25px 0;
}

.blog.coordinators .items-row,
.blog.newsletter .items-row {
    border-top: 1px solid #eee;
}

.blog.coordinators img,
.blog.newsletter img {
    width: 132px;
    height: 132px;
    border-radius: 50%;
    margin-right: 30px;
}

.newsletter .phocadownloadfile32 {
    display: flex;
}


/*                  */

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

/*                            SEARCH FORM                           */


#searchForm {
    background: #F7F7F7;
    padding: 15px;
    margin-bottom: 50px;
}

#searchForm legend {
    margin-bottom: 0;
    padding-top: 20px;
}
#searchForm .radio, #searchForm .checkbox {
    padding: 10px 20px;
    display: inline-block;
}
#searchForm .FAicon {
    font-size: 80px;
    padding: 10px;
}

#searchForm input#search-searchword {
    border: 0;
    outline: 0;
    background: transparent;
    border-bottom: 1px solid #D3D3D3;
    padding: 5px;
    margin: 20px 0;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 50px;
    font-size: 35px;
    width: 100%;
}

#searchForm button:hover {
    background: #FFF;
    color: #FFB436;
    border: 0;
}

#searchForm .btn{
    background: #FFB436;
    border: 0;
    color: #FFF;
    margin-bottom: 10px;
}

#searchForm .searchButton{
    background: transparent;
    box-shadow: 0 0 0 0;
    border: 0;
    color: #d4343e;
    margin-bottom: 10px;
}

#searchForm .searchButton:hover{
    background: transparent;
    box-shadow: 0 0 0 0;
    border: 0;
    color: #d4343e;
    margin-bottom: 10px;
}


#searchForm .btn:active {
    background: #FFF;
    color: #FFB436;
    border: 0;
}
dl.search-results dt.result-title {
    margin-top: 30px;
}
/********************************************************************/


/*                       BLOG FEATURED STREAM                       */
.blog-featured.grid {
    overflow: visible !important;
}

.blog-featured .item-image {
    text-align: center;
    padding-bottom: 20px;
}
.blog-featured .item-wrapper {
    width: 100%;
    min-width: 290px;
    margin-bottom: 15px;
    box-shadow: 0 0 5px 2px rgba(0,0,0,0.2);
    background: #fff;
}
.blog-featured .item-header, .blog .item-header {
    z-index: 20;
    position: relative;
    overflow: hidden;
}
.blog-featured .date, .blog-featured .item-title, .blog .date, .blog .item-title {
    padding: 5px;
    color: #FFF;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    min-width: 70px;
}

.blog-featured .date, .blog-featured .item-title {
    display: table-cell;
}
.blog-featured .date .day, .blog .date .day {
    font-size: 40px;
    line-height: 40px;
}
.blog-featured .date .month, .blog .date .month {
    font-size: 10px;
}
.blog-featured .item-title, .blog .item-title {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 10px 20px;
    text-align: left;
    line-height: initial;
}

.blog-featured .content, .blog .content {
    padding: 10px 20px;
    text-align: left;
    font-weight: 500;
    width: 100%;
}


.blog-featured dl, .blog dl {
    margin: 0;
}
.bottom-border {
    height: 5px;
}
/********************************************************************/

/*                  BLOG FEATURED CUSTOM STREAM                     */
.blog-featured.custom-stream .date, .blog-featured.custom-stream .item-title {
    padding: 5px;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    min-width: 70px;
}

.blog-featured.custom-stream .date
{
    text-align: left;
}

.blog-featured.custom-stream .date .left
{
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
}

.blog-featured.custom-stream .date .left .day
{
    font-size: 40px;
}

.blog-featured.custom-stream .date .right
{
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.0em;
}

.blog-featured.custom-stream .date .right .month
{
    font-size: 18px;

}

.blog-featured.custom-stream .date .right .year
{
    font-size: 18px;
}

.blog-featured.custom-stream .item-container{
    font-size: 20px;
    height: 50px;
    display: table;
    text-align: center;
}

.blog-featured.custom-stream .item-img, .blog-featured.custom-stream .date{
    vertical-align: middle;
}

.blog-featured.custom-stream .item-img{
    text-align: center;
    padding-bottom: 0px;
}

.blog-featured.custom-stream .img{
    max-height: 40px;
}

.blog-featured.custom-stream .date, .blog-featured.custom-stream .item-title, .blog-featured.custom-stream .item-img {
    display: table-cell;
}

.blog-featured.custom-stream .item-title {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 10px 20px;
    text-align: left;
    line-height: initial;
}

.blog-featured.custom-stream .item-text{
    padding: 10px 20px;
}

.blog-featured.custom-stream .content{
    text-align: left;
    font-weight: 500;
    width: 100%;
}
.blog-featured.custom-stream .category {
    text-transform: uppercase;
    line-height: 2em;
    font-weight: bold;
}

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

/* TODO check if the following css is still use */
/* FRONTEND CSS
*********************************************/


.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}


.system-message-container {
    position: fixed;
    top: 80px;
    right: 20px;
    z-index: 999;
}

#body-wrapper {
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease;
}

#content {
    padding-top: 100px;
    padding-bottom: 50px;
}

#fp-nav {
    display: none;
}

/************** popup home ****************/
.popup-contact .modal-header{
   background: #4062AA;
}

.popup-contact .modal-dialog{
   margin: 250px auto;
}

.popup-contact .modal-content{
   border-radius: 0px;
}

.popup-contact .modal-header .close {
   color:#fff;
   opacity: 1;
}



/* SECTION 4 //Form
*********************************************/
#section4 {
    background-color: #fff7e4;
}
.gbs3 .container {
    width: inherit !important;
}
.chrono_credits {
    font-size: 10px;
    text-align:center;
}
.chrono_credits a {
    color: #AFAFAF;
}
#section4 .container {
    background: #e9dfc7;
    padding-top: 40px;
    padding-bottom: 40px;
}
.home-it #fullpage #section4 .container {
    background: #e9dfc7;
}
.chronoform label {
    color: #6a6f72;
}
.chronoform input.form-control {
    width: 100%;
    padding: 10px;
    height: 44px;
    color: #6a6f72;
    background: none;
    border-top: 0;
    border-bottom: 1px solid #6a6f72;
    border-left: 0;
    border-right: 0;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
}
#form-row-recaptcha {

    width: 300px;
    margin: 20px auto;
    padding: 20px 0;
    clear: both;

}
.chronoform #invia {
    background: #ffb549;
    text-shadow: none;
    color: #FFF;
    border-radius: 3px;
    width: 150px;
    text-transform: uppercase;
    border-color: #ffb549;
}



input[type=checkbox]:not(old),
input[type=radio]:not(old){
    width     : 0;
    margin    : 0;
    padding   : 0;
    font-size : 1em;
    opacity   : 0;
    height    : 25px;
}
input[type=checkbox]:not(old) + label,
input[type=checkbox]:not(old) + div + label,
input[type=radio]:not(old) + label,
input[type=radio]:not(old) + div + label
{
    display      : inline-block;
    margin-left  : 0;
    line-height  : 1.5em;
}
input[type=checkbox]:not(old) + label .first-span,
input[type=checkbox]:not(old) + div + label .first-span,
input[type=radio]:not(old) + label .first-span,
input[type=radio]:not(old) + div + label .first-span
{
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    margin: 0.25em 0.5em 0.25em 0.25em;
    border: 0.2em solid rgb(192,192,192);
    border-radius: 0.25em;
    background: none;

    vertical-align: bottom;
}
input[type=checkbox]:not(old):checked + label .first-span,
input[type=checkbox]:not(old):checked + div + label .first-span,
input[type=radio]:not(old):checked + label .first-span,
input[type=radio]:not(old):checked + div + label .first-span{
    background-image: -moz-linear-gradient(#FFDBA8,#f0ad4e);
    background-image: -ms-linear-gradient(#FFDBA8,#f0ad4e);
    background-image: -o-linear-gradient(#FFDBA8,#f0ad4e);
    background-image: -webkit-linear-gradient(#FFDBA8,#f0ad4e);
    background-image: linear-gradient(#FFDBA8,#f0ad4e);
}
input[type=checkbox]:not(old):checked + label .first-span:before,
input[type=checkbox]:not(old):checked + div + label .first-span:before,
input[type=radio]:not(old):checked + label .first-span:before,
input[type=radio]:not(old):checked + div + label .first-span:before
{
    content     : '';
    display     : block;
    width       : 1.5em;
    color       : rgb(153,204,102);
    font-size   : 0.875em;
    line-height : 1.5em;
    text-align  : center;
    text-shadow : 0 0 0.0714em rgb(115,153,77);
    font-weight : bold;
}
input[type=radio]:not(old):checked + label .second-span,
input[type=radio]:not(old):checked + div + label .second-span{
    display          : block;
    width            : 0.5em;
    height           : 0.5em;
    margin           : 0.125em;
    border           : 0.0625em solid rgb(115,153,77);
    border-radius    : 0.125em;
    background       : rgb(153,204,102);
    background-image :    -moz-linear-gradient(rgb(179,217,140),rgb(153,204,102));
    background-image :     -ms-linear-gradient(rgb(179,217,140),rgb(153,204,102));
    background-image :      -o-linear-gradient(rgb(179,217,140),rgb(153,204,102));
    background-image : -webkit-linear-gradient(rgb(179,217,140),rgb(153,204,102));
    background-image :         linear-gradient(rgb(179,217,140),rgb(153,204,102));
}




/* BLOG FEATURED STREAM
*********************************************/
.arrow-up {
    width: 16.666667%;
    height: 40px;
    position: relative;
    overflow: hidden;
    z-index: 5;
    min-width: 60px;
}
.arrow-up:after {
    content: "";
    position: absolute;
    width: 60px;
    height: 40px;
    background: #999;
    transform: rotate(45deg);
    top: 27px;
    left: 6px;
    display: none;
}
.drop-shadow {
    width: 45px;
    height: 0;
    box-shadow: 6px 2px 9px 3px;
    z-index: 10;
    position: relative;
    overflow: hidden;
    display: none;
}


.blog-featured.grid {
    overflow: visible !important;
}

.blog-featured .item-image {
    text-align: center;
    padding-bottom: 20px;
}
.blog-featured .item-wrapper {
    width: 100%;
    min-width: 290px;
    margin-bottom: 15px;
    box-shadow: 0 0 5px 2px rgba(0,0,0,0.2);
    background: #fff;
    position: relative;
}

.speaker .blog-featured .item-wrapper {
    min-width: auto;
    box-shadow: none;
}

.blog-featured .item-wrapper .item-overlay
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.blog-featured.youtube-stream .content
{
    background: #ebebeb !important;
    color: #203f82 !important;
    font-size: 14px;
    font-weight: 600;
}

.blog-featured .item-header, .blog .item-header {
    z-index: 20;
    position: relative;
    overflow: hidden;
}
.blog-featured .date, .blog-featured .item-title, .blog .date, .blog .item-title {
    padding: 5px;
    color: #FFF;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    min-width: 70px;
}

.blog-featured .date, .blog-featured .item-title {
    display: table-cell;
}
.blog-featured .date .day, .blog .date .day {
    font-size: 40px;
    line-height: 40px;
}
.blog-featured .date .month, .blog .date .month {
    font-size: 10px;
}
.blog-featured .item-title, .blog .item-title {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 10px 20px;
    text-align: left;
    line-height: initial;
}

.speaker .blog-featured .item-title, .speaker .blog .item-title {
    display: block;
    text-align: center;
    color: #6a6f72;
}




.blog-featured .content, .blog .content {
    padding: 10px 20px;
    text-align: left;
    font-weight: 500;
    width: 100%;
}


.blog-featured dl, .blog dl {
    margin: 0;
}
.bottom-border {
    height: 5px;
}

.blog-featured.youtube-stream .item-image,
.blog-featured.edition-stream .item-image
{
    padding-bottom: 0;
}


/* BLOG FEATURED STREAM NEWS
*********************************************/


.news-item-wrapper .readmore{
    margin: 0;
    text-align: right;
    text-transform: lowercase;
}

.news-item-wrapper .readmore a{
    color: #fff;

}

.press-area-news .articleBody {

    background-color: #fff;
    box-shadow: 0 0 5px #888888;
    padding: 20px;

}

.article-info-term {
    display: none;
}

.logo-partner-program{
    text-align: center;
}

.logo-partner-program	img{
    max-height: 100px;
}

/* FOOTER
*********************************************/

#footer {
	width: 100%;
	position: relative;
	height: auto;
	background: #ebebeb;
	padding-top: 80px;
	text-align: left;    
}

#footer .title,
#footer form label
{
    display: block;	
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 600;
    color: #203f82;
}

#footer .main-content
{
   margin-bottom: 20px;
}

#footer .content
{
   color: #8c8c8c;
}

#footer a
{
    text-decoration: none;
    color: #8c8c8c;
}

#footer a:hover
{
    text-decoration: underline;
    color: #203f82;
    background: transparent;
}

#footer .toggle-arrow
{
    display: none;
}

#footer table
{
    width: 100%;
}
/*
#footer td
{
    padding: 0 5px;
}
*/
#footer input.search-query
{
    border: none;
    text-align: center;
    padding: 5px;
    background: #a1a1a1;
    border-radius: 25px;
    color: #fff;
}

#footer input.search-query::placeholder
{
    color: #fff;
}

#footer .copyright
{
    padding-top: 20px;
    border-top: 1px solid #fff;
    color: #8c8c8c;
    text-align:	center;
}

.copyright .nav.menu.navbar > li {
  display: inline-block;
}

.copyright .nav.menu.navbar .toggle-arrow {
  float: left;
}

.copyright .nav.menu.navbar .toggle-arrow img {
  transform: rotate(-90deg);
  height: 10px;
  margin-top: 15px;
}

#subscribe .content
{
    padding-top: 50px;
}

#subscribe .content > .title p
{
   color: #777;
   text-transform: uppercase;
   font-size: 22px;
   font-weight: 800;
}

#subscribe .content > .title h3
{
  text-transform: uppercase;
  color: #343561;
  line-height: 1;
  margin-bottom: 50px;
}

#subscribe .content > .title h3 small
{
    text-transform: none;
    font-size: 18px;
    font-weight: 800;   
}



/* chronoforms */
.chronoform .chronoform-header
{
    line-height: 1;
    color: #0b5b74;
    font-weight: 800;
    margin-bottom: 30px;
}

.chronoform .chronoform-header p
{
    margin: 0;
    padding: 10px;
    border-bottom: 1px solid #e3e3e3;
}


.chronoform .chronoform-row .title
{
    color: #777;
    margin-bottom: 15px;
    line-height: 1.3;
    font-size: 20px;
}

.chronoform .chronoform-row .form-group
{
    padding: 6px 0;
    margin-bottom: 0;
}

.chronoform .chronoform-row .form-group input,
.chronoform .chronoform-row .form-group select
{
    margin-bottom: 30px;
}



.chronoform .chronoform-row label {
    display: block;
    color: #777;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 5px;
}

.chronoform .chronoform-row input,
.chronoform .chronoform-row select {
    background: #fff;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.chronoform .chronoform-row select {
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
/*    border-top: 1px solid #fff; */
    height: 44px;
}

.chronoform .chronoform-row select:focus {
    outline-width: 0;
}

.chronoform .chronoform-row input:focus {
   outline-width: 0;
   border-color: #343561;
}

.chronoform .chronoform-row input[type=checkbox]:not(old),
.chronoform .chronoform-row input[type=radio]:not(old) {
    width     : 0;
    margin    : 0;
    padding   : 0;
    font-size : 1em;
    opacity   : 0;
    height    : 0;
    float: right;
}

.chronoform .chronoform-row input[type=checkbox]:not(old) + label,
.chronoform .chronoform-row input[type=checkbox]:not(old) + div + label,
.chronoform .chronoform-row input[type=radio]:not(old) + label,
.chronoform .chronoform-row input[type=radio]:not(old) + div + label
{
    display      : block;
    margin-left  : 0;
    line-height  : 1.5em;
    margin-bottom: 30px;
}

.chronoform .chronoform-row input[type=checkbox]:not(old) + label .first-span,
.chronoform .chronoform-row input[type=checkbox]:not(old) + div + label .first-span,
.chronoform .chronoform-row input[type=radio]:not(old) + label .first-span,
.chronoform .chronoform-row input[type=radio]:not(old) + div + label .first-span
{
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0.25em 0.5em 0.25em 0.25em;
    border: 2px solid #adadad;
    background: none;

    vertical-align: bottom;
}

.chronoform .chronoform-row input[type=checkbox]:not(old):checked + label .first-span,
.chronoform .chronoform-row input[type=checkbox]:not(old):checked + div + label .first-span,
.chronoform .chronoform-row input[type=radio]:not(old):checked + label .first-span,
.chronoform .chronoform-row input[type=radio]:not(old):checked + div + label .first-span{
    background: #343561;
}

.chronoform .chronoform-row input[type=checkbox]:not(old):checked + label .first-span:before,
.chronoform .chronoform-row input[type=checkbox]:not(old):checked + div + label .first-span:before,
.chronoform .chronoform-row input[type=radio]:not(old):checked + label .first-span:before,
.chronoform .chronoform-row input[type=radio]:not(old):checked + div + label .first-span:before
{
    content     : '';
    display     : block;
    width       : 1.5em;
    color       : rgb(153,204,102);
    font-size   : 0.875em;
    line-height : 1.5em;
    text-align  : center;
    text-shadow : 0 0 0.0714em rgb(115,153,77);
    font-weight : bold;
}

.chronoform .chronoform-row input[type=radio]:not(old):checked + label .second-span,
.chronoform .chronoform-row input[type=radio]:not(old):checked + div + label .second-span{
    display          : block;
    width            : 0.5em;
    height           : 0.5em;
    margin           : 0.125em;
    border           : 0.0625em solid rgb(115,153,77);
    border-radius    : 0.125em;
    background       : rgb(153,204,102);
    background-image :    -moz-linear-gradient(rgb(179,217,140),rgb(153,204,102));
    background-image :     -ms-linear-gradient(rgb(179,217,140),rgb(153,204,102));
    background-image :      -o-linear-gradient(rgb(179,217,140),rgb(153,204,102));
    background-image : -webkit-linear-gradient(rgb(179,217,140),rgb(153,204,102));
    background-image :         linear-gradient(rgb(179,217,140),rgb(153,204,102));
}

.chronoform .chronoform-row .recaptcha-container .g-recaptcha > div
{
    margin: auto;
    text-align: center;
}

.chronoform .chronoform-row #submit
{
    width: 250px;
    max-width: 100%;
    background: #fff;
    height: 40px;
    font-weight: 800;
}

.chronoform .chronoform-row #submit:hover
{
    border-color: #343561;
    color: #343561
}


.chronoform .container-fluid
{
    padding: 0;
}

.chronoform .chronoform-row .radio-container
{
    /*text-align: center;*/
}

.chrono_credits
{
    text-align: center;
    font-size: 11px;
}

.chrono_credits a
{
    color: #adadad;
}

.system-message-container
{
    position: fixed;
    top: 60px;
    width: 100%;
    left: 0;
    text-align: center;
    z-index: 2;
}

.system-message .message ul
{
    list-style-type: none;
    padding: 0;
}

.chronoform .info-text
{
   color: #777;
   font-size: 16px;
}

/* FACULTY
*************/
table#faculty {
  width: 100%;
}
table#faculty td {
  padding: 8px;
}
table#faculty tr:nth-child(even) {
  background-color: #ebebeb;
}

/* COOKIE LAW
**************/
table.cookie {
  width: 100%;
  margin-bottom: 30px;
}
table.cookie tr:nth-child(even) {
  background: #cecece;
}
table.cookie td {
  padding: 10px;
  text-align: left;
}

/*  MEDIA QUERIES  */

@media(max-width: 1600px)
{
    .custom-container
    {
    	margin: 0 100px;
    }
}

@media(max-width: 1400px)
{
    .home-header .infos .people
{
    font-size: 26px;
}

.home-header .infos .people
{
    font-size: 26px;
}

.home-header .infos .where-and-when
{
    padding: 30px;    
}

.home-header .infos .where-and-when .city
{
    font-size: 24px;
}

.home-header .infos .where-and-when .days
{
   font-size: 28px;
}

.home-header .infos .where-and-when .year
{
   font-size: 36px; 
}

.home-header .infos .where-and-when .location p
{
   font-size: 30px;
}
.home-header .img-container
{
   padding: 50px 20px;
   padding-bottom: 0;
}
}

@media(max-width: 1300px)
{
    .homepage-header .content
    {
        padding: 20px 100px 200px 100px;
    }
    
    #topbar .moduletable_menu .navbar
    {
        padding: 0 20px;
    }
    
    #topbar .content .logo
    {
         left: 50px;
    }
    
    #topbar .moduletable_menu .navbar .nav.menu.navbar > li a
    {
        font-size: 14px;
    }
    
    .homepage-header .content
    {
        padding: 20px 100px 200px 50px
    }
    
    .custom-container
    {
        margin: 0 50px;
    }
    
    .bt-cs .bt-inner .bt-title
    {
        font-size: 26px !important;
    }
    
    .bt-introtext
    {
        font-size: 16px;
    }
    
    .bt-inner .readmore a
    {
        font-size: 16px;
    }
    
    .rational-container .speaker-box > .content
    {
         min-height: 280px;
    }
}

@media(max-width: 1200px)
{
    .home-header .infos .people
    {
        display: table;
        margin-bottom: 30px;
        font-size: 18px;
        text-align: center;
        margin-bottom: 15px;
        width: 100%;
    }
    
    .home-header .infos .where-and-when
    {
        width: 100%;
    }
    
    .home-header .img-container
    {
        width: 50%;
    }
    
    .home-header .info-container
    {
        width: 50%;
    }
    
    .home-header .infos .people .president
    {
        margin-bottom: 0;
        width: 50%;
        display: table-cell;
        vertical-align: middle;    
    }
    
    .home-header .infos .people .co-president
    {
        display: table-cell;
        width: 50%;
        vertical-align: middle;        
    }
    
    .home-header .infos .where-and-when
    {
        display: block;
    }
    
    .home-header .infos .where-and-when .dates
    {
        margin-bottom: 35px;
    }
    
    .home-header .infos .where-and-when .city
    {
        font-size: 20px;
    }
    
    .home-header .infos .where-and-when .days
    {
        font-size: 23px;
    }
    
    .home-header .infos .where-and-when .year
    {
        font-size: 30px;
    }
    
    .home-header .infos .where-and-when .location p
    {
         font-size: 25px;
    }
    
    .home-details .speakers
    {
        font-size: 15px;   
    }
    
    .home-details .speakers .title
    {
        margin-bottom: 10px;
    }
    
    .home-details .program .download
    {
        padding: 30px 15px;
    }
    
    .home-details .program .download .title
    {
        font-size: 15px;
    }
    
    .home-details .program .download .text
    {
        font-size: 18px;
    }
    
    .home-details .program .download .year
    {
        font-size: 18px;
    }
    
    .rational-container .speaker-box
    {
        margin-bottom: 30px;
    }
    
    .rational-container .speaker-box > .content
    {
        min-height: auto;
    }
    
    .rational-container .speakers-container
    {
    	padding-bottom: 0;
    }   

}

@media(max-width: 991px)
{
    .home-details > .content
    {
        display: block;   
    }
    
    .home-details .speakers,
    .home-details .program
    {
       display: block;
       width: 100%;
       margin: 0;
    }
    
    .homepage-header .content
    {
        padding: 20px 50px 200px 50px;
    }
    
    .anchors-row > .container
    {
        width: 100%;
    }
    
    .anchor-container:hover,
    .curriculum.rinaldi .anchor-container.rinaldi,
    .curriculum.gaita .anchor-container.gaita,
    .curriculum.marra .anchor-container.marra
    {
        height: 100%;
    }
    
    .anchors-column
    {
        width: 100%;
        float: none;
    }
    
    .left-column-container
    {
         margin-bottom: 50px;
    }
    
    .anchors-column .anchor-container:hover
    {
         width: 100%;
    }
    
    .bt-cs .bt-inner
    {
         padding: 0 !important;
    }
    
    .double-column-content
    {
        padding: 60px 0;
    }   
        
}

@media(max-width: 850px)
{

    .home-details
    {
       padding-top: 15px;
    }
     
    .home-header .img-container
    {
        display: block;
        width: 100%;
        text-align: center;
        padding-bottom: 30px;
    }
    
    .home-header .logos
    {
         padding-bottom: 30px;
    }
    
    .home-header .img-container > img
    {
        max-height: 300px;
    }
    
    .home-header .info-container
    {
       display: block;
       width: 100%;
    }
    
    .home-header .logo.citta-salute img
    {
        max-height: 70px;
    }
    
    .home-header .logo.unito img
    {
        max-height: 60px;
    }
    
    .home-header .infos .where-and-when
    {
        display: table;
        text-align: center;
        padding: 15px;
    }
    
    .home-header .infos .where-and-when .dates
    {
        display: table-cell;
        vertical-align: middle;
    }
    
    .home-header .infos .where-and-when .location
    {
        display: table-cell;
        vertical-align: middle;
    }
    
    .home-header .infos .where-and-when p
    {
       margin-bottom: 5px;
    }
    
    .home-header .infos .where-and-when .city
    {
        font-size: 16px;
    }
    
    .home-header .infos .where-and-when .days
    {
        font-size: 18px;
    }
    
    .home-header .infos .where-and-when .year
    {
        font-size: 24px;
    }
    
    .home-header .infos .where-and-when .location p
    {
        font-size: 18px;
    }
}

@media(max-width: 768px)
{
    .homepage-header .content
    {
        padding: 20px 50px 150px 50px;
    }

    .homepage-header .content .logo
    {
        margin-bottom: 90px;
    }

    .homepage-header .content .logo img
    {
        max-width: 140px;
    }

    .homepage-header .content .title
    {
        font-size: 38px;
    }

    .homepage-header .content .subtitle {
        font-size: 22px;
    }    
    
    .bt-inner .left, .bt-inner .right
    {
       display: block;
       width: 100%;
    }
    
    .bt-inner .left
    {
        text-align: center;
        margin-bottom: 20px;
    }
    
    .bt-inner .right
    {
        padding: 0;
    }
    
    #footer
    {
         text-align: center;
         padding: 50px 0;
    }
    
    #footer .left,
    #footer .center
    {
    	margin-bottom: 30px;	
    }
    
    .blocks .title-container .title
    {
        font-size: 40px;
    }
    
    .blocks .title-container .subtitle
    {
         font-size: 17px;
    }
    
    .popup-contact .modal-dialog{
        margin: 250px 10px;
    }
    
    

}

@media(max-width: 600px)
{
    #topbar
    {
        height: 70px;
        background: #203f82 !important;
        border-bottom: 1px solid #eee !important;
    }

    #topbar .content .logo
    {
        display: block;
    }
    
    .registration-form #topbar
    {
        background: transparent !important;
        border-bottom: 0 !important;
    }

    .registration-form #topbar .content .logo
    {
        display: none;
    }
    
    #topbar .moduletable_menu .navbar .nav.menu.navbar > li a
    {
        height: 70px;
    }

    .homepage-header .content
    {
        padding: 120px 35px 100px 35px;
    }

    .homepage-header .content .logo
    {
        display: none;
    }

    .homepage-header .content .title
    {
        font-size: 28px;
        margin-bottom: 50px;
    }

    .homepage-header .content .read-more a
    {
        font-size: 14px;
    }
    
    .custom-container
    {
        margin: 0 35px;
    }
}

@media (min-width: 501px) and (max-width: 800px)
{
    #topbar .content .logo
    {
        left: 50px;
    }

    #topbar .content .mobile-menu
    {
        right: 30px;
    }

    #topbar .content .moduletable .mod-languages
    {
        right: 95px;
    }
}

@media (max-width: 500px)
{
    #topbar .content .logo
    {
        left: 25px;
    }

    #topbar .content .mobile-menu
    {
        right: 15px;
    }

    #topbar .content .moduletable .mod-languages
    {
        right: 70px;
    }
    
    .home-header .infos .people
    {
        font-size: 15px;
    }
    
    .home-header .infos .where-and-when .city
    {
        font-size: 14px;
    }
    
    .home-header .infos .where-and-when .days
    {
        font-size: 14px;
    }
    
    .home-header .infos .where-and-when .year
    {
        font-size: 18px;
    }
    
    .home-header .infos .where-and-when .location p
    {
        font-size: 14px;
    }
    
    #topbar .content .logo
    {
        left: 15px;
    }
    
    .home-details .speakers
    {
       font-size: 12px;
    }
    
    .home-details .speakers .speakers-column
    {
        padding: 30px 15px;
    }
    
    .home-details .program .download
    {
        padding: 15px;
    }
    
    .home-details .program .download p
    {
        margin-bottom: 5px;
    }
    
    #information .info .square-container
    {
        padding-right: 10px;
        width: 50px;
    }
    
    #information .info .square-container .square
    {
        width: 30px;
        height: 30px;
    }
    
    #information .info a
    {
      word-break: break-all;
    }
    .confirm-page div[itemprop=articleBody]
    {
        margin: 15px 0;
    }
    
    #header-carousel .item,
    #header-carousel > .content
    {
        background-position: 70% 50% !important;
    }

    .homepage-header > .content
    {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    #header-carousel > .content
    {
/*         background: url('/images/slider/1.png');*/
         background-size: cover;
         background-repeat: no-repeat;
    }
    
    #header-carousel.slide1 > .content {
        background: url(/images/slider/1.png);
    }
    
    #header-carousel.slide2 > .content {
        background: url(/images/slider/2.png);
    }	
    
    #header-carousel.slide3 > .content {
        background: url(/images/slider/3.png);
    }

    /*.anchor-col
    {
        height: 110px;
    }*/
    
    .anchors-row .anchor-container .anchor-content .text-container .title,
    .anchors-row .anchor-container .anchor-content .text-container .text
    {
        font-size: 11px;
    }

    .anchor-container.vertical .anchor-content .image-container img
    {
        height: 40px;
    }
    
    .custom-container
    {
        margin: 0 15px;
    }
    
    .rational-container .title .top
    {
        font-size: 20px;
        margin-bottom: 15px;
    }
    
    .rational-container .title .middle
    {
        font-size: 34px;
    }
    
    .rational-container .title .bottom
    {
    	font-size: 16px;
    }   
    
    .curriculum .header
    {
         text-align: center;
         margin-bottom: 15px;
    }
    
    .curriculum .header .picture
    {
        float: none;
        padding: 0 0 15px 0;
    }
    
    .curriculum .header .title .top
    {
         font-size: 16px;
         margin-bottom: 5px;
    }
    
    .curriculum .header .title .middle
    {
         font-size: 24px;
         margin-bottom: 5px;
    }   
    
    .curriculum #content
    {
        padding-top: 50px;
    }
    
    .popup-contact .modal-dialog{
        margin: 250px 10px;
    }
        
}

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

/**********************SLIDER NEWS ********************/
#before-content #news-slider {
    padding: 45px;
}

.buttons-wrapper {
    width: 40%;
    text-align: center;
    background: #213F82;
    padding: 7px;
    border-radius: 20px;
    margin-top: 30px;
}

.buttons-wrapper a.read-more {
    font-weight: 600;
    text-decoration: none;
    color: #fff;
}

.buttons-wrapper:hover {
    background: #4062aa;
}

#news-slider .owl-nav button {
    background: #E22627;
}

#news-slider .owl-item {
    padding: 0;
    margin: 0;
}

#news-slider .owl-nav button {
    padding: 15px 25px 22px !important;
    color: #FFF;
    font-size: 40px;
    border-radius: 0;
}

#news-slider .content {
    text-align: left;
    font-size: 13px;
    padding: 55px;
}


#news-slider .content p {
    font-size: 13px;
    line-height: 2.2em;
}

#news-slider .row .content p {
    font-size: 14px;
    color: #000;
    line-height: 1.7;
    max-width: 620px;
}

#news-slider .content {
    padding: 0 10px;
}

#news-slider .row .content h2 {
    font-size: 30px;
    line-height: 1.2em;
    margin-top: 0;
}

#news-slider .content .category-name {
    color: #213F82;
    font-size: 16px;
    margin-top: 0;
    font-weight: 600;
}

#news-slider .image img {
    display: block;
    width: 100%;
    max-width: 450px !important;
    margin: 0 auto;
    border: 1px solid #e3e3e3;
    border: 1px solid #e3e3e3;
}


#news-slider .owl-nav > button{
   background: #213f82;
}

#news-slider .owl-nav > button:hover{
   background: #4062aa;
}




