@charset "UTF-8";
/* CSS Document  */

@font-face {
    font-family: FoundersGroteskCondSmBd;
    src: url("../fonts/FoundersGroteskCond-SmBd.otf") format("opentype");;
}
@font-face {
    font-family: PublicoHeadlineLight;
    src: url("../fonts/PublicoHeadline-Light.otf") format("opentype");;
}


@font-face {
    font-family: FoundersGroteskMonoRegular;
    src: url("../fonts/FoundersGroteskMono-Regular.otf") format("opentype");;
}

@font-face {
    font-family: PublicoTextRoman;
    src: url("../fonts/PublicoText-Roman.otf") format("opentype");;
}

body {
	font-family: FoundersGroteskMonoRegular,PublicoHeadlineLight,FoundersGroteskCondSmBd;
	margin: 0;
	padding: 0;
	color: #333;
	background-color: #fff;
}



section {
	width:100%;
	max-width:700px;
	margin:0 auto;
}

/*headline*/
.header{
    font-family: FoundersGroteskCondSmBd!important;
    font-size: 40px;
    margin-bottom:0;
    text-align: left;
}
/*@media all and (max-width: 420px) {
    .header{
        font-family: FoundersGroteskCondSmBd!important;
        font-size: 22px;
        line-height: 23px;
    }
}*/
/*chatter*/
.dek{
    font-family: PublicoHeadlineLight!important;
    font-size:20px;
    text-align: left;
    margin-top: 6px!important;
    display: inline-block;
    line-height: 30px;
}

/*slider*/
.pcvisible{
      display: block;
  }
@media all and (max-width: 585px) {
  .pcvisible{
        display: none!important;
    }

}
@media all and (min-width: 585px) and (max-width: 1080px) {
  .pcvisible{
      display: block!important;
  }

}

.slidercloset{
    margin-top: 15px
}

p.slidenote{
    font-family:FoundersGroteskMonoRegular!important;
    text-transform:uppercase!important;
    color:#3D3D3D!important;
    font-size: 12px;
}
/*sliderlabel*/
.ui-slider-label-ticks span {
    font-size: 12.35px!important;
    min-width: 1.2em;
    font-family: FoundersGroteskMonoRegular!important;
    margin-top: 13px!important;
}
#slider {
    background: #21d1aa;
    height:4px;
    margin-top:10px;
}

.ui-state-active {
    background: #DCDDDE!important;
}

.horizontal .ui-slider-labels {
    top: 0.1em!important;
}

.ui-widget-header {
    background-color: #DCDDDE!important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border-color:#21d1aa!important;
    background-color:white!important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-radius:8px!important
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {

    background: #007fff;
    font-weight: normal;
    color: #454545;
}

.ui-slider-horizontal {
    height: .4em;
}

.ui-widget-content {
    border: 1px solid #21d1aa;
    background: #21d1aa;
    color: #21d1aa;
}

.ui-slider .ui-slider-handle {
    position: absolute!important;
    z-index: 2!important;
    width: 1em!important;
    height: 1em!important;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.4em!important;
    margin-left: -.6em!important;
}

.ui-slider-wrapper.horizontal {
    height:2em!important;
}



/*multimedia*/
img {
    width:100%;
}

.middle {
    max-width:267px;
    margin:0 auto;
}

.shrinking {
    width:50%;
    margin:0 auto;
}

.imgHolder{
    width:100%;
}

.dateHolder { 
    font-size:26px;
    font-family: FoundersGroteskCondSmBd!important;
    color:#555555!important; 
}
p.date{
    margin-bottom: -10px;
}

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

    .slidercloset{
        margin-left:10px!important;
        margin-right: 18px!important;
    }

    .imgHolder{
        width:93%!important;
    }

  

    
}

@media all and (min-width: 420px) and (max-width: 510px) {


    .slidercloset{
        margin-left:15px!important;
        margin-right: 18px!important;
    }

    .imgHolder{
        width:93%!important;
    }


}

@media all and (min-width: 510px) and (max-width: 600px) {
    .slidercloset{
        margin-left:10px!important;
        margin-right: 18px!important;
    }

    .textHolder{
        width:95%!important;
        max-width:500px;
    }

    

}

@media all and (min-width: 600px) and (max-width: 650px) {
   
    .slidercloset{
        margin-left:10px!important;
    }

    .dateHolder { 
        clear:both !important;
    }

}

@media all and (min-width: 650px) {
    .slidercloset{
        margin-left:10px!important;
    }

}


/*message*/
.messageHolder{
    font-family: PublicoHeadlineLight!important;
    line-height: 35px!important;
    font-size: 18px!important;
    color:#555555!important;
    display: inline-block!important;
}
@media all and (max-width: 420px) {
    .messageHolder{
        font-family: PublicoTextRoman!important;
        font-size: 17px!important;
    }
}

p.messages{
    margin-top:10px;
    display: inline-block!important;
}
a:-webkit-any-link {
    color: #21d1aa!important;
    cursor: pointer;
    text-decoration: none;
    text-decoration-line: none;
    text-decoration-style: none;
    text-decoration-color: none;
    display: inline-block!important;
}
p.clickseemore{
    font-family: PublicoHeadlineLight!important;
    color:#21d1aa!important;
    display: inline-block!important;
    float: right!important;
    margin-top: -10px!important;
}

/*source*/
.source {
    font-family:FoundersGroteskMonoRegular;
    text-align: right;
    float: right;
    color: #3D3D3D;
    font-size: 12px;
}








div.content{
    display:none;
}

.container {
    width:90%;
    margin:0 auto;
}



.item {
    background-color:white;
    width:95%;
    padding:2%;
}


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



    div.content{
        width:100%;
        margin-top: 2%;
        margin-left: 2%;
        margin-right: 2%;
    }

}

@media all and (min-width: 426px) and (max-width: 768px) {


    div.content{
        width:100%;
        margin-top: 2%;
        margin-left: 2%;
        margin-right: 2%;
    }

}

@media all and (min-width: 769px) {

    
    div.content{
        width:60%;
        margin-top: 2%;
        margin-left: 20%;
    }
}






.owl-prev {
    width: 30px;
    height: 80px;
    position: absolute;
    top: 40%;
    margin-left: -30px;
    display: block !important;
    border:0px solid black;
}

.owl-next {
    width: 30px;
    height: 80px;
    position: absolute;
    top: 40%;
    right: -25px;
    display: block !important;
    border:0px solid black;
}
.owl-prev i, .owl-next i {transform : scale(1,6); color: #ccc;}