﻿                @font-face {
            font-family: 'Roboto';
            src: url('../fonts/Roboto-Regular.ttf') format('truetype');
        }
        
        body {
            font-family: Roboto !important;
            overflow-x: hidden;
            position: relative;
        }
        
        html {
            scroll-behavior: smooth;
            overflow-x: hidden;
        }
        
        .mdm_logo {
            position: absolute;
            top: 0;
            right: 5em;
            width: 10em;
            z-index: 10;
            padding: 1em 1em 3em 1em;
        }
        
        .mdm_logo img {
            width: 100%;
        }
        /*=============================MODAL===========================*/
        
        #welcomeModal {
            background-color: #76bd1d6e;
        }
        
        #welcomeModal .modal-dialog {
            max-width: none !important;
        }
        
        #welcomeModal .modal-content {
            padding: 1em;
            background-color: #4686c6;
            color: #fff;
            border-radius: 1em;
            /*background-image:url('/images/popupbg.jpg');
        background-position:center;
        background-repeat:no-repeat;
        background-size:cover;*/
        }
        
        #welcomeModal button {
            background-color: #76bd1d;
            padding: 1em;
            width: 100%;
        }
        
        #welcomeModal .modal-header {
            display: block !important;
        }
        
        @media screen and (max-height:500px) {
            #welcomeModal {
                position: absolute !important;
                display: block !important;
            }
        }
        /*========================MODAL ENDS==========================*/
        /*banner section*/
        
        .videoBG {
            width: 100%;
        }
        
        .freshly_loader {
            position: fixed;
            width: 100%;
            height: 100%;
            z-index: 100000000000000000000;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: #fff;
            text-align: center;
            margin: auto;
            display: flex;
        }
        
        .freshly_loader img {
            margin: auto;
        }
        /*=========================================================================*/
        
        .banner {
            display: block !important;
            position: relative;
            margin: auto;
            width: 100%;
            overflow: hidden;
        }
        
        .banner-title {
            margin: auto;
            position: absolute;
            height: 100%;
            width: 100%;
            top: 0;
            display: block;
            background-color: rgba(0, 0, 0, 0.36);
            align-items: center;
            display: flex;
        }
        
        .banner-title h1 {
            font-size: 5em;
            TEXT-TRANSFORM: uppercase;
        }
        
        .banner-title h3 {
            font-size: 1.3em;
        }
        
        .banner-title h1,
        h2,
        h3 {
            color: #fff;
        }
        
        .home_buttons {
            text-align: center;
            width: 100%;
            display: block;
        }
        
        .home_buttons a {
            margin: 0.5em;
            min-width: 12em;
            background-color: #6dc300;
            color: #fff;
            border-radius: 0;
            height: 4em;
            align-items: center;
            display: inline-grid;
        }
        
        .home_buttons a:hover {
            background-color: #4686c6;
            color: #fff;
        }
        
        .sideNavbar {
            position: fixed;
            top: 65px;
            right: 0;
            width: 5em;
            background-color: rgba(0, 0, 0, 0.46);
            border-top-left-radius: 1em;
            border-bottom-left-radius: 1em;
            z-index: 1000000;
        }
        
        .sideNavbar ul {
            list-style: none;
            padding: 0;
            margin-bottom: 0;
        }
        
        .sideNavbar ul a {
            text-decoration: none;
        }
        
        .sideNavbar ul li {
            margin: 0.5em 0em;
            cursor: pointer;
        }
        
        .sideNavbar ul li img {
            width: 3em;
            margin: .2em !important;
            padding: 0.1em;
            border-radius: 100%;
        }
        
        .sideNavbar ul span {
            display: none;
            color:white;
        }
        
        .sideNavbar ul li:hover {
            background-color: #76bd1d;
            border-radius: 0.5em;
            width: auto;
            display: flow-root;
            margin-left: -8em;
            vertical-align: middle;
            color: #fff;
        }
        
        .navbar_toggle_btn {
            margin: .3em;
            color: #fff;
            background-color: #76bd1d;
            border: none;
            width: 3em;
            height: 3em;
            border-radius: 100%;
        }
        
        p {
            font-size: 1.1em !important;
        }
        /*------------------ INNER PAGE HEADER---------------------*/
        
        .innerpage_body {
            position: relative;
            padding: 0;
            /*background-image:url('/images/products/productsBG.jpg');background-position:center;
 background-attachment:fixed;
 background-repeat:no-repeat;
 background-size:cover;*/
            /*background: #1b8746;
    background: -moz-linear-gradient(left, #1b8746 0%, #72aa87 50%, #47845e 100%); 
    background: -webkit-linear-gradient(left, #1b8746 0%,#72aa87 50%,#47845e 100%); 
    background: linear-gradient(to right, #1b8746 0%,#72aa87 50%,#47845e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b8746', endColorstr='#47845e',GradientType=1 );*/
            background-image: url(../images/products/seafood/seafoodmain.jpg);
            background-attachment: fixed !important;
            background-repeat: no-repeat !important;
            background-size: cover !important;
            background-position: center;
        }
        
        .innerpage_body .subcats {
            list-style: none;
            padding: 0;
            margin: auto;
            display: flex;
            width: 60%;
            margin-bottom: 2em;
            margin-top: 3em;
            font-size: 1.2em;
            font-weight: 500;
            text-transform: uppercase;
        }
        
        .hand_banner {
            background-image: url(../images/products/innerpage_banner.png);
            background-position: center;
            background-repeat: no-repeat;
            background-size: 100%;
            height: 100%;
            padding-top: 10em;
        }
        
        .logo_img {
            margin: 1em 2em;
            height: auto;
            width: 30em;
        }
        
        .innerpage_body .subcats a {
            margin: auto;
            color: #1c1c1c;
        }
        
        .innerpage_header {
            width: 100%;
            padding: 0em;
            /*background-image: url('/images/products/seafood/seafoodmain.jpg');
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            background-attachment: fixed;*/
            margin: auto;
            /*position: fixed;
    z-index: 1000;*/
            top: 0;
            width: 100%;
        }
        
        .subcategories_body .sub_products_container .prditems {
            background-image: url(../images/products/seafood/patternbg.jpg);
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            margin: 0 !important;
            padding: 3em;
        }
        
        .logo_header {
            display: block;
        }
        
        @media screen and (max-width:1080px) {
            .subcategories_container {
                padding: 2em 1em;
            }
            .logo_header {
                display: block;
                text-align: center;
                padding: 1em 0em;
            }
        }
        
        @media screen and (max-width: 1080px) {
            /*.sideNavbar{
                width: 7em;
            }
            .sideNavbar ul li img {
                width: 4em;

                margin: 1em;

                padding: 0.4em;

                border-radius: 100%;
            }*/
            .aboutus {
                background-position: left;
            }
            .navbar_toggle_btn {
                display: block;
            }
            /*.sideNavbar ul{
					display:none;
				}*/
            .videoBG {
                display: none;
            }
            .myVideo {
                display: none;
            }
            .banner {
                background-image: url(../images/banner/mobilebg.jpg);
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
            }
            .home_logo {
                margin: auto !important;
                width: 80% !important;
            }
            .subcategories_container {
                padding-top: 4em;
            }
            .mdm_logo {
                position: relative;
                top: 3em;
                right: 0;
                left: 0;
                width: 100%;
                z-index: 10;
                display: flex;
                align-items: center;
            }
            .mdm_logo img {
                width: 30%;
                margin: auto;
            }
            .banner-title h1 {
                font-size: 2em;
            }
            .home_buttons a {
                min-width: 9em;
                height: 3em;
            }
            .aboutus p {
                padding: 0em 2em !important;
            }
            .aboutus {
                background-image: url(../images/aboutus/mobilebg.jpg) !important;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
            }
            .contactus {
                background-image: url(../images/contactus/mobilebg.jpg) !important;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
            }
            .products {
                padding: 2em 2em !important;
            }
            .product_container {
                padding: 0 !important;
            }
            .prd_virtual_container {
                padding: 0.2em;
                border-radius: 2em;
                border: 1px solid #fff;
            }
            .sectionHead {
                font-size: 2em !important;
            }
            .wearehere {
                height: 300px !important;
                padding-top: 0em !important;
            }
            #buttons {
                display: flex;
                text-align: center;
            }
            #buttons a {
                margin: 0 !important;
                font-size: 25px !important;
            }
            .footer_logo {
                width: 100% !important;
            }
            .banner-title h3 {
                font-size: 1em !important;
                padding: 0em 1em !important;
                font-weight: 300 !important;
            }
            .contact_details {
                position: relative !important;
                padding: 1em !important;
            }
            .prd_inner_icon {
                width: 4em !important;
            }
        }
        
        .bottom_arrow {
            position: absolute;
            margin: auto;
            bottom: 2em;
            width: 100%;
        }
        
        .banner_arrow {
            position: relative;
            bottom: -2rem;
            left: 50%;
            margin-left: -20px;
            width: 40px;
            height: 40px;
            /**
   * Dark Arrow Down
   */
            background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI1MTIiIGlkPSJzdmcyIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzIGlkPSJkZWZzNCIvPjxnIGlkPSJsYXllcjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTU0MC4zNjIyKSI+PHBhdGggZD0ibSAxMjcuNDA2MjUsNjU3Ljc4MTI1IGMgLTQuOTg1MywwLjA3ODQgLTkuOTEwNzcsMi4xNjMwOCAtMTMuNDM3NSw1LjY4NzUgbCAtNTUsNTUgYyAtMy42MDA1NjUsMy41OTkyNyAtNS42OTY4ODMsOC42NTg5NSAtNS42OTY4ODMsMTMuNzUgMCw1LjA5MTA1IDIuMDk2MzE4LDEwLjE1MDczIDUuNjk2ODgzLDEzLjc1IEwgMjQyLjI1LDkyOS4yNSBjIDMuNTk5MjcsMy42MDA1NiA4LjY1ODk1LDUuNjk2ODggMTMuNzUsNS42OTY4OCA1LjA5MTA1LDAgMTAuMTUwNzMsLTIuMDk2MzIgMTMuNzUsLTUuNjk2ODggTCA0NTMuMDMxMjUsNzQ1Ljk2ODc1IGMgMy42MDA1NiwtMy41OTkyNyA1LjY5Njg4LC04LjY1ODk1IDUuNjk2ODgsLTEzLjc1IDAsLTUuMDkxMDUgLTIuMDk2MzIsLTEwLjE1MDczIC01LjY5Njg4LC0xMy43NSBsIC01NSwtNTUgYyAtMy41OTgxNSwtMy41OTEyNyAtOC42NTA2OCwtNS42ODEyNyAtMTMuNzM0MzgsLTUuNjgxMjcgLTUuMDgzNjksMCAtMTAuMTM2MjIsMi4wOSAtMTMuNzM0MzcsNS42ODEyNyBMIDI1Niw3NzguMDMxMjUgMTQxLjQzNzUsNjYzLjQ2ODc1IGMgLTMuNjY2NzgsLTMuNjY0MjMgLTguODQ4MDEsLTUuNzY0NDIgLTE0LjAzMTI1LC01LjY4NzUgeiIgaWQ9InBhdGgzNzY2LTEiIHN0eWxlPSJmb250LXNpemU6bWVkaXVtO2ZvbnQtc3R5bGU6bm9ybWFsO2ZvbnQtdmFyaWFudDpub3JtYWw7Zm9udC13ZWlnaHQ6bm9ybWFsO2ZvbnQtc3RyZXRjaDpub3JtYWw7dGV4dC1pbmRlbnQ6MDt0ZXh0LWFsaWduOnN0YXJ0O3RleHQtZGVjb3JhdGlvbjpub25lO2xpbmUtaGVpZ2h0Om5vcm1hbDtsZXR0ZXItc3BhY2luZzpub3JtYWw7d29yZC1zcGFjaW5nOm5vcm1hbDt0ZXh0LXRyYW5zZm9ybTpub25lO2RpcmVjdGlvbjpsdHI7YmxvY2stcHJvZ3Jlc3Npb246dGI7d3JpdGluZy1tb2RlOmxyLXRiO3RleHQtYW5jaG9yOnN0YXJ0O2Jhc2VsaW5lLXNoaWZ0OmJhc2VsaW5lO2NvbG9yOiMwMDAwMDA7ZmlsbDojMjIyMjIyO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDozOC44ODAwMDEwNzttYXJrZXI6bm9uZTt2aXNpYmlsaXR5OnZpc2libGU7ZGlzcGxheTppbmxpbmU7b3ZlcmZsb3c6dmlzaWJsZTtlbmFibGUtYmFja2dyb3VuZDphY2N1bXVsYXRlO2ZvbnQtZmFtaWx5OlNhbnM7LWlua3NjYXBlLWZvbnQtc3BlY2lmaWNhdGlvbjpTYW5zIi8+PC9nPjwvc3ZnPg==);
            background-size: contain;
        }
        
        .bounce {
            animation: bounce 2s infinite;
        }
        
        @keyframes bounce {
            0%,
            20%,
            50%,
            80%,
            100% {
                transform: translateY(0);
            }
            40% {
                transform: translateY(-30px);
            }
            60% {
                transform: translateY(-15px);
            }
        }
        /*banner section*/
        /*NAVIGATION*/
        
        #menu ul {
            margin: 0;
            padding: 0;
        }
        
        #menu .main-menu {
            display: none;
            padding: 0em 0em;
        }
        
        #tm:checked+.main-menu {
            display: block;
        }
        
        #menu input[type="checkbox"],
        #menu ul span.drop-icon {
            display: none;
        }
        
        #menu li,
        #toggle-menu,
        #menu .sub-menu {
            border-style: solid;
            border-color: rgba(0, 0, 0, .05);
        }
        
        #menu li,
        #toggle-menu {
            border-width: 0 0 1px;
        }
        
        #menu .sub-menu {
            background-color: #444;
            border-width: 1px 1px 0;
            margin: 0 1em;
        }
        
        #menu .sub-menu li:last-child {
            border-width: 0;
        }
        
        #menu li,
        #toggle-menu,
        #menu a {
            position: relative;
            display: block;
            color: white;
            text-shadow: 1px 1px 0 rgba(0, 0, 0, .125);
        }
        
        #menu,
        #toggle-menu {
            background-color: #37bd1d;
            width: 100%;
        }
        
        #toggle-menu,
        #menu a {
            padding: 1em 1.5em;
        }
        
        #menu a {
            transition: all .125s ease-in-out;
            -webkit-transition: all .125s ease-in-out;
            text-decoration: none !important;
        }
        
        #menu a:hover {
            background-color: white;
            color: #37bd1d;
            text-shadow: none;
        }
        
        #menu .sub-menu {
            display: none;
        }
        /*#menu input[type="checkbox"]:checked +  .sub-menu {
  display: block;
}*/
        
        #menu .sub-menu a:hover {
            color: #444;
        }
        
        #toggle-menu .drop-icon,
        #menu li label.drop-icon {
            position: absolute;
            right: 1em;
            top: 1.25em;
        }
        
        #menu label.drop-icon,
        #toggle-menu span.drop-icon {
            border-radius: 50%;
            width: 1em;
            height: 1em;
            text-align: center;
            background-color: rgba(0, 0, 0, .125);
            text-shadow: 0 0 0 transparent;
            color: rgba(255, 255, 255, .75);
            align-items: center;
            display: grid;
        }
        
        #menu .drop-icon {
            line-height: 1;
        }
        
        @media only screen and (max-width: 64em) and (min-width: 52.01em) {
            #menu li {
                width: 33.333%;
            }
            #menu .sub-menu li {
                width: auto;
            }
        }
        
        @media screen and (max-width:1024px) {
            #menu label.drop-icon,
            #toggle-menu span.drop-icon {
                width: 2em;
                height: 2em;
            }
            #menu li label.drop-icon {
                right: 1em;
                top: 1em;
                align-items: center;
                display: grid;
                text-align: center;
            }
        }
        
        @media only screen and (min-width: 52em) {
            #menu .main-menu {
                display: flex;
                /* padding: 0em 3em;*/
            }
            #toggle-menu,
            #menu label.drop-icon {
                display: none;
            }
            #menu ul span.drop-icon {
                display: inline-block;
            }
            #menu li {
                float: left;
                border-width: 0 1px 0 0;
                margin: auto;
            }
            #menu .sub-menu li {
                float: none;
            }
            #menu .sub-menu {
                border-width: 0;
                margin: 0;
                position: absolute;
                top: 100%;
                left: 0;
                min-width: 12em;
                width: max-content;
                ;
                z-index: 3000;
            }
            /*#menu .sub-menu, 
  #menu input[type="checkbox"]:checked + > .sub-menu {
    display: none;
  }*/
            #menu .sub-menu li {
                border-width: 0 0 1px;
            }
            #menu .sub-menu .sub-menu {
                top: 0;
                left: 100%;
            }
            #menu li:hover>input[type="checkbox"]+.sub-menu {
                display: block;
            }
        }
        /**/
        /*about us section*/
        
        .aboutus {
            margin: auto;
            width: 100%;
            background-image: url(../images/aboutus/aboutusbg.jpg);
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            padding-top: 7em;
            display: block;
        }
        
        .aboutus p {
            text-align: justify;
            color: #fff;
            font-size: 1.1em;
        }
        
        .aboutus .about_logo {
            margin-right: 2em;
            width: 16em;
            opacity: 0.3;
            margin-top: -5em;
        }
        
        .sectionHead {
            font-weight: 600;
            color: #76bd1d;
            text-align: center;
            display: block;
            font-size: 4em;
        }
        /*about us section ends*/
        /*certifications section*/
        
        .certifications {
            margin: auto;
            background-image: url(../images/certifications/certificationsbg.jpg);
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            padding-top: 7em;
            display: block;
            position: relative;
        }
        
        .certifications .lemon_cert {
            position: absolute;
            right: 0;
            bottom: 0;
            border-top-left-radius: 100%;
            box-shadow: 0px 0px 6em;
        }
        
        .certifications .cert_item {
            border-radius: 100%;
            margin-top: 1em;
            /*width:100%;*/
        }
        /*certifications section ends*/
        /*products section start*/
        
        .products {
            background-image: url(../images/products/productsBG.jpg?v=1.1);
            background-position: center;
            padding-top: 7em;
            display: block;
            position: relative;
            margin: auto;
            background-attachment: fixed;
            background-repeat: no-repeat;
            background-size: cover;
            padding-right: 6em;
            padding-left: 6em;
        }
        
        .grdbg {
            background: #f1f1f1;
            /* Old browsers */
            background: -moz-linear-gradient(left, #f1f1f1 0%, #ffffff 51%, #ede6e6 99%);
            /* FF3.6-15 */
            background: -webkit-linear-gradient(left, #f1f1f1 0%, #ffffff 51%, #ede6e6 99%);
            /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to right, #f1f1f1 0%, #ffffff 51%, #ede6e6 99%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ede6e6', GradientType=1);
        }
        
        .product_container {
            width: 100%;
            margin: auto;
            list-style: none;
        }
        
        .product_container .prd_head {
            margin-bottom: 2em;
            width: 100%;
        }
        
        .prd_name_list {
            /*list-style-type: none !important;*/
            color: #fff !important;
        }
        
        .prd_name_list li {
            margin-bottom: .2em !important;
            font-size: 1.1em;
        }
        
        .flex-display {
            display: flex !important;
        }
        
        .product_container .left_item,
        .right_item {
            align-items: center;
            display: flex;
        }
        
        .product_container .left_item,
        .right_item img {
            width: 100%;
            /*margin-bottom:2em;*/
        }
        
        .product_container .center_item {
            text-align: center;
        }
        
        .prd_inner_icon {
            width: 100%;
        }
        
        .prd_innerdetails_heads {
            color: #8bd252;
            font-style: italic;
            text-transform: uppercase;
            font-weight: 800;
            padding-bottom: 0.5em;
            border-bottom: 1px solid #fff;
            margin-top: .5em;
            font-size: 1.5em;
        }
        
        .prd_innerdetails_description {
            color: #fff;
            text-align: justify;
        }
        
        .prd_descr {
            /*position: absolute;*/
            top: 0;
            bottom: 0;
            right: 0;
            left: 0;
            margin: auto;
            align-items: center;
            text-align: justify;
            padding: 0em 1em;
            padding-bottom: 1em;
            width: 100%;
        }
        
        .prd_descr a {
            border: 2px solid #fff;
            padding: .5em;
            color: #fff;
            text-decoration: none;
        }
        
        .prd_descr h2 {
            font-size: 2.5em;
        }
        
        .products_head {
            margin-bottom: 0.5em;
            font-size: 3em;
            font-weight: 900;
            color: #fff;
        }
        
        .viewmorebtn {
            background-color: #5bb80f;
            color: #fff;
            border-radius: 2em;
            padding: 1em 3.5em;
            margin-top: 2em;
            /*float: right;*/
        }
        
        .product_container li {
            margin-bottom: 6em;
        }
        
        .prd_details_data {}
        
        .prd_details_data tr td {
            padding: 0.5em;
            font-size: 1.1em;
            border-bottom: 1px solid #eee;
        }
        
        .prd_details_data .prd_data {
            text-align: justify;
        }
        /*products section ends*/
        /*partners section*/
        
        .partners {
            padding-top: 7em;
            display: block;
            position: relative;
            margin: auto;
            background-image: url(../images/partners/partnersBg.png);
            background-position: bottom;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            padding-bottom: 2em;
        }
        
        .partners img {
            background-color: #76bd1d54;
            border-radius: 100%;
            box-shadow: 0 0 1em #939493;
        }
        /*partners section ends*/
        /*partners_say section */
        
        .partners_say {
            padding-top: 7em;
            display: block;
            position: relative;
            margin: auto;
        }
        /*partners_say section ends*/
        /*glmap section*/
        
        .glmap {
            display: block;
            position: relative;
            margin: auto;
        }
        
        #map {
            position: absolute !important;
            width: 100%;
            height: 100%;
        }
        /*glmap section ends*/
        
        footer {
            text-align: center;
            background-image: url(../images/footerbg.jpg);
            background-position: bottom center;
            background-repeat: no-repeat;
            background-size: cover;
            padding-top: 2em;
            height: auto;
            display: flow-root;
        }
        
        footer ul {
            list-style: none;
            padding: 0;
            margin: auto;
            display: flex;
            width: 60%;
            margin-bottom: 2em;
        }
        
        footer ul li {
            margin: 0em 2em;
            margin: auto;
        }
        
        .footerfooter {
            color: #fff;
            font-weight: 500;
            background-color: #316929;
            padding: 1em;
        }
        /*contactus section */
        
        .contactus {
            display: block;
            position: relative;
            margin: auto;
            overflow: hidden;
        }
        
        .absoluteContainer {
            padding-top: 4em;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 100;
            height: 100%;
            width: 100%;
            display: block;
            background-color: rgba(28, 28, 28, 0.66);
            padding-bottom: 5em;
        }
        
        .btn-contact {
            color: #fff;
            background-color: #76bd1d;
            width: 100%;
            padding: 1em;
            border-radius: 2em;
        }
        
        .btn-contact:hover {
            color: #76bd1d;
            background: transparent;
            border: 3px solid #70ac24;
            font-weight: 700;
        }
        
        .contact_input {
            background: transparent;
            color: #fff;
            border-radius: 1em;
            border: none;
            border-bottom: 2px solid #fff;
            margin-top: 0.5em;
        }
        
        .contact_input::placeholder {
            color: #fff;
            font-size: 1em;
        }
        /*contactus section ends*/
        /*galery section*/
        
        .galery {
            display: block;
            position: relative;
            margin: auto;
            overflow: hidden;
            padding-top: 6em;
            background-image: url(https://freshlyfoodservice.com/images/gallery/gallerybg.jpg);
            background-position: center;
            background-size: cover;
            height: auto;
            padding-bottom: 2em;
        }
        /*galery section ends*/
        /*wearehere section */
        
        .wearehere {
            display: block;
            position: relative;
            margin: auto;
            overflow: hidden;
            padding-top: 2em;
            background-image: url(../images/wearehere/weareherebg.gif);
            background-position: top center;
            background-repeat: no-repeat;
            background-size: 100% auto;
            height: 60em;
        }
        
        @media screen and (max-width:518px) {
            .wearehere .sectionHead {
                padding-top: 0em;
            }
        }
        /*wearehere section ends*/
        /*Scroll bar*/
        /* width */
        
        ::-webkit-scrollbar {
            width: 0.5em;
        }
        /* Track */
        
        ::-webkit-scrollbar-track {
            box-shadow: inset 0 0 5px grey;
            border-radius: 10px;
        }
        /* Handle */
        
        ::-webkit-scrollbar-thumb {
            background: #68a51c;
            border-radius: 1em;
        }
        /* Handle on hover */
        
         ::-webkit-scrollbar-thumb:hover {
            background: #68a51c;
            border-radius: 1em;
        }
        /*Scroll bar end*/
        
        hr {
            display: block;
            border: 0px;
            height: 3px;
            background-image: url('/images/hr line.png');
            background-position: center;
            background-repeat: no-repeat;
            margin-bottom: 3em;
        }
        
        .partner_logo {
            background-color: #fff;
            border-radius: 100%;
            width: 13em;
            height: 11em;
            display: flex;
        }
        
        .partner_logo img {
            width: 100%;
        }
        
        h1,
        h2,
        h3 {
            font-family: Roboto !important;
            width: 100% !important;
        }
        
        .ma {
            margin: auto !important;
        }
        
        .c-White {
            color: #fff !important;
        }
        
        .p0 {
            padding: 0 !important;
        }
        /*////////////////////////////////////////////////////////////////////////////////////////////////////*/
        
        #carousel {
            position: relative;
            width: 60%;
            margin: 0 auto;
        }
        
        #slides {
            overflow: hidden;
            position: relative;
            width: 100%;
            height: 250px;
        }
        
        #slides ul {
            list-style: none;
            width: 100%;
            height: 250px;
            margin: 0;
            padding: 0;
            position: relative;
        }
        
        #slides li {
            width: 100%;
            height: 250px;
            float: left;
            text-align: center;
            position: relative;
            font-family: lato, sans-serif;
        }
        /* Styling for prev and next buttons */
        
        a#prev:hover,
        a#next:hover {
            text-shadow: .5px 0px #76bd1d;
        }
        
        .quote-phrase,
        .quote-author {
            font-family: sans-serif;
            font-weight: 300;
            display: table-cell;
            vertical-align: middle;
            padding: 5px 20px;
        }
        
        .quote-phrase {
            height: 200px;
            font-size: 24px;
            color: #1c1c1c;
            font-style: italic;
            text-shadow: .5px 0px #76bd1d;
            font-family: Roboto !important;
        }
        
        .quote-marks {
            font-size: 30px;
            padding: 0 3px 3px;
            position: inherit;
        }
        
        .quote-author {
            font-style: normal;
            font-size: 20px;
            color: #76bd1d;
            font-weight: 400;
            height: 30px;
        }
        
        .quoteContainer,
        .authorContainer {
            display: table;
            width: 100%;
        }
        /* Styling for prev and next buttons */
        
        .btn-bar {
            margin: auto;
            display: flex;
            width: 100%;
            text-align: center;
        }
        
        #buttons {
            padding: 0 0 5px 0;
            float: right;
            margin: auto;
        }
        
        #buttons a {
            padding: 0.5em 1em !important;
            text-align: center;
            display: block !important;
            font-size: 50px;
            float: left;
            outline: 0;
            margin: 0 60px;
            color: #76bd1d;
            /* text-decoration: none; */
            /* display: block; */
            /* padding: 9px; */
            /* width: 35px; */
            cursor: pointer;
            text-decoration: none;
            border-radius: 100%;
        }
        
        #buttons a:hover {
            background-color: #76bd1d;
            color: #fff;
        }
        
        a #prev:hover,
        a#next:hover {
            text-shadow: .5px 0px #76bd1d;
        }
        /*///////////////////////////////////////////GALLERY/////////////////////////////////*/
        
        #gallery {
            padding-top: 40px;
            @media screen and (min-width: 991px) {
                padding: 60px 30px 0 30px;
            }
        }
        
        .img-wrapper {
            position: relative;
            margin-top: 15px;
        }
        
        .img-wrapper img {
            width: 100%;
            object-fit: cover;
            object-position: center;
        }
        
        .img-wrapper a {
            display: flex;
            max-height: 16em;
            min-height: 16em;
        }
        
        .img-overlay {
            background: rgba(0, 0, 0, 0.7);
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            opacity: 0;
        }
        
        .img-overlay i {
            color: #fff;
            font-size: 3em;
        }
        
        #overlay {
            background: rgba(0, 0, 0, 0.7);
            width: 100%;
            height: 100%;
            position: fixed;
            top: 0;
            left: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 999;
            // Removes blue highlight -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        
        #overlay img {
            margin: 0;
            width: 80%;
            height: auto;
            object-fit: contain;
            padding: 5%;
        }
        
        @media screen and (min-width:768px) {
            width: 60%;
        }
        
        @media screen and (min-width:1200px) {
            width: 50%;
        }
        
        #nextButton {
            color: #fff;
            font-size: 2em;
            transition: opacity 0.8s;
            &:hover {
                opacity: 0.7;
            }
            @media screen and (min-width:768px) {
                font-size: 3em;
            }
            #prevButton {
                color: #fff;
                font-size: 2em;
                transition: opacity 0.8s;
                &:hover {
                    opacity: 0.7;
                }
                @media screen and (min-width:768px) {
                    font-size: 3em;
                }
            }
            #exitButton {
                color: #fff;
                font-size: 2em;
                transition: opacity 0.8s;
                position: absolute;
                top: 15px;
                right: 15px;
                &:hover {
                    opacity: 0.7;
                }
                @media screen and (min-width:768px) {
                    font-size: 3em;
                }
                /*------------------------------------------------------------------------------------------------------------------------*/
                .right_description {
                    padding-top: 5em;
                    text-align: right;
                }
                .right_description h2 {
                    text-align: right;
                }
                .right_description hr {
                    background-position: right;
                }
                .sub_products_container .prd_head {
                    color: #fede02;
                }
                .prditems {
                    margin-top: 1em;
                    height: 25em;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: 100%;
                    position: relative;
                }
                .prditems .head_text {
                    font-weight: 500;
                    width: 30%;
                }
                .prditems .sep {
                    width: 10%;
                }
                .prditems .prd_cont {
                    width: 60%;
                }
                .right_side_list {
                    direction: rtl;
                    text-align: right;
                }
                /*============================================*/
                #fresly_movie_thumb {
                    width: 100%;
                    cursor: pointer;
                }
                .TopNabBar {
                    color: white;
                    position: absolute;
                    top: 20px;
                    text-align: center;
                    width: 100%;
                }