/*
Theme Name: Black Sheep
Version: 1.1

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@font-face { font-family: opensans_cb; src: url("fonts/OpenSans-CondBold.ttf");}
@font-face { font-family: opensans_cl; src: url("fonts/OpenSans-CondLight.ttf");}
@font-face { font-family: din_std; src: url("fonts/DIN-1451-Std-Engschrift.otf");}
@font-face { font-family: roboto_l; src: url("fonts/Roboto-Light.ttf");}
@font-face {
    font-family: 'DIN Pro';
    src: url('DINPro-LightItalic.woff2') format('woff2'),
        url('DINPro-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'DIN Pro Cond';
    src: url('DINPro-CondensedRegular.woff2') format('woff2'),
        url('DINPro-CondensedRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


h3{font-size: 24px}
label{font-weight: 300}
textarea, button, input[type="text"], input[type="button"], input[type="email"], input[type="submit"], input[type="tel"], input[type="number"], input[type="password"] {
     -webkit-appearance: none; border-radius: 0; outline: none;
}

/*icb
.cart-customlocation, .header_login { display: none; }
*/

.logged-in .navbar-fixed-top{margin-top: 30px}

body{line-height: 1.2; color: #000; font-weight: 300 !important}
.uCase{text-transform: uppercase}

a, a:link, a:visited, a:hover, a:active{color: #0b0b0b; text-decoration: none}

body.no-scroll{overflow: hidden}


.container{padding-left: 20px; padding-right: 20px}
#top-nav { border-radius: 0; margin-bottom: 0; border: none; background-color: #fff}
#top-nav .navbar-brand {float: none; display: block;height: auto;line-height: 1;margin: 25px auto; width: 160px;padding: 0;}

#top-nav .navbar-toggle .icon-bar { background-color: #000; width: 20px}
#top-nav .navbar-toggle .short-bar{width: 16px; margin-left: 4px}
#top-nav .navbar-toggle .icon-text{ font-family: opensans_cl; font-size: 12px;line-height: 1.8; letter-spacing: 0.05em;}

#navbar{border-top: 2px solid #000; border-bottom: 1px solid #000; padding: 0; position: relative; margin-left: -1px; margin-right: -1px}

#menu-header-menu{margin: 0 auto; float: none; text-align: center}
#menu-header-menu > li  {position: static; letter-spacing: 1px; float: none; display: inline-block;margin-left: -2px; margin-right: -2px;}
#menu-header-menu > li > a{
    font-size: 24px;
    font-family: opensans_cl;
    transition: 0.3s;
    font-weight: 700;
    padding: 22px 0 20px;
    text-align: center; 
/*    margin-left: 25px; 
    margin-right: 25px*/
    margin-left: 15px; 
    margin-right: 15px
}
#menu-header-menu > li > a:focus, #menu-header-menu > li > a:hover { text-decoration: none; background-color: transparent}

#navbar .sub-menu {visibility: hidden; opacity: 0; position: absolute;left: 0;padding: 0;margin: 0;
    top: 100%; width: 100%; text-align: left; margin-top: 0; background-color: #fff; 
    z-index: 2;border-top: 1px solid #000; border-bottom: 1px solid #000}
#navbar .menu-item-has-children:hover .sub-menu { visibility: visible; opacity: 1;}
#navbar .sub-menu .menu-item{float: left; width: 16.66%;  list-style: none; text-align: center; }
#navbar #menu-item-299 .sub-menu .menu-item{width: 33.33%}
#navbar #menu-item-2190 .sub-menu .menu-item{width: 33.33%}
#navbar #menu-item-869 .sub-menu .menu-item{width: 20%}
#navbar #menu-item-964 .sub-menu .menu-item{width: 20%}
#navbar .sub-menu > li > a{font-size: 20px; font-family: opensans_cl; display: block; margin: 12px 0; border-right: 1px solid #000; transition: 0.3s; font-weight: 700}
#navbar .sub-menu > li:last-child > a{border-right: none}

#navbar .current-menu-parent > a, #navbar .current-menu-item > a, #navbar .current_page_parent > a{color: #bba483} 


.home-banner{margin-top: 25px}
.home-banner .container{position: relative}
.home-banner .row{padding: 0; margin: 0; position: relative; overflow: hidden}
.home-banner .banner-col{padding: 0;}
.home-banner .left-banner{padding-right: 14px}
.home-banner .mid-banner{padding: 0 7px}
.home-banner .right-banner{padding-left: 14px}
.home-banner .left-top-container, .home-banner .mid-top-container, .home-banner .right-top-container{margin-bottom: 20px}
.home-banner .banner-col img{width: 100%}
.home-banner .mobile-banner img{width: 100%}
.home-banner .mejs-controls{display: none !important}
.home-banner .tagline{font-family: opensans_cl; font-size: 60px; top: 160px; left: 40px;position: absolute; background-color: #fff; padding: 20px 35px;}

.videoWrapper { position: relative; padding-bottom: 56.25%;  height: 0; }
.right-bottom-container .videoWrapper {padding-bottom: 100%; padding-top: 0px; height: 0;}
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.home-banner .left-bottom-container{position: absolute; right: 14px; width: 100%}

#home-content .home-restaurant{margin-top: 20px; margin-bottom: 40px; text-align: center}
#home-content .home-restaurant > a{display: block}
#home-content .home-restaurant .restaurant-logo{-webkit-filter: grayscale(100%); filter: grayscale(100%); transition: 0.3s; width: 100%;}
#home-content .home-restaurant .restaurant-logo{max-width: 150px}
#home-content .restaurant-name{font-family: din_std; font-size: 24px; letter-spacing: 0.1em;; text-align: center;     
                               max-width: 150px; margin: 25px auto 0; transition: 0.3s;}
#home-content .home-intro{margin-bottom: 100px}
#home-content .home-intro h2{
    color: #b69c77;
    font-size: 48px;
    text-align: center;
    font-family: din_std;
    letter-spacing: 0.1em;
    margin-bottom: 40px;
    text-transform: uppercase;
    border-bottom: 1px solid #b69c77;
    padding-bottom: 20px;
    display: inline-block;
    position: relative;
    }
#home-content .home-intro h2:after{
    content: " ";
    background: url(images/spade.svg) no-repeat center center;
    position: absolute;
    left: 50%;
    top: 100%;
    height: 20px;
    width: 20px;
    margin-left: -10px;
    margin-top: -11px;
    background-color: #fff;
    background-size: 20px;
    background-position: center;
}
#home-content .home-intro p{font-size: 18px; font-family: opensans_cl; letter-spacing: 0.08em;text-align: justify; margin-bottom: 20px}

.about-banner{margin-top: 25px}
.about-banner img{width: 100%;}
#about-content .container{max-width:  825px}
#about-content .about-logo{text-align: center;  margin: 65px 0 60px}
#about-content .about-logo img{max-width: 165px}

#about-content .title, #contact-content .title, #careers-content .title, .page-title, #bsr-go-content .title{color: #b69c77; font-size: 48px; text-align: center; 
                                                                font-family: din_std; letter-spacing: 0.1em; margin-bottom: 30px}
#contact-content .title, #careers-content .title, .page-title, #bsr-go-content .title{letter-spacing: 0.125em}
#about-content .title > span, #contact-content .title > span, #careers-content .title > span, .page-title > span, #bsr-go-content .title > span{border-bottom: 1px solid #b69c77;
                                            line-height: 0.5; padding-bottom: 30px; display: inline-block; position: relative}
#about-content .title > span:after, #contact-content .title > span:after, #careers-content .title > span:after,
.page-title > span:after, #bsr-go-content .title >span:after{ content: " "; background: url(images/spade.svg) no-repeat center center; position: absolute;
                        left: 50%; top: 100%; height: 20px; width: 20px; margin-left: -10px; margin-top: -11px; background-color: #fff; background-size: 20px; background-position: center}
#about-content .content {margin-bottom: 100px}
#about-content .content > p{font-size: 18px; font-family: opensans_cl; letter-spacing: 0.08em;text-align: justify; margin-bottom: 20px}
#about-content .about-founder .title{margin-bottom: 40px}
#about-content .founder-img { height: 460px; background-repeat: no-repeat; background-position: center center;}
#about-content .founder-name{ font-size: 30px; font-family: din_std; letter-spacing: 0.2em; text-align: center;line-height: 1;margin-bottom: 20px;}

.about-instagram{margin-bottom: 255px}
.about-instagram .container{max-width: 1060px}
.about-instagram .container .instagram-post{padding-bottom: 15px}
.about-instagram .container .instagram-post > img{width: 100%}
.about-instagram .instagram-post-container{position: relative; width: 100%; height: 250px}
.about-instagram .instagram-post-container > .instagram-image{ width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover}
.about-instagram .instagram-post-container > a{width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; transition: 0.3s}
.about-instagram .instagram-post-container .like-icon{ color: #b69c77; font-size: 42px; position: absolute; left: 0; right: 0;
                                                        top: 0; bottom: 0; margin: auto; height: 42px; width: 42px;}

.about-instagram .instagram-post-container .like-count{font-family: din_std;color: #000; font-size: 18px; position: absolute; left: 0; right: 0; top: 0; bottom: 0;
                                                        margin: auto; height: 18px; width: 25px; text-align: center;}

.about-instagram .instagram-caption{font-size: 18px; font-family: din_std; letter-spacing: 0.08em; position: absolute;
                                            left: 0; top: 50%; text-align: center; color: transparent; padding: 0 15px; width: 100%;}
.about-instagram .instagram-view{font-family: opensans_cl; font-size: 12px; letter-spacing: 0.08em; width: 100%; text-transform: uppercase;
                                 position: absolute;text-align: center; color: transparent; bottom: 15px; left: 0}


#contact-content{text-align: center; margin-top: 25px}
#contact-content .contact-logo{margin: 40px 0 60px}
#contact-content .contact-logo img{max-width: 165px}
#contact-content .address-content {font-size: 24px; font-family: din_std;letter-spacing: 0.08em; text-align: center; margin-bottom: 20px;}
#contact-content .email-content{font-size: 18px; font-family: opensans_cl; letter-spacing: 0.08em;max-width: 435px; margin: 50px auto 60px;text-align: left;}
#contact-content .email-content >.row{margin: 0; margin-bottom: 10px}
#contact-content .email-content .inquery_info, #contact-content .email-content .inquery_text{padding: 0}
#contact-content .contact-social-media{text-align: center; margin-bottom: 270px }
#contact-content .contact-social-media a > .fa{color: #464646; font-size: 22px; padding: 0 19px; transition: 0.3s}
#contact-content .contact-social-media a > .fa:hover{color: #a18865}

.post-content{padding-bottom: 210px}
.breadcrumb-section {margin: 25px 0; font-family: opensans_cl; font-size: 18px; letter-spacing: 0.08em; color: #a6a6a6; text-transform: uppercase; height: 20px}
.breadcrumb-section > a{color: #a6a6a6;}
.breadcrumb-section > .highlight{color: #000}

#press-content > .row { margin-right: -40px; margin-left: -40px;}
#press-content .press-item{padding-left: 40px; padding-right: 40px; padding-bottom: 40px}
#bsr-go-content #press-content .press-item{padding-left: 40px; padding-right: 40px; padding-bottom: 20px}

#press-content .press-item-inner{position: relative; letter-spacing: 0.08em;}
#press-content .press-item-inner > a{display: block}
#press-content .press-item-inner > a > img{width: 100%; -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: 0.3s}
#press-content .press-item-inner > a:hover > img{-webkit-filter: grayscale(0); filter: grayscale(0)}
#press-content .press-item-inner .post-info{font-family: opensans_cb; font-size: 18px; margin-top: 25px; color: #a6a6a6; line-height: 1}
#press-content .press-item-inner .post-title{font-family: din_std; margin-top: 8px; margin-bottom: 6px; font-size: 30px;letter-spacing: 0.08em;}
#press-content .press-item-inner .post-desc{font-family: opensans_cl; font-size: 18px; padding-right: 20px; margin-bottom: 20px}
#press-content .press-item-inner .btn-readmore{font-family: din_std; font-size: 18px; background-color: #000; color: #fff; transition: 0.3s;
                                                    padding-top: 12px; height: 40px; display: block; width: 120px; text-align: center}
#press-content .pagination{margin-top: 95px; }
#press-content .pagination .nav-previous a, #press-content .pagination .nav-next a{color: #1047C1;}
#press-content .pagination .nav-next{text-align: right}
#press-content .pagination .page-numbers{ border: 1px solid #D2D2D2; font-size: 13px; color: #4A4A4A; padding: 10px 2px; height: 41px; width: 41px; display: inline-block; margin-right: 6px; margin-bottom: 6px; background: transparent;}
#press-content .pagination .page-numbers:hover, #press-content .pagination .page-numbers.current{color: #ffffff;background: #000;border-color: #000;}
    
#editorial-content{}
#editorial-content > .row {margin-right: -20px; margin-left: -20px; }
#editorial-content .editorial-item > .row {margin-left: -20px; margin-right: -20px; margin-bottom: 60px}
#editorial-content .editorial-left, #editorial-content .editorial-right{padding-left: 20px; padding-right: 20px}
#editorial-content .editorial-left > a{display: block}
#editorial-content .post-image, #editorial-content .post-detail{padding: 0 20px; letter-spacing: 0.08em;}
#editorial-content .post-detail{padding-right: 40px}
#editorial-content .post-image > img{width: 100%; -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: 0.3s}
#editorial-content a:hover .post-image > img{-webkit-filter: grayscale(0); filter: grayscale(0); }
#editorial-content .post-info{font-family: opensans_cb; font-size: 18px; color: #7d7d7d;}
#editorial-content .post-title{font-family: din_std; margin-top: 10px; margin-bottom: 15px; font-size: 30px;letter-spacing: 0.1em;}
#editorial-content .post-desc{font-family: opensans_cl; font-size: 18px; margin-bottom: 45px;line-height: 1.2;}
#editorial-content .btn-readmore{font-family: din_std; font-size: 18px; background-color: #000; color: #fff; 
                                padding-top: 12px; height: 40px;  display: block; width: 120px; text-align: center; transition: 0.3s}
#editorial-content a:hover .btn-readmore{background-color: #bba483;}

#editorial-content .pagination{margin-top: 95px; }
#editorial-content .pagination .nav-previous a, #editorial-content .pagination .nav-next a{color: #1047C1;}
#editorial-content .pagination .nav-next{text-align: right}
#editorial-content .pagination .page-numbers{ border: 1px solid #D2D2D2; font-size: 13px; color: #4A4A4A; padding: 10px 2px; height: 41px; width: 41px; display: inline-block; margin-right: 6px; margin-bottom: 6px; background: transparent;}
#editorial-content .pagination .page-numbers:hover, #editorial-content .pagination .page-numbers.current{color: #ffffff;background: #000;border-color: #000;}
    

#editorial-content .section-header{font-family: din_std; font-size: 30px; letter-spacing: 0.1em;margin-bottom: 10px;}
.popular-image{ -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: 0.3s }
.popular-post > a:hover + .popular-image{-webkit-filter: grayscale(0); filter: grayscale(0); }

#editorial-single{letter-spacing: 0.08em; padding-bottom: 260px}
#editorial-single .main-section{padding-bottom: 30px; margin-bottom: 35px; border-bottom: 1px solid #999}
#editorial-single .main-section > .row{margin-left: -20px; margin-right: -20px}
#editorial-single .editorial-left, #editorial-single .editorial-right{padding-left: 20px; padding-right: 20px}
#editorial-single .post-info{font-family: din_std; font-size: 24px; color: #7d7d7d;}
#editorial-single .post-title{font-family: din_std; margin-top: 15px; font-size: 48px; letter-spacing: 0.1em}
#editorial-single .post-subtitle{font-family: din_std; font-size: 30px; margin-top: -6px; }
#editorial-single .post-desc{font-family: opensans_cl; font-size: 18px; line-height: 1.2;}
#editorial-single .post-img{width: 100%; margin-bottom: 40px; margin-top: 40px}
#editorial-single .post-desc > p{margin-bottom: 35px; line-height: 1.7}
#editorial-single .post-desc > p:last-child{margin-bottom: 30px}
#editorial-single .jssocials-share-logo{font-size: 23px; transition: 0.3s}
#editorial-single .jssocials-share-logo:hover {color: #bba483;}

#editorial-single .section-header{font-family: din_std; font-size: 30px; letter-spacing: 0.1em;margin-bottom: 10px;}

#careers-content, #bsr-go-content {padding-top: 65px}
#careers-content .container{max-width: 820px}
#careers-content .careers-title{font-family: din_std; font-size: 48px; text-align: center; letter-spacing: 0.1em; margin-bottom: 40px}
#careers-content .careers-desc{font-family: opensans_cl; font-size: 18px; letter-spacing: 0.08em; text-align: justify; margin-bottom: 60px}
#careers-content .careers-youtube{position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; margin-bottom: 75px}
#careers-content .careers-youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

#careers-content .careers-form{text-align: center; background-color: #fff }
#careers-content .careers-form form > p{max-width: 400px; margin: 0 auto; position: relative}
#careers-content .careers-form #name{margin-top: 0}
#careers-content .form-header{font-size: 30px; font-family: din_std; letter-spacing: 0.1em; text-transform: uppercase; margin-top: 75px; margin-bottom: 20px; font-weight: 300}
#careers-content .form-header.personal-header{margin-top: 10px; }
#careers-content .input-text{width: 100%; font-family: opensans_cl; margin-top: 60px; padding: 12px 15px; font-size: 18px;
                            letter-spacing: 0.05em; outline: none; border: 1px solid #aaa}
#careers-content #tel{margin-bottom: 0}

#careers-content .input-dropdown {appearance:none; -webkit-appearance: none;  -moz-appearance: none;background-position: 96% 50%;background-repeat: no-repeat; cursor: pointer;
    background-image: url(images/arrow.png); border-radius: 0;font-size: 18px ;background-color: #fff;font-family: opensans_cl; padding: 0 15px;
    letter-spacing: 0.05em;height: 100%; width: 100%; border: none; -webkit-padding-end: 15px; -webkit-padding-start: 15px; outline: none;
}
#careers-content span.userrole{border: 1px solid #aaa;display: block; margin: 0 auto 70px; height: 47px }
#careers-content .input-textarea{width: 100%; height: 180px; font-size: 18px; padding: 12px 15px;  font-family: opensans_cl; letter-spacing: 0.05em; outline: none;
                                    border: 1px solid #aaa}
#careers-content span.wpcf7-not-valid-tip{text-align: left}
#careers-content .upload_cv span.wpcf7-not-valid-tip{text-align: center;margin-top: 3px;}
#careers-content div.wpcf7-validation-errors {border: 2px solid #000;}
#careers-content .ajax-loader{position: absolute; bottom: 16px;}

#careers-content #upload-cv { position: fixed; top: -1000px; }

/***** Example custom styling *****/
#careers-content .upload-label { margin-top: 50px; font-weight: 300 }
#careers-content .upload-btn{cursor: pointer; font-size: 18px; font-family: din_std; letter-spacing: 0.1em; font-weight: 300;     background: #7d7d7d;color: #fff;
                                display: inline-block;width: 190px;padding-top: 14px;cursor: pointer; height: 44px; transition: 0.3s}
#careers-content .upload-btn:hover{opacity: 0.7}
#careers-content .upload-filename{display: block; margin-top: 5px}
#careers-content #form-submit-btn{background-color: #000; color: #fff; width: 190px; padding-top: 10px; height: 44px; border-color: #000;
                                        font-size: 18px; font-family: din_std; letter-spacing: 0.1em;margin-top: 45px; transition: 0.3s;
                                        border: none}

#careers-content #form-submit-btn:hover{background-color: #bba483;}
#careers-content .more-information{font-family: din_std;  margin-top: 90px; margin-bottom: 260px; text-align: center;letter-spacing: 0.08em; }
#careers-content .information-desc{font-size: 18px;    margin-bottom: 10px;}
#careers-content .information-email{font-size: 24px}


#restuarant-single {padding-bottom: 270px}
#restuarant-single .swiper-container{margin-bottom: 65px}
#restuarant-single .swiper-slide{ height: 460px; background-repeat: no-repeat;background-position: center center;background-size: cover; }
#restuarant-single .swiper-pagination-bullet {width: 10px; height: 10px; background-color: #fff; opacity: 1}
#restuarant-single .swiper-pagination-bullet-active{background-color: #bba483}


#restuarant-single .name-image{margin: 65px 0 65px; text-align: center; padding-bottom: 60px; border-bottom: solid 1px #000;}
/*#restuarant-single .name-image img{max-width: 300px}*/
@media only screen and (min-width: 768px){
    #restuarant-single .name-image img{max-width: 350px}
}

#restuarant-single .restaurant-image{margin-bottom: 65px}
#restuarant-single .restaurant-image > img{width: 100%}
#restuarant-single .restaurant-contact{font-family: din_std; font-size: 18px; letter-spacing: 0.08em}
#restuarant-single .contact-item{position: relative; margin-bottom: 50px}
#restuarant-single .contact-item > div > a{word-break: break-word; display: block; padding-bottom: 5px;padding-top: 5px;}
#restuarant-single .contact-item:nth-child(2n+1){clear: both}
#restuarant-single .email-item a, #restuarant-single .web-item a, #restuarant-single .booking-item a{transition: 0.3s}
#restuarant-single .email-item a:hover, #restuarant-single .web-item a:hover, #restuarant-single .booking-item a:hover{color: #bba483;}


#restuarant-single .menu-icon{background-color: #000; position: relative; color: #fff; text-align: center; padding-top: 12px; height: 40px;
                                transition: 0.3s; max-width: 240px;}
#restuarant-single .menu-icon:hover{background-color: #bba483}
#restuarant-single .menu-icon > a{position: absolute; width: 100%; height: 100%; left: 0; top: 0}
#restuarant-single .menu-icon > img{ position: absolute; left: 35px; top: 10px;}
#restuarant-single .menu-icon .readmore-text{padding-left: 20px;}
#restuarant-single .content-title{font-family: din_std; font-size: 48px; letter-spacing: 0.1em}
#restuarant-single .resto-tagline-detail{font-family: din_std; font-size: 54px; letter-spacing: 0.1em}
#restuarant-single .content-detail{font-family: opensans_cl; font-size: 18px; letter-spacing: 0.08em; margin-bottom: 65px; text-align: justify}
#restuarant-single .content-detail:last-child{margin-bottom: 0}
#restuarant-single .content-detail > p{line-height: 1.3}
#restuarant-single .map-section{margin-top: 70px;}
#restuarant-single .address-item .address-text, #restuarant-single .phone-item .phone-text{padding-top: 5px; padding-bottom: 5px}
#restuarant-single .open-hour{padding-top: 5px; padding-bottom: 5px}
#restuarant-single .open-hour:first-child{padding-top: 0}
#restuarant-single .open-hour:last-child{padding-bottom: 0}

#restuarant-single .resto-row1{position: relative; margin-bottom: 20px;}
#restuarant-single .resto-row2{padding-bottom: 40px; margin-bottom: 20px;}
#restuarant-single .resto-shares{text-align: center}
#restuarant-single .restuarant-right.tagline-detail{position: absolute; bottom: 44px; right: 0}
#restuarant-single .cta-link {text-align: center; padding-bottom: 40px; margin-top: 20px;}
#restuarant-single .cta-link a{background-color: #000; display: inline-block; color: #fff; text-align: center; padding: 20px 20px 0 20px; height: 55px;
    transition: 0.3s; max-width: 280px; margin: 0 10px 20px 10px; text-transform: uppercase; min-width: 220px}
#restuarant-single .cta-link a:hover{background-color: #bba483}

#restuarant-single .open-remarks{font-family: din_std; font-size: 18px; letter-spacing: 0.08em; margin-bottom: 40px; padding: 0 15px;}

@media only screen and (max-width: 991px){
/*    #restuarant-single .restuarant-right.tagline-detail{display: none}*/
    #restuarant-single .restuarant-right.tagline-detail{position: inherit; text-align: center; bottom: 30px}
    #restuarant-single .resto-tagline-detail{font-size: 40px;}
    
}

#home-dialog { background: white; padding: 100px 30px 90px; text-align: center; max-width: 700px; margin: 40px auto; position: relative;}
#home-dialog img.mfp-close{width: 32px; height: 32px; padding: 0; top: 25px; right: 25px; opacity: 1;cursor: pointer}
#home-dialog .dialog-image{width: 100%; margin-bottom: 50px}
#home-dialog .dialog-title{font-family: din_std; font-size: 48px; letter-spacing: 0.1em; text-align: center}
#home-dialog .dialog-desc{font-family: din_std; font-size: 14px; letter-spacing: 0.15em; text-align: center; margin-bottom: 40px}
#home-dialog .dialog-btn{width: 260px; font-family: din_std; font-size: 18px; letter-spacing: 0.08em;border: 1px solid #464646;
                            display: inline-block; margin: 0 10px; padding: 11px 0 6px; color: #464646}
#home-dialog .dialog-btn.signme-btn{background-color: #000; color: #fff}


.popular-post{position: relative}
.popular-post > a{position: absolute; left: 0; width: 100%; height: 100%; z-index: 1;}
.popular-post .popular-image{width: 100%; height: 180px;background-size: cover; background-position: center center; }
.popular-post .popular-info{font-family: opensans_cb; font-size: 18px; color: #7d7d7d;letter-spacing: 0.08em;margin: 25px 0 5px;}
.popular-post .popular-title{font-family: din_std; margin-top: 8px; padding-bottom: 30px ; margin-bottom: 40px; font-size: 24px; letter-spacing: 0.1em;
                                border-bottom: 1px solid #999}
.popular-post:last-child .popular-title{border-bottom: none}

#editorial-single .related-section .section-header{font-size: 24px}
.related-section > .row{margin-left: -20px; margin-right: -20px}
.related-post{position: relative; padding-left: 20px; padding-right: 20px}
.related-post > a{display: block;}
.related-post .related-image{width: 100%; height: 180px;background-size: cover; background-position: center center; }
.related-post .related-info{font-family: opensans_cb; font-size: 18px; color: #a6a6a6;letter-spacing: 0.08em;margin: 25px 0 5px;}
.related-post .related-title{font-family: din_std; margin-top: 8px; font-size: 24px; letter-spacing: 0.1em; }
.related-post .related-image{ -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: 0.3s }
.related-post > a:hover .related-image{-webkit-filter: grayscale(0); filter: grayscale(0); }

#map{height: 400px}                               
#share .jssocials-share, #restaurant_share .jssocials-share{margin-right: 30px}

#restuarant-single #restaurant_share{position: relative}
#restuarant-single #restaurant_share .jssocials-shares{margin-left: 15px; margin-right: 15px;    text-align: center;
                                        width: 60%; margin: 0 auto; background-color: #fff; z-index: 1;  position: relative;}
#restuarant-single #restaurant_share .jssocials-share{margin-left: 15px; margin-right: 15px; }
#restuarant-single #restaurant_share .jssocials-share i{transition: 0.3s; font-size: 24px;}
#restuarant-single #restaurant_share .jssocials-share a:hover i{color: #a18865}


.not-found{padding: 65px 0 435px; }
.not-found .page-header{border: none; padding: 0; margin-bottom: 45px; margin-top: 0;}
.not-found .page-header h1{margin: 0}
.not-found .page-notice{font-size: 18px; font-family: din_std; letter-spacing: 0.08em; text-align: center}

#comming_soon{padding: 65px 0 435px; }
#comming_soon .page-notice{font-size: 18px; font-family: din_std; letter-spacing: 0.08em; text-align: center}

#product-list .page-notice{font-size: 18px; font-family: din_std; letter-spacing: 0.08em; text-align: center; margin-bottom: 250px}

.subscription-section{ background-color: #f7f7f7; padding: 50px 0; text-align: center}
.subscription-section .subscription-btn{max-width: 660px; margin: 0 auto;}
.subscription-section .subscription-desc{color: #8a8a8a; font-family: din_std; letter-spacing: 0.08em; 
                                            margin-top: 0; margin-bottom: 15px; }
.subscription-section .subscription-name, .subscription-section .subscription-email{padding: 5px}
.subscription-section .subscription-name .input-group{width: 100%}
.subscription-section .subscription-btn input.form-control{font-family: opensans_cl; padding: 13px 15px; background-color: #e3e3e3; box-shadow: none;border-radius: 0;
                                        font-size: 18px; letter-spacing: 0.05em; outline: none; border: none; height: auto; line-height: 1}
.subscription-section #mailchimp_submit{border-radius: 0; border: none;background-color: #000; color: #fff; font-family: din_std; letter-spacing: 0.08em; 
                                            font-size: 18px; padding: 6px 15px 2px;cursor: pointer; transition: 0.3s}
.subscription-section #mailchimp_submit:hover{background-color: #bba483}

.header_login{position: absolute; right: 50px; top: 21px;}
.header_login img{width: 20px}
.header_login .header_login_logo{width: 20px; height: 20px; background-image: url(images/account_black.svg); display: inline-block;
    vertical-align: middle; background-size: 20px 20px; background-position: center center; background-repeat: no-repeat;}
.header_login .header-login-name{font-size: 18px; font-family: opensans_cl; text-transform: capitalize; margin-left: 10px;
                                    vertical-align: middle; height: 20px; display: none;}
.header_login:hover .header_login_logo{background-image: url(images/account_gold.svg);}
.header_login:hover .header-login-name{color: #bba483}
.cart-customlocation{position: absolute; right: 5px; top: 21px;}
.cart-customlocation .header_cart_logo{width: 20px; height: 20px; background-image: url(images/cart_black.svg); display: inline-block;
    vertical-align: middle; background-size: 20px 20px; background-position: center center; background-repeat: no-repeat;}
.cart-customlocation:hover .header_cart_logo{background-image: url(images/cart_gold.svg);}
.cart-customlocation span.fa-stack{top: -5px; left: 18px;;width: 1.15em; height: 1.15em; line-height: 1.15em; font-size: 1.15em; position: absolute}
.cart-customlocation i.fa-circle{font-size: 1.15em; color: #bba483}
.cart-customlocation strong.fa-stack-1x{font-size: 10px;color: #fff; font-family: opensans_cl;}
.cart-customlocation span.cart-name{font-size: 18px; font-family: opensans_cl; text-transform: capitalize; 
    margin-left: 10px; vertical-align: middle; height: 20px; display: none;}
.cart-customlocation:hover span.cart-name{color: #bba483}
.blackkeys_login{position: absolute; right: 95px; top: 21px; background-image: url(images/Keyicon-black.png); background-size: 10px 22px; width: 10px; height: 22px;}
.blackkeys_login:hover{background-image: url(images/Keyicon-gold.png);}

.navbar-header .cart-customlocation{position: absolute; top: 20px; right: 0;}
.navbar-header .cart-customlocation .icon-text{display: block; font-family: opensans_cl; font-size: 12px; line-height: 1.8; letter-spacing: 0.05em; text-transform: uppercase}


footer{ background-color: #000; color: #fff; padding: 60px 0 35px}
footer #menu-footer-menu{padding: 0; margin: 0}
footer #menu-footer-menu .menu-item{list-style: none; display: inline-block;}
footer #menu-footer-menu .menu-item > a{color: #fff; font-size: 14px; font-family: roboto_l; margin-right: 25px; text-transform: uppercase; transition: 0.3s}
footer #menu-footer-menu .menu-item > a:hover{opacity: 0.7}
footer #menu-footer-menu-cn{padding: 0; margin: 0}
footer #menu-footer-menu-cn .menu-item{list-style: none; display: inline-block;}
footer #menu-footer-menu-cn .menu-item > a{color: #fff; font-size: 14px; font-family: roboto_l; margin-right: 25px; text-transform: uppercase; transition: 0.3s}
footer #menu-footer-menu-cn .menu-item > a:hover{opacity: 0.7}
footer .footer-restaurant{max-width: 400px}
footer .footer-restaurant .restaurant-name{color: #fff; display: inline-block; margin-top: 8px; margin-right: 25px; text-transform: capitalize; font-size: 14px; font-family: roboto_l; transition: 0.3s}
footer .footer-restaurant .restaurant-name:hover{opacity: 0.7}
footer .footer-social-media{text-align: right}
footer .footer-social-media a > .fa{color: #7d7d7d; font-size: 24px; padding: 0 12px; transition: 0.3s} 
footer .footer-social-media a:first-child > .fa{padding-left: 0}
footer .footer-social-media a:last-child > .fa{padding-right: 0}
footer .footer-social-media a > .fa:hover{color: #a18865}
footer .footer-logo{text-align: right; margin-top: 50px; padding-bottom: 30px}
footer .footer-logo > img{max-width: 119px}
footer .address{font-size: 12px; font-family: opensans_cl; letter-spacing: 0.05em} 
footer .copy-right{font-size: 12px; font-family: opensans_cl; text-align: right; letter-spacing: 0.05em} 
footer .footer-left-section{padding-right: 5px}
footer .footer-right-section{padding-left: 5px}


.logged-in .responsive-menu{}
.responsive-menu {position: fixed;top: 0;left: -100%; width: 80%;background: white;z-index: 99999;opacity: 0;max-width: 315px; height: 100%;
    -webkit-transition: all 750ms;-moz-transition: all 750ms;-ms-transition: all 750ms;-o-transition: all 750m;transition: all 750ms;}
.responsive-menu.active {left: 0; opacity: 1; overflow: scroll}
.responsive-menu-bg{display: none;position: fixed;top: 0;left: 0%;width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);z-index: 2}
.responsive-menu-close {height: 75px;width: 100%;border-bottom: 2px solid #000; position: relative;}
.responsive-menu-close > a {width: 40px;position: absolute; top: 0px; bottom: 0; right: 18px;cursor: pointer; text-align: right; padding-top: 22px}
.responsive-menu-close > a > img{margin-bottom: 1px; width: 20px}
.responsive-menu-close > a > span{display: block; font-family: opensans_cl; font-size: 12px; letter-spacing: 0.05em; text-transform: uppercase;}

.responsive-menu > ul{padding: 0; margin: 0; float: none}
.responsive-menu > ul > li {display: block; float: none}

.responsive-menu > ul > li.menu-item-has-children{}
.responsive-menu > ul > li > a {font-family: opensans_cl; display: block;line-height: 1;width: 100%;font-size: 24px;padding: 19px;
                                text-transform: uppercase; color: #000;border-bottom: 1px solid #000;}
.responsive-menu > ul li.current-menu-item > a, .responsive-menu > ul  li.current-menu-parent > a{color: #bba483}

.responsive-menu > ul > li.menu-item-has-children > a{position: relative}
.responsive-menu > ul > li.menu-item-has-children > a > span{background-image: url(images/sub_menu_btn.png); width: 40px;
    height: 100%; position: absolute;  right: 0px; bottom: 0; top: 0; margin: auto; background-repeat: no-repeat; background-position: left center;}

.responsive-menu > ul > li > a:hover{color: #bba483; background-color: transparent}
.responsive-menu ul.sub-menu{list-style: none;padding: 0; display: none}
.responsive-menu ul.sub-menu a{padding: 17px 0 17px 40px; display: block;font-size: 20px;font-family: 'opensans_cl';letter-spacing: 0.02em; 
                                border-bottom: 1px solid #000; text-transform: uppercase}
.responsive-menu ul.sub-menu a:hover{color: #bba483; background-color: transparent; }
.responsive-menu > ul > li.menu-item-has-children > a.active-sub-menu +.sub-menu{display: block}

#restaurant-content .page-title{margin-top: 80px}
#restaurant-content #home-content{padding-top: 10px}
#restaurant-content #home-content .row{margin-left: -10px; margin-right: -10px}
#restaurant-content #home-content .home-restaurant .shop-logo{display: block; width: 100%; -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: 0.3s}
#restaurant-content #home-content .home-restaurant .shop-logo:hover{-webkit-filter: grayscale(0); filter: grayscale(0)}
#restaurant-content #home-content .home-restaurant {padding-left: 10px; padding-right: 10px}
#restaurant-content #home-content .restaurant-name{padding: 0 15px; max-width: 100%}

#restaurant-content #home-content .home-restaurant .resto-tagline, #home-content .home-restaurant .resto-tagline{
    padding-top: 20px;
    line-height: 1.3em;    
    font-size: 18px;
    font-family: opensans_cl;
    letter-spacing: 0.08em;
}        

@media only screen and (min-width: 768px){
    #restaurant-content #home-content .restaurant-name, #home-content .restaurant-name{position: relative}

    #restaurant-content #home-content .home-restaurant .resto-tagline, #home-content .home-restaurant .resto-tagline{
        display: none;
    }
}
@media only screen and (max-width: 767px){
    #home-content .home-restaurant > a{position: relative}
    body.home #home-content .home-restaurant .resto-tagline{padding: 0 0 30px 0}
    #home-content .home-restaurant .resto-tagline{display: block !important;}
}

.woocommerce .breadcrumb-section > a, .woocommerce .breadcrumb-section > span{ color: #000 }
#product-list{padding-top: 70px}
.woocommerce.post-type-archive-product #product-list{padding-top: 70px}
.woocommerce.post-type-archive-product #product-list .breadcrumb-section{display: none}
#product-list{padding-top: 0px; padding-bottom: 185px}

#product-list .woocommerce-ordering, .woocommerce #product-list .woocommerce-result-count{display: none} 
#product-list .container{}
#product-list ul.products{max-width: 950px; margin: 0 auto}
#product-list ul.products li.product a{transition: 0.3s }
#product-list ul.products li.product a:hover{color: #bba483}
#product-list ul.products li.product a img{max-width:100%; margin: 0 auto; width: 100%}
#product-list ul.products li.product{width: 33.33%; clear: none; margin: 0; text-align: center; margin-bottom: 65px}
#product-list ul.products li.product h3{font-family: din_std; font-size: 24px; letter-spacing: 0.08em; text-transform: uppercase; padding-bottom: 0; padding-top: 25px; 
                                            margin: 0 auto; max-width: 80%;line-height: 1}
#product-list #content .product .images{max-width: 500px}
#product-list ul.products .product-spec{font-family: opensans_cl; letter-spacing: 0.08em; font-size: 18px; margin-bottom: 20px}
#product-list ul.products .woocommerce-Price-amount{font-family: opensans_cl; letter-spacing: 0.08em; font-size: 18px; color: #000; transition: 0.3s }
#product-list ul.products a:hover .woocommerce-Price-amount{color: #bba483}
#product-list .color-options{margin-top: 30px}
#product-list .color-options > span{margin: 0 5px; overflow: hidden; cursor: pointer; border: 1px solid transparent;  display: inline-block; }
#product-list .color-options > span >span{ text-align: center; padding-top: 8px; width: 30px; height: 30px; display: block; border: 1px solid #000 }
#product-list .color-options > span.selected{border-color: #bba483}
#product-list .color-options > span.selected > span{border-color: #bba483}

#product-detail{padding-bottom: 270px}
#product-detail #content .product .images{width: 42%; padding-right: 25px;}
#product-detail #content .product .entry-summary{width: 58%; padding-left: 25px}
#product-detail #content .product .images .thumbnails{padding: 35px 0 0; margin-left: -17px; margin-right: -17px;}
#product-detail #content .product .images .thumbnails > a{width: 25%; clear: none; margin: 0 0 10px 0; padding: 0 17px;}
#product-detail #content .product .images .thumbnails > a:nth-child{width: 25%; clear: none; margin: 0 0 10px 0; padding: 0 17px;}
#product-detail #content .product .images .thumbnails > a:nth-child(1n + 5){display: none}
#product-detail #content .product .thumbnails > a > img{border: 2px solid transparent; transition: 0.3s}
#product-detail #content .product .thumbnails > a:hover > img{border-color: #bba483}
#product-detail .product .product_title{margin-bottom: 10px; font-family: din_std; font-size: 48px; letter-spacing: 0.08em; text-transform: uppercase; line-height: 1}
#product-detail .product .price{margin-bottom: 0; color: #000; font-size: 24px; font-family: opensans_cl; letter-spacing: 0.08em; line-height: 1}

#product-detail .product-spec{margin: 10px 0}
#product-detail .product-spec-item{color: #000; font-size: 24px; font-family: opensans_cl; letter-spacing: 0.08em; margin-top: 5px } 
#product-detail div[itemprop="description"]{ font-family: opensans_cl; font-size: 18px; letter-spacing: 0.08em; padding-top: 25px; 
                                        border-top: 1px solid #000; margin-top: 30px; line-height: 1.3; text-align: justify;}
#product-detail div[itemprop="description"] > p{margin-bottom: 0}
#product-detail .cart .single_add_to_cart_button {width: 190px; padding-top: 14px; background-color: #000; text-transform: uppercase;  height: 45px; font-weight: 300;
                                                            border-radius: 0; font-family: din_std; font-size: 18px; letter-spacing: 0.08em; text-transform: uppercase; transition: 0.3s}
#product-detail .cart .single_add_to_cart_button:before{background-image: url(images/cart_white.svg); content: " "; margin-right: 15px; font-size: 18px;
                                                    width: 25px; height: 25px; display: inline-block; vertical-align: middle; margin-top: -3px;}
#product-detail .cart .single_add_to_cart_button:not(.disabled):hover{background-color: #bba483}
#product-detail form.cart .variations{margin-bottom: 0; margin-top: 30px; }
#product-detail form.cart .variations tr{width: 50%; display: inline-block; padding-top: 30px; border-top: 1px solid #000}
#product-detail form.cart .variations tr{}
#product-detail form.cart .variations td{margin-bottom: 5px; padding-bottom: 0; font-size: 20px; font-family: din_std; letter-spacing: 0.08em; color: #000; 
                                        padding-top: 0; text-transform: uppercase; display: block; text-align: left; line-height: 1}
#product-detail form.cart .variations td > label{font-weight: 300 }
#product-detail form.cart .variations td.value{color: #000; display: block; text-align: left;}
#product-detail form.cart .variations td.value #pa_color{display: none}
#product-detail form.cart .variations td.value #pa_size{display: none}
#product-detail form.cart .variations td.value div > span{float: left; margin-right: 10px; overflow: hidden; cursor: pointer; text-transform: uppercase;
                                                                                    border: 1px solid transparent;  display: block; }
#product-detail form.cart .variations td.value div > span >span{ text-align: center; padding-top: 8px; width: 30px; height: 30px; display: block; border: 1px solid #000 }
#product-detail form.cart .variations td.value span.selected{border-color: #bba483}
#product-detail form.cart .variations td.value span.selected > span{border-color: #bba483}
#product-detail form.cart .variations td.value .size-guide{display: block; height: 30px; background-color: #8a8a8a; float: left;
                                                            padding: 9px 15px 0; font-size: 18px; color: #fff; margin-top: 1px; transition: 0.3s}
#product-detail form.cart .variations td.value .size-guide:hover{opacity: 0.7}
#product-detail form.cart .variations td.value .reset_variations{display: none !important}
#product-detail form.cart .variations td.value .attribute_color{}
#product-detail form.cart .variations td.value .attribute_size{}
#product-detail form.cart .quantity{padding-top: 30px; border-top: 1px solid #000; margin-top: 30px}
#product-detail form.cart .input-group-btn{float: left; width: 30px;}
#product-detail form.cart .input-group-btn .btn{background-color: #fff; border-radius: 0; width: 100%; font-weight: bold; height: 30px;
                                                    padding: 4px 0; color: #000; border-color: #7d7d7d;outline: none; margin-left: 0; margin-right: 0}
#product-detail .qty-title{font-size: 20px; font-family: din_std; letter-spacing: 0.08em;
                                line-height: 1; padding-bottom: 12px; text-transform: uppercase;}
#product-detail .quantity{float: none;  margin-bottom: 35px}
#product-detail .quantity .input-text{height: 30px; border: 1px solid #7d7d7d; float: left; outline: none; font-family: din_std; padding-top: 8px;
                                        width: 30px; border-left: none; border-right: none;font-size: 20px; font-weight: 500;}
#product-detail .woocommerce-main-image{cursor: default}
#cart{padding-bottom: 270px}
#cart .woocommerce{font-family: din_std; letter-spacing: 0.08em; font-size: 20px; text-transform: uppercase}
#cart .shop_table{border: none; margin-bottom: 20px}
#cart .shop_table .shipping p{font-size: 20px; line-height: 1.1; margin: 5px 0 0;}
#cart #shipping_method .shipping_method{margin-left: 0; margin-top: 9px; vertical-align: top; cursor: pointer; margin-right: 5px;
                                                width: 13px}
#cart #shipping_method li{padding: 0 0 0 22px; height: 25px}
#cart #shipping_method li label{cursor: pointer; font-size: 20px}

.woocommerce-breadcrumb, .woocommerce-breadcrumb{font-family: opensans_cl; font-size: 18px; letter-spacing: 0.08em; color: #000;
                                                    text-transform: uppercase; }
#cart  .woocommerce-breadcrumb, #checkout .woocommerce-breadcrumb{margin-top: 25px; margin-bottom: 65px ; height: 20px}
#cart  .woocommerce-breadcrumb > a, #checkout .woocommerce-breadcrumb > a{ color: #a6a6a6 }
#cart .cart-empty{text-align: center; font-family: din_std; font-size: 18px; letter-spacing: 0.08em; margin-bottom: 435px;margin-top: 45px;}
#cart .return-to-shop{display: none}
#cart .shop_table tr th, #cart .shop_table td{padding: 9px 0 8px; border-color: #000; font-weight: 300}
#cart .shop_table .shipping th, #cart .shop_table .shipping td{padding-top: 15px; padding-bottom: 13px}
#cart .shop_table #shipping_method{margin-top: -4px}
#cart .shop_table td{font-size: 24px; }
#cart .cart_totals .shop_table td{text-align: right}
#cart .shop_table tr.order-total th, #cart .shop_table tr.order-total td{padding: 16px 0 6px;}
#cart .shop_table tr.order-total td strong{font-weight: 300}
#cart .product-name{font-size: 20px; font-weight: 300}
#cart .cart_item > td{border: none; padding: 20px 0}
#cart a.remove{background-image: url(images/remove.svg); color: transparent !important; width: 30px; height: 30px; background-size: cover; 
                border-radius: 0;  transition: 0.3s}
#cart a.remove:hover{opacity: 0.6; background-color: transparent}
#cart table.cart .product-name{padding-right: 40px; line-height: 1}
#cart table.cart .product-thumbnail img{width: 100%; max-width: 165px}
#cart table.cart .product-name > a{font-size: 24px}
#cart table.cart .variation{margin-top: 8px; font-size: 20px}
#cart table.cart .variation dt{padding-bottom: 0; height: 22px; margin-bottom: 2px; font-weight: 300}
#cart table.cart .variation dd{margin-bottom: 0; padding-bottom: 0;/*height: 22px;*/ font-weight: 300}
#cart table.cart .quantity .qty {width: 100px; text-align: left; height: 28px; padding-top: 7px;padding-left: 10px;border: 1px solid #7d7d7d;}
#cart table.cart .actions{padding: 20px 0; border-top: 1px solid #000; border-bottom: 1px solid #000;}
#cart table.cart .actions input.button{height: 30px; padding: 8px 15px 0; text-transform: uppercase; padding-top: 5px; transition: 0.3s;
    letter-spacing: 0.08em; background-color: #8a8a8a; color: #fff; border-radius: 0; font-size: 18px; font-weight: 300}
#cart table.cart .actions input.button:hover{opacity: 0.7}
#cart table.cart .actions .coupon .input-text{height: 53px; width: 250px; /*padding: 8px 0 0 15px;*/ text-transform: uppercase; letter-spacing: 0.08em}
#cart table.cart .woocommerce-Price-amount{font-size: 24px}
#cart table.cart .quantity{padding-bottom: 8px}
#cart .cart-collaterals .cart_totals{width: 45%}
#cart .cart-collaterals .cart_totals > h2{font-size: 24px; margin-top: 0}
#cart .cart-collaterals .woocommerce-shipping-calculator p{margin-bottom: 0}
#cart .cart-collaterals .wc-proceed-to-checkout{padding: 0}
#cart .cart-collaterals .checkout-button{font-size: 18px; height: 45px; padding-top: 15px; background-color: #000; border-radius: 0; transition: 0.3s; margin-bottom: 0; font-weight: 300 }
#cart .cart-collaterals .checkout-button:hover{background-color: #b69c77}
#cart #shipping_method .amount{font-weight: 300}


#checkout {padding-bottom : 270px}
#checkout .login{margin-top: 0; border-color: #8a8a8a; border-radius: 0; font-family: opensans_cl; font-size: 18px; letter-spacing: 0.08em;
                padding: 30px 35px; border-top: none; margin-bottom: 55px}
#checkout .login .form-row{margin: 0; padding: 0}
#checkout .login .form-row > label{display: none}
#checkout .checkout_coupon{display: block !important}
#checkout .checkout_coupon{margin-top: 0; border-color: #8a8a8a; border-radius: 0; font-family: opensans_cl; font-size: 18px; letter-spacing: 0.08em;
                padding: 30px 35px; border-top: none; margin-bottom: 55px}
#checkout .checkout_coupon .form-row-last{width: 100%}
#checkout .woocommerce-billing-fields > h3{margin-top: 0}
#checkout .checkout_coupon .button{width: 270px; background-color: #000; color: #fff; border-radius: 0; transition: 0.3s;font-family: din_std;
                        text-transform: uppercase; font-weight: 300; letter-spacing: 0.08em; padding: 0; height: 44px; padding-top: 5px;}
#checkout .checkout_coupon .button:hover{background-color: #b69c77;}

#checkout .input-text {width: 100%; font-family: opensans_cl; margin-top: 17px; padding: 9px 15px; font-size: 18px;
                        letter-spacing: 0.05em; outline: none; border: 1px solid #aaa; margin-bottom: 17px}
#checkout .login .button{width: 270px; background-color: #000; color: #fff; border-radius: 0; transition: 0.3s;font-family: din_std;
                        text-transform: uppercase; font-weight: 300; letter-spacing: 0.08em; padding: 0; height: 44px; padding-top: 5px;}
#checkout .login .button:hover{background-color: #b69c77;}
#checkout .lost_password{margin-top: 3px; margin-bottom: 0; font-family: opensans_cl; font-size: 14px; letter-spacing: 0.05em;
                        color: #af936c; }
#checkout .lost_password > a{text-decoration: underline; color: #af936c;}

#checkout .woocommerce-checkout{font-family: din_std; font-size: 20px; letter-spacing: 0.08em}
#checkout .woocommerce-checkout h3{font-size: 30px; color: #b69c77; text-transform: uppercase; margin-bottom: 27px}
#checkout .woocommerce-checkout .form-row{padding: 0; margin-bottom: 0}
#checkout .woocommerce-checkout .form-row > label{line-height: 1; margin-bottom: 0; display: none}
#checkout .woocommerce-checkout .create-account.form-row label{display: inline; font-weight: 300}
#checkout .woocommerce-checkout .input-text{margin-top: 20px; margin-bottom: 0}
#checkout .woocommerce-checkout .input-checkbox{margin-top: -5px}
#checkout .woocommerce-checkout #billing_country_field > strong{width: 100%; font-family: opensans_cl; margin-top: 20px; padding: 9px 15px; font-size: 18px;
                                                letter-spacing: 0.05em; outline: none; border: 1px solid #aaa; display: block}
#checkout .woocommerce-checkout #s2id_billing_country .select2-choice{border-color: #aaa; border-radius: 0; font-family: opensans_cl;letter-spacing: 0.05em;font-size: 18px; height: 41px}
#checkout .woocommerce-checkout #billing_state_field .select2-choice{border-color: #aaa; border-radius: 0; font-family: opensans_cl;letter-spacing: 0.05em;font-size: 18px; height: 41px}
#checkout .woocommerce-checkout #billing_state_field #billing_state{border-color: #aaa; border-radius: 0; font-family: opensans_cl;letter-spacing: 0.05em;font-size: 18px; height: 41px}
#checkout .woocommerce-checkout #billing_state_field.woocommerce-invalid #billing_state{border-color: #b81c23}
#checkout .woocommerce-checkout #s2id_billing_state, #checkout .woocommerce-checkout #s2id_billing_country{margin-top: 20px}
#checkout .woocommerce-checkout .shipping_header{margin-top: 50px}
#checkout .woocommerce-invalid input{border-color: #b81c23}
#checkout .woocommerce-invalid#billing_city_field input{border-color: #aaa}


#checkout #customer_details .col-1{width: 100%; padding-left: 35px; padding-right: 35px}
/*#checkout #customer_details .col-2{display: none}*/
#checkout #customer_details .customer_header, #checkout #customer_details .shipping_header{margin-bottom: -8px}

#checkout .error_notice{display: none; font-family: opensans_cl; font-size: 14px; letter-spacing: 0.08em; color: #a13210; margin-top: 7px}
/*#checkout .woocommerce-error {display: none}*/
#checkout .woocommerce-error + .row .woocommerce-invalid .error_notice{display: block}
#checkout .create-account{margin-top: 10px}
#checkout p.create-account{margin-top: 50px}
#checkout p.create-account .checkbox{font-size: 20px; text-transform: uppercase}
#checkout div.create-account p{font-family: opensans_cl; font-size: 18px}
#checkout #account_password{max-width: 250px; padding-top: 2px; padding-bottom: 2px; margin-top: 5px}
#checkout #account_password_field label{display: none}
#checkout #account_password_field .woocommerce-password-strength, #editAccount .woocommerce-password-strength{background-color: transparent; color: #b69c77; font-family: opensans_cl; 
                                                                    padding: 10px 0 0; font-size: 14px; text-align: left}
#checkout #order_review_container{padding-left: 35px; padding-right: 35px}
#checkout #order_review_container > h3{margin-bottom: 27px; margin-top: 0}
#checkout #order_review_container table.shop_table{border: none; text-transform: uppercase}
#checkout #order_review_container table.shop_table .shipping p{font-size: 20px}
#checkout #order_review_container table.shop_table > thead{display: none}
#checkout #order_review_container .cart_item td{border-color: #000; padding: 15px 10px;}
#checkout #order_review_container .cart_item .product-thumbnail > img{max-width: 90px}
#checkout #order_review_container td.product-name{font-size: 24px; padding-top: 15px; padding-bottom: 15px}
#checkout #order_review_container td.product-name > img{display: inline-block; width: 24%; vertical-align: middle; padding-right: 15px; margin-left: -2px; margin-right: -2px;}
#checkout #order_review_container td.product-name .product-name-inner{ display: inline-block; width: 75%; vertical-align: middle; margin-left: -2px; margin-right: -2px;
                                                                padding-left: 15px; padding-top: 10px; padding-bottom: 10px; line-height: 1; font-weight:300}
#checkout #order_review_container td.product-name .product-name-inner .product-quantity{font-weight: 300}
#checkout #order_review_container .variation{margin-top: 5px; margin-bottom: 0}
#checkout #order_review_container .variation dt { padding-bottom: 0; height: 22px; font-size: 20px; font-weight: 300}
#checkout #order_review_container .variation dd { margin-bottom: 0; padding-bottom: 0; height: 22px; font-size: 20px}
#checkout #order_review_container .shop_table tr td:nth-child(2){text-align: right; max-width: 125px; font-size: 24px; padding-right: 0}
#checkout #order_review_container #shipping_method{margin-left: -100px;}
#checkout #order_review_container .shipping td > p{margin-left: -160px}
#checkout #order_review_container .shop_table tfoot th, #checkout #order_review_container .shop_table tfoot td{border: none; padding-bottom: 0px; font-weight: 300}
#checkout #order_review_container .shop_table tfoot .cart-subtotal th, 
#checkout #order_review_container .shop_table tfoot .cart-subtotal td{border-top: solid #000 2px; padding-top: 18px}
#checkout #order_review_container .shop_table tfoot .order-total th, 
#checkout #order_review_container .shop_table tfoot .order-total td{border-bottom: solid #000 2px; padding-bottom: 10px}
#checkout #order_review_container .shop_table tfoot .order-total td strong{font-weight: 300}
#checkout #order_review_container .shop_table #shipping_method li{padding: 0; }
#checkout #order_review_container .shop_table #shipping_method li input{vertical-align: top;width: 13px; margin-top: 5px; margin-right: 5px; cursor: pointer;}
#checkout #order_review_container .shop_table #shipping_method li label{font-size: 20px; cursor: pointer}

#checkout #payment{background: transparent; margin-top: 45px; border-radius: 0;}
#checkout #payment .methods{padding: 0; border-bottom: none}
#checkout #payment .wc_payment_method > label{font-size: 30px; color: #b69c77; text-transform: uppercase; font-weight: 100;
                                                    margin-bottom: 17px; line-height: 1;}
#checkout #payment .payment_box{background-color: transparent; font-family: opensans_cl; padding: 0; margin: 0; margin-bottom: 15px; line-height: 1.2}
#checkout #payment .payment_box:before{display: none}
#checkout #payment .wc_payment_method > img{margin-left: 0}
#checkout #payment .wc_payment_method .about_paypal{display: none}
#checkout #payment .place-order{margin-top: 20px; padding: 0}
#checkout #payment #place_order{width: 100%; font-family: din_std; font-size: 18px; letter-spacing: 0.08em; text-transform: uppercase; font-weight: 300;
                                    height: 44px; padding: 0; padding-top: 4px; background-color: #000; transition: 0.3s; border-radius: 0}
#checkout #payment #place_order:hover{background-color: #b69c77}
#checkout #shipping_method .amount{font-weight: 300}
.woocommerce-order-received #checkout{font-family: opensans_cl; font-size: 16px;}
.woocommerce-order-received #checkout h2, .woocommerce-order-received #checkout h3{font-family: din_std; font-size: 20px;
    letter-spacing: 0.08em; margin-top: 50px; text-transform: uppercase;}
.woocommerce-order-received #checkout .shop_table{border-radius: 0}

#myAccount{padding-bottom: 270px}
#myAccount .myAccount-header{padding: 65px 0; text-align: center}
#myAccount .myAccount-header > img{max-width: 165px}
#myAccount #customer_login h2, #myAccount #myAccount-info h2{text-transform: uppercase; color: #b69c77; font-size: 48px; text-align: center; font-family: din_std; letter-spacing: 0.15em;
                                margin-bottom: 15px}
#myAccount #customer_login h2 > span, #myAccount #myAccount-info h2 > span{border-bottom: 1px solid #b69c77; line-height: 0.5; padding-bottom: 30px; display: inline-block; position: relative}
#myAccount #customer_login h2 > span:after, #myAccount #myAccount-info h2 > span:after{ content: " "; background: url(images/spade.svg) no-repeat center center; position: absolute;
                        left: 50%; top: 100%; height: 20px; width: 20px; margin-left: -10px; margin-top: -11px; background-color: #fff; background-size: 20px; background-position: center}

#myAccount form{border: none; max-width: 400px; width: 100%; margin: 0 auto; padding: 0}
#myAccount form .form-row{padding: 0; margin: 0; position: relative}
#myAccount form .form-row label{display: none}
#myAccount form .form-row input.input-text{border: 1px solid #aaa; font-family: opensans_cl; margin-top: 30px; padding: 9px 15px; font-size: 18px; 
                                            letter-spacing: 0.05em; outline: none;}
#myAccount form .lost_password{height: 15px; font-family: opensans_cl; font-size: 14px; letter-spacing: 0.05em; color: #af936c; margin-bottom: 0; }
#myAccount form .lost_password > a{color: #af936c; text-decoration: underline; }
#myAccount form .form-row #password{margin-bottom: 15px}
#myAccount form .form-row #reg_password{margin-bottom: 30px}
#myAccount form .form-row .button{background-color: #000; color: #fff; height: 44px; font-size: 18px; font-family: din_std; letter-spacing: 0.08em; 
                                    text-transform: uppercase; transition: 0.3s; font-weight: 300; margin-top: 20px; width: 100%;padding-top: 5px;
                                    padding-bottom: 0; line-height: 1; border-radius: 0}
#myAccount form .form-row .button:hover{background-color: #af936c}
#myAccount form .woocommerce-password-strength{height: 15px; font-family: opensans_cl; font-size: 14px;
    letter-spacing: 0.05em; color: #af936c; margin-bottom: 0; background-color: transparent; text-align: left;
    position: absolute; bottom: 0; padding: 0;}


#myAccount form .woocommerce-password-hint{display: none}
#myAccount .myAccount-msg{font-family: din_std; font-size: 24px; letter-spacing: 0.08em; text-align: center; margin: 30px auto 0; max-width: 850px}
#myAccount .myAccount-msg span{font-size: 28px; display: block; margin-top: 5px}
#myAccount .woocommerce-MyAccount-navigation{margin-top: 75px; width: 100%; float: none;}
#myAccount .woocommerce-MyAccount-navigation ul{margin: 0; list-style: none; padding: 0}
#myAccount .woocommerce-MyAccount-navigation ul:after, #myAccount .woocommerce-MyAccount-navigation ul:before{display: table;
    content: " "; clear: both}
#myAccount .woocommerce-MyAccount-navigation ul li{margin: 0; list-style: none; padding: 0;width: 25%; float: left;
    padding-left: 15px; padding-right: 15px;}
#myAccount .woocommerce-MyAccount-navigation ul > li > a{ display: block; width: 100%; padding: 13px 0 8px; background-color: #000; transition: 0.3s; text-transform: uppercase;
                                                        text-align: center; color: #fff; font-family: din_std; font-size: 18px; letter-spacing: 0.08em; font-weight: 300}
#myAccount .woocommerce-MyAccount-navigation ul > li > a:hover{background-color: #af936c}

#editAccount{padding-bottom: 270px}
#editAccount > header{text-align: center; font-family: din_std; font-size: 30px; letter-spacing: 0.08em; color: #b69c77; text-transform: uppercase}
#editAccount .breadcrumb-section{margin-bottom: 50px;}
#editAccount form.edit-account{max-width: 550px; margin: 0 auto}
#editAccount .form-header{font-family: din_std; font-size: 20px; letter-spacing: 0.08em; margin-top: 50px; text-transform: uppercase}
#editAccount p{padding: 0; margin: 0}
#editAccount .form-row label{display: none}
#editAccount .form-row .input-text{font-family: opensans_cl; margin-top: 20px; padding: 9px 15px; 
                                font-size: 18px; letter-spacing: 0.05em; outline: none; border: 1px solid #aaa;}    
#editAccount .woocommerce-Button { width: 100%; background-color: #000; color: #fff; border-radius: 0; transition: 0.3s; font-family: din_std; text-transform: uppercase; 
                        font-weight: 300; letter-spacing: 0.08em; padding: 0; height: 44px; margin-top: 65px; font-size: 18px;padding-top: 5px; transition: 0.3s}
#editAccount .woocommerce-Button:hover{background-color: #b69c77;}

#editAddress{padding-bottom: 270px}
#editAddress >  form{ max-width: 550px; margin: 0 auto;}
#editAddress > header{text-align: center; font-family: din_std; font-size: 30px; letter-spacing: 0.08em; color: #b69c77; text-transform: uppercase}
#editAddress .breadcrumb-section{margin-bottom: 50px;}
#editAddress .input-text {width: 100%; font-family: opensans_cl; padding: 9px 15px; font-size: 18px;
                        letter-spacing: 0.05em; outline: none; border: 1px solid #aaa; margin-top: 20px; margin-bottom: 0}
#editAddress #billing_state.input-text{ border-color: #aaa; border-radius: 0; font-family: opensans_cl; letter-spacing: 0.05em;
    font-size: 18px; height: 41px; padding-top: 6px; margin-top:0 ;}
#editAddress p{padding: 0; margin: 0}
#editAddress .form-row > label{display: none}
#editAddress .customer_header, #editAddress .shipping_header { font-family: din_std; font-size: 20px; letter-spacing: 0.08em; margin-top: 50px; text-transform: uppercase;}
#editAddress #billing_country_field > strong { width: 100%; font-family: opensans_cl; margin-top: 20px; padding: 9px 15px;
                                font-size: 18px; letter-spacing: 0.05em; outline: none; border: 1px solid #aaa; display: block;}
#editAddress #billing_state_field{margin-top: 20px;}
#editAddress #billing_country_field{margin-top: 20px;}
#editAddress #s2id_billing_country .select2-choice{ border-color: #aaa; border-radius: 0; font-family: opensans_cl; letter-spacing: 0.05em;
    font-size: 18px; height: 41px; padding-top: 6px}
#editAddress #billing_state_field .select2-choice{ border-color: #aaa; border-radius: 0; font-family: opensans_cl; letter-spacing: 0.05em;
                                                    font-size: 18px; height: 41px; padding-top: 6px}
#editAddress form .button{width: 100%; background-color: #000; color: #fff; border-radius: 0; font-family: din_std;
    text-transform: uppercase; font-weight: 300; letter-spacing: 0.08em; padding: 0; height: 44px; margin-top: 65px;
    font-size: 18px; padding-top: 5px; transition: 0.3s;}
#editAddress form .button:hover{background-color: #b69c77;}

#orderList{padding-bottom: 270px}
#orderList .breadcrumb-section{margin-bottom: 50px;}
#orderList > header{text-align: center; font-family: din_std; font-size: 30px; letter-spacing: 0.08em; color: #b69c77; text-transform: uppercase}
#orderList table.my_account_orders{ margin-top: 50px;border-radius: 0; letter-spacing: 0.05em; font-family: opensans_cl; font-size: 16px}
#orderList table.my_account_orders td, #orderList table.my_account_orders th{padding: 10px 15px;}
#orderList table.my_account_orders th{font-size: 16px}
#orderList table.my_account_orders .order-actions .button{text-transform: uppercase; background-color: #000; color: #fff; border-radius: 0; transition: 0.3s}
#orderList table.my_account_orders .order-actions .button:hover{background-color: #b69c77;}
#orderList .woocommerce-info {border: none; background-color: transparent; font-family: din_std; font-size: 18px; 
                              padding-left: 20px !important; padding-right: 20px !important; text-align: center; color: #000; letter-spacing: 0.08em;}
#orderList .woocommerce-info:before{display: none}
#orderList .woocommerce-info > a {display: none; font-family: din_std; font-weight: 300; height: 28px; font-size: 18px; margin-top: -4px;
    transition: 0.3s; width: 165px; text-align: center; padding: 0; padding-top: 8px; background-color: #000;
    border-radius: 0; color: #fff; text-transform: uppercase; }
#orderList .woocommerce-info > a:hover{background-color: #bba483; color: #fff}

#viewOrder{padding-bottom: 270px; font-family: opensans_cl; font-size: 16px; }
#viewOrder .mark, #viewOrder mark{background-color: transparent; font-weight: bold}

#viewOrder h2, #viewOrder h3{font-family: din_std; font-size: 20px; letter-spacing: 0.08em; margin-top: 50px; text-transform: uppercase;}
#viewOrder table.shop_table{border-radius: 0}
#viewOrder table.shop_table td{padding-top: 9px; padding-bottom: 9px}
#viewOrder table.shop_table .product-name dt:last-of-type, #viewOrder table.shop_table .product-name dd:last-of-type{padding-bottom: 0; margin-bottom: 0}


#orderPay{padding-bottom: 270px}
#orderPay .breadcrumb-section{margin-bottom: 50px}
#orderPay header{text-align: center; font-family: din_std; font-size: 30px; letter-spacing: 0.08em; color: #b69c77; text-transform: uppercase}
#orderPay .breadcrumb-section{margin-bottom: 50px}
#orderPay table.shop_table{border-radius: 0; margin-top: 50px}
#orderPay #payment .methods{border-bottom: #ddd 1px solid; padding-bottom: 35px}
#orderPay #payment #place_order{width: auto; padding: 5px 15px 0;}

#lost-password{padding: 65px 0 435px; }
#lost-password .lostpassword-info {background-color: #8a8a8a; color: #fff; font-family: din_std; font-size: 24px;
                        letter-spacing: 0.08em; text-transform: uppercase; height: 40px; padding: 10px 0 0 25px;}
#lost-password .lost_reset_password{ border: 1px solid #8a8a8a; font-family: opensans_cl; font-size: 18px; letter-spacing: 0.08em;
                        padding: 30px 35px; border-top: none; }
#lost-password .lost_reset_password .form-row{padding: 0; margin: 0}
#lost-password .lost_reset_password label{display: none}

#lost-password .lost_reset_password .input-text { width: 50%; font-family: opensans_cl; margin-top: 17px; padding: 9px 15px; 
                                                font-size: 18px; letter-spacing: 0.05em; outline: none; border: 1px solid #aaa; margin-bottom: 17px;}
#lost-password .lost_reset_password .button { width: 270px; background-color: #000; color: #fff; border-radius: 0; transition: 0.3s; font-family: din_std; text-transform: uppercase; 
                        font-weight: 300; letter-spacing: 0.08em; padding: 0; height: 44px; padding-top: 5px; }
#lost-password .lost_reset_password .button:hover{background-color: #b69c77;}

.page-pagination{text-align: center}
.page-pagination > a, .page-pagination > span{padding: 0 5px}
.page-pagination img{ height: 16px }
.page-pagination .screen-reader-text{display: none}
.page-pagination .page-numbers{padding: 0 6px; font-family: opensans_cl}
.page-pagination .next.page-numbers, .page-pagination .prev.page-numbers{display: none}
.page-pagination .current.page-numbers{color: #bba483}
.page-pagination .pagination{vertical-align: middle; margin: 0; font-size: 18px}
.page-pagination .left-arrow{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg);
                                -ms-transform: rotate(180deg); transform: rotate(180deg);}
.woocommerce-checkout .select2-results{background-color: #fff}
.woocommerce-checkout .select2-results .select2-highlighted{background-color: #eee}
.woocommerce-checkout .select2-result{font-family: opensans_cl;letter-spacing: 0.05em;font-size: 18px; transition: 0.3s; border-radius: 0}
.woocommerce-checkout .select2-result:hover{background-color: #eee}
.woocommerce-checkout .select2-drop-active{border-color: #aaa}
.woocommerce .b_white > span{background-color: #fff}
.woocommerce .b_black > span{background-color: #000}
.woocommerce .b_red > span{background-color: #ff0000}
.woocommerce-message{border-top-color: #b69c77; background-color: transparent;font-family: opensans_cl; color: #bba483; font-size: 18px; letter-spacing: 0.08em;}
.woocommerce-message:before{content: " "; background-image: url(images/tick.svg);width: 23px; height: 23px; background-repeat: no-repeat; 
                            background-position: center center; background-size: cover; left: 20px;}
.woocommerce-message a.wc-forward{font-family: din_std; font-weight: 300; height: 28px; font-size: 18px; margin-top: -4px; transition: 0.3s;
    width: 165px; text-align: center; padding: 0; padding-top: 8px; background-color: #000; border-radius: 0; color: #fff; text-transform: uppercase}
.woocommerce-message a.wc-forward:hover{background-color: #bba483; color: #fff}
#product-detail .woocommerce-message{margin-bottom: 0 !important; padding: 19px 20px 15px 55px !important;}
#checkout .woocommerce-info{border: none; background-color: #8a8a8a; color: #fff; font-family: din_std; font-size: 24px; letter-spacing: 0.08em;
                    text-transform: uppercase;  height: 40px; padding: 10px 0 0 25px !important; margin-bottom: 0 !important;}
#checkout  .woocommerce-info > a{color: #fff}
#checkout .woocommerce-info:before{display: none}
#checkout .checkout .row{margin-left: 0; margin-right: 0}
#checkout #customer_details{padding-left: 0; padding-right: 0}
.woocommerce-error { font-family: opensans_cl; font-size: 18px; letter-spacing: 0.08em; }

#restaurant-content.blackkeys-content .page-title
{
    margin-top: 120px;
    margin-bottom: 75px;
    position: relative;
}
#restaurant-content.blackkeys-content .blackkeys-login{
    background: url(images/blackkeys-bg.jpg) no-repeat;
    background-size: 100%;
    min-height: 476px;
    margin-top: 30px;
}
#restaurant-content.blackkeys-content #login,
#restaurant-content.blackseries-content #login {
    width: 320px;
    margin: -45px auto;
    font-family: opensans_cl;
    font-size: 18px;
}
#restaurant-content.blackkeys-content .blackkeys-login form,
#restaurant-content.blackseries-content .blackseries-login form {
    margin-top: 20px;
    margin-left: 0;
    padding: 26px 24px 60px;
    background: #fff;
    border: solid 1px #000;
}
.blackkeys-login form .input, .blackkeys-login input[type=text],
.blackseries-login form .input, .blackseries-login input[type=text] {
    font-size: 24px;
    width: 100%;
    padding: 3px;
    margin: 2px 6px 16px 0;
}
.blackkeys-login input[type=text], .blackkeys-login input[type=checkbox], .blackkeys-login input[type=password],
.blackseries-login input[type=text], .blackseries-login input[type=checkbox], .blackseries-login input[type=password] {
    border: 1px solid #ddd;
    
    background-color: #fff;
    color: #32373c;
    outline: 0;

    font-family: opensans_cl;
    font-size: 20px;
}
.blackkeys-login #login p, .blackseries-login #login p{margin-bottom: 0}
.blackkeys-login .button.button-large,
.blackseries-login .button.button-large {
    height: 30px;
    line-height: 28px;
    padding: 0 12px 2px;
    
}
.blackkeys-login .button-primary,
.blackseries-login .button-primary {
    float: right;

    letter-spacing: 0.08em;    
    font-family: din_std;
    font-size: 18px;
    background-color: #000;
    color: #fff;
    padding-top: 12px;
    height: 40px;
    display: inline-block;
    width: 120px;
    text-align: center;
    transition: 0.3s;
    text-transform: uppercase;
}
.blackkeys-login .button-primary:hover,
.blackseries-login .button-primary:hover{
    background: #555;
}
.blackkeys-login .login-remember,
.blackseries-login .login-remember {
    font-weight: 400;
    float: left;
    margin-bottom: 0;
}

#restaurant-content.blackkeys-content .logout,
#restaurant-content.blackseries-content .logout{
    position: absolute;
    right: 0;
    letter-spacing: 0.08em;    
    font-family: din_std;
    font-size: 18px;
    background-color: #000;
    color: #fff;
    padding-top: 12px;
    height: 40px;
    display: inline-block;
    width: 120px;
    text-align: center;
    transition: 0.3s;
}
#restaurant-content.blackkeys-content .logout:hover,
#restaurant-content.blackseries-content .logout:hover{background: #bba483}

@-webkit-keyframes sk-rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes sk-rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}


@media only screen and (min-width: 481px){
    .container { width: 90%; padding-left: 0; padding-right: 0; max-width: 1240px;}
    #restuarant-single #restaurant_share:after{content: " "; border-bottom: 1px solid #000; position: absolute;
                                left: 0; top: 50%; height: 1px;width: 100%; }    
}

@media only screen and (min-width: 768px){
    #top-nav .navbar-header { float: none; margin: 0; }
    #top-nav .navbar-brand {margin: 60px auto 65px; width: 265px;}
    #top-nav .navbar-brand > img { width: 100%;}   
    #menu-header-menu > li > a:hover{color: #bba483;}
    #navbar .sub-menu > li > a:hover{color: #bba483;}
    .home-banner .mobile-banner{display: none}
    .about-instagram .instagram-post-container > a:hover{background-color: rgba(0,0,0,0.6)}
    .about-instagram .instagram-post-container > a:hover > div{color: #fff}
    .about-instagram .instagram-post-container .like-icon, .about-instagram .instagram-post-container .like-count{color: transparent;top: -30%;}
    .about-instagram .instagram-post-container > a:hover > .like-icon{color: #b69c77}
    .about-instagram .instagram-post-container > a:hover > .like-count{ color: #000}
    #restuarant-single .contact-item > img{width: 60px; margin-right: 25px;}
    #restuarant-single .contact-item {display: flex; padding: 0 15px; align-items: center}
    #restuarant-single .restaurant-contact .row { margin-left: 0; margin-right: 0; display: flex; flex-direction: row; flex-wrap: wrap; }    
/*    #restuarant-single .open-remarks{margin-top: 20px}*/
    #restuarant-single .main-section > .row{margin-left: -35px; margin-right: -35px}
    #restuarant-single .restuarant-left, #restuarant-single .restuarant-right{padding-left: 35px; padding-right: 35px}  
    #restuarant-single .menu-item{margin-bottom: 50px}
    #home-content{padding-top: 45px;padding-bottom: 225px; }
    #home-content .home-restaurant .shop-logo{display: none}
    #home-content .home-restaurant > a:hover .restaurant-logo{-webkit-filter: grayscale(0); filter: grayscale(0)}
    #home-content .home-restaurant > a:hover  .restaurant-name{color: #bba483;}
    #home-content .home-restaurant > a .restaurant-name:before{content: ""; position: absolute; left: 45%; bottom: -10px; height: 1px; width: 10%; border-bottom: solid 2px #bba483; opacity: 0; transition: 0.3s; }
    #home-content .home-restaurant > a:hover .restaurant-name:before{opacity: 80; }
    #press-content .press-item-inner > a:hover .btn-readmore {background-color: #bba483;}
    #cart table.cart .product-remove{width: 7%}
    #cart table.cart .product-thumbnail{width: 16%}
    #cart table.cart .product-name{width:29%;}
    #cart table.cart .product-price{width: 16%}
    #cart table.cart .product-quantity{width: 16%}
    #cart table.cart .product-subtotal{width: 16%}    
    #myAccount .myAccount-section, register-section{width: 45%}
}
@media only screen and (min-width: 992px){
    .home-banner .banner-col img{-webkit-filter: grayscale(100%); filter: grayscale(100%); transition: 0.3s}
    .home-banner .banner-col img:hover{-webkit-filter: grayscale(0); filter: grayscale(0)}
    .about-banner img{-webkit-filter: grayscale(100%); filter: grayscale(100%); transition: 0.3s}
    .about-banner img:hover{-webkit-filter: grayscale(0); filter: grayscale(0)}
    
    
    #editorial-content .post-info{line-height: 1}
    body.home #home-content .home-restaurant:nth-child(4n+1){clear: both}
    #press-content .press-item:nth-child(4n+1){clear: both}
    #restuarant-single .restuarant-left{padding-right: 0}
    #restuarant-single .restuarant-right{padding-left: 70px}    
    #restuarant-single .menu-item{padding: 0 10px 0 15px; }
    #restuarant-single .contact-item > img{margin-right: 10px;}
    #restuarant-single .contact-item {padding: 0 20px 0 5px;}
    #restuarant-single .contact-item:nth-child(2n){padding: 0 5px 0 20px}    
    #restuarant-single .restaurant-contact .row > div:nth-child(2n).menu-item{padding-left: 30px}
    .woocommerce #product-list ul.products li.product:nth-child(3n+1){clear: both}
    #checkout #customer_details{ width: 50%}
    #restaurant-content #home-content .home-restaurant:nth-child(3n+1){clear: both}
}

@media only screen and (min-width : 992px) and (max-width : 1199px) {
    #editorial-content .editorial-item > .row{margin-left: -10px; margin-right: -10px}
    #editorial-content .post-image, #editorial-content .post-detail{padding: 0 10px}
    #restuarant-single .contact-item > img{margin-right: 10px}
    #restuarant-single .contact-item{padding: 0}
    #checkout #order_review_container td.product-name .product-name-inner{font-size: 21px}
    #checkout #order_review_container .variation dt{font-size: 18px}
    #checkout #order_review_container .variation dd{font-size: 18px}
    #checkout #order_review_container .shop_table tr td:nth-child(2){font-size: 21px}
    #checkout #order_review_container td.product-name > img{padding-right: 0}
    
    
}
@media only screen and (min-width: 1200px){
    .navbar-header .header_login, .navbar-header .cart-customlocation, .navbar-header .blackkeys_login{display: none}
    
}
@media only screen and (max-width : 1220px) {
    .blackkeys_login{right: 85px;}
}
@media only screen and (max-width : 1199px) {
    body{padding-top: 75px}
    #press-content > .row{margin-left: -30px; margin-right: -30px}
    #press-content .press-item{padding-left: 30px; padding-right: 30px}
    #top-nav { position: fixed; width: 100%; z-index: 9;  top: 0;}    
    
    
    #top-nav .navbar-header {border-bottom: 2px solid #000; margin-left: 0; margin-right: 0; position: relative;}
    #top-nav .navbar-toggle { margin-top: 23px; padding: 0; margin-right: 0; -webkit-appearance: none;
                            display: block; cursor: pointer; float: left}    
    #top-nav .navbar-brand {margin: 15px auto; width: 160px; }
    #top-nav .navbar-brand > img{width: 100%}    
    #navbar{display: none !important}   
    .navbar-header .header_login, .navbar-header .cart-customlocation{top: 21px; text-align: center}
    .navbar-header .header_login{right: 50px}
    .cart-customlocation span.fa-stack{right: -10px; left: auto; top: -6px}
    .navbar-header .header_login .header-login-name,.navbar-header .cart-customlocation .cart-name{
        display: block; font-family: opensans_cl; font-size: 12px; letter-spacing: 0.05em; text-transform: uppercase; margin-left: 0
    }
    .navbar-header .blackkeys_login{right: 115px;}
    
    
}


@media only screen and (max-width : 991px) {
    #menu-header-menu > li > a{font-size: 20px; margin-left: 10px; margin-right: 10px}
    #menu-header-menu .sub-menu > li > a{font-size: 16px}
    
    .home-banner .left-banner{padding-right: 7px;}
    .home-banner .left-bottom-container{right: 7px}
    .home-banner .mid-banner{padding-right: 0;}
    .home-banner .right-banner{display: none}
    .home-banner .tagline{font-size: 36px;}
    .home-banner .right-banner{display: none}
    .home-banner .left-top-container, .home-banner .mid-top-container, .home-banner .right-top-container{margin-bottom: 15px}
    
    #editorial-content > .row{margin-left: -10px; margin-right: -10px}
    #editorial-content .editorial-left, #editorial-content .editorial-right{padding-left: 10px; padding-right: 10px}
    #editorial-content .post-info{font-size: 14px; letter-spacing: 0.08em; margin-top: 18px; margin-bottom: 18px;}
    #editorial-content .post-title{font-size: 24px; letter-spacing: 0.08em}
    #editorial-single .main-section > .row{margin-left: -10px; margin-right: -10px}
    #editorial-single .editorial-left, #editorial-single .editorial-right{padding-left: 10px; padding-right: 10px}
    #editorial-single .post-info{letter-spacing: 0.08em; margin-top: 0; margin-bottom: 18px;}
    #editorial-single .post-title{font-size: 24px;letter-spacing: 0.08em; margin-top: 0}
    
    #editorial-single .post-subtitle{font-size: 18px; margin-top: 0}
    #editorial-single .post-img{margin-bottom: 25px}
    #editorial-single .post-desc > p{letter-spacing: 0}
    
    .related-post .related-image{height: 215px}
    .related-post .related-title { margin-bottom: 32px;}
    #restuarant-single .restaurant-contact .row{margin-left: 0; margin-right: 0}
    #restuarant-single .restaurant-contact .row .address2-line{border-top: solid 1px #000; margin: 20px auto 0 auto; padding-bottom: 35px; width: 95%}
/*
    #restuarant-single .restaurant-contact .row:nth-child(2):before{
        content: "";
        left: 0;
        right: 0;
        bottom: 0;
        height: 1px;
        width: 96%;
        border-bottom: solid 1px #000;
        margin: 0 auto 35px auto;
}
*/
    
    
    #restuarant-single #share{margin-bottom: 70px}
    #restuarant-single .content-title{font-size: 36px; text-align: center; margin-bottom: 20px}
    #restuarant-single .content-detail{margin-bottom: 80px}
    #restuarant-single .content-detail > p{letter-spacing: 0; line-height: 1.7}
    #restuarant-single #restaurant_share{margin-bottom: 0}
    #restuarant-single .restuarant-right{margin-top: 70px}
    #about-content .about-founder .content{margin-bottom: 0}
    #about-content .col-md-6:first-child .founder-img{height: 500px }
    .about-instagram{margin-bottom: 45px; margin-top: 70px}
    .popular-post .popular-image{height: 130px}
    #product-list ul.products li.product{width: 50%}
    .woocommerce #product-list ul.products li.product:nth-child(2n+1){clear: both}
    #product-list ul.products li.product a img{max-width: 100%}
    #product-detail #content .product .images{ width: 100%; max-width: 450px; padding-right: 0; margin-left: auto; margin-right: auto; float: none;}
    #product-detail #content .product .entry-summary{width: 100%; padding-left: 0}
    #product-detail .product .product_title{text-align: center}
    #product-detail .product .price{text-align: center}
    #product-detail .qty-title{text-align: center}
    #product-detail div.product form.cart{text-align: center}
    #product-detail .quantity .input-group{margin-left: auto; margin-right: auto}
    #product-detail .cart .single_add_to_cart_button{float: none}
    #checkout{padding-bottom: 90px}
    #checkout #order_review_container{margin-top: 50px}
    #checkout #payment .place-order {margin-top: 70px; text-align: center;}
    #checkout #payment #place_order{float: none; margin-left: auto; margin-right: auto; width: 50%}
    .header_login .header-login-name{display: block; font-family: opensans_cl; font-size: 12px; letter-spacing: 0.05em; text-transform: uppercase; margin: 0;}
    .header_login{text-align: center; top: 15px; right: 50px}
    #restaurant-content #home-content .home-restaurant:nth-child(2n+1){clear: both}
    body.home #home-content .home-restaurant:nth-child(3n+1){clear: both}
}
@media only screen and (min-width : 768px) and (max-width : 991px) {
    #editorial-content .section-header{font-size: 24px}
    .popular-post .popular-info{font-size: 14px}
    .popular-post .popular-title{font-size: 18px}
    #editorial-single .section-header{font-size: 24px}
    #press-content .press-item:nth-child(3n+1){clear: both}
    .about-instagram .instagram-caption{padding: 0 45px;}
    .cart-customlocation{text-align: center; top: 15px}
    .cart-customlocation span.cart-name{display: block; font-family: opensans_cl; font-size: 12px; letter-spacing: 0.05em; text-transform: uppercase; margin: 0 }    
    #restuarant-single .menu-item{padding-left: 25px; }
    
}
@media only screen and (max-width : 767px) {
    
    .navbar-header .header_login {right: 40px;}
    .home-banner { margin-bottom: 50px;}
    .home-banner .banner-col{display: none}
    .home-banner.bottom-sec .banner-col{display: block}
    .home-banner .tagline{max-width: 180px; padding: 5px 10px; left: 0; top: 35px;}
    #home-content{padding-bottom: 90px}
    #home-content > .container > .row{margin-left: 0; margin-right: 0}
    #home-content .restaurant-logo{display: none}
    #home-content .restaurant-name{max-width: 100%; margin-top: 20px; margin-bottom: 10px}
    #home-content .home-restaurant{width: 100%; padding: 0; margin-top: 0px; margin-bottom: 0}
    body.home #home-content .home-restaurant{padding: 30px 0 0 0}
    body.home #home-content .home-restaurant:first-child{padding: 0}
    #home-content .home-restaurant .shop-logo{width: 100%}
    #home-content .home-restaurant .shop-logo{-webkit-filter: grayscale(100%); filter: grayscale(100%); transition: 0.3s}
    #home-content .home-restaurant .shop-logo.color{-webkit-filter: grayscale(0); filter: grayscale(0)}
    #home-content .home-restaurant:nth-child(2n+1){clear: both}
    .about-banner{display: none}
    #about-content .about-logo{margin-top: 40px; margin-bottom: 55px}
    #about-content .content{margin-bottom: 90px}
    #about-content .title > span, #contact-content .title > span, #careers-content .title > span, .page-title{font-size: 36px;line-height: 1.2;padding-bottom: 23px}
    #myAccount #customer_login h2, #myAccount #myAccount-info h2{font-size: 36px;line-height: 1.2;padding-bottom: 15px}
    
    #about-content .about-founder .title { margin-bottom: 30px;}
    #about-content .founder-img{margin-bottom: 18px}
    
    .about-instagram > .container > .row{margin-left: -1px ; margin-right: -1px}
    .about-instagram .container .instagram-post{padding-left: 1px; padding-right: 1px; padding-bottom: 1px}
    .about-instagram .instagram-post-container > a{background-color: rgba(0,0,0,0.1);}
    
    
    #editorial-content .post-info{color: #7d7d7d}
    #editorial-content .editorial-right{display: none}
    #editorial-content .post-desc{margin-bottom: 30px}
    #editorial-single{padding-bottom: 60px}
    #editorial-content .btn-readmore{margin-left: auto; margin-right: auto}
    #editorial-single .main-section{border-bottom: none; border-bottom: none; margin-bottom: 45px;}
    #editorial-single .post-info{color: #7d7d7d}
    #editorial-single .post-desc > p{letter-spacing: 0}
    #editorial-single .editorial-right{display: none}
    #editorial-single .related-section .section-header{font-size: 20px; text-align: center; margin-bottom: 30px}
    
    .related-section > .row { margin-left: -10px; margin-right: -10px;}
    .related-post {padding-left: 10px; padding-right: 10px;}
    .related-post .related-info{font-size: 14px; color: #7d7d7d; margin-top: 18px}
    .related-post .related-title{font-size: 18px; margin-top: 0;}
    
    #press-content > .row { margin-left: -20px; margin-right: -20px;}
    #press-content .press-item{padding-bottom: 50px; padding-left: 20px; padding-right: 20px}
    #press-content .press-item:nth-child(2n+1)
    #press-content .press-item-inner .post-info{font-size: 14px; letter-spacing: 0.08em}
    #press-content .press-item-inner .post-title{font-size: 24px;margin-bottom: 20px; margin-top: 15px; line-height: 1}
    #press-content .press-item-inner .post-desc{letter-spacing: 0;padding-right: 0; margin-bottom: 37px;}

    
    #share .jssocials-share { margin-left: 17px; margin-right: 17px; text-align: center}
    #share .jssocials-shares{text-align: center}
    .post-content{padding-bottom: 40px}
    #contact-content{margin-top: 30px}
    #contact-content .contact-logo{margin-top: 0;}
    #contact-content .email-content{margin-top: 40px; margin-bottom: 35px}
    #contact-content .email-content .inquery_info{text-align: center;margin-bottom: 35px;}
    #contact-content .email-content .inquery_text{text-align: center;margin-bottom: 2px;}
    #contact-content .contact-social-media{margin-bottom: 50px}
    .breadcrumb-section{margin: 30px 0 6px; height: auto}
    #careers-content { padding-top: 50px;}
    #careers-content .careers-title { font-size: 36px; margin-bottom: 25px; }
    #careers-content .careers-desc{margin-bottom: 30px}
    #careers-content .form-header{margin-top: 85px}
    #careers-content .professional-header{margin-top: 50px}
    #careers-content .input-text{margin-top: 32px}
    #careers-content span.userrole{margin-bottom: 32px}
    #careers-content .upload-label{margin-top: 22px; margin-bottom: 22px; padding: 12px 0; width: 100%}
    #careers-content #form-submit-btn{padding-top: 8px; height: 48px; margin-top: 0;width: 100%;}
    #careers-content .more-information{margin-top: 45px; margin-bottom: 93px}
    #careers-content .information-email{color: #a18865; font-size: 18px}
    #careers-content .information-desc { font-size: 18px; margin-bottom: 15px; line-height: 1.3;}
    #careers-content .upload-btn{padding-top: 16px; height: 48px; width: 100%}
    #careers-content .careers-youtube{margin-bottom: 85px}
    .single-restaurants .name-image > img{max-width: 195px}
    #restuarant-single {margin-bottom: 0; padding-bottom: 65px}
    #restuarant-single .name-image{margin: 30px 0 20px; border-bottom: 1px solid #000; padding-bottom: 15px}
    #restuarant-single .contact-item{text-align: center;margin-bottom: 25px;}
    #restuarant-single .restaurant-image{margin-bottom: 32px}
    #restuarant-single .swiper-container{margin-bottom: 32px}
    #restuarant-single .contact-item > img{width: 45px; margin-bottom: 7px;}
    #restuarant-single .open-remarks{text-transform: uppercase;}
    #restuarant-single .menu-icon {max-width: 230px; margin: 0 auto;}
    #restuarant-single .jssocials-share-logo{font-size: 28px;}
    #restuarant-single #restaurant_share{padding-bottom: 0; margin-top: 20px;}
    #restuarant-single .menu-item{margin-top: 50px}

    #restuarant-single .map-section{display: none}
    #restuarant-single .contact-item, #restuarant-single .menu-item { padding-left: 0; padding-right: 0}    
    #share, #restaurant_share{margin-top: 55px; margin-bottom: 70px}
    footer{padding-top: 44px}
    footer .footer-left-section, footer .address{display: none}
    footer .footer-social-media{text-align: center}
    footer .footer-logo{text-align: center; margin-top: 55px}
    footer .copy-right{text-align: center}
    
    #product-list{padding-bottom: 50px}
    #product-list ul.products li.product{margin-bottom: 50px,padding:0}
    #product-detail{padding-bottom: 70px}
    #product-detail #content .product .images{margin-bottom: 30px}
    #product-detail #content .product .images .thumbnails{display: none}
    #product-detail .product .product_title{font-size: 24px; text-align: center; margin-bottom: 15px;}
    #product-detail .product .price{font-size: 18px; text-align: center}
    #product-detail .product-spec-item{font-size: 18px; text-align: center}
    #product-detail div[itemprop="description"]{margin-top: 20px; padding-top: 20px; border-bottom: 1px solid #000; padding-bottom: 20px; margin-bottom: 20px}
    #product-detail form.cart .variations{margin-top: 0}
    #product-detail form.cart .variations tr{width: 100%; border: none; padding-top: 5px;}
    #product-detail form.cart .variations td{text-align: center; padding-right: 0; margin-bottom: 7px;}
    #product-detail form.cart .variations td.value{text-align: center; margin-bottom: 32px;}
    #product-detail form.cart .variations td.value div > span{float: none; display: inline-block; margin-left: 8px; margin-right: 8px}
    #product-detail form.cart .variations td.value .size-guide{float: none; display: block; max-width: 128px; margin: 7px auto 0;}
    #product-detail form.cart .quantity{border: none; text-align: center; padding-top: 0; margin-top: 8px}
    #product-detail form.cart .quantity .input-group{margin: 0 auto}
    #product-detail form.cart .variations .attribute_pa_color{height: 32px}
    #product-detail form.cart .variations_button{text-align: center}
    #product-detail form.cart .single_add_to_cart_button{ width: 100%; margin: 0 auto; max-width: 335px; height: 38px; 
                                                            padding-top: 11px; float: none}
    #product-detail #content .product .entry-summary{margin-bottom: 0}
    .woocommerce-message a.wc-forward{margin-top: 0}
    .woocommerce table.shop_table_responsive tr td:before, .woocommerce-page table.shop_table_responsive tr td:before{content: attr(data-title) " ";}
    #cart{padding-bottom: 90px}
    #cart .page-title{margin-top: 30px}
    #cart .cart-empty{margin-bottom: 30px; margin-top: 0}
    #cart .page-title{padding-bottom: 0}
    #cart .shop_table tr.cart_item{border-top: 1px solid #000; position: relative; padding-top: 20px; padding-bottom: 18px}
    #cart table.cart .product-remove{ position: absolute; right: 0; top: 20px; padding: 0}
    #cart table.cart .product-remove a{width: 20px; height: 20px}
    #cart table.cart .product-thumbnail{display: inline-block; width: 36%; margin-left: -3px; margin-right: -3px; max-width: 120px;}
    #cart table.cart .product-thumbnail:before{display: none}
    #cart table.cart .product-name{display: inline-block; width: 64%; margin-left: -3px; margin-right: -3px; text-align: left !important; padding-left: 15px}
    #cart table.cart .product-name:before{display: none}
    #cart table.cart .product-name > a{line-height: 1.25}
    #cart table.cart .product-price{padding: 0; height: 16px; margin-top: 6px; margin-bottom: 6px}
    #cart table.cart .product-quantity{padding: 0; height: 16px; margin-top: 6px; margin-bottom: 6px}
    #cart table.cart .product-quantity .quantity{padding-bottom: 0}
    #cart table.cart .product-quantity .quantity .qty{height: 20px; margin-top: -2px; max-width: 80px; padding-top: 2px; padding-top:5px; padding-bottom: 0}
    #cart table.cart .product-subtotal{padding: 0; height: 16px; margin-top: 6px; margin-bottom: 6px}
    #cart table.cart td{font-size: 18px; padding: 5px 0;background-color: transparent;}
    #cart table.cart .woocommerce-Price-amount{font-size: 18px}
    #cart table.cart .variation{margin-top: 5px; margin-bottom: 0}
    #cart table.cart .variation dt{margin-bottom: 0; font-size: 18px; height: 20px}
    #cart table.cart .variation dd{font-size: 18px; height: 20px}
    #cart table.cart .actions .coupon .input-text{width: 57%}
    #cart table.cart .actions .coupon input.button{width: 39%}
    #cart .cart-collaterals .cart_totals{width: 100%}
    #cart .cart-collaterals .cart_totals td{ font-size: 20px; background-color: transparent}
    #cart #shipping_method .shipping_method{margin-top: 6px}
    #cart .shop_table tr.order-total td{border-bottom: 1px solid #000}
    
    #checkout .woocommerce-info {font-size: 20px; padding: 12px 0 0 0 !important; text-align: center;}
    #checkout .login{padding: 17px 15px 30px; margin-bottom: 50px}
    #checkout .login > p:first-child{margin-bottom: 15px}
    #checkout .input-text{margin-top: 5px; margin-bottom: 5px}
    #checkout .login .button{width: 100%; margin-top: 15px}
    #checkout .lost_password{text-align: center}
    #checkout .lost_password > a{text-decoration: underline}
    #checkout .woocommerce-checkout h3{margin-bottom: 17px}
    #checkout .woocommerce-checkout .shipping_header {margin-top: 42px;}
    #checkout p.create-account{margin-top: 40px}
    #checkout #order_review_container > h3{margin-bottom: 7px;}
    #checkout #order_review_container .variation dt{font-size: 18px}
    #checkout #order_review_container .variation dd{font-size: 18px}
    #checkout #order_review_container .shop_table tfoot .cart-subtotal th{font-size: 18px}
    #checkout #order_review_container .shop_table tr td:nth-child(2){font-size: 18px}
    #checkout #order_review_container .shop_table #shipping_method li label{font-size: 18px}
    #checkout #order_review_container .shop_table #shipping_method li input { width: 11px; margin-top: 1px; margin-right: 1px; }
    #checkout .woocommerce-checkout .form-row-first, #checkout .woocommerce-checkout .form-row-last{width: 48%}
    #cart .shop_table .shipping p {width: 60%; margin-left: 40%;margin-top: 2px;}
    #lost-password .lost_reset_password .button{width: 100%; margin-top: 15px}
    
    #restaurant-content #home-content{padding-top: 10px}
    #restaurant-content .page-title{margin-top: 50px; margin-bottom: 0; padding-bottom: 0; padding-left: 0px; padding-right: 0px;}
    #restaurant-content #home-content .row{margin-left: 0; margin-right: 0}
    #restaurant-content #home-content .home-restaurant{padding-left: 0; padding-right: 0; margin-top: 40px}
    #restaurant-content #home-content .home-restaurant img.img-responsive{width: 100%;}
    #restaurant-content #home-content .home-restaurant .shop-logo{-webkit-filter: grayscale(0); filter: grayscale(0); }
    #restaurant-content #home-content .restaurant-name {position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0;
    background-color: rgba(0,0,0,0.5); padding: 0; display: flex; justify-content: center; align-items: center; color: #fff;
    }    
    #myAccount{padding-bottom: 90px}
    #myAccount .myAccount-header{padding: 30px 0 50px}
    #myAccount .myAccount-header > img{max-width: 150px}
    #myAccount #customer_login h2{font-size: 36px; }
    #myAccount form .form-row input.input-text{margin-top: 20px}
    #myAccount form .lost_password{margin-top: 10px}
    #myAccount form .form-row .button{margin-top: 25px}
    #myAccount .register-section .form-row .button{margin-top: 20px}
    
    #myAccount .register-section{padding-top: 45px}
    #myAccount .myAccount-msg{margin-top: 0; line-height: 1.25;}
    #myAccount .myAccount-msg span{font-size: 24px; margin-top: 0}
    #myAccount .woocommerce-MyAccount-navigation{margin-top: 40px}
    #myAccount .woocommerce-MyAccount-navigation ul li{width: 50%; margin-top: 10px}
    #editAddress, #editAccount, #viewOrder{padding-bottom: 90px}
}

@media only screen and (min-width : 481px) and (max-width : 767px) {
 


}

@media only screen and (max-width : 680px) {
    #restaurant-content.blackkeys-content .blackkeys-login{
        background-size: auto;
    }
/*
    #restaurant-content.blackkeys-content img{
        position: relative;
        display: block;
        margin: 0 auto 30px auto;
    }
*/
    #restaurant-content.blackkeys-content .logout{
        position: relative;
        margin: 0 auto;
    }
}
@media only screen and (max-width : 480px) {
    .navbar-header .header_login .header-login-name, .navbar-header .cart-customlocation .cart-name{
        display: none
    }
    .header_login .header_login_logo, .cart-customlocation .header_cart_logo{width: 28px; height: 28px;background-size: 24px;}
    .navbar-header .header_login, .navbar-header .cart-customlocation { top: 23px;}
    .navbar-header .header_login{right: 30px}
    .navbar-header .blackkeys_login{right: 65px; top: 26px;}
    #about-content .title > span, #contact-content .title > span, 
    #careers-content .title > span, .page-title > span{width: 100%}
    #myAccount #customer_login h2 > span, #myAccount #myAccount-info h2 > span{width: 100%}
    .subscription-section{padding-top: 22px;margin: 0 15px 10px; padding-bottom: 20px}
    .subscription-section .subscription-desc{font-size: 20px;    line-height: 1.2;margin-bottom: 26px;}       
    .subscription-section .subscription-name, .subscription-section .subscription-email{width: 100%}
    .subscription-section .subscription-name > .input-group {width: 100%}
    .subscription-section .subscription-name{margin-bottom: 5px}
    .subscription-section .subscription-email > .input-group {width: 100%}
    .subscription-section .subscription-btn input.form-control{float: none; width: 100%;}
    .subscription-section #mailchimp_submit{display: block; width: 100%; padding-top: 18px; height: 50px; margin-top: 15px;}
    
    .related-post{width: 100%}

    
    #press-content .press-item {width: 100%}
    #press-content .press-item-inner .btn-readmore{margin: 0 auto}
    #press-content .press-item-inner .post-info{font-size: 14px; color: #7d7d7d;}
    
    #restuarant-single .swiper-slide{height: 250px}
    #restuarant-single .name-image img{max-width: 200px}
    #restuarant-single #restaurant_share .jssocials-shares{margin-left: 0; margin-right: 0; width: 100%}    
    
    .about-instagram .instagram-post-container{height: 170px}
    
    #product-list ul.products li.product{width: 100%; margin-left: auto; margin-right: auto; float: none;}
    #product-list ul.products li.product a img{width: 100%;}
    #product-detail div[itemprop="description"] > p{line-height: 1.15}
    #product-detail .woocommerce-message{margin-bottom: 30px !important; padding: 19px 0 45px 25px !important;}
    .woocommerce-message:before { width: 18px; height: 18px; top: 20px; left: 0}
    .woocommerce-message a.wc-forward{position: absolute; right: 0; bottom: 0; width: 125px}
    #product-detail form.cart .single_add_to_cart_button{max-width: 100%}
    #checkout #order_review_container .shop_table tr td.product-total{display: none}
    #checkout #customer_details .col-1{padding-left: 0; padding-right: 0}
    #checkout #order_review_container{padding-left: 0; padding-right: 0}
    #checkout #payment .place-order{margin-top: 25px}
    #checkout #payment #place_order{width: 100%; margin-bottom: 0}
    #checkout #order_review tr, #checkout #order_review td{display: block}
    #checkout #order_review_container .shop_table tfoot th, 
    #checkout #order_review_container .shop_table tfoot td{display: inline-block; width: 50%; margin-left: -2px; margin-right: -2px}
    #checkout #order_review_container .shop_table tr td:nth-child(2){max-width: 50%}
    #checkout #order_review_container .shop_table tfoot .cart-subtotal th, #checkout #order_review_container .shop_table tfoot .cart-subtotal td{
        border-top: none;
    }
    #checkout #order_review_container .shop_table tfoot .order-total th, #checkout #order_review_container .shop_table tfoot .order-total td{
        border-bottom: none
    }
    #checkout #order_review_container .shop_table tfoot .cart-subtotal{border-top: 2px solid #000}
    #checkout #order_review_container .shop_table tfoot .order-total{border-bottom: 2px solid #000}
    #editorial-single .main-section{/*margin-bottom: 0;*/ padding-bottom: 0}
    #share, #restaurant_share{padding-bottom: 50px; margin-bottom: 30px; margin-top: 35px}
    #myAccount .woocommerce-MyAccount-navigation ul li{width: 100%; padding-left: 0; padding-right: 0}
    #orderList{padding-bottom: 90px}
    #orderList .woocommerce-info{margin-bottom: 30px !important; padding: 19px 0 75px 25px !important;}
    #orderList .woocommerce-info > a{position: absolute; right: 0; bottom: 0; width: 125px;}
    .woocommerce-order-received #checkout .woocommerce-thankyou-order-details{padding-left: 15px}
    .woocommerce-order-received #checkout .woocommerce-thankyou-order-details li{width: 45%; padding: 0; margin: 5px 5% 0 0 }
    .woocommerce-order-received #checkout .woocommerce-thankyou-order-details li:nth-child(2n){border-right: none}
    
    #restaurant-content.blackkeys-content .page-title,
    #restaurant-content.blackseries-content .page-title,
    #restaurant-content.specialday-content .page-title{
        margin-top: 100px;
        margin-bottom: 30px;
    }

    
}
@media only screen and (max-width : 320px) {
    .navbar-header .blackkeys_login{position: unset; float: right; margin-right: 24px; margin-bottom: 5px;}
    #top-nav .navbar-brand { margin: 15px auto 0 auto; }
}


/* TM Added */
#bsr-go-content .bsr-content .bsr-go-desc {
    font-family: din_std;
/*    margin-bottom: 50px;*/
    margin-bottom: 28px;
    font-size: 30px;
    letter-spacing: 0.1em;
}
#bsr-go-content .bsr-main-content {
    padding: 0 14%;
}
#bsr-go-content .title {
/*    margin-bottom: 60px !important;*/
    margin-bottom: 50px !important;
}
@media (max-width: 1300px) {
    #bsr-go-content .bsr-main-content {
        padding: 0 12%;
    }
}
#careers-content .careers-desc, #bsr-go-content .bsr-content .bsr-content-box{
    float: left;
    /*width: 50%;*/
    padding-right: 15px;
    padding-top: 30px;
    padding-bottom: 60px;
}
#bsr-go-content .bsr-content .bsr-content-box.bsr-left {
    width: 70%;
}
#bsr-go-content .bsr-content .bsr-content-box.bsr-right {
    text-align: center;
    width: 30%;
}
#bsr-go-content .bsr-content .bsr-content-box.bsr-right img{
    width: 130px;
    margin-left: 60px;
    margin-bottom: 35px;}
#bsr-go-content .bsr-content .bsr-content-box.bsr-right p{
    text-align: center;
    font-size: 15px;
}
#bsr-go-content .bsr-content .bsr-content-box.bsr-right a{
    display: block;
}
#bsr-go-content .bsr-content p {
    font-family: opensans_cl;
    font-size: 18px;
    letter-spacing: 0.08em;
    margin-bottom: 30px;
}
@media (max-width: 950px){
    #bsr-go-content .bsr-content .bsr-content-box{
        float: none !important;
        width: 100% !important;
        padding-bottom: 20px !important;
    }
    #bsr-go-content .bsr-main-content {
        padding: 0 20px !important;
    }
    #bsr-go-content .title > span {
        line-height: normal !important;
    }
    .icon-appstore:before {
        background-position: center !important;
    }
    .icon-playstore:before {
        background-position: center !important;
    }
    .icon-delivery:before {
        background-position: center !important;
    }
    .bsrlogo:before{
        background-position: center !important;
    }
}
@media (max-width: 657px){
    #bsr-go-content .bsr-go-desc {
        display: inline-block;
    }
}
#bsr-go-content .bsr-go-desc:after {
    content: " ";
    display: block;
    clear: both;
}
#bsr-go-content .bsr-go-desc p {
    padding: 8% 0;
}
#bsr-go-content .bsrlogo:before {
    content: " ";
    display: block;
    background: url('images/bsr_logo.png');
    background-repeat: no-repeat;
    background-position: center;
    height: 220px;
    background-size: 100px;
    margin-bottom: 40px;
}
.icon-appstore:before {
    content: " ";
    display: block;
    background: url('images/apple-store.png');
    background-repeat: no-repeat;
    background-position: center;
    height: 53px;
    margin-bottom: 20px;
}
.icon-playstore:before {
    content: " ";
    display: block;
    background: url('images/play-store.png');
    background-repeat: no-repeat;
    background-position: center;
    height: 53px;
    margin-bottom: 20px;
}
.icon-delivery:before {
    content: " ";
    display: block;
    background: url('images/web-delivery.png');
    background-repeat: no-repeat;
    background-position: center;
    height: 53px;
    margin-bottom: 20px;
}
.blckseries a:hover{
    background: #333 !important;
}
.blckseries a,
.blckseries.current-menu-item a{
    color: #fff !important;
    padding: 10px !important;
    background: #000;
}
.blackseries-content .page-desc h2, .blackkeys-content .page-desc h2, .specialday-content .page-desc h2 {
    font-family: din_std;
    margin-top: 30px;
    margin-bottom: 10px;
    font-size: 30px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-align: center;
}
.blackseries-content .page-desc p, .blackkeys-content .page-desc p, .specialday-content .page-desc p {
    width: 60%;
    margin: auto auto 10px auto;
    font-family: opensans_cl;
    font-size: 18px;
    letter-spacing: 0.08em;
    text-align: center;
}
@media (max-width: 980px){
    .blackseries-content .page-desc p, .blackkeys-content .page-desc p, .specialday-content .page-desc p {
    width: 80%;
  }  
}
@media (max-width: 800px){
    .blackseries-content .page-desc p, .blackkeys-content .page-desc p, .specialday-content .page-desc p {
    width: 90%;
  }  
}
.blackseries-content .bs-buttons, .blackkeys-content .bs-buttons, .events .bs-buttons, .specialday-content .bs-buttons {
    width: 100%;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
}
.blackseries-content .bs-buttons .bs-btn, .blackkeys-content .bs-buttons .bs-btn, .events .bs-buttons .bs-btn, .specialday-content .bs-buttons .bs-btn
 {
    font-family: din_std;
    font-size: 18px;
    flex-grow: 1;
    flex-basis: 0;
    margin-right: 5px;
    padding-top: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    background: #EFEFEF;
    color: #6C6C6C;
    text-transform: uppercase;
    letter-spacing: 1px;
    vertical-align: top;
    margin-bottom: 5px;
}
.events .bs-buttons .bs-btn{text-align: center}
.specialday-content .resto-blurb{
    padding: 10px 0 0 0;
    font-family: opensans_cl;
    font-size: 18px;
    letter-spacing: 0.08em;
}
.specialday-content .resto-blurb strong{font-family: opensans_cb;}
@media (max-width: 1130px){
    .blackseries-content .bs-buttons .bs-btn, .blackkeys-content .bs-buttons .bs-btn, .events .bs-buttons .bs-btn, .specialday-content .bs-buttons .bs-btn{
        font-size: 17px;
        padding-left: 0;
        padding-right: 0;
   } 
}
.blackseries-content .bs-buttons .bs-btn:last-child, .blackkeys-content .bs-buttons .bs-btn:last-child, .events .bs-buttons .bs-btn:last-child, .specialday-content .bs-buttons .bs-btn:last-child{
    margin-right: 0;
}
.blackseries .modal-footer, .blackkeys .modal-footer, .specialday .modal-footer {
    padding-top: 0;
    border-top: none;
}
.blackseries .modal-footer .bs-btn, .blackkeys .modal-footer .bs-btn, .specialday .modal-footer .bs-btn {
    font-family: din_std;
    font-size: 18px;
    padding-top: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    background: #EFEFEF;
    width: 32.6%;
    color: #6C6C6C;
    text-transform: uppercase;
    display: block;
    margin: 0 auto 20px auto;
    letter-spacing: 1px;
    text-align: center;
}
.modal {
    background: rgba(0,0,0,0.6) !important;
}
.blackseries .modal-content, .blackkeys .modal-content, .specialday .modal-content {
    background: transparent;
    border: none;
    box-shadow: none !important;
    /*width: 320px;*/
    margin: 0 auto;
}
.blackseries .modal-header, .blackkeys .modal-header, .specialday .modal-header {
    border-bottom: none;
    padding-bottom: 0;
}
.blackseries .modal-header .modal-title, .blackkeys .modal-header .modal-title, .specialday .modal-header .modal-title{
    color: #fff;
    text-align: center;
    font-family: din_std;
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 18px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}
.blackseries .modal-header .close, .blackkeys .modal-header .close, .specialday .modal-header .close {
    opacity: 1;
    text-shadow: none;
    color: #C09974;
    font-weight: 200;
    font-size: 40px;

    position: absolute;
    right: 10%;
}
.blackseries .modal-body, .blackkeys .modal-body, .specialday .modal-body {
    text-align: center;
    padding-top: 0;
}
.blackseries .modal-body img, .blackkeys .modal-body img, .specialday .modal-body img {
    max-width: 100%;
}
.blackseries-content .bs-buttons .bs-btn:hover, .blackkeys-content .bs-buttons .bs-btn:hover, .specialday-content .bs-buttons .bs-btn:hover{
    background: #B99B78;
    color: #fff;
    padding-bottom: 15px;
    margin-bottom: 0;
    -webkit-transition: all ease-in-out 0.1s; /* Safari */
    transition: all ease-in-out 0.1s;
}
.blackseries-content .bs-buttons .bs-btn:hover,
.blackseries-content .bs-buttons .bs-btn:focus,
.blackkeys-content .bs-buttons .bs-btn:hover,
.blackkeys-content .bs-buttons .bs-btn:focus,
.specialday-content .bs-buttons .bs-btn:hover,
.specialday-content .bs-buttons .bs-btn:focus{
    outline: none;
}
.blackseries-content .page-title span, .blackkeys-content .page-title span, .specialday-content .page-title span, .main-career-page .page-title span{
    border-top: 1px solid #b69c77;
    border-bottom: 1px solid #b69c77;
    line-height: 0.5;
    padding-top: 30px;
    padding-bottom: 30px;
    display: inline-block;
    position: relative;
    width: 300px;
}
.specialday-content .page-title span{width: auto;}
.specialday-content .section-title{
    text-align: center;
    padding: 20px 0;
}
.specialday-content .section-title img{margin: 0 auto}
.section-title .text-title {
    color: #b69c77;
    font-size: 48px;
    text-align: center;
    font-family: din_std;
    letter-spacing: 0.1em;
    margin-bottom: 30px;
}
@media (max-width: 400px){
    .blackseries-content .page-title span, .blackkeys-content .page-title span, .specialday-content .page-title span{
    width: 100%;
 }   
}
.blackseries-content .page-title span:after, .blackkeys-content .page-title span:after, .specialday-content .page-title span:after,{
    content: " ";
    background: url(images/spade.svg) no-repeat center center;
    position: absolute;
    left: 50%;
    top: 100%;
    height: 20px;
    width: 20px;
    margin-left: -10px;
    margin-top: -11px;
    background-color: #fff;
    background-size: 20px;
    background-position: center;
}
#restaurant-content.blackseries-content .logout {
    top: 40px;
}
#restaurant-content.specialday-content #home-content .resto-image-holder{
    position: relative;
    width: 100%;
}
@media (max-width: 680px){
  #restaurant-content.blackseries-content .logout {
        position: static;
        display: block;
        margin: 18px auto;
    }  
}
#restaurant-content.blackseries-content .page-title, #restaurant-content.blackkeys-content .page-title, #restaurant-content.specialday-content .page-title
{
    margin-top: 50px;
    margin-bottom: 80px;
    position: relative;
}
#restaurant-content.blackseries-content #home-content .home-restaurant h3, #restaurant-content.blackkeys-content #home-content .home-restaurant h3, #restaurant-content.specialday-content #home-content .home-restaurant h3 {
    margin-bottom: 15px;
}
#restaurant-content.blackseries-content #home-content .home-restaurant .shop-logo.hovered, #restaurant-content.blackkeys-content #home-content .home-restaurant .shop-logo.hovered, #restaurant-content.specialday-content #home-content .home-restaurant .shop-logo.hovered{
    -webkit-filter: grayscale(0); filter: grayscale(0)
}

#restaurant-content.blackseries-content .blackseries-login form {
    margin-top: 60px !important;
}
@media only screen and (max-width: 767px){
    #restaurant-content.blackseries-content #home-content .restaurant-name, #restaurant-content.blackkeys-content #home-content .restaurant-name, #restaurant-content.specialday-content #home-content .restaurant-name{
        z-index: 1;
        height: 95%;
    }
    #restaurant-content.specialday-content #home-content .restaurant-name{
        height: 100%;
    }
    .blackseries-content .bs-buttons, .blackkeys-content .bs-buttons, .specialday-content .bs-buttons{
        position: relative;
        z-index: 2;
        background: #fff;
    }
     .lang-switch {
        margin: 10px 0;
        text-align: right;
    }
}

@media only screen and (min-width: 768px) {
#restaurant-content.blackseries-content .main-section, #restaurant-content.blackkeys-content .main-section {
   padding-bottom: 100px !important;
}}

.subscription-section { text-align: left !important; padding: 85px 0 50px;}
.subscription-section h3{ 
    /*font-size: 22px !important;*/
    display: inline-block;
}
.subscription-section img{
    margin-top: -17px;
    width: 135px;
    height: 85px;
}
.subscription-section a.news-btn {
    border-radius: 0;
    border: none;
    background-color: #000;
    text-transform: uppercase;
    color: #fff !important;
    font-family: opensans_cl;
    font-weight: 600;
    letter-spacing: 0.08em;
    font-size: 16px;
    padding: 10px 55px 9px;
    cursor: pointer;
    transition: 0.3s;
    display: inline-block;
    text-align: center;
    margin-left: 55px;
    vertical-align: top;
}
.subscription-section a.news-btn:hover {
    background-color: #333;
}
.subscription-section h3 span {
    display: block;
}
@media only screen and (max-width: 1199px) {
    .subscription-section h3 { margin-left: 15px; }
    .subscription-section a.news-btn { margin-left: 15px; }
}
@media only screen and (max-width: 991px) { 
    .subscription-section { text-align: center !important; }
    .subscription-section img{ float: none; margin-left: 0;margin-top: 0; margin-bottom: 20px;}
    .subscription-section a.news-btn { display: inline-block; margin-left: 0;}
    .subscription-section h3 { display: block;margin-left: 0; }
}
@media only screen and (max-width: 767px) {
    .subscription-section h3 span { display: inline; }
}

.comment-section { margin-top: 150px; }
h3#comments, #respond h3#reply-title { font-family: din_std; font-size: 24px;}
.commentlist .reply { padding: 5px 0; margin-top: 15px;}
.commentlist .reply a { background: #000; color: #fff; padding: 5px 15px; }

.commentlist .alt {}
.commentlist .odd {}
.commentlist .even {}
.commentlist .thread-alt {}
.commentlist .thread-odd {}
.commentlist .thread-even {}
.commentlist li ul.children .alt {}
.commentlist li ul.children .odd {}
.commentlist li ul.children .even {}

.commentlist .vcard { line-height: normal; }
.commentlist .vcard cite.fn {}
.commentlist .vcard span.says {}
.commentlist .vcard img.photo {}
.commentlist .vcard img.avatar {}
.commentlist .vcard img { position: absolute; left: 15px; top: 15px; width: 40px; height: 40px; }
.commentlist .vcard cite.fn a.url {}

.commentlist .comment-meta { font-size: 13px; margin-left: 50px; margin-bottom: 15px; line-height: normal;} 
.commentlist .comment-meta a {}
.commentlist .commentmetadata {}
.commentlist .commentmetadata a {}

.commentlist .parent {}
.commentlist .comment {}
.commentlist .children { list-style: none; }
.commentlist .pingback {}
.commentlist .bypostauthor {}
.commentlist .comment-author { margin-left: 50px; }
.commentlist .comment-author-admin {}

em.comment-awaiting-moderation { font-size: 14px; margin-left: 50px; line-height: normal; vertical-align: top;}

.commentlist { list-style: none; padding-left: 0; }
.commentlist li { margin: 20px 0; }
.commentlist .comment-body { position: relative; }
.commentlist li .comment-body, #respond p { font-family: opensans_cl; line-height: 1.7; font-size: 18px; }
.commentlist .comment-body, #respond { background: #f7f7f7; padding: 15px}
.commentlist li p {}
.commentlist li ul {}
.commentlist li ul.children li {}
.commentlist li ul.children li.alt {}
.commentlist li ul.children li.byuser {}
.commentlist li ul.children li.comment {}
.commentlist li ul.children li.depth-{id} {}
.commentlist li ul.children li.bypostauthor {}
.commentlist li ul.children li.comment-author-admin {}

#respond p.comment-form-comment label,
#respond p.comment-form-author label,
#respond p.comment-form-email label,
#respond p.comment-form-url label { min-width: 20%; vertical-align: top;}
#respond p.comment-form-comment input, 
#respond p.comment-form-author input, 
#respond p.comment-form-email input, 
#respond p.comment-form-url input, 
#respond p.comment-form-comment textarea { border: 1px solid #afafaf; width: 60%; max-width: 100%;}
#respond p.comment-form-cookies-consent input { margin-right: 10px; }
#respond p.comment-form-cookies-consent label { display: initial; }
#respond p.form-submit input { background: #000; color: #fff; padding: 5px 15px;outline: none; border: none; }

#wait_approval span{ 
    font-family: opensans_cl; 
    line-height: 1.7; 
    font-size: 18px; 
    background: #fff215;
    padding: 15px;
    margin-bottom: 20px;
    display: block;
}

#cancel-comment-reply {}
#cancel-comment-reply a {}

@media only screen and (max-width: 1199px) {
    #wait_approval {
        padding-top: 100px;
    }
}
@media only screen and (max-width: 767px) {
    #respond p.comment-form-comment input, 
    #respond p.comment-form-author input, 
    #respond p.comment-form-email input, 
    #respond p.comment-form-url input, 
    #respond p.comment-form-comment textarea { border: 1px solid #afafaf; width: 100%; max-width: 100%;}
}


/* Whats happening Page */
.w-menu {
/*    margin-bottom: 110px;*/
    margin-bottom: 45px;
}
.w-menu ul{
    list-style: none;
    text-align: center;
    padding: 0;
    margin: 0;
}
.w-menu ul > li {
    display: inline-block;
    position: relative;
    vertical-align: top;
}

.w-menu ul > li > a {
    background-color: #000;
    text-transform: uppercase;
    color: #fff !important;
    font-family: opensans_cl;
    font-weight: 600;
    letter-spacing: 0.08em;
    font-size: 22px;
    padding: 10px 55px 9px;
    transition: 0.3s;
}
.w-menu ul > li > a:hover {
    background-color: #bba483;
}
.w-menu ul > li.has-dropdown{
    position: relative;
}
.w-menu ul > li.has-dropdown > .w-dropdown-menu {
    display: none;
    position: absolute;
    top: 38px;
    width: 100%;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 0 0 5px;
    background-color: #fff;
    z-index: 2;
}
.w-menu ul > li.has-dropdown > .w-dropdown-menu > li {
    display: block;
    padding: 10px 5px;
    transition: 0.3s;
}
.w-menu ul > li.has-dropdown > .w-dropdown-menu > li > a {
    background: transparent;
    color: #000 !important;
    padding: 10px;
    text-align: center;
    transition: 0.3s;
}
.w-menu ul > li.has-dropdown > .w-dropdown-menu > li > a:hover {
    color: #bba483 !important;
}
.w-menu ul > li.has-dropdown:hover > .w-dropdown-menu {
    display: block;
}
.whatshappening .bsr-content .bsr-go-desc{
    text-align: center;
    line-height: normal !important;
}
.row-centered{
    text-align: center !important;
}
.row-centered .col-centered{
    display: inline-block !important;
    float: none !important;
    vertical-align: top;
}

.whatshappening .events .no-more-info{
    flex-grow: 1;
    flex-basis: 0;
    height: 46px;
    background: #EFEFEF;
    margin-bottom: 5px;
}
.whatshappening .blog .bsr-content,
.whatshappening .news .bsr-content{
    border-bottom: 0;
}
.whatshappening .divider{
    border-bottom: 1px solid #b69c77;
    line-height: 0.5;
    padding-bottom: 30px;
    position: relative;
/*    margin-bottom: 50px;*/
    margin-bottom: 40px;
    width: 100%;
    clear: both;
}
.whatshappening .divider span:after{
    content: " ";
    background: url(images/spade.svg) no-repeat center center;
    position: absolute;
    left: 50%;
    top: 100%;
    height: 20px;
    width: 20px;
    margin-left: -10px;
    margin-top: -11px;
    background-color: #fff;
    background-size: 20px;
    background-position: center;
}
.whatshappening .bsr-content .event-logo,
.whatshappening .bsr-content .community-logo img{
    width: 100%;
    height: auto;
}
.whatshappening .bsr-content .eanda.no-label{ height: 48.89px; background: none; }
.whatshappening .bsr-content .eanda{
    font-family: din_std;
    font-size: 25px;
    padding: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    vertical-align: top;
    margin: 0;
    text-align: center;
    letter-spacing: 0.08em;
}
.whatshappening .bsr-content .details{
/*    margin: 25px 0;*/
    margin: 15px 0 0 0;
}
.whatshappening .bsr-content .details p{
    margin-bottom: 10px !important;
    text-align: center;
}
.whatshappening .bsr-content .details h3,
.whatshappening .bsr-content .c-title,
.whatshappening .bsr-content .b-title
{
    font-family: din_std;
    margin-top: 8px;
    margin-bottom: 6px;
/*    font-size: 30px;*/
    font-size: 25px;
    letter-spacing: 0.08em;
    vertical-align: top;
    text-align: center;    
    text-transform: uppercase;
}
.whatshappening .bsr-content .community-logo.no-extra:before,
.whatshappening .bsr-content .community-logo.no-extra:hover a{
    display: none;

}
.whatshappening .bsr-content .community-logo{
    position: relative;
}
.whatshappening .bsr-content .community-logo:hover:before{
    opacity: 0.5;
    transition: 0.3s;
}
.whatshappening .bsr-content .community-logo:hover h3{
    display: block;
}
.whatshappening .bsr-content .community-logo h3{
    display: none;
    position: absolute;
    bottom: 20px;
    background: #fff;
    font-family: din_std;
    font-size: 22px;
    color: #6C6C6C;
    text-transform: uppercase;
    letter-spacing: 1px;
    vertical-align: top;
    text-align: center;    
    padding: 15px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 135px;
    height: 50px;
    margin: auto;
}
.whatshappening .bsr-content .community-logo:before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: #BBAA96;
    opacity: 0;
}
.whatshappening .bsr-content .w-more{
/*    margin: 60px auto 100px;*/
    margin: 30px auto;
}
.whatshappening .carousel {
    max-width: 100%;
/*    min-height: 450px;*/
}
.whatshappening .bsr-content .w-more a{

    background-color: #000;
    text-transform: uppercase;
    color: #fff !important;
    font-family: opensans_cl;
    font-weight: 600;
    letter-spacing: 0.08em;
    font-size: 22px;
    padding: 10px 55px 9px;
}
.whatshappening .bsr-content .w-more a:hover{
    background-color: #bba483;
    transition: 0.3s;
}
.whatshappening .blog .bsr-content .image-wrapper{
    width: 100%;
    height: 0;
    padding-bottom: 55%;
    overflow: hidden;
    background-color: #D3D3D3;
}
.whatshappening .community .bsr-content .community-logo,
.whatshappening .events .bsr-content .image-wrapper{
    width: 100%;
    height: 0;
    padding-bottom: 55%;
    overflow: hidden; 
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat; 
}
.whatshappening .events .bsr-content .image-wrapper img,
.whatshappening .community .bsr-content .community-logo img,
.whatshappening .blog .bsr-content .image-wrapper img{
    max-width: 100%;
    width: 100%;
    height: auto;
}
#press-content .news .press-item-inner > a > img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);    
}

.whatshappening .news.ttle .bsr-content{
    margin-bottom: 0;
    padding-bottom: 0;
    margin-left: -15px !important;
    margin-right: -15px !important;
}

/* carousel */
.customControls .carousel-control.right,
.customControls .carousel-control.left {
    background-image: none !important;
}
.customControls .carousel-control.right span,
.customControls .carousel-control.left span{
    position: absolute;
    text-shadow: none;
    font-size: 18px;
    transition: 0.3s;
}
.customControls .carousel-control.left span.w-left{
    content: '';
    background: url('images/left.png') no-repeat;
    background-size: 100%;
    position: absolute;
    width: 40px;
    height: 40px;
    left: 35%;
}
.customModal .carousel .carousel-inner .item {
    padding: 0 50px;
    height: 100%;
}
.customControls .carousel-control.right span.w-right{
    content: '';
    background: url('images/right.png') no-repeat;
    background-size: 100%;
    position: absolute;
    width: 40px;
    height: 40px;
    right: 35%;
}
.modal.the-slide{
    background: rgba(0,0,0,0.85) !important;
}
.customModal .customControls .carousel-control.right span{
    right: 25px;
}
.customModal .customControls .carousel-control.left span{
    left: 25px;
}
.customModal .customControls .carousel-control.right{
    right: 0;
}
.customModal .customControls .carousel-control.left{
    left: 0;
}
.customModal .customControls .carousel-control.right span,
.customModal .customControls .carousel-control.left span{
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transition: 0.5s;
}
.events .customControls .carousel-control.right span,
.events .customControls .carousel-control.left span{
    top: 50%;
    transform: translateY(-40%);
    -webkit-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
}
.community .customControls .carousel-control.right span,
.community .customControls .carousel-control.left span{
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.customControls .carousel-control.right{
   right: -35px; 
}
.customControls .carousel-control.left{
   left: -35px; 
}
.customControls .carousel-control.right span{
    right: auto;
}
.customControls .carousel-control.left span{
    left: 8px;
}
.customControls .carousel-control{
    color: #0b0b0b;
    opacity: 1;
}
.customControls .carousel-control:focus,
.customControls .carousel-control:hover{
    color: #000;
}
.customControls .carousel.no-controls .controls{
    display: none;
}
.events .customControls .carousel-control{
    height: 0;
    padding: 230px 0; 
}
.community .customControls .carousel-control{
    height: 0;
    padding: 200px 0;    
}
body{
    overflow-x: hidden;
}

.events .customControls .carousel-control,
.community .customControls .carousel-control{
    width: 42px;
}

/* modal */

.customModal.the-slide{
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    margin: auto auto;
    position: absolute;
}
.customModal .carousel .item .image-wrapper{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.customModal .carousel .item .image-wrapper > img{
    min-width: auto;
    max-width: 100%;
    max-height: 80vh;
}
.customModal .modal-content{
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    height: 100vh;
}
.customModal .modal-content .modal-body{
    position: relative;
    height: 100%;
}
.customModal .modal-content .modal-body .modal-slider {
    height: 100%;
}
.customModal .modal-content .modal-body .modal-slider .carousel-inner{
    height: 100%;
}
.customModal .modal-content .modal-header,
.customModal .modal-content .modal-footer{
    border: 0 !important;
}

.customModal .carousel-control span{ color: #fff !important; }
.customModal .carousel-control span:focus,
.customModal .carousel-control span:hover{
 color: #fff !important; 
}
.customModal .carousel-inner{
    overflow: visible;
}
.customModal .carousel-caption{
    padding: 0;
    bottom: auto;
}
.customModal .modal-close {
    float: none;
    margin-right: 0;
    font-size: 18px;
    margin-right: 0;
    font-weight: 300;
    color: #fff;
    text-shadow: none;
    opacity: 1;
    position: absolute;
    right: 55px;
    top: 15px;
    cursor: pointer;
    z-index: 1;
}
.customModal .modal-close:after {
    content: '';
    position: absolute;
    background: url(images/close-modal.png) no-repeat;
    background-position: center;
    width: 50px;
    height: 50px
}
.customModal .modal-content p{
    color: #fff;
    margin: 15px 0 0;
    font-family: opensans_cl;
    font-size: 18px;
    letter-spacing: 0.08em;
}
.events-two-content, .events-three-content, .events-many-content.
.community-two-content, .community-three-content, .community-many-content{ display: block; }
.events-two-content.mobile, .events-three-content.mobile, .events-many-content.mobile,
.community-two-content.mobile, .community-three-content.mobile, .community-many-content.mobile{ display: none; }
#press-content .news .press-item-inner .post-title{
    font-family: din_std;
    margin-top: 8px;
    margin-bottom: 6px;
    font-size: 30px;
    letter-spacing: 0.08em;    
}
#bsr-go-content #press-content .news .press-item-inner .post-title{ margin-top: 25px;}

@media only screen and (max-width: 1199px){
    .events .customControls .carousel-control{
        padding: 220px 0; 
    }  
    .community .customControls .carousel-control{
        height: 0;
        padding: 180px 0;    
    }  
}
@media only screen and (max-width: 991px){ 

    .events .customControls .carousel-control{
        padding: 145px 0; 
    }  
    .community .customControls .carousel-control{
        padding: 110px 0;    
    }
    .whatshappening .bsr-content .details h3,
    .whatshappening .bsr-content .c-title,
    .whatshappening .bsr-content .b-title,
    #press-content .news .press-item-inner .post-title
    {
        font-size: 26px;
        margin-bottom: 20px;
        margin-top: 15px;
        line-height: 1;
    }
    .whatshappening .bsr-content .eanda-wrapper{
        display: table;
        width: 100%;
    }
    .whatshappening .bsr-content .eanda-wrapper h3{
        display: table-cell;
        vertical-align: middle;
    }
    .events .customControls .carousel-control.right span,
    .events .customControls .carousel-control.left span{
        top: 45%;
        transform: translateY(-45%);
        -webkit-transform: translateY(-45%);
        -ms-transform: translateY(-45%);
    }
    .community .customControls .carousel-control.right span,
    .community .customControls .carousel-control.left span{
        top: 35%;
        transform: translateY(-35%);
        -webkit-transform: translateY(-35%);
        -ms-transform: translateY(-35%);
    }
    .customModal{
        width: 100%;
    }
}
@media only screen and (max-width: 780px){
    .w-menu ul > li{
        margin-bottom: 30px;
    }  
    .w-menu ul > li.has-dropdown > .w-dropdown-menu > li {
        padding: 5px 10px;
        margin-bottom: 0;
    }

    .row.news{
        text-align: center;
    }
    .row.news .press-item{
        float: none;
        display: inline-block;
    }
}
@media only screen and (max-width: 767px){
    .customModal .modal-content p{
        margin-top: 5px;
    }
    .community .customControls .carousel-control{
        height: 0;
        padding: 30% 0;    
    }
    .events .customControls .carousel-control.right span,
    .events .customControls .carousel-control.left span{
        top: 50%;  
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }
    .community .customControls .carousel-control.right span,
    .community .customControls .carousel-control.left span{
        top: 40%;  
        transform: translateY(-40%);
        -webkit-transform: translateY(-40%);
        -ms-transform: translateY(-40%);
    }
    .whatshappening .bsr-content .details h3,
    .whatshappening .bsr-content .c-title,
    .whatshappening .bsr-content .b-title
    {
        font-size: 24px;
        margin-bottom: 20px;
        margin-top: 15px;
        line-height: 1;
    }

    .events .customControls .carousel-control.right,
    .community .customControls .carousel-control.right{
        right: 0;
    }

    .events .customControls .carousel-control.left,
    .community .customControls .carousel-control.left{
        left: 0;
    }
    .events .customControls .carousel-control.right span,
    .community .customControls .carousel-control.right span{
        margin-right: 10px;
    }

    .events .customControls .carousel-control.left span,
    .community .customControls .carousel-control.left span{
        margin-left: 10px;
    }
    .customControls .carousel-control.right span,
    .customControls .carousel-control.left span{
        top: 35%;  
        transform: translateY(-28%);
        -webkit-transform: translateY(-28%);
        -ms-transform: translateY(-28%);
    } 
    .customControls .carousel-control.right span{
        right: auto;
    }
    .customControls .carousel-control.left span{
        left: 35%;
    }    
    .events-two-content, .events-three-content, .events-many-content,
    .community-two-content, .community-three-content, .community-many-content{ display: none; }
    .events-two-content.mobile, .events-three-content.mobile, .events-many-content.mobile,
    .community-two-content.mobile, .community-three-content.mobile, .community-many-content.mobile{ display: block; }

    .events .customControls .carousel-control{
        padding: 35% 0; 
    }
    .customModal .customControls .carousel-control.left{
        left: 0;
    }
    .customModal .customControls .carousel-control.left span{
        left: 0;
        margin-left: 10px;
    }
    .customModal .customControls .carousel-control.right{
        right: 0;
    }
    .customModal .customControls .carousel-control.right span{
        right: 0;
        margin-right: 10px;
    }
    .customModal .customControls .carousel-control.right span:before{
        content: '' !important;
        background: url('images/right.png') no-repeat;
        background-size: 100%;
        display: block;
        width: 40px;
        height: 40px;
    }
    .customModal .customControls .carousel-control.left span:before{
        content: '' !important;
        background: url('images/left.png') no-repeat;
        background-size: 100%;
        display: block;
        width: 40px;
        height: 40px;
    }
}
@media only screen and (max-width: 580px){
    .customControls .carousel-control.left span.w-left{
        left: 45%;
    }
    .customControls .carousel-control.right span.w-right{
        right: 45%;
    }
    .events .customControls .carousel-control.right span,
    .events .customControls .carousel-control.left span{
        top: 45%;  
        transform: translateY(-45%);
        -webkit-transform: translateY(-45%);
        -ms-transform: translateY(-45%);
    }
    .events .customControls .carousel-control{
        padding: 40% 0; 
    }
    .whatshappening .carousel {
        min-height: 400px;
    }
    .whatshappening .community .carousel {
        min-height: 350px;
    }
}

@media only screen and (max-width: 450px){
    .whatshappening .community .carousel {
        min-height: 320px;
    }
}

#carousel-slider .cloneditem-1,
#carousel-slider2 .cloneditem-1,
#carousel-slider .cloneditem-2,
#carousel-slider2 .cloneditem-2 {
  display: none;
}

@media all and (min-width: 768px) {
  #carousel-slider .carousel-inner > .active.left,
  #carousel-slider2 .carousel-inner > .active.left,
  #carousel-slider .carousel-inner > .prev,
  #carousel-slider2 .carousel-inner > .prev {
    left: -33.333%;
  }
  #carousel-slider .carousel-inner > .active.right,
  #carousel-slider2 .carousel-inner > .active.right,
  #carousel-slider .carousel-inner > .next,
  #carousel-slider2 .carousel-inner > .next {
    left: 33.333%;
  }
  #carousel-slider .carousel-inner > .left,
  #carousel-slider2 .carousel-inner > .left,
  #carousel-slider .carousel-inner > .prev.right,
  #carousel-slider2 .carousel-inner > .prev.right,
  #carousel-slider .carousel-inner > .active,
  #carousel-slider2 .carousel-inner > .active {
    left: 0;
  }
  #carousel-slider .carousel-inner .cloneditem-1,
  #carousel-slider2 .carousel-inner .cloneditem-1,
  #carousel-slider .carousel-inner .cloneditem-2,
  #carousel-slider2 .carousel-inner .cloneditem-2 {
    display: block;
  }
}
@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
  #carousel-slider .carousel-inner > .item.active.right,
  #carousel-slider2 .carousel-inner > .item.active.right,
  #carousel-slider .carousel-inner > .item.next,
  #carousel-slider2 .carousel-inner > .item.next {
    transform: translate3d(33.333%, 0, 0);
    -webkit-transform: translate3d(33.333%, 0, 0);
    left: 0;
  }
  #carousel-slider .carousel-inner > .item.active.left,
  #carousel-slider2 .carousel-inner > .item.active.left,
  #carousel-slider .carousel-inner > .item.prev,
  #carousel-slider2 .carousel-inner > .item.prev {
    transform: translate3d(-33.333%, 0, 0);
    -webkit-transform: translate3d(-33.333%, 0, 0);
    left: 0;
  }
  #carousel-slider .carousel-inner > .item.left,
  #carousel-slider2 .carousel-inner > .item.left,
  #carousel-slider .carousel-inner > .item.prev.right,
  #carousel-slider2 .carousel-inner > .item.prev.right,
  #carousel-slider .carousel-inner > .item.active,
  #carousel-slider2 .carousel-inner > .item.active {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    left: 0;
  }
}

@media only screen and (max-width: 767px){
    .carousel-slider .cloneditem-1,
    .carousel-slider2 .cloneditem-1,
    .carousel-slider .cloneditem-2,
    .carousel-slider2 .cloneditem-2 {
      display: none !important;
    }
}

.d-flex-centered {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

/* Black Series Teaser */
.lang-switch {
    margin: 50px 0;
    text-align: right;
}
.lang-switch ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.lang-switch ul li {
    display: inline-block;
}
.lang-switch ul li a,
.lang-switch ul li.separator {
    font-family: opensans_cl;
    font-size: 20px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 400;
}
.lang-switch ul li.separator,
.lang-switch ul li.active a {
    font-weight: 600;
}
.blackseries-content.teaser h2{
    font-size: 44px;
    text-align: center;
    font-family: din_std;
    letter-spacing: 1.6px;
}
.blackseries-content.teaser h3{
    text-align: center;
    font-family: opensans_cl;
    font-size: 29px;
    margin-top: 0px;    
}
.blackseries-content.teaser .video_note p{
    text-align: center;
    font-family: opensans_cl;
    font-size: 24px;
    margin-top: 0px;
}
.blackseries-content.teaser .page-desc {
    max-width: 840px;
    margin: 0 auto;
}
.blackseries-content.teaser .page-desc p {
    width: 100%;
}
.blackseries-content.teaser .page-desc:last-child{
    margin-top: 40px;
    margin-bottom: 60px;
}
.blackseries-content.teaser .page-desc.the-prize h3 {
    text-transform: uppercase;
    font-size: 30px;
    margin-bottom: 40px;
}
.blackseries-content.teaser .page-desc.the-prize p {
    letter-spacing: normal;
    font-size: 26px;
}
.blackseries-content.teaser .page-desc.the-prize table{
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: 25px;
/*
    border-top: 1px solid grey;
    border-bottom: 1px solid grey;
*/
}
@media (max-width: 575px){
    .blackseries-content.teaser .page-desc.the-prize table{
        max-width: 100%;
        width: 100%;
    }
}
.blackseries-content.teaser .page-desc.the-prize table tr {
    padding-bottom: 10px;
    display: block;
}
.blackseries-content.teaser .page-desc.the-prize table tr td,
.blackseries-content.teaser .page-desc.the-prize table tr td p {
    vertical-align: top;
    font-family: opensans_cl;
    font-size: 24px;
    text-align: left; 
}
.blackseries-content.teaser .page-desc.the-prize table tr td:first-child{
    min-width: 245px; 
    max-width: 245px; 
    padding-right: 15px;
}
.blackseries-content.teaser .page-desc.the-prize table tr td:last-child{
    min-width: 280px; 
    max-width: 280px; 
    padding-left: 15px;
}

.blackseries-content.teaser .page-desc.the-prize table tr:last-child{
    padding-bottom: 0px;
}
.blackseries-content.teaser .page-desc.the-prize table tr:first-child td{
    padding-top: 40px;
}
.blackseries-content.teaser .page-desc.the-prize table tr:last-child td{
    max-width: 525px;
    min-width: 525px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 40px;
}

@media (max-width: 575px){
    .blackseries-content.teaser .page-desc.the-prize table tr {
        display: block;
        padding-bottom: 15px;
    }
    .blackseries-content.teaser .page-desc.the-prize table tr td{
        text-align: center;
    }
    .blackseries-content.teaser .page-desc.the-prize table tr:first-child td:last-child{
        padding-top: 0px;
    }
    .blackseries-content.teaser .page-desc.the-prize table tr td:first-child,
    .blackseries-content.teaser .page-desc.the-prize table tr td:last-child{
        display: block;
        max-width: 100%;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }
    .blackseries-content.teaser .page-desc.the-prize table tr:last-child td{
        max-width: 100%;
        min-width: 100%;
        width: 100%;
        display: block;
        text-align: center;
    }
    .blackseries-content.teaser .page-desc.the-prize table tr:last-child td p{
        text-align: center;
    }
}
.blackseries-content.teaser .page-desc.the-prize table tr td{
 
}
.blackseries-content.teaser .page-desc.the-prize table tr p {
    margin: 40px 0 0;
}
.blackseries-content.teaser .video_note {
    margin: 0 0 40px;
}
.blackseries-content.teaser .video-wrapper{
    margin: 40px 0 15px;
}
.blackseries-content.teaser .video-wrapper iframe{
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
}
.blackseries-content.teaser div.separator:after{
    content: '';
    display: block;
    border: 1px solid grey;
    width: 100%;
    margin: 60px auto 0;
}
.blackseries-content.teaser .signup-form {
    text-align: center;
    padding: 35px 0 13px;
}
.blackseries-content.teaser .signup-form h3{
    font-size: 40px;
    text-transform: uppercase;
}
.blackseries-content.teaser .signup-form #mc_embed_signup{
    margin-bottom: 15px;
}
.blackseries-content.teaser .signup-form input[type="email"],
.blackseries-content.teaser form.post-password-form input[type="password"],
.specialday-content form.post-password-form input[type="password"]{
    outline: none;
    border: 1px solid grey;
    padding: 13px 20px;
    display: inline-block;
    vertical-align: top;
    min-width: 242px;
    font-family: opensans_cl;
    font-size: 17px;
    letter-spacing: 0.08em;
    height: 48px;
}
.blackseries-content.teaser .signup-form input[type="submit"],
.blackseries-content.teaser form.post-password-form input[type="submit"],
.specialday-content form.post-password-form input[type="submit"]{
    outline: none;
    color: #fff;
    background-color: #000;
    border: 1px solid #000;
    padding: 5px 30px;
    text-transform: uppercase;
     font-family: opensans_cl;
     font-size: 30px;
     cursor: pointer;
    display: inline-block;
    vertical-align: top;
    margin-left: -5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: 0.3s all ease-in-out;
    height: 48px;
}
.blackseries-content.teaser .signup-form input[type="submit"]:hover,
.blackseries-content.teaser form.post-password-form input[type="submit"]:hover,
.specialday-content form.post-password-form input[type="submit"]:hover{
    background-color: #333;
    border: 1px solid #333;
}

.blackseries-content.teaser form.post-password-form,
.specialday-content form.post-password-form{
    min-height: 400px;
}
.blackseries-content.teaser form.post-password-form p,
.specialday-content form.post-password-form p{margin-bottom: 30px;}


@media (max-width: 767px){
    .blackseries-content.teaser .video-wrapper{
        margin: -40px 0;
    }
}
@media (max-width: 575px){
    .blackseries-content.teaser .signup-form input[type="email"],
    .blackseries-content.teaser .signup-form input[type="submit"],
    .blackseries-content.teaser form.post-password-form input[type="password"],
    .blackseries-content.teaser form.post-password-form input[type="submit"],
    .specialday-content form.post-password-form input[type="password"],
    .specialday-content form.post-password-form input[type="submit"]{
        display: block;
        min-width: 80%;
        max-width: 80%;
        width: 100%;
        margin: 0 auto 15px;
    }

    .lang-switch ul li a,
    .lang-switch ul li.separator {
        font-size: 18px;
    }
    .blackseries-content.teaser .video-wrapper{
        margin: -90px 0;
    }
}

.sd-bottom-content {
    position: relative;
    margin-bottom: 60px;
}
.sd-bottom-content .page-desc {
    text-align: center;
}
.sd-bottom-content .page-desc span.spade{
    border-top: 1px solid #b69c77;
    line-height: 0.5;
    padding-top: 30px;
    padding-bottom: 30px;
    display: inline-block;
    max-width: 420px;
    width: 100%;
}
.sd-bottom-content .page-desc span.spade:before {
    content: " ";
    background: url(images/spade.svg) no-repeat center center;
    position: absolute;
    left: 50%;
    top: 0;
    height: 20px;
    width: 20px;
    margin-left: -10px;
    margin-top: -11px;
    background-color: #fff;
    background-size: 20px;
    background-position: center;
}

/******************************* Career page****************************/
div#careers-content.main-career-page {
    padding-top: 40px;
}

/*// Custom fonts*/
@font-face {
font-family: 'Baskerville Normal';
font-style: normal;
font-weight: normal;
src: local('fonts/Baskerville Normal'), url('fonts/baskvl.woff') format('woff');
}


@font-face {
font-family: 'Baskerville Regular';
font-style: normal;
font-weight: normal;
src: local('fonts/Baskerville-Regular'), url('fonts/baskervi.woff') format('woff');
}


@font-face {
font-family: 'Baskerville Light-Italic';
font-style: normal;
font-weight: normal;
src: local('fonts/Baskerville-Light-Italic'), url('fonts/BASKE10.woff') format('woff');
}


@font-face {
font-family: 'Baskerville Light';
font-style: normal;
font-weight: normal;
src: local('fonts/Baskerville-Light'), url('fonts/BASKE9.woff') format('woff');
}


@font-face {
font-family: 'Baskerville LightA';
font-style: normal;
font-weight: normal;
src: local('fonts/Baskerville LightA'), url('fonts/BASKRV_L.woff') format('woff');
}


@font-face {
font-family: 'Baskerville Bold';
font-style: normal;
font-weight: normal;
src: local('fonts/Baskerville Bold'), url('fonts/BASKE1.woff') format('woff');
}


@font-face {
font-family: 'Baskerville Bold';
font-style: normal;
font-weight: normal;
src: local('fonts/Baskerville Bold'), url('fonts/Baskerville-Bold-font.woff') format('woff');
}


@font-face {
font-family: 'Baskerville BT Roman';
font-style: normal;
font-weight: normal;
src: local('fonts/Baskerville-BT-Roman'), url('fonts/BaskervilleBT.woff') format('woff');
}


@font-face {
font-family: 'Baskerville BT Italic';
font-style: normal;
font-weight: normal;
src: local('fonts/Baskerville-BT-Italic'), url('fonts/BaskervilleItalicBT.woff') format('woff');
}


@font-face {
font-family: 'Baskerville BT Bold';
font-style: normal;
font-weight: normal;
src: local('fonts/Baskerville-BT-Bold'), url('fonts/BaskervilleBoldBT.woff') format('woff');
}


@font-face {
font-family: 'Baskerville BT Bold';
font-style: normal;
font-weight: normal;
src: local('fonts/Baskerville-BT-Bold'), url('fonts/baskerville-bold-bt.woff') format('woff');
}


@font-face {
font-family: 'Baskerville BT Bold Italic';
font-style: normal;
font-weight: normal;
src: local('fonts/Baskerville-BT-Bold-Italic'), url('fonts/BaskervilleBoldItalicBT.woff') format('woff');
}

/* New css */

tfoot .woocommerce-shipping-totals.shipping th {
    width: 50%;
}

#checkout .woocommerce-checkout h3 {
    margin-bottom: 10px !important;
}
#cart #shipping_method li, #cart table.cart .variation dd, #checkout #order_review_container .variation dd {
    height: auto !important;
}
.woocommerce-shipping-fields {
    opacity: 0 !important;
}
#checkout {
    padding-bottom: 20px !important;
}
#checkout #order_review_container .variation dd, #checkout #order_review_container td.product-name {
    font-size: 18px !important;
}
#checkout #order_review_container .shop_table #shipping_method li label, #cart #shipping_method li label {
    font-size: 0px !important;
}
span.woocommerce-Price-amount.amount {
    font-size: 24px !important;
}