/*===============================================================
	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,
.paragraph--position--left .paragraph-img-txt > .paragraph-img-txt-image{
width:50%;
}

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

.paragraph--position--text70_img30.paragraph--position--right .paragraph-img-txt > div.paragraph-img-txt-body,
.paragraph--position--text70_img30.paragraph--position--left .paragraph-img-txt > div.paragraph-img-txt-body{
width:70%;
}
.paragraph--position--text70_img30.paragraph--position--right .paragraph-img-txt > div.paragraph-img-txt-image,
.paragraph--position--text70_img30.paragraph--position--left .paragraph-img-txt > div.paragraph-img-txt-image{
width:30%;
}


 

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

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

.paragraph--position--left .paragraph-img-txt-body,
.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: 20px;

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


.paragraph--position--text70_img30.paragraph--position--right .paragraph-img-txt > div.paragraph-img-txt-body,
.paragraph--position--text70_img30.paragraph--position--left .paragraph-img-txt > div.paragraph-img-txt-body{
width:100%;
}
.paragraph--position--text70_img30.paragraph--position--right .paragraph-img-txt > div.paragraph-img-txt-image,
.paragraph--position--text70_img30.paragraph--position--left .paragraph-img-txt > div.paragraph-img-txt-image{
width:100%;
}

.paragraph--position--top .paragraph-img-txt-image {
  margin-bottom: 0px;
}

}


/*========================================================
	paragraphs ikony
========================================================*/

.ikony,
.field--name-field-ikony{
margin-top:var(--gapsmall) ;
display:flex;flex-wrap:wrap;justify-content:center;align-items:start;text-align:center;
}

.text-align-left .field--name-field-ikony{
text-align:left;
}

 .ikona-row{
padding:0px 20px;
margin-bottom:var(--gapsmall) ;
}

.count4 .field--name-field-ikony > div,
.count4 .ikona-row{
width:25%;
}

 
.count3 .field--name-field-ikony > div,
.count3 .ikona-row{
width:33.33%;
}

.count2 .field--name-field-ikony > div,
.count2 .ikona-row{
width:50%;
}

.left .field--name-field-ikony{
text-align:left;
}


.inner-ikona{
max-width:600px;margin:auto;
}

.field--name-field-ikony > div{
padding:0px 20px;
margin-bottom:var(--gapsmall) ;
width:50%;
}

.field--name-field-ikony h3, 
.ikona-row h3{margin-top:0px;color:#ffffff;}


.ikona img{height:60px;}

#block-drualas-theme-cosnamiziskate {

--h3: 23px;

}

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

 .ikona img{height:50px;}

#block-drualas-theme-cosnamiziskate  .ikona img{height:45px;}

/* kontakt */
.item-par-48 .count2 .ikona-row {
    width: auto;
  }


.field--name-field-ikony h3 br, 
.ikona-row h3 br{display:none;}

#block-drualas-theme-cosnamiziskate {

--h3: 22px;

}


.count4 .field--name-field-ikony > div,
.count4 .ikona-row{
width:50%;
}

.count3 .field--name-field-ikony > div,
.count3 .ikona-row{
width:100%;
}

.count2 .field--name-field-ikony > div,
.count2 .ikona-row{
width:100%;
}

.count5  .field--name-field-ikony > div,
.count6  .field--name-field-ikony > div,
.count7  .field--name-field-ikony > div,
.count8  .field--name-field-ikony > div,
.count9  .field--name-field-ikony > div,
.count10 .field--name-field-ikony > div,
.count5  .ikona-row,
.count6  .ikona-row,
.count7  .ikona-row,
.count8  .ikona-row,
.count9  .ikona-row,
.count10  .ikona-row {
width:100%;
}


.item-par-535 .count3 .field--name-field-ikony > div{
    width: 33.333%;  padding:0px 10px;
}
 
}

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

.item-par-535 .count3 .field--name-field-ikony > div{
    --h3: 16px;
br{display:none;}
}

}

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

.paragraph--position--two > .paragraph-content > .paragraph-content-list,
.paragraph--position--three > .paragraph-content > .paragraph-content-list,
.paragraph--position--four > .paragraph-content > .paragraph-content-list,
.paragraph--position--five > .paragraph-content > .paragraph-content-list{
	align-items: inherit;
	justify-content: start;
	flex-wrap: wrap;
	display: flex;
}

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

.vcenter .pulky,
.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--four > .paragraph-content > .paragraph-content-list  > div,
.paragraph--position--five > .paragraph-content > .paragraph-content-list  > div{
padding:0px var(--gapsmaller);
}

.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--four > .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--four > .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%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  will-change: transform; 
  background-attachment: fixed;
}


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