/*------------------------------------------------------------------
Project:    Eventime
Version:    1.2
-------------------------------------------------------------------*/


/*!------------  My Customization ------------ */
.page-content{padding:0px !important;}
.modal-backdrop {z-index:1000;}
p {
    margin: 0 0 10px;
}

.padded {
    padding-top:40px;
    padding-bottom:40px;
}


.panel-row {
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
    /*-webkit-overflow-scrolling: auto;*/
}

.panel-row iframe {
    width: 0;
    height: 0;

    min-width: 100%;
    min-height: 100%;
}


/*!------------  Font ------------ */

#content {
    font-size:22px;
}


header {
    height: 950px;
    position: relative;
}

@media (max-width: 992px) {
    img.header-logo {
        width:80%;
    }
}

#content {
    font-family: 'Open Sans', sans-serif;
}

#content h1 {
    font-family:'big-caslon-fb', sans-serif;
    color:#fff;
    font-size:68px;
    margin:0px;
}

.buttons {
    margin: 0 auto;
    z-index: 999;
    position: absolute;
    bottom: 50px;
    text-align: center;
    width: 100%;
}
.buttons a {
    margin-bottom: 10px;
}
.fa-6x {
    font-size: 8em
}
.allcontent {
    margin-left: 9%;
    width: 81%;
    margin-right: 10%;
    display: block;
    font-weight: 300;
}

/*! Button styles */
.eventime_button,
.reservation_button {
    border-width: 3px;
    border-style: solid;
    border-radius: 0;
    font-weight: 700;
    font-size: 18px;
    padding: 10px 25px;
    margin: auto 20px;
    overflow: hidden;
    position: relative;
    z-index: 999;
    text-transform: uppercase;
}

#content a.eventime_button:hover {
    background-color:#487490;
    color:#fff;
}


.gap {
    height: 50px;
    clear: both;
}
.mini_gap {
    height: 25px;
    clear: both;
}
.antigap {
    margin-bottom: -20px;
    clear: both;
}
.clear {
    clear: both;
}

/*------------  Home settings: full screen image & descriptins; ------------ */
.carousel,
.item,
.active {
    height: 100%;
}
.carousel-inner {
    height: 100%;
}
/* Background images are set within the HTML using inline CSS, not here */
.fill,
.fill_mask {
    min-height: 400px;
}
.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.fill_mask {
    width: 100%;
    height: 100%;
    background-repeat: repeat;
    position: absolute;
    top: 0;
    display: table;
    text-align: center;
}
.description {
    display: table-cell;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
}
#home_slider .left_arrow,
#home_slider .right_arrow {
    top: 45%;
}
.description h2 {
    font-size: 60px;
    text-transform: uppercase;
    letter-spacing: 17px;
    font-weight: 100;
    display: block;
    width: 90%;
    margin: 0 auto;
}
.description h3 {
    font-size: 40px;
    text-transform: uppercase;
    letter-spacing: 17px;
    font-weight: 100;
    display: block;
    width: 90%;
    margin: 0 auto;
}
.description #clock {
    font-size: 70px;
    text-transform: uppercase;
    letter-spacing: 17px;
    font-weight: 100;
    display: block;
    width: 90%;
    margin: 0 auto;
}

.details {
    font-size: 32px;
    color:#666;
    font-weight: 300;
    margin:10px;
    font-family:'big-caslon-fb', sans-serif;
}

.details2 {
    font-size: 42px;
    color:#000;
    font-family:'big-caslon-fb', sans-serif;
    margin:10px
}



@-moz-document url-prefix() {
    .first_image, .focus_image, .speakers_image {
        display: inline-table;
    }
}
/*! Individual precent grid */
.centred {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
    padding: 20px 0;
}
.firstrow {
    height: 400px;
    display: table;
}
.first_line {
    width: 8%;
    height: 60px;
    border-bottom-width: 1px;
    border-style: solid;
    border-top: none;
    border-left: none;
    border-right: none;
    display: inline-block;
    float: left;
}
.first_title {
    text-align:center;
    font-family: 'big-caslon-fb', sans-serif;
    font-size:52px;
    line-height:70px;
    margin:30px 0px 60px 0px;
    color:#fff;
}


.second_title {
    padding-left: 8%;
    padding-right: 8%;
    font-family: 'big-caslon-fb', sans-serif;
    font-size:32px;
    line-height:50px;
    margin:30px 0px;
}



.title_center {
    text-align: center;
    width: 100%;
    font-size: 30px;
    font-weight: 100;
    letter-spacing: 3px;
    text-transform: uppercase;
    display: block;
    line-height: 30px;
}
.center_line {
    width: 8%;
    height: 10px;
    border-bottom-width: 1px;
    border-style: solid;
    border-top: none;
    border-left: none;
    border-right: none;
    display: block;
    margin: 0 auto 30px auto;
}

.first_description {
    width: 100%;
    padding-left: 8%;
    padding-right: 8%;
}

.first_description p {
    font-size:24px;
    line-height:38px;
    font-weight:300;
}

.first_image:empty,
.first_image,
.focus_image:empty,
.focus_image
{
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 100%;
    float: right;
}
.centred > .first_line {
    width: 16%;
}
.centred > .first_title {
    padding-left: 2%;
}
.centred > .first_description {
    padding-left: 18%;
}
.tabs_about {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    font-weight: 100;
    text-align: center;
}
.contact {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.menu_tabs {
    width: 99%;
}
.mask {
    min-height: 650px;
    width: 100%;
    height: 100%;
    padding-top: 70px;
}
/*------------  About ------------ */


#about_menu h1, #focus_menu h1 {
    color:#000;
    font-size:48px;
    text-transform: none;   
}

.tabs_about ul {
    list-style: none;
    padding-left: 0;
}
.tabs_about li {
    display: inline-block;
}
.tabs_about a {
    margin-left: -3px;
    margin-right: -4px;
}
.stats li {
    margin-top: 90px;
    margin-left: 5%;
    margin-right: 5%;
}
.stats {
    padding-left: 0;
}
.tab-content {
    padding-top: 30px;
}
.count, .count_plus {
    margin-top: 80px;
    font-size: 45px;
    font-weight: 800;
    letter-spacing: 1px;
    padding-left: 5px;
}
.count_plus {
    margin-left: -30px;
}
.count_dscrp {
    margin-top: -10px;
    font-size: 20px;
    font-weight: 100;
    text-transform: lowercase;
    letter-spacing: 1px;
    font-weight: 300;
}
.about_columns {
    text-align: left;
    width: 90%;
    margin: 0 auto;
    list-style-type: circle;
    display: block;
    font-weight: 300;
}
.about_columns .list {
    width: 45%;
    margin-left: 2%;
    margin-right: 2%;
    display: inline-block;
    vertical-align: top;
}
.about_columns .list .fa {
    width: 7%;
    vertical-align: top;
    display: inline-block;
}
.about_columns .list h4 {
    width: 92%;
    display: inline-block;
    margin-top: -5px;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 100;
}
.about_columns .list p {
    width: 90%;
    display: inline-block;
    padding-left: 3px;
}
.about_columns .list.right {
    text-align: right;
}
.about_columns .list.right p {
    margin-right: 8%;
}
.about_columns .list ol {
    width: 100%;
    margin-top: 10px;
    margin-right: 10%;
    padding-left: 0;
    margin-bottom: 20px;
}
.about_columns .list ol li {
    width: 100%;
    margin-bottom: 3px;
}



/*------------ Speakers ------------ */
.speakers {
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    min-height: 650px;
}
.speakers .mask {
    padding-top: 30px;
}
.fetured_speaker_photo {
    width: 50%;
    min-height: 300px;
}
.speakers_row {
    height: 400px;
    display: table;
}
.speakers_description {
    width: 100%;
    padding-left: 9%;
    padding-right: 10%;
    display: inline;
    float: right;
}
.speakers_description h3 {
    margin-bottom: 0px;
}
.speakers_description p {
    margin-top: 10px;
}
.speakers_image {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 100%;
    float: left;
}

.speakers .first_title {
    color:#000;
}

.speaker-wrapper {
    margin-top:50px;
}


@media(min-width:1200px){
    .speaker-wrapper {
        max-width:1000px;
    }
}

.speaker {
    margin-bottom:50px;
}

#reservation_menu .speaker figcaption {
    height:180px;
}

.speaker-img {
    margin: 10px auto;
    width:234px;
    height:234px;
    text-align: center;
    border-radius:50%;
    background-color:#f6eab7;
}

.speaker img { 
    margin:2px;
    border-radius:50%;
    width:230px;
}


.speaker h2 {
    font-family:big-caslon-fb,sans-serif;
    margin:15px 0px 8px 0px;
    font-size:28px;
    font-weight:300;
    color:#fff;
}

.speakers .speaker h2 {
    
    color:#000;
}

.speaker h3 {
    font-size:24px;
    font-family:big-caslon-fb,sans-serif;
    color:#f6eab7;
    margin:0px;
    letter-spacing:1px;
}

/*-------- Contacts -------- */

.contact {
    display: block;
}
#map {
    width: 100%;
    height: 400px;
    display: block;
    margin-bottom: 40px;
}
.contact_information {
    margin-left: 9%;
    width: 36%;
    color: #fff;
    display: inline-block;
    vertical-align: top;
}
.contact_information h6 {
    font-size: 25px;
    font-weight: 100;
    text-transform: uppercase;
}
.contact_information p {
    margin-bottom: 30px;
}
.texticon {
    margin-right: 10px;
}
a.contact_icon {
    width: 45px;
    height: 45px;
    border-style: solid;
    border-width: 3px;
    font-size: 28px;
    padding-top: 6px;
    margin-bottom: 6px;
    text-align: center;
    margin-right: 20px;
    text-decoration: none;
}

/*-------- Media -------- */
@media (min-width: 1221px) {
    .eventime_modal .modal-dialog.img-dialog {
        width: 70%;
    }
}
@media (max-width: 1220px) {
    .eventime_modal .modal-dialog.img-dialog {
        width: 85%;
    }
}
/*Media settings */
@media (max-width: 992px) {
    #content .navbar-header {
        float: none;
    }
    .eventime_modal .btn {
        width: 90%;
        margin: 10px auto;
        float: left;
    }
    #content .navbar-left,
    #content .navbar-right {
        float: none !important;
    }
    #content .navbar-toggle {
        display: block;
    }
    #content .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0);
    }
    #content .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    #content .navbar-collapse.collapse {
        display: none!important;
    }
    #content .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    #content .navbar-nav>li {
        float: none;
    }
    #content .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in {
        display: block !important;
    }
    .container>.navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
    #content .navbar-toggle ul {} .eventime_modal .modal-dialog.img-dialog {
        width: 100%;
    }
    #content .navbar-collapse {
        border-top: transparent;
        box-shadow: transparent;
        width: 100%;
        text-align: center !important;
        max-height: 100%;
    }
    .eventime_modal .modal-dialog.img-dialog {} .description h2 {
        font-size: 40px;
    }
    .description h3 {
        font-size: 25px;
        text-transform: uppercase;
        letter-spacing: 5px;
    }
    .description #clock {
        font-size: 40px;
        text-transform: uppercase;
        letter-spacing: 10px;
        font-weight: 100;
    }
    .details {
        width: 80%;
        margin: 0 auto;
    }
    .tabs_about .mask {
        min-height: 950px;
    }
    .tabs_about li,
    #sh_carousel .carousel-indicators div {
        margin-bottom: 10px;
    }
    .stats li {
        margin-left: 10%;
        margin-right: 10%;
    }
    .stats {
        padding-bottom: 90px;
    }
    .about_columns .list .fa {
        display: none;
    }
    .about_columns .list,
    .about_columns .list.right {
        width: 95%;
        text-align: center;
    }

    .speakers_image {
        display: block;
        float: none;
        height: 400px;
    }
    .speakers_row {
        height: auto;
    }

    .photo_carousel figure {
        width: 70%;
        margin: 10px 15%;
    }
    input[type="radio"] + label {
        width: 43%;
        padding-left: 2%;
        margin-right: 4%;
        margin-bottom: 0px;
    }
    input.reservation_button {
        margin-left: 0;
        margin-right: 0;
        width: 90.5%;
    }
    .centred {
        width: 100%;
        display: block;
    }
    .firstrow {
        display: block;
        height: auto;
    }
    .centred > .first_line {
        width: 8%;
    }
    .centred > .first_title {
        padding-left: 1%;
    }
    .centred > .first_description {
        padding-left: 9%;
    }
    .first_image {
        display: block;
        height: 400px;
    }

    .focus_image {
        display: block;
        height: 400px;
    }

    .sponsor_featured {
        width: 90%
    }
    .sponsor_basic {
        width: 42.2%;
        margin-right: 5%;
    }
    .contact_information {
        width: 85%;
        display: block;
    }


    .blog_sidebar_right{
        width: 100%;
        padding: 43px 13%;
        float: none;
        display: block;
    }
    .blog_content_left{
        display: block;

        width: 90%;
        float: none;
    }
    .blog_sidebar_left{
        width: 100%;
        padding: 43px 13%;
        float: none;
        display: block;
    }
    .blog_content_right{
        display: block;

        width: 90%;
        float: none;
    }

}
@media (max-width: 600px) {
    .description h2 {
        font-size: 28px;
        letter-spacing: 10px;
    }
    .description h3 {
        font-size: 20px;
        text-transform: uppercase;
        letter-spacing: 5px;
    }
    .description #clock {
        font-size: 30px;
        text-transform: uppercase;
        letter-spacing: 10px;
        font-weight: 100;
    }
    .details {
        font-size: 26px;
    }
    
    .details2 {
        font-size: 28px;
    }
    .stats li {
        display: block;
        margin: 50px auto;
    }
    .accordion_left {
        display: block;
        width: 90%;
        height: 65px;
    }
    .accordion_right {
        display: block;
        width: 90%;
        padding-left: 9%;
        border: none;
    }
    .accordion_full {
        padding-left: 9%;
    }
    .photo_carousel figure {
        height: auto;
    }
    .photo_carousel figure h2 {
        padding-top: 90px;
    }
    .photo_carousel figure p {
        display: none;
    }
    figure.eventime_img figcaption::before {
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        border: none;
    }
    #testimonials {
        height: auto;
    }
    .testimonials_carousel {
        border: none;
        height: auto;
        padding-bottom: 50px;
    }

    /*-------- reservation ------ */
    .reservation form {
        display: block;
        clear: both;
        margin-top: 20px;
    }
    .reservation input[type="text"] {
        width: 90%;
        display: block;
    }
    input[type="radio"] + label {
        width: 90%;
    }
    input.reservation_button {
        width: 90%;
    }
    /*-------- Sponsors -------- */

    .sponsor_basic {
        width: 90%;
    }
    .sponsor_featured img,
    .sponsor_basic img {
        width: 90%;
    }
    #map {
        height: 200px;
    }
    
    .eventime_button.nob{
        border: none;
        padding: 10px;
        margin: 0;
        text-align: center;
        line-height: 26px;
        display: block;
        text-decoration: underline;
    }
    
    #iscriviti .first_description h2 {
        font-size: 24px;
    }
}
@media (max-width: 400px) {
    .panel {
        width: 85%;
        margin: 0 auto;
    }
    .photo_carousel_container {
        width: 80%;
        margin: 0 auto;
    }
    .eventime_button {
        margin: 0 auto;
    }
    .accordion_full {
        width: 85%;
        padding-left: 14%;
    }
    .schedule_date,
    .schedule_month {
        display: block;
        margin: 0 auto;
        text-align: center;
        padding: 0;
    }

    #sh_carousel .carousel-indicators {
        text-align: center;
        width: 85%;
    }
    figure.eventime_img figcaption {
        padding: 2em;
    }
    .photo_carousel figure h2 {
        padding-top: 30px;
    }
    .menu_tabs {
        padding-left: 0;
    }
    .description h2 {
        font-size: 20px;
        letter-spacing: 2px;
    }
    .details {
        font-size: 22px;
    }
}


/*------------------------------------------------------------------
[Color Stylesheet]
Project:    Eventime
Version:    1.2
Last change:    3 apr 2015
Assigned to:    http://themeforest.net/user/chaykovskiy
Primary use:    Eventime HTML Template
-------------------------------------------------------------------*/

.color {color: #487490 !important;}
a.eventime_button, a.eventime_button:visited {color:#487490;}
.photo_carousel figure p {color:#fff;}

#content a, #content a:visited {
    color: #487490;
}



/*!------------------------------ Main color of template #487490 ------------------------------*/
.navbar-nav>.active>a,
.navbar ul li a.active,
.navbar-nav>li>a:hover,
.description #clock,
.arrow_right:hover,
.arrow_left:hover,
.photo_carousel figure h2 span,
.contact_icon,
.footer .link:hover,
a.navbar-brand:hover,
.navbar_bg_dark .active a,

.texticon, .nav .open>a,
.count,
.count_plus,
.about_columns .fa,
.about_columns h4,
.contact a, .entry-meta span a:hover,
.copyright span{
    color: #487490;
}

.eventime_button::before, .dropdown-menu li a:hover,
.eventime_button:hover::before,
.contact_icon:hover  {

    background: #487490;
}
.eventime_button,
.eventime_button:hover,
.first_line,
#sh_carousel .carousel-indicators .active,
.tabs_about .active a,
.tabs_about .graybtn:hover,
.schedule_date,
.photo_carousel_ind.active,
.testimonials_carousel,
.contact_icon,
.sponsor_basic,
.sponsor_featured,
figure.eventime_img figcaption::before,
.eventime_modal .contact_icon:hover,
.center_line {
    border-color: #487490;
}
/* Gradients */
.reservation,.navbar-toggle, .contact{
    background: #2a425a;
}



/*!------------------------------ Background settings | Transparents in RGBA and Background images ------------------------------*/


.nav_mask,
.footer {
    background: rgba(0, 0, 0, 0.8);
}
.nav_mask_full {
    background: rgba(0, 0, 0, 1);
}
.fill_mask {
    /*background-color: rgba(0, 0, 0, 0.55);
    background-image: url('../images/mask.svg');*/
}
.mask {
    background-color: rgba(255, 255, 255, 0.60);
}

.speakers {
    background-image: url('/accademia/images/top-bg.jpg');
}

/*---------------------- Additional Styles ---------------------*/


.hr {
    margin:50px auto;
    width:90%;
    height:3px;
    background:#eee;
    /*background: linear-gradient(135deg, rgba(216,112,169,1) 0%, rgba(162,23,128,1) 48%, rgba(42,169,225,0) 48%, rgba(35,164,223,0) 52%, rgba(69,188,234,1) 52%, rgba(2,97,145,1) 100%);*/
}

.content li {
 font-family:big-caslon-fb,sans-serif;
}