body
{


    background-position-x: 50%;
    background-size: contain;
   /*ackground-image: url(/themes/woodspot.ru/img/b3.png);*/

}




.nav-tabs--left .nav-link img {



}



.nav-tabs {

}



.nav-tabs--left .nav-link.active {




}

.viborMedia{

    display: none;
}

.heroImg{
    display: none;
}
.viborImg{

    border-radius: 50%;
}
@media (min-width: 860px) {


    .viborMedia{

        display: block;

    }

    .viborImg{
        height: 50px;
        width:  50px;
    }

    .heroImg{
        display: block;
    }

}




.nav-tabs--left .nav-link.active:hover {



}

@media (max-width: 860px) {

    .d-flex {
        flex-wrap: wrap;
    }
}



.btn-warning {
    background-color: #8c1c12 ;
}

.text-warning {
    color:  #0c0c0c !important;
}


.tabName{
    font-size: 10px;
}


@media (min-width: 860px) {


    .tabName{
        font-size: 15px;
    }

}

@media (min-width: 1060px) {


    .tabName{
        font-size: 40px;
        line-height: 100px;
    }

    .viborImg{
        width:100px;
        height: 100px;
    }

}


.list-group-flush .list-group-item{

    font-size: 1.2rem;
}

.u-go-to{
    width: 2.5rem;
    height: 2.5rem;
    display: none!important;
}


@media (min-width: 1060px) {

    .u-go-to{
        display: block!important;
    }
}


.viborSelect{
    font-size: 1.2rem;
}

.accord .block-box .comment {display:block;font-size:0.8em;font-style:italic;color:#666;}

.hide {
    display: none!important;
}


.tabName {
    color: #454545 !important;
}


.nav-tabs .nav-link.active .tabName {

    color: #377dff!important;
}


.rowZayavka{

    display: flex;
    flex-wrap: wrap;
}

#zakazTable{
    display: flex;
    flex-wrap: wrap;
}


@media (min-width: 576px) {

    .rowZayavka{

        display:  table-row;
    }

    #zakazTable{
        display: table;

    }


}

.fill-danger{

    fill: #f07b0d !important;
}


p {
    color: #1e2022;
}

.glider-dot.active {
    background: #377dff!important;
}

.glider-dot {

    height: 16px!important;
    border-style: double!important;


}
.glider-dots {
    margin-top: 0!important;
}

.cbp-nav-controls {
    display: none;
}

@media (min-width: 987px) {
    #graphicsSection .glider-dots{
        display: none;
    }
}


.logotip{
    width: 66px!important;
    border-radius: 5px;
}

.pathAndCombo {

    font-size: 14px;
}
.pathAndCombo a{
    color: #0c0c0c;

}

a:hover{
    color: #0c0c0c!important;

}

.caption {
    padding: 15px;
    font-size: 20px;
    font-weight: bold;
    z-index: 50;
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #0c0c0c;
    text-align: center;

}

.js-slide{
    position: relative;
}

.font-weight-semi-bold {
    text-shadow: 1px 1px 0px black, 0 0 1px #ac1a30;
    color: beige!important;
}

body {

    min-width: 360px;
}

.bg-danger {
    background-color: rgba(222, 184, 135, 0.56) !important;
}
.text-secondary{
    color: #DEB887!important;
}

.btn-white {
    color: #1e2022;
    background-color: #DEB887!important;
    border-color: #DEB887!important;
}

.u-header__section{
    background-color: rgba(222, 184, 135, 0.9) !important;
}

.u-header__nav-link {
    color: #2e2e2e !important;
}

.btn-link{
    color: #1e2022!important;
}

.card-btn-arrow{
    color: #1e2022!important;
}

.CTA{
    background-color: #866f50;
}

#basicsAccordion .btn{
    font-size: 25px;
}


.u-slick__pagination--white li span{
    background-color: #463c2b;
}
.u-slick__pagination--white li.slick-active span{
    border-color: #463c2b;
}

.u-slick__arrow-classic{
    color: #463c2b;
}

.form-control{
    background-color: rgba(158, 136, 101, 0.45);
}

.form-control:disabled, .form-control[readonly]{

    background-color: rgba(158, 136, 101, 0.9);
}

.input-group-text{

    background-color: rgba(158, 136, 101, 0.45);
    color: #1e2022;
}

.swal-button{
    background-color: rgba(158, 136, 101, 0.45);

}

.card-header {
    background-color: rgba(158, 136, 101, 0.9);
    border-bottom: 1px solid rgba(158, 136, 101, 0.9);
}


.card {
    background-color: rgba(158, 136, 101, 0.45);
    border: none ;
}

.card-collapse:hover {
    background-color:  rgba(158, 136, 101, 0.45);
}

.table thead th{
    border-bottom: none;
}

.fill-warning{
    fill: #463c2b !important;
}

.form-control{
    border: 1px solid #463c2b;
}

.input-group-text{
    border: 1px solid #463c2b;
}