/* -----------------------------------------------------------------------------

	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
-------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------
	MIXINS
-------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------
	DEFAULTS
------------------------------------------------------------------------- */
body {
  color: #585858;
  background-color: #FFF; }

a, a:hover, a:active, a:focus {
  color: #ff007c; }

a:hover {
  border-color: #ff007c; }

	/* -------------------------------------------------------------------------
        VARIOUS CONTENT / TYPOGRAPHY
	------------------------------------------------------------------------- */
.various-content h2 {
  color: #3f3f3f; }
  .various-content h2:before {
    background-color: #ff007c; }
.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: #ff007c; }

.heading-3 {
  color: #3f3f3f; }

/* -------------------------------------------------------------------------
	FORMS
------------------------------------------------------------------------- */
.default-form label {
  color: #3f3f3f; }
.default-form label > span {
  color: #ff007c; }
.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: #ff007c; }
.default-form .checkbox-input label {
  color: #585858; }
.default-form .checkbox-input label:before {
  color: #d0d0d0; }
.default-form .checkbox-input.m-checked label:before {
  color: #ff007c; }
.default-form .selectbox-input .toggle:after {
  color: #ff007c; }
.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: #ff007c; }
.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: #ff007c; }
.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: #ff007c; }

/* -------------------------------------------------------------------------
	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: #ff007c; }
.various-content .c-accordion .accordion-price,
.c-accordion .accordion-price {
  color: #ff007c; }
.various-content .c-accordion .accordion-price .sale-price,
.c-accordion .accordion-price .sale-price {
  color: #099db3; }
.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: #ff007c; }

/* -------------------------------------------------------------------------
	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: #ff007c;
  background-color: rgba(255, 0, 124, 0.5);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(9, 157, 179, 0.6)), to(transparent));
  background-image: -webkit-linear-gradient(top, rgba(9, 157, 179, 0.6), transparent);
  background-image: -moz-linear-gradient(top, rgba(9, 157, 179, 0.6), transparent);
  background-image: -o-linear-gradient(top, rgba(9, 157, 179, 0.6), transparent);
  background-image: linear-gradient(to bottom, rgba(9, 157, 179, 0.6), transparent); }
.c-article .article-image a:after {
  color: #FFF; }

/* -------------------------------------------------------------------------
	BUTTONS
------------------------------------------------------------------------- */
.c-button {
  color: #FFF;
  background-color: #ff007c;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(9, 157, 179, 0.2)), to(transparent));
  background-image: -webkit-linear-gradient(top, rgba(9, 157, 179, 0.2), transparent);
  background-image: -moz-linear-gradient(top, rgba(9, 157, 179, 0.2), transparent);
  background-image: -o-linear-gradient(top, rgba(9, 157, 179, 0.2), transparent);
  background-image: linear-gradient(to bottom, rgba(9, 157, 179, 0.2), transparent); }
  .c-button:hover {
    color: #FFF;
    -moz-box-shadow: inset 0 0 30px 0 rgba(9, 157, 179, 0.35);
    -webkit-box-shadow: inset 0 0 30px 0 rgba(9, 157, 179, 0.35);
    box-shadow: inset 0 0 30px 0 rgba(9, 157, 179, 0.35); }
  .c-button:active {
    color: #FFF;
    -moz-box-shadow: inset 0 0 30px 0 rgba(9, 157, 179, 0.65);
    -webkit-box-shadow: inset 0 0 30px 0 rgba(9, 157, 179, 0.65);
    box-shadow: inset 0 0 30px 0 rgba(9, 157, 179, 0.65); }
  .c-button.m-color-2 {
    background-color: #099db3;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 0, 124, 0.2)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(255, 0, 124, 0.2), transparent);
    background-image: -moz-linear-gradient(top, rgba(255, 0, 124, 0.2), transparent);
    background-image: -o-linear-gradient(top, rgba(255, 0, 124, 0.2), transparent);
    background-image: linear-gradient(to bottom, rgba(255, 0, 124, 0.2), transparent); }
  .c-button.m-color-2:hover {
    -moz-box-shadow: inset 0 0 30px 0 rgba(255, 0, 124, 0.35);
    -webkit-box-shadow: inset 0 0 30px 0 rgba(255, 0, 124, 0.35);
    box-shadow: inset 0 0 30px 0 rgba(255, 0, 124, 0.35); }
  .c-button.m-color-2:active {
    -moz-box-shadow: inset 0 0 30px 0 rgba(255, 0, 124, 0.65);
    -webkit-box-shadow: inset 0 0 30px 0 rgba(255, 0, 124, 0.65);
    box-shadow: inset 0 0 30px 0 rgba(255, 0, 124, 0.65); }
  .c-button.m-color-3 {
    background-color: #3f3f3f;
    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); }
  .c-button.m-color-3:hover {
    -moz-box-shadow: inset 0 0 30px 0 rgba(255, 255, 255, 0.25);
    -webkit-box-shadow: inset 0 0 30px 0 rgba(255, 255, 255, 0.25);
    box-shadow: inset 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: #ff007c;
    border-color: #ff007c;
    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(255, 0, 124, 0.4);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .c-button.m-type-2:active {
    border-color: rgba(255, 0, 124, 0.2);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .c-button.m-type-2.m-color-2 {
    color: #099db3;
    border-color: #099db3; }
  .c-button.m-type-2.m-color-2:hover {
    border-color: rgba(9, 157, 179, 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(9, 157, 179, 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; }

/* -------------------------------------------------------------------------
	DIVIDER
------------------------------------------------------------------------- */
.c-divider {
  border-color: #e1e1e1; }

.c-divider.m-transparent {
  border-color: transparent; }

/* -------------------------------------------------------------------------
	GALLERY
------------------------------------------------------------------------- */
.c-gallery .thumb a:before {
  background-color: #ff007c;
  background-color: rgba(255, 0, 124, 0.5);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(9, 157, 179, 0.6)), to(transparent));
  background-image: -webkit-linear-gradient(top, rgba(9, 157, 179, 0.6), transparent);
  background-image: -moz-linear-gradient(top, rgba(9, 157, 179, 0.6), transparent);
  background-image: -o-linear-gradient(top, rgba(9, 157, 179, 0.6), transparent);
  background-image: linear-gradient(to bottom, rgba(9, 157, 179, 0.6), transparent); }
.c-gallery .thumb a:after {
  color: #FFF; }
.c-gallery .owl-controls .owl-page {
  border-color: #ff007c; }
.c-gallery .owl-controls .owl-page.active,
.c-gallery .owl-controls .owl-page:hover {
  background-color: #ff007c; }

/* -------------------------------------------------------------------------
	ICON BLOCK
------------------------------------------------------------------------- */
.c-icon-block > .ico {
  color: #ff007c; }

/* -------------------------------------------------------------------------
	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(255, 0, 124, 0.5);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(9, 157, 179, 0.5)), to(transparent));
  background-image: -webkit-linear-gradient(top, rgba(9, 157, 179, 0.5), transparent);
  background-image: -moz-linear-gradient(top, rgba(9, 157, 179, 0.5), transparent);
  background-image: -o-linear-gradient(top, rgba(9, 157, 179, 0.5), transparent);
  background-image: linear-gradient(to bottom, rgba(9, 157, 179, 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: #ff007c; }
  .c-modal .modal-close:hover {
    -moz-box-shadow: inset 0 0 10px 0 rgba(9, 157, 179, 0.35);
    -webkit-box-shadow: inset 0 0 10px 0 rgba(9, 157, 179, 0.35);
    box-shadow: inset 0 0 10px 0 rgba(9, 157, 179, 0.35); }
  .c-modal .modal-close:active {
    -moz-box-shadow: inset 0 0 10px 0 rgba(9, 157, 179, 0.65);
    -webkit-box-shadow: inset 0 0 10px 0 rgba(9, 157, 179, 0.65);
    box-shadow: inset 0 0 10px 0 rgba(9, 157, 179, 0.65); }

/* -------------------------------------------------------------------------
	PAGINATION
------------------------------------------------------------------------- */
.c-pagination > li > a {
  color: #585858;
  border-color: #e1e1e1; }

.c-pagination > li.m-active > a {
  color: #FFF;
  background-color: #ff007c;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(9, 157, 179, 0.2)), to(transparent));
  background-image: -webkit-linear-gradient(top, rgba(9, 157, 179, 0.2), transparent);
  background-image: -moz-linear-gradient(top, rgba(9, 157, 179, 0.2), transparent);
  background-image: -o-linear-gradient(top, rgba(9, 157, 179, 0.2), transparent);
  background-image: linear-gradient(to bottom, rgba(9, 157, 179, 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: #ff007c; }
  .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: #ff007c;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(9, 157, 179, 0.5)), to(transparent));
  background-image: -webkit-linear-gradient(left, rgba(9, 157, 179, 0.5), transparent);
  background-image: -moz-linear-gradient(left, rgba(9, 157, 179, 0.5), transparent);
  background-image: -o-linear-gradient(left, rgba(9, 157, 179, 0.5), transparent);
  background-image: linear-gradient(to right, rgba(9, 157, 179, 0.5), transparent); }

.c-progress-bar.m-color-2 > span {
  background-color: #099db3;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 0, 124, 0.5)), to(transparent));
  background-image: -webkit-linear-gradient(left, rgba(255, 0, 124, 0.5), transparent);
  background-image: -moz-linear-gradient(left, rgba(255, 0, 124, 0.5), transparent);
  background-image: -o-linear-gradient(left, rgba(255, 0, 124, 0.5), transparent);
  background-image: linear-gradient(to right, rgba(255, 0, 124, 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: #ff007c;
  background-color: rgba(255, 0, 124, 0.5);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(9, 157, 179, 0.6)), to(transparent));
  background-image: -webkit-linear-gradient(top, rgba(9, 157, 179, 0.6), transparent);
  background-image: -moz-linear-gradient(top, rgba(9, 157, 179, 0.6), transparent);
  background-image: -o-linear-gradient(top, rgba(9, 157, 179, 0.6), transparent);
  background-image: linear-gradient(to bottom, rgba(9, 157, 179, 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: #ff007c; }

/* -------------------------------------------------------------------------
	SERVICE LIST
------------------------------------------------------------------------- */
.c-service-list .owl-controls .owl-page {
  border-color: #ff007c; }
.c-service-list .owl-controls .owl-page.active,
.c-service-list .owl-controls .owl-page:hover {
  background-color: #ff007c; }

/* -------------------------------------------------------------------------
	TABS
------------------------------------------------------------------------- */
.c-tabs {
  border-color: #e1e1e1; }
  .c-tabs .tab-list > li {
    color: #3f3f3f;
    border-color: #e1e1e1;
    background-color: transparent; }
  .c-tabs .tab-list > li:hover {
    border-color: #d0d0d0; }
  .c-tabs .tab-list > li.m-active {
    color: #FFF;
    border-color: #ff007c;
    background-color: #ff007c;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(9, 157, 179, 0.2)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(9, 157, 179, 0.2), transparent);
    background-image: -moz-linear-gradient(top, rgba(9, 157, 179, 0.2), transparent);
    background-image: -o-linear-gradient(top, rgba(9, 157, 179, 0.2), transparent);
    background-image: linear-gradient(to bottom, rgba(9, 157, 179, 0.2), transparent); }

/* -------------------------------------------------------------------------
	TEAM MEMBER
------------------------------------------------------------------------- */
.various-content .c-team-member .member-portrait,
.c-team-member .member-portrait {
  background-color: #ff007c;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(9, 157, 179, 0.7)), to(transparent));
  background-image: -webkit-linear-gradient(top, rgba(9, 157, 179, 0.7), transparent);
  background-image: -moz-linear-gradient(top, rgba(9, 157, 179, 0.7), transparent);
  background-image: -o-linear-gradient(top, rgba(9, 157, 179, 0.7), transparent);
  background-image: linear-gradient(to bottom, rgba(9, 157, 179, 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: #ff007c;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(9, 157, 179, 0.7)), to(transparent));
  background-image: -webkit-linear-gradient(top, rgba(9, 157, 179, 0.7), transparent);
  background-image: -moz-linear-gradient(top, rgba(9, 157, 179, 0.7), transparent);
  background-image: -o-linear-gradient(top, rgba(9, 157, 179, 0.7), transparent);
  background-image: linear-gradient(to bottom, rgba(9, 157, 179, 0.7), transparent); }

/* -------------------------------------------------------------------------
	TESTIMONIAL LIST
------------------------------------------------------------------------- */
.c-testimonial-list {
  background-color: #eeeeee; }
  .c-testimonial-list .owl-controls .owl-page {
    border-color: #ff007c; }
  .c-testimonial-list .owl-controls .owl-page.active,
  .c-testimonial-list .owl-controls .owl-page:hover {
    background-color: #ff007c; }

/* -----------------------------------------------------------------------------

    3.) HEADER

----------------------------------------------------------------------------- */
#header {
  color: #FFF;
  background: #FFFFFF 0 0 no-repeat;
  background-size: cover; }

.header-bg {
  background-color: #FFFFF2;
  background-color: rgba(255,255,255, 0.9);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255, 0.6)), to(#FFFFF2));
  background-image: -webkit-linear-gradient(top, rgba(255,255,255, 0.6), #D9006C);
  background-image: -moz-linear-gradient(top, rgba(255,255,255, 0.6), #D9006C);
  background-image: -o-linear-gradient(top, rgba(255,255,255, 0.6), #D9006C);
  background-image: linear-gradient(to bottom, rgba(255,255,255, 0.6), #D9006C); }

.cssgradients .header-bg {
  background-color: rgba(255,255,242, 0.5); }

.header-inner {
  background-image: url("../../img/header_bg_default.png");
  background-repeat: repeat-x;
  background-position: 0 0; }

/* -------------------------------------------------------------------------
	HEADER BRANDING
------------------------------------------------------------------------- */
#header .header-branding > a {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
  color: #FFFFFF; }

/* -------------------------------------------------------------------------
	HEADER NAV
------------------------------------------------------------------------- */
.header-menu a {
  color: #FFF; }

.header-menu > ul > li.m-active > span > a {
  color: #FF007C; }

.header-menu > ul > li > span > a:before {
  background-color: #FFF;
  background-color: rgba(255,255,242, 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: #ff007c; }
  .header-menu .sub-menu > li.m-active a:hover {
    border-color: #ff007c; }

.header-cart a {
  color: #FFF; }
.header-cart a:before {
  background-color: #FFF;
  background-color: rgba(255, 255, 255, 0.2); }

.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: #edcf56; }
.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: #FF007C;
  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 .slide h1,
  #main-slider .slide h2 {
    color: #ff007c;
    -webkit-text-stroke: 0.01em rgba(255, 0, 124, 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: #ff007c; }
  #main-slider .slider-pause-btn {
    color: #FFF;
    background-color: #ff007c;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(9, 157, 179, 0.2)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(9, 157, 179, 0.2), transparent);
    background-image: -moz-linear-gradient(top, rgba(9, 157, 179, 0.2), transparent);
    background-image: -o-linear-gradient(top, rgba(9, 157, 179, 0.2), transparent);
    background-image: linear-gradient(to bottom, rgba(9, 157, 179, 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(9, 157, 179, 0.35);
    -webkit-box-shadow: inset 0 0 20px 0 rgba(9, 157, 179, 0.35);
    box-shadow: inset 0 0 20px 0 rgba(9, 157, 179, 0.35); }
  #main-slider .slider-indicator {
    background-color: #FFF;
    background-color: rgba(255, 255, 255, 0.8); }
  #main-slider .slider-indicator > span {
    background-color: #ff007c;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(9, 157, 179, 0.5)), to(transparent));
    background-image: -webkit-linear-gradient(left, rgba(9, 157, 179, 0.5), transparent);
    background-image: -moz-linear-gradient(left, rgba(9, 157, 179, 0.5), transparent);
    background-image: -o-linear-gradient(left, rgba(9, 157, 179, 0.5), transparent);
    background-image: linear-gradient(to right, rgba(9, 157, 179, 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: #ff007c;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(9, 157, 179, 0.7)), to(transparent));
  background-image: -webkit-linear-gradient(top, rgba(9, 157, 179, 0.7), transparent);
  background-image: -moz-linear-gradient(top, rgba(9, 157, 179, 0.7), transparent);
  background-image: -o-linear-gradient(top, rgba(9, 157, 179, 0.7), transparent);
  background-image: linear-gradient(to bottom, rgba(9, 157, 179, 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: #ff007c; }

/* -------------------------------------------------------------------------
	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: #ff007c; }
.product-detail .review-list .review-author {
  color: #3f3f3f; }
.product-detail .review-list .review-rating {
  color: #ff007c; }
.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: #ff007c; }

	/* -------------------------------------------------------------------------
        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: #099db3; }

	/* -------------------------------------------------------------------------
        ERROR 404
	------------------------------------------------------------------------- */
.error-404 .error-header h1 {
  color: #ff007c; }
.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: #ff007c; }

.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: #20202F 
  background-size: cover; }
  #bottom-panel .bottom-panel-inner {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85); }
  #bottom-panel h3 {
    color: #ff007c; }
  #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: #ff007c; }

.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: #ff007c; }
.various-content .ui-datepicker-calendar tbody td.ui-datepicker-today a,
.ui-datepicker-calendar tbody td.ui-datepicker-today a {
  color: #1a1a1a;
  background-color: #edcf56; }
.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: #edcf56; }
.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: #ff007c; }

  .header-panel-toggle:hover {
    -moz-box-shadow: inset 0 0 10px 0 rgba(9, 157, 179, 0.35);
    -webkit-box-shadow: inset 0 0 10px 0 rgba(9, 157, 179, 0.35);
    box-shadow: inset 0 0 10px 0 rgba(9, 157, 179, 0.35); }

  .header-panel-toggle:active {
    -moz-box-shadow: inset 0 0 10px 0 rgba(9, 157, 179, 0.65);
    -webkit-box-shadow: inset 0 0 10px 0 rgba(9, 157, 179, 0.65);
    box-shadow: inset 0 0 10px 0 rgba(9, 157, 179, 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: #edcf56; }
    .header-menu .sub-menu > li.m-active a:hover {
      border-color: #edcf56; }

  .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); } }

/*# sourceMappingURL=default.css.map */