/*Global Function Starts Here*/
.home-section-06 .btn.learn-more-button {
    
}
.home-section-03 .ib-container .article .box-icon {
	display: none;
}
.no-link {
	cursor: not-allowed;
	pointer-events: none;
}



*{
    margin: 0px;
    padding: 0px;
}
:root {
    --theme: #158e9c;
    --grey: #f7f7f7;
    --drak-grey: #282828;
    --black: #000;
    --white: #fff;
}
body {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #000;
    font-weight: 300;
}
textarea:hover, textarea:active, textarea:focus, button:focus, button:active, button:hover, label:focus, .btn:active, .btn.active, :focus-visible {
    outline: 0px !important;
    -webkit-appearance: none;
    box-shadow: none !important;
    background: none !important;
}
.container-fluid {
    padding: 0;
}
.c-b {
    color: var(--black);
}
.b-b {
    background: var(--black);
}
.b-g {
    background: var(--grey);
}
.c-w {
    color: var(--white);
}
.p-100 {
    padding: 100px 0;
}
.pt-100 {
    padding-top: 100px;
}
.pb-100 {
    padding-bottom: 100px;
}
.pt-72 {
    padding-top: 72px;
}
.pb-72 {
    padding-bottom: 72px;
}
.bg-grey {
    background: #eeeeee;
}
p {
    font-size: 24px;
    line-height: 32px;
}
/*Global Function Ends Here*/
/*Navigation Bar Area Code Starts Here*/
.navbar {
    padding: 0 16px;
}
.navbar .navbar-brand {
    padding: 6px 0;
}
.navbar .navbar-toggler {
    padding: 0;
    border: none;
}
.navbar .menu2 {
    width: 48px;
    height: 48px;
    margin: 0;
    z-index: 999;
    position: relative;    
}
.navbar .menu2 div {
    width: 48px;
    height: 48px;
    position: relative;
    z-index: 2;
}
.navbar .menu2 span {
    background: #158e9c;
    width: 100%;
    height: 5px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: transform 0.5s, width 0.5s;
}
.navbar .menu2 .line-1 {
    width: 100%;
    transform: translate(-50%, -13px);
    transform-origin: 9px 29px;
}
.navbar .menu2 .line-3 {
    width: 100%;
    left: auto;
    right: 0;
    transform: translate(0, 8px);
    transform-origin: 45px -58px;
}
.navbar .openmenu2 .line-1 {
    transform: translate(0, 0) rotate(-45deg);
}
.navbar .openmenu2 .line-3 {
    transform: translate(-100%, 0) rotate(-45deg);
}
.navbar .openmenu2 .line-2 {
    transform: translate(-50%, -50%) rotate(45deg);
}
.navbar .navbar-collapse {
    height: 100vh;
    background: linear-gradient(180deg, #000 50%, #158e9c 100%);
    width: 100vw;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    transform: translateY(-200%);
    transition: transform 0.75s ease-in;
    padding: 2% 8% 2% 14%;
    /*background-image: url("http://www.myhobbes.com/projects/nv2/images/navbar/dropdown-image.png");
    background-size: contain;*/
}
.navbar-background {
    padding: 2% 2% 2% 0%;
    background-image: url("http://www.myhobbes.com/projects/nv2/images/navbar/dropdown-image.png");
    background-size: contain;
    background-repeat: no-repeat;
}
.navbar .navbar-collapse.collapse.show {
    transform: translateY(0%);
    transition: transform 1s ease-out;
}
.navbar .navbar-nav {
    display: inline-flex;
    margin: 0;
    /*position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);  */  
}
.navbar .nav-item {
    text-transform: uppercase;
    font-weight: 500;
}
.navbar .nav-link {
    display: inline-block;
    font-size: 5vh;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 9vh;
    color: #fff;
}
.navbar .nav-link:hover {
    color: var(--theme);
}
.navbar .navbar-nav .dropdown-menu {
    position: absolute;
    top: -95%;
    left: 25vw;
    font-size: 5vh;
    line-height: 9vh;
    border: none;
    border-left: 2px solid var(--theme);
    border-radius: 0;
    background-color: #fff0;
}
.navbar-nav .nav-link.show {
    color: var(--theme);
}
.navbar .navbar-nav .dropdown-menu .dropdown-item:focus, .navbar .navbar-nav .dropdown-menu .dropdown-item:hover {
    background-color: #fff0;
    color: var(--theme);
}
.navbar .navbar-nav .dropdown-menu .dropdown-item {
    color: #fff;
}
.navbar .dropdown-toggle::after {
    transform: rotate(-90deg);
}
.nav-link.link-home {
    left: 0;
    transition: ease 0.5s;
    transform: scale(1);
    position: relative;
}
.nav-link.link-home:hover {
    transform: scale(1.4);
    left: 20px;
    transition: ease 0.5s;
    position: relative;
}
.nav-link.link-about {
    left: 0;
    transition: ease 0.5s;
    transform: scale(1);
    position: relative;
}
.nav-link.link-about:hover {
    transform: scale(1.4);
    left: 36px;
    transition: ease 0.5s;
    position: relative;
}
.nav-link.link-services {
    left: 0;
    transition: ease 0.5s;
    transform: scale(1);
    position: relative;
}
.nav-link.link-services:hover {
    transform: scale(1.4);
    left: 36px;
    transition: ease 0.5s;
    position: relative;
}
.nav-link.link-case {
    left: 0;
    transition: ease 0.5s;
    transform: scale(1);
    position: relative;
}
.nav-link.link-case:hover {
    transform: scale(1.4);
    left: 50px;
    transition: ease 0.5s;
    position: relative;
}
.nav-link.link-sectors {
    left: 0;
    transition: ease 0.5s;
    transform: scale(1);
    position: relative;
}
.nav-link.link-sectors:hover {
    transform: scale(1.4);
    left: 29px;
    transition: ease 0.5s;
    position: relative;
}
.nav-link.link-careers {
    left: 0;
    transition: ease 0.5s;
    transform: scale(1);
    position: relative;
}
.nav-link.link-careers:hover {
    transform: scale(1.4);
    left: 31px;
    transition: ease 0.5s;
    position: relative;
}
.nav-link.link-contact {
    left: 0;
    transition: ease 0.5s;
    transform: scale(1);
    position: relative;
}
.nav-link.link-contact:hover {
    transform: scale(1.4);
    left: 30px;
    transition: ease 0.5s;
    position: relative;
}
.nav-projects {
    position: absolute;
    right: 12%;
    top: 12%;
}
.nav-projects .boxnp p {
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 500;
    color: var(--white);
    padding: 0 0 32px 0;
}
.nav-projects .boxnp p span {
    display: block;
}
.nav-projects .navp-link {
    font-size: 24px;
    color: var(--white);
    text-decoration: none;
    text-transform: lowercase;
    font-weight: 300;
}
.nav-projects .navbox-quote .btn.quote-button {
    font-size: 24px;
    text-transform: uppercase;
    border-radius: 0;
    padding: 9.2px 59.6px;
    color: var(--white);
    border: 2px solid var(--theme);
    background: var(--theme);
}
.nav-projects .navbox-quote .btn.quote-button:hover {
    background: #fff0;
    color: var(--theme);
}
.navbar-social-icons {
    top: 150%;
    position: absolute;
}
.navbar-social-icons .social-box {
    float: left;
    position: relative;
}
.navbar-social-icons .si-02 {
    left: 10%;
}
.navbar-social-icons .si-03 {
    left: 20%;
}
.navbar-social-icons .si-04 {
    left: 30%;
}
.navbar-social-icons .si-05 {
    left: 40%;
}
.navbar-background .fa-brands {
    font-size: 24px;
    background: var(--white);
    padding: 6px 10px;
    z-index: 1;
    position: relative;
    text-decoration: none;
    color: var(--black);
    border: 1px solid var(--white);
}
.navbar-background .fa-brands:hover {
    background: #fff0;
    color: var(--theme);
    border: 1px solid var(--theme);
}
.navbar-social-icons .social-box .clickable {
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 1;
}
/*Navigation Bar Area Code Ends Here*/
/*Home Page Banner Area Code Starts Here*/
.home-banner-area {
    /*background: linear-gradient(rgba(0, 0, 0, 0.90), rgba(21, 142, 156, 0.4)), url('http://www.myhobbes.com/projects/nv/images/home/banner.jpg');*/
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top 0 right; 
    background-image: linear-gradient(rgba(0, 0, 0, 0.90), rgba(21, 142, 156, 0.4)), url('http://www.myhobbes.com/projects/nv3/images/home/banner/bim.jpg');
}
.home-banner-area .banner-caption-area {
    position: relative;
    height: calc(100vh - 200px);
}
.home-banner-area .box {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    left: auto;    
    width: 586px;
    height: 400px;
    background: rgba(0, 0, 0, 0.65);
    border-right: 6px solid var(--theme);
    padding: 44px;
}
.home-banner-area h1 {
    font-size: 72px;
    text-transform: uppercase;
    text-align: right;
    color: var(--white);
    font-weight: 300;
}
.home-banner-area h1 .span-01 {
    display: block;
    color: var(--theme);
    font-weight: 400;
}
.home-banner-area h1 .span-02 {
    font-weight: 500;
}
.home-banner-area h2 {
    font-size: 31px;
    text-align: right;
    color: var(--white);
    padding: 0 0 16px 0;  
    font-weight: 300;
    text-transform: capitalize;    
}
.home-banner-area .box-quote {
    text-align: right;
background: linear-gradient(to left, #158e9c 50%, #fff0 50%);
  background-size: 198% 100%;
  background-position: left bottom;
  transition: all .5s ease-out;
  width: 200px;
  float: right;	
}
.home-banner-area .box:hover .box-quote {
	background-position: right bottom;
}
.home-banner-area .box-quote .quote-button {
    font-size: 24px;
    text-transform: uppercase;
    border-radius: 0;
    padding: 9.2px 20px;
    color: var(--white);    
    font-weight: 300;
}
.home-banner-area .box-quote .quote-button:hover {
    color: var(--black);
}
/*Home Page Banner Area Code Ends Here*/
/*Home Page Section-02 Area Code Starts Here*/
.homesection02 {
    display: none;
}
.hd .header-box, .hd .header-boxs {
    position: relative;
}
.hd .header-box h3 {
    font-size: 100px;
    text-transform: uppercase;
    margin: 0 0 60px 0;
    line-height: 100px;
    font-weight: 300;
    border-left: 6px solid #137b7357;
    padding: 0 0 0 16px;
	-webkit-transition: border 500ms ease-out;
	-moz-transition: border 500ms ease-out;
	-o-transition: border 500ms ease-out;
	transition: border 500ms ease-out;
	letter-spacing: -3px;
	transition: 700ms ease;	
}
.hd .header-box:hover h3 {
	border-left: 16px solid #137b7357;
	letter-spacing: 1px;

}
.hd .header-box h3 span {
    color: var(--theme);
}
.hd .header-box:hover h3 span {
	letter-spacing: 1px;
}
.hd .header-boxs h3 {
    font-size: 50px;
    text-transform: uppercase;
    margin: 0 0 50px 0;
    line-height: 45px;
    font-weight: 300;
}
.hd .header-boxs h3 span {
    color: var(--theme);
}
.hd .header-caption {
    position: absolute;
    top: 15px;
    right: 0;
}
.hd .header-caption p {
    font-size: 36px;
    margin: 0;
    line-height: 36px;    
}
.hd .header-caption p span {
    display: block;
}
.home-section-02 .carousel {
    height: 450px;
}
.home-section-02 .carousel-inner {
    width: 632px;
    overflow: visible;
}
.home-section-02 .carousel-caption {
    left: 780px;
    color: #000;
    top: 0;
    bottom: inherit;
    width: 514px;
    height: 100%;
    text-align: left;
}
.home-section-02 .carousel-indicators {
    left: 211px;
    right: auto;
    margin: 0;
    bottom: -24px;
}
.home-section-02 .carousel-item {
    transition: transform 0.01s ease-in-out;
}
.home-section-02 .carousel-item.active {
    transition: transform 0.01s ease-in-out;
}
.home-section-02 .carousel-indicators [data-bs-target] {
}
.home-section-02 .carousel-indicators.carousel-indi [data-bs-target] {
    width: 100px;
    height: 100px;
    margin: 0;
    border: 0;
}
.home-section-02 .carousel-control-prev, .carousel-control-next {
    display: none;
}
.home-section-02 .carousel-indicators.carousel-indi {
    left: 679px;
    display: grid;
    bottom: auto;
}
.home-section-02 .carousel-indicators.carousel-indi button {
    background: #fff;
    overflow: hidden;
}
.home-section-02 .carousel-indicators.carousel-indi button.active::after {
    color: var(--theme);
}
.home-section-02 .carousel-indicators.carousel-indi button::after {
    color: #bebebe;
    font-size: 100px;
    line-height: 0;
    left: -26px;
    top: 12px;
    position: relative;    
    font-weight: 300;
}
.home-section-02 .carousel-indicators.carousel-indi button.sd-01::after {
    content: '01';
}
.home-section-02 .carousel-indicators.carousel-indi button.sd-02::after {
    content: '02';
}
.home-section-02 .carousel-indicators.carousel-indi button.sd-03::after {
    content: '03';
}
.home-section-02 .carousel-indicators.carousel-indi button.sd-04::after {
    content: '04';
}
.home-section-02 .carousel-indicators.carousel-indi button.active {
    color:var(--theme);
    overflow: visible;    
}
.home-section-02 .carousel-fade .carousel-item .fa-regular.fa-square {
    color:red;
}
.home-section-02 .carousel-fade .carousel-item .fa-solid.fa-square {
    color: green;
}
.home-section-02 .carousel-fade .carousel-item .image-01 {
    border: 10px solid red;
}
.home-section-02 .carousel-fade .carousel-item .image-02 {
    /*border: none;*/
}
.home-section-02 .carousel-fade .carousel-item .image-03 {
    border: 10px solid blue;
}
.home-section-02 .carousel-fade .carousel-item .image-04 {
    border: 10px solid green;
}
.home-section-02 button p {
    font-size: 0;
}
.home-section-02 .carousel-caption h4 {
    color: var(--theme);
    font-size: 24px;
    font-weight: 400;
    padding: 0 0 50px 0;
}
.home-section-02 .carousel-caption p {
    font-size: 24px;
    font-weight: 300;
    line-height: 26px;
}
.home-section-02 .buttons-box, .home-section-02 .left-right-effect {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 72px 0 0 0;
}
.home-section-02 .left-right-effect .button-box.button-right {
	width: 300px;
	text-align: center;
	background: var(--theme);
	background: linear-gradient(to right, #158e9c 50%, #fff 50%);
	background-position-x: 0%;
	background-position-y: 0%;
	background-size: auto;
	background-size: 198% 100%;
	background-position: right bottom;
	transition: all .5s ease-out;
}
.home-section-02 .left-right-effect .button-box.button-right .btn.learn-more-button {
	color: var(--black);
	text-transform: uppercase;
	font-size: 40px;
	font-weight: 400;
	transition: all .5s ease-out;
}
.home-section-02 .left-right-effect .button-box.button-right:hover {
	background-position: left bottom;
}
.home-section-02 .left-right-effect .button-box.button-left {
	width: 300px;
	text-align: center;
	background: var(--theme);
	background: linear-gradient(to left, #158e9c 50%, #fff 50%);
	background-position-x: 0%;
	background-position-y: 0%;
	background-size: auto;
	background-size: 198% 100%;
	background-position: left bottom;
	transition: all .5s ease-out;
}
.home-section-02 .left-right-effect .button-box.button-left .btn.learn-more-button {
	color: var(--black);
	text-transform: uppercase;
	font-size: 40px;
	font-weight: 400;
	transition: all .5s ease-out;
}
.home-section-02 .left-right-effect .button-box.button-left:hover {
	background-position: right bottom;
}
.home-section-02 .left-right-effect .button-box.button-left:hover .btn.learn-more-button, .home-section-02 .left-right-effect .button-box.button-right:hover .btn.learn-more-button {
	color: var(--white);
}
.home-section-02 .buttons-together{
    width: 235px;
    height: 56px;
    border: 2px solid var(--theme);
    text-align: center;
}
.home-section-02 .btn.learn-more-button {
    font-size: 24px;
    text-transform: uppercase;
    text-align: center;
}
.home-section-02 .buttons-together.bt1 {
    background: var(--theme);
}
.home-section-02 .buttons-together.bt1:hover {
    background: var(--white);
    border-left: 2px solid var(--theme);
    border-right: 0;
    border-top: 2px solid var(--theme);
    border-bottom: 2px solid var(--theme);
}
.home-section-02 .buttons-together.bt1:hover .learn-more-button {
    color: var(--theme);
}
.home-section-02 .buttons-together.bt2 .learn-more-button {
    color: var(--theme);
}
.home-section-02 .buttons-together.bt2:hover {
    background: var(--theme);
    border-left: 2px solid var(--white);
    border-right: 0;
    border-top: 2px solid var(--theme);
    border-bottom: 2px solid var(--theme);
}
.home-section-02 .buttons-together.bt2:hover .learn-more-button {
    color: var(--white);
}
.home-section-02 .btn.learn-more-button {
    font-size: 24px;
    text-transform: uppercase;
}
.home-section-02 .buttons-together.bt1 .learn-more-button {
    font-size: 24px;
    text-transform: uppercase;
    color: var(--white);
}
/*Home Page Section-02 Area Code Ends Here*/
/*Home Page Section-03 Area Code Starts Here*/
.home-section-03 .box {
    background: #fff;
    margin: 0 0 24px 0;
    height: 280px;
    padding: 24px;
    position: relative;
    overflow: hidden;
}
.home-section-03 .box h4 {
    font-size: 36px;
    font-weight: 300;
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    right: 24px;
    margin: 0 0 15px 0;
    transition: transform 1s ease-in-out;    
}
.home-section-03 .box::before {
    font-size: 200px;
    color: #f7f7f7;
    position: absolute;
    font-weight: 300;
    top: -26px;
    left: -54px;
}
.home-section-03 .box.box-01::before {
    content: '01';
}
.home-section-03 .box.box-02::before {
    content: '02';
}
.home-section-03 .box.box-03::before {
    content: '03';
}
.home-section-03 .box.box-04::before {
    content: '04';
}
.home-section-03 .box.box-05::before {
    content: '05';
}
.home-section-03 .box.box-06::before {
    content: '06';
}
.div-click .clickable {
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 1;
}
.home-section-03 .box:hover::before {
    color: var(--theme);
}
.home-section-03 .box:hover h4 {
    margin: 0 0 43px 0;
    transition: transform 0.3s ease-in-out;
}
/*Home Page Section-03 Area Code Ends Here*/
/*Home Page Section-04 Area Code Starts Here*/
.home-section-04 .box:hover .image-box {
    transform: scale(1.4);
}
.home-section-04 .image-box {
    text-align: center;
    transition: transform .7s;
}
.home-section-04 .text-box {
    text-align: center;
    padding: 16px 0;
}
.home-section-04 .box:hover .text-box {
     color: var(--theme);
}
.home-section-04 .text-box h5 {
    font-size: 12px;
    font-weight: 300;    
    text-transform: uppercase;
}
.home-section-04 .image-software {
    filter: gray;
    filter: grayscale(100%);
    transition-duration: 1s;
    width: 120px;
}
.home-section-04 .image-software:hover {
    filter: none;
    transition-duration: 1s;
}
/*Home Page Section-04 Area Code Ends Here*/
/*Home Page Section-05 Area Code Starts Here*/
.home-section-05 .profi-tab {
    border: 1px solid var(--theme);
}
.home-section-05 .profi-tab .nav-item {
    width: calc(100%/7);
}
.home-section-05 .profi-tab .nav-pills .nav-item .nav-link.active {
    width: 100%;
    background-color: var(--theme) !important;
    border-radius: 0;
    color: var(--white);
}
.home-section-05 .profi-tab .nav-pills .nav-item .nav-link {
    width: 100%;
    text-transform: uppercase;
    padding: 0;
    font-size: 20px;
    color: #888888;
    height: 50px;
}
.home-section-05 .profi-tab .nav-pills .nav-link {
    border-radius: 0;
}
.home-section-05 .profi-tab .nav-pills .nav-item button.nav-link.active:hover {
    background-color: var(--theme) !important;
}
.home-section-05 .profi-tab .nav-pills {
    border-bottom: 1px solid #c3c3c3;
}
.home-section-05 .profi-tab .pie-box {
    height: 448px;
    /*padding: 24px 0 24px 24px;*/
    position: relative;
    top: 82px;
}
.home-section-05 .profi-tab .piechart {
    display: flex;
    justify-content: center;
    align-items: center;    
}
.home-section-05 .profi-tab .piechart {
    display: block;
    position: absolute;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    background-image: conic-gradient( #a1a1a1 108deg, #fac303 0 144deg, #3b6cc8 0 180deg, #65a73b 0 216deg, #1a568d 0 272deg, #a04405 0 288deg, #5f9dd8 0 344deg, #ee7524 0 360deg);
    left: 95px;
}
.home-section-05 .profi-tab .overall-01 .piechart {
    display: block;
    position: absolute;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background-image: conic-gradient( #31c1d4 61.2deg, #2ebece 0 140.04deg, #2cbbc8 0 217.8deg, #29b8c1 0 268.2deg, #27b5bb 0 304.92deg, #22b0af 0 325.8deg, #1daaa2 0 344.88deg, #1aa79c 0 360deg);
    left: 95px;
}
.home-section-05 .profi-tab .details-box.overall-02 .box-designation {
    text-align: center;
}
.home-section-05 .profi-tab .details-box.overall-02 .box-designation p {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 16px;
}
.home-section-05 .profi-tab .details-box.overall-02 .box-designation p span {
    display: block;
}
#pills-home, #pills-architecture, #pills-steel, #pills-rebar, #pills-precast, #pills-mep, #pills-facade {
    position: relative;
}
.details-box.overall-02, .details-box.architecture-02, .details-box.steel-02, .details-box.rebar-02, .details-box.precast-02, .details-box.mep-02, .details-box.facade-02 {
    position: absolute;
    top: 0;
}
.box-designation.box-trainee {
    position: relative;
    top: 75px;
    left: 320px;
}
.box-designation.box-jr-engineer {
    position: relative;
    top: 210px;
    left: 415px;
}
.box-designation.box-engineer {
    position: relative;
    top: 320px;
    left: 200px;
}
.box-designation.box-sr-engineer {
    position: relative;
    top: 176px;
    left: 2px;
}
.box-designation.box-team-lead {
    position: relative;
    top: 0;
    left: 2px;
}
.box-designation.box-quality-analyst {
    position: relative;
    top: -125px;
    left: 27px;
}
.box-designation.box-project-lead {
    position: relative;
    top: -208px;
    left: 79px;
}
.box-designation.box-project-manager {
    position: relative;
    top: -291px;
    left: 133px;
}


.home-section-05 .profi-tab .details-box .colour-box {
    position: relative;
    padding: 0 0 12px 12px;
}
.home-section-05 .profi-tab .details-box .colour-box .box {
    width: 24px;
    height: 24px;
}
.home-section-05 .profi-tab .details-box .colour-box .box.box-01 {
    background: #a1a1a1;
}
.home-section-05 .profi-tab .details-box .colour-box .box.box-02 {
    background: #fac303;
}
.home-section-05 .profi-tab .details-box .colour-box .box.box-03 {
    background: #3b6cc8;
}
.home-section-05 .profi-tab .details-box .colour-box .box.box-04 {
    background: #65a73b;
}
.home-section-05 .profi-tab .details-box .colour-box .box.box-05 {
    background: #1a568d;
}
.home-section-05 .profi-tab .details-box .colour-box .box.box-06 {
    background: #a04405;
}
.home-section-05 .profi-tab .details-box .colour-box .box.box-07 {
    background: #5f9dd8;
}
.home-section-05 .profi-tab .details-box .colour-box .box.box-08 {
    background: #ee7524;
}
.home-section-05 .profi-tab .details-box .colour-box p {
    font-size: 12px;
    text-transform: uppercase;
    margin: 0;
    position: absolute;
    top: -2px;
    left: 45px;
}
.home-section-05 .graph-box {
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    height: 475px;
    margin: 24px 24px 0 24px;
}
.chart-effect {
    padding: 0 0 0 0;
}
.chart-x-axis {
    position: relative;
    bottom: 0;
}
.x-01 {
    width: 1px;
    left: 100px;
    height: 475px;
    background: #c6c6c6;
    position: absolute;
    bottom: 0;
}
.x-01::after {
    content: '20';
    bottom: -22px;
    position: absolute;
    left: -8px;
}
.x-02 {
    width: 1px;
    left: 200px;
    height: 475px;
    background: #c6c6c6;
    position: absolute;
    bottom: 0;
}
.x-02::after {
    content: '40';
    bottom: -22px;
    position: absolute;
    left: -8px;
}
.x-03 {
    width: 1px;
    left: 300px;
    height: 475px;
    background: #c6c6c6;
    position: absolute;
    bottom: 0;
}
.x-03::after {
    content: '60';
    bottom: -22px;
    position: absolute;
    left: -8px;
}
.x-04 {
    width: 1px;
    left: 400px;
    height: 475px;
    background: #c6c6c6;
    position: absolute;
    bottom: 0;
}
.x-04::after {
    content: '80';
    bottom: -22px;
    position: absolute;
    left: -8px;
}
.x-05 {
    width: 1px;
    left: 500px;
    height: 475px;
    background: #c6c6c6;
    position: absolute;
    bottom: 0;
}
.x-05::after {
    content: '100';
    bottom: -22px;
    position: absolute;
    left: -8px;
}
.home-section-05 .chart-effect .chart-box {
    height: 30px;
    width: 100%;
    background: #f7f7f7;
    margin: 0 0 30px 0;
    position: relative;
}
.home-section-05 .colour-theme {
    position: absolute;
    height: 20px;
    background: var(--theme);
    z-index: 1;
    border-radius: 50px;
    top: 5px;
}
.home-section-05 .overall-tab .colour-theme-01 {
    left: 365px;
    width: 160px;
    background: #22b0af;
}
.home-section-05 .overall-tab .colour-theme-02 {
    left: 300px;
    width: 140px;
    background: #27b5bb;
}
.home-section-05 .overall-tab .colour-theme-03 {
    left: 170px;
    width: 150px;
    background: #29b8c1;
}
.home-section-05 .overall-tab .colour-theme-04 {
    left: 205px;
    width: 160px;
    background: #2cbbc8;
}
.home-section-05 .overall-tab .colour-theme-05 {
    left: 220px;
    width: 65px;
    background: #2ebece;
}
.home-section-05 .overall-tab .colour-theme-06 {
    left: 115px;
    width: 120px;
    background: #31c1d4;
}
.home-section-05 .overall-tab .colour-theme-07 {
    left: 60px;
    width: 80px;
    background: #1aa79c;
}
.home-section-05 .overall-tab .colour-theme-08 {
    left: 0px;
    width: 40px;
    background: #1daaa2;
}
.home-section-05 .chart-effect .chart-box.chart-box-01::before {
    position: absolute;
    content: 'project manager';
    left: -154px;
    text-transform: uppercase;
    top: 3px;
}
.home-section-05 .chart-effect .chart-box.chart-box-02::before {
    position: absolute;
    content: 'project lead';
    left: -116px;
    text-transform: uppercase;
    top: 3px;
}
.home-section-05 .chart-effect .chart-box.chart-box-03::before {
    position: absolute;
    content: 'quality analyst';
    left: -139px;
    text-transform: uppercase;
    top: 3px;
}
.home-section-05 .chart-effect .chart-box.chart-box-04::before {
    position: absolute;
    content: 'team lead';
    left: -90px;
    text-transform: uppercase;
    top: 3px;
}
.home-section-05 .chart-effect .chart-box.chart-box-05::before {
    position: absolute;
    content: 'sr. engineer';
    left: -108px;
    text-transform: uppercase;
    top: 3px;
}
.home-section-05 .chart-effect .chart-box.chart-box-06::before {
    position: absolute;
    content: 'engineer';
    left: -80px;
    text-transform: uppercase;
    top: 3px;
}
.home-section-05 .chart-effect .chart-box.chart-box-07::before {
    position: absolute;
    content: 'jr. engineer';
    left: -107px;
    text-transform: uppercase;
    top: 3px;
}
.home-section-05 .chart-effect .chart-box.chart-box-08::before {
    position: absolute;
    content: 'trainee';
    left: -70px;
    text-transform: uppercase;
    top: 3px;
}
/*
.home-section-05 .colour-theme-01::before {
    content: '04';
    position: absolute;
    left: -20px;
    top: 3px;
}
.home-section-05 .colour-theme-01::after {
    content: '10';
    position: absolute;
    right: -20px;
    top: 3px;
}
.home-section-05 .colour-theme-02::before {
    content: '04';
    position: absolute;
    left: -20px;
    top: 3px;
}
.home-section-05 .colour-theme-02::after {
    content: '10';
    position: absolute;
    right: -20px;
    top: 3px;
}
.home-section-05 .colour-theme-03::before {
    content: '9';
    position: absolute;
    left: -20px;
    top: 3px;
}
.home-section-05 .colour-theme-03::after {
    content: '15';
    position: absolute;
    right: -20px;
    top: 3px;
}
.home-section-05 .colour-theme-04::before {
    content: '12';
    position: absolute;
    left: -20px;
    top: 3px;
}
.home-section-05 .colour-theme-04::after {
    content: '20';
    position: absolute;
    right: -20px;
    top: 3px;
}
.home-section-05 .colour-theme-05::before {
    content: '10';
    position: absolute;
    left: -20px;
    top: 3px;
}
.home-section-05 .colour-theme-05::after {
    content: '19';
    position: absolute;
    right: -20px;
    top: 3px;
}
.home-section-05 .colour-theme-06::before {
    content: '07';
    position: absolute;
    left: -20px;
    top: 3px;
}
.home-section-05 .colour-theme-06::after {
    content: '14';
    position: absolute;
    right: -20px;
    top: 3px;
}
.home-section-05 .colour-theme-07::before {
    content: '05';
    position: absolute;
    left: -20px;
    top: 3px;
}
.home-section-05 .colour-theme-07::after {
    content: '12';
    position: absolute;
    right: -20px;
    top: 3px;
}
.home-section-05 .colour-theme-08::before {
    content: '04';
    position: absolute;
    left: -20px;
    top: 3px;
}
.home-section-05 .colour-theme-08::after {
    content: '10';
    position: absolute;
    right: -20px;
    top: 3px;
}
*/
.home-section-05 .software-name-area {
    display: flex;
    justify-content: center;
    padding: 44px 0 24px 0;
}
.home-section-05 .sna {
    margin: 0 52px;
}

.home-section-03 .ib-container {
	position: relative;
    width: 1320px;
    margin: 24px auto;
    display: block;
}
.home-section-03 .ib-container:before, .home-section-03 .ib-container:after {
    content:"";
    display:table;
}
.home-section-03 .ib-container:after {
    clear:both;
}
.home-section-03 .ib-container .article {
	display: block;
	width: 31%;
	height: 280px;
	cursor: pointer;
	float: left;
	text-align: left;
	text-transform: none;
	margin: 12px;
	z-index: 1;
    transition: 1s;
	-webkit-backface-visibility: hidden;
}
.home-section-03 .ib-container .article.blur {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
	opacity: 0.2;
	opacity: 0.3;
	opacity: 0.4;
	/*opacity: 0.5;*/
	/*opacity: 0.6;
	opacity: 0.7;
	opacity: 0.8;*/
	/*opacity: 0.9;*/
    transition: 1s;
}
.home-section-03 .ib-container .article.active {
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-o-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
	box-shadow: 0px 0px 0px 0px rgba(255,255,255,1), 1px 11px 15px 0px rgba(0,0,0,0.4);
	z-index: 100;	
	opacity: 1;
    background: #f5f5f5;
    transition: 1s;
}
.home-section-03.service-page .ib-container .article {
    background: url('http://www.myhobbes.com/projects/nv/images/home/banner.jpg');
}
.home-section-03 .ib-container .article.active h4 {
   color: var(--black); 
}
/*Home Page Section-05 Area Code Ends Here*/
/*Home Page Section-06 Area Code Starts Here*/
.home-section-06 .box {
    height: 280px;
    background: #f7f7f7;
    margin: 0 0 24px 0;
    position: relative;
    padding: 24px 0 24px 0;
    transition-duration: 0.7s;
}
.home-section-06 .box:hover {
    -webkit-box-shadow: 0px 0px 7px 3px rgba(204,204,204,0.42);
    -moz-box-shadow: 0px 0px 7px 3px rgba(204,204,204,0.42);
    box-shadow: 0px 0px 7px 3px rgba(204,204,204,0.42);
}
.home-section-06 .box-02 {
    height: 558px;
    background: var(--white);
    border: 25px solid #f7f7f7;
}
.home-section-06 .figure-number {
    font-size: 100px;
    margin: 41px 0 0 0;
    position: absolute;
}
.home-section-06 .box:hover .figure-number {
    color: var(--theme);
    transition: 1s;
}
.home-section-06 .box-a .black-line, .home-section-06 .box-c .black-line {
    height: 132px;
    display: inline-block;
    width: 5px;
    background: #000;
    position: absolute;
    left: 125px;
    transition: 1s;
    top: 72px;
}
.home-section-06 .box-b .black-line, .home-section-06 .box-d .black-line {
    height: 132px;
    display: inline-block;
    width: 5px;
    background: #000;
    position: absolute;
    left: 185px;
    transition: 1s;
    top: 72px;
}
.home-section-06 .box:hover .black-line {
    background: var(--theme);
    transition: 1s;
}
.home-section-06 .box p {
    font-size: 36px;
    text-transform: uppercase;
    margin: 104px 0 0 0;
    line-height: 36px;    
}
.home-section-06 .box-a p, .home-section-06 .box-c p {
    position: absolute;
    top: 0;
    left: 150px;
}
.home-section-06 .box-b p, .home-section-06 .box-d p {
    position: absolute;
    top: 0;
    left: 212px;
}
.home-section-06 .box-02 {
    height: 584px;
    background: var(--white);
    border-top: 4px solid #f7f7f7;
    border-bottom: 4px solid #f7f7f7;
    border-left: 4px solid #f7f7f7;
    border-right: 16px solid #f7f7f7;
}
.home-section-06 .div-text {
    width: 264px;
    margin: 88px auto 0 auto;
}
.home-section-06 .div-text p {
    font-size: 19px;
    line-height: 28px;
}
.home-section-06 .div-quote {
    width: 300px;
    margin: 155px auto 0 auto;
    text-align: center;
    /*background: var(--theme);*/
    background: linear-gradient(to right, #158e9c 50%, #fff 50%);
    background-size: 196% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
}
.home-section-06 .box-02:hover .div-quote {
    background-position: left bottom;
}
.home-section-06 .btn.learn-more-button {
    color: var(--black);
    text-transform: uppercase;
    font-size: 40px;
    font-weight: 400;
    transition: all .5s ease-out;
}
.home-section-06 .box-02:hover .btn.learn-more-button {
    color: var(--white);
}
.home-section-06 .box-02:hover .btn.learn-more-button .span-hyphen {
    display: none;
}
/*Home Page Section-06 Area Code Ends Here*/
/*Footer Area Code Starts Here*/
.footer-area {
    background-image: linear-gradient(var(--theme), var(--black));
}
.footer-01 p {
    font-size: 100px;
    text-transform: uppercase;
    line-height: 110px;
    color: var(--white);
}
.footer-01 p span {
    /*display: block;*/
}
.footer-01 p .display-effect {
	display: block;
}
.footer-01 .div-quote {
    margin: 43px 0 0 0;
    background: linear-gradient(to right, var(--white) 50%, #0f636d00 50%);
    width: 350px;
    background-size: 197.5% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
}
.footer-area:hover .footer-01 .div-quote {
    background-position: left bottom;
}
.footer-01 .btn.learn-more-button {
    font-size: 36px;
    text-transform: uppercase;
    color: var(--white);
    font-weight: 400;
    position: relative;
	padding-left: 20px;
}
.footer-area:hover .footer-01 .div-quote .btn.learn-more-button {
	color: var(--theme);
}
.logo-image-footer {
	background: url("http://www.myhobbes.com/projects/nv5/images/navbar/logo.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left;
	height: 100px;
}
.footer-02 .box-01 .ft,  .footer-02 .box-02 .ft, .footer-03 .ft {
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    padding: 0 0 10px 0;
}
.footer-02 .box-01 .ft .btn.learn-more-button {
    color: #fff;
}
.footer-02 .box-01 p {
    margin: 0 0 3px 0;
	line-height: 28px;
}
.footer-02 .box-01 p .learn-more-button {
    color: #fff;
    font-size: 13.5px;
    text-transform: capitalize;
    padding: 0;
    font-weight: 300;
}
.footer-02 .box-01 .learn-more-button:hover {
    color: #2ab9ca !important;
}
.fua-effect .follow-us-area {
	padding: 36px 0 0 0;
}
.fua-effect .li-class.li-class-01 {
	color: var(--white);
	border-right: 6px solid var(--theme);
	padding: 8px 25px 0 0;
	font-size: 24px;
	text-transform: uppercase;
	height: 50px;
	font-weight: 600;
}
.fua-effect .li-class a {
	color: var(--white);
	text-decoration: none;
	font-size: 24px;
	padding: 14px 0 0 32px;
}
.fua-effect .li-class.li-class-02 {
    left: -60px;
    position: relative;
    visibility: hidden;
    -webkit-transition: left 250ms ease-out;
    -moz-transition: left 250ms ease-out;
    -o-transition: left 250ms ease-out;
    transition: left 250ms ease-out;
}
.fua-effect:hover .li-class.li-class-02 {
    left: 0;
    position: relative;
    visibility: visible;
}
.fua-effect .li-class.li-class-03 {
    left: -120px;
    position: relative;
    visibility: hidden;
    -webkit-transition: left 500ms ease-out;
    -moz-transition: left 500ms ease-out;
    -o-transition: left 500ms ease-out;
    transition: left 500ms ease-out;
	transition-delay: 250ms;
}
.fua-effect:hover .li-class.li-class-03 {
    left: 0;
    position: relative;
    visibility: visible;
}
.fua-effect .li-class.li-class-04 {
    left: -180px;
    position: relative;
    visibility: hidden;
    -webkit-transition: left 750ms ease-out;
    -moz-transition: left 750ms ease-out;
    -o-transition: left 750ms ease-out;
    transition: left 750ms ease-out;
	transition-delay: 500ms;
}
.fua-effect:hover .li-class.li-class-04 {
    left: 0;
    position: relative;
    visibility: visible;
}
.fua-effect .li-class.li-class-05 {
    left: -240px;
    position: relative;
    visibility: hidden;
    -webkit-transition: left 1000ms ease-out;
    -moz-transition: left 1000ms ease-out;
    -o-transition: left 1000ms ease-out;
    transition: left 1000ms ease-out;
	transition-delay: 750ms;
}
.fua-effect:hover .li-class.li-class-05 {
    left: 0;
    position: relative;
    visibility: visible;
}
.fua-effect .li-class.li-class-06 {
    left: -300px;
    position: relative;
    visibility: hidden;
    -webkit-transition: left 1250ms ease-out;
    -moz-transition: left 1250ms ease-out;
    -o-transition: left 1250ms ease-out;
    transition: left 1250ms ease-out;
	transition-delay: 100ms;
}
.fua-effect:hover .li-class.li-class-06 {
    left: 0;
    position: relative;
    visibility: visible;
}
.footer-02 .box-02 .social-box:hover p, .footer-02 .box-02 .social-box:hover i {
    /*color: #2ab9ca !important;*/
}
.footer-02 .box-02 .social-box {
    position: relative;
    padding: 0 10px;
}
.footer-02 .box-02 .social-box:hover{
    background: var(--theme);
}
.footer-02 .box-02 .social-box p:nth-child(1) {
    font-size: 28px;
    text-transform: uppercase;
    color: var(--white);
    margin: 0;
}
.footer-02 .box-02 .social-box p:nth-child(2) {
    font-size: 12px;
    color: var(--white);
}
.footer-02 .box-02 .social-box .fa-brands {
    position: absolute;
    top: 18px;
    right: 10px;
    font-size: 24px;
    color: var(--white);
}
.footer-03 .box {
    position: relative;
    text-transform: uppercase;
}
.footer-03 .box p:nth-child(1) {
    font-size: 46.06px;
}
.footer-03 .box p:nth-child(2) {
    position: absolute;
    top: -4px;
    left: 71px;
    margin: 0;
    padding: 0;
    line-height: 13px;
    font-size: 10px;
}
.footer-03 .box:hover p {
    color: #2ab9ca;
}
.footer-04 .copyrights-box p {
    font-size: 12px;
    text-align: center;
    color: var(--white);
    text-transform: uppercase;
    margin: 0;
    padding: 24px 0 12px 0;
}
.sticky-quote {
	position: fixed;
	left: 32px;
	bottom: 20px;
	z-index: 1030;
	animation-name: jump1;
	animation-duration: 4s;
	animation-iteration-count: infinite;
}
@keyframes jump1 {
    0%   {bottom:20px;}
    25%  {bottom:40px;}
    50%  {bottom:30px;}
    75%  {bottom:20px;}
    100% {bottom:20px;}
}
.sticky-quote .get-a-quote-button {
	background: var(--theme);
}
.sticky-quote .get-a-quote-button .btn.learn-more-button {
	color: var(--white);
}
/*Footer Area Code Ends Here*/
/*Services Page Area Code Starts Here*/
.services-section-02 .box {
    position: relative;
    margin: 0 0 24px 0;
}
.services-section-02 .box .image-box {
    width: 400px;
    height: 400px;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;  
    transition: ease 0.5s;
}
.services-section-02 .box .image-box-01 {
    background: url("http://www.myhobbes.com/projects/nv/images/services/architecture.jpg");
}
.services-section-02 .box:hover .image-box {
    transform: translate(-6px, -6px);
    transition: ease 0.5s;
}
.services-section-02 .box .image-box-02 {
    background: url("http://www.myhobbes.com/projects/nv/images/services/steel.jpg");
}
.services-section-02 .box .image-box-03 {
    background: url("http://www.myhobbes.com/projects/nv/images/services/rebar.jpg");
}
.services-section-02 .box .image-box-04 {
    background: url("http://www.myhobbes.com/projects/nv/images/services/precast.jpg");
    border: 1px solid var(--black);
}
.services-section-02 .box .image-box-05 {
    background: url("http://www.myhobbes.com/projects/nv/images/services/mep.jpg");
}
.services-section-02 .box .image-box-06 {
    background: url("http://www.myhobbes.com/projects/nv/images/services/architecture.jpg");
}
.services-section-02 .box .image-box .services-image {
    width: 150%;
}
.services-section-02 .box .text-box {
    position: absolute;
    bottom: 114px;
    left: 24px;
    line-height: 0;
}
.services-section-02 .box .text-box h2 {
    font-size: 36px;
    font-weight: 300;
    text-transform: uppercase;
    color: var(--white);
    background: var(--black);
    padding: 6px 24px;
}
.services-section-02 .box .outline-effect {
    width: 400px;
    height: 400px;
    position: absolute;
    border: 1px solid var(--theme);
    top: 24px;
    left: 24px;
    z-index: -1;
    transition: ease 0.5s;

}
.services-section-02 .box:hover .outline-effect {
    transform: translate(6px, 6px);
    transition: ease 0.5s;
}
/*Services Page Area Code Ends Here*/
/*Services Inner Page Area Code Starts Here*/
.innerservices-section-02 .box-01 .box {
    width: 100%;
    height: 260px;
    background: #158e9c;
    margin: 0 0 24px 0;
    text-align: center;
}
.innerservices-section-02 .box-01 .box p {
    color: var(--white);
    font-size: 36px;
    padding: 50px 0 0 0;
}
.innerservices-section-02 .box .figure-number {
    font-size: 100px;
    color: var(--white);
    font-weight: 400;
    line-height: 100px;
}
.innerservices-section-02 .box-02 .text-box p {
    font-size: 24px;
    margin: 0 0 12px 0;
    line-height: 29px;
}
.innerservices-section-02 .box-01 .li-class, .innerservices-section-02 .box-02 .li-class {
    font-size: 24px;
    line-height: 28px;
    margin: 0 0 10px 0;
}
/*Slider Effect Code Area Starts Here*/
.innerservices-section-02 .slick-slide:hover .text-on-hover {
    bottom: 0;
    height: 100%;
}
.innerservices-section-02 .text-on-hover {
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    background-color: #030303a1;
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: .5s ease;
}
.innerservices-section-02 .text-on-hover p {
    color: white;
    font-size: 12px;
    position: absolute;
    top: 40%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.innerservices-section-02 .text-on-hover p span {
    display: block;
}

.innerservices-section-02 .slick-slide .button-know-more {
    color: #1d1975;
    text-decoration: none;
    padding: 8px 22px;
    border-radius: 35px;
    font-size: 12px;
    font-weight: 500;
    background: #fff;
    border: 2px solid #fff;
    position: absolute;
    top: 60%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

/*
.hover-effect {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
}
.slick-slide:hover .hover-effect {
    opacity: 0.3;
}
.text-on-hover {
transition: .5s ease;
opacity: 0;
position: absolute;
top: 50%;
transform: translate(50%, 0%);
-ms-transform: translate(-50%, 0%);
text-align: center;
}
.slick-slide:hover .text-on-hover {
    opacity: 1;
}
*/
.innerservices-section-02 .slick-slide .button-know-more {
    color: #1d1975;
    text-decoration: none;
    padding: 8px 22px;
    border-radius: 35px;
    font-size: 12px;
    font-weight: 500;
    background: #fff;
    border: 2px solid #fff;
}

.innerservices-section-02 .slick-slide {
    margin: 0 0 0 6px;
    position: relative;
}

.innerservices-section-02 .slick-slide img {
    width: 100%;
}

.innerservices-section-02 .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.innerservices-section-02 .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.innerservices-section-02 .slick-list:focus {
    outline: none;
}

.innerservices-section-02 .slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.innerservices-section-02 .slick-slider .slick-track,
.innerservices-section-02 .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.innerservices-section-02 .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.innerservices-section-02 .slick-track:before,
.innerservices-section-02 .slick-track:after {
    display: table;
    content: '';
}

.innerservices-section-02 .slick-track:after {
    clear: both;
}

.innerservices-section-02 .slick-loading .slick-track {
    visibility: hidden;
}

.innerservices-section-02 .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.innerservices-section-02 .slick-slide img {
    display: block;
}

.innerservices-section-02 .slick-slide.slick-loading img {
    display: none;
}

.innerservices-section-02 .slick-slide.dragging img {
    pointer-events: none;
}

.innerservices-section-02 .slick-initialized .slick-slide {
    display: block;
}

.innerservices-section-02 .slick-loading .slick-slide {
    visibility: hidden;
}

.innerservices-section-02 .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.innerservices-section-02 .slick-arrow.slick-hidden {
    display: none;
}
.innerservices-section-02 .slide {
    height: 100px;
    /*border: 1px solid var(--theme);*/
}
.innerservices-section-02 .slide.slide-01 {
    background: url("http://www.myhobbes.com/projects/nv/images/home/04/01.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.innerservices-section-02 .slide.slide-02 {
    background: url("http://www.myhobbes.com/projects/nv/images/home/04/02.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.innerservices-section-02 .slide.slide-03 {
    background: url("http://www.myhobbes.com/projects/nv/images/home/04/03.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.innerservices-section-02 .slide.slide-04 {
    background: url("http://www.myhobbes.com/projects/nv/images/home/04/04.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.innerservices-section-02 .slide.slide-05 {
    background: url("http://www.myhobbes.com/projects/nv/images/home/04/05.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.innerservices-section-02 .slide.slide-06 {
    background: url("http://www.myhobbes.com/projects/nv/images/home/04/06.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.innerservices-section-02 .slide.slide-07 {
    background: url("http://www.myhobbes.com/projects/nv/images/home/04/07.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.innerservices-section-02 .slide.slide-08 {
    background: url("http://www.myhobbes.com/projects/nv/images/home/04/08.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.innerservices-section-02 .slide.slide-09 {
    background: url("http://www.myhobbes.com/projects/nv/images/home/04/09.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.innerservices-section-02 .slide.slide-10 {
    background: url("http://www.myhobbes.com/projects/nv/images/home/04/10.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
/*Slider Effect Code Area Ends Here*/
.innerservices-section-04 .box {
    background: url("https://ik.imagekit.io/ikmedia/blog/hero-image.jpeg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 416px;  
    /*margin: 0 0 24px 0;*/
}
.innerservices-section-04  .box.box-01a {
    background: url("http://www.myhobbes.com/projects/nv/images/architecture/01.jpg");
    background-size: contain;
}
.innerservices-section-04  .box.box-01b {
    background: url("http://www.myhobbes.com/projects/nv/images/architecture/02.jpg");
    background-size: contain;
}
.innerservices-section-04  .box.box-01c {
    background: url("http://www.myhobbes.com/projects/nv/images/architecture/03.jpg");
    background-size: contain;
}
.innerservices-section-04  .box.box-01d {
    background: url("http://www.myhobbes.com/projects/nv/images/architecture/04.jpg");
    background-size: contain;
}
.innerservices-section-04.steel  .box.box-01a {
    background: url("http://www.myhobbes.com/projects/nv/images/steel/01.jpg");
    background-size: contain;
}
.innerservices-section-04.steel  .box.box-01b {
    background: url("http://www.myhobbes.com/projects/nv/images/steel/02.jpg");
    background-size: contain;
}
.innerservices-section-04.steel  .box.box-01c {
    background: url("http://www.myhobbes.com/projects/nv/images/steel/03.jpg");
    background-size: contain;
}
.innerservices-section-04.steel  .box.box-01d {
    background: url("http://www.myhobbes.com/projects/nv/images/steel/04.jpg");
    background-size: contain;
}
.innerservices-section-04.steel  .box.box-01e {
    background: url("http://www.myhobbes.com/projects/nv/images/steel/05.jpg");
    background-size: contain;
}
.innerservices-section-04.steel  .box.box-01f {
    background: url("http://www.myhobbes.com/projects/nv/images/steel/06.jpg");
    background-size: contain;
}
.innerservices-section-04.steel  .box.box-01g {
    background: url("http://www.myhobbes.com/projects/nv/images/steel/07.jpg");
    background-size: contain;
}
.innerservices-section-04.steel  .box.box-01h {
    background: url("http://www.myhobbes.com/projects/nv/images/steel/08.jpg");
    background-size: contain;
}
.innerservices-section-04.rebar  .box.box-01a {
    background: url("http://www.myhobbes.com/projects/nv/images/rebar/01.jpg");
    background-size: contain;
}
.innerservices-section-04.rebar  .box.box-01b {
    background: url("http://www.myhobbes.com/projects/nv/images/rebar/02.jpg");
    background-size: contain;
}
.innerservices-section-04.rebar  .box.box-01c {
    background: url("http://www.myhobbes.com/projects/nv/images/rebar/03.jpg");
    background-size: contain;
}
.innerservices-section-04.rebar  .box.box-01d {
    background: url("http://www.myhobbes.com/projects/nv/images/rebar/04.jpg");
    background-size: contain;
}
.innerservices-section-04.rebar  .box.box-01e {
    background: url("http://www.myhobbes.com/projects/nv/images/rebar/05.jpg");
    background-size: contain;
}
.innerservices-section-04.rebar  .box.box-01f {
    background: url("http://www.myhobbes.com/projects/nv/images/rebar/06.jpg");
    background-size: contain;
}
.innerservices-section-04.rebar  .box.box-01g {
    background: url("http://www.myhobbes.com/projects/nv/images/rebar/07.jpg");
    background-size: contain;
}
.innerservices-section-04.rebar  .box.box-01h {
    background: url("http://www.myhobbes.com/projects/nv/images/rebar/08.jpg");
    background-size: contain;
}
.innerservices-section-04.rebar  .box.box-01i {
    background: url("http://www.myhobbes.com/projects/nv/images/rebar/09.jpg");
    background-size: contain;
}
.innerservices-section-04.rebar  .box.box-01j {
    background: url("http://www.myhobbes.com/projects/nv/images/rebar/10.jpg");
    background-size: contain;
}
.innerservices-section-04.rebar  .box.box-01k {
    background: url("http://www.myhobbes.com/projects/nv/images/rebar/11.jpg");
    background-size: contain;
}
.innerservices-section-04.rebar  .box.box-01l {
    background: url("http://www.myhobbes.com/projects/nv/images/rebar/12.jpg");
    background-size: contain;
}
.innerservices-section-04.rebar  .box.box-01m {
    background: url("http://www.myhobbes.com/projects/nv/images/rebar/13.jpg");
    background-size: contain;
}
.innerservices-section-04.rebar  .box.box-01n {
    background: url("http://www.myhobbes.com/projects/nv/images/rebar/14.jpg");
    background-size: contain;
}
.innerservices-section-04.rebar  .box.box-01o {
    background: url("http://www.myhobbes.com/projects/nv/images/rebar/15.jpg");
    background-size: contain;
}
.innerservices-section-04.rebar  .box.box-01p {
    background: url("http://www.myhobbes.com/projects/nv/images/rebar/16.jpg");
    background-size: contain;
}
.innerservices-section-04.rebar  .box.box-01q {
    background: url("http://www.myhobbes.com/projects/nv/images/rebar/17.jpg");
    background-size: contain;
}
.innerservices-section-04.rebar  .box.box-01r {
    background: url("http://www.myhobbes.com/projects/nv/images/rebar/18.jpg");
    background-size: contain;
}
.innerservices-section-04.rebar  .box.box-01s {
    background: url("http://www.myhobbes.com/projects/nv/images/rebar/19.jpg");
    background-size: contain;
}
.innerservices-section-04.rebar  .box.box-01t {
    background: url("http://www.myhobbes.com/projects/nv/images/rebar/20.jpg");
    background-size: contain;
}
.innerservices-section-04.precast  .box.box-01a {
    background: url("http://www.myhobbes.com/projects/nv/images/precast/01.jpg");
    background-size: contain;
}
.innerservices-section-04.precast  .box.box-01b {
    background: url("http://www.myhobbes.com/projects/nv/images/precast/02.jpg");
    background-size: contain;
}
.innerservices-section-04.precast  .box.box-01c {
    background: url("http://www.myhobbes.com/projects/nv/images/precast/03.jpg");
    background-size: contain;
}
.innerservices-section-04.precast  .box.box-01d {
    background: url("http://www.myhobbes.com/projects/nv/images/precast/04.jpg");
    background-size: contain;
}
.innerservices-section-04.precast  .box.box-01e {
    background: url("http://www.myhobbes.com/projects/nv/images/precast/05.jpg");
    background-size: contain;
}
.innerservices-section-04.precast  .box.box-01f {
    background: url("http://www.myhobbes.com/projects/nv/images/precast/06.jpg");
    background-size: contain;
}
.innerservices-section-04.precast  .box.box-01g {
    background: url("http://www.myhobbes.com/projects/nv/images/precast/07.jpg");
    background-size: contain;
}
.innerservices-section-04.precast  .box.box-01h {
    background: url("http://www.myhobbes.com/projects/nv/images/precast/08.jpg");
    background-size: contain;
}
.innerservices-section-04.precast  .box.box-01i {
    background: url("http://www.myhobbes.com/projects/nv/images/precast/09.jpg");
    background-size: contain;
}
.innerservices-section-04.precast  .box.box-01j {
    background: url("http://www.myhobbes.com/projects/nv/images/precast/10.jpg");
    background-size: contain;
}
.innerservices-section-04.precast  .box.box-01k {
    background: url("http://www.myhobbes.com/projects/nv/images/precast/11.jpg");
    background-size: contain;
}
.innerservices-section-04.precast  .box.box-01l {
    background: url("http://www.myhobbes.com/projects/nv/images/precast/12.jpg");
    background-size: contain;
}
.innerservices-section-04.precast  .box.box-01m {
    background: url("http://www.myhobbes.com/projects/nv/images/precast/13.jpg");
    background-size: contain;
}
.innerservices-section-04.precast  .box.box-01n {
    background: url("http://www.myhobbes.com/projects/nv/images/precast/14.jpg");
    background-size: contain;
}
.innerservices-section-04.precast  .box.box-01o {
    background: url("http://www.myhobbes.com/projects/nv/images/precast/15.jpg");
    background-size: contain;
}
.innerservices-section-04.precast  .box.box-01p {
    background: url("http://www.myhobbes.com/projects/nv/images/precast/16.jpg");
    background-size: contain;
}
.innerservices-section-04.precast  .box.box-01q {
    background: url("http://www.myhobbes.com/projects/nv/images/precast/17.jpg");
    background-size: contain;
}
.innerservices-section-04.precast  .box.box-01r {
    background: url("http://www.myhobbes.com/projects/nv/images/precast/18.jpg");
    background-size: contain;
}
.innerservices-section-04.precast  .box.box-01s {
    background: url("http://www.myhobbes.com/projects/nv/images/precast/19.jpg");
    background-size: contain;
}
.innerservices-section-04.precast .box.box-01t {
    background: url("http://www.myhobbes.com/projects/nv/images/precast/20.jpg");
    background-size: contain;
}
.innerservices-section-04.precast .box {
    border: 1px solid var(--theme);
}
.innerservices-section-04.mep  .box.box-01a {
    background: url("http://www.myhobbes.com/projects/nv/images/mep/01.jpg");
    background-size: contain;
}
.innerservices-section-04.mep  .box.box-01b {
    background: url("http://www.myhobbes.com/projects/nv/images/mep/02.jpg");
    background-size: contain;
}
.innerservices-section-04.mep  .box.box-01c {
    background: url("http://www.myhobbes.com/projects/nv/images/mep/03.jpg");
    background-size: contain;
}
.innerservices-section-04.mep  .box.box-01d {
    background: url("http://www.myhobbes.com/projects/nv/images/mep/04.jpg");
    background-size: contain;
}
.innerservices-section-04.mep  .box.box-01e {
    background: url("http://www.myhobbes.com/projects/nv/images/mep/05.jpg");
    background-size: contain;
}
.innerservices-section-04.mep  .box.box-01f {
    background: url("http://www.myhobbes.com/projects/nv/images/mep/06.jpg");
    background-size: contain;
}
.innerservices-section-04.mep  .box.box-01g {
    background: url("http://www.myhobbes.com/projects/nv/images/mep/07.jpg");
    background-size: contain;
}
.innerservices-section-04.mep  .box.box-01h {
    background: url("http://www.myhobbes.com/projects/nv/images/mep/08.jpg");
    background-size: contain;
}
.innerservices-section-04.rebar  .box.box-01i {
    background: url("http://www.myhobbes.com/projects/nv/images/rebar/09.jpg");
    background-size: contain;
}
.innerservices-section-04.mep  .box.box-01j {
    background: url("http://www.myhobbes.com/projects/nv/images/mep/10.jpg");
    background-size: contain;
}
.innerservices-section-04.mep  .box.box-01k {
    background: url("http://www.myhobbes.com/projects/nv/images/mep/11.jpg");
    background-size: contain;
}
.innerservices-section-04.rebar  .box.box-01l {
    background: url("http://www.myhobbes.com/projects/nv/images/rebar/12.jpg");
    background-size: contain;
}

.innerservices-section-04 .box.box-02 {
    background: url("https://ik.imagekit.io/ikmedia/blog/hero-image.jpeg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 220px;        
}
.innerservices-section-04 .box.box-02a {
    background: url("http://www.myhobbes.com/projects/nv/images/architecture/01.jpg");
    background-size: contain;
}
.innerservices-section-04 .box.box-02b {
    background: url("http://www.myhobbes.com/projects/nv/images/architecture/02.jpg");
    background-size: contain;
}
.innerservices-section-04 .box.box-02c {
    background: url("http://www.myhobbes.com/projects/nv/images/architecture/03.jpg");
    background-size: contain;
}
.innerservices-section-04 .box.box-02d {
    background: url("http://www.myhobbes.com/projects/nv/images/architecture/04.jpg");
    background-size: contain;
}
.innerservices-section-04 .whole-box {
    position: relative;
}
.innerservices-section-04 .text-box {
    position: absolute;
    bottom: -5px;
    text-align: center;
    width: 97%;
    border: 1px solid var(--black);
    background: var(--white);
    left: 1.5%;
    height: 120px;
    transition: 0.5s ease;
}
.whole-box:hover .text-box {
    height: 150px;
    transition: 0.5s ease;
}
.innerservices-section-04 .text-box p {
    font-size: 24px;
    text-transform: uppercase;
    line-height: 26px;
    padding: 13.5px 0 0 0;
    margin: 0;
}
.innerservices-section-04 .text-box p span {
    display: block;
}
/*Services Inner Page Area Code Ends Here*/
/*Case Studies Page Area Code Starts Here*/
.case-section-02 .box {
    margin: 24px 0;
    float: right;    
    position: relative;
}
.case-section-02 .box.box-01 .image-box {
    width: 500px;
    height: 708px;
    background: var(--theme);
}
.case-section-02 .box.box-02 .image-box {
    width: 450px;
    height: 525px;
    background: var(--theme);
}
.case-section-02 .box.box-03 .image-box {
    width: 500px;
    height: 400px;
    background: var(--theme);
}
.case-section-02 .box.box-04 .image-box {
    width: 500px;
    height: 470px;
    background: var(--theme);
}
.case-section-02 .box.box-05 .image-box {
    width: 441px;
    height: 507px;
    background: var(--theme);
}
.case-section-02 .box.box-06 .image-box {
    width: 500px;
    height: 600px;
    background: var(--theme);
}
.case-section-02 .box .text-box p {
    text-align: right;
    font-size: 36px;
    text-transform: uppercase;  
    margin: 16px 0 24px 0;
}
.case-section-02 .box .in-box {
    position: absolute;
}
.case-section-02 .box.box-04 {
    margin: -160px 0 0 0;
}
.case-section-02 .box.box-06 {
    margin: -70px 0 0 0;
}
.case-section-02 .box .in-box {
    top: 0;
    left: -60px;
}
.case-section-02 .box.box-01 .in-box {
	top: 479px;
	left: -251px;
}

.case-section-02 .box.box-02 .in-box {
    top: 425px;
    left: -122px;
}
.case-section-02 .box.box-03 .in-box {
    top: 297px;
    left: -129px;
}
.case-section-02 .box.box-04 .in-box {
    top: 331px;
    left: -166px;
}
.case-section-02 .box.box-05 .in-box {
    top: 435px;
    left: -98px;
}
.case-section-02 .box.box-06 .in-box {
    top: 481px;
    left: -145px;
}

.case-section-02 .box .in-box p {
    font-size: 60px;
    text-transform: uppercase;
/*    writing-mode: vertical-rl;
    text-orientation: upright;*/
	transform: rotate(-90deg);
}
.case-section-03 .box {
    position: relative;
	margin: 12px;
}
.case-section-03 .image-box {
    background: linear-gradient(rgba(72, 0, 72, 0.8), rgba(192, 72, 72, 0.8)), url("https://ik.imagekit.io/ikmedia/blog/hero-image.jpeg");
    height: 500px;
    background-size: cover;
    background-repeat: no-repeat;
}
.case-section-03 .text-box {
    position: absolute;
    bottom: 18px;
    text-align: center;
    width: 90%;
    height: 100px;
    background: #fff;
    left: 5%;
}
.case-section-03 .text-box p {
    font-size: 36px;
    text-transform: uppercase;
    margin: 0;
    padding: 23px 0;
}
.case-section-03 .text-box p span {
    color: var(--theme);
}
/*Case Studies Page Area Code Ends Here*/
/*Individual Case Studies Page Area Code Starts Here*/
.cs01-section-02 .box-02 .image-box {
    background: linear-gradient(rgba(72, 0, 72, 0.8), rgba(192, 72, 72, 0.8)), url("https://ik.imagekit.io/ikmedia/blog/hero-image.jpeg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 360px;
}
.cs01-section-02 .box-category {
    margin: 0 24px 0 0;
}
.cs01-section-02 .box-03 .box-category p, .cs01-section-02 .box-03 .box-details p, .cs01-section-02 .box-04 .box-category p, .cs01-section-02 .box-04 .box-details p {
    border-bottom: 1px solid var(--theme);
}
.cs01-section-03 .inner-heading h4 {
    font-size: 24px;
    text-transform: uppercase;
    padding: 0 0 24px 0;
}
.cs01-section-03 .image-box {
    background: linear-gradient(rgba(72, 0, 72, 0.8), rgba(192, 72, 72, 0.8)), url("https://ik.imagekit.io/ikmedia/blog/hero-image.jpeg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 338px;
    margin: 0 0 24px 0;
}
.cs01-section-04 .image-box {
    background: linear-gradient(rgba(72, 0, 72, 0.8), rgba(192, 72, 72, 0.8)), url("https://ik.imagekit.io/ikmedia/blog/hero-image.jpeg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 500px;
}
.cs01-section-04 .text-box {
    background: #f7f7f7;
    text-align: center;
    height: 100px;
}
.cs01-section-04 .text-box p {
    padding: 23px 0;
    font-size: 36px;
    text-transform: uppercase;
    margin: 0;
}
/*Individual Case Studies Page Area Code Ends Here*/
/*Practice Areas Page Area Code Starts Here*/
.pa-section-02 .pa-box {
    margin: 0 0 24px 0;
}
.pa-section-02 .pa-box .image-box {
    background: linear-gradient(rgba(72, 0, 72, 0.8), rgba(192, 72, 72, 0.8)), url("https://ik.imagekit.io/ikmedia/blog/hero-image.jpeg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 278px;
}
.pa-section-02 .pa-box .text-box {
    height: 222px;
    background: #fff;
}
.pa-section-02 .pa-box .text-box h4 {
    font-size: 24px;
    padding: 32px 0 8px 0;
    font-weight: 300;
}
.pa-section-02 .pa-box .text-box p {
    padding: 0 32px;
    font-size: 18px;
    line-height: 20px;
}
.pa-section-02 .pa-box .text-box .link-button {
    padding: 24px 0 0 0;
}
.pa-section-02 .pa-box .text-box .link-button a {
    color: var(--theme);
}
.pa-section-02 .pa-box .text-box .link-button a::after {
    content: "\f054";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 12px;
    margin: 0 0 0 10px;
}
.pa-section-02 .row-02 {
    background: #fff;
    margin: 0 0 0 0;
}
.pa-section-02 .row-02 .image-box {
    background: linear-gradient(rgba(72, 0, 72, 0.8), rgba(192, 72, 72, 0.8)), url("https://ik.imagekit.io/ikmedia/blog/hero-image.jpeg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 500px;
    margin: 0px 4px 0 -11px;
}
.pa-section-02 .row-02 .text-box {
    margin: 0 0 0 -4px;
    font-weight: 300;
    padding: 32px 0 0 0;
    font-size: 24px;    
}
.pa-section-02 .row-02 .text-box h4 {
    font-weight: 300;
    padding: 32px 0 0 0;
    font-size: 24px;
}
.pa-section-02 .row-02 .text-box h5 {
    font-weight: 300;
    padding: 16px 0 12px 0;
}
.pa-section-02 .row-02 .text-box p {
    font-size: 16px;
}
.pa-section-02 .row-02 .text-box .link-button {
    padding: 26px 0 0 0;
}
.pa-section-02 .row-02 .text-box .link-button .learn-more-button {
    color: var(--theme);
}
.pa-section-02 .row-02 .text-box .link-button .learn-more-button::after {
    content: "\f054";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 12px;
    margin: 0 0 0 10px;
}
/*Practice Areas Page Area Code Ends Here*/
/*Individual Practice Areas Page Area Code Starts Here*/
.pa-01-section-02 .box-02 {
    /*height: 500px;*/
    background: #f7f7f7;
    -webkit-box-shadow: 0px 0px 7px 3px rgba(204,204,204,0.42);
    -moz-box-shadow: 0px 0px 7px 3px rgba(204,204,204,0.42);
    box-shadow: 0px 0px 7px 3px rgba(204,204,204,0.42);
    padding: 0 24px;
}
.pa-01-section-02 .row.row-02 .image-box {
    background: linear-gradient(rgba(72, 0, 72, 0.8), rgba(192, 72, 72, 0.8)), url("https://ik.imagekit.io/ikmedia/blog/hero-image.jpeg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 150px;
}
.pa-01-section-03 .left-box p {
    font-size: 24px;
    line-height: 32px;
}
.pa-01-section-03 .right-box .image-box {
    background: linear-gradient(rgba(72, 0, 72, 0.8), rgba(192, 72, 72, 0.8)), url("https://ik.imagekit.io/ikmedia/blog/hero-image.jpeg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 300px;
}
.pa-01-section-03 .right-box h4 {
    font-weight: 300;
    text-transform: uppercase;
    margin: 32px 0 24px 0;
    font-size: 36px;
}
.se .slick-slide {
    margin: 0;
    position: relative;
    width: 100% !important;
}

.se .slick-slide img {
    width: 100%;
}

.se .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.se .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.se .slick-list:focus {
    outline: none;
}

.se .slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.se .slick-slider .slick-track,
.se .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.se .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 100% !important;

}

.se .slick-track:before,
.se .slick-track:after {
    display: table;
    content: '';
}

.se .slick-track:after {
    clear: both;
}

.se .slick-loading .slick-track {
    visibility: hidden;
}

.se .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.se .slick-slide img {
    display: block;
}

.se .slick-slide.slick-loading img {
    display: none;
}

.se .slick-slide.dragging img {
    pointer-events: none;
}

.se .slick-initialized .slick-slide {
    display: block;
}

.se .slick-loading .slick-slide {
    visibility: hidden;
}

.se .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.se .slick-arrow.slick-hidden {
    display: none;
}
.se .image-box {
    background: linear-gradient(rgba(72, 0, 72, 0.8), rgba(192, 72, 72, 0.8)), url("https://ik.imagekit.io/ikmedia/blog/hero-image.jpeg");
    height: 286px;
}
.detail-box .slider-effect .text-area h4 {
    font-size: 24px;
    font-weight: 300;
    text-transform: uppercase;
    padding: 0 0 24px 0;
}
.detail-box .slider-effect .text-area p {
    padding: 0 0 20px 0;
}
.detail-box .slider-effect .projects-link {
    text-align: center;
    background: var(--theme);
    width: 50%;
    margin: 60px auto 32px auto;
}
.detail-box .slider-effect .projects-link .quote-button {
    color: var(--white);
    font-size: 24px;
    font-weight: 300;
    text-transform: uppercase;
}
.se .slider-effect ul {
    position: absolute;
    bottom: -28px;
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
}
.se .slider-effect .slick-dots li {
    background-color: #444444;
    width: 10px;
    height: 10px;
    margin: 5px;
    float: left;
    color: #fff0;
    cursor: pointer;
}
/*Individual Practice Areas Page Area Code Ends Here*/
/*Contact Us Page Area Code Starts Here*/
.contact-section-02 .container-02 .box {
    height: 300px;
    padding: 24px;
}
.contact-section-02 .container-02 .box.box-01 {
    background: #158e9c;
}
.contact-section-02 .container-02 .box.box-02 {
    background: #1aa79c;
}
.contact-section-02 .container-02 .box.box-03 {
    background: #1aa79c;
}
.contact-section-02 .container-02 .box.box-04 {
    background: #158e9c;
}
.contact-section-02 .container-02 .box.box-05 {
    background: #158e9c;
}
.contact-section-02 .container-02 .box.box-06 {
    background: #1aa79c;
}
.contact-section-02 .container-02 .box.box-07 {
    background: #1aa79c;
}
.contact-section-02 .container-02 .box.box-08 {
    background: #158e9c;
}
.contact-section-02 .container-02 .country-box h2 {
    font-size: 120px;
    font-weight: 300;
}
.contact-section-02 .container-02 .country-box p {
    text-transform: uppercase;
}
.contact-section-02 .container-03 .box {
    border-bottom: 1px solid var(--theme);
    position: relative;
    margin: 0 -8px;
    padding: 0 6px;
	transition: all 2s ease-out;
background: linear-gradient(var(--white), var(--white) 50%, var(--theme) 50%, var(--theme));
  background-size: 100% 200%;
  transition: background .5s;	
}
.contact-section-02 .container-03 .box:hover {
    background-position: 100% 100%;
}
.contact-section-02 .container-03 .box:hover .text-box p {
    color: var(--white);
}
.contact-section-02 .container-03 .box:hover .icon-box i {
    background: var(--white);
    color: var(--theme);
}
.contact-section-02 .container-03 .box .icon-name p {
    color: var(--white);
}
.contact-section-02 .container-03 .box .text-box p {
    font-size: 24px;
    text-transform: uppercase;
    margin: 0;
    padding: 16px 0 0 0;
}
.contact-section-02 .container-03 .box .icon-box {
    position: absolute;
    top: 20px;
    right: 6px;
}
.contact-section-02 .container-03 .box .icon-box i {
    background: var(--black);
    padding: 18px;
    border-radius: 60px;
    color: var(--white);
    font-size: 12px;
}
.contact-section-02 .container-03 .box .icon-name p {
    font-size: 12px;
}
/*Enquiry Form Area Code Starts Here*/
.e-q .enquiry-form-subject {
    display: none;
}
.e-q .form-control {
    border-radius: 0;
    margin: 0 0 16px 0;
    padding: 12.2px 8px;
    font-size: 16px;
    color: #000;
}
.e-q .form-control:focus {
    box-shadow: none;
    border-color: var(--theme);
}
.e-q .form-control:focus-visible {
    background: var(--white) !important;
}
.e-q textarea:hover {
    background: var(--white) !important;
}
.e-q input {
    color: var(--black);
    font-size: 12px;    
}
.e-q input::file-selector-button {
    font-size: 12px;
    border-radius: 0;
    border: 1px solid #fff;
    padding: 3px 12px;
    background: var(--theme);
    color: var(--white);
}
.e-q .contact-box p {
    font-size: 12px;
    line-height: 16px;
    padding: 16px 0 0 0;
}
.e-q .btn.button-enquiry {
    border-radius: 0;
    color: var(--white);
    background: var(--theme);
    font-size: 15px;
    padding-left: 50px;
    padding-right: 50px;
}
.e-q .btn.button-enquiry:hover {
    background: var(--theme) !important;
}
/*Enquiry Form Area Code Ends Here*/
/*Contact Us Page Area Code Ends Here*/
/*About Us Page Area Code Starts Here*/
.about-section-02 .left-box {
    background: linear-gradient(rgba(72, 0, 72, 0.8), rgba(192, 72, 72, 0.8)), url("https://ik.imagekit.io/ikmedia/blog/hero-image.jpeg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 319px;
}
.about-section-02 .box {
    padding: 0 16px;
}
.about-section-02 .box.box-01, .about-section-02 .box.box-02 {
    border-right: 1px solid var(--theme);
    height: 382px;
    
}
.about-section-03 .box {
    margin: 0 0 24px 0;
}
.about-section-03 .box .image-box {
    background-size: cover;
    background-repeat: no-repeat;
    height: 400px;
    border: 1px solid var(--theme);
}
.about-section-03 .box .name-box {
    padding: 16px 0 0 0;
}
.about-section-03 .box .name-box p {
    text-transform: uppercase;
    margin: 0;
}
.about-section-03 .box .designation-box p {
    font-size: 16px;
}
.about-section-04 .box-left {
    border-right: 3px solid var(--theme);
    height: 400px;    
    position: relative;
}
.about-section-04 .box-right {
    border-left: 3px solid var(--theme);
    height: 400px;
    padding-left: 50px;
    position: relative;
}
.about-section-04 .box-left .image-box {
    background: url("https://ik.imagekit.io/ikmedia/blog/hero-image.jpeg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 250px;
    margin: 0 50px 0 0;
    border: 2px solid var(--theme);
}
.about-section-04 .box-left .straight-line {
    position: absolute;    
    width: 50px;
    height: 3px;
    background: var(--theme);
    top: 197px;
    right: 0;
}
.about-section-04 .box-left .circle {
    position: absolute;    
    width: 30px;
    height: 30px;
    background: var(--theme);
    border-radius: 30px;
    top: 184px;
    right: -17px;
}
.about-section-04 .box-right {
    border-left: 3px solid var(--theme);
    height: 400px;
}
.about-section-04 .box-right .year p, .about-section-04 .box-left-1 .year p {
    color: var(--theme);
    font-size: 60px;
}
.about-section-04 .box-right .image-box {
    background: url("https://ik.imagekit.io/ikmedia/blog/hero-image.jpeg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 250px;
    margin: 0 50px 0 0;
    border: 2px solid var(--theme);
}
.about-section-04 .box-right .straight-line {
    position: absolute;
    width: 50px;
    height: 3px;
    background: var(--theme);
    top: 197px;
    left: 0;
}
.about-section-04 .box-right .circle {
    position: absolute;
    width: 30px;
    height: 30px;
    background: var(--theme);
    border-radius: 30px;
    top: 184px;
    left: -18px;
}
.about-section-04 .box-left-1 {
    border-right: 3px solid var(--theme);
    height: 400px;
    padding-right: 50px;
    text-align: right;
}
/*About Us Page Area Code Ends Here*/
/*Text Effect for Theme Area Code Starts Here*/
.button-effect .text-effect p {
    text-transform: uppercase;
}
.button-effect .text-effect p a {
    text-decoration: none;
    color: #fff;
}
.colour-effect {
    background-color: var(--theme);
    padding: 4px 8px;
    background: linear-gradient(to right, #c45353 50%, #2639d7 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
}
.colour-effect:hover {
    background-position: left bottom;
}
.home-section-03.sbib .box:hover {
    background: url("http://www.myhobbes.com/projects/nv/images/services/architecture.jpg");
}
/*Text Effect for Theme Area Code Ends Here*/
/*Steel Page Area Code Starts Here*/
.home-section-03.steel-page .box {
    background: #f7f7f7;
}
.home-section-03.steel-page .box.box-01 {
	background-image: url('http://www.myhobbes.com/projects/nv5/images/steel/map/01-us.png');
	background-repeat: no-repeat;
	background-size: 100%;
	-webkit-transition: background-size 500ms ease-out;
	-moz-transition: background-size 500ms ease-out;
	-o-transition: background-size 500ms ease-out;
	transition: background-size 500ms ease-out;	
}
.home-section-03.steel-page .box.box-01:hover {
	background-image: url('http://www.myhobbes.com/projects/nv5/images/steel/map/01-us.png');
	background-size: 20%;	
}
.home-section-03.steel-page .box.box-02 {
	background-image: url('http://www.myhobbes.com/projects/nv5/images/steel/map/02-uk.png');
	background-repeat: no-repeat;
	background-size: 100%;
	-webkit-transition: background-size 500ms ease-out;
	-moz-transition: background-size 500ms ease-out;
	-o-transition: background-size 500ms ease-out;
	transition: background-size 500ms ease-out;	
}
.home-section-03.steel-page .box.box-02:hover {
	background-image: url('http://www.myhobbes.com/projects/nv5/images/steel/map/02-uk.png');
	background-size: 20%;	
}
.home-section-03.steel-page .box.box-03 {
	background-image: url('http://www.myhobbes.com/projects/nv5/images/steel/map/03-canada.png');
	background-repeat: no-repeat;
	background-size: 100%;
	-webkit-transition: background-size 500ms ease-out;
	-moz-transition: background-size 500ms ease-out;
	-o-transition: background-size 500ms ease-out;
	transition: background-size 500ms ease-out;	
}
.home-section-03.steel-page .box.box-03:hover {
	background-image: url('http://www.myhobbes.com/projects/nv5/images/steel/map/03-canada.png');
	background-size: 20%;	
}
.home-section-03.steel-page .box.box-04 {
	background-image: url('http://www.myhobbes.com/projects/nv5/images/steel/map/04-germany.png');
	background-repeat: no-repeat;
	background-size: 100%;
	-webkit-transition: background-size 500ms ease-out;
	-moz-transition: background-size 500ms ease-out;
	-o-transition: background-size 500ms ease-out;
	transition: background-size 500ms ease-out;	
}
.home-section-03.steel-page .box.box-04:hover {
	background-image: url('http://www.myhobbes.com/projects/nv5/images/steel/map/04-germany.png');
	background-size: 20%;	
}
.home-section-03.steel-page .box.box-05 {
	background-image: url('http://www.myhobbes.com/projects/nv5/images/steel/map/05-aus-nz.png');
	background-repeat: no-repeat;
	background-size: 100%;
	-webkit-transition: background-size 500ms ease-out;
	-moz-transition: background-size 500ms ease-out;
	-o-transition: background-size 500ms ease-out;
	transition: background-size 500ms ease-out;	
}
.home-section-03.steel-page .box.box-05:hover {
	background-image: url('http://www.myhobbes.com/projects/nv5/images/steel/map/05-aus-nz.png');
	background-size: 20%;	
}
.home-section-03.steel-page .box.box-06 {
	background-image: url('http://www.myhobbes.com/projects/nv5/images/steel/map/06-europe.png');
	background-repeat: no-repeat;
	background-size: 100%;
	-webkit-transition: background-size 500ms ease-out;
	-moz-transition: background-size 500ms ease-out;
	-o-transition: background-size 500ms ease-out;
	transition: background-size 500ms ease-out;	
}
.home-section-03.steel-page .box.box-06:hover {
	background-image: url('http://www.myhobbes.com/projects/nv5/images/steel/map/06-europe.png');
	background-size: 20%;	
}
.home-section-03.steel-page .box.box-01::before, .home-section-03.steel-page .box.box-02::before, .home-section-03.steel-page .box.box-03::before, .home-section-03.steel-page .box.box-04::before, .home-section-03.steel-page .box.box-05::before, .home-section-03.steel-page .box.box-06::before {
	display: none;
}
.home-section-03.steel-page .box::before {
    color: #f7f7f7;
}
.home-section-03.steel-page .article .top-border-effect {
    width: 90%;
    /*border: 1px solid var(--theme);*/
    left: 5%;
    position: relative;
}
.home-section-03.steel-page .article:hover .top-border-effect {
    display: none;
}
.home-section-03.steel-page .box:hover {
    /*border: 1px solid var(--theme);*/
}
.home-section-03.steel-page .article .box h4 {
    font-size: 24px;
    text-transform: uppercase;
    right: 14px;
    position: absolute;
    bottom: 1%;
    font-weight: 700;
}
.home-section-03.steel-page .article:hover .box::before {
    display: none;
}
.home-section-03.steel-page .article:hover .box h4 {
    /*top: 0;
    text-align: center;
    position: relative;
    right: auto;*/
    display: none;
}
/*
.home-section-03.steel-page .box .box-icon {
    position: absolute;
    top: -25px;
    left: -25px;
    display: none;
}
.home-section-03.steel-page .box:hover .box-icon {
    display: inherit;
}
*/
/*
.home-section-03.steel-page .box .box-icon i {
    font-size: 100px;
    color: var(--theme);
}
*/
.home-section-03.steel-page .box .dummy-box {
    display: none;
}
.home-section-03.steel-page .box:hover .dummy-box {
    display: inherit;
    text-align: center;
}
.home-section-03.steel-page .article .box .dummy-box h5 {
    font-size: 30px;
    font-weight: 300;
    color: var(--theme);
    text-transform: uppercase;
}
.home-section-03.steel-page .article .box .dummy-box .paragraph-box {
    padding: 36px 0;
}
.home-section-03.steel-page .article .box .dummy-box p {
    line-height: 24px;
    margin: 0;    
}
/*.steel-page-02 .box-01, .steel-page-02 .box-02,  .steel-page-02 .box-03,  .steel-page-02 .box-04 {
    text-align: center;
	position: relative;
	display: flex;
	justify-content: center;	
	border: 1px solid var(--white);
}
.direction-aware-hover {
    background: #DDD;
    display: inline-block;
    height: 216px;
    margin: 0;
    overflow: hidden;
    position: relative;
    width: 216px;
}

.direction-aware-hover>* {
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: rotate(45deg);
    z-index: 1;
}

.direction-aware-hover__left {
    left: -70.75%;
    right: 70.75%;
}

.direction-aware-hover__right {
    left: 70.75%;
    right: -70.75%;
}

.direction-aware-hover__top {
    bottom: 70.75%;
    top: -70.75%;
}

.direction-aware-hover__bottom {
    bottom: -70.75%;
    top: 70.75%;
}

.direction-aware-hover__content {
    background: #369;
    bottom: none;
    color: #EEE;
    height: 100%;
    opacity: 0;
    right: none;
    transform: none;
    transition: opacity .25s,
        left .25s ease-in-out,
        top .25s ease-in-out,
        z-index 0s linear .25s;
    width: 100%;
    z-index: -1;
}

.direction-aware-hover__content:after {
    bottom: -100%;
    content: '';
    left: -100%;
    position: absolute;
    right: -100%;
    top: -100%;
    z-index: -1;
}

*:hover~.direction-aware-hover__content {
    transition: opacity 0s,
        left 0s ease-in-out,
        top 0s ease-in-out,
        z-index 0s linear 0s;
    z-index: 1;
}

.direction-aware-hover__left:hover~.direction-aware-hover__content {
    left: -100%;
}

.direction-aware-hover__right:hover~.direction-aware-hover__content {
    left: 100%;
}

.direction-aware-hover__top:hover~.direction-aware-hover__content {
    top: -100%;
}

.direction-aware-hover__bottom:hover~.direction-aware-hover__content {
    top: 100%;
}


.direction-aware-hover__content:hover {
    left: 0;
    opacity: 1;
    top: 0;
    transition: opacity 0.25s,
        left .25s ease-in-out,
        top .25s ease-in-out,
        z-index 0s linear 0s;
    z-index: 1;
}*/

.steel-page-02 .box:hover {
    background: var(--theme);
}
.steel-page-02 .box:hover h3 {
    color: var(--white);
}

.steel-page-02 .box-01 {
    border-right: 1px solid var(--theme);
    border-bottom: 1px solid var(--theme);
}
.steel-page-02 .box-02 {
    border-left: 1px solid var(--theme);
    border-bottom: 1px solid var(--theme);
}
.steel-page-02 .box-03 {
    border-right: 1px solid var(--theme);
    border-top: 1px solid var(--theme);
}
.steel-page-02 .box-04 {
    border-left: 1px solid var(--theme);
    border-top: 1px solid var(--theme);
}

.steel-page-02 .box h3 {
    font-size: 30px;
    font-weight: 300;
    padding: 28px 0;
    text-transform: uppercase;
}
.steel-page-03 .box-left .box-00 {
    margin: 0 0 24px 0;
    width: 100%;
    position: relative;   
    padding: 12px 0 12px 0;
}
.steel-page-03 .box-left .box-00 .box-number {
    width: 20%;
    position: absolute;
    /*border-left: 3px solid #bebebe;*/
}
.steel-page-03 .box-left .box-00:hover .box-number {
    border-left: 3px solid var(--theme);
}
.steel-page-03 .box-left .box-00 .box-number p {
    font-size: 50px;
    margin: 12px 0 12px 12px;
    color: #bebebe;
}
.steel-page-03 .box-left .box-00:hover .box-number p {
    color: var(--theme);
}
.steel-page-03 .box-left .box-00 .box-title {
    width: 80%;
    left: 20%;
    position: relative;
}
.steel-page-03 .box-left .box-00 .box-title h4 {
    font-size: 24px;
    font-weight: 400;
    margin: 12px 0 0 0;
}
.steel-page-03 .box-left .box-00 .box-title:hover h4 {
    color: var(--theme);
}
.steel-page-03 .box-right .image-box.image-box-01 {
    background: url("http://www.myhobbes.com/projects/nv/images/steel/01.jpg");
    height: 310px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top 0 right;
}
.steel-page-03 .box-right.arc-images .image-box.image-box-01 {
    background: url("http://www.myhobbes.com/projects/nv3/images/architecture/specialisation/01.jpg");
    height: 250px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top 0 left;
}
.steel-page-03 .box-right.arc-images .image-box.image-box-02 {
    background: url("http://www.myhobbes.com/projects/nv3/images/architecture/specialisation/02.jpg");
    height: 200px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top 0 left 250px;
}
.steel-page-03 .box-right.arc-images .image-box.image-box-03 {
    background: url("http://www.myhobbes.com/projects/nv3/images/architecture/specialisation/03.jpg");
    height: 150px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top 0 right 270px;
}
.steel-page-03 .box-right.mep-images .image-box.image-box-01 {
    background: url("http://www.myhobbes.com/projects/nv3/images/mep/specialisation/01.png");
    height: 230px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top 0 left;
}
.steel-page-03 .box-right.mep-images .image-box.image-box-02 {
    background: url("http://www.myhobbes.com/projects/nv3/images/mep/specialisation/02.png");
    height: 230px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top 0 left 90px;
}
.steel-page-03 .box-right.mep-images .image-box.image-box-03 {
    background: url("http://www.myhobbes.com/projects/nv3/images/mep/specialisation/03.jpg");
    height: 288px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top 0 right 155px;
}
.steel-page-03 .box-right.precast-images .image-box.image-box-01 {
    background: url("http://www.myhobbes.com/projects/nv3/images/precast/01.jpg");
    height: 400px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top 0 right 0;
}
.steel-page-03 .box-right.rebar-images .image-box.image-box-01 {
    background: url("http://www.myhobbes.com/projects/nv3/images/rebar/01.jpg");
    height: 230px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top 0 left;
}
.steel-page-03 .box-right.rebar-images .image-box.image-box-02 {
    background: url("http://www.myhobbes.com/projects/nv3/images/rebar/02.jpg");
    height: 230px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top 0 right 0;
}
.steel-page-03 .box-right.rebar-images .image-box.image-box-03 {
    background: url("http://www.myhobbes.com/projects/nv3/images/rebar/03.jpg");
    height: 230px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top 0 right 100px;
}
.steel-page-03 .box-right.steel-images .image-box.image-box-01 {
    background: url("http://www.myhobbes.com/projects/nv3/images/steel/01.jpg");
    height: 350px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top 0 left;
}
.steel-page-03 .box-right.steel-images .image-box.image-box-02 {
    background: url("http://www.myhobbes.com/projects/nv3/images/steel/02.jpg");
    height: 350px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top 0 right 0;
}
.steel-page-03 .box-right.steel-images .image-box.image-box-03 {
    background: url("http://www.myhobbes.com/projects/nv3/images/steel/04.jpg");
    height: 345px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top 0 left 0;
}

.steel-page-03 .box-right.steel-images .image-box.image-box-01a {
    background: url("http://www.myhobbes.com/projects/nv5/images/steel/specialisation/02.jpg");
    height: 550px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top 0 left 40px;
position: relative;
z-index: 2;
border: 3px solid var(--white);
width: 408px;	
animation-name: jump1;
animation-duration: 4s;
animation-iteration-count: infinite;
}
.steel-page-03 .box-right.steel-images .image-box.image-box-02b {
    background: url("http://www.myhobbes.com/projects/nv5/images/steel/specialisation/01.jpg");
height: 550px;
background-repeat: no-repeat;
background-size: contain;
background-position: top 0 right 0;
animation-name: jump2;
animation-duration: 5.5s;
animation-iteration-count: infinite;
	position: relative;
}
@keyframes jump2 {
    0%   {bottom:120px;}
    25%  {bottom:140px;}
    50%  {bottom:130px;}
    75%  {bottom:120px;}
    100% {bottom:120px;}
}
.steel-page-03 .box-right.steel-images .box-image {
	position: relative;
}

/*Steel Page Area Code Ends Here*/
/*Architecture Page Area Code Starts Here*/
.home-section-03.architecture-page .ib-container .article {
    width: 32%;
    margin: 6px;
}
.home-section-03.architecture-page .box {
    background: linear-gradient(rgba(128, 128, 128, 0.9), rgba(14, 14, 14, 0.67)), url("http://www.myhobbes.com/projects/nv/images/steel/01.jpg");
}
.home-section-03.architecture-page .box.box-01 {
    background: linear-gradient(rgba(128, 128, 128, 0.9), rgba(14, 14, 14, 0.67)), url("http://www.myhobbes.com/projects/nv3/images/architecture/lod/lod-100.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.home-section-03.architecture-page .box.box-02 {
    background: linear-gradient(rgba(128, 128, 128, 0.9), rgba(14, 14, 14, 0.67)), url("http://www.myhobbes.com/projects/nv3/images/architecture/lod/lod-200.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.home-section-03.architecture-page .box.box-03 {
    background: linear-gradient(rgba(128, 128, 128, 0.9), rgba(14, 14, 14, 0.67)), url("http://www.myhobbes.com/projects/nv3/images/architecture/lod/lod-300.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.home-section-03.architecture-page .box.box-04 {
    background: linear-gradient(rgba(128, 128, 128, 0.9), rgba(14, 14, 14, 0.67)), url("http://www.myhobbes.com/projects/nv3/images/architecture/lod/lod-300.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.home-section-03.architecture-page .box.box-05 {
    background: linear-gradient(rgba(128, 128, 128, 0.9), rgba(14, 14, 14, 0.67)), url("http://www.myhobbes.com/projects/nv3/images/architecture/lod/lod-400.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.home-section-03.architecture-page .box.box-06 {
    background: linear-gradient(rgba(128, 128, 128, 0.9), rgba(14, 14, 14, 0.67)), url("http://www.myhobbes.com/projects/nv3/images/architecture/lod/lod-500.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.home-section-03.architecture-page .box::before {
    display: none;
}
.home-section-03.architecture-page .article:hover .box h4 {
    display: none;
}
.home-section-03.architecture-page .box .dummy-box {
    display: none;
}
.home-section-03.architecture-page .box:hover .dummy-box {
    display: inherit;
    text-align: center;
}
.home-section-03.architecture-page .box h4 {
    color: var(--white);
    left: 24px;
}
.home-section-03.architecture-page .box .dummy-box h5 {
    color: var(--theme);
    font-size: 36px;
    font-weight: 300;
    display: none;
}
.home-section-03.architecture-page .box .dummy-box p {
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    color: var(--white);
    padding: 24px 0 0 0;
}
.home-section-03.architecture-page .box .dummy-box .paragraph-box li {
    color: #fff;
    font-size: 13px;
    text-align: left;
    padding: 0 0 0 12px;
}
.innerservices-section-02 .arc-slider .slide.slide-01 {
    background: url("http://www.myhobbes.com/projects/nv3/images/home/04/02.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.innerservices-section-02 .arc-slider .slide.slide-02 {
    background: url("http://www.myhobbes.com/projects/nv3/images/home/04/19.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.innerservices-section-02 .arc-slider .slide.slide-03 {
    background: url("http://www.myhobbes.com/projects/nv3/images/home/04/24.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.innerservices-section-02 .arc-slider .slide.slide-04 {
    background: url("http://www.myhobbes.com/projects/nv3/images/home/04/22.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.innerservices-section-02 .arc-slider .slide.slide-05 {
    background: url("http://www.myhobbes.com/projects/nv3/images/home/04/23.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.innerservices-section-02 .arc-slider .slide.slide-06 {
    background: url("http://www.myhobbes.com/projects/nv3/images/home/04/17.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.innerservices-section-02 .arc-slider .slide.slide-07 {
    background: url("http://www.myhobbes.com/projects/nv3/images/home/04/18.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.innerservices-section-02 .arc-slider .slide.slide-08 {
    background: url("http://www.myhobbes.com/projects/nv3/images/home/04/20.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.innerservices-section-02 .arc-slider .slide.slide-09 {
    background: url("http://www.myhobbes.com/projects/nv3/images/home/04/21.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.innerservices-section-02 .facade-slider .slide.slide-01 {
    background: url("http://www.myhobbes.com/projects/nv3/images/home/04/06.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.innerservices-section-02 .facade-slider .slide.slide-01 {
    background: url("http://www.myhobbes.com/projects/nv3/images/home/04/06.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.innerservices-section-02 .facade-slider .slide.slide-01 {
    background: url("http://www.myhobbes.com/projects/nv3/images/home/04/06.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.innerservices-section-02 .facade-slider .slide.slide-02 {
    background: url("http://www.myhobbes.com/projects/nv3/images/home/04/02.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.innerservices-section-02 .facade-slider .slide.slide-03 {
    background: url("http://www.myhobbes.com/projects/nv3/images/home/04/11.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.innerservices-section-02 .mep-slider .slide.slide-01 {
    background: url("http://www.myhobbes.com/projects/nv3/images/home/04/02.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.innerservices-section-02 .mep-slider .slide.slide-02 {
    background: url("http://www.myhobbes.com/projects/nv3/images/home/04/06.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.innerservices-section-02 .mep-slider .slide.slide-03 {
    background: url("http://www.myhobbes.com/projects/nv3/images/home/04/17.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.innerservices-section-02 .mep-slider .slide.slide-04 {
    background: url("http://www.myhobbes.com/projects/nv3/images/home/04/19.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.innerservices-section-02 .mep-slider .slide.slide-05 {
    background: url("http://www.myhobbes.com/projects/nv3/images/home/04/23.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.innerservices-section-02 .precast-slider .slide.slide-06 {
    background: url("http://www.myhobbes.com/projects/nv3/images/home/04/24.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.innerservices-section-02 .precast-slider .slide.slide-01 {
    background: url("http://www.myhobbes.com/projects/nv3/images/home/04/01.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.innerservices-section-02 .precast-slider .slide.slide-02 {
    background: url("http://www.myhobbes.com/projects/nv3/images/home/04/08.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.innerservices-section-02 .precast-slider .slide.slide-03 {
    background: url("http://www.myhobbes.com/projects/nv3/images/home/04/02.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.innerservices-section-02 .precast-slider .slide.slide-04 {
    background: url("http://www.myhobbes.com/projects/nv3/images/home/04/06.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.innerservices-section-02 .precast-slider .slide.slide-05 {
    background: url("http://www.myhobbes.com/projects/nv3/images/home/04/09.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.innerservices-section-02 .rebar-slider .slide.slide-01 {
    background: url("http://www.myhobbes.com/projects/nv3/images/home/04/01.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.innerservices-section-02 .rebar-slider .slide.slide-02 {
    background: url("http://www.myhobbes.com/projects/nv3/images/home/04/02.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.innerservices-section-02 .rebar-slider .slide.slide-03 {
    background: url("http://www.myhobbes.com/projects/nv3/images/home/04/03.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.innerservices-section-02 .rebar-slider .slide.slide-04 {
    background: url("http://www.myhobbes.com/projects/nv3/images/home/04/04.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.innerservices-section-02 .rebar-slider .slide.slide-05 {
    background: url("http://www.myhobbes.com/projects/nv3/images/home/04/05.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.innerservices-section-02 .rebar-slider .slide.slide-06 {
    background: url("http://www.myhobbes.com/projects/nv3/images/home/04/09.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.innerservices-section-02 .rebar-slider .slide.slide-07 {
    background: url("http://www.myhobbes.com/projects/nv3/images/home/04/06.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.innerservices-section-02 .rebar-slider .slide.slide-08 {
    background: url("http://www.myhobbes.com/projects/nv3/images/home/04/07.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.innerservices-section-02 .steel-slider .slide.slide-01 {
    background: url("http://www.myhobbes.com/projects/nv3/images/home/04/01.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.innerservices-section-02 .steel-slider .slide.slide-02 {
    background: url("http://www.myhobbes.com/projects/nv3/images/home/04/10.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.innerservices-section-02 .steel-slider .slide.slide-03 {
    background: url("http://www.myhobbes.com/projects/nv3/images/home/04/02.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.innerservices-section-02 .steel-slider .slide.slide-04 {
    background: url("http://www.myhobbes.com/projects/nv3/images/home/04/12.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.innerservices-section-02 .steel-slider .slide.slide-05 {
    background: url("http://www.myhobbes.com/projects/nv3/images/home/04/13.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.innerservices-section-02 .arc-slider .slick-slide, .innerservices-section-02 .facade-slider .slick-slide, .innerservices-section-02 .mep-slider .slick-slide, .innerservices-section-02 .precast-slider .slick-slide, .innerservices-section-02 .rebar-slider .slick-slide, .innerservices-section-02 .steel-slider .slick-slide {
    margin: 0;
}
.innerservices-section-02 .arc-slider .slide, .innerservices-section-02 .facade-slider .slide, .innerservices-section-02 .mep-slider .slide, .innerservices-section-02 .precast-slider .slide, .innerservices-section-02 .rebar-slider .slide {
    border: none;
}
.innerservices-section-04.arc .box.box-01a {
    background: url("http://www.myhobbes.com/projects/nv3/images/architecture/sample/01.jpg");
    background-size: cover;
}
.innerservices-section-04.arc .box.box-01b {
    background: url("http://www.myhobbes.com/projects/nv3/images/architecture/sample/02.jpg");
    background-size: cover;
}
.innerservices-section-04.arc .box.box-01c {
    background: url("http://www.myhobbes.com/projects/nv3/images/architecture/sample/03.jpg");
    background-size: cover;
}
.innerservices-section-04.arc .box.box-01d {
    background: url("http://www.myhobbes.com/projects/nv3/images/architecture/sample/04.jpg");
    background-size: cover;
}
.innerservices-section-04.mep .mep-row .box, .innerservices-section-04.precast .precast-row .box, .innerservices-section-04.rebar .rebar-row .box, .innerservices-section-04.steel .steel-row .box {
    margin: 0 0 24px 0;
}
.innerservices-section-04.mep .box.box-01a {
    background: url("http://www.myhobbes.com/projects/nv3/images/mep/sample/01.png");
    background-size: cover;
}
.innerservices-section-04.mep .box.box-01b {
    background: url("http://www.myhobbes.com/projects/nv3/images/mep/sample/02.png");
    background-size: cover;
}
.innerservices-section-04.mep .box.box-01c {
    background: url("http://www.myhobbes.com/projects/nv3/images/mep/sample/03.png");
    background-size: cover;
}
.innerservices-section-04.mep .box.box-01d {
    background: url("http://www.myhobbes.com/projects/nv3/images/mep/sample/04.png");
    background-size: cover;
}
.innerservices-section-04.mep .box.box-01e {
    background: url("http://www.myhobbes.com/projects/nv3/images/mep/sample/05.png");
    background-size: cover;
}
.innerservices-section-04.mep .box.box-01f {
    background: url("http://www.myhobbes.com/projects/nv3/images/mep/sample/06.jpg");
    background-size: cover;
}
.innerservices-section-04.mep .box.box-01g {
    background: url("http://www.myhobbes.com/projects/nv3/images/mep/sample/07.jpg");
    background-size: cover;
}
.innerservices-section-04.mep .box.box-01h {
    background: url("http://www.myhobbes.com/projects/nv3/images/mep/sample/08.jpg");
    background-size: cover;
}
.innerservices-section-04.mep .box.box-01i {
    background: url("http://www.myhobbes.com/projects/nv3/images/mep/sample/09.jpg");
    background-size: cover;
}
.innerservices-section-04.mep .box.box-01j {
    background: url("http://www.myhobbes.com/projects/nv3/images/mep/sample/10.jpg");
    background-size: cover;
}
.innerservices-section-04.mep .box.box-01k {
    background: url("http://www.myhobbes.com/projects/nv3/images/mep/sample/11.jpg");
    background-size: cover;
}
.innerservices-section-04.mep .box.box-01l {
    background: url("http://www.myhobbes.com/projects/nv3/images/mep/sample/12.jpg");
    background-size: cover;
}
.innerservices-section-04.mep .box.box-01m {
    background: url("http://www.myhobbes.com/projects/nv3/images/mep/sample/13.jpg");
    background-size: cover;
}
.innerservices-section-04.mep .box.box-01n {
    background: url("http://www.myhobbes.com/projects/nv3/images/mep/sample/14.jpg");
    background-size: cover;
}
.innerservices-section-04.mep .box.box-01a {
    background: url("http://www.myhobbes.com/projects/nv3/images/mep/sample/01.png");
    background-size: cover;
}
.innerservices-section-04.mep .box.box-01b {
    background: url("http://www.myhobbes.com/projects/nv3/images/mep/sample/02.png");
    background-size: cover;
}
.innerservices-section-04.mep .box.box-01c {
    background: url("http://www.myhobbes.com/projects/nv3/images/mep/sample/03.png");
    background-size: cover;
}
.innerservices-section-04.mep .box.box-01d {
    background: url("http://www.myhobbes.com/projects/nv3/images/mep/sample/04.png");
    background-size: cover;
}
.innerservices-section-04.mep .box.box-01e {
    background: url("http://www.myhobbes.com/projects/nv3/images/mep/sample/05.png");
    background-size: cover;
}
.innerservices-section-04.mep .box.box-01f {
    background: url("http://www.myhobbes.com/projects/nv3/images/mep/sample/06.jpg");
    background-size: cover;
}
.innerservices-section-04.mep .box.box-01g {
    background: url("http://www.myhobbes.com/projects/nv3/images/mep/sample/07.jpg");
    background-size: cover;
}
.innerservices-section-04.mep .box.box-01h {
    background: url("http://www.myhobbes.com/projects/nv3/images/mep/sample/08.jpg");
    background-size: cover;
}
.innerservices-section-04.mep .box.box-01i {
    background: url("http://www.myhobbes.com/projects/nv3/images/mep/sample/09.jpg");
    background-size: cover;
}
.innerservices-section-04.mep .box.box-01j {
    background: url("http://www.myhobbes.com/projects/nv3/images/mep/sample/10.jpg");
    background-size: cover;
}
.innerservices-section-04.mep .box.box-01k {
    background: url("http://www.myhobbes.com/projects/nv3/images/mep/sample/11.jpg");
    background-size: cover;
}
.innerservices-section-04.mep .box.box-01l {
    background: url("http://www.myhobbes.com/projects/nv3/images/mep/sample/12.jpg");
    background-size: cover;
}
.innerservices-section-04.mep .box.box-01m {
    background: url("http://www.myhobbes.com/projects/nv3/images/mep/sample/13.jpg");
    background-size: cover;
}
.innerservices-section-04.mep .box.box-01n {
    background: url("http://www.myhobbes.com/projects/nv3/images/mep/sample/14.jpg");
    background-size: cover;
}
.innerservices-section-04.mep .box.box-01o {
    background: url("http://www.myhobbes.com/projects/nv3/images/mep/sample/09.jpg");
    background-size: cover;
}
.innerservices-section-04.mep .box.box-01p {
    background: url("http://www.myhobbes.com/projects/nv3/images/mep/sample/10.jpg");
    background-size: cover;
}
.innerservices-section-04.mep .box.box-01q {
    background: url("http://www.myhobbes.com/projects/nv3/images/mep/sample/11.jpg");
    background-size: cover;
}
.innerservices-section-04.mep .box.box-01r {
    background: url("http://www.myhobbes.com/projects/nv3/images/mep/sample/12.jpg");
    background-size: cover;
}
.innerservices-section-04.mep .box.box-01s {
    background: url("http://www.myhobbes.com/projects/nv3/images/mep/sample/13.jpg");
    background-size: cover;
}
.innerservices-section-04.mep .box.box-01t {
    background: url("http://www.myhobbes.com/projects/nv3/images/mep/sample/14.jpg");
    background-size: cover;
}
.innerservices-section-04.arc .text-box, .innerservices-section-04.facade .text-box, .innerservices-section-04.mep .text-box, .innerservices-section-04.precast .text-box, .innerservices-section-04.rebar .text-box, .innerservices-section-04.steel .text-box {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #eee;
    border: none;
}
.home-section-03.mep-page .box {
    background: #eee;
}
.home-section-03.mep-page .box:hover h4 {
    display: none;
}
.home-section-03.mep-page .article .box .dummy-box h5 {
    display: none;
}
.home-section-03.mep-page .article .box:hover .dummy-box h5 {
    display: inherit;
    right: 24px;
    position: absolute;    
}
.innerservices-section-04.mep .box.box-02a {
    background: url("http://www.myhobbes.com/projects/nv3/images/mep/sample/11.jpg");
    background-size: contain;
	height: 200px;
}
.innerservices-section-04.mep .box.box-02b {
    background: url("http://www.myhobbes.com/projects/nv3/images/mep/sample/07.jpg");
    background-size: contain;
	height: 200px;
}
.innerservices-section-04.mep .box.box-02c {
    background: url("http://www.myhobbes.com/projects/nv3/images/mep/sample/08.jpg");
    background-size: contain;
	height: 200px;
}
.innerservices-section-04.mep .box.box-02d {
    background: url("http://www.myhobbes.com/projects/nv3/images/mep/sample/01.png");
    background-size: contain;
	height: 200px;
}
.innerservices-section-04.rebar .box.box-02a {
    background: url("http://www.myhobbes.com/projects/nv3/images/rebar/04.jpg");
    background-size: contain;
	height: 200px;
}
.innerservices-section-04.rebar .box.box-02b {
    background: url("http://www.myhobbes.com/projects/nv3/images/rebar/03.jpg");
    background-size: contain;
	height: 200px;
}
.innerservices-section-04.rebar .box.box-02c {
    background: url("http://www.myhobbes.com/projects/nv3/images/rebar/02.jpg");
    background-size: contain;
	height: 200px;
}
.innerservices-section-04.rebar .box.box-02d {
    background: url("http://www.myhobbes.com/projects/nv3/images/rebar/01.jpg");
    background-size: contain;
	height: 200px;
}
.innerservices-section-04.steel .box.box-02a {
    background: url("http://www.myhobbes.com/projects/nv3/images/steel/04.jpg");
    background-size: contain;
	height: 200px;
}
.innerservices-section-04.steel .box.box-02b {
    background: url("http://www.myhobbes.com/projects/nv3/images/steel/03.jpg");
    background-size: contain;
	height: 200px;
}
.innerservices-section-04.steel .box.box-02c {
    background: url("http://www.myhobbes.com/projects/nv3/images/steel/02.jpg");
    background-size: contain;
	height: 200px;
}
.innerservices-section-04.steel .box.box-02d {
    background: url("http://www.myhobbes.com/projects/nv3/images/steel/01.jpg");
    background-size: contain;
	height: 200px;
}
/*Architecture Page Area Code Ends Here*/
/*Facade Page Area Code Starts Here*/
.home-section-03.facade-page .box {
    background: #f7f7f7;
}
.home-section-03.facade-page .box::before {
    color: #fff;
}
.home-section-03.facade-page .article .top-border-effect {
    width: 90%;
    border: 1px solid var(--theme);
    left: 5%;
    position: relative;
}
.home-section-03.facade-page .article:hover .top-border-effect {
    display: none;
}
.home-section-03.facade-page .box:hover {
    border: 1px solid var(--theme);
}
.home-section-03.facade-page .article .box h4 {
    font-size: 36px;
    text-transform: uppercase;
    right: 14px;
    position: absolute;
    top: 50%;
    font-weight: 700;
}
.home-section-03.facade-page .article:hover .box::before {
    display: none;
}
.home-section-03.facade-page .article:hover .box h4 {
    /*top: 0;
    text-align: center;
    position: relative;
    right: auto;*/
    display: none;
}
.home-section-03.facade-page .box .dummy-box {
    display: none;
}
.home-section-03.facade-page .box:hover .dummy-box {
    display: inherit;
    text-align: center;
}
.home-section-03.facade-page .article .box .dummy-box h5 {
    font-size: 30px;
    font-weight: 300;
    color: var(--theme);
    text-transform: uppercase;
}
.home-section-03.facade-page .article .box .dummy-box .paragraph-box {
    padding: 36px 0;
}
.home-section-03.facade-page .article .box .dummy-box p {
    line-height: 24px;
    margin: 0;    
}
.facade-page-02 .box-01, .facade-page-02 .box-02,  .facade-page-02 .box-03,  .facade-page-02 .box-04 {
    text-align: center;
}
.facade-page-02 .box:hover {
    background: var(--theme);
}
.facade-page-02 .box:hover h3 {
    color: var(--white);
}
.facade-page-02 .box-01 {
    border-right: 1px solid var(--theme);
    border-bottom: 1px solid var(--theme);
}
.facade-page-02 .box-02 {
    border-left: 1px solid var(--theme);
    border-bottom: 1px solid var(--theme);
}
.facade-page-02 .box-03 {
    border-right: 1px solid var(--theme);
    border-top: 1px solid var(--theme);
}
.facade-page-02 .box-04 {
    border-left: 1px solid var(--theme);
    border-top: 1px solid var(--theme);
}
.facade-page-02 .box h3 {
    font-size: 30px;
    font-weight: 300;
    padding: 28px 0;
}
.facade-page-03 .box-left .box-00 {
    margin: 0 0 24px 0;
    width: 100%;
    position: relative;   
    padding: 12px 0 12px 0;
}
.facade-page-03 .box-left .box-00 .box-number {
    width: 20%;
    position: absolute;
    border-left: 3px solid #bebebe;
}
.facade-page-03 .box-left .box-00:hover .box-number {
    border-left: 3px solid var(--theme);
}
.facade-page-03 .box-left .box-00 .box-number p {
    font-size: 50px;
    margin: 12px 0 12px 12px;
    color: #bebebe;
}
.facade-page-03 .box-left .box-00:hover .box-number p {
    color: var(--theme);
}
.facade-page-03 .box-left .box-00 .box-title {
    width: 80%;
    left: 20%;
    position: relative;
}
.facade-page-03 .box-left .box-00 .box-title h4 {
    font-size: 24px;
    font-weight: 400;
    margin: 12px 0 0 0;
}
.facade-page-03 .box-left .box-00 .box-title:hover h4 {
    color: var(--theme);
}
.home-section-03.mep-page .ib-container .article {
    width: 47%;
}
/*Facade Page Area Code Ends Here*/
/*Inner Services Page Banner Effect Area Code Starts Here*/
.home-banner-area.is-banner {
    height: 50vh;
}
.home-banner-area.is-banner .service-caption-area {
    height: calc(50vh - 112px);
    position: relative;
}
.home-banner-area.is-banner h1 {
    font-size: 52px;
    text-align: center;
    line-height: 42px;
}
.home-banner-area.is-banner .text-effect.wrapper {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.effect-for-word {
	overflow: hidden;
}
.effect-for-word.hor-ver-text {
  position: absolute;
  width: 400px;
  height: 150px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.effect-for-word span {
	display: block;
	height: 100%;
	color: #fff;
	font-size: 52px;
	font-weight: 300;
	padding: 16px 0 30px 0;
	text-transform: uppercase;
}
.effect-for-word .word {
    position: absolute;
    opacity: 0;
}

.effect-for-word .letter {
    display: inline-block;
    position: relative;
    float: left;
    transform: translateZ(25px);
    transform-origin: 50% 50% 25px;
}

.effect-for-word .letter.out {
    transform: rotateX(90deg);
    transition: transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.effect-for-word .letter.behind {
    transform: rotateX(-90deg);
}

.effect-for-word .letter.in {
    transform: rotateX(0deg);
    transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.effect-for-word .word.text-designing {
    padding-left: 67px;
}
.effect-for-word .word.text-modelling {
    padding-left: 58px;
}
.effect-for-word .word.text-detailing {
    padding-left: 73px;
}
/*Inner Services Page Banner Effect Area Code Ends Here*/
/*Home Page Slider Area Code Starts Here*/

/*Home Page Slider Area Code Ends Here*/
.sticky-text {
    position: fixed;
    left: 7px;
    top: 0;
    height: 100vh;
    /*width: 100px;*/
	display: none;
}

.text-00.text-01 {
    top: 0.5%;
}

.text-00 p {
    font-size: 16px;
}

.stick {
    width: 20vh;
    height: 2px;
    background: var(--theme);
    left: -56px;
    position: absolute;
    transform: rotate(-90deg);
}

.stick.sticky-01 {
    top: 30%;
}

.text-00.text-02 {
    top: 40%;
}

.text-00 {
    transform: rotate(-90deg);
    position: absolute;
    text-transform: uppercase;
    width: 150px;
    text-align: center;
    height: 20%;
}

.text-00.text-02 p {
    font-weight: 500;
}

.stick.sticky-02 {
    top: 70%;
}

.text-00.text-03 {
    top: 80%;
}
.bn {
	padding: 100px 0 200px 0;
}
.big-number {
	float: right;
	right: 5%;
	position: relative;
}

.bn-number p {
	font-size: 200px;
}

.bn-line {
	width: 200px;
	height: 1px;
	background: #1c1c1c;
	position: absolute;
	right: 45%;
	top: 40%;
}

.bn-circle {
	width: 8px;
	height: 8px;
	background: black;
	border-radius: 100px;
	position: absolute;
	top: 32%;
	right: 42%;
}




@media (min-width: 320px) and (max-width: 447.98px) {
}
@media (min-width: 480px) and (max-width: 575.98px) {
    .home-banner-area .box {
        width: 100%;
        height: 350px;
    }
    .home-banner-area h1 {
        font-size: 52px;
    }
    .home-banner-area h2 {
        font-size: 23px;
    } 
    .hd .header-box h3 {
        font-size: 44px;
        margin: 0;
    }
    .hd .header-caption {
        position: relative;
    }
    .hd .header-caption p {
        font-size: 20px;
        padding: 0 0 60px 0;
        line-height: 24px;
    }  
    .home-section-02 .carousel-caption {
        left: 100px;
        width: auto;
    }    
    .home-section-02 .carousel-caption p {
        font-size: 16px;
        line-height: 24px;
    }
    .home-section-06 .box.box-a .figure-number, .home-section-06 .box.box-c .figure-number {
        margin: -18px 0 0 53px;
    }
    .home-section-06 .box.box-b .figure-number, .home-section-06 .box.box-d .figure-number {
        margin: -18px 0 0 25px;
    }
    .home-section-06 .box-a .black-line, .home-section-06 .box-b .black-line, .home-section-06 .box-c .black-line, .home-section-06 .box-d .black-line {
        height: 5px;
        width: 90%;
        left: 5%;
        top: 50%;
    }
    .home-section-06 .box-a p, .home-section-06 .box-b p, .home-section-06 .box-c p, .home-section-06 .box-d p {
        left: 0;
        text-align: center;
        top: 20%;
    }
    .home-section-06 .box-02 {
        height: auto;
    }
    .home-section-06 .div-quote {
        margin: 0 auto 60px auto;
    }
    .home-section-06 .div-text {
        width: 80%;
        text-align: center;
    }
    .home-section-06 .box p {
        font-size: 30px;
    }
    .footer-01 p {
        font-size: 50px;
        line-height: 62px;
        text-align: center;
    }
    .footer-01 .div-quote {
        text-align: center;
    }
    .footer-02 .box-01, .footer-02 .box-02 .ft, .footer-03 .ft {
        text-align: center; 
    } 
    .footer-02 .box-01 .ft, .footer-02 .box-02 .ft, .footer-03 .ft {
        padding: 32px 0 12px 0;
    }
    .footer-03 .box {
        margin: 0 auto;
        width: 50%;
    }
    .services-section-02 .box {
        left: 10%;
        width: 80%;
    }
    .services-section-02 .box .image-box, .services-section-02 .box .outline-effect {
        width: 320px;
        height: 320px;
    }        
    .innerservices-section-02 .slide {
        height: 246px;
    }
    .innerservices-section-04 .box.box-01a, .innerservices-section-04 .box.box-01b, .innerservices-section-04 .box.box-01c, .innerservices-section-04 .box.box-01d {
        background-size: cover;
        margin: 0 0 24px 0;
    }
    .innerservices-section-04 .box {
        margin: 24px 0 24px 0;
    }
    .home-section-05 {
        display: none;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .home-banner-area .box {
        width: 100%;
    }
    .home-banner-area h1 {
        font-size: 60px;
    }
    .home-banner-area h2 {
        font-size: 26px;
    }
    .hd .header-box h3 {
        font-size: 44px;
        margin: 0;
    }
    .hd .header-caption {
        position: relative;
    }
    .hd .header-caption p {
        font-size: 20px;
        padding: 0 0 60px 0;
        line-height: 24px;
    }  
    .home-section-02 .carousel-caption {
        left: 100px;
        width: 420px;
    }    
    .home-section-02 .carousel-caption p {
        font-size: 16px;
        line-height: 24px;
    }
    .home-section-06 .box.box-a .figure-number, .home-section-06 .box.box-c .figure-number {
        margin: -18px 0 0 67px;
    }
    .home-section-06 .box.box-b .figure-number, .home-section-06 .box.box-d .figure-number {
        margin: -18px 0 0 40px;
    }
    .home-section-06 .box-a .black-line, .home-section-06 .box-b .black-line, .home-section-06 .box-c .black-line, .home-section-06 .box-d .black-line {
        height: 5px;
        width: 90%;
        left: 5%;
        top: 50%;
    }
    .home-section-06 .box-a p, .home-section-06 .box-b p, .home-section-06 .box-c p, .home-section-06 .box-d p {
        left: 0;
        text-align: center;
        top: 20%;
    }
    .home-section-06 .box-02 {
        height: auto;
    }
    .home-section-06 .div-quote {
        margin: 0 auto 60px auto;
    }
    .home-section-06 .div-text {
        width: 80%;
        text-align: center;
    }    
    .footer-01 p {
        font-size: 52px;
        line-height: 64px;
        text-align: center;        
    }
    .footer-01 .div-quote {
        text-align: center;
    }
    .footer-02 .box-01, .footer-02 .box-02 .ft, .footer-03 .ft {
        text-align: center; 
    } 
    .footer-02 .box-01 .ft, .footer-02 .box-02 .ft, .footer-03 .ft {
        padding: 32px 0 12px 0;
    }
    .footer-03 .box {
        margin: 0 auto;
        width: 50%;
    }
    .innerservices-section-02 .slide {
        height: 140px;
    }
    .innerservices-section-04 .box.box-01a, .innerservices-section-04 .box.box-01b, .innerservices-section-04 .box.box-01c, .innerservices-section-04 .box.box-01d, .innerservices-section-04 .box.box-02a, .innerservices-section-04 .box.box-02b, .innerservices-section-04 .box.box-02c, .innerservices-section-04 .box.box-02d {
        background-size: cover;
    }
    .innerservices-section-04 .box {
        margin: 24px 0 24px 0;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .navbar .nav-link {
        font-size: 3vh;
        line-height: 5vh;
    }   
    .navbar-nav {
        top: 17%;
        position: relative;
    }
    .navbar .navbar-nav .dropdown-menu {
        font-size: 3vh;
        line-height: 5vh;
    }  
    .navbar .nav-projects {
        top: 18%;
        right: 3%;
    }
    .nav-projects .boxnp p {
        font-size: 24px;
    } 
    .hd .header-box h3 {
        font-size: 70px;
        margin: 0;
    }
    .hd .header-caption {
        position: relative;
    }
    .hd .header-caption p {
        font-size: 28px;
        padding: 0 0 60px 0;
    }    
    .home-section-02 .carousel-caption {
        left: 120px;
        width: 560px;
    }
    .home-section-06 .box p {
        font-size: 22px;
    }
    .home-section-06 .box-02 {
        height: auto;
    }
    .home-section-06 .div-quote {
        margin: 0 auto 60px auto;
    }
    .home-section-06 .div-text {
        width: 80%;
        text-align: center;
    }
    .footer-01 p {
        font-size: 60px;
        line-height: 72px;
    }
    .footer-02 .box-01 .ft, .footer-02 .box-02 .ft, .footer-03 .ft {
        padding: 32px 0 0 0;
    }
    .services-section-02 .box .image-box, .services-section-02 .box .outline-effect {
        width: 320px;
        height: 320px;
    } 
    .innerservices-section-02 .slide {
        height: 88px;
    }
    .innerservices-section-04 .box {
        margin: 0 0 24px 0;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .navbar .nav-link {
        font-size: 4vh;
        line-height: 7vh;
    }   
    .navbar-nav {
        top: 13%;
        position: relative;
    }
    .navbar .navbar-nav .dropdown-menu {
        font-size: 4vh;
        line-height: 7vh;
    }
    .navbar .navbar-nav .dropdown-menu {
        top: -132%;
    }
    .navbar .nav-projects {
        top: 18%;
        right: 12%;
    }
    .nav-projects .boxnp p {
        font-size: 24px;
    }
    .hd .header-box h3 {
        font-size: 70px;
    }
    .hd .header-caption p {
        font-size: 28px;
    }
    .home-section-02 .carousel-caption {
        width: 430px;
        left: 480px;
    }
    .home-section-02 .carousel-caption h4 {
        padding: 0;
        font-size: 20px;
        margin: -16px 0 16px 0;        
    }
    .home-section-02 .carousel-caption p {
        font-size: 18px;
        line-height: 24px;
    }
    .home-section-02 .carousel-inner {
        width: 400px;
    }
    .home-section-02 .carousel-indicators.carousel-indi {
        left: 423px;
    }
    .home-section-02 .carousel-indicators.carousel-indi [data-bs-target] {
        width: 50px;
        height: 65px;
    }
    .home-section-02 .carousel-indicators.carousel-indi button::after {
        font-size: 50px;
        left: -12px;
        top: -22px;
    }
    .home-section-02 .carousel {
        height: auto;
    }
    .home-section-06 .figure-number {
        font-size: 72px;
        margin: 63px 0 0 0;
    }
    .home-section-06 .box-a .black-line, .home-section-06 .box-c .black-line {
        left: 95px;
    }
    .home-section-06 .box-b .black-line, .home-section-06 .box-d .black-line {
        left: 137px;
    }
    .home-section-06 .box p {
        font-size: 26px;
    }
    .home-section-06 .box-a p, .home-section-06 .box-c p {
        left: 118px;
    }
    .home-section-06 .box-b p, .home-section-06 .box-d p {
        left: 160px;
    }
    .innerservices-section-02 .slide {
        height: 120px;
    }
    .innerservices-section-04 .box.box-01a, .innerservices-section-04 .box.box-01b, .innerservices-section-04 .box.box-01c, .innerservices-section-04 .box.box-01d {
        background-size: cover;
    }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
    .hd .header-box h3 {
        font-size: 70px;
    }
    .hd .header-caption p {
        font-size: 28px;
    }
    .home-section-02 .carousel-caption {
        width: 346px;
    }
    .home-section-02 .carousel-caption p {
        font-size: 18px;
        line-height: 24px;
    }
    .home-section-06 .box p {
        font-size: 24px;
    }
    .services-section-02 .box .image-box, .services-section-02 .box .outline-effect {
        width: 340px;
        height: 340px;
    }
    .innerservices-section-02 .box-01 .box p {
        font-size: 28px;
        padding: 56px 0 0 0;
    }
}
@media (max-width: 991.98px) {
    .hd .header-box, .hd .header-boxs {
        text-align: center;
    }
    .home-section-02 .carousel-item img {
        display: none !important;
    }   
    .home-section-02 .carousel-inner {
        width: 100%;
    }
    .home-section-02 .carousel-indicators.carousel-indi {
        left: 0;
    }
    
}
@media (max-width: 767.98px) {
    .home-banner-area {
        background-position: top 0 left;
    }
    .home-banner-area .nv-logo {
        height: 70px;
    }
    .navbar .navbar-collapse {
        height: auto;
    }
    .navbar .navbar-collapse.collapse.show {
        text-align: center;
    }
    .navbar .navbar-nav .dropdown-menu {
        position: inherit;
        top: auto;
        left: auto;
    }
    .navbar .nav-link {
        font-size: 4.5vh;
    }
    .navbar .nav-projects {
        display: none;
    }
    .navbar .dropdown-toggle::after {
        transform: rotate(0deg);;
    }
    .navbar .nav-link {
        /*font-size: 24px;
        line-height: 32px;*/
    }
    .navbar .navbar-nav .dropdown-menu {
        border-left: none;
    }
    .navbar li {
        text-align: center;
    }
}
@media (max-width: 575.98px) {
    .home-section-05 {
        display: none;
    }
    .home-section-03 .box h4 {
        font-size: 24px;
    }
    .home-section-04 .box:hover .image-box {
        transform: scale(1.1);
    }
    .home-section-06 .div-quote {
        width: 250px;
    }
    .home-section-06 .btn.learn-more-button {
        font-size: 26px;
    }
    .footer-01 .div-quote {
        width: 270px;
        margin: 43px auto 0 auto;
    }
    .about-section-04 {
        margin: 0 7px;
    }
    .home-banner-area.is-banner h1 {
        font-size: 40px;
    }
    
    .home-section-03 .ib-container {
        width: 100%;
    }
    .home-section-03 .ib-container .article, .home-section-03.architecture-page .ib-container .article, .home-section-03.mep-page .ib-container .article, .home-section-03.facade-page .ib-container .article, .home-section-03.steel-page .ib-container .article, .home-section-03.precast-page .ib-container .article, .home-section-03.rebar-page .ib-container .article    {
        width: 90%;
    }
    .home-section-03.architecture-page .ib-container .article {
        margin: 12px auto;
    }
    .steel-page-03 .box-left .box-00 .box-title {
        width: 74%;
        left: 26%;
    }
    .steel-page-03 .box-left .box-00 .box-title h4 {
        margin: 0 0 0 0;
    }
    .steel-page-03 .box-right {
        display: none;
    }
    .effect-for-word.hor-ver-text {
        width: 300px;
    }
    .effect-for-word span {
        font-size: 31px;
    }
    .effect-for-word .word.text-designing, .effect-for-word .word.text-modelling, .effect-for-word .word.text-detailing, .effect-for-word .word.text-engineering {
        padding-left: 62px;
    }
    .container.container-01 {
        display: none;
    }
    .nav-link.link-about:hover, .nav-link.link-home:hover, .nav-link.link-about:hover, .nav-link.link-services:hover, .nav-link.link-case:hover, .nav-link.link-sectors:hover, .nav-link.link-careers:hover, .nav-link.link-contact:hover {
        left: inherit;
    }
    .case-section-02 .box {
        margin: 12px 0;
        float: inherit;
    }
    .case-section-02 .box .in-box p {
        display: none;
    }
    .case-section-02 .box.box-01 .image-box, .case-section-02 .box.box-02 .image-box, .case-section-02 .box.box-03 .image-box, .case-section-02 .box.box-04 .image-box, .case-section-02 .box.box-05 .image-box, .case-section-02 .box.box-06 .image-box {
        width: 100%;
        height: 200px;
    }
    .case-section-02 .box.box-04, .case-section-02 .box.box-06 {
        margin: inherit;
    }
    .contact-section-02 .container-02 .country-box p {
        font-size: 18px;
    }
    .container.container-03 {
        display: none;
    }
    .about-section-02 .box.box-01, .about-section-02 .box.box-02 {
        height: inherit;
    }
    .innerservices-section-02 .slide {
        height: 90px;
    }
}
@media (max-width: 479.98px) {
    .home-banner-area .nv-logo {
        height: 46px;
    }
    .home-banner-area .box {
        width: 100%;
        height: 260px;
    }
    .home-banner-area h1 {
        font-size: 30px;
    }
    .home-banner-area h2 {
        font-size: 13px;
    }    
    .home-banner-area .box-quote .quote-button {
        font-size: 13px;
    }
    .hd .header-box h3 {
        font-size: 32px;
        margin: 0;
    }
    .hd .header-caption {
        position: relative;
    }
    .hd .header-caption p {
        font-size: 20px;
        padding: 0 0 60px 0;
        line-height: 24px;
    }  
    .home-section-02 .carousel-caption {
        left: 100px;
        width: auto;
    }    
    .home-section-02 .carousel-caption p {
        font-size: 16px;
        line-height: 24px;
    }
    .home-section-02 .carousel {
        height: 667px;
    }
    .home-section-02 .buttons-together.bt1 .learn-more-button, .home-section-02 .buttons-together.bt2 .learn-more-button {
        font-size: 19px;
    }
    .home-section-02 .carousel-caption h4 {
        padding: 0;
    }
    .home-section-02 .buttons-together {
        height: 46px;
    }
    .home-section-06 .col-6 {
        width: 100%;
    }
    .home-section-06 .figure-number {
        font-size: 72px;
        margin: 63px 0 0 0;
    }
    .home-section-06 .box p {
        font-size: 22px;
    }
    .home-section-06 .box-b .black-line, .home-section-06 .box-d .black-line {
        left: 126px;
    }
    .home-section-06 .box-b p, .home-section-06 .box-d p {
        left: 150px;
    }
    .home-section-06 .box-02 {
        height: auto;
    }
    .home-section-06 .div-quote {
        margin: 0 auto 60px auto;
    }
    .home-section-06 .div-text {
        width: 80%;
        text-align: center;
    }  
    .footer-01 p {
        font-size: 32px;
        line-height: 44px;
        text-align: center;
    }
    .footer-01 .btn.learn-more-button {
        font-size: 28px;
    }
    .footer-01 .div-quote {
        text-align: center;
    }
    .footer-02 .box-01, .footer-02 .box-02 .ft, .footer-03 .ft {
        text-align: center; 
    } 
    .footer-02 .box-01 .ft, .footer-02 .box-02 .ft, .footer-03 .ft {
        padding: 32px 0 12px 0;
    }
    .footer-03 .box {
        margin: 0 auto;
        width: 76%;
    }  
    .services-section-02 .box {
        left: 10%;
        width: 80%;
    }
    .services-section-02 .box .image-box, .services-section-02 .box .outline-effect {
        width: 220px;
        height: 220px;
    }        
    .innerservices-section-02 .slide {
        height: 90px;
    }
    .innerservices-section-04 .box {
        margin: 0 0 24px 0;
    }
    .innerservices-section-04 .box.box-02a, .innerservices-section-04 .box.box-02b, .innerservices-section-04 .box.box-02c, .innerservices-section-04 .box.box-02d {
        margin: 24px 0 24px 0;
    }
    
}