/*@media screen and (min-width:2560px) { */
/*.section-contact{*/
/*    min-height: 300px;*/
/*    background: #00ebf7;*/
/*    margin-right: 0;*/
/*    max-width: 1605;*/
/*    margin-top: 4rem;*/
/*    position: relative;*/
/*    padding-top: 6rem;*/
/*    padding-left: 6rem;*/
/*}*/
/*}*/

@media only screen and (max-width: 1200px) {

.web-menu > li {
    font-family: 'Red Hat Mono';
    margin: 0px 0px;
}


.web-menu-b > li {
    font-family: 'Red Hat Mono';
    margin: 0px 0px;
}


}

@media only screen and (max-width: 820px) {
    
    
    .desktop{
        display:none;
    }
    
    .mobile{
        display:block;
    }
    
    .mobile-menu{
       
    }
    
    
    
    .section-title {
        background-image: none;
        background-repeat: no-repeat;
        background-size: 45%;
        background-position: top right;
        min-height: 20rem;
        margin-top: -0.8rem;
        padding: 0px 1.5rem;
    }
    
    
    
    .nav-iktome {
        height: 78px;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1000;
        padding: 0px 1.5rem;
        padding-top: 0;
    }
    
    
    .nav-container-iktome {
        border-bottom: 1px solid #00effb40;
        padding-bottom: 0.75rem;
        padding-top: 0.75rem;

    }
    
    .nav-iktome-b {
        height: 78px;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1000;
        padding: 0px 15px;
        padding-top: 0;
    }
    
    
    .nav-container-iktome-b {
        border-bottom: 1px solid #00000040;
        padding-bottom: 0.75rem;
        padding-top: 0.75rem;

    }
    

    
    .mobile-menu {
        display: block;
        width: 4.8rem;
        background: #00ebf7;
        height: 4.8rem;
        position: absolute;
        top: 0;
        right: 0;
        padding: 1.8rem 1.2rem;
        z-index: 1001;
        transition:0.5s border;
    }
    

    
    .burger-menu {
        display: block;
        width: 2rem;
        background: #00ebf7;
        height: 2rem;
        position: fixed;
        top: 1rem;
        right: 1.1rem;
        border-radius: 50%;
        background: #00ebf7;
        transform: scale(1);
        transition: 0.6s transform;
        z-index: 1000;
    }
    
    .nav-container-iktome-b .burger-menu, .nav-container-iktome-b .mobile-menu{
        
        background: #171717;

    }

    .brand-iktome > img {
        width: 4rem;
        mix-blend-mode: difference;
    }
    
    .brand-iktome > svg {
        width: 4rem;
    }
    
    

       .web-menu{
        display:none;
    }
    
    .web-menu-b{
        display:none;    
    }
    
    .open-menu{
        transform: scale(200) perspective(1000px);
        transition: 0.8s transform;
    }
    
    .logo-menu-open{
        z-index: 1001;
        mix-blend-mode: difference;
    }
    
    .nav-container-iktome-b .mobile-menu .bar-1, .nav-container-iktome-b .mobile-menu .bar-2, .nav-container-iktome-b .mobile-menu .bar-3{
        
        background: #00ebf7;

    }    
    
    
    .bar-1{
        height: 3px;
        background: #171717;
        width: 100%;
        transition: 0.5s;
    }
    
    
    .bar-2{
        height: 3px;
        background: #171717;
        margin: 0.4rem 0;
        width: 100%;
        transition: 0.5s;
    }
    
    
    .bar-3{
        height: 3px;
        background: #171717;
        width: 100%;
        transition: 0.5s;
        /* margin: 6px 0; */
    }
    

 
    
    .change{
        border:2px solid #171717;
        border-top:none;
    }
    
    .nav-container-iktome-b .mobile-menu.change{
        
        border:2px solid #00ebf7;
        border-top:none;

    }  
    
    .change .bar-1 {
      -webkit-transform: rotate(-45deg) translate(12px, 6px);
      transform: rotate(45deg) translate(6px, 6px);
      width: 100%;
      transition: 0.5s;
    }
    
    .change .bar-2 {
        
        opacity: 0;
        transition: 0.5s;
        
        
    }
    
    .change .bar-3 {
      -webkit-transform: rotate(45deg) translate(12px, -8px);
      transform: rotate(-45deg) translate(7px, -7px);
      width: 100%;
      transition: 0.5s;
    }


    
    /*OPEN MENU*/
    
    .show-menu-mobile {
        position: fixed;
        z-index: 1000;
        top: 4.7rem;
        left:0;
        padding-bottom: 5rem;
        height: 100%;
        width: 100%;
        overflow-y: scroll;
        display:none;
    }
    
    .show-menu{
        display:block;
    }
        
        
    .mobile-list-menu {
        list-style: none;
        padding:0;
    }
        
    
    .mobile-item {
        font-family: 'Red Hat Mono';
        font-size: 30px;
        display:none;
        margin-bottom: 0.5rem;
    }
    
    .mobile-item .nav-link {
        color: #171717;
        font-weight: 500;
        background: linear-gradient(to left, #b2b7c300 50%, #171717 50%);
        background-size: 200% 100%;
        background-position: right bottom;
        transition: 0.2s all;
    }
    
    
    .contanct-page-menu .mobile-item .nav-link {
        color: #00ebf7;
        font-weight: 500;
        background: linear-gradient(to left, #b2b7c300 50%, #00ebf7 50%);
        background-size: 200% 100%;
        background-position: right bottom;
        transition: 0.2s all;
    }
    

    
    .mobile-item .nav-link.active {
        color: #00ebf7 !important;
        background: #171717;
    }
    
    .contanct-page-menu .nav-link.active {
        color: #171717 !important;
        background: #00ebf7;
    }
    
    .mobile-item .nav-link:hover {
        background-position: left bottom;
        color: #00ebf7;
    }
    
    .contanct-page-menu .mobile-item .nav-link:hover {
        background-position: left bottom;
        color: #171717;
    }
    
    .section-title-page {
        min-height: 10rem;
        margin-top: -0.8rem;
    }
    
    
    .title-page {
        margin: 3rem 0px;
        margin-bottom: 1.5rem;
    }
    
    .title-page-b {
        margin: 5rem 0px;
        margin-bottom: 1.5rem;
    }
    
    
    .title-page > h1 {
        font-family: 'Red Hat Mono';
        color: #fff;
        font-size: 48px;
    }
    
    .title-page-b > h1 {
        font-family: 'Red Hat Mono';
        color: #171717;
        font-size: 50px;
    }
    
    .breadcrumb-iktome {
        font-family: 'Red Hat Mono';
        color: #ffffff4f;
        font-size: 11px;
        margin-bottom: 1rem;
        letter-spacing: 2px;
    }
        
    /*.pacman{*/
    /*    display:none;*/
    /*}*/
    
    
    
    

    
    .no-p-mobile{
        padding:0;
    }
    
    
    .p-mobile{
        padding: 0px 1.5rem;
    }
    
    
    
    .section-contact {
        min-height: 300px;
        background: #00ebf7;
        margin-right: 0;
        max-width: 1415px;
        margin-top: 4rem;
        position: relative;
        padding: 1.5rem;
        padding-top: 3rem;
        padding-bottom: 0;
    }
    
    .section-contact .row .col-12 > h2 {
    font-size: 30px;
    line-height: 45px;
    font-family: 'Red Hat Mono';
}
    .info-tel {
        text-align: center;
        background: #171717;
        color: #00ebf7;
        font-family: 'Red Hat Mono';
        padding: 1rem 1rem;
        font-size: 13px;
    }
    
    .phone-bg {
        display:none;
    }
    
    
/*filter*/

.controls {
    display: flex;
    height: calc(100% - 4.8rem);
    align-content: flex-end;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    position: relative;
    align-items: flex-end;
    z-index: 11;
    margin: 0;
}

.button-c {
display:none;
}

.close-gallery {
    width: 4.8rem;
    height: 4.8rem;
    text-align: center;
    border: 2px solid;
    color: #00ebf7;
    font-size: 3rem;
    padding: 1.2rem;
    line-height: 3.5rem;
    background: #171717;
    cursor: pointer;
}

    .close-gallery.change .bar-1 {
      -webkit-transform: rotate(45deg) translate(6px, 6px);
      transform: rotate(45deg) translate(6px, 6px);
      width: 100%;
      transition: 0.5s;
    }
    
    .close-gallery.change .bar-3 {
      -webkit-transform: rotate(-45deg) translate(0px, 0px);
      transform: rotate(-45deg) translate(0px, 0px);
      width: 100%;
      transition: 0.5s;
    }


.controls-close {
    display: flex;
    height: 4.8rem;
    align-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    position: relative;
    align-items: flex-start;
    z-index: 11;
    margin: auto 0rem;
    margin-top: 0;
}


.box-image-gallery {
    width: 80%;
    top: 0rem;
    display: flex;
    height: 24rem;
    position: relative;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: column;
    align-content: center;
}

.box-image-gallery > img{
    height: auto;
    width: 100%;
    position: absolute;
    display:none;
}






/* CUSTOM FILTER */

.filter-select{
    width:100%;
}

.custom-select {
  position: relative;
  font-family: 'Red Hat Mono';
  font-weight: 500;
  margin-bottom: 2rem;
}

.custom-select select {
  display: none; /*hide original SELECT element: */
}

.select-selected {
  background-color: transparent;
}

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 15px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #00ebf7 transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #00ebf7 transparent;
  top: 7px;
}

/* style the items (options), including the selected item: */
.select-items div,.select-selected {
  color: #00ebf7;
  padding: 10px 14px;
  border-bottom: 2px solid #00ebf7;
  cursor: pointer;
}

/* Style items (options): */
.select-items {
  position: absolute;
  background-color: #171717;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgb(0 240 252);
  color: #171717 !important;
}

.cookie-banner{

    padding: 0;
}

.content-cookie-banner{
    padding: 1rem 1.5rem;
    font-family: 'Red Hat Mono';
}





.label-file {
    background-color: #171717;
    color: white;
    padding: 0.5rem;
    color: #00ebf7;
    border-radius: 0;
    font-weight: 500;
    font-family: 'Red Hat Mono';
    cursor: pointer;
}

#file-chosen{
  margin-left: 0.3rem;
  font-family: 'Red Hat Mono';
}

.button-cookie {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    height: 35px;
}

.p-home{
    font-family: 'Red Hat Mono';
    color: #ffffffa1;
        font-size: 13px;
}

.form-check-label {
    font-family: 'Red Hat Mono';
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
}

.cookie-banner {
    z-index: 9;
    width: 90%;
    transition: 0.5s;
    border: 5px solid #000;
    box-shadow: inset 0px 0px 0px 2px #02f2fe;
    background: #000;
    padding-top: 0;
    padding-bottom: 2.5rem;
    display: none;
}

.head-cookies {
    margin: 4px;
    background: #838383;
    margin-bottom: 2rem;
    padding: 0rem 1rem;
    border: 2px solid #838383;
    box-shadow: inset 0px 0px 0px 2px #000;
}

}