/**

 * --------------------------------------------------

 * recommend use sass to edit the color for much easier

 *

 * font

 * light style

 * black style

 * dark style

 * color brand

 * --------------------------------------------------

 * [band color code]

 *

 * blue

    #22a7f0

    #109ce9

    34, 167, 240



 * green

    #00bfa3

    #00a68d

    0, 191, 163

 * red

    #cc6e00

    #ffa53c

    232, 19, 81



 * pink

    #ec387d

    #ea216e

    236, 56, 125



 * orange

    #f2784b

    #f06633

    242, 120, 75



 * purple

    #626fe6

    #4c5be2

    98, 111, 230



 * brown

    #c3a161

    #bc964f

    195, 161, 97

 * --------------------------------------------------

 */

/**

 * --------------------------------------------------

 * variable (sass)

 * font

 * light style

 * black style

 * dark style

 * color brand

 * --------------------------------------------------

 */

/**

 * common (font-family)

 * --------------------------------------------------

 */

body {

  font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif;

}



h1, h2, h3, h4, h5, h6 {

  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;

}



.btn {

  /* button */

  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;

}



.site-nav-menu-list a {

  /* menu list */

  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;

}



.section-subtitle {

  /* subtitle */

  font-family: "Merriweather";

}



.countdown-period {

  /* countdown */

  font-family: "Merriweather";

}



/* address */

.address strong {

  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;

}



/**

 * light style

 * --------------------------------------------------

 * add ".is-light" class to body tag

 */

body.is-light {

  /* body color */

  color: #212121;

}



.is-light h1,

.is-light h2,

.is-light h3,

.is-light h4,

.is-light h5,

.is-light b,

.is-light strong {

  /* heading color */

  color: #212121;

}



.is-light a {

  /* link */

  color: #212121;

}



.is-light a:focus,

.is-light a:hover {

  color: #333333;

}



.is-light .hr {

  /* custom hr */

  background-color: #212121;

}



.is-light .color {

  /* color helper class */

  color: #212121;

}



.is-light .btn-base {

  /* .btn base */

  border-color: #cacaca;

  background-color: #fff;

  color: #212121;

}



.is-light .btn-base:active,

.is-light .btn-base:active:focus,

.is-light .btn-base:focus,

.is-light .btn-base:hover {

  border-color: #212121;

  background-color: #fff;

  color: #212121;

}



.is-light .btn-theme {

  /* .btn theme */

  border-color: #212121;

  background-color: #212121;

  color: #fff;

}



.is-light .btn-theme:active,

.is-light .btn-theme:active:focus,

.is-light .btn-theme:focus,

.is-light .btn-theme:hover {

  background-color: #333333;

  color: #fff;

}



.is-light .form-theme .form-group {

  border-color: #212121;

}



.is-light .section-subtitle {

  /* subtitle */

  color: #212121;

}



.is-light .site-loader {

  /* loader background */

  background-color: #fbfbfb;

}



.is-light .site-loader span {

  /* loader color */

  border-color: rgba(33, 33, 33, 0.1);

  border-left-color: #212121;

}



.is-light .site-loader p {

  /* loader text */

  color: #212121;

}



.is-light .site-layer {

  /* layer show when nav open */

  background-color: rgba(0, 0, 0, 0.5);

}



.is-light .site-bg-overlay {

  /* site overlay */

  background-color: rgba(255, 255, 255, 0.55);

}



.is-light .site-header-icon-nav {

  /* nav toggle button background */

  background-color: #212121;

}



.is-light .site-header-icon-nav span {

  /* nav toggle icon background */

  background-color: #fff;

}



.is-light .site-header-icon-nav:hover {

  background-color: #333333;

}



.is-light .site-nav:before {

  /* site nav overlay */

  background-color: rgba(255, 255, 255, 0.55);

}



.is-light .site-nav-icon > div:before {

  /* nav icon (close and audio icon) */

  background-color: #212121;

}



.is-light .site-nav-icon > div:hover:before {

  /* nav icon (close and audio icon) */

  background-color: #333333;

}



.is-light .site-nav-icon-close span {

  /* nav close icon */

  background-color: #fff;

}



.is-light .site-nav-icon-audio i {

  /* nav audio icon */

  color: #fff !important;

}



.is-light .site-nav-menu-list a.is-active,

.is-light .site-nav-menu-list a:hover {

  background-color: #212121;

  color: #fff;

}



.is-light .site-nav-social-list i {

  background-color: #212121;

  color: #fff;

}



.is-light .site-nav-social-list i:hover {

  background-color: #333333;

}



.is-light #newsletter:before {

  /* newsletter overlay */

  background-color: rgba(255, 255, 255, 0.55);

}



.is-light .countdown-amount {

  /* countdown */

  color: #212121;

}



.is-light .countdown-period {

  /* countdown */

  color: #212121;

}



.is-light .service-icon i {

  /* service icon */

  background-color: #212121;

  color: #fff;

}



.is-light .service-icon i:hover {

  background-color: #333333;

}



.is-light .address i {

  /* address icon */

  background-color: #212121;

  color: #fff;

}



.is-light .mfp-close:hover {

  /* magnific popup close button */

  background-color: #333333;

}



.is-light button.mfp-close,

.is-light button.mfp-arrow {

  /* magnific popup close button */

  background-color: #212121;

}



.is-light .mfp-close-btn-in .mfp-close {

  /* magnific popup close button */

  color: #fff;

}



/**

 * black style

 * --------------------------------------------------

 * add ".is-black" class to body tag

 */

body.is-black {

  /* body color */

  color: #fff;

}



.is-black h1,

.is-black h2,

.is-black h3,

.is-black h4,

.is-black h5,

.is-black b,

.is-black strong {

  /* heading color */

  color: #fff;

}



.is-black a {

  /* link */

  color: #fff;

}



.is-black a:focus,

.is-black a:hover {

  color: #f2f2f2;

}



.is-black .hr {

  /* custom hr */

  background-color: #fff;

}



.is-black .color {

  /* color helper class */

  color: #fff;

}



.is-black .btn-base {

  /* .btn base */

  border-color: #fff;

  background-color: #fff;

  color: #000;

}



.is-black .btn-base:active,

.is-black .btn-base:active:focus,

.is-black .btn-base:focus,

.is-black .btn-base:hover {

  border-color: #f2f2f2;

  background-color: #f2f2f2;

  color: #000;

}



.is-black .btn-theme {

  /* .btn theme */

  border-color: #fff;

  background-color: #fff;

  color: #000;

}



.is-black .btn-theme:active,

.is-black .btn-theme:active:focus,

.is-black .btn-theme:focus,

.is-black .btn-theme:hover {

  background-color: #f2f2f2;

  color: #000;

}



.is-black .section-subtitle {

  /* subtitle */

  color: #fff;

}



.is-black .site-loader {

  /* loader background */

  background-color: #000;

}



.is-black .site-loader span {

  /* loader color */

  border-color: rgba(255, 255, 255, 0.1);

  border-left-color: #fff;

}



.is-black .site-loader p {

  /* loader text */

  color: #fff;

}



.is-black .site-layer {

  /* layer show when nav open */

  background-color: rgba(0, 0, 0, 0.5);

}



.is-black .site-bg-overlay {

  /* site overlay */

  background-color: rgba(0, 0, 0, 0.4);

}



.is-black .site-header-icon-nav {

  /* nav toggle button background */

  background-color: #fff;

}



.is-black .site-header-icon-nav span {

  /* nav toggle icon background */

  background-color: #000;

}



.is-black .site-header-icon-nav:hover {

  background-color: #f2f2f2;

}



.is-black .site-nav:before {

  /* site nav overlay */

  background-color: rgba(0, 0, 0, 0.4);

}



.is-black .site-nav-icon > div:before {

  /* nav icon (close and audio icon) */

  background-color: #fff;

}



.is-black .site-nav-icon > div:hover:before {

  /* nav icon (close and audio icon) */

  background-color: #f2f2f2;

}



.is-black .site-nav-icon-close span {

  /* nav close icon */

  background-color: #000;

}



.is-black .site-nav-icon-audio i {

  /* nav audio icon */

  color: #000;

}



.is-black .site-nav-menu-list a.is-active,

.is-black .site-nav-menu-list a:hover {

  background-color: #fff;

  color: #000;

}



.is-black .site-nav-social-list i {

  background-color: #fff;

  color: #000;

}



.is-black .site-nav-social-list i:hover {

  background-color: #f2f2f2;

}



.is-black .form-theme label {

  /* input label */

  color: #fff;

}



.is-black #newsletter:before {

  /* newsletter overlay */

  background-color: rgba(0, 0, 0, 0.4);

}



.is-black .countdown-amount {

  /* countdown */

  color: #fff;

}



.is-black .countdown-period {

  /* countdown */

  color: #fff;

}



.is-black .service-icon i {

  /* service icon */

  background-color: #fff;

  color: #000;

}



.is-black .service-icon i:hover {

  background-color: #f2f2f2;

}



.is-black .address i {

  /* address icon */

  background-color: #fff;

  color: #000;

}



.is-black .mfp-close:hover {

  /* magnific popup close button */

  background-color: #f2f2f2;

}



.mfp-close-btn-in .is-black {

  /* magnific popup close button */

  color: #000;

}



.is-black button.mfp-close,

.is-black button.mfp-arrow {

  /* magnific popup close button */

  background-color: #fff;

}



/**

 * dark style

 * --------------------------------------------------

 * add ".is-dark" class to body tag

 */

body.is-dark {

  /* body color */

  color: #fff;

}



.is-dark h1,

.is-dark h2,

.is-dark h3,

.is-dark h4,

.is-dark h5,

.is-dark b,

.is-dark strong {

  /* heading color */

  color: #fff;

}



.is-dark a {

  /* link */

  color: #fff;

}



.is-dark a:focus,

.is-dark a:hover {

  color: #f2f2f2;

}



.is-dark .hr {

  /* custom hr */

  background-color: #fff;

}



.is-dark .color {

  /* color helper class */

  color: #fff;

}



.is-dark .btn-base {

  /* .btn base */

  border-color: #fff;

  background-color: #fff;

  color: #21252f;

}



.is-dark .btn-base:active,

.is-dark .btn-base:active:focus,

.is-dark .btn-base:focus,

.is-dark .btn-base:hover {

  border-color: #f2f2f2;

  background-color: #f2f2f2;

  color: #21252f;

}



.is-dark .btn-theme {

  /* .btn theme */

  border-color: #fff;

  background-color: #fff;

  color: #21252f;

}



.is-dark .btn-theme:active,

.is-dark .btn-theme:active:focus,

.is-dark .btn-theme:focus,

.is-dark .btn-theme:hover {

  background-color: #f2f2f2;

  color: #21252f;

}



.is-dark .section-subtitle {

  /* subtitle */

  color: #fff;

}



.is-dark .site-loader {

  /* loader background */

  background-color: #21252f;

}



.is-dark .site-loader span {

  /* loader color */

  border-color: rgba(255, 255, 255, 0.1);

  border-left-color: #fff;

}



.is-dark .site-loader p {

  /* loader text */

  color: #fff;

}



.is-dark .site-layer {

  /* layer show when nav open */

  background-color: rgba(33, 37, 47, 0.5);

}



.is-dark .site-bg-overlay {

  /* site overlay */

  background-color: rgba(33, 37, 47, 0.4);

}



.is-dark .site-header-icon-nav {

  /* nav toggle button background */

  background-color: #fff;

}



.is-dark .site-header-icon-nav span {

  /* nav toggle icon background */

  background-color: #21252f;

}



.is-dark .site-header-icon-nav:hover {

  background-color: #f2f2f2;

}



.is-dark .site-nav:before {

  /* site nav overlay */

  background-color: rgba(33, 37, 47, 0.4);

}



.is-dark .site-nav-icon > div:before {

  /* nav icon (close and audio icon) */

  background-color: #fff;

}



.is-dark .site-nav-icon > div:hover:before {

  /* nav icon (close and audio icon) */

  background-color: #f2f2f2;

}



.is-dark .site-nav-icon-close span {

  /* nav close icon */

  background-color: #21252f;

}



.is-dark .site-nav-icon-audio i {

  /* nav audio icon */

  color: #21252f;

}



.is-dark .site-nav-menu-list a.is-active,

.is-dark .site-nav-menu-list a:hover {

  background-color: #fff;

  color: #21252f;

}



.is-dark .site-nav-social-list i {

  background-color: #fff;

  color: #21252f;

}



.is-dark .site-nav-social-list i:hover {

  background-color: #f2f2f2;

}



.is-dark .form-theme label {

  /* input label */

  color: #fff;

}



.is-dark #newsletter:before {

  /* newsletter overlay */

  background-color: rgba(33, 37, 47, 0.4);

}



.is-dark .countdown-amount {

  /* countdown */

  color: #fff;

}



.is-dark .countdown-period {

  /* countdown */

  color: #fff;

}



.is-dark .service-icon i {

  /* service icon */

  background-color: #fff;

  color: #000;

}



.is-dark .service-icon i:hover {

  background-color: #f2f2f2;

}



.is-dark .address i {

  /* address icon */

  background-color: #fff;

  color: #21252f;

}



.is-dark .mfp-close:hover {

  /* magnific popup close button */

  background-color: #f2f2f2;

}



.mfp-close-btn-in .is-dark {

  /* magnific popup close button */

  color: #21252f;

}



.is-dark button.mfp-close,

.is-dark button.mfp-arrow {

  /* magnific popup close button */

  background-color: #fff;

}



/**

 * color brand

 * -------------------------

 */

/**

 * blue

 * -------------------------

 */

.is-blue .btn-theme {

  /* .btn-theme */

  border-color: #22a7f0;

  background-color: #22a7f0;

  color: #fff;

}



.is-blue .btn-theme:active,

.is-blue .btn-theme:active:focus,

.is-blue .btn-theme:focus,

.is-blue .btn-theme:hover {

  border-color: #109ce9;

  background-color: #109ce9;

  color: #fff;

}



.is-blue .btn-theme.btn-outline {

  background-color: transparent;

}



.is-blue .btn-theme.btn-outline:active,

.is-blue .btn-theme.btn-outline:active:focus,

.is-blue .btn-theme.btn-outline:focus,

.is-blue .btn-theme.btn-outline:hover {

  background-color: #22a7f0;

}



.is-blue .color {

  /* color helper class */

  color: #22a7f0;

}



.is-blue a {

  /* link */

  color: #22a7f0;

}



.is-blue a:not(.btn):focus,

.is-blue a:not(.btn):hover {

  color: #109ce9;

}



.is-blue .site-loader span {

  /* site loader span */

  border-color: rgba(34, 167, 240, 0.1);

  border-left-color: #22a7f0;

}



.is-blue .site-header-icon-nav {

  /* header nav icon */

  background-color: #22a7f0;

}



.is-blue .site-header-icon-nav span {

  /* nav toggle icon background */

  background-color: #fff;

}



.is-blue .site-header-icon-nav:hover {

  background-color: #109ce9;

}



.is-blue .site-nav-icon > div:before {

  background-color: #22a7f0;

}



.is-blue .site-nav-icon > div:hover:before {

  background-color: #109ce9;

}



.is-blue .site-nav-icon-close span {

  background-color: #fff;

}



.is-blue .site-nav-menu-list a.is-active,

.is-blue .site-nav-menu-list a:hover,

.is-blue .site-nav-menu-list a:focus {

  background-color: #22a7f0;

  color: #fff !important;

}



.is-blue .site-nav-icon-audio i {

  color: #fff;

}



.is-blue .site-nav-social-list i {

  /* social icon */

  background-color: #22a7f0;

  color: #fff;

}



.is-blue .site-nav-social-list i:hover {

  background-color: #109ce9;

}



.is-blue .service-icon i {

  /* service icon */

  background-color: #22a7f0;

  color: #fff;

}



.is-blue .service-icon i:hover {

  background-color: #109ce9;

}



.is-blue .address i {

  /* address icon */

  background-color: #22a7f0;

  color: #fff !important;

}



.is-blue .address i:hover {

  background-color: #109ce9;

}



.is-blue .mfp-close:hover {

  /* magnific popup close button */

  background-color: #109ce9;

}



.is-blue button.mfp-close,

.is-blue button.mfp-arrow {

  /* magnific popup close button */

  background-color: #22a7f0;

  color: #fff;

}



.is-blue.is-light .site-nav-menu-list a {

  /* nav link color */

  color: #212121;

}



.is-blue.is-black .site-nav-menu-list a,

.is-blue.is-dark .site-nav-menu-list a {

  /* nav link color */

  color: #fff;

}



/**

 * green

 * -------------------------

 */

.is-green .btn-theme {

  /* .btn-theme */

  border-color: #00bfa3;

  background-color: #00bfa3;

  color: #fff;

}



.is-green .btn-theme:active,

.is-green .btn-theme:active:focus,

.is-green .btn-theme:focus,

.is-green .btn-theme:hover {

  border-color: #00a68d;

  background-color: #00a68d;

  color: #fff;

}



.is-green .btn-theme.btn-outline {

  background-color: transparent;

}



.is-green .btn-theme.btn-outline:active,

.is-green .btn-theme.btn-outline:active:focus,

.is-green .btn-theme.btn-outline:focus,

.is-green .btn-theme.btn-outline:hover {

  background-color: #00bfa3;

}



.is-green .color {

  /* color helper class */

  color: #00bfa3;

}



.is-green a {

  /* link */

  color: #00bfa3;

}



.is-green a:not(.btn):focus,

.is-green a:not(.btn):hover {

  color: #00a68d;

}



.is-green .site-loader span {

  /* site loader span */

  border-color: rgba(0, 191, 163, 0.1);

  border-left-color: #00bfa3;

}



.is-green .site-header-icon-nav {

  /* header nav icon */

  background-color: #00bfa3;

}



.is-green .site-header-icon-nav span {

  /* nav toggle icon background */

  background-color: #fff;

}



.is-green .site-header-icon-nav:hover {

  background-color: #00a68d;

}



.is-green .site-nav-icon > div:before {

  background-color: #00bfa3;

}



.is-green .site-nav-icon > div:hover:before {

  background-color: #00a68d;

}



.is-green .site-nav-icon-close span {

  background-color: #fff;

}



.is-green .site-nav-menu-list a.is-active,

.is-green .site-nav-menu-list a:hover,

.is-green .site-nav-menu-list a:focus {

  background-color: #00bfa3;

  color: #fff !important;

}



.is-green .site-nav-icon-audio i {

  color: #fff;

}



.is-green .site-nav-social-list i {

  /* social icon */

  background-color: #00bfa3;

  color: #fff;

}



.is-green .site-nav-social-list i:hover {

  background-color: #00a68d;

}



.is-green .service-icon i {

  /* service icon */

  background-color: #00bfa3;

  color: #fff;

}



.is-green .service-icon i:hover {

  background-color: #00a68d;

}



.is-green .address i {

  /* address icon */

  background-color: #00bfa3;

  color: #fff !important;

}



.is-green .address i:hover {

  background-color: #00a68d;

}



.is-green .mfp-close:hover {

  /* magnific popup close button */

  background-color: #00a68d;

}



.is-green button.mfp-close,

.is-green button.mfp-arrow {

  /* magnific popup close button */

  background-color: #00bfa3;

  color: #fff;

}



.is-green.is-light .site-nav-menu-list a {

  /* nav link color */

  color: #212121;

}



.is-green.is-black .site-nav-menu-list a,

.is-green.is-dark .site-nav-menu-list a {

  /* nav link color */

  color: #fff;

}



/**

 * red

 * -------------------------

 */

.is-red .btn-theme {

  /* .btn-theme */

  border-color: #22a7f0;

  background-color: #22a7f0;

  color: #fff;

}



.is-red .btn-theme:active,

.is-red .btn-theme:active:focus,

.is-red .btn-theme:focus,

.is-red .btn-theme:hover {

  border-color: #337ab7;

  background-color: #337ab7;

  color: #fff;

}



.is-red .btn-theme.btn-outline {

  background-color: transparent;

}



.is-red .btn-theme.btn-outline:active,

.is-red .btn-theme.btn-outline:active:focus,

.is-red .btn-theme.btn-outline:focus,

.is-red .btn-theme.btn-outline:hover {

  background-color: #cc6e00;

}



.is-red .color {

  /* color helper class */

  color: #cc6e00;

}



.is-red a {

  /* link */

  color: #cc6e00;

}



.is-red a:not(.btn):focus,

.is-red a:not(.btn):hover {

  color: #ffa53c;

}



.is-red .site-loader span {

  /* site loader span */

  border-color: rgba(232, 19, 81, 0.1);

  border-left-color: #cc6e00;

}



.is-red .site-header-icon-nav {

  /* header nav icon */

  background-color: #cc6e00;

}



.is-red .site-header-icon-nav span {

  /* nav toggle icon background */

  background-color: #fff;

}



.is-red .site-header-icon-nav:hover {

  background-color: #ffa53c;

}



.is-red .site-nav-icon > div:before {

  background-color: #cc6e00;

}



.is-red .site-nav-icon > div:hover:before {

  background-color: #ffa53c;

}



.is-red .site-nav-icon-close span {

  background-color: #fff;

}



.is-red .site-nav-menu-list a.is-active,

.is-red .site-nav-menu-list a:hover,

.is-red .site-nav-menu-list a:focus {

  background-color: #cc6e00;

  color: #fff !important;

}



.is-red .site-nav-icon-audio i {

  color: #fff;

}



.is-red .site-nav-social-list i {

  /* social icon */

  background-color: #cc6e00;

  color: #fff;

}



.is-red .site-nav-social-list i:hover {

  background-color: #ffa53c;

}



.is-red .service-icon i {

  /* service icon */

  background-color: #cc6e00;

  color: #fff;

}



.is-red .service-icon i:hover {

  background-color: #ffa53c;

}



.is-red .address i {

  /* address icon */

  background-color: #cc6e00;

  color: #fff !important;

}



.is-red .address i:hover {

  background-color: #ffa53c;

}



.is-red .mfp-close:hover {

  /* magnific popup close button */

  background-color: #ffa53c;

}



.is-red button.mfp-close,

.is-red button.mfp-arrow {

  /* magnific popup close button */

  background-color: #cc6e00;

  color: #fff;

}



.is-red.is-light .site-nav-menu-list a {

  /* nav link color */

  color: #212121;

}



.is-red.is-black .site-nav-menu-list a,

.is-red.is-dark .site-nav-menu-list a {

  /* nav link color */

  color: #fff;

}



/**

 * pink

 * -------------------------

 */

.is-pink .btn-theme {

  /* .btn-theme */

  border-color: #ec387d;

  background-color: #ec387d;

  color: #fff;

}



.is-pink .btn-theme:active,

.is-pink .btn-theme:active:focus,

.is-pink .btn-theme:focus,

.is-pink .btn-theme:hover {

  border-color: #ea216e;

  background-color: #ea216e;

  color: #fff;

}



.is-pink .btn-theme.btn-outline {

  background-color: transparent;

}



.is-pink .btn-theme.btn-outline:active,

.is-pink .btn-theme.btn-outline:active:focus,

.is-pink .btn-theme.btn-outline:focus,

.is-pink .btn-theme.btn-outline:hover {

  background-color: #ec387d;

}



.is-pink .color {

  /* color helper class */

  color: #ec387d;

}



.is-pink a {

  /* link */

  color: #ec387d;

}



.is-pink a:not(.btn):focus,

.is-pink a:not(.btn):hover {

  color: #ea216e;

}



.is-pink .site-loader span {

  /* site loader span */

  border-color: rgba(236, 56, 125, 0.1);

  border-left-color: #ec387d;

}



.is-pink .site-header-icon-nav {

  /* header nav icon */

  background-color: #ec387d;

}



.is-pink .site-header-icon-nav span {

  /* nav toggle icon background */

  background-color: #fff;

}



.is-pink .site-header-icon-nav:hover {

  background-color: #ea216e;

}



.is-pink .site-nav-icon > div:before {

  background-color: #ec387d;

}



.is-pink .site-nav-icon > div:hover:before {

  background-color: #ea216e;

}



.is-pink .site-nav-icon-close span {

  background-color: #fff;

}



.is-pink .site-nav-menu-list a.is-active,

.is-pink .site-nav-menu-list a:hover,

.is-pink .site-nav-menu-list a:focus {

  background-color: #ec387d;

  color: #fff !important;

}



.is-pink .site-nav-icon-audio i {

  color: #fff;

}



.is-pink .site-nav-social-list i {

  /* social icon */

  background-color: #ec387d;

  color: #fff;

}



.is-pink .site-nav-social-list i:hover {

  background-color: #ea216e;

}



.is-pink .service-icon i {

  /* service icon */

  background-color: #ec387d;

  color: #fff;

}



.is-pink .service-icon i:hover {

  background-color: #ea216e;

}



.is-pink .address i {

  /* address icon */

  background-color: #ec387d;

  color: #fff !important;

}



.is-pink .address i:hover {

  background-color: #ea216e;

}



.is-pink .mfp-close:hover {

  /* magnific popup close button */

  background-color: #ea216e;

}



.is-pink button.mfp-close,

.is-pink button.mfp-arrow {

  /* magnific popup close button */

  background-color: #ec387d;

  color: #fff;

}



.is-pink.is-light .site-nav-menu-list a {

  /* nav link color */

  color: #212121;

}



.is-pink.is-black .site-nav-menu-list a,

.is-pink.is-dark .site-nav-menu-list a {

  /* nav link color */

  color: #fff;

}



/**

 * orange

 * -------------------------

 */

.is-orange .btn-theme {

  /* .btn-theme */

  border-color: #f2784b;

  background-color: #f2784b;

  color: #fff;

}



.is-orange .btn-theme:active,

.is-orange .btn-theme:active:focus,

.is-orange .btn-theme:focus,

.is-orange .btn-theme:hover {

  border-color: #f06633;

  background-color: #f06633;

  color: #fff;

}



.is-orange .btn-theme.btn-outline {

  background-color: transparent;

}



.is-orange .btn-theme.btn-outline:active,

.is-orange .btn-theme.btn-outline:active:focus,

.is-orange .btn-theme.btn-outline:focus,

.is-orange .btn-theme.btn-outline:hover {

  background-color: #f2784b;

}



.is-orange .color {

  /* color helper class */

  color: #f2784b;

}



.is-orange a {

  /* link */

  color: #f2784b;

}



.is-orange a:not(.btn):focus,

.is-orange a:not(.btn):hover {

  color: #f06633;

}



.is-orange .site-loader span {

  /* site loader span */

  border-color: rgba(242, 120, 75, 0.1);

  border-left-color: #f2784b;

}



.is-orange .site-header-icon-nav {

  /* header nav icon */

  background-color: #f2784b;

}



.is-orange .site-header-icon-nav span {

  /* nav toggle icon background */

  background-color: #fff;

}



.is-orange .site-header-icon-nav:hover {

  background-color: #f06633;

}



.is-orange .site-nav-icon > div:before {

  background-color: #f2784b;

}



.is-orange .site-nav-icon > div:hover:before {

  background-color: #f06633;

}



.is-orange .site-nav-icon-close span {

  background-color: #fff;

}



.is-orange .site-nav-menu-list a.is-active,

.is-orange .site-nav-menu-list a:hover,

.is-orange .site-nav-menu-list a:focus {

  background-color: #f2784b;

  color: #fff !important;

}



.is-orange .site-nav-icon-audio i {

  color: #fff;

}



.is-orange .site-nav-social-list i {

  /* social icon */

  background-color: #f2784b;

  color: #fff;

}



.is-orange .site-nav-social-list i:hover {

  background-color: #f06633;

}



.is-orange .service-icon i {

  /* service icon */

  background-color: #f2784b;

  color: #fff;

}



.is-orange .service-icon i:hover {

  background-color: #f06633;

}



.is-orange .address i {

  /* address icon */

  background-color: #f2784b;

  color: #fff !important;

}



.is-orange .address i:hover {

  background-color: #f06633;

}



.is-orange .mfp-close:hover {

  /* magnific popup close button */

  background-color: #f06633;

}



.is-orange button.mfp-close,

.is-orange button.mfp-arrow {

  /* magnific popup close button */

  background-color: #f2784b;

  color: #fff;

}



.is-orange.is-light .site-nav-menu-list a {

  /* nav link color */

  color: #212121;

}



.is-orange.is-black .site-nav-menu-list a,

.is-orange.is-dark .site-nav-menu-list a {

  /* nav link color */

  color: #fff;

}



/**

 * purple

 * -------------------------

 */

.is-purple .btn-theme {

  /* .btn-theme */

  border-color: #626fe6;

  background-color: #626fe6;

  color: #fff;

}



.is-purple .btn-theme:active,

.is-purple .btn-theme:active:focus,

.is-purple .btn-theme:focus,

.is-purple .btn-theme:hover {

  border-color: #4c5be2;

  background-color: #4c5be2;

  color: #fff;

}



.is-purple .btn-theme.btn-outline {

  background-color: transparent;

}



.is-purple .btn-theme.btn-outline:active,

.is-purple .btn-theme.btn-outline:active:focus,

.is-purple .btn-theme.btn-outline:focus,

.is-purple .btn-theme.btn-outline:hover {

  background-color: #626fe6;

}



.is-purple .color {

  /* color helper class */

  color: #626fe6;

}



.is-purple a {

  /* link */

  color: #626fe6;

}



.is-purple a:not(.btn):focus,

.is-purple a:not(.btn):hover {

  color: #4c5be2;

}



.is-purple .site-loader span {

  /* site loader span */

  border-color: rgba(98, 111, 230, 0.1);

  border-left-color: #626fe6;

}



.is-purple .site-header-icon-nav {

  /* header nav icon */

  background-color: #626fe6;

}



.is-purple .site-header-icon-nav span {

  /* nav toggle icon background */

  background-color: #fff;

}



.is-purple .site-header-icon-nav:hover {

  background-color: #4c5be2;

}



.is-purple .site-nav-icon > div:before {

  background-color: #626fe6;

}



.is-purple .site-nav-icon > div:hover:before {

  background-color: #4c5be2;

}



.is-purple .site-nav-icon-close span {

  background-color: #fff;

}



.is-purple .site-nav-menu-list a.is-active,

.is-purple .site-nav-menu-list a:hover,

.is-purple .site-nav-menu-list a:focus {

  background-color: #626fe6;

  color: #fff !important;

}



.is-purple .site-nav-icon-audio i {

  color: #fff;

}



.is-purple .site-nav-social-list i {

  /* social icon */

  background-color: #626fe6;

  color: #fff;

}



.is-purple .site-nav-social-list i:hover {

  background-color: #4c5be2;

}



.is-purple .service-icon i {

  /* service icon */

  background-color: #626fe6;

  color: #fff;

}



.is-purple .service-icon i:hover {

  background-color: #4c5be2;

}



.is-purple .address i {

  /* address icon */

  background-color: #626fe6;

  color: #fff !important;

}



.is-purple .address i:hover {

  background-color: #4c5be2;

}



.is-purple .mfp-close:hover {

  /* magnific popup close button */

  background-color: #4c5be2;

}



.is-purple button.mfp-close,

.is-purple button.mfp-arrow {

  /* magnific popup close button */

  background-color: #626fe6;

  color: #fff;

}



.is-purple.is-light .site-nav-menu-list a {

  /* nav link color */

  color: #212121;

}



.is-purple.is-black .site-nav-menu-list a,

.is-purple.is-dark .site-nav-menu-list a {

  /* nav link color */

  color: #fff;

}



/**

 * brown

 * -------------------------

 */

.is-brown .btn-theme {

  /* .btn-theme */

  border-color: #c3a161;

  background-color: #c3a161;

  color: #fff;

}



.is-brown .btn-theme:active,

.is-brown .btn-theme:active:focus,

.is-brown .btn-theme:focus,

.is-brown .btn-theme:hover {

  border-color: #bc964f;

  background-color: #bc964f;

  color: #fff;

}



.is-brown .btn-theme.btn-outline {

  background-color: transparent;

}



.is-brown .btn-theme.btn-outline:active,

.is-brown .btn-theme.btn-outline:active:focus,

.is-brown .btn-theme.btn-outline:focus,

.is-brown .btn-theme.btn-outline:hover {

  background-color: #c3a161;

}



.is-brown .color {

  /* color helper class */

  color: #c3a161;

}



.is-brown a {

  /* link */

  color: #c3a161;

}



.is-brown a:not(.btn):focus,

.is-brown a:not(.btn):hover {

  color: #bc964f;

}



.is-brown .site-loader span {

  /* site loader span */

  border-color: rgba(195, 161, 97, 0.1);

  border-left-color: #c3a161;

}



.is-brown .site-header-icon-nav {

  /* header nav icon */

  background-color: #c3a161;

}



.is-brown .site-header-icon-nav span {

  /* nav toggle icon background */

  background-color: #fff;

}



.is-brown .site-header-icon-nav:hover {

  background-color: #bc964f;

}



.is-brown .site-nav-icon > div:before {

  background-color: #c3a161;

}



.is-brown .site-nav-icon > div:hover:before {

  background-color: #bc964f;

}



.is-brown .site-nav-icon-close span {

  background-color: #fff;

}



.is-brown .site-nav-menu-list a.is-active,

.is-brown .site-nav-menu-list a:hover,

.is-brown .site-nav-menu-list a:focus {

  background-color: #c3a161;

  color: #fff !important;

}



.is-brown .site-nav-icon-audio i {

  color: #fff;

}



.is-brown .site-nav-social-list i {

  /* social icon */

  background-color: #c3a161;

  color: #fff;

}



.is-brown .site-nav-social-list i:hover {

  background-color: #bc964f;

}



.is-brown .service-icon i {

  /* service icon */

  background-color: #c3a161;

  color: #fff;

}



.is-brown .service-icon i:hover {

  background-color: #bc964f;

}



.is-brown .address i {

  /* address icon */

  background-color: #c3a161;

  color: #fff !important;

}



.is-brown .address i:hover {

  background-color: #bc964f;

}



.is-brown .mfp-close:hover {

  /* magnific popup close button */

  background-color: #bc964f;

}



.is-brown button.mfp-close,

.is-brown button.mfp-arrow {

  /* magnific popup close button */

  background-color: #c3a161;

  color: #fff;

}



.is-brown.is-light .site-nav-menu-list a {

  /* nav link color */

  color: #212121;

}



.is-brown.is-black .site-nav-menu-list a,

.is-brown.is-dark .site-nav-menu-list a {

  /* nav link color */

  color: #fff;

}