/**
 * Custom CSS
 * Use this file to override styles if you feel uncomfortable editing
 * component stylesheets.
 ============================================================================ */
 html {
    background: #fff;
  }
  
  /* line 45, ../sass/global.styles.scss */
  body {
    font-family: "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 87.5%;
  }
  @font-face {
      font-family: 'FontAwesome';
      src: url('fonts/FontAwesome.otf');
      font-weight: 400;
      font-style: normal;
  }
  @font-face {
      font-family: 'Ubuntu-Regular';
      src: url('fonts/Ubuntu-Regular.ttf');
      font-weight: 400;
      font-style: normal;
  }
  @font-face {
      font-family: 'Ubuntu-Light';
      src: url('fonts/Ubuntu-Light.ttf');
      font-weight: 400;
      font-style: normal;
  }
  @font-face {
      font-family: 'OpenSans-Light';
      src: url('fonts/OpenSans-Light.ttf');
      font-weight: 400;
      font-style: normal;
  }
  @font-face {
      font-family: 'Lato-Regular';
      src: url('fonts/Lato-Regular.ttf');
      font-weight: 400;
      font-style: normal;
  }
  /* =============================================================================
   *   HTML Elements
   * ========================================================================== */
  /* line 135, ../sass/global.styles.scss */
  p, #node__container ul li, #content-wrapper ol li, #block-system-main td,
   #block-system-main th, .view-community-engagement .views-field-body .field-content{
      color: #333;
      font-family: 'Lato-Regular';
      font-size: 16px;
      line-height: 28px;
  }
  strong {
      color: #222;
      font-weight: 18px;
      font-family: 'OpenSans-Light';
  }
  pre,
  code,
  tt,
  samp,
  kbd,
  var {
    font-family: Consolas, Monaco, "Courier New", Courier, monospace, sans-serif;
  }
  /*
 * Main content column wrapper
 */
 .not-front #content-wrapper {
    margin-bottom: 50px;
}
.page{
    overflow-x: auto;
}

/*
* Wraps the main-content-header, the content region and feed-icons. Use this
* wrapper to style the entire main content column
*/
.l-attribution,
.site-branding__text,.view-empty,
.feed-icons{
    display: none;
}
#block-subtheme-branding {
    float: left;
}
.site-branding__logo-img{
 	width: 70%;
 }
 .site-branding__logo-link{
    z-index: 20;
 }
#masthead{
  padding-left:40px;
  position: fixed;
  width: 30%;
  background-color: #fff;
  z-index: 20;
  height:130px;
}
#navbar {
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 9;
    background: white;
    border-bottom: 1px solid #e0e0e0;
}

.path-news-and-press-release #rid-content,
.page-node-type--news-press-release #rid-content,
.page-node-type--grivence-mecharnism-gallery #rid-content,
.path-content-design-approval-land-sublease #rid-content,
.path-content-design-approval-application-power-system-land-sublease #rid-content,
.path-content-start-construction #rid-content,
.path-content-connection-and-usage-utilities #rid-content,
.path-content-rental-factory-certificate-completion-inspection #rid-content,
.path-content-faqs #rid-content,
.path-content-rental-factory-design-approval #rid-content,
.path-content-rental-factory-design-approval-application-power-system #rid-content,
.path-content-rental-factory-start-renovation #rid-content,
.path-content-rental-factory-connection-and-usage-utilities #rid-content,
.path-content-rental-factory-certificate-completion-inspection #rid-content,
.path-content-faqs #rid-content,.path-search #rid-content{ 
  margin-top:135px; 
}
/*
 * Wraps the nav elements
 */
#block-tb-megamenu-menu-block-secondary-menu a{
    padding: 0px 15px 0px 15px;
    margin-top:17px;
    background-color: #fff;
    font-family: 'Lato-Regular';
    font-size: 12px !important;
    color: #333;
    font-weight: bold !important;
    text-decoration: none;
}
.middle-menu a, .last-menu a{
    border-left: 1px solid #737373;
}
.pr-header,
.pr-navbar,
#banner{
    color: #ffffff;
    background-color: #ffffff;
}
.tb-megamenu{
    background-color: #ffffff ;
}
.tb-megamenu .nav > li > a,
.tb-megamenu .nav > li > span.tb-megamenu-no-link {
    border-right: none;
}
.tb-main-menu a,
.tb-megamenu-no-link,
.dropdown-menu .mega-nav > li a,
.tb-megamenu-subnav li .tb-megamenu-no-link,
.tb-megamenu .mega-nav > li span.tb-megamenu-no-link,
.tb-megamenu .dropdown-menu .mega-nav > li span.tb-megamenu-no-link{
    font-family: 'Ubuntu-Regular';
    font-size: 13px;
    color: #333 !important;
    font-weight: 600;
    padding: 10px;
    letter-spacing: 0.3px;
    background: #fff !important; 
}
.tb-main-menu a:hover,
.tb-megamenu-no-link:hover,
.dropdown-menu .mega-nav > li a:hover,
.tb-megamenu-subnav li .tb-megamenu-no-link:hover,
.tb-megamenu .mega-nav > li span.tb-megamenu-no-link:hover,
.tb-megamenu .dropdown-menu .mega-nav > li span.tb-megamenu-no-link:hover,
#block-tb-megamenu-menu-block-secondary-menu a:hover{
    color: #fe0000 !important;
}
.tb-main-menu .active a,
.tb-megamenu-no-link .active,
.dropdown-menu .mega-nav > li .active a,
.tb-megamenu-subnav li .tb-megamenu-no-link .active,
.tb-megamenu .mega-nav > li span.tb-megamenu-no-link .active,
.tb-megamenu .dropdown-menu .mega-nav > li span.tb-megamenu-no-link .active,
#block-tb-megamenu-menu-block-secondary-menu  .active a{
    color: #fe0000 !important;
}
/*.tb-megamenu .nav > .active > a {
    color: #fe0000 !important;
}*/
#rid-navbar{
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-auto-columns: 1fr 1fr;
}
#rid-navbar .row {
  grid-column: 1 / 3;
  justify-items: end;
}
#rid-navbar div:nth-child(3){
    grid-column: 1/3;
}
#block-tb-megamenu-menu-block-secondary-menu{
    margin-top:-7px;
    margin-right: -20em;
}
#block-tb-megamenu-menu-block-secondary-menu,
#block-search-form-block{
    padding: 13px 0px 0px 0px;
}
#block-search-form-block{
    margin-right: 20px;
}
#block-tb-megamenu-menu-block-secondary-menu,
#block-search-form-block,
#block-tb-megamenu-menu-block-main{
  display: flex;
  justify-content: flex-end; /* ညာဘက်ခြမ်းမှာ ကပ်ဖို့ */
}

/*Banner Background*/
#main-content, #main-content .container, #highlighted, #highlighted .container,
#features, #features .container{
    background-color: #fff;
}

/*slider*/
.pr-banner__rw, #rid-banner{
    padding: 0px;
}
#rid-banner, .path-user-login #main-content {
    margin-top:131px;
}

#banner{
    justify-content: normal !important;
    width: fit-content;
}
.path-frontpage #banner{
    height: 650px;
}
.md-main-img img{
    width: 100% !important;
    height:650 !important;
    overflow: hidden;
    left: 0px !important;
}

#block-md-slider-block-front-slider, #block-md-slider-block-about-mjtd,
#block-subtheme-aboutmjtd,
#block-md-slider-block-solution-slider, #block-subtheme-projectoutlineslider,
#block-md-slider-block-amenities-slider,#block-md-slider-block-project-outline-slider,
#block-md-slider-block-community-engagement,
#block-md-slider-block-social-performance-guideline, 
#block-md-slider-block-impact-assessment-slider,
#block-md-slider-block-weather-slider, #block-md-slider-block-monitoring-slider,
#block-md-slider-block-complaint-management-procedure,
#block-md-slider-block-governance-procedures-slider,
#block-md-slider-block-land-sub-release-slider,
#block-md-slider-block-multi-stakeholder-advisory-group-meetings,
#block-md-slider-block-un-forum-on-business-human-rights, #block-md-slider-block-our-csr{
    margin: 0px;
    width: 100vw;
    height: fit-content;
}
.md-object{
    height: auto !important;
    font-family: 'Ubuntu-Light';
    color: #fff;
    text-align: center;
    font-size: 23px;
    margin-top: 170px;
    background-color: rgba(2,80,30, 0.9);
    display: table;
    padding: 15px 25px !important;
    border-radius: 15px 0px 15px 0px;
    font-weight: 600;
}
.is-responsive__list{
    margin:auto;
    width: 100%;
    max-width: 1200px;
}
/*for title*/
.welcome-mjtd .block__title, #rid-highlighted .block__title {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 50px;
    font-size: 35px;
    letter-spacing: -0.5px;
    font-family: 'Lato-Regular';
    color: #333;
    font-weight: 700;
}
/*for Basic Pages*/
.node__title, .page__title{
    margin: 0;
    font-family: 'Ubuntu-Light';
    font-weight: 700 !important;
    color: #333;
    font-size: 32px;
    letter-spacing: 0.5px;
    /* display: inline-block; */
    margin-bottom: 20px;
    margin-top: 20px;
    text-transform: uppercase !important;
}
.node__content h3{
    font-size: 1.4em;
}
.node__content p, p{
    color: #333;
    font-family: 'Lato-Regular';
    font-size: 16px;
    line-height: 28px;
    }
/* Welcome to MJTD Youtube */
.content-container {
    position: static;
}
.text-column{
    flex:1;
    padding:20px;
}
.video-column{
    float: left;
    padding:20px;
}
@media(max-width:768px){
    .text-column,
    .video-column{
        flex:1 1 100%;
    }
}
.welcome-mjtd p {
    font-size: 17px;
    line-height: 30px;
    text-align: justify;
    font-family: 'OpenSans-Light';
}
/* News & Press Release and Vacancy Announcement*/
#features {
    padding-bottom: 35px;
}
.view-news .views-field-field-image-news,.view-news .views-field-title{
    margin-bottom:20px;
}
.view-news .views-field-title a{
    font-family: 'Ubuntu-Light';
    font-size: 18px;
    color: #333;
    text-decoration: none;
    font-weight: 600;
    line-height: 27px;
    margin-bottom: 8px;
}
.path-frontpage .view-news .views-field-title a{
    float: left;
    width: 100% !important;   
}
.view-news .views-field-title a:hover{
    color: #fec502;
}
.view-news .views-field-field-news-press-release-categor{
    color: #fe0000;
    font-family: 'OpenSans-Light';
    font-weight: 600;
    padding: 0px;
    list-style: none;
    margin: 0px 20px 0px 0px;
    padding-right: 20px;
    border-right: 1px solid #aaa;
    float: left;
}
.path-news-and-press-release .view-news .views-field-body .field-content {
    color: #333; 
    font-family: 'Lato-Regular';
    font-size: 16px;
    line-height: 28px;
}
.view-news .views-field-field-release-date{ 
    color: #333;
    font-family: 'OpenSans-Light'; 
}
.path-news-and-press-release .view-news .views-field-field-image-news{
    margin-bottom: 10px;
    padding-bottom: 15px;
    border-bottom: 5px solid #02501e;
}
.view-news .views-field-field-image-news img {
    width: 100%;
}
.path-news-and-press-release .view-news .views-field-body .field-content {
  padding-top: 20px;
}
.path-news-and-press-release .views-field-view-node {
    margin: 20px 30px;
    text-align: right;
}
.path-news-and-press-release .views-field-view-node a{
    color: #aaa;
    font-size: 14px;
    font-family: 'Ubuntu-Light';
    text-decoration: none;
}
.path-news-and-press-release .view-id-news .pressandrelease{
    margin-bottom: 30px;
    padding-bottom: 40px;
    border-bottom: 1px solid #aaa;
}
.attachment-row {
   margin-bottom: 30px;
    padding-bottom: 40px; 
}
/*for Contact adress and Social Media*/
#content-suffix, #content-suffix .regions{
    background-color: #e0e0e0;
}
.block-contact-us{
    float: left;
    width: 50%;
    margin-top: 25px;
    margin-bottom: 10px;
    padding: 20px 20px 0px;
}
.block-social-media{
    float: left;
    /* width: 55%; */
    margin-left: 100px;
    margin-top: 67px;
}
 .block-contact-us h1{
    font-family: 'Lato-Regular';
    color: #333;
    font-size: 22px;
    letter-spacing: 0.5px;
    margin-top: 0px;
 }
 .block-contact-us p{
    color: #333;
    font-family: 'OpenSans-Light';
    font-size: 16px;
    line-height: 28px;
 }
 .block-contact-us p a{
    color: #fe0000;
    text-decoration: none;
 }
 .block-contact-us p a:hover{
    color: #fe0000;
    text-decoration: underline;
 }
.block-social-media table, .block-social-media tbody,
.block-social-media tr, .block-social-media td{
    border: transparent !important;
    text-align: center;
}
.block-social-media a {
    font-family: 'Lato-Regular';
    color: #333;
    font-size: 12px;
    margin-top: -10px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    }
.block-social-media a:hover{
    color: #fec502; 
}

.pr-footer {
    color: #ffffff;
    background-color: #333;
}
.pr-footer p {
    color: #fec502;
    font-family: 'Roboto';
    font-size: 12px;
    text-align: center;
    margin-bottom: 0px;
}

/* Solution */
.solution-first, .solution-second,.solution-third,.solution-four {
    /*border: 1px solid #aaa;*/
    padding: 20px 20px;
    min-height: 170px;
    /*background-color: #ebebeb;*/
}

/*Inside and Outside Infrastructure*/
#block-quicktabs-block-inside-ouside-infrastructure .quicktabs-tabs > li > a{
    font-family: 'Lato-Regular';
    padding:25px 0px 25px 0px;
    font-size: 1.5em;
    background-color: #eee;;
}
#block-quicktabs-block-inside-ouside-infrastructure .quicktabs-tabs > li > a:hover{
    background-color: ghostwhite;
}
#block-quicktabs-block-inside-ouside-infrastructure .quicktabs-tabs > li.active > a {
    font-family: 'Lato-Regular';
    padding:25px 0px 25px 0px;
    color:#fff;
    font-size: 1.5em;
    border-bottom-color: transparent;
    background: #1a6133 !important;
}

/*About MJTD*/

/* Quick Tabs instance တစ်ခုလုံးကို Flexbox သုံးပြီး ဘေးတိုက်စီပါ */
#quicktabs-about_mjtd,
#quicktabs-certificates{
  display: flex;
  flex-wrap: wrap; /* အကယ်၍ screen သေးရင် အောက်ဆင်းစေရန် */
}
#quicktabs-about_mjtd p,
#quicktabs-certificates p,
#quicktabs-about_mjtd .rteindent1,
#quicktabs-about_mjtd a,
#quicktabs-certificates a{
    padding: 10px;
    font-size: 17px;
    line-height: 30px;
    text-align: justify;
    font-family: 'OpenSans-Light';
}
/* Tab Content ထည့်သည့် အဓိကနေရာ (ညာဘက်ခြမ်း) */
#quicktabs-about_mjtd #quicktabs-container-about_mjtd,
#quicktabs-certificates #quicktabs-container-certificates{
  flex: 1; /* ကျန်တဲ့နေရာ အကုန်ယူရန် */
  background-color: #ebebeb;
  padding: 20px 20px 20px 20px; /* Tab list နဲ့ ခြားနားစေရန် */
}
/* Tab ခေါင်းစဉ် list (ul) ကို ဘယ်ဘက်မှာ ထားပြီး အကျယ် নির্দিষ্টလုပ်ပါ */
#quicktabs-about_mjtd ul.quicktabs-tabs,
#quicktabs-certificates  ul.quicktabs-tabs{
  display: flex; /* List item တွေကို control လုပ်ဖို့ */
  flex-direction: column; /* ဒေါင်လိုက်စီရန် */
  list-style: none; /* Bullet point တွေ ဖျောက်ရန် */
  padding: 0;
  margin: 0 0px 0 0; /* ညာဘက် content နဲ့ ခြားရန် margin */
  flex: 0 0 200px; /* အကျယ် 200px သတ်မှတ်၊ မကျုံ့/မဆန့် စေရန် (လိုသလိုညှိပါ) */
  min-width: 150px; /* အနည်းဆုံး အကျယ် သတ်မှတ်နိုင်သည် */
}

/* Tab တစ်ခုချင်းစီ (li) */
#quicktabs-about_mjtd ul.quicktabs-tabs li,
#quicktabs-certificates ul.quicktabs-tabs li{
  padding: 0px !important;
  width: 100%; /* Full width ယူစေရန် */
}
/* Tab link (a) */
#quicktabs-about_mjtd ul.quicktabs-tabs li a,
#quicktabs-certificates ul.quicktabs-tabs li a {
  display: block; /* Link ကို block အဖြစ်ပြောင်း */
  text-decoration: none;
  color: #333;
  background-color: #fff;
  border: 1px solid #ddd;
  border-right: none; /* ညာဘက် border ဖျောက် */
  transition: background-color 0.3s ease; /* Hover effect အတွက် */
  margin:0px !important;
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
  max-width: 300px;
}
/* Tab link ကို Hover လုပ်သည့်အခါ */
#quicktabs-about_mjtd ul.quicktabs-tabs li a:hover,
#quicktabs-certificates ul.quicktabs-tabs li a:hover {
  background-color: #e9e9e9;
}
/* Active ဖြစ်နေတဲ့ Tab */
#quicktabs-about_mjtd ul.quicktabs-tabs li.active a,
#quicktabs-certificates ul.quicktabs-tabs li.active a {
  background-color: #ebebeb;
  color: #000;
  font-weight: bold;
  border-left: 3px solid red;
}

/* Screen သေးရင် (Mobile) Tab တွေကို အပေါ်၊ Content ကို အောက် ရောက်စေရန် (Optional) */
@media (max-width: 768px) {
  #quicktabs-about_mjtd #quicktabs-container-about_mjtd,
  #quicktabs-certificates #quicktabs-container-certificates{
    flex-direction: column; /* အပေါ်အောက်စီရန် */
  }

 #quicktabs-about_mjtd ul.quicktabs-tabs,
#quicktabs-certificates ul.quicktabs-tabs {
    flex: 0 0 auto; /* အကျယ် auto ဖြစ်စေရန် */
    margin-right: 0; /* ညာဘက် margin ဖျောက် */
    margin-bottom: 15px; /* Content နဲ့ ခြားရန် */
    border-right: none; /* ညာဘက် border ဖျောက် */
    border-bottom: 1px solid #ccc; /* အောက်ဘက် border ထား */
    flex-direction: row; /* Mobile မှာ ပြန်လှဲစီချင်ရင် row ထားနိုင်သည် */
    flex-wrap: wrap; /* Tab များရင် အောက်ဆင်းစေရန် */
  }

  #quicktabs-about_mjtd ul.quicktabs-tabs li,
  #quicktabs-certificates ul.quicktabs-tabs li {
     margin-right: 5px; /* Mobile မှာ ဘေးတိုက်ခြားရန် */
     margin-bottom: 5px;
     width: auto; /* အကျယ် auto */
   }

 #quicktabs-about_mjtd ul.quicktabs-tabs li a,
 #quicktabs-certificates ul.quicktabs-tabs li a {
     border: 1px solid #ddd; /* Border ပြန်ထား */
  }

   #quicktabs-about_mjtd ul.quicktabs-tabs li.active a,
   #quicktabs-certificates ul.quicktabs-tabs li.active a {
     border-left: 1px solid #ddd; /* Active border ပုံမှန်ပြန်ထား */
     border-bottom: 1px solid #fff; /* Active tab အောက် border ဖျောက် */
     margin-bottom: -1px; /* Content နဲ့ဆက်ရန် */
   }
 #quicktabs-about_mjtd #quicktabs-container-about_mjtd,
 #quicktabs-certificates #quicktabs-container-certificates {
    padding-left: 0; /* ဘယ်ဘက် padding ဖျောက် */
  }
}

/*Amenities*/
.node--id-11 table, .node--id-11 tr, .node--id-11 th, .node--id-11 td, 
.node--id-11 tbody, .node--id-11 thead{
    border: 0px;
}
.node--id-11 table:hover, .node--id-11 tr:hover, .node--id-11 th:hover,
.node--id-11 td:hover, .node--id-11 tbody:hover,
.node--id-11 thead:hover, 
.node--id-25 table:hover, .node--id-25 tr:hover, .node--id-25 th:hover,
.node--id-25 td:hover, .node--id-25 tbody:hover,
.node--id-25 thead:hover,
.path-frontpage .block-social-media table:hover, 
.path-frontpage .block-social-media tr:hover,.path-frontpage .block-social-media th:hover, 
.path-frontpage .block-social-media td:hover,
.path-frontpage .block-social-media tbody:hover, 
.path-frontpage .block-social-media thead:hover{
   background-color: transparent !important;
}
.node--id-11 tr:nth-child(even),
.node--id-25 tr:nth-child(even) {
    background-color: #edf3f5;
}
.node--id-11 td p {
    margin: 10px 30px 10px 30px !important;
}
.node--id-11 td img{
    width: 250px;
    height: auto;
}
.node--id-11 h3 {
    font-family: 'Cairo';
    font-size: 20px;
    letter-spacing: 0.5px;
    color: #02501e;
    border-bottom: 3px solid #02501e;
    padding-bottom: 5px;
    margin-bottom: 25px;
    text-align: center;
    margin-top: 50px;
}
/*Industrial Land and Ready Build Factory Lease*/
.industrialzonea h2,
.industrialzoneb h2{
    text-align: center;
}
.readybuildfactoryimg,
.industrialzonea,
.industrialzoneb{
    margin: 15px;
    padding: 20px;
    background-color: #d8d8d8;
    float: left;
    width:47%;
}
.readybuildfactorytext{
    margin: 15px;
    padding: 20px;
    float: left;
    width:47%;
}
.readybuildfactoryimg img{
    margin-bottom: 20px;
}

/*CommunityEngagement*/
.view-community-engagement  .row-1,
.view-community-engagement  .row-2,
.view-community-engagement  .row-3{
    margin-bottom: 50px;
}
.view-community-engagement  .row-2 .image-style-community-image{
    float: right;
}
.view-community-engagement  .row-1 .image-style-community-image,
.view-community-engagement  .row-3 .image-style-community-image{
    float: left;
    margin-right: 50px;
}
.view-community-engagement  .row-1 .views-field-body,
.view-community-engagement  .row-2 .views-field-body,
.view-community-engagement  .row-3 .views-field-body{
   padding: 126px 0px;
}
#block-views-community-engagement-block .views-row-2 .field-name-body p {
    padding: 120px 0px;
    margin-right: 55px;
}
.community-engagement-pdf-download li a, #node-17 .first-row a, 
.node--id-18  .node__content a {
    font-family: 'OpenSans-Light';
    line-height: 2.5em;
    font-size: 15px;
    color: #fe0000;
    text-decoration: none;
    margin-left: 5px;
    font-weight: 600;
}
.community-engagement-pdf-download li a:hover, #node-17 .first-row a:hover, 
.node--id-18  .node__content a:hover {
    color: #333 !important;
}

/*OurCsr*/
#block-views-block-grivence-mecharnism-block-1 .view-content .views-field-field-date {
    float: left;
    width: 15%;
    font-family: 'PontanoSans';
    color: #333;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    margin-right: 15px;
    margin-bottom: 20px;
    padding-left: 5px;
}
#block-views-block-grivence-mecharnism-block-1 .view-content .views-field-field-date-1 {
    float: left;
    color: #fd0002;
    font-family: 'PontanoSans';
    font-size: 40px;
    font-weight: 600;
    border-left: 1px solid #ccc;
    padding: 15px;
    width: 74%;
    margin-bottom: 20px;
}
#block-views-block-grivence-mecharnism-block-1 .views-field-field-image-csr{
    margin:0px 0px 20px 0px;
}
#block-views-block-grivence-mecharnism-block-1 .view-content .views-field-body{
    float: left;
    display: block;
    width: 100%;
    padding: 0px 10px;
}

/*Impact Assessment*/
.download-para {
    float: left;
    text-align: center;
    margin-right: 45px;
}
.download-para a {
    font-family: 'Ubuntu-Light';
    text-decoration: none;
    font-size: 14px;
    color: #222;
    display: table-cell;
    font-weight: 600;
    letter-spacing: 0.5px;
}
.hvr-rectangle-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #2098d1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  width: 245px;
  height: 105px;
  padding: 10px 50px;
}
.hvr-rectangle-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e1e1e1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {
  color: white;
}
.hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}

/*weatherdata*/
.node--id-24 .highlight-photo {
    float: left;
    width: 30%;
    margin: 0px 19px 20px 19px;
    height: auto;
}
.node--id-24 .para-left a {
     color:#0066cc !important;
 }

/* Complaint Management*/
.keyevent h2.block__title {
    background-color: #003399;
    color: #fff;
    text-align: center;
    padding: 10px 0px;
    margin-bottom: 0px;
}
.keyevent .block__content .field__item{
    display: flex;
    float: left;
}
.keyevent .block__content .fourth-col,
.keyevent .block__content .first-col,
.keyevent .block__content .second-col{
    width: 399px;
}
.keyevent .block__content p {
    line-height: 24px !important;
}
.keyevent .block__content a {
    position: relative;
    top: -6px;
}
.keyevent .block__content a:hover {
    color: #fff !important;
}
.keyevent .block__content .first-col a{
    background-color: #ffc000;
    color: #333;
    font-family: 'PontanoSans';
    font-size: 14px;
    display: block;
    text-decoration: none;
    text-align: center;
    padding: 15px 0px;
    font-weight: 600;
    letter-spacing: 0.1px;
}
.keyevent .block__content .second-col a {
    background-color: #ed7d31;
    color: #333;
    font-family: 'PontanoSans';
    font-size: 14px;
    display: block;
    text-decoration: none;
    text-align: center;
    padding: 15px 0px;
    font-weight: 600;
    letter-spacing: 0.1px;
}
.keyevent .block__content .third-col a {
    background-color: #808080;
    color: #333;
    font-family: 'PontanoSans';
    font-size: 14px;
    display: block;
    text-decoration: none;
    text-align: center;
    padding: 15px 0px;
    font-weight: 600;
    letter-spacing: 0.1px;
}
.keyevent .block__content .fourth-col a {
    background-color: #9dc3e6;
    color: #333;
    font-family: 'PontanoSans';
    font-size: 14px;
    display: block;
    text-decoration: none;
    text-align: center;
    padding: 15px 0px;
    font-weight: 600;
    letter-spacing: 0.1px;
}

/*Landsub Release and Rental Factory*/
#block-quicktabs-block-land-sub-release .ui-accordion .ui-accordion-header,
#block-quicktabs-block-rental-factory .ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: 1.5em 1.5em 1.5em 1.7em;
    font-size: 100%;
    background: #2098d1 !important;
}
#block-quicktabs-block-land-sub-release .ui-accordion .ui-accordion-header a,
#block-quicktabs-block-rental-factory .ui-accordion .ui-accordion-header a{
    color:#fff;
}
#block-quicktabs-block-land-sub-release .ui-accordion-content,
#block-quicktabs-block-rental-factory .ui-accordion-content {
    background-color: #edf3f5 ;
}
#block-quicktabs-block-land-sub-release .ui-accordion-content a,
#block-quicktabs-block-rental-factory .ui-accordion-content a{
    color: #fe0000;
    font-family: "OpenSans-Light";
    font-size: 14px;
    margin-left: 5px;
    text-decoration: none;
    font-weight: 600;
}

/*Contact Us*/
.l-banner {
    overflow-x: hidden;
}
.contactus-info h1{
    font-family: 'Lato-Regular';
    font-weight: 700;
    color: #333;
    font-size: 22px;
    letter-spacing: 0.5px;
    margin-top: 0px;
}
.webform-submission-form{
    width: 48%;
    float: right;
    margin-top: 31px;
}
.contactus-info{
    width: 48%;
}
.contact-iframe p{
    margin: 0px;
}
.contact-iframe iframe{
    width: 98.5vw !important;
    overflow: hidden;
    height: 400px;
}
.contactus-info p, .webform-submission-form{
    font-family:'OpenSans-Light';
}
#block-block-content-c718d52e-7296-45d2-9a5b-469d55ec91d3{
    margin: 0px;
}
.breadcrumb a{
    font-family: 'Cairo';
    font-size: 12px;
    color: #02501e;
    text-decoration: none;
}
.node {
    background-color: #ffffff;
    -webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0);
}



/*Mobile Views*/

/* =============================================================================
Media Quaries (max-width: 320px)
 * ========================================================================== */   
@media screen and (min-width: 1512px){
 .contact-iframe iframe{
    height: 500px;
} 
}
@media screen and (max-width: 320px){ 
body {overflow-x: hidden !important;}
.path-frontpage, .pr-header, .page {overflow-x:hidden !important;} 
    #masthead, #navbar{
        width: 100%;
        height: auto;
        position: static;
        top:auto;
        left: auto;
    }
    #block-tb-megamenu-menu-block-secondary-menu, #block-search-form-block, 
    #block-tb-megamenu-menu-block-main{
        display: block;
        justify-content: center;
    }
    .tb-megamenu-column-inner, .tb-megamenu-subnav{
        background-color: #fff;
    }
    #rid-banner{
        margin: 0px;
    }
    .video-column iframe, .block-contact-us, .block-social-media,
    .industrialzonea, .industrialzoneb, .readybuildfactoryimg, .readybuildfactorytext{
        width: 100%;
        height: auto;
        margin: 0px;
    }

.webform-submission-form, .contactus-info{
    width: 100%;
    float: none;
}
}
@media screen and (min-width: 321px) and (max-width: 375px) {
    .path-frontpage, .pr-header, .page {overflow-x:hidden !important;} 
    #masthead, #navbar{
        width: 100%;
        height: auto;
        position: static;
        top:auto;
        left: auto;
    }
    #block-tb-megamenu-menu-block-secondary-menu, #block-search-form-block, 
    #block-tb-megamenu-menu-block-main{
        display: block;
        justify-content: center;
    }
    #rid-banner{
        margin: 0px;
    }
     .video-column iframe, .block-contact-us, .block-social-media,
    .industrialzonea, .industrialzoneb, .readybuildfactoryimg, .readybuildfactorytext{
        width: 100%;
        height: auto;
        margin: 0px;
    }
.webform-submission-form, .contactus-info{
    width: 100%;
    float: none;
}
}
@media screen and (min-width:376px) and (max-width: 425px) {
    .path-frontpage, .pr-header, .page {overflow-x:hidden !important;} 
    #masthead, #navbar{
        width: 100%;
        height: auto;
        position: static;
        top:auto;
        left: auto;
    }
    #block-tb-megamenu-menu-block-secondary-menu, #block-search-form-block, 
    #block-tb-megamenu-menu-block-main{
        display: block;
        justify-content: center;
    }
    #rid-banner{
        margin: 0px;
    }
    .video-column iframe, .block-contact-us, .block-social-media,
    .industrialzonea, .industrialzoneb, .readybuildfactoryimg, .readybuildfactorytext{
        width: 100%;
        height: auto;
        margin: 0px;
    }
.webform-submission-form, .contactus-info{
    width: 100%;
    float: none;
}
 }
@media screen and (min-width: 426px) and (max-width: 768px) {
    .path-frontpage, .pr-header, .page {overflow-x:hidden !important;} 
    #masthead, #navbar{
        width: 100%;
        height: auto;
        position: static;
        top:auto;
        left: auto;
    }
    #block-tb-megamenu-menu-block-secondary-menu, #block-search-form-block, 
    #block-tb-megamenu-menu-block-main{
        display: block;
        justify-content: center;
    }
    #rid-banner{
        margin: 0px;
    }
    .video-column iframe, .block-contact-us, .block-social-media,
    .industrialzonea, .industrialzoneb, .readybuildfactoryimg, .readybuildfactorytext{
        width: 100%;
        height: auto;
        margin: 0px;
    }
    
.webform-submission-form, .contactus-info{
    width: 100%;
    float: none;
}
}