:root {
  --primary: #0074d1;
  --primary-highlighted: #3b5998;
  --blue: #0074d1;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #e74a3b;
  --orange: #d88519;
  --yellow: #f6c23e;
  --green: #60b963;
  --teal: #20c9a6;
  --cyan: #36b9cc;
  --white: #fff;
  --gray: #858796;
  --gray-dark: #5a5c69;
  --gray-light: #eee;
  --light: #f8f8f8;
  --dark: #292929;
  --black: #000;
  --google: #ea4335;
  --facebook: #3b5998;
  --input-bg: #f5f5f5;
  --input-color: #777;
  --gray-100: #222;
  --gray-200: #444;
  --gray-300: #555;
  --gray-400: #666;
  --gray-500: #aaa;
  --gray-600: #bbb;
  --gray-700: #ccc;
  --gray-800: #ddd;
  --gray-900: #eee;
  --body: var(--gray-400);
  --secondary: var(--gray);
  --success: var(--green);
  --info: var(--cyan);
  --warning: var(--orange);
  --danger: var(--red);
}


/*!---------- 1. GLOBAL STYLES ----------*/
body {
  color: var(--body);
}
body.boxed-layout {
  background: var(--gray-light);
}
body.boxed-layout .main-container {
  background: var(--white);
}

hr {
  border-top: 1px solid var(--gray-light);
}
hr.short-thick {
  border-top: 5px solid var(--gray-700);
}
.image-bg hr {
  border-color: var(--white);
}
.image-bg.bg-light hr {
  border-color: var(--gray-700);
}
.bg-dark hr {
  border-color: var(--gray-300);
}

.bg-primary .list-inline i {
  color: var(--primary-highlighted);
}

.show-grid:hover {
  border-color: var(--gray-100);
}

a {
  color: var(--primary);
}
.image-bg a,
.bg-primary a {
  color: var(--white);
}

.bg-light a {
  color: var(--primary);
}

a:hover {
  color: var(--black);
}
.label {
  background: var(--primary);
}

blockquote {
  background: var(--input-bg);
  color: var(--input-color);
}
.bg-secondary blockquote {
  background: var(--white);
  border-color: var(--primary);
}

/*!---------- 4. COLOURS ----------*/
.bg-primary {
  background: var(--primary) !important;
}
.bg-secondary {
  background: var(--light);
}
.bg-white {
  background: var(--white);
}
.bg-dark {
  background: var(--dark);
}
.bg-blue {
  background: var(--blue);
}
.bg-indigo {
  background: var(--indigo);
}
.bg-purple {
  background: var(--purple);
}
.bg-pink {
  background: var(--pink);
}
.bg-red {
  background: var(--red);
}
.bg-orange {
  background: var(--orange);
}
.bg-yellow {
  background: var(--yellow);
}
.bg-green {
  background: var(--green);
}
.bg-teal {
  background: var(--teal);
}
.bg-cyan {
  background: var(--cyan);
}

.color-body,
.text-body {
  color: var(--body);
}
.color-primary,
.text-primary {
  color: var(--primary) !important;
}
.color-red,
.text-red {
  color: var(--red) !important;
}
.text-danger {
  color: var(--danger) !important;
}
.text-warning {
  color: var(--warning) !important;
}
.text-success {
  color: var(--success) !important;
}
.text-info {
  color: var(--info) !important;
}
.text-blue {
  color: var(--blue) !important;
}
.text-secondary {
  color: var(--secondary) !important;
}
.text-yellow {
  color: var(--yellow) !important;
}
.text-orange {
  color: var(--orange) !important;
}
.text-green {
  color: var(--green) !important;
}
.text-pink {
  color: var(--pink) !important;
}
.text-indigo {
  color: var(--indigo) !important;
}
.text-purple {
  color: var(--purple) !important;
}
.text-green {
  color: var(--green) !important;
}
.text-cyan {
  color: var(--cyan) !important;
}
.text-white {
  color: var(--white) !important;
}
.text-black {
  color: var(--black) !important;
}
.text-dark {
  color: var(--dark) !important;
}
.text-light {
  color: var(--light) !important;
}

.color-white {
  color: var(--white) !important;
}
.color-blue {
  background: var(--blue) !important;
}
.color-indigo {
  background: var(--indigo) !important;
}
.color-purple {
  background: var(--purple) !important;
}
.color-pink {
  background: var(--pink) !important;
}
.color-red {
  background: var(--red) !important;
}
.color-orange {
  background: var(--orange) !important;
}
.color-yellow {
  background: var(--yellow) !important;
}
.color-green {
  background: var(--green) !important;
}
.color-teal {
  background: var(--teal) !important;
}
.color-cyan {
  background: var(--cyan) !important;
}

.bg-dark h1,
nav.bg-dark h1,
footer.bg-dark h1,
.bg-primary h1,
.bg-dark h2,
nav.bg-dark h2,
footer.bg-dark h2,
.bg-primary h2,
.bg-dark h3,
nav.bg-dark h3,
footer.bg-dark h3,
.bg-primary h3,
.bg-dark h4,
nav.bg-dark h4,
footer.bg-dark h4,
.bg-primary h4,
.bg-dark h5,
nav.bg-dark h5,
footer.bg-dark h5,
.bg-primary h5,
.bg-dark h6,
nav.bg-dark h6,
footer.bg-dark h6,
.bg-primary h6 {
  color: var(--white);
}
.bg-dark p,
nav.bg-dark p,
footer.bg-dark p,
.bg-primary p,
.bg-dark span,
nav.bg-dark span,
footer.bg-dark span,
.bg-primary span,
.bg-dark li,
nav.bg-dark li,
footer.bg-dark li,
.bg-primary li {
  color: #fefefe;
}

.bg-light.overlay:before {
  background: var(--white);
}
.image-bg h1,
.image-bg h2,
.image-bg h3,
.image-bg h4,
.image-bg h5,
.image-bg h6 {
  color: var(--white);
}
.image-bg p,
.image-bg span,
.image-bg li {
  color: var(--white);
}


.background-image-holder {
  background: var(--dark);
}

.background-multiply .background-image-holder {
  background-color: var(--primary) !important;
}

.background-multiply-secondary .background-image-holder {
  background-color: var(--secondary) !important;
  background-blend-mode: multiply;
}
.background-multiply-dark .background-image-holder {
  background-color: var(--dark) !important;
  background-blend-mode: multiply;
}
.background-multiply-blue .background-image-holder {
  background-color: var(--blue) !important;
  background-blend-mode: multiply;
}
.background-multiply-indigo .background-image-holder {
  background-color: var(--indigo) !important;
  background-blend-mode: multiply;
}
.background-multiply-purple .background-image-holder {
  background-color: var(--purple) !important;
  background-blend-mode: multiply;
}
.background-multiply-pink .background-image-holder {
  background-color: var(--pink) !important;
  background-blend-mode: multiply;
}
.background-multiply-red .background-image-holder {
  background-color: var(--red) !important;
  background-blend-mode: multiply;
}
.background-multiply-orange .background-image-holder {
  background-color: var(--orange) !important;
  background-blend-mode: multiply;
}
.background-multiply-yellow .background-image-holder {
  background-color: var(--yellow) !important;
  background-blend-mode: multiply;
}
.background-multiply-green.background-image-holder {
  background-color: var(--green) !important;
  background-blend-mode: multiply;
}
.background-multiply-teal .background-image-holder {
  background-color: var(--teal) !important;
  background-blend-mode: multiply;
}
.background-multiply-cyan .background-image-holder {
  background-color: var(--cyan) !important;
  background-blend-mode: multiply;
}
.background-multiply-gray .background-image-holder {
  background-color: var(--gray) !important;
  background-blend-mode: multiply;
}
.background-multiply-white .background-image-holder {
  background-color: var(--white) !important;
  background-blend-mode: multiply;
}
.background-multiply-black .background-image-holder {
  background-color: var(--black) !important;
  background-blend-mode: multiply;
}

/*!---------- 6. BUTTONS ----------*/
.btn {
  border: 2px solid var(--primary);
  color: var(--primary);
}

.btn:hover {
  background: var(--primary);
  color: var(--white);
}

.btn-filled {
  background: var(--primary);
  color: var(--white);
}
.btn-white,
.image-bg .btn,
.image-bg .btn:visited {
  color: var(--white);
  border-color: var(--white);
}
.btn-white:hover,
.image-bg .btn:hover,
.image-bg .btn:visited:hover {
  background: var(--white);
  color: var(--gray-100);
}
.image-bg .btn.btn-filled,
.image-bg .btn-filled:visited {
  border-color: var(--primary);
}
.image-bg .btn-filled:hover {
  border-color: var(--white);
}

.bg-light .btn {
  border-color: var(--gray-100);
  color: var(--gray-100);
}
.bg-light .btn:visited,
.bg-light .btn:visited:hover {
  color: var(--gray-100);
}
.bg-light .btn-filled,
.bg-light .btn-filled:visited {
  color: var(--white);
}
.btn:visited {
  color: var(--primary);
}
.btn-white:visited,
.btn:visited:hover {
  color: var(--white);
}
.btn-white:visited:hover {
  color: var(--gray-100);
}
.btn-filled:visited {
  color: var(--white);
}
.btn.bg-dark {
  color: var(--white);
  border-color: var(--dark);
}
.btn.bg-dark:hover {
  background: #434343;
}
.bg-primary .btn {
  color: var(--white);
  border-color: var(--white);
}
.bg-primary .btn:hover {
  background: var(--white);
  color: var(--primary);
}

.btn-success {
  background: var(--white) !important;
  color: var(--success) !important;
  border-color: var(--success) !important;
}
.btn-success:hover {
  background: var(--success) !important;
  color: var(--white) !important;
}
.btn-success.btn-filled {
  background: var(--success) !important;
  color: var(--white) !important;
  border-color: var(--success) !important;
}
.btn-success.btn-filled:hover {
  background: var(--white) !important;
  color: var(--success) !important;
}

nav {
  background: var(--white);
}


.nav-utility {
  border-bottom: 1px solid var(--gray-700);
}
.nav-bar {
  border-bottom: 1px solid var(--gray-700);
}

.menu li a {
  color: var(--dark);
}


.menu > li ul {
  background: var(--dark);
}


.menu > li > ul > .has-dropdown:after {
  color: var(--white);
}
.menu > li > ul li a {
  color: var(--white);
}


.mega-menu .title {
  color: var(--white);
}

.module.widget-handle {
  border-left: 1px solid var(--gray-700);
}

.widget-handle .cart .label {
  background: var(--primary);
}


nav .widget,
nav .widget a:not(.btn) {
  color: var(--white);
}
nav .widget hr {
  border-color: var(--input-color);
}
.cart-widget-handle .function {
  background: var(--white);
}
.cart-widget-handle .function span {
  color: var(--gray-100) !important;
}
.nav-open .mobile-toggle {
  border-bottom: 1px solid var(--gray-700);
}

.offscreen-container.bg-dark .close-nav i {
  color: var(--white);
}

@media all and (max-width: 990px) {
  .module.widget-handle {
    border-top: 1px solid var(--gray-700);
  }

  .mobile-toggle {
    border-left: 1px solid var(--gray-700) !important;
  }
  nav.bg-dark .module.widget-handle {
    border-top: 1px solid var(--gray-200);
  }
  nav.bg-dark .mobile-toggle {
    border-left: 1px solid var(--gray-200) !important;
  }
  nav.bg-dark .nav-open .mobile-toggle {
    border-bottom: 1px solid var(--gray-200);
  }
}

nav.transparent .menu > li > a,
nav.transparent .module.widget-handle i,
nav.transparent .nav-utility {
  color: var(--white);
}

nav.transparent .has-dropdown:after {
  color: var(--white);
}



@media all and (max-width: 990px) {
  nav.transparent .nav-open {
    background: var(--white);
  }
  nav.transparent .nav-open .menu > li > a,
  nav.transparent .nav-open .module.widget-handle i,
  nav.transparent .nav-open .nav-utility {
    color: var(--dark);
  }

  nav.transparent .nav-open .has-dropdown:after {
    color: var(--dark);
  }
}
nav.transparent.fixed {
  background: var(--white);
}

nav.transparent.fixed .menu > li > a,
nav.transparent.fixed .module.widget-handle i {
  color: var(--dark);
}
nav.transparent.fixed .menu > .has-dropdown:after {
  color: var(--white);
  color: var(--dark);
}
nav.transparent.fixed .module.widget-handle {
  border-left: 1px solid var(--gray-700);
}

nav.bg-dark .menu > li > a,
nav.bg-dark .module.widget-handle i,
nav.bg-dark .nav-utility {
  color: var(--white);
}
nav.transparent.fixed.bg-dark {
  background: var(--dark);
}
nav.transparent.fixed.bg-dark .menu > li > a,
nav.transparent.fixed.bg-dark .module.widget-handle i {
  color: var(--white);
}
.alert-warning {
  border: 1px solid var(--warning);
  color: var(--warning);
}
.alert-success {
  border: 1px solid var(--success);
  color: var(--success);
}
.alert-danger {
  border: 1px solid var(--danger);
  color: var(--danger);
}
/*!---------- 10. ICONS ----------*/
.icon {
  color: var(--dark);
}
.image-bg.bg-light .icon {
  color: var(--dark);
}
.image-bg .icon,
.bg-dark .icon {
  color: var(--white);
}

.bg-secondary input[type="text"],
.bg-secondary input[type="tel"],
.bg-secondary input[type="email"],
.bg-secondary input[type="number"],
.bg-secondary textarea,
.bg-secondary select {
  background: var(--white);
}

.attempted-submit .field-error {
  outline: 1px var (--red) !important;
}
.input-with-label span {
  color: var(--dark);
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="number"],
input[type="password"] {
  background: var(--input-bg);
}
.image-bg input[type="text"],
.image-bg input[type="tel"],
.image-bg input[type="email"],
.image-bg input[type="number"],
.image-bg textarea {
  color: var(--gray-300);
}
.image-bg.bg-light input.transparent,
.image-bg.bg-light button.transparent {
  border-color: var(--dark);
}
input.transparent,
button.transparent {
  background: none;
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: var(--white) !important	;
}
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus {
  outline: 1px solid var(--gray-700);
}
textarea {
  background: var(--input-bg);
}
textarea:focus {
  outline: 1px solid var(--gray-700);
}
::-webkit-input-placeholder {
  color: var(--input-color);
}
:-moz-placeholder {
  color: var(--input-color);
}
::-moz-placeholder {
  color: var(--input-color);
}
:-ms-input-placeholder {
  color: var(--input-color);
}
input.transparent::-webkit-input-placeholder,
button.transparent::-webkit-input-placeholder {
  color: var(--white);
}
input.transparent::-moz-input-placeholder,
button.transparent::-moz-input-placeholder {
  color: var(--white);
}
input.transparent:-moz-input-placeholder,
button.transparent:-moz-input-placeholder {
  color: var(--white);
}
input.transparent:-ms-input-placeholder,
button.transparent:-ms-input-placeholder {
  color: var(--white);
}
input[type="submit"],
button[type="submit"] {
  border: 2px solid var(--primary);
  background: var(--primary);
  color: var(--white);
}
.bg-primary input[type="submit"],
.bg-primary button[type="submit"] {
  background: var(--white);
  color: var(--primary);
}
input[type="submit"].hollow,
button[type="submit"].hollow {
  border: 2px solid var(--primary);
  color: var(--primary);
}
input[type="submit"].hollow:hover,
button[type="submit"].hollow:hover {
  background: var(--primary);
  color: var(--white);
}
.select-option:focus i {
  color: var(--white);
}

select {
  background: var(--input-bg);
  color: var(--input-color);
}
select:focus {
  background: #eee;
}

.checkbox-option,
.radio-option {
  border: 1px solid var(--primary);
}
.checkbox-option .inner,
.radio-option .inner {
  border: 1px solid var(--primary);
}
.checkbox-option.checked .inner {
  background: var(--primary);
}
.radio-option.checked .inner {
  background: var(--primary);
}
.form-error,
.form-success {
  background: var(--success);
  padding: 12px;
  width: 80%;
  color: var(--white);
  clear: both;
  display: block;
  max-width: 700px;
  position: relative;
  top: 16px;
  margin: 0 auto;
  word-break: break-word;
}
.form-error {
  background: var(--danger);
}
.form-error a,
.form-success a {
  display: block;
  color: var(--white);
}
.attempted-submit .field-error {
  outline: 1px solid var(--danger) !important;
}
form iframe.mail-list-form {
  display: none;
}
.form-loading {
  border: 3px solid var(--white);
}
.btn-white .form-loading {
  border: 3px solid #c8c8c8;
}
.accordion-1 .title {
  background: var(--input-bg);
}
.bg-secondary .accordion-1 .title {
  background: #ebebeb;
}
.bg-secondary .accordion-1 .title:hover {
  background: #e4e4e4;
}

.accordion-1 .active .title {
  background: var(--primary);
  color: var(--white);
}
.accordion-1 .content {
  border: 1px solid #eee;
}

.accordion-1 .title:hover {
  background: #eee;
}
.accordion-1 .active .title:hover {
  background: var(--primary);
}
.accordion-2 .title {
  border-bottom: 1px solid var(--gray-700);
}

.button-tabs .tab-title {
  background: var(--input-bg);
}
.bg-secondary .button-tabs .tab-title {
  background: #eee;
}
.button-tabs .active .tab-title {
  background: var(--primary);
  color: var(--white);
}
.button-tabs .tab-title:hover {
  background: #eee;
}
.button-tabs .active .tab-title:hover {
  background: var(--primary);
}
.bg-dark .button-tabs .tab-title span {
  color: var(--gray-100);
}

.text-tabs .tabs {
  border-bottom: 1px solid var(--gray-700);
}
.active .tab-title {
  color: var(--primary);
}
.icon-tabs .active .tab-title i {
  color: var(--primary);
}
.image-bg .icon-tabs .active .tab-title i {
  color: var(--white);
}
.progress-bar {
  background: var(--primary);
  box-shadow: none !important;
}
.bg-primary .progress-bar {
  background: #232c36;
}
.progress-2 .bar-holder {
  border: 1px solid var(--primary);
}
.bg-primary .progress-2 .bar-holder {
  border-color: #2b3742;
}
.breadcrumb-2 > li + li:before {
  color: #bbb;
}
.image-bg .breadcrumb li a {
  color: var(--white);
}

.image-bg .breadcrumb li.active {
  color: var(--white);
}
.bg-dark .breadcrumb a {
  color: var(--white);
}
.pagination li a:hover,
.pagination li.active a,
.pagination li.active:hover a {
  background: var(--primary);
  color: var(--white);
  border-color: var(--primary);
}
/*!---------- 18. ICON FEATURES ----------*/
.feature.boxed {
  padding: 32px;
  background: var(--light);
}
.feature.boxed.bg-dark {
  background: var(--dark);
}
.bg-dark .feature.boxed {
  background: #363636;
}
.bg-secondary .feature.boxed {
  background: var(--white);
}
.feature.bordered {
  padding: 32px;
  border: 1px solid var(--gray-700);
}
.feature-1 i {
  color: var(--primary);
}
.feature-2 i {
  border: 1px solid var(--primary);
  color: var(--primary);
}
.feature-2 i:hover,
.feature-2.filled i {
  background: var(--primary);
  color: var(--white);
}
.feature-3 i {
  color: var(--primary);
}
.bg-primary .feature-3 i {
  color: var(--white);
}
.feature-color h1,
.feature-color h2,
.feature-color h3,
.feature-color h4,
.feature-color h5,
.feature-color h6 {
  color: var(--white);
}
.feature-color p,
.feature-color span,
.feature-color li {
  color: var(--white);
}
.feature-color i {
  color: var(--white);
  opacity: .7;
}
.feature-color:nth-of-type(1) {
  background: var(--primary);
}
.feature-color:nth-of-type(2) {
  background: #090b0e;
}
.feature-color:nth-of-type(3) {
  background: var(--black);
}
.image-bg .feature i {
  color: var(--white);
}
.image-bg .feature h1,
.image-bg .feature h2,
.image-bg .feature h3,
.image-bg .feature h4,
.image-bg .feature h5,
.image-bg .feature h6 {
  color: var(--white);
}
.image-bg .feature p,
.image-bg .feature span,
.image-bg .feature li {
  color: var(--white);
}
.image-bg .feature.bordered {
  border-color: rgba(255, 255, 255, 0.4);
}
.image-bg .feature.boxed {
  background: rgba(34, 34, 34, 0.4);
}
.bg-light .feature.bordered {
  border-color: rgba(34, 34, 34, 0.2);
}
.pricing-table .price {
  color: var(--dark);
}
.bg-dark .pricing-table .price {
  color: var(--white);
}
.pricing-table.boxed,
.pricing-table.emphasis {
  background: var(--light);
}
.pricing-table.emphasis {
  background: var(--primary);
  color: var(--white);
}
.pricing-table.emphasis a:not(.btn) {
  color: var(--white);
}
.pricing-table.emphasis .price,
.pricing-table.emphasis h5 {
  color: var(--white);
}
.widget .twitter-feed .slides li:before {
  color: var(--dark);
}
.bg-dark .widget .twitter-feed .slides li:before {
  color: var(--white);
}
.cart-overview a {
  color: var(--dark);
}
.cart-overview a:hover {
  color: var(--primary);
}
.inner-title.title-center:before {
  background: var(--dark);
}

.inner-title .title h1,
.inner-title .title h2,
.inner-title .title h3,
.inner-title .title h4,
.inner-title .title h5,
.inner-title .title h6 {
  color: var(--white);
}
.inner-title .title p,
.inner-title .title span,
.inner-title .title li {
  color: var(--white);
}
.hover-tile {
  position: relative;
  overflow: hidden;
  background: var(--dark);
}
.hover-state h1,
.hover-state h2,
.hover-state h3,
.hover-state h4,
.hover-state h5,
.hover-state h6 {
  color: var(--white);
}
.hover-state p,
.hover-state span,
.hover-state li {
  color: var(--white);
}
.border-thick {
  border: 16px solid var(--white);
}
.border-thick.col-sm-6:first-child {
  border-right: 8px solid var(--white);
}
.border-thick.col-sm-6:last-child {
  border-left: 8px solid var(--white);
}
.flex-direction-nav a.flex-next:before,
.flex-direction-nav a.flex-prev:before {
  color: var(--white);
}
.flex-control-nav li a {
  border: 2px solid var(--dark);
}
.controls-inside .flex-control-nav li a {
  border-color: var(--white);
}
.controls-inside .flex-control-nav li a.flex-active {
  background: var(--white);
}
.image-bg .flex-control-nav li a {
  border-color: var(--white);
}
.image-bg .flex-control-nav li a.flex-active {
  background: var(--white);
}
.text-slider .flex-direction-nav li a:before {
  color: var(--gray-100);
}
.image-bg .text-slider .flex-direction-nav li a:before {
  color: var(--white);
}
.lightbox-grid li {
  border: 8px solid rgba(0, 0, 0, 0);
}
.lb-data .lb-close:before,
.lb-nav a.lb-next:before,
.lb-nav a.lb-prev:before {
  color: var(--white);
}
.cover h1,
.cover h2,
.cover h3,
.cover h4,
.cover h5,
.cover h6 {
  color: var(--white);
}
.cover p,
.cover span,
.cover li {
  color: var(--white);
}
.image-bg.bg-light h1,
.image-bg.bg-light h2,
.image-bg.bg-light h3,
.image-bg.bg-light h4,
.image-bg.bg-light h5,
.image-bg.bg-light h6 {
  color: var(--gray-100);
}
.image-bg.bg-light p,
.image-bg.bg-light span,
.image-bg.bg-light li {
  color: var(--input-color)777;
}
.product-single .price:not(.old-price) {
  color: var(--primary);
}
.ratings li {
  background: var(--light);
}
.star-rating li {
  color: var(--black);
}
.cart .remove-item {
  border: 1px solid var(--danger);
  color: var(--danger);
}
.cart .remove-item:hover {
  color: var(--white);
  background: var(--danger);
}
.vid-bg {
  background: var(--gray-100);
}
.play-button {
  border: 2px solid var(--white);
}
.play-button:before {
  border-color: transparent transparent transparent var(--white);
}
.play-button.dark {
  border-color: var(--dark);
}
.play-button.dark:before {
  border-color: transparent transparent transparent var(--dark);
}
@media all and (max-width: 767px) {
  .play-button:before {
    border-color: transparent transparent transparent var(--white);
  }
}
.play-button.large:before {
  border-color: transparent transparent transparent var(--white);
}
.play-button.large.dark:before {
  border-color: transparent transparent transparent var(--dark);
}

@media all and (max-width: 767px) {
  .play-button.large:before {
    border-color: transparent transparent transparent var(--white);
  }
}
.modal-video .ti-close {
  color: var(--white);
}
.overlay .fs-vid-background:before {
  background: var(--gray-100);
}
.post-snippet .inner {
  background: var(--white);
}
.masonry-item blockquote:hover {
  background: var(--primary);
  color: var(--white);
}
.spinner {
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), 2px 1px 0px var(--primary);
}
.image-caption .caption {
  color: var(--white);
}

.filters li {
  border: 2px solid var(--primary);
  ;
  color: var(--primary);
}
.filters li.active {
  border-color: var(--primary);
}

.bg-dark .filters.floating {
  background: var(--dark);
}
.bg-dark .filters.floating h1,
.bg-dark .filters.floating h2,
.bg-dark .filters.floating h3,
.bg-dark .filters.floating h4,
.bg-dark .filters.floating h5,
.bg-dark .filters.floating h6 {
  color: var(--white);
}
.bg-dark .filters.floating p,
.bg-dark .filters.floating span,
.bg-dark .filters.floating li {
  color: #fefefe;
}
.image-bg .countdown {
  color: var(--white);
}
.sc-background-orange {
  background: var(--primary) !important;
}
.foundry_modal {
  background: var(--white);
}
.modal-screen {
  background: var(--dark);
}
.foundry_modal.image-bg .close-modal,
.foundry_modal.no-bg .close-modal {
  color: var(--white);
}
/*!---------- 36. FOOTERS ----------*/
footer.bg-dark a {
  color: var(--white);
}
.image-bg .social-list a {
  color: var(--white);
}
.bg-dark .social-list a,
.image-bg .social-list a {
  color: var(--white);
}
.bg-light .social-list a {
  color: var(--gray-100);
}
.bg-dark .back-to-top {
  border-color: var(--white);
}
.bg-dark .back-to-top:active,
.bg-dark .back-to-top:focus {
  color: var(--white);
}