/*MENU main*/

.unclickable > a {pointer-events: none;}

@media only screen and (max-width: 1240px){
.unclickable > a {pointer-events: auto;}}

.sTop_bar .menu > li > a span:not(.description) {
    line-height: 100px;}

.sTop_bar .logo {margin: 0 20px 0 50px;}

.menu_wrapper {margin-right: 30px;}
@media only screen and (min-width: 1240px){
.menuo-right .sTop_bar .menu_wrapper {
 margin-right: 30px;}}


/*Drop down menu*/
.sTop_bar .menu li ul li {
    width: 245px;
    font-weight: 900;
    font-size: 16px;}
    
.sTop_bar .menu > li ul li a:hover, .sTop_bar .menu > li ul li.hover > a
{background: #5174b8;}  

/*Arrow menu*/
.menuo-arrows:not(.keyboard-support) .sTop_bar .menu > li.submenu > a:not(.menu-toggle)::after
{border-top: 5px solid white;
border-left: 5px solid transparent;
border-right: 5px solid transparent;}

/*BUTTONS*/
.button, button, input[type="button"], input[type="reset"], input[type="submit"]
{transition: color .4s ease-in-out, background-color .4s ease-in-out, border-color .4s ease-in-out;}



/*LINKS*/
.box-link  {
  box-shadow: inset 0 0 0 0 #40c2f0;
  color: #54b3d6;
  padding: 0 .05rem;
  margin: 0 -.05rem;
  transition: color .4s ease-in-out, box-shadow .4s ease-in-out; }

.box-link:hover {
  color: #fff;
  box-shadow: inset 200px 0 0 0 #40c2f0;}

.box-link-2::before {  
  transform: scaleX(0);
  transform-origin: bottom right;
}

.box-link-2:hover::before {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.box-link-2::before {
  content: " ";
  display: block;
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  inset: 0 0 0 0;
  background: hsl(200 100% 80%);
  z-index: -1;
  transition: transform .3s ease;}

.link-underline{
transform: translate3d(0px, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;}


/*MOBILE MENU*/
#Side_slide #menu ul li {
    font-weight: 900;
    letter-spacing: 2px;}
    

#Side_slide #menu ul li a {
    line-height: 40px;
    font-size: 20px;
    margin-right: 0px;
    padding-right: 0px;}

#Side_slide #menu ul li.submenu .menu-toggle {
    right: 0px;
    width: 60px;
    height: 60px;
    line-height: 54px;
    font-size: 60px;
    font-weight: 400;
    background: #5174b8;

}   

#Side_slide .social li a {
    padding: 6px 15px;} 

.menu_wrapper {
    margin-right: 0px;} 


#Side_slide .close-wrapper a.close i {
    font-size: 40px;
    line-height: 44px;}

.sTop_bar a.responsive-menu-toggle i {
    font-size: 30px;
    line-height: 36px;} 
    

[class^="icon-"]:before {margin-left: 0px;} 

@media (max-width: 767px){
.sTop_bar #logo img.svg {
width: 150px;}}





/*NEWS TEASER -main page*/
.mcb-item-blog_teaser-inner .author, .mcb-item-blog_teaser-inner .label, .mcb-item-blog_teaser-inner .icon-clock {display:none;}

.mcb-item-blog_teaser-inner h3{
font-size: 1.8em;
    line-height: 1.2;
    font-weight: 900;
letter-spacing: 2px;}

.mcb-item-blog_teaser-inner h4{

    font-size: 1.3em;
    line-height: 1.2;
    font-weight: 900;
    letter-spacing: 1px;}

@media (max-width: 768px){.mcb-item-blog_teaser-inner h3, .mcb-item-blog_teaser-inner h4 {font-size: 1.5em;}}

/*IMAGES Blog*/
.if-overlay .image_frame .image_wrapper .image_links {display: none;}
.icon-clock:before {display: none;}
.icon-doc-text:before {display: none;}



/*CONTACT FORM*/
input[type="submit"], input[type="reset"], input[type="button"], input[type="date"], input[type="text"], input[type="password"], input[type="tel"], input[type="email"]
{font-weight: 900; font-size:16px; padding: 14px;}

span.wpcf7-form-control-wrap .wpcf7-date, span.wpcf7-form-control-wrap .wpcf7-quiz, span.wpcf7-form-control-wrap .wpcf7-number, span.wpcf7-form-control-wrap .wpcf7-select, span.wpcf7-form-control-wrap .wpcf7-text, span.wpcf7-form-control-wrap .wpcf7-textarea,
.form-file label
{font-weight: 900; font-size:16px; padding: 14px;}

.form-file .wpcf7-form-control-wrap {
    display: none;
    margin-bottom: 0;
}

.form-file > label {
    color: #9ddce3;
    background-color: rgba(0, 128, 255, 1);
    border-color: #EBEBEB;
    margin-bottom: 10px;
}

.form-file input {
    display: none;
}

.option {font-weight: 900; font-size:16px; padding: 14px;}

.pum-overlay * {font-weight: 900;}

.wpcf7 input[type="file"] {margin-left: 30px;}

span.wpcf7-form-control-wrap {margin-bottom: 10px;}

select {
  padding-right: 25px;
  background: #0080ff url('../img/select-arrow-01.svg') no-repeat right 5px top 55%; background-size: 30px;}

input.wpcf7-form-control.has-spinner.wpcf7-submit.button_size_4 {
    font-size: 16px;
    margin-left: 22px;
    margin-top: 10px;}

.wpcf7 form .wpcf7-response-output {
    padding: 1.5em 1em;
    background: #223d71;
    color: white;
    float: left;}

@media(max-width:768px){#popmake-426 .one-second{width:100% !important;}}


/*POPUP*/
.pum-theme-381 .pum-container, .pum-theme-default-theme-2 .pum-container {padding: 5%;}

@media (max-width: 768px){.pum-theme-381 .pum-container, .pum-theme-default-theme-2 .pum-container {padding-top: 20%; padding-bottom: 20%;}
    h4.popup {font-size: 40px; line-height: 1.1; margin-bottom: 30px;}
    .pum-theme-381 .pum-content + .pum-close, .pum-theme-default-theme-2 .pum-content + .pum-close {right: 16px;}}
    
    
/*BLOG - INTRO HEADER*/ 
#Intro .intro-title {
    font-size: 4em;
    line-height: 80px;
    font-weight: 900;
    letter-spacing: 2px;}

@media only screen and (max-width: 479px){
#Intro .intro-title {
    font-size: 2em;
    line-height: 1.4;
    font-weight: 900;
    letter-spacing: 1px;}}
    
/*Article page*/    
    
.fixed-nav .desc h6 {color: #fff;}  
    
.fixed-nav .desc {background: #5174b8;} 

.fixed-nav {bottom: 120px;}

.desc span.date{font-size: 13px; font-weight: 700;}

.post p {font-weight: 600; line-height: 2;}

.post h2 {color: #0080ff; font-weight: 900;}

.post h3 {color: #40c2f0; font-weight: 900;}

.post h4 {font-weight: 700;}    
    
.post li {font-weight: 600;}

    

/*FOOTER*/
#Footer .widgets_wrapper .mcb-column-inner {margin-left: 30%;}

@media only screen and (min-width: 768px) and (max-width: 1024px) {#Footer .widgets_wrapper .mcb-column-inner {margin-left: 0%;}}

.foot-23 {margin-top:124px;}

.line-f, .line-f-s {font-weight: 800;}

.line-f {font-size: 120%;}

@media only screen and (min-width: 768px) and (max-width: 1024px){ 
.line-f {font-size: 100%; margin-left: 10%;}
.line-f-s {font-size: 80%; margin-left: 20%;}
.text-f {font-size: 80%;}
#Footer .widgets_wrapper {padding: 4% 0% 6% 4%;}}

@media only screen and (max-width: 767px){
#Footer .widgets_wrapper .mcb-column-inner {margin-left: 20px; margin-right: 20px;}
.text-f {text-align: left;}
.line-f {font-size: 110%; margin-left: 0%; text-align: left;}
.line-f-s {font-size: 90%; margin-left: 0%;text-align: left;}
.foot-23 {margin-top:30px;}
#Footer .widgets_wrapper {padding: 2% 0% 4% 0%;}}




a.line-f, a.line-f-s {
    position: relative;
    color: #fff;
    cursor: pointer;
    line-height: 1;
    text-decoration: none;}     
    
a.line-f:after {
    display: block;
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 80%;
    height: 5px;
    background-color: #fff;
    content: "";
    transition: width 0.6s ease-out;}

a.line-f:hover:after {width: 100%; background-color: #40c2f0;}

a.line-f-s:after {
    display: block;
    position: absolute;
    left: 0;
    bottom: -7px;
    width: 80%;
    height: 3px;
    background-color: #fff;
    content: "";
    transition: width 0.6s ease-out;}

a.line-f-s:hover:after {width: 100%; background-color: #40c2f0;}

[class^="icon-"]:before, [class*=" icon-"]:before {font-weight: 900; margin-right: 0em;}
/*HERO BLOG*/

h1, h2 {font-size: 60%;
    line-height: 1em;
    font-weight: 900;
    letter-spacing: 0.025em;}
    
@media (max-width: 1024px) and (min-width: 767px){
    h1, h2{font-size: 40%;}} 

@media (max-width: 768px){
    h1, h2{font-size: 23%;
    letter-spacing: 2px;}}
    
    
    
/*Blog*/    

.bids-blog .button {
text-transform: uppercase;}

.bids-blog .button:hover {
    color: #ffffff;
    background-color: #5174b8 !important;
border-color: #5174b8 !important;}

.bids-blog h3 {
    font-size: 1.8em;
    line-height: 1.2;
    font-weight: 900;
    letter-spacing: 2px;}

.masonry.tiles .post-item .post-desc-wrapper .post-desc .post-title:after {background: #40c2f0;}

@media (max-width: 768px) {.masonry.tiles .post-item:not(.no-img) .post-desc-wrapper .post-desc {
padding: 70px 15px 15px;}}
    

/*NEWS*/
.bids-news .button {
text-transform: uppercase;} 

.date_label {
    background-color: #40c2f0 !important;
    color: white;
    font-weight: 900;
    letter-spacing: 1px;}
    
.date_label:after {
    border-left-color: #40c2f0 !important;}
    
.bids-news h3, .bids-news h3 a, .bids-news h3 a:hover {
    color: #40c2f0;
    font-size: 1.5em;
    font-weight: 900;
    letter-spacing: 1px;
    transition: color 0.4s ease;}

.bids-news h3 a:hover {
    color: #0080ff;}    
    
.post-footer {padding: 7px 0px;}

.post-footer .post-links {
    float: left;
    border-left-width: 0px;
    padding-left: 0px;} 
    
.timeline .post-item {padding-bottom: 6%;}  

@media only screen and (max-width: 767px){
.timeline .post-desc-wrapper {margin-bottom: 12%;}
.bids-news .button {margin-top: -6%;}}

/*Button READ MORE*/

a.post-more{
    text-transform: uppercase;
    font-weight: 700; 
    color: #0080ff;
    font-size: 16px;
    position: relative;
    cursor: pointer;
    line-height: 1;
    text-decoration: none;}     
    
a.post-more:after {
    display: block;
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 80%;
    height: 5px;
    background-color: #0080ff;
    content: "";
    transition: width 0.6s ease-out;}

a.post-more:hover:after {width: 100%;}

/*EVENTS*/

.bids-events .button {
text-transform: uppercase;}

.bids-events h3, .dark h3{
    color: #fff;
    font-size: 1.2em;
    line-height: 1.1;
    font-weight: 900;
    letter-spacing: 1px;}
    
.grid .post-desc-wrapper .post-desc {
    padding: 15px 0px 0;}   
    
span.post-date.updated {
    font-size: 16px;
    font-weight: 700;
    color: #aedcf0;}    

@media (max-width: 1024px) and (min-width: 767px){

.bids-news h3, .bids-news h3 a, .bids-news h3 a:hover {font-size: 1.3em;}}

@media (max-width: 768px){ .bids-news h3, .bids-news h3 a, .bids-news h3 a:hover {

    font-size: 1.2em;
    line-height: 1.2;   }}

.article-news.single-terms {
    padding: 40px;
    background: #E9F3FF;
    margin-top: 30px;
    margin-bottom: 16px;
}
.article-news.single-terms p {
    font-size: 30px;
    font-weight: 700;
    font-family: 'Montserrat';
    margin-bottom: 15px !important;
}
.article-news.single-terms ul {
    list-style: none;
    padding: 0 !important;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    flex-wrap: wrap;
}
.article-news.single-terms ul li {
    display: inline-block;
    margin-right: 16px;
    margin-top: 10px;
}
.article-news.single-terms ul li a {
    padding: 8px 12px;
    border: 1px solid #007AFB;
    font-size: 18px;
    font-weight: 700;
    font-family: 'Montserrat';
    text-decoration: none;
    color: #007AFB;
    display: block;
}
.article-news.single-terms ul li a:hover {
    background-color: #007AFB;
    color: #fff;
}
.article-socials {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 35px;
}
.article-socials span {
  color: #333;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
  margin-right: 12px;
}
.article-socials ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  list-style: none;
  padding: 0;

}
.article-socials a {
  display: block;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.article-socials a:hover {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}
.article__content .article-socials li + li {
  margin: 0 0 0 12px;
}
.article-socials ul {
    list-style: none !important;
    padding: 0 !important;
}
@media screen and (max-width: 400px) {
  .article-news.single-terms {
    padding: 28px 32px;
  }
  .article-news.single-terms p {
    text-transform: uppercase !important;
  }
  .article-news.single-terms ul li {
    margin-right: 10px;
  }
  .article-socials {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .article-socials span {
    margin: 0 0 12px 0;
  }
}

.event-h2 {
    color: #333;
    font-family: 'Montserrat';
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 2.5rem;
}

@media screen and (min-width: 414px) {
    .event-h2 {
        font-size: 35px;
    }
}

@media screen and (min-width: 414px) {
    .event-h2 {
        font-size: 35px;
    }
}

@media screen and (min-width: 992px) {
    .event-h2 {
        font-size: 45px;
    }
}


.event {
    display: flex;
    flex-direction: column;
}

.event-thumbnail {
    border-radius: 4px;
    display: block;
    margin-bottom: 1rem;
    overflow: hidden;
}

.event-thumbnail > img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

.event-h4 {
    color: #333 !important;
    display: block;
    font-family: 'Montserrat';
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 1rem;
}

@media screen and (min-width: 414px) {
    .event-h4 {
        font-size: 20px;
    }
}

@media screen and (min-width: 768px) {
    .event-h4 {
        font-size: 25px;
    }
}

.event-date {
    color: #505050;
    font-family: 'Montserrat';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 1rem;
}


.event-excerpt {
    color: #A1A1A1;
    font-family: 'Montserrat';
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 1rem;
}

.event-location {
    color: #505050;
    font-family: 'Montserrat';
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 1rem;
}

.event-location > .bi {
    color: #00C8FA;
    margin-right: 0.5rem;
}

.event-button {
    border-radius: 3px;
    border: 1px solid #007AFB;
    color: #007AFB;
    font-family: 'Montserrat';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 16px;
    width: 100%;
    transition: all .15s ease-in-out;
}

.event-button:hover {
    background-color: #E3F3FF;
}

.event-button > .bi {
    margin-left: 12px;
}

.event-banner {
    display: flex;
    padding: 20px;
    flex-direction: column;
    border-radius: 4px;
    background: #E3F3FF;
    overflow: hidden;
}

.event-banner > p {
    color: #333;
    font-family: 'Montserrat';
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 0;
}

@media screen and (min-width: 576px) {
    .event-banner {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .event-banner > p {
        font-size: 20px;
    }
}

@media screen and (min-width: 768px) {
    .event-banner {
        padding: 24px;
    }
}

@media screen and (min-width: 992px) {
    .event-banner {
        padding: 24px 30px;
    }

    .event-banner > p {
        font-size: 26px;
    }
}


.event-thumbnail-gray {
    filter: grayscale(0.6);
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.event-banner .social {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    list-style: none;
    margin-top: 1rem;
    padding: 0;
}

.event-banner .social-item:not(:last-child) {
    margin-right: 0.625rem;
}

.event-banner .social-link {
    background-color: #00C4EF;
    border-radius: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2rem;
    transition: all .15s ease-in-out;
    width: 2rem;
}

.event-banner .social-link:hover {
    background-color: #5DACFF;
}

@media screen and (min-width: 576px) {
    .event-banner .social {
        margin-top: 0;
        margin-left: 1rem;
    }
}

.event-desc {
    color:#FBFBFB;
    text-align: center;
    font-family: 'Montserrat';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    margin: 1rem auto 0;
    max-width: 500px;

}

@media screen and (min-width: 576px) {
    .event-desc {
        font-size: 1rem;
    }
}

@media screen and (min-width: 992px) {
    .event-desc {
        margin: 1.5rem auto 0;
    }
}