@font-face {
    font-family: NoWay;
    src: url(../../fonts/Noway_Regular.otf);
  }
  @font-face {
    font-family: NoWayMed;
    src: url(../../fonts/Noway_Medium.otf);
  }
  @font-face {
    font-family: NoWayBold;
    src: url(../../fonts/Noway_Bold.otf);
  }
  @font-face {
    font-family: NoWayLight;
    src: url(../../fonts/Noway_Light.otf);
  }
  .ck-content{
      font-family:NoWay;
  }
  
  .desc address {
   font-family: NoWayMed;
   font-size: 30px;
   letter-spacing: 3px;
   font-style: normal;
   text-transform: uppercase;
   line-height:40px;
  }
  .desc {
   font-family: NoWayLight;
   font-size: 14px;
   letter-spacing: 1px;
   font-style: normal;
   line-height: 32px;
  }
  .desc small{
   font-family: NoWay;
   font-size: 12px;
   font-style: normal;
   line-height: 12px;
  }
  .desc strong {
   font-family: NoWayMed;
   font-size: 14px;
   letter-spacing: 1px;
   font-style: normal;
   text-transform: uppercase;
  }
  .desc a {
   font-family: NoWayMed;
   font-size: 14px;
   letter-spacing: 1px;
   font-style: normal;
   text-decoration:none;
   color:#666;
  }
  .desc a strong{
    text-transform: lowercase;
  }
  .desc a:hover {
  color: #a59200;
  }
  .fotorama__nav__frame .fotorama__nav__frame--thumb {
   width:100px;
  }
  
  @media (min-width:768px){
      .index div[class^="col-"] img, .orok div[class^="col-"] img {
          object-fit: cover;
          min-height:150px;
          max-height:150px;
          min-width:100%;
      }
      .desc address {
       font-size: 30px;
       line-height:40px;
      }
      .desc {
       font-size: 14px;
       letter-spacing: 1px;
      }
      .desc small{
       font-size: 12px;
       line-height: 12px;
      }
      .desc strong {
       font-size: 14px;
       letter-spacing: 1px;
      }
      .desc a, .desc a:hover {
       font-size: 14px;
       letter-spacing: 1px;
      }
      .social span {
          padding:0px;
      }
  }
  @media (min-width:992px){
      .index div[class^="col-"] img, .orok div[class^="col-"] img {
          object-fit: cover;
          min-height:200px;
          max-height:200px;
          min-width:100%;
      }
      .desc address {
       font-size: 30px;
       line-height:40px;
      }
      .desc {
       font-size: 14px;
       letter-spacing: 1px;
       line-height: 26px;
      }
      .desc small{
       font-size: 12px;
       line-height: 14px;
      }
      .desc strong {
       font-size: 14px;
       letter-spacing: 1px;
      }
      .desc a, .desc a:hover {
       font-size: 14px;
       letter-spacing: 1px;
      }
      .index .text,.orok .text {
      font-size: 20px;
      }
      section {
      margin-left:60px;
      margin-right:60px;
      margin-top:15px;
      }
      
  }
  @media (min-width: 1200px){
      section .container-fluid {
          max-width:70%
      }
      .index .text,.orok .text {
      font-size: 22px;
      }
  }
  @media (min-width:1500px){
      .index div[class^="col-"] img, .orok div[class^="col-"] img {
          object-fit: cover;
          min-height:370px;
          max-height:370px;
          min-width:100%;
      }
      .social {
          margin-top:0px;
      }
      .desc address {
       font-size: 50px;
       line-height:60px;
      }
      .desc {
       font-size: 18px;
       letter-spacing: 1px;
       line-height: 32px;
      }
      .desc small{
       font-size: 16px;
       line-height: 16px;
      }
      .desc strong {
       font-size: 18px;
       letter-spacing: 1px;
      }
      .desc a, .desc a:hover {
       font-size: 18px;
       letter-spacing: 1px;
      }
      .index .text, .orok .text {
      font-size: 24px;
      }
      #muterem {
          padding:45px;
      }
  }

  .form-colorinput-color{
    box-shadow: none !important;
    border: solid 1px #000 !important;
  }

  .form-selectgroup-label{
    box-shadow: none !important;
  }

  .form-colorinput-color.bg-white:before{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e") !important;
  }


  #order_summary_modal table{
    width: 100% !important;
  }