body {
    font-size: 16px; /*font-family: 'Roboto Condensed', sans-serif;*/
}
/*.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{	position:inherit}*/
.nailthumb-container {
    width: auto;
    height: auto;
    margin: 0 0 11px;
    padding: 0;
    overflow: hidden;
    position: relative;
    text-align: left
}

    .nailthumb-container img.nailthumb-image {
        margin: 0;
        padding: 0;
        max-width: none;
        text-align: left;
        float: left
    }

    .nailthumb-container span.nailthumb-title {
        background: none repeat scroll 0 0 rgba(0,0,0,0.5);
        bottom: 0;
        color: White;
        display: block;
        font-size: 9px;
        height: 20px;
        left: 0;
        margin-top: 2px;
        line-height: 20px;
        position: relative;
        text-align: center;
        width: 100%;
        overflow: hidden;
        float: left
    }

        .nailthumb-container span.nailthumb-title .nailthumb-title-scroller {
            padding-left: 2px
        }

    .nailthumb-container img {
        max-width: none;
        text-align: left
    }

h2 {
    margin: 0 0 15px 0; /*font-family: 'Roboto Condensed', sans-serif;*/    
    font-weight: 400;
    font-size: 30px
}

h3 { /*font-family: 'Roboto Condensed', sans-serif;*/
    font-size: 20px;
    font-weight: 300
}

.social {
    margin: 10px 0 10px 0;
    /*text-align: right*/
}

    .social a i {
        text-decoration: none;
        font-size: 1.2em;
        margin: 0;
        padding: 0;
        line-height: 30px
    }

    .social a {
        background-color: Red;
        display: inline-block;
        margin-left: 5px;
        width: 30px;
        border-radius: 50%;
        text-align: center;
        color: white
    }

        .social a:hover {
        }

.carousel-control.right, .carousel-control.left {
    background-image: none
}

.left-cat-list {
    margin: 0;
    padding: 0
}

    .left-cat-list li {
        border-bottom: 1px solid #ddd;
        padding: 8px 10px;
        list-style: none
    }

        .left-cat-list li a {
            font-size: 18px;
            font-weight: 300;
            color: #333;
            text-decoration: none
        }

        .left-cat-list li i {
            font-size: 20px;
            color: #555;
            margin-right: 5px
        }

        .left-cat-list li:hover {
            background-color: #efeded
        }

    a {
        color: #000;
        text-decoration: none;
    }

    a:hover {
        color: #838383;
        text-decoration: none;
    }

.top-menu {
    margin-top: 20px
}

    .top-menu ul {
        margin: 0;
        padding: 0;
        float: right
    }

    .top-menu li {
        display: inline-block;
        list-style: none;
        margin-right: 10px
    }

    .top-menu a {
        color: red;
        padding: 3px 30px;
        font-size: 20px;
        border-radius: 3px;
        text-decoration: none;
        border-bottom: 2px solid red;
    }

        .top-menu a:hover {
            background-color: #555;
            color: #fff
        }

ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;   
   /* border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;*/
}
/* bar menu */
.navbar-inverse {
    background-image: none;
    border: 0;
    background-color: #023c4b;
}

.navbar {
    box-shadow: none;
    margin-bottom: 0;
    min-height: 3px;

}

.navbar-inverse .navbar-nav > li > a {
    color: #333;
    text-transform: uppercase;
    font-size: 14px
}

    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > a:hover, .navbar-inverse .navbar-nav > a:focus,
    .navbar-inverse .navbar-nav > li > a:hover {
        background-color: #045B71;
        color: #E91E63
    }

.navbar-inverse .navbar-nav > li { /*border-right: 1px solid #3c2618;*/
}

.topnav2 .navbar-inverse {
    background-image: none;
    border: 0;
    background-color: transparent
}

.topnav2 .navbar {
    box-shadow: none;
    margin-bottom: 0;
}

.topnav2 .navbar-inverse .navbar-nav > li > a {
    color: #000;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    text-shadow:none;
    /*text-shadow: 0 0 0;*/
    /* font-family: 'Alegreya Sans SC', sans-serif;
    font-family: 'Oswald', sans-serif;*/
    letter-spacing: 1px;
    /*font-weight: 400*/
}

    .topnav2 .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > a:hover, .navbar-inverse .navbar-nav > a:focus,
    .topnav2 .navbar-inverse .navbar-nav > li > a:hover {
        background-color: transparent;
        color: #A80D0A; /*border-bottom:3px solid #C40001;*/
        background-image: none;
        box-shadow: none
    }


.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    width: 250px;
    padding: 0px 0;
    margin: 2px 0 0;
    font-size: 18px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgb(0 0 0 / 0%);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
        animation: none;
        border-left: 3px solid #A80D0A;
        font-weight: bold;
        background-image: none;
        background-image: none;
        background-image: none;
        background-image: none;
        background-repeat: repeat-x;
    }

        @media (min-width: 1200px) {
            .navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
                padding: 8px 77px
            }

            .topnav2 .navbar-inverse .navbar-brand, .topnav2 .navbar-inverse .navbar-nav > li > a {
                padding: 10px 12px;
            }
        }

        @media (min-width: 999px) and (max-width: 1199px) {
            .nav > li > a {
                position: relative;
                display: inline-block;
                padding: 10px 5px;
            }
        }
        /*Portrait tablet to landscape and desktop*/
        @media (max-width: 998px) {
            .navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
                padding: 10px 60px
            }
        }

        @media (min-width: 768px) and (max-width: 979px) {
            .nav > li > a {
                position: relative;
                display: inline-block;
                padding: 10px 5px;
            }
        }

        @media (min-width: 768px) {
            .navbar-nav {
                float: none;
                margin: 0;
            }
        }

        @media (min-width: 768px) {
            .navbar-nav > li {
                float: none;
                display: inline-block
            }
        }
        /*Landscape phone to portrait tablet*/
        @media (max-width: 767px) {
            .navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
                padding: 10px 10px
            }
        }
        /*Landscape phones and down*/
        @media (max-width: 480px) {
        }

        .navbar-nav > li > a {
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 20px;
}


section {
}

    section .container {
        padding: 100px 0
    }

.headtitle {
    border-bottom: 1px solid #d8d8d8;
    color: #777777;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-weight: 100;
    font-size: 30px;
}

    .headtitle i {
        color: #777777;
    }

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    /*width: 100%;*/
    margin-bottom: 0;
    width: 198px;
}

input[type=checkbox], input[type=radio] {
    float: left;
    margin-right: 4px
}

input[type=submit] {
    border: 0
}

input[type="text"], input[type="password"], textarea, select {
    margin-bottom: 4px;
    border-radius: 0 !important;
    padding: 4px 5px;
}

.banner .col-sm-2:not(:first-child), .banner .col-sm-2:not(:last-child) {
    padding-right: 5px;
    padding-left: 5px;
}

.featured {
}

    .featured div.prod {
    }

    .featured h2 {
        margin-bottom: 8px;
        font-size: 18px;
        color: #333;
        padding-top: 10px
    }

    .featured img {
        margin-bottom: 5px
    }

    .featured p {
        margin-bottom: 0;
        font-weight: 400;
    }

    .featured a {
        color: maroon;
        text-decoration: none
    }

        .featured a i {
            color: #000;
            padding-right: 5px;
            font-size: 18px
        }

.rupee-s {
    font-weight: 400;
    font-size: 15px;
    color: red;
    display: inline-block;
    padding-top: 3px
}

    .rupee-s i {
        font-size: 20px;
    }

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

    .prodbox li {
        float: left
    }

.prod {
    background-color: #fff;
    border: 1px solid #e6e4e4; /* padding:3px;*/
    border-radius: 5px; /*margin-right: 25px;*/
}

    .prod:hover {
        border: 1px solid #ccc;
    }

    .prod p {
        padding-left: 10px
    }

    .prod h2 {
        margin: 0;
        padding: 10px;
        font-size: 16px;
        color: #333;
    }

    .prod li {
        float: left;
        list-style: none;
        border: 1px solid #e5e4e4;
    }


    .prod span {
        padding: 0 10px
    }

    .prod li a {
        display: inline-block;
        border: 1px solid #ddd;
        text-align: center;
        padding: 5px
    }

    .prod .title {
        font-size: 15px
    }
    /*.prod img{ width:150px; height:120px}*/
    .prod img:hover {
    }

.quicklik {
    padding: 10px 0 0px 0;
    text-align: center
}

.prod-link {
    font-size: 10px;
}

    .prod-link a {
        padding: 5px 8px;
        color: White;
        border-radius: 3px;
        display: inline-block
    }

        .prod-link a i {
            margin-right: 5px
        }
/*.banner div div:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
position: relative;
z-index: 5;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-o-transition: 0.2s linear;
-ms-transition: 0.2s linear;
transition: 0.2s linear;
box-shadow: 0 0 5px 3px #999
}*/
.header {
    padding: 10px 0
}

.cats a {font-size:12px}
/*.footer{}
.footer a{ color:#ccc}
.footer ul{margin:0; padding:0; list-style:none}
.footer ul li{}
.footer ul li a{ padding:8px 10px; display:inline-block}
.footer ul li a i{ padding-right:3px;}
.footer ul li a:hover{background-color:#000; text-decoration:none; padding-right:20px; transition:ease 0.2s;}*/
.category {
    padding: 0;
    margin: 0;
    list-style: none
}

    .category div {
        text-align: center;
        padding: 6px 0
    }

    .category a {
        padding: 5px;
        border: 1px dashed #ccc;
        display: block;
        color: #333;
        text-transform: uppercase;
        margin: 15px 0;
        text-align: center
    }

        .category a:hover {
            color: #555;
            border: 1px dashed #C4010F;
            text-decoration: none
        }

.category-home {
    padding: 0;
    margin: 0;
    list-style: none
}

    .category-home div {
        text-align: center;
        padding: 6px 0
    }

    .category-home a {
        padding: 12px;
        border-bottom: 1px dashed #ccc;
        display: block;
        color: #333;
        text-transform: uppercase;
    }

        .category-home a:hover {
            color: #fff;
            background-color: #C4010F
        }


.paging {
    padding-top: 30px;
    text-align: center
}

    .paging a {
        color: #222;
        /* font-weight: bold; */
        /* border: 1px solid #999; */
        background-color: #e6e6e6;
        border-radius: 16px;
        padding: 3px 10px;
        display: inline-block;
        font-size: 13px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .paging span span {
        color: #666;
        font-weight: bold;
       /* border: 1px solid #999;
        background-color: #ddd;*/
        padding: 3px 10px;
        display: inline-block
    }

.btnblack, .btnred {
    padding: 8px 20px
}

.btnblack {
    background-color: #555;
    color: #fff
}

    .btnblack:hover {
        background-color: #3F3F3F;
        color: #fff
    }

.btnred {
    padding: 10px 15px;
    /*padding: 5px 15px;*/
    border-radius: 4px;
    background-color: rgb(74 74 74 / 63%);
    /*background-color: rgb(175 175 175);*/
    color: white;
    transition: ease-out 0.3s;
    box-shadow: inset 0 0 0 0 #000000b3;
}


    .btnred:hover {
        color: #15cc1d;
        border-radius: 4px;
        box-shadow: inset 250px 0 0 0 #000000b3;
        border: 0;
    }



    .btnred i {
        color: #fff
    }


@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
/* Starter CSS for Flyout Menu */
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 0;
}

    #cssmenu ul {
        position: relative;
        z-index: 597;
        float: left;
    }

        #cssmenu ul li {
            float: left;
            min-height: 1px;
            line-height: 1em;
            vertical-align: middle;
        }

            #cssmenu ul li.hover,
            #cssmenu ul li:hover {
                position: relative;
                z-index: 599;
                cursor: default;
            }

        #cssmenu ul ul {
            margin-top: 1px;
            visibility: hidden;
            position: absolute;
            top: 1px;
            left: 99%;
            z-index: 598;
            width: 100%;
        }

            #cssmenu ul ul li {
                float: none;
            }

            #cssmenu ul ul ul {
                top: 1px;
                left: 99%;
            }

        #cssmenu ul li:hover > ul {
            visibility: visible;
        }

        #cssmenu ul li {
            float: none;
        }

        #cssmenu ul ul li {
            font-weight: normal;
        }
/* Custom CSS Styles */
#cssmenu {
    font-size: 18px;
    width: 250px;
    letter-spacing: 2px;
    font-weight: 300;
    letter-spacing: 1px
}

    #cssmenu ul a,
    #cssmenu ul a:link,
    #cssmenu ul a:visited {
        display: block;
        color: #1E1F1F;
        text-decoration: none;
        font-weight: 300;
    }

    #cssmenu > ul {
        float: none;
    }

    #cssmenu ul {
        /*background: #fff;*/
    }

    #cssmenu > ul > li {
        border-bottom: 1px dotted #333;
    }

        #cssmenu > ul > li > a {
            padding: 12px 2px;
        }

        #cssmenu > ul > li:hover {
        }

    #cssmenu ul li:hover > a {
        color: #055FAC;
    }

    #cssmenu > ul > li:hover {
        background: #f6f6f6;
    }
    /* Sub Menu */
    #cssmenu ul ul a:link,
    #cssmenu ul ul a:visited {
        font-weight: 400;
        font-size: 14px;
    }

    #cssmenu ul ul {
        width: 180px;
        background: none;
        border-left: 20px solid transparent;
    }

        #cssmenu ul ul a {
            padding: 8px 0;
            border-bottom: 1px solid #eeeeee;
        }

        #cssmenu ul ul li {
            padding: 0 20px;
            background: #fff;
        }

            #cssmenu ul ul li:last-child {
                border-bottom: 3px solid #d7d8da;
                padding-bottom: 10px;
            }

            #cssmenu ul ul li:first-child {
                padding-top: 10px;
            }

            #cssmenu ul ul li:last-child > a {
                border-bottom: none;
            }

            #cssmenu ul ul li:first-child:after {
                content: '';
                display: block;
                width: 0;
                height: 0;
                position: absolute;
                left: -20px;
                top: 13px;
                border-left: 10px solid transparent;
                border-right: 10px solid #fff;
                border-bottom: 10px solid transparent;
                border-top: 10px solid transparent;
            }

i {
    margin-right: 5px;
    color: dimgray;
}




.services {
    margin: auto;
    padding: 0;
    text-align: center;
}

    .services li {
        float: left;
        display: inline-block;
        margin: 10px;
        width: 255px;
        border-radius: 5px;
        text-align: center;
        padding: 20px;
        border: 1px solid #bfbfbf;
        color: #333;
    }

        .services li p {
            font-size: 18px;
            margin-top: 10px;
        }


            .services li p:hover {
                font-size: 18px;
                margin-top: 10px;
                color: #7F603D;
            }




.resent ul {
    margin: 0;
    padding: 0;
}

.resent li {
    list-style: none;
    display: inline-block;
    border: 1px solid #ddd;
    margin: 6px;
    background-color: #fff
}

.resent a {
    text-decoration: none;
    color: #fff
}

    .resent a:hover {
        text-decoration: none;
        color: red
    }

.resent p { /*background-color:#ddd; */
    margin-bottom: 0;
    padding: 5px;
    color: #333;
    font-size: 16px
}

    .resent p:hover { /*background-color:#ddd; */
        margin-bottom: 0;
        padding: 5px;
        font-size: 16px;
        color: red
    }

.resent img {
    width: 66px;
    border-radius: 5px;
}



.cat ul {
    margin: 0;
    padding: 0;
}

.cat li {
    list-style: none;
    display: inline-block;
    border-bottom: 1px dotted #555;
    width: 170px;
    color: #fff;
    padding: 5px 10px;
    margin-left: 0px;
   
}

.cat a {
    text-decoration: none;
    color: #fff;
  
}

    .cat a:hover {
        text-decoration: none;
        color: red
    }

.cat p { /*background-color:#ddd; */
    margin-bottom: 0;
    padding-top: 8px;
    padding-bottom: 8px
}

.cat img {
    width: 210px;
    border-radius: 5px
}

.cats ul {
    margin: 0;
    padding: 0;
    display:inline-block;
    
}

.cats li {
    list-style: none;
   /* display: inline-block;*/
    /*border-bottom: 1px dotted White;*/
    color: Red;
    width: 170px;
    padding: 3px;
    font-size: 16px;
}
/*.cats li:hover{ list-style:none; display:inline-block; border-bottom: 1px dotted red; color:Red; margin-left: 0px}*/
.cats a {
    text-decoration: none;
    color: #fff;
    text-transform:uppercase
}

    .cats a:hover {
        text-decoration: none;
        color: #15cc1d;
    }

.Qcontacts a {
    text-decoration: none;
    color: #fff;
    text-transform: uppercase
}

.Qcontacts a:hover {
    text-decoration: none;
    color: #15cc1d;
}



.bg {
    background-color: rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.1);
    margin: 0 10px;
    padding: 0;
}

/*Image for Hover efects*/

@import url(https://fonts.googleapis.com/css?family=Raleway);

*, *:before, *:after {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.main-title {
    color: #2d2d2d;
    text-align: center;
    text-transform: capitalize;
    padding: 0.7em 0;
}

.content {
    position: relative;
    width: 100%;
    max-width: 400px;
    margin: auto;
    overflow: hidden;
}

    .content .content-overlay {
        background: rgba(0,0,0,0.35);
        position: absolute;
        height: 99%;
        width: 100%;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        opacity: 0;
        -webkit-transition: all 0.4s ease-in-out 0s;
        -moz-transition: all 0.4s ease-in-out 0s;
        transition: all 0.4s ease-in-out 0s;
        border-radius: 5px;
    }

    .content:hover .content-overlay {
        opacity: 1;
    }

.content-image {
    width: 100%;
}

.content-details {
    position: absolute;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.content:hover .content-details {
    top: 50%;
    left: 50%;
    opacity: 1;
}

.content-details h3 {
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.15em;
    margin-bottom: 0.5em;
    text-transform: uppercase;
}

.content-details p {
    color: #fff;
    font-size: 0.8em;
}

.fadeIn-bottom {
    top: 80%;
}

.fadeIn-top {
    top: 20%;
}

.fadeIn-left {
    left: 20%;
}

.fadeIn-right {
    left: 80%;
}
.separator {
   /* width: 40px;
    height: 3px;
    margin: 0 auto;
    margin-bottom:15px;
    background-color: dimgray;*/
}
.topnav2 .navbar-inverse .navbar-nav > li::after {
    content: '';
    height: 2px;
    width: 0px;
    background: #000;
    /*box-shadow: 0px 0px 2px black;*/
    border-radius: 10px;
    position: absolute;
    bottom: -5px;
    right: 0%;
    transition: .3s;
    color:#fff;
}

.topnav2 .navbar-inverse .navbar-nav > li:hover::after {
    width: 100%;
    left: 0%;
}

.content .box .imgBox {
    position: relative;
    overflow: hidden;
}

    .content .box .imgBox img {
        max-width: 100%;
        transition: transform 3s;
    }

.content .box:hover .imgBox img {
    transform: scale(1.2);
}
.text {
    border: 1px solid #b9b8b8 !important;
}
@media screen and (max-width: 720px) 
{
    .cats ul {
        margin: 0;
        padding: 0;
        display: unset;
    }
}

/*carousal*/

.MultiCarousel {
    float: left;
    overflow: hidden;
    padding: 15px;
    width: 100%;
    position: relative;
}

    .MultiCarousel .MultiCarousel-inner {
        transition: 1s ease all;
        float: left;
    }

        .MultiCarousel .MultiCarousel-inner .item {
            float: left;
        }

            .MultiCarousel .MultiCarousel-inner .item > div {
                text-align: center;
                padding: 10px;
                margin: 15px;
                /*background: #f1f1f1;*/
                color: #666;
            }

    .MultiCarousel .leftLst, .MultiCarousel .rightLst {
        position: absolute;
        border-radius: 50%;
        top: calc(50% - 20px);
    }

    .MultiCarousel .leftLst {
        left: 0;
    }

    .MultiCarousel .rightLst {
        right: 0;
    }

        .MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over {
            pointer-events: none;
        }
.Newhead {
    position: relative;
}
.Newhead:before {
    color: #bebebe;
    /*content: "";*/
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    top: 20px;
    width: 60%;
    background: #ccc;
    height: 1px;
}
    .Newhead white {
        display: inline-block;
        padding: 0 25px;
        background-color:#fff;
        position: relative;
    }
    .Newhead .fff {
        display: inline-block;
        padding: 0 25px;
        background-color: #fff;
        position: relative;
        font-size: 20px;
        font-weight:600;
    }
    .Newhead .f3f3f3 {
        display: inline-block;
        padding: 0 25px;
        background-color: #f3f3f3;
        position: relative;
    }