body {
}

/*************Heading style************/
.navipd {
    padding-top: 10px;
}

.Heading1 h1 {
    color: #fff;
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    margin: 0px;
    background: #F54D4D;
    /*background: rgba(2,63,126,1);*/
    position: relative;
    padding: 20px;
}

    /*.Heading1 {
    color: rgba(255,255,255,1);
    position: relative;
    background: rgba(2,63,126,1);
    background: #810081;
    margin: 0px;
    font-family: loto;
}*/


    .Heading1 h1::after {
        content: '';
        width: 100px;
        height: 2px;
        display: block;
        margin: 0px auto;
        margin-top: 0px;
        /*background: rgba(0,0,0,.6);*/
        /*background: #3082AF;*/
        background: #FDF65B;
        position: relative;
        margin-top: 10px;
    }



    .Heading1 h1:hover:after {
        width: 100%;
        transform: translateY(0px);
        -moz-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -o-transform: translateY(0px);
        opacity: 1;
    }

.Heading2 h1 {
    color: #fff;
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    margin: 0px;
    padding-bottom: 20px;
}

    .Heading2 h1::after {
        content: '';
        width: 100px;
        height: 2px;
        display: block;
        margin: 0px auto;
        margin-top: 0px;
        background: rgba(255,255,255,1);
        position: relative;
        margin-top: 10px;
    }



    .Heading2 h1:hover:after {
        /*width: 100%;
        transform: translateY(0px);
        -moz-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -o-transform: translateY(0px);
        opacity: 1;*/
    }



/**************service pages section**********/

.centres-excellence {
    background: rgba(238,198,12,.1);
    padding: 20px 0 30px;
    text-align: center;
    float: left;
    width: 100%;
}

    .centres-excellence p {
        color: #323232;
        font-size: 14px;
    }

    .centres-excellence h5 {
        color: #47a093;
        font-size: 24px;
        margin: 20px 0;
    }

.center-boxs {
    position: relative;
    clear: both;
}

    .center-boxs .box {
        background: url(../images/center-box-divder.jpg) 100% top repeat-y;
        /*position: relative;*/
        transition: background 1s;
        /*margin: -115px 0 0;*/
        width: 25%;
        top: 30px;
        float: left;
        text-align: center;
        padding: 0px;
    }

        .center-boxs .box h2 {
            color: #393205;
            font-size: 24px;
            font-family: pt_sansregular;
            font-weight: 400;
            text-align: center;
            padding: 10px;
            margin: 0px;
            color: #DC8351;
        }

    .center-boxs .box {
        overflow: hidden;
    }

        .center-boxs .box img {
            width: 100%;
            text-align: center;
            padding: 15px;
            transform: scale(1.0);
            -webkit-transform: scale(1.0);
            -moz-transform: scale(1.0);
            -o-transform: scale(1.0);
            -webkit-transition: all 0.3s ease;
            -transition: all 0.3s ease;
        }

    .center-boxs:hover .box img {
        width: 100%;
        text-align: center;
        padding: 15px;
        transform: scale(1.0);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -webkit-transition: all 0.3s ease;
        -transition: all 0.3s ease;
    }

    .center-boxs .box p {
        padding: 0 35px;
        min-height: 192px;
        line-height: 24px;
        color: #777;
        font-size: 14px;
        text-align: left;
    }

    .center-boxs .box .readmore a {
        /*transition: background .2s;*/
        width: 99.5%;
        text-align: center;
        font-size: 14px;
        height: 48px;
        line-height: 48px;
        color: #267CAC;
        text-decoration: none;
        text-transform: uppercase;
    }

    .center-boxs .box.last:hover, .center-boxs .box:hover {
        /*background: #caf9f2;*/
        background: #340404;
        color: #fff;
    }

        .center-boxs .box:hover .readmore {
            background: #242421;
            color: #fff;
        }

            .center-boxs .box:hover .readmore a {
                /*background: #c5ad05;*/
                color: #fff;
                text-decoration: none;
            }

        .center-boxs .box:hover h2 {
            color: #fff;
        }

@media(max-width: 620px) {
    .center-boxs .box {
        background: url(../images/center-box-divder.jpg) 100% top repeat-y;
        /*position: relative;*/
        transition: background 1s;
        /*margin: -115px 0 0;*/
        width: 100%;
        top: 30px;
        float: left;
        text-align: center;
        padding: 0px;
    }
}


/**********About us section part********/

.Indexabout {
    width: 100%;
    float: left;
    /*background: url(../images/bg1.jpg) no-repeat;
    background-attachment: fixed;*/
    background-size: cover;
    padding: 30px 0;
    background-color: #c84a4a;
}

.about_txt {
    background: #fff;
    padding: 50px;
    box-shadow: 0px 2px 2px 3px;
    border-radius: 2px;
}

.about_bgtrns {
    width: 100%;
    float: left;
    margin-top: 25px;
    text-align: justify;
}

    .about_bgtrns h1 {
        font-size: 24px;
        font-family: 'Merienda', cursive;
        margin-top: 0;
    }

.heading2 {
    text-align: center;
    color: #ffffff;
    font-size: 28px;
    font-weight: 600;
}

.about_txt p {
    text-align: justify;
}

.about_head {
    color: #393205;
    margin: 0px;
    padding-bottom: 10px;
}

.marginTopBottom30 {
    margin-top: 30px;
    margin-bottom: 30px;
}


/************** section *****************/


.sectionPage {
    padding: 15px 0;
    min-height: 450px;
}

.border_box {
    border: 1px solid #ddd;
}

.list-new {
    margin: 0;
}

    .list-new li::before {
        content: "\f0da";
        font-family: FontAwesome;
        margin-right: 10px;
        color: #02385E;
    }

    .list-new li {
        padding: 5px 0;
    }


.boxstyle {
    background: rgba(255,255,255,0.9);
    text-align: center;
    height: 340px;
    margin: 30px 0;
    /*border: 1px solid rgba(8,61,95,0.9);*/
    transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
}

.btnnall {
    padding: 10px 0;
    text-align: right;
}

    .btnnall a {
        text-decoration: none;
        color: #fff;
        background: #267CAC;
        padding: 6px 10px;
        font-size: 14px;
        border-radius: 5px;
    }

        .btnnall a:hover {
            background: #ac2925;
        }

.boxstyle:before {
    content: '';
    width: 5px;
    height: 100px;
    background: rgba(8,61,95,0.9);
    position: absolute;
    left: 0px;
    top: 0px;
}

.boxstyle i {
    display: block;
    text-align: center;
    color: #81B84D;
}

.boxstyle:hover {
    background: rgb(245, 77, 77);
    ;
}

    .boxstyle:hover .list-mark, .boxstyle:hover .heading1, .boxstyle:hover .list-mark li:after {
        color: #ffffff;
    }

        .boxstyle:hover .heading1::after {
            border-bottom: 4px solid #ffffff;
        }

.listbox img {
    text-align: center;
}

.listbox p {
    text-align: justify;
}

.boxstyle:hover .listbox p {
    color: #ffffff;
}

.list-mark {
    min-height: 183px;
    padding: 0px 30px;
}

    .list-mark li {
        position: relative;
        padding-left: 10px;
    }

        .list-mark li:after {
            content: "\f0da";
            font-family: FontAwesome;
            margin-right: 10px;
            color: #02385E;
            position: absolute;
            left: 0px;
            top: 0px;
        }



/*************style of footer part************/
.footer-info-agile ul li a {
    color: #ffffff;
}

.footerbottom {
    width: 100%;
    float: left;
    background: #000;
    color: #ffffff;
}

    .footerbottom p {
        margin-bottom: 0px;
        padding: 6px 0px;
    }





.footer {
    background: url(../../cdn1.fashionandyou.com/fny-static/app-images/footer-bg.png) #eee;
    overflow: hidden;
    padding-bottom: 100px;
}

    .footer .toggleLink {
        color: #333;
    }

    .footer .safe-secure {
        margin-top: 0;
    }

    .footer .original {
        position: absolute;
        right: -40px;
        top: 34px;
    }

@media (max-width:991px) {
    .footer #menu-footer {
        padding-top: 0;
    }
}

.footer .readmore-footer {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #f9f9f9;
    background-image: url(../../cdn1.fashionandyou.com/fny-static/app-images/divider-shadow.png),url(http://cdn1.fashionandyou.com/fny-static/app-images/footer-bg.png);
    background-position: center top,left top;
    background-repeat: no-repeat,repeat;
}

.footer .social-footer {
    height: 115px;
    background-color: #fff;
    background-image: url(../../cdn1.fashionandyou.com/fny-static/app-images/footer-bg.png);
    background-position: left top;
    background-repeat: repeat;
    padding-bottom: 20px;
}

    .footer .social-footer .footer-title {
        text-align: center;
        text-transform: capitalize;
        margin-top: 15px;
    }

    .footer .social-footer a {
        text-decoration: none;
    }

    .footer .social-footer .social-icon {
        font-size: 20px;
        color: #b7b7b7;
        margin-right: 25px;
    }

    .footer .social-footer .fb:hover {
        color: #3b5998;
    }

    .footer .social-footer .twitter:hover {
        color: #0eb1f2;
    }

    .footer .social-footer .gplus:hover {
        color: #D34836;
    }

    .footer .social-footer .pinterest:hover {
        color: #CB2028;
    }

    .footer .social-footer .youtube:hover {
        color: #dc4638;
    }

@media (min-width:992px) {
    .footer #more {
        padding-top: 30px;
    }

        .footer #more.collapse {
            display: block;
        }
}

@media (max-width:991px) {
    .footer .social-footer {
        background-color: #fff;
        background-image: none;
        border-top: 1px solid #eee;
        padding-top: 15px;
        height: auto;
    }

        .footer .social-footer .social-icon {
            margin-right: 5px;
        }

        .footer .social-footer .sign-login-btn {
            margin-top: 15px;
        }

            .footer .social-footer .sign-login-btn .btn-style {
                background-color: transparent;
                width: 48%;
                margin-right: 1%;
            }

                .footer .social-footer .sign-login-btn .btn-style:last-child {
                    margin-right: 0;
                }

    .footer .menu-footer {
        padding-bottom: 0 !important;
    }

        .footer .menu-footer .more {
            background-color: #333;
            color: #fff;
            padding: 10px 15px;
            font-size: 16px;
            cursor: pointer;
        }

    .footer .menu-footer {
        padding-top: 0;
    }
}

.footer .links-footer, .footer .menu-footer {
    padding-top: 0;
    padding-bottom: 20px;
}

    .footer .links-footer .bsprtr, .footer .menu-footer .bsprtr {
        margin-right: 40px;
    }

.footer .links-footer {
    padding-top: 20px;
}

.footer .clean-list {
    display: inline-block;
    width: 100%;
    list-style: none;
    margin-bottom: 5px;
}

    .footer .clean-list.hz li {
        float: left;
        margin-right: 5px;
        margin-bottom: 5px;
    }

        .footer .clean-list.hz li a {
            padding-right: 5px;
            text-transform: capitalize;
        }

    .footer .clean-list.hz.wide li {
        margin-bottom: 10px;
        width: 22%;
        display: inline-block;
    }

    .footer .clean-list li {
        padding-left: 0;
        padding-bottom: 0;
        padding-right: 0;
        background: 0 0;
        border: none;
    }

@media (min-width:992px) {
    .footer .clean-list li.collapse {
        display: block !important;
        height: 100% !important;
    }
}

.footer .clean-list li.title {
    border-radius: 0;
    margin-top: 0;
    padding-top: 0;
    text-align: left;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
}

    .footer .clean-list li.title .angle-down {
        visibility: hidden;
    }

    .footer .clean-list li.title.simple {
        border: none;
        text-transform: uppercase;
    }

.footer .clean-list li a {
    color: #333;
}

.footer .clean-list li .mastercard {
    background: url(../../cdn1.fashionandyou.com/fny-static/app-images/split-icon.png) -393px -43px no-repeat;
    height: 35px;
    width: 52px;
    float: left;
    margin-bottom: 8px;
    margin-right: 5px;
}

.footer .clean-list li .maestro {
    background: url(../../cdn1.fashionandyou.com/fny-static/app-images/split-icon.png) -393px -160px no-repeat;
    height: 35px;
    width: 52px;
    float: left;
    margin-right: 5px;
}

.footer .clean-list li .visa {
    background: url(../../cdn1.fashionandyou.com/fny-static/app-images/split-icon.png) -393px -122px no-repeat;
    height: 35px;
    width: 51px;
    float: left;
    margin-right: 5px;
}

.footer .clean-list li .american-express {
    background: url(../../cdn1.fashionandyou.com/fny-static/app-images/split-icon.png) -393px -4px no-repeat;
    height: 35px;
    width: 53px;
    float: left;
    margin-right: 5px;
}

.footer .clean-list li .cod {
    background: url(../../cdn1.fashionandyou.com/fny-static/app-images/split-icon.png) -328px -162px no-repeat;
    height: 35px;
    width: 58px;
    float: left;
    margin-right: 5px;
}

.footer .clean-list li .verified {
    background: url(../../cdn1.fashionandyou.com/fny-static/app-images/split-icon.png) -393px -84px no-repeat;
    height: 35px;
    width: 55px;
    float: left;
}

.footer .list2 {
    width: 20%;
}

@media (max-width:991px) {
    .footer .container-fluid.maxed {
        padding: 0;
    }

        .footer .container-fluid.maxed .google-play {
            margin-top: 10px;
        }

    .footer .line2 {
        border-bottom: 1px solid #cfcfcf;
    }

    .footer .clean-list {
        width: 100%;
        padding-bottom: 4px;
    }

        .footer .clean-list li {
            padding-top: 0;
        }

            .footer .clean-list li .fa-angle-down {
                display: none;
            }

            .footer .clean-list li .fa-angle-up {
                display: inline-block;
            }

            .footer .clean-list li.collapsed .fa-angle-up {
                display: none;
            }

            .footer .clean-list li.collapsed .fa-angle-down {
                display: inline-block;
            }

            .footer .clean-list li a {
                line-height: 28px;
                font-size: 15px;
            }

            .footer .clean-list li.title {
                border-bottom: none;
                line-height: 32px;
            }

                .footer .clean-list li.title .angle-down {
                    visibility: visible;
                    color: #969696;
                }
}

/********************************rohti********************************/
.cmpnypro {
    width: 100%;
    float: left;
    text-align: justify;
    padding: 30px 0;
}

    .cmpnypro h1 {
        text-align: center;
    }

.cmpnypro-pera {
    width: 100%;
    float: left;
}

    .cmpnypro-pera h3 {
        font-weight: 700;
    }

.add {
    width: 100%;
    float: left;
    color: #000;
    font-weight: 700;
    padding-top: 50px;
}

.pronav {
    width: 100%;
    float: left;
}

    .pronav ul {
        list-style: none;
        margin: 0;
        padding: 0;
        background: #F54D4D;
    }

        .pronav ul li {
            border: #fff solid 1px;
        }

            .pronav ul li a {
                text-decoration: none;
                color: #fff;
                display: block;
                padding: 6px 10%;
            }

                .pronav ul li a:hover {
                    background: #267CAC;
                }

.listbox {
    padding: 10px;
}

.career {
    padding: 25px;
}

    .career span {
        font-weight: bold;
    }

.career-bg {
    width: 100%;
    float: left;
    margin: 10px 0;
}

.navfb {
    width: 100%;
    float: left;
    padding: 12px 10px 0 0;
}

    .navfb ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .navfb ul li {
            float: left;
            margin: 0 5px;
        }

    .navfb .fa {
        font-size: 24px;
    }

    .navfb .fa-twitter-square, fa-twitter-square a {
        color: #3ca2f9;
    }

.gnrl {
    font-size: 30px;
    line-height: 50px;
    background: #f44444;
    text-align: center;
    color: #fff;
    margin: 0 0 5px 0;
}

/*.tppad {
    padding-top: 52px;
}*/

.flash_right {
    float: right;
    margin: 20px;
    margin-right: 0;
    width: 300px;
    border: #a5a5a5 solid 2px;
    padding: 5px;
    margin-top: 53px;
}

    .flash_right img {
        width: 100%;
        min-height: 175px;
    }

.accordion {
    font-size: 14px;
    margin-bottom: 20px;
    /*padding: 0 5px 5px;
    box-shadow: 0 0 3px #ddd;*/
}

.list-group {
    padding-left: 0;
    /* margin-bottom: 20px; */
    margin: 0;
}

.accordion-group {
    border: 1px solid #B8333A;
    border-radius: 0px;
    margin-bottom: 2px;
}

.accordion-heading .accordion-toggle {
    text-decoration: none;
    background: #f44444;
    color: #fff;
    display: block;
    padding: 8px 15px;
}

.accordion-toggle:after {
    content: '\002B';
    float: right;
    font-size: 24px;
    line-height: 1;
}

.accordion-toggle.active:after {
    content: "\2212";
}

.accordion-heading .accordion-toggle:hover {
    background: #23a9e9;
}

.fori {
    margin-right: 10px;
}

.qualty {
    width: 100%;
    float: left;
    text-align: justify;
    padding: 30px 0;
}

    .qualty h1 {
        text-align: center;
        padding-bottom: 20px;
    }

    .qualty h3 {
        font-weight: 900;
    }

.welcome {
    padding-top: 30px;
}

    .welcome h5 {
        font-weight: bold;
        font-size: 22px;
    }

.upld {
    background: #F54D4D;
    color: #fff;
}

.list-group-item {
}

    .list-group-item a {
        display: block;
        padding: 5px 15px;
        color: #000;
    }

        .list-group-item a:hover {
            background: #9e9e9e;
            color: #fff;
        }

.list-group-item {
    padding: 0;
}

.compny-pro {
    width: 100%;
    float: left;
    padding: 45px 0;
    background-color: #fff;
}

.heddinghead {
    text-align: center;
    background: url(../images/bottom-line2.png) center bottom no-repeat;
    margin-bottom: 30px;
    font-family: 'Merienda', cursive;
    margin: 0 !important;
}

    .heddinghead h1 {
        font-size: 24px;
        margin: 0 !important;
        padding-bottom: 15px;
    }

.heddingheadwt {
    width: 100%;
    float: left;
    color: #fff;
    text-align: center;
    background: url(../images/bottom-line.png) center bottom no-repeat;
    font-family: 'Merienda', cursive;
}

    .heddingheadwt h1 {
        font-size: 24px;
        margin: 0 !important;
        padding-bottom: 15px;
    }

.color1 {
    background-color: #70476f !important;
}

.color2 {
    background-color: #df7ea7 !important;
}

.color3 {
    background-color: #2f4654 !important;
}

.color4 {
    background-color: #d7967e !important;
}

.cmpnypera {
    width: 20%;
    float: left;
    text-align: center;
    background-color: #42ad99;
    height: 250px;
    overflow: hidden;
    color: #fff;
    text-align: center;
    position: relative;
}

    .cmpnypera .fa {
        font-size: 45px;
        margin-top: 50px;
        transition: 0.5s;
    }

    .cmpnypera:hover .fa {
        opacity: 0;
        transform: translateY(-30px);
    }

    .cmpnypera:hover .cmpnyperacontent {
        top: 0;
    }

        .cmpnypera:hover .cmpnyperacontent p, .cmpnypera:hover .cmpnyperacontent a {
            opacity: 1;
        }

.cmpnyperacontent {
    width: 100%;
    position: absolute;
    transition: 0.5s;
    left: 0;
    top: 100px;
    padding: 15px;
    padding-top: 0;
}

    .cmpnyperacontent h2 {
        font-size: 24px;
    }

    .cmpnyperacontent p {
        text-align: justify;
        font-size: 13px;
        transition: 0.5s;
        opacity: 0;
        height: 130px;
        overflow: hidden;
    }

    .cmpnyperacontent a {
        background-color: #fff;
        padding: 8px 15px;
        border-radius: 30px;
        display: inline-block;
        transition: 0.5s;
        color: #444;
        opacity: 0;
    }

.main-prod {
    width: 100%;
    float: left;
    background-color: #f4f6f8;
    padding: 45px 0;
}

.main-proddvid {
    width: 100%;
    float: left;
    list-style: none;
    padding: 0;
    margin-top: 50px;
    text-align: center;
}

    .main-proddvid li {
        display: inline-block;
        border-right: #b3b3b3 dashed 1px;
        margin-bottom: 30px;
    }

        .main-proddvid li:last-child {
            border-right: transparent dashed 1px;
        }

.proimmain-bg {
    width: 100%;
    float: left;
    overflow: hidden;
    /*box-shadow: #868686 0 0 10px;*/
    background-color: #fff;
}


.proimmainimbg {
    overflow: hidden;
}

.proimmain {
    position: relative;
    width: 100%;
    transition: 1s ease;
}

.proimmain-bg .proimmain:hover {
    transform: scale(1.1,1.2);
}

.proimmainbtm {
    width: 100%;
    float: left;
    text-align: justify;
    margin-top: 15px;
}

    .proimmainbtm p {
        text-align: justify;
        padding: 10px 0;
        height:90px;
        padding-bottom: 0;
        overflow: hidden;
        /*border-bottom: #b9b0b0 solid 1px;
        border-top: #b9b0b0 solid 1px;*/
    }

    .proimmainbtm a {
        text-decoration: none;
        color: #fff;
        background: #267CAC;
        padding: 6px 10px;
        font-size: 14px;
        border-radius: 5px;
        display: inline-block;
    }

        .proimmainbtm a:hover {
            background-color: #F54D4D;
        }

.image {
    display: block;
    width: 100%;
    height: auto;
}

.overlay {
    position: absolute;
    left: 0;
    right: 0;
    background-color: rgba(43, 43, 43, 0.58);
    overflow: hidden;
    width: 100%;
    transition: .5s ease;
}

.proimmain:hover .overlay {
    bottom: 0;
    height: 100%;
}

.text {
    white-space: nowrap;
    color: white;
    font-size: 20px;
    position: absolute;
    overflow: hidden;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.main-foter {
    width: 100%;
    float: left;
    padding: 50px 0;
    background-color: #3e3e3e;
}

    .main-foter ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .main-foter ul li {
            line-height: 30px;
        }

            .main-foter ul li a {
                color: #fff;
            }

                .main-foter ul li a:hover {
                    color: #337ab7;
                    font-weight: bold;
                }

.main-foterform {
    width: 100%;
    float: left;
    color: #fff;
}

.quirfrm {
    color: #fff;
    font-size: 24px;
}

.addii {
    text-align: left;
    padding-left: 10%;
    color: #fff;
}

    .addii .fa {
        color: #fff;
    }

        .addii .fa:hover {
            color: #007ae2;
        }

.mainquiry {
    width: 100%;
    float: left;
    background: url(../images/banner/aboutus_banner.jpg) center center no-repeat;
    background-size: cover;
    padding-top: 40px;
    background-attachment: fixed;
}

.qryfrm {
    width: 100%;
    float: left;
    padding: 50px 0;
}

.footerlinkspdi {
    padding-left: 20%;
}

.footerlinks .fa {
    color: #fff;
}

.footerlinks {
    width: 100%;
    float: left;
    padding-top: 38%;
}

    .footerlinks h3 {
        color: #fff;
        padding-bottom: 9px;
        width: 200px;
    }

    .footerlinks ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .footerlinks ul li {
            color: #fff;
        }

            .footerlinks ul li a {
                color: #fff;
            }

                .footerlinks ul li a:hover {
                    color: #F54D4D;
                }


.flash-right {
    margin: 10px 20px;
    float: left;
}

.fa-facebook-square:hover {
    color: #2e6fd2;
}

.fa-twitter-square:hover {
    color: #42a0e4;
}

.fa-linkedin-square:hover {
    color: #3195fd;
}

.fa-google-plus-square:hover {
    color: #ff5a5a;
}

/********************************rohit********************************/

@media screen and (max-width:768px) {
    .addii {
        padding-left: 0;
        padding-left: 4%;
    }
}