@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');

@font-face { 

    font-family: HKGrotesk-Regular; 

    src: url('../fonts/HKGrotesk-Regular.otf'); 

} 

 body{

    font-family: 'Nunito Sans', sans-serif; font-size: 14px; line-height: 24px;color: #fff;font-weight: 300;background-color: #191919;

} 

p {

    font-size: 16px;

    line-height: 26px;

    font-weight: 300;

    color: #A8A8A8;

}

h2,h3,h4 {

    font-size: 38px;

    text-transform: uppercase;

    line-height: 40px;

    margin-bottom: 33px;

}

a{

    color: #A8A8A8;

    font-family: 'Nunito Sans', sans-serif;

    text-decoration: none;

}

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {

    max-width: 1290px !important;

}



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

.row.headerTop {

    min-height: 59px;

}

a:hover{



    color: #E93A98;

}



/*oxybrick*/



.dflx {

    display: flex;

    align-items: center;

    justify-content: left;

}

.dflx-right{



    display: flex;

    align-items: center;

    justify-content: right;

}

section.bannersec {

    height: 745px;

    background-size: 70%;

    background-repeat: no-repeat;

    display: flex;

    align-items: flex-end;

    padding-bottom: 56px;

}

.bannerCont {

    text-align: right;

    width: 50%;

    float: right;

    margin-right: 135px;

}

.bannerCont h1 {

    font-size: 70px;

    font-weight: 300;

    line-height: 90px;

    margin-bottom: 15px;

}

.bannerCont p {

    max-width: 275px;

    text-align: right;

    margin-right: 0;

    float: right;

        margin-bottom: 45px;

        color: #A8A8A8;

}

.clear{



    clear: both;

}

.learn a {

    text-transform: uppercase;

    font-size: 18px;

    text-decoration: none;

    position: relative;

    border-bottom: 1px solid #A8A8A8;

    

}

.bannersec .learn a{

    right: 35px;

} 

.learn a:after{

    content: "";

    background: url(../images/arrow.svg);

    position: absolute;

    right: -45px;

    bottom: 0px;

    width: 32px;

    height: 32px;

    background-size: 26px;

    background-repeat: no-repeat;

}

section.howWork:after,section.service:after,

section.aboutsec:after,section.testimonial:after,

section.discuss:after,section.aboutBanBottom:after {

    content: "";

    background: linear-gradient(to bottom,rgba(168, 168, 168, 1),rgba(168, 168, 168, 0));

    width: 84%;

    height: 2px;

    position: absolute;

    left: 50%;

    margin-left: -42%;

    bottom: 0;

}

section.howWork {

    padding: 90px 0 32px;

    background-position: right bottom;

    background-repeat: no-repeat;

    background-size: 47%;

    position: relative;

}

.howWork h2 {

    font-size: 38px;

    margin-bottom: 90px;

    position: relative;

}

.howWork h2:after {

    content: "";

    background: linear-gradient(to right,rgba(255, 255, 255, 1),rgba(255, 255, 255, 0));

    width: 850px;

    height: 1px;

    position: absolute;

    left: 0;

    bottom: -30px;

}



.howSubIcon span {

    margin: 12px 50px 0 35px;

}



.howSub {

    font-size: 35px;
    font-weight: 300;
    margin-bottom: 30px;

}

.howSubIcon img {

    width: 54px;

}

.howSubIcon {

    display: inline-flex;

    font-size: 40px;

    font-weight: 300;

}

.howSubRight {

    padding: 10px 0px;

    padding-left: 53px;

}

.howContent {

    margin-bottom: 10px;

}

section.service {

    padding: 57px 0;

    position: relative;

}

h2 span {

    font-size: 20px;

    display: block;

}

.service h2{



    margin-bottom: 80px;

}

.svrTit {

    text-transform: uppercase;

    font-size: 19px;

    margin-bottom: 17px;

}

.srcont {

    padding-right: 20px;

    padding-bottom: 0;

    display: -webkit-box;

    -webkit-line-clamp: 7;

    -webkit-box-orient: vertical;

    overflow: hidden;

    margin-bottom: 15px;

}

.srcont p {

    line-height: 26px;

}

.srcvr .learn a {

    

    right: 0;

}

.srcvr{



    position: relative;

}

.srcvr:after {

    content: "";

    background: #A8A8A8;

    position: absolute;

    right: 0;

    top: 50%;

    margin-top: -122.5px;

    width: 1px;

    height: 245px;

}



section.aboutsec {

    padding: 110px 0 64px;

    position: relative;

}

.aboutLeft h2 span {

    display: inline-block;

}

.aboutLeft p {

    padding-right: 80px;

}

.aboutCont {

    padding-bottom: 66px;

}

.counCvr {

    padding: 70px 0 0;

}

.counCvr ul li {

    display: inline-flex;

    width: 19%;

    justify-content: center;

}

.counHead {

    font-size: 50px;

    padding-bottom: 30px;

}

.counHead span.plus {

    margin-left: 15px;



}

.couCont {

    color: #A8A8A8;

    font-size: 16px;

}

span.counter {

    border-bottom: 1px solid #A8A8A8;

}

section.testimonial {

    text-align: center;

    padding: 110px 0 60px;

    position: relative;

}

.testContent {

    max-width: 700px;

    margin: 7px auto 32px;

}

.testContent p {

    margin-bottom: 25px;

}

.designtn p {

    font-size: 13px;

}

.author {

    font-weight: 600;

}

.testBg:before {

    content: "";

    background: url(../images/quote.svg) no-repeat left top;

    background-size: 85%;

    position: absolute;

    left: 68px;

    top: -48px;

    width: 200px;

    height: 200px;

}

.testBg:after {

    content: "";

    background: url(../images/quote2.svg) no-repeat right bottom;

    background-size: 80%;

    position: absolute;

    bottom: 60px;

    right: 75px;

    width: 100px;

    height: 100px;

}

.testBg {

    position: relative;

}

.owl-nav.disabled {

    display: block !important;

}

.owl-nav span {

    border-bottom: 1px solid #A8A8A8;

    font-size: 16px;

    margin: 0px 5px;

}

section.discuss {

    padding: 86px 0 12px;

    position: relative;

}

.disSubhead {

    font-size: 19px;

    padding-bottom: 18px;

}

.disSubhead p {

    margin: 0;

    color: #fff;

    font-size: 19px;

}

.DisLeft h3 {

    line-height: 47px;

    padding-bottom: 15px;

        font-weight: 300;

}

.form-control {

    background: transparent;

    border: 0;

    border-bottom: 1px solid #A8A8A8;

    border-radius: 0;

    padding-left: 0;

    color: #A8A8A8;

    margin-bottom: 33px;

    box-shadow: none !important;

    outline: 0 !important;

}

.cnForm {

    padding: 15px 0 0;

}

.DisLeft {

    padding-right: 50px;

}

.form-submit {

    text-transform: uppercase;

    font-size: 18px;

    text-decoration: underline;

    position: relative;

    background: transparent;

    border: 0;

    color: #A8A8A8;

    padding: 43px 0 0;

    position: relative;

    background: url(../images/arrow.svg) no-repeat left 90px top 42px;

    z-index: 9999999;

    width: 100%;

    text-align: left;

    background-size: 25px;

}

section.contact {

    padding: 65px 0 102px;

    border-bottom: 1px solid #A8A8A8;

}

.conRight {

    padding-left: 97px;

    padding-top: 10px;

}

h3 span {

    font-size: 19px;

    padding-left: 10px;

}

.contList {

    padding: 23px 0px 45px 15px;

}

.cnhead {

    font-size: 20px;

    padding-bottom: 20px;

    position: relative;

}

.cnhead:before {

    content: "";

    background: #A8A8A8;

    width: 1px;

    height: 26px;

    position: absolute;

    left: -15px;

    top: 0;

}

.cnCont {

    color: #A8A8A8;

}

ul.ftrMenu li:last-child {

    margin-right: 0;

}

ul.ftrMenu li {

    display: inline-block;

    margin-right: 90px;

}

ul.ftrMenu li a {

    font-weight: 400;

    text-transform: uppercase;

    font-size: 16px;

}

ul.ftrMenu {

    padding-left: 20px;

}

.socialFixed {

    position: fixed;

    right: 26px;

    top: 42%;

}

.socialFixed ul {

    display: block !important;

}

.socialFixed ul li {

    display: block !important;

    margin: 24px 0;

}

.socialFixed ul li img {

    width: 20px !important;

    max-width: 100% !important;

}

.headerPhone a{



    color: #fff;

}



section.aboutsec h2 span {

    display: inline-block;

}

.owl-nav button img {

    width: 40px;

    padding: 0px 10px;

}

a:hover,.form-submit:hover {

    color: #fff;

}

.learn:hover a:after,.form-submit:hover {

    filter: brightness(0) invert(1);

}

.headerPhone a:hover,ul.ftrMenu li a: hover{



    opacity: 0.7;

}

section.thankyou {

    padding: 16rem 0;

    text-align: center;

}

.wpcf7 form.invalid .wpcf7-response-output{

    border-color: #dc3232;

    color: #dc3232;

}



/*about*/



section.innerbanner.aboutInner {

    padding: 150px 0 70px;

}



section.innerbanner h1 {

    font-size: 75px;

    text-transform: uppercase;

    font-weight: 300;

}

.banner-cont img {

    width: 50%;

}

.bannerImg img {

    width: 100%;

    padding: 65px 0 0;

}

.banBottomLeft {

    color: #a8a8a8;

    font-size: 19px;

    font-weight: 600;

    line-height: 25px;

    padding-right: 105px;

}

.banBottomRight {

    color: #a8a8a8;

    font-size: 15px;

    padding: 0px 25px 0 50px;

    line-height: 25px;

}

.abBdRight:after {

    background: #a8a8a8;

    position: absolute;

    right: 50px;

    top: 0;

    height: 100%;

    width: 1.5px;

    content: "";

}

.abBdRight {

    position: relative;

}

section.aboutBanBottom {

    padding-bottom: 65px;

    position: relative;

}

section.team {

    padding: 25px 0;

    position: relative;

}

section.team:before {

    content: "";

    background: url(../images/rounded-bg.svg) no-repeat;

    position: absolute;

    left: 0;

    top: -132px;

    width: 520px;

    height: 588px;

    background-size: 80%;

}

.teamHead {

    padding: 40px 0 55px;

    background: #242424;

    width: 165px;

    text-align: center;

    position: relative;

    right: 30px;

}

.teamsub {

    font-size: 19px;

    padding-bottom: 20px;

}

.teamMain {

    font-size: 38px;

    text-transform: uppercase;

}

.teamsec {

    padding: 40px 0px;

}

.teamTitle {

    padding: 23px 0 16px;
text-transform: uppercase;
    font-size: 19px;

}

.teamDesignation {

    color: #A8A8A8;

    font-size: 16px;

}

.teamCvr {

    margin-bottom: 64px;

    padding: 0px 20px;
    text-align: center;

}
.teamCvr a{cursor: pointer;}
.plImg img {

    width: 42px;

    filter: brightness(0.4);

}

.plImg {

    position: absolute;

    right: 35px;

    bottom: 35px;

}

.teamImg {

    position: relative;
    transition: all 0.5s;
    height: 222px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0px auto;
    width: 222px;

}

.teamImg:hover:before {

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

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    transition: all 0.5s;

}

.clientsec {

    padding: 0px 0px 0px 50px;

}

.clientsec table {

    width: 100%;

}

.tbTit {

    text-transform: uppercase;

    color: #fff;

    font-size: 19px;

}

.clientsec tr {

    border-bottom: 1px solid #a8a8a8;

    margin-bottom: 16px;

}

.clientsec tr td{

    

    padding: 25px 0;

}

.clientsec tr td p{



    margin: 0;

}

.clientsec tr td img {

    width: 25px;

}

section.clients {

    padding-bottom: 100px;

}

section.innerbanner {

    padding: 166px 0 70px;

}

section.innerbanner p {

    margin: 28px 0 0;

    font-size: 19px;

    font-weight: 400;

}

section.service.innerService {

    padding: 23px 0 0;

}

section.service.innerService:after,section.discuss.innerDis:after{



    display: none;

}

.innerserviceRow {

    padding: 0px 100px 50px;

}

.service-left img {

    width: 90%;

    height: 400px;

    object-fit: cover;

}

.serviceRight .svrTit {

    font-weight: 700;

    font-size: 50px;

    padding-bottom: 56px;

        line-height: 45px;

}

.serviceRight .srcont {

    padding-right: 0;

    padding-bottom: 20px;

}

.serviceRight .srcont p {

    font-weight: 600;

}

section.service.innerService .row:nth-child(even) {

    flex-direction: row-reverse;

}



section.projects {

    padding: 25px 0;

}



.projImg img {

    width: 100%;

    height: 480px;

    object-fit: cover;

    transition: all 0.8s;

}

.projImg:hover img {

    opacity: 0.5;

}

.projTitSec {

    padding: 25px 30px;

}

.projTit {

    text-transform: uppercase;

    font-weight: 600;

    color: #a8a8a8;

    font-size: 19px;

    padding-bottom: 25px;

}

.projectcvr {

    margin-bottom: 20px;

}

section.discuss.innerDis {

    padding: 30px 0 40px;

}

section.innerProject {

    padding: 165px 0 100px;

}

.project-content small {

    color: #a8a8a8;

    text-transform: uppercase;

    font-size: 14px;

}

.project-content h1 {

    font-size: 75px;

    text-transform: uppercase;

    font-weight: 300;

    padding: 20px 0 28px;

}

.projInnerImg {

    padding-bottom: 15px;

}

.prjDesc {

    padding: 10px 0 98px 50px;

    /* padding-left: 50px; */

}

.prjDesc .desHead {

    font-size: 50px;

    padding-bottom: 30px;

    position: relative;

}

.prjDesc .desContent {

    color: #A8A8A8;

}

.prjDesc .desHead:after {

    content: "";

    background: #a8a8a8;

    width: 60px;

    height: 1px;

    position: absolute;

    left: 0;

    bottom: 5px;

}

.prjDesc:last-child {

    padding-bottom: 0;

}

.prjCont {

    padding: 54px 0 0;

}

.projectGal {

    padding: 6px 0;

}

.row.projectGal .projectGalCol:nth-child(odd) {

    width: 37%;

}

.moreCvr {

    margin-bottom: 60px;

}

.moreCvr img {

    width: 100%;

    height: 504px;

    object-fit: cover;

}

.row.projectGal .projectGalCol:nth-child(even) {

    width: 63%;

}

.afterNone:after{



display: none !important;

}

.contactMap {

    padding: 60px 0 0;

    position: relative;

}

.contactMap img {

    width: 100%;

    height: 466px;

    object-fit: cover;

}

.mapIcon img {

    position: absolute;

    left: 50%;

    margin-left: -20px;

    width: 40px;

    height: 60px;

    top: 50%;

    margin-top: -30px;

}

section.innerbanner.contactInner {

    padding: 166px 0 0px;

}

section.contact.innercnList {

    padding: 15px 0 0;

    border-bottom: none;

}

section.contact.innercnList .conRight {

    padding-left: 0;

    padding-top: 0px;

}

section.contact.innercnList .contList {

    padding: 23px 0px 18px 0;

}

section.contact.innercnList .cnhead:before{



    display: none;

}

/*section.contact.innercnList .cnCont br {*/

/*    display: none;*/

/*}*/

section.contact.innercnList .carCn .cnCont a {

    display: block;

    font-weight: 700;

    font-size: 25px;

}

section.service .col-md-6.col-lg-3:last-child .srcvr:after {

    display: none;

}

/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

  -webkit-appearance: none;

  margin: 0;

}



/* Firefox */

input[type=number] {

  -moz-appearance: textfield;

}



/*whatsapp animation*/



.aniimg a {

    position: relative;

}

.quick-alo-ph-circle-fill.active {

    width: 80px;

    height: 80px;

    position: absolute;

    background-color: #a0a0a0;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    border-radius: 100%;

    border: 2px solid #ffffff8a;

    opacity: 1;

    -webkit-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;

    -moz-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;

    -ms-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;

    -o-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;

    animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

    -webkit-transform-origin: 50% 50%;

    -moz-transform-origin: 50% 50%;

    -ms-transform-origin: 50% 50%;

    -o-transform-origin: 50% 50%;

    transform-origin: 50% 50%;

}

.quick-alo-ph-circle.active {

    width: 130px;

    height: 130px;

    position: absolute;

    background-color: transparent;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    border-radius: 100%;

    border: 2px solid rgba(30, 30, 30, .4);

    opacity: 1;

    -webkit-animation: quick-alo-circle-anim 3s infinite ease-in-out;

    -moz-animation: quick-alo-circle-anim 3s infinite ease-in-out;

    -ms-animation: quick-alo-circle-anim 3s infinite ease-in-out;

    -o-animation: quick-alo-circle-anim 3s infinite ease-in-out;

    animation: quick-alo-circle-anim 3s infinite ease-in-out;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

    -webkit-transform-origin: 50% 50%;

    -moz-transform-origin: 50% 50%;

    -ms-transform-origin: 50% 50%;

    -o-transform-origin: 50% 50%;

    transform-origin: 50% 50%;

}

.aniimg {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 130px;

    height: 130px;

    position: fixed;

    right: 10px;

    bottom: 50px;

    z-index: 1000;

}

@-moz-keyframes quick-alo-circle-anim {



    0% {



        -moz-transform: rotate(0) scale(.5) skew(1deg);



        opacity: .1;



        -moz-opacity: .1;



        -webkit-opacity: .1;



        -o-opacity: .1



    }



    30% {



        -moz-transform: rotate(0) scale(.7) skew(1deg);



        opacity: .5;



        -moz-opacity: .5;



        -webkit-opacity: .5;



        -o-opacity: .5



    }



    100% {



        -moz-transform: rotate(0) scale(1) skew(1deg);



        opacity: .6;



        -moz-opacity: .6;



        -webkit-opacity: .6;



        -o-opacity: .1



    }



}







@-webkit-keyframes quick-alo-circle-anim {



    0% {



        -webkit-transform: rotate(0) scale(.5) skew(1deg);



        -webkit-opacity: .1



    }



    30% {



        -webkit-transform: rotate(0) scale(.7) skew(1deg);



        -webkit-opacity: .5



    }



    100% {



        -webkit-transform: rotate(0) scale(1) skew(1deg);



        -webkit-opacity: .1



    }



}







@-o-keyframes quick-alo-circle-anim {



    0% {



        -o-transform: rotate(0) kscale(.5) skew(1deg);



        -o-opacity: .1



    }



    30% {



        -o-transform: rotate(0) scale(.7) skew(1deg);



        -o-opacity: .5



    }



    100% {



        -o-transform: rotate(0) scale(1) skew(1deg);



        -o-opacity: .1



    }



}







@-moz-keyframes quick-alo-circle-fill-anim {



    0% {



        -moz-transform: rotate(0) scale(.7) skew(1deg);



        opacity: .2



    }



    50% {



        -moz-transform: rotate(0) -moz-scale(1) skew(1deg);



        opacity: .2



    }



    100% {



        -moz-transform: rotate(0) scale(.7) skew(1deg);



        opacity: .2



    }



}







@-webkit-keyframes quick-alo-circle-fill-anim {



    0% {



        -webkit-transform: rotate(0) scale(.7) skew(1deg);



        opacity: .2



    }



    50% {



        -webkit-transform: rotate(0) scale(1) skew(1deg);



        opacity: .2



    }



    100% {



        -webkit-transform: rotate(0) scale(.7) skew(1deg);



        opacity: .2



    }



}







@-o-keyframes quick-alo-circle-fill-anim {



    0% {



        -o-transform: rotate(0) scale(.7) skew(1deg);



        opacity: .2



    }



    50% {



        -o-transform: rotate(0) scale(1) skew(1deg);



        opacity: .2



    }



    100% {



        -o-transform: rotate(0) scale(.7) skew(1deg);



        opacity: .2



    }



}







@-moz-keyframes quick-alo-circle-img-anim {



    10% {



        transform: rotate(0) scale(1) skew(1deg)



    }



    10% {



        -moz-transform: rotate(-25deg) scale(1) skew(1deg)



    }



    20% {



        -moz-transform: rotate(25deg) scale(1) skew(1deg)



    }



    30% {



        -moz-transform: rotate(-25deg) scale(1) skew(1deg)



    }



    40% {



        -moz-transform: rotate(25deg) scale(1) skew(1deg)



    }



    50% {



        -moz-transform: rotate(0) scale(1) skew(1deg)



    }



    100% {



        -moz-transform: rotate(0) scale(1) skew(1deg)



    }



}







@-webkit-keyframes quick-alo-circle-img-anim {



    0% {



        -webkit-transform: rotate(0) scale(1) skew(1deg)



    }



    10% {



        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)



    }



    20% {



        -webkit-transform: rotate(25deg) scale(1) skew(1deg)



    }



    30% {



        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)



    }



    40% {



        -webkit-transform: rotate(25deg) scale(1) skew(1deg)



    }



    50% {



        -webkit-transform: rotate(0) scale(1) skew(1deg)



    }



    100% {



        -webkit-transform: rotate(0) scale(1) skew(1deg)



    }



}







@-o-keyframes quick-alo-circle-img-anim {



    0% {



        -o-transform: rotate(0) scale(1) skew(1deg)



    }



    10% {



        -o-transform: rotate(-25deg) scale(1) skew(1deg)



    }



    20% {



        -o-transform: rotate(25deg) scale(1) skew(1deg)



    }



    30% {



        -o-transform: rotate(-25deg) scale(1) skew(1deg)



    }



    40% {



        -o-transform: rotate(25deg) scale(1) skew(1deg)



    }



    50% {



        -o-transform: rotate(0) scale(1) skew(1deg)



    }



    100% {



        -o-transform: rotate(0) scale(1) skew(1deg)



    }



}



.teamModal .modal-dialog {

    max-width: 800px;

}

.teamModal .modal-content {

   

    background-color: #242424;

}

.teamModal {

    top: 70px;

}

.teamModal .btn-close {

   

    opacity: 1;

    filter: brightness(0) invert(1);

}

.teamModal .modal-body {

    padding: 3rem 3rem;

}
.innerService .srcont{

    -webkit-line-clamp: inherit;
}





/*end oxybrick*/















.btn {

    min-width: 160px;

    height: 50px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 0;

    padding: 10px;

    font-size: 16px;



}

.btn-primary {

    color: #fff;

    background: transparent;

    border-color: #fff;

}

.btn-primary:hover,.attFile:hover {

    color: #fff;

    background: #03376D;

    border-color: #03376D;

}

.btn-secondary {

    background: #0D0D0D;

    color: #fff;

    border-color: #0D0D0D;

    border-radius: 59px;

}

.btn-secondary:hover {

    background: #fff;

    color: #0D0D0D;

    border-color: #0D0D0D;

}

.bannerCvr .btn.btn-primary {

    margin-right: 20px;

}



.hover-effect{

    width:100%;

    float:left;

    position:relative;

    overflow:hidden;

    border-radius: 12px;

    

}

.hover-effect i{

    width:50px;

    height:50px;

    background-color:#981b1e;

    color:#fff;

    position:absolute;

    left:50%;

    top:-100px;

    z-index:1;

    line-height:50px;

    text-align:center;

    margin:0 0 0 -25px;

    -webkit-transition: all 300ms ease-in-out;

    -moz-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

    

}

.hover-effect:hover i{

    

    top:50%;

    margin:-25px 0 0 -25px;

}

    

.hover-effect img {

     width:100%;

     display:block;

  -moz-transition: all 0.99s ease;

  -o-transition: all 0.99s ease;

  -webkit-transition: all 0.99s ease;

  transition: all 0.99s ease;

  

     filter: none;

      -webkit-filter: grayscale(0);

      -webkit-transform: scale(1.01);

    

      

}

.hover-effect:hover img {

  -moz-transform: scale(1.1, 1.1);

  -ms-transform: scale(1.1, 1.1);

  -webkit-transform: scale(1.1, 1.1);

  transform: scale(1.1, 1.1);

  



      

     /* filter: gray;*/ /* IE5+ */

      /*-webkit-filter: grayscale(1);*/ /* Webkit Nightlies & Chrome Canary */

     /* -webkit-transition: all .8s ease-in-out*/;  

      



}





section{width: 100%;display: block;}

/*************************************************************************************************/



header{

    display: inline-block;

    width: 100%;

    position: absolute;

    left: 0;

    top: 0;

    z-index: 9999;

    /*background: #191919;*/

        padding: 20px 0 10px;

}

header .container{

    position: relative;
}

header .container:after {

    content: "";

    background: #fff;

    width: 100%;

    height: 2px;

    position: absolute;

    left: 0%;

    margin-left: 0%;

    bottom: -5px;

}

.logo img {

    width: 135px;

}

.headerTopLeft ul{margin: 0px; padding: 0px; list-style: none; display: flex; align-items: center; justify-content: flex-start;}

.headerTopLeft ul li{display: flex; align-items: center; justify-content: flex-start;color: #fff;min-width: 221px;margin-right: 4.5%;color: #fff;    line-height: 35px;}

.headerTopLeft ul li a{color: #fff;}

.headRight {

    margin-right: auto;

    display: flex;

    align-items: center;

    justify-content: center;

}

ul.headContact li:last-child img {margin-right: 5px;}

ul.headContact li:first-child {margin-right: 53px;}

ul.headContact li:first-child img{margin-right: 5px;}

ul.headContact li a{text-decoration: none;}

header.aniPos {

    position: fixed;

    width: 100%;

    box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 1px 2px rgb(0 0 0 / 23%);

    z-index: 99999999;

    background: #191919;

        padding: 10px 0;

}

header.aniPos:after {

    display: none;

}



ul.social {

    margin: 0px;

    padding: 0px;

    display: flex;

    align-items: center;

    justify-content: left;

    margin-left: 0;

}

ul.social li {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 28px;

    height: auto;

    text-align: center;

    margin-right: 28px;

    

}

.menu {

    margin-top: 0;

}

ul.social li:last-child{}

ul.social li img {

    max-width: 20px;    display: block;

}

ul.social li img:hover {

    display: block;

    filter: blur(1px);

}

ul.social li span {

    display: none;

}

.headerTopRight {

    display: flex;

    align-items: center;

    justify-content: flex-end;

}

ul.headContact {

    display: inline-flex;align-items: center; margin: 0px; padding: 0px;

}

ul.headContact li a{font-size: 16px; font-weight: 600; color: #67438B;}



img{max-width: 100%;}

/************************************************************************/



.fullwidth { height:672px}



.fullwidth .carousel-caption {

    position: absolute;

    right: 0%;

    top:0rem;

    left: auto;

    padding-top: 80px;

    padding-bottom: 1.25rem;

    color: #fff;

    text-align: center;display: flex; align-items: center;

}

.Vdionone {

    display: none;

}

.banner_owl .carousel-caption {

    position: absolute;

    right: 0%;

    top:0rem;

    left: auto;

    padding-top: 1.25rem;

    padding-bottom: 1.25rem;

    color: #fff;

    text-align: center;display: flex; align-items: center;

}

.vimeo-wrapper {width: 100%; top: 0; left: 0;  width: 100%; height: 100%; z-index: -1; pointer-events: none; overflow: hidden }

.vimeo-wrapper iframe {width: 100vw; height: 56.25vw; min-height: 100vh;  min-width: 177.77vh;  position: absolute; top: 50%;  left: 50%;  transform: translate(-50%, -50%) }

.sec01Cvr {max-width: 1070px;margin: 0px auto;}

.sec01{background: #000; color: #fff; padding: 60px 0px 75px;}

.sec01Left h1{font-size: 40px;  font-family: 'work_sansbold'; color: #fff;line-height: 44px;}

.sec01Right p {

    margin-bottom: 0px;

}



.sec02videoBx {

    position: relative;

    /* max-width: 1080px; */

    margin: 82px auto 0;

    text-align: center;

}

.sec02Cvr{text-align: center; padding: 75px 0px;}

.sec02Cvr h2{font-size: 40px;  font-family: 'work_sansbold'; color: #000; margin-bottom: 50px;}

.sec02videoBx a{width: 30px; height: 30px; background: url(../images/play-icon.svg) no-repeat center;}

.sec02videoBx a {

    width: 110px;

    height: 110px;

    background: url(../images/play.svg) no-repeat center;

    position: absolute;

    top: 50%; margin: -55px 0px 0px -55px;

    left: 50%;

    background-size: cover;

}

section.sec03{background: #000; text-align: center; padding: 75px 0px;}

.memberHeading {

    font-size: 26px;

    color: #fff;

    margin-top: 45px;

}

.memberIcon {

    max-width: 75px;

    display: inline-flex;

    height: 75px;

    padding: 5px;

    align-items: center;

    justify-content: center;

}

.memberIcon img {max-width: 70px;}

section.sec03 h2{font-size: 39px;

    font-family: 'work_sansbold';

    color: #fff;

    margin-bottom: 42px;}

.sec03Box {

    max-width: 908px;

    margin: 0px auto;

}

section.sec03{ padding: 80px 0px 90px;}

section.sec04{ padding: 88px 0px 50px; background: #F4F4F4;}

.sec04Cvr {

    position: relative;

    max-width: 1060px;

    margin: 0px auto;



}

.serviceBox {

    width: 100%;

    display: inline-block;

    position: relative; margin-bottom: 25px;

}

.serviHomeBxDet {

    position: absolute;

    bottom: 0px;

    left: 0px;

    height: 40%;

    background: #0009;

    width: 100%;

    display: flex;

    align-items: flex-start;

    justify-content: center;

    flex-direction: column;

    padding: 10px 20px 10px 30px;

    border-radius: 0 0 12px 12px;

}

.serviHomeBxDet h3{color: #fff; font-size: 24px;font-family: 'work_sanssemibold';}

.serviHomeBxDet p{color: #fff; max-width: 75%; margin-bottom: 0px;    line-height: 21px;}

.serviBoxFull .serviHomeBxDet {

    width: 35%;

    height: 100%;

}

.servHeadhm {

    font-size: 39px;

    font-family: 'work_sansbold';

    color: #000;

    margin-bottom: 50px;

    text-align: center;

}

.clientLogo {

    margin: 25px 0;

    max-height: 100px;

    min-height: 100px;

    display: flex;

    align-items: center;

    justify-content: center;

}

.clientLogo img {

    width: auto !important;

    max-height: 90px;

}

section.sec05{padding: 89px 0px 56px;}

section.sec06 {

    background: #F4F4F4;

    padding: 65px 0px 80px; text-align: center;

}

section.sec06 .row{max-width: 500px; display: inline-flex;}

.paymntIMg{text-align: center;

    width: 100%;

    height: 168px;

    display: flex;

    align-items: center;

    justify-content: left;}

.paymntIMg img{max-height: 120px;}

footer {

    padding: 50px 0px 0;

    border-top: 1px solid #a8a8a8;

}

.footTitle {

    font-size: 16px;

    color: #fff;

    margin-bottom: 20px; font-family: 'work_sansbold';

}

footer .logo{margin-bottom: 10px;}

.footmenu li a,footer a{color: #fff; text-decoration: none;}

footer ul li{line-height: 24px; color: #fff;}

.footmenu li a {

    padding: 3px 0px;

    display: block;

}

.footbox.footpad2 {

    padding-left: 14% !important;

}

.footbox.footpad3 {

    padding-left: 8% !important;

}

li.ads {

    margin-bottom: 20px;

}

.mbl a,.eml a {

    font-family: 'work_sanssemibold';

}

.footer_bottom {

    padding: 2px 0px;

    margin-top: 30px;

    border-top: 1px solid #A8A8A8;

}

.footer_bottom p{

  margin-bottom: 0px;

font-size: 12px;

font-weight: 400;}

  ul.socialFoot li span {

    display: none;

}

ul.socialFoot li {

    display: inline-flex; margin-right: 20px;

}

ul.socialFoot li a {

    width: 35px; height: 35px; display: flex; align-items: center;justify-content: center;

}

ul.socialFoot li a img{max-height: 25px;}

ul.socialFoot {

    margin-top: 15px;

}





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



.serviceRight .svrTit {

    font-size: 48px;

    

}

ul.ftrMenu li {

    margin-right: 80px;

}

}

  

    

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





    /*Oxybrick*/



    .headerPhone {

    display: none;

}

header {

    

    padding: 20px 0 20px;

}

section.howWork {

    padding: 50px 0;

    text-align: center;

    background-image: none !important;

}

.howSubRight {

    

    text-align: left;

}

.rwinverse {

    flex-direction: column-reverse;

}

.howContent .row {

    flex-direction: initial !important;

}

section.service {

    padding: 50px 0;

    position: relative;

    text-align: center;

}

section.service .col-md-6.col-lg-3:nth-child(even) .srcvr:after{



    display: none;

}

.srcvr{

    margin-bottom: 40px;

}

section.aboutsec {

    padding: 50px 0;

    text-align: center;

}

h2 span {

    display: inline-block;

}

.aboutLeft p {

    padding-right: 0;

}

.aboutCont {

    padding-bottom: 25px;

}

.testBg:before,.testBg:after {

    background-size: 45%;

}

section.discuss {

    padding: 50px 0;

    text-align: center;

}

section.contact {

    padding: 50px 0;

    text-align: center;

}

.contList {

    padding: 20px;

    text-align: left;

}

ul.ftrMenu li {

    margin-right: 10px;

}

.howWork h2:after{



    width: 100%;

}

.socialFixed {

    position: fixed;

    right: 0;

    top: 20%;

}

.bannerCont h1 {

    font-size: 50px;

    line-height: 65px;

}

.bannerCont {

    text-align: right;

    width: 50%;

    float: right;

    margin-right: 80px;

}

section.bannersec {

    margin-top: 85px;

    background-size: 100%;

    

}

.howSub {

    font-size: 40px;

    margin-bottom: 30px;

}

.counHead {

    font-size: 40px;

    padding-bottom: 30px;

}

h2, h3, h4 {

    font-size: 40px !important;

    padding-bottom: 0 !important;

    margin-bottom: 30px !important;

}

.aboutRight{

    padding-bottom: 30px;

}





/*about*/

section.innerbanner {

    padding: 100px 0 0px;

    text-align: center;

}

section.innerbanner h1 {

    font-size: 40px;

}

.banner-cont img {

    width: 30%;

}

.bannerImg img {

    padding: 20px 0 0;

}

section.aboutBanBottom {

    text-align: center;

}

.banBottomLeft {

   

    padding-right: 0;

}

.banBottomRight{



    padding: 0;

}

.abBdRight:after{



    right: 0;

}

.teamHead {

    

    width: 50%;

    text-align: center;

    right: 0;

    margin: 0px auto;

}

section.team:before {

    

    background-size: 35%;

}

.teamCvr {

    margin-bottom: 25px;

    padding: 0;

    text-align: center;

}

.teamTitle {

    padding: 15px 0 0px;
text-transform: uppercase;
    font-size: 16px;

}

.teamsec {

    padding: 40px 0px 0;

}

section.clients h2 span{



    display: block;

}

.clientsec tr td {

    padding: 15px 0;

}

section.clients {

    padding-bottom: 165px;

}

.tbTit {

    font-size: 14px;

}

footer .logo {

    text-align: left;

}

section.innerbanner.aboutInner {

    padding: 90px 0 70px;

    text-align: center;

}

section.innerbanner p {

    margin: 10px 0 0;

    font-size: 16px;

}

.serviceRight .svrTit {

    font-size: 40px;

    padding-bottom: 0;

}

.serviceRight .srcont {

    padding-right: 0;

    padding-bottom: 0;

}

.innerserviceRow {

    padding: 0px 0 20px;

}

.service-left img {

    width: 30%;

    margin-bottom: 30px;

}

..projImg img {

    width: 100%;

    height: 275px;

}

.projTitSec {

    padding: 15px;

    text-align: center;

}

.projTit {

    

    font-size: 16px;

    padding-bottom: 5px;

}

.projectcvr {

    margin-bottom: 0;

}

section.innerProject {

    padding: 80px 0 15px;

    text-align: center;

}

.project-content h1 {

    font-size: 35px;

    padding: 20px 0;

}

.prjDesc {

    padding: 10px 0;

}

.prjDesc .desHead {

    font-size: 35px;

    padding-bottom: 10px;

}

.prjDesc .desHead:after {

    left: 50%;

    margin-left: -30px;

    bottom: 0;

}

.prjCont {

    padding: 15px 0 0;

}

section.moreProj {

    text-align: center;

}

.moreProj h2 span {

    display: block;

}

section.testimonial.afterNone{

    text-align: center;

    padding: 30px 0 60px;

    position: relative;

}

section.testimonial.afterNone .testBg:before{

    background-size: 30%;

}



section.innerbanner.contactInner {

    padding: 100px 0 0px;

}

.contactMap {

    padding: 15px 0;

}

.contactMap img {

    height: auto;

}

section.contact.innercnList .contList {

    padding: 0px 0px 15px;

    text-align: center;

}

section.contact.innercnList .carCn .cnCont a {

    font-size: 18px;

}

section.contact.innercnList {

    padding: 15px 0 0px;

}

header.aniPos {

   

    padding: 15px 0;

}
header .container:after {
    
    bottom: -17px;
}



    



    /*end ipad*/









    .bannerHead {

        font-size: 35px;

        line-height: 45px;

        text-align: left;

    }

    .memberHeading {

        font-size: 22px;

        color: #fff;

        margin-top: 5px;

        margin-bottom: 30px;

    }

    .sec01,.sec02Cvr,section.sec03,section.sec04,section.sec05,section.sec06 {padding: 50px 0px;}

    .sec02Cvr h2,section.sec03 h2,.servHeadhm {font-size: 30px; margin-bottom: 20px;}

    .sec04Cvr .col-lg-6:last-child .serviceBox{margin-bottom: 0px;}

    footer{padding-top: 30px; text-align: center;}

    .footbox,.footbox.footpad2,.footbox.footpad3 {

        margin-bottom: 20px;

        padding-left: 12px !important;

        padding-right: 12px !important;

    }

    .footer_bottom{margin-top: 15px;}

    .serviHomeBxDet p {

        

        max-width: 100%;

        margin-bottom: 0px;

        line-height: 15px;

        font-size: 13px;

    }

    .serviBoxFull .serviHomeBxDet{width: 100%;}

    .serviHomeBxDet h3{font-size: 19px;}

    .paymntIMg img {

        max-height: 100px;

        max-width: 170px;

    }

    .fullwidth {

        height: 500px;

    }

    .sec02videoBx a {

        width: 70px;

        height: 70px;margin: -35px 0px 0px -35px;}

        .fancybox-slide{padding: 10px !important;}

        .sec01Left h1 {

            font-size: 35px;}

}





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





section.bannersec {

    margin-top: 85px;

    padding-bottom: 0;

    height: 645px;

}

.bannerCont {

    text-align: right;

    width: 100%;

    float: right;

    margin-right: 30px;

}

.bannerCont h1 {

    font-size: 45px;

    line-height: 56px;

}

.bannerCont p {

    margin-bottom: 20px;

}

h2, h3, h4 {

    font-size: 30px !important;

    margin-bottom: 30px !important;

}

.howSub {

    font-size: 30px;

    margin-bottom: 10px;

    line-height: 38px;

}

.howSubIcon {

    font-size: 30px;

}

.howSubIcon span {

    margin: 12px 15px 0 10px;

}

.howContent {

    margin-bottom: 0;

}

.service h2 span {

    display: block;

}

.counCvr ul li {

    width: 49%;

    margin-bottom: 35px;

}

.testBg:before, .testBg:after {

    background-size: 35%;

}

.testBg:before {

   

    left: 20px;

    top: -80px;

    

}

.testBg:after {

    

    right: 30px;

    

}

.DisLeft {

    padding-right: 0;

}

.conRight {

    padding-left: 0;

}

ul.ftrMenu {

    padding-left: 0;

}

ul.ftrMenu li {

    display: block;

    padding-bottom: 20px;

}

.howWork h2:after {

   

    width: 100%;

    

}

.socialFixed {

    display: none;

}

body,html{



    overflow-x: hidden !important;

}

.howSubRight {

    text-align: left;

    padding-right: 15px;

}

ul.social li {

    

    margin-right: 10px;

}

.srcvr:after{



    display: none;

}

.srcont {

    padding-right: 0;

}

.menu.active1 {

    right: 0;

    top: -56px;

    border-bottom: 1px solid #ffffff47;

}

.form-submit {

    

    padding: 0px 0 0;

    background: url(../images/arrow.svg) no-repeat left 80px top 0;

        background-size: 25px;

   

}

section.thankyou {

    padding: 10rem 0 2rem;

    text-align: center;

}



section.innerbanner h1 {

    font-size: 30px;

}

.banBottomLeft,.banBottomRight {

    padding-bottom: 20px;

}

section.aboutBanBottom .counCvr {

    padding: 30px 0 0;

}

.teamMain {

    font-size: 30px;

}

section.clients {

    padding-bottom: 50px;

    text-align: center;

}

.clientsec {

    padding: 0;

}

footer .logo {

    text-align: center;

}

.service-left img {

    width: 100%;

    margin-bottom: 30px;

}

.serviceRight .svrTit {

    font-size: 30px;

}

.project-content h1{



        padding: 10px 0;



}

.project-content h1,.prjDesc .desHead {

    font-size: 30px;

}

.row.projectGal .projectGalCol:nth-child(odd),.row.projectGal .projectGalCol:nth-child(even) {

    width: 100%;

}

.moreCvr img {

    width: 100%;

    height: auto;

    object-fit: cover;

}

.moreCvr {

    margin-bottom: 15px;

}

section.testimonial.afterNone {

    padding: 90px 0 60px;

}

.teamImg img {

    width: 100%;

}

.teamModal .modal-body {

    padding: 15px;

    text-align: center;

}
header .container:after {
   
    bottom: -17px;
}
.teamImg{

    height: 200px;
    width: 200px;
}
.plImg {
    position: absolute;
    right: 45px;
    bottom: 65px;
}

.srcont{max-height:160px;-webkit-line-clamp: 4; height: 104px;}





}