/* Reset --------------------------------------------------------------------- */
html {
    height: 100%;
}

:focus {
    outline: 0
}

a:focus {
    outline: none
}

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

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: 'bariol_regularregular';
        src: url('../fonts/bariol_regular-webfont.svg') format('svg');
    }
}

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

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: 'bariol_boldbold';
        src: url('../fonts/bariol_bold-webfont.svg') format('svg');
    }
}

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

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: 'bariolregular_italic';
        src: url('../fonts/bariol_regular_italic-webfont.svg') format('svg');
    }
}

/* default -------------------------------------------------- */
body {
    font-family: 'bariol_regularregular', serif;
    font-size: 15px;
}

.container {
    max-width: 960px;
}

a, button {
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

a {
    /*color: #49abd0;*/
    /*color: #575757;*/
    color: #2e5b83;
}

a:focus {
    text-decoration: none;
}

section, footer {
    float: left;
    width: 100%;
    position: relative;
}

h5 {
    font-size: 18px;
}

/* site components -------------------------------------------------- */

/* header ---------------------------- */
header {
    width: 100%;
    background: #fff;
    border-bottom: solid 2px #e7e7e7;
    min-height: 96px;
    font-family: 'bariol_regularregular', serif;
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
}

header .navbar {
    background: none;
    border: none;
    margin-bottom: 0;
}

header .navbar-header img {
    position: absolute;
    top: 15px;
    left: 50%;
    margin-left: -65px;
    z-index: 10;
}

header .nav {
    float: none;
    text-align: center;
}

header .nav > li {
    float: none;
    display: inline-block;
}

header .nav > li > a {
    line-height: 96px;
    padding-bottom: 0;
    padding-top: 0;
}

header .nav > li > a:hover {
    color: #fbb531 !important;
}

header .menuPad01 {
    padding-right: 80px;
}

header .menuPad02 {
    padding-left: 80px;
}

header .navbar-default .navbar-nav > .open > a, header .navbar-default .navbar-nav > .open > a:hover, header .navbar-default .navbar-nav > .open > a:focus {
    color: #fbb531;
    background: none;
}

header .navbar-collapse {
    border-top: none;
}

.yamm .nav, .yamm .collapse, .yamm .dropup, .yamm .dropdown {
    position: static;
}

.yamm .container {
    position: relative;
}

.yamm .dropdown-menu {
    left: auto;
}

.yamm .yamm-content {
    padding: 20px 30px;
}

.yamm .dropdown.yamm-fw .dropdown-menu {
    left: 0;
    right: 0;
    /*background: #49abd0;*/
    background: #fbb531;;

}

.yamm .dropdown.yamm-fw .dropdown-menu ul {
    text-align: center;
}

.yamm .dropdown.yamm-fw .dropdown-menu ul li {
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
}

.yamm .dropdown.yamm-fw .dropdown-menu ul li a {
    color: #fff;
    font-size: 20px;
}

header.fixed {
    position: fixed;
    top: 0;
    z-index: 9999;
    background: rgba(255, 255, 255, .95);
}

.navbar-default .navbar-toggle {
    margin: 30px 30px 0 0;
}

.link-geecon-org {
    position: fixed;
    top: 55%;
    left: -14px;
    z-index: 100;
}

.link-geecon-org:hover {
    left: 0;
}

.hide-animation-before-scroll {
    visibility: hidden;
}

.static-top {
    position: fixed;
    top: 100px;
    right: 0;
    z-index: 5;
}

.static-bottom {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 5;
}

/* content01 ---------------------------- */
#content01old {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}

/* content01init aka hero ---------------------------- */
.hero {
  position: relative;
  height: auto;

  overflow:hidden;

  background: url("../images/geecon_all.jpg") no-repeat center bottom;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.hero:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  /*  background-color: rgba(0,0,0,0.45);*/
}

/* Hero section */
.hero-10th {
    display: block;
    padding-top: 36%;
    height: 0;
    text-align: center;
    background-color: #0a1b45; /*000000;*/
    background-image: url("../images/geecon_bg5.png");
}

.hero-11th { /* dla index2.html testowo */
    min-height: 300px;
    padding-bottom: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #fbb531;
    text-align: center;
    background-image: url("../images/geecon_bg4.png");
}


.hero__title {
    color: white;
    font-size: 35px;
    font-weight: 900;
}


.hero__location {
    margin-top: 5px;
    color: #272727;
    font-size: 20px;
    font-weight: 900;
    letter-spacing: 1px;
}

@media screen and (min-width: 480px) {
    .hero__title {
        font-size: 46px;
    }

    .hero__location {
        font-size: 26px;
    }
}

@media screen and (min-width: 769px) {
    .hero__title {
        font-size: 65px;
    }

    .hero__location {
        font-size: 34px;
    }
}

@media screen and (min-width: 992px) {
    .hero {

    }
}

@media screen and (min-width: 1200px) {
    .hero {
        min-height: 620px;
    }
}

/* content01 ---------------------------- */
/*#content01init {
  height: 594px;


  overflow:hidden;

  background: url("../images/room.jpg") no-repeat center bottom fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}*/


/* content02 ---------------------------- */
#content02 {
    padding: 50px 0;
    color: #272727;
}

#content02 .col-sm-2 {
    width: 20%;
}

.gin__elements p,
#content02 .col-sm-2 p {
    color: #fbb531;
    font-family: 'bariol_regularregular', serif;
    font-size: 40px;
}

.gin__elements h4,
#content02 .col-sm-2 h4 {
    font-size: 24px;
    text-transform: uppercase;
}

.gin__elements strong,
#content02 .col-sm-2 h4 strong {
    color: #fbb531;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

#content02 .col-sm-12 p {
    font-size: 20px;
    margin-top: 40px;
}

.home-venue-link {
    display: block;
    color: #272727;
}

.home-venue-link:hover {
    color: #575757;
    /*color: #49abd0;*/
    text-decoration: none;
}

.gin__elements .home-venue-link:hover strong,
#content02 .col-sm-2 .home-venue-link:hover h4 strong {
    /*color: #49abd0;*/
    color: #575757;
}

.geecon-in-numbers {
    clear: both;
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.gin__elements {
    flex: 1;
    text-align: center;
}

.gin__elements img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    width: auto;
    height: auto;
}

@media (max-width: 800px) {
    .gin__elements h4 {
        font-size: 22px;
    }
}

@media (max-width: 767px) {
    .geecon-in-numbers {
        flex-wrap: wrap;
        justify-content: center;
    }
    .gin__elements {
        flex: 1 0 auto;
    }

    .gin__elements p {
        margin-top: 5px;
        margin-bottom: 0;
        line-height: 1;
        font-size: 32px;
    }
}

@media (max-width: 480px) {
    .gin__elements img {
        max-width: 60px;
    }

    .gin__elements h4 {
        margin-top: 5px;
        font-size: 20px;
    }
}


/* content03 ---------------------------- */
#content03 {
    background: #fbb531 no-repeat top;
    color: #fff;

    padding: 50px 0;
    text-align: center;
    font-family: 'bariol_regularregular', serif;
    font-size: 24px;
}

#content03 h2 {
    font-size: 36px;
    text-transform: uppercase;
    margin-bottom: 40px;
}

#content03 a {
    color: #fff;
}

#content03 strong {
    color: #49abd0;
}

#content03 .last-child {
    padding-top: 60px;
    text-transform: uppercase;
}

/* content04 ---------------------------- */
#content04 {
    padding: 50px 0;
    color: #272727;
}

#content04 h2 {
    font-size: 36px;
    text-transform: uppercase;
    margin-bottom: 40px;
    color: #fbb531;
    font-family: 'bariol_regularregular', serif;
}

#content04 .date {
    font-size: 20px;
    color: #fbb531;
    font-family: 'bariol_regularregular', serif;
}

#content04 h3 {
    font-size: 24px;
    margin-bottom: 10px;
    /*color: #49abd0;*/
    color: #575757;
    font-family: 'bariol_regularregular', serif;
}



#content04 .navi-left {
        font-size:36px;
        position:absolute;
        left:-20px;
        top:50%;
        margin-top:-20px;
        z-index:10;
        color:#272727;
}
#content04 .navi-right {
        font-size:36px;
        position:absolute;
        right:-20px;
        top:50%;
        margin-top:-20px;
        z-index:10;
        color:#272727;
}
#content04 .navi-left:hover, #content04 .navi-right:hover {color:#999;}



/* content05 ---------------------------- */
#content05 {
    padding: 50px 0;
    color: #fff;
    /*text-align:center;*/
    /*overflow:hidden;*/
    /*    background-image: url("/assets/images/bg_video.png"); */
    /*  background-image: url("/assets/images/speakers_bg.jpg"); */
    background: #fbb531 no-repeat top;
}

#content05 h2 {
    font-size: 36px;
    text-transform: uppercase;
    font-family: 'bariol_regularregular', serif;
    margin-bottom: 20px;
}

#content05 .press-info {
    font-family: 'bariol_regularregular', serif;
    margin-bottom: 20px;
    padding-left: 20px;
    text-align: left;
}

#content05 .press-info .press-text {
    font-size: 15px;
    color: #000;
}

#content05 .press-info .press-author {
    font-size: 20px;
    color: #fff;
    text-align: right;
}

/* content06 ---------------------------- */
#content06 {
    padding: 50px 0;
    color: #272727;
}

#content06 h2 {
    font-size: 36px;
    text-transform: uppercase;
    margin-bottom: 50px;
    color: #fbb531;
    font-family: 'bariol_regularregular', serif;
}

#content06 h3 {
    margin: 20px;
    font-size: 26px;
    color: #fbb531;
    font-family: 'bariol_regularregular', serif;
}

#content06 h4 {
    margin: 20px;
    font-size: 20px;
    color: #fbb531;
    font-family: 'bariol_regularregular', serif;
}

#content06 div img {
    max-width: 100%;
    height: auto;
}

#content06 .sponsors-section {
    margin-bottom: 40px;
}

.sponsors-section > div {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.sponsors-section > div + div {
    margin-top: 20px;
}

.sponsors-section > div > a {
    display: inline-block;
}

@media screen and (max-width: 640px) {
    .sponsors-section > div {
        flex-wrap: wrap;
        gap: 10px 20px;
    }

    .sponsors-section > div + div {
        margin-top: 10px;
    }

    .sponsors-section > div > a {
        display: flex;
        height: 100px;
        align-items: center;
        justify-content: center;
    }
}


#content06 .vimeo {
    background: url(../images/monitor-cropped.png) no-repeat center center;
    background-size: contain;
    position: relative;
    max-width: 562px;
    margin: 20px auto;
}

#content06 .vimeo:before {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    padding-top: 80%;
}

#content06 .vimeo iframe {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 93%;
    border-radius: 4px;
    bottom: 30%;
    height: 63%;
}

#content06 .vimeo-more {
}

#content06 .vimeo-more a {
    font-size: 24px;
    font-family: 'bariol_regularregular', serif;
    color: #fbb531;
    font-weight: bold;
}

#content06 .separator {
    width: 100%;
}

/*#content06 .sponsor-logo img{*/
/*filter: gray; *//* IE6-9 */
/*filter: grayscale(1); *//* Firefox 35+ */
/*-webkit-filter: grayscale(1); *//* Google Chrome, Safari 6+ & Opera 15+ */
/*}*/

/* Disable grayscale on hover */
/*#content06 .sponsor-logo img:hover {*/
/*filter: none;*/
/*-webkit-filter: grayscale(0);*/
/*}*/

/*see http://stackoverflow.com/questions/6410730/webkit-css-endless-rotation-animation-how */
@-webkit-keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.speaker-img {
    margin-top: 10px;
    /*background: url(../images/maska_trybik_03b.png) no-repeat center 0;*/
}


/*.speaker-img:hover {*/
    /*-webkit-animation: rotating 2s linear infinite;*/
    /*-moz-animation: rotating 2s linear infinite;*/
    /*-ms-animation: rotating 2s linear infinite;*/
    /*-o-animation: rotating 2s linear infinite;*/
    /*animation: rotating 2s linear infinite;*/
/*}*/

.speaker-img-blue {
    margin-top: 10px;
    text-align: center;
    /*background: url(../images/maska_trybik_niebieski.png) no-repeat center 0;*/
}

/*
.speaker-img-blue:hover {
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
}
*/
.speaker img {
    border-radius: 50%;
    margin: 19px 0 20px 2px;
    max-height: 138px;
    max-width: 138px;
}

.speaker h3 {
    margin-top: 10px;
}

.speaker p {
    font-size: 18px;
    color: #000;
}

.banner {
    position: absolute;
}

.banner-center {
   position: absolute; left: -20%;
    #width: 100%;
    #z-index: 50;
}

.banner-header-right {
    height: 100%;
    bottom: 0;
    right: 0;
    z-index: 50;
}

.banner-header-left {
    height: 100%;
    bottom: 0;
    left: 0;
    z-index: 50;
}

.ban1-left, .ban2-right, .ban3-right, .ban4-left, .ban5-right, .ban-subpage-left, .ban-subpage-right {
    position: absolute;
}

.ban1-left {
    bottom: -40px;
    left: 5%;
    z-index: 2;
}

.ban2-right {
    bottom: -90px;
    right: -10%;
}

.ban3-right {
    bottom: -65px;
    right: 5%;
    z-index: 5;
}

.ban4-left {
    top: 85%;
}

.ban5-right {
    top: 8%;
    left: 40%;
}

.ban-subpage-left {
    top: 25%;
    left: 5%;;
}

.ban-subpage-right {
    top: 75%;
    right: 5%;;
}

/* footer ---------------------------- */
.footer {
    padding: 50px 0;
    /*background: #49abd0;*/
    /*background: #000000;*/
    background: #0a1b45;
    color: #fff;
}

.footer .container {
    position: relative;
}
/*
footer h2 {
    font-size: 36px;
    text-transform: uppercase;
    font-family: 'bariol_regularregular', serif;
}

footer .form-control {
    background: #fff;
    border: none;
    border-radius: 10px;
    color: #49abd0;
    margin-bottom: 20px;
}

footer .btn {
    background: #fbb531;
    border: none;
    border-radius: 10px;
    text-transform: uppercase;
    height: 34px;
    outline: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    font-family: 'bariol_regularregular', serif;
    font-size: 15px;
}

footer .btn:hover {
    background: #f49800;
    color: #fff;
}

footer .col-sm-4 span {
    text-align: left;
    float: left;
    width: 100%;
    position: relative;
    margin-top: 20px;
}*/

.footer .copyright {
    margin-bottom: 0;
    font-size: 15px;
    text-transform: uppercase;
}

.footer .copyright strong {
    font-family: 'bariol_regularregular', serif;
}

.footer-socials {
    text-align: right;
}

.footer-socials .socials-link {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    opacity: 0.7;
}

.footer-socials .socials-link:hover {
    opacity: 1;
}

.footer-socials .socials-link .fa {
    font-size: 34px;
    color: #fff;
}

.footer-socials .socials-link .yt {
    display: block;
    width: 38px;
    height: 34px;
    background: url('../images/icon_youtube.svg') no-repeat;
    background-position: center center;
    background-size: contain;
}


/* blueText ----------------------------  */
#blueText {
    background: #0a1b45;
    color: #fff;
    font-size: 18px;
    overflow: hidden;
}

#blueText h1 {
    font-size: 36px;
    font-family: 'bariol_regularregular', serif;
    text-decoration: none;
    text-transform: none;
    text-align: center;
    color: #fff;
    margin-top: 40px;
    margin-bottom: 10px;

}

#blueText p {
    padding: 10px 0;
}

/* whiteText ---------------------------- */
#whiteText {
    padding: 5px 0;
    color: #000;
    font-size: 18px;
    font-family: 'bariol_regularregular', serif;
}

#whiteText strong {
    color: #fbb531;
}

#whiteText .speaker {
    text-align: justify;
}

#whiteText h1 {
    font-size: 36px;
    font-family: 'bariol_regularregular', serif;
    text-decoration: none;
    text-transform: none;
    text-align: center;
    color: #fbb531;
    margin-top: 40px;
    margin-bottom: 10px;
}

#whiteText h2 {
    font-size: 24px;
    color: #000;
    margin-top: 30px;
    margin-bottom: 15px;
}

#whiteText p {
    padding: 10px 0;
}

#whiteText img {
    margin-bottom: 15px;
}

#whiteText2 {
    padding: 5px 0;
    color: #000;
    font-size: 18px;
    font-family: 'bariol_regularregular', serif;
    margin-top: 50px;
    margin-bottom: 50px;
}

/* yelowText ---------------------------- */
#yelowText {
    padding: 5px 0;
    background: #fbb531;
    color: #000;
    font-size: 18px;
    font-family: 'bariol_regularregular', serif;
}

#yelowText h1 {
    font-size: 36px;
    font-family: 'bariol_regularregular', serif;
    color: #fff;
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

#yelowText h2 {
    font-size: 24px;
    margin-top: 30px;
    margin-bottom: 15px;
}

#yelowText h3 {
    font-size: 24px;
    color: #fff;
}

#yelowText .speaker {
    text-align: center;
}

/* ------------------------(max-width: 620px)----------- */
@media (max-width: 640px) {
    .ban04, .ban05, .ban15, .ban20, .ban16, .ban18, .ban19, .ban17, .ban25, .ban26, .ban29 {
        display: none;
    }

    section, footer, header {
        overflow: hidden;
    }

    .element_no_mobile {
        display: none
    }

    footer p {
        text-align: center;
        padding-bottom: 20px
    }

    #bigList ul li a {
        font-size: 22px;
    }

    .animated {
        visibility: visible !important;
    }

    #review h2 {
        font-size: 20px;
        padding-top: 10px;
    }

    #review h2 i {
        margin-top: -10px !important
    }

    header .nav {
        text-align: left;
    }

    header .nav > li {
        display: block;
        padding-left: 10px
    }

    header .nav > li > a {
        line-height: 40px;
    }

    header .menuPad01 {
        padding-right: 0;
    }

    header .menuPad02 {
        padding-left: 0;
    }

    /*.yamm .dropdown.yamm-fw .dropdown-menu ul {*/
    /*text-align: left;*/
    /*}*/
    /*.yamm .dropdown.yamm-fw .dropdown-menu ul li {*/
    /*display: block;*/
    /*}*/
}

/*  ------------------------------------------------------- */

/*
Twitter
****************/
#tweets {
    margin-top: 20px;
    text-align: left;
}

div.tweet {
    color: #414143 !important;
    font-family: Tahoma, sans-serif;
    border-bottom: 1px dotted #DDDDDD;
    overflow: hidden;
}

div.tweet_wrapper {
    overflow: hidden;
    padding: 6px 8px;
    display: flex;
}

div.tweet_wrapper + div.tweet_wrapper {
    margin-top: 10px;
}

div.tweet_picture {
    width: 40px;
    height: 40px;
    float: left;
    display: block;
}

div.tweet_picture img {
    width: 38px;
    height: 38px;
    border-radius: 50%;
}

div.tweet_text {
    float: left;
    font-size: 15px;
    color: #000;
    max-width: 350px;
    line-height: 1.2 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.tweet-link {
    float: right;
}

div.tweet_text p {
    line-height: 1.2 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
}

div.tweet_data {
    margin-left: 20px;
    float: left;
}

div.tweet_metadata {
    width: 245px;
    font-size: 13px;
    color: black;
    line-height: 1.2 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-style: italic !important;
}

div.tweet_metadata a {
    color: inherit;
}

.mediaBarSectionTweets {
    /*width: 323px;*/
    /*background: url("../images/tweets.png") top left no-repeat;*/
    float: right;
}

.mediaBarSectionTweetsIconCloud {
    margin: 1px 0 0 -29px;
    float: left;
}

h2.centered {
    text-align: center;
}

/* MaGa changes ON - Version 2015 Krk ---------------------------------------*/
/*
.menu-lower-text {
    bottom: -20px;
}
*/

.btn-register {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    /*color: #49abd0;*/
    color: #0a1b45;
    font-size: 45px;
    background: #ffffff;
    padding: 10px 20px 10px 20px;
    border: solid #fbb531 4px;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    margin: 25px;
    display: inline-block;
}

.btn-register:hover {
    /*color: #49abd0;*/
    color: #0a1b45;
    background: #ffffff;
    /*border: solid #49abd0 4px;*/
    border: solid #0a1b45 4px;
    text-decoration: none;
}

.btn-geecon-white {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    /*color: #49abd0;*/
    color: #0a1b45; /*#575757;*/
    font-size: 20px;
    background: #ffffff;
    padding: 10px 20px 10px 20px;
    border: solid #fbb531 2px;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
}

.btn-geecon-white:hover {
    /*color: #49abd0;*/
    color: #0a1b45;
    background: #ffffff;
    /*border: solid #49abd0 2px;*/
    border: solid #0a1b45 2px;
    text-decoration: none;
}

.btn-geecon-yellow {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    /*color: #49abd0;*/
    color: #0a1b45;
    font-size: 20px;
    background: #fbb531;
    padding: 10px 20px 10px 20px;
    border: solid #fff 2px;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
}

.btn-geecon-yellow:hover {
    /*color: #49abd0;*/
    color: #0a1b45;
    background: #fbb531;
    /*border: solid #49abd0 2px;*/
    border: solid #0a1b45 2px;
    text-decoration: none;
}

.image-in-image-div {
    position: relative;
    width: 173px;
    height: 173px;
    margin-left: auto;
    margin-right: auto;
}

.image-in-image-div .primary-img {
    position: absolute;
    top: 0;
    left: 0;
    height: 173px;
    width: 173px;
}

.image-in-image-div .mask-img {
    position: absolute;
    left: 0;
    height: 173px;
    width: 173px;
    top: 0;
}

.component-center {
    text-align: center;
}

.component-left {
    text-align: left;
}

.agenda-yellow {
    color: #000;
    background: #fbb531;
}

.agenda-yellow .speaker-desc {
    font-weight: bold;
    color: #49abd0;
}


/* mainContentBlue ----------------------------  */
#mainContentBlue {
    /*background: rgba(73, 171, 208, 1);*/
    background: #575757;
    margin-bottom: 80px;
    padding: 90px 0;
}

#mainContentBlue .col-sm-10 table {
    border: solid 3px #fff;
    color: #fff;
    width: 100%;
    font-size: 26px;
    font-family: 'bariol_regularregular', sans-serif;
}

#mainContentBlue .col-sm-10 table tr td {
    border: solid 3px #fff;
    padding: 10px;
}

#mainContentBlue .col-sm-10 table tr td + td {
    text-align: center;
}

.schedule-links a {
    padding: 30px;
    font-weight: bold;
    font-size: 26px;
    color: #fbb531 !important;
    font-family: "Roboto", sans-serif;
}

.schedule-shortcuts {
    display: none;

    text-align: center;
    color: #fff;
    background-color: #ffb606;

    padding: 5px 20px;
    font-size: 20px;
    line-height: 28px;
    text-transform: uppercase;
}

.schedule-shortcuts a {
    display: inline-block;
    padding: 0 8px;
    color: #fff;
}

.schedule-shortcuts a:hover {
    text-decoration: none;
    background-color: #0a1b45;
}


@media (max-width: 768px) {

    .schedule-links {
        display: none;
    }

    .schedule-shortcuts {
        display: block;
    }


}


.box {
    display: flex;
    flex-flow: column;
    height: 100vh;
}
.box .row.header {
    flex: 0 1 auto;
}
.box .row.content {
    flex: 1 1 auto;
    display: flex;
}
.box .row.footer {
    padding: 0;
    flex: 0 1 auto;
}
.row.content iframe {
    width: 100%;
    border: 0;
    margin-right: 10px;
    margin-left: 10px;
}

.box .row.footer #footer .footer {
    padding: 12px 0;
    /*background: #49abd0;*/
    /*background: #000000;*/
    background: #0a1b45;
    color: #fff;
}

@media (max-width: 768px) {
    .footer {
        display: none;
    }
}



/*
INFO:
NIEBIESKI: #49abd0
ZOLTY: #fbb531

Szary: #575757
*/

/* MaGa changes OFF -------------------------------------------------- */
#presentations {
    padding-top: 30px;
    padding-bottom: 30px;
}
.clearfix:after,
#presentations:after {
    content: "";
    clear: both;
    display: table;
}
#presentations .presentation a {
    color: #fbb531 !important;
}

/* Info about geecon classes right under the header  -------------------------------------------------- */
.classes-info {
    display: block;
    text-align: center;
    color: #fff;
    background-color: #49abd0;
}

.classes-info:hover {
    color: #fff;
    background-color: #115a75;
    text-decoration: none;

}
.classes-info strong {
    text-transform: none;
}

.classes-info h3 {
    margin: 0;
    padding: 5px 20px;
    font-size: 20px;
    line-height: 28px;
    text-transform: uppercase;
    letter-spacing: 1px;
}


/* Responsive elements
-------------------------------------------------- */
.rwd-img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

@media screen and (max-width:700px){
    .rwd-img__partners-logo {
        width: 100%;
        max-width: 420px;
        height: auto;
    }
}

.rwd-yt {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
}
.rwd-yt iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

iframe {
    width: 1px;
    min-width: 100%;
}