/*
Theme Name: She Trades
Theme URI: https://shetrades.com
Author: Regis Vidal
Author URI: 
Description: Shetrades Wordpress template
Requires at least: 6.1
Tested up to: 6.1
Requires PHP: 5.6
Version: 1.0
Text Domain: shetrades
*/
 

@import url('https://fonts.googleapis.com/css2?family=Public+Sans&family=Zilla+Slab&display=swap');

@charset "utf-8";
body{
  color:#2d3142;
  scrollbar-gutter: stable;
}

.wp-block-shetrades-core-element-element-text, .block-text{
  line-height: 1.8;
}

.editor{
  max-width: 100% !important;
}

.components-base-control{
  width: 100% !important;
}



/*
.editor-styles-wrapper .block-editor-block-list__layout.is-root-container{
  max-width: 100%;
}
*/

div, .editor div{
  box-sizing: border-box;
}

.wp-block{
  min-height: 20px;
  transform-origin: inherit !important;
  transform:none !important;
  max-width: 100% !important;
}
.block, .block.col{
  min-height: 20px;
}
.wp-block:hover{
  outline: 1px dashed #414f68;
  cursor: pointer;
}
.wp-block.is-selected:hover{
   outline: none;
}
.wp-block:after{
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  outline: 2px dashed #414f68 !important;
}
.wp-block.is-selected .rich-text{
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.editor .block-editor-inner-blocks .block-editor-block-list__layout{
  background-color: inherit;
  display: block;
  padding:0px;
  margin:0px;
  padding-top:0px;
  padding-bottom:0px;
  padding-left:0px;
  padding-right:0px;
  text-align: left; 
}
.editor ._inline-block{
  display: inline-block;
}

.test{
  width: 100% !important;
}

.block .max-width{
  max-width: 100% !important;
  text-align: center;
}

.placeholder-image{
  background: url(../images/placeholder_image.jpeg) no-repeat bottom;
  background-size: cover;
  width:283px;
  height: 178px;
}
.placeholder-icon{
  background: url(../images/placeholder_icon.png) no-repeat bottom;
  background-size: cover;
  width:185px;
  height: 185px;
  opacity: 0.1;
}
.patterns{
  max-width: 100% !important;
}
.pseudo-a{
  color:#c0212b;
}
.pseudo-a:hover{
  text-decoration: underline;
  color:#88aaca;
}
.background-map{
  background-size: contain;
  background-position: center;
  background-color: #4f5d75;
/*  background: url("../images/svg/worldmap.svg");*/
  background: url("../images/worldmap.png");
  max-width: 1101px;
  width: 100%;
  height: 636px;
}
.dot1{
  top:5%; 
  left:20%;
}
.dot2{
  top:5.1%;
  left:30%;
}
.wp-block-shetrades-about-mentorship .placeholder-icon{
  max-width: 100px;
}
.block_with_left_photos .photos .placeholder-icon{
  width:45%;
}
.block-editor-inner-blocks .block-editor-block-list__layout{
  border-radius: 10px;
  padding: 10px;
  background-color: #fcffff;
  display: flex;
  flex-flow: wrap;
  align-items: center;
  justify-content: space-between;
}
.block-editor-inner-blocks .block-editor-block-list__layout figure, .block_partners_box .content figure{
  margin: 10px;
}
.button-cta, .button-cta {
  color: #fff;
  background-color: #c0212b;
  box-sizing: border-box;
  border: 4px solid #c0212b;
  display: block;
  max-width: max-content !important;
  padding:10px;
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: pointer;
}
.editor .button-cta:hover, .editor.button-cta:hover {
  border: 4px solid #88aaca;
}

.button-cta:hover {
  border: 4px solid #88aaca;
  color:#ffffff;
}
.block-list-appender{
  width: 100%;
}
.block_default .content{
  display: block;
}

.editor .pre{
  background:#fafafa;
}

.tag{
  display: inline-block;
  background: #ffffff;
  border:1px solid #cccccc;
  padding:5px;
  padding-left: 8px;
  padding-right: 8px;
  margin-right: 10px;
  border-radius: 5px;
  margin-bottom: 10px;
}

.block-tag{
  max-width: max-content !important;
  margin-right: 10px;
  text-transform: uppercase;
}

hr , .editor hr{
  height: 0;
  border: 0;
  border-bottom: 1px solid #aaaaaa !important;
  border-top: 1px solid #aaaaaa !important;
}

.block .paginationjs .paginationjs-pages ul li, .wp-block .paginationjs .paginationjs-pages ul li{
  list-style: none;
}

.block .paginationjs .paginationjs-pages li.active>a, .wp-block .paginationjs .paginationjs-pages li.active>a{
  background: #c0212b;
}


.pagination {

}

.pagination .page-numbers{
  padding-top: 10px;
  padding-bottom: 10px;
  min-width: 40px;
  text-align: center;
  display: inline-block;
}

.pagination .page-numbers.current{
  background: #c0212b;
  color:#ffffff;
}


.quote .inner{
  position:relative; 
  min-height:100px;
}
.quote .inner .background-top-left{
  position:absolute; 
  z-index:0; 
  top:0px; 
  left:0px; 
  height:80px;
  width:92px;
  background: url(../images/quotes.svg) no-repeat center;
  background-size: cover;
}
.quote .inner .background-bottom-right{
  position:absolute; 
  z-index:0; 
  bottom:0px; 
  right:0px; 
  /* height:100px; */
  height:80px;
  /* width:115px; */ 
  width:92px;
  transform: rotate(180deg);
  background: url(../images/quotes.svg) no-repeat center;
  background-size: cover;
}
.quote .inner .content{
  position:relative; 
  z-index:1; 
  top:0px; 
  left:0px; 
  padding:30px;
  padding-left: 50px;
  padding-right: 50px;
  font-family: "Zilla Slab", serif;
  line-height: normal;
  margin:0 0 0 0;
  font-weight: normal;
}

@media (max-width: 768px) {
  .quote .inner .background-top-left, .quote .inner .background-bottom-right{
    height:50px;
    width:58px;  
  }
  .quote .inner .content{
    padding:20px;
    padding-left: 20px;
    padding-right: 20px;
  }  
}

.block.video {
    display: flex;
    justify-content: center;
}

.block.video iframe {
    aspect-ratio: 16 / 9;
    width: 100% !important;
}

.block.video video {
  width: 100% !important;
  height: auto !important;
  max-width: 600px;
}


iframe {

}

/* Columns */
.section .content {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

/* text */
.font-bold, .block.font-bold, .editor .font-bold{
  font-weight: bold;
}
.font-oblique, .block.font-oblique, .editor .font-oblique{
  font-style: oblique;
}
.editor ._text-align-center, ._text-align-center{
  text-align: center;
}
.editor ._text-align-left, ._text-align-left{
  text-align: left;
}
.editor ._text-align-right, ._text-align-right{
  text-align: right;
}
/* textColor */
.color-white {
  color: #ffffff;
}
.color-black {
  color: #2d3142;
}
.color-red {
  color: #c0212b;
}
.color-grey {
  color: #555555;
}
.inline{
  display: flex; 
  flex-flow: nowrap; 
  align-items: baseline;
}


/* Lists */
.content ul {
  padding: 10px;
}
.content ul, .content li {
  list-style: circle;
  list-style-type: disc;
  /* margin-left: 30px; */
}
.content ol {
  list-style: none;
  counter-reset: item;
}
.content ol li {
  list-style: none;
  counter-increment: item;
  margin: 10px;
  padding: 10px;
  list-style-position: outside;
  background: #fcffff;
  border-radius: 10px;
  overflow:hidden;
}
.content ol li:before {
  margin-right: 10px;
  content: counter(item);
  background: #4f5d75;
  border-radius: 100%;
  color: #fcffff;
  width: 50px;
  height: 50px;
  text-align: center;
  display: inline-block;
  font-size: 24px;
  line-height: 50px;
  float: left;
}



/* Backgrounds */
.bg-size-cover{
  background-size: cover !important;
}
.bg-light-blue, .wp-block.bg-light-blue, .block.bg-light-blue {
  background-color: #4f5d75;
}
.bg-blue, .wp-block.bg-blue, .block.bg-blue {
  background-color: #414f68;
}
.bg-blue2, .wp-block.bg-blue2, .block.bg-blue2 {
  background-color: #5d6f8d;
}
.bg-gray, .wp-block.bg-gray, .block.bg-gray {
  background-color: #f2f2f2;
}
.bg-dark-blue, .wp-block.bg-dark-blue, .block.bg-dark-blue {
  background-color: #2d3142;
}
.bg-white, .wp-block.bg-white, .block.bg-white {
  background-color: #ffffff;
}
.bg-a1cdf3, .wp-block.bg-a1cdf3, .block.bg-a1cdf3 {
  background-color: #a1cdf3;
}
.bg-c0212b, .wp-block.bg-c0212b, .block.bg-c0212b {
  background-color: #c0212b;
}

.hover-bg-light-blue:hover, .wp-block.hover-bg-light-blue:hover, .block.hover-bg-light-blue:hover {
  background: #4f5d75;
}
.hover-bg-blue:hover, .wp-block.hover-bg-blue:hover, .block.hover-bg-blue:hover {
  background: #414f68;
}
.hover-bg-blue2:hover, .wp-block.hover-bg-blue2:hover, .block.hover-bg-blue2:hover {
  background: #5d6f8d;
}
.hover-bg-gray:hover, .wp-block.hover-bg-gray:hover, .block.hover-bg-gray:hover {
  background: #f2f2f2;
}
.hover-bg-dark-blue:hover, .wp-block.hover-bg-dark-blue:hover, .block.hover-bg-dark-blue:hover {
  background: #2d3142;
}
.hover-bg-white:hover, .wp-block.hover-bg-white:hover, .block.hover-bg-white:hover {
  background: #fcffff;
}
.hover-bg-red:hover, .wp-block.hover-bg-red:hover, .block.hover-bg-red:hover {
  background: #c0212b;
}
.editor.section-video, .section-video{
  min-height: 350px;
} 
.section-video .background-video{
  height: 350px;
  width: 100%;
  position: absolute;
  object-fit: cover;
}
.section-video .front-video-overlay {
  min-height: 350px;
  box-sizing: border-box;
  position: absolute;
  background: url(../images/header_overlay.png) no-repeat bottom;
  background-size: cover;
  width: 100%;
}
.section-video .content {
  box-sizing: border-box;
  position: relative;
}
.bg-circle {
  background-image: url("../images/whiteblockbgcircles.png");
  background-repeat: no-repeat;
}
._left-bottom{
    background-position: left bottom;
}
._right-bottom{
    background-position: right bottom;
}
._center-bottom{
    background-position: center bottom;
}
.header-info-panel{
  background: rgb(65,79,104); 
  background: linear-gradient(180deg, rgba(79,93,117,1) 50%, rgba(65,79,104,1) 50%); 
}



/* Heading */
.h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6 h6{
  font-family: "Zilla Slab", serif;
  line-height: normal;
  margin:0 0 0 0;
  font-weight: normal;
}
.h1, h1 {
  font-size: 40px;
}
.h2, h2 {
  font-size: 1.5em;
}
.h3, h3 {
  font-size: 1.17em;
}



/* Links */
a i{
  margin-left: 8px;
}
a:hover {
  text-decoration: none;
}
a:hover i.fa-arrow-right{
  margin-left: 15px;
}



/* Complex Elements */

/* [Blocks] Gallery */
.gallery {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}
figure {
  margin: 0 0 0 0;
}



/* [Blocks] Slider */

.slider .owl-nav button {
  position: absolute;
  top: 50%;
  background-color: #000;
  color: #fff;
  margin: 0;
  transition: all 0.3s ease-in-out;
}
.slider .owl-nav button.owl-prev {
  left: 0;
}
.slider .owl-nav button.owl-next {
  right: 0;
}

.slider .owl-dots {
  text-align: center;
  padding-top: 15px;
}
.slider .owl-dots button.owl-dot {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: inline-block;
  background: #ccc;
  margin: 0 3px;
}
.slider .owl-dots button.owl-dot.active {
  background-color: #000;
}
.slider .owl-dots button.owl-dot:focus {
  outline: none;
}
.slider .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.38) !important;
}
.slider span {
    font-size: 70px;    
    position: relative;
    top: -5px;
}
.slider .owl-nav button:focus {
    outline: none;
}


/* [Blocks] Testimonials */
.testimonials ul {
  display: block;
  width: 100%;
  text-align: center;
}
.testimonials li {
  display: inline-block;
  position: relative;
  margin: auto !important;
}
.testimonials li img {
  position: relative;
  border-radius: 100px;
  cursor: pointer;
  border: 3px solid transparent;
}
.testimonials li span {
  position: absolute;
  top: -16px;
  left: 30px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 11px 19.1px 11px;
  border-color: transparent transparent #c0212c transparent;
  display: none;
  border-radius: 100px;
}
.testimonials li p {
  background: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzc2IDE4NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB4PSIxNiIgeT0iOSIgd2lkdGg9IjM2MCIgaGVpZ2h0PSIxNzUiIHJ4PSIxNSIgZmlsbD0id2hpdGUiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIxLjQyODYgNTBIMzkuMjg1N0M0NS4yMDA5IDUwIDUwIDU0Ljc5OTEgNTAgNjAuNzE0M1Y4OS4yODU3QzUwIDk1LjIwMDkgNDUuMjAwOSAxMDAgMzkuMjg1NyAxMDBIMTAuNzE0M0M0Ljc5OTExIDEwMCAwIDk1LjIwMDkgMCA4OS4yODU3VjM1LjcxNDNDMCAxNS45ODIxIDE1Ljk4MjEgMCAzNS43MTQzIDBIMzcuNUM0MC40Njg4IDAgNDIuODU3MSAyLjM4ODM5IDQyLjg1NzEgNS4zNTcxNFYxNi4wNzE0QzQyLjg1NzEgMTkuMDQwMiA0MC40Njg4IDIxLjQyODYgMzcuNSAyMS40Mjg2SDM1LjcxNDNDMjcuODM0OCAyMS40Mjg2IDIxLjQyODYgMjcuODM0OCAyMS40Mjg2IDM1LjcxNDNWNTBaTTg1LjcxNDMgNTBIMTAzLjU3MUMxMDkuNDg3IDUwIDExNC4yODYgNTQuNzk5MSAxMTQuMjg2IDYwLjcxNDNWODkuMjg1N0MxMTQuMjg2IDk1LjIwMDkgMTA5LjQ4NyAxMDAgMTAzLjU3MSAxMDBINzVDNjkuMDg0OCAxMDAgNjQuMjg1NyA5NS4yMDA5IDY0LjI4NTcgODkuMjg1N1YzNS43MTQzQzY0LjI4NTcgMTUuOTgyMSA4MC4yNjc5IDAgMTAwIDBIMTAxLjc4NkMxMDQuNzU0IDAgMTA3LjE0MyAyLjM4ODM5IDEwNy4xNDMgNS4zNTcxNFYxNi4wNzE0QzEwNy4xNDMgMTkuMDQwMiAxMDQuNzU0IDIxLjQyODYgMTAxLjc4NiAyMS40Mjg2SDEwMEM5Mi4xMjA1IDIxLjQyODYgODUuNzE0MyAyNy44MzQ4IDg1LjcxNDMgMzUuNzE0M1Y1MFoiIGZpbGw9IiNFN0VERjMiLz48L3N2Zz4K") no-repeat top;
  position: absolute;
  bottom: 88px;
  left: -100px;
  width: 276px;
  height: 100px;
  color: #000;
  font-size: 14px;
  margin: 0;
  padding: 40px 20px 40px 40px;
  text-align: left;
  display: none;
}
.testimonials li p b {
  display: block;
  margin-top: 20px;
}
.testimonials li p svg {
  position: absolute;
  top: 0;
  left: -35px;
}
.testimonials .t1:nth-child(0) p,
.testimonials .t1:nth-child(1) p,
.testimonials .t1 p {
  left: -35px;
}
.testimonials .t1:nth-child(2) p,
.testimonials .t1:nth-child(3) p,
.testimonials .t1:nth-child(4) p,
.testimonials .t2 p {
  left: -100px;
}
.testimonials .t1:nth-child(5) p,
.testimonials .t5 p {
  left: -180px;
}
.testimonials .t1:nth-child(6) p,
.testimonials .t6 p {
  left: -220px;
}
.testimonials .t1:nth-child(7) p,
.testimonials .t7 p {
  left: -230px;
}
.testimonials .t1:nth-child(8) p,
.testimonials .t8 p {
  left: -250px;
}
.testimonials li:hover img {
  border: 3px solid #c0212b;
}
.testimonials li:hover span, .testimonials li:hover p {
  display: block;
}
.testimonials img {
  width: 77px;
  height: 76px;
}



/* [Blocks] Background-arrow */

.section-background-arrow { 
  display: flex; 
  color: #fff; 
  position: relative; 
  bottom: 40px; 
  z-index: 2; 
  width: 100%; 
  margin-bottom: -130px  
}
.section-background-arrow:before {    
  content: ''; 
  left: 0;    
  background: #5D6F8D;      
  position: absolute;     
  width: 60%;    
  z-index: 1;    
  margin-left: -55%;    
  display: flex; 
  height: 100%; 
}
.section-background-arrow:after {    
  content: '';  
  right: 0;   
  background: #2D3142;      
  position: absolute;     
  width: 60%;    
  z-index: 1;    
  margin-right: -55%;    
  display: flex;  
  height: 100%; 
} 
.mapbl {width:65%; 
  text-align: left; 
  background: #5d6f8d; 
  color:#fff;   
  padding: 10px;   
  display: flex; 
  position: relative
}
.mapbl:after {    
  content: '';  
  right: -6%; 
  top: 0;  
  background-image: url(../images/svg/triangle.svg); 
  background-repeat: no-repeat; 
  background-position: center center;  
  position: absolute;     
  width: 7%;    
  z-index: 1;    
  height: 100%; 
  background-size: cover 
}  
.mapbr {
  width:35%; 
  text-align: left; 
  background: #2d3142; 
  color:#fff; 
  padding: 10px 10px 10px 70px; 
  position: relative; 
  z-index: 0
}




/* [Blocks] Social media  */
.socialmedia {
  padding-top: 15px;
  padding-bottom: 15px;
}

.socialmedia .inner{
    background-color:#F5F5F5;  
    max-width: 1200px !important; 
    padding: 0px 40px ; 
    text-align: left; 
    display: flex;   
    justify-content: flex-start; 
    align-items: center; 
    position: relative;   
    min-height: 144px; 
    z-index: 1; 
    border-radius: 10px;
    margin: auto; 
}
.socialmedia .inner * {
  z-index: 5; 
  position: relative
}
.socialmedia .inner:after { 
  content: ''; 
  position: absolute; 
  z-index: 0; 
  background:  url(../images/bg-socialmedia@2x.png) no-repeat center center; 
  width: 100%; 
  top: -22px; 
  left: 0; 
  right: 0; 
  bottom: -22px; 
  background-size: 1100px; 
}
.socialmediainfotext h3 {
  line-height: inherit; 
  margin: 0
}
.socialmediainfotext p { 
  margin: 0; 
  padding: 0
}
.socialmedia .socialmediaicons {
  margin-left: 40px
}




.social-media-icons{
  display: inline-block;
}
.social-media-icons .links { 
  display: flex;
  justify-content: flex-start;     
}
.social-media-icons .links span  {  
}
.social-media-icons .links  a {
  margin-left:0px;
}
.social-media-icons .links  a i{
  margin-left:0px;
}
.social-media-icons .links  a > * {  
  display:block;   
}



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

.gallery img{
  margin:10px;
}



/* [Blocks] Events */

.cardswrapper {     
  margin: 0px -10px 20px; 
  display:flex; 
  flex-flow:row wrap; 
  justify-content: flex-start;  
  flex-basis: 100%;    
}

.cardlink{
  display: flex; 
  margin: 10px;  
  max-width: 100%;                    
}

.cardcontainer { 
  border-bottom: 4px solid #D1D1D1; 
  align-self: stretch;  
  min-height: 268px;  
  flex-flow: column wrap;  
  background-size: cover !important; 
  background-position: center center !important;
  background-repeat: no-repeat !important;
  /* max-width: 450px */
}

.cardcontainer { 
  margin: 10px; 
  flex: 1 0 31%;  
  border-bottom: 4px solid #D1D1D1; 
  align-self: stretch;  
  min-height: 268px;  
  display: flex; 
  flex-flow: column wrap;  
  background-size: cover !important; 
  background-position: center center !important;
  background-repeat: no-repeat !important;
  /* max-width: 450px */
}
.card-content {
  position: relative; 
  text-align: left;  
  height: 100%; 
  flex: 1; 
  padding: 15px; 
  display: flex; 
  flex-flow: column wrap
}
.cardcontainer .icoleft { 
  margin-right: 8px
}
.cardcontainer .icoright { 
  margin-left: 8px
}
.cardtopimage { 
  background: white; 
  border-top-left-radius: 10px; 
  padding: 10px; 
  max-width: 35%; 
  position: absolute; 
  right: 0; 
  bottom: 0
}
.cardtopimage img {
  width: 100%; 
  display: block
}
.card-tag, a.card-tag   { 
  display: flex;    
  background-color: #2D3142;    
  padding: 2px 12px 2px 6px;    
  color: #fff;    
  border-radius: 6px;    
  font-size: 16px;
  align-self: flex-start; 
  font-family: 'Mulish', sans-serif; 
  align-items: center
}
.card-tag a {
  color: #fff;     
  font-size: 16px; 
  font-weight: normal; 
  display: flex; 
  align-items: center
}
.card-tag img { 
  position: relative; 
  margin-right: 10px; 
  top: 2px
}
.card-desc {
  margin: 20px 0; 
  padding: 0;   
  color: #fff; 
  display: block;    
  font-size: 24px; 
  line-height: 32px; 
  font-family: 'museo_sans500', sans-serif; 
}
.card-desc b {
  font-weight: 500; 
  font-size: 20px; 
  line-height: 24px; 
  display: block; 
  margin-top: 5px
}
.card-bottom_info {
  padding: 12px 15px;    
  background-color: #2D3142;    
  display: flex;    
  justify-content: space-between;    
  align-items: center;
  color: #fff; 
  margin-top: auto; 
  text-align: left; 
  margin-bottom: 0
}
.card-bottom_info span  {
  display: flex; 
  align-items: center;  
}
.card-bottom_info  img { 
  position: relative; 
  top: 2px; 
  margin: 0 8px
}
.card-bottom_info {
  font-size: 18px
}

.card-story-title {
    text-overflow:ellipsis; 
    overflow: hidden; 
    height:55px;
}

.fa-play-circle {
  color: #fff; 
  font-size: 80px; 
  text-decoration: none
}
.card-content a:hover, a.card-content:hover  {
  text-decoration: none
}

.search {  
   padding-top: 50px;
}

.search .cardcontainer {  
   max-width: 100%; 
   width: 373px; 
}

.search.cardswrapper{
  padding-top: 30px;
}

.search .cardlink{
  margin:0px;
}

.search-results{

}

@media (max-width: 1280px) {
  .search .meta{
    display: block;
  }
}

.
/* [Blocks] Select  */
.select-selected {  
  padding: 10px 15px; 
  background-color: #ffffff; 
  text-align: left; 
  border: 1px solid #D1D1D1; 
  border-radius: 10px; 
  width: 100%; 
  margin-bottom: 15px; 
  box-sizing: border-box; 
  font-size: 14px; 
  color: #87919E;  
}
.custom-select {  
  position: relative;  
}
.custom-select .fa-chevron-down { 
  position: absolute;    
  font-size: 20px;    
  color: #C0212B;    
  top: 25%;    
  right: 20px;
}
.select-items div, .select-selected {   
  padding: 10px 15px;   
  cursor: pointer;  
  user-select: none; 
  width: 100%;
}
.select-items {  
  position: absolute;  
  background-color: #fff;   
  top: 100%; 
  margin-top: -4px;   
  left: 0;  
  right: 0;  
  z-index: 99; 
  border: 1px solid #D1D1D1;  
}
.select-hide {  
  display: none;
}
.select-items div:hover, .same-as-selected {  
  background-color: #f9f9f9;
}
._test_margin{
  margin-right: 10px;
}



/* [Blocks] Collage */
.collage { 
  position: relative; 
}
.collage.mode_1 img {
  border-radius: 10px;
  max-width: 100%;
  width: 300px;
}
.collage.mode_1 >*:nth-child(1) {
  position: absolute; 
  z-index: 4;  
  left: -50px; 
  bottom: -50px; 
  width: 185px;
  max-width: 100%;
}

.collage.mode_2 {  
  display: flex; 
  flex-flow: row wrap; 
  margin: auto;
}
.collage.mode_2 img {
  width: 45%; 
  display: block;  
  margin: 2%; 
  border-radius: 10px; 
  flex: auto !important;
  align-self: start;
  max-width: 100%;
}

 .collage.mode_3 {  
  display: flex; 
  flex-flow: row wrap; 
  margin: auto;
}
.collage.mode_3 img {
  width: 48%; 
  display: block;  
  margin: 1%; 
  border-radius: 10px; 
  flex: auto !important;
  align-self: start;
  max-width: 100%;
}
                 

/* [Blocks] Form Subscribe */
.searchform_full, .subscribe_form {
  margin: 15px auto 0; 
  position: relative; 
  max-height: 65px; 
  width: 100%
}
.subscribe_form input { 
  color: #87919E; 
  font-size: 18px; 
  padding: 10px 20px; 
  margin: 0; 
  background-color: #fff; 
  border: 1px solid #D1D1D1; 
  text-align: left; 
  width: 100%; 
  box-sizing: border-box; 
  z-index: 1; 
  position: relative; 
  min-height: 60px
}
.subscribe_form input[type=submit], .subscribe_form input[type=button], .subscribe_form input[type=reset], .subscribe_form button {
  color: #fff; 
  text-decoration: none; 
  font-size: 18px; 
  line-height: 30px; 
  background-color: #C0212B; 
  text-align: center!important; 
  border-radius: 10px; 
  display: inline-block; 
  width: auto; 
  padding: 14px 24px; 
  min-width: 180px;  
  box-sizing: border-box; 
  cursor: pointer; 
  margin-bottom: 10px;
}
.subscribe_form button[type=submit] {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
  border: 0 none;
  position: absolute;
  top: 0px;
  right: 0px;
  display: block;
  min-width: 58px;
  min-height: 58px;
  cursor: pointer;
  text-indent: -9999em;
  z-index: 5;
  background-color: inherit
}
.subscribe_form button[type=submit] { 
  background-color: #C0212B; 
  border-top-right-radius: 7px; 
  border-bottom-right-radius: 7px; 
  top: 1px; 
  right: 1px; 
  bottom: 1px; 
}
.subscribe_form button[type=submit]:after {
  content: "";    
  border-left: 2px solid white;    
  border-bottom: 2px solid white;    
  width: 10px; height: 10px;    
  position: absolute; 
  right: 27px; 
  bottom: 22px;  
  transform: rotate(-135deg); 
}
.subscribe_form button:hover[type=submit]:after {
  right: 24px; 
  opacity: 0.5
}


/* [Blocks] Form Contact Us*/
.contactusform {
  max-width: 580px; 
  width: 100%; 
  margin-top: 20px
}
.contactusform label {
  font-size: 16px; 
  text-align: left;   
  display: block; 
  margin-bottom: 5px; 
}
.contactusform input, .contactusform textarea, .contactusform select { 
  display: inline-block; 
  padding: 10px 15px; 
  background-color: #ffffff; 
  text-align: left; 
  border: 1px solid #D1D1D1; 
  border-radius: 10px; 
  width: 100%; 
  margin-bottom: 15px; 
  box-sizing: border-box; 
  font-size: 14px; 
  color: #87919E 
}
.contactusform .select-selected {  
  padding: 10px 15px; 
  background-color: #ffffff; 
  text-align: left; 
  border: 1px solid #D1D1D1; 
  border-radius: 10px; 
  width: 100%; 
  margin-bottom: 15px; 
  box-sizing: border-box; 
  font-size: 14px; 
  color: #87919E;  
}
.contactusform .custom-select{  
  position: relative;  
}
.contactusform .custom-select .fa-chevron-down { 
  position: absolute;    
  font-size: 20px;    
  color: #C0212B;    
  top: 25%;    
  right: 20px;
}
.contactusform .custom-select select {  
  display: none; 
  z-index: 155;
  position: relative; 
}
.contactusform .custom-select select .fa-chevron-down {
  display: block; 
  opacity: 1
}
.contactusform input[type=submit], .contactusform [type=button], .contactusform input[type=reset], .contactusform button {
  color: #fff; 
  text-decoration: none; 
  font-size: 18px; 
  line-height: 30px; 
  background-color: #C0212B; 
  text-align: center!important; 
  border-radius: 10px; 
  display: inline-block; 
  width: auto; 
  padding: 14px 24px; 
  min-width: 180px;  
  box-sizing: border-box; 
  cursor: pointer; 
  margin-bottom: 10px;
}
.contactusform input[type=submit]:hover,
.contactusform input[type=button]:hover,
.contactusform input[type=reset]:hover,
.contactusform button:hover {  
  background-color: #8f181f; 
  border: 4px solid #88AACA; 
  padding: 10px 20px;   
}



/* [Blocks] World Map  */
.mapboxhubspage {
  max-width: 1100px; 
  margin: -5% auto
}
.mapbox { 
  position: relative; 
  display: none; 
  width: 100%    
}
.mapbox:after {    
  content: "";    
  display: block;    
  padding-bottom: 57%
}
.worldmap { 
/*  background: url(../images/svg/worldmap.svg) no-repeat center center;*/
  background: url(../images/worldmap2.png) no-repeat center center;
  position: absolute;    
  z-index: 1;
  top: 0;    
  left: 0;    
  right: 0;    
  bottom: 0; 
  background-size: cover;
}

.worldmap a { 
    display: none;
}

.maphomeicon  {
  position: absolute; 
  z-index: 4;
}
.maphomeicon i { 
  font-size:25px; 
  color: #C0212B; 
  cursor: pointer;
}


/* [Blocks] Slider */
.slider-indicators{
  display: none;
}

.swiffy-slider-wrapper{
  overflow: hidden;
                                                                        
}

.swiffy-slider ul.slider-container li{
  text-align: center;
}

.swiffy-slider ul{
  margin-left: 0px !important;
}

.swiffy-slider li{
  list-style: none !important;
  list-style-type: none !important;
  margin-left: 0px !important;
}

.swiffy-slider .type-image li img{
  /* max-height: 50px; */
}

.doc {
    width: unset;
    min-width: 145px;
    max-width: 230px;
    border: 1px solid rgba(0,43,84,0.12);
    position: relative;
    margin-right: 0;
}

.image {
    width: 100%;
    background-color: #cccccc;
    box-sizing: border-box;
    line-height: 0px;
}

.info {
    position: relative;
    color: #FFF;
    min-height: 62px;
    width: 100%;
    background-color: #002B54;
    padding: 15px 62px 15px 17px;
    word-break: break-word;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    margin: 0; 
    box-sizing: border-box;   
}

.info .file-info-bar:before {
    content: '';
    display: block;
    width: 0;
    height: 32px;
    float: left;
}

.info .short-title{
    opacity: 1;
    display: inline-block;
}

.info p {
    font-size: 12px;
    line-height: 16px;
    margin: 0;
}


.link {
    box-sizing: border-box;
    margin-bottom: 12px;
    line-height: 150%;    
}

.link:before {
    position: absolute;
    width: 62px;
    height: 62px;
    bottom: 0;
    right: 0;
    content: "\0020";
    overflow: hidden;
    display: inline-block;
    background-color: #002B54;
    border-radius: 2px;
    vertical-align: middle;
    background-image: url(../images/download-white.svg);
    background-position: center center;
    background-repeat: no-repeat;
}

.link a {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    font-size: 0 !important;
}


.carousel-editor{
  max-height: 500px;
  overflow-y: scroll !important;
}


/* Media */

@media (min-width: 768px) {
    .collage.mode_3 img {
      width: 23%; 
    }
    .mapbox { 
        display: block; 
    }
    
    .header-info-panel{
      background: rgb(65,79,104); 
      background: linear-gradient(90deg, rgba(79,93,117,1) 50%, rgba(65,79,104,1) 50%); 
    }
    
}


@media (min-width: 1024px) {
    .bg-circle {
        background-image: url('../images/whiteblockbgcircles-1024.png');
    }
}

@media (min-width: 1220px) {
    .bg-circle {
        background-image: url('../images/whiteblockbgcircles-1220.png');
    }
}

@media (max-width: 1280px) {
  .block.section, .block_columns {
    padding-left:20px;
    padding-right:20px;
  }
  .block.section-video, .block_columns.section-video {
    padding-left:0px;
    padding-right:0px;
  }

}