/* Body Styles */
.mobile-header {
    display: none;
}
header blockquote {
    color: #fff;
}


blockquote {
    /*max-width: 1000px;*/
    margin: 0 auto;
    font-size: 16px;
    border-left: 0px;
    padding: 20px;
}

    blockquote h2 {
        padding-right: 40px;
        margin: 0px;
    }

header blockquote a {
    color: orange;
    text-decoration: underline;
}

header {
    min-height: 0;
    background-color: #0d5641;
    color: white;
}

.white-on-green {
    background-color: #0d5641;
    color: #fff !important;
}
    .white-on-green:hover {
        background-color: #eee;
        color: #0d5641 !important;
    }
.green-on-white {
    background-color: #fff;
    color: #0d5641 !important;
}
    .green-on-white:hover {
        background-color: #0d5641;
        color: #fff !important;
    }

.sub-menu-block {
    background-color: #0d5641;
    color: #fff !important;
}
/*sub-menu-block:hover {
    background-color: #fff;
    color: #0d5641 !important;
}*/

.dropdown-toggle::after {
    display: none !important;
}
    /* Navigation Styles */
    nav {
    position: relative;
}

header nav {
    background-color: #fff;
}

/* container for top level menu items */
ul.main-nav {
    list-style-type: none;
    padding: 0px;
    font-size: 0px;
    /*max-width: 1000px;*/
    margin: 0 auto;
}

    /* top level menu item */
    ul.main-nav > li {
        display: inline-block;
        padding: 0;
    }

        /* top level menu item link */
        ul.main-nav > li > a {
            display: block;
            padding: 0 13px;
            position: relative;
            color: #0d5641;
            font-size: 18px;
            line-height: 70px;
            font-weight: 400;
            box-sizing: border-box;
        }

        ul.main-nav > li:hover {
            background-color: #fff;
        }

            ul.main-nav > li:hover > a {
                color: #333;
                font-weight: 400;
            }

        ul.main-nav > li ul.sub-menu-lists {
            margin: 0px;
            padding: 10px;
            list-style-type: none;
            display: block;
            background-color: #0d5641;
        }

            ul.main-nav > li ul.sub-menu-lists > li {
                padding: 2px 0;
            }
                /*ul.main-nav > li ul.sub-menu-lists > li:hover {
                    background-color: #fff;
                    color: #0d5641 !important;
                }*/

                ul.main-nav > li ul.sub-menu-lists > li > a {
                    font-size: 18px;
                    background-color: #0d5641;
                    font-weight: 500;
                }
                    /*ul.main-nav > li ul.sub-menu-lists > li > a:hover {
                        background-color: #fff;
                        color: #0d5641 !important;
                    }*/

.bottom-border:hover {
    border-bottom: 6px solid #cebb81;
}

.ic {
    position: fixed;
    cursor: pointer;
    display: inline-block;
    right: 25px;
    width: 32px;
    height: 24px;
    text-align: center;
    top: 0px;
    outline: none;
}

    .ic.close {
        opacity: 0;
        font-size: 0px;
        font-weight: 300;
        color: #fff;
        top: 8px;
        height: 40px;
        display: block;
        outline: none;
    }

    /* Menu Icons for Devices*/
    .ic.menu {
        top: 18px;
        z-index: 20;
    }

        .ic.menu .line {
            height: 4px;
            width: 100%;
            display: block;
            margin-bottom: 6px;
        }

        .ic.menu .line-last-child {
            margin-bottom: 0px;
        }

.sub-menu-head {
    margin: 10px 0;
}

.banners-area {
    margin-top: 20px;
    padding-top: 15px;
}



@media (max-width: 1280px) {
    ul.main-nav > li > a {
        padding: 0 9px;
        font-size: 16px;
        line-height: 50px;
    }
}




@media only screen and (max-width:973px) {
    .mobile-header {
        display: block;
    }
    .sub-menu-head {
        color: orange;
    }

    header .ic.menu .line {
        background-color: #0d5641;
    }

    .ic.menu .line {
        -webkit-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
    }

    .ic.menu:focus .line {
        background-color: #fff !important;
    }

        .ic.menu:focus .line:nth-child(1) {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .ic.menu:focus .line:nth-child(2) {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
            margin-top: -10px;
            
        }

        .ic.menu:focus .line:nth-child(3) {
            transform: translateY(15px);
            opacity: 0;
        }

    .ic.menu:focus {
        outline: none;
    }

        .ic.menu:focus ~ .ic.close {
            opacity: 1;
            z-index: 21;
            outline: none;
        }

    
  
  .ic.menu:focus ~ .ic.close { opacity: 1.0; z-index : 21;  }
  .ic.close:focus { opacity: 0; }
  
    .ic.menu:hover,
    .ic.menu:focus {
        opacity: 1;
    }


    nav {
        background-color: transparent;
    }

    /* Main Menu for Handheld Devices  */
    ul.main-nav {
        z-index: 2;
        padding: 50px 0;
        position: fixed;
        right: 0px;
        top: 0px;
        width: 0px;
        background-color: rgba(0,0,0,1);
        height: 100%;
        overflow: auto;
        /*CSS animation applied : Slide from Right*/
        -webkit-transition-property: background, width;
        -moz-transition-property: background, width;
        -o-transition-property: background, width;
        transition-property: background, width;
        -webkit-transition-duration: 0.4s;
        -moz-transition-duration: 0.4s;
        -o-transition-duration: 0.4s;
        transition-duration: 0.4s;
    }

    .ic.menu:focus ~ .main-nav {
        width: 100%; /*300px;*/
        background-color: rgba(0,0,0,1);
    }

    ul.main-nav > * {                                     
        -webkit-transition-property: opacity;
        -moz-transition-property: opacity;
        -o-transition-property: opacity;
        transition-property: opacity;
        -webkit-transition-duration: 0.4s;
        -moz-transition-duration: 0.4s;
        -o-transition-duration: 0.4s;
        transition-duration: 0.4s;
        opacity: 0;
    }

    .ic.menu:focus ~ .main-nav > * {
        opacity: 1;
    }

    ul.main-nav > li > a:after {
        display: none;
    }

    ul.main-nav > li:first-child {
        border-radius: 0px;
    }

    ul.main-nav > li {
        display: block;
        border-bottom: 1px solid #444;
    }

        ul.main-nav > li > a {
            font-weight: 600;
            background-color: #fff;
            color: #0d5641 !important;
        }

        ul.main-nav > li ul.sub-menu-lists > li a {
            color: #eee;
            font-size: 14px;
        }

    .sub-menu-head {
        font-size: 16px;
    }

    ul.main-nav > li:hover {
        background-color: transparent;
    }

        ul.main-nav > li:hover > a {
            color: #fff;
            text-decoration: none;
            font-weight: 600;
        }

    .ic.menu:focus ~ ul.main-nav > li > div.sub-menu-block {
        border-left: 0px solid #ccc;
        border-right: 0px solid #ccc;
        border-bottom: 0px solid #ccc;
        position: relative;
        visibility: visible;
        opacity: 1.0;
    }

    .sub-menu-block {
        padding: 0 30px;
        background-color: #0d5641;
    }
}

    @media only screen and (min-width:973px) {

        .ic.menu {
            display: none;
        }
        /* Main Menu for Desktop Devices  */
        ul.main-nav {
            display: block;
            position: relative;
        }

        /* Sub Menu */
        ul.main-nav > li > div.sub-menu-block {
            visibility: hidden;
            background-color: #0d5641;
            position: absolute;
            margin-top: 0px;
            width: 100%;
            color: #333;
            left: 0;
            box-sizing: border-box;
            z-index: 3;
            font-size: 16px;
            border-left: 0;
            border-right: 1px solid #ccc;
            border-bottom: 0;
            opacity: 0;
            /*CSS animation applied for sub menu : Slide from Top */
            -webkit-transition: all 0.4s ease 0s;
            -o-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
            -webkit-transform: rotateX(90deg);
            -moz-transform: rotateX(90deg);
            -ms-transform: rotateX(90deg);
            transform: rotateX(90deg);
            -webkit-transform-origin: top center;
            -ms-transform-origin: top center;
            transform-origin: top center;
        }

        ul.main-nav > li:hover > div.sub-menu-block {
            background-color: #f9f9f9;
            visibility: visible;
            opacity: 1;
            -webkit-transform: rotateX(0deg);
            -moz-transform: rotateX(0deg);
            -ms-transform: rotateX(0deg);
            transform: rotateX(0deg);
        }

        ul.main-nav > li > div.sub-menu-block > * {
            -webkit-transition-property: opacity;
            -moz-transition-property: opacity;
            -o-transition-property: opacity;
            transition-property: opacity;
            -webkit-transition-duration: 0.7s;
            -moz-transition-duration: 0.7s;
            -o-transition-duration: 0.7s;
            transition-duration: 0.7s;
            opacity: 0;
        }

        ul.main-nav > li:hover > div.sub-menu-block > * {
            opacity: 1;
        }

        .sub-menu-head {
            font-size: 20px;
        }

        /* List Separator: Outer Border */
        header ul.main-nav > li > a {
            border-right: 1px solid #bbb;
        }

        /* List Separator: Inner Border */
        ul.main-nav > li > a:after {
            content: '';
            width: 1px;
            height: 62px;
            position: absolute;
            right: 0px;
            top: 0px;
            z-index: 2;
        }

        header.dark ul.main-nav > li > a:after {
            background-color: #777;
        }

        /* Drop Down/Up Arrow for Mega Menu */
        ul.main-nav > li > a.mega-menu > span {
            display: block;
            /*vertical-align: middle;*/
        }

            ul.main-nav > li > a.mega-menu > span:after {
                width: 0;
                height: 0;
                border-left: 5px solid transparent;
                border-right: 5px solid transparent;
                border-top: 5px solid #0d5641;
                content: '';
                background-color: transparent;
                display: inline-block;
                margin-left: 10px;
                vertical-align: middle;
            }

        ul.main-nav > li:hover > a.mega-menu span:after {
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 0px solid transparent;
            border-bottom: 5px solid #666;
        }
    }