#preloader {
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    z-index: 11000;
    position: fixed;
    display: block
}

.preloader {
    position: absolute;
    margin: 0 auto;
    left: 1%;
    right: 1%;
    top: 47%;
    width: 65px;
    height: 65px;
    background: center center no-repeat none;
    background-size: 65px 65px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

body {
/* background-color: #f7fbff;  #34494D 032a2f #182022#32464B*/
/*  background-image: url('../images/bg015.png');*/
}
#site-logo-container{
width: 95%!important;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.site-container{
max-width: 990px;
  margin: 0 auto;
  padding: 1em 0;

}
.wrap-logo-left{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}
.wrap-logo-right{
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
.site-logo-left img{
  width: 30px;
}
.site-logo-right img{
  width: 40px;
}
.site-container-header-menu{
  /*background-color: #f7fbff;*/
  max-width: 990px;
  /*max-width: 960px;*/
  margin: 0 auto;
  padding: 1em;

}

.active {
    color: #fff!important;
    background-color:#D73A31;
padding: 0.5em;
border-radius: 0.25em;
}

/*Slogan*/
.box {
  display: flex;
  justify-content: center;
  animation-delay: 0.5s;
  margin: 1em 2em;
  transform: translateX(0);
  animation: show 3s backwards ease-in-out;
}
.box_inline{
  display: flex;
  flex-direction: row;
}
.font_black {
  color: #111 !important;
  text-align: center;
  font-size: 2em;
  border-radius: 0.25em;
}
@keyframes show {
  0% {
    opacity: 0.1;
    transform: translateX(-15%);
  }
  50% {
    opacity: 0.7;
    transform: translateX(15%);
  }

  100% {
    opacity: 1;
    transform: translateX(0%)
  }
}
/*r-drop*/


.dropdown-list {
  position: relative;
  width: 18%;
  min-width: 150px;
  margin: 0.5em auto;
  display: flex;
  flex-direction: column;
  border: 2px solid #D73A31;
}
.dr_active{
  color:#D73A31!important;
}
.dropdown-list-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 100%;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.4);
  z-index: 1;
  margin-top: 65px;
}

.dropdown-list-content a {
  color: #111;
  padding: 0.75em 0.5em;
  text-decoration: none;
  display: block;
  border-bottom: 1px solid #76A5AF;
  border-top: 1px solid #76A5AF;
}
.dropdown-list-content a:hover{
  font-weight: bold;
  color: #D73A31;
}
.dropdown-list-top a{  font-weight: bold;}
.dropdown-list-top a:hover{
  color: #D73A31;
}
.dropbtn {
  font-weight: 400;
  padding: 0.75em;
  color:#111;
  width: 100%;
}
.dropdown-list:hover {  border: 2px solid #111;}
.dropdown-list:hover .dropdown-list-content {display: block;position: absolute;z-index: 333;}
.text-primary-or{
  color: #111 !important;
  font-size: 3rem;
}
.text-primary-ot{
  color: #111!important;
  font-size: 3rem;
}
.text-primary-op{
  color: #54747b !important;
  font-size: 3rem;
}
.text-primary {
  color: #fff!important;
  background: #D73A31!important;
  font-size: 3rem;
  border-radius: 0.1em;
}
.text-primary-oh{
  color: #FF8E00 !important;
  font-size: 2rem;
    }
    .text-primary-oh-index{
      color: #111 !important;
      font-size: 2em;
    /*  margin: 0.5em auto!important;*/
    }
.site-section-heading h1{
      padding: 0 1em;

    }
    .hr_bot{
      width: 15%;
      height: 0.15em;
      background: #D73A31;
      color: #D73A31;
      margin: 5px auto;
    }
    .hr_bot_lend{
      width: 50%;
      height: 0.25em;
      background: #D73A31;
      color: #D73A31;
      margin: 2.5em auto;
    }
#header {
    max-width: 930px;
    padding-left: 15px;
    padding-right: 15px;
}
.site-nav{
  display: flex;
justify-content: center;
}
.nav-left{
  display: flex;
  flex-direction: row;
  align-items: center;
}
.nav-right{
  display: flex;
  flex-direction: row;
  justify-content: end;
}

.nav-right_1{
  display: none;
}

.nav-right:hover .nav-right_1{
  display: flex;
}

.nav-left .menu-item {
  min-width: 140px;
}
/*.nav-right .menu-item {
  min-width: 70px;
}*/

.site-nav .menu-item {
  /*margin: 0.5em;
    display: flex;
    width: 18%;
    min-width: 150px;
    justify-content: center;*/
margin: 1em 2em 1em 0;
    border: 2px solid #D73A31;
    padding: 0.5em;
  border-radius: 0.25em;
}


.menu-item{
  text-transform: none!important;
}
.menu-item:hover{background: #D73A31;
border: 2px solid #a1a1a1;
color: #fff!important;
}
.site-nav a{
  color: #111 !important;
}
.active:hover{
  color: #fff !important;
}

.rowtop{
  width: 100%;
}
  .highlights{
position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 0.25em;
    background-color: #fff;
    min-width: 200px;
    margin: 0 2em;
  }
  .highlights a{
    color:#D73A31;
  }
  .highlights_1{
    display: none;
  }
.hl-item{
  padding: 0.5em;
  margin-bottom: 0.8em;
  text-align: right;
}
.hl-item:hover{
background-color: #D73A31;
    color:#fff;
        border-radius: 0.25em;
}
  .highlights-item{
    padding: 0.5em;
    opacity: 0;
    text-align: right;
}
.highlights-item:nth-child(1) {animation: ani 0.5s ease-in-out forwards;}
.highlights-item:nth-child(2) {animation: ani 0.5s forwards 0.15s;}
.highlights-item:nth-child(3) {animation: ani 0.5s forwards 0.30s;}
.highlights-item:nth-child(4) {animation: ani 0.5s forwards 0.45s;}
/*.highlights-item:nth-child(5) {animation: ani 0.5s forwards 0.6s;}
.highlights-item:nth-child(6) {animation: ani 0.5s forwards 1.25s;}
.highlights-item:nth-child(7) {animation: ani 0.5s forwards 1.5s;}
.highlights-item:nth-child(8) {animation: ani 0.5s forwards 1.75s;}
.highlights-item:nth-child(9) {animation: ani 0.5s forwards 2s;}*/

@keyframes ani {
  0% {transform: translateY(-10%);}
  100% {transform: translateY(0);
  opacity: 1;
height: 100%;}
}
  .highlights-item:hover{
      color:#fff;
      background: #D73A31;
          border-radius: 0.25em;
  }

  .highlights:hover .highlights_1{
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 100;
    height:100%;
  }
  .col_hils{
    position: relative;
      display: flex;
      justify-content: end;
      width: 100%;
      height: max-content;
  }


h1, h2, h3 {
    text-transform: none!important;
}


h2 {
    font-size: 1.6em;
    margin: 0.5em 0.5em 0 0.5em;
}

p, ul, ol {
    margin: 0.5em 1em;
}
.site-row{
  height: auto;

}
.site-intro-subsection-heading {
    font-size: 1.2em;
    margin: 1rem auto!important;
    min-height: 2em!important;
}

.subsection-icon-container {
    padding: 0.25em;
    min-width: 4em !important;
    max-width: 100%;
    display: flex;
  align-items: flex-start;
}
.subsection-icon {
    max-width: 100%;
    border-radius: 50%;
    /*border: 2px solid #D73A31;*/
    min-width: 90%;
    margin:0 auto;
    padding: 0.5em;
}
.site-intro-subsection-text p, ul, ol {
    margin: 0.5em;
    padding-bottom: 1rem;
    font-size: 1em!important;
    text-align: center;
  }
.txtwrap{
  padding:0.25em;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 1rem;
  position:relative;
  height: 100%;
  }

.marg{
  margin: 1rem;
}
.txtwrap  footer{display:block; position:absolute; bottom: 0; left:0; width:100%; line-height:1.6;}
.txtwrap footer:hover{background-color:#D73A31;border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem;}
.txtwrap footer:hover a{color:#fff;}
.txtwrap footer a:hover{color:#FFF; padding: 1rem 0;}

.card-line1, .card-line2, .card-line3{
  border: 2px solid #111;
  margin:  0 1em;
  border-color: #111;
  border-radius: 1em;

}


.hov_vert1{
  height:auto;
  margin-top: 0.5rem!important;
border-left: 4px solid #D73A31;
}
.hov_vert1 p{
  font-size: 1rem!important;
}
.hov_vert1:hover{
  border-left: 4px solid #111;
}
.hov_vert2{
  height:auto;
  margin-top: 0.5rem!important;
border-left: 4px solid #111;
}
.hov_vert2 p{
  font-size: 1rem!important;
}
.hov_vert2:hover{
  border-left: 4px solid #D73A31;
}
.cart_vert5{
  display: none;
}
.input-but {
  margin: 0.5em auto;
    display: flex;
    width: 18%;
    min-width: 120px;
    justify-content: center;
    border: 2px solid #D73A31;
    padding: 0.5em;
  border-radius: 0.25em;


}
.input-but:hover {
 background: #D73A31;
 border: 2px solid #111;
 color: #fff!important;
}
.input-but1{
  display: inline-flex;
 margin: auto;
 width: 25%;
 border-radius: 0.5em;
 border: 2px solid #D73A31;
 font-weight: 400;
 text-decoration: none;
 color: #111;
 padding: 1em;
 text-align: center;
 font-size: 1em;
 justify-content: center;
}
.input-but1:hover {
 background-color: #D73A31;
 color: #fff;
}
.line_tp_bt{
  border-top: 1px solid #8cacb2;
  border-bottom: 1px solid #8cacb2;
}
.site-copyright-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
    padding-top: 1em;
    padding-bottom: 1em;
}

.email{
  display: flex;
  justify-content: center;
  animation-delay: 0.5s;
  margin: 1em 2em;
  transform: translateX(0);
  animation: show 3s backwards ease-in-out;
}
#site-footer {
  background-color: #FFF;/*#2d3f43 #53747B #f7fbff;*/
    height: initial !important;
    margin: auto;
    margin-top: 2em !important;
    height: auto;
    padding-top: 0.5em;
    text-align: center;
    max-width: 990px;
}
#site-footer a:hover,
#site-footer a:active {
    color: #2d3f43;
}
.hov_vert2 a:hover,
.hov_vert2 a:active {
    color: #08708A;
}
/* Back to Top */
#backtotop{color:#FFFFFF; background-color:#D73A31;}

#backtotop{z-index:999;
  display:inline-block;
  position:fixed;
  visibility:hidden;
  border: 1px solid #111;
  bottom:20px; right:20px; width:36px; height:36px;
  line-height:36px; font-size:16px; text-align:center; opacity:.2;}
#backtotop i{display:block; width:100%; height:100%; line-height:inherit;}
#backtotop.visible{visibility:visible; opacity:.8;}
#backtotop:hover{opacity:1;}
/*pages*/

/*.site-section-heading {
  margin: 2em 0 1em 0;}*/
  .subsection-text-side  li {
    margin-bottom: 1em;
    padding-left: 1em;
  }
  .subsection-text-side ul li::marker {
  font-size: 1.4em;
}


  .ppolicy{
    font-size: 1rem;
    font-weight: bold;
  }
  /*form*/
  .header_h2{
    color: #FFF !important;
  }
/*programs*/

.link_h2{
  color: #00AADC !important;
}
.bg-img-programs{
  background-image: url('../images/programs_img.jpg');
  background-size: cover;
  height: 12em;
}
/*our solution*/
.bg-img-outsolution{
  background-image: url('../images/outsolution_img.jpg');
  background-size: cover;
  height: 12em;
}
.txtwrap-bg{
  padding:0.25em;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 1rem;
  position:relative;
  height: 100%;
  background-color: #dbedf2;
  }
.site-intro-subsection-text ul{
  margin:-1em;
}
.bold-li{
  font-weight: bold;
}
.inscript p{
text-align: center;
margin: 0.5em;
padding: 0;
font-size: 1em!important;
}
/*about*/
.bg-img-about{
  background-image: url('../images/about_img.jpg');
  background-size: cover;
  height: 12em;
}
.numeric p{
  display: flex;
  padding: 1rem 0;
}
.number1{
  font-size: 4em;
  color: #ccc;
  font-weight: 500;
  margin-right: 1rem;
}
.number2{
  font-size: 4em;
  color: #00AADC;
  font-weight: 500;
  margin-right: 1rem;
}
.number3{
  font-size: 4em;
  color: #FF8E00;
  font-weight: 500;
  margin-right: 1rem;
}
/*blog-ideas*/
.bg-img-blog{
  background-image: url('../images/blog_img.jpg');
  background-size: cover;
  display: flex;
  height: 12em;
}
.img-articles img{
  max-width: 100%;
  margin:1em;
}
.articles_p p{
  text-align: justify;
}
.articles_p h3{
  padding: 0 1em;
}
.author-articl{
  text-align: right!important;
  font-weight: bold;
}
/*ecosystem*/
.bg-img-ecosystem{
  background-image: url('../images/ecosystem_img.jpg');
  background-size: cover;
  height: 12em;
}
/*people----*/
.bg-img-people{
  /*background-image: url('../images/people_img.jpg');
  background-size: cover;
  height: 10em;
  display: flex;
  align-items: center;
  flex-direction: column;
  min-height: 10em;*/
  height: max-content;
  width: 100%;
}
.bg-img-people h1{
  margin: 1em auto;
}
.foto-wrapper{

  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  padding: 0.5em;

  /*border: 1px solid rgba(0, 0, 0, 0.125);*/
}
.foto-wrapper-header{
  display: flex;
  justify-content: center;
}
.foto_img{
  display: flex;

}
.foto_img img{
  width: 75%;
  border-radius: 0.5em;
  margin-bottom: -4px;
}

.text_bg{
  /*border: 2px solid #D73A31;*/
  max-width: 100%;
  border-radius: 0.5em;
  z-index: 1;
  color:#111!important;
  /*padding: 1em;*/
  height: 100%;
}
.text_bg h4{
  color:#D73A31!important;
  padding-top: 1em;
  font-size: 1.6em;
}
.text_bg p{
  margin: 0.5em;
  text-align: justify;
  font-size: 0.8em;
}
.text_bg b{
  margin: 0.5em;
  text-align: center!important;
font-size: 1.2em;
}
/*Application*/
.bg-img-apply{
  /*background-image: url('../images/pr_to_apply_img.jpg');*/
  background-size: cover;
  height: 12em;
}
/*ppolicy*/
.bg-img-ppolicy{
  background-image: url('../images/ppolicy_img.jpg');
  background-size: cover;
  height: 12em;
}

.new_frame{
  position: relative;
  left: 0;
  top:0;
  /*border: 2px solid blue;*/
  max-width: 100%;
  margin-bottom: 2em;
}
.new_ifr{
  width: 100%;
height: 75vh;
margin-bottom: -5px;
border: 0;
}
.article-section-heading {
margin: auto;
display: flex;
justify-content: flex-start;
}

.article-section-heading h2{
  color: #111;
  margin-bottom: 1em;
  margin-top: 1em;
}
.site-section-image {
  max-width: 50%;
  margin: 2em auto;
  min-width: 20%;
  border: 0px solid #D73A31;
  display: flex;
  align-items: center;
  border-radius: 3em;
}
.test_font{
  font-size: 14px!important;
  letter-spacing: 0!important;
  font-weight: 400!important;
  line-height: 1.5!important;
}
.test_font p{
  font-size: 14px!important;
  margin: 10px!important;
  letter-spacing: 0!important;
  font-weight: 400!important;
  line-height: 1.5!important;
}
.test_font h1{
  font-size: 42px!important;
  margin: 10px!important;
  letter-spacing: 0!important;
  font-weight: 400!important;
  line-height: 1.5!important;
}
.test_font h2{
  font-size: 36px!important;
  margin: 10px!important;
  letter-spacing: 0!important;
  font-weight: 400!important;
  line-height: 1.5!important;
}
.test_font h3{
  font-size: 20px!important;
  margin: 10px!important;
  letter-spacing: 0!important;
  font-weight: 400!important;
  line-height: 1.5!important;
}
.tcoll{
  padding: 3px;
}

.tcoll img{
  min-width: 80px;
    max-width: 100px;
    padding: 1em;
}
.site-intro-subsection-lend {
  text-align: center;
}
.tab_col_just{
  text-align: justify;
}
.tab_teh td, .tab_teh th{
  border: 0 !important;
  line-height: 1.5em;
}
.input-but2{
  display: inline-flex;
 margin: auto;
 width: 25%;
 border-radius: 0.5em;
 border: 2px solid #D73A31;
 background-color: #D73A31;
 font-weight: 400;
 text-decoration: none;
 color: #fff;
 padding: 1em;
 text-align: center;
 font-size: 1em;
 justify-content: center;
}
.input-but2:hover {
 background-color: #fff;
 color: #D73A31;
}
/*iframe*/
.aspect-ratio {
  position: relative;
  width: 100%;
  height: 0;
  /*margin-left: 5%;*/
  padding-bottom: 56%;
  /* The height of the item will now be 56% of the width. */
}

.aspect-ratio iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.marg_left_right{
  margin-left: 2em;
  margin-right: 2em;
  text-align:left!important;
}
@media screen and (max-width: 1200px){
  .new_ifr{
  height: 74vh;
  }
}
@media screen and (max-width: 960px) {
  .new_ifr{
  height: 70vh;
  }
}
@media screen and (max-width: 860px){
  .new_ifr{
  height: 64vh;
  }

.nav-right:hover {
  flex-direction: column!important;
}
.nav-right:hover .nav-right_1{
  display: flex;
  flex-direction: column;
}
}
@media screen and (max-width: 800px){
  .box_inline{
    margin: auto;
  }
  .highlights{
    margin: 0!important;
  }
.highlights-item{
text-align: center;
}
}
@media screen and (max-width: 768px){
  .new_ifr{
  height: 61vh;
  }
  .rowtop{
      display: block;
  }
  .hl-item{
    padding: 0.5em;
    margin-bottom: 0.8em;
    text-align: center;
  }
  .col_hils {
  justify-content: center;
  }
  .box {
    margin-top: 2em;
    flex-direction: column;
  }
  .box_inline{
    margin: auto;
  }
  #site-container{
    margin: 1em;
  }
  /*.site-section-heading {
    margin: 14em 0 1em 0;
  }*/

}

@media screen and (max-width: 660px){
  .new_ifr{
  height: 60vh;
  }
  .box {
    margin-top: 4em;
    flex-direction: column;
  }
}
@media screen and (max-width: 640px) {
  .text-primary-oh-index{
    font-size: 1.7em;
  }
  #site-logo-container{
    display: block;
  }
  .article-section-heading{
  justify-content: center;
}
.article-section-heading h2{
text-align: center;
}
  .subsection-icon-container {
      padding: 1em 0;
      margin: -1em 0;
  }
  .site-nav{
    display: block;
  }
  .site-nav{
margin: 0;
}
.site-nav .menu-item {
margin: 1em auto;
}
  .nav-left, .nav-right{
    display: block;
    text-align: center;
    width: 25%;
    margin: auto;
    min-width: 200px;
  }
  .nav-right{
    margin-top: 2em;
    display: flex;
    flex-direction: column;
  }

  .hl-item{
  min-width: 200px;
  width: 100%
  }
  .site-intro-subsection {
      margin-bottom: 2em!important;
  }
  .card-line1,.card-line2,.card-line3{
    visibility: hidden;
  }
  .text-primary-or{
    font-size: 2rem;
  }
  .text-primary-ot{
    font-size: 2rem;
  }
  .text-primary {
    font-size: 2rem;
  }
  .text-primary-oh{
    font-size: 1.5rem;
      padding: 1em 0;
  }
  .text_bg{

  }
  .new_ifr{
  height: 58vh;
  }
  .subsection-icon {
  max-width: 60%;
  min-width: 50%;
}
.aspect-ratio {
  margin-bottom: 15%;
}

.aspect-ratio iframe {
  height: 200%;
}
}
@media screen and (max-width: 560px){
  .new_ifr{
  height: 55vh;
  }
}
@media screen and (max-width: 512px){
  .aspect-ratio{
    overflow-x: scroll!important;
  }
}
@media screen and (max-width: 460px){
  .new_ifr{
  height: 50vh;
  }

}