*{ padding: 0;margin: 0;}
@font-face {font-family: Allrounder Antiqua Test;src: url("../fonts/AllrounderAntiqua-Regular.otf");}
@font-face {font-family: Matter;src: url("../fonts/Matter-Regular.otf");}
@font-face {
    font-family: 'Allrounder Antiqua Test';
    src: url('../fonts/AllrounderAntiquaTest-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
body{ text-align: justify;  line-height: 30px; color: #000;font-size: 16px; letter-spacing: 1px; margin-bottom: 0px; 
 font-family: "Montserrat", sans-serif; }
span{ }
h1,h2,h3,h4,h5,h5,h6{ color: #000; line-height:1.3;letter-spacing:1.3px;font-family: Matter, sans-serif;   }
p{text-align: justify;  line-height: 30px; color: #000;font-size: 16px; letter-spacing: 1px; margin-bottom:10px;font-family: "Montserrat", sans-serif; }
a{text-decoration:none; color: #000;font-size: 16px;  letter-spacing: 1px;}
.clear_all{clear:both;}
button:focus, input:focus, textarea:focus,a:focus {outline: 0;}
 *{box-sizing:border-box}
 /*header*/
.header{ width: 100%;transition: all 1s ease;position: absolute;z-index: 123;padding: 12px 20px;font-family: Matter, sans-serif; }
.header:hover {background: #f9f3f0;}	
.header.sticky {position: fixed;top: 0;background: #f9f3f0;}

.header.sticky .main_menu #cssmenu2 > ul > li > a{color:#000;}
.header.sticky .mlogo img {
    filter: brightness(0) saturate(100%) invert(30%);
}
.mlogo{width:100%; padding-left:  0px;}
.mmbg{ padding:0px 0px;border-radius:0px;}
.mlogo img{width:100%;height:auto;     max-width:300px;   }
.main_menu .logo22{position:relative;z-index:123; float:left;width:20%;margin-right: 30px; display: none;}
.main_menu .logo22 a{color:#6DDB07;}
.main_menu nav{position:relative;width:100%;margin:0 auto;}
.main_menu #cssmenu2,.main_menu #cssmenu2 ul,.main_menu #cssmenu2 ul li,.main_menu #cssmenu2 ul li a,.main_menu #cssmenu2 #head-mobile2{border:0;
list-style:none; display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.main_menu #cssmenu2:after,.main_menu #cssmenu2 > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.main_menu #cssmenu2 #head-mobile2{display:none}
.main_menu #cssmenu2 ul{     text-align: left;    margin:0px;}
.main_menu #cssmenu2 > ul > li{display:inline-block;}
.main_menu #cssmenu2 > ul > li > a:hover  {color:#633b2f;}
.main_menu #cssmenu2 > ul{margin:0px;}
.main_menu #cssmenu2 > ul > li > a{ font-family: Matter, sans-serif;    font-size: 12px;padding:15px 20px;    color: #fff;
    font-style: normal;font-weight: 400;letter-spacing: .15em;line-height: 18px;text-decoration: none;text-transform: uppercase;
transition: all 1s ease; }
.main_menu #cssmenu2 > ul > li:hover > a,.main_menu #cssmenu2 ul li.active a{color:#633b2f;}
.main_menu #cssmenu2 > ul > li:hover,.main_menu #cssmenu2 ul li.active:hover,.main_menu #cssmenu2 ul li.active,.main_menu #cssmenu2 ul li.has-sub.active:hover{color:#000 ;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
.main_menu #cssmenu2 > ul > li.has-sub > a{padding-right:12px}
.main_menu #cssmenu2 > ul > li.has-sub > a:before{position:absolute;top:16px;right:-5px;display:block;  
content: "\eab2";color: #fff;font-family: "Icofont";webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
.main_menu #cssmenu2 > ul > li.has-sub:hover > a:before{ }
.main_menu #cssmenu2 ul ul{position:absolute;left:-9999px;     padding-right: 0px;   top: 100%;display: block !important;    background: #fff;   
  border: 1px solid #fff;text-align: left;   z-index: 9;    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);}
.main_menu #cssmenu2 ul ul li{height:auto;display: inline-table;-webkit-transition:all .25s ease;-ms-transition:all .25s ease; 
transition:all .25s ease;
padding:2px 10px;}
.main_menu #cssmenu2 ul ul li:hover{}
.main_menu #cssmenu2 li:hover > ul{left:auto}
.main_menu #cssmenu2 li:hover > ul > li{height:35px}
.main_menu #cssmenu2 ul ul ul{margin-left:100%;top:0}
.main_menu #cssmenu2 ul ul li a{ width:240px; 
font-size:13px;color:#000;text-transform:uppercase;     
text-decoration:none;color:#000;font-weight:500;}
.main_menu #cssmenu2 ul ul li:last-child > a,.main_menu #cssmenu2 ul ul li.last-item > a{border-bottom:0}
.main_menu #cssmenu2 ul ul li:hover > a,.main_menu #cssmenu2 ul ul li a:hover{color:#df9f45}
.main_menu #cssmenu2 ul ul li.has-sub > a:before{position:absolute;top:13px;right:25px;display:block;width:2px;height:8px; 
-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease;
content: "\eab2";color: #df9f45;font-family: "Icofont";transition:.3s;}
.main_menu #cssmenu2 ul ul > li.has-sub:hover > a:before{ transform:rotate(-94deg);top:20px; right:25px;}
.main_menu #cssmenu2 ul ul li.has-sub:hover,.main_menu #cssmenu2 ul li.has-sub ul li.has-sub ul li:hover{ }
.main_menu #cssmenu2 ul ul ul li.active a{border-left:1px solid #333}
.main_menu #cssmenu2 > ul > li.has-sub > ul > li.active > a,.main_menu #cssmenu2 > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}
@media screen and (max-width:1000px){
.main_menu .logo22{position:absolute;top:0;left: 0;width:100%;height:46px;text-align:center;padding:10px 0 0 0 ;float:none}
.main_menu .logo2{display:none}
.main_menu nav{width:100%;}
.main_menu #cssmenu2{width:100%}
.main_menu #cssmenu2 ul{width:100%;display:none}
.main_menu #cssmenu2 ul li{width:100%;border-top:1px solid #444}
.main_menu #cssmenu2 ul li:hover{background:#363636;}
.main_menu #cssmenu2 ul ul li,.main_menu #cssmenu2 li:hover > ul > li{height:auto}
.main_menu #cssmenu2 ul li a,#cssmenu2 ul ul li a{width:100%;border-bottom:0}
.main_menu #cssmenu2 > ul > li{float:none}
.main_menu #cssmenu2 ul ul li a{padding-left:25px}
.main_menu #cssmenu2 ul ul li{background:#333!important;}
.main_menu #cssmenu2 ul ul li:hover{background:#363636!important}
.main_menu #cssmenu2 ul ul ul li a{padding-left:35px}
.main_menu #cssmenu2 ul ul li a{color:#ddd;background:none}
.main_menu #cssmenu2 ul ul li:hover > a,#cssmenu2 ul ul li.active > a{color:#fff}
.main_menu #cssmenu2 ul ul,.main_menu #cssmenu2 ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
.main_menu #cssmenu2 > ul > li.has-sub > a:after,.main_menu #cssmenu2 > ul > li.has-sub > a:before,.main_menu #cssmenu2 ul ul > li.has-sub > a:after,.main_menu #cssmenu2 ul ul > li.has-sub > a:before{display:none}
.main_menu #cssmenu2 #head-mobile2{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
.main_menu .button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
.main_menu .button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
.main_menu .button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#ddd;content:''}
.main_menu .button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.main_menu .button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.main_menu #cssmenu2 .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
.main_menu #cssmenu2 .submenu-button.submenu-opened{background:#262626}
.main_menu #cssmenu2 ul ul .submenu-button{height:34px;width:34px}
.main_menu #cssmenu2 .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
.main_menu #cssmenu2 ul ul .submenu-button:after{top:15px;right:13px}
.main_menu #cssmenu2 .submenu-button.submenu-opened:after{background:#fff}
.main_menu #cssmenu2 .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
.main_menu #cssmenu2 ul ul .submenu-button:before{top:12px;right:16px}
.main_menu #cssmenu2 .submenu-button.submenu-opened:before{display:none}
.main_menu #cssmenu2 ul ul ul li.active a{border-left:none}
.main_menu #cssmenu2 > ul > li.has-sub > ul > li.active > a,.main_menu #cssmenu2 > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}
.mlogo,.main_menu {position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);} 
/*mobile menu*//*mobile menu*//*mobile menu*/
/*mobile menu*//*mobile menu*//*mobile menu*/
/*mobile menu*//*mobile menu*//*mobile menu*/
.site-header {display:none;position: absolute;top: 0;left: 0;width: 100%;z-index: 999;transition: all 1s ease; font-family: Matter, sans-serif;}
.site-header:hover {background: #f9f3f0;}

.site-header.sticky {position: fixed;top: 0;background: #f9f3f0;}
.site-header.sticky .menu-toggle span{background:#000;}
.site-header.sticky .header-inner img {
    filter: brightness(0) saturate(100%) invert(30%);
}

.header-inner {display: flex;align-items: center;justify-content: space-between;padding: 20px 30px;}
.site-logo img {max-width: 400px;height: auto;}
/* Hamburger */
.menu-toggle {display: none;width: 35px;height: 35px;padding: 0;border: 0;background: transparent;cursor: pointer;}
.menu-toggle span {display: block;width: 28px;
height: 2px;background: #fff;margin: 6px 0;}
/* Mobile overlay */
.mobile-menu {position: fixed;top: 0;left: 0;width: 100%;height: 100vh;
background: #fff;display: flex;align-items: center;justify-content: center;opacity: 0;visibility: hidden;
transition: opacity 0.3s ease,visibility 0.3s ease;z-index: 9999;}
/* Open */
.mobile-menu.active {opacity: 1;visibility: visible;transform: translateY(0);}
.mobile-menu {transition:transform 0.8s cubic-bezier(0.77, 0, 0.175, 1),opacity 0.4s ease,visibility 0.8s;
    transition: all 1s ease;
}
/* Mobile links */
.mobile-nav {display: flex;flex-direction: column;align-items: center;gap: 30px;}
.mobile-nav a {color: #222;text-decoration: none;font-size: 17px;letter-spacing: 3px;}
/* Close button */
.menu-close {position: absolute;top: 25px;right: 25px;width: 35px;height: 35px;border: 0;background: transparent;cursor: pointer;}
.menu-close span {position: absolute;left: 5px;top: 16px;width: 28px;height: 2px;background: #222;}
.menu-close span:first-child {    transform: rotate(45deg);}
.menu-close span:last-child {    transform: rotate(-45deg);}
/* Mobile only */
@media (max-width: 767px) {

.header-inner {padding: 15px 20px;}
.site-logo img {max-width: 220px;}
.menu-toggle {display: block;}

}
 .mobile-nav li > ul {
    max-height: 0;
    overflow: hidden;
    display: none;
    margin-top: 0;
    transition: all 0.4s ease;
}

.mobile-nav li > ul.active {
    max-height: 150px;
    
    margin-top: 15px;
}
.mobile-nav li > ul.active {
    display: block;
}
.mobile-nav li {list-style:none;}
.mobile-nav li > ul li {
    margin: 10px 0;
}
.mobile-nav ul li ul{margin-bottom:0px !important;}
.mobile-nav li > ul a {
    font-size: 17px;
    color: #777;
}

.mobile-nav li > ul {
    display: none;
    margin: 15px 0 0;
    padding: 0;
}

.mobile-nav li.active > ul {
    display: block;
}

/* Arrow */
.mobile-nav li > a[href="projects.html"]::after {
   content: "\eab2";
    color: #000;
    font-family: "Icofont";
    display: inline-block;
    margin-left: 10px;
    font-size: 16px;
    transition: transform 0.3s ease;
}

/* Rotate arrow when submenu opens */
.mobile-nav li.active > a[href="projects.html"]::after {
    transform: rotate(180deg);
}
.mobile-nav li > ul {
    max-height: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;

    transition: max-height 0.5s ease, margin-top 0.5s ease;
}

.mobile-nav li.active > ul {
    max-height: 200px;
    margin-top: 15px;
}

.mobile-nav li > ul li {
    margin: 10px 0;
}
.project-row{display:grid;grid-template-columns:1fr 1fr;}
.project{position:relative;display:block;height:600px;overflow:hidden;border-bottom:1px solid #fff;border-right:1px solid #fff;color:#fff;}
.project img{width:100%;height:100%;object-fit:cover;display:block;   transition:.6s;}
.project:after{content:"";
    position:absolute;inset:0; background-color: rgba(0, 0, 0, .2);    opacity: 0;      transition: opacity .5s ease;}
.project:hover::after{  opacity: 1;}	
	
.project:hover img{   }
.project-info{position:absolute;z-index:2;left:32px;bottom:38px;}
.project-info small{font-size:10px;letter-spacing:1.5px;}
.project-info h2{margin:8px 0 2px;font-size:25px;font-weight:400;letter-spacing:1px;}
.project-info p{margin:0 0 25px;font-size:14px;}
.project-info span{font-size:10px;letter-spacing:1.5px;border-bottom:1px solid #fff;padding-bottom:8px;}
.project-full{width:100%;height:520px;}
.footer{padding:15px 30px;background:#633b2f;}
.footer img{   width:210px;}
.footer a{color:#fff;font-size:10px;letter-spacing:1px;margin:0 12px;text-decoration:none;}
.footer small{color:#fff;font-size:10px;line-height:1.6;}

@media(max-width:767px){

 
.logo img{width:170px;}
nav a{font-size:9px;margin-left:10px;}
.project-row{display:block;}
.project,
.project-full{height:500px;border-right:0;}
.project-info{left:20px;bottom:25px;}
.project-info h2{font-size:21px;}
.footer{text-align:left;padding:20px 0px;}
.footermenu a {display:block;}
.footer .footermenu a {margin:0px 0px;}
.footer img{margin:10px 0px;}
.footer .copyrights p{text-align:left!important; }
.footer .copyrights{margin-top:10px;}
}

.projectsslider{width:100%;height:100vh;}
.projectsslider img{width:100%;height:100vh;object-fit:cover;}
.projectsslider .project{width:100%;height:100vh;}
.projectsslider .project-info p,.projectsslider .project-info h2,.projectsslider .project-info span {color:#fff;}
.bg-dark {background-color: transparent !important;}
.navbar-dark .navbar-toggler {color: #727270;   border-color: #2b2a28;background: #2b2a28;}
.navbar-toggler {padding: 10px;}
.navbar { padding: 0;}
.navbar-brand {display: inline-block;padding-top: 0;padding-bottom: 0;margin: 0;}
.navbar-nav {    margin-left: auto;}
.projectsslider2 .project-info h2,.projectsslider2 .project-info p,.projectsslider2 .project-info span{text-align:center;} 
.projectsslider2 .project-info  ,.projectsslider2 .project-info  ,.projectsslider2 .project-info  {left:0px;right:40px;} 
.footer p{color: #fff;text-align:right;font-size: 10px;margin:0px;line-height: 1.6;}
.footer p a{color: #fff;margin:0px;font-size: 10px;line-height: 1.6;}
.copyrights p img{width:20px;margin:0px;}	
.copyrights{ }
/*mcontact*/
.mcontact{width:100%;position:relative;padding: 0px 0px;overflow:hidden;background:#633b2f;}
.mcontactl img{width:100%; height:100vh;object-fit:cover;}
.mcontactl{width:100%;position:relative;}
.mcontactr{position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);
padding:20px 50px;}
.mcontactr p{color:#fff;font-size:14px;}
.mcontactr h5{margin:15px 0px;color:#fff;font-size:20px;}
.main_contact_message { padding:20px 0px;}
.main_contact_message input{width:100%;padding:10px;border:none;border-bottom:1px solid #b26023;margin-bottom:10px;background-color:transparent
;border-radius: 0px;font-size:14px;color:#fff;}
.main_contact_message textarea{width:100%;padding:10px;border:none;border-bottom:1px solid #b26023;margin-bottom:10px;background-color:transparent
;border-radius: 0px;resize:none;font-size:14px;color:#fff;}
.main_contact_message_btn{text-align:center;}
.main_contact_message_btn p{text-align:center;}
.main_contact_message_btn input[type=submit]{width:auto;border:2px solid #b26023;background:#b26023;color:#fff;padding:15px 30px;transition:.3s;
border-radius: 5px;}	
.main_contact_message_btn input[type=submit]:hover{color:#fff;border:2px solid #b26023;background:transparent;}
.main_contact_message h3{color:#fff;margin:15px 0px;text-transform:uppercase;font-size:20px;}
.main_contact_message input::placeholder{color:#fff;font-size:14px;}
.main_contact_message textarea::placeholder{color:#fff;font-size:14px;}
.mcontactr h3{color:#fff;margin:15px 0px;text-transform:uppercase;text-align:left;}
.capability{padding:20px 5px;text-align:center;}
.capability i{display:block;margin-bottom:12px;color:#8a4d28;font-size:30px;}
.capability span{display:block;font-size:16px;line-height:1.35;}

@media(max-width:767px){
.capabilities{padding:50px 15px;}
.capability{padding:18px 2px;}
.capability i{font-size:25px;}
.capability span{font-size:14px;}
}

.mabt2 h3{color:#fff;text-align:center;}
.mabt2{background:#633b2f; }
.capability i,.capability span{color:#fff;}
.mabt3 h3{color:#fff;text-align:center;}
.mcontactmain .mcontactr h5, .mcontactmain .mcontactr p{margin-bottom:5px;}
/*mprojects*/
.mprojects{width:100%;position:relative;overflow:hidden;}
.mprojectsbx{width:100%;height:100vh;position:relative;overflow:hidden;border-right:3px solid #fff; transition: all 1s ease;}
.mprojectsbx img{width:100%;height:100vh;object-fit:cover;position:relative;     transition: transform 1.5s ease;}
.mprojectsbx:hover img {
    transform: scale(1.03);
}

.mprojectsbx h3{background:#fff;margin:0px;padding:20px;position:absolute;left:0px;right:0px;text-align:center;font-size:13px;z-index:1;bottom: 0;
    text-transform: uppercase;}
.mprojectsbx .border-overlay {border: 0px solid #fcf4ec;height: 100%;left: 0;
    opacity: 0;position: absolute;top: 0;transition: all 1s ease;width: 100%;z-index: 1;} 	
.mprojectsbx:hover .border-overlay {opacity: 1;border: 10px solid #fcf4ec;} 	
.mprojectsbx a{text-decoration:none;width:100%;height:100%;display:block;position:absolute;z-index:12;}
.header:hover .main_menu #cssmenu2 > ul > li > a{color: #633b2f;}
.header:hover .mlogo img {   filter: brightness(0) saturate(100%) invert(30%);}
.header:hover .main_menu #cssmenu2 > ul > li.has-sub > a:before  {color: #633b2f;}


.projectbxinfo{color: #f9f3f0;
    left: 50%;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 1s ease;
    z-index: 10;}
	
	.projectbxinfo h2, .projectbxinfo h3 {
    color: #633b2f; opacity: 0;
    color: #f9f3f0;
    font-family: Matter, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .15em;
    line-height: 18px;
    margin: 0;
    text-transform: uppercase;
}
.project:hover h2{opacity: 1;} 
 .footer img {
    filter: brightness(0) invert(1);
}

.footermenu{text-align:center;}

/*mabout*/
/*
.mabout{width:100%;position:relative;}
.maboutl{width:100%;position:relative;height:100vh;background:#893521;padding:90px 60px;}
.maboutlbx{ position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);}
.maboutlbx h2,.maboutlbx h3 {
    
    color: #f9f3f0;
     text-align:left;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .15em;
    line-height: 18px;
    margin: 0 0 25px;
    text-transform: uppercase;
}	
.maboutlbx p, .maboutlbx p strong {
    font-size: 12px;color: #f9f3f0;font-weight:normal;
    font-style: normal;
    line-height: 18px;text-align:left;
}
.maboutimg img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
}
.maboutimg{background:#eee9e2; width: 100%;
    height: 100vh;}
.maboutimg2{  align-items: center;
    display: flex;
    justify-content: center;  padding: 10% 20%; }
.maboutimg2 img{height: auto;}
*/


/* ==========================================
   ABOUT SECTION
========================================== */

.mabout {
    width: 100%;
    position: relative;
    overflow: hidden;
}


/* ==========================================
   CONTENT COLUMN
========================================== */

.maboutl {
    width: 100%;
    height: 100vh;

    position: relative;

    

    padding: 90px 60px;

    display: flex;
    align-items: center;
}

.maboutlbx {
    width: 100%;
}


/* ==========================================
   HEADING
========================================== */

.maboutlbx h2,
.maboutlbx h3 {

    color: #f9f3f0;

    text-align: left;

    font-size: 12px;
    font-style: normal;
    font-weight: 400;

    letter-spacing: .15em;
    line-height: 18px;

    margin: 0 0 25px;

    text-transform: uppercase;
}


/* ==========================================
   CONTENT TEXT
========================================== */

.maboutlbx p,
.maboutlbx p strong,
.mabout-text {

    font-size: 12px;

    color: #f9f3f0;

    font-weight: normal;
    font-style: normal;

    line-height: 18px;

    text-align: left;
}

.maboutlbx p {
    margin: 0 0 18px;
}

.maboutlbx p:last-child {
    margin-bottom: 0;
}


/* ==========================================
   IMAGE COMMON
========================================== */

.maboutimg {

    width: 100%;
    height: 100vh;

    background: #eee9e2;

    overflow: hidden;
}


/* ==========================================
   FULL IMAGE
========================================== */

.maboutimg:not(.maboutimg2) {

    padding: 0;
}


.maboutimg:not(.maboutimg2) img {

    width: 100%;
    height: 100vh;

    display: block;

    object-fit: cover;
    object-position: center;
}


/* ==========================================
   SPACED IMAGE
========================================== */

.maboutimg2 {

    width: 100%;
    height: 100vh;

    background: #eee9e2;

    padding: 10% 20%;

    display: flex;

    align-items: center;
    justify-content: center;

    overflow: hidden;
}


.maboutimg2 img {

    width: 100%;
    height: auto;

    display: block;

    object-fit: cover;
}


/* ==========================================
   DESKTOP
   992px AND ABOVE
========================================== */

@media (min-width: 992px) {

    .mabout .row {

        display: flex;

        align-items: stretch;
    }

}


/* ==========================================
   TABLET
   991px AND BELOW

   MOBILE/TABLET ORDER:

   CONTENT
   IMAGE
========================================== */

@media (max-width: 991px) {

    /* --------------------------------------
       FORCE CONTENT FIRST
    -------------------------------------- */

    .mabout .order-1 {
        order: 1 !important;
    }


    /* --------------------------------------
       FORCE IMAGE SECOND
    -------------------------------------- */

    .mabout .order-2 {
        order: 2 !important;
    }


    /* --------------------------------------
       CONTENT
    -------------------------------------- */

    .maboutl {

        width: 100%;

        height: auto;

        min-height: 500px;

        padding: 70px 40px;

        display: flex;

        align-items: center;
    }


    .maboutlbx {

        width: 100%;
    }


    /* --------------------------------------
       FULL IMAGE
    -------------------------------------- */

    .maboutimg {

        width: 100%;

        height: auto;
    }


    .maboutimg:not(.maboutimg2) img {

        width: 100%;

        height: 600px;

        display: block;

        object-fit: cover;
    }


    /* --------------------------------------
       SPACED IMAGE
    -------------------------------------- */

    .maboutimg2 {

        width: 100%;

        height: auto;

        padding: 60px 15%;

        display: flex;

        align-items: center;

        justify-content: center;
    }


    .maboutimg2 img {

        width: 100%;

        height: auto;

        display: block;
    }

}


/* ==========================================
   MOBILE
   767px AND BELOW
========================================== */

@media (max-width: 767px) {

    /* --------------------------------------
       CONTENT
    -------------------------------------- */

    .maboutl {

        width: 100%;

        height: auto;

        min-height: auto;

        padding: 60px 25px;

        display: block;
    }


    .maboutlbx {

        width: 100%;
    }


    /* --------------------------------------
       HEADING
    -------------------------------------- */

    .maboutlbx h2,
    .maboutlbx h3 {

        font-size: 12px;

        line-height: 18px;

        letter-spacing: .15em;

        margin: 0 0 20px;
    }


    /* --------------------------------------
       TEXT
    -------------------------------------- */

    .maboutlbx p,
    .maboutlbx p strong,
    .mabout-text {

        font-size: 12px;

        line-height: 19px;
    }


    .maboutlbx p {

        margin-bottom: 18px;
    }


    /* --------------------------------------
       FULL IMAGE
    -------------------------------------- */

    .maboutimg {

        width: 100%;

        height: auto;
    }


    .maboutimg:not(.maboutimg2) img {

        width: 100%;

        height: 500px;

        display: block;

        object-fit: cover;
    }


    /* --------------------------------------
       SPACED IMAGE
    -------------------------------------- */

    .maboutimg2 {

        width: 100%;

        height: auto;

        padding: 35px 20px;

        display: flex;

        align-items: center;

        justify-content: center;
    }


    .maboutimg2 img {

        width: 100%;

        height: auto;

        display: block;
    }

}


/* ==========================================
   SMALL MOBILE
   480px AND BELOW
========================================== */

@media (max-width: 480px) {

    /* --------------------------------------
       CONTENT
    -------------------------------------- */

    .maboutl {

        padding: 50px 20px;
    }


    /* --------------------------------------
       HEADING
    -------------------------------------- */

    .maboutlbx h2,
    .maboutlbx h3 {

        font-size: 11px;

        line-height: 17px;

        margin-bottom: 18px;
    }


    /* --------------------------------------
       TEXT
    -------------------------------------- */

    .maboutlbx p,
    .maboutlbx p strong,
    .mabout-text {

        font-size: 12px;

        line-height: 18px;
    }


    /* --------------------------------------
       FULL IMAGE
    -------------------------------------- */

    .maboutimg:not(.maboutimg2) img {

        width: 100%;

        height: 400px;

        object-fit: cover;
    }


    /* --------------------------------------
       SPACED IMAGE
    -------------------------------------- */

    .maboutimg2 {

        padding: 25px 15px;
    }


    .maboutimg2 img {

        width: 100%;

        height: auto;
    }

}






.pagetitle{width:100%;position:relative;}
.pagetitle img{width:100%;height:100vh;object-fit:cover;border-bottom:3px solid #fff;}
.pagetitle:after {content: "";position: absolute;inset: 0; background-color: rgba(0, 0, 0, .2);transition: opacity .5s ease;}

.project-info2{   position: absolute;z-index:12;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.project-info2 h2{font-size: 12px;position:relative;font-style: normal;font-weight: 400;color:#fff;
    letter-spacing: .15em;line-height: 18px;margin: 0 0 18px;text-transform: uppercase;}
/*projectcontents*/
.projectcontents{width:100%;position:relative;padding:40px 20px;    background: #633b2f;}
.projectcontents1 p{    font-size: 12px;color: #f9f3f0;font-weight: normal;font-style: normal;line-height: 18px;text-align: left;}
.projectcontents1 h1,.projectcontents1 h2,.projectcontents1 h3{color: #f9f3f0;text-align: left;font-size: 12px;font-style: normal;
    font-weight: 400;letter-spacing: .15em;line-height: 18px;margin: 0 0 25px;text-transform: uppercase;}
.projectcontents1{margin-top:25px;}	
.projectcontents1 ul{margin:10px 0px; display: flex;flex-wrap: wrap;
    margin: 0;padding: 0;list-style: none;}
.projectcontents1 ul li{ width: 50%;
    box-sizing: border-box;list-style:none; font-size: 12px;color: #f9f3f0;font-weight: normal;font-style: normal;line-height: 18px;text-align: left;
	margin-bottom:20px;
	}
.next-project a {align-self: flex-start;color: #f9f3f0;font-family: Matter, sans-serif;
font-size: 12px;font-style: normal;font-weight: 400;letter-spacing: .15em;line-height: 18px;margin: 0 0 18px;text-transform: uppercase;}

.maboutlbx ul{margin:10px 0px;  margin-left:20px;
   padding: 0;list-style: none;}
.maboutlbx ul li{  display:block;list-style:none;margin-bottom:10px;
    box-sizing: border-box;list-style:none; font-size: 12px;color: #f9f3f0;font-weight: normal;font-style: normal;line-height: 18px;text-align: left;}
	
	.projectcontents12{padding-left:70px;}
	
/* ==========================================
   PROJECT GALLERY
========================================== */

.project-gallery {
    width: 100%;
    margin: 0;
    padding: 0;
}


/* ==========================================
   ROW
========================================== */

.project-gallery-row {
    width: 100%;
    display: flex;
    margin: 0;
    padding: 0;
}


/* ==========================================
   ITEM
========================================== */

.project-gallery-item {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
}


/* ==========================================
   IMAGE
========================================== */

.project-gallery-item img {
    display: block;    border-right: 2px solid #fff; border-top: 2px solid #fff; border-bottom: 2px solid #fff;
    width: 100%;
    height: 100vh;
    object-fit: cover;
    margin: 0;
    padding: 0;
}


/* ==========================================
   TWO VERTICAL IMAGES
========================================== */

.project-gallery-two {
    display: flex;
    width: 100%;
}

.project-gallery-two .project-gallery-item {
    width: 50%;
}


/* ==========================================
   HORIZONTAL IMAGE
========================================== */

.project-gallery-horizontal {
    width: 100%;
}

.project-gallery-horizontal .project-gallery-item {
    width: 100%;
}


/* ==========================================
   SINGLE VERTICAL IMAGE
========================================== */

.project-gallery-one {
    width: 100%;
}

.project-gallery-one .project-gallery-item {
    width: 100%;
}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {

    .project-gallery-two {
        display: block;
    }

    .project-gallery-two .project-gallery-item {
        width: 100%;
    }

    .project-gallery-item img {
        height: auto;
    }

}	 


.details{margin-top:30px;}
.details h2{margin:10px 0px;}

.next-project {
    width: 100%;
}

.next-project a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
}

.next-project-label {
    font-size: 13px;
    letter-spacing: .15em;
}

.next-project-arrow {
    font-size: 25px;
    line-height: 1;
}



.mobile-nav li.active > ul {
    max-height: 200px;
    margin-top: 0;
    margin-left: 20px;
}
.mobile-nav li > ul li {
    margin: 3px 0;
}

.mcontactr h3{font-size:13px;color:#fff;margin:15px 0px;padding-bottom:8px;border-bottom:1px solid #fff;display:inline-block;}
.mcontactr p a{   font-weight: normal;
    font-style: normal;
    line-height: 18px;
    text-align: left;  font-size: 12px;
    color: #f9f3f0;}
.mcontactr p {margin-bottom:5px; font-weight: normal;
    font-style: normal;
    line-height: 18px;
    text-align: left;   font-size: 12px;
    color: #f9f3f0;}