/*------------------jyoti.css start------------*/
/*.header-section{background: url(../images/slide1.jpg) no-repeat;
                height: 100vh;
                width: 100%;
                background-size: auto;
                overflow: hidden;}*/
/*.header-section-bg{
    background: url(../images/banner_slices.png) repeat;
    width:100%;
    height:100vh;
    position: absolute;
}*/
.banner{width:100%;float:left;position:relative;}
.banner-caption {
    width:100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9999;
}
.banner-content {
    /* top: 70% !important; */
    padding: 40px 0;
    margin-top: 40px;
    text-align: center;
}
/*.banner:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.51);
    z-index: 1;
}*/
/*.banner-slider .item img {
    object-fit: cover;
    height: calc(100vh - 60px);
    object-position: top;
}*/

.banner .banner-content h2{
    font-family: 'Barlow Condensed';
    font-weight: 800;
    font-size: 121px;
    color: #fff;
    margin-top: 0;
    margin-bottom: 30px;

}
.banner .banner-content h1{
    font-family: 'Oswald', sans-serif;
    color: #fff;
    font-size:47px;
    font-weight: 300;
    margin:0;
}
.banner .banner-content a {
    font-family: 'Barlow Condensed';
    font-weight: 300;
    color: #fff;
    font-size: 30px;
    border: 1px solid #fff;
    padding: 5px 20px;
    text-decoration: none;
}
.banner .banner-content a:hover {
    text-decoration: none;
    color: #003399;
}
/*.album-section {
    position: relative;
    display: inline-block;
    float: right;
    top: 94px;
}*/
.logo-section {
    margin-top: 15px;
    position: relative;
    float: left;
}
.logo-section img {
    float: left;
}
header {
    width: 100%;
    position: absolute;
    /* float: left; */
    top: 0;
    left: 0;
    z-index: 999999;
}
/*.banner-content {
    padding-top: 190px;
}*/
.album-section{text-align: right;}
.album-section img{
    width:100%;
    padding-right: 20px;
    z-index: 99;
    position: relative;
    transition: all .3s ease;
}
.album-section:before {
    content: '';
    display: inline-block;
    background: #dadada;
    width: 500px;
    height: 386px;
    position: absolute;
    top: 20px;
    z-index: 0;
    right: 2px;
    transition: all .3s ease;
}
.album-section:hover::before{
}
/*.album-section img:hover
{
    transform: translate3d(-10px, -10px, 0);
}*/
.about-section {
    width:100%;
    float:left;
    background: url(../images/about-bg.jpg) no-repeat;
    background-size: cover;
    position: relative;
}
.before-after:before, .before-after:after {
    position: absolute;
    content: "";
    top: -29px;
    width: 6%;
    border-bottom: 30px solid #fff;
    z-index: 10;
    display: table;
    overflow: hidden;
}
.about-section.before-after:before, .about-section.before-after:after {
    background-image: url(../images/about-bg.jpg);
    height: 30px;
    border: 0;
    top: -29px;
}
.about-section.before-after:before {
    clip-path: polygon(0 0, 75% 0, 100% 100%, 0% 100%);
    left: 0px;
    background-position: left top;
}
.about-section.before-after:after {
    background-position: right top;
    clip-path: polygon(30% 0, 100% 0, 100% 100%, 0% 100%);
    right: 0px;
}

.about-section img{width:100%;}
.about-section p {
    font-family: 'Open Sans', sans-serif;

    font-size: 19px;
    line-height: 28px;
    text-align: justify;
    margin-top:14px;
}
.about-section p:last-child {
    margin-top: 15px;
}
.wrapper h1{
    font-family: 'Oswald', sans-serif;
    font-size: 39px;
    margin-bottom: 20px;
    /*    padding-left: 20px;*/
    position: relative;
    margin-top: 0;
}
.about-section h1:before {
    content: '';
    width: 2px;
    height: 35px;
    background: #003399;
    position: absolute;
    left: 0;
    top: 4px;
}
.icon-boxes-icon {
    background: url(../images/about-section-bg.png) no-repeat;
    width: 100%;
    height: 230px;
    margin-top: 30px;
    margin-left: 57px;
    position: relative;
}
.icon-boxes-icon i{width: 102px;
                   height: 89px;
                   position: absolute;
                   bottom: 63px;
                   left: 33px;}
i.short-film{
    background: url(../images/sprite-icon.png) no-repeat -234px -242px;


}
i.feature-film{
    background: url(../images/sprite-icon.png) no-repeat -417px -246px;


}
i.commercial-film{
    background: url(../images/sprite-icon.png) no-repeat -40px -441px;


}
i.promotional-film{
    background: url(../images/sprite-icon.png) no-repeat -268px -443px;


}
.production {
    background-image: url(../images/production.png), linear-gradient(to right, #000000,#7f7f7e,#000000); 
    background-repeat: no-repeat;
    background-position: right top;
}
.production h1 {
    color: #ffffff;
}
.production .head-line {
    background: #ffffff;
}
.production p{
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    color: #232323;
    font-size: 26px;
    margin-top: -17px;
    text-align: center;
    letter-spacing: 1px;
}
.icon-boxes-icon i:hover{
    position: absolute;
    bottom: 63px;
    left: 25px;
    transition: all .5s;}
.mg-bottom{padding-bottom: 0px !Important}
.clapper-img img{width:100%;}
.clapper-img-bg:before{    
    content: '';
    position: absolute;
    background: url(../images/clapper-board.png) no-repeat !Important;
    width: 434px;
    height: 444px;
    top: 50%;
    transform: translateY(-50%);
    right: 20%;
}
.banner-content h2 { /* Web-safe typewriter-like font */
    overflow: hidden; /* Ensures the content is not revealed until the animation */
    border-right: 2px solid orange; /* The typwriter cursor */
    white-space: nowrap; /* Keeps the content on a single line */
    margin: 0 auto; /* Gives that scrolling effect as the typing happens */
    letter-spacing: -1px; /* Adjust as needed */
    animation: 
        typing 4s steps(30, end),
        blinking-cursor .5s step-end infinite;
}
.demo {
    width: 100%;
    float: left;
    overflow: hidden;
    position: relative;
}
.demo img {
    position: relative;
    overflow: hidden;
}
.revealMask, .revealMask:before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

.revealMask {
    left: 0;
    overflow: hidden;
}
.animate-image-overlay .revealMask:before {
    left: 100%;
}
.animate-image-overlay .revealMask:before {
    left: 100%;
}
.revealMask--yellow:before {
    background-color: #003399;
    z-index: 9;
}
.revealMask:before {
    content: "";
    left: -100%;
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
}

/* The typing effect */
@keyframes typing {
    from { width: 0 }
    to { width: 100% }
}
@keyframes blinking-cursor{
    from, to{ border-color: transparent }
    100% { border-color: black; }
}

.short-film, .web-series {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
}
.short-film img, .web-series img {
    width: 100%;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}
.short-film:hover img, .web-series:hover img {
    -webkit-transform: scale(1.1) rotate(-2deg);
    -moz-transform: scale(1.1) rotate(-2deg);
    -o-transform: scale(1.1) rotate(-2deg);
    -ms-transform: scale(1.1) rotate(-2deg);
    transform: scale(1.1) rotate(-2deg);
}
.project-box h2, .project-box h2  {
    width: 100%;
    float: left;
    text-align: center;
    color: #ffffff;
    margin-bottom: 0px;
    font-family: 'Oswald', sans-serif;
    margin-top: 20px;
}
/*------------------jyoti.css end-----------*/

/*------------------amiya.css start-----------*/
.bottom-footer {
    width: 100%;
    float: left;
    position: relative;
    z-index: 999999;
    min-height: 35px;
}
.bottom-footer:before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 35px;
    background-color: #fff;
    z-index: -1;
}
.bottom-footer:after {
    position: absolute;
    content: "";
    bottom: 30px;
    left: 50%;
    margin-left: -46%;
    width: 92%;
    border-right: 35px solid transparent;
    border-left: 35px solid transparent;
    border-top: 49px solid #fff;
    z-index: -1;
    transform: rotate(180deg);
}
.copy {
    color: #232323;
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    text-align: left;
    margin-top: -18px;
}
.design {
    color: #232323;
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    text-align: right;
    margin-top: -18px;
}
.design a {
    color: #232323; 
}
.wrapper {
    width: 100%;
    position: relative;
    float: left;
    padding: 70px 0;
}
.footer {
    width: 100%;
    float: left;
    position: relative;
    background-image: url(../images/footer-bg.png), linear-gradient(to right, #000000,#7f7f7e,#000000); 
    background-repeat: no-repeat;
    background-size: cover;
}
.footer-adress ul {
    padding-left: 0px;
}
.footer-adress ul li {
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    color: #fff;
    list-style: none;
    line-height: 38px;
    margin-bottom: 30px;
    position: relative;
    margin-left: 52px;
}
.footer-adress ul li a{
    color: #fff;
    text-decoration: none;
}
.address:before {
    content: '';
    background: url(../images/sprite-icon.png) no-repeat -35px -39px;
    width: 34px;
    height: 34px;
    position: absolute;
    left: -51px;
    top: 8px;
}
.phone:before{
    content: '';
    background: url(../images/sprite-icon.png) no-repeat -133px -41px;
    width: 30px;
    height: 30px;
    position: absolute;
    left: -51px;
    top: 8px;
}
.email:before{
    content: '';
    background: url(../images/sprite-icon.png) no-repeat -234px -37px;
    width: 34px;
    height: 34px;
    position: absolute;
    left: -51px;
    top: 3px;
}
.face-book:before{
    content: '';
    background: url(../images/sprite-icon.png) no-repeat -336px -39px;
    width: 18px;
    height: 35px;
    position: absolute;
    left: -51px;
    top: 0;
}
.insta-gram:before {
    content: '';
    background: url(../images/sprite-icon.png) no-repeat -429px -40px;
    width: 30px;
    height: 30px;
    position: absolute;
    left: -51px;
    top: 4px;
}
.twitter:before {
    content: '';
    background: url(../images/sprite-icon.png) no-repeat -524px -43px;
    width: 35px;
    height: 29px;
    position: absolute;
    left: -51px;
    top: 6px;
}
.you-tube:before {
    content: '';
    background: url(../images/sprite-icon.png) no-repeat -35px -121px;
    width: 35px;
    height: 28px;
    position: absolute;
    left: -51px;
    top: 9px;
}
.email span{
    color: #ffffff;
}
.laptop-play3 {
    background: url(../images/movie-reel-meeri-veena.jpg) repeat-x center center !important;
    animation: infinite-shift-left 5000s linear;
    /*    background-size: contain;*/
}
.laptop-play2 {
    background: url(../images/movie-reel-blue-white.jpg) repeat-x center center !important;
    animation: infinite-shift-left 5000s linear;
    /*    background-size: contain;*/
}
.laptop-play {
    background: url(../images/movie-reel-samarpana.jpg) repeat-x center center;
    animation: infinite-shift-left 5000s linear;
    /*    background-size: contain;*/
    position: relative;
}
@keyframes infinite-shift-left {
    0% {
        background-position: 50000px;
    }
    100% {
        background-position: 0;
    }
}
.laptop-play img {
    width: 70%;
    /*    margin-top: 30px;*/
}
.head-line {
    background: #003399;
    width: 68px;
    height: 4px;
    position: relative;
    text-align: center;
    float: none;
    display: block;
    margin: 20px auto 30px;
}
.trailer p{
    font-family: 'Open Sans', sans-serif;
    font-size: 21px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 0px;
}
.laptop-play .play {
    width: 80px;
    height: 80px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    margin-top: 0px;
    cursor: pointer;
    transition: background-color 0.2s linear 0s;
    border-radius: 50px;
}
/*Footer End*/
/*.banner-content{
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}*/
/***About Sangeeta Left Image effect zoom out Start ***/
.img-zoom-out img {
    transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
}
.img-zoom-out:hover img{
    transform:scale(0.9);
    -webkit-transform:scale(0.9);
    -moz-transform:scale(0.9);
    -ms-transform:scale(0.9);
    -o-transform:scale(0.9)
}
/***About Sangeeta Left Image effect zoom out End ***/
.address:hover:before {
    animation: rotate 0.82s linear infinite;
}
.phone:hover:before {
    animation: rotate 0.82s linear infinite;
}
.email:hover:before {
    animation: rotate 0.82s linear infinite;
}
.face-book:hover:before {
    animation: rotate 0.82s linear infinite;
}
.insta-gram:hover:before {
    animation: rotate 0.82s linear infinite;
}
.twitter:hover:before {
    animation: rotate 0.82s linear infinite;
}
.you-tube:hover:before {
    animation: rotate 0.82s linear infinite;
}
@keyframes rotate {
    10%, 90% {
        transform: rotate(7deg);
    }
    20%, 80% {
        transform: rotate(-7deg);
    }
    30%, 50%, 70% {
        transform: rotate(7deg);
    }
    40%, 60% {
        transform: rotate(-7deg);
    }
}
/***About Sangeeta Left Image effect zoom out End ***/
/*Banner Button Hover Effect Start*/
/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ffffff;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
    color: white;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.video-play-button {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    box-sizing: content-box;
    display: block;
    width: 32px;
    height: 44px;
    /* background: #fa183d; */
    border-radius: 50%;
    padding: 18px 20px 18px 28px;
}

.video-play-button:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 67px;
    height: 67px;
    background: #ba1f24;
    border-radius: 50%;
    animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 65px;
    height: 65px;
    background: #fa183d;
    border-radius: 50%;
    transition: all 200ms;
}

.video-play-button:hover:after {
    background-color: darken(#fa183d, 10%);
}
.video-play-button span {
    display: block;
    position: relative;
    z-index: 3;
    width: 0;
    height: 0;
    border-left: 20px solid #fff;
    border-top: 12px solid transparent;
    border-bottom: 14px solid transparent;
    top: 9px;
    left: 3px;
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}


.more-btn{
    font-family: 'Barlow Condensed';
    font-weight: 300;
    color: #003399;
    font-size: 30px;
    border: 1px solid #003399;
    padding: 5px 20px;
    text-decoration: none;
    text-transform: uppercase;
    margin: 20px auto 0;
    float: none;
    display: block !important;
    width: 247px;
}
a:hover, a:focus {
    text-decoration: none;
}
.hvr-shutter-out-horizontal2 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal2:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #003399;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal2:hover, .hvr-shutter-out-horizontal2:focus, .hvr-shutter-out-horizontal2:active {
    color: white;
}
.hvr-shutter-out-horizontal2:hover:before, .hvr-shutter-out-horizontal2:focus:before, .hvr-shutter-out-horizontal2:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.banner .banner-content a:focus { 
    text-decoration: none;
    color: #003399;
    background: none !important;
}
.banner .banner-content a:active {
    text-decoration: none;
    color: #003399;
}
/*Banner Button Hover Effect End*/
.laptop-play .play:hover {
    width: 80px;
    height: 80px;
    cursor: pointer;
    background: #003399;
    border-radius: 50px;
    border: 1px solid #003399;
}
/*Sroll Top Start*/
#gotoTop {
    background-color: #5c5b5b;
    color: #ffffff;
    cursor: pointer;
    display: none;
    font-size: 14px;
    height: 40px;
    left: auto;
    line-height: 35px;
    position: fixed;
    right: 30px;
    text-align: center;
    top: auto;
    bottom: 100px;
    transition: background-color 0.2s linear 0s;
    width: 40px;
    z-index: 99;
}
#gotoTop:hover {
    background: #003399;
    cursor: pointer;
}
.arrow_up:before {
    content: '';
    background: url(../images/sprite-icon.png) no-repeat -145px -130px;
    width: 17px;
    height: 10px;
    position: absolute;
    top: 13px;
    right: 11px;
}
/*------------------amiya.css end-----------*/
.trailer .nav.nav-tabs {
    text-align: center;
    border-bottom: none;
}
.trailer .nav-tabs>li.active>a {
    border: none;
    background: #003399;
    color: #ffffff
}
.trailer .nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: none;
    border-radius: 0;
    background: #e8a916;
    color: #ffffff;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
}
.trailer .nav-tabs>li {
    float: none;
    margin-bottom: -1px;
    display: inline-block;
}
.inner-page .header-section {
    height: 133px;
}
.inner-page .wrapper h1 { 
    margin-top: 0px;
}
.gallery-box {
    margin-top: 30px;
    overflow: hidden;
}
.col-sm-4:nth-child(1) .gallery-box, .col-sm-4:nth-child(2) .gallery-box, .col-sm-4:nth-child(3) .gallery-box {
    margin-top: 0px;
}

.flip-card {
    background-color: transparent;
    width: 100%;
    height: 300px;
    perspective: 1000px;
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

/*.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}*/

.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
}

.flip-card-front {
    background-color: #bbb;
    color: black;
    z-index: 2;
}

.flip-card-back {
    background-color: #2980b9;
    color: white;
    transform: rotateY(180deg);
    z-index: 1;
}
.flip-card h2 {
    padding: 0 12px;
    text-align: center;
    font-family: 'Oswald', sans-serif;
    margin-bottom: 0px;
}
.flip-card img {
    width: 100%;
}
.production a {
    color: #232323;
}
.flip-card img {
    width: 100%;
    object-fit: cover;
    height: 300px;
}
.about-heading{
    padding-left: 20px;
}
.you-tube {
    margin-bottom: 0px;
}
.reel.laptop-play{
    animation: inherit;
}


.navbar-default {
    background-color: transparent;
    border-color: transparent;
    border: none;
    border-radius: 0px;
}

.header-area {
    width: 100%;
    float: left;
}

.header-area:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 35px;
    background-color: #fff;
    z-index: -1;
}
.header-area:after {
    position: absolute;
    content: "";
    top: 30px;
    left: 50%;
    margin-left: -46%;
    width: 92%;
    border-right: 35px solid transparent;
    border-left: 35px solid transparent;
    border-top: 49px solid #fff;
    z-index: -1;
}
.navbar-default .navbar-nav>li>a {
    font-family: 'Oswald', sans-serif;
    color: #232323;
    font-size: 18px;
    font-weight: 400;
}
.nav.navbar-nav.navbar-right {
    margin-top: 14px;
}


.breadcrumb {
    z-index: 1;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    position: relative;
    margin-bottom: 0;
    padding: 150px 0 70px;
    border-radius: 0px;
}
.breadcrumb .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: -1;
}
.breadcrumb .page-title {
    margin-bottom: 0;
    text-transform: uppercase;
    text-align: center;
    padding-top: 0;
    padding-bottom: 0;
}
.page-title h1 {
    font-size: 12px;
    letter-spacing: 14px;
    color: #ffffff;
    font-weight: 700;
}
.page-title h2 {
    font-size: 46px;
    color: #ffffff;
    margin: 0;
    font-weight: 800;
    font-family: 'Oswald', sans-serif;
}
.about-section ul {
    padding-left: 20px;
}
.about-section ul li {
    /*    list-style: none;*/
    font-family: 'Open Sans', sans-serif;
    font-size: 19px;
    line-height: 28px;
    text-align: justify;
    margin-top: 14px;
}
.content-area p, .content-area li {
    font-size: 17px !important;
    line-height: 26px;
}
.content-area h1:before {
    display: none;
}
.form-control {
    display: block;
    width: 100%;
    height: 44px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
label {
    font-family: 'Open Sans', sans-serif;
}
.owl-dots {
    display: block !important;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999999;
}
.owl-dots .owl-dot {
    width: 30px;
    height: 6px;
    background: #ffffff;
    /* border-radius: 50px; */
    margin-right: 10px;
    display: inline-block;
}
.owl-dots .owl-dot.active {
    background: #003399;
}
.btn {
    padding: 11px 45px;
    font-size: 17px;
    border: 0px solid transparent;
    border-radius: 0px;
}
.btn-primary {
    background-color: #003399;
}
.btn-primary:hover {
    background-color: #003399;
}
.circleGG{
    width:45px;
    margin: 15px 0 0 0;
    float: right;
    display: none
}

.circleG{
    background-color:rgb(255,255,255);
    float:left;
    height:10px;
    margin-left:5px;
    width:10px;
    animation-name:bounce_circleG;
    -o-animation-name:bounce_circleG;
    -ms-animation-name:bounce_circleG;
    -webkit-animation-name:bounce_circleG;
    -moz-animation-name:bounce_circleG;
    animation-duration:2.24s;
    -o-animation-duration:2.24s;
    -ms-animation-duration:2.24s;
    -webkit-animation-duration:2.24s;
    -moz-animation-duration:2.24s;
    animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
    -ms-animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
    animation-direction:normal;
    -o-animation-direction:normal;
    -ms-animation-direction:normal;
    -webkit-animation-direction:normal;
    -moz-animation-direction:normal;
    border-radius:6px;
    -o-border-radius:6px;
    -ms-border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
}

#circleG_1{
    animation-delay:0.45s;
    -o-animation-delay:0.45s;
    -ms-animation-delay:0.45s;
    -webkit-animation-delay:0.45s;
    -moz-animation-delay:0.45s;
}

#circleG_2{
    animation-delay:1.05s;
    -o-animation-delay:1.05s;
    -ms-animation-delay:1.05s;
    -webkit-animation-delay:1.05s;
    -moz-animation-delay:1.05s;
}

#circleG_3{
    animation-delay:1.35s;
    -o-animation-delay:1.35s;
    -ms-animation-delay:1.35s;
    -webkit-animation-delay:1.35s;
    -moz-animation-delay:1.35s;
}

.result-message,.result-message2 {
    background-color: #3DDC9A;
    color: #fff;
    text-align: center;
    padding: 10px 10px;
    margin-top: 30px;
    display: none;width: 100%}
.result-message2{margin-top: 0}

/* Error Box */
.error-box {
    padding: 0px 0px 60px;
    text-align: center;
}
.error-box h3{color: #333;font-size: 258px;}
.error-box p{text-align: center;font-size: 18px}
/* Error Box ends */



@keyframes bounce_circleG{
    0%{}

    50%{
        background-color:rgb(0,0,0);
    }

    100%{}
}

@-o-keyframes bounce_circleG{
    0%{}

    50%{
        background-color:rgb(0,0,0);
    }

    100%{}
}

@-ms-keyframes bounce_circleG{
    0%{}

    50%{
        background-color:rgb(0,0,0);
    }

    100%{}
}

@-webkit-keyframes bounce_circleG{
    0%{}

    50%{
        background-color:rgb(0,0,0);
    }

    100%{}
}

@-moz-keyframes bounce_circleG{
    0%{}

    50%{
        background-color:rgb(0,0,0);
    }

    100%{}
}
.input-cont {
    position: relative;
}
.val-error .error-msg {
    display: block;
}
.error-msg {
    display: block;
    position: absolute;
    right: 0px;
    top: 25px;
    background-color: #f96666;
    color: #fff;
    font-size: 11px;
    padding: 2px 5px;
    display: none;
}
.top-para {
    margin-top: 0px !important;
}
.about-section ul li:first-child {
    margin-top: 0px !important;
}
/*----media-query.css start--------------------*/
@media screen and (max-width: 1300px){
    .header-area:after {
        position: absolute;
        content: "";
        top: 30px;
        left: 50%;
        margin-left: -48%;
        width: 96%;
        border-right: 35px solid transparent;
        border-left: 35px solid transparent;
        border-top: 49px solid #fff;
        z-index: -1;
    }
    .navbar-default {
        width: 93%;
        margin: 0 auto;
    }
}
@media screen and (max-width: 1290px){ .production{overflow: hidden;}
                                       .header-section{overflow: hidden;}}
@media screen and (max-width: 1199px){
    .about-section.before-after:after {
        right: -1px;
    }
    .clapper-img-bg:before {
        opacity: 0.3;
    }
    .laptop-play2, .laptop-play2, .laptop-play {
        background-size: contain !important;
    }
    .album-section:before {
        width: 437px;
        height: 315px;
    }
    .icon-boxes-icon {
        margin-left: 32px;}
    .production p{margin-top:-10px;}

    .about-img-section {
        text-align: center;
        padding-bottom: 20px;
        width: 100%;
        float: left;
    }
    .about-section img {
        width: 80%;}
    /*    .about-section p{margin-top:40px;}*/


    .footer-adress ul li {
        font-size: 20px; 
        line-height: 28px;}
    .clapper-img img {
        width: 80%;}
    .production{overflow: hidden;}
    .banner .banner-content h1 {
        font-size: 30px;
    }
    .banner .banner-content h2 {
        font-size: 76px;
    }
    .design {
        font-size: 18px;
        text-align: center;
        margin-top: -2px;
    }
    .copy {
        font-size: 18px;
        text-align: center;
        margin-top: -32px;
    }
}
@media screen and (max-width: 1000px){
}
@media screen and (max-width: 991px){
    .banner-slider {
        margin-top: 79px;
    }
    header {
        height: 79px;
        background: #fff;
    }
    .banner-content {
        margin-top: 0px;
    }
    .album-section:before {
        width: 182px;
        height: 248px;
        display: none;
    }
    .banner .banner-content h1 {
        font-size: 25px;
    }
    .banner .banner-content a { font-size: 24px;}
    .banner .banner-content h2 {
        font-size: 64px;
    }
    .icon-boxes-icon {
        margin-left: 5px;}

    .icon-boxes-icon {margin-left: 5px;}
    .production p {
        font-size: 24px;
        margin-top: 0;}
}
/*@media screen and (max-width: 900px){.clapper-img-bg:before{opacity:0.3;}

}*/

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

}
@media screen and (max-width: 767px){
    .navbar-default {
        width: 83%;
        margin: 0 auto;
    }
    .navbar-collapse.in {
        background: #f7f7f7;
        margin-top: 15px;
        border: none;
    }
    .nav>li {
        border-bottom: 1px solid #ddd;
    }
    .navbar-default  {
        background: #ffffff;
    }
    .nav.navbar-nav.navbar-right {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .short-film, .web-series {
        margin-top: 30px;
    }
    .navbar-toggle {
        margin-top: 22px;
        margin-right: 15px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 0px;
    }
    .col-sm-4:nth-child(1) .gallery-box, .col-sm-4:nth-child(2) .gallery-box, .col-sm-4:nth-child(3) .gallery-box {
        margin-top: 30px;
    }
    .laptop-play img {
        margin-top: 30px;
    }
    .flip-card h2 {
        padding: 0 12px;
        text-align: center;
        font-family: 'Oswald', sans-serif;
        background: #eaeaea;
        margin: 0;
        font-size: 22px;
        padding: 10px 0;
    }
    .flip-card {
        margin-top: 30px;
    }
    .card {
        margin-bottom: 54px;
    }
    .gallery-box {
        margin-top: 0px;
    }
    /*    .trailer .nav.nav-tabs {
            margin-top: 30px;
        }*/
    .about-section h1{padding-left:20px !Important;}
    .logo-section {
        float: none;
        text-align: center;}
    .banner {
        float: none;
        text-align: center;
    }
    .album-section:before{width:0;}
    .album-section img {
        width: 25%;
        padding-right: 0;
    }
    .banner-caption {
        position: relative;
        top: 50%;
        transform: translate(-50%, -50%);
        left: 50%;
    }
    .album-section {
        text-align: center;
    }
    .wrapper h1{padding-left:0;}
    .banner .banner-content h1 {
        font-size: 33px;
    }
    .banner .banner-content h2 {
        font-size: 68px;
    }

    .laptop-play .play {
        width: 70px;
        height: 70px;
        top: 45%;}

    .footer-adress ul li {
        font-size: 21px;
        line-height: 33px;
    }
    .wrapper h1 { font-size: 34px;}
    .head-line {
        margin: 0px auto 20px;
    }
    .wrapper { padding: 50px 0;}
    .icon-boxes-icon {
        margin-left: 100px;}
    .clapper-img{display: none;}
    .about-section p{margin-top:20px;font-size: 16px;}
    .about-section p:last-child {
        font-size: 16px;}
}
@media screen and (max-width: 640px){
    .album-section img {
        width: 33%;}

    .trailer p {
        font-size: 19px;}
    .icon-boxes-icon {
        margin-left: 68px;
    }
}
@media screen and (max-width: 600px){
    .copy {
        font-size: 12px;
        text-align: center;
        margin-top: -25px;
    }
    .design {
        font-size: 12px;
        text-align: center;
        margin-top: -2px;
    }
    .about-section h1:before {
        height: 28px;
    }
    .album-section img {
        width: 40%;
    }
    .clapper-img-bg:before {
        opacity: 0;
    }
    /*    .head-line {
            margin: -10px auto;
        }*/
    .wrapper h1 {
        font-size: 30px;}
    .icon-boxes-icon {
        margin-left: 33px;
    }
    .footer-adress ul li {
        font-size: 20px;}
    .laptop-play .play {
        width: 50px;
        height: 50px;
        top: 43%;
    }
}
@media screen and (max-width: 500px){
    .more-btn {
        font-family: 'Barlow Condensed';
        font-weight: 300;
        color: #003399;
        font-size: 21px;
        border: 1px solid #003399;
        padding: 5px 20px;
        text-decoration: none;
        text-transform: uppercase;
        margin: 20px auto 0;
        float: none;
        display: block !important;
        width: 277px;
		text-align: center;
    }
    .laptop-play .play:hover{    width: 50px;
                                 height: 50px;}
    .laptop-play .play {
        width: 50px;
        height: 50px;
        top: 55%;
    }
    .about-section p {font-size: 16px;
                      line-height: 26px;}
    .about-section p:last-child {
        font-size: 14px;
        line-height: 24px;
    }
    .icon-boxes-icon {
        margin-left: 7px;
    }
    .production p {
        font-size: 22px;
        margin-top: -10px;
    }
    .banner-content {

        top: 70% !important;

        padding-top: 100px;}
}
/*---------------media-query.css end-----------*/