#header .header-bottom,

        #header .mobile-header-bottom,

        body#checkout .checkout-step.-current .step-title {

            background-color: #364F6B;

        }



        #header .dtmenu-title,

        #header .mbmenu-title,

        #search_filters_wrapper.filter-show .block-title,

        .crsl-title h2:before,

        .crsl-title h4:before {

            background-color: #E84545;

        }



        #_desktop_blockcart-wrapper .m-toggle,

        .tptncart .minicart-title {

            background-color: #E84545;

        }



        .product-title a {

            color: #105BD5;

        }



        .product-price-and-shipping .price,

        .product-price {

            color: #E84545;

        }



        .product-flags .new {

            background-color: #2AC97A;

        }



        .product-flags .discount,

        .product-flags .on-sale {

            background-color: #E84545;

        }



        .btn-primary {

            background-color: #E84545;

        }



        .btn-primary {

            border-radius: 27px;

            color: #fff;

            background: #13c0fc;

            height: 30px;

            padding: 0 15px;

        }



        #otp {

            border-bottom: none;

        }



        #otp {

            padding-left: 7px;

            letter-spacing: 42px;

            border: 0;

            background-image: linear-gradient(to left, black 70%, rgba(255, 255, 255, 0) 0%);

            background-position: bottom;

            background-size: 50px 1px;

            background-repeat: repeat-x;

            background-position-x: 35px;

            width: 220px;

            min-width: 220px;

        }

        #otp1 {

            border-bottom: none;

        }



        #otp1 {

            padding-left: 7px;

            letter-spacing: 42px;

            border: 0;

            background-image: linear-gradient(to left, black 70%, rgba(255, 255, 255, 0) 0%);

            background-position: bottom;

            background-size: 50px 1px;

            background-repeat: repeat-x;

            background-position-x: 35px;

            width: 220px;

            min-width: 220px;

        }



        #divInner {

            left: 0;

            position: sticky;

        }



        #divOuter {

            width: 190px;

            overflow: hidden;

            margin: 0 13%;

            margin-bottom: 4%;

        }



        @media only screen and (max-width: 600px) {

            #divOuter {

                margin: 0 19%;

            }

        }

        .mega-menu .logo {

            width: 20%;

            line-height: 65px;

            margin: 0px 35px;

        }



        .mega-menu .logo span {

            font-family: 'Ranchers', cursive;

            font-size: 30px;

            color: #fff;

            font-weight: bold;

        }



        .mega-menu ul.menu-list {

            /* right: 0;   */

            /* position: absolute; */

            /* text-align: center; */

            /* width: 80%; */

            /* height: 70px; */

            /* display: flex; */

        }



        .mega-menu ul.menu-list li.menu-item,

        .mega-menu ul.mega-sub-menu>li.menu-sub-item,

        .menu-sub-item ul li.menu-sub-item-list {

            list-style: none;

            margin: auto;

            display: block;

        }



        .menu-sub-item ul li.menu-sub-item-list {

            border-bottom: 1px solid #94c5d0;

            padding: 3px;

            margin: 5px 0px;

        }



        /* .menu-sub-item ul li.menu-sub-item-list:hover {

    background: #5fd0f4;

    border-radius: 5px;

} */

        .mega-menu ul.menu-list>li a {

            text-decoration: none;

            color: #fff;

            font-size: 13px;

            font-weight: 400;

        }



        .mega-menu ul.mega-sub-menu {

            display: none;

        }



        .menu-sub-item h3 {

            font-size: 17px;

            font-family: inherit;

            font-weight: 600;

            line-height: 1.1;

            color: inherit;

        }



        .list-hover:hover>ul.mega-sub-menu {

            top: 25px;

            display: block;

            z-index: 999;

            opacity: 1;

            border-radius: 0px 0px 10px 10px;

            background: #5389CC;

            background-image: linear-gradient(to right, rgba(27, 190, 240, 0.7) 0%, rgba(10, 85, 181, 0.7) 100%);

            -webkit-box-shadow: 0 10px 6px -6px #9C27B0;

            -moz-box-shadow: 0 10px 6px -6px #9C27B0;

            box-shadow: 0 10px 6px -6px #6394D0;

            padding: 10px 10px 10px 10px;

            position: absolute;

            width: 770px;

            max-width: none;

            /* left: 0; */

            left: -209%;

            text-align: left;

            transform: translate(0, 10px);

            transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in;

        }



        .mega-menu ul.mega-sub-menu>li.menu-sub-item {

            /* width: 22%; */

            display: inline-block;

            margin: 0px 10px;

        }



        /* .menu-sub-item ul li.menu-sub-item-list {

    width: auto;

} */

        .menu-sub-item ul {

            padding-left: 0;

            line-height: 20px;

        }



        /*Copied from bootstrap to handle input file multiple*/

        .btn {

            display: inline-block;

            padding: 6px 12px;

            margin-bottom: 0;

            font-size: 14px;

            font-weight: normal;

            line-height: 1.42857143;

            text-align: center;

            white-space: nowrap;

            vertical-align: middle;

            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;

        }



        /*Also */

        .btn-success {

            border: 1px solid #c5dbec;

            background: #D0E5F5;

            font-weight: bold;

            color: #2e6e9e;

        }



        /* This is copied from https://github.com/blueimp/jQuery-File-Upload/blob/master/css/jquery.fileupload.css */

        .fileinput-button {

            position: relative;

            overflow: hidden;

        }



        .fileinput-button input {

            position: absolute;

            top: 0;

            right: 0;

            margin: 0;

            opacity: 0;

            -ms-filter: 'alpha(opacity=0)';

            font-size: 200px;

            direction: ltr;

            cursor: pointer;

        }



        .thumb {

            height: 80px;

            width: 100px;

            border: 1px solid #000;
           object-fit: contain !important;

        }



        ul.thumb-Images li {

            width: 120px;

            float: left;

            display: inline-block;

            vertical-align: top;

            height: 120px;

        }



        .img-wrap {

            position: relative;

            display: inline-block;

            font-size: 0;

        }



        .img-wrap .close {

            position: absolute;

            top: 2px;

            right: 2px;

            z-index: 100;

            background-color: #D0E5F5;

            padding: 5px 2px 2px;

            color: #000;

            font-weight: bolder;

            cursor: pointer;

            opacity: .5;

            font-size: 23px;

            line-height: 10px;

            border-radius: 50%;

        }



        .img-wrap:hover .close {

            opacity: 1;

            background-color: #ff0000;

        }



        .FileNameCaptionStyle {

            font-size: 12px;

        }



        #cover-spin {

            position: fixed;

            width: 100%;

            left: 0;

            right: 0;

            top: 0;

            bottom: 0;

            background-color: rgba(255, 255, 255, 0.7);

            z-index: 9999;

            display: none;

        }



        @-webkit-keyframes spin {

            from {

                -webkit-transform: rotate(0deg);

            }



            to {

                -webkit-transform: rotate(360deg);

            }

        }



        @keyframes spin {

            from {

                transform: rotate(0deg);

            }



            to {

                transform: rotate(360deg);

            }

        }



        #cover-spin::after {

            content: '';

            display: block;

            position: absolute;

            left: 48%;

            top: 40%;

            width: 40px;

            height: 40px;

            border-style: solid;

            border-color: black;

            border-top-color: transparent;

            border-width: 4px;

            border-radius: 50%;

            -webkit-animation: spin .8s linear infinite;

            animation: spin .8s linear infinite;

        }

        #snackbar {

            visibility: hidden;

            min-width: 250px;

            /*margin-left: -125px;*/

            background-color: #333;

            color: #fff;

            text-align: center;

            border-radius: 2px;

            padding: 16px;

            position: fixed;

            z-index: 9999;

            left: 50%;

            /* bottom: 400px; */

            top: 45%;

            font-size: 17px;

        }



        #snackbar.show {

            visibility: visible;

            /* -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s; */

            /* animation: fadein 0.5s; */

        }





        @-webkit-keyframes fadein {

            from {

                bottom: 0;

                opacity: 0;

            }



            to {

                bottom: 30px;

                opacity: 1;

            }

        }



        @keyframes fadein {

            from {

                bottom: 0;

                opacity: 0;

            }



            to {

                bottom: 30px;

                opacity: 1;

            }

        }



        @-webkit-keyframes fadeout {

            from {

                bottom: 30px;

                opacity: 1;

            }



            to {

                bottom: 0;

                opacity: 0;

            }

        }



        @keyframes fadeout {

            from {

                bottom: 30px;

                opacity: 1;

            }



            to {

                bottom: 0;

                opacity: 0;

            }

        }



        .isDisabled {

            color: currentColor;

            cursor: not-allowed;

            opacity: 0.5;

            text-decoration: none;

        }

        #spinner_text {

            position: fixed;

            width: 100%;

            left: 0;

            right: 0;

            top: 0;

            bottom: 0;

            z-index: 9999;

            display: none;

        }