/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
    font-family: 'Helvetica', Arial;
}

.ani{
    -webkit-transition: all ease-out 500ms;
    -moz-transition: all ease-out 500ms;
    -o-transition: all ease-out 500ms;
    transition: all ease-out 500ms;
}
/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */




/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* loading sec */
.load{
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 100;
	background: #fff;
	display: none;
}


/* home page */
.header{
    position: relative;
    z-index: 12;
}
.header nav{
    margin:20px 0 5px;
    padding:0 15px;
}
    #nav-social{
        margin-top: 5px;
    }
    #nav-social_mobile{
	    display: inline-block;
    }
    	#nav-social_mobile a .fa{
	    	line-height: 20px;
    	}
    #nav-social_mobile:after{
	    content: "";
	    display: block;
	    clear: both;
	    float: none;
    }
        #nav-social .circle, #nav-social_mobile .circle{
            background: #d40404;
            display: inline-block;
        }
        #nav-social .tw, #nav-social_mobile .tw{
            background:#01aced;
        }
        #nav-social .fb, #nav-social_mobile .fb{
            background: #0057a5;
        }
        #nav-social .yb, #nav-social_mobile .yb{
            background: #ca3738;
        }
        #nav-social .ig, #nav-social_mobile .ig{
            background: #d93175;
        }
        .phone_txt{
            color: #000;
            position: relative;
            top:5px;
        }
        #nav-social a:hover, #nav-social_mobile a:hover{
            opacity: 0.8;
        }
        .phone_txt:hover{
            background: none;
        }
        nav.hide-on-large-only{
	        height: 30px;
	        margin: 10px 0;
	        text-align: center;
        }
    .menu_bar{
        padding: 0 15px;
        border-top: 1px solid #d40404;
        border-bottom: 1px solid #d40404;
    }
    .menu_bar .row{
        margin-bottom: 0;
    }
        .header .row .col.s11 {
          width: 9.090909091%;
          margin-left: auto;
          left: auto;
          right: auto;
          text-align: center;
          text-transform: uppercase;
          padding: 0;
        }
            .header .s11 a{
                color: #262626;
                font-size: 12px;
                display: block;
                padding:10px 0;
            }
            .header .s11 a:hover, .header .menu_bar > div > .s11.actived > a{
                background: #d50607;
                color: #fff;
            }

        .sub_con, .oneLv_con{
            position: absolute;
            background:rgba(255,255,255, 0.9);
            width: 50%;
            text-align:left;
            display: none;
            -webkit-column-count: 3; /* Chrome, Safari, Opera */
            -moz-column-count: 3; /* Firefox */
            column-count: 3;
            padding-top: 20px;
        }
        .oneLv_con{
	        -webkit-column-count: 1; /* Chrome, Safari, Opera */
            -moz-column-count: 1; /* Firefox */
            column-count: 1;
            width: auto;
        }
            .sub_con .col {
                margin-bottom: 20px;
                float: none;
                display: inline-block;
                width: 100%;
            }
            .sub_con h3{
                font-size: 13px;
                font-weight: bold;
                margin: 0 0 3px;
            }
            .sub_con ul{
                margin:0;
            }
            .sub_con ul li{
                font-size: 13px;
                text-transform: capitalize;
            }
            .sub_con ul li a{
                padding:2px !important;
            }
            /*mobile header*/
    .menu_box{
        text-align: right;
    }
        #nav-icon {
        width: 25px;
        height: 20px;
        position: relative;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
        display: inline-block;
        margin: 15px 5px 10px 0;
    }

    #nav-icon span {
        display: block;
        position: absolute;
        height: 3px;
        width: 100%;
        background: #262626;
        border-radius: 9px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }
        #nav-icon span:nth-child(1) {
          top: 0px;
          -webkit-transform-origin: left center;
          -moz-transform-origin: left center;
          -o-transform-origin: left center;
          transform-origin: left center;
        }

        #nav-icon span:nth-child(2) {
          top: 8px;
          -webkit-transform-origin: left center;
          -moz-transform-origin: left center;
          -o-transform-origin: left center;
          transform-origin: left center;
        }

        #nav-icon span:nth-child(3) {
          top: 16px;
          -webkit-transform-origin: left center;
          -moz-transform-origin: left center;
          -o-transform-origin: left center;
          transform-origin: left center;
        }

        #nav-icon.open span:nth-child(1) {
          -webkit-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          -o-transform: rotate(45deg);
          transform: rotate(45deg);
          top: -2px;
          left: 2px;
        }

        #nav-icon.open span:nth-child(2) {
          width: 0%;
          opacity: 0;
        }

        #nav-icon.open span:nth-child(3) {
          -webkit-transform: rotate(-45deg);
          -moz-transform: rotate(-45deg);
          -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
          top: 16px;
          left: 2px;
        }
#slide-out > li > a, #slide-out .subT{
    text-transform: uppercase;
}
    .side-nav li.active, .side-nav li.active .collapsible-body{
        background: rgba(251, 251, 251, 0.3);
    }
    .side-nav li > a{
        color: #282828;
    }
    .side-nav li a:hover, .side-nav li a.subT:hover{
        background: #d50607;
        color: #fff;
    }

        .side-nav li > a > i.material-icons{
            margin-right: 5px;
        }
    .collapsible-body .collapsible-header.subT, .gray_bg{
	    background: #e7e7e7;
	    color: #555555;
    }

    /*footer*/
    .footer{
        margin:0;
        padding:20px 15px;
        border-top: 1px solid #d50607;
    }
    .footer:after{
        content: "";
        display: block;
        clear: both;
    }
        .footer_l{
            float: left;
        }
        .footer_r{
            float: right;
            text-align: right;
            font-size: 12px;
        }
            .footer_l a img{
                width: 200px;
                margin-top: 10px;
            }
            .footer_r a{
                color: #262626;
            }
            .footer_r p{
                margin: 5px 0 0;
            }

    /*slider*/
    .slider{
        height: auto;
        opacity: 0;
        max-width: 760px;
    }
    .slick-slide{
        padding:0;
    }
        .slick-slide img{
            width: 100%;
        }

    .slogan{
        margin:50px auto;
        text-align: center;
        color: #262626;
    }
        .slogan h1{
            font-size: 36px;
            text-transform: uppercase;
            font-weight: 300;
        }
            .slogan h1 span{
                font-weight: bold;
                color: #d50607;
            }

    /*venue con*/
    .venue_con{

    }
        .venue_nav{
            padding:10px 15px;
            text-align: center;
            border-top: 1px solid #d50607;
            border-bottom: 1px solid #d50607;
            margin-bottom: 20px;
        }
        	.venue_select{
	        	display: none;
        	}
            .venue_nav b{
                color: #d50607;
            }
            .venue_nav a{
                display: inline-block;
                margin:0 10px;
                color: #000000;
                position: relative;
            }
            .venue_nav a:hover, .venue_nav a.active{
                color: #d50607;
            }
            .venue_nav a:hover:after, .venue_nav a.active:after{
                content: "";
                display: block;
                position: absolute;
                width:100%;
                height: 2px;
                bottom: -10px;
                background: #d50607;
            }
        .venue_item{
            text-align: center;
        }
            .venue_img{
                position: relative;
            }
                .venue_img > img{
                    width: 100%;
                }
                .venue_img .venue_info{
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    top:0;
                    left: 0;
                    display: flex;
                    text-align: center;
                    align-items: center;
                    background: rgba(0,0,0,0.7);
                    display: none;
                    z-index: 18;
                }
                    .venue_info .venue_wrapper{
                    }
                    .venue_info a{
                        width:20%;
                        display: inline-block;
                    }
            .venue_item > a{
                display: inline-block;
                margin:10px 0 20px;
                color: #000;
                font-size: 14px;
                height: 55px;
            }
            .venue_item > a span{
                text-transform: uppercase;
                color: #262626;
                display: block;
                font-size:12px;
            }
            .venue_item:hover > a, .venue_item:hover > a span{
	            color: #d50607;
            }
            .info_wrapper{
                width:100%;
            }
    .venue_con .slick-dots{
        border-top: 1px solid #d50607;
        border-bottom: 1px solid #d50607;
        padding-bottom: 5px;
    }
        .venue_con .slick-dots li button:before{
            font-size: 10px;
            opacity: 1;
            color: #656565;
        }
        .venue_con .slick-dots li.slick-active button:before, .venue_con .slick-dots li button:hover:before{
            color: #ff0000;
        }
        
        .venue_wrapper .slick-list{
	        max-width: 998px;
	        margin: 0 auto;
        }

    /*cate section*/
    .cate_con{
        margin-top: 60px;
        padding-bottom: 20px;
        border-bottom: 1px solid #d50607;
    }
        .cate_con .row > div{
            margin-bottom: 20px;
        }
        .cate_con img{
            width: 100%;
        }
    /*social section*/
    .social_con{
        margin-top: 40px;
    }
        .social_con .row > div{
            position: relative;
        }
            .social_con .row > div > img{
                width: 100%;
            }
            .social_con .row > div > p{
                display: block;
                position: absolute;
                bottom: 0px;
                left: 12px;
                width: 100%;
                text-align: center;
                margin:0;
                padding:10px 0;
                background: rgba(0,0,0,1);
            }
                .social_con .row > div > p i{
                    color: #fff;
                    font-size: 22px;
                }
            .social_con .row > div > div{
                display: flex;
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                align-items: center;
                text-align: center;
            }
            	.fb_box{
	            	background-position: center center;
	            	background-size: cover;
	            	display: block;
            	}
            	.yb_img img{
	            	width: 100%;
            	}
                .social_con .row > div > div > p{
                    height: auto;
                    font-size: 13px;
                    margin: 0 auto;
                    padding: 0 20px;
                    color: #fff;
                }

    /*map section*/
    .map_con{
        background: #d50607;
        padding:30px 15px;
        max-width: 998px;
        margin: 0 auto;
    }
        .map_con h1{
            font-size: 38px;
            color: #fff;
            text-transform: uppercase;
            margin-top: 10px;
        }
        .map_con .input-field{
            float: right;
            margin-top: 0;
            background: #fff;
            width: 30%;
        }
        .map_con .select-wrapper span.caret{
            right: 10px;
            font-size: 12px;
        }
        .map_con .select-wrapper input.select-dropdown{
            margin-bottom: 0;
            color: #000;
            border-bottom: none;
            margin-left: 15px;
            height: 2.5rem;
            line-height: 2.5rem;
        }
        .map_box{
            height: 500px;
        }
            .map_box h3{
                font-size: 20px;
                margin:5px 0 5px;
            }

    /*subscription section*/
    .form_con{
        margin:30px auto;
        padding: 0;
        max-width: 998px;
        
    }
        .sub_txt h2{
            text-transform: uppercase;
            font-size: 28px;
            color: #656565;
        }
            .sub_txt h2 span{
                font-size: 38px;
                text-transform: none;
                color: #d50607;
            }
        .sub_txt > p{
            font-size: 14px;
            color: #656565;
        }
    .sub_form{
        margin-top: 20px;
    }
        .sub_form #mc_embed_signup div.mce_inline_error{
            margin: -20px 0 10px;
        }
            .mail_con, .mc-field-group{
                position: relative;
            }
                .mc-field-group:before, .mc-field-group:after{
                    position: absolute;
                    display: block;
                    content: "";
                    width: 1px;
                    background: #9e9e9e;
                    height: 5px;
                    top: 43px;
                }
                .mc-field-group:before{
                    left: 12px;
                }
                .mc-field-group:after{
                    right: 12px;
                }
                .mail_con .mc-field-group:before{
                    left: 0;
                }
                .mail_con .mc-field-group:after{
                    right: 0;
                }
                .btn_submit{
                    position: absolute;
                    top:0;
                    right: 12px;
                    display: flex;
                    height: 48px;
                }
                    .btn_submit input{
                        background: #d50607;
                        border:none;
                        color: #fff;
                        text-transform: uppercase;
                        padding-left: 20px;
                        padding-right: 20px;
                        border-radius: none;
                    }

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

.button-element {
    cursor: pointer;
    display: inline-block;
    color: #262626;
    font-size: 16px !important;
    text-transform: capitalize;
    line-height: 14px;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    
}

.button-default-outline {
    background: transparent none repeat scroll 0 0;
    border: 2px solid;
    overflow: hidden;
    position: absolute;
    transition: width 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    z-index: 1;
    color: #000;
    min-width: 120px;
}
.button-default-outline::before {
    background: #000;
    content: "";
    height: 102%;
    left: -10%;
    position: absolute;
    top: 0;
    transform: skewX(20deg);
    transition: width 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    width: 0;
    z-index: -1;
}
.button-default-outline:hover {
    border: 2px solid #000;
    color: #fff !important;
}
.button-default-outline:hover::before {
    width: 120%;
}

.button-book-now{
	position: relative;
	width: 100%;
	text-align: left;
	color: #262626;
	padding: 15px;
}

.button-book-now .fa{
	margin-right: 10px;
}