/* DaBrande CSS */



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

@font-face {

    font-family: 'proxima_novathin';

    src: url('../fonts/fontsfree-net-proxima-nova-thin.woff2') format('woff2'),

         url('../fonts/fontsfree-net-proxima-nova-thin.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}

@font-face{

    font-family: 'ProximaNova-Regular';

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

}

@font-face{

    font-family: 'ProximaNova-Semibold';

    src: url('../fonts/ProximaNova-Semibold.ttf')

}

@font-face{

    font-family: 'ProximaNova-Black';

    src: url('../fonts/ProximaNova-Black.otf');

}

@font-face{

    font-family: 'GT-Medium';

    src: url('../fonts/GT-Walsheim-Medium.woff');

}

@font-face{

    font-family: 'HelveticaNeue-Medium';

    src: url('../fonts/HelveticaNeue-Medium.ttf');

}

@font-face{

    font-family: 'HelveticaNeue-Light';

    src: url('../fonts/HelveticaNeue Light.ttf');

}

@font-face{

    font-family: 'Plain-UltraLight';

    src: url('../fonts/Plain-Ultralight.woff2');

}

@font-face{

    font-family: 'ProximaNova-Bold';

    src: url('../fonts/ProximaNova-Bold.otf');

}

@font-face{

    font-family: 'Gilroy-Bold';

    src: url('../fonts/Gilroy-ExtraBold.otf');

}

:root{

    --smiley-color: #c6c6c6;

}

body{

    overflow-x: hidden;   

}

body.mobile-version{

    overflow-y: auto;

}

::-moz-selection{

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

}

::selection{

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

}

.container-wide{

    max-width: 95%;

    margin: auto;

    width: 100%;

}

.unstyled-list{

    list-style-type: none;

    margin: 0;

    padding: 0;;

}

a{

    text-decoration: none !important;

    outline: none !important;

}

input, button, textarea, select{

    outline: none !important;

    -webkit-box-shadow: none;

            box-shadow: none;

}

img{

    max-width: 100%;

    max-height: 100%;

}

.row{

    margin: 0;

}

.rounded-link{

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center; 

    -ms-flex-wrap: wrap; 

        flex-wrap: wrap;

    text-transform: uppercase;

    font-size: 17px;

    color: #000;

    font-family: 'ProximaNova-Semibold';

    -webkit-transition: 0.8s cubic-bezier(0.74, 0.12, 0, 0.97);

    -o-transition: 0.8s cubic-bezier(0.74, 0.12, 0, 0.97);

    transition: 0.8s cubic-bezier(0.74, 0.12, 0, 0.97);

}

.rounded-link:visited{

    color: #000;

}

#site-header li#menu-item-1044 {
	
    display: none;
}

.service-tab.animated:last-child {
	
    display: none;
	
}

.rounded-link .arrow{

    display: inline-block;

    border-radius: 50%;

    border: 1.5px solid #1E1E1E;

    width: 42px;

    height: 42px;

    margin-left: 10px;

    position: relative;

    -webkit-transition: 0.5s cubic-bezier(0.74, 0.12, 0, 0.97);

    -o-transition: 0.5s cubic-bezier(0.74, 0.12, 0, 0.97);

    transition: 0.5s cubic-bezier(0.74, 0.12, 0, 0.97);

}

.rounded-link.link-back .arrow{

    -webkit-transform: rotate(180deg);

        -ms-transform: rotate(180deg);

            transform: rotate(180deg);

    margin: 0 15px 0 0;

    -webkit-box-ordinal-group: 2;

        -ms-flex-order: 1;

            order: 1;

}

.rounded-link.link-back .link-text{

    -webkit-box-ordinal-group: 3;

        -ms-flex-order: 2;

            order: 2;

}

.rounded-link .arrow .top{

    position: absolute;

    left: 20px;

    width: 1.5px;

    height: 8.65px;

    background: #1E1E1E;

    display: inline-block;

    -webkit-transform: rotate(135deg);

    -ms-transform: rotate(135deg);

        transform: rotate(135deg);

    top: 12.5px;

    -webkit-transition: 0.5s cubic-bezier(0.74, 0.12, 0, 0.97);

    -o-transition: 0.5s cubic-bezier(0.74, 0.12, 0, 0.97);

    transition: 0.5s cubic-bezier(0.74, 0.12, 0, 0.97);

}

.rounded-link .arrow .bottom{

    position: absolute;

    left: 20px;

    width: 1.5px;

    height: 8.65px;

    background: #1E1E1E;

    display: inline-block;

    -webkit-transform: rotate(135deg);

    -ms-transform: rotate(45deg);

        transform: rotate(45deg);

    top: 18.5px;

    -webkit-transition: 0.5s cubic-bezier(0.74, 0.12, 0, 0.97);

    -o-transition: 0.5s cubic-bezier(0.74, 0.12, 0, 0.97);

    transition: 0.5s cubic-bezier(0.74, 0.12, 0, 0.97);

}

.rounded-link:hover{

    color: #1E1E1E;

    -webkit-transform: translateX(10px);

            -ms-transform: translateX(10px);

        transform: translateX(10px);

}

.rounded-link.link-back:hover{

    -webkit-transform: translateX(-10px);

        -ms-transform: translateX(-10px);

            transform: translateX(-10px);

}

.rounded-link:hover .arrow{

    background: #1E1E1E;

    -webkit-transform: translateX(4px);

            -ms-transform: translateX(4px);

        transform: translateX(4px);

}

.rounded-link.link-back:hover .arrow{

    -webkit-transform: translateX(-4px) rotate(180deg);

            -ms-transform: translateX(-4px) rotate(180deg);

        transform: translateX(-4px) rotate(180deg);

}
h4.offices {
    padding: 0 30px;
}
.locations {
    margin-bottom: 10px;
}

.rounded-link:hover .arrow .top, .rounded-link:hover .arrow .bottom{

    background: #FFF;

} 

.slick-slide{

    border: none;

    outline: none;

}

.mouse-pointer{

    position: absolute;    

    z-index: 999;

    pointer-events: none;

    height: 15px;

    width: 15px;    

    background: #000;

    border-radius: 50%;

    top: -7.5px;

    left: -7.5px;

}

/* Site Header */

#site-header .main-nav{

    -ms-flex-wrap: wrap!important;

    flex-wrap: wrap!important;

    display: -ms-flexbox!important;

    display: -webkit-box!important;

    display: flex!important;

    width: 100%;

}

.logo{

    width: 10.416666666666666vw;

}

.logo a{

    display: inline-block;

    width: 100%;

}

#site-header{

    padding: 30px 0;

}

#site-header .navbar-wrap{

    margin-left: auto;

    font-family: 'ProximaNova-Semibold';

    font-size: 1.0416666666666667vw;

}

#site-header .navbar-wrap ul li:not(.megaLi){

    display: inline-block;

    margin-right: 30px;

    position: unset;

}

.total-vacancies{

    position: absolute;

    right: -15px;

    top: -7px;

    background: #212121;

    color: #FFF;

    width: 17.53px;

    height: 17.53px;

    font-size: 10px;

    border-radius: 50%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

}

#site-header .navbar-wrap ul li:not(.megaLi):last-child{

    margin-right: 0;

    margin-left: 80px;

}

#site-header .navbar-wrap ul li:not(.megaLi) a{

    color: #222222;

    position: relative;

    cursor: pointer;

}

#site-header .navbar-wrap ul li:not(.megaLi):last-child a{

    padding-left: 20px;

    position: relative;

    display: inline-block;

    z-index: 9;

    -webkit-transition: 0.5s cubic-bezier(0.02, 0.48, 0, 1.38);

    -o-transition: 0.5s cubic-bezier(0.02, 0.48, 0, 1.38);

    transition: 0.5s cubic-bezier(0.02, 0.48, 0, 1.38);



}

#site-header .navbar-wrap ul li:not(.megaLi):last-child a:before {

    content: '';

    position: absolute;

    width: 8.33px;

    height: 8.33px;

    background: transparent;

    border: 1.5px solid #000;

    border-radius: 50%;

    top: 8px;

    left: 0;

    -webkit-transition: 0.5s cubic-bezier(0.02, 0.48, 0, 1.38);

    -o-transition: 0.5s cubic-bezier(0.02, 0.48, 0, 1.38);

    transition: 0.5s cubic-bezier(0.02, 0.48, 0, 1.38);

}

#site-header .navbar-wrap ul li:not(.megaLi):last-child a:hover:before{

    background: #000;    

}

#site-header .menu-toggler{

    background: transparent;

    border: none;

    padding: 0;

    font-family: 'ProximaNova-Semibold';    

    -ms-flex-wrap: wrap;    

        flex-wrap: wrap;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    color: #000;

    margin-left: auto;

    display: none;

}

#site-header .menu-toggler .toggle-dot{

    width: 3px;

    height: 3px;

    border-radius: 50%;

    background: #000;

}

#site-header .menu-toggler .toggle-dot:nth-child(3n+2) {

    margin: 0 4px;

}

#site-header .menu-toggler .dots-wrap{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    width: 18px;

    height: 18px;

    margin-right: 7px;

}

/* Site Header Ends */



/*--- Site Loader ---*/

.site-loader{

    position: fixed;

    width: 100%;

    height: 100%;

    color: #FFF;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        -webkit-box-align: center;-ms-flex-align: center;align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    z-index: 999999;

    top: 0;

    left: 0;

    -ms-flex-line-pack: center;

        align-content: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;    

}

body.loaded .site-loader.loaded{

    z-index: -99;

}

.site-loader .loader-background{

    background-color: #000;

    width: 33.333%;

    height: 100%;

    position: absolute;

    top: 0;

    overflow: hidden;

    -webkit-transition: 0.8s cubic-bezier(0.74, 0.12, 0, 0.97);

    -o-transition: 0.8s cubic-bezier(0.74, 0.12, 0, 0.97);

    transition: 0.8s cubic-bezier(0.74, 0.12, 0, 0.97);    

    left: 0;

    -webkit-transition-delay: 0.5s;

         -o-transition-delay: 0.5s;

            transition-delay: 0.5s;

}

.site-loader .loader-background:nth-child(2){

    left: 33.333%;

    -webkit-transition-delay: 0.7s;

         -o-transition-delay: 0.7s;

            transition-delay: 0.7s;

}

.site-loader .loader-background:nth-child(3){

    left: 66.667%;

    -webkit-transition-delay: 0.9s;

         -o-transition-delay: 0.9s;

            transition-delay: 0.9s;

}

.site-loader.loaded .loader-background{

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

        -ms-transform: translateY(-100%);

            transform: translateY(-100%);

}

.loader-text{

    z-index: 9;

    font-family: 'ProximaNova-Bold';

    font-size: 120px;

    line-height: 90px;

    pointer-events: none;

}

.loader-text span{

    opacity: 1;

    display: inline-block;

}

.site-loader.loaded .loader-text span:not(:last-child){

    -webkit-animation: moveLetters 1s forwards;

            animation: moveLetters 1s forwards;

}

.site-loader.loaded .loader-text span:nth-child(2){

    -webkit-animation-delay: 0.1s;

            animation-delay: 0.1s;

}

.site-loader.loaded .loader-text span:nth-child(3){

    -webkit-animation-delay: 0.2s;

            animation-delay: 0.2s;

}

.site-loader.loaded .loader-text span:nth-child(4){

    -webkit-animation-delay: 0.3s;

            animation-delay: 0.3s;

}

.site-loader.loaded .loader-text span:nth-child(5){

    -webkit-animation-delay: 0.4s;

            animation-delay: 0.4s;

}

.loader-text span:last-child{

    color: #a7e8ff;

    -webkit-animation: animateLoading 8s infinite;

            animation: animateLoading 8s infinite;

    -webkit-animation-delay: 0.5s;

            animation-delay: 0.5s;

}

.site-loader.loaded .loader-text span:last-child{

    -webkit-animation: moveLetters 1s 0.5s forwards ;

            animation: moveLetters 1s 0.5s forwards ;

}

@-webkit-keyframes animateLoading{

    0%{color: #a7e8ff;}

    20%{color: #ffa7a7;}

    40%{color: #c5a7ff;}

    60%{color: #a7ffe3;}

    80%{color: #feffa7;}

    100%{color: #a7e8ff;}

}

@keyframes animateLoading{

    0%{color: #a7e8ff;}

    20%{color: #ffa7a7;}

    40%{color: #c5a7ff;}

    60%{color: #a7ffe3;}

    80%{color: #feffa7;}

    100%{color: #a7e8ff;}

}

@-webkit-keyframes moveLetters{

    0%{-webkit-transform: none;transform: none;opacity: 1;}

    100%{-webkit-transform: translateY(-100%);transform: translateY(-100%);opacity: 0;}

}

@keyframes moveLetters{

    0%{-webkit-transform: none;transform: none;opacity: 1;}

    100%{-webkit-transform: translateY(-100%);transform: translateY(-100%);opacity: 0;}

}

.pace {

    display: none!important;

    -webkit-pointer-events: none;

    pointer-events: none;  

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

        user-select: none;

    z-index: 9999999;

    position: fixed;

    left: 50%;

    bottom: 0%;

    -webkit-transform: translate(-50%, -50%);

        -ms-transform: translate(-50%, -50%);

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

}  

.pace .pace-progress {

    -webkit-transform: none !important;

        -ms-transform: none !important;

            transform: none !important;

}  

.pace .pace-progress:after {

    display: block;

    top: 0;

    content: attr(data-progress-text);

    font-family: 'ProximaNova-Bold';

    color: #FFF;

    font-size: 30px;

    -webkit-transition: 0.5s ease;

    -o-transition: 0.5s ease;

    transition: 0.5s ease;

    -webkit-transition-delay: 1.5s;

         -o-transition-delay: 1.5s;

            transition-delay: 1.5s;

}

.pace.pace-inactive .pace-progress:after{

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

        -ms-transform: translateY(-100%);

            transform: translateY(-100%);

    opacity: 0;

}

/*--- Site Loader Ends ---*/



/* Homepage */

.home--landing{

    padding: 38.4px 0 100px;

    position: relative;

}

.gray-block{

    position: absolute;    

    z-index: -1;    

    -webkit-transition: 0.5s cubic-bezier(0.74, 0.12, 0, 0.97);

    -o-transition: 0.5s cubic-bezier(0.74, 0.12, 0, 0.97);

    transition: 0.5s cubic-bezier(0.74, 0.12, 0, 0.97);

    -webkit-transform: scaleX(0);

            -ms-transform: scaleX(0);

        transform: scaleX(0);

    -webkit-transform-origin: 0 0;

            -ms-transform-origin: 0 0;

        transform-origin: 0 0;

}

.home--landing .gray-block{    

    width: 0;

    height: 65%;

    background: #e8f9ff;    

    margin: auto;

    top: -7.5%;

    bottom: 0;    

}

.home--landing .landing-slide-counter{

    position: absolute;

    left: -2%;

    top: 2.3%;

    font-size: 14px;

    font-family: 'ProximaNova-Semibold';

    overflow: hidden;

    pointer-events: none;

    -webkit-transform: rotate(-90deg);

        -ms-transform: rotate(-90deg);

            transform: rotate(-90deg);

}

.home--landing .landing-slide-counter span{

    -webkit-transition: 0.5s cubic-bezier(0.74, 0.12, 0, 0.97);

    -o-transition: 0.5s cubic-bezier(0.74, 0.12, 0, 0.97);

    transition: 0.5s cubic-bezier(0.74, 0.12, 0, 0.97);

}

.home--landing .landing-slide-counter span:not(.total-slides):not(.slide-divider):not(.current){

    position: absolute;

    top: -100%;

    left: 0;

    opacity: 0;

}

.home--landing .landing-slide-counter span.slide-divider{

    display: inline-block;

    width: 10px;

    height: 1px;

    background: #000;

    position: absolute;

    z-index: 99;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

        -ms-transform: translate(-50%, -50%);

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

    opacity: 1;

}

.home--landing .landing-slide-counter span.current {

    top: 0;

    opacity: 1;

    position: absolute;

}

.home--landing .landing-slide-counter span.total-slides{

    padding: 0 0 0 40px;

    display: inline-block;

}

body.loaded .home--landing .gray-block{

    -webkit-transform: none;

            -ms-transform: none;

        transform: none;

}

body.loaded .home--landing .gray-block.active{

    width: 30%;

}

.home--landing h1{

    font-size: 4.688vw;

    font-family: 'ProximaNova-Bold';

    margin-bottom: 40px;

    color: #000;

    line-height: 5.3vw;

    color: #222222;

}

.home--landing h1 span.animated span{

    line-height: 5vw;

}

.home--landing h1 div{

    color: #cccccc;

    font-family: 'ProximaNova-Semibold';

    display: inline-block;

}

.home--landing p{

    font-family: 'ProximaNova-Semibold';

    font-size: 1.375vw;

}

.landing--content{

    width: 43%;

}

.landing-slider-outer{

    width: 50%;

    margin-left: auto;

}

.landing-slider-outer{

    padding-left: 30px;

    outline: none !important;

    position: relative;

}

.landing-slider{

    cursor: -webkit-grab;

    cursor: grab;    

}

.landing-slide{

    outline: none !important;

}

.main-slider .swiper-slide{

    height: auto;

}

.main-slider .slide-bgimg{

    height: 100%;

}

.landing-slider-outer img{

    -o-object-fit: cover;

       object-fit: cover;

    width: 100%;

    height: 100%;

}

.home--services{

    overflow: hidden;

}

.home--services h2, .site-title{

    font-family: 'ProximaNova-Bold';

    font-size: 50px;

    margin-bottom: 40px;

    color: #000;

    position: relative !important;

    padding-left: 32px;

}

.home--services{

    padding: 7vw 0 3vw;

    position: relative;

}

.home--services .gray-bar{

    width: 50%;

    height: 50%;

    top: 0;

    bottom: 0;

    margin: auto;

    left: 0;

    right: 0;

}

.home--services .services-background{

    background: #151414;

    width: 0;

    -webkit-transition: 0.5s cubic-bezier(0.74, 0.12, 0, 0.97);

    -o-transition: 0.5s cubic-bezier(0.74, 0.12, 0, 0.97);

    transition: 0.5s cubic-bezier(0.74, 0.12, 0, 0.97);

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

}

body.loaded .home--services.animated .services-background{

    width: 100%;

}

.home--services .row{    

    color: #FFF;

}

.home--services .small-title, .home--services h2{

    color: #FFF;

}

.home--services .services-icon-wrap{

    display: inline-block;

    width: 6.770833333333333vw;

    position: relative;

    margin-bottom: 1.0416666666666667vw;

}

.services-icon{

    background: #37b1f8;

    border-radius: 50%;

    width: 70px;

    height: 70px;

    display: inline-block;

    position: absolute;

    left: 0;

    top: 0;

}

.services-icon-wrap svg{

    z-index: 9;

    position: relative;

    width: 100%;

    overflow: visible;

}

.services-icon-wrap svg .st0{

    stroke: #bc6bef;

    stroke-dashoffset: 400;

    stroke-dasharray: 400;

    transform-origin: center;

}

.services-icon-wrap svg .st1{

    stroke: #60d8fc;

    stroke-dashoffset: 500;

    stroke-dasharray: 500;

    transform-origin: center;

}

.service-tab.animated .st0{

    animation: 2s linear iconAnimation forwards, moveIcons 12s ease-in-out infinite alternate;

    animation-delay: 0s, 4s;

}

.service-tab.animated .st1{

    animation: 2s linear iconAnimation2 forwards, moveIcons2 12s ease-in-out infinite alternate;

    animation-delay: 1.5s, 5s;

}

.service-tab:nth-of-type(2) .st0{

    animation-delay: 0s, 8s;

}

.service-tab:nth-of-type(3) .st0{

    animation-delay: 0s, 5s;

}

.service-tab:nth-of-type(2) .st1{

    animation-delay: 0s, 7s;

}

.service-tab:nth-of-type(3) .st1{

    animation-delay: 0s, 8s;

}

@keyframes iconAnimation{

    0%{stroke-dashoffset: 500; transform: rotate(0);}

    100%{stroke-dashoffset: 0; transform: rotate(-5deg);}

}

@keyframes iconAnimation2{

    0%{stroke-dashoffset: 500; transform: rotate(0);}

    100%{stroke-dashoffset: 0; transform: rotate(3deg);}

}

@keyframes moveIcons{

    0%{transform: translateX(0) rotate(-5deg);}

    100%{transform: translateX(30%) rotate(-15deg);}

}

@keyframes moveIcons2{

    0%{transform: translateX(0) rotate(3deg);}

    100%{transform: translateX(-30%) rotate(15deg);}

}

.home--services.animated .services-listing{

    z-index: 0;

}

.services-listing{

    position: absolute;

    left: calc(100% - 90px);

    font-size: 12vw;

    font-family: 'ProximaNova-Bold';

    color: #2e2e2e;

    pointer-events: none;

    top: 80%;

    line-height: 0;

    transform: rotate(-90deg);

    transform-origin: 0 0;

    height: 0;

    width: 0;

}

.small-title{

    font-family: 'ProximaNova-Semibold';

    color: #000;

    display: block;

    text-transform: uppercase;

    font-size: 11px;

    letter-spacing: 8.4px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    margin-bottom: 25px;

}

.small-title .bar{

    width: 0;

    background: #000;

    height: 2px;

    display: inline-block;

    margin-right: 10px;

    -webkit-transition: 0.5s cubic-bezier(0.74, 0.12, 0, 0.97);

    -o-transition: 0.5s cubic-bezier(0.74, 0.12, 0, 0.97);

    transition: 0.5s cubic-bezier(0.74, 0.12, 0, 0.97);

}

.swiper-slide {

    backface-visibility: hidden;

    -webkit-backface-visibility: hidden;

    overflow: hidden;

  }

  .landing-slider-outer .swiper-container{

      -webkit-box-shadow: 12px 20px 20px 1px #efefef;

              box-shadow: 12px 20px 20px 1px #efefef;

  }

.clients{

    overflow: hidden;

    padding: 7vw 0 7vw;

    background: #fafafa;

}

.clients-slider{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

}

.clients-slider .slick-track{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

}

.clinet-slide{

    outline: none;

}

.clients .slide-bgimg {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    cursor: -webkit-grab;

    cursor: grab;

}

.clinet-slide{

    outline: none;

    width: calc(100% / 6);

    padding: 0.78125vw 0.78125vw;

}

.client-col {

    height: 13.020833333333334vw;

    background: #FFF;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

}

.client-col img{

    width: 60%;

    display: block;

    margin: auto;

}

.home--services h3{

    font-family: 'ProximaNova-Semibold';

    margin-bottom: 40px;

    font-size: 30px;

    text-transform: uppercase;

}

.service-content p {

    font-size: 1.25vw;

    line-height: 2.3vw;

    font-family: 'ProximaNova-Regular';

    margin: 0;

}

.service-content {

    color: #FFF;

    position: relative;

    z-index: 99;

    -webkit-transition: 0.8s cubic-bezier(0.74, 0.12, 0, 0.97);

    -o-transition: 0.8s cubic-bezier(0.74, 0.12, 0, 0.97);

    transition: 0.8s cubic-bezier(0.74, 0.12, 0, 0.97);

    overflow: hidden;

    height: 0;

    margin-bottom: 2.6041666666666665vw;

}

.service-content ul {

    font-family: 'ProximaNova-Regular';    

    margin-top: 36px;

    font-size: 1.25vw;

    list-style-type: none;

    margin-left: 0;

    padding: 0;

}

.service-content ul li{

    margin-bottom: 12px;

    padding-bottom: 4px;    

    padding-left: 22px;

    margin-right: 30px;

    position: relative;

    display: inline-block;

}

.service-content ul li:last-child{

    border-bottom: none;

}

.service-content ul li:before {

    content: '\2022';

    position: absolute;

    left: 0;

    font-size: 1.6666666666666667vw;

    top: 38%;

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

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

            transform: translateY(-50%);

    line-height: 0;

    color: #7d7d7d;

}

.service-col{

    position: relative;

    width: 100%;    

    overflow: hidden;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;    

}

.service-col:not(:last-of-type){

    margin-bottom: 50px;

}

.service-col:nth-of-type(2){

    -webkit-box-orient: horizontal;

    -webkit-box-direction: reverse;

        -ms-flex-direction: row-reverse;

            flex-direction: row-reverse;

}

.service-col:nth-of-type(2) .service-content{

    margin-left: 0;

    margin-right: auto;

}

.service-col a{

    display: block;

    width: 50%;

}

.service-display{

    width: 50%;

    text-align: center;

}

.service-display video{

    -o-object-fit: cover;

       object-fit: cover;

    width: 100%;

    height: 100%;

    max-width: 33.333333333333336vw;

    min-height: 37.5vw;

}

.service-col img{

    width: 50%;

    height: 100%;

    -o-object-fit: cover;

       object-fit: cover;    

    -o-object-position: 0;

       object-position: 0;    

    -webkit-transition: 0.8s cubic-bezier(0.74, 0.12, 0, 0.97);

    -o-transition: 0.8s cubic-bezier(0.74, 0.12, 0, 0.97);

    transition: 0.8s cubic-bezier(0.74, 0.12, 0, 0.97);

    position: absolute;

    right: 0;

}

.service-col:nth-of-type(2) img{

    left: 0;

    right: auto;

}

.service-count {

    position: relative;

    font-family: 'ProximaNova-Bold';

    font-size: 20px;

    color: #000;    

    -webkit-transition: 0.8s ease;

    -o-transition: 0.8s ease;

    transition: 0.8s ease;

    z-index: -1;

}

.home-about{

    padding: 7vw 0 0;

    position: relative;

}

.recent-work {

    padding: 3vw 0 0;

    position: relative;

}

.home-about .gray-bar{    

    top: -15vw;

    right: -5vw;

    width: 40vw;

    height: 40vw;

}

.gray-bar{

    z-index: -1;

    background: #f7f7f7;

    position: absolute;

}

.home-about .home-about-img{

    height: 500px;

}

.home-about-img{
    width: 48%;

    -webkit-transition: 0.5s ease;

    -o-transition: 0.5s ease;

    transition: 0.5s ease;

    overflow: hidden;

}

.home-about-img > img{

    -o-object-fit: cover;

       object-fit: cover;

    width: 100%;

    height: 100%;

    -webkit-transition: 0.5s ease;

    -o-transition: 0.5s ease;

    transition: 0.5s ease;

}

.home-about-img:hover {

    -webkit-transform: scale(0.98);

            -ms-transform: scale(0.98);

        transform: scale(0.98);

}

.recent-work .pr .work-image:hover img{

    -webkit-transform: scale(0.95);

            -ms-transform: scale(0.95);

        transform: scale(0.95);

} 

.recent-work .pr .work-image:hover .p-title, .recent-work .pr .work-image:hover .p-category{

    -webkit-transform: none;

        -ms-transform: none;

            transform: none;

    opacity: 1;

}

.home-about-img:hover img{

    -webkit-transform: scale(1.1);

            -ms-transform: scale(1.1);

        transform: scale(1.1);

}

.home-about .about-content{

    width: 53.333%;

    font-size: 1.25vw;

    font-family: 'ProximaNova-Regular';

    justify-content: center;display: flex;flex-wrap: wrap;

    margin: 8vw auto auto;

    line-height: 2.3vw;

}

.home-about .about-content a.rounded-link{

    margin-top: 30px;

}

.about-title-mask{

    font-family: 'ProximaNova-Bold';

    font-size: 13vw;

    text-align: center;

    margin: auto;

    color: #F6F6F6;

    width: 100%;

    position: relative;

}

.mask-1, .mask-2{

    position: relative;

    transition: 0.5s ease;

    display: inline-block;

}

.mask-1{

    z-index: -1;

}

.mask-2{

    z-index: 2;

    transition-delay: 0.1s;

}

.home-about .row{

    position: relative;

}

.about-image-mask{

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

    height: 25vw;

    width: 18vw;

    text-align: center;

    transition: 0.5s ease;

    transform: rotate(15deg);

    pointer-events: none;

}

.about-image-mask img{

    object-fit: cover;

    height: 100%;

    width: 100%;

    transform: rotate(-15deg) scale(1.35);

}

.about-image-slide{

    height: 100%;

}

.about-title-data{

    display: none;

}

.services-tab-wrap{

    width: 55.333%;

    margin: 2.6041666666666665vw auto auto;

}

.service-title{

    font-family: 'ProximaNova-Bold';

    font-size: 2.3vw;

    margin-bottom: 1.5625vw;

    cursor: pointer;

}

.recent-work{

    padding: 8vw 0 5vw;

}

.recent-work .gray-bar{

    top: 0;

    left: 0;

    width: 30vw;

    height: 30vw;

}

.recent-work .pr{

    padding: 15px;

    -webkit-transition: 0.5s ease;

    -o-transition: 0.5s ease;

    transition: 0.5s ease;

}

.recent-work .pr .work-image{

    /* width: 420px;

    height: 418px; */

    overflow: visible;

    margin-bottom: 30px;

    -webkit-transition: 0.5s ease;

    -o-transition: 0.5s ease;

    transition: 0.5s ease;

    background: #FFF;

    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: block;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

}

.recent-work .pr.sliding-left{

    -webkit-transform: skewX(1deg);

            -ms-transform: skewX(1deg);

        transform: skewX(1deg);

}

.recent-work .pr.sliding-right{

    -webkit-transform: skewX(-1deg);

            -ms-transform: skewX(-1deg);

        transform: skewX(-1deg);

}

.recent-work .pr .work-image img{

    /* -o-object-fit: cover;

       object-fit: cover; */

    max-width: 100%;

    max-height: 100%;

    -webkit-transition: 0.5s ease;

    -o-transition: 0.5s ease;

    transition: 0.5s ease;
    
    width:100%;

}

.p-content{

    position: static;

  /*  top: 2.3vw;

     left: 2.3vw;  */

    color: #FFF;

}

.p-title{

    font-family: 'ProximaNova-Semibold';

    font-size: 23px;

    margin: 0 0 5px 0;

    color: #000;

    -webkit-transform: translateY(10px);

        -ms-transform: translateY(10px);

            transform: translateY(10px);

    -webkit-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;

    opacity: 1;

}

.p-category{

    font-family: 'ProximaNova-Regular';

    color: #FFF;

    -webkit-transform: translateY(10px);

        -ms-transform: translateY(10px);

            transform: translateY(10px);    

    -webkit-transition: 0.3s;    

    -o-transition: 0.3s;    

    transition: 0.3s;

    -webkit-transition-delay: 0.1s;

         -o-transition-delay: 0.1s;

            transition-delay: 0.1s;

    opacity: 0;

    font-size: 13px;
    
    display:none;

}

.recent-work-link{

    text-align: center;

    margin-top: 50px;

}


    .recent-work .pr{width: 25%; height: auto;padding: 0.78125vw;}

    .recent-work .pr:first-child{margin-top: 5.208333333333333vw;}

    .recent-work .pr:nth-child(2)
    {
    width: 50%;
    }
.recent-work .pr:nth-child(2) img {
    height: 465px;
}
   /*  .recent-work .pr:nth-child(3){height: 30vw;}

    .recent-work .pr:nth-child(5){height: 30vw;width: 35%;}

    .recent-work .pr:nth-child(6){height: 30vw;width: 40%;}  
    
    .recent-work .pr:nth-child(3n+0){width: 50%; height: 530px;} */ 

.home-contact{

    padding-bottom: 5.5vw;

}

.home-contact .container-wide{

    padding-top: 5.5vw;

    border-top: 2px solid #fafafa;

}

.home-contact .site-title{

    margin-left: auto;

    margin-right: auto;

}

.home-contact p{

    font-size: 1.25vw;

    font-family: 'ProximaNova-Regular';

    padding:0 0 0 2.5vw;

    line-height: 2.3vw;

}

.home-contact .rounded-link{

    margin-top: 30px;

    left: 50%;

    transform: translateX(-50%);

    position: relative;

}

.home-contact .rounded-link:hover{

    transform: translateX(-45%);

}

.smile-emoji{

    display: inline-block;

    border: 1.5px solid var(--smiley-color);;

    width: 66.7px;

    height: 66.7px;

    border-radius: 50%;

    vertical-align: text-bottom;

    position: relative;

}

.smile-emoji .eyes{

    width: 100%;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    padding: 0 5px;

    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);

    -o-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);

    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

    padding: 0 12.508px;

    vertical-align: top;

    margin-top: 16.667px;

}

.smile-emoji .eyes .eye{

    width: 11.67px;

    height: 11.67px;

    border-radius: 50%;

    background: var(--smiley-color);

    position: relative;

}

.smile-emoji .eyes .eye:after{

    content: '';

    position: absolute;

    height: 90%;

    border-radius: 50%;

    width: 90%;

    background: #FFF;

    left: 0;

    right: 0;

    margin: auto;

    bottom: -20px;

    -webkit-transition: 0.5s ease;

    -o-transition: 0.5s ease;

    transition: 0.5s ease;

}

.smile-emoji.happy .eyes .eye:after{

    bottom: -4px;

}

.mouth {

    width: 55%;

    height: 25%;

    border-top-left-radius: 0;

    border-top-right-radius: 0;

    border-bottom-left-radius: 100px;

    border-bottom-right-radius: 100px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    position: absolute;

    bottom: 16%;

    left: 50%;

    margin-left: -26%;

    background: var(--smiley-color);

    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);

    -o-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);

    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);

}

.mouth:after {

    content: '';

    position: absolute;

    left: -1.5%;

    right: 0;

    bottom: 5px;

    width: 103%;

    background: #fff;

    height: 100%;

    border-bottom-right-radius: 100px;

    margin: auto;

    border-bottom-left-radius: 100px;

}

.smile-emoji:hover .eye:nth-child(2){

    -webkit-animation: wink 0.6s;

            animation: wink 0.6s;

}

@-webkit-keyframes wink {

  0%{ height: 14px; margin-top: 0; }

  30% { height: 3px; margin-top: 8px; }

  70% { height: 3px; margin-top: 8px; }  

  100% { height: 14px; margin-top: 0; }

}

@keyframes wink {

  0%{ height: 14px; margin-top: 0; }

  30% { height: 3px; margin-top: 8px; }

  70% { height: 3px; margin-top: 8px; }  

  100% { height: 14px; margin-top: 0; }

}

/* Homepage Ends */



/* Work */

section.portolio-listing{

    padding-top: 50px;

}

.work-categories-tab{

    position: absolute;

    font-family: 'ProximaNova-Semibold';

    width: 100%;

    text-align: center;

    left: 0;

    top: 0;

    background: #FFF;

    z-index: 9;

    -webkit-transition: 0.3s ease;

    -o-transition: 0.3s ease;

    transition: 0.3s ease;

}

.work-categories-tab.tab-fixed{

    position: fixed;

    padding: 15px 0;

}

.work-categories-tab li{

    display: inline-block;    

    color: #000;

    position: relative;

    padding-left: 15px;

}

.work-categories-tab li span{

    cursor: pointer;

}

.work-categories-tab li:before {

    content: '';

    position: absolute;

    left: -10px;

    top: 50%;

    background: #212121;

    width: 5px;

    height: 5px;

    border-radius: 50%;

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

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

            transform: translateY(-50%);

    -webkit-transition: 0.2s ease;

    -o-transition: 0.2s ease;

    transition: 0.2s ease;

    opacity: 0;

    pointer-events: none;

}

.work-categories-tab li:after {

    content: '';

    position: absolute;

    left: 15px;

    width: 100%;

    height: 100%;

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

    -webkit-transition: 0.3s linear;

    -o-transition: 0.3s linear;

    transition: 0.3s linear;

    pointer-events: none;

}

.work-categories-tab li.active:before{

    opacity: 1;

    left: 0;

}

.work-categories-tab li.active:after{

    left: 100%;

}

.work-categories-tab li:not(:last-child){

    margin-right: 30px;    

}

.work-categories-tab li.active{

    color: #000;

}

.portfolio-row{

    margin-top: 60px;

    border-left: 1px solid #ebebeb;

    border-right: 1px solid #ebebeb;

}

.portfolio-row div[class*="col-"]{

    border-top: 1px solid #ebebeb;

    padding: 0;

}

.portfolio-col{

    position: relative;

    text-align: center;

    padding: 30px 30px 100px;

    overflow: hidden;

    cursor: pointer;

    height: 100%;

    -webkit-transition: 2s cubic-bezier(0.74, 0.12, 0, 0.97);

    -o-transition: 2s cubic-bezier(0.74, 0.12, 0, 0.97);

    transition: 2s cubic-bezier(0.74, 0.12, 0, 0.97);

    width: 100%;

    top: 0;

    left: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

}

.portfolio-col .portfolio-background{

    position: absolute;

    height: 0%;

    width: 100%;

    left: 0%;

    top: 0%;

    z-index: -1;

    -webkit-transition: 0.8s cubic-bezier(0.74, 0.12, 0, 0.97);

    -o-transition: 0.8s cubic-bezier(0.74, 0.12, 0, 0.97);

    transition: 0.8s cubic-bezier(0.74, 0.12, 0, 0.97);

}

.portfolio-col:hover .portfolio-background, .portfolio-col.view .portfolio-background{

    border-radius: 0;

    height: 150%;

}

.portfolio-col .portfolio-title{

    font-size: 30px;

    font-family: 'GT-Medium';    

}

.pr-image{

    padding: 30px;

    -webkit-transition: 0.8s cubic-bezier(0.74, 0.12, 0, 0.97);

    -o-transition: 0.8s cubic-bezier(0.74, 0.12, 0, 0.97);

    transition: 0.8s cubic-bezier(0.74, 0.12, 0, 0.97);

    margin-top: auto;

}

.portfolio-category{

    font-family: 'ProximaNova-Semibold';

    font-size: 16px;

    color: #131313;

    letter-spacing: 1px;

    position: absolute;

    bottom: 45px;

    text-align: center;

    width: 100%;

    left: 0;

    padding: 0 15px;

}

.portfolio-title, .portfolio-category{

    color: #ccc;

    /* opacity: 0; */

    -webkit-transform: translateY(10px);

            -ms-transform: translateY(10px);

        transform: translateY(10px);

    -webkit-transition: 0.8s cubic-bezier(0.74, 0.12, 0, 0.97);

    -o-transition: 0.8s cubic-bezier(0.74, 0.12, 0, 0.97);

    transition: 0.8s cubic-bezier(0.74, 0.12, 0, 0.97);

}

.portfolio-col:hover .portfolio-title, .portfolio-col:hover .portfolio-category{

    opacity: 1;

    -webkit-transform: none;

            -ms-transform: none;

        transform: none;

    color: #000;

}

.portfolio-row div[class*="col-"]:not(:nth-child(4n+0)){

    border-right: 1px solid #ebebeb;

}

.portfolio-col:hover .pr-image{

    -webkit-transform: scale(0.95);

            -ms-transform: scale(0.95);

        transform: scale(0.95);

}

.portfolio-col.view{    

    top: 0;

    left: 0;

    z-index: 99;

    height: 100%;

    width: 40%;

}

.portfolio-col.view .portfolio-background{

    height: 100%;

}

.portfolio-wrap:not(.active){

    display: none;

}

.portfolio-wrap div[class*="col-"]{

    opacity: 0;

    -webkit-transform: translateY(10px);

        -ms-transform: translateY(10px);

            transform: translateY(10px);    

}

.portfolio-wrap div[class*="col-"]{

    -webkit-transition: 0.3s ease;

    -o-transition: 0.3s ease;

    transition: 0.3s ease;

}

.portfolio-wrap.active{

    display: block;    

}

.portfolio-wrap.active.transitioned div[class*="col-"]{

    opacity: 1;

    -webkit-transform: none;

        -ms-transform: none;

            transform: none;

}

.portfolio-wrap.inactive{

    -webkit-transition-delay: 0s !important;

         -o-transition-delay: 0s !important;

            transition-delay: 0s !important;

}

/* Work  Ends*/



/* Single Portfolio */

.project-section{

    padding: 80px 0;

}

.project-section .container{

    max-width: 59.3%;

}

.project-content{

    max-width: 85%;

    margin: auto;

}

.project-image{

    /* background: #f7f7f7; */

    margin: 50px 0;

    text-align: center;

}

.project-title{

    font-family: 'ProximaNova-Semibold';

    font-size: 50px;

    margin-bottom: 0px;

    margin-top:0px;

    color: #222222;

}

.project-content p{

    font-size:26px;

    line-height: 32px;

    font-family: 'ProximaNova-Semibold';

    color: #1d1d1d;
    
    width:550px;

}

.project-content h4{

    font-family: 'ProximaNova-Semibold';

    font-size: 24px;

}

.service-list{

    margin-bottom: 15px;

}

.service-list li{

    font-size: 18px;

    display: inline-block;

    position: relative;

    font-family: 'ProximaNova-Regular';

}

.service-list li:not(:first-child){

    padding-left: 30px;

}

/**.service-list li:not(:first-child):after{

    content: '\2022';

    position: absolute;

    left: 10.5px;

    font-size: 20px;

    line-height: 22px;

} **/

.project-section .swiper-wrapper{

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

}

.swiper-pagination.swiper-pagination-bullets{

    position: relative;

    bottom: 0px;

    margin-top: 50px;

    cursor: default;

}

.swiper-pagination-bullet{

    width: 12px;

    height: 12px;

}

.swiper-pagination-bullet-active{

    background: #000;

}

.portfolio-link{

    text-align: center;

    margin: 105px auto auto;

    width: 80%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

    border-bottom: 1px solid #efefef;

    padding-bottom: 45px;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

}

.portfolio-link h3{

    margin: 0;

    font-family: 'ProximaNova-Semibold';

    font-size: 30px;

}

.portfolio-link a{

    padding: 0 15px;

    background: #f3f3f3;

    color: #000;

    font-family: 'ProximaNova-Semibold';

    font-size: 18px;

    text-transform: uppercase;

    letter-spacing: 1px;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    align-items: center;

    height: 55px;

    width: 220px;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

}

.portfolio-link a:nth-of-type(1){margin: auto 30px auto auto;}

/**.back-work{

    position: absolute;

    left: 0;

    -webkit-transform: translateX(50%);

        -ms-transform: translateX(50%);

            transform: translateX(50%);

} **/

.portfolio-nav{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

    margin: 40px auto auto;

    width: 80%;

}

.portfolio-nav-inner{

    width: 300px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    position: relative;

    padding: 30px;

    border: 1px solid #efefef;

    height: 100%;

}

.portfolio-nav-inner img{

    -o-object-fit: cover;

       object-fit: cover;

    width: 80%;

    opacity: 1;

    z-index: -1;

    -webkit-transition: 0.3s ease;

    -o-transition: 0.3s ease;

    transition: 0.3s ease;

    margin-bottom: 30px;

}

.portfolio-nav a{

    color: #000;

}

.portfolio-nav .rounded-link span{

    font-size: 13px;

    text-transform: lowercase;

    color: #bdbdbd;

    display: block;

    line-height: 12px;

}

.portfolio-nav .next-portfolio .rounded-link span{

    text-align: right;

}

/* Single Portfolio Ends */



/*---- About Page ----*/

.about header{

    position: absolute;

    width: 100%;

    z-index: 99;

    top: 0;

    left: 0;

}

.about-landing{

    padding: 200px 0 240px;

    background: #000;

    text-align: center;

    color: #FFF;

    position: relative;

    z-index: 99;

    overflow: hidden;

}

.about-landing > img{

    position: absolute;

    left: -10%;

    top: 0;

    -o-object-fit: cover;

       object-fit: cover;

    width: 120%;

    height: 120%;

    opacity: 0.08;

    -webkit-filter: grayscale(1);

            filter: grayscale(1);

    max-width: none;

    max-height: none;

    -webkit-transition: 0.4s -webkit-transform cubic-bezier(0, 0.31, 0.26, 1.03);

    transition: 0.4s -webkit-transform cubic-bezier(0, 0.31, 0.26, 1.03);

    -o-transition: 0.4s transform cubic-bezier(0, 0.31, 0.26, 1.03);

    transition: 0.4s transform cubic-bezier(0, 0.31, 0.26, 1.03);

    transition: 0.4s transform cubic-bezier(0, 0.31, 0.26, 1.03), 0.4s -webkit-transform cubic-bezier(0, 0.31, 0.26, 1.03);

}

.small-title-ab{

    font-family: 'HelveticaNeue-Light';

    text-transform: uppercase;

    font-size: 14px;

    letter-spacing: 2px;

}

.about-slide{

    font-size: 40px;

    font-family: 'HelveticaNeue-Medium';

    color: #2b2b2b;

    border: none !important;

    outline: none !important;

}

.about-content{

    margin-top: 50px;

}

.about-title{

    font-family: 'HelveticaNeue-Light';

    font-size: 80px;

}

.about-content svg{

    width: 450px;

    display: block;

    margin: 30px auto 0;

}

.about-quote p{

    margin: 0;

    text-align: center;

    padding: 100px 0;

    font-size: 30px;

    font-family: 'ProximaNova-Regular';

}

.company-quote{

    position: relative;

    top: -11vw;

    background: #000;

    color: #FFF;

    padding: 86px 45px;

    font-size: 26px;

    max-width: 70%;

    margin: auto auto -8vw;

    z-index: 99;

    text-align: center;

}

.company-quote p{

    margin: 0;

    font-family: 'ProximaNova-Regular';

}

.about-content-section{

    background: #FFF;

    position: relative;

    max-width: 70%;

    margin: 70px auto 0 00;

    font-family: 'ProximaNova-Semibold';

    position: relative;

}

.about-content-section h2{    

    margin-bottom: 15px;

    font-size: 50px;

}

.about-content-section p{

    font-size: 20px;

    color: #2c2c2b;

    font-family: 'ProximaNova-Regular';

    line-height: 42px;

}

.fade-title{

    position: absolute;

    font-size: 260px;

    color: #f7f7f7;

    pointer-events: none;

    top: 10%;

    left: 30px;

    line-height: 0;

    width: 200%;

    font-family: 'ProximaNova-Bold';

    z-index: -1;

}

.team-section{

    position: relative;

    padding: 100px 0;

}

.team-section .fade-title{

    top: 10%;

}

.team-section h2{

    margin-bottom: 15px;

    font-size: 50px;

}

.team-row{

    padding-top: 140px;

}

.team-col{

    width: 22%;

    margin: auto;

    z-index: 9;

    margin-bottom: 80px;

}

.team-col:nth-child(even){

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

            -ms-transform: translateY(-50px);

        transform: translateY(-50px);

}

.team-img {

    height: 420px;

}

.team-img img{

    width: 100%;

    height: 100%;

    -o-object-fit: cover;

       object-fit: cover;

    -webkit-transition: .4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;

    -o-transition: .4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;

    transition: .4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;

}

.team-col:hover .team-img img{

    -webkit-transform: scale(0.99);

            -ms-transform: scale(0.99);

        transform: scale(0.99);

}

.team-info{

    padding: 15px 20px;

}

.member-name {

    font-family: 'ProximaNova-Semibold';

    font-size: 25px;

}

.member-designation {

    font-family: 'ProximaNova-Regular';

    color: gray;

    font-size: 18px;

}

/*---- About Page Ends ----*/



/*---- Career Page ----*/

.career-listing{

    padding: 5vw 0 1vw;

    position: relative;

}

.career-listing .fade-title{

    left: 0;

    top: 9vw;

}

.career-listing .career-title{

    width: 100%;

    margin-right: auto;

    -ms-flex-item-align: center;

    -ms-grid-row-align: center;

        align-self: center;

    margin-bottom: 50px;

}

.career-listing .career-title h1{

    font-size: 3.90625vw;

    margin-bottom: 40px;

}

.career-listing .career-title p, .no-vacancies{

    font-size: 22px;

    font-family: 'ProximaNova-Regular';

    line-height: 42px;

    width: 85%;

    padding-left: 2%;

}

.posts-available{

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

    width: 65%;

    margin-left: auto;

}

.career-listing h3{

    margin-bottom: 40px;

    font-size: 32px;

    font-family: 'ProximaNova-Semibold';

}

.career-team{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

    -webkit-box-align: start;

        -ms-flex-align: start;

            align-items: flex-start;

    margin: 30px 0 60px;

}

.career-team .home-about-img{

    width: 32%;

}

.vacancy-post{

    width: 22%;    

    border: 1px solid #f1f1f1;

    margin-bottom: 50px;

}

.vacancy-post h3{

    font-size: 26px;

    font-family: 'ProximaNova-Semibold';

}

.vacancy-post:not(:nth-of-type(4n+3)){

    margin-right: 3%;

}

.vacancy-post a{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: 100%;

    color: #000;

    padding: 30px;

    position: relative;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    -ms-flex-line-pack: start;

        align-content: flex-start;

}

.vacancy-post span.vacancy-date, .career-single-section span.vacancy-date{

    font-family: 'ProximaNova-Regular';

    margin-bottom: 10px;

    display: inline-block;

    font-size: 15px;

    color: #a2a2a2;

}

.career-single-section span.vacancy-date{

    font-size: 18px;

}

.vacancy-post h3{

    margin-bottom: 20px;

}

.vacancy-post p{

    font-family: 'ProximaNova-Regular';

    font-size: 18px;

}

.vacancy-meta {

    font-family: 'ProximaNova-Regular';

    font-size: 16px;

    margin-top: auto;

}

.vacancy-meta ul li{

    display: inline-block;

    padding-left: 15px;

    position: relative;

}

.vacancy-meta ul li:not(:last-child){

    margin-right: 10px;

}

.vacancy-meta ul li:before{

    content: '\2022';

    position: absolute;

    color: #000000;

    font-size: 24px;

    top: 40%;

    left: 0;

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

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

        transform: translateY(-50%);

    line-height: 0;

}

.vac-hov{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

    -webkit-transition: 0.3s linear;

    -o-transition: 0.3s linear;

    transition: 0.3s linear;

    opacity: 0;

}

.vacancy-post:hover{

    border-color: transparent;

}

.vacancy-post a:hover .vac-hov{

    opacity: 1;

}

.vacancy-post a:hover *, .vacancy-post a:hover .vacancy-meta ul li:before{

    color: #FFF !important;

}

.join-us{

    padding: 2vw 0 5vw;

    position: relative;

}

.join-us .container-wide{

    max-width: 90%;

}

.join-us .form-container{

    padding: 0;

}

.openings-row{

    max-width: 95%;

    margin: auto;

}

.join-us-content{

    width: 32%;

}

.join-us-content h3{

    font-size: 30px;

    line-height: 45px;

    margin-bottom: 30px;

    font-family: 'ProximaNova-Semibold';

}

.join-us-content p{

    font-size: 22px;

    color: #989898;

    line-height: 40px;

}

.join-us-form-wrap{

    width: 60%;

    margin-left: auto;

    position: relative;

}

.join-reasons{

    width: 95%;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    padding-bottom: 1.8vw;

    z-index: 1;

    position: relative;

    background: #FFF;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

    margin: auto;

}

.join-reasons h3{

    width: 100%;

}

.career-feature {

    width: 22%;

}

.career-feature img {

    width: 50px;

    max-width: 50px;

    margin-bottom: 24px;

}

.career-feature h4{

    margin-bottom: 15px;

    font-family: 'ProximaNova-Semibold';

}

.career-feature p{

    font-size: 18px;

    color: #989898;

    font-family: 'ProximaNova-Regular';

}

/*---- Career Page Ends ----*/



/*---- Career Single Page ----*/

.career-single-section{

    padding: 3vw 0 5vw;

}

.career-single-section .form-container{

    padding: 0;

}

.career-content-wrap{

    width: 55%;

}

.career-single-form{

    width: 40%;

    margin-left: auto;

}

.single-form-wrap{

    position: relative;

}

.career-content h1, .career-content h3{

    font-family: 'ProximaNova-Semibold';

    margin-bottom: 30px;

}

.career-content p{

    font-size: 20px;

    font-family: 'ProximaNova-Regular';

    line-height: 38px;

}

.career-content .vacancy-meta ul{

    margin-bottom: 20px;

    font-family: 'ProximaNova-Semibold' !important;

    font-size: 20px;

}

.career-content ul:not(.meta-list){

    margin: 0 0 30px 0;

    font-size: 20px;

    font-family: 'ProximaNova-Regular';

    padding-left: 20px;

    line-height: 30px;

}

.career-content ul:not(.meta-list) li:not(:last-child){

    margin-bottom: 10px;

}

/*---- Career Single Page Ends ----*/



/*---- Contact Page Ends ----*/

.contact-section{

    padding: 0 0 3vw;

    position: relative;

}

.contact-section .gray-block{

    width: 24.2%;

    background: #ffeef8;

    z-index: -1;

    margin: auto;

    top: 0;

    height: 18.75vw;

}

body.loaded .contact-section .gray-block{

    -webkit-transform: none;

        -ms-transform: none;

            transform: none;

}

.contact-section h1{

    font-family: 'ProximaNova-Semibold';

    font-size: 92px;

    margin-right: 15vw;

}

.contact-section .contact-content{

    padding: 5vw 0 2vw;

    width: 100%;

    text-align: center;

}

.contact-section .contact-content.inverse{

    position: absolute;

    left: 0;

    width: 0;

    overflow: hidden;

    background: #fafafa;

    /* color: #FFF;     */

    -webkit-transition: 0.5s cubic-bezier(0.74, 0.12, 0, 0.97);

    -o-transition: 0.5s cubic-bezier(0.74, 0.12, 0, 0.97);

    transition: 0.5s cubic-bezier(0.74, 0.12, 0, 0.97);

}

.contact-section .contact-content p{

    font-family: 'ProximaNova-Regular';

    font-size: 35px;

}

.contact-forms-wrap{

    margin-left: auto;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: nowrap;

	-webkit-flex-wrap:nowrap;

        flex-wrap: nowrap;

	

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    text-align: center;

    width: 100%;

    position: relative;

    -webkit-transition: 0.3s ease;

    -o-transition: 0.3s ease;

    transition: 0.3s ease;

}

.contact-forms-wrap .form-title{

    font-family: 'ProximaNova-Regular', sans-serif;

    font-size: 23.5px;

    padding: 17px 0;    

    cursor: pointer;

    -webkit-transition: 0.3s linear;

    -o-transition: 0.3s linear;

    transition: 0.3s linear;

    position: relative;    

}

.form-title .form-bar{

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 1px;

    background: #FFF;

    display: inline-block;

    -webkit-transition: 0.3s ease;

    -o-transition: 0.3s ease;

    transition: 0.3s ease;

}

.form-title .form-icon, .form-title .form-icon > div{

    display: inline-block;

    position: absolute;

    width: 20px;

    height: 2px;

    background: #000;

    left: -40px;

    top: 50%;

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

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

            transform: translateY(-50%);

    -webkit-transition: 0.3s ease;

    -o-transition: 0.3s ease;

    transition: 0.3s ease;

}

.form-title .form-icon > div{

    left: 0;

}

.forms-tab.active .form-title .form-icon{

    -webkit-transform: rotate(45deg);

        -ms-transform: rotate(45deg);

            transform: rotate(45deg);

}

.forms-tab.active .form-title .form-icon > div{

    -webkit-transform: rotate(-90deg);

        -ms-transform: rotate(-90deg);

            transform: rotate(-90deg);

    top: -0.1px;

}

.contact-forms-wrap .forms-tab{

    -webkit-transition: 0.3s linear;

    -o-transition: 0.3s linear;

    transition: 0.3s linear;

    background: #FFF;

    -webkit-box-flex: 0;

        -ms-flex: 0 0 auto;

            flex: 0 0 auto;

    padding: 0 41.6px;

    position: static;

	width:auto;

}

.contact-forms-wrap .forms-tab.active{

    z-index: 9;

}

.contact-forms-wrap .forms-tab.inactive{

    opacity: 0.2;

    pointer-events: none;

    cursor: default;    

}

.contact-forms-wrap .forms-tab:not(.active):not(.inactive){

    -webkit-transform: none !important;

        -ms-transform: none !important;

            transform: none !important;

}

.contact-forms-wrap .forms-tab.active .form-title{

    color: #000;

}

.contact-forms-wrap .forms-tab.active .form-bar{

    background: #FFF;

}

.form-container{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    font-family: 'ProximaNova-Semibold';

    padding-top: 25px;

}

div[class*="input-row"]{

    margin-bottom: 33.5px;

}

.resume-upload label

{

	left:25px !important;

}

div[class*="input-row"] label{

    position: absolute;

    left: 0px;

    color: #a4a4a4;

    margin: 0;

    top: 15px;

    -webkit-transition: .2s all;

    -o-transition: .2s all;

    transition: .2s all;

    z-index: -1;

    font-family: 'ProximaNova-Regular';

    font-size: 17px;

}

.input-row-lg, .input-row-submit{

    width: 100%;

    position: relative;

}

.input-row-sm{

    width: 48%;

    position: relative;

}

.contact-forms-wrap .input-row-lg, .contact-forms-wrap .input-row-sm, .contact-forms-wrap .input-row-submit, .cp-form-wrap .form-container h3, 

.contact-forms-wrap .checkboxes-wrp span.wpcf7-list-item, .contact-forms-wrap div.wpcf7-validation-errors, .contact-forms-wrap div.wpcf7-acceptance-missing{

    opacity: 0;

    -webkit-transform: translateY(10px);

        -ms-transform: translateY(10px);

            transform: translateY(10px);

    -webkit-transition: 0.3s ease;

    -o-transition: 0.3s ease;

    transition: 0.3s ease;

}

.contact-forms-wrap .forms-tab:not(.active) .input-row-lg, .contact-forms-wrap .forms-tab:not(.active) .input-row-sm, .contact-forms-wrap .forms-tab:not(.active) .input-row-submit,

.contact-forms-wrap .forms-tab:not(.active) h3, .contact-forms-wrap .forms-tab:not(.active) .checkboxes-wrp span.wpcf7-list-item,

.contact-forms-wrap .forms-tab:not(.active) div.wpcf7-validation-errors, .contact-forms-wrap .forms-tab:not(.active) div.wpcf7-acceptance-missing{

    -webkit-transition-delay: 0s !important;

         -o-transition-delay: 0s !important;

            transition-delay: 0s !important;

}

.contact-forms-wrap .forms-tab.active .input-row-lg, .contact-forms-wrap .forms-tab.active .input-row-sm, .contact-forms-wrap .forms-tab.active .input-row-submit,

.contact-forms-wrap .forms-tab.active h3, .contact-forms-wrap .forms-tab.active .checkboxes-wrp span.wpcf7-list-item, 

.contact-forms-wrap .forms-tab.active div.wpcf7-validation-errors, .contact-forms-wrap .forms-tab.active div.wpcf7-acceptance-missing{

    -webkit-transform: none;

        -ms-transform: none;

            transform: none;

    opacity: 1;

}

.disabled input, .disabled textarea{

    pointer-events: none;

}

.wpcf7-form-control-wrap{

    display: inline-block;

    width: 100%;

}

.form-container input:not([type="submit"]), .form-container select, .form-container textarea{

    width: 100%;

    border: none;

    border-bottom: 1px solid #b5b5b5;

    padding: 25px 0 13px 0;

    background: transparent;

    -webkit-transition: 0.3s ease;

    -o-transition: 0.3s ease;

    transition: 0.3s ease;

    border-radius: 0;

    font-size: 18px;

    color: #000;

    font-family: 'ProximaNova-Regular';

}

.form-container textarea{

    height: 125px;

    resize: none;

}

.form-container input:not([type="submit"]):focus, .form-container select:focus, .form-container textarea:focus{

    border-bottom-color: #000;

}

.form-container input:not([type="submit"]):focus + label, .form-container select:focus + label, .form-container textarea:focus + label, .focus-checked label{

    top: 0 !important;

    font-size: 15px !important;

}

.cp-form-wrap {

    -webkit-transition: 0.5s linear;

    -o-transition: 0.5s linear;

    transition: 0.5s linear;

    height: 0;

    overflow: hidden;   

    position: absolute;

    width: 80%;

    left: 0;

    right: 0;

    background: #FFF;

    text-align: left;

    z-index: 9;

    margin: auto;

    top: 90px;

}

.contact-forms-wrap .forms-tab.active .cp-form-wrap {

    height: auto;

    border-top: 1px solid #000;

}

.form-container input[type="submit"]{

    background: transparent;

    border: none;

    text-transform: uppercase;

    font-size: 20px;

    padding: 0;

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    opacity: 0;

    z-index: 9;

}

.form-container .rounded-link.input-link{

    position: relative;

    cursor: pointer;

}

.form-container .rounded-link.input-link .ajax-loader{

    position: absolute;

    right: -30px;

    top: 50%;

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

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

            transform: translateY(-50%);

}

.invalid-value input.wpcf7-validates-as-required, .invalid-value .wpcf7-validates-as-required, .invalid-value .wpcf7-validates-as-required + label + div.resume-upload{

    border-bottom-color: #ff6a6a;

}

.form-container  .resume-upload{

    border-bottom: 1px solid #b5b5b5;

    position: relative;

    width: 100%;

    padding: 20px 0 15px 30px;

    top: 0;

    z-index: -1;

    height: 60px;

    background-image: url(../images/clip.svg);

    background-size: 25px;

    background-repeat: no-repeat;

    background-position: 0 center;

    font-size: 18px;

    margin-top: 15px;

}

.form-container input[type="file"]{

       opacity: 0;

    padding: 25px 0px 15px 0px;

    height: 100%;

    position: absolute;

    top: 0px;

}

.form-container input[type="file"] + label{

    padding-left: 30px;

    top: 30px !important;

}

.form-container input[type="file"]:focus + label, .form-container .focus-checked input[type="file"] + label{

    top: 0 !important;

    padding-left: 0 !important;

}

.form-container h3{

    width: 100%;

    margin-bottom: 15px;

    font-size: 20px;

}

.checkboxes-wrp{

    margin-top: 10px;

    margin-bottom: 40px;

}

.checkboxes-wrp span.wpcf7-list-item{

    margin: 0;

    font-size: 16.5px;

    color: #9a9a9a;

}

.checkboxes-wrp span.wpcf7-list-item:not(:last-child){

    margin-right: 17px;

}

.checkboxes-wrp span.wpcf7-list-item label{

    margin-bottom: 0;

    position: relative;

    padding-left: 25px;

    cursor: pointer;    

}

.checkboxes-wrp span.wpcf7-list-item-label{

    -webkit-transition: 0.3s ease;

    -o-transition: 0.3s ease;

    transition: 0.3s ease;

}

.checkboxes-wrp span.wpcf7-list-item-label:before{

    content: '';

    position: absolute;

    left: 0;

    top: 50%;

    width: 13.031px;

    height: 13.031px;

    border: 1px solid #9a9a9a;

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

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

            transform: translateY(-50%);

    -webkit-transition: 0.3s ease;

    -o-transition: 0.3s ease;

    transition: 0.3s ease;

}

.checkboxes-wrp input[type="checkbox"]{ 

    position: absolute;

    opacity: 0;

    width: 0;

}

.checkboxes-wrp span.wpcf7-list-item-label:after{

    content: '\2714';

    position: absolute;

    left: 2px;

    font-size: 13px;

    top: 3px;

    -webkit-transform: scale(1.5) rotate(-20deg);

        -ms-transform: scale(1.5) rotate(-20deg);

            transform: scale(1.5) rotate(-20deg);

    opacity: 0;

    -webkit-transition: 0.3s ease;

    -o-transition: 0.3s ease;

    transition: 0.3s ease;

    color: #000;

}

.checkboxes-wrp input[type="checkbox"]:checked + span.wpcf7-list-item-label{

    color: #000;

}

.checkboxes-wrp input[type="checkbox"]:checked + span.wpcf7-list-item-label:before{

    border-color: #000;

}

.checkboxes-wrp input[type="checkbox"]:checked + span.wpcf7-list-item-label:after{

    opacity: 1;

    -webkit-transform: none;

        -ms-transform: none;

            transform: none;

}

.checkboxes-wrp.invalid-values input[type="checkbox"] + span.wpcf7-list-item-label{

    color: #ff6a6a;

}

.checkboxes-wrp.invalid-values input[type="checkbox"] + span.wpcf7-list-item-label:before{

    border-color: #ff6a6a;

}

.contact-address{

    padding: 0;

    position: relative;

}

.address-wrap{

    -webkit-box-flex: 1;

        -ms-flex: 1;

            flex: 1;

    background: #212529;

    color: #FFF;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    position: absolute;

    z-index: 999;

    top: 50%;

    right: 2.5%;

    padding: 5vw;

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

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

            transform: translateY(-50%);

    max-width: 26.041666666666668vw;

}

.address-wrap ul li{ 

    margin-bottom: 8px;

    font-size: 20px;

    font-family: 'ProximaNova-Regular';

    color: #FFF;

}

.address-wrap ul li a{

    color: #FFF;

}

.address-wrap ul li:first-child{

    font-family: 'ProximaNova-Semibold';

    font-size: 32px;

    margin-bottom: 15px;

}

#map-container{

    width: 100%;

    height: 750px;

}

#map-container canvas{

    width: 100% !important;

}

#map-container .mapboxgl-control-container{

    display: none;

}

#map{

    width: 100%;

    height: 625px;

    background: #fafafa;

}

.gmnoprint, .gm-fullscreen-control, .gm-style-pbc{

    display: none;

}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{

    position: absolute;

    bottom: 0px;

    width: 100%;

    margin: 0px;

    border: none;

    font-family: ProximaNova-Semibold;

    font-size: 18px;

    text-align: center;

    color: rgb(255, 106, 106);

    left: 0;

}

input:-webkit-autofill,

input:-webkit-autofill:hover, 

input:-webkit-autofill:focus,

textarea:-webkit-autofill,

textarea:-webkit-autofill:hover,

textarea:-webkit-autofill:focus,

select:-webkit-autofill,

select:-webkit-autofill:hover,

select:-webkit-autofill:focus {  

  -webkit-text-fill-color: #000;

  -webkit-box-shadow: none;

  background-color: transparent;

}

.map-marker{

    font-family: 'ProximaNova-Semibold';

    font-size: 15px;

}

.map-marker > span{

    width: 15px;

    height: 15px;

    background: #212529;

    border-radius: 50%;    

    display: inline-block;

    vertical-align: middle;

    margin-right: 10px;

    -webkit-animation: 1.5s fadeMarker infinite linear;

            animation: 1.5s fadeMarker infinite linear;

}

@-webkit-keyframes fadeMarker {

    0% {

        -webkit-box-shadow: 0 0 0 0 rgba(0,0,0, 0.4);

                box-shadow: 0 0 0 0 rgba(0,0,0, 0.4);

    }

    70% {

        -webkit-box-shadow: 0 0 0 10px rgba(0,0,0, 0);

                box-shadow: 0 0 0 10px rgba(0,0,0, 0);

    }

    100% {

        -webkit-box-shadow: 0 0 0 0 rgba(0,0,0, 0);

                box-shadow: 0 0 0 0 rgba(0,0,0, 0);

    }

}

@keyframes fadeMarker {

    0% {

        -webkit-box-shadow: 0 0 0 0 rgba(0,0,0, 0.4);

                box-shadow: 0 0 0 0 rgba(0,0,0, 0.4);

    }

    70% {

        -webkit-box-shadow: 0 0 0 10px rgba(0,0,0, 0);

                box-shadow: 0 0 0 10px rgba(0,0,0, 0);

    }

    100% {

        -webkit-box-shadow: 0 0 0 0 rgba(0,0,0, 0);

                box-shadow: 0 0 0 0 rgba(0,0,0, 0);

    }

}

.form-container .rounded-link.input-link .ajax-loader{

    background-image: none;

    width: auto;

    right: -60px;

    left: auto;

    top: 32%;

    -webkit-transition: 0.3s ease;

    -o-transition: 0.3s ease;

    transition: 0.3s ease;

}

.ajax-loader > div {

    width: 10px;

    height: 10px;

    background-color: #333;

    border-radius: 100%;

    display: inline-block;

    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;

    animation: sk-bouncedelay 1.4s infinite ease-in-out both;

}

.ajax-loader .bounce1 {

    -webkit-animation-delay: -0.32s;

    animation-delay: -0.32s;

}  

.ajax-loader .bounce2 {

    -webkit-animation-delay: -0.16s;

    animation-delay: -0.16s;

}  

.input-link:hover .ajax-loader{

    right: -70px !important;

}

@-webkit-keyframes sk-bouncedelay {

    0%, 80%, 100% { -webkit-transform: scale(0) }

    40% { -webkit-transform: scale(1.0) }

    }



    @keyframes sk-bouncedelay {

    0%, 80%, 100% { 

        -webkit-transform: scale(0);

        transform: scale(0);

    } 40% { 

        -webkit-transform: scale(1.0);

        transform: scale(1.0);

    }

  }

  .bounce1, .bounce2{

      margin-right: 5px;

  }

/*---- Contact Page  Ends ----*/



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

#main-footer{

    background: #FAFAFA;    

    padding: 100px 0 20px;

    font-family: 'ProximaNova-Semibold';

}

#main-footer .appr{

    font-family: 'ProximaNova-Regular';

    font-size: 50px;

    width: 36%;

    margin-bottom: 80px;

    line-height: 60px;

}

#main-footer .appr #heart{

    width: 50px;

    display: inline-block;

    margin-left: 15px;

    cursor: pointer;

}

#main-footer .row{

    max-width: 90%;

    margin: auto;

}

.footer-logo{

    width: 200px;

    margin-bottom: 15px;

}

#main-footer .copyright{

    text-align: center;

    font-size: 14px;

    font-family: 'HelveticaNeue-Medium';

    color: #b3b3b3;

    margin-top: 100px;
 
	margin-bottom:25px;
}

#main-footer a{

    color: #222222;

}

#main-footer .tagline{

    color: #000;

}

#main-footer h3{

    font-size: 20px;

    margin-bottom: 20px;

    text-transform: uppercase;    

}

#main-footer ul li:not(:last-child){

    margin-bottom: 15px;

}

#main-footer div[class*="col-"]:not(:first-of-type):not(:last-of-type){

    -ms-flex: 0 0 auto;

    -webkit-box-flex: 1;

            flex: auto;

    width: auto;

    max-width: 100%;

}

#main-footer p{

    margin: 0;

}

/*------ Site Footer Ends --------*/



/* ----- Animations ------ */

.slide-up-wrp > span{

    display: inline-block;

    overflow: hidden;

    line-height: inherit;

}

.slide-up-wrp span > span{

    display: inline-block;

    -webkit-transform: translateY(100%);

        -ms-transform: translateY(100%);

            transform: translateY(100%);

    -webkit-transition: 0.3s ease;

    -o-transition: 0.3s ease;

    transition: 0.3s ease;

    line-height: inherit;

}

body.loaded .slide-up-wrp span.animated > span{

    -webkit-animation: slideUp 0.5s cubic-bezier(0.74, 0.12, 0, 0.97);

            animation: slideUp 0.5s cubic-bezier(0.74, 0.12, 0, 0.97);

    -webkit-animation-fill-mode: forwards;

            animation-fill-mode: forwards;

}

@-webkit-keyframes slideUp{

    0%{-webkit-transform: translateY(100%);transform: translateY(100%);}

    100%{-webkit-transform: none;transform: none;}

}

@keyframes slideUp{

    0%{-webkit-transform: translateY(100%);transform: translateY(100%);}

    100%{-webkit-transform: none;transform: none;}

}

.small-title .bar{

    display: none;

}

body.loaded .animated .small-title .bar{

    width: 25px;    

}

.site-title{

    opacity: 0;

    -webkit-transform: translateY(20%);

        -ms-transform: translateY(20%);

            transform: translateY(20%);

}



section.error-404.not-found

{

	max-width: 50%;

    margin: auto;

    padding: 80px

0px 40px 0px;

	text-align:center;

}

h1.page-title.error-text

{

	    font-size: 6rem;

    font-weight: 700;

    text-align: center;

}



.page-content.error-page

{

	    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}

.page-content.error-page a

{

	    margin-top: 20px;

}

.megaMenu ul.unstyled-list li:last-child

{

	display:none !important;

}



body.loaded .animated .site-title{

    -webkit-animation: fadeUp 0.5s cubic-bezier(0.74, 0.12, 0, 0.97) forwards;

            animation: fadeUp 0.5s cubic-bezier(0.74, 0.12, 0, 0.97) forwards;    

}

@-webkit-keyframes fadeUp{

    0%{opacity: 0; -webkit-transform: translateY(20%); transform: translateY(20%);}

    100%{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}

}

@keyframes fadeUp{

    0%{opacity: 0; -webkit-transform: translateY(20%); transform: translateY(20%);}

    100%{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}

}

/* ----- Animations End ------ */

.mobile-version .mouse-pointer{

    display: none;

}



/** new blog page desing **/



section.featured-style-blogs {

    background-color: #f5f5f7;

    padding-bottom: 50px;

    padding-top: 50px;

}

section.featured-style-blogs article

{

    padding:0px !important;

     background-color:#fff;

     border-radius: 10px;

}



.featured-style-image {

    position: relative;

    overflow:hidden;

    padding:0px;

    border-top-left-radius: 10px;

    border-bottom-left-radius: 10px;

}

section.featured-style-blogs article .row .col-lg-8

{

    padding:0px !important;

}

.featured-style-image:after

{

     content: "";

    background-color: #3333333b;

    width: 100%;

    height: 100%;

    top: 0;

    bottom: 0;

    right: 0;

    left: 0;

    position: absolute;

    border-top-left-radius: 10px;

     border-bottom-left-radius: 10px;

    visibility:hidden;

    opacity:0;

      transition:all 0.3s ease-in-out 0s;

    

}

.featured-style-image img

{

    

    transition:all 0.3s ease-in-out 0s;



}

section.featured-style-blogs article:hover .featured-style-image:after

{

    opacity:1;

    visibility:visible;

}

section.featured-style-blogs article:hover .featured-style-image img

{

    -webkit-transform: scale(1.03);

    transform: scale(1.03);

}

section.featured-style-blogs .featured-style-title ul

{

    padding: 0px;

    margin: 0px;

    list-style: none;

}

section.featured-style-blogs .featured-style-title ul li

{

    display:inline-block;

}

section.featured-style-blogs .featured-style-title ul li a

{

  color:#6e6e73;

    text-transform: uppercase;

    font-weight: 600;

    font-size: 12px;

    

}

section.featured-style-blogs .featured-style-title {

   

        padding: 15px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    width: 100%;

    height: 100%;

   

}

section.featured-style-blogs > .container > h2

{

    font-weight: 700;

    padding-bottom: 20px;

    font-size:32px;

}

section.featured-style-blogs .featured-style-title > *

, section.featured-style-blogs > .container > h2

{

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

}

section.featured-style-blogs .featured-style-title .entry-title

{

        font-weight: 700;

    text-transform: capitalize;

  

    letter-spacing: 0px;

    font-size:32px;

    padding:20px 0px;

    color:#1d1d1f;

}

section.featured-style-blogs .featured-style-title h3

{

    font-weight: 600;

    font-size: 14px;

    color:#6e6e73;

}

.blog-c-width

{

    max-width: 980px;

}



.two-grid-section .row div[class^="col"] 

, .three-grid-section .row div[class^="col"] 

{

    padding: 0px;

}

.two-grid-section article , section.three-grid-section article

{

    padding: 0px !important;

    background-color: #fff;

    margin-bottom: 40px;

        border-top-left-radius: 10px;

    border-top-right-radius: 10px;

       

}

section.three-grid-section article

{

    min-height: 440px;

}

.two-grid-section article 

{

     min-height: 560px;

}

.two-grid-section .row img , .three-grid-section .row img

{

    width: 100%;

    

}

section.two-grid-section , section.three-grid-section

{

    background-color: #f5f5f7;

}

section.two-grid-section .two-grid-style-image 

, section.three-grid-section .three-grid-style-image

{

    position: relative;

    overflow: hidden;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

}

section.two-grid-section .two-grid-style-image:after

, section.three-grid-section .three-grid-style-image:after

{

     content: "";

    background-color: #3333333b;

    width: 100%;

    height: 100%;

    top: 0;

    bottom: 0;

    right: 0;

    left: 0;

    position: absolute;

    visibility:hidden;

    opacity:0;

      transition:all 0.3s ease-in-out 0s;

}

section.two-grid-section .two-grid-style-image img

, section.three-grid-section .three-grid-style-image img

{

border-top-left-radius: 10px;

border-top-right-radius: 10px;

transition:all 0.3s ease-in-out 0s;



}

section.two-grid-section .two-grid-style-image img

{

height: 320px;    

}

section.three-grid-section .three-grid-style-image img

{

    height: 170px;

}

section.two-grid-section article:hover .two-grid-style-image:after

, section.three-grid-section article:hover .three-grid-style-image:after

{

visibility: visible;

opacity: 1;

}

section.two-grid-section article:hover  .two-grid-style-image img

, section.three-grid-section article:hover  .three-grid-style-image img

{

    -webkit-transform: scale(1.03);

    transform: scale(1.03);

}

.two-grid-section > .container > .row > .col-lg-6:nth-child(odd) article



{

    margin-right: 20px;

}

.two-grid-section > .container > .row > .col-lg-6:nth-child(even) article



{

    margin-left: 20px;

}

.three-grid-section > .container > .row > .col-lg-4:first-child article

, .three-grid-section > .container > .row > .col-lg-4:nth-child(4) article

{

    margin-right: 20px;

}

.three-grid-section > .container > .row > .col-lg-4:nth-child(2) article

, .three-grid-section > .container > .row > .col-lg-4:nth-child(5) article

{

margin-right: 10px;

margin-left: 10px;

}

.three-grid-section > .container > .row > .col-lg-4:nth-child(3) article

, .three-grid-section > .container > .row > .col-lg-4:nth-child(6) article

{

    margin-left: 20px;

}



section.two-grid-section ul

, section.three-grid-section ul

, section.list-view-blog ul

{

padding: 0px;

margin: 0px;

list-style: none;

}

section.two-grid-section ul li

, section.three-grid-section ul li

, section.list-view-blog ul li

{

    display: inline-block;

}

section.two-grid-section ul li a

, section.three-grid-section ul li a

, section.list-view-blog ul li a

{

        color: #6e6e73;

    text-transform: uppercase;

    font-weight: 600;

   

}

section.two-grid-section ul li a

{

     font-size: 12px;

}

section.three-grid-section ul li a

{

 font-size: 11px;

}

section.two-grid-section .two-grid-style-title



 {

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    padding: 30px;

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

    position: relative;

        min-height: 240px;

}



section.three-grid-section .three-grid-style-title

{display: flex;

    flex-direction: column;

    justify-content: space-between;

    padding: 15px 30px;

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

    position: relative;

        min-height: 250px;



}

section.two-grid-section .two-grid-style-cat-title .entry-title

, section.three-grid-section .three-grid-style-cat-title .entry-title

{

    font-weight: 700;

    text-transform: capitalize;

    letter-spacing: 0px;

    padding: 20px 0px;

    color: #1d1d1f;

}

section.two-grid-section .two-grid-style-cat-title .entry-title

{

    font-size: 24px; 

}

section.three-grid-section .three-grid-style-cat-title .entry-title

{

font-size: 20px;

}

section.two-grid-section .two-grid-style-title h3

, section.three-grid-section .three-grid-style-title h3

{

    font-weight: 600;

  

    color: #6e6e73;

}

section.two-grid-section .two-grid-style-title h3

{

  font-size: 14px;

}

 section.three-grid-section .three-grid-style-title h3

 {

      font-size: 13px;

 }

section.list-view-blog .row .col-lg-6

{

    padding: 0px;

}

section.list-view-blog .row .col-lg-6 .list-view-flex

{

 align-items: flex-start;

    display: flex;

    padding-top: 40px;

    border-bottom: 1px solid #d0d0d0;

    min-height: 220px;

}

section.list-view-blog .row .col-lg-6:nth-of-type(odd) .list-view-flex

{

    margin-right: 15px;

}

section.list-view-blog .row .col-lg-6:nth-of-type(even) .list-view-flex

{

    margin-left: 15px;

}

section.list-view-blog .row .col-lg-6:last-child .list-view-flex

, section.list-view-blog .row .col-lg-6:nth-last-child(2) .list-view-flex

{

    border-width: 0px;

}

section.list-view-blog ul li > a

{

    font-size: 13px;

}

section.list-view-blog .list-blog-content  a .entry-title

{

       font-weight: 700;

    text-transform: capitalize;

    letter-spacing: 0px;

    padding: 8px 0px;

    color: #3c3c3c;

    font-size: 18px;

    margin: 0px;

    line-height: initial;

   

}

section.list-view-blog .list-blog-content .list-cat-title + h3

{

        font-weight: 600;

    color: #6e6e73;

      font-size: 14px;

}

.list-blog-content {

    padding: 0px 20px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    width: 80%;

}

.list-blog-image img

{

       height: 80px;

    width: 100%;

    object-fit: contain;

   transition: all 0.3s ease-in-out 0s;



}

.list-view-flex:hover .list-blog-image img

{

    -webkit-transform: scale(1.03);

    transform: scale(1.03);

}

.list-blog-image {

    width:20%;

    height: 100px;

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

    padding: 10px;

}

.list-blog-image:before

{

    content: "";

    background-color: #3333333b;

    width: 100%;

    height: 100%;

    top: 0;

    bottom: 0;

    right: 0;

    left: 0;

    position: absolute;

    visibility: hidden;

    opacity: 0;

    transition: all 0.3s ease-in-out 0s;

    border-radius: 10px;

}

.list-view-flex:hover .list-blog-image:before

{

    opacity: 1;

    visibility: visible;

}

.row.border-top-bottom {

    border-top: 1px solid #d0d0d0;

    border-bottom: 1px solid #d0d0d0;

}

section.list-view-blog {

    padding: 60px 0px;

}

section.list-view-blog > .container > .row:first-child

{

    padding-bottom: 20px;

}

section.list-view-blog > .container > .row:first-child h2

{

    font-weight: 700;

    padding-bottom: 0px;

    font-size: 32px;

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

    margin-bottom: 0px;

}



section.feature-slider

,  .featured-slider-start

{

    width: 100%;

}

.feature-slider .container-custom

{

    max-width: 980px;

    margin-left: auto;

    margin-right: auto;

}

.featured-slider-start .slick-list

{

    overflow: visible;

}

.slick-prev

{

    z-index: 999;

}

.featured-slider-start .featured-slider-start-bg-image > a

{

        min-height: 540px;

        opacity: 0.6;

    -webkit-transition: opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms;

    transition: opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms;

        background: -webkit-gradient(linear, left bottom, left top, color-stop(80%, #000), color-stop(90%, transparent));

    background: -webkit-linear-gradient(bottom, #000 80%, transparent 90%);

    background: linear-gradient(to top, #000 80%, transparent 90%);

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    width: 100%;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    height: 100%;

    display: flex;

        display: -webkit-box;

    display: -ms-flexbox;

    border-radius: 10px;

    overflow: hidden;

}



.featured-slider-start .featured-slider-start-bg-image.slick-current > a

{

    opacity: 1;

}

.featured-slider-start .featured-slider-start-bg-image.slick-current > a:hover .image-image-background

{

    webkit-transform: scale(1.03);

    transform: scale(1.03);



}

.featured-slider-start .featured-slider-start-bg-image.slick-current > a:hover .title_media:after

{

    background: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(60%, transparent)),rgba(0,0,0,0.3);

    background: -webkit-linear-gradient(bottom, #000, transparent 60%),rgba(0,0,0,0.3);

    background: linear-gradient(to top, #000, transparent 60%),rgba(0,0,0,0.3);

}

.featured-slider-start .featured-slider-start-bg-image > a .title_media 

{

        width: 980px;

    height: 540px;

    margin-bottom: -33.75%;

        -ms-flex-negative: 0;

    flex-shrink: 0;

        -webkit-mask-position: center center;

    mask-position: center center;

        -webkit-mask-repeat: no-repeat;

    mask-repeat: no-repeat;

    direction: ltr;

        position: relative;

    -webkit-box-flex: 0;

    -ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    overflow: hidden;

}

.featured-slider-start .featured-slider-start-bg-image > a .title_media  .image-image-background

{

        opacity: 1;

    -webkit-transition: opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms,-webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;

    transition: opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms,-webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;

    transition: transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms,opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms;

    transition: transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms,opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms,-webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;

    background-size: cover;

        height: 100%;

        z-index: 0;

}

.featured-slider-start .featured-slider-start-bg-image > a .title_media:after

{

    content: '';

    display: inline-block;

    width: 100%;

    height: 100%;

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

    position: absolute;

    top: 0;

    left: 0;

    z-index: 2;

    -webkit-transition: background 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;

    transition: background 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;



        background: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(60%, transparent));

    background: -webkit-linear-gradient(bottom, #000, transparent 60%);

    background: linear-gradient(to top, #000, transparent 60%);



}

.featured-slider-start .featured-slider-start-bg-image > a .tile__gradient

{

        position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-flow: row no-wrap;

    flex-flow: row no-wrap;

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end;  

}



.featured-slider-start .featured-slider-start-bg-image > a .tile__gradient .tile_description

{

        padding-top: 18.05707%;

            padding: 36px;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -ms-flex-preferred-size: auto;

    flex-basis: auto;

        width: 100%;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    z-index: 2;

        display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

}

 .featured-slider-start .featured-slider-start-bg-image > a .tile__gradient .tile_description .feature-slider-title

 {

        color: #fff;

        -webkit-line-clamp: 5;

    -webkit-box-orient: vertical;

    display: -webkit-box;

    overflow: hidden;

        font-size: 40px;

    line-height: 1.1;

    font-weight: 700;

    letter-spacing: 0em;

    max-height: 5.5em;

 }

  .featured-slider-start .featured-slider-start-bg-image > a .tile__gradient .tile_description .tile__timestamp

  {

margin-top: 12px;

    color: #fff;

        font-size: 14px;

    line-height: 1.28577;

    font-weight: 600;

    letter-spacing: -.016em;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

  }

   .featured-slider-start .featured-slider-start-bg-image

   {

    margin: 0px 20px;

   }

   section.feature-slider

   {

    background-color: #161617;

    padding-top: 80px;

    padding-bottom: 110px;

    overflow: hidden;

   }

   .featured-slider-heading {

    width: 100%;

    padding-bottom: 15px;

    padding-left: 15px;

}

 .featured-slider-heading  h2

 {

        color: #fff;

        font-size: 32px;

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

            font-weight: 700;

 }

 .featured-slider-start > button.slick-prev

 {

   

    top: auto;

    right: 75px;

    left: auto;

 }

  .featured-slider-start > button.slick-next

 {

  

    top: auto;

    left: auto;

    right: 20px;

 }

 .featured-slider-start > button.slick-prev:before

 {

    content: "\f104";

    font-family: fontawesome;

    font-size: 28px;

      transition: all 0.3s;

 }

  .featured-slider-start > button.slick-next:before

 {

    content: "\f105";

    font-family: fontawesome;

    font-size: 28px;

      transition: all 0.3s;

 }

  .featured-slider-start > button

  {

        width: 45px;

    height: 45px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

     border: 2px solid #fff;

     bottom: -40px;

         z-index: 99;

         -webkit-transform: translate(0, 40px);

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

 transform: translate(0px, 40px)



  }

   .featured-slider-start > button



   {

    transition: all 0.3s;

   }

   .featured-slider-start > button:hover

   {

    background-color: #fff;



   }

   .featured-slider-start > button.slick-disabled:hover

   {

    background-color: transparent;

   }

      .featured-slider-start > button.slick-disabled:hover:before

      {

        color: #fff;

      }

   .featured-slider-start > button:hover:before

   {

color: #000;

   }

  .featured-slider-start .slick-dots

  {

     bottom: -35px;

         text-align: left;

         -webkit-transform: translate(0, 30px);

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

 transform: translate(0px, 30px);

 padding-left: 15px;

 z-index: 0;



  }



    .featured-slider-start > button.slick-disabled

    {

         border: 2px solid #6e6e73;

    }

  .featured-slider-start  .slick-dots li button:before

    {

        color: #fff;

    }

   .featured-slider-start .slick-dots li.slick-active button:before

    {

        color: #fff;

        opacity: 1;

    }

     .featured-slider-start .slick-dots li

     {

        width: 10px;

     }

     .featured-slider-start  .slick-dots li button:before

     {

        font-size: 9px;

            transition: all 0.6s ease-in 0s;

            -webkit-transition: all 0.6s ease-in 0s;

            -moz-tranistion:  all 0.6s ease-in 0s;

     }



.container-wide.d-flex-wrap.max-width {

    max-width: 980px;

}

.container-wide.d-flex-wrap.max-width  .blog-left-content

, .container-wide.d-flex-wrap.max-width .entry-meta

{

    width: 100%;

}

  .container-wide.d-flex-wrap.max-width .entry-meta ul



{

margin-bottom: 0;

    margin-left: 0px;

    padding-left: 0px;

    list-style: none;

}

  .container-wide.d-flex-wrap.max-width .entry-meta ul > li

  {

    display: inline-block;

  }

   .container-wide.d-flex-wrap.max-width .entry-meta ul > li > a

   , .container-wide.d-flex-wrap.max-width .entry-meta

   {

        color: #6e6e73;

    text-transform: uppercase;

    font-weight: 600;

    font-size: 18px;

   }

     .container-wide.d-flex-wrap.max-width .entry-meta ul > li > a

     {

        font-size: 14px;

    letter-spacing: 0.8px;

     }

     .container-wide.d-flex-wrap.max-width .entry-meta

     ,  .container-wide.d-flex-wrap.max-width header.entry-header

     ,  .container-wide.d-flex-wrap.max-width .blog-left-content .entry-content > div > p

     ,  .container-wide.d-flex-wrap.max-width .blog-left-content .entry-content > div > h1

     ,  .container-wide.d-flex-wrap.max-width .blog-left-content .entry-content > div > h2

     ,  .container-wide.d-flex-wrap.max-width .blog-left-content .entry-content > div > h3

     ,  .container-wide.d-flex-wrap.max-width .blog-left-content .entry-content > div > ul

     ,  .container-wide.d-flex-wrap.max-width .blog-left-content .entry-content > div > a

     ,  .container-wide.d-flex-wrap.max-width .blog-left-content .entry-content > p

     ,  .container-wide.d-flex-wrap.max-width .blog-left-content .entry-content > h1

     ,  .container-wide.d-flex-wrap.max-width .blog-left-content .entry-content > h2

     ,  .container-wide.d-flex-wrap.max-width .blog-left-content .entry-content > h3

     ,  .container-wide.d-flex-wrap.max-width .blog-left-content .entry-content > ul

     ,  .container-wide.d-flex-wrap.max-width .blog-left-content .entry-content > a

     {

        margin-left: auto;

    margin-right: auto;

    width: 653px;

     }

     .container-wide.d-flex-wrap.max-width header.entry-header h1.entry-title

     {

            font-size: 48px;

    font-weight: 700;

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

     }

      .container-wide.d-flex-wrap.max-width .blog-left-content .post-thumbnail img

      {

        border-radius: 10px;

      }

      .container-wide.d-flex-wrap.max-width .blog-left-content .entry-content p

      {

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

        font-size: 19px;

        font-weight: 400;

      }

.container-wide.d-flex-wrap.max-width .blog-left-content .entry-content

      {

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

      }

           .container-wide.d-flex-wrap.max-width .blog-left-content .entry-content ul

           {

            padding-left: 25px;

            margin-left: 0px;

           }

           .container-wide.d-flex-wrap.max-width .blog-left-content .entry-content h1

           ,  .container-wide.d-flex-wrap.max-width .blog-left-content .entry-content h2

            ,  .container-wide.d-flex-wrap.max-width .blog-left-content .entry-content h3

           {

margin-bottom: 15px;

    margin-top: 40px;

  

           }

           .container-wide.d-flex-wrap.max-width .blog-left-content .entry-content h1

           ,  .container-wide.d-flex-wrap.max-width .blog-left-content .entry-content h2

           {

              font-size: 32px;

           }

           body.single-post aside#secondary

           {

display: none;

           } 

            .container-wide.d-flex-wrap.max-width .blog-left-content .entry-content > div > figure

           {

            margin-top: 40px;

            margin-bottom: 40px;

           }

           .related-blg-post.single-page-related {

    width: 100%;

}



  .container-wide.d-flex-wrap.max-width .blog-left-content .entry-content > div > figure figcaption

  {

    display: none;

  }

.related-blog-loop {

   display: flex;

    max-width: 695px;

    margin-left: auto;

    margin-right: auto;

    padding: 40px 0px;

    border-bottom: 1px solid #d0d0d0;

}

.related-blog-content .related-blog-title-cat ul

{

        padding: 0px;

    margin: 0px;

    list-style: none;

}

.related-blog-content .related-blog-title-cat ul > li 

{

display: inline-block;

}

.related-blog-content .related-blog-title-cat ul > li  > a

{

        font-size: 13px;

    color: #6e6e73;

    text-transform: uppercase;

    font-weight: 600;

}

.related-blog-content .related-blog-title-cat h2.entry-title

{

        font-weight: 700;

    text-transform: capitalize;

    letter-spacing: 0px;

    padding: 5px 0px;

    color: #3c3c3c;

    font-size: 18px;

    margin: 0px;

    line-height: initial;

}

.related-blog-content

{

    padding: 0px 20px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

        flex-basis: 520px;

}

.related-blog-content .related-blog-title-cat + h3

{

    font-weight: 600;

    color: #6e6e73;

    font-size: 14px;

}

.related-blog-image img

{

    max-width: 175px;

    max-height: 95px;

    border-radius: 10px;

    transition: all 0.3s ease-in-out 0s ;

    position: relative;

    overflow: hidden;

}

.related-blog-image

{

        flex-basis: 175px;

    position: relative;

    display: flex;

    height: 95px;

    border-radius: 10px;

    overflow: hidden;

}

.related-blog-loop:last-child

{

    border-bottom-width: 0px;

}

.related-blog-image:before

{

    content: "";

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    background-color: #3333333b;

    transition: all 0.3s ease-in-out 0s;

    z-index: 999;

    opacity: 0;

    visibility: hidden;

}

.related-blog-loop:hover .related-blog-image:before

{

    opacity: 1;

    visibility: visible;

}

.related-blog-loop:hover .related-blog-image img

{

    -webkit-transform: scale(1.03);

    transform: scale(1.03);

}

.related-blog-heading

{

       max-width: 695px;

    margin-left: auto;

    margin-right: auto;

    padding-bottom: 0px;

    padding-top: 50px;

    border-top: 1px solid #d0d0d0;

}

.related-blog-heading h2

{

    font-weight: 700;

    padding-bottom: 0px;

    font-size: 28px !important;

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

    margin-bottom: 0px;

}

body.single-post #main-footer .appr

{

    max-width: 695px;

    margin-left: auto;

    margin-right: auto;

    padding-bottom: 25px;

}

/** work page css **/



.work-main-slider-new .items .bg-image-slider 

, .work-main-slider-new .items 

{

    min-height: 100vh;



}

.work-main-slider-new .items > a

{

    min-height: 100vh;

    position: relative;

}

.work-main-slider-new .items 

{

position: relative;

}

.work-main-slider-new .items:after

{

    content: "";

    background-color: ;

    position: absolute;

    top: 0;

    bottom: 0;

    right: 0;

    left: 0;

    width: 100%;

    height: 100;

    

}
.subscription-inner {
    max-width: 50%;
    margin: auto;
    text-align: center;
    color: #fff;
}
.subscription-inner > h2
{
font-size: 40px;
}
.subscription-inner .shpoify-icon > img
{
    width: 20%;
}
.subscription-btn {
    max-width: 45%;
    margin: auto;
}
section.full-page-section-subscription {
    padding-top: 70px;
    padding-bottom: 70px;
    position: relative;
}
.full-page-section-subscription .subscription-background
{
        background: #151414;
    width: 0;
    -webkit-transition: 0.5s cubic-bezier(0.74, 0.12, 0, 0.97);
    -o-transition: 0.5s cubic-bezier(0.74, 0.12, 0, 0.97);
    transition: 0.5s cubic-bezier(0.74, 0.12, 0, 0.97);
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
section.full-page-section-subscription.animated .subscription-background
{
    width: 100%;
}
.subscription-content
{
      font-size: 20px;
    padding: 22px 0px 30px 0px;
    font-weight: 600;
}

.subscription-content > p
{
    margin-bottom: 2px;
}
.portfolio-sec a {
    color: #000;
}

/* ----- Large Screen Optimization ------ */
@media(min-width: 1920px){

    #main-footer{padding: 5.208333333333333vw 0 1.0416666666666667vw;font-size: 0.8333333333333334vw;}

    #main-footer .appr{font-size: 2.6041666666666665vw;margin-bottom: 4.166666666666667vw;line-height: 3.125vw;}

    #main-footer .appr #heart{width: 2.6041666666666665vw;margin-left: 0.78125vw;}

    .footer-logo{width: 10.416666666666666vw;margin-bottom: 0.78125vw;}

    #main-footer h3 {font-size: 1.0416666666666667vw;margin-bottom: 1.0416666666666667vw;}

    #main-footer ul li:not(:last-child){margin-bottom: 0.78125vw;}

    #main-footer .copyright{font-size: 0.7291666666666666vw;margin-top: 2.6041666666666665vw;}

    .home--landing .landing-slide-counter span.slide-divider{width: 0.5208333333333334vw;height: 0.052083333333333336vw;}

    .small-title .bar{height: 0.10416666666666667vw;margin-right: 0.5208333333333334vw;}

    #site-header{padding: 1.875vw 0;}

}

@media (min-width: 1600px){
.recent-work .pr:nth-child(2) img {
    height: 565px;
}
    #site-header .navbar-wrap ul li:not(.megaLi){margin-right: 1.5625vw;}

    #site-header .navbar-wrap ul li:not(.megaLi):last-child a{padding-left: 1.0416666666666667vw;}

    #site-header .navbar-wrap ul li:not(.megaLi):last-child a:before{width: 0.5208333333333334vw;height: 0.5208333333333334vw;border: 0.10416666666666667vw solid #000;top: 0.5208333333333334vw;}

    .home--landing{padding: 2vw 0 0;}

    .landing-slider-outer{padding-left: 1.5625vw;}

    .home--landing .landing-slide-counter{font-size: 0.7291666666666666vw;}    

    .home--landing h1 {font-size: 4.6875vw;margin-bottom: 2.0833333333333335vw;line-height: 5.3vw;}

    .home--landing h1 span.animated span{line-height: 4.6875vw;}

    .home--landing p{font-size: 1.5vw;line-height: 2.3vw;}

    .small-title{font-size: 0.6770833333333334vw;letter-spacing: 0.5208333333333334vw;margin-bottom: 1.5625vw;}    

    body.loaded .animated .small-title .bar{width: 1.5625vw;}

    .home--services h2, .site-title{font-size: 3.125vw;margin-bottom: 2.0833333333333335vw;padding-left: 2vw;}    

    .service-count{font-size: 1.0416666666666667vw;}

    .home--services h3{margin-bottom: 2.0833333333333335vw;font-size: 2.3vw;}

    .service-content ul {margin-top: 1.875vw;}

    .service-content ul li{margin-bottom: 0.78125vw;padding-bottom: 0.3vw;padding-left: 1.3625vw;margin-right: 1.875vw;}

    .home-about .about-content{padding: 0;font-size: 1.25vw;margin: 8vw auto auto;line-height: 2.3vw;}

    .home-about .about-content a.rounded-link{margin-top: 1.5625vw;}

    .rounded-link{font-size: 1.0416666666666667vw;}

    .rounded-link .arrow{border:0.13020833333333334vw solid #1E1E1E;width: 2.6041666666666665vw;height: 2.6041666666666665vw;margin-left: 0.5208333333333334vw;}

    .rounded-link .arrow .top, .rounded-link .arrow .bottom{left: 1.1979166666666667vw;width: 0.13020833333333334vw;height: 0.625vw;top: 0.6510416666666666vw;}

    .rounded-link .arrow .bottom{top: 1.015625vw;}

    .recent-work .slide-controls{padding-bottom: 2.6041666666666665vw;}    

    .p-title{font-size: 1.4583333333333333vw;margin: 0 0 0.2604166666666667vw 0;}

    .p-category{font-size: 0.8333333333333334vw;}

    .recent-work-link{margin-top: 5vw;}

    .home-contact p{font-size: 1.25vw;}

    .home-contact .rounded-link{margin-top: 1.5625vw;}    

    section.portolio-listing{padding-top:2.6041666666666665vw;}

    .work-categories-tab{font-size: 0.9375vw;}

    .work-categories-tab li{padding-left: 0.78125vw;}

    .work-categories-tab li:not(:last-child){margin-right: 1.5625vw;}

    .portfolio-row{margin-top: 3.125vw;}

    .portfolio-col{padding: 1.5625vw 1.5625vw 5.208333333333333vw;}

    .portfolio-col .portfolio-title{font-size: 1.5625vw;}

    .pr-image{padding: 1.5625vw;}

    .portfolio-category{font-size: 0.8333333333333334vw;letter-spacing: 0.052083333333333336vw;bottom: 2.34375vw;padding: 0 0.78125vw;}

    .work-categories-tab.tab-fixed{padding: 0.78125vw 0;}

    .work-categories-tab li:before{width: 0.2604166666666667vw;height: 0.2604166666666667vw;}

    .project-section{padding:4.166666666666667vw 0;}

    .project-title{font-size: 3.125vw;margin-bottom: 1.5625vw;}

    .project-content p{font-size: 0.9375vw;line-height: 1.6666666666666667vw;}

    .project-content h4{font-size: 1.25vw;}

    .service-list {margin-bottom: 0.78125vw;}

    .service-list li{font-size: 0.9375vw;}

    .service-list li:not(:first-child){padding-left: 1.5625vw;}

    .project-image{margin: 2.6041666666666665vw 0;}

    .swiper-pagination.swiper-pagination-bullets{margin-top: 2.6041666666666665vw;}

    .portfolio-link{margin: 5.46875vw auto auto;padding-bottom: 2.34375vw;}

    .portfolio-link h3{font-size: 1.5625vw;}

    .portfolio-link a{height: 2.8645833333333335vw;width: 11.458333333333334vw;font-size: 0.9375vw;padding: 0 0.78125vw;}

    .portfolio-link a:nth-of-type(1){margin: auto 1.5625vw auto auto;}

    .portfolio-nav{margin: 2.0833333333333335vw auto auto;}

    .portfolio-nav .rounded-link span{font-size: 0.6770833333333334vw;line-height: 0.625vw;}

    .total-vacancies{right: -0.9375vw;top: -0.46875vw;width: 1.09375vw;height: 1.09375vw;font-size: 0.625vw;}

    .contact-section h1{font-size: 4.791666666666667vw;}

    .contact-section .contact-content p{font-size: 2.1875vw;}

    .contact-forms-wrap .forms-tab{padding: 0 2.6041666666666665vw;}

    .contact-forms-wrap .form-title{font-size: 1.4583333333333333vw;padding: 1.0416666666666667vw 0;}

    .form-title .form-icon, .form-title .form-icon > div{width: 1.0416666666666667vw;height: 0.10416666666666667vw;left: -2.0833333333333335vw;}

    .form-title .form-icon > div{left: 0;}

    .form-container{padding-top: 1.5625vw;}

    .form-container h3{margin-bottom: 1.0416666666666667vw;font-size: 1.25vw;}

    div[class*="input-row"]{margin-bottom: 2.0833333333333335vw;}

    .form-container input:not([type="submit"]), .form-container select, .form-container textarea{padding: 1.5625vw 0 0.78125vw 0;font-size: 0.9375vw;}

    div[class*="input-row"] label{font-size: 1.0416666666666667vw;top: 0.78125vw;}

    .form-container input:not([type="submit"]):focus + label, .form-container select:focus + label, .form-container textarea:focus + label, .focus-checked label{

    font-size: 0.78125vw !important;}

    .checkboxes-wrp {margin-top: 0.5208333333333334vw;margin-bottom: 2.0833333333333335vw;}

    .checkboxes-wrp span.wpcf7-list-item:not(:last-child){margin-right: 1.0416666666666667vw;}

    .checkboxes-wrp span.wpcf7-list-item label{padding-left: 1.5625vw;}

    .checkboxes-wrp span.wpcf7-list-item{font-size: 1.0416666666666667vw;}

    .checkboxes-wrp span.wpcf7-list-item-label:before{width: 0.9375vw;height: 0.9375vw;}

    .checkboxes-wrp span.wpcf7-list-item-label:after{left: 0.15625vw;font-size: 0.9375vw;top: 0.15625vw;}

    .form-container .resume-upload{padding: 1.0416666666666667vw 0 0.78125vw 1.5625vw;height: 3.125vw;background-size: 1.3020833333333333vw;font-size: 0.9375vw;margin-top: 0.78125vw;}

    .form-container input[type="file"] + label{padding-left: 1.5625vw;top: 1.5625vw !important;}

    .form-container textarea{height: 7.8125vw;}

    #map{height: 39.0625vw;}

    .address-wrap ul li:first-child{font-size: 1.9791666666666667vw;margin-bottom: 1.0416666666666667vw;}

    .address-wrap ul li {margin-bottom: 0.4166666666666667vw;font-size: 1.25vw;}

    .map-marker{font-size: 0.78125vw;}

    .map-marker > span{width: 0.78125vw;height: 0.78125vw;margin-right:0.5208333333333334vw;}

    .fade-title{font-size: 13.541666666666666vw;}

    .career-listing .career-title h1{margin-bottom: 2.0833333333333335vw;}

    .career-listing .career-title p, .no-vacancies{font-size: 1.1458333333333333vw;line-height: 2.1875vw;}

    .career-listing .career-title{margin-bottom: 2.6041666666666665vw;}

    .career-listing h3{margin-bottom: 2.0833333333333335vw;font-size: 1.6666666666666667vw;}

    .career-feature img{width: 2.6041666666666665vw;max-width: 2.6041666666666665vw;margin-bottom: 1.25vw;}

    .career-feature h4{margin-bottom: 0.78125vw;font-size: 1.25vw;}

    .career-feature p{font-size: 0.9375vw;}

    .career-team{margin: 1.5625vw 0 3.125vw;}

    .vacancy-post{margin-bottom: 2.6041666666666665vw;}

    .vacancy-post a{padding: 1.5625vw;}

    .vacancy-post span.vacancy-date, .career-single-section span.vacancy-date{margin-bottom: 0.5208333333333334vw;font-size: 0.78125vw;}

    .vacancy-post h3{font-size: 1.3541666666666667vw;margin-bottom: 1.0416666666666667vw;}

    .vacancy-post p{font-size: 0.9375vw;}

    .vacancy-meta{font-size: 0.8333333333333334vw;}

    .vacancy-meta ul li:not(:last-child){margin-right: 0.5208333333333334vw;}

    .vacancy-meta ul li{padding-left: 0.78125vw;}

    .join-us-content h3{font-size: 1.5625vw;line-height: 2.34375vw;margin-bottom: 1.5625vw;}

    .join-us-content p{font-size: 1.1458333333333333vw;line-height: 2.0833333333333335vw;}

    .vacancy-meta ul li:before{font-size: 1.25vw;top: 40%;}

    .career-content h1, .career-content h3{font-size: 1.9791666666666667vw;margin-bottom: 1.5625vw;}

    .career-content h3{font-size: 1.4583333333333333vw;}

    .career-content p{font-size: 1.0416666666666667vw;line-height: 1.9791666666666667vw;}

    .career-content .vacancy-meta ul{font-size: 1.0416666666666667vw;margin-bottom: 1.0416666666666667vw;}

    .career-content ul:not(.meta-list){margin: 0 0 1.5625vw 0;font-size: 1.0416666666666667vw;padding-left: 1.0416666666666667vw;line-height: 1.5625vw;}

    .form-container .rounded-link.input-link .ajax-loader{right: -3.125vw;}

    .ajax-loader > div{width: 0.5208333333333334vw;height: 0.5208333333333334vw;}

    .input-link:hover .ajax-loader{right: -3.6458333333333335vw;}

    div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{font-size: 0.9375vw;padding: 0.3125vw 1.40625vw;}

    .cp-form-wrap{top: 4.6875vw;}

    .home--landing .landing-slide-counter span.total-slides{padding: 0 0 0 2.0833333333333335vw;}

    .home-about .home-about-img{height: 31.25vw;}

    .smile-emoji{width: 4.166666666666667vw;height: 4.166666666666667vw;border: 0.10416666666666667vw solid var(--smiley-color);}

    .smile-emoji .eyes{padding: 0 0.78125vw;margin-top: 1.0416666666666667vw;}

    .smile-emoji .eyes .eye{width: 0.7291666666666666vw;height: 0.7291666666666666vw;}

    .smile-emoji .eyes .eye:after{bottom: -1.0416666666666667vw;}

    .mouth:after{border-bottom-right-radius: 5.208333333333333vw;border-bottom-left-radius: 5.208333333333333vw;bottom: 0.2604166666666667vw;}

    .pace .pace-progress:after{font-size: 1.5625vw;}

    .loader-text{font-size: 6.25vw;line-height: 4.6875vw;}

    .service-col:not(:last-of-type){margin-bottom: 2.6041666666666665vw;}

}

/* ----- Large Screen Optimization Ends ------ */

/* ----- Responsive ------ */

@media(max-width: 1599px){

    .logo{width:166px;}

    #site-header .navbar-wrap{font-size: 17px;}

    #site-header .navbar-wrap ul li:not(.megaLi){margin-right: 25px;}

    #site-header .navbar-wrap ul li:not(.megaLi):last-child a{padding-left: 17px;}

    #main-footer{font-size: 15px;}

    #main-footer .appr{font-size: 46px;line-height: 54px;}

    .footer-logo {width: 167px;}

    #main-footer h3{font-size: 18px;}

    #main-footer .appr #heart{width: 45px;}

    .contact-section h1{font-size: 76.8px;margin-bottom: 10px;}

    .home-contact{padding-bottom: 72px;}

    .home-contact p{padding: 0 5%;}

    .home-contact .container-wide{padding-top: 66px;}    

    .pace .pace-progress:after {font-size: 24px;}

    .loader-text{font-size: 98px;line-height: 80px;}

    .pace{left: calc(50% + 130px);}

    .recent-work{padding: 96px 0 64px;}    

}
@media(max-width:1367px){
    .recent-work .pr:nth-child(2) img {
    height: 420px;
}
}
@media(max-width: 1366px){

    #main-footer .row{max-width: 95%;}

    .home--landing p{font-size: 19px;line-height: 26px;}

    .home-about .about-content, .home-contact p{font-size: 18px;padding: 0 37.625px;line-height: 28px;}

    .service-content p, .service-content ul{font-size: 18px; line-height: 28px;}

    .home--landing .landing-slide-counter{top: 3%;}

    .contact-section h1 {font-size: 70.8px;margin-bottom: 0px;margin-right: 16vw;}

    .home-about .about-content{width: 58.333%;}

    .contact-section .contact-content p {font-size: 30px;}

    .contact-forms-wrap .form-title{font-size: 22.5px;}

    .form-title .form-icon, .form-title .form-icon > div{width: 15px;}

    .contact-forms-wrap .forms-tab{padding: 0 36px;}

    .address-wrap ul li:first-child{font-size: 30px;}

    .address-wrap ul li{font-size: 18px;}

    .address-wrap{padding: 66px;max-width: 390px;}

    .home--landing .landing-slide-counter{font-size: 12px;}

    .home--services h2, .site-title{font-size: 46px;padding-left: 37.625px;}

    body.loaded .animated .small-title .bar {width: 20px;}

    .home-about .home-about-img{height: 450px;}

    .clinet-slide{width: calc(100% / 5); padding: 15px;}

    .client-col{height: 16.105vw;}

    .service-content ul li:before{font-size: 24px;top: 36%;}

    .services-listing{left: 95%;}

    .service-title{font-size: 32px;margin-bottom: 21px;}

    .home--services .services-icon-wrap{width: 93px;margin-bottom: 15px;}

}

@media(max-width: 1199px){
    .content-area-1 h2 {
    font-size: 18px;
    font-family: 'ProximaNova-Semibold';
   }
   .recent-work .pr:nth-child(2) img {
    height: 347px;
 }
    #main-footer{padding: 80px 0 15px;}

    #main-footer .row {max-width: 100%;}

    #main-footer .appr {font-size: 42px;line-height: 48px;}

    #main-footer .appr #heart {width: 40px;}

    #main-footer .copyright{font-size: 13px;}

    #main-footer .appr{width: 40%;}

    .home--landing .gray-block{height: 70%;top: -9.5%;}

    .home--landing .landing-slide-counter{top: 4%;}

    .home--landing .landing-slide-counter{font-size: 12px;}

    .cp-form-wrap{width: 90%;}

    .home--services h2, .site-title{font-size: 40px;}

    body.loaded .animated .small-title .bar {width: 18px;}

    .home-about{padding: 70px 0 0;}

    .home-contact .rounded-link {margin-top: 15px;}

    .home-contact .container-wide {padding-top: 55px;}

    .home-contact {padding-bottom: 60px;}

    .loader-text {font-size: 80px;line-height: 65px;}

    .pace {left: calc(50% + 120px);bottom: 52%;}    

    .pace .pace-progress:after {font-size: 22px;}

    .home-contact .col-7{max-width: 70%;flex: 0 0 70%;}

    .home-about .about-content {width: 70%;}

    .services-tab-wrap{width: 63%;}

    .home--services{padding: 84px 0 36px;}

    .p-title{font-size: 20px;}

    .p-category{font-size: 12px;}

    .recent-work .pr{height: auto;padding: 8px;}

    .recent-work .pr:nth-child(5){ height: auto;}

	.back-work	{

		transform:translateX(10%);

	}
	.recent-work .pr:nth-child(2) {
    height: auto;
}

}

@media(max-width: 1024px){

    .home--landing h1{font-size: 50px; line-height: 55px;}

    .home--landing h1 span.animated span {line-height: 50px;}

    .contact-section .contact-content{padding: 55px 0 20px;}

    .contact-section h1 {font-size: 60.8px;margin-right: 18vw;}

    .contact-section .contact-content p {font-size: 26px;}

    #main-footer h3 {font-size: 17px;}

    .address-wrap ul li:first-child{font-size: 26px;}

    .address-wrap ul li{font-size: 16px;}

    .address-wrap{padding: 50px 60px;}

    #map{height: 580px;}

    .map-marker{font-size: 13px;}

    .map-marker > span {width: 13px;height: 13px;top: -1px;position: relative;}

    .service-col{width: 100%;}

    .client-col {height: 185px;}

    .p-title, .p-category{transform: none; opacity: 1;}
    .recent-work .pr:nth-child(2) img {
    height: 325px;
}
.recent-work .pr .work-image{
    margin-bottom:20px;
}
.p-content{
    margin-top:7px;
}
	.page-id-72 div#contact__ .container-wide {
    max-width: 100%;
    width: 100%!important;
}
}

@media(max-width: 991px){

	.banner-section-three .nav-pills .nav-link{font-size: 16px;}
	.content-area-1 {padding: 25px 15px;}
	a.visit-site{font-size:15px;}
	.content-area-1 h2 {font-size: 16px;}
    #site-header{position: fixed;width: 100%;z-index: 9999;top: 0;left: 0;}

    #site-header .logo{z-index: 9999;}

    body{padding-top: 87px;}

    #site-header.menu-expanded .logo, #site-header.menu-expanded .menu-toggler{-webkit-filter: invert(1);filter: invert(1);}

    #site-header .navbar-wrap{position: fixed;width: 100%;height: 100%;left: -100%;top: 0;bottom:0px;z-index: 999;background: #060606;-webkit-transition: 0.5s cubic-bezier(0.74, 0.12, 0, 0.97);-o-transition: 0.5s cubic-bezier(0.74, 0.12, 0, 0.97);transition: 0.5s cubic-bezier(0.74, 0.12, 0, 0.97);

        padding: 30px;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: initial;-ms-flex-align:initial ;align-items: flex-start;}

    #site-header.menu-expanded .navbar-wrap{left: 0;}

    #site-header .navbar-wrap ul li:not(.megaLi) a{color: #FFF;}

    #site-header .navbar-wrap ul li:not(.megaLi):last-child a:before{border-color: #FFF;}

    #site-header .navbar-wrap ul li:not(.megaLi):last-child a:hover:before{background: #FFF;}

    #site-header .menu-toggler{display: -webkit-box;display: -ms-flexbox;display: flex;z-index: 9999;}

    #site-header #menu-site-menu{padding-left: 100px;font-size: 24px;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}

    #site-header #menu-site-menu li{margin-right: 0;display: block;left: -30px;opacity: 0;-webkit-animation: none;animation: none;}

    #site-header.menu-expanded #menu-site-menu li{-webkit-animation: menuList 0.7s ease forwards;animation: menuList 0.7s ease forwards;

	}

   @-webkit-keyframes menuList{0%{left: -30px;opacity: 0;}100%{left: 0;opacity: 1;}}

    @keyframes menuList{0%{left: -30px;opacity: 0;}100%{left: 0;opacity: 1;}}

    @-webkit-keyframes menuListHide{0%{left: 0;opacity: 1;}100%{left: -30px;opacity: 0;}}

    @keyframes menuListHide{0%{left: 0;opacity: 1;}100%{left: -30px;opacity: 0;}}

    #site-header .navbar-wrap ul li:not(.megaLi):last-child{margin-left: 0;}

    #site-header .navbar-wrap ul li:not(.megaLi):not(:last-child){margin-bottom: 30px;}

    #site-header .navbar-wrap ul li:not(.megaLi):last-child a:before{width: 10px;height: 10px;top: 12px;}

    #site-header .navbar-wrap ul li:not(.megaLi):last-child a {padding-left: 25px;}

    .total-vacancies{background: #FFFF;color: #212121;width: 20px;height: 20px;font-size: 12px;right: -20px;}

    .container-wide{max-width: calc(100% - 30px);}

    #main-footer .appr {font-size: 38px;line-height: 44px;width: 100%;margin-bottom: 36px;}

    #main-footer {padding: 70px 0 15px;}

    #main-footer .col-xl-3{-webkit-box-flex: 100% !important;-ms-flex: 100% !important;flex: 100% !important;margin-bottom: 45px;}

    .home--landing h1 {font-size: 42px;line-height: 48px;margin-bottom: 30px;}

    .home--landing p {font-size: 18px;line-height: 24px;margin: 0;}

    .home--landing .gray-block {height: 85%;top: -9.5%;}

    .home--landing .landing-slide-counter {top: 6%;font-size: 11px;}

    .form-title .form-icon{left: -30px;}

    .address-wrap{position: relative;top: 0;-webkit-transform: none;-ms-transform: none;transform: none;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;right: 0;max-width: 100%;}

    .contact-section{padding: 0 0 1.5vw;}

    div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{position: relative;}

    .home--services h2, .site-title{font-size: 36px;margin-bottom: 30px;}

    body.loaded .animated .small-title .bar {width: 15px;height: 1px;}

    .small-title{font-size: 10px;}

    .home-about .about-content{width: 90%; margin-top: 90px;}

    .services-tab-wrap {width: 83%;}

    .home-about .about-content, .home-contact p, .service-content p, .service-content ul{font-size: 17px;}

    .smile-emoji{width: 56.7px;height: 56.7px;}

    .smile-emoji .eyes{padding: 0 13.508px;}

    .smile-emoji .eyes .eye {width: 8.67px;height: 8.67px;}

    .mouth:after{bottom: 4px;}

    .recent-work .gray-bar{width: 40vw;height: 40vw;}

    .home-about .gray-bar{width: 45vw;height: 40vw;}

    .home-contact .col-7 {max-width: 90%;flex: 0 0 90%;}

    .about-image-mask{height: 230px;width: 200px;}

    .home-about .site-title{margin-bottom: 100px;}

    .service-title{font-size: 28px;margin-bottom: 15px;}

    .home--services .services-icon-wrap{width: 83px;}

    .service-content{margin-bottom: 20px;}

    .recent-work .pr{width: 50% !important;height: 30vw!important;}

    .p-content{top: 30px;left: 30px;}

    .work-slider-home{margin-top: 50px;}

	.back-work{transform:translateX(10%);}

		section.project-section .row .col-12 .project-content:first-child

		{

			margin-top:50px;

		}

	#site-header li#menu-item-1044 {
		
    display: block;
		
}

	#site-header li#menu-item-1043 {
    display: none;
}
	
	#site-header .navbar-wrap ul li:not(.megaLi)

	{

		display:block;

	}

	#menu-menu-1

	{

		margin-top:20%;

	}

	.MegaMenuInner

	{

		column-count:1 !important;

	}

    section.two-grid-section .two-grid-style-title

    {

        padding-left: 20px;

        padding-right: 20px;

    }

    .two-grid-section > .container > .row > .col-lg-6:nth-child(odd) article

    {

            margin-right: 10px;

    }

	.two-grid-section > .container > .row > .col-lg-6:nth-child(even) article

    {

            margin-left: 10px;

    }

    section.two-grid-section .two-grid-style-cat-title .entry-title

    , section.three-grid-section .three-grid-style-cat-title .entry-title

    {

        font-size: 22px;

    }

    .three-grid-section > .container > .row > .col-lg-4:first-child article, .three-grid-section > .container > .row > .col-lg-4:nth-child(4) article

    {

    margin-right: auto;    

    }

    .three-grid-section > .container > .row > .col-lg-4:nth-child(2) article, .three-grid-section > .container > .row > .col-lg-4:nth-child(5) article

    {

        margin-right: auto;

        margin-left: auto;

    }

    .three-grid-section > .container > .row > .col-lg-4:nth-child(3) article, .three-grid-section > .container > .row > .col-lg-4:nth-child(6) article

    {

        margin-left: auto;

    }

     .three-grid-section > .container > .row > .col-lg-4:nth-child(even) article

     {

        margin-left: 10px !important;

     }

     .three-grid-section > .container > .row > .col-lg-4:nth-child(odd) article

     {

        margin-right: 10px !important;

     }

     section.two-grid-section .two-grid-style-image img

     , section.three-grid-section .three-grid-style-image img

     {

        height: auto;

     }

     section.two-grid-section .two-grid-style-title

     , .two-grid-section article

     {

        min-height: auto;

     }

     .featured-slider-start .featured-slider-start-bg-image > a .title_media

     {

        width: 100%;

    height: 389px;

     }

     .featured-slider-start .featured-slider-start-bg-image > a

     {

        min-height: 389px;

     }

     section.list-view-blog .row .col-lg-6 .list-view-flex

     {

        min-height: auto;

        padding-top: 30px;

        padding-bottom: 30px;

     }

    section.list-view-blog .row .col-lg-6:nth-last-child(2) .list-view-flex

     {

        border-width: 1px;

     }
	.col-4.contact_details:after{
		width: 25%!important;
	}
}

@media(max-width: 767px){
    .subscription-inner
    {
        max-width: 90%;
    }

	.connect{
		margin-top:0px;
	}

    #site-header #menu-site-menu{padding-left: 60px;font-size: 21px;}

    #site-header .navbar-wrap ul li:not(:last-child){margin-bottom: 24px;}

    #site-header .navbar-wrap ul li.megaLi{margin-bottom: 0;}

    #site-header .navbar-wrap ul li:last-child a:before {width: 8px;height: 8px;top: 11px;}

    #main-footer {padding: 50px 0 15px;font-size: 13px;}

    #main-footer .appr{font-size: 34px;line-height: 38px;margin-bottom: 32px;width: 65%;}

    .footer-logo {width: 150px;}
	
	.page-id-72 .deafult-content { padding: 10px 0; }
	
	.page-id-72 .deafult-content h1 { padding-left: 30px; }
	
	.contact_details h1 {padding-left: 0!important;}
    
	div#contact__ .container-wide .contact_details { padding: 40px 15px 100px 15px!important;}
	
	div#contact__ .container-wide .contact_details h1.title_ {font-size: 25px;}
	
	div#contact__ {padding:20px 0!important;}
	
	h4.offices {font-size: 20px;}
	
    #main-footer .appr #heart {width: 30px;}

    #main-footer .copyright{margin-top: 0;}

    .landing--content, .landing-slider-outer{width: 100%;}

    .landing-slider-outer{-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;margin-bottom: 40px;padding-left: 0;}

    .landing--content{-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;}

    .landing-slider-outer .swiper-container{box-shadow: 3px 3px 16px 0px #e0e0e0;-webkit-box-shadow: 3px 3px 16px 0px #e0e0e0;}

    body.loaded .home--landing .gray-block.active{width: 50%;}

    .home--landing .gray-block{height: 50%;top: 0;bottom: auto;}

    .home--landing h1 {font-size: 36px;line-height: 38px;}

    .home--landing h1 span.animated span {line-height: 40px;}

    .home--landing p{font-size: 16px;}

    .contact-section .contact-content {padding: 40px 0 15px;}

    .contact-section h1 {font-size: 47.8px;margin-right: 120px;}

    .contact-section .contact-content p {font-size: 22px;margin-bottom: 0;}

    .contact-forms-wrap .form-title {font-size: 18px;padding: 15px 0;}

    .contact-forms-wrap .forms-tab {padding: 0 26px;}

    #map {height: 420px;}

    .address-wrap {padding: 36px 50px;}

    .address-wrap ul li:first-child {font-size: 24px;}

    .address-wrap ul li {font-size: 15px;}

    .cp-form-wrap{width: 100%;}

    .form-title .form-icon, .form-title .form-icon > div{height: 1px;}

    #main-footer .copyright {font-size: 11px;}

    .rounded-link, div[class*="input-row"] label{font-size: 16px;}

    .form-container input:not([type="submit"]), .form-container select, .form-container textarea{font-size: 16px;}

    .cp-form-wrap{top: 65px;}

    .rounded-link .arrow{width: 38px;height: 38px;}

    .rounded-link .arrow .top, .rounded-link .arrow .bottom{left: 18px;}

    .rounded-link .arrow .top{top: 10.5px;}

    .rounded-link .arrow .bottom{top: 16.5px;}

    .form-container input:not([type="submit"]):focus + label, .form-container select:focus + label, .form-container textarea:focus + label, .focus-checked label{font-size: 14px !important;}

    .checkboxes-wrp span.wpcf7-list-item{margin-bottom: 15px;}

    .checkboxes-wrp{margin-bottom: 25px;}

    .home--landing .landing-slide-counter{position: relative;-webkit-transform: none;-ms-transform: none;transform: none;padding: 0 15px 15px 15px;}

    .counter-cont{display: inline-block;position: relative;}

    .home--services h2, .site-title {font-size: 32px; padding: 0 20px;}

    .home--landing {padding: 38.4px 0 60px;}

    .clients{padding: 50px 0 45px 0; }

    .clients .site-title{margin-bottom: 20px;}

    .home-about-img, .home-about .about-content{width: 100%;}    

    .home-about {padding: 60px 0 0;}

    .home-about .about-content, .home-contact p {font-size: 15px;padding: 0 20px;}

    .service-content p, .service-content ul{font-size: 15px;}

    .home-about .home-about-img{height: auto;max-height: 400px;}

    .home-contact .col-12{padding: 0;}

    .loader-text {font-size: 65px;line-height: 55px;}

    .pace {left: calc(50% + 110px);bottom: 50%;}    

    .pace .pace-progress:after {font-size: 18px;}

    .site-loader .loader-background{width: 50%;}

    .site-loader .loader-background:nth-child(1){left:0;}

    .site-loader .loader-background:nth-child(2){left: 50%;}

    .site-loader .loader-background:nth-child(3){display: none;}

    .home-contact .col-7 {max-width: 100%;flex: 0 0 100%;}    

    .about-image-mask {height: 200px;width: 170px; }

    .recent-work {padding: 60px 0 50px;}

    .service-content ul{margin-top: 30px;}

    .service-content ul li{ margin-bottom: 5px;}

    .services-tab-wrap {width: calc(100% - 30px); }

    .services-listing{font-size: 90px; left: calc(100% - 35px);}

    .home--services {padding: 70px 0 30px;}

    .service-title{font-size: 25px;}

    .home--services .services-icon-wrap {width: 75px;}    

    .recent-work-link{margin-top: 30px;}

    .about-title-mask{font-size: 20vw; white-space: nowrap;}

	.career-feature , .vacancy-post , .join-us-content , .join-us-form-wrap

	{

		width:100% !important;

	}

	.p-content

	{

		top: 12px;

    left: 12px;

	}

	.project-section .container

	{

		max-width:100%;

	}

	section.error-404.not-found

	{

		max-width:90%;

	}

}

@media(max-width: 600px){
    .subscription-inner
    {
        max-width: 100%;
    }
    .subscription-inner > h2 {
    font-size: 30px;
}
	.connect {
		width: 100%;
	}
	#main-footer .col-xl-3{
		margin-bottom:0px;
		padding: 0;
	}
.subscription-content
{
    font-size: 18px;
}
.subscription-inner .shpoify-icon > img
{
    width: 40%;
}
.subscription-btn
{
    max-width: 70%;
}
section.full-page-section-subscription
{
    padding-top: 40px;
    padding-bottom: 40px;
}

    #main-footer div[class*="col-"]:not(:first-of-type):not(:last-of-type) {-ms-flex: 0 0 100%;-webkit-box-flex: 1;flex: 100%;width: 100%;max-width: 100%;margin-bottom: 36px;

    padding: 0;}

    #main-footer div.col-12{padding: 0;}

    .footer-logo {width: 124px;}

    .input-row-sm{width: 100%;}

    .home--landing h1 {font-size: 34px;margin-bottom: 24px;}

    .small-title {font-size: 9px;}

    .home--services h2, .site-title {font-size: 32px;}    

    .loader-text {font-size: 55px;line-height: 45px;}

    .pace {left:calc(50% + 82px);}    

    .pace .pace-progress:after {font-size: 16px;}

    .recent-work .gray-bar{width: 50vw;height: 50vw;}

    .home-about .gray-bar{width: 50vw;height: 50vw;}

    .home-about .about-content{margin-top: 110px;}

    .recent-work .pr{width: 100% !important;height: auto !important;padding: 0;}

    .recent-work .pr .work-image{margin-bottom: 15px;}

	.portfolio-link

	{

		margin:45px

auto auto;

	}

	.portfolio-link a

	{

		margin-top:15px;

	}
	.banner-section-three .nav-pills .nav-link {
    font-size: 14px;
    margin:0 15px;
}

}



@media(max-width: 480px){

    .container-wide.d-flex-wrap.max-width header.entry-header h1.entry-title

    {

        font-size: 25px;

    }

    .container-wide.d-flex-wrap.max-width .entry-meta ul > li > a

    {

        font-size: 12px;

    }

    .container-wide.d-flex-wrap.max-width .entry-meta ul > li > a, .container-wide.d-flex-wrap.max-width .entry-meta

    , .container-wide.d-flex-wrap.max-width .blog-left-content .entry-content p

    , .container-wide.d-flex-wrap.max-width .blog-left-content .entry-content ul

    {

        font-size: 14px;

    }

    .container-wide.d-flex-wrap.max-width .blog-left-content .entry-content h1, .container-wide.d-flex-wrap.max-width .blog-left-content .entry-content h2

    , .container-wide.d-flex-wrap.max-width .blog-left-content .entry-content h3

    {

        font-size: 22px;

    }

    .related-blg-post.single-page-related

    {

            width: 100%;

    display: flex;

    flex-direction: column;

    }

    .related-blog-heading

    {

            max-width: 100%;

    margin-left: inherit;

    margin-right: inherit;

    }

    section.three-grid-section .three-grid-style-title

    , section.three-grid-section article

    {

        min-height: auto;

    }

    section.featured-style-blogs .featured-style-title .entry-title

    , section.two-grid-section .two-grid-style-cat-title .entry-title

    , section.three-grid-section .three-grid-style-cat-title .entry-title

    {

       font-size: 20px;

    line-height: 25px;

    }

    .featured-slider-start .featured-slider-start-bg-image > a .tile__gradient .tile_description .feature-slider-title

    {

        font-size: 22px;

        line-height: 28px;

    }

    .featured-slider-start .featured-slider-start-bg-image > a .tile__gradient .tile_description

    {

            padding-left: 20px;

    padding-right: 20px;

    }

    .featured-slider-heading h2

    , section.featured-style-blogs > .container > h2

    , section.list-view-blog > .container > .row:first-child h2

    {

        font-size: 25px;

    }

.two-grid-section > .container > .row > .col-lg-6:nth-child(odd) article

{

    margin-right: 0px;

}

.three-grid-section > .container > .row > .col-lg-4:nth-child(odd) article

{

    margin-right: 0px !important;

}

.three-grid-section > .container > .row > .col-lg-4:nth-child(even) article

{

    margin-left: 0px !important;

}

.two-grid-section article, section.three-grid-section article

{

    margin-bottom: 15px;

}

.featured-slider-start .featured-slider-start-bg-image > a .title_media

{

    height: 230px;

}

.featured-slider-start .featured-slider-start-bg-image > a

{

    min-height: 230px;

}

.two-grid-section > .container > .row > .col-lg-6:nth-child(even) article

{

    margin-left: 0px;

}

.list-blog-image

{

        width: 35%;

}

.list-blog-content

{

    width: 65%;

}

.list-blog-content

{

    padding-left: 15px;

    padding-right: 0px;

}

.list-blog-image img

{

    width: 100%;

    height: 100%;

}

.list-blog-image

{

    height: auto;

}

section.list-view-blog .row .col-lg-6:nth-of-type(odd) .list-view-flex

{

    margin-right: 0px;

}

section.list-view-blog .row .col-lg-6:nth-of-type(even) .list-view-flex

{

    margin-left: 0px;

}

section.list-view-blog .list-blog-content a .entry-title

{

    font-size: 16px;

}

section.list-view-blog ul li > a

, section.list-view-blog .list-blog-content .list-cat-title + h3

{

    font-size: 12px;

}

section.featured-style-blogs .featured-style-title .entry-title

, section.two-grid-section .two-grid-style-cat-title .entry-title

, section.three-grid-section .three-grid-style-cat-title .entry-title

{

    padding-top: 10px;

    padding-bottom: 10px;

}

section.two-grid-section .two-grid-style-title

{

    padding-top: 20px;

    padding-bottom: 20px;

}

.featured-slider-start > button

{

    width: 35px;

    height: 35px;

}

.featured-slider-start > button.slick-next:before

, .featured-slider-start > button.slick-prev:before

{

    font-size: 22px;

}

.featured-slider-start > button

, .featured-slider-start .slick-dots

{

    bottom: -20px;

}

section.feature-slider

{

    padding-top: 60px;

    padding-bottom: 70px;

}



    #site-header #menu-site-menu {padding-left: 41px;font-size: 20px;}

    #main-footer .appr {font-size: 28px;line-height: 34px;width: 85%;}

    .contact-section h1 {font-size: 42.8px;margin-right: 100px;}

    .contact-section .contact-content p {font-size: 20px;}

    .contact-forms-wrap .form-title{font-size: 16px;}

    .form-title .form-icon, .form-title .form-icon > div {width: 12px;}

    .form-title .form-icon {left: -24px;}

    .address-wrap {padding: 26px 20px;}

    .address-wrap ul li:first-child {font-size: 22px;}

    .address-wrap ul li {font-size: 14px;}

    .services-listing{font-size: 80px; left: calc(100% - 30px);}

}

@media(max-width: 410px){

    .logo {width: 150px;}

    #site-header #menu-site-menu {padding-left: 20px;font-size: 18px;}

    #site-header .navbar-wrap ul li:not(:last-child) {margin-bottom: 20px;}

    #site-header .navbar-wrap ul li:last-child a {padding-left: 20px;}

    #site-header .navbar-wrap ul li:last-child a:before {width: 7px;height: 7px;top: 10px;}

    .total-vacancies {width: 17px;height: 17px;font-size: 10px;right: -15px;}    

    /* .contact-forms-wrap{display: block;white-space: nowrap;overflow-x: auto;}

    .contact-forms-wrap .forms-tab{display: inline-block;} */

    .contact-forms-wrap{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding-bottom: 0 !important;}

    .cp-form-wrap{position: relative; top: 8px;}

    .contact-forms-wrap .form-title{padding: 8px 0;display: inline-block;}

    .contact-section{padding-bottom: 15px;}

    .contact-forms-wrap .forms-tab{padding: 0;}

    .client-col img{width: 100%; max-width: 210px;}

}

/* ----- Responsive Ends ------ */

.MegaMenuOuter{

    width: 100%;

    position: absolute;

    left: 0;

    top: 5vw;

    background-color: #ffffff;

    z-index: 99;

    padding: 0 5%;

    display: none;    

    box-shadow: 0px 0px 7px #e0e0e0;

    -webkit-box-shadow: 0px 0px 7px #e0e0e0;

    -moz-box-shadow: 0px 0px 7px #e0e0e0;

}

.MegaMenuInner{

    width: 100%;

    column-count: 3;

    column-gap: 2vw;

}

.MegaMenuOuter h4{

    font-family: 'ProximaNova-Bold';

    font-size: 1.0416666666666667vw;

}



.megaCol {

    padding: 2vw 0;

    display: inline-block;

    opacity: 0;

	width:100%;

}

.colIcon

{

    width:3.7206770833333334vw;

    float: left;

}

.colIcon svg{

    width: 100%;

}

.megaMenu {

    padding-left: 2.5vw;

    float: left;

    width: caLC(100% - 4VW);

}

.colIcon img {

    max-height: 3.3333333333333335vw;

}

.megaMenu li {

    padding: .2vw 0;

    font-size: 0.8515625000000001vw;

}

.megaMenu li a{

    color: #000;

}

@media(max-width:1600px){

    .MegaMenuOuter{

        top: 84px!important;

    }

    .MegaMenuOuter h4 {

        font-size: 16px;

    }

    .megaMenu li {

        padding: 3px 0;

        font-size: 12px;

    }

    .megaCol {

        padding: 30px 0;

    }

}



.WorkSection1 h1{

    font-size: 4.5vw;

    color: #E6E6E6;

    font-family: 'ProximaNova-Bold';

}

.WorkSection1

{

    font-size:2.4vw;

    color:#000;

    line-height: 3vw;

    font-family: 'ProximaNova-Regular';

    padding: 4vw 0;

}

.WSection{

    padding: 4vw 0;

}

.WorkSection3{

    background-color: #F2F2F2;

}

.WorkImage{

    padding:0;

}

.WorkSection4 .WorkTitle{

    text-align: right;

}

.WorkSection3 .WorkImage{

    padding-bottom: 5vw;

}

.WorkSection3 .WorkContent{

    padding: 5.208333333333333vw;

}

.WorkSection4 .WorkContent{

    padding: 0 4vw;

}

.WorkSection2 .WorkContent{

    padding: 3vw 4vw;

}

.WorkImage img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.WorkContent

{

    font-size:0.9895833333333334vw;

    color: #000;    

    line-height:  1.7708333333333333vw;

}

.WorkContent h3, .WorkTitle h3{

    font-size: 2.2041666666666665vw;

    font-weight: bold;

    color: #000;

    margin-bottom: 2vw;

}

.WorkHeading{

    text-align: center;

}

.WorkHeading2{

    text-align: center;

    padding: 2vw 0 5vw;

}

.WorkHeading h2, .WorkHeading2 h2{

    font-weight: bold;

    font-size: 5.256770833333334vw;

    color: #000;

}

.WorkSection1.template2{

    background-color: #0D0D0D;

    color: #fff;

    padding: 3vw 0 0;

    margin-bottom: 10vw;

}

.WorkSection1.template2 h1{

    color: #fff;

}

.WorkContent2 {

    background: #141414;

    padding: 2vw 10vw 10vw 2.5%;

    margin-bottom: -6vw;

}

.WorkSection1.template2 h1 {

    color: #fff;

    display: table;

    width: auto;

    margin:0 -20vw 5vw auto;

}



li.megaLi a {

    color: #000!important;

    text-transform: uppercase;

}

@media(max-width:991px){

article.post.type-post .blog-left-content

{

    padding-right: 0px !important;

}  

    li.megaLi a {

        color: #7b7979!important;

    }

  body.single-post  article.post.type-post

    {

        padding-left: 15px !important;

        padding-right: 15px !important;

    }

    .container-wide.d-flex-wrap.max-width

    {

        max-width: 100%;

    }

}

@media(max-width:1200px){   

    .menu-text{

        display: none;

    }

	#main-footer .tagline{
		position:unset;
		margin-bottom:30px;
		display:block;
	}
	
    .WorkContent2 {

        margin-bottom: -60px;  

    }

    .WorkSection1.template2{

        margin-bottom: 80px;

    }

    .WSection{

        padding: 20px 0;

    }

    .menu-expanded .menu-text{

        display: block;

    }

    .dark-head .menu-toggler .toggle-dot {

        background: #fff!important;

    }

    .WorkSection1 h1 {

        font-size: 35px;

    }

    .WorkSection1 {

        font-size: 18px;

        line-height: 23px;

    }

    .WorkSection2 .WorkContent, .WorkSection3 .WorkContent {

        padding: 15px;

    }

    .WorkSection4 .WorkContent{

        padding: 0 15px;

    }

    .WorkContent {

        font-size: 14px;

        line-height: 24px;

    }

    .WorkContent h3, .WorkTitle h3 {

        font-size: 17px;

        margin-bottom: 10px;

    }

    .WorkHeading h2, .WorkHeading2 h2 {

        font-size: 20px;

    }

    .WorkSection2 .WorkImage {

        padding: 0 15px 0 0;

    }

    .WorkSection3 .WorkImage{

        padding:  0 0 0 15px;

    }

}

@media(max-width:991px){

    body {

        padding-top: 83px;

    }

}

@media(max-width:767px){

    

   .container-wide.d-flex-wrap.max-width .entry-meta

     ,  .container-wide.d-flex-wrap.max-width header.entry-header

     ,  .container-wide.d-flex-wrap.max-width .blog-left-content .entry-content > div > p

     ,  .container-wide.d-flex-wrap.max-width .blog-left-content .entry-content > div > h1

     ,  .container-wide.d-flex-wrap.max-width .blog-left-content .entry-content > div > h2

     ,  .container-wide.d-flex-wrap.max-width .blog-left-content .entry-content > div > h3

     ,  .container-wide.d-flex-wrap.max-width .blog-left-content .entry-content > div > ul

     ,  .container-wide.d-flex-wrap.max-width .blog-left-content .entry-content > div > a

     ,  .container-wide.d-flex-wrap.max-width .blog-left-content .entry-content > p

     ,  .container-wide.d-flex-wrap.max-width .blog-left-content .entry-content > h1

     ,  .container-wide.d-flex-wrap.max-width .blog-left-content .entry-content > h2

     ,  .container-wide.d-flex-wrap.max-width .blog-left-content .entry-content > h3

     ,  .container-wide.d-flex-wrap.max-width .blog-left-content .entry-content > ul

     ,  .container-wide.d-flex-wrap.max-width .blog-left-content .entry-content > a

    {

        width: 100%;

    }

    .WorkSection1.template2{

        margin-bottom: 50px;

    }

    .WSection{

        padding:15px;

    }

    .WorkContent{

        padding:15px 15px 0!important;

    }

    .WorkContent2 {

        margin: 0 15px -30px;

        width: calc(100% - 30px);

    }

    .WorkContent2 {

        padding: 20px;

    }

    .WorkSection1 h1 {

        font-size: 30px;

    }

    .WorkSection1.template2 h1 {

        margin: 0 0 10px;

    }

    .WorkSection1 {

        font-size: 16px;

        line-height: 20px;

    }

    .WorkContent {

        font-size: 12px;

    }

    .WorkContent h3, .WorkTitle h3 {

        font-size: 15px;

        margin-bottom: 10px;

    }

    .WorkHeading h2, .WorkHeading2 h2 {

        font-size: 17px;

    }

    .WorkSection4 .WorkTitle{

        text-align: left;

    }

    .WorkImage {

        padding: 15px!important;

    }

	section.project-section .row .col-12 .project-content , .portfolio-t-div , .portfolio-link , .portfolio-nav

	{

		max-width:100% !important; 

	}

}

.dark-head {

    background-color: #0D0D0D;

}

.page-template-about .dark-head {

    background: #0D0D0D;

}

#site-header.dark-head .navbar-wrap ul li a {

    color: #fff;

}

#site-header.sticky .navbar-wrap ul li a {

    color: #222!important;

}

.dark-head .navbar-wrap ul li:last-child a:before{

    border-color: #fff!important;

}

.dark-head .navbar-wrap ul li:last-child a:hover:before {

    background: #fff!important;

}

.dark-head .logo img{

    filter: invert(1);

}

.sticky .logo img {

    filter: invert(0)!important;

}

.about01{

    background-color: #0D0D0D;

    color: #fff;

    padding: 7vw 7.8125vw 0; 

    width: 100%;

}

.team{

    column-count: 4;

    column-gap: 1.5vw;

    display: block;

    padding: 7vw 0;

}

.member {

    display: inline-block;

    width: 100%;

    margin: .75vw 0;

}

.member img{

    width: 100%;

    height: 100%;

    object-fit: contain;

}

.AboutContent01{

    font-size: 4.895833333333333vw;

    font-family: 'proxima_novathin';

    line-height: 5.844791666666667vw;

}

.about02{

    width: 100%;

    padding: 3.5vw 7.8125vw 0;

}

.AboutContent02{

    padding: 2.5vw 0;

    font-size: 0.9895833333333334vw;

    font-family: 'ProximaNova-Regular';

    line-height: 1.7708333333333333vw;

}

.AboutContent02 div{

    padding: 0 3vw;

}

.AboutContent03, .AboutContent01{

    padding:0 2vw;

}

.AboutContent03{

    font-size: 0.9895833333333334vw;

    font-family: 'ProximaNova-Regular';

    line-height: 1.7708333333333333vw;

    padding-bottom: 1vw;

}

.AboutContent02 h3{

    font-size: 2.2916666666666665vw;

    font-family: 'ProximaNova-Bold';

    margin-bottom: 2.0833333333333335vw;

}

.AboutkHeading h2 {

    font-weight: bold;

    font-size: 5.256770833333334vw;

    color: #000;

}

.AboutkHeading

{

    padding:7vw 0;

    text-align: center;

}

.join_team{

    text-align: center;

    width: 100%;

    background-color: #000000;

    padding: 6.5vw 0;

    color: #fff;

    font-size: 2.9166666666666665vw;

    font-family: 'ProximaNova-Bold';

}

.join_team a{

    color: #fff;

}

@media(max-width:1200px){

    .team {

        column-count: 4;

        column-gap: 20px;

        padding: 0 0 30px;

    }

    .member {

        margin: 10px 0;

    }

    .AboutContent01 {

        font-size: 40px;

    }

    .AboutContent03 {

        font-size: 13px;

        line-height: 17px;

        padding-bottom: 0;

    }

    .AboutContent03 {

        padding: 0;

    }

    .AboutContent01{

        padding: 0 0 10px;

    }

    .about01 {

        padding: 15px 30px 0;

    }

    .about02 {

        padding: 15px 30px 0;

    }

    .AboutContent02 {

        padding: 15px 0 0;

        font-size: 12px;

        line-height: 17px;

    }

    .AboutContent02 h3 {

        font-size: 17px;

        font-family: 'ProximaNova-Bold';

        margin-bottom: 10px;

    }

    .AboutkHeading{

        padding: 15px;

    }

    .AboutkHeading h2 {

        font-size: 20px;

    }

}

@media(max-width:767px){

    .team {

        column-count: 3;

        column-gap: 20px;

        padding: 0 0 30px;

    }

    .member {

        margin: 10px 0;

    }

    .AboutContent01 {

        font-size: 20px;

    }

    .AboutContent03 {

        font-size: 13px;

        line-height: 17px;

        padding-bottom: 0;

    }

    .AboutContent03 {

        padding: 0;

    }

    .AboutContent01{

        padding: 0 0 10px;

    }

    .about01 {

        padding: 15px 30px 0;

    }

    .about02 {

        padding: 15px 30px 0;

    }

    .AboutContent02 {

        padding: 15px 0 0;

        font-size: 12px;

        line-height: 17px;

    }

    .AboutContent02 h3 {

        font-size: 15px;

        font-family: 'ProximaNova-Bold';

        margin-bottom: 10px;

    }

    .AboutkHeading{

        padding: 15px;

    }

    .AboutkHeading h2 {

        font-size: 17px;

    }

}

.sub-menu

{

    display: none;

    margin: 0;

    padding: 0;

}

@media(max-width:600px){

	.last-sec{
		position: relative;
    margin-top: 20px;
	}
    .team {

    column-count: 2;

    column-gap: 20px;

    padding: 0 0 30px;

    }

}

@media(max-width:991px){

    li:hover .sub-menu

    {

        display: block;

    }

    .sub-menu .total-vacancies, .sub-menu  li:last-child a:before{

        display: none;

    }

    .sub-menu li a{

        color: #ccc!important;

    }

    .sub-menu li:last-child a

    {        

        padding-left: 0!important;

    } 

    .sub-menu li {

        margin-bottom: 0!important;

        padding-bottom: 0;

    }

    .MegaMenuOuter{

        position: relative;

    }

    .megaMenu ul{

        display: none;

    }

    .MegaMenuOuter {

        position: relative;

        background: none;

        top: 0!important;

        margin: 0;

        padding: 0;

        box-shadow: 0px 0px 7px #e0e0e0;

        -webkit-box-shadow: 0px 0px 0px #e0e0e0;

        -moz-box-shadow: 0px 0px 7px #e0e0e0;

        column-count: 1;

        column-gap: 0;

    }

    

    .colIcon {

        display: none;

    }

    .megaCol {

        padding: 0;

        width: auto;

        display: block;

    }

    .megaMenu{

        padding: 0;

        width: 100%;

    }

    .MegaMenuOuter h4 {

        margin: 5px 0px;

        color: #9e9c9c;

    }

}

.mega_id{

    display: none;

}

#main-footer a:hover {

    color: #ff7364;

}

.WorkContent a {

    color: #ff7364;

}

@media(max-width:991px){

    .megaMenu li {

        padding:  0;

        font-size: 15px;

    }

}

@media(max-width:991px){

    .megaMenu li {

        padding:  0;

        font-size: 15px;

    }

}

@media (max-width: 410px)

{

    .megaMenu li, .megaMenu li a {

        margin: 0!important;

        padding: 0!important;

    }

}

.deafult-content{

    width: 100%;

    padding: 6vw 12vw;

    font-size: 0.9895833333333334vw;

    line-height: 1.7708333333333333vw;

    color: #000;

}

.deafult-content h1{

    font-size: 5vw;

    font-family: 'ProximaNova-Bold';

    margin-bottom: 5vw;

    color: #000;

}

.deafult-content h5{

    text-transform: uppercase;

    font-family: 'ProximaNova-Bold';

    font-size: 0.9895833333333334vw;

    color: #000;

}

.deafult-content p {    

    margin-bottom: 2vw;

}

@media(max-width:1600px){

    .deafult-content h1 {

        font-size: 60px;

        margin-bottom: 60px;

    }

    .deafult-content {

        padding: 60px 100px;

        font-size: 15px;

        line-height: 28px;

    }

    .deafult-content h5 {

        font-size: 15px;

    }

    .deafult-content p {

        margin-bottom: 20px;

    }

}

@media(max-width:767px){

    .deafult-content h1 {

        font-size: 30px;

        margin-bottom: 25px;

    }

    .deafult-content {

        padding: 20px 40px;

        font-size: 13px;

        line-height: 24px;

    }

    .deafult-content h5 {

        font-size: 13px;

    }

    .deafult-content p {

        margin-bottom: 15px;

    }

}

.loader-text svg {

    width: 13vw;

}

@media(max-width:767px){    

    .loader-text svg {

        width: 150px;

    }

}

.loader-text svg .da01{

    display: none;

}

.loader-text svg .da02 .st0{

    opacity: 0;

}

.loaded .loader-text{

    opacity: 0;

    transition: ease all 1s;

}

body:not(.home) .site-loader{

    display: none!important;

}

header.sticky {

    position: fixed;

    top: 0;

    left: 0;

    z-index: 999;

    width: 100%;

	background:#fff;
}

.header_place{

    width: 100%;

    display: block;

}

.WorkSection7 img , .one-by-three img , .full-image img

{

	width:100% !important;

	height:100% !important;

}

.halfandfour.WorkSection7 .col-md-6 .image-1-four

{

	padding:0px;

	margin:0px;

}

.halfandfour , .one-by-three , .one-by-three-image

{

	padding:1vw 0;

}

.portfolio-t-div

{

	max-width:95%;

	margin:auto;

}

/*.WSection .col-12 

{
    
    background-color: #f5f5f7;
    
    padding: 5%;
}
*/
@media only screen and (min-width:767px)

{

    .WorkSection5 .WorkFirstSquareImage,
    .WorkSection6 .WorkLeftImage

    {

        padding-right:20px !important;

    }

.image-1-four {
    padding: 20px!important;
    margin-bottom: 25px;
}

     .WorkSection5 .WorksecondSquareImage,
     .WorkSection6 .WorkRightImage

     {

         padding-left:20px !important;

     }

  }





/** blog style **/

article.post.type-post

{

    padding:50px 0px;

}

article.post.type-post .blog-left-content

{

  width: 70%;

    float: left;

    padding: 3% 0%;

    padding-right: 5%;

}

article.post.type-post  .blog-right-sidebar

{

    width: 30%;

    float: left;

    padding: 3% 2%;

    background-color: #f7f7f7;

    margin-top: 3%;

}

article.post.type-post .container-wide.d-flex-wrap

{

        display: flex;

   

    flex-wrap: wrap;

}

.blog-left-content .post-thumbnail img

{

    width:100%;

    margin:0px !important;

}



.blog-left-content .entry-content  div

{

    margin-left:0px !important;

    margin-right:0px !important;

    font-size:1.2vw;

    text-align:left !important;

}

.blog-right-sidebar section.widget > ul

{

    padding-left: 0px;

    margin-left: 20px;

}

article.post.type-post h1

{

    font-size:2.6vw;

}

article.post.type-post h2

{

        font-size: 2.2vw;

}

body.single-post .post-navigation 

{

        display:none;

}



body.single-post .widget-title

{

    margin-bottom: 5%;

}

.blog-right-sidebar aside#secondary

{

    font-size:1.2vw;

}

body.single-post  .entry-footer .cat-links , body.single-post .entry-meta

{

    font-size:1vw;

}

.postid-1246 .one-by-three-image .WorkRightImage {
    padding: 0 8px!important;
}



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

{

     article.post.type-post h1

    {

        font-size:30px;

    }

    body.single-post .entry-footer .cat-links, body.single-post .entry-meta

    {

        font-size:13px;

    }

    

    article.post.type-post .container-wide.d-flex-wrap

    {

        display:block;

    }

    article.post.type-post .blog-left-content

    {

            width: 100%;

    float: left;    

    padding: 3% 0%;

    padding-right: 0;

    }

    .blog-left-content .entry-content div

    {

        font-size:15px;

    }

    article.post.type-post .blog-right-sidebar

    {

        width:100%;

        margin-top:0px;

    }

    article.post.type-post h2 {

    font-size: 25px;

}

.blog-right-sidebar aside#secondary {

    font-size: 15px;

}

.page-id-625 .deafult-content

{

    padding: 0px 15px;

}

}