:root {
    --red-color: #ee403f;
    --white-color: #ffffff;
    --black-color: #333333;
    --orange-yellow-color: #2b3441;
    --dark-blue-color: #003f5c;
    --light-grey-color: #cccccc;
    --blue-color: #228ec2;
}
* {
    border-color: var(--light-grey-color) !important;
}


/* 
    header:
    button:
    button second:
    button arrow:
    button video play:
    tab:
    link:
    title:
    footer:
    breadcrumb:
    text box:
    box image:
    loading:
    other:
*/

/* button: */
.topActive__small, .topSolution__btn
a, .site-btn
{
    color: #1b2336 !important;
    background-color: #ffffff !important;
    border-color: var(--light-grey-color) !important;
}

@media (max-width: 767px) {
    .site-btn-lg {
        padding: 0px 20px;
        font-size: 16px;
    }
}

.site-btn {
    padding: 10px 20px;
    white-space: nowrap;
    display: inline-block;
    background-color: #2b3441 !important;
    color: #ffffff !important;
    border-radius: 10px;
    transition: all .3s;
    border-radius: 10px;
    line-height: 1.5;
    display: inline-block;
    vertical-align: middle;
    align-items: center;
    text-align: center;
    -webkit-align-items: center;
    position: relative;
    z-index: 1;
    font-size: 18px;
}
.site-btn:hover {
    background-color: #e63d30 !important;
    color: #ffffff;
}
.site-btn:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-radius: 10px !important;
    background-color: #e63d30;
    height: 100%;
    z-index: -1;
    opacity: 0;
    -webkit-transform: scale3d(.7, 1, 1);
    transform: scale3d(.7, 1, 1);
    transition: all .3s;
    transition-timing-function: cubic-bezier(.2,1,.3,1);
}
.site-btn:hover:before {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0,0,0);
}
.site-btn svg {
    color: #ffffff;
}

.site-btn-sm {
    padding: 7px 64px !important;
    font-size: 13px !important;
}

.topSolution__action .site-btn-md {
    width: 100%;
    border-radius: 0px;
}
.site-btn-md {
    padding: 13px 27px !important;
    font-size: 13px !important;
}

.site-btn-lg {
    font-size: 16px !important;
    padding: 14px 30px !important;
}
.site-btn-xl {
    padding: 17px 26px !important;
}
@media (max-width: 479px) {
    .site-btn-lg {
        padding: 12px 18px !important;
        font-size: 14px !important;
    }
}

.site-btn-white {
    background-color: #ffffff !important;
    color: #2b3441 !important;
    border: 0px;
}
.site-btn-white:hover {
    color: #ffffff !important;
}

.site-btn-white:before{
    background-color: #c70e00;
    border: 0px;
}

.topActive__item>div {
    color: #ee403f;
}

input[type=submit]:hover,
.site-btn-active {
    background-color: #c70e00 !important;
    color: #ffffff !important;
}
.site-btn-active:hover {
    background-color: #c70e00 !important;
}


input[type=submit] {
    color: #ffffff;
    background-color: #2b3441 !important;
}

/* title: */
h1, h2, h3, h4, h5, h6, .title
{
    color:var(--dark-blue-color) !important;
}
.flipbox__wrap h4,
.flipbox__wrap p,
.flipbox__wrap h3 {
    color: #ffffff !important;
}
@media (max-width: 768px) {
    .second-title {
        color: #2b3441;
    }
}

/* begin: quote */
.contact-info__item>a:before {
    background-color: var(--orange-yellow-color) !important;
}
.contact-info__item>a i {
    background-color: var(--red-color);
}
.contact-info__item>a:hover i {
    color: var(--red-color);
}
/* end: quote */

/* button arrow: */
.topSolution__next svg, .topSolution__prev svg {
    color: #2b3441;
}


/* header: */
/* .header .nav__item>a
{
    color: #2b3441 !important;
} */
ul>li, p, .topActive__small {
    color: #2b3441 !important;
}

.home_text p{
    color: var(--white-color) !important;
}

.home_text h3{
    color: var(--red-color) !important;
}

@media (max-width: 767px) {
    .header .nav__item>a {
        color:  #1b2336 !important;
    }
    .nav__item>a:hover {
        background-color: unset !important;
        color: #2b3441 !important;
    }
    .header__nav {
        box-shadow: -4px 3px 9px 0 rgb(255 166 0 / 50%) !important;
    }
}
.header-btn__line {
    background-color: #2b3441;
}
.solutionPlace__ttl:after
{
    background-color: var(--blue-color);
}
p, .topActive__small,
a, button {
    border-color: var(--orange-yellow-color) !important;
}
* {
    border-color: var(--light-grey-color) !important;
}

/* tab: */
.pj-nav__item.-active a, .pj-nav__count {
    color: #ee403f !important;
}
.pj-nav__item:hover a {
    color: #ee403f !important;
}
.pj-nav__item a:after {
    color: #ee403f !important;
}

.list__tab__item {
    background-color: #2b3441;
}
.list__tab__item.active {
    background-color: #ee403f;
}
.list__tab__item {
    color: #ffffff;
}

/* link: */
.related-post__action a {
    color: #2b3441;
}
.related-post__action a:after, .related-post__action a:before {
    background: #2b3441;
}
li>a {
    color: #1b2336;
}
/* li:hover {
    color: #ffffff;
    background-color: #228ec2;
} */

/* navigation */

/* begin: footer */
.nav__dropdown li:hover {
    background-color: #2b3441 !important;
}
footer {
    background-color: #2b3441 !important;
}
.footer__ttl {
    color: #ffffff !important;
}
/* end: footer */

/* begin: background board */
.solutionValue.-child .solutionValue__list {
    background-image: linear-gradient(80deg, #c3b409 0, #f1b503 100%);
}

/* begin: breadcrumb */
.page-banner__breadcrumb li a {
        color: #2b3441 !important;
        background-color: unset;
}
.page-banner__breadcrumb {
    background-color: unset;
}

/* begin: background */
.solutionBlock__wrap:hover, .solutionGroup, .solutionVideo a:hover .play-video {
    background-color: unset;
}

/* loading: */
.boxLoading .box {
    box-shadow: 0 0 21px 2px rgb(238, 64, 63, 0.5);
}
.boxLoading .box .water_wave_back {
    fill: #2b3441;
}
.boxLoading .box .water_wave_front {
    fill: #2b3441;
}
.boxLoading .box .water {
    background-color: #2b3441;
}
.boxLoading .box .percent {
    color: #2b3441;
}

/* begin: box image */
/* .flipbox .flipbox__img {
    opacity: 0.6;
} */

.banner_img {
    opacity: 0.9;
}

/* begin: text box: */
.teamwork__item:hover:before, .flipbox__back, .text-box--bold {
    background-color: #2b3441 !important;
}
.flipbox__back * {
    color: #ffffff !important;
}
.flipbox__front * {
    color: #2b3441 !important;
    font-weight: bold;
}
.text-box--normal {
    background-color: rgb(255, 166, 0, 0.5) !important;
}
.text-box--light {
    background-color: rgba(255, 222, 160, 0.5) !important;
}
.flipbox__back>.flipbox__txt {
    color: #fff !important;
}

/* button video play: */
.pj-content__inner:hover .play-video {
    background-color: #ee403f !important;
}

/* begin: toolbar */
.toolbar {
    box-shadow: -2px -1px 6px 1px #2b3441 !important;
}
/* end: toolbar */

/* begin: title line */
.recommend-content__line {
    background-color: var(--dark-blue-color) !important;
}
/* end: title line */

/* begin: text background hover  */
/* .contact-info__item>a:before {
    background-color: #2b3441;
}
.contact-info__item .box-icon-custom .icon-custom {
    background-color: #ee403f !important;
}
.contact-info__item>a:hover i {
    color: #ee403f !important;
} */

/* other: */
.contact-info__subTtl span:before {
    background-color: #f8f9fa;
}
.procedure__service {
    background-color: #2b34413d;
}
.contact-faq__ask.-active, .contact-faq__ask:hover {
    background-color: #2b3441;
}

.about-static__socialBlock li a:hover {
    background-color: #ee403f;
    color: #fff;
}

@media (min-width: 768px) {
    .w-md-auto {
        width: auto !important;
    }
}