@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900);



@import url(https://fonts.googleapis.com/css?family=Oswald:400,300);



article,aside,footer,header,nav,section{



    display:block



}



.footerSocial a {



    display: inline-block;



    margin: 0px 6px !important;

}



.footerSocial i:hover{color: #fff !important;}



.footerSocial a i {



    font-size:26px !important;



}   



.well {



	clear:both; text-align:center;



} 



.client-speak .swiper-container .swiper-pagination {



	bottom:7%;



}



.client-speak .swiper-container .swiper-pagination .swiper-pagination-bullet {



    width: 8px;



    height: 8px;



	transition:all ease-in-out 0.5s;



	-webkit-transition:all ease-in-out 0.5s;



	-moz-transition:all ease-in-out 0.5s;



}



.client-speak .swiper-container .swiper-pagination .swiper-pagination-bullet-active {



    width: 20px;



    background-color: #ffd202;



    border-radius: 5px;



}



.footerSocial {

    display: flex;

    justify-content: start;

}





/*scroll css*/



.scroll-sec {



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



    padding: 13px 0;



    z-index: 999;



    position:fixed; width:100%; bottom:0px; left:0px;



    display:block;







}







.scroll-box p {



    color: #fff;



    font-size: 18px;



    margin-bottom: 0;



    text-align: center;



}



.scroll-box i {



    color: #0ebe44;



    font-size: 24px;



    font-weight: 600;



    margin: 0px 0 0 0;



}



.scroll-box p a{color:#fff; text-decoration: none;}



.scroll-box p a:hover{color:#fff; text-decoration: none;}







.logo{



    margin:5px 0 0



}



.logo img{



    max-width:100%



}



.add-banner img{



    text-align:right;



    margin:10px 0 10px 10px



}



.social-icon{



    margin:0 auto;



    text-align:center



}



.social-icon .fa{



    color:#a3a3a3;



    padding:20px 4px 0 4px;



    font-size:17px!important



}



.social-icon .fa:hover{



    color:#d10000



}



.color-red{



    color:#bc2b2b;



	font-weight: 600;



}  



.award-getintouch-div {



    text-align: right;



    margin: 20px 0 0 0;



}   



.fixed-header .award-getintouch-div { 



    display: none;



}



.fixeded .award-getintouch-div { 



    display: block;



    margin: 0 0 10px 0;



}



.award-getintouch-div p {



    width: auto;



    display: inline-block;



    margin: 0 0 0 15px;



}  







.phone-List{



    font-size:15px;



    color:#3d3d3d;



    margin-top:10px;



    padding:0



}



.phone-List ul{



    list-style:none;



    margin:0;



    padding:0;



    text-align:right



}



.phone-List ul li{



    display:inline-block;



    padding:0 2px;



    border-right:#3d3d3d solid 1px;



    line-height:13px;



    text-align:right



}



.phone-List ul li a{



    color:#3d3d3d



}



.phone-List ul li a:hover{



    color:#000



}



.phone-List ul li:last-child{



    border-right:none



}



.navbar-default .navbar-collapse,.navbar-default .navbar-form{



    border-color:none



}



.navbar-default .navbar-nav>li>a{



    color:#000;



    font-size:16px;



    text-transform:uppercase;



    font-family:Oswald,sans-serif;



    font-weight:400



}



.dropdown-menu li a{



    color:#333!important



}



.dropdown-menu{



    min-width:200px



}



.navbar-nav li.dropdown:hover,.navbar-nav li.dropdown:hover a{



    color:#000;



    text-decoration:none



}



.navbar-default{



    background:0 0;



    border:none!important;



    margin:0;



    padding:0



}



.navbar{



    border-radius:0



}



.main-nav{min-height:auto;}



.navbar-nav>li>a{



    padding-bottom:10px;



    padding-top:10px



}



.nav>li>a{



    display:block;



    padding:12px 20px;



    position:relative



}



.navbar-nav{



    margin:-10px 0 0



}



.navbar-collapse{



    border-top:1px solid transparent;



    box-shadow:none;



    overflow-x:visible;



    padding-left:0;



    padding-right:15px



}



.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{



    background-color:#fff;



    color:#d10000



}



.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{



    color:#ffd202



}



.int-pages .block-title { color:#ffd202; font-size:2em; text-align:center; margin:0 auto; padding:35px 0px;}











@media(min-width:768px){



    .navbar-nav>li{



        margin:0 0 0 5px



    }



    .navbar-default .navbar-nav>li>a{



        font-size:14px



    }



}



@media(min-width:1200px){



    .navbar-nav>li{



        margin:0 0 0 5px



    }



}







.title{



    color:#000;



    font-family:'Source Sans Pro',sans-serif;



    font-size:60px;



    padding:50px 0;



    font-weight:900



}



.title h4{



    color:#000;



    font-family:'Source Sans Pro',sans-serif;



    font-size:60px;



    letter-spacing:-.06em;



    font-weight:900;



    padding:0



}



.portfolio-BF .title{



    padding:0 0 30px



}



.portfolio-BF .carousel{



    margin-top:0



}



.title p{



    font-family:'Source Sans Pro',sans-serif;



    color:#8f8f8f;



    font-size:20px;



    letter-spacing:0;



    line-height:27px;



    font-weight:400



}



.firstSlide{



    float:left;



    width:100%;



    background:#fff



}



.firstSlide .btn-default{



    margin-top:20px



}



.firstSlide figcaption a{



    border:1px solid #fff;



    margin-top:25px;



    display:inline-block;



    color:#fff;



    padding:10px 15px;



    font-size:14px



}



.firstSlide figcaption a:hover{



    text-decoration:none;



    padding:10px 15px;



    font-size:14px;



    background:#fff;



    color:#000



}



.firstSlide-content,.firstSlide-thumb{



    float:left;



    width:100%;



    height:auto



}



.first-content{



    line-height:25px



}



.subHeading{



    font-size:22px;



    color:#000;



    padding-bottom:25px;



    padding-top:5px;



    font-family:'Source Sans Pro',sans-serif;



    font-weight:600



}



.viewhover{



    border:#fff solid 1px;



    display:inline-block;



    padding:10px 15px



}



.viewhover:hover{



    background:#fff;



    color:#000



}



.btn-default{



    background:#bf0000;



    color:#fff;



    border:#bf0000 solid 1px;



    border-radius:0



}



.btn-default:hover{



    background:#000;



    color:#fff



}



.secondSlide{



    padding:50px 0;



    float:left;



    width:100%;



    background:#fff



}



.secondSlide .testiTittle{



    color:#af1111;



    font-size:18px;



    line-height:20px;



    padding-left:15px;



    margin-top:30px;



    text-align:center;



    margin-bottom:20px;



    line-height:25px



}



.secondSlide .testiTittle img{



    margin-bottom:10px;



    width:120px



}



.secondSlide .testiTittle span{



    color:#7b7b7b



}



.secondSlide .testimonial-para{



    padding:40px 15px 0 10px;



    font-family:'Source Sans Pro',sans-serif;



    font-size:16px;



    font-weight:100;



    text-align:center;



    line-height:25px;



    min-height:100px; 



	color: #000;  



}



.secondSlide .carousel-control.left{



    background:0 0



}



.secondSlide .carousel-control.right{



    right:0;



    left:auto;



    background:0 0



}



.secondSlide .carousel-control:focus,.secondSlide .carousel-control:hover{



    color:#fff;



    text-decoration:none;



    outline:0;



    opacity:.9



}



.secondSlide .carousel-control{



    position:absolute;



    top:0;



    bottom:0;



    left:0;



    width:5%;



    font-size:20px;



    color:#fff;



    text-align:center;



    text-shadow:0 1px 2px rgba(0,0,0,.6);



    opacity:.5



}



.carousel-control .fa-chevron-left,.carousel-control .fa-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{



    position:absolute;



    top:50%;



    z-index:5;



    display:inline-block



}



.carousel-control .fa-chevron-left,.carousel-control .icon-prev{



    left:50%;



    margin-left:-10px;



    color:#000



}



.carousel-control .fa-chevron-right,.carousel-control .icon-next{



    right:50%;



    margin-right:-10px;



    color:#000



}



.fa-chevron-left{



    color:#ddd;



    text-shadow:none



}



.fa-chevron-right{



    color:#ddd;



    text-shadow:none



}



.thirdSlide{



    background:#f6f6f6;



    text-align:center;



    margin:0 auto;



    padding-bottom:60px;



    float:left;



    width:100%;



    height:auto



}



.thirdSlide .mainwork{



    width:140px;



    text-align:center;



    display:inline-block;



    margin:0 8px;



    height:auto



}



.thirdSlide .mainwork img{



    width:100px;



    height:auto



}



.thirdSlide .mainwork p{



    font-family:'Source Sans Pro',sans-serif;



    color:#3c3c3c;



    font-size:20px;



    text-align:center;



    padding-top:15px



}



.fourthSlide{



    padding:25px 0;



    text-align:center;



    margin:0 auto;



    float:left;



    width:100%



}



.fourthSlide .title{



    padding-bottom:45px



}



.am-wrapper{



    float:left;



    position:relative;



    overflow:hidden



}



.am-wrapper img{



    position:absolute;



    outline:0



}



.fourthSlide .btn-default{



    margin:0 0 55px 0



}



.fiveSlide{



    text-align:center;



    margin:0 auto;



    padding-bottom:10px;



    float:left;



    width:100%;



    *padding-top:74px;



}



.fiveSlide .title{



    padding-top:0



}



.sixSlide{



    background:#f6f6f6 none repeat scroll 0 0;



    margin:0 auto;



    padding-bottom:50px;



    padding-top:25px;



    text-align:center;



    float:left;



    width:100%



}  



.sixSlide .blog-title{



    color:#3d3d3d;



    font-family:'Source Sans Pro',sans-serif;



    font-size:45px;



    letter-spacing:-.06em;



    background:url(../images/blog-icon.jpg) no-repeat left;



    text-align:left;



    padding-left:72px;



    line-height:31px;



    margin-bottom:30px;



    margin-top:35px



}



.sixSlide .blog-title p{



    font-family:'Source Sans Pro',sans-serif;



    color:#626262;



    font-size:25px;



    letter-spacing:0;



    text-transform:uppercase



}



.sixSlide-2{



    background:#fff none repeat scroll 0 0;



    margin:0 auto;



    padding-bottom:40px;



    padding-top:25px;



    text-align:center



}



.sixSlide-2 .socialNews-title{



    color:#3d3d3d;



    font-family:aileronblack;



    font-size:45px;



    letter-spacing:-.06em;



    text-align:left;



    padding-left:5px;



    line-height:31px;



    margin-bottom:40px;



    margin-top:40px;



    margin-left:17px



}



.sixSlide-2 .socialNews-title p{



    font-family:aileronlight;



    color:#626262;



    font-size:25px;



    letter-spacing:0;



    text-transform:uppercase



}



.sixSlide-2 .title{



    font-family:Arial,Helvetica,sans-serif;



    color:#000;



    font-size:18px;



    text-align:left;



    margin:0;



    padding:0



}



.sixSlide .title{



    color:#0e0e0e;



    font-family:"Source Sans Pro",sans-serif;



    font-size:16px;



    font-weight:700;



    line-height:18px;



    margin:0;



    padding:0;



    text-align:left;



    text-transform:uppercase



}



.sixSlide .blog-padding{



    margin:15px 0



}







.sectionPunchline {text-align: center;display: inline-block;width: 100%;font-weight: 500;background-color: #f9f9f9;padding: 40px 0px;}

.sectionPunchline p:first-child {font-weight: 800;}



.sectionPunchline p { margin:0; padding:0; font-size:20px;}



.sectionPunchline h1 { margin: 0; padding: 10px 0px; font-size: 40px; font-weight: 800;}







.team-block{



    float:left;



    width:100%;



    padding:35px 0



}



.team-block img{



    text-align:center;



    margin:0 auto



}



.team-block .title{



    padding:20px 0



}



.facebookName{



    color:#216ba7;



    font-family:Arial,Helvetica,sans-serif;



    font-size:12px;



    text-transform:uppercase;



    font-weight:700;



    padding-left:5px;



    padding-top:5px



}



.facebookTittle{



    color:#000;



    font-family:Arial,Helvetica,sans-serif;



    font-size:11px;



    text-transform:uppercase;



    font-weight:700;



    padding-left:10px;



    padding-top:10px;



    text-align:centre;



    padding-bottom:10px



}



.facebookContent{



    color:#525252;



    font-size:11px;



    text-align:left;



    line-height:16px;



    padding-left:10px;



    padding-right:10px;



    padding-bottom:6px;



    font-family:'Source Sans Pro',sans-serif;



    padding-top:10px



}



.facebookDate{



    color:#949595;



    font-size:11px;



    text-align:justify;



    font-family:Arial;



    padding-left:5px



}



.facebookviewPost{



    color:#0168ba!important;



    font-size:11px;



    text-align:justify;



    font-family:Arial;



    text-decoration:underline;



    padding-bottom:0



}



.facebookviewPost a{



    color:#0168ba!important;



    font-size:11px;



    text-align:justify;



    font-family:Arial;



    text-decoration:underline;



    padding-left:5px



}



.facebookviewPost a:hover{



    color:#d10101!important;



    text-decoration:underline



}



.facebookMainTable .instead{



    width:200px;



    margin-right:10px;



    border:#d8e7f3 solid 1px;



    padding:5px;



    background:#fff;



    text-align:left;



    height:140px



}



.sevenSlide{



    background:#b70001;



    padding:25px 0;



    text-align:center;



    margin:0 auto;



    font-size:45px;



    color:#fff;



    font-weight:100



}



.btn-primary{



    background:0 0;



    border:#fff solid 1px;



    text-transform:uppercase;



    border-radius:0;



    font-size:20px;



    padding:10px 45px



}



.btn-primary:hover{



    background:#fff;



    color:#bf0000;



    border:#fff solid 1px



}



footer{



    margin:0 auto;



    background:#2b2b2b;



    height:auto;



    padding:25px 0;



    color:#ccc;



    font-family:Arial;



    font-size:12px



}



.footer-bot{



    background:#fff;



    margin:0 auto;



    text-align:left;



    color:#8a8a8a;



    font-size:11px;



    padding-top:15px;



    float:left;



    width:100%;



    height:auto



}



footer h3{



    font-family:Oswald,sans-serif;



    font-size:16px;



    color:#dedede;



    text-transform:uppercase;



    font-weight:100;



    margin:0;



    padding:0



}



footer address{



    color:#ccc;



    font-family:Arial;



    font-size:12px



}



.footerMenu{



    padding:0;



    margin-bottom:40px



}



.footerMenu ul{



    margin:0;



    padding:0;



    list-style:none



}



.footerMenu ul li{



    float:left;



    padding-right:15px



}



.footerMenu ul li a{



    color:#dedede;



    text-transform:uppercase;



    font-family:Arial;



    font-size:12px



}



.footerSocial img{
    margin-right:10px;
    margin-top:-10px
}

.xlogo{ 
      
      margin-right:0px!important;
      margin-top:0px !important;
}
.xlogo:hover{
    filter: brightness(0) invert(100%);
}



.socialIconHeader{



    float:right;



    background:#fff;



    padding:25.5px 10px;



    margin-left:20px



}



.socialIconHeader ul{



    margin:0;



    padding:0



}



.hiring-box {display: flex;align-items: center;}



.footer-banner-certificate{



    /*float:left;*/



    margin:20px 0 30px;



	display: flex;



    justify-content: left;



    align-items: center;



}



.footer-banner-certificate a{



    margin:0 20px 0 0;



    float:left



}



.socialIconHeader ul li{



    float:left;



    list-style:none;



    padding-right:7px



}



.navbar-nav>li>.dropdown-menu{



    margin-top:0;



    border-bottom-left-radius:4px;



    border-bottom-right-radius:4px;



    padding:8px 0



}



.navbar-default .navbar-nav>li>a{



    font-weight:400



}



.mega-dropdown{



    position:static!important



}



.mega-dropdown-menu{



    padding:20px 0;



    width:100%;



    box-shadow:none;



    -webkit-box-shadow:none



}



.mega-dropdown-menu:before{



    content:"";



    border-bottom:15px solid #fff;



    border-right:17px solid transparent;



    border-left:17px solid transparent;



    position:absolute;



    top:-15px;



    left:285px;



    z-index:10



}



.mega-dropdown-menu:after{



    content:"";



    border-bottom:17px solid #ccc;



    border-right:19px solid transparent;



    border-left:19px solid transparent;



    position:absolute;



    top:-17px;



    left:283px;



    z-index:8



}



.mega-dropdown-menu>li>ul{



    padding:0;



    margin:0



}



.mega-dropdown-menu>li>ul>li{



    list-style:none



}



.mega-dropdown-menu>li>ul>li>a{



    display:block;



    padding:3px 20px;



    clear:both;



    font-weight:400;



    line-height:1.428571429;



    color:#999;



    white-space:normal



}



.mega-dropdown-menu>li ul>li>a:focus,.mega-dropdown-menu>li ul>li>a:hover{



    text-decoration:none;



    color:#444;



    background-color:#f5f5f5



}



.mega-dropdown-menu .dropdown-header{



    color:#428bca;



    font-size:18px;



    font-weight:700



}



.mega-dropdown-menu form{



    margin:3px 20px



}



.mega-dropdown-menu .form-group{



    margin-bottom:3px



}



.carousel-caption{



    top: 50%;



	left: 50%;



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



	bottom: unset;



	right: unset;



	padding: 0; 



	width: 580px;  



}



.carousel-caption .carousel-bg{



    background:rgba(0,0,0,.7) none repeat scroll 0 0;



    border-bottom:5px solid #d10000;



    padding:50px 10px 18px 10px;



    color:#fff;



    font-family:aileronlight;



    line-height:30px;



    text-align:center;



    font-size:23px



}



.videoTitle{



    text-transform:uppercase;



    font-size:1.2em;



    font-weight:600;



    background-color:rgba(0,0,0,.8);



    margin-top:-4px;



    padding:5px 15px;



    display:inline-block;



    border-radius:10px



}



.videoBotTitle{



    text-transform:uppercase;



    font-size:1.2em;



    font-weight:700;



    padding:5px 15px;



    text-align:center



}



.carousel-caption .centreText{



    font-family:Oswald,sans-serif;



    font-size:50px;



    font-weight:700;



	margin-top: 0; 



}



.carousel-caption .topText{



    font-size:30px;



}



.carousel-caption .botText{



    font-size:27px;



    font-family:aileronregular;



    font-weight:700



}



.navbar-toggle{



    background:#000;



    border:1px solid transparent;



    border-radius:4px;



    float:right;



    margin-bottom:8px;



    margin-right:0;



    margin-top:24px;



    padding:9px 10px;



    position:relative



}



.navbar-toggle .icon-bar{



    background:#fff none repeat scroll 0 0;



    border-radius:1px;



    display:block;



    height:2px;



    width:22px



}



.side-menu{



    display:none



}



.cbp-spmenu{



    background:#47a3da;



    position:fixed



}



.cbp-spmenu h3{



    color:#afdefa;



    font-size:1.9em;



    padding:20px;



    margin:0;



    font-weight:300;



    background:#0d77b6



}



.cbp-spmenu a{



    display:block;



    color:#fff;



    font-size:1.1em;



    font-weight:300



}



.cbp-spmenu a:hover{



    background:#258ecd



}



.cbp-spmenu a:active{



    background:#afdefa;



    color:#47a3da



}



.cbp-spmenu-vertical{



    width:240px;



    height:100%;



    top:0;



    z-index:1000



}



.cbp-spmenu-vertical a{



    border-bottom:1px solid #258ecd;



    padding:1em



}



.cbp-spmenu-horizontal{



    width:100%;



    height:150px;



    left:0;



    z-index:1000;



    overflow:hidden



}



.cbp-spmenu-horizontal h3{



    height:100%;



    width:20%;



    float:left



}



.cbp-spmenu-horizontal a{



    float:left;



    width:20%;



    padding:.8em;



    border-left:1px solid #258ecd



}







.msmeLogo { margin-left: -35px;}







@media screen and (max-width:55.1875em){



    .cbp-spmenu-horizontal{



        font-size:75%;



        height:110px



    }



    .cbp-spmenu-top{



        top:-110px



    }



    .cbp-spmenu-bottom{



        bottom:-110px



    }



	



	.footer-banner-certificate { margin:0px; }



	.msmeLogo { margin-top: 10px; margin-bottom: 25px; }







}



@media screen and (max-height:26.375em){



    .cbp-spmenu-vertical{



        font-size:90%;



        width:190px



    }



    .cbp-spmenu-left,.cbp-spmenu-push-toleft{



        left:-190px



    }



    .cbp-spmenu-right{



        right:-190px



    }



    .cbp-spmenu-push-toright{



        left:190px



    }



}



.bgcolor{



    background:#3b5998;



    color:#fff;



    height:26px



}



.bgcolor a{



    color:#fff;



    text-decoration:underline



}



.bgcolorgPlus{



    background:red;



    color:#fff;



    height:26px



}



.bgcolorgPlus a{



    color:#fff;



    text-decoration:underline



}



.bgcolortw{



    background:#3498db;



    color:#fff;



    height:26px



}



.bgcolortw a{



    color:#fff;



    text-decoration:underline



}



.facebookviewPost a{



    color:#fff!important;



    text-decoration:underline



}



.facebookviewPost a:hover{



    color:#fff!important



}



.facebookDate{



    color:#fff!important



}



.entry-list{



    float:left;



    margin-left:21px;



    margin-right:15px;



    margin-top:10px



}



.entry-list{



    -webkit-column-count:5;



    -moz-column-count:5;



    column-count:5



}



.entry-listDetails{



    float:left;



    width:100%;



    margin-top:15px



}



.entry-listDetails{



    -webkit-column-count:1;



    -moz-column-count:1;



    column-count:1



}



.entry-listSingle{



    -webkit-column-count:4;



    -moz-column-count:4;



    column-count:4



}



.entry-listSingle .entry{



    -webkit-column-break-inside:avoid;



    -moz-column-break-inside:avoid;



    -o-column-break-inside:avoid;



    -ms-column-break-inside:avoid;



    column-break-inside:avoid;



    display:inline-block;



    background:#fff;



    -webkit-box-shadow:10px 11px 5px -10px #b3b3b3;



    -moz-box-shadow:10px 11px 5px -10px #b3b3b3;



    box-shadow:10px 11px 5px -10px #b3b3b3;



    margin-bottom:35px;



    width:100%



}



.entry img{



    background:#fff none repeat scroll 0 0;



    border:1px solid #ccc;



    padding:1px



}



.fb{



    background:0 0!important;



    border:none!important;



    width:27px



}



.tw{



    background:0 0!important;



    border:none!important;



    width:22px



}



@media (max-width:320px){



    .entry-list{



        -webkit-column-count:1;



        -moz-column-count:1;



        column-count:1



    }



    .entry-list .entry{



        width:100%



    }



    .entry-listDetails{



        -webkit-column-count:1;



        -moz-column-count:1;



        column-count:1



    }



    .entry-listDetails .entry{



        width:100%



    }



    .entry-listSingle{



        -webkit-column-count:1;



        -moz-column-count:1;



        column-count:1



    }



}



@media (max-width:768px){

    .video_style {

        margin-bottom: 15px;

    }

    input#captcha {



    margin-left: 20px;}



    .entry-list{



        -webkit-column-count:1;



        -moz-column-count:1;



        column-count:1



    }



    .entry-list .entry{



        width:100%



    }



    .header-top .col-md-3,.header-top .col-sm-3{



        clear:none



    }



}



.entry-listDetails .entry{



    -webkit-column-break-inside:avoid;



    -moz-column-break-inside:avoid;



    -o-column-break-inside:avoid;



    -ms-column-break-inside:avoid;



    column-break-inside:avoid;



    display:inline-block;



    background:#fff;



    -webkit-box-shadow:0 1px 2px rgba(34,25,25,.4);



    -moz-box-shadow:0 1px 2px rgba(34,25,25,.4);



    box-shadow:0 1px 2px rgba(34,25,25,.4);



    margin-bottom:35px;



    width:100%



}



.entry-list .entry{



    -webkit-column-break-inside:avoid;



    -moz-column-break-inside:avoid;



    -o-column-break-inside:avoid;



    -ms-column-break-inside:avoid;



    column-break-inside:avoid;



    display:inline-block;



    background:#fff;



    box-shadow:0 0 5px 2px rgba(214,214,214,.75);



    -moz-box-shadow:0 0 5px 2px rgba(214,214,214,.75);



    -webkit-box-shadow:0 0 5px 2px rgba(214,214,214,.75);



    margin-bottom:15px;



    width:100%



}



.socialIconsFloat{



    float:left;



    padding-left:15px



}



.gPlusImage img{



    width:200px



}



.carousel-inner img{



    margin:0 auto



}



.fiveSlide img{



    margin:20px auto;



    width:230px



}

.fiveSlide.clientnew .col-sm-3 {

    height: 125px;

}



.sixSlide a{



    color:#424242



}



.navbar-default .navbar-collapse,.navbar-default .navbar-form{



    border:none!important



}



.carousel-inner{



    clear:both



}



.sticky-right-icon-bar{



    position:fixed;



    background-color:rgba(255,255,255,.4);



    top:28%;



    z-index:999999;



    right:5px;



    padding:5px;



    border-radius:5px



}



.sticky-right-icon-bar .footerSocilaIcon li{



    display:block;



    position:relative;



    margin-bottom:4px



}



.footerSocilaIcon{



    margin:0;



    padding:0;



    list-style:none



}



.footerSocilaIcon li{



    display:inline-block;



    margin:0 2px



}



.footerSocilaIcon li a{



    width:35px;



    height:35px;



    display:table-cell;



    vertical-align:middle;



    text-align:center;



    background-color:#d20001;



    color:#fff;



    -webkit-border-radius:50%;



    -moz-border-radius:50%;



    border-radius:50%



}



.footerSocilaIcon li a:hover{



    background-color:#000;



    text-decoration:none



}



.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{



    color:#000;



    text-decoration:none;



    background-color:#edecec



}



li.dropdown:hover{



    background-color:#edecec



}



.portfolio-BF{



    width:100%;



    float:left;



    margin-bottom:50px;



	display: none;



}



.portfolio-BF .carousel-control.left{



    background-image:none



}



.portfolio-BF .carousel-control.right{



    background-image:none



}



.portfolio-BF .port-slider{



    width:100%;



    display:block;



    position:relative;



    background:#fff;



    height:auto



}



.portfolio-BF .port-slider .sliderText-tab{



    background-color:rgba(255,255,255,.8);



    bottom:0;



    margin:0 auto;



    padding:10px 0;



    position:absolute;



    text-align:center;



    width:100%;



    text-transform:uppercase;



    font-weight:600;



    font-size:20px



}



.portfolio-BF .port-slider:hover{



    cursor:pointer



}



.portfolio-BF .port-slider:hover .sliderText-tab{



    background-color:#d20001;



    color:#fff



}



.portfolio-BF .carousel-control{



    width:5%



}



.portfolio-BF .fa-chevron-left,.portfolio-BF .fa-chevron-right{



    color:#000



}



.img-bg-hover{



    opacity:.2



}



.slider-Arrow{



    left:0;



    margin:35% auto 0;



    position:absolute;



    right:0;



    text-align:center;



    width:109px;



    z-index:9



}



.fixed-header{



    float:left;



    width:100%;



    background-color:#fff



}



.fixeded{



    position:fixed;



    top:0;



    left:0;



    background-color:#fff;



    padding-top:10px



}



.fixed-logo{



    position:relative;



    z-index:9999;



    display:none



}



.custom-logo-link,.fixed-logo .navbar-brand{



    height:auto



}



.fixed-logo img{



    height:auto;



    padding:5px 0;



    width:100px



}



.fixed-logo .custom-logo-link{



    background-color:#fff



}



.fixeded .fixed-logo{



    display:block;



    float:left;



    margin-top:-12px



}  



.fixeded .navbar-nav>li>a{



    padding-bottom:9px;



    padding-top:8px



}



.sticky-right-mobbysAwards{



    position:fixed;



    top:25%;



    z-index:999999;



    left:-4px;



	display:none;



}



.sticky-right-mobbysAwards:hover{



    cursor:pointer



}



.getintouch-home{



    position:fixed;



    top:55%;



    z-index:999999;



    right:5px



}



.getintouch-home:hover{



    cursor:pointer



}



.trophyMobby .modal-content{



    background-color:rgba(50,1,2,.9);



    border:#fff solid 2px



}



.trophyMobby .modal-body img{



    text-align:center;



    margin:0 auto



}



.title-trophy{



    border-bottom:1px dashed #fff2b9;



    color:#fff2b9;



    font-size:22px;



    line-height:25px;



    padding-bottom:10px;



    text-align:center;



    display:inline-block



}



.trophyMobby .modal-header{



    border-bottom:none;



    text-align:center



}



.trophyMobby .modal-footer{



    border-top:none;



    color:#fff;



    text-align:center



}



.trophyMobby .close{



    color:#fff;



    opacity:1



}



.trophyMobby .modal-body{



    padding:0 15px



}



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



    .dropdown:hover .dropdown-menu{



        display:block



    }



}



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



    .sevenSlide{



        font-size:35px



    }



    .homepageBanner{



        background-image:url(../homepage-images/home-banner-tab.jpg);



        background-size:cover;



		width:100%;



		height:613px;



		background-position:center center



    }



    .grid figure{



        width:auto



    }



    .nav>li>a{



        padding:12px 10px



    }



}



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



    input#captcha {



    margin-left: 0px;



}



    .team-block{padding:10px 0}



    .navbar-toggle{



        margin-top:9px;



    }



    .phone-List .color-red{



        font-size:12px



    }



    .phone-List ul li a{



        font-size:12px



    }



    .title{



        font-size:40px



    }



    .portfolio-BF .title{



        padding:30px 0;



        font-size:40px



    }



    .phone-List ul li{



        text-align:center



    }



    .phone-List ul{



        text-align:center



    }



    .sticky-right-mobbysAwards{



        top:40%



    }



    .sticky-right-mobbysAwards img{



        width:90px



    }



    .testi-left{



        margin-right:10px



    }



    .secondSlide .testiTittle{



        text-align:center;



        margin-bottom:20px!important



    }



    .testi-next{



        float:none!important;



        margin:20px auto 0;



        text-align:center



    }



    .homepageBanner{



        background-image:url(../homepage-images/home-banner-mobile.jpg)



    }



    .carousel-inner .fill{



        width:100%;



        height:255px



    }



    .sticky-right-icon-bar{



        right:0



    }



    .navbar-nav{



        margin:0



    }



}



.getintouch{



    border:2px solid #fff;



    background: #fff;

	

    color:#666666!important;



    font-size:14px;



    padding-left:20px;



    padding-right:20px;



    text-transform:uppercase;



    -webkit-border-radius:25px;



    -moz-border-radius:25px;



    border-radius:25px;



    padding-top:7px;



    padding-bottom:7px;



    font-weight:600;



	display: inline-block;



} 

.hiring-box img {margin-right: 20px;}



.getintouch:focus {



    text-decoration: none;



    outline: 0;



}  



.fixeded .award-getintouch-div p a {



    font-size: 14px;



	padding-left: 15px;



	padding-right: 15px;



} 



.getintouch:hover{



    background:#666;



    color:#fff !important;



    border:#666 solid 2px;



    text-decoration:none



}

.award-getintouch-div p:last-child a {

    border: 2px solid #b70001;

    background: #b70001;

    color: #fff!important;

}

.award-getintouch-div p:last-child a:hover {

    background: #333;

    color: #fff !important;

    border: #333 solid 2px;

    text-decoration: none;

}

#myModalAward .modal-header{



    min-height:0;



    padding:0;



    border-bottom:none



}



#myModalAward .modal-header .close{



    margin-top:-10px;



    border-radius:100px;



    padding:1px;



    background:#8b1404;



    opacity:1;



    color:#fff;



    width:30px;



    height:30px;



    position:absolute;



    right:-14px;



    z-index:9;



    border:#fff solid 2px



}



#myModalAward .modal-body{



    position:relative;



    padding:0



}



.top-block{



    float:left;



    width:100%;



    background:#f1f1f1;



    padding:20px 0;



    color:#636363;



    font-size:1.5em;



    line-height:33px;



    text-align:left



}



.top-block .boldDigit{



    color:#000;



    font-weight:700;



    font-size:2em;



    margin:0;



    padding:0



}



.top-block-content{



    line-height:20px;



    margin:0;



    padding-top:6px



}



.testiTittle p{



    color:#1f1f1f;



    font-weight:100



    font-size:16px;



}



.top-block{



    display:table;



    position:relative;



    text-align:center;



    border-top:#fff solid 5px



}



.tbc-container{



    display:table-cell;



    width:1%;



    text-align:left;



    white-space:nowrap;



    vertical-align:top;



    border-right:#fff solid 2px;



    padding-left:25px;



    padding-left:40px



}



.tbc-container:last-child{



    border:none



}



.tstimonial-bg{



    background-color:#faf9f9



}



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



    .top-block-content{



        line-height:18px;



        margin:0;



        padding-top:6px;



        font-size:21px;



        margin-bottom:15px



    }



    .secondSlide .testimonial-para{



        text-align:center



    }



    #myCarousel-testi .carousel-inner img{



        width:120px



    }



    .secondSlide .testimonial-para{



        padding:30px;



        font-size:16px;



        font-weight:100;



        text-align:justify;



        line-height:22px



    }



    .tbc-container{



        display:block;



        border:none;



        float:left;



        width:50%



    }



    .secondSlide .testiTittle{



        margin:0



    }



    .tstimonial-bg{



        padding-top:100px



    }



    .footerMenu ul li{



        padding-bottom:10px



    }



    .team-exp{



        margin-bottom:35px



    }



}



.life-reducbe-section{



    float:left;



    width:100%;



    margin:0 auto;



    padding:0 0 50px 0;



    text-align:center



}



.blog-date{



    text-align:left;



    margin:0 0 10px 0



}



.blog-date .date{



    color:#09f



}



.col-lg-15,.col-md-15,.col-sm-15,.col-xs-15{



    position:relative;



    min-height:1px;



    padding-right:10px;



    padding-left:10px



}



.col-xs-15{



    width:20%;



    float:left



}



@media (min-width:768px){



    .col-sm-15{



        width:20%;



        float:left



    }



    .client-speak{



        /*min-height:500px*/



    }



}



@media (min-width:992px){



    .col-md-15{



        width:20%;



        float:left



    }



}



@media (min-width:1200px){



    .col-lg-15{



        width:20%;



        float:left



    }



}



.team{



    text-align:center;



    float:left;



    width:100%;



    margin-bottom:30px



}



.team-title{



    color:#292929;



    font-weight:600;



    font-size:1.5em;



    margin-top:10px



}



.team-designation{



    color:#757575;



    font-size:1.4em;



    margin:5px 0



}



.team-exp{



    color:#1d1b1b;



    font-size:1.3em;



    line-height:25px



}











.col-0{



    margin:0;



    padding:0



}



.thumb{



    margin-bottom:36px



}



.btn-viewall{



    border:#333 solid 2px;



    background:0 0;



    padding:5px 15px;



    font-size:1.2em;



    margin:0 auto;



    text-align:center;



    border-radius:0;



    text-transform:uppercase;



    background:#333;



    color:#fff



}



.btn-viewall:hover{



    color:#fff;



    background:#bf0000



}



.digital-ad-films-banner{



    background:url(../images-n/digital-ad-films-banner-n.jpg) no-repeat center;



    padding:150px 0 30px



}



.animation-video-banner{



    background:url(../images-n/animation-video-banner.png) no-repeat center;



    padding:150px 0 30px;



    background-position:center left



}



.btn-started{



    background-color:#c80000;



    text-transform:uppercase;



    color:#fff;



    font-weight:600;



    font-size:18px;



    letter-spacing:1px;



    padding-left:25px;



    padding-right:25px;



    margin-top:30px;



    margin-bottom:15px;



    position:relative



}



.btn-started:hover{



    background-color:#000;



    color:#fff



}



.digital-ad-films-banner h1{



    font-size:52px;



    line-height:42px;



    color:#fff



}



.digital-ad-films-banner h1 small{



    color:#d9be3e;



    font-weight:300



}



.filmspageSection{



    float:left;



    width:100%



}



.filmspageSection p{



    margin-bottom:30px



}



.filmspage-s1{



    padding:20px 0 0



}



.filmspageContent-s1 h3{



    color:#3f3f3f;



    font-size:3.8rem;



    font-weight:800



}



.filmspageContent-s1 p{



    color:#7c7c7c;



    font-size:18px



}



.filmspage-s3{



    background:url(../images-n/digital-ad-films-whuus.jpg) right no-repeat;



    background-size:cover;



    padding:0;



    color:#fff;



    margin-top:0



}



.fps3header{



    margin-bottom:15px



}



.fps3header h3{



    color:#fff;



    font-size:3.8rem;



    font-weight:800



}



.filmspage-s3 p{



    font-size:18px



}



.filmspage-s4{



    background:url(../images-n/digital-ad-films-bgfull.jpg) no-repeat;



    background-size:cover;



    background-attachment:fixed;



    padding:30px 0 45px



}



.fps4header{



    text-align:center;



    margin-bottom:45px



}



.fps4header h3{



    color:#3f3f3f;



    font-size:3.8rem;



    font-weight:800



}



.fps4list ul{



    float:left;



    width:100%;



    list-style:none;



    margin:0;



    padding:0



}



.fps4list ul li{



    float:left;



    margin-bottom:45px;



    padding:0 15px



}



.fps4list ul li h6{



    font-family:'Source Sans Pro',sans-serif;



    color:#3c3c3c;



    text-align:center;



    padding-top:0;



    float:left;



    width:100%



}



.fpicons{



    float:left;



    width:100%;



    text-align:center



}



.filmspage-s5{



    padding:50px 0



}



.fps5header{



    padding:0 0



}



.fps5header h3{



    color:#3f3f3f;



    font-size:3.8rem;



    font-weight:800



}



.filmspage-s5 p{



    color:#7c7c7c;



    font-size:18px



}



.filmspage-s6 .embed-responsive{



    margin-bottom:30px



}







.video_ifame iframe {



    width: 100%;



    height: 350px; 



}



.video-img-div {



    margin: 0 0 15px 0;



	cursor: pointer;



	position: relative;   



} 



.video-img-div .fa-youtube-play {



    position: absolute;



    top: 50%;



    left: 50%;



    font-size: 40px;



    color: red;



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



	z-index: 0;



}



.video-img-div .fa-youtube-play::after {



    content: "";



    background-color: #fff;



    width: 15px;



    height: 15px;



    position: absolute;



    top: 50%;



    left: 50%;



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



    z-index: -1;



}



.video-modal-section {



    position: relative;



}



.video-modal-section .close {



    position: absolute;



    top: -15px;



    right: -15px;



    border-radius: 100%;



    background-color: #000;



    z-index: 1;



    opacity: 1;



    width: 30px;



    height: 30px;



    color: #fff;



	padding-bottom: 4px;   



}



.video-modal-section .close:hover {  



    background-color: red;



}



.filmspage-action{



    background-color:#e8e8e8;



    float:left;



    width:100%;



    text-align:center;



    margin:15px 0;



    padding:10px 0 5px



}



.filmspage-action p{



    color:#3f3f3f;



    font-size:26px;



    margin:7px 10px 0



}



.filmspage-action a{



    border:2px solid #c21b00;



    background:#c21b00;



    color:#fff;



    font-size:21px;



    padding:8px 15px;



    margin:0 10px;



    -webkit-border-radius:5px;



    -moz-border-radius:5px;



    border-radius:5px



}



.filmspage-action a i{



    color:#fff;



    margin-left:10px



}



.filmspage-action a:hover,.filmspage-action a:hover i{



    background:#fff;



    color:#ffd202;



    text-decoration:none



}



.filmspage-action a.letsplan{



    border:2px solid #2ba2a3;



    background:#2ba2a3



}



.filmspage-action a.letsplan:hover,.filmspage-action a.letsplan:hover i{



    background:#fff;



    color:#2ba2a3



}



.filmspage-s7{



    margin-top:30px



}



.fps7wrap{



    margin-top:70px;



    margin-bottom:15px;



}



.fps7wrap h2{



    color:#464646;



    font-size:25px;



    font-weight:600



}



.fps7wrap p{



    color:#7c7c7c;



    font-size:18px



}







/*vineet css start for digital adds films*/



.filmspage-slider{



    position: relative;



    width: 100%;



    padding: 20px 0px;



}



.filmspage-slider h3{



    text-align: center;



    color: #3f3f3f;



    font-size: 3.8rem;



    font-weight: 800;



    margin: 0px 0px 30px;



}



.filmspage-slider .swiper-wrapper .swiper-slide img{



    margin: 0 auto;



    border: 1px solid #d4d4d4;



}



.digital-form{



    background-color: #fff;



    padding: 40px 0px;



}



.digital-form-wrap h3{



    color: #3f3f3f;



    font-size: 3.8rem;



    font-weight: 800;



    text-align: center;



    margin-bottom: 45px;



}



.digital-form-wrap{



    border: 1px solid #d4d4d4;



    padding: 30px;



}    



.digital-form-wrap textarea.form-control{



    height: 100px;



    resize: none;



}



.digital-form-wrap select{



    width: 100% !important;



}



.digital-btn{



    color: #fff;



    font-size: 16px;



    padding: 6px 20px;



    background-color: #bf0000;



    float: right;



}



.digital-btn:hover{



    background-color: #000;



    transition-duration: 0.3s;



    color: #fff;



}



.readmore-wrap{



    text-align: center;



	margin-top: 30px;



}



.readmore-btn{



    color: #fff;



    font-size: 16px;



    padding: 8px 20px;



    background-color: #bf0000;



    text-decoration: none;



    border: 1px solid transparent;



    border-radius: 4px;



}



.readmore-btn:hover{



    background-color: #000;



    transition-duration: 0.3s;



    color: #fff;



}



.filmspage-slider .swiper-button-next{



    background-image: url(../homepage-images/arrow-one.png);



    width: 15px;



    height: 24px;



    background-size: cover;



    margin-top: -11px;



}



.filmspage-slider .swiper-button-prev{



    background-image: url(../homepage-images/arrow-two.png);



    width: 15px;



    height: 24px;



    background-size: cover;



    margin-top: -11px;



}







/* getin touch form css start */



.bookAppoinmentWrap {



    position: fixed;



    top: 160px;



    right: -201px;



    z-index: 9999;



    transition: all ease .5s;



}



.bookAnAppoinmentBtnRight {



    position: absolute;



    z-index: 10000;



    padding: 5px 20px;



    left: -96px;



    top: 110px;



    border-top-left-radius: 1em;



    border-top-right-radius: 1em;



    -ms-transform: rotate(20deg);



    -webkit-transform: rotate(20deg);



    transform: rotate(-90deg);



    background: #ffd202;



    box-shadow: 10px 10px 10px 10px transparent;



    font-size: 18px;



}



.bookAnAppoinmentBtnRight:hover{



    background: #ffd202;



    color: #fff !important;



}



.bookAppoinmentWrapForm {



    border: solid 3px #ffd202;



    background-color: #fff;



    float: left;



    padding: 15px;



    width: 200px;



}



.bookAppoinmentWrapForm input[type="text"], .bookAppoinmentWrapForm input[type="email"], .bookAppoinmentWrapForm input[type="tel"], .bookAppoinmentWrapForm textarea {



    background-color: #fff;



    width: 100%;



    padding: 5px 15px;



    margin-bottom: 10px;



    border: solid 1px #ddd;



    -moz-border-radius: 4px;



    -webkit-border-radius: 4px;



    border-radius: 4px;



    resize: none;



}



.bookAppoinmentWrapForm input[type="submit"] {



    background-color: #ffd202;



    color: #fff;



    padding: 5px 30px;



    border: solid 1px #ffd202;



    -moz-border-radius: 4px;



    -webkit-border-radius: 4px;



    border-radius: 4px;



}



.bookAppoinmentWrapForm span{



    font-size: 12px;



}



.clients-one {



    height: 60%;



}



/* getin touch form css end */















/*vineet css end for digital adds films*/



.block-content{



    padding:15px 0



}



@media(max-width:767px){



    .widget-t8-line .powerbyimg {position: absolute !important;margin-left: 5px;}



    .compnay-info {padding: 10px 15px !important;z-index: 999;}



    .msmeLogo {margin-left: 0px; margin-top: 30px;}



    .scroll-box i{font-size: 20px;}



    .scroll-box p {font-size: 14px;margin-bottom: 2px;}



	.video-modal-section .modal-body {



		padding: 20px;



	}
    .xlogo{ 
      
    
        margin-top:-14px !important;
  }



	.video-modal-section .close {



		top: -5px;



		right: -5px;



		width: 25px;



		height: 25px;



    }



	.video-img-div {



		width: auto;



		margin: 0 auto 15px;



		display: table;



	}



	



	



    .filmspageContent-s1{



        padding:30px 0 0



    }



    .fps4list ul li{



        width:50%



    }



    .fps4list ul li:nth-child(11),.fps4list ul li:nth-child(15),.fps4list ul li:nth-child(3),.fps4list ul li:nth-child(6) .fps4list ul li:nth-child(9){



        clear:left



    }



    .fps4list ul li h6{



        font-size:1.8rem



    }



    .fps4list ul li img{



        width:80px;



        height:auto



    }



    .fpawrap{



        margin:0 0 15px



    }



    .filmspage-action p{



        display:inline-block;



        margin-bottom:10px



    }



    .filmspage-action a{



        display:inline-block



    }







    .digital-form-wrap {



        padding: 10px 10px 25px;



    }



    .digital-form-wrap h3 {



        margin-bottom: 30px;



        font-size: 24px;



    }



    .digital-form {        



        padding: 0px 0px;



    }



    .bookAppoinmentWrap {        



        top: 110px;



    }











}



@media(min-width:768px){



    .filmspageContent-s1{



        padding:0 0 0



    }



    .fps4list ul li{



        width:20%



    }



    .fps4list ul li img{



        width:80px;



        height:auto



    }



    .fps4list ul li h6{



        font-size:1.8rem



    }



    .filmspageContents5{



        border-left:solid 1px red;



        padding:0 0 0 45px



    }



    .fps4list ul li:nth-child(11),.fps4list ul li:nth-child(6){



        clear:left



    }



    .fpawrap{



        display:inline-block



    }



    .filmspage-action p{



        float:left



    }



    .filmspage-action a{



        float:left



    }



}



@media(min-width:1200px){



    .fps4list ul li h6{



        font-size:2rem



    }



    .fps4list ul li img{



        width:115px;



        height:auto



    }



    .filmspageContent-s1{



        padding:0



    }



}



@media(max-width:480px){



    



}



@media(max-width:320px){







    .compnay-info {padding:7px 7px !important;}



    .footer-banner-certificate{margin: 15px 0 30px;}



    .animation-video-banner{ padding:0 0 30px!important}



    .animation-page{padding:10px 0 0!important}



    .animation-block-subtitle{



        font-size:22px;



        padding-top:5px;



        line-height:19px}



    .widget-t8-line .powerbyimg{top: -4px !important;}



}



.int-pages{



    color:#959595;



    font-size:1.1em



}



.gray-bg{



    width:100%;



    background:#f4f4f4;



    min-height:150px



}



.int-page-block{



    float:left;



    width:100%;



    padding:25px 0



}



.block-content{



    padding:15px 0



}



.int-pages .block-title{



    color:#ffd202;



    font-size:2em;



    text-align:center;



    margin:0 auto;



    padding:35px 0



}



.int-page-block h3{



    color:#161616;



    font-size:1.6em



}



.textBlack{



    color:#161616



}



.animation-page{



    padding:60px 0 0



}



.animationVideo{



    margin-bottom:30px



}



.video-title{



    font-size:17px;



    margin-top:5px;



    color:#000



}



.animation-block-title{



    font-size:40px;



    text-align:center;



    font-weight:600;



    margin:0;



    padding-bottom:35px;



    line-height:35px;



    color:#151515



}



.animation-block-subtitle{



    font-weight:300;



    font-size:24px;



    padding-top:5px



}



.animation-block-title span{



    font-weight:300



}



.animation-video-banner-new{



    background-size:cover



}



.animation-video-block1{



    padding-top:40px



}



.animate-tell-stories{



    color:#e53244;



    text-align:center;



    font-size:21px



}



.btn-animate-tell-story{



    text-transform:uppercase;



    border:2px solid red;



    border-radius:25px;



    padding:8px 25px;



    color:#000;



    font-weight:700;



    font-size:16px;



    margin:20px 0 50px



}



.animat-what-offer{



    background-color:#e53244;



    color:#fff;



    margin-bottom:60px



}



.ani-what-offer-col{



    position:relative



}



.ani-What-does h3,.ani-what-offer-heading{



    text-align:left;



    text-transform:uppercase;



    font-size:83px;



    line-height:79px;



    font-weight:700;



    top:0;



    left:0;



    transform:translate(25%,90%);



    position:absolute



}



.animate-boder-right{



    border-right:1px solid #750a14



}



.animate-boder-bottom{



    border-bottom:1px solid #750a14



}



.offer-desc-detail-row{



    margin:40px 0



}



.offer-desc-detail{



    padding:20px 13px 0 0;



    position:relative



}



.offer-desc-detail h4{



    font-size:30px;



    font-weight:500;



    padding-top:30px



}



.offer-desc-detail p{



    padding-bottom:20px



}



.offer-desc-boxheig{



    min-height:300px



}



.anim-block-num{



    position:absolute;



    right:50px;



    font-size:100px;



    font-weight:700;



    top:-10px;



    color:#ad1e2c



}



.ani-What-does{



    position:relative



}



.ani-What-does h3{



    font-size:63px;



    line-height:54px



}



.ani-about-What-does{



    position:relative;



    text-align:center



}



.ani-about-What-does h5{



    position:absolute;



    color:#fff;



    top:0;



    font-size:32px;



    font-weight:600;



    text-transform:uppercase;



    left:0;



    right:0



}



.ani-about-What-does p{



    padding:20px 0;



    text-align:left



}



.our-group{



    background-color:#f8f8f8;



    text-align:center;



    padding-bottom:20px;



    margin-bottom:20px



}



.our-group h2{



    color:#e53244;



    text-transform:uppercase;



    font-size:55px;



    font-weight:700;



    padding:20px 0 0



}



.video-title{



    color:#797979



}



.animat-what-offer:after{



    font-size:50px;



    content:" ";



    position:absolute;



    background-image:url(images/animate-border.jpg);



    width:100%;



    height:83px;



    background-repeat:no-repeat



}



.ani-What-does-space{



    margin-top:30px



}



.ani-about-What-does img{



    width:100%



}



.btn-animate-tell-story:hover{



    color:#fff;



    background-color:#e53244



}



/*------



*-------What We Do Verticl Box



--------*/



.box-wwtd{width:100%; height:auto; position:relative; cursor:pointer;margin:30px 0px;}



.box-wwtd:hover a{text-decoration:none !important}



.box-wwtd .box-img-wwtd{width:100%; height:auto; overflow:hidden; }



.box-wwtd .box-img-wwtd img{width:100%; transition:all ease-in-out 0.4s; -webkit-transition:all ease-in-out 0.4s; -moz-transition:all ease-in-out 0.4s; -ms-transition:all ease-in-out 0.4s;}



.box-wwtd:hover .box-img-wwtd img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2);}



.box-wwtd .detail-wwtd h2{word-spacing: 2px; letter-spacing:-1px;font-size:28px;font-weight:bold;color:#303030;min-height: auto;text-transform: uppercase;margin: 0px 0px 5px;padding: 6px 0px;transition:all ease-in-out 0.4s; -webkit-transition:all ease-in-out 0.4s; -moz-transition:all ease-in-out 0.4s; -ms-transition:all ease-in-out 0.4s;}



.box-wwtd .detail-wwtd{ padding:0px;transition:all ease-in-out 0.4s; -webkit-transition:all ease-in-out 0.4s; -moz-transition:all ease-in-out 0.4s; -ms-transition:all ease-in-out 0.4s;}



.box-wwtd:hover .detail-wwtd h2{color:#bf0000;}



.box-wwtd .detail-wwtd p{font-size:16px; color:#303030; line-height:22px}



.box-wwtd:hover .detail-wwtd{transform: translateY(-5px);}



@media(min-width:100px) and (max-width:767px){



    .filmspage-s5{



        padding: 15px 0



    }



    .animation-block-title{



        font-size:28px;



        margin:0;



        padding: 35px 0px 0px;



        line-height:30px



    }



    .animation-block-subtitle{



        font-size:22px;



        padding-top:5px;



        line-height:25px



    }



    .animation-page{



        padding:10px 0 0



    }



    .animation-video-block1{



        padding-top:15px;



        text-align:center



    }



    .animationVideo{



        margin-bottom:0



    }



    .ani-What-does h3,.ani-what-offer-heading{



        font-size:75px;



        line-height:60px;



        transform:translate(10%,5%);



        position:relative



    }



    .animate-boder-bottom{



        border-bottom:none



    }



    .animate-boder-right{



        border-right:none



    }



    .offer-desc-boxheig{



        min-height:0



    }



    .offer-desc-detail{



        padding:0 13px 0 0



    }



    .offer-desc-detail h4{



        padding-top:0



    }



    .anim-block-num{



        right:40px;



        font-size:76px;



        top:-42px



    }



    .animate-tell-stories{



        font-size:15px



    }



    .btn-animate-tell-story{



        margin:15px 0 15px



    }



    .ani-What-does h3,.ani-what-offer-heading{



        font-size:64px;



        line-height:55px;



        transform:translate(5%,5%);



        padding-top:20px



    }



    .animat-what-offer{



        margin-bottom:100px



    }



    .ani-What-does-space{



        margin-top:0



    }



}



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



    .animation-video-block1{



        padding-top:15px



    }



    .animationVideo{



        margin-bottom:0;



        text-align:center



    }



    .ani-What-does h3,.ani-what-offer-heading{



        transform:translate(5%,90%)



    }



    .offer-desc-detail-row{



        margin:0 0



    }



    .offer-desc-detail{



        padding:5px 0 0 0



    }



    .anim-block-num{



        right:5px;



        top:-18px



    }



    .offer-desc-detail p{



        padding-bottom:0;



        font-size:14px



    }



    .offer-desc-boxheig{



        min-height:340px



    }



    .ani-about-What-does h5{



        font-size:20px



    }



    .animat-what-offer{



        margin-bottom:100px



    }



    .ani-What-does-space{



        margin-top:0



    }



	.arrow-full-div {



		display: none;



	} 



	



}







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



.tbc-container {



    display: inline-block;



    width: 32.9%;



    padding-left: 0;



    text-align: center;



    padding-bottom: 20px;



}



.top-block-content br {



    display: none;



}



.tbc-container:nth-child(3) {



    border: none;



} 



.arrow-full-div {



	display: none;



}











}











@media(min-width:576px) and (max-width:767px){



.int-page-block {



float: left;



width: 100%;



padding: 20px 0px 0;



display: block;



}

	



.tbc-container {



    display: inline-block;



    width: 49%; 



    padding-left: 0;



    text-align: center;



    padding-bottom: 20px;



}



.top-block-content br {



    display: none;



}



.tbc-container:nth-child(2), .tbc-container:nth-child(4) {



    border: none; 



} 



.firstSlide-thumb .grid figure {



    max-width: 330px;



    margin: 0 auto 20px;



    float: none;



}



.arrow-full-div {



	display: none;



}



	



	



}











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



.tbc-container {



    display: block;



    border: none;



    float: left;



    width: 50%;



	padding-bottom: 25px;



}   



.homepageBanner {



    background-size: 100%;



}



.arrow-full-div {



	/*display: none;*/



}



.col-12{width:100%;}







}











.arrow-full-div .swiper-button-next {



    right: -10px;



}



.arrow-full-div .swiper-button-prev {



    left: -10px;  



}



.page-title h1{font-size: 60px;font-weight: 800;  margin-bottom: 0px;}



.page-title p{font-size:25px;}



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



	#header{position: fixed; width:100%;top: 0;left: 0;} 



	.fixeded {  position:relative; width:100%;}

    .testimonial-row .arrow-full-div .swiper-button-next, .testimonial-row .arrow-full-div .swiper-button-prev {

    width: 30px !important;

    color: #ffd202 !important;

    height: 20px !important;

    overflow: hidden !important;

}

.arrow-full-div .swiper-button-next {

    right: 10px;

}

.arrow-full-div .swiper-button-prev {

    left: 10px;

}

}











.whatsapp-fixed {

    position: fixed;

    bottom: 120px;

    right: 20px;

    z-index: 1000;

}



.shake {-moz-animation-name:shake;-o-animation-name:shake}



@-webkit-keyframes shake {



0%, 100% {



-webkit-transform:translateX(0)



}



10%, 30%, 50%, 70%, 90% {



-webkit-transform:translateX(-10px)



}



20%, 40%, 60%, 80% {



-webkit-transform:translateX(10px)



}



}



@-moz-keyframes shake {



0%, 100% {



-moz-transform:translateX(0)



}



10%, 30%, 50%, 70%, 90% {



-moz-transform:translateX(-10px)



}



20%, 40%, 60%, 80% {



-moz-transform:translateX(10px)



}



}



@-o-keyframes shake {



0%, 100% {



-o-transform:translateX(0)



}



10%, 30%, 50%, 70%, 90% {



-o-transform:translateX(-10px)



}



20%, 40%, 60%, 80% {



-o-transform:translateX(10px)



}



}



@keyframes shake {



0%, 100% {



transform:translateX(0)



}



10%, 30%, 50%, 70%, 90% {



transform:translateX(-10px)



}



20%, 40%, 60%, 80% {



transform:translateX(10px)



}



}



.shake.load {



	-webkit-animation-name: shake;



	-moz-animation-name: shake;



	-o-animation-name: shake;



	animation-name: shake



}







/*testimonial page css start*/



.testimonials-page-wrap{



    padding: 40px 0px 0px;



    position: relative;



}



.testimonials-page-wrap .row {



    display: -webkit-box;



    display: -ms-flexbox;



    display: flex;



    -ms-flex-wrap: wrap;



    flex-wrap: wrap;



}



.client-new{



    position: relative;



    height: 100%;



}



.client-cont-wrap{



    margin-bottom: 65px;



    padding: 20px;



}



.client-cont-wrap p{



    margin-bottom: 0px;



}



.client-reviews{



    border: 1px solid #d4d4d4;



    padding: 25px 15px 25px 45px;



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



    position: relative;



}



.client-reviews p{



    position: relative;



}



.client-reviews p:before{



    content: '';



    position: absolute;



    top: 0px;



    left: -20px;



    background: url("../homepage-images/double-comma-img.png");



    background-repeat: no-repeat;



    width:15px;



    height: 11px;



}



.client-reviews:after{



    content: '';



    position: absolute;



    bottom: -33px;



    left: 20px;



    background: url("../homepage-images/arrow-bottom.png");



    background-repeat: no-repeat;



    width:35px;



    height: 33px;



    



}







.client-reviews p{



    font-size: 16px;



    color: #515151;



    line-height: 26px;



}



.client-imgdeg-wrap{



    padding-top: 50px;



    display: flex;



    align-items: center;



}



.client-imgs{



    width: 80px;



}



.client-namedeg{



    padding-left: 15px;



    font-weight: 600;



}



.client-namedeg p{



    font-size: 16px;



}



.client-namedeg p:first-child{



    color: #af1111;



}



.clients-one {



    height: 60%;



}



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



    .ani-What-does h3 {



    font-size: 45px;



    line-height: 55px;



}



    .clients-one {



        height: auto;



    }



}



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



    .client-cont-wrap {



        padding: 0px;



    }

    .fiveSlide.clientnew .col-sm-3 {

        height: auto;

    }

}



/*testimonial page css end*/



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



    .midle-text h3 {



    margin: 25px 0 0 !important;



}



.block-content {



    padding: 15px 0px 0;



}



    .int-pages .block-title { padding:15px 0px !important;}



    .int-pages .block-title{padding: 15px 0px;}



  .int-page-block {float: left;width: 100%;display: block;padding: 12px 0;



}



.pagethumb img {width: 100%;}



.pagethumb p {text-align: justify;margin-top: 10px;}



.award-getintouch-div p {

    margin: 0 0 0 5px;

}



}