@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: normal;
    src: local('Open Sans'), url('../fonts/Open-Sans.ttf') format('truetype');
}

@font-face {
    font-family: 'Consolas';
    font-style: normal;
    font-weight: normal;
    src: local('Consolas'), url('../fonts/Consolas.woff') format('woff');
}


/* 
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: normal;
    src: local('Open Sans Regular'), url('../fonts/OpenSans-Regular.ttf') format('ttf');
}
    

@font-face {
    font-family: 'Open Sans Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Open Sans Italic'), url('../fonts/OpenSans-Italic.ttf') format('ttf');
}
    

@font-face {
    font-family: 'Open Sans Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Open Sans Bold'), url('../fonts/OpenSans-Bold.woff') format('ttf');
}
    

@font-face {
    font-family: 'Open Sans Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Open Sans Bold Italic'), url('../fonts/OpenSans-BoldItalic.woff') format('ttf');
} */


@font-face {
    font-family: 'Segoe UI Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Segoe UI Regular'), url('../fonts/Segoe-UI.woff') format('woff');
}
    

@font-face {
    font-family: 'Segoe UI Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Segoe UI Italic'), url('../fonts/Segoe-UI-Italic.woff') format('woff');
}
    

@font-face {
    font-family: 'Segoe UI Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Segoe UI Bold'), url('../fonts/Segoe-UI-Bold.woff') format('woff');
}
    

@font-face {
    font-family: 'Segoe UI Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Segoe UI Bold Italic'), url('../fonts/Segoe-UI-Bold-Italic.woff') format('woff');
}


@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/MaterialIcons-Regular.eot); 
    src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(../fonts/MaterialIcons-Regular.woff2) format('woff2'),
    url(../fonts/MaterialIcons-Regular.woff) format('woff'),
    url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: lighter;
    font-style: normal;
    font-size: 24px;  
    width:24px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;

    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
}
.mdl-tabs__tab{cursor:pointer;}
.mdl-tabs__tab .material-icons{width:24px;}
.mdl-tabs .mdl-tabs__panel{display:none}
.mdl-tabs .mdl-tabs__panel.is-active{display:block;}

@import url(https://fonts.googleapis.com/css?family=Exo+2:400);
/* @import url(https://fonts.googleapis.com/css?family=Ubuntu:400); */
/* @import url(https://fonts.googleapis.com/css?family=Inconsolata:400); */
/* @import url(https://fonts.googleapis.com/css?family=Open+Sans:400); */

/* @font-face {
    font-family: 'ETmodules';
    src: url('/fonts/ETmodules_v2.eot');
    src: url('/fonts/ETmodules_v2.eot?#iefix') format('embedded-opentype'), url('/fonts/ETmodules_v2.ttf') format('truetype'), url('/fonts/ETmodules_v2.woff') format('woff'), url('/fonts/ETmodules_v2.svg#ETmodules') format('svg');
    font-weight: normal;
    font-style: normal;
} */


/* @font-face {
    font-family: 'Glyphicons Halflings';

    src: url('/../fonts/glyphicons-halflings-regular.eot');
    src: url('/../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('/../fonts/glyphicons-halflings-regular.woff') format('woff'), url('/../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-menu-down:before {
    content: "\e259";
} */

html, body{
    font-size:16px;font-weight:400;color:black;
}
body{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body.only-content header,
body.only-content .app-drawer,
body.only-content .footer-text{display:none !important}
body.only-content .mdl-layout__content{margin-left: 0px !important}

.loading-indicator{position: absolute;top: 100px; left: 50%; margin-left: -10px; display: none;}
.loading .loading-indicator{display: inline-block;}

/* ----- loading indicator ---- */
.showbox {position: absolute;top: 0px;bottom: 0;left: 0;right: 0;padding: 5%;display: none; z-index: 100; background-color: rgba(255, 255, 255, 0.4)}
.loading .showbox{display: block;}
.loader {position: relative;margin: 0px auto;width: 100px;}
.loader:before {content: '';display: block;padding-top: 100%;}
.circular {-webkit-animation: rotate 2s linear infinite;animation: rotate 2s linear infinite;height: 100%;-webkit-transform-origin: center center;transform-origin: center center;width: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.path {-webkit-animation: dash 1.5s ease-in-out infinite;animation: dash 1.5s ease-in-out infinite;stroke-linecap: round;stroke-dasharray: 90,10;stroke: #0057e7;}
@-webkit-keyframes rotate {100% {-webkit-transform: rotate(360deg);}}
@keyframes rotate {100% {transform: rotate(360deg);}}
@-webkit-keyframes dash {0% {stroke-dasharray: 1,200;stroke-dashoffset: 0;}50% {stroke-dasharray: 89,200;stroke-dashoffset: -35;}100% {stroke-dasharray: 89,200;stroke-dashoffset: -124;}}
@keyframes dash {0% {stroke-dasharray: 1,200;stroke-dashoffset: 0;}50% {stroke-dasharray: 89,200;stroke-dashoffset: -35;}100% {stroke-dasharray: 89,200;stroke-dashoffset: -124;}}
/* ----- loading indicator ---- */

/* -- alert box--*/
.alert-dialog.dialog{width: 90%; max-height: 100%; max-width: 400px; position: fixed; top: 100px; left: 50%; margin-left: -200px; z-index: 1000}
.alert-dialog .mdl-card__actions.buttons {
    display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;
    display: -o-flex;
    display: flex;
    padding: 15px;
    box-sizing:border-box;
    align-items: center;
}
.alert-dialog .mdl-card__actions.buttons .mdl-button{margin-left: 10px;min-width: 80px;}
.alert-dialog.dialog .mdl-card__title{color: #000; margin-bottom: 5px;}
.alert{max-width: 320px;padding:15px 30px 15px 60px;position: relative; background-color: #556379; color: #FFF; margin:10px auto;}
.dialog .alert{max-width: 100%; margin: 10px 0px;}
.alert .close{cursor: pointer; position: absolute; right: 5px; top: 5px; color: #FFF;}
.alert:before {
    content: "add_alert";
    position: absolute;
    opacity: 1;
    top: 0px;
    padding-top: 12px;
    box-sizing:border-box;
    left: 0px;
    width: 50px;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.3);
    text-align: center;
    transition: all .2s ease-in-out;
    font-family: 'Material Icons';
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    -moz-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;

}
.alert.error{background-color: #BD4E4C;}
.alert.error:before{content: "error_outline";}
.alert.warning{background-color: #edb372;}
.alert.warning:before{content: "warning";}
/* -- alert box--*/


.block{display:block;}
.hide{display: none}
.hide.block{display: none}
a[scroll-to]{cursor:pointer;}
footer { border-top: 1px solid #7f7f7f; }
.contents{padding: 1px 0px 0px;min-height: 350px;}
.mdl-layout__header{background-color:#FFF; transition: all 0.5s ease;}
/*.fixed-header .mdl-layout__header--transparent.mdl-layout__header--transparent{top:0px; background-color: #2584c6; }*/
.mdl-navigation__link,
.mdl-mega-footer__link-list a{
    padding: 0px 12px; color: #109aed;
    transition: color .2s ease-in-out;
    font-size: .875rem;font-weight: normal;/*letter-spacing: 0.05em;*/
    cursor: pointer;
}
.mdl-navigation__link,
.mdl-mega-footer__link-list a,
h1,h2,h3,h4,h5,h6,body,html{
    /*font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Regular", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";*/
    font-family: "Open Sans";
    /* font-family: "Segoe UI Regular", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; */
}
.card-box{padding:20px; box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);}
.mdl-navigation__link .icon,
.mdl-tabs__tab .icon,
.mdl-tabs__tab-clone .icon{
    height: 24px;
    opacity: 0.9;
}

.mdl-mega-footer, body{
    background-color:#fdfdfd;
}
.mdl-mega-footer__heading{color: #FFF}
.mdl-mega-footer .mdl-navigation{
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    -ms-grid-row-align: stretch;
    align-items: stretch;
    padding-top: 16px;
}
.mdl-mega-footer .mdl-navigation__link{color: #aab2c2; }
.mdl-layout__header-row .mdl-navigation__link,
.app-drawer .mdl-navigation__link,
.mdl-layout__header .mdl-layout__drawer-button{
    color:#003661;
    font-weight:normal;
    opacity: 0.75;
}
.mdl-layout__header{border-bottom:1px solid #888; box-shadow:none;}
.mdl-layout__header .mdl-layout__drawer-button{top:50%;margin-top:-24px;}
.has-top-menu .mdl-layout__header .mdl-layout__drawer-button{margin-top:-50px;}
.app-icon{display: inline-block; width: 175px; height: 48px; background: center no-repeat url('../images/logo/aspectron-h.svg'); margin-right: 10px; background-size:contain;}
.app-drawer .mdl-layout-title{background-color:#FFF; padding:0px 25px; box-sizing: border-box;border-bottom: 1px solid #DDD;text-align:center;}
.app-drawer .mdl-layout-title img{max-width: 100%; height: 40px;}
.app-drawer.mdl-layout__drawer .hide-in-drawer, .show-in-drawer{display:none;}
.app-drawer.mdl-layout__drawer .show-in-drawer{display:block;}
.home-top-menu-desktop{margin:0px -10px 0px 10px;}
.top-navigation-container .mdl-tabs__tab-bar{border-bottom:0px;height:50px;margin-top:2px;}
header .home-top-menu .mdl-tabs__tab-bar{background: rgba(0,0,0,0.5);}
.scrollbar-measure {width: 100px;height: 100px;overflow: scroll;position: absolute;top: -9999px;}
.top-header-msg{color: #003661;height: 100%;width: 40%;font-size: 12px;line-height:1.1; text-align: left;overflow: hidden;}
/*::-webkit-scrollbar{width:20px;}*/

.event-top-menu{width:inherit;}
.event-top-menu.mdl-tabs .mdl-tabs__tab.is-active:after{display:none;}
.event-top-menu .mdl-tabs__tab,
/*.event-top-menu{transition1:all 0.2s ease;}*/
.page-scrolled .event-top-menu{position:fixed;top:143px;left:0px;/*right1:0px;*/z-index:10;top:56px;}
.page-scrolled .event-top-menu,
.page-scrolled .event-top-menu.top-navigation-container .top-menu-sepatator{background-color:#4d4d4d;}
.page-scrolled .event-top-menu .mdl-tabs__tab{background-color:transparent;}
.page-scrolled .event-top-menu .top-menu-sepatator::after{opacity:1}

.top-navigation-container .mdl-tabs__tab,
.top-navigation-container .mdl-tabs__tab-clone{
    height: 50px;
    line-height: 1;
    font-size: 8px;
    background: rgba(0,0,0,0.5);
    /*border:1px solid rgba(0,0,0,0.75);*/
    /*margin-right: 2px;*/
    color:#FFF;
    width: 60px;
    padding:0px 1px;
    border-radius: 0px;
}
header .home-top-menu .mdl-tabs__tab-bar .mdl-tabs__tab,
header .home-top-menu .mdl-tabs__tab-bar .mdl-tabs__tab-clone{
    background-color:transparent;
}
.top-navigation-container .mdl-tabs__tab .icon,
.top-navigation-container .mdl-tabs__tab-clone .icon{
    height: 24px;
    opacity: 1;
    display: block;
    margin: 5px auto 3px;
}
.top-navigation-container .top-menu-sepatator{
    position:relative;
    height:100%;
    margin:0px;
    background-color:rgba(0,0,0,0.5);
    width: 1px;
}
.top-navigation-container .top-menu-sepatator::after{
    content: " ";
    width: 1px;
    background: rgba(255, 255, 255, 0.38);
    bottom: 10px;
    top: 10px;
    position: absolute;
}

.top-navigation-container.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active{color:#FFF;}
.top-navigation-container.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after{background-color:#FFF}
.top-navigation-container .mdl-tabs__tab:first-child{margin-left:2px;}
.mdl-navigation__link .material-icons,.mdl-navigation__link .icon{margin-right:5px;}
.mdl-layout__drawer .mdl-menu__item .mdl-navigation__link{padding:10px 20px;}
.mdl-layout__drawer .mdl-navigation__link{position:relative;}
.mdl-layout__drawer .mdl-navigation__link .material-icons,
.mdl-layout__drawer .mdl-navigation__link .icon{
    display: inline-block;
    position: absolute;
    top: 18px;
    margin-top: -12px;
    left: 27px;
}
.mdl-menu-heading{padding:0px 10px 5px;text-align: center;}
.mdl-layout__drawer-button{top:0px;left:initial; right: 5px;}
.mdl-layout__header{padding-left: 25px;padding: 0px;text-transform: uppercase;position:relative;}
.mdl-layout__header-row{padding-left: 20px;align-items:flex-start;}
.mdl-layout__header-row .logo{
    height:100%;
    background:url(../images/logo/aspectron-h.svg) left center/auto 80% no-repeat;
}

@media (max-width:900px){
    .mdl-layout__header-row .logo{
        margin-top:3px;
    }
}
.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after{background-color:#f7931a}
.mdl-layout__header-row .mdl-tabs{width:auto;}
.mdl-layout__header-row .mdl-tabs__tab,
.mdl-layout__header-row .mdl-tabs__tab-bar .mdl-navigation__link{padding-right:10px;padding-left:10px;}
.mdl-layout__header-row .mdl-tabs__tab-bar{border-bottom:0px;}
.mdl-layout__header-row .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after{bottom:initial; top:0px;}
.mdl-layout__header-row .mdl-tabs__tab-bar .mdl-navigation__link{line-height: 48px;}
.mdl-tabs__tab .material-icons{vertical-align: middle;}
.move-to-section{text-align:right;height:0px;overflow:visible;}
.move-to-section .mdl-button--fab.mdl-button--colored{
    background-color: #836a5d;
    color: #FFF;
    margin-right: 25px;
    margin-top: -25px;
}
.first.move-to-section .mdl-button--fab.mdl-button--colored{
    background-color: #ffffff;
    color: #008bce;
}

.papers .url, .papers .date {font-size: 10px; }
.papers .authors {font-size: 14px;}
.papers .date,.papers .authors {color:#4d4d4d;}
.papers {line-height: 1em;}
.papers .paper {margin-top: 8px;}
.papers .paper .icon{color:#4d4d4d;width:32px;height:32px;margin-top: 6px;margin-right: 16px;}
.papers .xfade div,
.papers .xfade .icon{color: #aaa;}
.papers .paper .authors .h{font-size:10px;}

.speakers .speaker{width:100%; margin-bottom:20px;min-height:160px;}
.speakers .speaker .name{text-align:center;margin:10px 0px 2px;}
.speakers .speaker .designation{text-align:center;font-size:10px;font-style:italic;}
.mdl-checkbox{height:auto;}
.mdl-checkbox__label::selection{background-color:transparent;}

.footer-text{margin:40px 10px 20px;font-size:0.75rem}

.sixteen-nine{position: relative;}
.sixteen-nine:before {display:block;content: "";width: 100%;padding-top: 56.25%;}
.sixteen-nine > .content{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width:100%;height:100%;}

main>section,
main>.section{
    padding:6px 40px 1em 40px;
    /* padding:20px 40px 20px 40px; */
    /* border-top:1px solid #EEE; */
    max-width:1024px;margin:auto;box-sizing:border-box;
    background-color:#FFF;
    border-left:1px solid #eee;
    border-right:1px solid #eee;
}

main>section:nth-of-type(1),
main>.section:nth-of-type(1),
main>section.no-border,
main>.section.no-border{border-top:0px}

main>section>h1,
main>.section>h1{
    font-size: 2rem;
    /*border-top: 1px dashed #109aed;
    color: #005798;*/
    padding:15px 0px 5px;
    display: block;
}
main>section:only-child{
    min-height:100%;
}

@media (max-width: 900px) {
    main>section>h1,
    main>.section>h1 {
        font-size: 1.5rem;
    }
}

main>section.no-padding,
main>.section.no-padding{padding:0px;}
main>section.no-padding>.m-x-1{
    margin-left:20px;
    margin-right:20px;
}
#home{padding:0px 0px 0px;}
#home .move-to-section{
    position: absolute;
    right: 20px;
    bottom: 0px;
}
/*
.app-drawer .mdl-layout-title,
.mdl-layout__header-row .mdl-navigation__link{height: 110px; min-height: 110px;}
.mdl-layout__header-row,
.mdl-layout__header,
.mdl-layout__header-row .mdl-navigation__link{height: 110px; min-height: 110px;}
*/

.mdl-navigation__link.active,
.mdl-mega-footer__link-list a:hover,
.mdl-mega-footer__link-list a.active,
.mdl-navigation__link:hover{opacity:1;}
.mdl-button.block{display: block;width: inherit;}
.mdl-button.block.hide{display: none;}
.mdl-button .icon{max-height:24px;}
.mdl-button.with-top-icon{height:auto;}

.mdl-button--raised.mdl-button--colored{background-color: #f7931a;}
.mdl-button--raised.mdl-button--colored:active,
.mdl-button--raised.mdl-button--colored:hover{background-color: #f7931a;}
.mdl-button--raised.mdl-button--colored:focus:not(:active){background-color: #f7931a;}


.dialog{width: 36.9%; margin:0px auto; font-weight: 500; font-size: 1rem; padding-top: 15px;}
.dialog .mdl-card__title{
    display: block;
    text-align: center;
    line-height: 1em;
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: 2px;
    /*line-height: 2rem;*/
    margin-bottom: 0.85em;
    margin-top: 0px;
    text-transform: uppercase;
    color: #FFF;
}
.dialog .mdl-card__actions{padding:0px; border-top: 0px;}
.dialog.mdl-hidden{visibility: hidden;}

.btn{
    padding: 1rem 2.75rem;display: block; text-align: center; margin: 15px 0px 0px; line-height: 1;
    border-radius: 0px; background-color: #78e0aa; font-size: .85rem; font-weight: 600; height: auto;
}
.btn-arrow:after, .btn-arrow-left:after, .accordion .head:after, .btn-arrow-right:after{
    content: "keyboard_arrow_right";
    position: absolute;
    opacity: 0;
    right: 2em;
    transition: all .2s ease-in-out;
    font-family: 'Material Icons';
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    word-wrap: normal;
    -moz-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    top: 50%;
    margin-top: -10px;
}
.btn-arrow:hover:after,
.btn-arrow-left:hover:after{opacity: 1; right: 1em;}

.btn-arrow-right:after{right: initial; left: 2em;content: "keyboard_arrow_left";}
.btn-arrow-right:hover:after{opacity: 1; left: 1em;}

.form .mdl-textfield{padding: 0px; position: relative; background-color: #FFF; color: #000;}
.form .mdl-textfield.block{width: 100%}
.form .mdl-textfield .mdl-textfield__input{border-bottom:1px solid #73aed3;}
.form .mdl-textfield .mdl-textfield__input,
.form .mdl-textfield .mdl-textfield__label{padding:1rem; box-sizing: border-box;font-weight: 500;}
.form .mdl-textfield .mdl-textfield__label{position: absolute; left: 0px; right: 0px; bottom: 0px; top: 0px;}
.form .mdl-textfield__label:after{bottom: 0px; background-color: #1483C5;}

.mdl-layout__header .lang-menu>.mdl-menu__container{margin-right: 5px;}
.mdl-layout__header .lang-menu>.mdl-menu__container .mdl-navigation__link{color:rgba(0,0,0,.87);}
.mdl-layout__drawer *>.mdl-menu__container{margin-left: 13px;}

/*.home-page .mdl-layout__header .lang-menu>.mdl-menu__container>.mdl-menu__outline{background: rgba(0,0,0,0.3); color: white;}*/
.home-page .slick-holder{height:100vh;height:calc(100vh - 55px);}
.home-page .slick-holder .slick-list,
.home-page .slick-holder .slick-track,
.home-page .slick-holder .slick-slide{height:100%;}
.home-page .slick-holder .slick-slide{background-repeat: no-repeat;background-position: center; background-size:cover;}
.home-page .slide-overlay{font-size:18px;color:white;background-color:rgba(0, 0, 0, 0);padding:0px;position:absolute;top:00px;left:0px;right:0px;bottom:0px}
.home-page .slide-overlay h1,
.home-page .slide-overlay h2,
.home-page .slide-overlay h3,
.home-page .slide-overlay h4
 { 

    padding-bottom: 0px; 

    text-shadow:
        0px 0px 5px rgba(0, 0, 0, 0.95),
       -1px -1px 0 rgba(0, 0, 0, 0.75),  
        1px -1px 0 rgba(0, 0, 0, 0.75),
       -1px  1px 0 rgba(0, 0, 0, 0.75),
        1px  1px 0 rgba(0, 0, 0, 0.75); 
 }
.home-page .slide-overlay h3
{ font-size: 20px; padding-bottom: 4px;} 
.home-page .slide-overlay h4
{ font-size: 18px; padding-bottom: 4px;} 
.top-info{text-align:right;margin:5px 15px;}
.top-info a{
    text-align: right;
    font-size: 18px;
    line-height:1.1;
}
.top-info .mdl-tabs__tab{text-align:center;margin-left:1px;background-color:transparent;color:#464646;}
.top-info .mdl-tabs__tab .icon{opacity:0.6}
.top-info .top-menu-sepatator{height:20px;margin-top:13px;}

@media (min-width: 2500px) and (min-height: 1550px) {
    .home-page .slide-overlay h1 { font-size: 72px; }
    .home-page .slide-overlay h2 { font-size: 62px; }
    .home-page .slide-overlay h3 { font-size: 52px; }
    .home-page .slide-overlay h4 { font-size: 42px; }
}


.home-page .slick-slide{position:relative;}
.home-page .slick-dots{bottom:0px;}
.home-page .slick-dots button:before{   
    background-color:#008bce;
    box-shadow: 0px 0px 0px 3px #FFF;
    -webkit-border-radius:50%;
    border-radius: 50%;
    padding: 0px;
    width:10px;
    height:10px;
    content: "";
}

/* slider overlay elements */
.slide-title, .slide-subtitle,.slide-subtitle2{
    transition: all 0.5s ease;
    background-color:#FFF;padding:10px;color:#333;display:inline-block;margin:0px;
    font-size:90%;
    white-space:nowrap;
}
.slide-title-box{
    margin-left:10%;
    margin-top:15vh;
}
.slide-title-box div >*{
    box-shadow:0px 0px 4px 2px rgba(255, 255, 255, 0.1);
}
.slide-subtitle{background-color:#003661; color:#FFF;}
.slide-subtitle2{font-size:60%;padding:5px;}
.ani{
    position:absolute;
    max-height:100%;
    top:-2000px;
}
@media (max-width:768px){
    .move-to-section .mdl-button--fab.mdl-button--colored{
        height: 40px;
        min-width: 40px;
        width: 40px;
        margin-right:5px;
    }
    .slide-title-box{
        margin-left:5%;
        margin-top:5%;
        font-size:85%;
    }
}


.contact-us-form{margin:0px auto;max-width:1000px;min-width:300px}
.contact-us-form .block,
.request-quote-form .block{width:100%;}
.contact-us-form .mdl-col,
.request-quote-form .mdl-col{padding-right:10px;}
#contact-us .map{background:center no-repeat;padding:20px;background-clip:content-box;min-width:300px;min-height:300px;}

.mdl-layout__drawer .mdl-navigation .mdl-menu__item .mdl-navigation__link:hover{background-color:transparent;}
.mdl-layout:not(.is-small-screen) .mdl-layout__drawer .mdl-navigation .mdl-navigation__link.mdl-layout--small-screen-only{
    display:none;
}

.app-drawer.mdl-layout__drawer{background-color:#fff; border-right: 1px solid #888; border-top: none;}
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover{background-color:#FAEFE1}
.app-drawer .mdl-navigation .mdl-navigation__link {
    color: #000;
}
/*.mdl-layout__drawer .mdl-navigation .mdl-navigation__link.is-active{color:#f7931a;}*/



.mdl-layout__drawer .mdl-navigation .mdl-navigation__link.active:before,
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link.is-active:before{position:absolute;content:"\25b8 ";margin-left:-60px;top:3px;font-size: 27px;vertical-align: top;}
.mdl-layout__drawer .mdl-navigation .lang-menu .mdl-navigation__link.active:before{content:"\2022";margin-left:-15px;}

/*
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link.active { border-left: 4px solid #291500; }
*/

/* a{text-decoration: none; color:#109aed} */
a{text-decoration: none; color:#066098}
a:hover{color:#109aed;}
.pull-right{float: right; text-align: right;}
.center{text-align:center}
.left-text{text-align:left;}
.back-button{float:left;margin-left:-13px;padding-left:4px;}
.center-box-container{text-align: center; padding:10px;}
.center-box-container .center-box{margin: 25px; display: inline-block;vertical-align: bottom;}
.center-box-container .center-box img{max-width: 100%}

.modal-dialog-back{position: absolute;z-index: 100; left: 0px; right: 0px; top: 0px; bottom: 0px; width: 100%; height: 100%; opacity: 0.5; display: none; background-color: #000}

h1, h2, h3, h4, h5, h6 {
    /* padding-top:0px; */
    line-height: 1;
}

h2 {
    padding-bottom: 10px;
    margin-bottom: 10px;
    margin-top: 0px;
    
}

h1{font-size: 2rem;}
h2{font-size: 1.5rem;}
h3{font-size: 1.4rem;}
h4{font-size: 1.25rem;}
h5,h6{font-size: 0.8125rem;}
img{max-width: 100%}
p{font-size:1rem}
.faq li{font-weight:bold;}
ul, ol{font-size:1rem}


/*-- index page ---*/
.scroll-to{cursor: pointer;}
#videocontainer{
    width:100%;height:550px;overflow:hidden;display:block;position:relative;
    background: url(/images/home-banner.jpg) center no-repeat;
    background-size: cover;
}
#intro-video{
    position: absolute; top: 50%; left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform : translate(-50%, -50%);
    -moz-transform : translate(-50%, -50%);
    -o-transform : translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
}

@media all and (max-height: 700px) {
    #videocontainer{
        height: 350px;
        background-size: cover;
        width: auto;
    }
}


/*-- index page end---*/


/*.accordion {}*/
.accordion .head{position: relative; cursor:pointer; padding: 18px; font-weight: 500; font-size: 16px; background-color: #EEE; border-top:1px solid #DDD; border-bottom:1px solid #DDD; border-bottom-width: 0px;}
.accordion .head:last-child{border-bottom-width: 1px;}
.accordion .content{padding: 20px;background-color: #EEE;display: none}
.accordion .head.active{cursor: inherit; background-color:#FFF; border-left-color: #FFF;border-right-color: #FFF;border-bottom-color: #FFF;}
.accordion .content.active{background-color: #FFF;}
.accordion .head:after{opacity: 1; right:1rem; content: "keyboard_arrow_down"}
.accordion .head.active:after{opacity: 0;}

.contact-page .contents {
    padding-bottom: 32px;
}



.et-pb-icon{
    font-family: 'ETmodules';
    content: attr(data-icon);
    /*speak: none;*/
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-size: 96px;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #2584c6;
}

.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

.banner-bottom {
    width:100%;
    height:550px;
    border:0px solid red;
    position:absolute;
    top: 0px;
    z-index: 1;
}

@media (min-width: 901px){
    .user-area .mdl-layout--fixed-drawer>.mdl-layout__drawer {-webkit-transform: translateX(0);transform: translateX(0);border: 0px;box-shadow: none;
    }
    .user-area .mdl-layout--fixed-drawer>header{background-image: none}
    .user-area .mdl-layout--fixed-drawer>.mdl-layout__drawer .mdl-layout-title{background: #73aed3;}
    .user-area .mdl-layout--fixed-drawer>.mdl-layout__content {margin-left: 240px;}
    .user-area .mdl-layout--fixed-drawer>.mdl-layout__header {margin-left: 240px;width: calc(100% - 240px);}
    .user-area .mdl-layout__header-row .mdl-layout-title{display: none}
    .page-scrolled .event-top-menu{top:111px;}
}
@media (max-width: 900px){
    .event-top-menu{top:89px;}
    .mdl-layout__header-row{padding:5px 55px 5px 10px;height:56px;}
    .dialog{width: 100%; margin: 15px auto; padding: 0px 15px;}
    .mdl-layout__content .dialog{box-shadow: none;}
    .info-dialog{left: 0px; top: 50%; width: 100%; margin-left: 0px; margin-top: -100px; max-width: 100%;}

    #videocontainer{
        height: 350px;
        background-size: cover;
        width: auto;
    }

    .banner-bottom{
        height: 350px;
    }
}




@media all and (max-height: 700px) {
    .banner-bottom{
        height: 350px;
    }
}
.top-menu{text-transform:uppercase;}
.top-menu a{color:#535355;}
.top-menu .img{width:130px}
@media (min-width:768px) and (max-width:1600px) {
    .home-page .slick-holder{height:70vh;}
}
@media (max-width:767px){
    .home-page .slick-holder{height:100vh; height: calc(100vh - 56px);}
}

@media (max-width: 768px) {
    #contact-us .map{
        min-width:250px;
        max-width:100%;
        padding:0px;
    }
}


.banner {
    background: #eaebed no-repeat url(/images/aspectron_leather-bg.jpg) center;
    background-size: cover;
    min-height: 400px;
    /*border-top:32px solid #003661;*/
    border-bottom:1px solid #DDD;
    padding:10px;
    position:relative;
}
.banner:before{
    content: "";
    position:absolute;
    top:0px;left:0px;right:0px;bottom:0px;
    background: no-repeat url(/images/aspectron_leather-logo.png) center;
    background-size:70%;
}
.right-icons{position:absolute;right:20px;bottom:10px;}
.right-icons img{width:20px;}
.home-content-box{
    background-color: rgba(255, 255, 255, 0.85);
    padding: 20px;
    margin:0px 50px;
    color:#003661;
}

.home-content-box h2{margin-bottom:0px;
    /* color:#109aed; */
}

.project {
    max-width: 830px;
    border-left: #666;
    border-right: #333;
    margin: auto auto;
} 

.project,
.project:hover{color:#585e62;
    /* cursor:pointer; */
}
.section-title{
    font-size: 1.4rem;
    font-weight: normal;
    color: #005798;
    padding:25px 5px 25px;
    display: block;
    margin-bottom: 0px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal; 
    color: #005798;
    padding: 10px 5px 5px 0px;
    /* padding: 25px 5px 5px 0px; */
    display: block;
}
h1{font-size: 1.6rem;}
h2{font-size: 1.4rem;}
h3{font-size: 1.2rem;}
h4{font-size: 1rem;}
h5{font-size: 0.8rem;}
h6{font-size: 0.7rem;}


.project .project-cat{font-size: 30px; color: #003661;}
.project .project-title {
    font-size: 22px; color: #005798;
    padding:25px 0px 5px; display: block;
}

.project-title .caption {
    display: inline-block;
    min-width: 120px;
}
.project .project-sub-title{padding: 10px; font-size: 15px; color: #999;}

.gitlink {width:48px;height:48px;margin-bottom:0px;margin-left:16px;margin-right:8px;}
.project-link {
    min-width: 250px;
    min-height: 210px;
    padding: 16px;
    margin: 25px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
}

.project-items{
    text-align: center;
    padding-left:10px;
    padding-right:10px;
}

.project-image {
    height: 160px;
    border: 1px;
}

.project-image img {
    max-width: 160px;
    max-height: 120px;
}

.project-descr {
    font-size: 12px;
}


.banner-tl {
    top:32px;
    left:32px; 
}

.banner-tr {
    top:32px;
    right:32px; 
}

.banner-tl-low {
    top:90px;
    left:32px; 
}

.banner-tc {
    top:48px;
    margin: 0 10% 0 10%;
}


.banner-br {
    bottom:90px;
    right:32px; 
}


.banner-bl {
    bottom:48px;
    left:32px; 
    max-width: 60%;
}


.banner-bl-high {
    bottom:90px;
    left:64px; 
    max-width: 60%;
}

.banner-bc {
    bottom:48px;
    display:flex;justify-content:center;align-items:flex-end;
    margin: 0 10% 0 10%;
}

.banner-dark {
    background-color: rgba(0,0,0,0.8);
}

.banner-low-height {
    height: 24px;
    padding: 4px;
}

.banner-low-height h4 {
    height: 16px;
    padding: 2px;
    margin: 2px;
}

    .banner-wedding-title {
         top: auto;
        bottom: 132px; 
    }

@media (max-width: 768px) {
    .top-menu{font-size:8px;}
    .top-menu .img{width:80px}
    .home-content-box{margin:0px 15px;padding:0px;}
    .banner-br {
        bottom: 124px;
    }

}


.first .mdl-button {
    bottom: 72px;
}

@media (max-width: 768px) {
    .first .mdl-button {
        bottom: 72px;
        right: 44px;
    }
}

.news-item{
    /* margin-top: 32px;  */
    margin-bottom: 16px; 
    max-width: 820px;}
.news-item .date{margin-left:20px;margin-right: 24px;font-family:"Exo 2";}
.news-item .content{margin-right:20px;}
/* .news-item .content b { font-family: "Exo 2";} */
/* .news-item .content a { font-family: "Exo 2"; font-style: small-caps;} */
.news-item img:not(.no-default) { width: 640px; margin-top:16px; }
.news-item .outline img { border: 1px solid #ccc; }
.news-item.hide-images img{display:none;}
.news-item-title{margin-top:0px;padding-top:0px;}
.news-read-more{margin:30px 0px 0px 123px}

@media(max-width:900px){
    .news-item .date{margin-left:0px;margin-right:0px;margin-bottom:5px;}
    .news-item .content{margin-right:0px;}
    .news-item img{display:block;margin-right:auto;margin-left:auto;}
}

.contact-form,.quote-form{
    max-width: 500px;
    margin:0px auto;
}

#contact-us a {
     color: #005798;
     text-decoration: none;
} 
.mdl-tabs__tab-bar{border-bottom:0px}


/* flex classes */

.v-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
          flex-direction: column;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
}

.v-box.center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
          justify-content: center;
}

.v-box.center.center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
          align-items: center;
}

.v-box.space-around {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
          justify-content: space-around;
}

.v-box.flex-start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
          justify-content: flex-start;
}

.v-box.flex-end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
          justify-content: flex-end;
}

.v-box.space-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
          justify-content: space-between;
}

.v-box.wrap {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.h-box,.h-box-mobile-wrap{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
          flex-direction: row;

  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
}
@media (max-width:900px){
    .h-box-mobile-wrap{
        display:block;
    }
    .h-box-mobile-wrap>.has-min-width{
        min-width:0px;
    }
}

.h-box.pack-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
          justify-content: center;
}

.h-box.center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
          align-items: center;
}
.h-box.stretch {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  -ms-grid-row-align: stretch;
          align-items: stretch;
}

.h-box.space-around {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
          justify-content: space-around;
}

.h-box.flex-start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
          justify-content: flex-start;
}

.h-box.flex-end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
          justify-content: flex-end;
}

.h-box.space-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
          justify-content: space-between;
}

.h-box.wrap {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.flex, .flex-1, .flex-2, .flex-3, .flex-4, .flex-5, .flex-6, .flex-7, .flex-8, .flex-9, .flex-10 {
  -webkit-flex-basis: .000000001px;
  -ms-flex-preferred-size: .000000001px;
          flex-basis: .000000001px;
}

.flex-1, .flex {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
          flex-shrink: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.flex-2 {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
          flex-shrink: 1;
  -webkit-box-flex: 2;
  -webkit-flex: 2;
      -ms-flex: 2;
          flex: 2;
}

.flex-3 {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
          flex-shrink: 1;
  -webkit-box-flex: 3;
  -webkit-flex: 3;
      -ms-flex: 3;
          flex: 3;
}

.flex-4 {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
          flex-shrink: 1;
  -webkit-box-flex: 4;
  -webkit-flex: 4;
      -ms-flex: 4;
          flex: 4;
}

.flex-5 {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
          flex-shrink: 1;
  -webkit-box-flex: 5;
  -webkit-flex: 5;
      -ms-flex: 5;
          flex: 5;
}

.flex-6 {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
          flex-shrink: 1;
  -webkit-box-flex: 6;
  -webkit-flex: 6;
      -ms-flex: 6;
          flex: 6;
}

.flex-7 {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
          flex-shrink: 1;
  -webkit-box-flex: 7;
  -webkit-flex: 7;
      -ms-flex: 7;
          flex: 7;
}

.flex-8 {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
          flex-shrink: 1;
  -webkit-box-flex: 8;
  -webkit-flex: 8;
      -ms-flex: 8;
          flex: 8;
}

.flex-9 {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
          flex-shrink: 1;
  -webkit-box-flex: 9;
  -webkit-flex: 9;
      -ms-flex: 9;
          flex: 9;
}

.flex-10 {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
          flex-shrink: 1;
  -webkit-box-flex: 10;
  -webkit-flex: 10;
      -ms-flex: 10;
          flex: 10;
}

/* three-column-boxes */
.three-column-boxes-outer{margin:0px -5px;}
.three-column-boxes{

    /* flex-box */
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
      -ms-flex-direction: row;

    /* wrap */
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    /* center*/
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;

    /* stretch */
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    -ms-grid-row-align: stretch;
    align-items: stretch;

    max-width: 930px;
    margin:0px auto;
}

.three-column-box-holder{
    position:relative;
    box-sizing:border-box;
    min-width:310px;
    max-width:310px;
}
.three-column-box{
    position:relative;
    box-sizing:border-box;
    min-width:300px;
    max-width:300px;
    margin:10px 5px;
    background-color: #FFF;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    padding: 15px;
    /* border:1px solid #666; */
}
.three-column-box-holder .three-column-box{
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    min-width:10px;
    max-width:none;
}
.three-column-box-holder .three-column-box.proxy{
    z-index:-1;
    visibility:hidden;
    position:relative;
}
.three-column-box .title{
    margin-top:10px;margin-bottom:5px;font-weight:500;
    text-align: center;
}
.three-column-box .img:hover{
    transform: scale(1.05);
}
.three-column-box .img{
    height:160px;
    background:center no-repeat;
    background-size:cover;
    margin:16px;
    transition: all .2s ease-in-out;
}
.three-column-boxes.img-bg-contain .img{background-size:contain;}
.three-column-box ul {
    font-size: 14px;
    line-height: 20px;
    padding-left: 28px;
    margin: 0px;
}
.three-column-boxes.animated .three-column-box:not(.proxy){transition:all 0.2s ease;overflow:hidden;box-sizing:border-box;}
.three-column-box ul{padding-left:18px;margin-bottom:0px;}
.three-column-box.proxy .descr{display:none}
.three-column-box .description{
    height:auto;max-width:100%;overflow:hidden; font-weight: normal; 
    font-family: "Segoe UI Regular";
    /* font-family: "Open Sans"; */
    /* font-family: "Exo 2"; */
    font-size: 14px;
    text-align: center;
}
.three-column-box .descr{opacity:0;visibility:hidden;transition:opacity 1.2s;transition-delay:0.29s;text-align:left;box-sizing:border-box;padding-bottom:10px;}

.touch .three-column-boxes.mobile-buttons .three-column-box{padding:0px;margin:5px;cursor:pointer;}
.touch .three-column-boxes.mobile-buttons .three-column-box .title{position:absolute;bottom:0px;right:0px;left:0px;background:rgba(0,0,0,.5);padding:10px;color:#FFF;}
.touch .three-column-boxes.mobile-buttons .three-column-box .description{display:none;}
@media (max-width:768px){
    .three-column-boxes.full-width{margin-left:-20px;margin-right:-20px;}
    .three-column-boxes.mobile-buttons .three-column-box{padding:0px;margin:5px;cursor:pointer;}
    .three-column-boxes.mobile-buttons .three-column-box .title{position:absolute;bottom:0px;right:0px;left:0px;background:rgba(0,0,0,.5);padding:10px;color:#FFF;}
    .three-column-boxes.mobile-buttons .three-column-box .description{display:none;}
}

@media (max-width: 479px){


    .three-column-boxes:not(.no-tiny){
        padding:0px 0px;
    }
    .three-column-box-holder{
        width:50%;
        min-width:50%;
        max-width:50%;
    }
    .three-column-boxes:not(.no-tiny) .three-column-box{
        width:48%;
        min-width:48%;
        max-width:48%;
        min-width: calc(50% - 2px);
        max-width: calc(50% - 2px);
    }
    .three-column-box-holder .three-column-box{
        width:initial;
        min-width:10px;
        max-width:none;
    }
    .three-column-boxes:not(.no-tiny) .three-column-box{padding:0px;}
    .three-column-boxes:not(.no-tiny) .three-column-box .description,
    .three-column-boxes:not(.no-tiny) .three-column-box .title{padding-left:10px;padding-right:10px;padding-bottom:10px;}
    .three-column-boxes:not(.no-tiny) .three-column-box,
    .touch .three-column-boxes.mobile-buttons .three-column-box,
    .three-column-boxes.mobile-buttons .three-column-box{margin:1px;}

}
/* ** */

#home .slide-1{background-image:url(/images/photos/hd/drone-02.jpg);}
#home .slide-2{background-image:url(/images/photos/hd/staff-01.jpg);}

@media (min-width:2048px){
    #home .slide-1{background-image:url(/images/photos/uhd/drone-02.jpg);}
    #home .slide-2{background-image:url(/images/photos/uhd/staff-01.jpg);}
}

@media (max-width:1280px){
    #home .slide-1{background-image:url(/images/photos/sd/drone-02.jpg);}
    #home .slide-2{background-image:url(/images/photos/sd/staff-01.jpg);}
}

#services .descr {
    padding-top: 16px;
    font-size: 14px;
}


.location-panels,
.location-slides{justify-content:center;-webkit-justify-content:center;max-width:1210px;}
.location-panels>div,
.location-slides>div{min-width:250px;max-width:none;-webkit-flex:1 1 auto;flex:1 1 auto;width:250px;}
.location-panels .head{text-align:center;padding:20px;}
.location-panels .icon{width:48px;}
.location-panels>div>div>div{text-align:left;}
.location-panels .address-panel .address-details>.address{text-align:left;display: inline-block;}
.location-panels .address-logo{max-width:200px;}
.location-panels .material-icons.icon{width:60px;height:60px;font-size:60px;color: #585e62;}
.hotels .hotel{margin-bottom:5px;display: inline-block;vertical-align: text-top;min-width: 270px;}
.hotels .hotel-info{padding:0px 0px 8px 8px;font-size: 10px;line-height: 1.7;}
.hotel-stars .filled{font-size:11px;display:inline-block;}
.hotel-stars .un-filled{font-size:9px;display:inline-block;}
.event-slides{height:400px;width:100%;width:100%;max-width: 1200px;margin: auto;}
.event-slides .dots{display:none}
.event-slides .slide{background-size:cover;}
.event-slides .slide h1{background-color:rgba(0,0,0,0.4);margin:0px;padding:10px;}
.event-banner-holder{position:relative;padding:32px 0px;background-color: #4d4d4d;}
.event-banner-text{
    padding: 16px 32px;
    background-color: rgba(0,0,0,0.75);
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.95), -1px -1px 0 rgba(0, 0, 0, 0.75), 1px -1px 0 rgba(0, 0, 0, 0.75), -1px 1px 0 rgba(0, 0, 0, 0.75), 1px 1px 0 rgba(0, 0, 0, 0.75);
    width:70%;left:15%;position:absolute;bottom:32px;color: #FFF;
    box-sizing: border-box;
}
.event-banner-text h1{margin:0px;padding-bottom: 4px;font-size: 2em;}
.event-banner-text .line-3{font-size: 1.0em;color: #FCE979;margin-top:5px;}
.event-banner{background:no-repeat center;background-size: cover;min-height: 445px;}
.event-sponsors{text-align:center;margin:0px 20px;}
.event-sponsors .sponsor{display:inline-block;width:175px;margin: 5px 13px;overflow:visible;}
.event-sponsors .sponsor-academic { width: 225px; }
.event-sponsors .sponsor-platinum { width: 225px; }
.event-sponsors .sponsor-gold { width: 205px; }
.event-sponsors .sponsor-local { width: 205px; }
.event-sponsors .sponsor-silver { width: 190px; }
.event-sponsors .sponsor img{width:100%;transition:transform .25s ease;display:block;}
.event-sponsors :hover img{transform: scale(1.1) translateZ(0);}
.social-links {height:100%}
.social-links .social-link{display:inline-block;cursor:pointer;}
.social-links .social-link img{max-height:48px; margin-left:16px; opacity: 0.75;transition:all 0.2s ease;}
.social-links .social-link img:hover{opacity: 1.0;transform:scale(1.1) translateZ(0);}
.social-links .social-link .description{display:none;}
.social-page .social-links .social-link{margin:5px 0px;}
.social-page section .social-links .social-link img{max-height:60px;margin-left:5px}
.social-page section .social-links {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
          justify-content: center;
}

.home-top-menu .mdl-tabs__tab-bar{height:54px;}
.home-top-menu .mdl-tabs__tab,
.home-top-menu .mdl-tabs__tab-clone{width:auto;min-width:45px;padding-right:5px;padding-left:5px;box-sizing:border-box;text-align:center;}
.remote-participation .heading,
.remote-participation .time{margin-top:32px;}
header .top-navigation-container .top-menu-sepatator{background-color:transparent;}
.top-menu-sepatator:last-child{display:none;}
/*
.event-list{}
.event-list .event-group-heading{border:1px solid #e0e0e0;padding:15px;}
.event-list .event-date{color:#e0e0e0;font-family:'Playfair Display', Arial, Helvetica, sans-serif;font-size: 100px;line-height: 110px;font-weight: bold;letter-spacing: -0.5px;}
.event-list .event-month{color:#a0a0a0;font-size: 14px;line-height: 20px;}
.event-list .event-day{color:#2d2d2d;font-size: 18px;line-height: 26px;letter-spacing: 2px;}
.event-list .event-month-day{text-align:left;}
.event-list .event-month-day a{display:block;}
.event-list .event-address-logo{text-align:center;}
.event-list .address-logo{max-width:60%;margin-bottom:20px;}
.event-list .event-location{font-size:0.875rem}
*/
.event-card{
    max-width: 600px;
    max-height: 260px;
    margin-bottom: 64px;
    width:100%;
    border-radius:0px;
}
.event-card .mdl-card--expand{
    min-height:260px;
    background: center no-repeat;
    background-size:cover;
    padding:0px;
}
.event-card .mdl-card__title-text{
    color:#FFF;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.95), -1px -1px 0 rgba(0, 0, 0, 0.75), 1px -1px 0 rgba(0, 0, 0, 0.75), -1px 1px 0 rgba(0, 0, 0, 0.75), 1px 1px 0 rgba(0, 0, 0, 0.75);
    width: 100%;
    background-color: rgba(0,0,0,0.75);
    padding: 15px;
    display:block;
}
.event-card .address-logo{
    max-height:50px;margin-bottom:0px;position:absolute;
    top: 25px;right: 25px;outline: rgba(0,0,0, 0.5) solid 10px;
    background-color:#FFF;
}
.event-card .mdl-card__supporting-text{width:100%;box-sizing:border-box;}
.mdl-layout__drawer .mdl-layout-spacer{height: 1px;border-bottom: 1px solid rgba(247, 147, 26, 0.42);}
.iris-media-title{background-color:#4d4d4d}

.presentations .mdl-tabs__tab-bar{border-bottom:0px;}
.presentations .mdl-tabs__tab,
.transcripts .mdl-tabs__tab{text-transform:none;}
.transcripts .img{width:20px;display:inline-block; margin-right:10px;}
.transcripts .img a{display:inline-block;}
.transcripts img.icon{width:20px;opacity: 0.7;}
.transcripts .img a:hover .icon{opacity:1;}


.presentations .author,
.presentations .item-id{
    font-size: 12px;
}
.presentations .item-id{
    position:absolute;
    right:5px;
    bottom:0px;
}

.presentation-card{
    min-width: 290px;
    max-width:600px;
    margin: 20px 10px;
    width: 40%;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    background:center no-repeat;
    background-size:cover;
    position:relative;
    cursor:pointer;
}
.hover-scale{transform-origin:center;transition:all 0.2s ease;}
.hover-scale:hover{transform:scale(1.2) translateZ(0);}
.presentation-card .play-icon{font-size:60px;position:absolute;left:50%;top:50%;margin:-30px 0px 0px -30px;opacity:0.8;}
.presentation-card .mdl-card__title{height:200px;padding:0px;margin:20px 20px 0px;}
.presentation-card .mdl-card__supporting-text{
    background-color:rgba(0,0,0,0.75);
    color:#FFF;
    width:auto;
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.95), -1px -1px 0 rgba(0, 0, 0, 0.75), 1px -1px 0 rgba(0, 0, 0, 0.75), -1px 1px 0 rgba(0, 0, 0, 0.75), 1px 1px 0 rgba(0, 0, 0, 0.75);
}
.presentation-card .mdl-card__menu .mdl-button{background-color:rgba(0,0,0,0.5);color:#FFF;}
.presentation-card .content:hover .play-icon{transform:scale(1.2) translateZ(0);}
.presentation-card .attachment-icon{width:24px;}
.presentation-card .mdl-card__menu .mdl-button{width:40px;height:40px;line-height:38px;}
@media (max-width:489px){
    .presentation-card{min-width:250px;margin-left:24px;margin-right:24px;}
    .presentation-card .mdl-card__title{margin:10px 10px 0px;}
}

.term-boxes .term {display:block;margin:0px 5px 30px;/*vertical-align:text-top;*/}
.term-boxes .lang{display:inline-block;min-width:22px;font-weight:bold;text-align: left;padding-right:5px;font-size:10px;line-height:20px;white-space:nowrap;}
.term-boxes .descr-text{padding:5px 10px 5px;}
.term-boxes .heading{padding:0px 10px 5px; font-weight: bold;}


@media (max-width:767px){
    .presentation .author-info h4{max-width:none;}
    .presentation .author-box .img{max-width:200px;margin:0px auto 0px;}
    .presentation .image-box{width:100%;margin-left:0px;margin-top:15px;}
    .event-card .mdl-card__title-text{font-size:18px;}
    .mdl-layout__header-row .social-links:not(.ss-only){display:none;}
}
@media (min-width:768px){
    .mdl-layout__header-row .ss-only{display:none;}
}
@media (min-width:480px){
    .phone-only{display:none !important;}
    .location-panels.mdl-grid{margin-left:-16px;margin-right:-16px}
}

@media (max-width:479px){
    .hide-on-phone{display:none !important;}
    .event-banner-text{width:96%;left:2%;padding:15px;}
    .event-sponsors .sponsor{width:140px}
    .event-sponsors{margin:0px 10px;}
    main>section, main>.section{padding:15px;}
    main>section.no-padding-phone, main>.section.no-padding-phone{
        padding:0px;
    }
    main>section>.mdl-grid, main>.section>.mdl-grid{padding:8px 0px;}
    main>section>.mdl-grid>.mdl-cell, main>.section>.mdl-grid>.mdl-cell{margin-right:0px;margin-left:0px}
}

.mdl-layout--fixed-drawer>.mdl-layout__header{
    margin-left:0px !important;
    width:100% !important;
}

@media (max-width:1024px){
    .ls-only{display:none !important;}
    .social-links .social-link img{max-height:40px;}
    .mdl-layout__drawer .mdl-navigation .mdl-navigation__link{padding-left:40px;}
    .mdl-layout__header-row{padding-right:65px;}
    .event-list .event-date-box{display:block;text-align:center;}
    .event-list .event-month-day,
    .event-list .event-title,
    .event-list .event-location{text-align:center;}
}
@media (min-width:1025px){
    .small-screen-only{display:none;}
}

@media screen and (min-width: 1025px){
    .mdl-layout--fixed-drawer>.mdl-layout__header{
        z-index:10;
    }
    .mdl-layout__drawer{transition-delay:0.1s;}
    .mdl-layout__drawer .mdl-layout-title{height:55px;}
    .mdl-layout__drawer{
        border-width:0px;
        box-shadow:none;
        background-color:transparent;
    }
}

@media print{
    .mdl-layout__drawer,.no-print{display:none !important}
    .mdl-layout--fixed-drawer>.mdl-layout__content{margin-left:0px;}
}
.print-mode .mdl-layout__drawer,
.print-mode .mdl-layout__header{display:none}
.print-mode .mdl-layout--fixed-drawer>.mdl-layout__content{margin-left:0px;}
.print-logo{height:35px;margin:10px 20px;}
.print-mode .mdl-layout__container{position:relative;width:initial;height:initial;}
.print-mode .mdl-layout__container>.mdl-layout{display:block !important;height:auto;}
.print-mode .mdl-layout__container>.mdl-layout>main{display:block !important;}
.print-mode .mdl-layout__container>.mdl-layout>main>section{padding:10px;}
.print-mode .mdl-layout__container>.mdl-layout>main>section>h1{margin:0px;padding-top:0px;}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link{padding:5px 0px 5px 60px;position: relative;}
.expandable-submenus ul{margin:0px 0px 0px 22px;padding:0px;list-style:none}

.event-list .event-title {
    font-size: 16px;
}


#home-section {
    margin-top: -24px;
}

.desktop {
    display: inline;
}

@media (max-width:1024px){
    #home-section {
        margin-top: 0px;
    }
   
}
@media (max-width:768px){
    .desktop {
        display: none;
    }   
}

.home-section-banner {
    margin-top: -24px;
    margin-bottom: 24px;
    font-size: 14px;
}

section a h1, section a:hover h1 {
    color: rgba(0, 0, 0, 0.870588);
    cursor: default;
}

.mdl-navigation__link .icon, .mdl-tabs__tab .icon, .mdl-tabs__tab-clone .icon { opacity: 0.95; }


.large-panel{
    box-sizing:border-box;
    width:65%;
    min-height:300px;
    margin:10px auto;
    background-color: #FFF;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    padding: 15px;
}

@media screen and (max-width:768px) {
    .large-panel{
        width:100%;
    }
}

code{
    background: #fafafa;
    padding: 0px 4px;
    border-radius: 2px;
    /* border: 1px solid #c9c9c9; */
    border: 1px solid #e0e0e0;
    white-space: pre;
    display: inline-block;
    line-height:1.2;
    font-family: "Consolas", "Roboto Mono", monospace;
    font-size: 1rem;
}
pre>code{
    padding:10px;
    display: block;
}
.markdown-test-container{
    margin:0px 20px;
}
.markdown-test-container h5{
    margin:0px;
}
.markdown-test-container>code{
    padding:8px;
}


.inline-image {
    width: 128px; height: auto;
    display: block; float: left;
    margin: 16px;
}
.error-page{
    color:#003661;
    margin: 16px auto;
    max-width: 600px;
    text-align: center;
}

.error-page h1{
    font-size:2rem;
    margin: 0;
    padding-top: 0px;
    padding-bottom: 16px;
    font-family: "Exo 2";
}
.is-small-screen .error-page h1{
    font-size: 4rem;
}

.sponsorship p {
    font-size: 0.9rem;
    color: #585e62;
}
.sponsorship center, .sponsorship center a {
    font-size: 1rem;
    /* color: #585e62; */
}

row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

row > a {
    display: flex;
}

badge {
    width: 192px;
    height: 192px;
    margin:10px 16px;
    background-color: #FFF;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    padding: 15px;   
    color: #585e62;
    transition: all .2s ease-in-out;
}

badge.menu {
    width: 128px;
    height: 128px;
    text-align: center;
    border:none;
    box-shadow:none;
    transform: scale(1.0);
    color:#003661;
    transition: all .2s ease-in-out;
}

badge:hover {
    /* background-color: #f5fdfc; */
    transform: scale(1.1);
}

badge p {
    font-size: 0.9rem;
}

badge img {
    margin-bottom: 10px;
}

/* badge img {

} */

panel {
    display: block;
    background-color: #FFF;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    margin:16px 16px;
    padding: 16px 32px;   
}
.donations badge{
    text-align: center;
}

badges {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    float:right;
    justify-content: right;
    font-size: 0.9rem;
}

badges > a {
    display: flex;
}
badges img {
    width: 48px;
    height: auto;
    padding-left: 10px;
}

badges > .logo {
    margin-left:16px;
}

badges > img.large {
    width: 96px;
    color: #84b5cb;
}

.logo {
    justify-content: right;
}

.logo > img {
    height: 96px;
    width: auto;
    padding-left: 10px;
}

ul {
    padding-inline-start: 26px;
}
@media (max-width: 479px){

    ul {
        padding-inline-start: 20px;
    }

}

.about-us {
    padding: 0px 10%;
}
@media (max-width: 390px){
    .about-us {
        padding: 0px 1rem;
    }
}
.news-read-more > a {
    font-size: 1.2rem;
}

nav li {
    padding-bottom: 0px;
}

/* li {
    padding-bottom: 8px;
} */

/* .hljs {
    background: #fafafa;
} */

suffix {
    color: #4b0000;
    /* vertical-align: super; */
    /* padding-top: -8px; */
    transform: translate(0px, -0.3rem);
    font-weight: bold;
    opacity: 0.5;
    font-size: 0.8rem;
    text-transform: uppercase;
    display: inline-block;
    margin-left: 5px;
}

hr {
    border-top: 1px solid #ccc;
    border-bottom: none;
    display:block;
    margin-left:auto;
    margin-right:auto;
}

.margins-20 {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 479px){
    .margins-20 {
        max-width: 90%;
    }
}

.projects-kaizen li {
    padding-bottom: 8px;
}

badges.wasm img {
    height:32px;
    width:auto;
    opacity: 0.9;
}

.projects-kaspa badges.platforms img {
    width: 32px;
    opacity: 0.6;
}

.projects-kaspa hr {
    margin: 48px auto;
    display: block;
    clear: both;
}

.projects-kaspa h1 {
    font-size: 2rem;
}

.footer {
    font-size: 10px; 
    text-align: center; 
    padding: 2em 0em 2em 0em;
    border-bottom: 1px solid #eee;
}

.footer hr {
    width: 90%;
    opacity: 0.5;
    border-bottom: none;
}

.desktop {
    display: block;
}
.mobile {
    display: none;
}
@media (max-width: 479px){
    .desktop {
        display: none;
    }
    .mobile {
        display: block;
    }
}

.kdx-screenshot {
    width: 260px;
    float:right;
    margin-left: 32px;
    /* border: 1px solid #eee; */
}

.pwa-screenshot {
    width: 160px;
    float: right;
    border: 1px solid #ccc;
    margin-left: 32px;
}

.kng-screenshot {
    width: 260px;
    float:right;
    margin-left: 32px;
    border: 1px solid #eee;
}

@media (max-width: 475px){

    .kdx-screenshot {
        width: 85%;
        float:none;
        display:block;
        margin: 1rem auto;
        /* margin-left: 32px; */
        /* border: 1px solid #eee; */
    }

    .pwa-screenshot {
        width: 160px;
        float: none;
        display:block;
        margin: 1rem auto;
        border: 1px solid #ccc;
        /* margin-left: 32px; */
    }

    .kng-screenshot {
        width: 85%;
        float:none;
        display:block;
        margin: 1rem auto;
        /* margin-left: 32px; */
        border: 1px solid #eee;
    }

    .projects-kaspa badges.platforms img {
        width: 20px;
    }
}