/* Project - IO NeMo R
Author: IO 
Version: 1.5.0 RL 04 2023 
Created: 03 2023  / 
File Description: Custom CSS styles Spiraldynamik®*/
/* 1- colors 
-------------------------------------------------
-------------------------------------------------*/
.default-bg-blue-mh {
  background-color: #00063d;
  color: #ffffff;
}
.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-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_10 {
  background-color: #63666A;
  color: #ffffff;
}
/* 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_mh {
  color: #ffffff;
  background-color: #f40939;
  border-color: #f92949;
}
.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;
}
/* 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- 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;
}