:root {



  --w-color-primary: #3578E5;



  --w-bg-primary: #3578E5;



  /* Any valid CSS format is supported. */



  --w-color-primary-200: #22261e;



  /* Set each HSL component separately to change all hues at once. */



  --w-color-secondary: #778A35;



  --w-color-secondary-400: #5a6827;



  --w-color-secondary-50: #ecefe3;



  --w-color-secondary-hue: 180.5;



  --w-color-secondary-saturation: 100%;



  --w-color-secondary-lightness: 24.7%;



  --w-color-white: #fff;



}



.u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .open > .nav-link,



.u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .active > .nav-link,



.u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.open,



.u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.active,



.u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .open > .nav-link,



.u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .active > .nav-link,



.u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.open,



.u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.active,



.u-secondary-navigation .active a {



  color: var(--w-color-primary);



}



.u-block-hover:hover .g-color-primary--hover,



.g-color-primary--hover:hover {



  color: var(--w-color-primary) !important;



}



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



  Custom BG



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



[class*="g-bgi-v"] {



  background-position: center;



  background-attachment: fixed;



}



.g-bgi-v1,



.g-bgi-v1 .u-outer-spaces-helper::after {



  background-image: url(https://htmlstream.com/preview/unify-v2.6/assets/img-temp/1920x1080/img1.jpg);



  background-size: cover;



  background-repeat: no-repeat;



}



.g-bgi-v2,



.g-bgi-v2 .u-outer-spaces-helper::after {



  background-image: url(https://htmlstream.com/preview/unify-v2.6/assets/img-temp/1920x1080/img2.jpg);



  background-size: cover;



  background-repeat: no-repeat;



}



.g-bgi-v3,



.g-bgi-v3 .u-outer-spaces-helper::after {



  background-image: url(https://htmlstream.com/preview/unify-v2.6/assets/img-temp/1920x1080/img3.jpg);



  background-size: cover;



  background-repeat: no-repeat;



}



.g-bgi-v4,



.g-bgi-v4 .u-outer-spaces-helper::after {



  background-image: url(https://htmlstream.com/preview/unify-v2.6/assets/img-temp/1920x1080/img4.jpg);



  background-size: cover;



  background-repeat: no-repeat;



}



.g-bgi-v5,



.g-bgi-v5 .u-outer-spaces-helper::after {



  background-image: url(https://htmlstream.com/preview/unify-v2.6/assets/img-temp/1920x1080/img5.jpg);



  background-size: cover;



  background-repeat: no-repeat;



}



.g-bgi-v6,



.g-bgi-v6 .u-outer-spaces-helper::after {



  background-image: url(https://htmlstream.com/preview/unify-v2.6/assets/img-temp/1920x1080/img6.jpg);



  background-size: cover;



  background-repeat: no-repeat;



}



.g-bgi-v7,



.g-bgi-v7 .u-outer-spaces-helper::after {



  background-image: url(https://htmlstream.com/preview/unify-v2.6/assets/img-temp/1920x1080/img7.jpg);



}



.g-bgi-v8,



.g-bgi-v8 .u-outer-spaces-helper::after {



  background-image: url(https://htmlstream.com/preview/unify-v2.6/assets/img/bg/pattern/bricks-white.png);



}



.g-bgi-v9,



.g-bgi-v9 .u-outer-spaces-helper::after {



  background-image: url(https://htmlstream.com/preview/unify-v2.6/assets/img/bg/pattern/math-dark.png);



}



.g-bgi-v10,



.g-bgi-v10 .u-outer-spaces-helper::after {



  background-image: url(https://htmlstream.com/preview/unify-v2.6/assets/img/bg/pattern/figures-light.png);



}



.g-bgi-v11,



.g-bgi-v11 .u-outer-spaces-helper::after {



  background-image: url(https://htmlstream.com/preview/unify-v2.6/assets/img/bg/pattern/footer-lodyas.png);



}



.g-bgi-v12,



.g-bgi-v12 .u-outer-spaces-helper::after {



  background-image: url(https://htmlstream.com/preview/unify-v2.6/assets/img/bg/pattern/doodles.png);



}



.g-bgi-v13,



.g-bgi-v13 .u-outer-spaces-helper::after {



  background-image: url(https://htmlstream.com/preview/unify-v2.6/assets/img/bg/pattern/darkness.png);



}



.g-bgi-v14,



.g-bgi-v14 .u-outer-spaces-helper::after {



  background-image: url(https://htmlstream.com/preview/unify-v2.6/assets/img/bg/pattern/memphis-colorful.png);



}



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



  Boxed layout



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



.g-layout-boxed,



.g-layout-semiboxed {



  background-color: #f7f7f7;



}



.u-outer-space-v1 .g-layout-boxed::after,



.u-outer-space-v2 .g-layout-boxed::after,



.u-outer-space-v1 .g-layout-semiboxed::after,



.u-outer-space-v2 .g-layout-semiboxed::after {



  border-bottom-color: #f7f7f7;



}



.g-layout-boxed main,



.g-layout-semiboxed main {



  position: relative;



  max-width: 100%;



  margin-left: auto;



  margin-right: auto;



  background-color: #fff;



  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);



}



@media (min-width: 1200px) {



  .g-layout-boxed main {



    width: 1140px;



  }



}



@media (min-width: 1400px) {



  .g-layout-semiboxed main {



    width: 1340px;



  }



}



@media (min-width: 768px) {



  .u-outer-space-v1 {



    margin: 20px;



  }



}



@media (min-width: 768px) {



  .u-outer-space-v1 body {



    height: calc(100% - 40px);



    min-height: calc(100% - 40px);



  }



}



@media (min-width: 768px) {



  .u-outer-space-v2 {



    margin: 40px;



  }



}



@media (min-width: 768px) {



  .u-outer-space-v2 body {



    height: calc(100% - 80px);



    min-height: calc(100% - 80px);



  }



}



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



  Dark Theme



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



.g-dark-theme {



  background-color: #000;



  color: #fff;



}



.g-dark-theme main {



  background-color: #222;



}



.g-dark-theme .u-header__section {



  background-color: #222;



}



.g-dark-theme .u-header__section:not([class*="g-bg-white"]) .navbar-nav .nav-link {



  color: #fff;



}



.g-dark-theme .u-header__section:not([class*="g-bg-white"]) .navbar-nav .active > .nav-link {



  color: rgba(255, 255, 255, 0.7);



}



.g-dark-theme .u-btn-inset::before {



  border-color: #222;



}



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



  Fonts



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



body {



  font-family: "Open Sans", Helvetica, Arial, sans-serif;



}



h1,



.h1,



h2,



.h2,



h3,



.h3,



h4,



.h4,



h5,



.h5,



h6,



.h6 {



  font-family: "Roboto", Helvetica, Arial, sans-serif;



}



a {



  color: var(--w-color-primary);



  outline: none;



}



a:focus,



a:hover {



  color: #c71b21;



}



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



  Bootstrap



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



.page-link,



.page-link:hover,



.page-link:focus,



.btn-outline-primary:disabled,



.btn-outline-primary.disabled {



  color: var(--w-color-primary);



}



.page-item.active .page-link,



.page-item.active .page-link:focus,



.page-item.active .page-link:hover,



.btn-primary,



.btn-primary:disabled,



.btn-primary.disabled {



  border-color: var(--w-color-primary);



  background-color: var(--w-color-primary);



}



.btn-outline-primary {



  color: var(--w-color-primary);



  border-color: var(--w-color-primary);



}



.btn-outline-primary:hover,



.btn-outline-primary:active,



.btn-outline-primary.active,



.show > .btn-outline-primary.dropdown-toggle {



  background-color: #d41d23;



  border-color: #d41d23;



}



.nav-pills .nav-item.show .nav-link,



.nav-pills .nav-link.active,



.progress-bar {



  background-color: var(--w-color-primary);



}



.btn-primary:hover,



.btn-primary:active,



.btn-primary.active,



.show > .btn-primary.dropdown-toggle {



  background-color: #d41d23;



  border-color: #d41d23;



}



.btn-primary:focus,



.btn-primary.focus,



.btn-outline-primary:focus,



.btn-outline-primary.focus {



  box-shadow: 0 0 0 2px rgba(221, 30, 37, 0.5);



}



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



  Background colors



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



.g-bg-primary,



.g-bg-primary--hover:hover,



.g-parent:hover .g-bg-primary--parent-hover,



.g-bg-primary--active.active,



.active .g-bg-primary--active,



.g-parent.active .g-bg-primary--parent-active {



  background-color: var(--w-color-primary) !important;



}



.g-bg-primary--before::before,



.g-bg-primary--after::after {



  background-color: var(--w-color-primary) !important;



}



.g-bg-primary-opacity-0_1 {



  background-color: rgba(221, 30, 37, 0.1) !important;



}



.g-bg-primary-opacity-0_2,



.g-bg-primary-opacity-0_2--hover:hover,



.g-bg-primary-opacity-0_2--hover--after:hover::after,



.g-bg-primary-opacity-0_2--before::before,



.g-bg-primary-opacity-0_2--after::after {



  background-color: rgba(221, 30, 37, 0.2) !important;



}



.active .g-bg-primary-opacity-0_2--active {



  background-color: rgba(221, 30, 37, 0.2) !important;



}



.g-bg-primary-opacity-0_4,



.g-bg-primary-opacity-0_4--hover:hover,



.g-bg-primary-opacity-0_4--hover--after:hover::after,



.g-bg-primary-opacity-0_4--after::after {



  background-color: rgba(221, 30, 37, 0.4) !important;



}



.g-bg-primary-opacity-0_6,



.g-bg-primary-opacity-0_6--hover:hover,



.g-bg-primary-opacity-0_6--hover--after:hover::after,



.g-bg-primary-opacity-0_6--after::after {



  background-color: rgba(221, 30, 37, 0.6) !important;



}



.g-bg-primary-opacity-0_8,



.g-bg-primary-opacity-0_8--hover:hover,



.g-bg-primary-opacity-0_8--hover--after:hover::after,



.g-bg-primary-opacity-0_8--before::after,



.g-bg-primary-opacity-0_8--after::after,



.g-bg-primary-opacity-0_8--before--hover:hover::after,



.g-bg-primary-opacity-0_8--after--hover:hover::after {



  background-color: rgba(221, 30, 37, 0.8) !important;



}



.g-bg-primary-opacity-0_9,



.g-bg-primary-opacity-0_9--hover:hover,



.g-bg-primary-opacity-0_9--hover--after:hover::after,



.g-bg-primary-opacity-0_9--before::after,



.g-bg-primary-opacity-0_9--after::after,



.g-bg-primary-opacity-0_9--before--hover:hover::after,



.g-bg-primary-opacity-0_9--after--hover:hover::after {



  background-color: rgba(221, 30, 37, 0.9) !important;



}



.g-bg-primary-dark-v1 {



  background-color: #d41d23 !important;



}



.g-bg-primary-dark-v2 {



  background-color: #c71b21 !important;



}



.g-bg-primary-dark-v3 {



  background-color: #b0181d !important;



}



/*.g-bg-primary-gradient-opacity-v1,



.g-bg-primary-gradient-opacity-v1--after::after {



  background: linear-gradient(to bottom, rgba(red(@customColor), green(@customColor), blue(@customColor), .5), rgba(red(@customColor), green(@customColor), blue(@customColor), 1));



}*/



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



  Border colors



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



.g-brd-primary,



.g-brd-primary--before::before,



.g-brd-primary--before--active.active::before,



.slick-active .g-brd-primary--before--active::before,



.g-brd-primary--hover:hover,



.g-brd-primary--active.active,



.g-brd-primary--active.cbp-filter-item-active,



.slick-active .g-brd-primary--active,



*:hover > .g-brd-primary--hover-parent {



  border-color: var(--w-color-primary) !important;



}



.g-brd-primary-opacity-0_3,



.g-brd-primary-opacity-0_3--hover:hover,



.g-brd-primary-opacity-0_3--active.active,



.g-brd-primary-opacity-0_3--active.cbp-filter-item-active,



*:hover > .g-brd-primary-opacity-0_3--hover-parent {



  border-color: rgba(221, 30, 37, 0.3) !important;



}



.g-brd-primary-top,



.g-brd-primary-top--before::before,



.g-brd-primary-top--hover:hover,



.g-brd-primary-top--hover:hover::after,



.g-brd-primary-top--active.active,



.g-brd-primary-top--active.active::after {



  border-top-color: var(--w-color-primary) !important;



}



.g-brd-primary-bottom,



.g-brd-primary-bottom--before::before,



.g-brd-primary-bottom--hover:hover,



.g-brd-primary-bottom--hover:hover::after,



.g-brd-primary-bottom--active.active,



.g-brd-primary-bottom--active.active::after {



  border-bottom-color: var(--w-color-primary) !important;



}



.g-brd-primary-left,



.g-brd-primary-left--before::before {



  border-left-color: var(--w-color-primary) !important;



}



.g-brd-primary-right,



.g-brd-primary-right--before::before {



  border-right-color: var(--w-color-primary) !important;



}



.g-brd-primary-opacity-0_3-top {



  border-top-color: rgba(221, 30, 37, 0.3) !important;



}



.g-brd-primary-opacity-0_3-bottom {



  border-bottom-color: rgba(221, 30, 37, 0.3) !important;



}



.g-brd-primary-opacity-0_3-left {



  border-left-color: rgba(221, 30, 37, 0.3) !important;



}



.g-brd-primary-opacity-0_3-right {



  border-right-color: rgba(221, 30, 37, 0.3) !important;



}



.g-brd-primary-dark-dark-v1,



.g-brd-primary-dark-dark-v1--hover:hover,



.g-brd-primary-dark-dark-v1--active.active,



.g-brd-primary-dark-dark-v1--active.cbp-filter-item-active,



*:hover > .g-brd-primary-dark-dark-v1--hover-parent {



  border-color: #d41d23 !important;



}



.g-brd-primary-dark-dark-v2,



.g-brd-primary-dark-dark-v2--hover:hover,



.g-brd-primary-dark-dark-v2--active.active,



.g-brd-primary-dark-dark-v2--active.cbp-filter-item-active,



*:hover > .g-brd-primary-dark-dark-v2--hover-parent {



  border-color: #c71b21 !important;



}



.g-brd-primary-dark-dark-v3,



.g-brd-primary-dark-dark-v3--hover:hover,



.g-brd-primary-dark-dark-v3--active.active,



.g-brd-primary-dark-dark-v3--active.cbp-filter-item-active,



*:hover > .g-brd-primary-dark-dark-v3--hover-parent {



  border-color: #b0181d !important;



}



.g-brd-primary-dark-dark-v1-top {



  border-top-color: #d41d23 !important;



}



.g-brd-primary-dark-dark-v1-bottom {



  border-bottom-color: #d41d23 !important;



}



.g-brd-primary-dark-dark-v1-left {



  border-left-color: #d41d23 !important;



}



.g-brd-primary-dark-dark-v1-right {



  border-right-color: #d41d23 !important;



}



.g-brd-primary-dark-dark-v2-top {



  border-top-color: #c71b21 !important;



}



.g-brd-primary-dark-dark-v2-bottom {



  border-bottom-color: #c71b21 !important;



}



.g-brd-primary-dark-dark-v2-left {



  border-left-color: #c71b21 !important;



}



.g-brd-primary-dark-dark-v2-right {



  border-right-color: #c71b21 !important;



}



.g-brd-primary-dark-dark-v3-top {



  border-top-color: #b0181d !important;



}



.g-brd-primary-dark-dark-v3-bottom {



  border-bottom-color: #b0181d !important;



}



.g-brd-primary-dark-dark-v3-left {



  border-left-color: #b0181d !important;



}



.g-brd-primary-dark-dark-v3-right {



  border-right-color: #b0181d !important;



}



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



  Colors



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



.g-color-primary,



.g-color-primary--hover:hover,



.g-color-primary--active.cbp-filter-item-active {



  color: var(--w-color-primary) !important;



}



.g-color-primary-opacity-0_3 {



  color: rgba(221, 30, 37, 0.3) !important;



}



.g-color-primary-opacity-0_4 {



  color: rgba(221, 30, 37, 0.4) !important;



}



.g-color-primary--before::before,



.g-color-primary--after::after {



  color: var(--w-color-primary);



}



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



  Box-shadows



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



.u-shadow-v13 {



  box-shadow: inset 2px 2px 2px 0 #dd1e25;



}



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



  Fill colors



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



.g-fill-primary,



.g-fill-primary path,



.g-fill-primary polygon,



.g-fill-primary--hover:hover path,



.g-fill-primary--hover:hover polygon,



*:hover > * > .g-fill-primary--hover-parent svg path,



*:hover > * > .g-fill-primary--hover-parent svg polygon {



  fill: #dd1e25 !important;



}



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



  Highlight Color



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



::-moz-selection {



  background-color: var(--w-color-primary);



}



::selection {



  background-color: var(--w-color-primary);



}



.g-bg-primary ::-moz-selection {



  color: var(--w-color-primary);



}



.g-bg-primary ::selection {



  color: var(--w-color-primary);



}



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



  Buttons



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



.u-btn-primary {



  background-color: var(--w-color-primary);

  color: #fff;

}



.u-btn-primary:hover,



.u-btn-primary.active,



.u-btn-primary.cbp-filter-item-active {



  /* border-color: #e6484e; */



  /* background-color: #e6484e; */

  background-color: var(--w-color-primary);

  opacity: .8;

  color: #e3e3e3;



}



.u-btn-primary.u-btn-hover-v1-1::after,



.u-btn-primary.u-btn-hover-v1-1:hover::after,



.u-btn-primary.u-btn-hover-v1-2::after,



.u-btn-primary.u-btn-hover-v1-2:hover::after,



.u-btn-primary.u-btn-hover-v1-3::after,



.u-btn-primary.u-btn-hover-v1-3:hover::after,



.u-btn-primary.u-btn-hover-v1-4::after,



.u-btn-primary.u-btn-hover-v1-4:hover::after,



.u-btn-primary.u-btn-hover-v2-1::after,



.u-btn-primary.u-btn-hover-v2-1:hover::after,



.u-btn-primary.u-btn-hover-v2-2::after,



.u-btn-primary.u-btn-hover-v2-2:hover::after {



  background-color: #e33138;

}



.u-btn-primary.u-btn-hover-v1-1:hover,



.u-btn-primary.u-btn-hover-v1-2:hover,



.u-btn-primary.u-btn-hover-v1-3:hover,



.u-btn-primary.u-btn-hover-v1-4:hover,



.u-btn-primary.u-btn-hover-v2-1:hover,



.u-btn-primary.u-btn-hover-v2-2:hover {



  background-color: var(--w-color-primary);



}



.u-btn-outline-primary {



  color: var(--w-color-primary);



  border-color: var(--w-color-primary);



}



.u-btn-outline-primary:hover {



  background-color: var(--w-color-primary);



}



.u-btn-outline-primary.u-btn-hover-v1-1::after,



.u-btn-outline-primary.u-btn-hover-v1-1:hover::after,



.u-btn-outline-primary.u-btn-hover-v1-2::after,



.u-btn-outline-primary.u-btn-hover-v1-2:hover::after,



.u-btn-outline-primary.u-btn-hover-v1-3::after,



.u-btn-outline-primary.u-btn-hover-v1-3:hover::after,



.u-btn-outline-primary.u-btn-hover-v1-4::after,



.u-btn-outline-primary.u-btn-hover-v1-4:hover::after,



.u-btn-outline-primary.u-btn-hover-v2-1::after,



.u-btn-outline-primary.u-btn-hover-v2-1:hover::after,



.u-btn-outline-primary.u-btn-hover-v2-2::after,



.u-btn-outline-primary.u-btn-hover-v2-2:hover::after,



.u-btn-outline-primary.u-btn-hover-v3-1::after,



.u-btn-outline-primary.u-btn-hover-v3-1:hover::after {



  background-color: rgba(221, 30, 37, 0.95);



}



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



  Checkboxes & Radio Buttons



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



.u-check input[type="checkbox"]:checked + .u-check-icon-font i,



.u-check input[type="radio"]:checked + .u-check-icon-font i,



.u-check input[type="checkbox"]:checked + * .u-check-icon-font i,



.u-check input[type="radio"]:checked + * .u-check-icon-font i {



  color: var(--w-color-primary);



}





.u-check-icon-checkbox-v7-readonly--true,

.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v1,

.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v1,

.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v1,

.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v1,

.u-check input[type="checkbox"]:checked + .u-check-icon-radio-v1,

.u-check input[type="radio"]:checked + .u-check-icon-radio-v1,

.u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v1,

.u-check input[type="radio"]:checked + * .u-check-icon-radio-v1,

.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v7,

.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v7,

.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v7,

.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v7,

.u-check input[type="checkbox"]:checked + .u-check-icon-radio-v7,

.u-check input[type="radio"]:checked + .u-check-icon-radio-v7,

.u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v7,

.u-check-icon-checkbox-v7-readonly--true,

.u-check input[type="radio"]:checked + * .u-check-icon-radio-v7 

{



  background-color: var(--w-color-primary);

  border-color: var(--w-color-primary);

  pointer-events: none !important;

}



.u-check-icon-checkbox-v2,

.u-check-icon-radio-v2,

.u-check-icon-checkbox-v3,

.u-check-icon-radio-v3 {

  border-color: var(--w-color-primary);

}



.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v4,

.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v4,

.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v4,

.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v4,

.u-check input[type="checkbox"]:checked + .u-check-icon-radio-v4,

.u-check input[type="radio"]:checked + .u-check-icon-radio-v4,

.u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v4,

.u-check input[type="radio"]:checked + * .u-check-icon-radio-v4,

.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v8,

.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v8,

.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v8,

.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v8,

.u-check input[type="checkbox"]:checked + .u-check-icon-radio-v8,

.u-check input[type="radio"]:checked + .u-check-icon-radio-v8,

.u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v8,

.u-check input[type="radio"]:checked + * .u-check-icon-radio-v8 {

  color: var(--w-color-primary);

  border-color: var(--w-color-primary);

}



.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v5 i,

.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v5 i,

.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v5 i,

.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v5 i,

.u-check input[type="checkbox"]:checked + .u-check-icon-radio-v5 i,

.u-check input[type="radio"]:checked + .u-check-icon-radio-v5 i,

.u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v5 i,

.u-check input[type="radio"]:checked + * .u-check-icon-radio-v5 i {

  border-color: var(--w-color-primary);

}



.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v6 i,

.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v6 i,

.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v6 i,

.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v6 i,

.u-check input[type="checkbox"]:checked + .u-check-icon-radio-v6 i,

.u-check input[type="radio"]:checked + .u-check-icon-radio-v6 i,

.u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v6 i,

.u-check input[type="radio"]:checked + * .u-check-icon-radio-v6 i {

  background-color: var(--w-color-primary);

  border-color: var(--w-color-primary);

}



.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v8 i::after,

.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v8 i::after,

.u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v8 i::after,

.u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v8 i::after,

.u-check input[type="checkbox"]:checked + .u-check-icon-radio-v8 i::after,

.u-check input[type="radio"]:checked + .u-check-icon-radio-v8 i::after,

.u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v8 i::after,

.u-check input[type="radio"]:checked + * .u-check-icon-radio-v8 i::after {

  background-color: var(--w-color-primary);

}



.u-checkbox-v1--checked-color-primary:checked + label {

  color: var(--w-color-primary) !important;

}



.u-checkbox-v1--checked-brd-primary:checked + label {

  border-color: var(--w-color-primary) !important;

}



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

  Selects

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



.u-select-v1 .chosen-results > li.highlighted,



.u-select-v1 .chosen-results > li.result-selected {



  background-color: rgba(221, 30, 37, 0.2);



  border-bottom-color: rgba(221, 30, 37, 0.2);



}



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



  Arrows



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



.u-arrow-v3:hover .u-arrow-icon-before,



.u-arrow-v3:hover .u-arrow-icon-after {



  background-color: var(--w-color-primary);



}



.u-arrow-v4:hover .u-arrow-icon,



.u-arrow-v7:hover .u-arrow-icon,



.u-arrow-v8:hover .u-arrow-icon {



  color: var(--w-color-primary);



}



.u-arrow-v14 .u-arrow-icon::before,



.u-arrow-v14 .u-arrow-icon::after {



  background: var(--w-bg-primary);



}



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



  Badges



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



.u-badge-bg-primary::after {



  background-color: var(--w-color-primary);



}



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



  Badges v2



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



[class*="u-badge-v2"] {



  background-color: var(--w-color-primary);



}



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



  Triangles



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



.u-triangle-v1.u-triangle-top.g-bg-primary::before,



.u-triangle-v1.u-triangle-left.g-bg-primary::before,



.u-triangle-v1-2.u-triangle-top.g-bg-primary::before,



.u-triangle-v1-2.u-triangle-left.g-bg-primary::before,



.u-triangle-v2.u-triangle-top.g-bg-primary::before,



.u-triangle-v2.u-triangle-left.g-bg-primary::before,



.u-triangle-v5.u-triangle-top.g-bg-primary::before,



.u-triangle-v5.u-triangle-left.g-bg-primary::before,



.u-triangle-v6.u-triangle-top.g-bg-primary::before,



.u-triangle-v6.u-triangle-left.g-bg-primary::before {



  border-bottom-color: var(--w-color-primary);



}



.u-triangle-v1.u-triangle-bottom.g-bg-primary::before,



.u-triangle-v1.u-triangle-right.g-bg-primary::before,



.u-triangle-v1-2.u-triangle-bottom.g-bg-primary::before,



.u-triangle-v1-2.u-triangle-right.g-bg-primary::before,



.u-triangle-v2.u-triangle-bottom.g-bg-primary::before,



.u-triangle-v2.u-triangle-right.g-bg-primary::before,



.u-triangle-v5.u-triangle-bottom.g-bg-primary::before,



.u-triangle-v5.u-triangle-right.g-bg-primary::before,



.u-triangle-v6.u-triangle-bottom.g-bg-primary::before,



.u-triangle-v6.u-triangle-right.g-bg-primary::before {



  border-top-color: var(--w-color-primary);



}



.u-triangle-v1-2.u-triangle-left.g-bg-primary::before {



  border-right-color: var(--w-color-primary);



}



.u-triangle-v1-2.u-triangle-right.g-bg-primary::before {



  border-left-color: var(--w-color-primary);



}



.u-triangle-v3.u-triangle-top.g-bg-primary::before,



.u-triangle-v3.u-triangle-left.g-bg-primary::before {



  background-image: linear-gradient(to bottom right, transparent 49.6%, #dd1e25 50%);



}



.u-triangle-v3.u-triangle-bottom.g-bg-primary::before,



.u-triangle-v3.u-triangle-right.g-bg-primary::before {



  background-image: linear-gradient(to top right, transparent 49.6%, #dd1e25 50%);



}



.u-triangle-v4.u-triangle-top.g-bg-primary::before,



.u-triangle-v4.u-triangle-left.g-bg-primary::before {



  background-image: linear-gradient(to bottom right, transparent 49.6%, #dd1e25 50%), linear-gradient(to bottom left, transparent 49.6%, #dd1e25 50%);



}



.u-triangle-v4.u-triangle-bottom.g-bg-primary::before,



.u-triangle-v4.u-triangle-right.g-bg-primary::before {



  background-image: linear-gradient(to top right, transparent 49.6%, #dd1e25 50%), linear-gradient(to top left, transparent 49.6%, #dd1e25 50%);



}



.u-semicircle-v1.g-bg-primary::before {



  background: var(--w-bg-primary);



}



.u-zigzag-top-primary::before {



  background: -webkit-linear-gradient(-225deg, #dd1e25 10px, transparent 0) 0 10px, -webkit-linear-gradient(-315deg, #dd1e25 10px, transparent 0) 0 10px;



}



@media (min-width: 768px) {



  .u-triangle-v1.u-triangle-left.g-bg-primary::before {



    border-right-color: var(--w-color-primary);



  }



  .u-triangle-v1.u-triangle-right.g-bg-primary::before {



    border-left-color: var(--w-color-primary);



  }



  .u-triangle-v3.u-triangle-left.g-bg-primary::before {



    background-image: linear-gradient(to bottom right, transparent 49.6%, #dd1e25 50%);



  }



  .u-triangle-v3.u-triangle-right.g-bg-primary::before {



    background-image: linear-gradient(to bottom left, transparent 49.6%, #dd1e25 50%);



  }



  .u-triangle-v4.u-triangle-left.g-bg-primary::before {



    background-image: linear-gradient(to bottom right, transparent 49.6%, #dd1e25 50%), linear-gradient(to top right, transparent 49.6%, #dd1e25 50%);



  }



  .u-triangle-v4.u-triangle-right.g-bg-primary::before {



    background-image: linear-gradient(to bottom left, transparent 49.6%, #dd1e25 50%), linear-gradient(to top left, transparent 49.6%, #dd1e25 50%);



  }



}



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



  Block Hovers



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



.u-block-hover:hover .u-block-hover__prop-bg-primary {



  background-color: var(--w-color-primary);



}



.u-block-hover:hover .u-block-hover__prop-bg-primary-opacity-0_9 {



  background-color: rgba(221, 30, 37, 0.9);



}



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



  Blockquotes



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



.u-blockquote-v3::before {



  color: var(--w-color-primary);



}



.u-blockquote-v7::before {



  background: var(--w-bg-primary);



}



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



  Carousel indicators



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



.u-carousel-indicators-v1 li.slick-active span,



.u-carousel-indicators-v1--white li.slick-active span,



.u-carousel-indicators-v4 li.slick-active span,



.u-carousel-indicators-v8 li.slick-active span {



  background-color: var(--w-color-primary);



}



.u-carousel-indicators-v6 li.slick-active {



  color: var(--w-color-primary);



}



.u-carousel-indicators-v6 li.slick-active span {



  border-color: var(--w-color-primary);



}



.u-carousel-indicators-v9 li.slick-active,



.u-carousel-indicators-v10 li.slick-active {



  background-color: var(--w-color-primary);



}



.u-carousel-indicators-v18--white li span {



  background-color: var(--w-color-primary);



}



.u-carousel-indicators-v20 li span:hover,



.u-carousel-indicators-v20 li span:focus,



.u-carousel-indicators-v20--white li span:hover,



.u-carousel-indicators-v20--white li span:focus,



.u-carousel-indicators-v20 li.slick-active span,



.u-carousel-indicators-v20 li.slick-active span,



.u-carousel-indicators-v20--white li.slick-active span,



.u-carousel-indicators-v20--white li.slick-active span {



  border-color: var(--w-color-primary);



}



.u-carousel-indicators-v20--white li span::before {



  background: var(--w-bg-primary);



  box-shadow: 0 0 1px #dd1e25;



}



.u-carousel-indicators-v21--white li span::after {



  background-color: var(--w-color-primary);



}



.u-carousel-indicators-v22--white li span {



  background-color: var(--w-color-primary);



}



.u-carousel-indicators-v22--white li span::before {



  border-top-color: var(--w-color-primary);



}



.u-carousel-indicators-v22--white li.slick-active {



  border-color: var(--w-color-primary);



}



.u-carousel-indicators-v23--white .u-dots-helper::before {



  background: var(--w-bg-primary);



}



.u-carousel-indicators-v24--white li span {



  border-color: var(--w-color-primary);



}



.u-carousel-indicators-v25--white li::before {



  background-color: var(--w-color-primary);



}



.u-carousel-indicators-v25--white li span:focus {



  background-color: var(--w-color-primary);



}



.u-carousel-indicators-v25--white li span::before {



  background-color: var(--w-color-primary);



}



.u-carousel-indicators-v25--white li.slick-active span {



  background-color: var(--w-color-primary);



}



.u-carousel-indicators-v26--white li::before,



.u-carousel-indicators-v26--white li::after,



.u-carousel-indicators-v26--vertical--white li::before,



.u-carousel-indicators-v26--vertical--white li::after {



  border-color: var(--w-color-primary);



}



.u-carousel-indicators-v27--white li span::before,



.u-carousel-indicators-v27--vertical--white li span::before {



  background: var(--w-bg-primary);



}



.u-carousel-indicators-v28 li.slick-active span {



  background-color: var(--w-color-primary);



}



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



  Paginations



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



.u-pagination-v1-1--active,



.u-pagination-v1-1:hover,



.u-pagination-v1-1:focus {



  background-color: var(--w-color-primary);



  border-color: var(--w-color-primary);



}



.u-pagination-v1-2:hover,



.u-pagination-v1-2:focus {



  color: var(--w-color-primary);



  border-color: var(--w-color-primary);



}



.u-pagination-v1-2--active,



.u-pagination-v1-2--nav {



  background-color: var(--w-color-primary);



  border-color: var(--w-color-primary);



}



.u-pagination-v1-2--nav:hover {



  background-color: rgba(221, 30, 37, 0.8);



}



.u-pagination-v1-4:hover,



.u-pagination-v1-4:focus {



  color: var(--w-color-primary);



  border-color: var(--w-color-primary);



}



.u-pagination-v1-4--active {



  background-color: var(--w-color-primary);



  border-color: var(--w-color-primary);



}



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



  Ribbons



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



.u-ribbon-bookmark.g-bg-primary::after {



  border-color: var(--w-color-primary);



}



.u-ribbon-clip-v4__inner.g-bg-primary {



  box-shadow: 0 0 0 3px #dd1e25, 0 21px 5px -18px rgba(0, 0, 0, 0.6);



}



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



  Accordions



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



.u-accordion-color-primary__header [aria-expanded="true"] {



  color: var(--w-color-primary) !important;



}



.u-accordion-bg-primary__header [aria-expanded="true"] {



  background-color: var(--w-color-primary) !important;



  border-color: var(--w-color-primary) !important;



}



.u-accordion-brd-primary__header [aria-expanded="true"] {



  border-color: var(--w-color-primary) !important;



}



.u-accordion-v2:nth-child(odd) {



  background-color: #c71b21;



}



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



  Datepickers



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



.u-datepicker-v1 .ui-datepicker-calendar td span.ui-state-active,



.u-datepicker-v1 .ui-datepicker-calendar th span.ui-state-active,



.u-datepicker-v1 .ui-datepicker-calendar td a.ui-state-active,



.u-datepicker-v1 .ui-datepicker-calendar th a.ui-state-active {



  background: var(--w-bg-primary);



  border-color: var(--w-color-primary);



}



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



  Sliders



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



.u-slider-v1.ui-slider .ui-slider-range {



  background: var(--w-bg-primary);



}



.u-slider-v1.ui-slider .ui-slider-handle {



  border-color: var(--w-color-primary);



}



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



  Headers



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



.js-header-change-moment.g-bg-primary--shift {



  background-color: var(--w-color-primary);



}



.js-header-change-moment.g-bg-primary-semi-transparent--shift {



  background-color: rgba(221, 30, 37, 0.9);



}



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



  Heading



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



.u-heading-v5-color-primary .u-heading-v5__title::before {



  background: var(--w-bg-primary);



}



.u-heading-massive-underline::before {



  background-color: var(--w-color-primary);



}



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



  Effects



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



.u-icon-effect-v1-1--hover::after,



.u-icon-effect-v1-2--hover::after {



  box-shadow: 0 0 0 1px #dd1e25;



}



.u-icon-effect-v1-1--hover:hover,



.u-icon-effect-v1-2--hover:hover,



.u-icon-v4.u-icon-effect-v1-1--hover:hover .u-icon-v4-inner,



.u-icon-v4.u-icon-effect-v1-2--hover:hover .u-icon-v4-inner,



.u-icon-block--hover:hover .u-icon-effect-v1-1--hover,



.u-icon-block--hover:hover .u-icon-effect-v1-2--hover,



.u-icon-block--hover:hover .u-icon-v4.u-icon-effect-v1-1--hover .u-icon-v4-inner,



.u-icon-block--hover:hover .u-icon-v4.u-icon-effect-v1-2--hover .u-icon-v4-inner {



  border-color: var(--w-color-primary);



  background: var(--w-bg-primary) important;



}



.u-icon-effect-v2--hover:hover,



.u-icon-effect-v2--hover:hover::after {



  background: var(--w-bg-primary);



}



.u-icon-effect-v5--hover.g-bg-primary:hover,



.u-icon-block--hover:hover .u-icon-effect-v5--hover.g-bg-primary,



.u-icon-effect-v5--hover.g-color-primary:hover,



.u-icon-block--hover:hover .u-icon-effect-v5--hover.g-color-primary {



  box-shadow: 0 0 10px 10px #dd1e25;



}



.u-icon-v4-bg-primary {



  border-color: var(--w-color-primary);



}



.u-icon-v4-bg-primary .u-icon-v4-inner {



  background: var(--w-bg-primary);



}



.u-icon-v4-bg-primary--hover:hover,



.u-icon-block--hover:hover .u-icon-v4-bg-primary--hover {



  border-color: var(--w-color-primary);



}



.u-icon-v4-bg-primary--hover:hover .u-icon-v4-inner,



.u-icon-block--hover:hover .u-icon-v4-bg-primary--hover .u-icon-v4-inner {



  background: var(--w-bg-primary);



}



.u-icon-v5.g-bg-primary::after {



  background-color: var(--w-color-primary);



}



.u-icon-block--hover:hover .g-color-primary--hover {



  color: var(--w-color-primary);



}



.u-icon-block--hover:hover .g-brd-primary--hover {



  border-color: var(--w-color-primary);



}



.u-icon-block--hover:hover .g-bg-primary--hover {



  background: var(--w-bg-primary);



}



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



  Navigation Dropdown



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



.navbar .u-sub-menu-v1 .hs-sub-menu,



.navbar .u-sub-menu-v1 .hs-mega-menu,



.navbar .u-sub-menu-v1 .dropdown-menu {



  border-color: var(--w-color-primary);



}



.navbar .u-sub-menu-v2 .hs-sub-menu,



.navbar .u-sub-menu-v2 .hs-mega-menu,



.navbar .u-sub-menu-v2 .dropdown-menu,



.navbar .u-sub-menu-v3 .hs-sub-menu,



.navbar .u-sub-menu-v3 .hs-mega-menu,



.navbar .u-sub-menu-v3 .dropdown-menu {



  border-top-color: var(--w-color-primary);



}



.navbar .u-main-nav-v1 .nav-item.active > .nav-link,



.navbar .u-main-nav-v1 .nav-item:hover > .nav-link,



.navbar .u-main-nav-v1 .nav-item:focus > .nav-link,



.navbar .u-main-nav-v1 .nav-item.show > .nav-link,



.navbar .u-main-nav-v1 .nav-item.hs-sub-menu-opened > .nav-link,



.navbar .u-main-nav-v1 .nav-item .nav-link:focus,



.navbar .u-main-nav-v8 .nav-item.active > .nav-link,



.navbar .u-main-nav-v8 .nav-item:hover > .nav-link,



.navbar .u-main-nav-v8 .nav-item:focus > .nav-link,



.navbar .u-main-nav-v8 .nav-item.show > .nav-link,



.navbar .u-main-nav-v8 .nav-item.hs-sub-menu-opened > .nav-link,



.navbar .u-main-nav-v8 .nav-item .nav-link:focus {



  background-color: var(--w-color-primary);



}



.navbar .u-main-nav-v2 .nav-item.active > .nav-link,



.navbar .u-main-nav-v2 .nav-item:hover > .nav-link,



.navbar .u-main-nav-v2 .nav-item:focus > .nav-link,



.navbar .u-main-nav-v2 .nav-item.show > .nav-link,



.navbar .u-main-nav-v2 .nav-item.hs-sub-menu-opened > .nav-link,



.navbar .u-main-nav-v2 .nav-item .nav-link:focus,



.navbar .u-main-nav-v3 .nav-item.active > .nav-link,



.navbar .u-main-nav-v3 .nav-item:hover > .nav-link,



.navbar .u-main-nav-v3 .nav-item:focus > .nav-link,



.navbar .u-main-nav-v3 .nav-item.show > .nav-link,



.navbar .u-main-nav-v3 .nav-item.hs-sub-menu-opened > .nav-link,



.navbar .u-main-nav-v3 .nav-item .nav-link:focus,



.navbar .u-main-nav-v4 .nav-item.active > .nav-link,



.navbar .u-main-nav-v4 .nav-item:hover > .nav-link,



.navbar .u-main-nav-v4 .nav-item:focus > .nav-link,



.navbar .u-main-nav-v4 .nav-item.show > .nav-link,



.navbar .u-main-nav-v4 .nav-item.hs-sub-menu-opened > .nav-link,



.navbar .u-main-nav-v4 .nav-item .nav-link:focus,



.navbar .u-main-nav-v5 .nav-item.active > .nav-link,



.navbar .u-main-nav-v5 .nav-item:hover > .nav-link,



.navbar .u-main-nav-v5 .nav-item:focus > .nav-link,



.navbar .u-main-nav-v5 .nav-item.show > .nav-link,



.navbar .u-main-nav-v5 .nav-item.hs-sub-menu-opened > .nav-link,



.navbar .u-main-nav-v5 .nav-item .nav-link:focus,



.navbar .u-main-nav-v6 .nav-item.active > .nav-link,



.navbar .u-main-nav-v6 .nav-item:hover > .nav-link,



.navbar .u-main-nav-v6 .nav-item:focus > .nav-link,



.navbar .u-main-nav-v6 .nav-item.show > .nav-link,



.navbar .u-main-nav-v6 .nav-item.hs-sub-menu-opened > .nav-link,



.navbar .u-main-nav-v6 .nav-item .nav-link:focus,



.navbar .u-main-nav-v7 .nav-item.active > .nav-link,



.navbar .u-main-nav-v7 .nav-item:hover > .nav-link,



.navbar .u-main-nav-v7 .nav-item:focus > .nav-link,



.navbar .u-main-nav-v7 .nav-item.show > .nav-link,



.navbar .u-main-nav-v7 .nav-item.hs-sub-menu-opened > .nav-link,



.navbar .u-main-nav-v7 .nav-item .nav-link:focus {



  border-color: var(--w-color-primary);



}



.navbar .u-main-nav-v9 .nav-item.active > .nav-link::after,



.navbar .u-main-nav-v9 .nav-item:hover > .nav-link::after,



.navbar .u-main-nav-v9 .nav-item:focus > .nav-link::after,



.navbar .u-main-nav-v9 .nav-item .nav-link:focus::after {



  color: var(--w-color-primary);



}



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



  Nonstandard Background



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



.u-ns-bg-v1-top.g-bg-primary::before,



.u-ns-bg-v2-top.g-bg-primary::before,



.u-ns-bg-v2-2-top.g-bg-primary::before,



.u-ns-bg-v6-top.g-bg-primary .u-ns-bg-before::before {



  border-bottom-color: var(--w-color-primary);



}



.u-ns-bg-v1-bottom.g-bg-primary::before,



.u-ns-bg-v2-bottom.g-bg-primary::before,



.u-ns-bg-v2-2-bottom.g-bg-primary::before,



.u-ns-bg-v6-bottom.g-bg-primary .u-ns-bg-before::before {



  border-top-color: var(--w-color-primary);



}



.u-ns-bg-v1-left.g-bg-primary::before,



.u-ns-bg-v2-left.g-bg-primary::before,



.u-ns-bg-v2-2-left.g-bg-primary::before,



.u-ns-bg-v6-left.g-bg-primary .u-ns-bg-before::before {



  border-right-color: var(--w-color-primary);



}



.u-ns-bg-v1-right.g-bg-primary::before,



.u-ns-bg-v2-right.g-bg-primary::before,



.u-ns-bg-v2-2-right.g-bg-primary::before,



.u-ns-bg-v6-right.g-bg-primary .u-ns-bg-before::before {



  border-left-color: var(--w-color-primary);



}



.u-ns-bg-v3-top.g-bg-primary::before,



.u-ns-bg-v3-left.g-bg-primary::before,



.u-ns-bg-v4-top.g-bg-primary::before,



.u-ns-bg-v4-left.g-bg-primary::before {



  border-bottom-color: var(--w-color-primary);



}



.u-ns-bg-v3-bottom.g-bg-primary::before,



.u-ns-bg-v3-right.g-bg-primary::before,



.u-ns-bg-v4-bottom.g-bg-primary::before,



.u-ns-bg-v4-right.g-bg-primary::before {



  border-top-color: var(--w-color-primary);



}



[class*="u-ns-bg-v5"].g-bg-primary svg path,



[class*="u-ns-bg-v5"].g-bg-primary svg polygon {



  fill: #dd1e25;



}



@media (min-width: 768px) {



  .u-ns-bg-v1-top--md.g-bg-primary::before,



  .u-ns-bg-v2-top--md.g-bg-primary::before,



  .u-ns-bg-v2-2-top--md.g-bg-primary::before,



  .u-ns-bg-v6-top.g-bg-primary .u-ns-bg-before::before {



    border-bottom-color: var(--w-color-primary);



  }



  .u-ns-bg-v1-bottom--md.g-bg-primary::before,



  .u-ns-bg-v2-bottom--md.g-bg-primary::before,



  .u-ns-bg-v2-2-bottom--md.g-bg-primary::before,



  .u-ns-bg-v6-bottom.g-bg-primary .u-ns-bg-before::before {



    border-top-color: var(--w-color-primary);



  }



  .u-ns-bg-v1-left--md.g-bg-primary::before,



  .u-ns-bg-v2-left--md.g-bg-primary::before,



  .u-ns-bg-v2-2-left--md.g-bg-primary::before,



  .u-ns-bg-v6-left.g-bg-primary .u-ns-bg-before::before {



    border-right-color: var(--w-color-primary);



  }



  .u-ns-bg-v1-right--md.g-bg-primary::before,



  .u-ns-bg-v2-right--md.g-bg-primary::before,



  .u-ns-bg-v2-2-right--md.g-bg-primary::before,



  .u-ns-bg-v6-right.g-bg-primary .u-ns-bg-before::before {



    border-left-color: var(--w-color-primary);



  }



}



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



  Progress Bars



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



.u-progress::-ms-fill,



.u-progress::-webkit-progress-value,



.u-progress::-moz-progress-bar {



  background-color: var(--w-color-primary);



}



.u-progress__pointer-v2::after,



.u-progress__pointer-v3::after {



  border-color: var(--w-color-primary);



}



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



  Steps



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



@media (min-width: 768px) {



  .u-steps-v1__item a,



  .u-steps-v1__item a::before,



  .u-steps-v1__item.active a,



  .u-steps-v1__item.active span {



    background-color: var(--w-color-primary);



  }



  .u-steps-v2__indicator,



  .u-steps-v2__item a::before,



  .u-steps-v2__item a .u-steps-v2__indicator,



  .u-steps-v3__indicator,



  .u-steps-v3__item a::before,



  .u-steps-v3__item a .u-steps-v3__indicator {



    background-color: var(--w-color-primary);



  }



  .u-steps-v2__item:hover a,



  .u-steps-v3__item:hover a {



    color: var(--w-color-primary);



  }



  .u-steps-v2__item:hover a .u-steps-v2__indicator,



  .u-steps-v3__item:hover a .u-steps-v3__indicator {



    box-shadow: 0 0 0 3px rgba(221, 30, 37, 0.3);



  }



  .u-steps-v2__item:hover a .u-steps-v2__indicator,



  .u-steps-v2__item:hover span .u-steps-v2__indicator,



  .u-steps-v3__item:hover a .u-steps-v3__indicator,



  .u-steps-v3__item:hover span .u-steps-v3__indicator {



    background-color: var(--w-color-primary);



  }



}



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



  Tabs



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



.g-color-primary--active.active {



  color: var(--w-color-primary);



}



[class*="u-nav-v8"] .nav-link.active,



[class*="u-nav-v8"] .nav-link.active .u-nav-v8__icon,



[class*="u-nav-v8"].u-nav-light .nav-link.active .u-nav-v8__icon {



  background-color: var(--w-color-primary);



}



@media (min-width: 768px) {



  .u-nav-v1-1.u-nav-primary .nav-link.active,



  .u-nav-v2-1.u-nav-primary .nav-link.active,



  [class*="u-nav-v8"].u-nav-light .nav-link.active {



    background-color: var(--w-color-primary);



  }



  .u-nav-v1-2.u-nav-primary .nav-link.active,



  [class*="u-nav-v2"].u-nav-primary .nav-link,



  [class*="u-nav-v2"].u-nav-primary .nav-link.active,



  .u-nav-v3-2 .nav-link.active,



  [class*="u-nav-v5"].u-nav-primary .nav-link.active,



  [class*="u-nav-v6"] .nav-link.active,



  [class*="u-nav-v6"].flex-column .nav-link.active {



    border-color: var(--w-color-primary);



  }



  .u-nav-v2-2 .nav-link.active,



  [class*="u-nav-v3"] .nav-link.active,



  [class*="u-nav-v3"].u-nav-light .nav-link.active,



  [class*="u-nav-v5"].u-nav-primary .nav-link.active,



  [class*="u-nav-v7"] .nav-link.active {



    color: var(--w-color-primary);



  }



  .u-nav-v4-1.u-nav-primary .nav-link.active,



  [class*="u-nav-v6"] .nav-link.active::before {



    border-top-color: var(--w-color-primary);



  }



  .u-nav-v4-1-column .u-nav-v4-1.u-nav-primary .nav-link.active,



  [class*="u-nav-v6"].flex-column .nav-link.active::before {



    border-left-color: var(--w-color-primary);



  }



  [class*="u-nav-v8"].u-nav-light .nav-link.active::before {



    background-image: linear-gradient(to bottom left, transparent 49.6%, #dd1e25 50%), linear-gradient(to top left, transparent 49.6%, #dd1e25 50%);



  }



  [class*="u-nav-v8"].justify-content-end .nav-link.active::before,



  [class*="u-nav-v8"].text-right .nav-link.active::before {



    background-image: linear-gradient(to bottom right, transparent 49.6%, #dd1e25 50%), linear-gradient(to top right, transparent 49.6%, #dd1e25 50%);



  }



  .u-nav-v8-2 .nav-link.active::before {



    background-image: linear-gradient(to bottom left, transparent 49.6%, #dd1e25 50%), linear-gradient(to top left, transparent 49.6%, #dd1e25 50%);



  }



}



@media (max-width: 767px) {



  [role="tablist"]:not([data-tabs-mobile-type="slide-up-down"],



  [data-tabs-mobile-type="accordion"]) {



    border-color: var(--w-color-primary);



  }



  [data-tabs-mobile-type="slide-up-down"].u-nav-primary .nav-link,



  [data-tabs-mobile-type="slide-up-down"].nav-pills .nav-link,



  [data-tabs-mobile-type="slide-up-down"].u-nav-primary .nav-link.active,



  [data-tabs-mobile-type="slide-up-down"].u-nav-primary .nav-item.show .nav-link,



  [data-tabs-mobile-type="slide-up-down"].nav-pills .nav-link.active,



  [data-tabs-mobile-type="slide-up-down"].nav-pills .nav-item.show .nav-link {



    border-color: var(--w-color-primary) !important;



  }



}



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



  Info Blocks



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



.u-info-v1-2:hover .u-info-v1-2__item::after,



.u-info-v7-1:hover .u-info-v7-1__item-child-v2 {



  background: var(--w-bg-primary);



}



.u-info-v1-5__item::after {



  border-bottom-color: var(--w-color-primary);



}



.info-v4-3:hover::after {



  border-color: var(--w-color-primary);



}



.info-v5-3:hover .info-v5-3__info {



  background-color: rgba(221, 30, 37, 0.9);



}



.u-info-v6-1__item::after,



.u-info-v6-1:hover .u-info-v6-1__item::after {



  background-image: linear-gradient(to right, #dd1e25 0, transparent 100%);



}



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



  Checked state background



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



input[type="checkbox"]:checked + .g-bg-primary--checked,



input[type="radio"]:checked + .g-bg-primary--checked,



input[type="checkbox"]:checked + * .g-bg-primary--checked,



input[type="radio"]:checked + * .g-bg-primary--checked,



.g-checked .g-bg-primary--checked,



.g-bg-primary--checked.g-checked {



  background-color: var(--w-color-primary) !important;



}



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



  Checked state border



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



input[type="checkbox"]:checked + .g-brd-primary--checked,



input[type="radio"]:checked + .g-brd-primary--checked,



input[type="checkbox"]:checked + * .g-brd-primary--checked,



input[type="radio"]:checked + * .g-brd-primary--checked,



.g-checked .g-brd-primary--checked,



.g-brd-primary--checked.g-checked {



  border-color: var(--w-color-primary) !important;



}



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



  Focus state border



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



.g-brd-primary--focus:focus,



.g-brd-primary--focus.g-state-focus *,



.g-brd-primary--focus.g-state-focus *:focus {



  border-color: var(--w-color-primary) !important;



}



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



  Focus state color



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



.g-color-primary:focus {



  color: var(--w-color-primary);



}



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



  Checked state overlay



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



input[type="checkbox"]:checked + .g-overlay-primary-0_5--checked::after,



input[type="radio"]:checked + .g-overlay-primary-0_5--checked::after,



input[type="checkbox"]:checked + * .g-overlay-primary-0_5--checked::after,



input[type="radio"]:checked + * .g-overlay-primary-0_5--checked::after,



.g-overlay-primary-0_5--checked.g-checked::after,



.g-checked .g-overlay-primary-0_5--checked::after {



  background-color: rgba(221, 30, 37, 0.5);



}



input[type="checkbox"]:checked + .g-overlay-primary-0_9--checked::after,



input[type="radio"]:checked + .g-overlay-primary-0_9--checked::after,



input[type="checkbox"]:checked + * .g-overlay-primary-0_9--checked::after,



input[type="radio"]:checked + * .g-overlay-primary-0_9--checked::after,



.g-overlay-primary-0_9--checked.g-checked::after,



.g-checked .g-overlay-primary-0_9--checked::after {



  background-color: rgba(221, 30, 37, 0.9);



}



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



  Success state



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



.u-has-success-v1 .form-control-feedback,



.u-has-success-v1-2 .form-control-feedback,



.u-has-success-v1-3 .form-control-feedback {



  color: var(--w-color-primary);



}



.u-has-success-v1-2 .form-control,



.u-has-success-v1-2 .input-group-addon,



.u-has-success-v1-2 [class*="u-select"],



.u-has-success-v1-3 .form-control,



.u-has-success-v1-3 .input-group-addon,



.u-has-success-v1-3 [class*="u-select"] {



  border-color: var(--w-color-primary);



}



.u-has-success-v1-2 .input-group-addon:last-child,



.u-has-success-v1-2 .chosen-single div b,



.u-has-success-v1-3 .input-group-addon:last-child,



.u-has-success-v1-3 .chosen-single div b {



  color: var(--w-color-primary);



}



.u-has-success-v1-3 .input-group-addon,



.u-has-success-v1-3 .input-group-addon:last-child {



  background-color: var(--w-color-primary);



}



.u-has-success-v1-3 .form-control-feedback::before {



  border-color: #dd1e25 transparent transparent transparent;



}



.u-has-success-v2::after {



  color: var(--w-color-primary);



}



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



  jQuery UI



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



.ui-autocomplete .ui-menu-item:hover {



  background-color: var(--w-color-primary);



}



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



  Pin Map



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



.point::before {



  background: var(--w-bg-primary);



}



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



  Go To



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



.u-go-to-v1:hover,



.u-go-to-v1:focus:hover {



  background-color: var(--w-color-primary);



}



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



  List Group



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



.list-group-item.active {



  background-color: var(--w-color-primary);



  border-color: var(--w-color-primary);



}



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



  Accordions



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



.u-accordion-color-primary .u-accordion__header [aria-expanded="true"] {



  color: var(--w-color-primary) !important;



}



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



  Blockquotes



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



.u-blockquote-v1::before {



  color: var(--w-color-primary);



}



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



  Form Controls



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



.form-control:focus,



.custom-select:focus {



  border-color: var(--w-color-primary);



}



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



  Cubeportfolio



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



.u-filter-v1 > li:hover,



.u-filter-v1 [class*="active"] {



  color: var(--w-color-primary);



}



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



  Pagination



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



.u-pagination-v1-5--active,



.u-pagination-v1-5:hover,



.u-pagination-v1-5:focus {



  background-color: var(--w-color-primary);



  border-color: var(--w-color-primary);



}



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



  Keyframes



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



@keyframes sonarEffect-primary {



  0% {



    opacity: .3;



  }



  40% {



    opacity: .5;



    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #dd1e25, 0 0 0 10px rgba(255, 255, 255, 0.5);



  }



  100% {



    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #dd1e25, 0 0 0 10px rgba(255, 255, 255, 0.5);



    transform: scale(1.5);



    opacity: 0;



  }



}