/*===============================================================
	header bg
===============================================================*/

@keyframes showSlide{
0% {-moz-transform:  scale(1);-webkit-transform:  scale(1);-o-transform:  scale(1);-ms-transform:  scale(1);transform:  scale(1);}
50% {-moz-transform:  scale(1.05);-webkit-transform:  scale(1.05);-o-transform: scale(1.05);-ms-transform:  scale(1);transform:  scale(1.05);}
100% {-moz-transform:  scale(1);-webkit-transform:  scale(1);-o-transform:  scale(1);-ms-transform:  scale(1);transform:  scale(1);}
}

.header-around{
  position: relative;
  overflow: hidden;
}

.ma .header-around{
  width: 100%;  
  min-height: 350px;
  height: 100vh;
  max-height: 56.25vw;
}

.header-around-bg{
  background-repeat:no-repeat;
background-position: center bottom ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
animation: showSlide 8000ms infinite ease;
-webkit-transform-origin: center center 0;
-moz-transform-origin: center center 0;
-o-transform-origin: center center 0;
-ms-transform-origin: center center 0;
transform-origin: center 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);
}

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

.ma .header-around{
  max-height: 0px;
}


}


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


.paragraph--type--image .paragraph-content-in{
position: relative;  overflow: hidden;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}


.field--name-field-image{
line-height:1px;  position: relative;
  overflow: hidden;
}

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

.img_right_left .field--name-field-image .field__item:nth-child(1){width:80%;margin:0px 0px var(--gapsmallminus) auto;position:relative;}
.img_right_left .field--name-field-image .field__item:nth-child(2){width:80%;margin:0px auto 0px 0px ;}

.img_left_right .field--name-field-image .field__item:nth-child(1){width:90%;margin:0px auto var(--gapsmallminus) 0px ;position:relative;}
.img_left_right .field--name-field-image .field__item:nth-child(2){width:80%;margin:0px 0px 0px auto;}

.img_small_top .field--name-field-image {
  display: flex;  gap: var(--gapbig);align-items:end;margin-top:var(--gapminus);padding-bottom:var(--gap);
}

.img_small_top .field--name-field-image .field__item:nth-child(1){width:45%;text-align:right;margin-bottom:var(--gapminus);}
.img_small_top .field--name-field-image .field__item:nth-child(1) img{width:80%;}

.img_small_top .field--name-field-image .field__item:nth-child(2){width:55%;}


/*========================================================
	 three, four, five column
========================================================*/


.paragraph--position--four > .paragraph-content > .paragraph-content-list,
.paragraph--position--three > .paragraph-content > .paragraph-content-list{
	align-items: inherit;
	justify-content: start;
	flex-wrap: wrap;
	display: flex;
  margin: 0px var(--gapsmallestminus) var(--gapsmallerminus);
}

 
.paragraph--position--three > .paragraph-content > .paragraph-content-list  > div,
.paragraph--position--four > .paragraph-content > .paragraph-content-list  > div{
  padding: 0px var(--gapsmallest);   margin-bottom: var(--gapsmaller);display:flex;
}


.paragraph--position--three > .paragraph-content > .paragraph-content-list  > div{width:33.333%;}
.paragraph--position--four > .paragraph-content > .paragraph-content-list  > div{width:25%;}

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

.paragraph--position--four > .paragraph-content > .paragraph-content-list, 
.paragraph--position--three > .paragraph-content > .paragraph-content-list {
  justify-content: center;
}

.paragraph--position--three > .paragraph-content > .paragraph-content-list  > div,
.paragraph--position--four > .paragraph-content > .paragraph-content-list  > div{
width:50%;
}

}

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

.paragraph--position--three > .paragraph-content > .paragraph-content-list  > div,
.paragraph--position--four > .paragraph-content > .paragraph-content-list  > div{
	width:100%; 
    max-width: 600px; 
}

}


/*===============================================================
	two
===============================================================*/

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

.paragraph--position--two_first_small > .paragraph-content > .paragraph-content-list > div,
.paragraph--position--two_last_small > .paragraph-content > .paragraph-content-list > div,
.paragraph--position--two > .paragraph-content > .paragraph-content-list > div{
padding:0px var(--gapsmall);display:flex;width:50%;
}

.paragraph--position--two_first_small > .paragraph-content > .paragraph-content-list > div:first-child,
.paragraph--position--two_last_small > .paragraph-content > .paragraph-content-list > div:first-child,
.paragraph--position--two > .paragraph-content > .paragraph-content-list > div:first-child{
margin-left:0px;margin-right:auto;
}

.paragraph--position--two_first_small > .paragraph-content > .paragraph-content-list > div:last-child,
.paragraph--position--two_last_small > .paragraph-content > .paragraph-content-list > div:last-child,
.paragraph--position--two > .paragraph-content > .paragraph-content-list > div:last-child{
margin-left:auto;margin-right:0px;
}

.paragraph--position--two_first_small > .paragraph-content > .paragraph-content-list > div:first-child,
.paragraph--position--two_last_small > .paragraph-content > .paragraph-content-list > div:last-child{width:45%;}

.paragraph--position--two_first_small > .paragraph-content > .paragraph-content-list > div:last-child,
.paragraph--position--two_last_small > .paragraph-content > .paragraph-content-list > div:first-child{width:55%;}

.paragraph--position--two_last_small > .paragraph-content > .paragraph-content-list > div:first-child .field--name-field-body,
.paragraph--position--two_first_small > .paragraph-content > .paragraph-content-list > div:last-child .field--name-field-body{
width:80%;
}

.paragraph--position--two_first_small > .paragraph-content > .paragraph-content-list > div,
.paragraph--position--two_last_small > .paragraph-content > .paragraph-content-list > div,
.paragraph--position--two  > .paragraph-content > .paragraph-content-list > div{
}


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

.paragraph--position--two_first_small > .paragraph-content > .paragraph-content-list > div:last-child,
.paragraph--position--two_last_small > .paragraph-content > .paragraph-content-list > div:first-child,
.paragraph--position--two_first_small > .paragraph-content > .paragraph-content-list > div:first-child,
.paragraph--position--two_last_small > .paragraph-content > .paragraph-content-list > div:last-child{width:50%;}


}

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

.paragraph--position--two_first_small > .paragraph-content > .paragraph-content-list > div:last-child,
.paragraph--position--two_last_small > .paragraph-content > .paragraph-content-list > div:first-child,
.paragraph--position--two_first_small > .paragraph-content > .paragraph-content-list > div:first-child,
.paragraph--position--two_last_small > .paragraph-content > .paragraph-content-list > div:last-child,
.paragraph--position--two_first_small > .paragraph-content > .paragraph-content-list > div,
.paragraph--position--two_last_small > .paragraph-content > .paragraph-content-list > div,
.paragraph--position--two > .paragraph-content > .paragraph-content-list > div{
	width:100%;
}

.paragraph--position--two_last_small > .paragraph-content > .paragraph-content-list > div:first-child .field--name-field-body,
.paragraph--position--two_first_small > .paragraph-content > .paragraph-content-list > div:last-child .field--name-field-body{
width:100%;
}


}


/*========================================================
	parwithbg 
========================================================*/

.parwithbg {
  background-repeat:no-repeat;
background-position: center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


/*========================================================
	paragraphs group
========================================================*/

.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;}
 



/*========================================================
	img - text
========================================================*/


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

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

  background-repeat:no-repeat;
background-position: center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

/* top */

.paragraph--position--top .paragraph-img-txt-image{  order: 0;width:100%;}
.paragraph--position--top .paragraph-img-txt-body{  order: 1;width:100%;  align-self: start;}

/* bottom */

.paragraph--position--bottom .paragraph-img-txt-body{  order: 0;width:100%;}
.paragraph--position--bottom .paragraph-img-txt-image{  order: 1;width:100%;}

/*left */

.paragraph--position--left .paragraph-img-txt-body{  
	order: 1;
	width:calc(50% - var(--gapsmall));
	padding-left:var(--gap);
}

.paragraph--position--left .paragraph-img-txt-image{  
	order: 0;
	width:calc(50% + var(--gapsmall));  
	text-align: left; 
}

/*right*/

.paragraph--position--right .paragraph-img-txt-image{  
	order: 1; 
	width:calc(50% + var(--gapsmall)); 
	text-align: right; 
}

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

.paragraph--position--right .paragraph-img-txt-image,
.paragraph--position--left .paragraph-img-txt-image{  
 padding-bottom:0px !important;
}

}

.paragraph--position--right .paragraph-img-txt-body{  
	order: 0;
	width:calc(50% - var(--gapsmall));
	padding-right:var(--gap);
}

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


/* left */

.paragraph--position--left .paragraph-img-txt-image{ order: 1; width:100%;  text-align: center;}
.paragraph--position--left .paragraph-img-txt-body{ order: 0; padding-left:0px; width:100%;  }


/* right */

.paragraph--position--right .paragraph-img-txt-image{ order: 1; width:100%;  text-align: center;}
.paragraph--position--right .paragraph-img-txt-body{ order: 0; padding-right:0px; width:100%;  }


}



/*==============================================================
	background
==============================================================*/ 

.paragraph--position--background {
 background-repeat:no-repeat;
background-position: center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin-bottom: -1px;
}

 
.paragraph--position--background  .paragraph-img-txt{
height:47vw;max-height:100vh;
/*
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
*/
  display: flex;
  justify-content: center;
  align-items: end;
  width: 100%;
  padding: 0px var(--centerpadding) var(--gapsmall);
}


/*===============================================================
	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;
}

}
 

/*===============================================================
	order
===============================================================*/


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

.order0{order:0;}
.order1{order:1;}

}