@font-face {
  font-family: "Berkeley";
  src: url("webfonts/Berkeley.eot");
  src: url("webfonts/Berkeleyd41d.eot?#iefix") format("embedded-opentype"),
    url("webfonts/Berkeley.woff2") format("woff2"),
    url("webfonts/Berkeley.woff") format("woff"),
    url("webfonts/Berkeley.ttf") format("truetype"),
    url("webfonts/Berkeley.svg#Berkeley") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Pepita";
  src: url("webfonts/Pepitad41d.eot?#iefix") format("embedded-opentype"),
    url("webfonts/Pepita.woff") format("woff"),
    url("webfonts/Pepita.ttf") format("truetype"),
    url("webfonts/Pepita.svg#Pepita") format("svg");
  font-weight: normal;
  font-style: normal;
}

body,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
textarea {
  font-family: "Berkeley" !important;
}
select {
  font-family: "Berkeley" !important;
}
#nf-field-9 {
  padding-left: 15px !important;
}
#nf-field-10 {
  padding-left: 15px !important;
}
#nf-field-11 {
  padding-left: 15px !important;
}

div,
object,
iframe,
p,
blockquote,
pre {
  font-family: "Berkeley" !important;
  font-size: 18px;
}

#page_content_wrapper p,
.page_content_wrapper p {
  font-family: "Berkeley" !important;
  font-size: 18px;
}
.ppb_subtitle {
  margin: 10px 0 20px 0;
  font-size: 18px;
  color: #777;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 600;
}
.post_detail.menu_excerpt {
  text-transform: none;
  letter-spacing: 0;
  font-size: 12px;
  width: auto;
  float: left;
  margin-top: 0;
  font-weight: normal;
  margin-bottom: 0;
}
.menu_content_classic .menu_title {
  position: relative;
  z-index: 2;
  font-size: 15px;
  background: #fff;
  top: -5px;
}

h1,
h2,
h3,
h4,
h5,
h6,
h7,
input[type="submit"],
input[type="button"],
a.button,
.button,
blockquote,
#autocomplete li strong,
#autocomplete li.view_all,
.post_quote_title,
label,
.portfolio_filter_dropdown,
.woocommerce .woocommerce-ordering select,
.woocommerce .woocommerce-result-count,
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.add_to_cart_button.loading,
.woocommerce-page ul.products li.product a.add_to_cart_button.loading,
.woocommerce ul.products li.product a.add_to_cart_button:hover,
.woocommerce-page ul.products li.product a.add_to_cart_button:hover,
.woocommerce #page_content_wrapper a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce #content input.button,
.woocommerce-page #page_content_wrapper a.button,
.woocommerce-page button.button,
.woocommerce-page input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page #content input.button,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover,
.woocommerce-page input.button:active,
.woocommerce #page_content_wrapper a.button,
.woocommerce-page #page_content_wrapper a.button,
.woocommerce.columns-4 ul.products li.product a.add_to_cart_button,
.woocommerce.columns-4 ul.products li.product a.add_to_cart_button:hover,
strong[itemprop="author"],
#footer_before_widget_text {
  font-family: "Berkeley" !important;
}

input[type="submit"],
input[type="button"],
a.button,
.button,
.woocommerce .page_slider a.button,
a.button.fullwidth,
.woocommerce-page div.product form.cart .button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  font-family: "Berkeley" !important;
  font-size: 14px;
}

#menu_wrapper .nav ul li a,
#menu_wrapper div .nav li > a {
  font-family: "Berkeley" !important;
  font-size: 14px;
}

.mobile_main_nav li a,
#sub_menu li a {
  font-family: "Berkeley" !important;
}

#page_content_wrapper .sidebar .content .sidebar_widget li h2.widgettitle,
h2.widgettitle,
h5.widgettitle,
h5.related_post,
.fullwidth_comment_wrapper h5.comment_header,
.author_label,
#respond h3,
.about_author,
.related.products h2,
.cart_totals h2,
.shipping_calcuLator h2,
.upsells.products h2,
.cross-sells h2 {
  font-family: "Berkeley" !important;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.post_header:not(.single) h5,
body.single-post .post_header_title h1,
#post_featured_slider li .slider_image .slide_post h2,
#autocomplete li strong,
.post_related strong,
#footer ul.sidebar_widget .posts.blog li a,
body.single-post #page_caption h1 {
  font-family: "Berkeley" !important;
  text-transform: none;
  font-weight: 600;
  letter-spacing: 0px;
}
#copyright,
#footer_menu li a {
  font-size: 15px;
  margin-top: 3px;
}
h2.ppb_title {
  font-family: "Pepita" !important;
  font-size: 60px;
  text-transform: none; /*uppercase;*/
}
.ppb_title_first {
  font-family: "Pepita" !important;
  font-size: 50px;
  line-height: 50px;
  color: #cfa670;
}
#footer p {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  font-size: 16px;
}
#menu_wrapper div .nav li > a {
  font-size: 11px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

@media screen and (max-width: 768px) {
  #hide23 {
    display: none;
  }
  #hide2325 {
    display: block;
    margin-bottom: -50px;
  }
}
@media screen and (min-width: 769px) {
  #hide23 {
    display: block;
  }
  #hide2325 {
    display: none;
  }
}

#form_whiteroom .frm_combo_inputs_container,
.frm_grid_container,
.frm_form_fields .frm_section_heading,
.frm_form_fields .frm_fields_container {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-auto-rows: max-content;
  grid-gap: 0;
}

#field_dcjnz2 {
  border-left: none;
}

.ppb_subtitle {
  color: #000 !important;
}
.ppb_title_first {
  color: #000 !important;
}
.readmore {
  color: #000 !important;
}
.hidden {
  display: none !important;
}
.above_top_bar {
  /*background: #000 !important;*/
  background: rgba(207, 166, 112, 0.9) !important;
}
@media only screen and (min-width: 769px) {
  .mobile_menu_wrapper {
    display: none;
  }
}
.extend_top_contact_info.top_contact_info {
  float: left;
}
.aria-invisible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

body {
  font-family: "Berkeley";
  font-style: normal;
  font-weight: 300;
}

body.overflow_hidden,
html.overflow_hidden {
  overflow-y: visible;
}

.logo_wrapper.hidden {
  display: block !important;
}
.ppb_wrapper {
  overflow-x: visible;
}
@media screen and (max-height: 575px) {
  #rc-imageselect,
  .g-recaptcha {
    transform: scale(0.77);
    -webkit-transform: scale(0.77);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
  }
}
/*responsive menu*/
/* 
    ##Device = Desktops
    ##Screen = 1281px to higher resolution desktops
  */

@media (min-width: 1281px) {
  //CSS
}

/* 
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
  */

@media (min-width: 1025px) and (max-width: 1280px) {
  /**/
}

/* 
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
  */

@media (min-width: 768px) and (max-width: 1024px) {
  .above_top_bar .page_content_wrapper {
    margin: auto;
    width: 95%;
  }
  #menu_wrapper {
    margin: auto;
    width: 100%;
    height: 100%;
  }
  #nav_wrapper {
    display: block;
    margin-left: 0;
  }
  .menu_buttons_container {
    display: none;
    /*float: left;*/
    height: 100%;
    /*margin-left: 600px;*/
  }
  .logo_container {
    float: left;
    display: table;
    height: 100%;
    padding-left: 10px;
  }

  #menu_wrapper .nav ul li a,
  #menu_wrapper div .nav li > a {
    padding-right: 0px;
  }
}

/* 
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
  */

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .above_top_bar .page_content_wrapper {
    margin: auto;
    width: 95%;
  }
  #menu_wrapper {
    margin: auto;
    width: 100%;
    height: 100%;
  }
  #nav_wrapper {
    display: block;
    margin-left: 0;
  }
  .menu_buttons_container {
    display: none;
    /*float: left;*/
    height: 100%;
    /*margin-left: 600px;*/
  }
  #menu_wrapper .nav ul li a,
  #menu_wrapper div .nav li > a {
    padding-right: 0px;
  }
  .logo_container {
    float: left;
    display: table;
    height: 100%;
    padding-left: 10px;
  }
}

/* 
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
  */

@media (min-width: 481px) and (max-width: 767px) {
  .above_top_bar .page_content_wrapper {
    margin: auto;
    width: 95%;
  }
  #menu_wrapper {
    margin: auto;
    width: 100%;
    height: 100%;
  }
  #nav_wrapper {
    display: none;
  }
  .menu_buttons_container {
    display: table;
    /*float: left;*/
    height: 100%;
    /*margin-left: 600px;*/
  }
}

/* 
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */

@media (min-width: 320px) and (max-width: 480px) {
  .above_top_bar .page_content_wrapper {
    margin: auto;
    width: 95%;
  }
  #menu_wrapper {
    margin: auto;
    width: 100%;
    height: 100%;
  }
  #nav_wrapper {
    display: none;
  }
  .menu_buttons_container {
    display: table;
    /*float: left;*/
    height: 100%;
    /*margin-left: 600px;*/
  }
}
/*ends responsive menu*/
@media screen and (min-width: 769px) {
  .mypop {
    background: #000;
    border: 0px solid #cfa670;
    color: #fff;
    opacity: 1;
    cursor: pointer;
  }
  .mypop:hover {
    background: #cfa670;
    border: 0px solid #cfa670;
    color: #fff;
  }

  .mypop > a {
    color: #fff !important;
  }
  .mypop:hover > a {
    color: #fff !important;
  }
  /**/
  .mypop2 {
    background: #000;
    border: 0px solid #cfa670;
    color: #fff;
    opacity: 1;
  }
  .mypop2:hover {
    background: #cfa670;
    border: 0px solid #cfa670;
    color: #fff;
  }

  .mypop2 > a {
    color: #fff !important;
  }
  .mypop2:hover > a {
    color: #fff !important;
  }
  .nav > li.tg_reservation2 > a {
    background: transparent;
    border: solid 0px #222222;
    color: #fff !important;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
select {
  color: #000; /*#8e8e8e;*/
}
select option {
  color: black;
}
option:first-child {
  color: #000;
}
::-webkit-input-placeholder {
  /* Chrome */
  color: #000;
}
:-ms-input-placeholder {
  /* IE 10+ */
  color: #000;
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: #000;
  opacity: 1;
}
:-moz-placeholder {
  /* Firefox 4 - 18 */
  color: #000;
  opacity: 1;
}
.nf-form-fields-required {
  display: none;
}
#ninja_forms_required_items,
.nf-field-container {
  clear: both;
  position: relative;
  margin-bottom: -3px !important;
}
.nf-field-element input,
.nf-field-element select {
  margin: 0;
  width: auto;
  height: auto;
  vertical-align: inherit;
  border-bottom: none;
}
.nf-field-element input,
.nf-field-element textarea {
  padding-left: 15px;
}
h3.menu_post {
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  position: relative;
}
.widgettitle {
  background: #262626;
  font-family: "Berkeley";
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 15px;
  margin-bottom: 0px;
  color: #ffffff;
}
.post_info_cat {
  display: none;
}
.post_info_comment {
  display: none;
}
.menu_content_classic .menu_price.size {
  display: none;
}

.button5 {
  border: solid 2px #222222;
  color: #222222;
  outline: medium none;
  padding: 0.6em 1.7em !important;
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  text-transform: uppercase;
  background: transparent !important;
  transition: all 0.3s ease 0s;
  /*transition: color 0.2s linear 0s, background 0.1s linear 0s, opacity 0.2s linear 0s;*/
  font-family: "Berkeley";
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .nav > li.tg_reservation > a {
    background: transparent;
    border: solid 0px #222222;
    color: #fff !important;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .nav > li.tg_reservation > a:hover {
    color: #fff !important;
  }
}
.nav > li.button2 > a {
  background: transparent !important;
  border: solid 2px #222222;
  color: #222222 !important;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.nav > li.button2 > a:hover {
  color: #222222 !important;
}
#menu_wrapper .nav ul li a,
#menu_wrapper div .nav li > a,
#tg_reservation {
  color: #ffffff !important; /*222*/
}

.top_bar.hasbg .nav > li.tg_reservation > a {
  border: none !important; /*solid 2px #fff !important;*/
}

.top_bar.hasbg .nav > li.button2 > a {
  border: solid 2px #fff !important;
}
@media screen and (min-width: 801px) {
  .mobile_main_nav li a.sg-show-popup {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    font-family: "Berkeley" !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
    color: #777 !important;
    font-weight: 300 !important;
    margin-left: 0px !important;
  }
  .mobile_main_nav li a.sg-show-popup:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    font-family: "Berkeley";
    font-size: 18px !important;
    text-transform: uppercase !important;
    color: #fff !important;
    margin-left: 0px !important;
  }
}
.menu_content_classic .menu_highlight,
.menu_content_classic .menu_order {
  display: none;
}
#menu_wrapper div .nav li ul li a,
#menu_wrapper div .nav li.current-menu-item ul li a,
#menu_wrapper div .nav li ul li.current-menu-item a,
#menu_wrapper .nav ul li ul li a,
#menu_wrapper .nav ul li.current-menu-item ul li a,
#menu_wrapper .nav ul li ul li.current-menu-item a,
#menu_wrapper div .nav li.current-menu-parent ul li a,
#menu_wrapper div .nav li ul li.current-menu-parent a {
  color: #fff !important;
}

/* Added by dcom_rpc@msn.com  */
.request_callback .row div:nth-child(2) {
  margin-top: 0px !important;
}
@media screen and (min-width: 801px) {
  .mytagline {
    font-size: 28px;
    text-transform: uppercase;
    letter-spacing: -1px;
    font-weight: 300;
  }
}
@media screen and (max-width: 800px) {
  .mytagline {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: -1px;
    font-weight: 300;
  }
  #pdiningcol6-1 {
    width: 100% !important;
  }
  #pdiningcol6-2 {
    width: 100% !important;
  }
  #catercol6-1 {
    width: 100% !important;
  }
  #catercol6-2 {
    width: 100% !important;
  }
}
@media screen and (max-width: 800px) {
  .nodevice {
    display: none;
  }
  .device {
    display: block;
  }
  .mobile_main_nav li a.sg-show-popup {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    font-family: "Berkeley" !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
    color: #777 !important;
    /*margin-left:-20px !important;*/
    /*margin-top:-12px !important;*/
    font-weight: 300 !important;
    letter-spacing: normal !important;
  }
  .mobile_main_nav li a.sg-show-popup:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    font-family: "Berkeley" !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
    color: #fff !important;
    /*margin-left:-20px !important;*/
    /*margin-top:-12px !important;*/
    font-weight: 300 !important;
    letter-spacing: normal !important;
  }
}
@media screen and (min-width: 801px) {
  .nodevice {
    display: block;
  }
  .device {
    display: none;
  }
}
#about_the_author {
  display: none;
}
.button23 {
  border: solid 2px #222222;
  color: #fff;
  outline: medium none;
  padding: 0.6em 1.7em !important;
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  text-transform: uppercase;
  background: #222;
  transition: all 0.3s ease 0s;
  /* transition: color 0.2s linear 0s, background 0.1s linear 0s, opacity 0.2s linear 0s; */
  font-family: "Berkeley";
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  cursor: pointer;
}
.top_bar {
  margin-top: -5px !important;
}
@media screen and (max-width: 1024px) {
  .button23 {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    margin-left: -20px;
  }
}
.nf-response-msg {
  float: left !important;
}
.nf-field-element textarea {
  height: 100px !important;
}
@media screen and (max-width: 768px) {
  #footer_menu {
    float: right;
    display: block;
    list-style: none;
    text-align: center !important;
    width: 100%;
    padding: 0 10px !important;
  }
  .footer_bar_wrapper {
    padding: 20px 0px 0px !important;
  }
  #footer_menu li {
    display: inline-block;
    margin-right: 0px;
    margin-left: 10px !important;
  }
  .footerdevice {
    width: 100%;
    display: block;
    color: #fff;
    margin: 0 auto;
    text-align: center;
  }
  .footerdevice a {
    color: #fff !important;
  }
  #copyright {
    text-align: center !important;
    width: 100%;
  }
  #footer ul.sidebar_widget {
    width: 100% !important;
  }
  .standard_wrapper {
    width: 100% !important;
    margin: auto;
  }
  div#footer {
    padding-left: 10px;
    font-size: 12px;
    padding-right: 10px;
  }
}
@media screen and (min-width: 769px) {
  .footer_bar_wrapper {
    padding: 20px 40px 0px !important;
  }
}
.button {
  background: #222;
  color: #fff;
  letter-spacing: 2px;
  font-weight: 600;
  border-color: rgb(34, 34, 34);
  border-style: solid;
  border-width: 2px;
  margin: 10px 5px 0px 0px;
  border-radius: 0px;
  padding: 6px 13px 4px;
}
.rs-layer a {
  text-align: center !important;
}
.rs-layer span {
  text-align: center !important;
}
.rs-layer div {
  text-align: center !important;
}
.rs-layer .button {
  text-align: center !important;
}
.rs-layer a .button {
  text-align: center !important;
}
@media screen and (min-width: 769px) {
  .button {
    margin-top: 10px;
    width: 150px;
    text-align: center !important; /*font-size:8px !important;*/
  }
  .rs-layer .button {
    text-align: center !important;
    /*font-size:8px !important;*/
  }
  .divbuttons {
    display: flex;
  }
}
@media screen and (max-width: 768px) {
  .button {
    display: block;
    margin-top: 20px;
    width: 100%;
    text-align: center !important;
    font-size: 16px;
  }
  .divbuttons {
    display: block;
  }
  .rs-layer .button {
    text-align: center !important;
    font-size: 12px !important;
  }
}
.instagram_gallery {
  width: 200px;
}
#tg_reservation {
  color: #fff !important;
}

.easyjobs-frontend-wrapper.easyjobs-landing-page {
  background-color: #f5f7fd;
  width: 100%;
  max-width: 100%;
  padding-top: 50px;
  padding-right: 50px;
  padding-bottom: 50px;
  padding-left: 50px;
}

.easyjobs-frontend-wrapper.easyjobs-landing-page .ej-header,
.easyjobs-shortcode-wrapper.ej-template-classic .carrier__company,
.easyjobs-frontend-wrapper.easyjobs-landing-page .about__company {
  background-color: fff;
  padding-top: 50px;
  padding-right: 50px;
  padding-bottom: 50px;
  padding-left: 50px;
}

.easyjobs-landing-page .ej-header .ej-company-info .info .name {
  font-size: 24px;
}
.easyjobs-landing-page .ej-header .ej-company-info .info .location {
  font-size: 14px;
}

.easyjobs-landing-page .ej-header .ej-header-tools .ej-btn,
.easyjobs-shortcode-wrapper.ej-template-classic .carrier__company .button,
.easyjobs-shortcode-wrapper.ej-template-elegant .ej-company-info .ej-btn {
  font-size: 14px;
  color: #fff;
  background-color: #2fc1e1;
}
.easyjobs-landing-page .ej-header .ej-header-tools .ej-btn:hover,
.easyjobs-shortcode-wrapper.ej-template-classic .carrier__company .button:hover,
.easyjobs-shortcode-wrapper.ej-template-elegant .ej-company-info .ej-btn:hover {
  color: #fff;
  background-color: #1fb6d7;
}
.easyjobs-landing-page .ej-company-description,
.easyjobs-landing-page .ej-company-description p,
.easyjobs-landing-page .ej-company-description p span,
.easyjobs-landing-page .ej-company-description ul li,
.easyjobs-landing-page .ej-company-description a {
  font-size: 14px;
  color: #7d8091;
}
.easyjobs-landing-page
  .easyjobs-shortcode-wrapper
  .ej-job-list
  .ej-job-list-item
  .ej-job-list-item-inner
  .ej-job-list-item-col {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 25px;
  border-color: #f5f7fd;
}
.easyjobs-landing-page
  .easyjobs-shortcode-wrapper
  .ej-job-list
  .ej-job-list-item
  .ej-job-list-item-inner
  .ej-job-list-item-col
  .ej-job-title {
  font-size: 24px;
}
.easyjobs-landing-page
  .easyjobs-shortcode-wrapper
  .ej-job-list
  .ej-job-list-item
  .ej-job-list-item-inner
  .ej-job-list-item-col
  .ej-job-title
  a {
  color: #212529;
}
.easyjobs-landing-page
  .easyjobs-shortcode-wrapper
  .ej-job-list
  .ej-job-list-item
  .ej-job-list-item-inner
  .ej-job-list-item-col
  .ej-job-title
  a:hover {
  color: #0056b3;
}
.easyjobs-landing-page
  .easyjobs-shortcode-wrapper
  .ej-job-list
  .ej-job-list-item
  .ej-job-list-item-inner
  .ej-job-list-item-col
  .ej-job-list-info
  .ej-job-list-info-block {
  font-size: 14px;
}
.easyjobs-landing-page
  .easyjobs-shortcode-wrapper
  .ej-job-list
  .ej-job-list-item
  .ej-job-list-item-inner
  .ej-job-list-item-col
  .ej-job-list-info
  .ej-job-list-info-block
  a {
  color: #0056b3;
}
.easyjobs-landing-page
  .easyjobs-shortcode-wrapper
  .ej-job-list
  .ej-job-list-item
  .ej-job-list-item-inner
  .ej-job-list-item-col
  .ej-job-list-info
  .ej-job-list-info-block {
  color: #7d8091;
}
.easyjobs-landing-page
  .easyjobs-shortcode-wrapper
  .ej-job-list
  .ej-job-list-item
  .ej-job-list-item-inner
  .ej-job-list-item-col
  .ej-deadline {
  font-size: 18px;
  color: #7d8091;
}
.easyjobs-landing-page
  .easyjobs-shortcode-wrapper
  .ej-job-list
  .ej-job-list-item
  .ej-job-list-item-inner
  .ej-job-list-item-col
  .ej-list-sub {
  font-size: 14px;
  color: #7d8091;
}

.easyjobs-landing-page
  .easyjobs-shortcode-wrapper
  .ej-job-list
  .ej-job-list-item
  .ej-job-list-item-inner
  .ej-job-list-item-col
  .ej-btn.ej-info-btn-light {
  font-size: 14px;
  color: #2fc1e1;
  background-color: rgba(47, 193, 225, 0.1);
}

.easyjobs-landing-page
  .easyjobs-shortcode-wrapper
  .ej-job-list
  .ej-job-list-item
  .ej-job-list-item-inner
  .ej-job-list-item-col
  .ej-btn.ej-info-btn-light:hover {
  color: #fff;
  background-color: #2fc1e1;
}

.easyjobs-landing-page .ej-section .ej-section-title .ej-section-title-text {
  color: #2f323e;
  font-size: 32px;
}
.easyjobs-landing-page .ej-section .ej-section-title .ej-section-title-icon {
  color: #597dfc;
  background-color: rgba(89, 125, 252, 0.1);
}
/* Details page */

.easyjobs-frontend-wrapper.easyjobs-single-page {
  background-color: #f5f7fd;
  width: 100%;
  max-width: 1400px;
  padding-top: 50px;
  padding-right: 50px;
  padding-bottom: 50px;
  padding-left: 50px;
}

.easyjobs-single-page
  .easyjobs-details
  .ej-job-header
  .ej-job-header-left
  .ej-job-overview,
.easyjobs-shortcode-wrapper.ej-template-classic .job__more__details {
  background-color: #fff;
  padding-top: 50px;
  padding-right: 50px;
  padding-bottom: 50px;
  padding-left: 50px;
}
.easyjobs-single-page .ej-company-info .info .name {
  font-size: 24px;
}

.easyjobs-single-page.ej-company-info .info .location {
  font-size: 14px;
}

.easyjobs-single-page
  .easyjobs-details
  .ej-job-header
  .ej-job-header-left
  .ej-job-overview
  .ej-job-highlights
  .ej-job-highlights-item,
.easyjobs-shortcode-wrapper.ej-template-classic
  .job__more__details
  .infos
  .info
  span,
.easyjobs-shortcode-wrapper.ej-template-classic
  .job__more__details
  .infos
  .info
  p,
.easyjobs-shortcode-wrapper.ej-template-classic
  .ej-container
  div.job__more__details
  > p {
  font-size: 16px;
}
.easyjobs-single-page
  .easyjobs-details
  .ej-job-header
  .ej-job-header-left
  .ej-job-overview
  .ej-job-highlights
  .ej-job-highlights-item
  .ej-job-highlights-item-label,
.easyjobs-shortcode-wrapper.ej-template-classic
  .job__more__details
  .infos
  .info
  p,
.easyjobs-shortcode-wrapper.ej-template-classic
  .ej-container
  div.job__more__details
  > p
  i,
.easyjobs-shortcode-wrapper.ej-template-classic
  .ej-container
  div.job__more__details
  > p
  span {
  color: #1c2238;
}
.easyjobs-single-page.easyjobs-details
  .ej-job-header
  .ej-job-header-left
  .ej-job-overview
  .ej-job-highlights
  .ej-job-highlights-item
  .ej-job-highlights-item-value,
.easyjobs-shortcode-wrapper.ej-template-classic
  .job__more__details
  .infos
  .info
  span,
.easyjobs-shortcode-wrapper.ej-template-classic
  .ej-container
  div.job__more__details
  > p {
  color: #7d8091;
}
.easyjobs-single-page .ej-apply-link .ej-btn.ej-info-btn,
.easyjobs-shortcode-wrapper.ej-template-classic .job__more__details > a.button,
.ej-template-elegant .ej-hero .job__infos__block .meta .button {
  font-size: 14px;
  background-color: #2fc1e1;
  color: #fff;
}
.easyjobs-single-page .ej-apply-link .ej-btn.ej-info-btn:hover,
.easyjobs-shortcode-wrapper.ej-template-classic
  .job__more__details
  > a.button:hover,
.ej-template-elegant .ej-hero .job__infos__block .meta .button:hover {
  background-color: #1fb6d7;
  color: #fff;
}
.easyjobs-single-page
  .easyjobs-details
  .ej-job-header
  .ej-job-header-left
  .ej-job-overview-footer
  .ej-social-share
  ul
  li
  a,
.easyjobs-frontend-wrapper
  .easyjobs-shortcode-wrapper
  .job__more__details
  .share__options
  ul
  li
  a {
  width: 40px;
  height: 40px;
}
.easyjobs-single-page
  .easyjobs-details
  .ej-job-header
  .ej-job-header-left
  .ej-job-overview-footer
  .ej-social-share
  ul
  li
  a
  svg {
  width: 18px;
  height: 18px;
}
.easyjobs-frontend-wrapper
  .easyjobs-shortcode-wrapper
  .job__more__details
  .share__options
  ul
  li
  a
  i {
  font-size: 18px;
  line-height: 40px;
}

.easyjobs-single-page .easyjobs-details .ej-content-block h1 {
  font-size: 32px;
}
.easyjobs-single-page .easyjobs-details .ej-content-block h2 {
  font-size: 28px;
}
.easyjobs-single-page .easyjobs-details .ej-content-block h3 {
  font-size: 24px;
}
.easyjobs-single-page .easyjobs-details .ej-content-block h4 {
  font-size: 21px;
}
.easyjobs-single-page .easyjobs-details .ej-content-block h5 {
  font-size: 18px;
}
.easyjobs-single-page .easyjobs-details .ej-content-block h6 {
  font-size: 16px;
}
.easyjobs-single-page .easyjobs-details .ej-content-block p,
.easyjobs-single-page .easyjobs-details .ej-content-block ul li,
.easyjobs-single-page .easyjobs-details .ej-content-block ol li,
.easyjobs-single-page .easyjobs-details .ej-label {
  font-size: 14px;
}
.easyjobs-single-page .ej-section .ej-section-title .ej-section-title-text {
  font-size: 32px;
}
/*Job filter css*/
.easyjobs-landing-page
  .easyjobs-shortcode-wrapper
  .ej-job-filter-wrap
  .ej-job-filter-form
  .ej-info-btn-light {
  font-size: 14px;
  color: #ff9635;
  background-color: rgba(255, 150, 53, 0.1);
}
.easyjobs-landing-page
  .easyjobs-shortcode-wrapper
  .ej-job-filter-wrap
  .ej-job-filter-form
  .ej-info-btn-light:hover {
  color: #ff9635;
  background-color: rgba(255, 150, 53, 0.1);
}
.easyjobs-landing-page
  .easyjobs-shortcode-wrapper
  .ej-job-filter-wrap
  .ej-job-filter-form
  .ej-danger-btn {
  font-size: 14px;
  color: #ff5f74;
  background-color: rgba(255, 95, 116, 0.1);
}
.easyjobs-landing-page
  .easyjobs-shortcode-wrapper
  .ej-job-filter-wrap
  .ej-job-filter-form
  .ej-danger-btn:hover {
  color: #ff5f74;
  background-color: rgba(255, 95, 116, 0.1);
}

a.skip-main {
  left: -999px;
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -999;
}
a.skip-main:focus,
a.skip-main:active {
  color: #fff;
  background-color: #000;
  left: auto;
  top: auto;
  width: 30%;
  height: auto;
  overflow: auto;
  margin: 10px 35%;
  padding: 5px;
  border-radius: 15px;
  border: 4px solid yellow;
  text-align: center;
  font-size: 1.2em;
  z-index: 999;
}

a:focus-visible {
  outline: 4px dashed red !important;
  padding: 5px !important;
}
h1:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
  padding: 5px !important;
}
h2:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
  padding: 5px !important;
}
h3:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
  padding: 5px !important;
}
h5:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
  padding: 5px !important;
}
button:focus-visible {
  outline: 4px dashed red !important;
  padding: 5px !important;
}
textarea:focus-visible,
input:focus-visible,
input[type="text"]:focus-visible,
input[type="submit"]:focus-visible,
.uneditable-input:focus-visible,
select:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
  padding: 5px !important;
}
.rs-layer *:not(.rs-wtbindex) a.button:focus {
  /*  outline: 4px dashed #c19c69 !important;*/
  outline: -webkit-focus-ring-color auto 1px !important;
  padding: 4px;
}

a.skip-main {
  left: -999px;
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -999;
}
a.skip-main:focus,
a.skip-main:active {
  color: #fff;
  background-color: #000;
  left: auto;
  top: auto;
  width: 30%;
  height: auto;
  overflow: auto;
  margin: 10px 35%;
  padding: 5px;
  border-radius: 15px;
  border: 4px solid yellow;
  text-align: center;
  font-size: 1.2em;
  z-index: 999;
}
/* Focusing the button with a keyboard will show a dashed black line. */
a:focus-visible {
  outline: 4px dashed red !important;
  padding: 5px !important;
}
h1:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
  padding: 5px !important;
}
h2:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
  padding: 5px !important;
}
h3:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
  padding: 5px !important;
}
h5:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
  padding: 5px !important;
}
button:focus-visible {
  outline: 4px dashed red !important;
  padding: 5px !important;
}
textarea:focus-visible,
input:focus-visible,
input[type="text"]:focus-visible,
input[type="submit"]:focus-visible,
.uneditable-input:focus-visible,
select:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
  padding: 5px !important;
}
.rs-layer *:not(.rs-wtbindex) a.button:focus {
  /*  outline: 4px dashed #c19c69 !important;*/
  outline: -webkit-focus-ring-color auto 1px !important;
  padding: 4px;
}

.ilightbox-title {
  display: none;
}
.ilightbox-thumbnails.ilightbox-horizontal .ilightbox-thumbnails-container {
  display: none;
}
#make1 {
  background: rgb(0, 0, 0, 0.5);
  padding-right: 10px;
  padding-left: 10px;
}
#make1 .ppb_title_first {
  color: #fff !important;
}

/*********** Easyjobs dynamic css started *************/
.easyjobs-frontend-wrapper.easyjobs-landing-page {
  background-color: #f5f7fd;
  width: 100%;
  max-width: 100%;
  padding-top: 50px;
  padding-right: 50px;
  padding-bottom: 50px;
  padding-left: 50px;
}

.easyjobs-frontend-wrapper.easyjobs-landing-page .ej-header,
.easyjobs-shortcode-wrapper.ej-template-classic .carrier__company,
.easyjobs-frontend-wrapper.easyjobs-landing-page .about__company {
  background-color: fff;
  padding-top: 50px;
  padding-right: 50px;
  padding-bottom: 50px;
  padding-left: 50px;
}

.easyjobs-landing-page .ej-header .ej-company-info .info .name {
  font-size: 24px;
}
.easyjobs-landing-page .ej-header .ej-company-info .info .location {
  font-size: 14px;
}

.easyjobs-landing-page .ej-header .ej-header-tools .ej-btn,
.easyjobs-shortcode-wrapper.ej-template-classic .carrier__company .button,
.easyjobs-shortcode-wrapper.ej-template-elegant .ej-company-info .ej-btn {
  font-size: 14px;
  color: #fff;
  background-color: #2fc1e1;
}
.easyjobs-landing-page .ej-header .ej-header-tools .ej-btn:hover,
.easyjobs-shortcode-wrapper.ej-template-classic .carrier__company .button:hover,
.easyjobs-shortcode-wrapper.ej-template-elegant .ej-company-info .ej-btn:hover {
  color: #fff;
  background-color: #1fb6d7;
}
.easyjobs-landing-page .ej-company-description,
.easyjobs-landing-page .ej-company-description p,
.easyjobs-landing-page .ej-company-description p span,
.easyjobs-landing-page .ej-company-description ul li,
.easyjobs-landing-page .ej-company-description a {
  font-size: 14px;
  color: #7d8091;
}
.easyjobs-landing-page
  .easyjobs-shortcode-wrapper
  .ej-job-list
  .ej-job-list-item
  .ej-job-list-item-inner
  .ej-job-list-item-col {
  padding-top: 25px;
  padding-right: 30px;
  padding-bottom: 25px;
  padding-left: 25px;
  border-color: #f5f7fd;
}
.easyjobs-landing-page
  .easyjobs-shortcode-wrapper
  .ej-job-list
  .ej-job-list-item
  .ej-job-list-item-inner
  .ej-job-list-item-col
  .ej-job-title {
  font-size: 24px;
}
.easyjobs-landing-page
  .easyjobs-shortcode-wrapper
  .ej-job-list
  .ej-job-list-item
  .ej-job-list-item-inner
  .ej-job-list-item-col
  .ej-job-title
  a {
  color: #212529;
}
.easyjobs-landing-page
  .easyjobs-shortcode-wrapper
  .ej-job-list
  .ej-job-list-item
  .ej-job-list-item-inner
  .ej-job-list-item-col
  .ej-job-title
  a:hover {
  color: #0056b3;
}
.easyjobs-landing-page
  .easyjobs-shortcode-wrapper
  .ej-job-list
  .ej-job-list-item
  .ej-job-list-item-inner
  .ej-job-list-item-col
  .ej-job-list-info
  .ej-job-list-info-block {
  font-size: 14px;
}
.easyjobs-landing-page
  .easyjobs-shortcode-wrapper
  .ej-job-list
  .ej-job-list-item
  .ej-job-list-item-inner
  .ej-job-list-item-col
  .ej-job-list-info
  .ej-job-list-info-block
  a {
  color: #0056b3;
}
.easyjobs-landing-page
  .easyjobs-shortcode-wrapper
  .ej-job-list
  .ej-job-list-item
  .ej-job-list-item-inner
  .ej-job-list-item-col
  .ej-job-list-info
  .ej-job-list-info-block {
  color: #7d8091;
}
.easyjobs-landing-page
  .easyjobs-shortcode-wrapper
  .ej-job-list
  .ej-job-list-item
  .ej-job-list-item-inner
  .ej-job-list-item-col
  .ej-deadline {
  font-size: 18px;
  color: #7d8091;
}
.easyjobs-landing-page
  .easyjobs-shortcode-wrapper
  .ej-job-list
  .ej-job-list-item
  .ej-job-list-item-inner
  .ej-job-list-item-col
  .ej-list-sub {
  font-size: 14px;
  color: #7d8091;
}

.easyjobs-landing-page
  .easyjobs-shortcode-wrapper
  .ej-job-list
  .ej-job-list-item
  .ej-job-list-item-inner
  .ej-job-list-item-col
  .ej-btn.ej-info-btn-light {
  font-size: 14px;
  color: #2fc1e1;
  background-color: rgba(47, 193, 225, 0.1);
}

.easyjobs-landing-page
  .easyjobs-shortcode-wrapper
  .ej-job-list
  .ej-job-list-item
  .ej-job-list-item-inner
  .ej-job-list-item-col
  .ej-btn.ej-info-btn-light:hover {
  color: #fff;
  background-color: #2fc1e1;
}

.easyjobs-landing-page .ej-section .ej-section-title .ej-section-title-text {
  color: #2f323e;
  font-size: 32px;
}
.easyjobs-landing-page .ej-section .ej-section-title .ej-section-title-icon {
  color: #597dfc;
  background-color: rgba(89, 125, 252, 0.1);
}
/* Details page */

.easyjobs-frontend-wrapper.easyjobs-single-page {
  background-color: #f5f7fd;
  width: 100%;
  max-width: 1400px;
  padding-top: 50px;
  padding-right: 50px;
  padding-bottom: 50px;
  padding-left: 50px;
}

.easyjobs-single-page
  .easyjobs-details
  .ej-job-header
  .ej-job-header-left
  .ej-job-overview,
.easyjobs-shortcode-wrapper.ej-template-classic .job__more__details {
  background-color: #fff;
  padding-top: 50px;
  padding-right: 50px;
  padding-bottom: 50px;
  padding-left: 50px;
}
.easyjobs-single-page .ej-company-info .info .name {
  font-size: 24px;
}

.easyjobs-single-page.ej-company-info .info .location {
  font-size: 14px;
}

.easyjobs-single-page
  .easyjobs-details
  .ej-job-header
  .ej-job-header-left
  .ej-job-overview
  .ej-job-highlights
  .ej-job-highlights-item,
.easyjobs-shortcode-wrapper.ej-template-classic
  .job__more__details
  .infos
  .info
  span,
.easyjobs-shortcode-wrapper.ej-template-classic
  .job__more__details
  .infos
  .info
  p,
.easyjobs-shortcode-wrapper.ej-template-classic
  .ej-container
  div.job__more__details
  > p {
  font-size: 16px;
}
.easyjobs-single-page
  .easyjobs-details
  .ej-job-header
  .ej-job-header-left
  .ej-job-overview
  .ej-job-highlights
  .ej-job-highlights-item
  .ej-job-highlights-item-label,
.easyjobs-shortcode-wrapper.ej-template-classic
  .job__more__details
  .infos
  .info
  p,
.easyjobs-shortcode-wrapper.ej-template-classic
  .ej-container
  div.job__more__details
  > p
  i,
.easyjobs-shortcode-wrapper.ej-template-classic
  .ej-container
  div.job__more__details
  > p
  span {
  color: #1c2238;
}
.easyjobs-single-page.easyjobs-details
  .ej-job-header
  .ej-job-header-left
  .ej-job-overview
  .ej-job-highlights
  .ej-job-highlights-item
  .ej-job-highlights-item-value,
.easyjobs-shortcode-wrapper.ej-template-classic
  .job__more__details
  .infos
  .info
  span,
.easyjobs-shortcode-wrapper.ej-template-classic
  .ej-container
  div.job__more__details
  > p {
  color: #7d8091;
}
.easyjobs-single-page .ej-apply-link .ej-btn.ej-info-btn,
.easyjobs-shortcode-wrapper.ej-template-classic .job__more__details > a.button,
.ej-template-elegant .ej-hero .job__infos__block .meta .button {
  font-size: 14px;
  background-color: #2fc1e1;
  color: #fff;
}
.easyjobs-single-page .ej-apply-link .ej-btn.ej-info-btn:hover,
.easyjobs-shortcode-wrapper.ej-template-classic
  .job__more__details
  > a.button:hover,
.ej-template-elegant .ej-hero .job__infos__block .meta .button:hover {
  background-color: #1fb6d7;
  color: #fff;
}
.easyjobs-single-page
  .easyjobs-details
  .ej-job-header
  .ej-job-header-left
  .ej-job-overview-footer
  .ej-social-share
  ul
  li
  a,
.easyjobs-frontend-wrapper
  .easyjobs-shortcode-wrapper
  .job__more__details
  .share__options
  ul
  li
  a {
  width: 40px;
  height: 40px;
}
.easyjobs-single-page
  .easyjobs-details
  .ej-job-header
  .ej-job-header-left
  .ej-job-overview-footer
  .ej-social-share
  ul
  li
  a
  svg {
  width: 18px;
  height: 18px;
}
.easyjobs-frontend-wrapper
  .easyjobs-shortcode-wrapper
  .job__more__details
  .share__options
  ul
  li
  a
  i {
  font-size: 18px;
  line-height: 40px;
}

.easyjobs-single-page .easyjobs-details .ej-content-block h1 {
  font-size: 32px;
}
.easyjobs-single-page .easyjobs-details .ej-content-block h2 {
  font-size: 28px;
}
.easyjobs-single-page .easyjobs-details .ej-content-block h3 {
  font-size: 24px;
}
.easyjobs-single-page .easyjobs-details .ej-content-block h4 {
  font-size: 21px;
}
.easyjobs-single-page .easyjobs-details .ej-content-block h5 {
  font-size: 18px;
}
.easyjobs-single-page .easyjobs-details .ej-content-block h6 {
  font-size: 16px;
}
.easyjobs-single-page .easyjobs-details .ej-content-block p,
.easyjobs-single-page .easyjobs-details .ej-content-block ul li,
.easyjobs-single-page .easyjobs-details .ej-content-block ol li,
.easyjobs-single-page .easyjobs-details .ej-label {
  font-size: 14px;
}
.easyjobs-single-page .ej-section .ej-section-title .ej-section-title-text {
  font-size: 32px;
}
/*Job filter css*/
.easyjobs-landing-page
  .easyjobs-shortcode-wrapper
  .ej-job-filter-wrap
  .ej-job-filter-form
  .ej-info-btn-light {
  font-size: 14px;
  color: #ff9635;
  background-color: rgba(255, 150, 53, 0.1);
}
.easyjobs-landing-page
  .easyjobs-shortcode-wrapper
  .ej-job-filter-wrap
  .ej-job-filter-form
  .ej-info-btn-light:hover {
  color: #ff9635;
  background-color: rgba(255, 150, 53, 0.1);
}
.easyjobs-landing-page
  .easyjobs-shortcode-wrapper
  .ej-job-filter-wrap
  .ej-job-filter-form
  .ej-danger-btn {
  font-size: 14px;
  color: #ff5f74;
  background-color: rgba(255, 95, 116, 0.1);
}
.easyjobs-landing-page
  .easyjobs-shortcode-wrapper
  .ej-job-filter-wrap
  .ej-job-filter-form
  .ej-danger-btn:hover {
  color: #ff5f74;
  background-color: rgba(255, 95, 116, 0.1);
}

body {
  font-family: "Berkeley";
  font-style: normal;
  font-weight: 300;
}

body.overflow_hidden,
html.overflow_hidden {
  overflow-y: visible;
}

.logo_wrapper.hidden {
  display: block !important;
}
.ppb_wrapper {
  overflow-x: visible;
}
@media screen and (max-height: 575px) {
  #rc-imageselect,
  .g-recaptcha {
    transform: scale(0.77);
    -webkit-transform: scale(0.77);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
  }
}
/*responsive menu*/
/* 
    ##Device = Desktops
    ##Screen = 1281px to higher resolution desktops
  */

@media (min-width: 1281px) {
  //CSS
}

/* 
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
  */

@media (min-width: 1025px) and (max-width: 1280px) {
  /**/
}

/* 
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
  */

@media (min-width: 768px) and (max-width: 1024px) {
  .above_top_bar .page_content_wrapper {
    margin: auto;
    width: 95%;
  }
  #menu_wrapper {
    margin: auto;
    width: 100%;
    height: 100%;
  }
  #nav_wrapper {
    display: block;
    margin-left: 0;
  }
  .menu_buttons_container {
    display: none;
    /*float: left;*/
    height: 100%;
    /*margin-left: 600px;*/
  }
  .logo_container {
    float: left;
    display: table;
    height: 100%;
    padding-left: 10px;
  }

  #menu_wrapper .nav ul li a,
  #menu_wrapper div .nav li > a {
    padding-right: 0px;
  }
}

/* 
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
  */

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .above_top_bar .page_content_wrapper {
    margin: auto;
    width: 95%;
  }
  #menu_wrapper {
    margin: auto;
    width: 100%;
    height: 100%;
  }
  #nav_wrapper {
    display: block;
    margin-left: 0;
  }
  .menu_buttons_container {
    display: none;
    /*float: left;*/
    height: 100%;
    /*margin-left: 600px;*/
  }
  #menu_wrapper .nav ul li a,
  #menu_wrapper div .nav li > a {
    padding-right: 0px;
  }
  .logo_container {
    float: left;
    display: table;
    height: 100%;
    padding-left: 10px;
  }
}

/* 
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
  */

@media (min-width: 481px) and (max-width: 767px) {
  .above_top_bar .page_content_wrapper {
    margin: auto;
    width: 95%;
  }
  #menu_wrapper {
    margin: auto;
    width: 100%;
    height: 100%;
  }
  #nav_wrapper {
    display: none;
  }
  .menu_buttons_container {
    display: table;
    /*float: left;*/
    height: 100%;
    /*margin-left: 600px;*/
  }
}

/* 
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */

@media (min-width: 320px) and (max-width: 480px) {
  .above_top_bar .page_content_wrapper {
    margin: auto;
    width: 95%;
  }
  #menu_wrapper {
    margin: auto;
    width: 100%;
    height: 100%;
  }
  #nav_wrapper {
    display: none;
  }
  .menu_buttons_container {
    display: table;
    /*float: left;*/
    height: 100%;
    /*margin-left: 600px;*/
  }
}
/*ends responsive menu*/
@media screen and (min-width: 769px) {
  .mypop {
    background: #000;
    border: 0px solid #cfa670;
    color: #fff;
    opacity: 1;
    cursor: pointer;
  }
  .mypop:hover {
    background: #cfa670;
    border: 0px solid #cfa670;
    color: #fff;
  }

  .mypop > a {
    color: #fff !important;
  }
  .mypop:hover > a {
    color: #fff !important;
  }
  /**/
  .mypop2 {
    background: #000;
    border: 0px solid #cfa670;
    color: #fff;
    opacity: 1;
  }
  .mypop2:hover {
    background: #cfa670;
    border: 0px solid #cfa670;
    color: #fff;
  }

  .mypop2 > a {
    color: #fff !important;
  }
  .mypop2:hover > a {
    color: #fff !important;
  }
  .nav > li.tg_reservation2 > a {
    background: transparent;
    border: solid 0px #222222;
    color: #fff !important;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
select {
  color: #000; /*#8e8e8e;*/
}
select option {
  color: black;
}
option:first-child {
  color: #000;
}
::-webkit-input-placeholder {
  /* Chrome */
  color: #000;
}
:-ms-input-placeholder {
  /* IE 10+ */
  color: #000;
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: #000;
  opacity: 1;
}
:-moz-placeholder {
  /* Firefox 4 - 18 */
  color: #000;
  opacity: 1;
}
.nf-form-fields-required {
  display: none;
}
#ninja_forms_required_items,
.nf-field-container {
  clear: both;
  position: relative;
  margin-bottom: -3px !important;
}
.nf-field-element input,
.nf-field-element select {
  margin: 0;
  width: auto;
  height: auto;
  vertical-align: inherit;
  border-bottom: none;
}
.nf-field-element input,
.nf-field-element textarea {
  padding-left: 15px;
}
h3.menu_post {
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  position: relative;
}
.widgettitle {
  background: #262626;
  font-family: "Berkeley";
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 15px;
  margin-bottom: 0px;
  color: #ffffff;
}
.post_info_cat {
  display: none;
}
.post_info_comment {
  display: none;
}
.menu_content_classic .menu_price.size {
  display: none;
}

.button5 {
  border: solid 2px #222222;
  color: #222222;
  outline: medium none;
  padding: 0.6em 1.7em !important;
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  text-transform: uppercase;
  background: transparent !important;
  transition: all 0.3s ease 0s;
  /*transition: color 0.2s linear 0s, background 0.1s linear 0s, opacity 0.2s linear 0s;*/
  font-family: "Berkeley";
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .nav > li.tg_reservation > a {
    background: transparent;
    border: solid 0px #222222;
    color: #fff !important;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .nav > li.tg_reservation > a:hover {
    color: #fff !important;
  }
}
.nav > li.button2 > a {
  background: transparent !important;
  border: solid 2px #222222;
  color: #222222 !important;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.nav > li.button2 > a:hover {
  color: #222222 !important;
}
#menu_wrapper .nav ul li a,
#menu_wrapper div .nav li > a,
#tg_reservation {
  color: #ffffff !important; /*222*/
}

.top_bar.hasbg .nav > li.tg_reservation > a {
  border: none !important; /*solid 2px #fff !important;*/
}

.top_bar.hasbg .nav > li.button2 > a {
  border: solid 2px #fff !important;
}
@media screen and (min-width: 801px) {
  .mobile_main_nav li a.sg-show-popup {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    font-family: "Berkeley" !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
    color: #777 !important;
    font-weight: 300 !important;
    margin-left: 0px !important;
  }
  .mobile_main_nav li a.sg-show-popup:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    font-family: "Berkeley";
    font-size: 18px !important;
    text-transform: uppercase !important;
    color: #fff !important;
    margin-left: 0px !important;
  }
}
.menu_content_classic .menu_highlight,
.menu_content_classic .menu_order {
  display: none;
}
#menu_wrapper div .nav li ul li a,
#menu_wrapper div .nav li.current-menu-item ul li a,
#menu_wrapper div .nav li ul li.current-menu-item a,
#menu_wrapper .nav ul li ul li a,
#menu_wrapper .nav ul li.current-menu-item ul li a,
#menu_wrapper .nav ul li ul li.current-menu-item a,
#menu_wrapper div .nav li.current-menu-parent ul li a,
#menu_wrapper div .nav li ul li.current-menu-parent a {
  color: #fff !important;
}

/* Added by dcom_rpc@msn.com  */
.request_callback .row div:nth-child(2) {
  margin-top: 0px !important;
}
@media screen and (min-width: 801px) {
  .mytagline {
    font-size: 28px;
    text-transform: uppercase;
    letter-spacing: -1px;
    font-weight: 300;
  }
}
@media screen and (max-width: 800px) {
  .mytagline {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: -1px;
    font-weight: 300;
  }
  #pdiningcol6-1 {
    width: 100% !important;
  }
  #pdiningcol6-2 {
    width: 100% !important;
  }
  #catercol6-1 {
    width: 100% !important;
  }
  #catercol6-2 {
    width: 100% !important;
  }
}
@media screen and (max-width: 800px) {
  .nodevice {
    display: none;
  }
  .device {
    display: block;
  }
  .mobile_main_nav li a.sg-show-popup {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    font-family: "Berkeley" !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
    color: #777 !important;
    /*margin-left:-20px !important;*/
    /*margin-top:-12px !important;*/
    font-weight: 300 !important;
    letter-spacing: normal !important;
  }
  .mobile_main_nav li a.sg-show-popup:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    font-family: "Berkeley" !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
    color: #fff !important;
    /*margin-left:-20px !important;*/
    /*margin-top:-12px !important;*/
    font-weight: 300 !important;
    letter-spacing: normal !important;
  }
}
@media screen and (min-width: 801px) {
  .nodevice {
    display: block;
  }
  .device {
    display: none;
  }
}
#about_the_author {
  display: none;
}
.button23 {
  border: solid 2px #222222;
  color: #fff;
  outline: medium none;
  padding: 0.6em 1.7em !important;
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  text-transform: uppercase;
  background: #222;
  transition: all 0.3s ease 0s;
  /* transition: color 0.2s linear 0s, background 0.1s linear 0s, opacity 0.2s linear 0s; */
  font-family: "Berkeley";
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  cursor: pointer;
}
.top_bar {
  margin-top: -5px !important;
}
@media screen and (max-width: 1024px) {
  .button23 {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    margin-left: -20px;
  }
}
.nf-response-msg {
  float: left !important;
}
.nf-field-element textarea {
  height: 100px !important;
}
@media screen and (max-width: 768px) {
  #footer_menu {
    float: right;
    display: block;
    list-style: none;
    text-align: center !important;
    width: 100%;
    padding: 0 10px !important;
  }
  .footer_bar_wrapper {
    padding: 20px 0px 0px !important;
  }
  #footer_menu li {
    display: inline-block;
    margin-right: 0px;
    margin-left: 10px !important;
  }
  .footerdevice {
    width: 100%;
    display: block;
    color: #fff;
    margin: 0 auto;
    text-align: center;
  }
  .footerdevice a {
    color: #fff !important;
  }
  #copyright {
    text-align: center !important;
    width: 100%;
  }
  #footer ul.sidebar_widget {
    width: 100% !important;
  }
  .standard_wrapper {
    width: 100% !important;
    margin: auto;
  }
  div#footer {
    padding-left: 10px;
    font-size: 12px;
    padding-right: 10px;
  }
}
@media screen and (min-width: 769px) {
  .footer_bar_wrapper {
    padding: 20px 40px 0px !important;
  }
}
.button {
  background: #222;
  color: #fff;
  letter-spacing: 2px;
  font-weight: 600;
  border-color: rgb(34, 34, 34);
  border-style: solid;
  border-width: 2px;
  margin: 10px 5px 0px 0px;
  border-radius: 0px;
  padding: 6px 13px 4px;
}
.rs-layer a {
  text-align: center !important;
}
.rs-layer span {
  text-align: center !important;
}
.rs-layer div {
  text-align: center !important;
}
.rs-layer .button {
  text-align: center !important;
}
.rs-layer a .button {
  text-align: center !important;
}
@media screen and (min-width: 769px) {
  .button {
    margin-top: 10px;
    width: 150px;
    text-align: center !important; /*font-size:8px !important;*/
  }
  .rs-layer .button {
    text-align: center !important;
    /*font-size:8px !important;*/
  }
  .divbuttons {
    display: flex;
  }
}
@media screen and (max-width: 768px) {
  .button {
    display: block;
    margin-top: 20px;
    width: 100%;
    text-align: center !important;
    font-size: 16px;
  }
  .divbuttons {
    display: block;
  }
  .rs-layer .button {
    text-align: center !important;
    font-size: 12px !important;
  }
}
.instagram_gallery {
  width: 200px;
}
#tg_reservation {
  color: #fff !important;
}

@font-face {
  font-family: "Berkeley";
  src: url("../webfonts/Berkeley.eot");
  src: url("../webfonts/Berkeleyd41d.eot?#iefix") format("embedded-opentype"),
    url("../webfonts/Berkeley.woff2") format("woff2"),
    url("../webfonts/Berkeley.woff") format("woff"),
    url("../webfonts/Berkeley.ttf") format("truetype"),
    url("../webfonts/Berkeley.svg#Berkeley") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Pepita";
  src: url("../webfonts/Pepitad41d.eot?#iefix") format("embedded-opentype"),
    url("../webfonts/Pepita.woff") format("woff"),
    url("../webfonts/Pepita.ttf") format("truetype"),
    url("../webfonts/Pepita.svg#Pepita") format("svg");
  font-weight: normal;
  font-style: normal;
}

body,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
textarea {
  font-family: "Berkeley" !important;
}
select {
  font-family: "Berkeley" !important;
}
#nf-field-9 {
  padding-left: 15px !important;
}
#nf-field-10 {
  padding-left: 15px !important;
}
#nf-field-11 {
  padding-left: 15px !important;
}

div,
object,
iframe,
p,
blockquote,
pre {
  font-family: "Berkeley" !important;
  font-size: 18px;
}

#page_content_wrapper p,
.page_content_wrapper p {
  font-family: "Berkeley" !important;
  font-size: 18px;
}
.ppb_subtitle {
  margin: 10px 0 20px 0;
  font-size: 18px;
  color: #777;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 600;
}
.post_detail.menu_excerpt {
  text-transform: none;
  letter-spacing: 0;
  font-size: 12px;
  width: auto;
  float: left;
  margin-top: 0;
  font-weight: normal;
  margin-bottom: 0;
}
.menu_content_classic .menu_title {
  position: relative;
  z-index: 2;
  font-size: 15px;
  background: #fff;
  top: -5px;
}

h1,
h2,
h3,
h4,
h5,
h6,
h7,
input[type="submit"],
input[type="button"],
a.button,
.button,
blockquote,
#autocomplete li strong,
#autocomplete li.view_all,
.post_quote_title,
label,
.portfolio_filter_dropdown,
.woocommerce .woocommerce-ordering select,
.woocommerce .woocommerce-result-count,
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.add_to_cart_button.loading,
.woocommerce-page ul.products li.product a.add_to_cart_button.loading,
.woocommerce ul.products li.product a.add_to_cart_button:hover,
.woocommerce-page ul.products li.product a.add_to_cart_button:hover,
.woocommerce #page_content_wrapper a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce #content input.button,
.woocommerce-page #page_content_wrapper a.button,
.woocommerce-page button.button,
.woocommerce-page input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page #content input.button,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover,
.woocommerce-page input.button:active,
.woocommerce #page_content_wrapper a.button,
.woocommerce-page #page_content_wrapper a.button,
.woocommerce.columns-4 ul.products li.product a.add_to_cart_button,
.woocommerce.columns-4 ul.products li.product a.add_to_cart_button:hover,
strong[itemprop="author"],
#footer_before_widget_text {
  font-family: "Berkeley" !important;
}

input[type="submit"],
input[type="button"],
a.button,
.button,
.woocommerce .page_slider a.button,
a.button.fullwidth,
.woocommerce-page div.product form.cart .button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  font-family: "Berkeley" !important;
  font-size: 14px;
}

#menu_wrapper .nav ul li a,
#menu_wrapper div .nav li > a {
  font-family: "Berkeley" !important;
  font-size: 14px;
}

.mobile_main_nav li a,
#sub_menu li a {
  font-family: "Berkeley" !important;
}

#page_content_wrapper .sidebar .content .sidebar_widget li h2.widgettitle,
h2.widgettitle,
h5.widgettitle,
h5.related_post,
.fullwidth_comment_wrapper h5.comment_header,
.author_label,
#respond h3,
.about_author,
.related.products h2,
.cart_totals h2,
.shipping_calcuLator h2,
.upsells.products h2,
.cross-sells h2 {
  font-family: "Berkeley" !important;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.post_header:not(.single) h5,
body.single-post .post_header_title h1,
#post_featured_slider li .slider_image .slide_post h2,
#autocomplete li strong,
.post_related strong,
#footer ul.sidebar_widget .posts.blog li a,
body.single-post #page_caption h1 {
  font-family: "Berkeley" !important;
  text-transform: none;
  font-weight: 600;
  letter-spacing: 0px;
}
#copyright,
#footer_menu li a {
  font-size: 15px;
  margin-top: 3px;
}
h2.ppb_title {
  font-family: "Pepita" !important;
  font-size: 60px;
  text-transform: none; /*uppercase;*/
}
.ppb_title_first {
  font-family: "Pepita" !important;
  font-size: 50px;
  line-height: 50px;
  color: #cfa670;
}
#footer p {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  font-size: 16px;
}
#menu_wrapper div .nav li > a {
  font-size: 11px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.ppb_subtitle {
  color: #000 !important;
}
.ppb_title_first {
  color: #000 !important;
}
.readmore {
  color: #000 !important;
}
.hidden {
  display: none !important;
}
.above_top_bar {
  /*background: #000 !important;*/
  background: rgba(207, 166, 112, 0.9) !important;
}
@media only screen and (min-width: 769px) {
  .mobile_menu_wrapper {
    display: none;
  }
}
.extend_top_contact_info.top_contact_info {
  float: left;
}
.aria-invisible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

#form_whiteroom .frm_combo_inputs_container,
.frm_grid_container,
.frm_form_fields .frm_section_heading,
.frm_form_fields .frm_fields_container {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-auto-rows: max-content;
  grid-gap: 0;
}

#field_dcjnz2 {
  border-left: none;
}

@media screen and (max-width: 768px) {
  #hide23 {
    display: none;
  }
  #hide2325 {
    display: block;
    margin-bottom: -50px;
  }
}
@media screen and (min-width: 769px) {
  #hide23 {
    display: block;
  }
  #hide2325 {
    display: none;
  }
}

.contact-icon {
  border: 2px solid;
  border-radius: 50%;
  color: #d20504;
  font-size: 40px;
  height: 80px;
  margin: auto auto 20px;
  padding-top: 15px;
  width: 80px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.single-contact-widget:hover .contact-icon {
  background: #d20504 none repeat scroll 0 0;
  border-color: #d20504;
  color: #fff;
}

.single-contact-widget a {
  display: block;
}

.contact-form input,
.contact-form textarea {
  border: 1px solid;
  border-radius: 0;
  box-shadow: 0 0 0 0;
  font-style: italic;
  letter-spacing: 1px;
  margin-bottom: 30px;
  max-height: 130px;
  min-height: 45px;
  padding: 10px;
  width: 100%;
}

.contact-form input:focus,
.contact-form textarea:focus {
  border-color: #d20504;
  box-shadow: 0 0 0 0;
}

.contact-form button {
  background: transparent none repeat scroll 0 0;
  border: 1px solid;
  color: #d20504;
  letter-spacing: 2px;
  margin-left: 15px;
  padding: 10px 20px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.contact-form button:hover {
  background: #d20504 none repeat scroll 0 0;
  border-color: #d20504;
  color: #fff;
}
