/**
	
* Template Name: Bluebird - Multipurpose Responsive HTML Template
* Version: 2.8
* Author: Unicoder
* Email: unicoder16@gmail.com
* Developed By: Unicoder
* First Release: 6th October, 2019
* Author URL: www.unicoderbd.com

*/


/**
Blurbird - Multipurpose HTML Template Stylesheet, all of the demos css
are in the style.css file. But the color css are loding from seperate 
color css file in assets/css/category folder. So you can easily 
control the color option from that file. It's will not conflique or 
afftect the style.css file and you don't need to edit style.css

All the color option we use as variable system. Just the variable call
in main style.css file.

**/


/*================== Start CSS =====================*/
@import url('https://fonts.googleapis.com/css2?family=Saira+Stencil+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fjalla+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');


@font-face {
  font-family: 'integralcf-bold';
  src: url(../font/integralcf-bold.woff2) format('woff2');
}

/*font-size: 36px;*/
/*font-weight: 400;*/
/*font-family: 'Saira Stencil One', cursive;*/
/*:root { --theme-highlight-font: 'Titillium Web', sans-serif; }*/



.container,
.container-fluid {
    transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
}

body {
    font-size: 14.5px;
    font-weight: 400;
    line-height: 25px;
	width: 100%;
    /*background-color: #181a1d;*/
    background-color: #212121;
    font-family: "Work Sans", serif;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0
}

a,
a:hover {
    text-decoration: none;
}

img {
    max-width: 100%
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a {
    font-family: 'integralcf-bold';
    margin-bottom: 0;
    color: #181a1d;
    letter-spacing: .5px;
}

h1,
.h1 {
    font-size: 40px;
    font-weight: 700
}

h2,
.h2 {
    font-size: 32px;
    font-weight: 700
}

h3,
.h3 {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.3;
}

h4,
.h4 {
    font-size: 21px;
    font-weight: 700
}

h5,
.h5 {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5
}

h6,
.h6 {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px
}

.purchase-btn-envato {
    position: fixed;
    left: 50px;
    bottom: 50px;
    z-index: 9;
    width: 50px;
    height: 50px;
    z-index: 100
}

.purchase-btn-envato a {
    z-index: 100;
    position: relative
}

.hover-bg-light:hover {
    background-color: var(--theme-light-color) !important
}

.ball-scale-multiple.primary>div {
    background-color: var(--theme-primary-color);
}


/* For start up home page start*/
.y-center.position-lg-absolute {
    top: 0;
    transform: translateY(0);
}

.slider-signup {
    position: relative;
}

.slider-signup input {
    padding: 13px 130px 13px 15px
}

.slider-signup .btn {
    position: absolute;
    top: 0;
    right: 0;
}


/* For start up home page End*/

.sky{
    float: right;
}
.sky-1{
    margin-top: 15px;
}
.sky-2{
    margin-right: 6px !important;
    padding: 10px 15px;
    background-color: #ce0122;
    border-radius: 2px;
}
.sky-3{
    padding: 10px 12px;
    background-color: #ce0122;
    border-radius: 2px;
}
.sky-white{
    color: #fff;
}

.sky-black{
    color: #111;
}

.sky-w{
    color: #fff !important;
}
.sky-white-off{
    color: #d2d2d2 !important;
}
.sky-b{
    color: #141b25 !important;
}
.sky-r{
    color: #ce0122;
}

.sky-fb-btn:hover{
        background-color: #333;
}


.sky-4{
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    padding: 0 !important;
}


.sky-4-1{
    position: relative;
    width: 100%;
    padding: 0 !important;
}


.sky-5{
    margin-bottom: 50px;
}
.sky-6{
    color: #333 !important;
}
.sky-7{
    margin-top: 1rem;
}
.sky-8{
    margin-top: 1.2rem;
}
.sky-9{
    box-shadow: 3px 3px 5px 5px #ce012217;
    border-radius: 5px;
}
.sky-10{
    margin-top: 80px;
}
.sky-11{
    margin-bottom: 40px;
}


.sky-li a{
    display: flex;
}
.sky-li img{
    height: 60px;
    width: 50px;
}
.sky-li p{
    padding: 15px 0px 0px 10px;
}

.sky-12{
    margin-top: 20px;
}
.sky-13-ul{
    margin-left: 20px;
}
.sky-13-ul li:before{
    margin-right: 8px;
   font-family: "Font Awesome 5 Free"; 
   font-weight: 900; 
   content: "\f058";
}
.sky-serv-img{
    width: 100;
    display: flex;
    padding: 8px;
    border: 1px solid #e1e1e1;
}
.sky-serv-img img{
    width: 100%;
    height: auto;
}
.sky-serv-img-1{
    margin-right: 3px;
    width: 50%;
}
.sky-serv-img-2{
    margin-left: 3px;
    width: 50%;
}


.sky-14{
    margin-right: 10px;
    box-shadow: 3px 3px 4px 4px #6666662b;
}
.full-row-work {
    position: relative;
    width: 100%;
    padding: 80px 0 60px;
}



.full-row-5{
    position: relative;
    width: 100%;
    padding: 90px 0 10px;   
}

.full-row-blog{
    position: relative;
    width: 100%;
    padding: 40px 0 80px;
}


.sky-15{
    text-align: center;
}

.sky-16{
    margin-top: 10px;
    float: right;
    color: #fff !important;
}

.sky-17{
    margin-top: 20px;
}
.sky-17 a{
    color: #fff !important;
}
.sky-18{
    margin-top: 80px;
}

.mobile-slider-content{display: none;}

::-webkit-scrollbar {width: 5px;}
::-webkit-scrollbar-track {background: #000;}
::-webkit-scrollbar-thumb {background: #fff;}

#callnowbutton {display: none;}
    @media screen and (max-width: 650px){
        .header-top{display: none;}
        .bbc-1{width: 150px !important; margin-top: 0 !important;}
        h3 {font-size: 24px !important;}
        .mob-none{display: none;}
        h1, .h1 {font-size: 28px !important;}
        .thumb-numbering.mb-4 {min-height: auto !important;}
        h2, .h2 {font-size: 21px!important;}
        .thumb-transparent {padding: 30px 20px 0!important;}
        .mob-kk-1{margin-bottom: 15px;}
        .bbc-form{display: none;}
        .bbc-foot-logo {width: 75% !important;}
        .mob-kk-2{margin-top: 50px;}
        .mobile-slider-content{
            display: block;
            padding: 8px;
            width: 85%;
            background-color: #ffffff75;
            position: absolute;
            z-index: 99;
            top: 30px;
            left: 30px;
        }
        .mobile-slider-content p{
            margin-top: 7px;
            line-height: 22px;
        }



        #scroll {
            right: 20px;
            bottom: 75px;
        }
        #callnowbutton {
            position: fixed;
            text-decoration: none;
            z-index: 99999;
            width: 100vw;
            left: 0;
            bottom: 0;
            height: auto;
            padding: 11px 0;
            border-top: 1px solid #73da11;
            border-bottom: 1px solid #73da11;
            text-align: center;
            color: #fff;
            font-weight: 600;
            font-size: 16px;
            overflow: hidden;
            padding-right: 20px;
            background: #73da11;
            display: flex;
            justify-content: center;
            align-items: center;
            box-shadow: inset 0 -10px 20px rgb(0 0 0 / 20%);
        }
    }

    
    .ab30 {margin-top: -2px;width: 21px;height: 21px;margin-right: 10px;}



.switch-box {
    background-color: #ce0122;
    width: auto;
    padding: 5px 10px;
    position: fixed;
    bottom: 50px;
    left: 30px;
    border-radius: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
}
.switch-box:hover{
    background-color: #333 !important;
}
.switch-box_btn {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    transition: all .2s;
}
.switch-box_btn:hover.switch-box {
    background-color: #235078;
    box-shadow: 0 14px 30px -8px #0029ff8f;
    color: #fff;
}

@media screen and (max-width:650px) {
    .switch-box{ display: none !important;}
}

.sonu:hover{
    background-color: #333;
}


.bg-sky-blck{
    background-color: #111;
}
.bg-sky-blck p{
    color: #fff;
}

.sky-btns{
    margin-top: 50px;
}
.sky-30{
    margin-bottom: 20px;
    margin-left: 20px;
    list-style: disc;
}

.sky-31{
    width: 52px;
}

.sky-32{
    margin-bottom: 80px;
}

/*.ul.maga-menu-row.dropdown-menu {
    width: 100%;
    display: flex;
    flex-direction: row;
}*/



.mnu h5 {    padding-left: 24px; }
.row.scroll-row{ max-height: 308px; overflow-y: auto;}


a.btn.btn-primary.bhz{
    color: #fff;
    /*margin-right: 5px;*/
    line-height: 44px;
    }

a.btn.btn-primary.bhz:focus {
    background-color: #fff;
    color: #000;
    outline: 0px solid #fff;
    border: 0;
}
a.btn.btn-primary.bhz:hover { background-color: #212529; }
span.calltxt-b {
    font-weight: 400;
    font-family: 'Saira Stencil One', cursive;
    font-size: 38px;
}
.col-lg-4.col-md-4.pl-0 { padding: 0px 14px 0px 0px; }










/*button zoom effect*/


/*animation: blink 1.2s infinite;*/


  @-webkit-keyframes blink {
    0% {
      transform: scale(1);
    }

    50% {
      transform: scale(1.15);
    }

    100% {
      transform: scale(1);
    }
  }

  @keyframes blink {
    0% {
      transform: scale(1);
    }

    50% {
      transform: scale(1.15);
    }

    100% {
      transform: scale(1);
    }
  }

/*color auto chenge*/

.calltop {
    color: #ce0122;
    animation:myfirst 5s;
    -moz-animation:myfirst 5s infinite; /* Firefox */
    -webkit-animation:myfirst 5s infinite; /* Safari and Chrome */
}

@-moz-keyframes myfirst /* Firefox */ {
    0% {color: #dd0000;}
    50% {color: #ce0122;}
    100% {color: #dd0000;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */ {
    0% {color: #dd0000;}
    50% {color: #ce0122;}
    100% {color: #dd0000;}
}















.bhz-gp h4{ padding-bottom: 30px; }

.thumb-numbering.mb-4 {
    background-color: #fff;
    box-shadow: 4px 4px 10px #0000007d;
    padding: 14px;
    border-radius: 8px;
    min-height: 285px;
}
.col-lg-2.col-md-4.bhz-nogp{
    padding: 5px;
}

.thumb-numbering.mb-4 span.h1.text-gray.pl-4 {
    position: absolute;
    bottom: 35px;
    right: 30px;
    opacity: 0.5;
    font-size: 36px;
    font-family: "Work Sans", serif;
}
.full-row.bhz-mg{
    margin-bottom: -139px;
    padding-bottom: 0px;    
    z-index: 9;
}
.full-row.overlay-secondary.bhz-pdtop{
    padding-top: 160px;
}

/*================================*/
.header-top {
    z-index: 99;
    border-bottom: 1px solid #a39f9f47;
    background-color: #fff;
    position: relative;
}
.header-top ul {
    float: right;
    list-style: none;
    padding: 0;
    margin: 0;
}
.header-top li {
    padding-bottom: 12px;
    padding-top: 12px;
    color: #090e15;
    font-size: 14px;
    display: inline-block;
    margin-right: 15px;
    position: relative;
    padding-right: 15px;
    border-right: 1px solid #a39f9f47;
}
.header-top li a{
    color: #090e15;
}

.bbc-1{
    margin-right: 50px;
    background-color: #fff;
    position: relative;
    width: 230px;
    margin-top: -40px;
}
.ls-fullscreen-wrapper{
    /*height: 100vh;*/
}
#slider{
    margin-top: 0px !important;
    /*height: 100vh !important;*/
}
.navigation-header{
    background-color: #fff;
}
.bbc-form{
    background-color: #1b1b1b;
    padding: 28px;
    border-radius: 8px;
    margin-top: -240px;
    box-shadow: 4px 4px 10px #0000007d;
}
.bbc-color{
    color: #d0cccc;
}
.bbc-2{
    margin-bottom: 10px;
}
.bbc-foot-logo{
    margin: 0 auto 40px;
    display: block;
    width: 25%;
}
.image-wrap {
    position: relative;
    overflow: hidden;
}
.bbc-content{
    background-color: #fff;
    padding: 25px;
    border-bottom: 4px solid var(--theme-primary-color);
}
.bbc-content h6{
    margin-bottom: 8px;
}

.bbc-img-area img{
    transition: transform .8s;
}
.bbc-img-area{
    overflow: hidden;
    transition: transform .8s;
}
.bbc-service-area{
    margin-bottom: 50px;
}
.bbc-service-area img:hover{
    transform: scale(1.2);
}
.bbc-content p{
    margin-bottom: 10px;
}
.bbc-11{
    margin-bottom: 15px;
}
.bbc-12{
    display: block;
    margin: 0 auto 10px;
    width: fit-content;
}
.ps-3{
    padding-left: 15px;
}

span.float-start.d-table img {
    width: 120px;
}

.fixed-top img{
    margin-right: 0px;
    margin-top: 0;
    width: 150px;
}


/*===========================================*/
.ns-1{
    color: #00377B;
    margin-bottom: 15px;
}

.service-area-img{
    width: 100%;
    padding-top: 10px;
    padding-bottom: 30px;
}

.service-btn{
    padding-bottom: 30px;
    padding-top: 15px;
}

.ns-btn{
    border: 1px solid;
}

.ns-wrap a{
   white-space: nowrap;
}

.ns-ul li:before{
    content: '';
    background:url('../img/check.png');
    background-size: 20px 20px;
    position:absolute;
    width:20px;
    height:20px;
    margin-left:-8px;
    margin-top: 8px;
}

.ns-gal-p{
    text-align: center;
    color: #111;
    font-weight: 600;
    padding: 5px;
}

.ns-2{
    margin-bottom: 80px;
}

.ns-3{
    color: #fff !important;
    margin-right: 10px;
}

.ns-testimonal{
    background-color: #f9f9f9;
    padding: 30px;
    border-radius: 5px;
    margin-bottom: 30px;
}

.ns-testimonal h4{
    padding-bottom: 8px;
}

.ns-testimonal p{
    width: 90%;
}

.ns-testimonal img{
    opacity: .8;
    position: relative;
    float: right;
    margin-top: -50px;
    width: 42px;
}

.ns-4{
    color: #111 !important;
}

.ns-5 {
    margin-top: 0.5rem;
    margin-bottom: 2rem;
}

.ns-quote{
    border-radius: 5px;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    background-color: #fff;
    padding: 20px 30px;
}

.ns-6{
    padding-left: 30px;
}

.ns-7{
    margin-top: 55px;
}

.ns-8{
    padding-top: 100px;
}

.ns-9{
    padding-top: 12px;
    padding-bottom: 15px;
}


.spark-local{
    background-image: url(../img/local.jpg);
    padding-top: 80px;
    padding-bottom: 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 80px;
    background-color: #ffffffa6;
    background-blend-mode: overlay;
    margin-top: 45px;
}
.spark-local p{
    color: #333;
}
.mrkyimg img{ width: 15%; }


.spark-appointment{
    padding: 30px 30px 35px;
    border-radius: 5px;
    background-color: #181a1d;
}

.spark-appointment h2{
    letter-spacing: -1px;
    line-height: 28px;
    margin-bottom: 10px;
    color: #fff;
    font-size: 28px;
}

.spark-appointment p{
    margin-bottom: 25px;
    font-size: 15px;
    color: #c1c1c1;
    line-height: 20px;
}

.spark-input {
    border: none;
    width: 100%;
    height: 45px !important;
    border-radius: 5px !important;
    background-color: #fff !important;
    padding: 20px;
    margin-bottom: 17px;
}

.spark-submit {
    box-shadow: inset 0 -10px 20px rgb(0 0 0 / 20%);
    color: #fff;
    background-color: #73da11;
    padding: 0px 35px;
    line-height: 42px;
    border-radius: 5px;
    height: 45px;
    border: none;
    width: 100%;
}

.spark-7{
    padding-left: 25px;
}

.spark-8{
    padding: 0px 40px;
}

.spark-foot{
    box-shadow: 0px 3px 49px 0px rgb(0 0 0 / 44%);
    border-radius: 10px;
}

.spark-aout{
    box-shadow: 0px 3px 49px 0px rgb(0 0 0 / 16%);
    border-radius: 8px;
}





/*scroll  left css*/
#deskgroupbtnLeft{ 
    display: none; 
    position: fixed;
    bottom: 30px;
    left: 50px;
    z-index: 99; 
}

#deskgroupbtnLeft a{ border-radius: 0%; }
#deskgroupbtnLeft img{ width: 200px; margin-right: 3px; }

/*scroll right css*/
#deskgroupbtn{ 
    display: none; 
    position: fixed;
    bottom: 30px;
    right: 72px;
    z-index: 99; 
 }

 #deskgroupbtn a{ 
    border-radius: 50%;
    width: 40px;
    height: 40px; 
}
#deskgroupbtn img{ 
    width: 40px; 
    height: 40px; 
    margin-right: 3px; 
}
.gg-icon-mob{ 
    display: none; 
}

.huop-pr0 {
    padding-right: 0px !important;
}




@media only screen and (max-width: 600px){
    .single-intro .intro-title .intro-cat { padding: 4px 11px; }
    .gg-icon-mob{ display: block; width: 42px; height: 42px; }
    #deskgroupbtnLeft img{ 
        width: 42px; 
        height: 42px; 
    }
    .gg-icon img{
        display: none;
        width: 42px;
        margin-right: 3px;
        margin-bottom: 4px;
        margin-left: -14px;
        border-radius: 50px;
    }
    #deskgroupbtnLeft{ left: 20px; }
}



@media screen and (max-width: 650px){
    .mrkyimg img {
    width: 30%; }
    .ns-9 {padding-top: 30px;}
    #deskgroupbtnLeft {bottom: 73px;}
    .p-35 {padding: 15px;}
    .py-5 {padding-bottom: 1rem!important;}
    .nav-white .dropdown-item {color: #000;}
    .move_anim img {display: none;}
    .uni-building-content{padding-bottom: 30px;}
    .uni-building-content h2 {font-size: 18px !important;}
    .uni-sub-1 {font-size: 16px !important;}
    .full-row {padding: 35px 0;}
    p {font-size: 14px;line-height: 25px;}
    .uni-sub-2 {padding-bottom: 5px;}
    .uni-suburb-side {height: 450px !important;}

}


.move_anim img {
    -webkit-animation: movebounce 3.0s linear infinite;
    animation: movebounce 3.0s linear infinite;
}
.blinker_anim img, .SecLayerimg img {
    max-width: 100%;
    height: auto;
}
.categpruSection01 .SecLayerimg {
    left: 30px;
    top: -50px;
}
.SecLayerimg {
    position: absolute;
    top: 0;
    right: 2%;
}


.move_anim img {
    float: right;
    margin-right: 50px;
    margin-top: -30px;
    width: 195px;
    -webkit-animation: movebounce 3.0s linear infinite;
    animation: movebounce 3.0s linear infinite;
}

.move_anim2 img{
    -webkit-animation: movebounce2 3.0s linear infinite;
    animation: movebounce2 3.0s linear infinite;
}





@keyframes movebounce {
    0% {
        transform: translateY(0px); }
    50% {
        transform: translateY(20px); }
    100% {
        transform: translateY(0px); }
}
@keyframes movebounce2 {
    0% {
        transform: translateX(0px); }
    50% {
        transform: translateX(20px); }
    100% {
        transform: translateX(0px); }
}
@-webkit-keyframes rotated {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes blinker {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.03, 1.03);
    }
    100% {
        transform: scale(1, 1);
    }
}
@keyframes blinker2 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.5, 1.5);
    }
    100% {
        transform: scale(1, 1);
    }
}
@keyframes circle {
    0% {
        transform: rotate(90deg);
    }
    100% {
        transform: rotate(450deg);
    }
}
@keyframes shadows {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, .15), 0 0 0 30px rgba(255, 255, 255, .15), 0 0 0 50px rgba(255, 255, 255, .15);
    }
    100% {
        box-shadow: 0 0 0 30px rgba(255, 255, 255, .15), 0 0 0 50px rgba(255, 255, 255, .15), 0 0 0 70px rgba(255, 255, 255, 0);
    }
}
@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}
@keyframes shine {
    100% {
        left: 125%;
    }
}
@-webkit-keyframes zoom-hover {
    0% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}


.ism-slider-btns{
    display: flex;
}

.ism-call-btn{
    animation: 1.8s ease 0s infinite normal none running blink;
    font-weight: 700;
    font-size: 24px;
    color: #fff;
    padding-top: 39px;
    padding-left: 30px;
}

.ism-call-btn:hover{
    color: #fff;
}

.ism-call-btn-img{
    margin-right: 5px;
    margin-top: -2px;
    width: 28px;
    filter: invert(1);
}


.ism-span{
    position: absolute;
    background-color: #fff;
    height: 2px;
    width: 100px;
    z-index: 9;
    margin: 11px; 
}


.desk-view{display: block; }
.mob-view{display: none;}




@media screen and (max-width: 3800px){
    .SecLayerimg {position: absolute;top: 0;right: 17%;}
}
@media screen and (max-width: 1640px){
    .SecLayerimg { right: 12%; }
}
@media screen and (max-width: 1380px){
    .SecLayerimg { right: 8%; }
}
@media screen and (max-width: 1200px){
    .SecLayerimg { right: 5%; }
}
@media screen and (max-width: 900px){
    .SecLayerimg { right: 3%; }
}

@media screen and (max-width: 1600px){
    .ism-caption h2 { font-size: 48px !important; margin-top: 22px;}
    .mac-none{display: none !important;}
}

@media screen and (max-width: 1560px){
    .ism-caption h2 {font-size: 42px !important; margin-top: 18px;}
}

@media screen and (max-width: 1370px){
    .ism-caption h2 {font-size: 38px !important; margin-top: 22px;}
    .navbar-nav {padding-left: 15px !important;}
    h6, .h6 {font-size: 15px;}
    h1, .h1 {font-size: 32px;}
    .thumb-numbering p {font-size: 14px;}
    h5, .h5 {font-size: 17px;}
    .thumb-blog-classic p{font-size: 14px;}
    .uni-property h2 {padding: 10px !important;}
    .uni-my-50 {padding: 80px 100px 135px 80px;}
}

@media screen and (max-width: 1280px){
    h6, .h6 {font-size: 14px;}
}

@media (min-width: 730px) and (max-width: 830px){
    #my-slider {height: 550px !important;}
    .uni-bg-gradient {margin-top: -25px;}
    .uni-width-50{width: 50%;margin-bottom: 30px;}
    .spark-appointment {margin-bottom: 15px;}
    .bbc-form {margin-top: 0px;}
    .tab-none{display: none;}
}


@media screen and (max-width: 460px){
    .mob-none{display: none !important;}
    .ism-caption h2 {font-size: 24px !important;margin-top: 5px; line-height: 1.3;}
    .ism-caption p {font-size: 14px;margin-bottom: 0px;}
    #my-slider {height: 380px !important;}
    #my-slider .ism-slide-0 .ism-caption-0 {top: 28% !important; left: 5% !important;}
    /*.ism-slider-btns {display: none;}*/
    .ism-span {width: 35px;}
    #my-slider .ism-slide-1 .ism-caption-0 {top: 28% !important; left: 5% !important;}
    img.nav-logo {width: 200px !important; padding-top: 8px;}
    .px-5 {padding-right: 1rem!important;padding-left: 1rem!important;}
    .ms-5 {margin-left: .5rem!important;}
    .full-row-5 {padding: 45px 0 10px; margin-top: 0px;}
    .uni-width-50{margin-bottom: 20px;}
    .btn {font-size: 13px;padding: 0 12px;}
    span.float-start.d-table img {width: 200px;}
    .uni-11 {padding: 0px;}

    .py-8 {padding-top: 90px;padding-bottom: 100px;}
    
    .uni-property img {width: 65% !important;}
    .uni-property h2 {line-height: 36px !important;font-size: 24px !important;}
    .uni-btn {padding: 0 27px;}
    .uni-my-50 {padding: 30px 30px 100px 30px !important;}
    .muni-50 {width: 100% !important;}
    .col-20-per {width: 100%!important;}

    .desk-view{display: none; }
    .mob-view{display: block;}
    .brth-mb25 {margin-bottom: 10px !important;}
    h3 {font-size: 22px !important;}

    .navbar-toggler-icon { float: right; margin-right: 10px; margin-top: 30px;}
    .mob-padbt25{padding-bottom: 25px;}
    .mb-5, .my-5 {margin-bottom: 2.5rem !important;}
    .uni-2 {font-size: 22px !important;}

    .ekos-1 {font-size: 20px !important;line-height: 1.5;}
    .ism-call-btn {display: none;}
    .ism-btn {margin-top: 16px !important;}



}


/*===============================================================================*/
/*=========================== New CSS ===========================================*/
/*==============================================================================*/

@-webkit-keyframes blink {
    0% {
      transform: scale(1);
    }

    50% {
      transform: scale(1.15);
    }

    100% {
      transform: scale(1);
    }
  }

  @keyframes blink {
    0% {
      transform: scale(1);
    }

    50% {
      transform: scale(1.15);
    }

    100% {
      transform: scale(1);
    }
  }
.navbar-nav {
    padding-left: 0px;
}
.uni-1{
    margin-top: -3px !important;
    filter: invert(1);
    width: 23px !important;
    padding-right: 8px;
}
.uni-2{
    color: #fff;
    font-size: 32px;
    padding-bottom: 10px;
}


.services-area p{
    color: #c8c8c8;
}

.uni-3{
    padding-bottom: 45px;
}

.uni-property img{
    width: 40%;
    margin: 0 auto 30px;
    display: block;
}

.uni-property h2{
    line-height: 52px;
    font-size: 42px;
    color: #00377B;
    padding: 15px;
    text-align: center;
}

.uni-property p{
    font-size: 16px;
    font-weight: 300;
    color: #00377B;
    padding-bottom: 25px;
    padding-top: 15px;
    text-align: center;
}

.uni-btn{
    box-shadow: inset 0 -10px 20px rgb(0 0 0 / 20%);
    text-align: center;
    justify-content: center;
    display: block;
    width: fit-content;
    margin: 0 auto;
}


.my-full-area{
    width: 100%;
    display: flex;

}
.muni-50{
    width: 50%;
}
.uni-my-50{
    background-color: #242424;
    padding: 105px 140px 160px 100px;
}
.uni-my-50 h2{
    padding-bottom: 20px;
    color: #fff;
    line-height: 1.4;
}

.uni-my-50 p{
    color: #fff;
}

.muni-50-btn{
    position: absolute;
    margin-top: 10px;
    color: #fff;
    border-color: #73da11;
    border: 1px solid #73da11;
    padding: 10px 25px;
    border-radius: 25px;
    background-color: #73da11;
    box-shadow: inset 0 -10px 20px rgb(0 0 0 / 20%);
}

.muni-50-btn:hover{
    box-shadow: inset 0 -10px 20px rgb(0 0 0 / 20%);
    background-color: #fff0;
    color: #fff;
    border: 1px solid #fff;
}

.uni-contact{
    margin-right: 15px;
    box-shadow: 0 .5rem 1rem rgb(0 0 0 / 61%) !important;
    padding: 30px;
    border-radius: 5px;
}

.uni-4{
    padding-top: 10px;
    font-weight: 400;
    font-size: 18px;
}

.box-80px {
    width: 80px !important;
    height: 80px !important;
}

.uni-flex{
    display: flex;
}

.uni-5{
    padding-bottom: 8px;
    line-height: 28px;
    font-size: 22px;
}

.uni-6-ul li{
    font-weight: 300 !important;
    padding: 0 5px !important;
    list-style: disc;
}

.ms-5 {
    margin-left: 3rem;
}
.mb-5 {
    margin-bottom: 3rem;
}
.px-5 {
    padding-right: 3rem;
    padding-left: 3rem;
}
.uni-bg-gradient{
    background: #242424;
    /*background: linear-gradient(180deg, rgba(239,239,239,1) 0%, rgba(239,239,239,1) 85%, rgba(255,255,255,1) 100%);*/
}

.uni-10{
    font-weight: 400;
    font-size: 16px;
}

.uni-11{
    padding: 3px;
}

.zoom {
    width: 100%;
    height: 400px;
    transition: transform .9s;
    object-fit: cover;
}

.zoom:hover {
  transform: scale(1.1);
}

.portfolio-img{
    overflow: hidden;
}

.uni-12{
    color: #f1f1f1;
    font-weight: 700;
    padding: 0 3px;
}

.uni-12:hover{
    color: #f1f1f1;
}

.uni-building{
    background-color: #2f2f2f;
    padding: 50px 0;
}

.uni-building-content img{
    display: block;
    margin: 0 auto;
    width: 25%;
}

.uni-building-content h2{
    font-size: 18px;
    text-align: center;
    color: #fff;
    margin: 20px 0 10px 0;
}

.uni-building-content p{
    font-weight: 300;
    line-height: 22px;
    margin-bottom: 0;
    text-align: center;
    color: #bdbdbd;
}

.uni-suburb-side{
    overflow: auto;
    height: 1844px;
    background-color: #f9f9f9;
}


.uni-sub-1{
    margin-top: 25px;
    margin-bottom: 3px;
    font-size: 16px;
}

.uni-sub-2{
    font-size: 28px;
}

.uni-13{
   margin-bottom: 5px;
}

.maintenance-row {
    position: relative;
    width: 100%;
    padding: 100px 0 80px;
}

html {
  scroll-behavior: smooth;
}

.lp-mn{
    margin-top: -3px;
    width: 16px;
    padding-right: 5px;
}


/*============= Brighter Touch Painting ==================*/
.brother-green{
    color: #73da11;
}

.header-menu{
    background-color: #73da11;
    color: #fff;
}

.header-menu:hover{
    color: #fff;
}


.brth-mb25{
    margin-bottom: 25px;
}


.brth-green-btn{
    background-color: #73da11;
    color: #fff;
}
.brth-green-btn:hover{
    color: #fff;
}



.brth-black-btn{
    background-color: #181a1d;
    color: #fff;
}
.brth-black-btn:hover{
    color: #fff;
}

.testimonial-bg{
    background-color: #242424;
    padding: 60px 0 30px;
}

.blog-bg{
    background-color: #1b1e21;
    padding: 12px 15px;
    display: none;
}

.blog-content-oadd {
    /*background-color: #262525;*/

    background-color: #242424;
    padding: 30px;
    /*box-shadow: rgb(0 0 0 / 10%) 0px 4px 19px 0px;*/
}

.blog-content-oadd p{
    line-height: 26px;
    color: #cbc8c8;
}

.about-bg{
    margin: -30px 0;
    z-index: 99;
    background-color: #73da11;
}

.color-white{
    color: #fff !important;
}

.color-grey{
    color: #c8c8c8 !important;
}

.color-green{
    color: #73da11 !important;
}



.lop-ul{
    padding-left: 30px;
}

.lop-ul li:before{
    content: '';
    background: url(../images/icon/check.png);
    background-size: 20px 20px;
    position: absolute;
    width: 20px;
    height: 20px;
    margin-left: -30px;
    margin-top: 5px;
    filter: invert(1);
}

.pep{
    margin-left: 10px;
}

.land-img{
    width: 100%;
    height: 380px;
    object-fit: cover;
}

.home-about:after{
    content: attr(data-name);
    font-size: 66px;
    position: absolute;
    line-height: 100px;
    color: #fff;
    font-weight: 800;
    z-index: 1;
    opacity: 0.1;
    text-transform: uppercase;
    font-family: 'Saira Stencil One', cursive;
    right: 120px;
    writing-mode: tb-rl;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    text-align: center;
}

.bgp-span{
    color: #333;
    font-weight: 500;
    font-size: 16px;
    display: block;
    margin-top: 15px;
    font-family: 'integralcf-bold';
    margin-bottom: 10px;
    line-height: 20px;
}

.bgp-icon{
    width: 45px;
}

.foot-pl80{
    padding-left: 80px;
}


.about-pr80{
    padding-right: 80px;
}



.welco-sec {
    padding-top: 10px;
    padding-bottom: 0px;
}
.container-fluid.ngp {
    /*padding: 0px;*/
    /*margin: 0px;*/
}
.sec-head.hbg {
    background-color: #242424;
    padding: 45px 0px 30px;
}
.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}
.text-center {
    text-align: center !important;
}
h4.site-title.text-white {
    font-size: 28px;
    text-transform: capitalize;
    margin-bottom: 0px;
    line-height: 22px;
    font-weight: 800;
    color: #fff;
}
.hummp {
    color: #fff;
    font-size: 18px;
    margin-top: 35px;
    line-height: 30px;
    padding-bottom: 15px;
    text-align: center;
    font-weight: 400;
}

.gallery-cta-buttons {
    margin: 0 auto;
    width: 100%;
    display: flex;
    justify-content: center;
}


.gall-cta-btn-1 {
    border: 1px solid #73da11;
    padding: 15px 30px;
    background-color: #73da11;
    color: #fff;
    border-radius: 5px;
    box-shadow: inset 0 -10px 20px rgb(0 0 0 / 20%);
    font-family: var(--theme-hiperlink-font);
    font-weight: 500;
    font-size: 15px;
    border-radius: 3px;
    margin-right: 5px;
}
.gall-cta-btn-1:hover {
    color: #fff;
}
.gall-cta-btn-img-1 {
    margin-right: 5px;
    width: 22px;
    position: relative;
    top: -2px;
    filter: invert();
}
.gall-cta-btn-2 {
    border: 1px solid #73da11;
    padding: 15px 30px;
    color: #73da11;
    border-radius: 3px;
    box-shadow: inset 0 -10px 20px rgb(0 0 0 / 20%);
    font-family: var(--theme-hiperlink-font);
    font-weight: 500;
    font-size: 15px;
    margin-left: 5px;
}
.gall-cta-btn-2:hover {
    color: #73da11;
}
.gall-cta-btn-img {
    margin-right: 5px;
    width: 22px;
    position: relative;
    top: -2px;
}
.gall-cta-btn-2:hover .gall-cta-btn-img {
    transition: all 0.4s ease;
}

.row.ngp {
    margin: 0px;
    padding: 0px;
}
.col-md-12.ngp {
    padding: 0px;
    margin: 0px;
}
.gallery-row {
    display: flex;
    flex-direction: row;
    width: 100%;
    overflow: hidden;
}
.gallery-row img {
    width: 400px;
    height: 400px;
    padding: 6px 3px;
    object-fit: cover;
}

.only-mobile-view {
    display: none;
}
.insta-area {
    padding: 20px 0 45px;
}
.insta-p {
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    padding-bottom: 12px;
}
.insta-logo {
    width: 75%;
    margin: 0 auto;
    display: block;
}

.facebook-padd{
    padding: 4px;
}


.service-h3{
    color: #fff;
    font-size: 24px;
    padding-bottom: 12px;
    padding-top: 15px;
    font-weight: 400;
    letter-spacing: .2px;
}

.services-breadcrumb{
    color: #fff;
    text-align: center;
    font-size: 16px;
}

.breadcrumbs-area {
    background: rgba(255, 255, 255, 0.2);
    padding: 13px 35px;
    width: fit-content;
    margin: 0 auto;
}
.breadcrumbs-area li {
    text-transform: capitalize;
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
}
.breadcrumbs-area li a {
    position: relative;
    padding-right: 30px;
    font-size: 14px;
    color: #ffffff;
}
.breadcrumbs-area li a:before {
    content: "";
    position: absolute;
    background: #73da11;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    right: 10px;
    top: 5px;
}

.faq-p1{
    color: #d0cccc;
    line-height: 24px;
    padding: 6px 0 10px;
}

.faq-single{
    border-radius: 3px;
    border: 1px solid #d0cccc;
}

.faq-p{
    color: #d3d2d2;
    line-height: 23px;
    font-size: 14px;
}

.services-cta-buttons{
    margin: 45px 0 80px;
}

.service-btn-gap{
    margin-left: 0;
    margin-right: 10px;
}

.serv-main-pic {
    width: 100%;
    height: 358px;
    object-fit: cover;
    margin-top: 15px;
    border-radius: 5px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 1px 15px 0px;
}

.serv-pic-cont{
    padding: 10px 0;
}

.page-banner-image{
    background-size: cover; 
    background-position: bottom;
}

.faq-logo{
    width: 245px;
    margin-top: -160px;
    animation: movebounce 3.0s linear infinite;
    display: none;
}


.blog-ul{
    padding-left: 30px;
    padding-bottom: 15px;
}

.blog-ul li{
    list-style: disc;
    color: #c8c8c8;
}


.serv-ul{
    padding-left: 30px;
    padding-bottom: 15px;
}

.serv-ul li{
    color: #c8c8c8;
}

.serv-ul li:before {
    content: '';
    background: url(../images/icon/check.png);
    background-size: 20px 20px;
    position: absolute;
    width: 20px;
    height: 20px;
    margin-left: -30px;
    margin-top: 5px;
    filter: invert(1);
}

.broth-pb15{
    padding-bottom: 15px;
}

.broth-mb25{
    margin-bottom: 25px;
}
.broth-mb80{
    margin-bottom: 80px;
}

.bg-dark-light{
    background-color: #1b1e21;
}


.single-post h4{
    color: #fff;
    font-weight: 400;
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 22px;
}

.single-post p{
    color: #c8c8c8;
}

.blog-main-tag{
    padding-top: 25px;
    font-size: 28px;
}

.blog-single-img{
    height: auto;
    width: 100%;
    object-fit: cover;
}

.blog-pl45{
    padding-left: 45px;
}

.faq-section{
    padding: 80px 0 60px;
}


.about-us-img{
    height: 500px;
    width: 100%;
    object-fit: cover;
    border-radius: 3px;
    box-shadow: rgb(51 51 59 / 45%) 0px 7px 29px 0px;
}

.about-us-content{
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.about-us-padd{
    padding: 45px 0;
}

.about-us-padd{
    padding-left: 45px;
}

.about-paddbtm{
    padding-bottom: 60px;
}

.about-cta{
    height: 540px;
    width: 100%;
    object-fit: cover;
}

.social-all{
    width: 12%;
}

.social-ul{
    display: flex;
}


.ekos-1{
    font-size: 32px;
    letter-spacing: .5px;
    color: #111 !important;
    line-height: 34px;
}

.ekos-2{
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: .5px;
    font-family: 'integralcf-bold';
    color: #73da11;
}

.eko-font{}


.ekos32{
    width: 60%;
    font-size: 32px;
}

.ekos-color{
    color: #e3e3e3 !important;
}

.ekos-color span{
    font-size: 16px;
    font-family: 'integralcf-bold';
}


.gq-ul{
    list-style: disc;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 15px;
    color: #c8c8c8;
}




.about-style1 {
    position: relative;
    display: block;
    background-color: #1b1e21;
    padding: 65px 0px 120px;
    z-index: 10;
}

.mapouter {
    position: relative;
    text-align: right;
    height: 500px;
    width: 100%;
}


.gmap_canvas {
    overflow: hidden;
    background: none !important;
    height: 500px;
    width: 100%;
}


.nsp-loaction-title {
    font-size: 42px;
    line-height: 1.2em;
    text-transform: capitalize;
    color: #73da11;
    text-align: center;
    margin-top: 60px;
}


.nsp-loaction-ul {
    padding-left: 60px;
    margin-top: 30px;
    columns: 4;
    font-weight: 400;
    color: #111;
}


.nsp-loaction-ul li {
    padding-bottom: 4px;
    border-bottom: 1px solid #f6f6f6e3;
    margin-right: 45px;
    margin-bottom: 10px;
    color: #f6f6f6e3;
}

.nsp-loaction-ul li a{
    color: #f6f6f6e3;
}


.nsp-loaction-ul li:before {
    content: '';
    background: url(../img/map.png);
    background-size: 20px 20px;
    position: absolute;
    width: 20px;
    height: 20px;
    margin-left: -30px;
    margin-top: 5px;
    filter: invert(1);
    opacity: .8;
}

.bner-h1{
    font-size: 40px;
}

.mapouter1{
    position:relative;
    text-align:right;
    height:500px;
    width:100%;
}
.gmap_canvas1 {
    overflow:hidden;
    background:none!important;
    height:500px;
    width:100%;
}


.subub-h1{
    color: #fff;
    font-size: 18px;
    font-weight: 500;

}

.subub-h2{
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    padding-top: 3px;
    padding-bottom: 15px;
    letter-spacing: .2px;
}

.faq-htag{
    font-size: 32px;
    font-weight: 700;
}

.subub-mt{
    margin-top: 30px;
}

.subub-mt1{
    margin-top: 35px;
}

.gallery-coming-soon{
    text-align: center;
    color: #fff;
    font-size: 42px;
    font-weight: 700;
}


.huop-pl0{padding-left: 0px !important;}

.huop-pr0{padding-right: 0px !important;}


.gq-headertop{
    padding: 8px 0 0;
    width: 100%;
    display: flex;
}


/*---------- For Logo Area ----------*/
.gq-logo-area{
    width: 35%;
}

.gq-logo-area img{
    width: 200px;
}


/*--------- For Quote Area --------------*/
.gq-quote-area{
    width: 50%;
}


/*--------- For Mobile Number ---------*/
.gq-contact-area{
    width: 30%;
}

.gq-con-full{
    width: 100%;
    display: flex;
}

.gq-mobile-logo{
    width: 17%;
}

.gq-mobile-logo img{
    filter: invert(1);
    width: 64px;
    margin-top: 4px;
}

.gq-number-logo{
    width: 83%;
}

.gq-number-logo p{
    color: #fff;
    margin-bottom: 10px;
}

.gq-number-logo a{
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 28px;
}

.get-quoteh2{
    color: #fff;
    padding-bottom: 10px;
}


.get-quotep{
    color: #f6f6f6de;
    margin-bottom: 30px;
    line-height: 24px;
}



/*--------------- For Social Area ----------*/
.gq-social-area{
    width: 16%;
    margin: 24px 0px 0 0;
}

.gq-social-area-ul{
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin: 25px 20px 0 0;
}

.gq-social-area-ul li{
    background-color: #73da11;
    width: 48px;
    height: 48px;
    padding: 10px 12px;
    /*font-size: 28px;*/
    /*box-shadow: inset 0 -10px 20px rgb(0 0 0 / 20%);*/
    border-radius: 3px;
}

.gq-social-area-ul li img{
    filter: invert();
    width: 24px;
}



.fixed-top .gq-headertop{
    display: none;
}


.about-call {
    font-family: "Work Sans", serif;
    font-size: 28px;
    margin-bottom: 40px;
}
.about-call1 {
    font-family: "Work Sans", serif;
    font-size: 28px;
}
.abt-cllmb {
    margin-bottom: 10px;
}

.gq-desk-cent {
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}









/*------- Mobile Responsive ----------*/
@media screen and (max-width: 460px){
    .land-img {height: 190px;}
    .img-thumb-title-inside .title {
        left: 0px;
        bottom: 15px;
        padding: 10px !important;
    }
    .mob-width-100{width: 100% !important;}
    .col-lg-2.col-md-4.bhz-nogp {padding: 0 5px;}
    .thumb-numbering.mb-4 span.h1.text-gray.pl-4 {
        bottom: 20px;
        right: 25px;
        font-size: 26px !important;
    }
    .py-5 {
        padding-top: 1rem !important;
    }
    .blog-content-oadd {padding: 20px;}
    .gallery-row img {width: 300px;height: 300px;}
    .facebook-padd {padding: 1px;}
    .social-all {width: 20%;}
    .uni-my-50 p {font-size: 15px;color: #c8c8c8;}
    .footer-logo {height: 30px;}
    .mob-footmt25{margin-top: -15px;}
    .foot-pl80 {padding-left: 15px;}
    .uni-contact {margin-right: 0px;}

    .mob-gallery-left{
        padding-left: 0;
        width: 50%;
        padding-right: 5px;
    }

    .mob-gallery-right{
        padding-right: 0;
        width: 50%;
        padding-left: 5px;
    }

    .zoom {height: 210px;}

    .single-post h4 {
        padding-bottom: 8px;
        padding-top: 10px;
        font-size: 18px;
    }
    .faq-section {
        padding: 45px 0 25px;
    }

    .about-us-padd {padding-left: 0px;}
    .about-us-padd {padding: 0px 0;}
    .about-us-img {height: 400px;}
    .about-us-content {
        position: relative;
        top: 0%;
        transform: translateY(0%);
    }
    .about-paddbtm {
        padding-bottom: 20px;
    }
    .about-pr80 {
        padding-right: 0px;
    }
    .hulpl{
        padding-left: 15px;
    }
    .services-breadcrumb {
        display: none;
    }

    .nsp-loaction-ul {columns: 1;}

    .gq-contact-area {display: none;}
    .gq-social-area {display: none;}
    .gq-headertop {padding: 7px 0 0;}
    .gq-logo-area {width: 90%;}
    .gq-quote-area {width: 15%;}
    .gq-logo-area img {width: 160px;}

    .faq-htag {font-size: 22px;}
    .mb-4, .my-4 {margin-bottom: 1.2rem !important;}

    .gq-desk-cent {
        top: 0%;
        transform: translateY(0%);
        position: relative;
    }
    #my-slider {
        height: 60vh !important;
    }

    .mob-ctamb{
        margin-bottom: 45px;
    }
    .full-row-blog {padding: 40px 0 40px;}

    .ekos-2 {font-size: 14px;line-height: 20px;}

    .brth-green-btn {width: 50%;}
    .brth-black-btn {width: 50%;}
    .brth-disflex{
        display: flex;
    }

    .services-cta-buttons{margin: 45px 0 0px;}

}