@font-face {

 font-family: "BuenosAires";
 src: url("../fonts/BuenosAires.eot");
 src: url("../fonts/BuenosAires.woff") format("woff"),
 url("../fonts/BuenosAires.otf") format("opentype"),
 url("../fonts/BuenosAires.svg#filename") format("svg");
}

@font-face { 
 font-family: "RoobertPRO-Regular";
 src: url("../fonts/RoobertPRO-Regular.eot");
 src: url("../fonts/RoobertPRO-Regular.woff") format("woff"),
 url("../fonts/RoobertPRO-Regular.otf") format("opentype"),
 url("../fonts/RoobertPRO-Regular.svg#filename") format("svg");
}

@font-face { 
 font-family: "RoobertPRO-Light";
 src: url("../fonts/RoobertPRO-Light.eot");
 src: url("../fonts/RoobertPRO-Light.woff") format("woff"),
 url("../fonts/RoobertPRO-Light.otf") format("opentype"),
 url("../fonts/RoobertPRO-Light.svg#filename") format("svg");
}

body{
  font-family: 'BuenosAires', Arial, sans-serif;
  font-size: 18px;
}

body.gr{
 font-family: 'RoobertPRO-Light', Arial, sans-serif;
}

body.en .main-body-article em , body.en .blog-post-coontent em{
     font-family: 'RoobertPRO-Light', Arial, sans-serif;
     font-style: normal;
}

body.gr .main-body-article em , body.gr .blog-post-coontent em{
     font-family: "BuenosAires";
     font-style: normal;
}

.id_1178 , .id_1234 , .id_1235 , .id_1236 , .id_1287 , .id_1288 , .id_1289 , .id_1260, .id_1265 , .id_1266 , .id_1267, .id_1256{
    font-family: 'BuenosAires', Arial, sans-serif;
}


.full-article .repo-description .el{
  font-family: 'RoobertPRO-Light', Arial, sans-serif;   
}

.small-top{
    width: 60%;
    position: absolute;
    right: 20px;
}

.amea {
       position: fixed;
    bottom: 45px;
    right: 20px;
    margin: auto;
    z-index: 99;
    height: 65px;
    cursor: pointer;
    width: 65px;
    background: #000;
    border: 1px solid white;
    border-radius: 100px;
}

.gallery-item{
    margin-bottom:50px;
}

.gallery-item img{
    width:100%;
}

body.black-bg .info-box , body.black-bg .navbar  , body.black-bg .left-bar{ 
    background:#000 !important;
}

.amea:hover , .amea.enabled{
    background:#373737;
}

.matter iframe{
        width: 100%;
    margin-bottom: 100px;
}

.amea img {
  display: block;
    width: 65px;
    height: 65px;
    position: relative;
    left: 2px;
}

#gr_repo .en , #en_repo .el{
    display:none;
}
.mobile{
    display:none;
}

.desktop{
    display:block;
}

#id_1233{
    /*overflow:hidden;*/
        background: #c2654e;
}

#id_1233 .main-body{
 
    margin-left:0;
}


#id_1264 .main-body-article span , #id_1264 .main-body-article p{color:#fff}
#id_1264 .main-body-article a {
    text-decoration: none;
    color: #fff
} 

#id_1264 .main-body-article p{
    margin-bottom:0;
}

#id_1264 .main-body-article strong{
        -webkit-text-stroke: 0.5px;
    letter-spacing: 0.5px;
    font-size: 20px;
}

.main-body-article a{
  text-decoration: underline;
  color: #fff;   
}

.main-body-article  a:hover{
    color:#c1c1c1
}


a{
  text-decoration: none;
  color: #000;
}

a:hover{
    text-decoration:none;
    color:#000;
}



.first-level-menu .hvr-underline-from-left:before{
  background: #000;
}

.second-level-menu .hvr-underline-from-left:before{
  background: #fff;
}

.third-level-menu .hvr-underline-from-left:before{
  background: #fff;
}



ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

button{
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000;
  opacity: 1; /* Firefox */
} 


:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000;
}



::-ms-input-placeholder { /* Microsoft Edge */
  color: #000;
}

.mobile-menu{
  display: none;
}



.newsletter input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}

.newsletter input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

.newsletter input::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}



input:focus { 
  outline: none; 
  border-bottom: 1px solid;
}

h2.heading{
  font-size: 26px;
  margin-bottom: 40px;
}



.float-right{
  float: right;
}

.float-left{
  float: left;
}


.left-bar{
  position: fixed;
  left: 0;
  width: 5%;
  height: 100%;
  z-index: 99999;
  background: #be893e;
}

 



/* FIRST LEVEL MENU */

.first-level-menu  {
    left: 5%;
    display:none;
  position: fixed;
  z-index: 9;
  color: black;
  top: 0;
  background: #f2f2f2;
  width: 16%;
  height: 100%;
  text-align: left;
  padding: 0 20px;
}

.first-level-menu.active{
display:block;
z-index:99;
}

.menu-overlay{
    display:none;
position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    background: rgba(0,0,0,0.8);
    left: 5%;
    z-index: 99;
    cursor: url(../assets/back.png), auto;
}

.menu-overlay.currentPageOverlay{
       display: block !important;
    z-index: 0;
     cursor:auto;
        background-image: url(/media/pu3h2vqo/overlay-bg.png);
    background-size: 55%;
    background-repeat: no-repeat;
    background-position: 90% 90%;
    background-color: black;
}

.icon-menu.active .menu-overlay{
    display:block;
}

.icon-menu.selected .menu-overlay{
    display:none;
}

.icon-menu.selected {
    background: #043d5d;

}

.icon-menu.selected .close-menu{
    display:none!important;
}
.icon-menu.selected .open-menu{
    opacity:0.2;
}

.first-level-menu.selected , .first-level-menu.selected .second-level-menu.selected , .first-level-menu.selected .second-level-menu.selected .third-level-menu.selected{
 display:block !important;   
}

.general-menu .first-level-menu li:nth-child(1){
 
}



.first-level-menu li{
  padding-bottom: 5px;
  font-size: 16px;
}

.first-level-menu li span{
  cursor:pointer;
}

.first-level-menu li.active{
font-weight: bolder;
    -webkit-text-stroke: 0.5px;
    letter-spacing: 0.5px;
  
}

.first-level-menu li.active span{
    background: url(../assets/arrow-right.png);
    background-repeat: no-repeat;
    background-position: right 5px;
    background-size: 12px;
    padding-right: 18px;
    line-height: 20px;
}

.first-level-menu .second-level-menu li.active span ,.first-level-menu  .second-level-menu .third-level-menu li.active span{
    background: url(../assets/arrow-right-white.png);
    background-repeat: no-repeat;
    background-position: right 5px;
    background-size: 12px;
    padding-right: 18px;
     -webkit-text-stroke: 0.3px;
    letter-spacing: 0.5px;
}

.first-level-menu .second-level-menu li  span ,.first-level-menu .second-level-menu  .third-level-menu li span{
    background:none;
     -webkit-text-stroke: 0px;
    letter-spacing: 0px;

}

.first-level-menu .second-level-menu li   ,.first-level-menu .second-level-menu  .third-level-menu li {

        font-size: 16px;
    line-height: 20px;
    padding-bottom: 15px;
}

.first-level-menu li:nth-child(1) ,.general-menu .first-level-menu li .second-level-menu li:nth-child(1){
    font-size: 24px;
    padding-top: 20px;
    padding-bottom: 85px;
    line-height: 25px;
    font-weight: 100;
    -webkit-text-stroke: 0px;
}

.third-level-menu li:nth-child(1){
    font-size: 24px !important;
    padding-top: 20px!important;
    padding-bottom: 85px!important;
    line-height: 25px!important;
    font-weight: 100;
    -webkit-text-stroke: 0px;
}




/* SECOND LEVEL MENU */

.second-level-menu{
  display: none;
    position: fixed;
    left: 21%;
    background: #043d5d;
    top: 0;
    padding: 0 20px;
    height: 100%;
    color: #fff;
    line-height: 24px;
    width: 16%;
    overflow:auto;
}

.second-level-menu.active{
    display:block;
}

.second-level-menu a{
    color:#fff;
}

.third-level-menu{
  display: none;
    position: fixed;
    left: 37%;
    background: #d09b3e;
    top: 0;
    padding: 0 20px;
    height: 100%;
    color: #fff;
    line-height: 24px;
    width:16%;
    overflow:auto;
}
 


.navbar{
  padding: 0;
  background: #be893e;
  position: relative;
  display: block;
}

.icon-menu.active{
  background: #043d5d;
}

.open-menu{
  padding: 15px 12px;
  cursor: pointer;
}

.close-menu{
  padding: 15px 12px;
}

.icon-menu.active .close-menu{

}

.icon-menu .close-menu{
display: none;
background: #043d5d;
    padding: 15px 12px;
    left: 0;
    top: 0;
    position: absolute;
    cursor: pointer;
    width:100%;
}

.icon-menu .back-icon{
    position: absolute;
    left: 12px;
    opacity: 0;
    cursor: pointer;
}

 

li.icon-menu{
  text-align: center;
  position: relative;
  

}

li.icon-menu .open-menu:hover span{
 left:100%;

}

.icon-menu.selected.active .open-menu span{
    display:none;
}

li.icon-menu .open-menu span{
z-index:9999;
  position: absolute;
  background: white;
  padding: 19px 10px;
  left: -400px;
  top: 0;
  width: max-content;
}

li.icon-menu:hover{
  background: #043d5d;
}

li.icon-menu:nth-child(1){
  margin-bottom: 12vh;
}

li.icon-menu img{
  height: 40px;
  max-width:41px;
}

.ajax-container .main-body{
        position: fixed !important;
    z-index: 99999;
}

.main-body , .footer{
  margin-left: 5%;
}

.main-body.type-1{
    position: relative;
    left: 32%;
    width: 63%;
    padding: 0 20px;
    min-height: 100vh;
    padding-bottom:50px;
}

.main-body.type-3{
    position: relative;
    left: 16%;
    width: 79%;
    padding: 0 20px;
    min-height: 100vh;
    padding-bottom: 50px;
}

.top-main-body{
        position: relative;
    height: 120px;
}

.top-main-body img.espa{
        width: 40%;
    right: -20px;
    position: absolute;
    max-height: 90px;
}

.footer .espa{
        width: 550px;
    margin: 50px auto;
    display: block;
    margin-bottom: 0;
}

.home-espa img.espa{
max-width: 335px;
    right: 0;
    position: absolute;
    max-height: 90px;
}

.top-right-logo{
        position: absolute;
    right: 0;
    top: 100px;
    width: 95px;
}



.show-in-full-article , .full-article .repo-title , .full-article .repo-desc {
    display:none;
}

.full-article .show-in-full-article , .full-article .show-in-full-article .repo-title{
    display:block;
}

.full-article .show-in-full-article {
        width: 600px;
    margin: 0 auto;
}

.full-article .repo-image {
    height: 400px;
    text-align: center;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    position: relative;
    background-color: #000;
}

.full-article .repo-title {
 margin-top: 20px;
    margin-bottom: 10px;
    line-height: 30px;
    text-align: left;
    font-size: 28px;
}

.full-article .repo-description {
    bottom: 20px;
    position: relative;
    text-align: left;
    display: block;
    margin-top: 15px;
    font-size: 16px;
}
.full-article .repo-description .desc-date{
font-size: 22px;
    position: relative;
    top: 15px;
    display: block;
    text-align: left;
}

.full-article{
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    z-index: 99999;
    color: #fff;
    width: 100%;
    height: 100%;
    display:none;
    overflow-y:auto;
}

.full-article .main-body-article img{
        margin: 50px auto;
    display: block;
    max-width: 100%;
    height:auto;
}

.full-article .main-body-article h1 {
    margin-bottom: 25px;
    margin-top: -19px;
}

.embeded-model iframe{
    width:100%;
    height:100%;
}

#draw-canvas{
    background-image:none!important;
}

.close-full-article{
        position: absolute;
    width: 63px;
    left: 20px;
    top: 20px;
    cursor:pointer;
}

.open-full-article{
    cursor:pointer;
    margin-top:35px;
}

.open-full-article.hvr-underline-from-left:before{
    background:#fff;
}

.main-body-article iframe{
        max-width: 120%;
    margin: 40px 0;
}

.full-article .main-body-article{
    width: 70%;
    margin: 0 auto;
    /*font-family:arial;*/
        letter-spacing: 0.5px;
}

.main-body  .main-body-article{
    width: 75%;
   
}

.main-body  .main-body-article p img{
        max-width: 90%;
    margin: 50px 0;
    height: auto;
    display: block;
}

.main-body-article h1{
    margin-bottom: 5px;
    margin-top: 30px;
}

.main-body-article h2{
       margin-bottom: 30px;
    font-size: 24px;
    -webkit-text-stroke: 0.5px;
    letter-spacing: 0.5px;
}

.main-body.type-2{
    position: relative;
    left: 48%;
    width: 47%;
    padding: 0 20px;
    min-height: 100vh;
    padding-bottom:50px;
    background: #f2f2f2;
}

.main-body.color-1-bg{
    background: #bd8945;
    color: #fff;
}

.main-body.color-1-bg a{
    color:#fff;
    text-decoration:underline;
}

.main-body.color-2-bg{
      background: #000;
    color: #fff;  
}

.main-body.color-3-bg{
    background: #093e5c;
    color: #fff;
}

.main-body.color-4-bg{
    background:#bd8945;
     color: #000;
}


ul.lang{
      position: absolute;
    bottom: 20px;
    text-align: center;
    width: 100%;
}

ul.lang a{
       color:#fff;
}

ul.lang a.active{
        -webkit-text-stroke: 1.5px;
    letter-spacing: 1px;
}

.top-bar  ul.lang li a{
  font-size: 20px;
}

.hero-logo{
 background: black;
 padding: 120px 0 150px;
 overflow: hidden;
 position: relative;
 z-index: -1;
 height: 100vh;

}

.overflow-hidden{
  overflow: hidden;
}



 

 
 

 

.logo{
  display: block;
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.logo-animation{
  width: 564px;
  height: 475px;
  position: absolute;
  display: block;
  margin: auto;
  left: 0;
  right: 0;
  top:  112px;
  transform:scale(.8);
}

.logo-animation img{
  position: absolute;
  visibility: hidden;
}

.logo-animation-1{
  top: 294px;
  left: 226px;
}

.logo-animation-2{
  top: 163px;
  left: 147px;
}
.logo-animation-3{
  top: 211px;
  left: 163px;
}
.logo-animation-4{
  top: 216px;
  left: 125px;
}
.logo-animation-5{
  top: 361px;
  right: 344px;
}
.logo-animation-6{
  top: 315px;
  left: 239px;
}
.logo-animation-7{
  top: 340px;
  left: 250px;
}
.logo-animation-8{
  top: 383px;
  left: 288px;
}
.logo-animation-9{
  top: 250px;
  left: 277px;
}
.logo-animation-10{
  top: 205px;
  left: 269px;
}
.logo-animation-11{
  top: 163px;
  left: 270px;
}
.logo-animation-12{
 left: 45px;
 top: 29px;
}


.container-padding{
  padding: 50px 0;
}

.container-blog{
  padding-top: 50px; 
  padding-bottom: 50px; 
}



.bg-color-1{
  background-color: #328072;
} 

.bg-color-2{
  background-color: #c48f85;
}

.info-box h2{
  font-size: 48px;
  text-align: center;
  color: #fff;
}



.info-box a span{
 font-size: 16px;
}
.info-box a h3{
 font-size: 32px;
}

.info-box{
  color: #fff;
  padding-top: 50px;
  padding-bottom: 100px;
}

.owl-item{
  display:inline-block;
  vertical-align: text-top;
}

.info-box .owl-item .item{
  text-align: center;
  font-family: 'BuenosAires', Arial, sans-serif;
}

.home-box-left{
  background: #043d5d;
  text-align: center;
  color: #fff;
  padding: 50px 0;
}



.home-box-left h3{
  padding: 0 40px;
}

.home-box-left .owl-dots{
    display:none;
}

.home-box-left .owl-nav{
    display: block;
    position: absolute;
    bottom: 120px;
    width: 85%;
    margin: auto;
    left: 0;
    right: 0;
}

.home-box-left .owl-nav .owl-next{
  position: absolute;
  right: -10px;
    color: #fff;
    font-size: 45px;
}

.home-box-left .owl-nav .owl-prev{
    position: absolute;
    left: -10px;
    color: #fff;
    font-size: 45px;
}

.home-slider-1 {
    position: relative;
}

.home-slider-1 .owl-stage-outer{
    overflow:hidden;
}

.home-slider-1 .owl-nav {
    display: block;
    position: absolute;
    top: 30%;
    font-size: 70px;
    width: 100%;
}

.home-slider-1 .owl-nav .owl-prev{
    color: white;
    left: -50px;
    position: relative;
}

.home-slider-1 .owl-nav .owl-next{
    color: white;
    right: -50px;
    position: absolute;
}

.home-box-left .home-slider-image{
  margin: 60px auto;
  background-position: center;
}

.home-box-left .item span{
  width: 60%;
  display: inline-block;
  margin-top: 0px;
}


.home-box-right{
  height: 100%;
  background-image: url(../assets/cities-bg.jpg);
  background-size: cover;
  position: relative;
}

.home-box-right a{
  background: #803f1e;
  position: absolute;
  width: 300px;
  height: 300px;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;

  border-radius: 300px;
  text-align: center;
  padding: 113px 60px;
  color: #fff;
}

.no-padding {
 padding: 0 !important;
 margin: 0 !important;
}

.repo-general-categories{
  padding-bottom: 100px;  
}

.repo-slider{
        width: 60%;
    margin: 0 auto;
}

.repo-slider-item{
 text-align: center;
    background: #bd8945;
    height: 328px;
    color: #fff;
    padding: 20px;
    margin:10px;
    position:relative;
}
.repo-slider-item div{
    font-size:32px;
}

.repo-slider-item span{
font-size: 16px;
    margin-top: 10px;
    display: block;
    height: 225px;
    overflow: auto;
}

.repo-slider-item a{
font-size: 20px;
    display: block;
    border-radius: 20px;
    border: 1px solid;
    padding: 8px 10px;
    color: #fff;
    position: absolute;
    bottom: 40px;
    margin: auto;
    left: 0;
    right: 0;
    width: 75%;
}

.home-slider-image{
  width: 90%;
  height: 300px;
  margin: 30px auto;
  background-size: cover;
  border: 15px solid #043d5d;
  background-position: bottom;
}

.home-slider-image + a{
    color:#fff;
}

.home-map{
  height: 100vh;
  background-image: url('../assets/home-map-bg.jpg');
  background-size: cover;
  background-attachment: fixed;
  position: relative;
}

.home-map a{
  background: #043d5d;
  position: absolute;
  width: 400px;
  height: 400px;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  font-family: 'BuenosAires', Arial, sans-serif;
  border-radius: 300px;
  text-align: center;
  padding-top: 160px;
  color: #fff;
}

.home-map a span{
 font-size: 16px;
}
.home-mapa h3{
 font-size: 36px;
}

.accordion{
  text-align: center;
  color: #fff;
}

.accordion ul{
  list-style: none;
}

.accordion ul li{
  padding: 40px 0;

}

.accordion ul li .container{
 position: relative;
}

.accordion ul li h4 {
  font-size: 26px;
  margin-top: 33px;
  text-align: left;
  position: absolute;
} 



.accordion ul li button {
  display: block;
  color: #fff;
  position: absolute;
  right: 0;
  top: 33px;
  text-align: right;
  margin-right: var(--bs-gutter-x, 0.75rem);
}

.accordion ul li button span{
  font-size: 20px;
  position: relative;
}

.accordion ul li span{
  font-size: 52px;
}

.accordion .hidden-text{
  padding-top: 80px;
  text-align: left;
  font-size: 20px;
  display: none;
}

.close-read-more{
 display: none;
}

.accordion .augmented-reality{
  background: #7a2816;
}

.accordion .virtual-museum {
  background: #d09b3e;
}

.accordion .interactive-map {
  background: #328272;
}

.accordion .digital-repository {
  background: #8a3f1e;
}

.accordion .website {
  background: #043d5d;
}

.accordion .digital-tour {
  background: #000;
}

.accordion .educational-activities {
  background: #d6a197;
}

.accordion .gamification {
  background: #9fa4a6;
}



.newsletter{
  background: #000;
  color: #fff;
  text-align: center;
  font-size: 26px;
}

.newsletter .container{
  position: relative;
}

.newsletter input[type=text], input[type=submit] {
  background: transparent;
  border: none;
  font-size: 46px;
  color: #fff;
  min-width: 635px;
}

.newsletter label{ 
 position: absolute;
 left: 0;
 top: 20px; 
 margin-left: var(--bs-gutter-x, 0.75rem);
}

.newsletter input[type=submit] {
 min-width: 100px;
 font-size: 20px;
 position: absolute;
 right: 0;
 top: 20px;
 margin-right: var(--bs-gutter-x, 0.75rem);
}

.social-media{
  background: #d6d9db;
  text-align: center;
}

.social-media a{
  font-size: 26px;
  color: #000;
  margin: 0 40px;
  font-family: 'BuenosAires', Arial, sans-serif;
}

 

.copyright{
  text-align: center;
  font-size: 22px;
  font-family: 'BuenosAires', Arial, sans-serif;
}

.article .mentor-img{
  margin: 0 auto;
  display: block;
  margin-top: 100px;
}


.contact-box  h2{
    font-size: 32px;
    color: #fff;
    padding-top: 19px;
}

.contact-box form input , .contact-box form textarea{
  display: block;
  border: 0;
}


.contact-box form button{
 color: #d09b3e;
}

.contact-box address a{
  display: block;
}

.contact-box address a:nth-child(2){
 color: #fff;
}

.blog-menu{
  text-align: center;
  font-size: 26px;
}


.blog-categories{
  background: #fff;

}

.blog-tributes{
  background: #8a3f1e;
}

.blog-teams{
  background: #043d5d;
  
}

.blog-menu a{
  padding: 35px 0;
}

.blog-categories a{
  color: #000;
  display: block;
}

.blog-teams a{
  color: #fff;
  display: block;
}

.blog-tributes a{
  color: #fff;
  display: block;
}

.search-blog input{
  text-align: center;
  width: 100%;
  margin: 0;
  padding: 23px 0 15px;
  font-size: 52px;
  background: #d6d9db;
  border: 0;
}

.blog-list{
    padding-top:30px;
}

.blog-box{
  margin-top: 40px;
}

.blog-box-image{
  position: relative;
  height: 100%;
  background-image: url('../assets/blog/1.jpeg');
  background-size: cover;
}

.blog-box-image img{
  width: 100%;
}

.blog-box-details{
  background: #043d5d;
  color: #fff;
  padding: 20px 20px;

}

.blog-box-details a{
  color: #fff;
}

.blog-box-details h2{
 font-size: 28px;
 margin: 5px 0;
}

.blog-box-details p{
  line-height: 18px;
  font-size: 14px;
}

.blog-box-details h3{
  font-size: 18px;
}

.blog-pagination{
  text-align: center;
}

.blog-pagination a{
  padding-top: 13px;
}

.blog-pagination .page-link {
 
    position: relative;
    display: block;
    color: #000000;
    text-decoration: none;
    background-color: #d6d9db;
    border: 0;
    border-radius: 100px;
    min-width: 36px;
    margin: 50px 9px;
    font-size: 16px;
}

.blog-pagination .page-link.prev , .blog-pagination .page-link.prev:hover , .blog-pagination .page-link.next , .blog-pagination .page-link.next:hover{
  background: transparent;
  color: #000;
}

.blog-pagination .page-link.active , .blog-pagination .page-link:hover{
  background: #000;
  color: #fff;
}


.page-item.dots{
  position: relative;
  top: 15px;
  margin: 0 10px 0 0;
  font-size: 26px;
}

.owl-dots{
  position: absolute;
  bottom: 40px;
  margin: auto;
  left: 0;
  right: 0;
  text-align: center;
}

.owl-nav{
  display: none;
}

.owl-carousel button.owl-dot{
  height: 15px;
  width: 15px;
  background: #fff;
  border-radius: 100px;
  margin: 5px;
}

button.owl-dot.active{
  background: #000;
}

.blog-post-slider {
  background: #000;
}



.blog-post-slider-image{
  width: 100%;
  height: 600px;
  background-size: contain;
}

.blog-post-header {
  padding: 40px 0;
  background: #043d5d;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 20px;
}

.blog-post-header .container{
  position: relative;
}

.blog-post-header .category{
  position: absolute;
  left: 0;
  top: 23px;
  margin-left: var(--bs-gutter-x, 0.75rem);
}

.blog-post-header .date{
  position: absolute;
  right: 0;
  top: 23px;
  margin-right: var(--bs-gutter-x, 0.75rem);
}

.blog-post-header h3{
  font-size: 52px;
  margin: 0;
}

.blog-post-title{
  font-size: 52px;
}

.back-to-blog{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background: black;
    width: 5%;
    height: 70px;
    text-align:center;
}

.back-to-blog img{
      width: 50px;
    margin-top: 13px;
}
 

.blog-post-coontent p{
  line-height: 24px;
}


.hamburger{
  padding-left: 15px;
  padding-top: 15px;
}

.hamburger span {
  display: block;
  height: 2px;
  width: 40px;
  background: #fff;
  margin-top: 10px;
  border-radius: 1px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.menu-opened  .hamburger span.top {
  -webkit-transform: rotate(
    45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(
    45deg);
  margin-top: 11px;
}

.menu-opened  .hamburger span.middle {
  opacity: 0;
}

.menu-opened  .hamburger span.bottom {
  -webkit-transform: rotate(
    -45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(
    -45deg);
  margin-top: -17px;
}

.menu-opened  .hamburger span {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  background: #000;
}

.menu-opened .hamburger {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  border-radius: 100px;
  padding-top: 16px;
  padding-left: 0px;
  height: 60px;
}



.download-app{
    margin-top:40px;
}
.download-app img{
    width:150px;
    margin-right:30px;
}

 .repo-items-container{
      width: 73%;
    overflow: hidden;
    min-height:100%;
    
 }
 
  .repo-items-container h1{
     padding: 20px;
    font-size: 40px;
    padding-top: 53px;
 }
 
 .repo-items-container h1 a{
         font-size: 20px;
    float: right;
    border: 1px solid;
    padding: 10px 40px;
    border-radius: 100px;
    padding-top: 15px;
    cursor:pointer;
    color:#fff;
 }
 
   .repo-items-container h1 span{
      margin-top: 30px;
    font-size: 22px;
    display:block;
  
 }
 
  .repo-items{
    padding: 20px;  
  }
 
.repo-item{
position:relative;
 background: #bd8945;
    height: 400px; 
    margin-bottom:30px;
    padding:10px;
    text-align:left;
    width:100%;
} 

.repo-item:hover{
     
}
 
.repo-image{
    height: 200px;
    text-align: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    position: relative;
    background-color:#000;
}

.repo-title{
      margin-top: 20px;
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 19px;
}

.repo-desc{
    font-size: 14px;
        position: absolute;
    bottom: 20px;

}

.repo-show-more{
    background: #3b3b3b;
    width: 400px;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
    display: block;
    font-size: 17px;
    letter-spacing: 5px;
    border-radius: 4px;
    margin-bottom: 50px;
    cursor: pointer;
}

.repo-load-more-cat{
    display:none;
}

.filter-name{
        margin:20px;
        margin-bottom: -40px;
        
        display: inline-block;
    font-size: 22px;
}

.repo-filters{
    position: fixed;
    right: 0;
    top: 0;
    width: 25%;
    background: white;
    height: 100%;
    color: 000;
    padding: 20px;
} 

.repo-filters-title{
        -webkit-text-stroke: 0px;
    letter-spacing: 1px;
    font-size: 26px;
    padding-top: 40px;
    font-weight: 700;
    padding-bottom:80px;
}

.repo-filters-block{
    display:none;
        position: fixed;
    width: 25%;
    background: white;
    top: 0;
    right: 0;
    padding: 20px;
    height: 100%;
    z-index:9;
    max-height: 100%;
    overflow: auto;
}

.close-filter{
        position: absolute;
     right: 15px;
    top: 15px;
cursor:pointer; 
}

.close-filter:hover{
    opacity:0.6;
}


.selected-filter{
      font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 42px;  
}

.close-filter img{

    width: 50px;
}
 
.filter{
display: block;
    font-size: 18px;
    border-top: 1px solid #d9d9d9;
    padding: 10px 5px;
    width: 85%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
    letter-spacing: 1px;
    font-family: tahoma;
    padding-left: 20px;
    cursor:pointer;
}

.filter.active , .filter:hover{
    background: black;
    color: #fff;
}

.filter:hover a , .filter.active a{
   
    color: #fff;
}

.filter a , .filter a{
   
    display:block;
}

 .select-filter{
        font-size: 24px;
    font-weight: 700;
    padding-bottom: 20px;
    cursor:pointer;
 }
 
 .select-filter img{
     width:30px;
 }

 .repo-general-categories h2{
     text-align: center;
    letter-spacing: 2px;
    width: 61%;
    margin: 0 auto;
    padding-top: 100px;
    font-size: 46px;
    font-weight: 300;
 }
 
 .repo-general-categories h2 + div{
         text-align: center;
 
    width: 75%;
    margin: 10px auto;
     margin-bottom:50px;
    font-size: 22px;
  
 }
 
 
 
 
#carousel {
width:800px;
    overflow: hidden;
    margin: 100px 0;
    min-height: 200px;
}

.carousel-image {
    height: 350px;

    position: absolute;
    left: 50%;
    border-radius: 7%;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

}

#carousel-image-0 {
    transform: translateX(-50%) translateX(-120%) scale(0.6);
    filter: brightness(40%);
    z-index: 1;
}

#carousel-image-1 {
    transform: translateX(-50%) translateX(-80%) scale(0.8);
    filter: brightness(65%);
    opacity: 1;
    z-index: 2;
}

#carousel-image-2 {
    transform: translateX(-50%) scale(1);
    filter: brightness(100%);
    opacity: 1;
    z-index: 3;
}

#carousel-image-3 {
    transform: translateX(-50%) translateX(80%) scale(0.8);
    filter: brightness(65%);
    opacity: 1;
    z-index: 2;
}

#carousel-image-4 {
    transform: translateX(-50%) translateX(120%) scale(0.6);
    filter: brightness(40%);
    opacity: 1;
    z-index: 1;
}

#carousel-image-5 {
    transform: translateX(-50%) scale(1.5);
    filter: brightness(40%);
    opacity: 0;
    z-index: 1;
}

/* Forward */
.mv0to5 {
    animation: 0.3s ease-out mv0to5;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.mv5to4 {
    animation: 0.3s ease-out mv5to4;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.mv4to3 {
    animation: 0.3s ease-out mv4to3;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.mv3to2 {
    animation: 0.3s ease-out mv3to2;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.mv2to1 {
    animation: 0.3s ease-out mv2to1;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.mv1to0 {
    animation: 0.3s ease-out mv1to0;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

/* Backward */
.mv0to1 {
    animation: 0.3s ease-out mv0to1;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.mv1to2 {
    animation: 0.3s ease-out mv1to2;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.mv2to3 {
    animation: 0.3s ease-out mv2to3;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.mv3to4 {
    animation: 0.3s ease-out mv3to4;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.mv4to5 {
    animation: 0.3s ease-out mv4to5;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.mv5to0 {
    animation: 0.3s ease-out mv5to0;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

    



@keyframes mv0to5 {
    0% { transform: translateX(-50%) translateX(-120%) scale(0.6); filter: brightness(40%); opacity: 1; z-index: 2}
    20% { opacity: 0; }
    100% { transform: translateX(-50%) scale(0.6);  filter: brightness(40%); opacity: 0; z-index:1}
}
@keyframes mv5to4 {
    0% { transform: translateX(-50%) scale(0.6);  filter: brightness(40%); opacity: 0; z-index:1 }    
    80% { opacity: 0;}
    100% { transform: translateX(-50%) translateX(120%) scale(0.6);  filter: brightness(40%); opacity: 1; z-index: 2 }
}
@keyframes mv4to3 {
    0% { transform: translateX(-50%) translateX(120%) scale(0.6); filter: brightness(40%); opacity: 1; z-index: 2; }
    100% { transform: translateX(-50%) translateX(80%) scale(0.8); filter: brightness(65%); opacity: 1; z-index: 3; }
}
@keyframes mv3to2 {
    0% { transform: translateX(-50%) translateX(80%) scale(0.8); filter: brightness(65%); opacity: 1; z-index: 3; }
    30% { opacity: 1; z-index: 4;}
    100% { transform: translateX(-50%) translateX(0%) scale(1); filter: brightness(100%); opacity: 1; z-index: 4; }
}
@keyframes mv2to1 {
    0% { transform: translateX(-50%) translateX(0%) scale(1); filter: brightness(100%); opacity: 1; z-index: 4; }    
    100% { transform: translateX(-50%) translateX(-80%) scale(0.8); filter: brightness(65%); opacity: 1; z-index: 3; }
}
@keyframes mv1to0 {
    0% { transform: translateX(-50%) translateX(-80%) scale(0.8); filter: brightness(65%); opacity:1; z-index:3; }        
    100% { transform: translateX(-50%) translateX(-120%) scale(0.6); filter: brightness(40%); opacity:1; z-index:2; }
}


@keyframes mv0to1 {    
    0% { transform: translateX(-50%) translateX(-120%) scale(0.6); filter: brightness(40%); opacity:1; z-index:2; }
    100% { transform: translateX(-50%) translateX(-80%) scale(0.8); filter: brightness(65%); opacity:1; z-index:3; }    
}
@keyframes mv1to2 {
    0% { transform: translateX(-50%) translateX(-80%) scale(0.8); filter: brightness(65%); opacity:1; z-index:3; }
    30% { opacity:1; z-index:4;}
    100% { transform: translateX(-50%) translateX(0%) scale(1); filter: brightness(100%); opacity:1; z-index:4; }    
}
@keyframes mv2to3 {    
    0% { transform: translateX(-50%) translateX(0%) scale(1); filter: brightness(100%); opacity:1; z-index:4; }
    100% { transform: translateX(-50%) translateX(80%) scale(0.8); filter: brightness(65%); opacity:1; z-index:3; }
}
@keyframes mv3to4 {    
    0% { transform: translateX(-50%) translateX(80%) scale(0.8); filter: brightness(65%); opacity:1; z-index:3; }
    100% { transform: translateX(-50%) translateX(120%) scale(0.6); filter: brightness(40%); opacity:1; z-index:2; }
}
@keyframes mv4to5 {    
    0% { transform: translateX(-50%) translateX(120%) scale(0.6);  filter: brightness(40%); opacity:1; z-index:2 }
    20% {opacity:0;}
    100% { transform: translateX(-50%) scale(0.6);  filter: brightness(40%); opacity: 0; z-index:1 }
}
@keyframes mv5to0 {
    0% { transform: translateX(-50%) scale(0.6);  filter: brightness(40%); opacity: 0; z-index:1}    
    80% {opacity:0;}
    100% { transform: translateX(-50%) translateX(-120%) scale(0.6);  filter: brightness(40%); opacity: 1; z-index:2}    
}