@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');
            body {
                font-family: 'Raleway', sans-serif;
            }
            
            .goog-te-banner-frame.skiptranslate {
                display: none !important;
            }
            
            body>.skiptranslate {
                display: none;
            }
            
            .body-color {
                background: rgb(242, 247, 243);
            }
            
            a:link,
            a:visited,
            a:hover,
            a:active {
                text-decoration: none;
                outline: none;
            }
            
            img {
                max-width: 100%;
            }
            
            a,
            a:hover,
            a:focus {
                color: inherit;
                cursor: pointer;
            }
            
            p {
                line-height: 24px;
            }
            
            .zero {
                margin: 0px;
                padding: 0px;
            }
            
            header {
                position: absolute;
                top: 0px;
                width: 100%;
                z-index: 999;
            }
            
            .top-social {
                padding-top: 65px;
                color: #fff;
            }
            
            .top-social i {
                width: 30px;
                height: 30px;
                text-align: center;
                border: 1px solid #fff;
                color: #fff;
                border-radius: 30px;
                padding-top: 7px;
                float: left;
                margin-right: 15px;
                -webkit-transition: color .2s ease;
                -moz-transition: color .2s ease;
                -ms-transition: color .2s ease;
                -o-transition: color .2s ease;
                transition: color .2s ease;
            }
            
            .top-social i:hover {
                color: #000;
                border-color: #000;
                -webkit-transition: all 0.25s ease-out;
                -moz-transition: all 0.25s ease-out;
                -ms-transition: all 0.25s ease-out;
                -o-transition: all 0.25s ease-out;
                transition: all 0.25s ease-out;
            }
            
            .top-social p {
                float: left;
            }
            
            .top-social h5 {
                border: 1px solid #fff;
                display: inline-block;
                margin: 0px;
                padding: 7px;
                border-radius: 15px;
                margin-left: 10px;
            }
            
            .about-us {
                padding-bottom: 100px;
                padding-top: 30px;
            }
            
            .about-us h2 {
                text-align: center;
                font-weight: 800;
                letter-spacing: 1px;
                font-family: 'Raleway', sans-serif;
                font-size: 35px;
            }
            
            .line-about {
                width: 300px;
                height: 1px;
                background: #e4e4e4;
                margin: 20px auto;
                margin-top: -18px;
            }
            
            .cart-about {
                width: 500px;
                height: 1px;
                background: #e4e4e4;
                margin: 20px auto;
                margin-top: -18px;
            }
            
            .about-us h5 {
                font-family: 'Raleway', sans-serif;
                text-align: center;
                letter-spacing: 2px;
                color: #575757;
                text-transform: uppercase;
                font-weight: 700;
                background: #fff;
                position: relative;
                display: inline-block;
                padding: 0px 15px;
            }
            
            .about-us h1 {
                text-align: center;
                letter-spacing: 2px;
                color: #575757;
                background: #fff;
                position: relative;
                display: inline-block;
                padding: 0px 15px;
            }
            
            .line-contact {
                width: 450px;
                height: 1px;
                background: #e4e4e4;
                margin: 20px auto;
                margin-top: -26px;
            }
            
            .about-us p {
                color: #444444;
                letter-spacing: 0.1rem;
                /* font-weight: 600; */
                text-align: justify;
                /* font-family: 'oswald', sans-serif; */
                font-family: 'Raleway', sans-serif;
            }
            
            .pad-top50 {
                padding-top: 50px;
            }
            
            .varity-juice {
                background: #f2f7f3;
                padding: 100px 0px;
            }
            
            .pad-bot40 {
                padding-bottom: 40px;
            }
            
            .tree-left {
                position: absolute;
                left: 0;
                margin-top: -210px;
            }
            
            .tree-right {
                position: absolute;
                right: 0;
                margin-top: -210px;
            }
            
            .read-more {
                border: 1px solid #a4a2a3;
                color: #3d3d3d;
                border-radius: 30px;
                padding: 4px 16px;
                font-weight: 700;
                transition: 1s ease-out;
                font-family: 'Raleway', sans-serif;
            }
            
            .read-more:hover {
                background: #ff9002;
                border-color: #ff9002;
                color: #fff;
                transition: 1s ease-in;
            }
            /* Pulse */
            
            @-webkit-keyframes hvr-pulse {
                25% {
                    -webkit-transform: scale(1.1);
                    transform: scale(1.1);
                }
                75% {
                    -webkit-transform: scale(0.9);
                    transform: scale(0.9);
                }
            }
            
            @keyframes hvr-pulse {
                25% {
                    -webkit-transform: scale(1.1);
                    transform: scale(1.1);
                }
                75% {
                    -webkit-transform: scale(0.9);
                    transform: scale(0.9);
                }
            }
            
            .hvr-pulse {
                display: inline-block;
                vertical-align: middle;
                -webkit-transform: perspective(1px) translateZ(0);
                transform: perspective(1px) translateZ(0);
                box-shadow: 0 0 1px transparent;
            }
            
            .hvr-pulse:hover,
            .hvr-pulse:focus,
            .hvr-pulse:active {
                -webkit-animation-name: hvr-pulse;
                animation-name: hvr-pulse;
                -webkit-animation-duration: 1s;
                animation-duration: 1s;
                -webkit-animation-timing-function: linear;
                animation-timing-function: linear;
                -webkit-animation-iteration-count: infinite;
                animation-iteration-count: infinite;
            }
            
            .salad-pine {
                position: absolute;
                left: 20%;
                bottom: 18%;
                transition: 1s ease-out;
            }
            
            .salad-promgro {
                position: absolute;
                left: 29%;
                bottom: 10%;
                transition: 1s ease-out;
            }
            
            .salad-strowberry {
                position: absolute;
                left: 54%;
                bottom: 6%;
                transition: 1s ease-out;
            }
            
            .fruit-salad {
                position: absolute;
                left: 71%;
                bottom: 26%;
                color: #000;
                text-align: left;
                border-bottom: 2px solid #ddd;
                transition: 1s ease-out;
            }
            
            .fruit-salad p {
                color: #575757;
                font-weight: 500;
                margin: 0px;
            }
            
            .fruit-salad h3 {
                margin: 0px;
                font-weight: 500;
            }
            
            .salad-fruit {
                cursor: pointer;
            }
            
            .salad-fruit:hover .salad-pine {
                bottom: 12%;
                transition: 1s ease-in;
            }
            
            .salad-fruit:hover .salad-promgro {
                bottom: 4%;
                transition: 1s ease-in;
            }
            
            .salad-fruit:hover .salad-strowberry {
                bottom: 10%;
                transition: 1s ease-in;
            }
            
            .salad-fruit:hover .fruit-salad {
                border-bottom: 1px dashed #afb1af;
                transition: 1s ease-in;
            }
            
            .smoothies {
                margin-top: -40px;
            }
            
            .smoothies-strowberry {
                position: absolute;
                left: 70px;
                top: 50%;
                transition: 1s ease-out;
            }
            
            .smoothies-lovely {
                left: 67%;
                bottom: 39%;
            }
            
            .salad-fruit:hover .smoothies-strowberry {
                bottom: 1%;
                left: 95px;
                transition: 1s ease-in;
            }
            
            .salad-fruit:hover .shakes-coffee {
                bottom: 2%;
                transition: 1s ease-in;
            }
            
            .salad-fruit:hover .yogo-badam {
                left: 12%;
                transition: 1s ease-in;
            }
            
            .salad-fruit:hover .yogo-kiwi {
                left: 30%;
                transition: 1s ease-in;
            }
            
            .shakes {
                margin-top: 70px;
            }
            
            .shakes-coffee {
                position: absolute;
                left: 7%;
                bottom: 17%;
                transition: 1s ease-out;
            }
            
            .shakes-share {
                left: 71%;
                bottom: 21%;
            }
            
            .yogo-lush {
                margin-top: -40px;
            }
            
            .yogo-badam {
                position: absolute;
                left: 16%;
                bottom: 29%;
                transition: 1s ease-out;
            }
            
            .yogo-kiwi {
                position: absolute;
                left: 26%;
                bottom: 23%;
                transition: 1s ease-out;
            }
            
            .yogo-lush-sweet {
                left: 180px;
                bottom: -22%;
            }
            
            .fruit-juice {
                margin-top: 70px;
            }
            
            .water-melon {
                position: absolute;
                left: 7%;
                bottom: 16%;
                transition: 1s ease-out;
            }
            
            .juices-fruit {
                left: auto;
                right: 0;
                bottom: 45%;
            }
            
            .salad-fruit:hover .water-melon {
                bottom: 1%;
                transition: 1s ease-in;
            }
            
            .something-hot {
                /* background: #c6242f */
                background: #e8e8e8;
            }
            /********************************/
            /*          Main CSS     */
            /********************************/
            
            #first-slider .main-container {
                padding: 0;
            }
            
            #first-slider .slide1 h3,
            #first-slider .slide2 h3,
            #first-slider .slide3 h3,
            #first-slider .slide4 h3 {
                color: #fff;
                font-size: 30px;
                text-transform: uppercase;
                font-weight: 700;
            }
            
            #first-slider .slide1 h4,
            #first-slider .slide2 h4,
            #first-slider .slide3 h4,
            #first-slider .slide4 h4 {
                color: #fff;
                font-size: 30px;
                text-transform: uppercase;
                font-weight: 700;
            }
            
            #first-slider .slide1 .text-left,
            #first-slider .slide3 .text-left {
                padding-left: 40px;
            }
            
            #first-slider .carousel-indicators {
                bottom: 0;
            }
            
            #first-slider .carousel-control.right,
            #first-slider .carousel-control.left {
                background-image: none;
            }
            
            #first-slider .carousel .item {
                min-height: 686px;
                height: 100%;
                width: 100%;
            }
            
            .carousel-inner .item .container {
                display: flex;
                justify-content: center;
                align-items: center;
                position: absolute;
                bottom: 0;
                top: 0;
                left: 0;
                right: 0;
            }
            
            #first-slider h3 {
                animation-delay: 1s;
            }
            
            #first-slider h4 {
                animation-delay: 2s;
            }
            
            #first-slider h2 {
                animation-delay: 3s;
            }
            
            #first-slider .carousel-control {
                width: 6%;
                text-shadow: none;
            }
            
            #first-slider h1 {
                text-align: center;
                margin-bottom: 30px;
                font-size: 30px;
                font-weight: bold;
            }
            
            #first-slider .p {
                padding-top: 125px;
                text-align: center;
            }
            
            #first-slider .p a {
                text-decoration: underline;
            }
            
            #first-slider .carousel-indicators li {
                width: 14px;
                height: 14px;
                background-color: rgba(255, 255, 255, .4);
                border: none;
            }
            
            #first-slider .carousel-indicators .active {
                width: 16px;
                height: 16px;
                background-color: #fff;
                border: none;
            }
            
            .pad-left15 {
                padding-left: 15%;
            }
            
            .carousel-fade .carousel-inner .item {
                -webkit-transition-property: opacity;
                transition-property: opacity;
            }
            
            .carousel-fade .carousel-inner .item,
            .carousel-fade .carousel-inner .active.left,
            .carousel-fade .carousel-inner .active.right {
                opacity: 0;
            }
            
            .carousel-fade .carousel-inner .active,
            .carousel-fade .carousel-inner .next.left,
            .carousel-fade .carousel-inner .prev.right {
                opacity: 1;
            }
            
            .carousel-fade .carousel-inner .next,
            .carousel-fade .carousel-inner .prev,
            .carousel-fade .carousel-inner .active.left,
            .carousel-fade .carousel-inner .active.right {
                left: 0;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
            
            .carousel-fade .carousel-control {
                z-index: 2;
            }
            
            .carousel-control .fa-angle-right,
            .carousel-control .fa-angle-left {
                position: absolute;
                top: 50%;
                z-index: 5;
                display: inline-block;
            }
            
            .carousel-control .fa-angle-left {
                left: 50%;
                width: 38px;
                height: 38px;
                margin-top: -15px;
                font-size: 30px;
                color: #fff;
                border: 3px solid #ffffff;
                -webkit-border-radius: 23px;
                -moz-border-radius: 23px;
                border-radius: 53px;
            }
            
            .carousel-control .fa-angle-right {
                right: 50%;
                width: 38px;
                height: 38px;
                margin-top: -15px;
                font-size: 30px;
                color: #fff;
                border: 3px solid #ffffff;
                -webkit-border-radius: 23px;
                -moz-border-radius: 23px;
                border-radius: 53px;
            }
            
            .carousel-control {
                opacity: 1;
                filter: alpha(opacity=100);
            }
            /********************************/
            /*       Slides backgrounds     */
            /********************************/
            
            #first-slider .slide1 {
                background-image: url(../images/plate-2.jpg);
                background-size: cover;
                background-repeat: no-repeat;
            }
            
            #first-slider .slide2 {
                background-image: url(../images/plate-2.jpg);
                background-size: cover;
                background-repeat: no-repeat;
            }
            
            .catering-btn {
                font-family: 'Raleway', sans-serif;
                font-size: 20px;
                background: #c6242f;
                color: #fff;
                padding: 8px 25px;
                border-radius: 50px;
            }
            
            a.catering-btn:hover {
                background: #F7941D;
                color: #fff;
            }
            
            .serve-something {
                padding-top: 16%;
                padding-left: 40px;
                padding-right: 40px;
                color: #fff;
            }
            
            h2.tasty-food {
                font-weight: 700;
                font-family: 'Raleway', sans-serif;
            }
            
            .serve-something p {
                font-family: 'Raleway', sans-serif;
            }
            
            .serve-fire {
                position: absolute;
                top: 0px;
                left: -156px;
            }
            
            .why-juice {
                background: url(../images/green-spalsh.png) no-repeat;
                padding: 40px 0px;
            }
            
            .why-juice img {
                position: relative;
                z-index: 8;
            }
            
            .why-juice h1 {
                padding-top: 1%;
            }
            
            .why-juice-circle {
                border: 2px dashed #BE1E2D;
                width: 165px;
                height: 165px;
                text-align: center;
                border-radius: 50%;
                position: absolute;
                bottom: 25%;
                left: -13%;
                padding: 20px;
                color: #000;
                /*animation  : spinner 10s linear infinite; */
            }
            
            .why-juice-circle h5 {
                line-height: 20px;
                font-weight: 700;
            }
            
            .why-juice-circle::after {
                content: "";
                width: 2px;
                height: 100px;
                border: 1px dashed #BE1E2D;
                position: absolute;
                transform: rotate(110deg);
                bottom: -20px;
                right: -50px;
            }
            /*@keyframes spinner {
  to {transform: rotate(360deg);}
}*/
            
            .why-juice-calorie {
                border: 2px dashed #BE1E2D;
                width: 165px;
                height: 165px;
                text-align: center;
                border-radius: 50%;
                position: absolute;
                top: 5%;
                left: 50%;
                padding: 20px;
                color: #000;
                /*animation  : spinner 10s linear infinite; */
            }
            
            .why-juice-calorie h5 {
                line-height: 20px;
                font-weight: 700;
            }
            
            .why-juice-calorie::after {
                content: "";
                width: 2px;
                height: 100px;
                border: 1px dashed #03a753;
                position: absolute;
                transform: rotate(170deg);
                bottom: -120px;
                right: 65px;
            }
            
            .why-juice-delicious {
                border: 2px dashed #BE1E2D;
                width: 165px;
                height: 165px;
                text-align: center;
                border-radius: 50%;
                position: absolute;
                top: 15%;
                right: -5%;
                padding: 20px;
                color: #000;
                /*animation  : spinner 10s linear infinite; */
            }
            
            .why-juice-delicious h5 {
                line-height: 20px;
                font-weight: 700;
            }
            
            .why-juice-delicious::after {
                content: "";
                width: 2px;
                height: 100px;
                border: 1px dashed #03a753;
                position: absolute;
                transform: rotate(38deg);
                left: 0;
            }
            
            .why-juice-floods {
                border: 2px dashed #03a753;
                width: 165px;
                height: 165px;
                text-align: center;
                border-radius: 50%;
                position: absolute;
                bottom: 15%;
                right: -8%;
                padding: 20px;
                color: #000;
                /*animation  : spinner 10s linear infinite; */
            }
            
            .why-juice-floods h5 {
                line-height: 20px;
                font-weight: 700;
            }
            
            .why-juice-floods::after {
                content: "";
                width: 2px;
                height: 100px;
                border: 1px dashed #03a753;
                position: absolute;
                transform: rotate(90deg);
                left: -35%;
                top: 20%;
            }
            
            footer {
                /*background: url(../images/nature.jpg); */
                background-color: #C7252F;
                padding-top: 40px;
                background-size: cover;
                color: #fff;
            }
            
            footer h1 {
                font-weight: 300;
                padding-bottom: 70px;
            }
            
            .copy-right {
                background: rgba(0, 0, 0, 0.4);
                padding: 15px 45px;
                ;
                color: #a4a2a3;
            }
            
            .copy-right p {
                margin: 0px;
                text-align: center;
            }
            
            .copy-right h5 {
                margin: 3px;
                text-align: right;
                font-weight: 700;
            }
            
            .copy-right a:hover {
                color: #ff9002;
            }
            /*///////////////////////////////////////////////// category pages //////////////////////////////////////////////*/
            
            .inner-bgm-category {
                background: url(../images/hyderabad-slider.jpg) no-repeat !important;
                width: 100%;
                height: auto;
                min-height: 350px !important;
            }
            
            .inner-bgm-d1 {
                background: url(../images/hyderabad-d.jpg) no-repeat !important;
                width: 100%;
                height: auto;
                min-height: 350px !important;
            }
            
            .inner-bgm-menu {
                background-image: url(../images/menu-banner.jpg) !important;
                width: 100%;
                height: auto;
                min-height: 420px !important;
                background-repeat: no-repeat;
                background-position: center center;
                background-attachment: fixed;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
            }
            
            .inner-bgm-loyalty {
                background-image: url(../images/loyalty-bg.jpg) !important;
                width: 100%;
                height: auto;
                min-height: 420px !important;
                background-repeat: no-repeat;
                background-position: center center;
                background-attachment: fixed;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
            }
            
            .inner-bgm-join {
                background: url(../images/join.jpg) no-repeat !important;
                width: 100%;
                height: auto;
                min-height: 350px !important;
            }
            
            .inner-bgm-contact {
                background: url(../images/contact.jpg) no-repeat !important;
                width: 100%;
                height: auto;
                min-height: 350px !important;
            }
            
            .inner-bgm-order-online {
                width: 100%;
                height: auto;
                min-height: 555px !important;
                background-position: center;
                background: rgb(32, 1, 1);
                background-image: url(../images/banner.jpg) !important;
                background-repeat: no-repeat;
                background-size: cover;
            }
            /*///////////////////////////////////////////////// inner pages //////////////////////////////////////////////*/
            
            .inner-bgm {
                background: url(../images/slider-1.jpg) no-repeat;
                padding: 40px;
                min-height: 250px;
                background-size: cover;
                padding: 13% 0;
                padding-bottom: 0px;
            }
            
            .inner-bgm h2 {
                color: #fff;
            }
            
            .line-2 {
                width: 30px;
                height: 1px;
                background: #f7941d;
            }
            
            .line-3 {
                width: 30px;
                height: 1px;
                background: #000;
                margin-bottom: 2px;
            }
            
            .inner-bgm p {
                text-align: right;
                color: #fff;
            }
            
            .inner-bgm a {
                /* color: #000; */
            }
            
            .inner-bgm a:hover {
                color: #fff;
            }
            
            .inner-bgm span {
                padding: 0px 10px;
            }
            
            .pad-top20 {
                padding-top: 20px;
            }
            
            .pad-0 {
                padding: 0px;
            }
            
            .contact-us i {
                padding-right: 10px;
                color: #777;
            }
            
            .contact-us p {
                margin-bottom: 12px;
            }
            
            .contact-us-bgm {
                background: #f2f7f3;
            }
            
            .map {
                width: 100%;
                height: 430px;
            }
            
            .grapes-right {
                position: absolute;
                right: 0px;
                margin-top: -30px;
                z-index: 10;
            }
            
            .contact-form {
                padding: 30px 40px;
            }
            
            .contact-form input {
                margin-top: 20px;
                border: 1px solid #7777;
                width: 100%;
                padding: 6px 12px;
                outline: none;
            }
            
            .contact-form textarea {
                margin-top: 20px;
                border: 1px solid #7777;
                width: 100%;
                padding: 6px 12px;
                outline: none;
                resize: none;
            }
            
            .contact-form button {
                min-width: 200px;
                text-align: center;
                padding: 8px 16px;
                background: #ff9002;
                color: #fff;
                border: none;
                margin-top: 20px;
            }
            
            .pad-bot20 {
                padding-bottom: 20px;
            }
            
            .Our-mission {
                border: 2px dashed #03a753;
                padding: 20px;
                text-align: center;
                margin-bottom: 20px;
            }
            
            .Our-mission h4 {
                text-align: center;
                font-weight: 700;
            }
            
            .leaf-width {
                width: 210px;
            }
            
            .Our-mission li {
                list-style: none;
                text-align: justify;
                padding-left: 18px;
            }
            
            .Our-mission li i {
                color: #000;
                padding-right: 8px;
            }
            
            .Our-mission li::before {
                content: "\f101";
                font: normal normal normal 14px/1 FontAwesome;
                position: absolute;
                left: 20px;
            }
            
            .min-hgt {
                min-height: 237px;
            }
            
            .min-hgt284 {
                min-height: 284px;
            }
            
            .our-management {
                background: rgb(236, 236, 236);
                padding: 50px;
            }
            
            .our-management h2 {
                text-align: center;
                background: rgb(236, 236, 236);
                margin: 0px;
                padding: 0px 15px;
                display: inline-block;
                z-index: 20;
                position: relative;
            }
            
            .line-management {
                width: 36%;
                height: 1px;
                background: #a4a2a3;
                position: relative;
                margin: 0 auto;
            }
            
            .our-management img {
                width: 200px;
            }
            
            .our-management p {
                padding-top: 30px;
            }
            
            .next-visit {
                padding: 50px 0px;
            }
            
            .next-visit h2 {
                padding-top: 70px;
            }
            
            .next-visit h2 span {
                color: #ff9002;
            }
            
            .next-visit p {
                padding-top: 20px;
                margin: 0px;
                font-weight: 300;
            }
            
            .gallery h2 {
                margin-bottom: 40px;
                background: #fff;
                position: relative;
                z-index: 10;
                display: inline-block;
                padding: 0px 15px;
            }
            
            .line-gallery {
                width: 350px;
                height: 1px;
                background: #a4a2a3;
                margin: 55px auto;
                margin-top: -55px;
            }
            
            .rs-none {
                display: none;
            }
            
            .fire {
                position: absolute;
                width: 685px;
                height: 100px;
                transform: rotate(-90deg);
            }
            
            .serve-something canvas {
                position: absolute;
                width: 685px;
                height: 200px;
                transform: rotate(-90deg);
            }
            
            .mb-50 {
                margin-top: 30px;
                padding-bottom: 80px;
            }
            
            .menu h5 {
                text-align: center;
                letter-spacing: 2px;
                color: #575757;
                text-transform: uppercase;
                font-weight: 500;
                position: relative;
                display: inline-block;
                padding: 0px 15px;
                margin-top: 0;
            }
            
            .menu h2 {
                text-align: center;
                font-weight: 600;
                letter-spacing: 1px;
            }
            
            .accordion-group {
                /* line-height: 28px; */
                color: #666;
            }
            
            .accordion-group a:hover,
            .accordion-group a:focus,
            .accordion-group a:active {
                color: #ff9002;
                /* padding-top: 12px;
    padding-bottom: 12px; */
            }
            
            .shopping-cart-table tr {
                border: 1px solid #fafafa;
            }
            
            .checkout {
                background-color: #fff;
                box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);
                padding: 20px;
                overflow: hidden;
                position: relative;
            }
            
            .checkout h4 {
                margin-bottom: 20px;
                font-weight: 600;
            }
            
            .checkout input {
                box-shadow: none;
                border: 1px solid #eee;
                outline: none !important;
                font-weight: 100;
                color: #8a8a8a;
                font-size: 12px;
            }
            
            .checkout input:focus {
                box-shadow: none;
                border: 1px solid #eee;
            }
            
            .checkout label {
                font-weight: normal;
            }
            
            .checkout .form-group {
                margin-bottom: 20px;
            }
            
            input[type=number]::-webkit-inner-spin-button,
            input[type=number]::-webkit-outer-spin-button {
                -webkit-appearance: none;
                margin: 0;
            }
            
            .checkout .form-group .unicase-form-control button {
                background: #fff;
                color: #8a8a8a;
                outline: none !important;
                font-weight: normal;
                font-size: 12px;
                height: 34px;
            }
            
            .checkout textarea {
                box-shadow: none;
                border: 1px solid #eee;
                outline: none !important;
                font-weight: 100;
                color: #8a8a8a;
                font-size: 12px;
                resize: none;
            }
            
            .checkout textarea:focus {
                box-shadow: none;
                border: 1px solid #eee;
            }
            
            .cashon {
                display: block;
                position: relative;
                padding-left: 35px;
                margin-bottom: 12px;
                cursor: pointer;
                font-size: 18px;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
                padding-top: 1px;
            }
            /* Hide the browser's default checkbox */
            
            .cashon input[type=checkbox] {
                position: absolute;
                opacity: 0;
                cursor: pointer;
            }
            /* Create a custom checkbox */
            
            .checkmark {
                position: absolute;
                top: 0;
                left: 0;
                height: 25px;
                width: 25px;
                background-color: #eee;
            }
            /* On mouse-over, add a grey background color */
            
            .cashon:hover input~.checkmark {
                background-color: #ccc;
            }
            /* When the checkbox is checked, add a blue background */
            
            .cashon input:checked~.checkmark {
                background-color: #03a753;
            }
            /* Create the checkmark/indicator (hidden when not checked) */
            
            .checkmark:after {
                content: "";
                position: absolute;
                display: none;
            }
            /* Show the checkmark when checked */
            
            .cashon input:checked~.checkmark:after {
                display: block;
            }
            /* Style the checkmark/indicator */
            
            .cashon .checkmark:after {
                left: 10px;
                top: 6px;
                width: 5px;
                height: 10px;
                border: solid white;
                border-width: 0 3px 3px 0;
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
            }
            
            .place-order {
                border: none;
                background: #ff9002;
                color: #fff;
                padding: 10px 20px;
                outline: none;
                border-radius: 5px;
                box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);
                transition: .5s ease-out;
            }
            
            .place-order:hover {
                background: #03a753;
                transition: .5s ease-in;
            }
            
            #modalContainer {
                background-color: rgba(0, 0, 0, 0.3);
                position: absolute;
                top: 0;
                width: 100%;
                height: 100%;
                left: 0px;
                z-index: 10000;
            }
            
            #alertBox {
                position: relative;
                width: 33%;
                min-height: 100px;
                max-height: 400px;
                margin-top: 50px;
                background-color: #fff;
                background-repeat: no-repeat;
                top: 30%;
                border-radius: 10px;
            }
            
            #modalContainer>#alertBox {
                position: fixed;
            }
            
            #alertBox h1 {
                margin: 0;
                background-color: #00840a;
                color: #FFF;
                border-bottom: 5px solid #04600b;
                padding: 10px 20px;
                font-size: 18px;
                font-weight: 400;
            }
            
            #alertBox p {
                height: 50px;
                padding-left: 5px;
                padding-top: 20px;
                text-align: center;
                vertical-align: middle;
            }
            
            #alertBox #closeBtn {
                display: block;
                position: relative;
                margin: 10px auto 10px auto;
                padding: 5px 14px;
                border: 0 none;
                width: 70px;
                text-transform: uppercase;
                text-align: center;
                color: #FFF;
                background-color: #ff9002;
                border-radius: 0px;
                text-decoration: none;
                outline: 0 !important;
            }
            /* unrelated styles */
            
            #mContainer {
                position: relative;
                width: 600px;
                margin: auto;
                padding: 5px;
                border-top: 2px solid #fff;
                border-bottom: 2px solid #fff;
            }
            
            code {
                font-size: 1.2em;
                color: #069;
            }
            
            #credits {
                position: relative;
                margin: 25px auto 0px auto;
                width: 350px;
                font: 0.7em verdana;
                border-top: 1px solid #000;
                border-bottom: 1px solid #000;
                height: 90px;
                padding-top: 4px;
            }
            
            #credits img {
                float: left;
                margin: 5px 10px 5px 0px;
                border: 1px solid #000000;
                width: 80px;
                height: 79px;
            }
            
            .important {
                background-color: #F5FCC8;
                padding: 2px;
            }
            
            .menuline2 #menu-line {
                display: none;
            }
            
            .menuline2 #cssmenu:hover #menu-line {
                display: inherit;
            }
            
            .cart-icon i {
                background: #fff;
                border-color: #fff;
                color: #000;
            }
            
            .cart-icon i:hover {
                background: none;
                color: #fff;
                border-color: #fff;
            }
            
            .cart-icon span {
                position: relative;
                left: -25px;
                top: -10px;
                background: #03a753;
                border: 1px solid #03a753;
                display: inline-block;
                border-radius: 50%;
                width: 22px;
                height: 22px;
                text-align: center;
            }
            
            .checkout_new_field {
                width: 100%;
                border: 1px solid #b7b7b7;
                outline: none;
                padding: 10px 0px 10px 10px;
                margin: 10px 0px;
                font-size: 13px;
            }
            
            .text-area {
                width: 100%;
                padding: 10px 0px 10px 10px !important;
                font-size: 13px !important;
                border: 1px solid #b7b7b7 !important;
                outline: none !important;
            }
            
            .bg-light-light {
                background: #f6f6f6 !important;
                border-radius: 0% !important;
                border: 1px solid #d5d5d5 !important;
            }
            
            .margin-tb-checkout {
                margin-top: 25px !important;
                margin-bottom: 15px !important;
            }
            
            @media (max-width:768px) {
                .ds-none {
                    display: none;
                }
                .inner-bgm {
                    padding: 0px;
                    padding-top: 13%;
                }
                .top-social p {
                    display: block;
                    position: absolute;
                    right: 0px;
                    top: 20px;
                }
                .top-social h5 {
                    position: absolute;
                    right: 0px;
                    top: 70px;
                }
                .next-visit h2 {
                    padding-top: 0px;
                }
                .tree-left {
                    width: 200px;
                    margin-top: 60px;
                }
                .tree-right {
                    width: 200px;
                    margin-top: -80px;
                }
                .rs-none {
                    display: none;
                }
            }
            
            @media (max-width:767px) {
                .rs-logo {
                    position: absolute;
                    left: 40%;
                }
                .line-contact {
                    width: 100%;
                }
                .tree-left {
                    width: 120px;
                    margin-top: 60px;
                }
                .tree-right {
                    width: 120px;
                    margin-top: -80px;
                }
                .our-management p {
                    padding-top: 0px;
                }
                .line-management {
                    width: 100%;
                }
                .top-social p {
                    left: 0;
                }
                .top-social h5 {
                    top: 20px;
                }
                .smoothies {
                    margin-top: 10px;
                }
                .shakes {
                    margin-top: 30px;
                    padding-left: 20%;
                }
                .yogo-lush {
                    margin-top: 40px;
                }
                #first-slider .slide1,
                #first-slider .slide2 {
                    background-size: contain;
                }
                #first-slider .carousel .item {
                    min-height: 398px;
                }
                #first-slider .slide1 img,
                #first-slider .slide2 img {
                    width: 380px;
                    margin-top: -60px;
                }
                .pad-left15 {
                    padding: 0px;
                }
                .something-hot {
                    /* background: #c6242f */
                }
                .serve-something {
                    padding-top: 0px;
                    padding-bottom: 70px;
                }
                .serve-fire {
                    left: 25px;
                    top: -125%;
                }
                .why-juice h1 {
                    padding: 0px;
                }
                .why-juice-main {
                    padding-top: 0px;
                    text-align: center !important;
                }
                .why-juice-calorie {
                    left: 35%;
                }
                .why-juice-delicious {
                    right: 6%;
                }
                .why-juice-floods {
                    right: 8%;
                }
                .salad-pine {
                    left: 30%;
                }
                .salad-promgro {
                    left: 36%;
                }
                .salad-strowberry {
                    left: 52%;
                }
                .smoothies-strowberry {
                    left: 54%;
                }
                .yogo-badam {
                    left: 31%;
                }
                .yogo-kiwi {
                    left: 37%;
                }
                .yogo-lush-sweet {
                    bottom: 30%;
                }
                .water-melon {
                    left: 29%;
                }
                .juices-fruit {
                    left: 62%;
                    bottom: 26%;
                    top: auto;
                }
            }
            
            @media (max-width:680px) {
                #first-slider .slide1 img,
                #first-slider .slide2 img {
                    width: 330px;
                    margin-top: -120px;
                }
                .serve-fire {
                    left: 0px;
                    top: -159%;
                }
                #alertBox {
                    position: relative;
                    width: 90%;
                    top: 30%;
                }
                @media (max-width:480px) {
                    .col-md-order-online-MT {
                        margin-bottom: 3%;
                        margin-top: 26%;
                    }
                    .inner-bgm {
                        padding-top: 28%;
                    }
                    .rs-logo {
                        position: absolute;
                        left: 31%;
                        width: 140px;
                    }
                    .top-social p {
                        left: 0;
                        font-size: 12px;
                    }
                    .top-social h5 {
                        top: 20px;
                        font-size: 10px;
                        padding: 3px;
                    }
                    .top-social i {
                        width: 24px;
                        height: 24px;
                        margin-right: 5px;
                        padding-top: 6px;
                    }
                    .pad-0 {
                        padding: inherit;
                    }
                    .about-us h1 {
                        letter-spacing: 1px;
                        font-size: 34px;
                    }
                    .copy-right {
                        padding: 15px;
                    }
                    .copy-right h5 {
                        text-align: center;
                    }
                    .line-gallery {
                        width: 100%;
                    }
                    #first-slider .slide1 img,
                    #first-slider .slide2 img {
                        width: 240px;
                        margin-top: -110px;
                    }
                    #first-slider .carousel .item {
                        min-height: 400px;
                    }
                    .serve-fire {
                        left: 0px;
                        top: -100%;
                    }
                    .why-juice-main img {
                        max-width: 300px;
                        text-align: center;
                    }
                    .why-juice-circle {
                        width: 130px;
                        height: 130px;
                        left: 0px;
                        padding: 6px;
                    }
                    .why-juice-calorie {
                        width: 130px;
                        height: 130px;
                        padding: 6px;
                        left: 32%;
                        top: -10px;
                    }
                    .why-juice-delicious {
                        width: 130px;
                        height: 130px;
                        padding: 6px;
                        right: 0;
                        top: 10%;
                    }
                    .why-juice-delicious h5 {
                        font-size: 12px;
                        line-height: 18px;
                    }
                    .why-juice-calorie h5 {
                        font-size: 12px;
                        line-height: 18px;
                    }
                    .why-juice-circle h5 {
                        font-size: 12px;
                        line-height: 18px;
                    }
                    .why-juice-floods h5 {
                        font-size: 12px;
                        line-height: 18px;
                    }
                    .why-juice-floods {
                        width: 130px;
                        height: 130px;
                        padding: 6px;
                        right: 0;
                        bottom: -7%;
                    }
                    .why-juice-floods::after {
                        display: none;
                    }
                    .shakes {
                        padding-left: 10%;
                    }
                    .salad-pine {
                        left: 20%;
                    }
                    .salad-promgro {
                        left: 29%;
                    }
                    .salad-strowberry {
                        left: 54%;
                    }
                    .smoothies-strowberry {
                        left: 55%;
                    }
                    .yogo-badam {
                        left: 16%;
                    }
                    .yogo-kiwi {
                        left: 26%;
                    }
                    .yogo-lush-sweet {
                        bottom: -2%;
                    }
                    .water-melon {
                        left: 7%;
                    }
                    .juices-fruit {
                        left: auto;
                        bottom: 8%;
                    }
                    .slider-none {
                        display: none !important;
                    }
                    .cart-about {
                        width: 100%;
                    }
                    .menu h5 {
                        line-height: 24px;
                    }
                }
                @media (max-width:380px) {
                    #first-slider .carousel .item {
                        min-height: 280px;
                    }
                    .serve-fire {
                        top: -22%;
                    }
                    #first-slider .slide1 img,
                    #first-slider .slide2 img {
                        margin-top: -27px;
                    }
                    .serve-something {
                        padding-top: 50px;
                        padding-bottom: 120px;
                    }
                    .top-social h5 {
                        font-size: 9px;
                    }
                    .fruit-salad {
                        left: 68%;
                    }
                    .shakes-share {
                        left: 50%;
                    }
                    .yogo-lush-sweet {
                        left: 61%;
                    }
                }
                @media (max-width:360px) {
                    .serve-fire {
                        top: -16%;
                    }
                }
                /* adds some margin below the link sets  */
                .navbar .dropdown-menu div[class*="col"] {
                    margin-bottom: 1rem;
                }
                .navbar .dropdown-menu {
                    border: none;
                    /* background-color: #f0f0f0 !important; */
                }
                /* breakpoint and up - mega dropdown styles */
                @media screen and (min-width: 992px) {
                    /* remove the padding from the navbar so the dropdown hover state is not broken */
                    .navbar {
                        padding-top: 0px;
                        padding-bottom: 0px;
                    }
                    /* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
                    .navbar .nav-item {
                        padding: .5rem .5rem;
                        margin: 0 .25rem;
                    }
                    /* makes the dropdown full width  */
                    .navbar .dropdown {
                        position: static;
                    }
                    .navbar .dropdown-menu {
                        width: 100%;
                        left: 0;
                        right: 0;
                        /*  height of nav-item  */
                        top: 45px;
                        display: block;
                        visibility: hidden;
                        opacity: 0;
                        transition: visibility 0s, opacity 0.3s linear;
                    }
                    /* shows the dropdown menu on hover */
                    .navbar .dropdown:hover .dropdown-menu,
                    .navbar .dropdown .dropdown-menu:hover {
                        display: block;
                        visibility: visible;
                        opacity: 1;
                        transition: visibility 0s, opacity 0.3s linear;
                    }
                    .navbar .dropdown-menu {
                        border: 1px solid rgba(0, 0, 0, .15);
                        /* background-color: #fff; */
                    }
                }
                /*================MEDIA=============*/
                /* ----------- iPhone 6+, 7+ and 8+ ----------- */
                /* Portrait and Landscape */
                @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
                    .mega-width {
                        width: 357px !important;
                    }
                    #cssmenu>ul>li:hover>a,
                    #cssmenu>ul>li.active>a {
                        color: #000 !important;
                    }
                }
                /* Portrait */
                @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
                    .mega-width {
                        width: 357px !important;
                    }
                    #cssmenu>ul>li:hover>a,
                    #cssmenu>ul>li.active>a {
                        color: #000 !important;
                    }
                }
                /* Landscape */
                @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
                    .mega-width {
                        width: 357px !important;
                    }
                    #cssmenu>ul>li:hover>a,
                    #cssmenu>ul>li.active>a {
                        color: #000 !important;
                    }
                }
                /* ----------- iPhone X ----------- */
                /* Portrait and Landscape */
                @media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {
                    .mega-width {
                        width: 357px !important;
                    }
                    #cssmenu>ul>li:hover>a,
                    #cssmenu>ul>li.active>a {
                        color: #000 !important;
                    }
                }
                /* Portrait */
                @media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
                    .mega-width {
                        width: 357px !important;
                    }
                    #cssmenu>ul>li:hover>a,
                    #cssmenu>ul>li.active>a {
                        color: #000 !important;
                    }
                }
                /* Landscape */
                @media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
                    .mega-width {
                        width: 357px !important;
                    }
                    #cssmenu>ul>li:hover>a,
                    #cssmenu>ul>li.active>a {
                        color: #000 !important;
                    }
                }