* {
    margin: 0;
    padding: 0;
}
body{background:#f8f8f8; font-family:Tahoma, Geneva, sans-serif; font-size:12px;color:#a3a3a3;}
.container{border:1px solid #ddd;background:#fff;width:998px;margin:17px auto;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; -khtml-border-radius: 8px;}
.header{
    height: 126px;
    width: 1000px;
    border-bottom: 1px solid #ddd;
    background-image: url("images/eggzack-design_v2_sliced_04.png");
    background-repeat: repeat-x;
    background-position: center top;
}
#logo{background:url("images/eggzack-design_v2_sliced_05.png") 0 0 no-repeat; width:194px;height:69px; float:left; margin:28px 0 0 24px; }
#loginForm {
    float: left;
    margin: 40px 0 0 40px;

}

.newsBox_left{
    float: left;
}

.newsBox_right{
    float: right;
    width: 415px;
}

.dl-menuwrapper {
    display:none;
}

.nav{
    width:100%;
    border:1px solid #dddddd;
    height:50px;
    margin-bottom:20px;
}

.nav ul{
    margin:0px;
    padding:0px;
}
.nav ul li {
    float:left;
    list-style: none outside none;
    border-right:1px solid #ccc;
    font:16px/50px Tahoma, Geneva, sans-serif;
}

.nav ul li a {
    text-decoration:none;
    color:#A3A3A3;
    display:block;
    padding: 0 20px;
}

.nav ul li a:hover {
    text-decoration:none;
    color:#fff;
    background:#1F87BA;
    padding: 0 20px;
}

.nav ul ul{
    display:none;
}
.nav ul li:hover >ul{
    display:block;
}

.nav ul li:hover >ul{
    display:block;
    margin:0px;
    padding:0px;
    position:absolute;
}

.nav ul li:hover >ul li{
    display:block;
    float:none;
}

.nav ul li:hover >ul li a{
    background:#ccc;
    border-bottom: 1px solid #fff;
    text-align:center;
    color:#777777;

}

.nav ul li:hover >ul li a:hover{
    background:#1f87ba;
    border-bottom: 1px solid #fff;
    text-align:center;
    color:#fff;
}





#loginForm input[type=text], input[type=email] {padding:5px 10px; width:203px; height:16px;border:1px solid #ddd; color:#848484;margin:0 10px;}

#loginForm input[type=button] {background:url("images/eggzack-design_v2_sliced_08.png") 0 0 no-repeat;border:none;width:180px;height:44px; color:transparent; cursor:pointer;margin:0 32px; 0 30px;}



.bodyContainer{padding:20px;width:960px;}
.bodyTopBox{
    height: 146px;
    width: 958px;
    border-bottom: 1px solid #ddd;
    background-repeat: repeat-x;
    background-position: center top;
    border: 1px solid #ddd;
    margin-bottom:20px;
}

.leftColm{float:left;width:592px; height:auto; border: 1px solid #ddd;padding: 20px;}

.rightColm{float:right;width:305px;  overflow: hidden;} /* min-height:694px; */
.logoBox{
    width: 155px;
    height: 146px;
    float: left;
    border-right-width: 1px;
    border-right-style: dashed;
    border-right-color: #ddd;

}

.logoBox img{
    width: 155px;
    height: 146px;
    float: left;
}

.topAddBox{
    width: 448px;
    height: 126px;
    float: left;
    padding:20px;
}
.HeadingADD{
    font: 40px/40px 'BebasNeue';
    color:#1f87ba;
}
.topAddBox p {
    font: 14px/24px Arial;
    margin-top: 6px;
}

.topYelpBox{
    width: 313px;
    height: 146px;
    float: left;
    border-left-width: 1px;
    border-left-style: dashed;
    border-left-color: #ddd;
}
.aboutBox {width:632px; height:107px; border:1px solid #e1e1e1; background:#f8f8f8; margin-bottom:20px;float: left;overflow: auto;}
.aboutBtn {width: 139px;
    height: 107px;
    background: #1f87ba;
    color: #fff;
    font: 30px/107px 'BebasNeue';
    text-align: center;
    float: left;}
.aboutBox p {color:#a3a3a3; font:12px/14px Tahoma;margin:20px;float: right;width: 436px; }

.newsBox {width:590px; min-height:120px; border:1px solid #e1e1e1; background:#e1e1e1; margin-bottom:20px;float: left;}


.newsBox_detail {
    background: none repeat scroll 0 0 #F8F8F8;
    border: 1px solid #E1E1E1;
    float: left;
    padding: 15px;
    width: 560px;
}

.newsBox_detail h3 {
    color: #A3A3A3;
    font: bold 12px/14px Tahoma;
    margin: 0 10px 10px;
    text-transform: uppercase;
    width: 370px;
}

.newsBox_detail p {
    color: #A3A3A3;
    font: 12px/14px Tahoma;
    margin: 0 10px 10px;
    width: 400px;
}

.newsPic_detail {
    background:  #FFFFFF;
    float: left;
    height: 120px;
    margin: 0 20px 10px 0;
    width: 130px;
}


/*Alert boxes start*/

.well_done{
    background-color: #DFF0D8;
    border-color: #D6E9C6;
    color: #3C763D;
    margin:15px 0 0 0;
    padding: 15px;
}

.heads_up{
    background-color: #D9EDF7;
    border-color: #BCE8F1;
    color: #31708F;
    margin:15px 0 0 0;
    padding: 15px;
}

.warning{
    background-color: #FCF8E3;
    border-color: #FAEBCC;
    color: #8A6D3B;
    margin:15px 0 0 0;
    padding: 15px;
}

.oh_snap{
    background-color: #F2DEDE;
    border-color: #EBCCD1;
    color: #A94442;
    margin:15px 0 0 0;
    padding: 15px;
}

/*Alert boxes end*/

.newsPic {width:130px; height:120px; background:#fff ;float:left;}

.newsBox h3 {color:#a3a3a3; text-transform:uppercase; font:12px/14px Tahoma;margin:30px 30px 10px 30px;float: right;width: 400px;}
.newsBox p {color:#a3a3a3; font:12px/14px Tahoma;margin:0px 30px 10px 30px;float: right;width: 400px;}

.newsBox:last-child {margin-bottom:0px;}
.map, .followUs, .hours, .rssFeeds, .categories, .products, .services, .brands{width:303px;min-height:110px;border:1px solid #e1e1e1;background:#f8f8f8;margin-bottom: 20px;float: left;}
.para {float: left;width: 195px;padding: 20px 10px 10px 0px;}
.paraHD{text-transform:uppercase;font-weight:normal;}
.footer {width: 960px;padding: 0 20px 20px 20px;display: inline-block;}
.products, .services, .brands{margin:0 20px 0 0;width:305px;}
.brands {margin:0 0 0 1px;width:303px;}
.boxesHeading {height: 43px;border-bottom: 1px solid #e1e1e1;color: #1f87ba;font: 20px/43px Arial;padding: 0 20px;}
.grayPlaceholder {float: left;margin: 0px 20px 20px 0px;background: #e1e1e1;width: 58px;height: 58px;}
.para {float: left;width: 265px;padding: 20px;}
.fLarger{font:14px/19px Arial;}
.fWmark{font:20px/66px Arial;color:#e2e2e2;text-align:center;}
.hrColm {
    width: 140px;
    display: block;
    float: left;
}

.dayColm {
    width: 50%;
    display: block;
    float: left;
}
.socialicon {
    margin-right: 19px;
    display: inline-block;
}
.socialicon:last-child {
    margin-right: 0;
}
.hrRow {width: 96%;padding: 0 2%;margin: 0 auto;height: 20px;line-height: 20px;}
.rNav {
    display: none;
}
#container {
    display: none;
}
#adminbox {
    display: none;
}
/*RESPONSIVE CSS START*/
@media screen and (min-width: 240px) and (max-width: 768px)
{
    .nav{ display:none;}
    .container{width:96%;margin: 0 auto;}
    .logoBox {width: 100%;border-bottom: 1px solid #ddd;margin-bottom: 10px;}
    .bodyContainer {padding: 2%;width: 96%;}
    .bodyTopBox{height: auto;float: none;width: 100%;margin-bottom: 2%;}
    .topAddBox {text-align: center;width: 96%;height: auto;float: none;padding: 2%;}
    .topYelpBox {width: 100%;min-height: 146px;float: none;border: none;border-top: 1px dashed #ddd;}
    .aboutBox {width: 100%;height: auto;border: 1px solid #e1e1e1;background: #f8f8f8;margin-bottom: 2%;float: none;}
    .aboutBtn {width: 100%;height: auto;float: none;}
    .aboutBox p {margin: 2%;float: none;width: 96%;text-align: center; line-height:initial;}
    .rightColm {float: none;width: 100%;height: auto;}
    .map, .followUs, .hours, .rssFeeds, .categories, .products, .services, .brands {
        width: 100%;height: auto;float: none;text-align: center;margin-bottom: 2%;min-height: 90px;}
    .para {float: none;width: 96%;padding: 2%;}
    .dayColm {
        width: 48%;
        float: none;
        margin-right: 2%;display: inline-block;
    }
    .hrColm {
        width: auto;
        display: block;
        float: none;
    }

    .leftColm {
        float: none;
        border:0px;
        width:100%;
        padding:0px;
    }

    .newsBox_detail {
        background: none repeat scroll 0 0 #F8F8F8;
        border: 1px solid #E1E1E1;
        float: left;
        padding: 15px;
        width: 95.8%;
        margin:0 0 15px 0;

    }

    .newsBox_right {
        float: right;
        width: 75%;
    }

    .newsBox_detail h3{
        width:100%;
    }


    .newsBox_detail p {
        color: #A3A3A3;
        font: 12px/14px Tahoma;
        margin: 0 10px 10px;
        width: 100%;
    }

    .newsBox {
        width: 100%;
        height: auto;
        border: 1px solid #e1e1e1;
        background: #e1e1e1;
        margin-bottom: 2%;
        float: none;
        text-align: center;
    }
    .newsPic {
        min-width: 20%;
        height: 120px;
        float: none;
        margin: 2% auto;
    }
    .newsBox h3 {
        margin: 2%;
        float: none;
        width: 96%;
    }
    .newsBox p {
        margin: 0px 2% 2% 2%;
        float: none;
        width: 96%;
    }
    .footer {
        width: 96%;
        padding: 0 2%;
    }

    .products, .services, .brands {
        margin: 0 0 2% 0;
    }
    .boxesHeading {
        height: auto;
        padding: 0;
    }
    .grayPlaceholder {
        float: none;
        margin: 2% auto;
        display: block;
    }

    /*Responsive Nav Starts*/

    .dl-menuwrapper {
        background: none repeat scroll 0 0 #E1E1E1;
        display: block;
        perspective: 1000px;
        perspective-origin: 50% 200%;
        position: relative;
        width: 100%;
        margin:0 0 15px 0

    }

    .dl-menuwrapper:first-child {
        margin-right: 100px;
    }

    .dl-menuwrapper button {
        background: none repeat scroll 0 0 #E1E1E1;
        border: medium none;
        cursor: pointer;
        height: 45px;
        outline: medium none;
        overflow: hidden;
        position: relative;
        text-indent: -900em;
        width: 48px;
    }

    .dl-menuwrapper button:hover,
    .dl-menuwrapper button.dl-active,
    .dl-menuwrapper ul {
        background: #1F87BA;
    }

    .dl-menuwrapper button:after {
        content: '';
        position: absolute;
        width: 68%;
        height: 5px;
        background: #fff;
        top: 10px;
        left: 16%;
        box-shadow:
            0 10px 0 #fff,
            0 20px 0 #fff;
    }

    .dl-menuwrapper ul {
        padding: 0;
        list-style: none;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

    .dl-menuwrapper li {
        border-bottom: 1px solid #CCCCCC;
        position: relative;
    }

    .dl-menu.dl-menuopen a {
        text-decoration: none;
    }

    .dl-menuwrapper li a {
        display: block;
        position: relative;
        padding: 15px 20px;
        font-size: 16px;
        line-height: 20px;
        font-weight: 300;
        color: #fff;
        outline: none;
    }

    .no-touch .dl-menuwrapper li a:hover {
        background: rgba(255,248,213,0.1);
    }

    .dl-menuwrapper li.dl-back > a {
        padding-left: 30px;
        background: rgba(0,0,0,0.1);
    }

    .dl-menuwrapper li.dl-back:after,
    .dl-menuwrapper li > a:not(:only-child):after {
        position: absolute;
        top: 0;
        line-height: 50px;
        font-family: Georgia, "Times New Roman", Times, serif;
        speak: none;
        -webkit-font-smoothing: antialiased;
        content: ">";
        color:#fff;
        font-size:20px;
        font-weight:bold;
    }

    .dl-menuwrapper li.dl-back:after {
        left: 6px;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        transform: rotate(180deg);
        line-height: 57px;
    }

    .dl-menuwrapper li > a:after {
        right: 10px;
        color: rgba(0,0,0,0.15);
    }

    .dl-menuwrapper .dl-menu {
        margin: 5px 0 0 0;
        position: absolute;
        width: 100%;
        opacity: 0;
        pointer-events: none;
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        transform: translateY(10px);
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .dl-menuwrapper .dl-menu.dl-menu-toggle {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .dl-menuwrapper .dl-menu.dl-menuopen {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        transform: translateY(0px);
    }

    /* Hide the inner submenus */
    .dl-menuwrapper li .dl-submenu {
        display: none;
    }

    /*
    When a submenu is openend, we will hide all li siblings.
    For that we give a class to the parent menu called "dl-subview".
    We also hide the submenu link.
    The opened submenu will get the class "dl-subviewopen".
    All this is done for any sub-level being entered.
    */
    .dl-menu.dl-subview li,
    .dl-menu.dl-subview li.dl-subviewopen > a,
    .dl-menu.dl-subview li.dl-subview > a {
        display: none;
    }

    .dl-menu.dl-subview li.dl-subview,
    .dl-menu.dl-subview li.dl-subview .dl-submenu,
    .dl-menu.dl-subview li.dl-subviewopen,
    .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
    .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
        display: block;
    }

    /* Dynamically added submenu outside of the menu context */
    .dl-menuwrapper > .dl-submenu {
        position: absolute;
        width: 100%;
        top: 50px;
        left: 0;
        margin: 0;
    }

    /* Animation classes for moving out and in */

    .dl-menu.dl-animate-out-1 {
        -webkit-animation: MenuAnimOut1 0.4s;
        -moz-animation: MenuAnimOut1 0.4s;
        animation: MenuAnimOut1 0.4s;
    }

    .dl-menu.dl-animate-out-2 {
        -webkit-animation: MenuAnimOut2 0.3s ease-in-out;
        -moz-animation: MenuAnimOut2 0.3s ease-in-out;
        animation: MenuAnimOut2 0.3s ease-in-out;
    }

    .dl-menu.dl-animate-out-3 {
        -webkit-animation: MenuAnimOut3 0.4s ease;
        -moz-animation: MenuAnimOut3 0.4s ease;
        animation: MenuAnimOut3 0.4s ease;
    }

    .dl-menu.dl-animate-out-4 {
        -webkit-animation: MenuAnimOut4 0.4s ease;
        -moz-animation: MenuAnimOut4 0.4s ease;
        animation: MenuAnimOut4 0.4s ease;
    }

    .dl-menu.dl-animate-out-5 {
        -webkit-animation: MenuAnimOut5 0.4s ease;
        -moz-animation: MenuAnimOut5 0.4s ease;
        animation: MenuAnimOut5 0.4s ease;
    }

    @-webkit-keyframes MenuAnimOut1 {
        50% {
            -webkit-transform: translateZ(-250px) rotateY(30deg);
        }
        75% {
            -webkit-transform: translateZ(-372.5px) rotateY(15deg);
            opacity: .5;
        }
        100% {
            -webkit-transform: translateZ(-500px) rotateY(0deg);
            opacity: 0;
        }
    }

    @-webkit-keyframes MenuAnimOut2 {
        100% {
            -webkit-transform: translateX(-100%);
            opacity: 0;
        }
    }

    @-webkit-keyframes MenuAnimOut3 {
        100% {
            -webkit-transform: translateZ(300px);
            opacity: 0;
        }
    }

    @-webkit-keyframes MenuAnimOut4 {
        100% {
            -webkit-transform: translateZ(-300px);
            opacity: 0;
        }
    }

    @-webkit-keyframes MenuAnimOut5 {
        100% {
            -webkit-transform: translateY(40%);
            opacity: 0;
        }
    }

    @-moz-keyframes MenuAnimOut1 {
        50% {
            -moz-transform: translateZ(-250px) rotateY(30deg);
        }
        75% {
            -moz-transform: translateZ(-372.5px) rotateY(15deg);
            opacity: .5;
        }
        100% {
            -moz-transform: translateZ(-500px) rotateY(0deg);
            opacity: 0;
        }
    }

    @-moz-keyframes MenuAnimOut2 {
        100% {
            -moz-transform: translateX(-100%);
            opacity: 0;
        }
    }

    @-moz-keyframes MenuAnimOut3 {
        100% {
            -moz-transform: translateZ(300px);
            opacity: 0;
        }
    }

    @-moz-keyframes MenuAnimOut4 {
        100% {
            -moz-transform: translateZ(-300px);
            opacity: 0;
        }
    }

    @-moz-keyframes MenuAnimOut5 {
        100% {
            -moz-transform: translateY(40%);
            opacity: 0;
        }
    }

    @keyframes MenuAnimOut1 {
        50% {
            transform: translateZ(-250px) rotateY(30deg);
        }
        75% {
            transform: translateZ(-372.5px) rotateY(15deg);
            opacity: .5;
        }
        100% {
            transform: translateZ(-500px) rotateY(0deg);
            opacity: 0;
        }
    }

    @keyframes MenuAnimOut2 {
        100% {
            transform: translateX(-100%);
            opacity: 0;
        }
    }

    @keyframes MenuAnimOut3 {
        100% {
            transform: translateZ(300px);
            opacity: 0;
        }
    }

    @keyframes MenuAnimOut4 {
        100% {
            transform: translateZ(-300px);
            opacity: 0;
        }
    }

    @keyframes MenuAnimOut5 {
        100% {
            transform: translateY(40%);
            opacity: 0;
        }
    }

    .dl-menu.dl-animate-in-1 {
        -webkit-animation: MenuAnimIn1 0.3s;
        -moz-animation: MenuAnimIn1 0.3s;
        animation: MenuAnimIn1 0.3s;
    }

    .dl-menu.dl-animate-in-2 {
        -webkit-animation: MenuAnimIn2 0.3s ease-in-out;
        -moz-animation: MenuAnimIn2 0.3s ease-in-out;
        animation: MenuAnimIn2 0.3s ease-in-out;
    }

    .dl-menu.dl-animate-in-3 {
        -webkit-animation: MenuAnimIn3 0.4s ease;
        -moz-animation: MenuAnimIn3 0.4s ease;
        animation: MenuAnimIn3 0.4s ease;
    }

    .dl-menu.dl-animate-in-4 {
        -webkit-animation: MenuAnimIn4 0.4s ease;
        -moz-animation: MenuAnimIn4 0.4s ease;
        animation: MenuAnimIn4 0.4s ease;
    }

    .dl-menu.dl-animate-in-5 {
        -webkit-animation: MenuAnimIn5 0.4s ease;
        -moz-animation: MenuAnimIn5 0.4s ease;
        animation: MenuAnimIn5 0.4s ease;
    }

    @-webkit-keyframes MenuAnimIn1 {
        0% {
            -webkit-transform: translateZ(-500px) rotateY(0deg);
            opacity: 0;
        }
        20% {
            -webkit-transform: translateZ(-250px) rotateY(30deg);
            opacity: 0.5;
        }
        100% {
            -webkit-transform: translateZ(0px) rotateY(0deg);
            opacity: 1;
        }
    }

    @-webkit-keyframes MenuAnimIn2 {
        0% {
            -webkit-transform: translateX(-100%);
            opacity: 0;
        }
        100% {
            -webkit-transform: translateX(0px);
            opacity: 1;
        }
    }

    @-webkit-keyframes MenuAnimIn3 {
        0% {
            -webkit-transform: translateZ(300px);
            opacity: 0;
        }
        100% {
            -webkit-transform: translateZ(0px);
            opacity: 1;
        }
    }

    @-webkit-keyframes MenuAnimIn4 {
        0% {
            -webkit-transform: translateZ(-300px);
            opacity: 0;
        }
        100% {
            -webkit-transform: translateZ(0px);
            opacity: 1;
        }
    }

    @-webkit-keyframes MenuAnimIn5 {
        0% {
            -webkit-transform: translateY(40%);
            opacity: 0;
        }
        100% {
            -webkit-transform: translateY(0);
            opacity: 1;
        }
    }

    @-moz-keyframes MenuAnimIn1 {
        0% {
            -moz-transform: translateZ(-500px) rotateY(0deg);
            opacity: 0;
        }
        20% {
            -moz-transform: translateZ(-250px) rotateY(30deg);
            opacity: 0.5;
        }
        100% {
            -moz-transform: translateZ(0px) rotateY(0deg);
            opacity: 1;
        }
    }

    @-moz-keyframes MenuAnimIn2 {
        0% {
            -moz-transform: translateX(-100%);
            opacity: 0;
        }
        100% {
            -moz-transform: translateX(0px);
            opacity: 1;
        }
    }

    @-moz-keyframes MenuAnimIn3 {
        0% {
            -moz-transform: translateZ(300px);
            opacity: 0;
        }
        100% {
            -moz-transform: translateZ(0px);
            opacity: 1;
        }
    }

    @-moz-keyframes MenuAnimIn4 {
        0% {
            -moz-transform: translateZ(-300px);
            opacity: 0;
        }
        100% {
            -moz-transform: translateZ(0px);
            opacity: 1;
        }
    }

    @-moz-keyframes MenuAnimIn5 {
        0% {
            -moz-transform: translateY(40%);
            opacity: 0;
        }
        100% {
            -moz-transform: translateY(0);
            opacity: 1;
        }
    }

    @keyframes MenuAnimIn1 {
        0% {
            transform: translateZ(-500px) rotateY(0deg);
            opacity: 0;
        }
        20% {
            transform: translateZ(-250px) rotateY(30deg);
            opacity: 0.5;
        }
        100% {
            transform: translateZ(0px) rotateY(0deg);
            opacity: 1;
        }
    }

    @keyframes MenuAnimIn2 {
        0% {
            transform: translateX(-100%);
            opacity: 0;
        }
        100% {
            transform: translateX(0px);
            opacity: 1;
        }
    }

    @keyframes MenuAnimIn3 {
        0% {
            transform: translateZ(300px);
            opacity: 0;
        }
        100% {
            transform: translateZ(0px);
            opacity: 1;
        }
    }

    @keyframes MenuAnimIn4 {
        0% {
            transform: translateZ(-300px);
            opacity: 0;
        }
        100% {
            transform: translateZ(0px);
            opacity: 1;
        }
    }

    @keyframes MenuAnimIn5 {
        0% {
            transform: translateY(40%);
            opacity: 0;
        }
        100% {
            transform: translateY(0);
            opacity: 1;
        }
    }

    .dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
        -webkit-animation: SubMenuAnimIn1 0.4s ease;
        -moz-animation: SubMenuAnimIn1 0.4s ease;
        animation: SubMenuAnimIn1 0.4s ease;
    }

    .dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
        -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
        -moz-animation: SubMenuAnimIn2 0.3s ease-in-out;
        animation: SubMenuAnimIn2 0.3s ease-in-out;
    }

    .dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
        -webkit-animation: SubMenuAnimIn3 0.4s ease;
        -moz-animation: SubMenuAnimIn3 0.4s ease;
        animation: SubMenuAnimIn3 0.4s ease;
    }

    .dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
        -webkit-animation: SubMenuAnimIn4 0.4s ease;
        -moz-animation: SubMenuAnimIn4 0.4s ease;
        animation: SubMenuAnimIn4 0.4s ease;
    }

    .dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
        -webkit-animation: SubMenuAnimIn5 0.4s ease;
        -moz-animation: SubMenuAnimIn5 0.4s ease;
        animation: SubMenuAnimIn5 0.4s ease;
    }

    @-webkit-keyframes SubMenuAnimIn1 {
        0% {
            -webkit-transform: translateX(50%);
            opacity: 0;
        }
        100% {
            -webkit-transform: translateX(0px);
            opacity: 1;
        }
    }

    @-webkit-keyframes SubMenuAnimIn2 {
        0% {
            -webkit-transform: translateX(100%);
            opacity: 0;
        }
        100% {
            -webkit-transform: translateX(0px);
            opacity: 1;
        }
    }

    @-webkit-keyframes SubMenuAnimIn3 {
        0% {
            -webkit-transform: translateZ(-300px);
            opacity: 0;
        }
        100% {
            -webkit-transform: translateZ(0px);
            opacity: 1;
        }
    }

    @-webkit-keyframes SubMenuAnimIn4 {
        0% {
            -webkit-transform: translateZ(300px);
            opacity: 0;
        }
        100% {
            -webkit-transform: translateZ(0px);
            opacity: 1;
        }
    }

    @-webkit-keyframes SubMenuAnimIn5 {
        0% {
            -webkit-transform: translateZ(-200px);
            opacity: 0;
        }
        100% {
            -webkit-transform: translateZ(0);
            opacity: 1;
        }
    }

    @-moz-keyframes SubMenuAnimIn1 {
        0% {
            -moz-transform: translateX(50%);
            opacity: 0;
        }
        100% {
            -moz-transform: translateX(0px);
            opacity: 1;
        }
    }

    @-moz-keyframes SubMenuAnimIn2 {
        0% {
            -moz-transform: translateX(100%);
            opacity: 0;
        }
        100% {
            -moz-transform: translateX(0px);
            opacity: 1;
        }
    }

    @-moz-keyframes SubMenuAnimIn3 {
        0% {
            -moz-transform: translateZ(-300px);
            opacity: 0;
        }
        100% {
            -moz-transform: translateZ(0px);
            opacity: 1;
        }
    }

    @-moz-keyframes SubMenuAnimIn4 {
        0% {
            -moz-transform: translateZ(300px);
            opacity: 0;
        }
        100% {
            -moz-transform: translateZ(0px);
            opacity: 1;
        }
    }

    @-moz-keyframes SubMenuAnimIn5 {
        0% {
            -moz-transform: translateZ(-200px);
            opacity: 0;
        }
        100% {
            -moz-transform: translateZ(0);
            opacity: 1;
        }
    }

    @keyframes SubMenuAnimIn1 {
        0% {
            transform: translateX(50%);
            opacity: 0;
        }
        100% {
            transform: translateX(0px);
            opacity: 1;
        }
    }

    @keyframes SubMenuAnimIn2 {
        0% {
            transform: translateX(100%);
            opacity: 0;
        }
        100% {
            transform: translateX(0px);
            opacity: 1;
        }
    }

    @keyframes SubMenuAnimIn3 {
        0% {
            transform: translateZ(-300px);
            opacity: 0;
        }
        100% {
            transform: translateZ(0px);
            opacity: 1;
        }
    }

    @keyframes SubMenuAnimIn4 {
        0% {
            transform: translateZ(300px);
            opacity: 0;
        }
        100% {
            transform: translateZ(0px);
            opacity: 1;
        }
    }

    @keyframes SubMenuAnimIn5 {
        0% {
            transform: translateZ(-200px);
            opacity: 0;
        }
        100% {
            transform: translateZ(0);
            opacity: 1;
        }
    }

    .dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
        -webkit-animation: SubMenuAnimOut1 0.4s ease;
        -moz-animation: SubMenuAnimOut1 0.4s ease;
        animation: SubMenuAnimOut1 0.4s ease;
    }

    .dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
        -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
        -moz-animation: SubMenuAnimOut2 0.3s ease-in-out;
        animation: SubMenuAnimOut2 0.3s ease-in-out;
    }

    .dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
        -webkit-animation: SubMenuAnimOut3 0.4s ease;
        -moz-animation: SubMenuAnimOut3 0.4s ease;
        animation: SubMenuAnimOut3 0.4s ease;
    }

    .dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
        -webkit-animation: SubMenuAnimOut4 0.4s ease;
        -moz-animation: SubMenuAnimOut4 0.4s ease;
        animation: SubMenuAnimOut4 0.4s ease;
    }

    .dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
        -webkit-animation: SubMenuAnimOut5 0.4s ease;
        -moz-animation: SubMenuAnimOut5 0.4s ease;
        animation: SubMenuAnimOut5 0.4s ease;
    }

    @-webkit-keyframes SubMenuAnimOut1 {
        0% {
            -webkit-transform: translateX(0%);
            opacity: 1;
        }
        100% {
            -webkit-transform: translateX(50%);
            opacity: 0;
        }
    }

    @-webkit-keyframes SubMenuAnimOut2 {
        0% {
            -webkit-transform: translateX(0%);
            opacity: 1;
        }
        100% {
            -webkit-transform: translateX(100%);
            opacity: 0;
        }
    }

    @-webkit-keyframes SubMenuAnimOut3 {
        0% {
            -webkit-transform: translateZ(0px);
            opacity: 1;
        }
        100% {
            -webkit-transform: translateZ(-300px);
            opacity: 0;
        }
    }

    @-webkit-keyframes SubMenuAnimOut4 {
        0% {
            -webkit-transform: translateZ(0px);
            opacity: 1;
        }
        100% {
            -webkit-transform: translateZ(300px);
            opacity: 0;
        }
    }

    @-webkit-keyframes SubMenuAnimOut5 {
        0% {
            -webkit-transform: translateZ(0);
            opacity: 1;
        }
        100% {
            -webkit-transform: translateZ(-200px);
            opacity: 0;
        }
    }

    @-moz-keyframes SubMenuAnimOut1 {
        0% {
            -moz-transform: translateX(0%);
            opacity: 1;
        }
        100% {
            -moz-transform: translateX(50%);
            opacity: 0;
        }
    }

    @-moz-keyframes SubMenuAnimOut2 {
        0% {
            -moz-transform: translateX(0%);
            opacity: 1;
        }
        100% {
            -moz-transform: translateX(100%);
            opacity: 0;
        }
    }

    @-moz-keyframes SubMenuAnimOut3 {
        0% {
            -moz-transform: translateZ(0px);
            opacity: 1;
        }
        100% {
            -moz-transform: translateZ(-300px);
            opacity: 0;
        }
    }

    @-moz-keyframes SubMenuAnimOut4 {
        0% {
            -moz-transform: translateZ(0px);
            opacity: 1;
        }
        100% {
            -moz-transform: translateZ(300px);
            opacity: 0;
        }
    }

    @-moz-keyframes SubMenuAnimOut5 {
        0% {
            -moz-transform: translateZ(0);
            opacity: 1;
        }
        100% {
            -moz-transform: translateZ(-200px);
            opacity: 0;
        }
    }

    @keyframes SubMenuAnimOut1 {
        0% {
            transform: translateX(0%);
            opacity: 1;
        }
        100% {
            transform: translateX(50%);
            opacity: 0;
        }
    }

    @keyframes SubMenuAnimOut2 {
        0% {
            transform: translateX(0%);
            opacity: 1;
        }
        100% {
            transform: translateX(100%);
            opacity: 0;
        }
    }

    @keyframes SubMenuAnimOut3 {
        0% {
            transform: translateZ(0px);
            opacity: 1;
        }
        100% {
            transform: translateZ(-300px);
            opacity: 0;
        }
    }

    @keyframes SubMenuAnimOut4 {
        0% {
            transform: translateZ(0px);
            opacity: 1;
        }
        100% {
            transform: translateZ(300px);
            opacity: 0;
        }
    }

    @keyframes SubMenuAnimOut5 {
        0% {
            transform: translateZ(0);
            opacity: 1;
        }
        100% {
            transform: translateZ(-200px);
            opacity: 0;
        }
    }

    /* No JS Fallback */
    .no-js .dl-menuwrapper .dl-menu {
        position: relative;
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none;
    }

    .no-js .dl-menuwrapper li .dl-submenu {
        display: block;
    }

    .no-js .dl-menuwrapper li.dl-back {
        display: none;
    }

    .no-js .dl-menuwrapper li > a:not(:only-child) {
        background: rgba(0,0,0,0.1);
    }

    .no-js .dl-menuwrapper li > a:not(:only-child):after {
        content: '';
    }

    /* Colors for demos */

    /* Demo 1 */
    .demo-1 .dl-menuwrapper button {
        background: #c62860;
    }

    .demo-1 .dl-menuwrapper button:hover,
    .demo-1 .dl-menuwrapper button.dl-active,
    .demo-1 .dl-menuwrapper ul {
        background: #9e1847;
    }

    /* Demo 2 */
    .demo-2 .dl-menuwrapper button {
        background: #e86814;
    }

    .demo-2 .dl-menuwrapper button:hover,
    .demo-2 .dl-menuwrapper button.dl-active,
    .demo-2 .dl-menuwrapper ul {
        background: #D35400;
    }

    /* Demo 3 */
    .demo-3 .dl-menuwrapper button {
        background: #08cbc4;
    }

    .demo-3 .dl-menuwrapper button:hover,
    .demo-3 .dl-menuwrapper button.dl-active,
    .demo-3 .dl-menuwrapper ul {
        background: #00b4ae;
    }

    /* Demo 4 */
    .demo-4 .dl-menuwrapper button {
        background: #90b912;
    }

    .demo-4 .dl-menuwrapper button:hover,
    .demo-4 .dl-menuwrapper button.dl-active,
    .demo-4 .dl-menuwrapper ul {
        background: #79a002;
    }

    /* Demo 5 */
    .demo-5 .dl-menuwrapper button {
        background: #744783;
    }

    .demo-5 .dl-menuwrapper button:hover,
    .demo-5 .dl-menuwrapper button.dl-active,
    .demo-5 .dl-menuwrapper ul {
        background: #643771;
    }


    /*Responsive Nav Ends */







}

@media screen and (min-width: 240px) and (max-width: 640px){


    .newsBox_detail {
        width: 94.8%;
    }

    .newsBox_right {
        float: right;
        width: 75%;
    }

}

@media screen and (min-width: 240px) and (max-width: 533px){

    .newsBox_right {
        width: 71%;
    }

}

@media screen and (min-width: 240px) and (max-width: 480px){

    .newsBox_right {
        width: 68%;
    }


    .newsBox_detail {
        width: 92.6%;
    }

}

@media screen and (min-width: 240px) and (max-width: 360px){

    .newsBox_right {
        width: 100%;
    }

    .newsBox_detail p {
        margin: 0 0 10px;
        text-align: center;
    }


    .newsBox_detail h3 {
        margin: 0 0 10px;
        text-align: center;
        width: 100%;
    }


    .newsBox_left {
        display: block;
        float: left;
        width: 100%;
    }

    .newsPic_detail {
        margin: 20px auto;
    }

    .newsBox_detail {
        width: 90.8%;
    }
}


@media screen and (min-width: 240px) and (max-width: 320px){
    .newsBox_detail {
        width: 88.9%;
    }
}


@media screen and (min-width: 240px) and (max-width: 319px){
    .aboutBox p {line-height:initial;}
    .socialicon {margin-right: 3px;}
    .dayColm {font-size: 11px;}
    .newsBox p {line-height: initial;}
    .para {line-height: initial;}
}



/* pagination start */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0;padding:0;}
a img,:link img,:visited img{border: none;}
a{text-decoration:underline;}
a:hover{text-decoration:underline;}
body,td{margin:0;padding:0;}
.image_text_link{display:none;}
#center{margin:0 auto;text-align:center;}
#eggzack_logo{display:block !important;text-align:center;margin:0 auto;margin-top:5px;padding:5px;}
#adminbox{float:right;padding:10px;margin:0px 10px 0px 0px;background-color:#ddd;border:5px solid black;color:black;display:block;}
#contact-us-info{margin-left:20px;}
#contact_inner{padding:10px;}

.clear{clear:both;}

/* Pagination Start */
.id_btn{
    font: 12px Arial !important;
    line-height: 26px !important;
    text-align: center !important;
    height: 26px !important;
    padding: 0px 10px 0px 10px !important;
    text-decoration: none;
    margin-left: 2px;
    display:inline-block;
}
.pagination_active{font-weight:bold !important;}

.id_btn.inline {
    background: none repeat scroll 0 0 #E1E1E1;
    border-right: 1px solid #FFFFFF;
    padding: 10px;
    color:#1f87ba;
}

/* Pagination End */


/*Form Starts*/

.form_input{
    width:250px;
    color:#555;
}

.form_area{
    width:260px;
    color:#555;
}

/*Form  Ends*/

.toplevel:hover ul.subnav {
    display:block;
}
#menu_ul ul {
    z-index:999999;
}
#article_description ul, #article_description ol{
    display: block;
    margin: 14px 0px;
    padding-left: 40px;
}
#article_description ul{
    list-style-type: disc;
}
#article_description ol{
    list-style-type: decimal;
}

.Socialico, .socialico {font-family:'Socialico';}
/* New EZ Logo */
#e662ack1060{width:auto !important;display:block !important;height:36px !important;padding:2px;margin:2px;text-align:center !important;}
#adminbar,#adminbar_trigger{display:none;}

/* Pre tags */
pre {
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/* Circle */
.circle{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
}
/* pagination end */

table {
    width: 100%;

}

table tr, tr {
    border-spacing: 0px;
    height: 42px;
    padding: 5px;
    border: 1px solid #E1E1E1 !important;
}

.form_delete {
    background: none repeat scroll 0 0 #FDB715;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    margin: 6px 0 0 5px;
    padding: 5px;
    text-decoration: none;
}
.form_submit {
    background: none repeat scroll 0 0 #1F87BA;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    margin: 6px 0 0 5px;
    padding: 5px;
    text-decoration: none;
 }

th{
    border: 1px solid #E1E1E1 !important;
}

td{
    border: 1px solid #E1E1E1 !important;
}

@media	(max-width:480px){

    .form_submit {
        background: none repeat scroll 0 0 #1F87BA;
        border: 0 none;
        color: #FFFFFF;
        cursor: pointer;
        margin: 6px 0 0 5px;
        padding: 5px;
        text-decoration: none;
        display: block;
    }
    .form_delete {
        background: none repeat scroll 0 0 #FDB715;
        border: 0 none;
        color: #FFFFFF;
        cursor: pointer;
        display: block;
        margin: 6px 0 0 5px;
        padding: 5px;
        text-decoration: none;
    }

    .hrRow {
        height: auto;
        line-height: 20px;
        margin: 0 auto;
        padding: 0 2%;
        width: 96%;
    }

}
@media	(max-width:320px){

    .form_submit {
        background: none repeat scroll 0 0 #1F87BA;
        border: 0 none;
        color: #FFFFFF;
        cursor: pointer;
        margin: 6px 0 0 5px;
        padding: 5px;
        text-decoration: none;
        display: block;
    }

    .form_delete {
        background: none repeat scroll 0 0 #FDB715;
        border: 0 none;
        color: #FFFFFF;
        cursor: pointer;
        display: block;
        margin: 6px 0 0 5px;
        padding: 5px;
        text-decoration: none;
    }

    .hrRow {
        height: auto;
        line-height: 20px;
        margin: 0 auto;
        padding: 0 2%;
        width: 96%;
    }
}



#cssmenu {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    display: block;
    font-family: 'PT Sans',sans-serif;
    line-height: 1;
    margin: 0 0 20px;
    padding: 0;
    position: relative;
    width: auto;
}

#cssmenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
}
#cssmenu ul:after {
    content: ' ';
    display: block;
    font-size: 0;
    height: 0;
    clear: both;
    visibility: hidden;
}
#cssmenu ul li {
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
}
#cssmenu ul li a {
    text-decoration: none;
    display: block;
    margin: 0;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -ms-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
}
#cssmenu ul li ul {
    position: absolute;
    left: -9999px;
    top: auto;
}
#cssmenu ul li ul li {
    max-height: 0;
    position: absolute;
    -webkit-transition: max-height 0.4s ease-out;
    -moz-transition: max-height 0.4s ease-out;
    -ms-transition: max-height 0.4s ease-out;
    -o-transition: max-height 0.4s ease-out;
    transition: max-height 0.4s ease-out;
	background:#f0f0f0;
	border:1px solid #eee;
	border-bottom:1px solid #ddd;
	padding-right:20px;
}
#cssmenu ul li ul li.has-sub:after {
    display: block;
    position: absolute;
    content: '';
    height: 10px;
    width: 10px;
    border-radius: 5px;
    background: #cccccc;
    z-index: 1;
    top: 13px;
    right: 15px;
}
#cssmenu ul li ul li.has-sub:before {
    display: block;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    border: 3px solid transparent;
    border-left-color: #1f86ba;
    z-index: 2;
    top: 15px;
    right: 15px;
}
#cssmenu ul li ul li a {
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
    color: #555;
    letter-spacing: 0;
    display: block;
	white-space:nowrap;
    padding: 11px 10px 11px 20px;
}
#cssmenu ul li ul li:hover > a,
#cssmenu ul li ul li.active > a {
    color: #000;
}
#cssmenu ul li ul li:hover:after,
#cssmenu ul li ul li.active:after {
    background: #ffffff;
}
#cssmenu ul li ul li:hover > ul {
    left: 170px;
    top: 0;
}
#cssmenu ul li ul li:hover > ul > li {
    max-height: 72px;
    position: relative;
}
#cssmenu > ul > li {
    float: left;
}
#cssmenu > ul > li:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 0;
    top: 0;
    z-index: 0;
    background: #ccc;
    -webkit-transition: height .2s;
    -moz-transition: height .2s;
    -ms-transition: height .2s;
    -o-transition: height .2s;
    transition: height .2s;
}
#cssmenu > ul > li.has-sub > a {
    padding-right: 40px;
}
#cssmenu > ul > li.has-sub > a:after {
    display: block;
    content: '';
    background: #a3a3a3;
    height: 12px;
    width: 12px;
    position: absolute;
    border-radius: 13px;
    right: 14px;
    top: 16px;
}
#cssmenu > ul > li.has-sub > a:before {
    display: block;
    content: '';
    border: 4px solid transparent;
    border-top-color: #ffffff;
    z-index: 2;
    height: 0;
    width: 0;
    position: absolute;
    right: 16px;
    top: 21px;
}
#cssmenu > ul > li > a {
    color: #a3a3a3;
    padding: 15px 20px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 14px;
    z-index: 2;
    position: relative;
}
#cssmenu > ul > li:hover:after,
#cssmenu > ul > li.active:after {
    height: 100%;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
    color: #000;
}
#cssmenu > ul > li:hover > a:after,
#cssmenu > ul > li.active > a:after {
    background: #ffffff;
}
#cssmenu > ul > li:hover > a:before,
#cssmenu > ul > li.active > a:before {
    border-top-color: #1f86ba;
}
#cssmenu > ul > li:hover > ul {
    left: 0;
}
#cssmenu > ul > li:hover > ul > li {
    max-height: 72px;
    position: relative;
}
#cssmenu #menu-button {
    display: none;
}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
    #cssmenu > ul {
        max-height: 0;
        overflow: hidden;
        -webkit-transition: max-height 0.35s ease-out;
        -moz-transition: max-height 0.35s ease-out;
        -ms-transition: max-height 0.35s ease-out;
        -o-transition: max-height 0.35s ease-out;
        transition: max-height 0.35s ease-out;
    }
    #cssmenu > ul.open {
        max-height: 1000px;
        border-top: 1px solid rgba(110, 110, 110, 0.25);
    }
    #cssmenu ul {
        width: 100%;
    }
    #cssmenu ul > li {
        float: none;
    }
    #cssmenu ul li a {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding: 12px 20px;
    }
    #cssmenu ul > li:after {
        display: none;
    }
    #cssmenu ul li.has-sub > a:after,
    #cssmenu ul li.has-sub > a:before,
    #cssmenu ul li ul li.has-sub:after,
    #cssmenu ul li ul li.has-sub:before {
        display: none;
    }
    #cssmenu ul li ul,
    #cssmenu ul li ul li ul,
    #cssmenu ul li ul li:hover > ul {
        left: 0;
        position: relative;
    }
    #cssmenu ul li ul li,
    #cssmenu ul li:hover > ul > li {
        max-height: 999px;
        position: relative;
        background: none;
    }
    #cssmenu ul li ul li a {
        padding: 8px 20px 8px 35px;
        color: #a3a3a3;
        width: auto;
    }
    #cssmenu ul li ul ul li a {
        padding: 8px 20px 8px 50px;
    }
    #cssmenu ul li ul li:hover > a {
        color: #000;
    }
    #cssmenu #menu-button {
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding: 15px 20px;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 14px;
        letter-spacing: 1px;
        color: #a3a3a3;
        cursor: pointer;
    }
    #cssmenu #menu-button:after {
        display: block;
        content: '';
        position: absolute;
        height: 3px;
        width: 22px;
        border-top: 2px solid #a3a3a3;
        border-bottom: 2px solid #a3a3a3;
        right: 20px;
        top: 16px;
    }
    #cssmenu #menu-button:before {
        display: block;
        content: '';
        position: absolute;
        height: 3px;
        width: 22px;
        border-top: 2px solid #a3a3a3;
        right: 20px;
        top: 26px;
    }
}