@charset "utf-8";

.cookie-btn {
    display: inline-block;
    width: 60px;
    padding: 8px;
    position: fixed;
    bottom: 10px;
    left: 40px;
    z-index: 99999;
    border-radius: 16px !important;
    box-shadow: 1px 2px 13px #9E9E9E;
    background: linear-gradient(52deg, #DFE2FF 0%, #FFF 57.35%, #FFF 100%);
    box-sizing: border-box;
    cursor: pointer;
}

.card-box {
    padding: 20px;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    background-clip: padding-box;
    margin-bottom: 20px;
    background-color: #ffffff;
}

.clamp-3 {
    display: -webkit-box; /* çok satırlı truncate için */
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* kaç satır kalacak */
    overflow: hidden;
    text-overflow: ellipsis;
}

.shopping-information-cart {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1100;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .9)
}

.shopping-information-cart .shopping-information-cart-inside {
        position: absolute;
        left: 50%;
        top: 50%;
        display: flex;
        align-items: center;
        color: #000;
        font-size: 1.5rem;
        letter-spacing: 1px;
        text-transform: uppercase;
        transform: translate(-50%, -50%)
    }

.shopping-information-cart .shopping-information-cart-inside svg {
            flex: 0 0 5.6rem;
            width: 5.6rem;
            height: 5.6rem;
            border-radius: 50%;
            display: block;
            stroke-width: 2;
            stroke: #fff;
            stroke-miterlimit: 10;
            margin-right: 2rem;
            animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both
        }

.shopping-information-cart .shopping-information-cart-inside svg circle {
                float: left;
                stroke-dasharray: 166;
                stroke-dashoffset: 166;
                stroke-width: 2;
                stroke-miterlimit: 10;
                stroke: #38b000;
                fill: none;
                animation: stroke .6s cubic-bezier(.65, 0, .45, 1) 2
            }

.shopping-information-cart .shopping-information-cart-inside svg path {
                transform-origin: 50% 50%;
                stroke-dasharray: 48;
                stroke-dashoffset: 48;
                animation: stroke .3s cubic-bezier(.65, 0, .45, 1) .8s forwards
            }

.shopping-information-cart .shopping-information-cart-inside svg {
            stroke: none; /* ÖNEMLİ: path beyaz miras almasın */
        }

@keyframes stroke {
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes fill {
    to {
        box-shadow: inset 0 0 0 30px rgba(0,0,0,0);
    }
}

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

    50% {
        transform: scale(1.05);
    }

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

.shopping-information-cart .shopping-information-cart-inside svg circle {
    stroke: #38b000;
    stroke-width: 2;
    fill: none;
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    animation: stroke .6s cubic-bezier(.65,0,.45,1) forwards; /* 2 yerine forwards */
}

.shopping-information-cart .shopping-information-cart-inside svg path {
    stroke: #38b000; /* ÖNEMLİ: beyaz değil yeşil */
    stroke-width: 4;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke .3s cubic-bezier(.65,0,.45,1) .6s forwards;
}
::-webkit-scrollbar {
    width: 5px
}

::-webkit-scrollbar-track {
    background: silver
}

::-webkit-scrollbar-thumb {
    background: #888
}

    ::-webkit-scrollbar-thumb:hover {
        background: #555
    }

html {
    scroll-behavior: smooth
}

.material-symbols-rounded {
    font-variation-settings: FILL 0,wght 400,GRAD 0,opsz 48
}

:root {
    --primary: #0062C5;
    --bg-dark: #171725;
    --bg-light: #F6F6F6;
    --on-primary: #015BB5;
    --file-container-bg: #eeeeee;
    --file-bg: #f8f8f8;
    --file-border-color: #2D91EE;
    --file-rounded: 15px;
    --file-color: #2b2b2b;
    --table-border-color: #dbdbdb;
    --delete-button-bg: #f53636;
    --delete-button-color: #ffffff;
    --font-size: 0.875em;
    --font-family: 'DM Sans',Tahoma,Geneva,Verdana,sans-serif;
    --shadow: 0px 8px 15px -8px rgba(0, 0, 0, 0.5)
}

body {
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
    font-family: var(--font-family),"Trebuchet MS",sans-serif;
    font-weight: 400;
    line-height: normal
}

a, button {
    text-decoration: none
}

@font-face {
    font-display: swap;
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/dm-sans-v16-latin-ext-regular.eot);
    src: url(../fonts/dm-sans-v16-latin-ext-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/dm-sans-v16-latin-ext-regular.woff2) format('woff2'),url(../fonts/dm-sans-v16-latin-ext-regular.woff) format('woff'),url(../fonts/dm-sans-v16-latin-ext-regular.ttf) format('truetype'),url(../fonts/dm-sans-v16-latin-ext-regular.svg#DMSans) format('svg')
}

@font-face {
    font-display: swap;
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/dm-sans-v16-latin-ext-600.eot);
    src: url(../fonts/dm-sans-v16-latin-ext-600.eot?#iefix) format('embedded-opentype'),url(../fonts/dm-sans-v16-latin-ext-600.woff2) format('woff2'),url(../fonts/dm-sans-v16-latin-ext-600.woff) format('woff'),url(../fonts/dm-sans-v16-latin-ext-600.ttf) format('truetype'),url(../fonts/dm-sans-v16-latin-ext-600.svg#DMSans) format('svg')
}

@font-face {
    font-display: swap;
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 800;
    src: url(../fonts/dm-sans-v16-latin-ext-800.eot);
    src: url(../fonts/dm-sans-v16-latin-ext-800.eot?#iefix) format('embedded-opentype'),url(../fonts/dm-sans-v16-latin-ext-800.woff2) format('woff2'),url(../fonts/dm-sans-v16-latin-ext-800.woff) format('woff'),url(../fonts/dm-sans-v16-latin-ext-800.ttf) format('truetype'),url(../fonts/dm-sans-v16-latin-ext-800.svg#DMSans) format('svg')
}

.cursor {
    cursor: pointer
}

.floatleft {
    float: left !important
}

.floatright {
    float: right !important
}

.text-black {
    color: var(--bg-dark)
}

.text-white {
    color: #fff
}

.text_yesil {
    color: #9dcb3b
}

.text_koyuyesil {
    color: #187475
}

.text_mavi {
    color: #0197d2
}

.text_buz {
    color: #4bcacc
}

.text_pembe {
    color: #dd547d
}

.text_koyumavi {
    color: #187475
}

.text_koyusari {
    color: #9a6709
}

.text_cokkoyuyesil {
    color: #3d5b0e
}

.font_bold, strong {
    font-weight: 700
}

.text-center {
    text-align: center
}

.text-blue {
    color: var(--primary)
}

.text-color {
    color: var(--primary)
}

.text-color2 {
    color: #3cb28c
}

.text-right {
    text-align: right
}

h1 {
    font-size: 38px
}

h2 {
    font-size: 32px
}

h3 {
    font-size: 25px
}

h4 {
    font-size: 22px
}

h5 {
    font-size: 18px
}

h6 {
    font-size: 16px
}

.line-height-1 {
    line-height: 1
}

.fw-900 {
    font-weight: 900
}

.fw-800 {
    font-weight: 800
}

.fw-700 {
    font-weight: 700
}

.fw-600 {
    font-weight: 600
}

.fw-500 {
    font-weight: 500
}

.fw-400 {
    font-weight: 400
}

small {
    font-size: 10px
}

.font-25 {
    font-size: 25px
}

.font-23 {
    font-size: 23px
}

.font-20 {
    font-size: 20px
}

.font-18 {
    font-size: 18px
}

.font-16 {
    font-size: 16px
}

.font-14 {
    font-size: 14px
}

.font-12 {
    font-size: 12px
}

.font-10 {
    font-size: 10px
}

.text_beyaz {
    color: #fff
}

.text_siyah {
    color: #000
}

.text_gri {
    color: #999
}

.text_acikgri {
    color: #aeaeae
}

.text_center {
    text-align: center
}

.text_left {
    text-align: left
}

.text_right {
    text-align: right
}

.top5 {
    margin-top: 5px
}

.top10 {
    margin-top: 10px
}

.top15 {
    margin-top: 15px
}

.top20 {
    margin-top: 20px
}

.top25 {
    margin-top: 25px
}

.top30 {
    margin-top: 30px
}

.left5 {
    margin-left: 5px
}

.left10 {
    margin-left: 10px
}

.left15 {
    margin-left: 15px
}

.left20 {
    margin-left: 20px
}

.left30 {
    margin-left: 30px
}

.bottom_20 {
    padding-bottom: 20px
}

.bg_white {
    background-color: #fff
}

.bg_whitegrey {
    background-color: #f1f1f5
}

.bg_dark {
    background-color: var(--bg-dark)
}

.bg_lightgray {
    background-color: #f5f7fb
}

.bg_green {
    background-color: #9dcb3b
}

.bg_blue {
    background-color: #4bcacc
}

.bg_yellow {
    background-color: #fdbb41
}

.bg_pink {
    background-color: #dd547d
}

.bg_linear {
    background: linear-gradient(180deg,#f1f1f5 0,#fff 100%)
}

.gradient_green {
    border: 1px solid #929393;
    box-shadow: #dded77 1px 1px 0 inset;
    background: #c2df51;
    background: linear-gradient(#c2df51,#77b724)
}

.gradient_blue {
    border: 1px solid #929393;
    box-shadow: #d4f8f8 1px 1px 0 inset;
    background: #b2f2f3;
    background: linear-gradient(#b2f2f3,#4ee1e3)
}

.gradient_yellow {
    border: 1px solid #929393;
    box-shadow: #fee882 1px 1px 0 inset;
    background: #fed55a;
    background: linear-gradient(#fed55a,#fca128)
}

.gradient_bg {
    background: #97bede;
    background: linear-gradient(#97bede,#fff)
}

.margin_auto {
    display: block;
    margin: 0 auto
}

.border_gri {
    border: 1px solid #d4d4d4
}

.padding_link_20 {
    padding: 0 20px;
    display: block
}

.padding_yan_20 {
    padding: 0 20px
}

.padding_dik_20 {
    padding: 20px 0
}

.padding_20 {
    padding: 20px
}

.padding_dik_10 {
    padding: 10px 0
}

.padding_10 {
    padding: 10px
}

.shadow {
    box-shadow: 0 12px 42px rgba(0,0,0,.06)
}

.shadowleft {
    box-shadow: #666 -1px 3px 4px
}

.shadow_xl {
    box-shadow: 0 41.7776px 33.4221px rgba(0,0,0,.122205)
}

.radius_3 {
    border-radius: 3px
}

.radius_5 {
    border-radius: 5px
}

.radius_8 {
    border-radius: 8px
}

.radius_16 {
    border-radius: 16px
}

.radius_30 {
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px
}

.radius_full {
    border-radius: 50%
}

.radius_100 {
    border-radius: 100px
}

.linkblock {
    display: block
}

.height1 {
    height: 1px
}

.bg_gr {
    background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.14))
}

.bg_grlink {
    background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.14))
}

    .bg_grlink:hover {
        background-image: linear-gradient(to bottom,rgba(0,0,0,.14),rgba(0,0,0,0))
    }

.svg {
    -webkit-animation: qodef-animate-svg-stroke 3s forwards;
    animation: qodef-animate-svg-stroke 3s forwards;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

@-webkit-keyframes qodef-animate-svg-stroke {
    0% {
        stroke-dashoffset: 300
    }

    100% {
        stroke-dashoffset: 0
    }
}

@keyframes qodef-animate-svg-stroke {
    0% {
        stroke-dashoffset: 300
    }

    100% {
        stroke-dashoffset: 0
    }
}

.rotate {
    animation: animName 5s linear infinite;
    -webkit-animation: animName 5s linear infinite
}

@keyframes animName {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.rows {
    float: left;
    width: 100%
}

.mobilmenu_butonyer {
    display: none
}

.fullink {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 99;
    height: 100%
}

.fullinkinside {
    position: relative;
    z-index: 100
}

.checkboxx label:after, .radioo label:after {
    content: '';
    display: table;
    clear: both
}

.checkboxx .cr, .radioo .cr {
    border: 1px solid #4d4d4d;
    border-radius: .25em;
    color: #fff;
    display: inline-block;
    height: 20px;
    margin-right: .5em;
    position: relative;
    width: 20px;
    margin-top: 0
}

.radioo .cr {
    border-radius: 50%
}

    .checkboxx .cr .cr-icon, .radioo .cr .cr-icon {
        color: #fff;
        font-size: 14px;
        left: -2px;
        line-height: 0;
        position: absolute;
        top: -2px;
        background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2211%22%20height%3D%228%22%20viewBox%3D%220%200%2011%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3.84663%208L0%204.2079L0.961656%203.25988L3.84663%206.10395L10.0383%200L11%200.948025L3.84663%208Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E);
        width: 24px;
        height: 24px;
        border-radius: .25em;
        background-repeat: no-repeat;
        background-color: #000;
        background-position: center center
    }

    .radioo .cr .cr-icon {
        margin-left: .04em;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%
    }

.checkboxx label input[type=checkbox], .radioo label input[type=radio] {
    display: none
}

    .checkboxx label input[type=checkbox] + .cr > .cr-icon, .radioo label input[type=radio] + .cr > .cr-icon {
        transform: scale(3) rotateZ(-20deg);
        opacity: 0;
        transition: all .5s ease-in-out
    }

    .checkboxx label input[type=checkbox]:checked + .cr > .cr-icon, .radioo label input[type=radio]:checked + .cr > .cr-icon {
        transform: scale(1) rotateZ(0);
        opacity: 1
    }

    .checkboxx label input[type=checkbox]:disabled + .cr, .radioo label input[type=radio]:disabled + .cr {
        opacity: .5
    }

.label_yazi {
    font-size: 17px;
    line-height: 20px;
    flex: 1
}

label.radio_label {
    display: flex;
    align-items: flex-start
}

.radioo_xl label.radio_label {
    display: flex;
    align-items: center
}

.checkboxx_radius .cr {
    background-color: #ccc;
    border-radius: 50%
}

    .checkboxx_radius .cr .cr-icon, .radioo_radius .cr .cr-icon {
        color: #fff;
        font-size: 14px;
        left: -2px;
        line-height: 0;
        position: absolute;
        top: -2px;
        background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2211%22%20height%3D%228%22%20viewBox%3D%220%200%2011%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3.84663%208L0%204.2079L0.961656%203.25988L3.84663%206.10395L10.0383%200L11%200.948025L3.84663%208Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E);
        width: 24px;
        height: 24px;
        background-repeat: no-repeat;
        background-color: #000;
        background-position: center center;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%
    }

.header_flex {
    float: left;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.site_left {
    width: 75%
}

.fixform {
    position: fixed;
    top: 0;
    right: 0;
    width: 25%;
    background-color: #202020;
    bottom: 0;
    padding: 30px;
    overflow-y: auto;
    color: #fff
}

.forminput {
    background-color: #f6f6f6;
    margin-bottom: 20px;
    border: 1px solid #eee;
    border-radius: 12px;
    padding: 20px 25px;
    position: relative
}

.formtext {
    font-size: 12px
}

.forminput input, .forminput textarea {
    float: left;
    width: 100%;
    background-color: transparent;
    border: 0
}

.logo img {
    display: block
}

.whatsapp {
    bottom: 12px;
    position: fixed;
    right: 15px;
    z-index: 999
}

    .whatsapp .btn-whatsapp {
        align-items: center;
        background-color: #61d466;
        background-image: linear-gradient(to bottom,#61d466 0,#52b43e 100%);
        border-radius: 50%;
        color: #fff;
        display: flex;
        justify-content: center;
        height: 60px;
        position: relative;
        width: 60px;
        z-index: 1
    }

        .whatsapp .btn-whatsapp span {
            font-size: 28px
        }

        .whatsapp .btn-whatsapp::after, .whatsapp .btn-whatsapp::before {
            background-image: linear-gradient(180deg,rgba(2,251,222,.2) 0,rgba(18,140,126,.2) 100%);
            content: "";
            border-radius: 50%;
            position: absolute;
            width: 80px;
            height: 80px;
            z-index: -1;
            transform-origin: 50% 50%;
            animation-duration: 1.2s;
            animation-iteration-count: infinite;
            animation-direction: alternate-reverse;
            animation-name: whatsapp-animation;
            animation-delay: .2s;
            animation-timing-function: ease-out
        }

        .whatsapp .btn-whatsapp::after {
            animation-delay: .6s;
            animation-timing-function: ease-in
        }

.logo {
    column-gap: 60px
}

.sitelink {
    display: flex;
    position: relative;
    z-index: 5;
    overflow: hidden;
    padding: 10px 26px;
    border-radius: 100px;
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    align-items: center;
    column-gap: 6px;
    background-color: var(--primary);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out
}

.sitelink_light_border {
    border: 1px solid var(--bg-dark);
    color: var(--bg-dark);
    background-color: #fff !important
}

.sitelink_dark {
    background-color: var(--bg-dark);
    color: #fff
}

.sitelink_cream {
    background-color: var(--primary);
    color: #fff
}

.sitelink:hover {
    background-color: transparent;
    color: #fff;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out
}

.sitelink:after {
    margin: auto;
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 0;
    z-index: -1;
    background-color: var(--bg-dark);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    -webkit-border-radius: 100px
}

.sitelink_light_border:before {
    background-color: #fff !important
}

.sitelink_dark_border {
    border: 1px solid #fff;
    color: #fff;
    background-color: transparent !important
}

    .sitelink_dark_border:before {
        background-color: transparent !important
    }

.sitelink:hover::after {
    height: 200%;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out
}

.sitelink:before {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: var(--primary);
    z-index: -2
}

.sitelink_light {
    border: 0;
    color: var(--primary);
    background-color: #fff !important
}

    .sitelink_light:before {
        background-color: #fff !important
    }

.sitelink_line {
    position: relative;
    color: #000;
    font-size: 18px;
    font-weight: 800;
    padding-left: 150px;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out
}

    .sitelink_line:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 100px;
        height: 1px;
        margin: auto;
        background-color: #000
    }

    .sitelink_line:hover {
        padding-left: 100px;
        transition: all .5s ease-in-out;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out
    }

.sitepadding {
    padding-left: 3%;
    padding-right: 3%
}

.link_underline {
    text-decoration: underline
}

.home_hero h1 {
    position: absolute;
    bottom: 40px;
    left: 30px;
    color: #fff
}

.material-fill {
    font-variation-settings: FILL 1,wght 400,GRAD 0,opsz 24
}

.orbittable label {
    display: flex;
    align-items: center;
    float: left;
    margin-right: 16px
}

    .orbittable label input {
        margin-top: 0;
        margin-right: 5px
    }

.circle-1, .circle-2 {
    animation: scroll 2s infinite linear;
    opacity: 0
}

.circle-2 {
    animation-delay: 1s
}

@keyframes scroll {
    0% {
        opacity: 0
    }

    45%,55% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.home_scroll {
    position: absolute;
    bottom: 80px;
    z-index: 10;
    width: 25px;
    left: 0;
    right: 0;
    margin: auto
}

    .home_scroll a {
        display: flex;
        background-color: var(--primary);
        border-radius: 100px
    }

        .home_scroll a:hover {
            background-color: var(--bg-dark)
        }

.menu_drop {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    display: none;
    min-width: 234px;
    padding-top: 10px;
    z-index: 20
}

ul.subs {
    flex-direction: column;
    padding: 10px 0;
    background-color: #fff;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    box-shadow: 0 12px 42px rgba(0,0,0,.06)
}

    ul.subs li {
        height: auto
    }

        ul.subs li a {
            font-size: 16px !important;
            color: var(--bg-dark) !important;
            height: auto;
            padding: 8px 10px !important;
            display: inline-block;
            position: relative;
            padding-left: 20px !important;
            white-space: normal !important;
            font-weight: 600
        }

            ul.subs li a:hover {
                color: var(--primary) !important
            }

    ul.subs h3:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        height: 1px;
        background-color: #333
    }

nav.menu ul li a.overlayactive {
    color: var(--primary)
}

.fixsepet_list_adet input {
    border: 0;
    width: 30px;
    background-color: transparent
}

.anasayfa_manset_sol_urunfiyat {
    width: 126px;
    height: 126px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    background-position: center center;
    background-repeat: no-repeat;
    font-size: 23px;
    font-weight: 800;
    color: #fff;
    position: relative
}

    .anasayfa_manset_sol_urunfiyat:after {
        content: "";
        background-image: url(../images/anasayfa_fiyat_bg.svg);
        background-size: contain;
        width: 126px;
        height: 126px;
        position: absolute;
        inset: 0;
        z-index: -1;
        animation: animName 35s linear infinite;
        -webkit-animation: animName 35s linear infinite
    }

    .anasayfa_manset_sol_urunfiyat span {
        font-size: 16px
    }

.anasayfa_manset {
    position: relative
}

.anasayfa_manset_bg {
    position: absolute;
    inset: 0;
    z-index: -1
}

    .anasayfa_manset_bg img {
        object-fit: cover;
        width: 100%;
        height: 100%
    }

.fix_sepet .modal-dialog {
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.fix_sepet .modal-content {
    height: 100vh;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0
}

.modal.left .modal-dialog, .modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 600px;
    height: 100%;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.modal.left .modal-content, .modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
    width: 600px
}

.fixsepet_alt {
    padding: 40px;
    border-top: 1px solid #e6e6e6
}

.satissozlesme_scroll {
    height: 350px;
    overflow-y: auto
}

.modal.right.fade .modal-dialog {
    right: -600px;
    -webkit-transition: opacity .3s linear,right .3s ease-out;
    -moz-transition: opacity .3s linear,right .3s ease-out;
    -o-transition: opacity .3s linear,right .3s ease-out;
    transition: opacity .3s linear,right .3s ease-out
}

.modal.right.fade.show .modal-dialog {
    right: 100px
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 50
}

    .header:after {
        content: "";
        background-color: var(--primary);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 70px
    }

.header_alt {
    background-color: #fff;
    position: relative;
    z-index: 2;
    border-radius: 1000px;
    box-shadow: 0 12px 42px rgba(0,0,0,.06)
}

.header_ust {
    position: relative;
    z-index: 2;
    color: #fff;
    padding: 13px 0;
    max-height: 1000px
}

    .header_ust a {
        color: #fff
    }

.header.header_fix .header_ust {
    max-height: 0;
    overflow: hidden;
    padding: 0
}

.header.header_fix .sepet_ikon a {
    width: 30px;
    height: 30px
}

    .header.header_fix .sepet_ikon a svg {
        width: 14px
    }

    .header.header_fix .sepet_ikon a span {
        top: -3px;
        right: -3px;
        width: 15px;
        height: 15px;
        font-size: 9px
    }

.header.header_fix .menu_nav > li > a {
    padding: 5px 20px
}

.header.header_fix:after {
    max-height: 0
}

header.header.header_fix .header_alt {
    box-shadow: none;
    background-color: transparent
}

header.header.header_fix {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    background-color: #fff;
    animation-duration: 1.3s;
    animation-name: lineInserted;
    transition: height 1.3s;
    -webkit-transition: height 1.3s;
    -moz-transition: height 1.3s;
    -ms-transition: height 1.3s;
    -o-transition: height 1.3s;
    height: 70px;
    box-shadow: 0 12px 42px rgba(0,0,0,.06)
}

@keyframes lineInserted {
    0% {
        height: 0
    }

    50% {
        height: 70px
    }

    100% {
        overflow: visible
    }
}

.header.header_fix .logo {
    width: 22%
}

.header.header_fix .header_alt {
    padding: 20px 0
}

.header :not(.menu_drop) {
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out
}

.menu_nav > li > a {
    color: var(--bg-dark);
    font-weight: 600;
    display: flex;
    column-gap: 10px;
    align-content: center;
    padding: 26px 20px
}

.sepet_ikon a {
    position: relative;
    width: 75px;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary);
    border-radius: 50%;
    margin-right: -1px
}

    .sepet_ikon a:hover {
        background-color: var(--on-primary)
    }

    .sepet_ikon a span {
        position: absolute;
        top: 8px;
        right: 10px;
        color: #fff;
        background-color: #015bb5;
        width: 22px;
        height: 22px;
        font-size: 12px;
        font-weight: 600;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        z-index: 1
    }

.basket.added {
    animation: basket-bounce .5s;
    animation-delay: .8s;
    -webkit-animation: basket-bounce .5s
}

.item--helper {
    width: 9rem;
    position: absolute;
    right: 50px;
    top: 50px;
    margin-left: 1.5rem;
    transform: scale(.5);
    opacity: 0
}

    .item--helper.added {
        animation: basket-fly 1s ease-in-out
    }

@keyframes basket-fly {
    10% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0;
        transform: scale(.75);
        margin-right: -100%;
        margin-top: -100%;
        -webkit-transform: scale(.75);
        -moz-transform: scale(.75);
        -ms-transform: scale(.75);
        -o-transform: scale(.75)
    }
}

@keyframes basket-bounce {
    25% {
        transform: scale(.85)
    }

    50% {
        transform: scale(1.1)
    }

    75% {
        transform: scale(.95)
    }

    100% {
        transform: none
    }
}

.main {
    position: relative;
    margin-top: 70px;
    z-index: 9
}

ul.menu_nav > li:not(.megamenu_li) {
    position: relative
}

.megamenu_cihazlarimiz {
    float: left;
    width: 100%;
    background-image: url(../images/acilirmenu_bg.jpg);
    background-size: cover;
    padding: 5px 70px;
    border-radius: 30px;
    border-bottom-right-radius: 300px
}

.megamenu_li .menu_drop {
    background-color: transparent
}

.megamenu_cihazlarimiz_sol {
    max-width: 600px;
    color: #fff
}

    .megamenu_cihazlarimiz_sol > ul > li {
        position: relative;
        padding: 12px 20px;
        margin-bottom: 20px;
        margin-top: 0;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px
    }

        .megamenu_cihazlarimiz_sol > ul > li:hover {
            background-color: #fff;
            color: var(--bg-dark)
        }

        .megamenu_cihazlarimiz_sol > ul > li:last-child:after {
            display: none
        }

        .megamenu_cihazlarimiz_sol > ul > li::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: -10px;
            background-color: #fff;
            height: 1px
        }

.megamenu_cihazlarimiz_sol_ikon {
    position: absolute;
    top: 20px;
    right: 35px;
    opacity: 0;
    width: 44px;
    height: 44px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2244%22%20height%3D%2244%22%20viewBox%3D%220%200%2044%2044%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22mask0_9378_17133%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2244%22%20height%3D%2244%22%3E%3Crect%20width%3D%2244%22%20height%3D%2244%22%20transform%3D%22matrix(-1%200%200%201%2044%200)%22%20fill%3D%22%23D9D9D9%22%3E%3C%2Frect%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23mask0_9378_17133)%22%3E%3Cpath%20d%3D%22M11.7333%2032.9998L29.3333%2015.3998V31.1665H33V9.1665H11V12.8332H26.7667L9.16667%2030.4332L11.7333%2032.9998Z%22%20fill%3D%22%23171725%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out
}

.megamenu_cihazlarimiz_sol > ul > li:hover .megamenu_cihazlarimiz_sol_ikon {
    right: 20px;
    opacity: 1;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out
}

.megamenu_cihazlarimiz_sol_title {
    font-size: 22px;
    font-weight: 800
}

.megamenu_cihazlarimiz_sol_subtitle {
    font-size: 16px
}

.megamenu_cihazlarimiz_sag {
    padding: 12px 0
}

    .megamenu_cihazlarimiz_sag img {
        width: 40%
    }

.megamenu_cihazlarimiz_sol {
    max-width: 600px;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px
}

    .megamenu_cihazlarimiz_sol > ul > li:last-child {
        margin-bottom: 0
    }

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.7);
    visibility: hidden;
    opacity: 0;
    z-index: -1
}

    .overlay.overlayactive {
        opacity: 1;
        z-index: 10;
        visibility: visible
    }

.anasayfa_manset_wordline {
    position: absolute;
    left: 0;
    right: 0;
    top: 50vh;
    margin: auto;
    width: 163px
}

.anasayfa_manset_sol_img {
    position: absolute;
    right: 0;
    bottom: 60px;
    width: 28vw
}

.anasayfa_manset {
    height: 93vh
}

.anasayfa_manset_sol {
    padding-left: 3%;
    display: flex
}

.anasayfa_manset_sol_urun {
    position: relative;
    z-index: 5;
    padding-bottom: 70px
}

.anasayfa_manset_yeniurun {
    position: absolute;
    top: 0;
    right: 20vw;
    top: 6vw;
    background: #0062c5;
    border-radius: 100px 100px 0 100px;
    padding: 20px;
    color: #fff;
    font-weight: 800;
    text-align: center;
    font-size: 24px;
    line-height: 31px;
    width: 105px;
    height: 105px;
    display: flex;
    align-items: center;
    justify-content: center
}

.anasayfa_manset_sol_urundetay {
    width: 41%
}

.anasayfa_manset_sag {
    padding-right: 3%;
    display: flex
}

.anasayfa_manset_sag_img {
    position: absolute;
    left: 0;
    bottom: 60px;
    width: 28vw
}

.anasayfa_manset_sag_urundetay {
    width: 41%
}

.fixsepet_list {
    padding: 30px 40px
}

    .fixsepet_list ul {
        display: flex;
        flex-direction: column;
        row-gap: 30px
    }

        .fixsepet_list ul li {
            position: relative;
            display: flex;
            column-gap: 40px
        }

.fixsepet_urunsil {
    position: absolute;
    top: -7px;
    left: -7px
}

.fixsepet_list_img {
    padding: 10px;
    background-color: var(--bg-light);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px
}

    .fixsepet_list_img img {
        display: block;
        width: 140px;
        height: 140px;
        object-fit: cover
    }

.hakkimizda_cozumortagi {
    position: absolute;
    bottom: 0;
    right: 0;
    border-top-left-radius: 30px
}

.formsatir span {
    font-size: 16px
}

.formsatir input {
    background-color: #f5f5f1;
    border: 1px solid #e6e6e6;
    padding: 13px;
    width: 100%;
    float: left;
    border-radius: 15px
}

.formsatir span {
    font-size: 16px;
    margin-bottom: 10px;
    float: left;
    width: 100%
}

.formsatir .form-select {
    background-color: #f5f5f1;
    border: 1px solid #e6e6e6;
    padding: 13px;
    width: 100%;
    float: left;
    border-radius: 15px
}

.formsatir textarea {
    background-color: #f5f5f1;
    border: 1px solid #e6e6e6;
    padding: 13px;
    width: 100%;
    float: left;
    border-radius: 15px
}

.iletisim_form_satir {
    margin-top: 20px
}

.modal-body h3, .modal-body h4, .modal-body h5 {
    padding: 20px 0
}

.content-wrap {
    position: relative
}

    .content-wrap section {
        max-height: 0;
        overflow: hidden;
        transition: all .5s ease-in-out;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out
    }

        .content-wrap section.content-current {
            max-height: 3000px;
            overflow: hidden;
            transition: all .5s ease-in-out;
            -webkit-transition: all .5s ease-in-out;
            -moz-transition: all .5s ease-in-out;
            -ms-transition: all .5s ease-in-out;
            -o-transition: all .5s ease-in-out
        }

.tabs {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    font-weight: 300;
    font-size: 1.25em;
    margin-top: 20px
}

    .tabs nav {
        text-align: center
    }

        .tabs nav ul {
            position: relative;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flex;
            display: flex;
            margin: 0 auto;
            padding: 0;
            list-style: none;
            -ms-box-orient: horizontal;
            -ms-box-pack: center;
            -webkit-flex-flow: row wrap;
            -moz-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;
            -webkit-justify-content: center;
            -moz-justify-content: center;
            -ms-justify-content: center;
            justify-content: center
        }

            .tabs nav ul li {
                position: relative;
                z-index: 1;
                display: block;
                margin: 0;
                text-align: center;
                -webkit-flex: 1;
                -moz-flex: 1;
                -ms-flex: 1;
                flex: 1
            }

        .tabs nav a {
            position: relative;
            display: flex;
            overflow: hidden;
            text-overflow: ellipsis;
            line-height: 2.5;
            text-align: center;
            justify-content: center
        }

            .tabs nav a span {
                vertical-align: middle;
                font-size: .75em
            }

        .tabs nav li.tab-current a {
            color: #74777b
        }

        .tabs nav a:focus {
            outline: 0
        }

@media screen and (max-width:58em) {
    .tabs nav a.icon span {
        display: none
    }

    .tabs nav a:before {
        margin-right: 0
    }
}

.tabs-style-linemove nav li:last-child::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: var(--primary);
    content: '';
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s
}

.tabs-style-linemove nav li:first-child.tab-current ~ li:last-child::before {
    -webkit-transform: translate3d(-300%,0,0);
    transform: translate3d(-300%,0,0);
    -moz-transform: translate3d(-300%,0,0);
    -ms-transform: translate3d(-300%,0,0);
    -o-transform: translate3d(-300%,0,0)
}

.tabs-style-linemove nav li:nth-child(2).tab-current ~ li:last-child::before {
    -webkit-transform: translate3d(-200%,0,0);
    transform: translate3d(-200%,0,0);
    -moz-transform: translate3d(-200%,0,0);
    -ms-transform: translate3d(-200%,0,0);
    -o-transform: translate3d(-200%,0,0)
}

.tabs-style-linemove nav li:nth-child(3).tab-current ~ li:last-child::before {
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
    -moz-transform: translate3d(-100%,0,0);
    -ms-transform: translate3d(-100%,0,0);
    -o-transform: translate3d(-100%,0,0)
}

.tabs-style-linemove nav a {
    padding: 1em 0;
    color: var(--bg-dark);
    line-height: 1;
    -webkit-transition: color .3s,-webkit-transform .3s;
    transition: color .3s,transform .3s
}

.tabs-style-linemove nav li.tab-current a {
    color: var(--primary)
}

.tabs-style-linemove nav a span {
    font-weight: 700
}

.anasayfa_urunozellikleri_sol ul {
    display: flex;
    flex-direction: column;
    row-gap: 70px
}

    .anasayfa_urunozellikleri_sol ul li {
        display: flex;
        align-items: center;
        --borderWidth: 5px;
        background: #fff;
        position: relative;
        border-radius: 30px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -ms-border-radius: 30px;
        -o-border-radius: 30px;
        padding: 20px;
        column-gap: 40px
    }

        .anasayfa_urunozellikleri_sol ul li:after {
            content: '';
            position: absolute;
            top: calc(-1 * var(--borderWidth));
            left: calc(-1 * var(--borderWidth));
            height: calc(100% + var(--borderWidth) * 2);
            width: calc(100% + var(--borderWidth) * 2);
            background: linear-gradient(90deg,#19aef3 0,#1093e2 0,#fff 24.13%,#fff 100%);
            border-radius: 30px;
            z-index: -1;
            background-size: 300% 300%;
            -webkit-border-radius: 30px;
            -moz-border-radius: 30px;
            -ms-border-radius: 30px;
            -o-border-radius: 30px
        }

.anasayfa_urunozellikleri_sag ul {
    display: flex;
    flex-direction: column;
    row-gap: 70px
}

    .anasayfa_urunozellikleri_sag ul li {
        display: flex;
        align-items: center;
        --borderWidth: 5px;
        background: #fff;
        position: relative;
        border-radius: 30px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -ms-border-radius: 30px;
        -o-border-radius: 30px;
        padding: 20px;
        column-gap: 40px;
        flex-direction: row-reverse
    }

        .anasayfa_urunozellikleri_sag ul li:after {
            content: '';
            position: absolute;
            top: calc(-1 * var(--borderWidth));
            left: calc(-1 * var(--borderWidth));
            height: calc(100% + var(--borderWidth) * 2);
            width: calc(100% + var(--borderWidth) * 2);
            background: linear-gradient(90deg,#fff 9.62%,#0166c7 61.54%,#1093e2 83.65%,#19aef3 100%),#fff;
            border-radius: 30px;
            z-index: -1;
            background-size: 300% 300%;
            -webkit-border-radius: 30px;
            -moz-border-radius: 30px;
            -ms-border-radius: 30px;
            -o-border-radius: 30px
        }

@keyframes animatedgradient {
    0% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0 50%
    }
}

.a_ur_oz_box_yazi {
    display: flex;
    flex-direction: column;
    text-align: left;
    font-size: 24px;
    flex: 1
}

.anasayfa_urunozellikleri_sag .a_ur_oz_box_yazi {
    text-align: right
}

.a_ur_oz_box_ikon img {
    display: block
}

.anasayfa_urunozellikleri_orta_border_animation {
    margin: auto;
    width: 730px;
    height: 730px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: flex-end
}

    .anasayfa_urunozellikleri_orta_border_animation:after {
        content: "";
        position: absolute;
        bottom: -20px;
        left: 0;
        right: 0;
        margin: auto;
        width: 85px;
        height: 40px;
        background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2286%22%20height%3D%2242%22%20viewBox%3D%220%200%2086%2042%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%2285.4714%22%20height%3D%2240.1987%22%20transform%3D%22translate(0%201)%22%20fill%3D%22white%22%2F%3E%3Cmask%20id%3D%22mask0_9234_3928%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%2224%22%20y%3D%223%22%20width%3D%2238%22%20height%3D%2239%22%3E%3Crect%20x%3D%2224%22%20y%3D%223.72705%22%20width%3D%2237.4714%22%20height%3D%2237.4714%22%20fill%3D%22%23D9D9D9%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23mask0_9234_3928)%22%3E%3Cpath%20d%3D%22M38.0518%2034.9533L35.866%2032.7674L38.5982%2029.9571C35.2675%2029.5147%2032.5221%2028.604%2030.3623%2027.2248C28.2025%2025.8456%2027.1226%2024.2583%2027.1226%2022.4628C27.1226%2020.303%2028.6254%2018.4619%2031.6309%2016.9397C34.6364%2015.4174%2038.338%2014.6562%2042.7357%2014.6562C47.1334%2014.6562%2050.835%2015.4174%2053.8405%2016.9397C56.8461%2018.4619%2058.3488%2020.303%2058.3488%2022.4628C58.3488%2024.0762%2057.4836%2025.5204%2055.7531%2026.7954C54.0227%2028.0705%2051.7653%2029.0203%2048.981%2029.6448V26.4441C50.9846%2025.9237%2052.5264%2025.2797%2053.6063%2024.512C54.6862%2023.7444%2055.2262%2023.0613%2055.2262%2022.4628C55.2262%2021.6301%2054.1138%2020.6413%2051.8889%2019.4963C49.664%2018.3514%2046.613%2017.7789%2042.7357%2017.7789C38.8585%2017.7789%2035.8074%2018.3514%2033.5825%2019.4963C31.3577%2020.6413%2030.2452%2021.6301%2030.2452%2022.4628C30.2452%2023.0873%2030.9088%2023.8355%2032.2359%2024.7072C33.563%2025.5789%2035.4496%2026.236%2037.8957%2026.6783L35.866%2024.6486L38.0518%2022.4628L44.297%2028.708L38.0518%2034.9533Z%22%20fill%3D%22%230062C5%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M35.2809%209.14843C34.8851%209.14843%2034.5113%209.07147%2034.1594%208.91754C33.8076%208.76361%2033.5015%208.54554%2033.2413%208.26333C32.9848%207.98113%2032.7997%207.64761%2032.6861%207.26279L33.967%206.91644C34.0586%207.23163%2034.2254%207.47536%2034.4673%207.64761C34.7128%207.8162%2034.9822%207.89866%2035.2754%207.895C35.5356%207.895%2035.7684%207.83453%2035.9736%207.71358C36.1788%207.59264%2036.3401%207.42954%2036.4574%207.2243C36.5747%207.0154%2036.6333%206.78267%2036.6333%206.52612C36.6333%206.13396%2036.5068%205.80594%2036.254%205.54206C36.0011%205.27818%2035.6749%205.14624%2035.2754%205.14624C35.1545%205.14624%2035.0353%205.16274%2034.9181%205.19572C34.8045%205.22871%2034.6945%205.27452%2034.5882%205.33316L33.9835%204.28863L36.6443%202.01266L36.7597%202.33152H32.9939V1.08358H37.8482V2.33701L35.7097%204.39308L35.6987%204.00276C36.1788%204.03575%2036.5875%204.16952%2036.9247%204.40408C37.2655%204.63864%2037.5257%204.941%2037.7053%205.31117C37.8886%205.68133%2037.9802%206.08632%2037.9802%206.52612C37.9802%207.02456%2037.8574%207.47169%2037.6118%207.86751C37.37%208.26333%2037.0438%208.57669%2036.6333%208.80759C36.2265%209.03482%2035.7757%209.14843%2035.2809%209.14843ZM42.1424%209.16493C41.6256%209.16493%2041.1602%209.04398%2040.746%208.80209C40.3356%208.55653%2040.0094%208.21752%2039.7675%207.78505C39.5256%207.35258%2039.4046%206.85597%2039.4046%206.29522V3.88731C39.4046%203.28625%2039.5238%202.76399%2039.762%202.32052C40.0039%201.87706%2040.341%201.53438%2040.7735%201.29249C41.2097%201.0506%2041.7154%200.929651%2042.2908%200.929651C42.6903%200.929651%2043.0696%200.997453%2043.4288%201.13306C43.788%201.265%2044.1068%201.47757%2044.3854%201.77077L43.4288%202.69985C43.2895%202.53492%2043.1191%202.40482%2042.9176%202.30953C42.7196%202.21424%2042.5107%202.16659%2042.2908%202.16659C41.983%202.16659%2041.7136%202.23989%2041.4827%202.38649C41.2518%202.52943%2041.0722%202.71818%2040.9439%202.95274C40.8193%203.1873%2040.757%203.43835%2040.757%203.70589V5.0198L40.5151%204.75592C40.7424%204.49204%2041.0154%204.2868%2041.3343%204.1402C41.6531%203.98993%2041.9866%203.9148%2042.3348%203.9148C42.8333%203.9148%2043.2731%204.02842%2043.6542%204.25565C44.0354%204.47921%2044.3359%204.78707%2044.5558%205.17923C44.7757%205.56772%2044.8857%206.01119%2044.8857%206.50963C44.8857%207.0044%2044.7592%207.45337%2044.5063%207.85652C44.2571%208.256%2043.9254%208.57486%2043.5113%208.81308C43.0971%209.04765%2042.6408%209.16493%2042.1424%209.16493ZM42.1424%207.895C42.399%207.895%2042.6335%207.83453%2042.8461%207.71358C43.0587%207.58897%2043.2272%207.42221%2043.3519%207.21331C43.4801%207.00074%2043.5443%206.76618%2043.5443%206.50963C43.5443%206.25308%2043.482%206.01852%2043.3574%205.80594C43.2327%205.59337%2043.0642%205.42478%2042.8516%205.30017C42.6427%205.1719%2042.4099%205.10776%2042.1534%205.10776C41.8968%205.10776%2041.6623%205.1719%2041.4497%205.30017C41.2371%205.42478%2041.0686%205.59337%2040.9439%205.80594C40.8193%206.01852%2040.757%206.25308%2040.757%206.50963C40.757%206.75885%2040.8175%206.98974%2040.9384%207.20231C41.0631%207.41122%2041.2298%207.57981%2041.4387%207.70808C41.6513%207.83269%2041.8859%207.895%2042.1424%207.895ZM49.0813%209.16493C48.5205%209.16493%2048.0258%209.04581%2047.597%208.80759C47.1682%208.5657%2046.8328%208.23035%2046.5909%207.80154C46.3527%207.37274%2046.2336%206.87796%2046.2336%206.31721V3.76637C46.2336%203.20562%2046.3527%202.71085%2046.5909%202.28204C46.8328%201.85323%2047.1682%201.51972%2047.597%201.28149C48.0258%201.0396%2048.5205%200.918656%2049.0813%200.918656C49.642%200.918656%2050.135%201.0396%2050.5601%201.28149C50.9889%201.51972%2051.3243%201.85323%2051.5662%202.28204C51.8081%202.71085%2051.929%203.20562%2051.929%203.76637V6.31721C51.929%206.87796%2051.8081%207.37274%2051.5662%207.80154C51.3243%208.23035%2050.9889%208.5657%2050.5601%208.80759C50.135%209.04581%2049.642%209.16493%2049.0813%209.16493ZM49.0813%207.90599C49.3598%207.90599%2049.6127%207.84002%2049.84%207.70808C50.0672%207.57248%2050.2468%207.39289%2050.3787%207.16933C50.5106%206.9421%2050.5766%206.68921%2050.5766%206.41067V3.66741C50.5766%203.38521%2050.5106%203.13232%2050.3787%202.90876C50.2468%202.68152%2050.0672%202.50194%2049.84%202.37C49.6127%202.23439%2049.3598%202.16659%2049.0813%202.16659C48.8028%202.16659%2048.5499%202.23439%2048.3226%202.37C48.0954%202.50194%2047.9158%202.68152%2047.7839%202.90876C47.6519%203.13232%2047.586%203.38521%2047.586%203.66741V6.41067C47.586%206.68921%2047.6519%206.9421%2047.7839%207.16933C47.9158%207.39289%2048.0954%207.57248%2048.3226%207.70808C48.5499%207.84002%2048.8028%207.90599%2049.0813%207.90599ZM55.0098%204.87687C54.647%204.87687%2054.3153%204.7889%2054.0148%204.61298C53.7143%204.4334%2053.4742%204.19517%2053.2946%203.89831C53.1187%203.59778%2053.0307%203.26426%2053.0307%202.89776C53.0307%202.53859%2053.1224%202.20874%2053.3056%201.90821C53.4889%201.60768%2053.7308%201.36762%2054.0313%201.18803C54.3318%201.00845%2054.658%200.918656%2055.0098%200.918656C55.3727%200.918656%2055.7025%201.00845%2055.9994%201.18803C56.2999%201.36395%2056.54%201.60218%2056.7196%201.90271C56.8992%202.19958%2056.9889%202.53126%2056.9889%202.89776C56.9889%203.26426%2056.8992%203.59778%2056.7196%203.89831C56.54%204.19517%2056.2999%204.4334%2055.9994%204.61298C55.7025%204.7889%2055.3727%204.87687%2055.0098%204.87687ZM55.0098%203.74438C55.1638%203.74438%2055.3049%203.70589%2055.4332%203.62893C55.5614%203.55196%2055.664%203.44934%2055.741%203.32107C55.818%203.19279%2055.8565%203.05169%2055.8565%202.89776C55.8565%202.74383%2055.818%202.60273%2055.741%202.47445C55.664%202.34618%2055.5614%202.24356%2055.4332%202.16659C55.3049%202.08963%2055.1638%202.05114%2055.0098%202.05114C54.8559%202.05114%2054.7148%202.08963%2054.5865%202.16659C54.4583%202.24356%2054.3556%202.34618%2054.2787%202.47445C54.2017%202.60273%2054.1632%202.74383%2054.1632%202.89776C54.1632%203.05169%2054.2017%203.19279%2054.2787%203.32107C54.3556%203.44934%2054.4583%203.55196%2054.5865%203.62893C54.7148%203.70589%2054.8559%203.74438%2055.0098%203.74438Z%22%20fill%3D%22%230062C5%22%2F%3E%3C%2Fsvg%3E")
    }

.spritespin {
    cursor: all-scroll;
    transform: translate(0,-6%);
    -webkit-transform: translate(0,-6%);
    -moz-transform: translate(0,-6%);
    -ms-transform: translate(0,-6%);
    -o-transform: translate(0,-6%)
}

.anasayfa_urunozellikleri_orta_border_animation img {
    animation: borderAnimation 70s infinite linear;
    -webkit-animation: borderAnimation 70s infinite linear;
    display: block
}

@keyframes borderAnimation {
    from {
        transform: rotate(0);
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0)
    }

    to {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg)
    }
}

.spritespin_box {
    position: relative;
    z-index: 4;
    width: 70%;
    margin: 0 15%
}

.anasayfa_odemealmaalani {
    background: linear-gradient(108.57deg,#0062c5 3.58%,#002f5f 76.82%);
    position: relative
}

    .anasayfa_odemealmaalani:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        height: 10%;
        background-color: #fff;
        z-index: 1
    }

.anasayfa_odemealmaalani_flex {
    position: relative;
    z-index: 2
}

.anasayfa_urunbox.urunbox_bg {
    height: 85%
}

.urunbox_bg {
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: -1;
    transition: all .2s cubic-bezier(.4,0,.2,1);
    -webkit-transition: all .2s cubic-bezier(.4,0,.2,1);
    -moz-transition: all .2s cubic-bezier(.4,0,.2,1);
    -ms-transition: all .2s cubic-bezier(.4,0,.2,1);
    -o-transition: all .2s cubic-bezier(.4,0,.2,1);
    transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1)
}

.urunbox:hover .urunbox_bg {
    height: 100%;
    animation: boing 1s ease-in-out;
    -webkit-animation: boing 1s ease-in-out
}

@keyframes boing {
    100%,15%,40%,75% {
        transform-origin: center center
    }

    15% {
        transform: scale(1.2,1.1)
    }

    40% {
        transform: scale(.95,.95)
    }

    75% {
        transform: scale(1.05,1)
    }

    100% {
        transform: scale(1,1)
    }
}

.urunbox_hover {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(0,100px);
    -webkit-transform: translate(0,100px);
    -moz-transform: translate(0,100px);
    -ms-transform: translate(0,100px);
    -o-transform: translate(0,100px);
    opacity: 0;
    transition: all .2s cubic-bezier(.4,0,.2,1);
    -webkit-transition: all .2s cubic-bezier(.4,0,.2,1);
    -moz-transition: all .2s cubic-bezier(.4,0,.2,1);
    -ms-transition: all .2s cubic-bezier(.4,0,.2,1);
    -o-transition: all .2s cubic-bezier(.4,0,.2,1)
}

.urunbox:hover .urunbox_hover {
    opacity: 1;
    transform: translate(0,0);
    -webkit-transform: translate(0,30px);
    -moz-transform: translate(0,30px);
    -ms-transform: translate(0,30px);
    -o-transform: translate(0,30px)
}

.anasayfa_urunbox .urunbox_img {
    transition: all .2s cubic-bezier(.4,0,.2,1);
    -webkit-transition: all .2s cubic-bezier(.4,0,.2,1);
    -moz-transition: all .2s cubic-bezier(.4,0,.2,1);
    -ms-transition: all .2s cubic-bezier(.4,0,.2,1);
    -o-transition: all .2s cubic-bezier(.4,0,.2,1)
}

.urunbox_img {
    transition: all .2s cubic-bezier(.4,0,.2,1);
    -webkit-transition: all .2s cubic-bezier(.4,0,.2,1);
    -moz-transition: all .2s cubic-bezier(.4,0,.2,1);
    -ms-transition: all .2s cubic-bezier(.4,0,.2,1);
    -o-transition: all .2s cubic-bezier(.4,0,.2,1);
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0)
}

.urunbox:hover .urunbox_img {
    transform: translate(0,0);
    transition: all .2s cubic-bezier(.4,0,.2,1);
    -webkit-transition: all .2s cubic-bezier(.4,0,.2,1);
    -moz-transition: all .2s cubic-bezier(.4,0,.2,1);
    -ms-transition: all .2s cubic-bezier(.4,0,.2,1);
    -o-transition: all .2s cubic-bezier(.4,0,.2,1);
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0)
}

.urunbox:hover .urunbox_img {
    transform: translate(0,-20px);
    transition: all .2s cubic-bezier(.4,0,.2,1);
    -webkit-transition: all .2s cubic-bezier(.4,0,.2,1);
    -moz-transition: all .2s cubic-bezier(.4,0,.2,1);
    -ms-transition: all .2s cubic-bezier(.4,0,.2,1);
    -o-transition: all .2s cubic-bezier(.4,0,.2,1);
    -webkit-transform: translate(0,-20px);
    -moz-transform: translate(0,-20px);
    -ms-transform: translate(0,-20px);
    -o-transform: translate(0,-20px)
}

.urunbox:hover .anasayfa_urunbox .urunbox_img {
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0)
}

.urunbox .anasayfa_manset_yeniurun {
    font-size: 17px;
    line-height: 20px;
    width: 85px;
    height: 85px;
    top: 128px;
    left: 27px
}

.urunbox_alt_sag a {
    background-color: var(--primary);
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

    .urunbox_alt_sag a:hover {
        background-color: var(--bg-dark)
    }

.basket-unit.basketactive {
    -webkit-animation: fly_icon .5s ease-in-out;
    animation: fly_icon .5s ease-in-out;
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.flying-img {
    max-width: 350px;
    position: absolute;
    -webkit-animation: fly_to_cart 1s ease-in-out;
    animation: fly_to_cart 1s ease-in-out;
    opacity: 0
}

@-webkit-keyframes fly_to_cart {
    0% {
        left: 0;
        top: 0;
        opacity: 1
    }

    45%,50% {
        left: var(--left);
        top: 60px;
        opacity: 1
    }

    80%,90% {
        left: var(--left);
        top: var(--top);
        transform: scale(.2);
        opacity: 1
    }

    100% {
        left: calc(var(--left) + 40px);
        top: var(--top);
        transform: scale(.2);
        opacity: 0
    }
}

@keyframes fly_to_cart {
    0% {
        left: 0;
        top: 0;
        opacity: 1
    }

    45%,50% {
        left: var(--left);
        top: 60px;
        opacity: 1
    }

    80%,90% {
        left: var(--left);
        top: var(--top);
        transform: scale(.2);
        opacity: 1
    }

    100% {
        left: calc(var(--left) + 40px);
        top: var(--top);
        transform: scale(.2);
        opacity: 0
    }
}

@-webkit-keyframes fly_icon {
    0% {
        transform: translateX(3px)
    }

    25% {
        transform: translateX(-3px)
    }

    50% {
        transform: translateX(3px)
    }

    75% {
        transform: translateX(-3px)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes fly_icon {
    0% {
        transform: translateX(3px)
    }

    25% {
        transform: translateX(-3px)
    }

    50% {
        transform: translateX(3px)
    }

    75% {
        transform: translateX(-3px)
    }

    100% {
        transform: translateX(0)
    }
}

.isortaki_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    row-gap: 30px;
    padding: 30px;
    background-color: #fff;
    border-radius: 30px
}

.isortaki_box_iletisim {
    display: flex;
    flex-direction: column;
    row-gap: 10px
}

    .isortaki_box_iletisim a {
        color: #000
    }

.anasayfa_video {
    position: relative;
    height: 800px;
    overflow: hidden
}

.anasayfa_urunlerimiz {
    overflow: hidden
}

.header_ust_mobil {
    display: none !important
}

.icerik_header {
    background-image: url(../images/icerik_header_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px
}

.icerik_header_flex a {
    color: var(--bg-dark)
}

.isortaki_box_logo img {
    filter: grayscale(1);
    -webkit-filter: grayscale(1)
}

.isortaki_box:hover .isortaki_box_logo img {
    filter: grayscale(0);
    -webkit-filter: grayscale(0)
}

.brosur_box_logo img {
    filter: grayscale(1);
    -webkit-filter: grayscale(1)
}

.brosurbox:hover .brosur_box_logo img {
    filter: grayscale(0);
    -webkit-filter: grayscale(0)
}

.galeri3col ul li {
    width: 31.2%;
    column-gap: 2%
}

.galeri3col ul {
    column-gap: 3%;
    row-gap: 39px
}

.galeri2col ul li {
    width: 48%;
    column-gap: 2%
}

.galeri2col ul {
    column-gap: 3%;
    row-gap: 39px
}

.menu_alt_ic {
    float: left;
    width: 100%;
    padding-left: 0 !important;
    list-style: none;
    font-size: 16px
}

    .menu_alt_ic > li {
        float: left;
        position: relative;
        width: 100%
    }

        .menu_alt_ic > li > ul {
            padding: 10px;
            padding-left: 0;
            float: left;
            width: 100%;
            background-color: var(--primary);
            border-radius: 20px;
            color: #fff;
            margin-bottom: 20px;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            -ms-border-radius: 20px;
            -o-border-radius: 20px
        }

        .menu_alt_ic > li > a {
            color: var(--background-dark);
            display: block;
            padding: 40px;
            background: #fff;
            border: 1px solid #e6e6e6;
            box-shadow: 0 41.7776px 33.4221px rgba(0,0,0,.122205);
            border-radius: 30px;
            font-weight: 700;
            margin-bottom: 20px
        }

li.yanmenu_acilir.open > a {
    background-color: var(--lightgrey)
}

.menu_alt_ic > li > ul > li {
    padding-left: 24px;
    padding-right: 20px;
    margin-top: 20px;
    float: left;
    width: 100%
}

.menu_alt_ic li:first-child {
    border-top: 0 none
}

.menu_alt_ic > li > ul > li a {
    display: inline-block;
    padding-bottom: 10px
}

.yanmenu_acilir span {
    position: absolute;
    top: 36px;
    left: -21px;
    font-size: 20px
}

blockquote {
    font-size: 24px;
    line-height: 36px;
    font-weight: 300;
    border-left: 12px solid #71c8e5
}

.book-list span.line {
    width: 100%;
    height: 1px;
    background: #cfcfcf
}

span.line {
    width: 75px;
    height: 4px;
    border-radius: 4px;
    background: #10294d;
    display: inline-block;
    float: left
}

.menu_alt_ic .yanmenu_acilir span {
    right: 18px;
    left: auto;
    color: var(--background-dark)
}

.menu_alt_ic .open span {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.blog_ust {
    position: relative;
    border-radius: 10px;
    overflow: hidden
}

    .blog_ust::after {
        content: "";
        position: absolute;
        background: linear-gradient(180deg,rgba(102,102,102,0) 0,rgba(0,0,0,.9) 100%);
        inset: 0;
        z-index: 1
    }

.blog_ust_detay {
    position: absolute;
    bottom: 50px;
    left: 50px;
    right: 50px;
    z-index: 3;
    color: #fff;
    padding-right: 15%
}

    .blog_ust_detay .sitelink_line {
        color: #fff
    }

        .blog_ust_detay .sitelink_line::after {
            background-color: #fff
        }

.blog_ust:hover .sitelink_line {
    padding-left: 100px
}

.icerik h3, .icerik h4, .icerik h5 {
    padding: 20px 0
}

.urunslider img {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    display: block
}

.urundetay_slider {
    position: relative;
    padding-left: 169px
}

.urunsliderth {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 92px
}

.urundetay_slider {
    position: relative
}

.urunsliderth .swiper-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 20px
}

    .urunsliderth .swiper-wrapper .swiper-slide {
        width: 100% !important;
        cursor: pointer;
        opacity: .7
    }

        .urunsliderth .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
            opacity: 1
        }

        .urunsliderth .swiper-wrapper .swiper-slide img {
            border-radius: 10px
        }

.urundetay_urunsayisi input {
    border: 0;
    width: 50px;
    background-color: transparent;
    font-size: 20px;
    font-weight: 800
}

.urundetay_urunsayisi button {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--primary);
    color: #fff;
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -ms-border-radius: 50% !important;
    -o-border-radius: 50% !important
}

.urundetay_sektorler_liste {
    display: flex;
    flex-wrap: wrap;
    column-gap: 2%;
    row-gap: 20px
}

    .urundetay_sektorler_liste a {
        width: 18.4%;
        display: flex;
        align-items: center;
        padding: 10px 20px;
        background-color: #f1f1f5;
        column-gap: 20px;
        border-radius: 16px
    }

        .urundetay_sektorler_liste a:hover {
            background-color: var(--primary);
            color: #fff
        }

            .urundetay_sektorler_liste a:hover img {
                filter: invert(1)
            }

.urunozellikleri_box {
    display: flex;
    column-gap: 20px;
    background-image: repeating-linear-gradient(90deg,#808285,#808285 18px,transparent 18px,transparent 23px);
    background-position: left top;
    background-repeat: repeat-x;
    background-size: 100% 1px;
    align-items: center;
    padding: 40px 0
}

.urunozellikleri_box_ikon img {
    width: 48px
}

.urunozellikleri_box_sag {
    flex-direction: column;
    display: flex;
    flex: 1
}

    .urunozellikleri_box_sag span {
        color: var(--primary)
    }

.urundetay_bankalar ul {
    display: flex;
    flex-wrap: wrap;
    column-gap: 60px;
    row-gap: 60px;
    justify-content: flex-start
}

    .urundetay_bankalar ul li {
        width: 14%;
        display: flex;
        align-items: center;
        justify-content: center
    }

.urundetay_ozellikslider_ikon {
    width: 160px;
    height: 160px;
    background-color: #171725;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-top: -93px
}

.urundetay_ozellikslider .swiper-slide {
    overflow: visible
}

.slider3col .swiper-slide {
    opacity: .3;
    transition: opacity .3s;
    overflow: visible;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s
}

.slider3col .swiper-slide-active, .slider3col .swiper-slide-next, .slider3col .swiper-slide-prev {
    opacity: 1
}

.urundetay_musteriyorumlari_flex:after {
    background: linear-gradient(108.57deg,#0062c5 3.58%,#002f5f 76.82%);
    border-radius: 30px 30px 331px 30px;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 80%
}

.musteriyorumikon {
    position: absolute;
    left: 24px;
    top: -49px;
    width: 184px;
    height: 87px
}

.urundetay_musteriyorumlari_flex {
    position: relative
}

.musteriyorumlari_baslik {
    margin-top: 120px
}

.musteriyorumbox {
    background-color: #fff;
    overflow: hidden;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px
}

.urundetay_musteriyorumslider .swiper-slide {
    overflow: visible
}

.urundetay_musteriyorumslider .swiper-slide {
    opacity: 0;
    transition: opacity .3s;
    overflow: visible;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s
}

.urundetay_musteriyorumslider .swiper-slide-active, .urundetay_musteriyorumslider .swiper-slide-next {
    opacity: 1
}

.urundetay_musteriyorumlari_sol {
    position: relative;
    z-index: 5
}

.urundetay_video {
    position: relative;
    height: 800px;
    overflow: hidden
}

    .urundetay_video:after {
        content: "";
        position: absolute;
        inset: 0;
        background-color: rgba(0,0,0,.7);
        z-index: 2
    }

.urundetay_video_ikon {
    position: absolute;
    width: 98px;
    height: 98px;
    inset: 0;
    margin: auto;
    z-index: 10
}

.urundetay_sss {
    position: relative;
    z-index: 6
}

.urundetay_yardim {
    background-color: #171725;
    padding-top: 200px;
    padding-bottom: 150px;
    margin-top: -50px;
    color: #fff;
    position: relative;
    z-index: 5
}

.urundetay_yardim_flex {
    position: relative;
    z-index: 3
}

.urundetay_yardim:after {
    background-image: url(../images/urundetay_yardim_bg.jpg);
    background-size: cover;
    position: absolute;
    inset: 0;
    content: "";
    z-index: 1;
    opacity: .16
}

.musteriyorumbox_detay span {
    font-size: 16px;
    font-weight: 800;
    color: #53565b
}

.musteriyorumbox_detay h4 {
    font-size: 32px;
    color: var(--primary)
}

.musteriyorumbox_detay {
    font-size: 18px;
    font-weight: 800
}

    .musteriyorumbox_detay p {
        margin-top: 20px;
        color: #808285
    }

.sepetinizurunliste_miktar input {
    width: 20px;
    border: 0;
    background-color: transparent
}

.sepetinizurunliste_miktar {
    position: absolute;
    bottom: 30px;
    right: 20px
}

.sepetinizurunliste_sil {
    position: absolute;
    top: 30px;
    right: 20px
}

.flex-1 {
    flex: 1
}

.urundetay_musteriyorumlari_sag {
    position: relative;
    z-index: 20
}

#Grid .mix {
    opacity: 0;
    display: none
}

.filterlink {
    float: left;
    width: 100%
}

.grid {
    clear: both;
    display: flex;
    list-style: outside none none;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 40px;
    column-gap: 100px
}

.referans_logobox {
    display: flex;
    height: 100%;
    align-items: center;
    padding: 0 21px;
    position: relative
}

.grid * {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.filterlink > ul {
    float: left;
    text-align: center;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 20px;
    column-gap: 30px
}

.portfolio-filter-one li {
    color: #221f1f;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    padding: 14px 60px;
    text-decoration: none;
    border-radius: 100px;
    box-shadow: 0 12px 14.9px rgba(0,0,0,.1);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

    .portfolio-filter-one li.active, .portfolio-filter-one li:hover {
        color: #fff;
        background-color: var(--primary);
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out
    }

.portfolio-single-title {
    margin-top: 32px;
    margin-bottom: 26px
}

.grid figcaption h6 {
    margin: 10px 0 0 0;
    padding: 0;
    font-weight: 700
}

.grid figcaption p {
    font-style: italic
}

.cs-style-2 figure img {
    z-index: 10;
    -webkit-transition: -webkit-transform .4s;
    -moz-transition: -moz-transform .4s;
    transition: transform .4s
}

.cs-style-2 figure.cs-hover img, .no-touch .cs-style-2 figure:hover img {
    -webkit-transform: translateY(-80px);
    -moz-transform: translateY(-80px);
    -ms-transform: translateY(-80px);
    transform: translateY(-80px)
}

.cs-style-2 figcaption {
    height: 80px;
    width: 100%;
    top: auto;
    bottom: 0
}

    .cs-style-2 figcaption a {
        margin-top: 0;
        margin-left: 6px;
        margin-right: 6px
    }

.mix.col:nth-child(4n+5) {
    margin-left: 0
}

.m_goster {
    display: none
}

.referans_logobox img {
    filter: grayscale(1);
    -webkit-filter: grayscale(1)
}

.referans_logobox:hover img {
    filter: grayscale(0);
    -webkit-filter: grayscale(0)
}

@-webkit-keyframes aitf {
    0% {
        background-position: 0 50%
    }

    100% {
        background-position: 100% 50%
    }
}

.portlio-list {
    text-align: center;
    margin: 0;
    width: 97%;
    position: relative
}

    .portlio-list h6 {
        margin-top: 24px;
        margin-bottom: 4px;
        padding-right: 24px;
        padding-left: 24px
    }

    .portlio-list p {
        font-style: italic;
        padding-right: 24px;
        padding-left: 24px;
        margin-bottom: 25px
    }

.portlio-list-img {
    width: 100%
}

@-webkit-keyframes toBottomFromTop {
    49% {
        -webkit-transform: translateY(100%)
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%)
    }

    51% {
        opacity: 1
    }
}

@-moz-keyframes toBottomFromTop {
    49% {
        -moz-transform: translateY(100%)
    }

    50% {
        opacity: 0;
        -moz-transform: translateY(-100%)
    }

    51% {
        opacity: 1
    }
}

@keyframes toBottomFromTop {
    49% {
        transform: translateY(100%)
    }

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

    51% {
        opacity: 1
    }
}

@-webkit-keyframes toRightFromLeft {
    49% {
        -webkit-transform: translate(100%)
    }

    50% {
        opacity: 0;
        -webkit-transform: translate(-100%)
    }

    51% {
        opacity: 1
    }
}

@-moz-keyframes toRightFromLeft {
    49% {
        -moz-transform: translate(100%)
    }

    50% {
        opacity: 0;
        -moz-transform: translate(-100%)
    }

    51% {
        opacity: 1
    }
}

@keyframes toRightFromLeft {
    49% {
        transform: translate(100%)
    }

    50% {
        opacity: 0;
        transform: translate(-100%)
    }

    51% {
        opacity: 1
    }
}

@-webkit-keyframes toTopFromBottom {
    49% {
        -webkit-transform: translateY(-100%)
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(100%)
    }

    51% {
        opacity: 1
    }
}

@-moz-keyframes toTopFromBottom {
    49% {
        -moz-transform: translateY(-100%)
    }

    50% {
        opacity: 0;
        -moz-transform: translateY(100%)
    }

    51% {
        opacity: 1
    }
}

@keyframes toTopFromBottom {
    49% {
        transform: translateY(-100%)
    }

    50% {
        opacity: 0;
        transform: translateY(100%)
    }

    51% {
        opacity: 1
    }
}

@-webkit-keyframes toLeftFromRight {
    49% {
        -webkit-transform: translate(-100%)
    }

    50% {
        opacity: 0;
        -webkit-transform: translate(100%)
    }

    51% {
        opacity: 1
    }
}

@-moz-keyframes toLeftFromRight {
    49% {
        -moz-transform: translate(-100%)
    }

    50% {
        opacity: 0;
        -moz-transform: translate(100%)
    }

    51% {
        opacity: 1
    }
}

@keyframes toLeftFromRight {
    49% {
        transform: translate(-100%)
    }

    50% {
        opacity: 0;
        transform: translate(100%)
    }

    51% {
        opacity: 1
    }
}

@media screen and (max-width:31.5em) {
    .grid {
        padding: 10px 10px 100px 10px
    }

        .grid li {
            width: 100%;
            min-width: 300px
        }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    60% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }

    60% {
        -webkit-transform: translateX(20px)
    }

    80% {
        -webkit-transform: translateX(-5px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-2000px)
    }

    60% {
        -moz-transform: translateX(20px)
    }

    80% {
        -moz-transform: translateX(-5px)
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@-o-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-2000px)
    }

    60% {
        opacity: 1;
        -o-transform: translateX(20px)
    }

    80% {
        -o-transform: translateX(-5px)
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0)
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px)
    }

    60% {
        transform: translateX(20px)
    }

    80% {
        transform: translateX(-5px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }

    60% {
        -webkit-transform: translateX(-20px)
    }

    80% {
        -webkit-transform: translateX(5px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes bounceInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(2000px)
    }

    60% {
        -moz-transform: translateX(-20px)
    }

    80% {
        -moz-transform: translateX(5px)
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@-o-keyframes bounceInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(2000px)
    }

    60% {
        -o-transform: translateX(-20px)
    }

    80% {
        -o-transform: translateX(5px)
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0)
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px)
    }

    60% {
        transform: translateX(-20px)
    }

    80% {
        transform: translateX(5px)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3)
    }

    50% {
        -webkit-transform: scale(1.05)
    }

    70% {
        -webkit-transform: scale(.9)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1)
    }
}

@-moz-keyframes bounceIn {
    0% {
        opacity: 0;
        -moz-transform: scale(.3)
    }

    50% {
        -moz-transform: scale(1.05)
    }

    70% {
        -moz-transform: scale(.9)
    }

    100% {
        opacity: 1;
        -moz-transform: scale(1)
    }
}

@-o-keyframes bounceIn {
    0% {
        opacity: 0;
        -o-transform: scale(.3)
    }

    50% {
        -o-transform: scale(1.05)
    }

    70% {
        -o-transform: scale(.9)
    }

    100% {
        opacity: 1;
        -o-transform: scale(1)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(.3)
    }

    50% {
        transform: scale(1.05)
    }

    70% {
        transform: scale(.9)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@-webkit-keyframes moveUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(40px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes moveUp {
    0% {
        opacity: 1;
        -moz-transform: translateY(40px)
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@-o-keyframes moveUp {
    0% {
        opacity: 1;
        -o-transform: translateY(40px)
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}

@keyframes moveUp {
    0% {
        opacity: 1;
        transform: translateY(40px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeBgColor {
    0% {
        background: 0
    }

    70% {
        background: 0
    }

    100% {
        background: #46474d
    }
}

.animationDelay {
    animation-delay: .4s;
    -webkit-animation-delay: .4s
}

.animationDelayMed {
    animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s
}

.animationDelayLong {
    animation-delay: 1.6s;
    -webkit-animation-delay: 1.6s
}

.fadeBgColor {
    -webkit-animation-name: fadeBgColor;
    -moz-animation-name: fadeBgColor;
    -o-animation-name: fadeBgColor;
    animation-name: fadeBgColor
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    -moz-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-name: bounceIn
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    -moz-animation-name: bounceInRight;
    -o-animation-name: bounceInRight;
    animation-name: bounceInRight
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    -moz-animation-name: bounceInLeft;
    -o-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.moveUp {
    -webkit-animation-name: moveUp;
    -moz-animation-name: moveUp;
    -o-animation-name: moveUp;
    animation-name: moveUp
}

@media(max-width:987px) {
    .phone-space-seven h1 {
        margin-top: 50px
    }

    .nav-finish {
        margin-top: 0
    }
}

@media(max-width:480px) {
    .fa {
        margin-right: 0
    }

    .portfolio-filter-one .btn-primary {
        display: inline-block
    }

    .portfolio-filter-one ul li:last-child {
        margin-right: 10px
    }

    .portlio-list h6 {
        margin-top: -80px
    }
}

.footer {
    position: relative;
    background-color: #061222;
    overflow: hidden
}

.footer_flex {
    position: relative;
    z-index: 2
}

.footer::after {
    content: "";
    background: #006481;
    filter: blur(700px);
    width: 1780px;
    height: 1780px;
    position: absolute;
    top: 57%;
    border-radius: 50%;
    z-index: 1;
    margin: auto;
    left: 0;
    right: 0
}

.footer a {
    color: #fff
}

.footer_menubox ul {
    float: left;
    width: 100%;
    margin-top: 20px
}

    .footer_menubox ul li {
        margin: 8px 0
    }

.footer_alt {
    position: relative;
    z-index: 2
}

.cd-top {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 56px;
    width: 56px;
    position: fixed;
    bottom: 14px;
    right: 15px;
    box-shadow: 0 0 10px rgba(0,0,0,.05);
    overflow: hidden;
    background: var(--bg-dark);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s,visibility 0 .3s;
    -moz-transition: opacity .3s 0s,visibility 0 .3s;
    transition: opacity .3s 0s,visibility 0 .3s;
    z-index: 999;
    border: 2px solid #000;
    border-radius: 50%
}

    .cd-top.cd-fade-out, .cd-top.cd-is-visible, .no-touch .cd-top:hover {
        -webkit-transition: opacity .3s 0s,visibility 0 0;
        -moz-transition: opacity .3s 0s,visibility 0 0;
        transition: opacity .3s 0s,visibility 0 0
    }

    .cd-top.cd-is-visible {
        visibility: visible;
        opacity: 1
    }

    .cd-top:hover {
        opacity: 1 !important
    }

    .cd-top svg line {
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0
    }

    .cd-top svg path {
        -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
        transform-origin: 50% 0
    }

    .cd-top:hover svg line {
        -webkit-animation: edgtf-btt-animate-line .7s .2s forwards;
        animation: edgtf-btt-animate-line .7s .2s forwards
    }

    .cd-top:hover svg path {
        -webkit-animation: edgtf-btt-animate-path .7s forwards;
        animation: edgtf-btt-animate-path .7s forwards
    }

@-webkit-keyframes edgtf-btt-animate-path {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    30% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes edgtf-btt-animate-path {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    30% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes edgtf-btt-animate-line {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    30% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    40% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%
    }

    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%
    }
}

@keyframes edgtf-btt-animate-line {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    30% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    40% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%
    }

    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%
    }
}

canvas, img, svg, video {
    max-width: 100%;
    height: auto;
    box-sizing: border-box
}

fieldset, img {
    border: 0
}

a {
    color: var(--on-primary)
}

    a:hover {
        color: #ababab;
        text-decoration: none
    }

*, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.clearfix:after, .clearfix:before {
    display: table;
    content: ''
}

.clearfix:after {
    clear: both
}

::-moz-selection {
    background: #3b3b3b;
    color: #818181
}

::selection {
    background: #3b3b3b;
    color: #818181
}

button, input, select, textarea {
    font-family: var(--font-family),sans-serif
}

textarea {
    -webkit-appearance: none
}

input:focus {
    color: #000;
    background-color: transparent
}

input[type=button], input[type=color], input[type=date], input[type=datetime], input[type=email], input[type=number], input[type=password], input[type=search], input[type=submit], input[type=tel], input[type=text], input[type=time] input[type=file] {
    -webkit-appearance: none
}

textarea:focus {
    color: #000;
    background-color: transparent
}

address, caption, cite, code, dfn, th, var {
    font-style: normal;
    font-weight: 400
}

ol, ul {
    list-style: none
}

caption, th {
    text-align: left
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400
}

q:after, q:before {
    content: ''
}

abbr, acronym {
    border: 0
}

img {
    max-width: 100%
}

abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

    nav ul {
        list-style: none
    }

blockquote, q {
    quotes: none
}

    blockquote:after, blockquote:before, q:after, q:before {
        content: '';
        content: none
    }

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: 700
}

del {
    text-decoration: line-through
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
    float: left;
    width: 100%
}

input, select {
    vertical-align: middle
}

p {
    padding-bottom: 20px
}

.chromeframe {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ccc;
    z-index: 9999
}

.chrome_box {
    left: 50%;
    color: #000;
    font-size: 20px;
    text-align: center;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%)
}

.list-style {
    float: left;
    width: 100%;
    padding-bottom: 20px
}

    .list-style li {
        padding-left: 19px;
        position: relative
    }

        .list-style li::after {
            content: "•";
            left: 0;
            position: absolute;
            top: 0
        }

.number-style {
    float: left;
    width: 100%;
    padding-bottom: 20px
}

    .number-style li {
        padding-left: 30px;
        position: relative;
        counter-increment: questionNumber
    }

        .number-style li::after {
            content: counters(questionNumber, ".", decimal) ".";
            left: 0;
            position: absolute;
            top: 0;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            text-rendering: optimizeLegibility
        }

.search_ul li::after {
    display: none
}

a:focus, input:focus, textarea:focus {
    outline: 0
}

.section {
    clear: both;
    margin: 0 auto;
    padding: 0 .6%;
    width: 95%;
    max-width: 1440px
}

.group:after, .group:before {
    content: "";
    display: table
}

.group:after {
    clear: both
}

.group {
    zoom: 1
}

.col {
    display: block;
    float: left;
    padding: 1% 0 1% 1.6%;
    min-height: 1px
}

    .col:first-child {
        padding-left: 0
    }

.colfirst {
    padding-left: 0
}

.collast {
    padding-right: 0
}

.col10 {
    display: block;
    float: left;
    padding: 1% 0 1% 1.6%;
    min-height: 1px
}

    .col10:first-child {
        padding-left: 0
    }

.col10first {
    padding-left: 0
}

.col10last {
    padding-right: 0
}

@media only screen and (max-width:1180px) {
    .col {
        padding: 1% 0
    }

    .col10 {
        padding: 1% 0
    }

    .m-flex-row-rev {
        flex-direction: column-reverse
    }
}

.col50 {
    width: 50%
}

.col25 {
    width: 25%
}

.col33 {
    width: 33.333%
}

.col12 {
    width: 100%
}

.col11 {
    width: 91.66666667%
}

.col10 {
    width: 83.33333333%
}

.col9 {
    width: 75%
}

.col8 {
    width: 66.66666667%
}

.col7 {
    width: 58.33333333%
}

.col6 {
    width: 50%
}

.col5 {
    width: 41.66666667%
}

.col4 {
    width: 33.33333333%
}

.col3 {
    width: 25%
}

.col2 {
    width: 16.66666667%
}

.col1 {
    width: 8.33333333%
}

.col10_10 {
    width: 100%
}

.col10_9 {
    width: 90%
}

.col10_8 {
    width: 80%
}

.col10_7 {
    width: 70%
}

.col10_6 {
    width: 60%
}

.col10_5 {
    width: 50%
}

.col10_4 {
    width: 40%
}

.col10_3 {
    width: 30%
}

.col10_2 {
    width: 20%
}

.col10_1 {
    width: 10%
}

@media only screen and (max-width:1180px) {
    .section {
        width: 95%
    }

    .col12 {
        width: 100%
    }

    .col11 {
        width: 100%
    }

    .col10 {
        width: 100%
    }

    .col9 {
        width: 100%
    }

    .col8 {
        width: 100%
    }

    .col7 {
        width: 100%
    }

    .col6 {
        width: 100%
    }

    .col5 {
        width: 100%
    }

    .col4 {
        width: 100%
    }

    .col3 {
        width: 100%
    }

    .col2 {
        width: 100%
    }

    .col1 {
        width: 100%
    }

    .col50 {
        width: 100%
    }

    .col25 {
        width: 100%
    }

    .col33 {
        width: 100%
    }

    .col10_10 {
        width: 100%
    }

    .col10_9 {
        width: 100%
    }

    .col10_8 {
        width: 100%
    }

    .col10_7 {
        width: 100%
    }

    .col10_6 {
        width: 100%
    }

    .col10_5 {
        width: 100%
    }

    .col10_4 {
        width: 100%
    }

    .col10_3 {
        width: 100%
    }

    .col10_2 {
        width: 100%
    }

    .col10_1 {
        width: 100%
    }
}

a:focus {
    outline: 0
}

a:hover {
    text-decoration: none
}

button {
    outline: 0;
    border: none;
    background: 0 0;
    cursor: pointer
}

    button:focus {
        outline: 0
    }

iframe {
    border: none
}

.fw-300 {
    font-weight: 300
}

.fw-400 {
    font-weight: 400
}

.fw-500 {
    font-weight: 500
}

.fw-600 {
    font-weight: 600
}

.fw-700 {
    font-weight: 700
}

.fs-1 {
    font-size: 1px
}

.fs-2 {
    font-size: 2px
}

.fs-3 {
    font-size: 3px
}

.fs-4 {
    font-size: 4px
}

.fs-5 {
    font-size: 5px
}

.fs-6 {
    font-size: 6px
}

.fs-7 {
    font-size: 7px
}

.fs-8 {
    font-size: 8px
}

.fs-9 {
    font-size: 9px
}

.fs-10 {
    font-size: 10px
}

.fs-11 {
    font-size: 11px
}

.fs-12 {
    font-size: 12px
}

.fs-13 {
    font-size: 13px
}

.fs-14 {
    font-size: 14px
}

.fs-15 {
    font-size: 15px
}

.fs-16 {
    font-size: 16px
}

.fs-17 {
    font-size: 17px
}

.fs-18 {
    font-size: 18px
}

.fs-19 {
    font-size: 19px
}

.fs-20 {
    font-size: 20px
}

.fs-21 {
    font-size: 21px
}

.fs-22 {
    font-size: 22px
}

.fs-23 {
    font-size: 23px
}

.fs-24 {
    font-size: 24px
}

.fs-25 {
    font-size: 25px
}

.fs-26 {
    font-size: 26px
}

.fs-27 {
    font-size: 27px
}

.fs-28 {
    font-size: 28px
}

.fs-29 {
    font-size: 29px
}

.fs-30 {
    font-size: 30px
}

.fs-31 {
    font-size: 31px
}

.fs-32 {
    font-size: 32px
}

.fs-33 {
    font-size: 33px
}

.fs-34 {
    font-size: 34px
}

.fs-35 {
    font-size: 35px
}

.fs-36 {
    font-size: 36px
}

.fs-37 {
    font-size: 37px
}

.fs-38 {
    font-size: 38px
}

.fs-39 {
    font-size: 39px
}

.fs-40 {
    font-size: 40px
}

.fs-41 {
    font-size: 41px
}

.fs-42 {
    font-size: 42px
}

.fs-43 {
    font-size: 43px
}

.fs-44 {
    font-size: 44px
}

.fs-45 {
    font-size: 45px
}

.fs-46 {
    font-size: 46px
}

.fs-47 {
    font-size: 47px
}

.fs-48 {
    font-size: 48px
}

.fs-49 {
    font-size: 49px
}

.fs-50 {
    font-size: 50px
}

.fs-51 {
    font-size: 51px
}

.fs-52 {
    font-size: 52px
}

.fs-53 {
    font-size: 53px
}

.fs-54 {
    font-size: 54px
}

.fs-55 {
    font-size: 55px
}

.fs-56 {
    font-size: 56px
}

.fs-57 {
    font-size: 57px
}

.fs-58 {
    font-size: 58px
}

.fs-59 {
    font-size: 59px
}

.fs-60 {
    font-size: 60px
}

.fs-61 {
    font-size: 61px
}

.fs-62 {
    font-size: 62px
}

.fs-63 {
    font-size: 63px
}

.fs-64 {
    font-size: 64px
}

.fs-65 {
    font-size: 65px
}

.fs-66 {
    font-size: 66px
}

.fs-67 {
    font-size: 67px
}

.fs-68 {
    font-size: 68px
}

.fs-69 {
    font-size: 69px
}

.fs-70 {
    font-size: 70px
}

.fs-71 {
    font-size: 71px
}

.fs-72 {
    font-size: 72px
}

.fs-73 {
    font-size: 73px
}

.fs-74 {
    font-size: 74px
}

.fs-75 {
    font-size: 75px
}

.fs-76 {
    font-size: 76px
}

.fs-77 {
    font-size: 77px
}

.fs-78 {
    font-size: 78px
}

.fs-79 {
    font-size: 79px
}

.fs-80 {
    font-size: 80px
}

.fs-81 {
    font-size: 81px
}

.fs-82 {
    font-size: 82px
}

.fs-83 {
    font-size: 83px
}

.fs-84 {
    font-size: 84px
}

.fs-85 {
    font-size: 85px
}

.fs-86 {
    font-size: 86px
}

.fs-87 {
    font-size: 87px
}

.fs-88 {
    font-size: 88px
}

.fs-89 {
    font-size: 89px
}

.fs-90 {
    font-size: 90px
}

.fs-91 {
    font-size: 91px
}

.fs-92 {
    font-size: 92px
}

.fs-93 {
    font-size: 93px
}

.fs-94 {
    font-size: 94px
}

.fs-95 {
    font-size: 95px
}

.fs-96 {
    font-size: 96px
}

.fs-97 {
    font-size: 97px
}

.fs-98 {
    font-size: 98px
}

.fs-99 {
    font-size: 99px
}

.fs-100 {
    font-size: 100px
}

.fs-101 {
    font-size: 101px
}

.fs-102 {
    font-size: 102px
}

.fs-103 {
    font-size: 103px
}

.fs-104 {
    font-size: 104px
}

.fs-105 {
    font-size: 105px
}

.fs-106 {
    font-size: 106px
}

.fs-107 {
    font-size: 107px
}

.fs-108 {
    font-size: 108px
}

.fs-109 {
    font-size: 109px
}

.fs-110 {
    font-size: 110px
}

.fs-111 {
    font-size: 111px
}

.fs-112 {
    font-size: 112px
}

.fs-113 {
    font-size: 113px
}

.fs-114 {
    font-size: 114px
}

.fs-115 {
    font-size: 115px
}

.fs-116 {
    font-size: 116px
}

.fs-117 {
    font-size: 117px
}

.fs-118 {
    font-size: 118px
}

.fs-119 {
    font-size: 119px
}

.fs-120 {
    font-size: 120px
}

.fs-121 {
    font-size: 121px
}

.fs-122 {
    font-size: 122px
}

.fs-123 {
    font-size: 123px
}

.fs-124 {
    font-size: 124px
}

.fs-125 {
    font-size: 125px
}

.fs-126 {
    font-size: 126px
}

.fs-127 {
    font-size: 127px
}

.fs-128 {
    font-size: 128px
}

.fs-129 {
    font-size: 129px
}

.fs-130 {
    font-size: 130px
}

.fs-131 {
    font-size: 131px
}

.fs-132 {
    font-size: 132px
}

.fs-133 {
    font-size: 133px
}

.fs-134 {
    font-size: 134px
}

.fs-135 {
    font-size: 135px
}

.fs-136 {
    font-size: 136px
}

.fs-137 {
    font-size: 137px
}

.fs-138 {
    font-size: 138px
}

.fs-139 {
    font-size: 139px
}

.fs-140 {
    font-size: 140px
}

.fs-141 {
    font-size: 141px
}

.fs-142 {
    font-size: 142px
}

.fs-143 {
    font-size: 143px
}

.fs-144 {
    font-size: 144px
}

.fs-145 {
    font-size: 145px
}

.fs-146 {
    font-size: 146px
}

.fs-147 {
    font-size: 147px
}

.fs-148 {
    font-size: 148px
}

.fs-149 {
    font-size: 149px
}

.fs-150 {
    font-size: 150px
}

.fs-151 {
    font-size: 151px
}

.fs-152 {
    font-size: 152px
}

.fs-153 {
    font-size: 153px
}

.fs-154 {
    font-size: 154px
}

.fs-155 {
    font-size: 155px
}

.fs-156 {
    font-size: 156px
}

.fs-157 {
    font-size: 157px
}

.fs-158 {
    font-size: 158px
}

.fs-159 {
    font-size: 159px
}

.fs-160 {
    font-size: 160px
}

.fs-161 {
    font-size: 161px
}

.fs-162 {
    font-size: 162px
}

.fs-163 {
    font-size: 163px
}

.fs-164 {
    font-size: 164px
}

.fs-165 {
    font-size: 165px
}

.fs-166 {
    font-size: 166px
}

.fs-167 {
    font-size: 167px
}

.fs-168 {
    font-size: 168px
}

.fs-169 {
    font-size: 169px
}

.fs-170 {
    font-size: 170px
}

.fs-171 {
    font-size: 171px
}

.fs-172 {
    font-size: 172px
}

.fs-173 {
    font-size: 173px
}

.fs-174 {
    font-size: 174px
}

.fs-175 {
    font-size: 175px
}

.fs-176 {
    font-size: 176px
}

.fs-177 {
    font-size: 177px
}

.fs-178 {
    font-size: 178px
}

.fs-179 {
    font-size: 179px
}

.fs-180 {
    font-size: 180px
}

.fs-181 {
    font-size: 181px
}

.fs-182 {
    font-size: 182px
}

.fs-183 {
    font-size: 183px
}

.fs-184 {
    font-size: 184px
}

.fs-185 {
    font-size: 185px
}

.fs-186 {
    font-size: 186px
}

.fs-187 {
    font-size: 187px
}

.fs-188 {
    font-size: 188px
}

.fs-189 {
    font-size: 189px
}

.fs-190 {
    font-size: 190px
}

.fs-191 {
    font-size: 191px
}

.fs-192 {
    font-size: 192px
}

.fs-193 {
    font-size: 193px
}

.fs-194 {
    font-size: 194px
}

.fs-195 {
    font-size: 195px
}

.fs-196 {
    font-size: 196px
}

.fs-197 {
    font-size: 197px
}

.fs-198 {
    font-size: 198px
}

.fs-199 {
    font-size: 199px
}

.fs-200 {
    font-size: 200px
}

.m-0 {
    margin: 0 !important
}

.m-5 {
    margin: 5px !important
}

.mt-0, .my-0 {
    margin-top: 0 !important
}

.mt-5, .my-5 {
    margin-top: 5px !important
}

.mr-0, .mx-0 {
    margin-right: 0 !important
}

.mr-5, .mx-5 {
    margin-right: 5px !important
}

.mb-0, .my-0 {
    margin-bottom: 0 !important
}

.mb-5, .my-5 {
    margin-bottom: 5px !important
}

.ml-05, .mx-0 {
    margin-left: 5px !important
}

.ml-5, .mx-5 {
    margin-left: 5px !important
}

.m-10 {
    margin: 10px !important
}

.mt-10, .my-10 {
    margin-top: 10px !important
}

.mr-10, .mx-10 {
    margin-right: 10px !important
}

.mb-10, .my-10 {
    margin-bottom: 10px !important
}

.ml-10, .mx-10 {
    margin-left: 10px !important
}

.m-15 {
    margin: 15px !important
}

.mt-15, .my-15 {
    margin-top: 15px !important
}

.mr-15, .mx-15 {
    margin-right: 15px !important
}

.mb-15, .my-15 {
    margin-bottom: 15px !important
}

.ml-15, .mx-15 {
    margin-left: 15px !important
}

.m-20 {
    margin: 20px !important
}

.mt-20, .my-20 {
    margin-top: 20px !important
}

.mr-20, .mx-20 {
    margin-right: 20px !important
}

.mb-20, .my-20 {
    margin-bottom: 20px !important
}

.ml-20, .mx-20 {
    margin-left: 20px !important
}

.m-25 {
    margin: 25px !important
}

.mt-25, .my-25 {
    margin-top: 25px !important
}

.mr-25, .mx-25 {
    margin-right: 25px !important
}

.mb-25, .my-25 {
    margin-bottom: 25px !important
}

.ml-25, .mx-25 {
    margin-left: 25px !important
}

.m-30 {
    margin: 30px !important
}

.mt-30, .my-30 {
    margin-top: 30px !important
}

.mr-30, .mx-30 {
    margin-right: 30px !important
}

.mb-30, .my-30 {
    margin-bottom: 30px !important
}

.ml-30, .mx-30 {
    margin-left: 30px !important
}

.m-35 {
    margin: 35px !important
}

.mt-35, .my-35 {
    margin-top: 35px !important
}

.mr-35, .mx-35 {
    margin-right: 35px !important
}

.mb-35, .my-35 {
    margin-bottom: 35px !important
}

.ml-35, .mx-35 {
    margin-left: 35px !important
}

.m-40 {
    margin: 40px !important
}

.mt-40, .my-40 {
    margin-top: 40px !important
}

.mr-40, .mx-40 {
    margin-right: 40px !important
}

.mb-40, .my-40 {
    margin-bottom: 40px !important
}

.ml-40, .mx-40 {
    margin-left: 40px !important
}

.m-45 {
    margin: 45px !important
}

.mt-45, .my-45 {
    margin-top: 45px !important
}

.mr-45, .mx-45 {
    margin-right: 45px !important
}

.mb-45, .my-45 {
    margin-bottom: 45px !important
}

.ml-45, .mx-45 {
    margin-left: 45px !important
}

.m-50 {
    margin: 50px !important
}

.mt-50, .my-50 {
    margin-top: 50px !important
}

.mr-50, .mx-50 {
    margin-right: 50px !important
}

.mb-50, .my-50 {
    margin-bottom: 50px !important
}

.ml-50, .mx-50 {
    margin-left: 50px !important
}

.m-60 {
    margin: 60px !important
}

.mt-60, .my-60 {
    margin-top: 60px !important
}

.mr-60, .mx-60 {
    margin-right: 60px !important
}

.mb-60, .my-60 {
    margin-bottom: 60px !important
}

.ml-60, .mx-60 {
    margin-left: 60px !important
}

.m-70 {
    margin: 70px !important
}

.mt-70, .my-70 {
    margin-top: 70px !important
}

.mr-70, .mx-70 {
    margin-right: 70px !important
}

.mb-70, .my-70 {
    margin-bottom: 70px !important
}

.ml-70, .mx-70 {
    margin-left: 70px !important
}

.m-80 {
    margin: 80px !important
}

.mt-80, .my-80 {
    margin-top: 80px !important
}

.mr-80, .mx-80 {
    margin-right: 80px !important
}

.mb-80, .my-80 {
    margin-bottom: 80px !important
}

.ml-80, .mx-80 {
    margin-left: 80px !important
}

.m-90 {
    margin: 90px !important
}

.mt-90, .my-90 {
    margin-top: 90px !important
}

.mr-90, .mx-90 {
    margin-right: 90px !important
}

.mb-90, .my-90 {
    margin-bottom: 90px !important
}

.ml-90, .mx-90 {
    margin-left: 90px !important
}

.m-100 {
    margin: 100px !important
}

.mt-100, .my-100 {
    margin-top: 100px !important
}

.mr-100, .mx-100 {
    margin-right: 100px !important
}

.mb-100, .my-100 {
    margin-bottom: 100px !important
}

.ml-100, .mx-100 {
    margin-left: 100px !important
}

.m-120 {
    margin: 120px !important
}

.mt-120, .my-120 {
    margin-top: 120px !important
}

.mr-120, .mx-120 {
    margin-right: 120px !important
}

.mb-120, .my-120 {
    margin-bottom: 120px !important
}

.ml-120, .mx-120 {
    margin-left: 120px !important
}

.m-130 {
    margin: 130px !important
}

.mt-130, .my-130 {
    margin-top: 130px !important
}

.mr-130, .mx-130 {
    margin-right: 130px !important
}

.mb-130, .my-130 {
    margin-bottom: 130px !important
}

.ml-130, .mx-130 {
    margin-left: 130px !important
}

.m-150 {
    margin: 150px !important
}

.mt-150, .my-150 {
    margin-top: 150px !important
}

.mr-150, .mx-150 {
    margin-right: 150px !important
}

.mb-150, .my-150 {
    margin-bottom: 150px !important
}

.ml-150, .mx-150 {
    margin-left: 150px !important
}

.m-200 {
    margin: 200px !important
}

.mt-200, .my-200 {
    margin-top: 200px !important
}

.mr-200, .mx-200 {
    margin-right: 200px !important
}

.mb-200, .my-200 {
    margin-bottom: 200px !important
}

.ml-200, .mx-200 {
    margin-left: 200px !important
}

.m-300 {
    margin: 300px !important
}

.mt-300, .my-300 {
    margin-top: 300px !important
}

.mr-300, .mx-300 {
    margin-right: 300px !important
}

.mb-300, .my-300 {
    margin-bottom: 300px !important
}

.ml-300, .mx-300 {
    margin-left: 300px !important
}

.m-400 {
    margin: 400px !important
}

.mt-400, .my-400 {
    margin-top: 400px !important
}

.mr-400, .mx-400 {
    margin-right: 400px !important
}

.mb-400, .my-400 {
    margin-bottom: 400px !important
}

.ml-400, .mx-400 {
    margin-left: 400px !important
}

.p-0 {
    padding: 0 !important
}

.p-5 {
    padding: 5px !important
}

.pt-0, .py-0 {
    padding-top: 0 !important
}

.pt-5, .py-5 {
    padding-top: 5px !important
}

.pr-0, .px-0 {
    padding-right: 0 !important
}

.pr-5, .px-5 {
    padding-right: 5px !important
}

.pb-5, .py-5 {
    padding-bottom: 5px !important
}

.pl-0, .px-0 {
    padding-left: 0 !important
}

.pl-5, .px-5 {
    padding-left: 5px !important
}

.p-10 {
    padding: 10px !important
}

.pt-10, .py-10 {
    padding-top: 10px !important
}

.pr-10, .px-10 {
    padding-right: 10px !important
}

.pb-10, .py-10 {
    padding-bottom: 10px !important
}

.pl-10, .px-10 {
    padding-left: 10px !important
}

.p-15 {
    padding: 15px !important
}

.pt-15, .py-15 {
    padding-top: 15px !important
}

.pr-15, .px-15 {
    padding-right: 15px !important
}

.pb-15, .py-15 {
    padding-bottom: 15px !important
}

.pl-15, .px-15 {
    padding-left: 15px !important
}

.p-20 {
    padding: 20px !important
}

.pt-20, .py-20 {
    padding-top: 20px !important
}

.pr-20, .px-20 {
    padding-right: 20px !important
}

.pb-20, .py-20 {
    padding-bottom: 20px !important
}

.pl-20, .px-20 {
    padding-left: 20px !important
}

.p-25 {
    padding: 25px !important
}

.pt-25, .py-25 {
    padding-top: 25px !important
}

.pr-25, .px-25 {
    padding-right: 25px !important
}

.pb-25, .py-25 {
    padding-bottom: 25px !important
}

.pl-25, .px-25 {
    padding-left: 25px !important
}

.p-30 {
    padding: 30px !important
}

.pt-30, .py-30 {
    padding-top: 30px !important
}

.pr-30, .px-30 {
    padding-right: 30px !important
}

.pb-30, .py-30 {
    padding-bottom: 30px !important
}

.pl-30, .px-30 {
    padding-left: 30px !important
}

.p-35 {
    padding: 35px !important
}

.pt-35, .py-35 {
    padding-top: 35px !important
}

.pr-35, .px-35 {
    padding-right: 35px !important
}

.pb-35, .py-35 {
    padding-bottom: 35px !important
}

.pl-35, .px-35 {
    padding-left: 35px !important
}

.p-40 {
    padding: 40px !important
}

.pt-40, .py-40 {
    padding-top: 40px !important
}

.pr-40, .px-40 {
    padding-right: 40px !important
}

.pb-40, .py-40 {
    padding-bottom: 40px !important
}

.pl-40, .px-40 {
    padding-left: 40px !important
}

.p-45 {
    padding: 45px !important
}

.pt-45, .py-45 {
    padding-top: 45px !important
}

.pr-45, .px-45 {
    padding-right: 45px !important
}

.pb-45, .py-45 {
    padding-bottom: 45px !important
}

.pl-45, .px-45 {
    padding-left: 45px !important
}

.p-50 {
    padding: 50px !important
}

.pt-50, .py-50 {
    padding-top: 50px !important
}

.pr-50, .px-50 {
    padding-right: 50px !important
}

.pb-50, .py-50 {
    padding-bottom: 50px !important
}

.pl-50, .px-50 {
    padding-left: 50px !important
}

.p-60 {
    padding: 60px !important
}

.pt-60, .py-60 {
    padding-top: 60px !important
}

.pr-60, .px-60 {
    padding-right: 60px !important
}

.pb-60, .py-60 {
    padding-bottom: 60px !important
}

.pl-60, .px-60 {
    padding-left: 60px !important
}

.p-70 {
    padding: 70px !important
}

.pt-70, .py-70 {
    padding-top: 70px !important
}

.pr-70, .px-70 {
    padding-right: 70px !important
}

.pb-70, .py-70 {
    padding-bottom: 70px !important
}

.pl-70, .px-70 {
    padding-left: 70px !important
}

.p-80 {
    padding: 80px !important
}

.pt-80, .py-80 {
    padding-top: 80px !important
}

.pr-80, .px-80 {
    padding-right: 80px !important
}

.pb-80, .py-80 {
    padding-bottom: 80px !important
}

.pl-80, .px-80 {
    padding-left: 80px !important
}

.p-90 {
    padding: 90px !important
}

.pt-90, .py-90 {
    padding-top: 90px !important
}

.pr-90, .px-90 {
    padding-right: 90px !important
}

.pb-90, .py-90 {
    padding-bottom: 90px !important
}

.pl-90, .px-90 {
    padding-left: 90px !important
}

.p-100 {
    padding: 100px !important
}

.pt-100, .py-100 {
    padding-top: 100px !important
}

.pr-100, .px-100 {
    padding-right: 100px !important
}

.pb-100, .py-100 {
    padding-bottom: 100px !important
}

.pl-100, .px-100 {
    padding-left: 100px !important
}

.p-120 {
    padding: 120px !important
}

.pt-120, .py-120 {
    padding-top: 120px !important
}

.pr-120, .px-120 {
    padding-right: 120px !important
}

.pb-120, .py-120 {
    padding-bottom: 120px !important
}

.pl-120, .px-120 {
    padding-left: 120px !important
}

.p-130 {
    padding: 130px !important
}

.pt-130, .py-130 {
    padding-top: 130px !important
}

.pr-130, .px-130 {
    padding-right: 130px !important
}

.pb-130, .py-130 {
    padding-bottom: 130px !important
}

.pl-130, .px-130 {
    padding-left: 130px !important
}

.p-150 {
    padding: 150px !important
}

.pt-150, .py-150 {
    padding-top: 150px !important
}

.pr-150, .px-150 {
    padding-right: 150px !important
}

.pb-150, .py-150 {
    padding-bottom: 150px !important
}

.pl-150, .px-150 {
    padding-left: 150px !important
}

.p-200 {
    padding: 200px !important
}

.pt-200, .py-200 {
    padding-top: 200px !important
}

.pr-200, .px-200 {
    padding-right: 200px !important
}

.pb-200, .py-200 {
    padding-bottom: 200px !important
}

.pl-200, .px-200 {
    padding-left: 200px !important
}

.p-300 {
    padding: 300px !important
}

.pt-300, .py-300 {
    padding-top: 300px !important
}

.pr-300, .px-300 {
    padding-right: 300px !important
}

.pb-300, .py-300 {
    padding-bottom: 300px !important
}

.pl-300, .px-300 {
    padding-left: 300px !important
}

.p-400 {
    padding: 400px !important
}

.pt-400, .py-400 {
    padding-top: 400px !important
}

.pr-400, .px-400 {
    padding-right: 400px !important
}

.pb-400, .py-400 {
    padding-bottom: 400px !important
}

.pl-400, .px-400 {
    padding-left: 400px !important
}

@media screen and (min-width:1181px) and (max-width:1770px) {
    .l-fs-1 {
        font-size: 1px
    }

    .l-fs-2 {
        font-size: 2px
    }

    .l-fs-3 {
        font-size: 3px
    }

    .l-fs-4 {
        font-size: 4px
    }

    .l-fs-5 {
        font-size: 5px
    }

    .l-fs-6 {
        font-size: 6px
    }

    .l-fs-7 {
        font-size: 7px
    }

    .l-fs-8 {
        font-size: 8px
    }

    .l-fs-9 {
        font-size: 9px
    }

    .l-fs-10 {
        font-size: 10px
    }

    .l-fs-11 {
        font-size: 11px
    }

    .l-fs-12 {
        font-size: 12px
    }

    .l-fs-13 {
        font-size: 13px
    }

    .l-fs-14 {
        font-size: 14px
    }

    .l-fs-15 {
        font-size: 15px
    }

    .l-fs-16 {
        font-size: 16px
    }

    .l-fs-17 {
        font-size: 17px
    }

    .l-fs-18 {
        font-size: 18px
    }

    .l-fs-19 {
        font-size: 19px
    }

    .l-fs-20 {
        font-size: 20px
    }

    .l-fs-21 {
        font-size: 21px
    }

    .l-fs-22 {
        font-size: 22px
    }

    .l-fs-23 {
        font-size: 23px
    }

    .l-fs-24 {
        font-size: 24px
    }

    .l-fs-25 {
        font-size: 25px
    }

    .l-fs-26 {
        font-size: 26px
    }

    .l-fs-27 {
        font-size: 27px
    }

    .l-fs-28 {
        font-size: 28px
    }

    .l-fs-29 {
        font-size: 29px
    }

    .l-fs-30 {
        font-size: 30px
    }

    .l-fs-31 {
        font-size: 31px
    }

    .l-fs-32 {
        font-size: 32px
    }

    .l-fs-33 {
        font-size: 33px
    }

    .l-fs-34 {
        font-size: 34px
    }

    .l-fs-35 {
        font-size: 35px
    }

    .l-fs-36 {
        font-size: 36px
    }

    .l-fs-37 {
        font-size: 37px
    }

    .l-fs-38 {
        font-size: 38px
    }

    .l-fs-39 {
        font-size: 39px
    }

    .l-fs-40 {
        font-size: 40px
    }

    .l-fs-41 {
        font-size: 41px
    }

    .l-fs-42 {
        font-size: 42px
    }

    .l-fs-43 {
        font-size: 43px
    }

    .l-fs-44 {
        font-size: 44px
    }

    .l-fs-45 {
        font-size: 45px
    }

    .l-fs-46 {
        font-size: 46px
    }

    .l-fs-47 {
        font-size: 47px
    }

    .l-fs-48 {
        font-size: 48px
    }

    .l-fs-49 {
        font-size: 49px
    }

    .l-fs-50 {
        font-size: 50px
    }

    .l-fs-51 {
        font-size: 51px
    }

    .l-fs-52 {
        font-size: 52px
    }

    .l-fs-53 {
        font-size: 53px
    }

    .l-fs-54 {
        font-size: 54px
    }

    .l-fs-55 {
        font-size: 55px
    }

    .l-fs-56 {
        font-size: 56px
    }

    .l-fs-57 {
        font-size: 57px
    }

    .l-fs-58 {
        font-size: 58px
    }

    .l-fs-59 {
        font-size: 59px
    }

    .l-fs-60 {
        font-size: 60px
    }

    .l-fs-61 {
        font-size: 61px
    }

    .l-fs-62 {
        font-size: 62px
    }

    .l-fs-63 {
        font-size: 63px
    }

    .l-fs-64 {
        font-size: 64px
    }

    .l-fs-65 {
        font-size: 65px
    }

    .l-fs-66 {
        font-size: 66px
    }

    .l-fs-67 {
        font-size: 67px
    }

    .l-fs-68 {
        font-size: 68px
    }

    .l-fs-69 {
        font-size: 69px
    }

    .l-fs-70 {
        font-size: 70px
    }

    .l-fs-71 {
        font-size: 71px
    }

    .l-fs-72 {
        font-size: 72px
    }

    .l-fs-73 {
        font-size: 73px
    }

    .l-fs-74 {
        font-size: 74px
    }

    .l-fs-75 {
        font-size: 75px
    }

    .l-fs-76 {
        font-size: 76px
    }

    .l-fs-77 {
        font-size: 77px
    }

    .l-fs-78 {
        font-size: 78px
    }

    .l-fs-79 {
        font-size: 79px
    }

    .l-fs-80 {
        font-size: 80px
    }

    .l-fs-81 {
        font-size: 81px
    }

    .l-fs-82 {
        font-size: 82px
    }

    .l-fs-83 {
        font-size: 83px
    }

    .l-fs-84 {
        font-size: 84px
    }

    .l-fs-85 {
        font-size: 85px
    }

    .l-fs-86 {
        font-size: 86px
    }

    .l-fs-87 {
        font-size: 87px
    }

    .l-fs-88 {
        font-size: 88px
    }

    .l-fs-89 {
        font-size: 89px
    }

    .l-fs-90 {
        font-size: 90px
    }

    .l-fs-91 {
        font-size: 91px
    }

    .l-fs-92 {
        font-size: 92px
    }

    .l-fs-93 {
        font-size: 93px
    }

    .l-fs-94 {
        font-size: 94px
    }

    .l-fs-95 {
        font-size: 95px
    }

    .l-fs-96 {
        font-size: 96px
    }

    .l-fs-97 {
        font-size: 97px
    }

    .l-fs-98 {
        font-size: 98px
    }

    .l-fs-99 {
        font-size: 99px
    }

    .l-fs-100 {
        font-size: 100px
    }

    .l-fs-101 {
        font-size: 101px
    }

    .l-fs-102 {
        font-size: 102px
    }

    .l-fs-103 {
        font-size: 103px
    }

    .l-fs-104 {
        font-size: 104px
    }

    .l-fs-105 {
        font-size: 105px
    }

    .l-fs-106 {
        font-size: 106px
    }

    .l-fs-107 {
        font-size: 107px
    }

    .l-fs-108 {
        font-size: 108px
    }

    .l-fs-109 {
        font-size: 109px
    }

    .l-fs-110 {
        font-size: 110px
    }

    .l-fs-111 {
        font-size: 111px
    }

    .l-fs-112 {
        font-size: 112px
    }

    .l-fs-113 {
        font-size: 113px
    }

    .l-fs-114 {
        font-size: 114px
    }

    .l-fs-115 {
        font-size: 115px
    }

    .l-fs-116 {
        font-size: 116px
    }

    .l-fs-117 {
        font-size: 117px
    }

    .l-fs-118 {
        font-size: 118px
    }

    .l-fs-119 {
        font-size: 119px
    }

    .l-fs-120 {
        font-size: 120px
    }

    .l-fs-121 {
        font-size: 121px
    }

    .l-fs-122 {
        font-size: 122px
    }

    .l-fs-123 {
        font-size: 123px
    }

    .l-fs-124 {
        font-size: 124px
    }

    .l-fs-125 {
        font-size: 125px
    }

    .l-fs-126 {
        font-size: 126px
    }

    .l-fs-127 {
        font-size: 127px
    }

    .l-fs-128 {
        font-size: 128px
    }

    .l-fs-129 {
        font-size: 129px
    }

    .l-fs-130 {
        font-size: 130px
    }

    .l-fs-131 {
        font-size: 131px
    }

    .l-fs-132 {
        font-size: 132px
    }

    .l-fs-133 {
        font-size: 133px
    }

    .l-fs-134 {
        font-size: 134px
    }

    .l-fs-135 {
        font-size: 135px
    }

    .l-fs-136 {
        font-size: 136px
    }

    .l-fs-137 {
        font-size: 137px
    }

    .l-fs-138 {
        font-size: 138px
    }

    .l-fs-139 {
        font-size: 139px
    }

    .l-fs-140 {
        font-size: 140px
    }

    .l-fs-141 {
        font-size: 141px
    }

    .l-fs-142 {
        font-size: 142px
    }

    .l-fs-143 {
        font-size: 143px
    }

    .l-fs-144 {
        font-size: 144px
    }

    .l-fs-145 {
        font-size: 145px
    }

    .l-fs-146 {
        font-size: 146px
    }

    .l-fs-147 {
        font-size: 147px
    }

    .l-fs-148 {
        font-size: 148px
    }

    .l-fs-149 {
        font-size: 149px
    }

    .l-fs-150 {
        font-size: 150px
    }

    .l-fs-151 {
        font-size: 151px
    }

    .l-fs-152 {
        font-size: 152px
    }

    .l-fs-153 {
        font-size: 153px
    }

    .l-fs-154 {
        font-size: 154px
    }

    .l-fs-155 {
        font-size: 155px
    }

    .l-fs-156 {
        font-size: 156px
    }

    .l-fs-157 {
        font-size: 157px
    }

    .l-fs-158 {
        font-size: 158px
    }

    .l-fs-159 {
        font-size: 159px
    }

    .l-fs-160 {
        font-size: 160px
    }

    .l-fs-161 {
        font-size: 161px
    }

    .l-fs-162 {
        font-size: 162px
    }

    .l-fs-163 {
        font-size: 163px
    }

    .l-fs-164 {
        font-size: 164px
    }

    .l-fs-165 {
        font-size: 165px
    }

    .l-fs-166 {
        font-size: 166px
    }

    .l-fs-167 {
        font-size: 167px
    }

    .l-fs-168 {
        font-size: 168px
    }

    .l-fs-169 {
        font-size: 169px
    }

    .l-fs-170 {
        font-size: 170px
    }

    .l-fs-171 {
        font-size: 171px
    }

    .l-fs-172 {
        font-size: 172px
    }

    .l-fs-173 {
        font-size: 173px
    }

    .l-fs-174 {
        font-size: 174px
    }

    .l-fs-175 {
        font-size: 175px
    }

    .l-fs-176 {
        font-size: 176px
    }

    .l-fs-177 {
        font-size: 177px
    }

    .l-fs-178 {
        font-size: 178px
    }

    .l-fs-179 {
        font-size: 179px
    }

    .l-fs-180 {
        font-size: 180px
    }

    .l-fs-181 {
        font-size: 181px
    }

    .l-fs-182 {
        font-size: 182px
    }

    .l-fs-183 {
        font-size: 183px
    }

    .l-fs-184 {
        font-size: 184px
    }

    .l-fs-185 {
        font-size: 185px
    }

    .l-fs-186 {
        font-size: 186px
    }

    .l-fs-187 {
        font-size: 187px
    }

    .l-fs-188 {
        font-size: 188px
    }

    .l-fs-189 {
        font-size: 189px
    }

    .l-fs-190 {
        font-size: 190px
    }

    .l-fs-191 {
        font-size: 191px
    }

    .l-fs-192 {
        font-size: 192px
    }

    .l-fs-193 {
        font-size: 193px
    }

    .l-fs-194 {
        font-size: 194px
    }

    .l-fs-195 {
        font-size: 195px
    }

    .l-fs-196 {
        font-size: 196px
    }

    .l-fs-197 {
        font-size: 197px
    }

    .l-fs-198 {
        font-size: 198px
    }

    .l-fs-199 {
        font-size: 199px
    }

    .l-fs-200 {
        font-size: 200px
    }

    .l-m-0 {
        margin: 0 !important
    }

    .l-m-5 {
        margin: 5px !important
    }

    .l-mt-0, .l-my-0 {
        margin-top: 0 !important
    }

    .l-mt-5, .l-my-5 {
        margin-top: 5px !important
    }

    .l-mr-0, .l-mx-0 {
        margin-right: 0 !important
    }

    .l-mr-5, .l-mx-5 {
        margin-right: 5px !important
    }

    .l-mb-0, .l-my-0 {
        margin-bottom: 0 !important
    }

    .l-mb-5, .l-my-5 {
        margin-bottom: 5px !important
    }

    .l-ml-05, .l-mx-0 {
        margin-left: 5px !important
    }

    .l-ml-5, .l-mx-5 {
        margin-left: 5px !important
    }

    .l-m-10 {
        margin: 10px !important
    }

    .l-mt-10, .l-my-10 {
        margin-top: 10px !important
    }

    .l-mr-10, .l-mx-10 {
        margin-right: 10px !important
    }

    .l-mb-10, .l-my-10 {
        margin-bottom: 10px !important
    }

    .l-ml-10, .l-mx-10 {
        margin-left: 10px !important
    }

    .l-m-15 {
        margin: 15px !important
    }

    .l-mt-15, .l-my-15 {
        margin-top: 15px !important
    }

    .l-mr-15, .l-mx-15 {
        margin-right: 15px !important
    }

    .l-mb-15, .l-my-15 {
        margin-bottom: 15px !important
    }

    .l-ml-15, .l-mx-15 {
        margin-left: 15px !important
    }

    .l-m-20 {
        margin: 20px !important
    }

    .l-mt-20, .l-my-20 {
        margin-top: 20px !important
    }

    .l-mr-20, .l-mx-20 {
        margin-right: 20px !important
    }

    .l-mb-20, .l-my-20 {
        margin-bottom: 20px !important
    }

    .l-ml-20, .l-mx-20 {
        margin-left: 20px !important
    }

    .l-m-25 {
        margin: 25px !important
    }

    .l-mt-25, .l-my-25 {
        margin-top: 25px !important
    }

    .l-mr-25, .l-mx-25 {
        margin-right: 25px !important
    }

    .l-mb-25, .l-my-25 {
        margin-bottom: 25px !important
    }

    .l-ml-25, .l-mx-25 {
        margin-left: 25px !important
    }

    .l-m-30 {
        margin: 30px !important
    }

    .l-mt-30, .l-my-30 {
        margin-top: 30px !important
    }

    .l-mr-30, .l-mx-30 {
        margin-right: 30px !important
    }

    .l-mb-30, .l-my-30 {
        margin-bottom: 30px !important
    }

    .l-ml-30, .l-mx-30 {
        margin-left: 30px !important
    }

    .l-m-35 {
        margin: 35px !important
    }

    .l-mt-35, .l-my-35 {
        margin-top: 35px !important
    }

    .l-mr-35, .l-mx-35 {
        margin-right: 35px !important
    }

    .l-mb-35, .l-my-35 {
        margin-bottom: 35px !important
    }

    .l-ml-35, .l-mx-35 {
        margin-left: 35px !important
    }

    .l-m-40 {
        margin: 40px !important
    }

    .l-mt-40, .l-my-40 {
        margin-top: 40px !important
    }

    .l-mr-40, .l-mx-40 {
        margin-right: 40px !important
    }

    .l-mb-40, .l-my-40 {
        margin-bottom: 40px !important
    }

    .l-ml-40, .l-mx-40 {
        margin-left: 40px !important
    }

    .l-m-45 {
        margin: 45px !important
    }

    .l-mt-45, .l-my-45 {
        margin-top: 45px !important
    }

    .l-mr-45, .l-mx-45 {
        margin-right: 45px !important
    }

    .l-mb-45, .l-my-45 {
        margin-bottom: 45px !important
    }

    .l-ml-45, .l-mx-45 {
        margin-left: 45px !important
    }

    .l-m-50 {
        margin: 50px !important
    }

    .l-mt-50, .l-my-50 {
        margin-top: 50px !important
    }

    .l-mr-50, .l-mx-50 {
        margin-right: 50px !important
    }

    .l-mb-50, .l-my-50 {
        margin-bottom: 50px !important
    }

    .l-ml-50, .l-mx-50 {
        margin-left: 50px !important
    }

    .l-m-60 {
        margin: 60px !important
    }

    .l-mt-60, .l-my-60 {
        margin-top: 60px !important
    }

    .l-mr-60, .l-mx-60 {
        margin-right: 60px !important
    }

    .l-mb-60, .l-my-60 {
        margin-bottom: 60px !important
    }

    .l-ml-60, .l-mx-60 {
        margin-left: 60px !important
    }

    .l-m-70 {
        margin: 70px !important
    }

    .l-mt-70, .l-my-70 {
        margin-top: 70px !important
    }

    .l-mr-70, .l-mx-70 {
        margin-right: 70px !important
    }

    .l-mb-70, .l-my-70 {
        margin-bottom: 70px !important
    }

    .l-ml-70, .l-mx-70 {
        margin-left: 70px !important
    }

    .l-m-80 {
        margin: 80px !important
    }

    .l-mt-80, .l-my-80 {
        margin-top: 80px !important
    }

    .l-mr-80, .l-mx-80 {
        margin-right: 80px !important
    }

    .l-mb-80, .l-my-80 {
        margin-bottom: 80px !important
    }

    .l-ml-80, .l-mx-80 {
        margin-left: 80px !important
    }

    .l-m-90 {
        margin: 90px !important
    }

    .l-mt-90, .l-my-90 {
        margin-top: 90px !important
    }

    .l-mr-90, .l-mx-90 {
        margin-right: 90px !important
    }

    .l-mb-90, .l-my-90 {
        margin-bottom: 90px !important
    }

    .l-ml-90, .l-mx-90 {
        margin-left: 90px !important
    }

    .l-m-100 {
        margin: 100px !important
    }

    .l-mt-100, .l-my-100 {
        margin-top: 100px !important
    }

    .l-mr-100, .l-mx-100 {
        margin-right: 100px !important
    }

    .l-mb-100, .l-my-100 {
        margin-bottom: 100px !important
    }

    .l-ml-100, .l-mx-100 {
        margin-left: 100px !important
    }

    .l-m-120 {
        margin: 120px !important
    }

    .l-mt-120, .l-my-120 {
        margin-top: 120px !important
    }

    .l-mr-120, .l-mx-120 {
        margin-right: 120px !important
    }

    .l-mb-120, .l-my-120 {
        margin-bottom: 120px !important
    }

    .l-ml-120, .l-mx-120 {
        margin-left: 120px !important
    }

    .l-m-130 {
        margin: 130px !important
    }

    .l-mt-130, .l-my-130 {
        margin-top: 130px !important
    }

    .l-mr-130, .l-mx-130 {
        margin-right: 130px !important
    }

    .l-mb-130, .l-my-130 {
        margin-bottom: 130px !important
    }

    .l-ml-130, .l-mx-130 {
        margin-left: 130px !important
    }

    .l-m-150 {
        margin: 150px !important
    }

    .l-mt-150, .l-my-150 {
        margin-top: 150px !important
    }

    .l-mr-150, .l-mx-150 {
        margin-right: 150px !important
    }

    .l-mb-150, .l-my-150 {
        margin-bottom: 150px !important
    }

    .l-ml-150, .l-mx-150 {
        margin-left: 150px !important
    }

    .l-m-200 {
        margin: 200px !important
    }

    .l-mt-200, .l-my-200 {
        margin-top: 200px !important
    }

    .l-mr-200, .l-mx-200 {
        margin-right: 200px !important
    }

    .l-mb-200, .l-my-200 {
        margin-bottom: 200px !important
    }

    .l-ml-200, .l-mx-200 {
        margin-left: 200px !important
    }

    .l-m-300 {
        margin: 300px !important
    }

    .l-mt-300, .l-my-300 {
        margin-top: 300px !important
    }

    .l-mr-300, .l-mx-300 {
        margin-right: 300px !important
    }

    .l-mb-300, .l-my-300 {
        margin-bottom: 300px !important
    }

    .l-ml-300, .l-mx-300 {
        margin-left: 300px !important
    }

    .l-m-400 {
        margin: 400px !important
    }

    .l-mt-400, .l-my-400 {
        margin-top: 400px !important
    }

    .l-mr-400, .l-mx-400 {
        margin-right: 400px !important
    }

    .l-mb-400, .l-my-400 {
        margin-bottom: 400px !important
    }

    .l-ml-400, .l-mx-400 {
        margin-left: 400px !important
    }

    .l-p-0 {
        padding: 0 !important
    }

    .l-p-5 {
        padding: 5px !important
    }

    .l-pt-0, .l-py-0 {
        padding-top: 0 !important
    }

    .l-pt-5, .l-py-5 {
        padding-top: 5px !important
    }

    .l-pr-0, .l-px-0 {
        padding-right: 0 !important
    }

    .l-pr-5, .l-px-5 {
        padding-right: 5px !important
    }

    .l-pb-5, .l-py-5 {
        padding-bottom: 5px !important
    }

    .l-pl-0, .l-px-0 {
        padding-left: 0 !important
    }

    .l-pl-5, .l-px-5 {
        padding-left: 5px !important
    }

    .l-p-10 {
        padding: 10px !important
    }

    .l-pt-10, .l-py-10 {
        padding-top: 10px !important
    }

    .l-pr-10, .l-px-10 {
        padding-right: 10px !important
    }

    .l-pb-10, .l-py-10 {
        padding-bottom: 10px !important
    }

    .l-pl-10, .l-px-10 {
        padding-left: 10px !important
    }

    .l-p-15 {
        padding: 15px !important
    }

    .l-pt-15, .l-py-15 {
        padding-top: 15px !important
    }

    .l-pr-15, .l-px-15 {
        padding-right: 15px !important
    }

    .l-pb-15, .l-py-15 {
        padding-bottom: 15px !important
    }

    .l-pl-15, .l-px-15 {
        padding-left: 15px !important
    }

    .l-p-20 {
        padding: 20px !important
    }

    .l-pt-20, .l-py-20 {
        padding-top: 20px !important
    }

    .l-pr-20, .l-px-20 {
        padding-right: 20px !important
    }

    .l-pb-20, .l-py-20 {
        padding-bottom: 20px !important
    }

    .l-pl-20, .l-px-20 {
        padding-left: 20px !important
    }

    .l-p-25 {
        padding: 25px !important
    }

    .l-pt-25, .l-py-25 {
        padding-top: 25px !important
    }

    .l-pr-25, .l-px-25 {
        padding-right: 25px !important
    }

    .l-pb-25, .l-py-25 {
        padding-bottom: 25px !important
    }

    .l-pl-25, .l-px-25 {
        padding-left: 25px !important
    }

    .l-p-30 {
        padding: 30px !important
    }

    .l-pt-30, .l-py-30 {
        padding-top: 30px !important
    }

    .l-pr-30, .l-px-30 {
        padding-right: 30px !important
    }

    .l-pb-30, .l-py-30 {
        padding-bottom: 30px !important
    }

    .l-pl-30, .l-px-30 {
        padding-left: 30px !important
    }

    .l-p-35 {
        padding: 35px !important
    }

    .l-pt-35, .l-py-35 {
        padding-top: 35px !important
    }

    .l-pr-35, .l-px-35 {
        padding-right: 35px !important
    }

    .l-pb-35, .l-py-35 {
        padding-bottom: 35px !important
    }

    .l-pl-35, .l-px-35 {
        padding-left: 35px !important
    }

    .l-p-40 {
        padding: 40px !important
    }

    .l-pt-40, .l-py-40 {
        padding-top: 40px !important
    }

    .l-pr-40, .l-px-40 {
        padding-right: 40px !important
    }

    .l-pb-40, .l-py-40 {
        padding-bottom: 40px !important
    }

    .l-pl-40, .l-px-40 {
        padding-left: 40px !important
    }

    .l-p-45 {
        padding: 45px !important
    }

    .l-pt-45, .l-py-45 {
        padding-top: 45px !important
    }

    .l-pr-45, .l-px-45 {
        padding-right: 45px !important
    }

    .l-pb-45, .l-py-45 {
        padding-bottom: 45px !important
    }

    .l-pl-45, .l-px-45 {
        padding-left: 45px !important
    }

    .l-p-50 {
        padding: 50px !important
    }

    .l-pt-50, .l-py-50 {
        padding-top: 50px !important
    }

    .l-pr-50, .l-px-50 {
        padding-right: 50px !important
    }

    .l-pb-50, .l-py-50 {
        padding-bottom: 50px !important
    }

    .l-pl-50, .l-px-50 {
        padding-left: 50px !important
    }

    .l-p-60 {
        padding: 60px !important
    }

    .l-pt-60, .l-py-60 {
        padding-top: 60px !important
    }

    .l-pr-60, .l-px-60 {
        padding-right: 60px !important
    }

    .l-pb-60, .l-py-60 {
        padding-bottom: 60px !important
    }

    .l-pl-60, .l-px-60 {
        padding-left: 60px !important
    }

    .l-p-70 {
        padding: 70px !important
    }

    .l-pt-70, .l-py-70 {
        padding-top: 70px !important
    }

    .l-pr-70, .l-px-70 {
        padding-right: 70px !important
    }

    .l-pb-70, .l-py-70 {
        padding-bottom: 70px !important
    }

    .l-pl-70, .l-px-70 {
        padding-left: 70px !important
    }

    .l-p-80 {
        padding: 80px !important
    }

    .l-pt-80, .l-py-80 {
        padding-top: 80px !important
    }

    .l-pr-80, .l-px-80 {
        padding-right: 80px !important
    }

    .l-pb-80, .l-py-80 {
        padding-bottom: 80px !important
    }

    .l-pl-80, .l-px-80 {
        padding-left: 80px !important
    }

    .l-p-90 {
        padding: 90px !important
    }

    .l-pt-90, .l-py-90 {
        padding-top: 90px !important
    }

    .l-pr-90, .l-px-90 {
        padding-right: 90px !important
    }

    .l-pb-90, .l-py-90 {
        padding-bottom: 90px !important
    }

    .l-pl-90, .l-px-90 {
        padding-left: 90px !important
    }

    .l-p-100 {
        padding: 100px !important
    }

    .l-pt-100, .l-py-100 {
        padding-top: 100px !important
    }

    .l-pr-100, .l-px-100 {
        padding-right: 100px !important
    }

    .l-pb-100, .l-py-100 {
        padding-bottom: 100px !important
    }

    .l-pl-100, .l-px-100 {
        padding-left: 100px !important
    }

    .l-p-120 {
        padding: 120px !important
    }

    .l-pt-120, .l-py-120 {
        padding-top: 120px !important
    }

    .l-pr-120, .l-px-120 {
        padding-right: 120px !important
    }

    .l-pb-120, .l-py-120 {
        padding-bottom: 120px !important
    }

    .l-pl-120, .l-px-120 {
        padding-left: 120px !important
    }

    .l-p-130 {
        padding: 130px !important
    }

    .l-pt-130, .l-py-130 {
        padding-top: 130px !important
    }

    .l-pr-130, .l-px-130 {
        padding-right: 130px !important
    }

    .l-pb-130, .l-py-130 {
        padding-bottom: 130px !important
    }

    .l-pl-130, .l-px-130 {
        padding-left: 130px !important
    }

    .l-p-150 {
        padding: 150px !important
    }

    .l-pt-150, .l-py-150 {
        padding-top: 150px !important
    }

    .l-pr-150, .l-px-150 {
        padding-right: 150px !important
    }

    .l-pb-150, .l-py-150 {
        padding-bottom: 150px !important
    }

    .l-pl-150, .l-px-150 {
        padding-left: 150px !important
    }

    .l-p-200 {
        padding: 200px !important
    }

    .l-pt-200, .l-py-200 {
        padding-top: 200px !important
    }

    .l-pr-200, .l-px-200 {
        padding-right: 200px !important
    }

    .l-pb-200, .l-py-200 {
        padding-bottom: 200px !important
    }

    .l-pl-200, .l-px-200 {
        padding-left: 200px !important
    }

    .l-p-300 {
        padding: 300px !important
    }

    .l-pt-300, .l-py-300 {
        padding-top: 300px !important
    }

    .l-pr-300, .l-px-300 {
        padding-right: 300px !important
    }

    .l-pb-300, .l-py-300 {
        padding-bottom: 300px !important
    }

    .l-pl-300, .l-px-300 {
        padding-left: 300px !important
    }

    .l-p-400 {
        padding: 400px !important
    }

    .l-pt-400, .l-py-400 {
        padding-top: 400px !important
    }

    .l-pr-400, .l-px-400 {
        padding-right: 400px !important
    }

    .l-pb-400, .l-py-400 {
        padding-bottom: 400px !important
    }

    .l-pl-400, .l-px-400 {
        padding-left: 400px !important
    }

    .l-flex-w {
        flex-wrap: wrap
    }
}

@media only screen and (max-width:1180px) {
    .m-fs-1 {
        font-size: 1px
    }

    .m-fs-2 {
        font-size: 2px
    }

    .m-fs-3 {
        font-size: 3px
    }

    .m-fs-4 {
        font-size: 4px
    }

    .m-fs-5 {
        font-size: 5px
    }

    .m-fs-6 {
        font-size: 6px
    }

    .m-fs-7 {
        font-size: 7px
    }

    .m-fs-8 {
        font-size: 8px
    }

    .m-fs-9 {
        font-size: 9px
    }

    .m-fs-10 {
        font-size: 10px
    }

    .m-fs-11 {
        font-size: 11px
    }

    .m-fs-12 {
        font-size: 12px
    }

    .m-fs-13 {
        font-size: 13px
    }

    .m-fs-14 {
        font-size: 14px
    }

    .m-fs-15 {
        font-size: 15px
    }

    .m-fs-16 {
        font-size: 16px
    }

    .m-fs-17 {
        font-size: 17px
    }

    .m-fs-18 {
        font-size: 18px
    }

    .m-fs-19 {
        font-size: 19px
    }

    .m-fs-20 {
        font-size: 20px
    }

    .m-fs-21 {
        font-size: 21px
    }

    .m-fs-22 {
        font-size: 22px
    }

    .m-fs-23 {
        font-size: 23px
    }

    .m-fs-24 {
        font-size: 24px
    }

    .m-fs-25 {
        font-size: 25px
    }

    .m-fs-26 {
        font-size: 26px
    }

    .m-fs-27 {
        font-size: 27px
    }

    .m-fs-28 {
        font-size: 28px
    }

    .m-fs-29 {
        font-size: 29px
    }

    .m-fs-30 {
        font-size: 30px
    }

    .m-fs-31 {
        font-size: 31px
    }

    .m-fs-32 {
        font-size: 32px
    }

    .m-fs-33 {
        font-size: 33px
    }

    .m-fs-34 {
        font-size: 34px
    }

    .m-fs-35 {
        font-size: 35px
    }

    .m-fs-36 {
        font-size: 36px
    }

    .m-fs-37 {
        font-size: 37px
    }

    .m-fs-38 {
        font-size: 38px
    }

    .m-fs-39 {
        font-size: 39px
    }

    .m-fs-40 {
        font-size: 40px
    }

    .m-fs-41 {
        font-size: 41px
    }

    .m-fs-42 {
        font-size: 42px
    }

    .m-fs-43 {
        font-size: 43px
    }

    .m-fs-44 {
        font-size: 44px
    }

    .m-fs-45 {
        font-size: 45px
    }

    .m-fs-46 {
        font-size: 46px
    }

    .m-fs-47 {
        font-size: 47px
    }

    .m-fs-48 {
        font-size: 48px
    }

    .m-fs-49 {
        font-size: 49px
    }

    .m-fs-50 {
        font-size: 50px
    }

    .m-fs-51 {
        font-size: 51px
    }

    .m-fs-52 {
        font-size: 52px
    }

    .m-fs-53 {
        font-size: 53px
    }

    .m-fs-54 {
        font-size: 54px
    }

    .m-fs-55 {
        font-size: 55px
    }

    .m-fs-56 {
        font-size: 56px
    }

    .m-fs-57 {
        font-size: 57px
    }

    .m-fs-58 {
        font-size: 58px
    }

    .m-fs-59 {
        font-size: 59px
    }

    .m-fs-60 {
        font-size: 60px
    }

    .m-fs-61 {
        font-size: 61px
    }

    .m-fs-62 {
        font-size: 62px
    }

    .m-fs-63 {
        font-size: 63px
    }

    .m-fs-64 {
        font-size: 64px
    }

    .m-fs-65 {
        font-size: 65px
    }

    .m-fs-66 {
        font-size: 66px
    }

    .m-fs-67 {
        font-size: 67px
    }

    .m-fs-68 {
        font-size: 68px
    }

    .m-fs-69 {
        font-size: 69px
    }

    .m-fs-70 {
        font-size: 70px
    }

    .m-fs-71 {
        font-size: 71px
    }

    .m-fs-72 {
        font-size: 72px
    }

    .m-fs-73 {
        font-size: 73px
    }

    .m-fs-74 {
        font-size: 74px
    }

    .m-fs-75 {
        font-size: 75px
    }

    .m-fs-76 {
        font-size: 76px
    }

    .m-fs-77 {
        font-size: 77px
    }

    .m-fs-78 {
        font-size: 78px
    }

    .m-fs-79 {
        font-size: 79px
    }

    .m-fs-80 {
        font-size: 80px
    }

    .m-fs-81 {
        font-size: 81px
    }

    .m-fs-82 {
        font-size: 82px
    }

    .m-fs-83 {
        font-size: 83px
    }

    .m-fs-84 {
        font-size: 84px
    }

    .m-fs-85 {
        font-size: 85px
    }

    .m-fs-86 {
        font-size: 86px
    }

    .m-fs-87 {
        font-size: 87px
    }

    .m-fs-88 {
        font-size: 88px
    }

    .m-fs-89 {
        font-size: 89px
    }

    .m-fs-90 {
        font-size: 90px
    }

    .m-fs-91 {
        font-size: 91px
    }

    .m-fs-92 {
        font-size: 92px
    }

    .m-fs-93 {
        font-size: 93px
    }

    .m-fs-94 {
        font-size: 94px
    }

    .m-fs-95 {
        font-size: 95px
    }

    .m-fs-96 {
        font-size: 96px
    }

    .m-fs-97 {
        font-size: 97px
    }

    .m-fs-98 {
        font-size: 98px
    }

    .m-fs-99 {
        font-size: 99px
    }

    .m-fs-100 {
        font-size: 100px
    }

    .m-fs-101 {
        font-size: 101px
    }

    .m-fs-102 {
        font-size: 102px
    }

    .m-fs-103 {
        font-size: 103px
    }

    .m-fs-104 {
        font-size: 104px
    }

    .m-fs-105 {
        font-size: 105px
    }

    .m-fs-106 {
        font-size: 106px
    }

    .m-fs-107 {
        font-size: 107px
    }

    .m-fs-108 {
        font-size: 108px
    }

    .m-fs-109 {
        font-size: 109px
    }

    .m-fs-110 {
        font-size: 110px
    }

    .m-fs-111 {
        font-size: 111px
    }

    .m-fs-112 {
        font-size: 112px
    }

    .m-fs-113 {
        font-size: 113px
    }

    .m-fs-114 {
        font-size: 114px
    }

    .m-fs-115 {
        font-size: 115px
    }

    .m-fs-116 {
        font-size: 116px
    }

    .m-fs-117 {
        font-size: 117px
    }

    .m-fs-118 {
        font-size: 118px
    }

    .m-fs-119 {
        font-size: 119px
    }

    .m-fs-120 {
        font-size: 120px
    }

    .m-fs-121 {
        font-size: 121px
    }

    .m-fs-122 {
        font-size: 122px
    }

    .m-fs-123 {
        font-size: 123px
    }

    .m-fs-124 {
        font-size: 124px
    }

    .m-fs-125 {
        font-size: 125px
    }

    .m-fs-126 {
        font-size: 126px
    }

    .m-fs-127 {
        font-size: 127px
    }

    .m-fs-128 {
        font-size: 128px
    }

    .m-fs-129 {
        font-size: 129px
    }

    .m-fs-130 {
        font-size: 130px
    }

    .m-fs-131 {
        font-size: 131px
    }

    .m-fs-132 {
        font-size: 132px
    }

    .m-fs-133 {
        font-size: 133px
    }

    .m-fs-134 {
        font-size: 134px
    }

    .m-fs-135 {
        font-size: 135px
    }

    .m-fs-136 {
        font-size: 136px
    }

    .m-fs-137 {
        font-size: 137px
    }

    .m-fs-138 {
        font-size: 138px
    }

    .m-fs-139 {
        font-size: 139px
    }

    .m-fs-140 {
        font-size: 140px
    }

    .m-fs-141 {
        font-size: 141px
    }

    .m-fs-142 {
        font-size: 142px
    }

    .m-fs-143 {
        font-size: 143px
    }

    .m-fs-144 {
        font-size: 144px
    }

    .m-fs-145 {
        font-size: 145px
    }

    .m-fs-146 {
        font-size: 146px
    }

    .m-fs-147 {
        font-size: 147px
    }

    .m-fs-148 {
        font-size: 148px
    }

    .m-fs-149 {
        font-size: 149px
    }

    .m-fs-150 {
        font-size: 150px
    }

    .m-fs-151 {
        font-size: 151px
    }

    .m-fs-152 {
        font-size: 152px
    }

    .m-fs-153 {
        font-size: 153px
    }

    .m-fs-154 {
        font-size: 154px
    }

    .m-fs-155 {
        font-size: 155px
    }

    .m-fs-156 {
        font-size: 156px
    }

    .m-fs-157 {
        font-size: 157px
    }

    .m-fs-158 {
        font-size: 158px
    }

    .m-fs-159 {
        font-size: 159px
    }

    .m-fs-160 {
        font-size: 160px
    }

    .m-fs-161 {
        font-size: 161px
    }

    .m-fs-162 {
        font-size: 162px
    }

    .m-fs-163 {
        font-size: 163px
    }

    .m-fs-164 {
        font-size: 164px
    }

    .m-fs-165 {
        font-size: 165px
    }

    .m-fs-166 {
        font-size: 166px
    }

    .m-fs-167 {
        font-size: 167px
    }

    .m-fs-168 {
        font-size: 168px
    }

    .m-fs-169 {
        font-size: 169px
    }

    .m-fs-170 {
        font-size: 170px
    }

    .m-fs-171 {
        font-size: 171px
    }

    .m-fs-172 {
        font-size: 172px
    }

    .m-fs-173 {
        font-size: 173px
    }

    .m-fs-174 {
        font-size: 174px
    }

    .m-fs-175 {
        font-size: 175px
    }

    .m-fs-176 {
        font-size: 176px
    }

    .m-fs-177 {
        font-size: 177px
    }

    .m-fs-178 {
        font-size: 178px
    }

    .m-fs-179 {
        font-size: 179px
    }

    .m-fs-180 {
        font-size: 180px
    }

    .m-fs-181 {
        font-size: 181px
    }

    .m-fs-182 {
        font-size: 182px
    }

    .m-fs-183 {
        font-size: 183px
    }

    .m-fs-184 {
        font-size: 184px
    }

    .m-fs-185 {
        font-size: 185px
    }

    .m-fs-186 {
        font-size: 186px
    }

    .m-fs-187 {
        font-size: 187px
    }

    .m-fs-188 {
        font-size: 188px
    }

    .m-fs-189 {
        font-size: 189px
    }

    .m-fs-190 {
        font-size: 190px
    }

    .m-fs-191 {
        font-size: 191px
    }

    .m-fs-192 {
        font-size: 192px
    }

    .m-fs-193 {
        font-size: 193px
    }

    .m-fs-194 {
        font-size: 194px
    }

    .m-fs-195 {
        font-size: 195px
    }

    .m-fs-196 {
        font-size: 196px
    }

    .m-fs-197 {
        font-size: 197px
    }

    .m-fs-198 {
        font-size: 198px
    }

    .m-fs-199 {
        font-size: 199px
    }

    .m-fs-200 {
        font-size: 200px
    }

    .m-m-0 {
        margin: 0 !important
    }

    .m-m-5 {
        margin: 5px !important
    }

    .m-mt-0, .m-my-0 {
        margin-top: 0 !important
    }

    .m-mt-5, .m-my-5 {
        margin-top: 5px !important
    }

    .m-mr-0, .m-mx-0 {
        margin-right: 0 !important
    }

    .m-mr-5, .m-mx-5 {
        margin-right: 5px !important
    }

    .m-mb-0, .m-my-0 {
        margin-bottom: 0 !important
    }

    .m-mb-5, .m-my-5 {
        margin-bottom: 5px !important
    }

    .m-ml-05, .m-mx-0 {
        margin-left: 5px !important
    }

    .m-ml-5, .m-mx-5 {
        margin-left: 5px !important
    }

    .m-m-10 {
        margin: 10px !important
    }

    .m-mt-10, .m-my-10 {
        margin-top: 10px !important
    }

    .m-mr-10, .m-mx-10 {
        margin-right: 10px !important
    }

    .m-mb-10, .m-my-10 {
        margin-bottom: 10px !important
    }

    .m-ml-10, .m-mx-10 {
        margin-left: 10px !important
    }

    .m-m-15 {
        margin: 15px !important
    }

    .m-mt-15, .m-my-15 {
        margin-top: 15px !important
    }

    .m-mr-15, .m-mx-15 {
        margin-right: 15px !important
    }

    .m-mb-15, .m-my-15 {
        margin-bottom: 15px !important
    }

    .m-ml-15, .m-mx-15 {
        margin-left: 15px !important
    }

    .m-m-20 {
        margin: 20px !important
    }

    .m-mt-20, .m-my-20 {
        margin-top: 20px !important
    }

    .m-mr-20, .m-mx-20 {
        margin-right: 20px !important
    }

    .m-mb-20, .m-my-20 {
        margin-bottom: 20px !important
    }

    .m-ml-20, .m-mx-20 {
        margin-left: 20px !important
    }

    .m-m-25 {
        margin: 25px !important
    }

    .m-mt-25, .m-my-25 {
        margin-top: 25px !important
    }

    .m-mr-25, .m-mx-25 {
        margin-right: 25px !important
    }

    .m-mb-25, .m-my-25 {
        margin-bottom: 25px !important
    }

    .m-ml-25, .m-mx-25 {
        margin-left: 25px !important
    }

    .m-m-30 {
        margin: 30px !important
    }

    .m-mt-30, .m-my-30 {
        margin-top: 30px !important
    }

    .m-mr-30, .m-mx-30 {
        margin-right: 30px !important
    }

    .m-mb-30, .m-my-30 {
        margin-bottom: 30px !important
    }

    .m-ml-30, .m-mx-30 {
        margin-left: 30px !important
    }

    .m-m-35 {
        margin: 35px !important
    }

    .m-mt-35, .m-my-35 {
        margin-top: 35px !important
    }

    .m-mr-35, .m-mx-35 {
        margin-right: 35px !important
    }

    .m-mb-35, .m-my-35 {
        margin-bottom: 35px !important
    }

    .m-ml-35, .m-mx-35 {
        margin-left: 35px !important
    }

    .m-m-40 {
        margin: 40px !important
    }

    .m-mt-40, .m-my-40 {
        margin-top: 40px !important
    }

    .m-mr-40, .m-mx-40 {
        margin-right: 40px !important
    }

    .m-mb-40, .m-my-40 {
        margin-bottom: 40px !important
    }

    .m-ml-40, .m-mx-40 {
        margin-left: 40px !important
    }

    .m-m-45 {
        margin: 45px !important
    }

    .m-mt-45, .m-my-45 {
        margin-top: 45px !important
    }

    .m-mr-45, .m-mx-45 {
        margin-right: 45px !important
    }

    .m-mb-45, .m-my-45 {
        margin-bottom: 45px !important
    }

    .m-ml-45, .m-mx-45 {
        margin-left: 45px !important
    }

    .m-m-50 {
        margin: 50px !important
    }

    .m-mt-50, .m-my-50 {
        margin-top: 50px !important
    }

    .m-mr-50, .m-mx-50 {
        margin-right: 50px !important
    }

    .m-mb-50, .m-my-50 {
        margin-bottom: 50px !important
    }

    .m-ml-50, .m-mx-50 {
        margin-left: 50px !important
    }

    .m-m-60 {
        margin: 60px !important
    }

    .m-mt-60, .m-my-60 {
        margin-top: 60px !important
    }

    .m-mr-60, .m-mx-60 {
        margin-right: 60px !important
    }

    .m-mb-60, .m-my-60 {
        margin-bottom: 60px !important
    }

    .m-ml-60, .m-mx-60 {
        margin-left: 60px !important
    }

    .m-m-70 {
        margin: 70px !important
    }

    .m-mt-70, .m-my-70 {
        margin-top: 70px !important
    }

    .m-mr-70, .m-mx-70 {
        margin-right: 70px !important
    }

    .m-mb-70, .m-my-70 {
        margin-bottom: 70px !important
    }

    .m-ml-70, .m-mx-70 {
        margin-left: 70px !important
    }

    .m-m-80 {
        margin: 80px !important
    }

    .m-mt-80, .m-my-80 {
        margin-top: 80px !important
    }

    .m-mr-80, .m-mx-80 {
        margin-right: 80px !important
    }

    .m-mb-80, .m-my-80 {
        margin-bottom: 80px !important
    }

    .m-ml-80, .m-mx-80 {
        margin-left: 80px !important
    }

    .m-m-90 {
        margin: 90px !important
    }

    .m-mt-90, .m-my-90 {
        margin-top: 90px !important
    }

    .m-mr-90, .m-mx-90 {
        margin-right: 90px !important
    }

    .m-mb-90, .m-my-90 {
        margin-bottom: 90px !important
    }

    .m-ml-90, .m-mx-90 {
        margin-left: 90px !important
    }

    .m-m-100 {
        margin: 100px !important
    }

    .m-mt-100, .m-my-100 {
        margin-top: 100px !important
    }

    .m-mr-100, .m-mx-100 {
        margin-right: 100px !important
    }

    .m-mb-100, .m-my-100 {
        margin-bottom: 100px !important
    }

    .m-ml-100, .m-mx-100 {
        margin-left: 100px !important
    }

    .m-m-120 {
        margin: 120px !important
    }

    .m-mt-120, .m-my-120 {
        margin-top: 120px !important
    }

    .m-mr-120, .m-mx-120 {
        margin-right: 120px !important
    }

    .m-mb-120, .m-my-120 {
        margin-bottom: 120px !important
    }

    .m-ml-120, .m-mx-120 {
        margin-left: 120px !important
    }

    .m-m-130 {
        margin: 130px !important
    }

    .m-mt-130, .m-my-130 {
        margin-top: 130px !important
    }

    .m-mr-130, .m-mx-130 {
        margin-right: 130px !important
    }

    .m-mb-130, .m-my-130 {
        margin-bottom: 130px !important
    }

    .m-ml-130, .m-mx-130 {
        margin-left: 130px !important
    }

    .m-m-150 {
        margin: 150px !important
    }

    .m-mt-150, .m-my-150 {
        margin-top: 150px !important
    }

    .m-mr-150, .m-mx-150 {
        margin-right: 150px !important
    }

    .m-mb-150, .m-my-150 {
        margin-bottom: 150px !important
    }

    .m-ml-150, .m-mx-150 {
        margin-left: 150px !important
    }

    .m-m-200 {
        margin: 200px !important
    }

    .m-mt-200, .m-my-200 {
        margin-top: 200px !important
    }

    .m-mr-200, .m-mx-200 {
        margin-right: 200px !important
    }

    .m-mb-200, .m-my-200 {
        margin-bottom: 200px !important
    }

    .m-ml-200, .m-mx-200 {
        margin-left: 200px !important
    }

    .m-m-300 {
        margin: 300px !important
    }

    .m-mt-300, .m-my-300 {
        margin-top: 300px !important
    }

    .m-mr-300, .m-mx-300 {
        margin-right: 300px !important
    }

    .m-mb-300, .m-my-300 {
        margin-bottom: 300px !important
    }

    .m-ml-300, .m-mx-300 {
        margin-left: 300px !important
    }

    .m-m-400 {
        margin: 400px !important
    }

    .m-mt-400, .m-my-400 {
        margin-top: 400px !important
    }

    .m-mr-400, .m-mx-400 {
        margin-right: 400px !important
    }

    .m-mb-400, .m-my-400 {
        margin-bottom: 400px !important
    }

    .m-ml-400, .m-mx-400 {
        margin-left: 400px !important
    }

    .m-p-0 {
        padding: 0 !important
    }

    .m-p-5 {
        padding: 5px !important
    }

    .m-pt-0, .m-py-0 {
        padding-top: 0 !important
    }

    .m-pt-5, .m-py-5 {
        padding-top: 5px !important
    }

    .m-pr-0, .m-px-0 {
        padding-right: 0 !important
    }

    .m-pr-5, .m-px-5 {
        padding-right: 5px !important
    }

    .m-pb-5, .m-py-5 {
        padding-bottom: 5px !important
    }

    .m-pl-0, .m-px-0 {
        padding-left: 0 !important
    }

    .m-pl-5, .m-px-5 {
        padding-left: 5px !important
    }

    .m-p-10 {
        padding: 10px !important
    }

    .m-pt-10, .m-py-10 {
        padding-top: 10px !important
    }

    .m-pr-10, .m-px-10 {
        padding-right: 10px !important
    }

    .m-pb-10, .m-py-10 {
        padding-bottom: 10px !important
    }

    .m-pl-10, .m-px-10 {
        padding-left: 10px !important
    }

    .m-p-15 {
        padding: 15px !important
    }

    .m-pt-15, .m-py-15 {
        padding-top: 15px !important
    }

    .m-pr-15, .m-px-15 {
        padding-right: 15px !important
    }

    .m-pb-15, .m-py-15 {
        padding-bottom: 15px !important
    }

    .m-pl-15, .m-px-15 {
        padding-left: 15px !important
    }

    .m-p-20 {
        padding: 20px !important
    }

    .m-pt-20, .m-py-20 {
        padding-top: 20px !important
    }

    .m-pr-20, .m-px-20 {
        padding-right: 20px !important
    }

    .m-pb-20, .m-py-20 {
        padding-bottom: 20px !important
    }

    .m-pl-20, .m-px-20 {
        padding-left: 20px !important
    }

    .m-p-25 {
        padding: 25px !important
    }

    .m-pt-25, .m-py-25 {
        padding-top: 25px !important
    }

    .m-pr-25, .m-px-25 {
        padding-right: 25px !important
    }

    .m-pb-25, .m-py-25 {
        padding-bottom: 25px !important
    }

    .m-pl-25, .m-px-25 {
        padding-left: 25px !important
    }

    .m-p-30 {
        padding: 30px !important
    }

    .m-pt-30, .m-py-30 {
        padding-top: 30px !important
    }

    .m-pr-30, .m-px-30 {
        padding-right: 30px !important
    }

    .m-pb-30, .m-py-30 {
        padding-bottom: 30px !important
    }

    .m-pl-30, .m-px-30 {
        padding-left: 30px !important
    }

    .m-p-35 {
        padding: 35px !important
    }

    .m-pt-35, .m-py-35 {
        padding-top: 35px !important
    }

    .m-pr-35, .m-px-35 {
        padding-right: 35px !important
    }

    .m-pb-35, .m-py-35 {
        padding-bottom: 35px !important
    }

    .m-pl-35, .m-px-35 {
        padding-left: 35px !important
    }

    .m-p-40 {
        padding: 40px !important
    }

    .m-pt-40, .m-py-40 {
        padding-top: 40px !important
    }

    .m-pr-40, .m-px-40 {
        padding-right: 40px !important
    }

    .m-pb-40, .m-py-40 {
        padding-bottom: 40px !important
    }

    .m-pl-40, .m-px-40 {
        padding-left: 40px !important
    }

    .m-p-45 {
        padding: 45px !important
    }

    .m-pt-45, .m-py-45 {
        padding-top: 45px !important
    }

    .m-pr-45, .m-px-45 {
        padding-right: 45px !important
    }

    .m-pb-45, .m-py-45 {
        padding-bottom: 45px !important
    }

    .m-pl-45, .m-px-45 {
        padding-left: 45px !important
    }

    .m-p-50 {
        padding: 50px !important
    }

    .m-pt-50, .m-py-50 {
        padding-top: 50px !important
    }

    .m-pr-50, .m-px-50 {
        padding-right: 50px !important
    }

    .m-pb-50, .m-py-50 {
        padding-bottom: 50px !important
    }

    .m-pl-50, .m-px-50 {
        padding-left: 50px !important
    }

    .m-p-60 {
        padding: 60px !important
    }

    .m-pt-60, .m-py-60 {
        padding-top: 60px !important
    }

    .m-pr-60, .m-px-60 {
        padding-right: 60px !important
    }

    .m-pb-60, .m-py-60 {
        padding-bottom: 60px !important
    }

    .m-pl-60, .m-px-60 {
        padding-left: 60px !important
    }

    .m-p-70 {
        padding: 70px !important
    }

    .m-pt-70, .m-py-70 {
        padding-top: 70px !important
    }

    .m-pr-70, .m-px-70 {
        padding-right: 70px !important
    }

    .m-pb-70, .m-py-70 {
        padding-bottom: 70px !important
    }

    .m-pl-70, .m-px-70 {
        padding-left: 70px !important
    }

    .m-p-80 {
        padding: 80px !important
    }

    .m-pt-80, .m-py-80 {
        padding-top: 80px !important
    }

    .m-pr-80, .m-px-80 {
        padding-right: 80px !important
    }

    .m-pb-80, .m-py-80 {
        padding-bottom: 80px !important
    }

    .m-pl-80, .m-px-80 {
        padding-left: 80px !important
    }

    .m-p-90 {
        padding: 90px !important
    }

    .m-pt-90, .m-py-90 {
        padding-top: 90px !important
    }

    .m-pr-90, .m-px-90 {
        padding-right: 90px !important
    }

    .m-pb-90, .m-py-90 {
        padding-bottom: 90px !important
    }

    .m-pl-90, .m-px-90 {
        padding-left: 90px !important
    }

    .m-p-100 {
        padding: 100px !important
    }

    .m-pt-100, .m-py-100 {
        padding-top: 100px !important
    }

    .m-pr-100, .m-px-100 {
        padding-right: 100px !important
    }

    .m-pb-100, .m-py-100 {
        padding-bottom: 100px !important
    }

    .m-pl-100, .m-px-100 {
        padding-left: 100px !important
    }

    .m-p-120 {
        padding: 120px !important
    }

    .m-pt-120, .m-py-120 {
        padding-top: 120px !important
    }

    .m-pr-120, .m-px-120 {
        padding-right: 120px !important
    }

    .m-pb-120, .m-py-120 {
        padding-bottom: 120px !important
    }

    .m-pl-120, .m-px-120 {
        padding-left: 120px !important
    }

    .m-p-130 {
        padding: 130px !important
    }

    .m-pt-130, .m-py-130 {
        padding-top: 130px !important
    }

    .m-pr-130, .m-px-130 {
        padding-right: 130px !important
    }

    .m-pb-130, .m-py-130 {
        padding-bottom: 130px !important
    }

    .m-pl-130, .m-px-130 {
        padding-left: 130px !important
    }

    .m-p-150 {
        padding: 150px !important
    }

    .m-pt-150, .m-py-150 {
        padding-top: 150px !important
    }

    .m-pr-150, .m-px-150 {
        padding-right: 150px !important
    }

    .m-pb-150, .m-py-150 {
        padding-bottom: 150px !important
    }

    .m-pl-150, .m-px-150 {
        padding-left: 150px !important
    }

    .m-p-200 {
        padding: 200px !important
    }

    .m-pt-200, .m-py-200 {
        padding-top: 200px !important
    }

    .m-pr-200, .m-px-200 {
        padding-right: 200px !important
    }

    .m-pb-200, .m-py-200 {
        padding-bottom: 200px !important
    }

    .m-pl-200, .m-px-200 {
        padding-left: 200px !important
    }

    .m-p-300 {
        padding: 300px !important
    }

    .m-pt-300, .m-py-300 {
        padding-top: 300px !important
    }

    .m-pr-300, .m-px-300 {
        padding-right: 300px !important
    }

    .m-pb-300, .m-py-300 {
        padding-bottom: 300px !important
    }

    .m-pl-300, .m-px-300 {
        padding-left: 300px !important
    }

    .m-p-400 {
        padding: 400px !important
    }

    .m-pt-400, .m-py-400 {
        padding-top: 400px !important
    }

    .m-pr-400, .m-px-400 {
        padding-right: 400px !important
    }

    .m-pb-400, .m-py-400 {
        padding-bottom: 400px !important
    }

    .m-pl-400, .m-px-400 {
        padding-left: 400px !important
    }

    .m-flex-w {
        flex-wrap: wrap
    }
}

.m-l-auto {
    margin-left: auto
}

.m-r-auto {
    margin-right: auto
}

.m-lr-auto {
    margin-left: auto;
    margin-right: auto
}

.color-white {
    color: #fff
}

.color-black {
    color: #000
}

.lh-1-0 {
    line-height: 1
}

.lh-1-1 {
    line-height: 1.1
}

.lh-1-2 {
    line-height: 1.2
}

.lh-1-3 {
    line-height: 1.3
}

.lh-1-4 {
    line-height: 1.4
}

.lh-1-5 {
    line-height: 1.5
}

.lh-1-6 {
    line-height: 1.6
}

.lh-1-7 {
    line-height: 1.7
}

.lh-1-8 {
    line-height: 1.8
}

.lh-1-9 {
    line-height: 1.9
}

.lh-2-0 {
    line-height: 2
}

.lh-2-1 {
    line-height: 2.1
}

.lh-2-2 {
    line-height: 2.2
}

.lh-2-3 {
    line-height: 2.3
}

.lh-2-4 {
    line-height: 2.4
}

.lh-2-5 {
    line-height: 2.5
}

.lh-2-6 {
    line-height: 2.6
}

.lh-2-7 {
    line-height: 2.7
}

.lh-2-8 {
    line-height: 2.8
}

.lh-2-9 {
    line-height: 2.9
}

.lh-3-0 {
    line-height: 3
}

.txt-center {
    text-align: center
}

.txt-left {
    text-align: left
}

.txt-right {
    text-align: right
}

.txt-middle {
    vertical-align: middle
}

.size-full {
    width: 100%;
    height: 100%
}

.w-full {
    width: 100%
}

.h-full {
    height: 100%
}

.max-w-full {
    max-width: 100%
}

.max-h-full {
    max-height: 100%
}

.min-w-full {
    min-width: 100%
}

.min-h-full {
    min-height: 100%
}

.bgwhite {
    background-color: #fff
}

.bgblack {
    background-color: #000
}

.hov-img-zoom {
    display: block;
    overflow: hidden
}

    .hov-img-zoom img {
        width: 100%;
        -webkit-transition: all .6s;
        -o-transition: all .6s;
        -moz-transition: all .6s;
        transition: all .6s
    }

    .hov-img-zoom:hover img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

.pointer {
    cursor: pointer
}

.op-00 {
    opacity: 0
}

.op-01 {
    opacity: .1
}

.op-02 {
    opacity: .2
}

.op-03 {
    opacity: .3
}

.op-04 {
    opacity: .4
}

.op-05 {
    opacity: .5
}

.op-06 {
    opacity: .6
}

.op-07 {
    opacity: .7
}

.op-08 {
    opacity: .8
}

.op-09 {
    opacity: .9
}

.op-10 {
    opacity: 1
}

.hover-op:hover {
    opacity: .5
}

.wrap-pic-w img {
    width: 100%
}

.wrap-pic-max-w img {
    max-width: 100%
}

.wrap-pic-h img {
    height: 100%
}

.wrap-pic-max-h img {
    max-height: 100%
}

.wrap-pic-cir {
    border-radius: 50%;
    overflow: hidden
}

    .wrap-pic-cir img {
        width: 100%
    }

.bo-cir {
    border-radius: 50%
}

.of-hidden {
    overflow: hidden
}

.visible-false {
    visibility: hidden
}

.visible-true {
    visibility: visible
}

.trans-01 {
    -webkit-transition: all .1s;
    -o-transition: all .1s;
    -moz-transition: all .1s;
    transition: all .1s
}

.trans-02 {
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s
}

.trans-03 {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.trans-04 {
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s
}

.trans-05 {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.trans-06 {
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    -moz-transition: all .6s;
    transition: all .6s
}

.trans-07 {
    -webkit-transition: all .7s;
    -o-transition: all .7s;
    -moz-transition: all .7s;
    transition: all .7s
}

.trans-08 {
    -webkit-transition: all .8s;
    -o-transition: all .8s;
    -moz-transition: all .8s;
    transition: all .8s
}

.trans-09 {
    -webkit-transition: all .9s;
    -o-transition: all .9s;
    -moz-transition: all .9s;
    transition: all .9s
}

.trans-10 {
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s
}

.dis-none {
    display: none
}

.dis-block {
    display: block
}

.dis-inline {
    display: inline
}

.dis-inline-block {
    display: inline-block
}

.dis-flex, .flex, .flex-b, .flex-c, .flex-c-b, .flex-c-m, .flex-c-str, .flex-c-t, .flex-col, .flex-col-b, .flex-col-c, .flex-col-c-b, .flex-col-c-m, .flex-col-c-sa, .flex-col-c-sb, .flex-col-c-t, .flex-col-l, .flex-col-l-m, .flex-col-m, .flex-col-r, .flex-col-r-m, .flex-col-rev, .flex-col-sa, .flex-col-sb, .flex-col-str, .flex-col-str-m, .flex-col-t, .flex-l, .flex-l-m, .flex-m, .flex-r, .flex-r-m, .flex-row, .flex-row-rev, .flex-sa, .flex-sa-m, .flex-sb, .flex-sb-m, .flex-str, .flex-t, .flex-w {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.pos-relative {
    position: relative
}

.pos-absolute {
    position: absolute
}

.pos-fixed {
    position: fixed
}

.float-l {
    float: left
}

.float-r {
    float: right
}

.top-0 {
    top: 0
}

.bottom-0 {
    bottom: 0
}

.left-0 {
    left: 0
}

.right-0 {
    right: 0
}

.top-auto {
    top: auto
}

.bottom-auto {
    bottom: auto
}

.left-auto {
    left: auto
}

.right-auto {
    right: auto
}

.flex-w {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex-l {
    justify-content: flex-start
}

.flex-r {
    justify-content: flex-end
}

.flex-c {
    justify-content: center
}

.flex-sa {
    justify-content: space-around
}

.flex-sb {
    justify-content: space-between
}

.flex-t {
    -ms-align-items: flex-start;
    align-items: flex-start
}

.flex-b {
    -ms-align-items: flex-end;
    align-items: flex-end
}

.flex-m {
    -ms-align-items: center;
    align-items: center
}

.flex-str {
    -ms-align-items: stretch;
    align-items: stretch
}

.flex-c-m {
    justify-content: center;
    -ms-align-items: center;
    align-items: center
}

.flex-c-t {
    justify-content: center;
    -ms-align-items: flex-start;
    align-items: flex-start
}

.flex-c-b {
    justify-content: center;
    -ms-align-items: flex-end;
    align-items: flex-end
}

.flex-c-str {
    justify-content: center;
    -ms-align-items: stretch;
    align-items: stretch
}

.flex-l-m {
    justify-content: flex-start;
    -ms-align-items: center;
    align-items: center
}

.flex-r-m {
    justify-content: flex-end;
    -ms-align-items: center;
    align-items: center
}

.flex-sa-m {
    justify-content: space-around;
    -ms-align-items: center;
    align-items: center
}

.flex-sb-m {
    justify-content: space-between;
    -ms-align-items: center;
    align-items: center
}

.flex-col-l {
    -ms-align-items: flex-start;
    align-items: flex-start
}

.flex-col-r {
    -ms-align-items: flex-end;
    align-items: flex-end
}

.flex-col-c {
    -ms-align-items: center;
    align-items: center
}

.flex-col-str {
    -ms-align-items: stretch;
    align-items: stretch
}

.flex-col-t {
    justify-content: flex-start
}

.flex-col-b {
    justify-content: flex-end
}

.flex-col-m {
    justify-content: center
}

.flex-col-sb {
    justify-content: space-between
}

.flex-col-sa {
    justify-content: space-around
}

.flex-col-c-m {
    -ms-align-items: center;
    align-items: center;
    justify-content: center
}

.flex-col-l-m {
    -ms-align-items: flex-start;
    align-items: flex-start;
    justify-content: center
}

.flex-col-r-m {
    -ms-align-items: flex-end;
    align-items: flex-end;
    justify-content: center
}

.flex-col-str-m {
    -ms-align-items: stretch;
    align-items: stretch;
    justify-content: center
}

.flex-col-c-t {
    justify-content: flex-start;
    -ms-align-items: center;
    align-items: center
}

.flex-col-c-b {
    justify-content: flex-end;
    -ms-align-items: center;
    align-items: center
}

.flex-col-c-sb {
    justify-content: space-between;
    -ms-align-items: center;
    align-items: center
}

.flex-col-c-sa {
    justify-content: space-around;
    -ms-align-items: center;
    align-items: center
}

.flex-row {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row
}

.flex-row-rev {
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -o-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.flex-col, .flex-col-b, .flex-col-c, .flex-col-c-b, .flex-col-c-m, .flex-col-c-sa, .flex-col-c-sb, .flex-col-c-t, .flex-col-l, .flex-col-l-m, .flex-col-m, .flex-col-r, .flex-col-r-m, .flex-col-sa, .flex-col-sb, .flex-col-str, .flex-col-str-m, .flex-col-t {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column
}

.flex-col-rev {
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    -o-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.ab-c-m {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ab-c-t {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.ab-c-b {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.ab-l-m {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.ab-r-m {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.ab-t-l {
    position: absolute;
    left: 0;
    top: 0
}

.ab-t-r {
    position: absolute;
    right: 0;
    top: 0
}

.ab-b-l {
    position: absolute;
    left: 0;
    bottom: 0
}

.ab-b-r {
    position: absolute;
    right: 0;
    bottom: 0
}

.flex-columng-10 {
    column-gap: 10px
}

.flex-columng-20 {
    column-gap: 20px
}

.flex-columng-30 {
    column-gap: 30px
}

.flex-columng-40 {
    column-gap: 40px
}

.flex-columng-50 {
    column-gap: 50px
}

.flex-rowg-10 {
    row-gap: 10px
}

.flex-rowg-20 {
    row-gap: 20px
}

.flex-rowg-30 {
    row-gap: 30px
}

.flex-rowg-40 {
    row-gap: 40px
}

.flex-rowg-50 {
    row-gap: 50px
}

svg:not(:root) {
    overflow: hidden
}

.svg-wrap {
    height: 0;
    overflow: hidden;
    position: absolute;
    width: 0
}

.swiper-container {
    width: 100%;
    float: left
}

.slider_resim {
    position: relative;
    width: 100%;
    float: left;
    z-index: 3
}

.swiper-slide {
    overflow: hidden;
    z-index: auto !important
}

.parallax-bg {
    background-position: center center;
    background-size: cover;
    height: 100%;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 60%;
    z-index: 2
}

.swiper-slide:first-child .prev {
    display: none
}

.swiper-slide:last-child .next {
    display: none
}

.slider_resim > img {
    display: block
}

.slider_box img {
    width: 100%;
    height: auto;
    display: block
}

.slider_resim::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 100%),rgba(0,0,0,.1)
}

.nav-circleslide {
    z-index: 2
}

    .nav-circleslide a {
        position: absolute;
        top: 50%;
        color: #fff;
        z-index: 5;
        font-size: 30px;
        transform: translate(0,-50%);
        display: flex;
        width: 24px;
        height: 60px;
        justify-content: center;
        align-items: center;
        z-index: 15
    }

        .nav-circleslide a:first-child {
            left: -60px;
            -webkit-transition: all .5s ease-in-out;
            -moz-transition: all .5s ease-in-out;
            -o-transition: all .5s ease-in-out;
            -ms-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out
        }

        .nav-circleslide a:last-child {
            right: -60px;
            -webkit-transition: all .5s ease-in-out;
            -moz-transition: all .5s ease-in-out;
            -o-transition: all .5s ease-in-out;
            -ms-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out
        }

.slider_box:hover .nav-circleslide a:first-child {
    left: 30px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.slider_box:hover .nav-circleslide a:last-child {
    right: 30px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.slider-pagination {
    position: relative;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    width: auto !important;
    display: flex;
    align-items: center;
    justify-content: center
}

    .slider-pagination span {
        border-radius: 0 !important;
        width: 30px;
        opacity: 1 !important;
        height: 2px;
        margin-right: 5px;
        background-color: var(--primary) !important;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        -ms-border-radius: 0 !important;
        -o-border-radius: 0 !important
    }

    .slider-pagination .swiper-pagination-bullet-active {
        width: 100px;
        background-color: var(--bg-dark) !important;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out
    }

.slider_box {
    float: left;
    position: relative;
    overflow: hidden;
    z-index: 9;
    height: 100vh
}

.swiper-image-detail {
    background-size: cover;
    background-position: center center;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: hsla(0,0%,0%,.2);
    background-blend-mode: overlay;
    position: absolute;
    z-index: 15;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.swiper-image {
    -webkit-transition: all 1s linear;
    transition: all 1s linear;
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.slider_count_arrow {
    position: absolute;
    bottom: 27%;
    z-index: 20;
    left: 0;
    right: 0
}

.swiper-counter {
    display: flex;
    float: left;
    width: 100%;
    justify-content: center;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    align-items: center
}

.count-center {
    width: 140px;
    height: 2px;
    background-color: #5d8d3e;
    margin: 0 20px
}

.activities .nav-circleslide a:first-child {
    left: 0
}

.activities .nav-circleslide a:last-child {
    right: 0
}

.swiper-image-detail h2 {
    color: #fff;
    font-size: 36px;
    font-weight: 600
}

@media screen and (min-width:0px) and (max-width:1066px) {
    .mobilmenu_link_ac {
        align-content: center;
        justify-content: center;
        display: flex;
        bottom: 0;
        color: #888;
        cursor: pointer;
        font-size: 26px;
        left: 0;
        opacity: 1;
        overflow: hidden;
        position: absolute;
        right: 0;
        text-align: center;
        width: 100%;
        height: 100%
    }

    .mobilmenu_butonyer {
        position: relative;
        width: 51px;
        height: 50px;
        display: flex;
        z-index: 16
    }

    .mobilmenu_link_ac svg path {
        fill: var(--primary);
        width: 100%
    }

    .mobilmenu_link_ac svg {
        width: 100%
    }

    .header_right {
        column-gap: 20px
    }

    .header_left {
        padding-right: 47px
    }

    .menu ul {
        flex-wrap: wrap;
        width: 100%
    }

        .menu ul li {
            width: 100%
        }

    .menu {
        width: 100%;
        top: 100%;
        position: absolute;
        right: 0;
        left: 0;
        flex-wrap: wrap;
        transform: translate(0,100px);
        visibility: hidden;
        opacity: 0;
        z-index: -1;
        max-height: 70vh;
        overflow: auto;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        background-color: var(--primary);
        transition: all .5s ease-in-out;
        -webkit-transform: translate(0,100px);
        -moz-transform: translate(0,100px);
        -ms-transform: translate(0,100px);
        -o-transform: translate(0,100px);
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px
    }

    .mobilmenu .menu {
        transform: translate(0,0);
        visibility: visible;
        opacity: 1;
        z-index: 9;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out
    }

    .header_sosyalmedya {
        float: left;
        width: 100%;
        padding-left: 27px
    }

    .menu > ul > li > a::after {
        display: none
    }

    .menu > ul > li > a {
        border-bottom: 1px dashed var(--primary);
        width: 100%;
        padding: 12px 18px !important;
        display: flex;
        color: #fff
    }

    .rellax {
        transform: translate3d(0,0,0) !important;
        -webkit-transform: translate3d(0,0,0) !important;
        -moz-transform: translate3d(0,0,0) !important;
        -ms-transform: translate3d(0,0,0) !important;
        -o-transform: translate3d(0,0,0) !important
    }

    .anasayfa_slider_scrollmask {
        display: none
    }

    .menu_drop {
        display: block !important;
        padding: 0 20px;
        height: auto !important;
        position: relative;
        float: left;
        width: 100%;
        top: auto;
        left: auto;
        min-width: auto;
        background-color: var(--primary)
    }

    .menu ul {
        flex-wrap: wrap;
        width: 100%
    }

    .menu_drop ul li a {
        color: #fff;
        padding: 12px 18px !important;
        display: inline-block;
        font-weight: 400;
        width: 100%
    }

    .mobilmenu_butonyer.menu_fix {
        top: 0;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out
    }

    .right_openmenu .right_open_box {
        overflow-y: auto
    }

    .right_openmenu {
        overflow: hidden
    }

    .header_language {
        display: none
    }

    .header_language_mobil {
        display: block
    }

        .header_language_mobil a {
            color: var(--primary) !important
        }

    .megamenu_cihazlarimiz_sol_title {
        font-size: 20px
    }

    .megamenu_cihazlarimiz_sol_subtitle {
        font-size: 14px
    }

    .megamenu_cihazlarimiz {
        padding: 0
    }

    .megamenu_cihazlarimiz_sag img {
        width: 44%
    }
}

@media screen and (min-width:1181px) and (max-width:1770px) {
    .a_ur_oz_box_yazi {
        font-size: 19px
    }

    .anasayfa_urunozellikleri_orta_border_animation {
        width: 600px;
        height: 600px
    }

    .anasayfa_manset_yeniurun {
        font-size: 18px;
        line-height: 20px;
        width: 70px;
        height: 70px;
        top: auto;
        bottom: 95%
    }

    .anasayfa_manset_wordline {
        width: 7%
    }

    .megamenu_cihazlarimiz {
        padding: 0 50px
    }

    .megamenu_cihazlarimiz_sol_title {
        font-size: 20px
    }

    .megamenu_cihazlarimiz_sol_subtitle {
        font-size: 16px
    }

    .header_ust {
        padding: 5px 0;
        font-size: 14px
    }

    .logo {
        width: 17%
    }

    .header_ust {
        padding: 5px 0;
        font-size: 14px
    }

    .logo {
        width: 17%
    }

    .sepet_ikon a svg {
        width: 20px;
        height: 20px
    }

    .sepet_ikon a {
        width: 60px;
        height: 60px
    }

        .sepet_ikon a span {
            font-size: 9px;
            width: 15px;
            height: 15px
        }

    .menu_nav > li > a {
        padding: 19px 20px
    }

    .a_ur_oz_box_yazi {
        font-size: 16px
    }

    .anasayfa_manset {
        height: auto;
        padding-top: 12%
    }

    .anasayfa_manset_wordline {
        top: auto;
        bottom: 33%
    }

    .urundetay_urunsayisi input {
        width: 30px
    }

    .urundetay_bankalar ul {
        column-gap: 91px
    }

    .urundetay_video {
        height: 500px
    }

    .urundetay_slider {
        padding-left: 112px
    }

    .spritespin_box {
        width: 90%;
        margin: 5%
    }
}

@media only screen and (max-width:1194px) {
    .anasayfa_manset_sol_img {
        width: 100%;
        position: relative
    }

    .anasayfa_manset_sag_img {
        width: 100%;
        position: relative
    }

    .anasayfa_manset_wordline {
        top: 74px;
        width: 13%;
        right: auto;
        left: 3%
    }

    .anasayfa_manset_sol {
        padding-top: 168px;
        flex-direction: row-reverse
    }

    .anasayfa_manset_yeniurun {
        top: 151px;
        right: 35%;
        font-size: 15px;
        line-height: 18px;
        width: 60px;
        height: 60px
    }

    .anasayfa_manset {
        padding-top: 25px;
        height: auto
    }

    .home_scroll {
        display: none
    }

    .anasayfa_manset_sag {
        padding-top: 50px
    }

    .anasayfa_hakkimizda_sol img {
        width: 100%
    }

    .anasayfa_odemealmaalani_sag {
        justify-content: center
    }

    .anasayfa_odemealmaalani_sol {
        background-color: var(--bg-dark);
        padding: 30px;
        border-radius: 20px;
        text-align: center;
        justify-content: center
    }

    .anasayfa_odemealmaalani_sol_linkler {
        justify-content: center
    }

    .urunbox_img {
        display: flex;
        justify-content: center
    }

    .anasayfa_blog_list_box_link {
        justify-content: center
    }

    .anasayfa_blog_list_box {
        padding-bottom: 50px;
        align-items: center;
        text-align: center
    }

    .footer_sag {
        margin-top: 50px
    }

    .footer_sag_ust {
        width: 100%
    }

    .footer_sag_alt {
        flex-direction: column;
        row-gap: 20px
    }

    .footer_sag_alt {
        flex-direction: column;
        row-gap: 20px
    }

    .footer_logo {
        justify-content: center;
        display: flex;
        padding-bottom: 20px;
        padding-top: 20px
    }

    .anasayfa_urunozellikleri_sag .a_ur_oz_box_yazi {
        text-align: center
    }

    .a_ur_oz_box_yazi {
        text-align: center
    }

    .urundetay_sag_sepeteekle {
        flex-wrap: wrap
    }

    .urundetay_urunsayisi {
        width: 100%;
        margin-bottom: 22px
    }

    .urundetay_sag_sepeteekle {
        flex-wrap: wrap
    }

    .urundetay_urunsayisi {
        width: 100%;
        margin-bottom: 22px
    }

    .urundetay_sag_alt {
        flex-wrap: wrap
    }

    .urundetay_wordline {
        width: 100%;
        justify-content: center;
        margin-bottom: 20px
    }

    .urundetay_garanti {
        width: 46%
    }

    .urundetay_ucretsizkurulum {
        width: 44%
    }

    .urundetay_sektorler_liste a {
        width: 49%
    }

    .urundetay_bankalar ul li {
        width: 18%
    }

    .urundetay_musteriyorumslider_pagi {
        width: 70%;
        overflow: hidden
    }

    .musteriyorumbox_resim img {
        width: 100%;
        height: 400px;
        object-fit: cover
    }

    .urundetay_musteriyorumslider_pagi {
        width: 70%;
        overflow: hidden
    }

    .urundetay_sag_sepeteekle {
        flex-wrap: wrap
    }

    .urundetay_urunsayisi {
        width: 100%;
        margin-bottom: 20px
    }

    .urundetay_wordline {
        width: 100%;
        justify-content: center;
        margin-bottom: 20px
    }

    .urundetay_sag_alt {
        width: 100%;
        flex-wrap: wrap;
        justify-content: center
    }

    .urundetay_sektorler_liste a {
        width: 49%
    }

    .urundetay_bankalar ul li {
        width: 18%
    }

    .urunbox_isim {
        flex-direction: column;
        display: flex
    }

        .urunbox_isim small {
            color: #222;
            margin-bottom: 11px
        }

    .footer_sag_ust {
        column-gap: 40px
    }
}

@media only screen and (max-width:1023px) {
    .orbittable > tbody > tr > td::before {
        content: attr(data-th) " ";
        display: inline-block;
        font-weight: 700;
        padding: 8px 0;
        width: 100%;
        text-align: center
    }

    .orbittable th {
        display: block
    }

    .orbittable label {
        display: flex;
        align-items: center;
        float: left;
        margin-right: 16px
    }

        .orbittable label input {
            margin-top: 0;
            margin-right: 5px
        }

    .orbittable td:nth-child(odd) {
        background-color: #eee
    }

    .orbittable td {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 20px 10px !important
    }

    .orbittable_baslik {
        display: none !important
    }

    .anasayfa_manset_wordline {
        top: 74px;
        width: 13%;
        right: auto;
        left: 3%
    }

    .anasayfa_manset_sol {
        padding-top: 168px;
        flex-direction: row-reverse
    }

    .anasayfa_manset_yeniurun {
        top: 151px;
        right: 35%;
        font-size: 15px;
        line-height: 18px;
        width: 60px;
        height: 60px
    }

    .anasayfa_manset {
        padding-top: 25px;
        height: auto
    }

    .home_scroll {
        display: none
    }

    .anasayfa_manset_sag {
        padding-top: 50px
    }

    .anasayfa_hakkimizda_sol img {
        width: 100%
    }

    .a_ur_oz_box_yazi {
        font-size: 18px
    }

    .anasayfa_urunozellikleri_sol ul li {
        flex-direction: column;
        row-gap: 14px;
        padding: 10px
    }

    .anasayfa_urunozellikleri_sol ul {
        row-gap: 30px
    }

        .anasayfa_urunozellikleri_sol ul li::after {
            background: linear-gradient(178deg,#19aef3 1.5%,#5fa3cc 20.55%,#a3bfd9 34.49%,#fff 77.7%),#fff
        }

    .anasayfa_urunozellikleri_orta_border_animation img {
        width: 72%
    }

    .anasayfa_urunozellikleri_orta_border_animation {
        width: 100%;
        height: auto;
        bottom: auto;
        top: 60px
    }

    .anasayfa_urunozellikleri_orta {
        margin-top: 43px;
        padding-bottom: 69px
    }

    .anasayfa_urunozellikleri_sag ul li {
        flex-direction: column;
        row-gap: 14px;
        padding: 10px
    }

    .anasayfa_urunozellikleri_sag ul {
        row-gap: 30px
    }

        .anasayfa_urunozellikleri_sag ul li::after {
            background: linear-gradient(178deg,#19aef3 1.5%,#5fa3cc 20.55%,#a3bfd9 34.49%,#fff 77.7%),#fff
        }

    .anasayfa_odemealmaalani_sag {
        justify-content: center
    }

    .anasayfa_odemealmaalani_sol {
        background-color: var(--bg-dark);
        padding: 30px;
        border-radius: 20px;
        text-align: center;
        justify-content: center
    }

    .anasayfa_odemealmaalani_sol_linkler {
        justify-content: center
    }

    .urunbox_img {
        display: flex;
        justify-content: center
    }

    .anasayfa_blog_list_box_link {
        justify-content: center
    }

    .anasayfa_blog_list_box {
        padding-bottom: 50px;
        align-items: center;
        text-align: center
    }

    .footer_sag {
        margin-top: 50px
    }

    .footer_sag_ust {
        width: 100%
    }

    .footer_sag_alt {
        flex-direction: column;
        row-gap: 20px
    }

    .footer_sag_alt {
        flex-direction: column;
        row-gap: 20px
    }

    .footer_logo {
        justify-content: center;
        display: flex;
        padding-bottom: 20px;
        padding-top: 20px
    }

    .anasayfa_urunozellikleri_sag .a_ur_oz_box_yazi {
        text-align: center
    }

    .a_ur_oz_box_yazi {
        text-align: center
    }

    .header_ust {
        display: none
    }

    .header_ust_mobil {
        display: flex !important
    }

    .header {
        padding: 15px 0
    }

    .header {
        padding: 15px 0
    }

    .header_ust_mobil {
        padding: 20px 20px;
        row-gap: 20px
    }

        .header_ust_mobil a {
            color: #fff
        }

    .header_ust_mobil {
        color: #fff
    }

    header.header.header_fix {
        height: 69px;
        padding: 0
    }

    .icerik_header_flex nav {
        justify-content: center
    }

    .icerik_header_flex h1 {
        text-align: center
    }

    .urundetay_sektorler_liste a {
        width: 48%
    }

    .urundetay_urunsayisi {
        width: auto;
        margin-bottom: 0
    }

    .urundetay_sag_sepeteekle {
        align-items: center
    }

    .urundetay_video {
        height: 500px
    }

    .urundetay_yardim_flex {
        align-items: flex-start
    }

    .urundetay_yardim_sag {
        justify-content: flex-start
    }

    .musteriyorumlari_baslik {
        text-align: center
    }

    .musteriyorumlari_baslik {
        margin-top: 50px
    }

    .urundetay_ust_sag_fiyatyer {
        text-align: center
    }

    .urundetay_fiyat {
        text-align: center
    }

    .urundetay_kisayazi {
        text-align: center
    }

    .urundetay_sag_sepeteekle {
        justify-content: center
    }

    .blog_ust_img img {
        height: 500px;
        object-fit: cover
    }

    .footer_sag_ust {
        row-gap: 20px
    }

    .footer_alt {
        flex-direction: column;
        align-items: center;
        row-gap: 30px
    }

    .copyrigh_bankalogolar {
        flex-direction: column;
        align-items: center;
        row-gap: 30px
    }
}

@media only screen and (max-width:480px) {
    .anasayfa_manset_sol_img {
        position: relative;
        width: 100%;
        bottom: auto;
        right: auto;
        display: flex;
        justify-content: center
    }

    .anasayfa_manset_sag_img {
        position: relative;
        width: 100%;
        bottom: auto;
        right: auto;
        display: flex;
        justify-content: center
    }

    .anasayfa_manset_sol {
        flex-direction: column;
        align-items: center;
        padding-right: 3%
    }

    .anasayfa_manset_yeniurun {
        right: auto;
        left: 5%;
        top: 65vw;
        bottom: 0
    }

    .anasayfa_manset {
        height: auto;
        padding-top: 20px
    }

    .anasayfa_manset_bg {
        height: 60vh
    }

    .anasayfa_manset_wordline {
        top: 111px;
        right: auto;
        left: 5%
    }

    .home_scroll {
        display: none
    }

    .anasayfa_manset_sol_urun {
        align-items: flex-start
    }

    .anasayfa_manset_sol_urundetay {
        width: 75%
    }

    .header.header_fix .logo {
        width: 44%;
        padding-left: 0 !important
    }

    header.header.header_fix {
        height: 78px;
        padding: 8px 0
    }

    .header.header_fix .header_alt {
        padding: 10px 0
    }

    .header_right {
        column-gap: 0;
        padding-left: 16px
    }

    .header_ust_sol {
        flex-direction: column;
        align-items: flex-start;
        row-gap: 17px
    }

        .header_ust_sol > span {
            display: none
        }

    .megamenu_cihazlarimiz_sag {
        display: none
    }

    .megamenu_cihazlarimiz {
        border-radius: 30px
    }

    .anasayfa_manset_wordline {
        top: 42px;
        right: auto;
        left: 5%;
        width: 20%
    }

    .anasayfa_manset_sol {
        padding-top: 0
    }

    .anasayfa_manset_sag {
        flex-direction: column;
        padding-top: 0
    }

    .anasayfa_manset_sol_urun {
        padding-bottom: 20px
    }

    .anasayfa_manset_sol_urun {
        flex-direction: column-reverse;
        align-items: center
    }

    .anasayfa_manset_sag .anasayfa_manset_sol_urun {
        flex-direction: column;
        align-items: center
    }

    .anasayfa_manset_sol_urundetay {
        width: 100%;
        text-align: center;
        padding: 20px 3%;
        row-gap: 15px
    }

    .anasayfa_manset_sag_urun {
        flex-direction: column-reverse;
        align-items: center
    }

    .anasayfa_manset_sag_urundetay {
        width: 100%;
        text-align: center;
        padding: 20px 3%;
        row-gap: 15px
    }

    .anasayfa_manset_link {
        justify-content: center
    }

    .footer_sag_ust {
        flex-direction: column;
        align-items: center;
        text-align: center
    }

    .footer {
        padding-left: 3%;
        padding-right: 3%
    }

    .modal.right.fade.show .modal-dialog {
        right: 0;
        width: 100%
    }

    .modal.left .modal-content, .modal.right .modal-content {
        width: 100%
    }

    .fixsepet_butonlar {
        column-gap: 10px
    }

    .fixsepet_alt {
        padding: 10px 3%
    }

    .galeri3col ul li {
        width: 100%
    }

    .galeri2col ul li {
        width: 100%
    }

    .urunsliderth {
        position: relative !important;
        top: auto;
        left: auto;
        width: 100%;
        margin-top: 20px
    }

        .urunsliderth .swiper-wrapper {
            flex-direction: row
        }

    .urundetay_slider {
        padding-left: 0
    }

    .urunsliderth .swiper-wrapper .swiper-slide {
        width: auto !important
    }

    .urundetay_urunsayisi {
        width: 100%;
        justify-content: center;
        display: flex;
        margin-bottom: 20px
    }

        .urundetay_urunsayisi .input-group {
            justify-content: center
        }

    .urundetay_ust_sag {
        row-gap: 20px
    }

    .urundetay_sektorler_liste a {
        flex-direction: column;
        row-gap: 12px
    }

    .tabs-style-linemove nav a {
        padding: 1em 20px
    }

    .tabs-style-linemove nav li:last-child::before {
        display: none
    }

    .urundetay_bankalar ul li {
        width: 41%
    }

    .urundetay_ozellikslider_pagi {
        display: none
    }

    .urundetay_aksesuarslider_pagi {
        display: none
    }

    .musteriyorumikon {
        left: -12px;
        top: -19px;
        width: 27%
    }

    .urundetay_musteriyorumslider_pagi {
        display: none
    }

    .anasayfa_odemealmaalani_sol_linkler {
        flex-direction: column;
        row-gap: 10px
    }

        .anasayfa_odemealmaalani_sol_linkler a {
            justify-content: center
        }

    .isortaklarimizslider_pagi {
        display: none
    }

    .anasayfa_manset_gib {
        flex-direction: column;
        align-items: center
    }

    .urundetay_garanti {
        width: 100%
    }

    .urundetay_ucretsizkurulum {
        width: 100%;
        margin-top: 20px
    }

    .m_gizle {
        display: none
    }

    .m_goster {
        display: flex
    }

    .portfolio-filter-one li {
        padding: 0
    }

    .mix {
        width: 40%
    }

    .grid {
        column-gap: 30px
    }

    .icerik_header_flex_noimg h1 {
        text-align: center
    }

    .sepetiniz_urunliste ul li {
        display: flex;
        flex-direction: column;
        row-gap: 20px;
        align-items: center;
        text-align: center
    }

    .sepetinizurunliste_detay {
        width: 100%
    }

    .sepetinizurunliste_miktar {
        position: relative;
        width: 100%;
        display: flex;
        align-items: center;
        flex-direction: column;
        margin-top: 30px
    }

        .sepetinizurunliste_miktar .input-group.number-spinner {
            justify-content: center
        }

    .copyright {
        flex-direction: column;
        text-align: center
    }

        .copyright span {
            display: none
        }

    .sepetinizurunliste_miktar input {
        width: 69px;
        border: 0;
        background-color: transparent
    }

    .spritespin_box {
        width: 100%;
        margin: 0
    }
}