@import url('../font-awesome/css/font-awesome.css');
@font-face {
    font-family: 'CustomFont';
    src: url("../fonts/Poppins-Regular.ttf");
}
        body {
            
            font-family:CustomFont!important;
        }
body {
    /*background-image: url("../images/sudimna-home-bg.jpg") !important;
    background-repeat: no-repeat;
    background-position: 60% 72%!important;
    background-attachment: fixed!important;*/
    font-size: 12px !important;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
     .div-blank{display:block!important;}
    .img-outline{width:100%!important; height:150px!important}
    #jhkmenu .menu li {
    display: inline;
    float: left;
    position: relative;
    width: 33.3%;
    z-index: 9999;
}
    #jhkmenu .menu li a {
    height: 80px;
}
    #jhkmenu .menu li a {
    color: #ffffff;
    display: block;
    font-weight: 100;
    padding: 5px 7px;
    text-decoration: none;
}
    #jhkmenu a {
    color: #00b1f1;
    text-decoration: none;
}
    #jhkmenu .menu li a {
    background: #800080 none repeat scroll 0 0;
    color: #ffffff;
}
    .srch-width{width:300px!important;}
    .acc_container{left:-75px;}
    .list-box {
    padding: 5px 10px;
}

.div-bg{
background-color:#fff;
border:1px solid #ddd;
border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
box-shadow:2px 2px 3px  #ccc;
-webkit-box-shadow:2px 2px 3px #ccc;
-moz-box-shadow:2px 3px 2px #ccc;
margin-bottom:5px;
overflow:hidden;
}
    .social-center li span a{color:#fff;}
    .social-center li span a i{color:#fff!important;}
    .tblgrid-height {
    height: 100px;
    vertical-align: top;
}
    .div-bg .txtcenter img{text-align:center!important;}
    /*.events-btn:hover, .events-btn-fav:hover{padding:3px 5px; border-radius:3px; background:#444; color:#fff;text-decoration:none;}
.events-btn{background:#e24f37;  color:#fff;padding:3px 5px; border-radius:3px;}
.events-btn-fav{background:#e07f3c; color:#fff;padding:3px 5px; border-radius:3px;}
.event-fb a{background:#006fa5; border-radius:50%; color:#fff; padding:3px 9px; font-size:15px;}
.event-tw a{background:#00a1b3; border-radius:50%; color:#fff; padding:3px 7px; font-size:15px;}
.event-gp a{background:#e24f37; border-radius:50%; color:#fff; padding:3px 9px;  font-size:15px;}
.event-in a{background:#e07f3c; border-radius:50%; color:#fff; padding:3px 9px; font-size:15px;}
.event-pin a{background:#333333; border-radius:50%; color:#fff; padding:0px 6px;  font-size:19px;}
.event-fb a:hover, .event-tw a:hover, .event-gp a:hover, .event-in a:hover, .event-pin a:hover{color:#fff;}*/
    .navbar {
        border: 0px;
        margin-bottom: 0px;
        color: #fff;
        font-weight: bold;
    }

    .events-log img {
        background: #A1063D;
        border-radius: 50%;
        padding: 10px;
    }

    .events-log li {
        display: inline-block;
        list-style-type: none;
        margin: 0 4px !important;
        text-align: center;
    }

    .login-bg {
        background-image: url("../images/login-bg.png") !important;
        background-repeat: repeat;
        background-position: 60% 70%;
        color: #fff;
    }
    .jhkloggedin span, .jhkloggedin a {
    color: #186EAF !important;
}
    .frm-mandate {
    color: Red;
    font-weight: bold;
    font-size: 16px;
}

    .datalist-td td {
        padding: 5px !important;
        width: 25% !important;
        vertical-align: top;
    }

        .datalist-td td div {
            margin: 0px 6px;
        }

            .datalist-td td div img {
                border: 0px !important;
                width: auto !important;
            }

    .events-btn:hover{
        padding: 3px 5px; /* border-radius:3px; background:#444;*/
        color: #fff;
        text-decoration: none;
        border:1px solid #eee;
        border-radius:3px;
    }

    .events-btn-fav {color:orange!important}
  .events-btn-fav:hover{color:#fff!important;}

   .events-btn { /*background:#e24f37;*/
        color: #fff;
        padding: 0px 5px;
        border-radius: 3px;
         border:1px solid #eee;
        border-radius:3px;
    }

    /*.events-btn-fav {
        color: #777;
        padding: 3px 5px;
        font-size: 15px;
    }*/

    .event-fb a { /*background:#006fa5; border-radius:50%;*/
        color: #777;
        padding: 3px;
        font-size: 18px;
    }

    .event-tw a { /*background:#00a1b3; border-radius:50%;*/
        color: #777;
        padding: 3px;
        font-size: 18px;
    }

    .event-gp a { /*background:#e24f37; border-radius:50%;*/
        color: #777;
        padding: 3px;
        font-size: 18px;
    }

    .event-in a { /*background:#e07f3c; border-radius:50%;*/
        color: #777;
        padding: 3px;
        font-size: 18px;
    }

    .event-pin a { /*background:#333333; border-radius:50%;*/
        color: #777;
        padding: 3px;
        font-size: 18px;
    }

        .event-fb a:hover, .event-tw a:hover, .event-gp a:hover, .event-in a:hover, .event-pin a:hover {
            color: #333;
        }

    .event-list-box {
        border: 1px solid #ccc;
        margin-bottom: 10px;
        box-shadow: 3px 3px 5px #ccc;
        padding: 5px 0px;
        /*width: 230px !important;*/
        text-align: left !important;
    }

    /*.jhklog span {
        background: #ccc;
        border-radius: 50%;
        padding: 15px;
        color: #333;
    }*/

    .jhklog a {
        font-size: 12px;
        color: #333;
    }



    .jhk-ad-col-right, .jhk-ad-col-left {
        text-align: center;
    }

    .event-list-box {
        text-align: center;
    }

    .class-social {
        /*margin: 5px;*/
    }

    .jhklog {
        text-align: center;
    }

        .jhklog ul li {
            display: inline-block;
            list-style-type: none;
            margin: 10px;
            text-align: center;
        }
}

/*CSS for device width min 320px and max 640px*/

@media only screen and (min-width: 1024px) and (max-width: 1199px) {

    .jhksubmenu .navbar-default .navbar-nav > li > a {
        padding: 5px 20px !important;
        text-align: center;
    }
}


.container {
    background: #fff;
    box-shadow: 0px 25px 25px #444;
}



.container {
    background: #fff;
}



.jhklog a {
    color: #666;
    text-decoration: none;
}

    .jhklog a:hover {
        color: #414143;
    }

.hdr {
    margin-top: 10px;
    /*background: #fff;
    opacity: 0.7;
    filter: alpha(opacity=70);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;*/
}

.linkbox li {
    padding: 10px;
    background: #2798dc;
    color: #fff;
    margin: 5px;
    list-style-type: none;
    display: inline;
    float: left;
}

.required {
    background: #f96049 !important;
}

.banner {
    border: 1px solid #999;
}

    .banner img {
        max-width: 100%;
    }

.clear {
    clear: both;
}

.ads {
    text-align: center;
}

div.quick-menu ul li {
    display: inline;
    margin-left: 29px;
    list-style-type: none;
}

.qm {
    margin-top: 10px;
}

div.quick-menu ul {
    padding: 0;
    display: inline;
}

.jhl img {
    border: 1px solid #999;
}

.sml-ads {
    margin: 10px 0px;
    text-align: center;
}

    .sml-ads li {
        display: inline;
        list-style-type: none;
    }

    .sml-ads ul {
        padding: 0;
    }

    .sml-ads img {
        border: 1px solid #999;
    }

.ct-desc {
    background: #337ab7;
    /*border-radius: 5px;*/
    padding: 8px;
    font-size: 12px;
    margin: 0px;
    color: #fff;
}

    .ct-desc span {
        margin-right: 5px;
    }

    .ct-desc a {
        color: #fff;
        margin: 0px 5px;
    }

.ctimg img {
    border: 1px solid #999;
    margin-top: 5px;
    max-width: 100%;
}

.heading {
    font-size: 16px;
}

#curtour {
    margin-top: 20px;
}

.hlinks a {
    font-size: 13px;
    text-decoration: none;
    color: #666;
    margin-left: 5px;
}

#page-selection {
    float: right;
    margin-right: 15px;
}

#uptour .ct-desc {
    background: #f5e1db;
    border-radius: 5px;
    padding: 8px;
}

.cnt {
    border: 1px solid #e1e1e1;
    margin-top: 20px;
}

.subcnt {
    margin: 10px;
    border: 1px solid #e3e3e3;
    padding: 3px;
    background: #f3f3f3;
    width: 48% !important;
}

    .subcnt h4 {
        margin-left: 15px;
    }

.more {
    float: right;
    color: #aa1a1c;
    font-size: 12px;
}

.subimg img {
    border: 1px solid #999;
    float: left;
    margin: 0 15px;
}

.pre-ads ul li {
    display: inline;
    list-style-type: none;
    margin: 5px 0px;
}

.pre-ads ul {
    margin-left: 0px;
    padding: 0;
}

.chkbx {
    margin: 10px 0px;
    font-size: 11px;
}

.loggeduser {
    height: 75px;
    padding: 10px;
    margin-bottom: 0px;
    background: #337ab7;
    color: #fff;
}

.logout {
    background: #1c9cfc none repeat scroll 0 0;
    border: medium none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    margin-top: 12px;
    padding: 5px;
    width: 100%;
}

.sub-btn {
    text-align: center;
}

    .sub-btn button, .sub-btn input {
        /*width: 30% !important;*/
    }

.grid-view table th {
    background: #A1063D;
    color: #fff;
    border: none !important;
    height: 30px;
    vertical-align: middle !important;
}

.grid-view table {
    margin-top: 0px;
}

.sub-btn button, .sub-btn input, .sub-btn a {
    background: #E21C04 none repeat scroll 0 0;
    border: medium none;
    border-radius: 3px;
    color: #fff;
    padding: 5px;
}
.sub-btn a:hover{text-decoration:none;color:#fff;}
.divfrm {
    width: 100% !important;
}

.sel {
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 1px 2px #ddd inset, 0 1px 0 #fff;
    color: #000;
    margin: 0 0 5px;
    padding: 2px;
    width: 75%;
}
/*Media Queries starts here...*/

@media screen and (max-width:980px) {
    display-btn {
        position: absolute;
        top: -46px !important;
        left: 150px !important;
        font-size: 11px;
        border: none;
        background: #e21c04 !important
    }
    .sml-ads ul li img {
        border: 1px solid #999;
        margin: 5px;
    }

    .sml-ads ul {
        text-align: center;
    }

    .jhl img {
        max-width: 100%;
    }

    .ads img {
        max-width: 100%;
        margin: 3px;
    }

    .quick-menu img {
        max-width: 12%;
    }

    .quick-menu ul {
        display: inline;
    }

    div.quick-menu ul li {
        margin-left: 20px;
    }

    .pre-ads ul li img {
        max-width: 100%;
        margin-top: 5px;
    }
}


@media screen and (max-width:360px) {
    .sel {
        border: 1px solid #ccc;
        border-radius: 5px;
        box-shadow: 0 1px 2px #ddd inset, 0 1px 0 #fff;
        color: #000;
        margin: 0 0 5px;
        padding: 7px;
        width: 100%;
    }



    .subimg img {
        border: 1px solid #999;
        float: left;
        margin: 10px;
        width: 91%;
    }

    .subcnt {
        width: 94% !important;
        float: left;
    }

    .cbp-hrmenu > ul > li {
        border-bottom: 1px solid #999;
        margin: 0;
    }
}

@media screen and (max-width:980px) {
    .ctimg {
        text-align: center;
    }

    .subcnt h4 {
        text-align: center;
    }

    .ctimg {
        text-align: center;
        margin-top: 20px;
    }

    .cnt h4 {
        text-align: center;
    }

    .heading {
        text-align: center;
    }

    .pagination {
        text-align: center;
    }

    .logo {
        text-align: center;
    }

    .subcnt {
        float: left;
        padding: 10px;
        width: 46% !important;
    }

    .subimg img {
        float: none;
    }

    .subimg {
        text-align: center;
        margin-bottom: 10px;
    }
}

@media screen and (max-width:1024px) and (min-width:769px) {
    .prl {
        padding-left: 30px;
    }

    .subcnt {
        width: 47% !important;
        padding: 10px;
    }

    .subimg img {
        float: none;
    }

    .subimg {
        text-align: center;
        margin-bottom: 10px;
    }

    .subcnt h4 {
        text-align: center;
    }
}

@media screen and (max-width:480px) {
    .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
        height: 100px !important;
    }
    .subcnt {
        float: left;
        padding: 10px;
        width: 95% !important;
    }

    .subimg img {
        float: none;
    }

    .subimg {
        text-align: center;
        margin-bottom: 10px;
    }
}

@media screen and (max-width:767px) {
    .loggeduser {
        background: #1474ad none repeat scroll 0 0;
        border: 1px solid #c4e0f0;
        height: auto;
        margin-bottom: 20px;
        padding: 10px;
        text-align: center;
    }
}



/*mega menu*/


.navbar-nav > li > .dropdown-menu {
    margin-top: 20px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.navbar-default .navbar-nav > li > a {
    /*width:200px;*/
    font-weight: bold;
}

.mega-dropdown {
    position: static !important;
    width: 100%;
}

.mega-dropdown-menu {
    padding: 20px 0px;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
}


    .mega-dropdown-menu > li > ul {
        padding: 0;
        margin: 0;
    }

        .mega-dropdown-menu > li > ul > li {
            list-style: none;
        }

            .mega-dropdown-menu > li > ul > li > a {
                display: block;
                padding: 3px 20px;
                clear: both;
                font-weight: normal;
                line-height: 1.428571429;
                color: #999;
                white-space: normal;
            }

    .mega-dropdown-menu > li ul > li > a:hover,
    .mega-dropdown-menu > li ul > li > a:focus {
        text-decoration: none;
        color: #444;
        background-color: #f5f5f5;
    }

    .mega-dropdown-menu .dropdown-header {
        color: #428bca;
        font-size: 18px;
        font-weight: bold;
    }

    .mega-dropdown-menu form {
        margin: 3px 20px;
    }

    .mega-dropdown-menu .form-group {
        margin-bottom: 3px;
    }

#jhnav .navbar {
    margin-bottom: 0px;
}

#jhnav .nav > li > a {
    display: block;
    padding: 8px 16px;
    position: relative;
}

#jhnav .navbar-default {
    background-color: #222;
}

    #jhnav .navbar-default .navbar-nav > li > a {
        color: #fff;
        font-weight: 100;
    }

    #jhnav .navbar-default ul {
        border-right: 1px solid #444;
    }

        #jhnav .navbar-default ul:last-child {
            border: none;
        }

#jhnav .navbar {
    padding: 0px;
    border-radius: none !important;
}

#jhnav .navbar-default {
    border: none;
}

#jhnav .navbar {
    border-radius: 0px;
}

#jhnav .navbar-nav li a:hover, #jhnav .navbar-nav li a:focus {
    background-color: #414143;
    color: #999;
}

#jhnav .dropdown-menu {
    background: #fff;
    border: 1px solid #999;
}

    #jhnav .dropdown-menu .divider {
        background: #999;
    }

#jhnav .dropdown-header {
    color: #000;
    font-size: 14px;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background: #fff !important;
    color: #000 !important;
}


/* Tournament Sub menu starts here*/
#jhkmenu a {
    color: #00b1f1;
    text-decoration: none;
}

    #jhkmenu a:hover {
        color: #00b1f1;
    }

#jhkmenu nav {
    display: block;
    background: #A1063D;
    text-align: center;
}

#jhkmenu .menu {
    display: block;
}

    #jhkmenu .menu li {
        display: inline-block;
        position: relative;
        z-index: 100;
    }

        #jhkmenu .menu li:first-child {
            margin-left: 0;
        }

        #jhkmenu .menu li a {
            font-weight: 100;
            text-decoration: none;
            padding: 5px 10px;
            display: block;
            color: #fff;
        }

            #jhkmenu .menu li a:hover, .menu li:hover > a {
                color: #fff;
                background: #b71709;
            }

.sub-menu li {
    list-style-type: none;
    border-bottom: 1px solid #ddd;
}

    .sub-menu li a {
        list-style-type: none;
        padding: 10px;
        color: #333;
    }

        .sub-menu li a:hover {
            background: #999;
            color: #000;
            transition-timing-function: all 0.2s ease-in-out 0s;
        }

.selected a {
    background: #666666;
    color: #fff !important;
}

#jhkmenu .menu ul {
    visibility: hidden;
    opacity: 0;
    margin: 0;
    padding: 0;
    width: 170px;
    position: absolute;
    left: 0px;
    background: #fff;
    z-index: 99;
    transform: translate(0, 20px);
    transition: all 0.2s ease-out;
}

    #jhkmenu .menu ul:after {
        bottom: 100%;
        left: 20%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #fff;
        border-width: 6px;
        margin-left: -6px;
    }

    #jhkmenu .menu ul li {
        display: block;
        float: none;
        background: none;
        margin: 0;
        padding: 0;
    }

        #jhkmenu .menu ul li a {
            font-size: 12px;
            font-weight: normal;
            display: block;
            color: #fff;
            background: #0e5782;
        }

            #jhkmenu .menu ul li a:hover, #jhkmenu .menu ul li:hover > a {
                background: #00b1f1;
                color: #fff;
            }

#jhkmenu .menu li:hover > ul {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0);
}

#jhkmenu .menu ul ul {
    left: 169px;
    top: 0px;
    visibility: hidden;
    opacity: 0;
    transform: translate(20px, 20px);
    transition: all 0.2s ease-out;
}

    #jhkmenu .menu ul ul:after {
        left: -6px;
        top: 10%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(255, 255, 255, 0);
        border-right-color: #fff;
        border-width: 6px;
        margin-top: -6px;
    }

#jhkmenu .menu li > ul ul:hover {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0);
}

#jhkmenu .responsive-menu {
    display: none;
    width: 100%;
    padding: 0px 15px;
    background: #eee;
    color: #666;
    text-transform: uppercase;
    font-weight: 600;
    text-align: right;
}

    #jhkmenu .responsive-menu span {
        vertical-align: middle;
        padding-bottom: 8px;
    }

    #jhkmenu .responsive-menu i {
        border: 1px solid #eee;
        border-radius: 3px;
        padding: 5px 10px;
    }

    #jhkmenu .responsive-menu:hover {
        background:#eee;
        color: #666;
        text-decoration: none;
    }
@media (min-width: 768px) and (max-width: 979px) {
    .class-srh {
        background: #fff;
        position: none;
        left: 0 !important;
    }

    #jhkmenu .mainWrap {
        width: 768px;
    }

    #jhkmenu .menu ul {
        top: 37px;
    }

    #jhkmenu .menu li a {
        font-size: 12px;
    }

    #jhkmenu a.homer {
        background: #E95546;
    }

    #jhkmenu nav {
        display: block;
        background: #0e5782;
    }
}

@media (max-width: 980px) {



    #jhkmenu .menu {
        display: block;
        background: #0e5782;
    }

    #jhkmenu .mainWrap {
        width: auto;
        padding: 50px 20px;
    }

    #jhkmenu .menu {
        display: none;
    }

    #jhkmenu .responsive-menu {
        display: block;
    }

    #jhkmenu nav {
        margin: 0;
        background: none;
    }

    #jhkmenu .menu li {
        display: block;
        margin: 0;
    }

        #jhkmenu .menu li a {
            background: #A1063D;
            color: #fff;
        }

            #jhkmenu .menu li a:hover, #jhkmenu .menu li:hover > a {
                background: #E21C04;
                color: #fff;
            }

    #jhkmenu .menu ul {
        visibility: hidden;
        opacity: 0;
        top: 0;
        left: 0;
        width: 100%;
        transform: initial;
    }

    #jhkmenu .menu li:hover > ul {
        visibility: visible;
        opacity: 1;
        position: relative;
        transform: initial;
    }

    #jhkmenu .menu ul ul {
        left: 0;
        transform: initial;
    }

    #jhkmenu .menu li > ul ul:hover {
        transform: initial;
    }
}

.sub-menu li a {
    /*color: #000;*/
    display: block;
    font-weight: 100;
    padding: 10px 15px;
    text-decoration: none;
    transition: all 0.2s ease-in-out 0s;
}

@media screen and (max-width:1024px) and (min-width:769px) {
    .h-sub-menu li {
        margin: -1px !important;
    }

    #jhkmenu .menu li a {
        padding: 20px 11px;
    }
}


.div-box {
    border: 1px solid #e7e7e7;
    margin-bottom: 20px;
}

.div-box2 {
    border: 1px solid #999;
    margin-bottom: 20px;
}

.header-cont {
    background: #3a83c8;
    color: #fff;
    font-size: 16px;
    padding: 6px;
}

.header-cont1 {
    background: #dd4d28;
    color: #fff;
    font-size: 16px;
    padding: 6px;
}

.header-cont2 {
    background: #21c3db;
    color: #fff;
    font-size: 16px;
    padding: 6px;
}

.header-cont3 {
    background: #b71708;
    color: #fff;
    font-size: 16px;
    padding: 6px;
}

div.div-box .panel-heading {
    background-color: #c6e5f8 !important;
    border-color: #ddd;
    color: #333;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.div-box .panel {
    border-radius: 0px !important;
    margin-bottom: 0;
}

.div-box .panel-group {
    margin-bottom: 0px !important;
}



/*Photo gallery CSS*/


div.photogall ul {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

    div.photogall ul li {
        list-style: none;
        margin-bottom: 25px;
    }

        div.photogall ul li img {
            cursor: pointer;
        }

div.photogall .modal-body {
    padding: 5px !important;
}

div.photogall .modal-content {
    border-radius: 0;
}

div.photogall .modal-dialog img {
    text-align: center;
    margin: 0 auto;
}

div.photogall .controls {
    width: 50px;
    display: block;
    font-size: 11px;
    padding-top: 8px;
    font-weight: bold;
}

div.photogall .next {
    float: right;
    text-align: right;
}

div.photogall .modal-dialog {
    max-width: 500px;
    padding-top: 90px;
}

#photogall .modal-body img {
    width: 100% !important;
}

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


    .class-srh {
        background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    }

    div.photogall .modal-dialog {
        width: 500px;
        padding-top: 90px;
    }
}

@media screen and (max-width:980px) {
    .class-srh {
        background: #fff;
        z-index: 99999 !important;
    }

    .carousel-caption {
        bottom: 20px;
        color: #fff;
        left: 15%;
        padding-bottom: 0px !important;
        padding-top: 0px !important;
        position: unset !important;
        right: 15%;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
        z-index: 10;
    }

    .quick-menu {
        text-align: center;
    }

        .quick-menu li {
            padding: 5px;
        }

    #jhkmenu .menu li a {
        padding: 10px 4px;
    }
}


.int-header {
    background: #ececec;
    border: 1px solid #8d8d8d;
    margin-right: 0px;
}

.spheading {
    color: #1661a4;
    float: left;
    font-size: 18px;
    font-weight: bold;
    margin: 15px;
}

.sp-in-head {
    font-size: 16px;
    padding: 0;
    position: relative;
    top: 12px;
}

.sml-sponsor {
    float: right;
}

    .sml-sponsor li {
        margin-left: 15px;
    }

.logbox {
    background: #3a83c8;
    padding: 16px;
}

    .logbox .jhkfrm {
        background: none;
        padding: 3px 25px;
    }

.tour-logtxt {
    color: #fff;
    font-size: 14px;
}

.h-sub-menu li {
    text-align: center;
}

.table td {
    border: none !important;
    border-bottom: 1px solid #ddd !important;
}





/*classifieds css*/

.class-srh {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    z-index: 99999 !important;
    border: 1px solid #444;
}

    .class-srh .jhkfrm {
        background: none;
        padding: 5px;
    }

.chkfrm .jhkfrm button {
    background: #414143 !important;
    color: #fff;
    width: auto;
    padding: 5px;
}

.class-btn {
    text-align: right;
}

.class-social .class-respond {
    background: #aa191c;
}

.carousel-control.right, .carousel-control.left {
    display: none;
}

.carousel-caption {
    bottom: 30% !important;
    color: #fff;
    left: 25% !important;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    right: 0 !important;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    top: 35% !important;
    z-index: 10;
}

.class-slider {
    margin: 5px 0px;
}

    .class-slider img {
        border: 1px solid #999;
    }

.class-slider2 {
    background: #000;
}

.jcarousel-wrapper {
    text-align: center !important;
}

.class-scroller {
    background-image: url(../images/scrollnews01.png);
    background-repeat: no-repeat;
    height: 36px;
    color: #fff;
    width: 194px;
    padding: 10px;
    font-weight: bold;
}

.class-scroller2 {
    background-image: url(../images/scrollnews02.png);
    background-repeat: no-repeat;
    height: 36px;
    color: #fff;
    width: 194px;
    padding: 10px;
    font-weight: bold;
}

.class-scroller3 {
    background-image: url(../images/scrollnews03.png);
    background-repeat: no-repeat;
    height: 36px;
    color: #fff;
    width: 194px;
    padding: 10px;
    font-weight: bold;
}

.class-scroller4 {
    background-image: url(../images/scrollnews04.png);
    background-repeat: no-repeat;
    height: 36px;
    color: #fff;
    width: 194px;
    padding: 10px;
    font-weight: bold;
}

.classscrollnews {
    margin-bottom: 5px;
}

.scrolnewsbox {
    background: #e6e6e6;
    margin-bottom: 10px;
}

    .scrolnewsbox marquee {
        font-weight: bold;
        height: 36px;
        margin-bottom: 10px;
    }

.class-entry {
    Background: #333;
    font-weight: bold;
    color: #fff;
    padding: 10px;
    height: 125px;
}

    .class-entry h5 {
        font-size: 16px;
    }

    .class-entry label {
        font-weight: 100;
    }

.class-mslc {
    background: #3983c7;
    color: #fff;
    font-weight: bold;
    padding: 20px;
    height: 125px;
}

    .class-mslc div {
        margin-bottom: 10px;
    }

.class-leftpane, .class-rightpane, .class-centerpane {
    margin: 10px 0px;
}

.class-leftpane {
    background: #fdf1eb;
    border: 1px solid #999;
}

.class-rightpane {
    background: #e2eff3;
    border: 1px solid #999;
}

.class-leftpane .pane-heading {
    background: #b2720a;
    color: #fff;
    font-size: 18px;
    padding: 3px;
}

.pane-txt label {
    font-weight: 100;
    padding: 3px;
}

    .pane-txt label img {
        max-width: 100%;
    }

.class-rightpane .pane-heading {
    background: #056283;
    color: #fff;
    font-size: 18px;
    padding: 3px;
}

.class-centerpane .pane-heading {
    background: #aa1a1c;
    color: #fff;
    font-size: 18px;
    padding: 3px;
}

.class-centerpane {
    border: 1px solid #999;
}

.pane-heading-bg {
    background: #000;
    color: #fff;
    font-size: 16px;
    padding: 3px;
}

.class-centerpane nav {
    text-align: right !important;
    margin-right: 5px;
}

.class-centerpane ul {
    padding: 0px;
    margin: 0px;
}



.class-social ul li, .class-like ul li {
    display: inline;
    list-style-type: none;
}

.class-social ul {
    margin: 0px;
    padding: 0px;
    /*border-top: 1px solid #ddd;*/
}

    .class-social ul li img, .class-social img {
        border-radius: 2px;
    }

.class-like label {
    font-weight: 100;
    margin-left: 10px;
}

.class-like li {
    margin: 10px 10px;
}

.class-list-btn button {
    background: #414143;
    border-radius: 3px;
    color: #fff;
    border: none;
    padding: 5px;
}

.class-list-btn {
    text-align: left;
    margin-bottom: 10px;
}

.footer-links {
    /*margin-top: 10px;*/
    /*padding: 3px;*/
    /*background: #A1063D;*/
}

.class-list-bg {
    background: #fff;
    margin: 10px;
    padding: 10px;
    border: 1px solid #ccc;
}

.class-list-ftr {
    background: #ccc;
    padding: 5px;
    color: #666;
}

.class-list-btn img {
    border-radius: 3px;
    margin-bottom: 3px;
}

.div-box img {
    max-width: 100%;
}

.evthead {
    background: #ab0b2f;
    padding: 3px;
    color: #fff;
}

    .evthead h4 {
        margin-left: 5px;
    }

.events-log li {
    list-style-type: none;
    display: inline-block;
    margin: 0px 20px;
}

.modal-header {
    border-bottom: none !important;
}

.tournment-footer {
    background: url("../images/login-bg.png") !important;
    background-repeat: no-repeat;
    /*background:#222;*/
    color: #fff;
    padding: 10px;
    font-size: 12px;
    background-attachment:fixed!important
}

    .tournment-footer ul li {
        list-style-type: none;
    }

.soc-icon li {
    display: inline;
    margin: 0px 3px;
}

.soc-icon {
    /*text-align: right;*/
}

.jhk-cpy {
    font-size: 12px;
    text-align: right;
    /*border-top: 1px solid #f9f9f9;*/
    padding: 5px;
    text-align: center;
}

.left-menu-panel ul li {
    list-style-type: none;
    border-bottom: 1px solid #e7e7e7;
    margin: 10px;
    padding: 10px;
}

.left-menu-panel {
    padding: 25px 0px;
    width: 100%;
}

    .left-menu-panel ul li span {
        float: right;
        color: #999;
    }

    .left-menu-panel ul {
        margin-bottom: 0px !important;
        margin-left: 0px;
    }

.frm-optional {
    border-radius: 5px;
    background: #e7e7e7;
    margin: 10px;
    padding: 10px;
}

    .frm-optional h3 {
        margin: 10px;
        padding: 0px;
    }

    .frm-optional span {
        margin-left: 5px;
    }

.left-panel-active {
    background: #337ab7 !important;
    color: #fff !important;
    border-radius: 0px;
}

    .left-panel-active a, .left-panel-active a span {
        color: #fff !important;
    }

.left-menu-panel li:hover {
    background: #e7e7e7;
}

.Event-Desc-Header h2 {
    font-size: 18px;
    padding: 0;
    margin: 0;
    font-weight: bold;
}

.Event-Promo span {
    color: #337ab7;
    font-weight: bold;
    font-size: 12px;
}

.Event-Box-Heading {
    background: #e7e7e7;
    font-size: 16px;
}

.event-btn button {
    background: #337ab7 none repeat scroll 0 0;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    padding: 5px;
}

.event-btn button {
    text-align: center;
    width: 70%;
}

.right-pane {
    border: 1px solid #ddd;
    margin-bottom: 10px;
}

    .right-pane .Event-Box-Heading, .right-pane .pane-txt {
        padding: 5px;
    }

.pane-txt img {
    text-align: center;
    max-width: 100%;
}

.event-pic, .event-title {
    text-align: center;
}

.event-date-time input {
    width: 100% !important;
}

.social-tbl table {
    margin: 10px auto;
}

.social-tbl td {
    padding: 3px;
    margin: 3px;
}

.breadcrumb {
    background: #A1063D !important;
    color: #fff !important;
    border-radius: 0px !important;
}

    .breadcrumb a {
        color: #fff !important;
    }

.drop-menu {
    z-index: 999999;
}

.carousel-caption {
    top: 7%;
}

.jhksubmenu ul li a:hover {
    background: #414143;
}

.jhksubmenu .navbar-default {
    background: #a1063d none repeat scroll 0 0;
    text-align: center;
}

    .jhksubmenu .navbar-default .navbar-nav > li > a {
        color: #fff !important;
    }

    .jhksubmenu .navbar-default .navbar-nav > li > a {
        padding: 5px 42px;
        text-align: center;
    }

.navbar-default .jhksubmenu-nav > li > a:hover, .navbar-default .jhksubmenu-nav > li > a:focus {
    background: #222 !important;
    color: #fff !important;
}

.jhksubmenu-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .jhksubmenu-toggle:focus {
        outline: 0;
    }

    .jhksubmenu-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
    }

        .jhksubmenu-toggle .icon-bar + .icon-bar {
            margin-top: 4px;
        }

@media (min-width:768px) {
    .jhksubmenu-toggle {
        display: none;
    }


    .jhksubmenu-toggle {
        border-color: #ddd;
    }

        .jhksubmenu-toggle:focus, .navbar-default .jhksubmenu-toggle:hover {
            background-color: #ddd;
        }

        .jhksubmenu-toggle .icon-bar {
            background-color: #888;
        }

    .jhksubmenu-collapse {
        padding-right: 15px;
        padding-left: 15px;
        overflow-x: visible;
        -webkit-overflow-scrolling: touch;
        border-top: 1px solid transparent;
        -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    }

        .jhksubmenu-collapse.in {
            overflow-y: auto;
        }
}

    @media (min-width:768px) {
        .jhksubmenu-collapse {
            width: auto;
            border-top: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .jhksubmenu-collapse.collapse {
                display: block !important;
                height: auto !important;
                padding-bottom: 0;
                overflow: visible !important;
            }

            .jhksubmenu-collapse.in {
                overflow-y: visible;
            }

        .navbar-fixed-bottom .jhksubmenu-collapse, .navbar-fixed-top .jhksubmenu-collapse, .navbar-static-top .jhksubmenu-collapse {
            padding-right: 0;
            padding-left: 0;
        }
    }

    .navbar-fixed-bottom .jhksubmenu-collapse, .navbar-fixed-top .jhksubmenu-collapse {
        max-height: 340px;
    }

    @media (max-device-width:480px) and (orientation:landscape) {
        .navbar-fixed-bottom .jhksubmenu-collapse, .navbar-fixed-top .jhksubmenu-collapse {
            max-height: 200px;
        }
    }

    .container-fluid > .jhksubmenu-collapse, .container-fluid > .navbar-header, .container > .jhksubmenu-collapse, .container > .navbar-header {
        margin-right: -15px;
        margin-left: -15px;
    }

    @media (min-width:768px) {
        .container-fluid > .jhksubmenu-collapse, .container-fluid > .navbar-header, .container > .jhksubmenu-collapse, .container > .navbar-header {
            margin-right: 0;
            margin-left: 0;
        }
    }

    .list-group.panel > .list-group-item {
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .list-group-submenu {
        margin-left: 20px;
    }

    a.list-group-item-success, button.list-group-item-success {
        color: #fff !important;
    }

    a.list-group-item-success {
        background: #e7e7e7 !important;
        color: #444 !important;
    }

    .list-group-item span {
        float: right;
    }

    .list-group.panel > .list-group-item {
        border-radius: 0px !important;
    }

    a.list-group-item-success:hover {
        background: #337ab7 !important;
        color: #fff !important;
    }

    list-group-item .collapse a {
        text-indent: 10px;
    }

    <span > Start Time:</span > <br / > .list-group-item:first-child {
        border-radius: 0px !important;
    }

    .left-panel-sub-item {
        text-indent: 20px;
    }

    .EventDashboardbg {
        background: #f0f0f0;
    }

    .EventDashboardInfobg_One, .EventDashboardInfobg_Two, .EventDashboardInfobg_Three {
        background: #fff;
        padding: 10px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.09);
        margin-bottom: 20px;
    }

    .EventDashboardInfobg_One {
        border-top: 3px solid #840075;
    }

    .EventDashboardInfobg_Two {
        border-top: 3px solid #ee2935;
    }

    .EventDashboardInfobg_Three {
        border-top: 3px solid #f68748;
    }


    .EventDashboard {
        background: #eaeaea;
        border-top: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
        margin: 20px 0px;
    }

    .EventDashboardInfobg_One .row, .EventDashboardInfobg_Two .row, .EventDashboardInfobg_Three .row {
        margin-bottom: 20px;
    }

    .EventDashboardInfobg_One h4, .EventDashboardInfobg_Two h4, .EventDashboardInfobg_Three h4 {
        border-bottom: 1px solid #e2e2e2;
        padding-bottom: 10px;
    }

    .progress {
        height: 8px !important;
    }

    .dashboard-span {
        margin-left: 10px;
    }

    img {
        max-width: 100%;
    }

    .download-btn {
        border-radius: 5px;
        width: 50%;
        padding: 5px;
        background: #c92134;
        margin: 0 auto;
    }

        .download-btn a, .download-btn a:hover {
            color: #fff;
            text-decoration: none;
        }

    .ImageUpload {
        max-width: 150px;
        max-height: 150px;
        border: 1px solid #999;
    }

    .social-share div span, .social-share div span iframe {
        width: 300px !important;
    }

    table.event-list td {
        padding: 10px 5px !important;
    }

    .more-event-btn img {
        /* margin-top: 75%;*/
    }

    .event-list font {
        color: #444;
    }

    .event-list span {
        color: #444;
    }
	.jhkpaging td table td{
        display: inline-block;
        padding: 5px 12px;
        border: 1px solid #999 !important;
        margin-left: -1px;
    }


    .jhkpagination td table td span, .jhkpagination td table td a {
        display: inline-block;
        padding: 5px 12px;
        /*border: 1px solid #999 !important;*/
        margin-left: -1px;
    }

.jhkpagination td table td span {
    background: #222;
    color: #fff;
    /*border: 1px solid #2799dc !important;*/
}

    .jhkpagination td table td a {
        text-decoration: none;
        color: #27799c !important;
    }

    .jhkpagination td table td {
        border-bottom: none !important;
    }

    .jhkpagination td table {
        float: right;
    }

    .event-list-head {
        /*background: #78006d;*/
        color: #333;
        /*padding:10px 0px;*/
        border-bottom: 1px solid #ccc;
    }

        .event-list-head h4 {
            /*margin: 10px;*/
            font-weight: bold;
        }

    .event-list-alt-clr {
        background: #e9e9e9;
    }

    .event-list span span:last-child {
        color: red;
    }

    .event-list span:nth-child(4) {
        color: purple;
    }

    .event-list span:nth-child(3) {
        color: orange;
    }

    .table-bordered {
        border: none !important;
    }

     .table-bordered td {
            border-bottom: none !important;
        }

    .event-list-box {
        border: 1px solid #ccc;
        margin-bottom: 10px;
        box-shadow: 3px 3px 5px #ccc;
        padding: 5px 0px;
        /*width: 230px !important;*/
    }

    .jhk-ad-col-right, .jhk-ad-col-left {
        text-align: center;
    }

  .events-btn:hover{
        padding: 0px 5px; /* border-radius:3px; background:#444;*/
        color: #fff!important;
        text-decoration: none;
        border:1px solid #eee;
        border-radius:3px;
    }
 .events-btn-fav {color:orange!important}
  .events-btn-fav:hover{color:#fff!important;}
    .events-btn { /*background:#e24f37;*/
        color: #fff;
        padding: 0px 5px;
        border-radius: 3px;
         border:1px solid #eee;
        border-radius:3px;
    }

    /*.events-btn-fav { 
        color: #777;
        padding: 3px 5px;
        font-size: 15px;
    }*/

    .event-fb a { /*background:#006fa5; border-radius:50%;*/
        /*color: #777;
        padding: 3px;*/
        font-size: 18px;
    }

    .event-tw a { /*background:#00a1b3; border-radius:50%;*/
        /*color: #777;
        padding: 3px;*/
        font-size: 18px;
    }

    .event-gp a { /*background:#e24f37; border-radius:50%;*/
        /*color: #777;
        padding: 3px;*/
        font-size: 18px;
    }

    .event-in a { /*background:#e07f3c; border-radius:50%;*/
        /*color: #777;
        padding: 3px;*/
        font-size: 18px;
    }

    .event-pin a { /*background:#333333; border-radius:50%;*/
        /*color: #777;
        padding: 3px;*/
        font-size: 18px;
    }

        .event-fb a:hover, .event-tw a:hover, .event-gp a:hover, .event-in a:hover, .event-pin a:hover {
            color: #333;
        }

    .jhklog span {
        /*background: #ccc;*/
        /*border: 1px solid #999;*/
        /*border-radius: 50%;
        padding: 15px;*/
        color: #333;
    }

    .jhklog a {
        font-size: 12px;
        color: #333;
    }

    .jhklog li {
        display: inline-block;
        list-style-type: none;
        margin: 10px;
        text-align: center;
    }

    .navbar {
        min-height: 36px !important;
        margin-bottom: 0px !important;
    }

    .txtcenter {
        text-align: center;
    }

    .events-log img {
        background: #A1063D;
        border-radius: 50%;
        padding: 20px;
    }

    .login-bg {
        background-image: url("../images/login-bg.png") !important;
        background-repeat: repeat;
        background-position: 60% 0%;
        color: #fff;
        background-attachment:fixed;
    }

    .navbar-default {
        border: none !important;
    }

    .datalist-td td {
        padding: 5px !important;
        width: 25% !important;
        vertical-align: top;
    }

        .datalist-td td div {
            margin: 0px 6px;
        }

            .datalist-td td div img {
                border: 0px !important;
                width: auto !important;
            }

    .scrollToTop {
        width: 50px;
        height: 75px;
        padding: 10px;
        text-align: center;
        background: whiteSmoke;
        font-weight: bold;
        color: #444;
        text-decoration: none;
        position: fixed;
        top: 80%;
        right: 4.7%;
        display: none;
        background: url('../images/go-to-top.png') no-repeat 0px 20px;
    }

        .scrollToTop:hover {
            text-decoration: none;
        }

    .margintop {
        margin-top: 20px;
    }
    .marginbottom{margin-bottom:20px;}
    .margin{margin:20px;}

.list-box {
    padding: 5px 10px;
}

.div-bg{
background-color:#fff;
border:1px solid #ddd;
border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
box-shadow:2px 2px 3px  #ccc;
-webkit-box-shadow:2px 2px 3px #ccc;
-moz-box-shadow:2px 3px 2px #ccc;
margin-bottom:5px;
overflow:hidden;
}
    .social-center li span a{color:#fff;}
    .social-center li span a i.fa{color:#fff!important;}
    .tblgrid-height {
    height: 100px;
    vertical-align: top;
}
    .div-bg .txtcenter img{text-align:center!important;}
    .events-log li a,.events-log li a:hover{color:#fff!important;}
    
    .login-centered {
        float: none !important;
        display: block;
        margin-left: auto;
        margin-right: auto;
        border: 1px solid #ddd;
        padding: 20px;
        box-shadow: 5px 5px 5px #e7e7e7;
        border-radius: 8px;
        margin-bottom:20px;
    }
     .signup-btn {
        background: #4e99d6;
        border-radius:3px;
        color: #fff;
        padding: 8px;
        margin: 10px 0px;
    }

       a .signup-btn ,a .signup-btn:hover  {
            color: #fff;
            text-decoration:none;
        }

  
.ribbon .highlight{ color: #ffffff;
    display: block;
    font-size: 10px;
    font-weight: 600;
    left: -72px;
    padding: 8px 0;
    position: absolute;
    text-align: center;
    top: -72px;
    transform: rotate(-45deg);
    width: 200px;
}

.ribbon .highlight {
    background-color: green;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
    color: #fff;
    text-transform: uppercase;
}
.ad-pre{
    /*border:1px solid #ccc;*/
    height:auto;
    overflow:hidden;
    padding:5px;
  background:#fff;
  margin-bottom:0px;


}

.cont-height {
    min-height: 36px;
}
    .map-btn input{background:#e21c04; border:1px solid #e21c04;padding:3px 5px;color:#fff; border-radius:3px;}
    .map-btn{background:#B70640; border:1px solid #B70640;padding:3px 5px;color:#fff; border-radius:3px;}
    .sub-sm-btn button, .sub-sm-btn input, .sub-sm-btn a {background: #e21c04 none repeat scroll 0 0;
    border: medium none;
    border-radius: 2px;
    color: #ffffff;
    font-size: 13px;
    padding: 1px 15px;}


    .home-content{   
    bottom: 16px;
    position: absolute;
    text-align: left;
    color:#fff;
    padding-left:5px;
    background: #000;
    background:rgba(0,0,0,0.6);
    white-space:nowrap;
    display:block;
    width:87%!important; 
}
.home-content a, .home-content a:hover{color:#fff!important;}
.home-content .footer-links{background:none;}
.link-white, .link-white:hover{color:#fff!important;}
.home-content-tbl{width:96%!important;}
.social-home .footer-links img{filter:invert(1);}
#map_canvas {
  width:100%;
  height:400px;
}
/*Breadcrumb css starts*/

.inner-nav { 
  list-style: none; 
  overflow: hidden; 
 background:#B70640;
}
.inner-nav li { 
  float: left; 
      list-style-type:none;
}
.inner-nav li a {
  color: white;
  text-decoration: none; 
  padding: 5px 0 5px 40px;
  background: brown; 
  background:#333; 
  position: relative; 
  display: block;
  float: left;
}
.inner-nav li a::after { 
  content: " "; 
  display: block; 
  width: 0; 
  height: 0;
  border-top: 50px solid transparent; 
  border-bottom: 50px solid transparent;
  border-left: 30px solid #333;
  position: absolute;
  top: 50%;
  margin-top: -50px; 
  left: 100%;
  z-index: 2; 
}
.inner-nav li a::before { 
  content: " "; 
  display: block; 
  width: 0; 
  height: 0;
  border-top: 50px solid transparent;       
  border-bottom: 50px solid transparent;
  border-left: 30px solid white;
  position: absolute;
  top: 50%;
  margin-top: -50px; 
  margin-left: 1px;
  left: 100%;
  z-index: 1; 
}
.inner-nav li:first-child a {
  padding-left: 10px;
}
.inner-nav li:nth-child(2) a       { background:        orange; }
.inner-nav li:nth-child(2) a:after { border-left-color: orange; }
.inner-nav li:nth-child(3) a       { background:        hsla(34,85%,55%,1); }
.inner-nav li:nth-child(3) a:after { border-left-color: hsla(34,85%,55%,1); }
.inner-nav li:nth-child(4) a       { background:        hsla(34,85%,65%,1); }
.inner-nav li:nth-child(4) a:after { border-left-color: hsla(34,85%,65%,1); }
.inner-nav li:nth-child(5) a       { background:        hsla(34,85%,75%,1); }
.inner-nav li:nth-child(5) a:after { border-left-color: hsla(34,85%,75%,1); }
/*.inner-nav li:last-child a {
  background: transparent !important;
  color: black;
  pointer-events: none;
  cursor: default;
}
.inner-nav li:last-child a::after { 
  border: 0; 
}*/
.inner-nav li a:hover { 
    background:#222; 
}
.inner-nav li a:hover:after { 
  border-left-color:#222!important;
}
/*Breadcrumb css Ends*/
.container-bg {
    background-color: #fafafa;
    padding: 10px;
    /*-webkit-box-shadow: -3px 2px 13px -4px rgba(0,0,0,0.75);
-moz-box-shadow: -3px 2px 13px -4px rgba(0,0,0,0.75);
box-shadow: -3px 2px 13px -4px rgba(0,0,0,0.75);*/
    border: 1px solid #dddddd;
    
}
@media screen and (max-width:640px) {

    .slick-slide {
        margin-right: -67px !important;
    }
    .border-rep{
        border:none !important;
    }
    .box-repeat {
       width:281px !important;
    }
    .recent-ad-left{
        margin-left:-20px !important;
    }
    .slick-prev{
        left:-10px !important;
    }
}
.border-rep{
  background: #ffffff none repeat scroll 0 0;
    border: 1px solid #cccccc;
    height: auto;

    overflow: hidden;
    padding: 5px;
    
   
}
.bt-bg{
    /*background-color:red !important;*/
    color:#A1063D !important;
    border:none !important;
    /*float:right;*/
    margin-bottom:5px!important;
    border-radius:0px!important;
    font-weight:bold;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 640px) {
    .realestate-srch {
        display: none !important;
    }
    .head-align{text-align:center;}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
    .bt-bg{
                                         margin-bottom:10px !important;
                                        
                                     }
    .realestate-srch {
        display: none !important;
    }
}
.fl-r{
    float:right;

}

.txtflow{ white-space:nowrap;
          display:block;
    width:85%!important; 
    overflow: hidden;
    text-overflow: ellipsis; 
    }
.txtflow-grid
{
table-layout: fixed; 
width: 100%;
border:0px!important;
}
.txtflow-grid td
{
overflow:hidden; 
text-overflow:ellipsis!important;
white-space:nowrap;
display:block;
border:0px!important;
}

.ad-icon{background:#e21c04; padding:3px;border-radius:2px; color:#fff;margin:5px;}
.adv-icon{font-size:12px!important;margin-top:5px;font-weight:bold}
.pre-bg{background:orange}
.jha-box {
    border: 1px solid #ccc;
    box-shadow: 3px 3px 5px #999; 
    background: #fff;
    margin-bottom: 20px;
    /*width:300px;*/
}
.list-box {
    /*border: 1px solid #ccc;*/
    margin-bottom: 10px;
    padding: 5px;
    /*border-radius: 5px;*/
    /*box-shadow: 0px 2px 5px #ccc;*/
}

    .list-box h4 {
        border-bottom: 1px solid #ccc;
        padding-bottom: 5px;
        /*color: #0063bd;*/
    }
    .cont-div {
    background: #fff;
    padding: 5px;
    /*box-shadow: 3px 3px 5px #ccc;*/
    /*margin-bottom: 20px;*/
}
     .slider {
        width: 100%;
        margin: 0 auto;
    }

    .slick-slide {
      margin: 0px -7px;
    }

    /*.slick-slide img {
      width: 100%;
    }*/

.slick-prev {
    background-image:url("../images/button-previous.png")!important; background:none;
    background-repeat:no-repeat!important;width:25px;height:25px;
}
    .slick-next{
    background-image:url("../images/button-next.png")!important;background:none;
    background-repeat:no-repeat!important;width:25px;height:25px;    
    }
    .margin-top {
    margin-top: 10px;
}
.margin-top-20 {
    margin-top: 20px;
}

.margin-right {
    margin-right: 10px;
}

.margin-bottom {
    margin-bottom: 10px;
}

.margin-left {
    margin-left: 10px;
}

.margin {
    margin: 10px;
}
.border-left {
    border-left: 1px solid #ddd;
}

.padding-left {
    padding-left: 10px;
}

.padding-right {
    padding-right: 10px;
}

.padding-top {
    padding-top: 10px;
}

.padding-bottom {
    padding-bottom: 10px;
}

.padding {
    padding: 5px;
}

.eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

    .eq-height > [class*='col-'] {
        display: flex;
        flex-direction: column;
    }

.footer-i-btn a {
    border: 1px solid #e21c04;
    padding: 3px 5px;
    border-radius: 3px;
    font-size: 12px;
    background: #e21c04;
    color: #fff;
}

.footer-i-btn i {
    font-size: 12px !important;
}

.footer-i-btn a:hover, .footer-i-btn a:focus {
    border: 1px solid #ccc;
    padding: 3px 5px;
    border-radius: 3px;
    text-decoration: none;
    color: #555;
    background: #fff;
}
    .list-btn {
    background: orange none repeat scroll 0 0 !important;
    border: 1px solid #da8f05 !important;
    color: #ffffff !important;
    padding:3px 5px!important;
    border-radius:3px!important;
}
    .list-btn:hover {
        background: #fff !important;
        color: #666 !important;
        border: 1px solid #999 !important;
    }

    .respond-btn {
    background:#B70640 !important;
    color: #fff !important;
    border: 1px solid #B70640 !important;
    padding:6px 25px !important;
    border-radius:3px!important;
    width:100%;
}
    @media screen and (max-width:640px) {
        .jha-box {
            width:260px;
        }

    .slick-slide {
        margin-right: -67px !important;
    }
    .border-rep{
        border:none !important;
    }
    .box-repeat {
       width:281px !important;
    }
    .recent-ad-left{
        margin-left:-20px !important;
    }
    .slick-prev{
        left:-10px !important;
    }
}
.box-border{border-top:2px solid #b70640;}
    .white-bg {
    background: #fff;
    box-shadow: 0px 0px 2px 1px #ccc;
}
    
.border-bottom {
    border-bottom: 1px solid #ccc;
}

.i-color {
    color: green;
}

.i2-color{color:#b70640!important;}

.i-size {
    font-size: 25px !important;
}

.i2-size {
    font-size: 20px !important;
}

.i3-size {
    font-size: 12px !important;
}

.i-youtube {
    color: #E62216;
}
.h-tag{margin:0px!important;}
 .listitem {
    border-bottom: 1px solid #ccc;
    /*margin-bottom: 15px !important;*/
}
    .listitem .soc-icon {
        margin-top: 20px;
    }

    .listitem h3 {
        margin: 0px;
        font-size:20px;
    }
    .listitem a{color:#333;}
    .listitem a:hover{text-decoration:none;color:#333;}
    .listitem-img img{border:1px solid #ccc!important;margin-bottom:10px}
.tournment-footer a{color:#fff;text-decoration:none;font-size:13px;}
.tournment-footer a:hover{color:#999;text-decoration:none;}
.footer-border{border-bottom:1px solid #999;}
.spec-icons img {
    border: 1px solid #666666;
    border-radius: 10%;
    margin: 8px;
    padding: 3px;
}
 .inner-list ul li {
    list-style-type: none;
    /*padding: 5px 0px;*/
    color: #555;
}
 
 .i-style{border:1px solid #B70640; padding:5px;border-radius:3px;color:#B70640}
 .icon-font th{font-family:FontAwesome, CustomFont;font-size:14px;}
 .icon-font td{padding:5px 0px!important;vertical-align:middle}
.icon-font-date::before {
    content: "\f274 ";
   margin:0px 3px;
    font-family:FontAwesome, CustomFont;
    font-size:16px;
    color:#A1063D;
  
}
.icon-time-home::before {
    content: "\f017";
   margin:0px 3px;
    font-family:FontAwesome, CustomFont;
    font-size:18px!important;
}
.icon-date-home::before {
    content: "\f274 ";
   margin:0px 3px;
    font-family:FontAwesome, CustomFont;
    font-size:16px;
}
.acc_container {
    /*margin: 0 0 5px;
    padding: 0;
    overflow: hidden;
    font-size: 1.2em;*/
    width: 480px;
    clear: both;
    background: #fff;
    border: 1px solid #d6d6d6;
    box-shadow: 0px 0px 2px #ccc;
    /*-webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;*/
    /*border-top:none;*/
    position: absolute;
    z-index: 9999 !important;
    top: 30px;
    left: -40px;
}
.acc_container .block {
    padding: 20px;
}
.home-search input{display:none!important;}
.divclose {
  background: #efefef none repeat scroll 0 0;
    border: 1px solid #ddd;
    /*border-radius: 3px;*/
   
    cursor: pointer;
    display: inline-block;
    float: right;
    font-size: 14px;
    padding: 2px 10px;
    position: relative;
    top: -15px;
}
.divclose a, .divclose a:hover{color:#333;text-decoration:none;}
.location-search li{display:inline}
.premium-content{   
 position: relative; 
   width: 100%; 
}
.border-box{box-shadow:0px 0px 3px #ccc;}

@media screen and (max-width:640px) {
    .slick-next {
        right: -12px!important;
    }
.premium-home-content-two .home-content{
    bottom: 25px;
    position: absolute;
    text-align: left;
    color:#fff;
    padding-left:5px;
    background: #000;
    background:rgba(0,0,0,0.6);
    white-space:nowrap;
    display:block;
    width:87%!important; 
}
.acc_container{width:300px;}
.locationvaluediv{top:40px;}
}
.time-class{border:1px solid #A1063D;border-radius:3px; padding:0px 3px; background:#a1063d;color:#fff;font-size:11px!important}
.event-box{width:240px!important;}
@media screen and (max-width:640px) {
    .event-box{width:287px!important;}
    }
.listitem-box{background:#B70640;color:#fff}
@media screen and (max-width:640px) {
    /*#flex-order {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
       
        -webkit-flex-flow: column-reverse;
        flex-flow: column-reverse;
    }

        #flex-order > #flex-a {
            order: 1;
        }

        #flex-order > #flex-b {
            order: 2;
        }

         #flex-order > #flex-c {
            order: 3;
        }*/

    #div-flex{ display: flex; flex-flow: column;
    }
    #flex-b   {order: 1;}

#flex-c {order: 3;}
#flex-a  {order: 2;}

      
}
  .framevideo iframe{max-width:100%}
  .btn-brochure td{border:1px solid #fff}
  .btn-download{background:#B70640; border:1px solid #B70640;padding:3px 5px;color:#fff!important; border-radius:3px;}
  .frm-inputs select{padding:0px!important;}

  .ribbon-featured .ribbon{
    background-color:#e21c04;
    color:#3997ba;
    box-shadow:0 0 2px 0 rgba(0,0,0,.2);
    text-transform:uppercase;
}
.ribbon-featured{
    position:absolute;
    top:0;
    left:0;
    overflow:hidden;
    bottom:0;
    right:0;
}
.ribbon-featured .ribbon{
    color:#fff;
    display:block;
    text-align:center;
    /*top: 13px;*/

font-weight:100;
width: 90px;
padding: 3px 0;
position: relative;
font-size: 10px;
margin:0 auto;
/*-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);*/
overflow:hidden;
}

.ribbon{position:relative;top:20px;overflow:hidden;}
.border-box-srch{box-shadow:0px 0px 3px #e21c04;}
.box-repeat {
    height: auto;
    overflow: hidden;
}
@media screen and (max-width:480px) {
    .search-width{width:95%;}
    .search-width select{margin-top:25px!important;}
    .location-search select{ width:100%!important}
    .location-search input{width:100%!important;margin:5px 0px ;}
}
.sud-srch .input-group-addon input {
    background: none;
    border: 0;
}

.pac-container {
    z-index: 9999999 !important;
}

.sud-srch .input-group {
    width: 100%;
}
.post-height{height:400px; overflow-y:auto;}
.class-Post ul li {
    border-bottom: 1px solid #ccc;
    padding: 6px;
    list-style-type: none;
    color:#333;
}
.class-Post ul a, .class-Post ul a:hover{color:#333!important;text-decoration:none;}
.class-Post li {
    list-style-type: none;
}

.class-Post #tabs a:hover {
    text-decoration: none;
}

.class-Post li:hover {
    background: #eee;
}

.form-control {
    height: 30px !important;
}
.rdcategory td input, .rdSubCategory td input{/*display:none;*/}
.rdcategory td, .rdSubCategory td{border-bottom:1px solid #ccc; padding:3px;}
.rdcategory td:hover, .rdSubCategory td:hover{background:#eee!important;}
.rdcategory td label, .rdSubCategory td label{font-weight:100!important;}
.jhklog div {
    float: left;
    display: inline;
    margin-left: 10px;
    padding:5px;
    text-align: center;
    color: #999 !important;
}

.jhklog a {
    color: #333;
    text-decoration: none;
}

    .jhklog a:hover {
        color: #414143;
    }
    .logo img {
    margin: 5px 0px;
}
p.acc_trigger {
    float: left;
    font-size: 1.5em;
    font-weight: normal;
    margin: 0;
    padding: 0;
}
.err-class {
    display: none;
    background: #F2DEDE;
    border: 1px solid #EBCCD1;
    padding: 5px;
    margin: 5px;
    width: 100%;
    float: left;
    color: #A94442 !important;
}

.err-msg {
    background: #F2DEDE;
    border: 1px solid #EBCCD1;
    padding: 5px;
    margin: 5px;
    width: 100%;
    float: left;
    color: #A94442 !important;
    font-weight: bold;
}

    .err-class:before, .err-msg:before {
        content: "\f061";
        font-family: FontAwesome;
        margin-right: 8px;
    }

.err-class-img {
    background: #F2DEDE;
    border: 1px solid #EBCCD1;
    padding: 5px;
    margin: 5px;
    width: 100%;
    float: left;
    color: #A94442 !important;
    font-weight: bold;
}

    .err-class-img:before {
        content: "\f061";
        font-family: FontAwesome;
        margin-right: 8px;
    }
.img-responsive {
	max-width: 100%;
}

.cls-Red, .cls-Red:hover {
    color: #fff !important;
    background: orange !important;
}

.main-menu-link a:hover {
	color:#fff!important;
	}
.main-menu-link a {
    color: #333 !important;
    padding: 3px 2px !important;
    font-weight: bold !important;
    /*border: 1px solid #ccc;
    background: #eee;*/
}



.home-content-temp {
width:288px!important;
position:absolute;
bottom:16px;
 text-align: left;
    color:#fff;
    padding-left:5px;
    background: #000;
    background:rgba(0,0,0,0.6);
    white-space:nowrap;
    display:block;
}
	.home-content-temp a, .home-content-temp a:hover {
	color:#fff;
	}
	.dropdown-menu, .dropdown-menu a {
    color: #333333!important;
    font-size: 12px!important;
}
    .gallery-btn .button{background:#e21c04!important; border:none!important;padding:2px 10px;border-radius:3px; font-weight:normal }
    .gallery-btn{padding-top:10px!important;}




    .navbar-trans {
  background-color: transparent;
  border: none;
  transition: top 1s ease;
}
 
/*double row*/
.navbar-doublerow > .navbar{
	display: block;	
	padding: 0px auto;
	margin: 0px auto;
	min-height: 25px;
}
.navbar-doublerow .nav{
	padding: 0px auto;
}
.navbar-doublerow .dividline{
  margin: 5px 100px;
  padding-top: 1px;
  background-color: inherit;
}
/*top nav*/
.navbar-doublerow .navbar-top ul>li>a {
	padding: 10px auto;
	font-size: 12px;
} 
/*down nav*/
.navbar-doublerow .navbar-down .navbar-brand {
	padding: 0px auto;
	float: left;
	color: #fff;
	font-size: 32px;
}
.navbar-doublerow .navbar-down ul>li>a{
	font-size: 16px;
	color: #fff;
	transition: border-bottom .2s ease-in , transform .2s ease-in-out;
}
.navbar-doublerow .navbar-down ul>li>a:hover{
	border-bottom: 1px solid #fff;
	color: #fff;
}
.navbar-doublerow .navbar-down .dropdown{
    padding: 5px;
    color: #000;
}
.navbar-doublerow .navbar-down .dropdown ul>li>a,
.navbar-doublerow .navbar-down .dropdown ul>li>a:hover{
  color: #000;
  border-bottom: none;
}
.navbar-doublerow.navbar-trans.afterscroll {
}	
.navbar-doublerow.navbar-trans.afterscroll {
   top:-50px;
}	

.flex-container {
    display: flex;
    justify-content: space-between;
}
.flex-item {
}
/*text*/
.text-white,.text-white-hover:hover{color:#fff!important}
/*fontcolor*/
.light-grey {color:#000!important;background-color:#E6E9ED!important}
.srch-width{width:500px;}


.ajax-srch{z-index:99999!important;background:#fff;border:1px solid #ddd;padding:5px; list-style-type:none;height:200px!important;overflow-y:scroll!important}
 .ajax-srch li{border-bottom:1px solid #ddd!important;line-height:30px;display:block}
 .post-ad-frm .chzn-container-single{width:100%!important;margin-bottom:10px;margin-top:0px!important;height:35px!important;}
 .form-control{padding:2px 12px!important;}
 .sub-btn .form-control{padding:6px 12px!important;}

.cls-verified {
    background-image: url(../images/verified-icon.png) !important;
    background-repeat: no-repeat;
    color: green !important;
    background-position: 2px 25%;
    font-size: 12px;
    text-decoration: none;
    /*background-color: green;*/
    border-radius: 3px;
    padding: 5px 5px 5px 30px;
    /*font-weight:bold;*/
    /*margin:5px;*/
}

.cls-verify {
    background-image: url(../images/verify-icon.png) !important;
    background-repeat: no-repeat;
    color: maroon !important;
    background-position: 2px 25%;
    font-size: 11px;
    text-decoration: none;
    /*background-color: orange;*/
    border-radius: 3px;
    padding: 5px 5px 5px 30px;
}

/*.verify-bg {
    background:orange;
    padding: 0px 5px;
    border-radius: 3px;
}*/

/*.verified-bg {
    background: green;
    padding: 0px 5px;
    border-radius: 3px;
}*/

.gallery-width td{width:20%!important;}
.gallery-width td img{width:180px; height:150px}
.shadow-box{box-shadow:2px 2px 3px #ddd;border:1px solid #ccc;margin-bottom:10px;}
/*.listitem-img img:hover{ -moz-transform: scale(2);
  -webkit-transform: scale(2);
  transform: scale(2)!important;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin-left:75px;
}*/

.all-events-box {
   border: 1px solid #ccc;
    box-shadow: 0 0 5px 2px #cccccc;
    background: #fff;
    margin-bottom: 20px;
    width: 287px;
}

.ribbon .list-highlight{ color: #ffffff;
    display: block;
    font-size: 10px;
    font-weight: 600;
    left: -48px;
    padding: 5px 0;
    position: absolute;
    text-align: center;
    top: -60px;
    transform: rotate(-45deg);
    width: 140px;
}

.ribbon .list-highlight {
    background-color: green;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
    color: #fff;
    text-transform: uppercase;
}
.imgborder img{
    /*border:1px solid #ccc;
    margin:4px;
     box-shadow:0px 0px 2px 3px #eee;*/
    padding:5px!important;
    
}

 @media screen and (-webkit-min-device-pixel-ratio:0)
  {
  .ribbon .highlight{ color: #ffffff;
    display: block;
    font-size: 10px;
    font-weight: 600;
    left: -77px;
    padding: 8px 0;
    position: absolute;
    text-align: center;
    top: -12px;
    transform: rotate(-45deg);
    width: 200px;
}
}

 @media screen and (-webkit-min-device-pixel-ratio:0)
{ 
   .ribbon .list-highlight{ color: #ffffff;
    display: block;
    font-size: 10px;
    font-weight: 600;
    left: -50px;
    padding: 5px 0;
    position: absolute;
    text-align: center;
    top: -11px;
    transform: rotate(-45deg);
    width: 140px;
}
   .ribbon .highlight{ color: #ffffff;
    display: block;
    font-size: 10px;
    font-weight: 600;
    left: -77px;
    padding: 8px 0;
    position: absolute;
    text-align: center;
    top: -12px;
    transform: rotate(-45deg);
    width: 200px;
    z-index:9;
}
}
 .no-padding{padding:0px!important;}
 .img-border img{ border:1px solid #ccc!important; box-shadow:3px 3px 5px #ccc; padding:10px;}
 .celeb-details li{padding:5px 0px;}
 .celeb-details li i{background:#e21c04; border-radius:50%;  color:#fff; padding:5px;}
 .command-btn{background:#e21c04; color:#fff;border:none; border-radius:3px; padding:5px 10px;}

.comments-grid td{border:none; padding:2px; }
.comments-grid{border:none; width:100%;}
.comment-date{font-size:11px;color:#ccc}
.user-comments-icon{font-size:30px;margin-right:10px;background:#eee;color:#ccc; padding:10px;}
.user-comments{background:#f9f9f9; padding:5px;font-size:11px; width:100%}
.no-padding{padding:0px!important;}

.jhkfrm textarea {
    border: 1px solid #ccc !important;
    border-radius: 3px;
    padding: 5px !important;
}


.sub-btn a, .sub-btn button, .sub-btn input, .sub-btn-mod {
    background: #E21C04;
    border: none;
    border-radius: 3px;
    color: #fff;
    padding: 6px 20px;
    font-size: 12px;
    /*display: block;*/
}

.navbar-collapse.in {
    width: 100%;
}

a.dropdown-toggle {
    color: #fff;
}

.dropdown-menu, .dropdown-menu a {
    color: #222 !important;
}

.navbar-nav .open .dropdown-menu {
    background: #fff !important;
}

.navbar-toggle .icon-bar {
    background: #222;
}

.text-right {
    text-align: right;
}

.jhklog div {
    float: right;
    display: inline;
    margin-left: 10px;
    padding: 5px;
    text-align: center;
    color: #999 !important;
}

.navbar-nav > li > a {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.navbar-brand {
    float: left;
    height: 50px;
    padding: 0px 15px !important;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 35px;
}

@media only screen and (min-device-width:320px) and (max-device-width:640px) {
    .navbar-brand {
        float: left;
        height: 50px;
        padding: 0px 15px !important;
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 0px;
    }

    .navbar-collapse {
        background: #e21c04 !important;
    }

    .navbar-header {
        background: #eee !important;
    }

    .srch-width {
        width: 300px !important;
    }

    .sub-btn a, .sub-btn button, .sub-btn input, .sub-btn-mod {
        background: #E21C04;
        border: none;
        border-radius: 3px;
        color: #fff;
        padding: 6px 20px;
        font-size: 12px;
        display: block;
    }

    .locationvaluediv {
        position: relative;
        left: 70px;
        top: -25px;
    }

    .dropdown-toggle {
        color: #fff !important;
    }

    li.mega-dropdown {
        padding-left: 10px;
    }

    .jhklog div a, .jhklog div span {
        color: #fff;
    }

    .navbar-brand {
        padding: 0px 15px !important;
    }

        .navbar-brand img {
            width: 60px;
        }

    .srch-width {
        width: 300px !important;
    }

    .srch-input input {
        width: 100%;
        height: 35px;
        border-radius: 3px;
        border: 1px solid #ccc !important;
        padding-left: 10px;
    }

    .input-group {
        width: 100%;
        left: 0%;
        top: -5px;
    }

    .acc_container {
        width: 300px;
        z-index: 999999 !important;
    }

    .location-search input, .location-search select {
        width: 100% !important;
    }

    .location-search li {
        margin: 5px;
    }

    .accordion {
        position: absolute;
    }

    p.acc_trigger {
        left: 100px;
    }
}

.accordion {
    position: absolute;
    left: 10%;
}

.nav > li > a:hover {
    background: #e21c04 !important;
    color: #fff !important;
}

.dropdown-menu {
    z-index: 999999 !important;
}

.navbar {
    margin-bottom: 0px !important;
}
@media screen and (max-width:980px) {
    p.acc_trigger {
        position: relative;
        top: -45px;
        /*left: 30%;
        float: none;*/
    }
}
.form-control{font-weight:normal;}




/*-----------------------------------------New detail page design CSS--------------------------------------------------*/

.page-bg {
    background: #eee;
}

.box-border {
    border-top: 0px !important;
    border-radius: 5px;
}

.i2-color {
    color: #fba907 !important;
}

.color-maroon {
    color: maroon;
}

.breadcrunb-nav a {
    font-size: 14px;
    color: #333;
}

ad-pre
.breadcrunb-nav li {
    padding: 0px;
}

.directory-box {
    border-radius: 5px;
    box-shadow: 0px 0px 2px 1px #ccc;
    background: #fff;
    margin-bottom: 8px;
}

.no-padding {
    padding: 0px !important;
}

.ad-pre {
    /*border: 1px solid #ccc;*/
    height: auto;
    overflow: hidden;
    /*padding: 5px;*/
    background: #fff;
    /*margin-bottom: 10px;*/
}

.img-position {
    position: relative;
    top: -10px;
    padding-left: 5px;
}

.ribbon .highlight {
    color: #ffffff;
    display: block;
    font-size: 10px;
    font-weight: 600;
    left: -33px;
    padding: 3px 0;
    position: relative;
    text-align: center;
    top: 13px;
    transform: rotate(-45deg);
    width: 112px;
    z-index: 9;
}

.i-circle-map {
    border: 1px solid #666;
    border-radius: 50%;
    padding: 4px;
    line-height: 10px;
    width: 18px;
    height: 18px;
    margin: 3px;
}

/*.timings-tbl td{padding:3px 8px!important; vertical-align:middle}*/
.timings-tbl ul {
    margin-bottom: 0px;
}

    .timings-tbl ul li:first-child {
        width: 30px;
    }

.navbar-brand {
    float: left;
    height: 50px;
    padding: 0px 15px !important;
    font-size: 18px;
    line-height: 20px;
    /*margin-bottom: 35px;*/
}

.i-circle-big {
    border-radius: 50%;
    border: 1px solid white;
    color: white;
    line-height: 1.5em;
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    display: inline-block;
}

.banner-content {
    bottom: 25% !important;
    width: 100% !important;
    position: relative;
    text-align: left;
    color: #fff;
    padding-left: 5px;
    background: #000;
    background: rgba(0,0,0,0.8);
    white-space: nowrap;
    padding: 8px;
}

.banner-heading {
    font-size: 25px;
}

.header-txt {
    color: #fff;
    font-size: 16px;
}

@media screen and (max-width:640px) {
    .banner-heading {
        font-size: 20px;
    }

    .header-txt {
        color: #fff;
        font-size: 12px;
    }

        .header-txt i {
            font-size: 12px !important;
        }

    .banner-content {
        bottom: 0% !important;
        width: 100% !important;
        position: relative;
        text-align: left;
        color: #fff;
       
        background: rgba(0,0,0,0.8);
       white-space:unset!important;
      
      
    }
    .img-height{height:160px!important;}
    .banner-height{height:auto!important;}
    .text-multiline{white-space:normal!important; font-size:16px;width:100%!important; padding:0px!important;}
    .location-multiline {
        white-space: normal !important;
        font-size: 12px;
        width: 100% !important
    }
}

.restaurant-icon img {
    padding-bottom: 5px;
}

.margin-top-20 {
    margin-top: 20px;
}

#jhkmenu .h-sub-menu {
    margin-bottom: 0px !important;
}

.anchor-tag {
    color: #000;
    font-size: 14px;
    font-weight: normal !important;
}

    .anchor-tag:hover {
        text-decoration: none !important;
        color: #000;
    }

.cont-div {
    background: #fff;
    padding: 0px;
    border-radius: 8px;
    /*box-shadow: 3px 3px 5px #ccc;*/
    /*margin-bottom: 20px;*/
}

.img-radius {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.sub-text {
    font-size: 12px !important;
}

.rating-icon {
    padding: 3px;
    position: relative;
    top: 2px;
}

.color-dark {
    color: #333;
}

.font16 {
    font-size: 16px;
}

.i-circle {
    border: 1px solid #666;
    border-radius: 50%;
    padding: 4px;
    line-height: 10px;
    width: 18px;
    height: 18px;
    margin: 3px;
}

.i-img-circle {
    border: 1px solid #666;
    border-radius: 50%;
    padding: 2px;
    line-height: 10px;
    width: 21px;
    height: 21px;
    margin: 3px;
}

.accordion_head {
    background-color: #fff;
    color: #666;
    cursor: pointer;
    font-size: 14px;
    margin: 0 0 1px 0;
    padding: 5px 8px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.accordion_body {
    background: lightgray;
    margin-top: 5px;
}

    .accordion_body p {
        padding: 18px 5px;
        margin: 0px;
    }

.plusminus {
    float: right;
}


.a-tags, .a-tags:hover {
    color: #444 !important;
    text-decoration: none;
    font-weight: normal !important;
    font-size: 16px !important;
}
.img-dynamic img{
    width: auto!important;
   
    
    margin:0 auto!important;
}
.img-dynamic {
    background: #000;
     text-align: center !important;
}
.directory-box {
    border-radius: 5px;
    box-shadow: 0px 0px 2px 1px #ccc;
    background: #fff;
    margin-bottom: 8px;
}
.navbar{border:none!important; border-radius:0px!important;}

.display-btn {
    border: none;
    background: #e21c04 !important;
    padding: 3px 6px;
    color: #fff;
    position: relative;
    left: 100px;
    top: 5px;
}

.site-main article {
    padding: 0px !important;
}

.site-content .container {
    padding: 0px !important;
}

    .site-content .container .col-sm-8 {
        padding: 0px !important
    }

#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #head-mobile {
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

    #cssmenu:after, #cssmenu > ul:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0
    }

    #cssmenu #head-mobile {
        display: none
    }

#cssmenu {
    font-family: sans-serif;
    /*background: #333;*/
    z-index: 9;
}

    #cssmenu > ul > li {
        float: left
    }
#cssmenu {
    width: 100%
}

#cssmenu .logo a:hover{text-decoration:none;}
    #cssmenu > ul > li a {
        color: #fff;
        font-weight: bold;
        font-size: 12px;
        text-align: right;
        background: #B70640;
        padding: 10px;
        margin: 10px;
        border-radius: 20px;
    }

        #cssmenu > ul > li a:hover{text-decoration:none;}



            #cssmenu > ul > li:hover, #cssmenu ul li.active:hover, #cssmenu ul li.active, #cssmenu ul li.has-sub.active:hover {
                /*background: #273272 !important;*/
                -webkit-transition: background .3s ease;
                -ms-transition: background .3s ease;
                transition: background .3s ease;
            }

        #cssmenu > ul > li.has-sub > a {
            padding-right: 30px
        }

            #cssmenu > ul > li.has-sub > a:after {
                position: absolute;
                top: 22px;
                right: 11px;
                width: 8px;
                height: 2px;
                display: block;
                background: #ddd;
                content: ''
            }

            #cssmenu > ul > li.has-sub > a:before {
                position: absolute;
                top: 19px;
                right: 14px;
                display: block;
                width: 2px;
                height: 8px;
                background: #ddd;
                content: '';
                -webkit-transition: all .25s ease;
                -ms-transition: all .25s ease;
                transition: all .25s ease
            }

        #cssmenu > ul > li.has-sub:hover > a:before {
            top: 23px;
            height: 0
        }

    #cssmenu ul ul {
        position: absolute;
        left: -9999px
    }

        #cssmenu ul ul li {
            height: 0;
            -webkit-transition: all .25s ease;
            -ms-transition: all .25s ease;
            background: #333;
            transition: all .25s ease
        }

            #cssmenu ul ul li:hover {
            }

    #cssmenu li:hover > ul {
        left: auto;
        padding: 0px;
    }

        #cssmenu li:hover > ul > li {
            height: 35px;
            background: #273272;
        }

            #cssmenu li:hover > ul > li:hover {
                height: 35px;
                background: green;
            }

    #cssmenu ul ul ul {
        margin-left: 100%;
        top: 0
    }

    #cssmenu ul ul li a {
        border-bottom: 1px solid rgba(150,150,150,0.15);
        padding: 11px 15px;
        width: 280px;
        font-size: 12px;
        text-decoration: none;
        color: #ddd;
        font-weight: 400;
    }

    #cssmenu ul ul li:last-child > a, #cssmenu ul ul li.last-item > a {
        border-bottom: 0
    }

    #cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {
        color: #fff
    }

    #cssmenu ul ul li.has-sub > a:after {
        position: absolute;
        top: 16px;
        right: 11px;
        width: 8px;
        height: 2px;
        display: block;
        background: #ddd;
        content: ''
    }

    #cssmenu ul ul li.has-sub > a:before {
        position: absolute;
        top: 13px;
        right: 14px;
        display: block;
        width: 2px;
        height: 8px;
        background: #ddd;
        content: '';
        -webkit-transition: all .25s ease;
        -ms-transition: all .25s ease;
        transition: all .25s ease
    }

    #cssmenu ul ul > li.has-sub:hover > a:before {
        top: 17px;
        height: 0
    }

    #cssmenu ul ul li.has-sub:hover, #cssmenu ul li.has-sub ul li.has-sub ul li:hover {
        background: #363636;
    }

    #cssmenu ul ul ul li.active a {
        border-left: 1px solid #333
    }

    #cssmenu > ul > li.has-sub > ul > li.active > a, #cssmenu > ul ul > li.has-sub > ul > li.active > a {
        border-top: 1px solid #333
    }

@media screen and (max-width:1000px) {
    .div-position {
        position: absolute;
        top: 20%;
        left: 9%;
        background-color: rgba(255,255,255,0.6);
        padding: 10px;
    }

    #cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {
        background: green;
    }

    #cssmenu > ul > li > a {
        color: #fff !important;
    }

    #cssmenu ul {
        width: 100%;
        background: #273272 !important;
        color: #fff;
        padding: 0px;
    }

    .logo {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 46px;
        text-align: center;
        padding: 0px 0 0 0;
        float: none
    }

    .logo2 {
        display: none
    }

    nav {
        width: 100%;
    }

    #cssmenu {
        width: 100%
    }

        #cssmenu ul {
            width: 100%;
            display: none
        }

            #cssmenu ul li {
                width: 100%;
                border-top: 1px solid #666;
            }

                #cssmenu ul li:hover {
                    background: #363636;
                }

            #cssmenu ul ul li, #cssmenu li:hover > ul > li {
                height: auto
            }

                #cssmenu ul li a, #cssmenu ul ul li a {
                    width: 100%;
                    border-bottom: 0
                }

        #cssmenu > ul > li {
            float: none
        }

        #cssmenu ul ul li a {
            padding-left: 25px
        }

        #cssmenu ul ul li {
            background: #333 !important;
        }

            #cssmenu ul ul li:hover {
                background: #363636 !important
            }

        #cssmenu ul ul ul li a {
            padding-left: 35px
        }

        #cssmenu ul ul li a {
            color: #ddd;
            background: none
        }

        #cssmenu ul ul li:hover > a, #cssmenu ul ul li.active > a {
            color: #fff
        }

        #cssmenu ul ul, #cssmenu ul ul ul {
            position: relative;
            left: 0;
            width: 100%;
            margin: 0;
            text-align: left
        }

            #cssmenu > ul > li.has-sub > a:after, #cssmenu > ul > li.has-sub > a:before, #cssmenu ul ul > li.has-sub > a:after, #cssmenu ul ul > li.has-sub > a:before {
                display: none
            }

        #cssmenu #head-mobile {
            display: block;
            padding: 23px;
            color: #ddd;
            font-size: 12px;
            font-weight: 700
        }

    .button {
        width: 55px;
        height: 46px;
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer;
        z-index: 12399994;
    }

        .button:after {
            position: absolute;
            top: 22px;
            right: 20px;
            display: block;
            height: 4px;
            width: 20px;
            border-top: 2px solid #273272;
            border-bottom: 2px solid #273272;
            content: ''
        }

        .button:before {
            -webkit-transition: all .3s ease;
            -ms-transition: all .3s ease;
            transition: all .3s ease;
            position: absolute;
            top: 16px;
            right: 20px;
            display: block;
            height: 2px;
            width: 20px;
            border-top: 2px solid #273272;
            border-bottom: 2px solid #273272;
            content: ''
        }

        .button.menu-opened:after {
            -webkit-transition: all .3s ease;
            -ms-transition: all .3s ease;
            transition: all .3s ease;
            top: 23px;
            border: 0;
            height: 4px;
            width: 19px;
            background:#333;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        .button.menu-opened:before {
            top: 23px;
            background: #fff;
            width: 19px;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

    #cssmenu .submenu-button {
        position: absolute;
        z-index: 99;
        right: 0;
        top: 0;
        display: block;
        border-left: 1px solid #444;
        height: 46px;
        width: 46px;
        cursor: pointer
    }

        #cssmenu .submenu-button.submenu-opened {
            background: #262626
        }

    #cssmenu ul ul .submenu-button {
        height: 34px;
        width: 34px
    }

    #cssmenu .submenu-button:after {
        position: absolute;
        top: 22px;
        right: 19px;
        width: 8px;
        height: 2px;
        display: block;
        background: #ddd;
        content: ''
    }

    #cssmenu ul ul .submenu-button:after {
        top: 15px;
        right: 13px
    }

    #cssmenu .submenu-button.submenu-opened:after {
        background: #fff
    }

    #cssmenu .submenu-button:before {
        position: absolute;
        top: 19px;
        right: 22px;
        display: block;
        width: 2px;
        height: 8px;
        background: #ddd;
        content: ''
    }

    #cssmenu ul ul .submenu-button:before {
        top: 12px;
        right: 16px
    }

    #cssmenu .submenu-button.submenu-opened:before {
        display: none
    }

    #cssmenu ul ul ul li.active a {
        border-left: none
    }

    #cssmenu > ul > li.has-sub > ul > li.active > a, #cssmenu > ul ul > li.has-sub > ul > li.active > a {
        border-top: none
    }
}
header {
    position: relative;
    width: 100%;
    /*background: #333;*/
    /*padding: 8px;*/
    /*box-shadow: 2px 2px 5px #999;*/
}

.logo {
    position: relative;
    z-index: 123;
    padding: 5px;
    font: 18px verdana;
    color: #6DDB07;
    float: left;
    width: 75%
}

    .logo a {
        color: #000;
        font-size: 20px;
    }

nav {
    position: relative;
    /*width: 980px;*/
    margin: 0 auto;
}
.main-content {
    background-image: url("../images/background-img.jpg");
    background-repeat: no-repeat;
    background-color: #f4e8b6;
    background-position:top 100%;
}

@media screen and (max-width:480px){
    .xs-bg {
        background: #f4e8b5
    }
    #cssmenu ul {
        width: 100%;
        display: none;
        top: 100%;
        position: absolute;
    }
    #cssmenu ul li a{text-align:left; background:none; padding:5px;}
        .logo{width:75%!important; height:60px;}
            .logo img{width:110px;}
            .logo a {
                font-size: 14px;
                text-align: left !important;
                font-weight: bold;
            }
}
.container-top-bg{box-shadow:none;}