/* Basic rules */

html,body{font-family: 'Open Sans', sans-serif, arial, verdana;font-size: 14px; line-height: 23px;font-weight: 400; color:#666;background-color: #fff;overflow-x: hidden;}

input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px transparent inset;}

::-webkit-input-placeholder {color: #fff;}
:-moz-placeholder {color: #fff;opacity: 1;}
::-moz-placeholder {color: #fff;opacity: 1;}
:-ms-input-placeholder {color: #fff;}
:placeholder-shown {color: #fff;}

::selection {background: #b3d4fc;text-shadow: none;}

h1, h2, h3, h4, h5, h6 {color: #262626;line-height: 1.1;}
h1{margin:0 0 20px 0;font-size: 36px;font-weight: 700;}
h2{margin:0 0 20px 0;font-size: 40px;text-transform: uppercase;}
h3{margin: 0 0 20px 0;font-size: 26px;font-weight: 700;}
h4{font-size: 18px;letter-spacing: 1px;margin:10px 0;}

a,
a:hover,
a:focus{color: #c91214;text-decoration: none;}
a:focus{outline: none;}

.back-top{z-index: 10000;display: block;position: fixed;bottom: 30px;right: 30px;opacity: 0;transition: all 0.3s;background-color: #448aff;color: #fff;border-radius: 50%;box-shadow: 0 1px 1.5px 0 rgba(0,0,0,.12),0 1px 1px 0 rgba(0,0,0,.24);width: 56px;height: 56px;}
.back-top span{color: #fff;font-size: 16px;position: absolute;left: 50%;top: 50%;transform: translate(-7px,-12px);line-height: 24px;width: 15px;}
.back-top-show{opacity: 1;transition: all 0.3s;}

section{position: relative;}
a.anchor{position: absolute;left: 0px;top: -40px;}

/* Layout */

.wrapper{max-width: 1170px;margin: 0 auto;}

.section-padding{padding:40px 0;}
.no-padding{padding: 0;}

.valign {display: table;}
.valign p {display: table-cell;vertical-align: middle;}

footer{padding:20px 0;background-color: #000;}
footer ul{margin: 0;}
footer a{font-size: 10px;text-transform: uppercase;letter-spacing: 1px;color: #fff;}

.panel-heading a{color:#666;}

.modal h2{text-transform: none;font-size: 36px;font-weight: 700;margin-top:15px;margin-bottom: 10px;}
.modal h5{font-weight: 700;}
.modal-close{position: absolute;right: 10px;top: 15px;border: 0;background-color: transparent;font-size: 20px;cursor: pointer;z-index: 1000;}

/* Bootstrap override */

.navbar{margin-bottom: 0;}
.navbar-default{border:0;background-color: #c91214;border-radius: 0;}
.navbar-default .navbar-nav>li>a {color: #fff;font-size: 12px;line-height: 14px;text-transform: uppercase;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {color: #fff;}

.navbar-brand{height: auto;}

.navbar-toggle{background-color: transparent;border: 0;margin: 15px 0 0 0;}
.navbar-default .navbar-toggle .icon-bar{background-color: #fff;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color: transparent;}

/*
.btn{border: 0;text-transform: uppercase;border-radius: 3px;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);}
.btn.active,
.btn:active{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);}
.btn-lg{font-size: 17px;height: auto;padding: 22px 50px;}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active{background-color: rgb(0,150,136) !important;}
*/

.btn{border-radius: 4px;}
.btn-lg {padding: 10px 36px;}
.btn-primary {color: #fff;background-color: #c91214;border-color: #c91214;}
.btn-primary:hover {color: #fff;background-color: #000000;border-color: #000000;}
.btn-primary.active, .btn-primary:active,
.btn-primary.focus, .btn-primary:focus {color: #fff;background-color: #000000;border-color: #000000;}

.nav-tabs{border-bottom: 1px solid #c91214;}
.nav-tabs>li{margin:0 15px 0 0;}
.nav-tabs>li>a{font-size: 16px;border: 0;color: #666;padding-left: 0;padding-right: 0;margin: 0;}
.nav>li>a:focus, .nav>li>a:hover,
.nav-tabs>li>a:hover{border: 0;background-color: transparent;color: #666;}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover{border: 0;background-color: #c91214;color: #fff;padding: 10px;border-radius: 0;}

.panel{background-color: transparent;}
.panel-group .panel{box-shadow: none;border: 0;border-radius: 0;border-bottom: 1px solid #f5f5f5;}
.panel-group .panel+.panel{margin-top: 0;}
.panel-default>.panel-heading{color:#666;background-color: transparent;}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body{padding-top: 0;border-top:0;}

.modal-body{padding: 0 15px 0 0;position: relative;}
.modal-backdrop{background-color: #fff;}
.modal-backdrop.in{filter: alpha(opacity=90);opacity: .9;}
.modal-content{background: #ffffff;box-shadow: 0px 3px 5px rgba(0,0,0,.1);border:0;border-radius: 0;}

@media (min-width: 768px) {
    .navbar-nav>li>a {padding-top: 25px;padding-bottom: 10px;}
}

/* Sections */

/*div.portal section:first-of-type{padding-top:64px;}*/

.welcome{position: relative;}
.welcome img{width: 100%;max-width: 1920px;display: block;margin: 0 auto;}
.welcome-text{position: absolute;top: 70%;left: 0;right: 0;text-align:center;}
.welcome-text h2{margin:0 auto;background-color: #c91214;color: #fff;text-align:center;display: inline-block;padding:15px 20px;}

.counter-text{background-color: #262626;color: #b0b0b0;text-align: right;padding: 10px 20px;}
.counter-text h3{color: #fff;}
.counter-timer{text-transform: uppercase;color: #fff;background-color: #c91214;}
.counter-timer span{font-size: 40px;line-height: 44px;display: block;font-weight: 600;}
.counter-timer li{text-align: center;}

.intro h1{text-align: center;}
.intro-lead{font-size: 21px;font-weight: 100;line-height: 1.5;color: #999;text-align: center;margin-bottom: 20px;}
.intro-icons{margin-top: 40px;}
.intro-icons .glyphicon{font-size: 40px;line-height: 1.1;color: #c91214;}

.video-single{background-color: #fff;}
video {width: 100% !important;height: auto !important;}

.speakers{background-color: #f5f5f5;}
.speaker{background-color: #fff;text-align: center;margin-bottom: 20px;overflow: hidden;}
.speaker h4{font-size: 16px;letter-spacing: 1px;font-weight: 700;}
.speaker h4:after{content: "";display: block;width: 40px;height: 2px;margin: 0 auto;background-color: #c91214;margin-top: 10px;margin-bottom: 5px;}
.speaker p{font-size: 10px;text-transform: uppercase;color:#999;letter-spacing: 2px;line-height: 1.5;padding: 0 5px 10px;height: 45px;}
.speaker-content{height:300px;}

.register{background-color: #f5f5f5;}
.register .content{height: 500px;}
.register .mCSB_container_wrapper{margin-right: 0;}
.register .mCSB_container_wrapper>.mCSB_container{padding-right: 0;}

.program{background-color: #e4e4e4;}
.program-time{font-size: 17px;line-height: 20px;}
.program-tabs-content{margin:20px 0;}
.program-heading{padding-top: 10px;padding-bottom: 10px;background-color: #eaeaea;}
.program-heading:nth-child(2n){background-color: #f5f5f5;}
.program-heading a{display: block;}
.program-heading img{max-width: 60px;border-radius: 50%;margin:0 auto;}
.program-title{height: 60px;}
.program-details{display:none;}

.location.section-padding{padding-bottom: 0;margin-bottom: -6px;}
.location iframe{border:0;width:100%;height:400px;}
.location-wrapper{position:relative;}
.location-overlay{width:100%;min-height:400px;position:absolute; top:0;}

.sponsors div[class*="col"]{padding-left: 35px;padding-right: 35px;}
.sponsors img{margin-bottom:20px;}

.phub-form{max-width: 600px;margin: -60px auto;}
.col-xs-11.col-sm-4.alert{top: 50% !important;left: 0 !important;right: 0 !important;text-align: center;}

.html{background-color: #fff;}

.contact{background-color: #f5f5f5;}

/* Media queries */ 

@media (max-width:767px) {
    .navbar-nav>li>a {padding: 15px 0;}
    .navbar-brand{padding: 15px 0;}
    .navbar-default .navbar-brand,
    .navbar-brand>img{max-width: 190px;}
    
    .speaker h4{height: 47px;overflow: hidden;}
    
    .welcome{margin: 64px 0 0 0;}
    .welcome-text{top: auto;position: relative;}
    
    .modal-speaker-photo img {width: 80%;}
}

@media (min-width:768px) {
    .navbar-default .navbar-nav>li:hover>a:after {content: "";display: block;padding-bottom: 5px;border-bottom: 2px solid #fff;}
}

@media (min-width:768px) and (max-width:991px) {
    .nav>li>a {padding-left: 10px;padding-right: 10px;}
}

@media (max-width:991px) {
    
    h1{font-size: 28px;}
    h2{font-size: 22px;}
    h3{font-size: 20px;}
    
    .section-padding {padding: 20px 0;}

    .counter-text{text-align: center;}
    .counter-timer{padding-top: 5px;padding-bottom: 5px;}
    .counter-timer ul{margin-bottom: 0;}
    .counter-timer span{font-size: 30px;}

    .speaker-content {margin-bottom: 20px;margin-left: 20px;}    
    
    .modal h2 {margin-left: 20px;font-size: 28px;}
    .modal-speaker-photo img{margin: 0 auto;}
    
    /* Activate collapse menu on SM */
    .navbar-header {float: none;}
    .navbar-toggle {display: block;}
    .navbar-collapse {border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
    .navbar-collapse.collapse {display: none!important;}
    .navbar-nav {float: none!important;margin: 7.5px -15px;}
    .navbar-nav>li {float: none;}
    .navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;}
    .navbar-text {float: none;margin: 15px 0;}
    .navbar-collapse.collapse.in { display: block!important;}
    .collapsing {overflow: hidden!important;}    
    
}

@media (min-width:992px) {
    .row-eq-height {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
    .counter-timer span {margin-top: 10px;}
}

@media (max-width:1200px) {
    .wrapper{padding: 0 15px;}
    header .wrapper{padding: 0;}
}

/* Konferencia specifikus CSS */

.intro-important{font-weight: bold;color: #c91214;text-align: center;}
