:root{ scroll-behavior: smooth;}

body {

    -webkit-font-smoothing: antialiased!important;

    text-rendering: auto;

    font-family: 'Roboto', sans-serif;

color: #727272;

font-size: 16px;

font-weight: 400;

line-height: 1.4;

}

.spadx{

    padding-right: 3rem !important;

    padding-left: 3rem !important;

}

.fixed-top {

    top: -40px;

    transform: translateY(40px);

    transition: transform .3s;

}

 .w-70{width: 70%;}

h1,h2,h3,h4,h5,h6{ color: #1E1E1E;font-weight: 500;    line-height: 1.4;  font-family: "Roboto Condensed", sans-serif;}













h1{

    font-size: 58px;    line-height: 1.1;

}

h2{

    font-size: 50px;

}

h3{

    font-size: 38px;line-height: 1.15;

}

h4{

    font-size: 32px;

}

h5{

    font-size: 22px;

}

h6{

    font-size: 18px;line-height: 1.5;

}





.txt-black{color: #1E1E1E;}

 .txt-gold{color: #C29912;}

 .bg-black{

background-color: #292929; color: #fff;

 }



.border-radius-10{border-radius: 10px;} 

.border-gry{

    border: 1px solid #898989;

}



.spad{padding: 80px 0;}

.inner-banner .spad{padding: 40px 0;} 





.btn-gold {

    display: inline-block;

    padding: .75rem 1.7rem;

    border-radius: 10px;

    color: #fff;

    font-size: 16px;

    transition: all .3s;

    position: relative;

    overflow: hidden;

    z-index: 1;font-family: "Roboto Condensed", sans-serif;

    font-weight: 400;      background-color: #C29912;

  }

    .btn-gold:after {

      content: '';

      position: absolute;

      bottom: 0;

      left: 0;

      width: 100%;

      height: 100%;

      background-color: #C29912;

      border-radius: 10px;

      z-index: -2;

    }

    .btn-gold:before {

      content: '';

      position: absolute;

      bottom: 0;

      left: 0;

      width: 0%;

      height: 100%;

      background-color: #a68310;

      transition: all .3s;

      border-radius: 10px;

      z-index: -1;

    }

    .btn-gold:hover {

      color: #fff;

      text-decoration: none;

    }

    .btn-gold:hover:before {

        width: 100%;

      }





      .btn-view {

        font-weight: 700;

        text-decoration: none;

        color: #292929;

        display: flex;

        align-items: center;

    }

    .btn-view i {

        margin-left: 5px;

        font-size: 22px;

        transition: all 0.5s;

    }

    .btn-view:hover{ color: #292929;}

    .btn-view:hover i{margin-left: 10px;}







    nav.navbar {padding: 8px 0; background-color: #fff;}

    .navbar-nav .nav-link{

        color: #121111 !important;

        text-decoration: none;

        font-weight: 400;

        padding: 0 30px 0 0 !important;

        font-size: 16px;font-family: "Roboto Condensed", sans-serif;

    }

    .navbar-nav .nav-item:hover .nav-link, .navbar-nav .current-menu-item.nav-item .nav-link{color:#C29912!important;}

    .navbar-light .navbar-brand {

        color: #04438D; 

        font-size: 32px;font-weight: 600;

    }

    

    .dropdown-toggle:after {

        display: inline-block;

        margin: 0 .5em 0 .255em;

        vertical-align: 0;

        content: "\e92e";

        border: none;

        font-family: 'feather' !important;

    }

    .dropdown-menu li a{

        font-size: 14px;

        padding: 3px 16px;

    }

    @media (min-width: 992px) {

        .navbar-expand-lg .navbar-nav .dropdown-menu {

            width: 200px;

        }

    }

   



    b, strong {

        font-weight: 700;

    }

    

    

    #rightsidebar{display: none;}

    

    @media only screen and (max-width: 991px) {

       

    .toggle-cu-menu { cursor: pointer;}

    .hamburger-box-close {

        position: relative;

        display: inline-block;

        width: 26px;

        height: 24px;

        cursor: pointer;

        top: 2px;

    }

    .hamburger-box-close{    top: 50%; transform: translate(0px, -50%);}

    body.open-mm .mobile-menu .header-expandable-menu-top {

        position: absolute;

        right: 13px;

        top: 25px;

    }

    .hamburger-box-close .hamburger-inner, .hamburger-box-close .hamburger-inner:after,.hamburger-box-close .hamburger-inner:before{background-color: #212121; width: 28px;}

    .hamburger-box-close .hamburger-inner {

        transition-delay: .12s;

        transition-timing-function: cubic-bezier(.215,.61,.355,1);

        transform: rotate(45deg);

    }

    .hamburger-box-close .hamburger-inner:before {

        top: 0;

        transition: top 75ms ease,opacity 75ms ease .12s;

        opacity: 0;

    }

    .hamburger-box-close .hamburger-inner:after {

        bottom: 0;

        transition: bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;

        transform: rotate(-90deg);

    }

    .toggle-cu-menu.toggle-cu-menu-open {

        position: absolute;

        right: -10px;

        top: -10px;

        z-index: 20000000;

    }

    body.open-mm .mobile-base {

        position: fixed;

        left: 0;

        top: 0;

        width: 100vw;

        height: 100vh;

        background: rgba(0,0,0,.5);

        z-index: 10000;

    }

    .mobile-menu {

            text-align: left;

            display: block;

            position: fixed;

            right: 0;

            top: 0;

            width: 300px;

            max-width: 100%;

            height: 100vh;

            max-height: 400vh;

            -webkit-overflow-scrolling: touch;

            transition: transform .5s;

            -ms-transform: translateX(310px);

            transform: translateX(310px);

            z-index: 10000010;

            background-color:#fff

    }

    body.open-mm .mobile-menu {

        -ms-transform: translate(0,0);

        transform: translate(0,0);

    }

    .hamburger {

        font: inherit;

        display: inline-block;

        overflow: visible;

        margin: 0;

        padding: 0;

        cursor: pointer;

        transition-timing-function: linear;

        transition-duration: .15s;

        transition-property: opacity,filter;

        text-transform: none;

        color: inherit;

        border: 0;

        background-color: transparent;

        z-index: 100;

    }

    .hamburger-box {

        position: relative;

        display: inline-block;

        width: 40px;

        height: 24px;

        top: 3px;

    }

    .hamburger-inner {

        top: 50%;

        display: block;

        margin-top: -2px;

    }

    .hamburger-inner:after, .hamburger-inner:before {display: block; content: "";}

    .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {

        position: absolute;

        width: 22px;

        height: 3px;

        transition-timing-function: ease;

        transition-duration: .15s;

        transition-property: transform;

        border-radius: 4px;

        background-color: #1d1d1d;

        right: 0;

    }

    .hamburger-inner:before {

        top: -8px;

        width: 25px;

    }

    .hamburger-inner:after {

        bottom: -8px;

        width: 25px;

    }

    .hamburger-inner {

        transition-timing-function: cubic-bezier(.55,.055,.675,.19);

        transition-duration: 75ms;

    }

    .hamburger-inner:before {  transition: top 75ms ease .12s,opacity 75ms ease; }

    .hamburger-inner:after { transition: bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19); }

    body.expand .hamburger{

        top: 15px;

        margin-top: 0px;

        position: absolute;

    }

    body.expand .hamburger-inner {

        transition-delay: .12s;

        transition-timing-function: cubic-bezier(.215,.61,.355,1);

        transform: rotate(45deg);

    }

    body.expand .hamburger-inner:before {

        top: 0;

        transition: top 75ms ease,opacity 75ms ease .12s;

        opacity: 0;

    }

    body.expand .hamburger-inner:after {

        bottom: 0;

        transition: bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;

        transform: rotate(-90deg);

    }

    .menu { margin-top: 50px;}

    #rightsidebar {

        right: 0;

        top:0px;

        display: block!important;

    }

    #rightsidebar ul.dropdown-menu li {

        padding: 5px 0px 5px 10px;

        font-size: 15px;

    }

    ul.header-menu-mobile {

        padding: 0;

        margin: 0;

        list-style: none;

    }

    ul.header-menu-mobile >li {

        font-size: 18px;

        position: relative;

        padding: 10px 20px;

    }

    ul.header-menu-mobile li a {

        color: #212121;

        padding: 0;

        font-weight: 500;

       text-decoration: none;

    }

    ul.header-menu-mobile >li ul{padding: 0;margin: 0;list-style: none;}

    ul.header-menu-mobile >li ul li a{font-size:15px; color: #555;}

    #rightsidebar ul.header-menu-mobile li a {

        position: relative;

        display: block; 

    }

    ul.dropdown-menu3 {

        position: relative;

        right: 0px;

        width: fit-content;

    }

    #rightsidebar .dropdown-toggle::after {

        content: '\f078';

        position: absolute;

        right: 0;

        top: 50%;

        font-family: "FontAwesome";

        font-weight: 400;

        transition: transform .5s;

        padding: 7px 0  7px 3px;

        border-width: 0px;

        font-size: 14px;

        transform: translate(0px, -50%);

    }

    .dropdown-menu{

        float: none;

        border-width: 0px;

        position: relative!important;

        min-width: auto!important;

        padding: 10px 10px 0px;

        transform: translate3d(0px, 0px, 0px)!important;

        border-top: 3px solid rgb(255 255 255)!important;

    }

    .header-part .social-menu {margin-right: 0px!important;}

    .search-box-wrapper .search-box{display: none;}

    #rightsidebar .search-box {

        display: block;

        padding: 20px;

        width: 100%;

    }

    #rightsidebar .search-box form{position: relative;}

    ul.dropdown-menu2,ul.dropdown-menu3 {

        position: relative!important;

        right: auto!important;

        background-color: #fff!important;

    }

    }





    .footer-part{padding-bottom: 50px;}

.footer-part h5 { margin-bottom: 15px;color: #fff;}

.footer-part p a, .footer-part p ,.footer-bottom p, .footer-part ul li a,.footer-part ul li a:hover {

   font-size: 15px;color: #fff;

    text-decoration: none;font-weight: 300

}

.footer-part ul {

    padding: 0;

    margin: 0;

    list-style: none;

}



.footer-part ul li {

    padding-bottom: 8px;

    font-size: 15px

}

.footer-btn {

    background-color: #1E1E1E;

    border-radius: 10px;

    width: fit-content;

    margin-top: 10px;

    padding: 10px 18px;

}



.footer-btn a {

    color: rgba(255, 255, 255, 0.78);

    text-decoration: none;

    font-size: 15px;

    font-weight: 300;

}



.footer-btn i {

    font-size: 18px;

}





ul.social-menu {

    margin: 0 ;

    padding: 0

}



ul.social-menu li {

    display: inline-block;

    vertical-align: top;

    padding-right: 10px;

    position: relative

}



ul.social-menu li a {

    color: #fff;

    text-decoration: none;

    font-size: 22px

}

ul.social-menu li a:hover i{color: #fff;}



.form-control{
    padding: .75rem 1.7rem; 
    border-radius: 10px;
}
.myform .form-control{ margin-bottom: 8px;}


.home-testimonial .testimonial-content {

    color: #333333;

    font-size: 20px;

}



.home-testimonial p.name{font-size: 14px;}

.slick-prev:before {

    content: "\e92f";

    font-family: 'Feather';

    color: #000;

    font-size: 30px

}



.slick-next:before {

    content: "\e930";

    font-family: 'Feather';

    color: #000;

    font-size: 30px

}
.client-logo{padding:0 20px;}
.client-logo .slick-prev{   z-index: 1; left: 0px;}
.client-logo .slick-next{   z-index: 1;  right: 0px;}
.client-logo .slick-slide{
	        margin-right: 1.5rem;
        margin-left: 1.5rem;   
}


.home-about {

    position: relative;

    overflow: hidden;

    background-color: #F4F4F4;

}

.home-about .info-image {

    width: 50%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

}

.home-about .info-image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.info-content {

    padding: 70px 0 70px 50px;

}





@-webkit-keyframes zoom {

    from {   

    -webkit-transform:scale(1.1, 1.1)  

    } 

    to {   

        -webkit-transform: scale(1, 1)    

    }

    }

    @keyframes zoom {

    from {

    transform:scale(1.1, 1.1)

    }

    to {

        transform: scale(1, 1)

    }

    }

    

    .hm-banner img {

        -webkit-animation: zoom 20s;

        animation: zoom 20s;

        animation-iteration-count: infinite;

        width: 100%

    }

    .carousel-indicators [data-bs-target] {

        opacity: 1;

        width: 8px;

        height: 8px;

        border-radius: 5px;

        border-width: 0px;

    }

    .carousel-indicators .active{    width: 40px;background-color: #C29912;}



    .home-choose .img-box img, .home-choose .img-box{

        height: 100%;

    }

    .midas-box{transition: 0.5s all;height: 100%;overflow:hidden;background-color: #fff;}
    .hm-contact .midas-box{height: auto;}
    .midas-box h5 a{

        color: #1E1E1E;text-decoration: none;

    }
    .midas-box p a,.midas-box p{   text-decoration: none; color: #727272;}
    .midas-box:hover{

        border-color: #C29912;

        background-color: #C29912;

        color: #fff;transition: 0.5s all;

    }

    .midas-box:hover h5,    .midas-box:hover p ,.midas-box:hover h5 a ,.midas-box:hover .btn-view,  .midas-box:hover p a{

        color: #fff;text-decoration: none;

    }

    .midas-box:hover img{filter: invert(1);}
   .service-part .midas-box:hover img{filter: invert(0);}
.service-part img{height:200px; object-fit:cover;}

    .img-box{

        overflow: hidden;

        position: relative;

        cursor: pointer;

    }

    .img-box img {

        width: 100%;

        object-fit: cover;

        transition: .5s all

    }

    

    .img-box:hover img {

        transform: scale(1.1)

    }

    .home-portfolio .slick-slide{margin: 0 10px;}

.home-portfolio img {

    object-fit: cover;

    display: block;

    height: 400px;width: 100%;

}



.slick-dots li {

    width: auto;

    height: auto;

}

.slick-dots li button:before{display: none;}

.slick-dots li button {

    border-radius: 10px;

    width: 10px;

    height: 10px;

    content: '';

    opacity: 1;

    background-color: #ccc;

}

.slick-dots li.slick-active button{     width: 40px;

    background-color: #C29912;}

    /*gallery page*/

    .gi-bricks-wrapper {margin-left: -7.5px;margin-right: -7.5px;position: relative;}

.gi-bricks {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	-webkit-box-pack: start;

	-webkit-justify-content: flex-start;

	-ms-flex-pack: start;

	justify-content: flex-start;

}



.mosaic-asset {position: relative;padding: 7.5px;}

.gi-bricks-img {

    position: absolute;

    width: 100%;

    height: 100%;

	top:0;

	left:0;

	background: rgba(0,0,0,0.5);

	opacity:0;

	transition:0.5s all;

}



.gi-bricks-img:after{

    content: url(../images/zoom.png);

    left: 0;

    top: 50%;

    right: 0;

    margin-left: auto;

    margin-right: auto;  text-align: center; position: absolute;transform: translate(0, -50%);}

.gi-bricks-img:hover{opacity:1;}

.mosaic-asset > a{display:block;width:100%;height:100%;position:relative;}

.mosaic-asset img {

	-webkit-touch-callout: none;

	vertical-align: top;

	width: 100%;

	height: 100%;

	/*-webkit-box-shadow: 2px 2px 5px 2px rgb(186 186 186 / 50%);

	box-shadow: 2px 2px 5px 2px rgb(186 186 186 / 50%);*/

	position: relative;

}



ul.client-logos {

    padding: 0;

    margin: 0;

    list-style: none;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    text-align: center;

    position: relative;

}



ul.client-logos li {

    margin: 10px 0;

    width: 32%;

}

ul.client-logos:after {

    content: '';

    position: absolute;

    width: 100%;

    height: 1px;

    top: 50%;

    background: linear-gradient(to right,  rgba(137,137,137,0.1) 0%,rgba(137,137,137,1) 36%,rgba(137,137,137,1) 66%,rgba(137,137,137,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

ul.client-logos:before {

    content: '';

    position: absolute;

    width: 1px;

    height: 100%;

    left: 32%;

    background: linear-gradient(to bottom, rgba(137, 137, 137, 0.1) 0%, rgba(137, 137, 137, 1) 36%, rgba(137, 137, 137, 1) 66%, rgba(137, 137, 137, 0) 100%);

}

.client-wrap:before {

    content: '';

    position: absolute;

    width: 1px;

    height: 100%;

    left: 64%;

    background: linear-gradient(to bottom, rgba(137, 137, 137, 0.1) 0%, rgba(137, 137, 137, 1) 36%, rgba(137, 137, 137, 1) 66%, rgba(137, 137, 137, 0) 100%);

}



.inner-banner{

    background-image: url(../images/inner-bg.jpg);

    background-repeat: no-repeat;

    background-size: cover;

}

.breadcumb a,.breadcumb {

    text-decoration: none;

    color: #f9f8f3;

    text-align: center;

    font-size: 15px;

    height: 28px;

    display: inline-flex;

    align-items: center;

}

.breadcumb i{margin: 0 5px;}

.contact-form p{margin: 0;}
.contact-form label {
    color: #1E1E1E;
    margin-bottom: 5px;
    font-size: 14px;
}
.contact-form textarea.form-control {
    height: 100px;
}
.hm-contact .midas-box i {
    font-size: 30px;
}
.hm-contact .midas-box:hover img {
    filter: invert(0);
}
.about-process img{  filter: invert(1);}
.process-box:after {
    content: "\e912";
    position: absolute;
    font-family: 'Feather';
    top: 50%;
    right:-20px;
    font-size: 27px;
    transform: translate(0px, -50%);
    color: #c29912;
}
.about-process .col-4:last-child .process-box:after{display:none;}





@media only screen and (max-width: 991px) {
    .home-portfolio img{    height: 300px;}
    .info-content {
        padding: 70px 0 70px 20px;
    }
    .footer-part ul.social-menu{margin-bottom: 20px;}
    ul.client-logos{justify-content: center;}
	.location-about img{height:auto}
	.process-box h5{font-size:16px}
	.client-logo .slick-slide{
	        margin-right: 1rem;
        margin-left: 1rem;
}
}

@media only screen and (max-width: 767px) {
    .spad ,.home-about{
        padding: 60px 0;
    }
    .home-about .info-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .info-content {
        padding: 20px 0 0px 0px;
    }
    .home-about .info-image {
        width: 100%;
        height: auto;
        position: relative;
    }
    h1{ font-size: 50px;   }
    h2{ font-size: 42px;}
    h3{ font-size: 34px; }
    h4{ font-size: 28px; }
    h5{ font-size: 20px;  }
    .slick-prev { left: 0px; }
    .slick-next {  right: 0px;}
    .footer-part ul.social-menu {margin-bottom: 0px;}
    .footer-part h5 {  margin-top: 20px;}
}
@media only screen and (max-width: 500px) {
.header-part .btn-gold{display: none;}
.hm-banner img {
    height: 300px;
    object-fit: cover;
}
ul.client-logos li img {
    max-width: 80px;
    max-height: 70px;
}
.home-testimonial .testimonial-content {
    font-size: 18px;
}
	.process-box:after {
    right: -3px;
    font-size: 16px;
}
}