/*********************************
Section - USP and media
*/
section.section-usp-media .usp__intro{ margin-bottom:42px;}

.usp{padding: 0 0 0 0px;}
.usp-item {position: relative;list-style-type: none;
  padding-left: 70px;
  background-repeat: no-repeat;
/*   background-image: url("data:image/svg+xml,%3Csvg id='Icon' xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Ccircle id='Oval' cx='15' cy='15' r='15' fill='%23ff6348' opacity='0.19'/%3E%3Cpath id='Path_5' data-name='Path 5' d='M0,5.063,5.438,9.724,13.68,0' transform='translate(8 10)' fill='none' stroke='%23ff6348' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='4'/%3E%3C/svg%3E%0A"); */
  background-size: 40px;
}
.usp-item .icon-holder {
  position: absolute;
  left: -8px;
  top: -4px;
}
.usp-item__name{font-weight:bold;}

.section-usp-media__image{color:var(--base-color);overflow:hidden;border-radius:15px;position:relative;box-shadow: 0 24px 30px 0 rgba(117,147,183,0.20);}
.section-usp-media__image-linked{-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}
.section-usp-media__image-linked:hover{box-shadow: 0 24px 30px 0 rgba(117,147,183,0.40);}
.section-usp-media__image-link{text-decoration:none;}
.section-usp-media__content{padding:10px 30px 30px 30px;background:#fff;position:relative;text-align:center;}
.section-usp-media__clouds{width:100%;height:0;padding-bottom:19.5%;position:absolute;left:0;bottom:100%;}

section.section-usp-media  .flex-wrapper{margin:0 auto;/* flex */ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /* flex-wrap */ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
section.section-usp-media  .full{margin-left:auto; margin-right:auto;}

/* flex justify options */
section.section-usp-media  .flex-wrapper.content-start{-webkit-box-pack: start; -moz-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start;}
section.section-usp-media  .flex-wrapper.content-center{-webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}
section.section-usp-media  .flex-wrapper.content-end{-webkit-box-pack: end; -moz-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end;}
section.section-usp-media  .flex-wrapper.content-justify{-webkit-box-pack: justify; -moz-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;}

/* flex direction options */
section.section-usp-media  .flex-wrapper.order-default{-webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
section.section-usp-media  .flex-wrapper.order-reverse{-webkit-box-direction: reverse; -moz-box-direction: reverse; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse;}

/* flex alignment options */
section.section-usp-media  .flex-wrapper.vertical-align-top{-webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: start; -moz-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start;}
section.section-usp-media  .flex-wrapper.vertical-align-middle{-webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
section.section-usp-media  .flex-wrapper.vertical-align-bottom{-webkit-align-content: flex-end; -ms-flex-line-pack: end; align-content: flex-end; -webkit-box-align: end; -moz-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end;}
section.section-usp-media  .flex-wrapper.vertical-align-stretch{-webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-align: stretch; -moz-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;}

section.section-usp-media  .flex-wrapper .block{width:100%;}
section.section-usp-media  .flex-wrapper .block:after{content:'';display:table;clear:both;}

section.section-usp-media  .flex-wrapper.ratio3070 .block.left{width:28%;}
section.section-usp-media  .flex-wrapper.ratio3070 .block.right{width:68%;}
section.section-usp-media  .flex-wrapper.ratio4060 .block.left{width:43%;}
section.section-usp-media  .flex-wrapper.ratio4060 .block.right{width:50%;}
section.section-usp-media  .flex-wrapper.ratio5050 .block.left{width:48%;}
section.section-usp-media  .flex-wrapper.ratio5050 .block.right{width:48%;}
section.section-usp-media  .flex-wrapper.ratio6040 .block.left{width:43%;}
section.section-usp-media  .flex-wrapper.ratio6040 .block.right{width:50%;}
section.section-usp-media  .flex-wrapper.ratio7030 .block.left{width:68%;}
section.section-usp-media  .flex-wrapper.ratio7030 .block.right{width:28%;}

section.section-usp-media  .full{display:block;}

/*
xxl = '1400px'
xl = '1200px'
lg = '992px'
md = '768px'
sm = '576px'
xs = '480px'
*/

@media (max-width: 992px ){
  section.section-usp-media .flex-wrapper{}
  section.section-usp-media .flex-wrapper .block,
  section.section-usp-media .flex-wrapper[class*="ratio"] .block,
  section.section-usp-media .flex-wrapper[class*="ratio"] .block.left,
  section.section-usp-media .flex-wrapper[class*="ratio"] .block.right{ width:100%; }
  section.section-usp-media .flex-wrapper .block.right{margin-top:20px;}

  section.section-usp-media .block.right.block--hide-mobile{display:none;}

  /* Reverse order for mobile */
  section.section-usp-media .flex-wrapper.column-reverse{-webkit-box-direction: reverse;-moz-box-direction: reverse;-webkit-box-orient: vertical;-moz-box-orient: vertical;-webkit-flex-direction: column-reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
  section.section-usp-media .flex-wrapper.column-reverse .block.left{margin-top:30px;}
  section.section-usp-media .flex-wrapper.column-reverse .block.right{margin-top:0;}
}