/*-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
    
    1. About Area
    2. Service Area
    3. Feature Products Area
    4. Testimonial Area
    5. Fun Factor Area
    6. Latest Products Area
    7. Team Area
    8. Timeline Area
    9. Contact Area
    10. Blog Area
    11. Homepage Two
    12. Homepage Three
    13. Shop List Page
    14. Product Details Page
    15. About Page
    16. Service Page
    17. Team Page
    18. Contact Page
    19. Blog Page
    20. Blog Details Page

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

#CookiesAlert {
    position: fixed;
    z-index: 899;
    bottom: 0;
    left: 0;
    padding: 15px;
    width: 100%;
    text-align: center;
    align-items: center;
    display: none;
    color: #212731;
    margin: auto
}

#CookiesAlert.active {
    display: block
}

#CookiesAlert .content {
    max-width: 98%;
    padding: 15px;
    margin: auto;
    text-align: left;
    border-radius: 10px;
    background: white;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    max-width: 600px
}

#CookiesAlert .content h2 {
    margin: auto auto 10px;
    line-height: 1;
    font-size: 18px
}

#CookiesAlert .content p {
    margin: auto auto 25px;
    line-height: 1;
    font-size: 14px
}

#CookiesAlert .content .buttons {
    display: flex;
    align-items: flex-end
}

#CookiesAlert .content .buttons a {
    border-radius: 6px;
    margin: auto 15px auto auto;
    padding: 6px 15px;
    transition: .3s
}

#CookiesAlert .content .buttons a.CUAgree {
    margin: auto 0
}

@media (max-width: 768px) {
    #CookiesAlert {
        right:0;
        width: 95%
    }
}

.bns-wrapper {
    margin-bottom: 30px;
}

.bns-wrapper .bn {
    position: relative;
    display: block;
    border-radius: 7px;
    overflow: hidden;
}

.bns-wrapper .bn button {
    position: absolute;
    bottom: 10%;
    z-index: 10;
}

/*----------------------------------------*/
/*  1. About Area
/*----------------------------------------*/
.about-title h3 {
    color: #9d9d9d;
    font-family: "Oswald";
    margin-bottom: 0;
    text-transform: uppercase;
}
.about-title h2 {
    color: #fe7700;
    font-family: "Oswald";
    line-height: 1.5;
    font-size: 5rem;
    text-transform: uppercase;
}
.about-title > span {
    color: #9d9d9d;
    display: block;
    font-family: "Oswald";
    font-size: 13px;
    left: 2px;
    letter-spacing: 5.5px;
    position: relative;
    top: 0;
}
.about-text {
    padding-left: 25px;
    padding-right: 70px;
}
.about-title {
    /* padding-bottom: 47px; */
    padding-left: 25px;
}
.about-text > p:first-of-type {
    margin-bottom: 22px;
}
.about-text > span {
    color: #ffffff;
    font-family: "Oswald";
    text-transform: uppercase;
}
.about-text > p:last-of-type {
    margin-bottom: 45px;
}
.singature {
    padding-bottom: 30px;
}
.header-bottom .right-block {
    display: flex;
    align-items: flex-end;
}
.about-image > img {
    border-radius: 4px;
}
.searchTrigger {
    display: none;
    font-size: 20px;
    margin: auto 0 auto auto;
}
.searchTrigger i {
    color: white;
}
.searchTrigger .fa-times {
    display: none;
}
.searchTrigger.active .fa-times {
    display: block;
}
.searchTrigger.active .fa-search {
    display: none;
}

.saw-block {
    padding: 60px 0;
}

.saw-block .text {
    font-size: 20px;
    color: black;
}

.section-title-lined h2 {
    font-family: "Oswald";
    line-height: 1.5;
    font-size: 5rem;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 30px;
}
.section-title-lined h2::after {
    content: "";
    position: relative;
    display: block;
    width: 100px;
    height: 4px;
    background: #fe7700;
    margin-top: 10px;
}

header .search {
    width: 100%;
    margin: auto;
}

header .search.mobile {
    display: none;
}

header .search.active {
    display: block;
}

header .search .wrapper {
    position: relative;
}

header .search .wrapper i {
    position: absolute;
    right: 11px;
    top: 8px;
    color: #ec7f31;
    z-index: 5;
    text-shadow: 0 0 10px rgba(0,0,0,.2);
    font-size: 16px;
}

header .search #search {
    background: #F5F5F5;
    width: 100%;
    padding: 10px 15px;
    line-height: 140%;
    display: block;
    border: 1px solid #E0E0E0;
    border-radius: 10px;
}
#SearchResults #search-ajax-results-wrap .search-ajax-results {
    padding: 30px 15px;
    position: absolute;
    right: 0;
    z-index: 99;
    background: #fff;
    width: 100%;
    text-align: center;
    box-shadow: 0 0 10px rgba(0,0,0,.4);
    /*margin-top: 60px;*/
}

#SearchResults .search-ajax-results {
    overflow-y: scroll;
    height: 89.2vh;
}
.header-sticky.sticky #SearchResults .search-ajax-results {
    height: 93vh;
}
#SearchResults .resultsearch {
    font-size: 30px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 15px;
    transition: .5s;
}

#SearchResults .resultsearch:hover {
    padding-left: 5px;
}

#SearchResults .no-result {
    font-weight: bold;
    line-height: 1;
    font-size: 30px;
}

#SearchResults .simplesearch-results {
    color: #9a9a9a;
    font-size: 16px;
    line-height: 1;
    padding: 15px 0;
    text-align: right;
}

/*@media (max-width: 1200px) {
    header .search {
        position: relative;
        bottom: unset;
        display: block;
    }
}*/

.mobile-menu {
    display: flex;
    align-items: center;
}

.mobile-menu .searchTrigger {
    display: none;
    position: absolute;
    right: 100px;
}

@media (max-width: 991px) {
    .searchTrigger {
        display: block;
    }
    header .search {
        display: none;
    }
    header .search .wrapper i {
        display: none;
    }
    #SearchResults #search-ajax-results-wrap .search-ajax-results {
        width: 100%;
        margin-top: auto;
    }
    #SearchResults .no-result {
        font-size: 20px;
    }
    .mobile-menu .searchTrigger {
        display: inline-block;
    }
}
/*----------------------------------------*/
/*  2. Service Area
/*----------------------------------------*/
.srv-icon {
    display: block;
    margin-bottom: 19px;
    position: relative;
    z-index: 1;
}
.srv-icon > img {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" /><feFuncG type="linear" slope="1" /><feFuncB type="linear" slope="1" /></feComponentTransfer><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="1 0" /><feFuncG type="table" tableValues="1 0" /><feFuncB type="table" tableValues="1 0" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.single-service > h5 {
    color: #ffffff;
    font-family: "Oswald";
    font-weight: 400;
    margin-bottom: 45px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.divider {
    background: #fe7700 none repeat scroll 0 0;
    display: block;
    height: 2px;
    margin: auto auto 40px;
    width: 40px;
}
.single-service {
    padding: 60px 30px 42px;
    position: relative;
}
.single-service:hover h5 {
    color: #fe7700;
}
.single-service:hover .srv-icon img {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" /><feFuncG type="linear" slope="1" /><feFuncB type="linear" slope="1" /></feComponentTransfer><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="0 1" /><feFuncG type="table" tableValues="0 1" /><feFuncB type="table" tableValues="0 1" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: brightness(100%) invert(0%);
    filter: brightness(100%) invert(0%);
}
.single-service:after {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    border-left: 1px solid rgba(255, 255, 255, 0.05);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.col-md-4:first-child .single-service:after,
.col-md-4:nth-child(4) .single-service:after {
    border-left: 0 none;
}
.single-service:before {
    position: absolute;
}
.custom {
    margin-left: 0;
    margin-right: 0;
}
.custom .col-md-4 {
    padding-left: 0;
    padding-right: 0;
}
.col-md-4:nth-child(4) .single-service:after,
.col-md-4:nth-child(5) .single-service:after,
.col-md-4:nth-child(6) .single-service:after {
    border-bottom: 0 none;
}
.col-md-4:nth-child(1) .single-service,
.col-md-4:nth-child(2) .single-service,
.col-md-4:nth-child(3) .single-service {
    padding-bottom: 60px;
}
.col-md-4:nth-child(4) .single-service,
.col-md-4:nth-child(5) .single-service,
.col-md-4:nth-child(6) .single-service {
    padding-top: 73px;
}
.single-service > * {
    position: relative;
    z-index: 1;
}
/*----------------------------------------*/
/*  3. Feature Products Area
/*----------------------------------------*/
.slick-slide img {
    width: 100%;
    border-radius: 3px;
}
.feature-product-area *,
.feature-product-two-area * {
    position: relative;
}
.feature-slick-carousel-two .owl-controls .owl-nav .owl-prev {
    left: 20px;
}
.feature-slick-carousel-two .owl-controls .owl-nav .owl-next {
    right: 20px;
}
.feature-slick-carousel-two .owl-controls .owl-nav .owl-prev,
.feature-slick-carousel-two .owl-controls .owl-nav .owl-next {
    background: rgba(255, 255, 255, 0.6);
}
.feature-product-area .feature-image img,
.feature-product-two-area,
.feature-image img {
    border-radius: 3px;
    width: 100%;
}
.feature-image {
    position: relative;
}
.feature-image .labels {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 5;
    display: flex;
    flex-direction: column;
}
.feature-image .labels p {
    line-height: 1;
    padding: 5px 15px;
    border-radius: 5px;
}
.feature-image .labels .new {
    background: green;
    color: white;
}
.feature-image .labels .sale {
    background: yellow;
    color: black;
}
.feature-image .labels .instock {
    background: green;
    color: white;
}
.feature-image .category {
    position: absolute;
    right: 15px;
    bottom: 15px;
    z-index: 10;
    color: white;
    padding: 5px 10px;
    background: #303030;
    line-height: 1;
    margin: auto;
    opacity: .5;
}
.single-feature-item {
    position: relative;
    margin: auto auto 25px;
    box-shadow: 0 5px 10px rgba(0,0,0,.15);
    max-width: 400px;
}
.feature-wrapper {
    background: #eee;
    padding: 32px;
    width: 100%;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.2s ease 0s;
}
.feature-wrapper .short-desc {
    display: none;
    font-size: 13px;
    margin-bottom: 15px;
}
.feature-product-two-area {
    padding: 70px 15px;
    position: relative;
    z-index: 10;
}
.feature-text > h5 {
    font-family: "Oswald";
    min-height: 40px;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.feature-text > h5 a {
    color: black;
}
.feature-text > h5 a:hover {
    color: #fe7700;
}
.rating i {
    color: #5a6069;
    font-size: 13px;
}
.rating i.yellow {
    color: #ffcc00;
}
.rating > span {
    color: #5a6069;
    display: inline-block;
    font-size: 13px;
    padding-left: 7px;
}
.single-feature-item:hover .feature-image {
    background: #000;
}
.slick-current .feature-wrapper {
    bottom: 10px;
}
.slick-current .single-feature-item {
    -webkit-transform: scaleY(1.3);
    transform: scaleY(1.3);
}
.feature-image > img {
    border-radius: 3px;
    width: 100%;
}
.slick-dots > li {
    display: none;
}
.slick-list.draggable {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.feature-info > span {
    color: #5a6069;
    display: block;
    font-size: 13px;
    line-height: 24px;
}
.feature-info > span span {
    color: #cacedb;
}
.feature-info {
    border-bottom: 1px solid #1a1e23;
    border-top: 1px solid #1a1e23;
    margin-bottom: 29px;
    margin-top: 14px;
    padding: 10px 0 11px;
}
.discount:after {
    background: #ffcf38 none repeat scroll 0 0;
    content: "";
    height: 6px;
    position: absolute;
    right: -3px;
    top: 9px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 6px;
}
.discount {
    background: #ffcf38 none repeat scroll 0 0;
    border-radius: 3px;
    color: #30343c;
    display: inline-block;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    width: 35px;
    position: relative;
}
.current-price {
    color: #fe7700;
    font-family: "Oswald";
    font-weight: 400;
    font-size: 16px;
    margin-left: 23px;
    position: relative;
    text-transform: uppercase;
    top: 2px;
}
.pre-price {
    color: #5a6069;
    font-family: "Oswald";
    margin-left: 15px;
    position: relative;
    text-decoration: line-through;
    top: 2px;
}
/*.single-feature-item:hover .feature-wrapper {
    background: rgba(0, 0, 0, 0) -webkit-linear-gradient(rgba(0, 0, 0, 0), #000000, #000000, #000000) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(rgba(0, 0, 0, 0), #000000, #000000, #000000) repeat scroll 0 0;
    padding: 88px 32px 29px;
    bottom: -70%;
}*/
/*.feature-price, .feature-info {display: none;}*/
/*.single-feature-item:hover .feature-price,
.single-feature-item:hover .feature-info {
    display: block;
}*/
.products-wrapper.list .product {
    width: 100% !important;
}
.products-wrapper.list .product .single-feature-item {
    max-width: 100% !important;
    display: flex;
    align-items: stretch;
}

.products-wrapper.list .product .single-feature-item .feature-image,
.products-wrapper.list .product .single-feature-item .feature-wrapper {
    width: 50%;
    margin: 0;
}
.products-wrapper.list .product .single-feature-item .feature-wrapper {
    display: flex;
    align-items: stretch;
    flex-direction: column;
}
.products-wrapper.list .product .single-feature-item .feature-wrapper .feature-text {
    margin: 0 auto 15px 0;
}
.products-wrapper.list .product .single-feature-item .feature-wrapper .short-desc {
    display: block;
    margin: 0 auto 15px 0;
}
.products-wrapper.list .product .single-feature-item .feature-wrapper .feature-price {
    margin: auto auto 0 0;
}
.slick-prev,
.slick-next {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    color: rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 56px;
    line-height: 54px;
    margin-top: -28px;
    outline: medium none;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 56px;
    z-index: 4;
}
.single-feature-item .default-btn {
    margin-right: auto !important;
}
.slick-prev {
    left: -12px;
    z-index: 5;
}
.slick-next {
    right: -12px;
    z-index: 3;
}
.slick-prev:before,
.slick-next:before {
    color: #fff;
    content: "\f104";
    font-family: "FontAwesome";
    font-size: 18px;
    height: 56px;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 56px;
}
.slick-prev:hover,
.slick-next:hover {
    background: rgba(255, 255, 255, 0.2);
    border-color: #fff;
}
.slick-next:before {
    content: "\f105";
    right: 0;
}

.sorting {
    position: relative;
}

.sorting .wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 25px;
}

.sorting .wrapper .count {
    color: #707070;
    margin: auto auto auto 0;
}
.sorting .wrapper .sort {
    display: flex;
    align-items: center;
    margin: auto 25px auto auto;
}
.sorting .wrapper .sort p {
    margin: auto 10px auto auto;
}
.sorting .wrapper .btns {
    display: flex;
    align-items: center;
    margin: auto 0 auto 25px auto;
}

.sorting .wrapper .btns p {
    cursor: pointer;
    color: #707070;
    font-size: 20px;
    margin: auto auto auto 15px;
}
.sorting .wrapper .btns p.active {
    color: #e08434;
}
.sorting .dropdown-toggle {
    margin: auto;
    color: #232323;
    line-height: 1;
    background: #eee;
    border-radius: 5px;
    padding: 6px 25px;
    display: flex;
    align-items: center;
    min-height: 34px;
    min-width: 200px;
}

.sorting .dropdown-toggle::after {
    display: inline-block;
    margin-left: 15px;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    position: absolute;
    right: 15px;
}

.sorting .dropdown-toggle:hover {
    background: #eee;
}

.sorting .dropdown-toggle:hover i {
    background: #e08434;
    color: white;
}

.sorting .dropdown-toggle i {
    color: white;
    margin-left: 5px;
    background: linear-gradient(45deg, #168f24, #58d211);
    border-radius: 5px;
    padding: 3px 5px;
    font-size: 12px;
}

@media (max-width: 476px) {
    .sorting label {
        margin-bottom: 10px;
    }
    .sorting .dropdown-toggle {
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
}

.sorting .dropdown-menu {
    padding: 0;
    min-width: initial;
    width: 100%;
    position: absolute;
}

.sorting .dropdown-menu a {
    font-size: 14px;
    margin: auto;
    color: #232323;
    line-height: 1;
    padding: 8px 15px;
    display: flex;
    align-items: center;
    min-height: 34px;
    border-bottom: 1px solid transparent;
    border-bottom: 1px solid #eee;
}

.sorting .dropdown-menu a:last-child {
    border: none;
}

.sorting .dropdown-menu a:hover {
    background: #8e8e8e;
    color: white;
}

.sorting .dropdown-menu i {
    color: white;
    margin-left: 5px;
    background: linear-gradient(45deg, #168f24, #58d211);
    border-radius: 50px;
    padding: 3px 5px;
    font-size: 12px;
}

.sorting .dropdown-menu a:hover i {
    background: white;
    color: #168f24;
}
#clients {
    background: #eee;
    padding: 80px 0 40px;
}
#clients .client {
    display: flex;
    align-items: center;
    background: #fff;
    padding: 30px;
    /*border-radius: 10px;*/
    margin-bottom: 40px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
#clients .client .img-wrapper {
    display: flex;
    align-items: center;
    width: 20%;
    margin-right: 40px;
}
#clients .client .img-wrapper img {
    margin: auto;
}
#clients .client .info {
    width: 80%;
    margin-top: 10px;
    margin-bottom: 15px;
}
#clients .client .info h3 {
    font-size: 1.8rem;
    margin-bottom: 15px;
    padding-left: 15px;
    border-left: 3px solid #fe7701;
    line-height: 1.5;
}
#clients .client .info .text {
    margin-bottom: 15px;
}
#clients .client .info .text * {
    color: black !important;
    line-height: 1.4 !important;
    min-height: 80px;
}
#clients .client .info .default-btn {
    float: right;
    padding: 8px 20px 11px;
    line-height: 1;
}
#clients .client .info .default-btn.link {
    margin-left: 10px;
}
@media (max-width: 767px) {
    #clients .client {
        display: block;
    }
    #clients .client .img-wrapper,
    #clients .client .info {
        width: 100%;
    }
    #clients .client .info .default-btn.link {
        margin-left: auto;
    }
    #clients .client .info .default-btn {
        width: 100%;
        text-align: center;
        float: initial;
        margin-left: auto;
        margin-bottom: 10px;
    }
}
/*----------------------------------------*/
/*  4. Testimonial Area
/*----------------------------------------*/
.owl-item .single-testi img {
    border: 2px solid #ffffff;
    border-radius: 50%;
    width: auto;
}
.single-testi > span {
    display: inline-block;
    margin-bottom: 52px;
}
.single-testi {
    margin-bottom: 64px;
    text-align: center;
}
.single-testi .name-info {
    color: #ffffff;
    display: block;
    font-family: "Oswald";
    margin-bottom: 0;
    margin-top: 46px;
    text-transform: uppercase;
}
.single-testi > p {
    padding: 0 125px;
    position: relative;
}
.single-testi > p:before,
.single-testi > p:after {
    background: rgba(0, 0, 0, 0) url("img/icon/coma-1.png") repeat scroll 0 0;
    content: "";
    height: 41px;
    left: 42px;
    position: absolute;
    top: -2px;
    width: 51px;
}
.single-testi > p:after {
    background: rgba(0, 0, 0, 0) url("img/icon/coma-2.png") repeat scroll 0 0;
    left: auto;
    right: 42px;
}
.testimonial-carousel .owl-nav div {
    display: none;
}
.testimonial-carousel .owl-dots {
    height: 22px;
    line-height: 20px;
    margin: auto;
    position: relative;
    text-align: center;
    width: 570px;
    z-index: 2;
}
.testimonial-carousel .owl-dots:after {
    background: #2c2d32 none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 11px;
    width: 100%;
}
.testimonial-carousel .owl-dot {
    display: inline-block;
    position: relative;
}
.testimonial-carousel .owl-dot:after {
    background: #14151b none repeat scroll 0 0;
    content: "";
    height: 24px;
    left: 60px;
    position: absolute;
    top: 0;
    width: 24px;
    z-index: 1;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.testimonial-carousel .owl-dot.active:after {
    left: 55px;
    width: 33px;
}
.testimonial-carousel .owl-dot span {
    background: #434449 none repeat scroll 0 0;
    display: inline-block;
    height: 7px;
    margin: 0 69px;
    position: relative;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 7px;
    z-index: 3;
}
.testimonial-carousel .owl-dot.active span {
    background: #fe7700 none repeat scroll 0 0;
}
.testimonial-carousel .owl-dot span:after {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #db1616;
    content: "";
    height: 15px;
    left: -4px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: -4px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 15px;
}
.testimonial-carousel .owl-dot.active span:after {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/*----------------------------------------*/
/*  5. Fun Factor Area
/*----------------------------------------*/
.fun-container {
    border: 1px solid rgba(255, 255, 255, 0.1);
    overflow: hidden;
    position: relative;
    text-align: center;
    z-index: 3;
}
.single-fun-factor {
    float: left;
    position: relative;
    width: 25%;
}
.fun-icon {
    color: #ffffff;
    display: block;
    font-size: 48px;
    margin-bottom: 25px;
}
.fun-item > h5,
.fun-item > h1 {
    color: #ffffff;
    font-family: "Oswald";
    font-weight: 400;
}
.fun-divider {
    background: #fe7700 none repeat scroll 0 0;
    display: block;
    height: 2px;
    margin: auto auto 25px;
    width: 40px;
}
.fun-item > h5 {
    margin-bottom: 19px;
}
.fun-item > h1 {
    line-height: 36px;
}
.fun-item {
    padding: 33px 0 46px;
    position: relative;
}
.fun-item:after {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    content: "";
    height: 150px;
    position: absolute;
    right: 0;
    top: 48px;
    width: 1px;
}
.single-fun-factor:last-child .fun-item:after {
    display: none;
}
/*----------------------------------------*/
/*  6. Latest Products Area
/*----------------------------------------*/
.latest-product-area {
    background: black;
}
.latest-item {
    margin: 15px;
    position: relative;
}
.latest-item img {
    width: 100%;
    border-radius: 3px;
}
.latest-p-title {
    background: rgba(0, 0, 0, 0) -webkit-linear-gradient(rgba(0, 0, 0, 0), #000000) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(rgba(0, 0, 0, 0), #000000) repeat scroll 0 0;
    bottom: 0;
    left: 0;
    padding: 110px 30px 16px;
    position: absolute;
    width: 100%;
    transition: .5s;
}
/*.latest-item:hover .latest-p-title {
    background: rgba(0, 0, 0, 0) -webkit-linear-gradient(rgba(0, 0, 0, 0), #000000 80%) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(rgba(0, 0, 0, 0), #000000 80%) repeat scroll 0 0;
}*/
.latest-p-title > .p-title-1 {
    color: #ffffff;
    display: block;
    font-family: "Oswald";
    font-weight: 400;
    margin-bottom: 7px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.latest-item:hover .p-title-1 {
    color: #fe7700;
}
.latest-p-title > .p-number {
    display: block;
    font-size: 13px;
    color: #90939c;
}
/*----------------------------------------*/
/*  7. Team Area
/*----------------------------------------*/
.single-member {
    margin-bottom: -185px;
    overflow: hidden;
    position: relative;
    z-index: 3;
}
.single-member > a {
    display: block;
}
.team-img {
    display: block;
    position: relative;
    border-radius: 3px;
}
.team-img img {
    border-radius: 4px;
}
.team-text {
    background: rgba(0, 0, 0, 0) -webkit-linear-gradient(rgba(0, 0, 0, 0), #000000) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(rgba(0, 0, 0, 0), #000000) repeat scroll 0 0;
    border-radius: 0 0 3px 3px;
    bottom: 0;
    left: 0;
    padding: 0 24px;
    position: absolute;
    width: 100%;
}
.member-name {
    display: block;
    font-family: "Oswald";
    margin-bottom: 8px;
    text-transform: uppercase;
}
.member-name a {
    color: #ffffff;
}
.single-member:hover .member-name a {
    color: #fe7700;
}
.member-info {
    color: #ddd;
    font-size: 13px;
}
.team-info {
    padding-bottom: 18px;
    padding-top: 41px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.team-hover > span {
    color: #ffffff;
    display: block;
    font-size: 13px;
    line-height: 20px;
}
.team-hover span span {
    color: #fe7700;
}
.member-links > a {
    border: 2px solid rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    color: #535353;
    display: inline-block;
    font-size: 12px;
    height: 35px;
    line-height: 30px;
    margin-right: 7px;
    text-align: center;
    width: 35px;
}
.member-links > a:hover {
    border-color: rgba(255, 255, 255, 0.7);
    color: #ffffff;
}
.member-links {
    padding-bottom: 22px;
    padding-top: 17px;
}
.team-hover {
    bottom: -115%;
    left: 0;
    padding: 0 24px;
    position: absolute;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 100%;
}
.single-member:hover .team-hover {
    bottom: 0;
}
.single-member:hover .team-info {
    padding-bottom: 129px;
}
.single-member:hover .team-text {
    padding-top: 41px;
}
/*----------------------------------------*/
/*  8. Timeline Area
/*----------------------------------------*/
.timeline-area {
    padding-top: 330px;
}
.timeline-date {
    border-bottom: 2px solid rgba(255, 255, 255, 0.1);
    color: #ffffff;
    float: left;
    font-size: 13px;
    font-weight: 500;
    margin-left: 9px;
    margin-right: 36px;
    padding-bottom: 6px;
    position: relative;
    text-align: right;
    width: 91px;
}
.timeline-text {
    overflow: hidden;
    padding-bottom: 42px;
}
.timeline-wrapper {
    float: left;
    width: 49%;
}
.timeline-title {
    color: #ffffff;
    display: block;
    font-weight: 500;
    margin-bottom: 14px;
}
.timeline-date:after {
    background: #fe7700 none repeat scroll 0 0;
    bottom: -5px;
    content: "";
    height: 8px;
    left: -12px;
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 8px;
}
.single-timeline-item {
    position: relative;
}
.single-timeline-item:after {
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 1px;
}
.single-timeline-item:first-child {
    padding-top: 66px;
}
.timeline-container {
    position: relative;
}
.timeline-image {
    position: absolute;
    right: 0;
    top: 22%;
    width: 73.5%;
}
.timeline-image > img {
    position: absolute;
    right: -30px;
    top: 59px;
}
.single-timeline-item:first-child:after {
    background: rgba(255, 255, 255, 0) -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)) repeat scroll 0 0;
    background: rgba(255, 255, 255, 0) linear-gradient(rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)) repeat scroll 0 0;
}
.single-timeline-item:last-child:after {
    background: rgba(255, 255, 255, 0) -webkit-linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0)) repeat scroll 0 0;
    background: rgba(255, 255, 255, 0) linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0)) repeat scroll 0 0;
}
/*----------------------------------------*/
/*  9. Contact Area
/*----------------------------------------*/
#contact-form input,
#contact-form textarea,
#reply-form input,
#reply-form textarea {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px;
    color: #90939c;
    font-size: 13px;
    height: 57px;
    margin-bottom: 30px;
    padding: 0 24px;
    resize: none;
}
#contact-form.dark input,
#contact-form.dark textarea,
#reply-form.dark input,
#reply-form.dark textarea {
    border: 1px solid rgb(100 100 100 / 20%);
}
#contact-form input::-moz-placeholder,
#contact-form textarea::-moz-placeholder {
    color: #90939c;
}
#contact-form input::-webkit-input-placeholder,
#contact-form textarea::-webkit-input-placeholder {
    color: #90939c;
}
#reply-form input::-moz-placeholder,
#reply-form textarea::-moz-placeholder {
    color: #90939c;
}
#reply-form input::-webkit-input-placeholder,
#reply-form textarea::-webkit-input-placeholder {
    color: #90939c;
}
#contact-form textarea,
#reply-form textarea {
    height: auto;
    padding: 20px 24px;
}
/*.submit-btn {margin-top: 70px;}*/
/*----------------------------------------*/
/*  10. Blog Area
/*----------------------------------------*/
.blog-item {
    position: relative;
    margin-bottom: 40px;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.blog-item .blog__img {
    position: relative;
    overflow: hidden;
    margin-bottom: 25px;
}

.blog-item .blog__img img {
    -webkit-transition: all 0.9s ease;
    -moz-transition: all 0.9s ease;
    -ms-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    transition: all 0.9s ease;
}

.blog-item:hover .blog__img img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.blog-item .blog__content {
    padding-left: 30px;
}

.blog-item .blog__meta {
    display: flex;
    align-items: center;
    line-height: 1;
}

.blog-item .blog__meta-cat {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 7px;
    line-height: 1;
}

.blog-item .blog__meta-cat a {
    position: relative;
    color: #ff5e14;
    padding-right: 7px;
}

.blog-item .blog__meta-cat a:hover {
    color: #222;
}

.blog-item .blog__meta-cat a:after {
    content: ",";
    position: absolute;
    top: 0;
    right: 2px;
    color: #ff5e14;
}

.blog-item .blog__meta-cat a:last-child {
    padding: 0;
}

.blog-item .blog__meta-cat a:last-child:after {
    display: none;
}

.blog-item .blog__meta-date {
    font-size: 13px;
    line-height: 1;
    display: inline-block;
    color: #616161;
}

.blog-item .blog__title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.2;
    height: 43px;
    min-height: auto;
    color: black;
}

.blog-item .blog__title a {
    color: #222;
}

.blog-item .blog__title a:hover {
    color: #ff5e14;
}

.blog-item .blog__desc {
    text-align: left;
    margin-bottom: 0;
}

.blog-item .btn__link {
    line-height: 1;
    width: auto;
    height: auto;
    border: none;
    padding-bottom: 5px;
    margin-top: 17px;
}

.blog-item .btn__link:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #ff5e14;
}

.blog-item:hover .btn__link {
    color: #ff5e14;
}

.blog-grid-layout2 .blog-item {
    background-color: #fff;
    margin-bottom: 30px;
    box-shadow: 0 5px 83px 0 rgba(40,40,40,.08)
}

.blog-grid-layout2 .blog-item .blog__img {
    margin-bottom: 27px
}

.blog-grid-layout2 .blog-item .blog__title {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0
}

.blog-grid-layout2 .blog-item .blog__content {
    padding: 0 15px 25px 30px
}

.blog-grid-layout2 .blog-item .blog__meta-date {
    margin-bottom: 11px
}

.blog-grid-layout2 .blog-item .blog__meta-cat {
    margin: 0;
    position: absolute;
    left: 30px;
    bottom: 0;
    background-color: #ff5e14;
    padding: 7px
}

.blog-grid-layout2 .blog-item .blog__meta-cat a {
    color: #fff;
    font-size: 13px
}

.blog-grid-layout2 .blog-item .blog__meta-cat a:hover {
    color: #222
}

.blog-grid-layout2 .blog-item .blog__meta-cat a:after {
    color: #fff
}

.blog-grid-layout2 .blog-item-wide .blog__content {
    padding: 10px 50px 30px
}

.blog-grid-layout2 .blog-item-wide .blog__title {
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 0
}

.blog-grid-layout2 .blog-item-wide .blog__desc {
    margin: 15px 0 12px
}

.blog-grid-layout2 .blog__meta-cat {
    left: 50px
}

.hidden-blog-item {
    display: none
}

.blog-single .blog-item {
    text-align: center
}

.blog-single .blog-item .blog__meta-cat {
    margin-right: 0
}

.blog-single .blog-item .blog__content {
    padding-left: 0
}

.blog-single .blog__meta {
    margin-bottom: 26px
}

.blog-single .blog-item .blog__title {
    font-size: 30px;
    line-height: 38px;
    font-weight: 700;
    padding: 0 60px
}

.blog-standard .blog-item .blog__desc {
    margin-bottom: 22px
}

.blog-single .blog__desc {
    margin-bottom: 21px
}

.blog-single .blog__desc p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 24px
}

.blog-widget {
    padding-top: 40px;
    margin-bottom: 40px;
    border-top: 1px solid #eaeaea
}

.blog__widget-title {
    font-size: 18px;
    line-height: 1;
    margin-bottom: 30px
}

.blog-share .blog__share-title {
    font-size: 13px;
    line-height: 1;
    margin-bottom: 0
}

.blog-share .social__icons a {
    color: #5d5d5d;
    transition: .3s linear;
    margin: 0 0 0 20px
}

.blog-share .social__icons a:hover {
    color: #ff5e14
}

.blog__tags {
    display: flex;
    flex-wrap: wrap
}

.blog__tags a {
    font-size: 12px;
    color: #9b9b9b;
    line-height: 28px;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid #eaeaea;
    padding: 0 11px
}

.blog__tags a:last-child {
    margin-right: 0
}

.blog__tags a:hover {
    background-color: #ff5e14;
    border-color: #ff5e14;
    color: #fff
}

.blog-nav {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #eaeaea;
    padding-top: 30px
}

.blog-nav .blog__next,.blog-nav .blog__prev {
    position: relative;
    min-height: 70px
}

.blog-nav .blog__next:hover h6,.blog-nav .blog__prev:hover h6 {
    color: #ff5e14
}

.blog-nav .blog__next {
    text-align: right
}

.blog-nav .blog__next .blog__nav-img {
    right: 0;
    left: auto
}

.blog-nav .blog__nav-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 70px;
    height: 70px
}

.blog-nav .blog__nav-img img {
    width: 100%;
    height: 100%
}

.blog-nav .blog__nav-content span {
    font-family: Roboto,sans-serif;
    font-size: 13px;
    color: #616161;
    display: block;
    margin-bottom: 1px
}

.blog-nav .blog__nav-content h6 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.blog-nav .blog__next .blog__nav-content {
    padding-right: 90px
}

.blog-nav .blog__prev .blog__nav-content {
    padding-left: 90px
}

.blog-author {
    background-color: #f4f4f4;
    padding: 40px;
    display: flex
}

.blog-author .blog__author-avatar {
    width: 70px;
    height: 70px;
    min-width: 70px;
    margin-right: 30px;
    margin-bottom: 20px
}

.blog-author .blog__author-name {
    font-size: 18px;
    line-height: 1;
    margin-bottom: 15px
}

.blog-author .blog__author-bio {
    line-height: 23px;
    margin-bottom: 13px
}

.blog-author .social__icons a {
    font-size: 15px;
    margin-right: 26px;
    color: #5d5d5d
}

.blog-author .social__icons a:hover {
    color: #282828
}

.blog-author .social__icons a:last-child {
    margin-right: 0
}
.vacancy-card {
    /*padding: 20px;*/
    border-radius: 15px;
    /*border: 2px solid #eee;*/
    margin-bottom: 15px;
}
.vacancy-card h2 {
    margin-bottom: 15px;
}
.vacancy-card .img-wrapper {
    margin-bottom: 15px;
    height: 250px;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.vacancy-card .img-wrapper img {
    width: 100%;
}
.vacancy-card h5 {
    font-size: 20px;
    color: white;
    margin-bottom: 15px;
    width: fit-content;
    background: #fe7701;
    padding: 7px 15px;
}
.vacancy-card .schedule {
    margin-bottom: 10px;
}
.vacancy-card .schedule p {
    color: black;
    margin-bottom: 5px;
    line-height: 1.2;
    font-size: 15px;
    font-weight: 600;
}
.vacancy-card .schedule p:last-child {
    font-weight: normal;
}
.vacancy-card .infoblocks {
    margin-bottom: 15px;
}
.vacancy-card .infoblocks .desc {
    margin-bottom: 15px;
}
.vacancy-card .infoblocks .desc h6 {
    font-size: 1.6rem;
    color: black;
}
.vacancy-card .infoblocks .desc p {
    margin: auto;
    color: black;
}
.vacancy-card .infoblocks .iblock {
    border-left: 3px solid #fe7701;
    background: #eee;
    padding: 10px 10px 10px 20px;
}
.vacancy-card .infoblocks .iblock p,
.vacancy-card .infoblocks .iblock p span,
.vacancy-card .infoblocks .iblock p span span {
    margin: auto auto 10px !important;
    color: black;
    font-weight: bold;
    line-height: 1.2 !important;
    font-size: 14px !important;
    background: transparent !important;
    font-family: "Rubik", sans-serif !important;
}
.vacancy-card .infoblocks .iblock ul {
    padding-left: 15px;
    margin-bottom: auto;
    list-style: disc;
}
.vacancy-card .infoblocks .iblock ul li {
    color: black;
    line-height: 1.2;
    font-size: 14px;
}
.vacancy-card .perks span {
    color: black;
}
.vacancy-card .perks .perk {
    font-weight: 600;
    font-size: 13px;
    color: black;
    background: #eee;
    line-height: 1;
    padding: 7px 10px;
    margin-bottom: 5px;
    margin-right: 5px;
    border-radius: 5px;
    display: inline-block;
}
.vacancy-card .contact {
    margin-bottom: 15px;
}
.vacancy-card .contact .fio {
    margin-bottom: 10px;
    line-height: 1.2;
    color: black;
    font-size: 16px;
    font-weight: bold;
}

.blog-image > a {
    display: block;
    position: relative;
}
.blog-image img {
    border-radius: 2px;
    width: 100%;
}
/*.blog-image {
    margin-bottom: 28px;
}*/
.blog-info {
    background: rgba(0, 0, 0, 0) -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), #000000) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), #000000) repeat scroll 0 0;
    border-radius: 0 0 3px 3px;
    bottom: 0;
    left: 0;
    padding: 106px 17px 10px;
    position: absolute;
    width: 100%;
}
.s-blog-info {
    color: white;
    display: inline-block;
    font-size: 13px;
    margin-right: 19px;
}
.s-blog-info i {
    font-size: 14px;
    padding-right: 6px;
}
.s-blog-info > span {
    color: #fe7700;
}
.blog-text > h5 {
    color: #ffffff;
    font-family: "Oswald";
    font-weight: 400;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.blog-text > h5 a:hover {
    color: #fe7700;
}
.s-blog-info:last-child {
    margin: 0;
}
.single-blog {
    margin-bottom: 30px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
}
.single-blog .blog-text {
    padding: 15px;
}
.single-blog .default-btn {
    margin-top: 11px;
}
/*----------------------------------------*/
/*  11. Homepage Two
/*----------------------------------------*/
.service-two-area .single-service > h5,
.service-three-area .single-service > h5 {
    color: #181b24;
}
.service-two-area .single-service:hover h5,
.service-three-area .single-service:hover h5 {
    color: #fe7700;
}
.service-two-area .srv-icon > img,
.service-three-area .srv-icon > img {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.01" /><feFuncG type="linear" slope="0.01" /><feFuncB type="linear" slope="0.01" /></feComponentTransfer><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="0 1" /><feFuncG type="table" tableValues="0 1" /><feFuncB type="table" tableValues="0 1" /></feComponentTransfer></filter></svg>#filter');
    -webkit-filter: brightness(1%) invert(0);
    filter: brightness(1%) invert(0);
}
.service-two-area .single-service:after,
.service-three-area .single-service:after {
    border-color: #181b24;
    opacity: 0.1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}
.feature-product-two-area .container-fluid {
    padding: 0 60px;
}
.feature-slick-carousel-two .single-feature-item {
    margin: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.feature-product-two-area .slick-current .feature-wrapper {
    bottom: 0;
}
/*.feature-slick-carousel-two .single-feature-item:hover .feature-image {
    padding: 0;
}*/
.testimonial-two-area .single-testi .name-info {
    color: #181b24;
}
.testimonial-two-area .testimonial-carousel .owl-dot > span {
    background: #d8d8d8 none repeat scroll 0 0;
}
.testimonial-two-area .testimonial-carousel .owl-dots:after {
    background: #e8e8e8 none repeat scroll 0 0;
}
.testimonial-two-area .testimonial-carousel .owl-dot:after {
    background: #ffffff none repeat scroll 0 0;
}
.testimonial-two-area .testimonial-carousel .owl-dot.active > span {
    background: #fe7700 none repeat scroll 0 0;
}
.fun-factor-two-area {
    position: relative;
}
.timeline-two-area {
    padding-top: 283px;
}
.timeline-two-area .timeline-title,
.timeline-three-area .timeline-title {
    color: #181b24;
}
.timeline-two-area .timeline-date,
.timeline-three-area .timeline-date {
    border-color: rgba(14, 27, 36, 0.1);
    color: #181b24;
}
.timeline-two-area .single-timeline-item:after,
.timeline-three-area .single-timeline-item:after {
    background: rgba(41, 44, 52, 0.1) none repeat scroll 0 0;
}
.timeline-two-area .single-timeline-item:first-child:after,
.timeline-three-area .single-timeline-item:first-child:after {
    background: rgba(255, 255, 255, 0) -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(41, 44, 52, 0.1), rgba(41, 44, 52, 0.1), rgba(41, 44, 52, 0.1)) repeat scroll 0 0;
    background: rgba(255, 255, 255, 0) linear-gradient(rgba(0, 0, 0, 0), rgba(41, 44, 52, 0.1), rgba(41, 44, 52, 0.1), rgba(41, 44, 52, 0.1)) repeat scroll 0 0;
}
.timeline-two-area .single-timeline-item:last-child:after,
.timeline-three-area .single-timeline-item:last-child:after {
    background: rgba(255, 255, 255, 0) -webkit-linear-gradient(rgba(41, 44, 52, 0.1), rgba(41, 44, 52, 0.1), rgba(0, 0, 0, 0)) repeat scroll 0 0;
    background: rgba(255, 255, 255, 0) linear-gradient(rgba(41, 44, 52, 0.1), rgba(41, 44, 52, 0.1), rgba(0, 0, 0, 0)) repeat scroll 0 0;
}
.team-area,
.team-three-area,
.contact-two-area {
    position: relative;
}
.contact-two-area .submit-btn {
    margin-top: 30px;
}
.blog-two-area .blog-text > h5 {
    color: #181b24;
}
.blog-two-area .blog-text > h5 a:hover {
    color: #fe7700;
}
/*----------------------------------------*/
/*  12. Homepage Three
/*----------------------------------------*/
.about-light-area .about-text {
    padding-left: 52px;
    padding-right: 35px;
}
.about-light-area .about-title {
    /* padding-bottom: 47px; */
    padding-left: 52px;
}
.about-light-area .about-image > img {
    border-radius: 0;
    position: absolute;
    right: 0;
}
.about-light-area .about-image {
    margin-left: -95px;
    top: -20px;
    width: 127%;
    position: absolute;
}
.about-light-area .about-title h3 {
    font-size: 3rem;
    color: #ffffff;
}
.about-light-area .about-title > span {
    color: #ffffff;
    font-size: 2rem;
}
.about-light-area .about-text p {
    color: #ffffff;
    font-size: 19px;
}
.about-light-area .about-text blockquote {
    background-color: rgba(255, 255, 255, .4);
    border-left: 5px solid #ed7f31;
}
.about-light-area .about-text blockquote small {
    color: white;
}
.about-light-area .about-text > span {
    color: #fe7700;
    font-family: "Oswald";
}
.about-dark-area .about-text p {
    color: black;
    font-size: 19px;
}
.testimonial-three-area .testimonial-carousel .owl-dot:after {
    background: rgba(232, 232, 232, 0.1) none repeat scroll 0 0;
    height: 1px;
    left: -62px;
    top: 11px;
    width: 122px;
}
.testimonial-three-area .testimonial-carousel .owl-dot > span {
    background: rgba(216, 216, 216, 0.2) none repeat scroll 0 0;
}
.testimonial-three-area .testimonial-carousel .owl-dots:after {
    display: none;
}
.testimonial-three-area .testimonial-carousel .owl-dot:last-child:before {
    background: rgba(232, 232, 232, 0.1) none repeat scroll 0 0;
    content: "";
    height: 1px;
    position: absolute;
    right: -60px;
    top: 11px;
    width: 122px;
}
.testimonial-three-area .testimonial-carousel .owl-dot.active span {
    background: #fe7700 none repeat scroll 0 0;
}
.team-three-area .single-member {
    margin: 0;
}
.contact-three-area .submit-btn {
    margin-top: 30px;
}
/*----------------------------------------*/
/*  13. Shop List Page
/*----------------------------------------*/
.ht-single-widget-wrapper {
    border: 2px solid #ebebeb;
    border-radius: 2px;
}
h4.widget-title {
    border-bottom: 1px solid #e1e1e1;
    color: #252525;
    font-family: "Oswald";
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    margin: 0 20px;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.widget-subtitle {
    color: #000;
    font-family: "Oswald";
    margin-bottom: 15px;
    font-weight: 400;
    text-transform: uppercase;
}
.ht-widget-item {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ebebeb;
}
.widget .widget-content {
    /*border: 2px solid #ebebeb;*/
    background: #f4f4f4;
}
.widget-content .cat li a {
    color: #898989;
    display: block;
    font-size: 13px;
    position: relative;
}
.widget-content .cat li {
    border-bottom: 1px solid #ebebeb;
    display: block;
    margin-bottom: 15px;
    padding-bottom: 15px;
    text-transform: uppercase;
}
.widget-content .cat li:last-child {
    margin: 0;
}
.cat > li a:after {
    color: #898989;
    content: "";
    font-family: FontAwesome;
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 1px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.cat li a:hover,
.cat li a:hover:after {
    color: #fe7700;
}
.range {
    color: #363636;
    display: block;
    margin-bottom: 22px;
}
.ui-widget-content {
    background: #dbdbdb none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    height: 5px;
}
.ui-slider-range {
    background: #fe7700 none repeat scroll 0 0;
}
.slider-values > input {
    border: 0 none;
    color: #000000;
    font-size: 14px;
    padding: 0;
}
.ui-slider-handle.ui-state-default {
    background: #ffffff none repeat scroll 0 0;
    border: 0 none;
    border-radius: 50%;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
    height: 15px;
    margin-left: 0;
    width: 15px;
}
.price_slider_amount {
    padding-bottom: 23px;
    padding-top: 9px;
}
.widget-content.type input {
    border: 1px solid #e3e3e3;
    float: left;
    height: 14px;
    margin: 0 11px 0 0;
    width: 14px;
}
.widget-content.type span {
    color: #898989;
    display: block;
    line-height: 13px;
    margin-bottom: 5px;
    overflow: hidden;
}
.type span label {
    color: #898989;
    cursor: pointer;
    font-size: 14px;
}
.black {
    background: #363636 none repeat scroll 0 0;
}
.blue {
    background: #448ccb none repeat scroll 0 0;
}
.green {
    background: #3cb878 none repeat scroll 0 0;
}
.grey {
    background: #cccccc none repeat scroll 0 0;
}
.red {
    background: #ed1c24 none repeat scroll 0 0;
}
.color span {
    display: inline-block;
    height: 17px;
    margin-right: 13px;
    position: relative;
    top: 3px;
    width: 17px;
}
.color {
    color: #898989;
    display: block;
    line-height: 12px;
    margin-bottom: 22px;
}
.white {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #e3e3e3;
}
.widget-content > p {
    color: #898989;
    font-size: 14px;
}
.tag > li {
    display: inline;
    font-size: 13px;
    line-height: 30px;
}
.tag > li a:hover {
    color: #fe7700;
}
.tag a {
    position: relative;
    color: #898989;
}
.tag a:after,
.tag a:before {
    border-bottom: 1px solid #f19999;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.tag a:before {
    border-color: #fae0e0;
    bottom: -1px;
}
.tag a:hover:after {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.product-view-wraper {
    border: 2px solid #e9e9e9;
    border-radius: 2px;
    overflow: hidden;
    padding: 12px 28px;
}
.product-view {
    float: left;
}
.single-view,
.select-view {
    display: inline-block;
    position: relative;
}
.show-result {
    color: #5a6069;
    float: right;
    line-height: 35px;
}
.single-view > span {
    color: #5a6069;
    display: inline-block;
    margin-right: 11px;
}
.single-view select {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #e8e8e8;
    border-radius: 30px;
    cursor: pointer;
    height: 35px;
}
.single-view:first-child select {
    width: 96px;
}
.single-view:last-child select {
    width: 180px;
}
.single-view:first-child {
    margin-right: 60px;
}
.select-view:after {
    color: #898888;
    content: "";
    font-family: FontAwesome;
    position: absolute;
    right: 14px;
    top: 9px;
}
.shop-img {
    float: left;
}
.shop-img img {
    border-radius: 2px;
}
.shop-text > h4 {
    font-family: "Oswald";
    font-weight: 400;
    margin-bottom: 14px;
    text-transform: uppercase;
}
.shop-text > h4 a {
    color: #5a6069;
}
.shop-text > h4 a:hover {
    color: #fe7700;
}
.p-ratings i,
.ratings i {
    color: #5a6069;
    display: inline-block;
    font-size: 13px;
}
.p-ratings i.color,
.ratings i.color {
    color: #ffcc00;
}
.p-ratings > span {
    color: #5a6069;
    display: inline-block;
    font-size: 13px;
    padding-left: 7px;
}
.shop-text {
    overflow: hidden;
    padding-left: 30px;
    padding-top: 38px;
}
.shop-divider {
    border-top: 1px solid #ededed;
    display: block;
}
.p-ratings {
    margin-bottom: 10px;
}
.shop-text > p {
    color: #898989;
    line-height: 30px;
    padding-right: 56px;
    padding-top: 22px;
}
.shop-info {
    color: #898989;
    font-size: 13px;
    line-height: 30px;
}
.shop-info .check {
    background: #ebebeb none repeat scroll 0 0;
    border: 1px solid #dadada;
    border-radius: 2px;
    display: inline-block;
    height: 13px;
    margin-right: 17px;
    position: relative;
    top: 3px;
    width: 13px;
}
.shop-info > span {
    color: #fe7700;
}
.shop-info-wrapper {
    padding-bottom: 32px;
    padding-top: 11px;
}
.shop-price {
    padding-top: 38px;
}
.single-shop-item {
    border-bottom: 1px solid #ededed;
    margin-bottom: 29px;
    overflow: hidden;
    padding-bottom: 30px;
}
.single-shop-item:last-child {
    border: 0 none;
    padding: 0;
}
/*----------------------------------------*/
/*  14. Product Details Page
/*----------------------------------------*/
.ht-details-widget > span {
    color: #898989;
    display: block;
    font-size: 13px;
}
.ht-details-widget > span.d-title {
    color: #252525;
    margin-bottom: 8px;
    font-weight: 500;
}
.ht-details-widget {
    margin-bottom: 28px;
}
.ht-details-widget:last-child {
    margin: 0;
}
iframe {
    width: 100%;
    border: 0;
}
.shop-details-area .ht-widget-item {
    padding-left: 18px;
    padding-right: 18px;
}
.shop-details-area .ht-widget-item .scheme {
    position: relative;
}
.shop-details-area .ht-widget-item .scheme i {
    position: absolute;
    top: 46%;
    left: 46%;
    color: #f08013;
    font-size: 25px;
    opacity: 0.6;
}
.shop-details-area .ht-widget-item .scheme:hover i {
    opacity: 1;
}
.single-widget-post:last-child {
    margin: 0;
}
.single-widget-post {
    margin-bottom: 20px;
    overflow: hidden;
}
.single-widget-post.active {
    background: rgb(238, 238, 238);
    background: linear-gradient(90deg, rgba(238, 238, 238, 1) 0%, rgba(17, 186, 226, 0) 100%);
}
.single-widget-post.active h5 > a {
    color: #fe7700;
}
.widget-post-img img {
    border-radius: 3px;
}
.widget-post-img {
    float: left;
}
.widget-post-text {
    overflow: hidden;
    padding-left: 19px;
    padding-top: 12px;
}
.widget-post-text > h5 a {
    color: #5a6069;
}
.widget-post-text > h5 {
    font-family: "Oswald";
    font-weight: 400;
    line-height: 18px;
    text-transform: uppercase;
}
.widget-post-text .color {
    margin: 0;
    padding-top: 20px;
}
.widget-post-text .current-price {
    display: block;
    font-size: 14px;
    margin-left: 0;
    padding-top: 17px;
}
.widget-post-text h5 a:hover {
    color: #fe7700;
}
.single-widget-post:last-child {
    margin: 0;
}
.shop-details-area .ht-single-widget:last-child .ht-widget-item {
    margin-bottom: 23px;
}
.ht-shop-details-img > img {
    border-radius: 2px;
}
.product-gallery-thumbs {
    margin-bottom: 25px;
}
.product-gallery-thumbs img {
    cursor: pointer;
    padding: 0 15px;
}
.single-meta {
    border: 1px solid #ebebeb;
    border-radius: 2px;
    color: #898989;
    display: inline-block;
    font-size: 13px;
    margin-right: 5px;
    padding: 13px 20px;
}
.single-meta i {
    font-size: 14px;
    margin-right: 12px;
}
.single-meta:last-child {
    margin: 0;
}
.ht-shop-meta {
    padding-top: 41px;
}
.shop-details-info > h4 {
    color: #5a6069;
    font-family: "Oswald";
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 14px;
    text-transform: uppercase;
}
.shop-details-info {
    float: left;
}
.details-price {
    float: right;
}
.shop-details-info-wrapper {
    border-bottom: 1px solid #ededed;
    overflow: hidden;
    padding-top: 44px;
}
.details-price h3 {
    color: #fe7700;
    font-family: "Oswald";
    font-weight: 400;
    font-size: 26px;
    line-height: 26px;
    margin-bottom: 12px;
}
.details-price > span {
    color: #898989;
    display: block;
    font-size: 13px;
    font-style: italic;
}
.details-text > p {
    color: #898989;
    line-height: 30px;
}
.details-text > p:first-of-type {
    margin-bottom: 30px;
}
.details-text {
    padding-right: 44px;
    padding-top: 22px;
}
.details-text p.quote {
    font-style: italic;
    line-height: 30px;
    margin-bottom: 30px;
}
/*.nav.nav-tabs {
    border: 2px solid #e9e9e9;
    border-radius: 2px;
    margin-bottom: 28px;
    margin-top: 101px;
    padding: 23px 24px 19px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li > a:hover, .nav-tabs > li.active > a:hover {
    background: #ffffff none repeat scroll 0 0;
    border: 0 none;
    color: #fe7700;
}
.nav-tabs > li {margin-bottom: 0; margin-right: 84px; padding-bottom: 0; position: relative;}
.nav-tabs > li:after {
    background: #ebebeb none repeat scroll 0 0;
    content: "";
    height: 21px;
    position: absolute;
    right: -41px;
    top: -3px;
    width: 1px;
}
.nav-tabs > li:last-child:after {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}
.nav-tabs > li:last-child {margin-right: 0;}
.nav-tabs > li > a {
    background: #ffffff none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    color: #292929;
    font-family: "Oswald";
    font-weight: 400;
    font-size: 14px;
    line-height: 15px;
    margin: 0;
    padding: 0;
    position: relative;
    text-transform: uppercase;
}
.tab-text > p {color: #898989; line-height: 30px;}
.tab-text > p:first-of-type {margin-bottom: 30px;}
.tab-text > p:last-of-type {margin: 0;}*/
/*----------------------------------------*/
/*  15. About Page
/*----------------------------------------*/
.single-abt-items > h5 {
    color: #181b24;
    font-family: "Oswald";
    font-weight: 400;
    margin-bottom: 29px;
    text-transform: uppercase;
}
.single-abt-items > p {
    margin: 0;
    padding: 0 16px;
}
.s-abt-img > img {
    border-radius: 2px;
}
.s-abt-img {
    padding-bottom: 40px;
}
.about-section .about-title {
    padding-left: 0;
}
.about-section .about-text {
    padding-left: 0;
    padding-right: 95px;
}
.abt-product-text > h3 {
    color: #ffffff;
    font-family: "Oswald";
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 53px;
    padding-right: 60px;
}
.abt-product-text > p {
    line-height: 30px;
    margin-bottom: 30px;
}
.abt-product-text > p:last-of-type {
    margin-bottom: 19px;
}
.abt-service-wrapper {
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 67px 52px;
}
.single-abt-srv {
    text-align: center;
}
.abt-service-wrapper .row {
    margin-left: 0;
    margin-right: 0;
}
.abt-service-wrapper .col-md-6 {
    padding-left: 0;
    padding-right: 0;
}
.col-md-6:nth-child(1) .single-abt-srv,
.col-md-6:nth-child(3) .single-abt-srv {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.single-abt-srv {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 83px;
    padding-top: 16px;
}
.abt-srv-img {
    display: block;
    margin-bottom: 20px;
}
.single-abt-srv > h5 {
    color: #ffffff;
    font-family: "Oswald";
    font-weight: 400;
    margin-bottom: 23px;
    text-transform: uppercase;
}
.single-abt-srv > span {
    display: block;
    font-size: 13px;
}
.col-md-6:nth-child(3) .single-abt-srv,
.col-md-6:nth-child(4) .single-abt-srv {
    border-bottom: 0 none;
    padding-bottom: 15px;
    padding-top: 83px;
}
/*----------------------------------------*/
/*  16. Service Page
/*----------------------------------------*/
.advertise-area h1 {
    color: #181b24;
    font-size: 36px;
    font-weight: 400;
    line-height: 40px;
    padding: 85px 0 94px;
}
.advertise-btn > a {
    background: #fe7700 none repeat scroll 0 0;
    border-radius: 2px;
    color: #ffffff;
    display: inline-block;
    font-family: "Oswald";
    font-size: 13px;
    padding: 17px 44px 14px;
    text-transform: uppercase;
}
.advertise-btn {
    padding: 107px 0;
    text-align: right;
}
.advertise-btn > a:hover {
    background: #181b24 none repeat scroll 0 0;
}
/*----------------------------------------*/
/*  17. Team Page
/*----------------------------------------*/
.about-title > h1 {
    color: #181b24;
    font-family: "Oswald";
    font-size: 24px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
/*----------------------------------------*/
/*  18. Contact Page
/*----------------------------------------*/
.single-c-info span {
    color: #91939f;
    display: block;
    font-size: 12px;
    line-height: 24px;
    padding-left: 60px;
}
.single-c-info span.icon {
    color: #181c27;
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 26px;
    padding-left: 54px;
}
.single-c-info > h5 {
    color: #181b24;
    font-family: "Oswald";
    font-weight: 400;
    margin-bottom: 25px;
    padding-left: 60px;
    text-transform: uppercase;
}
.c-divider {
    background: #fe7700 none repeat scroll 0 0;
    display: block;
    height: 2px;
    margin-bottom: 24px;
    margin-left: 60px;
    width: 40px;
}
.single-c-info {
    padding-bottom: 40px;
}
.single-c-info span {
    color: #91939f;
    display: block;
    font-size: 12px;
    line-height: 24px;
    padding-left: 60px;
}
.single-c-info span.icon {
    color: #181c27;
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 26px;
    padding-left: 54px;
}
.single-c-info > h5 {
    color: #181b24;
    font-family: "Oswald";
    font-weight: 400;
    margin-bottom: 25px;
    padding-left: 60px;
    text-transform: uppercase;
}
.c-divider {
    background: #fe7700 none repeat scroll 0 0;
    display: block;
    height: 2px;
    margin-bottom: 24px;
    margin-left: 60px;
    width: 40px;
}
.single-c-info {
    border-right: 1px solid #efefef;
    padding-bottom: 41px;
    padding-top: 46px;
}
.contact-form-wrapper #contact-form input,
.contact-form-wrapper #contact-form textarea,
.reply-form-wrapper #reply-form input,
.reply-form-wrapper #reply-form textarea {
    border: 1px solid #ebebeb;
}
.contact-form-wrapper .submit-btn {
    margin-top: 30px;
}
.contact-information-area .row:last-of-type {
    margin-left: 0;
    margin-right: 0;
}
.contact-information-area .col-md-4 {
    padding-left: 0;
    padding-right: 0;
}
.col-md-4:last-child .single-c-info {
    border: 0 none;
}
/*----------------------------------------*/
/*  19. Blog Page
/*----------------------------------------*/
.blog-post-meta {
    color: #5a6069;
    font-size: 13px;
    margin-bottom: 22px;
}
.blog-post-meta span span {
    color: #fe7700;
}
.blog-post-meta > span i {
    color: #535861;
    font-size: 14px;
    margin-right: 6px;
}
.blog-post-meta > span {
    margin-right: 21px;
}
.blog-post-text h4 {
    font-family: "Oswald";
    font-size: 15px;
    margin-bottom: 13px;
    text-transform: uppercase;
}
.blog-details .blog-post-text h4,
.blog-post-text h4 a:hover {
    color: #fe7700;
}
.blog-post-text h4 a {
    color: #181b24;
}
.blog-post-text > p {
    font-size: 13px;
    margin-bottom: 31px;
}
.single-blog-post {
    margin-bottom: 100px;
}
.single-blog-post:last-child {
    margin-bottom: 0;
}
.blog-section-area h4.widget-title {
    border-color: #ebebeb;
    color: #353535;
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 38px;
    margin-left: 0;
    padding-bottom: 14px;
}
.post-category > li {
    display: block;
    font-size: 13px;
    line-height: 15px;
    margin-bottom: 21px;
}
.post-category > li:last-child {
    margin: 0;
}
.post-category > li a {
    color: #90939c;
    display: block;
}
.post-category li a:hover {
    color: #fe7700;
}
.post-category a span {
    float: right;
}
.widget-content input {
    border: 0 none;
    color: #747881;
    font-size: 12px;
    height: 25px;
    padding-left: 11px;
}
.widget-content > form.serach-box {
    border-left: 2px solid #fe7700;
    height: 25px;
    position: relative;
}
.widget-content > form.serach-box button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #fe7700;
    font-size: 15px;
    height: 100%;
    padding: 0 0 0 5px;
    position: absolute;
    right: 0;
    top: 0;
}
.blog-section-area .ht-widget-item {
    margin-bottom: 60px;
    padding: 0;
}
.popular-post > a {
    display: block;
    float: left;
}
.post-text {
    overflow: hidden;
    padding-left: 11px;
}
.popular-post img {
    border-radius: 2px;
}
.post-text > span {
    display: block;
    font-size: 13px;
    margin-bottom: 5px;
}
.post-text h6 {
    font-family: "Oswald";
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 14px;
    text-transform: uppercase;
}
.post-text h6 a {
    color: #353535;
}
.post-text h6 a:hover {
    color: #fe7700;
}
.post-text > span span {
    color: #fe7700;
}
.popular-post {
    margin-bottom: 30px;
    overflow: hidden;
}
.post-text > span:last-child {
    margin: 0;
}
.tags a {
    border: 1px solid #e1e1e1;
    border-radius: 2px;
    color: #90939c;
    display: inline-block;
    font-size: 13px;
    margin-right: 5px;
    padding: 7px 17px;
}
.tags > li {
    display: inline-block;
    margin-bottom: 10px;
}
.tags a:hover {
    background: #fe7700 none repeat scroll 0 0;
    border-color: #fe7700;
    color: #ffffff;
}
.blog-section-area .pagination-wrapper {
    border: 0 none;
    margin-top: 60px;
    padding: 0;
}
/*----------------------------------------*/
/*  20. Blog Details Page
/*----------------------------------------*/
.blog-details .blog-post-text > p {
    margin-bottom: 24px;
}
.social-icons {
    float: right;
    margin-top: 30px;
    overflow: hidden;
}
.social-icons > a {
    float: left;
}
.social-icons > a {
    color: #ffffff;
    display: block;
    font-size: 14px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    width: 43px;
}
.sotsials {
    display: flex;
    align-items: center;
    width: 100%;
}
.sotsials li {
    margin: auto 15px auto 0;
}
.sotsials li:last-child {
    margin-right: auto;
}
.sotsials li a {
    font-size: 18px;
    color: #ec7f31;
}
.sotsials li:hover a {
    color: white;
}
.facebook {
    background: #448ccb none repeat scroll 0 0;
}
.twitter {
    background: #6dcff6 none repeat scroll 0 0;
}
.dribbble {
    background: #f06eaa none repeat scroll 0 0;
}
.pinterest {
    background: #f68e56 none repeat scroll 0 0;
}
.youtube {
    background: #ed1c24 none repeat scroll 0 0;
}
.social-icons > a:hover {
    background: #181b24 none repeat scroll 0 0;
}



.f-info {
    line-height: 1.5em;
}
.requisits {
    margin-top: 35px;
    font-size: 13px;
    line-height: 1.5em;
    color: #fff;
}



.blog-details .blog-post-text {
    border-bottom: 1px solid #ebebeb;
    overflow: hidden;
    padding-bottom: 25px;
}
.blog-details {
    margin-bottom: 60px;
}
.comments h3,
.reply-form > h3 {
    color: #353535;
    font-family: "Oswald";
    margin-bottom: 50px;
    text-transform: uppercase;
}
.comment-img {
    float: left;
    width: 100px;
}
.comment-text {
    overflow: hidden;
    padding-left: 26px;
}
.comment-text h5 {
    color: #353535;
    float: left;
    font-family: "Oswald";
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
}
.comment-info {
    float: right;
}
.comment-info span {
    font-size: 12px;
}
.comment-content {
    overflow: hidden;
}
.comment-info > a {
    color: #69b0e7;
    display: inline-block;
    font-size: 14px;
    margin-left: 8px;
    position: relative;
    top: 2px;
}
.comment-text > p {
    color: #999999;
    font-style: italic;
}
.single-comment.reply {
    background: #f7f7f7 none repeat scroll 0 0;
    margin-bottom: 3px;
    margin-left: 127px;
    padding: 21px 20px;
}
.reply .comment-text > p {
    color: #90939c;
}
.reply .comment-info > a {
    color: #353535;
    font-size: 12px;
    top: 0;
}
.reply .comment-img {
    width: 76px;
}
.reply .comment-text {
    padding-left: 17px;
}
.single-comment {
    margin-bottom: 23px;
}
.single-comment:last-child {
    margin-bottom: 34px;
    padding-top: 59px;
}
.comment-wrapper {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 68px;
    overflow: hidden;
}
.reply-form > h3 {
    margin-bottom: 27px;
}
.reply-form-wrapper {
    padding-top: 45px;
}
.reply-form .submit-btn {
    margin-top: 30px;
}

.mask-b-1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    z-index: 1;
}

.mask-b-2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.mask-b-3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1;
}

.mask-b-4 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1;
}

.mask-b-5 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.mask-b-6 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1;
}

.mask-b-7 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1;
}

.mask-b-8 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1;
}

.mask-b-9 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    z-index: 1;
}

.mask-w-1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.1);
    z-index: 1;
}

.mask-w-2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.2);
    z-index: 1;
}

.mask-w-3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.3);
    z-index: 1;
}

.mask-w-4 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.4);
    z-index: 1;
}

.mask-w-5 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    z-index: 1;
}

.mask-w-6 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.6);
    z-index: 1;
}

.mask-w-7 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    z-index: 1;
}

.mask-w-8 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    z-index: 1;
}

.mask-w-9 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
    z-index: 1;
}

.tab-pane {
    display: none;
}

.tab-pane.active {
    display: block;
}

.nav-tabs {
    border-bottom: none;
    margin-bottom: 30px;
    /*position: absolute;
    top: -134px;
    left: 0;
    z-index: 10;*/
    padding: 0;
    /*background: #fe5f14;*/
    display: flex;
    align-items: center;
}
.nav-tabs .nav__link {
    display: inline-block;
    position: relative;
    padding: 15px;
    margin: auto;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    color: #222;
    text-align: center;
}
/*.nav-tabs .nav__link:last-of-type {
    margin-right: 0;
}*/
.nav-tabs .nav__link:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #ee7e1a;
    -webkit-transition: all 0.7s linear;
    -moz-transition: all 0.7s linear;
    -ms-transition: all 0.7s linear;
    -o-transition: all 0.7s linear;
    transition: all 0.7s linear;
}
.nav-tabs .nav__link.active,
.nav-tabs .nav__link:hover {
    color: #ee7e1a;
}
.nav-tabs .nav__link.active:after,
.nav-tabs .nav__link:hover:after {
    width: 100%;
}
/*.nav-tabs-white .nav__link {
    color: #fff;
}*/
.nav-tabs-white .nav__link img {
    display: block;
    height: 150px;
    margin: auto auto 10px;
}
.nav-tabs-white .nav__link.active,
.nav-tabs-white .nav__link:hover {
    color: #222;
    background-color: #fff;
}
.nav-tabs-white .nav__link:after {
    background-color: #222;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .nav-tabs .nav__link {
        margin: 0 15px 10px 0;
    }
}

.grecaptcha-badge,
.s-message {
    display: none !important;
}

.modal {
    position: relative;
    min-width: 600px;
    max-width: 600px;
    height: auto;
}

.modal.md {
    max-width: 60%;
    width: 60%;
}

@media (max-width: 1200px) {
    .modal.md {
        max-width: 90%;
        width: 90%;
    }
}

.modal.fs {
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    height: 100%;
}

.modal.fc {
    max-width: fit-content;
    max-width: max-content;
    width: fit-content;
    width: max-content;
    height: auto;
}

.modal h3 {
    font-size: 2rem;
    color: #232323;
    margin-bottom: 25px;
}

@media (max-width: 767px) {
    .modal {
        min-width: initial !important;
        max-width: 100% !important;
    }
}

/* START TOOLTIP STYLES */
[tooltip] {
    position: relative; /* opinion 1 */
}

/* Applies to all tooltips */
[tooltip]::before,
[tooltip]::after {
    text-transform: none; /* opinion 2 */
    font-size: 0.9em; /* opinion 3 */
    line-height: 1;
    user-select: none;
    pointer-events: none;
    position: absolute;
    display: none;
    opacity: 0;
}
[tooltip]::before {
    content: "";
    border: 5px solid transparent; /* opinion 4 */
    z-index: 1001; /* absurdity 1 */
}
[tooltip]::after {
    content: attr(tooltip);
    font-family: Helvetica, sans-serif;
    text-align: center;
    align-items: center;
    min-width: 3em;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 1ch 15px;
    border-radius: 0.3ch;
    box-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.35);
    background: #333;
    color: #fff;
    z-index: 1000; /* absurdity 2 */
    min-width: auto;
    width: auto;
}

/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
    display: flex;
}

/* don't show empty tooltips */
[tooltip=""]::before,
[tooltip=""]::after {
    display: none !important;
}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
    bottom: 100%;
    border-bottom-width: 0;
    border-top-color: #333;
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
    bottom: calc(100% + 5px);
}
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
    left: 50%;
    transform: translate(-50%, -0.5em);
}

/* FLOW: DOWN */
[tooltip][flow^="down"]::before {
    top: 100%;
    border-top-width: 0;
    border-bottom-color: #333;
}
[tooltip][flow^="down"]::after {
    top: calc(100% + 5px);
}
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
    left: 50%;
    transform: translate(-50%, 0.5em);
}

/* FLOW: LEFT */
[tooltip][flow^="left"]::before {
    top: 50%;
    border-right-width: 0;
    border-left-color: #333;
    left: calc(0em - 5px);
    transform: translate(-0.5em, -50%);
}
[tooltip][flow^="left"]::after {
    top: 50%;
    right: calc(100% + 5px);
    transform: translate(-0.5em, -50%);
}

/* FLOW: RIGHT */
[tooltip][flow^="right"]::before {
    top: 50%;
    border-left-width: 0;
    border-right-color: #333;
    right: calc(0em - 5px);
    transform: translate(0.5em, -50%);
}
[tooltip][flow^="right"]::after {
    top: 50%;
    left: calc(100% + 5px);
    transform: translate(0.5em, -50%);
}

/* KEYFRAMES */
@keyframes tooltips-vert {
    to {
        opacity: 0.9;
        transform: translate(-50%, 0);
    }
}

@keyframes tooltips-horz {
    to {
        opacity: 0.9;
        transform: translate(0, -50%);
    }
}

/* FX All The Things */
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
    animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
    animation: tooltips-horz 300ms ease-out forwards;
}

[data-tooltip] {
    position: relative;
}

[data-tooltip]:before,
[data-tooltip]:after {
    display: none;
    position: absolute;
    top: 0;
}

[data-tooltip]:before {
    border-bottom: 0.6em solid #09f;
    border-bottom: 0.6em solid rgba(0, 153, 255, 0.8);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    left: 20px;
    margin-top: 1em;
}

[data-tooltip]:after {
    background-color: #7b8a94;
    background-color: rgba(90, 109, 121, 0.8);
    border: 2px solid #86d21a;
    border: 2px solid rgb(134, 210, 26);
    border-radius: 5px;
    color: #ffffff;
    content: attr(data-tooltip-label) "\A"attr(data-tooltip-message);
    left: 0;
    margin-top: -9em;
    padding: 5px 15px;
    white-space: pre-wrap;
}

[data-tooltip]:hover:after,
[data-tooltip]:hover:before {
    display: block;
}

.modal.specs {
    max-width: 1200px;
    min-width: 800px;
}

.label-radio {
    display: block;
    position: relative;
    padding-left: 26px;
    margin-bottom: 25px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 400;
    color: #9b9b9b;
}
.label-radio input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    display: none;
}
.radio-indicator {
    position: absolute;
    top: -1px;
    left: 0;
    height: 17px;
    width: 17px;
    background: 0 0;
    border: 2px solid #d3d3d3;
    border-radius: 50%;
}
.label-radio input:checked ~ .radio-indicator {
    background: 0 0;
}
.label-radio input:checked:focus ~ .radio-indicator,
.label-radio:hover input:not([disabled]):checked ~ .radio-indicator {
    background: 0 0;
}
.radio-indicator:after {
    content: "";
    position: absolute;
    display: none;
    left: 3px;
    top: 3px;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    background: #ee7e1a;
}
.label-radio input:checked ~ .radio-indicator:after {
    display: block;
}

.label-radio a {
    font-weight: bold;
}

.modal.specs {
    max-width: 1200px;
    min-width: 800px;
}
tbody {
    /*background: #fff;*/
    /*border: none;*/
}
table {
    table-layout: fixed;
    margin-top: 20px;
    border: none;
}
th {
    padding: 13px;
    font-size: 1rem;
    border: none;
}
th + th {
    padding-left: 0;
}
.text__block ul,
.modal.specs ul {
    font-size: 0.875em;
}
.text__block li,
.modal.specs li {
    padding-left: 2em;
    position: relative;
    margin: 0.4em 0;
}
.text__block li:before,
.modal.specs li:before {
    content: "";
    width: 4px;
    height: 4px;
    background: #ec621f;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0.6em;
    margin-top: -2px;
}
td {
    padding: 10px 15px;
    color: #8d8d8d;
    border: none;
}
td:first-child {
    /* font-weight: bold; */
    border-left: 4px solid #fe7701;
}
td.check {
    background-image: url("../images/icons/check.svg");
    background-position: 20px 50%;
    background-repeat: no-repeat;
    -webkit-background-size: 20px 15px;
    background-size: 20px 15px;
}

tr td {
    /*background: #21252b;*/
    border: 1px solid #8d8d8d;
    padding: 15px;
    color: black;
    background: white;
}

tr:nth-child(2n) td {
    /*background-color: #333333;*/
}

#description .text__block {
    position: relative;
    display: inline-block;
}

#description table {
    width: 100% !important;
    margin: auto !important;
}

#description table td:first-child {
    width: 40% !important;
    padding: 10px 15px !important;
}

#description table td:nth-child(2) {
    width: 60% !important;
    padding: 10px 15px !important;
}

@media (max-width: 767px) {
    #description table td p,
    #description table td p span {
        font-size: 10px !important;
        margin-bottom: auto !important;
    }
}

.contact-panel {
    position: absolute;
    z-index: 20;
    width: calc(100% - 15px);
    max-width: 330px;
    top: -113px;
}

.contact-panel .contact__panel-header {
    background-color: #ee7e1a;
    color: #fff;
    padding: 27px 30px;
    border-bottom: 0;
    margin-bottom: 0 !important;
    display: flex;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.contact-panel .contact__panel-header .contact__panel-title {
    color: #fff;
}

.contact-panel .contact__panel-header i {
    font-size: 40px;
    margin-right: 25px;
}

@media (max-width: 992px) {
    .contact-panel {
        top: 0 !important;
        position: relative;
        max-width: 100%;
        margin: auto;
        width: 100%;
    }
}

.accordion-item {
    border: 1px solid #ededed;
    background-color: #fff;
    padding: 15px 30px;
    margin-top: -1px;
    overflow: hidden;
}
.accordion-item:first-child {
    margin-top: 0;
}
.accordion-item .accordion__item-title {
    font-family: "Work Sans", sans-serif;
    color: #282828;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    display: block;
    position: relative;
    padding-right: 25px;
}
.accordion-item .accordion__item-title:after {
    position: absolute;
    right: 0;
    top: 0;
    font-family: "FontAwesome";
    content: "\f078";
    background-color: transparent;
    color: #222;
    font-size: 10px;
    font-weight: 400;
    text-align: center;
    width: 20px;
    height: 20px;
    line-height: 20px;
}
.accordion-item .accordion__item-header.opened .accordion__item-title {
    color: #ee7e1a;
}
.accordion-item .accordion__item-header.opened .accordion__item-title:after {
    background-color: #ee7e1a;
    color: #fff;
    content: "\f077";
}
.accordion-item .accordion__item-body {
    padding-top: 25px;
}
.accordion-item .accordion__item-body p {
    margin-bottom: 0;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .accordion-item {
        padding: 15px 20px;
    }
}

.google-map-area {
    position: relative;
    padding-top: 115px;
}

[class*="ymaps-2"][class*="-ground-pane"] {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    /* Firefox 3.5+ */
    -webkit-filter: grayscale(100%);
    /* Chrome 19+ & Safari 6+ */
}
[class*="ymaps-2"][class*="-controls__control"] {
    inset: 15px auto auto 10px !important;
}
[class*="ymaps-2"][class*="-gototech"],
[class*="ymaps-2"][class*="-gototaxi"],
[class*="ymaps-2"][class*="-gotoymaps"],
[class*="ymaps-2"][class*="-copyright__agreement"] {
  display: none !important;
}

[class*="ymaps-2"][class*="-copyright"] {
  margin-right: 4px;
}

.product-gallery {
    margin-bottom: 30px;
}

.page-title {
    font-size: 30px;
    font-family: "Oswald", sans-serif;
    margin-bottom: 25px;
    color: black;
    padding-left: 20px;
    border-left: 4px solid #fd7701;
    line-height: 1.5;
}

.tab-content-wrapper {
    padding: 20px;
    background: #eee;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}

@media(max-width: 767px) {
    .tab-content-wrapper {
        padding: 0;
    }
}

.product-tablist-nav {
    margin-bottom: 0;
}

.other-products-aside-list {
    height: 500px;
    overflow-x: hidden;
}

.project-item {
    position: relative;
    margin-bottom: 30px;
    box-shadow: 0 5px 83px 0 rgba(40, 40, 40, 0.12);
}
.project-item:hover .project__img:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.project-item .project__img {
    position: relative;
    -webkit-transition: all 0.6s linear;
    -moz-transition: all 0.6s linear;
    -ms-transition: all 0.6s linear;
    -o-transition: all 0.6s linear;
    transition: all 0.6s linear;
}
.project-item .project__img:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    display: block;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #1b1a1a 100%);
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), #1b1a1a 100%);
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), #1b1a1a 100%);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), #1b1a1a 100%);
    background-image: linear-gradient(top, rgba(0, 0, 0, 0), #1b1a1a 100%);
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.project-item .project__img img {
    width: 100%;
    margin: auto;
}
.project-item .project__content {
    padding: 30px;
    background-color: #fff;
    position: relative;
}
.project-item .project__cat {
    line-height: 1;
    margin-bottom: 11px;
}
.project-item .project__cat a {
    position: relative;
    font-family: Roboto, sans-serif;
    font-size: 13px;
    color: #ee7e1a;
    padding-right: 7px;
}
.project-item .project__cat a:hover {
    color: #222;
}
.project-item .project__cat a::after {
    content: ",";
    position: absolute;
    top: 2px;
    right: 2px;
}
.project-item .project__cat a:last-child:after {
    display: none;
}
.project-item .project__title {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 0;
    text-transform: none;
}
.project-item .project__title a {
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 52px;
    min-height: auto;
}
.project-item .project__title a:hover {
    color: #ee7e1a;
}
.project-item .project__desc {
    margin: 15px auto;
}
.project-item .project__desc:nth-child(2),
.project-item .project__desc:nth-child(3) {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 50px;
    min-height: auto;
}
.project-item .product__specs {
    display: inline-block;
    width: 50px;
    position: absolute;
    top: 0;
    right: 0;
}
.project-item .product__specs:hover {
    color: #ee7e1a;
}
.project-item .project__link {
    color: #222;
    line-height: 1;
}
.project-item .zoom__icon {
    position: absolute;
    top: 0;
    left: 0ss;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.project-item .zoom__icon:before {
    content: "\f06e";
    font-family: "FontAwesome";
    color: #fff;
    font-size: 20px;
    position: absolute;
    top: 49%;
    left: 48%;
}
/*.project-item .zoom__icon:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 1px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
}*/
.project-item:hover .zoom__icon {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
#category .project-item {
    box-shadow: none;
}
#category .project-item .project__img,
#category .project-item .project__content {
    border: 1px solid #a5a5a5;
}
#category .project-item .project__img {
    border-bottom: none;
    text-align: center;
    background-color: white;
}
#category .project-item .project__content {
    border-top: none;
}

.projects .container {
    /*padding: 30px;*/
    /*background: #eee;*/
    /*border-radius: 30px;*/
    /*box-shadow: 0 5px 10px rgb(0 0 0 / 20%);*/
}

.projects-filter {
    display: flex;
    flex-wrap: wrap;
}
.projects-filter li {
    margin-bottom: 20px;
    margin-right: 30px;
}
.projects-filter li:last-child {
    margin-right: 0;
}
.projects-filter li a {
    position: relative;
    color: #222;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    text-transform: capitalize;
    display: block;
    padding-bottom: 4px;
}
.projects-filter li a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #ee7e1a;
    -webkit-transition: all 0.7s linear;
    -moz-transition: all 0.7s linear;
    -ms-transition: all 0.7s linear;
    -o-transition: all 0.7s linear;
    transition: all 0.7s linear;
}
.projects-filter li a.active,
.projects-filter li a:hover {
    color: #ee7e1a;
}
.projects-filter li a.active:after,
.projects-filter li a:hover:after {
    width: 100%;
}
.projects-carousel .projects-bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 664px;
}

.single-footer-widget .pr-10 {
    font-size: 18px;
    color: white;
}

.case-title {
    margin: auto;
    position: absolute;
    top: 15px;
    left: 0;
    width: 100%;
    color: #fff;
    z-index: 5;
    padding: 5px 15px;
    font-size: 20px;
    background: rgb(237 126 27 / 70%);
    min-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.portfolioPage h3 {
    margin-bottom: 25px;
    font-size: 4rem;
}

.mix {
    display: none;
}

.noFilter .mix {
    display: block !important;
}

.products-wrapper .fail-message {
    opacity: 0;
}

.products-wrapper .fail-message:before{
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.products-wrapper .fail-message span{
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  font-weight: 700;
}

.products-wrapper.fail .fail-message{
  opacity: 1;
  pointer-events: auto;
}

#pAction {
    background: radial-gradient(circle, rgba(254, 119, 0, 1) 60%, rgb(255 0 0) 100%);
    padding: 15px 20px 10px;
    margin-bottom: 25px;
    border-radius: 10px;
    color: white;
    text-align: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}

#pAction h3 {
    color: white;
    font-size: 25px;
    text-transform: uppercase;
}

#pAction p {
    margin-bottom: 0;
    font-size: 16px;
}

.portfolioPage .active,
.portfolioPage .mixitup-control-active {
    background-color: #fe7700;
    color: #fff;
}

.portfolioPage .default-btn {
    cursor: pointer;
    margin: auto;
}

#portfolio .nav__link.btn {
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
}

#portfolio .owl-prev,
#portfolio .owl-next {
    background: #a4a4a4;
    margin: auto 5px;
    font-size: 45px;
    line-height: 1;
    border-radius: 50px;
    padding: 0px 20px 5px 17px;
    color: #fff;
}

#portfolio .owl-prev:hover,
#portfolio .owl-next:hover {
    background: #ee7e1a;
}

.certificate-box {
    position: relative;
    display: flex;
    align-items: center;
    height: 300px;
    overflow: hidden;
    box-shadow: 0 0 10px rgb(0 0 0 / 40%);
    width: fit-content;
    margin: auto auto 25px;
}

.certificate-box img {
    max-height: 500px;
    width: auto;
    margin: auto;
}

.certificate-box .default-btn {
    position: absolute;
    bottom: 15px;
    left: 15px;
}

.slider-area .owl-controls,
.slider-two-area .owl-controls,
.slider-three-area .owl-controls {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.youtubeBtn {
    position: absolute;
    top: 200px;
    right: 5%;
    z-index: 50;
}

.projects .default-btn {
    margin-right: 3px;
    margin-bottom: 10px;
}

[class*="ymaps-2"][class*="-balloon__content"] {
    padding-bottom: 30px;
}

[class*="ymaps-2"][class*="-balloon__content"] a {
    display: block;
    font-weight: bold;
}

#SDCentersList {
    padding: 60px 15px;
}

#SDCentersList h3 {
    font-size: 3.5rem;
    margin-bottom: 45px;
}

#SDCentersList .SDCentersItem {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
    margin-bottom: 30px;
    padding: 30px;
    transition: 0.6s;
    min-height: 380px;
    position: relative;
}

#SDCentersList .SDCentersItem:hover {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.35);
}

#SDCentersList .SDCentersItem .address {
    font-size: 15px;
}

#SDCentersList .SDCentersItem .phones a,
#SDCentersList .SDCentersItem .emails a {
    display: inline-block;
    margin: 5px;
    border: 1px solid #21252b;
    padding: 5px 15px;
    border-radius: 30px;
    transition: 0.5s;
}

#SDCentersList .SDCentersItem .phones a:hover,
#SDCentersList .SDCentersItem .emails a:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

#SDCentersList .SDCentersItem .emails {
    margin-bottom: 20px;
}

/*#SDCentersList .SDCentersItem .phones a:first-child,
#SDCentersList .SDCentersItem .emails a:first-child {
    margin-left: 0;
}*/

#SDCentersList .SDCentersItem .default-btn {
    position: absolute;
    bottom: 15px;
    right: 15px;
}

#SDCentersList .SDCentersItem .default-btn {
    background: #eee;
    color: black;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

#centers .target {
    display: none;
}

.hvr__images {
    position: relative;
}

.hvr__sectors {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
}

.hvr__sector {
    flex-grow: 1;
    z-index: 10;
}

.images {
    display: flex;
    overflow: hidden;
    width: 100%;
    height: 275px;
}

.images video {
    height: 100%;
    width: 100%;
    background-color: #f5f5f5;
    margin: auto;
    border: 2px solid #4e7661;
}

.image {
    display: block;
}

.hvr__dots {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 5px;
    width: 100%;
    left: 0;
}

.hvr__dot {
    width: 5px;
    height: 5px;
    margin: 10px 2px 0;
    border-radius: 50%;
    background: #d6dbe0;
    border: 1px solid #606060;
}

.hvr__dot--active {
    background: #000;
}

.sidebar {
    position: relative;
    margin-right: 20px;
    z-index: 2
}

.bg-theme {
    background-color: #ff5e14!important;
}

.widget {
    margin-bottom: 40px
}

.widget:last-child {
    margin-bottom: 0
}

.widget .widget__title {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1;
    margin-bottom: 30px
}

.widget-search .widget__form-search {
    position: relative
}

.widget-search .widget__form-search .form-control {
    background-color: #fff
}

.widget-search .widget__form-search button {
    position: absolute;
    top: 0;
    right: 15px;
    width: auto;
    color: #333
}

.widget-search .widget__form-search button:hover {
    color: #ff5e14
}

.widget-categories ul {
    /*background-color: #f4f4f4;*/
    padding: 25px 25px 35px
}


.widget-categories ul .submenu_wrapp .submenu {
    overflow: hidden;
    height: 0;
    transition: height .5s;
    padding: 0;
}
.widget-categories ul .submenu_wrapp .submenu li {
    padding: 0 10px;
}
.widget-categories ul .submenu_wrapp .submenu li.active > a {
    color: #fe7700;
}
.widget-categories ul .submenu_wrapp.active,
.widget-categories ul .submenu_wrapp.active > .submenu {
    height: auto;
}

.widget-categories ul .submenu_wrapp.active > i {
    transform: rotateZ(180deg);
    color: #fe7700;
}

.widget-categories ul .submenu_wrapp.active > .submenu {
    border: 2px solid #ec6931;
    border-top: none;
    /*box-shadow: 0 0 10px rgba(0, 0, 0, .2);*/
    margin-bottom: 15px;
}

.widget-categories ul li a {
    position: relative;
    display: block;
    color: black;
    font-size: 14px;
    /*text-transform: capitalize;*/
    font-weight: bold;
    padding: 15px 0;
}

.widget-categories ul li i {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    text-align: center;
    cursor: pointer;
    color: black;
}

.widget-categories ul li i::before {
    margin: auto;
}

.widget-categories ul li a:after,.widget-categories ul li a:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #91939b;
    transition: .6s linear
}

.widget-categories ul li a:after {
    width: 0;
    background-color: #ff5e14
}

.widget-categories ul li a.active,.widget-categories ul li a:hover {
    color: #ff5e14
}

.widget-categories ul li.active > a:after,
.widget-categories ul li a.active:after,.widget-categories ul li a:hover:after {
    width: 100%
}

.widget-categories .submenu li:last-child a:after,.widget-categories .submenu li:last-child a:before {
    display: none
}

.widget-categories-2 {
    background-color: transparent;
    padding: 0!important
}

.widget-categories-2 ul li a {
    font-weight: 700
}

.widget-tags ul {
    display: flex;
    flex-wrap: wrap
}

.widget-tags ul li a {
    display: block;
    font-size: 14px;
    color: #9b9b9b;
    line-height: 1;
    text-transform: capitalize;
    padding: 7px 9px;
    border: 1px solid #ededed;
    margin: 0 10px 10px 0;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.widget-tags ul li a:hover {
    background-color: #ff5e14;
    border-color: #ff5e14;
    color: #fff
}

.widget-poducts .widget-product-item {
    display: flex;
    margin-bottom: 30px
}

.widget-poducts .widget-product-item:last-of-type {
    margin-bottom: 0
}

.widget-poducts .widget-product-item .widget__product-title {
    font-size: 14px;
    line-height: 23px;
    margin-bottom: 0;
    padding-top: 6px
}

.widget-poducts .widget-product-item .widget__product-title a {
    color: #282828
}

.widget-poducts .widget-product-item:hover .widget__product-title a {
    color: #ff5e14
}

.widget-poducts .widget-product-item .widget__product-img {
    margin-right: 20px;
    width: 60px;
    min-width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 50%
}

.widget-poducts .widget-product-item .widget__product-img img {
    width: 100%;
    height: 100%
}

.widget-poducts .widget-product-item .widget__product-price {
    font-family: "Work Sans",sans-serif;
    font-size: 13px;
    font-weight: 600
}

.widget-posts .widget-post-item {
    margin-bottom: 26px
}

.widget-posts .widget-post-item:last-of-type {
    margin-bottom: 0
}

.widget-posts .widget-post-item .widget__post-title {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0
}

.widget-posts .widget-post-item .widget__post-title a {
    color: #282828
}

.widget-posts .widget-post-item:hover .widget__post-title a {
    color: #ff5e14
}

.widget-posts .widget-post-item .widget__post-img {
    margin-bottom: 19px
}

.widget-posts .widget-post-item .widget__post-date {
    line-height: 1;
    font-size: 13px;
    display: inline-block;
    margin-bottom: 6px
}

.widget-posts .widget-post-item .widget__post-cat {
    margin-right: 20px;
    margin-bottom: 7px;
    line-height: 1
}

.widget-posts .widget-post-item .widget__post-cat a {
    position: relative;
    font-size: 13px;
    color: #ff5e14;
    padding-right: 7px
}

.widget-posts .widget-post-item .widget__post-cat a:hover {
    color: #222
}

.widget-posts .widget-post-item .widget__post-cat a:after {
    content: ",";
    position: absolute;
    top: 0;
    right: 2px;
    color: #ff5e14
}

.widget-posts .widget-post-item .widget__post-cat a:last-child {
    padding: 0
}

.widget-download .btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 30px
}

.widget-download .btn:hover {
    background-color: #ff5e14;
    border-color: #ff5e14;
    color: #fff
}

.widget-download .btn img {
    width: 22px;
    height: 24px
}

.widget-help {
    overflow: hidden;
    padding: 25px;
}

.widget-help .widget__content {
    position: relative
}

.widget-help .widget__content:after {
    content: "";
    font-family: icomoon;
    position: absolute;
    bottom: -220px;
    left: -140px;
    font-size: 300px;
    color: rgba(255,255,255,.1)
}

.widget-help .widget__content h5,.widget-help .widget__content p {
    color: #fff;
    position: relative;
    z-index: 1
}

.widget-help .widget__content h5 {
    font-weight: 500;
    font-size: 25px;
    line-height: 34px;
    margin-bottom: 27px
}

.widget-help .widget__content p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 34px
}

.widget-help .widget__content .btn {
    width: 125px;
    height: 40px;
    line-height: 38px;
    z-index: 1
}

.widget-help .widget__content .btn i {
    margin-right: 8px
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .sidebar {
        margin-right:0
    }

    .widget {
        padding: 20px;
        margin-bottom: 30px
    }

    .widget-categories ul {
        padding: 15px 20px
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .widget {
        padding:25px
    }

    .widget .widget__title {
        margin-bottom: 25px
    }

    .widget-categories ul {
        padding: 20px 30px
    }
}

@media only screen and (min-width: 320px) and (max-width:575px) {
    .widget {
        padding:15px
    }

    .widget .widget__title {
        margin-bottom: 20px
    }

    .widget-categories ul {
        padding: 15px 25px
    }
}



/* #################################################### */
.product-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    background-color: #ff4444;
    color: white;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 12px;
    z-index: 10;
}

/* Стили для загрузки файла */
.file-upload-label {
    display: inline-block;
    padding: 10px 20px;
    background: #f8f9fa;
    border: 2px dashed #dee2e6;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
    transition: all 0.3s;
    width: 100%;
}

.file-upload-label:hover {
    background: #e9ecef;
    border-color: #007bff;
}

.file-upload-input {
    display: none;
}

.file-name-form {
    margin-top: 8px;
    font-size: 14px;
    color: #666;
    font-style: italic;
}



/* Для мобильных устройств */
@media (max-width: 767px) {
    .main-site-header {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 12px;
    }
    .main-site-header a {
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        margin-left: 0;
    }
    .header-top .row {
        display: flex;
        align-items: stretch;
        justify-content: flex-start;
    }
    .header-top .col-sm-9 {
        flex: 1 1 auto;
    }
    .header-top .col-sm-3 {
        flex: 0 0 180px;
    }
    .header-top-left > span {
        padding-top: 15px;
    }

    .main-slider.slider-two-area {
        height: auto;
    }
    .main-slider.slider-two-area .single-slide.swiper-slide {
        background-color: #000;
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        position: relative;
        width: 100%;
        height: 50vh;
        min-height: 380px;
    }

    .main-slider.slider-two-area .banner-content {
        padding: 140px 0 20px 0;
    }
    .main-slider.slider-two-area .banner-content h1 {
        padding-top: 0;
    }
    
    .mask-b-0 {
        display: none !important; /* Возможно маска мешает */
    }
    
    /* Контейнер слайдера */
    .swiper-container,
    .swiper-wrapper {
        height: auto !important;
    }
}

@media (max-width: 753px) {
    .main-slider.slider-two-area .banner-content {
        padding: 160px 0 20px 0;
    }
    .main-slider.slider-two-area .single-slide.swiper-slide {
        min-height: 400px;
    }
}

@media (max-width: 576px) {
    .header-top .col-sm-3 {
        flex: 0 0 140px;
    }
    .main-site-header {
        margin: 10px 0;
    }
    .main-slider.slider-two-area .banner-content {
        padding: 140px 0 20px 0;
    }
    .main-slider.slider-two-area .single-slide.swiper-slide {
        min-height: 380px;
    }
}



.btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #21252c none repeat scroll 0 0;
    border-radius: 2px;
    color: #90939c;
    font-family: "Oswald";
    font-weight: normal;
    font-size: 13px;
    padding: 16px 40px 16px;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 0;
    transition: all 0.5s 
    ease 0s;
}
.btn-primary:hover {
    background: #fe7700 none repeat scroll 0 0;
    border-color: #fe7700;
}
.btn-primary::before {
    background: #fe7700 none repeat scroll 0 0;
    border-radius: 0 0 3px 3px;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    z-index: 0;
    position: absolute;
    width: 100%;
    transition: all 0.5s 
    ease 0s;
}
/*.btn-primary:hover::before {
    height: 100%;
    border-radius: 2px;
}*/
.documents-search {
    position: relative;
}
.documents-search input {
    /*padding: 12px 20px;
    border: 2px solid #ddd;
    border-radius: 25px;
    font-size: 16px;*/
    width: 100%;
    height: 50px;
    font-size: 13px;
    line-height: 22px;
    color: #222;
    border: 1px solid #9b9b9b;
    padding: 13px 11px 13px 45px;
    background-color: transparent;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.documents-search input:hover,
.documents-search input:focus {
    border-color: #21252c;
}
.documents-search input:focus {
    box-shadow: none;
}
.documents-search i {
    position: absolute;
    top: 16px;
    left: 16px;
    font-size: 16px;
}
.document-item .card {
    /*border: 1px solid #e9ecef;*/
    /*border-radius: 10px;*/
    border-radius: 2px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    transition: all 0.3s;
    padding: 16px;
    margin-bottom: 16px;
}
/*.document-item .card:hover {
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    transform: translateY(-2px);
}*/
.document-title {
    /*color: #2c3e50;
    margin-bottom: 10px;*/
    font-size: 1.8rem;
    margin-bottom: 15px;
    padding-left: 15px;
    border-left: 3px solid #fe7701;
    line-height: 1.5;
}

/* Адаптивность */
@media (max-width: 768px) {
    .documents-list .text-right {
        text-align: left !important;
        margin-top: 15px;
    }
    
    .documents-list .btn {
        margin-bottom: 5px;
    }
}


/* Контейнеры для кнопок */
.slide-btn-left .slide-button,
.slide-btn-right .slide-button {
    padding: 6px 24px;
    font-size: 24px;
    font-weight: normal;
    background-color: #0c7a5f;
    border: 2px solid #fff;
    color: #fff;
}

.slide-btn-left,
.slide-btn-right {
    position: absolute;
    bottom: 30px;
    z-index: 20;
}

.slide-btn-left {
    left: 30px;
}

.slide-btn-right {
    right: 30px;
}

/* Стили кнопок */
.slide-button {
    display: inline-block;
    padding: 12px 25px;
    background: rgba(255, 255, 255, 0.9);
    color: #333;
    text-decoration: none;
    border-radius: 5px;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.3s ease;
    border: 2px solid transparent;
    backdrop-filter: blur(5px);
}

.slide-button:hover {
    background: white;
    color: #000;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    text-decoration: none;
}

/* Альтернативный стиль для темного фона */
.slide-button.dark {
    background: rgba(0, 0, 0, 0.7);
    color: white;
    border: 2px solid rgba(255, 255, 255, 0.3);
}

.slide-button.dark:hover {
    background: rgba(0, 0, 0, 0.9);
    color: white;
}

/* Адаптивность для мобильных */
@media (max-width: 1199px) {
    .slide-btn-left .slide-button,
    .slide-btn-right .slide-button {
        font-size: 1.7vw;
    }
}

@media (max-width: 768px) {
    .slide-btn-left,
    .slide-btn-right {
        bottom: 20px;
    }
    
    .slide-btn-left {
        left: 15px;
    }
    
    .slide-btn-right {
        right: 15px;
    }
    
    .slide-button {
        padding: 10px 20px;
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    .slide-btn-left,
    .slide-btn-right {
        position: relative;
        bottom: auto;
        left: auto;
        right: auto;
        text-align: center;
        margin: 10px 0;
    }
    
    .single-slide {
        padding-bottom: 80px;
    }
}



/* Абсолютное позиционирование с растягиванием */
#pdf-viewer-modal.modal {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    max-width: none;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.9) !important;
    z-index: 99999 !important;
    /*display: flex !important;*/
    align-items: center !important;
    justify-content: center !important;
    padding: 2% !important;
}
#pdf-viewer-modal .modal-dialog {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}
#pdf-viewer-modal .modal-content {
    height: 100% !important;
    width: 100% !important;
}
#pdf-viewer-modal .modal-title {
    float: left;
    font-size: 1.8rem;
    margin-bottom: 15px;
    padding-left: 15px;
    border-left: 3px solid #fe7701;
    line-height: 1.5;
}



.breadcrumb-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
}
.breadcrumb-bg img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.breadcrumb-bg::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.breadcrumb-area.breadcrumb-area_prod {
    background-color: transparent !important;
    padding: 130px 0 20px;
}
.breadcrumb-area_prod .row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 16px;
}
.leasing-left {
    /*flex: 2;*/
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    /*padding: 15px 20px;*/
    /*border-right: 2px solid rgba(255,255,255,0.3);*/
}
.leasing-prefix,
.leasing-postfix {
    /*font-size: 32px;*/
    font-size: 40px;
    /*font-weight: bold;*/
    color: #ffd700;
}
.leasing-postfix {
    text-transform: uppercase;
}
.leasing-logo {
    /*width: auto;*/
    /*max-width: 100%;*/
    /*height: 40px;*/
    flex: 1 1 460px;
    max-width: 460px;
    object-fit: contain;
}
/*.leasing-right {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px 15px;
}*/
.leasing-item {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    font-size: 24px;
    color: #ffd700;
}
.leasing-item-check {
    display: inline-block;
    margin-right: 10px;
    color: #097c5f;
}

.benefit-item {
    padding: 4px 0;
    font-size: 13px;
    line-height: 1.3;
}
.benefit-item:last-child {
    border-bottom: none;
}

/* Адаптивность для мобильных */
@media (max-width: 1199px) {
    .breadcrumb-area.breadcrumb-area_prod {
        padding: 140px 0 20px;
    }
    .leasing-item {
        font-size: 20px;
    }
}

@media (max-width: 991px) {
    .breadcrumb-area.breadcrumb-area_prod {
        padding: 140px 0 20px;
    }
    .breadcrumb-area_prod .col-md-4 {
        flex: 0 0 40%;
    }
    .leasing-left {
        flex-wrap: wrap;
        text-align: center;
    }
    .leasing-logo {
        flex: 0 0 85%;
    }
    .leasing-postfix {
        flex: 0 0 100%;
        margin-top: -10px;
    }
    .leasing-item {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .breadcrumb-area.breadcrumb-area_prod {
        padding: 160px 0 20px;
    }
    /*.leasing-left {
        flex: none;
        border-right: none;
        border-bottom: 2px solid rgba(255,255,255,0.3);
        justify-content: center;
        text-align: center;
    }    
    .leasing-right {
        flex: none;
    }*/
    .leasing-prefix, .leasing-postfix {
        font-size: 5vw;
    }
    .leasing-item {
        font-size: 16px;
    }
    
    .benefit-item {
        text-align: center;
        padding: 6px 0;
    }
}

@media (max-width: 479px) {
    .breadcrumb-area_prod .row {
        flex-wrap: wrap;
    }
    .breadcrumb-area_prod .col-md-4 {
        flex: 1 1 auto;
        margin-top: 15px;
    }
    .leasing-prefix, .leasing-postfix {
        font-size: 8vw;
    }
}



.politics {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding-bottom: 63px;
}
.politics a {
    font-size: 12px;
    color: #90939c;
}
.politics a:hover {
    color: #fe7700;
}

@media (max-width: 767px) {
    .politics {
        flex-wrap: wrap;
        justify-content: center;
    }
}



.infoform {
    background: #21252c;
    padding: 10px 30px 15px 30px;
    border: 3px solid #fe7700;
    margin: 40px 0;
    color: #fff;
}
.infoform h4 {
    margin-bottom: 24px;
    color: #fff;
}
.infoform a {
    color: #fff;
}
.infoform input[type="text"] {
    background: rgb(248, 249, 250);
    color: #606060 !important;
}
.infoform .label-radio {
    text-align: left;
    color: #fff;
}
.infoform .file-upload-label {
    margin-bottom: 12px;
}
.infoform .file-upload-label:hover {
    border-color: #fe7700;
}
.infoform .file-upload-label + .file-upload-input {
    display: none;
}
.infoform .submit-btn {
    background-color: #fe7700;
    color: #fff;
}
.infoform .submit-btn::after {
    background-color: #fff;
}
.infoform .submit-btn:hover span {
    color: #606060;
}
.mean-container .mean-nav {
    top: 0;
    left: auto !important;
    right: 0;
    width: 280px;
}