@charset 'utf-8';
a,
a:active,
a:focus,
a:hover {
    text-decoration: none!important
}

*,
ul {
    margin: 0;
    padding: 0
}

.urunTab li.active a,
a.teklif-iste:hover {
    -webkit-box-shadow: 0 13px 15px -2px rgba(42, 67, 91, .36)
}

.clear,
.clear2 {
    clear: both
}

.mobile-menu,
body {
    overflow-x: hidden
}

.full-mavi,
ul.menu {
    -webkit-box-sizing: border-box
}

.slick-active button:after,
a.play:before {
    -webkit-animation-duration: 2.2s;
    position: absolute
}

.album-isim-ic,
.fot-orta h3,
.page-career5 a.apply-now,
.sidebar-blog h4,
a.blog-btn {
    text-transform: uppercase
}

*,
:focus {
    outline: 0!important
}

.mobile-menu>ul>li,
.mobile-menu>ul>li>ul>li,
.mobile-menu>ul>li>ul>li>ul>li,
li {
    list-style: none
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

::-webkit-scrollbar-track {
    background: #eee
}

::-webkit-scrollbar-thumb {
    background: #00bbd3
}

::selection {
    background: #999;
    color: #fff
}

::-moz-selection {
    background: #999;
    color: #fff
}

.product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>a:hover,
.product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>ul>li>a:hover {
    background: #262262!important
}

body {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #898989;
    overflow-y: auto;
    background: #fff;
    font-family: 'Nunito', sans-serif;
    position: relative
}

a {
    display: inline-block;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

a,
a:active,
a:focus {
    color: #333
}

::-moz-focus-inner {
    border: 0!important
}

.biltek:hover {
    opacity: 1
}

.multi_button a:first-child:hover {
    background: #00bbd3;
    color: #fff!important;
    border: 1px solid #00bbd3!important
}

.formlar.uyegirisform input[type=password],
.formlar.uyegirisform input[type=text] {
    font-weight: 600;
    width: 100%;
    background-color: #fff!important;
    padding-left: 65px;
    height: 45px
}

.formlar.uyegirisform input[type=text] {
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    border-radius: 49px;
    border: 1px solid #1c3146;
    color: #262262
}

.formlar.uyegirisform input[type=password] {
    border-radius: 49px;
    border: 1px solid #1c3146
}

.formlar input[type=password],
.formlar input[type=text],
.formlar select,
.formlar textarea {
    margin-bottom: 8px;
    padding-right: 20px;
    padding-left: 20px;
    font-weight: 200;
    color: #5b6268;
    background-color: #09121c!important;
    height: 45px;
    border-width: 1px;
    border-style: solid;
    border-color: #e3e5e8 #eee #eee #d9dde2
}

a.logo {
    padding: 0 20px 0 0;
    background: #fff;
    position: absolute;
    z-index: 999999
}

search span.arama-fyt {
    margin: 0;
    float: right
}

search .suggestion .items-all a:hover {
    background: #e1254c;
    color: #fff
}



.modal-content ol li,
.modal-content ul li {
    color: #503e30;
    margin-bottom: 0;
    font-weight: 600
}

.sosyal-baslik {
    text-align: center
}

.objects input[type=email] {
    width: calc(100% - 38px);
    border: 1px solid #262262;
    border-radius: 19px 0 0 19px;
    height: 39px;
    background: 0 0;
    padding-left: 20px;
    font-size: 11px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: left;
    color: #262262;
    margin-top: 0;
    -webkit-appearance: none
}

.objects input[type=submit] {
    height: 39px;
    width: 50px;
    border: none;
    position: absolute;
    display: block;
    top: 9px;
    right: 20px;
    background: 0 0;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    font-family: Flaticon;
    z-index: 9999
}

i.flat-ps.flaticon-add {
    border: 1px solid #262262;
    height: 39px;
    background: #262262;
    color: #fff;
    border-top-right-radius: 19px;
    border-bottom-right-radius: 19px;
    position: absolute;
    line-height: 39px;
    padding: 0 10px;
    right: -4px
}

.urunTab li a:hover,
.urunTab li.active a {
    color: #fff;
    border: 1px solid #262262!important
}

.urunTab li {
    margin: 0 30px;
    width: 245px
}

.urunTab li.active a {
    background-color: #262262!important;
    box-shadow: 0 13px 15px -2px rgba(42, 67, 91, .36)
}

.hak-bg,
.marka-item:hover,
.urunGenel,
.urunGenel2,
.urunGenel3 {
    -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .09)
}

.urunButun .tab-content {
    padding: 0
}

.urunTab li a:hover {
    background: #262262
}

.urun-ortala {
    height: 180px;
    float: left;
    width: 100%
}

.urunLogo img {
    float: right;
    padding-right: 10px;
    width: 100px
}

.urunGenel,
.urunGenel2,
.urunGenel3 {
    min-height: 495px!important;
    border-radius: 8px;
    background-color: #fefafa;
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .09);
    margin: 18px;
    -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
    overflow: hidden
}

.hediyeli_urun {
    float: left;
    height: 33px;
    border-radius: 8px;
    border: 1px solid #00bbd3;
    line-height: normal;
    font-family: 'Nunito', sans-serif;
    font-size: 11px;
    font-weight: 800;
    text-align: center;
    color: #00bbd3;
    width: 47px;
    margin-left: 10px;
    padding-top: 3px
}

.hediyeli_urun .fa.fa-gift:before {
    margin-right: 0!important;
    font-size: 13px
}

.urun-ortala:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    margin-right: -.25em;
    height: 100%
}

.urun-img img {
    display: inline-block!important;
    vertical-align: middle;
    white-space: normal;
    max-height: 250px;
    margin-top: 10px
}

.formlar.uyegirisform input[type=button] {
    background-image: none;
    float: right;
    border: none
}

.captcha,
.martodo.alert.loadIcon .child-1 i,
.sayfalama,
.sonuc img,
.wd100,
.wd20 {
    float: left
}

.formlar input[type=button] {
    border-radius: 26px;
    background-color: #00bbd3;
    width: 94%;
    height: 38px;
    font-size: 12px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    margin-top: 10px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.modal-content ul li {
    list-style-type: initial;
    margin-left: 3px
}

textarea {
    resize: none
}

img {
    max-width: 100%
}

pre {
    background: #585858;
    color: #fff
}

.facebook {
    color: #3b5998
}

.twitter {
    color: #00aced
}

.pinterest {
    color: #bd081c
}

.instagram {
    color: #7f3bb2
}

.google {
    color: #dd4d40
}

.martodo.alert {
    position: relative;
    width: 100%;
    font-size: 16px;
    margin-bottom: 15px;
    padding: 10px;
    display: table;
    background-color: #fdfdfd;
    border: 1px solid #ddd;
    border-radius: 6px
}

.martodo.alert.loadIcon .child-1 {
    width: 72px
}

.martodo.alert:after {
    content: '';
    clear: both;
    display: block
}

.martodo.alert:hover {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .15)
}

.martodo.alert:hover .close {
    display: block
}

.martodo.alert .td {
    display: table-cell
}

.martodo.alert .child-1 {
    width: 36px;
    vertical-align: middle
}

.martodo.alert .child-1 i {
    color: #fff;
    width: 36px;
    height: 36px;
    line-height: 36px;
    display: block;
    text-align: center;
    text-shadow: -5px 6px 5px rgba(0, 0, 0, .1);
    border-radius: 100%;
    font-size: 20px
}

.martodo.alert .close {
    position: absolute;
    top: 50%;
    right: 10px;
    color: #777;
    width: 26px;
    display: none;
    font-size: 13px;
    cursor: pointer;
    text-align: center;
    line-height: 26px;
    margin-top: -13px;
    border-radius: 3px
}

.martodo.alert .close i {
    line-height: 26px
}

.martodo.alert .close:hover {
    background-color: #eee
}

.martodo.alert .child-2 {
    color: #555;
    font-size: 13px;
    margin: 0 45px;
    padding: 8px 0 8px 10px
}

.martodo.alert.danger .child-1 i {
    background-color: #e84142
}

.martodo.alert.success .child-1 i {
    background-color: rgba(132, 179, 18, .51)
}

.martodo.alert.warning .child-1 i {
    background-color: #fbab00
}

.martodo.alert.info .child-1 i {
    background-color: #39a5dd
}

.input-group {
    margin-top: 10px
}

.map-responsive {
    overflow: hidden;
    padding-bottom: 350px;
    position: relative;
    height: 0;
    max-width: 100%;
    margin-bottom: 25px
}

.map-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    max-height: 350px;
    width: 100%;
    position: absolute
}

section.markalarimiz {
    padding: 60px 0 30px
}

.wd20 {
    width: 20%;
    padding: 0 15px
}

.wd100 {
    width: 100%
}

@media (max-width:767px) {
    .twice-item {
        width: 100%!important
    }
}

section.markalarimiz.referanslarimiz .sayfalama {
    margin-bottom: 0
}

.sayfalama {
    text-align: center;
    overflow: hidden;
    width: 100%;
    margin-bottom: 40px
}

.sayfalama .pagination>li>a {
    margin: 0 5px 10px;
    padding: 0!important;
    width: 38px;
    height: 38px;
    border: 1px solid #00bbd3!important;
    border-radius: 40px;
    font-size: 11px;
    font-weight: 600;
    line-height: 38px
}

.pagination>li {
    display: inline-block
}

.sayfalama .pagination>li>a:hover {
    border: 1px solid #262262!important;
    background: #262262!important;
    color: #fff
}

.sayfalama .pagination>.active>a {
    background-color: #00bbd3!important
}

.calendar-select .tooltip {
    position: static;
    opacity: 1
}

.calendar-select #dogum_tarihi_Next_ID,
.calendar-select #dogum_tarihi_Previous_ID {
    font-size: 20px;
    color: #000;
    border: none!important;
    cursor: pointer!important;
    line-height: inherit;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.calendar-select #dogum_tarihi_Next_ID:hover,
.calendar-select #dogum_tarihi_Previous_ID:hover {
    background: #000;
    color: #fff
}

.calendar-select #dogum_tarihi_Current_ID {
    color: #111;
    font-size: 12px;
    font-weight: 700;
    padding: 0!important
}

.calendar-select .calendar-table tbody>tr:first-child {
    padding: 10px 0;
    line-height: 40px;
    background-color: #fff!important
}

.calendar-select #dogum_tarihi_ID {
    position: relative
}

.calendar-select #dogum_tarihi_ID:before {
    border: 1px solid #bbb;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    pointer-events: none
}

.calendar-select .calendar-table tbody>tr:last-child td {
    line-height: 30px;
    background: #eaeaea;
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb
}

.calendar-select #dogum_tarihi_DayTable_ID td {
    font-size: 10px;
    color: #111;
    line-height: 26px;
    cursor: pointer!important;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.biltek a,
.breadcrumb li a,
.page-title h3 {
    line-height: normal;
    text-align: left
}

.calendar-select #dogum_tarihi_DayTable_ID td:hover {
    color: #fff!important
}

.calendar-select .calendar-icon i {
    font-size: 27px;
    margin-left: 10px
}

.hamburger-menu {
    display: none;
    width: 30px;
    height: 22px;
    top: 50px;
    right: 35px;
    position: absolute;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    z-index: 999999
}

.hamburger-menu span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #fff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.mobile-menu-active .hamburger-menu span:nth-child(1),
.mobile-menu-active .hamburger-menu span:nth-child(4) {
    width: 0%;
    left: 50%;
    top: 18px
}

.mobile-menu,
.mobile-menu>ul {
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease
}

.hamburger-menu span:nth-child(1) {
    top: 0
}

.hamburger-menu span:nth-child(2),
.hamburger-menu span:nth-child(3) {
    top: 9px
}

.hamburger-menu span:nth-child(4) {
    top: 18px
}

.mobile-menu-active .hamburger-menu span {
    background: #fff
}

.mobile-menu-active .hamburger-menu {
    position: fixed;
    z-index: 9999999999
}

.mobile-menu-active .hamburger-menu span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg)
}

.mobile-menu-active .hamburger-menu span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg)
}

.mobile-menu {
    background: rgba(42, 67, 91, .95);
    position: fixed;
    right: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    padding: 25px;
    overflow-y: auto;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
    transition: all .5s ease;
    opacity: 0;
    visibility: hidden
}

.btn-wrap,
.form-div,
.items-all a,
.items.scroll,
.s-item p,
.twice {
    overflow: hidden
}

.mobile-menu-active .mobile-menu {
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.mobile-menu h3 {
    margin: 0;
    color: #fff;
    padding: 10px 0 0
}

.mobile-menu h3.menu-name:before {
    content: "\f104";
    font-family: FontAwesome;
    cursor: pointer;
    margin-right: 5px
}

.mobile-menu .rtl {
    left: 100%;
    opacity: 1;
    visibility: visible
}

.alt,
.sub-menu {
    visibility: hidden
}

.mobile-menu .ltl {
    left: -100%
}

.mobile-menu>ul {
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    padding-left: 25px;
    position: absolute;
    left: 0;
    width: 100%;
    transition: all .5s ease
}

.mobile-menu>ul>li>a {
    color: #fff;
    display: block;
    padding: 10px 0;
    font-size: 15px
}

.mobile-menu>ul>li>a>i {
    margin-right: 5px;
    font-family: FontAwesome;
    width: 25px;
    text-align: center
}

.mobile-menu>ul>li>ul {
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    padding-left: 25px;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    left: 100%;
    opacity: 0;
    visibility: hidden
}

.mobile-menu>ul>li>ul>li>a>i,
.mobile-menu>ul>li>ul>li>ul>li>a>i {
    margin-right: 5px;
    font-family: FontAwesome;
    width: 25px;
    text-align: center
}

.mobile-menu>ul>li>ul>li>a {
    color: #fff;
    display: block;
    padding: 10px 0;
    font-size: 15px
}

.mobile-menu>ul>li>ul>li>ul {
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    padding-left: 40px;
    display: none
}

.mobile-menu>ul>li>ul>li>ul>li>a {
    color: #fff;
    display: block;
    padding: 10px 0;
    font-size: 15px
}

.col-right .search form input[type=search],
.header .col-right .header-abs a,
.page-title h3 {
    font-family: 'Nunito', sans-serif;
    letter-spacing: normal;
    font-style: normal;
    font-stretch: normal
}

.contents {
    display: none
}

.contents.active {
    display: block!important;
    width: 100%
}

.sonuc {
    margin-bottom: 15px;
    border: 1px solid #cCc;
    padding: 15px;
    min-height: 145px
}

.sonuc .baslik {
    margin: 0;
    padding: 0;
    text-align: left
}

.sonuc img {
    margin-bottom: 10px;
    width: 100px;
    margin-right: 20px
}

.stitle a {
    color: #ee1c25;
    border-left: 2px solid #ee1c25;
    padding-left: 15px
}

.scontent a {
    padding: 0 25px
}

.captcha {
    position: relative;
    width: 48%;
    border: 1px solid #cCc
}

.captcha #siimage {
    width: 70%;
    border: none!important;
    height: 46px
}

.captcha1 {
    padding: 10px 0
}

.captcha>.input-item>img {
    max-height: 50px;
    width: 175px
}

.captcha object {
    position: absolute;
    right: 15px;
    top: 11px
}

.captcha-btn {
    width: 50%;
    float: right
}

.captcha-btn input {
    height: 49px
}

.captcha-btn1 {
    width: 50%
}

.captcha a>img {
    position: absolute;
    width: 25px;
    right: 10px;
    top: 12px;
    -webkit-transition-duration: .8s;
    -o-transition-duration: .8s;
    transition-duration: .8s;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.captcha a>img:hover {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
}

@media (max-width:480px) {
    .captcha,
    .captcha-btn,
    .captcha-btn1 {
        width: 100%
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .captcha1 a>img {
        margin-left: -33px
    }
}

.biltek {
    float: right;
    position: relative;
    /* opacity: .5; */
    transition: all .4s ease;
    display: flex;
    align-items: center;
}

.biltek a:nth-child(1) {
    color: #73828c;
    display: inline-block;
    line-height: 20px;
    font-size: 12px;
}

.biltek a:nth-child(1) img {
    line-height: normal;
    width: 150px;
}

.biltek a:nth-child(2):before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 1px;
    height: 24px;
    background: rgba(115, 130, 140, .3);
}

.biltek a:nth-child(2) img {
    width: 60px;
    position: relative;
    top: -4px;
}

.biltek a:nth-child(2) {
    position: relative;
    margin-left: 10px;
    padding-left: 10px;
}

.copy .col-md-12 {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.page-title {
    height: 175px;
    background-position: center center!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background: #141517;
    position: relative
}

.page-title>.container {
    position: relative;
    height: 100%
}

.page-title h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    color: #eef7fa;
    position: absolute;
    bottom: 30px;
    left: 60px
}

.breadcrumb {
    background: 0 0;
    margin: 0;
    padding: 0
}

.page-title h3:before {
    content: "";
    position: absolute;
    height: 2px;
    width: 31px;
    left: -40px;
    background: #00bbd3;
    top: 12px
}

.title-first {
    padding-top: 50px
}

.breadcrumb li i:before {
    margin: 0 10px!important;
    font-size: 10px;
    color: #a0c9da
}

.breadcrumb li a {
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #a0c9da
}

.breadcrumb li.active a {
    font-weight: 700;
    color: #a0c9da
}

.breadcrumb li a:hover {
    color: #fff
}

.breadcrumb li.active {
    color: #fff;
    font-size: 14px
}

.breadcrumb>li+li:before {
    display: none
}

.title-menu {
    position: absolute;
    right: 15px;
    bottom: 0
}

.title-menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.col-inline-flex,
.sol-ortala span,
.suggestion .item,
.tarih-item {
    -webkit-box-align: center
}

.title-menu ul li a {
    background: #7a0205;
    color: #fff;
    position: relative;
    margin-left: 2px;
    display: block;
    padding: 10px 15px
}

.title-menu ul li a:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 15px 0;
    border-color: transparent #141517 transparent transparent
}

.title-menu ul li a:hover,
.title-menu ul li.active a {
    background: #fff;
    color: #7a0205
}

.control input:checked~.control__indicator {
    background: #262262
}

.control input:checked:focus~.control__indicator,
.control:hover input:not([disabled]):checked~.control__indicator {
    background: #0e647d
}

.control--checkbox input:disabled~.control__indicator:after {
    border-color: #7b7b7b
}

.control--radio .control__indicator:after {
    left: 7px;
    top: 7px;
    height: 6px;
    width: 6px;
    border-radius: 50%
}

.control--radio input:disabled~.control__indicator:after {
    background: #7b7b7b
}

.select {
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
    width: 100%
}

.select select {
    display: inline-block;
    cursor: pointer;
    padding: 10px 15px;
    outline: 0;
    border: 0;
    border-radius: 0;
    background: #e6e6e6;
    color: #7b7b7b;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none
}

.inactive,
.search-wrap,
a.gorunmez,
h3.gorunmez-baslik {
    display: none
}

.select select::-ms-expand {
    display: none
}

.select select:focus,
.select select:hover {
    color: #000
}

.select select:disabled {
    opacity: .5;
    pointer-events: none
}

.select__arrow {
    position: absolute;
    top: 20px;
    right: 15px;
    width: 0;
    height: 0;
    pointer-events: none;
    border-style: solid;
    border-width: 8px 5px 0;
    border-color: #7b7b7b transparent transparent
}

.select select:focus~.select__arrow,
.select select:hover~.select__arrow {
    border-top-color: #000
}

.select select:disabled~.select__arrow {
    border-top-color: #ccc
}

.twice {
    width: 100%
}

.twice-item {
    width: 48%;
    float: left;
    position: relative
}

.twice-item i {
    position: absolute;
    right: 10px;
    bottom: 12px;
    font-size: 17px
}

.twice-item:last-of-type {
    float: right
}

.twice-item span {
    position: absolute;
    right: 0;
    top: 10px
}

.input-group {
    position: relative;
    width: 100%
}

.kariyer-btn {
    background: #d7d8da;
    color: #626161;
    position: absolute!important;
    right: 0;
    top: 0;
    z-index: 99;
    padding: 5px 27px!important;
    border-radius: 0;
    height: 35px;
    line-height: 25px
}

.kariyer-btn:hover {
    color: #fff;
    z-index: 99!important
}

.input-group-btn {
    position: static!important;
    width: 0
}

.btn-wrap,
.form-div,
.page .img-banner {
    width: 100%
}

.btn-wrap {
    padding: 25px 15px;
    text-align: center
}

.btn-detay {
    background: #05376a;
    color: #fff;
    font-size: 15px;
    padding: 10px 15px;
    border-radius: 0;
    font-weight: 700;
    position: relative;
    min-width: 230px;
    text-align: left
}

.btn-detay i {
    position: absolute;
    right: 15px;
    top: 12px
}

.btn-detay:hover {
    color: #fff;
    background: #272729
}

.btn-trans {
    background: 0 0;
    color: #fff;
    font-size: 15px;
    padding: 10px 25px;
    border-radius: 20px;
    border: 1px solid #fff;
    margin: 10px 0
}

.btn-trans i {
    margin-right: 10px
}

.btn-trans:hover {
    color: #fff;
    background: rgba(254, 210, 6, .6);
    border-color: rgba(254, 210, 6, .6)
}

.btn-save {
    border: 2px solid #fff;
    background: #000;
    color: #fff;
    border-radius: 0;
    padding: 8px 40px
}

.btn-save:hover {
    color: #fff
}

.btn-out {
    padding: 0 40px;
    border-radius: 27px!important;
    background: #262262;
    color: #fff!important;
    line-height: 42px
}

.btn-out:hover {
    color: #fff
}

.form-div {
    margin-bottom: 10px
}

.form-div .form-div {
    margin-top: 5px
}

.form-div p {
    margin: 0;
    color: #232a2e;
    font-weight: 600;
    font-size: 12px
}

.form-div input,
.form-div select {
    border-radius: 0
}

.form-div textarea {
    border-radius: 27px!important;
    border: 1px solid #a0c9da;
    background: #fff;
    color: #262262;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.deactive,
.inactive {
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease
}

.page {
    padding: 5px 0
}

.header .col-right {
    float: right;
    margin-bottom: 12px
}

.header .col-right .header-abs a {
    padding: 7px 18px;
    border-radius: 38px;
    border: 1px solid #a0c9da;
    font-size: 11px;
    font-weight: 600;
    line-height: normal;
    text-align: left;
    color: #8dbbce;
    margin: 0 6px;
    position: relative
}

.header .col-right .header-abs a.ekatalog {
    border: 1px solid #8dbbce !important;
    background: #8dbbce !important;
    color: #ffffff !important;
}

.header .col-right .header-abs a.ekatalog:hover {
    border: 1px solid #00bbd3 !important;
    background: #00bbd3 !important;
    color: #ffffff !important;
}

span.arama-icon i,
span.neden {
    text-align: center
}

.header {
    padding: 12px 0 0;
    background: #f7f7f7
}

.full-mavi {
    background: #262262;
    border-bottom: 1px solid #1c3146;
    box-sizing: border-box
}

.header .col-right a i:before {
    margin: 0;
    font-weight: 300
}

.header .col-right a {
    float: left;
    font-size: 12px
}

.header .col-right a span:nth-child(2) {
    line-height: 26px;
    padding-left: 7px
}

a.arama span:first-child {
    line-height: 44px;
    padding-right: 15px;
    color: #000;
    font-weight: 600;
    font-size: 10px
}

.header .col-right a.arama span:nth-child(2) {
    line-height: normal
}

a.arama {
    background: #f7f7f7;
    padding: 0 0 0 17px!important
}

.search.arama form a {
    width: 44px;
    height: 44px;
    background-color: #fff;
    border: 1px solid #00bbd3;
    border-radius: 100px;
    padding-left: 0!important;
    position: absolute;
    right: 0;
    margin: 0
}

.inactive {
    transition: all .4s ease
}

.search i:Before {
    color: #000!important;
    font-size: initial!important
}

.deactive {
    transition: all .4s ease
}

.uyemenu ul li:hover .alt-,
a.arama-icon.carpi .deactive,
span.arama-icon i {
    display: block
}

a.arama-icon.gorunur .inactive {
    display: block;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

a.arama-icon.carpi i {
    top: 5px;
    left: 16px
}

a.arama-icon.carpi i:before {
    font-size: 12px
}

span.arama-icon i:before {
    font-size: 16px;
    color: #000
}

.header .col-right .header-abs a span i {
    position: relative;
    top: 3px
}

.header .col-right a:nth-child(2):hover {
    background: #262262;
    border: 1px solid #262262
}

.ekatalog:hover {
    background: #a0c9da!important;
    color: #fff!important;
    border: 1px solid #a0c9da!important
}

input,
select,
textarea {
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.col-right .search form input[type=search]::-webkit-input-placeholder {
    font-family: 'Nunito', sans-serif;
    font-size: 11px;
    font-weight: 700;
    color: #262262
}

.col-right .search form input[type=search]::-moz-placeholder {
    font-family: 'Nunito', sans-serif;
    font-size: 11px;
    font-weight: 700;
    color: #262262
}

.col-right .search form input[type=search]:-ms-input-placeholder {
    font-family: 'Nunito', sans-serif;
    font-size: 11px;
    font-weight: 700;
    color: #262262
}

.col-right .search form input[type=search]:-moz-placeholder {
    font-family: 'Nunito', sans-serif;
    font-size: 11px;
    font-weight: 700;
    color: #262262
}

.col-right .search form input[type=search] {
    height: 45px;
    background: #f7f7f7;
    border-radius: 100px;
    float: left;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    width: 129px;
    border: 1px solid #00bbd3;
    position: relative;
    font-size: 11px;
    font-weight: 800;
    line-height: normal;
    color: #00bbd3;
    padding-left: 20px
}

.col-right .search form input[type=search]:focus {
    width: 477px
}

a.kalibrasyon {
    background: #00bbd3;
    color: #fff!important;
    border: 1px solid #00bbd3!important
}

a.kalibrasyon:hover {
    background: #262262;
    border: 1px solid #262262!important
}

.header-bottom {
    background: #262262;
    position: relative;
    float: left;
    width: 100%
}

.header-abs {
    position: absolute;
    right: 135px
}

.header .container,
ul.menu {
    position: relative
}

ul.menu {
    float: right;
    padding: 0;
    box-sizing: border-box
}

.benzer-slide-item,
.sidebar,
.swiper-container.ic-slide,
.tab-yapi li a {
    -webkit-box-sizing: border-box
}

ul.menu li {
    float: left;
    margin-right: 24px;
    height: 80px
}

ul.menu li:last-child {
    margin: 0;
    background: #243c54;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.alt {
    position: absolute;
    z-index: 100;
    height: 225px;
    width: 292px;
    top: 90%;
    right: 0;
    background-color: #1c3146;
    padding: 10px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    opacity: 0;
    -webkit-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out
}

.formlar.uyegirisform {
    font-size: 14px;
    font-weight: 200;
    color: #fff;
    padding: 10px
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 100px #fff inset!important;
    -webkit-background-color: #fff!important
}

.formlar.uyegirisform tr td {
    position: relative
}

.formlar.uyegirisform tr td i {
    position: absolute;
    margin-top: 0;
    top: 12px;
    left: 18px;
    height: 22px;
    border-right: 1px solid #a0c9da;
    line-height: 24px;
    padding-right: 10px
}

.formlar.uyegirisform tr td i:before {
    color: #a0c9da!important;
    margin: 0;
    font-size: 18px;
    font-weight: 400
}

.border-buton {
    background: #1c3146!important
}

.border-buton:hover {
    background: #00bbd3!important;
    border: 1px solid #00bbd3!important;
    color: #fff!important
}

.formlar.uyegirisform input[type=submit] {
    background-image: none;
    float: right;
    border: none
}

.formlar.uyegirisform a {
    color: #5b6268;
    text-decoration: underline
}

.formlar.uyegirisform input[type=password]:focus,
.formlar.uyegirisform input[type=text]:focus {
    background: #eef7fa!important;
    border: 1px solid #00bbd3!important;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

span.neden,
span.neden:hover:Before {
    -webkit-transition: all .4s;
    -o-transition: all .4s
}

.formlar.uyegirisform input::-webkit-input-placeholder {
    color: #262262;
    font-weight: 600
}

.formlar.uyegirisform input:focus::-webkit-input-placeholder {
    color: #00bbd3;
    font-weight: 600
}

.formlar.uyegirisform input::-moz-placeholder {
    color: #00bbd3;
    font-weight: 600
}

.formlar.uyegirisform input:-ms-input-placeholder {
    color: #00bbd3;
    font-weight: 600
}

.formlar.uyegirisform input:-moz-placeholder {
    color: #00bbd3;
    font-weight: 600
}

.border-buton {
    border: 1px solid #eef7fa!important
}

span.neden {
    position: relative;
    width: 94%!important;
    margin-left: 10%;
    height: 28px;
    background-color: #a0c9da;
    border-radius: 50px;
    font-size: 10px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: normal;
    color: #262262;
    margin-top: 13px;
    transition: all .4s
}

.formlar input[type=submit],
a.unutulan {
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal
}

a.unutulan {
    padding-left: 0!important;
    font-size: 11px!important;
    font-weight: 600!important;
    text-align: center!important;
    color: #a0c9da!important;
    margin-left: 10%;
    text-decoration: underline!important
}

a.unutulan:hover:Before {
    display: none
}

a.unutulan:hover {
    color: #00bbd3!important
}

span.neden:hover {
    background: #00bbd3;
    color: #fff
}

span.neden:hover:Before {
    border-bottom-color: #00bbd3;
    transition: all .4s
}

.formlar.uyegirisform a:hover {
    color: #FFF;
    text-decoration: underline
}

.formlar input[type=submit] {
    border-radius: 26px;
    background-color: #00bbd3;
    width: 94%;
    height: 38px;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    margin-top: 10px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

a.logo:before,
ul.menu li a:before {
    position: absolute;
    border-radius: 12px;
    right: 0;
    content: ""
}

input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
    -webkit-transition: background-color 5000s ease-in-out 0s;
    -o-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}

.menu-icon i.flaticon-user:Before {
    margin-left: 0!important;
    text-align: center;
    display: block;
    color: #fff
}

li.uyemenu a {
    font-size: 12px!important;
    line-height: normal!important;
    text-align: left!important;
    margin-top: 12px
}

.menu li ul li a,
ul.menu li a {
    font-stretch: normal;
    letter-spacing: normal;
    text-align: left;
    font-style: normal;
    font-family: 'Nunito', sans-serif
}

.formlar.uyegirisform tr td a:before {
    display: none
}

.formlar input[type=submit]:hover {
    background: #a0c9da;
    color: #262262;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

ul.menu li a:before,
ul.menu li a:hover:before {
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in
}

ul.menu li:last-child span {
    display: block;
    width: 100%;
    color: #fff
}

span.menu-icon {
    margin-bottom: 5px
}

main.main1 {
    margin-top: 0
}

ul.menu li:last-child .uye-hov {
    display: block;
    padding: 15px 20px 0;
    line-height: normal;
    height: 100%;
    font-size: 14px
}

a.logo:before {
    left: -1000px;
    top: -1000px;
    background: #fff;
    bottom: -13px;
    z-index: -1
}

ul.menu li a:hover:before {
    opacity: 1;
    transition: all .3s ease-in
}

ul.menu li a:before {
    bottom: -1px;
    height: 3px;
    left: 0;
    background: #00bbd3;
    opacity: 0;
    transition: all .3s ease-in;
    z-index: 999
}

ul.menu li a,
ul.menu li a:hover {
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in
}

ul.menu li a:hover {
    color: #00bbd3;
    transition: all .3s ease-in
}

ul.menu li:last-child:hover {
    background: #00bbd3!important;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

ul.menu li:last-child .uye-hov:hover {
    color: #fff!important
}

ul.menu li:nth-child(5) .alt-menu {
    left: 0
}

ul.menu li:nth-child(5) {
    position: relative!important
}

.menu li ul li:nth-child(5):hover {
    position: initial!important
}

ul.menu li a {
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    width: 100%;
    display: block;
    position: relative;
    transition: all .3s ease-in;
    height: 100%;
    line-height: 80px
}

.menu li ul,
.menu li ul li a {
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in
}

.menu li ul {
    position: absolute;
    top: calc(100% + 1px);
    z-index: 99;
    width: 300px;
    background: #262262;
    left: -33px;
    right: 0;
    padding: 0 0 0 5px;
    transition: all .3s ease-in
}

.menu li ul li {
    width: 100%;
    margin: 0;
    height: auto!important
}

.menu li ul li a {
    font-size: 14px;
    font-weight: 600;
    line-height: 4.1;
    color: #00bbd3!important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 20px;
    transition: all .3s ease-in;
}

.menu li ul li:last-child a {
    padding: 0 20px
}

.menu li ul li a i {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -10px;
    line-height: normal
}

.menu li ul li a i:before {
    font-size: 15px;
    margin: 0
}

.menu li ul li.active a {
    color: #a0c9da;
    border-radius: 8px;
    background-color: #283f55;
    -webkit-box-shadow: 0 14px 14px -5px rgba(0, 0, 0, .21);
    box-shadow: 0 14px 14px -5px rgba(0, 0, 0, .21)
}

.menu li ul a:before,
.menu li ul li,
.menu li ul li:last-child:hover {
    background: 0 0!important
}

.menu li ul li ul li:hover a {
    color: #00bbd3!important
}

.menu li ul li.active a:after {
    opacity: 1;
    background: #a0c9da
}

.menu li ul li a:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    background: #1c3146;
    width: 3px;
    right: 0;
    opacity: 1;
    border-radius: 3px
}

.ilt-buttons a span,
.sub-menu {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.sub-menu {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    background: #eb1c24;
    z-index: 0;
    opacity: 0;
    width: 100%;
    transition: all .3s ease-in-out
}

.menu li:hover .sub-menu {
    top: 100%;
    z-index: 99999;
    visibility: visible;
    opacity: 1
}

.menu li ul li.active:hover ul {
    position: absolute;
    top: 0;
    left: 300px;
    width: 100%;
    right: 0!important
}

.menu li ul li ul {
    left: 300px;
    top: 0;
    opacity: 0;
    visibility: hidden;
    min-height: 560px;
    padding: 0;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    border-bottom-right-radius: 8px;
    z-index: -1
}

i.sepet-mavi,
li.abs-item {
    -webkit-transition: all .4s;
    -o-transition: all .4s
}

.menu li ul li ul li a {
    display: block;
    background: #262262!important;
    border-radius: 0!important
}

.menu li ul li ul li a:after {
    display: none!important
}

.menu li ul li.active ul {
    opacity: 1;
    visibility: visible;
    z-index: 999999
}

.menu li ul li ul li:last-child a {
    line-height: 3.4;
    -webkit-box-shadow: none;
    box-shadow: none
}

.menu li ul li ul li a {
    color: #fff!important;
    line-height: 38px;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    font-size: 13px!important
}

li.abs-item {
    margin: 0!important;
    position: relative;
    background: #243c54;
    transition: all .4s;
    right: 0;
    display: block
}

li.abs-item span {
    display: block!important;
    height: auto!important
}

li.abs-item a {
    display: block!important;
    padding: 15px 20px 0;
    line-height: normal!important;
    height: 100%!important
}

li.abs-item i:before {
    margin: 0;
    text-align: center;
    display: block
}

i.sepet-mavi {
    color: #00bbd3;
    transition: all .4s;
    font-weight: 700;
    font-style: normal
}

ul.menu li a:hover span {
    color: #fff
}

ul.menu li.abs-item a:hover span:last-child i {
    color: #fff;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.menu li:nth-child(8) a:hover span:first-child i:before {
    color: #fff!important
}

.menu li:nth-child(8) span:first-child i:before {
    color: #00bbd3!important;
    font-size: 21px
}

.menu li:nth-child(9) span i {
    font-style: normal!important
}

.cont-item span:last-child,
.f-social p,
.ilt-buttons a span,
.items-all a,
.search .suggestion .item .name {
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal
}

.search {
    position: relative;
    float: right;
    margin: 0 0 0 5px
}

span.arama-icon.gorunur i:before {
    margin: 0 0 0 4px;
    line-height: normal
}

.search input input[type=search] {
    max-width: 300px;
    height: 44px;
    border-radius: 0;
    background: #032e61;
    color: #989999;
    border-color: #171f23;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-left: 45px
}

.search i:before {
    font-size: 16px;
    color: #000
}

div#ust_sonuclar {
    padding: 0;
    color: #fff;
    text-align: center;
    background: #00bbd3
}

.search i {
    position: absolute;
    left: inherit;
    top: 11px;
    font-size: 20px;
    color: #989999;
    right: 12px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.suggestion-wrap {
    position: absolute;
    left: 20px;
    width: 433px;
    display: none;
    border-radius: 0;
    top: 100%;
    z-index: 99997
}

.suggestion .item {
    position: relative;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: 100%;
    -ms-flex-align: center;
    align-items: center;
    background: 0 0!important;
    padding: 15px;
    border: none!important;
    z-index: 99999
}

.item.col-inline-flex span i:before {
    font-size: 22px;
    color: #fff!important
}

.suggestion-wrap.activeSug {
    top: 100%;
    opacity: 1;
    visibility: visible;
    -webkit-transition: top .3s ease-out;
    -o-transition: top .3s ease-out;
    transition: top .3s ease-out
}

.item.col-inline-flex span {
    position: absolute;
    right: 30px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 23px;
    left: initial
}

.search .suggestion .item img {
    max-width: 70px;
    float: left;
    border-radius: 5px
}

.search .suggestion .item .name {
    float: left;
    margin: 0;
    padding: 0 6px 0 20px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: calc(100% - 140px);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.83;
    text-align: left;
    color: #fff;
    max-height: 40px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.search span.arama-fyt {
    margin: 0;
    float: right
}

span.arama-fyt {
    display: inline-block;
    width: 100px;
    font-weight: 400;
    color: #fff;
    float: left;
    margin-top: -10px;
    font-size: 17px
}

.search .suggestion .items-all a {
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    display: block;
    padding: 15px 0;
    text-align: center;
    width: 100%!important
}

.search .suggestion .items-all a:hover {
    background: #1ca4de;
    color: #fff
}

div#ust_sonuclar:hover .blur-box-bg:before {
    -webkit-filter: blur(120px);
    filter: blur(120px)
}

.suggestion .blur-box-bg:before {
    content: "";
    background-image: url(img/slider.jpg);
    background-repeat: no-repeat;
    -webkit-filter: blur(60px);
    filter: blur(60px);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: -30px;
    z-index: 99;
    background-size: cover!important;
    -webkit-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    transition: all .4s ease-in;
    background-position: right center
}

.items.scroll {
    position: relative
}

.suggestion div.blur-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.language,
.language>ul>li,
.language>ul>li a,
.suggestion {
    position: relative
}

.suggestion div.blur-box {
    background-color: rgba(30, 165, 221, .88);
    height: 100%
}

.search .suggestion .item:hover {
    background: rgba(42, 67, 91, .27)!important
}

div#ust_sonuclar a:hover i:before {
    color: #fff
}

.item.col-inline-flex span i {
    position: relative;
    top: -6px;
    right: 0;
    line-height: normal
}

.col-inline-flex {
    display: -ms-inline-flexbox;
    display: -webkit-inline-box;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center
}

.items-all a {
    border-bottom-left-radius: 25px;
    background: #262262;
    border-bottom-right-radius: 25px;
    font-size: 14px!important;
    font-weight: 600;
    line-height: 2;
    padding: 20px 0!important
}

.suggestion {
    padding: 0;
    border-radius: 0
}

.s-item {
    padding: 0
}

.s-item img {
    width: 30px;
    height: 45px;
    float: left
}

.s-item p {
    margin: 0;
    font-size: 13px;
    color: #002349
}

.s-item h6 {
    margin-top: 0
}

.search-table {
    margin-bottom: 0
}

.search-table tr {
    border-bottom: 1px solid #dedede;
    padding: 0 15px;
    display: block
}

.search-table tr:hover {
    background: rgba(237, 19, 31, 1)
}

.search-table tr:hover p {
    color: #fff
}

.search-table td,
.search-table td i {
    color: #002349;
    font-weight: 900
}

.search-table td a {
    display: block
}

.search-table tr:last-of-type {
    border-bottom: none
}

.search-table td {
    vertical-align: middle!important;
    border-top: none!important
}

ul.alt-menu {
    border-bottom-left-radius: 8px
}

.language {
    float: right;
    text-align: left
}

.language ul {
    margin: 0
}

.language>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.language>ul>li>a {
    line-height: 42px;
    display: block;
    padding: 0 10px
}

.language>ul>li a {
    color: #9e9ea1
}

.language ul li+li:before {
    content: "/";
    font-size: 16px;
    color: #9e9ea1;
    text-decoration: none;
    position: absolute;
    left: 0;
    padding: 12px 0
}

.alt-var:after,
.footer-menu .objects .object-item:last-child:before,
.main-menu>ul>li:before,
span.dontfollow:after {
    content: ""
}

.language>ul>li a:hover,
.language>ul>li.active a {
    color: #fff
}

.language>ul>li a i {
    position: absolute;
    right: 15px;
    top: 11px;
    font-size: 20px
}

.language>ul>li:hover>ul {
    display: block
}

.language>ul>li>ul {
    display: none;
    position: absolute;
    top: 100%;
    background: #0d1014;
    border: 1px solid #ababab;
    width: 100%;
    left: 0;
    border-top: none;
    margin-top: -1px;
    z-index: 99
}

.language>ul>li>ul>li>a {
    display: block;
    padding: 10px 20px
}

.main-menu {
    float: right;
    width: 100%;
    background: #fff
}

.main-menu>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.main-menu>ul>li {
    width: 20%;
    text-align: center;
    position: relative
}

.main-menu>ul>li:before {
    position: absolute;
    left: 0;
    width: 1px;
    height: 20px;
    top: 20px;
    background: #c4c7c8
}

.main-menu>ul>li:first-of-type:before {
    display: none
}

.main-menu>ul>li a {
    color: #171f23
}

.main-menu>ul>li>a {
    display: block;
    padding: 15px 10px
}

.main-menu>ul>li.active>a:after,
.main-menu>ul>li:hover>a:after,
.main-menu>ul>li>a:hover:after {
    content: "";
    background: #ed131f;
    height: 5px;
    width: 60%;
    left: 20%;
    position: absolute;
    bottom: 0
}

.main-menu>ul>li>ul {
    -webkit-transition: all 250ms;
    -o-transition: all 250ms;
    transition: all 250ms;
    position: absolute;
    left: 0;
    top: 95%;
    background: #ed131f;
    padding: 15px;
    text-align: left;
    width: 100%;
    display: inline-table;
    z-index: 99;
    opacity: 0;
    visibility: hidden
}

.kadro-item .img,
.main-menu>ul>li>ul>li>ul {
    -webkit-transition: all 250ms;
    -o-transition: all 250ms
}

.main-menu>ul>li:hover>ul {
    opacity: 1;
    visibility: visible;
    top: 100%
}

.main-menu>ul>li>ul>li {
    position: relative
}

.main-menu>ul>li>ul>li>a {
    color: #fff;
    display: block;
    padding: 8px 5px;
    border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.main-menu>ul>li>ul>li:last-of-type>a {
    border-bottom: none
}

.main-menu>ul>li>ul>li:hover>a,
.main-menu>ul>li>ul>li>a:hover {
    background: #e20915
}

.main-menu>ul>li>ul>li:hover>ul {
    left: 100%;
    visibility: visible;
    opacity: 1
}

.main-menu>ul>li>ul>li>ul {
    webkit-transition: all 250ms;
    transition: all 250ms;
    position: absolute;
    left: 95%;
    top: 0;
    background: #e20915;
    padding: 5px 15px;
    text-align: left;
    width: 100%;
    display: inline-table;
    z-index: 99;
    opacity: 0;
    visibility: hidden
}

.main-menu>ul>li>ul>li>ul>li>a {
    color: #fff;
    display: block;
    padding: 8px 5px;
    border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.alt-var {
    position: relative
}

.alt-var:after {
    position: absolute;
    right: 0;
    top: 12px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 10px;
    border-color: transparent transparent transparent #fff;
    z-index: 99
}

.logo {
    position: absolute;
    left: 30px;
    top: 7px
}

.logo img {
    position: relative;
    left: -9px;
    width: 250px
}

.modal-open .modal {
    background: rgba(0, 0, 0, .7);
    z-index: 999999
}

.modal-dialog {
    background: #fff;
    padding: 25px 50px;
    position: absolute;
    top: 50%!important;
    transform: translate(0, -50%)!important;
    -ms-transform: translate(0, -50%)!important;
    -webkit-transform: translate(0, -50%)!important;
    left: 50%;
    margin-left: -405px;
    width: 810px;
    max-height: 730px;
    overflow-y: scroll
}

.footer-menu .objects,
.modal-content,
.urunKisa,
.urunTanim,
li.instagram a,
li.instagram a:after {
    overflow: hidden
}

.modal-dialog.popup {
    background: 0 0;
    overflow-y: hidden;
    max-width: 100%
}

.popup img {
    border-radius: 20px
}

.modal-header {
    padding: 0 0 10px;
    border-bottom: 1px solid #bbb6b2
}

.modal-header h3 {
    margin: 0;
    color: #503e30;
    font-size: 20px;
    font-weight: 600
}

.modal-content {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none
}

.modal-content p {
    color: #503e30;
    margin-bottom: 0;
    margin-top: 10px;
    font-weight: 600
}

.modal-content ol li {
    list-style-type: decimal
}

.modal .close {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 1;
    width: 30px;
    height: 30px;
    font-size: 37px
}

#popup_modal .close {
    right: 56px;
    top: 26px;
    opacity: .5
}

#popup_modal .close:hover {
    opacity: 1
}

#popup_modal .modal-dialog.popup{ max-width: 100%; }
#popup_modal .modal-dialog.popup a{  display: block; }
#popup_modal .modal-dialog.popup a img{ display: block; margin: 0 auto; }
@media (max-height: 800px){
    #popup_modal .modal-dialog.popup{ top: 0 !important; transform: translate(0,0) !important; -webkit-transform: translate(0,0) !important; }
}

.footer-menu .objects .object-item {
    float: left;
    position: relative
}

.footer-menu .objects .object-item:first-child {
    width: 29%
}

.ilt-buttons {
    float: left;
    width: 80%;
    margin: 14px 0
}

.ilt-buttons a {
    width: 49%;
    height: 43px;
    border-radius: 30px;
    background-color: #00bbd3;
    position: relative;
    line-height: 42px
}

.ilt-buttons a span {
    font-family: 'Nunito', sans-serif;
    font-size: 9px;
    font-weight: 700;
    line-height: 2.78;
    text-align: left;
    color: #fff;
    padding-left: 40px;
    transition: all .3s ease-in-out
}

.ilt-buttons a i:before,
.ilt-buttons a:hover span {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    color: #fff
}

.ilt-buttons a i:before {
    font-size: 16px;
    margin: 0;
    transition: all .3s ease-in-out
}

.ilt-buttons a i {
    position: absolute;
    left: 15px
}

.ilt-buttons a:last-child {
    background: #262262
}

.ilt-buttons a:last-child:hover {
    background: #00bbd3
}

.ilt-buttons a:hover {
    background: #262262
}

.ilt-buttons a:hover span {
    transition: all .3s ease-in-out
}

.ilt-buttons a:hover i:before {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    color: #fff
}

.footer-menu .objects .object-item:nth-child(2) {
    width: 18%;
    padding: 0 2%;
    border-right: 1px solid #a0c9da;
    border-left: 1px solid #a0c9da;
    position: relative
}

.footer-menu .objects .object-item:nth-child(3) {
    width: 25%;
    padding: 0 5%
}

section.footer-menu h3 {
    font-weight: 700;
    font-size: 20px;
    color: #333;
    cursor: default
}

.footer-bot-bot {
    background-color: #f6f6f6;
    padding: 15px 0
}

.footer-bot-bot .copyright {
    margin-top: 5px
}

.footer-bot-bot .copyright span {
    color: #000;
    font-size: 14px
}

.footer-bot-bot .company-logo a {
    font-size: 13px;
    color: #666;
    font-weight: 700
}

div#myModal .modal-header {
    border: none;
    min-height: initial;
    padding: 10px
}

.f-social {
    float: left;
    display: inline-block
}

.f-social p {
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    text-align: left;
    color: #9b9b9b;
    font-family: 'Nunito', sans-serif;
    margin-bottom: 0
}

.f-social span {
    font-weight: 700;
    color: #4a4a4a;
    font-size: 12px
}

.f-bulten .menu-title {
    width: auto
}

.footer-menu .objects .object-item:last-child:before {
    position: absolute;
    left: -1px;
    width: 1px;
    top: -60px;
    background: #a0c9da;
    height: 1000px
}

.footer-menu {
    background: #fff;
    padding: 0;
    position: relative;
    float: left;
    width: 100%
}

.footer-menu .objects {
    display: table;
    width: 100%;
    table-layout: fixed;
    padding: 70px 0 40px
}

.footer-menu .objects .object {
    display: table-cell
}

.footer-menu .objects .object-item:last-child {
    width: 28%;
    margin-left: 0;
    padding-left: 20px;
    border-left: 1px solid #a0c9da
}

.cont-item {
    width: 80%;
    float: left;
    padding: 10px 0;
    border-bottom: 1px solid #a0c9da
}

.cont-item span {
    float: left;
    display: inline-block;
    line-height: 24px!important
}

.cont-item span:last-child {
    font-family: 'Nunito', sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.92;
    text-align: left;
    color: #000;
    width: 85%
}

.cont-item span:first-child,
h3.block-h3 a {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: normal;
    color: #262262;
    font-stretch: normal;
    font-style: normal
}

.cont-item span:first-child {
    width: 15%;
    line-height: normal;
    text-align: left;
    padding-left: 10px
}

.cont-item:first-child span:first-child {
    line-height: 48px!important
}

h3.block-h3 a {
    line-height: 3.36;
    border-bottom: 1px solid #000;
    text-align: center
}

.footer-menu .objects .object-item:nth-child(2):before {
    bottom: 0
}

h3.block-h3 {
    margin: 0
}

h3.block-h3:last-child a {
    border: none
}

.f-bulten h3 {
    margin: 0;
    text-align: left;
    display: block
}

.social ul.col-inline-flex {
    display: table;
    margin: auto
}

.sosyal-baslik {
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 3px;
    color: #a4aeb9;
    TEXT-ALIGN: CENTER;
    padding-bottom: 10px
}

.social {
    position: relative;
    left: -20px;
    border-radius: 30px 30px 30px 0;
    background-color: #eef7fa;
    border-top-left-radius: 0!important;
    padding: 15px 0;
    margin-bottom: 10px
}

.fot-orta h3 {
    float: left;
    font-weight: bolder;
    font-size: 16px;
    color: #262262;
    cursor: default;
    margin: 10px 4px 10px 0;
    font-style: normal
}

span.dontfollow a {
    color: #333!important;
    font-size: 11px;
    font-weight: 800;
    margin-top: 7px;
    font-style: normal
}

span.dontfollow a:hover {
    color: #00a7ce!important
}

span.dontfollow {
    line-height: 22px;
    position: relative
}

span.dontfollow:hover:after {
    bottom: -4px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    background: #00a7ce
}

span.dontfollow:after {
    position: absolute;
    bottom: 8px;
    left: 0;
    right: 0;
    background: #333;
    height: 1px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.social ul li a i {
    font-size: 11px;
    position: relative;
    top: -1px;
    left: 0;
    z-index: 9
}

footer.footer-menu:before,
li.instagram a:after {
    content: "";
    position: absolute
}

.social ul li a:hover {
    -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in
}

li.instagram a:after {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#6d8aa0), to(#343436));
    background-image: -webkit-linear-gradient(bottom, #6d8aa0, #343436);
    background-image: -o-linear-gradient(bottom, #6d8aa0, #343436);
    background-image: linear-gradient(to top, #6d8aa0, #343436);
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out;
    z-index: 2;
    opacity: 0;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0
}

.urunDetay .social ul {
    display: inline-block!important;
    -webkit-box-align: initial!important;
    -ms-flex-align: initial!important;
    align-items: initial!important;
    margin: initial!important;
    width: 49px
}

.urunDetay .social li.facebook {
    background: #3b5998;
    float: none!important;
    display: block!important
}

.butun,
.social ul.col-inline-flex li {
    float: left
}

.urunDetay .social li {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    width: 49px;
    height: 50px
}

.urunDetay .social ul li a i {
    font-size: 25px!important;
    color: #fff;
    text-align: center!important;
    display: block;
    top: 0!important;
    left: 0!important;
    right: 0!important;
    font-weight: 300;
    height: 100%;
    line-height: 50px
}

.footer-menu .objects .object h3,
.footer-menu .objects .object>ul>li>a {
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: left
}

.urunDetay li.twitter {
    background: #55acee
}

.urunDetay li.google {
    background: #dc4e41
}

.urunDetay li.linkedin {
    background: #1385af
}

li.instagram:hover a:after {
    opacity: 1;
    background: #d6249f;
    background: -webkit-radial-gradient(30% 107%, circle, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background: -o-radial-gradient(30% 107%, circle, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background: radial-gradient(circle at 30% 107%, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    border-radius: 20px;
    overflow: hidden
}

footer.footer-menu:before {
    left: 0;
    right: 0;
    top: 10px;
    height: 1px;
    width: 100%;
    background: #a0c9da
}

.footer-menu .objects .object-item:nth-child(2):after,
.footer-menu .objects .object-item:nth-child(2):before {
    width: 1px;
    top: -60px;
    height: 1000px;
    position: absolute;
    background: #a0c9da;
    content: ""
}

.footer-menu .objects .object-item:nth-child(2):before {
    left: -1px
}

.footer-menu .objects .object-item:nth-child(2):after {
    right: -1px
}

.footer-menu .objects .object-item:nth-child(3) h3:before {
    border: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 90px;
    content: "";
    height: 1px;
    background: #a0c9da
}

.footer-menu .objects .object-item:nth-child(3) h3 {
    border: none
}

.footer-menu .objects .object h3 {
    font-size: 14px;
    line-height: normal;
    position: relative;
    color: #262262;
    margin: 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #a0c9da;
    padding-left: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.footer-menu .objects .object>ul>li>a {
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    position: relative;
    display: inline-block;
    font-family: 'Nunito', sans-serif;
    font-size: 13px;
    line-height: 2.7;
    color: #000
}

.social ul li a {
    font-size: 20px!important;
    color: #eef7fa!important;
    text-align: center;
    margin: 0 5px;
    width: 22px;
    height: 22px;
    background-color: #a4aeb9;
    border-radius: 30px;
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    position: relative
}

.slide-aciklama,
.slide-baslik {
    font-style: normal;
    text-align: left
}

h3.block-h3 a:hover {
    color: #00bbd3
}

li.youtube-play:hover a {
    background: red
}

li.google-plus:hover a {
    background: #d34836
}

.object.menu.object-item.active .menu-title h3 {
    color: #00bbd3;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.facebook a:hover {
    background: #3B5998
}

.twitter a:hover {
    background: #00aced
}

li.linkedin a:hover {
    background: #4875B4
}

li.pinterest a:hover {
    background: #bd081c
}

.footer-sect input:focus {
    border: 1px solid #11aad1
}

input.sent.topCenter {
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    background-position: bottom center!important
}

.objects input[type=email]:focus {
    border: 1px solid #00bbd3
}

.ebulten-form input:focus::-webkit-input-placeholder {
    color: #00bbd3!important;
    font-weight: 600;
    -webkit-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out
}

.ebulten-form input:focus::-moz-placeholder {
    color: #00bbd3!important;
    font-weight: 600;
    -webkit-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out
}

.ebulten-form input:focus:-ms-input-placeholder {
    color: #00bbd3!important;
    font-weight: 600;
    -webkit-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out
}

.ebulten-form:focus:-moz-placeholder {
    color: #00bbd3!important;
    font-weight: 600;
    -webkit-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out
}

.footer-menu .objects .object>ul>li>a:before {
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    bottom: 0;
    height: 2px;
    background: #00bbd3;
    -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in
}

.objects form,
.slider {
    position: relative
}

.footer-menu .objects .object>ul>li>a:hover:before {
    width: 100%;
    -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in
}

.butun {
    width: 80%;
    padding-top: 15px
}

i.flat-ps.flaticon-add:before {
    margin: 0
}

.fot-orta {
    padding-left: 13px
}

.footer-menu .objects .object>ul>li>a:hover {
    color: #00bbd3
}

.footer-menu .objects .object.object-contact p {
    font-family: 'Titillium Web';
    font-size: 12px;
    line-height: 18px;
    margin: 0
}

.slide-aciklama,
.slide-baslik,
a.mavi-brd-btn {
    font-family: 'Nunito', sans-serif;
    font-stretch: normal;
    letter-spacing: normal
}

.footer-menu .objects .object.object-contact .customer-services {
    margin: 20px 0
}

.footer-menu .objects .object.object-contact .customer-services i.icon-customer-services {
    width: 52px;
    height: 45px;
    background-position: -144px 0
}

.footer-menu .objects .object.object-contact .customer-services a {
    font-size: 24px;
    color: #999;
    padding-left: 25px
}

.footer-menu .objects .object.object-contact .social ul {
    padding-right: 20px;
    width: 100%;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.footer-menu .objects .object.object-contact .social ul li {
    margin-right: 5px
}

.footer-menu .objects .object.object-contact .social ul li a {
    width: 45px;
    height: 44px
}

.footer-menu .objects li {
    margin-bottom: 0;
    margin-right: 0;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.backgrounds,
.duyuru-items ul li a {
    -webkit-transition: all .4s ease-in
}

.objects ul {
    margin-top: 10px
}

.copy {
    padding: 15px 0 15px;
    border-top: 1px solid rgba(255, 255, 255, .2);
    background: #eef7fa;
}

.slider {
    height: auto
}

.slider .swiper-slide:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(66, 66, 66, .74)
}

.backgrounds {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 190px;
    height: 165px;
    opacity: 1;
    -o-transition: all .4s ease-in;
    transition: all .4s ease-in
}

.back {
    height: 100%;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: center center!important;
    border-top-left-radius: 8px
}

.slider-content {
    display: none;
    width: 690px;
    color: #fff;
    position: relative;
    z-index: 9999;
    height: 100%
}

.swiper-slide-active .slider-content {
    display: table
}

.slide-baslik {
    font-size: 35px;
    font-weight: 700;
    line-height: 1.46;
    color: #fff
}

.slide-aciklama {
    font-size: 17px;
    font-weight: 300;
    line-height: 1.88;
    color: #fff;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .26);
    margin-top: 25px
}

a.mavi-brd-btn span i {
    font-style: inherit;
    font-weight: 800
}

a.mavi-brd-btn span i:before {
    margin: 0;
    font-weight: 100;
    height: 15px;
    border-radius: 100px;
    border: 2px solid #fff;
    font-size: 8px;
    padding: 5px
}

a.mavi-brd-btn span:first-child {
    margin-right: 4px;
    margin-top: 2px
}

a.mavi-brd-btn {
    width: 191px;
    height: 55px;
    border-radius: 36.5px;
    background-color: #00bbd3;
    font-size: 13px;
    font-weight: 600;
    font-style: normal;
    text-align: center;
    color: #fff;
    margin-top: 23px;
    line-height: 55px;
    float: left;
    position: relative;
    padding-right: 20px
}

a.mavi-brd-btn span {
    font-weight: 600;
    display: inline-block;
    line-height: 55px
}

.slider-pagi .swiper-pagination-bullet,
.urunTab li a {
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: center;
    font-family: 'Nunito', sans-serif
}

.urunKisa,
.urunTab li a,
.urunTanim {
    line-height: normal
}

a.mavi-brd-btn span:nth-child(2) {
    position: absolute;
    top: 1px;
    right: 25px
}

a.mavi-brd-btn:hover {
    background: #262262
}

.slider .container {
    height: 100%
}

.slider .swiper-slide {
    height: calc(100vh - 172px);
    background-position: top center!important;
    background-size: cover!important;
    background-repeat: no-repeat!important
}

.slider-pagi .swiper-pagination-bullet {
    background: 0 0!important;
    font-size: 20px;
    line-height: normal;
    color: #a49d9d;
    width: auto;
    height: 1.3em;
    display: block;
    margin-bottom: 20px;
    opacity: 1;
    -webkit-transition: height .5s;
    -o-transition: height .5s;
    transition: height .5s
}

.slider-pagi {
    display: block
}

.slider-pagi .swiper-pagination-bullet-active {
    font-size: 35px;
    color: #fff;
    height: 170px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.h100 {
    position: absolute;
    right: 50px;
    top: 0;
    bottom: 0;
    width: 76px;
    z-index: 1
}

.dikey-ortala {
    display: table;
    width: 100%;
    height: 100%;
    float: right
}

.slider .swiper-button-next,
.slider .swiper-button-prev {
    background: 0 0!important;
    width: 30px;
    height: 25px;
    position: relative;
    color: #fff;
    margin: 0;
    display: block;
    right: 0;
    left: 0;
    top: 0
}

.slider .swiper-button-next i:before,
.slider .swiper-button-prev i:before {
    margin: 0!important;
    font-size: 25px!important
}

.hakkimizda .container p,
.page-ack p,
.urunTab li a {
    font-size: 14px
}

.manset-nav {
    display: block;
    margin: auto;
    height: 170px;
    position: absolute;
    width: 100%;
    border: 1px solid #a49d9d;
    border-radius: 44px;
    -webkit-transition: top .5s;
    -o-transition: top .5s;
    transition: top .5s
}

.slick-dots li,
.slick-dots li button,
.urun-img {
    -webkit-transition: all .4s
}

.slider .swiper-button-next {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    position: absolute;
    left: 50%;
    bottom: 20px!important;
    margin-left: -11.5px;
    top: auto
}

.slider .swiper-button-prev {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    position: absolute;
    top: 20px!important;
    display: block;
    left: 50%;
    margin-left: -17.5px;
    bottom: 0
}

.urun-img,
.urunButun,
.urunLogo {
    position: relative
}

.urunButun {
    padding: 50px 0 20px;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    margin-top: 0;
    z-index: 999
}

.urunTab {
    display: table;
    margin: 0 auto
}

.urunTab li a {
    border-radius: 35px!important;
    border: 1px solid #00bbd3!important;
    color: #00bbd3;
    padding: 19px 35px
}

.urun-img {
    height: auto;
    white-space: nowrap;
    text-align: center;
    -o-transition: all .4s;
    transition: all .4s;
    background: #fff;
    width: 100%
}

.urunLogo {
    margin-top: 10px;
    width: 100%;
    display: inline-block;
    height: 34px
}

.golge {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -89px
}

.slick-dots li button,
.urunAck a,
.urunAck a i,
.urunAck a+a i,
.urunButun .tab-content,
.urunShdow {
    position: relative
}

.urunTanim {
    font-family: 'Nunito', sans-serif;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: center;
    color: #262262;
    padding: 0 30px;
    max-height: 19px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.urunAck a,
.urunKisa {
    font-size: 13px;
    letter-spacing: normal;
    text-align: center;
    font-style: normal;
    font-stretch: normal;
    font-family: 'Nunito', sans-serif
}

.urunKisa {
    font-weight: 300;
    color: #000;
    padding: 0 45px;
    margin: 10px auto;
    min-height: 32px;
    max-height: 32px
}

.urunButun .tab-content>.tab-pane {
    display: block;
    visibility: hidden
}

.urunButun .tab-content>.tab-pane.active {
    visibility: visible
}

.urunButun .tab-pane:not(:first-child) {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.urunButun .littleImage.slick-slide.slick-current.slick-active.slick-center {
    opacity: 1;
    -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in
}

.detailed-filter .urunAck i:before {
    margin: 0
}

.urunAck a {
    border-radius: 28.5px;
    border: 1px solid #00bbd3;
    font-weight: 700;
    color: #262262;
    display: table;
    margin: auto;
    width: 172px;
    height: 35px;
    line-height: 35px;
    padding: 0
}

.urunAck a i {
    left: 0
}

.urunAck a+a i {
    top: 2px
}

.urunSlider a i:before,
.urunSlider2 a i:before,
.urunSlider3 a i:before {
    margin: 0 5px 0 0!important;
    line-height: normal;
    font-size: 16px
}

.urunAck a:last-child {
    margin-top: 10px;
    color: #00bbd3
}

.urunAck {
    padding: 20px 0 25px;
    background: #fefafa
}

.urunSlider,
.urunSlider2,
.urunSlider3 {
    width: 100%;
    display: block;
    position: relative;
    text-align: center;
    margin: 50px 0
}

.slick-list {
    overflow: visible
}

.album-isim,
.album-isim.wdth100,
.hak-item ul li a,
.kesik-cizgi,
.urunShdow,
div#medya,
section.duyurular,
section.hakkimizda {
    overflow: hidden
}

.urunShdow {
    width: calc(100% + 30px);
    padding: 0;
    margin-left: -15px
}

.benzer-slide-item {
    padding: 0 40px;
    box-sizing: border-box
}

.slick-dots li button:before {
    content: " "!important
}

.slick-dots li {
    width: 20px!important;
    height: auto;
    margin: 0 6px!important;
    -o-transition: all .4s;
    transition: all .4s
}

.slick-dots li button {
    padding: 0!important;
    width: 17px!important;
    height: 17px!important;
    background: #a0c9da!important;
    border-radius: 50%;
    -o-transition: all .4s;
    transition: all .4s
}

@-webkit-keyframes sploosh {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(30, 165, 221, .33);
        box-shadow: 0 0 0 0 rgba(30, 165, 221, .33);
        background: rgba(30, 165, 221, .45)
    }
    80% {
        background: rgba(66, 166, 223, 0)
    }
    100% {
        -webkit-box-shadow: 0 0 0 14px rgba(66, 166, 223, 0);
        box-shadow: 0 0 0 14px rgba(66, 166, 223, 0)
    }
}

@-webkit-keyframes sploosh2 {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .33);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, .33);
        background: rgba(255, 255, 255, .45)
    }
    80% {
        background: rgba(66, 166, 223, 0)
    }
    100% {
        -webkit-box-shadow: 0 0 0 14px rgba(66, 166, 223, 0);
        box-shadow: 0 0 0 14px rgba(66, 166, 223, 0)
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1)
    }
    3.3% {
        -webkit-transform: scale(1.1)
    }
    16.5% {
        -webkit-transform: scale(1)
    }
    33% {
        -webkit-transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1)
    }
}

a.play {
    width: 90px;
    position: absolute;
    z-index: 999;
    top: 50%;
    margin-top: -35px;
    left: 50%;
    margin-left: -45px
}

a.play:before {
    width: 100px;
    height: 100px;
    background: rgba(255, 255, 255, 0);
    content: "";
    left: -5px;
    top: -5px;
    z-index: -1;
    border-radius: 70px;
    -webkit-animation: sploosh2 2s cubic-bezier(.165, .84, .44, 1);
    -webkit-animation-delay: .33s;
    -webkit-animation-iteration-count: infinite
}

.slick-active button:after,
li.slick-active:before {
    left: 0;
    width: 17px;
    height: 17px;
    content: ""
}

.slick-active button:after {
    top: 0;
    border: 0;
    border-radius: 50%;
    -webkit-animation: sploosh 2s cubic-bezier(.165, .84, .44, 1);
    -webkit-animation-delay: .33s
}

.urunAck a+a:hover {
    background: #00bbd3;
    color: #fff;
    border: 1px solid #00bbd3
}

li.slick-active button:before {
    opacity: 1
}

li.slick-active button {
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    background-color: #00bbd3!important;
    -webkit-animation: pulse 2s ease-out
}

ul.slick-dots {
    bottom: 0;
    position: relative;
    padding: 30px 0 0
}

li.slick-active:before {
    position: absolute;
    top: 0;
    border: 0;
    border-radius: 50%;
    -webkit-animation: sploosh 2s cubic-bezier(.165, .84, .44, 1)
}

.urunAck a:hover {
    color: #fff;
    background-color: #262262;
    border: 1px solid #262262
}

.urunGenel2:hover,
.urunGenel3:hover,
.urunGenel:hover {
    -webkit-box-shadow: 0 8px 15px -3px rgba(0, 0, 0, .24);
    box-shadow: 0 8px 15px -3px rgba(0, 0, 0, .24);
    -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
    margin-top: 8px
}

.urunSlider.slick-slide.slick-current.slick-active.slick-center {
    opacity: 1;
    -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in
}

.duyuru-items ul li a:after,
section.urunTabs {
    -webkit-transition: all .6s ease-in;
    -o-transition: all .6s ease-in
}

section.urunTabs {
    position: relative;
    margin-top: -70px;
    z-index: 99;
    transition: all .6s ease-in
}

.container2,
.effet img {
    position: absolute
}

.container2 {
    width: 1300px;
    margin-left: -650px;
    left: 50%;
    top: 0;
    bottom: 0;
    border-radius: 12px;
    background-size: cover!important;
    background-repeat: top center!important
}

.effet {
    width: 400px;
    height: 300px;
    margin: 0 auto 50px;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .5);
    box-shadow: 0 1px 5px rgba(0, 0, 0, .5)
}

.filtre--r {
    -webkit-mask: url(#mask-radial);
    mask: url(#mask-radial);
    -webkit-filter: url(#filtre1);
    filter: url(#filtre1)
}

.filtre--l {
    -webkit-mask: url(#mask-linear);
    mask: url(#mask-linear);
    -webkit-filter: url(#filtre2);
    filter: url(#filtre2)
}

.filtre:hover {
    -webkit-mask: none;
    -webkit-filter: none;
    mask: none;
    filter: none
}

section.duyurular {
    padding: 0;
    background: #00bbd3;
    position: relative
}

.col-left {
    float: left
}

.col-right {
    float: right
}

.duyuru-baslik {
    font-family: 'Nunito', sans-serif;
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 4.3px;
    text-align: left;
    color: #a0c9da;
    padding-left: 39px;
    position: relative;
    z-index: 999
}

.duyuru-baslik.beyaz {
    padding: 0 0 0 30px;
    position: relative;
    color: #fff;
    margin-bottom: 0
}

.duyuru-baslik.beyaz:before {
    position: absolute
}

.duyuru-baslik.beyaz span {
    color: #fff
}

.duyuru-baslik:before {
    content: "";
    position: absolute;
    left: 0;
    width: 26px;
    top: 9px;
    height: 1px;
    background: #b6deee
}

.col-right .nav li a {
    background-color: rgba(255, 255, 255, .3);
    border: 1px solid #00bbd3;
    font-size: 13px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: -.3px;
    text-align: center;
    color: #00bbd3;
    width: 80px;
    margin: 0 -1px;
    height: 35px;
    padding: 0;
    line-height: 35px
}

.col-right .nav li.active a {
    background: #00bbd3;
    color: #fff
}

.col-right .nav li:first-child a {
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px
}

.wd50.sol {
    background: #eef7fa;
    position: relative;
    padding: 33px 20px 33px 0;
    width: 60%!important
}

.acik-renk {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: #eef7fa;
    width: 50%
}

.col-right .nav li:nth-child(2) a {
    border-bottom-right-radius: 100px;
    border-top-right-radius: 100px!important
}

.duyuru-baslik span {
    font-size: 30px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #262262;
    position: relative;
    left: -38px
}

.wd50 {
    float: left;
    width: 50%
}

.page-content .duyuru-baslik {
    z-index: 1
}

.page-content .duyuru-baslik span,
.userPanelItems span {
    font-size: 22px
}

a.all-duyuru,
span.ps-abs {
    font-size: 12px;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal
}

.wd50 .tab-content {
    float: left;
    width: 100%;
    padding: 0
}

.wd50 .col-right {
    margin-top: 40px;
    margin-bottom: 30px;
    z-index: 999;
    position: relative
}

.duyuru-items {
    display: block
}

.duyuru-genel nav.sayfalama {
    margin: 0
}

.duyuru-items ul {
    display: inline-block;
    width: 100%
}

.duyuru-genel .duyuru-items li {
    width: 100%;
    margin: 0 0 15px!important;
    height: 130px
}

section.duyuru-genel {
    padding: 60px 0
}

.duyuru-items ul li {
    width: 46%;
    margin: 2%;
    float: left;
    height: 180px
}

.duyuru-items ul li a {
    display: block;
    height: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    -o-transition: all .4s ease-in;
    transition: all .4s ease-in;
    background-size: cover!important;
    background-position: center center!important
}

.duyuru-items ul li a:before {
    width: 100%;
    background-size: 100%;
    height: 43%
}

.duyuru-items ul li a:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    opacity: .3;
    transition: all .6s ease-in
}

.duyuru-items {
    width: 100%!important
}

.duyuru-items ul li a:before {
    content: "";
    left: 0;
    right: 0;
    bottom: -2px;
    background-color: rgba(0, 0, 0, 0);
    background-image: -webkit-linear-gradient(bottom, #000, rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, #000, rgba(0, 0, 0, 0));
    background-image: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
    position: absolute;
    -webkit-transition: all .6s ease-in;
    -o-transition: all .6s ease-in;
    transition: all .6s ease-in;
    opacity: 1
}

.duyuru-items ul li a:hover,
span.ps-abs {
    -webkit-transition: all .4s ease-in;
    -o-transition: all .4s ease-in
}

span.ps-abs {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    font-family: 'Nunito', sans-serif;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    z-index: 999;
    color: #bebebe;
    transition: all .4s ease-in
}

.duyuru-items li a:hover:after {
    -webkit-transition: all .6s ease-in;
    -o-transition: all .6s ease-in;
    transition: all .6s ease-in;
    opacity: 0
}

.duyuru-items ul li a:hover {
    -webkit-box-shadow: 0 9px 25px -1px rgba(74, 74, 74, .45);
    box-shadow: 0 9px 25px -1px rgba(74, 74, 74, .45);
    transition: all .4s ease-in
}

.blur-bg .blur-box-bg:before,
.duyuru-items ul li a:hover span {
    -webkit-transition: all .4s ease-in;
    -o-transition: all .4s ease-in
}

.duyuru-items ul li a:hover span {
    color: #fff;
    transition: all .4s ease-in
}

.duyurular .swiper-pagination-bullet-active {
    background-color: #00bbd3!important;
    -webkit-box-shadow: 0 4px 6px -4px rgba(0, 0, 0, .5);
    box-shadow: 0 4px 6px -4px rgba(0, 0, 0, .5)
}

.duyurular .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    border: 1px solid #00bbd3!important;
    background: 0 0;
    opacity: 1;
    margin: 3px 5px
}

a.all-duyuru {
    border-radius: 28.5px;
    background-color: #a0c9da;
    float: left;
    font-weight: 600;
    line-height: normal;
    text-align: right;
    color: #eef7fa;
    padding: 5px 13px;
    -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
    position: relative;
}

.urunTabs a.all-duyuru {
    float: right;
    top: -57px;
    right: 16px;
}

.duyuru1-pagi,
.duyuru2-pagi {
    float: left;
    margin-right: 10px;
    position: relative
}

.pagi-ortala {
    display: table;
    margin: 10px auto auto;
    position: relative;
    z-index: 99
}

.anasayfa-hakkinda a,
.anasayfa-hakkinda p {
    display: inline-block;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal
}

.duyurular .swiper-pagination-bullet:hover,
a.all-duyuru:hover {
    background: #00bbd3;
    -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in
}

.maske-bg {
    height: 100%;
    background-size: 125%!important;
    background-position: left 0 center!important;
    opacity: .4;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    right: inherit
}

.blur-kutu {
    width: 391px;
    height: 172px;
    border-radius: 10px;
    background-color: rgba(238, 247, 250, .19);
    -webkit-box-shadow: -2px 13px 11px rgba(0, 0, 0, .16);
    box-shadow: -2px 13px 11px rgba(0, 0, 0, .16)
}

.hak-item ul li a:hover,
a.tanitim {
    -webkit-box-shadow: 0 8px 15px -3px rgba(0, 0, 0, .1)
}

.wd50.sag {
    background: #00bbd3;
    position: relative;
    padding: 33px 20px 33px 40px;
    width: 40%!important;
    min-height: 633.5px
}

.wd50.sag:before {
    content: ""
}

.wd50.sag:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -621px;
    width: 627px;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(#20a5db));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), #20a5db);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), #20a5db);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #20a5db);
    z-index: 1;
    left: initial
}

section.ind-hakkinda {
    padding: 40px 0
}

.anasayfa-hakkinda p {
    font-size: 13px;
    font-weight: 300;
    line-height: 2.08;
    text-align: justify;
    color: #8a8a8a;
    margin-top: 20px;
    margin-bottom: 20px
}

a.devam-btn:hover {
    color: #00bbd3
}

a.devam-btn:hover span {
    border-color: #00bbd3
}

.anasayfa-hakkinda a {
    font-family: 'Nunito', sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: normal;
    text-align: right;
    color: #262262;
    position: relative;
    padding-left: 5px
}

.hak-item ul li span,
.tab-yapi li a {
    text-align: center;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal
}

.anasayfa-hakkinda a i:before {
    line-height: normal;
    font-size: 5px;
    margin: 0
}

a.devam-btn span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

a.devam-btn span:last-child {
    width: 16px;
    height: 16px;
    border-radius: 20px;
    border: 1px solid #2A435B;
    position: absolute;
    top: -2px;
    right: -20px
}

a.devam-btn span:last-child i {
    position: absolute;
    top: 50%;
    margin-top: -8.7px;
    left: 50%;
    margin-left: -2.5px
}

.wd40,
a.tanitim {
    position: relative
}

.hak-item ul {
    display: inline-block;
    width: 100%
}

.hak-item ul li {
    float: left;
    width: 14.66%;
    line-height: normal;
    margin: 1%
}

.hak-item ul li i {
    display: table;
    margin: auto
}

.hak-item ul li i:before {
    margin: 0;
    color: #00bbd3;
    font-size: 40px;
    font-weight: 400
}

.hak-item ul li span {
    display: block;
    padding-top: 10px;
    font-size: 10px;
    font-weight: 700;
    line-height: normal;
    color: #262262;
    min-height: 38px
}

.hak-item ul li a img {
    display: table;
    margin: auto
}

.hak-item ul li a {
    display: block;
    padding: 15px 10px 10px;
    border: 1px solid #daf4ff;
    border-radius: 18px
}

.wd40,
.wd60 {
    padding: 0 15px;
    float: left
}

.hak-item ul li a:hover {
    box-shadow: 0 8px 15px -3px rgba(0, 0, 0, .1);
    border: 1px solid #fff
}

section.ind-hakkinda .wd50.sol {
    background: #fff
}

section.ind-hakkinda .wd50.sol:before {
    display: none
}

.wd60 {
    width: 60%
}

.wd40 {
    width: 40%
}

a.tanitim {
    width: 100%;
    height: 315px;
    opacity: .6;
    background-size: cover!important;
    background-position: center center!important;
    border-radius: 10px;
    box-shadow: 0 8px 15px -3px rgba(0, 0, 0, .1)
}

.wd40 .duyuru-baslik {
    position: absolute;
    left: 40px;
    top: 27px
}

a.tanitim:before {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .01)), color-stop(45%, rgba(92, 92, 92, .37)), to(#fff));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .01), rgba(92, 92, 92, .37) 45%, #fff);
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .01), rgba(92, 92, 92, .37) 45%, #fff);
    background-image: linear-gradient(to top, rgba(0, 0, 0, .01), rgba(92, 92, 92, .37) 45%, #fff);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    border-radius: 10px;
    -webkit-box-shadow: 0 8px 15px -3px rgba(0, 0, 0, .1);
    box-shadow: 0 8px 15px -3px rgba(0, 0, 0, .1)
}

.tab-yapi li.active a {
    background: #fff!important;
    color: #262262
}

.tab-yapi li {
    width: 25%;
    margin: 0!important
}

.tab-yapi li a {
    padding: 0;
    height: 75px;
    border-radius: 0;
    line-height: 75px;
    background: #f6fcff;
    font-size: 18px;
    font-weight: 600;
    color: #a0c9da;
    border-right: 1px solid #a0c9da;
    box-sizing: border-box
}

.hakkimizda ul.nav.nav-pills {
    position: relative;
    border-bottom: 1px solid #a1c9d9
}

.tab-yapi:after,
.tab-yapi:before {
    position: absolute;
    width: 1000px;
    top: 0;
    background: #f6fcff;
    display: block;
    height: 100%;
    border-bottom: 1px solid #a0c9da;
    bottom: 0
}

.tab-yapi:before {
    content: "";
    left: -1000px
}

.hak-mask:Before,
.page-genel-title h1:before {
    left: 0;
    content: ""
}

.tab-yapi:after {
    content: "";
    right: -1000px
}

.tab-yapi {
    position: relative
}

.tab-yapi li:first-child.active a {
    border-left: 1px solid #a0c9da
}

.tab-yapi li:first-child a {
    border-left: 1px solid #c0dce8
}

.page-genel-title h1 {
    font-family: 'Nunito', sans-serif;
    font-size: 25px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #00bbd3;
    margin: 0 0 15px;
    padding-left: 50px;
    position: relative
}

.hakkimizda .container p,
.page-ack p {
    font-family: 'Nunito', sans-serif;
    font-weight: 400;
    line-height: 2.21;
    color: #4a4a4a
}

.page-genel-title h1:before {
    position: absolute;
    width: 40px;
    height: 4px;
    background: #262262;
    top: 50%;
    margin-top: -2px;
    border-radius: 30px
}

.hak-bg,
.hak-mask {
    background-size: cover!important;
    background-position: center center!important;
    border-radius: 10px
}

.tab-content {
    padding: 80px 0 30px
}

.page-ack p {
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: justify
}

.hak-mask {
    height: 370px;
    position: relative
}

.hak-mask:Before {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .01)), color-stop(45%, rgba(92, 92, 92, .37)), to(#fff));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .01), rgba(92, 92, 92, .37) 45%, #fff);
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .01), rgba(92, 92, 92, .37) 45%, #fff);
    background-image: linear-gradient(to left, rgba(0, 0, 0, .01), rgba(92, 92, 92, .37) 45%, #fff)
}

.hak-bg {
    opacity: .22;
    height: 100%;
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .09)
}

.hak-mask img {
    position: absolute;
    bottom: 60px;
    left: 19px;
    width: 160px;
    z-index: 9999
}

.hak-genel {
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 36px rgba(0, 0, 0, .5);
    box-shadow: 1px 1px 36px rgba(0, 0, 0, .12);
    position: relative
}

section.hakkimizda {
    background: #fff;
    padding: 0
}

section.hakkimizda.sayfa-detay {
    padding: 50px 0
}

section.hakkimizda.sayfa-detay ol li,
section.hakkimizda.sayfa-detay ul li {
    list-style-type: inherit!important
}

section.hakkimizda.sayfa-detay ol {
    list-style-type: decimal!important
}

section.hakkimizda.sayfa-detay ul {
    list-style-type: inherit!important
}

section.hakkimizda.sayfa-detay ol,
section.hakkimizda.sayfa-detay ul {
    padding-left: 15px;
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 2.21;
    color: #4a4a4a
}

.hak-baslik,
.hak-genel p {
    font-family: Saira;
    display: table
}

.hak-baslik {
    font-size: 25px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #1c7a1f;
    padding-top: 62px;
    margin: auto auto 22px;
    padding-bottom: 13px;
    border-bottom: solid 5px #b8e986
}

.hak-genel p,
.ms-genel p {
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: center
}

.hak-genel p {
    width: 70%;
    margin: auto;
    font-size: 13px;
    font-weight: 400;
    line-height: 2;
    color: #4a4a4a;
    padding-bottom: 115px
}

.ms-genel {
    opacity: 1;
    padding: 30px 20px;
    height: auto
}

.ms-genel p {
    height: auto;
    font-family: 'Nunito', sans-serif!important;
    font-size: 16px!important;
    font-weight: 400!important;
    line-height: 1.94!important;
    color: #fff!important
}

.genel-baslik .ms-vz-baslik,
.s-ortala-item li span,
.sol-ortala span {
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: left;
    line-height: normal
}

.ms-vz-baslik {
    font-family: 'Nunito', sans-serif;
    font-size: 25px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    display: table;
    color: #fff;
    padding-bottom: 10px;
    margin: 0 auto 10px;
    position: relative
}

.ms-vz-baslik:before {
    content: "";
    position: absolute;
    width: 58px;
    height: 4px;
    left: 50%;
    margin-left: -29px;
    background: #fff;
    bottom: 0;
    border-radius: 20px
}

.ms-vz {
    padding: 53px 0;
    position: relative
}

.pst-ab {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.wd50.ms-img {
    height: 100%;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    position: relative
}

.wd50.ms-img:before {
    content: ""
}

.wd50.ms-img.koyu:before {
    background: rgba(52, 150, 54, .71)
}

.firma-slide .swiper-slide {
    height: 215px;
    background-size: cover!important;
    background-position: center center!important;
    border-radius: 8px
}

.firma-slide {
    margin: 50px auto
}

.genel-baslik .ms-vz-baslik {
    font-family: 'Nunito', sans-serif;
    font-size: 25px;
    font-weight: 700;
    color: #262262
}

.genel-baslik .ms-vz-baslik:before {
    background: #00bbd3;
    content: "";
    position: absolute;
    left: 50%;
    width: 132px;
    margin-left: -61px
}

.firma-nav .swiper-button-prev,
.sol-ortala span,
.tarih-item,
section.hakkimizda .row {
    position: relative
}

.firma-goruntuleri {
    padding: 50px 0
}

.firma-nav .swiper-button-next,
.firma-nav .swiper-button-prev {
    position: relative;
    background: 0 0;
    top: 0;
    width: 38px;
    height: 38px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0 20px
}

.firma-slide .swiper-slide a {
    height: 100%!important;
    width: 100%;
    display: block;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: center center!important
}

.firma-nav i:before {
    margin: 0!important;
    font-size: 41px;
    color: #262262!important
}

.firma-nav {
    display: table;
    margin: auto
}

.sag .tarih-item:nth-child(3),
.tarih-item {
    margin-bottom: 30px
}

.firma-nav .swiper-button-next {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    top: -18px
}

.tarih-item {
    float: left;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.sol-ortala {
    width: 71px;
    height: 71px;
    background-color: #eef7fa;
    border: 1px solid #00bbd3;
    margin-right: 0;
    float: left;
    border-radius: 60px
}

.sag-ortala {
    float: left;
    width: calc(100% - 205px);
    border-radius: 35px;
    border: 1px solid #a0c9da;
    margin-left: 45px
}

.sol-ortala span {
    font-size: 15px;
    font-weight: 700;
    color: #00bbd3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.tarihce:after {
    content: "";
    position: absolute;
    left: -10px;
    right: -10px;
    border-bottom: 1px dashed #00bbd3;
    bottom: -55px;
    width: 100%
}

.hakkimizda .container,
.tarihce {
    position: relative
}

.tarihce {
    display: inline-block;
    width: 100%
}

.sol-genel-ortalama:before,
.tarihce:before {
    content: "";
    position: absolute
}

.tarihce:before {
    left: 50%;
    width: 14px;
    height: 14px;
    background-color: #262262;
    margin-left: -16px;
    bottom: -62px;
    border-radius: 30px;
    z-index: 99999
}

.s-ortala-item li span {
    font-family: 'Nunito', sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #1c3146;
    float: left;
    width: calc(100% - 35px);
    padding-left: 15px
}

.album-aciklama,
.album-isim {
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: -.3px
}

.s-ortala-item li+li {
    margin-top: 20px!important
}

.inner .col-lg-12.col-xs-12+.col-lg-12.col-xs-12,
.sag .tarih-item:nth-child(2) {
    margin-top: 30px
}

.s-ortala-item ul {
    padding: 20px;
    position: relative;
    display: inline-block;
    width: 100%
}

.sol-genel-ortalama {
    height: 100%;
    position: relative
}

.sag .tarih-item:nth-child(2):before {
    top: -60px
}

.sag .tarih-item:nth-child(4) li {
    margin: 0
}

.sag .tarih-item:last-child:before {
    bottom: -90px!important
}

.sag .tarih-item:before {
    top: -30px
}

.s-ortala-item ul li {
    margin: 0;
    position: relative;
    display: block;
    width: 100%;
    float: left
}

.row.m80 {
    margin-bottom: 80px
}

.sonsuz .s-ortala-item li span {
    width: calc(100% - 25px)
}

.s-ortala-item ul li i {
    position: relative;
    float: left;
    font-style: normal;
    width: 8px;
    height: 8px;
    display: inline-block;
    top: -2px
}

.sol-genel-ortalama:before {
    top: 50%;
    left: -72px;
    width: 7px;
    height: 7px;
    border-radius: 40px;
    background: #bedae6;
    margin-top: -3px
}

.s-ortala-item ul:before,
.sol-ortala span:after {
    height: 1px;
    background: #a0c9da;
    content: "";
    position: absolute
}

.s-ortala-item ul:before {
    top: 50%;
    margin-top: .5px;
    width: 40px;
    left: -40px
}

.sol-ortala span:before {
    content: "";
    position: absolute;
    top: -6px;
    left: -6px;
    right: -6px;
    bottom: -6px;
    border-radius: 70px;
    border: 1px solid #a0c9da
}

.sol-ortala span:after {
    top: 50%;
    left: -66px;
    width: 61px;
    bottom: -6px
}

.kesik-cizgi {
    position: absolute;
    left: -6px;
    right: -6px;
    bottom: -6px;
    z-index: 999;
    border-bottom-left-radius: 610px;
    border-bottom-right-radius: 610px;
    border: 4px solid #fff;
    border-top: 0;
    height: 40px
}

.tarih-item:before {
    content: "";
    position: absolute;
    left: -25px;
    top: -30px;
    bottom: 0;
    border-left: 1px dashed #00bbd3
}

.tarih-item:first-child:before {
    top: 40px!important
}

.tarih-item:last-child:before {
    bottom: -197px!important
}

.sag .tarih-item:first-child:before {
    top: 79px!important
}

.s-ortala-item ul:after {
    content: "";
    position: absolute;
    left: -44px;
    width: 7px;
    height: 7px;
    background-color: #a0c9da;
    top: 50%;
    margin-top: -2px;
    border-radius: 30px;
    z-index: 99999
}

.album-bg,
.album-item,
.toplam-sonuc,
span.slide-show i {
    position: relative
}

.sonsuz {
    margin-top: 50px;
    margin-right: 11px
}

.sonsuz .tarih-item,
.sonsuz-img {
    display: table;
    margin: auto
}

.sonsuz .tarih-item {
    width: 320px;
    float: none
}

.sonsuz .tarih-item .sol-genel-ortalama {
    display: table;
    float: none;
    margin: auto
}

.sonsuz .kesik-cizgi,
.sonsuz .s-ortala-item ul:after,
.sonsuz .s-ortala-item ul:before,
.sonsuz .sol-genel-ortalama:before,
.sonsuz .sol-ortala span:after,
.sonsuz .sol-ortala span:before,
.sonsuz .tarih-item:last-child:before {
    display: none
}

.album-bg,
.album-genel,
.album-isim,
.album-item,
.geri,
.geri i,
.geri span,
.haber-tum,
.medya-tab,
.yonetim-item li {
    float: left
}

.sonsuz .sag-ortala {
    width: 100%!important;
    margin: 0
}

.sonsuz .sol-ortala {
    border: none;
    background: #262262
}

.sonsuz .sol-ortala span {
    color: #fff
}

.album-item {
    height: auto;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #eef7fa;
    padding: 10px;
    width: 100%;
    -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
    top: 0
}

.album-bg:before,
a.album-item:hover {
    -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in
}

span.slide-show i {
    display: block;
    text-align: center;
    font-style: normal;
    color: #00bbd3;
    line-height: normal
}

span.slide-show i+i {
    margin-top: 10px;
    font-size: 11px;
    padding: 0 6px;
    color: #fff
}

section.album {
    padding: 0
}

section.album-detay {
    padding-top: 0
}

.album-isim.wdth100 {
    width: 100%;
    max-height: 16px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.album-isim,
.ind-kamp-ack {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.album-bg {
    height: 174px;
    background-size: cover!important;
    background-position: center center!important;
    background-repeat: no-repeat!important;
    border-radius: 8px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.album-galeri .col-md-3.col-sm-6.col-xs-12,
.fotograf-galeri .col-md-3.col-sm-6.col-xs-12,
.video-galeri .col-md-3.col-sm-6.col-xs-12 {
    margin-bottom: 30px
}

.album-aciklama {
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    line-height: normal;
    text-align: left;
    color: #a0c9da;
    margin: 20px 0 10px
}

.album-isim,
.album-tarih {
    font-size: 12px;
    line-height: normal;
    font-family: 'Nunito', sans-serif
}

.clear2 {
    display: none
}

.album-genel {
    width: 100%;
    margin-top: 15px
}

.album-isim {
    color: #00bbd3;
    width: 140px;
    max-height: 32px;
    display: -webkit-box
}

.album-tarih {
    float: right;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: -.3px;
    color: #00bbd3
}

.medya-tab .nav li a,
.toplam-sonuc {
    font-weight: 600;
    letter-spacing: -.3px;
    font-style: normal;
    font-stretch: normal
}

.medya-tab .nav li a {
    background-color: rgba(255, 255, 255, .3);
    border: 1px solid #00bbd3;
    font-size: 13px;
    text-align: center;
    color: #00bbd3;
    width: 120px;
    margin: 0 -1px;
    height: 50px;
    padding: 0;
    line-height: 50px
}

.album-isim-ic:before,
.toplam-sonuc:after {
    height: 1px;
    content: ""
}

.medya-tab .nav li:first-child a {
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px
}

.medya-tab .nav li.active a {
    background: #00bbd3;
    color: #fff
}

.medya-tab .nav li:last-child a {
    border-bottom-right-radius: 100px;
    border-top-right-radius: 100px!important
}

.medya-tab .nav {
    border: none!important
}

.toplam-sonuc {
    float: left;
    line-height: 50px;
    width: auto;
    padding-left: 20px;
    font-family: 'Nunito', sans-serif;
    font-size: 13px;
    text-align: left;
    color: #00bbd3
}

.yonetim-genel,
.yonetim-item li .wd50:first-child,
li.mavi {
    padding-left: 30px
}

.album-isim-ic,
.toplam-sonuc span strong {
    font-weight: 700
}

.toplam-sonuc:after {
    position: absolute;
    right: -2000px;
    width: 1990px;
    top: 50%;
    margin-top: .5%;
    background: #eef7fa
}

a.album-item:hover {
    -webkit-box-shadow: 0 8px 15px -3px rgba(0, 0, 0, .24);
    box-shadow: 0 8px 15px -3px rgba(0, 0, 0, .24);
    position: relative;
    top: -10px;
    transition: all .5s ease-in
}

.album-bg:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(42, 67, 91, .59);
    opacity: 0;
    transition: all .5s ease-in
}

.album-bg:hover:before,
span.slide-show {
    -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in
}

.album-bg:hover:before {
    opacity: 1;
    visibility: visible;
    transition: all .5s ease-in
}

.fotograf-galeri span.slide-show i:before {
    font-size: 30px
}

span.slide-show i:before {
    margin: 0;
    color: #00bbd3;
    font-size: 60px;
    line-height: normal
}

span.slide-show {
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease-in;
    position: relative
}

.album-bg:hover span {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in
}

.fotograf-galeri {
    display: block;
    position: relative
}

.slide-in {
    animation: slide-in .5s forwards;
    -webkit-animation: slide-in .5s forwards
}

.slide-out {
    animation: slide-out .5s forwards;
    -webkit-animation: slide-out .5s forwards
}

@keyframes slide-in {
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slide-in {
    100% {
        -webkit-transform: translateX(0)
    }
}

@keyframes slide-out {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-webkit-keyframes slide-out {
    0% {
        -webkit-transform: translateX(0)
    }
    100% {
        -webkit-transform: translateX(-100%)
    }
}

.geri i,
a.git i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg)
}

.album-isim-ic {
    position: absolute;
    top: 0;
    left: 190px;
    font-family: 'Nunito', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-stretch: normal;
    text-align: center;
    color: #00bbd3;
    line-height: 50px
}

.geri span,
.yonetim-genel {
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: left
}

.album-isim-ic:before {
    position: absolute;
    right: -830px;
    width: 820px;
    top: 50%;
    margin-top: .5px;
    background: #eef7fa
}

.geri {
    width: 163px;
    height: 50px;
    border-radius: 25px;
    background-color: #dfebef
}

.haber-tum,
.yonetim-item ul {
    width: 100%
}

.geri span {
    font-size: 13px;
    font-weight: 800;
    line-height: 50px;
    color: #51b1df;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.geri i:Before,
.geri:hover i:before {
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease
}

.geri i:Before {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    position: relative;
    top: -1px;
    left: -4px;
    color: #4fb0df;
    transition: all .4s ease
}

.geri i {
    line-height: 45px;
    transform: rotate(180deg);
    margin-right: 8px;
    margin-left: 14px;
}

.geri:hover {
    background: #1ca4de;
    color: #fff
}

.geri:hover span {
    color: #fff;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.yonetim-genel {
    height: 50px;
    background: #262262;
    font-size: 13px;
    font-weight: 800;
    line-height: 50px;
    color: #fff;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px
}

.yonetim-isim,
.yonetim-pozisyon {
    color: #000;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: left
}

div#kadromuz .row+.row {
    margin-top: 20px
}

.yonetim-item {
    display: block
}

.contact4 .content .text p a,
.son-g-bas,
.who,
.who .line,
.yonetim-item ul {
    display: inline-block
}

.yonetim-item li {
    width: 100%;
    height: 71px;
    margin-top: 8px;
    background-color: #eef7fa;
    border-radius: 8px;
    line-height: 71px
}

.yonetim-isim {
    font-size: 15px;
    font-weight: 700
}

.yonetim-pozisyon {
    font-size: 14px;
    font-weight: 400
}

li.mavi {
    height: 50px;
    border-radius: 8px 8px 0 0!important;
    background-color: #dfebef;
    line-height: 50px
}

.mavi .yonetim-isim {
    font-size: 13px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: left;
    color: #00bbd3
}

.son-g-bas,
section.son-gelisme-detay.inner p {
    text-align: left;
    color: #262262;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal
}

.son-g-bas {
    font-family: 'Nunito', sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 2.06;
    position: relative;
    padding-bottom: 8px
}

.haber-tum .haber-tarih {
    margin: 0;
    float: right
}

.son-g-bas:before {
    content: "";
    position: absolute;
    left: 0;
    width: 70%;
    height: 3px;
    background: #dfebef;
    bottom: 0
}

.haber-tum p,
.son-gelisme-img {
    width: 100%;
    float: left
}

.son-gelisme-img {
    height: 230px;
    background-size: cover!important;
    background-position: center center!important;
    margin-bottom: 32px;
    border-radius: 8px;
    margin-top: 40px
}

section.son-gelisme-detay.inner p {
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 23px;
    margin-left: 0!important
}

section.son-gelisme-detay.inner {
    padding: 50px 0;
    background: #fff
}

.haber-tarih {
    width: 165px;
    height: 51px;
    border-radius: 30px;
    border: 1px solid #a0c9da;
    font-family: 'Nunito', sans-serif;
    font-size: 13px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: 51px;
    letter-spacing: normal;
    text-align: center;
    color: #a0c9da
}

.geri:hover i:before {
    color: #fff;
    transition: all .4s ease
}

.son-gelisme-img.duyuru-detay {
    height: 400px
}

.contact4 .form-control {
    font-size: 16px;
    padding: 15px;
    border-radius: 0;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-box-shadow: none;
    box-shadow: none
}

.contact4 .form-div p,
.contact4 .form-div:hover p {
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in
}

.contact4 .form-div p {
    padding-left: 20px;
    font-family: 'Nunito', sans-serif;
    font-size: 13px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #262262;
    padding-bottom: 5px;
    transition: all .3s ease-in
}

.contact4 .wd50 {
    width: 48%;
    margin: 0 1%
}

.contact4 .form-div {
    overflow: auto;
    margin: 0
}

.cozum-item,
.cozum-kod,
.k-liste-bg,
.kamp-logo,
.kampanya-item,
.tablo-dokuman {
    overflow: hidden
}

.contact4 .form-div:hover p {
    color: #00bbd3;
    transition: all .3s ease-in
}

.contact4 .form-div.capt-cont .captcha {
    margin-left: 0;
    width: 48%
}

.contact4 .wd100 {
    margin-bottom: 30px
}

.col-md-12.col-xs-12.masaustu-form {
    display: block
}

.col-md-12.col-xs-12.mobil-form {
    display: none
}

.contact4 input[type=text]:hover {
    border: 1px solid #00bbd3;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.basket-exp textarea.form-control {
    border-radius: 10px!important
}

.contact4 .container form textarea:hover {
    border: 1px solid #00bbd3;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.contact4 input[type=text] {
    padding: 0 20px;
    height: 50px;
    border-radius: 27px;
    border: 1px solid #a0c9da;
    background: #fff;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.contact4 input[type=email] {
    padding: 0 20px;
    height: 55px;
    line-height: 55px
}

.contact4 input[type=email]:focus {
    border-color: #192a48;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.contact4 input[type=text]:focus,
.contact4 textarea:focus {
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    background: #fff;
    outline: 0!important;
    border: 1px solid #262262!important
}

.form-div.capt-cont .captcha {
    width: 46%;
    height: 50px;
    border-radius: 27px;
    border: 1px solid #a0c9da;
    margin-left: 2%
}

.form-div.capt-cont .son {
    width: 46%;
    float: left;
    margin-left: 5%
}

.form-div.capt-cont .son input[type=text]::-webkit-input-placeholder {
    color: #262262;
    font-size: 12px
}

.form-div.capt-cont .son input[type=text]::-moz-placeholder {
    color: #262262;
    font-size: 12px
}

.form-div.capt-cont .son input[type=text]:-ms-input-placeholder {
    color: #262262;
    font-size: 12px
}

.form-div.capt-cont .son input[type=text]:-moz-placeholder {
    color: #262262;
    font-size: 12px
}

.form-div.capt-cont .son input[type=text] {
    height: 50px;
    border-radius: 27px;
    border: 1px solid #a0c9da
}

.contact4 .btn {
    color: #fff;
    font-weight: 700;
    margin-top: 5px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    width: 100%;
    border: 0;
    height: 50px;
    border-radius: 30px;
    background-color: #00bbd3
}

.contact4 .content>h5,
.iletisim-baslik span {
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: left
}

.column-map {
    margin-bottom: 20px
}

.contact4 {
    padding-top: 0;
    padding-bottom: 60px
}

.iletisim-baslik span {
    position: relative;
    font-family: 'Nunito', sans-serif;
    font-size: 20px;
    color: #262262;
    padding-left: 40px
}

.contact4 .container>div {
    vertical-align: top;
    position: relative
}

.iletisim-baslik {
    height: 75px;
    background-color: #f9fdff;
    line-height: 75px;
    margin-bottom: 40px;
    position: relative
}

.iletisim-baslik span:before {
    content: "";
    position: absolute;
    left: 0;
    width: 31px;
    height: 2px;
    border-radius: 1.1px;
    background-color: #00bbd3;
    top: 50%;
    margin-top: -1px
}

.contact4 .content .who .line>:first-child,
.contact4 .content>p,
.who .line {
    position: relative
}

.contact4 .col-md-3 {
    padding: 0
}

.contact4 .btn.pull-right {
    background: #262262
}

.contact4 .btn:hover {
    background-color: #262262;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.contact4 input.btn.btn-default.pull-right:hover {
    background: #00bbd3
}

.contact4 .content>h5 {
    font-size: 22px;
    line-height: normal;
    color: #349636;
    margin-bottom: 30px;
    margin-top: 0
}

.contact4 .content>p {
    font-size: 14px;
    margin-bottom: 30px;
    color: #666;
    font-weight: 500;
    z-index: 9999
}

.contact4 .content a {
    font-size: 13px;
    color: #666;
    letter-spacing: 1px;
    font-weight: 600;
    padding-top: 3px
}

.contact4 .content a:hover {
    color: #eb1c24
}

.contact4 .content .who .line+.line {
    margin-top: 50px
}

.contact4 .content .who .line h6,
.contact4 .content .who .line p {
    margin: 0;
    font-family: Rajdhani, sans-serif
}

.contact4 .content .who .line i.icon-location {
    width: 19px;
    height: 28px;
    background-position: -87px -259px
}

.contact4 .content .who .line i.icon-phone {
    width: 28px;
    height: 29px;
    background-position: -107px -259px
}

.contact4 .content .who .line i.icon-mail {
    width: 30px;
    height: 22px;
    background-position: -136px -259px
}

.contact4 .content .who .line h6 {
    font-size: 17px;
    font-weight: 700;
    color: #333;
    padding-bottom: 0
}

.contact4 .content .who .line p {
    line-height: 18px;
    font-size: 12px;
    color: #666;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    font-weight: 600;
    padding-top: 6px
}

.contact4 .content .who .line>:first-child i {
    width: 46px;
    height: 46px;
    margin-right: 20px;
    font-size: 35px;
    color: #000;
    line-height: 46px;
    float: left;
    text-align: center;
    background: #349636;
    position: relative
}

.who .line a,
.who .line p {
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    padding-left: 10px;
    line-height: 32px;
    font-size: 12px;
    font-weight: 600
}

.contact4 .content .who .line>:last-child {
    width: calc(100% - 86px)
}

.who .line {
    float: left;
    height: initial;
    width: initial;
    border: 0;
    right: initial;
    top: initial
}

.who {
    margin-bottom: 0;
    width: 100%
}

.who .line p {
    float: left;
    margin: 0
}

.contact4 .content .company {
    margin: 30px 0
}

.contact4 .content .company p {
    font-size: 12px;
    margin: 0;
    color: #333;
    line-height: 18px
}

.contact4 .content .company p+p {
    margin-top: 15px
}

.contact4 .content .company p b {
    font-size: inherit;
    display: inline-block;
    width: 160px
}

.contact4 .content .who {
    margin-bottom: 25px
}

.contact4 .content .text p,
.contact4 .content .text p * {
    font-size: 14px;
    color: #666;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    font-family: Rajdhani, sans-serif;
    font-weight: 600
}

.contact4 .content .text p span {
    font-size: inherit;
    font-weight: 600
}

.contact4 .content .text p b {
    font-size: inherit;
    font-weight: 700
}

.contact4 .content .text p a {
    font-size: 16px;
    background: #f01716;
    padding: 1px 10px;
    color: #fff
}

.contact4 .form-div span {
    color: #262262;
    font-size: 12px;
    font-weight: 650
}

.contact4 .content .who .line>:first-child i:before {
    line-height: 45px;
    color: #fff;
    margin: 0;
    display: block
}

.contact4 .content .who .line>:first-child i:after {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0 0;
    border-color: #fff transparent transparent;
    left: 0;
    top: 0;
    margin: 0
}

.contact4 .content .btn-red {
    font-size: 14px
}

.contact4 .content .form-div p {
    color: #000!important;
    font-size: 15px;
    font-weight: 700;
    display: inline-block;
    font-family: Rajdhani, sans-serif;
    position: relative;
    margin: 0;
    line-height: normal
}

.contact4 .container form>div+div.wd100 .col-right {
    width: 48%;
    margin-right: 2.5%
}

.contact4 .container form textarea {
    height: 159px;
    border-radius: 27px;
    border: 1px solid #a0c9da;
    background: #fff;
    color: #262262;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.contact4 .container form>div.submit {
    text-align: right
}

.kampanya-item .col-md-3.col-sm-3.col-xs-12,
.vm i:before {
    text-align: center
}

.vm i:before {
    color: #262262;
    margin: 0;
    font-size: 16px
}

.contact4 .icon {
    float: left;
    width: 32px;
    height: 32px;
    border-radius: 9px;
    background-color: #eef7fa;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.contact4 .vm {
    display: block;
    vertical-align: middle;
    margin-right: 20px
}

.contact4 .btn,
.contact4 input,
.contact4 textarea {
    font-size: 13px
}

.contact4 .container form>div+div {
    position: relative;
    z-index: 999
}

@media screen and (max-width:991px) {
    .contact4 .container>div {
        display: block!important;
        width: 100%!important;
        position: relative
    }
    .contact4 .container>div+div {
        margin: 30px 0 0!important
    }
}

@media screen and (max-width:767px) {
    .column-map,
    .contact4 .content>h5 {
        margin-bottom: 20px
    }
    .contact4 .content>h5,
    .contact4 .content>p {
        text-align: center;
        z-index: 9
    }
    .contact4 .col-md-3 {
        text-align: center
    }
    .contact4 .container form>div+div {
        z-index: 9
    }
}

.mybasket.adress .btn-wrapper h5 {
    padding: 0;
    margin: 0
}

section.uyeliksiz-form.contact4 .ps-abst {
    margin-top: 0!important;
    background-image: -webkit-linear-gradient(138deg, #a0c9da, #dfebef 51%, #a0c9da);
    background-image: -o-linear-gradient(138deg, #a0c9da, #dfebef 51%, #a0c9da);
    background-image: linear-gradient(312deg, #a0c9da, #dfebef 51%, #a0c9da)
}

section.uyeliksiz-form .col-right input[type=submit] {
    padding: 0 40px;
    width: auto
}

section.uyeliksiz-form .col-left input[type=submit] {
    padding: 0 30px;
    width: auto
}

section.uyeliksiz-form .col-right input[type=submit]:hover {
    background: #00bbd3
}

section.uyeliksiz-form.contact4 {
    padding: 50px 0
}

section.kampanyalar-sect {
    padding: 60px 0
}

.kampanya-item .col-md-3.col-sm-3.col-xs-12:first-child {
    padding-left: 0!important;
    height: 235px
}

.k-liste-bg {
    height: 100%;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: center center!important
}

.kampanya-item {
    border-radius: 10px;
    background-color: #fff;
    border: 1px solid #dfebef;
    float: left;
    width: 100%;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.kampanya-item+.kampanya-item {
    margin-top: 60px
}

.kampanya-ack,
.kampanya-baslik {
    text-align: left;
    -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: 'Nunito', sans-serif
}

.kampanya-baslik {
    font-size: 17px;
    font-weight: 700;
    line-height: normal;
    color: #00bbd3;
    transition: all .5s ease-in
}

.kampanya-ack {
    font-size: 14px;
    font-weight: 400;
    line-height: 2;
    color: #262262;
    padding-top: 10px;
    transition: all .5s ease-in
}

.kampanya-detay,
.kampanya-detay:hover {
    -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in
}

.kampanya-detay {
    height: 41px;
    border-radius: 100px;
    background-color: #262262;
    width: 90%;
    line-height: 41px;
    text-align: center;
    display: table;
    margin: auto auto 10px;
    transition: all .5s ease-in
}

a.kampanya-detay:hover {
    background: #0f0
}

.kampanya-detay:hover {
    background: #00bbd3;
    transition: all .5s ease-in
}

a.kampanya-item:hover .kampanya-ack,
a.kampanya-item:hover .kampanya-baslik {
    color: #262262;
    -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in
}

a.kampanya-item:hover .kampanya-detay {
    background: #00bbd3
}

a.kampanya-item:hover {
    -webkit-box-shadow: 0 8px 15px -3px rgba(0, 0, 0, .24);
    box-shadow: 0 8px 15px -3px rgba(0, 0, 0, .24)
}

.kampanya-detay span {
    font-family: 'Nunito', sans-serif;
    font-size: 13px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff
}

.baslangic-bitis .wd50,
a.icerik-download {
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: center
}

.kampanya-detay i:before {
    margin: 0 0 0 7px;
    font-size: 18px;
    color: #fff
}

.kampanya-detay i {
    -webkit-transform: rotate(180deg)!important;
    -ms-transform: rotate(180deg)!important;
    transform: rotate(180deg)!important;
    display: inline-block
}

.baslangic-bitis {
    width: 90%;
    height: auto;
    border-radius: 40px;
    background-color: #fff;
    border: 1px solid #a0c9da;
    padding: 3px 0;
    display: table;
    margin: auto
}

.baslangic-bitis .wd50 {
    font-family: 'Nunito', sans-serif;
    font-size: 9px;
    font-weight: 600;
    line-height: 1.42;
    color: #262262
}

.kampanya-detay-img {
    position: relative;
    height: 230px
}

section.kampanyalar-sect .baslangic-bitis {
    padding: 8px 0 6px
}

.kampanya-bg {
    height: 100%;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: center center!important;
    border-radius: 8px;
    position: relative
}

.kampanya-bg:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(42, 67, 91, 0);
    border-radius: 10px
}

a.icerik-download {
    position: absolute;
    right: 0;
    bottom: 0;
    width: auto;
    height: 42px;
    border-top-left-radius: 40px;
    background-color: #00bbd3;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    line-height: 42px;
    padding: 0 30px
}

.indirim-item li span,
.kampanya-title {
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: left
}

a.icerik-download span {
    font-weight: 800
}

a.icerik-download:hover {
    background: #262262
}

.inner .baslangic-bitis {
    width: 221px;
    padding: 7px 0 6px
}

.kampanya-title {
    font-family: 'Nunito', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    color: #00bbd3;
    padding-top: 10px
}

.kampanya-slide-item .urunGenel {
    margin: 0 0 30px
}

.kampanya-slide-item {
    display: inline-block;
    width: 100%;
    padding: 40px 40px 0
}

section.indirim-alani {
    margin-bottom: 0
}

.baslangic-bitis .wd50 span {
    font-weight: 700;
    font-size: 12px
}

.baslangic-bitis .wd50+.wd50 {
    border-left: 1px solid #dfebef
}

.indirim-baslik {
    font-size: 18px;
    font-weight: 800;
    line-height: 1.78;
    color: #262262;
    text-decoration: underline
}

.indirim-genel {
    width: 95%
}

.indirim-item li span {
    float: left;
    width: 33.33%;
    font-size: 16px;
    line-height: 2;
    color: #262262;
    font-weight: 800
}

.indirim-item li span:nth-child(2) {
    color: #00bbd3;
    font-weight: 600
}

section.kampanya-slide i {
    left: 0;
    display: inline-block;
    position: relative
}

section.kampanya-slide i:before {
    font-size: 18px;
    margin: 0 5px 0 0;
    font-weight: 400
}

.cozum-title,
.kampanya-kapsami {
    font-weight: 700;
    line-height: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: 'Nunito', sans-serif
}

.kampanya-kapsami {
    font-size: 25px;
    color: #262262;
    margin-bottom: 30px;
    text-align: center
}

section.kampanya-slide {
    margin: 50px 0 0;
    float: left;
    width: 100%
}

.cozum-title {
    float: left;
    width: 100%;
    font-size: 20px;
    text-align: left;
    color: #00bbd3;
    margin-bottom: 5px
}

.cozum-item {
    border-radius: 8px;
    background-color: #fff;
    border: 2px solid #eef7fa;
    padding-top: 20px;
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 40px;
    height: auto
}

.cozum-img,
.cozum-logo {
    width: 120px;
    position: relative
}

.cozum-logo {
    display: table;
    float: right
}

.cozum-img {
    float: left;
    margin-left: 10px
}

.cozum-kod {
    float: left;
    font-family: 'Nunito', sans-serif;
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.53;
    letter-spacing: normal;
    text-align: center;
    color: #262262;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    width: calc(100% - 125px);
    padding: 0 15px
}

.cozum-kod span {
    font-weight: 700
}

a.mikro-site:hover i:Before {
    color: #fff;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.cozum-logo img {
    border-radius: 8px 0 0 8px;
    border: 2px solid #eef7fa;
    padding: 12px;
    border-right: 0;
    position: relative;
    z-index: 99;
    background: #fff
}

a.mikro-site {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 137px;
    height: 42px;
    border-top-left-radius: 28.5px;
    background-color: #eef7fa;
    line-height: 42px
}

.cozum-alet {
    float: left;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.kamp-logo,
a.teklif-iste {
    -webkit-box-align: center
}

.cozum-alet img {
    margin-bottom: 0;
    position: relative
}

a.mikro-site span {
    font-size: 13px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: center;
    color: #262262;
    display: block;
    width: 100%;
    padding-left: 18px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

a.mikro-site i {
    position: absolute;
    left: 0;
    top: 1px
}

a.mikro-site i:before {
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.tablo-dokuman table tr:first-child th,
section.dokuman-genel input[type=text] {
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: left
}

a.mikro-site:hover {
    background: #00bbd3
}

a.mikro-site:hover span {
    color: #fff;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.cozum-logo:before {
    content: "";
    position: absolute;
    left: -1000px;
    width: 1000px;
    border: 2px solid #eef7fa;
    top: 50%;
    margin-top: -1px
}

section.dokuman-genel {
    padding: 60px 0
}

section.dokuman-genel input[type=text] {
    border: 1px solid #00bbd3;
    border-radius: 19px 0 0 19px;
    height: 39px;
    background: 0 0;
    padding-left: 20px;
    font-size: 11px;
    line-height: 4.56;
    float: left;
    color: #262262
}

.dokuman-genel .fl-right:before {
    display: none
}

.dokuman-genel .fl-right {
    line-height: 39px;
    color: #00bbd3
}

.dokuman-genel input[type=submit],
input.sifirla {
    height: 39px;
    color: #fff;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in
}

.dokuman-genel input[type=submit] {
    width: 70px;
    border: none;
    position: relative;
    display: block;
    top: 0;
    float: left;
    background: #00bbd3;
    border-top-right-radius: 19px;
    border-bottom-right-radius: 19px;
    margin-left: -1px;
    transition: all .3s ease-in
}

input.sifirla {
    border-radius: 40px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    padding: 0 20px;
    margin-left: 0;
    background: #262262;
    transition: all .3s ease-in;
    margin-top: 20px;
    width: 220px
}

input.sifirla:hover {
    background: #00bbd3
}

section.dokuman-genel .col-md-12 form {
    margin-bottom: 30px;
    float: left
}

.dokuman-genel input[type=submit]:hover {
    background: #262262;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.tablo-dokuman {
    border-radius: 8px;
    border: 1px solid #eef7fa
}

.tablo-dokuman table tr:first-child,
.tablo-dokuman tablo tr:first-child th {
    background: #eef7fa
}

.tablo-dokuman table tr:first-child th {
    width: 33.33%;
    font-size: 15px;
    line-height: 3.2;
    color: #a0c9da
}

.tablo-dokuman table tr:first-child th:first-child a {
    padding-left: 20px;
    color: #a0c9da
}

.tablo-dokuman.gecmis tr td:last-child i {
    display: inline-block;
    float: left;
    margin-right: 4px
}

.tablo-dokuman.gecmis tr td,
.tablo-dokuman.gecmis tr th {
    width: auto!important
}

.tablo-dokuman tr td:first-child a:hover {
    color: #243c54
}

.tablo-dokuman tr td:last-child a:hover {
    color: #a0c9da!important
}

.tablo-dokuman.sepetim.teklif-detay tr th {
    background: #eef7fa!important;
    color: #a0c9da!important;
    font-weight: 700;
    padding-left: 15px
}

.tablo-dokuman.sepetim.teklif-detay tr td:nth-child(4) img {
    position: relative;
    left: -40px
}

.tablo-dokuman.gecmis tr td:last-child a {
    font-weight: 600
}

.tablo-dokuman tr td {
    width: 33.33%;
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: left;
    color: #262262;
    border-right: 1px solid #eef7fa;
    border-bottom: 1px solid #eef7fa
}

.tablo-dokuman tr td:first-child a,
.tablo-dokuman tr td:last-child a {
    font-size: 15px;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: left;
    color: #00bbd3;
    font-family: 'Nunito', sans-serif
}

.tablo-dokuman tr td:first-child a {
    font-weight: 600;
    line-height: 3.27;
    padding-left: 29px;
    display: inline-block!important
}

.tablo-dokuman tr td:last-child td {
    border: none
}

.tablo-dokuman tr td:last-child a {
    font-weight: 400
}

.tablo-dokuman tr td:last-child i:before {
    margin: 0 10px 0 0;
    font-weight: 400
}

.tablo-dokuman.sepetim tr td,
.wd100 .col-left p {
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left
}

.tablo-dokuman tr td+td {
    padding-left: 20px
}

.tablo-dokuman tr:last-child td {
    border-bottom: none
}

.tablo-dokuman.teklif-detay table tr:first-child th:first-child a {
    padding-left: 0!important
}

.user-order tr th {
    padding-left: 20px
}

.tablo-dokuman.gecmis.mavi-th.norm tr th:first-child {
    width: 50%!important;
    padding-left: 10px
}

.tablo-dokuman.gecmis.mavi-th.norm tr th:last-child,
.tablo-dokuman.gecmis.mavi-th.norm tr th:nth-child(2) {
    width: 25%!important;
    padding-left: 20px
}

.user-order tr td {
    padding: 10px 15px
}

.teklif-detay tr:nth-child(2) td:first-child a {
    padding-left: 0
}

.tablo-dokuman tr td:last-child a img {
    width: 30px;
    margin-right: 6px
}

.tablo-dokuman.sepetim table tr:first-child th {
    width: auto;
    background: #262262;
    color: #fff
}

.wd100 .col-left p {
    font-size: 13px;
    margin-bottom: 20px;
    color: #262262
}

.tablo-dokuman.sepetim tr td {
    width: auto;
    font-family: 'Nunito', sans-serif;
    font-size: 12px;
    color: #000
}

.col-left.autoWd {
    width: auto!important;
    display: inline-block;
    margin: 0;
    padding: 0
}

h5.user-title.blue {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 17px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #00bbd3
}

.teklif-tarih,
a.gecmis-teklif-detay-btn {
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal
}

.teklif-tarih {
    font-size: 13px;
    text-align: left;
    color: #262262;
    line-height: 23px
}

a.gecmis-teklif-detay-btn {
    height: 35px;
    border-radius: 22px;
    background-color: #00bbd3;
    line-height: 35px;
    font-size: 12px;
    text-align: center;
    padding: 0 30px 0 39px;
    color: #fff;
    position: relative;
    margin-bottom: 10px
}

a.gecmis-teklif-detay-btn:hover {
    background: #262262
}

a.gecmis-teklif-detay-btn i {
    position: absolute;
    left: 14px;
    display: inline-block!important
}

a.gecmis-teklif-detay-btn i:before {
    margin: 0;
    font-size: 16px;
    font-weight: 400
}

.wd100.gecmis-detay {
    margin-bottom: 25px;
    padding-top: 20px;
    border-top: solid 1px #00bbd3
}

.tablo-dokuman.sepetim tr td:last-child i:before {
    font-size: 30px;
    color: #262262
}

.tablo-dokuman.sepetim table tr:first-child th a {
    color: #fff
}

.tablo-dokuman.sepetim.sepet-page tr th+th {
    border-left: 1px solid #a0c9da;
    text-align: center;
    line-height: normal;
    padding: 10px 0
}

.tablo-dokuman.sepetim.sepet-page tr td+td {
    text-align: center;
    padding: 0 5px
}

.tablo-dokuman.sepetim.sepet-page tr td:nth-child(4) img {
    position: relative;
    left: 0
}

.sepet-page.nine tr td:nth-child(1) {
    width: 15%!important
}

.sepet-page.nine tr td:nth-child(2) {
    width: 33%!important;
    text-align: left!important;
    padding-left: 16px!important
}

.sepet-page.nine tr td:nth-child(3) {
    width: 13%!important
}

.sepet-page.nine tr td:nth-child(4) {
    width: 7%!important
}

.sepet-page.nine tr td:nth-child(6) {
    width: 5%!important
}

.sepet-page.nine tr td:nth-child(5) {
    width: 12%!important;
    padding: 0 7px 0 0!important;
    text-align: right!important
}

.sepet-page.nine tr td:nth-child(7),
.sepet-page.nine tr td:nth-child(8),
.sepet-page.nine tr td:nth-child(9) {
    width: 5%!important
}

.sepet-page.eight tr td:nth-child(1) {
    width: 15%!important
}

.sepet-page.eight tr td:nth-child(2) {
    width: 40%!important;
    text-align: left!important;
    padding-left: 16px!important
}

.sepet-page.eight tr td:nth-child(3) {
    width: 13%!important
}

.sepet-page.eight tr td:nth-child(4) {
    width: 8%!important
}

.sepet-page.eight tr td:nth-child(6),
.sepet-page.eight tr td:nth-child(7),
.sepet-page.eight tr td:nth-child(8) {
    width: 6%!important
}

.sepet-page.eight tr td:nth-child(5) {
    width: 6%!important;
    padding: 0!important;
    text-align: center
}

.tablo-dokuman.sepetim tr td img {
    width: 115px;
    padding: 10px;
    border-radius: 8px;
    border: 1px solid #eef7fa
}

.tablo-dokuman.sepetim tr td:first-child {
    padding: 10px 0;
    margin: auto;
    text-align: center
}

.sepet-page tr td:first-child a {
    padding-left: 0!important
}

a.btn.btn-default.pull-right {
    width: 179px;
    height: 50px;
    border-radius: 30px;
    background-color: #262262;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 50px;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    padding: 0;
    margin-top: 20px;
    border: 1px solid #262262
}

#dokuman .tablo-dokuman tr td:last-child a,
#video .tablo-dokuman tr td:last-child a {
    color: #000
}

a.btn.btn-default.pull-right:hover {
    background: #1aa4de
}

.tablo-dokuman.sepetim tr td:nth-child(4) img {
    border: none!important;
    width: 110px
}

.tablo-dokuman.sepetim tr td:nth-child(4) {
    padding: 0!important;
    text-align: center
}

#dokuman .tablo-dokuman table tr:first-child th {
    width: auto!important;
    padding-left: 20px!important
}

#dokuman .tablo-dokuman tr td {
    width: auto!important
}

.table>tbody+tbody {
    border: none
}

.tablo-dokuman table tbody tr:first-child {
    background: 0 0
}

.duyurular .wd50.sag .git i {
    right: initial;
    left: 13px;
    padding-right: 0!important
}

.duyurular .wd50.sag .git {
    bottom: 15px;
    border-bottom-left-radius: 28.5px;
    padding-right: 20px;
    border-bottom-right-radius: 0;
    padding-left: 33px;
    font-weight: 700
}

tbody+tbody tr {
    background: #fff!important
}

.tablo-dokuman tr td:last-child {
    border-right: none
}

.user-order-detail tr td:last-child {
    text-align: right;
    padding-right: 15px;
    font-size: 12px
}

.duyurular .baslangic-bitis {
    width: auto;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    left: 0;
    display: inline-block;
    position: absolute;
    bottom: 15px
}

.duyurular .baslangic-bitis .wd50 {
    padding: 0 10px;
    bottom: 15px;
    font-size: 9px
}

div.blur-box {
    background-color: rgba(20, 127, 162, .35);
    border: 1px solid #90c4d9;
    width: 100%;
    margin-left: 0;
    position: relative;
    padding: 50px 0 30px;
    -webkit-box-shadow: -2px 13px 11px -1px rgba(0, 0, 0, .16);
    box-shadow: -2px 13px 11px -1px rgba(0, 0, 0, .16)
}

.kamp-logo,
a.git,
a.git i {
    position: absolute
}

.ind-kamp-ack {
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.07;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .34);
    padding: 0 40px;
    display: -webkit-box;
    max-height: 56px
}

.kamp-logo {
    width: 181.8px;
    height: 55.9px;
    border-radius: 40px;
    background-color: #fff;
    -webkit-box-shadow: -2px 11px 11px -1px rgba(0, 0, 0, .23);
    box-shadow: -2px 11px 11px -1px rgba(0, 0, 0, .23);
    border: 1px solid rgba(155, 155, 155, .07);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: -30px;
    left: 50%;
    margin-left: -91px;
    z-index: 99999999
}

a.all-camp,
a.git {
    width: auto;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #262262;
    text-align: center
}

a.git {
    right: 0;
    bottom: 0;
    height: 38px;
    border-top-left-radius: 28.5px;
    background-color: #eef7fa;
    font-size: 13px;
    font-weight: 600;
    line-height: 38px;
    border-bottom-right-radius: 8px;
    padding: 0 40px 0 25px
}

a.git i {
    display: inline-block;
    transform: rotate(180deg);
    top: -1px;
    right: 18px
}

.blur-bg .blur-box-bg:before,
div.blur-bg:before {
    right: 0;
    content: "";
    bottom: 0
}

a.git i:before {
    margin: 0;
    font-size: 13px;
    font-weight: 300
}

.blur-bg {
    background-position: center top;
    background-size: 100% auto;
    height: auto;
    background-repeat: no-repeat;
    position: relative;
    opacity: .7;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    top: 0
}

.blur-bg .blur-container {
    position: relative;
    border-radius: 8px;
    overflow: hidden
}

.blur-bg .blur-box-bg:before {
    background-image: url(img/bg2.png);
    background-repeat: no-repeat;
    -webkit-filter: blur(6px);
    filter: blur(6px);
    position: absolute;
    top: -140px;
    left: -30px;
    z-index: 99;
    background-size: 114% auto;
    transition: all .4s ease-in
}

.blur-bg .blur-box,
div.blur-container:hover .blur-box-bg:before {
    -webkit-transition: all .4s ease-in;
    -o-transition: all .4s ease-in
}

.blur-bg .blur-box {
    position: relative;
    z-index: 100;
    height: 171px;
    transition: all .4s ease-in;
    border-radius: 8px;
    background: rgba(30, 165, 221, .78)
}

.blur-bg:hover,
div.blur-bg:before {
    -webkit-transition: all .4s;
    -o-transition: all .4s
}

.blur-bg+.blur-bg {
    margin-top: 60px
}

.blur-bg:hover {
    opacity: 1;
    transition: all .4s;
    top: -5px
}

div.blur-bg:before {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .28);
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .28);
    transition: all .4s;
    opacity: 0;
    border-radius: 15px
}

.blur-bg:hover:before {
    opacity: 1;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.kampanya-pagi .col-right {
    margin: 0
}

div.blur-container:hover .blur-box-bg:before {
    -webkit-filter: blur(11px);
    filter: blur(11px);
    transition: all .4s ease-in
}

.bg2 .blur-box-bg:before {
    background-image: url(img/kampanya-bg.png);
    background-position: center center!important
}

.blur-bg .blur-container:hover .blur-box {
    -webkit-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    transition: all .4s ease-in
}

.kampanya-pagi .swiper-pagination-bullet-active {
    -webkit-box-shadow: 0 4px 6px -4px rgba(0, 0, 0, .5);
    box-shadow: 0 4px 6px -4px rgba(0, 0, 0, .5);
    border: 2px solid #eef7fa;
    background-color: #eef7fa!important
}

.kampanya-pagi .swiper-pagination-bullet {
    border: 1px solid #eef7fa!important
}

a.all-camp {
    height: 32px;
    border-radius: 28.5px;
    background-color: #eef7fa;
    font-family: 'Nunito', sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 32px;
    padding: 0 15px
}

.kampanya-pagi {
    display: inline-block;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

a.all-camp:hover,
a.git:hover {
    background: #262262;
    color: #fff
}

.blurSlide {
    padding-top: 50px;
    overflow: initial;
    padding-bottom: 10px
}

.kamp-logo img {
    display: block;
    text-align: center;
    margin: auto;
    max-height: 50px
}

.sidebar {
    padding: 0;
    box-sizing: border-box;
    -webkit-box-shadow: -1px 15px 27px rgba(0, 0, 0, .15);
    box-shadow: -1px 15px 27px rgba(0, 0, 0, .1);
    background: #f6f6f6;
    float: left;
    width: 100%;
    margin: 0 0 50px;
    border: none
}

.sidebar h4 {
    font-weight: 700
}

.product-list {
    padding: 50px 0
}

.product-list article {
    vertical-align: top;
    float: left;
    width: 100%
}

.product-list .left {
    width: 21%;
    border: 1px solid #a4a4a4;
    padding: 25px
}

.product-list .right {
    width: 75%;
    margin-left: 3%
}

.product-list .sidebar .filter-menu h4 {
    font-size: 18px;
    font-weight: 700;
    color: #333;
    margin: 0 0 25px;
    text-align: center;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
    position: relative
}

.product-list .sidebar .filter-menu>ul {
    position: relative;
    padding-bottom: 0
}

.product-list .sidebar .filter-menu>ul>li>ul>li>span {
    font-size: 12px!important
}

.product-list .sidebar .filter-menu>ul>li>ul>li>a>span {
    font-size: 13px!important;
    color: #ccc;
    font-weight: 500
}

li.opened ul {
    padding-left: 0;
    padding-bottom: 0
}

.product-list .sidebar .filter-menu>ul>li>a:hover i:before {
    color: #fff;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.sidebar.scroll h5 {
    display: table;
    width: 100%;
    background-color: #00bbd3;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    height: 65px;
    line-height: 65px;
    text-align: center;
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #eef7fa;
    margin: 0!important
}

.product-list .sidebar .filter-menu>ul>li>a,
.product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>a,
.product-list .sidebar>ul>li>ul>li>label>span {
    text-align: left;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal
}

.sidebar.scroll h5 a {
    border: 1px solid #00a6cf
}

.sidebar.scroll h5 a span.ok {
    background: #00a6cf
}

.sidebar.scroll h5 a span.ok i:Before {
    color: #fff;
    font-weight: 700
}

.sidebar.scroll h5 a span.s-yazi {
    color: #00a6cf
}

h5.secenek {
    height: 65px;
    background-color: #fff!important;
    border: 2px solid #eef7fa;
    border-radius: 0!important;
    color: #262262!important;
    display: table
}

li.opened ul li.active a {
    color: #fff!important;
    position: relative;
    background: #1d3043
}

.product-list .sidebar .filter-menu>ul>li>a {
    font-family: 'Nunito', sans-serif;
    font-size: 12px;
    font-weight: 800;
    line-height: 4.5;
    color: #262262;
    display: block;
    padding: 0 0 0 15px!important;
    position: relative
}

.product-list .sidebar .filter-menu>ul>li>a:hover {
    background: #262262;
    color: #fff
}

.product-list .sidebar .filter-menu>ul>li>a.none:after {
    display: none
}

.product-list .sidebar .filter-menu>ul>li.opened>a {
    background: #00bbd3!important;
    color: #fff!important;
    font-size: 12px!important
}

.product-list .sidebar .filter-menu>ul>li i {
    color: #d2d2d2;
    position: absolute;
    top: 50%;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.product-list .sidebar .filter-menu>ul>li i:before {
    font-weight: 400;
    margin: 0;
    color: #00bbd3;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    font-size: 21px
}

.product-list .sidebar .filter-menu>ul>li i.flaticon-arrows-1 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    line-height: normal;
    margin-top: -12.5px;
    right: 20px;
    opacity: 1
}

.product-list .sidebar .filter-menu>ul>li.opened>a:after {
    font-weight: 400
}

.product-list .sidebar .filter-menu>ul>li.opened>a i {
    padding-right: 0
}

.product-list .sidebar .filter-menu>ul>li+li>ul>li>a>span {
    padding-left: 0;
    font-size: 12px
}

.filter-menu ul li a {
    padding: 10px!important
}

.product-list .sidebar .filter-menu>ul>li>ul {
    display: none;
    background: #262262
}

.product-list .sidebar .filter-menu>ul>li>ul>li>ul {
    display: none;
    padding-bottom: 0;
    padding-left: 0
}

.product-list .sidebar .filter-menu>ul>li>ul>li>a,
.product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>a {
    font-size: 12px;
    font-weight: 400;
    overflow: hidden;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative
}

.product-list .sidebar .filter-menu>ul>li>ul>li>a {
    color: #eef7fa;
    line-height: 4.5;
    padding: 0 0 0 30px!important;
    min-height: 54px
}

.product-list .sidebar .filter-menu>ul>li>a:hover i.flaticon-arrows-1 {
    opacity: 1;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.product-list .sidebar .filter-menu>ul>li>ul>li>a:hover {
    background: #1c3146;
    color: #fff!important
}

.product-list .sidebar .filter-menu>ul>li i.flaticon-arrow-point-to-right {
    line-height: normal;
    left: 10px;
    margin-top: -8px;
    opacity: 1
}

.product-list .sidebar .filter-menu>ul>li i.flaticon-arrow-point-to-right:before {
    margin: 0;
    font-size: 12px;
    color: #a0c9da
}

.product-list .sidebar .filter-menu>ul>li>ul>li>a:hover i {
    opacity: 1
}

.product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>a {
    line-height: 30px;
    color: #eef7fa;
    padding-right: 50px!important;
    padding-left: 60px!important
}

.product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>ul,
.product-list .sidebar>ul>li:last-child:after,
.product-list .sidebar>ul>li:last-child:before {
    display: none
}

.product-list .col-md-3.col-xs-12 {
    padding: 0
}

.product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>a i:before {
    opacity: 0
}

a.tum-cat {
    background: #262262!important
}

.product-list .sidebar .filter-menu>ul>li>ul>li.opened>ul>li.opened a i {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    opacity: 1;
    visibility: visible
}

.product-list .sidebar .filter-menu>ul>li>ul>li.opened>a {
    padding-left: 40px!important;
    background: #1c3146
}

.product-list .sidebar .filter-menu>ul>li>ul>li.opened>a i {
    left: 20px!important
}

.product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>a:hover i:before {
    color: #fff;
    opacity: 1
}

li.opened ul li.active a:before {
    content: ""
}

.product-list .sidebar .filter-menu>ul>li>ul>li.opened>ul {
    background: #1c3146;
    padding: 0
}

.product-list .sidebar .filter-menu>ul>li>ul>li.opened>a i,
.product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>a:hover i {
    opacity: 1
}

.product-list .sidebar .filter-menu>ul>li>ul>li>ul>li.opened>a i:before {
    opacity: 1;
    color: #fff
}

.product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>a:hover {
    background: #262262
}

.product-list .sidebar>ul>li {
    position: relative;
    padding-bottom: 0;
    padding-top: 0
}

.product-list .sidebar>ul>li:before {
    position: absolute;
    height: 1px;
    background: #e5e5e5;
    bottom: 0;
    left: 10px;
    right: 10px
}

.product-list .sidebar>ul>li:after {
    position: absolute;
    height: 5px;
    background: #000;
    bottom: 0;
    left: 50%;
    width: 80px;
    margin-left: -40px
}

.product-list .sidebar>ul>li:last-child {
    padding-bottom: 0
}

.product-list .sidebar>ul>li>a {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #333
}

.product-list .sidebar>ul>li+li {
    margin-top: 0!important;
    padding: 0
}

.product-list .sidebar>ul>li>ul {
    max-height: inherit;
    overflow-y: auto;
    position: relative;
    padding: 15px;
    border-bottom: none
}

.product-list .sidebar>ul>li>ul>li {
    padding: 8px 0
}

.product-list .sidebar>ul>li>ul>li>label {
    position: relative;
    padding-left: 25px;
    margin: 0;
    display: block
}

.product-list .sidebar>ul>li>ul>li>label>span {
    font-family: 'Nunito', sans-serif;
    font-size: 11px;
    font-weight: 400;
    color: #262262;
    height: auto;
    line-height: normal
}

.product-list .sidebar>ul>li.filter-size>ul {
    max-height: inherit;
    height: auto
}

.product-list .sidebar>ul>li.filter-size>ul>li {
    width: 18.5%;
    display: inline-block;
    margin: 0 2.5%
}

.product-list .sidebar>ul>li.filter-size>ul>li>label {
    padding: 0
}

.product-list .sidebar>ul>li.filter-size>ul>li>label>span {
    position: absolute;
    width: 100%;
    height: 100%;
    line-height: 34px;
    text-align: center;
    padding-left: 0
}

.product-list .sidebar>ul>li.filter-size>ul>li>label>.control__indicator {
    position: static;
    width: 100%;
    height: 34px;
    top: 0
}

.product-list .sidebar>ul>li.filter-size>ul>li.opened>label>.control__indicator,
.product-list .sidebar>ul>li.filter-size>ul>li>label input:checked~.control__indicator,
.product-list .sidebar>ul>li.filter-size>ul>li>label:hover>.control__indicator {
    background-color: #000;
    color: #fff
}

.product-list .detailed-filter {
    margin-bottom: 0;
    overflow: hidden;
    float: left;
    width: 100%;
    padding-bottom: 10px
}

.product-list .sidebar .filter-menu>ul>li>a span {
    font-size: 12px
}

a.filter-button.button.button-alternative {
    display: none
}

.product-list .select {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 325px;
    color: #ccc;
    vertical-align: middle;
    text-align: left;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none
}

.product-list .select .placeholder {
    position: relative;
    display: block;
    background-color: none;
    z-index: 1;
    padding: 15px 16px;
    border-radius: 2px;
    cursor: pointer;
    color: #0baad1;
    font-weight: 700;
    border: 1px solid #0baad1;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.product-list .select .placeholder:hover {
    background: #d61b2e;
    color: #fff;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border: 1px solid #fff
}

.product-list .select .placeholder:after {
    position: absolute;
    right: 1em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: FontAwesome;
    content: '\f078';
    z-index: 10
}

.product-list .select.is-open .placeholder:after {
    content: '\f077'
}

.product-list .select.is-open ul {
    display: block;
    z-index: 9999999
}

.product-list .select.product-list .select--white .placeholder {
    background: #fff;
    color: #999
}

.product-list .select.product-list .select--white .placeholder:hover {
    background: #fafafa
}

.product-list .select ul {
    display: none;
    position: absolute;
    overflow: hidden;
    width: 100%;
    background: #fff;
    border-radius: 2px;
    top: 100%;
    left: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 100;
    border: 1px solid #ccc
}

.product-list .select ul li {
    display: block;
    text-align: left;
    padding: 10px 16px;
    color: #666;
    cursor: pointer;
    background: #fff;
    border-bottom: 1px solid #ccc;
    font-size: 12px;
    font-weight: 700;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.product-list .select ul li:hover {
    background: #d61b2e;
    color: #fff;
    border-bottom: 1px solid #fff;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.product-list .sidebar .filter-menu>ul>li.opened>a span {
    font-weight: 700
}

.product-list .sidebar .filter-menu h4:after {
    content: "";
    position: absolute;
    left: 50%;
    width: 80px;
    margin-left: -40px;
    height: 5px;
    background: #000;
    bottom: 0
}

.control__indicator:after,
.select_biltek input:checked+label:before,
i.icons {
    content: ''
}

.control,
.selected-box {
    position: relative
}

.select select,
.selected-box select {
    font-size: 11px;
    height: 48px;
    text-indent: 10px;
    padding-right: 50px;
    font-weight: 700
}

.select select {
    width: 100%;
    background-color: transparent
}

.selected-box select:hover {
    background: #d81c2d!important
}

.product-list .detailed-filter .col-right .selected-box {
    float: right
}

.selected-box .select__arrow {
    border-color: #fff transparent transparent
}

.selected-box select {
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    border: none!important;
    width: 200px;
    color: #fff;
    background: #00a6cf!important;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none
}

.select select option {
    font-size: inherit
}

.select i.icon-select {
    background-position: -47px 0;
    width: 11px;
    height: 10px;
    right: 15px;
    top: 50%;
    margin-top: -5px
}

.product-list .detailed-filter .col-left {
    float: left;
    padding: 18px 0;
    margin-left: 0
}

.product-list .detailed-filter .col-left h5 {
    font-size: 13px;
    margin: 0;
    color: #666
}

.product-list .detailed-filter .col-left h5 b {
    font-size: inherit;
    font-weight: 700;
    color: #d51a2c
}

.product-list .detailed-filter .col-right {
    float: none;
    margin-right: 0
}

.product-list .detailed-filter .col-right .select {
    width: 230px
}

.product-list .products .product {
    width: 30.66%
}

.product-list .products .inner {
    margin-bottom: 30px
}

.product-list .products .product:nth-child(3n),
.product-list .products .product:nth-child(3n-1) {
    margin-left: 4%
}

.product-list .paging nav .pagination li a {
    font-size: 14px;
    border: 1px solid #a4a4a4;
    width: 36px;
    height: 36px
}

.product-list .paging nav .pagination li.opened a {
    color: #fff;
    background: #7a638d!important
}

.product-list .paging nav .pagination li.opened a:before {
    content: '';
    position: absolute;
    width: 90%;
    height: 90%;
    left: 5%;
    top: 5%;
    border: 1px solid #fff
}

.product-list .paging nav .pagination li.opened a:hover {
    background-position: transparent!important
}

.product-list .paging nav .pagination li a span {
    font-size: inherit
}

.urunler {
    float: left;
    width: 100%;
    margin-top: 40px
}

.product-list .urun-dis {
    min-height: 500px;
    margin-bottom: 0
}

.urunler.products .urun-detay span {
    margin-right: 10px
}

.urunler.products .hizli-bak span {
    margin-right: 25px
}

.sidebar.scroll a.incele {
    width: 100%;
    cursor: inherit;
    margin: 0!important;
    padding: 0
}

.sidebar.scroll h4 {
    display: table;
    width: 100%;
    background-color: #00bbd3;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    height: 65px;
    line-height: 65px;
    text-align: left;
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #eef7fa;
    margin: 0!important;
    padding-left: 15px
}

.sidebar.scroll h4 a {
    border: 1px solid #00a6cf
}

.sidebar.scroll h4 a span.ok {
    background: #00a6cf
}

.control-group,
.sidebar.scroll a.incele:hover {
    background: #fff
}

.sidebar.scroll h4 a span.ok i:Before {
    color: #fff;
    font-weight: 700
}

.sidebar.scroll h4 a span.s-yazi {
    color: #00a6cf
}

.product-list .sidebar .filter-menu>ul>li.opened>a.active i:before {
    color: #fff
}

.yuvarlak .control__indicator {
    border-radius: 30px
}

.product-list .sidebar .filter-menu>ul>li.opened>a i {
    opacity: 1;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.sidebar.scroll .ok i {
    padding-left: 14px
}

.control-group {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    padding: 30px;
    margin: 10px
}

.control {
    display: block;
    padding-left: 30px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 18px;
    font-weight: 300
}

.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    display: none
}

.control span {
    height: 25px;
    line-height: 20px;
    font-size: 12px
}

.control__indicator {
    position: absolute;
    top: 5px;
    left: 0;
    height: 13px!important;
    width: 13px;
    background: 0 0;
    border: 1px solid #262262
}

.control--radio .control__indicator {
    border-radius: 50%
}

.control input:focus~.control__indicator,
.control:hover input~.control__indicator {
    background: #262262
}

.control input:checked~.control__indicator {
    -webkit-box-shadow: 0 0 0 1px #fff inset;
    box-shadow: 0 0 0 1px #fff inset
}

.control input:checked:focus~.control__indicator,
.giris-sect .control:hover input:not([disabled]):checked~.control__indicator {
    background: #e30f38;
    -webkit-box-shadow: 0 0 0 2px #fff inset;
    box-shadow: 0 0 0 2px #fff inset
}

.control input:checked:focus~.control__indicator,
.control:hover input:not([disabled]):checked~.control__indicator {
    -webkit-box-shadow: 0 0 0 2px #fff inset;
    box-shadow: 0 0 0 2px #fff inset
}

.control input:disabled~.control__indicator {
    background: #e6e6e6;
    opacity: .6;
    pointer-events: none
}

.control__indicator:after {
    position: absolute;
    display: none
}

.control input:checked~.control__indicator:after {
    display: block
}

h4.secenek {
    height: 65px;
    background-color: #fff!important;
    border: 2px solid #eef7fa;
    border-radius: 0!important;
    color: #262262!important;
    display: table
}

.detailed-filter .urun-img,
.new {
    height: 240px
}

.filter-menu {
    margin-bottom: 0
}

.product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>a:hover>ul {
    opacity: 1;
    display: block
}

ul.costum-scroll.en-alt-kategori {
    padding: 0;
    background: #262262
}

.product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>ul li {
    line-height: 3;
    color: #eef7fa;
    position: relative;
    padding-left: 0;
    font-size: 11px
}

.product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>ul li i.icon:before,
.product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>ul li label span a {
    color: #fff
}

.en-alt-kategori .control__indicator {
    border: 1px solid #eef7fa!important;
    top: 21px!important
}

.control input:focus~.control__indicator,
.en-alt-kategori .control:hover input~.control__indicator {
    background: #eef7fa
}

.en-alt-kategori .control input:checked~.control__indicator {
    background: #eef7fa;
    -webkit-box-shadow: 0 0 0 2px #1c3146 inset;
    box-shadow: 0 0 0 2px #1c3146 inset
}

.control input:checked:focus~.control__indicator,
.en-alt-kategori .control:hover input:not([disabled]):checked~.control__indicator {
    background: #eef7fa;
    -webkit-box-shadow: 0 0 0 2px #fff inset;
    box-shadow: 0 0 0 2px #fff inset
}

.en-alt-kategori .control {
    margin: 0;
    padding-left: 0;
    padding-right: 20px
}

ul.costum-scroll {
    max-height: 300px
}

.product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>ul li label span {
    font-size: 11px
}

.detailed-filter .urunGenel {
    margin: 0 0 30px;
    min-height: 400px!important;
    border: 1px solid #eef7fa;
    border-radius: 8px;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: hidden
}

.scrollArea,
.urunGenel:hover {
    -webkit-box-shadow: 0 8px 15px -3px rgba(0, 0, 0, .24)
}

.detailed-filter .urunAck i {
    left: -3px
}

.detailed-filter .urunAck a i:before {
    font-weight: 700;
    font-size: 16px
}

.urunAck .cozumKod {
    font-size: 11px!important
}

.urun-dty,
.urunAck .cozum-kod {
    font-size: 13px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.urunAck .cozum-kod {
    margin: 0 auto 10px!important;
    padding: 0;
    float: none;
    width: 100%;
    max-height: 19px
}

.urun-dty {
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: center;
    padding: 0 20px;
    color: #000;
    margin-bottom: 10px;
    max-height: 20px;
    overflow: hidden
}

.detailed-filter .urunAck {
    padding: 20px 0
}

.product-list .sayfalama {
    margin: 0!important
}

.urunGenel:hover {
    box-shadow: 0 8px 15px -3px rgba(0, 0, 0, .24)
}

.new {
    position: absolute;
    bottom: 0;
    width: auto;
    border-top-left-radius: 7px;
    background-color: #00bbd3;
    font-size: 10px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    padding: 6px;
    border-top-right-radius: 7px;
    left: 50%;
    margin-left: -32px
}

.new-butun,
.tum,
.urunGenelSlider,
a.mikro-btn,
a.mikro-btn i,
a.teklif-iste img,
a.teklif-iste span {
    position: relative
}

.new.koyu {
    margin-left: -21px;
    background: #262262;
    padding: 6px 10px
}

.new-butun {
    float: right;
    width: 100%;
    text-align: right
}

.urunGenelSlider .new {
    right: 0;
    top: 0;
    bottom: initial;
    font-size: 12px;
    padding: 10px 19px;
    position: relative;
    left: 0;
    display: inline-block;
    float: right;
    margin: 0 2px;
    border-radius: 0 0 8px 8px
}

section.product-list .sidebar {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 8px;
    border: 1px solid #eef7fa
}

.swiper-container.ic-slide {
    width: 100%;
    height: auto;
    padding: 25px 0 35px;
    box-sizing: border-box
}

.tum .swiper-button-next,
.tum .swiper-button-prev {
    height: 35px;
    width: 35px;
    font-size: 20px;
    background: #fff;
    color: #9c9c9c;
    margin-top: -17.5px;
    z-index: 999999;
    line-height: 35px;
    text-align: center
}

ul.costum-scroll {
    padding: 15px
}

.gallery-thumbs .swiper-slide-containerimg {
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

.tum .swiper-button-next {
    right: -7px;
    border: 1px solid #9c9c9c;
    border-radius: 100%;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.tum .swiper-button-prev {
    left: -7px;
    border: 1px solid #9c9c9c;
    border-radius: 100%;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.tum .swiper-button-next:hover {
    background: #000;
    color: #fff;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    -webkit-transform: scale(1.074);
    -ms-transform: scale(1.074);
    transform: scale(1.074)
}

.swiper-button-prev:hover {
    background: #000;
    color: #fff;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.firma-nav .swiper-button-prev:hover,
.firma-nav .swiper-button-next:hover {
    background: rgba(0, 0, 0, 0);
}

.gallery-top .swiper-slide-containerimg {
    width: 100%;
    display: table;
    margin: auto
}

.swiper-slide-container {
    text-align: center;
    font-size: 18px;
    background: #fff;
    height: 100%;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.gallery-top {
    height: 80%;
    width: 100%
}

.gallery-thumbs {
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    width: 100%;
    display: inline-block;
    margin: 17px 0 auto
}

.gallery-thumbs .swiper-slide-container img {
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    padding: 25px 10px;
    border: 2px solid #eef7fa!important;
    border-radius: 8px;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    width: 110px
}

.urunDetay .col-md-5.col-sm-5.col-xs-12 {
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #a0c9da;
    padding-bottom: 30px;
    padding-top: 0
}

.urunDetay .swiper-button-next i,
.urunDetay .swiper-button-prev i {
    color: #a0c9da;
    font-size: 34px;
    line-height: 41px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

button.sepet-add,
button.sepet-add:hover {
    -webkit-transition: all .4s;
    -o-transition: all .4s
}

a.teklif-iste img {
    top: -2px;
    right: 4px;
    width: 44px
}

.gallery-thumbs .swiper-slide-active img,
.gallery-thumbs .swiper-slide-container img:hover {
    border: 2px solid #262262!important
}

.smallSlide .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

a.mikro-btn,
a.teklif-iste {
    text-align: center;
    display: -webkit-box
}

.smallSlide .swiper-wrapper .swiper-slide {
    margin: 0 10px
}

a.teklif-iste,
button.sepet-add {
    border-radius: 28.5px;
    font-size: 15px;
    margin-right: 2%;
    height: 60px;
    font-stretch: normal;
    letter-spacing: normal;
    font-weight: 700;
    font-style: normal
}

a.teklif-iste span {
    left: 0;
    float: left;
    padding-left: 5px
}

a.teklif-iste {
    float: left;
    background-color: #262262;
    width: 31%;
    color: #fff;
    line-height: 60px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.urunName,
button.sepet-add {
    float: left;
    line-height: normal
}

button.sepet-add {
    border: 1px solid #00bbd3;
    width: 30%;
    background: #fff;
    transition: all .4s;
    color: #00bbd3
}

button.sepet-add i:before {
    margin: 0;
    font-weight: 400
}

a.teklif-iste i {
    float: left
}

a.teklif-iste i:before {
    margin: 0
}

a.teklif-iste.demo {
    background: #fff;
    color: #00bbd3!important;
    -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .07);
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .07)
}

a.mikro-btn {
    width: 31%;
    height: 60px;
    border-radius: 28.5px;
    background-color: #dedede;
    border: 1px solid #dedede;
    font-family: 'Nunito', sans-serif;
    font-size: 13px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    line-height: 60px;
    letter-spacing: normal;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #262262
}

a.mikro-btn i:Before {
    margin: 0 6px 0 0;
    font-size: 16px
}

a.mikro-btn i,
a.mikro-btn span {
    float: left
}

a.teklif-iste:hover {
    box-shadow: 0 13px 15px -2px rgba(42, 67, 91, .36)
}

button.sepet-add:hover {
    background: #00bbd3;
    color: #fff;
    transition: all .4s
}

a.mikro-btn:hover {
    -webkit-box-shadow: 0 13px 15px -2px rgba(42, 67, 91, .36);
    box-shadow: 0 13px 15px -2px rgba(42, 67, 91, .36);
    border: none
}

.urunDetay .swiper-button-next:hover i,
.urunDetay .swiper-button-prev:hover i {
    color: #fff!important;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.urunDetay .swiper-button-next,
.urunDetay .swiper-button-prev {
    width: 56px;
    height: 42px;
    border-radius: 8px!important;
    color: #9c9c9c;
    margin-top: -20.5px;
    z-index: 2;
    line-height: 33px;
    text-align: center
}

.urunDetay .swiper-button-next {
    background: #fff;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    background-color: #eef7fa!important;
    transition: all .4s
}

.urunDetay .swiper-button-prev {
    background-color: #eef7fa!important;
    font-size: 20px;
    background: #fff;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

article.product-holder .col-md-8.col-sm-8.col-xs-12 {
    padding-left: 45px
}

.urunDetay .swiper-button-next:hover {
    background: #A0C9DB!important;
    color: #fff;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.urunDetay .swiper-button-prev:hover {
    color: #fff;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    background: #a0c9da!important
}

.modal-ack,
.paylasName {
    font-stretch: normal;
    letter-spacing: normal;
    color: #00bbd3
}

.gallery-top .swiper-slide-container {
    width: 100%;
    height: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.gallery-top .swiper-slide-container img {
    width: 100%;
    display: table;
    margin: auto
}

.gallery-thumbs .swiper-slide {
    height: 100%;
    opacity: .4;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 33.33%
}

.gallery-thumbs .swiper-slide-active,
.kadro-item .img:hover img {
    opacity: 1
}

.gallery-thumbs .swiper-slide-container {
    max-height: 100px;
    width: 100%;
    height: 120px;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 7px
}

.tum {
    margin-top: 0;
    padding: 6px 52px;
    overflow: hidden
}

.kapsa {
    position: absolute;
    left: -45px;
    right: -45px;
    bottom: 95px
}

section.inner-page.urunDetay {
    padding: 60px 0 30px;
    float: left;
    width: 100%
}

.kampanya-little .urunShdow {
    padding-bottom: 30px
}

.urunSatir {
    float: left;
    margin-bottom: 30px;
    width: calc(100% + 15px)
}

.urunDetay .col-md-7.col-sm-7.col-xs-12 .w100+.w100 .urunSatir .urunName {
    margin-left: 0;
    padding-top: 3px
}

.urunDetay .col-md-7.col-sm-7.col-xs-12 .w100+.w100 .urunSatir {
    width: 50%;
    margin-bottom: 0
}

.urunDetay .social {
    left: initial;
    padding: 0;
    margin: -100px 0 0;
    background: 0 0;
    position: fixed;
    right: 0;
    width: auto;
    top: 50%;
    z-index: 1
}

.urunDetay .social ul li a {
    background: 0 0;
    border-top-left-radius: 8px;
    margin: 0;
    display: block;
    width: 100%;
    height: 100%
}

.paylasName {
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    text-align: left;
    line-height: 30px
}

.urunTanitimImg {
    height: 120px;
    border-radius: 8px;
    border: 2px solid #eef7fa;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 15px
}

#user-teklif .modal-dialog {
    width: 810px
}

.tablo-panel .urunTanitimImg img {
    height: auto;
    position: absolute;
    width: 220px
}

.urunFullName,
.urunName {
    position: relative;
    font-size: 13px
}

.tablo-panel .urunTanitimImg {
    height: 250px
}

img.ps-abstl {
    width: auto!important;
    right: 30px;
    top: 20px
}

#user-teklif-uyelikli .modal-dialog {
    width: 810px
}

.modal-ack {
    font-size: 15px;
    font-weight: 400;
    font-style: italic;
    line-height: 1.93;
    text-align: center
}

.modal-ack span,
.urunName {
    font-weight: 700;
    color: #262262
}

div#user-teklif .col-md-7 {
    padding: 40px 0;
    border-top: 2px solid #eef7fa;
    border-bottom: 2px solid #eef7fa
}

div#user-teklif-uyelikli .col-md-7 {
    padding: 54px 0;
    border-top: 2px solid #eef7fa;
    border-bottom: 2px solid #eef7fa
}

.urunDetay .w100 {
    border-radius: 2px;
    border-top: 3px solid #eef7fa;
    padding: 30px 0
}

.w100.orta {
    padding-bottom: 0
}

.tablo-panel {
    min-height: 202px;
    display: table;
    width: 100%
}

.modal-content textarea {
    height: 159px;
    border-radius: 27px;
    border: 1px solid #a0c9da;
    background: #fff
}

.modal-content .wd100 {
    margin-top: 30px
}

.tablo-cell-panel {
    display: table-cell;
    vertical-align: middle;
    width: 100%!important
}

.wd100 .col-right .teklif-iste {
    width: auto;
    padding: 0 40px;
    margin: 0!important
}

.wd100 .col-right .teklif-iste span {
    left: 0
}

.wd100 .col-right .teklif-iste:hover {
    background: #00bbd3;
    -webkit-box-shadow: none;
    box-shadow: none
}

.urunSatir+.urunSatir+.urunSatir {
    margin: 0
}

.urunName {
    width: 105px;
    text-align: left;
    margin-left: -15px
}

.secim-kalbr:before,
.urunFullName,
.urunName:before {
    font-weight: 600;
    text-align: left;
    color: #000;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    float: left
}

.urunDetay .col-md-7.col-sm-7.col-xs-12 {
    padding-left: 50px
}

.urunFullName {
    width: calc(100% - 105px);
    padding-right: 0
}

.secim-kalbr:before,
.urunName:before {
    content: ":";
    position: absolute;
    top: -1px;
    left: initial;
    right: 10px
}

.secim-kalbr:before {
    top: 8px
}

.urunDetay .col-md-7.col-sm-7.col-xs-12 .w100+.w100 .urunSatir .urunName:before {
    top: 2px
}

.urunGenelBaslik,
.w100 {
    float: left;
    width: 100%
}

.urunGenelBaslik nav li a {
    padding: 0;
    margin: 0
}

.urunGenelBaslik .nav-pills>li>a {
    font-family: 'Nunito', sans-serif;
    font-size: 13px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #262262;
    padding: 30px 0
}

.urunGenelBaslik .nav-pills>li {
    float: left;
    width: auto;
    padding: 0 20px
}

.urunGenelBaslik .nav {
    display: table;
    margin: auto
}

.urunGenelBaslik .nav-pills>li:nth-child(4) {
    width: auto
}

.urunGenelBaslik .nav-pills>li.active a:after,
.urunGenelBaslik .nav-pills>li.active a:before {
    border-radius: 2px;
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    right: 0
}

.urunGenelBaslik .nav-pills>li.active a:before {
    border-top: 5px solid #262262;
    top: -3px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.urunGenelBaslik .nav-pills>li.active a:after {
    border-bottom: 5px solid #262262;
    bottom: -4px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.title-area h4:After,
.title:after {
    width: 50px;
    content: ""
}

.urunGenelBaslik .nav-pills>li.active a {
    font-weight: 700
}

.blog-baslik,
.urunTanitimYazilari p {
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal
}

.urunTanitimYazilari p {
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    line-height: 2.21;
    text-align: justify;
    color: #4a4a4a
}

.kadro-item .content,
.ref-wrap .ref-item .content .link,
.title {
    text-align: center
}

.urunTanitimYazilari {
    padding: 30px 0
}

.title {
    border-bottom: 1px solid #e4e4e4;
    margin: 0 0 15px;
    padding: 10px 0;
    color: #464545;
    position: relative;
    font-size: 17px
}

.btn-all,
.btn-all:active,
.btn-all:focus,
.btn-all:hover {
    color: #fff
}

.title:after {
    border-bottom: 3px solid #0084d7;
    height: 1px;
    position: absolute;
    left: 50%;
    bottom: -2px;
    margin-left: -25px
}

.btn-all {
    background: #eb8484!important;
    font-size: 12px
}

.news {
    background: #f7f8f8;
    padding: 25px 0 40px
}

.bizden {
    background: #fff;
    padding: 15px 25px;
    height: 184px
}

.title-area h4 {
    color: #2b2b2b;
    position: relative;
    float: left
}

.title-area .slider-button-s3,
.title-area .slider-button-s3 .slider-next-s3 {
    float: right
}

.title-area h4:After {
    border-bottom: 2px solid #e44450;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: -10px
}

.title-area .slider-button-s3 i {
    color: #7c7c7c;
    font-size: 22px;
    padding: 5px 12px
}

.title-area .slider-button-s3 i:hover {
    color: #fff;
    background: #eb8484
}

.title-area .slider-button-s3 .slider-prev-s3 {
    float: left
}

.listele {
    color: #eb8484;
    float: right;
    line-height: 32px;
    margin-right: 10px
}

.read-more {
    position: absolute;
    right: 35px;
    bottom: -17px;
    padding: 8px 40px;
    border-radius: 3px
}

.s3 {
    padding: 15px 0;
    width: 100%
}

.s3 img {
    float: left;
    margin-right: 15px;
    width: 75px;
    height: 75px
}

.s3 p {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    max-height: 76px;
    line-height: 15px
}

.kadro-item .img {
    overflow: hidden;
    border: 3px solid #828282;
    border-radius: 100%;
    transition: all 250ms
}

.kadro-item .img:hover {
    border-color: #00b0b9
}

.kadro-item .img img {
    width: 100%;
    border-radius: 100%;
    opacity: .8;
    -webkit-transition: all 250ms;
    -o-transition: all 250ms;
    transition: all 250ms
}

.marka-item:hover,
.marka-item:hover img {
    -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in
}

.kadro-item .content {
    padding: 15px 0;
    height: 240px
}

.kadro-item .content h3 {
    color: #000;
    position: relative;
    padding-bottom: 15px
}

.kadro-item .content h3:after {
    content: "";
    position: absolute;
    left: 30%;
    bottom: 0;
    width: 40%;
    height: 3px;
    background: #00b0b9
}

.kadro-item .content h3 a,
.kadro-item .content h4 {
    color: #000
}

.kadro-item .content p {
    margin: 0
}

.kadro-item .content i {
    width: 45px;
    height: 45px;
    font-size: 18px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    background: #828282;
    border-radius: 100%;
    margin: 10px 3px 0;
    border: 2px solid #828282
}

.kadro-item .content i:hover {
    background: #fff;
    color: #828282
}

.kadro-item-detay .img {
    float: left;
    padding: 0
}

.kadro-item-detay .content {
    float: left;
    padding: 0 30px
}

.kadro-item-detay .content p {
    color: #000
}

.filter-category>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.filter-category>ul>li>a {
    display: block;
    background: #00346e;
    color: #fff;
    padding: 10px 25px;
    border-right: 1px solid #0092d7
}

.filter-category>ul>li:last-of-type>a {
    border-right: none
}

.filter-category>ul>li.active>a,
.filter-category>ul>li>a:hover {
    background: #001226
}

.ref-wrap {
    padding: 25px 0
}

.ref-wrap .ref-item .img {
    border: 1px solid #00346e
}

.ref-wrap .ref-item .img img {
    width: 100%
}

.ref-wrap .ref-item .content {
    padding: 10px 0;
    height: 85px
}

.ref-wrap .ref-item .content h3 {
    color: #00346e;
    margin: 0
}

.ref-wrap .ref-item .content h3 a {
    color: #00346e
}

.ref-wrap .ref-item .content h4 {
    color: #0092d7;
    margin: 0;
    font-size: 16px
}

.ref-detay i,
.ref-wrap .ref-item .content span i {
    margin-right: 10px
}

.ref-wrap .ref-item .content p {
    overflow: hidden;
    height: 30px;
    line-height: 15px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-top: 10px
}

.ref-wrap .ref-item .content span {
    color: #cCc
}

.ref-detay h3 {
    color: #00346e
}

.ref-detay i,
.ref-detay p {
    color: #33434d
}

.referanslarimiz .marka-wrap .marka-item img {
    opacity: .6
}

.referanslarimiz .marka-item:hover {
    border: 1px solid #fff
}

.ref-detay .img {
    border: 1px solid #33434d;
    padding: 15px
}

.ref-detay .img img {
    max-width: 100%;
    display: block;
    margin: 0 auto
}

.marka-wrap .marka-item img {
    max-height: 100px;
    opacity: .6
}

.marka-item:hover {
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .09);
    transition: all .5s ease-in
}

.marka-item:hover img {
    transition: all .5s ease-in
}

.marka-item:hover .img img,
.marka-wrap .marka-item {
    -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in
}

.marka-item:hover .img img {
    -webkit-filter: grayscale(0)!important;
    filter: grayscale(0)!important;
    transition: all .5s ease-in;
    opacity: 1
}

section.markalarimiz .wd100 p {
    padding: 0 15px;
    color: #262262;
    font-size: 15px;
}

.marka-wrap .marka-item {
    margin-bottom: 25px;
    height: 125px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: all .5s ease-in
}

.blog-item .img .date,
.marka-wrap .marka-item .img img {
    -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in
}

.referanslarimiz .marka-item {
    border-radius: 10px;
    background-color: #fff;
    border: 1px solid #dfebef
}

.referanslarimiz .marka-wrap .marka-item .img img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    max-height: 100px
}

.marka-wrap .marka-item .img img {
    width: auto;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all .5s ease-in
}

.marka-wrap .marka-item .content {
    display: none
}

.col-half-offset {
    margin-left: 4.166666667%
}

.marka-wrap .marka-item .content .title {
    margin-bottom: 15px
}

.marka-wrap .marka-item .content i {
    margin-right: 10px;
    color: #00346e
}

.marka-wrap .marka-item .content p {
    color: #00346e;
    margin: 0
}

.partner-item {
    overflow: hidden;
    margin-bottom: 25px
}

.partner-item .img {
    padding: 10px;
    border: 2px solid #cCc
}

.partner-item .img img {
    width: 100%;
    display: block;
    margin: 0 auto
}

.news-item {
    overflow: hidden;
    margin-bottom: 25px;
    border: 1px solid #cCc
}

.news-item:hover {
    border-color: #274d60
}

.news-item .img {
    position: relative
}

.news-item .img img {
    width: 100%
}

.news-item .hover {
    background: rgba(0, 0, 0, .5);
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 250ms;
    -o-transition: all 250ms;
    transition: all 250ms;
    opacity: 0;
    visibility: hidden
}

.blog-item .img,
.sidebar-blog h4 {
    position: relative
}

.news-item:hover .hover {
    opacity: 1;
    visibility: visible
}

.news-item .content {
    overflow: hidden;
    padding: 15px 15px 0
}

.news-item .content h4 {
    margin: 0
}

.news-item .content h4 a {
    color: #274d60;
    margin: 0
}

.news-item .content p {
    height: 40px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.haber-detay .img {
    padding-bottom: 25px
}

.haber-detay .img img {
    width: 100%
}

.haber-detay .content .date {
    float: left
}

.haber-detay .content .sayac {
    float: right
}

.haber-detay .content .text {
    overflow: hidden;
    width: 100%
}

.haber-detay .content .tags {
    overflow: hidden;
    width: 100%;
    text-align: left
}

.haber-detay .content .tags ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.haber-detay .content .tags ul li a {
    background: rgba(0, 0, 0, .2);
    padding: 5px 10px;
    display: block;
    color: #fff;
    margin: 0 3px
}

.haber-detay .content .author {
    overflow: hidden;
    width: 100%;
    text-align: right
}

section.blogs {
    padding: 60px 0
}

.blog-item .img a:hover .date h4,
.blog-item .img a:hover .date h5,
.blog-item .img a:hover .date h6 {
    color: #fff;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.blog-yapi {
    float: left;
    width: 100%;
    margin: 30px 0 17px
}

.blog-baslik {
    float: left;
    width: calc(100% - 68px);
    padding-left: 20px;
    font-size: 18px;
    line-height: 2.06;
    text-align: left;
    color: #262262
}

.blog-item .img a {
    height: 100%;
    display: block
}

.blog-item {
    overflow: hidden;
    border-bottom: 1px solid #dfebef;
    margin-bottom: 25px
}

.blog-item:hover .btn-black {
    background: #d60005!important;
    color: #fff;
    border-color: #d60005
}

.content p:last-child {
    margin-bottom: 0
}

.blog-item .img .date h6 {
    font-size: 12px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #262262;
    margin: 0;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.add-coupon .form-div,
.select_biltek .option,
section.blogs .pagination,
section.blogs .sayfalama {
    margin-bottom: 0!important
}

.blog-item .img .date {
    text-align: center;
    position: relative;
    float: left;
    width: 68px;
    height: 71px;
    border-radius: 8px;
    background-color: #dfebef;
    padding-top: 10px;
    transition: all .5s ease-in
}

.blog-baslik span,
.content p {
    font-size: 14px;
    text-align: left
}

.blog-bg,
.content p {
    float: left;
    width: 100%
}

section.blog-detay {
    padding: 60px 0
}

.blog-bg {
    height: 500px;
    background-size: cover!important;
    background-position: center center!important;
    background-repeat: no-repeat!important;
    border-radius: 8px
}

.content p {
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.9;
    letter-spacing: normal;
    color: #262262;
    margin-left: 0!important
}

.blog-baslik span,
a.blog-btn {
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal
}

.blog-baslik span {
    line-height: 2.64;
    color: #a0c9da
}

.blog-detay .blog-item {
    border: none
}

.sube,
a.blog-btn {
    margin-bottom: 20px
}

a.blog-btn {
    float: right;
    width: 189px;
    height: 51px;
    border-radius: 30px;
    background-color: #262262;
    font-size: 15px;
    text-align: center;
    color: #fff;
    line-height: 51px
}

.blog-item .img .date h4,
.blog-item .img .date h5 {
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #262262;
    text-align: center;
    margin: 0
}

a.blog-btn:hover {
    background: #1aa4de
}

.blog-item .img a:hover .date {
    background: #1aa4de;
    -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in
}

.blog-item .img .date h4 {
    font-size: 21px;
    font-weight: 300;
    line-height: 22px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.blog-item .img .date h5 {
    font-size: 12px;
    font-weight: 800;
    line-height: normal;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.blog-item .img img {
    width: 100%
}

.blog-item .content {
    padding: 0;
    float: left;
    width: 100%
}

.blog-item .content h4,
.blog-item .content h4 a {
    margin-bottom: 0;
    color: #464d51;
    font-weight: 600;
    font-size: 22px
}

.blog-form input[type=search],
.sidebar-blog h4 {
    font-style: normal;
    font-size: 16px;
    line-height: normal;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: 'Nunito', sans-serif
}

.blog-item .content span {
    color: #acb7be
}

.sidebar-blog {
    margin-top: 40px;
    float: left;
    width: 100%
}

.sidebar-blog h4 {
    margin: 0;
    font-weight: 800;
    text-align: left;
    color: #262262;
    padding-bottom: 10px;
    border-bottom: 2px solid #dfebef;
    float: left;
    width: 100%
}

.blog-form input[type=submit] {
    width: 40px;
    height: 44px;
    background: 0 0;
    border: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9999
}

.sidebar-blog+.sidebar-blog {
    margin-top: 40px
}

.sidebar-blog ul li {
    padding: 10px 0;
    float: left;
    width: 100%;
    position: relative
}

.basket,
.blog-detay .content .sayac {
    float: right
}

.sidebar-blog ul li:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 1px solid #dfebef
}

.blog-form input[type=search] {
    -webkit-appearance: none;
    height: 50px;
    border: 0;
    border-bottom: 1px solid #00bbd3;
    position: relative;
    font-weight: 600;
    padding-left: 0;
    width: 100%;
    color: #00bbd3
}

.blog-form {
    position: relative
}

.blog-form input::-webkit-input-placeholder {
    font-family: 'Nunito', sans-serif;
    font-size: 16px;
    font-weight: 600;
    font-style: italic;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #00bbd3
}

.blog-form input::-moz-placeholder {
    font-family: 'Nunito', sans-serif;
    font-size: 16px;
    font-weight: 600;
    font-style: italic;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #00bbd3
}

.blog-form input:-ms-input-placeholder {
    font-family: 'Nunito', sans-serif;
    font-size: 16px;
    font-weight: 600;
    font-style: italic;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #00bbd3
}

.blog-form input:-moz-placeholder {
    font-family: 'Nunito', sans-serif;
    font-size: 16px;
    font-weight: 600;
    font-style: italic;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #00bbd3
}

span.blog-arama-icon {
    position: absolute;
    right: 0;
    top: 0;
    height: 44px;
    padding-top: 15px
}

.blog-form input[type=search]:focus {
    border-bottom: 1px solid #000
}

span.blog-arama-icon i:before {
    font-weight: 700;
    color: #000
}

.sidebar-blog ul {
    background: #fff;
    padding: 0
}

.sidebar-blog ul li a {
    display: block;
    position: relative;
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000
}

.sidebar-blog ul li a.active,
.sidebar-blog ul li a:hover {
    color: #00bbd3
}

.sidebar-blog h4:before {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    width: 60px;
    height: 3px;
    background: #262262;
    border-radius: 2px
}

.sidebar-blog ul li a:hover span {
    color: #fff;
    background: #d60005
}

.sidebar-blog ul li a:after {
    position: absolute;
    bottom: -2px;
    left: 0;
    height: 1px;
    width: 100%;
    background: #404549
}

.ov-hid,
.ref-item {
    position: relative
}

.sidebar-blog ul li a span {
    display: none
}

.blog-detay .content .text {
    overflow: hidden;
    width: 100%
}

.blog-detay .content .tags {
    overflow: hidden;
    width: 100%;
    text-align: left
}

.blog-detay .content .tags ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.blog-detay .content .tags ul li a {
    background: rgba(0, 0, 0, .2);
    padding: 5px 10px;
    display: block;
    color: #fff;
    margin: 0 3px
}

.ref-item .img a:before,
.ref-item .img img {
    display: inline-block;
    vertical-align: middle
}

.blog-detay .content .author {
    overflow: hidden;
    width: 100%;
    text-align: right
}

.ref-item {
    width: auto;
    height: 110px;
    background: rgba(255, 255, 255, .61);
    -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .09);
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .09);
    -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
    border-radius: 10px
}

.ref-nav .swiper-button-next,
.ref-nav .swiper-button-prev {
    background: 0 0;
    left: 3px;
    right: initial;
    margin: 0;
    top: 0;
    width: auto;
    height: auto;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    opacity: .34
}

.ov-hid {
    margin-bottom: 10px;
    overflow: hidden
}

.ref-nav .swiper-button-next:hover,
.ref-nav .swiper-button-prev:hover {
    opacity: 1;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.ref-item:hover,
.ref-item:hover img {
    -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in
}

.ref-nav {
    position: absolute;
    left: -40px;
    right: -40px;
    top: 50%;
    margin-top: -10px
}

.ref-nav i:before {
    margin: 0;
    font-size: 30px
}

.urun-table td,
.urun-table th {
    min-width: 100px;
    border-collapse: collapse;
    font-size: 14px
}

.ref-nav .swiper-button-prev {
    right: 3px;
    left: initial;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    top: -5px
}

.referans-slider {
    overflow: hidden
}

.ref-item .img {
    height: 100%
}

.ref-item .img a:before {
    content: "";
    width: 0;
    margin-right: -.25em;
    height: 100%
}

.ref-item .img a {
    height: 100%;
    width: 100%;
    text-align: center;
    overflow: hidden
}

.ref-item:hover {
    background: #fff;
    transition: all .5s ease-in
}

.ref-item:hover img {
    webkit-filter: grayscale(0)!important;
    -webkit-filter: grayscale(0)!important;
    filter: grayscale(0)!important;
    transition: all .5s ease-in
}

.ref-item .img img {
    white-space: normal;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
    max-height: 100px
}

section.ref-slider {
    background: #eef7fa;
    padding: 40px 0
}

.ref-slide {
    padding: 25px 5px;
    overflow: initial
}

.urun-table,
.urun-table tbody {
    overflow-x: auto
}

.ref-item .content {
    padding: 10px 0;
    text-align: center
}

.ref-item .content h4 {
    margin: 0
}

.basket {
    padding: 10px 0
}

.basket a {
    padding: 0 10px;
    border-left: 1px solid #9ebac3
}

.urun-table {
    margin-top: 25px
}

.alert-wrap,
.basket-exp,
.urun-table td,
.welcome {
    overflow: hidden
}

.urun-table tr:nth-child(odd) {
    background: #f8f8f8
}

.urun-table tr:nth-child(even) {
    background: #ececec
}

.urun-table th {
    background: #7a638d;
    color: #fff;
    border-right: 1px solid rgba(255, 255, 255, .1);
    padding: 15px 5px!important
}

.urun-table th:last-of-type {
    border-right: none
}

.urun-table td {
    vertical-align: middle!important;
    color: #232a2e;
    font-weight: 500;
    border-right: 1px solid rgba(255, 255, 255, 1);
    position: relative
}

.qty,
.tablo-cell {
    vertical-align: middle
}

.urun-table td:last-of-type {
    border-right: none
}

.urun-table td>img {
    max-width: 80px;
    max-height: 70px;
    display: block;
    margin: 0 auto
}

.urun-table td>p {
    margin-bottom: 0
}

.urun-table td a:hover {
    color: #7a638d
}

.new-alert,
.new-alert .content a,
.new-alert .content p {
    color: #000
}

.urun-table td a img {
    display: block;
    margin: 0 auto
}

.urun-table tr:hover .hover {
    top: 0;
    opacity: 1;
    visibility: visible
}

.basket-exp {
    width: 100%;
    padding: 1px 0
}

.new-alert {
    height: 75px;
    margin: 25px 0;
    padding: 0 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-left: 4px solid transparent;
    float: left;
    width: 100%
}

.duyuru-item,
.welcome {
    -webkit-box-align: center
}

.new-alert .icon {
    width: 50px;
    float: left;
    text-align: center;
    padding-right: 15px
}

.new-alert .icon i {
    font-size: 20px;
    color: #000
}

.new-alert .content {
    float: left;
    line-height: 17px;
    max-height: 51px;
    overflow: hidden
}

.new-alert.info {
    background: rgba(143, 230, 222, .6);
    border-color: rgba(43, 194, 179, .6)
}

.new-alert.warning {
    background: rgba(249, 234, 176, .6);
    border-color: rgba(243, 219, 120, .6)
}

.new-alert.danger {
    background: rgba(250, 226, 228, .6);
    border-color: rgba(240, 188, 193, .6)
}

.new-alert.success {
    background: rgba(165, 220, 134, .6);
    border-color: rgba(52, 140, 52, .6)
}

.new-alert.info .icon i:before {
    content: "\f0f3"
}

.new-alert.warning .icon i:before {
    content: "\f06a"
}

.new-alert.danger .icon i:before {
    content: "\f071"
}

.new-alert.success .icon i:before {
    content: "\f058"
}

.alert-wrap {
    width: 100%
}

.alert-wrap .new-alert:first-of-type {
    width: 48%;
    float: left!important
}

.alert-wrap .new-alert:last-of-type {
    width: 48%;
    float: right
}

.welcome {
    border: 1px solid #d6d6d6;
    border-radius: 30px;
    padding: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    max-width: 800px;
    margin: 25px auto
}

.welcome .welcome-img {
    float: left;
    margin-right: 15px
}

.welcome-cont {
    padding: 5px 15px
}

.welcome-cont p {
    font-size: 16px;
    color: #002349
}

.welcome-cont h4 {
    color: #000;
    font-weight: 600;
    margin: 0;
    font-size: 22px
}

.welcome-cont h4:last-of-type {
    font-weight: 900
}

.user-title,
.user-title a {
    color: #002349;
    font-weight: 700
}

section.page.user-forgot {
    padding: 60px 0
}

.user-title {
    margin: 0 0 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dcdcdc;
    font-size: 21px
}

.user-title a {
    margin: 0;
    padding-bottom: 0;
    float: right;
    font-size: 15px;
    line-height: 30px
}

.duyuru-item .content,
.duyuru-item .icon {
    float: left;
    padding: 0 15px
}

.user-title a i {
    color: #000f1f;
    margin-right: 5px
}

.user-page .main-title {
    padding: 25px
}

.user-page .tab-content {
    border-bottom: none
}

.user-page .tab-content img {
    width: auto;
    margin: inherit
}

.user-page .tab-content .col-md-6 {
    padding: 0 15px
}

#first-modal {
    position: absolute
}

#first-modal .modal-content {
    border: none;
    background: 0 0;
    overflow: visible
}

#first-modal .title:after {
    display: none
}

#first-modal .title h3 {
    font-size: 20px
}

#first-modal .form-div {
    padding-bottom: 5px
}

#first-modal .form-div .form-control {
    height: 35px;
    line-height: 25px!important
}

#first-modal .captcha-btn input {
    height: 40px!important;
    line-height: 40px!important
}

#first-modal .login .form-area {
    padding: 5px 25px 0
}

#first-modal .col-md-6 {
    padding: 0
}

#first-modal .close {
    position: absolute;
    right: 15px;
    top: -40px;
    opacity: 1;
    z-index: 99
}

#first-modal .close img {
    width: 35px
}

#first-modal .login {
    padding: 0;
    display: block
}

#first-modal .login-options {
    height: auto;
    padding: 15px 35px
}

#first-modal .login-options h4 {
    margin: 15px 0
}

#first-modal .btn-red {
    padding: 15px 25px
}

#first-modal .img {
    max-width: 100%
}

#first-modal .img img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
    width: 100%
}

#first-modal.in .modal-dialog {
    height: 100%;
    margin: auto;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: 0 0
}

.sepet .twice-item img {
    height: 40px
}

.sepetim .ps-container {
    height: 350px;
    position: relative
}

.duyuru-item {
    overflow: hidden;
    border: 1px solid #cCc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 25px;
    padding: 20px 0;
    position: relative;
    width: 100%
}

.duyuru-item:hover {
    border-style: dashed;
    border-color: #009fdb
}

.duyuru-item:hover .icon i {
    background: #009fdb;
    color: #fff
}

.duyuru-item .icon i {
    background: #666;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    text-align: center;
    line-height: 60px;
    color: #fff;
    font-size: 27px
}

.duyuru-item .content p {
    margin: 0;
    color: #333
}

.duyuru-item .date {
    padding: 0 15px;
    float: right;
    position: absolute;
    right: 0;
    bottom: 3px
}

.duyuru-item .date i {
    margin-left: 5px
}

.duyurular {
    padding: 0
}

.duyurular h4 {
    color: #666;
    font-weight: 800;
    font-size: 22px;
    margin: 0
}

.page-career5 .form-div p,
.page-career5 .urun-title h3 {
    line-height: normal;
    color: #262262;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal
}

.duyurular-slide {
    position: relative;
    overflow: hidden
}

.duyurular-slide .swiper-wrapper {
    height: 120px!important
}

.duyurular-slide .swiper-slide {
    height: 120px!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.duyurular-slide .swiper-slide p {
    margin-bottom: 0;
    max-height: 62px;
    overflow: hidden;
    font-size: 13px
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.yorumyappopup {
    overflow: hidden;
    width: 100%;
    margin-bottom: 35px
}

.musteriyorum {
    overflow: hidden;
    width: 100%;
    border: 1px solid #6d61be;
    padding: 25px 15px;
    margin-bottom: 25px;
    text-align: center;
    border-left-style: dashed;
    border-right-style: dashed
}

.page-career5 {
    margin: 45px 0
}

.page-career5 .urun-title h3 {
    font-family: 'Nunito', sans-serif;
    font-size: 22px;
    font-weight: 600;
    text-align: left
}

.page-career5 .urun-title h3 strong {
    font-weight: 800;
    font-size: 23px
}

.page-career5 .form-div p {
    font-size: 12px;
    font-weight: 800;
    text-align: left;
    margin-left: 10px;
    margin-bottom: 5px
}

.page-career5 form.career .form-div .form-control:focus {
    border-color: #262262
}

.page-career5 .panel-default>.panel-heading+.panel-collapse>.panel-body {
    color: #fff;
    font-size: 12px;
    line-height: 24px
}

.page-career5 .panel-title a {
    font-size: 13px;
    font-weight: 700;
    color: #000;
    display: block;
    padding: 15px 0;
    position: relative
}

.page-career5 .panel-body p {
    font-size: 11px;
    color: #333;
    line-height: 20px
}

.page-career5 .career-form form>div+div {
    margin-top: 20px
}

.page-career5 .career-form .input-group {
    margin-top: 0
}

.page-career5 .career-form .button {
    margin-top: 20px
}

.page-career5 .input-group .form-control,
.page-career5 .input-group-addon,
.page-career5 .input-group-btn {
    background: 0 0
}

.page-career5 .panel-title a i {
    font-size: 12px;
    right: 0;
    top: 50%;
    position: absolute;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -mstransform: translateY(-50%)
}

.page-career5 .panel-group .panel+.panel {
    margin-top: 0
}

.page-career5 .panel-title a i.collapsed:after {
    content: '\f067"!important'
}

.page-career5 .select-icon {
    position: absolute;
    right: 20px;
    color: #000!important;
    pointer-events: none;
    top: 37px
}

.page-career5 .select-icon:before {
    font-size: 22px
}

.page-career5 .panel-group {
    margin-bottom: 60px
}

.page-career5 .accordion {
    width: 100%;
    max-width: 360px;
    margin: 30px auto 20px;
    background: #FFF;
    border-radius: 4px
}

.page-career5 .accordion .link {
    cursor: pointer;
    display: block;
    padding: 15px 15px 15px 0PX;
    border-bottom: 1px solid #dfebef;
    position: relative;
    font-size: 17px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #a0c9da;
    text-transform: uppercase;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.page-career5 .accordion li:last-child .link {
    border-bottom: 0
}

.page-career5 .accordion li i {
    position: absolute;
    top: 16px;
    left: 12px;
    font-size: 18px;
    color: #a0c9da;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.page-career5 .accordion li i.fa-chevron-down {
    right: 12px;
    left: auto;
    font-size: 16px
}

.accordion li.open i,
.page-career5 .accordion li.open .link {
    color: #00bbd3
}

.page-career5 .accordion li.open i.fa-chevron-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.page-career5 .accordion li.default .submenu {
    display: block
}

.page-career5 .submenu {
    margin: 10px 0;
    display: none;
    font-size: 14px
}

.page-career5 .submenu li,
.page-career5 .submenu p,
.page-career5 a.apply-now {
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal
}

.page-career5 .submenu p {
    line-height: 1.85;
    text-align: left;
    color: #4a4a4a;
    margin-bottom: 0
}

.page-career5 .submenu li {
    line-height: 1.85;
    text-align: left;
    color: #4a4a4a;
    list-style-type: initial;
    margin-left: 17px
}

.page-career5 .submenu ol li {
    list-style-type: decimal
}

.page-career5 .submenu a {
    display: block;
    text-decoration: none;
    color: #d9d9d9;
    padding: 12px 12px 12px 42px;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

.page-career5 .submenu a:hover {
    background: #b63b4d;
    color: #FFF
}

.page-career5 a.apply-now {
    position: relative;
    width: 144px;
    border: 1px solid;
    height: 39px;
    border-radius: 22px;
    background-color: #00bbd3;
    padding: 0;
    color: #fff;
    text-align: center;
    line-height: 39px;
    left: 60%;
    cursor: pointer;
    margin-top: 20px
}

.page-career5 a.apply-now:hover {
    background: #fff;
    color: #a0c9da;
    border: 1px solid #a0c9da
}

.col-md-8 .urun-title h3 {
    text-align: center;
    margin-bottom: 40px
}

.page-career5 select::-ms-expand {
    display: none;
    -moz-appearance: none;
    -webkit-appearance: none
}

.page-career5 .accordion .link:hover {
    color: #262262
}

i.uploadicon {
    position: absolute;
    background-image: url(img/uploadicon.png);
    width: 22px;
    height: 14px;
    float: left;
    left: 10px;
    top: 12px
}

.page-career5 .form-div input,
.page-career5 .form-div select {
    height: 50px;
    padding-left: 20px;
    -webkit-appearance: none;
    -moz-appearance: none
}

.page-career5 .form-div input {
    border-radius: 27px!important;
    border: 1px solid #a0c9da;
    color: #262262;
    font-style: normal;
    appearance: none
}

.page-career5 .form-div select,
.page-career5 .form-div textarea {
    line-height: normal;
    color: #a0c9da;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: normal;
    text-align: left;
    font-stretch: normal;
    font-style: normal
}

.page-career5 input::-webkit-input-placeholder {
    font-size: 13px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #a0c9da
}

.page-career5 input::-moz-placeholder {
    font-size: 13px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #a0c9da
}

.page-career5 input:-ms-input-placeholder {
    font-size: 13px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #a0c9da
}

.page-career5 input:-moz-placeholder {
    font-size: 13px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #a0c9da
}

.page-career5 .form-div select {
    border-radius: 27px;
    border: 1px solid #a0c9da;
    appearance: none
}

.page-career5 .form-div textarea {
    height: 183px;
    border-radius: 27px;
    border: 1px solid #a0c9da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 20px
}

.page-career5 input[type=submit] {
    border: none;
    float: right;
    width: 209px;
    height: 60px;
    border-radius: 30px;
    background-color: #00bbd3;
    -webkit-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    transition: all .4s ease-in;
    font-weight: 800;
    font-size: 13px;
    color: #fff
}

.page-career5 input[type=submit]:hover {
    background-color: #262262;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.page-career5 .input-group .kariyer-btn i {
    padding-left: 10px;
    font-style: normal;
    line-height: 30px
}

.page-career5 .input-group .kariyer-btn {
    width: 105px;
    height: 41px;
    border-radius: 27px;
    background-color: #a0c9da;
    position: absolute;
    right: 7px;
    font-size: 12px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    top: 5px
}

.ps-abst,
.tablo-cell,
.yatirim-ack {
    text-align: center
}

.page-career5 .input-group .kariyer-btn:hover {
    background: #243c54;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

@media screen and (max-width:991px) {
    .page-career .career-form .row>div:first-child {
        margin-bottom: 50px
    }
}

@media screen and (max-width:500px) {
    .page-career .career-form form .twice>div+div {
        margin-top: 20px
    }
}

.brands {
    width: 100%;
    overflow: hidden
}

.brands>h3 {
    color: #101010;
    font-size: 20px;
    border-bottom: 1px solid #ccc
}

.brands .marka-item {
    border: 1px solid #ccc;
    width: 100%;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.brands .marka-item:hover {
    border-color: #002349;
    border-radius: 5px
}

.brands .marka-item .img {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100px;
    width: 100%
}

.brands .marka-item .img img {
    max-height: 70px
}

section.credentials {
    margin: 0
}

section.credentials .serti-item:last-child .item {
    border-bottom: none!important
}

.certifications {
    border-radius: 35px;
    border: 1px solid #dfebef;
    margin: 70px 0
}

.yatirim {
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    opacity: .08
}

.tablo-cell {
    display: table-cell
}

section.uyeliksiz-form.contact4 .ps-abst img {
    width: 70px
}

section.uyeliksiz-form.contact4 .ps-abst .yatirim-baslik:after {
    display: none
}

section.uyeliksiz-form.contact4 .ps-abst .yatirim-baslik {
    padding: 0
}

section.uyeliksiz-form.contact4 .ps-abst .yatirim-ack {
    color: #262262
}

.yatirim-baslik {
    font-size: 30px;
    color: #fff;
    font-weight: 300;
    position: relative;
    padding-bottom: 30px
}

.yatirim-baslik span {
    font-size: 30px;
    font-weight: 700
}

.yatirim-baslik:after {
    content: "";
    position: absolute;
    left: 100px;
    right: 100px;
    height: 6px;
    background: #fff;
    bottom: 0;
    border-radius: 6px
}

.ps-abst {
    overflow: hidden;
    margin: 0 30px 60px;
    height: 325px;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    display: table;
    width: calc(100% - 60px);
    margin-top: 70px!important;
    color: #fff;
    position: relative;
    border-radius: 8px;
    background-image: -webkit-linear-gradient(288deg, #40d1f0, #2c8fb8 51%, #0a1f58);
    background-image: -o-linear-gradient(288deg, #40d1f0, #2c8fb8 51%, #0a1f58);
    background-image: linear-gradient(-198deg, #40d1f0, #2c8fb8 51%, #0a1f58)
}

.yatirim-ack {
    font-family: 'Nunito', sans-serif;
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: 1.3px;
    color: #fff;
    margin-top: 20px
}

.yatirim-ack span {
    display: block;
    font-size: 21px;
    margin-top: 5px;
    font-weight: 800
}

section.credentials .item:hover {
    color: #262262!important
}

section.credentials .item {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    font-family: 'Nunito', sans-serif;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 4.06;
    letter-spacing: normal;
    text-align: left;
    color: #00bbd3!important;
    padding-left: 40px!important;
    border-bottom: 1px solid #dfebef!important;
    overflow: hidden
}

section.credentials .item i.icon-certificate,
section.credentials .item i.icon-certificate-doct,
section.credentials .item i.icon-certificate-download,
section.credentials .item i.icon-certificate-green {
    width: 50px;
    height: 52px;
    display: inline-block;
    background-position: center center;
    margin-right: 10px;
    background-repeat: no-repeat
}

section.credentials .item i.icon-certificate-download {
    background-image: url(img/icon-certificate-download.png)
}

section.credentials .item i.icon-certificate-doct {
    background-image: url(img/icon-certificate-doct.png)
}

section.credentials .item i.icon-certificate-green {
    background-image: url(img/icon-certificate-green.png)
}

section.credentials .item i.icon-certificate {
    background-image: url(img/icon-certificate.png)
}

section.credentials .item p {
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #777;
    font-size: 18px;
    margin: 0;
    width: calc(100% - 120px)
}

section.credentials .item a {
    color: #000;
    width: 50px;
    height: 50px;
    border: 2px solid rgba(255, 255, 255, .3);
    border-radius: 50%;
    position: relative;
    margin-left: 35px
}

section.credentials .item a i {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 46px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

section.credentials .item a i:hover {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
}

section.credentials .item a i.icon-certificate-download {
    background-repeat: no-repeat;
    background-image: url(img/icon-certificate-download.png);
    background-position: 50% 45%;
    border: 1px solid #d1d1d1;
    border-radius: 100%
}

section.credentials .item a i.icon-certificate-download:hover {
    border-color: #00d8a2
}

section.credentials .item a i.icon-certificate-doct {
    background-repeat: no-repeat;
    background-image: url(img/icon-certificate-doct.png);
    background-position: 50% 45%;
    border: 1px solid #d1d1d1;
    border-radius: 100%
}

section.credentials .item a i.icon-certificate-doct:hover {
    border-color: #00d8a2
}

section.credentials .item a i.icon-certificate-green {
    background-repeat: no-repeat;
    background-image: url(img/icon-certificate-green.png);
    background-position: 50% 45%;
    border: 1px solid #d1d1d1;
    border-radius: 100%
}

section.credentials .item a i.icon-certificate-green:hover {
    border-color: #00d8a2
}

section.credentials .item a i.icon-certificate {
    background-repeat: no-repeat;
    background-image: url(img/icon-certificate.png);
    background-position: 50% 45%;
    border: 1px solid #d1d1d1;
    border-radius: 100%
}

section.credentials .item a i.icon-certificate:hover {
    border-color: #00d8a2
}

section.credentials .item a i.icon-search-download {
    background-color: #00adef;
    background-repeat: no-repeat;
    padding: 10px;
    border-radius: 100%;
    background-position: 50% 47%;
    background-image: url(../../img/icon-certificate-search.png)
}

section.credentials .item a i.icon-search-download:hover {
    background-color: #555384
}

section.credentials .item .view {
    width: 55px;
    height: 55px
}

section.credentials .right-image .img {
    width: 260px;
    height: 326px;
    position: relative
}

section.credentials .right-image .img img {
    border-radius: 10px
}

section.credentials .right-image .img:before {
    content: "";
    position: absolute;
    display: block;
    width: 260px;
    height: 326px;
    background-color: #283181;
    opacity: .9;
    border-radius: 10px
}

section.credentials .right-image .text {
    text-align: center;
    position: absolute;
    top: 13%;
    left: 8%;
    z-index: 999
}

section.credentials .right-image .text a {
    position: relative
}

section.credentials .right-image .text a h2 {
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    position: relative;
    color: #fff;
    font-size: 24px;
    display: block;
    padding-bottom: 25px
}

section.credentials .right-image .text a h2:before {
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    content: "";
    position: absolute;
    display: block;
    background-color: #03b3ef;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 70px;
    height: 5px;
    bottom: 6px
}

section.credentials .right-image .text a h2 span {
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    padding-right: 10px;
    color: #fff;
    line-height: 35px
}

section.credentials .right-image .text a h2 span.title {
    font-family: "Segoe Bold";
    font-size: 20px;
    display: block;
    font-weight: 700
}

section.credentials .right-image .text a h2 span.subtitle {
    font-family: "Segoe Bold";
    font-size: 25px;
    font-weight: 800;
    display: block
}

section.credentials .right-image .text a h2 span.light-title {
    font-family: "Segoe Light";
    display: block;
    font-weight: 300;
    font-size: 20px
}

section.credentials .right-image .text a p {
    font-family: "Segoe Bold";
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    color: #fff;
    font-weight: 800;
    font-size: 19px;
    line-height: 30px
}

section.credentials .right-image .text a:hover h2,
section.credentials .right-image .text a:hover h2 span {
    color: #00adef
}

section.credentials .right-image .text a:hover h2:before {
    background-color: #fff
}

section.credentials .right-image .text a:hover p {
    opacity: .8
}

section.sss {
    margin: 25px 0
}

section.sss .sss-left span {
    font-weight: 200;
    font-size: 12px;
    color: #a6a6a6
}

section.sss .sss-left h2 {
    color: #333;
    font-size: 20px
}

section.sss .sss-left h2 strong {
    font-size: 20px;
    color: #333;
    font-weight: 800
}

.page-faq .col-one .col-left h6 {
    font-size: 15px;
    font-weight: 700;
    color: #333;
    margin: 0 0 15px;
    line-height: 30px
}

.page-faq .col-one .col-left p {
    font-size: 14px;
    line-height: 28px;
    margin: 0;
    padding-bottom: 30px;
    border-bottom: 2px solid #00d8a2
}

.page-faq .col-one {
    display: inline-block;
    width: 100%
}

.page-faq .col-one .panel-group {
    margin-bottom: 0
}

.page-faq .col-one .panel-heading {
    border-radius: 0;
    padding: 0
}

.page-faq .col-one .panel-title a {
    color: #fff;
    display: block;
    position: relative;
    background: #2c307c;
    padding: 19px;
    font-size: 13px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    font-weight: 800;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.kullanici-menu,
.page-faq .col-one .panel-body:after,
.search-icon {
    display: none
}

.page-faq .col-one .panel-title a.collapsed {
    background: #fff;
    color: #666;
    border-bottom: 1px solid #ccc;
    font-weight: 300
}

.page-faq .col-one .panel-title a i {
    position: absolute;
    right: 15px;
    font-size: 14px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}

.page-faq .col-one .panel {
    border-radius: 0;
    border: none
}

.page-faq .col-one .panel-collapse {
    background: #2c307c;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.page-faq .col-one .panel-body {
    position: relative;
    border-top: none!important;
    background: #2c307c
}

.page-faq .col-one .panel-body h4 {
    color: #141515;
    font-size: 21px
}

.page-faq .col-one .panel-body p {
    color: #fff;
    font-size: 12px;
    line-height: 24px
}

.page-faq .col-one .panel-body ul {
    padding: 0 25px
}

.page-faq .col-one .panel-body li {
    color: #141515;
    font-weight: 400;
    font-size: 16px;
    list-style-type: circle
}

.search-icon {
    float: left;
    margin-top: -3px
}

.search-icon span#searchopen {
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
    padding: 15px 22px;
    height: 20px;
    line-height: 20px;
    cursor: pointer;
    position: relative
}

.search-icon span#searchopen i.flaticon-search:before {
    color: #fff;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    font-size: 22px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.search-icon span#searchopen i.flaticon-keyboard-right-arrow-button:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    position: absolute;
    bottom: -45px;
    right: 0;
    left: 0;
    margin: 0 auto;
    color: #000;
    display: none;
    opacity: 1
}

.search-icon span#searchopen.active i.flaticon-keyboard-right-arrow-button:before,
.search-icon span#searchopen:hover i.flaticon-keyboard-right-arrow-button:before {
    opacity: 1;
    display: block
}

.search-icon span#searchopen.active i.flaticon-search:before {
    color: #212c65;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    font-size: 22px;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.search-icon span#searchopen:hover i.flaticon-search:before {
    color: #fff;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.fi:before {
    display: inline-block;
    font-family: Flaticon;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

.bank-content h5,
.notfound .text,
.qty div.qty-desc,
.urunAck a.btn-danger,
h4.scrollHead {
    text-transform: uppercase
}

.serti-item .content a {
    float: left;
    padding: 20px 0;
    width: 100%;
    display: block
}

.notfound {
    padding: 60px 0
}

.notfound .text {
    text-align: center
}

.notfound .text h2 {
    font-size: 45px;
    color: #262262;
    font-weight: 300;
    letter-spacing: -1px;
    text-shadow: 0 0 150px #000
}

.notfound .text h3 {
    font-size: 48px;
    color: #1ca4de;
    font-weight: 700;
    letter-spacing: -3px;
    text-shadow: 0 0 150px #8e8e8e
}

.notfound .text a {
    padding: 10px 20px;
    margin-top: 60px;
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0;
    background-color: #262262;
    line-height: 50px;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out
}

.notfound .text a:hover {
    background-color: #000
}

.urunSlider {
    display: none
}

.urunSlider.slick-initialized {
    display: block
}

.arama-sonuc {
    font-family: 'Nunito', sans-serif;
    font-size: 16px;
    font-weight: 600;
    width: 100%;
    color: #00bbd3;
    margin-bottom: 15px
}

.serti-item {
    width: 100%;
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.serti-item:hover {
    border-color: #ed131f
}

.serti-item .icon {
    float: left
}

.serti-item .content {
    padding: 0;
    display: block;
    width: 100%;
    float: left
}

.serti-item .content p {
    margin: 0;
    font-size: 16px!important;
    line-height: normal;
    color: #00bbd3!important;
    font-weight: 700;
    width: 100%!important
}

.serti-item i {
    position: absolute;
    right: 35px;
    top: 22px;
    font-size: 20px;
    font-weight: 200;
    color: #1ca4de
}

.serti-item:last-child {
    border-bottom: none
}

.firma-slide span.slide-show {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in
}

.firma-slide .tablo {
    display: table;
    height: 100%;
    width: 100%
}

.firma-slide .swiper-slide a:hover .slide-show,
.firma-slide .swiper-slide a:hover::Before {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in
}

.firma-slide .swiper-slide a:before,
ul.mr0 li a:before {
    -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in
}

.firma-slide .swiper-slide a:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(42, 67, 91, .59);
    opacity: 0;
    transition: all .5s ease-in
}

.tablo-dokuman.gecmis.mavi-th th {
    background: #eef7fa;
    color: #a0c9da;
    font-weight: 700
}

table input[type=number] {
    width: calc(100% - 10px);
    margin: 5px;
    height: 30px;
    border-radius: 30px;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    border: 1px solid #262262;
    text-align: center
}

.tablo-dokuman.sepetim.sepet-page tr:first-child th:nth-child(5),
.tablo-dokuman.sepetim.sepet-page tr:first-child th:nth-child(6) {
    padding: 0;
    text-align: center
}

.tablo-dokuman.sepetim table tr:first-child th small {
    font-size: 100%!important
}

section.son-gelisme-detay.inner h1 {
    float: left;
    width: 100%;
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
    text-align: left;
    color: #00bbd3;
    margin: 0;
    font-size: 13px
}

section.urunGenelTab ul li {
    list-style-type: initial
}

section.urunGenelTab li,
section.urunGenelTab li span {
    font-size: 14px!important;
    font-weight: 600;
    color: #000;
    position: relative
}

section.urunGenelTab ol li {
    list-style: decimal!important;
    color: #262262!important;
    line-height: 27px
}

section.son-gelisme-detay.inner table {
    width: 100%!important;
    margin-top: 20px
}

section.son-gelisme-detay.inner table tr td {
    padding: 10px;
    border: 1px solid
}

.contact4 .form-div.capt-cont .captcha img {
    border: none!important;
    margin: 0!important;
    height: 50px;
    display: block;
    max-height: 100%
}

.captcha a>img {
    height: auto!important
}

.menu li:nth-child(8):hover span:first-child i:before,
li.uyemenu:hover i:before {
    color: #fff!important
}

.form-div.capt-cont .captcha img {
    border: none!important;
    height: 50px;
    display: block;
    max-height: 100%
}

.urunGenelBaslik table {
    margin: 0
}

.urunGenelBaslik table tr td p {
    padding: 10px 0;
    margin-bottom: 0
}

.urunGenelBaslik table table tr td {
    border: none
}

.urunGenelBaslik table table tr td ul li {
    list-style-type: none!important;
    padding-left: 10px
}

.login-form .wd50 input[type=submit] {
    width: 100%!important
}

a.sertifika-wd {
    width: 100%
}

.urunAck a.btn-danger {
    border: 1px solid #ce0303!important;
    background: #fff!important;
    color: #ce0303
}

.urunAck a.btn-danger:hover {
    color: #fff!important;
    background: #ce0303!important
}

.product-list .sidebar .filter-menu>ul>li>a.active {
    background: #262262;
    color: #fff
}

.filter-menu ul li.opened ul li.active ul {
    display: block
}

.tablo-dokuman.gecmis.mavi-th.norm th {
    width: 33.33%!important
}

.alt.active {
    opacity: 1;
    visibility: visible;
    top: 100%
}

section.cozum-merkezi-genel {
    padding: 50px 0
}

.cozum-kutu {
    height: auto;
    border-radius: 10px;
    overflow: hidden
}

.cozum-bg {
    height: 110px;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: center center!important
}

section.cozum-merkezi-genel a {
    width: 100%;
    position: relative;
    height: auto;
    display: block;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 30px
}

section.cozum-merkezi-genel a:before {
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0);
    background-image: -webkit-linear-gradient(bottom, #000, rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, #000, rgba(0, 0, 0, 0));
    background-image: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
    position: absolute;
    -webkit-transition: all .6s ease-in;
    -o-transition: all .6s ease-in;
    transition: all .6s ease-in;
    opacity: 1;
    height: 43%;
    border-radius: 10px
}

span.cozum-isim {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    padding: 0 20px;
    text-align: center;
    color: #fff
}

section.cozum-merkezi-genel a:hover {
    -webkit-box-shadow: 0 9px 25px -1px rgba(74, 74, 74, .45);
    box-shadow: 0 9px 25px -1px rgba(74, 74, 74, .45);
    -webkit-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    transition: all .4s ease-in
}

section.ref-slider .ov-hid {
    overflow: initial
}

.filter-menu ul li.acilim ul li.active ul li.acilim.active a {
    background: #00bbd3
}

.filter-menu li.opened>a,
.product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>a.active {
    background: #00bbd3!important
}

.filter-menu ul li.opened ul li.active ul li a {
    background: #1d3043!important
}

.product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>ul li.active a {
    background: #00bbd3!important
}

.product-list .sidebar .filter-menu>ul>li>ul>li>ul>li>ul li a {
    color: #fff!important;
    display: block;
    padding-left: 75px!important;
    font-size: 11px
}

.mbl-btn {
    display: none
}

.inline,
.toplam-urun {
    display: inline-block
}

.round #tawkchat-status-icon.away:before,
.round #tawkchat-status-icon.online:before {
    color: #fff!important
}

.tab-orta {
    border-radius: 2px;
    border-top: 2px solid #eef7fa;
    border-bottom: 2px solid #eef7fa
}

.ozelTablo {
    width: auto
}

.ozelTablo tr td {
    border: 1px solid #00bbd3!important;
    text-align: center
}

.toplam-urun {
    margin: 0 0 10px;
    font-size: 14px;
    color: rgba(30, 165, 221, .68);
    font-weight: 300;
    padding-bottom: 10px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    position: relative
}

.toplam-urun span {
    font-weight: 700
}

section.product-list .col-md-9.col-xs-12 {
    padding-right: 0!important
}

.sorgulama .form-div input[type=submit],
a.guncelle {
    height: 50px;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    padding: 0;
    font-style: normal;
    font-stretch: normal
}

.toplam-urun:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px;
    border-bottom: 1px solid rgba(30, 165, 221, .32)
}

.col-left.guncel {
    width: 50%!important
}

a.guncelle {
    border-radius: 30px;
    background-color: #262262;
    font-size: 13px!important;
    font-weight: 600;
    line-height: 45px;
    margin-top: 20px;
    border: 1px solid #262262;
    width: 49%;
    margin-right: 0!important
}

.col-left.guncel a+a {
    width: 49%!important;
    margin-left: 0!important
}

.col-right.guncel {
    width: 50%!important
}

a.guncelle i:before {
    font-size: 18px;
    font-weight: 400;
    margin: 0
}

a.guncelle i {
    position: relative;
    top: 3px
}

.guncelle span {
    padding-right: 0
}

.user .col-right.guncel a.pull-right i:before {
    font-weight: 400;
    margin: 0;
    font-size: 20px
}

.col-left.guncel a+a i {
    position: relative;
    top: 1px
}

.col-right.guncel a {
    width: 48%!important;
    float: left!important;
    margin-left: 2%;
    margin-right: 1%;
    font-size: 13px!important
}

.col-right.guncel a+a {
    margin-right: 0!important;
    margin-left: 1%!important
}

a.guncelle:hover {
    background: #1aa4de;
    border: 1px solid #1aa4de
}

.sorgulama .form-div input[type=submit] {
    width: 179px;
    border-radius: 30px;
    background-color: #262262;
    font-size: 14px;
    font-weight: 600;
    line-height: 50px;
    margin-top: 0;
    border: 1px solid #262262;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.sorgulama .form-div input[type=submit]:hover {
    background: #00bbd3;
    border: 1px solid #00bbd3;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.ozelTablo11 tr td,
.ozelTablo9 tr td {
    border: 1px solid #00bbd3!important;
    color: #262262!important
}

.qty span,
.sepet-page tr td i span {
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in
}

.ozelTablo1,
.ozelTablo10,
.ozelTablo11,
.ozelTablo12,
.ozelTablo13,
.ozelTablo14,
.ozelTablo15,
.ozelTablo2,
.ozelTablo3,
.ozelTablo4,
.ozelTablo5,
.ozelTablo6,
.ozelTablo7,
.ozelTablo8,
.ozelTablo9 {
    width: 100%!important;
    margin-bottom: 10px!important
}

.ozelTablo1 tr td,
.ozelTablo10 tr td,
.ozelTablo12 tr td,
.ozelTablo13 tr td,
.ozelTablo14 tr td,
.ozelTablo15 tr td,
.ozelTablo2 tr td,
.ozelTablo3 tr td,
.ozelTablo4 tr td,
.ozelTablo5 tr td,
.ozelTablo6 tr td,
.ozelTablo7 tr td,
.ozelTablo8 tr td {
    border: 1px solid #00bbd3!important;
    padding: 10px!important;
    color: #262262!important
}

.ozelTablo11 tr td {
    width: 9.09%!important;
    padding: 10px 3px!important
}

.ozelTablo3 tr td {
    width: 33.33%!important
}

.ozelTablo2 tr td {
    width: 50%!important
}

.ozelTablo1 tr td {
    width: 100%!important
}

.ozelTablo4 tr td {
    width: 25%!important;
    padding-bottom: 10px!important
}

.ozelTablo5 tr td {
    width: 20%!important
}

.ozelTablo6 tr td {
    width: 16.66%!important
}

.ozelTablo8 tr td {
    width: 12.5%!important
}

.ozelTablo9 tr td {
    padding: 10px!important;
    width: 11.11%!important
}

.ozelTablo10 tr td {
    width: 10%!important
}

.ozelTablo12 tr td {
    width: 8.33%!important
}

.ozelTablo7 tr td {
    width: 14.28%!important
}

.ozelTablo13 tr td {
    width: 7.69%!important
}

.ozelTablo14 tr td {
    width: 7.14%!important
}

.ozelTablo15 tr td {
    width: 6.66%!important
}

section.urunGenelTab .tab-pane.fade.active.in p {
    color: #262262!important;
    line-height: 27px
}

section.urunGenelTab .tab-pane.fade.active.in img {
    text-align: center!important;
    float: none!important
}

section.urunGenelTab {
    float: left;
    width: 100%
}

section.urunGenelTab .tab-pane.fade.active.in a {
    text-align: center;
    display: inline-block
}

.inline a,
a.guncelleme {
    text-align: center!important
}

section.urunGenelTab .tab-pane.fade.active.in ul li {
    color: #000!important;
    line-height: 27px
}

.inline {
    float: left;
    padding-bottom: 10px
}

.inline:last-child {
    margin-left: 0!important
}

.inline a {
    display: block!important
}

.inline+.inline {
    margin-left: 30px
}

.kucuk-img {
    width: 250px;
    display: inline-block
}

.p0 tr td p {
    padding: 0!important
}

a.guncelleme {
    margin-top: 0;
    font-weight: 700;
    color: #262262;
    padding: 4px 15px;
    background: #f7f7f7;
    border-radius: 27px;
    font-size: 9px
}

a.guncelleme:hover {
    color: #fff;
    background: #00bbd3
}

.fancybox-infobar__body {
    display: none
}

.inline img {
    width: 154px!important
}

.centerla {
    display: table;
    margin: auto
}

.centerla img {
    width: auto;
    display: table;
    margin: 30px auto
}

.sepet-page tr td:last-child i:before {
    margin-right: 0;
    font-size: 20px!important;
    position: relative;
    top: 2px
}

.sepet-page tr td i:before {
    margin-left: 0;
    color: #262262;
    font-size: 17px
}

.sepet-page tr td i span {
    position: absolute;
    top: 100%;
    text-align: center;
    display: block;
    width: 100px;
    background: #262262;
    border-radius: 18px;
    color: #fff;
    font-size: 10px;
    padding: 5px 10px;
    left: -40px;
    right: -40px;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in
}

.fl-left a.guncelleme,
.sepet-page tr td i,
a.guncelleme i {
    position: relative
}

.user .control span,
p.tane {
    font-weight: 400;
    color: #4a4a4a;
    font-family: 'Nunito', sans-serif
}

.sepet-page tr td i:hover span {
    opacity: 1;
    visibility: visible
}

.sepet-page tr td i {
    font-style: normal
}

.sepet-page tr td:nth-child(3) img {
    border: none!important;
    width: 100%!important
}

.siparis-ozet .fl-left {
    width: calc(100% - 242px);
    float: left;
    display: block;
    text-align: center;
    margin-top: 28px;
    padding: 0;
    position: relative;
    overflow: hidden
}

a.guncelleme i {
    padding-right: 7px;
    font-size: 13px;
    top: 1px
}

.fl-left a.guncelleme:first-child::before,
.fl-left a.guncelleme:last-child::before {
    position: absolute;
    height: 1px;
    margin-top: -.5px;
    background: #ececec;
    top: 50%;
    content: ""
}

.fl-left a.guncelleme:first-child::before {
    width: 100px;
    left: -120px
}

.fl-left a.guncelleme:last-child::before {
    width: 40px;
    right: -50px
}

a.guncelleme:nth-child(2) {
    text-align: center
}

a.guncelleme:last-child {
    text-align: right
}

.adres-ekle input[type=submit] {
    width: 49%!important;
    height: 45px!important
}

.user .control span {
    font-size: 12px
}

p.tane {
    font-size: 14px;
    line-height: 2.21;
    margin-bottom: 0
}

.ozelTablo6 .table th {
    background: #f0f7fa!important;
    border: 1px solid #00bbd3!important
}

section.user table {
    margin-top: 0
}

a.btn.btn-out.btn-don {
    width: auto!important;
    padding: 0 40px!important;
    float: left;
    margin-right: 0!important
}

a.siparis-takip.unutulan {
    padding: 0!important;
    margin-left: 0!important;
    float: right!important;
    text-align: right!important;
    margin-right: 10px!important
}

a.btn.btn-black.pull-left,
a.btn.btn-blue.pull-right {
    height: 43px;
    border-radius: 30px;
    background-color: #262262;
    position: relative;
    width: 49%!important;
    padding: 0;
    line-height: 43px;
    margin-right: 1%;
    color: #fff
}

a.btn.btn-black.pull-left:hover,
a.btn.btn-blue.pull-right:hover {
    background: #00bbd3
}

a.ayni-adres {
    color: #262262;
    font-weight: 700;
    padding-top: 10px;
    font-size: 14px!important;
    text-decoration: underline!important
}

a.ayni-adres:hover {
    color: #00bbd3
}

.basket-exp.radius textarea.form-control {
    border-radius: 27px!important
}

.urunGenelTab .tab-content ul {
    margin-left: 20px
}

.urunGenelTab .tab-content ul ul {
    margin-left: 40px
}

.form-div.m-iptal.w100 .control__indicator {
    border-radius: 10px;
    left: 10px
}

.form-div.m-iptal.w100 span {
    padding-left: 10px
}

.fl-right {
    float: right;
    position: relative
}

.fl-right:before {
    content: "";
    position: absolute;
    left: -1000px;
    width: 994px;
    top: 50%;
    margin-top: 10.5px;
    height: 1px;
    background: #ececec
}

.fl-right .fa {
    font-size: 15px;
    top: 1px;
    position: relative;
    left: -5px
}

.orders tr th:nth-child(1) {
    width: 23%!important
}

.orders tr th:nth-child(2) {
    width: 7%!important;
    padding-left: 0
}

.orders tr th:nth-child(3) {
    width: 15%!important
}

.orders tr th:nth-child(4) {
    width: 20%!important
}

.orders tr th:nth-child(5) {
    width: 15%!important
}

.orders tr th:last-child {
    width: 20%!important
}

.orders tr td:nth-child(5) {
    text-align: right;
    padding: 10px 3px
}

.tablolas {
    float: right;
    width: 100%;
    text-align: right
}

.tablolas a+a {
    float: right!important
}

.urunGenelTab ol+ol {
    padding-left: 20px
}

.urunGenelTab ul ol li {
    margin-left: 20px
}

.menu-title.alt-mn h3 {
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    position: relative;
    letter-spacing: normal;
    color: #262262;
    margin: 0;
    border-bottom: 1px solid #a0c9da;
    text-align: left;
    padding-left: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    display: inline-block;
    padding-bottom: 10px!important
}

.fiyati,
ul.mr0 li a {
    font-size: 13px;
    font-weight: 700;
    text-align: left;
    letter-spacing: normal
}

ul.mr0 {
    margin-bottom: 10px
}

.footer-menu .objects .object-item:nth-child(3) h3.block-h3:before {
    display: none
}

.footer-menu .objects .object h3.block-h3 {
    padding-bottom: 0
}

ul.mr0 li a {
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    position: relative;
    font-family: 'Nunito', sans-serif;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.7;
    color: #000;
    width: auto;
    display: inline-block
}

ul.mr0 li a:before {
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    bottom: 0;
    height: 2px;
    background: #00bbd3;
    transition: all .5s ease-in
}

.mr0>ul>li>a:hover {
    color: #00bbd3
}

.mr0>li>a:hover:before {
    width: 100%;
    -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in
}

.fiyati {
    line-height: 21px;
    color: #262262;
    float: left
}

.urunFiyatlandirma {
    display: table;
    margin: 0 auto 10px
}

.urunFiyatlandirma.hidden_price {
    visibility: hidden;
    opacity: 0
}

.tutar {
    float: left;
    padding-left: 4px;
    min-height: 40px
}

.indFiyat {
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    color: #a0c9da;
    min-height: 20px
}

.gercekTutar {
    font-size: 16px;
    font-weight: 800;
    text-align: left;
    color: #262262
}

.hediyeli_urun span,
.yuzdeInd,
.yuzdeInd span {
    text-align: center;
    color: #00bbd3;
    font-weight: 800;
    font-family: 'Nunito', sans-serif
}

.kampanya-slide .urunKisa {
    min-height: 32px
}

.yuzdeInd {
    float: left;
    height: 33px;
    border-radius: 8px;
    border: 1px solid #00bbd3;
    line-height: normal;
    font-size: 11px;
    width: 42px;
    margin-left: 10px;
    padding-top: 3px
}

.hediyeli_urun span,
.yuzdeInd span {
    display: block;
    font-size: 8px;
    text-transform: uppercase
}

.urunDetay .yuzdeInd {
    width: auto;
    padding: 5px 7px;
    height: auto;
    font-size: 14px;
    line-height: 15px;
    float: left;
    margin-left: 0
}

.urunDetay .yuzdeInd span {
    font-size: 12px
}

.urunDetay .urunFiyatlandirma {
    display: inline-block;
    float: left!important;
    margin: initial!important;
    padding-left: 10px
}

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

.urunDetay .gercekTutar {
    font-size: 17px;
    font-weight: 800
}

.urunDetay .tutar {
    padding-left: 0
}

.qty {
    position: relative;
    margin-right: 15px;
    display: inline-block;
    margin-left: 15px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .06);
    background-color: #fff;
    overflow: hidden;
    border-radius: 28px;
    border: 1px solid #dfebef;
    margin-bottom: 0
}

.qty span,
.select_biltek {
    display: -webkit-box;
    display: -ms-flexbox;
    position: absolute;
    cursor: pointer
}

.qty span {
    top: 0;
    height: 100%;
    width: 35px;
    background: #fff;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #a0c9da;
    font-size: 15px;
    font-weight: 900;
    transition: all .3s ease-in;
    z-index: 9
}

.qty span:hover,
.satin-alma input[type=button] {
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in
}

.qty span:hover {
    background: #a0c9da;
    transition: all .3s ease-in;
    color: #fff
}

.qty div.qty-desc,
.qty input {
    color: #262262;
    font-weight: 700;
    text-align: center
}

.qty .qty-plus {
    right: 0;
    border-left: 1px solid #a0c9da
}

.qty input {
    line-height: 45px;
    padding: 0 35px;
    width: 120px;
    height: 48px;
    border-radius: 48px;
    border: none!important;
    font-size: 13px
}

.qty div.qty-desc {
    position: absolute;
    font-size: 11px;
    left: 0;
    right: 0;
    bottom: 0
}

.satin-alma,
.selections {
    position: relative;
    width: 50%;
    float: left
}

.qty .qty-minus {
    left: 0;
    border-right: 1px solid #a0c9da
}

.satin-alma input[type=button] {
    width: 100%;
    height: 50px;
    border-radius: 28.5px;
    background-color: #00bbd3;
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    padding-left: 30px;
    transition: all .3s ease-in;
    border: 0
}

.satin-alma i:before {
    margin: 0;
    color: #fff;
    font-size: 15px
}

.satin-alma i {
    position: absolute;
    left: 27px;
    top: 14px
}

.p_groups {
    float: left;
    width: 50%
}

.satin-alma input[type=button]:hover {
    background: #262262;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.select_biltek {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc(100% - 105px);
    right: 0;
    overflow: hidden;
    border-radius: 16.5px;
    border: 1px solid #dfebef
}

.select_biltek .option {
    padding: 3px 20px 3px 10px;
    height: 33px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    width: 100%;
    pointer-events: none;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    z-index: 3;
    -webkit-transition: background .4s ease-in-out;
    -o-transition: background .4s ease-in-out;
    transition: background .4s ease-in-out;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    background-color: #eef7fa;
    border: 1px solid #dfebef;
    font-family: 'Nunito', sans-serif;
    font-size: 11px;
    font-weight: 600;
    font-style: normal;
    text-align: left!important;
    color: #00bbd3;
    overflow: hidden;
    top: 0
}

.select_biltek input:checked+label:before {
    background: 0 0!important
}

.select_biltek .option:hover {
    background: #fff
}

.select_biltek:focus .option {
    position: relative;
    pointer-events: all
}

.select_biltek input {
    opacity: 0;
    position: absolute;
    left: -99999px
}

.select_biltek input:checked+label {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    z-index: 5;
    border-top: none;
    position: relative;
    text-align: center
}

.select_biltek input:checked+label:after {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #00bbd3;
    position: absolute;
    right: 15px;
    top: calc(50% - 2.5px);
    pointer-events: none;
    z-index: 3
}

.select_biltek.wd100 ul li:first-child:after,
i.icons {
    top: 23px
}

.select_biltek input:checked+label:before {
    position: absolute;
    right: 0;
    height: 40px;
    width: 40px;
    -webkit-transition: background .4s ease-in-out;
    -o-transition: background .4s ease-in-out;
    transition: background .4s ease-in-out
}

.fl-left .wd50,
span.secim-kalbr {
    position: relative
}

span.secim-kalbr {
    float: left;
    width: 105px;
    font-family: 'Nunito', sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 32px;
    text-align: left;
    color: #262262;
    padding-left: 0
}

.select-biltek ul li:last-child label {
    border-radius: 30px!important;
    overflow: hidden
}

.select_biltek.one {
    margin-right: 0
}

.select_biltek ul li:last-child:hover label {
    border-bottom-left-radius: 16.5px;
    border-bottom-right-radius: 16.5px
}

.select_biltek ul li:first-child label,
.select_biltek ul li:first-child:hover label {
    border-top-left-radius: 16.5px;
    border-top-right-radius: 16.5px
}

.select_biltek ul li:first-child:hover label {
    border-top-left-radius: 16.5px
}

span.secim-kalbr i {
    font-style: normal;
    padding-left: 10px
}

.fl-left {
    float: left;
    width: 100%;
    padding: 0 20px
}

.urunDetay .w100+.w100 .fl-left {
    padding: 0;
    margin-top: 30px
}

.fl-left+.fl-left {
    margin-top: 20px
}

a.teklif-iste.demo i {
    position: relative;
    left: -5px
}

.select_biltek.wd100 {
    width: calc(100% - 30px);
    left: 15px;
    right: 15px;
    border-radius: 37px
}

.select_biltek.wd100 .option {
    min-height: 50px;
    overflow: hidden
}

.select_biltek.wd100 ul li:first-child:hover label {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.form-div.marginSelect {
    margin-top: 70px
}

.sepet-page tr td i.fa-try {
    padding-left: 3px
}

.sepet-page tr td i.fa-try:before {
    font-size: 13px
}

.select_biltek.wd100 ul {
    max-height: 300px;
    overflow-x: hidden!important
}

.select_biltek.wd100:focus {
    border-radius: 17px;
    overflow-y: scroll;
    max-height: 300px;
    overflow-x: hidden
}

.select_biltek.wd100 ul li:first-child label {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: 0!important
}

.select_biltek.wd100 li:first-child .option:hover {
    background: #eef7fa!important
}

i.icons {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #00bbd3;
    position: absolute;
    right: 22px;
    z-index: 99
}

section.son-gelisme-detay.inner ul li {
    float: left;
    width: 100%;
    list-style-type: initial!important
}

section.indirim-alani p {
    font-size: 14px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: normal;
    text-align: left;
    color: #262262
}

.col-left.wdYuzde {
    width: 80%
}

.col-right.wdYuzde {
    width: 20%
}

.f-bulten.active .menu-title h3 {
    color: #00bbd3!important
}

.he159 {
    height: 153px!important
}

.siparis-ozet {
    float: left;
    width: 100%
}

.siparis-ozet-btn {
    width: 242px;
    background: #f9f7fa;
    overflow: hidden;
    border-bottom-right-radius: 17px;
    border-bottom-left-radius: 17px;
    border: 1px solid #eef7fa
}

.siparis-ozet-btn ul li {
    float: left;
    width: 100%;
    text-align: left;
    color: #000;
    font-size: 12px;
    padding: 6px 6px 6px 20px;
    border-bottom: 1px solid #ececec
}

.siparis-ozet-btn ul li span+span i {
    padding-left: 5px
}

.siparis-ozet-btn ul li:last-child {
    border: none
}

.siparis-ozet-btn ul li span {
    float: left;
    width: 50%
}

.siparis-ozet-btn ul li span+span {
    width: 50%;
    text-align: right;
    font-weight: 700;
    position: relative
}

.siparis-ozet-btn ul li span+span:before {
    content: ":";
    left: 0;
    position: absolute
}

.sepet-page {
    border-bottom-right-radius: 0
}

.siparis-ozet .col-right {
    width: 242px;
    overflow: hidden
}

.coupon a {
    font-weight: bolder;
    text-align: center;
    display: block;
    padding-bottom: 10px
}

.content {
    padding: 10px 0 0
}

.add-coupon input {
    float: left;
    width: 54%!important;
    height: 40px!important;
    margin-right: 1%
}

.add-coupon input[type=submit] {
    width: 43%!important;
    margin-left: 1%!important;
    text-align: center;
    padding-left: 0;
    border: none;
    color: #fff;
    background: #00bbd3;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.coupon {
    padding-top: 8px
}

.add-coupon input[type=submit]:hover {
    background: #262262;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.col-right.guncel a.pull-right {
    width: 242px!important;
    margin-top: 5px
}

.user .col-right.guncel a.pull-right {
    margin-top: 20px
}

.add-coupon {
    display: none
}

.col-md-5.col-sm-5.col-xs-12.pad0 {
    padding: 0 20px 20px
}

.bank-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 210px;
    padding: 20px 0;
    border-bottom: 1px solid #00bbd3
}

.bank-img {
    float: left;
    border: 1px solid #00bbd3;
    padding: 55px 15px;
    margin-right: 15px
}

.bank-img img {
    display: block;
    max-width: 160px;
    max-height: 50px
}

.bank-content h5 {
    margin: 0 0 10px;
    font-weight: 700;
    color: #00bbd3;
    display: block;
    font-size: 13px
}

.bank-content p {
    margin: 0;
    color: #000;
    line-height: 27px!important;
    font-size: 12px
}

.bank-content .title {
    font-weight: 700;
    border: none;
    padding: 0;
    margin: 0;
    color: #262262;
    font-size: 12px
}

section.banks {
    padding: 40px 0
}

.bank-content .title:after {
    display: none
}

.wd50.longtxt span {
    line-height: normal
}

.wd50.longtxt .select_biltek ul {
    overflow: hidden;
    position: relative
}

.fl-left .wd50+.wd50 {
    padding-left: 20px
}

.activeInput {
    width: 510px!important
}

.select_biltek ul:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #00bbd3;
    position: absolute;
    right: 8px;
    top: 13px;
    z-index: 99
}

div#video tr td a {
    line-height: 25px;
    text-align: left;
    padding: 10px 20px
}

section.son-gelisme-detay.inner ol li,
section.son-gelisme-detay.inner ul li,
section.son-gelisme-detay.inner ul li span {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 23px;
    letter-spacing: normal;
    text-align: left;
    color: #262262 !important;
    list-style: outside!important
}

section.son-gelisme-detay.inner ul li a,
section.son-gelisme-detay.inner ul li a span {
    color: #6792bd !important;
}

section.son-gelisme-detay.inner ul li a:hover,
section.son-gelisme-detay.inner ul li a:hover span {
    color: #262262 !important;
}

section.son-gelisme-detay.inner ol,
section.son-gelisme-detay.inner ul {
    margin-left: 10px!important;
    float: left;
    width: 100%
}

section.son-gelisme-detay.inner ol li {
    list-style-type: decimal!important
}

.blog-item .content ol,
.blog-item .content ul {
    display: table;
    padding-left: 15px
}

.blog-item .content ol li,
.blog-item .content ul li {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.9;
    letter-spacing: normal;
    text-align: left;
    color: #262262;
    list-style-type: inherit!important
}

.iletisim-nav li a,
.urunDetay .w100 p {
    font-weight: 600;
    letter-spacing: normal
}

section.urunGenelTab .tab-pane.fade.active.in p a {
    display: inline-block
}

.row.album-arsiv .col-md-3.col-sm-6.col-xs-12 {
    min-height: 280px
}

.marginEksi {
    margin-top: -38px!important
}

a.cargo_track {
    padding: 12px 30px;
    width: 100%;
    text-align: center;
    background: #00bbd3;
    color: #fff;
    position: relative;
    overflow: hidden;
    display: block
}

a.cargo_track i {
    margin-right: .8rem;
    position: absolute;
    left: 12px;
    top: 6px;
    -webkit-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    transform: rotate(25deg);
    color: rgba(255, 255, 255, .78);
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    font-size: 23px
}

a.cargo_track:hover {
    border: none!important;
    background: #262262!important
}

a.cargo_track:hover i {
    color: rgba(255, 255, 255, 1);
    left: 12px;
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
    top: 9px
}

a.twoTd span {
    width: 100%;
    font-size: 14px;
    display: inline;
    padding-left: 3px
}

a.twoTd {
    width: 100%;
    padding-top: 3px;
    border-top: 1px solid #eef7fa
}

i.fa.fa-flag {
    margin-right: 0!important;
    top: 3px;
    position: relative
}

th.right {
    text-align: right
}

.tablo-dokuman.sepetim table tr:first-child th:last-child {
    padding: 0
}

button.slick-next.slick-arrow,
button.slick-prev.slick-arrow {
    display: none!important
}

.gercekTutar span,
.indFiyat span {
    font-size: 12px
}

.teklif-detay tr td:nth-child(4) img {
    text-align: center;
    left: 0!important;
    width: 140px!important
}

.header .col-right .header-abs a span img {
    width: 35px
}

a.text-danger {
    color: #3eb2e3
}

a.text-danger i:before {
    font-size: 14px;
    margin: 0 2px 0 0;
    color: #1ca4de;
    position: relative;
    top: 1px
}

a.text-danger i {
    width: inherit!important;
    height: inherit!important;
    border-radius: 0!important;
    display: inherit!important;
    -webkit-box-align: inherit!important;
    -ms-flex-align: inherit!important;
    align-items: inherit!important;
    background: 0 0!important
}

.urunDetay .w100 p {
    font-size: 11px;
    line-height: normal;
    text-align: left;
    color: #000;
    position: relative
}

.urunDetay .w100 p a {
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.urunDetay .w100 p a img {
    width: 85px;
    padding-right: 20px
}

.urunDetay .w100 p a:hover {
    color: #1ca4de
}

.netes_ekstra+.netes_ekstra {
    padding-top: 0;
    border-top: 1px solid #eef7fa
}

.multi_button {
    position: relative;
    float: left
}

.ekstra_div {
    border: 2px solid #eef7fa;
    border-radius: 10px;
    padding: 24px 20px;
    float: left;
    width: 100%;
    position: relative;
    height: 129px;
    display: inline-block;
    align-items: center
}

.ekstra_div+.ekstra_div {
    margin-top: 30px
}

span.percentage {
    position: absolute;
    top: 8px;
    right: -42px;
    padding: 4px 9px;
    background: #1ca4de;
    color: #fff;
    border-radius: 40px;
    font-size: 10px
}

p.eksta_desc {
    margin-bottom: 0;
    padding-bottom: 15px;
    padding-left: 6px;
    float: left;
    width: 100%;
    margin-top: 11px;
    line-height: 24px!important;
    min-height: 87px
}

.w50.wextra .ekstra_desc {
    min-height: 87px!important
}

.w50.wextra p.eksta_desc {
    min-height: initial
}

.eksta_desc span {
    background: #eef7fa;
    color: #00bbd3;
    padding: 4px 14px;
    border-radius: 12px;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

a.multi_logout_button {
    background: #ab4745;
    border: none!important;
    color: #fff!important;
    position: absolute!important;
    border-radius: 28px!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 19px!important;
    top: 4px;
    right: 5px;
    height: 37px
}

a.multi_logout_button:focus,
a.multi_logout_button:hover {
    background: #833735!important
}

.iletisim-nav,
.iletisim-nav li a {
    background: #f6fcff
}

.multi_button a:first-child {
    padding-right: 70px!important
}

a.multi_logout_button span {
    position: relative;
    top: -2px
}

.netes_ekstra+.netes_ekstra .percentage {
    top: 14px
}

ul.wdt50 li {
    width: 50%!important
}

.ref-nav .swiper-button-prev {
    color: inherit
}

.cont {
    padding-top: 0
}

.iletisim-nav li a {
    line-height: 75px;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-stretch: normal;
    color: #a0c9da;
    border-right: 1px solid #a0c9da;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 40px;
    border-radius: 0
}

.iletisim-nav li.active a {
    background: #fff!important;
    color: #262262
}

.iletisim-nav li:first-child a {
    border-left: 1px solid #a0c9da
}

.sube {
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    color: #000
}

.who.desk {
    margin-top: 20px
}

.contact4 .col-md-12.col-sm-12.col-xs-12 {
    padding-left: 0;
    padding-right: 0
}

.gercekTutar small,
.indFiyat small {
    font-size: 8px
}

.w50 {
    width: 48%;
    float: left;
    margin-right: 2%
}

.w50+.w50 {
    margin-right: 0;
    margin-left: 2%
}

.kampanya-little h3 {
    margin: 0 0 17px;
    font-size: 11px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    position: relative
}

.urunDetay .w100 p br {
    display: none
}

div#kampanya-little-slider {
    margin: 0
}

.kampanya-little .benzer-slide-item {
    padding: 0
}

.kampanya-little {
    padding: 0 20px
}

.kampanya-little a.slick-slide {
    padding: 10px;
    border-radius: 10px;
    border: 2px solid #eef7fa;
    margin: 10px
}

.kampanya-little ul.slick-dots {
    padding: 10px 0
}

.kampanya-little a.slick-slide span.urunTanim {
    float: left;
    padding: 0;
    font-size: 11px;
    max-height: 17px;
    text-align: center;
    width: 100%;
    margin: 3px 0
}

.kampanya-little a.slick-slide span.urunKisa {
    margin: 0!important;
    padding: 0!important;
    max-height: 17px;
    float: left;
    width: 100%;
    min-height: auto;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.kampanya-little .slick-slide img {
    width: 85px;
    display: table;
    margin: auto
}

.urunDetay .w100 p.ekstra_desc {
    border: none
}

.kampanya-little a.slick-slide span {
    transition: all .3s ease
}

.kampanya-little a.slick-slide span:hover {
    color: #00bbd3
}

li.inp {
    line-height: 12px;
    position: relative;
    overflow: hidden
}

.w50.wextra {
    width: 100%;
    margin-right: 0
}

.w50.wextra .ekstra_div {
    display: inline-block;
    height: auto;
    margin-bottom: 10px
}

.ekstra_div.scrolla_display {
    max-height: 163px;
    overflow-y: scroll;
    margin-bottom: 12px;
    padding-right: 21px
}

.ekstra_div.scrolla_display .percentage {
    right: -12px
}

.ekstra_div.scrolla_display::-webkit-scrollbar-thumb {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.scrolla_display p a {
    padding-right: 30px
}

.ekstra_div.scrolla_display::-webkit-scrollbar-track {
    border-bottom-right-radius: 10px;
    position: relative;
    border-top-right-radius: 10px
}

.ozet {
    color: #f8f4f4!important;
    line-height: 27px;
    font-weight: 600
}

.urunTanitimImg img {
    width: 140px
}

.slider_w100 {
    width: 100%!important
}

p.eksta_desc.mHeight {
    min-height: inherit
}

.scrollArea {
    max-height: 400px;
    overflow-y: scroll;
    padding: 18px;
    float: left;
    width: 100%;
    color: #262262!important;
    line-height: normal;
    border-radius: 20px 0 0 20px;
    background: #f5f5f5;
    box-shadow: 0 8px 15px -3px rgba(0, 0, 0, .24)
}

.scrollArea ol li,
.scrollArea ul li {
    font-size: 12px!important;
    font-weight: 600;
    color: #000;
    position: relative
}

.scrollArea p {
    font-size: 12px!important
}

.scrollArea table.productsL tr:first-child {
    background: #262262;
    color: #fff
}

.scrollArea table.productsL tr:first-child td {
    color: #fff!important;
    border: 1px solid #162430!important;
    font-size: 9px
}

.scrollArea tr td {
    font-size: 9px
}

h4.scrollHead {
    font-size: 19px;
    color: #262262;
    font-weight: 700;
    text-align: center;
    margin: 32px 10px 6px;
    position: relative
}

h4.scrollHead:after {
    position: absolute;
    width: 20px;
    height: 2px;
    background: #262262;
    content: '';
    bottom: 0;
    left: 0
}

.sozlesmeDetay ol li,
.sozlesmeDetay ul li {
    float: left!important;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.9;
    letter-spacing: normal;
    text-align: left;
    color: #262262;
    font-size: 14px!important
}

.sozlesmeDetay ol li {
    list-style-type: decimal;
    margin-left: 17px;
    width: calc(100% - 17px)
}

.sozlesmeDetay ul li {
    list-style-type: initial!important;
    margin-left: 17px;
    width: calc(100% - 17px)
}

h4.scrollHead.inlineS {
    display: table;
    margin: 30px auto;
    text-align: left;
    position: relative
}

h4.scrollHead.inlineS:after {
    bottom: auto;
    top: 50%;
    margin-top: -1px;
    left: -86px;
    width: 70px
}

h4.scrollHead.inlineS:before {
    content: "";
    position: absolute;
    bottom: auto;
    top: 50%;
    margin-top: -1px;
    right: -86px;
    left: auto;
    height: 2px;
    background: #262262;
    width: 70px
}

.scrollArea.sozlesmeDetay p {
    font-size: 14px!important;
    font-weight: 300!important
}

.head h4,
.scrollArea.sozlesmeDetay p strong {
    font-weight: 600
}

.scrollArea.sozlesmeDetay tr td {
    font-size: 13px
}

.scrollArea.sozlesmeDetay p a span {
    color: #262262!important
}

.head h4 {
    margin-bottom: 20px;
    color: #262262;
    margin-top: 0
}

.wd100 .head {
    padding-top: 25px;
    border-top: 1px solid #262262;
    margin-top: 15px
}

.newProduct {
    width: 42px;
    height: 33px;
    border-radius: 8px;
    background: #262262;
    line-height: 33px;
    color: #fff;
    font-size: 10px;
    float: left;
    margin-left: 5px;
}

.inCampaign {
    width: 72px;
    height: 33px;
    border-radius: 8px;
    background: #00bbd3;
    line-height: 33px;
    color: #fff;
    font-size: 10px;
    float: left;
    margin-left: 5px;
}

.yuzdeInd {
    margin-left: 5px;
}

.hediyeli_urun {
    margin-left: 5px;
}
.cardItems {
    display: flex;
    justify-content: center;
}

.cardItems img {
    width: 91px;
    /* max-height: 60px; */
    padding-left: 7px;
    height: 90px;
}
.cardItems img:last-child{
    max-width: 72px;
    width: 70px;
}
 
.blog-detay .blog-item img {
    width: auto !important;
    height: auto !important;
    padding: 30px 0;
}

.blog-item .content p img {
    padding-right: 10px;
}