@import url('http://fonts.cdnfonts.com/css/din-alternate');



* {

    box-sizing: border-box;

}



body {

    background-color: black;

    color: white;

    font-family: 'DIN Alternate', sans-serif;

}



/*------------------------------------General Properties--------------------------------*/

h1 {

    letter-spacing: 7px;
    font-size: 6vw;
    text-transform: capitalize;

}



h2 {
    letter-spacing: 3px;
    font-size: 4.5vw;
    text-transform: capitalize;
}

h3 {

    letter-spacing: 3px;
    font-size: 3vw;
    text-transform: capitalize;

}

h4 {
    letter-spacing: 3px;
    font-size: 1.5vw;
    text-transform: capitalize;
}

h5 {
    letter-spacing: 3px;
    font-size: 2vw;
    text-transform: capitalize;
}

span {
    font-size: 2vw;
    padding-top: 0.3vw;
}

h6 {
    font-size: 1.5vw;
}

p {

    letter-spacing: 1px;

    text-transform: capitalize;

    font-size: 1vw;

    line-height: 1.5vw;

    font-weight: 1500;

}



.border-text {

    color: black;

    -webkit-text-stroke-width: 0.7px;

    -webkit-text-stroke-color: #fff;

}



/*-----------------------------------------Header-------------------------------------*/

.nav {

    width: 100%;

    position: relative;

    margin: auto;

}



.nav>.nav-header {

    display: inline;

}



.nav>.nav-header>.nav-title {

    display: inline-block;



    color: #fff;

    padding: 1vw 0vw 1vw 2.5vw;

}



.nav>.nav-btn {

    display: none;

}



.nav>.nav-links {

    display: inline;

    float: right;

    z-index: 10;
    padding-right: 2vw;


}



.nav>.nav-links>a {

    display: inline-block;

    padding: 1vw;

    text-decoration: none;

    color: #efefef;

}



.nav>.nav-links>a>h3 {

    font-size: 1vw;

}



.nav>#nav-check {

    display: none;

}



/*--------------------------------------Hero Logo------------------------------------------*/

.hero-page video {

    display: block;

    margin: auto;

    width: 90%;

    height: auto;

}

/*--------------------------------------Hero Content------------------------------------------*/

.hero-content {

    margin: 5vw 4vw;

    display: flex;

}



.hero-details {

    width: 50%;
    position: relative;
}



.hero-img {

    width: 50%;

    padding-left: 2vw;

}

.who-text {

    position: relative;



    margin: 0.5vw;

}



.who-text p {

    position: absolute;



    font-style: bold;

    top: 1.2vw;

    padding: 0px 3px;

    z-index: 1;

    background: black;

    letter-spacing: 2.5px;

}



.hero-text {
    display: flex;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

}



.hero-text p {

    margin-left: 1vw;

}


.hero-details h2 {


    position: absolute;
    bottom: 0;
    margin: 0;

}



/*--------------------------------------Director----------------------------------------*/

.row {

    display: flex;

    margin: 5vw 4vw;

}



.row-left {

    width: 30%;



}

.row-left h3 {
    display: none;
}

.row-left h4 {
    display: none;
}


.row-right {
    width: 70%;
    margin: auto 0vw auto 3vw;

}



.row-right h2 {


    font-weight: bold;
    margin: auto 0;



}



.row-right h3 {



    font-weight: bold;

    padding-top: 1vw;

}

.row-right p {}





/*----------------------------------------Global---------------------------------------*/

.global {

    display: flex;

    margin: 5vw 4vw;

}



.global-content {

    width: 50%;

}



.global-img {

    width: 50%;

    padding-left: 2vw;

}

.global-img1 {
    display: none;
}

.global-content h3 {


    margin: 0vw;
}


.global-content h3 span {
    font-size: 3vw;
}

.table-layout {

    table-layout: fixed;

    width: 100%;

    margin-top: 2vw;

    border-spacing: 0vw;

}



.table-data {

    display: inline-flex;

    vertical-align: top;

    min-width: 40%;

    max-width: 40%;

}

.table-data span {}

.table-data p {

    margin-left: 1vw;

}



.table-data-left {

    margin-right: 3vw;

}



.table-data-right {

    margin-left: 3vw;

}



/*------------------------------------Our Operations-----------------------------*/

.operation {

    margin: 5vw 4vw;

}





.operation-table {

    table-layout: fixed;

    width: 100%;

}

.operation-table1 {
    display: none;
}

.operation-table-data {

    display: inline-flex;

    vertical-align: top;

    min-width: 25%;

    max-width: 25%;

}

.operation-table-data span {

    padding-top: 0vw;

}

.operation-table-data h4 {


    margin: 0.5vw 0.5vw;

}



.operation-table-data p {

    margin-left: 0.5vw;

}



/*-------------------------------------LOGOS---------------------------------------*/

.logo-container {

    display: grid;

    grid-template-columns: auto auto auto auto auto auto auto auto auto;

    gap: 10px;

    margin: 1vw 4vw;

}



.logo-container div {

    margin: auto;

}

.logos {

    display: grid;

    grid-template-columns: auto auto auto auto auto auto auto auto;

    gap: 10px;

    margin-left: 4vw;

    margin-right: 4vw;

    margin-bottom: 6vw;

}



.logos div {

    margin: auto;

}



.logo-pret {

    width: 100px;

}



/*-------------------------------------What We Do--------------------------------*/

.what-we-do {

    display: flex;

    margin: 6vw 4vw 0vw;

}



.what-we-do-left {

    width: 50%;

    position: relative;

}



.what-we-do-right {

    padding-top: 1.5vw;

    width: 50%;

}



.what-text {

    position: relative;


    margin: 0;

}



.what-text p {

    position: absolute;



    font-style: bold;

    top: 1.9vw;

    padding: 0px 3px;

    z-index: 1;

    background: black;

    letter-spacing: 2.5px;

}




.what-we-do-points {


    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

}



.what-we-do-points p {

    margin: 1vw 0vw;



}


.what-we-do h2 {


    position: absolute;

    bottom: 0;
    margin: 0;


}

.w-w-d p {

    font-size: 2vw;
    padding-top: 3vw;
    text-align: center;

}

.w-w-d span {

    color: black;

    padding-top: 2vw;

    -webkit-text-stroke-width: 1px;

    -webkit-text-stroke-color: #fff;

}

/*-----------------------------------Grid View--------------------------------*/

.grid-layout {

    margin: 5vw 4vw;

}



.grid-container {

    display: grid;

    grid-template-columns: auto auto;

    gap: 80px;

}








.item {

    position: relative;





    overflow-y: hidden;

    box-shadow: 0.1vw 0.1vw 1vw rgba(0, 0, 0, 0.1);

}

.item h3 {

    padding: 0vw 1vw 2vw 1vw;

    display: block;




}

.item a {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

}

.item a:hover~.item__overlay,
.item a:focus~.item__overlay {
    top: 50%;
    transform: translate3d(0, 0, 0);

}

.item img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

}


.item__overlay {

    display: flex;

    flex-direction: column;

    justify-content: center;

    height: 100%;

    position: absolute;

    width: 100%;

    top: 0%;


    transition: transform 300ms;


    transform: translate3d(0, calc(100% - 3.5vw), 0);

}


.item__overlay h4 {
    padding: 0vw 0vw 0vw 1.5vw;
}

.item__body {

    flex-grow: 1;

    padding: 0vw 1.5vw;


}

.item__body p {

    font-size: 0.85vw;
    line-height: 1vw;
    margin: 0;



}





/*-------------------------------------------------we are dufit------------------------------------------------*/

.we-are-dufit {

    display: flex;

    margin: 5vw 4vw;

}



.we-are-dufit-left {

    width: 50%;

    position: relative;

}



.we-are-dufit-right {

    width: 50%;

}




.our-text {

    position: relative;


    margin: 0;

}



.our-text p {

    position: absolute;



    font-style: bold;

    top: 1.6vw;

    padding: 0px 3px;

    z-index: 1;

    background: black;

    letter-spacing: 2.5px;

}

.we-are-dufit-content {

    display: flex;


    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

}

.we-are-dufit-content span {

    font-size: 2vw;



}

.we-are-dufit-content p {

    margin-left: 1vw;

}



.we-are-dufit h2 {



    position: absolute;

    bottom: 0;
    margin: 0;


}



/*------------------------------------------slider--------------------------------------------------------*/

.CSSgal {

    margin: 5vw 4vw;

    position: relative;

    overflow: hidden;

    height: 100%;
    /* Or set a fixed height */

}



/* SLIDER */



.CSSgal .slider {

    height: 100%;

    white-space: nowrap;

    font-size: 0;

    transition: 0.8s;

}



/* SLIDES */



.CSSgal .slider>* {

    font-size: 1vw;

    display: inline-block;

    white-space: normal;

    vertical-align: top;

    height: 100%;

    width: 100%;

    background: none 50% no-repeat;

    background-size: cover;

}



.slider-div {

    display: flex;

}



.slider-div img {

    width: 50%;

}



.slider-div p {

    width: 50%;

    margin: auto;

    padding-top: 5px;

    font-size: 2vw;

    line-height: 2.2vw;

}

.slider-div h6 {
    display: flex;
    align-items: center;
    margin: auto;
}

/* PREV/NEXT, CONTAINERS & ANCHORS */



.CSSgal .prevNext {

    position: absolute;

    z-index: 1;

    top: 30%;

    width: 100%;

    height: 0;

}



.CSSgal .prevNext>div+div {

    visibility: hidden;
    /* Hide all but first P/N container */

}



.CSSgal .prevNext a {

    background: transparent;

    color: white;

    position: absolute;

    font-size: 2vw;


    width: 60px;

    height: 60px;

    line-height: 20px;
    /* If you want to place numbers */

    text-align: center;

    opacity: 0.7;

    -webkit-transition: 0.3s;

    transition: 0.3s;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    left: 0;



}

.CSSgal .prevNext a:hover {

    opacity: 1;

}

.CSSgal .prevNext a+a {

    left: auto;

    right: 0;

}






/* More slides? Add here more rules */



/* PREV/NEXT CONTAINERS VISIBILITY */

/* ALL: */

.CSSgal>s:target~.prevNext>* {
    visibility: hidden;
}

/* ACTIVE: */

#s1:target~.prevNext>*:nth-child(1) {
    visibility: visible;
}

#s2:target~.prevNext>*:nth-child(2) {
    visibility: visible;
}

#s3:target~.prevNext>*:nth-child(3) {
    visibility: visible;
}

#s4:target~.prevNext>*:nth-child(4) {
    visibility: visible;
}
#s5:target~.prevNext>*:nth-child(5) {
    visibility: visible;
}

#s6:target~.prevNext>*:nth-child(6) {
    visibility: visible;
}

#s7:target~.prevNext>*:nth-child(7) {
    visibility: visible;
}
#s8:target~.prevNext>*:nth-child(8) {
    visibility: visible;
}

/* More slides? Add here more rules */



/* SLIDER ANIMATION POSITIONS */



#s1:target~.slider {
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
}

#s2:target~.slider {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
}

#s3:target~.slider {
    transform: translateX(-200%);
    -webkit-transform: translateX(-200%);
}

#s4:target~.slider {
    transform: translateX(-300%);
    -webkit-transform: translateX(-300%);
}
#s5:target~.slider {
    transform: translateX(-400%);
    -webkit-transform: translateX(-400%);
}

#s6:target~.slider {
    transform: translateX(-500%);
    -webkit-transform: translateX(-500%);
}
#s7:target~.slider {
    transform: translateX(-600%);
    -webkit-transform: translateX(-600%);
}

#s8:target~.slider {
    transform: translateX(-700%);
    -webkit-transform: translateX(-700%);
}


/* More slides? Add here more rules */





/* YOU'RE THE DESIGNER! 

   ____________________

   All above was mainly to get it working :)

   CSSgal CUSTOM STYLES / OVERRIDES HERE: */



.CSSgal {

    color: #fff;

    text-align: center;

}


.CSSgal a {

    border-radius: 50%;

    margin: 0 3px;

    color: rgba(0, 0, 0, 0.8);

    text-decoration: none;


}

.CSSgal .prevNext .nxtarrow {
    transform: translateY(-100%);
}

.CSSgal .prevNext .prevarrow {
    transform: translateY(700%);
}

/*----------------------------------------Lets Talk-----------------------------------------------*/
.lets-talk {
    display: flex;
    margin: 5rem 4rem;
}

.lets-talk-left {
    width: 50%;
    margin-right: 3rem;
    position: relative;
}

.lets-talk-right {
    width: 50%;
    display: block;
}

.lets-talk-content {
    display: flex;
    margin-top: 4vw;

}

.lets-talk-content h3 {
    margin: 0;
}

.lets-talk-content-middle {
    display: flex;
    margin-left: 12vw;
}

.lets-talk-content-middle span {

    margin-right: 1vw;
}

.lets-talk-cont {
    text-align: center;
    position: absolute;
    top: 46%;
    left: 66%;
    transform: translate(-50%, -50%);
}

.lets-talk-cont p {
    font-size: 0.85vw;
}

.social a {
    text-decoration: none;
    color: white;
    margin: 0 0.5vw 0 0.5vw;
}

.lets-talk-left h2 {
    position: absolute;

    bottom: 0;
    margin: 0;
}


.lets-talk-follow {
    display: none;
}






/*-----------------------------------------Footer----------------------------------*/

.footer {

    display: flex;

    justify-content: center;

    margin: 2vw 0vw;

    margin-bottom: 1vw;

}



.footer p {

    margin: 0vw;



}



.footer span {

    margin: 0vw 2vw;

}



.footer p a {



    text-decoration: none;

    color: white;

    margin: 0px 3px;

}


.footer #follow {
    padding-top: 0.4vw;
}



/*----------------------------------------------------------------------------------------------------------*/



/*--------------Mobile view------------------*/







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

    body {

        background-color: black;

        color: white;

        font-family: 'DIN Alternate', sans-serif;



    }


    h1 {

        letter-spacing: 7px;
        font-size: 8vw;
        text-transform: capitalize;
        line-height: 7vw;

    }



    h2 {
        letter-spacing: 3px;
        font-size: 6vw;
        text-transform: capitalize;
        line-height: 6vw;
    }

    h3 {

        letter-spacing: 3px;
        font-size: 4vw;
        text-transform: capitalize;
        line-height: 5vw;
    }

    h4 {
        letter-spacing: 3px;
        font-size: 3.2vw;
        text-transform: capitalize;
        line-height: 3.5vw;
    }

    h5 {
        letter-spacing: 3px;
        font-size: 3vw;
        text-transform: capitalize;
        line-height: 3vw;
    }

    span {
        font-size: 2vw;
    }

    p {

        font-size: 1.8vw;

        line-height: 2.5vw;

    }



    /*---------------------------------------Header--------------------------------------------*/

    .nav>.nav-btn {

        display: inline-block;

        position: absolute;

        right: 0px;

        top: 0px;

    }



    .nav-title>img {

        width: 100px;

        height: 34px;

    }



    .nav>.nav-btn>label {

        display: inline-block;

        width: 50px;

        height: 50px;

        padding: 13px;

    }



    .nav>.nav-btn>label:hover,

    .nav #nav-check:checked~.nav-btn>label {

        background-color: rgba(0, 0, 0, 0.3);

    }



    .nav>.nav-btn>label>span {

        display: block;

        width: 25px;

        height: 10px;

        border-top: 2px solid #eee;

    }



    .nav>.nav-links {

        position: absolute;

        display: block;

        width: 100%;

        background-color: rgb(0, 0, 0);

        height: 0px;

        text-align: center;

        transition: all 0.3s ease-in;

        overflow-y: hidden;

        top: 50px;

        left: 0px;

    }



    .nav>.nav-links>a {

        display: block;

        width: 100%;

    }

    .nav>.nav-links>a>h3 {
        font-size: 4vw;
        ;
    }


    .nav>#nav-check:not(:checked)~.nav-links {

        height: 0px;

    }



    .nav>#nav-check:checked~.nav-links {

        height: calc(100vh - 50px);

        overflow-y: auto;

    }









    /*----------------HeroPage----------------------------------------------*/



    .hero-page img {

        display: block;
        margin: 20vw auto 85vw auto;
      

        width: 90%;

        height: auto;

    }





    /*--------------------------------------Hero Content------------------------------------------*/

    .hero-content {

        margin: 6vw 2vw 4vw 2vw;
        display: grid;
        justify-items: center;


    }

    .hero-details {

        width: 100%;
        margin: 0 auto;

    }


    .hero-details .what-text {
        padding-left: 32%;
    }



    .hero-img {

        width: 50%;

        padding-top: 16vw;



    }



    .hero-text {

        text-align: center;

        margin: 12vw 5vw 0vw 5vw;

    }

    .hero-text span {



        display: none;

    }

    .hero-text p {

        margin-left: 0.5vw;

    }

    .hero-text p br {
        display: none;
    }


    .hero-details h2 {
        padding-top: 3vw;
        padding-left: 20vw;

        top: 900%;

    }



    /*--------------------------------------Director----------------------------------------*/

    .row {


        display: grid;
        margin: 10vw 2vw 8vw 2vw;

    }

    .row-left {
        width: 100%;
        justify-items: center;
        text-align: center;
    }

    .row-left h3 {
        display: block;
    }

    .row-left h4 {
        display: block;
    }

    .row-left img {
        width: 30%;
        margin: 0vw auto;

    }


    .row-right {
        width: 100%;


        margin: 0vw 0vw 0vw 0vw;
    }

    .row-right h3 {
        display: none;
    }

    .row-right h4 {
        display: none;
    }

    .row-right p {
        top: 50%;
        text-align: center;
        margin: 1vw 5vw 0vw 5vw;
    }










    /*----------------------------------------Global---------------------------------------*/

    .global {

        display: grid;

        margin: 2vw 3vw;

    }


    .global-content {

        width: 100%;

        text-align: center;


    }

    .global-content h3 span {
        font-size: 4vw;
    }

    .global-img1 {
 display: block;
        width: 50%;

        margin: 2vw auto 0 auto;


    }

    .global-img {
        display: none;
    }


    .global-content h2 {



        line-height: 0.7vw;

        margin: 0vw;

    }


    .table-layout {

        table-layout: fixed;
    
        width: 100%;
    
        margin-top: 2vw;
    
        border-spacing: 0vw;
    
    }
    
    
    
    .table-data {
    
        display: inline-flex;
    
        vertical-align: top;
    
        min-width: 40%;
    
        max-width: 40%;
    
    }
    
    .table-data span {
        padding-top: 1.2vw;
    }
    
    .table-data p {
    
        margin-left: 1vw;
    text-align: justify;
    }
    
    
    
    .table-data-left {
    
        margin-right: 3vw;
    
    }
    
    
    
    .table-data-right {
    
        margin-left: 3vw;
    
    }
    





    /*------------------------------------Our Operations-----------------------------*/

    .operation {

        margin: 2vw 2vw;

    }

    .operation h2 {
        text-align: center;
    }

    .operation-table {
        display: none;
    }

    .operation-table1 {
        display: flex;
        justify-content: center;

    }
    .operation-table-data{
        padding:0 22vw 0 14vw;
    }

    .operation-table-data span {



        padding-top: 1vw;

        padding-left: 0.4vw;



    }


    .operation-table-data h4 {



        text-align: center;
        margin: 0.2vw 2vw;

    }

  



    .operation-table-data p {

        margin-left: 2vw;

    }

   



    /*-------------------------------------LOGOS---------------------------------------*/

    .logo-container {



        gap: 5px;

        margin: 2vw 1vw;

    }



    .logos {



        gap: 5px;

        margin-left: 1vw;

        margin-right: 1vw;

        margin-bottom: 4vw;

    }

    .logo-pret {

        width: 30px;

    }









    /*-------------------------------------What We Do--------------------------------*/

    .what-we-do {


        display: grid;
        margin: 6vw 3vw 0vw 3vw;
        width: 100%;


    }



    .what-we-do-right {

        padding-top: 24vw;
        margin: 0 0 0 20vw;
        width: 50%;

    }

    .what-we-do-left {
        width: 100%;
    }


    .what-we-do-left .what-text {

        padding-left: 20%;

        letter-spacing: 3px;
        

    }



    .what-text p {

        font-size: 0.85vw;
        word-spacing: 0.1px;

        top: 1.4vw;

        padding: 1px 1px;

    }

    .what-we-do-points {
        justify-content: center;
        margin: 16vw 28vw;

    }



    .what-we-do-points p {

        margin: 1vw 0vw;





    }



    .what-we-do-left h2 {
        font-size: 4.5vw;
        padding: 10vw 23vw 0vw 23vw;
        top: 950%;




    }

    .w-w-d p {
        font-size: 3vw;
        padding-top: 14vw;
    }

    .w-w-d span {
        font-size: 3vw;
        -webkit-text-stroke-width: 0.5px;
    }

    .grid-layout {
        margin: 8vw 8vw;
    }

    .grid-container {
        display: block;

    }

    .item {
        margin: 6vw 0vw;
    }

    .item a:hover~.item__overlay,
.item a:focus~.item__overlay {
    top: 50%;
    transform: translate3d(0, 0, 0);

}

    .item__overlay {

        top: -10%
    }

    .item__overlay h4{
        font-size: 3.3vw;
        font-weight: bold;
    }
    .item__body {

        display: block;

    }


    .item__body p {

        font-size: 1.5vw;
        line-height: 2vw;
        margin: 0;
    
    
    
    }




























    /*------------------------------------Dufit-----------------------------------*/

    .we-are-dufit {
        display: grid;
        margin: 4vw 3vw ;
    }

    .we-are-dufit-left {

        width: 100%;



    }

    .we-are-dufit-right {

        width: 50%;
        margin: 14vw 23vw 0 23vw;

    }

    .our-text {
        text-align: center;
        margin: 0
    }

    .our-text p {
        top: 10%;

        margin-left: 8vw;
    }

    .we-are-dufit-content {
        padding-left: 20vw;
        text-align: center;
        top: 200%;

    }

    .we-are-dufit-content span {

        padding: 1vw 0vw;



    }

    .we-are-dufit-content p {

        margin-left: -2vw;

    }

    .we-are-dufit h2 {
        padding: 1vw 12vw 0 12vw;
        top: 900%;

    }





    /*------------------------------------Slider-----------------------------------*/

    .CSSgal {
        margin: 16vw 1vw 50vw 1vw;
    }

    .slider-div p {
        line-height: 3vw;
    }
    .slider-div img{
        width: 50%;
    }
    .CSSgal .prevNext {
        top: 21%;
    }

    .CSSgal .prevNext .nxtarrow {
        transform: translateY(0%);
    }

    .CSSgal .prevNext .prevarrow {
        transform: translateY(195%);
    }



    /*------------------------------------Let's Talk-----------------------------------*/

    .lets-talk {
        display: grid;
        margin: 4vw 4vw 50vw 4vw;
        justify-items: center;
    }

    .lets-talk-left {
        width: 100%;

    }

    .lets-talk-right {
        width: 50%;
        
    }

    .lets-talk-left .what-text {
        padding-left: 26%;
    }

    .lets-talk-content {
        display: grid;
        margin-top: 1vw;
        align-items: center;
    }

    .lets-talk-content h3 {
        display: none;
    }

    .lets-talk-content div {
        margin-left: 1vw;
    }

    .lets-talk-content-middle {

        justify-content: center;
    }

    .lets-talk-content-middle span {

        padding-top: 1vw;
        padding-left: 1vw;
    }

    .lets-talk-content div p {
        margin-left: 0.5vw;
    }



    .lets-talk-left h2 {

        top: 320%;
        left: 35%;
    }


    .lets-talk-cont {
        display: none;
    }

    .lets-talk-follow {
        display: block;
        padding-top: 14vw;
        ;
    }

    .social a {
        font-size: 3vw;
    }









    /*-------------------------------------Footer---------------------------------------*/

    .footer {
        position: relative;
        bottom: 0;
        
       



    }


    .footer span {

        margin: 0vw 0.5vw;

    }

    .footer p {

        font-size: 1vw;

        text-align: center;

        line-height: 1.4vw;


    }

    .footer a {
        font-size: 1.5vw;
    }



    .footer #follow {
        margin-top: -0.81vw;
    }




}









/*-------------------------------------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------IPAD view-------------------------------------------------------------*/



@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait) {

    .lets-talk-cont {
        top: 60%;
        left: 72%;
    }

    .social a {
        margin: 0;
        font-size: 1vw;
    }
}