/* -----------------------------------------------------------------------------

TABLE OF CONTENTS

1.) General
2.) Components
3.) Header
4.) Main Slider
5.) Core
6.) Sidebar
7.) Bottom Panel
8.) Footer
9.) Other
10.) Responsive

----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------

  1.) GENERAL

----------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------
COLORS
-------------------------------------------------------------------------- */
.background-gray-light {
  background-color: #eeeeee; }
  .background-orange{
background-color: #F16521;
}
  .text-orange{
color: #F16521;
}
  /* -------------------------------------------------------------------------
  MIXINS
  -------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------
  DEFAULTS
  ------------------------------------------------------------------------- */
  body {
  color: #585858;
  background-color: #FFF; }
  
  a, a:hover, a:active, a:focus {
  color: #F16521; }
  
  a:hover {
  border-color: #F16521; }
  
  /* -------------------------------------------------------------------------
        VARIOUS CONTENT / TYPOGRAPHY
  ------------------------------------------------------------------------- */
  .various-content h2 {
  color: #3f3f3f; }
  .various-content h2:before {
    background-color: #F16521; }
  .various-content h3, .various-content h4, .various-content h5, .various-content h6 {
  color: #3f3f3f; }
  .various-content ul > li:before {
  background-color: #3f3f3f; }
  .various-content ul > li > ul > li:before {
  background-color: #d0d0d0; }
  .various-content table th {
  color: #3f3f3f; }
  /*.various-content table tbody tr:nth-child(odd) td {
  background-color: #eeeeee; }*/
  
  .heading-2 {
  color: #3f3f3f; }
  .heading-2:before {
    background-color: #F16521; }
  
  .heading-3 {
  color: #3f3f3f; }
  
  .service-box .service-inner {
  position: relative;
  padding: 0 0 0 170px;
  min-height: 158px;
  border: 1px solid transparent;
  border-width: 1px 0; }
  @media (max-width: 480px) {
    .service-box .service-inner {
      padding: 0; } }
  .service-box .service-img {
  position: absolute;
  top: 24px;
  left: 0;
  padding: 5px;
  width: 150px;
  height: 150px;
  border-radius: 50%; }
  @media (max-width: 480px) {
    .service-box .service-img {
      position: relative;
      margin: 0 auto 20px auto; } }
  .service-box .service-img > span {
  display: block;
  padding-bottom: 100%;
  width: 140px;
  height: 0;
  border-radius: 50%;
  overflow: hidden; }
  .service-box .service-name {
  margin: 6px 0 12px 0;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: bold;
  text-transform: uppercase; }
  .service-box .service-description > * {
  margin: 12px 0 0 0; }
  .service-box .service-description > *:first-child {
  margin-top: 0; }
  
  /* -------------------------------------------------------------------------
  FORMS
  ------------------------------------------------------------------------- */
  .default-form label {
  color: #3f3f3f; }
  .default-form label > span {
  color: #F16521; }
  .default-form input, .default-form textarea, .default-form select, .default-form .selectbox-input .toggle {
  color: #585858;
  background-color: #eeeeee; }
  .default-form input.m-type-2, .default-form textarea.m-type-2, .default-form select.m-type-2 {
  border-color: #e1e1e1;
  background-color: transparent; }
  .default-form input.m-error, .default-form textarea.m-error, .default-form select.m-error {
  background-color: #ffdfe0; }
  .default-form .datepicker-input > i {
  color: #F16521; }
  .default-form .checkbox-input label {
  color: #585858; }
  .default-form .checkbox-input label:before {
  color: #d0d0d0; }
  .default-form .checkbox-input.m-checked label:before {
  color: #F16521; }
  .default-form .selectbox-input .toggle:after {
  color: #F16521; }
  .default-form .selectbox-input .fake-selectbox {
  background-color: #eeeeee;
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1); }
  .default-form .selectbox-input .fake-selectbox > li:hover {
  color: #FFF;
  background-color: #F16521; }
  .default-form .selectbox-input.m-type-2 .toggle {
  border-color: #d0d0d0;
  background-color: #FFF; }
  .default-form .selectbox-input.m-type-2 .fake-selectbox {
  border-color: #d0d0d0;
  background-color: #FFF; }
  .default-form .quantity-input .plus,
  .default-form .quantity-input .minus {
  color: #FFF;
  background-color: #F16521; }
  .default-form .quantity-input .plus:hover,
  .default-form .quantity-input .minus:hover {
  -moz-box-shadow: inset 0 0 0 10px rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: inset 0 0 0 10px rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 0 0 10px rgba(255, 255, 255, 0.2); }
  .default-form .form-note {
  border-color: #e1e1e1; }
  .default-form .form-note span {
  color: #F16521; }
  
  /* -------------------------------------------------------------------------
  UTILITY CLASSES
  ------------------------------------------------------------------------- */
  .lead {
  color: #3f3f3f; }
  
  /* -----------------------------------------------------------------------------
  
    2.) COMPONENTS
  
  ----------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------
  ACCORDION
  ------------------------------------------------------------------------- */
  .various-content .c-accordion > li,
  .c-accordion > li {
  border-color: #e1e1e1; }
  .various-content .c-accordion .accordion-title,
  .c-accordion .accordion-title {
  color: #3f3f3f; }
  .various-content .c-accordion .accordion-title:before,
  .c-accordion .accordion-title:before {
  color: #F16521; }
  .various-content .c-accordion .accordion-price,
  .c-accordion .accordion-price {
  color: #F16521; }
  .various-content .c-accordion .accordion-price .sale-price,
  .c-accordion .accordion-price .sale-price {
  color: #F16521; }
  .various-content .c-accordion .accordion-price .strikethrough,
  .c-accordion .accordion-price .strikethrough {
  color: #585858; }
  
  .various-content .c-accordion.m-radio-group .accordion-title:before,
  .c-accordion.m-radio-group .accordion-title:before {
  color: #d0d0d0; }
  .various-content .c-accordion.m-radio-group > li.m-active .accordion-title:before,
  .c-accordion.m-radio-group > li.m-active .accordion-title:before {
  color: #F16521; }
  
  /* -------------------------------------------------------------------------
  ALERT MESSAGES
  ------------------------------------------------------------------------- */
  .c-alert-message.m-warning {
  color: #d40041;
  background-color: #ffdfe0; }
  
  .c-alert-message.m-success {
  color: #499143;
  background-color: #d4fbd3; }
  
  .c-alert-message.m-info {
  color: #265e88;
  background-color: #e1edf9; }
  
  .c-alert-message.m-notification {
  color: #c88435;
  background-color: #fff4cf; }
  
  /* -------------------------------------------------------------------------
  ARTICLE
  ------------------------------------------------------------------------- */
  .c-article .article-image a:before {
  background-color: #F16521;
  background-color: rgba(241, 101, 33, 0.5);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(241, 101, 33, 0.6)), to(transparent));
  background-image: -webkit-linear-gradient(top, rgba(241, 101, 33, 0.6), transparent);
  background-image: -moz-linear-gradient(top, rgba(241, 101, 33, 0.6), transparent);
  background-image: -o-linear-gradient(top, rgba(241, 101, 33, 0.6), transparent);
  background-image: linear-gradient(to bottom, rgba(241, 101, 33, 0.6), transparent); }
  .c-article .article-image a:after {
  color: #FFF; }
  
  /* -------------------------------------------------------------------------
  BUTTONS
  ------------------------------------------------------------------------- */
  .c-button {
  color: #FFF;
  background-color: #F16521;
   }
  .c-button:hover {
    background-color: #cb571e;
    color: #FFF;
    -moz-box-shadow:  0 0 30px 0 rgba(241, 101, 33, 0.35);
    -webkit-box-shadow: 0 0 30px 0 rgba(241, 101, 33, 0.35);
    box-shadow:  0 0 30px 0 rgba(241, 101, 33, 0.35); }
  .c-button:active {
    color: #FFF;
    -moz-box-shadow: inset 0 0 30px 0 rgba(241, 101, 33, 0.65);
    -webkit-box-shadow: inset 0 0 30px 0 rgba(241, 101, 33, 0.65);
    box-shadow: inset 0 0 30px 0 rgba(241, 101, 33, 0.65); }
  .c-button.m-color-2 {
    background-color: #F16521;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(241, 101, 33, 0.2)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(241, 101, 33, 0.2), transparent);
    background-image: -moz-linear-gradient(top, rgba(241, 101, 33, 0.2), transparent);
    background-image: -o-linear-gradient(top, rgba(241, 101, 33, 0.2), transparent);
    background-image: linear-gradient(to bottom, rgba(241, 101, 33, 0.2), transparent); }
  .c-button.m-color-2:hover {
    -moz-box-shadow: inset 0 0 30px 0 rgba(241, 101, 33, 0.35);
    -webkit-box-shadow: inset 0 0 30px 0 rgba(241, 101, 33, 0.35);
    box-shadow: inset 0 0 30px 0 rgba(241, 101, 33, 0.35); }
  .c-button.m-color-2:active {
    -moz-box-shadow: inset 0 0 30px 0 rgba(241, 101, 33, 0.65);
    -webkit-box-shadow: inset 0 0 30px 0 rgba(241, 101, 33, 0.65);
    box-shadow: inset 0 0 30px 0 rgba(241, 101, 33, 0.65); }
  .c-button.m-color-3 {
    background-color: #513834;}
  .c-button.m-color-3:hover {
        background-color: #F16521;
    -moz-box-shadow: 0 0 30px 0 rgba(255, 255, 255, 0.25);
    -webkit-box-shadow: 0 0 30px 0 rgba(255, 255, 255, 0.25);
    box-shadow:0 0 30px 0 rgba(255, 255, 255, 0.25); }
  .c-button.m-color-3:active {
    -moz-box-shadow: inset 0 0 30px 0 rgba(255, 255, 255, 0.55);
    -webkit-box-shadow: inset 0 0 30px 0 rgba(255, 255, 255, 0.55);
    box-shadow: inset 0 0 30px 0 rgba(255, 255, 255, 0.55); }
  .c-button.m-type-2 {
    color: #F16521;
    border-color: #F16521;
    background-color: transparent;
    background-image: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .c-button.m-type-2:hover {
    border-color: rgba(241, 101, 33, 0.4);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .c-button.m-type-2:active {
    border-color: rgba(241, 101, 33, 0.2);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .c-button.m-type-2.m-color-2 {
    color: #F16521;
    border-color: #F16521; }
  .c-button.m-type-2.m-color-2:hover {
    border-color: rgba(241, 101, 33, 0.4);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .c-button.m-type-2.m-color-2:active {
    border-color: rgba(241, 101, 33, 0.2);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .c-button.m-type-2.m-color-3 {
    color: #3f3f3f;
    border-color: #3f3f3f; }
  .c-button.m-type-2.m-color-3:hover {
    border-color: rgba(63, 63, 63, 0.4);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .c-button.m-type-2.m-color-3:active {
    border-color: rgba(63, 63, 63, 0.2);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  
  /* -------------------------------------------------------------------------
  CTA MESSAGE
  ------------------------------------------------------------------------- */
  .c-cta-message {
  background-color: #eeeeee; }
  .c-cta-message.is_stuck {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background-color: #412521;
    color: #ffffff;
    z-index: 1000; }
    .c-cta-message.is_stuck h2 {
      color: #F16521; }
  
  /* -------------------------------------------------------------------------
  DIVIDER
  ------------------------------------------------------------------------- */
  .c-divider {
  border-color: #e1e1e1; }
  
  .c-divider.m-transparent {
  border-color: transparent; }
  
  /* -------------------------------------------------------------------------
  GALLERY
  ------------------------------------------------------------------------- */
  .c-gallery .thumb a:before {
  background-color: #F16521;
  background-color: rgba(241, 101, 33, 0.5);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(241, 101, 33, 0.6)), to(transparent));
  background-image: -webkit-linear-gradient(top, rgba(241, 101, 33, 0.6), transparent);
  background-image: -moz-linear-gradient(top, rgba(241, 101, 33, 0.6), transparent);
  background-image: -o-linear-gradient(top, rgba(241, 101, 33, 0.6), transparent);
  background-image: linear-gradient(to bottom, rgba(241, 101, 33, 0.6), transparent); }
  .c-gallery .thumb a:after {
  color: #FFF; }
  .c-gallery .owl-controls .owl-page {
  border-color: #F16521; }
  .c-gallery .owl-controls .owl-page.active,
  .c-gallery .owl-controls .owl-page:hover {
  background-color: #F16521; }
  
  /* -------------------------------------------------------------------------
  ICON BLOCK
  ------------------------------------------------------------------------- */
  .c-icon-block > .ico {
  color: #F16521; }
  
  /* -------------------------------------------------------------------------
  LOADING ANIM
  ------------------------------------------------------------------------- */
  .c-loading-anim {
  background-color: #d0d0d0; }
  .c-loading-anim > span {
    background-image: url("../../img/loader_2x.gif");
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/loader_2x.gif', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/loader_2x.gif', sizingMethod='scale')"; }
  
  /* -------------------------------------------------------------------------
  MODAL
  ------------------------------------------------------------------------- */
  .c-modal {
  background-color: rgba(241, 101, 33, 0.5);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(241, 101, 33, 0.5)), to(transparent));
  background-image: -webkit-linear-gradient(top, rgba(241, 101, 33, 0.5), transparent);
  background-image: -moz-linear-gradient(top, rgba(241, 101, 33, 0.5), transparent);
  background-image: -o-linear-gradient(top, rgba(241, 101, 33, 0.5), transparent);
  background-image: linear-gradient(to bottom, rgba(241, 101, 33, 0.5), transparent); }
  .c-modal .modal-loading .c-loading-anim {
    border-color: #FFF;
    border-color: rgba(255, 255, 255, 0.2);
    background-color: transparent; }
  .c-modal .modal-box {
    background-color: #FFF; }
  .c-modal .modal-close {
    color: #FFF;
    background-color: #F16521; }
  .c-modal .modal-close:hover {
    -moz-box-shadow: inset 0 0 10px 0 rgba(241, 101, 33, 0.35);
    -webkit-box-shadow: inset 0 0 10px 0 rgba(241, 101, 33, 0.35);
    box-shadow: inset 0 0 10px 0 rgba(241, 101, 33, 0.35); }
  .c-modal .modal-close:active {
    -moz-box-shadow: inset 0 0 10px 0 rgba(241, 101, 33, 0.65);
    -webkit-box-shadow: inset 0 0 10px 0 rgba(241, 101, 33, 0.65);
    box-shadow: inset 0 0 10px 0 rgba(241, 101, 33, 0.65); }
  
  /* -------------------------------------------------------------------------
  PAGINATION
  ------------------------------------------------------------------------- */
  .c-pagination > li > a {
  color: #585858;
  border-color: #e1e1e1; }
  
  .c-pagination > li.m-active > a {
  color: #FFF;
  background-color: #F16521;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(241, 101, 33, 0.2)), to(transparent));
  background-image: -webkit-linear-gradient(top, rgba(241, 101, 33, 0.2), transparent);
  background-image: -moz-linear-gradient(top, rgba(241, 101, 33, 0.2), transparent);
  background-image: -o-linear-gradient(top, rgba(241, 101, 33, 0.2), transparent);
  background-image: linear-gradient(to bottom, rgba(241, 101, 33, 0.2), transparent); }
  
  .c-pagination > li > a:hover {
  border-color: #d0d0d0; }
  
  /* -------------------------------------------------------------------------
  PRICING TABLE
  ------------------------------------------------------------------------- */
  .various-content .c-pricing-table,
  .c-pricing-table {
  border-color: #e1e1e1; }
  .various-content .c-pricing-table .table-header,
  .c-pricing-table .table-header {
    border-color: #e1e1e1; }
  .various-content .c-pricing-table .table-price,
  .c-pricing-table .table-price {
    color: #F16521; }
  .various-content .c-pricing-table .table-price > span,
  .c-pricing-table .table-price > span {
    color: #3f3f3f; }
  .various-content .c-pricing-table .table-content,
  .c-pricing-table .table-content {
    border-color: #FFF;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.05) 0%), to(transparent 50%));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, transparent 50%);
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, transparent 50%);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, transparent 50%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, transparent 50%); }
  
  /* -------------------------------------------------------------------------
  PROGRESS BAR
  ------------------------------------------------------------------------- */
  .c-progress-bar {
  border-color: #eeeeee;
  background-color: #eeeeee; }
  
  .c-progress-bar > span {
  background-color: #F16521;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(241, 101, 33, 0.5)), to(transparent));
  background-image: -webkit-linear-gradient(left, rgba(241, 101, 33, 0.5), transparent);
  background-image: -moz-linear-gradient(left, rgba(241, 101, 33, 0.5), transparent);
  background-image: -o-linear-gradient(left, rgba(241, 101, 33, 0.5), transparent);
  background-image: linear-gradient(to right, rgba(241, 101, 33, 0.5), transparent); }
  
  .c-progress-bar.m-color-2 > span {
  background-color: #F16521;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(241, 101, 33, 0.5)), to(transparent));
  background-image: -webkit-linear-gradient(left, rgba(241, 101, 33, 0.5), transparent);
  background-image: -moz-linear-gradient(left, rgba(241, 101, 33, 0.5), transparent);
  background-image: -o-linear-gradient(left, rgba(241, 101, 33, 0.5), transparent);
  background-image: linear-gradient(to right, rgba(241, 101, 33, 0.5), transparent); }
  
  .c-progress-bar.m-color-3 > span {
  background-color: #3f3f3f;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.3)), to(transparent));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.3), transparent);
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.3), transparent);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.3), transparent);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.3), transparent); }
  
  /* -------------------------------------------------------------------------
  SEARCH FORM
  ------------------------------------------------------------------------- */
  .c-search-form .form-fields {
  border-color: #e1e1e1; }
  .c-search-form input {
  color: #3f3f3f; }
  
  /* -------------------------------------------------------------------------
  SERVICE
  ------------------------------------------------------------------------- */
  .c-service .service-image a:before {
  background-color: #F16521;
  background-color: rgba(241, 101, 33, 0.5);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(241, 101, 33, 0.6)), to(transparent));
  background-image: -webkit-linear-gradient(top, rgba(241, 101, 33, 0.6), transparent);
  background-image: -moz-linear-gradient(top, rgba(241, 101, 33, 0.6), transparent);
  background-image: -o-linear-gradient(top, rgba(241, 101, 33, 0.6), transparent);
  background-image: linear-gradient(to bottom, rgba(241, 101, 33, 0.6), transparent); }
  .c-service .service-image a:after {
  color: #FFF; }
  .c-service .service-title a {
  border-color: #e1e1e1; }
  .c-service .service-title a:hover {
  border-color: #F16521; }
  
  /* -------------------------------------------------------------------------
  SERVICE LIST
  ------------------------------------------------------------------------- */
  .c-service-list .owl-controls .owl-page {
  border-color: #F16521; }
  .c-service-list .owl-controls .owl-page.active,
  .c-service-list .owl-controls .owl-page:hover {
  background-color: #F16521; }
  
  /* -------------------------------------------------------------------------
  TABS
  ------------------------------------------------------------------------- */
  .c-tabs {
  border-color: #e1e1e1; }
  .c-tabs .tab-list > li {
    color: #3f3f3f;
    border-color: #e1e1e1;
    background-color: #fff; }
  .c-tabs .tab-list > li:hover {
    border-color: #d0d0d0; }
  .c-tabs .tab-list > li.m-active {
    color: #FFF;
    border-color: #F16521;
    background-color: #F16521;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(241, 101, 33, 0.2)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(241, 101, 33, 0.2), transparent);
    background-image: -moz-linear-gradient(top, rgba(241, 101, 33, 0.2), transparent);
    background-image: -o-linear-gradient(top, rgba(241, 101, 33, 0.2), transparent);
    background-image: linear-gradient(to bottom, rgba(241, 101, 33, 0.2), transparent); }
  
  /* -------------------------------------------------------------------------
  TEAM MEMBER
  ------------------------------------------------------------------------- */

  /* -----------------------------------------------------------------------------

TABLE OF CONTENTS

1.) General
2.) Components
3.) Header
4.) Main Slider
5.) Core
6.) Sidebar
7.) Bottom Panel
8.) Footer
9.) Other
10.) Responsive

----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------

  1.) GENERAL

----------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------
COLORS
-------------------------------------------------------------------------- */
.background-gray-light {
  background-color: #eeeeee; }
  
  /* -------------------------------------------------------------------------
  MIXINS
  -------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------
  DEFAULTS
  ------------------------------------------------------------------------- */
  body {
  color: #585858;
  background-color: #FFF; }
  
  a, a:hover, a:active, a:focus {
  color: #F16521; }
  
  a:hover {
  border-color: #F16521; }
  
  /* -------------------------------------------------------------------------
        VARIOUS CONTENT / TYPOGRAPHY
  ------------------------------------------------------------------------- */
  .various-content h2 {
  color: #3f3f3f; }
  .various-content h2:before {
    background-color: #F16521; }
  .various-content h3, .various-content h4, .various-content h5, .various-content h6 {
  color: #3f3f3f; }
  .various-content ul > li:before {
  background-color: #3f3f3f; }
  .various-content ul > li > ul > li:before {
  background-color: #d0d0d0; }
  .various-content table th {
  color: #3f3f3f; }
  /*.various-content table tbody tr:nth-child(odd) td {
  background-color: #eeeeee; }*/
  
  .heading-2 {
  color: #3f3f3f; }
  .heading-2:before {
    background-color: #F16521; }
  
  .heading-3 {
  color: #3f3f3f; }
  
  .service-box .service-inner {
  position: relative;
  padding: 0 0 0 170px;
  min-height: 158px;
  border: 1px solid transparent;
  border-width: 1px 0; }
  @media (max-width: 480px) {
    .service-box .service-inner {
      padding: 0; } }
  .service-box .service-img {
  position: absolute;
  top: 24px;
  left: 0;
  padding: 5px;
  width: 150px;
  height: 150px;
  border-radius: 50%; }
  @media (max-width: 480px) {
    .service-box .service-img {
      position: relative;
      margin: 0 auto 20px auto; } }
  .service-box .service-img > span {
  display: block;
  padding-bottom: 100%;
  width: 140px;
  height: 0;
  border-radius: 50%;
  overflow: hidden; }
  .service-box .service-name {
  margin: 6px 0 12px 0;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: bold;
  text-transform: uppercase; }
  .service-box .service-description > * {
  margin: 12px 0 0 0; }
  .service-box .service-description > *:first-child {
  margin-top: 0; }
  
  /* -------------------------------------------------------------------------
  FORMS
  ------------------------------------------------------------------------- */
  .default-form label {
  color: #3f3f3f; }
  .default-form label > span {
  color: #F16521; }
  .default-form input, .default-form textarea, .default-form select, .default-form .selectbox-input .toggle {
  color: #585858;
  background-color: #eeeeee; }
  .default-form input.m-type-2, .default-form textarea.m-type-2, .default-form select.m-type-2 {
  border-color: #e1e1e1;
  background-color: transparent; }
  .default-form input.m-error, .default-form textarea.m-error, .default-form select.m-error {
  background-color: #ffdfe0; }
  .default-form .datepicker-input > i {
  color: #F16521; }
  .default-form .checkbox-input label {
  color: #585858; }
  .default-form .checkbox-input label:before {
  color: #d0d0d0; }
  .default-form .checkbox-input.m-checked label:before {
  color: #F16521; }
  .default-form .selectbox-input .toggle:after {
  color: #F16521; }
  .default-form .selectbox-input .fake-selectbox {
  background-color: #eeeeee;
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1); }
  .default-form .selectbox-input .fake-selectbox > li:hover {
  color: #FFF;
  background-color: #F16521; }
  .default-form .selectbox-input.m-type-2 .toggle {
  border-color: #d0d0d0;
  background-color: #FFF; }
  .default-form .selectbox-input.m-type-2 .fake-selectbox {
  border-color: #d0d0d0;
  background-color: #FFF; }
  .default-form .quantity-input .plus,
  .default-form .quantity-input .minus {
  color: #FFF;
  background-color: #F16521; }
  .default-form .quantity-input .plus:hover,
  .default-form .quantity-input .minus:hover {
  -moz-box-shadow: inset 0 0 0 10px rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: inset 0 0 0 10px rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 0 0 10px rgba(255, 255, 255, 0.2); }
  .default-form .form-note {
  border-color: #e1e1e1; }
  .default-form .form-note span {
  color: #F16521; }
  
  /* -------------------------------------------------------------------------
  UTILITY CLASSES
  ------------------------------------------------------------------------- */
  .lead {
  color: #3f3f3f; }
  
  /* -----------------------------------------------------------------------------
  
    2.) COMPONENTS
  
  ----------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------
  ACCORDION
  ------------------------------------------------------------------------- */
  .various-content .c-accordion > li,
  .c-accordion > li {
  border-color: #e1e1e1; }
  .various-content .c-accordion .accordion-title,
  .c-accordion .accordion-title {
  color: #3f3f3f; }
  .various-content .c-accordion .accordion-title:before,
  .c-accordion .accordion-title:before {
  color: #F16521; }
  .various-content .c-accordion .accordion-price,
  .c-accordion .accordion-price {
  color: #F16521; }
  .various-content .c-accordion .accordion-price .sale-price,
  .c-accordion .accordion-price .sale-price {
  color: #F16521; }
  .various-content .c-accordion .accordion-price .strikethrough,
  .c-accordion .accordion-price .strikethrough {
  color: #585858; }
  
  .various-content .c-accordion.m-radio-group .accordion-title:before,
  .c-accordion.m-radio-group .accordion-title:before {
  color: #d0d0d0; }
  .various-content .c-accordion.m-radio-group > li.m-active .accordion-title:before,
  .c-accordion.m-radio-group > li.m-active .accordion-title:before {
  color: #F16521; }
  
  /* -------------------------------------------------------------------------
  ALERT MESSAGES
  ------------------------------------------------------------------------- */
  .c-alert-message.m-warning {
  color: #d40041;
  background-color: #ffdfe0; }
  
  .c-alert-message.m-success {
  color: #499143;
  background-color: #d4fbd3; }
  
  .c-alert-message.m-info {
  color: #265e88;
  background-color: #e1edf9; }
  
  .c-alert-message.m-notification {
  color: #c88435;
  background-color: #fff4cf; }
  
  /* -------------------------------------------------------------------------
  ARTICLE
  ------------------------------------------------------------------------- */
  .c-article .article-image a:before {
  background-color: #F16521;
  background-color: rgba(241, 101, 33, 0.5);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(241, 101, 33, 0.6)), to(transparent));
  background-image: -webkit-linear-gradient(top, rgba(241, 101, 33, 0.6), transparent);
  background-image: -moz-linear-gradient(top, rgba(241, 101, 33, 0.6), transparent);
  background-image: -o-linear-gradient(top, rgba(241, 101, 33, 0.6), transparent);
  background-image: linear-gradient(to bottom, rgba(241, 101, 33, 0.6), transparent); }
  .c-article .article-image a:after {
  color: #FFF; }
  
  /* -------------------------------------------------------------------------
  BUTTONS
  ------------------------------------------------------------------------- */
  .c-button {
  color: #FFF;
  background-color: #F16521;
   }
  .c-button:hover {
    background-color: #cb571e;
    color: #FFF;
    -moz-box-shadow:  0 0 30px 0 rgba(241, 101, 33, 0.35);
    -webkit-box-shadow: 0 0 30px 0 rgba(241, 101, 33, 0.35);
    box-shadow:  0 0 30px 0 rgba(241, 101, 33, 0.35); }
  .c-button:active {
    color: #FFF;
    -moz-box-shadow: inset 0 0 30px 0 rgba(241, 101, 33, 0.65);
    -webkit-box-shadow: inset 0 0 30px 0 rgba(241, 101, 33, 0.65);
    box-shadow: inset 0 0 30px 0 rgba(241, 101, 33, 0.65); }
  .c-button.m-color-2 {
    background-color: #F16521;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(241, 101, 33, 0.2)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(241, 101, 33, 0.2), transparent);
    background-image: -moz-linear-gradient(top, rgba(241, 101, 33, 0.2), transparent);
    background-image: -o-linear-gradient(top, rgba(241, 101, 33, 0.2), transparent);
    background-image: linear-gradient(to bottom, rgba(241, 101, 33, 0.2), transparent); }
  .c-button.m-color-2:hover {
    -moz-box-shadow: inset 0 0 30px 0 rgba(241, 101, 33, 0.35);
    -webkit-box-shadow: inset 0 0 30px 0 rgba(241, 101, 33, 0.35);
    box-shadow: inset 0 0 30px 0 rgba(241, 101, 33, 0.35); }
  .c-button.m-color-2:active {
    -moz-box-shadow: inset 0 0 30px 0 rgba(241, 101, 33, 0.65);
    -webkit-box-shadow: inset 0 0 30px 0 rgba(241, 101, 33, 0.65);
    box-shadow: inset 0 0 30px 0 rgba(241, 101, 33, 0.65); }
  .c-button.m-color-3 {
    background-color: #513834;}
  .c-button.m-color-3:hover {
        background-color: #F16521;
    -moz-box-shadow: 0 0 30px 0 rgba(255, 255, 255, 0.25);
    -webkit-box-shadow: 0 0 30px 0 rgba(255, 255, 255, 0.25);
    box-shadow:0 0 30px 0 rgba(255, 255, 255, 0.25); }
  .c-button.m-color-3:active {
    -moz-box-shadow: inset 0 0 30px 0 rgba(255, 255, 255, 0.55);
    -webkit-box-shadow: inset 0 0 30px 0 rgba(255, 255, 255, 0.55);
    box-shadow: inset 0 0 30px 0 rgba(255, 255, 255, 0.55); }
  .c-button.m-type-2 {
    color: #F16521;
    border-color: #F16521;
    background-color: transparent;
    background-image: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .c-button.m-type-2:hover {
    border-color: rgba(241, 101, 33, 0.4);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .c-button.m-type-2:active {
    border-color: rgba(241, 101, 33, 0.2);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .c-button.m-type-2.m-color-2 {
    color: #F16521;
    border-color: #F16521; }
  .c-button.m-type-2.m-color-2:hover {
    border-color: rgba(241, 101, 33, 0.4);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .c-button.m-type-2.m-color-2:active {
    border-color: rgba(241, 101, 33, 0.2);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .c-button.m-type-2.m-color-3 {
    color: #3f3f3f;
    border-color: #3f3f3f; }
  .c-button.m-type-2.m-color-3:hover {
    border-color: rgba(63, 63, 63, 0.4);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .c-button.m-type-2.m-color-3:active {
    border-color: rgba(63, 63, 63, 0.2);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  
  /* -------------------------------------------------------------------------
  CTA MESSAGE
  ------------------------------------------------------------------------- */
  .c-cta-message {
  background-color: #eeeeee; }
  .c-cta-message.is_stuck {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background-color: #412521;
    color: #ffffff;
    z-index: 1000; }
    .c-cta-message.is_stuck h2 {
      color: #F16521; }
  
  /* -------------------------------------------------------------------------
  DIVIDER
  ------------------------------------------------------------------------- */
  .c-divider {
  border-color: #e1e1e1; }
  
  .c-divider.m-transparent {
  border-color: transparent; }
  
  /* -------------------------------------------------------------------------
  GALLERY
  ------------------------------------------------------------------------- */
  .c-gallery .thumb a:before {
  background-color: #F16521;
  background-color: rgba(241, 101, 33, 0.5);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(241, 101, 33, 0.6)), to(transparent));
  background-image: -webkit-linear-gradient(top, rgba(241, 101, 33, 0.6), transparent);
  background-image: -moz-linear-gradient(top, rgba(241, 101, 33, 0.6), transparent);
  background-image: -o-linear-gradient(top, rgba(241, 101, 33, 0.6), transparent);
  background-image: linear-gradient(to bottom, rgba(241, 101, 33, 0.6), transparent); }
  .c-gallery .thumb a:after {
  color: #FFF; }
  .c-gallery .owl-controls .owl-page {
  border-color: #F16521; }
  .c-gallery .owl-controls .owl-page.active,
  .c-gallery .owl-controls .owl-page:hover {
  background-color: #F16521; }
  
  /* -------------------------------------------------------------------------
  ICON BLOCK
  ------------------------------------------------------------------------- */
  .c-icon-block > .ico {
  color: #F16521; }
  
  /* -------------------------------------------------------------------------
  LOADING ANIM
  ------------------------------------------------------------------------- */
  .c-loading-anim {
  background-color: #d0d0d0; }
  .c-loading-anim > span {
    background-image: url("../../img/loader_2x.gif");
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/loader_2x.gif', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/loader_2x.gif', sizingMethod='scale')"; }
  
  /* -------------------------------------------------------------------------
  MODAL
  ------------------------------------------------------------------------- */
  .c-modal {
  background-color: rgba(241, 101, 33, 0.5);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(241, 101, 33, 0.5)), to(transparent));
  background-image: -webkit-linear-gradient(top, rgba(241, 101, 33, 0.5), transparent);
  background-image: -moz-linear-gradient(top, rgba(241, 101, 33, 0.5), transparent);
  background-image: -o-linear-gradient(top, rgba(241, 101, 33, 0.5), transparent);
  background-image: linear-gradient(to bottom, rgba(241, 101, 33, 0.5), transparent); }
  .c-modal .modal-loading .c-loading-anim {
    border-color: #FFF;
    border-color: rgba(255, 255, 255, 0.2);
    background-color: transparent; }
  .c-modal .modal-box {
    background-color: #FFF; }
  .c-modal .modal-close {
    color: #FFF;
    background-color: #F16521; }
  .c-modal .modal-close:hover {
    -moz-box-shadow: inset 0 0 10px 0 rgba(241, 101, 33, 0.35);
    -webkit-box-shadow: inset 0 0 10px 0 rgba(241, 101, 33, 0.35);
    box-shadow: inset 0 0 10px 0 rgba(241, 101, 33, 0.35); }
  .c-modal .modal-close:active {
    -moz-box-shadow: inset 0 0 10px 0 rgba(241, 101, 33, 0.65);
    -webkit-box-shadow: inset 0 0 10px 0 rgba(241, 101, 33, 0.65);
    box-shadow: inset 0 0 10px 0 rgba(241, 101, 33, 0.65); }
  
  /* -------------------------------------------------------------------------
  PAGINATION
  ------------------------------------------------------------------------- */
  .c-pagination > li > a {
  color: #585858;
  border-color: #e1e1e1; }
  
  .c-pagination > li.m-active > a {
  color: #FFF;
  background-color: #F16521;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(241, 101, 33, 0.2)), to(transparent));
  background-image: -webkit-linear-gradient(top, rgba(241, 101, 33, 0.2), transparent);
  background-image: -moz-linear-gradient(top, rgba(241, 101, 33, 0.2), transparent);
  background-image: -o-linear-gradient(top, rgba(241, 101, 33, 0.2), transparent);
  background-image: linear-gradient(to bottom, rgba(241, 101, 33, 0.2), transparent); }
  
  .c-pagination > li > a:hover {
  border-color: #d0d0d0; }
  
  /* -------------------------------------------------------------------------
  PRICING TABLE
  ------------------------------------------------------------------------- */
  .various-content .c-pricing-table,
  .c-pricing-table {
  border-color: #e1e1e1; }
  .various-content .c-pricing-table .table-header,
  .c-pricing-table .table-header {
    border-color: #e1e1e1; }
  .various-content .c-pricing-table .table-price,
  .c-pricing-table .table-price {
    color: #F16521; }
  .various-content .c-pricing-table .table-price > span,
  .c-pricing-table .table-price > span {
    color: #3f3f3f; }
  .various-content .c-pricing-table .table-content,
  .c-pricing-table .table-content {
    border-color: #FFF;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.05) 0%), to(transparent 50%));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, transparent 50%);
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, transparent 50%);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, transparent 50%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, transparent 50%); }
  
  /* -------------------------------------------------------------------------
  PROGRESS BAR
  ------------------------------------------------------------------------- */
  .c-progress-bar {
  border-color: #eeeeee;
  background-color: #eeeeee; }
  
  .c-progress-bar > span {
  background-color: #F16521;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(241, 101, 33, 0.5)), to(transparent));
  background-image: -webkit-linear-gradient(left, rgba(241, 101, 33, 0.5), transparent);
  background-image: -moz-linear-gradient(left, rgba(241, 101, 33, 0.5), transparent);
  background-image: -o-linear-gradient(left, rgba(241, 101, 33, 0.5), transparent);
  background-image: linear-gradient(to right, rgba(241, 101, 33, 0.5), transparent); }
  
  .c-progress-bar.m-color-2 > span {
  background-color: #F16521;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(241, 101, 33, 0.5)), to(transparent));
  background-image: -webkit-linear-gradient(left, rgba(241, 101, 33, 0.5), transparent);
  background-image: -moz-linear-gradient(left, rgba(241, 101, 33, 0.5), transparent);
  background-image: -o-linear-gradient(left, rgba(241, 101, 33, 0.5), transparent);
  background-image: linear-gradient(to right, rgba(241, 101, 33, 0.5), transparent); }
  
  .c-progress-bar.m-color-3 > span {
  background-color: #3f3f3f;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.3)), to(transparent));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.3), transparent);
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.3), transparent);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.3), transparent);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.3), transparent); }
  
  /* -------------------------------------------------------------------------
  SEARCH FORM
  ------------------------------------------------------------------------- */
  .c-search-form .form-fields {
  border-color: #e1e1e1; }
  .c-search-form input {
  color: #3f3f3f; }
  
  /* -------------------------------------------------------------------------
  SERVICE
  ------------------------------------------------------------------------- */
  .c-service .service-image a:before {
  background-color: #F16521;
  background-color: rgba(241, 101, 33, 0.5);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(241, 101, 33, 0.6)), to(transparent));
  background-image: -webkit-linear-gradient(top, rgba(241, 101, 33, 0.6), transparent);
  background-image: -moz-linear-gradient(top, rgba(241, 101, 33, 0.6), transparent);
  background-image: -o-linear-gradient(top, rgba(241, 101, 33, 0.6), transparent);
  background-image: linear-gradient(to bottom, rgba(241, 101, 33, 0.6), transparent); }
  .c-service .service-image a:after {
  color: #FFF; }
  .c-service .service-title a {
  border-color: #e1e1e1; }
  .c-service .service-title a:hover {
  border-color: #F16521; }
  
  /* -------------------------------------------------------------------------
  SERVICE LIST
  ------------------------------------------------------------------------- */
  .c-service-list .owl-controls .owl-page {
  border-color: #F16521; }
  .c-service-list .owl-controls .owl-page.active,
  .c-service-list .owl-controls .owl-page:hover {
  background-color: #F16521; }
  
  /* -------------------------------------------------------------------------
  TABS
  ------------------------------------------------------------------------- */
  .c-tabs {
  border-color: #e1e1e1; }
  .c-tabs .tab-list > li {
    color: #3f3f3f;
    border-color: #e1e1e1;
    background-color: #fff; }
  .c-tabs .tab-list > li:hover {
    border-color: #d0d0d0; }
  .c-tabs .tab-list > li.m-active {
    color: #FFF;
    border-color: #F16521;
    background-color: #F16521;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(241, 101, 33, 0.2)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(241, 101, 33, 0.2), transparent);
    background-image: -moz-linear-gradient(top, rgba(241, 101, 33, 0.2), transparent);
    background-image: -o-linear-gradient(top, rgba(241, 101, 33, 0.2), transparent);
    background-image: linear-gradient(to bottom, rgba(241, 101, 33, 0.2), transparent); }
  
  /* -------------------------------------------------------------------------
  TEAM MEMBER
  ------------------------------------------------------------------------- */

  /* -----------------------------------------------------------------------------

TABLE OF CONTENTS

1.) General
2.) Components
3.) Header
4.) Main Slider
5.) Core
6.) Sidebar
7.) Bottom Panel
8.) Footer
9.) Other
10.) Responsive

----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------

  1.) GENERAL

----------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------
COLORS
-------------------------------------------------------------------------- */
.background-gray-light {
  background-color: #eeeeee; }
  
  /* -------------------------------------------------------------------------
  MIXINS
  -------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------
  DEFAULTS
  ------------------------------------------------------------------------- */
  body {
  color: #585858;
  background-color: #FFF; }
  
  a, a:hover, a:active, a:focus {
  color: #F16521; }
  
  a:hover {
  border-color: #F16521; }
  
  /* -------------------------------------------------------------------------
        VARIOUS CONTENT / TYPOGRAPHY
  ------------------------------------------------------------------------- */
  .various-content h2 {
  color: #3f3f3f; }
  .various-content h2:before {
    background-color: #F16521; }
  .various-content h3, .various-content h4, .various-content h5, .various-content h6 {
  color: #3f3f3f; }
  .various-content ul > li:before {
  background-color: #3f3f3f; }
  .various-content ul > li > ul > li:before {
  background-color: #d0d0d0; }
  .various-content table th {
  color: #3f3f3f; }
  /*.various-content table tbody tr:nth-child(odd) td {
  background-color: #eeeeee; }*/
  
  .heading-2 {
  color: #3f3f3f; }
  .heading-2:before {
    background-color: #F16521; }
  
  .heading-3 {
  color: #3f3f3f; }
  
  .service-box .service-inner {
  position: relative;
  padding: 0 0 0 170px;
  min-height: 158px;
  border: 1px solid transparent;
  border-width: 1px 0; }
  @media (max-width: 480px) {
    .service-box .service-inner {
      padding: 0; } }
  .service-box .service-img {
  position: absolute;
  top: 24px;
  left: 0;
  padding: 5px;
  width: 150px;
  height: 150px;
  border-radius: 50%; }
  @media (max-width: 480px) {
    .service-box .service-img {
      position: relative;
      margin: 0 auto 20px auto; } }
  .service-box .service-img > span {
  display: block;
  padding-bottom: 100%;
  width: 140px;
  height: 0;
  border-radius: 50%;
  overflow: hidden; }
  .service-box .service-name {
  margin: 6px 0 12px 0;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: bold;
  text-transform: uppercase; }
  .service-box .service-description > * {
  margin: 12px 0 0 0; }
  .service-box .service-description > *:first-child {
  margin-top: 0; }
  
  /* -------------------------------------------------------------------------
  FORMS
  ------------------------------------------------------------------------- */
  .default-form label {
  color: #3f3f3f; }
  .default-form label > span {
  color: #F16521; }
  .default-form input, .default-form textarea, .default-form select, .default-form .selectbox-input .toggle {
  color: #585858;
  background-color: #eeeeee; }
  .default-form input.m-type-2, .default-form textarea.m-type-2, .default-form select.m-type-2 {
  border-color: #e1e1e1;
  background-color: transparent; }
  .default-form input.m-error, .default-form textarea.m-error, .default-form select.m-error {
  background-color: #ffdfe0; }
  .default-form .datepicker-input > i {
  color: #F16521; }
  .default-form .checkbox-input label {
  color: #585858; }
  .default-form .checkbox-input label:before {
  color: #d0d0d0; }
  .default-form .checkbox-input.m-checked label:before {
  color: #F16521; }
  .default-form .selectbox-input .toggle:after {
  color: #F16521; }
  .default-form .selectbox-input .fake-selectbox {
  background-color: #eeeeee;
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1); }
  .default-form .selectbox-input .fake-selectbox > li:hover {
  color: #FFF;
  background-color: #F16521; }
  .default-form .selectbox-input.m-type-2 .toggle {
  border-color: #d0d0d0;
  background-color: #FFF; }
  .default-form .selectbox-input.m-type-2 .fake-selectbox {
  border-color: #d0d0d0;
  background-color: #FFF; }
  .default-form .quantity-input .plus,
  .default-form .quantity-input .minus {
  color: #FFF;
  background-color: #F16521; }
  .default-form .quantity-input .plus:hover,
  .default-form .quantity-input .minus:hover {
  -moz-box-shadow: inset 0 0 0 10px rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: inset 0 0 0 10px rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 0 0 10px rgba(255, 255, 255, 0.2); }
  .default-form .form-note {
  border-color: #e1e1e1; }
  .default-form .form-note span {
  color: #F16521; }
  
  /* -------------------------------------------------------------------------
  UTILITY CLASSES
  ------------------------------------------------------------------------- */
  .lead {
  color: #3f3f3f; }
  
  /* -----------------------------------------------------------------------------
  
    2.) COMPONENTS
  
  ----------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------
  ACCORDION
  ------------------------------------------------------------------------- */
  .various-content .c-accordion > li,
  .c-accordion > li {
  border-color: #e1e1e1; }
  .various-content .c-accordion .accordion-title,
  .c-accordion .accordion-title {
  color: #3f3f3f; }
  .various-content .c-accordion .accordion-title:before,
  .c-accordion .accordion-title:before {
  color: #F16521; }
  .various-content .c-accordion .accordion-price,
  .c-accordion .accordion-price {
  color: #F16521; }
  .various-content .c-accordion .accordion-price .sale-price,
  .c-accordion .accordion-price .sale-price {
  color: #F16521; }
  .various-content .c-accordion .accordion-price .strikethrough,
  .c-accordion .accordion-price .strikethrough {
  color: #585858; }
  
  .various-content .c-accordion.m-radio-group .accordion-title:before,
  .c-accordion.m-radio-group .accordion-title:before {
  color: #d0d0d0; }
  .various-content .c-accordion.m-radio-group > li.m-active .accordion-title:before,
  .c-accordion.m-radio-group > li.m-active .accordion-title:before {
  color: #F16521; }
  
  /* -------------------------------------------------------------------------
  ALERT MESSAGES
  ------------------------------------------------------------------------- */
  .c-alert-message.m-warning {
  color: #d40041;
  background-color: #ffdfe0; }
  
  .c-alert-message.m-success {
  color: #499143;
  background-color: #d4fbd3; }
  
  .c-alert-message.m-info {
  color: #265e88;
  background-color: #e1edf9; }
  
  .c-alert-message.m-notification {
  color: #c88435;
  background-color: #fff4cf; }
  
  /* -------------------------------------------------------------------------
  ARTICLE
  ------------------------------------------------------------------------- */
  .c-article .article-image a:before {
  background-color: #F16521;
  background-color: rgba(241, 101, 33, 0.5);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(241, 101, 33, 0.6)), to(transparent));
  background-image: -webkit-linear-gradient(top, rgba(241, 101, 33, 0.6), transparent);
  background-image: -moz-linear-gradient(top, rgba(241, 101, 33, 0.6), transparent);
  background-image: -o-linear-gradient(top, rgba(241, 101, 33, 0.6), transparent);
  background-image: linear-gradient(to bottom, rgba(241, 101, 33, 0.6), transparent); }
  .c-article .article-image a:after {
  color: #FFF; }
  
  /* -------------------------------------------------------------------------
  BUTTONS
  ------------------------------------------------------------------------- */
  .c-button {
  color: #FFF;
  background-color: #F16521;
   }
  .c-button:hover {
    background-color: #cb571e;
    color: #FFF;
    -moz-box-shadow:  0 0 30px 0 rgba(241, 101, 33, 0.35);
    -webkit-box-shadow: 0 0 30px 0 rgba(241, 101, 33, 0.35);
    box-shadow:  0 0 30px 0 rgba(241, 101, 33, 0.35); }
  .c-button:active {
    color: #FFF;
    -moz-box-shadow: inset 0 0 30px 0 rgba(241, 101, 33, 0.65);
    -webkit-box-shadow: inset 0 0 30px 0 rgba(241, 101, 33, 0.65);
    box-shadow: inset 0 0 30px 0 rgba(241, 101, 33, 0.65); }
  .c-button.m-color-2 {
    background-color: #F16521;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(241, 101, 33, 0.2)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(241, 101, 33, 0.2), transparent);
    background-image: -moz-linear-gradient(top, rgba(241, 101, 33, 0.2), transparent);
    background-image: -o-linear-gradient(top, rgba(241, 101, 33, 0.2), transparent);
    background-image: linear-gradient(to bottom, rgba(241, 101, 33, 0.2), transparent); }
  .c-button.m-color-2:hover {
    -moz-box-shadow: inset 0 0 30px 0 rgba(241, 101, 33, 0.35);
    -webkit-box-shadow: inset 0 0 30px 0 rgba(241, 101, 33, 0.35);
    box-shadow: inset 0 0 30px 0 rgba(241, 101, 33, 0.35); }
  .c-button.m-color-2:active {
    -moz-box-shadow: inset 0 0 30px 0 rgba(241, 101, 33, 0.65);
    -webkit-box-shadow: inset 0 0 30px 0 rgba(241, 101, 33, 0.65);
    box-shadow: inset 0 0 30px 0 rgba(241, 101, 33, 0.65); }
  .c-button.m-color-3 {
    background-color: #513834;}
  .c-button.m-color-3:hover {
        background-color: #F16521;
    -moz-box-shadow: 0 0 30px 0 rgba(255, 255, 255, 0.25);
    -webkit-box-shadow: 0 0 30px 0 rgba(255, 255, 255, 0.25);
    box-shadow:0 0 30px 0 rgba(255, 255, 255, 0.25); }
  .c-button.m-color-3:active {
    -moz-box-shadow: inset 0 0 30px 0 rgba(255, 255, 255, 0.55);
    -webkit-box-shadow: inset 0 0 30px 0 rgba(255, 255, 255, 0.55);
    box-shadow: inset 0 0 30px 0 rgba(255, 255, 255, 0.55); }
  .c-button.m-type-2 {
    color: #F16521;
    border-color: #F16521;
    background-color: transparent;
    background-image: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .c-button.m-type-2:hover {
    border-color: rgba(241, 101, 33, 0.4);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .c-button.m-type-2:active {
    border-color: rgba(241, 101, 33, 0.2);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .c-button.m-type-2.m-color-2 {
    color: #F16521;
    border-color: #F16521; }
  .c-button.m-type-2.m-color-2:hover {
    border-color: rgba(241, 101, 33, 0.4);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .c-button.m-type-2.m-color-2:active {
    border-color: rgba(241, 101, 33, 0.2);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .c-button.m-type-2.m-color-3 {
    color: #3f3f3f;
    border-color: #3f3f3f; }
  .c-button.m-type-2.m-color-3:hover {
    border-color: rgba(63, 63, 63, 0.4);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .c-button.m-type-2.m-color-3:active {
    border-color: rgba(63, 63, 63, 0.2);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  
  /* -------------------------------------------------------------------------
  CTA MESSAGE
  ------------------------------------------------------------------------- */
  .c-cta-message {
  background-color: #eeeeee; }
  .c-cta-message.is_stuck {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background-color: #412521;
    color: #ffffff;
    z-index: 1000; }
    .c-cta-message.is_stuck h2 {
      color: #F16521; }
  
  /* -------------------------------------------------------------------------
  DIVIDER
  ------------------------------------------------------------------------- */
  .c-divider {
  border-color: #e1e1e1; }
  
  .c-divider.m-transparent {
  border-color: transparent; }
  
  /* -------------------------------------------------------------------------
  GALLERY
  ------------------------------------------------------------------------- */
  .c-gallery .thumb a:before {
  background-color: #F16521;
  background-color: rgba(241, 101, 33, 0.5);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(241, 101, 33, 0.6)), to(transparent));
  background-image: -webkit-linear-gradient(top, rgba(241, 101, 33, 0.6), transparent);
  background-image: -moz-linear-gradient(top, rgba(241, 101, 33, 0.6), transparent);
  background-image: -o-linear-gradient(top, rgba(241, 101, 33, 0.6), transparent);
  background-image: linear-gradient(to bottom, rgba(241, 101, 33, 0.6), transparent); }
  .c-gallery .thumb a:after {
  color: #FFF; }
  .c-gallery .owl-controls .owl-page {
  border-color: #F16521; }
  .c-gallery .owl-controls .owl-page.active,
  .c-gallery .owl-controls .owl-page:hover {
  background-color: #F16521; }
  
  /* -------------------------------------------------------------------------
  ICON BLOCK
  ------------------------------------------------------------------------- */
  .c-icon-block > .ico {
  color: #F16521; }
  
  /* -------------------------------------------------------------------------
  LOADING ANIM
  ------------------------------------------------------------------------- */
  .c-loading-anim {
  background-color: #d0d0d0; }
  .c-loading-anim > span {
    background-image: url("../../img/loader_2x.gif");
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/loader_2x.gif', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/loader_2x.gif', sizingMethod='scale')"; }
  
  /* -------------------------------------------------------------------------
  MODAL
  ------------------------------------------------------------------------- */
  .c-modal {
  background-color: rgba(241, 101, 33, 0.5);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(241, 101, 33, 0.5)), to(transparent));
  background-image: -webkit-linear-gradient(top, rgba(241, 101, 33, 0.5), transparent);
  background-image: -moz-linear-gradient(top, rgba(241, 101, 33, 0.5), transparent);
  background-image: -o-linear-gradient(top, rgba(241, 101, 33, 0.5), transparent);
  background-image: linear-gradient(to bottom, rgba(241, 101, 33, 0.5), transparent); }
  .c-modal .modal-loading .c-loading-anim {
    border-color: #FFF;
    border-color: rgba(255, 255, 255, 0.2);
    background-color: transparent; }
  .c-modal .modal-box {
    background-color: #FFF; }
  .c-modal .modal-close {
    color: #FFF;
    background-color: #F16521; }
  .c-modal .modal-close:hover {
    -moz-box-shadow: inset 0 0 10px 0 rgba(241, 101, 33, 0.35);
    -webkit-box-shadow: inset 0 0 10px 0 rgba(241, 101, 33, 0.35);
    box-shadow: inset 0 0 10px 0 rgba(241, 101, 33, 0.35); }
  .c-modal .modal-close:active {
    -moz-box-shadow: inset 0 0 10px 0 rgba(241, 101, 33, 0.65);
    -webkit-box-shadow: inset 0 0 10px 0 rgba(241, 101, 33, 0.65);
    box-shadow: inset 0 0 10px 0 rgba(241, 101, 33, 0.65); }
  
  /* -------------------------------------------------------------------------
  PAGINATION
  ------------------------------------------------------------------------- */
  .c-pagination > li > a {
  color: #585858;
  border-color: #e1e1e1; }
  
  .c-pagination > li.m-active > a {
  color: #FFF;
  background-color: #F16521;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(241, 101, 33, 0.2)), to(transparent));
  background-image: -webkit-linear-gradient(top, rgba(241, 101, 33, 0.2), transparent);
  background-image: -moz-linear-gradient(top, rgba(241, 101, 33, 0.2), transparent);
  background-image: -o-linear-gradient(top, rgba(241, 101, 33, 0.2), transparent);
  background-image: linear-gradient(to bottom, rgba(241, 101, 33, 0.2), transparent); }
  
  .c-pagination > li > a:hover {
  border-color: #d0d0d0; }
  
  /* -------------------------------------------------------------------------
  PRICING TABLE
  ------------------------------------------------------------------------- */
  .various-content .c-pricing-table,
  .c-pricing-table {
  border-color: #e1e1e1; }
  .various-content .c-pricing-table .table-header,
  .c-pricing-table .table-header {
    border-color: #e1e1e1; }
  .various-content .c-pricing-table .table-price,
  .c-pricing-table .table-price {
    color: #F16521; }
  .various-content .c-pricing-table .table-price > span,
  .c-pricing-table .table-price > span {
    color: #3f3f3f; }
  .various-content .c-pricing-table .table-content,
  .c-pricing-table .table-content {
    border-color: #FFF;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.05) 0%), to(transparent 50%));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, transparent 50%);
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, transparent 50%);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, transparent 50%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, transparent 50%); }
  
  /* -------------------------------------------------------------------------
  PROGRESS BAR
  ------------------------------------------------------------------------- */
  .c-progress-bar {
  border-color: #eeeeee;
  background-color: #eeeeee; }
  
  .c-progress-bar > span {
  background-color: #F16521;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(241, 101, 33, 0.5)), to(transparent));
  background-image: -webkit-linear-gradient(left, rgba(241, 101, 33, 0.5), transparent);
  background-image: -moz-linear-gradient(left, rgba(241, 101, 33, 0.5), transparent);
  background-image: -o-linear-gradient(left, rgba(241, 101, 33, 0.5), transparent);
  background-image: linear-gradient(to right, rgba(241, 101, 33, 0.5), transparent); }
  
  .c-progress-bar.m-color-2 > span {
  background-color: #F16521;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(241, 101, 33, 0.5)), to(transparent));
  background-image: -webkit-linear-gradient(left, rgba(241, 101, 33, 0.5), transparent);
  background-image: -moz-linear-gradient(left, rgba(241, 101, 33, 0.5), transparent);
  background-image: -o-linear-gradient(left, rgba(241, 101, 33, 0.5), transparent);
  background-image: linear-gradient(to right, rgba(241, 101, 33, 0.5), transparent); }
  
  .c-progress-bar.m-color-3 > span {
  background-color: #3f3f3f;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.3)), to(transparent));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.3), transparent);
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.3), transparent);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.3), transparent);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.3), transparent); }
  
  /* -------------------------------------------------------------------------
  SEARCH FORM
  ------------------------------------------------------------------------- */
  .c-search-form .form-fields {
  border-color: #e1e1e1; }
  .c-search-form input {
  color: #3f3f3f; }
  
  /* -------------------------------------------------------------------------
  SERVICE
  ------------------------------------------------------------------------- */
  .c-service .service-image a:before {
  background-color: #F16521;
  background-color: rgba(241, 101, 33, 0.5);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(241, 101, 33, 0.6)), to(transparent));
  background-image: -webkit-linear-gradient(top, rgba(241, 101, 33, 0.6), transparent);
  background-image: -moz-linear-gradient(top, rgba(241, 101, 33, 0.6), transparent);
  background-image: -o-linear-gradient(top, rgba(241, 101, 33, 0.6), transparent);
  background-image: linear-gradient(to bottom, rgba(241, 101, 33, 0.6), transparent); }
  .c-service .service-image a:after {
  color: #FFF; }
  .c-service .service-title a {
  border-color: #e1e1e1; }
  .c-service .service-title a:hover {
  border-color: #F16521; }
  
  /* -------------------------------------------------------------------------
  SERVICE LIST
  ------------------------------------------------------------------------- */
  .c-service-list .owl-controls .owl-page {
  border-color: #F16521; }
  .c-service-list .owl-controls .owl-page.active,
  .c-service-list .owl-controls .owl-page:hover {
  background-color: #F16521; }
  
  /* -------------------------------------------------------------------------
  TABS
  ------------------------------------------------------------------------- */
  .c-tabs {
  border-color: #e1e1e1; }
  .c-tabs .tab-list > li {
    color: #3f3f3f;
    border-color: #e1e1e1;
    background-color: #fff; }
  .c-tabs .tab-list > li:hover {
    border-color: #d0d0d0; }
  .c-tabs .tab-list > li.m-active {
    color: #FFF;
    border-color: #F16521;
    background-color: #F16521;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(241, 101, 33, 0.2)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(241, 101, 33, 0.2), transparent);
    background-image: -moz-linear-gradient(top, rgba(241, 101, 33, 0.2), transparent);
    background-image: -o-linear-gradient(top, rgba(241, 101, 33, 0.2), transparent);
    background-image: linear-gradient(to bottom, rgba(241, 101, 33, 0.2), transparent); }
  
  /* -------------------------------------------------------------------------
  TEAM MEMBER
  ------------------------------------------------------------------------- */

  ul.stylists-list {
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
     justify-content: space-evenly;
    flex-flow: row wrap;
    }
    ul.stylists-list li .sl--stylist-inner .sl--stylist-info .sl--stylist-name{ 
    margin-bottom:0;
    font-weight:800;
    }
    
    
    ul.stylists-list li .sl--stylist-inner{
        text-align:center;
    }
    
    ul.stylists-list li .sl--stylist-photo{
        display:block;
      border-radius:50%;
      max-width:130px;  
      border:solid 5px #f16621;
      overflow: hidden;
      position: relative;
    }
  ul.stylists-list li .sl--stylist-inner .book-stylist{
    display:none;
  }
ul.stylists-list li .sl--stylist-photo .sl--stylist-photo-caption
{line-height:130px;
  width:100%;
height:100%;
position: absolute;	
font-weight:800;	
    top: 0;
		left: 0;
		z-index: 10;
    opacity: 0;
    -webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	background-color: rgba(241, 101, 33, 0.5);
    background-image: linear-gradient(to bottom, rgba(241, 101, 33, 0.5), transparent);

}
ul.stylists-list li .sl--stylist-photo:hover .sl--stylist-photo-caption
{
opacity: 1;
color:#fff;
text-align:center;

-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;

}
ul.stylists-list li .sl--stylist-photo 
img {
-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}


ul.stylists-list li .sl--stylist-photo:hover 
img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}


@media (max-width: 767px)
{
   ul.stylists-list {
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
     justify-content: space-around;
    flex-flow: column nowrap;
    
    }

     ul.stylists-list li{
border-bottom:dotted 1px #ddd;
 padding-bottom:5px;
      padding-top:5px;

     } 
ul.stylists-list li:last-child{
  border-bottom:none;
}
      
  ul.stylists-list li .sl--stylist-photo{
      max-width:80px;  
      border:solid 5px #f16621;
      margin-right:10px;
     
    }
  ul.stylists-list li .sl--stylist-inner{
    display:flex;
    justify-content:flex-start;
    text-align:inherit;
   


  }
  ul.stylists-list li .sl--stylist-inner .sl--stylist-photo{

  }
    ul.stylists-list li .sl--stylist-inner .sl--stylist-info{
   align-self: center;
  }
    ul.stylists-list li .sl--stylist-inner .book-stylist{
    display:block;
    margin-left: auto;;
    align-self: center;
  
  }

 
}






  .ch-grid {
  margin: 20px 0 0 0;
  padding: 0;
  list-style: none;
  display: block;
  text-align: center;
  width: 100%; }
  
  .ch-grid:after,
  .ch-item:before {
  content: '';
  display: table; }
  
  .ch-grid:after {
  clear: both; }
  
  .ch-grid li {
  float: left;
  display: block;
  height: auto;
  padding: 0px !important;
  width: 25%;
  list-style: none; }
  @media (max-width: 991px) {
    .ch-grid li {
      width: 33%; } }
  @media (max-width: 480px) {
    .ch-grid li {
      width: 50%; } }
  .ch-grid li:before {
    display: none !important; }
  
  .ch-item {
  background-position: 50% 50%;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  position: relative;
  background-size:contain;
  cursor: default;
  box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }
  
  .ch-info {
  position: absolute;
  background-color: rgba(241, 101, 33, 0.5);
  background-image: linear-gradient(to bottom, rgba(241, 101, 33, 0.5), transparent);
  width: inherit;
  height: inherit;
  border-radius: 50%;
  opacity: 0;
  left: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-backface-visibility: hidden; }
  
  .ch-info h3 {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 30px 0 0 0;
  text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3); }
  
  .ch-info p {
  color: #fff;
  padding: 5px 5px;
  font-family: "Open Sans", Arial, sans-serif;
  margin: 0 30px;
  font-size: 16px;
  font-weight: 700;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out 0.2s;
  -moz-transition: all 0.5s ease-in-out 0.2s;
  -o-transition: all 0.5s ease-in-out 0.2s;
  -ms-transition: all 0.5s ease-in-out 0.2s;
  transition: all 0.5s ease-in-out 0.2s; }
  .ch-info p small {
    display: block;
    font-style: italic;
    font-family: "Merriweather", Times, serif;
    font-weight: normal; }
  
  .ch-item:hover {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1); }
  
  .ch-item:hover .ch-info {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1; }
  
  .ch-item:hover .ch-info p {
  opacity: 1; }
  
  .team-member {
  float: left;
  width: 25%; }
  @media (max-width: 600px) {
    .team-member {
      width: 50%; } }
  .team-member .member-inner {
    position: relative;
    padding-top: 1px;
    text-align: center; }
  .team-member .member-portrait {
    width: 150px;
    height: 150px;
    margin: 0 auto;
    padding: 5px;
    border-radius: 50%;
    background-color: #F16521;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(241, 101, 33, 0.7)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(241, 101, 33, 0.7), transparent);
    background-image: -moz-linear-gradient(top, rgba(241, 101, 33, 0.7), transparent);
    background-image: -o-linear-gradient(top, rgba(241, 101, 33, 0.7), transparent);
    background-image: linear-gradient(to bottom, rgba(241, 101, 33, 0.7), transparent); }
    @media (max-width: 480px) {
      .team-member .member-portrait {
        width: 100px;
        height: 100px; } }
  .team-member .member-portrait img {
    border-radius: 50%; }
  .team-member .member-portrait a {
    border: none; }
    .team-member .member-portrait a:hover {
      text-decoration: none; }
  .team-member .member-name {
    text-transform: uppercase;
    color: #3f3f3f;
    margin: 6px 0 12px 0;
    font-family: "Open Sans", Arial, sans-serif; }
  .team-member .member-role {
    color: #585858;
    margin: 0;
    font-family: "Merriweather", Times, serif;
    font-size: 0.875em;
    font-weight: 300;
    text-transform: none;
    display: block; }
  .team-member .member-description > * {
    margin: 12px 0 0 0; }
  .team-member .member-description > *:first-child {
    margin-top: 0; }
  
  .various-content .c-team-member .member-portrait,
  .c-team-member .member-portrait {
  background-color: #F16521;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(241, 101, 33, 0.7)), to(transparent));
  background-image: -webkit-linear-gradient(top, rgba(241, 101, 33, 0.7), transparent);
  background-image: -moz-linear-gradient(top, rgba(241, 101, 33, 0.7), transparent);
  background-image: -o-linear-gradient(top, rgba(241, 101, 33, 0.7), transparent);
  background-image: linear-gradient(to bottom, rgba(241, 101, 33, 0.7), transparent); }
  .various-content .c-team-member .member-name,
  .c-team-member .member-name {
  color: #3f3f3f; }
  .various-content .c-team-member .member-role,
  .c-team-member .member-role {
  color: #585858; }
  
  /* -------------------------------------------------------------------------
  TESTIMONIAL
  ------------------------------------------------------------------------- */
  .c-testimonial .testimonial-portrait {
  background-color: #F16521;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(241, 101, 33, 0.7)), to(transparent));
  background-image: -webkit-linear-gradient(top, rgba(241, 101, 33, 0.7), transparent);
  background-image: -moz-linear-gradient(top, rgba(241, 101, 33, 0.7), transparent);
  background-image: -o-linear-gradient(top, rgba(241, 101, 33, 0.7), transparent);
  background-image: linear-gradient(to bottom, rgba(241, 101, 33, 0.7), transparent); }
  
  /* -------------------------------------------------------------------------
  TESTIMONIAL LIST
  ------------------------------------------------------------------------- */
  .c-testimonial-list {
  margin-bottom:30px;
  padding: 50px; }
  .c-testimonial-list .owl-controls .owl-page {
    border-color: #F16521; }
  .c-testimonial-list .owl-controls .owl-page.active,
  .c-testimonial-list .owl-controls .owl-page:hover {
    background-color: #F16521; }
  
  .c-testimonial blockquote p {
  line-height: 1.3em; }
  
  /* -----------------------------------------------------------------------------
  
    3.) HEADER
  
  ----------------------------------------------------------------------------- */
  #header {
  color: #FFF;
  background: #F16521 url("../../../images/header_bg.jpg") 0 0 no-repeat;
  background-size: cover; }
  
  .header-bg {
  background-color: #412521;
  background-color: rgba(65, 37, 33, 0.9);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(73, 45, 42, 0.6)), to(#412521));
  background-image: -webkit-linear-gradient(top, rgba(73, 45, 42, 0.6), #412521);
  background-image: -moz-linear-gradient(top, rgba(73, 45, 42, 0.6), #412521);
  background-image: -o-linear-gradient(top, rgba(73, 45, 42, 0.6), #412521);
  background-image: linear-gradient(to bottom, rgba(73, 45, 42, 0.6), #412521); }
  
  .cssgradients .header-bg {
  background-color: rgba(65, 37, 33, 0.8); }
  
  /* -------------------------------------------------------------------------
  HEADER BRANDING
  ------------------------------------------------------------------------- */
  #header .header-branding > a {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
  color: #1f1f1f; }
  
  /* -------------------------------------------------------------------------
  HEADER NAV
  ------------------------------------------------------------------------- */
  .header-menu a {
  color: #FFF; }
  
  .header-menu > ul > li.m-active > span > a {
  color: #F16521; }
  
  .header-menu > ul > li > span > a:before {
  background-color: #FFF;
  background-color: rgba(255, 255, 255, 0.2); }
  
  .header-menu .sub-menu {
  background-color: #FFF;
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15); }
  .header-menu .sub-menu a {
    color: #3f3f3f; }
  .header-menu .sub-menu a:hover {
    border-color: #3f3f3f; }
  .header-menu .sub-menu:before {
    border-right-color: #FFF; }
  .header-menu .sub-menu > li.m-active a {
    color: #F16521; }
  .header-menu .sub-menu > li.m-active a:hover {
    border-color: #F16521; }
  
  .header-cart a {
  color: #FFF;
  width: auto;
  padding: 0 10px;
  height: auto; }
  .header-cart a span {
    font-size: 0.8em;
    display: block;
    text-transform: capitalize;
    font-weight: 300; }
    @media (max-width: 1199px) {
      .header-cart a span {
        display: none; } }
  
  .header-search .search-form:before {
  background-color: #FFF;
  background-color: rgba(255, 255, 255, 0.2); }
  .header-search .search-input {
  color: #FFF; }
  .header-search .search-input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.8); }
  .header-search .search-input:-moz-placeholder {
    color: rgba(255, 255, 255, 0.8); }
  .header-search .search-input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.8); }
  .header-search .search-input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8); }
  .header-search .search-submit {
  color: #1a1a1a;
  background-color: #F16521; }
  .header-search .search-toggle {
  color: #FFF; }
  
  /* -------------------------------------------------------------------------
  HEADER PANEL
  ------------------------------------------------------------------------- */
  .header-panel {
  background-color: rgba(255, 255, 255, 0.08); }
  
  .header-reservation .c-button {
  color: #1a1a1a;
  background-color: #F16521;
  background-image: none; }
  
  .header-reservation .c-button:hover {
  -moz-box-shadow: 0 0 20px rgba(255, 255, 255, 0.3);
  -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.3);
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.3); }
  
  .header-contact .ico {
  -webkit-text-stroke: 0.01em rgba(255, 255, 255, 0.7); }
  
  .header-contact a {
  color: #FFF;
  border-color: rgba(255, 255, 255, 0.2);
  -webkit-text-stroke: 0.01em rgba(255, 255, 255, 0.7); }
  
  .header-contact a:hover {
  border-color: white; }
  
  .header-social > ul:before,
  .header-social > ul:after {
  background-color: #FFF;
  background-color: rgba(255, 255, 255, 0.2); }
  
  .header-social > ul > li > a {
  color: #FFF;
  border-color: #FFF;
  border-color: rgba(255, 255, 255, 0.3);
  -webkit-text-stroke: 0.01em rgba(255, 255, 255, 0.7); }
  
  .header-social > ul > li > a:hover {
  border-color: rgba(255, 255, 255, 0.6); }
  
  /* -----------------------------------------------------------------------------
  
    4.) MAIN SLIDER
  
  ----------------------------------------------------------------------------- */
  #main-slider {
    /* -------------------------------------------------------------------------
          SLIDER NAV
    ------------------------------------------------------------------------- */
    /* -------------------------------------------------------------------------
          SLIDER PAUSE BUTTON
    ------------------------------------------------------------------------- */
    /* -------------------------------------------------------------------------
          SLIDER INDICATOR
    ------------------------------------------------------------------------- */ }
  #main-slider .slider-nav {
    display: none; }
  #main-slider .slide h1,
  #main-slider .slide h2 {
    color: #F16521;
    -webkit-text-stroke: 0.01em rgba(241, 101, 33, 0.5); }
  #main-slider .slide h3 {
    color: #3f3f3f; }
  #main-slider .slider-nav {
    background-color: #FFF;
    background-color: rgba(255, 255, 255, 0.9); }
  #main-slider .slider-nav ul > li > button:hover,
  #main-slider .slider-nav ul > li.m-active > button {
    color: #F16521; }
  #main-slider .slider-pause-btn {
    color: #FFF;
    background-color: #F16521;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(241, 101, 33, 0.2)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(241, 101, 33, 0.2), transparent);
    background-image: -moz-linear-gradient(top, rgba(241, 101, 33, 0.2), transparent);
    background-image: -o-linear-gradient(top, rgba(241, 101, 33, 0.2), transparent);
    background-image: linear-gradient(to bottom, rgba(241, 101, 33, 0.2), transparent); }
  #main-slider .slider-pause-btn.m-active,
  #main-slider .slider-pause-btn:hover {
    -moz-box-shadow: inset 0 0 20px 0 rgba(241, 101, 33, 0.35);
    -webkit-box-shadow: inset 0 0 20px 0 rgba(241, 101, 33, 0.35);
    box-shadow: inset 0 0 20px 0 rgba(241, 101, 33, 0.35); }
  #main-slider .slider-indicator {
    background-color: #FFF;
    background-color: rgba(255, 255, 255, 0.8); }
  #main-slider .slider-indicator > span {
    background-color: #F16521;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(241, 101, 33, 0.5)), to(transparent));
    background-image: -webkit-linear-gradient(left, rgba(241, 101, 33, 0.5), transparent);
    background-image: -moz-linear-gradient(left, rgba(241, 101, 33, 0.5), transparent);
    background-image: -o-linear-gradient(left, rgba(241, 101, 33, 0.5), transparent);
    background-image: linear-gradient(to right, rgba(241, 101, 33, 0.5), transparent); }
  
  /* -----------------------------------------------------------------------------
  
    5.) CORE
  
  ----------------------------------------------------------------------------- */
  #core.core-bg-1 {
  background: url("../../../images/core_bg_01.jpg") right 0 no-repeat; }
  
  #core.core-bg-2 {
  background: url("../../../images/core_bg_02.jpg") right 0 no-repeat; }
  
  /* -------------------------------------------------------------------------
        PAGE HEADER
  ------------------------------------------------------------------------- */
  #page-header h1 {
  color: #3f3f3f;
  border-color: #e1e1e1; }
  
  /* -------------------------------------------------------------------------
        BLOG LIST / DETAIL
  ------------------------------------------------------------------------- */
  .blog-detail .article-title,
  .blog-list .article-title {
  color: #3f3f3f; }
  .blog-detail .article-footer,
  .blog-list .article-footer {
  border-color: #e1e1e1; }
  .blog-detail .article-info > li:before,
  .blog-list .article-info > li:before {
  color: #d0d0d0; }
  .blog-detail .article-quote,
  .blog-list .article-quote {
  border-color: #e1e1e1; }
  .blog-detail .article-quote blockquote p,
  .blog-list .article-quote blockquote p {
  color: #3f3f3f; }
  .blog-detail .article-link,
  .blog-list .article-link {
  border-color: #e1e1e1; }
  
  /* -------------------------------------------------------------------------
        BLOG DETAIL
  ------------------------------------------------------------------------- */
  .blog-detail .article-author .author-inner {
  border-color: #e1e1e1; }
  .blog-detail .article-author .author-portrait {
  background-color: #F16521;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(241, 101, 33, 0.7)), to(transparent));
  background-image: -webkit-linear-gradient(top, rgba(241, 101, 33, 0.7), transparent);
  background-image: -moz-linear-gradient(top, rgba(241, 101, 33, 0.7), transparent);
  background-image: -o-linear-gradient(top, rgba(241, 101, 33, 0.7), transparent);
  background-image: linear-gradient(to bottom, rgba(241, 101, 33, 0.7), transparent); }
  .blog-detail .article-author .author-name {
  color: #3f3f3f; }
  .blog-detail .article-navigation h5 {
  color: #3f3f3f; }
  .blog-detail .comment-list .comment-author {
  color: #3f3f3f; }
  .blog-detail .comment-list .comment-info {
  border-color: #e1e1e1; }
  .blog-detail .comment-list .comment-date:before,
  .blog-detail .comment-list .comment-reply:before {
  color: #d0d0d0; }
  .blog-detail .comment-list .comment-reply:hover:before {
  color: #F16521; }
  
  /* -------------------------------------------------------------------------
  PRODUCT LIST
  ------------------------------------------------------------------------- */
  .product-list-tools .product-list-title {
  color: #3f3f3f; }
  
  .product-list .product-inner {
  border-color: #e1e1e1;
  background-color: #FFF; }
  .product-list .product-title a {
  color: #3f3f3f; }
  .product-list .product-title a:hover {
  border-color: #3f3f3f; }
  .product-list .product-price {
  color: #3f3f3f; }
  
  /* -------------------------------------------------------------------------
        PRODUCT DETAIL
  ------------------------------------------------------------------------- */
  .product-detail .product-short-description {
  border-color: #e1e1e1; }
  .product-detail .product-info {
  border-color: #e1e1e1; }
  .product-detail .product-status.m-available {
  color: #499161; }
  .product-detail .product-status.m-unavailable {
  color: #d40041; }
  .product-detail .product-status.m-info {
  color: #c88435; }
  .product-detail .product-status.m-available .product-status-inner .ico {
  color: #499161;
  background-color: #d4fbd3; }
  .product-detail .product-status.m-unavailable .product-status-inner .ico {
  color: #d40041;
  background-color: #ffdfe0; }
  .product-detail .product-status.m-info .product-status-inner .ico {
  color: #c88435;
  background-color: #fff4cf; }
  .product-detail .product-price .price {
  color: #F16521; }
  .product-detail .review-list .review-author {
  color: #3f3f3f; }
  .product-detail .review-list .review-rating {
  color: #F16521; }
  .product-detail .review-list .review-info {
  border-color: #e1e1e1; }
  .product-detail .review-list .review-date:before {
  color: #d0d0d0; }
  .product-detail .review-form-title {
  color: #3f3f3f; }
  .product-detail .review-form .rating-stars {
  color: #F16521; }
  
  /* -------------------------------------------------------------------------
        SHOP CART
  ------------------------------------------------------------------------- */
  .shop-cart .cart-table th {
  color: #3f3f3f;
  border-color: #e1e1e1; }
  .shop-cart .cart-table td {
  border-color: #e1e1e1; }
  
  /* -------------------------------------------------------------------------
        SHOP CHECKOUT
  ------------------------------------------------------------------------- */
  .shop-checkout .order-summary table th {
  color: #3f3f3f;
  border-color: #e1e1e1; }
  .shop-checkout .order-summary table td {
  border-color: #e1e1e1; }
  .shop-checkout .checkout-footer {
  border-color: #e1e1e1; }
  
  /* -------------------------------------------------------------------------
        SEARCH RESULTS
  ------------------------------------------------------------------------- */
  .search-results .item-title {
  color: #3f3f3f; }
  
  .search-results .search-query {
  color: #F16521; }
  
  /* -------------------------------------------------------------------------
        ERROR 404
  ------------------------------------------------------------------------- */
  .error-404 .error-header h1 {
  color: #F16521; }
  .error-404 .error-header h1 > span {
  color: #d0d0d0; }
  .error-404 .error-header p {
  color: #3f3f3f; }
  
  /* -----------------------------------------------------------------------------
  
    6.) SIDEBAR
  
  ----------------------------------------------------------------------------- */
  #sidebar .widget-title {
  color: #3f3f3f; }
  #sidebar .widget-title:before {
  background-color: #F16521; }
  
  .sidebar-articles ul > li {
  border-color: #e1e1e1; }
  
  .sidebar-cart .cart-product-list > li {
  border-color: #e1e1e1; }
  .sidebar-cart .cart-footer {
  border-color: #e1e1e1; }
  
  .sidebar-links .widget-content {
  border-color: #e1e1e1; }
  
  .sidebar-links ul > li:before {
  border-color: #e1e1e1; }
  
  .sidebar-products ul > li {
  border-color: #e1e1e1; }
  
  .sidebar-tags ul > li > a {
  color: #585858;
  border-color: #e1e1e1; }
  
  .sidebar-tags ul > li > a:hover {
  border-color: #d0d0d0; }
  
  /* -----------------------------------------------------------------------------
  
    7.) BOTTOM PANEL
  
  ----------------------------------------------------------------------------- */
  #bottom-panel {
  color: #FFF;
  background: #F16521 url("../../../images/bottom_bg.jpg") center center no-repeat;
  background-size: cover; }
  #bottom-panel .bottom-panel-inner {
    background-color: #F16521;
    background-color: rgba(241, 101, 33, 0.85); }
  #bottom-panel h3 {
    color: #FFF; }
  #bottom-panel #subscribe-form .form-fields {
    background-color: #FFF;
    background-color: rgba(255, 255, 255, 0.8); }
  #bottom-panel #subscribe-form .c-alert-message {
    color: #FFF;
    border-color: rgba(255, 255, 255, 0.2);
    background-color: transparent; }
  #bottom-panel #subscribe-form input {
    color: #3f3f3f;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
    background: none; }
  
  /* -----------------------------------------------------------------------------
  
    8.) FOOTER
  
  ----------------------------------------------------------------------------- */
  #footer {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.05) 0%), to(transparent 100%));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, transparent 100%);
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, transparent 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, transparent 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, transparent 100%);
  -moz-box-shadow: inset 0 1px 0 #FFF;
  -webkit-box-shadow: inset 0 1px 0 #FFF;
  box-shadow: inset 0 1px 0 #FFF;
  border-color: #e1e1e1; }
  
  /* -------------------------------------------------------------------------
        FOOTER TWITTER
    ------------------------------------------------------------------------- */
  .footer-twitter {
  border-color: #e1e1e1; }
  
  .footer-twitter .ico {
  color: #55acee; }
  
  .footer-twitter .twitter-title a {
  color: #3f3f3f; }
  
  .footer-twitter .twitter-title a:hover {
  border-color: #3f3f3f; }
  
  .footer-twitter .btn-prev,
  .footer-twitter .btn-next {
  color: #c5c5c5; }
  
  /* -----------------------------------------------------------------------------
  
    9.) OTHER
  
  ----------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------
        JQUERY UI DATEPICKER
    ------------------------------------------------------------------------- */
  #ui-datepicker-div {
  color: #FFF;
  background-color: #3f3f3f;
  background-color: rgba(63, 63, 63, 0.98);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), to(transparent));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1), transparent);
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.1), transparent);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.1), transparent);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), transparent); }
  
  .ui-datepicker-prev:before,
  .ui-datepicker-next:before {
  color: #F16521; }
  
  .ui-datepicker-title {
  border-color: rgba(255, 255, 255, 0.05); }
  
  .various-content .ui-datepicker-calendar thead th,
  .ui-datepicker-calendar thead th {
  color: #FFF; }
  .various-content .ui-datepicker-calendar tbody td a,
  .ui-datepicker-calendar tbody td a {
  color: #FFF;
  background-color: rgba(255, 255, 255, 0.04); }
  .various-content .ui-datepicker-calendar tbody td a:hover,
  .ui-datepicker-calendar tbody td a:hover {
  background-color: #F16521; }
  .various-content .ui-datepicker-calendar tbody td.ui-datepicker-today a,
  .ui-datepicker-calendar tbody td.ui-datepicker-today a {
  color: #1a1a1a;
  background-color: #F16521; }
  .various-content .ui-datepicker-calendar tbody td.ui-datepicker-today.ui-state-disabled,
  .ui-datepicker-calendar tbody td.ui-datepicker-today.ui-state-disabled {
  color: #F16521; }
  .various-content .ui-datepicker-calendar tbody td a.ui-state-active,
  .ui-datepicker-calendar tbody td a.ui-state-active {
  background-color: rgba(255, 255, 255, 0.12); }
  .various-content .ui-datepicker-calendar tbody tr:nth-child(odd) td,
  .ui-datepicker-calendar tbody tr:nth-child(odd) td {
  background-color: transparent; }
  
  /* -------------------------------------------------------------------------
        MAGNIFIC POPUP BG
    ------------------------------------------------------------------------- */
  .mfp-bg {
  background-color: #000; }
  
  /* -----------------------------------------------------------------------------
  
    10.) RESPONSIVE
  
  ----------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------
        EXTRA LARGE DEVICES
    ------------------------------------------------------------------------- */
  @media (max-width: 1400px), (max-height: 700px) {
  .header-panel-toggle {
    color: #FFF;
    background-color: #F16521; }
  
  .header-panel-toggle:hover {
    -moz-box-shadow: inset 0 0 10px 0 rgba(241, 101, 33, 0.35);
    -webkit-box-shadow: inset 0 0 10px 0 rgba(241, 101, 33, 0.35);
    box-shadow: inset 0 0 10px 0 rgba(241, 101, 33, 0.35); }
  
  .header-panel-toggle:active {
    -moz-box-shadow: inset 0 0 10px 0 rgba(241, 101, 33, 0.65);
    -webkit-box-shadow: inset 0 0 10px 0 rgba(241, 101, 33, 0.65);
    box-shadow: inset 0 0 10px 0 rgba(241, 101, 33, 0.65); } }
  /* -------------------------------------------------------------------------
    LARGE DEVICES
  ------------------------------------------------------------------------- */
  @media (max-width: 1199px) {
  #header {
    background-position: center; }
  
  .header-inner {
    background-position: 0 -100px; }
  
  #header.m-animated .header-inner.animate-to-left {
    background-position: -1000px -100px; }
  
  .header-navigation {
    border-color: rgba(255, 255, 255, 0.2); }
  
  .header-menu .submenu-toggle {
    color: #FFF;
    border-color: rgba(255, 255, 255, 0.3); }
  
  .header-menu .sub-menu:before {
    border-right-color: transparent;
    border-bottom-color: #FFF; }
  
  .header-cart a {
    border-color: #FFF;
    border-color: rgba(255, 255, 255, 0.3); }
  .header-cart a:hover {
    border-color: rgba(255, 255, 255, 0.6); }
  
  .header-search .header-search-inner {
    border-color: #FFF;
    border-color: rgba(255, 255, 255, 0.05); }
  .header-search .search-form {
    border-color: #FFF;
    border-color: rgba(255, 255, 255, 0.2); }
  .header-search .search-toggle-mobile {
    border-color: #FFF;
    border-color: rgba(255, 255, 255, 0.3); }
  .header-search .search-toggle-mobile.m-active,
  .header-search .search-toggle-mobile:hover {
    border-color: rgba(255, 255, 255, 0.6); }
  .header-search .search-toggle-mobile > i:before {
    color: #FFF; }
  
  .header-panel {
    background-color: transparent; }
  
  .header-reservation {
    border-color: #FFF;
    border-color: rgba(255, 255, 255, 0.05); }
  
  .header-contact > ul {
    border-color: #FFF;
    border-color: rgba(255, 255, 255, 0.05); } }
  /* -------------------------------------------------------------------------
    MEDIUM DEVICES
  ------------------------------------------------------------------------- */
  @media (max-width: 991px) {
  #header.m-animated .header-inner.animate-to-left {
    background-position: 0 -100px; }
  
  .header-menu > ul {
    border-color: rgba(255, 255, 255, 0.05); }
  
  .header-menu .sub-menu {
    background: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
    .header-menu .sub-menu a {
      color: #FFF;
      border-color: rgba(255, 255, 255, 0.2); }
    .header-menu .sub-menu a:hover {
      border-color: #FFF; }
    .header-menu .sub-menu > li.m-active a {
      color: #F16521; }
    .header-menu .sub-menu > li.m-active a:hover {
      border-color: #F16521; }
  
  .header-menu-toggle {
    color: #FFF;
    border-color: rgba(255, 255, 255, 0.3); }
  
  .header-menu-toggle.m-active,
  .header-menu-toggle:hover {
    border-color: rgba(255, 255, 255, 0.6); }
  
  #main-slider .slide-bg {
    /* background-color: rgba(255, 255, 255, 0.7); */
    }
  
  #main-slider .slider-nav {
    background-color: transparent; }
  
  #main-slider .slider-nav {
    border-color: #e1e1e1; } }
  /* -------------------------------------------------------------------------
        EXTRA SMALL DEVICES
    ------------------------------------------------------------------------- */
  @media (max-width: 480px) {
  #bottom-panel #subscribe-form .form-fields {
    background-color: transparent; }
  
  #bottom-panel #subscribe-form input {
    background-color: #FFF;
    background-color: rgba(255, 255, 255, 0.8); } }
  .c-map > iframe {
  width: 100%;
  height: 400px; }


 /* -------------------------------------------------------------------------
        FULLCALENDAR
    ------------------------------------------------------------------------- */

    .fc-timegrid-slot-label {
      font-weight: 800;
    }
    
    .fc-timegrid-slots table tr {
      transition: all .15s ease;
    }
    
    .fc-timegrid-slots table tr:hover {
      background: #fde050 !important;
      transition: all .15s ease;
    }

    .fc-timegrid-slots table tr:hover td.fc-timegrid-axis {
   background-color: #3f3f3f !important;
    padding: 5px 0;
}
    
    .fc-timegrid-slots table tr:nth-child(4n + 1) {
      //background: #fffae2 !important;}
    
    .fc-timegrid-slot-label[data-time*=":15"],
    .fc-timegrid-slot-label[data-time*=":30"],
    .fc-timegrid-slot-label[data-time*=":45"] {
      font-size: 80%;
      opacity: 0.5;
      font-weight: 400;
    }
    
    {}
    
    .fc .fc-highlight {
      background: #f16621 !important;
    }
    
    .fc-day-today {
      background-color: #fffae2;
    }
    
    .fc-day-past {
      background-color: #f7edee;
    }
    
    th.fc-day-today:before {
      content: 'Today';
      font-size: 80%;
      line-height: 1;
      text-transform: uppercase;
      opacity: 0.6;
    }
    
    th.fc-day-past:before {
      content: 'Past';
      font-size: 80%;
      line-height: 1;
      text-transform: uppercase;
      opacity: 0.6;
    }
    
    th.fc-day-future:before {
      content: "\00a0";
      font-size: 80%;
      line-height: 1;
      text-transform: uppercase;
    }
    
    .fc-timegrid-axis-frame:after {
      content: 'V';
      font-family: 'Times';
      line-height: 36px;
      text-align: center;
      display: block;
      width: 100%;
      font-size: 24px;
      color: #f16621;
    }


    .fc-toolbar-title {
      text-transform:capitalize !important;
      letter-spacing:-2px;
      color:#482c28 !important;
      
      }


      #eventForm .booking-selectedTime{text-align:center}
      #eventForm .booking-selectedTime label {line-height:1;color: #a59494;}
      #eventForm .booking-selectedTime input {
      text-align:center;
      line-height:1;
      border: none;
      background-color:transparent;
      -webkit-box-shadow:none;
      box-shadow: none;
      padding:0;
      font-size:40px;
      font-weight:800;
      letter-spacing:-2px;
      height: auto;
      border-radius: 0;
      transition:none;
      color: #412422;
      }
      #eventForm  .booking-selectService label{
        text-align:center;
        display:block;
        font-size:18px
      }
  #eventForm  .booking-selectService{
background: #412422;
padding: 20px 0px 10px 0px;
color: #fff;  
margin-top: 10px;  
border-bottom: solid 1px #4a312f;
  
}

#calendarModal .modal-body {
    position: relative;
    padding-bottom: 0;
}
  #eventForm .booking-Name{
    padding-top:10px
  }

   #eventForm .booking-Name,
      #eventForm .booking-Email,
      #eventForm .booking-Phone
      {
        background: #412422;
      }
      #eventForm  .booking-selectService i{
        display:none;
      }
      #eventForm .booking-Name .form-group,
      #eventForm .booking-Email .form-group,
      #eventForm .booking-Phone .form-group
      {
          display:flex;
          margin-bottom: 0px;
      }
      #eventForm .booking-Name label,
      #eventForm .booking-Email label,
      #eventForm .booking-Phone label
      {
      width:150px;
      height:auto;
      margin: 0;
      font-size: 12px;
      color: #8d7170;
      }
      
      #eventForm .booking-Name label:after,
      #eventForm .booking-Email label:after,
      #eventForm .booking-Phone label:after
      {
        content:':';
      }
      
      
      #eventForm .booking-Name input,
      #eventForm .booking-Email input,
      #eventForm .booking-Phone input
      {
          color: #8d7170;
          display:inline-block;
          line-height:1;
          border: none;
          background-color:transparent;
          -webkit-box-shadow:none;
          box-shadow: none;
          padding:0;
          height: auto;
          border-radius: 0;
          transition:none;
          min-height: auto;
      }
      
  



  .ch-grid {
  margin: 20px 0 0 0;
  padding: 0;
  list-style: none;
  display: block;
  text-align: center;
  width: 100%; }
  
  .ch-grid:after,
  .ch-item:before {
  content: '';
  display: table; }
  
  .ch-grid:after {
  clear: both; }
  
  .ch-grid li {
  float: left;
  display: block;
  height: auto;
  padding: 0px !important;
  width: 25%;
  list-style: none; }
  @media (max-width: 991px) {
    .ch-grid li {
      width: 33%; } }
  @media (max-width: 480px) {
    .ch-grid li {
      width: 50%; } }
  .ch-grid li:before {
    display: none !important; }
  
  .ch-item {
  background-position: 50% 50%;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  position: relative;
  background-size:contain;
  cursor: default;
  box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }
  
  .ch-info {
  position: absolute;
  background-color: rgba(241, 101, 33, 0.5);
  background-image: linear-gradient(to bottom, rgba(241, 101, 33, 0.5), transparent);
  width: inherit;
  height: inherit;
  border-radius: 50%;
  opacity: 0;
  left: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-backface-visibility: hidden; }
  
  .ch-info h3 {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 30px 0 0 0;
  text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3); }
  
  .ch-info p {
  color: #fff;
  padding: 5px 5px;
  font-family: "Open Sans", Arial, sans-serif;
  margin: 0 30px;
  font-size: 16px;
  font-weight: 700;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out 0.2s;
  -moz-transition: all 0.5s ease-in-out 0.2s;
  -o-transition: all 0.5s ease-in-out 0.2s;
  -ms-transition: all 0.5s ease-in-out 0.2s;
  transition: all 0.5s ease-in-out 0.2s; }
  .ch-info p small {
    display: block;
    font-style: italic;
    font-family: "Merriweather", Times, serif;
    font-weight: normal; }
  
  .ch-item:hover {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1); }
  
  .ch-item:hover .ch-info {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1; }
  
  .ch-item:hover .ch-info p {
  opacity: 1; }
  
  .team-member {
  float: left;
  width: 25%; }
  @media (max-width: 600px) {
    .team-member {
      width: 50%; } }
  .team-member .member-inner {
    position: relative;
    padding-top: 1px;
    text-align: center; }
  .team-member .member-portrait {
    width: 150px;
    height: 150px;
    margin: 0 auto;
    padding: 5px;
    border-radius: 50%;
    background-color: #F16521;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(241, 101, 33, 0.7)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(241, 101, 33, 0.7), transparent);
    background-image: -moz-linear-gradient(top, rgba(241, 101, 33, 0.7), transparent);
    background-image: -o-linear-gradient(top, rgba(241, 101, 33, 0.7), transparent);
    background-image: linear-gradient(to bottom, rgba(241, 101, 33, 0.7), transparent); }
    @media (max-width: 480px) {
      .team-member .member-portrait {
        width: 100px;
        height: 100px; } }
  .team-member .member-portrait img {
    border-radius: 50%; }
  .team-member .member-portrait a {
    border: none; }
    .team-member .member-portrait a:hover {
      text-decoration: none; }
  .team-member .member-name {
    text-transform: uppercase;
    color: #3f3f3f;
    margin: 6px 0 12px 0;
    font-family: "Open Sans", Arial, sans-serif; }
  .team-member .member-role {
    color: #585858;
    margin: 0;
    font-family: "Merriweather", Times, serif;
    font-size: 0.875em;
    font-weight: 300;
    text-transform: none;
    display: block; }
  .team-member .member-description > * {
    margin: 12px 0 0 0; }
  .team-member .member-description > *:first-child {
    margin-top: 0; }
  
  .various-content .c-team-member .member-portrait,
  .c-team-member .member-portrait {
  background-color: #F16521;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(241, 101, 33, 0.7)), to(transparent));
  background-image: -webkit-linear-gradient(top, rgba(241, 101, 33, 0.7), transparent);
  background-image: -moz-linear-gradient(top, rgba(241, 101, 33, 0.7), transparent);
  background-image: -o-linear-gradient(top, rgba(241, 101, 33, 0.7), transparent);
  background-image: linear-gradient(to bottom, rgba(241, 101, 33, 0.7), transparent); }
  .various-content .c-team-member .member-name,
  .c-team-member .member-name {
  color: #3f3f3f; }
  .various-content .c-team-member .member-role,
  .c-team-member .member-role {
  color: #585858; }
  
  /* -------------------------------------------------------------------------
  TESTIMONIAL
  ------------------------------------------------------------------------- */
  .c-testimonial .testimonial-portrait {
  background-color: #F16521;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(241, 101, 33, 0.7)), to(transparent));
  background-image: -webkit-linear-gradient(top, rgba(241, 101, 33, 0.7), transparent);
  background-image: -moz-linear-gradient(top, rgba(241, 101, 33, 0.7), transparent);
  background-image: -o-linear-gradient(top, rgba(241, 101, 33, 0.7), transparent);
  background-image: linear-gradient(to bottom, rgba(241, 101, 33, 0.7), transparent); }
  
  /* -------------------------------------------------------------------------
  TESTIMONIAL LIST
  ------------------------------------------------------------------------- */
  .c-testimonial-list {
  margin-bottom:30px;
  padding: 50px; }
  .c-testimonial-list .owl-controls .owl-page {
    border-color: #F16521; }
  .c-testimonial-list .owl-controls .owl-page.active,
  .c-testimonial-list .owl-controls .owl-page:hover {
    background-color: #F16521; }
  
  .c-testimonial blockquote p {
  line-height: 1.3em; }
  
  /* -----------------------------------------------------------------------------
  
    3.) HEADER
  
  ----------------------------------------------------------------------------- */
  #header {
  color: #FFF;
  background: #F16521 url("../../../images/header_bg.jpg") 0 0 no-repeat;
  background-size: cover; }
  
  .header-bg {
  background-color: #412521;
  background-color: rgba(65, 37, 33, 0.9);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(73, 45, 42, 0.6)), to(#412521));
  background-image: -webkit-linear-gradient(top, rgba(73, 45, 42, 0.6), #412521);
  background-image: -moz-linear-gradient(top, rgba(73, 45, 42, 0.6), #412521);
  background-image: -o-linear-gradient(top, rgba(73, 45, 42, 0.6), #412521);
  background-image: linear-gradient(to bottom, rgba(73, 45, 42, 0.6), #412521); }
  
  .cssgradients .header-bg {
  background-color: rgba(65, 37, 33, 0.8); }
  
  /* -------------------------------------------------------------------------
  HEADER BRANDING
  ------------------------------------------------------------------------- */
  #header .header-branding > a {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
  color: #1f1f1f; }
  
  /* -------------------------------------------------------------------------
  HEADER NAV
  ------------------------------------------------------------------------- */
  .header-menu a {
  color: #FFF; }
  
  .header-menu > ul > li.m-active > span > a {
  color: #F16521; }
  
  .header-menu > ul > li > span > a:before {
  background-color: #FFF;
  background-color: rgba(255, 255, 255, 0.2); }
  
  .header-menu .sub-menu {
  background-color: #FFF;
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15); }
  .header-menu .sub-menu a {
    color: #3f3f3f; }
  .header-menu .sub-menu a:hover {
    border-color: #3f3f3f; }
  .header-menu .sub-menu:before {
    border-right-color: #FFF; }
  .header-menu .sub-menu > li.m-active a {
    color: #F16521; }
  .header-menu .sub-menu > li.m-active a:hover {
    border-color: #F16521; }
  
  .header-cart a {
  color: #FFF;
  width: auto;
  padding: 0 10px;
  height: auto; }
  .header-cart a span {
    font-size: 0.8em;
    display: block;
    text-transform: capitalize;
    font-weight: 300; }
    @media (max-width: 1199px) {
      .header-cart a span {
        display: none; } }
  
  .header-search .search-form:before {
  background-color: #FFF;
  background-color: rgba(255, 255, 255, 0.2); }
  .header-search .search-input {
  color: #FFF; }
  .header-search .search-input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.8); }
  .header-search .search-input:-moz-placeholder {
    color: rgba(255, 255, 255, 0.8); }
  .header-search .search-input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.8); }
  .header-search .search-input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8); }
  .header-search .search-submit {
  color: #1a1a1a;
  background-color: #F16521; }
  .header-search .search-toggle {
  color: #FFF; }
  
  /* -------------------------------------------------------------------------
  HEADER PANEL
  ------------------------------------------------------------------------- */
  .header-panel {
  background-color: rgba(255, 255, 255, 0.08); }
  
  .header-reservation .c-button {
  color: #1a1a1a;
  background-color: #F16521;
  background-image: none; }
  
  .header-reservation .c-button:hover {
  -moz-box-shadow: 0 0 20px rgba(255, 255, 255, 0.3);
  -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.3);
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.3); }
  
  .header-contact .ico {
  -webkit-text-stroke: 0.01em rgba(255, 255, 255, 0.7); }
  
  .header-contact a {
  color: #FFF;
  border-color: rgba(255, 255, 255, 0.2);
  -webkit-text-stroke: 0.01em rgba(255, 255, 255, 0.7); }
  
  .header-contact a:hover {
  border-color: white; }
  
  .header-social > ul:before,
  .header-social > ul:after {
  background-color: #FFF;
  background-color: rgba(255, 255, 255, 0.2); }
  
  .header-social > ul > li > a {
  color: #FFF;
  border-color: #FFF;
  border-color: rgba(255, 255, 255, 0.3);
  -webkit-text-stroke: 0.01em rgba(255, 255, 255, 0.7); }
  
  .header-social > ul > li > a:hover {
  border-color: rgba(255, 255, 255, 0.6); }
  
  /* -----------------------------------------------------------------------------
  
    4.) MAIN SLIDER
  
  ----------------------------------------------------------------------------- */
  #main-slider {
    /* -------------------------------------------------------------------------
          SLIDER NAV
    ------------------------------------------------------------------------- */
    /* -------------------------------------------------------------------------
          SLIDER PAUSE BUTTON
    ------------------------------------------------------------------------- */
    /* -------------------------------------------------------------------------
          SLIDER INDICATOR
    ------------------------------------------------------------------------- */ }
  #main-slider .slider-nav {
    display: none; }
  #main-slider .slide h1,
  #main-slider .slide h2 {
    color: #F16521;
    -webkit-text-stroke: 0.01em rgba(241, 101, 33, 0.5); }
  #main-slider .slide h3 {
    color: #3f3f3f; }
  #main-slider .slider-nav {
    background-color: #FFF;
    background-color: rgba(255, 255, 255, 0.9); }
  #main-slider .slider-nav ul > li > button:hover,
  #main-slider .slider-nav ul > li.m-active > button {
    color: #F16521; }
  #main-slider .slider-pause-btn {
    color: #FFF;
    background-color: #F16521;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(241, 101, 33, 0.2)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(241, 101, 33, 0.2), transparent);
    background-image: -moz-linear-gradient(top, rgba(241, 101, 33, 0.2), transparent);
    background-image: -o-linear-gradient(top, rgba(241, 101, 33, 0.2), transparent);
    background-image: linear-gradient(to bottom, rgba(241, 101, 33, 0.2), transparent); }
  #main-slider .slider-pause-btn.m-active,
  #main-slider .slider-pause-btn:hover {
    -moz-box-shadow: inset 0 0 20px 0 rgba(241, 101, 33, 0.35);
    -webkit-box-shadow: inset 0 0 20px 0 rgba(241, 101, 33, 0.35);
    box-shadow: inset 0 0 20px 0 rgba(241, 101, 33, 0.35); }
  #main-slider .slider-indicator {
    background-color: #FFF;
    background-color: rgba(255, 255, 255, 0.8); }
  #main-slider .slider-indicator > span {
    background-color: #F16521;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(241, 101, 33, 0.5)), to(transparent));
    background-image: -webkit-linear-gradient(left, rgba(241, 101, 33, 0.5), transparent);
    background-image: -moz-linear-gradient(left, rgba(241, 101, 33, 0.5), transparent);
    background-image: -o-linear-gradient(left, rgba(241, 101, 33, 0.5), transparent);
    background-image: linear-gradient(to right, rgba(241, 101, 33, 0.5), transparent); }
  
  /* -----------------------------------------------------------------------------
  
    5.) CORE
  
  ----------------------------------------------------------------------------- */
  #core.core-bg-1 {
  background: url("../../../images/core_bg_01.jpg") right 0 no-repeat; }
  
  #core.core-bg-2 {
  background: url("../../../images/core_bg_02.jpg") right 0 no-repeat; }
  
  /* -------------------------------------------------------------------------
        PAGE HEADER
  ------------------------------------------------------------------------- */
  #page-header h1 {
  color: #3f3f3f;
  border-color: #e1e1e1; }
  
  /* -------------------------------------------------------------------------
        BLOG LIST / DETAIL
  ------------------------------------------------------------------------- */
  .blog-detail .article-title,
  .blog-list .article-title {
  color: #3f3f3f; }
  .blog-detail .article-footer,
  .blog-list .article-footer {
  border-color: #e1e1e1; }
  .blog-detail .article-info > li:before,
  .blog-list .article-info > li:before {
  color: #d0d0d0; }
  .blog-detail .article-quote,
  .blog-list .article-quote {
  border-color: #e1e1e1; }
  .blog-detail .article-quote blockquote p,
  .blog-list .article-quote blockquote p {
  color: #3f3f3f; }
  .blog-detail .article-link,
  .blog-list .article-link {
  border-color: #e1e1e1; }
  
  /* -------------------------------------------------------------------------
        BLOG DETAIL
  ------------------------------------------------------------------------- */
  .blog-detail .article-author .author-inner {
  border-color: #e1e1e1; }
  .blog-detail .article-author .author-portrait {
  background-color: #F16521;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(241, 101, 33, 0.7)), to(transparent));
  background-image: -webkit-linear-gradient(top, rgba(241, 101, 33, 0.7), transparent);
  background-image: -moz-linear-gradient(top, rgba(241, 101, 33, 0.7), transparent);
  background-image: -o-linear-gradient(top, rgba(241, 101, 33, 0.7), transparent);
  background-image: linear-gradient(to bottom, rgba(241, 101, 33, 0.7), transparent); }
  .blog-detail .article-author .author-name {
  color: #3f3f3f; }
  .blog-detail .article-navigation h5 {
  color: #3f3f3f; }
  .blog-detail .comment-list .comment-author {
  color: #3f3f3f; }
  .blog-detail .comment-list .comment-info {
  border-color: #e1e1e1; }
  .blog-detail .comment-list .comment-date:before,
  .blog-detail .comment-list .comment-reply:before {
  color: #d0d0d0; }
  .blog-detail .comment-list .comment-reply:hover:before {
  color: #F16521; }
  
  /* -------------------------------------------------------------------------
  PRODUCT LIST
  ------------------------------------------------------------------------- */
  .product-list-tools .product-list-title {
  color: #3f3f3f; }
  
  .product-list .product-inner {
  border-color: #e1e1e1;
  background-color: #FFF; }
  .product-list .product-title a {
  color: #3f3f3f; }
  .product-list .product-title a:hover {
  border-color: #3f3f3f; }
  .product-list .product-price {
  color: #3f3f3f; }
  
  /* -------------------------------------------------------------------------
        PRODUCT DETAIL
  ------------------------------------------------------------------------- */
  .product-detail .product-short-description {
  border-color: #e1e1e1; }
  .product-detail .product-info {
  border-color: #e1e1e1; }
  .product-detail .product-status.m-available {
  color: #499161; }
  .product-detail .product-status.m-unavailable {
  color: #d40041; }
  .product-detail .product-status.m-info {
  color: #c88435; }
  .product-detail .product-status.m-available .product-status-inner .ico {
  color: #499161;
  background-color: #d4fbd3; }
  .product-detail .product-status.m-unavailable .product-status-inner .ico {
  color: #d40041;
  background-color: #ffdfe0; }
  .product-detail .product-status.m-info .product-status-inner .ico {
  color: #c88435;
  background-color: #fff4cf; }
  .product-detail .product-price .price {
  color: #F16521; }
  .product-detail .review-list .review-author {
  color: #3f3f3f; }
  .product-detail .review-list .review-rating {
  color: #F16521; }
  .product-detail .review-list .review-info {
  border-color: #e1e1e1; }
  .product-detail .review-list .review-date:before {
  color: #d0d0d0; }
  .product-detail .review-form-title {
  color: #3f3f3f; }
  .product-detail .review-form .rating-stars {
  color: #F16521; }
  
  /* -------------------------------------------------------------------------
        SHOP CART
  ------------------------------------------------------------------------- */
  .shop-cart .cart-table th {
  color: #3f3f3f;
  border-color: #e1e1e1; }
  .shop-cart .cart-table td {
  border-color: #e1e1e1; }
  
  /* -------------------------------------------------------------------------
        SHOP CHECKOUT
  ------------------------------------------------------------------------- */
  .shop-checkout .order-summary table th {
  color: #3f3f3f;
  border-color: #e1e1e1; }
  .shop-checkout .order-summary table td {
  border-color: #e1e1e1; }
  .shop-checkout .checkout-footer {
  border-color: #e1e1e1; }
  
  /* -------------------------------------------------------------------------
        SEARCH RESULTS
  ------------------------------------------------------------------------- */
  .search-results .item-title {
  color: #3f3f3f; }
  
  .search-results .search-query {
  color: #F16521; }
  
  /* -------------------------------------------------------------------------
        ERROR 404
  ------------------------------------------------------------------------- */
  .error-404 .error-header h1 {
  color: #F16521; }
  .error-404 .error-header h1 > span {
  color: #d0d0d0; }
  .error-404 .error-header p {
  color: #3f3f3f; }
  
  /* -----------------------------------------------------------------------------
  
    6.) SIDEBAR
  
  ----------------------------------------------------------------------------- */
  #sidebar .widget-title {
  color: #3f3f3f; }
  #sidebar .widget-title:before {
  background-color: #F16521; }
  
  .sidebar-articles ul > li {
  border-color: #e1e1e1; }
  
  .sidebar-cart .cart-product-list > li {
  border-color: #e1e1e1; }
  .sidebar-cart .cart-footer {
  border-color: #e1e1e1; }
  
  .sidebar-links .widget-content {
  border-color: #e1e1e1; }
  
  .sidebar-links ul > li:before {
  border-color: #e1e1e1; }
  
  .sidebar-products ul > li {
  border-color: #e1e1e1; }
  
  .sidebar-tags ul > li > a {
  color: #585858;
  border-color: #e1e1e1; }
  
  .sidebar-tags ul > li > a:hover {
  border-color: #d0d0d0; }
  
  /* -----------------------------------------------------------------------------
  
    7.) BOTTOM PANEL
  
  ----------------------------------------------------------------------------- */
  #bottom-panel {
  color: #FFF;
  background: #F16521 url("../../../images/bottom_bg.jpg") center center no-repeat;
  background-size: cover; }
  #bottom-panel .bottom-panel-inner {
    background-color: #F16521;
    background-color: rgba(241, 101, 33, 0.85); }
  #bottom-panel h3 {
    color: #FFF; }
  #bottom-panel #subscribe-form .form-fields {
    background-color: #FFF;
    background-color: rgba(255, 255, 255, 0.8); }
  #bottom-panel #subscribe-form .c-alert-message {
    color: #FFF;
    border-color: rgba(255, 255, 255, 0.2);
    background-color: transparent; }
  #bottom-panel #subscribe-form input {
    color: #3f3f3f;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
    background: none; }
  
  /* -----------------------------------------------------------------------------
  
    8.) FOOTER
  
  ----------------------------------------------------------------------------- */
  #footer {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.05) 0%), to(transparent 100%));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, transparent 100%);
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, transparent 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, transparent 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, transparent 100%);
  -moz-box-shadow: inset 0 1px 0 #FFF;
  -webkit-box-shadow: inset 0 1px 0 #FFF;
  box-shadow: inset 0 1px 0 #FFF;
  border-color: #e1e1e1; }
  
  /* -------------------------------------------------------------------------
        FOOTER TWITTER
    ------------------------------------------------------------------------- */
  .footer-twitter {
  border-color: #e1e1e1; }
  
  .footer-twitter .ico {
  color: #55acee; }
  
  .footer-twitter .twitter-title a {
  color: #3f3f3f; }
  
  .footer-twitter .twitter-title a:hover {
  border-color: #3f3f3f; }
  
  .footer-twitter .btn-prev,
  .footer-twitter .btn-next {
  color: #c5c5c5; }
  
  /* -----------------------------------------------------------------------------
  
    9.) OTHER
  
  ----------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------
        JQUERY UI DATEPICKER
    ------------------------------------------------------------------------- */
  #ui-datepicker-div {
  color: #FFF;
  background-color: #3f3f3f;
  background-color: rgba(63, 63, 63, 0.98);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), to(transparent));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1), transparent);
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.1), transparent);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.1), transparent);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), transparent); }
  
  .ui-datepicker-prev:before,
  .ui-datepicker-next:before {
  color: #F16521; }
  
  .ui-datepicker-title {
  border-color: rgba(255, 255, 255, 0.05); }
  
  .various-content .ui-datepicker-calendar thead th,
  .ui-datepicker-calendar thead th {
  color: #FFF; }
  .various-content .ui-datepicker-calendar tbody td a,
  .ui-datepicker-calendar tbody td a {
  color: #FFF;
  background-color: rgba(255, 255, 255, 0.04); }
  .various-content .ui-datepicker-calendar tbody td a:hover,
  .ui-datepicker-calendar tbody td a:hover {
  background-color: #F16521; }
  .various-content .ui-datepicker-calendar tbody td.ui-datepicker-today a,
  .ui-datepicker-calendar tbody td.ui-datepicker-today a {
  color: #1a1a1a;
  background-color: #F16521; }
  .various-content .ui-datepicker-calendar tbody td.ui-datepicker-today.ui-state-disabled,
  .ui-datepicker-calendar tbody td.ui-datepicker-today.ui-state-disabled {
  color: #F16521; }
  .various-content .ui-datepicker-calendar tbody td a.ui-state-active,
  .ui-datepicker-calendar tbody td a.ui-state-active {
  background-color: rgba(255, 255, 255, 0.12); }
  .various-content .ui-datepicker-calendar tbody tr:nth-child(odd) td,
  .ui-datepicker-calendar tbody tr:nth-child(odd) td {
  background-color: transparent; }
  
  /* -------------------------------------------------------------------------
        MAGNIFIC POPUP BG
    ------------------------------------------------------------------------- */
  .mfp-bg {
  background-color: #000; }
  
  /* -----------------------------------------------------------------------------
  
    10.) RESPONSIVE
  
  ----------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------
        EXTRA LARGE DEVICES
    ------------------------------------------------------------------------- */
  @media (max-width: 1400px), (max-height: 700px) {
  .header-panel-toggle {
    color: #FFF;
    background-color: #F16521; }
  
  .header-panel-toggle:hover {
    -moz-box-shadow: inset 0 0 10px 0 rgba(241, 101, 33, 0.35);
    -webkit-box-shadow: inset 0 0 10px 0 rgba(241, 101, 33, 0.35);
    box-shadow: inset 0 0 10px 0 rgba(241, 101, 33, 0.35); }
  
  .header-panel-toggle:active {
    -moz-box-shadow: inset 0 0 10px 0 rgba(241, 101, 33, 0.65);
    -webkit-box-shadow: inset 0 0 10px 0 rgba(241, 101, 33, 0.65);
    box-shadow: inset 0 0 10px 0 rgba(241, 101, 33, 0.65); } }
  /* -------------------------------------------------------------------------
    LARGE DEVICES
  ------------------------------------------------------------------------- */
  @media (max-width: 1199px) {
  #header {
    background-position: center; }
  
  .header-inner {
    background-position: 0 -100px; }
  
  #header.m-animated .header-inner.animate-to-left {
    background-position: -1000px -100px; }
  
  .header-navigation {
    border-color: rgba(255, 255, 255, 0.2); }
  
  .header-menu .submenu-toggle {
    color: #FFF;
    border-color: rgba(255, 255, 255, 0.3); }
  
  .header-menu .sub-menu:before {
    border-right-color: transparent;
    border-bottom-color: #FFF; }
  
  .header-cart a {
    border-color: #FFF;
    border-color: rgba(255, 255, 255, 0.3); }
  .header-cart a:hover {
    border-color: rgba(255, 255, 255, 0.6); }
  
  .header-search .header-search-inner {
    border-color: #FFF;
    border-color: rgba(255, 255, 255, 0.05); }
  .header-search .search-form {
    border-color: #FFF;
    border-color: rgba(255, 255, 255, 0.2); }
  .header-search .search-toggle-mobile {
    border-color: #FFF;
    border-color: rgba(255, 255, 255, 0.3); }
  .header-search .search-toggle-mobile.m-active,
  .header-search .search-toggle-mobile:hover {
    border-color: rgba(255, 255, 255, 0.6); }
  .header-search .search-toggle-mobile > i:before {
    color: #FFF; }
  
  .header-panel {
    background-color: transparent; }
  
  .header-reservation {
    border-color: #FFF;
    border-color: rgba(255, 255, 255, 0.05); }
  
  .header-contact > ul {
    border-color: #FFF;
    border-color: rgba(255, 255, 255, 0.05); } }
  /* -------------------------------------------------------------------------
    MEDIUM DEVICES
  ------------------------------------------------------------------------- */
  @media (max-width: 991px) {
  #header.m-animated .header-inner.animate-to-left {
    background-position: 0 -100px; }
  
  .header-menu > ul {
    border-color: rgba(255, 255, 255, 0.05); }
  
  .header-menu .sub-menu {
    background: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
    .header-menu .sub-menu a {
      color: #FFF;
      border-color: rgba(255, 255, 255, 0.2); }
    .header-menu .sub-menu a:hover {
      border-color: #FFF; }
    .header-menu .sub-menu > li.m-active a {
      color: #F16521; }
    .header-menu .sub-menu > li.m-active a:hover {
      border-color: #F16521; }
  
  .header-menu-toggle {
    color: #FFF;
    border-color: rgba(255, 255, 255, 0.3); }
  
  .header-menu-toggle.m-active,
  .header-menu-toggle:hover {
    border-color: rgba(255, 255, 255, 0.6); }
  
  #main-slider .slide-bg {
    /* background-color: rgba(255, 255, 255, 0.7); */
    }
  
  #main-slider .slider-nav {
    background-color: transparent; }
  
  #main-slider .slider-nav {
    border-color: #e1e1e1; } }
  /* -------------------------------------------------------------------------
        EXTRA SMALL DEVICES
    ------------------------------------------------------------------------- */
  @media (max-width: 480px) {
  #bottom-panel #subscribe-form .form-fields {
    background-color: transparent; }
  
  #bottom-panel #subscribe-form input {
    background-color: #FFF;
    background-color: rgba(255, 255, 255, 0.8); } }
  .c-map > iframe {
  width: 100%;
  height: 400px; }


 /* -------------------------------------------------------------------------
        FULLCALENDAR
    ------------------------------------------------------------------------- */

    .fc-timegrid-slot-label {
      font-weight: 800;
    }
    
    .fc-timegrid-slots table tr {
      transition: all .15s ease;
    }
    
    .fc-timegrid-slots table tr:hover {
      background: #fde050 !important;
      transition: all .15s ease;
    }

    .fc-timegrid-slots table tr:hover td.fc-timegrid-axis {
   background-color: #3f3f3f !important;
    padding: 5px 0;
}
    
    .fc-timegrid-slots table tr:nth-child(4n + 1) {
      //background: #fffae2 !important;}
    
    .fc-timegrid-slot-label[data-time*=":15"],
    .fc-timegrid-slot-label[data-time*=":30"],
    .fc-timegrid-slot-label[data-time*=":45"] {
      font-size: 80%;
      opacity: 0.5;
      font-weight: 400;
    }
    
    {}
    
    .fc .fc-highlight {
      background: #f16621 !important;
    }
    
    .fc-day-today {
      background-color: #fffae2;
    }
    
    .fc-day-past {
      background-color: #f7edee;
    }
    
    th.fc-day-today:before {
      content: 'Today';
      font-size: 80%;
      line-height: 1;
      text-transform: uppercase;
      opacity: 0.6;
    }
    
    th.fc-day-past:before {
      content: 'Past';
      font-size: 80%;
      line-height: 1;
      text-transform: uppercase;
      opacity: 0.6;
    }
    
    th.fc-day-future:before {
      content: "\00a0";
      font-size: 80%;
      line-height: 1;
      text-transform: uppercase;
    }
    
    .fc-timegrid-axis-frame:after {
      content: 'V';
      font-family: 'Times';
      line-height: 36px;
      text-align: center;
      display: block;
      width: 100%;
      font-size: 24px;
      color: #f16621;
    }





  .ch-grid {
  margin: 20px 0 0 0;
  padding: 0;
  list-style: none;
  display: block;
  text-align: center;
  width: 100%; }
  
  .ch-grid:after,
  .ch-item:before {
  content: '';
  display: table; }
  
  .ch-grid:after {
  clear: both; }
  
  .ch-grid li {
  float: left;
  display: block;
  height: auto;
  padding: 0px !important;
  width: 25%;
  list-style: none; }
  @media (max-width: 991px) {
    .ch-grid li {
      width: 33%; } }
  @media (max-width: 480px) {
    .ch-grid li {
      width: 50%; } }
  .ch-grid li:before {
    display: none !important; }
  
  .ch-item {
  background-position: 50% 50%;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  position: relative;
  background-size:contain;
  cursor: default;
  box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }
  
  .ch-info {
  position: absolute;
  background-color: rgba(241, 101, 33, 0.5);
  background-image: linear-gradient(to bottom, rgba(241, 101, 33, 0.5), transparent);
  width: inherit;
  height: inherit;
  border-radius: 50%;
  opacity: 0;
  left: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-backface-visibility: hidden; }
  
  .ch-info h3 {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 30px 0 0 0;
  text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3); }
  
  .ch-info p {
  color: #fff;
  padding: 5px 5px;
  font-family: "Open Sans", Arial, sans-serif;
  margin: 0 30px;
  font-size: 16px;
  font-weight: 700;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out 0.2s;
  -moz-transition: all 0.5s ease-in-out 0.2s;
  -o-transition: all 0.5s ease-in-out 0.2s;
  -ms-transition: all 0.5s ease-in-out 0.2s;
  transition: all 0.5s ease-in-out 0.2s; }
  .ch-info p small {
    display: block;
    font-style: italic;
    font-family: "Merriweather", Times, serif;
    font-weight: normal; }
  
  .ch-item:hover {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1); }
  
  .ch-item:hover .ch-info {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1; }
  
  .ch-item:hover .ch-info p {
  opacity: 1; }
  
  .team-member {
  float: left;
  width: 25%; }
  @media (max-width: 600px) {
    .team-member {
      width: 50%; } }
  .team-member .member-inner {
    position: relative;
    padding-top: 1px;
    text-align: center; }
  .team-member .member-portrait {
    width: 150px;
    height: 150px;
    margin: 0 auto;
    padding: 5px;
    border-radius: 50%;
    background-color: #F16521;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(241, 101, 33, 0.7)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(241, 101, 33, 0.7), transparent);
    background-image: -moz-linear-gradient(top, rgba(241, 101, 33, 0.7), transparent);
    background-image: -o-linear-gradient(top, rgba(241, 101, 33, 0.7), transparent);
    background-image: linear-gradient(to bottom, rgba(241, 101, 33, 0.7), transparent); }
    @media (max-width: 480px) {
      .team-member .member-portrait {
        width: 100px;
        height: 100px; } }
  .team-member .member-portrait img {
    border-radius: 50%; }
  .team-member .member-portrait a {
    border: none; }
    .team-member .member-portrait a:hover {
      text-decoration: none; }
  .team-member .member-name {
    text-transform: uppercase;
    color: #3f3f3f;
    margin: 6px 0 12px 0;
    font-family: "Open Sans", Arial, sans-serif; }
  .team-member .member-role {
    color: #585858;
    margin: 0;
    font-family: "Merriweather", Times, serif;
    font-size: 0.875em;
    font-weight: 300;
    text-transform: none;
    display: block; }
  .team-member .member-description > * {
    margin: 12px 0 0 0; }
  .team-member .member-description > *:first-child {
    margin-top: 0; }
  
  .various-content .c-team-member .member-portrait,
  .c-team-member .member-portrait {
  background-color: #F16521;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(241, 101, 33, 0.7)), to(transparent));
  background-image: -webkit-linear-gradient(top, rgba(241, 101, 33, 0.7), transparent);
  background-image: -moz-linear-gradient(top, rgba(241, 101, 33, 0.7), transparent);
  background-image: -o-linear-gradient(top, rgba(241, 101, 33, 0.7), transparent);
  background-image: linear-gradient(to bottom, rgba(241, 101, 33, 0.7), transparent); }
  .various-content .c-team-member .member-name,
  .c-team-member .member-name {
  color: #3f3f3f; }
  .various-content .c-team-member .member-role,
  .c-team-member .member-role {
  color: #585858; }
  
  /* -------------------------------------------------------------------------
  TESTIMONIAL
  ------------------------------------------------------------------------- */
  .c-testimonial .testimonial-portrait {
  background-color: #F16521;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(241, 101, 33, 0.7)), to(transparent));
  background-image: -webkit-linear-gradient(top, rgba(241, 101, 33, 0.7), transparent);
  background-image: -moz-linear-gradient(top, rgba(241, 101, 33, 0.7), transparent);
  background-image: -o-linear-gradient(top, rgba(241, 101, 33, 0.7), transparent);
  background-image: linear-gradient(to bottom, rgba(241, 101, 33, 0.7), transparent); }
  
  /* -------------------------------------------------------------------------
  TESTIMONIAL LIST
  ------------------------------------------------------------------------- */
  .c-testimonial-list {
  margin-bottom:30px;
  padding: 50px; }
  .c-testimonial-list .owl-controls .owl-page {
    border-color: #F16521; }
  .c-testimonial-list .owl-controls .owl-page.active,
  .c-testimonial-list .owl-controls .owl-page:hover {
    background-color: #F16521; }
  
  .c-testimonial blockquote p {
  line-height: 1.3em; }
  
  /* -----------------------------------------------------------------------------
  
    3.) HEADER
  
  ----------------------------------------------------------------------------- */
  #header {
  color: #FFF;
  background: #F16521 url("../../../images/header_bg.jpg") 0 0 no-repeat;
  background-size: cover; }
  
  .header-bg {
  background-color: #412521;
  background-color: rgba(65, 37, 33, 0.9);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(73, 45, 42, 0.6)), to(#412521));
  background-image: -webkit-linear-gradient(top, rgba(73, 45, 42, 0.6), #412521);
  background-image: -moz-linear-gradient(top, rgba(73, 45, 42, 0.6), #412521);
  background-image: -o-linear-gradient(top, rgba(73, 45, 42, 0.6), #412521);
  background-image: linear-gradient(to bottom, rgba(73, 45, 42, 0.6), #412521); }
  
  .cssgradients .header-bg {
  background-color: rgba(65, 37, 33, 0.8); }
  
  /* -------------------------------------------------------------------------
  HEADER BRANDING
  ------------------------------------------------------------------------- */
  #header .header-branding > a {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
  color: #1f1f1f; }
  
  /* -------------------------------------------------------------------------
  HEADER NAV
  ------------------------------------------------------------------------- */
  .header-menu a {
  color: #FFF; }
  
  .header-menu > ul > li.m-active > span > a {
  color: #F16521; }
  
  .header-menu > ul > li > span > a:before {
  background-color: #FFF;
  background-color: rgba(255, 255, 255, 0.2); }
  
  .header-menu .sub-menu {
  background-color: #FFF;
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15); }
  .header-menu .sub-menu a {
    color: #3f3f3f; }
  .header-menu .sub-menu a:hover {
    border-color: #3f3f3f; }
  .header-menu .sub-menu:before {
    border-right-color: #FFF; }
  .header-menu .sub-menu > li.m-active a {
    color: #F16521; }
  .header-menu .sub-menu > li.m-active a:hover {
    border-color: #F16521; }
  
  .header-cart a {
  color: #FFF;
  width: auto;
  padding: 0 10px;
  height: auto; }
  .header-cart a span {
    font-size: 0.8em;
    display: block;
    text-transform: capitalize;
    font-weight: 300; }
    @media (max-width: 1199px) {
      .header-cart a span {
        display: none; } }
  
  .header-search .search-form:before {
  background-color: #FFF;
  background-color: rgba(255, 255, 255, 0.2); }
  .header-search .search-input {
  color: #FFF; }
  .header-search .search-input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.8); }
  .header-search .search-input:-moz-placeholder {
    color: rgba(255, 255, 255, 0.8); }
  .header-search .search-input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.8); }
  .header-search .search-input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8); }
  .header-search .search-submit {
  color: #1a1a1a;
  background-color: #F16521; }
  .header-search .search-toggle {
  color: #FFF; }
  
  /* -------------------------------------------------------------------------
  HEADER PANEL
  ------------------------------------------------------------------------- */
  .header-panel {
  background-color: rgba(255, 255, 255, 0.08); }
  
  .header-reservation .c-button {
  color: #1a1a1a;
  background-color: #F16521;
  background-image: none; }
  
  .header-reservation .c-button:hover {
  -moz-box-shadow: 0 0 20px rgba(255, 255, 255, 0.3);
  -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.3);
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.3); }
  
  .header-contact .ico {
  -webkit-text-stroke: 0.01em rgba(255, 255, 255, 0.7); }
  
  .header-contact a {
  color: #FFF;
  border-color: rgba(255, 255, 255, 0.2);
  -webkit-text-stroke: 0.01em rgba(255, 255, 255, 0.7); }
  
  .header-contact a:hover {
  border-color: white; }
  
  .header-social > ul:before,
  .header-social > ul:after {
  background-color: #FFF;
  background-color: rgba(255, 255, 255, 0.2); }
  
  .header-social > ul > li > a {
  color: #FFF;
  border-color: #FFF;
  border-color: rgba(255, 255, 255, 0.3);
  -webkit-text-stroke: 0.01em rgba(255, 255, 255, 0.7); }
  
  .header-social > ul > li > a:hover {
  border-color: rgba(255, 255, 255, 0.6); }
  
  /* -----------------------------------------------------------------------------
  
    4.) MAIN SLIDER
  
  ----------------------------------------------------------------------------- */
  #main-slider {
    /* -------------------------------------------------------------------------
          SLIDER NAV
    ------------------------------------------------------------------------- */
    /* -------------------------------------------------------------------------
          SLIDER PAUSE BUTTON
    ------------------------------------------------------------------------- */
    /* -------------------------------------------------------------------------
          SLIDER INDICATOR
    ------------------------------------------------------------------------- */ }
  #main-slider .slider-nav {
    display: none; }
  #main-slider .slide h1,
  #main-slider .slide h2 {
    color: #F16521;
    -webkit-text-stroke: 0.01em rgba(241, 101, 33, 0.5); }
  #main-slider .slide h3 {
    color: #3f3f3f; }
  #main-slider .slider-nav {
    background-color: #FFF;
    background-color: rgba(255, 255, 255, 0.9); }
  #main-slider .slider-nav ul > li > button:hover,
  #main-slider .slider-nav ul > li.m-active > button {
    color: #F16521; }
  #main-slider .slider-pause-btn {
    color: #FFF;
    background-color: #F16521;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(241, 101, 33, 0.2)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(241, 101, 33, 0.2), transparent);
    background-image: -moz-linear-gradient(top, rgba(241, 101, 33, 0.2), transparent);
    background-image: -o-linear-gradient(top, rgba(241, 101, 33, 0.2), transparent);
    background-image: linear-gradient(to bottom, rgba(241, 101, 33, 0.2), transparent); }
  #main-slider .slider-pause-btn.m-active,
  #main-slider .slider-pause-btn:hover {
    -moz-box-shadow: inset 0 0 20px 0 rgba(241, 101, 33, 0.35);
    -webkit-box-shadow: inset 0 0 20px 0 rgba(241, 101, 33, 0.35);
    box-shadow: inset 0 0 20px 0 rgba(241, 101, 33, 0.35); }
  #main-slider .slider-indicator {
    background-color: #FFF;
    background-color: rgba(255, 255, 255, 0.8); }
  #main-slider .slider-indicator > span {
    background-color: #F16521;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(241, 101, 33, 0.5)), to(transparent));
    background-image: -webkit-linear-gradient(left, rgba(241, 101, 33, 0.5), transparent);
    background-image: -moz-linear-gradient(left, rgba(241, 101, 33, 0.5), transparent);
    background-image: -o-linear-gradient(left, rgba(241, 101, 33, 0.5), transparent);
    background-image: linear-gradient(to right, rgba(241, 101, 33, 0.5), transparent); }
  
  /* -----------------------------------------------------------------------------
  
    5.) CORE
  
  ----------------------------------------------------------------------------- */
  #core.core-bg-1 {
  background: url("../../../images/core_bg_01.jpg") right 0 no-repeat; }
  
  #core.core-bg-2 {
  background: url("../../../images/core_bg_02.jpg") right 0 no-repeat; }
  
  /* -------------------------------------------------------------------------
        PAGE HEADER
  ------------------------------------------------------------------------- */
  #page-header h1 {
  color: #3f3f3f;
  border-color: #e1e1e1; }
  
  /* -------------------------------------------------------------------------
        BLOG LIST / DETAIL
  ------------------------------------------------------------------------- */
  .blog-detail .article-title,
  .blog-list .article-title {
  color: #3f3f3f; }
  .blog-detail .article-footer,
  .blog-list .article-footer {
  border-color: #e1e1e1; }
  .blog-detail .article-info > li:before,
  .blog-list .article-info > li:before {
  color: #d0d0d0; }
  .blog-detail .article-quote,
  .blog-list .article-quote {
  border-color: #e1e1e1; }
  .blog-detail .article-quote blockquote p,
  .blog-list .article-quote blockquote p {
  color: #3f3f3f; }
  .blog-detail .article-link,
  .blog-list .article-link {
  border-color: #e1e1e1; }
  
  /* -------------------------------------------------------------------------
        BLOG DETAIL
  ------------------------------------------------------------------------- */
  .blog-detail .article-author .author-inner {
  border-color: #e1e1e1; }
  .blog-detail .article-author .author-portrait {
  background-color: #F16521;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(241, 101, 33, 0.7)), to(transparent));
  background-image: -webkit-linear-gradient(top, rgba(241, 101, 33, 0.7), transparent);
  background-image: -moz-linear-gradient(top, rgba(241, 101, 33, 0.7), transparent);
  background-image: -o-linear-gradient(top, rgba(241, 101, 33, 0.7), transparent);
  background-image: linear-gradient(to bottom, rgba(241, 101, 33, 0.7), transparent); }
  .blog-detail .article-author .author-name {
  color: #3f3f3f; }
  .blog-detail .article-navigation h5 {
  color: #3f3f3f; }
  .blog-detail .comment-list .comment-author {
  color: #3f3f3f; }
  .blog-detail .comment-list .comment-info {
  border-color: #e1e1e1; }
  .blog-detail .comment-list .comment-date:before,
  .blog-detail .comment-list .comment-reply:before {
  color: #d0d0d0; }
  .blog-detail .comment-list .comment-reply:hover:before {
  color: #F16521; }
  
  /* -------------------------------------------------------------------------
  PRODUCT LIST
  ------------------------------------------------------------------------- */
  .product-list-tools .product-list-title {
  color: #3f3f3f; }
  
  .product-list .product-inner {
  border-color: #e1e1e1;
  background-color: #FFF; }
  .product-list .product-title a {
  color: #3f3f3f; }
  .product-list .product-title a:hover {
  border-color: #3f3f3f; }
  .product-list .product-price {
  color: #3f3f3f; }
  
  /* -------------------------------------------------------------------------
        PRODUCT DETAIL
  ------------------------------------------------------------------------- */
  .product-detail .product-short-description {
  border-color: #e1e1e1; }
  .product-detail .product-info {
  border-color: #e1e1e1; }
  .product-detail .product-status.m-available {
  color: #499161; }
  .product-detail .product-status.m-unavailable {
  color: #d40041; }
  .product-detail .product-status.m-info {
  color: #c88435; }
  .product-detail .product-status.m-available .product-status-inner .ico {
  color: #499161;
  background-color: #d4fbd3; }
  .product-detail .product-status.m-unavailable .product-status-inner .ico {
  color: #d40041;
  background-color: #ffdfe0; }
  .product-detail .product-status.m-info .product-status-inner .ico {
  color: #c88435;
  background-color: #fff4cf; }
  .product-detail .product-price .price {
  color: #F16521; }
  .product-detail .review-list .review-author {
  color: #3f3f3f; }
  .product-detail .review-list .review-rating {
  color: #F16521; }
  .product-detail .review-list .review-info {
  border-color: #e1e1e1; }
  .product-detail .review-list .review-date:before {
  color: #d0d0d0; }
  .product-detail .review-form-title {
  color: #3f3f3f; }
  .product-detail .review-form .rating-stars {
  color: #F16521; }
  
  /* -------------------------------------------------------------------------
        SHOP CART
  ------------------------------------------------------------------------- */
  .shop-cart .cart-table th {
  color: #3f3f3f;
  border-color: #e1e1e1; }
  .shop-cart .cart-table td {
  border-color: #e1e1e1; }
  
  /* -------------------------------------------------------------------------
        SHOP CHECKOUT
  ------------------------------------------------------------------------- */
  .shop-checkout .order-summary table th {
  color: #3f3f3f;
  border-color: #e1e1e1; }
  .shop-checkout .order-summary table td {
  border-color: #e1e1e1; }
  .shop-checkout .checkout-footer {
  border-color: #e1e1e1; }
  
  /* -------------------------------------------------------------------------
        SEARCH RESULTS
  ------------------------------------------------------------------------- */
  .search-results .item-title {
  color: #3f3f3f; }
  
  .search-results .search-query {
  color: #F16521; }
  
  /* -------------------------------------------------------------------------
        ERROR 404
  ------------------------------------------------------------------------- */
  .error-404 .error-header h1 {
  color: #F16521; }
  .error-404 .error-header h1 > span {
  color: #d0d0d0; }
  .error-404 .error-header p {
  color: #3f3f3f; }
  
  /* -----------------------------------------------------------------------------
  
    6.) SIDEBAR
  
  ----------------------------------------------------------------------------- */
  #sidebar .widget-title {
  color: #3f3f3f; }
  #sidebar .widget-title:before {
  background-color: #F16521; }
  
  .sidebar-articles ul > li {
  border-color: #e1e1e1; }
  
  .sidebar-cart .cart-product-list > li {
  border-color: #e1e1e1; }
  .sidebar-cart .cart-footer {
  border-color: #e1e1e1; }
  
  .sidebar-links .widget-content {
  border-color: #e1e1e1; }
  
  .sidebar-links ul > li:before {
  border-color: #e1e1e1; }
  
  .sidebar-products ul > li {
  border-color: #e1e1e1; }
  
  .sidebar-tags ul > li > a {
  color: #585858;
  border-color: #e1e1e1; }
  
  .sidebar-tags ul > li > a:hover {
  border-color: #d0d0d0; }
  
  /* -----------------------------------------------------------------------------
  
    7.) BOTTOM PANEL
  
  ----------------------------------------------------------------------------- */
  #bottom-panel {
  color: #FFF;
  background: #F16521 url("../../../images/bottom_bg.jpg") center center no-repeat;
  background-size: cover; }
  #bottom-panel .bottom-panel-inner {
    background-color: #F16521;
    background-color: rgba(241, 101, 33, 0.85); }
  #bottom-panel h3 {
    color: #FFF; }
  #bottom-panel #subscribe-form .form-fields {
    background-color: #FFF;
    background-color: rgba(255, 255, 255, 0.8); }
  #bottom-panel #subscribe-form .c-alert-message {
    color: #FFF;
    border-color: rgba(255, 255, 255, 0.2);
    background-color: transparent; }
  #bottom-panel #subscribe-form input {
    color: #3f3f3f;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
    background: none; }
  
  /* -----------------------------------------------------------------------------
  
    8.) FOOTER
  
  ----------------------------------------------------------------------------- */
  #footer {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.05) 0%), to(transparent 100%));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, transparent 100%);
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, transparent 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, transparent 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, transparent 100%);
  -moz-box-shadow: inset 0 1px 0 #FFF;
  -webkit-box-shadow: inset 0 1px 0 #FFF;
  box-shadow: inset 0 1px 0 #FFF;
  border-color: #e1e1e1; }
  
  /* -------------------------------------------------------------------------
        FOOTER TWITTER
    ------------------------------------------------------------------------- */
  .footer-twitter {
  border-color: #e1e1e1; }
  
  .footer-twitter .ico {
  color: #55acee; }
  
  .footer-twitter .twitter-title a {
  color: #3f3f3f; }
  
  .footer-twitter .twitter-title a:hover {
  border-color: #3f3f3f; }
  
  .footer-twitter .btn-prev,
  .footer-twitter .btn-next {
  color: #c5c5c5; }
  
  /* -----------------------------------------------------------------------------
  
    9.) OTHER
  
  ----------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------
        JQUERY UI DATEPICKER
    ------------------------------------------------------------------------- */
  #ui-datepicker-div {
  color: #FFF;
  background-color: #3f3f3f;
  background-color: rgba(63, 63, 63, 0.98);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), to(transparent));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1), transparent);
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.1), transparent);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.1), transparent);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), transparent); }
  
  .ui-datepicker-prev:before,
  .ui-datepicker-next:before {
  color: #F16521; }
  
  .ui-datepicker-title {
  border-color: rgba(255, 255, 255, 0.05); }
  
  .various-content .ui-datepicker-calendar thead th,
  .ui-datepicker-calendar thead th {
  color: #FFF; }
  .various-content .ui-datepicker-calendar tbody td a,
  .ui-datepicker-calendar tbody td a {
  color: #FFF;
  background-color: rgba(255, 255, 255, 0.04); }
  .various-content .ui-datepicker-calendar tbody td a:hover,
  .ui-datepicker-calendar tbody td a:hover {
  background-color: #F16521; }
  .various-content .ui-datepicker-calendar tbody td.ui-datepicker-today a,
  .ui-datepicker-calendar tbody td.ui-datepicker-today a {
  color: #1a1a1a;
  background-color: #F16521; }
  .various-content .ui-datepicker-calendar tbody td.ui-datepicker-today.ui-state-disabled,
  .ui-datepicker-calendar tbody td.ui-datepicker-today.ui-state-disabled {
  color: #F16521; }
  .various-content .ui-datepicker-calendar tbody td a.ui-state-active,
  .ui-datepicker-calendar tbody td a.ui-state-active {
  background-color: rgba(255, 255, 255, 0.12); }
  .various-content .ui-datepicker-calendar tbody tr:nth-child(odd) td,
  .ui-datepicker-calendar tbody tr:nth-child(odd) td {
  background-color: transparent; }
  
  /* -------------------------------------------------------------------------
        MAGNIFIC POPUP BG
    ------------------------------------------------------------------------- */
  .mfp-bg {
  background-color: #000; }
  
  /* -----------------------------------------------------------------------------
  
    10.) RESPONSIVE
  
  ----------------------------------------------------------------------------- */
  /* -------------------------------------------------------------------------
        EXTRA LARGE DEVICES
    ------------------------------------------------------------------------- */
  @media (max-width: 1400px), (max-height: 700px) {
  .header-panel-toggle {
    color: #FFF;
    background-color: #F16521; }
  
  .header-panel-toggle:hover {
    -moz-box-shadow: inset 0 0 10px 0 rgba(241, 101, 33, 0.35);
    -webkit-box-shadow: inset 0 0 10px 0 rgba(241, 101, 33, 0.35);
    box-shadow: inset 0 0 10px 0 rgba(241, 101, 33, 0.35); }
  
  .header-panel-toggle:active {
    -moz-box-shadow: inset 0 0 10px 0 rgba(241, 101, 33, 0.65);
    -webkit-box-shadow: inset 0 0 10px 0 rgba(241, 101, 33, 0.65);
    box-shadow: inset 0 0 10px 0 rgba(241, 101, 33, 0.65); } }
  /* -------------------------------------------------------------------------
    LARGE DEVICES
  ------------------------------------------------------------------------- */
  @media (max-width: 1199px) {
  #header {
    background-position: center; }
  
  .header-inner {
    background-position: 0 -100px; }
  
  #header.m-animated .header-inner.animate-to-left {
    background-position: -1000px -100px; }
  
  .header-navigation {
    border-color: rgba(255, 255, 255, 0.2); }
  
  .header-menu .submenu-toggle {
    color: #FFF;
    border-color: rgba(255, 255, 255, 0.3); }
  
  .header-menu .sub-menu:before {
    border-right-color: transparent;
    border-bottom-color: #FFF; }
  
  .header-cart a {
    border-color: #FFF;
    border-color: rgba(255, 255, 255, 0.3); }
  .header-cart a:hover {
    border-color: rgba(255, 255, 255, 0.6); }
  
  .header-search .header-search-inner {
    border-color: #FFF;
    border-color: rgba(255, 255, 255, 0.05); }
  .header-search .search-form {
    border-color: #FFF;
    border-color: rgba(255, 255, 255, 0.2); }
  .header-search .search-toggle-mobile {
    border-color: #FFF;
    border-color: rgba(255, 255, 255, 0.3); }
  .header-search .search-toggle-mobile.m-active,
  .header-search .search-toggle-mobile:hover {
    border-color: rgba(255, 255, 255, 0.6); }
  .header-search .search-toggle-mobile > i:before {
    color: #FFF; }
  
  .header-panel {
    background-color: transparent; }
  
  .header-reservation {
    border-color: #FFF;
    border-color: rgba(255, 255, 255, 0.05); }
  
  .header-contact > ul {
    border-color: #FFF;
    border-color: rgba(255, 255, 255, 0.05); } }
  /* -------------------------------------------------------------------------
    MEDIUM DEVICES
  ------------------------------------------------------------------------- */
  @media (max-width: 991px) {
  #header.m-animated .header-inner.animate-to-left {
    background-position: 0 -100px; }
  
  .header-menu > ul {
    border-color: rgba(255, 255, 255, 0.05); }
  
  .header-menu .sub-menu {
    background: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
    .header-menu .sub-menu a {
      color: #FFF;
      border-color: rgba(255, 255, 255, 0.2); }
    .header-menu .sub-menu a:hover {
      border-color: #FFF; }
    .header-menu .sub-menu > li.m-active a {
      color: #F16521; }
    .header-menu .sub-menu > li.m-active a:hover {
      border-color: #F16521; }
  
  .header-menu-toggle {
    color: #FFF;
    border-color: rgba(255, 255, 255, 0.3); }
  
  .header-menu-toggle.m-active,
  .header-menu-toggle:hover {
    border-color: rgba(255, 255, 255, 0.6); }
  
  #main-slider .slide-bg {
    /* background-color: rgba(255, 255, 255, 0.7); */
    }
  
  #main-slider .slider-nav {
    background-color: transparent; }
  
  #main-slider .slider-nav {
    border-color: #e1e1e1; } }
  /* -------------------------------------------------------------------------
        EXTRA SMALL DEVICES
    ------------------------------------------------------------------------- */
  @media (max-width: 480px) {
  #bottom-panel #subscribe-form .form-fields {
    background-color: transparent; }
  
  #bottom-panel #subscribe-form input {
    background-color: #FFF;
    background-color: rgba(255, 255, 255, 0.8); } }
  .c-map > iframe {
  width: 100%;
  height: 400px; }


 /* -------------------------------------------------------------------------
        FULLCALENDAR
    ------------------------------------------------------------------------- */
    .swal-foot {
      margin-top: 13px;
      padding: 24px 16px;
      border-radius: inherit;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      width: 100%;
      display: flex;
      justify-content: space-between;
  }
  .swal-foot-center{
    margin-top: 13px;
 padding: 24px 16px;
 border-radius: inherit;
 border-top-left-radius: 0;
 border-top-right-radius: 0;
 width: 100%;
 display: flex;
 justify-content: center; 
}
  .swal-modal {
    max-width: 320px;
    vertical-align: top;
  }
  .swal-footer{display:none}
    .fc-timegrid-slot-label {
      font-weight: 800;
    }
    
    .fc-timegrid-slots table tr {
      transition: all .15s ease;
    }
    
    .fc-timegrid-slots table tr:hover {
      background: #fde050 !important;
      transition: all .15s ease;
    }

    .fc-timegrid-slots table tr:hover td.fc-timegrid-axis {
   background-color: #3f3f3f !important;
    padding: 5px 0;
}
    
    .fc-timegrid-slots table tr:nth-child(4n + 1) {
      //background: #fffae2 !important;}
    
    .fc-timegrid-slot-label[data-time*=":15"],
    .fc-timegrid-slot-label[data-time*=":30"],
    .fc-timegrid-slot-label[data-time*=":45"] {
      font-size: 80%;
      opacity: 0.5;
      font-weight: 400;
    }
    
    {}
    
    .fc .fc-highlight {
      background: #f16621 !important;
    }
    
    .fc-day-today {
      background-color: #fffae2;
    }
    
    .fc-day-past {
      background-color: #f7edee;
    }
    
    th.fc-day-today:before {
      content: 'Today';
      font-size: 80%;
      line-height: 1;
      text-transform: uppercase;
      opacity: 0.6;
    }
    
    th.fc-day-past:before {
      content: 'Past';
      font-size: 80%;
      line-height: 1;
      text-transform: uppercase;
      opacity: 0.6;
    }
    
    th.fc-day-future:before {
      content: "\00a0";
      font-size: 80%;
      line-height: 1;
      text-transform: uppercase;
    }
    
    .fc-timegrid-axis-frame:after {
      content: 'V';
      font-family: 'Times';
      line-height: 36px;
      text-align: center;
      display: block;
      width: 100%;
      font-size: 24px;
      color: #f16621;
    }

    .serviceError.text-danger {
      color: red;
      margin: 2px;
  }
