@charset "UTF-8";

/*
Theme Name: Twenty Twenty-One
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.3
Requires PHP: 5.6
Version: 1.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/

/**
 * SETTINGS
 * File-header..........The file header for the themes style.css file.
 * Fonts................Any font files, if the project needs specific fonts.
 * Global...............Project-specific, globally available variables.
 *
 * TOOLS
 * Functions............Global functions.
 * Mixins...............Global mixins.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults.
 * Breakpoints..........Mixins and variables for responsive styles
 * Vertical-margins.....Vertical spacing for the main components.
 * Reset................Reset specific elements to make them easier to style in other contexts.
 * Clearings............Clearings for the main components.
 *
 * ELEMENTS
 * Blockquote...........Default blockquote.
 * Forms................Element-level form styling.
 * Headings.............H1–H6
 * Links................Default links.
 * Lists................Default lists.
 * Media................Images, Figure, Figcaption, Embed, iFrame, Objects, Video.
 *
 * BLOCKS
 * Audio................Specific styles for the audio block.
 * Button...............Specific styles for the button block.
 * Code.................Specific styles for the code block.
 * Columns..............Specific styles for the columns block.
 * Cover................Specific styles for the cover block.
 * File.................Specific styles for the file block.
 * Gallery..............Specific styles for the gallery block.
 * Group................Specific styles for the group block.
 * Heading..............Specific styles for the heading block.
 * Image................Specific styles for the image block.
 * Latest comments......Specific styles for the latest comments block.
 * Latest posts.........Specific styles for the latest posts block.
 * Legacy...............Specific styles for the legacy gallery.
 * List.................Specific styles for the list block.
 * Media text...........Specific styles for the media and text block.
 * Navigation...........Specific styles for the navigation block.
 * Paragraph............Specific styles for the paragraph block.
 * Pullquote............Specific styles for the pullquote block.
 * Quote................Specific styles for the quote block.
 * Search...............Specific styles for the search block.
 * Separator............Specific styles for the separator block.
 * Table................Specific styles for the table block.
 * Verse................Specific styles for the verse block.
 * Video................Specific styles for the video block.
 * Utilities............Block alignments.
 *
 * COMPONENTS
 * Header...............Header styles.
 * Footer...............Footer styles.
 * Comments.............Comment styles.
 * Archives.............Archive styles.
 * 404..................404 styles.
 * Search...............Search styles.
 * Navigation...........Navigation styles.
 * Footer Navigation....Footer Navigation styles.
 * Pagination...........Pagination styles.
 * Single...............Single page and post styles.
 * Posts and pages......Misc, sticky post styles.
 * Entry................Entry, author biography.
 * Widget...............Widget styles.
 * Editor...............Editor styles.
 *
 * UTILITIES
 * A11y.................Screen reader text, prefers reduced motion etc.
 * Color Palette........Classes for the color palette colors.
 * Editor Font Sizes....Editor Font Sizes.
 * Measure..............The width of a line of text, in characters.
 */
@font-face {font-family: "Avenir-Medium";
src: url(assets/fonts/Avenir-Medium.ttf)}
@font-face {font-family: "Avenir-Roman";
src: url(assets/fonts/Avenir-Roman.ttf)}
@font-face {font-family: "Avenir-Light";
src: url(assets/fonts/Avenir-Light.ttf)}
@font-face {font-family: "Avenir-Black";
src: url(assets/fonts/Avenir-Black.ttf)}
@font-face {font-family: "Neutra Text Demi Alt";
src: url(assets/fonts/Neutra-Text-Demi-Alt.otf)}
@font-face {font-family: "NeutraText-Demi";
src: url(assets/fonts/NeutraText-Demi.otf)}
@font-face {font-family: "Neutra Text Light";
src: url(assets/fonts/Neutra-Text-Light.otf)}
@font-face {font-family: "Neutra Text Book Alt";
src: url(assets/fonts/Neutra-Text-Book-Alt.otf)}
@font-face {font-family: "Neutra Text";
src: url(assets/fonts/Neutra-Text-Book.otf)}

header{
	position: absolute;
    z-index: 99;
    width: 100%;
   padding-top: 15px;
     background: #1214130d;
    padding: 12px 0px;
}
.nv-col ul.primary-ul.reset-list-style{
	float: right;
}
.sub-bro {
    color: #fff;
  font-family: "NeutraText-Demi";
    font-size: 17px;
    line-height: normal;
    border: 1px;
    height: auto;
    margin: 0;
    transition: all 2s ease;
    border-radius: 0px;
    margin-top: 7px;
    box-sizing: border-box;
    display: flex;
    margin-top: 30px
}
#dirct-link i.fa {
    display: block;
    width: 1em;
    height: 1em;
    text-align: center;
    line-height: 1.8em;
    background: transparent;
    color: #fff;
    border-radius: inherit;
    border:none;
    font-size: 14px;
    padding-left: 10px;
   }
.sub-bro i.fa{
    display: block;
    width: 1em;
    height: 1em;
    text-align: center;
    line-height: 1.8em;
    background: transparent;
    color: #fff;
    border-radius: inherit;
    border:none;
    font-size: 14px;
    padding-left: 10px;
   
}
.primary-ul a {
  color: #fff;
  font-family: "Avenir-Roman";
  font-size: 15px;
  text-transform: uppercase;
  display: block;
  line-height: 1.2;
  text-decoration: none;
  word-break: normal;
  word-wrap: normal;
  letter-spacing: 0px;
}
img.custom-logo{
	    height: auto;
    width: 325px;

}
header .mn-col{
  margin-top: 42px;
}
.primary-ul a:hover,
.primary-ul a:focus,
.primary-ul .current_page_ancestor {
  text-decoration: none;
}

.primary-ul li.current-menu-item > a,
.primary-ul li.current-menu-item > .link-icon-wrapper > a {
  
  color: #fff;
}


.primary-ul li.current-menu-item > a:before,
.primary-ul li.current-menu-item > .link-icon-wrapper > a:before
{
   content:"\A";
    border-style: solid;
    border-width: 7px 7px 10px 7px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
      margin-top: 17px;
    margin-left: 12px;
}

.primary-ul li.current-menu-item > a:hover,
.primary-ul li.current-menu-item > .link-icon-wrapper > a:hover,
.primary-ul li.current-menu-item > a:focus,
.primary-ul li.current-menu-item > .link-icon-wrapper > a:focus {
  text-decoration: none;
}
footer{
  background-color: #a38963;
  padding-top: 60px;padding-bottom: 60px;
}
footer h5{
  color: #fff;
  font-size: 19px;font-family: "NeutraText-Demi";
}
footer p{
  color: #fff;
  font-size: 17px;font-family: "Neutra Text Light";
}
footer a{
  color: #fff;
  font-size: 17px;
font-family: "Neutra Text Light";
}

footer #dirct-link{
   color: #fff;
  font-size: 17px;font-family: "NeutraText-Demi";    margin-top: 50px;
    display: flex;
}
#footer-log{width: auto;
    height: 175px;}


footer ul {

    display: table;
}
footer ul li {
    float: left;
    padding-right: 10px;
}
footer ul li a:hover i.fa,footer ul li a:hover i{
 background: #fff;
 color: #a38963;
}
.footer2{
  background:#707c87;
  padding-top:10px;padding-bottom:10px;
}
.footer2 p,.footer2 a{
  text-align: center; 
  color: #cccece;
  font-family: "Avenir-Light";
  font-size: 16px;
}
footer i.fa,footer i {
   display: block;
    width: 1.8em;
    height: 1.8em;
    text-align: center;
    line-height: 1.8em;
    background: transparent;
    color: #fff;
    border-radius: 0.8em;
    border: 1px solid #fff;
    font-size: 14px;
}

footer ul li svg path{
  fill: #fff;
}

footer ul li a:hover svg path{
  fill: #a38963;
}
footer ul li svg{
  font-size: 13px;
}
.about-col{
  background-color: #ebeded;
  padding-top: 70px;
  padding-bottom: 80px;
}

.about-col h3{
  color: #707c87;
  font-size: 40px;font-family: "NeutraText-Demi"; 
  text-align: center;
  margin-bottom: 25px;
      margin-top: 0px;
}

.about-col .about-cnt{
  background: url(assets/images/hand.png);
  background-repeat: no-repeat;
  background-size: cover;
  height: 514px;
}
.about-col .about-cnt p{
   color: #fff;
  font-size: 18px;
font-family: "Neutra Text Light";
text-align: center;
margin-top: 45%;

}
.project-col{
  margin-top: 10px;
  margin-bottom: 150px;
  padding: 0px 70px;
}
.project-col1 h3{
  color: #707c87;
  font-size: 40px;font-family: "NeutraText-Demi"; 
  text-align: center;
  margin-bottom: 25px;
  margin-top:80px;
}
.project-col .cloud-col{
  background: url(assets/images/cloud.png);
  height: 493px;width: auto;
  background-size: cover;
  background-repeat: no-repeat;
      background-position: center;position: relative;
    z-index: 3;
}
.project-col .cloud-cnt p{
color:#2d2d2d;
  font-size: 18px;
font-family: "Neutra Text Light";padding-right: 15%;
}
.project-col .cloud-cnt p i{
  font-family: "NeutraText-Demi";
  color: #338cbf;
  font-style: inherit;
}
.project-col .cloud-cnt{
  background-color: #f0f2f2;
  height: 493px;width: auto;
  border-left: 20px solid #fff;
  padding-left: 36px;

display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;

}
.project-col .cloud-cnt h4{
  color: #aa8b5f;
 font-family: "NeutraText-Demi";
font-size: 26px;
}
#right-rg{
float: right;
    position: absolute;
    right: 47px;
    margin-top: -72px;
}
.project-col .row{position: relative;}
#left-rg{
  position: absolute;
    left: 50px;
    margin-top: -75px;
}

#abt-banner{
  height: 100vh;
    width: 100%;
}
.abt-col h1{
color: #707c87;
font-family: "Neutra Text Demi Alt";
font-size: 30px;
text-align: center;
}
.abt-col p{
  color: #2d2d2d;
  font-size: 18px;
  font-family: "Neutra Text Light";
  text-align: center;    padding: 0px 12%;
}
.abt-col{
  padding: 60px 0px;
}
.mv-col p{
 color: #2d2d2d;
    font-size: 16px;
    font-family: "Neutra Text Light";
    line-height: 20px;
}

.mv-col h3{
  color: #a98a5e;
 font-family: "NeutraText-Demi";
font-size: 29px;
margin-top: 0px;
}
#vc{
background: #fff;
    width: 22%;
    text-align: center;
    padding: 20px 20px;
    margin-left: auto;
    position: absolute;
    margin-right: auto;
    right: 0px;
    left: 33%;
}
#vc2{
      background: #fff;
    position: absolute;
    width: 22%;
    text-align: center;
    padding: 20px 20px;
    
}
.mv-col{
  background: url(assets/images/mv-bg.png);
  background-position: center;
  background-repeat: no-repeat;
  padding: 100px 0px;
}
.mv-col .vc2-col{
     margin-top: 60px;
}
img#ext2{
      margin-left: 33%;
}
.valley-col h1{
  color: #a98a5e;
   font-family: "NeutraText-Demi";
font-size: 35px;
    margin-top: 20%;
}
.valley-col p{
  color: #2d2d2d;
  font-family: "Neutra Text Light";
  font-size: 18px;
  padding-right: 10px;
}
.valley-col .valley-col1{
         padding-left: 5%;
    padding-right: 40px;
}
.valley-col{
 padding-top: 70px;
    padding-bottom: 50px;}
.valley-cont p{
  color: #2d2d2d;
   font-family: "Neutra Text Light";
  font-size: 16px;
}
.valley-cont .valley-icon{
  border: 1px solid #a98a5e;
      padding: 25px 19px 10px 19px;
        min-height: 257px;
}

.valley-cont{
  margin-bottom: 70px;
}
#abt-banner h1{
  color: #fff;
    font-family: "NeutraText-Demi";
font-size:50px;
text-align: center;
}
.abt-point ul li,.get-there .get-point ul li{
   color: #2f3833;
   font-family: "Neutra Text Light";
  font-size: 18px;
  line-height: 24px;
      padding-bottom: 15px;
}
.get-there .get-point ul li{
 font-size: 20px;
   padding-left: 70px;
}
.abt-point{
  margin-top: 70px;
  margin-bottom: 70px;
}
.abt-point ul {
  list-style: none;
      margin-left: auto;
    margin-right: auto;
    display: table;
}
.get-there .get-point ul{  list-style: none;}
.abt-point ul li::before,.get-there .get-point ul li:before {
  content: "";
  background-image: url(assets/images/point.png);
  background-size: contain;
  display: inline-block;
  width: 1em;
 height: 0.7em;
    position: absolute;
    background-repeat: no-repeat;
    margin-left: -27px;
    margin-top: 6px;
}

.get-there{
  background: #e9f1f0;
  padding-top: 70px;
  padding-bottom: 70px;
}
.get-there h2{
color: #707c87;
   font-family: "NeutraText-Demi";
font-size:40px;
text-align: center;
margin-top: 0px;
margin-bottom:0px;
}
.get-there .get-point{
  border: 1px solid #2d2d2d;

    padding-right: 70px;
}
.get-there .get-point h3{
  color: #a98a5e;
  font-family: "Neutra Text Demi Alt";
  font-size: 27px;
    padding-left:43px;
        padding-bottom: 10px;
}


.get-there .get-rw img{
      margin-left: 32px;
    margin-right: 0px;
    display: block;
}

img#get{
  margin-left: 0px;
    margin-right: auto;
    display: block;
}
.get-there .get-rw{
 margin-top: 45px;
}
#get-point{
height: 394px;
width: 444px;
}
.contact-col{
  padding-top: 70px;
  padding-bottom: 70px;
}

.contact-col h1{
color: #a9885e;
    font-family: "Neutra Text Demi Alt";
    font-size: 30px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 3px;
        margin-top: 0px;
}

.contact-col label{
    color: #9e9e9e;
   font-family: "Neutra Text Light";
  font-size: 16px;
  text-transform: uppercase;
}

textarea {

    border: 1px solid #E0E0E0;
}
input:not([type]), input[type=text]:not(.browser-default), input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), textarea.materialize-textarea,select{
  padding-left: 15px; font-family: "Neutra Text Light"; font-size: 17px;
}
input.wpcf7-form-control.wpcf7-submit{
     background: #a8885d;
    color: #fff;
    font-family: "Neutra Text Light";
    font-size: 17px;
    text-align: center;
    text-transform: uppercase;
    border: none;
    padding: 7px 30px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

select,textarea {
 width: 102%;padding-left: 15px;}

#abt-banner img{
      margin-left: auto;
    margin-right: auto;
    display: block;
}
.project-col1 h1{
  color: #02b4c9;
   font-family: "NeutraText-Demi";
font-size:40px;
text-align: center;
margin-top: 0px;
margin-bottom: 35px;
}
.project-col1 {
  padding-top: 70px;
  padding-bottom: 70px;
}
.project-col1 p{
  color: #2d2d2d;
  font-size: 18px;
   font-family: "Neutra Text Light";
}
.map-col{
  background-color: #85b0ae;
}
.map-col h1{
  color: #fff;
   font-family: "NeutraText-Demi";
font-size:30px;
margin-left: 35%;
border-bottom: 1px solid #fff;
    width: 37%;
}
.map-col p{
  font-family: "Neutra Text Demi Alt";
  font-size: 18px;
  color: #fff;
      line-height: 24px;
      margin-left: 35%;
} 
#map-img{padding: 0px;}
#map-img img{
  margin-bottom: -6px;
}
.cloud-relax{margin-top: 60px;}
.proposition-col{
  background-color: #dbe7ed;
  margin-top: 70px;
  padding-top: 70px;padding-bottom: 70px;}

.proposition-col h3{
color: #707c87;
font-size:40px;
text-align: center;
 font-family: "Neutra Text Demi Alt";
 margin-top: 0px;

}
#space-col{
  border-top: 1px solid #1f3c3f;
      padding-left: 40px;
    padding-right: 40px;
     margin-top:70px;
}
#space-col1{
      padding-left: 40px;
    padding-right: 40px;
    margin-top:60px;
}

#space-col h4,#space-col1 h4{
font-family: "Neutra Text";
    color: #fff;
    font-size: 27px;
    background: #02b4c9;
    text-align: center;
    padding: 25px 10px;
    width: 115%;
    position: relative;
}

#space-col h5,#space-col1 h5{
  font-family: "Neutra Text";
  color: #707c87;
  font-size: 27px;
    background: #fff;
    text-align: center;
    padding: 25px 10px;
    width: 115%;position: relative;
}
#space-col h4,#space-col h5{ margin-left: -75px;}

/* menu button */
.menuBtn {
  height: 30px;
  width: 30px;
  position: absolute;
      right: 35px;
    top: 54px;
  z-index: 101;
}
.menuBtn > span {
  background-color:#fff;
  border-radius: 1px;
  height: 2px;
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -1px 0 0 -15px;
  transition: height 100ms;
}
.menuBtn > span:after,
.menuBtn > span:before {
  content: '';
  background-color:#717b72;
  border-radius: 1px;
  height: 2px;
  width: 100%;
  position: absolute;
  left: 50%;
  margin-left: -15px;
  transition: all 200ms;
}
.menuBtn > span:after {
  top: -7px;
}
.menuBtn > span:before {
  bottom: -7px;
}
.menuBtn.act > span {
  height: 0;
}
.menuBtn.act > span:after,
.menuBtn.act > span:before {
  background-color: #717b72;
  top: 1px;
}
.menuBtn.act > span:after {
  transform: rotate(45deg);
}
.menuBtn.act > span:before {
  transform: rotate(-45deg);
}
/* main menu block */
.mainMenu {
  background-color:#fff;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
  height: 100%;
  width: 100%;
  display: table;
  text-align: center;
  opacity: 0;
  transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transform: scale(0);
}
.mainMenu.act {
  opacity: 1;
  transform: scale(1);
}
.mainMenu.act ul li {
  opacity: 1;
  transform: translateX(0);padding: 0px;
}
.mainMenu ul {
  display: table-cell;
  vertical-align: middle;
}
.mainMenu li {
  padding: 8px 0;
  transition: all 400ms 510ms;
  opacity: 0;
}
.mainMenu li:nth-child(odd) {
  transform: translateX(30%);
}
.mainMenu li:nth-child(even) {
  transform: translateX(-30%);
}
.mainMenu li:last-child {
  transform: none;
}
.mainMenu a {
    text-transform: uppercase;
      font-family: "Avenir-Roman";
   font-size: 17px;
        color: #717b72;
}
.mainMenu a.suBtn {
  color: #fff;
}
.mainMenu a:after,.mainMenu a:before {
    content: '';
    position: absolute;
    left: 0;
    display: inline-block;
    height: 1em;
    width: 100%;
    border-top:2px solid;
    margin-top:0px;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
    color: #009a93;
}
.mainMenu a:before{
  margin-top:47px;
}
.mainMenu a:hover:after,.mainMenu a:hover:before {
  /*  opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    color: #009a93;*/
}
.mainMenu li.current-menu-item > a, .mainMenu li.current-menu-item > .link-icon-wrapper > a {
    color: #a38963;
}
.menuBtn{display: none;}

@media screen and (min-device-width:1900px) and (max-device-width:1990px) { 
#right-rg {
    right: 121px;
}
#left-rg {
    left: 176px;
}
#vc {
    left: 20%;
}
.get-there .get-rw img {
    margin-left: 77px;

}
#vc {
 left: 10%;
}
}
@media only screen and (max-width : 1024px) {
  .container {
    width: 87%;
}
img.custom-logo {
    height: auto;
    width: 258px;
}
.primary-ul a {
font-size: 14px;}

.primary-ul li.current-menu-item > a:before, .primary-ul li.current-menu-item > .link-icon-wrapper > a:before {
    content: "\A";
    border-style: solid;
    border-width: 5px 5px 10px 5px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    margin-top: 14px;
    margin-left: 14px;
}
header .mn-col {
    margin-top: 30px;
}
.valley-col h1 {
    font-size: 26px;
    margin-top: 5%;
}
.valley-col p {
    font-size: 16px;
}
.valley-cont p {
  font-size: 15px;
    line-height: 19px;
}

#vc {
    width: 38%;
    left: 48%;
}
#vc2{
  width: 38%;
}
.project-col1 h3{
  margin-top: 0px;
}
.valley-cont .valley-icon {
    border: 1px solid #a98a5e;
    padding: 20px 16px 10px 16px;
    min-height: 242px;
}
#footer-log {
    width: auto;
    height: 143px;
}
footer h5 {
    font-size: 17px;
}

footer p {
    font-size: 16px;
}
footer a {
    font-size: 16px;
}
#get-point {
   height: 361px;
    width: 400px;
}
.get-there .get-point h3 {
    font-size: 24px;
    padding-left: 30px;
    padding-bottom: 10px;
       margin-top: 15px;
}
.get-there .get-point ul li {
    font-size: 17px;
    padding-left: 57px;
}
.get-there .get-rw img {
    margin-left: 10px;

}
.get-there .get-rw img{
 height: 361px;
    width: auto; 
}
img#get{
  height: 361px;
    width: auto;
}
.get-there .get-rw {
    margin-top: 35px;
}
#space-col h4, #space-col1 h4,#space-col h5, #space-col1 h5 {
    font-size: 20px;
    padding: 15px 10px;
    width: 115%;
}
#space-col h4, #space-col h5 {
    margin-left: -55px;
}



}
@media only screen and (max-width :820px) {
img.custom-logo {
    height: auto;
    width: 210px;
}
.container {
    width: 93%;
}
nav ul a{
      padding: 0 6px;
}
.primary-ul a {
    font-size: 13px;
}
.valley-col h1 {
    font-size: 30px;
}
.valley-col .valley-col1 {
    padding-left: 9px;
    padding-right: 40px;
}
.valley-cont .valley-icon {
   min-height: 297px;
}
#vc {
    width: 45%;
    left: 48%;
}
#vc2 {
    width: 45%;
}
#right-rg {
    right: 13px;
    margin-top: -50px;
    width: 180px;
}
.project-col .cloud-cnt {
    border-left: 0px solid #fff;
    display: block;
    padding: 35px 20px 30px 30px;
    height: auto;
  }
.mv-col .container{
  width: 100%;
}
.mv-col .col.s12.m11.l8{
  padding-left: 0px;
}
#ext1{
   padding-left: 0px;
}
#vc2 {
    margin-left: 15px;
}

#left-rg {
    position: inherit;
    margin-top: -26px;
    width: 180px;
    margin-left: -85px;
}
.project-col {
    margin-top: 0px;
    margin-bottom: 40px;
    padding: 0px 64px;
}
.about-col .about-cnt{
  height:297px;
}
.about-col {
    padding-top: 50px;
    padding-bottom: 50px;
}
footer {
    background-color: #a38963;
    padding-top: 40px;
    padding-bottom: 40px;
}
footer #dirct-link {
    font-size: 15px;
    margin-top: 14px;
}
footer h5 {
    font-size: 15px;
}
#footer-log {
    width: auto;
    height: 128px;
}
img#get {
    margin-left: auto;
    margin-right: auto;
    display: block;
}
#get-point {
    height: auto;
    width: 406px;
    margin-left: 20.2%;
    margin-right: auto;
}
.get-there .get-rw img {
    height: 361px;
    width: auto;
    margin-left: 19.2%;
}
#space-col h4, #space-col1 h4, #space-col h5, #space-col1 h5 {
    font-size: 17px;
}
.map-col h1 {
font-size: 25px;
    margin-left: 15%;
    width: 65%;
}
.map-col p {
font-size: 16px;
    margin-left: 15%;
}
div#n2-ss-3 .n2-font-9043f1485bf3df42cbd7e54aff7698bd-paragraph {
  font-size: 220.5%;}


  }
#mob{display: none;}
@media only screen and (max-width: 430px){
.menuBtn {
    right: 44px;
    top: 51px;
    display: block;
}
.nv-col ul.primary-ul.reset-list-style{
  display: none;
}
img.custom-logo {
    height: auto;
    width: 255px;
}
.menuBtn > span:after, .menuBtn > span:before {
 background-color: #fff;}
.menuBtn {

    top: 42px;

}
header{
  height: inherit;
}
.valley-cont .valley-icon {
    min-height: inherit;
    margin-bottom: 10px;
}
.valley-cont p {
    font-size: 16px;
}
.valley-cont {
    margin-bottom: 30px;
}
.valley-col {
    padding-top: 50px;
    padding-bottom: 10px;
}
#ext1 {
    padding-left: 10px;
    display: block;
    padding-right: 0px;
    margin-bottom: 20px;
}
#vc {
    width: 314px;
    left: 0px;
    margin-top: -35px;
    position: relative;
}
img#ext2 {
    margin-left: 0px;
}
.vc2-col{
  padding-right: 0px;
}
#tab{display: none;}
#mob{display: block;}
.mv-col{
  padding: 40px 0px;
}
.project-col1 {
    padding-top: 40px;
    padding-bottom: 60px;
}
.project-col {
    margin-top: 0px;
    margin-bottom: 20px;
    padding: 0px 0px;
}
#right-rg {
    right: 2px;
    margin-top: -76px;
}
#left-rg {
    position: inherit;
    margin-top: -12px;
    margin-left: 0px;
}
.project-col .cloud-cnt p {
    padding-right: 0px;
}
footer {
    padding-top: 25px;
    padding-bottom: 25px;
}

footer p {
   font-size: 17px;
    margin-top: 0px;
}
footer h5 {
    font-size: 18px;
    margin-bottom: 0px;
        margin-top: 16px;
}
nav ul li {
 float: inherit;
}
footer p {
    padding: 0px;
    margin: 0px;
}
footer #dirct-link {
    font-size: 17px;
    margin-top: 14px;
}
.abt-point ul li, .get-there .get-point ul li {
    font-size: 17px;
    margin-left: 0px;
    padding-right: 23px;
}
.abt-point {
    margin-top: 40px;
    margin-bottom: 40px;
}
.get-there h2 {
  font-size: 35px;}
.get-there {
    padding-top: 40px;
    padding-bottom: 40px;
}
#get-point {
    height: auto;
    width: inherit;
    margin-left: 0px;
    margin-right: auto;
}
.get-there .col.s12.m12.l5{padding-right: 0px;    padding-left: 0px;}
.get-there .get-rw img {
 margin-left: 0px;
}
.get-there .get-point h3 {
    font-size: 20px;
    padding-left: 26px;
    padding-bottom: 0px;
    margin-top: 15px;
}

.abt-point ul li{
  margin-left: 30px;
}
.abt-col p{
      padding: 0px 2%;
}
.abt-col {
    padding: 40px 0px;
}
.proposition-col h3 {
   font-size: 30px;

}
.proposition-col {
  margin-top: 0px;
    padding-top: 40px;
    padding-bottom: 40px;
}
#space-col {
  padding-left: 40px;
    padding-right: 40px;
    margin-top: 30px;
}
#space-col h4, #space-col h5 {
    margin-left: 0px;
}
#space-col h4, #space-col1 h4, #space-col h5, #space-col1 h5 {
    padding: 8px;
    width: inherit;
    margin: 6px 0px;
}
#space-col1 {
    margin-top: 11px;
}
.cloud-relax {
    margin-top: 8px;
}
.map-col .row.valign-wrapper{
  display: block;
}
.map-col h1 {
    font-size: 25px;
    margin-left: 15%;
    width: 39%;
}
.contact-col {
    padding-top: 40px;
    padding-bottom: 40px;
}
.footer2 p, .footer2 a {
 font-size: 14px;}

.footer2 {
    padding-top: 5px;
    padding-bottom: 5px;
}
.page-id-13 #abt-banner {
    height: 242px;
    width: 100%;
}
}