/*---------- paragrah commons -----------------*/
.paragraph {
  clear: both;
  overflow: hidden;
}

.paragraph--type--layout-style .inner{
	/* padding-bottom:4%; */
}

/*----------------- style 1 ----------------------------------*/

.s1 {
  display: block;
  overflow: hidden;
  -webkit-clip-path: polygon(0 15%, 100% 0%, 100% 85%, 0% 100%);
  clip-path:polygon(0 15%, 100% 0%, 100% 85%, 0% 100%);
}

.s1 .inner {
  padding: 3% 1%;
}

.s1 a { 
  text-decoration:none;
}
.s1 h2 {
	font-size: 36px;
	line-height: 38px;
	font-weight: lighter;
	text-transform: uppercase;
	margin-top:0px;
}


@media screen and (max-width: 800px) { 
  .s1 {
	  display: block;
	  overflow: hidden;
	  -webkit-clip-path: polygon(0 5%, 100% 0%, 100% 95%, 0% 100%);
	  clip-path:polygon(0 5%, 100% 0%, 100% 95%, 0% 100%);
  }
}

/*----------------------------------------------*/

.s2 .inner {
	padding: 3% 1%;
	max-width:1200px;
	margin: 0 auto;
}

.s2 .inner .entity-reference-revisions {
  text-align: center;
  align-items: stretch;
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
}

.s2 .inner .entity-reference-revisions > div {
  min-width:200px;
  padding: 2%;
  min-height: 210px;
  display: inline-block;
  text-align: left;
  position: relative;
  vertical-align: middle;
  flex:40%;
  background:#fff;
  margin:1%;
  border: 1px solid #c4d8dc;
  border-radius: 0.5rem;
}

.s2 h2 {
	color:#5ea4dd;
	font-size: 36px;
	line-height: 38px;
	font-weight: lighter;
	text-transform: uppercase;
	margin-top:0px;
}

/*----------------------------------------------*/

.s3 .inner {
	padding: 3% 1%;
	max-width:1200px;
	margin: 0 auto;
}

.s3 .inner .entity-reference-revisions {
  text-align: center;
  align-items: stretch;
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
}

.s3 .inner .entity-reference-revisions > div {
  min-width:200px;
  padding: 2%;
  min-height: 210px;
  display: inline-block;
  text-align: left;
  position: relative;
  vertical-align: middle;
  flex:30%;
  background:#fff;
  margin:1%;
  border: 1px solid #c4d8dc;
  border-radius: 0.5rem;
}

.s3 h2 {
  color: #5ea4dd;
  font-size: 25px;
  line-height: 25px;
  font-weight: lighter;
  /* text-transform: uppercase; */
  margin-top: 0px;
}

/*-----------------style 4----------------------------------*/

.s4 {
  display: block;
  overflow: hidden;
  -webkit-clip-path: polygon(0 0, 100% 15%, 100% 100%, 0 85%);
  clip-path:polygon(0 0, 100% 15%, 100% 100%, 0 85%);
}

.s4 .inner {
  padding: 3% 1%;
}

.s4 a { 
  text-decoration:none;
}
.s4 h2 {
	font-size: 36px;
	line-height: 38px;
	font-weight: lighter;
	text-transform: uppercase;
	margin-top:0px;
}


@media screen and (max-width: 800px) { 
  .s4 {
	  display: block;
	  overflow: hidden;
	  -webkit-clip-path: (0 0, 100% 5%, 100% 100%, 0 95%);
	  clip-path:polygon(0 0, 100% 5%, 100% 100%, 0 95%);
  }
}

/*----------------------------------------------*/





.collapseline {
	font-size:110%;
	cursor:pointer;
}

.collapseline::before {
	content: '- ';
	font-size: 37px;
	vertical-align: -5px;
	display: inline;
}

.collapseline.collapsed::before { 
  content:'+ ';
  font-size:37px;
  vertical-align: -5px;
  display: inline;
}

.collapseline:not(.none):hover::before {
	filter: invert(70%);
	-webkit-transition: transform 2s ease-in-out;
}

.collapseline.none {
	cursor:default !important;
}

.paragraph--type--image-slider {
display: block;
margin: 0 auto !important;
}