@-webkit-viewport {
   width: device-width;
 }
 @-moz-viewport {
   width: device-width;
 }
 @-ms-viewport {
   width: device-width;
 }
 @-o-viewport {
   width: device-width;
 }
 @viewport {
   width: device-width;
 }
 .enquire-now-btn {
   background-color: #cda351;
   float: right;
   padding: 5px 10px;
   margin: -74px 0px 0px 0px;
   font-family: 'Montserrat';
 }
 .official-site {
   color: #fff;
   background-color: #000;
   font-size: 16px;
   font-family: 'Montserrat';
   text-align: center;
   padding: 10px;
   text-transform: uppercase;
 }
 .black {
   position: fixed;
   top: 0px;
   z-index: 111;
   background: none;
   width: 100%;
   color: #fff;
   height: 60px;
 }
 .blue {
   position: fixed;
   top: 0;
   background: #104130;
   width: 100%;
   color: #fff !important;
   height: 70px;
 }
 .nav-collapse ul {
   margin: 0;
   padding: 0;
   width: 100%;
   display: block;
   list-style: none;
 }
 .nav-collapse li {
   width: 100%;
   display: block;
 }
 .js .nav-collapse {
   clip: rect(0 0 0 0);
   max-height: 0;
   position: absolute;
   display: block;
   overflow: hidden;
   zoom: 1;
 }
 .nav-collapse.opened {
   max-height: 9999px;
   background-color: #fff;
 }
 .disable-pointer-events {
   pointer-events: none !important;
 }
 .nav-toggle {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   -o-user-select: none;
   user-select: none;
 }
 @media screen and (min-width: 992px) {
   .js .nav-collapse {
     position: relative;
   }
   .js .nav-collapse.closed {
     max-height: none;
   }
   .nav-toggle {
     display: none;
   }
 }
 header {
   background: none;
   z-index: 3;
   width: 100%;
   left: 0;
   top: 0;
 }
 .logo {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   text-decoration: none;
   font-weight: bold;
   line-height: 55px;
   padding: 0 20px;
   color: #fff;
   float: left;
   margin-left: -27px;
 }
 .logo img {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   text-decoration: none;
   width: 182px;
   float: left;
 }
 .mask {
   -webkit-transition: opacity 300ms;
   -moz-transition: opacity 300ms;
   transition: opacity 300ms;
   background: rgba(0, 0, 0, .5);
   visibility: hidden;
   position: fixed;
   opacity: 0;
   z-index: 2;
   bottom: 0;
   right: 0;
   left: 0;
   top: 0;
 }
 .android .mask {
   -webkit-transition: none;
   transition: none;
 }
 .js-nav-active .mask {
   visibility: visible;
   opacity: 1;
 }
 @media screen and (min-width: 40em) {
   .mask {
     display: none !important;
     opacity: 0 !important;
   }
 }
 .fixed {
   position: fixed;
   width: 100%;
   left: 0;
   top: 0;
 }
 .nav-collapse, .nav-collapse * {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
 }
 .nav-collapse, .nav-collapse ul {
   list-style: none;
   width: 100%;
   float: left;
 }
 @media screen and (min-width: 60em) {
   .nav-collapse {
     float: right;
     width: auto;
   }
 }
 .nav-collapse li {
   float: left;
   width: 100%;
 }
 @media screen and (min-width: 60em) {
   .nav-collapse li {
     width: auto;
   }
 }
 .enquire-now-btn {
   background-color: #cda351;
   float: right;
   padding: 5px 10px;
   margin: -76px 0px 0px 0px;
   font-family: 'Montserrat';
 }
 .nav-collapse a {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   text-decoration: none;
   text-align: center;
   padding: 0.7em 1em;
   font-family: 'Montserrat';
   color: #fff;
   width: 100%;
   float: left;
 }
 .nav-collapse a:active, .nav-collapse .active a {}
 .nav-collapse ul ul a {
   background: #ca3716;
   padding-left: 2em;
 }
 @media screen and (min-width: 40em) {
   .nav-collapse ul ul a {
     display: none;
   }
 }
 @media screen and (min-width:1300px) {
   .nav-collapse a {
     padding: 23px 20px;
     color: #fff;
     text-align: center;
     font-family: 'Montserrat';
     border-top: 0;
     font-size: 14px;
     float: left;
     margin: 0;
   }
 }
 @media screen and (max-width:1299px) {
   .nav-collapse a {
     padding: 23px 15px;
     color: #fff !important;
     text-align: center;
     font-family: 'Montserrat';
     border-top: 0;
     font-size: 14px;
     float: left;
     margin: 0;
   }
 }
 @media screen and (max-width:1200px) {
   .nav-collapse a {
     padding: 23px 15px;
     color: #fff !important;
     text-align: center;
     font-family: 'Montserrat';
     border-top: 0;
     font-size: 14px;
     float: left;
     margin: 0;
   }
   .enquire-now-btn {
     background-color: #cda351;
     float: right;
     padding: 5px 10px;
     margin: -74px 0px 0px 0px;
     font-family: 'Montserrat';
   }
 }
 @media screen and (max-width:1199px) {
   .nav-collapse a {
     padding: 23px 10px;
     color: #fff !important;
     text-align: center;
     font-family: 'Montserrat';
     border-top: 0;
     font-size: 14px;
     float: left;
     margin: 0;
   }
   .enquire-now-btn {
     background-color: #cda351;
     float: right;
     padding: 5px 10px;
     margin: -74px 0px 0px 0px;
     font-family: 'Montserrat';
   }
 }
 @media screen and (max-width:1080px) {
   .nav-collapse a {
     padding: 23px 10px;
     color: #fff !important;
     text-align: center;
     font-family: 'Montserrat';
     border-top: 0;
     font-size: 14px;
     float: left;
     margin: 0;
   }
   .enquire-now-btn {
     background-color: #cda351;
     float: right;
     padding: 5px 10px;
     margin: -77px 0px 0px 0px;
     font-family: 'Montserrat';
   }
 }
 @font-face {
   font-family: "responsivenav";
   src: url("../icons/responsivenav.eot");
   src: url("../icons/responsivenav.eot?#iefix") format("embedded-opentype"), url("../icons/responsivenav.ttf") format("truetype"), url("../icons/responsivenav.woff") format("woff"), url("../icons/responsivenav.svg#responsivenav") format("svg");
   font-weight: normal;
   font-style: normal;
 }
 .nav-toggle {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   text-decoration: none;
   text-indent: -300px;
   position: relative;
   overflow: hidden;
   width: 60px;
   height: 55px;
   float: right;
 }
 .nav-toggle:before {
   color: #fff;
   font: normal 28px/55px "responsivenav";
   text-transform: none;
   text-align: center;
   position: absolute;
   content: "\2261";
   text-indent: 0;
   speak: none;
   width: 100%;
   left: 0;
   top: 0;
 }
 .nav-toggle.active:before {
   font-size: 24px;
   content: "\78";
 }
 @media screen and (max-width: 860px) {
   .nav-collapse a {
     padding: 10px 10px;
     color: #0e3f2e !important;
     text-align: center;
     font-family: 'Montserrat';
     border-top: 0;
     font-size: 14px;
     float: left;
     margin: 0;
   }
   .enquire-now-btn {
     background-color: #cda351;
     float: left;
     width: 100%;
     text-align: center;
     padding: 5px 10px;
     margin: 14px 0px 0px 0px;
     font-family: 'Montserrat';
   }
 }
 @media screen and (max-width: 40em) {
   .logo img {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   text-decoration: none;
   width: 159px;
   float: left;
 }
   .enquire-now-btn {
     background-color: #cda351;
     float: left;
     width: 100%;
     text-align: center;
     padding: 5px 10px;
     margin: 14px 0px 0px 0px;
     font-family: 'Montserrat';
   }
   
 }