@charset "UTF-8";

.jrespond{
 width: 10px;
 height: 0
}

/*
@media( pointer: coarse ){
	
 .jrespond{
  height: 1px
 }
	
}
*/
	
@media ( min-width: 360px ){  /* .col-mp- mobile portrait e.g Galaxy, Nexus, Pixel, iPhone 6+, Lumia */
	
 .jrespond{
  width: 20px
 }
	
}
	
@media ( min-width: 576px ){  /* .col-ml- mobile landscape e.g Galaxy, Nexus, Pixel 2, iPhone 6+, Lumia */
	
 .jrespond{
  width: 30px
 }
 
}
	
@media ( min-width: 768px ){  /* .col-tp- tablet portrait e.g iPad Mini, iPad Pro (10.5inch) */
	
 .jrespond{
  width: 40px
 }
 
}

@media ( min-width: 992px ){  /* .col-tl- tablet landscape */
	
 .jrespond{
  width: 50px
 }
	
}

@media ( min-width: 1200px ){ /* .col-lg- large e.g laptop with MDPI screen */
	
 .jrespond{
  width: 60px
 }
	
}

@media ( min-width: 1360px ){ /* .col-xl- extra large e.g laptop with HiDPI screen */
	
 .jrespond{
  width: 70px
 }
	
}

@media ( min-width: 1800px ){ /* .col-ul- ultra large e.g modern computer monitor  */
	
 .jrespond{
  width: 80px
 }
	
}


/**
 container
 */

.container, .container-full-width, .container-width{
 min-width: 220px;
 margin-left: auto; 
 margin-right: auto
} 
.container, .container-full-width{
 padding-right: 15px;
 padding-left: 15px
} 

@media ( min-width: 992px ){

 .container, .container-full-width{
  padding-left: 30px;
  padding-right: 30px
 }
 .container, .container-width{
  width: 100%;
  max-width: 1400px
 }

}

.container.collapse,
.container-full-width.collapse,
.container.collapse>.row.screen-grid-panel>div, 
.container-full-width.collapse>.row.screen-grid-panel>div{
 padding-left: 0;
 padding-right: 0
}
.container.collapse>.row,
.container-full-width.collapse>.row{
 margin-left: 0;
 margin-right: 0
}


/**
 grid
 */

.row{
 display: flex; 
 flex-wrap: wrap;
 flex-basis: 0;
 margin-right: -10px;
 margin-left: -10px
}

.row>div.valign-bottom{
 align-self: flex-end
}

.row.narrow{
 margin-right: -5px;
 margin-left: -5px
}

.row.wide{
 margin-right: -15px;
 margin-left: -15px
}

.row.collapse{
 margin-right: 0;
 margin-left: 0
}

.row.nowrap{
 flex-wrap: nowrap
}

.row>div{
 flex-grow: 1;
 min-height: 1px;
 padding-right: 10px;
 padding-left: 10px
}

.row.narrow>div{
 padding-right: 5px;
 padding-left: 5px;	
}

.row.wide>div{
 padding-right: 20px;
 padding-left: 10px;	
}

.row.collapse>div{
 padding-right: 0;
 padding-left: 0	
}

.row .col-auto{ 
 flex: 0 0 auto;
 width: auto
}

.row .col-fill{ 
 flex: 1 1 auto;
 width: auto
}

.col-1_6{
 flex: 0 0 16.666667%;
 max-width: 16.666667%
}

.col-1_5{
 flex: 0 0 20%;
 max-width: 20%
}

.col-1_4{
 flex: 0 0 25%;
 max-width: 25%
}

.col-3_4{
 flex: 0 0 75%;
 max-width: 75%
}

.col-1_3{
 flex: 0 0 33.333333%;
 max-width: 33.333333%
}

.col-1_2{
 flex: 0 0 50%;
 max-width: 50%
}

.col-2_3{
 flex: 0 0 66.666667%;
 max-width: 66.666667%
}

.col-2_5{
 flex: 0 0 40%;
 max-width: 40%
}

.col-1{
 flex: 0 0 100%;
 max-width: 100%
}

@media ( min-width: 360px ){  /* .col-mp- mobile portrait e.g Galaxy, Nexus, Pixel, iPhone 6+, Lumia */

 .row .col-mp-auto{ 
  flex: 0 0 auto;
  width: auto
 }

 .row .col-mp-fill{ 
  flex: 1 1 auto;
  width: auto
 }

 .col-mp-1_6{
  flex: 0 0 16.666667%;
  max-width: 16.666667%
 }

 .col-mp-1_5{
  flex: 0 0 20%;
  max-width: 20%
 }

 .col-mp-1_4{
  flex: 0 0 25%;
  max-width: 25%
 }
 
 .col-mp-3_4{
  flex: 0 0 75%;
  max-width: 75%
 }
 
 .col-mp-1_3{
  flex: 0 0 33.333333%;
  max-width: 33.333333%
 }
 
 .col-mp-1_2{
  flex: 0 0 50%;
  max-width: 50%
 }
 
 .col-mp-2_3{
  flex: 0 0 66.666667%;
  max-width: 66.666667% 
 }
 
 .col-mp-2_5{
  flex: 0 0 40%;
  max-width: 40%
 }
 
 .col-mp-1{
  flex: 0 0 100%;
  max-width: 100%
 }

}

@media ( min-width: 576px ){  /* .col-ml- mobile landscape e.g Galaxy, Nexus, Pixel 2, iPhone 6+, Lumia */

 .row .col-ml-auto{ 
  flex: 0 0 auto;
  width: auto
 }

 .row .col-ml-fill{ 
  flex: 1 1 auto;
  width: auto
 }

 .col-ml-1_6{
  flex: 0 0 16.666667%;
  max-width: 16.666667%
 }

 .col-ml-1_5{
  flex: 0 0 20%;
  max-width: 20%
 }

 .col-ml-1_4{
  flex: 0 0 25%;
  max-width: 25%
 }
 
 .col-ml-3_4{
  flex: 0 0 75%;
  max-width: 75%
 }
 
 .col-ml-1_3{
  flex: 0 0 33.333333%;
  max-width: 33.333333%
 }
 
 .col-ml-1_2{
  flex: 0 0 50%;
  max-width: 50%
 }
 
 .col-ml-2_3{
  flex: 0 0 66.666667%;
  max-width: 66.666667% 
 }
 
 .col-ml-2_5{
  flex: 0 0 40%;
  max-width: 40%
 }
 
 .col-ml-1{
  flex: 0 0 100%;
  max-width: 100%
 }

}

@media ( min-width: 768px ){  /* .col-tp- tablet portrait e.g iPad Mini, iPad Pro (10.5inch) */

 .row .col-tp-auto{ 
  flex: 0 0 auto;
  width: auto
 }

 .row .col-tp-fill{ 
  flex: 1 1 auto;
  width: auto
 }

 .col-tp-1_6{
  flex: 0 0 16.666667%;
  max-width: 16.666667%
 }

 .col-tp-1_5{
  flex: 0 0 20%;
  max-width: 20%
 }

 .col-tp-1_4{
  flex: 0 0 25%;
  max-width: 25%
 }
 
 .col-tp-3_4{
  flex: 0 0 75%;
  max-width: 75%
 }
 
 .col-tp-1_3{
  flex: 0 0 33.333333%;
  max-width: 33.333333%
 }
 
 .col-tp-1_2{
  flex: 0 0 50%;
  max-width: 50%
 }
 
 .col-tp-2_3{
  flex: 0 0 66.666667%;
  max-width: 66.666667% 
 }
 
 .col-tp-2_5{
  flex: 0 0 40%;
  max-width: 40%
 }
 
 .col-tp-1{
  flex: 0 0 100%;
  max-width: 100%
 }
 
}

@media ( min-width: 992px ){  /* .col-tl- tablet landscape */

 .row .col-tl-auto{ 
  flex: 0 0 auto;
  width: auto
 }

 .row .col-tl-fill{ 
  flex: 1 1 auto;
  width: auto
 }

 .col-tl-1_6{
  flex: 0 0 16.666667%;
  max-width: 16.666667%
 }

 .col-tl-1_5{
  flex: 0 0 20%;
  max-width: 20%
 }

 .col-tl-1_4{
  flex: 0 0 25%;
  max-width: 25%
 }
 
 .col-tl-3_4{
  flex: 0 0 75%;
  max-width: 75%
 }
 
 .col-tl-1_3{
  flex: 0 0 33.333333%;
  max-width: 33.333333%
 }
 
 .col-tl-1_2{
  flex: 0 0 50%;
  max-width: 50%
 }
 
 .col-tl-2_3{
  flex: 0 0 66.666667%;
  max-width: 66.666667% 
 }
 
 .col-tl-2_5{
  flex: 0 0 40%;
  max-width: 40%
 }
 
 .col-tl-1{
  flex: 0 0 100%;
  max-width: 100%
 }

}

@media ( min-width: 1200px ){ /* .col-lg- large e.g laptop with MDPI screen */

 .row .col-lg-auto{ 
  flex: 0 0 auto;
  width: auto
 }

 .row .col-lg-fill{ 
  flex: 1 1 auto;
  width: auto
 }

 .col-lg-1_6{
  flex: 0 0 16.666667%;
  max-width: 16.666667%
 }

 .col-lg-1_5{
  flex: 0 0 20%;
  max-width: 20%
 }

 .col-lg-1_4{
  flex: 0 0 25%;
  max-width: 25%
 }
 
 .col-lg-3_4{
  flex: 0 0 75%;
  max-width: 75%
 }
 
 .col-lg-1_3{
  flex: 0 0 33.333333%;
  max-width: 33.333333%
 }
 
 .col-lg-1_2{
  flex: 0 0 50%;
  max-width: 50%
 }
 
 .col-lg-2_3{
  flex: 0 0 66.666667%;
  max-width: 66.666667% 
 }
 
 .col-lg-2_5{
  flex: 0 0 40%;
  max-width: 40%
 }
 
 .col-lg-1{
  flex: 0 0 100%;
  max-width: 100%
 }

}

@media ( min-width: 1360px ){ /* .col-xl- extra large e.g laptop with HiDPI screen */

 .row .col-xl-auto{ 
  flex: 0 0 auto;
  width: auto
 }

 .row .col-xl-fill{ 
  flex: 1 1 auto;
  width: auto
 }

 .col-xl-1_6{
  flex: 0 0 16.666667%;
  max-width: 16.666667%
 }

 .col-xl-1_5{
  flex: 0 0 20%;
  max-width: 20%
 }

 .col-xl-1_4{
  flex: 0 0 25%;
  max-width: 25%
 }
 
 .col-xl-3_4{
  flex: 0 0 75%;
  max-width: 75%
 }
 
 .col-xl-1_3{
  flex: 0 0 33.333333%;
  max-width: 33.333333%
 }
 
 .col-xl-1_2{
  flex: 0 0 50%;
  max-width: 50%
 }
 
 .col-xl-2_3{
  flex: 0 0 66.666667%;
  max-width: 66.666667% 
 }
 
 .col-xl-2_5{
  flex: 0 0 40%;
  max-width: 40%
 }
 
 .col-xl-1{
  flex: 0 0 100%;
  max-width: 100%
 }

}

@media ( min-width: 1800px ){ /* .col-ul- ultra large e.g modern computer monitor  */

 .row .col-ul-auto{ 
  flex: 0 0 auto;
  width: auto
 }

 .row .col-ul-fill{ 
  flex: 1 1 auto;
  width: auto
 }
 
 .col-ul-1_6{
  flex: 0 0 16.666667%;
  max-width: 16.666667%
 }

 .col-ul-1_5{
  flex: 0 0 20%;
  max-width: 20%
 }

 .col-ul-1_4{
  flex: 0 0 25%;
  max-width: 25%
 }
 
 .col-ul-3_4{
  flex: 0 0 75%;
  max-width: 75%
 }
 
 .col-ul-1_3{
  flex: 0 0 33.333333%;
  max-width: 33.333333%
 }
 
 .col-ul-1_2{
  flex: 0 0 50%;
  max-width: 50%
 }
 
 .col-ul-2_3{
  flex: 0 0 66.666667%;
  max-width: 66.666667% 
 }
 
 .col-ul-2_5{
  flex: 0 0 40%;
  max-width: 40%
 }
 
 .col-ul-1{
  flex: 0 0 100%;
  max-width: 100%
 }

}