@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@font-face {
    font-family: "new-order";
    src: url("https://use.typekit.net/af/5689eb/00000000000000007735ee23/30/l?primer=19e22326407baa22e24dbf97694ecfebb3b5e74ea485d31fd395694769e48f8c&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/5689eb/00000000000000007735ee23/30/d?primer=19e22326407baa22e24dbf97694ecfebb3b5e74ea485d31fd395694769e48f8c&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/5689eb/00000000000000007735ee23/30/a?primer=19e22326407baa22e24dbf97694ecfebb3b5e74ea485d31fd395694769e48f8c&fvd=n4&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
}

@font-face {
    font-family: "new-order";
    src: url("https://use.typekit.net/af/01d619/00000000000000007735ee26/30/l?primer=19e22326407baa22e24dbf97694ecfebb3b5e74ea485d31fd395694769e48f8c&fvd=n6&v=3") format("woff2"), url("https://use.typekit.net/af/01d619/00000000000000007735ee26/30/d?primer=19e22326407baa22e24dbf97694ecfebb3b5e74ea485d31fd395694769e48f8c&fvd=n6&v=3") format("woff"), url("https://use.typekit.net/af/01d619/00000000000000007735ee26/30/a?primer=19e22326407baa22e24dbf97694ecfebb3b5e74ea485d31fd395694769e48f8c&fvd=n6&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 600;
    font-stretch: normal;
}

@font-face {
    font-family: "new-order";
    src: url("https://use.typekit.net/af/0aebd6/00000000000000007735ee24/30/l?primer=19e22326407baa22e24dbf97694ecfebb3b5e74ea485d31fd395694769e48f8c&fvd=n5&v=3") format("woff2"), url("https://use.typekit.net/af/0aebd6/00000000000000007735ee24/30/d?primer=19e22326407baa22e24dbf97694ecfebb3b5e74ea485d31fd395694769e48f8c&fvd=n5&v=3") format("woff"), url("https://use.typekit.net/af/0aebd6/00000000000000007735ee24/30/a?primer=19e22326407baa22e24dbf97694ecfebb3b5e74ea485d31fd395694769e48f8c&fvd=n5&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
}

@font-face {
    font-family: "new-order";
    src: url("https://use.typekit.net/af/0ce2e9/00000000000000007735ee25/30/l?primer=19e22326407baa22e24dbf97694ecfebb3b5e74ea485d31fd395694769e48f8c&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/0ce2e9/00000000000000007735ee25/30/d?primer=19e22326407baa22e24dbf97694ecfebb3b5e74ea485d31fd395694769e48f8c&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/0ce2e9/00000000000000007735ee25/30/a?primer=19e22326407baa22e24dbf97694ecfebb3b5e74ea485d31fd395694769e48f8c&fvd=n7&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
}

@font-face {
    font-family: "new-order";
    src: url("https://use.typekit.net/af/9058cf/00000000000000007735ee27/30/l?primer=19e22326407baa22e24dbf97694ecfebb3b5e74ea485d31fd395694769e48f8c&fvd=n3&v=3") format("woff2"), url("https://use.typekit.net/af/9058cf/00000000000000007735ee27/30/d?primer=19e22326407baa22e24dbf97694ecfebb3b5e74ea485d31fd395694769e48f8c&fvd=n3&v=3") format("woff"), url("https://use.typekit.net/af/9058cf/00000000000000007735ee27/30/a?primer=19e22326407baa22e24dbf97694ecfebb3b5e74ea485d31fd395694769e48f8c&fvd=n3&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 300;
    font-stretch: normal;
}
li {
    list-style: none;
}
.tk-new-order {
    font-family: "Roboto", sans-serif;
}

.tk-new-order {
    font-family: "Roboto", sans-serif;
}


body {
    font-family: "Roboto", sans-serif;
    background: #ffffff;
    overflow-x: hidden;
    max-width: 100vw;
}
ul li{
    list-style:none;
}
@media only screen and (max-width: 1200px) {
    body.mobile-menu-open {
        overflow: hidden;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
    }
}

a:hover {
    text-decoration: none;
    outline: 0 !important;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #d5d5d5;
}
::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 4px;
}
main {
    padding-top:0;
}

section.page.single-page {
    padding: 300px 180px 100px;
    color: #000;
}

    section.page.single-page h2 {
        margin-bottom: 95px;
        font-size: 58px;
        font-weight: bold;
        color: black;
    }

    section.page.single-page p,
    section.page.single-page tr,
    section.page.single-page td,
    section.page.single-page th {
        font-size: 20px;
        color: #808080;
    }

    section.page.single-page .table-responsive table {
        border: none;
    }

    section.page.single-page ol {
        padding: 0;
        list-style: none;
    }

        section.page.single-page ol li {
            color: #808080;
            padding: 5px 0;
            font-size: 20px;
            padding-left: 30px;
            position: relative;
        }

            section.page.single-page ol li:before {
                content: "";
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                left: 0;
                width: 8px;
                height: 8px;
                background: #2b2d6e;
                border-radius: 50%;
            }

    section.page.single-page p strong {
        font-weight: 500;
        color: black;
    }

@media only screen and (max-width: 1199px) {
    section.page.single-page {
        padding: 260px 80px 70px;
    }

        section.page.single-page h2 {
            margin-bottom: 60px;
        }
}

@media only screen and (max-width: 767px) {
    section.page.single-page {
        padding: 160px 20px 40px;
        font-size: 13px;
    }

        section.page.single-page h2 {
            font-size: 23px;
            margin-bottom: 35px;
        }

        section.page.single-page p strong {
            font-size: 15px;
        }
}

ul.pagination {
    border-radius: 0;
    align-items: center;
    justify-content: center;
    margin:50px 0;
}

    ul.pagination .page-item .page-link {
        background: none;
        border: 1px solid #2a2a2a;
        border-radius: 7px;
        color: #A3A3A3;
        box-shadow: none;
        outline: 0 !important;
        transition: .4s;
    }

    ul.pagination .page-item + .page-item {
        margin-left: 10px;
    }

    ul.pagination .page-item.active .page-link {
        color: #fff;
        background-color: #2a2a2a;
        border-color: #2a2a2a;
    }

    ul.pagination .page-item .page-link:hover {
        background: #2a2a2a;
        color:#ffffff;
    }

.page.nf404 {
    padding-top: 260px;
    padding-bottom: 100px;
}

    .page.nf404 .page404-content {
        text-align: center;
    }

        .page.nf404 .page404-content .svg svg {
            width: 100%;
        }

    .page.nf404 .svg path {
        fill: #ffffff;
    }

.nf404 h2 {
    font-size: 57px;
    color: white;
    font-weight: 600;
    margin: 30px 0;
}

.nf404 h3 {
    color: white;
    font-weight: 400;
    font-size: 21px;
}

.page.nf404 a {
    transition: .4s;
    padding: 0 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgb(255 255 255 / .3);
    border-radius: 40px;
    height: 60px;
    font-size: 15px;
    color: white;
    margin-top: 50px;
}

    .page.nf404 a svg {
        margin-right: 15px;
        stroke: white;
    }

    .page.nf404 a:hover {
        background: white;
        color: #000;
    }

        .page.nf404 a:hover svg {
            stroke: #000;
        }

body .cc-window {
    bottom: 50px !important;
    left: 50% !important;
    max-width: 460px;
    height: 93px;
    border-radius: 100px;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    background-color: rgba(34, 41, 48, 0.8);
    padding: 0 30px !important;
    -webkit-transform: translateX(-50%) translateZ(100px);
    -ms-transform: translateX(-50%) translateZ(100px);
    transform: translateX(-50%) translateZ(100px);
    -webkit-transition: none;
    flex-direction: row !important;
    -o-transition: none;
    transition: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 99999;
    transition: .3s;
}

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

        body .cc-window .cc-message a {
            transition: .4s;
            opacity: 1;
        }

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

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

    body .cc-compliance a.cc-btn.cc-dismiss:hover {
        background: #0f5592;
    }

body .cc-banner.cc-theme-edgeless .cc-message a.cc-link:hover {
    color: #0f5592;
    text-decoration: underline;
}

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

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

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

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

.form-alert {
    position: fixed;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
}

    .form-alert .alert {
        display: flex;
        color: #fff;
        background: #00000094;
        border-color: rgb(255 255 255 / 34%);
        margin-bottom: 0;
        backdrop-filter: blur(10px);
        border-radius: 0;
    }

        .form-alert .alert .icon {
            display: flex;
            align-items: center;
            margin-right: 20px;
            color: #ffc107;
            font-size: 24px;
        }

        .form-alert .alert .message {
            display: flex;
            align-items: center;
        }

            .form-alert .alert .message strong,
            .form-alert .alert .message b {
                margin-right: 13px;
            }

            .form-alert .alert .message button.close {
                height: 100%;
                color: #fff;
                padding: 0;
                display: flex;
                padding: 9px;
                opacity: 1;
                outline: 0;
                box-shadow: none;
            }

                .form-alert .alert .message button.close span:before {
                }

                .form-alert .alert .message button.close span {
                    opacity: 1;
                }

.left-spaced {
    margin-left: 200px;
}

@media only screen and (max-width: 1200px) {
    .left-spaced {
        margin-left: 160px;
    }
}

@media only screen and (max-width: 767px) {
    .left-spaced {
        margin-left: 0;
    }
}

/*Mobil Menü*/


.mobileMenuButton {
    height: 21px;
    width: 34px;
    position: relative;
    cursor: pointer;
    display: none;
    margin-left: 30px;
}

    .mobileMenuButton span {
        display: block;
        width: 100%;
        height: 3px;
        background: #000;
        transition: 0.4s;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }

        .mobileMenuButton span:before,
        .mobileMenuButton span:after {
            content: "";
            position: absolute;
            top: -8px;
            left: 0;
            width: 80%;
            height: 3px;
            background: #000;
            display: block;
            transition: 0.4s;
        }

        .mobileMenuButton span:after {
            top: auto;
            bottom: -8px;
            right: 0;
            left: auto;
        }

    .mobileMenuButton.active span:before {
        transform: rotate(45deg);
        transform-origin: top left;
        width: 100%;
        top: -15px;
    }

    .mobileMenuButton.active span:after {
        transform: rotate(-45deg);
        width: 100%;
        transform-origin: bottom left;
    }

    .mobileMenuButton.active span {
        background: transparent;
        width: 100%;
    }

.mobile-menu {
    position: fixed;
    right: -100%;
    top: 0;
    background: #f2f0f0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    z-index: 990;
    width: 100%;
    max-width: 100%;
    bottom: 0;
    min-height: 100vh;
    overflow-y: auto;
    padding: 110px 0 0;
}

    .mobile-menu .mobile-nav {
        margin-top: 0;
        padding: 60px 30px;
    }

        .mobile-menu .mobile-nav::-webkit-scrollbar {
            width: 0;
        }

        .mobile-menu .mobile-nav > ul {
            position: relative;
            width: 100%;
            margin-left: 0;
            padding-left: 0;
        }

            .mobile-menu .mobile-nav > ul > li:first-child > a {
                /* padding-top: 0; */
            }

                .mobile-menu .mobile-nav > ul > li:first-child > a:before,
                .mobile-menu .mobile-nav > ul > li:first-child > a:after {
                    top: 30%;
                }

            .mobile-menu .mobile-nav > ul li a {
                display: flex;
                padding: 15px 30px;
                font-weight: 500;
                font-size: 24px;
                letter-spacing: 0.02em;
                color: #171717;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                position: relative;
                -webkit-box-orient: initial;
                -webkit-box-direction: initial;
                -ms-flex-direction: initial;
                flex-direction: initial;
            }

        .mobile-menu .mobile-nav ul li a.bid-btn {
            margin-top: 20px;
            opacity: 0.7;
        }

        .mobile-menu .mobile-nav ul li a.sub-item.active {
            color: #0D2F62;
        }

            .mobile-menu .mobile-nav ul li a.sub-item.active:before,
            .mobile-menu .mobile-nav ul li a.sub-item.active:after {
                background: #0D2F62;
            }

            .mobile-menu .mobile-nav ul li a.sub-item.active:before {
                height: 0;
            }

            .mobile-menu .mobile-nav ul li a.sub-item.active:after {
                height: 8px;
            }

        .mobile-menu .mobile-nav ul li a.sub-item:before,
        .mobile-menu .mobile-nav ul li a.sub-item:after {
            content: "";
            position: absolute;
            top: 50%;
            right: 35px;
            width: 2px;
            height: 12px;
            background: #171717;
            -webkit-transition: 0.4s;
            transition: 0.4s;
        }

        .mobile-menu .mobile-nav ul li a.sub-item:before {
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .mobile-menu .mobile-nav ul li a.sub-item:after {
            -webkit-transform: translateY(-50%) rotate(90deg);
            transform: translateY(-50%) rotate(90deg);
        }

        .mobile-menu .mobile-nav ul li a i {
            margin-left: 10px;
        }

        .mobile-menu .mobile-nav ul li ul {
            background: #e7e7e7;
            padding: 10px 0;
            display: none;
        }

            .mobile-menu .mobile-nav ul li ul li a {
                border-top: none;
                font-size: 15px;
                padding: 5px 40px;
                font-weight: 500;
            }

                .mobile-menu .mobile-nav ul li ul li a .menu-icon img {
                    height: 20px;
                    margin-right: 15px;
                    padding: 2px;
                    margin: 5px;
                }

            .mobile-menu .mobile-nav ul li ul li a {
                justify-content: inherit;
            }

                .mobile-menu .mobile-nav ul li ul li a .menu-icon {
                    display: flex;
                    position: relative;
                }

                .mobile-menu .mobile-nav ul li ul li a .menu-text {
                    align-self: center;
                    padding-left: 5px;
                    display: inline-block;
                }

                .mobile-menu .mobile-nav ul li ul li a.sub-item:before,
                .mobile-menu .mobile-nav ul li ul li a.sub-item:after {
                    right: 30px;
                }

            .mobile-menu .mobile-nav ul li ul li ul {
                background: #0c1e31;
            }

                .mobile-menu .mobile-nav ul li ul li ul li a {
                    padding: 15px 35px;
                }

                    .mobile-menu .mobile-nav ul li ul li ul li a.sub-item:before,
                    .mobile-menu .mobile-nav ul li ul li ul li a.sub-item:after {
                        right: 40px;
                    }

                .mobile-menu .mobile-nav ul li ul li ul li ul {
                    background: #071625;
                }

                    .mobile-menu .mobile-nav ul li ul li ul li ul a {
                        padding: 15px 50px;
                    }

        .mobile-menu .mobile-nav ul li.active {
            position: relative;
            z-index: 34;
        }

            .mobile-menu .mobile-nav ul li.active ul {
                display: block;
            }

    .mobile-menu.open {
        right: 0;
    }

@-webkit-keyframes menuListAnimate {
    0% {
        margin-top: 40px;
        opacity: 0;
    }

    100% {
        margin-top: 0;
        opacity: 1;
    }
}

@keyframes menuListAnimate {
    0% {
        margin-top: 40px;
        opacity: 0;
    }

    100% {
        margin-top: 0;
        opacity: 1;
    }
}

.language-item {
    margin: 20px 30px 0;
}

    .language-item ul {
        display: flex;
        align-items: center;
        margin: 0 -10px;
    }

        .language-item ul li a {
            display: block;
            height: 40px;
            line-height: 40px;
            padding: 0 10px;
            color: #171717;
            border-radius: 7px;
            font-size: 14px;
        }

        .language-item ul li.lang-active a {
            color: white;
            color: red;
        }


/*Mobil Menü*/

/*HEADER STYLES*/

.submenu.megamenu .menu-item ul {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}
.submenu.megamenu .menu-item ul li{
    width: 33.33%;
    height: 45px;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
}
.submenu.megamenu .menu-item ul li img{
    height:25px;
    margin-right:15px;
    border-radius: 50%;
    padding: 2px;
    margin: 5px;
}

.submenu.megamenu .menu-item ul li a:hover img{
    background: #f9f9f9;
}
.submenu.megamenu .menu-item ul li a span.menu-icon{
    display: flex;
    position: relative;
}
.submenu.megamenu .menu-item ul li a span.menu-text{
    display: inline-block;
    align-self: center;
    padding-left: 5px;
}
header {
	position: relative;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 999;
}
.page-title-box {
    background-color: #f8f8f8;
    border-bottom: 1px solid #e5e5e5;
}
/*header.page-top {
	animation: 500ms ease-in-out 0s normal none 1 running fadeInUp;
}*/

header.page-scroll {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	animation: 500ms ease-in-out 0s normal none 1 running afterScroll;
}

header.page .header-wrapper {
	height: 153px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

header.page-scroll .header-wrapper {
	background: white;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	box-shadow: 0 3px 30px 0 rgba(0, 0, 0, .05);
	padding-bottom: 10px;
}

@-webkit-keyframes afterScroll {
	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 afterScroll {
	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);
	}
}

@-webkit-keyframes fadeInUp {
	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 fadeInUp {
	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);
	}
}

header .header-wrapper {
    display: flex;
    align-items: center;
    max-width: 100%;
    margin: 0 auto;
    padding-top: 0;
    transition: .5s;
    height:100px;
    -webkit-box-shadow: 0 30px 40px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 30px 40px 0 rgba(0, 0, 0, 0.08);
}

header .header-wrapper .logo {
	width: 15%;
}

header .header-wrapper .main-menu {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 85%;
}

    header .header-wrapper .main-menu .menu > ul {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        position: relative;
        margin-bottom: 0;
        padding-left: 0;
    }

header .header-wrapper .logo a {
	display: flex;
	align-items: center;
}

    header .header-wrapper .logo a .logo-bg {
        width: auto;
        height: 85px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 6px;
        position: relative;
        transition: .5s;
    }

header.page-scroll .header-wrapper .logo a .logo-bg {
    width: auto;
    height: 75px;
    padding: 0;
    top: 0;
}

header .header-wrapper .logo a .logo-name {
	font-weight: 600;
	font-size: 20px;
	letter-spacing: 0.1em;
	line-height: 19px;
	color: #727272;
	margin-left: 15px;
}

header .header-wrapper .main-menu .menu ul li .submenu {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background: #ffffff;
	transition: .4s;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

header .header-wrapper .main-menu .menu ul li .submenu.childmenu {
	min-width: 215px;
	padding: 20px;
}

header .header-wrapper .main-menu .menu ul li:hover .submenu {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

header .header-wrapper .main-menu .menu ul li .submenu.megamenu {
    display: flex;
    padding: 20px 30px;
    margin: 0 -30px;
    box-shadow: 0px 0px 4px rgb(0 53 107 / 28%);
}

header .header-wrapper .main-menu .menu ul li .submenu.megamenu.sm {
	width: 70%;
}

header .header-wrapper .main-menu .menu ul li .submenu.megamenu.sm .menu-item {
	width: 50%;
}

header .header-wrapper .main-menu .menu>ul>li.has-child {
	position: relative;
}

header .header-wrapper .main-menu .menu ul li .submenu.megamenu h3 {
	font-weight: 600;
	font-size: 17px;
	letter-spacing: 0.1em;
	line-height: 27px;
	color: #aaa9a9;
	margin-bottom: 20px;
}

header .header-wrapper .main-menu .menu ul li .submenu.megamenu .menu-item {
	width: 100%;
	padding: 0 15px;
}

header .header-wrapper .main-menu .menu ul li .submenu ul > li > a {
    font-size: 15px;
    line-height: 20px;
    color: #2a2a2a;
    margin-bottom: 0;
    font-weight: 500;
    display: block;
    transition: .4s;
    display: flex;
}
header .header-wrapper .main-menu .menu ul li .submenu ul > li > a:hover {
    color: #2a2a2a;
    margin-left:3px;
}

header .header-wrapper .main-menu .menu ul li .submenu ul>li:last-child>a {
	margin: 0;
}

header .header-wrapper .main-menu .menu {
	margin-right: 0;
}

header .header-wrapper .main-menu .menu>ul>li>a {
	position: relative;
    font-weight: 500;
    font-size: 17px;
    line-height: 19px;
    color: #484848;
    display: block;
    padding: 25px 0;
    margin: 0 20px;
    transition: .4s;
}

header .header-wrapper .main-menu .menu>ul>li>a:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%) scaleX(0);
	transform-origin: center center;
	width: 100%;
	height: 3px;
	background: #00549a;
	transition: .4s;
}

header .header-wrapper .main-menu .lang .lang-btn {
	width: 60px;
	height: 35px;
	line-height: 35px;
	background: #E6E6E6;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 6px;
	font-weight: 600;
	font-size: 13px;
	color: #00549a;
}

header .header-wrapper .main-menu .lang .lang-btn.active {
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	color: #000;
}

header .header-wrapper .main-menu .lang .lang-btn.active:before,
header .header-wrapper .main-menu .lang .lang-btn.active:after {
	top: 5px;
}

header .header-wrapper .main-menu .lang .lang-btn:before {
	content: "";
	position: absolute;
	top: -6px;
	left: 50%;
	transform: translateX(-50%);
	width: 50px;
	height: 4px;
	border-radius: 2px;
	background: #E6E6E6;
	transition: .4s;
}

header .header-wrapper .main-menu .lang .lang-btn:after {
	content: "";
	position: absolute;
	top: -12px;
	left: 50%;
	transform: translateX(-50%);
	width: 40px;
	height: 4px;
	border-radius: 2px;
	background: #E6E6E6;
	transition: .4s;
	transition-delay: .1s;
}

header .header-wrapper .main-menu .lang .lang-btn .icon {
	margin-left: 5px;
	display: block;
	transition: .4s;
}

header .header-wrapper .main-menu .lang .lang-btn .icon svg {
	fill: none;
	stroke: #8e8e8e;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
	stroke-width: 2.2px;
}

header .header-wrapper .main-menu .lang .lang-btn.active .icon {
	transform: rotate(180deg);
	transform-origin: center center;
}

header .header-wrapper .main-menu .lang .lang-btn.active .icon svg .a {
	stroke: #00549a;
}



header .header-wrapper .main-menu .lang ul li a {
	font-weight: 500;
	font-size: 18px;
	color: #fefefe;
	display: block;
	transition: .4s;
}

header .header-wrapper .main-menu .lang ul li {
	padding: 5px 0;
	border-bottom: 1px solid #CCCCCC;
}

header .header-wrapper .main-menu .lang ul li:last-child {
	border: none;
}
.header-wrapper .logo img {
    height: 70px;
}

#slideWrap {
	position: relative;
	padding-top: 0;
	height: 575px;
}



.slideWrapInner,
.slider-image {
	height: 575px;
	position: relative;
}

.slideWrapInner {
	width: 100%;
	margin: 0 auto;
}

#slide2 {
	-webkit-mask-size: auto 100%;
}

.slide1 {
	background-color: #FFF;
	display: block;
}

#slide2 {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	-webkit-mask-image: url("../img/main/3.svg");
	-webkit-mask-size: auto 70vw;
	-webkit-mask-position: 120% 50%;
	-webkit-mask-repeat: no-repeat;
}

#slide1:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	pointer-events: none;
	background: #000;
	opacity: 0.3;
}

.slide1,
.slide1>li {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.slide1>li {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.slide1>li {
	transform: scale(1.1);
}

#slide1>li.active {
	-webkit-animation: slideAnime 2s cubic-bezier(.5, 0, 0, 1);
	animation: slideAnime 2s cubic-bezier(.5, 0, 0, 1);
}

@-webkit-keyframes slideAnime {
	0% {
		transform: scale(1.0);
	}

	100% {
		transform: scale(1.1);
	}
}

@keyframes slideAnime {
	0% {
		transform: scale(1.0);
	}

	100% {
		transform: scale(1.1);
	}
}

#slide2>li.active {
	-webkit-animation: slideAnime2 2s cubic-bezier(.5, 0, 0, 1);
	animation: slideAnime2 2s cubic-bezier(.5, 0, 0, 1);
}

@-webkit-keyframes slideAnime2 {
	0% {
		transform: scale(1.5);
	}

	100% {
		transform: scale(1.1);
	}
}

@keyframes slideAnime2 {
	0% {
		transform: scale(1.5);
	}

	100% {
		transform: scale(1.1);
	}
}

.next-slide,
.prev-slide {
	color: white;
	z-index: 1;
	cursor: pointer;
	position: absolute;
	top: 50%;
	left: 0;
	width: 150px;
	height: 100%;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .3));
	opacity: 0;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	transition: .4s;
}

.next-slide {
	right: 0;
	left: auto;
	background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .3));
	border-bottom-right-radius: 10px;
}

.next-slide svg,
.prev-slide svg {
	width: 30px;
	fill: white;
}

.slider-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.slider-content .item {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: .6s;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	display: flex;
	align-items: center;
	padding: 0 70px;
}

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

.slider-content .item .content h3 {
	font-weight: 500;
	font-size: 17px;
	letter-spacing: 0.2em;
	line-height: 24px;
	color: #ffffff;
	margin-bottom: 15px;
}

.slider-content .item .content h2 {
	font-weight: 600;
	font-size: 40px;
	letter-spacing: -0.02em;
	line-height: 50px;
	color: #fff;
	max-width: 60%;
	margin-bottom: 20px;
}
.slider-content .item .content p {
	font-weight: 300;
	font-size: 14px;
    max-width:750px;
    letter-spacing:1px;
	line-height: 17px;
	color: #fff;
	margin-bottom: 20px;
}

.slider-btn {
	font-weight: 500;
	font-size: 17px;
	letter-spacing: 0.2em;
	line-height: 27px;
	color: #fff;
	display: inline-block;
	padding: 20px 60px;
	transition: .4s;
	position: relative;
}
.slider-btn:hover {
    color: #fff;
}

    .slider-btn:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom, rgb(240 128 19 / 35%), rgb(240 128 19 / 86%));
        z-index: -1;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        border-radius: 11px;
        transition: .4s;
    }

.slider-btn:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to top, rgb(0 84 154 / 35%), rgb(0 84 154 / 86%));
	z-index: -1;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	border-radius: 11px;
	opacity: 0;

	transition: .4s;
}

.slider-thumb {
	position: absolute;
	bottom: 60px;
	left: 0;
	width: 80%;
	z-index: 1;
	padding: 0px 70px;
	display: flex;
	align-items: center;
}

.slider-thumb .item {
	margin-right: 20px;
	min-width: 120px;
	position: relative;
	cursor: pointer;
}

.slider-thumb .item:last-child {
	margin: 0;
}

.slider-thumb .item .content {
	display: flex;
}

.slider-thumb .item .content .title {
	position: relative;
	flex: 1;
}

.slider-thumb .item .content .title h2 {
	font-size: 19px;
	letter-spacing: -0.02em;
	line-height: 25px;
	color: #CBCBCB;
	margin-bottom: 10px;
	transition: .4s;
}

.slider-thumb .item.active .content .title h2 {
	color: white;
}


.slider-thumb .item .content .number {
	display: block;
	font-weight: 600;
	font-size: 19px;
	letter-spacing: -0.02em;
	line-height: 25px;
	color: #fff;
	margin-right: 10px;
	transition: .4s;
}

.slider-thumb .item .content .slider-progress {
	display: block;
	width: 100%;
	height: 2px;
	background: #B1B1B1;
	position: relative;
}

.slider-thumb .item .content .slider-progress .progress-main {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 0;
	height: 2px;
	background: #00549a;
	transition: .5s;
}

.slider-thumb .item.active .content .slider-progress .progress-main {
	width: 100%;
	transition: 8s;
}

.scroll span.icon {
	width: 33px;
	height: 21px;
	border-radius: 10px;
	border: 2px solid #C4C4C4;
	display: block;
	position: relative;
	margin-right: 10px;
}

.scroll span.icon>span {
	position: absolute;
	top: 50%;
	width: 8px;
	height: 2px;
	background: #C4C4C4;
	right: 5px;
	transform: translateY(-50%);
	border-radius: 2px;
	animation: upDown 1.4s infinite ease-in-out;
}

.scroll a {
	display: flex;
	align-items: center;
	transform: rotate(-90deg);
	transform-origin: bottom left;
	position: absolute;
	right: -50px;
	bottom: 0;
    color:#ffffff;
}

.scroll {
	position: absolute;
	bottom: 60px;
	width: 20%;
	height: 100px;
	text-align: right;
	right: 0;
	z-index: 9;
	font-weight: 500;
	font-size: 19px;
	letter-spacing: -0.02em;
	line-height: 25px;
	color: #c4c4c4;
}

@keyframes upDown {
	0% {
		opacity: 1;
		transform: translateX(0) translateY(-50%);
	}

	100% {
		opacity: 0;
		transform: translateX(-8px) translateY(-50%);
	}
}

.hizmetlerimiz-section {
    padding:35px 0 25px;
}

    .hizmetlerimiz-section .media-side {
        width: 40%;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 730px;
        position: relative;
    }

        .hizmetlerimiz-section .media-side svg {
            transition: .4s;
        }

        .hizmetlerimiz-section .media-side:hover svg {
            transform: scale(.8);
        }

    .hizmetlerimiz-section .hizmetlerimiz-detay {
        width: 100%;
        position: relative;
    }
    main .container-fluid{
        padding:0 140px;
    }

        .hizmetlerimiz-section .hizmetlerimiz-detay .page-title {
            margin-bottom: 10px;
        }

            .hizmetlerimiz-section .hizmetlerimiz-detay .page-title span {
            }

.hizmetlerimiz-section .hizmetlerimiz-detay p {
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    color: #525252;
    margin-bottom: 50px;
}

        .hizmetlerimiz-section .hizmetlerimiz-detay .link {
            font-weight: 600;
            font-size: 25px;
            line-height: 38px;
            color: #2a2a2a;
            display: flex;
            align-items: center;
        }

            .hizmetlerimiz-section .hizmetlerimiz-detay .link svg {
                fill: none;
                stroke: #2a2a2a;
                stroke-linecap: round;
                stroke-linejoin: round;
                stroke-width: 4px;
                margin-left: 20px;
                transition: .4s;
            }

            .hizmetlerimiz-section .hizmetlerimiz-detay .link:hover svg {
                transform: translateX(15px);
            }

    .hizmetlerimiz-section .media-side .parallax-box {
        content: "";
        position: absolute;
        right: 0;
        bottom: 100px;
        width: 90px;
        height: 90px;
        background: rgb(255 255 255 / 25%);
        will-change: transform;
    }

        .hizmetlerimiz-section .media-side .parallax-box.box-2 {
            background: #2A2D6E;
            bottom: 270px;
            left: 100%;
        }

    .hizmetlerimiz-section .hizmetlerimiz-detay img {
        position: absolute;
        top: -130px;
        right: -240px;
        z-index: -1;
    }

.page-title {
    font-weight: normal;
    font-size: 25px;
    color: #000000;
    position: relative;
    line-height:35px;
    font-weight:600;
}

    .page-title span {
        color: #2a2a2a;
    }

    .page-title:before {
        content: "";
        position: absolute;
        left: -15px;
        top: 32px;
        width: 6px;
        height: 12px;
        background: #2a2a2a;
    }



@media only screen and (max-width: 1440px) {
    .hizmetlerimiz-section .media-side svg {
        width: 100px;
    }
}

@media only screen and (max-width: 1200px) {

    .hizmetlerimiz-section .media-side {
        width: 50%;
        height: 600px;
    }

    .hizmetlerimiz-section .hizmetlerimiz-detay {
        width: 100%;
        padding: 55px 0 0;
    }

    .hizmetlerimiz-section .media-side .parallax-box {
        bottom: 0;
    }

        .hizmetlerimiz-section .media-side .parallax-box.box-2 {
            bottom: 0;
            transform: translateY(100%);
        }

    
}

.anasayfa-hizmetlerimiz {
    position: relative;
    margin-top: 115px;
}

    .anasayfa-hizmetlerimiz .hizmetlerimiz-top {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 9;
    }

        .anasayfa-hizmetlerimiz .hizmetlerimiz-top .titles {
            padding-top: 95px;
            position: relative;
            width: 730px;
        }

            .anasayfa-hizmetlerimiz .hizmetlerimiz-top .titles .page-title {
                font-size: 70px;
                line-height: 90px;
                position: absolute;
                left: 0;
                top: 140px;
                opacity: 0;
                visibility: hidden;
                transition: .4s;
                transform: scale(.8);
            }

        .anasayfa-hizmetlerimiz .hizmetlerimiz-top .teklif-link {
            display: flex;
            flex-direction: column;
            width: 335px;
            z-index: 2;
        }

            .anasayfa-hizmetlerimiz .hizmetlerimiz-top .teklif-link .top {
                background: #2a2a2a;
                padding: 80px 130px 80px 70px;
                height: 380px;
            }

                .anasayfa-hizmetlerimiz .hizmetlerimiz-top .teklif-link .top .top-item {
                    position: absolute;
                    width: 60%;
                    opacity: 0;
                    visibility: hidden;
                    transition: .4s;
                }

                    .anasayfa-hizmetlerimiz .hizmetlerimiz-top .teklif-link .top .top-item strong {
                        font-weight: bold;
                        font-size: 25px;
                        line-height: 38px;
                        color: #fff;
                        margin-bottom: 35px;
                        display: block;
                    }

                    .anasayfa-hizmetlerimiz .hizmetlerimiz-top .teklif-link .top .top-item p {
                        font-weight: normal;
                        font-size: 25px;
                        line-height: 38px;
                        color: #fff;
                        margin-bottom: 0;
                    }

            .anasayfa-hizmetlerimiz .hizmetlerimiz-top .teklif-link .link {
                background: #2A2D6E;
                display: flex;
                align-items: center;
                font-weight: bold;
                font-size: 25px;
                line-height: 38px;
                color: #fff;
                height: 80px;
                padding: 45px;
                position: relative;
                z-index: 1;
            }

                .anasayfa-hizmetlerimiz .hizmetlerimiz-top .teklif-link .link:before {
                    content: "";
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    right: 0;
                    background: #1d71b8;
                    height: 0;
                    transition: 0.3s;
                    width: 100%;
                    z-index: -1;
                }

            .anasayfa-hizmetlerimiz .hizmetlerimiz-top .teklif-link:hover .link:before {
                height: calc(100% - 1px);
            }

            .anasayfa-hizmetlerimiz .hizmetlerimiz-top .teklif-link .link svg {
                fill: none;
                stroke: #fff;
                stroke-linecap: round;
                stroke-linejoin: round;
                stroke-width: 4px;
                margin-left: 25px;
            }

    .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom {
        height: 840px;
        width: 100%;
        position: relative;
        display: flex;
        align-items: flex-end;
        padding: 0 300px 0 200px;
        justify-content: space-between;
    }

        .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .swiper-container {
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
        }

            .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .swiper-container .swiper-slide {
            }

                .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .swiper-container .swiper-slide .img {
                    position: absolute;
                    left: 0;
                    right: 0;
                    top: 0;
                    bottom: 0;
                    background: no-repeat center/cover;
                }

        .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .ozellikler {
            position: relative;
            z-index: 2;
            padding-bottom: 155px;
            padding-left: 120px;
            border-left: 1px solid #CBCBCB;
            position: relative;
            height: 680px;
        }

            .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .ozellikler .property-item {
                display: flex;
                flex-direction: column;
                transition: .7s;
                transform: translateX(-200%);
            }

                .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .ozellikler .property-item p {
                    font-weight: bold;
                    font-size: 77px;
                    color: #fff;
                    line-height: 65px;
                    margin-bottom: 30px;
                    padding-top: 7px;
                }

                .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .ozellikler .property-item span {
                    font-weight: bold;
                    font-size: 18px;
                    color: #fff;
                }

        .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .s-pagination {
            position: relative;
            z-index: 2;
            display: flex;
            flex-direction: column;
            padding-bottom: 175px;
        }

            .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .s-pagination .pag-item {
                opacity: .7;
                cursor: pointer;
            }

                .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .s-pagination .pag-item.active {
                    opacity: 1;
                }

                .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .s-pagination .pag-item span {
                    font-weight: bold;
                    font-size: 25px;
                    line-height: 38px;
                    color: #fff;
                    margin-bottom: 30px;
                    display: block;
                }

                .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .s-pagination .pag-item .timer {
                    width: 280px;
                    height: 1px;
                    background: #fff;
                    position: relative;
                }

                    .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .s-pagination .pag-item .timer .timer-line {
                        position: absolute;
                        left: 0;
                        top: -1px;
                        bottom: -1px;
                        width: 0;
                        background: #2a2a2a;
                        transition: .7s;
                    }

        .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .ozellikler .property-item + .property-item {
            margin-top: 105px;
        }

        .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .s-pagination .pag-item + .pag-item {
            margin-top: 95px;
        }

        .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .s-pagination .pag-item.active .timer .timer-line {
            width: 100%;
            transition: 7s;
        }

        .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .swiper-container:before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            background: #0c2333b3;
            z-index: 2;
        }

    .anasayfa-hizmetlerimiz .hizmetlerimiz-top .teklif-link .top .top-item.active {
        opacity: 1;
        visibility: visible;
    }

    .anasayfa-hizmetlerimiz .hizmetlerimiz-top .titles .page-title.active {
        opacity: 1;
        visibility: visible;
        transform: scale(1);
    }

    .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .ozellikler .ozellik-group {
        position: absolute;
        overflow: hidden;
        opacity: 0;
        visibility: hidden;
    }

        .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .ozellikler .ozellik-group.active {
            opacity: 1;
            visibility: visible;
            justify-content: center;
            margin-top: -15px;
        }

            .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .ozellikler .ozellik-group.active .property-item {
                transform: translateX(0);
            }

    .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .ozellikler .property-item:nth-child(2) {
        transition-delay: .1s;
    }

    .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .ozellikler .property-item:nth-child(3) {
        transition-delay: .2s;
    }

    .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .ozellikler .property-item:nth-child(4) {
        transition-delay: .3s;
    }

@media only screen and (min-width: 1200px) {
    .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .swiper-container .swiper-slide .img {
        top: -200px;
    }
}

@media only screen and (max-width: 1600px) {
    .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .s-pagination {
        position: relative;
        z-index: 2;
        display: flex;
        flex-direction: column;
        padding-bottom: 60px;
    }

    .anasayfa-hizmetlerimiz .hizmetlerimiz-top .titles .page-title {
        font-size: 55px;
        line-height: 80px;
    }

    .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .ozellikler {
        height: 550px;
        padding-left: 30px;
        padding-bottom: 300px;
    }

        .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .ozellikler .property-item p {
            font-weight: bold;
            font-size: 55px;
            color: #fff;
            line-height: 65px;
            margin-bottom: 10px;
            padding-top: 7px;
        }

    .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom {
        height: 640px;
        width: 100%;
        position: relative;
        display: flex;
        align-items: flex-end;
        padding: 0 300px 0 200px;
        justify-content: space-between;
    }
}

@media only screen and (max-width: 1200px) {
    .hizmetlerimiz-section {
        margin-top: 55px;
        padding-bottom: 40px;
    }
    .anasayfa-hizmetlerimiz .hizmetlerimiz-top .titles .page-title {
        font-size: 42px;
        line-height: 68px;
        top: 180px;
    }

    .anasayfa-hizmetlerimiz .hizmetlerimiz-top .titles {
    }

    .anasayfa-hizmetlerimiz .hizmetlerimiz-top .teklif-link .top {
        padding: 60px 50px 50px;
        height: 320px;
    }

        .anasayfa-hizmetlerimiz .hizmetlerimiz-top .teklif-link .top .top-item p {
            font-size: 23px;
        }

        .anasayfa-hizmetlerimiz .hizmetlerimiz-top .teklif-link .top .top-item {
            width: 75%;
        }

    .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom {
        padding: 0 80px 0 0px;
        height: 700px;
    }

        .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .ozellikler {
            border: 0;
            padding-left: 85px;
            height: 550px;
        }

            .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .ozellikler .property-item p {
                font-size: 60px;
                margin-bottom: 15px;
            }

            .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .ozellikler .property-item span {
                font-size: 15px;
            }

            .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .ozellikler .property-item + .property-item {
                margin-top: 60px;
            }

        .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .s-pagination .pag-item span {
            font-size: 20px;
            margin-bottom: 20px;
        }

        .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .s-pagination .pag-item + .pag-item {
            margin-top: 50px;
        }

        .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .s-pagination {
            padding-bottom: 140px;
        }
}

@media only screen and (max-width: 900px) {
    .anasayfa-hizmetlerimiz {
        padding-top: 0;
    }

    .hizmetlerimiz-section {
        flex-direction: column;
    }

        .hizmetlerimiz-section .media-side {
            margin: 0 auto;
            width: 100%;
        }

            .hizmetlerimiz-section .media-side .parallax-box.box-2 {
                left: 0;
            }

        .hizmetlerimiz-section .hizmetlerimiz-detay {
            width: 100%;
            padding: 115px 55px 0;
        }

            .hizmetlerimiz-section .hizmetlerimiz-detay img {
                width: 830px;
                top: -50px;
                right: -230px;
            }

    .anasayfa-hizmetlerimiz .hizmetlerimiz-top .teklif-link .top {
        background: #fff0;
        height: 250px;
    }

    .anasayfa-hizmetlerimiz .hizmetlerimiz-top .titles {
    }

    .anasayfa-hizmetlerimiz .hizmetlerimiz-top .teklif-link {
        transform: translateY(30px);
    }

        .anasayfa-hizmetlerimiz .hizmetlerimiz-top .teklif-link .top .top-item {
            display: none;
        }

    .anasayfa-hizmetlerimiz .hizmetlerimiz-top .titles .page-title {
        font-size: 37px;
        line-height: 53px;
    }

    .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .s-pagination .pag-item .timer {
        width: 170px;
    }

    .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .ozellikler .property-item p {
        font-size: 50px;
    }

    .anasayfa-hizmetlerimiz .hizmetlerimiz-top .teklif-link .link {
        font-size: 23px;
        padding: 30px;
        height: 100px;
    }
}

@media only screen and (max-width: 767px) {
    .hizmetlerimiz-section .media-side {
        height: 380px;
    }

        .hizmetlerimiz-section .media-side .parallax-box {
            width: 60px;
            height: 60px;
        }

    .hizmetlerimiz-section .hizmetlerimiz-detay {
        padding: 45px 0 0;
    }

        .hizmetlerimiz-section .hizmetlerimiz-detay .page-title {
            font-size: 25px;
            line-height: 34px;
        }

        .hizmetlerimiz-section .hizmetlerimiz-detay p {
            font-size: 15px;
            line-height: 19px;
        }

        .hizmetlerimiz-section .hizmetlerimiz-detay .link {
            font-size: 18px;
        }

    .anasayfa-hizmetlerimiz .hizmetlerimiz-top .teklif-link {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 335px;
        height: 60px;
    }

    .anasayfa-hizmetlerimiz {
        position: relative;
        margin-bottom: 0;
    }

        .anasayfa-hizmetlerimiz .hizmetlerimiz-top .teklif-link .link {
            text-align: center;
            padding: 15px 20px 10px;
            align-items: center;
            justify-content: center;
        }

        .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .ozellikler {
            height: 100%;
            padding: 78px 30px 30px 30px;
            width: 100%;
        }

        .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom {
            flex-direction: column;
            padding: 0;
            height: 530px;
        }

            .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .ozellikler .ozellik-group {
                width: 315px;
                display: flex;
                flex-wrap: wrap;
            }

            .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .ozellikler .property-item p {
                font-size: 37px;
            }

            .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .ozellikler .property-item + .property-item {
                margin-top: 0;
                text-align: center;
            }

            .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .ozellikler .ozellik-group.active .property-item {
                width: 50%;
                margin-top: 15px;
            }

            .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .s-pagination {
                width: 100%;
                padding-bottom: 40px;
                align-items: center;
            }

                .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .s-pagination .pag-item span {
                    margin-bottom: 10px;
                }

                .anasayfa-hizmetlerimiz .hizmetlerimiz-bottom .s-pagination .pag-item + .pag-item {
                    margin-top: 30px;
                }
}



.hakkimizda-page {
    padding-top: 145px;
}

    .hakkimizda-page .about-services {
        padding-top: 175px;
    }

        .hakkimizda-page .about-services .hizmetlerimiz-top {
            display: flex;
            justify-content: space-between;
            padding: 0 135px 0 115px;
        }

            .hakkimizda-page .about-services .hizmetlerimiz-top .titles {
                padding-top: 185px;
                position: relative;
                width: 730px;
            }

                .hakkimizda-page .about-services .hizmetlerimiz-top .titles .page-title {
                    font-size: 70px;
                    line-height: 90px;
                    transition: .4s;
                }

            .hakkimizda-page .about-services .hizmetlerimiz-top .teklif-link {
                display: flex;
                flex-direction: column;
                width: 535px;
                transform: translateY(140px);
                z-index: 2;
            }

                .hakkimizda-page .about-services .hizmetlerimiz-top .teklif-link .top {
                    background: #2a2a2a;
                    padding: 80px 130px 80px 70px;
                    height: 380px;
                }

                    .hakkimizda-page .about-services .hizmetlerimiz-top .teklif-link .top .top-item {
                        transition: .4s;
                    }

                        .hakkimizda-page .about-services .hizmetlerimiz-top .teklif-link .top .top-item strong {
                            font-weight: bold;
                            font-size: 25px;
                            line-height: 38px;
                            color: #fff;
                            margin-bottom: 35px;
                            display: block;
                        }

                        .hakkimizda-page .about-services .hizmetlerimiz-top .teklif-link .top .top-item p {
                            font-weight: normal;
                            font-size: 25px;
                            line-height: 38px;
                            color: #fff;
                            margin-bottom: 0;
                        }

                .hakkimizda-page .about-services .hizmetlerimiz-top .teklif-link .link {
                    background: #2A2D6E;
                    display: flex;
                    align-items: center;
                    font-weight: bold;
                    font-size: 25px;
                    line-height: 38px;
                    color: #fff;
                    height: 140px;
                    padding: 45px;
                }

                    .hakkimizda-page .about-services .hizmetlerimiz-top .teklif-link .link svg {
                        fill: none;
                        stroke: #fff;
                        stroke-linecap: round;
                        stroke-linejoin: round;
                        stroke-width: 4px;
                        margin-left: 25px;
                    }

        .hakkimizda-page .about-services .hizmetlerimiz-bottom {
            height: 740px;
            width: 100%;
            position: relative;
            display: flex;
            align-items: flex-end;
            padding: 0 300px 0 200px;
            justify-content: space-between;
            overflow: hidden;
        }

            .hakkimizda-page .about-services .hizmetlerimiz-bottom .img {
                position: absolute;
                left: 0;
                right: 0;
                top: -300px;
                bottom: 0;
                background: no-repeat center/cover;
                will-change: transform;
            }

            .hakkimizda-page .about-services .hizmetlerimiz-bottom:before {
                content: "";
                position: absolute;
                left: 0;
                top: 0;
                right: 0;
                bottom: 0;
                background: #0c233359;
                z-index: 1;
            }

        .hakkimizda-page .about-services .hizmetlerimiz-top .teklif-link .top .top-item.active {
            opacity: 1;
            visibility: visible;
        }

        .hakkimizda-page .about-services .hizmetlerimiz-top .titles .page-title.active {
            opacity: 1;
            visibility: visible;
            transform: scale(1);
        }

    .hakkimizda-page .hizmetlerimiz-detay {
        display: flex;
        padding: 0vw 7vw 0;
    }

        .hakkimizda-page .hizmetlerimiz-detay .left {
            width: 45%;
            display: flex;
            flex-direction: column;
            height: auto;
        }

            .hakkimizda-page .hizmetlerimiz-detay .left img {
                border-radius: 15px;
                width: 95%;
                margin-bottom: 45px;
            }

            .hakkimizda-page .hizmetlerimiz-detay .left > p {
                font-weight: 500;
                font-size: 20px;
                line-height: 27px;
                color: #000;
                opacity: 0.6;
                margin-top: 25px;
            }

            .hakkimizda-page .hizmetlerimiz-detay .left .about-vid {
                width: 100%;
                height: 35vw;
                position: sticky;
                top: 95px;
            }

                .hakkimizda-page .hizmetlerimiz-detay .left .about-vid .img {
                    position: absolute;
                    left: 0;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    background: no-repeat center/cover;
                }

                .hakkimizda-page .hizmetlerimiz-detay .left .about-vid svg {
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    transform: translate(-50%, -50%);
                    transition: 0.2s;
                }

        .hakkimizda-page .hizmetlerimiz-detay .right {
            width: 47%;
            margin-left: 8%;
            border-left: 1px solid #E2E2E2;
        }

            .hakkimizda-page .hizmetlerimiz-detay .right .ideals {
                display: flex;
                flex-direction: column;
                padding: 5.1vw 5vw 6vw 6.3vw;
                border-bottom: 1px solid #E2E2E2;
            }

                .hakkimizda-page .hizmetlerimiz-detay .right .ideals .ideal-item {
                }

                    .hakkimizda-page .hizmetlerimiz-detay .right .ideals .ideal-item .title {
                        font-weight: bold;
                        font-size: 35px;
                        color: #2a2a2a;
                        margin-bottom: 30px;
                    }

.en .hakkimizda-page .hizmetlerimiz-detay .right .ideals .ideal-item .title {
    text-transform: capitalize
}

.hakkimizda-page .hizmetlerimiz-detay .right .ideals .ideal-item p {
    font-weight: normal;
    font-size: 25px;
    line-height: 38px;
    color: #000;
    opacity: 0.6;
}

.hakkimizda-page .hizmetlerimiz-detay .right .hizmetlerimiz-link {
    padding: 4vw 5vw;
}

    .hakkimizda-page .hizmetlerimiz-detay .right .hizmetlerimiz-link .title {
        font-weight: bold;
        font-size: 35px;
        color: #000;
        margin-bottom: 45px;
    }

    .hakkimizda-page .hizmetlerimiz-detay .right .hizmetlerimiz-link p {
        font-weight: normal;
        font-size: 20px;
        color: #000;
        opacity: 0.6;
        margin-bottom: 65px;
    }

    .hakkimizda-page .hizmetlerimiz-detay .right .hizmetlerimiz-link .link {
        font-weight: normal;
        font-size: 20px;
        color: #000;
        display: flex;
        align-items: center;
    }

.hakkimizda-page .hizmetlerimiz-detay .left .about-vid:hover svg {
    transform: translate(-50%, -50%) scale(.8);
}

.hakkimizda-page .hizmetlerimiz-detay .right .ideals .ideal-item + .ideal-item {
    margin-top: 75px;
}

.hakkimizda-page .hizmetlerimiz-detay .right .hizmetlerimiz-link .link svg {
    fill: none;
    stroke: #fff;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
    stroke-width: 2px;
    width: 85px;
    height: 85px;
    background: #2a2a2a;
    padding: 25px;
    border-radius: 100%;
    margin-right: 30px;
    transition: .4s;
}

.hakkimizda-page .hizmetlerimiz-detay .right .hizmetlerimiz-link .link span {
    width: 215px;
    display: block;
}

.hakkimizda-page .hizmetlerimiz-detay .right .hizmetlerimiz-link .link:hover svg {
    transform: rotate(-45deg);
}

.hakkimizda-bottom-banner {
    width: 100%;
    height: 730px;
    background: no-repeat center/cover;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 0 auto;
    will-change: transform;
}

    .hakkimizda-bottom-banner:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: rgb(0 0 0 / 32%);
    }

    .hakkimizda-bottom-banner p {
        font-weight: bold;
        font-size: 77px;
        text-align: center;
        color: #fff;
        width: 900px;
        z-index: 2;
    }

@media only screen and (min-width: 1200px) {
    .hakkimizda-page .about-services .hizmetlerimiz-bottom .swiper-container .swiper-slide .img {
        top: -200px;
    }

    .hakkimizda-bottom-banner {
        width: 80%;
        height: 850px;
    }
}

@media only screen and (max-width: 1600px) {
    .hakkimizda-page .about-services .hizmetlerimiz-top .titles .page-title {
        font-size: 55px;
        line-height: 80px;
    }

    .hakkimizda-page .about-services .hizmetlerimiz-bottom {
        height: 670px;
    }
}

@media only screen and (max-width: 1440px) {
    .hakkimizda-page .hizmetlerimiz-detay .left > p {
        font-size: 24px;
        margin-bottom: 120px;
    }

    .hakkimizda-page .hizmetlerimiz-detay .left .about-vid svg {
        width: 140px;
    }

    .hakkimizda-page .hizmetlerimiz-detay .right .ideals .ideal-item .title {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .hakkimizda-page .hizmetlerimiz-detay .right .ideals .ideal-item p {
        font-size: 21px;
        line-height: unset;
    }

    .hakkimizda-page .hizmetlerimiz-detay .right .ideals .ideal-item + .ideal-item {
        margin-top: 60px;
    }

    .hakkimizda-page .hizmetlerimiz-detay .right .hizmetlerimiz-link .title {
        font-size: 30px;
    }

    .hakkimizda-bottom-banner p {
        font-size: 70px;
    }
}

@media only screen and (max-width: 1366px) {
    .hakkimizda-page .about-services .hizmetlerimiz-top .titles .page-title {
        font-size: 46px;
    }

    .hakkimizda-page .about-services .hizmetlerimiz-top .teklif-link .top .top-item p {
        font-size: 21px;
    }

    .hakkimizda-page .about-services .hizmetlerimiz-top .teklif-link .top {
        padding: 70px 70px;
        height: unset;
    }

    .hakkimizda-page .about-services {
        padding-top: 90px;
    }

        .hakkimizda-page .about-services .hizmetlerimiz-top .teklif-link .link {
            font-size: 24px;
        }

        .hakkimizda-page .about-services .hizmetlerimiz-bottom {
            height: 520px;
        }

    .hakkimizda-bottom-banner p {
        font-size: 57px;
    }

    .hakkimizda-bottom-banner {
        margin-top: 65px;
    }
}

@media only screen and (max-width: 1200px) {
    .hakkimizda-page .about-services .hizmetlerimiz-top {
        padding: 0 35px 0 65px;
    }

        .hakkimizda-page .about-services .hizmetlerimiz-top .titles .page-title {
            font-size: 42px;
            line-height: 68px;
        }

        .hakkimizda-page .about-services .hizmetlerimiz-top .titles {
        }

        .hakkimizda-page .about-services .hizmetlerimiz-top .teklif-link .top {
            padding: 60px 50px 50px;
            height: 320px;
        }

            .hakkimizda-page .about-services .hizmetlerimiz-top .teklif-link .top .top-item p {
                font-size: 23px;
            }

    .hakkimizda-page .about-services .hizmetlerimiz-bottom {
        padding: 0 80px 0 0px;
        height: 510px;
    }

    .hakkimizda-page .hizmetlerimiz-detay {
        padding: 0 55px 35px;
    }

        .hakkimizda-page .hizmetlerimiz-detay .left {
            justify-content: center;
        }

        .hakkimizda-page .hizmetlerimiz-detay .right .hizmetlerimiz-link .title {
            font-size: 28px;
        }

    .hakkimizda-bottom-banner {
        height: 600px;
    }

        .hakkimizda-bottom-banner p {
            font-size: 45px;
            width: 700px;
        }

    .hakkimizda-page .about-services .hizmetlerimiz-bottom .img {
        top: 0;
    }
}

@media only screen and (max-width: 900px) {
    .hakkimizda-page {
        padding-top: 155px;
    }

        .hakkimizda-page .about-services {
            padding-top: 90px;
        }

            .hakkimizda-page .about-services .hizmetlerimiz-top .teklif-link .top {
                height: unset;
                padding: 40px 40px 50px;
            }

            .hakkimizda-page .about-services .hizmetlerimiz-top .titles {
                width: 630px;
            }

            .hakkimizda-page .about-services .hizmetlerimiz-top .teklif-link {
                transform: translateY(100px);
            }

                .hakkimizda-page .about-services .hizmetlerimiz-top .teklif-link .top .top-item {
                }

            .hakkimizda-page .about-services .hizmetlerimiz-top .titles .page-title {
                font-size: 32px;
                line-height: 53px;
            }

            .hakkimizda-page .about-services .hizmetlerimiz-top .teklif-link .link {
                font-size: 19px;
                padding: 30px;
                height: 100px;
            }

            .hakkimizda-page .about-services .hizmetlerimiz-top {
                padding: 0 45px;
            }

                .hakkimizda-page .about-services .hizmetlerimiz-top .teklif-link .top .top-item strong {
                    font-size: 20px;
                    margin-bottom: 20px;
                }

                .hakkimizda-page .about-services .hizmetlerimiz-top .teklif-link .top .top-item p {
                    font-size: 18px;
                    line-height: unset;
                }

            .hakkimizda-page .about-services .hizmetlerimiz-bottom {
                padding: 0;
                height: 340px;
            }

        .hakkimizda-page .hizmetlerimiz-detay {
            flex-direction: column;
        }

            .hakkimizda-page .hizmetlerimiz-detay .left {
                width: 100%;
            }

                .hakkimizda-page .hizmetlerimiz-detay .left > p {
                    margin-bottom: 70px;
                    margin-top: 45px;
                    text-align: center;
                    font-size: 21px;
                    padding: 0 5px;
                }

                .hakkimizda-page .hizmetlerimiz-detay .left .about-vid {
                    height: 350px;
                }

                    .hakkimizda-page .hizmetlerimiz-detay .left .about-vid svg {
                        width: 110px;
                    }

            .hakkimizda-page .hizmetlerimiz-detay .right {
                width: 100%;
                margin-left: 0;
                border-left: 0;
            }

                .hakkimizda-page .hizmetlerimiz-detay .right .ideals {
                    border-left: 0;
                    border-top: 1px solid #E2E2E2;
                }

                    .hakkimizda-page .hizmetlerimiz-detay .right .ideals .ideal-item .title {
                        font-size: 25px;
                        margin-bottom: 15px;
                    }

                    .hakkimizda-page .hizmetlerimiz-detay .right .ideals .ideal-item p {
                        font-size: 19px;
                    }

                    .hakkimizda-page .hizmetlerimiz-detay .right .ideals .ideal-item + .ideal-item {
                        margin-top: 30px;
                    }

                .hakkimizda-page .hizmetlerimiz-detay .right .hizmetlerimiz-link .title {
                    font-size: 25px;
                    margin-bottom: 30px;
                }

                .hakkimizda-page .hizmetlerimiz-detay .right .hizmetlerimiz-link p {
                    font-size: 18px;
                    margin-bottom: 50px;
                }

                .hakkimizda-page .hizmetlerimiz-detay .right .hizmetlerimiz-link .link {
                    justify-content: center;
                }

                    .hakkimizda-page .hizmetlerimiz-detay .right .hizmetlerimiz-link .link svg {
                        width: 70px;
                        height: 70px;
                        padding: 20px;
                    }

    .hakkimizda-bottom-banner {
        margin-top: 0;
        height: 420px;
    }

        .hakkimizda-bottom-banner p {
            font-size: 30px;
            width: 75%;
        }
}

@media only screen and (max-width: 767px) {
    .hakkimizda-page {
        padding-top: 110px;
    }

        .hakkimizda-page .about-services {
            position: relative;
            margin-bottom: 150px;
            padding-bottom: 115px;
        }

            .hakkimizda-page .about-services .hizmetlerimiz-top .teklif-link {
                position: absolute;
                bottom: 0px;
                left: 0;
                right: 0;
                width: 100%;
            }

                .hakkimizda-page .about-services .hizmetlerimiz-top .teklif-link .link {
                    text-align: center;
                    padding: 20px;
                    align-items: center;
                    justify-content: center;
                    height: unset;
                }

            .hakkimizda-page .about-services .hizmetlerimiz-bottom .ozellikler {
                height: 100%;
                padding: 35px;
                width: 100%;
            }

            .hakkimizda-page .about-services .hizmetlerimiz-bottom {
                flex-direction: column;
                padding: 0;
                height: 260px;
                margin-top: 25px;
            }

            .hakkimizda-page .about-services .hizmetlerimiz-top .titles {
                padding-top: 60px;
            }

                .hakkimizda-page .about-services .hizmetlerimiz-top .titles .page-title {
                    font-size: 28px;
                    line-height: unset;
                }

            .hakkimizda-page .about-services .hizmetlerimiz-top .teklif-link .top .top-item strong {
                font-size: 17px;
                margin-bottom: 10px;
                line-height: unset;
            }

            .hakkimizda-page .about-services .hizmetlerimiz-top .teklif-link .top .top-item p {
                font-size: 15px;
            }

            .hakkimizda-page .about-services .hizmetlerimiz-top .teklif-link .top {
                padding: 30px 40px;
            }

        .hakkimizda-page .hizmetlerimiz-detay {
            padding: 0 25px 25px 25px;
        }

            .hakkimizda-page .hizmetlerimiz-detay .left .about-vid svg {
                width: 90px;
            }

            .hakkimizda-page .hizmetlerimiz-detay .left > p {
                font-size: 16px;
                margin-top: 30px;
                margin-bottom: 50px;
            }

            .hakkimizda-page .hizmetlerimiz-detay .right .ideals .ideal-item .title {
                font-size: 22px;
                text-align: center;
            }

            .hakkimizda-page .hizmetlerimiz-detay .right .ideals .ideal-item p {
                text-align: center;
                font-size: 17px;
            }

            .hakkimizda-page .hizmetlerimiz-detay .right .hizmetlerimiz-link .title {
                font-size: 23px;
                text-align: center;
            }

            .hakkimizda-page .hizmetlerimiz-detay .right .hizmetlerimiz-link {
                padding: 25px 15px;
            }

                .hakkimizda-page .hizmetlerimiz-detay .right .hizmetlerimiz-link p {
                    font-size: 16px;
                    text-align: center;
                }

                .hakkimizda-page .hizmetlerimiz-detay .right .hizmetlerimiz-link .link svg {
                    width: 60px;
                    height: 60px;
                    padding: 19px;
                    margin-right: 15px;
                }

                .hakkimizda-page .hizmetlerimiz-detay .right .hizmetlerimiz-link .link span {
                    width: 200px;
                }

    .hakkimizda-bottom-banner {
        height: 280px;
    }

        .hakkimizda-bottom-banner p {
            font-size: 24px;
        }
}

.files {
    padding: 110px 0 150px;
}

    .files .title {
        font-weight: normal;
        font-size: 3.7vw;
        text-align: center;
        color: #000;
        width: 80%;
        margin: 0 auto;
        position: relative;
        padding-top: 55px;
        margin-bottom: 135px;
    }

        .files .title:before {
            content: "";
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 270px;
            height: 6px;
            background: #2a2a2a;
        }

    .files .page-top {
        display: flex;
        justify-content: space-between;
        margin-bottom: 155px;
    }

        .files .page-top p {
            font-weight: bold;
            font-size: 25px;
            color: #fff;
            margin-bottom: 0;
        }

        .files .page-top span {
            font-weight: 300;
            font-size: 25px;
            color: rgba(255, 255, 255, 0.55);
        }

    .files .file-list {
        display: inline-flex;
        flex-wrap: wrap;
    }

        .files .file-list .file-item {
            width: auto;
            margin-bottom:25px;
            display: flex;
        }

            .files .file-list .file-item .item-content {
                position: relative;
                height: 255px;
                width: 209px;
                padding: 15px 40px 30px 30px;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
            }

                .files .file-list .file-item .item-content:hover > svg > path {
                    stroke: #1d71b8;
                }

                .files .file-list .file-item .item-content > svg > path {
                    transition: .4s;
                    color: rgb(136 136 136 / 20%);
                }

                .files .file-list .file-item .item-content > svg {
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    left: 0;
                    top: 0;
                }

                .files .file-list .file-item .item-content .type {
                    font-weight: normal;
                    font-size: 19px;
                    color: #2a2a2a;
                }

                .files .file-list .file-item .item-content .name {
                    font-weight: normal;
                    font-size: 14px;
                    line-height: 23px;
                    color: #000000;
                }

                .files .file-list .file-item .item-content .view {
                    font-weight: normal;
                    font-size: 15px;
                    color: #000;
                    opacity: .5;
                    display: flex;
                    align-items: center;
                    transition: .4s;
                }

                    .files .file-list .file-item .item-content .view svg {
                        margin-right: 10px;
                        fill: none;
                        stroke: #2a2a2a;
                        stroke-linecap: round;
                        stroke-linejoin: round;
                        stroke-width: 1.5px;
                    }

            

            .files .file-list .file-item:hover .item-content .view {
                opacity: 1;
            }

@media only screen and (max-width: 1440px) {
    .files {
        padding: 70px 0 165px;
    }


            
}

@media only screen and (max-width: 1200px) {
    .files {
        padding: 70px 0 75px;
    }

        .files .page-top {
            margin-bottom: 110px;
        }

            .files .page-top p {
                font-size: 19px;
            }

            .files .page-top span {
                font-size: 20px;
            }
}

@media only screen and (max-width: 900px) {
    

    .files .title:before {
        width: 150px;
        height: 4px;
    }

    .files .title {
        padding-top: 40px;
        margin-bottom: 100px;
    }
}

@media only screen and (max-width: 767px) {
    .files {
        padding: 50px 1vw 65px;
    }

        .files .page-top {
            flex-direction: column;
            align-items: center;
            margin-bottom: 75px;
        }

            .files .page-top p {
                text-align: center;
                font-size: 17px;
                margin-bottom: 15px;
            }

        

            
        .files .title {
            font-size: 24px;
            width: 100%;
            padding-top: 20px;
            margin-bottom: 65px;
        }

            .files .title:before {
                width: 100px;
                height: 3px;
            }
}

.policys-page {
}

    .policys-page .policy-top {
    }

        .policys-page .policy-top .top-banner {
            height: 790px;
            width: 100%;
            background: no-repeat center/cover;
            display: flex;
            align-items: flex-end;
            padding: 150px 220px;
            position: relative;
        }

            .policys-page .policy-top .top-banner p {
                font-weight: normal;
                font-size: 3.6vw;
                color: #fff;
                width: 45%;
                margin-bottom: 0;
                position: relative;
            }

    .policys-page .policy-list {
        display: flex;
        flex-direction: column;
    }

    .policys-page .policy-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        max-width: 1540px;
        margin: 0 auto;
        width: -webkit-fill-available;
    }

        .policys-page .policy-item:nth-child(even) {
            flex-direction: row-reverse;
        }

        .policys-page .policy-item .img {
            width: 610px;
            height: 720px;
            background: no-repeat center/cover;
        }

        .policys-page .policy-item .exp {
            width: 600px;
        }

            .policys-page .policy-item .exp .title {
                font-weight: bold;
                font-size: 30px;
                color: #000;
                margin-bottom: 60px;
            }

            .policys-page .policy-item .exp p {
                font-weight: normal;
                font-size: 28px;
                color: #000;
            }

                .policys-page .policy-item .exp p a {
                    font-size: 19px;
                    color: #1d71b8;
                    font-weight: 600;
                    transition: .4s;
                }

                    .policys-page .policy-item .exp p a:hover {
                        color: #0b3f6b;
                    }

            .policys-page .policy-item .exp .title span {
                color: #2a2a2a;
            }

        .policys-page .policy-item + .policy-item {
            margin-top: 195px;
        }

    .policys-page .policy-top .first-policy {
        transform: translateY(-290px);
        align-items: flex-end;
        margin-bottom: -85px;
        flex-direction: row;
    }

        .policys-page .policy-top .first-policy .exp {
        }

            .policys-page .policy-top .first-policy .exp .title {
            }

                .policys-page .policy-top .first-policy .exp .title span {
                }

            .policys-page .policy-top .first-policy .exp p {
            }

    .policys-page .last-policy {
        min-height: 820px;
        background: no-repeat center/cover;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: -45px;
    }

        .policys-page .last-policy .inner {
            width: 70%;
            background: #fff;
            padding: 40px 110px 120px;
        }

            .policys-page .last-policy .inner .title {
                font-weight: bold;
                font-size: 24px;
                text-align: center;
                color: #000;
                margin-bottom: 35px;
            }

            .policys-page .last-policy .inner ul {
                padding-left: 0;
                margin: 0;
                list-style-type: none;
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                margin-top: -35px;
            }

                .policys-page .last-policy .inner ul li {
                    width: 40%;
                    font-weight: 300;
                    font-size: 24px;
                    color: #000;
                    margin-top: 35px;
                    padding-left: 55px;
                    position: relative;
                }

                    .policys-page .last-policy .inner ul li:before {
                        content: "";
                        position: absolute;
                        left: 0;
                        top: 7px;
                        width: 30px;
                        height: 25px;
                        background: no-repeat center/contain;
                        background-image: url(../img/tick.svg);
                    }

    .policys-page .top-banner:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: #0C2333;
        opacity: .3;
    }

@media only screen and (max-width: 1680px) {
    .policys-page .policy-top .top-banner {
        padding: 150px 120px;
    }

    .policys-page .policy-item .img {
        width: 700px;
        height: 885px;
    }
}

@media only screen and (min-width: 1500px) and (max-width: 1550px) {
    .policys-page .policy-top .top-banner {
        height: 600px;
        padding: 100px 80px;
    }

        .policys-page .policy-top .top-banner p {
            font-size: 3.3vw;
        }

    .policys-page .policy-item .img {
        width: 530px;
        height: 630px;
    }

    .policys-page .policy-item {
        max-width: 1270px;
    }

    .policys-page .policy-top .first-policy {
        transform: translateY(-160px);
        margin-bottom: 0px;
    }

    .policys-page .policy-item .exp p {
        font-size: 24px;
    }

    .policys-page .policy-item .exp .title {
        font-size: 25px;
        margin-bottom: 45px;
    }

    .policys-page .policy-item + .policy-item {
        margin-top: 90px;
    }

    .policys-page .last-policy {
    }

        .policys-page .last-policy .inner ul li {
            font-size: 19px;
        }

        .policys-page .last-policy .inner {
            padding: 40px 50px 90px;
        }
}

@media only screen and (max-width: 1440px) {
    .policys-page .policy-top .top-banner {
        height: 600px;
        padding: 100px 80px;
    }

        .policys-page .policy-top .top-banner p {
            font-size: 3.3vw;
        }

    .policys-page .policy-item .img {
        width: 530px;
        height: 630px;
    }

    .policys-page .policy-item {
        max-width: 1270px;
    }

    .policys-page .policy-top .first-policy {
        transform: translateY(-160px);
        margin-bottom: 0px;
    }

    .policys-page .policy-item .exp p {
        font-size: 24px;
    }

    .policys-page .policy-item .exp .title {
        font-size: 25px;
        margin-bottom: 45px;
    }

    .policys-page .policy-item + .policy-item {
        margin-top: 90px;
    }

    .policys-page .last-policy {
    }

        .policys-page .last-policy .inner ul li {
            font-size: 19px;
        }

        .policys-page .last-policy .inner {
            padding: 40px 50px 90px;
        }
}

@media only screen and (max-width: 1200px) {
    .policys-page .policy-item {
        max-width: 910px;
    }

        .policys-page .policy-item .exp {
            width: 360px;
        }

        .policys-page .policy-item .img {
            width: 430px;
            height: 520px;
        }

        .policys-page .policy-item .exp p {
            font-size: 20px;
            margin-bottom: 0;
        }

        .policys-page .policy-item .exp .title {
            margin-bottom: 30px;
            font-size: 23px;
        }

    .policys-page .last-policy .inner {
        width: 85%;
        padding: 40px 40px 60px;
    }

        .policys-page .last-policy .inner .title {
            margin-bottom: 45px;
            font-size: 22px;
        }

        .policys-page .last-policy .inner ul li {
            width: 45%;
        }
}

@media only screen and (max-width: 900px) {
    .policys-page .policy-top .top-banner {
        height: 450px;
        padding: 70px 30px;
    }

    .policys-page .policy-item .img {
        width: 320px;
        height: 400px;
    }

    .policys-page .policy-item {
        max-width: 700px;
    }

        .policys-page .policy-item .exp {
            width: 300px;
        }

            .policys-page .policy-item .exp p {
                font-size: 17px;
            }

    .policys-page .policy-top .first-policy {
        transform: translateY(-100px);
    }

    .policys-page .last-policy .inner ul li {
        font-size: 15px;
    }

        .policys-page .last-policy .inner ul li:before {
            transform: scale(0.8);
        }

    .policys-page .last-policy .inner .title {
        font-size: 19px;
        margin-bottom: 30px;
    }

    .policys-page .last-policy {
        min-height: 660px;
    }
}

@media only screen and (max-width: 767px) {
    .policys-page .policy-top .top-banner {
        align-items: center;
        height: 350px;
    }

        .policys-page .policy-top .top-banner p {
            width: 100%;
            font-size: 21px;
            text-align: center;
        }

    .policys-page .policy-top .first-policy {
        flex-direction: column-reverse !important;
        margin-bottom: -35px;
    }

    .policys-page .policy-item {
        max-width: 350px;
        flex-direction: column !important;
    }

        .policys-page .policy-item .img {
            width: 100%;
            height: 450px;
            margin-bottom: 30px;
        }

        .policys-page .policy-item .exp {
            width: 100%;
        }

    .policys-page .policy-top .first-policy .img {
        margin-bottom: 35px;
    }

    .policys-page .policy-item .exp .title {
        font-size: 21px;
        margin-bottom: 15px;
    }

    .policys-page .last-policy {
        margin-top: 50px;
    }

        .policys-page .last-policy .inner ul li {
            width: 100%;
        }

        .policys-page .last-policy .inner {
            padding: 30px 20px 40px;
            width: 100%;
        }

    .policys-page .policy-item .exp p a {
        font-size: 16px;
    }
}

.policy-detail {
}

    .policy-detail .banner {
        width: 100%;
        height: 580px;
        background: #2A2D6E;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-bottom: 95px;
    }

        .policy-detail .banner p {
            position: relative;
            font-weight: normal;
            font-size: 71px;
            color: #fff;
            text-align: center;
            width: 685px;
        }

    .policy-detail .detail-texts {
        display: flex;
        flex-direction: column;
        max-width: 1420px;
        margin: 0 auto;
        margin-top: -246px;
        position: relative;
        background: #ffff;
        padding: 125px 195px;
        margin-bottom: 125px;
    }

        .policy-detail .detail-texts .title {
            font-weight: bold;
            font-size: 40px;
            color: #2a2d6e;
            line-height: 45px;
            margin-bottom: 85px;
        }

        .policy-detail .detail-texts p {
            font-weight: normal;
            font-size: 25px;
            color: #888;
        }

        .policy-detail .detail-texts .gallery {
            display: flex;
            flex-wrap: wrap;
            width: 90%;
            margin: 0 auto;
            margin-top: 120px;
            justify-content: space-between;
        }

            .policy-detail .detail-texts .gallery .gallery-item {
                width: 32%;
                height: 290px;
                background: no-repeat center/cover;
                margin-top: 12px;
            }

    .policy-detail .banner:before {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: #0C2333;
        opacity: .3;
    }

@media only screen and (max-width: 1366px) {
    .policy-detail .detail-texts {
        max-width: 940px;
        margin-top: -110px;
        padding: 105px 95px;
    }

    .policy-detail .banner p {
        font-size: 57px;
        width: 560px;
    }

    .policy-detail .banner {
        height: 350px;
        padding-bottom: 0px;
    }

    .policy-detail .detail-texts .title {
        font-size: 32px;
        margin-bottom: 60px;
    }

    .policy-detail .detail-texts p {
        font-size: 22px;
    }

    .policy-detail .detail-texts .gallery {
        margin-top: 100px;
    }

        .policy-detail .detail-texts .gallery .gallery-item {
            height: 220px;
        }
}

@media only screen and (max-width: 900px) {
    .policy-detail .banner {
        height: 310px;
        padding-top: 95px;
    }

    .policy-detail .detail-texts {
        margin-top: -100px;
        width: 90%;
        padding: 75px 45px;
        text-align: center;
        margin-bottom: 45px;
    }

    .policy-detail .banner p {
        font-size: 36px;
        width: 400px;
    }

    .policy-detail .detail-texts .title {
        font-size: 28px;
        margin-bottom: 40px;
    }

    .policy-detail .detail-texts p {
        font-size: 20px;
    }

    .policy-detail .detail-texts .gallery {
        margin-top: 75px;
    }

        .policy-detail .detail-texts .gallery .gallery-item {
            height: 180px;
        }
}

@media only screen and (max-width: 767px) {
    .policy-detail .banner p {
        font-size: 26px;
        width: 90%;
    }

    .policy-detail .banner {
        height: 250px;
        padding-top: 75px;
    }

    .policy-detail .detail-texts {
        padding: 45px 35px;
    }

        .policy-detail .detail-texts .title {
            font-size: 23px;
            line-height: unset;
            margin-bottom: 35px;
        }

        .policy-detail .detail-texts p {
            font-size: 17px;
            text-align: justify;
        }

        .policy-detail .detail-texts .gallery {
            margin-top: 25px;
            width: 325px;
            margin-left: -30px;
        }

            .policy-detail .detail-texts .gallery .gallery-item {
                height: 100px;
            }
}

.career {
}

    .career .career-top {
        padding: 200px 6vw 240px;
        position: relative;
        height: 100vh;
    }

        .career .career-top:before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            background: linear-gradient(rgba(0, 0, 0, 0.46) 0%, rgba(0, 0, 0, 0.64) 100%);
        }

        .career .career-top .titles {
            display: flex;
            align-items: center;
            position: relative;
        }

            .career .career-top .titles span {
                font-weight: 300;
                font-size: 31px;
                color: #fff;
            }

            .career .career-top .titles p {
                font-weight: bold;
                font-size: 41px;
                color: #fff;
                width: 740px;
                margin-left: 20vw;
            }

        .career .career-top .background-image {
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            left: 0;
            background-repeat: no-repeat;
            background-position: top;
            background-size: cover;
            z-index: -1;
        }

.career-main {
    position: relative;
}

.career-form {
    display: block;
}

.career-slider .swiper-container {
    margin: 0 auto;
}

.career-slider input {
    display: none;
    appearance: none;
}

.career-slider label {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding-top: 0;
    cursor: pointer;
}

    .career-slider label .single-career-item {
        background: #FAFAFA;
        height: 245px;
        border-radius: 0;
        padding: 30px 25px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        transition: .4s;
    }

.single-career-item .logo svg * {
    transition: .4s;
}

.single-career-item .logo svg .a,
.single-career-item .logo svg .b,
.single-career-item .logo svg .d {
    fill: rgb(76 119 167 / 0%);
    stroke-dasharray: 1;
}

.single-career-item .logo svg .a {
    stroke: #008c99;
}

.single-career-item .logo svg .b {
    stroke: #4c77a7;
}

.single-career-item .logo svg .c {
    fill: #225b94;
}

.single-career-item .logo svg .c,
.single-career-item .logo svg .e {
    opacity: 0.091;
}

.single-career-item .logo svg .d {
    stroke: #7580bd;
}

.single-career-item .logo svg .e {
    fill: #484d8d;
}

.career-slider label .single-career-item .title h4 {
    transition: .4s;
    font-weight: normal;
    font-size: 20px;
    line-height: 27px;
    text-align: revert;
    color: #42455d;
    margin-bottom: 0;
}

.career-slider label .single-career-item .logo {
    position: relative;
    width: 60px;
}

    .career-slider label .single-career-item .logo img {
        position: absolute;
        left: 0;
        top: 0;
        transition: .4s;
        width: 100%;
    }

        .career-slider label .single-career-item .logo img:nth-child(2) {
            opacity: 0;
        }

.career-slider label .single-career-item:hover .logo img:nth-child(1) {
    opacity: 0;
}

.career-slider label .single-career-item:hover .logo img:nth-child(2) {
    opacity: 1;
}

.career-slider label .single-career-item:hover {
    background: #2A2D6E;
}

    .career-slider label .single-career-item:hover .title h4 {
        color: #fff;
    }

.career-slider label .single-career-item .title {
    text-align: right;
}

.career-form {
    background: white;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 275px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-100px);
    display: flex;
    align-items: center;
}

.career-form-wrapper {
    display: flex;
}

.form-department {
    width: 25%;
    border-right: 1px solid #E6EFF2;
}

.current-department {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 60px 0;
    padding-right: 60px;
}

    .current-department .title h4 {
        font-weight: normal;
        font-size: 28px;
        line-height: 27px;
        color: #000;
    }

.career-form .form {
    flex: 1;
    padding: 0;
    padding-right: 0;
}

.career-form-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
}

    .career-form-title h3 {
        font-size: 20px;
        color: #717F81;
    }

    .career-form-title .back a {
        color: #FD6F88;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .career-form-title .back a .icon-arrow-back {
            width: 16px;
            height: 13px;
            background-image: url('../img/svg/arrow-back.svg');
        }

.career-form-main input:not([type="file"]),
.career-form-main label {
    height: 65px;
    line-height: 65px;
    width: 100%;
    border: 1px solid #E6EFF2;
    border-radius: 0;
    padding: 0 30px;
    margin: 0;
    transition: .4s;
    outline: 0 !important;
    box-shadow: none !important;
}

.career-form-main input[type="file"] {
    width: 1px;
    height: 1px;
    position: absolute;
    top: 40px;
    left: 100px;
}

.career-form-main input:hover {
    border-color: #82949a;
}

.career-form-main .form-wrapper {
    display: flex;
    align-items: center;
    margin: 0 -10px;
    flex-wrap: wrap;
}

    .career-form-main .form-wrapper .item {
        padding: 0 10px;
        margin-bottom: 20px;
    }

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

        .career-form-main .form-wrapper .item.item-6 {
            width: 50%;
            position: relative;
        }

        .career-form-main .form-wrapper .item.item-4 {
            width: 50%;
        }

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

.career-form-main label {
    color: #91A2BA;
    font-size: 13px;
    position: relative;
}

.career-form-main input:not([type="file"])::placeholder {
    color: #91A2BA;
}

.career-form-main label .file-btn {
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    display: block;
    padding: 0 30px;
    background: #FAFAFA;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    color: #40456A;
    transition: .4s;
    cursor: pointer;
}

    .career-form-main label .file-btn:hover {
        background: #e4e4e4;
    }

    .career-form-main label .file-btn .icon-upload {
        display: block;
        width: 20px;
        height: 18px;
        background-image: url('../img/svg/upload.svg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        margin-right: 15px;
    }

.captcha-wrapper {
    display: flex;
    align-items: center;
    margin-left: -2px;
}

    .captcha-wrapper .captcha {
        width: 50%;
        position: relative;
    }

        .captcha-wrapper .captcha .captcha_img {
            position: relative;
            width: 100%;
            height: 69px;
            border: 1px solid #e6eff2;
            border-radius: 0;
        }

            .captcha-wrapper .captcha .captcha_img img {
                height: 65px;
                border-radius: 32px;
            }

            .captcha-wrapper .captcha .captcha_img a {
                position: absolute;
                top: 50%;
                right: 10px;
                transform: translateY(-50%);
                width: 30px;
                height: 30px;
                display: flex;
                align-items: center;
                justify-content: center;
                color: white;
                background: #19C19E;
                border-radius: 50%;
            }

.career-form-main .form-wrapper .item button {
    width: 180px;
    height: 50px;
    display: flex;
    align-items: center;
    border: none;
    ;
    ;
    justify-content: center;
    outline: 0 !important;
    box-shadow: none !important;
    background: #FAFAFA;
    transition: .4s;
    font-weight: 500;
    font-size: 15px;
    color: #40456a;
}

    .career-form-main .form-wrapper .item button:hover {
        background: #f0f0f0;
    }

.icon-bltk.icon-send {
    width: 20px;
    height: 20px;
    background-image: url('../img/svg/send.svg');
}

.pagination-dot {
    justify-content: center;
    display: flex;
    align-items: center;
    margin-top: 50px;
}

    .pagination-dot .swiper-pagination-bullet {
        display: block;
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background: #D8D8D8;
        transition: .4s;
    }

        .pagination-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
            background: var(--blue-color);
            width: 12px;
            height: 12px;
        }

.current-department .a {
    fill: #008c99;
}

.current-department .b {
    fill: #4d77a8;
}

.current-department .c {
    fill: #225b94;
}

.current-department .d {
    fill: #7580bd;
}

.current-department .e {
    fill: #484d8d;
}

.current-department .logo {
    width: 65px;
    height: 65px;
}

    .current-department .logo svg {
        width: 100%;
        height: 100%;
    }

.captcha-wrapper .captcha a {
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    color: white;
}

.career .career-top > .title {
    font-weight: normal;
    font-size: 57px;
    color: #fff;
    width: 800px;
    position: relative;
}

.career .career-top .swipe-area {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1535px;
    display: flex;
}

    .career .career-top .swipe-area .left {
        width: 20%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: #fff;
        border-right: 1px solid #DEDEDE;
    }

    .career .career-top .swipe-area .right {
        width: 80%;
        background: #fff;
    }

    .career .career-top .swipe-area .left .s-prev,
    .career .career-top .swipe-area .left .s-next {
        cursor: pointer;
    }

        .career .career-top .swipe-area .left .s-prev svg,
        .career .career-top .swipe-area .left .s-next svg {
            fill: none;
            stroke: #777;
            stroke-miterlimit: 10;
            stroke-width: 2px;
        }

    .career .career-top .swipe-area .left .s-next {
        margin-top: 25px;
    }

    .career .career-top .swipe-area .right .career-slider {
    }

    .career .career-top .swipe-area .right .back-title {
        display: flex;
        align-items: center;
        margin-bottom: 30px;
    }

        .career .career-top .swipe-area .right .back-title p {
            font-weight: normal;
            font-size: 25px;
            color: black;
            margin-bottom: 0;
        }

            .career .career-top .swipe-area .right .back-title p span {
                color: #2a2a2a;
            }

    .career .career-top .swipe-area .right form {
        padding: 70px 165px;
    }

        .career .career-top .swipe-area .right form .career-container {
            position: relative;
        }

    .career .career-top .swipe-area .right .back-title > span {
        overflow: hidden;
        display: block;
        transition: .4s;
        width: 0;
        cursor: pointer;
    }

        .career .career-top .swipe-area .right .back-title > span.active {
            width: 55px;
        }

        .career .career-top .swipe-area .right .back-title > span svg {
            fill: none;
            stroke: #000;
            stroke-miterlimit: 10;
            stroke-width: 2px;
        }

.career-form-main .form-wrapper .item .last {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .career-form-main .form-wrapper .item .last .policy {
        position: relative;
    }

        .career-form-main .form-wrapper .item .last .policy input {
            appearance: none;
            border: 0;
            width: auto;
            height: 0px;
            padding: 0;
            position: absolute;
        }

        .career-form-main .form-wrapper .item .last .policy label {
            border: none;
            padding: 0;
            display: flex;
            height: unset;
            line-height: unset;
            padding-left: 25px;
            cursor: pointer;
        }

            .career-form-main .form-wrapper .item .last .policy label p {
                margin-bottom: 0;
                font-weight: 500;
                font-size: 15px;
                letter-spacing: 0em;
                line-height: 35px;
                color: #576c7c;
            }

.captcha-wrapper .captcha + .captcha {
    margin-left: 15px;
}

.career-form-main .form-wrapper .item button svg {
    fill: #2a2a2a;
    margin-right: 10px;
}

.career-form-main .form-wrapper .item .last .policy label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    border: 1px solid #9DA1B5;
    background: #FAFAFA;
}

.career-form-main .form-wrapper .item .last .policy label:after {
    content: "";
    position: absolute;
    left: 3px;
    top: 50%;
    transform: translateY(-50%) scale(.5);
    width: 10px;
    height: 10px;
    background: #7893a7;
    transition: 0.3s;
    opacity: 0;
}

.career-form-main .form-wrapper .item .last .policy input:checked ~ label:after {
    transform: translateY(-50%) scale(1);
    opacity: 1;
}

.career-form-main .form-wrapper .item .last .policy label p a {
    color: #7893A7;
}

.career-form-main label .file-btn svg {
    fill: #40456A;
    margin-right: 13px;
}

@media only screen and (max-width: 1600px) {
    .career .career-top .swipe-area .right form {
        padding: 40px 165px;
    }

    .career .career-top > .title {
        font-size: 41px;
        width: 500px;
    }
}

@media only screen and (min-width: 1500px) and (max-width: 1550px) {
    .career .career-top .titles span {
        font-size: 29px;
    }

    .career .career-top .titles p {
        font-size: 30px;
    }

    .career .career-top {
        padding: 170px 7vw 250px;
    }

    .career-main {
        max-width: 1240px;
    }

    .career .career-top .swipe-area {
        width: 1360px;
    }

        .career .career-top .swipe-area .right form {
            padding: 40px 94px;
        }
}

@media only screen and (max-width: 1440px) {
    .career .career-top .titles span {
        font-size: 29px;
    }

    .career .career-top .titles p {
        font-size: 30px;
    }

    .career .career-top {
        padding: 170px 7vw 250px;
    }

    .career-main {
        max-width: 1240px;
    }

    .career .career-top .swipe-area {
        width: 1360px;
    }

        .career .career-top .swipe-area .right form {
            padding: 40px 94px;
        }
}

@media only screen and (max-width: 1366px) {
    .career .career-top > .title {
        width: 100%;
    }
}

@media only screen and (max-width: 1200px) {
    .career-main {
        max-width: 960px;
    }

    .career .career-top .titles span {
        font-size: 25px;
    }

    .career .career-top .titles p {
        font-size: 25px;
        width: 530px;
    }

    .career-slider label .single-career-item {
        height: 260px;
        padding: 30px;
    }

    .career .career-top {
        height: 800px;
    }

        .career .career-top > .title {
            font-size: 35px;
            text-align: center;
            width: 500px;
            margin: 0 auto;
        }

        .career .career-top .swipe-area {
            width: 100%;
        }

    .career {
        margin-bottom: 95px;
        border-bottom: 1px solid #e3e3e3;
    }

        .career .career-top .swipe-area .left {
            position: absolute;
            top: 0px;
            right: 0;
            border: none;
            width: 130px;
            height: 90px;
        }

        .career .career-top .swipe-area .right {
            width: 100%;
        }

            .career .career-top .swipe-area .right form {
                padding: 40px 44px;
            }

        .career .career-top .swipe-area .left .s-next {
            margin-top: 10px;
        }
}

@media only screen and (max-width: 900px) {
    .career-main {
        max-width: 700px;
    }

    .career-form-wrapper {
        flex-direction: column;
    }

    .career-form {
        height: initial;
    }

    .form-department {
        width: 100%;
        border: 0;
    }

    .current-department {
        align-items: center;
        padding: 40px 0;
    }

        .current-department .logo {
            margin-bottom: 35px;
        }

    .career-form .form {
        padding: 30px 0 10px;
        border-top: 1px solid #0000000d;
    }
}

@media only screen and (max-width: 767px) {
    .career .career-top .titles {
        flex-direction: column;
        ;
        justify-content: center;
    }

        .career .career-top .titles span {
            font-size: 23px;
        }

        .career .career-top .titles p {
            width: 100%;
            font-size: 20px;
            text-align: center;
            margin-left: 0;
            margin-bottom: 0;
            margin-top: 15px;
        }

    .career .career-top {
        padding: 130px 30px 180px;
        height: 670px;
    }

        .career .career-top > .title {
            width: 100%;
            padding: 0 15px;
            font-size: 25px;
        }

    .career {
        padding-bottom: 390px;
    }

    .career-main {
        max-width: 350px;
    }

    .current-department .logo {
        width: 50px;
        height: 50px;
        margin-bottom: 25px;
    }

    .current-department .title h4 {
        font-size: 23px;
    }

    .current-department {
        padding: 20px 0;
    }

    .career-form {
        top: 0;
    }

    .career-form-title {
        align-items: center;
        flex-direction: column-reverse;
        margin-bottom: 35px;
    }

        .career-form-title .back {
            margin-bottom: 15px;
        }

    .career-form-main .form-wrapper {
        flex-direction: column;
    }

        .career-form-main .form-wrapper .item.item-6 {
            width: 100%;
        }

        .career-form-main .form-wrapper .item.item-8 {
            width: 100%;
        }

        .career-form-main .form-wrapper .item.item-4 {
            width: 100%;
        }

    .captcha-wrapper {
        flex-direction: column;
    }

        .captcha-wrapper .captcha {
            width: 100%;
        }

            .captcha-wrapper .captcha + .captcha {
                margin-top: 20px;
                margin-left: 0;
            }

    .career .career-top .swipe-area .left {
        opacity: 0;
    }

    .career .career-top .swipe-area .right .back-title p {
        font-size: 20px;
    }

    .career-form-main .form-wrapper .item .last {
        flex-direction: column;
    }

        .career-form-main .form-wrapper .item .last .policy label p {
            line-height: 18px;
        }

    .career-form-main .form-wrapper .item button {
        width: 100%;
        height: 60px;
        margin-top: 35px;
    }

    .career {
        border: 0;
        margin-bottom: 0;
        padding-bottom: 40px;
        transition: .4s;
    }

        .career.opened {
            padding-bottom: 270px;
        }

        .career .career-top .swipe-area .right form {
            padding: 40px 0;
        }

        .career .career-top .swipe-area .right .back-title {
            padding: 0 40px;
        }

    .career-slider .swiper-container {
        padding: 0 30px;
    }

    .career-form-wrapper {
        margin: 0 auto;
        padding: 0 35px;
    }
}

.blogs {
}

    .blogs .blogs-slider {
        max-width: 1200px;
        margin: 0 auto;
        background: #2A2D6E;
        height: 500px;
        position: relative;
        margin-top: 235px;
    }

        .blogs .blogs-slider .swiper-container {
            height: 100%;
        }

            .blogs .blogs-slider .swiper-container .swiper-wrapper {
            }

                .blogs .blogs-slider .swiper-container .swiper-wrapper .swiper-slide {
                    opacity: 0 !important;
                    transition: 0.4s !important;
                }

                    .blogs .blogs-slider .swiper-container .swiper-wrapper .swiper-slide .slide-item {
                        display: flex;
                        width: 100%;
                        height: 100%;
                    }

                    .blogs .blogs-slider .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active {
                        opacity: 1 !important;
                    }

                    .blogs .blogs-slider .swiper-container .swiper-wrapper .swiper-slide .slide-item .item-img {
                        flex: 0 0 50%;
                        height: 100%;
                        background-size: cover;
                        background-position: center;
                        background-repeat: no-repeat;
                    }

                    .blogs .blogs-slider .swiper-container .swiper-wrapper .swiper-slide .slide-item .item-content {
                        flex: 0 0 50%;
                        padding: 80px 70px;
                        display: flex;
                        flex-direction: column;
                        justify-content: space-between;
                    }

                        .blogs .blogs-slider .swiper-container .swiper-wrapper .swiper-slide .slide-item .item-content p {
                            font-weight: bold;
                            font-size: 40px;
                            color: #fff;
                            margin-bottom: 0;
                            line-height: normal;
                            max-width: 350px;
                            height: 150px;
                            display: -webkit-box;
                            -webkit-line-clamp: 3;
                            -webkit-box-orient: vertical;
                            overflow: hidden;
                        }

                        .blogs .blogs-slider .swiper-container .swiper-wrapper .swiper-slide .slide-item .item-content .content-link {
                        }

                            .blogs .blogs-slider .swiper-container .swiper-wrapper .swiper-slide .slide-item .item-content .content-link a {
                                font-size: 25px;
                                color: #fff;
                                display: inline-flex;
                                align-items: center;
                            }

            .blogs .blogs-slider .swiper-container .swiper-pagination {
                position: absolute;
                top: 90px;
                right: 60px;
                left: auto;
                width: auto;
                bottom: auto;
                font-size: 15px;
                font-weight: bold;
                color: #fff;
                line-height: normal;
                letter-spacing: -1.1px;
                writing-mode: vertical-lr;
                transform: rotate(180deg);
            }

            .blogs .blogs-slider .swiper-container .slide-arrow {
                position: absolute;
                right: 70px;
                bottom: 80px;
                z-index: 1;
            }

                .blogs .blogs-slider .swiper-container .slide-arrow .slide-btn {
                    cursor: pointer;
                    transition: 0.4s;
                }

                    .blogs .blogs-slider .swiper-container .slide-arrow .slide-btn svg {
                        fill: none;
                        stroke: #fff;
                        stroke-miterlimit: 10;
                        stroke-width: 2px;
                        transition: .4s;
                    }

                        .blogs .blogs-slider .swiper-container .slide-arrow .slide-btn svg g {
                        }

                            .blogs .blogs-slider .swiper-container .slide-arrow .slide-btn svg g path {
                            }

                            .blogs .blogs-slider .swiper-container .slide-arrow .slide-btn svg g line {
                            }

            .blogs .blogs-slider .swiper-container .swiper-wrapper .swiper-slide .slide-item .item-content .content-link a:before {
                content: "";
                display: block;
                width: 40px;
                height: 1px;
                background: #fff;
                margin-right: 15px;
                transition: 0.4s;
            }

            .blogs .blogs-slider .swiper-container .swiper-pagination .swiper-pagination-current {
                font-size: 20px;
            }

            .blogs .blogs-slider .swiper-container .slide-arrow .slide-btn.btn-next {
                margin-top: 10px;
            }

    .blogs .more-text {
        display: flex;
        align-items: center;
        justify-content: center;
        text-transform: uppercase;
        font-weight: 300;
        font-size: 15px;
        letter-spacing: 0.5em;
        color: #000;
        margin-top: 50px;
        cursor: pointer;
    }

        .blogs .more-text svg {
            transform: rotate(90deg);
            margin-right: 25px;
        }

            .blogs .more-text svg path {
            }

    .blogs .blog-list .list-item a .item-content > span:nth-child(3) {
        font-size: 16px;
        color: #807e7e;
        display: inline-flex;
        align-items: center;
        transition: 0.4s;
    }

        .blogs .blog-list .list-item a .item-content > span:nth-child(3):before {
            content: "";
            display: block;
            width: 30px;
            height: 1px;
            background: #807e7e;
            margin-right: 14px;
            transition: 0.4s;
        }

    .blogs .blogs-banner {
        background: #fff;
        height: calc(100vh - 370px);
        display: flex;
        align-items: flex-end;
        justify-content: center;
        overflow: hidden;
    }

        .blogs .blogs-banner h1 {
            font-weight: bold;
            margin: 0 0 -8vw;
            line-height: normal;
            -webkit-text-stroke: 5px #FAFAFA;
            color: #fff0;
            font-size: 34vw;
        }

    .blogs .blog-list {
        display: flex;
        flex-wrap: wrap;
        max-width: 1700px;
        margin: 270px auto 140px;
        padding: 0 100px;
    }

        .blogs .blog-list .list-item {
            flex: 0 0 calc(33% - 46px);
            margin: 0 25px 70px;
        }

            .blogs .blog-list .list-item a {
                display: block;
                background: #fff;
            }

                .blogs .blog-list .list-item a .item-img {
                    height: 300px;
                    position: relative;
                    overflow: hidden;
                }

                    .blogs .blog-list .list-item a .item-img .img {
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        background-size: cover;
                        background-position: center;
                        transition: 0.4s;
                    }

                .blogs .blog-list .list-item a .item-content {
                    padding: 55px 50px;
                    background: #FAFAFA;
                }

                    .blogs .blog-list .list-item a .item-content > span:nth-child(1) {
                        display: block;
                        font-size: 15px;
                        color: #2a2a2a;
                        margin-bottom: 40px;
                    }

                    .blogs .blog-list .list-item a .item-content p {
                        font-weight: bold;
                        font-size: 30px;
                        color: #000;
                        margin-bottom: 50px;
                        line-height: normal;
                        height: 70px;
                        display: -webkit-box;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                        overflow: hidden;
                    }

@media (hover:hover) {
    .blogs .blogs-slider .swiper-container .swiper-wrapper .swiper-slide .slide-item .item-content .content-link a:hover:before {
        width: 50px;
    }

    .blogs .blogs-slider .swiper-container .slide-arrow .slide-btn:hover {
        transform: scale(1.1);
    }

    .blogs .blog-list .list-item:hover a .item-content > span:nth-child(3) {
        color: #000;
    }

        .blogs .blog-list .list-item:hover a .item-content > span:nth-child(3):before {
            background: #000;
            width: 40px;
        }

    .blogs .blog-list .list-item:hover a .item-img .img {
        transform: scale(1.1);
    }
}

@media only screen and (max-height: 820px) {
    .blogs .blogs-slider {
        transform: translate(0px, -50%) scale(0.9);
    }

    .blogs .blogs-banner {
        height: calc(100vh - 340px);
    }
}

@media only screen and (max-height: 740px) {
    .blogs .blogs-slider {
        transform: translate(0px, -50%) scale(0.8);
    }

    .blogs .blogs-banner {
        height: calc(100vh - 300px);
    }
}

@media only screen and (max-height: 680px) {
    .blogs .blogs-slider {
        transform: translate(0px, -50%) scale(0.8);
    }

    .blogs .blogs-banner {
        height: 500px;
    }
}

@media only screen and (max-width: 1470px) {
    .blogs .blog-list .list-item a .item-content p {
        font-size: 25px;
    }

    .blogs .blog-list .list-item a .item-content {
        padding: 40px;
    }
}

@media only screen and (max-width: 1370px) {
    .blogs .blog-list .list-item {
        flex: 0 0 calc(33% - 47px);
    }

    .blogs .blog-list {
        margin-top: -100px;
    }
}

@media only screen and (max-width: 1199px) {
    .blogs .blog-list {
        max-width: 100%;
        padding: 0 20px;
    }

    .blogs .blogs-slider .swiper-container .swiper-wrapper .swiper-slide .slide-item .item-content p {
        font-size: 30px;
        max-width: 270px;
    }

    .blogs .blogs-slider .swiper-container .swiper-wrapper .swiper-slide .slide-item .item-content {
        padding: 50px;
    }

    .blogs .blogs-slider .swiper-container .swiper-pagination {
        top: 64px;
        right: 50px;
    }

    .blogs .blogs-slider .swiper-container .slide-arrow {
        bottom: 50px;
        right: 50px;
    }

    .blogs .more-text {
        display: none;
    }

    .blogs .blogs-slider {
        transform: translate(0px, -40%) scale(1);
        max-width: 90%;
    }

    .blogs .blogs-banner h1 {
        font-size: 39vw;
    }
}

@media only screen and (max-width: 991px) {
    .blogs .blog-list .list-item {
        flex: 0 0 calc(50% - 30px);
        margin: 0 15px 30px;
    }

    .blogs .blog-list {
        padding: 0 30px;
    }

        .blogs .blog-list .list-item a .item-img {
            height: 200px;
        }

    .blogs .blogs-banner h1 {
        font-size: 48vw;
    }

    .blogs .blogs-slider {
        height: 340px;
    }

        .blogs .blogs-slider .swiper-container .swiper-wrapper .swiper-slide .slide-item .item-content {
            padding: 40px;
        }

            .blogs .blogs-slider .swiper-container .swiper-wrapper .swiper-slide .slide-item .item-content p {
                font-size: 24px;
                max-width: 90%;
            }

            .blogs .blogs-slider .swiper-container .swiper-wrapper .swiper-slide .slide-item .item-content .content-link a {
                font-size: 20px;
            }

        .blogs .blogs-slider .swiper-container .swiper-pagination {
            top: 50px;
            right: 40px;
        }

        .blogs .blogs-slider .swiper-container .slide-arrow {
            bottom: 40px;
            right: 40px;
        }

    .blogs .blog-list {
        margin-top: 0;
    }
}

@media only screen and (max-width: 767px) {
    .blogs .blogs-slider .swiper-container .swiper-wrapper .swiper-slide .slide-item {
        display: block;
    }

    .blogs .blogs-slider {
        height: auto;
        transform: unset;
        margin-top: 120px;
    }

        .blogs .blogs-slider .swiper-container .swiper-wrapper .swiper-slide .slide-item .item-img {
            height: 80vw;
        }

    .blogs .blogs-banner {
        height: 350px;
    }

    .blogs .blogs-slider .swiper-container .swiper-wrapper .swiper-slide .slide-item .item-content {
        height: 300px;
    }

    .blogs .blogs-slider .swiper-container .swiper-pagination {
        top: auto;
        bottom: 230px;
    }

    .blogs .blog-list .list-item {
        flex: 0 0 100%;
        margin: 0 0 34px;
    }

        .blogs .blog-list .list-item a .item-content {
            padding: 30px;
        }

            .blogs .blog-list .list-item a .item-content > span:nth-child(1) {
                margin-bottom: 30px;
            }

            .blogs .blog-list .list-item a .item-content p {
                margin-bottom: 40px;
            }

        .blogs .blog-list .list-item a .item-img {
            height: 52vw;
        }

    .blogs .blog-list {
        margin-bottom: 60px;
        margin-top: 60px;
    }
}

.services-list {
    padding: 315px 0 200px;
}

    .services-list .hizmetlerimiz-top {
        display: flex;
        flex-direction: column;
        margin-bottom: 200px;
    }

        .services-list .hizmetlerimiz-top h4 {
            font-weight: normal;
            font-size: 100px;
            text-align: center;
            color: #2a2d6e;
            margin-bottom: 130px;
            padding: 0 15px;
        }

        .services-list .hizmetlerimiz-top .swiper-container {
            padding: 0 480px;
            width: 100%;
        }

            .services-list .hizmetlerimiz-top .swiper-container .swiper-slide {
                display: flex;
                flex-direction: column;
                opacity: .4;
                transition: .4s;
            }

                .services-list .hizmetlerimiz-top .swiper-container .swiper-slide.swiper-slide-active {
                    opacity: 1;
                }

                .services-list .hizmetlerimiz-top .swiper-container .swiper-slide .img {
                    width: 100%;
                    height: 550px;
                    background: no-repeat center/cover;
                    margin-bottom: 45px;
                }

                .services-list .hizmetlerimiz-top .swiper-container .swiper-slide .title {
                    font-weight: bold;
                    font-size: 36px;
                    color: #2a2d6e;
                    margin-bottom: 25px;
                }

                .services-list .hizmetlerimiz-top .swiper-container .swiper-slide p {
                    font-weight: normal;
                    font-size: 28px;
                    color: #7c7c7c;
                    padding-right: 8.6vw;
                }

    .services-list .other-services {
        max-width: 1430px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: -85px;
    }

        .services-list .other-services .service-item {
            width: 47%;
            margin-top: 85px;
        }

            .services-list .other-services .service-item .img {
                width: 100%;
                height: 400px;
                background: no-repeat center/cover;
                margin-bottom: 25px;
            }

            .services-list .other-services .service-item .title {
                font-weight: bold;
                font-size: 40px;
                color: #2a2d6e;
            }

    .services-list .hizmetlerimiz-top .swiper-container .paginations {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        pointer-events: none;
        z-index: 2;
    }

        .services-list .hizmetlerimiz-top .swiper-container .paginations .pag {
            pointer-events: all;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            cursor: pointer;
        }

            .services-list .hizmetlerimiz-top .swiper-container .paginations .pag.prev {
                left: 195px;
            }

            .services-list .hizmetlerimiz-top .swiper-container .paginations .pag.next {
                right: 195px;
            }

            .services-list .hizmetlerimiz-top .swiper-container .paginations .pag svg {
                fill: none;
                stroke: #2a2d6e;
                stroke-miterlimit: 10;
                stroke-width: 6px;
            }

@media only screen and (max-width: 1600px) {
    .services-list .hizmetlerimiz-top .swiper-container .swiper-slide p {
        font-size: 21px;
        padding-right: 85px;
    }
}

@media only screen and (min-width: 1500px) and (max-width: 1550px) {
    .services-list .other-services {
        max-width: 1200px;
        margin-top: -50px;
    }

    .services-list .hizmetlerimiz-top .swiper-container {
        padding: 0 220px;
    }

    .services-list .other-services .service-item {
        margin-top: 50px;
    }

        .services-list .other-services .service-item .img {
            height: 310px;
            margin-bottom: 20px;
        }

        .services-list .other-services .service-item .title {
            font-size: 34px;
        }

    .services-list .hizmetlerimiz-top .swiper-container .paginations .pag.prev {
        left: 70px;
    }

    .services-list .hizmetlerimiz-top .swiper-container .paginations .pag.next {
        right: 70px;
    }
}

@media only screen and (max-width: 1440px) {
    .services-list .other-services {
        max-width: 1200px;
        margin-top: -50px;
    }

    .services-list .hizmetlerimiz-top .swiper-container {
        padding: 0 220px;
    }

    .services-list .other-services .service-item {
        margin-top: 50px;
    }

        .services-list .other-services .service-item .img {
            height: 310px;
            margin-bottom: 20px;
        }

        .services-list .other-services .service-item .title {
            font-size: 34px;
        }

    .services-list .hizmetlerimiz-top .swiper-container .paginations .pag.prev {
        left: 70px;
    }

    .services-list .hizmetlerimiz-top .swiper-container .paginations .pag.next {
        right: 70px;
    }
}

@media only screen and (max-width: 1366px) {
    .services-list {
        padding: 245px 0 150px;
    }

        .services-list .hizmetlerimiz-top h4 {
            font-size: 80px;
            margin-bottom: 90px;
        }

        .services-list .hizmetlerimiz-top .swiper-container {
            padding: 0 270px;
        }

            .services-list .hizmetlerimiz-top .swiper-container .swiper-slide .img {
                height: 450px;
                margin-bottom: 30px;
            }

            .services-list .hizmetlerimiz-top .swiper-container .swiper-slide .title {
                font-size: 30px;
                margin-bottom: 15px;
            }

            .services-list .hizmetlerimiz-top .swiper-container .swiper-slide p {
                font-size: 19px;
                padding-right: 200px;
            }

        .services-list .hizmetlerimiz-top {
            margin-bottom: 150px;
        }
}

@media only screen and (max-width: 1200px) {
    .services-list .hizmetlerimiz-top h4 {
        font-size: 60px;
        margin-bottom: 70px;
    }

    .services-list .hizmetlerimiz-top .swiper-container {
        padding: 0 200px;
    }

        .services-list .hizmetlerimiz-top .swiper-container .swiper-slide .img {
            height: 340px;
        }

        .services-list .hizmetlerimiz-top .swiper-container .paginations .pag {
            top: 40%;
        }

        .services-list .hizmetlerimiz-top .swiper-container .swiper-slide p {
            padding-right: 120px;
        }

        .services-list .hizmetlerimiz-top .swiper-container .paginations .pag svg {
            width: 30px;
        }

    .services-list .other-services {
        max-width: 890px;
    }

        .services-list .other-services .service-item .img {
            height: 260px;
            margin-bottom: 15px;
        }

        .services-list .other-services .service-item .title {
            font-size: 29px;
        }

    .services-list {
        padding: 225px 0 120px;
    }
}

@media only screen and (max-width: 900px) {
    .services-list .hizmetlerimiz-top h4 {
        font-size: 50px;
        margin-bottom: 60px;
    }

    .services-list .hizmetlerimiz-top .swiper-container {
        padding: 0 110px;
    }

        .services-list .hizmetlerimiz-top .swiper-container .paginations .pag svg {
            width: 25px;
        }

        .services-list .hizmetlerimiz-top .swiper-container .paginations .pag.prev {
            left: 30px;
        }

        .services-list .hizmetlerimiz-top .swiper-container .paginations .pag.next {
            right: 30px;
        }

        .services-list .hizmetlerimiz-top .swiper-container .swiper-slide .img {
            margin-bottom: 20px;
        }

        .services-list .hizmetlerimiz-top .swiper-container .swiper-slide .title {
            font-size: 25px;
        }

        .services-list .hizmetlerimiz-top .swiper-container .swiper-slide p {
            font-size: 17px;
            padding-right: 35px;
        }

    .services-list .hizmetlerimiz-top {
        margin-bottom: 120px;
    }

    .services-list .other-services {
        max-width: 700px;
    }

        .services-list .other-services .service-item .img {
            height: 230px;
            margin-bottom: 10px;
        }

        .services-list .other-services .service-item .title {
            font-size: 26px;
        }
}

@media only screen and (max-width: 767px) {
    .services-list {
        padding: 145px 0 70px;
    }

        .services-list .hizmetlerimiz-top h4 {
            font-size: 36px;
            margin-bottom: 40px;
        }

        .services-list .hizmetlerimiz-top .swiper-container {
            padding: 0 30px;
        }

            .services-list .hizmetlerimiz-top .swiper-container .paginations {
                display: none;
            }

            .services-list .hizmetlerimiz-top .swiper-container .swiper-slide .img {
                height: 210px;
            }

        .services-list .other-services .service-item {
            width: 100%;
            margin-top: 35px;
        }

        .services-list .other-services {
            max-width: 340px;
            margin-top: -35px;
        }

            .services-list .other-services .service-item .img {
                height: 215px;
                margin-bottom: 10px;
            }

            .services-list .other-services .service-item .title {
                font-size: 23px;
            }

        .services-list .hizmetlerimiz-top {
            margin-bottom: 90px;
        }
}

.serivce-detail {
}

    .serivce-detail .banner {
        width: 100%;
        height: 715px;
        background: no-repeat center/cover;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 65px;
        position: relative;
        margin-bottom: 135px;
    }

        .serivce-detail .banner h2 {
            font-weight: bold;
            font-size: 90px;
            text-align: center;
            color: #fff;
            margin-bottom: 0;
            position: relative;
        }

        .serivce-detail .banner .link {
            position: absolute;
            bottom: 0;
            font-weight: bold;
            font-size: 25px;
            line-height: 38px;
            color: #fff;
            background: #2A2D6E;
            padding: 30px 100px;
            transform: translateY(50%);
            border: 1px solid #2A2D6E;
            transition: .4s;
        }

            .serivce-detail .banner .link svg {
                fill: none;
                stroke: #fff;
                stroke-linecap: round;
                stroke-linejoin: round;
                stroke-width: 4px;
                margin-left: 30px;
                transition: .4s;
            }

    .serivce-detail .service-exp {
        display: flex;
        ;
        ;
        max-width: 1400px;
        margin: 0 auto;
        align-items: center;
        margin-bottom: 155px;
    }

        .serivce-detail .service-exp .left {
            width: 45%;
        }

            .serivce-detail .service-exp .left a.about-vid {
                width: 100%;
                height: 400px;
                position: relative;
                display: flex;
                align-items: center;
                justify-content: center;
            }

                .serivce-detail .service-exp .left a.about-vid .img {
                    position: absolute;
                    left: 0;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    background: no-repeat center/cover;
                }

                .serivce-detail .service-exp .left a.about-vid svg {
                    position: absolute;
                    width: 105px;
                }

        .serivce-detail .service-exp .right {
            width: 50%;
            margin-left: 5%;
            border-left: 1px solid #E2E2E2;
        }

            .serivce-detail .service-exp .right .top {
                padding-left: 80px;
            }

                .serivce-detail .service-exp .right .top .page-title {
                    font-size: 50px;
                    line-height: 65px;
                    padding-right: 35px;
                    margin-bottom: 55px;
                }

                    .serivce-detail .service-exp .right .top .page-title span {
                    }

                .serivce-detail .service-exp .right .top p {
                    font-weight: normal;
                    font-size: 25px;
                    line-height: 38px;
                    color: #000;
                    opacity: 0.6;
                    margin-bottom: 35px;
                }

            .serivce-detail .service-exp .right .bottom {
                padding-left: 80px;
                padding-top: 25px;
                border-top: 1px solid #e2e2e2;
            }

                .serivce-detail .service-exp .right .bottom .link {
                    display: flex;
                    align-items: center;
                }

                    .serivce-detail .service-exp .right .bottom .link svg {
                        fill: none;
                        stroke: #fff;
                        stroke-linecap: round;
                        stroke-linejoin: round;
                        stroke-miterlimit: 10;
                        stroke-width: 2px;
                        width: 55px;
                        height: 55px;
                        background: #2a2a2a;
                        padding: 17px;
                        border-radius: 100%;
                        margin-right: 30px;
                        transition: .4s;
                    }

                    .serivce-detail .service-exp .right .bottom .link span {
                        width: 215px;
                        display: block;
                        font-weight: 500;
                        font-size: 20px;
                        color: #000;
                    }

                    .serivce-detail .service-exp .right .bottom .link:hover svg {
                        transform: rotate(-45deg);
                    }

    .serivce-detail .service-gallery {
        padding: 150px 17vw 0;
        position: relative;
    }

        .serivce-detail .service-gallery.no-image:before {
            height: 200px;
        }

        .serivce-detail .service-gallery .gallery-top {
        }

            .serivce-detail .service-gallery .gallery-top .titles {
                display: flex;
                justify-content: space-between;
                align-items: center;
                margin-bottom: 135px;
            }

                .serivce-detail .service-gallery .gallery-top .titles h4 {
                    font-weight: bold;
                    font-size: 60px;
                    color: #fff;
                    width: 600px;
                    margin-bottom: 0;
                }

                .serivce-detail .service-gallery .gallery-top .titles p {
                    margin-bottom: 0;
                    width: 400px;
                    font-weight: normal;
                    font-size: 27px;
                    color: antiquewhite;
                }

            .serivce-detail .service-gallery .gallery-top .images {
                display: flex;
                flex-wrap: wrap;
                margin-top: -35px;
                justify-content: space-between;
            }

                .serivce-detail .service-gallery .gallery-top .images .img-item {
                    width: 100%;
                    height: 690px;
                    background: no-repeat center/cover;
                    margin-top: 35px;
                }

                    .serivce-detail .service-gallery .gallery-top .images .img-item a {
                        display: block;
                        width: 100%;
                        height: 100%;
                    }

            .serivce-detail .service-gallery .gallery-top > .exp {
                font-weight: normal;
                font-size: 25px;
                text-align: center;
                color: #888;
                width: 100%;
                margin: 0 auto;
                margin: 115px auto 130px;
            }

    .serivce-detail .banner h2:before {
        content: "";
        position: absolute;
        top: -50px;
        height: 6px;
        width: 30%;
        background: #2a2a2a;
        left: 50%;
        transform: translateX(-50%);
    }

    .serivce-detail .banner:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: #111;
        opacity: .5;
    }

    .serivce-detail .banner .link:hover {
        background: #fff;
        color: #2A2D6E;
    }

        .serivce-detail .banner .link:hover svg {
            stroke: #2b2d6e;
        }

    .serivce-detail .service-exp .right .top .page-title:before {
        top: 25px;
    }

    .serivce-detail .service-gallery:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        height: 820px;
        background: #2A2D6E;
        z-index: -1;
    }

    .serivce-detail .service-gallery .gallery-top .images .img-item.item-5 {
        width: 48.5%;
        height: 390px;
    }

    .serivce-detail .service-gallery .gallery-top > .exp ul {
        text-align: left;
        margin: 35px 0;
    }

    .serivce-detail .table-bordered td,
    .serivce-detail .table-bordered th {
        width: 17%;
    }

    .serivce-detail .service-gallery .gallery-top > .exp h2 {
        margin-bottom: 25px;
    }

    .serivce-detail .table-bordered tr:nth-child(1) td {
        font-weight: 500;
    }

@media only screen and (max-width: 1600px) {
    .serivce-detail .service-gallery {
        padding: 150px 12vw 0;
    }
}

@media only screen and (max-width: 1440px) {
    .serivce-detail .banner h2 {
        font-size: 109px;
    }

    .serivce-detail .banner {
        height: 580px;
    }
}

@media only screen and (max-width: 1366px) {
    .serivce-detail .banner h2 {
        font-size: 80px;
    }

    .serivce-detail .banner {
        height: 440px;
    }

        .serivce-detail .banner h2:before {
            top: -20px;
        }

        .serivce-detail .banner .link {
            padding: 20px 70px;
        }

    .serivce-detail .service-exp {
        max-width: 1260px;
    }
}

@media only screen and (max-width: 1200px) {
    .serivce-detail .banner h2 {
        font-size: 80px;
    }

    .serivce-detail .service-exp {
        flex-direction: column;
    }

        .serivce-detail .service-exp .left {
            width: 100%;
        }

            .serivce-detail .service-exp .left a.about-vid {
                width: 750px;
                margin: 0 auto;
                height: 380px;
            }

        .serivce-detail .service-exp .right {
            width: 100%;
            margin-top: 65px;
        }

    .serivce-detail .service-gallery .gallery-top .titles {
        flex-direction: column;
        margin-bottom: 100px;
    }

    .serivce-detail .service-gallery {
        padding: 110px 7vw 0;
    }

        .serivce-detail .service-gallery .gallery-top .titles h4 {
            width: 100%;
            text-align: center;
            margin-bottom: 35px;
        }

        .serivce-detail .service-gallery .gallery-top .titles p {
            width: 100%;
            text-align: center;
        }

        .serivce-detail .service-gallery .gallery-top .images .img-item {
            height: 480px;
        }

            .serivce-detail .service-gallery .gallery-top .images .img-item.item-5 {
                height: 320px;
            }

        .serivce-detail .service-gallery .gallery-top > .exp {
            font-size: 22px;
            margin: 75px auto 100px;
        }
}

@media only screen and (max-width: 900px) {
    .serivce-detail .service-exp {
        max-width: 90%;
        margin-bottom: 90px;
    }

        .serivce-detail .service-exp .left a.about-vid {
            width: 660px;
        }

        .serivce-detail .service-exp .right .top .page-title {
            font-size: 40px;
            margin-bottom: 35px;
            line-height: 51px;
        }

        .serivce-detail .service-exp .right .top p {
            font-size: 23px;
            line-height: unset;
        }

    .serivce-detail .service-gallery .gallery-top .titles h4 {
        font-size: 43px;
    }

    .serivce-detail .service-gallery .gallery-top .titles p {
        font-size: 22px;
    }

    .serivce-detail .service-gallery .gallery-top .images .img-item {
        height: 400px;
    }

        .serivce-detail .service-gallery .gallery-top .images .img-item.item-5 {
            height: 210px;
        }

    .serivce-detail .service-gallery .gallery-top > .exp {
        font-size: 20px;
        margin: 55px auto 100px;
        width: 90%;
    }
}

@media only screen and (max-width: 767px) {
    .serivce-detail .banner h2 {
        font-size: 49px;
        padding: 0 15px;
        width: 100%;
    }

    .serivce-detail .banner {
        height: 390px;
        padding-top: 15px;
        margin-bottom: 105px;
    }

    .serivce-detail .service-exp .left a.about-vid {
        width: 330px;
        height: 200px;
    }

        .serivce-detail .service-exp .left a.about-vid svg {
            width: 60px;
        }

    .serivce-detail .service-exp .right .top {
        padding-left: 40px;
    }

        .serivce-detail .service-exp .right .top .page-title {
            font-size: 27px;
            line-height: unset;
            padding-right: 0;
        }

            .serivce-detail .service-exp .right .top .page-title:before {
                top: 11px;
            }

        .serivce-detail .service-exp .right .top p {
            font-size: 17px;
            padding-right: 15px;
        }

    .serivce-detail .service-exp .right .bottom {
        padding-left: 25px;
    }

    .serivce-detail .service-gallery {
        padding: 50px 25px 0;
    }

        .serivce-detail .service-gallery .gallery-top .titles h4 {
            font-size: 30px;
            margin-bottom: 25px;
        }

        .serivce-detail .service-gallery .gallery-top .titles p {
            font-size: 18px;
        }

        .serivce-detail .service-gallery .gallery-top .images .img-item {
            height: 185px;
            margin-top: 12px;
        }

            .serivce-detail .service-gallery .gallery-top .images .img-item.item-5 {
                height: 100px;
            }

        .serivce-detail .service-gallery:before {
            height: 390px;
        }

        .serivce-detail .service-gallery .gallery-top > .exp {
            font-size: 17px;
            margin: 125px auto 60px;
        }

            .serivce-detail .service-gallery .gallery-top > .exp .table-overflow {
                width: 100%;
                overflow-x: scroll;
            }

        .serivce-detail .service-gallery.no-image .gallery-top > .exp {
            margin: 45px auto 60px;
        }

        .serivce-detail .service-gallery.no-image:before {
            height: 40px;
        }
}

.page-background {
    height: 525px;
    position: relative;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
}

    .page-background .page-background-top {
        padding: 160px 7vw 60px;
        position: relative;
    }

    .page-background:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #000;
        opacity: 0.5;
    }

    .page-background .page-background-top .titles {
        display: flex;
        align-items: center;
    }

        .page-background .page-background-top .titles span {
            font-weight: 300;
            font-size: 31px;
            color: #fff;
        }

        .page-background .page-background-top .titles h1 {
            font-weight: normal;
            font-size: 55px;
            line-height: 75px;
            max-width: 700px;
            text-align: center;
            color: #fff;
            margin: 0 auto;
            padding-top: 50px;
            position: relative;
        }

            .page-background .page-background-top .titles h1:before {
                content: "";
                position: absolute;
                bottom: -20px;
                height: 5px;
                width: 16vw;
                background: rgb(255 255 255 / 15%);
                left: 50%;
                transform: translateX(-50%);
                border-radius: 25px;
            }

    .page-background .page-background-top .background-image {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        left: 0;
        background-repeat: no-repeat;
        background-position: top;
        background-size: cover;
        z-index: -1;
    }

        .page-background .page-background-top .background-image:before {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            top: 0;
            background: linear-gradient(rgb(0 0 0 / 50%) 0%, #000 100%);
        }

        .page-background .page-background-top .background-image:after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            top: 0;
            width: 225px;
            background: linear-gradient(to left, rgb(0 0 0 / 0%) 0%, #000 100%);
        }

    .page-background .referance-list {
        display: flex;
        background: #FAFAFA;
        width: calc(100% - 200px);
        margin-left: auto;
        padding: 210px 100px;
        flex-wrap: wrap;
        margin-top: -75px;
        position: relative;
    }

        .page-background .referance-list .holder {
            width: 100%;
            height: 100%;
            display: flex;
            flex-wrap: wrap;
            position: relative;
        }

            .page-background .referance-list .holder:before {
                content: "";
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                border: 1px solid #fafafa;
            }

        .page-background .referance-list .referance-item {
            width: 25%;
            height: 180px;
            display: flex;
            align-items: center;
            justify-content: center;
            max-height: 180px;
            border: 1px solid #2b2d6e17;
        }

            .page-background .referance-list .referance-item + .referance-item {
                border-left: 0;
                border-top: 0;
            }

            .page-background .referance-list .referance-item img {
                max-width: 50%;
                max-height: 90%;
            }

            .page-background .referance-list .referance-item:nth-child(n+5) {
                margin-top: 0;
            }

@media only screen and (max-width: 1440px) {
    .page-background .page-background-top .titles p {
        font-size: 46px;
        width: 700px;
    }
}

@media only screen and (max-width: 1366px) {
    .page-background .page-background-top .titles h1 {
        font-size: 55px;
        line-height: 65px;
        max-width: 700px;
    }

    .page-background .referance-list {
        padding: 110px 40px;
    }

    .page-background .page-background-top .titles p {
        font-size: 50px;
        width: 690px;
    }

    .page-background .page-background-top .titles span {
        font-size: 28px;
    }

    .page-background .page-background-top {
        padding: 270px 5vw 120px;
    }
}

@media only screen and (max-width: 1200px) {
    .page-background .page-background-top {
        padding: 220px 5vw 50px;
    }

        .page-background .page-background-top .titles p {
            font-size: 38px;
            width: 530px;
            padding-top: 35px;
        }

    .page-background .referance-list {
        padding: 100px 20px;
        width: calc(100% - 160px);
    }

        .page-background .referance-list .referance-item img {
            width: 90px;
        }
}

@media only screen and (max-width: 900px) {
    .page-background .page-background-top .titles p {
        font-size: 31px;
        width: 410px;
    }

    .page-background .page-background-top .titles span {
        font-size: 23px;
    }

    .page-background .referance-list .referance-item img {
        width: 100px;
        max-height: 100%;
    }

    .page-background .referance-list {
        padding: 70px 20px;
    }

    .page-background .page-background-top .titles p:before {
        height: 4px;
    }
}

@media only screen and (max-width: 767px) {
    .page-background .page-background-top {
        padding: 190px 5vw 20px;
    }

    .page-background {
        height: 375px;
    }

        .page-background .page-background-top .titles h1 {
            font-size: 35px;
            line-height: 45px;
            max-width: 700px;
        }

        .page-background .referance-list {
            width: 100%;
            margin-top: 0;
        }

        .page-background .page-background-top .titles {
            flex-direction: column;
        }

            .page-background .page-background-top .titles p {
                margin-left: 0;
                text-align: center;
                margin-top: 15px;
                margin-bottom: 0;
                width: 100%;
                font-size: 25px;
                padding-top: 20px;
            }

        .page-background .referance-list .referance-item {
            height: 130px;
            width: 50%;
        }

        .page-background .page-background-top .titles p:before {
            height: 3px;
        }

        .page-background .referance-list .referance-item:nth-child(n+3) {
        }
}

.iletisim {
    display: flex;
    flex-direction: column;
    padding-top: 0;
    border-top: 1px solid #0000000d;
}

    .iletisim .iletisim-map {
        height: calc(100vh - 200px);
        margin-top: 200px;
    }

        .iletisim .iletisim-map .map-scope {
            width: 100%;
            height: 100%;
        }

    .iletisim .iletisim-bottom {
        display: flex;
        flex-direction: column;
        width: 80%;
        margin: 0 auto 0;
    }

        .iletisim .iletisim-bottom .tab-buttons {
            position: relative;
            background: #2b2d6e;
        }

            .iletisim .iletisim-bottom .tab-buttons .button-holder {
                width: 100%;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 25px 0;
            }

                .iletisim .iletisim-bottom .tab-buttons .button-holder .button-item {
                    color: #ffffff91;
                    font-size: 22px;
                    position: relative;
                    transition: .4s;
                    cursor: pointer;
                }

                    .iletisim .iletisim-bottom .tab-buttons .button-holder .button-item + .button-item {
                        margin-left: 20px;
                        padding-left: 25px;
                    }

                        .iletisim .iletisim-bottom .tab-buttons .button-holder .button-item + .button-item:before {
                            content: "|";
                            position: absolute;
                            left: 0;
                            top: 0px;
                            color: #ffffffc7;
                        }

                    .iletisim .iletisim-bottom .tab-buttons .button-holder .button-item.active {
                        color: white;
                    }

                    .iletisim .iletisim-bottom .tab-buttons .button-holder .button-item:hover {
                        color: #fff;
                    }

        .iletisim .iletisim-bottom .main-iletisim {
            background: #fff;
            padding: 60px 0 55px 0;
            position: relative;
        }

            .iletisim .iletisim-bottom .main-iletisim .tab-item {
                display: flex;
                justify-content: space-between;
                visibility: hidden;
                transition: .4s;
            }

                .iletisim .iletisim-bottom .main-iletisim .tab-item.active {
                    opacity: 1;
                    visibility: visible;
                }

            .iletisim .iletisim-bottom .main-iletisim .left {
                width: 460px;
            }

                .iletisim .iletisim-bottom .main-iletisim .left .page-title {
                    font-size: 25px;
                    line-height: 33px;
                    padding-top: 10px;
                    margin-bottom: 10px;
                }

                    .iletisim .iletisim-bottom .main-iletisim .left .page-title:before {
                        top: 17px;
                    }

                .iletisim .iletisim-bottom .main-iletisim .left p {
                    font-weight: normal;
                    font-size: 16px;
                    line-height: 21px;
                    color: #000;
                    opacity: 0.6;
                    margin-bottom: 0;
                }

            .iletisim .iletisim-bottom .main-iletisim .right {
                width: 670px;
                display: flex;
                flex-direction: column;
            }

                .iletisim .iletisim-bottom .main-iletisim .right.max-width100 {
                    width: 100%;
                    display: flex;
                    flex-direction: column;
                }

                .iletisim .iletisim-bottom .main-iletisim .right .iletisim-info {
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: space-between;
                    margin-bottom: 90px;
                    margin-top: -30px;
                }
                .iletisim .iletisim-bottom .main-iletisim .right .iletisim-info:last-child {
                    margin-bottom: 0;
                }

                    .iletisim .iletisim-bottom .main-iletisim .right .iletisim-info .info-item.tel {
                        width: 100%;
                    }

                    .iletisim .iletisim-bottom .main-iletisim .right .iletisim-info .info-item {
                        width: 45%;
                        display: flex;
                        flex-direction: column;
                        margin-top: 30px;
                    }

                        .iletisim .iletisim-bottom .main-iletisim .right .iletisim-info .info-item:last-child {
                            width: 100%;
                        }

                        .iletisim .iletisim-bottom .main-iletisim .right .iletisim-info .info-item span {
                            font-weight: normal;
                            font-size: 16px;
                            line-height: 23px;
                            color: #000;
                            opacity: 0.55;
                        }

                        .iletisim .iletisim-bottom .main-iletisim .right .iletisim-info .info-item.tel a {
                            font-weight: 500;
                            font-size: 31px;
                            color: #000;
                            margin-bottom: 30px;
                        }

                        .iletisim .iletisim-bottom .main-iletisim .right .iletisim-info .info-item a {
                            display: flex;
                            font-weight: 500;
                            font-size: 16px;
                            color: #000;
                            align-items: center;
                        }

                            .iletisim .iletisim-bottom .main-iletisim .right .iletisim-info .info-item a svg {
                                fill: none;
                                stroke: black;
                                margin-left: 10px;
                                transition: 0.2s;
                            }

                            .iletisim .iletisim-bottom .main-iletisim .right .iletisim-info .info-item a:hover svg {
                                transform: translate(5px, -5px);
                            }

                .iletisim .iletisim-bottom .main-iletisim .right .form {
                }

                    .iletisim .iletisim-bottom .main-iletisim .right .form div {
                       width:100%;
                    }

                .iletisim .iletisim-bottom .main-iletisim .right.max-width100 .form div {
                    display: inherit;
                    max-width: 800px;
                    justify-content: center;
                    margin: 0 auto;
                }

                .iletisim .iletisim-bottom .main-iletisim .right .form div .form-about {
                    width: 33%;
                }

                    .iletisim .iletisim-bottom .main-iletisim .right .form div .form-about span {
                        font-weight: 500;
                        font-size: 26px;
                        color: #18222e;
                        margin-bottom: 55px;
                        display: block;
                    }

                        .iletisim .iletisim-bottom .main-iletisim .right .form div .form-about span .about-list {
                        }

                            .iletisim .iletisim-bottom .main-iletisim .right .form div .form-about span .about-list .about-item {
                            }

                                .iletisim .iletisim-bottom .main-iletisim .right .form div .form-about span .about-list .about-item input {
                                }

                    .iletisim .iletisim-bottom .main-iletisim .right .form div .form-about .about-list {
                    }

                        .iletisim .iletisim-bottom .main-iletisim .right .form div .form-about .about-list .about-item {
                            position: relative;
                        }

                            .iletisim .iletisim-bottom .main-iletisim .right .form div .form-about .about-list .about-item input {
                                width: 1px;
                                height: 1px;
                                position: absolute;
                                left: 2px;
                                top: 15px;
                            }

                            .iletisim .iletisim-bottom .main-iletisim .right .form div .form-about .about-list .about-item label {
                                font-family: refrigerator-deluxe, sans-serif;
                                font-weight: normal;
                                font-size: 30px;
                                text-align: left;
                                color: #696767;
                                background: #ebebeb;
                                cursor: pointer;
                                transition: .4s;
                            }

                            .iletisim .iletisim-bottom .main-iletisim .right .form div .form-about .about-list .about-item input:checked ~ label {
                                color: #C32C3B;
                            }

                            .iletisim .iletisim-bottom .main-iletisim .right .form div .form-about .about-list .about-item + .about-item {
                                margin-top: 25px;
                            }

                .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs {
                    width: 100%;
                    display: flex;
                    flex-wrap: wrap;
                    height: max-content;
                }

                    .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs.active {
                        pointer-events: all;
                    }

                    .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item {
                        position: relative;
                        width: 100%;
                        height: 75px;
                        display: flex;
                    }

                        .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item.half {
                            width: 49%;
                        }

                        .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item.full-size {
                            width: 100%;
                        }

                        .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item input,
                        .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item textarea {
                            background: none;
                            border: 1px solid #CBCBCB;
                            box-shadow: none !important;
                            outline: 0 !important;
                            width: 100%;
                            height: 100%;
                            padding: 19px 15px 20px 55px;
                            font-weight: normal;
                            font-size: 16px;
                            color: #797979;
                            resize: none;
                            transition: .4s;
                            border-radius: 0 !important;
                        }

                        .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item .icon {
                            position: absolute;
                            top: 25px;
                            left: 22px;
                            height: 17px;
                            width: 19px;
                        }

                            .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item .icon svg {
                                width: 100%;
                                height: 100%;
                            }

                    .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs.active .form-item input,
                    .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs.active .form-item textarea {
                        border-color: #000000;
                    }

                    .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs.active .form-item .icon svg path {
                        fill: #2a2a2a;
                    }

                    .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item .icon svg path {
                        transition: .4s;
                    }

                    .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs.active .form-item .send-btn {
                        background: #C32C3B;
                    }

                        .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs.active .form-item .send-btn:hover {
                            background: #b31a29;
                        }

                    .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item.half + .form-item.half {
                        margin-left: 2%;
                        margin-top: 0;
                    }
                    .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item.half:nth-child(3) {
                        margin-left: 0 !important;
                        margin-top: 15px !important;
                    }
                    .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item.half:nth-child(4) {
                        margin-top: 15px !important;
                    }
                    .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item.full-size + .form-item.full-size {
                        margin-left: 0 !important;
                        margin-top: 12px;
                    }

                    .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item:nth-child(n+3) {
                        margin-top: 15px;
                    }

                    .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item.textarea {
                        height: 280px;
                    }

                        .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item.textarea .icon {
                            top: 23px;
                        }

                    .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item .captcha {
                        width: 33%;
                        position: relative;
                    }

                        .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item .captcha img {
                            height: 100%;
                            width: 100%;
                            border: 1px solid #CBCBCB;
                        }

                        .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item .captcha a {
                            position: absolute;
                            right: 20px;
                            top: 50%;
                            transform: translateY(-50%);
                            width: 30px;
                            height: 30px;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            background: #fff;
                            border-radius: 100%;
                            right: 5px;
                            color: #093a63;
                        }

                        .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item .captcha input {
                            padding: 15px 25px;
                            border: 1px solid #CBCBCB;
                            border-radius: 0;
                        }

                        .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item .captcha label {
                            font-weight: normal;
                            font-size: 14px;
                            color: #797979;
                            position: absolute;
                            margin-bottom: 0;
                            top: 50%;
                            left: 25px;
                            transform: translateY(-50%);
                            pointer-events: none;
                        }

                        .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item .captcha.active label {
                            opacity: 0;
                        }

                    .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item .send-btn {
                        width: 100%;
                        margin-left: 0;
                        background: #ffffff;
                        line-height: 22px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        border: 1px solid #cbcbcb;
                        transition: .4s;
                        box-shadow: none !important;
                        outline: 0 !important;
                        font-weight: 500;
                        font-size: 18px;
                        color: #2a2a2a;
                    }

                        .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item .send-btn:hover {
                            background: #2a2a2a;
                            color: #fff;
                            border-color: #2a2a2a;
                        }

                    .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item .captcha + .captcha {
                        margin-left: 1.5%;
                    }

                    .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item input:focus,
                    .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item textarea:focus {
                        border-color: #1d71b8;
                    }

@media only screen and (max-width: 1600px) {
    .iletisim .iletisim-bottom {
        width: 100%;
    }

    .iletisim .iletisim-map {
        height: 670px;
    }
}

@media only screen and (max-width: 1440px) {
    .iletisim .iletisim-bottom .main-iletisim .left {
        width: 380px;
    }

        

    .iletisim .iletisim-bottom .main-iletisim .right {
        width: 600px;
    }

        .iletisim .iletisim-bottom .main-iletisim .right .iletisim-info .info-item.tel a {
            font-size: 50px;
        }
}

@media only screen and (max-width: 1200px) {
    .iletisim .iletisim-map {
        margin-top: 160px;
    }

    .iletisim .iletisim-bottom .main-iletisim {
        padding: 80px 0 70px;
    }

        .iletisim .iletisim-bottom .main-iletisim .right {
            width: 470px;
        }

        .iletisim .iletisim-bottom .main-iletisim .left {
            width: 290px;
        }

            

        .iletisim .iletisim-bottom .main-iletisim .right .iletisim-info .info-item.tel a {
            font-size: 36px;
            margin-bottom: 25px;
        }

        

        .iletisim .iletisim-bottom .main-iletisim .right .iletisim-info {
            margin-bottom: 120px;
        }

        .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item .send-btn {
            width: 100%;
            height: 75px;
            margin: 10px 0 0;
        }

        .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item:last-child {
            flex-wrap: wrap;
            height: initial;
        }

        .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item .captcha {
            width: 49%;
            height: 75px;
        }
}

@media only screen and (max-width: 900px) {
    .iletisim .iletisim-bottom .main-iletisim {
        flex-direction: column;
    }

        .iletisim .iletisim-bottom .main-iletisim .left {
            width: 100%;
            margin-bottom: 45px;
        }

        .iletisim .iletisim-bottom .main-iletisim .right {
            width: 100%;
        }

        

        .iletisim .iletisim-bottom .main-iletisim .right .iletisim-info .info-item span {
            font-size: 18px;
        }

        .iletisim .iletisim-bottom .main-iletisim .right .iletisim-info .info-item.tel a {
            font-size: 28px;
        }

        .iletisim .iletisim-bottom .main-iletisim .tab-item {
            flex-direction: column;
            left: 120px;
            right: 120px;
        }

        .iletisim .iletisim-bottom .main-iletisim .tab-item {
            left: 70px;
            right: 50px;
        }

    .iletisim .iletisim-bottom .tab-buttons .button-holder .button-item {
        font-size: 17px;
    }
}

@media only screen and (max-width: 767px) {
    .iletisim .iletisim-map {
        margin-top: 95px;
        height: 430px;
    }

        .iletisim .iletisim-map .map-scope {
            width: 100%;
        }

    .iletisim .iletisim-bottom {
        margin: 0 auto 0;
    }

        .iletisim .iletisim-bottom .main-iletisim {
            padding: 50px 10px 70px;
        }

            .iletisim .iletisim-bottom .main-iletisim .left .page-title {
                font-size: 32px;
                line-height:37px;
                text-align: center;
            }

                .iletisim .iletisim-bottom .main-iletisim .left .page-title:before {
                    top: -21px;
                    left: 50%;
                    transform: translateX(-50%);
                    width: 95px;
                    height: 3px;
                }

            .iletisim .iletisim-bottom .main-iletisim .left p {
                text-align: center;
                line-height: normal;
            }

            .iletisim .iletisim-bottom .main-iletisim .right .iletisim-info .info-item {
                align-items: center;
                width: max-content;
                margin: 0 auto;
                margin-top: 30px;
            }

                .iletisim .iletisim-bottom .main-iletisim .right .iletisim-info .info-item.tel a {
                    font-size: 23px;
                    margin-bottom: 0;
                }

                .iletisim .iletisim-bottom .main-iletisim .right .iletisim-info .info-item + .info-item {
                    margin-top: 30px;
                }

            .iletisim .iletisim-bottom .main-iletisim .right .iletisim-info {
                margin-bottom: 70px;
            }

            .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item {
                width: 100% !important;
                margin-left: 0 !important;
            }

                .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item:nth-child(n+2) {
                    margin-top: 10px;
                }

                .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item.half + .form-item.half {
                    margin-top: 12px;
                }

                .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item .captcha input {
                    padding: 22px 25px;
                }

            .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item {
                height: 65px;
            }

                .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item .icon {
                    top: 19px;
                }

                .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item .send-btn {
                    height: 65px;
                    font-size: 20px;
                }

        .iletisim .iletisim-bottom .tab-buttons .button-holder .button-item {
            font-size: 16px;
            text-align: center;
        }

            .iletisim .iletisim-bottom .tab-buttons .button-holder .button-item + .button-item {
                padding-left: 18px;
                margin-left: 14px;
            }

        .iletisim .iletisim-bottom .main-iletisim .tab-item {
            left: 10px;
            right: 10px;
            top: 65px;
        }

        .iletisim .iletisim-bottom .tab-buttons {
            width: 100%;
            padding: 25px 0px;
        }

            .iletisim .iletisim-bottom .tab-buttons .button-holder {
                justify-content: unset;
                padding: unset;
            }

                .iletisim .iletisim-bottom .tab-buttons .button-holder .button-item + .button-item {
                    margin-left: unset;
                }

        .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item .captcha {
            width: 48.5%;
        }

            .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item .captcha + .captcha {
                margin-left: 3%;
            }
}




.alert strong {
    padding-right: 6px;
}

.hakkimizda-page .hizmetlerimiz-detay .left.max-width100 {
    width: 100%;
}

.hakkimizda-page.padding-list {
    padding-top: 85px;
}

@media only screen and (max-width: 767px) {
    .links__column.list li a {
        font-size: 14px;
        line-height: 18px;
    }

    .lp-link {
        font-size: 14px;
        line-height: 18px;
        font-weight: 600;
    }
}

.blue-page-bg {
    background-color: #1d71b8;
}



.alysweb-signature {
    display: flex;
    justify-content: center;
}

    

.alysweb-signature,
.alysweb-signature-text {
    color: #383838;
    font-size: 15px;
    text-decoration: none;
    text-align: center;
    width: initial;
    width: 180px;
}

#alysweb-signature {
    height: 27px;
    opacity: 0.6;
}

    #alysweb-signature img {
        height: 20px;
    }

.alysweb-signature .alysweb-signature-text.white {
    color: white !important;
    opacity: 0.5;
}
.alert {
    margin-bottom: 15px !important;
}
@media only screen and (max-width: 1200px) {
    header .header-wrapper .logo {
        width: 50%;
    }
    header .header-wrapper .main-menu .menu {
        display: none;
    }
    .mobileMenuButton {
        display: block;
    }
}
@media screen and (max-width: 1200px){
  
    

    .mobile-menu .mobile-nav > ul li a {
        font-size: 18px;
    }

    

    

    header .header-wrapper .main-menu {
        width: 50%;
    }

    header .header-wrapper .logo a .logo-name {
        font-size: 17px;
    }

}

@media screen and (orientation:landscape) and (max-device-width: 820px) {
    .slick-dots {
        display: block;
    }

    .slideWrapInner,
    .slider-image {
        height: 150vh;
    }
}

@media only screen and (max-width:1500px) {
    main .container-fluid {
        padding: 0 100px;
    }
    .home-products .products-wrapper .products-list .item:nth-child(3) {
        right: -60px;
    }
    
  
}
@media only screen and (max-width:1200px){
    main .container-fluid {
        padding: 0 35px;
    }
}
@media only screen and (max-width:991px) {
    main .container-fluid {
        padding: 0 30px;
    }
}
@media only screen and (max-width: 767px){
    .header-wrapper .logo img {
        height: 75px;
    }
}
@media only screen and (max-width: 520px) {
    main .container-fluid {
        padding: 0 10px;
    }
    .mobile-menu .mobile-nav {
        padding: 40px 10px;
    }
  
        header .header-wrapper .main-menu {
            width: 50%;
        }
   
    header.page-scroll .header-wrapper .logo a .logo-bg {
        width: 130px;
        height: 73px;
        padding: 8px;
        top: 0;
    }
    
    .header-wrapper .logo img {
        height: 50px;
    }
    header.page-scroll .logo img{
        margin-left:80px;
    }
}
@media only screen and (max-width:1550px){
    
    header .header-wrapper .main-menu .menu ul li .submenu ul > li > a {
        font-size: 15px;
        line-height: 21px;
        color: #2a2a2a;
        margin-bottom: 10px;
        font-weight: 500;
        display: block;
        transition: .4s;
        display: flex;
    }
}
@media only screen and (max-width:1300px) {
    header .header-wrapper .main-menu .menu > ul > li > a {
        font-size: 15px;
        line-height: 17px;
    }
    header .header-wrapper .main-menu .menu ul li .submenu ul > li > a {
        font-size: 15px;
        line-height: 21px;
        margin-bottom: 10px;
    }
    header .header-wrapper .main-menu .menu ul li .submenu.megamenu .menu-item {
        width: 100%;
        padding: 0 7px;
    }
    header .header-wrapper .main-menu .menu ul li .submenu.megamenu {
        padding: 20px 15px;
    }
}
.listeler {
    display: flex;
    flex-flow: row wrap;
    --gap: 1.5rem;
    margin: calc(-1*var(--gap)) 0 0 calc(-1*var(--gap));
    width: calc(100% + var(--gap));
    margin-top:30px;
}
.listeler__item {
    padding: 1.5rem;
    background-color: #f7f7f7;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    border-radius: 12px;
    -o-border-radius: 12px;
    background-clip: padding-box;
    margin: var(--gap) 0 0 var(--gap);
    width: calc(25% - calc(1*var(--gap)));
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
}
.listeler .listeler__item img {
    width: 54px;
    height: 54px;
    overflow: hidden;
    display: block;
    -webkit-border-radius: 54px;
    -moz-border-radius: 54px;
    -ms-border-radius: 54px;
    border-radius: 54px;
    -o-border-radius: 54px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    object-fit: cover;
    object-position: top center;
    border: 2px solid #cdcdcd;
    border-radius: 50%;
    box-shadow: 0px 0px 4px rgb(0 53 107 / 28%);
    padding: 2px;
    margin: 5px;
}
.listeler .listeler__item a {
    font-size: 1.25rem;
    line-height: 2rem;
    display: block;
    color: #2a2a2a;
    font-weight:600;
    padding-top: 1rem;
}
.listeler .listeler__item div.listeler__footer {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-end;
}
    .listeler .listeler__item div.listeler__footer a {
        color: var(--color-light-text);
        font-size: .8125rem;
        line-height: 1.25rem;
    }
.listeler .listeler__item a {
    font-size: 1.25rem;
    line-height: 2rem;
    display: block;
    color: #2a2a2a;
    padding-top: 1rem;
}
.listeler .listeler__item:hover {
    background-color: #2a2a2a;
}
.listeler .listeler__item:hover p, .listeler .listeler__item:hover p {
    color:#ffffff;
}
.listeler .listeler__item:hover svg path {
    fill:#ffffff;
}
.listeler .listeler__item:hover a, .listeler .listeler__item:hover a:not(.label){
        color: #fff;
}
@media only screen and (max-width:1100px){
    .listeler__item {
        width: calc(33.333% - calc(1*var(--gap)));
    }
}
@media only screen and (max-width:767px) {
    .listeler__item {
        width: calc(50% - calc(1*var(--gap)));
    }
}
@media only screen and (max-width:515px) {
    .listeler__item {
        width: calc(100% - calc(1*var(--gap)));
    }
}
.sayfa-icerik {
    padding-top: 0;
    margin-top: 0;
    padding-bottom:0;
}
.sayfa-detay {
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 23px;
    color: #525252;
    margin-top: 25px;
    font-family: "Roboto", sans-serif !important;
}
.sayfa-icerik .sayfa-detay .max-width70{
    max-width:70%;
    margin-bottom:100px;
}
.sayfa-detay h2 {
    font-weight: 700;
    color: #2a2a2a;
    opacity: 1;
    margin-top: 25px;
    margin-bottom: 15px;
    font-size: 22px;
    font-family: "Roboto", sans-serif !important;
}
.sayfa-detay p {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #525252;
    margin-top: 7px;
    font-family: "Roboto", sans-serif !important;
}
.sayfa-detay div {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #525252;
    margin-top: 7px;
    font-family: "Roboto", sans-serif !important;
}
.sayfa-detay span {
    font-family: "Roboto", sans-serif !important;
    font-size: 14px !important;
    line-height: 20px;
    color: #525252 !important;
}
.sayfa-detay ul li {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #525252;
    position: relative;
    font-family: "Roboto", sans-serif !important;
}

        .sayfa-detay ul li:after {
            position: absolute;
            content: "";
            background: #0b9981;
            left: -17px;
            top: 4px;
            height: 12px;
            width: 8px;
        }
     
        .sayfa-icerik .sayfa-detay table{
            width:100% !important;
            height:auto !important;
            background-color:#ffffff !important;
        }
        .urun-ozellikleri ul li:after{
            display:none;
        }
        .urun-ozellikleri{
            /*max-width:900px;*/
            margin:0 auto;
            
        }
        .urun-ozellikleri ul{
            margin-left:0;
            padding-left:0;
        }
        .urun-ozellikleri{
            text-align:left;
        }
     
        .sayfa-detay h3{
                color: #2a2a2a;
                margin-bottom:25px;

        }
.urun-ozellikleri ul li {
    text-align: left;
    padding: 4px 20px 4px;
    font-size: 14px;
    line-height: 20px;
}
            .urun-ozellikleri ul li:nth-child(2n+1) {
             background-color:#f6f7fb;
            }
.sayfa-icerik .sayfa-detay table tr {
    background-color: #ffffff !important;
}
.background-table .sayfa-icerik{
    border-top:none;
    padding-top:0;
    padding:25px 0 50px;
    margin-top:0;
}
.sayfa-icerik .sayfa-detay .left.max-width100 {
    width: 100%;
}

.hizmetlerimiz-icerik {
    padding: 20px 0 25px;
}
.list-item {
    background-color: #fff;
    border-radius: 20px 20px 20px 20px;
}

.icerik-detay {
    display: flex;
    padding: 0vw 0 0;
}
.list-section {
    padding: 60px 0;
    margin:45px 0;
    background-color: #f8f8f8;
}
.list-item .list-image img{
    width:100%;
}
.list-item .list-aciklama {
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.hizmetlerimiz-detay .page-title.h1title:before {
    display:none;
}
.hizmetlerimiz-detay .page-title.h1title{
    margin-left:0;
}
    .list-item .list-aciklama a {
        font-size: 18px;
        font-weight: 600;
        text-transform: none;
        font-style: normal;
        text-decoration: none;
        line-height: 1.5em;
        letter-spacing: 0px;
        text-align: left;
        color: #1c244b;
    }
    .pb-100{
        padding-bottom:100px;
    }

    .icerik-detay p {
        font-weight: 500;
        font-size: 20px;
        line-height: 27px;
        color: #000;
        margin-top: 25px;
    }

    .icerik-detay ul li {
        font-weight: 500;
        font-size: 20px;
        line-height: 27px;
        color: #000;
        margin-top: 15px;
        position: relative;
    }

        .icerik-detay ul li:after {
            position: absolute;
            content: "";
            background: #0b9981;
            left: -17px;
            top: 4px;
            height: 12px;
            width: 8px;
        }

.icerik-icerik .icerik-detay .left.max-width100 {
    width: 100%;
}


.page-banner {
    display: flex;
    position: relative;
    padding-top: 0;
    z-index: 1;
}

    .page-banner .banner-wrapper:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url('/assets/images/background/page-banner.svg') no-repeat center center;
        background-size: cover;
        opacity: .25;
    }

.banner-wrapper {
    width: 95%;
    margin: 0;
    display: flex;
    border-radius: 10px;
    align-items: center;
    justify-content: space-between;
    padding: 0 77px;
    height: 200px;
    background: #2a2a2a;
    position: relative;
}

    .banner-wrapper .container {
        display: flex;
        border-radius: 10px;
        align-items: center;
        justify-content: space-between;
        position: relative;
        max-width: 100%;
    }

    .banner-wrapper .title, .banner-wrapper .links {
        position: relative;
        z-index: 1;
    }

.page-banner h1 {
    font-weight: 600;
    font-size: 40px;
    letter-spacing: 0.02em;
    line-height: 45px;
    color: #ededed;
}



@media only screen and (max-width: 768px) {
    .banner-wrapper .title, .banner-wrapper .links {
        width: 100%;
        text-align: center;
    }

    .section-padding {
        padding: 50px 0px;
    }

    .page-banner h1 {
        font-size: 23px;
        line-height: 29px;
    }

    .breadcrumb-item {
        font-size: 12px;
    }

    .banner-wrapper {
        padding: 35px 10px 10px 10px;
        flex-wrap: wrap;
        justify-content: center;
        height: 180px;
    }

        .banner-wrapper .container {
            flex-wrap: wrap;
            justify-content: center;
        }

        .banner-wrapper .title, .banner-wrapper .links {
            width: 100%;
            text-align: center;
        }

    .breadcrumb {
        justify-content: center;
    }
}

.persons-list {
    padding: 60px 0;
}

@media (max-width: 767px) {
    .persons-list {
        overflow: hidden;
        padding-top: 30px;
        padding-bottom: 0;
        position: relative
    }
}

.persons-list .persons-category .persons-category-heading {
    font-size: 26px;
    font-weight: 700;
    margin: 75px 0 50px;
    text-align: center
}

@media (max-width: 767px) {
    .persons-list .persons-category .persons-category-heading {
        margin: 50px 0 30px
    }
}

.persons-list .persons-category:first-child .persons-category-heading {
    margin-top: 0
}

.persons-list .item {
    background-color: #f7f7f7;
    border: 1px solid #e1e1e1;
    border-left: 3px solid #ed1c24;
    border-radius: 6px;
    height: 100%;
    padding: 10px 20px 10px 10px
}

    .persons-list .item, .persons-list .item .ico {
        align-items: center;
        display: -moz-flex;
        display: flex
    }

        .persons-list .item .ico {
            background-color: #fff;
            border: 1px solid #e1e1e1;
            border-left: 2px solid #000;
            border-radius: 50%;
            height: 40px;
            justify-content: center;
            margin-right: 20px;
            width: 40px
        }

        .persons-list .item .name {
            color: #000;
            display: block;
            font-weight: 700
        }

.persons-card {
    border-radius: 20px;
    box-shadow: 0 0 30px rgba(0,0,0,.16);
    height: 100%;
    overflow: hidden;
    padding: 30px;
    position: relative;
    text-align: center;
    margin: 0 auto;
}

    .persons-card:hover {
        background-color: #2a2a2a;
    }

        .persons-card:hover:before {
            background-color: #ffffff;
        }

        .persons-card:hover span.name {
            color: #ffffff;
        }

        .persons-card:hover span.attribute {
            color: #ffffff;
        }

    .persons-card:before {
        background-color: #22a48f;
        border-radius: 50%;
        bottom: -75px;
        content: "";
        display: block;
        height: 200px;
        opacity: .1;
        position: absolute;
        right: -75px;
        width: 200px
    }

    .persons-card .image {
        text-align: center
    }

        .persons-card .image img {
            margin-bottom: 30px;
            width: 135px;
            height: 135px;
            display: inline-block;
            -webkit-border-radius: 54px;
            -moz-border-radius: 54px;
            -ms-border-radius: 54px;
            border-radius: 54px;
            -o-border-radius: 54px;
            object-fit: cover;
            object-position: top center;
            border: 2px solid #cdcdcd;
            border-radius: 50%;
            box-shadow: 0px 0px 4px rgb(0 53 107 / 28%);
            padding: 2px;
            margin: 5px;
        }

    .persons-card .name {
        color: #22a48f;
        display: block;
        font-size: 20px;
        line-height: 27px;
        font-weight: 600;
        margin-top: 15px;
        margin-bottom: 5px;
        text-align: center;
    }

    .persons-card .attribute {
        display: block;
        font-size: 16px;
        font-weight: 300;
        text-align: center;
        color: #2a2a2a;
    }

.ekibimiz-box {
    margin-right: 35px;
    width: 100%;
}

    .ekibimiz-box .ekibimiz-img {
        width: 100%;
        text-align: center;
    }

        .ekibimiz-box .ekibimiz-img img {
            margin-bottom: 30px;
            width: 235px;
            height: 235px;
            display: inline-block;
            -webkit-border-radius: 54px;
            -moz-border-radius: 54px;
            -ms-border-radius: 54px;
            border-radius: 54px;
            -o-border-radius: 54px;
            object-fit: cover;
            object-position: top center;
            border: 2px solid #cdcdcd;
            border-radius: 50%;
            box-shadow: 0px 0px 4px rgb(0 53 107 / 28%);
            padding: 2px;
            margin: 5px;
        }

    .ekibimiz-box .ekibimiz-title h2 {
        color: #22a48f;
        display: block;
        font-size: 20px;
        line-height: 27px;
        font-weight: 600;
        margin-top: 15px;
        margin-bottom: 5px;
        text-align: center;
    }

    .ekibimiz-box .ekibimiz-title span {
        display: block;
        font-size: 16px;
        font-weight: 300;
        text-align: center;
        color: #2a2a2a;
    }

    .ekibimiz-box .ekibimiz-title {
        width: 100%;
        text-align: center;
    }

.ekibimiz-slider .persons-card {
    background-color: #ffffff;
    box-shadow: inherit;
}

    .ekibimiz-slider .persons-card:hover {
        background-color: #2a2a2a;
        box-shadow: inherit;
    }

.ekibimiz-slider {
    display: flex;
    flex-flow: row wrap;
    margin-top: 30px;
    padding-bottom: 70px;
}

@media (max-width: 574px) {
    .persons-card .attribute {
        font-size: 14px
    }
}

.person-item-list .item {
    align-items: center;
    background-color: #f7f7f7;
    border: 1px solid #e1e1e1;
    border-left: 3px solid #ed1c24;
    display: -moz-flex;
    display: flex;
    height: 100%;
    padding: 10px 20px 10px 10px
}

    .person-item-list .item .ico {
        align-items: center;
        background-color: #fff;
        border: 1px solid #e1e1e1;
        border-left: 2px solid #000;
        border-radius: 50%;
        display: -moz-flex;
        display: flex;
        height: 40px;
        justify-content: center;
        margin-right: 20px;
        width: 40px
    }

    .person-item-list .item .name {
        color: #000;
        display: block;
        font-weight: 700
    }

.persons-sample-list .list ul {
    display: -moz-flex;
    display: flex;
    flex-wrap: wrap;
    gap: 15px 30px;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0
}

    .persons-sample-list .list ul li {
        align-items: center;
        background-color: #f7f7f7;
        border: 1px solid #e1e1e1;
        border-left: 3px solid #ed1c24;
        border-radius: 6px;
        display: -moz-flex;
        display: flex;
        padding: 10px 20px 10px 10px;
        width: calc(33.33333% - 20px)
    }

@media only screen and (max-width:1299px) {
    .persons-card .name {
        font-size: 17px;
        line-height: 21px;
    }
}

@media (max-width: 991px) {
    .persons-sample-list .list ul li {
        width: calc(50% - 30px)
    }
}

@media (max-width: 574px) {
    .persons-sample-list .list ul li {
        width: 100%
    }
}

.news {
    position: relative;
    padding-top:0;
    background: #ffffff;;
}

.featured-news .featured-title-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 100px;
}

    .featured-news .featured-title-wrapper .title {
        width: 45%;
    }

        .featured-news .featured-title-wrapper .title .cnt {
            font-size: 60px;
            color: #06263B;
            line-height: 1.4;
            font-weight: bold;
        }

    .featured-news .featured-title-wrapper .news-slider-navigation {
        display: flex;
        align-items: center;
        margin: 0 -15px;
    }

        .featured-news .featured-title-wrapper .news-slider-navigation > div {
            padding: 0 15px;
            position: relative;
            cursor: pointer;
        }

        .featured-news .featured-title-wrapper .news-slider-navigation .prev:after {
            content: "";
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right: 0;
            width: 1px;
            height: 100%;
            background: #E2E2E2;
        }

        .featured-news .featured-title-wrapper .news-slider-navigation svg {
            fill: none;
            stroke: #292d32;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-width: 2px;
            transition: .4s;
        }

.featured-news {
    padding: 100px 0;
}

    .featured-news .featured-news-item {
        display: flex;
        align-items: center;
    }

        .featured-news .featured-news-item .img {
            width: 700px;
            border-radius: 50px;
            overflow: hidden;
        }

            .featured-news .featured-news-item .img a {
                display: block;
            }

                .featured-news .featured-news-item .img a img {
                    width: 100%;
                    height: 380px;
                    object-fit: cover;
                }

        .featured-news .featured-news-item .news-content {
            padding-left: 160px;
            flex: 1;
        }

            .featured-news .featured-news-item .news-content .date {
                font-weight: 300;
                font-size: 15px;
                letter-spacing: 0.3em;
                color: #fe6f59;
                margin-bottom: 60px;
            }

                .featured-news .featured-news-item .news-content .date .icon {
                    margin-right: 15px;
                }

                    .featured-news .featured-news-item .news-content .date .icon svg {
                        fill: none;
                        stroke: #fe6f59;
                        stroke-linecap: round;
                        stroke-linejoin: round;
                    }

            .featured-news .featured-news-item .news-content .title {
                margin-bottom: 60px;
            }

                .featured-news .featured-news-item .news-content .title h3 a {
                    font-weight: bold;
                    font-size: 52px;
                    color: #000;
                }

            .featured-news .featured-news-item .news-content .cnt {
                font-weight: 300;
                font-size: 15px;
                color: #06263b;
            }

.blog-page-list {
    padding: 0;
}

    .blog-page-list .blog-page-wrapper {
        display: flex;
        align-items: flex-start;
    }

.list-categories {
    padding: 60px 55px;
    background: #FAFAFA;
    border-radius: 50px;
    position: sticky;
    overflow: auto;
    top: 190px;
}

    .list-categories .mobile-btn {
        display: none;
    }

    .list-categories h4 {
        font-weight: 300;
        font-size: 28px;
        line-height: 1;
        text-align: left;
        color: #3c6580;
        display: flex;
        align-items: center;
        margin-bottom: 40px;
    }

        .list-categories h4 .icon {
            margin-right: 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            top: -4px;
        }

            .list-categories h4 .icon img {
                width: 30px;
                height: 26px;
            }

    .list-categories .category-list ul li a {
        display: flex;
        align-items: center;
        font-weight: 300;
        font-size: 21px;
        text-align: left;
        color: #3c6580;
        padding: 10px 0;
        transition: .4s;
    }

        .list-categories .category-list ul li a.active {
            color: #fe6f59;
        }

        .list-categories .category-list ul li a .blog-count {
            font-weight: 500;
            position: relative;
            width: 65px;
            margin-right: 15px;
        }

            .list-categories .category-list ul li a .blog-count:after {
                content: "";
                position: absolute;
                top: 50%;
                right: 0;
                transform: translateY(-50%);
                width: 22px;
                height: 1px;
                background: rgb(0 0 0 / 8%);
            }

.blog-page-list .blog-page-wrapper .blog-list {
    flex: 1;
    padding-right: 110px;
    margin-bottom: 50px;
    border-top: 1px solid #0000000d;
    padding-top: 25px;
}

    .blog-page-list .blog-page-wrapper .blog-list h4 {
        font-weight: bold;
        font-size: 60px;
        color: #06263b;
        padding-bottom: 30px;
        margin-bottom: 30px;
        border-bottom: 1px solid #EDEDED;
    }

.blog-page-list .blog-page-wrapper .blog-list-wrapper .item .blog-item {
    display: flex;
    align-items: center;
}

    .blog-page-list .blog-page-wrapper .blog-list-wrapper .item .blog-item .img {
        width: 325px;
    }

    .blog-page-list .blog-page-wrapper .blog-list-wrapper .item .blog-item .blog-content {
        flex: 1;
        padding-left: 90px;
    }

        .blog-page-list .blog-page-wrapper .blog-list-wrapper .item .blog-item .blog-content .date {
            font-weight: 300;
            font-size: 15px;
            letter-spacing: 0.3em;
            color: #fe6f59;
            display: flex;
            align-items: center;
            margin-bottom: 30px;
        }

            .blog-page-list .blog-page-wrapper .blog-list-wrapper .item .blog-item .blog-content .date .icon {
                margin-right: 15px;
            }

        .blog-page-list .blog-page-wrapper .blog-list-wrapper .item .blog-item .blog-content .title {
            margin-bottom: 30px;
        }

            .blog-page-list .blog-page-wrapper .blog-list-wrapper .item .blog-item .blog-content .title h3 a {
                font-weight: bold;
                font-size: 36px;
                text-align: left;
                color: #000;
            }

        .blog-page-list .blog-page-wrapper .blog-list-wrapper .item .blog-item .blog-content .cnt {
            font-weight: 300;
            font-size: 15px;
            color: #738591;
        }

    .blog-page-list .blog-page-wrapper .blog-list-wrapper .item .blog-item .img a {
        display: block;
        border-radius: 25px;
        overflow: hidden;
    }

        .blog-page-list .blog-page-wrapper .blog-list-wrapper .item .blog-item .img a img {
            height: 300px;
            object-fit: cover;
        }

.blog-page-list .blog-page-wrapper .blog-list-wrapper .item {
    padding: 75px 0 55px;
    border-bottom: 1px solid #EDEDED;
}

    .blog-page-list .blog-page-wrapper .blog-list-wrapper .item:last-child {
        border: none;
    }

    .blog-page-list .blog-page-wrapper .blog-list-wrapper .item:first-child {
        padding-top: 0;
    }

.page-item .page-link {
    margin-right: 10px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: #000;
    border: 1px solid rgba(0,0,0,.3);
    transition: .4s;
}

.page-item:first-child .page-link, .page-item:last-child .page-link {
    border-radius: 50%;
}

.page-item.active .page-link {
    background: #000;
    border-color: #000;
}

.blog-detail {
    padding-top: 65px;
}

    .blog-detail .blog-detail-wrapper {
        display: flex;
        align-items: flex-start;
        padding: 0 0 200px;
    }

        .blog-detail .blog-detail-wrapper .blog-content-area {
            flex: 1;
            display: flex;
            align-items: flex-start;
        }

            .blog-detail .blog-detail-wrapper .blog-content-area .share-area {
                width: 55px;
                position: sticky;
                top: 190px;
            }

                .blog-detail .blog-detail-wrapper .blog-content-area .share-area .share {
                    font-weight: 500;
                    font-size: 16px;
                    text-align: center;
                    color: rgba(0, 0, 0, 0.59);
                    padding-bottom: 20px;
                    border-bottom: 1px solid #dedede;
                }

                    .blog-detail .blog-detail-wrapper .blog-content-area .share-area .share .icon {
                        margin-bottom: 20px;
                        display: block;
                    }

                        .blog-detail .blog-detail-wrapper .blog-content-area .share-area .share .icon svg {
                            fill: none;
                            stroke: #000;
                            stroke-linecap: round;
                            stroke-linejoin: round;
                            stroke-width: 2px;
                        }

                .blog-detail .blog-detail-wrapper .blog-content-area .share-area .social-share-list {
                    padding: 20px 0;
                }

                    .blog-detail .blog-detail-wrapper .blog-content-area .share-area .social-share-list ul {
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        padding-left: 0;
                    }

                        .blog-detail .blog-detail-wrapper .blog-content-area .share-area .social-share-list ul li a {
                            padding: 7px 0;
                            display: block;
                        }

                            .blog-detail .blog-detail-wrapper .blog-content-area .share-area .social-share-list ul li a svg {
                                fill: rgb(0 0 0 / 67%);
                            }

            .blog-detail .blog-detail-wrapper .blog-content-area .blog-content {
                flex: 1;
                padding: 0 90px 100px 110px;
            }

                .blog-detail .blog-detail-wrapper .blog-content-area .blog-content .date {
                    font-size: 15px;
                    letter-spacing: 0.3em;
                    color: #fe6f59;
                    margin-bottom: 55px;
                }

                    .blog-detail .blog-detail-wrapper .blog-content-area .blog-content .date .icon svg {
                        fill: none;
                        stroke: #fe6f59;
                        stroke-linecap: round;
                        stroke-linejoin: round;
                    }

                    .blog-detail .blog-detail-wrapper .blog-content-area .blog-content .date .icon {
                        margin-right: 15px;
                    }

                .blog-detail .blog-detail-wrapper .blog-content-area .blog-content .title {
                    margin-bottom: 50px;
                }

                    .blog-detail .blog-detail-wrapper .blog-content-area .blog-content .title h1 {
                        font-weight: bold;
                        font-size: 52px;
                        color: #000;
                    }

                .blog-detail .blog-detail-wrapper .blog-content-area .blog-content .cnt {
                    font-size: 16px;
                    line-height:23px;
                    color: #525252;
                    margin-bottom: 60px;
                }

                .blog-detail .blog-detail-wrapper .blog-content-area .blog-content .content img {
                    width: 100% !important;
                    height:auto !important;
                    border-radius: 50px;
                    margin-bottom: 50px;
                }


    .news .other-projects, .blog-detail .other-projects {
        padding: 100px 0 150px;
    }

    .slider-content .item {
        padding: 0 70px;
    }
        .slider-content .item .content h2 {
            font-size: 36px;
            line-height: 42px;
        }
        .slider-content .item .content h2 {
            font-size: 35px;
            margin: 5px 0 25px;
            line-height: 43px;
            max-width: none;
        }
    /*.slider-content .item .content {
        text-align: center;
        max-width: 95%;
        margin: 0 auto;
    }*/
    .slider-thumb .item {
        margin-right: 40px;
        min-width: auto;
    }
    .slider-thumb .item.active .content .number {
    font-weight: 700;
    font-size: 36px;
    color: white;
}
    .slider-thumb .item .content .title {
        display: none;
    }
    .slider-thumb .item .content .number {
        color: #ebebeb;
    }
    #slideWrap {
        padding-top: 0;
        height: auto;
    }
.border-top-padding {
    border-top: 1px solid #0000000d;
    padding-top: 25px;
}
.etkinhse-breadcrumb {
    border-left: 1px solid rgb(16 106 182);
    padding: 20px 0 20px 35px;
    margin-bottom: 35px;
}
.etkinhse-breadcrumb h3{
    font-weight: bold;
    font-size: 25px;
    line-height: 38px;
    color: #2a2a2a;
    display: flex;
    align-items: center;
}
    .certificates {
    padding: 0 0;
}

.certificates .certificates-breadcrumb {
    border-left: 1px solid rgb(16 106 182);
    padding: 20px 0 20px 35px;
    margin-bottom: 35px;
}

.certificates .certificates-breadcrumb h2 {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 30px;
    letter-spacing: 0.1em;
    color: #838383;

}

.certificates .certificates-grid {
    margin-bottom: 80px;
}

.certificates .certificates-grid ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.certificates .certificates-grid ul li {
    margin: 0 10px;
    cursor: pointer;
}

.certificates .certificates-grid ul li span {
    display: block;
}

.certificates .certificates-grid ul li span svg {
    stroke: #707070;
    opacity: .5;
    fill: none;
    transition: 0.4s;
}

.certificates .certificates-grid ul li.active span svg {
    opacity: 1;
}

.certificates .certificates-content {
    position: relative;
}

.certificates .certificates-content .wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
    transition: .6s;
}

.certificates .certificates-content .wrapper.hide-ani {
    opacity: 0;
}

.certificates .certificates-content .wrapper.grid-type .item {
    width: 50%;
}

.certificates .certificates-content .wrapper .item {
    padding: 0 15px;
    width: 100%;
    overflow: hidden;
}

.certificates .certificates-content .wrapper .item .certificates-item {
    border: 1px solid rgb(16 106 182 / 30%);
    padding: 20px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
    transition: 0.4s;
    background: white;
    position: relative;
}

    .certificates .certificates-content .wrapper .item .certificates-item .img {
        padding-right: 30px;
        border-right: 1px solid rgb(16 106 182);
    }

.certificates .certificates-content .wrapper .item .certificates-item .img img {
    max-width: 50px;
    min-height: 65px;
    width: auto;
}

.certificates .certificates-content .wrapper .item .certificates-item .content {
    flex: 1;
    padding: 0 30px;
}

.certificates .certificates-content .wrapper .item .certificates-item .content h3 {
    transition: 0.4s;
    font-weight: 600;
    font-size: 18px;
    color: #838383;
    margin: 0;
}

.certificates .certificates-content .wrapper .item .certificates-item .content span {
    display: block;
    font-weight: 500;
    font-size: 16px;
    color: #394d5c;
}

.certificates .certificates-content .wrapper .item .certificates-item .view {
    padding-right: 30px;
    transition: 0.4s;
    display: block;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.1em;
    color: #838383;
    position: relative;
}

.certificates .certificates-content .wrapper .item .certificates-item .view .icon {
    opacity: 0;
    margin-right: 5px;
    transition: 0.4s;
}

.certificates .certificates-content .wrapper .item .certificates-item .view .icon svg path {
    stroke: none;
    fill: #0D2F62;
}

.certificates .certificates-content .wrapper.grid-type .item .certificates-item .view {
    padding-right: 0;
}
    .ekibimiz-box .ekibimiz-img img {
        width: 175px;
        height: 175px;
    }

  

@media only screen and (max-width:991px) {
    .page-banner h1 {
        font-size: 25px;
        line-height: 30px;
    }
    .alysweb-signature .alysweb-signature-text {
        font-size: 14px !important;
        line-height: 25px;
    }
}

@media screen and (max-width: 900px) {

    .news {
        padding-top: 110px;
    }

    .blog-page-list .blog-page-wrapper .blog-list {
        padding: 0;
        margin-bottom: 0;
    }

    .list-categories {
        position: fixed;
        top: 0;
        bottom: 0;
        z-index: 99;
        left: 100%;
        border-top-left-radius: 25px;
        border-bottom-left-radius: 25px;
        transition: .4s;
    }
    .blog-page-list .blog-page-wrapper .blog-list-wrapper .item:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
    }
}

.header-bottom-svg svg {
    width: 100%;
    display: block;
    height: 250px;
}

.header-bottom-svg {
    margin-top: -40px;
}

@media only screen and (max-width:767px) {
    .footer-contact-wrapper .address {
        width: 50%;
    }
    .alysweb-signature {
        margin-top: 17px;
    }
    .copyright-wrapper .copy-item.copy .copyright p {
        font-size: 13px;
    }
    .footer-main .footer-main-item .single-main-item ul li a {
        font-size: 15px;
    }
    .slider-thumb {
        padding: 0px 70px;
    }
    .slider-thumb .item .content .title h2 {
        font-size: 15px;
    }
    .slider-thumb {
        padding: 0px 25px;
    }
    .slider-thumb .item {
    margin-right: 7px;
}
    .header-bottom-svg {
        margin-top: 0;
        padding-top: 85px;
    }

        .header-bottom-svg svg {
            height: 100px;
        }

    .blog-detail .blog-detail-wrapper {
        padding: 0;
        padding-top: 10px;
    }

        .blog-detail .blog-detail-wrapper .blog-content-area .share-area .social-share-list ul {
            padding-left: 0;
        }

        .blog-detail .blog-detail-wrapper .blog-content-area .blog-content {
            width: 100%;
            padding: 0 !important;
            flex: auto;
            padding-bottom: 10px;
        }

            .blog-detail .blog-detail-wrapper .blog-content-area .blog-content .content img {
                margin-bottom: 30px;
            }

        .blog-detail .blog-detail-wrapper .blog-content-area {
            flex-wrap: wrap;
        }

            .blog-detail .blog-detail-wrapper .blog-content-area .share-area .social-share-list {
                position: absolute;
                top: 100%;
                left: 0;
                width: 100%;
                background: white;
                box-shadow: 0px 3px 30px 0px rgba(0,0,0,.1);
                border-radius: 25px;
                display: none;
            }

            .blog-detail .blog-detail-wrapper .blog-content-area .share-area {
                width: auto;
                position: relative;
                top: 0;
                margin-bottom: 30px;
            }

                .blog-detail .blog-detail-wrapper .blog-content-area .share-area .share {
                    display: flex;
                    align-items: center;
                    padding: 0;
                    height: 50px;
                }

                    .blog-detail .blog-detail-wrapper .blog-content-area .share-area .share .icon {
                        margin: 0;
                        margin-right: 15px;
                    }
}


        @media only screen and (max-width:520px){
            #slideWrap {
                padding-top: 0;
                height: auto;
            }
            .slideWrapInner, .slider-image {
                height: calc(90vh - 110px);
                position: relative;
            }
            .slider-content .item .content h2 {
                font-size: 18px;
                margin: 5px 0 25px;
                line-height: 24px;
            }
            .slider-btn {
                font-weight: 500;
                font-size: 17px;
                letter-spacing: 0.2em;
                line-height: 27px;
                color: #fff;
                display: inline-block;
                padding: 10px 25px;
            }
            .slider-content .item .content h3 {
                font-weight: 500;
                font-size: 15px;
                letter-spacing: 0.2em;
                line-height: 22px;
                color: #ffffff;
                margin-bottom: 15px;
            }
            .slider-content .item {
                padding: 0 25px;
            }
            .icerik-detay p {
                font-size: 17px;
                line-height: 24px;
                margin-top: 25px;
            }
            footer {
                display: none;
            }
            .mobil-footer {
                display: block;
            }
            #alysweb-signature img {
                height: 15px;
            }
            .alysweb-signature, .alysweb-signature-text {
                width: 150px;
            }
                .alysweb-signature .alysweb-signature-text {
                    font-size: 13px !important;
                    line-height: 25px;
                }
        }
.page-margin{
    margin-top:110px;
}
/*-- Sidebar Tags --*/
.sidebar-tag {
    margin: -5px;
    margin-bottom: 10px;
    margin-left: 0;
    padding-left: 0;
    max-height: 200px;
    overflow-y: scroll;
    border-radius: 10px;
}
.common-sidebar-widget h3 {
    margin: 20px 0;
    font-size: 18px;
}
    .sidebar-tag li {
        padding: 0;
        display:block;
    }

        .sidebar-tag li a {
            display: block;
            padding: 1px 10px;
            font-size: 14px;
            color: #151515;
            text-transform: inherit;
            padding-left:25px;
            position:relative;
        }
        .sidebar-tag li a:before {
            content: "";
    position: absolute;
    left: 4px;
    width: 17px;
    border-radius: 3px;
    height: 17px;
    border: 1px solid #b3b3b3;
        }
        .sidebar-tag li a:after {
            content: "";
    position: absolute;
        }
    .sidebar-tag li a.active{
    position:relative;
}

    .sidebar-tag li a.active:before {
        content: "";
        position: absolute;
        left: 4px;
        width: 17px;
        border-radius: 3px;
        height: 17px;
        border: 1px solid #2a2a2a;
        background-color: #2a2a2a;
    }
        .sidebar-tag li a.active:after {
            content: "";
            position: absolute;
            left: 6px;
            top: 3px;
            height: 13.8px !important;
            width: 13.3px !important;
            border-radius: 3px;
            display: block;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='12' viewBox='0 0 15 12'%3E%3Cpath fill='%23FFF' fill-rule='nonzero' d='M13.927 2.2l-6.845 9.289a1.011 1.011 0 0 1-1.43.188L.764 7.769a1 1 0 0 1 1.25-1.562L6.09 9.468l6.227-8.451a1 1 0 1 1 1.61 1.183z'/%3E%3C/svg%3E%0A");
            background-repeat: no-repeat;
        }
.sidebar-tag::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: #ffffff;
}

/* Add a thumb */
.sidebar-tag::-webkit-scrollbar-thumb {
    background: #2a2a2a;
}

/*-- Sidebar Product --*/
.sidebar-product {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e6e7;
}

    .sidebar-product:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: 0;
    }

    .sidebar-product .image {
        max-width: 80px;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 80px;
        -ms-flex: 1 0 80px;
        flex: 1 0 80px;
    }

        .sidebar-product .image img {
            width: 100%;
            border: 1px solid #f1f2f3;
        }

    .sidebar-product .content {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 calc(100% - 80px);
        -ms-flex: 1 0 calc(100% - 80px);
        flex: 1 0 calc(100% - 80px);
        padding-left: 15px;
    }

        .sidebar-product .content .title {
            font-size: 16px;
            line-height: 1.5;
            margin-bottom: 5px;
        }

        .sidebar-product .content .price span.old {
            margin-left: 10px;
            color: #151515;
            text-decoration: line-through;
        }

        .sidebar-product .content .ratting {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin-bottom: 5px;
        }

            .sidebar-product .content .ratting i {
                font-size: 12px;
                line-height: 18px;
                margin-right: 5px;
                color: #151515;
            }

                .sidebar-product .content .ratting i:last-child {
                    margin-right: 0;
                }
              
.shop-area {
    position: relative;
    z-index: 9;
    padding: 30px 0 0 0px;
}
.shop-topbar-wrapper {
    position: relative;
    padding: 10px 0;
    margin: 0 0 40px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
.grid-list-option p {
    margin-left: 50px;
    margin-bottom:0;
}
.toolbar-shorter:last-child {
    margin-right: 0;
}
.toolbar-shorter label {
    display: block;
    margin-bottom: 0;
    margin-right: 15px;
    font-size: 14px;
    color: #151515;
    text-transform: capitalize;
}
.nice-select.wide {
    width: 200px;
}
.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #e8e8e8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    height: 42px;
    line-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;
}
.toolbar-shorter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 20px;
}
    .toolbar-shorter:last-child {
        margin-right: 0;
    }
    section.product-full .ust {
    width: 100%;
    display: flex;
    padding: 0;
    justify-content: space-between;
    position: relative;
    z-index: 2;
    flex-wrap: wrap
}

section.product-full .swiper-product {
    flex: 0 0 54%;
    width: 54%;
    position: relative
}

section.product-full .swiper-product .gallery-top {
    height: 100%;
    width: 100%
}

section.product-full .gallery-thumbs {
    height: 275px;
    width: 100px;
    position: relative;
    display: flex;
    background: #fff;
    padding: 21px 13px;
    border: 1px solid #ddd;
    border-radius:20px;
}

section.product-full .swiper-product .swiper-slide {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer
}

section.product-full .gallery-thumbs:before {
    background: linear-gradient(to top, #fff, rgba(255, 255, 255, 0));
    content: "";
    position: absolute;
    width: 100%;
    height: 65px;
    z-index: 2;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none
}

section.product-full .small-product-slider .swiper-button-next {
    bottom: -20px;
    top: auto;
    transform: translate(-50%, 0) rotate(90deg) scale(.8);
    left: 50%
}

.product-full .small-product-slider {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: -40px;
    z-index: 1
}

section.product-full .small-product-slider .swiper-button-next,
section.product-full .small-product-slider .swiper-button-prev {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 100%;
    border: 1px solid #ddd
}

section.product-full .small-product-slider .swiper-button-prev svg {
    transform: rotate(180deg)
}

section.product-full .small-product-slider .swiper-button-next svg,
section.product-full .small-product-slider .swiper-button-prev svg {
    width: 20px;
    height: 20px
}

section.product-full .gallery-thumbs:after {
    background: linear-gradient(to bottom, #fff, rgba(255, 255, 255, 0));
    content: "";
    position: absolute;
    width: 100%;
    height: 65px;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    pointer-events: none
}

section.product-full .small-product-slider .swiper-button-prev {
    top: 0;
    bottom: auto;
    transform: translate(-50%, 0) rotate(90deg) scale(.8);
    left: 50%
}

section.product-full .gallery-thumbs::-webkit-scrollbar {
    width: 0
}

@media (max-width:1350px) {
    section.product-full .swiper-product {
        flex: 0 0 55%;
        width: 55%
    }
}

@media (max-width:1200px) {
    section.product-full .swiper-product {
        flex: 0 0 50%;
        width: 50%;
        height: 400px
    }
    section.product-full .gallery-thumbs {
        height: 250px
    }
}

section.product-full .product-full-right {
    flex: 0 0 35%;
    width: 35%;
    padding-left: 1%;
    display: flex;
    flex-direction: column;
    padding: 25px;
    background-color: #f2f2f2;
    border-radius: 20px;
    justify-content: space-between;
}

section.pages {
    padding-top: 83px
}

section.product-full .product-full-right .right-header>ul {
    display: flex;
    align-items: baseline
}

section.product-full .product-full-right .right-header>ul li a {
    font-weight: 300;
    font-size: 15px;
    text-align: left;
    color: #919191;
    text-transform: capitalize;
    display: flex;
    align-items: center
}

section.product-full .product-full-right .right-header>ul li.active a {
    font-weight: 800
}

span.arrow {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px;
    border-color: transparent transparent #919191;
    transform: rotate(90deg)
}

section.product-full .product-full-right h1 {
    font-size: 3.5vh;
    line-height: 4vh;
    text-align: left;
    color: #000;
    text-transform: capitalize;
    margin-top: 2.7vh;
    margin-bottom: 0;
    font-weight: 700
}

section.product-full .product-full-right .in-stok span {
    font-weight: 400;
    font-size: 2vh;
    text-align: left;
    color: #000;
    text-transform: uppercase
}

section.product-full .product-full-right .in-stok span:last-child {
    color: #676767
}

section.product-full .product-full-right .in-stok {
    margin-top: 1vh
}

section.product-full .product-full-right .product-content ul {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 3vh;
    padding-left: 20px;
    max-height: 110px
}

section.product-full .product-full-right .product-content ul li {
    margin: 0;
    list-style: square;
    font-size: 14px;
    color: #000
}

section.product-full .product-full-right .products-sell .social-media {
    margin-top: 0;
    margin-left: 0
}

section.product-full .product-full-right .social-media {
    margin-top: 0;
    display: inline-flex;
    align-items: center;
    border: 1px solid #000;
    border-radius: 100px;
    padding: 10px 20px 10px 30px;
    position: relative
}

section.product-full .product-full-right .social-media span.bdn {
    width: 171px;
    height: 50px;
    background: #fafafa;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
    border-radius: 30pc;
    margin-right: 33px;
    font-size: 1.042vw;
    cursor: pointer
}

section.product-full .product-full-right .social-media span:last-child {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    background: #fff;
    position: relative;
    cursor: pointer;
    right: -10px;
    z-index: 1
}

section.product-full .product-full-right .products-sell>span {
    font-weight: 700;
    font-size: 4.5vh;
    text-align: left;
    color: #603813;
    line-height: normal
}

section.product-full .product-full-right .products-sell>span:nth-child(2) {
    font-weight: 300;
    font-size: 3vh;
    opacity: .4;
    margin-left: 45px;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

section.product-full .product-full-right .products-sell>span:nth-child(2):before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #603813
}

section.product-full .product-full-right .products-sell {
    margin-top: 4.5vh;
    white-space: nowrap;
    display: flex;
    align-items: center
}

section.product-full .product-full-right p {
    font-size: 16px;
    font-weight: 500;
    padding-top: 20px
}

@media (max-width:1600px) {
    section.product-full .ust {
        padding: 0
    }
    section.product-full .product-full-right {
        width: 37%;
        flex: 0 0 37%
    }
}

@media (max-width:1400px) {
    section.product-full .product-full-right {
        width: 39%;
        flex: 0 0 39%
    }
}


@media (max-width:1199px) {
    section.product-full .product-full-right {
        flex: 0 0 40%;
        width: 43%;
        flex: 0 0 43%
    }
    section.product-full .product-full-right .in-stok span,
    section.product-full .product-full-right table tbody tr td {
        font-size: 13px
    }
}

@media (max-width:991px) {
    section.product-full .small-product-slider .swiper-button-next {
        right: 100px;
        left: auto;
        top: 50%;
        transform: translate(0, 0)
    }
    section.product-full .small-product-slider .swiper-button-prev {
        left: 100px;
        transform: translate(0, 0);
        top: 50%
    }
    section.product-full .swiper-product {
        flex: 0 0 100%;
        width: 100%;
        height: 400px
    }
    section.product-full .product-full-right {
        flex: 0 0 100%;
        margin-top: 160px;
        width: auto
    }
    section.product-full .product-full-right h1 {
        font-size: 23px
    }
    section.product-full .product-full-right .in-stok span,
    section.product-full .product-full-right table tbody tr td {
        font-size: 15px
    }
    section.product-full .product-full-right .social-media span.bdn {
        font-size: 14px
    }
    section.product-full .gallery-thumbs .swiper-button-next,
    section.product-full .gallery-thumbs .swiper-button-prev {
        top: 50%;
        transform: translate(0, -50%);
        margin: 0
    }
    section.product-full .gallery-thumbs .swiper-button-next {
        right: 10px;
        left: auto
    }
    section.product-full .gallery-thumbs .swiper-button-prev {
        left: 10px;
        right: auto
    }
}

@media (max-width:767px) {
    section.product-full .gallery-thumbs .swiper-button-next,
    section.product-full .gallery-thumbs .swiper-button-prev {
        transform: translate(-50%, 0) scale(1);
        width: auto;
        height: auto;
        top: 0;
        bottom: 0;
        display: flex;
        align-items: center
    }
    section.product-full .gallery-thumbs .swiper-button-next {
        right: 0
    }
    section.product-full .gallery-thumbs .swiper-button-prev {
        left: 20px
    }
    section.product-full .product-full-right {
        width: 100%;
        flex: 0 0 100%;
        margin-top: 100px
    }
}

@media (max-width:440px) {
    section.product-full .product-full-right .select-container {
        flex-direction: column
    }
    section.product-full .product-full-right .select-container span.select2 {
        width: 100% !important;
        flex: 0 0 100% !important
    }
    section.product-full .product-full-right .select2 span.select2-selection.select2-selection--single {
        border-radius: 30px !important
    }
}

section.product-full .product-full-right .select-container {
    width: 100%;
    display: flex;
    flex: 0 0 100%;
    margin-top: 3.5vh
}

section.product-full .product-full-right .select-container .select-item {
    flex: 1
}

section.product-full .product-full-right .select-container .single-select .nice-select {
    border-radius: 100px !important
}

section.product-full .product-full-right .select-container .nice-select.open {
    border-radius: 30px 30px 0 0 !important
}

section.product-full .product-full-right .select-container .select-item:first-child .nice-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

section.product-full .product-full-right .select-container .select-item:nth-child(2) {
    margin-left: -1px
}

section.product-full .product-full-right .select-container .select-item:nth-child(2) .nice-select {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

section.product-full .product-full-right .select-container .nice-select ul {
    border-radius: 0 0 5px 5px;
    margin-top: 1px;
    right: 0;
    transform: translate(0, 0) scale(.9);
    z-index: 1
}

section.product-full .product-full-right .select-container .nice-select ul li {
    padding: 0 30px
}

section.product-full .product-full-right .select-container .nice-select.open:after {
    transform: translate(0, -3px) rotate(180deg)
}

section.product-full .product-full-right .select-container .nice-select.open ul {
    transform: translate(0, 0) scale(1)
}

section.product-full .product-full-right .select-container .nice-select {
    width: 100%;
    border-radius: 100px;
    height: 55px;
    line-height: 55px;
    font-weight: 400;
    font-size: 20px;
    color: #000;
    padding: 0 30px;
    text-transform: capitalize
}

section.product-full .product-full-right .select-container .nice-select:after {
    background-image: url(../img/select-black-arrow.svg);
    right: 30px;
    margin-top: -5px;
    width: 15px;
    height: 12px
}

section.product-full .product-full-right .select-container .select-item.single-select {
    flex: 0 0 48%
}

section.product-full .product-full-right .select-container .select-item.single-select .select2-selection.select2-selection--single {
    border-radius: 100px
}

section.product-full .product-full-right .select-item:first-child span.select2-selection.select2-selection--single {
    border-radius: 30px 0 0 30px
}

section.product-full .product-full-right .select2 .select2-selection--single .select2-selection__rendered {
    padding-left: 30px;
    font-weight: 300;
    font-size: 1.042vw;
    color: #000;
    text-transform: capitalize
}

section.product-full .product-full-right .select2 span.select2-selection.select2-selection--single {
    height: 55px;
    display: flex;
    align-items: center;
    border-color: #e8e8e8
}

section.product-full .product-full-right .select2.select2-container--open span.select2-selection.select2-selection--single {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

section.product-full .product-full-right .select-item:nth-child(2) span.select2-selection.select2-selection--single {
    border-left: 0;
    border-radius: 0 30px 30px 0
}

section.product-full .product-full-right .select2-dropdown {
    border-color: #000
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #603813
}

span.select2-selection__arrow svg {
    fill: none;
    stroke: #000;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10
}

span.select2-selection__arrow {
    transform: translateY(-50%);
    margin-right: 15px;
    top: 50% !important
}

header.header.inner-header .header-bottom nav.header-scope:after,
header.header.inner-header .header-bottom nav.header-scope:before {
    content: "";
    position: fixed;
    width: 1px;
    height: 100%;
    bottom: 0;
    background: #f2f2f2
}

header.header.inner-header .header-bottom nav.header-scope:before {
    left: 195px
}

header.header.inner-header .header-bottom nav.header-scope:after {
    right: 195px
}

section.pages.product-full {
    padding-top: 65px;
    background: #fff
}

section.product-full .product-full-right .action-products {
    display: flex;
    margin-top: 3vh;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    position: relative
}

section.product-full .product-full-right .action-products>a {
    height: 56px;
    border-radius: 27px;
    background: #603813;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.042vw;
    text-align: left;
    color: #fff;
    transition: .4s;
    user-select: none
}

section.product-full .product-full-right .action-products>a svg {
    stroke: #fff;
    fill: none;
    margin-right: 20px;
    stroke-width: 2px;
    transition: .4s
}

section.product-full .product-full-right .action-products .action-main .svg:first-of-type {
    justify-content: flex-end
}

section.product-full .product-full-right .action-products .action-main,
section.product-full .product-full-right .action-products>a {
    flex: 0 0 48%;
    width: 48%
}

section.product-full .product-full-right .action-products .action-main {
    position: relative;
    border: 1px solid #603813;
    overflow: hidden;
    border-radius: 30px;
    display: flex;
    flex-wrap: wrap;
    height: 53px
}

section.product-full .product-full-right .action-products .action-main svg {
    cursor: pointer;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    fill: none;
    stroke: black;
    stroke-width: 2px
}

section.product-full .product-full-right .action-products .action-main .svg {
    width: 24%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer;
    user-select: none
}

section.product-full .product-full-right .action-products .action-main .input {
    width: 40%;
    flex: 0 0 40%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 0 auto
}

section.product-full .product-full-right .action-products .action-main .input span {
    display: block;
    font-weight: 700;
    font-size: 1.042vw;
    color: #000
}

section.product-full .product-full-right .action-products .action-main .input input {
    width: 30px;
    border: none;
    font-weight: 700;
    font-size: 1.042vw;
    text-align: center;
    color: #000;
    margin-right: 5px;
    margin-left: -8px;
    background: #fff0
}

section.product-full .alt {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

section.product-full .alt .container-es>span {
    font-weight: 300;
    font-size: 1.823vw;
    color: #000;
    padding: 20px 0;
    margin-bottom: 50px;
    margin-top: 125px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

section.product-full .alt .container-es>span:before {
    content: "";
    position: fixed;
    height: 100%;
    width: 1px;
    background: #f2f2f2;
    top: 0;
    bottom: 0
}

section.product-full .alt .container-es>span:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    background: #fff;
    top: 0;
    bottom: 0
}

section.product-full .alt .pag {
    margin-top: 35px
}

section.product-full .container-es .swiper-products .wrapper-center .swiper-wrapper {
    justify-content: center
}

section.product-full .container-es .swiper-products .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center
}

section.product-full .container-es .swiper-products .swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between
}

section.product-full .product-full-right .select-container .standard-size {
    border: 1px solid #e8e8e8;
    border-radius: 100px;
    font-weight: 300;
    font-size: 1.042vw;
    color: #000;
    flex: 0 0 calc(50% - 10px);
    text-align: center;
    padding: 15px 10px
}

@media (hover:hover) {
    section.product-full .product-full-right .action-products>a:hover {
        color: #603813;
        background: #fff;
        border: 1px solid #603813
    }
    section.product-full .product-full-right .action-products>a:hover svg {
        stroke: #603818
    }
}

@media (max-width:991px) {
    section.product-full .product-full-right .action-products>a,
    section.product-full .product-full-right .select2 .select2-selection--single .select2-selection__rendered {
        font-size: 14px
    }
    section.product-full .product-full-right .action-products .action-main .input input,
    section.product-full .product-full-right .action-products .action-main .input span {
        font-size: 16px
    }
    section.product-full .product-full-right .select-container {
        margin-top: 30px
    }
    section.product-full .alt .container-es>span {
        font-size: 23px;
        margin: 40px 0
    }
    .container-es .pag {
        transform: scale(.8)
    }
    section.product-full .product-full-right .select-container .standard-size {
        font-size: 15px
    }
}

@media (max-width:550px) {
    section.product-full .gallery-thumbs {
        height: 300px
    }
    section.product-full .product-full-right h1 {
        font-size: 21px
    }
    section.product-full .product-full-right .in-stok span,
    section.product-full .product-full-right .products-sell>span:nth-child(2),
    section.product-full .product-full-right table tbody tr td {
        font-size: 13px
    }
    section.product-full .product-full-right .social-media span.bdn {
        font-size: 12px
    }
    section.product-full .product-full-right .products-sell>span {
        font-size: 14px
    }
    section.product-full .container-es .swiper-products .wrapper-center .swiper-wrapper {
        justify-content: flex-start
    }
    section.product-full .alt .container-es>span {
        font-size: 20px
    }
    section.product-full .container-es .swiper-products .swiper-slide .cart {
        width: 100%
    }
    section.product-full .container-es .swiper-products .swiper-slide .cart .up {
        height: 62vw !important
    }
}

@media (max-width:440px) {
    section.product-full .product-full-right .action-products .action-main,
    section.product-full .product-full-right .action-products>a {
        flex: 0 0 100%
    }
    section.product-full .product-full-right .action-products .action-main {
        margin-bottom: 20px
    }
    section.product-full .product-full-right .action-products .action-main .input {
        width: 63%;
        flex: 0 0 25%
    }
}

section.product-full .product-full-right .social-media span:last-child svg {
    background: #fff;
    height: 20px
}

section.product-full .product-full-right .social-media>svg {
    margin-left: 20px
}

section.product-full .product-full-right .social-media a {
    right: 0;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    z-index: -1;
    transition: .4s;
    border-radius: 30px;
    opacity: 0
}

section.product-full .product-full-right .social-media input {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    left: 0
}

section.product-full .product-full-right .social-media input:checked~a {
    z-index: 2
}

section.product-full .product-full-right .social-media a:nth-child(4) {
    background: #3b5998;
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

section.product-full .product-full-right .social-media input:checked~a:nth-child(4) {
    transform: translate3d(0, -50px, 0)
}

section.product-full .product-full-right .social-media a:hover:nth-child(4) i {
    color: #3b5998
}

section.product-full .product-full-right .social-media a:nth-child(5) {
    background: #00acee;
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

section.product-full .product-full-right .social-media input:checked~a:nth-child(5) {
    transform: translate3d(40px, -20px, 0)
}

section.product-full .product-full-right .social-media a:hover:nth-child(5) i {
    color: #00acee
}

section.product-full .product-full-right .social-media a:nth-child(6) {
    background: #c8232c;
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

section.product-full .product-full-right .social-media input:checked~a:nth-child(6) {
    transform: translate3d(40px, 25px, 0)
}

section.product-full .product-full-right .social-media a:hover:nth-child(6) i {
    color: #c8232c
}

section.product-full .product-full-right .social-media a:nth-child(7) {
    background: #4fce5d;
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

section.product-full .product-full-right .social-media input:checked~a:nth-child(7) {
    transform: translate3d(0, 50px, 0)
}

section.product-full .product-full-right .social-media a:hover:nth-child(7) i {
    color: #4fce5d
}

@media only screen and (max-height:900px) {
    section.product-full .product-full-right .action-products,
    section.product-full .product-full-right .products-sell,
    section.product-full .product-full-right .select-container {
        margin-top: 2vh
    }
}

@media only screen and (max-height:820px) {
    section.product-full .product-full-right .social-media span.bdn {
        font-size: 15px;
        width: 150px;
        height: 45px;
        margin-right: 10px
    }
    section.product-full .product-full-right .social-media span:last-child {
        width: 40px;
        height: 40px
    }
}

@media only screen and (max-height:780px) {
    section.product-full .product-full-right .action-products .action-main {
        transform: translate(-10px, 0) scale(.9)
    }
    section.product-full .product-full-right .action-products>a {
        transform: translate(10px, 0) scale(.9)
    }
    section.product-full .product-full-right {
        padding-left: 15px
    }
    section.product-full .product-full-right .social-media {
        margin-top: calc(100vh - 710px)
    }
    section.product-full .product-full-right .action-products,
    section.product-full .product-full-right .products-sell,
    section.product-full .product-full-right .select-container {
        margin-top: 1vh
    }
}

@media only screen and (max-height:730px) {
    section.product-full .product-full-right h1 {
        margin-top: 10px;
        font-size: 4vh
    }
    section.product-full .product-full-right .social-media {
        margin-top: calc(100vh - 670px)
    }
}

@media only screen and (max-width:1470px) {
    section.product-full .product-full-right h1 {
        font-size: 3vh
    }
}

@media only screen and (max-width:1370px) {
    section.product-full .product-full-right .product-content ul {
        max-height: 70px
    }
}

.small-product-slider .swiper-slide {
    width: 100%;
    border: 1px solid #d5d5d5
}

.swiper-product .gallery-top .swiper-slide img {
    width: 100%;
    height: 400px;
    object-fit: contain;
    padding: 15px;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius:20px;
}

.product-full {
    padding-top: 65px
}

.products .products-banner {
    width: 100%;
    height: 460px;
    display: block;
    position: relative;
    overflow: hidden
}

.products .products-banner .img {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: -1
}

.products .products-banner p {
    font-weight: 500;
    font-size: 40px;
    color: #000;
    width: 680px;
    padding-top: 100px;
    padding-left: 145px
}

.products .product-list-top {
    display: flex;
    margin-top: -110px
}

.products .product-list-top .mostly-prefered {
    position: relative;
    width: 670px;
    padding: 55px 50px 120px;
    background: #fafafa;
    transition: .4s;
    margin-left: 65px
}

.products .product-list-top .mostly-prefered .slider-bottom {
    display: flex;
    justify-content: space-between;
    margin-bottom: 93px
}

.products .product-list-top .mostly-prefered .slider-bottom span {
    font-weight: 400;
    font-size: 18px;
    color: #767676
}

.products .product-list-top .mostly-prefered .slider-bottom .pagi .swiper-pagination {
    position: initial
}

.products .product-list-top .mostly-prefered .slider-bottom .pagi .swiper-buttons {
    display: flex;
    flex-direction: column;
    margin-left: 35px
}

.products .product-list-top .mostly-prefered .slider-bottom .pagi .swiper-buttons .swiper-button-next,
.products .product-list-top .mostly-prefered .slider-bottom .pagi .swiper-buttons .swiper-button-prev {
    position: initial;
    background: 0 0;
    width: 24px;
    height: 8px;
    margin: 0;
    display: flex;
    transition: .4s
}

.products .product-list-top .mostly-prefered .slider-bottom .pagi .swiper-buttons .swiper-button-prev {
    margin-top: 15px
}

.products .product-list-top .mostly-prefered .slider-bottom .pagi .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #707071;
    opacity: 1
}

.products .product-list-top .mostly-prefered .slider-bottom .pagi .swiper-pagination .swiper-pagination-bullet {
    border: 1px solid #707071;
    background: 0 0;
    opacity: .4;
    transition: .4s
}

.products .product-list-top .mostly-prefered .slider-bottom .pagi .swiper-buttons .swiper-button-next svg,
.products .product-list-top .mostly-prefered .slider-bottom .pagi .swiper-buttons .swiper-button-prev svg {
    stroke: #000000
}

.products .product-list-top .mostly-prefered .slider-bottom .pagi .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
    margin-left: 5px
}

.products .product-list-top .top-right {
    width: -webkit-fill-available;
    padding: 0 125px;
    position: relative
}

.products .product-list-top .top-right .settings {
    display: flex;
    justify-content: space-between;
    margin-top: 45px
}

.products .product-list-top .top-right .settings .filter {
    display: flex;
    align-items: center;
    padding: 20px 35px;
    cursor: pointer;
    transition: .4s
}

.products .product-list-top .top-right .settings .filter .close-filter {
    display: flex;
    align-items: center;
    color: #fff;
    position: absolute;
    transition: .4s;
    opacity: 0;
    visibility: hidden
}

.products .product-list-top .top-right .settings .filter .close-filter svg {
    stroke: white;
    stroke-width: 2px;
    margin-right: 15px
}

.products .product-list-top .top-right .settings .filter .text.in-active,
.products .product-list-top .top-right .settings .filter.active .text {
    opacity: 0;
    visibility: hidden
}

.products .product-list-top .top-right .settings .filter .text svg {
    margin-right: 15px;
    transition: .4s
}

.products .product-list-top .top-right .first-products {
    display: flex;
    justify-content: space-between;
    padding: 0 50px 0 110px;
    margin-top: 70px
}

.products .product-list-bottom {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 0;
    margin-top: 0;
    margin-bottom: 0
}

.products .product-list-bottom .product-item+.product-item,
.products .product-list-bottom .product-item:nth-child(4n+1) {
    margin-left: 40px
}

.products .product-list-bottom .product-item:nth-child(n+5) {
    margin-top: 0
}

.products .product-list-top .top-right .filter-dropdown {
    position: absolute;
    top: 110px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 250px);
    height: calc(100% - 110px);
    z-index: 9;
    background: #fff;
    transition: .4s;
    opacity: 0;
    visibility: hidden;
    height: max-content
}

.products .product-list-top .top-right .filter-dropdown .filter-options {
    display: flex;
    flex-wrap: wrap;
    width: 70%;
    margin-left: 75px;
    margin-top: 35px;
    background: #fff
}

.products .product-list-top .top-right .filter-dropdown .close-clear {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 20px;
    margin-top: 20px;
    background: #fff
}

.products .product-list-top .top-right .filter-dropdown .filter-options .option-item {
    width: 30%;
    position: relative
}

.product-item .product-bottom .price,
.products .product-list-top .top-right .filter-dropdown .filter-options .option-item .title {
    font-weight: 700;
    font-size: 15px;
    color: #000
}

.products .product-list-top .top-right .filter-dropdown .filter-options .option-item .selects {
    height: 205px;
    overflow: auto;
    padding-bottom: 65px
}

.products .product-list-top .top-right .filter-dropdown .filter-options .option-item .selects .select-item {
    padding-left: 35px
}

.products .product-list-top .top-right .filter-dropdown .filter-options .option-item .selects .select-item input {
    width: 0;
    height: 0;
    border: 0;
    box-shadow: none !important;
    outline: 0 !important
}

.products .product-list-top .top-right .filter-dropdown .filter-options .option-item .selects .select-item label {
    margin-bottom: 0;
    font-weight: 300;
    font-size: 15px;
    color: #8b8b8b;
    position: relative;
    cursor: pointer
}

.products .product-list-top .top-right .filter-dropdown .close-clear .close {
    font-weight: 700;
    font-size: 15px;
    color: #ea1010;
    align-items: center;
    opacity: 1;
    cursor: pointer;
    text-shadow: none;
    float: unset;
    margin-bottom: 60px;
    margin-top: 25px;
    display: none
}

.products .product-list-top .top-right .filter-dropdown .close-clear .close svg {
    margin-right: 10px;
    stroke: #EA1010;
    stroke-width: 2.2px
}

.products .product-list-top .top-right .filter-dropdown .close-clear .clear {
    font-weight: 300;
    font-size: 15px;
    color: #000;
    border: 1px solid #e2e2e2;
    padding: 15px 10px;
    width: 120px;
    text-align: center;
    cursor: pointer;
    transition: .4s
}

.products .product-list-top .top-right .filter-dropdown .filter-options .option-item .selects .select-item label:before {
    content: "";
    position: absolute;
    left: -30px;
    top: 4px;
    width: 15px;
    height: 15px;
    border: 1px solid #ddd;
    transition: .4s
}

.products .product-list-top .top-right .filter-dropdown .filter-options .option-item .selects .select-item label:after {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    left: -25px;
    top: 9px;
    background: #fff;
    transform: scale(0);
    transition: .4s
}

.products .product-list-top .top-right .filter-dropdown .filter-options .option-item .selects .select-item input:checked~label:before {
    background: #000
}

.products .product-list-top .top-right .filter-dropdown .filter-options .option-item .selects .select-item input:checked~label:after {
    transform: scale(1)
}

.products .product-list-top .top-right .filter-dropdown .filter-options .option-item+.option-item {
    margin-left: 5%
}

.products .product-list-top .top-right .filter-dropdown .filter-options .option-item:nth-child(3n+1) {
    margin-left: 0
}

.products .product-list-top .top-right .filter-dropdown .filter-options .option-item:nth-child(n+4) {
    margin-top: 25px
}

.products .product-list-top .top-right .filter-dropdown .close-clear .clear:hover {
    background: #f3f3f3
}

.products .product-list-top .top-right .filter-dropdown .filter-options .option-item:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 75px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
    z-index: 2;
    pointer-events: none
}

@media only screen and (min-width:1200px) {
    .products .products-banner .img {
        top: -50px
    }
}

@media only screen and (max-width:1680px) {
    .products .product-list-bottom .product-item+.product-item {
        margin-left: 75px
    }
    .products .product-list-bottom .product-item:nth-child(4n+1) {
        margin-left: 0
    }
    .products .product-list-bottom .product-item:nth-child(n+5) {
        margin-top: 185px
    }
    .products .product-list-top .mostly-prefered {
        width: 630px
    }
    .products .product-list-top .top-right {
        padding-right: 30px
    }
    .products .product-list-top .top-right .first-products {
        padding: 0 50px 0 60px
    }
}

@media only screen and (max-width:1600px) {
    .products .product-list-bottom {
        padding: 0 95px
    }
    .products .product-list-top .top-right .filter-dropdown .close-clear .clear {
        font-size: 13px;
        width: 90px
    }
}

@media only screen and (max-width:1440px) {
    .products .product-list-top .mostly-prefered {
        margin-left: 30px;
        width: 590px;
        padding: 55px 30px 90px
    }
    .products .product-list-top .mostly-prefered .slider-bottom span {
        font-size: 15px
    }
    .products .product-list-top .top-right .first-products {
        padding: 0 10px 0 30px
    }
    .products .product-list-bottom {
        justify-content: center
    }
    .products .product-list-bottom .product-item:nth-child(4n+1) {
        margin-left: 75px
    }
    .products .product-list-bottom .product-item:nth-child(3n+1) {
        margin-left: 0
    }
    .products .product-list-bottom .product-item:nth-child(n+4) {
        margin-top: 85px
    }
    .products .product-list-top .top-right .filter-dropdown .filter-options {
        margin-top: 105px
    }
    .products .product-list-top .top-right .filter-dropdown .close-clear {
        left: 0;
        flex-direction: row-reverse;
        justify-content: space-between;
        margin: 30px 45px 0
    }
    .products .product-list-top .top-right .filter-dropdown .close-clear .clear {
        width: initial
    }
    .products .product-list-top .top-right .filter-dropdown .close-clear .close {
        margin: 0
    }
    .products .product-list-top .top-right .filter-dropdown .filter-options .option-item .title {
        font-size: 13px
    }
}

@media only screen and (max-width:1366px) {
    .products .products-banner p {
        padding-left: 60px
    }
    .products .product-list-top .mostly-prefered {
        width: 500px
    }
}

@media only screen and (max-width:1199px) {
    section.product-full .product-full-right h1 {
        font-size: 29px;
        line-height: 37px;
        margin-top: 10px
    }
    section.product-full .product-full-right .product-content ul {
        max-height: initial;
        overflow: initial
    }
    section.product-full .product-full-right .social-media span.bdn {
        font-size: 16px
    }
    section.product-full .product-full-right .products-sell>span {
        font-size: 30px
    }
    section.product-full .product-full-right .products-sell>span:nth-child(2) {
        font-size: 20px;
        margin-left: 20px
    }
    section.product-full .product-full-right .products-sell {
        margin-top: 20px;
        margin-bottom: 20px
    }
    section.product-full .product-full-right .action-products,
    section.product-full .product-full-right .select-container {
        margin-top: 20px
    }
    section.product-full .product-full-right .action-products .action-main .input span {
        font-size: 10px
    }
    section.product-full .product-full-right .action-products .action-main .input input {
        font-size: 15px;
        width: 30px
    }
    section.product-full .product-full-right .action-products>a {
        font-size: 15px;
        font-weight: 400
    }
    section.product-full .product-full-right .action-products>a svg {
        margin-right: 10px
    }
    section.product-full .alt .container-es>span {
        font-size: 40px
    }
    section.pages.product-full {
        padding: 60px 0 100px;
        margin-top: 80px
    }
    .custom.products-custom .products-list {
        width: auto;
        flex: 0 0 calc(100% - 200px);
        padding: 0 30px
    }
    .custom.products-custom .products-list .products-sticky {
        padding: 0 20px;
        margin: 0 -20px;
        width: auto
    }
    .products-cart-list {
        padding: 0;
        margin: 0 auto
    }
    .custom.products-custom .cart a .up {
        height: 320px
    }
    .products-custom .products-cart-list .cart.dicount {
        flex: 0 0 33%;
        width: auto;
        padding: 20px
    }
    .products .product-list-top .top-right .first-products {
        padding: 0 0 0 30px
    }
}

@media only screen and (max-width:991px) {
    section.product-full .gallery-thumbs {
        bottom: 0;
        top: auto;
        right: auto;
        width: 60%;
        height: 220px;
        overflow: hidden
    }
    section.product-full .product-full-right .right-footer {
        width: 60%
    }
    section.product-full .alt {
        margin-top: 60px
    }
    .product-full .small-product-slider {
        left: 50%;
        right: 0;
        transform: translate(-50%, 0);
        bottom: -60px;
        display: flex;
        align-items: center;
        width: 90%;
        top: auto
    }
    .products .products-banner p {
        font-size: 33px
    }
    .products .products-banner {
        height: 370px
    }
    .products .product-list-top .top-right .first-products {
        display: none
    }
    .products .product-list-top {
        flex-direction: column
    }
    .products .product-list-top .mostly-prefered {
        width: 80%;
        margin: 0 auto
    }
    .products .product-list-top .top-right {
        padding: 0 45px;
        margin-top: 45px
    }
    .products .product-list-top .top-right .settings {
        margin-top: 0
    }
    .products .product-list-bottom {
        margin-top: 65px;
        padding: 0;
        justify-content: space-around;
        margin-bottom: 115px
    }
    .products .product-list-top .top-right .filter-dropdown {
        top: 60px
    }
    .products .product-list-top .top-right .filter-dropdown .filter-options {
        margin: 0;
        padding: 105px 0 40px 60px;
        width: 100%
    }
    .products .product-list-bottom .product-item:nth-child(3n+1) {
        margin-left: 75px
    }
    .products .product-list-bottom .product-item:nth-child(odd) {
        margin-left: 0
    }
    .products .product-list-bottom .product-item:nth-child(n+3) {
        margin-top: 55px
    }
}

.product-item {
    width: 210px;
    display: flex;
    flex-direction: column;
    padding-top: 50px;
    position: relative
}

.product-item .product-top {
    position: relative;
    height: 190px;
    border-left: 1px solid #d3d3d3
}

.product-item .product-top .cc {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-weight: 300;
    font-size: 15px;
    color: #9b9b9b;
    margin-top: 55px;
    margin-left: 25px
}

.product-item .product-top .product-image {
    width: 170px;
    height: 170px;
    position: absolute;
    right: -18px;
    top: 10px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.product-item .product-top .product-image img {
    width: 170px;
    height: 170px;
    object-fit: contain
}

.product-item .product-top .p-hover {
    margin-left: 25px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 35px;
    position: relative;
    z-index: 8
}

.product-item .product-top .p-hover .hover-item.liked svg {
    stroke: #000;
    fill: rgb(219 10 53 / 0%);
    stroke-dasharray: 70;
    stroke-dashoffset: 140;
    transition: .5s
}

.product-item .product-top .p-hover .hover-item.liked svg path {
    fill: inherit
}

.product-item .product-top .p-hover .hover-item.liked.active svg {
    stroke-dashoffset: 0;
    fill: #db0a35;
    stroke: #db0a35
}

.product-item .product-top .p-hover .hover-item.view {
    margin: 10px 0;
    transition-delay: 0s
}

.product-item .product-top .p-hover .hover-item.basket {
    transition-delay: 0s
}

.product-item .product-top .p-hover .hover-item.basket.active svg {
    stroke-dasharray: 66;
    stroke: green
}

.product-item .product-top .p-hover .hover-item.basket svg {
    stroke: #000;
    transition: .7s;
    stroke-dasharray: 96;
    stroke-dashoffset: 0;
    stroke-width: 1px
}

.product-item .product-top .p-hover .hover-item {
    opacity: 0;
    visibility: hidden;
    transition: .4s;
    transform: translateX(-5px);
    cursor: pointer;
    background: #fff
}

.product-item .product-top .p-hover .hover-item svg {
    stroke: #000
}

.product-item .product-top .p-hover .hover-item.view svg {
    stroke: #000;
    fill: #000;
    stroke-width: .4px
}

.product-item:hover .product-top .p-hover .hover-item {
    transform: translateX(0);
    opacity: 1;
    visibility: visible
}

.product-item:hover .product-top .p-hover .hover-item.basket {
    transition-delay: .2s
}

.product-item:hover .product-top .p-hover .hover-item.view {
    transition-delay: .1s
}

.product-item .product-top .p-hover:before {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 70px;
    background: -webkit-linear-gradient(90deg, #fff, #ffffff69) !important;
    opacity: 0;
    pointer-events: none;
    transition: .4s
}

.product-item .product-bottom {
    border: 1px solid #d3d3d3;
    padding: 15px
}

.product-item .product-bottom .name {
    font-weight: 400;
    font-size: 15px;
    color: #696969;
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 45px
}

.product-item .product-top:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 55px;
    height: 1px;
    background: #d3d3d3
}

.product-item .product-top:after {
    content: "";
    position: absolute;
    right: 0;
    height: 30px;
    width: 1px;
    bottom: 0;
    background: #d3d3d3
}

.product-item .product-bottom .price.out-of-stock {
    color: #d60000 !important
}

.product-item.out-of-stock {
    opacity: .4;
    pointer-events: none
}

.product-item.discount .product-bottom .price .discount-price {
    font-weight: 400;
    font-size: 12px;
    color: #9b9b9b;
    margin-left: 15px;
    text-decoration: line-through;
    margin-bottom: -2px
}

.product-item.discount:hover .discount {
    opacity: 0
}

.product-item .discount {
    position: absolute;
    left: 12px;
    bottom: 20px;
    z-index: -1;
    transition: .4s
}

.product-item .discount svg {
    stroke: #3AAA00;
    fill: #fff;
    width: 9px;
    height: 14px
}

.product-item .discount span {
    font-weight: 400;
    font-size: 12px;
    color: #3aaa00
}

.product-item .product-top .count-down {
    position: absolute;
    display: flex;
    transform: translateY(50%);
    left: 10px;
    bottom: 13px;
    background: #fff;
    padding: 0 20px 0 10px;
    transition: .4s
}

.product-item .product-top .count-down .count-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: .4s;
    width: 25px
}

.product-item .product-top .count-down .count-item span {
    font-weight: 700;
    font-size: 12px;
    color: #000
}

.product-item .product-top .count-down .count-item span:nth-child(2) {
    font-weight: 400;
    font-size: 12px;
    color: #bababa;
    line-height: normal
}

.product-item.countdown:hover .product-top .count-down {
    opacity: 0;
    transform: scale(.3)
}

.product-item.countdown .discount {
    top: 15px;
    left: 0
}

.product-item .product-top .new {
    position: absolute;
    right: 7px;
    bottom: 0;
    transform: translateY(50%);
    font-weight: 700;
    font-size: 12px;
    color: #57bc3f;
    background: #fff;
    padding: 0 5px
}

.urunler-header {
    position: relative;
    width: 100%;
    height: calc(450px - 120px);
    min-height: calc(450px - 120px);
    margin-bottom: 0;
    transition: 1.2s;
    background: url(../images/slide-bg.png) top left/contain no-repeat #f7f5f2
}

@media only screen and (max-width:475px) {
    .product-item .product-top .product-image img {
        width: 105px;
        height: 105px;
        object-fit: contain
    }
    .product-item .product-top {
        position: relative;
        height: 150px;
        border-left: 1px solid #d3d3d3
    }
    .product-item {
        width: 160px;
        display: flex;
        flex-direction: column;
        padding-top: 50px;
        position: relative
    }
}

@media only screen and (max-width:370px) {
    .product-item .product-top .product-image img {
        width: 80px;
        height: 80px;
        object-fit: contain
    }
    .product-item .product-top {
        position: relative;
        height: 150px;
        border-left: 1px solid #d3d3d3
    }
    .product-item {
        width: 150px;
        display: flex;
        flex-direction: column;
        padding-top: 50px;
        position: relative
    }
    .product-item .product-top .product-image {
        width: 80px;
        height: 80px;
        position: absolute;
        right: 0;
        top: 10px;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

.page-banner h1 {
    font-size: 28px;
    color:#2a2a2a;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom:0;
    margin-top:20px;
}
.page-breadcrumb {
    list-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-left:0;
    padding-left:0;
}
    .page-breadcrumb li {
        font-size: 15px;
        font-weight: 400;
        letter-spacing: 0.5px;
        line-height: 1;
        margin-top: 10px;
        color: #151515;
    }
        .page-breadcrumb li a {
            color: #151515;
        }
        .page-breadcrumb li::after {
            content: "/";
            margin: 0 6px;
            color: #151515;
        }
        .page-breadcrumb li:last-child::after {
            display: none;
        }

.sayfa-padding-center{
    margin-bottom:25px;
    margin-top:10px;
}
.shop-list-tab .tab_content .tabs_item .shop-item {
    padding: 0 50px 5px;
    border-radius: 5px;
    border: 1px dashed #d1d1d1;
    -webkit-box-shadow: 0 10px 30px rgba(0,0,0,.07);
    box-shadow: 0 10px 30px rgba(0,0,0,.07);
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    -webkit-transition: .6s;
    transition: .6s;
    margin-bottom: 30px;
}
.shop-image img {
    width: 100%;
    height: 240px;
    padding-top: 10px;
    object-fit: contain;
}
.shop-list-tab .tab_content .tabs_item .shop-item .shop-content h3 {
    font-size: 16px;
    height: 35px;
    color: #616161;
    font-weight: 500;
    margin: 12px 7px 10px 7px;
    -webkit-transition: .6s;
    transition: .6s;
}
.container-referanssayac{
    padding:0 170px;
}
@media only screen and (max-width:1450px) {
    .container-referanssayac {
        padding: 0 80px;
    }
    
}
@media only screen and (max-width:991px){
    .container-referanssayac {
        padding: 0 15px;
    }
}
@media only screen and (max-width:767px) {
    .container-referanssayac {
        padding: 0 15px;
    }
}
.ozellik-box {
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    padding: 0;
    position: relative;
    height: fit-content;
}

.ozellik-box .common-sidebar-widget{
    border-top: 1px solid #e5e5e5;
    padding:7px 15px;
    position:relative;
}
.ozellik-box .common-sidebar-widget:first-of-type {
        border-top: none;
    }
.product-full {
    padding-top: 65px;
    background-color: #ffffff;
}

.products .products-banner {
    width: 100%;
    height: 460px;
    display: block;
    position: relative;
    overflow: hidden
}

.products .products-banner .img {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: -1
}

.products .products-banner p {
    font-weight: 500;
    font-size: 40px;
    color: #000;
    width: 680px;
    padding-top: 100px;
    padding-left: 145px
}

.products .product-list-top {
    display: flex;
    margin-top: -110px
}

.products .product-list-top .mostly-prefered {
    position: relative;
    width: 670px;
    padding: 55px 50px 120px;
    background: #fafafa;
    transition: .4s;
    margin-left: 65px
}

.products .product-list-top .mostly-prefered .slider-bottom {
    display: flex;
    justify-content: space-between;
    margin-bottom: 93px
}

.products .product-list-top .mostly-prefered .slider-bottom span {
    font-weight: 400;
    font-size: 18px;
    color: #767676
}

.products .product-list-top .mostly-prefered .slider-bottom .pagi .swiper-pagination {
    position: initial
}

.products .product-list-top .mostly-prefered .slider-bottom .pagi .swiper-buttons {
    display: flex;
    flex-direction: column;
    margin-left: 35px
}

.products .product-list-top .mostly-prefered .slider-bottom .pagi .swiper-buttons .swiper-button-next,
.products .product-list-top .mostly-prefered .slider-bottom .pagi .swiper-buttons .swiper-button-prev {
    position: initial;
    background: 0 0;
    width: 24px;
    height: 8px;
    margin: 0;
    display: flex;
    transition: .4s
}

.products .product-list-top .mostly-prefered .slider-bottom .pagi .swiper-buttons .swiper-button-prev {
    margin-top: 15px
}

.products .product-list-top .mostly-prefered .slider-bottom .pagi .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #707071;
    opacity: 1
}

.products .product-list-top .mostly-prefered .slider-bottom .pagi .swiper-pagination .swiper-pagination-bullet {
    border: 1px solid #707071;
    background: 0 0;
    opacity: .4;
    transition: .4s
}

.products .product-list-top .mostly-prefered .slider-bottom .pagi .swiper-buttons .swiper-button-next svg,
.products .product-list-top .mostly-prefered .slider-bottom .pagi .swiper-buttons .swiper-button-prev svg {
    stroke: #000000
}

.products .product-list-top .mostly-prefered .slider-bottom .pagi .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
    margin-left: 5px
}

.products .product-list-top .top-right {
    width: -webkit-fill-available;
    padding: 0 125px;
    position: relative
}

.products .product-list-top .top-right .settings {
    display: flex;
    justify-content: space-between;
    margin-top: 45px
}

.products .product-list-top .top-right .settings .filter {
    display: flex;
    align-items: center;
    padding: 20px 35px;
    cursor: pointer;
    transition: .4s
}

.products .product-list-top .top-right .settings .filter .close-filter {
    display: flex;
    align-items: center;
    color: #fff;
    position: absolute;
    transition: .4s;
    opacity: 0;
    visibility: hidden
}

.products .product-list-top .top-right .settings .filter .close-filter svg {
    stroke: white;
    stroke-width: 2px;
    margin-right: 15px
}

.products .product-list-top .top-right .settings .filter .text.in-active,
.products .product-list-top .top-right .settings .filter.active .text {
    opacity: 0;
    visibility: hidden
}

.products .product-list-top .top-right .settings .filter .text svg {
    margin-right: 15px;
    transition: .4s
}

.products .product-list-top .top-right .first-products {
    display: flex;
    justify-content: space-between;
    padding: 0 50px 0 110px;
    margin-top: 70px
}

.products .product-list-bottom {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 75px;
    margin-top: 25px;
    margin-bottom: 50px
}

.products .product-list-bottom .product-item+.product-item,
.products .product-list-bottom .product-item:nth-child(4n+1) {
    margin-left: 40px
}

.products .product-list-bottom .product-item:nth-child(n+5) {
    margin-top: 0
}

.products .product-list-top .top-right .filter-dropdown {
    position: absolute;
    top: 110px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 250px);
    height: calc(100% - 110px);
    z-index: 9;
    background: #fff;
    transition: .4s;
    opacity: 0;
    visibility: hidden;
    height: max-content
}

.products .product-list-top .top-right .filter-dropdown .filter-options {
    display: flex;
    flex-wrap: wrap;
    width: 70%;
    margin-left: 75px;
    margin-top: 35px;
    background: #fff
}

.products .product-list-top .top-right .filter-dropdown .close-clear {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 20px;
    margin-top: 20px;
    background: #fff
}

.products .product-list-top .top-right .filter-dropdown .filter-options .option-item {
    width: 30%;
    position: relative
}

.product-item .product-bottom .price,
.products .product-list-top .top-right .filter-dropdown .filter-options .option-item .title {
    font-weight: 700;
    font-size: 15px;
    color: #000
}

.products .product-list-top .top-right .filter-dropdown .filter-options .option-item .selects {
    height: 205px;
    overflow: auto;
    padding-bottom: 65px
}

.products .product-list-top .top-right .filter-dropdown .filter-options .option-item .selects .select-item {
    padding-left: 35px
}

.products .product-list-top .top-right .filter-dropdown .filter-options .option-item .selects .select-item input {
    width: 0;
    height: 0;
    border: 0;
    box-shadow: none !important;
    outline: 0 !important
}

.products .product-list-top .top-right .filter-dropdown .filter-options .option-item .selects .select-item label {
    margin-bottom: 0;
    font-weight: 300;
    font-size: 15px;
    color: #8b8b8b;
    position: relative;
    cursor: pointer
}

.products .product-list-top .top-right .filter-dropdown .close-clear .close {
    font-weight: 700;
    font-size: 15px;
    color: #ea1010;
    align-items: center;
    opacity: 1;
    cursor: pointer;
    text-shadow: none;
    float: unset;
    margin-bottom: 60px;
    margin-top: 25px;
    display: none
}

.products .product-list-top .top-right .filter-dropdown .close-clear .close svg {
    margin-right: 10px;
    stroke: #EA1010;
    stroke-width: 2.2px
}

.products .product-list-top .top-right .filter-dropdown .close-clear .clear {
    font-weight: 300;
    font-size: 15px;
    color: #000;
    border: 1px solid #e2e2e2;
    padding: 15px 10px;
    width: 120px;
    text-align: center;
    cursor: pointer;
    transition: .4s
}

.products .product-list-top .top-right .filter-dropdown .filter-options .option-item .selects .select-item label:before {
    content: "";
    position: absolute;
    left: -30px;
    top: 4px;
    width: 15px;
    height: 15px;
    border: 1px solid #ddd;
    transition: .4s
}

.products .product-list-top .top-right .filter-dropdown .filter-options .option-item .selects .select-item label:after {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    left: -25px;
    top: 9px;
    background: #fff;
    transform: scale(0);
    transition: .4s
}

.products .product-list-top .top-right .filter-dropdown .filter-options .option-item .selects .select-item input:checked~label:before {
    background: #000
}

.products .product-list-top .top-right .filter-dropdown .filter-options .option-item .selects .select-item input:checked~label:after {
    transform: scale(1)
}

.products .product-list-top .top-right .filter-dropdown .filter-options .option-item+.option-item {
    margin-left: 5%
}

.products .product-list-top .top-right .filter-dropdown .filter-options .option-item:nth-child(3n+1) {
    margin-left: 0
}

.products .product-list-top .top-right .filter-dropdown .filter-options .option-item:nth-child(n+4) {
    margin-top: 25px
}

.products .product-list-top .top-right .filter-dropdown .close-clear .clear:hover {
    background: #f3f3f3
}

.products .product-list-top .top-right .filter-dropdown .filter-options .option-item:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 75px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
    z-index: 2;
    pointer-events: none
}

@media only screen and (min-width:1200px) {
    .products .products-banner .img {
        top: -50px
    }
}

@media only screen and (max-width:1680px) {
    .products .product-list-bottom .product-item+.product-item {
        margin-left: 75px
    }
    .products .product-list-bottom .product-item:nth-child(4n+1) {
        margin-left: 0
    }
    .products .product-list-bottom .product-item:nth-child(n+5) {
        margin-top: 185px
    }
    .products .product-list-top .mostly-prefered {
        width: 630px
    }
    .products .product-list-top .top-right {
        padding-right: 30px
    }
    .products .product-list-top .top-right .first-products {
        padding: 0 50px 0 60px
    }
}

@media only screen and (max-width:1600px) {
    .products .product-list-bottom {
        padding: 0 95px
    }
    .products .product-list-top .top-right .filter-dropdown .close-clear .clear {
        font-size: 13px;
        width: 90px
    }
}

@media only screen and (max-width:1440px) {
    .products .product-list-top .mostly-prefered {
        margin-left: 30px;
        width: 590px;
        padding: 55px 30px 90px
    }
    .products .product-list-top .mostly-prefered .slider-bottom span {
        font-size: 15px
    }
    .products .product-list-top .top-right .first-products {
        padding: 0 10px 0 30px
    }
    .products .product-list-bottom {
        justify-content: center
    }
    .products .product-list-bottom .product-item:nth-child(4n+1) {
        margin-left: 75px
    }
    .products .product-list-bottom .product-item:nth-child(3n+1) {
        margin-left: 0
    }
    .products .product-list-bottom .product-item:nth-child(n+4) {
        margin-top: 85px
    }
    .products .product-list-top .top-right .filter-dropdown .filter-options {
        margin-top: 105px
    }
    .products .product-list-top .top-right .filter-dropdown .close-clear {
        left: 0;
        flex-direction: row-reverse;
        justify-content: space-between;
        margin: 30px 45px 0
    }
    .products .product-list-top .top-right .filter-dropdown .close-clear .clear {
        width: initial
    }
    .products .product-list-top .top-right .filter-dropdown .close-clear .close {
        margin: 0
    }
    .products .product-list-top .top-right .filter-dropdown .filter-options .option-item .title {
        font-size: 13px
    }
}

@media only screen and (max-width:1366px) {
    .products .products-banner p {
        padding-left: 60px
    }
    .products .product-list-top .mostly-prefered {
        width: 500px
    }
}

@media only screen and (max-width:1199px) {
    section.product-full .product-full-right h1 {
        font-size: 29px;
        line-height: 37px;
        margin-top: 10px
    }
    section.product-full .product-full-right .product-content ul {
        max-height: initial;
        overflow: initial
    }
    section.product-full .product-full-right .social-media span.bdn {
        font-size: 16px
    }
    section.product-full .product-full-right .products-sell>span {
        font-size: 30px
    }
    section.product-full .product-full-right .products-sell>span:nth-child(2) {
        font-size: 20px;
        margin-left: 20px
    }
    section.product-full .product-full-right .products-sell {
        margin-top: 20px;
        margin-bottom: 20px
    }
    section.product-full .product-full-right .action-products,
    section.product-full .product-full-right .select-container {
        margin-top: 20px
    }
    section.product-full .product-full-right .action-products .action-main .input span {
        font-size: 10px
    }
    section.product-full .product-full-right .action-products .action-main .input input {
        font-size: 15px;
        width: 30px
    }
    section.product-full .product-full-right .action-products>a {
        font-size: 15px;
        font-weight: 400
    }
    section.product-full .product-full-right .action-products>a svg {
        margin-right: 10px
    }
    section.product-full .alt .container-es>span {
        font-size: 40px
    }
    section.pages.product-full {
        padding: 60px 0 100px;
        margin-top: 80px
    }
    .custom.products-custom .products-list {
        width: auto;
        flex: 0 0 calc(100% - 200px);
        padding: 0 30px
    }
    .custom.products-custom .products-list .products-sticky {
        padding: 0 20px;
        margin: 0 -20px;
        width: auto
    }
    .products-cart-list {
        padding: 0;
        margin: 0 auto
    }
    .custom.products-custom .cart a .up {
        height: 320px
    }
    .products-custom .products-cart-list .cart.dicount {
        flex: 0 0 33%;
        width: auto;
        padding: 20px
    }
    .products .product-list-top .top-right .first-products {
        padding: 0 0 0 30px
    }
}

@media only screen and (max-width:991px) {
    section.product-full .gallery-thumbs {
        bottom: 0;
        top: auto;
        right: auto;
        width: 60%;
        height: 220px;
        overflow: hidden
    }
    section.product-full .product-full-right .right-footer {
        width: 60%
    }
    section.product-full .alt {
        margin-top: 60px
    }
    .product-full .small-product-slider {
        left: 50%;
        right: 0;
        transform: translate(-50%, 0);
        bottom: -60px;
        display: flex;
        align-items: center;
        width: 90%;
        top: auto
    }
    .products .products-banner p {
        font-size: 33px
    }
    .products .products-banner {
        height: 370px
    }
    .products .product-list-top .top-right .first-products {
        display: none
    }
    .products .product-list-top {
        flex-direction: column
    }
    .products .product-list-top .mostly-prefered {
        width: 80%;
        margin: 0 auto
    }
    .products .product-list-top .top-right {
        padding: 0 45px;
        margin-top: 45px
    }
    .products .product-list-top .top-right .settings {
        margin-top: 0
    }
    .products .product-list-bottom {
        margin-top: 65px;
        padding: 0;
        justify-content: space-around;
        margin-bottom: 115px
    }
    .products .product-list-top .top-right .filter-dropdown {
        top: 60px
    }
    .products .product-list-top .top-right .filter-dropdown .filter-options {
        margin: 0;
        padding: 105px 0 40px 60px;
        width: 100%
    }
    .products .product-list-bottom .product-item:nth-child(3n+1) {
        margin-left: 75px
    }
    .products .product-list-bottom .product-item:nth-child(odd) {
        margin-left: 0
    }
    .products .product-list-bottom .product-item:nth-child(n+3) {
        margin-top: 55px
    }
}

.product-item {
    width: 210px;
    display: flex;
    flex-direction: column;
    padding-top: 50px;
    position: relative
}

.product-item .product-top {
    position: relative;
    height: 190px;
    border-left: 1px solid #d3d3d3
}

.product-item .product-top .cc {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-weight: 300;
    font-size: 15px;
    color: #9b9b9b;
    margin-top: 55px;
    margin-left: 25px
}

.product-item .product-top .product-image {
    width: 140px;
    height: 140px;
    position: absolute;
    right: -18px;
    top: 10px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.product-item .product-top .product-image img {
    width: 140px;
    height: 140px;
    object-fit: contain
}

.product-item .product-top .p-hover {
    margin-left: 25px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 35px;
    position: relative;
    z-index: 8
}

.product-item .product-top .p-hover .hover-item.liked svg {
    stroke: #000;
    fill: rgb(219 10 53 / 0%);
    stroke-dasharray: 70;
    stroke-dashoffset: 140;
    transition: .5s
}

.product-item .product-top .p-hover .hover-item.liked svg path {
    fill: inherit
}

.product-item .product-top .p-hover .hover-item.liked.active svg {
    stroke-dashoffset: 0;
    fill: #db0a35;
    stroke: #db0a35
}

.product-item .product-top .p-hover .hover-item.view {
    margin: 10px 0;
    transition-delay: 0s
}

.product-item .product-top .p-hover .hover-item.basket {
    transition-delay: 0s
}

.product-item .product-top .p-hover .hover-item.basket.active svg {
    stroke-dasharray: 66;
    stroke: green
}

.product-item .product-top .p-hover .hover-item.basket svg {
    stroke: #000;
    transition: .7s;
    stroke-dasharray: 96;
    stroke-dashoffset: 0;
    stroke-width: 1px
}

.product-item .product-top .p-hover .hover-item {
    opacity: 0;
    visibility: hidden;
    transition: .4s;
    transform: translateX(-5px);
    cursor: pointer;
    background: #fff
}

.product-item .product-top .p-hover .hover-item svg {
    stroke: #000
}

.product-item .product-top .p-hover .hover-item.view svg {
    stroke: #000;
    fill: #000;
    stroke-width: .4px
}

.product-item:hover .product-top .p-hover .hover-item {
    transform: translateX(0);
    opacity: 1;
    visibility: visible
}

.product-item:hover .product-top .p-hover .hover-item.basket {
    transition-delay: .2s
}

.product-item:hover .product-top .p-hover .hover-item.view {
    transition-delay: .1s
}

.product-item .product-top .p-hover:before {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 70px;
    background: -webkit-linear-gradient(90deg, #fff, #ffffff69) !important;
    opacity: 0;
    pointer-events: none;
    transition: .4s
}

.product-item .product-bottom {
    border: 1px solid #d3d3d3;
    padding: 15px
}

.product-item .product-bottom .name {
    font-weight: 400;
    font-size: 15px;
    color: #696969;
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 45px
}

.product-item .product-top:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 55px;
    height: 1px;
    background: #d3d3d3
}

.product-item .product-top:after {
    content: "";
    position: absolute;
    right: 0;
    height: 30px;
    width: 1px;
    bottom: 0;
    background: #d3d3d3
}

.product-item .product-bottom .price.out-of-stock {
    color: #d60000 !important
}

.product-item.out-of-stock {
    opacity: .4;
    pointer-events: none
}

.product-item.discount .product-bottom .price .discount-price {
    font-weight: 400;
    font-size: 12px;
    color: #9b9b9b;
    margin-left: 15px;
    text-decoration: line-through;
    margin-bottom: -2px
}

.product-item.discount:hover .discount {
    opacity: 0
}

.product-item .discount {
    position: absolute;
    left: 12px;
    bottom: 20px;
    z-index: -1;
    transition: .4s
}

.product-item .discount svg {
    stroke: #3AAA00;
    fill: #fff;
    width: 9px;
    height: 14px
}

.product-item .discount span {
    font-weight: 400;
    font-size: 12px;
    color: #3aaa00
}

.product-item .product-top .count-down {
    position: absolute;
    display: flex;
    transform: translateY(50%);
    left: 10px;
    bottom: 13px;
    background: #fff;
    padding: 0 20px 0 10px;
    transition: .4s
}

.product-item .product-top .count-down .count-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: .4s;
    width: 25px
}

.product-item .product-top .count-down .count-item span {
    font-weight: 700;
    font-size: 12px;
    color: #000
}

.product-item .product-top .count-down .count-item span:nth-child(2) {
    font-weight: 400;
    font-size: 12px;
    color: #bababa;
    line-height: normal
}

.product-item.countdown:hover .product-top .count-down {
    opacity: 0;
    transform: scale(.3)
}

.product-item.countdown .discount {
    top: 15px;
    left: 0
}

.product-item .product-top .new {
    position: absolute;
    right: 7px;
    bottom: 0;
    transform: translateY(50%);
    font-weight: 700;
    font-size: 12px;
    color: #57bc3f;
    background: #fff;
    padding: 0 5px
}

.urunler-header {
    position: relative;
    width: 100%;
    height: calc(450px - 120px);
    min-height: calc(450px - 120px);
    margin-bottom: 0;
    transition: 1.2s;
    background: url(../images/slide-bg.png) top left/contain no-repeat #f7f5f2
}

@media only screen and (max-width:475px) {
    .product-item .product-top .product-image img {
        width: 105px;
        height: 105px;
        object-fit: contain
    }
    .product-item .product-top {
        position: relative;
        height: 150px;
        border-left: 1px solid #d3d3d3
    }
    .product-item {
        width: 160px;
        display: flex;
        flex-direction: column;
        padding-top: 50px;
        position: relative
    }
}

@media only screen and (max-width:370px) {
    .product-item .product-top .product-image img {
        width: 80px;
        height: 80px;
        object-fit: contain
    }
    .product-item .product-top {
        position: relative;
        height: 150px;
        border-left: 1px solid #d3d3d3
    }
    .product-item {
        width: 150px;
        display: flex;
        flex-direction: column;
        padding-top: 50px;
        position: relative
    }
    .product-item .product-top .product-image {
        width: 80px;
        height: 80px;
        position: absolute;
        right: 0;
        top: 10px;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

.border-top-sescup {
    border-top: 1px solid #dfdfdf;
    padding-top: 25px
}



@media only screen and (max-width:767px) {
    section.product-full .ust {
        padding: 0
    }
    section.product-full .product-full-right .action-products .action-main {
        transform: translate(0, 0) scale(1)
    }
    section.pages.product-full {
        margin-top: 35px;
        padding-top: 15px;
        padding-bottom: 40px;
        overflow: hidden
    }
    section.product-full .gallery-thumbs {
        width: 90%;
        height: 120px;
        padding: 10px;
        transform: translate(0, 0);
        left: 0
    }
    section.product-full .small-product-slider .swiper-button-prev {
        top: 50%;
        left: -5px;
        right: auto;
        transform: translate(0, -50%) scale(.8);
        margin-top: 0
    }
    section.product-full .small-product-slider .swiper-button-next {
        right: -4px;
        left: auto;
        transform: translate(0, -50%) scale(.8);
        top: 68%;
        bottom: auto
    }
    section.product-full .gallery-thumbs:before {
        visibility: hidden
    }
    section.product-full .product-full-right .right-header>ul li a {
        font-size: 16px;
        margin-bottom: 5px
    }
    section.product-full .product-full-right .right-header>ul li.active a {
        font-weight: 500
    }
    .product-item .product-top .p-hover,
    section.product-full .container-es .swiper-products .swiper-pagination {
        display: none
    }
    section.product-full .product-full-right .right-header>ul li a span.arrow {
        transform: translate(0, -1px) scale(.8) rotate(90deg)
    }
    section.product-full .product-full-right h1 {
        font-size: 30px;
        margin-top: 5px
    }
    section.product-full .alt .pag {
        transform: scale(.8);
        width: 55%;
        margin-top: 20px
    }
    section.product-full .alt .container-es>span {
        margin-bottom: 20px;
        font-size: 35px;
        margin-top: 0
    }
    section.product-full .product-full-right .in-stok,
    section.product-full .product-full-right .product-content ul li+li {
        margin-top: 5px
    }
    section.product-full .product-full-right .product-content ul {
        margin-top: 20px;
        padding-left: 17px
    }
    section.product-full .product-full-right .product-content ul li {
        font-size: 13px
    }
    .products .product-list-top .top-right .filter-dropdown .filter-options .option-item,
    section.product-full .product-full-right .right-footer {
        width: 100%
    }
    .products .product-list-top,
    section.product-full .product-full-right .select-container {
        margin-top: 0
    }
    section.product-full .product-full-right .action-products>a {
        transform: translate(0, 0) scale(1);
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        border-radius: 0;
        font-size: 18px;
        z-index: 2
    }
    section.product-full .product-full-right .action-products>a.active {
        transform: translate(0, 100%)
    }
    .product-full .right-footer .select2-container--default .select2-selection--single .select2-selection__arrow {
        transform: translate(0, -65%)
    }
    section.product-full .product-full-right .action-products .action-main .input span {
        font-size: 15px
    }
    section.product-full .product-full-right .action-products .action-main .svg {
        width: 40px
    }
    section.product-full .product-full-right .action-products .action-main .input input {
        font-size: 20px
    }
    .products .products-banner p {
        font-size: 17px;
        padding-top: 70px;
        padding-left: 25px;
        width: 250px
    }
    .products .products-banner {
        height: 189px
    }
    .products .product-list-top .mostly-prefered {
        width: 90%;
        padding: 40px 30px 50px
    }
    .products .product-list-top .mostly-prefered .slider-bottom {
        flex-direction: column;
        margin-bottom: 60px
    }
    .products .product-list-top .mostly-prefered .slider-bottom span {
        font-size: 14px
    }
    .products .product-list-top .mostly-prefered .slider-bottom .pagi {
        margin-top: 25px;
        justify-content: space-between
    }
    .products .product-list-top .mostly-prefered .swiper-container .swiper-slide .product-item {
        margin: 0 auto
    }
    .products .product-list-top .top-right .settings {
        flex-direction: column-reverse
    }
    .products .product-list-top .top-right .settings .filter {
        justify-content: center;
        margin-bottom: 15px;
        position: relative
    }
    .products .product-list-top .top-right .settings .dropdown {
        margin: 0 auto;
        border-radius: 25px;
        padding: 15px 0
    }
    .products .product-list-top .top-right .settings .filter:before {
        content: "";
        position: absolute;
        left: 30px;
        right: 30px;
        top: 0;
        height: 1px;
        background: #eee
    }
    .products .product-list-top .top-right .filter-dropdown {
        position: fixed;
        top: 70px;
        left: 0;
        right: 0;
        width: 100%;
        transform: initial;
        max-height: calc(100vh - 70px);
        overflow: auto
    }
    .products .product-list-bottom .product-item+.product-item {
        margin-left: 0;
        margin-top: 0
    }
    .products .product-list-bottom {
        margin-bottom: 60px;
        margin-top: 15px
    }
    .dropdown button {
        background: rgb(207 207 207 / 10%)
    }
    .products .product-list-top .top-right .filter-dropdown .close-clear {
        flex-direction: column
    }
    .products .product-list-top .top-right .filter-dropdown .close-clear .close {
        margin-bottom: 25px;
        display: block
    }
    .products .product-list-top .top-right .filter-dropdown .filter-options {
        padding: 175px 20px 40px
    }
    .products .product-list-top .top-right .filter-dropdown .filter-options .option-item+.option-item {
        margin-left: 0;
        margin-top: 35px
    }
    .products .product-list-top .top-right .filter-dropdown .filter-options .option-item .selects {
        height: max-content;
        padding-bottom: 30px
    }
    .urunler-header {
        height: auto;
        min-height: inherit
    }
    .pagination-lg .page-link {
        padding: .25rem .8rem;
        font-size: 1.15rem
    }
}
table {
    border: 1px solid #ccc;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #f8f8f8;
}

    table caption {
        font-size: 1.5em;
        margin: .5em 0 .75em;
    }

    table tr {
        background-color: #f8f8f8;
        border: 1px solid #ddd;
        padding: .35em;
    }

    table th,
    table td {
        padding: .625em;
        text-align: center;
    }

    table th {
        font-size: 17px;
        letter-spacing: .1em;
        text-transform: capitalize;
        font-weight: 600;
        text-align:left;
    }


.whatsapp-iletisime-gec a {
    border: 2px solid #2a8b4e;
    border-radius: 15px;
    margin-bottom: 15px;
    padding: 5px;
    background: #ddf7e7;
    display: inline-block;
    min-width: 425px;
}
.whatsapp-iletisime-gec a img{
    height:20px;
    margin-right:7px;
}
.whatsapp-iletisime-gec .whatsapp-text {
    padding: 7px 15px;
    margin-top: 2px;
    float: left;
    display: block;
    color:#2a2a2a;
}
.whatsapp-iletisime-gec .whatsapp-button {
    padding: 0 15px;
    margin-top: 5px;
    margin-left: 15px;
    border-left: 2px solid #2a8b4e;
    color: #2a8b4e;
    font-weight: bold;
    font-size: 17px;
    display: inline-block;
    line-height: 15px;
    text-align: center;
}
.page.file-archive {
    padding: 80px 0;
}

    .page.file-archive .form-group .select2-container {
        width: 100% !important;
    }

    .page.file-archive .file-archive-process-container {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 1.5rem;
    }

        .page.file-archive .file-archive-process-container .file-archive-search {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 27.5rem;
            flex: 0 0 27.5rem;
            height: 3rem;
            max-width: 100%;
            margin-bottom: 1rem;
        }

            .page.file-archive .file-archive-process-container .file-archive-search .form-group {
                display: -ms-flexbox;
                display: -webkit-box;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                position: relative;
            }

                .page.file-archive .file-archive-process-container .file-archive-search .form-group input {
                    border: 1px solid #9797A3;
                    padding: 15px 18px;
                    color: #9797A3;
                    height: 3rem;
                    -webkit-box-flex: 0;
                    -ms-flex: 0 0 calc(100% - 4.5rem);
                    flex: 0 0 calc(100% - 4.5rem);
                    border-radius: 7px 0 0 7px;
                    background: #f2f2fc;
                    box-shadow: none;
                }

                    .page.file-archive .file-archive-process-container .file-archive-search .form-group input::-webkit-input-placeholder {
                        color: #9797A3;
                    }

                    .page.file-archive .file-archive-process-container .file-archive-search .form-group input:-ms-input-placeholder {
                        color: #9797A3;
                    }

                    .page.file-archive .file-archive-process-container .file-archive-search .form-group input::-ms-input-placeholder {
                        color: #9797A3;
                    }

                    .page.file-archive .file-archive-process-container .file-archive-search .form-group input::placeholder {
                        color: #9797A3;
                    }

                .page.file-archive .file-archive-process-container .file-archive-search .form-group svg {
                    position: relative;
                    z-index: 2;
                }

                    .page.file-archive .file-archive-process-container .file-archive-search .form-group svg path {
                        fill: #ffffff;
                    }

                .page.file-archive .file-archive-process-container .file-archive-search .form-group button {
                    -webkit-transition: 0.4s;
                    transition: 0.4s;
                    background: #ededf5;
                    color: #ffffff;
                    height: 3rem;
                    -webkit-box-flex: 0;
                    -ms-flex: 0 0 4.5rem;
                    flex: 0 0 4.5rem;
                    background: #9797A3;
                    border-radius: 0 7px 7px 0;
                    box-shadow: none;
                }

                    .page.file-archive .file-archive-process-container .file-archive-search .form-group button:hover {
                        background: #63636a;
                    }

        .page.file-archive .file-archive-process-container .file-archive-group-select {
            width: 20rem;
            margin-bottom: 1rem;
        }

            .page.file-archive .file-archive-process-container .file-archive-group-select label {
                position: absolute;
                margin-top: -.5rem;
                -webkit-transform: translateY(-100%);
                transform: translateY(-100%);
                color: #5D4AC7;
            }

            .page.file-archive .file-archive-process-container .file-archive-group-select .select2 {
                width: 100% !important;
            }

                .page.file-archive .file-archive-process-container .file-archive-group-select .select2 .select2-selection--single {
                    height: 48px;
                    border-color: #5D4AC7;
                    border-radius: 0;
                    -webkit-transition: 0.4s;
                    transition: 0.4s;
                }

                    .page.file-archive .file-archive-process-container .file-archive-group-select .select2 .select2-selection--single .select2-selection__rendered {
                        line-height: 46px;
                        color: #5D4AC7;
                    }

                    .page.file-archive .file-archive-process-container .file-archive-group-select .select2 .select2-selection--single .select2-selection__arrow {
                        top: 10px;
                    }

                        .page.file-archive .file-archive-process-container .file-archive-group-select .select2 .select2-selection--single .select2-selection__arrow b {
                            border-color: #5D4AC7 transparent transparent transparent;
                        }

        .page.file-archive .file-archive-process-container .file-archive-search-result {
            padding: .8rem 2rem;
            border: 2px solid #E9E9F5;
            font-weight: normal;
            font-size: 14px;
            text-align: left;
            color: #bebecf;
            height: 48px;
        }

            .page.file-archive .file-archive-process-container .file-archive-search-result p {
                color: #bebecf;
                margin: 0;
                line-height: 1rem;
            }

                .page.file-archive .file-archive-process-container .file-archive-search-result p i {
                    margin-right: .5rem;
                }

    .page.file-archive .file-list .table-responsive .table thead tr th {
        background: #f3f3f3;
        font-weight: 600 !important;
        font-size: 14px !important;
        line-height: 23px;
        color: #01234a;
        padding: 15px 7px;
    }

    .page.file-archive .file-list .table-responsive .table tr th, .page.file-archive .file-list .table-responsive .table tr td {
        padding: 15px 10px;
        font-weight: 400 !important;
        font-size: 15px !important;
        color: #1a2746;
    }

        .page.file-archive .file-list .table-responsive .table tr th a,
        .page.file-archive .file-list .table-responsive .table tr td a {
            display: inline-block;
            -webkit-transition: 0.4s;
            transition: 0.4s;
            font-weight: 500;
            font-size: 14px;
            line-height: 23px;
            color: #01234a;
        }

            .page.file-archive .file-list .table-responsive .table tr th a:hover svg, .page.file-archive .file-list .table-responsive .table tr td a:hover svg {
                fill: #094770;
            }

            .page.file-archive .file-list .table-responsive .table tr th a svg, .page.file-archive .file-list .table-responsive .table tr td a svg {
                width: 26px;
                height: 26px;
                fill: #01234a;
                transition: .4s;
            }

            .page.file-archive .file-list .table-responsive .table tr th a:hover,
            .page.file-archive .file-list .table-responsive .table tr td a:hover {
                color: #094770;
            }

.page.file-archive-border-radius .file-archive-process-container .file-archive-search .form-group input {
}

.page.file-archive-border-radius .file-archive-process-container .file-archive-search .form-group button {
}

.page.file-archive-border-radius .file-archive-process-container .file-archive-group-select {
    width: 20rem;
}

    .page.file-archive-border-radius .file-archive-process-container .file-archive-group-select label {
        position: absolute;
        margin-top: -.5rem;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        color: #5D4AC7;
    }

    .page.file-archive-border-radius .file-archive-process-container .file-archive-group-select .select2 {
        width: 100% !important;
    }

        .page.file-archive-border-radius .file-archive-process-container .file-archive-group-select .select2 .select2-selection--single {
            border-radius: 1.5rem;
        }

        .page.file-archive-border-radius .file-archive-process-container .file-archive-group-select .select2.select2-container--open .select2-selection--single {
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
        }

.page.file-archive-border-radius .file-archive-process-container .file-archive-search-result {
    border-radius: 7px;
}

.page.file-archive-border-radius .file-list .table-responsive {
    border: 1px solid #dee2e6;
    border-radius: 1.5rem;
}

    .page.file-archive-border-radius .file-list .table-responsive .table {
        margin-bottom: 0;
        width: calc(100% + 1px);
        margin-left: -1px;
        margin-top: -1px;
    }

        .page.file-archive-border-radius .file-list .table-responsive .table tr th:nth-last-child(1), .page.file-archive-border-radius .file-list .table-responsive .table tr td:nth-last-child(1) {
            border-right: 0 !important;
        }

        .page.file-archive-border-radius .file-list .table-responsive .table tr:nth-last-child(1) th, .page.file-archive-border-radius .file-list .table-responsive .table tr:nth-last-child(1) td {
            border-bottom: 0 !important;
        }

@media only screen and (max-width: 991px) {
    .page.file-archive .file-list .table-responsive .table tr th, .page.file-archive .file-list .table-responsive .table tr td {
        padding: 15px 7px;
        font-size: 13px !important;
    }
    .page.file-archive .file-list .table-responsive .table thead tr th {
        font-size: 12px !important;
        line-height: 17px;
        color: #01234a;
        padding: 15px 3px;
    }
    .page.file-archive .file-list .table-responsive .table thead tr th:first-child {
       width:120px;
    }
    .page.file-archive .file-archive-process-container .file-archive-search {
        margin-bottom: 3rem;
    }

    .page.file-archive .file-archive-process-container .file-archive-search {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 55%;
        flex: 0 0 55%;
    }

    .page.file-archive .file-archive-process-container .file-archive-search-result {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
    }
}

@media only screen and (max-width: 767px) {
    .page.file-archive {
        min-height: 240px;
        padding: 50px 0;
    }

        .page.file-archive .file-archive-process-container .file-archive-search {
            margin-bottom: 1rem;
        }

        .page.file-archive .file-archive-process-container .file-archive-search {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
        }

        .page.file-archive .file-archive-process-container .file-archive-search-result {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
        }

        .page.file-archive .file-list .table-responsive .table tr th:nth-child(2), .page.file-archive .file-list .table-responsive .table tr td:nth-child(2) {
            display: none;
        }

        .page.file-archive .file-archive-process-container .file-archive-search-result p {
            text-align: center;
        }
}
.container-urunler{
    padding:0 180px;
}
@media only screen and (max-width:1400px){
    .whatsapp-iletisime-gec a {
        min-width: 410px;
    }
    .container-urunler {
        padding: 0 170px;
    }
}
@media only screen and (max-width:1199px) {
    .whatsapp-iletisime-gec a {
        width: 260px;
        min-width:initial;

    }
    .whatsapp-iletisime-gec .whatsapp-button {
        padding: 0 15px;
        margin-top: 5px;
        margin-left: 0;
         border-left: none;
        font-weight: bold;
        font-size: 17px;
    }
    .container-urunler {
        padding: 0 70px;
    }
    .page.file-archive {
        padding: 70px 0;
    }
}
@media only screen and (max-width:991px){
    .whatsapp-iletisime-gec a {
        width: 260px;
        min-width: initial;
        min-width: 260px;
        padding-bottom: 12px;
    }
    header .header-wrapper .logo a .logo-bg {
        width: auto;
        height: 72px;
    }
    .whatsapp-iletisime-gec .whatsapp-button small {
       display:none;
    }
}
@media only screen and (max-width:767px){
    .container-urunler {
        padding: 0 10px;
    }
    .page.file-archive {
        padding: 70px 0;
    }
    .page-banner h1{
        font-size:20px;
        line-height:25px;
    }
    .whatsapp-iletisime-gec a {
        min-width: 260px;
    }
}
.content-infos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    margin-top: 30px;
}
.content-infos .info-item {
    font-weight: 300;
    font-size: 20px;
    color: #000;
    min-height: 45px;
    border-radius: 100px;
    background: #fff;
    border: 1px solid #707070;
    padding: 14px 35px;
    cursor: pointer;
    display: inline-block;
    white-space: nowrap;
    text-align: center;
}
.content-infos .info-item a{
    color: #000;
}
.file-list h3{
    font-size:24px;
    line-height:28px;
    margin-bottom:25px;
    font-weight:600;
}
@media only screen and (max-width:525px){
    .scroll {
        position: absolute;
        bottom: 20px;
        width: 20%;
        height: 100px;
        text-align: right;
        right: 0;
        z-index: 9;
        font-weight: 500;
        font-size: 19px;
        letter-spacing: -0.02em;
        line-height: 25px;
        color: #c4c4c4;
    }
        .scroll a {
            display: flex;
            align-items: center;
            transform: rotate(-90deg);
            transform-origin: bottom left;
            position: absolute;
            right: -75px;
            bottom: 0;
            color: #ffffff;
        }
}
.lang {
    margin-left: 10px;
    position: relative;
    cursor: pointer;
    border-left: 1px solid #cbcbcb;
    padding-left: 25px;
}
    .lang span {
        font-weight: 500;
        font-size: 16px;
        line-height: 23px;
        color: #000;
        border: 1px solid #919191;
        padding: 7px 5px 5px;
        border-radius: 12px;
    }
    .lang span a{
        color:#2a2a2a;
    }
    .lang ul {
        position: absolute;
        list-style: none;
        background: #2a2a2a;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 20px 35px;
        left: 50%;
        transform: translateX(-36%);
        margin: 0;
        top: 36px;
        gap: 3px;
        opacity: 0;
        visibility: hidden;
        transition: .4s;
    }
.lang:hover ul {
    opacity: 1;
    visibility: visible;
}
.lang ul:before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 7px 10px;
    border-color: transparent transparent #2a2a2a transparent;
}
@media only screen and (max-width:1200px){
    .lang {
        margin-left: 0;
        position: relative;
        cursor: pointer;
        border-right: 1px solid #cbcbcb;
        border-left: none;
        padding-right: 25px;
    }
        .lang ul {
            padding: 20px 25px;
            transform: translateX(-50%);
        }
}
footer {
    display: flex;
    position: relative;
    width: 100%;
    background: #fafafa;
    margin-top: 0;
    overflow-x: clip;
}

    footer .leaf {
        position: absolute;
        right: -190px;
        top: -350px;
        transform: rotate(-50deg);
        pointer-events: none;
    }

    footer .left {
        width: 25%;
        display: flex;
        flex-direction: column;
        border-right: 1px solid #E3E3E3;
    }

        footer .left .logo {
            height: 227px;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            border-bottom: 1px solid #E3E3E3;
        }

            footer .left .logo img {
                height: 80px;
            }

        footer .left .footer-menu {
            display: flex;
            flex-direction: column;
            padding-left: 190px;
            justify-content: center;
            height: 100%;
        }

            footer .left .footer-menu .menu-item {
                display: flex;
                flex-direction: column;
            }

                footer .left .footer-menu .menu-item span {
                    font-weight: bold;
                    font-size: 15px;
                    color: #192955;
                    position: relative;
                    padding-left: 10px;
                    margin-bottom: 15px;
                }

                footer .left .footer-menu .menu-item .link-item {
                    font-weight: normal;
                    font-size: 17px;
                    color: #192955;
                    transition: .4s;
                }

                    footer .left .footer-menu .menu-item .link-item.in-active {
                        opacity: .4;
                    }

    footer .right {
        width: 75%;
        display: flex;
        flex-direction: column;
    }

        footer .right .footer-info {
            display: flex;
            flex-direction: column;
            padding: 22px 160px;
            border-bottom: 1px solid #E3E3E3;
        }

            footer .right .footer-info p {
                font-weight: 600;
                font-size: 45px;
                color: #192955;
                margin-bottom: 45px;
            }

            footer .right .footer-info .social {
                display: flex;
                justify-content: space-between;
            }

                footer .right .footer-info .social .f-contact {
                    display: flex;
                    flex-direction: column;
                    margin-bottom:0;
                    padding-bottom:0;
                }

                    footer .right .footer-info .social .f-contact a {
                        font-weight: 300;
                        font-size: 25px;
                        color: #192955;
                    }

                footer .right .footer-info .social .media {
                    display: flex;
                }

                    footer .right .footer-info .social .media .first {
                        width: 130px;
                        height: 130px;
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        justify-content: center;
                        font-weight: normal;
                        font-size: 15px;
                        color: #000;
                        background: #ffffff;
                        border-radius: 25px;
                        transition: .4s;
                    }

                        footer .right .footer-info .social .media .first svg {
                            fill: none;
                            stroke: #17191c;
                            stroke-linecap: round;
                            stroke-linejoin: round;
                            stroke-width: 1.3px;
                            margin-bottom: 15px;
                        }

                    footer .right .footer-info .social .media .rest {
                        height: 90px;
                        padding: 10px 45px;
                        display: flex;
                        align-items: center;
                        justify-content: revert;
                        background: #ffffff;
                        border-radius: 25px;
                        margin-left: 15px;
                        transition: .4s;
                    }

                        footer .right .footer-info .social .media .rest a {
                        }

                    footer .right .footer-info .social .media .first:hover {
                        background: #f6f4f4;
                    }

                    footer .right .footer-info .social .media .rest:hover {
                        background: #f6f4f4;
                    }

                    footer .right .footer-info .social .media .rest a:hover svg {
                        stroke: #2a2a2a;
                    }

                    footer .right .footer-info .social .media .rest a svg {
                        fill: none;
                        stroke: #000;
                        transition: .4s;
                    }

        footer .right .mid {
            display: flex;
        }

            footer .right .mid .catalog {
                width: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 40px 0;
            }

                footer .right .mid .catalog img {
                    height:60px;
                }

                footer .right .mid .catalog .exp {
                    width: 300px;
                    margin-left: 45px;
                }

                    footer .right .mid .catalog .exp span {
                        font-weight: normal;
                        font-size: 25px;
                        color: #192955;
                        margin-bottom: 0;
                        display: inline-block;
                    }

                    footer .right .mid .catalog .exp p {
                        font-weight: normal;
                        font-size: 15px;
                        color: #192955;
                    }

            footer .right .mid .get-offer {
                width: 40%;
                display: flex;
                align-items: center;
                justify-content: center;
            }

                footer .right .mid .get-offer svg {
                    fill: none;
                    stroke: #192955;
                    stroke-linecap: round;
                    stroke-linejoin: round;
                    stroke-width: 3px;
                    transition: .4s;
                    height:45px;
                }

                footer .right .mid .get-offer span {
                    font-weight: 300;
                    font-size: 25px;
                    color: #192955;
                    margin-left: 35px;
                    transition: .4s;
                }

                footer .right .mid .get-offer:hover svg {
                    stroke: #2a2a2a;
                }

                footer .right .mid .get-offer:hover span {
                    color: #2a2a2a;
                }

        footer .right .bottom {
            justify-content: space-between;
            padding: 40px 160px;
        }

            footer .right .bottom .copyright {
                font-weight: normal;
                font-size: 14px;
                line-height: 20px;
                color: #3e3e3e;
            }

                footer .right .bottom .copyright span {
                    font-weight: 600;
                }

            footer .right .bottom .policys {
            }

                footer .right .bottom .policys .policy-item {
                    font-weight: normal;
                    font-size: 15px;
                    color: #3e3e3e;
                    transition: .4s;
                }

                    footer .right .bottom .policys .policy-item + .policy-item {
                        margin-left: 15px;
                        position: relative;
                    }

                        footer .right .bottom .policys .policy-item + .policy-item:before {
                            content: "/";
                            position: absolute;
                            left: -12px;
                            top: -6px;
                            font-size: 20px;
                            font-weight: 100;
                            color: #3e3e3e;
                        }

                    footer .right .bottom .policys .policy-item:hover {
                        color: #2a2a2a;
                    }

            footer .right .bottom .signature {
            }

                footer .right .bottom .signature img {
                    width: 75px;
                }

    footer .left .footer-menu .menu-item span:before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-55%);
        width: 5px;
        height: 11px;
        background: #2a2a2a;
    }

    footer .left .footer-menu .menu-item .link-item + .link-item {
        margin-top: 10px;
    }

    footer .left .footer-menu .menu-item + .menu-item {
        margin-top: 65px;
    }

    footer .right .footer-info .social .f-contact a + a {
        margin-top: 15px;
    }

    footer .right .footer-info .social .media .rest a + a {
        margin-left: 15px;
    }

@media only screen and (max-width: 1680px) {
    footer .left .footer-menu {
        padding-left: 140px;
    }

    
    footer .right .bottom {
        justify-content: space-between;
        padding: 40px 110px;
    }
    footer .left .logo {
        height: 228px;
    }
    footer .right .footer-info {
        padding: 22px 50px;
    }
}

@media only screen and (max-width: 1440px) {
    footer .leaf {
        width: 440px;
        height: 620px;
        transform: rotate(-60deg);
        top: -270px;
    }

    footer .left .footer-menu {
        padding-left: 110px;
    }

    footer .right .footer-info p {
        font-size: 70px;
        margin-bottom: 80px;
    }

    footer .right .footer-info .social .f-contact a {
        font-size: 24px;
    }

    footer .right .footer-info .social .media .first {
        width: 115px;
        height: 115px;
    }

    footer .right .footer-info .social .media .rest {
        height: 60px;
        margin-top: 15px;
        padding: 10px 35px;
    }

    footer .right .footer-info {
        padding: 35px 80px;
    }

    footer .right .bottom {
        padding: 40px 80px;
    }
}

@media only screen and (max-width: 1200px) {
    footer {
        flex-direction: column;
    }

        footer .left {
            width: 100%;
            justify-content: space-between;
            border: 1px solid #E3E3E3;
            padding-right: 145px;
            align-items: center;
            padding: 0;
        }

            footer .left .logo {
                width: 230px;
                height: 80px;
                border-bottom: 0;
                margin: 40px 0;
            }

            footer .left .footer-menu .menu-item .wrapper {
                display: flex;
            }

            footer .left .footer-menu {
                display: none;
                /*padding: 40px 0;
                border-top: 1px solid #E3E3E3;
                width: 100%;
                padding-left: 45px;*/
            }

                footer .left .footer-menu .menu-item .link-item {
                    background: #F1F1F1;
                    padding: 10px 15px;
                    border-radius: 8px;
                }

                    footer .left .footer-menu .menu-item .link-item + .link-item:before {
                        display: none;
                    }

                footer .left .footer-menu .menu-item + .menu-item {
                    margin-top: 0;
                }


                footer .left .footer-menu .menu-item {
                    margin-top: 0px;
                    flex-direction: column;
                }

                    footer .left .footer-menu .menu-item:first-child {
                        display: none;
                    }

                    footer .left .footer-menu .menu-item span {
                    }

                    footer .left .footer-menu .menu-item .link-item + .link-item {
                        margin-top: 0;
                        margin-left: 5px;
                        position: relative;
                    }

                        footer .left .footer-menu .menu-item .link-item + .link-item:before {
                            content: "/";
                            position: absolute;
                            left: -10px;
                            top: 0;
                            color: #192955;
                            font-size: 15px;
                        }

        footer .leaf {
            width: 370px;
            height: 490px;
        }

        footer .right .footer-info p {
            font-size: 60px;
            margin-bottom: 60px;
        }

    
        footer .right {
            width: 100%;
        }

            footer .right .footer-info {
                padding: 20px 50px;
            }

            footer .right .bottom {
                padding: 40px 50px;
            }
}

@media only screen and (max-width: 1680px) {
    footer .right .footer-info {
        padding: 22px 50px;
    }
}
@media only screen and (max-width:1440px){
    footer .right .footer-info {
        padding: 24px 50px;
    }
}
@media only screen and (max-width:1299px) {
    footer .left .logo {
        height: 229px;
    }
    footer .right .footer-info {
        padding: 26px 50px;
    }
}
@media only screen and (max-width: 900px) {
    footer .leaf {
        width: 270px;
        height: 400px;
        transform: rotate(-60deg);
        right: -90px;
        top: -230px;
    }

    footer .right .footer-info {
        padding: 60px 50px;
    }

        footer .right .footer-info p {
            font-size: 49px;
            margin-bottom: 20px;
        }

        footer .right .footer-info .social {
            flex-direction: column;
        }

           

                footer .right .footer-info .social .f-contact a {
                    font-size: 30px;
                }

                    footer .right .footer-info .social .f-contact a + a {
                        margin-top: 10px;
                    }

            footer .right .footer-info .social .media {
                margin-top: 55px;
                justify-content: center;
            }

                footer .right .footer-info .social .media .rest a + a {
                    margin-left: 30px;
                }

    footer .right .mid {
        flex-direction: column-reverse;
    }

        footer .right .mid .get-offer {
            text-align: center;
            width: 100%;
            padding: 20px 0;
            border-left: 0;
            border-bottom: 1px solid #e3e3e3;
        }

            footer .right .mid .get-offer span {
                font-size: 39px;
            }

            footer .right .mid .get-offer svg {
                width: 34px;
                height: 35px;
            }

        footer .right .mid .catalog {
            width: 100%;
            padding: 60px 0;
        }

            footer .right .mid .catalog img {
                width: 175px;
            }

            footer .right .mid .catalog .exp span {
                font-size: 24px;
            }

            footer .right .mid .catalog .exp p {
                font-size: 14px;
            }

    footer .right .bottom {
        padding: 30px 50px;
    }
}

@media only screen and (max-width: 767px) {
    footer .right .footer-info .social {
        display: inline;
    }

        footer .right .footer-info .social .f-contact {
            display: inline;
            flex-direction: inherit;
            margin-bottom: 0;
            padding-bottom: 0;
            text-align:center;
        }

            footer .right .footer-info .social .f-contact a {
                display: block;
            }
    
    footer .leaf {
        width: 190px;
        height: 230px;
        transform: rotate(-55deg);
        top: -100px;
    }

    footer .left {
        flex-direction: column;
    }

        footer .left .logo img {
            width: 110px;
            height: auto;
        }

        footer .left .logo {
            width: 180px;
            height: 60px;
            margin: 30px 0;
        }

    footer .right .footer-info p {
        font-size: 40px;
    }

    footer .right .footer-info {
        padding: 30px 40px;
    }

        footer .right .footer-info .social .f-contact a {
            font-size: 22px;
        }

            footer .right .footer-info .social .f-contact a + a {
                margin-top: 4px;
            }

        footer .right .footer-info .social .media {
            max-width: 250px;
            margin: 0 auto;
        }
            footer .right .footer-info .social .media .rest a {
                margin-right: 15px;
            }


            footer .right .footer-info .social .media .first {
                width: 100%;
                height: 80px;
                flex-direction: row;
                align-items: center;
            }

                footer .right .footer-info .social .media .first svg {
                    margin-bottom: 0;
                    margin-right: 15px;
                }

            footer .right .footer-info .social .media .rest {
                margin-left: 0;
                margin-top: 10px;
                width: 100%;
                justify-content: space-between;
                padding: 0 25px;
                height: 90px;
            }

                footer .right .footer-info .social .media .rest a + a {
                    margin-left: 0;
                }

    footer .right .mid .get-offer svg {
        width: 28px;
        height: 28px;
    }

    footer .right .mid .get-offer span {
        font-size: 37px;
        margin-left: 25px;
    }

    footer .right .mid .catalog img {
        width: 110px;
    }

    footer .right .mid .catalog {
        padding: 50px 20px;
    }

        footer .right .mid .catalog .exp {
            width: unset;
            margin-left: 15px;
        }

            footer .right .mid .catalog .exp span {
                font-size: 22px;
            }

            footer .right .mid .catalog .exp p {
                font-size: 13px;
            }

    footer .right .mid {
        display: none;
    }

    footer .right .bottom {
        flex-direction: column;
        padding: 25px 20px 20px;
        text-align:center;
    }

        footer .right .bottom .policys {
            padding: 10px 0;
        }

    

    footer .left .footer-menu {
        padding: 30px 0;
    }

        footer .left .footer-menu .menu-item .wrapper {
            overflow-x: auto;
            padding: 0 20px 0 35px;
        }

            footer .left .footer-menu .menu-item .wrapper::-webkit-scrollbar {
                height: 0;
                display: none;
                opacity: 0;
                visibility: hidden;
                -webkit-appearance: none;
            }

        footer .left .footer-menu .menu-item span {
            margin-left: 35px;
        }

    footer .right .bottom .copyright {
        margin-bottom: 10px;
    }
}
.border-shap .border-alt {
    position: absolute;
    left: 0px;
    top: -53px;
    width: 100%;
    height: 63px;
    background-repeat: repeat-x;
    animation: slide 400s linear infinite;
    -webkit-animation: slide 400s linear infinite;
    z-index: 9;
    background-image: url(/assets/images/background/bg-alt.svg);
}
/* Footer */
.urunlerbuttons {
    position: relative;
    text-align: center;
    right: 0;
    left: 0;
    margin: 0 auto;
    margin-top:15px;
}
.urunlerbuttons span.prev {
    transform: rotate(180deg);
    margin-right: 10px;
}
    .urunlerbuttons span {
        transition: all 0.5s ease;
        cursor: pointer;
        border: 1px solid #898989;
        border-radius: 100%;
        display: inline-block;
        width: 42px;
        height: 42px;
        line-height: 42px;
    }
        .urunlerbuttons span.prev svg {
            transform: rotate(0.5turn);
        }
        .urunlerbuttons span svg {
            fill: none;
            stroke: #192955;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-width: 2px;
        }
        @media only screen and (max-width:991px){
            .hizmetlerimiz-section {
                margin-top: 0;
                padding-bottom: 40px;
            }
        }
.kullanim-alanlari-section{
    position:relative;
}
.kullanim-alanlari-item{
    position:relative;
}
.kullanim-alanlari-content {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    background: linear-gradient(180deg, rgba(12, 41, 103, 0) 64.06%, #27272d 100%);
    pointer-events: none;
    height: 100%;
    border-radius:12px;
}
.kullanim-alanlari-content h3{
    color:#ffffff;
    position:absolute;
    bottom:15px;
    text-align:center;
    width:100%;
    font-size:20px;
}
.kullanim-alanlari-item .kullanim-alanlari-image img{
    width:100%;
    border-radius:12px;
}
@media only screen and (max-width:767px){
    .slider-thumb .item .content .number {
        font-size: 15px;
        margin-right: 4px;
    }
}
.borderleft-menu {
    border-left: 1px solid #efefef;
    margin-left: 0;
    padding-left: 25px !important;
    margin-right: 10px !important;
}
.teklifal-btn {
    background: #2a2a2a !important;
    border: #2a2a2a !important;
    padding: 5px 15px 3px !important;
    margin-right: 0;
    border-radius: 7px;
    color: #ffffff !important;
    line-height: inherit !important;
    -ms-transform: translateX(0);
    transform: translateX(0);
    outline: none !important;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.home-title {
    font-weight: bold;
    font-size: 28px;
    line-height: 35px;
    text-align: left;
    color: #2a2a2a;
    margin-bottom: 0;
    display: flex;
}
@media only screen and (max-width:767px){
    .home-title {
        flex-direction: column;
        gap: 13px;
    }
    .home-title {
        font-size: 30px;
        margin-bottom: 35px;
    }
}
.module-category-showcase .contents-holder {
    margin-top: 30px;
}
.contents-holder {
    display: block;
}
.contents.active {
    display: inline-block !important;
    width: 100%;
}
.urunler-button {
    font-weight: normal;
    font-size: 15px;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 37px;
    background: #2a2a2a;
    border: 1px solid #2a2a2a;
    padding: 0 25px;
    border-radius: 40px;
    margin-left: 20px;
    transition: .4s;
}
    .urunler-button svg {
        width: 10px;
        height: 17px;
        stroke: #fff;
        margin-left: 15px;
        transition: .4s;
    }
    .urunler-button:hover {
        background: #fff;
        color: #2a2a2a;
    }
    .urunler-button:hover svg{
        stroke: #2a2a2a;
    }
.product {
     border: 1px solid #e1e1e1;
     border-radius: 5px;
     padding: 10px 0 20px;
     position: relative;
     -webkit-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
     border-radius: 24px;
     display: block;
 }
 .product .placeholder-holder {
     background-size: contain;
     background-position: center;
     background-repeat: no-repeat;
     height: auto;
     transition: .4s;
     max-width: 85%;
 }
.product .urunler-button {
    position: absolute;
    left: 50%;
    transform: translateX(-50%) translateY(10px);
    width: max-content;
    opacity: 0;
    transition: .4s;
    visibility: hidden;
    margin: 0;
    z-index:1;
}

.product:hover .urunler-button {
    opacity: 1;
    transform: translateX(-50%) translateY(0px);
    visibility: visible;
}
.product .image-holder {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product .image-holder .image:nth-child(2) {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.product:hover .image-holder .image:nth-child(2) {
    opacity: 1;
    visibility: visible;
}

 
 .product .content {
     padding: 0 20px;
     margin: 20px 0 0 0;
     display: -moz-flex;
     display: -ms-flex;
     display: -o-flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     height: 55px;
     overflow: hidden
 }
 
 .product .content h4 {
     margin: 0;
     overflow: hidden;
     width: 100%;
     font-weight: 500;
     font-size: 14px;
     line-height: 1.3;
     text-align: center;
     color: #a2a2a2;
 }
 
 .product .content h4 .brand {
     font-weight: 700;
     display: -ms-inline-flexbox;
     display: -webkit-inline-box;
     display: inline-flex
 }
 .product .placeholder-holder img{
     width:100%;
     height:200px;
     object-fit:contain;
 }
 @media screen and (min-width:992px) {
    .product:hover {
        box-shadow: 0 0 20px -10px #00000054;
        border-color: #2a2a2a8c;
    }
     .product .hover {
         position: absolute;
         top: 0;
         left: 0;
         border-radius: 5px;
         width: 100%;
         height: 100%;
     }
     .product .hover .button {
         position: absolute;
         bottom: 0;
         width: 100%;
         text-align: center;
         transform: translateY(100%);
         -webkit-transform: translateY(100%);
         -moz-transform: translateY(100%);
         -o-transform: translateY(100%);
         -ms-transform: translateY(100%);
         -webkit-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
         transition: all .3s ease-in-out
     }
     .product:hover .hover .button {
         bottom: 50%;
         transform: translateY(50%);
         -webkit-transform: translateY(50%);
         -moz-transform: translateY(50%);
         -o-transform: translateY(50%);
         -ms-transform: translateY(50%)
     }
 }
.productpage-width-size {
    width: 20%;
    padding: 7px
}
.product-width-size {
    width: 16.66%;
    padding:7px
}
@media only screen and (max-width:1299px){
    .product-width-size {
        width: 25%;
        padding: 7px;
    }
}
@media only screen and (max-width:991px) {
    .product-width-size {
        width: 33.33%;
        padding: 7px;
    }
    .home-title {
        font-weight: bold;
        font-size: 25px;
        line-height: 35px;
        text-align: center;
        color: #212121;
        margin-bottom: 50px;
    }
}
@media only screen and (max-width:575px) {
    .product-width-size {
        width: 50%;
        padding: 3px;
    }
}
.references {
    display: flex;
    flex-wrap: wrap;
    row-gap: 30px;
    border-top: 1px solid #0000000d;
    padding-top: 40px;
    padding-bottom:70px;
}
.references-slide-holder {
    position: relative;
}
.module-references-slide-control {
     position: absolute;
     top: 50%;
     width: 100%;
     -webkit-transform: translate(0, -50%);
     -ms-transform: translate(0, -50%);
     transform: translate(0, -50%)
 }
 
 .module-references-slide-control a {
     pointer-events: painted;
     width: 50px;
     font-size: 35px;
     color: #bbb;
     height: 100%;
     text-align: center
 }
 
 .module-references-slide-control a:hover {
     color: #2a2a2a
 }
 
 .references-slide-holder {
     position: relative
 }

.module.module-references {
    position: relative;
    margin:70px 0 150px;

}
.module.module-references .swip-buttons {
    position: absolute;
    bottom: -110px;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: space-between;
}

.module.module-references .swip-buttons .prev {
    transform: rotate(-180deg);
}

.module.module-references .swip-buttons .prev svg,
.module.module-references .swip-buttons .next svg {
    stroke: #c2c2c2;
    transition: .4s;
}

.module.module-references .swip-buttons .prev:hover svg,
.module.module-references .swip-buttons .next:hover svg {
    stroke: #fff;
}

.module.module-references .swip-buttons .prev,
.module.module-references .swip-buttons .next {
    width: 50px;
    height: 50px;
    border: 1px solid #f8f8f8;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background: #fff;
    cursor: pointer;
    transition: .4s;
    margin:0 10px;
}

.module.module-references .swip-buttons .prev:hover,
.module.module-references .swip-buttons .next:hover {
    background: #2a2a2a;
}

 .references-slide-holder .reference-item {
    border: 1px solid #e1e1e1a6;
    border-radius: 25px;
    background: none;
}

.references-slide-holder .reference-item:hover {
    border-color: #2a2a2a;
}
.references-page {
     padding: 50px 0
 }
 
 .references>div:nth-child(6n) {
     /* margin-bottom: 30px; */
 }
 
 .references>div:last-child {
     margin-bottom: 0!important
 }
 
 .reference-item {
     border: none;
     padding: 10px 0;
     position: relative;
     -webkit-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
     border-radius: 24px;
     background: #ffffff;
     border: 1px solid #f1f1f196;
 }
 
 .reference-item .image {
     height: 110px;
     display: -moz-flex;
     display: -ms-flex;
     display: -o-flex;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     max-width: 90%;
     margin: 0 auto
 }
 .reference-item .image img{
     height:75px;
     width:100%;
     object-fit:contain;
 }
 .reference-item:hover {
     border-color: #2a2a2a;
     /* box-shadow: 0 0 30px -15px #00000054; */
 }
 
 .reference-item:after,
 .reference-item:before {
     /* content: ''; */
     width: 100%;
     height: 100%;
     z-index: 3;
     position: absolute;
     top: 0;
     left: 0;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-transform: scale(0);
     -moz-transform: scale(0);
     -o-transform: scale(0);
     -ms--transform: scale(0);
     -webkit-transition: .5s;
     -o-transition: .5s;
     transition: .5s
 }
 
 .reference-item:before {
     border-bottom: 1px solid #2a2a2a;
     border-left: 1px solid #2a2a2a;
     -webkit-transform-origin: 0 100%;
     -moz-transform-origin: 0 100%;
     -o-transform-origin: 0 100%;
     -ms-transform-origin: 0 100%
 }
 
 .reference-item:after {
     border-top: 1px solid #2a2a2a;
     border-right: 1px solid #2a2a2a;
     -webkit-transform-origin: 100% 0;
     -moz-transform-origin: 100% 0;
     -o-transform-origin: 100% 0;
     -ms-transform-origin: 100% 0
 }
 
 .reference-item:hover::after,
 .reference-item:hover::before {
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     -o-transform: scale(1);
     -ms-transform: scale(1)
 }
 
 @media screen and (max-width:1199px) {
     .references>div:nth-child(6n) {
         margin-bottom: 0
     }
     .references>div:nth-child(4n) {
         margin-bottom: 30px
     }
 }
 
 @media screen and (max-width:991px) {
     .references>div:nth-child(3n) {
         margin-bottom: 0
     }
     .references>div:nth-child(2n) {
         margin-bottom: 30px
     }
 }
 
 @media screen and (max-width:500px) {
     .references>div {
         width: 100%;
         margin-bottom: 30px
     }
     .references>div:nth-child(3n) {
         margin-bottom: 30px
     }
 }
.page-title {
    padding: 25px 0 5px;
}
.page-title .col-flex {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.col-flex {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.page-title .title-first {
    display: flex;
    flex-direction: column-reverse;
}
.page-title .title-first h1 {
    margin: 0;
    font-weight: bold;
    font-size: 32px;
    text-align: left;
    color: #515151;
}
.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
}
.breadcrumb {
    background: 0 0;
    margin: 5px 0 0 0;
    padding: 0;
}

.breadcrumb>li {
    display: inline-block;
}
.breadcrumb li a {
    padding: 5px 0;
    position: relative;
    font-weight: normal;
    font-size: 12px;
    text-align: left;
    color: #515151;
}
.breadcrumb li a:before {
    content: '';
    position: absolute;
    left: 50%;
    width: 0;
    bottom: 0;
    height: 1px;
    background: #000;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.breadcrumb li.active {
    color: #515151;
    font-size: 12px;
    font-weight: 700;
}
    .breadcrumb > .active {
        color: #777;
    }
    .breadcrumb > li + li:before {
        padding: 0 5px;
        color: #ccc;
        content: "/\00a0";
    }
    .breadcrumb > li + li:before {
        content: ">";
        font-size: 12px;
        color: #515151;
        margin-right: 12px;
        font-weight: 700;
    }

@media screen and (max-width: 1200px) {
    .ekibimiz-box .ekibimiz-img img {
        width: 175px;
        height: 175px
    }

    .blog-detail .blog-detail-wrapper {
        padding: 15px 0 0
    }
    .blog-detail {
        padding-top: 25px;
    }

        .blog-detail .blog-detail-wrapper .blog-content-area .blog-content .content img {
            border-radius: 20px;
            width:100%;
        }

        .blog-detail .blog-detail-wrapper .blog-content-area .blog-content {
            padding: 0 60px 100px;
            max-width:100%;
        }

            .blog-detail .blog-detail-wrapper .blog-content-area .blog-content .date {
                margin-bottom: 30px
            }

            .blog-detail .blog-detail-wrapper .blog-content-area .blog-content .title h1 {
                font-size: 32px
            }

    .banner-wrapper {
        padding: 0 20px
    }

    .page-banner h1 {
        font-size: 30px;
        line-height: 37px
    }

    .blog-page-list .blog-page-wrapper .blog-list-wrapper .item .blog-item .img, .blog-page-list .blog-page-wrapper .blog-list-wrapper .item .blog-item .img a img {
        width: 100%
    }

    .blog-page-list .blog-page-wrapper .blog-list {
        padding-right: 60px
    }

    .blog-page-list .blog-page-wrapper .blog-list-wrapper .item .blog-item {
        flex-wrap: wrap
    }

        .blog-page-list .blog-page-wrapper .blog-list-wrapper .item .blog-item .blog-content {
            padding: 30px 15px 0
        }
}
.list-categories .urunler-list ul{
    margin-left:0;
    padding-left:0;
}
.list-categories .urunler-list ul li a{
    font-size:17px;
    line-height:17px;
    margin-bottom:0;
}
.online-katalog-list{
    width:100%;
}
.products-details-tab-content {
    margin-bottom: 55px;
    border-top: 1px solid #f3f3f3;
    padding-top: 43px;
}
.products-details-tab-content div{
    font-size:17px;
    line-height:23px;
    margin-bottom:15px;
}
.slider-tekbanner .slide-img img{
    width:100%;
    height:auto;
}
.sayfa-icerik .sayfa-detay table td{
    height: auto !important;
    width: auto !important;
    text-align:left !important;
}
.sayfa-icerik .sayfa-detay table tr:nth-child(2n+1) {
    background-color: #f6f7fb !important;
}
.sayfa-icerik .sayfa-detay table tr:first-child td{
    text-align:left !important;
}
.hizmetler-galeri {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 50px 0;
    border-top: 1px solid #0000000d;
    padding-top: 45px;
    margin-top: 55px;
}
.hizmetler-galeri .galeri-item{
    border: 1px solid #e1e1e1a6;
    border-radius: 25px;
    background: none;
    width:25%;
    float:left;
    margin:0 15px;
}
.hizmetler-galeri .galeri-item div.galeri-text{
    font-size:16px;
    text-align:center;
    width:100%;
    padding-bottom:7px;
}
.hizmetler-galeri .galeri-item img{
    width:100%;
    padding:15px;
    height:350px;
    object-fit:contain;
}
.background-table {
    background-color: #f9f9f9;
}
.hizmet-files{
    padding:20px 0 10px;
}
.hizmet-files .file-list{
    justify-content:inherit;
}
.hizmet-files .icerik-title h2{
    margin: 0;
    font-weight: bold;
    font-size: 32px;
    text-align: left;
    color: #2a2a2a;
    border-top: 1px solid #0000000d;
    padding-top:15px;
    padding-bottom:20px;
}
.urun-ozellikleri ul{
    margin-bottom:0;
}
.background-f7{
    background-color:#f7f7f7;
}
.sayfa-icerik .sayfa-detay div.image-first img{
    width:100%;
    margin-bottom:35px;
}
@media only screen and (max-width:1366px){
    .hizmetler-galeri .galeri-item {
        width: 33.33%;
    }
}
@media only screen and (max-width:991px) {
    .hizmetler-galeri .galeri-item {
        width: 50%;
    }
}
@media only screen and (max-width:575px) {
    .hizmetler-galeri .galeri-item {
        width: 100%;
    }
}
.liste-slider .listeler_slider_item svg,.listeler .listeler__item svg {
    width: 45px;
    height: 45px;
    margin: 0;
    padding-left: 0
}

.liste-slider .listeler_slider_item:hover svg,.listeler .listeler__item:hover svg {
    fill: #fff
}

.liste-slider .listeler_slider_item a, .listeler .listeler__item a {
    font-weight: 600;
    font-size: .8125rem;
    line-height: 1.25rem;
    display: block;
    color: #2a2a2a;
    padding-top: 1rem
}

.ekibimiz-box .ekibimiz-img img,.persons-card .image img {
    object-position: top center;
    box-shadow: 0 0 4px rgb(0 53 107 / 28%);
    padding: 2px;
    object-fit: cover
}

.liste-slider .listeler_slider_item div.listeler__footer,.listeler .listeler__item div.listeler__footer {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-end
}

.liste-slider .listeler_slider_item:hover,.listeler .listeler__item:hover,.persons-card:hover {
    background-color: #2a2a2a
}

.liste-slider .listeler_slider_item:hover a,.liste-slider .listeler_slider_item:hover a:not(.label),.liste-slider .listeler_slider_item:hover p,.listeler .listeler__item:hover a,.listeler .listeler__item:hover a:not(.label),.listeler .listeler__item:hover p,.persons-card:hover span.attribute,.persons-card:hover span.name {
    color: #fff
}

.ekibimiz-slider,.liste-slider {
    display: flex;
    flex-flow: row wrap;
    margin-top: 30px;
    padding-bottom: 70px
}

.listeler_slider_item {
    padding: 1.5rem;
    background-color: #f7f7f7;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    border-radius: 12px;
    -o-border-radius: 12px;
    background-clip: padding-box;
    flex-flow: column wrap;
    justify-content: space-between
}
@media only screen and (max-width: 1345px) {
    .liste-slider .listeler_slider_item a.hizmet-title {
        font-size: 1.05rem;
        line-height: 1.55rem;
        display: block;
        color: #2a2a2a;
        padding-top: 1rem
    }
}

@media only screen and (max-width: 1299px) {
    .liste-slider .listeler_slider_item a.hizmet-title {
        font-size: 1rem;
        line-height: 1.25rem
    }
}

@media only screen and (max-width: 1100px) {
    .listeler__item {
        width: calc(33.333% - calc(1*var(--gap)))
    }
}

@media only screen and (max-width:767px){
    .liste-slider .swiper-container .swiper-slide {
        align-items: center;
        justify-content: center;
        height: auto
    }

    .liste-slider .swiper-container {
        width: 97%
    }

    .liste-slider .listeler_slider_item a.hizmet-title {
        font-size: 1.05rem;
        line-height: 1.35rem;
        height: 55px
    }
}
.product-detail .detail-wrapper {
  margin: 0 0 5px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 70px;
  /*-webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;*/
  align-items: center;
  background: white;
  padding: 50px 0 10px 0;
  border-radius: 38px;
  z-index: 4;
  position: relative;
}

.product-detail .product-d-tab .features .feature span:nth-child(2) svg path {
  stroke: #5cb2c0;
}

.product-detail .product-d-tab .features .feature + .feature {
  margin-top: 15px;
}

.product-detail .detail-wrapper .product-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.product-detail .detail-wrapper .product-content .statu {
  width: 120px;
  height: 50px;
  border-radius: 18px;
  background: #c00d0d;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  color: #fff;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.product-detail .detail-wrapper .product-content .code {
  font-family: Volte !important;
  font-weight: normal;
  font-size: 25px;
  color: #32a6c1;
  margin-bottom: 15px;
}

.product-detail .detail-wrapper .product-content .name {
  font-weight: 300;
  font-size: 40px;
  color: #000;
  max-width: 410px;
  margin-bottom: 58px;
}

.product-detail .detail-wrapper .product-content .c-title {
  font-weight: 500;
  text-decoration: underline;
  font-size: 20px;
  color: #32a6c1;
  margin-bottom: 40px;
}

.product-detail .product-d-tab .features {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.product-detail .product-d-tab .features .feature {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  align-items: center;
}

.product-detail .product-d-tab .features .feature span:nth-child(1) {
  width: 120px;
  color: #32a6c1;
  text-align: left;
}

.product-detail .product-d-tab .features .feature span:nth-child(2) {
  /* margin-right: 30px; */
  color: #32a6c1;
}

.product-detail .product-d-tab .features .feature span:nth-child(3) {
  color: #727272;
}

.product-detail .detail-wrapper .product-content .content {
  font-weight: normal;
  font-size: 18px;
  max-width: 100%;
  margin-bottom: 0;
}

.product-detail .detail-wrapper .product-content .more-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 30px;
}

.product-detail .detail-wrapper .product-content .more-info a {
  font-weight: normal;
  font-size: 25px;
  color: #32a6c1;
}

.product-detail .detail-wrapper .product-slider {
  border: 1px solid rgba(176, 220, 229, 45);
  padding: 30px 25px;
  position: relative;
  border-radius: 50px;
}

.product-detail .detail-wrapper .product-slider .social-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 23px;
  position: absolute;
  top: 10%;
  left: 5%;
}

.product-slider .swiper {
  width: 100%;
  height: 100%;
}

.product-slider .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.product-slider .swiper {
  width: 600px;
  height: 500px;
}

.product-slider .swiper-slide {
  background-size: cover;
  background-position: center;
}

.product-slider .detail-swiper {
  width: 350px;
  height: auto;
  min-height: 400px;
}

.product-slider .detail-swiper .swiper-slide .img-wrap {
  width: 350px;
  height: 350px;
}

.product-slider .detail-swiper .swiper-slide .img-wrap img {
  -o-object-fit: contain;
  object-fit: contain;
  height: 100%;
  width: 100%;
}

.product-slider .product-thumb {
  height: 20%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 0;
}

.product-slider .product-thumb.center-item .swiper-wrapper {
  justify-content: center;
}

.product-slider .product-thumb .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 0.4;
  -webkit-filter: drop-shadow(0px 0px 6px rgba(176, 220, 229, 0.45));
  filter: drop-shadow(0px 0px 6px rgba(176, 220, 229, 0.45));
}

.product-slider .product-thumb .swiper-slide .img-wrap {
  width: 70px;
  height: 70px;
  margin: 0 auto;
  cursor: pointer;
}

.product-slider .product-thumb .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  border: 1px solid rgba(176, 220, 229, 45);
  border-radius: 50%;
  padding: 18px;
}

.product-slider .product-thumb .swiper-slide-thumb-active {
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  opacity: 1;
  position: relative;
}

.product-slider .product-thumb .swiper-slide-thumb-active::after {
  /* content: ""; */
  position: absolute;
  width: 60%;
  height: 2px;
  background: #32a6c1;
  bottom: -14%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.product-slider .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.product-detail .tab {
  width: 1020px;
  margin: 0 auto;
}

.product-detail .tab-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 60px;
}

.product-detail .link-item {
  margin: 0 35px;
  cursor: pointer;
  font-weight: normal;
  font-size: 25px;
  color: #32a6c1;
  opacity: 0.5;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  padding-bottom: 15px;
}

.product-detail .link-item.active {
  opacity: 1;
  border-bottom: 1px solid #32a6c1;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.product-detail .tab-contents {
  width: 100%;
  margin-bottom: 25px;
}

.product-detail .content-item {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  /* height: 100%; */
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  font-weight: 300;
  font-size: 20px;
  color: #4e4e4e8c;
  text-align: center;
  line-height: 30px;
}

.product-detail .content-item.active {
  opacity: 1;
  visibility: visible;
}

.product-detail .sug-pro {
  margin: 0 214px 150px 214px;
}

.product-detail .sug-pro .sug-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 70px;
}

.product-detail .sug-pro .sug-top .choosen-pag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 30px;
}

.product-detail .sug-pro .sug-top p {
  margin: 0;
    font-weight: bold;
    font-size: 32px;
    text-align: left;
    color: #2a2a2a;
    padding-top: 35px;
    padding-bottom: 35px;
}

.product-detail .sug-pro .sug-top svg {
  cursor: pointer;
}

@media only screen and (max-width: 1780px) {
    .product-slider .detail-swiper {
        width: 500px;
        height: auto;
        min-height: 400px;
    }

        .product-slider .detail-swiper .swiper-slide .img-wrap {
            width: 500px;
            height: 350px;
        }
    .product-slider .swiper {
        width: 500px;
        height: auto;
    }
  .product-detail .detail-wrapper {
    margin: 0 0 0 0;
  }

  .product-detail .detail-wrapper .product-slider {
    padding: 45px 25px;
  }
}

@media only screen and (max-width: 1536px) {
    .product-slider .detail-swiper {
        width: 450px;
        height: auto;
        min-height: 400px;
    }

        .product-slider .detail-swiper .swiper-slide .img-wrap {
            width: 450px;
            height: 350px;
        }

    .product-slider .swiper {
        width: 450px;
        height: auto;
    }
  .product-detail .detail-wrapper .product-slider {
    padding: 20px 30px;
  }
}

@media only screen and (max-width: 1440px) {
  .product-detail .detail-wrapper .product-content .name {
    font-size: 42px;
  }
    .product-slider .detail-swiper {
        width: 410px;
        height: auto;
        min-height: 285px;
    }

        .product-slider .detail-swiper .swiper-slide .img-wrap {
            width: 410px;
            height: 270px;
        }

    .product-slider .swiper {
        width: 410px;
        height: auto;
    }
}

@media only screen and (max-width: 1366px) {
  .product-detail .detail-wrapper {
    margin: 0 0 5px 0;
  }

  .product-detail .tab {
    width: 890px;
    margin: 0 auto 100px;
  }
}

@media only screen and (max-width: 1024px) {
  .product-detail .detail-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .product-detail .detail-wrapper .product-content .name {
    max-width: unset;
  }

  .product-detail .sug-pro {
    margin: 0 95px 150px 95px;
  }

  .product-detail .detail-wrapper {
    margin: 0 80px 0 80px;
    background: no-repeat;
  }

  .product-detail .tab-contents {
    height: 25vh;
  }
}

@media only screen and (max-width: 900px) {
  .product-detail .detail-wrapper .product-slider {
    padding: 55px 50px;
    background: #fff;
  }

  .product-detail .detail-wrapper .product-slider .social-media {
    top: 5%;
  }

  .product-detail .tab {
    width: 570px;
  }

  .product-detail .tab-links {
    margin-bottom: 30px;
  }

  .product-detail .tab-contents {
    height: 40vh;
  }

  .product-detail .sug-pro .sug-top p {
    font-size: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .product-detail .detail-wrapper {
    margin: 0;
    padding: 50px 0 10px;
    gap: 20px;
    transform: translate(0px, 0px);
  }
  .product-detail .product-d-tab .features .feature span:nth-child(3) {
    text-align: left;
    width: 100%;
  }
  .product-detail .detail-wrapper .product-content .statu {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 7px 25px;
    margin-bottom: 20px;
    font-size: 13px;
    height: auto;
  }
  .product-detail .sug-pro .sug-top {
    margin: 0 25px 30px;
  }
  .product-detail .detail-wrapper .product-slider .social-media {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
  }
  .product-slider .swiper {
    width: 270px;
    min-height: initial;
    height: 260px;
  }

  .product-slider .product-thumb {
    height: 120px;
    width: 200px;
  }

  .product-slider .detail-swiper .swiper-slide .img-wrap {
    width: 270px;
    height: auto;
  }

  .product-detail .detail-wrapper .product-content .name {
    font-size: 30px;
    margin-bottom: 25px;
  }

  .product-detail .tab {
    width: 350px;
    margin-top: 0;
    margin-bottom: 0;
  }

  .product-detail .tab-contents {
    height: 75vh;
    margin-bottom: 70px;
  }

  .product-detail .detail-wrapper .product-content .code {
    line-height: normal;
    margin-bottom: 10px;
    font-size: 22px;
  }

  .product-detail .detail-wrapper .product-content .c-title {
    margin-bottom: 12px;
  }

  .product-detail .detail-wrapper .product-content .content {
    margin-bottom: 40px;
    color: #4e4e4e8c;
    font-weight: 300;
    line-height: 1.5;
  }

  .choosen-slider .swiper-slide .slide-img {
    margin-bottom: 10px;
    min-height: 110px;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .product-detail .sug-pro .sug-top svg {
    width: auto;
    height: 14px;
  }

  .product-detail .detail-wrapper .product-content .more-info {
    gap: 12px;
  }

  .product-detail .content-item {
    font-size: 15px;
    line-height: 1.5;
    padding: 0 20px;
  }

  .product-detail .link-item {
    font-size: 18px;
    margin: 0 12px;
    flex: 1;
    text-align: center;
    padding-bottom: 10px;
  }

  .product-detail .sug-pro {
    margin: 0 0 100px;
    overflow: hidden;
  }

  .product-detail .sug-pro .sug-top p {
    font-size: 20px;
  }

  .product-detail .detail-wrapper .product-slider {
    padding: 10px 30px;
    border: 0;
  }

  .page-title {
    height: max-content;
    padding: 20px 0 20px;
  }

  .product-slider .product-thumb .swiper-slide .img-wrap {
    width: 80px;
    height: 80px;
  }

  .product-detail .content-item .features-wrapper {
    width: 100%;
  }

  .product-detail .product-d-tab .features .feature + .feature {
    margin-top: 0;
  }
}
.title-background {
    background-color: #2a2a2a;
    padding-bottom:50px;
}
.title-background h1{
    color:#fff !important;
}
.title-background .breadcrumb li.active{
    color:#fff !important;
}
.title-background .breadcrumb li a{
    color: #fff;
}
.title-background .breadcrumb li a:before{
    background: #ffffff !important;
}
    .title-background .breadcrumb > li + li:before {
        color: #ffffff !important;
    }
.urunler-slide .swiper-slide{
    padding-bottom:35px;
}
@media only screen and (max-width:1366px){
    .sayfa-icerik .sayfa-detay .max-width70 {
        max-width: 90%;
        margin-bottom: 100px;
    }
}
@media only screen and (max-width:1199px) {
    .sayfa-icerik .sayfa-detay .max-width70 {
        max-width: 100%;
        margin-bottom: 100px;
    }
}
@media only screen and (min-width:768px){
    .slider-tekbanner .mobil-slider{
        display:none;
    }
}
@media only screen and (max-width:767px) {
    .slider-tekbanner .mobil-slider {
        display: inherit;

    }
    .slider-tekbanner .slide-img img {
        width: 100%;
        height: 355px;
        object-fit: cover;
    }
    .slider-tekbanner .desktop-slider {
        display: none;
    }
    header .header-wrapper {
        height: 95px;
        padding: 0 15px !important;
    }
}
@media only screen and (max-width:475px){
    .slider-tekbanner .slide-img img {
        width: 100%;
        height: 225px;
        object-fit: cover;
    }
}
.iletisim-baslik{
    width:100%;
}
.iletisim-baslik h3{
    font-weight: 700;
    color: #2a2a2a;
    font-size:25px;
    line-height:33px;
}
.product-content .sayfa-detay{
    margin-top:0;
}
.product-content .sayfa-detay h2{
    margin-top: 0;
}
.product-content{
    padding-top:0;
    margin-top:0;
}
.blog-section {
    padding: 70px 0 40px;
}

.post {
    border-radius: 7px;
    box-shadow: 0 0 30px 0 rgba(18, 25, 33, 0.15);
    transition: all .3s ease;
    margin-bottom: 10px;
    position: relative;
}

.curriculum-event {
    border-radius: 0;
    border-bottom: 0 solid #2a2a2a;
    overflow: hidden;
}

.curriculum-event-thumb {
    position: relative;
}

    .curriculum-event-thumb img {
        display: block;
        width: 100%;
        height: 205px;
        object-fit: contain;
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
    }
    .galatamedical_paginations{
        margin-top:35px;
    }
.icon-text-item svg {
    margin-right: 15px;
    font-size: 26px;
    height: 26px;
    width: 26px;
    margin-top: -4px;
}

.curriculum-event-thumb .category-link {
    font-weight: 700;
    font-size: 14px;
    background-color: #2a2a2a;
    position: absolute;
    top: 0%;
    left: 0%;
    z-index: 1;
    border: 0px solid #fff;
    border-radius: 20px 0px 20px 0px;
    padding: 3px 12px;
    color: #fff;
    box-shadow: 0 0 20px 2px rgba(18, 25, 33, 0.2);
    margin: 0;
    line-height: 1.4;
}

.curriculum-event-thumb .curriculum-event-content {
    position: absolute;
    bottom: 40px;
    left: 40px;
    right: 40px;
    z-index: 1;
    transition: all .3s ease;
    padding: 0;
}

.post .overlay-standard {
    opacity: 0;
}

.overlay--black {
    background-color: rgba(0, 0, 0, 0.1);
}

.overlay-standard, .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(18, 25, 33, 0.4);
    transition: all .4s ease;
}

.curriculum-event-thumb {
    position: relative;
}

.curriculum-event-content {
    padding: 30px 22px 12px;
}

.curriculum-event .icon-text-item {
    color: #626262;
    margin-bottom: 15px;
    margin-left: 5px;
}

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

.icon-text-item .text {
    font-weight: 500;
    margin-bottom: 0;
}

.curriculum-event .icon-text-item svg {
    fill: #999999;
}

.curriculum-event-content .title {
    line-height: 1.3;
    display: block;
    min-height: 71px;
    font-size: 18px;
    letter-spacing: .2px;
    font-weight: 700;
}

.curriculum-event-content .title {
    line-height: 1.3;
    display: block;
    min-height: 50px;
    font-size: 14px;
    letter-spacing: .2px;
    font-weight: 500;
    color:#525252;
}

.pageBlogPage {
    min-height: 93px;
    padding-top: 75px;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #23262c;
}

.commonSection {
    padding: 60px 0;
    position: relative;
}

.blog_thumb, .mfp-figure figure, body, html, ul li {
    margin: 0
}

.blog_details, .blog_headings {
    margin: 0;
    background: #fff;
    z-index: 3;
    padding: 30px;
    position: relative
}

.blog_thumb img {
    width: 100%;
    border-radius: 12px 12px 0 0;
    height: auto;
}

.blog_headings span.blog_date {
    font-size: 10px;
    line-height: .8;
    letter-spacing: 1px;
    font-weight: 700;
    display: block;
    height: 31px;
    width: 65px;
    background: #82be57;
    color: #fff;
    padding: 11px 0;
    text-align: center;
    margin: 0 0 20px
}

.blog_headings h2 {
    font-size: 30px;
    font-weight: 600;
    color: #000;
    line-height: 40px;
    letter-spacing: 1.6px;
    margin: 0 0 7px
}

.blog_headings .blog_metas {
    font-size: 12px;
    line-height: 30px;
    letter-spacing: 1.2px;
    color: #818181;
    margin: 0
}

.blog_headings .blog_metas a {
    display: inline-block;
    color: #818181;
    margin: 0 10px
}

.blog_headings .blog_metas a:first-of-type {
    margin-left: 0
}

.blog_details {
    box-shadow: 0 3px 25px 0 rgb(69 81 128 / 16%);
}

.blog_details h2 {
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
    margin: 20px 0;
}

.blog_details h3 {
    width: 100%;
    font-size: 25px;
    line-height: 35px;
    font-weight: 700;
    margin: 20px 0;
}

.blog_details h4 {
    width: 100%;
    font-size: 22px;
    line-height: 27px;
    font-weight: 700;
    margin: 20px 0;
}

.blog_details h5 {
    width: 100%;
    font-size: 19px;
    line-height: 25px;
    font-weight: 700;
    margin: 20px 0;
}

.blog_details p {
    line-height: 24px;
    margin: 0 0 15px;
    font-size: 18px;
    color: #565656
}

.blog_details a {
    color: #6bbd30
}

.blog_details a:focus {
    color: #565656
}

.blog_tagitems a, .blog_tagitems span {
    line-height: 30px;
    display: inline-block
}

.blog_tagitems {
    position: relative;
    border-top: 1px solid #e7e7e7;
    padding: 34px 0 35px
}

.blog_tagitems span {
    font-size: 20px;
    color: #000;
    letter-spacing: .8px;
    margin-right: 3px
}

.blog_tagitems a {
    color: #818181;
    font-size: 16px
}

.post_author {
    position: relative;
    background: #f4f4f4;
    padding: 57px 70px 60px 270px;
    margin-bottom: 60px
}

.post_author img {
    width: 170px;
    height: 190px;
    position: absolute;
    left: 60px;
    top: 0;
    bottom: 0;
    margin: auto 0
}

.post_author h3 {
    font-size: 20px;
    line-height: .8;
    color: #000;
    letter-spacing: .8px;
    margin: 0 0 39px
}

.post_author p {
    line-height: 30px;
    margin: 0 0 16px
}

.post_author > a {
    color: #82be57;
    line-height: .8;
    display: inline-block;
    position: relative;
    letter-spacing: 1.2px;
    font-size: 12px
}

.post_author > a:after {
    width: 100%;
    height: 1px;
    content: '';
    background: #82be57;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -5px;
    -webkit-transition: .4s ease-out;
    transition: .4s ease-out
}

.sidebar .widget {
    position: relative;
    margin-bottom: 30px
}

.noPadding, .sidebar .widget.search-widget, body, html, ul li {
    padding: 0
}
.blog-content{
    max-width:80%;
}
.galatamedical_paginations a, .galatamedical_paginations span {
    position: relative;
    display: inline-block;
    height: 46px;
    width: 45px;
    background: #f4f4f4;
    color: #818181;
    font-size: 14px;
    letter-spacing: .56px;
    text-align: center;
    padding: 17px 0;
    line-height: .8;
    margin: 0 3px;
    -webkit-transition: .4s ease-out;
    transition: .4s ease-out;
    border-radius: 50%;
}

.galatamedical_paginations a.prev:after {
    right: auto;
    left: 0
}

.galatamedical_paginations a:hover:after, .galatamedical_paginations span.current:after {
    height: 100%;
    visibility: visible;
    opacity: 1
}

.galatamedical_paginations a:hover, .galatamedical_paginations span.current {
    color: #fff;
    background: #2a2a2a;
}
header .header-wrapper{
    padding:0 45px;
}
header .header-wrapper .main-menu .menu ul li .submenu li a{
    margin-left:0;
}

@media only screen and (max-width:1550px) {
    header .header-wrapper .main-menu.fr .menu ul li a {
        font-size: 15px;
        margin:0 7px;
    }
    header .header-wrapper .main-menu.en .menu ul li a {
        font-size: 15px;
        margin: 0 10px;
    }
   
    
}
@media only screen and (max-width:1450px) {
    /*header .header-wrapper .main-menu.fr .menu ul li a {
        font-size: 14px;
        margin: 0 7px;
    }*/
    header .header-wrapper .main-menu.tr .menu ul li a {
        font-size: 15px;
        margin: 0 8px;
    }
   
}
@media only screen and (max-width:1300px) {
    header .header-wrapper .main-menu.fr .menu ul li a {
        font-size: 13px;
        margin: 0 7px;
    }
    header .header-wrapper .main-menu.en .menu ul li a {
        font-size: 13.5px;
        margin: 0 10px;
    }
    header .header-wrapper .main-menu.tr .menu ul li a {
        font-size: 14.5px;
        margin: 0 10px;
    }
}
@media only screen and (max-width:991px){
    .title-background {
        background-color: #2a2a2a;
        padding-bottom: 30px;
        padding-top:0;
    }
}
.kurumsal-materyaller-section{
    padding:50px 0;
}
.kurumsal-materyaller {
    height: 270px;
    border: .5px solid rgba(34,52,69,.1);
    padding: 32px;
    align-items: center;
    border-radius: 3px;
    text-align:center;
    flex-direction: column;
    justify-content: space-between;

}

.kurumsal-materyaller-list {
    width: 100%;
    text-align:center;
}

.materyaller-link div {
    padding: 12px
}

.materyaller-link a {
    width: 67px;
    padding:10px 15px;
    border-radius: 3px;
    background-color: #e8eaec;
    justify-content: center;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 2.57;
    color: #223445
}

.materyaller-link {
    margin: 0 auto;
}
.kurumsal-materyaller img{
    width:70%;
    padding:15px;
}
.padding-materyaller{
    padding-bottom:30px;
}
@media only screen and (max-width:767px){
    .product .content h4 {
        font-size: 13px;
        line-height:16px;
    }
    .iletisim-baslik {
        text-align:center;
    }
}
.urunlerbuttons span.next svg{
    margin-bottom:9px;
}
footer .right .footer-info .social .media .rest a:nth-child(1) svg {
    fill: #ffffff;
    stroke: #128C7E;
    transition: .4s;
}
footer .right .footer-info .social .media .rest a:nth-child(2) svg {
    fill: #4267B2;
    stroke: #fff;
    transition: .4s;
}
footer .right .footer-info .social .media .rest a:nth-child(3) svg {
    fill: #212121;
    stroke: #fff;
    transition: .4s;
}
footer .right .footer-info .social .media .rest a:nth-child(4) svg {
    background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
    transition: .4s;
    padding:6px;
    stroke:#ffffff;
    border-radius:12px
}

.sayfa-icerik .urun-ozellikleri table p{
    padding:0;
    margin:0;
}
.fancybox-caption {
    text-align: center;
    border: none !important;
}

#pop_timer {
    background: #000;
    padding: 2px 4px;
    margin-right: 5px;
    color: #fff;
    border-radius: 3px
}
.col-5 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    padding-left:5px;
    padding-right:5px;
}
@media only screen and (max-width:1299px){
    .curriculum-event-thumb img {
        display: block;
        width: 100%;
        height: 170px;
        object-fit: cover;
    }
}
@media only screen and (max-width:991px) {
    .col-5 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
        padding-left: 5px;
        padding-right: 5px;
    }
    .curriculum-event-content {
        padding: 15px 10px 7px;
    }
        .curriculum-event-content .title {
            min-height: 45px;
            font-size: 12px;
            line-height:15px;
            letter-spacing: 0;
        }
}
@media only screen and (max-width:767px) {
    .col-5 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 5px;
        padding-right: 5px;
    }

    .curriculum-event-content {
        padding: 15px 10px 7px;
    }

        .curriculum-event-content .title {
            min-height: 45px;
            font-size: 13px;
            line-height: 16px;
            letter-spacing: 0;
        }
}
body.ar {
    direction: rtl;
    text-align:right;
}
body.ar footer .left .footer-menu .menu-item {
    text-align:left;
}
body.ar footer .right .footer-info .social .media .rest a{
    margin-left:15px;
}
    body.ar footer .right .footer-info {
       border-bottom:none;
    }
    body.ar footer .left .logo {
        border-bottom:none;
    }
    body.ar .hizmet-files .icerik-title h2{
        text-align:right;
    }
    body.ar .files .file-list .file-item .item-content .type {
        text-align: left;
    }
    body.ar .page-title:before {
        display:none;
    }
    body.ar .sayfa-detay ul li:after{
        right:-17px;
        left:inherit;
    }
    body.ar .urun-ozellikleri{
        text-align:right;
    }
        body.ar .urun-ozellikleri ul {
            margin-right: 0;
            padding-right: 0;
            text-align:right;
        }
        body.ar .urun-ozellikleri ul li {
            text-align: right;
        }
        body.ar table th{
            text-align:right;
        }
        body.ar .sayfa-icerik .sayfa-detay table td{
            text-align:right !important;
        }
    body.ar .mobile-menu .mobile-nav ul li a.sub-item:before, body.ar .mobile-menu .mobile-nav ul li a.sub-item:after{
        right:-2px;
    }
    body.ar .lang {
        margin-right: 10px;
        border-right: 1px solid #cbcbcb;
        border-left:none;
        padding-right: 25px;
    }
    body.ar .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item.half + .form-item.half{
        margin-right:1%;
        margin-left:inherit;
    }
    body.ar .iletisim .iletisim-bottom .main-iletisim .right .form div .form-inputs .form-item.half:first-child{
        margin-right: 1%;
    }
@media only screen and (max-width: 1200px) {
    body.ar .lang {
        margin-left: 15px;
        position: relative;
        cursor: pointer;
        border-right: none;
        border-left: 1px solid #cbcbcb;
        border-right: none;
        padding-left: 15px;
    }
}
@media only screen and (max-width: 767px) {
    body.ar footer .right .footer-info .social .media {
        max-width: 305px;
        margin: 0 auto;
    }
}
.files .container-referanssayac .file-col .file-col-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 70px;
}
.files .container-referanssayac .file-col .file-col-header span:nth-child(1) {
    display: block;
    color: #000;
    font-size: 20px;
    font-weight: 700;
}
.files .container-referanssayac .file-col .file-col-header span:nth-child(2) {
    display: block;
    flex: 1;
    height: 1px;
    margin: 0 50px;
    background: #000;
    opacity: 0.2;
}
.files .container-referanssayac .file-col .file-col-header span:nth-child(3) {
    display: block;
    font-size: 20px;
    font-weight: 500;
    color: #000;
}
.video-section{
    padding:50px 0;
}
@media (max-width: 767px) {
    .files .container-referanssayac .file-col .file-list {
        gap: 0;
    }

    .files {
        margin: 0 0;
    }

    .files .container-referanssayac .file-col .file-col-header {
        margin-bottom: 40px;
    }

    .files .container-referanssayac .file-col .file-col-header span:nth-child(1),
    .files .container-referanssayac .file-col .file-col-header span:nth-child(3) {
        font-size: 15px;
    }

    .files .container-referanssayac .file-col .file-col-header span:nth-child(3) {}

    .files .container-referanssayac .file-col .file-col-header span:nth-child(2) {
        margin: 0 12px;
    }

    .files .container-referanssayac .file-col .file-col-list a .file-title {
        font-size: 13px;
        padding: 0 20px;
    }

    .files .container-referanssayac .file-col .file-col-list a .file-btn {
        left: 20px;
        font-size: 13px;
        gap: 8px;
        bottom: 20px;
    }

    .files .container-referanssayac .file-col .file-col-list a .file-btn svg {
        height: auto;
        width: 15px;
    }

    .files .container-referanssayac .file-col .file-col-list a .file-tag {
        left: 25px;
        font-size: 13px;
        top: 15px;
    }

    .files .container-referanssayac .file-col .file-col-list a .file-img {
        right: 20px;
        width: 50px;
        top: 0;
    }

    .files .container-referanssayac .file-col+.file-col {
        margin-top: 30px;
    }
        .files .file-list .file-item .item-content {
            height: 200px;
            width: 160px;
        }
            .files .file-list .file-item .item-content .type {
                font-size: 15px;
            }
            .files .file-list .file-item .item-content .view {
                font-size: 13px;
            }
            .files .file-list .file-item .item-content .name {
                font-size: 13px;
                line-height: 19px;
            }
    .page-title .title-first h1 {
        font-size: 25px;
        line-height:30px;
    }
    .files .file-list .file-item .item-content {
        padding: 15px 20px 30px 20px;
    }
}
@media only screen and (max-width:360px){
    .header-wrapper .logo img {
        height: 40px;
    }
    header.page-scroll .logo img {
        margin-left: 20px;
    }
}