body{/*color: #2d2d2d;*/ /*background: #f1f2f7;*/ background: #fff; font-family: 'Open Sans', sans-serif; padding: 0px !important; margin: 0px !important; font-size: 15px; color: #555;}.navbar-logo{width: 220px;}.navbar-country{/*width: 75px;*/ width:100px; border: 1px solid #e2e2e4; box-shadow: none; color: #555;}a{color: #49A066;}.navbar-nav{margin: 0px 0px;}.navbar-collapse{max-height: initial; padding-right: 10px; padding-left: 10px; overflow-x: visible; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); -webkit-overflow-scrolling: touch;}.anchor{color: #555; font-size: 17px; font-weight:500;}.product-list .pro-img-box{position: relative; width: 100%;}.full-width .dropdown-menu > li > a{padding: 6px 12px; font-size: 16px; /*font-weight: 600;*/}.pro-img-details{margin-left: -3px;}.full-width .nav > li > a:hover, .full-width .nav li.active a, .full-width .nav li.dropdown a:hover, .full-width .nav li.dropdown.open a:focus, .full-width .nav .open > a, .full-width .nav .open > a:hover, .full-width .nav .open > a:focus{text-decoration: none; color: #49A066; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; background: #e3e2e0;}.anc{color: #777777 !important;}.product-list .price{color: #49A066; font-size: 15px;}.profile-nav .user-heading a img{width: 100px; /*border-radius: 50%;*/ -webkit-border-radius: 100%;}.navbar-nav > li > .dropdown-menu{max-height: 600px;}


        @media (max-width: 365px) {
            .navbar-logo {
                width: 190px;
            }

            .navbar-country { /*width: 75px;*/
                width: 100px;
                border: 1px solid #e2e2e4;
                box-shadow: none;
                color: #c2c2c2;
            }
        }

        @media (max-width: 995px) {
            .navbar-nav > li > .dropdown-menu {
                overflow-y: hidden;
                height: auto;
            }

            .nav > li > a {
                position: relative;
                display: block;
                padding: 10px 10px;
            }

            .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
                padding: 5px 15px 5px 25px;
            }
        }

        @media(min-width:955px) {
            .navbar-collapse {
                width: auto;
                border-top: 0;
                box-shadow: none;
            }

                .navbar-collapse.collapse {
                    display: block !important;
                    height: auto !important;
                    padding-bottom: 0;
                    overflow: visible !important;
                }

                .navbar-collapse.in {
                    overflow-y: initial;
                }

                .navbar-collapse .navbar-nav.navbar-left:first-child {
                    margin-left: -15px;
                }

                .navbar-collapse .navbar-nav.navbar-right:last-child {
                    margin-right: -15px;
                }

                .navbar-collapse .navbar-text:last-child {
                    margin-right: 0;
                }
        }

        @media (min-width: 575px) and (max-width: 1197px) {
            #mainhead {
                margin-top: 50px;
            }
        }

        @media(min-width:955px) {
            #mainhead {
                margin-top: 100px;
            }
        }

        @media(max-width:574px) {
            #mainhead {
                margin-top: 100px;
            }
        }

        @media(min-width:955px) {
            .navbar-toggle {
                display: none;
            }

            .navbar-nav > li {
                float: left;
            }
        }

        @media (max-width: 954px) {
            .header {
                position: absolute;
            }
            /*sidebar*/

            #sidebar {
                height: auto;
                overflow: hidden;
                position: absolute;
                width: 100%;
                z-index: 1001;
            }

            .navbar-nav .open .dropdown-menu {
                position: static;
                float: none;
                width: auto;
                margin-top: 0;
                background-color: transparent;
                border: 0;
                box-shadow: none;
            }

            .navbar-nav > li {
                float: initial;
            }
            /* body container */

            #main-content {
                margin: 0px !important;
                position: none !important;
            }

            #sidebar > ul > li > a > span {
                line-height: 35px;
            }

            #sidebar > ul > li {
                margin: 0 10px 5px 10px;
            }

                #sidebar > ul > li > a {
                    height: 35px;
                    line-height: 35px;
                    padding: 0 10px;
                    text-align: left;
                }

                    #sidebar > ul > li > a i { /*display: none !important;*/
                    }

            .mail-info, .mail-info:hover {
                display: none !important;
            }

            #sidebar ul > li > a .arrow, #sidebar > ul > li > a .arrow.open {
                margin-right: 10px;
                margin-top: 15px;
            }

            #sidebar ul > li.active > a .arrow, #sidebar ul > li > a:hover .arrow, #sidebar ul > li > a:focus .arrow, #sidebar > ul > li.active > a .arrow.open, #sidebar > ul > li > a:hover .arrow.open, #sidebar > ul > li > a:focus .arrow.open {
                margin-top: 15px;
            }

            #sidebar > ul > li > a, #sidebar > ul > li > ul.sub > li {
                width: 100%;
            }

                #sidebar > ul > li > ul.sub > li > a {
                    background: transparent !important;
                }

                    #sidebar > ul > li > ul.sub > li > a:hover { /*background: #4A8BC2 !important ;*/
                    }
            /* sidebar */

            #sidebar {
                margin: 0px !important;
            }
                /* sidebar collabler */

                #sidebar .btn-navbar.collapsed .arrow {
                    display: none;
                }

                #sidebar .btn-navbar .arrow {
                    position: absolute;
                    right: 35px;
                    width: 0;
                    height: 0;
                    top: 48px;
                    border-bottom: 15px solid #282e36;
                    border-left: 15px solid transparent;
                    border-right: 15px solid transparent;
                }
            /*---------*/

            .btn {
                margin-bottom: 5px;
            }

            .mail-box aside {
                display: block;
            }

            .mail-box .sm-side, .mail-box .lg-side {
                width: 100%;
            }
            /* full calendar fix */

            .fc-header-right {
                left: 25px;
                position: absolute;
            }

            .fc-header-left .fc-button {
                margin: 0px !important;
                top: -10px !important;
            }

            .fc-header-right .fc-button {
                margin: 0px !important;
                top: -50px !important;
            }

            .fc-state-active, .fc-state-active .fc-button-inner, .fc-state-hover, .fc-state-hover .fc-button-inner {
                background: none !important;
                color: #FFFFFF !important;
            }

            .fc-state-default, .fc-state-default .fc-button-inner {
                background: none !important;
            }

            .fc-button {
                border: none !important;
                margin-right: 2px;
            }

            .fc-view {
                top: 0px !important;
            }

            .fc-button .fc-button-inner {
                margin: 0px !important;
                padding: 2px !important;
                border: none !important;
                margin-right: 2px !important;
                background-color: #fafafa !important;
                background-image: -moz-linear-gradient(top, #fafafa, #efefef) !important;
                background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#efefef)) !important;
                background-image: -webkit-linear-gradient(top, #fafafa, #efefef) !important;
                background-image: -o-linear-gradient(top, #fafafa, #efefef) !important;
                background-image: linear-gradient(to bottom, #fafafa, #efefef) !important;
                filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fafafa', endColorstr='#efefef', GradientType=0) !important;
                -webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, .8) !important;
                -moz-box-shadow: 0 1px 0px rgba(255, 255, 255, .8) !important;
                box-shadow: 0 1px 0px rgba(255, 255, 255, .8) !important;
                -webkit-border-radius: 3px !important;
                -moz-border-radius: 3px !important;
                border-radius: 3px !important;
                color: #646464 !important;
                border: 1px solid #ddd !important;
                text-shadow: 0 1px 0px rgba(255, 255, 255, .6) !important;
                text-align: center;
            }

            .fc-button.fc-state-disabled .fc-button-inner {
                color: #bcbbbb !important;
            }

            .fc-button.fc-state-active .fc-button-inner {
                background-color: #e5e4e4 !important;
                background-image: -moz-linear-gradient(top, #e5e4e4, #dddcdc) !important;
                background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e5e4e4), to(#dddcdc)) !important;
                background-image: -webkit-linear-gradient(top, #e5e4e4, #dddcdc) !important;
                background-image: -o-linear-gradient(top, #e5e4e4, #dddcdc) !important;
                background-image: linear-gradient(to bottom, #e5e4e4, #dddcdc) !important;
                filter: progid:dximagetransform.microsoft.gradient(startColorstr='#e5e4e4', endColorstr='#dddcdc', GradientType=0) !important;
            }

            .fc-content {
                margin-top: 50px;
            }

            .fc-header-title h2 {
                line-height: 40px !important;
                font-size: 12px !important;
            }

            .fc-header {
                margin-bottom: 0px !important;
            }
            /*--*/ /*.chart-position{*/ /*margin-top: 0px;*/ /*}*/

            .timeline-desk .album a {
                margin-bottom: 5px;
                margin-right: 4px;
            }

            .stepy-titles li {
                margin: 10px 3px;
            }

            .mail-option .btn {
                margin-bottom: 0;
            }

            .boxed-page .container #sidebar {
                position: absolute;
            }
            /*--horizontal menu--*/

            .full-width .navbar-toggle {
                border: 1px solid #eaeaea;
            }

                .full-width .navbar-toggle .icon-bar {
                    background: #c7c7c7;
                }

            .full-width .navbar-toggle {
                float: left;
                margin-top: 12px;
            }

            .horizontal-menu {
                float: left;
                margin-left: 0px;
                width: 100%;
                margin-top: 10px;
            }

            .top-nav { /*position: absolute;*/
                position: relative;
                top: 0px;
            }

            .horizontal-menu .navbar-nav > li > a {
                padding-bottom: 10px;
                padding-top: 10px;
            }
            /*-----*/

            .custom-bar-chart {
                margin-bottom: 40px;
            }
            /*menu icon plus minus*/

            .dcjq-icon {
                top: 10px;
            }

            ul.sidebar-menu li ul.sub li a {
                padding: 0;
            }
            /*---*/

            .img-responsive img {
                width: 70%;
            }
        }

        @media (min-width: 995px) and (max-width: 979px) {
            .mail-box .sm-side {
                width: 30%;
            }

            .mail-box .lg-side {
                width: 70%;
            }

            .custom-bar-chart {
                margin-bottom: 40px;
            }
        }

        @media(min-width: 995px) {
            .navbar-header {
                float: left;
            }
            /*.img420{height:auto;}*/
        }

        @media (max-width: 1220px) and (min-width: 995px) {
            .main-content1 {
                margin-top: 50px;
            }
        }

        @media (max-width: 515px) {
            .main-content1 {
                margin-top: 70px;
            }
        }

        @media (max-width: 450px) { /*.img420{height:auto;}*/
        }

        #lblcart {
            color: #49A066 !important;
        }

        .social-link-footer li {
            float: left;
            margin: 0 10px 10px 0px;
        }

            .social-link-footer li a {
                color: #fff;
                background: #2d2c2c;
                padding: 5px;
                width: 35px;
                height: 35px;
                float: left;
                text-align: center;
                font-size: 20px;
                -webkit-transition: all .3s ease;
                -moz-transition: all .3s ease;
                -ms-transition: all .3s ease;
                -o-transition: all .3s ease;
                transition: all .3s ease;
            }

                .social-link-footer li a:hover {
                    background: #49A066;
                    -webkit-transition: all .3s ease;
                    -moz-transition: all .3s ease;
                    -ms-transition: all .3s ease;
                    -o-transition: all .3s ease;
                    transition: all .3s ease;
                }

        @media (max-width: 1268px) {
            .nav .pull-right .top-menu {
                float: left !important;
            }
        }

        @media (min-width: 1268px) {
            .nav .pull-right .top-menu {
                float: right !important;
            }
        }

        .social-footer {
            display: inline;
            text-align: left;
        }

            .social-footer ul {
                text-align: left;
                margin: 0;
                padding: 0;
            }

                .social-footer ul li {
                    display: inline-block;
                    margin: 0 5px;
                }

                    .social-footer ul li a {
                        font-size: 22px;
                        color: #ceced0;
                    }

                        .social-footer ul li a:hover i.icon-facebook, .social-footer ul li.active a i.icon-facebook {
                            color: #486eac;
                        }

                        .social-footer ul li a:hover i.icon-twitter, .social-footer ul li.active a i.icon-twitter {
                            color: #58c9f3;
                        }

                        .social-footer ul li a:hover i.icon-google-plus, .social-footer ul li.active a i.icon-google-plus {
                            color: #4a4a4a;
                        }

                        .social-footer ul li a:hover i.icon-pinterest, .social-footer ul li.active a i.icon-pinterest {
                            color: #d1282d;
                        }

                        .social-footer ul li a:hover i.icon-instagram, .social-footer ul li.active a i.icon-instagram {
                            color: #e4405f;
                        }

                        .social-footer ul li a:hover i.fa.fa-instagram, .social-footer ul li.active a i.fa.fa-instagram {
                            color: transparent;
                            background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
                            background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
                            background-clip: text;
                            -webkit-background-clip: text;
                        }

        .btn-primary {
            background-color: #49A066;
            border-color: #49A066;
            color: #FFFFFF;
        }

            .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
                background-color: #45725c;
                border-color: #45725c;
                color: #FFFFFF;
            }

        .white-bg {
            background: #fff;
        }

        .footer {
            background: #2d2c2c;
            color: #fff;
            padding: 30px 0;
            margin-top: 20px;
            display: inline-block;
            width: 100%;
            font-weight: 300;
        }

        .wrapper1 {
            display: inline-block;
            margin-top: 30px; /* margin-top: 80px; */
            padding: 15px;
            width: 100%;
        }

        .wrapper3 {
            display: inline-block;
            margin-top: 5px; /* margin-top: 80px; */
            padding: 15px;
            width: 100%;
        }

        .a1 {
            color: #49A066;
        }

            .a1:hover {
                color: #808080;
            }

        label {
            display: inline-block;
            margin-bottom: 5px;
            font-weight: inherit; /* color: #A9A9A9; */
        }

        #user {
            color: #b9b9b9;
        }

        .fa-user {
            padding-top: 8px;
            font-size: 16px;
        }

            .fa-user:hover {
                padding-top: 8px;
                font-size: 16px;
                color: #49A066;
                cursor: pointer;
            }

        .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
            background-color: #fff;
        }

        .cardrow {
            background-color: #f9f9f9 !important;
        }

        #userlog1 {
            font-size: 18px;
            text-align: left;
        }

        #userlog2 {
            text-align: left;
            font-size: 18px;
        }

        #userlog1:hover {
            color: #49A066;
            cursor: pointer;
        }

        #userlog2:hover {
            color: #49A066;
            cursor: pointer;
        }

        .btn-default {
            background-color: #a7a7a7;
            border-color: #bec3c7;
            color: #fff;
        }

        .wrapper2 {
            display: inline-block; /*margin-top: 60px; margin-top: 80px;*/
            margin-top: 10px;
            padding: 20px;
            width: 100%;
        }

        .modal-body {
            position: relative;
            padding: 1px;
        }

        .timeline-desk { /* display: table-cell; */
            vertical-align: top;
            width: 100%;
        }

            .timeline-desk p {
                font-size: 14px;
                margin-bottom: 0;
            }

        .profile-nav ul > li > a:hover, .profile-nav ul > li > a:focus, .profile-nav ul li.active a {
            background: #dadbe2 !important;
            border-left: 5px solid #428bca;
            color: #555 !important;
        }

        .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
            background-color: #f9f9f9;
            opacity: 1;
        }

        .glyphicon {
            position: relative;
            top: 1px;
            display: inline-block;
            font-family: 'Glyphicons Halflings';
            font-style: normal;
            font-weight: 400;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-size: 1.4em;
            color: #49A066;
            border-color: #49A066;
        }

        .iconn {
            position: relative;
            top: 1px;
            display: inline-block;
            font-style: normal;
            font-weight: 400;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-size: 1.4em;
            color: #49A066;
            border-color: #49A066;
        }

        .input-group-addon {
            padding: 6px 12px;
            font-size: 14px;
            font-weight: 400;
            line-height: 1;
            color: #555;
            text-align: center;
            background-color: #fff;
            border: 1px solid #e2e2e4;
            border-radius: 4px;
        }

        .glyphicon:hover, .glyphicon:focus, .glyphicon:active, .glyphicon.active, .open .dropdown-toggle.glyphicon { /*background-color: #45725c;*/
            border-color: #45725c; /*color: #FFFFFF;*/
        }

        @media (max-width: 768px) {
            .col-sm-6 {
                width: 50%;
                float: left;
                position: initial;
            }
        }

        .table-content table th {
            border-top: medium none;
            font-size: 15px;
            font-weight: normal;
            padding: 15px 10px 12px;
            text-align: center;
            vertical-align: middle;
            white-space: nowrap;
        }

        .table-content table thead {
            background-color: #f6f6f6;
        }

        .table-content table tr {
            border-top: medium none;
            font-size: 15px;
            font-weight: normal;
            padding: 15px 10px 12px;
            text-align: center;
            vertical-align: middle;
            white-space: nowrap;
        }

        .table-content table {
            background: #fff none repeat scroll 0 0;
            border-color: #e5e5e5;
            border-radius: 0;
            border-style: solid;
            border-width: 1px 0 0 1px;
            margin: 0 0 50px;
            text-align: center;
            width: 100%;
            border: none;
        }

        .quantity {
            width: 40px;
        }

        .table-content table td input {
            background: #e5e5e5 none repeat scroll 0 0;
            border: medium none;
            border-radius: 3px;
            font-size: 15px;
            font-weight: normal;
            height: 30px;
            padding: 0 5px 0 10px;
            width: 35px;
        }

        .table-content table td {
            border-top: medium none;
            padding: 8px 2px;
            vertical-align: middle;
            font-size: 15px;
        }

        .coupon-accordion h3 {
            background-color: #f7f6f7;
            border-top: 3px solid #75a46a;
            color: #515151;
            font-size: 14px;
            font-weight: 400;
            list-style: outside none none !important;
            margin: 0 0 2em !important;
            padding: 1em 2em 1em 1.5em !important;
            position: relative;
        }

        .btn1 {
            display: inline-block;
            padding: 6px 6px;
            margin-bottom: 0;
            font-size: 12px;
            font-weight: 400;
            line-height: 1.42857143;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            -ms-touch-action: manipulation;
            touch-action: manipulation;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            background-image: none;
            border: 1px solid transparent;
            border-radius: 4px;
        }

        .img-thumbnail {
            display: inline-block;
            height: auto;
            max-width: 100%; /* padding: 4px; */
            line-height: 1.428571429;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 4px;
            -webkit-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
        }

        .counter-container {
            width: 100px;
            height: 30px;
            float: left;
        }

        .counter-down {
            background: #666;
            cursor: pointer;
        }

        .counter-down, .counter-up {
            width: 30px;
            height: 30px;
            color: #fff;
            font-weight: bold;
            line-height: 30px;
            font-size: 24px;
            float: left;
            text-align: center;
            cursor: pointer;
        }

        .counter-quant {
            margin: 0 4px;
            width: 30px;
            height: 30px;
            border: 1px solid #666;
            background: #fff;
            color: #666;
            font-weight: bold;
            line-height: 30px;
            float: left;
            text-align: center;
        }

        .counter-up {
            background: #39b54a;
            cursor: pointer;
        }