*{margin:0; padding:0; box-sizing: border-box;}

/*2D*/

.middle-content{
    position: relative;
    display: block;
    padding: 150px 0px 100px 0px;
}
.heading h1.text{
    color: orangered;
    font-size: 58px;
    text-align: center;
}
.at-text{
    color: #000;
    font-size: 50px;
    text-align: center;
}
.heading h1.text-1{
    color: orangered;
    font-size: 42px;
    text-align: center;
}
.parent-rectangle{
    width: 100%;
    padding-top: 2%;
    padding-bottom: 2%;
}
.rectangle {
    height: 1vh;
    width: 5vw;
    background-color: orangered;
    margin: auto;
}
.para1{
    color:#000;
}
.process-1 .para {
    color: #000;
}
.process-0 h2 {
    color: orangered;
    font-weight: 700;
    text-align: center;
    padding-bottom: 20px;
    font-size: 32px;
}
.process-1 h2 {
    color: orangered;
    font-weight: 700;
    padding-bottom: 20px;
    font-size: 32px;
}


.whiteboard-heading1 .handsome, .last-div .handsome {

    padding-right: 0px !important;
    padding-left: 0px !important;

}


@media only screen and (max-width: 767px){
    .rectangle{
        width: 20vw;
    }
}
.heading .para-div{
    margin-top: 20px;
}
.heading .para-div .para, .animation2 .cen{
    text-align: center;
}
.para {
    color: black;
}
.script p, .storyboard p, .animation p, .editing p, .finalization .para, .heading1 .para, .whiteboard-heading1 .para, .heading5 .para {
    color: black;
    /*text-align: center;*/
}
.script ul li {
    color: #000;
    list-style: inside;
}
.process{
    margin-top: 40px;
    text-align: center;
}
.process h2{
    color: orangered;
    font-size: 24px;
    padding-bottom: 20px;
    text-align: center;
}
.process img, .process2 img, .animation img, .modeling img{
    width: 500px;
}
.process2{
    margin-top: 50px;
}
.process2 .para, .concept .para, .modeling .para, .rigging .para, .animation2 .para, .heading2 .para, .heading3 .para, .heading4 .para, .liveaction-heading2 .para, .liveaction-heading4 .para, .socialmedia-heading3 .para{
    color: black;
}
.script h2{
    padding-top: 32px;
}
.script h2, .storyboard h2, .animation h2, .editing h2{
    color: orangered;
    font-weight: 700;
    /*text-align: center;*/
    padding-bottom: 20px;
    font-size: 32px;
}
.storyboard h2{
    color: orangered;
    font-weight: 700;
    text-align: center;
    padding-bottom: 20px;
    font-size: 32px;
}
.storyboard p {
    padding-top: 30px;
}

/*3D*/

.removing1{
    padding-right: 0px !important;
    padding-left: 0px !important;
    /*margin-bottom: 375px;*/
    /*position: fixed;*/
}
.removing2{
    margin-bottom: -330px;
}
.stack-top{
    /*padding-top: -500px;*/
    /*z-index: 20;*/
    height: 20rem;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    bottom: 400px;
}
.process-dm-box{
    /*width: 100%;*/
    /*height: 100%;*/
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    z-index: -10;
}
/*.topcheck{*/
/*    !*font-size: 45px;*!*/
/*    !*color: #00A5D1;*!*/
/*    !*font-family: 'Gentium Basic', Verdana, 'Slabo 27px', 'Vollkorn', serif;*!*/
/*    !*width: 60px;*!*/
/*    position: absolute;*/
/*    top: 5rem;*/
/*    !*opacity: 1;*!*/
/*    visibility: visible;*/
/*    left: 30px;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    animation-name: topFadeOut;*/
/*    animation-duration: 5s;*/
/*    animation-iteration-count: infinite;*/
/*}*/
.heart{
    position: absolute;
    top: 5rem;
    /*opacity: 1;*/
    visibility: visible;
    left: 30px;
    display: flex;
    justify-content: center;
    animation-name: topFadeOut;
    /*animation-duration: 10s;*/
    animation-iteration-count: infinite;
    /**/
    width: 50px;

}
.like{
    width: 60px;
/*    */
    position: absolute;
    top: 5rem;
    /*opacity: 1;*/
    visibility: visible;
    left: 30px;
    display: flex;
    justify-content: center;
    animation-name: topFadeOut;
    /*animation-duration: 5s;*/
    animation-iteration-count: infinite;
}
.add1{
    margin-bottom: 50px;
}
.delay1{
    animation-duration: 6s;
}
.delay2{
    animation-duration: 10s;
}
.delay3{
    animation-duration: 12s;
}
.delay4{
    animation-duration: 15s;
}
.delay5{
    animation-duration: 3s;
}
.delay6{
    animation-duration: 8s;
}
@media only screen and (max-width: 510px){

    .like{
        width: 40px;
    }
    .heart{
        width: 35px;
    }
    .stack-top{
        bottom: 350px;
    }

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

    .like{
        width: 20px;
    }
    .heart{
        width: 20px;
    }
    .stack-top{
        bottom: 325px;
    }

}
@keyframes topFadeOut {

    0% {
        position: absolute;
        top: 100%;
        visibility: visible;
        opacity: 1;

    }

    95% {

        position: absolute;
        top: 3rem;
        visibility: hidden;
        opacity: 0;

    }

    100% {

        position: absolute;
        top: 100%;
        visibility: hidden;
        opacity: 1;

    }
}


.whiteboard-heading1 .align{
    text-align: right;
}

.process-3d, .process-wb, .banner-3d, .process-mg, .process-la{
    /*margin-top: 0px;*/
    text-align: center;
}
.process-3d h2, .process-wb h2, .process-mg h2, .process-la h2, .process-dm h2{
    color: orangered;
    font-size: 24px;
    /*padding-bottom: 20px;*/
    text-align: center;
    margin-top: 40px;
}
.concept h2, .modeling h2, .rigging h2, .socialmedia-heading3 h2{
    color: orangered;
    font-weight: 700;
    padding-bottom: 20px;
    font-size: 32px;
    padding-top: 30px;
}
.concept img {
    /*width: 500px;*/
}
.concept .para, .modeling .para, .animation2 .para, .finalization .para, .heading2 .para, .heading5 .para, .liveaction-heading2 .para, .socialmedia-heading3 .para {
    padding-bottom: 10px;
}
.animation2 h2, .whiteboard-heading4 h2{
    color: orangered;
    font-weight: 700;
    text-align: center;
    padding-bottom: 20px;
    font-size: 32px;
}
.modeling {
    padding-top: 30px;
}
.rigging {
    padding-top: 30px;
}
.animation2 {
    padding-top: 30px;
}
.animation2 img{
    height: 342px;
}
.finalization, .heading5, .liveaction-heading2, .liveaction-heading4, .whiteboard-heading1{
    margin-top: 30px;
}
.finalization h2, .heading1 h2, .heading5 h2, .whiteboard-heading1 h2 {
    color: orangered;
    font-weight: 700;
    text-align: center;
    padding-bottom: 20px;
    font-size: 32px;
}
.heading2 img, .liveaction-heading2 img{
    width:400px;
    /*float: right;*/
}
.heading2 h2, .heading3 h2, .heading4 h2, .liveaction-heading2 h2, .liveaction-heading4 h2{
    color: orangered;
    font-weight: 700;
    font-size: 32px;

}
.process .video{
    margin: auto;
}
/*.banner-3d {*/
/*    background: url(../images/3D/08.png);*/
/*    background-size: contain;*/
/*    !*height: 556px;*!*/
/*    width: 100%;*/
/*    background-repeat: no-repeat;*/
/*}*/
.aha h2{
    color: #ffffff;
    font-size: 5rem;
    line-height: 1;
    /*text-align: left;*/
    font-family: Montserrat;
    /* margin-bottom: 20px; */
    font-weight: 800;
    -webkit-text-fill-color: white;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #000000;
    text-align: center;
    margin: 40px 0 40px 0;
}
.aha span{
    -webkit-text-stroke-color: #f15a24;
    text-align: left;
}
.white-board-bg{
    background: url(../images/portfolio/2.webp);
    background-size: cover;
    background-repeat: no-repeat;
}
section.process-3d {
    background: url(../images/3D/02.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}
.motion-bg{
    background: url(../images/Motion-Graphics/01-02.webp);
    background-size: contain;
}
.live-action-bg {
    background: url(../images/live-action/02.png);
    /*background-size: contain;*/
    background-repeat: no-repeat;
    /*background-position: bottom;*/
}
.process-3d iframe, .process-wb iframe, .process-mg iframe, process-dm iframe{
    padding: 20px 0 20px 0;
}






.view-all-work{
    width: 100%;
    background-color: #f6f6f6;
    text-align: center;
    padding-bottom: 20px;
    padding-top: 20px;
    /*margin-top: 30px;*/
    margin-bottom: -110px;
    height: 80px;
}
.view-all-work-text{
    font-family: 'Poppins', sans-serif;
    color: orangered;
    /*text-decoration: underline black;*/
    font-size: 20px;
}
.view-all-work-text:hover{
    color: #000;
    /*text-decoration: underline black;*/
}
.last{
    width: 100%;
    background-color: #cccccc;
    /* padding-bottom: 20px; */
    background-color: #dcdcdc;
    height: 15px;
    margin-top: 23px;
}
@media only screen and (max-width: 767px){
    .heading h1.text{
        font-size: 40px;
    }
    .script h2{
        font-size: 40px;
    }
    .aha h2
    {
        font-size: 3rem;
    }
    .editing h2{
        font-size: 40px;
    }
    .animation h2{
        font-size: 40px;
    }
    .storyboard h2{
        font-size: 40px;
    }
    .concept h2{
        font-size: 32px;
    }
    .modeling h2{
        font-size: 32px;
    }
    .rigging h2{
        font-size: 32px;
    }
    .animation2 h2{
        font-size: 32px;
    }
    .finalization h2{
        font-size: 32px;
    }
    .motion-bg {
        /*background: url(../images/Motion-Graphics/01.png);*/
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom;
    }
}
.custom {
    width: 100% !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}




















































































































/*.heading1{*/
/*    margin-left: -70px;*/
/*    font-family: 'Montserrat', sans-serif;*/
/*    color: orangered;*/
/*    !*padding-bottom: 10px;*!*/
/*}*/

/*.top-margin{*/
/*    margin-top: 60px;*/
/*    position: relative;*/
/*}*/
/*.pad-left-0{*/
/*    padding-left: 0px !important;*/
/*}*/
/*.pad-right-0{*/
/*    padding-right: 0px !important;*/
/*}*/
/*.smm{*/
/*    !*margin-left: 5vw;*!*/
/*    font-family: 'Montserrat', sans-serif;*/
/*    color: orangered;*/
/*    font-size: 10px;*/
/*    !*margin-bottom: 10px;*!*/
/*}*/
/*.color{*/
/*    color: orangered;*/
/*    padding-bottom: 10px;*/
/*}*/
/*.seo{*/
/*    padding-top: 15px;*/
/*    padding-bottom: 35px;*/
/*}*/
/*.smm-para{*/
/*    font-family: 'Poppins', sans-serif;*/
/*    font-size: 20px;*/
/*    !*padding: 15px 0px;*!*/
/*    padding-top: 10px;*/
/*}*/
/*.smm-para-text{*/
/*    color: #181818;*/
/*    font-family: 'Montserrat', sans-serif;*/
/*    font-size:16px;*/
/*}*/
/*.heading2{*/
/*    !*margin-left: -2vw;*!*/
/*    font-family: 'Montserrat', sans-serif;*/
/*    color: orangered;*/
/*    font-size: 20px;*/
/*}*/
/*.p1{*/
/*    font-family: 'Montserrat', sans-serif;*/
/*    font-size: 16px;*/
/*    color: black;*/
/*    width: 40vw;*/
/*    margin-left: -2vw;*/
/*}*/
/*.heading3{*/
/*    margin-bottom: 25px;*/
/*    font-family: 'Montserrat', sans-serif;*/
/*    color: orangered;*/
/*    font-size: 50px;*/
/*    !*font-weight: bold;*!*/
/*}*/

/*.p2{*/
/*    font-family: 'Montserrat', sans-serif;*/
/*    font-size: 16px;*/
/*    color: black;*/
/*    width: 80vw;*/
/*    margin-left: 7vw;*/
/*    !*text-align: center;*!*/
/*}*/
/*.p3{*/
/*    font-family: 'Montserrat', sans-serif;*/
/*    font-size: 16px;*/
/*    color: black;*/
/*    width: 40vw;*/
/*    margin-left: 7vw;*/

/*}*/






/*.header-section{*/
/*    width: 100%;*/
/*    !*height: inherit;*!*/
/*    text-align: center;*/
/*    !*position: relative;*!*/
/*    font-family: 'Poppins', sans-serif;*/
/*}*/
/*.web-dev{*/
/*    color: orangered;*/
/*}*/
/*.parent-rectangle{*/
/*    width: 100%;*/
/*    padding-top: 4%;*/
/*    padding-bottom: 2%;*/
/*}*/
/*.rectangle {*/
/*    height: 1vh;*/
/*    width: 5vw;*/
/*    background-color: orangered;*/
/*    margin: auto;*/
/*}*/
/*.web-dev-para{*/
/*    color: black;*/
/*    font-family: 'Poppins', sans-serif;*/
/*    margin-left: 5vw;*/
/*    margin-right: 5vw;*/
/*    !*line-height: 1.5rem;*!*/
/*    font-weight: bold;*/
/*}*/
/*!*.header-buttons{*!*/
/*!*    border: 3px solid orangered;*!*/
/*!*    border-radius: 5px;*!*/
/*!*    padding: 18px 40px;*!*/
/*!*    margin-top: 20px;*!*/
/*!*    outline: none;*!*/
/*!*    color: orangered;*!*/
/*!*    font-size: 3rem;*!*/
/*!*    font-family: 'Kristi', cursive;*!*/
/*!*    text-decoration: none;*!*/
/*!*    display: inline-block;*!*/
/*!*    background-color: white;*!*/
/*!*}*!*/
/*!*.header-buttons-div{*!*/
/*!*    margin-bottom: 70px;*!*/
/*!*}*!*/
/*!*.header-buttons:hover {*!*/
/*!*    background-color: orangered;*!*/
/*!*    color: white;*!*/
/*!*    text-decoration: none;*!*/
/*!*    box-shadow: 0 0 20px 0 rgba(0,0,0,0.6);*!*/
/*!*}*!*/