/**
 * This file should get overwritten if Method 1 is used. If Method 2 is chosen,
 * remove this comment and start adding your styles to this file.
 */
body {
    font-family: 'Lato', Calibri, Arial, sans-serif;   
    //font-family: Verdana, Arial, Helvetica, sans-serif; 
    border-radius: 0 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-top: 80px;
}

body .main-container {
    font-size: 11pt;
    color: #666;
}

a{
    color: #383838;
}
a:hover{
    color: #51657C;
    text-decoration: none;
}



/*************************
*******Header******
**************************/

.navbar.navbar-default {
    border: 0;
    border-radius: 0;
    margin-bottom: 0;
}
.navbar.navbar-default .navbar-toggle {
    margin-top: 13px;
}
.navbar.navbar-default .navbar-brand {
    height: auto;
    padding: 25px 15px 10px 15px;
}
.navbar-brand{
    font-size: 38px;       
    font-weight: bold;    
}
.navbar-default .navbar-brand{
    color: #45aed6; 
}

.navbar-brand img{
    max-width: 450px;
    height: auto;
}
@media   (min-width: 1001px) and (max-width: 1200px) {
    .navbar-brand img{
        max-width: 400px;        
    }
}
@media   (min-width: 890px) and (max-width: 1000px) {
    .navbar-brand img{
        max-width: 320px;        
    }
}

@media   (min-width: 768px) and (max-width: 889px) {
    .navbar-brand img{
        max-width: 250px;        
    }
}

/*************************
*******Header Nav Colors**
**************************/
.navbar-default {
    background-color: #424242;    
}



@media only screen and (min-width: 768px) {
    #main-menu.navbar-default .navbar-nav > li > a {
        padding-top: 30px;
        padding-bottom: 30px;        
        text-transform: uppercase;
        color: #aaabac;
        font-size: 17px;
        font-weight: 600;
        font-family:"Melbourne";
        letter-spacing: 1px;
        padding-left: 4px;
        padding-right: 4px; 
    }

    #main-menu.navbar-default .navbar-nav > li.active > a,
    #main-menu.navbar-default .navbar-nav > li.open > a,
    #main-menu.navbar-default .navbar-nav > li:hover > a {
        background: transparent;        
        border-top: 5px solid #45aed6;
        padding-top: 25px;
        color: #45aed6;
    }
    #main-menu > div > div.collapse.navbar-collapse.navbar-right > ul > li.first.leaf.active > a{
        color: #777;
        border-top: 5px solid black;
    }

    #main-menu.navbar-default .dropdown-menu {
        padding: 0 20px;
        min-width: 220px;
        background-color: #424242;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        -webkit-box-shadow: none;
        background-clip: inherit;
    }
    #main-menu.navbar-default .dropdown-menu > li {
        border-left: 3px solid transparent;
        margin-left: -20px;    
        -webit-transition: border-color 400ms;
        transition: border-color 400ms;
    }
    #main-menu.navbar-default .dropdown-menu > li > a {
        border-top: 1px solid #aaabac;
        padding: 10px 17px;
        color: #aaabac;
        font-family:"Melbourne";
        letter-spacing: 1px;
        font-weight: 600;
        font-size: 18px;  
    }
    #main-menu.navbar-default .dropdown-menu > li:first-child > a {
        border-top: 0;
    }
    #main-menu.navbar-default .dropdown-menu > li.active,
    #main-menu.navbar-default .dropdown-menu > li.open,
    #main-menu.navbar-default .dropdown-menu > li:hover {
        border-left-color: #45aed6;
    }
    #main-menu.navbar-default .dropdown-menu > li.active > a,
    #main-menu.navbar-default .dropdown-menu > li.open > a,
    #main-menu.navbar-default .dropdown-menu > li:hover > a {
        color: #45aed6;
        background-color: transparent;
    }
}

@media only screen and (min-width: 910px) and (max-width: 1200px){
    #main-menu.navbar-default .navbar-nav > li > a {        
        font-size: 15px;        
    }
}

@media only screen and (min-width: 768px) and (max-width: 909px){
    #main-menu.navbar-default .navbar-nav > li > a {        
        font-size: 12px; 
        /*padding-left: 4px;
        padding-right: 4px;*/    
    }
}



@media only screen and (min-width: 1190px) {
    #main-menu.navbar-default .navbar-nav > li > a {
        color: #aaabac;
        padding-left: 14px;
        padding-right: 14px; 
    }    
}

@media only screen and (max-width: 768px) {
    #main-menu.navbar-default .navbar-nav > li > a {        

    }

    #main-menu.navbar-default .navbar-nav > li.active > a,
    #main-menu.navbar-default .navbar-nav > li.open > a,
    #main-menu.navbar-default .navbar-nav > li:hover > a {
        background: transparent;
        color: #45aed6;
    }
    #main-menu > div > div.collapse.navbar-collapse.navbar-right > ul > li.first.leaf.active > a{
        color: #777;
        border-top: 5px solid black;
    }

    #main-menu.navbar-default .dropdown-menu {
        padding: 0 20px;
        min-width: 220px;
        background-color: #eaeaea;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        -webkit-box-shadow: none;
        background-clip: inherit;
    }
    #main-menu.navbar-default .dropdown-menu > li {
        border-left: 3px solid transparent;
        margin-left: -20px;    
        -webit-transition: border-color 400ms;
        transition: border-color 400ms;
    }
    #main-menu.navbar-default .dropdown-menu > li > a {
        border-top: 1px solid #404455;
        padding: 10px 25px;
        color: #777;    
    }
    #main-menu.navbar-default .dropdown-menu > li:first-child > a {
        border-top: 0;
    }
    #main-menu.navbar-default .dropdown-menu > li.active,
    #main-menu.navbar-default .dropdown-menu > li.open,
    #main-menu.navbar-default .dropdown-menu > li:hover {
        border-left-color: #45aed6;
    }
    #main-menu.navbar-default .dropdown-menu > li.active > a,
    #main-menu.navbar-default .dropdown-menu > li.open > a,
    #main-menu.navbar-default .dropdown-menu > li:hover > a {
        color: #45aed6;
        background-color: transparent;
    }
}

/*************************
*******SECONDARY/ MENU******
**************************/
#left-sidemenu.affix{
    position: fixed;
    top: 80px;
    white-space: normal;
    width: 20%;
}


.region-sidebar-first, .region-sidebar-second{
    background: #d8e7db;    
    border: 5px solid #c9ddcc;
    padding: 0;
    border-radius: 0;
}

.region-sidebar-first .block-title, .region-sidebar-second .block-title {
    font-size: 20px;
    font-weight: 600;
    text-align: left;
    padding-bottom: 0;
    color: #78ad83;
}

.region-sidebar-first .nav li a, .region-sidebar-second .nav li a {
    font-size: 18px;
    font-weight: 600;
    color: #78ad83;
    padding: 10px 10px 10px 30px;
    font-family:"Melbourne";
    letter-spacing: 1px;
}

.region-sidebar-first .nav>li>a:hover, .region-sidebar-first .nav>li>a:focus,
.region-sidebar-second .nav>li>a:hover, .region-sidebar-second .nav>li>a:focus,
.region-sidebar-first .nav .active, .region-sidebar-second .nav .active
{
    text-decoration: none;
    font-weight: 700;
    background-color: #c9ddcc;
}
.region-sidebar-first .nav .active:before, .region-sidebar-second .nav .active:before{
    position:absolute;
    font-family: FontAwesome;
    font-size: 10px;
    top:14px;
    left: 10px;
    content: "\f111";
}

.region-sidebar-first .block-title, .region-sidebar-second .block-title{
    padding-left: 15px;
}


/*************************
*******Mini Header******
**************************/

.mini_header {
    border-bottom: 5px solid #45aed6;
}
.mini_header img, .mini_header_summer_school img{
    display: block;
    height: auto;
    max-width: 100%;
}

.mini_header_summer_school {
    background-color : #424242;

}


/*************************
*******MAIN SLIDER******
**************************/
#main-slider {
    overflow: hidden;
}
#main-slider .item img {
    display: block;
    width: 100%;
    height: auto;
}


#main-slider .owl-prev,
#main-slider .owl-next {
    position: absolute;
    top: 50%;
    background-color: rgba(0, 0, 0, 0.2);
    color: #fff;
    font-size: 30px;
    display: inline-block;
    margin-top: -35px;
    height: 70px;
    width: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 100px;
    z-index: 5;
    -webkit-transition: background-color 400ms;
    transition: background-color 400ms;
}
#main-slider .owl-prev:hover,
#main-slider .owl-next:hover {
    background-color: #45aed6;
}
#main-slider .owl-prev {
    left: -35px;
    text-indent: 14px;
}
#main-slider .owl-next {
    right: -35px;
    text-indent: -14px;
}


/*************************
*******Block View******
**************************/

#block-system-main h2, .block-title{
    margin-bottom: 50px;
    text-align: center;
}
#block-system-main h2 a, .block-title, #social-links h2 {
    font-size: 30px;   
    font-weight: 500;
    text-transform: uppercase;    
    padding-bottom: 20px;
    margin: 20px 0 20px;
    font-family:"Melbourne";
    letter-spacing: 1px;
}

/*************************
*******Page******
**************************/
.page-header{
    text-align: center;
    font-size: 30px;   
    font-weight: 600;
    font-family:"Melbourne";
    letter-spacing: 1px;
    text-transform: uppercase;    
    margin: 20px 0;
    padding-bottom: 20px;
    border-bottom:2px #ebebeb solid;

}

/*************************
*******CTA******
**************************/

#cta {    
    padding: 50px 0 50px 0;

}
#cta h2 {
    margin-top: 0;
    font-weight: 500;
    font-family:"Melbourne";
    letter-spacing: 1px;
}
#cta h2 span{
    color: #45aed6;
}

.cta-markers{
    margin-top: 10px;    
}
.cta-div{    
    display: inline-block;
    font-size: 20px;
    font-weight: 800;
    font-family:"Melbourne";
    letter-spacing: 1px;
    color: #45aed6;
    text-transform: uppercase;
}


#cta i {
    font-size: 35px;     
    margin-left: 20px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    width: 64px;
    border-radius: 100%;
    color: #45aed6;
    box-shadow: inset 0 0 0 2px #45aed6;
    -webkit-box-shadow: inset 0 0 0 2px #45aed6;    

}

/*************************
*******BLOCK 4******
**************************/
#block-block-4 ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
}

#block-block-4 ul li{
    vertical-align: top;
    display: inline-block; 
    margin: 10px;
    padding: 15px;
    max-width: 30%;  
    min-height: 130px;
    text-indent: 20px;
    line-height: 26px;
    font-size: larger;    
    border: 1px solid #ebebeb;
    text-align: justify;
}

#block-block-4 ul li:before{
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;     
    border: 5px solid #fff; 
    margin-left: -29px;
    background: #45aed6;
}

#socialMedia img {
    width: 40px;
    height: 40px;
    margin-top: 5px;
}


/*************************
*******SPONSORS******
**************************/

.view-display-id-page h3 {
    font-weight: 600;
    font-family:"Melbourne";
    letter-spacing: 1px;
}
.view-display-id-page ul{
    padding: 0;
}
.view-display-id-page ul li{
    vertical-align: top;
    display: inline-block;
    list-style: none;    
    margin-bottom: 20px;    
    width: 25%;
    padding: 20px 15px;
}

.view-display-id-page ul li a{ 
    padding: 0em 0;     
}

.view-display-id-page img{
    vertical-align: middle;
    width: 100%;
    height: auto;    
}

.view-display-id-page img:hover{
    -webkit-filter: none;
    -webkit-animation: fadeIn 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadeIn 2s; /* Firefox < 16 */
    -ms-animation: fadeIn 2s; /* Internet Explorer */
    -o-animation: fadeIn 2s; /* Opera < 12.1 */
    animation: fadeIn 2s;
}

#speakers{
    background-color: #9CD9F0;
    padding-bottom: 10px;
}
#sponsors{    
    padding: 25px 0 60px;
    border-top: solid 10px #45aed6;
    border-bottom: solid 15px #45aed6;

}

#block-views-sponsors-block > h2, #social-links h2{
    color: white;    
    font-weight: 500;    
}

#sponsors h2 {
    color: #45aed6;
    font-weight: 500;
    font-family:"Melbourne";
    letter-spacing: 1px;
}

#block-views-sponsors-block .more-link, #sponsors .more-link {    
    margin: 30px auto;
    display: table;
}

#block-views-sponsors-block .view-footer{
    display:none !important;
}

#block-views-sponsors-list-block-1 .more-link a{
    -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;

    background-color: #dae2e8;  
    font-size: 16px;
    font-weight: 600;
    color:  #45aed6;
    height: 60px;
    border-radius: 6px;
    padding: 20px 26px;
    text-transform: uppercase; 
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
}

#block-views-sponsors-list-block-1 .more-link a:hover{
    background-color: #84c9e4;
    box-shadow: inset 0 0 0 1px #ebebeb;
    color: #fff !important;
}
/*
.view-id-sponsors > div.view-content > div > ul > li{    
    display: inline-block;
    vertical-align:top;
    padding: 0 15px;
    text-wrap:normal;
}
*/
/*#block-views-sponsors-block .views-field-title{
    color: white;  
    text-transform: uppercase; 
    font-weight: bold;
    width: 200px;
    height: 20px;
    text-align: center;
    margin-bottom: 22px;

}
*/
/*
#block-views-sponsors-block .views-field-field-image{
    height: 120px;
    padding: 10px;
    background-color: white;
    height: 100%;

}*/

/*.view-sponsors.view-display-id-page .views-field-field-image img {
    width:200px;
    height:auto;
}
*/
/*.view-sponsors.view-display-id-page .views-field-title{

    text-transform: uppercase; 
    font-weight: bold;
    width: 200px;
    text-align: center;
    padding-bottom: 10px;
    height: 50px;
}*/

.view-id-sponsors img:hover{
    -webkit-filter: none;
    -webkit-animation: fadeIn 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadeIn 2s; /* Firefox < 16 */
    -ms-animation: fadeIn 2s; /* Internet Explorer */
    -o-animation: fadeIn 2s; /* Opera < 12.1 */
    animation: fadeIn 2s;
}

.sponsors_block img {    
    width:100%;
    height:100%;
    /*-webkit-filter: grayscale(100%);*/
}

.sponsors_block .col {
    float: left;
    padding: 0 10px;
    text-align: center;
    width: 15%;
}

.sponsors_block  span{
    padding: 5px 25px; 
    font-weight: 600;
    font-family:"Melbourne";
    letter-spacing: 1px; 
    text-align: center;
    color:#666 ;    
}

.sponsors_block .label{
    position: relative;
    top:25px;
}
.sponsors_block .platinum_sponsor .label{    
    background-color: #E5E4E2;    
}
.sponsors_block .platinum_sponsor {
    width: 30%;
    height: 150px;
}

.sponsors_block .gold_sponsor .label{    
    background-color: #e5c100;    
}
.sponsors_block .gold_sponsor{
    width: 25%;
    height: 150px;
}
.sponsors_block .silver_sponsor .label{
    background-color: #C0C0C0;    
}
.sponsors_block .silver_sponsor {
    width: 20%;
    height: 150px;
    /*width: 20%;*/
}
.sponsors_block .bronze_sponsor {
    width: 15%;
    height: 150px;
}

.sponsors_block .award_sponsor,
.sponsors_block .lanyard_sponsor,
.sponsors_block .invited_talk_sponsor,
.sponsors_block .additional_supporters,
.sponsors_block .official_carrier, {
    width: 10%;
    height: 100px;
}


.sponsors_block .bronze_sponsor .label{
    background-color: #E0954B;    
}

.sponsors_block .award_sponsor .label{
    background-color: #8bc34a;
}


.sponsors_block .lanyard_sponsor .label {
    background-color: #aed581;

}

.sponsors_block .invited_talk_sponsor .label{
    background-color: #dcedc8;

}

.sponsors_block .additional_supporters .label{
    background-color: #FBFCFA;

}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
@-ms-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
@keyframes fadeIn {
    Platinum_Sponsor    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


/*************************
*******NEWS  - BLOG       ******
**************************/
#latest-news .blog-post {
    float: none;
    display: table-cell;
    vertical-align: top;    border: 1px solid #eee;
    padding: 15px;
    margin-bottom: 20px;   

}

#latest-news img{
    width: 100%;
    height: auto
}

#latest-news .blog-post .entry-thumbnail {
    margin: -15px -15px 15px;
    position: relative;
}

#latest-news .blog-post  .entry-date {
    font-size: 12px;
    display: block;
    text-transform: uppercase;
    color: #45aed6;
}
#latest-news .blog-post  .entry-tags {
    font-size: 12px;
    display: block;
    text-transform: uppercase;
    margin-bottom: 10px;
}

#latest-news .blog-post .entry-title a {
    font-size: 16px;
    font-weight:bold;        
    color: #64686d;
}
#latest-news .blog-post .entry-title a:hover {
    color: #45aed6;
}

#latest-news .more-link{
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}
#latest-news .more-link a{
    -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;

    background-color: #3276b1;  
    font-size: 16px;
    font-weight: 600;
    color:  #fff;
    height: 60px;
    border-radius: 6px;
    padding: 15px 15px;
    text-transform: uppercase; 
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
}

#latest-news .more-link a:hover{
    background-color: #84c9e4;
    box-shadow: inset 0 0 0 1px #ebebeb;
    color: #fff !important;
}



/*************************
*******NEWS   PAGE      ******
**************************/
.view-latest-news.view-display-id-page img{
    width: 100%;
    height: auto;
}
.view-latest-news.view-display-id-page .views-field-title{
    padding:  0 5px;
    text-align: left;
}
.view-latest-news.view-display-id-page .views-field-title a{

    font-size: 18px;
    color: black;
    font-weight: bold;    
    text-transform: uppercase;
}

.view-latest-news.view-display-id-page .views-field-created {
    position:relative; 
    bottom: 54px;
    padding: 5px 10px;
    width: 70%;
    font-weight: 300;
    color: #fff;
    background-color: #45aed6;
    text-transform: uppercase;
}

.view-latest-news.view-display-id-page .views-field-field-news-tag{
    padding: 0 5px;
}
.view-latest-news.view-display-id-page .views-field-field-news-tag a{
    text-transform: uppercase;
    color: #447daa;
}
.view-latest-news.view-display-id-page .views-field-body {
    padding: 0 5px;

}


/*************************
*******NEWS PAGE******
**************************/
.news-submitted{
  padding: 10px 10px;
  width: 100%;
  font-weight: 400;
  color: #fff;
  background-color: #45aed6;
  text-transform: uppercase;
}
.ecml-tags{  
  font-weight: 400;
  color: #45aed6;  
  text-transform: uppercase;
  margin: 20px 0;
}

.field-name-field-image img{
    width: 100%;
    height: auto;
}

/*************************
*******SOCIAL LINKS******
**************************/
#social-links{
    padding: 10px 0 10px;
    background-color: #78ad83 !important;
    text-align: center;
}

#social-links i{
    font-size: 44px;
    background-color: white;
    color: #78ad83;
    padding: 15px 20px;
    border: 3px white solid;
    border-radius: 100%;
    width: 80px;
    height: 80px;
    margin: 15px;
}
#social-links i:hover{    
    color: #666;    
}


/*********************************************
*******EVENTS BOX******
**********************************************/
#events-box{
    text-align: center;
    background-color: #000;
    color:#fff;
}

#events-box .more-link {
    margin-top: 30px;
    margin-bottom: 30px;
}

#events-box .more-link a{
    -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;

    background-color: #fff;  
    font-size: 16px;
    font-weight: 600;
    color:  #45aed6;
    height: 60px;
    border-radius: 6px;
    padding: 20px 15px;
    text-transform: uppercase; 
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
}

#events-box .more-link a:hover{
    background-color: #84c9e4;
    box-shadow: inset 0 0 0 1px #ebebeb;
    color: #fff !important;
}

#gcal-events {
    padding:10px 0;
}
#gcal-events > li:nth-child(1){
    display: none;

}

.events-box-title {
    font-size: 20px;
    font-weight: 600;
    padding-top: 30px;
}
#gcal-events > li{
    list-style: none;
    padding: 5px 0 0 0;
    text-align: left;
}

#gcal-events > li > a{
    color:#fff;
    font-weight: 700;

}

#gcal-events > li > a:hover{
    color:#45aed6;
}



.view-header{
    text-align: justify;
}


#content{
    color: #666;
    text-align: justify;
    margin-bottom: 50px;
}
.content a{    
    color: #428bca;
}

.content a:hover{
    text-decoration: none;
    color: #3F51B5;
}

.content-label{
    font-weight: bold;
    text-transform: uppercase;
}

/*PERSON*/
.image-box{
    width: 189px;
    text-transform: uppercase;
}
.image-box p{
    padding: 5px 15px;
    border: 1px #ccc solid;    
}
.image-box img{
    width: 190px;
    vertical-align: middle;
}
/*B&W*/
.bw {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.bw:hover {
    -webkit-filter: grayscale(100%);
}

.footer {
    background-color: #51657C;
    padding-bottom: 0;
    padding-top: 5px;
    //margin-top: 0;
}

.footer .container a {
    color: #B3BEC7;
    margin: 5px;
}

.footer .images {
    width:100%;

    /* Firefox */
    display:-moz-box;
    -moz-box-pack:center;
    -moz-box-align:center;

    /* Safari and Chrome */
    display:-webkit-box;
    -webkit-box-pack:center;
    -webkit-box-align:center;

    /* W3C */
    display:box;
    box-pack:center;
    box-align:center;
    background-color: #A9B8CA;
    padding: 10px;
}

.footer img {
    display: inline;
    max-width: 120px;
    height: 40px;
    margin: 5px;
}

.footer ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}


#block-menu-menu-footer-menu > ul > li{
    display: -webkit-inline-box;
    padding: 5px 10px 5px 0px;
}

#block-menu-menu-footer-menu > ul > li.first.leaf.active{
    padding: 5px 10px 0 0;
}

.footer .nav>li>a{
    padding: 0px 0px;    
    font-weight: bold;
    font-size: small;
}
.footer .nav>li>a:hover, .nav>li>a:focus{
    background: none;
    color: #428bca;
}

big, big a{    
    color: #447daa !important; 
    font-weight: bold;
    margin-bottom: 15px !important;
    margin-top: 15px !important
}

.key-date {
    margin-bottom: 20px;
}
.key-date > .left {
    float:left;
}
.key-date > .right {
    text-align: right;
}

#map-canvas {
    margin-bottom: -6px;
}

.conf_location {
    margin-top: 10px;
}

.view-organization-committee > div.view-content > div > ul > li > div.views-field.views-field-field-image > div > a > img{
    border-radius: 50%;

}
.view-organization-committee > div.view-content > div > ul{
    padding: 0;
}

.view-organization-committee > div.view-content > div > ul > li{
    display: inline-block;
    text-align:center;
    vertical-align: top;
    width: 170px;
    padding: 10px 20px;
}

.pic {
    width: 150px;
    height: 150px;
}

.social-footer{
    font-size: 2em !important;
    padding-top: 7px;
}

.footer-social-icons{
    float: right;
}

#edit-submit-organization-committee{
    display: none;
}

@media (max-width: 767px) {
    .key-entry .pull-left {
        float: none !important;
    }

    .key-entry .pull-right {
        float: left !important;
    }

    .footer-social-icons {
        float:none !important;
        width: 100%;
        text-align: center; 
    }

    .footer .container .links {
        float: none !important;
        width: 100%;
        text-align: center; 
    }

    .footer .container .links li {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}

@media (max-width: 992px) {
    .key-dates > iframe {
        margin-top: 20px;
    }
}

@media (max-width: 767px) {
    .fc-header-left h2{
        font-size: 22px;
        margin-bottom: 0;
    }

    .fc-header-right {
        padding-top: 7px !important;
    }

    .fc-header .fc-header-center {
        display: none;
    }
}



.past-conferences dl {
    margin-bottom: 10px;
}


/*********************************************
*******About Porto and Conference Venue ******
**********************************************/


.about_porto, .conf_venue {
    max-width: 600px !important;
    float: none;
    margin: 0 auto;
}

.about_porto .carousel, .conf_venue .carousel {
    max-height: 400px;
}

@media (max-width: 767px) {
    .about_porto .carousel, .conf_venue .carousel {
        max-height: 350px;
    }
}

@media (max-width: 550px) {
    .about_porto .carousel, .conf_venue .carousel {
        max-height: 250px;
    }
}

@media (max-width: 450px) {
    .about_porto .carousel, .conf_venue .carousel {
        max-height: 200px;
    }
}

@media (max-width: 350px) {
    .about_porto .carousel, .conf_venue .carousel {
        max-height: 180px;
    }
}


/*********************************************
*******facebook tweeter feeds box******
**********************************************/
#feeds-box{   
    margin-top: 20px;
}


.feeds .entry {
    text-align: justify;
    text-justify: inter-word;
    height: 180px;
    padding: 10px;
    border: 1px solid #78ad83;
    margin: 10px 0px;    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 26px;
    font-size: 16px; 

}

.feeds .entry .e-entry-content {
    height: 105px;
    overflow: auto;
    padding: 0 10px 10px 10px;
    line-height: 20px;
}

.facebook .entry {
    font-size: normal;
}

.twitter .timeline-footer {
    text-align: right;
    margin-bottom: 10px;
    margin-right: 13px;
}

.twitter .timeline-footer a{
    -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;

    background-color: #78ad83;
    font-size: 14px;
    font-weight: 600;
    color:  #fff;
    height: 60px;
    border-radius: 6px;
    padding: 10px 15px;
    text-transform: uppercase; 
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);

}

.twitter .timeline-footer a:hover{
    background-color: #f1b0b0;
    box-shadow: inset 0 0 0 1px #ebebeb;
    color: #fff !important;
}



.feeds .entry i {
    color: #78ad83;
    margin-top: -25px;
    border: 5px #fff solid;
}

.feeds .entry .date {
    position: absolute;
    bottom: 10px;
    right: 20px;
}

.feeds .entry .author {
    position: absolute;
    bottom: 10px;
    left: 20px;
}

.feeds .entry .e-entry-content a {
    color:#86A0B4;
}

.feeds .entry .date a, .feeds .entry .author a {
    color:#78ad83;
}

.feeds .entry .date a:hover, .feeds .entry .author a:hover, .feeds .entry .e-entry-content a:hover {
    color: #666;
}


/*program calendar*/

.event_day span {
    display: block;
    clear: both;
    border-top: 4px solid #35aadc;
    padding: 14px 0;
    max-height: 60px;
    border-bottom: 2px solid #d2d2d2;
    color: #777777;
    font-size: 21px;
    font-weight: 500;
    z-index: 40;
    margin-top: -2px;
}

.event {
    padding: 5px 0px;
    border-bottom: 2px solid #d2d2d2;
    margin:2px;
}

.event:hover {
    background: #E0E0E0;
}

.event > .body > span {
    display: block;
}

.event > .body > .title {
    display: block;
    color:#447daa;
}
.event > .body > .title:hover {
    color: #51657C;
}

.dropdown .dropdown-toggle {
    color: #777777;
}

.filters .nav > li > a:hover {
    background-color: #eee !important;
}

.link {
    color: #428bca;
}

.link:hover {
    color: #2E597E;
}

/*********************************************
*******Invited Speakers******
**********************************************/
.view-invited-speakers .speaker-item, 
.view-summer-school-speakers .speaker-item {
    width: 24.9%;
    height: 359px;
    float: left;
    padding: 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}



.view-invited-speakers .speaker-item .field-content, 
.view-summer-school-speakers .speaker-item .field-content {
    color: #666;
    white-space: normal;
}

.view-invited-speakers .speaker-item span, 
.view-summer-school-speakers .speaker-item span {
    font-weight: 600;
    font-family:"Melbourne";
    letter-spacing: 1px;
}

.view-invited-speakers .entry-title, 
.view-invited-speakers .speaker-item .title,
.view-summer-school-speakers .entry-title, 
.view-summer-school-speakers .speaker-item .title {
    text-align: center;
    color: #45aed6;
    font-size: 24px;
    font-weight: 600;
    font-family:"Melbourne";
    letter-spacing: 1px;
    padding-bottom: 20px;
    color: #666;
}

.view-invited-speakers .speaker-item button, 
.view-summer-school-speakers .speaker-item button {
    width: 100%;
    background: transparent;
    padding: 0;
    border-radius: 0;
    border:0;
}

.view-invited-speakers .modal-header img, 
.view-invited-speakers .speaker-item img,
.view-summer-school-speakers .modal-header img {
    width: 100%;
    height: auto;
    border: 2px solid #666; 
}

.view-summer-school-speakers .speaker-item img {
    width:100%;
    height: auto;
    max-width: 195.719px;
    border: 2px solid #666;
}

.view-invited-speakers .views-label-body,
.view-invited-speakers .views-label-title-1,
.view-invited-speakers .views-label-body-1,
.view-summer-school-speakers .views-label-body,
.view-summer-school-speakers .views-label-title-1,
.view-summer-school-speakers .views-label-body-1 {
    font-weight: bold;
    color: #424242;
    padding-bottom: 5px;
}

.view-summer-school-speakers .modal-body .views-label,
.view-summer-school-speakers .modal-header .views-label,
.view-invited-speakers .modal-body .views-label {
    display: block;
    font-weight: 600;
    font-family:"Melbourne";
    letter-spacing: 1px;
    margin-top : 10px;
}

.inv-type .field-content {
    margin: auto;
    text-align: center;
}

.view-summer-school-speakers .modal-body .views-label + .field-content,
.view-invited-speakers .modal-body .views-label + .field-content {
    padding: 8px;
}

#speakers .speakers-filter {
    list-style: none;
    padding: 0;
    margin: 0 0 15px;
    display: inline-block;
}
#speakers .speakers-filter > li {
    float: left;
    display: block;
}
#speakers .speakers-filter > li a {
    display: block;
    padding: 7px 15px;
    background: #e5e5e5;
    color: #64686d;
    position: relative;
}

#speakers .speakers-filter > li a:hover,
#speakers .speakers-filter > li a.active {
    background: #45aed6;
    color: #fff;
    box-shadow: 0 -3px 0 0 #318daf inset;
    -webkit-box-shadow: 0 -3px 0 0 #318daf inset;
}

.inv-type .field-content {

}



/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}
/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
/*.isotope.infinite-scrolling {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}*/



/***********************
********* search box ******
************************/
#search-block{
    position: fixed;
    top:73px;
    z-index: 1000;
}
@media only screen and (min-width: 768px) and (max-width: 1200px){
    #search-block{
        top:72px;
    }
}


#search-block form{
    padding: 0;
    margin-top: 7px;
}
#search-block button.btn-default{
    float: right;
    border: 0;
    border-radius: 0;
    background-color: #424242;    
    color: #aaabac;
    font-size: 16px;
    padding:12px 16px;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

#search-block button.btn-default:hover{
    color: #45aed6;
    background-color: #424242;
    opacity: 0.8;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

#search-block input{
    display: none;
    font-size: 16px;
    max-width: 40%;
    float: right;
    height: 46px;
    padding:12px 16px;
    border-radius: 0;
    background-color: #ccc;
    border: 1px solid #ccc;

}

/******************************************
********* DISCOVERY CHALLENGES ***********
********************************************/

.view-display-id-page .panel-heading {
    border-radius: 0px;
    background-color: transparent;
    padding: 20px 15px;
}

.view-display-id-page .panel-heading a{   
    position:relative;
    font-weight: 700;
}


.view-display-id-page .panel-heading a:before{    
    position:absolute;
    font-family: FontAwesome;
    font-size: 20px;
    top:-3px;
    left: 0;
    content: "\f101";
}

.view-display-id-page .panel-heading a:focus:before,
.view-display-id-page .panel-heading a:active:before, 
.view-display-id-page .panel-heading a:hover:before{    
    content: "\f103";
    text-decoration: none;
    color: #45aed6;
}


.view-display-id-page .panel-heading h4 > a{
    padding-left: 20px;
}
.view-display-id-page .panel-heading h4 > a:hover,
.view-display-id-page .panel-heading h4 > a:focus,
.view-display-id-page .panel-heading h4 > a:active{
    color: #428bca;    
    text-decoration: none;
}


.view-display-id-page .views-field-title{
    color: #424242; 
    font-weight: 700;
    font-size: 18px;
    padding-bottom: 10px;
}

.view-display-id-page .views-label-body{
    font-weight: 700;
    font-size: 15px;
    padding-bottom: 5px;
}

.view-display-id-page .panel-default{
    border-radius: 0px;
}

.view-display-id-page .panel-group .panel-heading+.panel-collapse .panel-body{
    border-top: 5px #428bca solid; 
}

.view-display-id-page .panel-group .panel+.panel {
    margin-top: 0px;
}

#accordion .panel .panel-collapse .views-field-field-image img {
    height: auto;
    width: auto;
}


/******************************************
********* Css of Calendar ***********
********************************************/

#ecml-calendar .fc-title{
    font-weight: 500;
    font-size: 14px;
}
#ecml-calendar .fc-event {
    //background-color: white;
    color: #fff;
    border: 1px solid #ccc;    
    border-radius: 0px;
    padding: 5px 10px;
}
#ecml-calendar .fc-event .fc-content .fc-title {
    font-size: 13px;
}

#ecml-calendar .fc-event .fc-speakers {
    color: rgba(105, 108, 116, 1);
}

#ecml-calendar .social_event {
    background-color: #7084A9;    
}

#ecml-calendar .general_event {
    background-color: #2C3E50; 
}

#ecml-calendar .keynote, #ecml-calendar .industrial_keynote  {
    background-color: #C0392B; 
}

#ecml-calendar .workshop {
    background-color: #2980B9; 
}
#ecml-calendar .turorial {
    background-color: #D35400;    
}
#ecml-calendar .parallel_session,
#ecml-calendar .research_track  {
    background-color: #16A085;    
} 
#ecml-calendar .phd_session,  #ecml-calendar .challenge{
    background-color: #7F8C8D; 
}

#ecml-calendar .posters {
    background-color: #8E44AD; 
}

#ecml-calendar .best_papers {
    background-color: #F39C12; 
}
#ecml-calendar .industrial_track_paper {
    background-color: #34495E; 
}
#ecml-calendar .research_track_paper {
    background-color: #E74C3C; 
}
#ecml-calendar .summer_school_session {
    background-color: #27AE60; 
}
#button-days .active {
    background-color: #C5CAE9;
}

#ecml-calendar .fc-time-grid-container {
    height: auto !important;
}

#ecml-calendar .summer_school_session .fc-time {
    display: none;
}



.calendar-title {
    font-size:16pt;
}

#ecml-calendar .fix_padding_top {
    padding: 0 10px;
}

#ecml-calendar .fc-agendaWeek-view .parallel_fix .fc-title {
    font-size: 12px !important;
    line-height: 1.0;
}

.message_note {
    padding: 0px 15px;
    padding-bottom: 15px;
}

.message_note span {
    color: red;
    font-size: small;
}

.node-ecmlpkdd-event-calendar- .field-type-file {
    display: none;
}

/*#ecml-calendar .fc-minor, #ecml-calendar .fc-widget-content, #ecml-calendar .fc-time {
    heigth:30px !important;
}*/

.fc-agenda-slots td div {
    height: 40px !important;
}


@media (max-width: 767px) {
    #button-days {
        margin-topx:20px;
        float:left !important;
    }

    #button-days a {
        padding: 1px 5px;
        font-size: 11px;
        line-height: 1.5;
    }
    .calendar-title {
        width: 100%;
    }
}

#eventModal .field_ss {
    padding: 5px;
}
#eventModal .modal-title,
#eventModal .field_ss .title, 
#eventModal .inv-speakers-title, 
#eventModal .speaker_entry .name {
    font-weight: 600;
    font-family: "Melbourne";
    letter-spacing: 1px;
}

#eventModal .inv-speakers-title {
    margin-left: auto;
    margin-right: auto;
    width: 200px;
    font-size: x-large;
    font-weight:bold;
}

#eventModal .speaker_entry .name {
    padding : 10px 0px;
    font-weight:bold;
}

/*#eventModal .speaker_entry .bio,*/
#event-description p {
    padding: 8px;
}

#eventModal #event-chair div {
    color: #428bca;
    margin-left: 8px;
}

@media (min-width: 768px) {
    .location div {
	float: right;
    }
}

#event-sessions .sEntry,
#workshops .wEntry,
#tutorials .wEntry {
    padding: 5px;
}

#event-sessions .sEntry .sTitle,
#event-sessions .sEntry .sChair,
#event-sessions .sEntry .sRoom,
#workshops .wEntry .wRoom,
#tutorials .wEntry .wTitle,
#tutorials .wEntry .wRoom {
    color: #428bca;
}

#event-sessions a,
#event-location,
.export,
.wEntry .wTitle a {
    color: #428bca !important;
}

#event-sessions a:hover,
.export:hover,
.wEntry .wTitle a:hover {
    cursor: pointer;
    color: #07467B !important;
}

.export:hover {
    text-decoration: underline;
}

#event-sessions .sChair,
#event-sessions .sRoom {
    margin-left: 10px;
}

#event-sessions .extra {
    font-size: small;
    border-left: 10px;
}

#event-sessions .articles {
    margin-left: 15px;
}
#event-sessions .articles .aTitle,
#event-sessions .articles .aTime {
    font-size: small;
    //color: rgb(65, 71, 118);
}

#event-sessions .articles .aTitle a {
    color: #666 !important;
    text-decoration: none;
}

#event-sessions .articles .aTitle a:hover {
    color: #07467B !important;
    text-decoration: underline;
}

#event-sessions .articles .aAuthors {
    margin-left: 10px;
    font-size: x-small;
    color: rgb(156, 43, 65);
}

#event-sessions .articles .aExtra {
    margin-top: -8px;
}

#workshops .wEntry .wSpeakers,
#tutorials .wEntry .wSpeakers {
    font-size: small;
    color: rgb(156, 43, 65);
}

#workshops .wEntry .wFullday,
#tutorials .wEntry .wFullday {
    font-size: small;
    color: rgb(153, 153, 153);
}

@media (min-width: 1280px) {
    .modal-dialog.modal-lg {
        width: 70%;
    }
}

@media (max-width: 1280px) and  (min-width: 992px)) {
    .modal-dialog.modal-lg {
        width: 80%;
    }
}

@media (max-width: 992px) and  (min-width: 768px)) {
    .modal-dialog.modal-lg {
        width: 90% !important;
    }
}

#event-sessions-list .session {
    background-color: rgb(241, 240, 246);
    margin: 10px 0px;
}

#event-sessions-list .session .title {
    font-weight: 600;
    font-size: 20px;
    font-family: "Melbourne";
    letter-spacing: 2px;
    margin-left: 10px;
}

#event-sessions-list .session .chair {
    margin-left: 10px;
}

#event-sessions-list .session .room {
    margin-right: 10px;
}


#event-sessions-list .articles {
    padding: 8px;
}

#event-sessions-list .panel-title {
    padding: 8px 39px !important;
}

@media (max-width: 769px) {
    #event-sessions-list .time {
	display: block;
	float: left !important
    }
    #event-sessions-list .header-authors {
	display: block;
    }
}

#best_title, #best_authors, #best_abstract, #best_slink {
    padding: 5px 10px 10px 10px ;

}


/******************************************
********* Css of Accepted Papers ***********
********************************************/

#accepted-papers .article-body{
    padding-left: 35px;
}
#accepted-papers .panel-title{
    padding: 15px 39px;
}
#accepted-papers .panel-title a{
    width: 100%;
    text-decoration: none;
}

#accepted-papers .panel-title a:before{    
    position:absolute;
    font-family: FontAwesome;
    font-size: 20px;    
    left: 25px;
    content: "\f0fe";
}

#accepted-papers .panel-title a:focus:before,
#accepted-papers .panel-title a:active:before, 
#accepted-papers .panel-title a:hover:before{    
    content: "\f146";
    text-decoration: none;    
}
#accepted-papers .header-title{
    font-size: large;
    font-weight: 600;
    letter-spacing: 0.3px;
}
#accepted-papers .paper-label{
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 5px;

}
#accepted-papers .paper-label i{
    padding-right: 5px;
}
#accepted-papers .header-authors, #accepted-papers .article-type{
    font-size: 15px;
    color: #999999;
}

.view-accepted-papers .views-exposed-widget.views-submit-button .form-submit  {
    margin-top: 0;
}

#edit-nid-wrapper {
    display:none;
}

.springer-link a {
    color: #428bca;
}

.springer-link a:hover {
    color: #2E597E;
    
}

/******************************************
********* Css of Workshops List ***********
********************************************/
.workshop-list .header-title{ 
    font-size: medium !important;
}
.workshop-list .panel-title {
    color: #7D939D !important;
} 

.workshop-list .room {
    color: #428bca; 
}

/******************************************
********* Css of Tutorial List ***********
********************************************/
.tutorial-list .header-title{ 
    font-size: medium !important;
}
.tutorial-list .panel-title {
    color: #7D939D !important;
}
.tutorial-list .room {
    color: #428bca; 
} 


/******************************************
********* Css Banner Message ***************
********************************************/
#banner-message {
    position: absolute;
    top:73px;
    left:17px;
    color:#aaabac;
    font-size: 25px;
    width: 80%;
    font-weight: bold;
    font-family:"Melbourne";
    letter-spacing: 1px;
    text-align: left;
}

@media (min-width: 767px) {
    #banner-message .block > p {	
        font-size: 30px;
    }
    #banner-message {
        top:83px;
    }
}

/******************************************
********* Css Accommodation page ***********
********************************************/
.accommodation .title {
    font-size: 25px;
    font-weight: bold;
    font-family:"Melbourne";
    letter-spacing: 1px;
    text-align: left;
}

.accommodation {
    margin: 20px 0;
}
.accommodation .location a {
    cursor: pointer;
    color: #447daa;
}
.accommodation .images,
.accommodation .description {
    padding: 10px;
}

.accommodation .distance .fa {
    padding: 10px;
}

.accommodation .fa {
    color: black;
}

.accommodation .location a:hover {
    cursor: pointer;
    color: #183B57;
}

.accommodation .images img {
    width: 100%;
    max-height: 220px;
    height: auto;
}
.accommodation .icon {
    display: inline;
    width: 32px;
    height: 32px;
    padding: 5px;
}

/*GALLERY of images with Light box*/
.image-gallery ul {         
    padding:0 0 0 0;
    margin:0 0 0 0;
}
.image-gallery ul li {     
    list-style:none;
    margin-bottom:25px;
    padding: 0 3px;
}
.image-gallery ul li div{
    margin: 0 3px;
    position:absolute; /* absolute position (so we can position it where we want)*/  
    bottom:0px;
    left:0px;  
    width:97%;
    /* styling bellow */  
    background-color:black;        
    color:white;  
    opacity:0.6; /* transparency */  
    filter:alpha(opacity=60); /* IE transparency */  
}  

.fotorama__caption__wrap{
    background-color:black;        
    color:white;  
    opacity:0.6; /* transparency */  
    filter:alpha(opacity=60); /* IE transparency */  
    font-size: 16px;
}

.image-gallery ul li img {
    cursor: pointer;
    width: 100%;
}

#galleryModal > div > div{
    border-radius: 0px;
}

#galleryModal > div > div > div{
    padding: 5px;
}