* {

    margin: 0;

    box-sizing: border-box;

  }

  

  @font-face {

    font-family: MontserratM;

    src: url(../assets/fonts/Montserrat-Medium.ttf);

  }

  

  @font-face {

    font-family: MontserratB;

    src: url(../assets/fonts/Montserrat-Bold.ttf);

  }

  

  @font-face {

    font-family: MontserratR;

    src: url(../assets/fonts/Montserrat-Regular.ttf);

  }

  

  body{

    background-color:#dddddd !important;

    font-family: MontserratR !important;

  }



  .logo_menu{

    margin: 70px 0 0 85px;

    width: 90px;

    height: auto;

  }



.logo_menu_section{

  display: grid;

  grid-template-columns: 20% 20%;

  column-gap: 74.5%;

}



.logo{

  z-index: 2;

  width: 106px;

  height: 150px;

  margin: 65px 0 0 65px;

  position: relative;

}



.menu_btn{

  margin: 40px 0px 0 0;

  cursor: pointer;

  z-index: 2;

} 

  

  #menu .menu_details .details, #menu .menu_details_small .details{

    padding-left: 100px;

    padding-top: 65px;

    padding-right: 60px;

  

    font-family: MontserratR;

    font-size: 25px;

  }



  #menu .menu_details_small .details {

    margin-top: -40px;

    padding-top: 0px;

  }

  

  #menu .menu_details .details .block_1, #menu .menu_details_small .details .block_1{

    clear: both;

    padding-top: 140px;

  }

  

  #menu .menu_details .details .block_2, #menu .menu_details .details .block_3, #menu .menu_details .details .block_4, #menu .menu_details_small .details .block_2, #menu .menu_details_small .details .block_3, #menu .menu_details_small .details .block_4{

    padding-top: 50px;

  }

  

  #menu .menu_details .details .heading, #menu .menu_details_small .details .heading{

    font-family: MontserratM;

    font-size: 27px;

    /* padding-bottom: 7px; */

  }

  

  #menu .menu_items .menu_links, #menu .menu_details_small .menu_links{

    color: white;

    font-family: MontserratR;

    font-size: 42px;

    text-transform: uppercase;

  

    position: absolute;

    top: 237px;

    left: 27px;

  

    line-height: 86px;

    cursor: pointer;

  }



  #menu .menu_items .menu_links a{ 

    color: white;

    text-decoration: none;

  }



  #menu{

    position: absolute;

    top: 0;

    left: 0;

    color: white;

  

    display: grid;

    grid-template-columns: 60% 40%;

    width: 100%;

    height: 100vh;

  

    z-index: 2;

  }

  

  #menu .menu_items{

    background-color: #111111;

    opacity: 0.95;

  }

  

  

  

  #menu .menu_items .menu_links li, #menu .menu_details_small .menu_links li{

    list-style-type: none;

  }

  

  #menu .menu_details, #menu .menu_details_small{

    background-color: #212121;

    opacity: 0.95;

  }

  

  #menu .menu_details .details a, #menu .menu_details .details a:visited, #menu .menu_details .details a:hover, #menu .menu_details .details a:active, #menu .menu_details_small .details a, #menu .menu_details_small .details a:visited, #menu .menu_details_small .details a:hover, #menu .menu_details_small .details a:active{

    color: white;

    text-decoration: none;

  }

  

  #menu .menu_details .details .close, #menu .menu_details_small .details .close{

    float: right;

    cursor: pointer;

  }



  #menu .menu_details_small .details {

    font-size: 21px;

  }

  

  #menu .menu_details .details .close .symbol{

    font-size: 42px;

    margin-left: 15px;

  }



  #menu .menu_details .details .block_4 .text{

    display: grid;

    grid-template-columns: 33% 33% 33%;

  }



  #menu .menu_details .details .block_4 .text span{

    padding-bottom: 5px;

  }

  

  .row-spacing, .col-spacing{

    margin: 0;

    padding: 0;

  }



  .copyright{

  background-color: #0f0f0f;

  color: white;

  text-align: center;

  font-family: MontserratR;

  font-size: 17px;

  padding: 20px 0;

}



.whatsapp_chat{

  position: fixed;

  bottom: 38px;

  right: -63px;

  margin-right: -151px;

}



.whatsapp_chat:hover{

  position: fixed;

  right: 4px;

  margin-right: -17px;

}



.whatsapp_chat img{

  height: 65px;

  width: auto;

}



.whatsapp_chat.mobile img{

  height: 35px;

  width: auto;

}



.whatsapp_chat.mobile{

  display: none;

}



.whatsapp_chat.nonmobile{

  display: block;

}



  @media only screen and (min-width: 320px) and (max-width: 767px){

    .logo_menu_section{

      display: grid;

      grid-template-columns: 20% 20%;

      column-gap: 71.5%;

    }



    .logo_menu {

      margin: 20px 0 0 20px;

      width: 40px;

      height: auto;

    }



    .logo{

    margin: 10px 0 0 18px;

    width: 27px;

    height: auto;

  } 



  .menu_btn {

    margin: 15px 0px 0 -10px;

    width: 35%;

  }



    #menu .menu_details_small .details {

      margin-top: -40px;

      margin-right: -40px;

      padding-top: 0px;

    }



    #menu .menu_details_small .menu_links{

      font-size: 19px;

      line-height: 47px;

      top: 114px;

      left: 3px;

    }



    #menu .menu_details_small .details {

      font-size: 18px;

    }



    .whatsapp_chat{

      position: fixed;

      right: -118px;

      margin-right: 0;

    }



    .whatsapp_chat.mobile{

      display: block;

      z-index: 50;

    }



    .whatsapp_chat.nonmobile{

      display: none;

    }

 }



  @media only screen and (min-width: 768px) and (max-width: 1023px){

    .logo_menu {

      margin: 50px 0 0 50px;

      width: 57px;

      height: auto;

    }



    .logo_menu_section {

        display: grid;

        grid-template-columns: 20% 20%;

        column-gap: 66%;

    }

  }



  @media only screen and (min-width: 1024px) and (max-width: 1365px){

    .logo_menu {

      margin: 50px 0 0 50px;

      width: 57px;

      height: auto;

    }

    

    #menu .menu_items .menu_links{

      top: 175px;

      left: 65px;

      line-height: 63px;

      font-size: 33px;

    }



    #menu .menu_details .details{

      padding-left: 60px;

    }



    #menu .menu_details .details .block_1{

      padding-top: 45px;

    }



    #menu .menu_details .details .heading{

      font-size: 23px;

    }



    #menu .menu_details .details, #menu .menu_details_small .details {

      font-size: 21px;

    }



    #menu .menu_details .details .block_2, #menu .menu_details .details .block_3{

      padding-top: 36px;

    }

  }





  @media only screen and (min-width: 1366px) and (max-width: 1919px){

    .logo_menu{

      margin: 50px 0 0 50px;

      width: 80px;

      height: auto;

    }



    .logo {

      width: 86px;

      height: auto;

      margin: 45px 0 0 45px;

    }



    .menu_btn {

      margin: 70px 0px 0 0;

      cursor: pointer;

      width: 18%;

    }

    

    #menu{

      grid-template-columns: 55% 45%;

    }



    #menu .menu_items .menu_links{

      top: 175px;

      left: 65px;

      line-height: 63px;

      font-size: 33px;

    }



    #menu .menu_details .details, #menu .menu_details_small .details{

      padding-left: 70px;

    }



    #menu .menu_details .details .block_1{

      padding-top: 53px;

    }



    #menu .menu_details .details .heading{

      font-size: 21px;

    }



    #menu .menu_details .details, #menu .menu_details_small .details {

      font-size: 21px;

    }



    #menu .menu_details .details .block_2, #menu .menu_details .details .block_3, #menu .menu_details .details .block_4{

      padding-top: 26px;

    }



    #menu .menu_details .details .block_4 .text span{

      padding-bottom: 2px;

    }

  }

 /* img {
  pointer-events: none; /* Disables all mouse events on the image */
  -webkit-touch-callout: none; /* Disables the long-press context menu on iOS */
  -webkit-user-select: none; /* Prevents text/image selection */
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none; /* Prevents image dragging on WebKit browsers */
  user-drag: none;
}*/