@import url('//cdn2.hubspot.net/hubfs/497735/jquery.fancybox.css');
@import url('//cdn2.hubspot.net/hubfs/497735/jquery.fancybox-thumbs.css');
@import url('//cdn2.hubspot.net/hubfs/497735/jquery.fancybox-buttons.css');


/*@-webkit-keyframes fadeInDown {
  from {top: -100px;}
  to {top: 0;}
}

@keyframes fadeInDown {
  from {top: -100px;}
  to {top: 0;}
}

.header-container-wrapper.sticky {
    animation: 0.5s ease 0s normal none 1 running fadeInDown;
    -webkit-animation: 0.5s ease 0s normal none 1 running fadeInDown;
}
*/

/*
.header-container-wrapper {
    background: transparent !important;    
}

.header-container-wrapper.sticky {
    -webkit-transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, background-color 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s
    transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, background-color 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s
}

.header-container-wrapper.sticky .top-header {
    display: none;
    opacity: 0;
    visibility: hidden;  
}

.header-container-wrapper .fixed-wrapper {
    transform: translateY(-100px);
    -webkit-transform: translateY(-100px);
    display: none;
    transition: all ease-in 0.6s;
    -webkit-transition: all ease-in 0.6s;
    opacity: 0;
    visibility: hidden;
    background: rgba(0, 0, 0, 0.4);
}

.header-container-wrapper.sticky .fixed-wrapper {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    display: block;
    transition: all ease-in 0.6s;
    -webkit-transition: all ease-in 0.6s;
    opacity: 1;
    visibility: visible;
}

.header-container-wrapper.fixed-header .top-header {
    display: block;
    opacity: 1;
    visibility: visible;
    background: rgba(0, 0, 0, 0.4);
}

.header-container-wrapper.fixed-header .fixed-wrapper {
    display: none;
    transition: all ease-in 0.3s;
    -webkit-transition: all ease-in 0.3s;
    transform: translateY(-100px);
    -webkit-transform: translateY(-100px);
}
*/

/*
 *
 *====================Home Page Styling=================*
                                                        *
                                                        */

/*==========Home Hero Section==========================*/


@media(min-width:1025px){

/*.widget-type-cell.home-hero{
    padding:475px 0 425px;
    display: flex;
   height: 100vh;
   align-items: center;
    justify-content: center;
    padding-top: 113px;
}*/

.video-container .title-container {
    z-index: 1000;
    position: absolute;
    width: 100%;
    height: 100vh;
     display: -webkit-box; 
    display: -ms-flexbox;  
    display: -webkit-flex; 
    display: flex;    
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content:center;
    -ms-justify-content:center;
    justify-content: center;
}

.homepage-hero-module{
    height:100vh;
    position:relative;
}

.homepage-hero-module:before{
    content: "";
    position: absolute;
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

body .container-fluid .row-fluid .hide-wrapper{
    display:none;
}

.home-hero#banner-background-image{
    background:none!important;
    display:none;
}

}





 
@media(max-width:1024px){
    
    

.home-hero#banner-background-image{
    background:block!important;
    min-height:700px;
}    

.video-container{
    display:none;
}

.home-hero {
    padding: 275px 0 225px;
}


}
 
@media all and (max-device-width: 481px) {
    .video-container .title-container {
        top: 15% !important;
    }
   
}
@media all and (max-device-width: 769px) {
    .video-container .title-container {
        top: 2% !important;
    }


}
@media all and (max-device-width: 1024px) {
    .video-container .title-container {
        top: 2% !important;
    }


}
.video-container video.fillWidth {
    width: auto;
    max-width:none;
    height:100%;
}


@media(min-width:1600px){
 
.video-container video.fillWidth {
    width: 100%;
    height: 100%;
}   
    
}

.home-hero h1,.headline h1{
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    padding-bottom: 20px;
    font-size:30px;
    line-height:40px;
    text-align:center;
    color:#ffffff;
}
.video-container a.cta_button {
    font-size: 18px;
    padding: 16px 25px;
}

.home-hero .cta_button{
    padding: 18.5px 32.5px;
    font-weight: 600;
}


@media(max-width:767px){
    
    
    .home-hero{
        padding:275px 0 225px;    
    }
    
}

/*=============home-about-jumbla Section =====================*/

.home-about-jumbla{
    padding: 189px 0 208px;
    color: #202020;
}

.home-about-jumbla h3{
    font-size: 37px;
    line-height: 40px;
    letter-spacing: 1.6px;
    padding-bottom: 24px;
}

.home-about-jumbla p {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    line-height: 32px;
    font-size: 18px;
}


/*===============Home Clinets Section====================*/

.home-clients .client-section-header h2{
    line-height: 49px;
}

.home-clients .client-section-header {
    border-top: 1px solid #b9b9b9;
    border-bottom: 1px solid #b9b9b9;
    margin-bottom: 125px;
}

.home-clients{
    padding-bottom: 20px;
}

.home-clients .row-fluid [class*="span"].wrapper{
    max-width: 1800px;
}

.home-clients ul{
    text-align:center;
}

.home-clients li {
    display: inline-block;
    width: 13.91%;
    text-align: center;
    vertical-align: middle;
    padding: 0 6px 113px;
}

@media(max-width:1200px){
    .home-clients li{
        padding: 0 25px 65px;
        width: auto;
    }    
}

/*=============Start A Project =============*/

.start-a-proj{
    padding: 150px 0 150px;
}

.start-a-proj h2{
    font-family: kepler-std,serif;
}

.home-page .start-a-proj h2{
    font-size:39px;
    letter-spacing:1px;
    color:#202020;
}

.start-a-proj h2 a{
    color:#515151;
}

.start-a-proj h2 a:hover{
    color:#39ceda;
    text-decoration:none;
}


@media(max-width:767px){
    .start-a-proj {
        padding: 130px 0 130px;
    }    
}

/*===================Home Work Cutom Styling=====================*/

.home-works-custom{
    width:20%;
    min-height:28.34vw;
    float:left;
    background-size:cover;
    background-position:center center;
    color:#fff;
    padding: 14.2vw 1.8% 60px;
    position:relative;
}

.home-works-custom:before {
    position: absolute;
    top: 0;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.53);
    z-index:0;
}

.home-works-custom:hover:before{
    background: rgba(0,0,0,0.18);
}

.home-works-custom>.row-fluid-wrapper{
    position:relative;
    z-index:1;
}

.home-works-custom h3{
    font-size:26px;
    line-height: 35px;
    letter-spacing: 1px;
    font-weight:400;
    padding-bottom: 5px;
}

.home-works-custom p{
    letter-spacing: 0.3px;
}

.home-works-custom h2{
    color: #fff;
    font-size: 35px;
    line-height: 37px;
    font-weight: 700;
    letter-spacing: 1px;
    padding-bottom: 38px;
    word-break: break-word;
}

.home-works-custom.span-2col{
    width:40%;
    min-height: 28.34vw;
    padding-left: 3.5%;
    padding-right: 4.7%;
}

@media(max-width:1200px){
    .home-works-custom h3{
        font-size: 22px;
        line-height: 31px;
    } 
    
    .home-works-custom h2 {
        font-size: 28px;
        line-height: 30px;
        padding-bottom:20px;
    }
    
    .home-works-custom p{
        font-size: 18px;
        line-height: 23px;
    }
    
    .home-works-custom{
        width:25%;
    }
    
    .home-works-custom.span-2col{
        width:50%;
    }
}










/*
 *
  *===========About Page Styling================*
                                                *
                                                */

/*.about-hero{
    padding-top: 422px;
    padding-bottom: 348px;
}*/

.about-hero {
    padding-top: 250px;
    padding-bottom: 130px;
}


.about-hero .row-fluid [class*="span"].wrapper{
    max-width: 1335px;
}

.about-hero h1{
    font-size: 36px;
    font-family: proxima-nova, sans-serif;
    font-weight: 700;
    color: rgb(52, 52, 52);
    line-height: 40px;
    text-transform: uppercase;
    letter-spacing: 1px;
    width: 100%;
    max-width: 600px;
    padding-bottom: 27px;
}


.about-hero h2{
    color: #111111;
    letter-spacing: 1px;
    padding-bottom: 65px;
    font-family: kepler-std, serif;
}

.about-hero h3{
    font-size: 30px;
    color: #343434;
    font-family: proxima-nova,sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 44px;
    cursor: pointer;
    display:inline;
}

.about-hero h3 img{
    margin-right: 30px;
}

@media(max-width:1024px){
   /* .about-hero {
        padding-top: 222px;
        padding-bottom: 148px;
    } */
    
    .about-hero {
    padding-top: 165px;
    padding-bottom: 100px;
    }

    
    .about-hero h1, .about-hero h2{
        font-size:30px;
        line-height: 35px;
    }
    
    .about-hero h3{
        font-size:30px;
    }
    
    body .about-section1 p {
        font-size: 30px;
        line-height: 40px;
    }
}

@media(max-width:767px){
    .about-hero h1, .about-hero h2{
        font-size:25px;
        line-height: 30px;
    }
    
    .about-hero h3{
        font-size:25px;
    }
    
    body .about-section1 p {
        font-size: 25px;
        line-height: 35px;
    }
}

/*============About Section1 Styling===========*/

.row-fluid [class*="span"].about-section2{
    min-height: 600px;
}


.about-section1{
    padding: 0 0 196px;
}

.about-section1 .content{
    padding-top: 248px;
}

.about-section1 .row-fluid [class*="span"].wrapper{
    max-width: 1330px;
}


.about-section1 p{
    font-size: 36px;
    line-height: 46px;
    color:#111111;
    letter-spacing: 1.1px;
    padding-bottom: 42px;
}

@media(max-width:1024px){
    .about-section1 .content{
        padding-top: 150px;
    }
    
    .about-section1 {
        padding: 0 0 100px;
    }
}




/*========Client Section 2col==============*/

.client-logos-2col{
    padding-bottom:62px;
    
}

body .container-fluid .row-fluid .client-logos-2col .wrapper {
    max-width: 1738px;
    padding: 0 15px;
}

.client-logos-2col li {
    display: inline-block;
    vertical-align: middle;
    width: 16.14%;
    text-align: center;
    padding-bottom: 25px;
}



.client-logos-2col h4{
    font-family: proxima-nova,sans-serif;
    color: #878787;
    letter-spacing: 2px;
    font-weight: 600;
    text-transform: uppercase;
    word-break: break-word;
    font-size:19px;
}

.client-section-header{
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    padding: 25px 0;
    margin-bottom: 135px;
    
}

.client-section-header h2{
    font-weight: 700;
    letter-spacing: 1px;
    padding:0 15px;
    margin:0 auto;
    text-transform: uppercase;
}

.client-logos-2col.section-padding{
        padding-bottom: 151px;
}

@media(min-width:768px){
    
    body .container-fluid .row-fluid .client-logos-2col .left-col{
        width: 16.129915%;
        position: relative;
        margin-right: 30px;
    }
    
    body .container-fluid .row-fluid .client-logos-2col .right-col{
        width: 80.905983%;
    }
    
    .client-logos-2col h4{
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 30%;
        margin: auto;
    }
}

@media(min-width:768px) and (max-width:1024px){
    
    body .container-fluid .row-fluid .client-logos-2col .left-col {
    width: 25.129915%;
    }
    
    body .container-fluid .row-fluid .client-logos-2col .right-col {
    width: 75.905983%;
    margin:0;
    }
    
    .client-logos-2col h4{
        font-size: 15px;
        line-height: 25px;
    }
    
    .client-logos-2col li {
      padding: 0;
      width: auto;
      margin: 0 19px 30px 0;
    }

}

@media(max-width:767px){
    .client-logos-2col li {
       margin: 9px 0px;
       width: 100%;
    }
    
    
    
    .client-logos-2col h4 {
       margin-bottom: 30px;
       text-align: center;
    }
    
    .client-section-header{
        margin-bottom: 100px;
    }
    
    .client-logos-2col.section-padding {
        padding-bottom: 100px;
    }
}


/*============Team Members Cutom Module=====================*/


.custom-team-member .grid-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
   
} 


.custom-team-member{
    width: 20%;
    height: 20vw;
    float: left;
    position: relative;
    color:#fff;
}

.custom-team-member a{
    color:#fff;
}

.custom-team-member h3{
    font-family:proxima-nova,sans-serif;
    text-transform: uppercase;
    word-wrap: break-word;
    font-weight: 700;
}

.custom-team-member .equal-height>.row-fluid {
    position: relative;
    z-index: 1;
}

.custom-team-member:before {
    background: rgba(0, 0, 0, 0.15);
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.custom-team-member .equal-height {
    display: table;
    height: 100%;
}

.custom-team-member .equal-height>.row-fluid {
    display: table-cell;
    vertical-align: middle;
}

.about-team-member .custom-team-member h3 {
    font-size: 43px;
    line-height: 48px;
}

.about-team-member .custom-team-member h4{
    font-size: 31px;
    line-height: 38px;
    font-style: italic;
    opacity: 1;
    letter-spacing: -1px;
    font-weight: 400;
}

.about-team-member .custom-team-member .equal-height{
    padding:0;
    width:100%;
}

.about-team-member .custom-team-member .equal-height>.row-fluid{   
    position: absolute;
    bottom:36px;
    left: 0;
    right: 0;
    padding: 0 30px;
}


/*
.about-team-member .team-name .custom-team-member .equal-height>.row-fluid {
    position: relative;
    bottom: 0;
    text-align:center;
    padding:0 10px;
}*/



@media(max-width:1700px){
    body .container-fluid .row-fluid .custom-team-member h4 {
        font-size: 25px;
        line-height: 25px;
    }
    body .about-team-member .generic-col h2, body .container-fluid .row-fluid .custom-team-member h3 {
        font-size: 35px;
        line-height: 35px;
    }
}


@media(max-width:1500px) and (min-width:1025px){
    
 body .about-team-member .generic-col h2, body .container-fluid .row-fluid .custom-team-member h3 {
        font-size: 25px;
        line-height: 28px;
    }    
    

}


@media(max-width:1200px){
    
     body .container-fluid .row-fluid .custom-team-member h4 {
        font-size: 18px;
        line-height: 30px;
    }
    
    body .about-team-member .generic-col h2, body .container-fluid .row-fluid .custom-team-member h3 {
        font-size: 20px;
        line-height: 20px;
    }
    .about-team-member .custom-team-member .equal-height>.row-fluid{
        bottom:10px;
    }
    
    
    
}

.about-team-member .generic-col h2{
    font-size: 43px;
    line-height: 48px;
    letter-spacing:0;
}

.custom-team-member.item-closed .bounce-box {
    display:none;
}
.custom-team-member:not(.item-closed) .bounce-box {
    width:100%;
    height:100%;
    display:block;
} 

@media(max-width:767px){
    .custom-team-member {
        width: 33.33%;
        height: 33.33vw;
    }
    
    body .about-team-member .generic-col{
        width: 33.33%;
        height: 33.33vw;
    }
}

@media(max-width:500px){
    .custom-team-member {
        width: 50%;
        height: 50vw;
    }
    
    body .about-team-member .generic-col{
        width: 50%;
        height: 50vw;
    }
    .about-team-member .blank-member{
        display:none
    }
    
}

@media (min-width:768px) and (max-width:1024px){
    
    body .about-team-member .generic-col,.custom-team-member{
        width: 33.333%;
        height: 33.333vw;
    }
    
    
}


@media (max-width:767px){

  /*  body .about-team-member .generic-col{
        width: 33.33%;
        height: 33.33vw;
    }*/
    .about-team-member .blank-member{
        display:none
    }

}


/*===========About Awards===========*/
.about-awards{
    padding: 0 0 143px;
}

.about-awards .row-fluid [class*="span"].wrapper{
    max-width:1750px;
}

.about-awards h3 {
    color: #595959;
    font-family: proxima-nova,sans-serif;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 26px;
    line-height: 28px;
    padding-bottom: 45px;
}

.about-awards h4 {
    font-weight: 700;
    color: #878787;
    line-height: 20px;
    padding-top: 20px;
}

.about-awards p {
    color: #878787;
    line-height: 20px;
}

.about-awards .award-logo {
    min-height: 160px;
    height: 100%;
    position: relative;
    margin-bottom: 51px;
}

.about-awards img{
    position: absolute;
    margin: auto;
    left: 0px;
    right:0;
    top: 0;
    bottom: 0;
}



@media(min-width:768px){
    
    .about-awards .row-fluid [class*="span"].col {
        width: 14.28%;
        margin-left: 3%;
    }
      
    .about-awards h3{
        overflow-y: hidden;
        height: 112px;
    }
}

@media(max-width:767px){
    
    .about-awards{
        padding: 0 0 40px;
    }
    
    .about-awards img{
        position:relative;
    }
    
    .about-awards .col{
        margin-bottom: 60px;
    }
    
    .about-awards .award-logo{
        min-height:auto;
        margin-bottom: 25px;
    }
    
    .about-awards h3{
        padding-bottom: 0px;
    }
    
}













/*==============About Page Edge to edge Styling=========================*/

@media(min-width:1500px){
    
.about-hero .left-col{
    padding-left: 260px;
    
}    
    


}


@media(min-width:1025px){

.about-hero .row-fluid [class*="span"].wrapper{
    max-width: 100%;
}

.about-hero .left-col{
    max-width: 1170px;
    width: 100%;
    
}

.about-section1 .row-fluid [class*="span"].wrapper{
    max-width: 100%;
}

.about-section1 p {
    max-width: 1300px;
    width: 100%;
    margin: 0 auto;
}



.about-awards .row-fluid [class*="span"].wrapper{
    max-width: 100%;
    padding-left: 96px;
    padding-right: 110px;
}

body .about-awards .row-fluid [class*="span"].col{
    max-width: 100%;
}

.about-awards .col1 > .row-fluid-wrapper{
    max-width: 264px;
    width: 100%;
}

.about-awards .col2 > .row-fluid-wrapper,.about-awards .col4 > .row-fluid-wrapper{
    max-width: 264px;
    width: 100%;
    margin:0 auto;
}

.about-awards .col3 > .row-fluid-wrapper{
    max-width: 277px;
    width: 100%;
    margin:0 auto;
}

.about-awards .col5 > .row-fluid-wrapper{
    max-width: 213px;
    width: 100%;
    margin-right:0;
    margin-left: auto;
}

body .container-fluid .row-fluid .client-logos-2col .wrapper{
    max-width: 100%;
    padding-left: 96px;
    padding-right: 110px;
}


}







/*
 *
 *==============================================
   Services Styling
 ===============================================*
                                                *
                                                */


@media(min-width:768px){
.widget-type-cell.services-hero{
    color:#fff;
    height: 100vh;
     display: -webkit-box !important; 
    display: -ms-flexbox !important;  
    display: -webkit-flex !important; 
    display: flex !important;  
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction: column;
    -ms-justify-content:center;
    -webkit-justify-content:center;
    justify-content: center;
    padding: 207px 0px 0px;
}

}

@media(min-width:768px) and (max-width:1400px){
    
.widget-type-cell.services-hero{
    height:100%;
    padding:200px 0px 100px;
}    
    
    
}


.services-hero .row-fluid [class*="span"].wrapper{
    max-width:1440px;
}

.services-hero h1{
    padding-bottom: 34px;
    line-height: 36px;
    font-size: 32px !important;
    font-family: proxima-nova,sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
}

.services-hero h1,.services-hero h2{
    color:#fff;
    font-size:24px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.8px;
}

.services-hero h3{
    color:#fff;
     font-size:26px;
    line-height: 30px;
    font-weight: 400;
    letter-spacing: 1px;
    padding-bottom: 35px;
    width: 100%;
    max-width: 780px;
}

.services-hero h2{
    line-height: 44px;
    padding-left:75px;
    position: relative;
    cursor: pointer;
    margin-top:40px;
}

.services-hero h2 img{
    position: absolute;
    left: 0;
}

.services-hero h2 a{
    color:#fff;
}

.services-hero h2 a:hover{
    color:#fff;
}

@media(max-width: 767px){
    .services-hero h2 {
        padding-left: 56px;
    }
    
  .services-hero{
        padding:200px 0 196px;
        color:#fff;
    } 
    
    .services-hero h1, .services-hero h2{
        font-size:25px;
    }
    
    .services-hero h1{
        line-height:30px;
    }
    
    .services-hero h3 {
        font-size: 25px;
        line-height: 30px;
    }
    
}



/*=======Generic Col Custom Module Styling=============*/

.generic-col {
    float: left;
    padding: 0 30px;
     display: -webkit-box; 
    display: -ms-flexbox;  
    display: -webkit-flex; 
    display: flex;    
-webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.generic-col-flex {
    display: table;
    height: 100%;
    width: 100%;
}

.generic-col h2 {
    
    font-size: 30px;
    line-height: 40px;
    color: #fff;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    font-weight: 700;
    word-break: break-word;
}

.generic-col-wrap{
    width: 100%;
}

.generic-col.span-2col{
    width: 40%;
    float: left;
    display: table;
}

@media(min-width:768px) and (max-width:1024px){
    
.generic-col h2 {
    font-size: 21px;
    line-height: 35px;
}
    
}

@media(min-width:320px) and (max-width:767px){
    
.generic-col h2{
    word-break: normal;
    font-size: 25px;
    line-height:35px;
}
    
}

@media (min-width:992px) and (max-width:1199px) {
    .service-col.generic-col h2 {
        font-size:18px;
        line-height:1.3;
    }
}

@media(max-width:1500px) and (min-width:1200px){
   
.generic-col {
   padding: 0px 14px;
}

.generic-col h2{    
   font-size: 17px;
   line-height: 25px; 
   letter-spacing: 0.5px;
}


.widget-type-cell.services-hero{
        padding: 207px 0 100px;
}

}

@media (min-width:1501px){
    .generic-col h2{    
        font-size:18px;
        line-height:26px;
    }    .
}

@media(max-width:767px){
    .row-fluid [class*="span"] .generic-col {
    /*    width: 33.33%;
        height: 32.433vw;  
        float: left;
        display: table; */
    } 
    
    .row-fluid [class*="span"] .generic-col.span-2col{
     /*   width: 66.66%;    */
    }
}


@media(max-width:500px){
    .row-fluid [class*="span"] .generic-col {
      /*  width: 50%;
        height: 47.8vw;
        float: left;
        display: table;*/
    } 
    
    .row-fluid [class*="span"] .generic-col.span-2col{
       /* width: 100%;*/
    }  
    
   /* .generic-col h2 {
        font-size: 15px;
        line-height: 20px;
    }*/
}


/*==============SErvices Start A Project Styling================*/

.services-start-a-proj .start-a-proj{
    padding: 150px 0;
}




/*
 *
 *==============================================
   Explainer Video Page Styling
 ===============================================*
                                                *
                                                */


.row-fluid [class*="span"].explainer-hero {
    padding: 391px 0 0;
    min-height: 1080px;
}

.explainer-hero h1{
        font-size: 46px;
    line-height: 71px;
    font-weight: 700;
    color: #2c2c2c;
}

.header-width-border h1{
    position: relative;
    display: inline-block;
    padding-bottom: 21px;
    margin-bottom: 62px;
}

.header-width-border h1:after {
    content: "";
    height: 1px;
    width: 400%;
    background: #000;
    display: block;
    right: 0px;
    position: absolute;
    overflow-x: hidden;
    bottom: 0;
    display: block;
}

.explainer-hero .row-fluid [class*="span"].wrapper{
    max-width: 1510px;
}

.explainer-hero h2{
    line-height: 38px;
    font-weight: 400;
    color: #2c2c2c;
    padding-bottom: 57px;
    font-family: kepler-std,serif;
}

.explainer-hero p{
    font-size: 26px;
    line-height: 30px;
    color: #2c2c2c;
}

.explainer-video-ctas .cta_button{
    font-size: 18px;
    line-height: 21px;
    color: #000;
    letter-spacing: 0.4px;
    font-weight: 600;
    border-color: #000000;
    padding: 19px 63.1px;
    text-align: center;
}



@media(min-width:768px){
    
    .explainer-hero .left-col{
        padding-right: 45px;
    }
    
    .explainer-hero .right-col{
        text-align: center;
        padding-left: 7%;
        display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-around;
    }
    
}



@media(max-width:1024px){
    
    .row-fluid [class*="span"].explainer-hero {
        padding: 191px 0 100px;
        min-height: 780px;
    }
    
    .explainer-hero h1{
        font-size: 35px;
        line-height: 55px;
    }   
    
    .explainer-hero h2{
        font-size: 25px;
        line-height: 28px;
    }
    
    .explainer-hero p{
        font-size: 20px;
        line-height: 24px;
    }

.explainer-video-ctas .cta_button{
    font-size:16px;
    padding:19px 6px;
}
    
}

@media(max-width: 767px){
    
    .explainer-hero .left-col{
        padding-bottom: 60px;
    }
    
    .explainer-hero .explainer-video-ctas{
        text-align: center;
    }
    
}

/*==========Explainer Video Styling ===============*/

.explainer-video{
    padding: 96px 0 0px;
}


.explainer-video .iframe{
    border-bottom: 1px solid #9d9d9d;
    padding-bottom:108px;
}

/*================explainer-section1 Styling=================================*/

.explainer-section1{
    padding: 50px 0 139px;
}

.explainer-section1 .row-fluid [class*="span"].wrapper-1500{
    padding-left: 35px;
}

.explainer-section1 h2{
    line-height: 37px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-bottom: 133px;
}


.explainer-section1 h3{
    font-size: 37px;
    line-height: 37px;
    letter-spacing: 1.5px;
    color: #222222;
}

.explainer-section1 li {
    font-size: 26px;
    line-height: 45px;
    letter-spacing: 1px;
    position: relative;
    padding-left: 50px;
    margin-left: 50px;
}

.explainer-section1 li>*{
    vertical-align:middle;
}

.explainer-section1 li img{
    position: absolute;
    left: 0;
    top: 15px;
}

.explainer-section1 .list-group{
   padding-top: 153px;
}

@media(max-width:1024px){
    
    .explainer-section1 h2{
        font-size: 30px;
        line-height: 31px;
        padding-bottom: 90px;
    }    
    
    .explainer-section1 h3{
        font-size: 25px;
        line-height: 27px;
    }
    
    .explainer-section1 .list-group{
        padding-top: 100px;
    }
    
    .explainer-section1 li{
        font-size: 20px;
        line-height: 39px;
        padding-left: 28px;
        margin: 0;
    }
    
    .explainer-section1 li img{
        top: 11px;
    }
}

/*================explainer-section2 Styling==============================*/

.explainer-section2{
    padding: 33px 0 135px;
    border-bottom: 1px solid #9d9d9d;
}

.explainer-section2 .row-fluid [class*="span"].wrapper-1500 {
    max-width: 1555px;
}

.explainer-section2 .header-width-border h1{
    font-size: 36px;
    font-weight: 700;
    line-height: 37px;
    letter-spacing: 1px;
    padding-bottom: 30px;
    margin-bottom: 68px;
}

.explainer-section2 .explainer-video-ctas{
    padding-top: 38px;
}



.explainer-section2 .cta_button:hover {
    background: rgba(0, 0, 0, 0.10);
}

.explainer-section2 .header-width-border{
    padding-left: 20px;
}

.explainer-video iframe{
    height: 850px;
}


@media(min-width:1025px) and (max-width:1500px){
    
.explainer-video iframe{
    width:100%;
}

.row-fluid [class*="span"].explainer-hero {
    padding: 290px 0 0;
}

.explainer-video-ctas .cta_button{
    padding: 19px 14px;
}



    
    
} 

@media(max-width:1024px){
    
    .explainer-section2 .header-width-border h1{
        font-size: 30px;
        line-height: 31px;
    }
    
    .explainer-video iframe{
        height: 600px;
        width:100%;
    }
    
}

@media(max-width: 600px){
    .explainer-video iframe{
        height: 400px;
    }
}

/*===========explainer-section3 Styling======================*/

.explainer-section3{
    padding: 61px 0 80px;
    border-bottom: 1px solid #9d9d9d;
}

.explainer-section3 h2{
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    padding-bottom: 20px;
    color: #2e2e2e;
}

.explainer-section3 .content h2{
    font-weight: 400;
    font-family: kepler-std,serif;
    text-transform: none;
    padding-bottom: 124px;
}

.explainer-section3 li {
    font-size: 36px;
    line-height: 50px;
    position: relative;
    padding-left: 106px;
    color: #2e2e2e;
    padding-bottom: 37px;
}

.explainer-section3 li span {
    position: absolute;
    left: 0;
    top: 0;
    font-family: proxima-nova,sans-serif;
    font-size: 26px;
    color: #484848;
    font-weight: 600;
}

.explainer-section3 li h3{
    font-size:26px;
    line-height:40px;
    font-weight: 400;
}

@media(max-width: 1024px){
    
    .explainer-section3 h2{
        font-size: 30px;
        line-height: 40px;
    }
    
    .explainer-section3 .content h2{
        font-size: 30px;
        line-height: 40px;
    }
    
    .explainer-section3 li{
        font-size: 30px;
        line-height: 44px;
        padding-left: 56px;
    }
    
    .explainer-section3 li span{
        font-size: 22px;
    }
    
    .explainer-section3 li h3 {
        font-size: 22px;
        line-height: 36px;
    }
    
}

/*==============explainer-section4 styling====================*/

.explainer-section4{
    padding: 61px 0 62px;
    color: #2e2e2e;
}

.explainer-section4 h2{
    padding-bottom: 22px;
    font-weight: 700;
    color: #2e2e2e;
    letter-spacing: 1px;
}

.explainer-section4 .content h2{
    padding-bottom: 18px;
    font-weight: 400;
    font-family: kepler-std,serif;
}

.explainer-section4 .content{
    padding-bottom: 199px;
}

.explainer-section4 h3{
    font-size: 26px;
    line-height: 36px;
    letter-spacing: 1px;
    font-weight: 400;
}

.row-fluid [class*="span"].explainer-video-wrapper{
    max-width:1600px;
}


@media(max-width:1024px){
    
    .explainer-section4 h2{
        font-size: 30px;
        line-height: 40px;
    }
    
    .explainer-section4 h3{
        font-size: 22px;
        line-height: 32px;
    }
    
    
    
}

/*================Rates Cutom Module===========*/

 .rates-custom>.row-fluid-wrapper>.row-fluid{
     -webkit-flex-direction:column;
     -ms-flex-direction:column;
        flex-direction: column;
    }

    .rates-custom {
        width: 25%;
        float: left;
        padding: 0 30px 30px;
        text-align: center;
        color: #2e2e2e;
        min-height: 518px;
    }
    
    .rates-custom img {
        padding-bottom: 49px;
        margin: 0 auto;
    }
    
    .rates-custom h2 {
        letter-spacing: 1px;
        text-transform: capitalize;
        font-weight: 400;
        font-family: kepler-std,serif;
        padding-bottom: 23px;
    }
    
    .rates-custom h3 {
        font-size: 26px;
        letter-spacing: 1px;
        font-weight: 400;
    }
    
@media(max-width: 1024px){
    
    .rates-custom{
        width: 33.33%;
        min-height: 450px;
    }
    
    .rates-custom h3{
        font-size: 22px;
    }
    
}

@media(max-width:767px){
    
    .rates-custom{
        width: 50%;
    }
    
}

@media(max-width:600px){
    .rates-custom{
        width: 100%;
        max-width:490px;
    }
}


/*============OPtional Extras Styling=================*/

.optional-extras{
    padding: 0 0 126px;
}

.optional-extras h1{
    font-size: 38px;
    line-height: 38px;
    color: #222222;
    font-weight: 700;
    letter-spacing: 1.5px;
    padding-bottom: 27px;
    text-transform: uppercase;
    margin-bottom: 33px;
}

.optional-extras h3{
    color: #2e2e2e;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 1px;
    font-weight: 400; 
    padding-bottom: 26px;
}

.optional-extras .content h1{
    text-transform: none;
    padding:0;
    margin:0;
    font-family: kepler-std,serif;
    font-weight: 400;
}

.optional-extras .header-width-border h1:after{
    background: #9d9d9d;
}

@media(max-width: 1024px){
    
    .optional-extras h1{
        font-size: 30px;
        line-height: 32px;
    }
    
    .optional-extras h3{
        font-size: 22px;
        padding-bottom: 26px;
    }
    
}


/*==============Why Jumbla Styling===========*/

.why-jumbla{
    padding: 130px 0 92px;
}

.why-jumbla h1{
    font-size: 37px;
    line-height: 37px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    display: block;
}

.why-jumbla .header-width-border h1{
    padding-bottom: 29px;
    margin-bottom: 31px;
    font-size: 36px;
}

.why-jumbla .header-width-border h1:after{
    background: #9d9d9d;
}

.why-jumbla h2{
    font-size: 38px;
    line-height: 38px;
    font-weight: 400;
    letter-spacing: 1.5px;
    color: #222222;
    font-family: kepler-std,serif;
}

.why-jumbla .list-items{
    padding-top: 168px;
}

.why-jumbla .list-items li {
     display: -webkit-box; 
    display: -ms-flexbox;  
    display: -webkit-flex; 
    display: flex;    
    padding-bottom: 100px;
    font-size: 26px;
    line-height: 30px;
    color: #2c2c2c;
}

.why-jumbla .list-items h2{
    font-weight: 600;
    min-width: 37%;
    text-align: right;
    padding-right: 62px;
    color: #222222;
}

@media(min-width:768px){
    
    .why-jumbla .header-width-border{
            padding-right: 7%;
    }
    
}

.row-fluid [class*="span"].explainer-align-wrapper{
    max-width: 1516px;
}

.why-jumbla .row-fluid [class*="span"].wrapper-1500{
    padding-left: 35px;
}

@media(max-width:1024px){
    .why-jumbla h1{
        font-size: 30px;
        line-height: 30px;
    }    
    
    .why-jumbla h2{
        font-size: 31px;
        line-height: 31px;
    }
    
    .why-jumbla .list-items{
        padding-top: 100px;
    }
    
    .why-jumbla .list-items h2{
        font-size: 26px;
        line-height: 26px;
        padding-right: 30px;
    }
    
    .why-jumbla .list-items li{
        font-size: 20px;
        line-height: 24px;
    }

}

@media(max-width: 767px){
    
    .why-jumbla .header-width-border{
        padding-right: 10%;
    }
    
    .why-jumbla .list-items li{
        display: block;
    }
    
    .why-jumbla .list-items h2{
        text-align: left;
        padding-bottom: 15px;
    }
    
}


@media(min-width:1300px) and (max-width:1500px){
 
body.explainer-video-page .header-container-wrapper .row-fluid [class*="span"].wrapper{
    max-width:100%;
} 
 
body.explainer-video-page .container-fluid .row-fluid .wrapper-1500,
body.explainer-video-page .container-fluid .row-fluid  .wrapper{
    max-width:1170px;
}
    
}





/*
 *
  *==========================================================
   Careers Page Styling
   =========================================================*
                                                            *
                                                            */


/*============= Careers Hero Styling ===================*/

.row-fluid [class*="span"].careers-hero{
    padding: 377px 0 100px;
    min-height: 805px;
}


.careers-hero .row-fluid [class*="span"].wrapper, .wat-u-have-got .row-fluid [class*="span"].wrapper{
    max-width:1580px;
}


.careers-hero h1{
    color: #fff;
    font-weight: 700;
    letter-spacing: 0.6px;
    font-size: 35px;
    line-height: 40px;
    padding-bottom: 26px;
}

.careers-hero h2{
    font-family: kepler-std,serif;
    color: #fff;
    line-height: 45px;
    letter-spacing: 0.6px;
}

@media(max-width: 1024px){
    
    .row-fluid [class*="span"].careers-hero{
        padding: 277px 0 100px;
        min-height: 605px;
    }
    
    .careers-hero h1{
        font-size: 35px;
        line-height: 40px;
    }
    
    .careers-hero h2{
        font-size: 30px;
        line-height: 40px;
    }
    
}



/*=======================================*/

.wat-u-have-got{
    padding: 178px 0 207px;
}

.wat-u-have-got h1{
    font-size: 40px;
    line-height: 40px;
    color: #494949;
    letter-spacing: 0.6px;
    font-family: kepler-std,serif;
    padding-bottom: 100px;
    font-weight: 700;
}

.wat-u-have-got p{
    font-size: 23px;
    line-height: 28px;
    color: #111;
    letter-spacing: 1px;
    padding-bottom: 21px;
}

.wat-u-have-got p a {
    color: #111111;
    font-weight: 700;
}

.wat-u-have-got p a:hover{
    color:#7ed4db;
}

@media(max-width:1024px){
    
    .wat-u-have-got {
        padding: 120px 0 120px;
    }
    
    .wat-u-have-got h1 {
        font-size: 35px;
        line-height: 36px;
        padding-bottom: 100px;
    }
    
    .wat-u-have-got p{
        font-size: 22px;
        line-height: 28px;
    }    
    
}

.careers-generic-contact .contact-generic-col h2{
    line-height: 49px;
    word-break: break-word;
}

.careers-generic-contact .contact-generic-col h3{
    font-size: 36px;
    line-height: 45px;
    font-weight: 400;
    letter-spacing: 0.5px;
    padding-top: 14px;
}

@media(max-width:1024px){
    
    .wat-u-have-got .row-fluid [class*="span"].left-col{
        width: 100%;
    }
    
    .wat-u-have-got .row-fluid [class*="span"].right-col{
        display:none;
    }
}

@media(min-width: 1278px) and (max-width:1600px){
    
.careers-generic-contact .contact-generic-col h2{
        font-size: 23px;
        line-height: 29px;
        letter-spacing: 0.5px;
    }
    
    .careers-generic-contact .contact-generic-col h3{
        font-size: 16px;
        line-height: 23px;
        letter-spacing: 0.5px;
        padding-top: 0px;
    }
    
}

/*
 *
 *=====================================================
  Service Single Page Styling
  ======================================================*
                                                        *
                                                        */


.service-single-hero{
    padding: 190px 0 0px;
}


.service-single-hero .row-fluid [class*="span"].wrapper-1500{
    border-bottom: 1px solid #9d9d9d;
    padding-bottom: 122px;
}


.service-single-section1{
    padding: 36px 0 137px;
    border-bottom: 1px solid #9d9d9d;
}

.service-single-section1 h2{
    line-height: 37px;
    font-weight: 700;
    letter-spacing: 1px;
    padding-bottom: 100px;
}

.service-single-section1 h3{
    font-size: 30px;
    line-height: 38px;
    color: #222222;
    letter-spacing: 1.5px;
    padding-bottom: 148px;
}

.service-single-section1 p{
    letter-spacing: 1px;
}


.service-single-hero iframe{
    height:706px;
}





@media(max-width:1024px){
    
    .service-single-section1 h2{
        line-height: 31px;
        font-size: 30px;
        padding-bottom: 100px;
    }
    
    .service-single-section1 h3{
        font-size: 31px;
        line-height: 32px;
        padding-bottom: 88px;
    }
    
}


/*=============TVC Work Generic Styling=================*/

.tvc-work-generic-header h2{
    font-weight: 700;
    font-size: 31px;
    line-height: 32px;
    letter-spacing: 1px;
    padding: 24px 0;
}

@media(max-width: 1024px){
    
    .tvc-work-generic-header h2{
        font-size: 31px;
        line-height: 32px;
    }
    
}

/*=============TVC Work Generic Custom Module Styling=================*/

.tvc-work-generic{
    padding: 70px 0;
    color: #fff;
    height: 900px;
    background-position: top center !important;
    position: relative;
}

.tvc-work-generic h4{
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.tvc-work-generic h2{
    color: #fff;
    font-weight: 700;
    letter-spacing: 1px;
    padding-bottom: 10px;
}

.tvc-work-generic p{
    letter-spacing: 1px;
    padding-bottom: 30px;
}

.tvc-work-generic h3{
    font-family: proxima-nova,sans-serif;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 30px;
    position: relative;
    padding-left: 61px;
    display: inline-block;
    cursor: pointer;
    font-size:25px;
    position:relative;
}

.tvc-work-generic a{
    position:relative;
}

.tvc-work-generic a:before{
    content: '';
    position: absolute;
    left: 0;
    width: 35px;
    height: 44px;
    background-image: url('//cdn2.hubspot.net/hubfs/1745176/Assets-Jumbla/play-white.png');
    top: -16px;
    background-repeat: no-repeat;
    background-size: 100%;
    opacity:1;
}


.tvc-work-generic a:after{
    content: '';
    position: absolute;
    left: 0;
    width: 35px;
    height: 44px;
    background-image: url('//cdn2.hubspot.net/hubfs/1745176/Assets-Jumbla/Hover-Play.png');
    top: -16px;
    background-repeat: no-repeat;
    background-size: 100%;
    opacity:0;
}


.tvc-work-generic a:hover:before{
    opacity:0;
}

.tvc-work-generic a:hover:after{
    opacity:1;
}

.tvc-work-generic h3 img{
    position: absolute;
    left:0;
    display:none;
}

.tvc-work-generic a{
    color:#fff;
}

.tvc-work-generic a:hover{
    color:#fff;
}


@media(min-width:1025px){
    
    .tvc-work-wrap{
        max-width: 60%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
    }
    
}



@media(min-width:1200px) and (max-width:1510px){
    
.service-single-hero iframe{
    max-width: 1170px;
    margin: 0 auto;
    float: none;
    display: block;
}

.service-single-page .row-fluid [class*="span"].wrapper-1500{
    max-width:1170px;
}
    
}

@media(min-width:1200px) and (max-width:1300px){
   body .service-single-hero iframe{
    max-width: 1000px;
    margin: 0 auto;
    float: none;
    display: block;
}

.service-single-page .row-fluid [class*="span"].wrapper-1500{
    max-width:1000px;
}

}

@media(max-width:1024px){
    
    .tvc-work-generic{
        padding: 100px 0;
    }
    .tvc-work-generic {
        height: auto;
    }
    
    .tvc-work-generic h2{
        padding-bottom: 20px;
        font-size: 30px;
        line-height: 31px;
    }
    
   .tvc-work-generic h4{
        font-size: 18px;
        line-height: 28px;
    }
}

@media (min-width:768px) and (max-width:1024px){
    
     .tvc-work-wrap {
        max-width: 60%;
    }
    
}

@media(max-width:767px) and (min-width:501px){
    
.service-single-hero iframe{
    height: 400px;
    max-width: 450px;
    margin: 0 auto;
    float: none;
    display: block;
}


    
    
}

@media(max-width:500px) and (min-width:320px) {

.service-single-hero iframe{
    height: 200px;
    max-width: 291px;
    margin: 0 auto;
    float: none;
    display: block;
}

.tvc-work-generic h3{
    font-size:29px;
    padding-left: 48px;
}
    
}



/*============Service Single Start A Project================*/

.service-single-start .start-a-proj {
    padding: 165px 0 172px;
}






/*
 *
  *======================================================
   Feedback page styling
   =====================================================*
                                                        *
                                                        */
                                                        
                                                        

/*=============Feedback hero styling===============*/

.feedback-hero{
    padding: 398px 0 287px;
}
.feedback-page {
    overflow-x:hidden;
}
@media screen and (min-height:500px) {
    .feedback-page .feedback-hero {
        margin-top:160px;
        min-height:65vh;
         display: -webkit-box; 
    display: -ms-flexbox;  
    display: -webkit-flex; 
    display: flex;    
-webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-justify-content:center;
    -webkit-justify-content:center;
        justify-content:center;
        padding:0;
    }
}

.feedback-hero{
    border-bottom: 1px solid #9d9d9d;
}

.feedback-hero h2{
    font-weight: 700;
    color: #242424;
    font-size: 36px;
    line-height: 49px;
    padding-bottom: 115px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.feedback-hero p{
    font-size: 26px;
    line-height: 30px;
    color: #3c3c3c;
    letter-spacing: 1.1px;
    padding-bottom: 20px;
}

.row-fluid [class*="span"].feedback-desc{
    max-width: 1310px;
    width: 100%;
    margin: 0 auto;
    float: none;
}

@media(min-width:768px){
    
    
    .feedback-hero .row-fluid [class*="span"].left-col {
        width: 44.917949%;
    }
    
    .feedback-hero .row-fluid [class*="span"].right-col{
        width: 44.917949%;
        margin-left: 10.164103%;
    }
    
}

@media(max-width: 1024px){
    
    
    .feedback-hero{
        padding: 220px 0 120px;
    }
    
    .feedback-hero h2 {
        font-size: 30px;
        line-height: 43px;
        padding-bottom: 70px;
    }
    
    .feedback-hero p {
        font-size: 22px;
        line-height: 26px;
    }
    
        
}
/*============Feedback form styling============*/

.field-like {
    width: 100%;
    max-width: 44px;
    float: left;
    height: 36px;
    background: url('//cdn2.hubspot.net/hubfs/1745176/Assets-Jumbla/like.png') no-repeat;
    margin-right: 20px;
    background-size: cover;
    cursor: pointer;
}

.field-like.liked {
  background:url('//cdn2.hubspot.net/hubfs/1745176/Assets-Jumbla/liked.png') no-repeat;
  background-size: cover;
}



.feedback-form .apply-form {
    padding-top: 86px;
}


body .feedback-form form .hs-richtext h3{
    margin-top:0px;
    text-transform: uppercase;
    margin-bottom: 87px;
    font-size: 36px;
    line-height: 49px;
    letter-spacing: 2px;
    font-family: proxima-nova,sans-serif;
    color: #525252;
}

.feedback-form input.hs-input,.feedback-form textarea.hs-input,.feedback-form select.hs-input{
      border-radius: 0;
    margin-bottom: 6px;
    /*color: #000;*/
    border: 1px solid rgba(149,149,149,0.50);
    margin-bottom: 45px;
    padding: 14px 25px;
    font-family: proxima-nova,sans-serif;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 2px;
    -webkit-appearance: none;
      -moz-appearance: none;
       -ms-appearance: none;
        -o-appearance: none;
           appearance: none;
    box-sizing: border-box;
    height:48px;
}

.feedback-form form select{
    background-position: 97% center;
}


.feedback-form textarea#what_we_did_well-9b048ec5-faad-4d51-9e3b-7236aef54c1e{
    min-height: 97px;
}

.feedback-form textarea{
    min-height:111px;
    resize:none;
}


.feedback-form .hs-form.stacked label{
    display:none;
}

.feedback-form .block-half:nth-child(2) {
    margin-bottom: 78px;
}

.feedback-form .block-full-ratings{
    clear: both;
    position:relative;
    z-index:1;
    top:1px;
}

body .feedback-form  form.hs-form .block-half textarea.hs-input {
    width: 100%;
    max-width:100%;
}

.feedback-form  form.hs-form{
    width:100%;
    max-width:1760px;
    margin:0 auto;
    padding:0 15px;
}

.feedback-form .apply-form form .hs_submit{
    /*background-color: #cac8c8;*/
    padding:2px 0 215px;
    margin-top:0;
    position: relative;
   
}

.feedback-form .apply-form form .hs_submit:before , .feedback-form .block-full-ratings:before{
    /*content: "";
    background: #cac8c8;
    position: absolute;
    height: 100%;
    width: 400%;
    top: 0;
    overflow-x: hidden;
    left: 99.9%;
    z-index:0;*/
}


.feedback-form .apply-form form .hs_submit:after, .feedback-form .block-full-ratings:after {
    /*content: "";
    background: #cac8c8;
    position: absolute;
    height: 100%;
    width: 400%;
    top: 0%;
    overflow-x: hidden;
    right: 99.9%;
    z-index:0;*/
}
/*

.feedback-form .apply-form form .hs_submit:before, .feedback-form .apply-form form .hs_submit:after{
    height: 101%;
    top: -2px;
}
*/
.feedback-form .hs-form.stacked .block-full-ratings label{
    display:block;
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
    color: #000;
    opacity: 0.5;
    letter-spacing: 2px;
    font-family: proxima-nova,sans-serif;
    font-weight: 300;
    margin-bottom: 33px;
}

.feedback-form .apply-form input.hs-button.primary.large{
    font-size: 18px;
    line-height: 22px;
    color: #000;
    opacity: 0.5;
    font-weight: 600;
    font-family: proxima-nova,sans-serif;
    border: 1px solid #000;
    padding: 6px 44px;
    letter-spacing: 1px;
    text-shadow: none;
    
}

.feedback-form .apply-form .actions{
    text-align: right;
}

.feedback-form .apply-form input.hs-button.primary.large:hover,.feedback-form .apply-form input.hs-button.primary.large:focus{
    box-shadow:none;
    outline: none;
    background: transparent;
}

.feedback-form .hs-form.stacked .field div.input{
    line-height: 0;
}

.feedback-form .hs-form.stacked .field {
    margin-bottom: 0;
}

.feedback-form .hs-form.stacked .field div.input{
    line-height: 0;
}

.feedback-form .submitted-message{
    padding: 200px 15px 300px;
    text-align: center;
    font-size: 26px;
    line-height: 36px;
}

.feedback-form .apply-form form.hs-form .hs-form-field ul.inputs-list, .feedback-form .apply-form form.hs-form .hs-form-field ul.inputs-list label{
    display: block!important;
    color: red;
    font-size: 13px;
    line-height: 13px;
}

.feedback-form label#ratings_label {
    margin: 0;
    font-size: 36px;
    line-height: 49px;
    font-weight: 700;
    letter-spacing: 1.7px;
    color: #525252;
    padding-bottom: 93px;
}

.likes-field-cont{
    padding-bottom: 129px;
}

body .feedback-form form.hs-form .block-half textarea.hs-input:focus{
    border: 1px solid #7ed4db;
}

body .feedback-form form.hs-form .block-half select.hs-input:focus{
    border: 1px solid #7ed4db;
}

.feedback-form .apply-form form.hs-form .hs-form-field ul.inputs-list{
    bottom:6px;
}



@media(min-width:768px){
    
    .feedback-form .block-half{
        width: 43.4%;
        float: left;
    }
    
    .feedback-form .block-half:nth-child(2) {
        max-width: 980px;
        width: 56.6%;
    }
        
    .feedback-form .hs-form .hs-input,.feedback-form .hs-form textarea.hs-input,body .feedback-form form.hs-form select.hs-input{
        max-width: 76.726%;
        width: 100%;
        box-sizing: border-box;
        font-size: 10px;
        letter-spacing:0;
    }
    
    .likes-field-cont {
        width: 25%;
        float: left;
    }
    
}

@media screen and (min-width:1200px) {
    .likes-field-cont {
        width:300px;
    }
    .field-like:last-child {
        margin-right:0;
    }
    
    .labels-container {
         display: -webkit-box; 
    display: -ms-flexbox;  
    display: -webkit-flex; 
    display: flex;    
    -ms-justify-content:space-between;
-webkit-justify-content:space-between;
        justify-content:space-between;
    }
}

@media(min-width:1200px) and (max-width:1500px){
  
body .container-fluid .row-fluid .feedback-hero .wrapper-1500{
    max-width: 1130px;
}  
  
.row-fluid [class*="span"].feedback-desc{
    max-width:980px;
}

.feedback-form form.hs-form{
    max-width:1170px;
}

.field-like {
    max-width: 34px;
    height: 28px;
    margin-right: 18px;
}

.services-hero .row-fluid [class*="span"].wrapper {
    max-width: 969px;
}

.careers-hero .row-fluid [class*="span"].wrapper, .wat-u-have-got .row-fluid [class*="span"].wrapper{
    max-width:1170px;
}
    
    
}

.bounce-box,.post-header{
 /*background-size:100% 100%!important;*/
 background-size:cover !important;
    transition: /*background-size 1.2s ease-in-out*/transform 15s linear;
    -o-transition: /*background-size 1.2s ease-in-out*/transform 15s linear;
    -moz-transition: /*background-size 1.2s ease-in-out*/transform 15s linear;
    -webkit-transition: /*background-size 1.2s ease-in-out*/transform 15s linear;
    
}
.custom-team-member:before {
    border:0px solid rgba(0,0,0,0.7);
    -webkit-transition: background .2s ease-in,border .4s cubic-bezier(0.23,1,0.32,1);
    transition: background .2s ease-in,border .4s cubic-bezier(0.23,1,0.32,1);
}
.custom-team-member:hover:before {
    border-width:16px;
}

@media(min-width:1600px){
    .custom-team-member,.about-inner-cm .size-1x1 { width:14.285%; height:14.285vw; }
    .size-1x1:not(.contact-generic-col), .related-article-wrap { width:14.285% !important; height:14.285vw !important; }
    .size-1x2:not(.contact-generic-col) { width:28.57% !important; height:14.285vw !important; }
    .size-1x3:not(.contact-generic-col) { width:42.855% !important; height:14.285vw !important; }
    .size-2x2,.size-2X2 { width:28.57% !important; height:28.57vw !important; }
    .home-generic-col.size-1x1,.home-generic-col-main.size-1x1,.home-generic-col.size-1x2,.home-generic-col-main.size-1x2,.home-generic-col.size-1x3,.home-generic-col-main.size-1x3 { height:20.285vw !important; }
    .home-generic-col.size-2x2,.home-generic-col.size-2X2,.home-generic-col-main.size-2x2,.home-generic-col-main.size-2X2 { height:40.5689vw !important; }
    .home-generic-col h2 { font-size:19px; line-height:24px; }
    .home-generic-col h3 { font-size:20px; line-height:25px; }
    .home-generic-col-main h2 { font-size: 21px; line-height: 25px; }
    body .about-team-member .generic-col h2, body .container-fluid .row-fluid .custom-team-member h3 { font-size:20px; line-height:25px; }
    .about-team-member div.hs_cos_wrapper:nth-child(1) .size-1x1,
    .about-team-member div.hs_cos_wrapper:nth-child(7) .size-1x1,
    .about-team-member div.hs_cos_wrapper:nth-child(15) .size-1x1,
    .about-team-member div.hs_cos_wrapper:nth-child(35) .size-1x1,
    .about-team-member div.hs_cos_wrapper:nth-child(39) .custom-team-member,
    .about-team-member div.hs_cos_wrapper:nth-child(40) .size-1x1,
    .about-team-member div.hs_cos_wrapper:nth-child(45) .size-1x1,
    .about-team-member div.hs_cos_wrapper:nth-child(44) .size-1x1, 
    .about-team-member div.hs_cos_wrapper:nth-child(49) .size-1x1 { width:28.2vw !important; }
    .about-team-member div.hs_cos_wrapper:nth-child(n+13):nth-child(-n+14) { display:none !important; }
    .home-generic-col-main.size-1x1 { width:20% !important; height:20vw !important; }
    .home-generic-col-main.size-1x2 { width:40% !important; height:20vw !important; }
    .homeUpdate .home-generic-col.size-1x1 { width:20% !important; height:20vw !important; }
    .homeUpdate .home-generic-col.size-1x2 { width:40% !important; height:20vw !important; }
    .homeUpdate .home-page-res .size-1x1, .homeUpdate .home-page-res .size-1x2, .homeUpdate .home-page-res .size-1x3, .homeUpdate .home-page-res .size-2X2 { width: 20% !important; height: 23vw !important; }
    
    
}
@media(max-width:1599px) and (min-width:1024px){
    .about-team-member div.hs_cos_wrapper:nth-child(14) .size-1x1 { width:60% !important; }
    .masonary-service-top div.hs_cos_wrapper:nth-child(15) .size-1x1,.masonary-service-top div.hs_cos_wrapper:last-child .size-1x1 { width:40% !important; }
}
@media (max-width:1600px) {
    .about-team-member div.hs_cos_wrapper:nth-child(6) .size-1x1, .related-article-wrap:nth-child(n+6) { display:none !important; }
}

@media(min-width:768px) and (max-width:1024px){

.feedback-form form.hs-form{
    max-width:900px;
}   
    
}

@media(min-width:768px) and (max-width:1200px){
    
    .field-like,.field-like.liked{
        max-width: 24px;
        height: 19px;
        margin-right: 10px;
        margin-bottom: 10px;
        
    }
    
    
.feedback-form form.hs-form{
    max-width:1000px;
}    
    
}

@media(max-width:767px){
    
     .feedback-form .hs-form .hs-input,  .feedback-form .hs-form textarea.hs-input, .feedback-form select.hs-input {
        max-width:100%;
        width:100%;
        box-sizing: border-box;
    }
    
    .feedback-form .likes-field-cont {
        display: block;
        height: 100%;
        padding-bottom: 100px;
        box-sizing: border-box;
        min-height: 100%;
    }
    
    .feedback-form .apply-form form .hs_submit{
        padding-top:1px;
    }
    
    .feedback-form .field-like{
        max-width: 40px;
        height: 33px;
        margin-right: 12px;
    }
    
    .feedback-form .hs-form .hs-input,.feedback-form .hs-form textarea.hs-input,body .feedback-form form.hs-form select.hs-input{
        font-size: 10px;
        letter-spacing: 0px;
    }
    
}

@media(max-width:1024px){
    
    .Feedback-hero {
        padding-top: 230px;
        padding-bottom: 130px;
    }
    
    
    .Feedback-hero h2 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 80px;
    }
    
    .Feedback-hero p {
        font-size: 22px;
        line-height: 26px;
    }
    
    
    body .feedback-form form .hs-richtext h3 {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 70px;
    }
    
    
    .feedback-form label#ratings_label {
        font-size: 30px;
        line-height: 43px;
    }
    
    
    .feedback-form .apply-form form .hs_submit{
        padding-bottom: 160px;
    }
    
    
}







/** service page Custom Module styling BEGINS **/
.service-col .main-link {
    display:block;
    width:100%;
}
.service-col.generic-col.size-1x1{
    width: 20%;
    height: 20vw;
}

.service-col.generic-col {
    display:block;
    padding:0;
}
.service-col.generic-col .bounce-box {
     display: -webkit-box; 
    display: -ms-flexbox;  
    display: -webkit-flex; 
    display: flex;    
-webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    width: 100%;
    
    padding:0 14px;
}
.service-col.generic-col .bounce-box {
    transition:background .2s ease-in;
}
.service-col.generic-col .bounce-box.animated {
 /*   -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;*/
}
/*.service-col.generic-col .bounce-box.animated {
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    padding:0 14px;
}*/

.service-col.generic-col.size-1x2{
    width: 40%;
    height: 20vw;
}

.service-col.generic-col.size-1x3{
    width: 60%;
    height: 40vw;
}

.service-col.generic-col.size-2X2{
    width: 40%;
    height: 40vw;
}



@media(min-width:1600px){
    .service-col.generic-col.size-1x1 { width:14.285%; height:14.285vw; }    
    .service-col.generic-col.size-1x2 { width:28.57%; height:14.285vw; }    
    .service-col.generic-col.size-1x3 { width:44.855%; height:14.285vw; }    
    .service-col.generic-col.size-2x2 { width:28.57%; height:28.57vw; }    
}


@media(max-width:767px){

.service-col.generic-col.size-1x1,
.service-col.generic-col.size-1x2,
.service-col.generic-col.size-1x3,
.service-col.generic-col.size-2x2{
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
    height:70vw;
}

}

@media(max-width:1024px) and (min-width:768px){
    
.service-col.generic-col.size-1x1,
.service-col.generic-col.size-1x2,
.service-col.generic-col.size-1x3,
.service-col.generic-col.size-2x2{
    width:33.33%;
    height: 33.33vw;
}

}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  /*-webkit-animation-name: zoomIn;
  animation-name: zoomIn;*/
}

/** service page Custom Module styling ENDS**/


/** learn abut us cta **/
.learn-aboutus-cta .cta_button {
    background:transparent ;
    font-size: 30px ;
    color: #343434 ;
    font-family: proxima-nova,sans-serif;
    font-weight: 700 ;
    text-transform: uppercase ;
    line-height: 44px ;
    cursor: pointer ;
    display: inline ;
    border:none;
    padding: 4px 0 4px 65px;
    letter-spacing: .1px;
    position:relative;
}

.learn-aboutus-cta .cta_button:hover{
    color: #7ed4db;
}

.services-showreel-cta .cta_button {
    line-height: 33px;
    padding-left: 65px;
    position: relative;
    cursor: pointer;
    margin-top: 40px;
    border:none;
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.8px;
    padding-top:0;
}

.services-showreel-cta .cta_button:hover {
    background:transparent;
    color:#7ed4db;
}

.services-showreel-cta .cta_button:before {
    background-image:url('//cdn2.hubspot.net/hubfs/1745176/Assets-Jumbla/play-white.png');
  
}


@media(max-width:767px){
  
.services-showreel-cta .cta_button {
    font-size: 27px;
    line-height:35px;
}

/*.services-showreel-cta .cta_button:before{
    top:26px;
}*/

.learn-aboutus-cta .cta_button{
    display:block;
    font-size: 27px;
    line-height:35px;
}

/*.learn-aboutus-cta .cta_button:before, .services-showreel-cta .cta_button:before{
    top:11px;
}*/

.about-page .body-container-wrapper{
    overflow-x:hidden!important;
}

.generic-col{
    padding:0px 20px;
}
    
    
}


.hs-content-id-4137405452 .feedback-form .apply-form input.hs-button.primary.large:hover,
.hs-content-id-4137405452  .feedback-form .apply-form input.hs-button.primary.large:focus{
    box-shadow: none;
    outline: 0;
    background: rgba(126,212,219,0.50);
    color:#000;
}

@media(min-width:1200px) and (max-width:1500px){
     body.explainer-video-page .container-fluid .row-fluid .wrapper-1500,
    .row-fluid [class*="span"].explainer-video-wrapper{
        max-width: 1170px;
    }
    
}

@media only screen and (min-width:992px) and (max-width:1919px) {
    .explainer-hero .row-fluid [class*="span"].wrapper, 
    body .container-fluid .row-fluid .feedback-hero .wrapper-1500,
    body.course-page .container-fluid .row-fluid .wrapper-1500 {
        max-width: 75% !important;
    }
}


.feedback-form form.hs-form {
    overflow-x:hidden;
}

.feedback-page form .hs_submit {
    background:transparent !important;
}

#ratings_label {
    opacity:1;
}

.video-container .video-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}
.video-container .video-wrap video {
    min-width:100%;
    min-height:100%;
    max-width:none;
    max-height:none;
    height:initial;
}



/*====================================================================
  New Feedback Three Changes
======================================================================*/



@media(max-width:1600px) and (min-width:1280px){
    
.about-section1 p{
    max-width:1100px;
}

.services-start-a-proj .start-a-proj {
    padding: 150px 0 150px;
}

.tvc-work-generic {
    padding: 100px 0 100px;
}

.service-single-section h2{
    font-size:21px;
    line-height:35px;
}


.row-fluid [class*="span"].careers-hero {
    padding: 250px 0 100px;
    min-height: 650px;
}


.row-fluid [class*="span"].explainer-hero {
    padding: 200px 0 0;
    min-height: 750px;
}

.explainer-hero h1{
    font-size: 35px;
    line-height: 45px;
    margin-bottom: 30px;
}

.explainer-hero h2{
    padding-bottom:30px;
}

.about-hero {
    padding-top: 200px;
    padding-bottom: 100px;
}

    
}


@media(max-width:767px){
 
.about-hero {
    padding-top: 135px;
}

.about-hero h2 {
   padding-bottom: 21px;
}

.learn-aboutus-cta .cta_button {
    display: block;
    font-size: 19px;
    line-height: 30px;
    letter-spacing: -0.5px;
    padding-left: 44px;
}

.services-showreel-cta .cta_button {
    display: block;
    font-size: 18px;
    line-height: 38px;
    letter-spacing: -0.5px;
    padding-left: 44px;
}

body .row-fluid .learn-aboutus-cta .cta_button:before, body .row-fluid .services-showreel-cta .cta_button:before,
body .row-fluid .learn-aboutus-cta .cta_button:after,body .row-fluid .services-showreel-cta .cta_button:after{
    width: 30px;
    height: 39px;
}

body .row-fluid .learn-aboutus-cta .cta_button:before,body .row-fluid .services-showreel-cta .cta_button:before,
body .row-fluid .learn-aboutus-cta .cta_button:after,body .row-fluid  .services-showreel-cta .cta_button:after{
    top: -1px;
}
 
    
.services-start-a-proj .start-a-proj {
    padding: 150px 0 150px;
} 

body .container-fluid .row-fluid .blank-cm{
    display:none;
}

.explainer-hero h1 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 30px;
}

.explainer-hero h2{
    padding-bottom:30px;
}

.why-jumbla h2,
.explainer-section3 h2,
.explainer-section3 .content h2,
.explainer-section3 li,
.optional-extras h1,
.why-jumbla .header-width-border h1,.explainer-section1 h2{
    font-size: 25px;
    line-height: 30px;
} 
.explainer-section3 .content h2,
.explainer-section1 h2,
.why-jumbla .list-items li{
    padding-bottom:30px;
} 
.explainer-section1 .list-group {
    padding-top: 50px;
}
.explainer-section1 {
    padding: 50px 0 80px;
}
.explainer-section2 {
    padding: 33px 0 80px;
}
.explainer-section2 .header-width-border h1{
    margin-bottom:0;
}
.why-jumbla .list-items {
    padding-top: 50px;
}
.explainer-section3 li{
    padding-left:25px;
}  
.explainer-section4 .content{
    padding-bottom:50px;
}
.rates-custom,
.recent-work-custom{
    min-height:350px;
}
.hideMoobile {
    display: none !important;
}
.home-hero#banner-background-image {
    min-height:1px;
    padding: 0;
}
 .logo img.hs-image-widget {
    width: 65px !important;
}
.custom-menu-primary.js-enabled {
    margin: 12px 0 9px;
}

}

/* System Pages */
body.systemPages .header-container-wrapper { position:relative; }
body.systemPages .body-container-wrapper { padding:70px 0 50px; }
body.systemPages .custom_error_message { margin-bottom:20px; }
body.systemPages h1 { font-size:32px !important; line-height:1.3 !important; }
body.systemPages h2 { font-size:28px !important; line-height:1.4 !important; }
body.systemPages .body-container-wrapper , body.systemPages .body-container-wrapper p { font-size:18px !important; line-height:1.4 !important; }
body.systemPages .mobile-trigger i,
body.systemPages .mobile-trigger i:before,
body.systemPages .mobile-trigger i:after { background:#000 !important; }
body.systemPages .body-container-wrapper .page-center { padding-left:15px; padding-right:15px; }
@media (max-width:767px){ body.systemPages .body-container-wrapper { padding:40px 0 20px; } }
body.systemPages .hs-button.primary { background: #7ed4db; border-radius: 0; font-size: 15px; box-shadow: none; border: 0; outline: 0; }
body.systemPages .hs-button.primary:hover { background:#929292; }
body.systemPages h1, body.systemPages h2 { font-family:kepler-std,serif; }