/* Project - IO NeMo R
Author: IO 
Version: 1.4.0 RL 09 2023 
Created: May 2022 
File Description: Custom CSS styles Spiraldynamik
*/
/* 1- colors 
-------------------------------------------------
-------------------------------------------------*/
.default-bg-blue {
  background-color: #0959a3;
  color: #ffffff;
}
.default-bg-brown {
  background-color: #91633c;
  color: #ffffff;
}
.default-bg-cool_green {
  background-color: #21bb9d;
  color: #ffffff;
}
.default-bg-dark_cyan {
  background-color: #2aa4a5;
  color: #ffffff;
}
.default-bg-dark_red {
  background-color: #992020;
  color: #ffffff;
}
.default-bg-gold {
  background-color: #c7ac56;
  color: #ffffff;
}
.default-bg-gray {
  background-color: #809398;
  color: #ffffff;
}
.default-bg-light-gray {
  background-color: #E9ECEF;
  color: #ffffff;
}
.default-bg-green {
  background-color: #24a828;
  color: #ffffff;
}
.default-bg-light_blue {
  background-color: #5c91c0;
  color: #ffffff;
}
.default-bg-orange {
  background-color: #e07e27;
  color: #ffffff;
}
.default-bg-pink {
  background-color: #dd7b9b;
  color: #ffffff;
}
.default-bg-purple {
  background-color: #ab6cc6;
  color: #ffffff;
}
.default-bg-purple_dark {
  background-color: #6f5499;
  color: #ffffff;
}
.default-bg-red {
  background-color: #dc5b5b;
  color: #ffffff;
}
.default-bg-vivid_red {
  background-color: #a90606;
  color: #ffffff;
}
.default-bg-red_1807 {
  background-color: #a12830;
  color: #ffffff;
}
.default-bg-blue_2758 {
  background-color: #001E62;
  color: #ffffff;
}
.default-bg-grey_10 {
  background-color: #63666A;
  color: #ffffff;
}
.default-bg-grey_50 {
  background-color: #8C8C8C;
  color: #ffffff;
}
.default-bg-grey_05 {
  background-color: #EAEAEA;
  color: #555555;
}
.default-bg-grey_03 {
  background-color: #E5E5DF;
  color: #555555;
}
/* 1a- colors fb = 5 code axa
-------------------------------------------------
-------------------------------------------------*/
.default-blue_fb {
  color: #ffffff;
  background-color: #0959a3;
  border-color: #338dca;
}
.default-gray_fb {
  color: #ffffff;
  background-color: #809398;
  border-color: #6e7e82;
}
.default-light_blue_fb {
  color: #ffffff;
  background-color: #5c91c0;
  border-color: #6092C0;
}
.default-purple_fb {
  color: #ffffff;
  background-color: #ab6cc6;
  border-color: #9760af;
}
.default-vivid_red_fb {
  color: #ffffff;
  background-color: #ff1821;
  border-color: #b42424;
}
/* 2- buttons colors 
-------------------------------------------------
-------------------------------------------------*/
.btn-default-blue {
  color: #ffffff;
  background-color: #3697d9;
  border-color: #338dca;
}
.btn-default-brown {
  color: #ffffff;
  background-color: #91633c;
  border-color: #795332;
}
.btn-default-cool_green {
  color: #ffffff;
  background-color: #21bb9d;
  border-color: #1ea88d;
}
.btn-default-dark_cyan {
  color: #ffffff;
  background-color: #2aa4a5;
  border-color: #248d8e;
}
.btn-default-dark_red {
  color: #ffffff;
  background-color: #992020;
  border-color: #681313;
}
.btn-default-gold {
  color: #ffffff;
  background-color: #c7ac56;
  border-color: #b0984d;
}
.btn-default-gray {
  color: #ffffff;
  background-color: #809398;
  border-color: #6e7e82;
}
.btn-default-green {
  color: #ffffff;
  background-color: #24a828;
  border-color: #1f9123;
}
.btn-default-light_blue {
  color: #ffffff;
  background-color: #09afdf;
  border-color: #0c9ec7;
}
.btn-default-orange {
  color: #ffffff;
  background-color: #e07e27;
  border-color: #cc7324;
}
.btn-default-pink {
  color: #ffffff;
  background-color: #dd7b9b;
  border-color: #c9718e;
}
.btn-default-purple {
  color: #ffffff;
  background-color: #ab6cc6;
  border-color: #9760af;
}
.btn-default-red {
  color: #ffffff;
  background-color: #dc5b5b;
  border-color: #c15050;
}
.btn-default-vivid_red {
  color: #ffffff;
  background-color: #a90606;
  border-color: #b42424;
}
.btn-default-red_1807 {
  color: #ffffff;
  background-color: #a12830;
  border-color: #b42424;
}
.btn-default-blue_2758 {
  color: #ffffff;
  background-color: #001E62;
  border-color: #3697d9;
}
.btn-default-grey_10 {
  color: #ffffff;
  background-color: #63666A;
  border-color: #A9A9A9;
}
/* 2- buttons colors fb - 5ca
-------------------------------------------------
-------------------------------------------------*/
.btn-default-blue_fb {
  color: #ffffff;
  background-color: #0959a3;
  border-color: #0959a3;
}
.btn-default-gray_fb {
  color: #ffffff;
  background-color: #809398;
  border-color: #809398;
}
.btn-default-light_blue_fb {
  color: #ffffff;
  background-color: #5c91c0;
  border-color: #5c91c0;
}
.btn-default-purple_fb {
  color: #ffffff;
  background-color: #ab6cc6;
  border-color: #ab6cc6;
}
.btn-default-vivid_red_fb {
  color: #ffffff;
  background-color: #a90606;
  border-color: #a90606;
}
/* 2b- Button text left 
-------------------------------------------------
-------------------------------------------------*/
.btn.btn-left {
  text-align: left;
}
/* 2a- Circle Button 
-------------------------------------------------
-------------------------------------------------*/
.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}
/* 3- paddings 
-------------------------------------------------
-------------------------------------------------*/
.pv-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.pv-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}
.pv-50 {
  padding-top: 5px;
  padding-bottom: 0px;
}
.pv-3 {
  padding-top: 3px;
  padding-bottom: 1px;
}
.pv-2 {
  padding-top: 2px;
  padding-bottom: 1px;
}
.pv-1 {
  padding-top: 1px;
  padding-bottom: 1px;
}
/* Breadcrumb
---------------------------------- */
.banner .breadcrumb-sd > li a:hover {
  color: #fff;
}
/* Testimonials overwrite style css
---------------------------------- */
.testimonial {
  padding: 3px 0;
}

.testimonial blockquote {
  margin: 0;
}

.testimonial .separator {
  margin: 15px auto 5px;
}

.testimonial-image {
  width: 90px;
  margin: 0 auto;
}

.testimonial-info-1 {
  font-size: 15px;
}

.testimonial-info-2 {
  font-size: 12px;
  font-weight: 400;
}

.testimonial h3 {
  margin-bottom: 0;
  margin-top: 15px;
}

.testimonial p {
  margin-bottom: 3px;
}

/* 4- star outcome rating
-------------------------------------------------
-------------------------------------------------*/

[data-star] {
  text-align:left;
  font-style:normal;
  display:inline-block;
  position: relative;
  unicode-bidi: bidi-override;
}
[data-star]::before { 
  display:block;
  content: '★★★★★';
  color: #ddd;
}
[data-star]::after {
  white-space:nowrap;
  position:absolute;
  top:0;
  left:0;
  content: '★★★★★';
  width: 0;
  color: orange;
  overflow:hidden;
  height:100%;
}

[data-star^="0.1"]::after,[data-star^=".1"]::after{width:2%}
[data-star^="0.2"]::after,[data-star^=".2"]::after{width:4%}
[data-star^="0.3"]::after,[data-star^=".3"]::after{width:6%}
[data-star^="0.4"]::after,[data-star^=".4"]::after{width:8%}
[data-star^="0.5"]::after,[data-star^=".5"]::after{width:10%}
[data-star^="0.6"]::after,[data-star^=".6"]::after{width:12%}
[data-star^="0.7"]::after,[data-star^=".7"]::after{width:14%}
[data-star^="0.8"]::after,[data-star^=".8"]::after{width:16%}
[data-star^="0.9"]::after,[data-star^=".9"]::after{width:18%}
[data-star^="1"]::after{width:20%}
[data-star^="1.1"]::after{width:22%}
[data-star^="1.2"]::after{width:24%}
[data-star^="1.3"]::after{width:26%}
[data-star^="1.4"]::after{width:28%}
[data-star^="1.5"]::after{width:30%}
[data-star^="1.6"]::after{width:32%}
[data-star^="1.7"]::after{width:34%}
[data-star^="1.8"]::after{width:36%}
[data-star^="1.9"]::after{width:38%}
[data-star^="2"]::after{width:40%}
[data-star^="2.1"]::after{width:42%}
[data-star^="2.2"]::after{width:44%}
[data-star^="2.3"]::after{width:46%}
[data-star^="2.4"]::after{width:48%}
[data-star^="2.5"]::after{width:50%}
[data-star^="2.6"]::after{width:52%}
[data-star^="2.7"]::after{width:54%}
[data-star^="2.8"]::after{width:56%}
[data-star^="2.9"]::after{width:58%}
[data-star^="3"]::after{width:60%}
[data-star^="3.1"]::after{width:62%}
[data-star^="3.2"]::after{width:64%}
[data-star^="3.3"]::after{width:66%}
[data-star^="3.4"]::after{width:68%}
[data-star^="3.5"]::after{width:70%}
[data-star^="3.6"]::after{width:72%}
[data-star^="3.7"]::after{width:74%}
[data-star^="3.8"]::after{width:76%}
[data-star^="3.9"]::after{width:78%}
[data-star^="4"]::after{width:80%}
[data-star^="4.1"]::after{width:82%}
[data-star^="4.2"]::after{width:84%}
[data-star^="4.3"]::after{width:86%}
[data-star^="4.4"]::after{width:88%}
[data-star^="4.5"]::after{width:90%}
[data-star^="4.6"]::after{width:92%}
[data-star^="4.7"]::after{width:94%}
[data-star^="4.8"]::after{width:96%}
[data-star^="4.9"]::after{width:98%}
[data-star^="5"]::after{width:100%}

/* 5- 5 columns
---------------------------------------------------
---------------------------------------------------*/
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}
.rows {
  padding-right: 1px;
  padding-left: 1px;
}