@font-face {
  font-family: 'SansuMi-Regular';
  src: url('../fonts/Sansumi/Sansumi-Regular.woff2') format('woff2'),
       url('../fonts/Sansumi/Sansumi-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

#gkHeader
{
    z-index:0;
}

.acm-hero .heading
{
    font-size:60px;
}

#mod-custom311 strong
{
    color: #fff;
    background-color: #000;
}

#BR
{
    min-width: 130px;
    top:10px !important;
    left:10px !important;
}

#mod-custom336.mod-custom.custom
{
    width: 12vw;
    position: fixed;
    top: 50px;
    display: block;
    background-color: #bba774ed;
    letter-spacing: 1.2px;
    float: right;
    text-align:center;
    right: 0px;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 50%);
    font-weight: 700;
    font-family: 'Font Awesome 5 Free';
}

#mod-custom336.mod-custom.custom a
{
   color:#404040 !important;    
}

.BookingF 
{
    cursor: pointer;
    pointer-events: auto;
    padding-top: 15px;
    padding-bottom:15px;
}

.BookingF a
{
        text-decoration: none;
}

#mod-custom337.mod-custom.custom 
{
    top: 200px;
    position: absolute;
    width: 100%;
}

#mod-custom337.mod-custom.custom p, .VideoMessage p
{
    font-size: 40px;
    font-weight: 400;
    line-height: 52px;
    color: #080808;
    font-family: Sansumi-Regular,Arial,sans-serif;
}

.csH h3
{
    text-align: center !important;
    font-family: Sansumi-Regular, Arial, sans-serif;
    font-size: 50px !important;
    line-height: 1 !important;
    letter-spacing: -0.01em !important;
    
}

.mod-languages
{
    position:relative;
}
.item-page .introtext
{
    width:100%;
}

.acm-testimonials .owl-carousel .owl-nav
{
    padding-top:30px;
    
}

.item-page div[itemprop="articleBody"].hasnot-media
{
    display:none;    
}

#mod-custom317 .IntroVideo
{
    width:100%;
    height:56vw;
}

#mod-custom317 #IntroVideo
{
    position:relative;
}

.gal_nodisplay
{
    display:none !important;
}

div.contact .contact-info-wrap p
{
    width:100%;
}

#mod-custom317 #IntroVideo::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
  z-index: 1;
}

.item-page .item-page-top
{
    margin-bottom:0px;
}

#mod-custom318.mod-custom.custom
{
    position: relative;
    top: 30px; 
    z-index: 10;
    /*background: #25262608;*/
    background:none;
    width: 40%;
    margin-left: auto;
    color: black;
    padding-top: 50px;
    font-size: 2rem;
    margin-right: auto;
    /*margin-top: -110px;*/
    margin-top: -250px;
}

a
{
    color: #8b5959 !important;
}

.wtext
{
    font-size: 20px !important;
    line-height: 1.8 !important;
    font-weight: bold !important;
    color: #404040 !important;
}

.wtext1
{
    font-size: 36px !important;
    line-height: 1.33 !important;
}

.dcom_small_h3 h3
{
    padding-left:0 !important;
    text-transform:none !important;
    font-size: 48px !important;
    font-weight: normal !important;
    line-height: 1.25 !important;
    display: block;
}

.dcom_small_h3 h3 > small
{
    color: #080808;
    font-weight: normal;
    display: block;
    line-height: 1.33;
    margin-bottom: 16px;
    font-family: 'Satoshi',sans-serif;
    text-transform: none;
}

.acm-features.style-1 .lead
{
    background-color: #eeeeee;
    padding:30px;
    line-height:25px;
}

#acm-features-326 .lead
{
    padding: 15px;
    background-color: #eeeeee;;
}

.introtext, .lead 
{
    font-size: 20px;
    line-height: 1.8;
    margin-bottom: 16px;
    background-color: #eeeeee;
    padding: 30px;
}

.gkSubheadingBox .header .sub-heading 
{
    color: #080808;
    font-weight: normal;
    display: block;
    font-size: 15px;
    line-height: 1.33;
    margin-bottom: 16px;
    font-family: 'Satoshi',sans-serif;
}

#gkMainbodyTop {
    background: #171717 url(/templates/gk_archi/images/bgd.png) center;
    color: #0e0e0e;
    padding-top: 80px;
    padding-bottom: 80px;
}

img {
    height: auto;
    max-width: 100%;
    width: auto \9;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
    transition: transform 0.5s ease; /* Smooth zoom effect */
}

img:hover {
    transform: scale(1.1); /* Zoom in by 10% */
}






/****************MEDIA DEVICES**********************************/

@media only screen and (max-width: 2500px) 
{
   .category-blog.article-list.article-4cols .col-12, .items-row.cols-3 .col-lg-4 + .col-lg-4
   {
     margin-top:0px; 
   } 
   
   .items-row.cols-3 .item
   {
       display:block;
   }
   
   #gkFooter #footer .moduletable
   {
       float:right;
   }
}

@media only screen and (min-width: 2701px) and (max-width: 4000px)
{
   #mod-custom318.mod-custom.custom
   {
       top:-200px;
   } 
    #mod-custom337.mod-custom.custom 
    {
      top: 500px;
      position: absolute;
      width: 100%;
    }
   #mod-custom337.mod-custom.custom p, .VideoMessage p
   {
       font-size:2.5vw;
       line-height:82px;
   }      
} 

@media only screen and (min-width: 1921px)
{
    #gkHeaderNav
    {
        width:100%;
    }
    #mod-custom336.mod-custom.custom
    {
        margin-right: calc((100vw - 1920px)/2);
    }
}

@media only screen and (min-width: 1921px) and (max-width: 2700px)
{
   #mod-custom318.mod-custom.custom
   {
       top:-200px;
   } 
    #mod-custom337.mod-custom.custom 
    {
      top: 250px;
      position: absolute;
      width: 100%;
    }
   #mod-custom337.mod-custom.custom p, .VideoMessage p
   {
       font-size:3vw;
       line-height:52px;
   }      
} 

@media only screen and (min-width: 991px) and (max-width: 1920px)
{
   #mod-custom318.mod-custom.custom
   {
       top:30px;
   } 
} 

@media only screen and (min-width: 1367px) and (max-width: 1920px)
{
    #mod-custom337.mod-custom.custom 
    {
      top: 200px;
      position: absolute;
      width: 100%;
    }
   #mod-custom337.mod-custom.custom p, .VideoMessage p
   {
       font-size:3vw;
       line-height:52px;
       color:080808;
   }      
} 

@media only screen and (min-width: 991px) and (max-width: 1366px)
{
    #mod-custom337.mod-custom.custom 
    {
      top: 100px;
      position: absolute;
      width: 100%;
    }
   #mod-custom337.mod-custom.custom p, .VideoMessage p
   {
       font-size:36px;
       line-height:25px;
   }    
} 

@media only screen and (min-width: 991px) 
{
   .csH h3
   {
       margin-bottom:150px !important;
       margin-top:-150px !important;
   }
}

/****max width 991******/
@media only screen and (max-width: 991px) 
{
   #mod-custom318.mod-custom.custom
   {
       top: 130px;
       width:100%;
   }
   #mod-custom337.mod-custom.custom
   {
       top:120px;
   }
   .VideoMessage
   {
      width:65%;
      margin-left:auto;
      margin-right:auto;
   }
   #mod-custom337.mod-custom.custom p, .VideoMessage p
   {
       font-size:28px;
       line-height:18px;
   }
}

@media only screen and (max-width: 850px) 
{
   #mod-custom337.mod-custom.custom
   {
       top:85px;
   }
   .VideoMessage
   {
      width:65%;
      margin-left:auto;
      margin-right:auto;
   }
   #mod-custom337.mod-custom.custom p, .VideoMessage p
   {
       font-size:28px;
       line-height:16px;
   }
}

@media only screen and (max-width: 720px) 
{
   #BR
   {
       min-width: 70px;
   }    
   #mod-custom337.mod-custom.custom
   {
       top:55px;
   }
   .VideoMessage
   {
      width:65%;
      margin-left:auto;
      margin-right:auto;
   }
   #mod-custom337.mod-custom.custom p, .VideoMessage p
   {
       font-size:28px;
       line-height:12px;
   }
}

@media only screen and (max-width: 640px) 
{
    #acm-hero-324
    {
        margin-top:80px;
    }
   .items-row .item
   {
     height:auto!important;   
   } 
   .lango_booking
   {
       width:400px;
   }
   .acm-hero .heading
   {
    font-size:48px;
   }
   .csH h3
   {
    font-size:48px;  
   }
   #mod-custom336.mod-custom.custom
   {
      display: none !important; 
   }
   #mod-custom337.mod-custom.custom
   {
       top:35px;
   }
   .VideoMessage
   {
      width:55%;
      margin-left:auto;
      margin-right:auto;
   }
   #mod-custom337.mod-custom.custom p, .VideoMessage p
   {
       font-size:16px;
       line-height:10px;
   }
}

@media only screen and (max-width: 500px) 
{
   #mod-custom337.mod-custom.custom
   {
       top:20px;
   }
   .VideoMessage
   {
      width:55%;
      margin-left:auto;
      margin-right:auto;
   }
   #mod-custom337.mod-custom.custom p, .VideoMessage p
   {
       font-size:14px;
       line-height:5px;
   }
}

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

   #mod-custom337.mod-custom.custom
   {
       top:25px;
   }
   .VideoMessage
   {
      width:50%;
      margin-left:auto;
      margin-right:auto;
   }
   #mod-custom337.mod-custom.custom p, .VideoMessage p
   {
       font-size:12px;
       line-height:5px;
   }
}

@media only screen and (max-width: 420px) 
{
   #BR
   {
       min-width: 60px;
   }
   #mod-custom337.mod-custom.custom
   {
       top:10px;
   }
   .VideoMessage
   {
      width:50%;
      margin-left:auto;
      margin-right:auto;
   }
   #mod-custom337.mod-custom.custom p, .VideoMessage p
   {
       font-size:12px;
       line-height:2px;
   }
}

@media only screen and (min-width:300px) and (max-width: 360px) 
{
   #BR
   {
       min-width: 40px;
   }
   #mod-custom337.mod-custom.custom
   {
       top:10px;
   }
   .VideoMessage
   {
      width:40%;
      margin-left:auto;
      margin-right:auto;
   }
   #mod-custom337.mod-custom.custom p, .VideoMessage p
   {
       font-size:10px;
       line-height:1px;
   }
}