@media (min-width: 1600px) {
    .container {
        max-width:1650px;
        padding: 0
    }
}

::-webkit-scrollbar {
    width: 0;
    height: 0
}

body {
    font-family: paralucent,sans-serif;
    font-weight: 300
}

body.nonscroll {
    overflow: hidden
}

input,textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

body a:hover {
    text-decoration: none
}

body a:focus {
    text-decoration: none
}

body ul {
    margin: 0;
    padding: 0
}

body ul li {
    list-style: none
}

body :focus {
    outline: 0
}

.swiper-button-next::after,.swiper-button-prev::after {
    display: none
}

.lines .vertical {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: -1
}

.lines .red-lines .vertical {
    z-index: 1
}

.lines .vertical span {
    flex: 1 1 0%;
    border-right: 1px solid #f1f1f1
}

.lines .red-lines .vertical span {
    flex: 1 1 0%;
    border-right: 1px solid #e62733
}

.lines .horizontal {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: -1
}

.lines .red-lines .horizontal {
    z-index: 1
}

.lines .horizontal span {
    flex: 1 1 0%;
    border-bottom: 1px solid #f1f1f1
}

.red-lines {
    --clip-x: 0;
    --clip-y: 0;
    clip-path: circle(4.16667vw at var(--clip-x) var(--clip-y));
    -webkit-clip-path: circle(4.16667vw at var(--clip-x) var(--clip-y));
    height: 100%;
}

.lines .red-lines .horizontal span {
    flex: 1 1 0%;
    border-bottom: 1px solid #e62733
}

.lines .red-lines .horizontal span:last-child {
    border: none
}

header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    transition: all .4s ease 0s;
    border: 1px solid rgba(241,241,241,0)
}

header.page-scroll {
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 7px 15px 0 rgba(0,0,0,.1);
    animation: .5s ease-in-out 0s normal none 1 running fadeInDown
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.career-header .header-wrapper .logo a svg .a,.practice-header .header-wrapper .logo a svg .a {
    fill: #fff;
    stroke: none
}

.career-header .header-wrapper .logo a svg .b,.practice-header .header-wrapper .logo a svg .b {
    fill: #fff;
    stroke: none
}

.menu-open .career-header .header-wrapper .logo a svg .a,.menu-open .practice-header .header-wrapper .logo a svg .a {
    fill: #1f7ec3;
    stroke: none
}

.menu-open .career-header .header-wrapper .logo a svg .b,.menu-open .practice-header .header-wrapper .logo a svg .b {
    fill: #e62733;
    stroke: none
}

body.menu-open .product-filter {
    z-index: 1
}

.practice-header .right-side .menu-items.search a.search-btn {
    color: #fff
}

.practice-header .right-side .menu-items.search .icon svg {
    stroke: #fff
}

.practice-header .right-side .menu-items.menu a::after,.practice-header .right-side .menu-items.menu a::before {
    background: #fff
}

.practice-header .right-side .menu-items.lang a svg .a,.practice-header .right-side .menu-items.lang a svg .b {
    fill: #fff
}

.menu-open .practice-header .right-side .menu-items.search a.search-btn {
    color: #000
}

.menu-open .practice-header .right-side .menu-items.search .icon svg {
    stroke: #000
}

.menu-open .practice-header .right-side .menu-items.lang a svg .a,.menu-open .practice-header .right-side .menu-items.lang a svg .b {
    fill: #000
}

header.products-header {
    border-bottom: 1px solid #f1f1f1;
    background: #fff;
    position: fixed
}

header.products-header .header-wrapper .logo {
    border-right: 1px solid #f1f1f1;
    transition: all .4s ease 0s
}

header.products-header .product-list-header {
    transition: all .4s ease 0s;
    opacity: 0
}

header.products-header.filter-visible .product-list-header {
    opacity: 1
}

body.menu-open header {
    background: #fff;
    border-color: #f1f1f1
}

.header-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.header-wrapper .logo {
    width: 24%;
    padding: 50px 0 50px 8%
}

.header-wrapper .logo a svg .a,.header-wrapper .logo a svg .b {
    fill: none
}

.header-wrapper .logo a svg .a {
    stroke: #1f7ec3
}

.header-wrapper .logo a svg .b {
    stroke: #e62733
}

.header-wrapper .logo a {
    display: block
}

.right-side {
    flex: 1 1 0%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 8%
}

.header-wrapper .menu {
    display: flex;
    align-items: center;
    margin-left: auto
}

.right-side .menu-items {
    margin-left: 60px;
    position: relative
}

.right-side .menu-items.search a.search-btn {
    display: flex;
    align-items: flex-end;
    font-size: 20px;
    line-height: 1;
    transition: all .4s ease 0s;
    color: #707070
}

.right-side .menu-items.search .icon svg {
    fill: none;
    stroke: #707070;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.5px;
    margin-right: 10px;
    margin-bottom: 3px;
    transition: all .4s ease 0s
}

.right-side .menu-items.menu a {
    display: block;
    width: 40px;
    height: 18px;
    position: relative
}

.right-side .menu-items.menu a::after,.right-side .menu-items.menu a::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background: #000;
    transition: all .4s ease 0s
}

.right-side .menu-items.menu a::before {
    top: 0;
    transform-origin: left top
}

.right-side .menu-items.menu a::after {
    bottom: 0;
    transform-origin: left bottom
}

.right-side .menu-items.menu a.active::before {
    transform: rotate(25deg);
    background: #e62733
}

.right-side .menu-items.menu a.active::after {
    transform: rotate(-25deg);
    background: #1f7ec3
}

.right-side .menu-items.lang ul {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 90px;
    padding: 15px;
    background: #fff;
    border: 1px solid #dedede;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all .5s ease 0s
}

.right-side .menu-items.lang {
    padding: 40px 0
}

.right-side .menu-items.lang ul::before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    left: 50%;
    top: -4px;
    transform: rotate(45deg) translateX(-50%);
    background: #fff;
    border-top: 1px solid #dedede;
    border-left: 1px solid #dedede
}

.right-side .menu-items.lang ul li a {
    font-weight: 300;
    font-size: 14px;
    color: #6a6a6a;
    transition: all .5s ease 0s
}

.right-side .menu-items.lang ul li a.selected {
    font-weight: 700
}

.right-side .menu-items.lang a svg .a,.right-side .menu-items.lang a svg .b {
    fill: #000;
    stroke: none;
    transition: all .4s ease 0s
}

.menu-area {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    position: fixed;
    top: 150px;
    left: 0;
    width: 100%;
    height: calc(100vh - 150px);
    z-index: 10;
    transition: all .4s ease 0s
}

body.menu-open .menu-area {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.menu-area .main-menu {
    z-index: 8
}

.menu-area .main-menu .menu-wrapper {
    display: flex;
    overflow: hidden
}

.menu-area .main-menu .menu-wrapper .left-side {
    width: 50%;
    padding: 0 115px;
    border-right: 1px solid #f1f1f1;
    height: calc(100vh - 150px);
    overflow-y: auto;
    background: #fff
}

.menu-area .main-menu .menu-wrapper .right-side {
    padding: 0 115px;
    width: 50%;
    background: #fff
}

.menu-area .main-menu .menu-wrapper .left-side .main-links {
    margin-bottom: 100px
}

.menu-area .main-menu .menu-wrapper .left-side .main-links ul li a {
    font-weight: 700;
    font-size: 56px;
    color: #000;
    padding: 27px 0;
    display: flex;
    border-bottom: 1px solid #f1f1f1;
    align-items: center;
    justify-content: space-between;
    transition: all .4s ease 0s
}

.menu-area .main-menu .menu-wrapper .left-side .main-links ul li a .icon svg {
    fill: none;
    stroke: #000;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
    stroke-width: 5px;
    transition: all .4s ease 0s
}

.menu-area .main-menu .menu-wrapper .left-side .page-links ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.menu-area .main-menu .menu-wrapper .left-side .page-links ul li {
    width: 50%
}

.menu-area .main-menu .menu-wrapper .left-side .page-links ul li a {
    font-weight: 300;
    font-size: 20px;
    color: #868686;
    display: block;
    margin-bottom: 10px;
    transition: all .4s ease 0s
}

.menu-area .main-menu .menu-wrapper .left-side .lang-links {
    display: none
}

.menu-area .main-menu .menu-wrapper .left-side .social-links {
    margin-top: 70px
}

.menu-area .main-menu .menu-wrapper .left-side .social-links ul {
    display: flex;
    align-items: center
}

.menu-area .main-menu .menu-wrapper .left-side .social-links ul li a {
    font-weight: 700;
    font-size: 20px;
    color: #868686;
    display: block;
    margin-right: 35px;
    transition: all .4s ease 0s
}

.right-side .menu-contact {
    padding: 50px 0
}

.right-side .menu-contact h3 {
    font-weight: 700;
    font-size: 64px;
    text-align: left;
    color: transparent;
    -webkit-text-stroke: 1px #1f7ec3;
    margin-bottom: 60px
}

.right-side .contact-wrapper {
    display: flex;
    margin-bottom: 100px
}

.right-side .contact-wrapper .contact-item {
    width: 50%
}

.right-side .contact-wrapper .contact-item .address {
    width: 200px
}

.right-side .contact-wrapper .contact-item .address p {
    font-weight: 300;
    font-size: 15px;
    line-height: 21px;
    text-align: left;
    color: #000
}

.right-side .contact-wrapper .contact-item .contact-list ul li a {
    font-weight: 400;
    font-size: 17px;
    text-align: left;
    color: #454545;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    transition: all .4s ease 0s
}

.right-side .contact-wrapper .contact-item .contact-list ul li a span.icon svg {
    fill: #454545;
    margin-right: 20px;
    transition: all .4s ease 0s
}

.right-side .form .form-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -25px
}

.right-side .form .form-wrapper .item {
    padding: 0 25px
}

.right-side .form .form-wrapper .item.item-6 {
    width: 50%
}

.right-side .form .form-wrapper .item.item-12 {
    width: 100%
}

.right-side .form .form-wrapper .item.item-8 {
    width: 66.6%
}

.right-side .form .form-wrapper .item.item-4 {
    width: 33.3%
}

.right-side .form .form-wrapper .item .input {
    position: relative;
    border-bottom: 1px solid #e62733;
    margin-bottom: 30px;
    transition: all .4s ease 0s
}

.right-side .form .form-wrapper .item .input .icon {
    position: absolute;
    top: 12px;
    left: 0;
    fill: #626262;
    transition: all .4s ease 0s
}

.right-side .form .form-wrapper .item .input input:focus {
    border-color: #1f7ec3
}

.right-side .form .form-wrapper .item .input:focus .icon {
    fill: #e62733
}

.right-side .form .form-wrapper .item .captcha-input input,.right-side .form .form-wrapper .item .input input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    padding: 0 20px 0 35px;
    width: 100%;
    outline: 0;
    height: 50px;
    position: relative;
    z-index: 1;
    box-shadow: none!important;
    background: 0 0
}

.right-side .form .form-wrapper .item .input input::placeholder,.right-side .form .form-wrapper .item .input textarea::placeholder {
    font-weight: 300;
    font-size: 15px;
    color: #024374
}

.right-side .form .form-wrapper .item .input textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    padding: 13px 20px 20px 35px;
    width: 100%;
    outline: 0;
    resize: none
}

.right-side .form .form-wrapper .item .input .label .icon svg {
    fill: #626262;
    margin-right: 15px
}

.captcha-wrapper {
    display: flex;
    margin: 0 -15px
}

.captcha-wrapper .captcha {
    width: 50%;
    padding: 0 15px;
    position: relative
}

.captcha-wrapper .captcha .captcha_img {
    height: 50px;
    object-fit: cover;
    width: 100%
}

.captcha-wrapper .captcha a {
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    width: 30px;
    height: 30px;
    line-height: 32px;
    text-align: center;
    background: #e62733;
    border-radius: 50%;
    color: #fff;
    transition: all .4s ease 0s
}

.right-side .form .form-wrapper .item .captcha .input {
    margin: 0
}

.right-side .form .form-wrapper .item button {
    width: 100%;
    height: 50px;
    border: none;
    background: #fff;
    font-weight: 300;
    font-size: 17px;
    color: #000;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.right-side .form .form-wrapper .item button::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    border-top: 1px solid #1f7ec3;
    border-right: 1px solid #1f7ec3;
    transition: all .4s ease 0s
}

.right-side .form .form-wrapper .item button::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border-bottom: 1px solid #1f7ec3;
    border-left: 1px solid #1f7ec3;
    transition: all .4s ease 0s
}

.right-side .form .form-wrapper .item button .icon svg {
    fill: none;
    stroke: #e62733;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
    stroke-width: 3px;
    margin-left: 15px
}

.right-side .form .form-wrapper .item .captcha input::placeholder {
    font-weight: 300;
    font-size: 15px;
    color: #b1b1b1
}

.slider-button-icon.button-next svg {
    transform: rotate(-35deg)
}

.slider-button-icon.button-next.active svg {
    transform: rotate(0)
}

.slider-button-icon.button-prev.active svg {
    transform: rotate(180deg)
}

.slider-button-icon.button-prev svg {
    transform: rotate(235deg)
}

.slider-button-icon {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    pointer-events: none
}

.slider-button-icon svg {
    width: 8vw;
    height: 8vw
}

.slider-button-icon.active svg {
    opacity: 1
}

.slider-button-icon svg path {
    fill: #e62733
}

.slider-button-icon svg {
    opacity: 0;
    transition: .5s
}

.slide-btn {
    position: absolute;
    top: 0;
    width: 300px;
    height: 100%;
    z-index: 9;
    cursor: none
}

.slide-btn.prev-btn {
    left: 0
}

.slide-btn.next-btn {
    right: 0
}

.main-slider {
    position: relative;
    z-index: 9
}

.main-slider .swiper-slide {
    min-height: 100vh
}

.main-slider-content {
    position: absolute;
    height: 100vh;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5;
    overflow: hidden;
}

.main-slider-content .item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    padding: 0 8%
}

.main-slider-content .item.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.main-slider .item-wrapper {
    display: flex;
    align-items: flex-start;
    height: 100vh
}

.main-slider .swiper-pagination {
    position: absolute;
    right: 50%;
    left: auto;
    bottom: 0;
    width: 25vw;
    height: 20vh;
    display: flex;
    padding-right: 120px;
    align-items: center;
    justify-content: flex-end
}

.main-slider .item-img {
    width: 50%;
    padding-top: 50px
}

.main-slider .item-img img {
    height: auto;
    width: 80%
}

.main-slider .item-content {
    width: 50%;
    margin-top: 20vh
}

.main-slider .item-wrapper .item-content .content {
    max-width: 715px;
    padding: 40px 52px;
    position: relative
}

.main-slider .item-wrapper .item-content .content h2 {
    font-weight: 400;
    font-size: 85px;
    color: #000;
    margin-bottom: 50px
}

.main-slider .item-wrapper .item-content .content h2 .black {
    color: #1f7ec3
}

.main-slider .item-wrapper .item-content .content a {
    font-weight: 400;
    font-size: 26px;
    color: #a0a0a0;
    position: relative;
    transition: all .4s ease 0s;
    padding-left: 85px
}

.main-slider .item-wrapper .item-content .content a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 70px;
    height: 3px;
    background: #c3c3c3;
    margin-right: 15px
}

.intro-links {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50%;
    height: 20vh;
    z-index: 9;
    background: #e62733;
    padding: 0 70px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.intro-links ul {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center
}

.intro-links ul li {
    flex: 1
}

.intro-links ul li a {
    font-weight: 400;
    font-size: 26px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .4s ease 0s
}

.intro-links ul li a span {
    display: block;
    margin-right: 15px
}

.scroll {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 25vw;
    height: 20vh;
    z-index: 1;
    background: 0 0;
    padding-left: 120px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.scrollDown {
    font-weight: 600;
    font-size: 20px;
    color: #707070;
    cursor: pointer;
    transition: all .4s ease 0s
}

.main-slider .swiper-pagination span {
    font-weight: 400;
    font-size: 20px;
    color: #707070
}

.main-slider .swiper-pagination .swiper-pagination-current {
    font-weight: 700
}

.main-slider .swiper-pagination .swiper-pagination-current::before {
    content: "0"
}

.main-slider .swiper-pagination .swiper-pagination-total::before {
    content: "0"
}

.about {
    padding: 150px 0 120px
}

.about-top {
    margin-bottom: 150px
}

.about-top-wrapper {
    display: flex;
    align-items: center;
    overflow: hidden;
}

.about-top-wrapper .left-content {
    width: 720px
}

.about-top-wrapper .left-content .cnt {
    font-weight: 500;
    font-size: 40px;
    color: #000
}

.about-button {
    flex: 1 1 0%;
    text-align: right
}

.about-button .about-btn {
    display: inline-block;
    font-weight: 300;
    font-size: 37px;
    color: #000;
    padding: 14px 30px;
    position: relative;
    transition: all .4s ease 0s
}

.about-button .about-btn svg {
    fill: none;
    stroke: #e62733;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
    stroke-width: 3px;
    margin-left: 25px
}

.about-button .about-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    border-top: 1px solid #e62733;
    border-left: 1px solid #e62733;
    transition: all .4s ease 0s
}

.about-button .about-btn::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 30px;
    border-bottom: 1px solid #e62733;
    border-left: 1px solid #e62733;
    transition: all .4s ease 0s
}

.about-img-horizontal {
    overflow: hidden
}

.about-img-horizontal-wrapper {
    display: flex;
    flex-wrap: nowrap
}

.about-img-horizontal .item {
    min-width: 50%;
    padding: 0 36px
}

.about-img-horizontal .about-img img {
    width: 100%
}

.products-title h3 {
    font-weight: 700;
    font-size: 168px;
    text-align: center;
    color: transparent;
    -webkit-text-stroke: 1px #000
}

.other-products {
    padding-bottom: 50px;
    margin-top: -200px
}

.products .tabs ul {
    display: flex;
    align-items: center;
    justify-content: center
}

.products .tabs ul li a {
    display: block;
    margin: 0 20px;
    font-size: 30px;
    text-align: center;
    color: #9d9d9d;
    padding: 5px 10px;
    border: 1px solid #ebebeb;
    border-radius: 6px;
    position: relative;
    transition: all .4s ease 0s
}

.products .tabs ul li.active a {
    color: #000;
    border: 1px solid #adadad
}

.products .tabs ul li a span.count {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -7px;
    width: 27px;
    line-height: 14px;
    height: 14px;
    font-weight: 500;
    font-size: 12px;
    color: #c6c6c6;
    background: #fff;
    transition: all .4s ease 0s
}

.products .tabs ul li.active a span.count {
    color: #e62733
}

.other-products .swiper-container-horizontal>.swiper-pagination-bullets,.products .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: auto;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    max-width: 800px;
    justify-content: center;
    padding-bottom: 30px
}

.other-products .swiper-container,.products .swiper-container {
    padding-top: 70px
}

.products-title {
    background: #fff;
    padding: 50px 0;
    margin: 0 auto
}

.products .tab-content {
    position: relative;
    min-height: 900px;
    padding-left: 100px
}

.products .tab-content .slider-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all .6s ease 0s
}

.products .tab-content .slider-content.current {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.other-products .swiper-pagination .swiper-pagination-bullet,.products .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    border: 1px solid #1f7ec3;
    background: #fff;
    opacity: 1
}

.other-products .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,.products .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #1f7ec3
}

.single-product {
    position: relative;
    padding: 50px;
    max-width: 503px;
    display: block;
    transition: all .4s ease 0s;
    border: 1px solid rgba(230,39,51,0);
    margin: 0 auto 30px;
    overflow: hidden
}

.single-product .radial {
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 600px;
    height: 600px;
    opacity: 0;
    background: radial-gradient(#dc3545 5%,rgba(220,53,69,0) 70%)
}

.single-product .product-img {
    height: 412px;
    overflow: hidden;
    position: relative
}

.single-product .product-img img {
    clip-path: polygon(0 0,100% 0,100% 44%,0 60%);
    width: 80%;
    display: block;
    margin: 0 auto;
    transition: all .4s ease 0s
}

.single-product .product-img h3 {
    position: absolute;
    bottom: -10px;
    right: 15%;
    width: 200px;
    height: 80px;
    line-height: 80px;
    font-weight: 700;
    color: transparent;
    -webkit-text-stroke: 1px #000;
    text-transform: uppercase;
    text-align: right
}

.single-product .content {
    margin: 0 10px 0 100px;
    padding: 30px 0;
    position: relative
}

.single-product .content::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(to top,rgba(255,255,255,.8) 30%,rgba(255,255,255,0));
    transition: all .4s ease 0s;
    opacity: 1;
    visibility: visible
}

.single-product .content::before {
    content: "";
    position: absolute;
    left: 30px;
    bottom: 100%;
    width: 1px;
    height: 140px;
    background: #707070;
}

.single-product .content ul li {
    font-weight: 300;
    font-size: 21px;
    margin-bottom: 30px;
    color: #c4c4c4;
    position: relative
}

.single-product .content ul li::before {
    content: "";
    position: absolute;
    top: calc(100% + 5px);
    left: 30px;
    height: 20px;
    width: 1px;
    background: #707070
}

.single-product .content ul li:last-child::before {
    display: none
}

.single-product .line {
    display: block;
    width: 80%;
    margin: 0 auto;
    height: 1px;
    background: #e62733;
    position: absolute;
    bottom: 98px;
    left: 40px;
    transform: rotate(-17deg);
    z-index: 9
}

.single-product .content ul li:last-child {
    margin: 0
}

.single-product .content ul li b::after {
    content: "";
    width: 9px;
    height: 7px;
    display: inline-block;
    margin: 0 20px;
    background: url(../img/icons/arrow.svg) center center no-repeat
}

.branches {
    position: relative;
    padding: 170px 0 0
}

.branches-wrapper {
    position: sticky;
    top: -20px;
    max-height: 1100px
}

.branches .container {
    min-height: 3000px
}

.branches .branches-title {
    text-align: center
}

.branches .branches-title h3 {
    font-weight: 700;
    font-size: 140px;
    color: transparent;
    -webkit-text-stroke: 1px #000
}

.branches-content svg {
    width: 100%;
    transform: scaleX(-1)
}

footer {
    position: relative
}

.footer-top {
    padding: 40px 0;
    background: #fafafa
}

.footer-top-wrapper {
    display: flex;
    align-items: center
}

.footer-top-wrapper .footer-top-item {
    flex: 1 1 0%
}

.footer-top-wrapper .logo a {
    display: block
}

.footer-top .footer-top-wrapper .footer-social ul {
    display: flex;
    align-items: center;
    justify-content: center
}

.footer-top .footer-top-wrapper .footer-social ul li a {
    display: block;
    position: relative
}

.footer-top .footer-top-wrapper .footer-social ul li a::after {
    content: "/";
    margin: 0 10px;
    color: #797979
}

.footer-top .footer-top-wrapper .footer-social ul li:last-child a::after {
    display: none
}

.footer-top .footer-top-wrapper .footer-social ul li a svg {
    fill: #797979;
    transition: all .4s ease 0s;
    stroke: none
}

.footer-contact ul li a {
    font-weight: 500;
    font-size: 15px;
    letter-spacing: .02em;
    text-align: center;
    color: #1f7ec3;
    display: flex;
    align-items: center;
    transition: all .4s ease 0s
}

.footer-contact ul {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.footer-contact ul li {
    margin-left: 40px
}

.footer-contact ul li a .icon {
    margin-right: 10px;
    fill: #d52d2d;
    stroke: none
}

.footer-bottom {
    background: #fff;
    padding: 25px 0
}

.footer-bottom-wrapper {
    display: flex;
    align-items: center
}

.footer-bottom-wrapper .footer-bottom-item {
    flex: 1 1 0%
}

.footer-bottom-wrapper .copy p {
    font-weight: 500;
    font-size: 15px;
    color: #000;
    opacity: .46;
    margin: 0
}

.footer-bottom-wrapper .footer-bottom-item.copy {
    display: flex;
    align-items: center;
}

.footer-bottom-wrapper .footer-bottom-item.copy a {
    margin-left: 15px;
    font-weight: 500;
    font-size: 15px;
    color: #1f7ec3;
}

.footer-bottom-wrapper .links ul {
    display: flex;
    align-items: center;
    justify-content: center
}

.footer-bottom-wrapper .links ul li {
    margin: 0 10px
}

.footer-bottom-wrapper .links ul li a {
    font-weight: 500;
    font-size: 15px;
    color: #000;
    opacity: .46;
    transition: all .4s ease 0s
}

#biltek-signature {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-weight: 500;
    font-size: 15px;
    color: #a2a2a2
}

.footer-bottom-wrapper .design .biltek span {
    display: block;
    margin-right: 5px;
    font-weight: 300
}

.banner.banner-about {
    padding: 180px 0 0;
    display: block
}

.banner-about .banner-img {
    text-align: center
}

.banner {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 230px 0 160px
}

.banner-content {
    position: relative;
    padding: 0 50px;
    width: 1290px;
    margin: 0 auto
}

.banner-about .banner-content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1290px;
    transform: translate(-50%,-50%);
    padding: 0 50px
}

.banner-content .before {
    position: absolute;
    width: 9px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #e62733
}

.banner-content .after {
    position: absolute;
    width: 9px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #e62733
}

.banner-content h5 {
    font-weight: 300;
    font-size: 40px;
    color: #afafaf
}

.banner-content .banner-title {
    overflow: hidden
}

.banner-content .banner-title h3 {
    font-weight: 500;
    font-size: 85px;
    color: #000
}

.banner-content h3 span {
    display: block;
    color: #1f7ec3
}

.banner {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 230px 0 160px
}

.about-page-img {
    overflow: hidden;
    height: 775px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative
}

.about-page-img-bg {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.about-page-img-bg::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(39,39,52,.32)
}

.about-page-img .svg-content {
    position: relative;
    z-index: 1
}

.about-page-img svg {
    stroke: #fff;
    fill: none;
    max-width: 100%;
    position: relative
}

.about-text-area {
    position: relative;
    padding: 150px 0 200px
}

.about-text-area .about-text-wrapper {
    display: flex;
    margin: 0 -80px
}

.about-text-area .about-text-wrapper .about-text-item {
    width: 50%;
    padding: 0 80px
}

.about-text-left h4 {
    font-weight: 500;
    font-size: 50px;
    color: #000;
    margin: 0
}

.about-text-left h4 span.red {
    color: #e62733
}

.about-text-left h4 span.blue {
    color: #1f7ec3
}

.about-text-right {
    font-weight: 300;
    font-size: 25px;
    color: #7b7b7b
}

.about-slider-area {
    position: relative
}

.about-slider-area .about-slider-wrapper {
    display: flex;
    align-items: center;
    margin: 0 -50px
}

.about-slider-area .about-slider-wrapper .about-slider-content {
    width: 30%;
    padding: 0 50px;
    min-height: 750px;
    display: flex;
    align-items: center
}

.about-page-slider {
    width: 65%;
    padding-left: 50px;
    position: absolute;
    right: 0;
    top: 0
}

.about-page-slider .img img {
    width: 100%
}

.about-slider-content .about-slider-title span {
    font-weight: 700;
    font-size: 105px;
    color: transparent;
    -webkit-text-stroke: 1px #e62733;
    line-height: 1;
    display: block;
    position: relative
}

.about-slider-content .about-slider-title span.blue {
    -webkit-text-stroke: 1px #63a4d4;
    text-align: right;
    padding-left: 115px;
    top: -20px
}

.about-slider-content .about-slider-title span.red::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #e62733;
    width: 70px;
    height: 1px
}

.about-slider-content .about-slider-title span.red {
    padding-right: 115px
}

.about-slider-content .about-slider-title span.blue::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #63a4d4;
    width: 70px;
    height: 1px
}

.about-slider-content .about-slider-title {
    margin-bottom: 50px
}

.about-slider-content .cnt p {
    font-weight: 300;
    font-size: 25px;
    color: #404040
}

.about-page-slider .swiper-navigation {
    position: absolute;
    bottom: 0;
    left: 50px;
    width: 290px;
    display: flex;
    align-items: center;
    background: #fff;
    z-index: 1
}

.about-page-slider .swiper-next,.about-page-slider .swiper-prev {
    width: 145px;
    margin: 0;
    top: auto;
    left: auto;
    bottom: 0;
    height: 105px;
    background-color: #fff;
    background-image: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .4s ease 0s;
    cursor: pointer
}

.about-page-slider .swiper-next svg,.about-page-slider .swiper-prev svg {
    fill: none;
    stroke: #e62733;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
    stroke-width: 3px;
    transition: all .4s ease 0s
}

span.circular {
    font-weight: 300;
    font-size: 20px;
    color: #404040
}

.circular-text {
    position: absolute;
    top: -136px;
    left: -85px;
    width: 270px;
    height: 270px;
    z-index: 4
}

h3.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    line-height: 1;
    font-style: italic;
    margin: 10px 0 0;
    z-index: 2
}

h3.centered span {
    display: block;
    position: relative;
    left: 48px;
    bottom: 10px
}

.circular-text::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    border-radius: 50%;
    width: 210px;
    height: 210px;
    border: 1px dashed #000
}

.circular-text::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    border-radius: 50%;
    width: 100%;
    height: 100%;
    background: radial-gradient(white 0,rgba(255,255,255,0) 70%)
}

span.circular>div {
    z-index: 1
}

.career {
    padding-bottom: 250px
}

.career .career-wrapper {
    display: flex;
    justify-content: space-between;
    position: relative;
    align-items: flex-start;
    margin: 0 -80px
}

.career .career-wrapper .career-left {
    position: absolute;
    width: 915px;
    padding: 0;
    left: -30px;
    top: 20px
}

.career .career-wrapper .career-left .img {
    position: relative
}

.career .career-wrapper .career-left .img::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(22,28,36,.55);
    z-index: 1
}

.career .career-wrapper .career-left .img img {
    width: 100%
}

.career .career-main {
    margin-left: auto;
    width: 50%;
    padding: 180px 80px 0;
}

.career .career-wrapper .career-main .form {
    position: relative
}

.career .career-main .career-title {
    margin-bottom: 70px
}

.career .career-main .career-title h3 {
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 37px;
    line-height: 45px;
    color: #0d2f62
}

.career .career-main .career-title h3 span {
    display: block
}

.career .career-main .career-title .cnt p {
    line-height: 45px;
    margin: 0;
    font-weight: 300;
    font-size: 36px;
    color: #000;
}

.career .career-main .career-slider {
    display: block
}

.career .career-main .career-form {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 1;
    width: 100%
}

.career .career-wrapper .career-main .career-slider .swiper-slide input {
    display: none
}

.career .career-wrapper .career-main .career-slider .swiper-slide .single-career-item {
    min-height: 260px;
    position: relative;
    display: flex;
    align-items: flex-end;
    padding: 35px 30px;
    border-radius: 0;
    cursor: pointer;
    border: 1px solid #e8e8e8;
    transition: all .6s ease 0s;
    background: #fff
}

.career .career-wrapper .career-main .career-slider .swiper-slide .single-career-item .icon {
    position: absolute;
    left: 30px;
    top: 30px
}

.career .career-wrapper .career-main .career-slider .swiper-slide .single-career-item .icon .a {
    fill: #fff;
    stroke: #9f9f9f;
    transition: all .4s ease 0s
}

.career .career-wrapper .career-main .career-slider .swiper-slide .single-career-item .icon .b {
    fill: #989898;
    transition: all .4s ease 0s
}

.career .career-wrapper .career-main .career-slider .swiper-slide input:checked~.single-career-item .icon .a {
    fill: #e62733;
    stroke: none
}

.career .career-wrapper .career-main .career-slider .swiper-slide input:checked~.single-career-item .icon .b {
    fill: #1f7ec3;
    stroke: none
}

.career .career-wrapper .career-main .career-slider .swiper-slide .single-career-item .content h3 {
    margin: 0;
    transition: all .6s ease 0s;
    font-weight: 300;
    font-size: 20px;
    line-height: 27px;
    color: #42455d
}

.career .career-wrapper .career-main .career-slider .swiper-slide .single-career-item .content {
    padding-left: 50px
}

.career-slider .swiper-container .swiper-pagination {
    left: auto;
    width: 50px;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    right: 0;
    top: 50%
}

.career-slider .swiper-container {
    left: -210px;
    width: calc(100% + 210px);
    padding-right: 70px
}

.career-slider .swiper-container::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 70px;
    height: 100%;
    background: #fff;
    z-index: 1
}

.career-slider .swiper-container .swiper-pagination .swiper-pagination-bullet {
    width: 7px;
    height: 7px;
    background: #9da1b5;
    margin: 10px 0;
    transition: all .6s ease 0s
}

.career-slider .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 10px;
    height: 10px;
    background: #fff;
    border: 2px solid #e62733
}

.career-form .form-wrapper {
    display: flex;
    margin: 0 -5px;
    flex-wrap: wrap
}

.career-form .form-wrapper .item {
    padding: 0 10px;
    opacity: 0;
    transform: translateY(50px)
}

.career-form .form-wrapper .item.item-6 {
    width: 50%
}

.career-form .form-wrapper .item.item-8 {
    width: 66.6%
}

.career-form .form-wrapper .item.item-4 {
    width: 33.3%
}

.career-form .form-wrapper .item.item-12 {
    width: 100%
}

.career-form .form-wrapper .item .form-title h3 {
    margin: 0;
    font-weight: 500;
    font-size: 20px;
    letter-spacing: .05em;
    line-height: 22px;
    color: #272d36
}

.career-form .form-wrapper .item .form-title h3 span.value {
    font-weight: 700
}

.career-form .form-wrapper .item .back-btn {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 15px;
    line-height: 24px;
    color: #818181;
    cursor: pointer
}

.career-form .form-wrapper .item .back-btn span.icon {
    margin-right: 10px;
    top: -2px;
    position: relative;
    fill: #818181
}

.career-form .form-wrapper .item .form-title {
    margin-bottom: 30px
}

.career-form .form-wrapper .item .file-input input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
    cursor: pointer
}

.career-form .form-wrapper .item .file-input label {
    height: 65px;
    line-height: 65px;
    border: 1px solid #e4e4e8;
    font-size: 16px;
    display: block;
    color: #40456a;
    padding: 0 30px;
    transition: all .4s ease 0s
}

.career-form .form-wrapper .item .file-input .file-btn {
    position: absolute;
    right: 7px;
    top: 7px;
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
    background: #fafafa;
    display: flex;
    font-weight: 700;
    font-size: 15px;
    color: #40456a;
    align-items: center;
    cursor: pointer;
    transition: all .4s ease 0s
}

.career-form .form-wrapper .item .file-input input:focus~label {
    border-color: #1f7ec3
}

.career-form .form-wrapper .item .file-input input:focus~.file-btn {
    background: #1f7ec3
}

.career-form .form-wrapper .item .file-input {
    position: relative
}

.career-form .form-wrapper .item .file-input .file-btn svg {
    margin-right: 10px;
    fill: #40456a
}

.career-form .form-wrapper .item .input {
    margin-bottom: 30px
}

.career-form .form-wrapper .item .captcha-wrapper .captcha .input {
    margin-bottom: 0
}

.career-form .form-wrapper .item .captcha-wrapper .captcha .form-control,.career-form .form-wrapper .item .input input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 65px;
    padding: 0 30px;
    border: 1px solid #e4e4e8;
    font-weight: 700;
    font-size: 16px;
    line-height: 3px;
    color: #000;
    outline: 0;
    transition: all .4s ease 0s;
    box-shadow: none!important;
    -webkit-box-shadow: none
}

.career-form .form-wrapper .item .captcha-wrapper .captcha .form-control:focus,.career-form .form-wrapper .item .input input:focus {
    border-color: #0d2f62
}

.career-form .form-wrapper .item .captcha-wrapper {
    display: flex;
    margin: 0 -10px 30px
}

.career-form .form-wrapper .item .captcha-wrapper .captcha {
    width: 50%;
    padding: 0 10px;
    position: relative
}

.career-form .form-wrapper .item .captcha-wrapper .captcha img {
    width: 100%;
    object-fit: cover;
    height: 65px!important
}

.career-form .form-wrapper .item .captcha-wrapper .captcha a {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    color: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #e62733;
    transition: all .4s ease 0s
}

.career-form .form-wrapper .item .input input {
    font-weight: 600;
    color: #40456a
}

.career-form .form-wrapper .item .input input::placeholder {
    color: #40456a;
    font-weight: 300
}

.career-form .form-wrapper .item .button {
    text-align: right
}

.career-form .form-wrapper .item button {
    padding: 0 20px;
    background: #fafafa;
    border: none;
    height: 60px;
    letter-spacing: .05em;
    line-height: 60px;
    outline: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-weight: 500;
    font-size: 15px;
    text-align: left;
    color: #40456a;
    transition: all .4s ease 0s
}

.career-form .form-wrapper .item button .icon {
    fill: #2d527c;
    margin-right: 15px;
    transition: all .4s ease 0s
}

.career .career-main .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 500;
    font-size: 25px;
    color: #1f7ec3;
    position: relative;
    margin-bottom: 70px;
    overflow: hidden;
    transition: all .4s ease 0s
}

.career .career-main .title .back-btn {
    display: flex;
    align-items: center;
    font-size: 15px;
    color: #6b7c7c;
    opacity: 0;
    margin-right: 10px;
    transition: all .4s ease 0s
}

.career .career-main .title .back-btn .icon {
    margin-right: 10px
}

.career .career-main .title::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -25px;
    transform: translateY(-50%);
    width: 10px;
    height: 17px;
    background: url(../img/icons/arrow-left.svg) center center no-repeat;
    transition: all .4s ease 0s
}

.career .career-main .title.back {
    padding-left: 25px;
    cursor: pointer
}

.career .career-main .title.back .back-btn {
    opacity: 1;
    transition-delay: 1s
}

.career .career-main .title.back::before {
    left: 0
}

.career .career-wrapper .career-main .career-slider .swiper-slide .single-career-item .hda-icon svg path {
    fill: #fff
}

.career-form .form-wrapper .item .checkbox input {
    display: none
}

.career-form .form-wrapper .item .checkbox label {
    margin: 0;
    height: 65px;
    line-height: 70px;
    padding-left: 40px;
    font-weight: 500;
    font-size: 17px;
    color: #576c7c;
    display: block;
    cursor: pointer
}

.career-form .form-wrapper .item .checkbox label a {
    color: #7893a7;
    transition: all .4s ease 0s
}

.career-form .form-wrapper .item .checkbox label::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border: 2px solid #aaa
}

.career-form .form-wrapper .item .checkbox label::after {
    content: "";
    position: absolute;
    left: 14px;
    top: 50%;
    transform: scale(0) translateY(-50%);
    width: 12px;
    height: 12px;
    background: #0d2f62;
    z-index: 1;
    transition: all .4s ease 0s;
    transform-origin: center top
}

.career-form .form-wrapper .item .checkbox input:checked~label::after {
    transform: scale(1) translateY(-50%)
}

.certificates {
    padding: 300px 0 150px
}

.certificates-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 -35px;
    padding: 0 130px
}

.certificates-wrapper .item {
    width: 33.3%;
    padding: 0 35px;
    margin-bottom: 70px
}

.certificates-wrapper .item a img {
    width: 100%
}

.certificates-wrapper .item a {
    display: block;
    overflow: hidden;
    border-radius: 10px;
    border: 6px solid #e8e8e8;
    transition: all .6s ease 0s
}

.certificates-wrapper .item.passive a {
    opacity: .36
}

.policies {
    position: relative;
    padding-bottom: 120px
}

.policies-wrapper {
    display: flex;
    flex-direction: column;
    max-width: 1100px;
    margin: 0 auto
}

.policies-wrapper .item {
    width: 100%
}

.policies-wrapper .item .single-item {
    display: block;
    position: relative;
    border: 1px solid #ddd;
    margin-bottom: 70px;
    transition: all .4s ease 0s
}

.policies-wrapper .item .single-item .number {
    font-weight: 700;
    font-size: 99px;
    color: transparent;
    -webkit-text-stroke: 1px #e62733;
    position: absolute;
    top: 100px;
    left: -60px;
    background: #fff;
    transition: all .4s ease 0s;
    z-index: 1
}

.policies-wrapper .item .single-item .content h3 {
    font-weight: 300;
    font-size: 40px;
    color: #505050;
    padding: 45px 45px 45px 100px;
    background: #fff
}

.policies-wrapper .item .single-item .content .cnt {
    font-weight: 300;
    font-size: 25px;
    color: #7b7b7b;
    padding: 0 45px 45px 100px
}

.map-scope {
    height: 580px;
    position: relative
}

.map-area {
    margin-top: -270px;
    position: relative;
    z-index: -1
}

.map-scope::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 227px;
    background: linear-gradient(white 10%,rgba(255,255,255,0));
    z-index: 1
}

.contact-tabs .tablinks {
    margin-bottom: 90px
}

.contact-tabs .tablinks ul {
    display: flex;
    align-items: center;
    justify-content: center
}

.contact-tabs .tablinks ul li {
    margin: 0 5px
}

.contact-tabs .tablinks ul li a {
    font-weight: 500;
    font-size: 30px;
    color: #000;
    display: block;
    padding: 10px 30px;
    border: 1px solid #adadad;
    border-radius: 6px;
    transition: all .4s ease 0s
}

.contact-tabs .tablinks ul li a.active {
    border-color: #e62733;
    font-weight: 700
}

.contact-tabs .tab-content .content {
    display: none
}

.contact-tabs .tab-content .content.current {
    display: block
}

.contact-tabs .tab-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all .4s ease 0s
}

.contact-tabs .tab-content {
    position: relative
}

.contact-tabs .tab-overlay.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.contact {
    padding: 190px 0 90px
}

.contact-info-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 70px
}

.contact-info-wrapper .address {
    width: 40%;
    padding: 0 70px
}

.contact-info-wrapper .info {
    width: 40%;
    padding: 0 70px
}

.contact-info-wrapper .address .cnt p {
    font-weight: 300;
    font-size: 38px;
    color: #000
}

.contact-info-wrapper .info a {
    font-weight: 700;
    font-size: 54px;
    color: #000
}

.contact-info-wrapper .info a span.blue {
    color: #1f7ec3
}

.contact-info-wrapper .info a span.red {
    color: #e62733
}

.contact-form {
    width: 50%;
    margin: 0 auto
}

.contact-form .form-wrapper {
    display: flex;
    margin: 0 -10px;
    flex-wrap: wrap
}

.contact-form .form-wrapper .item {
    padding: 0 10px
}

.contact-form .form-wrapper .item.item-4 {
    width: 33.3%
}

.contact-form .form-wrapper .item.item-6 {
    width: 50%
}

.contact-form .form-wrapper .item.item-8 {
    width: 66.6%
}

.contact-form .form-wrapper .item.item-12 {
    width: 100%
}

.contact-form .form-wrapper .item .input {
    position: relative;
    margin-bottom: 20px
}

.contact-form .form-wrapper .item .captcha .input {
    margin: 0
}

.contact-form .form-wrapper .item .input .icon {
    position: absolute;
    top: 19px;
    left: 25px;
    fill: #e62733
}

.contact-form .form-wrapper .item .input input,.contact-form .form-wrapper .item .input textarea {
    border: 1px solid #f1f1f1;
    width: 100%;
    padding: 20px 30px 20px 60px;
    transition: all .4s ease 0s;
    outline: 0;
    box-shadow: none!important;
    -webkit-box-shadow: none
}

.contact-form .form-wrapper .item .input #captcha_iletisim_input {
    padding-left: 30px
}

.contact-form .form-wrapper .item .input input:focus,.contact-form .form-wrapper .item .input textarea:focus {
    border-color: #1f7ec3
}

.contact-form .form-wrapper .item .input input::placeholder,.contact-form .form-wrapper .item .input textarea::placeholder {
    font-weight: 500;
    font-size: 18px;
    color: #797979
}

.contact-form .form-wrapper .item .input textarea {
    height: auto;
    padding: 18px 30px 18px 60px;
    resize: none
}

.contact-form .form-wrapper .item button {
    font-weight: 500;
    font-size: 19px;
    text-align: center;
    color: #e62733;
    background: #fff;
    width: 100%;
    border: 1px solid #f1f1f1;
    height: 65px;
    padding: 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .4s ease 0s
}

.contact-form .form-wrapper .item button span.line {
    display: inline-block;
    width: 50px;
    height: 2px;
    background: #ddc28f;
    margin-left: 30px;
    position: relative
}

.contact-form .form-wrapper .item button span.line::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    transform: scaleX(0);
    transform-origin: left center;
    transition: all .4s ease 0s
}

.contact-form .captcha-wrapper {
    margin: 0 -10px
}

.contact-form .captcha-wrapper .captcha {
    padding: 0 10px
}

.contact-form .captcha-wrapper .captcha .captcha_img {
    height: 65px;
    border: 1px solid #f1f1f1
}

.page-products {
    position: relative
}

.page-products .products-wrapper {
    display: flex
}

.page-products .products-wrapper .products-sidebar {
    width: 24%;
    padding-top: 150px;
    border-right: 1px solid #f1f1f1;
    height: 100vh;
    position: sticky;
    top: 0;
    padding-left: 8%;
    transition: all .6s ease 0s
}

.sidebar-open .page-products .products-wrapper .products-sidebar {
    transform: translateX(0);
    top: 0
}

.sidebar-open .product-filter {
    z-index: 1
}

.page-products .products-wrapper .products-sidebar .sidebar-btn {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f1f1f1;
    font-weight: 300;
    font-size: 20px;
    color: #959595;
    transition: all .4s ease 0s
}

.page-products .products-wrapper .products-sidebar .sidebar-btn .icon svg {
    fill: #000;
    margin-right: 15px;
    transition: all .4s ease 0s
}

.page-products .products-wrapper .products-sidebar .sidebar-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 90px
}

.page-products .products-wrapper .products-sidebar .category-item>ul>li.show>ul {
    display: block
}

.page-products .products-wrapper .products-sidebar .category-item ul>li.show>ul>li.show>ul {
    display: block
}

.page-products .products-wrapper .products-sidebar .category-header {
    font-weight: 700;
    font-size: 20px;
    color: #242424;
    position: relative;
    display: block;
    margin-bottom: 15px;
    transition: all .4s ease 0s
}

.page-products .products-wrapper .products-sidebar ul li a.active {
    color: #e62733!important
}

.page-products .products-wrapper .products-sidebar .category-header .has-child {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transform-origin: center center;
    right: 50px;
    width: 12px;
    height: 12px
}

.page-products .products-wrapper .products-sidebar .category-header .has-child::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 12px;
    height: 2px;
    background: #000
}

.page-products .products-wrapper .products-sidebar .category-header .has-child::after {
    content: "";
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    transform-origin: center center;
    left: 50%;
    width: 2px;
    height: 12px;
    background: #000;
    transition: all .4s ease 0s
}

.page-products .products-wrapper .products-sidebar .category-header .has-child.open::after {
    transform: translateX(-50%) rotate(-90deg)
}

.page-products .products-wrapper .products-sidebar li.show .category-header .has-child.open::after {
    transform: translateX(-50%) rotate(-90deg)
}

.page-products .products-wrapper .products-sidebar .category-item>ul>li>ul>li>a {
    font-weight: 500;
    font-size: 20px;
    color: #626262;
    display: block;
    margin-bottom: 7px;
    transition: all .4s ease 0s
}

.page-products .products-wrapper .products-sidebar .category-item>ul>li>ul {
    margin-left: 15px;
    padding-left: 15px;
    border-left: 1px solid #f1f1f1;
    display: none
}

.page-products .products-wrapper .products-sidebar .category-item>ul>li>ul>li>ul {
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid #f1f1f1;
    margin-bottom: 7px;
    display: none
}

.page-products .products-wrapper .products-sidebar .category-item>ul>li>ul>li>a span {
    font-size: 12px;
    color: #959595;
    position: relative;
    display: inline-block;
    bottom: 5px
}

.products-wrapper .products-sidebar .category-item>ul>li>ul>li>ul>li>a {
    font-weight: 300;
    font-size: 15px;
    color: #8b8b8b;
    display: block;
    margin-bottom: 7px;
    position: relative;
    transition: all .4s ease 0s
}

.products-wrapper .products-sidebar .category-item>ul>li>ul>li>ul>li>a::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 7px;
    height: 6px;
    left: -13px;
    background: url(../img/icons/product-link.svg) center center no-repeat
}

.page-products .products-wrapper .products-sidebar .category-item {
    padding: 30px 0;
    position: sticky;
    top: 151px
}

.page-products .products-wrapper .products-list {
    padding-top: 150px;
    flex: 1 1 0%;
    padding-right: 8%
}

.product-sidebar-btn {
    display: none
}

.product-list-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1 1 0%;
    padding: 30px 0 30px 60px;
    opacity: 1;
    visibility: visible;
    transition: all .6s ease 0s
}

.product-list-header.filter-hidden {
    opacity: 0;
    visibility: hidden;
    transform: translateY(40px)
}

.product-list-header .product-info {
    transition: all .4s ease 0s
}

.product-list-header .product-info ul {
    display: flex;
    align-items: center
}

.product-list-header .product-info ul li.product-title {
    font-weight: 700;
    display: block;
    padding: 0;
    display: flex;
    align-items: center;
}

.product-list-header .product-info ul li.product-title h1 {
    font-weight: 300;
    font-size: 20px;
    color: #000;
    font-weight: 700;
    margin-bottom: 0;
}

.product-list-header .product-info ul li {
    font-weight: 300;
    font-size: 20px;
    color: #000;
    position: relative;
}

.product-list-header .product-info ul li::after {
    content: "/";
    margin-left: 10px;
    margin-right: 10px;
    font-weight: 300
}

.product-list-header .product-info ul li:last-child::after {
    display: none
}

.product-list-header .product-filter .filter {
    display: flex;
    align-items: center;
    font-weight: 300;
    font-size: 20px;
    color: #242424;
    cursor: pointer;
    position: relative;
    z-index: 2;
    transition: all .5s ease 0s
}

.product-list-header .product-filter .filter svg {
    margin-right: 10px;
    transition: all .5s ease 0s
}

.product-list-header .product-filter .filter.active {
    color: #1f7ec3
}

.product-list-header .product-filter .filter.active svg {
    fill: #e62733
}

.page-products .products-wrapper .product-list-wrapper {
    display: flex;
    flex-wrap: wrap;
    padding: 50px 0
}

.page-products .products-wrapper .product-list-wrapper .item {
    width: 50%
}

.product-list .products-main {
    min-height: calc(100% - 240px)
}

.products-list .products-main .svg {
    text-align: center;
    padding: 50px 0;
    position: relative;
    max-width: 970px;
    margin: 0 auto
}

.products-list .products-main .svg h3 {
    position: absolute;
    left: 0;
    top: 16%;
    font-weight: 500;
    font-size: 150px;
    color: #1f7ec3;
    z-index: 5
}

.products-list .products-main .svg svg {
    position: relative;
    z-index: 3
}

.products-list .products-main .svg svg #Conta path {
    stroke: #fff
}

.products-list .products-main .svg svg #Plaka path {
    stroke: #fff
}

.products-list .products-main .svg svg * {
    transition: .4s
}

.products-list .products-main .svg h5 {
    position: absolute;
    right: -60px;
    bottom: 10%;
    font-weight: 500;
    font-size: 150px;
    color: transparent;
    -webkit-text-stroke: 1px #e62733
}

.products-list .products-main .product-scroll-down svg {
    fill: none;
    stroke: #e62733;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
    stroke-width: 3px;
    transition: all .4s ease 0s
}

.products-list .products-main .product-scroll-down {
    text-align: center;
    margin-top: 60px
}

.product-filter-area {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    padding-top: 240px;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all .5s ease 0s
}

.product-filter-area.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.product-filter-area.filter-scroll {
    padding-top: 150px
}

.product-filter-area form {
    position: relative;
    z-index: 1;
    min-height: 100%;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    background: rgba(48,119,183,1);
    background: linear-gradient(#1f7ec3 0,rgba(48,119,183,.92) 8.37%,rgba(72,108,165,.8) 20.5%,rgba(86,102,155,.73) 27.61%,rgba(96,98,148,.67) 32.63%,rgba(230,39,51,.3) 100%);
    background: -webkit-linear-gradient(#1f7ec3 0,rgba(48,119,183,.92) 8.37%,rgba(72,108,165,.8) 20.5%,rgba(86,102,155,.73) 27.61%,rgba(96,98,148,.67) 32.63%,rgba(230,39,51,.3) 100%);
}

.filter-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.98);
    cursor: url(../img/icons/close.svg),auto;
}

.product-filter {
    position: relative;
    z-index: 1
}

.product-filter.z-index-deep {
    z-index: 9999
}

.product-filter-wrapper {
    display: flex;
    padding: 80px 0;
    margin: 0 -60px
}

.product-filter-wrapper .filter-item {
    width: 20%;
    position: relative;
    padding: 0 60px
}

.product-filter-wrapper .filter-item h3 {
    font-weight: 700;
    font-size: 25px;
    color: #fff;
    margin-bottom: 30px
}

.product-filter-wrapper .filter-item ul li input {
    display: none
}

.product-filter-wrapper .filter-item ul li label {
    font-weight: 300;
    font-size: 15px;
    color: #fff;
    padding-left: 20px;
    position: relative;
    cursor: pointer
}

.product-filter-wrapper .filter-item ul li label::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid #fff;
    transition: all .4s ease 0s
}

.product-filter-wrapper .filter-item ul li input:checked~label::before {
    background: #fff
}

.filter-button {
    margin-top: 65px
}

.filter-button a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 300;
    font-size: 15px;
    color: #fff;
    padding: 23px 50px;
    border: 1px solid #fff;
    max-width: 250px;
    margin: 0 auto;
    transition: all .4s ease 0s
}

.filter-button a .icon {
    fill: #fff;
    line-height: 1;
    margin-right: 15px;
    transition: all .4s ease 0s
}

.product-filter-wrapper .filter-item::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(white,rgba(255,255,255,0))
}

.product-filter-wrapper .filter-item:last-child::after {
    display: none
}

.product-detail {
    padding: 150px 0 80px
}

.product-image-wrapper {
    display: flex;
    position: relative;
    padding: 0 30px
}

.product-image-wrapper .item {
    width: 50%;
    padding: 0 65px
}

.product-main-area .product-image-wrapper .item:nth-child(2) {
    display: flex;
    align-items: flex-start
}

.product-image-wrapper .img {
    text-align: center;
    padding: 150px 100px;
    background: #fafafa;
    position: relative
}

.product-image-wrapper .img img {
    width: 70%
}

.product-image-wrapper .img h3 {
    position: absolute;
    top: 20%;
    right: 54px;
    transform: rotate(-90deg) translateX(300px);
    transform-origin: right top;
    font-weight: 700;
    font-size: 87px;
    -webkit-text-stroke: 1px #e62734;
    color: transparent
}

.product-image-wrapper .content {
    max-width: 600px;
    padding: 120px 65px
}

.product-image-wrapper .content a {
    font-weight: 300;
    font-size: 15px;
    color: #272727;
    padding: 15px 35px;
    display: inline-block;
    border: 1px solid #e62733;
    transition: all .4s ease 0s
}

.product-image-wrapper .content .cnt {
    font-weight: 300;
    font-size: 25px;
    color: #adadad;
    margin: 50px 0
}

.product-name {
    writing-mode: vertical-lr;
    padding-top: 140px;
    position: relative;
    z-index: 3
}

.product-name h2::after {
    content: "";
    position: absolute;
    top: 100%;
    transform: translateX(-50%);
    left: 50%;
    height: 350px;
    width: 1px;
    background: #707070
}

.product-name h2 {
    padding-bottom: 30px
}

.product-properties .product-image-wrapper .item:nth-child(2) {
    transform: translateY(-500px)
}

.product-properties .product-image-wrapper .item:nth-child(1) {
    transform: translateY(500px)
}

.properties {
    padding: 0 160px;
}

.properties h3 {
    font-weight: 300;
    font-size: 52px;
    color: grey;
    margin-bottom: 40px
}

.properties ul li {
    font-weight: 300;
    font-size: 23px;
    margin-bottom: 30px;
    color: #000;
    position: relative
}

.properties ul li span {
    font-weight: 700;
    position: relative
}

.properties ul li span::after {
    content: "";
    width: 9px;
    height: 7px;
    display: inline-block;
    margin: 0 20px;
    background: url(../img/icons/arrow.svg) center center no-repeat
}

.properties ul li::before {
    content: "";
    position: absolute;
    top: calc(100% + 5px);
    left: 30px;
    height: 20px;
    width: 1px;
    background: #e62733
}

.properties ul li:last-child::before {
    display: none
}

.news {
    position: relative;
    padding-bottom: 50px
}

.news .news-title {
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px
}

.news .news-title .title h5 {
    font-weight: 600;
    font-size: 15px;
    letter-spacing: .1em;
    color: #b2b2b2
}

.news .news-title .title h5 span.icon {
    margin-right: 5px
}

.news .news-title .title h5 span.icon svg .a {
    stroke: #b2b2b2
}

.news .news-title .title h3 {
    font-weight: 600;
    font-size: 60px;
    letter-spacing: -.03em;
    line-height: 1;
    margin: 0;
    color: #179ba9
}

.news .news-title a {
    display: inline-block;
    height: 55px;
    line-height: 60px;
    color: #a5aeb7;
    font-weight: 600;
    font-size: 14px;
    padding: 0 30px;
    position: relative;
    transition: all .3s ease 0s
}

.news .news-title a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #eaf9fa;
    transition: all .3s ease 0s
}

.news .news-title a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    transition: all .3s ease 0s;
    border: 2px solid #179ba9;
    transform: scale(1.2,1.2)
}

.news .news-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px
}

.news .news-wrapper .item {
    padding: 0 15px;
    width: 25%;
    margin-bottom: 30px
}

.news .news-wrapper .item .news-item {
    display: block;
    padding: 10px;
    border: 1px solid #eaeaea;
    height: 100%;
    transition: all .4s ease 0s
}

.news .news-wrapper .item .news-item .img {
    overflow: hidden;
    position: relative
}

.news .news-wrapper .item .news-item .img img {
    transition: all .4s ease 0s;
    width: 100%;
    height: 280px;
    object-fit: cover
}

.news .news-wrapper .item .news-item .img::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #3a4046;
    opacity: .45;
    transition: opacity .4s ease 0s;
    z-index: 1
}

.news .news-wrapper .item .news-item .content {
    padding: 20px 10px 10px;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    min-height: 150px
}

.news .news-wrapper .item .news-item .content .title .date {
    font-weight: 500;
    font-size: 14px;
    color: #b7b8ba;
    display: block;
    margin-bottom: 10px
}

.news .news-wrapper .item .news-item .content .title h3 {
    font-weight: 600;
    font-size: 23px;
    color: #54595d;
    transition: all .4s ease 0s
}

.news .news-wrapper .item .news-item .content .detail {
    font-weight: 700;
    font-size: 15px;
    color: #bcc3c9;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    transition: all .4s ease 0s
}

.news .news-wrapper .item .news-item .content .detail .icon {
    margin-left: 10px;
    margin-bottom: 2px
}

.news .news-wrapper .item .news-item .content .detail .icon .a {
    stroke: none;
    transition: all .4s ease 0s
}

.news .news-wrapper .item.large-item {
    width: 50%
}

.news .news-wrapper .item.large-item .news-item {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    background: #fafafa
}

.news .news-wrapper .item.large-item .news-item .img {
    width: 50%
}

.news .news-wrapper .item.large-item .news-item .img img {
    height: 437px;
    object-fit: cover
}

.news .news-wrapper .item.large-item .news-item .content {
    display: block;
    width: 50%;
    padding-left: 70px;
    padding-right: 35px
}

.news .news-wrapper .item.large-item .news-item .content h3 {
    color: #54595d
}

.news .news-wrapper .item.large-item .news-item .content .date {
    font-weight: 500;
    font-size: 14px;
    color: #b7b8ba;
    display: block;
    margin-bottom: 10px
}

.news .news-wrapper .item.large-item .news-item .content .tag {
    font-size: 15px;
    color: #177b86;
    height: 30px;
    line-height: 30px;
    border: 1px solid #177b86;
    display: inline-block;
    padding: 0 15px;
    transition: all .4s ease 0s;
    margin-bottom: 25px
}

.news .news-wrapper .item.large-item .news-item .content .cnt {
    font-size: 15px;
    line-height: 23px;
    color: #707277;
    margin: 50px 0
}

.news-detail {
    position: relative;
    padding-bottom: 50px
}

.news-detail .news-single .news-image {
    width: 80%;
    margin: 0 auto;
    overflow: hidden
}

.news-detail .news-single .news-image img {
    width: 100%;
    height: 500px;
}

.news-detail .news-single .news-content {
    padding: 80px 0;
    width: 80%;
    margin: 0 auto
}

.news-detail .news-single .news-content .cnt {
    font-size: 23px;
    text-align: center;
    color: #707277
}

.news-detail .news-single .news-media .wrapper {
    margin: 0 -15px;
    display: flex;
    flex-wrap: wrap
}

.news-detail .news-single .news-media .wrapper .slick-list {
    width: 100%
}

.news-detail .news-single .news-media .wrapper .item {
    width: 25%;
    padding: 0 15px
}

.news-detail .news-single .news-media .wrapper .item .media-item a {
    display: block;
    position: relative
}

.news-detail .news-single .news-media .wrapper .item .media-item a img {
    width: 100%;
    height: 390px;
    object-fit: cover
}

.news-detail .news-single .news-media .wrapper .item .media-item a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #363b40;
    transition: all .4s ease 0s;
    opacity: .35
}

.news-detail .news-single .news-media .wrapper .item .media-item a:hover::before {
    opacity: 0
}

.slick-dots {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin: 30px 0;
    width: 100%
}

.slick-dots li {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 0 10px;
    background: #1f7ec3;
    opacity: .3;
    transition: all .4s ease 0s
}

.slick-dots li button {
    display: none
}

.slick-dots li.slick-active {
    opacity: 1
}

.news-detail .news-single .back {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    color: #1f7ec3;
    margin-top: 20px
}

.news-detail .news-single .back .icon {
    display: block;
    margin-bottom: 10px
}

.news-detail .news-single .back .icon svg path {
    stroke: none;
    fill: #1f7ec3
}

.practice-area {
    position: relative
}

.practice-area .banner-img {
    height: 775px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.practice-area .practice-area-content {
    padding: 200px 0 150px;
    position: relative
}

.practice-area .practice-area-content .practice-area-wrapper {
    display: flex;
    margin: 0 -90px;
    align-items: flex-start
}

.practice-area .practice-area-content .practice-area-wrapper .item {
    padding: 0 90px
}

.practice-area .practice-area-content .practice-area-wrapper .item-lg {
    width: 55%;
    position: sticky;
    top: 50px
}

.practice-area .practice-area-content .practice-area-wrapper .item-md {
    width: 45%
}

.practice-area .practice-area-content .practice-area-wrapper .item .left-content .cnt {
    font-weight: 500;
    font-size: 36px;
    color: #000;
}

.practice-area .practice-area-content .practice-area-wrapper .item .right-content .cnt {
    font-weight: 300;
    font-size: 21px;
    color: #7b7b7b;
}

.practice-area .other-products {
    margin-top: 0;
    padding: 100px 0
}

.practice-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -50px
}

.practice-area-list {
    position: relative;
    padding: 200px 0 100px
}

.practice-wrapper .item {
    width: 33.3%;
    padding: 0 50px
}

.practice-wrapper .item .single-practice {
    display: block;
    position: relative;
    margin-bottom: 150px
}

.practice-wrapper .item .single-practice .img {
    position: relative;
    overflow: hidden;
    max-height: 600px
}

.practice-wrapper .item .single-practice .img img {
    width: 100%;
    transition: all .5s ease 0s
}

.practice-wrapper .item .single-practice .img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(255,255,255,0),#fff);
    z-index: 1
}

.practice-wrapper .item .single-practice .title {
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    z-index: 2
}

.practice-wrapper .item .single-practice .title h3 {
    font-weight: 500;
    font-size: 36px;
    color: #000;
    transition: all .5s ease 0s
}

.pagination {
    -webkit-box-pack: center;
    justify-content: center;
    margin: 70px 0 30px
}

.page-link {
    position: relative;
    display: block;
    padding: 0;
    border: none;
    width: 33px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    margin: 0 5px;
    background: #eaf9fa;
    color: #9d9d9d;
    transition: all .4s ease 0s;
    border-radius: 0!important
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #1f7ec3
}

.search-area {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all .4s ease 0s
}

.search-area.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.search-area .logo {
    width: 25%
}

.search-area .search-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.8)
}

.search-area .search-main {
    background: #fff;
    position: relative;
    z-index: 1
}

.search-area .search-main .search-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 150px
}

.search-area .search-main .search-wrapper .search-form {
    width: 1060px
}

.search-area .search-main .search-wrapper .search-form .input {
    display: flex;
    align-items: center
}

.search-area .search-main .search-wrapper .search-form .input .icon svg {
    stroke: #707070;
    fill: none
}

.search-area .search-main .search-wrapper .search-form input {
    width: 100%;
    border: none;
    font-weight: 300;
    font-size: 20px;
    color: #707070;
    padding: 0 20px;
    height: 50px
}

.search-area .search-main .search-wrapper .search-form .input .close {
    cursor: pointer
}

.search-area .search-main .search-wrapper .search-form .input .close svg {
    stroke: #e62733;
    fill: none
}

.scroll-content {
    transform: translate3d(0,0,0)
}

[data-scrollbar] {
    display: block;
    position: relative
}

.scroll-content {
    transform: translate3d(0,0,0)
}

.scrollbar-track {
    position: absolute;
    opacity: 0;
    z-index: 1;
    background: #1f7ec3;
    user-select: none;
    transition: opacity .5s ease-out .5s
}

.scrollbar-track.show,.scrollbar-track:hover {
    opacity: 1;
    transition-delay: 0s
}

.scrollbar-track-x {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px
}

.scrollbar-track-y {
    top: 0;
    right: 0;
    width: 4px;
    height: 100%
}

.scrollbar-thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 0
}

.search-result {
    background: #fff;
    position: relative;
    height: calc(100vh - 150px);
    overflow-y: auto;
    padding: 50px;
    transform: translateY(-100%)
}

.search-area.search-active .search-main {
    border-bottom: 1px solid #f1f1f1
}

.result-list .tabs ul {
    display: flex;
    align-items: center;
    justify-content: center
}

.result-list .tabs ul li {
    margin: 0 30px
}

.result-list .tabs ul li a {
    font-weight: 300;
    font-size: 30px;
    transition: all .4s ease 0s;
    color: #000
}

.result-list .tabs ul li a.active {
    color: #1f7ec3
}

.result-list .tabs ul li a span {
    color: red
}

.search-products {
    display: flex;
    flex-wrap: wrap;
    max-width: 1400px;
    margin: 35px auto 0
}

.search-products .item {
    width: 50%;
    padding: 0 80px
}

.search-products .tabs {
    margin-top: 50px
}

.result-list .tab-content .product-tab-content {
    display: none
}

.result-list .tab-content .product-tab-content.current {
    display: block
}

.result-list .tab-content {
    position: relative
}

.result-list .tab-content .tab-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 10;
    opacity: 0;
    pointer-events: none;
    transition: all .5s ease 0s
}

.result-list .tab-content .tab-overlay.active {
    opacity: 1
}

.about-top-wrapper .left-content {
    transform: translateX(-200px);
    opacity: 0
}

.intro-links {
    transform: translateY(100%)
}

.main-slider .swiper-pagination {
    transform: translateX(50px);
    opacity: 0
}

.scroll {
    transform: translateX(-50px);
    opacity: 0
}

.right-side .menu-items {
    transform: translateY(40px);
    opacity: 0
}

.main-slider .item-img {
    transform: scale(.7) translate(-50px,-50px);
    opacity: 0
}

.lines .vertical span {
    transform: scaleY(0);
    transform-origin: center top
}

.lines .horizontal span {
    transform: scaleX(0);
    transform-origin: left center
}

.logo svg {
    stroke-dasharray: 160;
    stroke-dashoffset: 160
}

.logo svg .a,.logo svg .b {
    fill: #fff
}

.about-button {
    transform: translateX(100px);
    opacity: 0
}

.products .products-title h3 {
    overflow: hidden
}

.products .products-title h3 span {
    transform: translateY(100%);
    display: block
}

.products .tabs ul li {
    transform: translateY(30px);
    opacity: 0
}

.products .single-product {
    transform: translateY(100px);
    opacity: 0
}

.page-products .products-list .item {
    transform: translateY(100px);
    opacity: 0
}

.branches-title h3 {
    overflow: hidden
}

.branches-title h3 span {
    transform: translateY(100%);
    display: block
}

.banner-about .banner-img img {
    transform: scale(.3);
    transform-origin: center bottom;
    align-content: center;
    opacity: 0
}

.branches-list .item {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    display: flex;
    align-items: stretch;
    z-index: 1;
    transition: .4s
}

.branches-list .item .title span {
    font-weight: 300;
    font-size: 22px;
    text-align: left;
    color: #fff
}

.branches-list .item .title {
    width: 50px;
    height: 140px;
    background: #e62733
}

.branches-list .item .title span {
    transform: rotate(90deg);
    transform-origin: top left;
    display: block;
    width: 140px;
    height: 50px;
    line-height: 50px;
    margin-left: 50px;
    text-align: center
}

.branches-list .item .content .content-links {
    padding: 40px 20px
}

.branches-list .item .content {
    background: #fff;
    display: flex;
    flex: 1;
    box-shadow: 0 3px 30px 0 rgba(0,0,0,.1);
    align-items: center;
    justify-content: center;
    opacity: 0;
    visility: hidden;
    pointer-events: none;
    transition: .4s
}

.branches-list .item:hover {
    z-index: 9
}

.branches-list .item:hover .content {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.branches-list .item .content a {
    color: #000;
    display: block;
    font-weight: 700;
    font-size: 18px
}

.branches-list .item .content a .red {
    color: #e62733
}

.branches-list .item .content a .blue {
    color: #1f7ec3
}

.branches-content {
    position: relative;
    padding-top: 200px
}

.branches-mobile {
    display: none
}

.banner-content .after,.banner-content .before {
    height: 100px
}

.banner-content .banner-title h3 {
    transform: translateY(100%)
}

.banner-subtitle {
    overflow: hidden
}

.banner-content .banner-subtitle h5 {
    transform: translateY(-100%)
}

.about-page-img svg {
    stroke-dasharray: 1100;
    stroke-dashoffset: 1100
}

.about-page-img-bg {
    transform: scale(1.8);
    transform-origin: center bottom
}

.about-text-area .about-text-wrapper .about-text-left {
    transform: translateX(-100px);
    opacity: 0
}

.about-text-area .about-text-wrapper .about-text-right {
    transform: translateX(100px);
    opacity: 0
}

.about-slider-content .about-slider-title {
    overflow: hidden
}

.about-slider-content .about-slider-title span.red {
    transform: translateX(-100%)
}

.about-slider-content .about-slider-title span.blue {
    transform: translateX(100%)
}

.about-slider-content .cnt {
    transform: translateY(40px);
    opacity: 0
}

.policies-wrapper {
    opacity: 0
}

.certificates-wrapper .item {
    transform: translateY(40px);
    opacity: 0
}

.career .career-wrapper .career-left {
    overflow: hidden;
    transform: translateX(100%)
}

.career .career-wrapper .career-left .img {
    transform: translateX(-100%)
}

.career .career-main .career-title {
    transform: translateY(50px);
    opacity: 0
}

.career .career-main .title {
    transform: translateY(50px);
    opacity: 0
}

.career .career-wrapper .career-main .career-slider .swiper-slide {
    transform: scale(.5);
    opacity: 0
}

.map-area {
    overflow: hidden;
    transform: translateY(-100%)
}

.map-scope {
    transform: translateY(100%)
}

.contact-tabs .tablinks ul li {
    opacity: 0;
    transform: translateY(40px)
}

.contact-info-wrapper .address {
    transform: translateX(-100px);
    opacity: 0
}

.contact-info-wrapper .info {
    transform: translateX(100px);
    opacity: 0
}

.contact-form .form-wrapper .item {
    opacity: 0;
    transform: translateY(40px)
}

.product-list-header .product-info ul {
    transform: translateX(-50px);
    opacity: 0
}

.product-list-header .product-filter {
    transform: translateX(50px);
    opacity: 0
}

header .product-list-header .product-info ul {
    transform: translateX(0);
    opacity: 1
}

header .product-list-header .product-filter {
    transform: translateX(0);
    opacity: 1
}

.page-products .products-wrapper .products-sidebar ul li {
    opacity: 0;
    transform: translateY(20px)
}

.news .news-wrapper .item {
    opacity: 0;
    visibility: hidden;
    transform: translateY(50px)
}

.news-detail .news-single .news-content .cnt p {
    transform: translateY(-40px);
    opacity: 0
}

.news-detail .news-single .news-content .cnt p:last-child {
    margin: 0
}

.news-detail .news-single .news-media .wrapper .item {
    transform: translateY(-40px);
    opacity: 0
}

.product-image-wrapper .img {
    transform: translateY(-100%)
}

.product-image-wrapper .item {
    overflow: hidden
}

.product-image-wrapper .content a {
    transform: translateY(50px);
    opacity: 0
}

.product-image-wrapper .content .cnt {
    transform: translateY(50px);
    opacity: 0
}

.product-image-wrapper .content h3 {
    font-family: Paralucent;
    font-weight: 700;
    font-size: 87px;
    text-align: left;
    color: transparent;
    -webkit-text-stroke: 1px #e62733;
    transform: translateY(40px);
    opacity: 0
}

.properties ul li {
    transform: translateY(30px);
    opacity: 0
}

.other-products .products-title h3 {
    overflow: hidden
}

.other-products .products-title h3 span {
    transform: translateY(100%);
    display: block
}

.other-products .single-product {
    transform: translateY(100px);
    opacity: 0
}

.main-slider .item-wrapper .item-content .content {
    opacity: 0
}

.practice-wrapper .item {
    transform: translateX(-100%);
    overflow: hidden
}

.practice-wrapper .item .single-practice {
    transform: translateX(120%)
}

.practice-banner {
    transform: translateY(-100%);
    overflow: hidden;
    position: relative;
}

.practice-banner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(255,255,255,.9) , transparent 40%);
    z-index: 1;
}

.practice-area .banner-img {
    transform: translateY(100%)
}

.practice-area .practice-area-content .practice-area-wrapper .left-content {
    transform: translateX(-100px);
    opacity: 0
}

.practice-area .practice-area-content .practice-area-wrapper .right-content {
    transform: translateX(100px);
    opacity: 0
}

.menu-area .main-menu .menu-wrapper .left-side {
    transform: translateY(-100%)
}

.menu-area .main-menu .menu-wrapper .left-side .left-content {
    transform: translateY(-50px);
    opacity: 0
}

.menu-area .main-menu .menu-wrapper .right-side {
    transform: translateY(100%)
}

.menu-area .main-menu .menu-wrapper .right-side .menu-contact {
    transform: translateY(50px);
    opacity: 0
}

path#Path_9169 {
    pointer-events: none
}

g#Group_968 {
    pointer-events: none
}

g#Group_966 {
    pointer-events: none
}

g#Group_964 {
    pointer-events: none
}

g#Group_962 {
    pointer-events: none
}

g#Group_960 {
    pointer-events: none
}

g#Group_958 {
    pointer-events: none
}

g#Group_956 {
    pointer-events: none
}

ellipse#Ellipse_782 {
    pointer-events: none
}

ellipse#Ellipse_818 {
    pointer-events: none
}

g#Group_970 {
    pointer-events: none
}

g#Group_972 {
    pointer-events: none
}

g#Group_974 {
    pointer-events: none
}

.blue,.red {
    transition: all .4s ease 0s
}

g#Group_975:hover .blue {
    fill: #1f7ec3
}

g#Group_975:hover .red {
    fill: #e62733
}

.page-products .products-wrapper .products-list .products-main {
    position: relative
}

.page-products .products-wrapper .products-list .products-main .piece-item {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    box-shadow: rgba(63,80,93,.1) 0 0 20px;
    padding: 20px 30px;
    transform: scale(0);
    z-index: 3;
    pointer-events: none;
    text-align: left
}

.page-products .products-wrapper .products-list .products-main .piece-item span:nth-child(1) {
    font-weight: 700;
    font-size: 18px;
    color: #1f7ec3;
    display: block
}

.page-products .products-wrapper .products-list .products-main .piece-item span:nth-child(2) {
    font-weight: 300;
    font-size: 15px;
    color: #e62733;
    display: block;
    margin-top: 3px
}

.branches-list .item#data-2 {
    left: 732px;
    top: 20px
}

.branches-list .item#data-1 {
    left: 620px;
    top: 120px
}

.branches-list .item#data-3 {
    top: 20px;
    left: 1105px
}

.branches-list .item#data-4 {
    top: 100px;
    left: 935px
}


.branches-list .item#data-5 {
    top: 230px;
    left: 70vw
}

.branches-list .item#data-6 {
    top: 320px;
    left: 32vw
}

.branches-list .item#data-9 {
    top: 190px;
    left: 50vw
}

.branches-list .item#data-10 {
    top: 210px;
    left: 59.8vw
}


@media screen and (max-width: 1680px) {
    .branches-list .item#data-6 {
        top:100px;
        left: 30vw
    }

    .branches-list .item#data-9 {
        top: 0
    }

    .branches-list .item#data-10 {
        top: 10px;
        left: 61vw
    }

    .branches-list .item#data-5 {
        top: 40px;
        left: 72vw
    }

    .branches-list .item#data-7 {
        top: 30px;
        left: 77vw
    }

    .branches-list .item#data-8 {
        top: 50px;
        left: 82vw
    }
}


.close-sidebar {
    display: none
}

body .cc-window.in-active {
    opacity: 0;
    visibility: hidden
}

body .cc-window {
    height: 93px;
    border-radius: 100px;
    backdrop-filter: blur(20px);
    display: flex;
    transition: all .4s ease 0s;
    opacity: 1;
    visibility: visible;
    bottom: 50px!important;
    left: 80px!important;
    max-width: 420px!important;
    background-color: rgba(5,15,21,.74)!important;
    padding: 0 30px!important;
    -webkit-box-align: center!important;
    align-items: center!important;
    -webkit-box-orient: horizontal!important;
    -webkit-box-direction: normal!important;
    flex-direction: row!important
}

body .cc-window .cc-message {
    font-size: 15px;
    color: #fff;
    line-height: normal;
    padding-right: 40px;
    margin: 0!important
}

body .cc-window .cc-message a {
    opacity: 1;
    outline: 0;
    text-decoration: none;
    transition: all .4s ease 0s
}

body .cc-compliance a.cc-btn.cc-dismiss {
    width: 56px;
    height: 56px;
    user-select: none;
    background: 0 0;
    border: 1px solid #fff;
    border-radius: 100px;
    position: relative;
    padding: 0;
    color: transparent;
    display: block;
    outline: 0;
    transition: all .4s ease 0s
}

body .cc-compliance a.cc-btn.cc-dismiss::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-image: url(../img/icons/check-icon.svg);
    width: 20px;
    height: 15px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat
}

.cc-floating.cc-theme-edgeless .cc-message {
    margin: 0!important
}

.single-page-policy {
    padding-bottom: 100px
}

.single-page-policy li,.single-page-policy p {
    font-weight: 300;
    font-size: 25px;
    color: #7b7b7b
}

.single-page-policy li {
    margin-bottom: 10px
}

.single-page-policy strong {
    font-weight: 600
}

.table td,.table th {
    font-weight: 300;
    font-size: 25px;
    color: #7b7b7b;
    border-top: inherit
}

.filter-close {
    display: none
}

@media (hover: hover) {
    body .cc-compliance a.cc-btn.cc-dismiss:hover {
        background:#1f7ec3;
        border-color: #1f7ec3
    }

    body .cc-banner.cc-theme-edgeless .cc-message a.cc-link:hover {
        color: #1f7ec3
    }
}

@media only screen and (max-width: 991px) {
    body .cc-window {
        left:50px!important
    }
}

@media only screen and (max-width: 767px) {
    body .cc-window {
        width:100%;
        -webkit-box-align: center;
        align-items: center;
        transform: translateX(-50%) scale(.9);
        height: 100px;
        max-width: 100%!important;
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: normal!important;
        flex-direction: row!important;
        left: 50%!important;
        right: auto!important;
        bottom: 30px!important;
        padding: 0 30px!important
    }

    .cc-floating.cc-theme-edgeless .cc-message {
        padding-right: 0;
        margin: 0!important
    }
}

@media (hover: hover) {
    .header-wrapper .right-side .menu-items.lang a:hover svg .a {
        fill:#e62733
    }

    .header-wrapper .right-side .menu-items.lang a:hover svg .b {
        fill: #1f7ec3
    }

    .right-side .form .form-wrapper .item button:hover::before {
        width: 100%;
        height: 100%
    }

    .right-side .form .form-wrapper .item button:hover::after {
        width: 100%;
        height: 100%
    }

    .single-product:hover {
        border-color: rgba(230,39,51,.2);
        position: relative;
        overflow: hidden;
        background: #fff
    }

    .single-product:hover .radial {
        opacity: .2
    }

    .single-product:hover .content::after {
        opacity: 0;
        visibility: hidden
    }

    .about-button .about-btn:hover {
        color: #1f7ec3
    }

    .about-button .about-btn:hover::before {
        width: 75%
    }

    .about-button .about-btn:hover::after {
        width: 50%
    }

    .news .news-title a:hover {
        color: #1f7ec3
    }

    .news .news-title a:hover::before {
        opacity: 0;
        transform: scale(.5,.5)
    }

    .news .news-title a:hover::after {
        opacity: 1;
        transform: scale(1,1)
    }

    .news .news-wrapper .item.large-item .news-item:hover .content h3 {
        color: #1f7ec3
    }

    .news .news-wrapper .item .news-item .content .detail:hover {
        color: #1f7ec3
    }

    .news .news-wrapper .item .news-item:hover {
        border-color: #cdcbcb
    }

    .news .news-wrapper .item .news-item:hover .img img {
        transform: scale(1.05)
    }

    .news .news-wrapper .item .news-item:hover .img::before {
        opacity: 0
    }

    .news .news-wrapper .item .news-item:hover .content .title h3 {
        color: #1f7ec3
    }

    .news .news-wrapper .item .news-item:hover .content .detail {
        color: #1f7ec3
    }

    .news .news-wrapper .item .news-item:hover .content .detail .icon svg path {
        fill: #1f7ec3
    }

    .page-item.active .page-link:hover {
        color: #fff
    }

    .right-side .menu-items.menu a:hover::after,.right-side .menu-items.menu a:hover::before {
        background: #e62733
    }

    .right-side .menu-items.search .search-btn:hover {
        color: #1f7ec3
    }

    .right-side .menu-items.search .search-btn:hover .icon svg {
        stroke: #e62733
    }

    .right-side .menu-items.lang:hover ul {
        opacity: 1;
        visibility: visible;
        pointer-events: auto
    }

    .right-side .menu-items.lang ul li a:hover {
        color: #e62733
    }

    .main-slider .item-wrapper .item-content .content a::after {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        width: 70px;
        height: 3px;
        background: #e62733;
        margin-right: 15px;
        z-index: 1;
        transform-origin: left center;
        transform: scaleX(0) translateY(-50%);
        transition: all .4s ease 0s
    }

    .main-slider .item-wrapper .item-content .content a:hover::after {
        transform: scaleX(1) translateY(-50%)
    }

    .main-slider .item-wrapper .item-content .content a:hover {
        color: #1f7ec3
    }

    .scrollDown:hover {
        color: #e62733
    }

    .intro-links ul li a:hover {
        transform: translateY(-10px)
    }

    .products .tabs ul li:hover a {
        color: #000;
        border: 1px solid #adadad
    }

    .products .tabs ul li:hover a span.count {
        color: #e62733
    }

    .footer-top .footer-top-wrapper .footer-social ul li a:hover svg {
        fill: #1f7ec3
    }

    .footer-bottom-wrapper .links ul li a:hover {
        color: #e62733
    }

    .footer-contact ul li a:hover {
        transform: translateY(-5px)
    }

    .menu-area .main-menu .menu-wrapper .left-side .page-links ul li a:hover {
        color: #e62733
    }

    .menu-area .main-menu .menu-wrapper .left-side .main-links ul li a:hover {
        color: #1f7ec3
    }

    .menu-area .main-menu .menu-wrapper .left-side .main-links ul li a:hover .icon svg {
        stroke: #1f7ec3
    }

    .right-side .contact-wrapper .contact-item .contact-list ul li a:hover {
        color: #1f7ec3
    }

    .right-side .contact-wrapper .contact-item .contact-list ul li a:hover span.icon svg {
        fill: #e62733
    }

    .captcha-wrapper .captcha a:hover {
        background: #1f7ec3
    }

    .menu-area .main-menu .menu-wrapper .left-side .social-links ul li a:hover {
        color: #1f7ec3
    }

    .about-page-slider .swiper-next:hover,.about-page-slider .swiper-prev:hover {
        background: #e62733
    }

    .about-page-slider .swiper-next:hover svg,.about-page-slider .swiper-prev:hover svg {
        stroke: #fff
    }

    .career .career-wrapper .career-main .career-slider .swiper-slide .single-career-item:hover .icon .a {
        fill: #e62733;
        stroke: none
    }

    .career .career-wrapper .career-main .career-slider .swiper-slide .single-career-item:hover .icon .b {
        fill: #1f7ec3;
        stroke: none
    }

    .career-form .form-wrapper .item .file-input input:hover~label {
        border-color: #1f7ec3
    }

    .career-form .form-wrapper .item .captcha-wrapper .captcha .form-control:hover,.career-form .form-wrapper .item .input input:hover {
        border-color: #1f7ec3
    }

    .career-form .form-wrapper .item .file-input input:hover~.file-btn {
        background: #1f7ec3;
        color: #fff
    }

    .career-form .form-wrapper .item .file-input input:hover~.file-btn svg {
        fill: #fff
    }

    .career-form .form-wrapper .item button:hover {
        background: #1f7ec3;
        color: #fff
    }

    .career-form .form-wrapper .item button:hover .icon {
        fill: #fff
    }

    .career-form .form-wrapper .item .checkbox label a:hover {
        color: #1f7ec3
    }

    .career-form .form-wrapper .item .captcha-wrapper .captcha a:hover {
        background: #1f7ec3
    }

    .contact-form .form-wrapper .item .input input:hover,.contact-form .form-wrapper .item .input textarea:hover {
        border-color: #1f7ec3
    }

    .contact-form .form-wrapper .item button:hover {
        background: #e62733;
        color: #fff
    }

    .contact-form .form-wrapper .item button:hover span.line::before {
        transform: scaleX(1)
    }

    .contact-tabs .tablinks ul li a:hover {
        border-color: #e62733
    }

    .product-image-wrapper .content a:hover {
        background: #e62733;
        color: #fff
    }

    .right-side .form .form-wrapper .item .input:hover {
        border-color: #1f7ec3
    }

    .right-side .form .form-wrapper .item .input:hover .icon {
        fill: #e62733
    }

    .page-products .products-wrapper .products-sidebar .category-header:hover {
        color: #e62733
    }

    .page-products .products-wrapper .products-sidebar .category-item>ul>li>ul>li>a:hover {
        color: #e62733
    }

    .page-products .products-wrapper .products-sidebar .category-item>ul>li>ul>li>ul>li>a:hover {
        color: #e62733
    }

    .product-list-header .product-filter .filter:hover {
        color: #1f7ec3
    }

    .product-list-header .product-filter .filter:hover svg {
        fill: #e62733
    }

    .products-list .products-main .product-scroll-down:hover svg {
        stroke: #1f7ec3
    }

    .page-products .products-wrapper .products-sidebar .sidebar-btn:hover {
        color: #fff;
        background: #1f7ec3
    }

    .page-products .products-wrapper .products-sidebar .sidebar-btn:hover .icon svg {
        fill: #fff
    }

    .news-detail .news-single .news-image img {
        transform: translateY(-100%)
    }

    .filter-button a:hover {
        background: #fff;
        color: #000
    }

    .filter-button a:hover .icon {
        fill: #000
    }

    .practice-wrapper .item .single-practice:hover .img img {
        transform: scale(1.2)
    }

    .practice-wrapper .item .single-practice:hover .title h3 {
        color: #1f7ec3
    }

    .products-list .products-main .svg svg #Conta:hover path {
        stroke: #1f7ec3
    }

    .products-list .products-main .svg svg #Plaka:hover path {
        stroke: #e62733
    }
}

@media screen and (max-width: 1700px) {
    .container {
        padding:0 30px
    }

    .menu-area .main-menu .menu-wrapper {
        margin: 0
    }

    .menu-area .main-menu .menu-wrapper .left-side {
        padding: 0 50px
    }

    .menu-area .main-menu .menu-wrapper .right-side {
        padding: 0 50px
    }

    .about-slider-area .about-slider-wrapper .about-slider-content {
        align-items: flex-start;
        margin-top: 80px;
        min-height: 650px
    }

    .news .news-wrapper .item.large-item .news-item .content .cnt {
        margin: 30px 0
    }

    .banner-content .banner-title h3 {
        font-size: 65px
    }

    .right-side {
        padding-right: 5%
    }

    .page-products .products-wrapper .products-sidebar {
        padding-left: 5%
    }

    .page-products .products-wrapper .products-list {
        padding-right: 5%
    }

    .properties h3 {
        margin-bottom: 20px
    }

    .properties {
        padding: 0 140px
    }

    .single-product .product-img {
        height: 410px
    }

    .other-products .single-product .product-img {
        height: 380px
    }

    .products .single-product .product-img {
        height: 395px
    }

    .branches-content {
        padding-top: 110px
    }

    .branches-list .item#data-3 {
        left: 1075px;
        top: -40px
    }

    .branches-list .item#data-2 {
        left: 710px;
        top: -20px
    }

    .branches-list .item#data-1 {
        left: 585px;
        top: 50px
    }

    .branches-list .item#data-4 {
        left: 905px;
        top: 40px
    }

    .single-product .product-img h3 {
        font-size: 34px;
        width: 170px
    }

    .main-slider .item-wrapper .item-content .content h2 {
        font-size: 69px
    }

    .intro-links {
        padding: 0 50px
    }

    .intro-links ul li a {
        font-size: 18px
    }

    .about-page-img svg {
        max-width: 70%
    }

    .about-text-area .about-text-wrapper {
        margin: 0
    }

    .about-text-left h4 {
        font-size: 42px
    }

    .about-text-right {
        font-size: 21px
    }

    .about-slider-content .about-slider-title {
        margin-bottom: 0
    }

    .about-slider-content .about-slider-title span {
        font-size: 90px
    }

    .practice-area .practice-area-content .practice-area-wrapper .item .right-content .cnt {
        font-size: 19px
    }

    .practice-area .practice-area-content .practice-area-wrapper .item .left-content .cnt {
        font-size: 42px
    }

    .practice-area .practice-area-content {
        padding: 150px 0 100px
    }

    .practice-area .other-products {
        padding: 0
    }

    .products-title {
        padding: 0 0 50px
    }

    .practice-area .practice-area-content .practice-area-wrapper {
        margin: 0
    }

    .news .news-wrapper {
        margin: 0
    }

    .contact-info-wrapper .address .cnt p {
        font-size: 32px
    }

    .contact-info-wrapper .info a {
        font-size: 40px
    }

    .news-detail .news-single .news-media .wrapper {
        margin: 0
    }
}

@media screen and (max-width: 1500px) {
    .header-wrapper .logo {
        padding-left:5%
    }

    .main-slider .item-wrapper .item-content .content {
        height: auto
    }

    .main-slider .item-wrapper .item-content .content h2 {
        font-size: 65px
    }

    .intro-links ul li a {
        font-size: 18px
    }

    .intro-links {
        padding: 0 30px
    }

    .main-slider .item-img img {
        height: auto;
        width: 90%
    }

    .container {
        padding: 0;
        max-width: 1380px
    }

    .about-top-wrapper {
        padding: 0 30px
    }

    .about-top-wrapper .left-content .cnt {
        font-size: 32px
    }

    .single-product .content ul li {
        font-size: 18px
    }

    .single-product .content {
        margin: 0 0 0 50px
    }

    .single-product .product-img {
        height: 366px
    }

    .single-product .product-img img {
        width: 90%
    }

    .branches .branches-title h3 {
        font-size: 120px
    }

    .menu-area .main-menu .menu-wrapper .left-side .main-links ul li a {
        font-size: 36px
    }

    .right-side .menu-contact h3 {
        font-size: 48px;
        margin-bottom: 30px
    }

    .right-side .contact-wrapper {
        margin-bottom: 40px
    }

    .menu-area .main-menu .menu-wrapper .left-side .main-links {
        margin-bottom: 40px
    }

    .menu-area .main-menu .menu-wrapper .left-side .main-links ul li a {
        font-size: 36px
    }

    .right-side .menu-contact h3 {
        font-size: 48px;
        margin-bottom: 30px
    }

    .right-side .contact-wrapper {
        margin-bottom: 40px
    }

    .menu-area .main-menu .menu-wrapper .left-side .main-links {
        margin-bottom: 40px
    }

    .search-products .single-product .product-img img {
        width: 310px
    }

    .search-products .single-product .content {
        margin: 0 0 0 100px
    }

    .about-page-img svg {
        max-width: 80%
    }

    .about-text-left h4 {
        font-size: 36px
    }

    .about-text-right {
        font-size: 20px
    }

    .about-slider-content .about-slider-title span {
        font-size: 80px
    }

    .about-slider-content .cnt p {
        font-size: 20px
    }

    .about-slider-area .about-slider-wrapper {
        margin: 0
    }

    .about-slider-area .about-slider-wrapper .about-slider-content {
        padding: 0 30px
    }

    .policies-wrapper .item .single-item .content .cnt {
        font-size: 21px;
        padding: 0 45px 45px 100px
    }

    .policies-wrapper .item .single-item .content h3 {
        padding: 45px 45px 45px 100px
    }

    .career .career-main {
        padding: 180px 50px 0
    }

    .career .career-wrapper .career-left {
        width: 50%
    }

    .career .career-main .career-title .cnt p {
        font-size: 27px;
        line-height: 40px
    }

    .career-form .form-wrapper {
        padding-right: 30px
    }

    .news .news-wrapper .item .news-item .content .title h3 {
        font-size: 19px
    }

    .news .news-wrapper .item.large-item .news-item .content h3 {
        font-size: 20px
    }

    .page-products .products-wrapper .product-list-wrapper .item {
        padding: 0 47px
    }

    .product-filter-wrapper {
        margin: 0 -30px
    }

    .product-filter-wrapper .filter-item {
        padding: 0 30px
    }

    .other-products {
        margin-top: -250px
    }

    .products-title h3 {
        font-size: 120px
    }

    .properties {
        padding: 0 90px
    }

    .products .single-product .product-img {
        height: 368px
    }

    .career .career-main .title .back-btn {
        margin-right: 40px
    }

    .career .career-main .title {
        margin-bottom: 70px
    }

    .other-products .single-product .product-img {
        height: 370px
    }

    .practice-area-list {
        padding: 200px 0 100px
    }

    .practice-area .practice-area-content .practice-area-wrapper .item .left-content .cnt {
        font-size: 36px
    }

    .practice-area .practice-area-content .practice-area-wrapper .item .right-content .cnt {
        font-size: 19px
    }

    .practice-wrapper .item {
        transform: none;
        overflow: visible
    }

    .practice-wrapper .item .single-practice {
        transform: none
    }

    .practice-wrapper .item .single-practice .title h3 {
        font-size: 24px
    }

    .practice-wrapper {
        margin: 0
    }

    .practice-wrapper .item {
        padding: 0 15px
    }

    .practice-banner {
        transform: none;
        overflow: visible
    }

    .practice-area .banner-img {
        transform: none
    }

    .practice-banner {
        transform: none;
        overflow: visible
    }

    .practice-area .banner-img {
        transform: none
    }

    .practice-area .practice-area-content .practice-area-wrapper .left-content {
        transform: none;
        opacity: 1
    }

    .practice-area .practice-area-content .practice-area-wrapper .right-content {
        transform: none;
        opacity: 1
    }

    .practice-area .practice-area-content .practice-area-wrapper .item .left-content .cnt {
        font-size: 24px
    }

    .practice-area .practice-area-content .practice-area-wrapper {
        margin: 0
    }

    .practice-area .practice-area-content .practice-area-wrapper .item {
        padding: 0 15px
    }

    .practice-area .practice-area-content .practice-area-wrapper .item-md {
        width: 60%
    }

    .practice-area .practice-area-content .practice-area-wrapper .item-lg {
        width: 40%
    }

    .practice-area .practice-area-content {
        padding: 100px 0
    }

    .practice-area .other-products {
        padding-top: 50px
    }

    .branches-list .item#data-1 {
        left: 510px;
        top: 90px
    }

    .branches-list .item#data-2 {
        left: 605px
    }

    .branches-list .item#data-3 {
        left: 925px;
        top: 10px
    }

    .branches-list .item#data-4 {
        left: 785px;
        top: 80px
    }

    .branches-content {
        padding-top: 100px
    }

    .branches {
        max-height: 3100px
    }

    .intro-links ul li a span {
        margin-right: 10px
    }

    .branches {
        padding: 100px 0 0
    }

    .branches {
        max-height: 3000px
    }

    .page-products .products-wrapper .products-sidebar .category-header .has-child {
        right: 20px
    }

    .page-products .products-wrapper .products-sidebar .category-header {
        padding-right: 40px
    }
}

@media screen and (max-width: 1400px) {
    .main-slider .item-wrapper .item-content .content h2 {
        font-size:60px
    }

    .main-slider .item-img img {
        width: 80%
    }

    .about-top-wrapper {
        padding: 0 60px
    }

    .products .single-product .product-img {
        height: 358px
    }

    .single-product .product-img {
        height: 341px
    }

    .branches {
        padding: 50px 0 0
    }

    .branches {
        max-height: 2900px
    }

    .menu-area .main-menu .menu-wrapper .left-side .main-links ul li a {
        font-size: 26px;
        padding: 15px 0
    }

    .menu-area .main-menu .menu-wrapper .left-side .main-links {
        margin-bottom: 60px
    }

    .menu-area .main-menu .menu-wrapper .left-side .social-links {
        margin-top: 70px
    }

    .right-side .menu-contact {
        padding: 20px 0
    }

    .right-side .form .form-wrapper .item .input textarea {
        max-height: 100px
    }

    .single-product .product-img h3 {
        width: 150px
    }

    .footer-top {
        padding: 40px 30px
    }

    .footer-bottom {
        padding: 25px 30px
    }

    .other-products .single-product .product-img {
        height: 358px
    }

    .result-list .single-product .product-img {
        height: 400px
    }

    .branches-list .item#data-4 {
        left: 755px
    }

    .branches-list .item#data-3 {
        left: 905px
    }

    .branches-list .item#data-1 {
        left: 490px
    }

    .branches-list .item#data-2 {
        left: 585px
    }

    .career .career-wrapper {
        margin: 0
    }

    .career-form .form-wrapper .item .checkbox label {
        font-size: 14px
    }

    .career-form .form-wrapper .item button {
        font-size: 12px
    }

    .news-detail .news-single .news-media .wrapper .item .media-item a img {
        height: 300px
    }
}

@media screen and (max-width: 1200px) {
    .lines .vertical {
        position:absolute
    }

    .main-slider {
        height: 100vh
    }

    .about-top-wrapper .left-content {
        transform: translateX(0);
        opacity: 1
    }

    .intro-links {
        transform: translateY(0)
    }

    .main-slider .swiper-pagination {
        transform: translateX(0);
        opacity: 1
    }

    .scroll {
        transform: translateX(0);
        opacity: 1
    }

    .right-side .menu-items {
        transform: translateY(0);
        opacity: 1
    }

    .main-slider .item-img {
        transform: scale(1) translate(0);
        opacity: 1
    }

    .main-slider .item-wrapper .item-content .content h2 {
        transform: translateX(0)
    }

    .main-slider .item-wrapper .item-content .content h2 .word {
        transform: translateY(0);
        opacity: 1
    }

    .main-slider .item-wrapper .item-content .content .btn {
        transform: translateX(0)
    }

    .lines .vertical span {
        transform: scaleY(1)
    }

    .lines .horizontal span {
        transform: scaleX(1)
    }

    .logo svg {
        stroke-dasharray: 0;
        stroke-dashoffset: 0
    }

    .logo svg .a,.logo svg .b {
        fill: none
    }

    .about-button {
        transform: translateX(0);
        opacity: 1
    }

    .products .products-title h3 {
        overflow: visible
    }

    .products .products-title h3 span {
        transform: translateY(0)
    }

    .products .tabs ul li {
        transform: translateY(0);
        opacity: 1
    }

    .products .single-product {
        transform: translateY(0);
        opacity: 1
    }

    .page-products .products-list .item {
        transform: translateY(0);
        opacity: 1
    }

    .branches-title h3 {
        overflow: visible
    }

    .branches-title h3 span {
        transform: translateY(0)
    }

    .banner-about .banner-img img {
        transform: scale(1);
        opacity: 1
    }

    .banner-content .after,.banner-content .before {
        height: 48px
    }

    .banner-content .banner-title h3 {
        transform: translateY(0)
    }

    .banner-subtitle {
        overflow: visible
    }

    .banner-content .banner-subtitle h5 {
        transform: translateY(0)
    }

    .about-page-img svg {
        stroke-dasharray: 0;
        stroke-dashoffset: 0
    }

    .about-page-img-bg {
        transform: scale(1)
    }

    .about-text-area .about-text-wrapper .about-text-left {
        transform: translateX(0);
        opacity: 1
    }

    .about-text-area .about-text-wrapper .about-text-right {
        transform: translateX(0);
        opacity: 1
    }

    .about-slider-content .about-slider-title {
        overflow: visible
    }

    .about-slider-content .about-slider-title span.red {
        transform: translateX(0)
    }

    .about-slider-content .about-slider-title span.blue {
        transform: translateX(0)
    }

    .about-slider-content .cnt {
        transform: translateY(0);
        opacity: 1;
        padding: 0 40px
    }

    .policies-wrapper {
        opacity: 1
    }

    .certificates-wrapper .item {
        transform: translateY(0);
        opacity: 1
    }

    .career .career-wrapper .career-left {
        overflow: visible;
        transform: translateX(0)
    }

    .career .career-wrapper .career-left .img {
        transform: translateX(0)
    }

    .career .career-main .career-title {
        transform: translateY(0);
        opacity: 1
    }

    .career .career-main .title {
        transform: translateY(0);
        opacity: 1
    }

    .career .career-wrapper .career-main .career-slider .swiper-slide {
        transform: scale(1);
        opacity: 1
    }

    .map-area {
        overflow: visible;
        transform: translateY(0)
    }

    .map-scope {
        transform: translateY(0)
    }

    .contact-tabs .tablinks ul li {
        opacity: 1;
        transform: translateY(0)
    }

    .contact-info-wrapper .address {
        transform: translateX(0);
        opacity: 1
    }

    .contact-info-wrapper .info {
        transform: translateX(0);
        opacity: 1
    }

    .contact-form .form-wrapper .item {
        opacity: 1;
        transform: translateY(0)
    }

    .products-list .products-main .svg h3 {
        overflow: visible;
        transform: translateX(0)
    }

    .products-list .products-main .svg h3 span {
        transform: translateX(0)
    }

    .products-list .products-main .svg h5 {
        overflow: visible;
        transform: translateX(0)
    }

    .products-list .products-main .svg h5 span {
        transform: translateX(0)
    }

    .products-list .products-main .svg svg {
        transform: scale(1);
        opacity: 1
    }

    .product-list-header .product-info ul {
        transform: translateX(0);
        opacity: 1
    }

    .product-list-header .product-filter {
        transform: translateX(0);
        opacity: 1
    }

    .product-list-header .product-filter {
        display: flex;
        justify-content: flex-end
    }

    .page-products .products-wrapper .products-sidebar ul li {
        opacity: 1;
        transform: translateY(0)
    }

    .news .news-wrapper .item {
        opacity: 1;
        visibility: visible;
        transform: translateY(0)
    }

    .news-detail .news-single .news-content .cnt p {
        transform: translateY(0);
        opacity: 1
    }

    .news-detail .news-single .news-media .wrapper .item {
        transform: translateY(0);
        opacity: 1
    }

    .product-image-wrapper .img {
        transform: translate(0)
    }

    .product-image-wrapper .item {
        overflow: visible
    }

    .product-image-wrapper .content a {
        transform: translateY(0);
        opacity: 1
    }

    .product-image-wrapper .content .cnt {
        transform: translateY(0);
        opacity: 1
    }

    .properties h3 {
        transform: translateY(0);
        opacity: 1
    }

    .properties ul li {
        transform: translateY(0);
        opacity: 1
    }

    .other-products .products-title h3 {
        overflow: visible
    }

    .other-products .products-title h3 span {
        transform: translateY(0)
    }

    .other-products .single-product {
        transform: translateY(0);
        opacity: 1
    }

    .container {
        padding: 0 30px;
        max-width: 100%
    }

    .intro-links {
        width: 100%;
        height: 20vh
    }

    .main-slider .swiper-pagination {
        width: 100%;
        bottom: 20vh;
        right: 0
    }

    .main-slider .item-wrapper {
        flex-direction: column;
        height: auto
    }

    .main-slider .item-img {
        width: 100%;
        padding-top: 150px
    }

    .main-slider .item-img img {
        width: 65%;
        margin: 0 auto;
        display: block
    }

    .main-slider .item-content {
        width: 100%;
        margin-top: 0
    }

    .main-slider .item-wrapper .item-content .content {
        max-width: 100%;
        text-align: center;
        padding: 30px
    }

    .scroll {
        width: 50%;
        bottom: 0;
        height: 10vh
    }

    .main-slider .swiper-pagination {
        position: absolute;
        height: 10vh;
        width: 100%;
        bottom: 0;
        right: 0;
        padding-right: 90px
    }

    .intro-links {
        width: 100%;
        height: 15vh;
        position: relative
    }

    .menu-area .main-menu .menu-wrapper .right-side {
        display: none
    }

    .menu-area .main-menu .menu-wrapper .left-side {
        width: 100%;
        border: none;
        padding: 100px
    }

    .menu-area .main-menu .menu-wrapper .left-side .main-links ul li a {
        font-size: 45px
    }

    .menu-area .main-menu .menu-wrapper .left-side .page-links ul li a {
        font-size: 24px
    }

    .menu-area .main-menu .menu-wrapper .left-side .main-links {
        margin-bottom: 100px
    }

    .about-top-wrapper .left-content {
        width: 50%
    }

    .about-top-wrapper .left-content .cnt {
        font-size: 24px
    }

    .single-product {
        width: 100%;
        border-color: rgba(230,39,51,.2)
    }

    .single-product .content::after {
        background: 0 0
    }

    .banner-about .banner-content {
        width: 70%
    }

    .about-text-area .about-text-wrapper {
        flex-direction: column;
        margin: 0
    }

    .about-text-area .about-text-wrapper .about-text-left {
        width: 100%
    }

    .about-text-area .about-text-wrapper .about-text-right {
        width: 100%;
        margin-top: 50px
    }

    .about-text-area {
        position: relative;
        padding: 50px 0
    }

    .about-slider-area .about-slider-wrapper {
        flex-direction: column
    }

    .about-slider-area .about-slider-wrapper .about-slider-content {
        width: 100%;
        min-height: auto;
        margin-top: 0;
        margin-bottom: 180px
    }

    .about-page-slider {
        position: relative;
        width: 90%;
        margin-left: auto
    }

    .about-slider-content .about-slider-title {
        width: 50%;
        margin: 0 auto
    }

    .career .career-main {
        width: 100%;
        padding-top: 150px
    }

    .career .career-wrapper {
        margin: 0
    }

    .career-slider .swiper-container {
        left: 0;
        width: 100%
    }

    .career .career-wrapper .career-left {
        display: none
    }

    .career .career-wrapper {
        flex-direction: column
    }

    .career .career-wrapper .career-left .img img {
        height: 430px;
        object-fit: cover
    }

    .career {
        padding-bottom: 100px;
        min-height: 80vh;
        display: flex;
        align-items: center
    }

    .certificates-wrapper {
        margin: 0;
        padding: 0 50px
    }

    .certificates-wrapper .item {
        width: 50%
    }

    .policies-wrapper {
        max-width: 90%;
        margin: 0 auto
    }

    .news .news-wrapper .item.large-item {
        width: 100%
    }

    .news .news-wrapper .item {
        width: 33.3%
    }

    .banner-content {
        width: 90%;
        padding: 0 30px
    }

    .news-detail .news-single .news-image {
        width: 100%
    }

    .news-detail .news-single .news-content {
        width: 100%
    }

    .news-detail .news-single .news-media .wrapper .item .media-item a img {
        height: 300px
    }

    .contact-info-wrapper {
        flex-wrap: wrap
    }

    .contact-info-wrapper .address {
        width: 100%
    }

    .contact-info-wrapper .info {
        width: 100%
    }

    .contact-form {
        width: 90%
    }

    .main-slider .item-wrapper .item-content .content {
        opacity: 1
    }

    .footer-top-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr
    }

    .footer-top-item.footer-contact {
        order: 2;
        grid-area: 1/2/span 2/auto
    }

    .footer-top-wrapper .footer-top-item {
        flex: 1 1 auto
    }

    .footer-top-item.footer-logo {
        order: 1
    }

    .footer-top-item.footer-social {
        order: 3
    }

    .footer-top .footer-top-wrapper .footer-social ul {
        justify-content: flex-start;
        margin-top: 30px
    }

    .footer-contact ul {
        flex-wrap: wrap;
        justify-content: flex-end
    }

    .footer-contact ul li {
        margin: 0 0 20px;
        width: 51%
    }

    .footer-contact ul li:last-child {
        margin: 0
    }

    .header-wrapper .logo a svg .b {
        stroke: none;
        fill: #e62733
    }

    .header-wrapper .logo a svg .a {
        stroke: none;
        fill: #1f7ec3
    }

    .page-products .products-wrapper .products-sidebar {
        position: fixed;
        top: 150px;
        padding: 60px 40px;
        background: #fff;
        width: 361px;
        z-index: 10;
        transform: translateX(-361px)
    }

    .page-products .products-wrapper .products-list {
        padding-right: 0
    }

    header.products-header .product-list-header {
        display: none
    }

    .product-list-header {
        padding: 30px 60px
    }

    header.products-header .header-wrapper .logo {
        width: 360px
    }

    .product-image-wrapper .img {
        padding: 40px 0
    }

    .product-image-wrapper .item {
        padding: 0 15px;
        width: 100%
    }

    .product-image-wrapper {
        flex-wrap: wrap
    }

    .product-image-wrapper .img h3 {
        transform: rotate(-90deg) translateX(0)
    }

    .product-name {
        position: relative;
        margin-top: 50px;
        right: -40px
    }

    .product-properties {
        padding: 50px 0
    }

    .product-image-wrapper .content {
        max-width: 80%
    }

    .other-products {
        margin-top: 0
    }

    .products-title h3 {
        font-size: 85px
    }

    .branches-content {
        max-height: 700px;
        margin-top: -150px
    }

    .about-img-horizontal-wrapper {
        display: block
    }

    .about-img-horizontal .item {
        min-width: 0
    }

    .products-list .products-main .svg h3 {
        font-size: 100px;
        left: 60px
    }

    .products-list .products-main .svg h5 {
        right: 0;
        font-size: 100px
    }

    .about-top {
        margin-bottom: 100px
    }

    .about {
        padding-top: 300px;
        padding-bottom: 50px
    }

    .products .single-product .product-img {
        height: 310px
    }

    .single-product .product-img img {
        width: 67%
    }

    .branches {
        padding-top: 0;
        max-height: none
    }

    .branches .container {
        min-height: auto
    }

    .branches-wrapper {
        max-height: none
    }

    .banner-about .banner-img img {
        width: 70%
    }

    .about-page-img svg {
        stroke-width: 4px
    }

    .banner.banner-about {
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .banner-about .banner-img {
        min-width: 100%
    }

    .career .career-main .career-title {
        margin-bottom: 100px
    }

    .career .career-main .title {
        margin-bottom: 100px
    }

    .product-filter-wrapper .filter-item:last-child::after {
        display: block
    }

    .product-filter-wrapper {
        margin: 0;
        flex-wrap: wrap
    }

    .product-filter-wrapper .filter-item {
        width: 33.3%;
        margin-bottom: 50px;
        padding: 0 50px
    }

    .product-filter-wrapper .filter-item:nth-child(3)::after {
        display: none
    }

    .single-product .content::before {
        display: none
    }

    .page-products .products-wrapper .product-list-wrapper .item {
        padding: 0 20px
    }

    .products .single-product .product-img img {
        width: 63%
    }

    .other-products .single-product .product-img {
        height: 300px
    }

    .product-image-wrapper .img {
        max-width: 80%;
        margin: 40px auto
    }

    .career-header .header-wrapper .logo a svg .a {
        fill: #1f7ec3;
        stroke: none
    }

    .career-header .header-wrapper .logo a svg .b {
        fill: #e62733;
        stroke: none
    }

    .search-result {
        padding: 40px 0
    }

    .search-products .item {
        padding: 0 20px
    }

    .search-products .single-product .content {
        margin: 0 50px
    }

    .search-products .single-product .product-img img {
        width: 91%
    }

    .right-side .menu-items.lang {
        display: none
    }

    .menu-area .main-menu .menu-wrapper .left-side .lang-links {
        margin: 80px 0;
        display: block
    }

    .menu-area .main-menu .menu-wrapper .left-side .lang-links ul {
        display: flex;
        align-items: center
    }

    .menu-area .main-menu .menu-wrapper .left-side .lang-links ul li {
        margin-right: 25px
    }

    .menu-area .main-menu .menu-wrapper .left-side .lang-links ul li a {
        font-weight: 400;
        font-size: 20px;
        color: #868686;
        display: block;
        margin-bottom: 10px;
        transition: all .4s ease 0s
    }

    .menu-area .main-menu .menu-wrapper .left-side .social-links {
        margin-top: 0
    }

    .product-sidebar-btn {
        padding-left: 30px;
        text-align: center;
        display: block
    }

    .product-sidebar-btn .sidebar-btn {
        font-weight: 700;
        font-size: 20px;
        color: #000;
        position: relative
    }

    .product-sidebar-btn img {
        width: 24px;
        height: 24px;
        margin-right: 15px
    }

    .products-list .products-main .svg svg {
        max-width: 44%
    }

    .practice-area .practice-area-content .practice-area-wrapper {
        flex-wrap: wrap
    }

    .practice-area .practice-area-content .practice-area-wrapper .item {
        width: 100%;
        position: relative;
        top: 0
    }

    .practice-area .practice-area-content .practice-area-wrapper .left-content {
        margin-bottom: 50px
    }

    .practice-area .other-products {
        padding-bottom: 0
    }

    .branches-list .item#data-1 {
        left: 575px;
        top: 200px
    }

    .branches-list .item#data-2 {
        left: 375px;
        top: 190px
    }

    .branches-list .item#data-3 {
        left: 265px;
        top: 150px
    }

    .branches-list .item#data-4 {
        left: 505px;
        top: 140px
    }

    .branches-mobile .item .title>span {
        font-weight: 700;
        font-size: 36px;
        color: #000;
        padding: 15px 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        transition: all .4s ease 0s
    }

    .branches-mobile .item .title {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .branches-mobile .item .title .icon {
        fill: none;
        stroke: #000;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-miterlimit: 10;
        stroke-width: 5px
    }

    .branches-mobile {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        padding: 40px 0
    }

    .branches-mobile .item {
        width: 100%;
        padding: 0 30px;
        border-bottom: 1px solid #f1f1f1
    }

    .branches-mobile .item .content {
        display: none;
        position: relative;
        padding: 20px 0
    }

    .branches-mobile .item:last-child {
        border: none
    }

    .branches-mobile .item .content .content-links a {
        display: block;
        font-size: 18px;
        font-weight: 700;
        color: #000;
        margin-bottom: 10px
    }

    .branches-mobile .item .content .content-links a:last-child {
        margin-bottom: 0
    }

    .branches-mobile .item .content .content-links a .blue {
        color: #1f7ec3
    }

    .branches-mobile .item .content .content-links a .red {
        color: #e62733
    }

    .branches-mobile .item.active .icon {
        transform: rotate(90deg)
    }

    .branches-mobile .item.active .title>span {
        color: #e62733
    }

    .branches-content {
        display: none
    }

    .contact-info-wrapper .info a {
        display: block;
        text-align: center
    }

    .contact-info-wrapper .address .cnt p {
        text-align: center
    }

    .product-image-wrapper .content h3 {
        transform: translateY(0);
        opacity: 1
    }

    .product-properties .product-image-wrapper .item:nth-child(1) {
        transform: translateY(0)
    }

    .product-properties .product-image-wrapper .item:nth-child(2) {
        transform: translateY(0)
    }
}

@media screen and (max-width: 990px) {
    .menu-area .main-menu .menu-wrapper .left-side {
        padding:50px
    }

    .main-slider .item-img {
        transform: none;
        width: 80%;
        margin: 0 auto
    }

    .main-slider .item-wrapper .item-content .content h2 {
        font-size: 48px;
        margin-bottom: 30px
    }

    .products .tabs ul {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding: 20px;
        justify-content: flex-start
    }

    .main-slider .item-wrapper .item-content .content {
        padding: 11px 50px
    }

    .products .single-product {
        border-color: rgba(230,39,51,.2)
    }

    .about {
        padding: 215px 0 50px
    }

    .about-top {
        margin-bottom: 50px
    }

    .about-img-horizontal .item {
        padding: 0 15px
    }

    .products-title {
        padding-top: 0
    }

    .about-top-wrapper {
        flex-wrap: wrap;
        padding: 0
    }

    .about-top-wrapper .left-content {
        width: 100%
    }

    .about-button {
        width: 100%;
        text-align: left;
        margin-top: 20px
    }

    .about-page-img svg {
        stroke-width: 5px
    }

    .about-page-img {
        height: 455px
    }

    .banner-about .banner-content {
        width: 90%
    }

    .banner-about .banner-img img {
        width: 70%
    }

    .about-page-slider .swiper-next,.about-page-slider .swiper-prev {
        width: 60px;
        height: 60px
    }

    .about-page-slider .swiper-navigation {
        width: 120px;
        left: 0;
        bottom: -3px
    }

    .about-page-slider {
        width: 100%;
        padding-left: 0
    }

    .circular-text {
        left: 0
    }

    .news .news-wrapper .item.large-item {
        width: 100%
    }

    .news .news-wrapper .item {
        width: 50%
    }

    .single-product {
        padding: 30px 15px;
        width: 100%
    }

    .page-products .products-wrapper .product-list-wrapper .item {
        padding: 0 20px
    }

    .product-filter-wrapper {
        flex-wrap: wrap;
        margin: 0;
        justify-content: center;
        padding-bottom: 0
    }

    .product-filter-wrapper .filter-item {
        width: 33.3%;
        margin-bottom: 50px
    }

    .product-filter-wrapper .filter-item h3 {
        font-size: 18px
    }

    .filter-button {
        margin-top: 30px
    }

    .product-filter-wrapper .filter-item::after {
        display: none
    }

    .main-slider .item-img img {
        width: 70%
    }

    .about-button .about-btn {
        font-size: 24px
    }

    .products .single-product .product-img img {
        width: 68%
    }

    .products .tab-content {
        min-height: 820px
    }

    .career .career-main {
        padding: 150px 0 0
    }

    .career-form .form-wrapper {
        padding-right: 0
    }

    .career .career-main .title .back-btn {
        margin-right: 10px
    }

    .certificates {
        padding: 200px 0 50px
    }

    .certificates-wrapper {
        padding: 0
    }

    .certificates-wrapper .item {
        padding: 0 15px
    }

    .search-products .single-product .product-img img {
        width: 87%
    }

    .single-product .line {
        left: 30px
    }

    .search-products .single-product .content {
        margin: 0 30px
    }

    .menu-area .main-menu .menu-wrapper .left-side .lang-links {
        margin: 30px 0;
    }

    .menu-area .main-menu .menu-wrapper .left-side .main-links {
        margin-bottom: 60px
    }

    .page-links {
        margin-bottom: 40px;
    }

    .products-list .single-product .product-img img {
        width: 80%
    }

    .other-products .single-product .product-img img {
        width: 72%
    }

    .practice-wrapper .item {
        width: 50%
    }

    .footer-bottom-item.copy,.footer-bottom-item.desing {
        width: 25%
    }

    .footer-bottom-item.links {
        width: 50%
    }

    .footer-bottom-wrapper .footer-bottom-item {
        flex: auto
    }

    .result-list .single-product .product-img {
        height: 337px
    }

    .product-list-header .product-filter .filter span {
        display: none
    }

    .product-list-header .product-filter .filter svg {
        margin: 0
    }

    .about-text-area .about-text-wrapper .about-text-left {
        padding: 0
    }

    .about-text-area .about-text-wrapper .about-text-right {
        padding: 0
    }

    .about-slider-content .cnt {
        padding: 0
    }
}

@media screen and (max-width: 520px) {
    .close-sidebar {
        display:block
    }

    .container {
        padding: 0 15px
    }

    .logo svg {
        width: 100%
    }

    .header-wrapper .logo {
        width: 30%;
        padding: 20px 0
    }

    .right-side {
        width: 50%;
        padding-right: 0
    }

    .header-wrapper {
        padding: 0 15px
    }

    .right-side .menu-items.lang {
        display: none
    }

    .right-side .menu-items {
        margin-left: 20px
    }

    .main-slider .item-img img {
        width: 80%
    }

    .main-slider .item-img {
        width: 100%;
        padding-top: 90px
    }

    .main-slider .item-wrapper .item-content .content {
        padding: 0
    }

    .main-slider .item-wrapper .item-content .content h2 {
        font-size: 36px;
        margin-bottom: 11px
    }

    .main-slider .item-wrapper .item-content .content a {
        font-size: 18px
    }

    .intro-links ul {
        justify-content: flex-start;
        overflow-x: auto;
        flex-wrap: nowrap;
        margin-top: 15px;
        -webkit-scrollbar-height: 0
    }

    .intro-links ul::-webkit-scrollbar {
        width: 0;
        height: 0
    }

    .intro-links {
        padding-right: 0
    }

    .intro-links ul li {
        margin-right: 30px
    }

    .intro-links ul li:last-child {
        padding-right: 100px
    }

    .intro-links::before {
        content: "";
        pointer-events: none;
        position: absolute;
        top: 0;
        right: 0;
        width: 100px;
        height: 100%;
        background: linear-gradient(to left,#e62733,rgba(230,39,51,0))
    }

    .scroll {
        padding-left: 20px
    }

    .main-slider .swiper-pagination {
        padding-right: 0
    }

    .products .products-title h3 {
        font-size: 65px;
        margin-bottom: 0
    }

    .branches .branches-title h3 {
        font-size: 65px
    }

    .single-product {
        width: 100%;
        margin: 0 0 0 10px
    }

    .single-product .line {
        bottom: 93px;
        left: 50%;
        transform: translateX(-50%) rotate(-17deg)
    }

    .single-product .product-img {
        height: 323px
    }

    .single-product .content ul li {
        font-size: 16px
    }

    .other-products .container {
        padding: 0
    }

    .footer-top-wrapper {
        display: flex;
        flex-wrap: wrap
    }

    .footer-top-wrapper .footer-top-item {
        width: 100%
    }

    .footer-contact ul li {
        width: 50%;
        margin: 0
    }

    .footer-top-item.footer-logo {
        max-width: 70%;
        margin: 0 auto;
        background: #fff;
        position: relative;
        z-index: 1;
        text-align: center
    }

    .footer-bottom-wrapper {
        flex-wrap: wrap;
        padding: 0 0
    }

    .footer-bottom-wrapper .footer-bottom-item {
        flex: auto
    }

    .footer-bottom-wrapper .links ul {
        flex-wrap: wrap;
        justify-content: center
    }

    #biltek-signature {
        justify-content: center;
    }

    .footer-bottom-item.links {
        order: 1;
        width: 100%;
        padding: 25px;
        background: #fafafa
    }

    .footer-bottom-item.copy {
        text-align: left;
        order: 2;
        width: 100%;
        padding: 20px 0;
        padding-left: 10px;
        justify-content: center;
    }

    .menu-area .main-menu .menu-wrapper .left-side {
        padding: 0;
        border: none
    }

    .menu-area .main-menu .menu-wrapper .left-side .main-links ul li a .icon svg {
        width: 10px
    }

    .menu-area .main-menu .menu-wrapper .left-side .main-links {
        margin-bottom: 50px
    }

    .menu-area .main-menu .menu-wrapper .left-side .social-links {
        margin-top: 40px;
    }

    .menu-area .main-menu .menu-wrapper .left-side .social-links ul {
        flex-wrap: wrap
    }

    .menu-area .main-menu .menu-wrapper .left-side .social-links ul li {
        width: 50%
    }

    .menu-area .main-menu .menu-wrapper .left-side .main-links ul li a {
        font-size: 24px
    }

    .banner-content .banner-title h3 {
        font-size: 36px
    }

    .banner.banner-about {
        padding: 260px 0
    }

    .about-text-left h4 {
        font-size: 21px
    }

    .about-text-right {
        font-size: 18px
    }

    .about-slider-content .about-slider-title span {
        font-size: 55px
    }

    .about-slider-content .about-slider-title {
        width: 100%;
        margin-bottom: 30px
    }

    .about-slider-content .about-slider-title span.blue {
        top: 0
    }

    .circular-text {
        display: none
    }

    .about-page-slider {
        width: 100%;
        padding: 0 20px;
        margin-bottom: 30px
    }

    .about-slider-area .about-slider-wrapper .about-slider-content {
        margin: 50px
    }

    .about-page-slider .swiper-navigation {
        left: 0
    }

    .banner-content h5 {
        font-size: 24px
    }

    .banner-content {
        width: 100%
    }

    .policies-wrapper .item .single-item .content h3 {
        font-size: 24px;
        padding: 20px 20px 20px 50px
    }

    .policies-wrapper .item .single-item .number {
        font-size: 60px;
        left: -30px
    }

    .policies-wrapper .item .single-item .content .cnt {
        font-size: 16px;
        padding: 0 30px 30px 60px
    }

    .news .news-wrapper .item.large-item .news-item {
        flex-wrap: wrap
    }

    .news .news-wrapper .item.large-item .news-item .img {
        width: 100%
    }

    .news .news-wrapper .item.large-item .news-item .content {
        width: 100%;
        padding: 30px
    }

    .news .news-wrapper .item.large-item .news-item .img img {
        height: 300px
    }

    .news .news-wrapper .item {
        padding: 0 5px
    }

    .news-detail .news-single .news-image img {
        height: 170px
    }

    .news-detail .news-single .news-content .cnt {
        font-size: 18px
    }

    .certificates-wrapper .item {
        width: 100%;
        padding: 0
    }

    .certificates-wrapper {
        padding: 0
    }

    .contact-tabs .tablinks ul {
        justify-content: flex-start;
        flex-wrap: nowrap;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }

    .contact-tabs .tablinks ul li {
        flex: 1 1 0%;
        min-width: 130px
    }

    .contact-info-wrapper .address {
        padding: 0
    }

    .contact-info-wrapper .address .cnt p {
        font-size: 24px
    }

    .contact-info-wrapper .info a {
        font-size: 27px
    }

    .contact-info-wrapper .info {
        padding: 0
    }

    .contact-form .form-wrapper .item.item-6 {
        width: 100%
    }

    .contact-form {
        width: 100%;
        padding: 0 15px
    }

    .contact-form .form-wrapper .item.item-4,.contact-form .form-wrapper .item.item-8 {
        width: 100%
    }

    .contact-form .captcha-wrapper {
        flex-wrap: wrap
    }

    .contact-form .captcha-wrapper .captcha {
        margin-bottom: 31px
    }

    .products-list .products-main .svg h3 {
        font-size: 48px
    }

    .products-list .products-main .svg svg {
        width: 80%
    }

    .products-list .products-main .svg h5 {
        font-size: 48px
    }

    .products-list .products-main .svg {
        display: none
    }

    .products-list .single-product .product-img img {
        width: 62%
    }

    header.products-header .header-wrapper .logo {
        width: 30%;
        border: none
    }

    .page-products .products-wrapper .product-list-wrapper .item {
        width: 100%;
        padding: 0
    }

    .product-list-header {
        flex-wrap: wrap;
        padding: 10px 15px
    }

    .products-list .products-main .product-scroll-down {
        display: none
    }

    .product-image-wrapper .content .cnt {
        font-size: 18px
    }

    .product-name h2 {
        font-size: 25px;
        min-width: 200px
    }

    .product-image-wrapper .content {
        max-width: 100%;
        padding: 40px 0
    }

    .product-name {
        min-width: 80px;
        padding-top: 0;
    }

    .properties {
        padding: 0
    }

    .properties h3 {
        font-size: 27px
    }

    .properties ul li {
        font-size: 18px
    }

    .properties {
        padding: 0
    }

    .properties h3 {
        font-size: 27px
    }

    .properties ul li {
        font-size: 18px
    }

    .other-products .products-title h3 span {
        font-size: 65px
    }

    .products-slider .container {
        padding: 0
    }

    .product-detail {
        overflow: hidden;
        padding-bottom: 0
    }

    .search-products .item {
        width: 100%;
        padding: 0;
        margin-bottom: 30px
    }

    .search-result {
        padding: 0
    }

    .result-list .tabs ul li a {
        font-size: 21px
    }

    .result-list .tabs ul li {
        margin: 0 5px
    }

    .result-list .tabs ul {
        margin-top: 30px;
        overflow-x: auto;
        flex-wrap: nowrap
    }

    .search-products .single-product .content {
        margin-left: 50px
    }

    .search-products .single-product .product-img img {
        width: 67%
    }

    .products-slider .single-product {
        margin: 0 auto
    }

    .career .career-main {
        padding: 110px 0 0
    }

    .career .career-wrapper .career-main .career-slider .swiper-slide .single-career-item .content {
        padding: 0
    }

    .career .career-main .career-title {
        margin-bottom: 50px
    }

    .career .career-main .title {
        margin-bottom: 50px
    }

    .career .career-main .title.back {
        margin-bottom: 30px
    }

    .career-form .form-wrapper .item.item-4 {
        width: 100%
    }

    .career-form .form-wrapper {
        padding: 0
    }

    .career-form .form-wrapper .item .file-input label {
        font-size: 13px
    }

    .career-form .form-wrapper .item .file-input .file-btn {
        font-size: 12px;
        padding: 0 15px
    }

    .career .career-main .title.back {
        font-size: 14px
    }

    .career-form .form-wrapper .item .captcha-wrapper {
        flex-wrap: wrap;
        margin-bottom: 0
    }

    .career-form .form-wrapper .item .captcha-wrapper .captcha {
        margin-bottom: 30px
    }

    .career-form .form-wrapper .item.item-8 {
        width: 100%
    }

    .career-form .form-wrapper .item .captcha-wrapper .captcha:last-child {
        margin: 0
    }

    .career {
        min-height: 135vh;
        align-items: flex-start;
    }

    .career-form .form-wrapper .item .checkbox label {
        font-size: 12px
    }

    .menu-area {
        top: 90px;
        height: calc(100vh - 90px);
        background: #fff
    }

    .product-list-wrapper .single-product {
        margin: 0 auto 30px;
        padding: 30px 0
    }

    .policies-wrapper {
        max-width: 90%
    }

    .banner {
        padding: 160px 0 90px
    }

    .certificates {
        padding: 140px 0 50px
    }

    .contact {
        padding: 70px 0
    }

    .contact-tabs .tablinks {
        margin-bottom: 40px
    }

    .contact {
        padding: 70px 0
    }

    .contact-tabs .tablinks {
        margin-bottom: 40px;
        padding: 0 15px;
        padding-right: 40px;
        position: relative;
    }

    .contact-info-wrapper {
        margin-bottom: 40px
    }

    .about-slider-area .about-slider-wrapper .about-slider-content {
        margin-bottom: 30px;
        margin-top: 0;
        padding: 0
    }

    .banner.banner-about {
        padding: 150px 0
    }

    .about-page {
        overflow: hidden
    }

    .main-slider .item-wrapper {
        margin-bottom: 0
    }

    .about {
        padding: 170px 0 30px
    }

    .about-button {
        margin-top: 20px
    }

    .products .tabs ul {
        padding-bottom: 0
    }

    .products-title {
        padding-bottom: 20px
    }

    .products .single-product .content {
        margin-left: 20px;
        margin-right: 0
    }

    .products .single-product .product-img {
        height: 276px
    }

    .menu-area .main-menu .menu-wrapper .left-side .page-links ul li a {
        font-size: 18px
    }

    .menu-area .main-menu .menu-wrapper .left-side .lang-links ul li a {
        font-size: 16px
    }

    .menu-area .main-menu .menu-wrapper .left-side .lang-links ul {
        flex-wrap: wrap
    }

    .menu-area .main-menu .menu-wrapper .left-side .social-links ul li a {
        font-size: 16px
    }

    .menu-area .main-menu .menu-wrapper {
        padding: 30px
    }

    .menu-area .main-menu .menu-wrapper .left-side .main-links ul li a {
        font-size: 18px;
        padding: 10px 0
    }

    .about-text-area .about-text-wrapper .about-text-left {
        padding: 0
    }

    .about-text-area .about-text-wrapper .about-text-right {
        padding: 0;
        margin-top: 20px
    }

    .about-slider-content .cnt {
        padding: 0
    }

    .career .career-main .title .back-btn {
        font-size: 12px
    }

    .contact-tabs .tablinks ul li a {
        font-size: 21px;
        text-align: center;
        padding: 10px 30px
    }

    .product-list-header .product-info ul li {
        font-size: 16px
    }

    .product-list-header .product-filter .filter {
        font-size: 16px
    }

    .product-sidebar-btn .sidebar-btn {
        display: none
    }

    .product-sidebar-btn {
        margin-top: 0;
        padding: 0;
        margin-left: 20px
    }

    .page-products .products-wrapper .product-list-wrapper {
        padding: 20px 15px
    }

    .single-product .content {
        margin: 0 50px
    }

    .other-products .single-product .product-img img {
        width: 66%
    }

    .other-products .single-product .line {
        left: 50%;
        transform: translateX(-50%) rotate(-17deg)
    }

    .other-products .single-product .content {
        margin: 0 30px
    }

    .product-image-wrapper .img {
        max-width: 90%;
        margin: 40px auto
    }

    .products .single-product .product-img img {
        width: 59%
    }

    .products .tabs ul li a {
        font-size: 24px;
        margin: 0 10px
    }

    .page-products .products-wrapper .products-sidebar {
        width: 100%;
        transform: translateX(-100%);
        padding: 0 40px
    }

    .close-sidebar {
        text-align: center;
        margin-bottom: 50px
    }

    span.close-btn {
        font-weight: 700;
        font-size: 20px;
        color: #242424;
        display: inline-block;
        transition: all .4s ease 0s;
        padding-left: 40px;
        position: relative
    }

    span.close-btn::before {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        background: url(../img/icons/close.svg);
        width: 25px;
        height: 17px
    }

    .page-products .products-wrapper .products-sidebar .category-item {
        top: 100px
    }

    .other-products .swiper-container,.products .swiper-container {
        padding-left: 30px;
        padding-right: 30px
    }

    .search-products .single-product {
        margin: 0
    }

    .search-area .search-main .search-wrapper {
        height: 90px
    }

    .product-filter {
        z-index: 1
    }

    .product-filter-wrapper .filter-item {
        width: 50%;
        padding: 0 40px
    }

    .product-filter-area {
        padding-top: 0;
        height: 100vh;
        overflow-y: auto
    }

    .product-filter-wrapper .filter-item:last-child::after {
        display: none
    }

    .product-filter-wrapper {
        justify-content: flex-start;
        padding-top: 20px
    }

    .filter-close {
        padding: 50px;
        text-align: center;
        display: block
    }

    .filter-close .close-filter {
        color: #fff;
        font-weight: 700;
        font-size: 20px;
        display: inline-block;
        transition: all .4s ease 0s;
        padding-left: 0;
        position: relative
    }

    .filter-close .close-filter::before {
        content: "";
        position: absolute;
        top: -25px;
        transform: translateX(-50%);
        left: 50%;
        background: url(../img/icons/close-filter.svg);
        width: 25px;
        height: 17px
    }

    .product-filter-area form {
        padding-bottom: 50px
    }

    .practice-wrapper .item {
        width: 100%
    }

    .practice-area .banner-img {
        height: 360px
    }

    .other-products .products-title h3 span {
        font-size: 55px
    }

    .search-result {
        height: calc(100vh - 90px)
    }

    .footer-top {
        background: #fff;
        padding: 0
    }

    .footer-top-item.footer-social {
        order: 2;
        padding: 50px 30px 30px;
        margin-top: -20px;
        border: 1px solid #f1f1f1
    }

    .footer-top .footer-top-wrapper .footer-social ul {
        margin-top: 0;
        justify-content: center
    }

    .footer-top-item.footer-contact {
        order: 3;
        padding: 25px 0
    }

    .footer-contact ul li a {
        justify-content: center;
        font-size: 12px
    }

    .footer-bottom-item.design {
        order: 3;
        width: 50%;
        padding: 20px 0;
        padding-right: 10px
    }

    .footer-bottom {
        padding: 0
    }

    .branches-mobile .item .title>span {
        font-size: 24px
    }

    .branches-mobile .item {
        padding: 0 15px
    }

    .branches-mobile .item .title .icon svg {
        width: 12px
    }

    .footer-bottom-wrapper .links ul li a {
        font-size: 13px
    }

    .footer-contact ul li:last-child a {
        justify-content: flex-end
    }

    .footer-contact ul li:first-child a {
        justify-content: flex-start
    }

    .footer-contact ul {
        padding: 0 10px
    }

    .product-list-header .product-filter {
        display: flex;
        align-items: center;
        justify-content: flex-end
    }

    .product-list-header .product-filter .filter span {
        display: none
    }

    .about-text-area {
        padding: 50px 0
    }

    .about-text-area .about-text-wrapper .about-text-right p:last-child {
        margin: 0
    }

    .career-slider .swiper-container .swiper-pagination {
        flex-direction: row;
        width: 100%;
        height: 50px;
        transform: none;
        position: relative;
        inset: auto
    }

    .career-slider .swiper-container {
        padding: 0
    }

    .career-slider .swiper-container .swiper-pagination .swiper-pagination-bullet {
        margin: 0 10px
    }

    .career-slider .swiper-container::after {
        display: none
    }

    .career .career-wrapper .career-main .career-slider .swiper-slide .single-career-item .icon {
        width: 60%;
        display: block
    }

    .career .career-wrapper .career-main .career-slider .swiper-slide .single-career-item .icon svg {
        width: 100%
    }

    .career .career-wrapper .career-main .career-slider .swiper-slide .single-career-item {
        min-height: 190px;
        padding: 20px;
    }

    .career .career-wrapper .career-main .career-slider .swiper-slide .single-career-item .content h3 {
        font-size: 16px;
        line-height: 20px
    }

    .career-form .form-wrapper .item button {
        background: #fff;
        border: 1px solid #e4e4e8;
        color: #e62733
    }

    .career-form .form-wrapper .item .checkbox label span {
        display: block;
        position: relative;
        top: -2px
    }

    .practice-area .practice-area-content {
        padding: 50px 0
    }

    .contact .container {
        padding: 0
    }

    .contact-tabs .tab-content {
        padding: 0 15px
    }

    .contact-tabs .tablinks:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 100px;
        height: 100%;
        background: linear-gradient(to left,#fff 40%,rgba(255,255,255,0));
        z-index: 1;
        pointer-events: none;
    }

    .news .news-wrapper .item .news-item .img img {
        height: 130px
    }

    .news .news-wrapper .item .news-item .content .title h3 {
        font-size: 15px
    }

    .career-form .form-wrapper .item .captcha-wrapper .captcha .form-control,.career-form .form-wrapper .item .input input {
        padding: 0 15px
    }

    .page-products .products-wrapper .products-sidebar .category-header {
        margin-bottom: 10px
    }

    .page-products .products-wrapper .products-sidebar .category-item>ul>li>ul>li>a {
        margin-bottom: 10px
    }

    .products-wrapper .products-sidebar .category-item>ul>li>ul>li>ul>li>a {
        margin-bottom: 10px
    }

    .slider-button-icon {
        display: none
    }

    .slide-btn {
        width: 100px
    }

    .about-page-slider img {
        width: 100%
    }

    .product-filter.z-index-deep {
        z-index: 998
    }

    .result-list .single-product .product-img {
        height: 324px
    }

    .contact-form .form-wrapper .item .input input::placeholder,.contact-form .form-wrapper .item .input textarea::placeholder {
        font-size: 14px
    }

    .product-image-wrapper .img h3 {
        right: 35px;
        font-size: 57px
    }

    .product-image-wrapper .content h3 {
        font-size: 48px
    }
}

@media screen and (max-width: 400px) {
    .main-slider .item-img img {
        width:100%
    }

    .products-list .single-product .product-img img {
        width: 69%
    }

    .products .single-product .product-img img {
        width: 66%
    }

    .other-products .single-product .product-img img {
        width: 75%
    }

    .search-products .single-product .product-img img {
        width: 75%
    }

    .career {
        min-height: 130vh;
        align-items: flex-start;
    }

    .result-list .single-product .product-img {
        height: 322px
    }
}

@media screen and (min-width: 1500px) and (max-width:1550px) {
    .container {
        max-width:1400px
    }

    .menu-area .main-menu .menu-wrapper .left-side {
        height: calc(100vh - 100px)
    }

    .main-slider .item-wrapper .item-content .content h2 {
        font-size: 60px
    }

    .main-slider .item-img img {
        height: 90vh
    }

    .intro-links ul li a {
        font-size: 18px
    }

    .intro-links {
        padding: 0 40px
    }

    .menu-area .main-menu .menu-wrapper .left-side .main-links ul li a {
        font-size: 35px;
        padding: 20px 0
    }

    .menu-area .main-menu .menu-wrapper .left-side .main-links {
        margin-bottom: 50px
    }

    .menu-area .main-menu .menu-wrapper .left-side .social-links {
        margin-top: 70px
    }

    .right-side .menu-contact h3 {
        font-size: 48px;
        margin-bottom: 30px
    }

    .right-side .contact-wrapper {
        margin-bottom: 20px
    }

    .menu-area .main-menu .menu-wrapper .right-side .menu-contact {
        padding: 20px 0
    }

    .menu-area .main-menu .menu-wrapper .left-side .social-links ul li a {
        font-size: 17px
    }

    .main-slider .item-wrapper .item-content .content h2 {
        font-size: 60px
    }

    .main-slider .item-img img {
        height: 90vh
    }

    .intro-links ul li a {
        font-size: 18px
    }

    .intro-links {
        padding: 0 40px
    }

    .about {
        padding: 100px 0 50px
    }

    .about-top {
        margin-bottom: 100px
    }

    .products-title h3 {
        font-size: 120px;
        margin-bottom: 30px
    }

    .products .single-product {
        padding: 20px
    }

    .single-product .content {
        margin-left: 80px
    }

    .single-product .content ul li {
        font-size: 18px
    }

    .products .single-product .product-img {
        height: 376px
    }

    .branches .branches-title h3 {
        font-size: 120px
    }

    .about-page-img svg {
        max-width: 80%
    }

    .about-text-left h4 {
        font-size: 36px
    }

    .about-text-right {
        font-size: 20px
    }

    .about-slider-content .about-slider-title span {
        font-size: 80px
    }

    .about-slider-content .cnt p {
        font-size: 20px
    }

    .about-text-area {
        padding: 150px 0
    }

    .about-slider-area .about-slider-wrapper .about-slider-content {
        min-height: 550px
    }

    .career .career-wrapper .career-left {
        width: 50%
    }

    .career .career-main {
        padding: 170px 50px 0
    }

    .career .career-main .career-title .cnt p {
        font-size: 32px;
        line-height: 40px
    }

    .news .news-wrapper .item.large-item .news-item .content {
        padding: 10px 35px
    }

    .contact-info-wrapper .info a {
        font-size: 45px
    }

    .contact-info-wrapper .address .cnt p {
        font-size: 27px;
        margin: 0
    }

    .contact-form {
        width: 70%
    }

    .product-image-wrapper .content {
        padding: 80px 40px
    }

    .properties h3 {
        font-size: 36px
    }

    .properties ul li {
        font-size: 18px
    }

    .properties {
        padding: 0 100px
    }

    .other-products .single-product {
        width: 100%;
        padding: 20px
    }

    .other-products .single-product .product-img {
        height: 360px
    }

    .single-product .product-img h3 {
        font-size: 65px
    }

    .practice-wrapper .item .single-practice .title h3 {
        font-size: 27px
    }

    .practice-area .banner-img {
        height: 550px
    }

    .practice-area .banner-img {
        height: 550px
    }

    .practice-area .practice-area-content .practice-area-wrapper .item .left-content .cnt {
        font-size: 38px
    }

    .practice-area .practice-area-content .practice-area-wrapper .item .right-content .cnt {
        font-size: 20px
    }

    .practice-area .practice-area-content .practice-area-wrapper .item {
        padding: 0 50px
    }

    .practice-area .other-products {
        padding: 50px 0
    }

    .practice-area .practice-area-content {
        padding: 100px 0 70px
    }

    .search-area .search-main .search-wrapper {
        height: 100px
    }

    .search-result {
        height: calc(100vh - 100px)
    }

    .header-wrapper .logo {
        padding: 25px 0 25px 8%
    }

    .menu-area {
        height: calc(100vh - 100px);
        top: 100px
    }
}

.page-products .products-wrapper .product-list-wrapper .item .product-title {
    position: absolute;
    top: 6%;
    left: 2%;
}

.page-products .products-wrapper .product-list-wrapper .item .product-title span {
    font-size: 15px;
    line-height: 80px;
    font-weight: 700;
    color: transparent;
    text-transform: uppercase;
    text-align: right;
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    color: #8c8e91;
}

.page-products .products-wrapper .products-list .bottom-text {
    padding: 0 11.3vw;
    color: black;
    font-weight: 300;
    margin-bottom: 45px;
}

.page-products .products-wrapper .products-list .bottom-text h1, .page-products .products-wrapper .products-list .bottom-text h2, .page-products .products-wrapper .products-list .bottom-text h3, .page-products .products-wrapper .products-list .bottom-text h4 {
    font-size: 23px;
    margin-top: 20px;
}

@media only screen and (max-width: 767) {
    .page-products .products-wrapper .products-list .bottom-text {
        padding: 0 15px;
    }

    .page-products .products-wrapper .products-list .bottom-text h1, .page-products .products-wrapper .products-list .bottom-text h2, .page-products .products-wrapper .products-list .bottom-text h3, .page-products .products-wrapper .products-list .bottom-text h4 {
        font-size: 20px;
    }
}

@media only screen and (max-width: 1200px) {
    .horizon-badge {
        display: none
    }
}

@media (max-width: 991px) {
    .biltek-signature .biltek-signature-text {
        font-size: 14px !important;
    }
}

.biltek-signature {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.5;
}

.biltek-signature .biltek-signature-text {
    color: #383838;
    font-size: 15px;
    text-decoration: none;
    text-align: center;
    width: initial;
    /*height: 20px;*/
}

/*
  #biltek-signature {
    height: 22px;
  }
  */
.biltek-signature .biltek-signature-text.white {
    color: white !important;
}