/**
 * Midnight Red Skin
 * @subpackage
 *
 * [Table of contents]
 *
 *   1. Typography
 *   2. CSS Helpers
 *   3. Components
 *       3.1 Brand
 *       3.2 Buttons
 *       3.3 Icons
 *       3.4 Forms
 *       3.5 Pins
 *       3.6 Pricing Table
 *       3.7 Media Object
 *   4. Plugins
 *       4.1 Swiper Slider
 *       4.2 QD Parallax
 *       4.3 QD Select
 *       4.4 QD Datepicker
 *       4.5 Owl Carousel
 *       4.6 Goomap
 *       4.8 Photo Swipe
 *       4.9 Responsive Tabs
 *  5. Sections
 *
*/
/**
 * Typography
 * @component
 */
html {
  color: #1b1f33;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  color: #1b1f33;
}

p a, .list a {
  color: #d93944;
}

/**
 * Helpers
 * @component
 */
html body .page .text-primary {
  color: #1b1f33;
}
html body .page .text-accent {
  color: #d93944;
}
html body .page .text-contrast {
  color: #fff;
}

/**
 * Brand
 * @component
 */
.brand-logo path {
  fill: #d93944;
}

/**
 * Buttons
 * @component
 */
.button {
  color: #1b1f33;
  border-color: #d93944;
}
.button:hover {
  background: #d93944;
}

.button-accent {
  color: #fff;
  border-color: #d93944;
  background: #d93944;
}
.button-accent:hover {
  color: #fff;
  border-color: #1b1f33;
  background: #1b1f33;
}
.qd-parallax .button-accent, .page-section-primary-darken .button-accent {
  color: #fff;
  border-color: #d93944;
  background: #d93944;
}
.qd-parallax .button-accent:hover, .page-section-primary-darken .button-accent:hover {
  color: #1b1f33;
  border-color: #fff;
  background: #fff;
}

.button-default {
  color: #1b1f33;
  background: transparent;
  border-color: #9499b0;
}
.button-default:hover {
  background: transparent;
  color: #1b1f33;
  border-color: #1b1f33;
}
.page-section-primary-darken .button-default {
  color: #fff;
}
.page-section-primary-darken .button-default:hover {
  border-color: #d93944;
}

/**
 * Icons
 * @component
 */
.icon-accent {
  color: #d93944;
}
.icon-accent:hover {
  color: #1b1f33;
}
.qd-parallax .icon-accent:hover, .page-section-primary-darken .icon-accent:hover {
  color: #fff;
}

/**
 * Forms
 * @component
 */
.form-icon {
  color: #fff;
}
.form-icon.error {
  color: #d93944;
}

.form-input,
.form-select {
  color: #1b1f33;
  border-color: #d9dce9;
  background: rgba(217, 220, 233, 0.09);
}
.form-input.error,
.form-select.error {
  color: #d93944;
  border-color: #d93944;
  background: rgba(217, 57, 68, 0.09);
}

.qd-parallax .form-input,
.qd-parallax .form-select {
  color: #9499b0;
  border-color: #9499b0;
  background: rgba(27, 31, 51, 0.64);
}
.qd-parallax .form-input.error,
.qd-parallax .form-select.error {
  color: #d93944;
  border-color: #d93944;
  background: rgba(217, 57, 68, 0.09);
}

.form-validation {
  color: #d93944;
}

.page-header .form-modal,
.form-modal {
  color: #1b1f33;
  background: #fff;
}
.page-header .form-modal .form-modal-close,
.page-header .form-modal .form-modal-body,
.form-modal .form-modal-close,
.form-modal .form-modal-body {
  color: #1b1f33;
}
.page-header .form-modal .form-modal-close:hover,
.form-modal .form-modal-close:hover {
  color: #585c72;
}

/**
 * Pricing List
 * @component
 */
.pricing-list tr + tr {
  border-color: #d9dce9;
}

/**
 * Pin
 * @component
 */
.pin {
  color: #1b1f33;
  background: #fff;
  border-color: #d93944;
}
.pin:before {
  border-color: transparent #d93944 transparent transparent;
  border-width: 8px 8px 8px 0;
}
.pin:after {
  border-color: transparent #fff transparent transparent;
  border-width: 7px 6px 7px 0;
}
.qd-parallax .pin, .page-section-primary-darken .pin {
  color: #fff;
  background: #1b1f33;
  border-color: #585c72;
}
.qd-parallax .pin:before, .page-section-primary-darken .pin:before {
  border-color: transparent #585c72 transparent transparent;
  border-width: 8px 8px 8px 0;
}
.qd-parallax .pin:after, .page-section-primary-darken .pin:after {
  border-color: transparent #1b1f33 transparent transparent;
  border-width: 7px 6px 7px 0;
}

/**
 * Media Object
 * @component
 */
.media-object {
  background: #1b1f33;
}
.media-object-image {
  opacity: .2;
}
.media-object, .media-object h1, .media-object h2, .media-object h3, .media-object h4, .media-object h5, .media-object h6, .media-object .h1, .media-object .h2, .media-object .h3, .media-object .h4, .media-object .h5, .media-object .h6 {
  color: #fff;
}
.media-object .devider {
  color: #d93944;
}

/**
 * Swiper Slider
 * @plugin
 */
.swiper-container:after {
  background: rgba(27, 31, 51, 0.8);
}

/**
 * QD Parallax
 * @plugin
 */
.qd-parallax-overlay:after {
  background: rgba(27, 31, 51, 0.8);
}

/**
 * Quadrix Select
 * @plugin
 */
.qd-select-menu {
  color: #fff;
  border-color: #9499b0;
  background: #1b1f33;
}
.qd-select-menu::-webkit-scrollbar-thumb {
  background: #010203;
}

.qd-select-value-icon {
  color: #fff;
}

.qd-select-option:hover, .qd-select-option.selected {
  background: #242943;
}

/**
 * Quadrix Datepicker
 * @plugin
 */
.qd-datepicker {
  color: #fff;
  background: #1b1f33;
  border-color: #9499b0;
}
.qd-datepicker .qd-datepicker-title {
  color: #fff;
  background: #9499b0;
}
.qd-datepicker .qd-datepicker-day {
  color: #fff;
  background: #242943;
}
.qd-datepicker .qd-datepicker-day.offset {
  color: #9499b0;
  background: #242943;
}
.qd-datepicker .qd-datepicker-day.today {
  color: #fff;
  background: #9499b0;
}
.qd-datepicker .qd-datepicker-day:hover {
  color: #fff;
  background: #d93944;
}
.qd-datepicker .qd-datepicker-day.selected {
  color: #fff;
  background: #d93944;
}
.qd-datepicker .qd-datepicker-next,
.qd-datepicker .qd-datepicker-prev {
  color: #fff;
}
.qd-datepicker .qd-datepicker-next:hover,
.qd-datepicker .qd-datepicker-prev:hover {
  color: #1b1f33;
}

/**
 * Owl carousel
 * @plugin
 */
.owl-dot {
  border-color: #d93944;
}
.owl-dot.active {
  background-color: #d93944;
}

/**
 * Google Map
 * @plugin
 */
.gm-wrapper > div:first-child > div:last-child {
  background: #fff !important;
}
.gm-wrapper .iw-content {
  color: #1b1f33;
}

/**
 * Photo Swipe
 * @plugin
 */
.pswp__ui--fit .pswp__top-bar,
.pswp__bg {
  background: #010203;
}

/**
 * Responsive Tabs
 * @plugin
 */
.resp-tab-item,
.resp-accordion {
  color: #1b1f33;
  background: #f5f6f8;
}
.resp-tab-item:hover, .resp-tab-item.resp-tab-active,
.resp-accordion:hover,
.resp-accordion.resp-tab-active {
  color: #d93944;
}
.resp-tab-item, .resp-tab-item.resp-tab-active:after,
.resp-accordion,
.resp-accordion.resp-tab-active:after {
  border-color: #d9dce9;
  border-right-color: #fff;
}
.resp-tab-item.resp-tab-active,
.resp-accordion.resp-tab-active {
  background: #fff;
}

.resp-tabs-container,
.resp-tabs-list {
  border-color: #d9dce9;
}

.resp-tabs-container {
  background: #fff;
}

/**
 * Sections
 * @component
 */
.page-header {
  color: #fff;
  background: #1b1f33;
}
.page-header h1, .page-header h2, .page-header h3, .page-header h4, .page-header h5, .page-header h6, .page-header .h1, .page-header .h2, .page-header .h3, .page-header .h4, .page-header .h5, .page-header .h6 {
  color: #d93944;
}

.page-header-popup {
  background: #1b1f33;
}
.page-header-popup-close:hover {
  color: #d93944;
}

.page-section-accent-light {
  background: #e3737d;
}

.page-section-accent {
  background: #d93944;
}
.page-section-accent, .page-section-accent h1, .page-section-accent h2, .page-section-accent h3, .page-section-accent h4, .page-section-accent h5, .page-section-accent h6, .page-section-accent .h1, .page-section-accent .h2, .page-section-accent .h3, .page-section-accent .h4, .page-section-accent .h5, .page-section-accent .h6 {
  color: #fff;
}
.page-section-accent .devider {
  color: #1b1f33;
}
.page-section-accent .button-default {
  color: #fff;
  border-color: #fff;
}
.page-section-accent .button-default:hover {
  border-color: #1b1f33;
}

.page-section-primary-darken {
  background: #1b1f33;
}
.page-section-primary-darken, .page-section-primary-darken h1, .page-section-primary-darken h2, .page-section-primary-darken h3, .page-section-primary-darken h4, .page-section-primary-darken h5, .page-section-primary-darken h6, .page-section-primary-darken .h1, .page-section-primary-darken .h2, .page-section-primary-darken .h3, .page-section-primary-darken .h4, .page-section-primary-darken .h5, .page-section-primary-darken .h6 {
  color: #fff;
}