body {
    margin: 0px;
    padding: 0px;
    font-family: Roboto;
}


/*-------------------------------form---------------------------------*/
.land-input {
    width: 100%;
    display: block;
    height: 36px;
    border-width: 0px 0px 1px 0px !important;
    border: solid #9e0c04;
    font-size: 1rem;
    padding: 8px 4px;
    color: white;
    background: none !important;
}
/*--------------- navbar ------------------------------*/
.bg-black {
    background-color:rgba(0, 0, 0, 0.15);
}
.header {
    position:relative;

}

header {
        z-index:1000;
}
.navbar {
    z-index:1;
}
.navbar a {
    color: #fff !important;

}
.navbar-brand {
    height:90px;
    margin-left:15px;
    padding-top:0px !important;
}
.navbar-brand img{
    height:100%;
}
.dropdown-menu {
    background-color:#000 !important;
}
a.dropdown-item:hover {
    background-color:#262626;
}
.notice {
    position: absolute;
    top: 3px;
    border-radius: 50%;
    right: 0px;
    width: 20px;
    height: 20px;
    background-color: #ff0000;
    padding: 0px 7px;
    color: #ffffff;
    font-size: 12px;
}

.topbar {
    position:absolute;
    padding:10px 30px;
    z-index:100;
    width:100%;
    text-align:right;
}

.topbar a{
    padding:5px 10px;
}
    .topbar a img {
        width:20px;
    }

/*---------------bg center no repeat ------------------------------*/
.bg-center-nr{
        background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    }
.navbar-toggler-icon {
    background-image:url("../images/icon-collapse.png") !important;
    background-size:cover ;
}
/*-------------------------- background -----------------------------------*/
.offer {
    background-color: #369cdc;
    background: url(../images/bg-landing-page.jpg) repeat;
    -webkit-animation: mymove 40s infinite; /* Safari 4.0 - 8.0 */
    animation: mymove 60s infinite;
    background-size:cover;
    padding-top:100px;
}

.bg-tone {
    background-color:rgba(0, 0, 0, 0.5);
}
/*background-landing-page*/
.bg-wedd {
    background-size: cover;
    background-repeat: repeat;
    background-image: url("../images/bg-wedd.jpg");
}
/*background animation*/
.about-us, .service-bg, .contact-us, .product-view, .designer, .designer-profile {
    background-size:cover;
    background-repeat:repeat;
    -webkit-animation: mymove 40s infinite; /* Safari 4.0 - 8.0 */
  animation: mymove 40s infinite;
}
/*product page*/
.product-view {
    background-image:url("../images/banner-display.jpg");
}
/*about us*/
.about-us {
    position:relative;
    background-image:url(../images/banner-about-us-new.jpg);
}
/*contact us*/
.contact-us{
    position:relative;
    background-image:url(../images/banner-contact-us.jpg);
}
/*services*/
.service-bg {
    background-image:url("../images/banner-services.jpg");
}
/*designer*/
.designer {
    background-image:url("../images/banner-designer.jpg");
}
/* Safari 4.0 - 8.0 */
@-webkit-

frames mymove {
  0% {background-position:0px 0px;}
  50% {background-position:1000px 0%;}
  100% {background-position:0px 0px;}
}

@keyframes mymove {
  0% {background-position:0px 0px;}
  50% {background-position:1000px 0%;}
  100% {background-position:0px 0px;}
}

/*============================== default banner ==========================================*/
.banner {
    background-color:#000;
    background: url(../images/banner-bg.jpg) repeat;
    animation:35s linear 0s normal none infinite banner-main;
}
.text-shadow {
    text-shadow:0px 0px 10px rgba(0, 0, 0, 0.77);
}
@keyframes banner-main {
    from{background-position:0 0;}
to{background-position:-3000px 0;}
}
/*========================== designer title =========================*/
.designer-profile {
    padding-top:150px;
    color:#fff;
    
}
.designer-profile h1 {
    font-size:2rem;
    font-weight:400;
    line-height:2rem;
}
.designer-profile h1 small{
    font-size:1.25rem;
}

.profile-pic {
    border:5px double rgba(255, 255, 255, 0.50);
    border-radius:0.5rem;
    overflow:hidden;
    max-width:250px;
    display:block;
    margin:auto;
}

.designer-profile .row{
    background-image:linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.50))   
}

.detail {
    border-bottom:1px solid #0083FF;
    padding: 2rem 0;
}
    .detail h2{
        font-size:1.25rem;
        font-weight:500;
        margin-bottom:10px;
    }


/*========================== Page title =============================*/
.page-title {
    padding: 120px 0px 80px 0px;
}
.page-title h1{
    font-size:3em;
    font-weight:300;
    text-align: center;
    color:#fff;
    letter-spacing:10px;
    line-height:2rem;
}
.page-title h1 small{
    font-size:0.45em;
    font-weight:400;
    letter-spacing:20px;
    text-transform:uppercase;
}

/*================= Heading ========================*/
.heading, .sub-heading{
    position:relative;
    padding:15px 0px;
}

.heading h2 {
    font-weight:400;
    font-size:2em;
    text-transform:uppercase;
    text-align:center;
}

.heading:before {
    content:"";
    width:100px;
    height:2px;
    background-color: #D00F10;
    position:absolute;
    top:75%;
    left: 50%;
    transform: translateX(-50%);
}

.sub-heading h3 {
    font-size:1.15em;
    font-weight:500;
    text-align:left;
    text-transform:uppercase;
}

.sub-heading:before {
    content:"";
    width:50px;
    height:2px;
    background-color: #D00F10;
    position:absolute;
    top:75%;
    left: 0%;
}
/*============================ contact ==========================*/
.contact-box {
background-image:url('../images/contact-bg.jpg');
padding:75px 0px;
}
.phone, .address, .email, .person, .msg {
    position:relative;
    padding-left:75px;
    display:block;
}
.contact-txtbox{ 
    width:100%;
    border-style: solid;
    border-width: 0 0 2px 0;
    border-color:rgba(0, 0, 0, 0.15);
}
.phone a, .address a, .email a{
        color:#000;
    }
.person p, .msg p, .phone p, .address p, .email p{
        font-size:18px;
        padding:18px 0px;
    }
    .phone:before, .email:before, .address:before, .person:before, .msg:before {
        position:absolute;
        width:60px;
        height:60px;
        content:"";
        left:0px;
        background-repeat:no-repeat;
        background-image:url(../images/contact-us-icon.png);
    }
    .phone:before {
        background-position:0px 0px;
    }
    .email:before {
        background-position:0px -60px;
    }
    .address:before {
        background-position:0px -120px;
    }
    .person:before {
        background-position:0px -240px;
    }
    .msg:before {
        background-position:0px -180px;
    }
/*============================ video ============================*/
.sample-box video, .work-card video{
    width:100%;
    height:196px;
    border-radius:0.25rem;
}
.video-container video {
    width:100%;
    border-radius:0.25rem;
}

/*================== work-card =====================================*/
.work-card {
    margin-bottom:15px;
}
    .work-card h3 {
        font-size:1.15rem;
        font-weight:500;
    }
    .work-card:hover {
        box-shadow:10px 10px 20px rgba(0, 0, 0, 0.52);
    }
/*========================== services =============================*/
.service {
    height:170px;
    background-size:cover;
    background-position: 0px 0px;
    background-repeat:no-repeat;
    transition: all 0.3s;
}
    .service:hover {
        background-position: -200px 0px;
    }
    .service:hover a{
        text-decoration:none;
        color:#fff !important;
    }
    .service a {
        display:block;
        text-align:center;
        font-weight:500;
        width:100%;
        height:100%;
        padding:60px 20px;
        color: #000 !important;
        transition: all 0.3s
    }

.service-platform{
    background-image:url(../images/bg-plateform.png);
}
.service-model{
    background-image:url(../images/bg-model-shoot.png);
}
.service-profile{
    background-image:url(../images/bg-company-profile.png);
}
.service-video{
    background-image:url(../images/bg-video-shoot.png);
}
.service-editing{
    background-image:url(../images/bg-video-editing.png);
}
.service-other{
    background-image:url(../images/bg-other-services.png);
}

/*==================================== what we do =========================================*/
.what-we-do {
    background-image:url("../images/bg-what-do.png");
    background-position:center;
    background-repeat:no-repeat;
    background-size:contain;
    position:relative;
}
.camera-stand {
    position:absolute;
    z-index:10;
    top:-80px;
    left: 30%;
}
.camera {
    padding:10px 20px 10px 80px !important;
    background-image:url("../images/camera-bg.jpg");
    background-position: 0px 0px;
    background-size:cover;
    transition:all 0.3s;
    color:#fff;
    box-shadow:0px 0px 15px #000;
}
    .camera:hover {
        padding:10px 80px 10px 20px !important;
        background-position: -105px 0px;
        box-shadow:0px 0px 25px #000;
        z-index:10;
    }


.main-service {
    height:350px;
    padding:0px !important;
    position:relative;
    box-shadow:0px 0px 15px #000;
}
.main-service-box {
    overflow:hidden;
    width:100%;
    height:350px;
    position:inherit;
    transition:all 0.3s;
}
.main-service-container{
    position:relative;
}
.main-service-container img{
    width:100%;
    transition:all 0.3s;
}
.main-service-content {
    width:100%;
    height:100%;
    position:absolute;
    background-color: rgba(0, 0, 0, 0.30);
    top:75%;
    left:0px;
    color:#fff;
    padding:20px 10px;
    transition:all 0.3s;
    text-align:center;
}
    .main-service-content h2 {
        font-size:1.05rem;
        font-weight:600;
        text-transform:uppercase;
    }
.content-box {
    display:none;
    line-height:2.15rem;
    transition:all 0.3s;
    min-height:215px;
}
.content-box a{
    padding:8px;
    margin-top:10px;
    color:#fff;
}
.content-box a:hover{
    color:#000 !important;
    text-decoration:none;
    background-color:#fff;
    cursor:default;
}
.main-service:hover {
    box-shadow:none;
    z-index:10;
}
.main-service:hover .main-service-box{
    position:absolute;    
    box-shadow:0px 0px 25px #000;
    width:115%;   
}
.main-service-box:hover .content-box{
    display:block;
}
.main-service-box:hover .main-service-content {
    top:0;
}

.support:hover .support-img {
    filter:invert(100%);
}
.support:hover{
    color:#50aaff;
}



/*=============================landing page=====================================*/


.land-model {
    background-image:url("../images/bg-land-model.jpg");
    background-size:cover;
    background-position:center;
}
.wedd-service {
    overflow:hidden;
    position:relative;
    margin-top:10px;
}
.wedd-img {
    position:absolute;
    overflow:hidden;
    top:40%;
    left:50%;
    width:50%;
    transform:translate(-50%, -50%);
    border-radius:50%;
    border:1px double #fff;
    transition:all .3s;
}
.wedd-service:hover .wedd-img {
    top:0%;
    left:0%;
    width:100%;
    transform:none;
    border-radius:0;
    border:none;
    box-shadow:0 0 20px rgba(0, 0, 0, 0.5);
}

.wedd-content {
    position:absolute;
    width:100%;
    top:65%;
    padding-top:10px;
    background:none;
    transition:all .3s;
    font-size:1.5rem;
    color:#fff;
    font-weight:400;
    text-align:center;
    text-transform:uppercase;
}
.wedd-service:hover .wedd-content {
    top:85%;
    background-color:rgba(0, 0, 0, 0.5);
}
.land-logo {
    width:50%;
}

.service-2 {
    background-image:url("../images/bg-service-2.jpg");
    background-repeat:repeat;
}
.land-footer {
    background-image:url("../images/bg-footer.jpg");
    background-repeat:no-repeat;
    background-size:cover;
    background-position:left;
    overflow:hidden;
    background-attachment:fixed;
}
.service-2 .wedd-service:hover .wedd-content {
    top:85%;
    background-color:rgba(255, 255, 255, 0.6);
}
/*================================= content center ============================== */
.sample-box {
    position:relative;
}
    .sample-box:hover .center-content {
        display:block;
    }

.center-content {
    width:100%;
    display:none;
    position:absolute;
    background-image:linear-gradient(transparent, rgba(0, 0, 0, 0.7));
    bottom:0;
    left:0;
    color:#fff;
    transition:all 0.3s;
    text-align:center;
}
    .center-content h3 {
        font-size:1.5rem;
        font-weight:600;
    }
    .center-content p {
        font-size:14px;
        margin-bottom:0px;
    }
    .center-content a {
        text-transform:uppercase;
        padding:5px;
        text-align:center;
        color:#50aaff;
        font-size:12px;
        /*border:2px solid #fff;*/
    }
        .center-content a:hover {
            background-color:#fff;
            color:#50aaff !important;
            text-decoration:none;
        }
.bg-camera-reel {
    padding:35px 0px;
    background:url("../images/bg-camera-reel.png") repeat;
    background-size:contain;
}
/*============================== Designer ==========================================*/
.designer-container {
    position:relative;
    border-right:1px solid #fff;
    color:#fff;
    text-align:center;
    margin-bottom:15px;
}
.designer-image {
    width:100%;
    height:350px;
    overflow:hidden;
    background-color:#000;
}
.designer-image img{
    width:100%;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    transition: all 0.5s;
}
.designer-container:hover .designer-image img {
    width:105%;
    filter: none;
}
.designer-content {
    position:absolute;
    width:100%;
    bottom:0;
    left:0;
    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.5));
}
.designer-name {
    position:relative;
    padding: 10px;
    
}

    .designer-name:before {
        width: 50px;
        height: 2px;
        content: "";
        background-color: #c74eff;
        position: absolute;
        bottom: 8px;
        left: 50%;
        transform: translateX(-50%);
    }
       
    .designer-name h3 {
        font-size:1.25rem !important;
        font-weight:400;
    }
.designer-content .row {
    margin:0px !important;
}
.designer-content .col {
    padding:8px !important;
    font-size:12px;
}
.designer-content a {
    width: 120px;
    height:40px;
    display:none;
    text-transform:uppercase;
    padding:5px;
    margin:10px auto;
    text-align:center;
    color:#fff;
    border:2px solid #fff;
    background-color:rgba(0, 0, 0, 0.1);
    }
.designer-container:hover .designer-content a {
    display:block;
}
    .designer-content a:hover {
        background-color:#000;
        text-decoration:none;
        color:#fff;
    }

/*============================== Product ==================================================*/
.product {
    position:relative;
    border:5px solid #fff;
    box-shadow:0 0 5px rgba(0, 0, 0, 0.15);
    margin-bottom:15px;
    transition:box-shadow 0.5s;
    background-color:#fff;
}

.product-image {
    width:100%;
    height:280px;
    overflow:hidden;
}
    .product-image img {
        width:100%;
        transition:all 0.5s;
    }
.product:hover .product-image img {
    width:105%;
}
.product:hover {
    box-shadow:0 0 20px #000;
}
.product-content {
    padding:5px ;
}
.wishlist {
    position:absolute;
    right:5px;
    top:8px;
    z-index:2;
}

.sale, .discount {
    position:absolute;
    padding:5px 8px;
    border-radius:0 4px 4px 0;
    font-size:12px;
    left:0;
    z-index:2;
}
.sale {
    
    background-color:#fffb5d;
    top:40px;
}
.discount {
    background-color:#ff5dd8;
    top:8px;
}
.product-category {
    font-size:0.75em;
}
.product-category:hover {
    text-decoration:none;
}
.product-name a h3{
    font-size:1.1em;
    font-weight:400;
    color:#000;
}
.mrp {
    font-size:0.85em;
    color:#bdbdbd;
    -webkit-text-decoration-line: line-through; /* Safari */
   text-decoration-line: line-through; 
}

.price {
    font-size:1.1em;
    font-weight:500;
}
.shopnow-box {
    display:none;
    position:absolute;
    width:100%;
    bottom:0;
    left:0;
    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.5));
    padding: 20px 10px;

}

.add-cart {
    margin:5px;
}
.product:hover .shopnow-box {
    display:block
} 

a:hover {
    text-decoration:none !important;
}


/*============================== bg-accessories ===========================================*/
.bg-accessories {
    padding:50px 0px;
    background-image:url(../images/bg-accessories.jpg);
    background-attachment:fixed;
    background-size:cover;
}

.service-quality {
    padding:50px 0px;
    background-image:url(../images/service-bg.jpg);
    background-attachment:fixed;
}

.serve {
    background-color:rgba(255, 255, 255, 0.3);
    padding:10px 0px;
    color:#fff;
    transition: background 0.3s;
}
.serve:hover{
    background-color:rgba(255, 255, 255, 1);
    color: #1ebce9;
}
.serve:hover .serve h4{
    
}
.serve img{
    max-width:60px;
    margin:10px auto;
    display:block;
}
.serve h4{
    font-size:1rem;
    font-weight:400;
    text-align:center;
    padding:8px;
}

/*============================= service category ====================================*/
.cat-service {
    position:relative;
}
    .cat-service:before, .cat-service:after {
        position:absolute;
        width:90%;
        height:90%;
        content:"";
        border-style: solid;
        border-color: #fff;
        border-width:2px 0 0 2px;
        background-image:url(../images/border-design.png);
        background-position:0px 0px;
        background-repeat:no-repeat;
        transition:all 0.3s;
    }

    .cat-service:after {
        right: 10px;
        bottom:10px;
        transform:scale(-1);
    }
    .cat-service:before {
        top: 10px;
        left:10px;
    }
    .cat-service:hover.cat-service:before {
        top: 5%;
        left:5%;
    }
    .cat-service:hover.cat-service:after {
        right: 5%;
        bottom:5%;
    }
    /*------------------------------ designer profile -----------------------------------------*/

.profile-bg {
}
.profile {
    position:relative;
}

.profile-content {
    width:67%;
    height:200px;
    margin:30px auto;
    overflow:hidden;
    transform:skewX(-20deg);
}
.profile-img {
    transform:skewX(20deg);
    width:135%;
    margin-left:-40px;
    margin-top:-5px;
}
.profile:before, .profile:after, .profile-design:before, .profile-design:before {
    width:60px;
    transform:skewX(-20deg);
    content:"";
    position:absolute
}
.profile:before {
    top:0px;
    height:180px;
    left:0px;
    background-color:#fffb5d;
}
.profile:after {
    right:0px;
    height:180px;
    bottom:0px;
    background-color:#ff5dd8;
}
.profile-design:before {
    right:10px;
    height:180px;
    bottom:0px;
    background-color:#fff;
}
.profile-design:after {
    top:0px;
    height:180px;
    left:10px;
    background-color:#fffb5d;


}
    /*--------------------------------test css--------------------------------*/
.test {
    transform:skewX(-15deg);
    border:2px solid red;
    overflow:hidden;
}
img.text  {
    transform:skewX(15deg);
    width:100%;
}
/*----------------------------------------- footer ---------------------------------------*/
footer {
    background-attachment:fixed;
    padding-top:20px;
    background-image:url("../images/footer-bg.png");
}
footer 
{
    color:#C60000;
    font-size:1.15em;
    font-weight:500;
    margin:15px auto;
}

footer a {
    color:#fff;
    font-size:1em;
    font-weight:400;
    margin-bottom:15px;
}
footer a:hover {
    color:#C60000;
}
    footer .social {
        padding:0px;
    }
    footer ul {
        list-style:none;
    }
        footer .social li {
            float:left;
            margin:8px;
        }
.bdr-btm{
    border-bottom:1px solid #fff;
}
.list-sytle-n {
    list-style:none;
}
.header {
    position: absolute;
    width: 100%;
    background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0));
}
 .model-img > img{
        width:100% !important;
    }
 .bg-dark-black {
        background-color:#000;
    }
.bg-model {
    background-image:linear-gradient(#ff1758, #ba1241);
}
.hover-card {
    position:relative;
    height:325px;
    overflow:hidden;
    margin-top:10px;
    transition:overflow .3s;
}
.hover-card img{
    width:100%;
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
    transition:all .3s;
}
/*.hover-card:hover{
    overflow:visible;
}*/
.hover-card:hover img{
    width:110%;
    top:-5%;
}

.model-banner-text {
    width:100%;
    float:none;
    margin-top:0;
    position:relative;
    padding:20px;
    text-align:center;
}
.model-banner-text:before {
    display:none;
    width:25%;
    height:300px;
    content:"";
    position:absolute;
    top:70%;
    left:0;
    background-image:url("../images/stars.png");
    background-size:contain;
    background-repeat:no-repeat;
}
.model-form {
    width:90%;
    float:none;
    margin:20px auto;
    background-color:#550017;
    padding:10px;
    border-radius:5px;
    border:1px solid #fff;
}
.model-banner-img {
    width:28%;
    height:100%;
    float:none;
    display:none;
    background: url(../images/model-group.png);
    background-repeat:repeat-x;
    animation:6s linear 0s normal none infinite land-banner;
}

@keyframes land-banner {
  0% {background-position:0px 0px;
      background-color:transparent;
  }
  33% {background-position:0px 0px;
       background-color:transparent;
  }
  34% {background-position:357px 0px;
       background-color:#fff;
  }
    35% {
        background-color:transparent;
    }

  66% {background-position:357px 0px;
       background-color:transparent;
  }
  67% {background-position:714px 0px;
       background-color:#fff;
  }
    68% {
        background-color:transparent;
    }

  99% {background-position:714px 0px;
       background-color:transparent;
  }
  100% {background-position:1071px 0px;
        background-color:#fff;
  }
}

/*================================= media query ==================================================*/
@media (min-width: 576px) {
    .designer-profile h1 {
    margin-top:0.5rem;
    }
}
@media (min-width: 768px) {
    .designer-profile h1 {
    margin-top:1.5rem;
    }
    .land-logo {
        width:30%;
    }
    .model-banner-text {
        width:40%;
        /*text-align:left;*/
        float:left;
        margin-top:80px;
        position:relative;
        padding:20px;
    }
    .model-form {
        margin-top:80px;
        margin-right:20px;
        width:50%;
        float:right;
    }
}
@media (min-width: 992px) {
    .designer-profile h1 {
    margin-top:3.5rem;
    }
    .model-banner-text {
    width:70%;
    /*text-align:left;*/
    float:left;
    margin-top:80px;
    position:relative;
    padding:20px;
}
.model-banner-text:before {
    display:block;
    width:25%;
    height:300px;
    content:"";
    position:absolute;
    top:70%;
    left:0;
    background-image:url("../images/stars.png");
    background-size:contain;
    background-repeat:no-repeat;
}
.model-form {
    width:50%;
    float:left;
    margin-top:10px;
    margin-left:17.5%;
    padding:10px;
    border-radius:5px;
}
.model-banner-img {
    width:28%;
    height:100%;
    float:right;
    display:block;
}

}
@media (min-width: 1200px) {
    .designer-profile h1 {
    margin-top:4.5rem;
    }
}



@media (max-width: 768px) {
    
    .designer-profile {
        text-align:center;   
    }
    .header {
        position: relative;
        width: 100%;
        background-color: rgba(0,0,0,1);
    }
    .sample-box {
    position:static;
    }
    .center-content {
        display:block;
        position:inherit;
        background-image:none;
        padding-bottom:15px;
        padding-top:0px;
        margin-bottom:15px;
        border-bottom:2px solid #ff5dd8;
    }
        .center-content p {
            line-height:2rem;
        }

    .bg-camera-reel {
        background-image:none;
        background-color:#000;
    
    }

    video {
        height:285px;
    }

    .contact-box {
        background-image:none;
    }
    
    header .bg-black {
        background-color:#000;
    }
    .topbar {
        display:none;
    }
    .navbar-brand {
        height:60px;
    }

    footer h5 {
        margin:30px auto 15px auto;
        font-size:1.5rem;
    }
    .main-service {
        height:auto;
    }
    .main-service-box {
        height:auto;
        box-shadow:0px 0px 25px #000;
    }
    .main-service-content {
        position:static;
        top:0;
        background-color:#000;
    }
    .main-service:nth-child(odd) .main-service-content {
        background-color:#c60000;
    }
    .main-service:nth-child(odd) .main-service-container img {
        float:right;
    }

    .content-box {
        display:block;
    }
    .main-service-container img {
        width:auto;
        height:264px;
        float:left
    }
    .main-service:hover {
    box-shadow:none;
    z-index:10;
    }
    .main-service:hover .main-service-box{
        position:static;    
        box-shadow:0px 0px 25px #000;
        width:100%;
    
    }
    .main-service-box:hover .content-box{
        display:initial;
    }
    .main-service-box:hover .main-service-content {
        top:0;
    }
    .camera-stand {
        display:none;
    }
   
    .camera {
        height:auto;
        padding:30px 15px !important;
        background-image:none;
        background-color:#c60000;
        transition:all 0.3s;
        color:#fff;
        box-shadow:none;
    }
    .camera:hover {
        padding:30px 15px !important;
        box-shadow:none;
    }
    .designer-content a {
        display:block;
    }


}