@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css");

@font-face {
    font-family: "Futurai";
    src: url("../fonts/Futura_Extra_Black.otf") format("opentype");
    font-weight: 700;
}
 
@font-face { 
    font-family: "Futura";
    src: url("../fonts/Futura-Bold.ttf");
    /* IE9 Compat Modes */
    src: url("../fonts/Futura-Bold.ttf") format("truetype");
    font-weight: 600;
}

@font-face {
    font-family: "Futura";
    src: url("../fonts/FutuLt.ttf");
    /* IE9 Compat Modes */
    src: url("../fonts/FutuLt.ttf") format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: "Futura";
    src: url("../fonts/futura-medium.ttf");
    /* IE9 Compat Modes */
    src: url("../fonts/futura-medium.ttf") format("truetype");
    font-weight: 500;
}
@font-face {
    font-family: "sofia";
    src: url("../fonts/SofiaProUltraLight.ttf") format("truetype");
    font-weight: 300;
}
@font-face {
    font-family: "sofia";
    src: url("../fonts/SofiaProRegular.ttf") format("truetype");
    font-weight: 400;
}
@font-face {
    font-family: "sofia";
    src: url("../fonts/SofiaProSemiBold.ttf") format("truetype");
    font-weight: 500;
}
@font-face {
    font-family: "sofia";
    src: url("../fonts/SofiaProSemiBold.ttf") format("truetype");
    font-weight: 500;
}

@font-face {
    font-family: "sofia";
    src: url("../fonts/SofiaProBold.ttf") format("truetype");
    font-weight: 600;
}

@font-face {
    font-family: "sofia";
    src: url("../fonts/SofiaProBlack.ttf") format("truetype");
    font-weight: 700;
}


 :root {
    --H-family: 'sofia', sans-serif;
    --B-family: 'sofia', sans-serif;
    --main: #96C127;
    --secoendry: #00374c;
    --Light_bg: #f2f6f7;
    --white: #ffffff;
    --black: #000000;
    
}
 

body,
html {
    color: #000;
    background: #FFF;
    font-family: var(--B-family);
    font-size: 16px;
    scroll-behavior: smooth; 
    position: relative; 
} 

a:hover,
a:focus,
a:active {
    text-decoration: none;
    outline: none;
}

a {
    text-decoration: none;
    outline: none;
}

p {
    font-size: 16px;
    line-height: 31px;  
    letter-spacing: 0.2px;
    margin-bottom: 28px;
    font-size: 18px;
}

h1,
h2,
h3,
h4,
h5,
h3,
h6 {
    font-family: var(--H-family);
    padding: 0;
}
.spinner {
    background-color: #FFFFFF;
    display: block;
    height: 100vh;
    position: absolute;
    width: 100vw;
    z-index: 999999; }
  
  .spinner div {
    -webkit-animation: spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    animation: spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border: 6px solid #D3D3D3;
    border-color: #D3D3D3 transparent transparent transparent;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 51px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 51px; }
  
  .spinner div:nth-child(1) {
    -webkit-animation-delay: -0.45s;
    animation-delay: -0.45s; }
  
  .spinner div:nth-child(2) {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s; }
  
  .spinner div:nth-child(3) {
    -webkit-animation-delay: -0.15s;
    animation-delay: -0.15s; }
  
  @-webkit-keyframes spinner {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg); }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg); } }
  
  @keyframes spinner {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg); }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg); } }
      #loading {
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        position: fixed;
        display: block;
        opacity: 0.7;
        background-color: #fff;
        z-index: 99;
        text-align: center;
     }
     
     #loading-content {
       position: absolute;
       top: 50%;
       left: 50%;
       text-align: center;
       z-index: 100;
     }
     
     .hide{
       display: none;
     }  

/* header */

header {
    border-bottom: none;
    transition: 0.3s;
}

.navbar-light .navbar-brand {
    width: 300px !important;
    transition: 0.3s;
    margin-right: 0;
    padding: 0;
}

.navbar {
    padding: 0;
    border-bottom: none;
    background: transparent !important;
    align-items: center;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: var(--main);
}

.navbar-expand-xl .navbar-nav .nav-link {
    font-size: 18px;
    font-weight: 400;
    display: block;
    padding: 0 19px; 
    text-decoration: none;
    color: rgba(255, 255, 255, 0.67); 
    position: relative;
    white-space: nowrap;
    text-transform: capitalize;
    border-radius: 0;
    transition: 0.3s;
}

.white_header .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important;
}

.navbar-expand-xl .navbar-nav .nav-link:last-child::before {
    display: none;
}

.navbar-expand-xl .navbar-nav .active .nav-link {
    color: var(--main);
}

.navbar-expand-xl .RiGhT_nav .nav-link {
    font-size: 18px !important;
    font-weight: 300;
    transition: 0.3s;
}
.navbar-nav.ms-auto {
	margin-left: 325px !important;
}
header { 
    position: fixed;
    z-index: 99999;
    padding: 70px 55px; 
    transition: 0.3s;
    top: 0; 
    left: 0;
    background: transparent;
    width: 100%;
}
header .container-fluid {
    padding: 0;
}
.dropdown-menu {
    position: absolute;
    top: 51px;
    z-index: 1000;
    margin: 0px;
    padding: 13px;
    min-width: 190px;
    background-color: var(--white);
    border: 1px solid var(--white);
    border-radius: 2px;
    box-shadow: 0 3.2px 4.5px -59px rgba(0, 0, 0, 0.051), 0 7.6px 10.8px -59px rgba(0, 0, 0, 0.073), 0 14.3px 20.3px -59px rgba(0, 0, 0, 0.09), 0 25.5px 36.2px -59px rgba(0, 0, 0, 0.107), 0 47.6px 67.7px -59px rgba(0, 0, 0, 0.129), 0 114px 162px -59px rgba(0, 0, 0, 0.18) !important;
    border-radius: 0 0 30px 30px;
}

.dropdown-menu::before {
    position: absolute;
    top: -10px;
    left: 12px;
    display: inline-block;
    border-right: 10px solid #0000;
    border-bottom: 10px solid rgba(0, 40, 100, 0.36);
    border-bottom-color: rgba(0, 40, 100, 0.12);
    border-left: 10px solid transparent;
    border-bottom-color: var(--white);
    content: '';
    z-index: 999;
}

.dropdown-item {
    font-weight: 400;
    display: block;
    padding: 5px 0;
    text-decoration: none;
    border-radius: 3px;
    color: #5b6a6a;
    position: relative;
    white-space: nowrap;
    text-transform: capitalize;
    border-radius: 0;
    position: relative;
    overflow: hidden;
    white-space: normal;
}

.dropdown-item::before {
    position: absolute;
    top: 41%;
    left: 3px;
    width: 5px;
    height: 5px;
    background: transparent;
    /*! content: ''; */
    z-index: 999;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transform: rotate(44deg);
    opacity: 0.4;
}

.bTn_OrDeR i {
    font-size: 25px;
    margin: 0 12px 0 0;
    color: var(--blue);
}

.bTn_OrDeR p {
    margin: 0 0 7px 0;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: var(--main);
    text-decoration: none;
    background-color: transparent;
    border-radius: 0;
}

.fixed {
    position: fixed;
    left: 0;
    top: 0;   
    width: 100%;  
    z-index: 999;
    background: #fff;
    transition: 0.3s;
    box-shadow: rgba(50, 50, 93, 0.08) 0px 6px 12px -2px, rgba(0, 0, 0, 0.11) 0px 3px 7px -3px;
    padding:30px 55px;
}

.fixed .header__logo-container { 
	top: 15px; 
}

.nav-link.header_btn {
    transition: 0.4s;
    text-align: center;
    padding: 0 !important;
    font-size: 14px !important;
    font-weight: 400!Important;
    display: flex !important;
    align-items: center;
    margin-right: 31px;
}

.nav-link.header_phno {
    font-size: 18px !important;
    letter-spacing: 1px;
}

.nav-link.header_phno i {
    color: #fff;
}

.fixed .show_logofixed {
    display: block !important;
}

.fixed .hide_logo {
    display: none !important;
    transition: 0.3s;
}

.fixed .navbar-expand-xl .navbar-nav .nav-link {
    color: #001042;
    transition: 0.3s;
}
.fixed .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
	color: var(--main);
}

.fixed .navbar-light .navbar-brand {
    /*! width: 200px !important; */
    transition: 0.3s;
}




@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.nav-item.dropdown.dropdown-mega {
    position: static;
}

.nav-link.btn_login {
    padding: 11px 26px !important;
    background: #fff;
    border-radius: 55px;
    color: #06f !important;
}

.navbar-expand-xl .navbar-nav {
    align-items: center;
}

.nav-link.whatsappbtn {
    height: 45px;
    padding: 0 !important;
    width: 45px;
    text-align: center;
    line-height: 45px;
    font-size: 23px !important;
    border-radius: 0 !important;
    margin: 0 7px 0 0;
    /*! box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px; */
    color: #25D366 !important;
}

.nav-link.whatsappbtn:hover {
    height: 45px;
    padding: 0 !important;
    width: 45px;
    text-align: center;
    line-height: 45px;
    font-size: 23px !important;
    background: green;
    color: #fff !important;
    border-radius: 4px !important;
    margin: 0 7px 0 0;
}

.emergency-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 2;
    text-align: left;
}

.emergency-phone {
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
}

.emergency-phone:hover {
    color: var(--main)
}

.emergency-text {
    font-weight: 500;
    font-size: 13px;
    color: #fff;
    margin: 0;
    line-height: 1;
    text-transform: capitalize;
    letter-spacing: 0;
}

.emergency-symbol {
    /*! height: 50px; */
    /*! width: 50px; */
    margin-right: 11px;
    /*! border: 2px solid #fff; */
    border-radius: 100%;
    z-index: 2;
    text-align: center;
}

.emergency-symbol i {
    line-height: 48px;
    font-size: 18px;
    color: #fff;
}

.nav-link.contact_btn {
    padding: 10px 23px !important;
    border: 2px solid var(--main)!important;
    color: var(--white) !important;
    border-radius: 40px !important;
    text-align: center;
    margin-right: 15px;
    font-size: 15px !important;
    transition: 0.3s;
    box-shadow: rgba(38, 173, 228, 0.13) 0px 6px 12px -2px, rgba(38, 173, 228, 0.18) 0px 3px 7px -3px;
    background: var(--main);
}

.nav-link.contact_btn:hover {
    color: var(--white) !important;
    background: var(--main);
    transition: 0.3s;
}

.navbar-expand-xl .navbar-nav .dropdown-mega .dropdown-menu {
    border: none;
    left: 45%;
    transform: translateX(-50%);
    padding: 20px 30px;
    margin: 0;
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: none;
}

.drop-title a {
    font-size: 18px !important;
    color: #00374c !important;
    font-weight: bold;
    display: block;
    margin: 0 0 10px 0;
}

.drop-column {
    padding: 0;
}

.drop-column li {
    list-style: none;
}

.drop-title a:hover {
    color: var(--main) !important;
}

.header_btn:hover .emergency-symbol {
    background-color: transparent;
}

.header_btn:hover .emergency-symbol i {
    color: #fff;
}

.toggle_nav {
    transition: 0.2s;

}
.toggle_nav a {
    display: flex;
    align-items: center;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 12px;
    transition: 0.2s;

}

.toggle_nav .bars .bar {
    height: 2px;
    border-radius: 10px;
    background: #fff;
    transition: 0.2s;

}   

.toggle_nav .bars .bar:nth-child(1) {
    width: 100%;
    transition: 0.2s;

}

.toggle_nav .bars .bar:nth-child(2) {
    width: 100%;
    margin: 0 0 0 auto;
    transition: 0.2s;

}

.toggle_nav .bars .bar:nth-child(3) {
    width: 100%;
    transition: 0.2s;

}

.toggle_nav .bars {
    width: 32px;
    height: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; 
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    cursor: pointer;
    /*! padding: 10px 0; */
    margin: 0;
    transition: 0.2s;  

}

.toggle_nav:hover .bars .bar:nth-child(1) {
    width: 80%; 
}
.toggle_nav:hover .bars .bar:nth-child(3) {
    width: 60%; 
    transition: 0.2s;
}
/* offcanvas */
.offcanvas {
	position: fixed;
	height: 500px;
	align-items: center;
	left: 55px !important;
	top: 50%;
	transform: translateY(-50%) !important;
	width: auto;
} 
.offcanvas-top {
    height: 100%;
}

.nav_ofcanvas.offcanvas {
    background: transparent;
    /*! background: rgb(2,0,36); */
    /*! background: linear-gradient(90deg, rgba(0, 0, 0, 0.73) 0%, rgba(0,212,255,0) 100%); */
    border: none;
} 
    
.offcanvas-top::before {
    content: '';
    background-color: rgba(21, 21, 21, 0.86);
    /*! -webkit-filter: blur(15px); */
    /*! -moz-filter: blur(15px); */
    /*! -o-filter: blur(15px); */
    /*! -ms-filter: blur(15px); */
    /*! filter: blur(15px); */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.12) url(../images/bg-overlay2.png);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.searchH {
    font-size: 24px!important;
}

.bdy_fullnav {
    padding: 0 0 0 7em;
    position: relative;
    z-index: 1;
    border-radius: 0; 
    overflow: hidden; 
} 

.FNAVClose {
    float: right;
    position: fixed;
    left: 0;
    width: 30px;
    height: 30px;   
    border-radius: 0; 
    top: 49%; 
    z-index: 9;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgba(255,255,255)'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    background-size: 21px;
    opacity: 1;
    transform: translateY(-50%);
    background-color: rgb(0, 0, 0);
}

.Snav_main {
    padding: 0;
    position: relative;
    top: 50%;
    transform: translateY(-50%); 
}
 
.Snav_main .logo {
    width: 300px;
    margin: 0 auto;
    position: absolute;
    top: 40px; 
    left: 55px; 
}

.Snav_main .single_nav .navbar-nav .nav-link {
    padding-left: 0;
    position: relative;
    font-weight: 300;
    color: var(--white);
    font-size: 26px;
    transition: 0.4s; 
    text-align: left;
    /*! letter-spacing: 3px; */
    /*! font-family: Quicksand; */
    font-weight: 400;
    line-height: normal;
}

.Snav_main .single_nav .navbar-nav .nav-link:hover { 
    color: var(--main);
    transition: 0.4s;
} 

.Snav_main .single_nav .navbar-nav .nav-link::before {
    /*! content: ''; */
    width: 60px;
    height: 1px;
    background: rgba(255, 255, 255, 0.09);
    position: absolute;
    left: 53%;
    bottom: 0;
    transform: translateX(-50%);
    transition: 0.4s;
    top: auto;
}

.Snav_main .single_nav .navbar-nav .nav-link:hover::before {
    width: 50px;
    transition: 0.4s;
}

.menuitem {
	background-color: transparent;
	border: none;
	bottom: 0;
	cursor: pointer;
	left: 139px; 
	margin: auto 0; 
	outline: none;
	padding: 0;
	position: fixed;
	-webkit-transition: all 100ms ease-out;
	transition: all 100ms ease-out;
	top: 0;
	z-index: 9;
	max-height: 190px;
}

.bars.is-active .bar:nth-child(2) {
    opacity: 0;
  }
  
  .bars.is-active .bar:nth-child(1) {
    -webkit-transform: translateY(13px) rotate(45deg);
    -ms-transform: translateY(13px) rotate(45deg);
    -o-transform: translateY(13px) rotate(45deg);
    transform: translateY(13px) rotate(45deg);
  }
  
  .bars.is-active .bar:nth-child(3) {
    -webkit-transform: translateY(-13px) rotate(-45deg);
    -ms-transform: translateY(-13px) rotate(-45deg);
    -o-transform: translateY(-13px) rotate(-45deg);
    transform: translateY(-13px) rotate(-45deg);
  }
  .toggle_nav:hover .bars.is-active .bar:nth-child(1) {
	width: 100%;
}
.toggle_nav:hover .bars.is-active .bar:nth-child(3) {
	width: 100%;
	transition: 0.2s;
}


/* header */

.header_searchtp {
    color: var(--white);
    display: flex;
    justify-content: space-between;
    background: transparent;
    padding: 5px 5px;
    border-radius: 60px;
    border: 2px solid #fff;
    align-items: center;
    padding-left: 23px;
    text-transform: capitalize;
}

.header_searchtp i {
    color: var(--main);
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #fff;
    border-radius: 100%;
    font-size: 13px;
    transform: scale(1.4);
}

.headerDate {
    font-size: 13px;
    background: #014050;
    display: inline-block;
    border-radius: 40px;
    overflow: hidden;
    color: var(--main);
    padding: 2px 17px;
}

.important_link_header {
    display: flex;
    justify-content: flex-end;
    color: #fff;
    margin-bottom: 5px;
}

.important_link_header a {
    font-size: 14px;
    color: #484848;
    margin: 0 0 0 19px;
    font-weight: bold;
}

 

.menuitem .navbar-nav {
    align-items: inherit;
    margin: 0;
} 

.menuitem .navbar-nav .nav-link {
    padding: 11px 0;
    font-size: 27px;
    color: #fff;
    font-weight: 400;
    line-height: normal;
} 

.menuitem .navbar-nav .nav-link:hover {
    color: var(--main) !important;
} 

.menuitem .dropdown-menu {
    box-shadow: none; 
    position: static !important;
    top: 0;
    margin: 0;
    transform: none !important;
}

.menuitem .dropdown-item {
    font-weight: 600;
    box-shadow: none;
    padding: 10px 31px;
    background: #f5f5f6;
    border-bottom: 1px solid #021b240a;
    color: #01171f;
    font-size: 18px;
    letter-spacing: 0;
}

.menuitem .dropdown-menu::before {
    border-right: 5px solid #0000;
    border-bottom: 5px solid rgba(0, 40, 100, 0.36);
    border-bottom-color: rgba(0, 40, 100, 0.12);
    border-left: 5px solid transparent;
    border-bottom-color: #022a39;
}

.menuitem .dropdown-toggle::after {
    float: right;
    margin: 11px 0 0 0;
}

.footer_Snav {
    /*! position: absolute; */
    bottom: 0;
    left: 0;
    z-index: 9;
    padding: 10px 20px;
    color: var(--white);
    width: 100%;
    background: #000;
    display: flex;
    justify-content: space-between;
}

.footer_Snav a {
    color: #fff;
}

.nav_ofcanvas.offcanvas-body {
    margin-bottom: 50px;
}


.header__logo-container {
	left: 55px;
	position: absolute;
	top: 55px; 
	z-index: 99;
}
.header__logo-link {
	display: block; 
	width: 300px; 
}
.header__logo-image {
	display: none;
	max-width: 300px;
	width: 300px; 
}
.header__logo-image--white {
	display: block;
}
@media (min-width: 90.0625em) {
    .button-menu {
      left: calc((100% - 1420px) / 2); }
    .button-menu--menu {
      left: calc((100% - 1320px) / 2); }
    .float-menu.active {
      left: calc(((100% - 1420px) / 2) + 150px); }
    .float-menu__overlay.active .float-menu__overlay-whitespace {
      width: calc(((100% - 1420px) / 2) + 400px); }
    .float-menu--background.active {
      left: calc(((100% - 1420px) / 2) + 150px); }
    .header__logo-container {
      left: calc(((100% - 1420px) / 2) - 10px); }
      
    .work-page__top-menu {
      margin: 0 auto; } 
    .single-project__wrapper--project_grid_images + .single-project__wrapper--project_grid_images {
      padding-top: 3.8em; }
    .about-page__top-menu {
      margin: 0 auto; }
    .process-page__top-menu {
      margin: 0 auto; }
      .toggle_nav {
        left: calc((100% - 1420px) / 2) !important; }
       .white_header .single_nav {
            left: calc((100% - 88px) / 2) !important;
        }      
      .menuitem {
        left: calc((100% - 1230px) / 2) !important; }
       .white_header .menuitem {
        left: calc((100% - 1420px) / 2) !important; }        
      .immerbannertxtt { 
        left: calc((100% - 1420px) / 2) !important; 
        padding-left: 130px;
        width: 60%!important; 
    }  
      .immerbannertxtt {
        left: calc((100% - 1420px) / 2) !important; 
        padding-left: 130px;
        width: 60%!important; 
    } 

      .top_social {
        right: calc((100% - 1230px) / 2) !important; }

    
     }
 

/* header */
.header{
    display: flex;
    align-items: center;
}
.header {
	display: flex;
	align-items: center;
	position: absolute;
	height: 100vh;
	z-index: 9;
	left: 60px;
	color: #fff;
}


/* white-header */

.white_header .toggle_nav .bars .bar {
    height: 3px;
    border-radius: 10px;
    background: #000;
}

.white_header .toggle_nav a {
    color: #000;
}

.white_header .emergency-phone { 
    color: #2b2a2a; 
    letter-spacing: 1px;
}
.white_header .nav_ofcanvas.offcanvas { 
	background: #fff;
}
.white_header .Snav_main .single_nav .navbar-nav .nav-link { 
	color: rgba(16, 16, 16, 0.3); 
}
.white_header .Snav_main .single_nav .navbar-nav .nav-link:hover { 
	color: var(--main); 
}
.white_header .Snav_main .single_nav .navbar-nav .active .nav-link { 
	color: var(--black)!important; 
}


.white_header .FNAVClose {
	float: right;
	position: fixed;
	left: 55px;
	width: 25px;
	height: 25px;
	border-radius: 0;
	top: 50%;
	z-index: 9;
	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
	background-size: 21px;
	opacity: 0.5;
	transform: translateY(-50%);
	background-color: transparent;
}

.white_header .bdy_fullnav {
	padding: 0 8em 0 9em;
	position: relative;
	z-index: 1;
	border-radius: 0;
	overflow: hidden;
}
.white_header .menuitem {
	position: fixed;
	height: 100vh; 
	align-items: center;
	/*! left: 0 !important; */
	top: 0; 
	transform: none; 
	width: auto; 
	width: 15%;
	background: rgba(255, 255, 255, 0.96);
	bottom: auto;
	max-height: inherit;
	box-shadow: -300px 0 0 0 rgba(255, 255, 255, 0.96) ,rgba(0, 0, 0, 0.04) 20px 14px 20px 2px;
}
 
 
.white_header .menuitem .navbar-nav .nav-link { 
	color: #757575; 
}

.white_header .single_nav {
	position: absolute;
	margin: auto 0;
	top: 50%; 
	/*! bottom: 0; */
	left: 0; 
	transform: translateY(-50%);
	height: auto;
	max-height: inherit;
	height: auto;
	margin: 0;
	padding: 0;
}

.white_header .toggle_nav { 
	z-index: 999;
}

/* white-header */
.video-background {
    background: #000;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -99;
  }
  .video-foreground,
  .video-background video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
  }
  
  @media (min-aspect-ratio: 16/9) {
    .video-foreground {
      height: 300%;
      top: -100%;
    }
  }
  @media (max-aspect-ratio: 16/9) {
    .video-foreground {
      width: 300%;
      left: -100%;
    }
  }
  @media all and (max-width: 600px) {
    .vid-info {
      width: 50%;
      padding: 0.5rem;
    }
    .vid-info h1 {
      margin-bottom: 0.2rem;
    }
  }
  @media all and (max-width: 500px) {
    .vid-info .acronym {
      display: none;
    }
  }
  
  .top_social {
	position: fixed;
	right: 60px;
	top: 55px; 
	z-index: 99999;
	display: flex;
	align-items: center;
}
  .top_social a { 
	align-items: center;
	display: inline-block;
	color: #fff; 
	margin: 0 0 0 22px;
	font-size: 25px; 
	opacity: 0.8;
      transition: 0.3s
}
  .top_social a:hover{  
	color: var(--main);   
	opacity: 1; 
      transition: 0.3s
}

/* banner */

.banner {
    position: relative;
    background: var(--secoendry) url(../images/banner1lsm.png);
    overflow: hidden;
    background-size: cover;
    z-index: 3;
}

.full-screen {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.slider_navigateion {
    position: absolute;
    bottom: 90px;
    right: 90px;
    z-index: 9;
    opacity: 0.5;
}

.slider_navigateion button {
    background: transparent;
    border: none;
    border: 1px solid #fff;
    width: 50px !important;
    height: 50px !important;
    line-height: 65px;
    margin: 0 0 0 9px;
}

.btn_banner {
    text-transform: capitalize;
    position: relative;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    background: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.53);
    padding: 6px 5px;
    text-transform: capitalize;
    border-radius: 0;
    letter-spacing: 0.6px;
}

.btn_banner:hover {
    color: var(--main) !important;
    transition: 0.3s;
    border-color: var(--main);
}

.carousel-caption {
    position: absolute;
    width: 60%;
    color: #fff;
    left: 20%; 
    transform: translateY(-50%);
    bottom: auto;
    right: auto;
    z-index: 1;
    text-align: center;
    border-radius: 10px;
    top: 50%;
}

.banner_description h5 {
    color: #00b1cd;
    display: block;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: .1em;
    line-height: 26px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.banner_description ul {
    margin: 0 0 25px 0;
    padding: 0;
}

.banner_description ul li {
    margin: 0;
    padding: 5px 0;
    list-style: none;
    position: relative;
    padding-left: 16px;
    letter-spacing: 0.6px;
}

.banner_description ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 49%;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #00b1cd;
    transform: translateY(-50%);
}

.banner_description ul li a {
    display: inline-block;
    text-transform: capitalize;
    font-weight: 600;
    color: #141517;
    padding: 0;
    display: flex;
    align-items: center;
    transition: 0.3s;
}

.banner_description ul li a:hover {
    color: #00b1cd;
    transition: 0.3s;
}

.banner_description ul li a i {
    margin: 0 0 0 10px;
    /*! font-size: 22px; */
}

.banner_description {
    position: relative;
    z-index: 9;
    color: #fff;
    padding: 0 0 0 100px;
}

.banner_description h1 {
    color: #fff;
    font-weight: 400;
    font-size: 41px;
    overflow: hidden; 
    margin: 0 0 11px 0;
    text-transform: capitalize;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    /*! font-family: proxima nova; */
    /*! letter-spacing: -1px; */
}

.banner_description h6 {
    /*! font-weight: bold; */
    margin: 0 0 20px 0;
}

.banner_description p {
    color: #fff;
    /*! font-size: 20px; */
    line-height: 29px;
    margin: 0 0 20px 0;
    max-height: 64px;
    overflow: hidden;
    max-height: 94px;
    overflow: hidden;
}

.overlay_banner {
    position: absolute;
    left: 0; 
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(0, 0, 0, 0.38);
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.66) 0%, rgba(255, 255, 255, 0) 100%);
    /*! background: url(../images/bg-overlay.png); */
    z-index: 1;
}

.bg-video-wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    background: url(https://designsupply-web.com/samplecontent/vender/codepen/20181014.png) no-repeat center center/cover;
}

video {
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    object-fit: cover;
    top: 0;
    left: 0;  
}

.margin100vh {
    margin-bottom: 100vh;
    background: transparent;
    z-index: -1;
    position: relative;
}

.downarrow {
    position: absolute;
    bottom: 20px;
    left: 50%; 
    transform: translateX(-50%); 
    color: #fff;
    font-size: 30px;
    opacity: 0.6; 
    z-index: 2;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 100%;
    /*! background: rgba(255, 255, 255, 0.17); */
    text-align: center;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

.downarrow:hover {
    opacity: 1;
}

.back_arrow {
    position: absolute;
    top: 30px;
    right: 30px; 
    transform: rotate(90deg); 
    color: #fff;
    font-size: 30px;
    opacity: 0.6; 
    z-index: 99999;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 100%;
    background: rgba(255, 255, 255, 0.17);
    text-align: center; 
}

.back_arrow:hover {
    opacity: 1;
}

.backbtn {
    position: absolute;
    top: 040px;
    right: 55px;
    color: #fff;
    font-size: 30px; 
    opacity: 0.6; 
    z-index: 2;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 100%;
    background: rgba(255, 255, 255, 0.17);
    text-align: center;
    transform: rotate(90deg);
}

.backbtn:hover {
    opacity: 1;
}




/* About
------------------------------ */

.about {
    position: relative;
    padding: 50px 0;
    background: var(--secoendry) url(../images/1589799272_35183.jpg);
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100vh;
    display: flex;
    align-items: center;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1;
}

.about p {
    color: #fff;
    font-size: 30px;
    line-height: 45px;
}

.btn_theme {
    text-transform: capitalize;
    position: relative;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    background: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.48);
    padding: 6px 0px;
    text-transform: capitalize;
    letter-spacing: 0.3px;
}

.btn_theme:hover {
    color: var(--main) !important;
    transition: 0.3s;
    border-color: var(--main);
}

.studio_main {
    position: sticky;
    padding: 50px 0;
    background: var(--black) url(../images/1476464127_77372.png);
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100vh;
    display: flex;
    align-items: center;
    z-index: 1;
    top: 0;
}

.studio_main p {
    color: #fff;
    font-size: 30px;
    line-height: 45px;
}

.project_main {
    position: relative;
    padding: 50px 0;
    background: var(--black) url(../images/1589734411_78252.jpg);
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100vh;
    display: flex;
    align-items: center;
    z-index: 1;
}

.project_main p {
    color: #fff;
    font-size: 30px;
    line-height: 45px;
    font-style: italic;
}

.project_btn {
    font-size: 30px;
    color: #fff;
    display: inline-block;
    padding: 0 20px;
}

.project_btn:hover {
    color: var(--main);
}

.main {
    padding: 80px 0;
    margin-top: 0; 
} 

.gallery-title {
    font-size: 36px;
    color: teal;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}

.gallery-title:after {
    content: "";
    position: absolute;
    width: 7.5%;
    left: 46.5%;
    height: 45px;
    border-bottom: 1px solid teal;
}

.filter-button {
    font-size: 16px;
    border: none;
    border-radius: 0;
    text-align: center;
    color: #403f38;
    margin-bottom: 10px;
    background: transparent;
    font-weight: 600;
    position: relative;
    letter-spacing: 1px;
    padding: 0;
}

.filter-button:hover {
    text-align: center;
}

.filter-button::after {
    content: "_";
    margin: 0 13px 0 13px;
}

.filter-button:last-child::after {
    content: "";
}

.btn-default:active .filter-button:active {
    background-color: #42B32F;
    color: white;
}

.port-image {
    width: 100%;
}

.gallery_product {
    margin-bottom: 30px;
    position: relative;
}

.main h1 {
    font-weight: 500;
    font-size: 50px;
    text-align: center;
    /*! letter-spacing: 3px; */
    margin-bottom: 22px;
}

.project_menu {
    max-width: 900px;
    margin: 0 auto;
    margin-bottom: 40px;
}


/* contact-us */

.C_itemD {
    padding: 17px 10px;
    text-align: left;
    padding-left: 65px;
    position: relative;
    margin-bottom: 0;
    border-radius: 0;
    margin-left: 0;
    border-bottom: 1px solid #e4e7ea;
}

.C_itemD img {
    margin: 0 0 10px 0;
    position: absolute;
    left: 0;
    width: 43px;
}

.C_itemD h4 {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    font-family: var(--B-family);
}

.C_itemD p {
    font-size: 16px;
    margin: 0;
    line-height: 25px;
    /*! opacity: 0.6; */
}

.C_itemD a {
    font-size: 20px;
    font-weight: bold;
    color: var(--black);
    /*! font-family: var(--H-family); */
    margin: 0;
    display: block;
    transition: 0.2s;
}

.C_itemD a:hover {
    transition: 0.2s;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    color: var(--main);
}

.btn_emailus {
    display: block;
    padding: 10px 15px;
    background: var(--main);
    border-radius: 100px;
    color: #fff !important;
    text-decoration: none !important;
    box-shadow: 0 11px 18px -8px rgb(23 92 255 / 60%);
    transition: 0.3s;
    text-align: center;
}

.btn_emailus:hover {
    box-shadow: none;
    transition: 0.3s;
}

.contact-form-wrap {
    padding: 40px;
    border-radius: 0;
    /*! border-right: 1px solid #ddd; */
    background: #fff;
    border-radius: 6px;
    /*! margin-top: -90px; */
    z-index: 9;
    position: relative;
    margin-bottom: 60px !important;
    border-radius: 0;
}

.contact-form-wrap h2 {
    font-weight: 600;
}

.contact-form-wrap textarea {
    min-height: 100px;
}

.contact-form-wrap label {
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 5px 6px;
    color: #77879e;
}

.contact-form-wrap h2 {
    font-size: 24px;
    font-weight: 600;
    color: var(--black);
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.contact-form-wrap p {
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 30px;
    font-size: 16px;
    opacity: 0.8;
}

.contact-form-wrap .form-group {
    margin-bottom: 10px;
    position: relative;
}

.contact-form-wrap .form-group .form-control {
    height: 45px;
    border-radius: 0;
    /*! border: 2px solid rgb(207, 221, 238); */
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0 20px;
    color: #546274;
    background-color: #f9f9f9;
    color: var(--black);
    font-weight: 500;
    font-size: 15px;
    border: 1px solid #f0f0f0;
}

.form-select {
    height: 55px;
    border-radius: 10px;
    /*! border: 2px solid rgb(207, 221, 238); */
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0 20px;
    color: #546274;
    /*! background: #f5f9fe; */
    color: var(--main);
    font-weight: 500;
    font-size: 15px;
    /*! font-family: poppins; */
    padding-right: 32px;
}

.contact-form-wrap .form-group .form-control::placeholder {
    /* Firefox 18- */
    color: #ddd;
}

.contact-form-wrap .form-group textarea.form-control {
    padding-top: 14px;
    height: 100px;
}

.contact-form-wrap .btn {
    height: 60px;
    padding: 0;
    border-radius: 0;
    background: var(--black);
    color: #ffffff;
    font-weight: 600;
    outline: none;
    box-shadow: none;
    padding: 0 60px;
    /*! box-shadow: rgba(0, 0, 0, 0.14) 0px 3px 6px, rgba(0, 0, 0, 0.18) 0px 3px 6px; */
    display: inline-block;
    margin-top: 5px;
    width: 100%;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
}

.invalid-feedback {
    position: absolute;
    top: 8px;
    right: 6px;
    text-align: right;
    text-transform: uppercase;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 1px;
}

.cdtail h2 {
    font-size: 24px;
    font-weight: 600;
    color: var(--black);
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.flogo {
    width: 200px;
}

footer {
	padding: 20px 0;
	background: #fff;
	padding-bottom: 20px;
}

.toggle_nav {
    background-color: transparent;
    border: none;
    bottom: 0;  
    cursor: pointer;
    left: 60px;
    margin: auto 0;
    max-height: 40px;
    outline: none;
    padding: 0;
    position: fixed;
    -webkit-transition: all 100ms ease-out;
    transition: all 100ms ease-out;
    top: 0;
    z-index: 9;
}
#job {
	background: #f4f4f4;
}


/*  
 .project_menu button.active::before {
     position: absolute;
     content: '';
     left: 0;
     width: 80%;
     height: 1px;
     background: var(--black);
     bottom: 0;
 } */

.project_menu button.active {
    text-decoration: underline;
}

.social_iCon {
    padding: 0;
    margin: 5px 0 0 0;
}

.social_iCon li {
    list-style: none;
    display: inline-block;
}

.social_iCon li a {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 6px 0 0;
}

.social_iCon li a img {
    width: 100%;
}

.phonef a {
    display: block;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 2px;
    color: #423f3f;
}

.mail_f a {
    display: block;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 2px;
    color: #423f3f;
}

.contact_pg h6 {
    font-weight: 600;
    letter-spacing: 1px;
}

.contact_pg h6 {
    font-weight: 600;
    font-size: 18px;
    color: #3e3d3d;
}

.infodetail a {
    color: var(--black);
    /*! font-weight: 600; */
    letter-spacing: 1px;
    line-height: 31px;
}

.infodetail a i {
    margin-right: 3px;
    font-size: 12px;
}

.social_txt {
    padding: 0;
}

.social_txt li {
    list-style: none;
    display: inline-block;
}

.social_txt li a {
    display: inline-block;
    margin: 0 10px 0 0;
    color: #888;
    text-decoration: underline;
    transition: 0.4s;
}
.social_txt li a:hover {
    color: var(--main);
    transition: 0.4s;
}
.gallery_product .image {
    height: 250px;
    position: relative;
    transition: 0.4s;
}

.gallery_product .image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s;
}

.gallery_product .description {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    background: rgba(0, 0, 0, 0.69);
    color: #fff;
    opacity: 0;
    transition: 0.4s;
}

.gallery_product .description div {
    width: 100%;
    transition: 0.4s;
    text-align: center;
}

.gallery_product .description h3 {
    font-size: 17px;
    letter-spacing: 1px;
    margin: 0;
    font-weight: 600;
    transition: 0.4s;
}

.gallery_product .description p {
    margin: 10px 0 0 0;
    line-height: normal;
    font-size: 15px;
    letter-spacing: 1px;
    text-align: center; 
}

.gallery_product:hover .description {
    opacity: 1;
    transition: 0.4s;
}

/* project-details */

.carousel-control-next, .carousel-control-prev { 
    width: 4%; 
    z-index: 9;
}
.txtscrl{
    font-size: 14px; 
    margin-bottom: 10px;
}
.project_title {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	text-align: center;
	transform: translateY(-50%);
	color: #fff;
	z-index: 1;
}

.project_title h1 { 
	margin: 0 auto;
	font-size: 50px;
	max-width: 830px;
	line-height: 1.1;
	font-weight: 400;
	letter-spacing: 1px;
}

.detailProject{
    padding: 50px 0;
}
.main h3{
    font-size: 40px;
    /*! letter-spacing: 1px; */
    color: #101010; 
    font-weight: 500; 
}
.main p {
    /*! text-align: justify; */
}
 
.gallery_inner{
    column-count: 2;
    gap: 30px;
}  

.gallery_item{
    margin-bottom: 30px;
}
.gallery_dv{
    margin-top: 50px;
}

.blacklogo{
    display: none;
} 

/* project-details */
.inner_banner{
    height: 100vh;
    background: #ddd;
    overflow: hidden;
    position: relative;
}

.inner_banner img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; 
    object-fit: cover;
    object-position: center center;
}
.inner_banner h1{
    font-weight: 400;
}

.inner_textbnr{
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
}
.inner_textbnr {
	position: absolute;
	top: 50%;
	left: 10%;
	z-index: 1;
	width: 80%;
	text-align: center;
    transform: translateY(-50%);
    color: #fff;
}
.inner_textbnr .lead{
    font-size: 30px;
}
 

.immerbannertxtt {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 9;
	width: 70%;
	left: 15%;
	color: #fff;
}
.home-page__footer {
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
	bottom: 60px; 
	display: -webkit-box;
	display: -webkit-flex;    
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	left: 0;
	padding: 0 55px;
	position: absolute;
	width: 100vw;
	z-index: 9;
}
.home-page__footer-options {
	list-style: none;
	margin: 0;
	padding: 0;
}

.home-page__footer-option {
	display: inline-block;
	color: #fff; 
}
.home-page__footer-item {
	color: #CCCCCC;
	font-size: 13px;  
	text-decoration: none;
	margin: 0 20px 0 0; 
}
.home-page__footer-item:hover{
	color: var(--main); 
}
.btn-close:focus { 
	box-shadow: none; 
}
.btn-close:hover { 
	opacity: 1;
}

.social{
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
	text-transform: capitalize;
}
.social  a {
	color: #A0A0A0;
	font-size: 18px;
	font-weight: 400;
	text-decoration: none;
	-webkit-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}
.social a:hover{
	color: var(--main); 
} 

.social   a:not(:last-child) {
	margin-right: 1em;
}
.cbox_item {
	text-align: center;
	padding: 30px;
	margin-top: 30px; 
}
.cbox_item h3 {
	font-size: 42px;
	font-weight: 400; 
    margin-bottom: 40px;
    letter-spacing: -1px;
} 
.cbox_item h3 a{
    color: #fff;
} 
.cbox_item h3 a:hover{
    color: var(--white);
}  
.emilubtn{
    color: #fff;
    font-size: 18px;
}
.emilubtn:hover{ 
    color:  var(--main);
    font-size: 18px;
}
address {
	font-size: 20px;
	/* font-weight: 300; */
	color: #575757; 
	line-height: 29px;
	text-transform: capitalize;
	letter-spacing: 0;
	margin-top: 20px;
}

.work_item{
    position: relative;
    -webkit-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
    overflow: hidden;
}
.work_item .images {
	display: block;
	height: 330px; 
	overflow: hidden; 
	background: #000;
	-webkit-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	overflow: hidden;
	position: relative;
}
.work_item .images img {
	transition: all 300ms ease-out;
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	left: 0;
	top: 0;
}
.work_item .images h4 {
	color: #FFFFFF;
	display: block;
	font-size: 26px;
	left: 0; 
	margin: 0 auto; 
	opacity: 0;
	position: absolute;
	right: 0;
	text-align: center; 
	text-transform: capitalize;
	top: 48%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	z-index: 9;
	font-weight: 400;
	letter-spacing: 0;
}
.work_item .images h4  span{
    display: block;
    font-size: 16px;
    opacity: 0.8;
    letter-spacing: 0.4px;
    margin: 10px 0 0 0;
}

.wtxt {
	padding-left: 3em;
    padding-top: 20px;
    -webkit-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}

.wtxt h3 {
	color: #101010;
	font-weight: 400; 
    font-size: 28px;
    -webkit-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	/*! letter-spacing: -0.5px; */ 
	margin: 0;
	line-height: normal;
}
.wtxt p {
	color: #D3D3D3; 
    -webkit-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}


.work_item:hover img{ 
    transform: scale(1.1);
    -webkit-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
    opacity: 0.7;
}


.work_item:hover .images h4 {
   opacity: 1;
   -webkit-transition: all 300ms ease-out;
   transition: all 300ms ease-out;
}



@-webkit-keyframes bounce {
    0% {
      -webkit-transform: translateY(0);
      transform: translateY(0); }
    15% {
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px); }
    30% {
      -webkit-transform: translateY(10px);
      transform: translateY(10px); }
    100% {
      -webkit-transform: translateY(0);
      transform: translateY(0); }
     }

    .listing_main{ 
        column-count: 2;
        column-gap: 40px;
    }

    .brefdetails_item {
        text-align: center;
        margin: 30px 0;
    }
    .brefdetails_item  h3 {
        font-size: 40px;    
        position: relative;
        font-weight: 400;  
    }
    .brefdetails_item  p { 
        color: #979696;
    } 

    .brefdetails_item  h3 i {
        position: absolute;
        left: 22%;
        top: -14px;
        opacity: 0.2;
        color: #BBB;
        font-size: 30px;
    }
    .border-end {
        border-right: 1px solid #f7f7f7 !important;
    }

    .project_breaf_main{
        margin: 50px 0;
    }
    .main h5 {
        font-size: 25px;
        font-weight: 400;
        line-height: normal;
    }


    .home-page__footer {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        bottom: 40px;
        display: -webkit-box; 
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        left: 0;
        padding: 0 25px;
        position: absolute;
        width: 100vw;

    }
    .home-page__footer {
        padding: 0 55px;
    }
    
@media (min-width: 81.25em) {
    .top-menu {
      pointer-events: none;
      opacity: 0; }
    .top-menu--fixed {
      display: inherit;
      opacity: 1;
      pointer-events: auto; }
    .top-menu__item {
      margin-bottom: 0.5em; }
    .home-page__footer {
      padding: 0 calc(((100% - 1420px) / 2) - 10px); }
    .work-page__menu.content-menu { 
      min-height: 31px; }
    .work-page__menu.content-menu.content-menu--fixed {
      visibility: visible;
      z-index: 999; }
    .work-page__menu.content-menu.content-menu--fixed .work-page__menu-list {
      left: 50%;
      position: fixed;
      top: 62px;
      margin: 0 auto;
      max-width: 860px;
      pointer-events: none;
      right: 50%;
      -webkit-transform: translate(-50%);
      transform: translate(-50%);
      width: 100%;
      z-index: 999; }
    body.admin-bar .work-page__menu.content-menu.content-menu--fixed .work-page__menu-list {
      top: 96px; }
    .header--white-active ~ .work-page .work-page__menu.content-menu.content-menu--fixed {
      opacity: 0 !important;
      pointer-events: none; }
    .work-page__top-menu.top-menu.top-menu--fixed {
      display: block !important; }
    .work-page__top-menu.top-menu.top-menu--fixed .top-menu__menu-list {
      opacity: 1 !important; }
    .header:not(.header--white-active) ~ .work-page .work-page__top-menu.top-menu {
      opacity: 0 !important;
      pointer-events: none; }
    .work-page__top-menu .work-page__menu-item:not(:last-child) {
      margin-right: 2em; }
    .process-page__top-menu.top-menu.top-menu--fixed {
      display: block !important; }
    .process-page__top-menu.top-menu.top-menu--fixed .top-menu__menu-list {
      opacity: 1 !important; }
    .header:not(.header--white-active) ~ .process-page .process-page__top-menu.top-menu {
      opacity: 0 !important;
      pointer-events: none; }
    .process-page__top-menu .process-page__menu-item:not(:last-child) {
      margin-right: 2em; } }
      @media (max-width: 90.0525em) {
        .button-menu {
          left: 60px; }
        .header__logo-container {
          left: 55px; }
        .home-page__footer {
          padding: 0 55px; }
        .work-page__menu {
          margin-top: 18.6vh; }
        .about-page__menu {
          margin-bottom: 0;
          margin-top: 24.6vh; }
        .process-page__menu {
          margin-bottom: 0;
          margin-top: 24.6vh; } }


 

        .inner_quote {
            text-align: center;
            padding: 60px;
        }

        #studio {
            padding: 40px 0;
            background: #F4F4F4; 
        }

        .studio_txt {
            padding: 0 40px;
        }
 
        .studio_txt h3{
           font-size: 55px;
           font-weight: 500;
           line-height: 53px;
           margin-bottom: 20px;
        }

        #about {
            padding: 0 0 40px 0;
        }

        .skillSDV {
            padding: 70px 0; 
            background: #fff; 
        } 

        .vision_dv {
            padding: 50px 0;
        }

        .skill-item {
            padding: 0; 
            position: relative; 
        }  
        .skill-item img {
            position: absolute;
            width: 78px; 
            left: 32px;
            top: 50px;
            opacity: 0.55;
        }

        .team_main {
            padding: 60px 0 0 0;
            background: #fff; 
        }
        .team_item { 
            padding: 20px;
            text-align: center;
        }
        .team_item h3 { 
            font-size: 20px;
            font-weight: 500; 
            text-transform: capitalize;
        }
        .team_item p {
            opacity: 0.6;
        }
        .team_item .image {
            height: 290px;
            position: relative;
            width: 260px; 
            margin: 0 auto; 
            margin-bottom: 12px;
            border-radius: 0;
            overflow: hidden;
        }
        .team_item .image img {
            position: absolute;
            height: 100%;
            width: 100%;
            filter: grayscale(1);
            left: 0;
            top: 0;
            object-fit: cover;
        }
        .c_logo {
            margin-bottom: 37px;
            text-align: center;
            padding:0 20px;
        }
        .c_logo h5 {
	font-size: 14px;
	opacity: 0.8;
} 
        .c_logo img {
            filter: grayscale(10); 
                height: 79px;
        }

        .partners_main {
            background: #F4F4F4;
            padding: 40px 0; 
        } 



        .nextbtn {
            color: #000;
            border: 1px solid #ddd;
            display: inline-block;
            padding: 10px 25px;
            border-radius: 50px;
            text-transform: uppercase;
            line-height: normal;
            padding-right: 17px;
            transition: 0.3s;
        }
        .nextbtn:hover{
            color: var(--main);
        }


        .main.contact_pg {
            background: #f4f4f4;
            padding: 0;
        }



.catogry_itm .images { 
	height: 100vh; 
}


.catogry_itm .images h4 {
	opacity: 1;
	-webkit-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}


.catogry_itm .images h4 { 
	font-size: 35px; 
	font-weight: 400;
    letter-spacing: -1px;
    text-transform: capitalize;
    transition: 0.3s;
}

.catogry_itm .images h4:hover { 
    color: var(--main);
    transition: 0.3s;
}

.fstcontct {
	min-height: 100vh;
	display: flex;
    align-items: center;
    position: relative;
}
.fstcontct .downarrow { 
	color: var(--main); 
	background: rgba(157, 154, 154, 0.17); 
}


.addressTab h3 {
	font-size: 25px;
	letter-spacing: -1px;
	font-weight: 400;
}

.addressTab { 
	padding-left: 68px;
}

.map { 
    background: #ddd;
    position: relative;
}


.contctdtlbgtp {
	position: absolute;
	left: 0; 
	top: 50%; 
    transform: translateY(-50%);
    width: 100%;
	z-index: 9;
}
.secnddv {
	padding: 50px 0;
}


.detail_footer{
    height: 100vh;
    background: #f7f7f7;
    display: flex;
    align-items: center;
}

.detail_footer h3 {
	font-size: 45px;
	font-weight: 400;
	letter-spacing: -1px;
	margin-bottom: 20px;
}

.detail_footer a {
	font-size: 20px;
	border-bottom: 2px solid #ddd;
	color: #000;
	transition: 0.3s;
}

.detail_footer a:hover { 
    color: var(--main);
    border-color: var(--main);
	transition: 0.3s;
}

.links_catogry {
	/* position: absolute; */
	right: 15%;
	bottom: 25%; 
	z-index: 9;
	text-align: center;
}

.links_catogry a {
	color: #fff;
	font-size: 40px; 
    margin-right: 30px; 
    transition: 0.2s;
	text-transform: capitalize;
	letter-spacing: 0;
	display: inline-block;
	padding: 10px 20px; 
	position: relative; 
}
.links_catogry a:before{
    content: '';
    height: 40px;
    width: 2px;
    background: #fff;
    position: absolute;
    right: -20px;
    top: 50%; 
    opacity: 0.5;
    transform: translateY(-36%);
}


.links_catogry a:hover{
	color: var(--main); 
}

.links_catogry a:last-child{
	margin: 0;
}
.fixed-footer {
	position: fixed;
	bottom: 0;
	width: 100%;
    background: transparent;
    z-index: 9;
}

.fixed-footer p {
	font-size: 14px;
	line-height: 31px;
	letter-spacing: 0.8px;
	margin-bottom: 28px;
	font-size: 15px;
    font-weight: 300;
    color: #fff;
}

.fixed-footer .social a { 
	font-size: 15px;
	font-weight: 400; 
}


.filters {
    text-align: center;
    margin-bottom: 20px;
}

.filters ul {
    padding: 0;
    margin: 0;
}

.filters ul li {
    list-style: none;
    display: inline-block;
    padding: 0 6px; 
    cursor: pointer;
    position: relative;
    border-bottom: 2px solid transparent;
    height: 40px;
    line-height: 36px;
    font-size: 20px; 
    margin: 0 27px;
    font-weight: 400;
    color: #000;
}

.filters ul li:hover {
    border-color: var(--main);
    color: var(--main); 
}

.filters ul li.active {
    color: var(--main);
    border-bottom: 2px solid var(--main);
} 

.carreera {
	color: #000;
	font-size: 30px;
}
.carreera:hover{
	color: var(--main); 
}
.detailbanner_text {
	position: absolute;
	top: 50%;
    left: 30%;
    transform: translateY(-50%);
	width: 40%;
	text-align: center;
	color: #fff;
	z-index: 99;
}

.detailbanner_text h1 span {
	font-size: 28px;
	display: block;
	font-weight: 400;
}
.phone {
    margin-bottom: 15px;
}

.phone a {
	font-size: 20px;
    color: #000;
    display: inline-block;
}
.mail a {
	font-size: 20px;
    color: #000;
    display: inline-block;
}
.phone a:hover{ 
    color: var(--main); 
}

.mail a:hover{ 
    color: var(--main); 
}


.minh100vh {
	min-height: 100vh;
	display: flex;
	align-items: center;
}

.map iframe {
	border: 0;
	height: 100vh;
}
.addressTab {
	padding-left: 68px;
	position: absolute;
	top: 50%;
	right: 30px;
	background: rgba(255, 255, 255, 0.94);
	padding: 40px;
	border-radius: 10px;
    border: 2px solid #a2a2a2;
    transform: translateY(-50%);
}

.contctdtlbgtp.wrkdv { 
    top: 68%; 
    right: 0;
}

.links_catogry a:last-child::before{
    display: none;
}

.fixed .top_social a { 
	color: #555;
	margin: 0 0 0 22px;
	font-size: 20px; 
}

.fixed .top_social {
	position: fixed;
	right: 60px;
	top: 29px; 
}


.detailClr .downarrow {
    color: #646464; 
    bottom: -24px;
}

.navbar-expand-xl .navbar-nav .active .nav-link{
    color: var(--main)!important;
}
.flink {
	color: #757575;
	font-size: 16px;
}
.flink:hover{
	color: var(--main); 
}