@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,500i,700,900');

body {
    height: auto !important;
}

body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #7e8287;
    background: #fff;
}

a:focus,
.btn:focus {
    outline: none;
    outline-offset: 0px;
}

ul {
    padding: 0px;
    margin: 0px;
}

#toTop {
    position: fixed;
    display: none;
    bottom: 20px;
    right: 20px;
    height: 40px;
    width: 40px;
    background: #fff;
    color: #000;
    line-height: 20px;
    border: 2px solid #000;
    border-radius: 0px;
    cursor: pointer;
    font-size: 20px;
    z-index: 1111;
    display: none;
}

.lan-fix {
    position: absolute;
    left: 0;
    top: 0;
    height: 50px;
    background: #FBFBFB;
    width: 100%;
    z-index: 99999;
    padding: 13px 80px;
    transition: all 300ms linear 0s;
    -transition: all 300ms linear 0s;
    -moz-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
}

/*.lan-fix .drager {
        position: absolute;
        left: 50%;
        height: 53px;
        width: 186px;
        margin-left: -93px;
        content: '';
        bottom: -53px;
        background-image: url('../img/scroll-drager.png');
        line-height: 40px;
        color: #000;
        font-size: 16px;
        cursor: pointer;
        text-align: center;
}
.langfix-open .lan-fix {
        top: 0;
}*/
.drager i {
    display: inline-block;
    transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    transition: all 300ms linear 0s;
    -transition: all 300ms linear 0s;
    -moz-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
}

.icone-animation i {
    transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
}

.lan-fix .left-navi {
    float: left;
}

.lan-fix .right-navi {
    float: right;
    text-align: right;
}

.lan-fix .left-navi ul li,
.lan-fix .right-navi ul li {
    list-style-type: none;
    display: inline-block;
    position: relative;
}

.lan-fix .left-navi ul li:after,
.lan-fix .right-navi ul li:after {
    position: absolute;
    left: 100%;
    top: 0;
    height: 100%;
    width: 1px;
    content: '';
    background: #ddd;
}

.lan-fix .left-navi ul li:last-child:after,
.lan-fix .right-navi ul li:last-child:after {
    display: none;
}

.lan-fix .left-navi ul li a,
.lan-fix .right-navi ul li a {
    font-size: 12px;
    color: #999;
    display: block;
    padding: 0 10px;
}

.offer-head {
    color: #D09B3C !important;
}

.custom-nav {
    padding: 45px 80px 10px;
    transition: all 300ms linear 0s;
    -transition: all 300ms linear 0s;
    -moz-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
}

a:hover,
a:focus {
    text-decoration: none;
}

header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}

.logo {
    float: left;
    transition: all 300ms linear 0s;
    -transition: all 300ms linear 0s;
    -moz-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
    margin-top: 10px;
    padding-top: 25px;
}

.logo img {
    transition: all 300ms linear 0s;
    -transition: all 300ms linear 0s;
    -moz-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
    width: auto;
}

.nav-navigations {
    float: right;
    text-align: right;
    margin-top: 25px;
    transition: all 300ms linear 0s;
    -transition: all 300ms linear 0s;
    -moz-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
}

.nav-navigations>ul>li {
    list-style-type: none;
    display: inline-block;
    position: relative;
    padding-bottom: 20px;
}

.nav-navigations>ul>li>a {
    display: block;
    padding: 0px 14px;
    font-size: 17px;
    color: #fff;
    font-weight: 300;
    position: relative;
    transition: all 300ms linear 0s;
    -transition: all 300ms linear 0s;
    -moz-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
}

.nav-navigations>ul>li a:after {
    /*background-image: url("../img/pin-logo.png");*/
    content: "";
    height: 60px;
    left: 60%;
    margin-left: -18px;
    position: absolute;
    top: -38px;
    width: 35px;
    opacity: 0;
    transition: all 300ms linear 0s;
    -transition: all 300ms linear 0s;
    -moz-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
}

.nav-navigations>ul>li:hover>a {
    color: #fcd795;
}

.nav-navigations>ul>li>a:hover:after,
.nav-navigations>ul>li>.active:after,
.nav-navigations>ul>li:hover>a:after {
    top: -18px;
    opacity: 1;
    left: 50%;
}

.nav-navigations>ul>li>a.active {
    color: #fcd795;
}

.nav-navigations>ul>li:hover .dropdown {
    top: 100%;
    visibility: visible;
    opacity: 1;
}

.nav-navigations>ul>li:last-child .dropdown {
    left: inherit;
    right: 0px;
}

.nav-navigations>ul>li:last-child .dropdown::after {
    right: 30px;
    left: inherit;
    top: -10px
}

.nav-navigations>ul>li>.dropdown {
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 280px;
    max-width: 100%;
    background: rgba(0, 0, 0, 0.8);
    border-top: 3px solid #FCD795;
    text-align: left;
    visibility: hidden;
    padding: 0;
    opacity: 0;
    transition: all 300ms linear 0s;
    -transition: all 300ms linear 0s;
    -moz-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
}

.nav-navigations>ul>li>.dropdown:after {
    position: absolute;
    left: 30px;
    top: -10px;
    content: '';
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #FCD795;
}

.nav-navigations ul.dropdown-menu:after {
    position: absolute;
    left: 30px;
    top: -10px;
    content: '';
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #FCD795;
}

.nav-navigations ul.dropdown-menu {
    left: 0;
    top: 150%;
    min-width: 280px;
    max-width: 100%;
    background: rgba(0, 0, 0, 0.8);
    border-top: 3px solid #FCD795;
    text-align: left;
}

.nav-navigations ul.dropdown-menu li a {
    display: block;
    padding: 8px 15px;
    color: #fff;
    font-size: 15px;
    transition: all 300ms linear 0s;
    -transition: all 300ms linear 0s;
    -moz-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
}

.nav-navigations ul.dropdown-menu li a:hover {
    color: #D09B3C;
    background: rgba(208, 155, 60, 0.10);
}

.nav-navigations>ul>li .dropdown>li {
    list-style-type: none;
    display: block;
}

.nav-navigations>ul>li .dropdown>li>a {
    display: block;
    padding: 8px 15px;
    color: #fff;
    font-size: 15px;
    transition: all 300ms linear 0s;
    -transition: all 300ms linear 0s;
    -moz-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
}

.nav-navigations>ul>li .dropdown>li>a span {
    padding: 03px 10px;
    color: #fff;
    background: #D09B3C;
    border-radius: 3px;
    float: right;
    font-size: 10px;
}

.nav-navigations>ul>li .dropdown>li>a:hover {
    color: #D09B3C;
    background: rgba(208, 155, 60, 0.10);
}

.nav_titles {
    background: rgba(0, 0, 0, 0.8);
    border-bottom: 1px solid #333;
    padding: 10px 15px !important;
}

.nav-navigations li.dropdown {
    display: inline-block !important;
}

.cart-nav {
    float: right;
    margin: 25px 0 0 20px;
    transition: all 300ms linear 0s;
    -transition: all 300ms linear 0s;
    -moz-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
}

.cart-nav ul li {
    display: inline-block;
    list-style-type: none;
    position: relative;
    padding: 0 05px;
}

.cart-nav ul li a {
    font-size: 18px;
    color: #fcd795;
    display: block;
}

.notifc {
    position: relative;
    margin-top: -16px;
    margin-right: -2px;
}

.notifc .scale-effe {
    position: absolute;
    top: -25px;
    right: -18px;
    height: 35px;
    width: 35px;
    z-index: 10;
    border: 5px solid #fff;
    border-radius: 50%;
    -moz-animation: scale-effe 1s ease-out;
    -moz-animation-iteration-count: infinite;
    -o-animation: scale-effe 1s ease-out;
    -o-animation-iteration-count: infinite;
    -webkit-animation: scale-effe 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.notifc .point {
    width: 18px;
    height: 18px;
    line-height: 18px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    right: -9px;
    top: -16px;
    text-align: center;
    font-size: 10px;
    color: #000;
}

@-moz-keyframes scale-effe {
    0% {
        -moz-transform: scale(0);
        opacity: 0.0;
    }

    25% {
        -moz-transform: scale(0.1);
        opacity: 0.1;
    }

    50% {
        -moz-transform: scale(0.5);
        opacity: 0.3;
    }

    75% {
        -moz-transform: scale(0.8);
        opacity: 0.5;
    }

    100% {
        -moz-transform: scale(1);
        opacity: 0.0;
    }
}

@-webkit-keyframes scale-effe {
    0% {
        -webkit-transform: scale(0);
        opacity: 0.0;
    }

    25% {
        -webkit-transform: scale(0.1);
        opacity: 0.1;
    }

    50% {
        -webkit-transform: scale(0.5);
        opacity: 0.3;
    }

    75% {
        -webkit-transform: scale(0.8);
        opacity: 0.5;
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 0.0;
    }
}

section {
    position: relative;
    /*overflow: hidden;*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 10;
}

.sticky-header .custom-nav {
    padding: 5px 50px;
    background: rgba(0, 0, 0, 0.8);
    border-bottom: 1px solid #fcd795;
}

.sticky-header .logo {
    margin-top: 0px;
    min-height: 75px;
    padding: 25px 0px 0 0;
}

.sticky-header .logo img {
    width: auto;
}

.sticky-header .nav-navigations,
.sticky-header .cart-nav {
    margin: 26px 0 0;
}

.sub-head {
    position: relative;
    font-size: 42px;
    font-weight: 300;
    display: block;
    text-align: center;
    padding: 40px 0 20px;
}

.sub-head:before {
    position: absolute;
    left: 50%;
    top: 0;
    content: '';
    height: 142px;
    width: 81px;
    margin-left: -40.5px;
    background: url('../img/heading-pin.png');
    z-index: -1;
}

/*---------------------SLIDER-SEC START-----------------------------*/
.banner-slider .item {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    position: relative !important;
}

.banner-slider .item:before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    height: 100%;
    width: 100%;
    background: rgba(17, 16, 47, 0.37);
}

.banner-slider .owl-controls {
    margin: 0px;
}

.banner-cont {
    position: absolute;
    width: 100%;
    top: 30%;
    left: 0;
    padding: 15px;
    text-align: center;
}

.banner-cont h1 {
    padding: 10px 25px;
    font-size: 52px;
    display: inline-block;
    background: rgba(208, 155, 60, 0.36);
    color: #fff;
    margin: 0px;
    text-transform: uppercase;
    font-weight: bold;
    position: relative;
    display: inline-block;
    transition: 0.40s ease-in-out 0s;
    -ms-transition: 0.40s ease-in-out 0s;
    -moz-transition: 0.40s ease-in-out 0s;
    -webkit-transition: 0.40s ease-in-out 0s;
    transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    opacity: 0;
}

.active .banner-cont h1 {
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
}

.banner-cont h5 {
    font-size: 32px;
    color: #fff;
    margin: 10px 0px 80px;
    font-weight: 400;
    transition: 0.60s ease-in-out 0.6s;
    -ms-transition: 0.60s ease-in-out 0.6s;
    -moz-transition: 0.60s ease-in-out 0.6s;
    -webkit-transition: 0.60s ease-in-out 0.6s;
    position: relative;
    bottom: -50px;
    opacity: 0;
}

.active .banner-cont h5 {
    bottom: 0;
    opacity: 1;
}

/*---------------------TOP-SALE-SEC START-----------------------------*/
.top-sale-sec {
    padding: 3% 0;
    background: #fff;
}

.top-sale-main {
    padding: 0px 20px;
    width: 33.333%;
    float: left;
    text-align: center;
    min-height: 450px;
}

.sale-heads {
    position: relative;
}

.sale-heads .number-adds {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #f7f7f7;
    content: '';
    font-size: 110px;
    z-index: -1;
    font-style: italic;
    font-weight: 300;
}

.sale-heads h1 {
    padding: 90px 0 10px;
    color: #000;
    font-size: 24px;
    margin: 0px;
}

.center-edit {
    padding: 30px 20px 0;
    position: relative;
}

.center-right,
.center-left {
    position: relative;
}

.center-edit:after,
.center-left:after {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 2px;
    content: url('../img/border-img.png');
}

.center-edit:before,
.center-right:before {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 2px;
    content: url('../img/border-img.png');
}

.center-head h1 {
    padding: 10px 0;
}

.sale-heads p {
    font-size: 16px;
    color: #999;
    margin: 0px;
    height: 40px;
    font-weight: 300;
}

.sale-img {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 170px;
    margin: 30px 0 20px;
}

/*---------------------HOW ITS WORD-SEC START-----------------------------*/
.how-it-work-sec {
    padding: 0px;
}

.home-how-tab {
    text-align: center;
}

.home-how-tab .nav-tabs {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    z-index: 3;
    border-bottom: none;
}

.home-how-tab .nav-tabs>li {
    float: none;
    display: inline-block;
    margin: 0px;
    width: 130px;
    text-align: center;
    vertical-align: bottom;
}

.home-how-tab .nav-tabs>li>a {
    margin: 0px;
    border: none;
    font-size: 16px;
    color: #fff;
    transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -moz-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
    display: inline-block !important;
}

.home-how-tab .nav-tabs>li>a span {
    display: block;
    width: 85px;
    height: 85px;
    background: #fff;
    color: #000;
    border-radius: 50%;
    margin: 0 auto;
    line-height: 90px;
    font-size: 42px;
    margin-bottom: 10px;
    transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -moz-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
}

.home-how-tab .nav-tabs>li.active>a,
.home-how-tab .nav-tabs>li.active>a:focus,
.home-how-tab .nav-tabs>li.active>a:hover {
    background: none;
    border: none;
}

.home-how-tab .nav-tabs .active a span {
    background: #27264a;
    color: #fff;
}

.home-how-tab .nav>li>a:focus,
.home-how-tab .nav>li>a:hover {
    color: #27264a;
    background: none;
}

.home-how-tab .nav-tabs .active a {
    color: #27264a;
}

.home-how-tab .nav-tabs>.fir-tab,
.home-how-tab .nav-tabs>.thr-tab {
    margin-bottom: 30px;
}

.home-how-tab .tab-content {
    position: relative;
}

.home-how-tab .tab-content .tab-pane {
    background-size: cover;
    background-position: center center;
    background-repeat: none;
    position: relative;
    min-height: 580px;
}

.home-how-tab .tab-content:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: '';
    background: rgba(0, 0, 0, 0.7);
    z-index: 1;
}

.home-how-tab .tab-content:after {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: '';
    background: url(../img/border-cri.png) center center no-repeat;
    z-index: 1;
}

.innter-tab-more {
    position: absolute;
    left: 0;
    top: 200px;
    width: 100%;
    text-align: center;
    z-index: 4;
    color: #fff;
}

.innter-tab-more h4 {
    margin: 0px;
    font-size: 32px;
    font-weight: 300;
}

.innter-tab-more h3 {
    font-size: 38px;
    margin: 0px 0 25px;
    font-weight: bold;
}

.sub-btn {
    background: none;
    border: 1px solid #27264a;
    border-radius: 0;
    color: #27264a;
    font-size: 16px;
    height: 45px;
    padding: 0 40px;
    transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -moz-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
}

.sub-btn:hover {
    border: 1px solid #fff;
    color: #fff;
}

/*---------------------TESTIMONIAL-SEC START-----------------------------*/
.testimonal-sec {
    padding: 2% 0 0;
    background: #fff;
    text-align: center;
}

.testimonal-sec h3 {
    font-size: 42px;
    font-weight: 300;
    color: #17161f;
    text-align: center;
}

.sub-test {
    background: #fff;
    border: 1px solid #ddd;
    color: #27264a;
    border-radius: 0px;
    height: 40px;
    margin: 10px 0 20px;
    padding: 0 40px;
    font-size: 18px;
    transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -moz-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
}

.sub-test:hover {
    border: 1px solid #27264a;
    color: #27264a;
}

.testi-main-tab {
    padding: 40px 0 0;
}

.testi-main-tab .nav-tabs {
    margin: 0px;
    border: none;
    text-align: center;
    height: 280px;
    width: 700px;
    margin: 0 auto;
    position: relative;
    bottom: -20px;
}

.testi-main-tab .nav-tabs li {
    float: none;
    display: inline-block;
    margin: 0px;
}

.testi-main-tab .nav-tabs li a {
    margin: 0px;
    height: 70px;
    width: 70px;
    border-radius: 50%;
    padding: 0px;
    border: 5px solid transparent;
    border-color: none;
    transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -moz-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
}

.testi-main-tab .nav-tabs li a img {
    height: 100%;
    width: 100%;
    border-radius: 50%;
}

.testi-main-tab .nav-tabs>li.active>a,
.testi-main-tab .nav-tabs>li.active>a:focus,
.testi-main-tab .nav-tabs>li.active>a:hover {
    border: 5px solid #D09B3C;
}

.test-1 {
    position: absolute !important;
    left: 180px;
    top: 10px;
}

.test-2 {
    position: absolute !important;
    right: 180px;
    top: 10px;
}

.test-3 {
    position: absolute !important;
    left: 315px;
    top: 60px;
}

.test-4 {
    position: absolute !important;
    left: 250px;
    bottom: 45px;
}

.test-5 {
    position: absolute !important;
    right: 250px;
    bottom: 45px;
}

.testi-main-tab .tab-content {
    padding: 40px 0;
    position: relative;
    z-index: 2;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefefd+0,fdf7eb+47,fdf7eb+56,ffffff+100 */
    background: rgb(254, 254, 253);
    /* Old browsers */
    background: -moz-linear-gradient(left, rgba(254, 254, 253, 1) 0%, rgba(253, 247, 235, 1) 47%, rgba(253, 247, 235, 1) 56%, rgba(255, 255, 255, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(254, 254, 253, 1) 0%, rgba(253, 247, 235, 1) 47%, rgba(253, 247, 235, 1) 56%, rgba(255, 255, 255, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(254, 254, 253, 1) 0%, rgba(253, 247, 235, 1) 47%, rgba(253, 247, 235, 1) 56%, rgba(255, 255, 255, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefd', endColorstr='#ffffff', GradientType=1);
    /* IE6-9 */
}

.testi-main-tab .tab-content h1 {
    margin: 0px;
    color: #1a1a1a;
    font-size: 20px;
    display: inline-block;
    padding: 0 40px;
    position: relative;
}

.testi-main-tab .tab-content h1:after {
    position: absolute;
    left: 0;
    top: -20px;
    content: "“";
    height: 20px;
    width: 20px;
    font-size: 60px;
    color: #424242;
}

.testi-main-tab .tab-content h1:before {
    position: absolute;
    right: 0;
    top: -20px;
    content: "“";
    height: 20px;
    width: 20px;
    font-size: 60px;
    color: #424242;
    transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
}

.testi-main-tab .tab-content .desig-div {
    font-size: 16px;
    color: #969696;
    margin: 05px 0 15px;
}

.testi-main-tab .tab-content .desig-div span {
    color: #D09B3C;
    font-size: 14px;
}

.review-star i {
    color: #aa151a;
    font-size: 20px;
}

.view-test-more a {
    color: #D09B3C;
    display: inline-block;
    font-size: 16px;
    margin-top: 10px;
}

/*---------------------ABOUT-SEC START-----------------------------*/
.about-sec {
    padding: 4% 0;
    background-color: #fff;
}

.about-sec p {
    width: 60%;
    margin: 0 auto;
    text-align: center;
    font-size: 18px;
    line-height: 25px;
    color: #999;
}

/*---------------------FOOTER START-----------------------------*/
footer {
    padding: 3% 0;
    position: relative;
    overflow: hidden;
    background: #f8f8f8;
}

/*footer:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background-image: url(../img/footer-border.png);
    content: '';
}*/
.footer-cont h5 {
    color: #000000;
    font-size: 18px;
    font-weight: 300;
    margin: 0 0 15px;
    text-transform: uppercase;
}

.footer-cont ul li {
    list-style-type: none;
    display: block;
}

.footer-cont ul li a {
    display: inline-block;
    position: relative;
    font-size: 14px;
    color: #444;
    text-transform: uppercase;
    font-weight: 300;
    padding: 5px 0;
    transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -moz-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
}

/*.footer-cont ul li a:after {
        position: absolute;
        left: -50px;
        top: 50%;
        margin-top: -2px;
        content: '';
        background: url('../img/pin-footer.png');
        height: 4px;
        width: 27px;
        opacity: 0;
        transition: all 300ms linear 0s;
        -o-transition: all 300ms linear 0s;
        -moz-transition: all 300ms linear 0s;
        -webkit-transition: all 300ms linear 0s;
}
.footer-cont ul li a:before {
        height: 1px;
        position: absolute;
        left: 0;
        top: 50%;
        width: 1px;
        content: '';
        background: #E9D1A5;
        z-index: 0;
        transition: all 300ms linear 0s;
        -o-transition: all 300ms linear 0s;
        -moz-transition: all 300ms linear 0s;
        -webkit-transition: all 300ms linear 0s;
}*/
.footer-cont ul li a:hover {
    padding-left: 0px;
    color: #D09B3C;
}

.footer-cont ul li a:hover:after {
    left: 110%;
    opacity: 1;
}

.footer-cont ul li a:hover:before {
    width: 110%;
}

.footer-cont input {
    height: 45px;
    border: none;
    border-bottom: 1px solid #eee;
    box-shadow: none;
    font-size: 16px;
    font-weight: 300;
    border-radius: 0px;
}

.footer-cont input:hover,
.footer-cont input:focus {
    box-shadow: none;
    border-color: #eee;
}

.footer-cont .btn {
    height: 45px;
    background: rgba(0, 0, 0, 0.6);
    border: none;
    font-size: 22px;
    border: 1px solid #eee;
    border-radius: 0px;
    color: #fff;
    transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -moz-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
}

.footer-cont .btn:hover {
    color: #D09B3C;
}

.social-footer {
    margin-top: 30px;
}

.social-footer ul li {
    float: left;
    margin-right: 5px;
    list-style-type: none;
}

.social-footer ul li a {
    display: block;
    height: 43px;
    width: 43px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 43px;
    transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -moz-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
}

.face-sol {
    background: #3b579d;
}

.twe-sol {
    background: #54abee;
}

.insta-sol {
    background: #416f96;
}

.google-sol {
    background: #dc4938;
}

.pint-sol {
    background: #cb2026;
}

.social-footer ul li a:hover {
    border-radius: 50%;
}

.footer-pro-fix {
    position: absolute;
    left: 0;
    bottom: -100%;
    background: #222;
    border-top: 1px solid #222;
    width: 100%;
    height: 100%;
    padding: 40px 0;
    z-index: 99999;
    transition: all 300ms linear 0s;
    -transition: all 300ms linear 0s;
    -moz-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
}

.footer-pro-fix .drager-one {
    position: absolute;
    left: 50%;
    height: 53px;
    width: 186px;
    margin-left: -93px;
    content: '';
    top: -52px;
    background-image: url('../img/scroll-drager.png');
    line-height: 40px;
    color: #000;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    transition: all 300ms linear 0s;
    -transition: all 300ms linear 0s;
    -moz-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
}

.langfix-open-one .footer-pro-fix {
    bottom: 0;
}

.langfix-open-one .drager-one {
    top: -2px;
    transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
}

.drager-one i {
    display: inline-block;
    transition: all 300ms linear 0s;
    -transition: all 300ms linear 0s;
    -moz-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
}

.footer-pro-fix h1 {
    margin: 0px 0 20px;
    font-weight: 300;
    text-align: center;
    color: #27264a;
    font-size: 26px;
}

.footer-pro-fix ul li {
    list-style-type: none;
    display: block;
}

.footer-pro-fix ul li a {
    color: #9a9a9a;
    display: block;
    font-size: 16px;
    font-weight: 300;
    padding: 3px 0;
}

.footer-pro-fix ul li a:hover {
    color: #fff;
    font-weight: bold;
}

/*---------------------ALLPAGE-HEAD SEC START-----------------------------*/
.set-banner-sec {
    height: 200px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.set-banner-sec:before {
    background: rgba(17, 16, 47, 0.37);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

/*---------------------LOG IN SEC START-----------------------------*/
.log-in-sec {
    padding: 3% 0;
    background: #fff;
}

.log-outer {}

.page-headings {
    font-size: 36px;
    color: #000;
    font-weight: 300;
    text-align: center;
    margin: 15px 0;
}

.form-log {
    width: 38%;
    margin: 0 auto;
    padding: 20px;
}

.form-log .form-control {
    height: 45px;
    border: 1px solid #eee;
    border-radius: 0px;
    box-shadow: none;
    font-size: 16px;
    transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -moz-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
}

.form-log input:hover,
.form-log input:focus {
    border-color: #eee;
    box-shadow: none;
    border-left: 4px solid #ecca8d;
}

.form-log .btn {
    margin-top: 20px;
}

/*--------------------Mahesh --17/10/16--------------------------------*/
.social-Login {
    text-align: center;
    padding-bottom: 25px;
}

.social-Login ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.social-Login ul li {
    display: inline-block;
    margin-right: 10px
}

.social-Login ul li a {
    display: block;
    padding: 10px 22px;
    font-size: 15px;
    position: relative;
    min-width: 110px;
}

.social-Login ul li:nth-child(1) a {
    border: solid 1px #3b5998;
    color: #3b5998;
}

.social-Login ul li:nth-child(2) a {
    border: solid 1px #d34836;
    color: #d34836;
}

.social-Login ul li:nth-child(3) a {
    border: solid 1px #3395c5;
    color: #3395c5;
}

.social-Login ul li a:after {
    width: 20px;
    height: 1px;
    position: absolute;
    content: '';
    left: 25px;
    bottom: -1px;
    background: #fff;
    transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -moz-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
}

.social-Login ul li a::before {
    background: #fff none repeat scroll 0 0;
    content: '';
    height: 1px;
    position: absolute;
    right: 25px;
    top: -1px;
    width: 20px;
    transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    -moz-transition: all 300ms linear 0s;
    -webkit-transition: all 300ms linear 0s;
}

.social-Login ul li a:hover:after {
    opacity: 0;
}

.social-Login ul li a:hover:before {
    opacity: 0;
}

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

.frgt-pass a {
    font-size: 14px;
    color: #27264a;
    display: inline-block;
}

.log-outer {
    border-bottom: 1px solid #eaeaea;
    position: relative;
    padding-bottom: 30px;
}

.log-outer:after {
    position: absolute;
    content: 'OR';
    width: 31px;
    height: 31px;
    text-align: center;
    line-height: 30px;
    color: #606060;
    margin: 0px auto;
    left: 0px;
    right: 0px;
    bottom: -15px;
    background: #fff;
    font-size: 10px;
    border: 1px solid #ededed;
    border-radius: 25px;
}

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

.cracc-text p {
    font-size: 16px;
    color: #7a7a7a;
}

.cracc-btn {
    padding: 20px 0px 0px 10px;
}

.cracc-btn .cust-btn {
    width: auto;
    min-width: 200px;
}

.createNew-account {
    padding: 20px 0px;
}

.log-outer.register {
    border-bottom: none;
}

.log-outer.register:after {
    content: '';
    display: none;
}

.createNew-account-btm {
    border-top: 1px solid #ededed;
}

.createNew-account-btm ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.createNew-account-btm ul li {
    float: left;
    width: 33.33%;
    text-align: center;
}

.createNew-account-btm ul li p {
    width: 220px;
    display: inline-block;
}

.num {
    position: relative;
    width: 37px;
    height: 42px;
    color: #27264a;
    border: 1px solid #eaeaea;
    font-size: 18px;
    line-height: 40px;
    display: inline-block;
    margin-top: -5px;
    background: #fff;
}

.num::before {
    border-bottom: 5px solid #ededed;
    border-left: 5px solid transparent;
    content: "";
    height: 0;
    left: -6px;
    position: absolute;
    top: -1px;
    width: 0;
}

.num::after {
    border-bottom: 5px solid #ededed;
    border-right: 5px solid transparent;
    content: "";
    height: 0;
    right: -6px;
    position: absolute;
    top: -1px;
    width: 0;
}

/*-------------------------How it Works-----------------------------------------------*/

.howitworks {
    padding: 65px 0px;
}

.howit-top {
    text-align: center;
}

.howit-top h2 {
    margin: 0px;
    font-size: 40px;
}

.howit-top h4 {
    margin: 0px 0px 30px 0px;
    font-size: 26px;
}

.howit-top p {
    margin: 0px;
    font-size: 18px;
    color: #999;
}

.howeitleft-nav {
    margin: 0px 0px 70px 0px;
}

.howeitleft-nav h2 {
    font-size: 26px;
    margin: 0;
    padding: 0 0 0 15px;
    position: relative;
    text-transform: uppercase;
}

.howeitleft-nav h2::before {
    background: #000 none repeat scroll 0 0;
    bottom: -4px;
    content: "";
    height: 1px;
    left: 12px;
    position: absolute;
    width: 16px;
}

.howeitleft-nav h2::after {
    background: #000 none repeat scroll 0 0;
    bottom: -8px;
    content: "";
    height: 1px;
    left: 12px;
    position: absolute;
    width: 36px;
}

.howeitleft-nav ul {
    list-style-type: none;
    margin: 0;
    padding: 25px 0 0;
}

.howeitleft-nav ul li {
    display: block;
}

.howeitleft-nav ul li a {
    display: block;
    color: #999;
    padding: 8px 0px 8px 15px;
    font-size: 16px;
    transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s;
    -webkit-transition: all 0.5s linear 0s;
}

.howeitleft-nav ul li a.active {
    background: #f5f5f5;
    color: #000;
}

.howeitleft-nav ul li a:hover {
    background: #f5f5f5;
    color: #000;
}

.cloth-sect {
    padding: 70px 0;
}

.cloth-sect ul {
    list-style-type: none;
    margin: 0;
    padding: 0px 0 0;
}

.cloth-sect ul li {
    position: relative;
    display: block;
    padding: 50px 0px;
    margin-bottom: 60px;
}

.cloth-sect ul li:last-child {
    margin-bottom: 0px;
}

.cloth-sect ul li:nth-child(odd) .cloth-box {
    padding: 40px 40px 40px 280px;
}

.cloth-sect ul li:nth-child(even) .cloth-box {
    padding: 40px 280px 40px 40px;
}

.cloth-sect ul li:nth-child(odd) .clothImg {
    left: 50px;
    position: absolute;
    top: 0;
    right: inherit;
}

.cloth-sect ul li:nth-child(even) .clothImg {
    right: 50px;
    position: absolute;
    top: 0;
    left: inherit;
}

.cloth-box {
    background: #f8f8f8 none repeat scroll 0 0;
    min-height: 280px;
    padding: 40px 40px 40px 280px;
}

.cloth-box h2 {
    margin: 0px 0px 15px 0px;
    font-size: 26px;
}

.cloth-box p {
    margin: 0px;
    font-size: 16px;
    color: #999
}

.clothImg {
    left: 50px;
    position: absolute;
    top: 0;
}

.c-btnset {
    margin-top: 30px;
}

.c-btnset a {
    padding: 0px 10px;
    font-size: 18px;
    line-height: 40px;
    color: #27264a;
    display: inline-block;
    position: relative;
    transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s;
    -webkit-transition: all 0.5s linear 0s;
}

.c-btnset a:hover {
    color: #000;
}

.c-btnset a.cbtn {
    border: solid 1px #d7d7d7;
    margin-right: 6px;
    padding: 0px 40px;
}

.c-btnset a.cbtn::before {
    background: #f8f8f8 none repeat scroll 0 0;
    content: "";
    height: 1px;
    position: absolute;
    right: 25px;
    top: -1px;
    transition: all 300ms linear 0s;
    width: 20px;
}

.c-btnset a.cbtn::after {
    background: #f8f8f8 none repeat scroll 0 0;
    bottom: -1px;
    content: "";
    height: 1px;
    left: 25px;
    position: absolute;
    transition: all 300ms linear 0s;
    width: 20px;
}

.c-btnset a.cbtn:hover::before {
    opacity: 0;
}

.c-btnset a.cbtn:hover::after {
    opacity: 0;
}

.howit-btm {
    background: url(../img/howit-bg.png) no-repeat bottom center;
    height: 314px;
}

.leftpd {
    padding-left: 0px;
}

.rightpd {
    padding-right: 0px;
}

.howit-right {
    border-left: 1px solid #f1f1f1;
    padding: 0 0 0 80px;
}

/*-------howit-19/10/16---------*/

.fstwrld {
    background: url(../img/howit-bg01.png) no-repeat bottom center;
    height: 428px;
    padding: 0px 0px 0px 0px;
    text-align: center;
}

.fstwrld .sub-head::before {
    content: '';
    display: none;
}

.fstwrld p {
    color: #999;
    font-size: 18px;
    line-height: 25px;
    margin: 0 auto;
    text-align: center;
    width: 60%;
}

.orng {
    color: #e9d1a6;
    display: inline-block;
    width: 225px;
    text-align: center;
    margin-top: 30px;
}

.perfectGur {
    background: #f7f7f7 url(../img/howit-bg02.png) no-repeat bottom center;
    height: 428px;
    padding: 0px 0px 0px 0px;
    text-align: center;
}

.perfectGur p {
    width: 80%;
    margin-bottom: 80px;
}

.perfectGur .sub-head {
    padding: 55px 0 20px;
}

.altbtns {
    width: 275px;
    display: inline-block;
}

.altbtns p {
    color: #393838;
    font-size: 16px;
}

.altbtns a {
    border: solid 1px #27264a;
    font-size: 18px;
    padding: 0px 40px;
    position: relative;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    min-width: 170px;
    color: #27264a;
    text-transform: uppercase;
}

.altbtns a::before {
    background: #f7f7f7 none repeat scroll 0 0;
    content: "";
    height: 1px;
    position: absolute;
    right: 25px;
    top: -1px;
    transition: all 300ms linear 0s;
    width: 30px;
}

.altbtns a::after {
    background: #f7f7f7 none repeat scroll 0 0;
    bottom: -1px;
    content: "";
    height: 1px;
    left: 25px;
    position: absolute;
    transition: all 300ms linear 0s;
    width: 30px;
}

.altbtns a:hover::before {
    opacity: 0;
}

.altbtns a:hover::after {
    opacity: 0;
}

.otherquest {
    background-image: none;
    background-color: #fff;
}

.otherquest .altbtns {
    width: auto;
}

.otherquest .altbtns a {
    border: solid 1px #d7d7d7;
    color: #27264a;
    text-transform: none;
    margin: 0px 12px;
}

.otherquest .altbtns a i {
    color: #000;
    margin-right: 10px;
}

.altbtns a::before;

.altbtns a::after {
    background: #fff;
}

.otherquest p {
    margin-bottom: 35px;
    width: 80%;
}

/*-------howit-19/10/16---------*/

/*-----------------------------------------------TOOL -------------------------------------------------------------*/

.tool-navbar {
    background: #f8f8f8;
    padding: 0px 0px;
}

.left-navset .toollogo {
    float: left;
    margin-right: 90px;
}

.left-navset ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.left-navset ul li {
    float: left;
    margin-right: 40px;
}

.left-navset ul li:last-child {
    margin-right: 0px;
}

.left-navset ul li a {
    display: block;
    font-size: 15px;
    text-transform: uppercase;
    color: #3d3d3d;
    transition: all 0.3s ease-in 0s;
    padding: 20px 0px;
    position: relative;
}

.left-navset ul li a:hover {
    color: #27264a;
}

.left-navset ul li a:hover::after {
    bottom: -24px;
    content: url("../img/pin-toollogo.png");
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    transition: all 0.3s ease-in 0s;
    width: 19px;
}

.left-navset ul li a.active {
    color: #27264a;
}

.left-navset ul li a.active::after {
    bottom: -24px;
    content: url("../img/pin-toollogo.png");
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    transition: all 0.3s ease-in 0s;
    width: 19px;
}

.right-navset {
    float: right;
}

.right-navset ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.right-navset ul li {
    float: left;
    margin-right: 15px;
}

.right-navset ul li:last-child {
    margin-right: 0px;
}

.right-navset ul li a {
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    color: #3d3d3d;
    transition: all 0.3s ease-in 0s;
    padding: 20px 0px;
    position: relative;
}

.right-navset ul li a:hover {
    color: #27264a;
}

.tool-navbar .container-fluid {
    padding: 0px 45px;
}

.notifcnum {
    background-color: #27264a;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    height: 18px;
    line-height: 18px;
    position: absolute;
    right: -1px;
    text-align: center;
    top: 3px;
    width: 18px;
}

.toolpanel-nav {
    background: #f8f8f8 none repeat scroll 0 0;
    left: 0;
    position: absolute;
    top: -95px;
    width: 100%;
    z-index: 111;
    transition: all 0.3s ease-in 0s;
}

.toolpanel-nav ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.toolpanel-nav ul li {
    float: left;
    margin-right: 30px;
}

.toolpanel-nav ul li:last-child {
    margin-right: 0px;
}

.toolpanel-nav ul li a {
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    color: #3d3d3d;
    transition: all 0.3s ease-in 0s;
    padding: 32px 0px;
    position: relative;
}

.toolpanel-nav .container-fluid {
    padding: 0px 40px;
}

.toolpanel-nav ul li.crs {
    float: right;
}

.toolpanel-nav ul li.crs a {
    font-size: 20px;
}

.toolpanel .toolpanel-nav {
    top: 0px;
}

#toolpanel-nav {
    position: absolute;
}

/* measurement tool css*/
.mainToolareaM {
    height: 600px;
}

/* .mainToolareaM .view-thumb {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    width: 200px;
    z-index: 999;
} */

.mainToolareaM .view-thumb {
    bottom: -58px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    width: 170px;
}

.modal-dialog {
    margin: 0 auto !important;
}

/*end*/
.ToolSection {
    padding: 70px 0px;
}

.ToolSection .container-fluid {
    padding: 0px 15px;
}

.leftTool-nav {
    position: relative
}

.leftTool-nav .nav-tabs.nav-justified>li>a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    border-radius: 4px 4px 0 0;
    display: inline-block;
    transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s;
    -webkit-transition: all 0.5s linear 0s;
}

.leftTool-nav .nav-tabs.nav-justified>li {
    text-align: center;
    position: relative;
    padding: 20px 0;
}

.leftTool-nav .nav-tabs.nav-justified>li a {
    display: inline-block !important;
}

.leftTool-nav .nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:focus,
.nav-tabs.nav-justified>.active>a:hover {
    border: medium none;
    background: none;
}

.leftTool-nav .nav-tabs.nav-justified>li.jckt>a {
    background: url(../img/tbimg01.png) no-repeat center center;
    width: 44px;
    height: 46px;
}

.leftTool-nav .nav-tabs.nav-justified>li>a:hover {
    border: none !important;
}

.leftTool-nav .nav-tabs.nav-justified>li>a:focus {
    border: none !important;
}

.leftTool-nav .nav-tabs.nav-justified>li.jckt>a:hover {
    background: url(../img/tbimg01-hover.png) no-repeat center center;
}

.leftTool-nav .nav-tabs.nav-justified>li.jckt.active>a {
    background: url(../img/tbimg01-hover.png) no-repeat center center;
}

.leftTool-nav .nav-tabs.nav-justified>li.pant>a {
    background: url(../img/tbimg02.png) no-repeat center center;
    width: 44px;
    height: 46px;
}

.leftTool-nav .nav-tabs.nav-justified>li.pant>a:hover {
    background: url(../img/tbimg02-hover.png) no-repeat center center;
}

.leftTool-nav .nav-tabs.nav-justified>li.pant.active>a {
    background: url(../img/tbimg02-hover.png) no-repeat center center;
}

.leftTool-nav .nav-tabs.nav-justified>li.vest>a {
    background: url(../img/tbimg03.png) no-repeat center center;
    width: 44px;
    height: 46px;
}

.leftTool-nav .nav-tabs.nav-justified>li.vest>a:hover {
    background: url(../img/tbimg03-hover.png) no-repeat center center;
}

.leftTool-nav .nav-tabs.nav-justified>li.vest.active>a {
    background: url(../img/tbimg03-hover.png) no-repeat center center;
}

.leftTool-nav {
    border: 1px solid #e5e5e5;
}

.tabs-navs {
    padding: 25px 25px 0px 25px;
    min-height: 300px;
    border-top: 1px solid #e5e5e5;
}

.tabs-navs ul {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

.tabs-navs ul li {
    display: block;
    border-bottom: dashed 1px #e5e5e5;
}

.tabs-navs ul li a {
    display: block;
    padding: 10px 10px;
    font-size: 16px;
    color: #000;
}

.tabs-navs ul li:last-child {
    border-bottom: none;
}

.rightTool-nav {
    text-align: right;
    padding: 50px 0 0;
}

.rt-txt1 h2 {
    font-size: 26px;
    margin: 0px;
    text-transform: uppercase;
}

.rt-txt1 p {
    text-transform: uppercase;
    font-size: 16px;
    margin: 0px;
    color: #999;
}

.rt-txt2 {
    margin: 40px 0px 30px 0px;
    font-family: 'Lato' !important;
}

/* .rt-txt2 h1 {
    font-size: 38px;
    text-transform: uppercase;
    margin: 0px;
    line-height: 38px;
} */
.rt-txt2 h1 {
    font-size: 34px;
    /* text-transform: uppercase; */
    margin: 0px;
    line-height: 38px;
    font-family: 'Lato' !important;
}

.rt-txt2 h1 span {
    /* font-size: 48px; */
    font-size: 40px;
    /* text-transform: uppercase; */
    font-weight: 600;
    display: block;
    font-family: 'Lato' !important;
}

.rt-price {
    font-size: 32px;
    margin: 0px 0px 70px 0px;
}

/* .rt-btn a {
    border: solid 1px #27264a;
    font-size: 18px;
    padding: 0px 40px;
    position: relative;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    min-width: 170px;
    color: #27264a;
} */
.rt-btn a {
    border: solid 1px #27264a;
    font-size: 14px;
    padding: 0px 20px;
    position: relative;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    min-width: 150;
    color: #27264a;
}

.add-to-cart-btn {
    margin-bottom: 10px;
}

.rt-btn a::before {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 1px;
    position: absolute;
    right: 25px;
    top: -1px;
    transition: all 300ms linear 0s;
    width: 30px;
}

.rt-btn a::after {
    background: #fff none repeat scroll 0 0;
    bottom: -1px;
    content: "";
    height: 1px;
    left: 25px;
    position: absolute;
    transition: all 300ms linear 0s;
    width: 30px;
}

.rt-btn a:hover::before {
    opacity: 0;
}

.rt-btn a:hover::after {
    opacity: 0;
}

.navigate-menu {
    position: absolute;
    right: 20%;
    text-align: center;
    top: 28%;
    width: 60px;
    z-index: 101;
    left: inherit;
}

.navigate-menu ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.navigate-menu ul li {
    display: inline-block;
    margin-bottom: 20px;
    color: #999;
}

.navigate-menu ul li a {
    border: 1px solid #666666;
    border-radius: 25px;
    color: #666666;
    display: block !important;
    font-size: 24px;
    height: 39px;
    line-height: 40px;
    text-align: center;
    width: 39px;
    padding: 6px;
}

.offs-btn {
    bottom: 0;
    display: inline-block;
    position: absolute;
    right: -18%;
    text-align: center;
    top: 89%;
}

.offs-btn .btn {
    border-radius: 3px;
    border: none;
    box-shadow: 0px 0px 5px #ccc;
    color: #999;
    font-size: 13px;
    padding: 12px 25px;
    text-transform: uppercase;
}

.leftTool-nav .nav-tabs.nav-justified>li.active:before {
    background: #fff none repeat scroll 0 0;
    border: solid 1px #e5e5e5;
    border-bottom: solid 4px #27264a;
    content: '';
    position: absolute;
    left: -1px;
    top: -15px;
    width: 100%;
    height: 130%;
}

.leftTool-nav .nav-tabs.nav-justified>li:last-child.active:before {
    left: inherit;
    right: -1px;
}

.leftTool-nav .nav-tabs.nav-justified>li.active::after {
    border-bottom: 15px solid #999;
    border-right: 13px solid transparent;
    content: "";
    height: 13px;
    position: absolute;
    right: -13px;
    top: -15px;
    width: 15px;
}

.leftTool-nav .nav-tabs.nav-justified>li:last-child.active:after {
    content: '';
    display: none;
}

.subMenu-panel {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    float: left;
    left: 0%;
    padding: 15px;
    position: absolute;
    top: -1px;
    width: 300px;
    z-index: -1;
    overflow: hidden;
    transition: all 300ms linear 0s;
    opacity: 0;
}

.langfix-five .subMenu-panel {
    left: 100%;
    overflow: visible;
    opacity: 1;
    z-index: 2;
}

.leftSubmenu {
    width: 100%;
}

.leftSubmenu ul {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

.leftSubmenu ul li {
    float: left;
    width: 50%;
    text-align: center;
    margin-bottom: 30px;
}

.submenuhead {
    font-size: 16px;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.styleimg {
    text-align: center;
    margin-bottom: 10px;
}

.styleimg img {
    display: inline-block;
}

.text {
    display: block;
    font-size: 10px;
    padding: 0 10px;
    text-transform: uppercase;
}

.backbtn {
    color: #999;
    font-size: 20px;
    position: absolute;
    right: 15px;
    top: 10px;
}

/*.toolImg {
    //display: inline-block;
    margin-top: -100px;
}*/
.activeUp {
    margin-top: -300px;
    transition: all 0.5s ease-in-out;
}

.activeDown {
    margin-top: 0px;
    transition: all 0.5s ease-in-out;
}

.navigate-menu {
    margin-top: 0%;
}

.leftTool-nav .panel-default>.panel-heading {
    background: transparent none repeat scroll 0 0;
    border: medium none transparent;
    border-radius: 0;
    box-shadow: none;
    color: #333;
    padding: 15px 0px 15px 15px
}

.leftTool-nav .panel-group .panel {
    border: none;
    border-radius: 0px;
    box-shadow: none;
    margin-bottom: 0;
    margin: 0px;
    border-bottom: 1px dashed #e5e5e5;
}

.leftTool-nav .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border: medium none;
}

.leftTool-nav .panel-group {
    padding: 30px 15px 0;
    margin: 0px;
    min-height: 300px;
}

.leftTool-nav .panel-default:last-child {
    border-bottom: none;
}

.tabs-navs-sub {}

.tabs-navs-subul {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

.tabs-navs-sub ul li {
    float: left;
    width: 50%;
    text-align: center;
    min-height: 120px;
}

.tabs-navs-sub ul li a {
    display: block;
    padding: 10px 10px;
    font-size: 12px;
    color: #000;
    border: solid 1px #dfdfdf;
    margin: 0px 5px 5px 5px;
}

.tabs-navs-sub ul li a span {
    display: block;
    margin-top: 10px;
}

.tabs-navs-sub ul li a img {
    display: inline-block;
    width: 100%;
}

.leftTool-nav .panel-body {
    padding: 5px;
}

/*--------------------------------Tool----End-----------------------------------------------*/







/*--------------------------------LIST---------------------------------------------------*/

.CateList {
    padding: 70px 0px;
}

.CateList .nav-tabs>li>a {
    display: block !important;
    font-size: 16px;
    color: #333;
    border-radius: 0px;
}

.CateList .nav-tabs {
    border-bottom: 0px solid transparent;
}

.CateList .nav-tabs.nav-justified>li>a {
    border-bottom: 1px solid #27264a;
    border-radius: 0px;
}

.CateList .nav-tabs.nav-justified>li {
    position: relative;
}

.CateList .nav-tabs.nav-justified>li::after {
    background: #27264a none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 9px;
    position: absolute;
    right: -1px;
    width: 1px;
}

.CateList .nav-tabs.nav-justified>li:last-child:after {
    content: '';
    display: none;
}

.CateList .nav-tabs.nav-justified>li:last-child:after {
    content: '';
    display: none;
}

.CateList .nav-tabs.nav-justified>li.active::after {
    content: '';
    display: none;
}

.CateList .nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:focus,
.nav-tabs.nav-justified>.active>a:hover {
    border: 1px solid #27264a;
    color: #27264a;
}

.CateList .nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:focus,
.nav-tabs.nav-justified>.active>a:hover {
    border-bottom-color: #fff;
}

.heading_tag {
    text-align: center;
    padding: 80px 0px 60px 0px;
}

.heading_tag h2 {
    font-size: 42px;
    font-weight: normal;
    line-height: 32px;
    margin: 0 0 12px;
}

.heading_tag p {
    font-size: 18px;
    margin: 0px;
    color: #999;
    padding: 0px 115px;
}

.cateList-box {
    width: 100%;
}

.catlist-inbx {
    border: 1px dashed #dfdfdf;
    min-height: 470px;
    padding: 10px;
    position: relative;
    text-align: center;
    width: 100%;
}

.cateList-box ul li {
    float: left;
    width: 25%;
    padding: 0px 15px 30px 15px;
    position: relative;
}

.catlist-inbx {
    width: 100%;
    padding: 15px;
    border: dashed 1px #dfdfdf;
    text-align: center;
    position: relative;
    transition: all 0.3s ease-out 0.2s;
    -moz-transition: all 0.3s ease-out 0.2s;
    -ms-transition: all 0.3s ease-out 0.2s;
    -webkit-transition: all 0.3s ease-out 0.2s;
}

.catlist-img {
    height: 308px;
}

.catlist-img img {
    display: inline-block;
}

.catlist-desc {
    padding: 23px 0px 15px 0px;
    position: relative;
}

.catlist-desc p {
    font-size: 16px;
    color: #969696;
    margin: 0px;
}

.priceBtn {
    border: solid 1px #d7d7d7;
    font-size: 18px;
    padding: 0px 40px;
    position: relative;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    min-width: 190px;
    color: #27264a;
    margin-top: 10px;
}

.priceBtn::before {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 1px;
    position: absolute;
    right: 25px;
    top: -1px;
    transition: all 300ms linear 0s;
    width: 30px;
}

.priceBtn::after {
    background: #fff none repeat scroll 0 0;
    bottom: -1px;
    content: "";
    height: 1px;
    left: 25px;
    position: absolute;
    transition: all 300ms linear 0s;
    width: 30px;
}

.catlist-inbx:hover .viewdtl {
    opacity: 1;
}

.viewdtl {
    border: 1px solid #d7d7d7;
    color: #27264a;
    display: block;
    font-size: 18px;
    left: 16px;
    line-height: 40px;
    margin-top: 10px;
    padding: 0 20px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 46px;
    width: 190px;
    background: #fff;
    opacity: 0;
    transition: all 0.4s linear 0s;
    -moz-transition: all 0.4s linear 0s;
    -webkit-transition: all 0.4s linear 0s;
}

.viewdtl::before {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 1px;
    position: absolute;
    right: 25px;
    top: -1px;
    transition: all 300ms linear 0s;
    width: 30px;
}

.viewdtl::after {
    background: #fff none repeat scroll 0 0;
    bottom: -1px;
    content: "";
    height: 1px;
    left: 25px;
    position: absolute;
    transition: all 300ms linear 0s;
    width: 30px;
}

.viewdtl:hover {
    color: #27264a;
    text-decoration: none;
}

.viewdtl:hover::before {
    opacity: 0;
}

.viewdtl:hover::after {
    opacity: 0;
}

.catlist-custom {
    background: #27264a;
    height: 308px;
    display: block;
    color: #fff;
    display: table;
    width: 100%;
}

.catcs {
    display: table-cell;
    vertical-align: middle;
}

.catlist-custom p {
    font-size: 18px;
    text-decoration: underline;
}

.catlist-custom img {
    display: inline-block;
}

.ctcstm .catlist-desc p {
    line-height: 26px;
    min-height: 46px;
    text-transform: uppercase;
}

.ctcstm .catlist-desc p span {
    text-transform: uppercase;
    font-size: 24px;
    display: block;
    color: #333;
    line-height: 20px;
}

.new {
    background: #d91f2a none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    left: 30px;
    position: absolute;
    text-align: center;
    top: 18px;
    width: 16px;
    z-index: 11111;
}

.new span {
    display: block;
    padding: 3px 0px;
}

.new ._e {
    border-top: solid 1px #fff;
    border-bottom: solid 1px #fff;
}

.ctcstm .viewdtl {
    top: 69px;
}

.catlist-inbx:hover {
    box-shadow: 6px 8px 24px 0 rgba(32, 47, 57, 0.2);
    transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    border: dashed 1px #D09B3C;
}

.product-dtl {
    padding: 70px 0px;
    background: #f8f8f8;
}

.product-image-thumbs a {
    border: 1px solid transparent;
    display: inline-block !important;
}

#addTagForm .input-box {
    display: inline-block;
    padding: 0;
    vertical-align: top;
}

#addTagForm .input-box .input-text {
    height: 36px;
}

#addTagForm button {
    margin-bottom: 0;
    margin-top: 0;
    padding: 9px 15px;
}

.product-view .product-shop .price-info {
    float: none;
    padding-left: 0;
    text-align: left;
}

.product-view .sharing-links a {
    display: block !important;
}

.catalog-product-view .breadcrumbs {
    display: none;
}

.product-view .sharing-links a {
    position: relative;
    background: none;
}

.link-email-friend:after {
    content: '\f003';
    position: absolute;
    color: #999;
    font-size: 20px;
    left: 0px;
    top: 0px;
    font-family: FontAwesome;
}

.link-facebook:after {
    content: '\f230';
    position: absolute;
    color: #999;
    font-size: 20px;
    left: 0px;
    top: 0px;
    font-family: FontAwesome;
}

.link-twitter:after {
    content: '\f099 ';
    position: absolute;
    color: #999;
    font-size: 20px;
    left: 0px;
    top: 0px;
    font-family: FontAwesome;
}

.product-view .sharing-links a {
    display: block;
    font-size: 0;
    height: 26px;
    text-indent: 0;
}

.product-view .product-shop .product-name {
    display: block;
    width: 100%;
}

.cart-section {
    padding: 80px 0px;
}

.cart-forms,
.cart-totals-wrapper,
.crosssell {
    clear: right;
    float: left;
    padding-left: 0;
    width: 100%;
}

input.qty[type="number"],
input.qty[type="text"] {
    height: 33px;
    text-align: center;
    vertical-align: middle;
    width: 3em;
}

.product-cart-actions .cart-links {
    display: inline-block;
}

.menuBtn {
    color: #fff;
    display: none;
    font-size: 26px;
}

.menuBtn:hover {
    color: #fff;
}

.product-img-box {
    float: left;
    width: 40%;
}

.product-view .product-shop {
    float: right;
    width: 60%;
    background: #fff;
    padding: 20px;
}

.product-view .add-to-cart-wrapper,
.product-view .block-related {
    clear: right;
    float: right;
    width: 100%;
    padding: 0px;
}

.product-image,
.no-touch .product-img-box .product-image:hover:not(.zoom-available) {
    display: block;
    position: relative;
    border: none;
}

.product-shop .add-to-links a {
    border: 1px solid #ddd !important;
    color: #333;
    display: inline-block;
    padding: 6px 15px;
}

.product-view .add-to-cart-buttons .button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-radius: 0;
    color: #27264a;
    font-size: 18px;
    height: 40px;
    position: relative;
    transition: all 300ms linear 0s;
    width: 200px;
    border: 1px solid #27264a;
}

.product-view .add-to-cart-buttons .button::after {
    background: #fff none repeat scroll 0 0;
    bottom: -1px;
    content: "";
    height: 1px;
    left: 25px;
    position: absolute;
    transition: all 300ms linear 0s;
    width: 25px;
}

.product-view .add-to-cart-buttons .button::before {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 1px;
    position: absolute;
    right: 25px;
    top: -1px;
    transition: all 300ms linear 0s;
    width: 25px;
}

.product-view .add-to-cart-buttons .button:hover::before {
    opacity: 0;
}

.product-collateral .toggle-tabs li.current span,
.product-collateral .toggle-tabs li:hover span {
    color: #27264a;
    font-size: 14px;
}

.product-collateral .toggle-tabs li>span {
    font-size: 14px;
}

.product-view .add-to-cart-buttons .button:hover::after {
    opacity: 0;
}

.product-view .product-shop .product-name .h1 {
    float: left;
    margin: 0;
}

.more-views h2 {
    font-weight: 300;
    font-size: 16px;
}

/*--------------------------Blog-------------------------------------*/

.postWrapper {
    background: #f7f7f6 none repeat scroll 0 0;
    border: 1px dashed #ddd;
    margin: 0 0 30px;
    padding: 15px;
}

.postTitle h2 {
    font-weight: 300;
    margin: 0;
}

.postTitle h2 a {
    color: #333;
}

.postTitle h3 {
    color: #888;
    font-size: 18px;
    font-weight: 300;
    margin: 10px 0 15px;
}

.postContent.std {
    margin: 10px 0;
}

#mainImageHolder img,
#mainMeasureImageHolder img {
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

#mainMeasureImageHolder img {
    margin: 0px auto;
    margin-top: 20px;
}

#mainImageHolder img {
    width: auto;
    height:100vh;
}

.postContent.std a {
    color: #c16101;
}

.postDetails {
    color: #999;
    font-style: italic;
    text-align: right;
}

.blog-index-list .sidebar {
    margin: 50px 0px 0px 0px;
}

.block-title {
    border-top: none;
}

.blog-index-list .page-title h1 {
    border: none;
}

.block-title h2,
.block-title h3,
.block-title strong {
    color: #333;
}

.blog-index-list .mini-products-list li,
.blog-post-view .mini-products-list li {
    border: 1px dashed #dfdfdf;
    clear: both;
    margin: 0 !important;
}

.blog-index-list .block-title,
.blog-post-view .block-title {
    margin-bottom: 20px;
}

.breadcrumbs ul li a {
    display: inline-block !important;
}

.customer-account-forgotpassword .form-log {
    width: 100%;
}

.customer-account-forgotpassword .fieldset,
.customer-account-forgotpassword .buttons-set {
    margin-left: 0;
    max-width: 100%;
}

.buttons-set {
    border-top: medium none;
    clear: both;
    margin: 10px 0 50px;
    padding-top: 0;
    text-align: right;
}

.customer-account-forgotpassword p {
    margin-bottom: 30px;
}

.customer-account-forgotpassword h4,
.customer-account-forgotpassword p {
    text-align: center;
}

.back-link a {
    color: #333
}

#postComment textarea {
    max-width: 100%;
}

#postComment .form-control {
    box-shadow: none;
    border-radius: 0px;
}

.blogsection-post {
    padding: 50px 0px;
}

.ofst {
    margin-bottom: 30px;
}

#postComment .button-set .required {
    margin-bottom: 15px;
}

.rtldf {
    min-height: 650px;
    position: relative;
}

.leftTool-nav .panel-default>.panel-heading {
    border-bottom: dashed 1px #dfdfdf;
}

.ToolSection {
    position: relative;
}

.leftPanel,
.rightPanel {
    display: none;
}

.menuBtns {
    display: none;
}

/*---------------------------------New left section Tool--210117-------------------------------------------------*/


.menu-toggle {
    float: left;
    margin-right: 40px;
    position: relative;
    top: 10px;
}

.custom-area {
    float: left;
    padding: 30px 0 0;
    text-align: center;
    width: 835px;
    position: relative;
}

.topmenu {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 5px #ccc;
    padding: 5px 50px;
    text-align: left;
}

.topmenu ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    display: inline-block;
}

.topmenu ul li {
    display: inline-block;
    position: relative;
}

.topmenu ul li a {
    color: #9e9e9e;
    cursor: pointer;
    display: block;
    font-size: 18px;
    font-weight: 300;
    line-height: 20px;
    padding: 0 20px;
}

.topmenu ul li a:focus,
.topmenu ul li a:hover {
    text-decoration: none;
}

.topmenu ul li.active a {
    color: #000;
}

.leftMainNav ul li.active a {
    color: #000;
    font-size: 14px;
}

.sidebar-options ul li.active a {
    color: #000;
}

.topmenu ul li::after {
    background: #9c9c9c none repeat scroll 0 0;
    color: #9e9e9e;
    content: "";
    font-size: 18px;
    height: 100%;
    position: absolute;
    right: -2px;
    top: 0px;
    transform: rotate(-18deg);
    -moz-transform: rotate(-18deg);
    -webkit-transform: rotate(-18deg);
    -moz-transform: rotate(-18deg);
    width: 2px;
}

.topmenu ul li:last-child::after {
    content: '';
    display: none;
}

.slde-in {
    height: 600px;
    z-index: 10;
}

.leftpanelsection {
    float: left;
    overflow: hidden;
    padding: 0px 0;
    position: relative;
    width: 450px;
    z-index: 10;
}

.sidebar-options ul {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

.sidebar-options ul li {
    border-bottom: 1px solid #e3e3e3;
    display: block;
    position: relative;
    width: 270px;
}

.sidebar-options.min ul li {
    border-bottom: 1px solid transparent;
}

.sidebar-options ul li a {
    color: #666;
    display: block;
    height: 77px;
    line-height: 0px;
    text-decoration: none;
    cursor: pointer;
}

.sidebar-options ul li a span {
    display: inline-block;
}

.sidebar-options ul li a span.option_icon {
    display: inline-block;
    font-size: 30px;
    line-height: 60px;
    position: relative;
    text-align: center;
    vertical-align: top;
    min-width: 60px;
}

/* .sidebar-options ul li a span.option_title {
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    height: 70px;
    letter-spacing: 0.5px;
    line-height: 64px;
    max-width: 164px;
    padding-left: 15px;
    text-align: left;
    text-transform: uppercase;
    vertical-align: top;
    width: 100%;
} */
.sidebar-options ul li a span.option_title {
    display: inline-block;
    font-size: 12px;
    font-weight: 300;
    height: 70px;
    /* letter-spacing: 0.5px; */
    line-height: 64px;
    max-width: 164px;
    padding-left: 10px;
    text-align: left;
    text-transform: uppercase;
    vertical-align: top;
    width: 100%;
}

.sidebar-options.min .activeDesign {
    /*border-bottom: solid 1px transparent!important;*/
}

.sidebar-options {
    float: left;
    min-height: 600px;
    width: 275px;
    padding: 0px 0px 0px 0px
}

.box_options {
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0px;
    z-index: 1;
}

.box_option {
    bottom: 0;
    left: -320px;
    overflow: hidden;
    padding-bottom: 50px;
    position: absolute;
    top: 0;
    transition: left 0.6s ease 0s;
    width: 300px;
    /*height: 100%;*/
    height: 100%;
    background: #fff;
    padding: 0px 15px;
}

.min .box_option {
    border-left: 1px solid #e8e8e8;
    margin-left: 0px;
    padding: 0px 20px 0px 0px;
}

.sidebar-options.min .slde-in ul li>a::before {
    background: #e8e8e8 none repeat scroll 0 0;
    bottom: -1px;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    width: 60px;
    z-index: -1;
}

.box_option.active {
    left: 70px;
}

.sidebar-options.min .slde-in {
    background: #fff none repeat scroll 0 0;
    overflow: hidden;
    position: relative;
    width: 60px;
    z-index: 12;
}

.sidebar-options ul li a span.shorttext {
    display: block;
}

.sidebar-options.min ul li a span.shorttext {
    bottom: 1px;
    display: block;
    font-size: 11px;
    font-weight: 300;
    left: 0;
    line-height: 11px;
    position: absolute;
    text-align: center;
    width: 60px;
    overflow: hidden;
    text-transform: uppercase;
    text-overflow: ellipsis;
    letter-spacing: 0;
    height: auto;
}

p.title {
    color: #666;
    font-size: 15px;
    font-weight: 300;
    text-transform: uppercase;
    margin: 10px 35px 15px 25px;
    display: table;
    width: 100%;
    padding-top: 15px;
}

.removemin {
    color: #666666;
    font-size: 28px;
    font-weight: 300;
    position: absolute;
    right: 58px;
    top: 0px;
    z-index: 111;
}

.optiontrigger {
    color: #aaa;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 5px;
    margin-top: 5px;
    text-align: center;
    vertical-align: top;
    width: 30.5%;
}

.tr-title {
    display: block;
    font-size: 10px;
    height: 10px;
    padding: 4 0px;
    text-transform: uppercase;
    color: #999;
}

.tr-icon {
    font-size: 50px;
}

/*--------------------------------------------------------*/

.botm-sect {
    width: 100%;
    text-align: center;
}

.pricebx {
    float: right;
}

.thumbview ul li {
    display: inline-block;
    min-height: 90px;
    width: 100px;
    text-align: center;
}

.thumbview ul {
    padding: 0px;
    margin: 0px;
}

.pricebx h2 {
    margin: 0px 0px 10px 0px;
    font-style: italic;
    text-align: right;
}

button.next {
    float: left;
    margin-top: 43px;
}

.botm-sect {
    padding: 15px 0 0;
    position: relative;
    text-align: center;
    width: 100%;
}

.thumbview {
    display: inline-block;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 30px;
    width: 215px;
}

.thumbview ul li a {
    color: #999;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 300;
}

.thumbview ul li a:hover {
    text-decoration: none;
    color: #000;
}

.thumbview ul li a span {
    display: block;
}

button.addcrt,
button.next {
    background: #000 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 20px;
    padding: 0px 16px;
    font-weight: 300;
    text-transform: uppercase;
    min-width: 165px;
    line-height: 46px;
}

button.next {
    float: left;
}

.leftMainNav {
    background: #fff none repeat scroll 0 0;
    float: left;
    margin-right: 0;
    min-height: 600px;
    padding: 30px 0;
    position: relative;
    width: 70px;
    z-index: 100;
    padding-right: 10px;
}

/*.leftMainNav {
  min-height: auto;
  padding-bottom: 0;
  padding-left: 40px;
  position: absolute;
  top: -27px;
  width: 100%;
} */

.leftMainNav::after {
    background: #e8e8e8 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 500px;
    position: absolute;
    right: 10px;
    top: 0;
    width: 1px;
    z-index: 111111;
}

.leftMainNav ul li {
    display: table;
    float: left;
    height: 75px;
    vertical-align: middle;
    width: 100%;
    position: relative;
    background: #fff;
    z-index: 99999;
    text-align: center;
}

.leftMainNav ul li::after {
    background: #e8e8e8 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    /*height: 1px;*/
    left: 0;
    position: absolute;
    transition: all 0.4s linear 0s;
    width: 100%;
}

.leftMainNav ul li:hover::after {
    width: 100%;
}

.leftMainNav ul li.active::after {
    width: 100%;
}

.leftMainNav ul li:last-child::after {
    content: '';
    display: none;
}

.leftMainNav ul {
    padding: 0px 0px;
    margin: 0px;
    list-style-type: none;
}

.leftMainNav ul li a {
    color: #999999;
    cursor: pointer;
    display: table-cell;
    font-size: 0;
    font-weight: 300;
    text-transform: uppercase;
    transition: all 0.4s linear 0s;
    -moz- transition: all 0.4s linear 0s;
    -webkit- transition: all 0.4s linear 0s;
    vertical-align: middle;
}

.leftMainNav ul li a span {
    display: block;
    vertical-align: calc(60%);
}

.leftMainNav ul li a i {
    color: #808080;
    font-size: 45px;
    margin-right: 2px;
}

/*.leftMainNav ul li a i {
        font-size: 22px;
        margin-right: 8px;
}*/
.leftMainNav ul li a:hover {
    color: #000000;
    font-size: 14px;
    text-decoration: none;
}

a:hover,
a:focus {
    text-decoration: none;
}

.fabric-bx {
    width: 95%;
}

.fabric-bx ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px -5px;
}

.fabric-bx ul li {
    float: left;
    padding: 5px;
    width: 33.33%;
    border: none;
}

.fabric-bx ul li img {
    width: 100%;
}

.zoomico {
    position: absolute;
    right: 0;
    top: 31%;
}

.topmain-toolbar {
    height: 58px;
    background: #fafafa;
    width: 100%;
    position: absolute;
    top: -60px;
    left: 0px;
    transition: top linear 0.4s;
    z-index: 1;
}

.menuOpen #topmenus {
    top: 0px;
}

.menuOpen .menu-toggle {
    float: left;
    position: relative;
    z-index: 2;
    top: 5px;
}

.topmain-toolbar {
    padding: 10px 114px
}

.topmain-toolbar ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.topmain-toolbar ul li {
    float: left;
    border: none;
    line-height: 40px;
    position: relative;
}

.topmain-toolbar ul li a {
    display: block;
    color: #666;
    font-weight: 300;
    text-transform: uppercase;
    padding: 0px 20px;
}

.topmain-toolbar ul li::after {
    background: #dadada none repeat scroll 0 0;
    content: "";
    display: block;
    height: 20px;
    position: absolute;
    right: 0;
    top: 10px;
    width: 1px;
}

.topmain-toolbar ul li:last-child:after {
    content: '';
    display: none;
}

#div2.min .slde-in {
    width: 100%;
}

.left_menu-btn {
    display: none;
}

.slde-fabin {
    height: 100%;
}

#measurement .slde-fabin {
    height: 500px;
    max-height: 500px;
}

button.next {
    float: left;
}

button.addcrt,
button.next {
    background: #000 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 17px;
    font-weight: 300;
    line-height: 46px;
    min-width: 135px;
    padding: 0 16px;
    text-transform: uppercase;
}

.botm-sect {
    padding: 150px 0 30px 0px;
    position: relative;
    text-align: center;
    width: 100%;
}

.menuBtn {
    display: inline-block;
    min-height: 10px;
    padding: 10px 0;
    width: auto;
}

.menuBtn .lines {
    background: #333 none repeat scroll 0 0;
    display: block;
    height: 2px;
    position: relative;
    transition: all 300ms linear 0s;
    width: 25px;
}

.menuBtn .lines::after,
.menuBtn .lines::before {
    background: #333 none repeat scroll 0 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    transition: all 300ms linear 0s;
    width: 18px;
}

.menuBtn .lines::after,
.menuBtn .lines::before {
    background: #333 none repeat scroll 0 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    transition: all 300ms linear 0s;
    width: 25px;
}

.menuBtn .lines::after {
    top: -7px;
}

.menuBtn .lines::before {
    bottom: -7px;
}

.crossMenu .lines {
    background: transparent none repeat scroll 0 0;
}

.crossMenu .lines::before {
    bottom: 0;
    transform: rotate(-50deg);
}

.crossMenu .lines::after {
    top: 0;
    transform: rotate(50deg);
}

.topmenu .right-navset ul li a {
    /* padding: 0 5px; */
    padding: 10px 15px;
    text-transform: none;
}

.topmenu .right-navset ul li::after {
    content: '';
    display: none;
}

.sidebar-options div.box_option li {
    float: left;
    width: 40%;
    /*min-height: 105px;*/
    line-height: auto;
    margin: 0px 5px;
    font-weight: 300;
    border: none;
    text-align: center;
}

.sidebar-options div.box_option li a {
    display: block;
    line-height: normal;
    text-align: center;
}

.sidebar-options div.box_option li a span {
    line-height: normal;
    font-size: 12px;
    font-weight: 300;
    /*margin-top: 5px;*/
    min-height: 30px;
}

.sidebar-options div.box_option li img {
    width: 60%;
    border-radius: 50%;
    transform: scale(0.8);
    transition: all 0.4s linear 0s;
}

.sidebar-options div.box_option li img:hover {
    transform: scale(1);
}

.slde-inoption .mCSB_scrollTools {
    //right: 20px;
    right: -4px;
}

/* .slde-inoption {
    max-height: 640px;
    height: 640px;
} */
.slde-inoption {
    max-height: 560px;
    height: 560px;
}

#div5 .box_option.active {
    left: 60px;
}

/*---------------------------Changing Css Line Height--------------*/
#div5.sidebar-options ul li a {
    color: #666;
    cursor: pointer;
    display: block;
    line-height: 10px;
    height: 78px;
    text-decoration: none;
    word-wrap: break-word;
}

#divaccent_1.active .innerImg,
#divaccent_2.active .innerImg,
#divaccent_3.active .innerImg {
    width: 80px;
    height: 80px;
    border-color: #e5e5e5;
}

#divaccent_3.active li.optiontrigger a,
#divaccent_2.active li.optiontrigger a,
#divaccent_1.active li.optiontrigger a {
    height: auto;
    line-height: 20px;
}

#divaccent_3.active li.optiontrigger,
#divaccent_2.active li.optiontrigger,
#divaccent_1.active li.optiontrigger {
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    height: auto;
}

#divaccent_4.active li.optiontrigger a,
#divaccent_2.active li.optiontrigger a,
#divaccent_1.active li.optiontrigger a {
    height: auto;
    line-height: 20px;
}

#divaccent_4.active li.optiontrigger,
#divaccent_2.active li.optiontrigger,
#divaccent_1.active li.optiontrigger {
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    height: auto;
}

.option_icon i {
    font-size: 50px;
}

.sidebar-options ul li a {
    background: #fff;
}

.price-info span {
    width: auto !important;
}

span.ng-binding {
    width: 100%;
}

.option_icon i.icon-double-welted-x3-suit {
    font-size: 25px;
}

.option_icon i.icon-double-welted-suit {
    font-size: 30px;
}

.sidebar-options.min .slde-in .activeDesign::after {
    background: #27264a none repeat scroll 0 0;
    content: "";
    height: 1px;
    position: absolute;
    width: 60px;
}

.sidebar-options.min .slde-in .activeDesign {
    border-bottom: solid 1px transparent !important;
}

.option_icon_left .icon-with-flapsuit {
    font-size: 25px;
}

.sidebar-options .slde-inoption ul li {
    border-bottom: 1px solid #dfdfdf;
}

.customer {
    text-align: center;
}

.measurment-set {
    padding: 85px 0px 70px 0px;
}

.customer p {
    font-size: 16px;
    font-weight: 300;
}

.customer p i {
    font-size: 22px;
}

.intro-txt {
    margin: 15px 0px 50px 0px;
    text-align: center;
}

.intro-txt p {
    font-size: 20px;
    font-weight: 300;
}

form.measurments .form-control {
    box-shadow: none;
    border-radius: 2px;
    height: 45px;
}

form.measurments label {
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
}

form.measurments .form-group {
    margin-bottom: 25px;
}

.units {
    position: absolute;
    right: 9px;
    top: 41px;
}

.het .form-control {
    width: 90%
}

.switch {
    display: block;
    font-size: 16px;
    font-weight: 300;
    text-align: center;
}

.button.start_next {
    font-size: 14px;
    line-height: 40px;
    padding: 5px 30px;
    text-align: center;
    min-width: 140px;
}

.actions {
    text-align: center;
    padding: 20px 0px;
}

.box_hurry {
    margin: 30px 0px 0px 0px;
}

.box_hurry i {
    font-size: 22px;
    color: #337ab7;
}

.measurment-set1 {
    background: #f7f7f7;
}

.image-mes {
    float: left;
    width: 130px;
}

.options {
    overflow: hidden;
    padding: 20px 0px 0px 15px
}

.options label {
    padding-left: 25px;
    font-weight: normal;
    text-transform: uppercase;
}

.options input[type="radio"] {
    margin: 0px;
    visibility: hidden;
}

.options input[type="radio"]+label::before {
    border: 1px solid #cccccc;
    border-radius: 50px;
    content: "";
    display: inline-block;
    font-size: 9px;
    height: 18px;
    left: 0;
    line-height: 16px;
    position: absolute;
    text-align: center;
    width: 18px;
}

.options input[type="radio"]:checked+label::before {
    content: '\f111';
    font-family: FontAwesome;
}

.titlep {
    margin: 0px 0px 15px 0px;
    font-size: 15px;
    font-weight: 400;
    color: #333;
    text-transform: uppercase
}

.measurment-set {
    min-height: 500px;
}

.measurment-set1,
.measurment-set2 {
    min-height: 600px;
}

.measurment-set1 .actions {
    margin: 50px 0px 0px 0px;
}

.backtbn {
    background: #666;
}

.measurment-set2 h3 {
    font-family: Lato;
    font-size: 40px;
    font-weight: 300;
    margin: 0px 0 40px 0px;
    text-transform: uppercase;
    text-align: center;
}

.opt-pro ul {
    display: table;
    width: 100%;
}

.opt-pro ul li {
    border-right: 1px solid #dfdfdf;
    display: table-cell;
    padding: 5px 15px;
    text-align: center;
    width: 20%;
    vertical-align: middle;
}

.opt-pro ul li:last-child {
    border-right: none;
}

.opt-pro ul li label {
    display: block;
    font-size: 12px;
    font-weight: 300;
    line-height: 15px;
    margin: 0;
    text-transform: uppercase;
}

.title-value {
    color: #000;
    font-size: 24px;
    font-weight: 300;
}

.estim h5 {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 20px;
    text-transform: uppercase;
    text-align: center;
}

.uns {
    font-weight: 300;
    color: #000;
    font-size: 12px;
}

.wrongMeasures {
    border-bottom: 1px solid #dfdfdf;
    font-size: 16px;
    font-weight: 300;
    margin: 50px 0 30px;
    padding: 0 0 50px;
    text-align: center;
}

.summary_measure {
    float: left;
    margin-bottom: 15px;
    overflow: hidden;
    width: 50%;
}

.sm-name {
    float: left;
    height: 42px;
    line-height: 42px;
}

.summary_measure .sm-name {
    display: table;
    font-size: 12px;
    text-transform: uppercase;
    width: 125px;
    color: #333;
}

.summary_measure .value {
    border: 1px solid #dbdbdb;
    color: #000000;
    display: inline-block;
    float: left;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 100px;
}

.sm-num {
    float: left;
    height: 42px;
}

.summary_measure .ust {
    color: #000000;
    float: left;
    font-size: 14px;
    line-height: 42px;
    margin-left: 6px;
}

.summary_measure .edit:hover .value {
    background: #27264a none repeat scroll 0 0;
    border: 1px solid #27264a;
    color: #ffffff;
}

.estimwrap {
    margin: 60px auto;
    width: 700px;
}

.measurment-set2 .print_measure_tape {
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    margin: 30px 0px;
}

.bnt {
    padding: 30px 0px;
}

.btypebx ul {
    text-align: left;
}

.btypebx ul li {
    background: #f7f7f7 none repeat scroll 0 0;
    border: 1px solid #dddddd;
    display: inline-block;
    margin: 0 5px;
    padding: 5px;
    position: relative;
    text-align: center;
}

.btypebx ul li a {
    color: #000;
}

.btypebx {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}

.navigate-menu ul li button {
    background: #27264a none repeat scroll 0 0;
    border: 1px solid #27264a;
    border-radius: 4px;
    color: #ffffff;
    font-size: 14px;
    padding: 5px;
}

#measurement .nav-tabs {
    border-bottom: none;
}

#measurement #measurementFabric .fabvie {
    /*float: left;*/
}

#measurement .mainToolareaM {
    //height: 1120px;
}

.leftMenuBtn,
.rightMenuBtn {
    display: none;
    border-radius: 3px;
    color: #fff;
    background: #333;
    padding: 5px 10px;
}

.leftMenuBtn:hover,
.rightMenuBtn:hover,
.leftMenuBtn:focus,
.rightMenuBtn:focus {
    color: #fff;
}





.scansize.clearfix {
    background: #f8f8f8 none repeat scroll 0 0;
    padding: 30px 15px;
    width: 98%;
}

.scansize.clearfix .row {
    margin: 0px;
}

.scansize.clearfix h4 {
    padding: 0px 15px;
}

#measurement .tab-pane {
    padding: 40px 0px;
}

.bodyPanel-open .nav-tabs>li.active a {
    background: #fff;
    color: #555;
    border: 1px solid #333333;
}

/*--------------------------------Harshad css  - 05.02.2017---------------------------*/
.col-md-6.col-sm-4.text-center.mainToolareaM {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

#measurement .modal-footer {
    border: 0 none;
}

.measuerleft a {
    display: block !important;
}

.right-navset ul li a {

    display: block !important;
}

/*---------------------------------------10.05.2017----------------------*/
/*.sidebar-options ul li a {
  height: 80px !important;
  line-height: 80px !important;
}*/
.info {
    margin-top: 10px !important;
}

.fabric-bx {
    padding: 10px 0 0;
    width: 95%;
}

.sidebar-options {
    /* height: 100%;
    min-height: 100%; */
    /* height: 600px !important; */
    height: 100vh !important;
    /* min-height: 600px !important; */
    min-height: 100vh !important;
    padding-bottom: 40px;
}

/*.sidebar-options ul li a {
 height: auto !important;
 line-height: 80px !important;
}*/
.innerImg.mCS_img_loaded {
    border: 1px solid #333333;
}

.form-group.h-btn-pad.clearfix {
    padding: 0 15px;
}

#measurement .slde-fabin {
    height: 460px !important;
    max-height: 460px !important;
}

.sidebar-options ul li a span.shorttext {
    bottom: 3px;
    display: block;
    font-size: 11px;
    left: 0;
    overflow-wrap: break-word;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 60px;
    z-index: 1;
}

.mesu-back-blk .fabvie .start-view>img {
    transform: scale(0.8);
}

.fabvie .start-view>img {
    border-radius: 0% !important;
}

.mesu-back-blk .fabvie .start-view>img:hover {
    transform: scale(1);
}

.fabricInfo a {
    display: block !important;
}

/*.fabvie .start-view > img {
  transform: scale(0.9) !important;
}
.fabvie .start-view > img:hover {
  transform: scale(1) !important;
}*/
.left_menu-btn.ws-left-menu-btn {
    display: block;
    height: 42px;
    padding: 0;
    top: 80px;
    position: absolute;
    width: 50px;
    left: 15px;
}

.left_menu-btn.ws-left-menu-btn span {
    background: #ffffff none repeat scroll 0 0;
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%);
    width: 80%;
}

.left_menu-btn.ws-left-menu-btn span::before,
.left_menu-btn.ws-left-menu-btn span::after {
    background: #ffffff none repeat scroll 0 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%;
    transition: all 0.4s linear 0s;
}

.left_menu-btn.ws-left-menu-btn span::before {
    top: -11px;
}

.left_menu-btn.ws-left-menu-btn span::after {
    top: 8px;
}

.LeftpanemOpen .left_menu-btn.ws-left-menu-btn span {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.LeftpanemOpen .left_menu-btn.ws-left-menu-btn span::before {
    top: 0;
    transform: rotate(45deg);
}

.LeftpanemOpen .left_menu-btn.ws-left-menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
}

.liningIcon img {
    margin-left: 6px;
    margin-top: 9px;
}

.slde-fabin-cust {
    height: 600px !important;
    max-height: 600px !important;
}

.jH {
    display: inline-block !important;
}

.jV {
    display: inline-block !important;
}

/*-------------------------27-05-2017----------------*/
#prev-holder {
    text-align: center;
}

#measurement .fabric-bx fabricview {
    /*float: left;*/
    /*width: 50% !important;*/
}

.cart .cart-totals {
    height: 220px;
    padding: 45px 10px !important;
    text-align: right;
}

.cart-totals .a-right {
    padding-right: 10px !important;
}

.sidebar-options ul li:last-child {
    /*border-bottom: 0 none;*/
}

#measurement01 .col-xs-10 label span {
    margin-left: 20px;
    line-height: 22px;
}

#arrowDown>a {
    display: inline-block !important;
}

#arrowUP>a {
    display: inline-block !important;
}

.checkout-cart-index .col-main {
    margin: 0 auto;
    width: 85%;
}

#measurements>h3 {
    padding-top: 20px;
}

#measurement02>h4 {
    padding-top: 20px;
}

@font-face {
    font-family: "Flaticon";
    src: url("../fonts/Flaticon.eot");
    src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Flaticon.woff") format("woff"),
        url("../fonts/Flaticon.ttf") format("truetype"),
        url("../fonts/Flaticon.svg#Flaticon") format("svg");
    font-weight: normal;
    font-style: normal;
}

/*

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: "Flaticon";
        src: url("./Flaticon.svg#Flaticon") format("svg");
    }
}*/

[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
    font-family: Flaticon;

    font-style: normal;
    margin-left: 0px;
}

.flaticon-champagne:before {
    content: "\f100";
}

.flaticon-chocolate:before {
    content: "\f101";
}

.flaticon-contrast:before {
    content: "\f102";
}

.flaticon-cutlery:before {
    content: "\f103";
}

.flaticon-cutlery-1:before {
    content: "\f104";
}

.flaticon-dinner:before {
    content: "\f105";
}

.flaticon-fabric:before {
    content: "\f106";
}

.flaticon-layers:before {
    content: "\f107";
}

.flaticon-ruler:before {
    content: "\f108";
}




.modal-header {
    min-height: 45.43px !important;
}

.theView {
    display: none;
    left: 0;
    /*position: absolute;*/
    /*right: 50%;*/
    top: 0;
    width: 400px;
}

.theView.active {
    display: inline-block;
    height:100vh;
}

.theViewM {
    display: none;
    left: 0;
    /*position: absolute;*/
    /*right: 50%;*/
    top: 0;
    width: 400px;
}

.theViewM.active {
    display: inline-block;
}

#zoomOfTool .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.modal-content {
    height: auto;
    min-height: 100%;
    border-radius: 0;
}

#zoomOfTool,
#measurement {
    z-index: 9999 !important;
}

#zoom_cancle a.close {
    color: #666;
    cursor: pointer;
    font-family: "nc-nav";
    font-size: 60px;
    position: fixed;
    right: 15px;
    text-decoration: none;
    top: 15px;
    z-index: 99999;
}

.zoomOut {
    left: 109px !important;
    position: absolute;
    right: 0;
    top: -114px;
    width: 85% !important;
    transition: all 0.5s ease-in-out;
}

.fabricInfo {
    height: 300px;
    left: 0;
    margin: 0 auto;
    position: fixed;
    right: 0;
    top: 30%;
    transition: all 0.4s linear 0s;
    width: 300px;
    z-index: 999;
}

#slide {
    position: absolute;
    left: 0px;
    width: 100%;
    height: 100%;
    background: white;
    -webkit-animation: slide 1.5s forwards;
    -webkit-animation-delay: 2s;
    animation: slide 1.5s forwards;
    animation-delay: 2s;
}

@-webkit-keyframes slide {
    100% {
        left: 0;
    }
}

@keyframes slide {
    100% {
        left: 0;
    }
}

.fabricInfo .cl {
    background: #ffffff none repeat scroll 0 0;
    color: #666666;
    cursor: pointer;
    float: right;
    font-size: 20px;
    font-weight: bold;
    opacity: 1;
    padding: 5px 10px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    z-index: 9999999 !important;
}

fabricview {
    cursor: pointer;
}

.buttonPos {

    margin-left: 716px;
    margin-top: 427px;

}

.buttonStyl {
    background-color: #bbb;
    padding: .5em;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 6px;
    color: #fff;
    font-family: 'Oswald';
    font-size: 20px;
    text-decoration: none;
    border: none;
}

.view-thumb .active {
    border: none;
    background: #D09B3C;
    box-shadow: 0px 0px 1px goldenrod;
}

.buttonStyl:hover {
    border: none;
    background: #D09B3C;
    box-shadow: 0px 0px 1px goldenrod;
}

.style-view img {
    height: 50px;
    margin-left: -4px;

}

.start-view {

    margin-left: 10px;
    font-size: 17px;
    font-style: normal;
    font-color: black;
    color: black;

}

.activeDesign {
    border-bottom: 1px solid #27264a !important;
    position: relative;
}



/*.activeDesign:before{
    background: #27264a;
    height: 2px;
    width: 100%;
    content: '';
    position:absolute;
    bottom: 0;
    left: 0;
}*/

.innerImg {}

/*.tab-content{
    max-height: 558px !important;
    overflow:auto;
}*/
/*.sub-menu-cat{
    display: inline-flex;
}*/

.style-view>img {
    display: inline-block;
    margin-right: 15px;
}

.animate-show {
    line-height: 20px;
    opacity: 1;
    padding: 10px;
    border: 1px solid black;
    background: white;
}



.fabvie {
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    float: left;
    font-size: 12px;
    font-weight: 300;
    margin: 0 0 10px;
    padding: 5px;
    text-align: center;
}

.fabvie .start-view {
    margin: 0px;
}

.fabvie .start-view>img {
    /*border-radius: 50%;*/
    transform: scale(1);
    transition: all 0.4s linear 0s;
    width: 100%;
}

.fabvie .start-view>img:hover {
    transform: scale(1);
}

.sidebar-options .fabvie {
    width: 50%;
}

.info {
    margin-top: 10px;
}

#measurementFabric .fabvie {
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    font-size: 12px;
    font-weight: 300;
    padding: 5px 15px 5px 5px;
    text-align: center;
    float: none;
}

#stylePartOfTool .collapse {
    display: none;
}

#stylePartOfTool .nav {
    border-bottom: 1px dashed #dfdfdf;
}

#stylePartOfTool .collapse.in {
    display: block;
}

/*.leftTool-nav {
  max-height: 600px;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
}*/

.view-thumb {
    bottom: 20px;
    left: 0;
    position: fixed;
    right: 0;
    text-align: center;
    width: 170px;
}

.myStyle {
    max-height: 600px;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;

}

.cssload-container {
    position: relative;
    width: 100%;
    height: 224px;
    overflow: hidden;
}

.cssload-container .cssload-item {
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 49px;
    height: 49px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.25);
    cursor: pointer;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    background-color: rgb(205, 155, 29);
    background-image: linear-gradient(rgb(205, 155, 29), rgb(237, 203, 98));
    background-image: -o-linear-gradient(rgb(205, 155, 29), rgb(237, 203, 98));
    background-image: -ms-linear-gradient(rgb(205, 155, 29), rgb(237, 203, 98));
    background-image: -webkit-linear-gradient(rgb(205, 155, 29), rgb(237, 203, 98));
    background-image: -moz-linear-gradient(rgb(205, 155, 29), rgb(237, 203, 98));
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    animation: cssload-tilt 2.3s ease-in-out infinite alternate;
    -o-animation: cssload-tilt 2.3s ease-in-out infinite alternate;
    -ms-animation: cssload-tilt 2.3s ease-in-out infinite alternate;
    -webkit-animation: cssload-tilt 2.3s ease-in-out infinite alternate;
    -moz-animation: cssload-tilt 2.3s ease-in-out infinite alternate;
}

.cssload-container .cssload-item:after {
    position: absolute;
    width: 10px;
    height: 10px;
    bottom: -19px;
    background-color: rgb(255, 255, 255);
    border-radius: 50%;
    background-color: rgb(205, 155, 29);
    background-image: linear-gradient(rgb(205, 155, 29), rgb(237, 203, 98));
    background-image: -o-linear-gradient(rgb(205, 155, 29), rgb(237, 203, 98));
    background-image: -ms-linear-gradient(rgb(205, 155, 29), rgb(237, 203, 98));
    background-image: -webkit-linear-gradient(rgb(205, 155, 29), rgb(237, 203, 98));
    background-image: -moz-linear-gradient(rgb(205, 155, 29), rgb(237, 203, 98));
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.25);
    content: '';
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    animation: cssload-ding 2.3s ease-in-out infinite alternate, cssload-tilt 2.3s ease-in-out infinite alternate;
    -o-animation: cssload-ding 2.3s ease-in-out infinite alternate, cssload-tilt 2.3s ease-in-out infinite alternate;
    -ms-animation: cssload-ding 2.3s ease-in-out infinite alternate, cssload-tilt 2.3s ease-in-out infinite alternate;
    -webkit-animation: cssload-ding 2.3s ease-in-out infinite alternate, cssload-tilt 2.3s ease-in-out infinite alternate;
    -moz-animation: cssload-ding 2.3s ease-in-out infinite alternate, cssload-tilt 2.3s ease-in-out infinite alternate;
}


@keyframes cssload-tilt {
    from {
        transform: rotate(45deg);
    }

    to {
        transform: rotate(-45deg);
    }
}

@-o-keyframes cssload-tilt {
    from {
        -o-transform: rotate(45deg);
    }

    to {
        -o-transform: rotate(-45deg);
    }
}

@-ms-keyframes cssload-tilt {
    from {
        -ms-transform: rotate(45deg);
    }

    to {
        -ms-transform: rotate(-45deg);
    }
}

@-webkit-keyframes cssload-tilt {
    from {
        -webkit-transform: rotate(45deg);
    }

    to {
        -webkit-transform: rotate(-45deg);
    }
}

@-moz-keyframes cssload-tilt {
    from {
        -moz-transform: rotate(45deg);
    }

    to {
        -moz-transform: rotate(-45deg);
    }
}

@keyframes cssload-ding {
    from {
        left: 0%;
    }

    to {
        left: calc(100% - 49px / 5);
    }
}

@-o-keyframes cssload-ding {
    from {
        left: 0%;
    }

    to {
        left: calc(100% - 49px / 5);
    }
}

@-ms-keyframes cssload-ding {
    from {
        left: 0%;
    }

    to {
        left: calc(100% - 49px / 5);
    }
}

@-webkit-keyframes cssload-ding {
    from {
        left: 0%;
    }

    to {
        left: calc(100% - 49px / 5);
    }
}

@-moz-keyframes cssload-ding {
    from {
        left: 0%;
    }

    to {
        left: calc(100% - 49px / 5);
    }
}

footer {
    z-index: 999;
}

.option_icon_left i {

    font-size: 35px;
    display: inline-block;
    line-height: 60px;
    min-width: 60px;
    position: relative;
    text-align: center;
    vertical-align: top;
}

.leftMainNav .active {
    border-bottom: 1px solid #D09B3C !important;
}

.leftMainNav ul li {
    border-bottom: 1px solid #e3e3e3;
}

.modal-footer button {
    background: #27264a none repeat scroll 0 0;
    border: 1px solid #27264a;
    border-radius: 4px;
    color: #ffffff;
    font-size: 14px;
    padding: 5px;
}

/*.navigate-menu li{
    display: inline-block !important;
}*/
.mainToolareaM {
    z-index: 1;
}

.measuerright {
    z-index: 0;
}

.info.fabric-detail div {
    float: left;
    text-align: left;
    width: 50%;
}

.info.fabric-detail {
    display: flex;
  flex-direction: column;
  min-height: 67px;
}
.info.fabric-detail .faric-name {
    color: #333;
  font-size: 12px;
  font-weight: bold;
  text-transform: capitalize;
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Limit to two lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  width: 100%;
}
/* .info.fabric-detail div.faric-name {
    color: #333;
    font-size: 12px;
    font-weight: bold;
    text-transform: capitalize;
    text-align: center;
} */

.currency {
    display: block;
    text-align: center;
}

.info.fabric-detail div.fab-type,
.info.fabric-detail div.faric-price {
    color: #bbb;
    font-size: 11px;
}

.info.fabric-detail div.faric-price {
    width: 100%;
}

.info.fabric-detail div.fab-type {
    text-align: center !important;
    width: 100%;
}

.cust-tab-content .fabvie {
    float: left;
    width: 50%;
}

li.optiontrigger a {
    margin: 10px 0;
}

.option_icon {
    margin: 0 0 5px;
}

.sidebar-options div.box_option li {
    /*height:115px;*/
    height: 120px;
}

/*box-options accent-fabric div css*/
.sidebar-options:not(.Fabric) {
    position: relative;
    /* position: fixed; */
}
.Fabric {
        position: fixed;
}

.additional-fab-listing {
    background-color: #ffffff;
    border-left: 1px solid #e5e5e5;
    left: 65px;
    padding: 0 0 50px;
    position: absolute;
    top: 0;
    width: 240px;
}

.headine-top-collor {
    /*border-bottom: 1px dashed #e5e5e5;*/
    position: relative;
}

.headine-top-collor>h6 {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    padding: 10px 15px;
    text-transform: uppercase;
}

.headine-top-collor>a {
    color: #6e6e6e;
    font-size: 20px;
    position: absolute;
    right: 15px;
    top: 2px;
}

.additional-fab-listing li {
    border: medium none !important;
    float: left !important;
    width: 50% !important;
}

.additional-fab-listing li a {
    margin: 15px 10px;
}

span.colls-all-icon {
    display: block !important;
    font-size: 50px;
    text-align: center;
}

span.identity {
    display: block !important;
    text-align: center;
}

.colls-all-ic {
    display: block;
    font-size: 40px;
    height: auto;
    padding-top: 12px;
    text-align: center;
    width: 60px;
}

/* collar fabric div in accent */
#div8 ul li.active a {
    border-bottom: 1px solid #d3972b;
}

#div8 ul li a {
    border-bottom: 1px solid #e8e8e8;
}

.save-btn:hover {
    color: #fff !important;
}
ul > p.title {
    color: #666;
    font-size: 15px;
    font-weight: 300;
    text-transform: uppercase;
    margin: 6px 35px 15px 25px !important;
    display: table;
    width: 100%;
    padding-top: 0px !important;
}

.view-thumb {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    width: 170px;
}