/*===============================================================
	two cross images
===============================================================*/

.field--name-field-imagescross{
display:flex;flex-wrap:wrap;justify-cotent:start;align-items:center;
  line-height: 1px;
  position: relative;
  margin: var(--gap) 0px 0px;
}

.field--name-field-imagescross .field__item{
  width: calc(50% + 20px);
}

.field--name-field-imagescross .field__item:nth-child(1){
z-index:1;  margin-right: -20px;
position:relative;
margin-bottom:/*var(--gapminus)*/0px;
}

.field--name-field-imagescross .field__item:nth-child(2){
  margin-left: -20px;
margin-top:var(--gapminus);
}

.field--name-field-imagescross .field__item img{
width:100%;
}

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

.field--name-field-imagescross{
  margin: 0px;
}


.field--name-field-imagescross .field__item{
  width: 100%;
}

.field--name-field-imagescross .field__item:nth-child(1){
  margin-right: 0px;padding-right:20px;  margin-bottom: var(--gapsmallminus);
}

.field--name-field-imagescross .field__item:nth-child(2) {
  margin-left: 0px;  padding-left: 20px;  margin-top: 0;
}

}

/*========================================================
	paragraphs columns
========================================================*/

.paragraph--position--two > .paragraph-content > .paragraph-content-list,
.paragraph--position--three > .paragraph-content > .paragraph-content-list,
.paragraph--position--fout > .paragraph-content > .paragraph-content-list,
.paragraph--position--five > .paragraph-content > .paragraph-content-list{
	align-items: inherit;
	justify-content: start;
	flex-wrap: wrap;
	display: flex;
	margin:0px var(--gapsmallminus);
}

.paragraph--position--bottom > .paragraph-content > .paragraph-content-list{align-items: end;}
.paragraph--position--top > .paragraph-content > .paragraph-content-list{align-items: start;}
.paragraph--position--center > .paragraph-content > .paragraph-content-list{align-items: center;}
.paragraph--position--inherit > .paragraph-content > .paragraph-content-list{align-items: inherit;}

.paragraph--position--three > .paragraph-content > .paragraph-content-list  > div,
.paragraph--position--two > .paragraph-content > .paragraph-content-list > div,
.paragraph--position--fout > .paragraph-content > .paragraph-content-list  > div,
.paragraph--position--five > .paragraph-content > .paragraph-content-list  > div{
padding:0px var(--gapsmall);
}

.paragraph--position--two > .paragraph-content > .paragraph-content-list > div{width:50%;}
.paragraph--position--three > .paragraph-content > .paragraph-content-list  > div{width:33.333%;}
.paragraph--position--fout > .paragraph-content > .paragraph-content-list  > div{width:25%;}
.paragraph--position--five > .paragraph-content > .paragraph-content-list  > div{width:20%;}

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


.paragraph--position--two > .paragraph-content > .paragraph-content-list > div,
.paragraph--position--three > .paragraph-content > .paragraph-content-list  > div,
.paragraph--position--fout > .paragraph-content > .paragraph-content-list  > div,
.paragraph--position--five > .paragraph-content > .paragraph-content-list  > div{
	width:100%; 
}

}

/*===============================================================
	image
===============================================================*/

.paragraph--type--image .paragraph-content-in2{
padding-bottom:40%;  position: relative;  overflow: hidden;

}

.paragraph--type--image .paragraph-content-in{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;  background-repeat: no-repeat;
  background-position: center center;
 

/*
  animation: showSlide 8000ms infinite ease;
  -webkit-transform-origin: right center 0;
  -moz-transform-origin: right center 0;
  -o-transform-origin: right center 0;
  -ms-transform-origin: right center 0;
  transform-origin: right center 0;
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);*/
}


.paragraph--type--image img{
   width:100%;
} 



/*===============================================================
	image - text
===============================================================*/

.paragraph-img-txt{
align-items: start;
justify-content: space-between;
flex-wrap: wrap;
display: flex;
}


.paragraph--position--top .paragraph-img-txt-body,
.paragraph--position--bottom .paragraph-img-txt-image{  order: 1;}

.paragraph--position--top .paragraph-img-txt-image,
.paragraph--position--bottom .paragraph-img-txt-body{  order: 0;}

.paragraph--position--left .paragraph-img-txt-body,
.paragraph--position--right .paragraph-img-txt-image{  order: 1;}

.paragraph--position--left .paragraph-img-txt-image,
.paragraph--position--right .paragraph-img-txt-body{  order: 0;}

.paragraph--position--bottom .paragraph-img-txt-image{ width:100%;}
.paragraph--position--bottom .paragraph-img-txt-body{ width:100%;}
.paragraph--position--top .paragraph-img-txt-image{ width:100%;margin-bottom:30px;}
.paragraph--position--top .paragraph-img-txt-body{ width:100%;}


.paragraph-img-txt-image img{width:100%;  }

.paragraph-img-txt-image{position:relative;line-height:1px;}

div.paragraph-img-txt-body{

}

.paragraph--position--right .paragraph-img-txt > .paragraph-img-txt-image{
width:50%;
padding-left:var(--gapsmaller);
}

.paragraph--position--left .paragraph-img-txt > .paragraph-img-txt-image{
width:50%;padding-right:var(--gapsmaller);

}




.paragraph--position--left .paragraph-img-txt > div.paragraph-img-txt-body{
padding:0px 0px 0px 50px;width:50%;  align-self: center;
}

.paragraph--position--right .paragraph-img-txt > div.paragraph-img-txt-body{
padding:0px 50px 0px 0px;width:50%;  align-self: center;
}

 .person.paragraph--position--right .paragraph-img-txt > .paragraph-img-txt-image,
 .person.paragraph--position--left .paragraph-img-txt > .paragraph-img-txt-image,
.slogem.paragraph--position--left .paragraph-img-txt > .paragraph-img-txt-image{
width:30%;margin-bottom:20px;
}

.person.paragraph--position--right .paragraph-img-txt > div.paragraph-img-txt-body,
.person.paragraph--position--left .paragraph-img-txt > div.paragraph-img-txt-body,
.slogem.paragraph--position--left .paragraph-img-txt > div.paragraph-img-txt-body{
width:70%;  margin-bottom:0px;
}



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

 


.paragraph--position--right .paragraph-img-txt-image,
.paragraph--position--bottom .paragraph-img-txt-image{  order: 2;}

.paragraph--position--right .paragraph-img-txt-body,
.paragraph--position--bottom .paragraph-img-txt-body{  order: 1;}


.paragraph--position--right .paragraph-img-txt > .paragraph-img-txt-image,
.paragraph--position--left .paragraph-img-txt > .paragraph-img-txt-image,
div.paragraph-img-txt-image{
width:100%;padding-right:0px;padding-left:0px;
}

.paragraph--position--left .paragraph-img-txt > div.paragraph-img-txt-body,
.paragraph--position--right .paragraph-img-txt > div.paragraph-img-txt-body,
div.paragraph-img-txt-body{
  margin-bottom: 30px;

width:100%;padding:0px 0px 0px 0px;
}

.person.paragraph--position--right .paragraph-img-txt > .paragraph-img-txt-image,
.person.paragraph--position--left .paragraph-img-txt > .paragraph-img-txt-image,
.slogem.paragraph--position--left .paragraph-img-txt > .paragraph-img-txt-image{
width:100%;order:1;
}

.person.paragraph--position--right .paragraph-img-txt > div.paragraph-img-txt-body,
.person.paragraph--position--left .paragraph-img-txt > div.paragraph-img-txt-body,
.slogem.paragraph--position--left .paragraph-img-txt > div.paragraph-img-txt-body{
width:100%;  order:2;
}



}



/*===============================================================
	text - block
===============================================================*/

.paragraph-txt-block {

}

.paragraph-txt-block  .center{
  display: flex;
  justify-content: start;
  align-items: start;flex-wrap:wrap;
}

.paragraph-text{
width:50%;padding-right:30px;
}

.paragraph-block{
width:50%;padding-left:30px;
}

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


.paragraph-text{
width:100%;padding-right:0px;margin-bottom:40px;
}

.paragraph-block{
width:100%;padding-left:0px;
}

}