.unslider video{
    width: 100%;
    height: auto;
}
.oxy-rich-text ul li::marker{
  content: url('./drop-12.svg');
}
.oxy-rich-text ul li{
  padding-left: 5px;
}

.cf-7--input-group {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* Input */
.cf-7--input-group__field {
  flex: 1;
}
.cf-7--input-group__field input {
  padding: 20px 30px;
  height: 66px;
  font-size: 17px;
  border: 3px solid #00B0EA;
  border-radius: 0;
  transition: all 0.3s;
  width: 100%;
}

.cf-7--input-group__field input:focus {
  outline: none;
}

.cf-7--input-group__field input::-webkit-input-placeholder { /* Edge */
  color: rgb(0, 74, 142, .3);
  font-weight: 500;
}

.cf-7--input-group__field input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: rgb(0, 74, 142, .3);
  font-weight: 500;
}

.cf-7--input-group__field input::placeholder {
  color: rgb(0, 74, 142, .3);
  font-weight: 500;
}

/* Input state */

.cf-7--input-group__field input.wpcf7-not-valid {
  border-color: #dc3232;
}

/* Button */

.cf-7--input-group__button {
  position: relative;
}
.cf-7--input-group__button .wpcf7-submit {
  font-size: 0;
  height: 66px;
  width: 66px;
  display: flex;
  margin: 0;
  border: 3px solid #00B0EA;
  background-color: #00B0EA;
  border-radius: 0;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.00007 10.4853H17.9706M17.9706 10.4853L9.48535 2M17.9706 10.4853L9.48535 18.9706' stroke='white' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
}

.cf-7--input-group__button .wpcf7-spinner {
  display: none;
  margin: 0;
  position: absolute;
}

/* Footer */


.footer--menu .oxy-nav-menu-list {
  flex-wrap: wrap;
}

.footer--menu .oxy-nav-menu-list > * {
  flex: 1 1 50%;
}
@media screen and (min-width: 1025px) {
  .footer--menu .oxy-nav-menu-list {
    flex-direction: column;
  }
  .footer--menu .oxy-nav-menu-list > * {
    flex: 1 1 100%;
  }
  .footer--menu .oxy-nav-menu-list .menu-item a {
    text-align: left;
  }

  .footer--menu .oxy-nav-menu-list li.menu-item {
    justify-content: flex-start;
    align-items: flex-start;
  }
}

/* Hero Home Swiper */
.home-hero-swiper .swiper-pagination-bullet {
  border-radius: 0;
  background-color: #00B0EA;
  height: 5px;
  width: 30px;
  margin-left: 0;
  margin-right: 0;
}

/* Latest news */

.latest-posts .oxy-posts {
	display: grid;
	gap: 30px;
}

.latest-post .square_block-link {
	display: flex;
  flex-direction: column;
  padding: 0;
}

.latest--post-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
	margin-bottom: auto;
  opacity: 0;
  transition: .3s ease-in-out opacity;
  color: rgba(255,255,255,0.8);
  padding: 20px;
  width: 100%;
}

.latest-post:hover .latest--post-header {
  opacity: 1;
  cursor: default;
}

.latest--post-body {
	opacity: 0;
	max-height: 0px;
	overflow: hidden;
	transition: .3s ease-in-out opacity,.3s ease-in-out max-height;
  display: flex;
  flex-direction: column;
}

.latest-post:hover .latest--post-body {
	opacity: 1;
	max-height: 400px;
}

.latest-post .post-body--title {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: 120%;

  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: #004A8E;
  padding: 20px;
  width: 100%;
}

.latest-post:hover .post-body--title {
  color: #FFFFFF;
}

.latest-post .post-body--content {
  color: rgba(255,255,255,0.8);
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  line-height: 140%;
  padding: 0 20px;
  cursor: default;
  flex-shrink: 3;
  overflow: hidden;
}

.latest-post .post-body--content * {
  margin: 0;
}

.latest-post .latest--post-readme {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px 20px;
  color: #ffffff;
}
.latest-post .latest--post-readme::after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.00007 10.4853H17.9706M17.9706 10.4853L9.48535 2M17.9706 10.4853L9.48535 18.9706' stroke='white' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  height: 1em;
  width: 1em;
  background-size: contain;
}

@media screen and (min-width: 768px) {
  .latest-posts .oxy-posts {
    grid-template-columns: repeat(3, 1fr);
  }
}


.shareblock{
  display: flex;
  justify-content: stretch;
  gap: 5px;
  flex-wrap: wrap;
}

.shareblock a {
  background: #4267b2;    
  text-align: center;
  color: #fff !important;
  font-size: 1em;
  line-height: 1em;
  display: flex;
  justify-content: center;
  align-items: stretch;
  overflow: hidden;
  font-weight: 500;
} 

.shareblock a > *{
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
}

.shareblock a:not(.reddit):not(.email):not(.pinterest)>.icon{
  max-width: 60px;
}

.shareblock .title{
  background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.12)),to(transparent));
  background-image: -webkit-linear-gradient(left,rgba(0,0,0,.12),transparent);
  background-image: -o-linear-gradient(left,rgba(0,0,0,.12),transparent);
  background-image: linear-gradient(90deg,rgba(0,0,0,.12),transparent);
  font-weight: 500;
  min-width: max-content;
}

.shareblock a:hover{
  background-color: #365899;
}
.shareblock .email{
  max-width: 50px;
}
.shareblock .twitter{
  background-color: #56acee;
}
.shareblock .twitter:hover{
  background-color: #0483D2
}
.shareblock .copy{
  background-color: rgba(0, 0, 0, 0.829)
}
.shareblock .copy:hover{
  background-color: #000
}
.video-share .copy{
  background-color: #222222
}
.video-share .copy:hover{
  background-color: #303030
}
.shareblock .pinterest{
  background-color: #e64961;
  max-width: 50px;
}
.shareblock .pinterest:hover{
  background-color:#e0354f
}
.shareblock .reddit{
  background-color: #5f99cf;
  max-width: 50px;
}
.shareblock .reddit:hover{
  background-color:#4e91cf
}
.shareblock .whatsapp{
  background: #24cc63;
}
.shareblock .whatsapp:hover{
  background: #15b351;
}
.shareblock .linkedin {
  background: #0077b5;
}

.shareblock .linkedin:hover {
  -webkit-filter: saturate(1.5) brightness(1.2);
  filter: saturate(1.5) brightness(1.2);
}
 
.shareblock svg{
  width: auto;
  height: 1em;
}
.shareblock a.whatsapp svg{
  height: 25px;
}
.shareblock a.whatsapp>.icon{
  padding: 10px
}
.shareblock a:not(.reddit) svg,
.shareblock a:not(.pinterest) svg{
  fill: #fff
}
.shareblock a.toggle:hover{
  background: #bdbdbd;
}



/* Clients and awards */
.sh-posts .sh-post{
  margin: 20px;
}
.sh-posts .sh-post>*{
  border: 1px solid #ececec;
  transition: all .3s ease-in-out;
  display: block;
  padding: 10px;
}
.sh-posts .sh-post:hover a{
  border-color: #75dde2;
}
.sh-posts .sh-post:hover div{
  border-color: #d6d6d6;
}
.sh-posts .image,
.sh-posts picture{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
  max-width: 90%;
}
.sh-posts img{
  height: auto;
  max-height: 100%;
  max-width: 90%;
  margin-bottom: 10px;
}
.sh-posts .title{
  text-align: center;
  text-transform: uppercase;
  color: #5a5a5a;
  line-height: normal;
  font-size: 13px;
}
.sh-posts img{
  /* filter: grayscale(1); */
  transition: all .3s ease-in-out;
  opacity: .7;
}
.sh-posts .sh-post:hover img{
  /* filter: none; */
  opacity: 1;
}
.noresize{
  height: auto !important;
}
 
@media(min-width: 768px){
  .sh-posts{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .sh-posts .sh-post{
    width: 20%;
    margin: 20px;
  }
  
}

@media (min-width: 1024px) {
  .noresize{
    height: inherit;
  }
  #menu-main>li>a{
    position: relative
  }
  #menu-main>.current-menu-item>a::before,
  #menu-main>li>a::after{
     content: '';
     position: absolute;
     bottom: 0;
     left: 50%;
     transform: translateX(-50%);
     width: 0px;
     height: 1px;
     transition: all .3s linear;
     background: #004a8e;
  }
  #menu-main>.current-menu-item>a::before,
  #menu-main>li>a:hover::after{
     width: 80%;
  }
}

@media(max-width: 1288px){
  .sub-menu{
    background: #e6f8fd;
  }
  .sub-menu li a{
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}

.square_block:not(.lazy-visible){
  background-image:url('/wp-content/plugins/bosaq/ph.png')!important;
}