body {
  /*  font-family: 'Roboto', sans-serif;*/
    max-width: 100%;
    background: #ffffff;
    font-family: 'Montserrat', sans-serif;
}

a {
    color: #25292c;
    text-decoration: none;

    transition: 0.3s ease all;
    font-family: 'Montserrat', sans-serif;
}

a:focus, img:focus {
    outline: none !important;
}

*:focus {
    outline: unset !important;
}

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

*:focus {
    outline: unset !important;
}

* {
    font-weight: 500;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-family: 'Montserrat', sans-serif;
}

b {
    font-weight: bold;
}

img {
    max-width: 100%;
}

.urunDetay{
    padding-top: 25px;
    background-color: #f4f7fc;
    margin-bottom: 0px;
}

.urunhesaplamabilgi{display: inline-flex;width: 100%;border-top: 1px solid #c7ced6;padding-top: 10px;}

.urunhesaplamabilgi .icon{
    text-align: center;
}

.urunhesaplamabilgi .icon img{
    max-width: 75%;
}

.urunhesaplamabilgi .yazi{
    font-size: 15px;
    color: #9dacbd;
    margin-left: 10px;
    padding: 0px 0px;
}

.urunhesaplamabilgi .yazi span{
    display: block;
    width: 100%;
    color: #ff4092;
    font-size: 15px;
}


header {
    z-index: 3;
    position: relative;
}

header .infobar {background: #ffffff;padding: 13px 0px;border-bottom: 1px solid #bdbdbd;background: #405264;}

/*header .infobar span {color: #ffffff;font-size: 14px;font-weight: 300;}

header .infobar a {color: #ffffff;font-size: 14px;font-weight: 300;display: inline-block;font-weight: 300;}

header .infobar a i {

    margin-right: 5px;
}*/

header .logobg {

    background: #fff;

    padding: 20px 0px;
}

header .logobg .logo {}

header .logobg .logo img {width: 200px;margin-top: 0px;}

header .logobg .sepetuye .profil-dropdown:hover .profil {
    background: #9dacbd;
    color: #fff;
}

header .logobg .sepetuye .profil-dropdown .profil .img span {
    width: 18px;
    height: 18px;
    position: absolute;
    color: #fff;
    border-radius: 100%;
    background: #1877f2;
    font-size: 11px;
    display: flex;
    justify-content: center;
    align-items: center;
    right: -5px;
    top: -5px;
}

header .logobg .sepetuye .profil-dropdown .profil .img {
    position: relative;
    width: 26px;
    height: 25px;
    background-color: #fff;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

header .logobg .sepetuye .profil-dropdown:hover .profil:after {
    color: #fff;
    transform: rotate(-180deg);
}

header .logobg .sepetuye .profil-dropdown .profil:after {
    content: "\f107";
    font-family: FontAwesome;
    color: #ffffff;
    position: absolute;
    right: 16px;
    transition: 0.3s ease all;
}

header .logobg .sepetuye .profil-dropdown .profil {
    background: #3076f4;
    border-radius: 4px;
    transition: 0.3s ease all;
    padding: 13.5px 16px;
    color: #ffffff;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    min-width: 180px;
}

header .logobg .sepetuye .profil-dropdown {
    position: relative;
    text-align: left;
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
}

header .logobg .sepetuye .profil-dropdown:hover .dropdownn {
    max-height: 500px;
    padding: 10px 0px;
}

header .logobg .sepetuye .profil-dropdown .dropdownn ul:before {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    background: #c1d0d7;
    transform: rotate(45deg);
    z-index: -1;
    right: 8px;
}

header .logobg .sepetuye .profil-dropdown .dropdownn {
    max-height: 0px;
    overflow: hidden;
    transition: 0.3s ease all;
    position: absolute;
    left: 0px;
    right: 0px;
    z-index: 2;
    border-radius: 4px;
}

header .logobg .sepetuye .profil-dropdown .dropdownn ul {list-style-type: none;padding: 0px;margin: 0px;position: relative;background: #405264;border-radius: 4px;color: white;}

header .logobg .sepetuye .profil-dropdown .dropdownn ul > li {

}

header .logobg .sepetuye .profil-dropdown .dropdownn ul > li:nth-child(even) a {background: #9dacbd;}

header .logobg .sepetuye .profil-dropdown .dropdownn ul > li:first-child > a {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

header .logobg .sepetuye .profil-dropdown .dropdownn ul > li:last-child > a {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

header .logobg .sepetuye .profil-dropdown .dropdownn ul > li:hover > a {background: #9dacbd;color: #fff;}

header .logobg .sepetuye .profil-dropdown .dropdownn ul > li:hover > a i {

    color: #fff;

    transform: scale(2.5);

    opacity: 0.2;
}

header .logobg .sepetuye .profil-dropdown .dropdownn ul > li > a i {color: #ffffff;margin-right: 10px;font-size: 22px;vertical-align: middle;position: absolute;left: 20px;width: 20px;text-align: center;transition: 0.3s ease all;}

header .logobg .sepetuye .profil-dropdown .dropdownn ul > li > a span {

    width: 18px;

    height: 18px;

    position: absolute;

    right: 16px;

    background: #1877f2;

    border-radius: 100%;

    font-size: 11px;

    display: flex;

    justify-content: center;

    align-items: center;

    top: calc(50% - 9px);

    color: #fff;
}

header .logobg .sepetuye .profil-dropdown .dropdownn ul > li > a {display: block;font-weight: 400;height: 46px;color: #ffffff;padding: 10px 20px;position: relative;overflow: hidden;padding-left: 50px;}

header .logobg .sepetuye {
    padding: 0px 0px;
    display: inline-flex;
    vertical-align: middle;
    margin-left: 10px;
}

header .logobg form {
    /*
        display: inline-flex;

        justify-content: center;

        align-items: center;

        max-width: 400px;

        width: 100%;

        margin: 5px 20px 5px 5px;*/
}

header .logobg form input {

    /*border-radius: 4px;

    background-color: rgba(255, 255, 255, 0.902);

    box-shadow: 0px 0px 10px 0px rgba(72, 48, 143, 0.2);

    color: #909b9f;

    border: 1px solid transparent;

    padding: 12px 20px;

    width: calc(100% - 58px);

    display: inline-block;

    margin-right: 8px;*/
}

header .logobg form input:focus {
    border: 1px solid #000;

}

header .logobg form .btn .icon {

    height: 22px;

    width: 20px;

    background: url('../img/searchicon.png');

    display: inline-block;

    background-position: center;

    background-size: contain;

    background-repeat: no-repeat;
}

header .logobg .btn-icon {margin: 5px 0px;border-radius: 4px;margin: 0 auto;margin-left: 10px;color: #575656;min-height: 54px;}

header .logobg .btn-basket i > span {
    font-family: Roboto;
    width: 15px;
    height: 15px;
    position: absolute;
    color: #fff;
    border-radius: 100%;
    background: #1877f2;
    font-size: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 5px;
    top: -5px;
}

header .logobg .btn-basket i {
    padding-right: 10px;
    position: relative;
    margin-right: 10px;
    line-height: 20px;
    display: inline-block;
    border-right: 1px solid #3c5085;
}

header .logobg .btn-icon .usericon1 {display: inline-block;min-width: 20px;height: 20px;border-right: 1px solid #575656;vertical-align: middle;background: url('../img/usericon.png');padding-right: 25px;background-position: center left;background-repeat: no-repeat;margin-right: 5px;color: #575656;}

header .logobg .btn-icon .usericon2 {display: inline-block;min-width: 20px;height: 20px;border-right: 1px solid #575656;vertical-align: middle;background: url(../img/usericon2.png);padding-right: 25px;background-position: center left;background-repeat: no-repeat;margin-right: 5px;}

header .menu {
    background: #3076f4;
    border-bottom: 1px solid #bdbdbd;
    border-top: 1px solid #bdbdbd;
}

header .menu .tumUrunler:hover {
    background: #f39307;
    color: #f2f8fd;
}

header .menu .tumUrunler {font-weight: 500;line-height: 60px;padding: 0px 21px;display: inline-block;color: #3d425f;vertical-align: top;}

header .headMenu .kategoriMenuBtn {
    text-align: center;
    line-height: 61px;
    color: #3d4260;
    display: inline-block;
    width: 61px;
    font-size: 28px;
    background: #fff;
}

header .headMenu.active .kategoriMenuBtn, header .headMenu:hover .kategoriMenuBtn {
    background: #fff;
    color: #f39307;
}

header .headMenu {

    display: inline-block;
}

header .headMenu.active {

}

header .headMenu.active .kategoriMenu, header .headMenu:hover .kategoriMenu {
    max-height: 400px;
    opacity: 1;
    overflow-y: auto;
}

header .headMenu .kategoriMenu {
    opacity: 0;
    position: absolute;
    top: 100%;
    right: 0px;
    border-top: 1px solid #e6f0f3;
    background: #fff;
    left: 0PX;
    max-height: 0px;
    overflow: hidden;
    transition: 0.3s ease all;
}

header .headMenu .kategoriMenu ul {

    list-style-type: none;

    padding: 0px;

    margin: 0px;
}

header .headMenu .kategoriMenu ul > li {

    border-bottom: 1px solid #e6f0f3;
}

header .headMenu .kategoriMenu ul > li > a:after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    color: #c1d0d7;
    right: 15px;
    top: 15px;
}

header .headMenu .kategoriMenu ul > li:hover > a:after {
    color: #646b70;
}

header .headMenu .kategoriMenu ul > li:hover > a {
    background-color: #e6f0f3;
    color: #646b71;
}

header .headMenu .kategoriMenu ul > li > a {
    position: relative;
    display: block;
    padding: 13px 20px;
    color: #25292c;
    font-weight: 500;
}

header .menu #ustmenul {position: relative;}

header .menu #ustmenul .hesaplabtn{
    font-weight: 400;
    display: inline-block;
    vertical-align: top;
    position: absolute;
    font-size: 18px;
    color: #fff;
    right: 0px;
}

header .menu #ustmenul .hesaplabtn i{
    margin-left: 5px;
}

header .menu .navbar {
    padding: 0px;
}

header .menu #ustmenul ul {display: inline-block;width: 100%;}

header .menu #ustmenul ul > li {
    position: relative;
    display: inline-block;
    text-align: left;
}

header .menu #ustmenul ul > li:hover a{
}

header .menu #ustmenul ul > .hesaplama > a{
}

header .menu #ustmenul ul > .menumavi > a{
}

#ustmenul > ul > li.hesaplama > ul > li:nth-child(1){
        border-top: 1px solid #c3ddf7;
}

header .menu #ustmenul ul > li > a > i{
    font-size: 11px;
    position: relative;
    top: -1px;
}

header{
    position: relative;
}
header:after{
    content: '';
    position: absolute;
    right: 0px;
    left: 0px;
    bottom: -26px;
    height: 30px;
    background-image: url('../img/headergolge.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: -1;
}




header .menu #ustmenul ul > li:hover > a {
}


.form-control {

}

.btn {font-size: 16px;font-weight: 500;border-radius: 4px;box-shadow: 0px 0px 10px 0px rgba(72, 48, 143, 0.2);max-height: 50px;padding: 14px 14px;transition: 0.3s ease all;}

.btn.btn-sm {
    padding: 9px 25px;
    font-size: 16px;
    line-height: 16px;
}

.btn.btn-xs {

}

.btn.btn-warning:not(:disabled):not(.disabled):hover, .btn.btn-warning:not(:disabled):not(.disabled):focus, .btn.btn-warning:not(:disabled):not(.disabled):active {
    color: #f39306;
    background: transparent;
    border-color: #f39306;
}

.btn.btn-warning {
    background-color: #1877f2;
    color: #fff;
    border: 2px solid #f39306;
}

.btn.btn-default:not(:disabled):not(.disabled):hover, .btn.btn-default:not(:disabled):not(.disabled):focus, .btn.btn-default:not(:disabled):not(.disabled):active {
    color: #575656;
    background: #fdfcf2;
    border-color: #57565638;
}

.btn.btn-default {
    background-color: #fdfcf2;
    color: #fdc300;
    border: 1px solid #fdfcf2;
    border-bottom: 2px solid #fdfcf2;
    box-shadow: unset;
    box-shadow: 0px 12px 20px 0 #b7b6ac3b;
}

.btn.btn-primary:not(:disabled):not(.disabled):hover, .btn.btn-primary:not(:disabled):not(.disabled):focus, .btn.btn-primary:not(:disabled):not(.disabled):active {
    color: #1877f2;
    background: #ffffff;
    border-color: #1877f2;
    box-shadow: 0px 10px 10px 0px rgba(143, 65, 48, 0.1);
}

.btn.btn-primary {
    background-color: #1877f2;
    color: #fff;
    border: 1px solid #1877f2;
    box-shadow: 0px 12px 20px 0 rgb(24, 119, 242,0.5);
}

.btn.btn-success:not(:disabled):not(.disabled):hover, .btn.btn-success:not(:disabled):not(.disabled):focus, .btn.btn-success:not(:disabled):not(.disabled):active {
    color: #3076f4;
    background: transparent;
    /* border-color: #57565638; */
}

.btn.btn-success {
    background: #3076f4;
    color: #fff;
    border: 1px solid #ffffff;
    box-shadow: unset;
    border-bottom: 2px solid #3076f4;
    box-shadow: 0px 12px 20px 0 #3076f433;
}



.container.newrow {
    padding-left: 5px;
    padding-right: 5px;
}

.row.newzero > div {
    padding-left: 0px;
    padding-right: 0px;
}

.row.newzero {
    margin-left: -0px;
    margin-right: -0px;
}

.row.newrow > div {
    padding-left: 5px;
    padding-right: 5px;
}

.row.newrow {
    margin-left: -5px;
    margin-right: -5px;
}

section.anasayfaBanner {
    background-color: #d0d0d0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

section.anasayfaBanner .row {
    margin-left: -5px;
    margin-right: -5px;
}

section.anasayfaBanner .row > div {
    padding: 0px 5px;
}

section.anasayfaBanner .solbanner {
    width: 100%;
    display: block;
    height: 100%;
}

section.anasayfaBanner .solbanner div {width: 100%;height: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;}

section.anasayfaBanner .swiper-slide {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
    background-color: white;
    border-radius: 5px;
    min-height: 410px;
}

section.anasayfaBanner .swiper-slider .sliderCover {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;

    text-align: center;
    bottom: 0px;
    z-index: 2;
}

section.anasayfaBanner .swiper-slider .sliderCover h1 {
    margin-top: 75px;
    color: #fff;
    text-align: center;
    font-size: 56px;
    font-weight: 500;
    margin-bottom: 45px;
}

section.anasayfaBanner .swiper-slider .sliderCover .btn-info {
    background: transparent;
    border: 2px solid #fff;
}

section.anasayfaBanner .swiper-slider .sliderCover .btn-success {
    background: #4aba00;
    border: 2px solid #4aba00;
}

section.anasayfaBanner .swiper-slider .sliderCover form {
    width: 100%;
    display: inline-block;
    position: relative;
    max-width: 600px;
    margin-top: 30px;
}

section.anasayfaBanner .swiper-slider .sliderCover form input {
    width: 100%;
    border: 0px;
    border-radius: 4px;
    line-height: 65px;
    padding: 0px 20px;
}

section.anasayfaBanner .swiper-slider .sliderCover form .btn {
    position: absolute;
    right: 7.5px;
    top: 7.5px;
    bottom: 7.5px;
    padding: 10px 20px;
    background: #359bfd;
    border: 0px;
    color: #fff;
    font-weight: 600;
}

section.anasayfaBanner .swiper-slider {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 100%;
    background: no-repeat center bottom;
    background-size: cover;
    z-index: 2;
    overflow: hidden;
}

section.anasayfaBanner .swiper-slider .swiper-pagination-bullet {
    width: 70px;
    height: 40px;
    display: inline-block;
    border-radius: 10px;
    opacity: inherit;
    border: 1px solid #c1d0d7;
    transition: 0.3s ease all;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

section.anasayfaBanner .swiper-slider .swiper-pagination-bullet-active {
    opacity: 1;
    border: 2px solid #fdc300;
}


section.urunAsamalari {
    border-radius: 4px;
    background: #f4f7fc;
    padding: 40px 20px 40px;
}

section.urunAsamalari .asama {

    border-radius: 7px;

    text-align: center;

    padding: 20px;

    height: 100%;

    position: relative;

    transition: 0.3s ease all;
}

section.urunAsamalari .asama:not(.first):before {
    content: '';
    background: url('../img/ok.png');
    width: 110px;
    height: 36px;
    position: absolute;
    right: -55px;
    background-repeat: no-repeat;
    background-position: center;
    top: 35px;
    background-size: contain;
}

section.urunAsamalari .asama .icon {
    background: #7d99b2;
    width: 90px;
    height: 90px;
    display: block;
    margin: 0 auto;
    transition: 0.3s ease all;
}

section.urunAsamalari .asama span {

    font-size: 16px;

    line-height: 52px;
}

section.urunAsamalari .asama p {

    font-size: 14px;

    font-weight: 400;
}

section.urunAsamalari .asama:hover .icon, section.urunAsamalari .asama.active .icon {
    background: #575756;
}

section.urunAsamalari .asama:hover, section.urunAsamalari .asama.active {box-shadow: 0px 0px 31.92px 6.08px rgb(173, 173, 173);}

section.urunler {
    background-color: #f4f7fc;
}

section.urunler div > h1 {
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 15px;
}

.urun2benzerurunler{
    background-color: #f4f7fc;
    padding: 75px 0px;
}

.urun2benzerurunler section.benzerurunler{
    border: none;
    background-color: transparent;
    box-shadow: none;
}
.urun2benzerurunler section.benzerurunler h1{
    display: block;
    width: 100%;
    text-align: center;
    position: relative;
}

.urun2benzerurunler section.benzerurunler h1 .altcizgi{
    position: absolute;
    bottom: -5px;
    height: 1px;
    width: 450px;
    background-color: #3076f4;
    left: calc(50% - 225px);
}
.urun2benzerurunler section.benzerurunler h1 .cercevekare:nth-child(1){
    left: -5px;
    top: -5px;
}
.urun2benzerurunler section.benzerurunler h1 .cercevekare:nth-child(2){
    right: -5px;
    top: -5px;
}

section.benzerurunler {
    border-radius: 0;
    border: 2px solid #abd0ff;
    padding: 20px;
    background: #fff;
    box-shadow: 0px 12px 20px 0 rgba(24, 119, 242, 0.37);
    margin: 30px 0px;
}

section.benzerurunler h1 {
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 15px;
}

form {

}

.hesaplamaBolgesi form .form-group > label{
    position:relative;
    width: 100%;
}
.hesaplamaBolgesi form .form-group > label:after{
    content:'';
    position: absolute;
    right: 0px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('../img/soru.png');
    width: 23px;
    height: 23px;
    top: 0px;
    cursor: pointer;
}

form .form-group {

    margin-bottom: 10px;
}
.hesaplamacizgi{
    display: block;
    width: 100%;
    background-color: #c7ced6;
    height: 1px;
    margin-bottom: 15px;
    margin-top: 5px;
}
.ozel-element{display: inline-flex;width: 100%;}
.ozel-element > label{
    width: 40% !important;
    font-weight: 600 !important;
    margin-right: 5px;
    height: 45px;
}
.ozel-element label small{
    width: 100%;
    display: block;
    font-size: 12px;
    color: #9dacbd;
}
.ozel-element input{
    
}
.ozel-element select{
    height: 100% !important;
    font-weight: 400;
}

.ozel-element .customRadioBox{
    display: inline-flex;
    width: 100%;
    color: #405264;
}
.ozel-element .customRadioBox label{
    width: 100%;
}

form .form-group label {font-size: 18px;margin-bottom: 5px;color: #405264;margin-right: 5px;}

form .form-control:focus {

    background: #f0f0f4;

    border: 1px solid #d6d6d6;
}

form select.form-control {
    color: #405264;
}

form .form-control {border-radius: 4px;background: #ffffff;border: 2px solid #c7ced6;font-size: 18px;padding: 7px 20px;color: #212529;transition: 0.3s ease all;}

.parolamiUnuttum {

    font-size: 14px;

    margin-bottom: 15px;

    display: block;
}

.hemenUyeOl {
    display: block;
    text-align: center;
    font-size: 16px;
    display: block;
    font-weight: 600;
    margin: 20px 0px 0px;
}

.modal.ayrintiModal.noneselect * {

}

.modal.ayrintiModal {

}

.modal.ayrintiModal .modal-body {padding: 40px 30px;}

.modal.ayrintiModal .modal-body h1 {

    text-align: center;

    font-size: 28px;

    font-weight: 600;
}

.modal.ayrintiModal .modal-content {
    border: 0px;
    border-radius: 4px;
}

.modal.ayrintiModal .close {
    background: #f0f0f4;
    opacity: 1;
    border-radius: 4px;
    width: 30px;
    height: 30px;
    margin: 0px;
    display: flex;
    padding: 0px 8.5px;
    text-shadow: unset;
    line-height: 0px;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 22;
}

.breadcrumb {background: #ffffff;border-radius: 0px;padding: 10px 0px;margin: 0px;}

.breadcrumb .breadcrumb-item:first-child a {color: #007bff;font-weight: bold;}

.breadcrumb-item + .breadcrumb-item::before {
    color: #caad95;
}

.breadcrumb .breadcrumb-item {font-size: 14px;color: #9a9a9a;}

.breadcrumb .breadcrumb-item a {
    color: #9a9a9a;
}

.breadcrumb .breadcrumb-item.active {
}

.swiper-urunResimleri {
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 30px;
    background: #fff;
    position: sticky;
}

.swiper-urunResimleri .swiper-slide {

}

.swiper-urunResimleri .swiper-slide a {
    display: block;
    border-radius: 20px;
}

.swiper-urunResimleri .swiper-slide a > .img {
    padding-bottom: 60%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
}

.sablonlar {border-radius: 4px;border: 2px solid #f0f0f4;padding: 30px 20px 20px 20px;margin-bottom: 30px;background: #fff;min-height: 170px;position: relative;position: sticky;}

.sablonlar .baslik {

    position: absolute;

    top: -13px;

    background: #fff;

    padding: 5px 25px 5px 10px;

    border-radius: 4px;
}

.sablonlar .nav {border-bottom: 2px solid #f0f0f4;}

.sablonlar .nav > li {

    margin: 0 auto;

    margin-bottom: -2px;
}

.sablonlar .nav > li > a {

    padding: 0px 5px;

    border-bottom: 2px solid transparent;

    margin: 0px;

    margin-bottom: 0px;

    display: block;

    font-weight: 600;
}

.sablonlar .nav > li > a.active {

    border-bottom: 2px solid #3c5085;

    padding: 0px 10px;

    color: #3c5085;
}

.sablonlar .tab-pane {
    padding: 10px 0px;
}

.sablonlar .template-list {padding: 0px;margin: 0px;list-style-type: none;padding-top: 10px;}

.sablonlar .template-list > li > a {line-height: 16px;font-size: 12px;font-weight: 400;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 100%;display: block;padding: 10px 0px;color: #484848;border-bottom: 1px solid #f0f0f4;}

.sablonlar .template-list > li > a:hover {

}

.sablonlar .template-list > li {

}

.container.newrow {
    padding-left: 5px;
    padding-right: 5px;
}

.row.newrow > div {
    padding-left: 5px;
    padding-right: 5px;
}

.row.newrow {
    margin-left: -5px;
    margin-right: -5px;
}

.urunDetay .siparisBilgisi {border-radius: 20px;padding: 15px 20px;background: #fff;top: 20px;padding-bottom: 20px;}
.urunDetay .siparisBilgisi button{
    border-radius: 15px;
    padding: 13px 20px;
    text-align: left;
    position: relative;
    border: none;
}
.urunDetay .siparisBilgisi button:hover{
    border-bottom: 2px solid #3076f4;
}
.urunDetay .siparisBilgisi button i{
    position: absolute;
    right: 25px;
    top: 15px;
}

.urunDetay .siparisBilgisi .fiyat {}

.urunDetay .siparisBilgisi > .tfiyat {display: block;font-size: 20px;text-align: center;color: #405264;margin-top: 10px;}
.urunDetay .siparisBilgisi > .kdvtext{
    display: block;
    font-size: 14px;
    text-align: center;
    color: #9dacbd;
}

.urunDetay .siparisBilgisi .fiyatdis{
    display: block;
    width: 100%;
    text-align: center;
    font-size: 32px;
    color: #3076f4;
}
.urunDetay .siparisBilgisi .fiyatdis > span{}

.urunDetay .siparisBilgisi > span.kargo {color: #ff4092;margin: 0px;padding: 0px;margin-bottom: 10px;font-weight: 400;display: block;width: 100%;text-align: center;margin-top: 20px;font-size: 14px;}

.urunDetay .siparisBilgisi .btn {
    letter-spacing: 1.1px;

}

.urunDetay .ozellikSecimAlani {border-radius: 4px;padding: 20px;background: #fff;border-radius: 20px;}

.urunDetay .ozellikSecimAlani h1.urunAdi {

    font-size: 30px;

    color: #4a4f55;

    margin: 0px;

    padding: 0px;
}

.urunDetay .ozellikSecimAlani hr {

}

.customCheckbox {

}

.customCheckbox .customCheck {
    display: inline-block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 10px 25px;
    background: #fff;
    border-radius: 4px;
    font-size: 18px;
    text-align: center;
    min-width: 124px;
}

.customCheckbox .customCheck input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.customCheckbox .customCheck .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    right: 0px;
    bottom: 0px;
    border: 2px solid #e9e9e9;
    border-radius: 4px;
}

.customCheckbox .customCheck:hover input ~ .checkmark {
}

.customCheckbox .customCheck input:checked ~ .checkmark {
    border: 2px solid #007bff;
}

.customCheckbox .customCheck .checkmark:after {
    content: "\f00c";
    font-family: FontAwesome;
    position: absolute;
    right: -2px;
    top: -1px;
    background: #007bff;
    width: 16px;
    display: none;
    height: 15px;
    color: #fff;
    font-size: 8px;
    text-align: center;
    border-radius: 4px;
}

.customCheckbox .customCheck input:checked ~ .checkmark:after {
    display: block;
}

.customRadioBox .customRadio {
    display: inline-block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 10px 18px;
    background: #ffffff;
    border-radius: 4px;
    min-width: 117px;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
}

.customRadioBox .customRadio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.customRadioBox .customRadio .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    right: 0px;
    bottom: 0px;
    border: 2px solid #e9e9e9;
    border-radius: 4px;
    transition: ease all .3s;
}
.customRadioBox .customRadio .checkmark:hover{
     border: 2px solid #607D8B;
     transition: ease all .3s;
   

}

.customRadioBox .customRadio:hover input ~ .checkmark {
}

.customRadioBox .customRadio input:disabled ~ .checkmark {
    background: #f7f7f7d6;
}

.customRadioBox .customRadio input:checked ~ .checkmark {
    border: 2px solid #007bff;
}

.customRadioBox .customRadio .checkmark:after {
    content: "\f00c";
    font-family: FontAwesome;
    position: absolute;
    right: -2px;
    top: -1px;
    background: #007bff;
    width: 16px;
    display: none;
    height: 15px;
    color: #fff;
    font-size: 8px;
    text-align: center;
    border-radius: 2px;
    border-bottom-left-radius: 4px;
}

.customRadioBox .customRadio input:checked ~ .checkmark:after {
    display: block;
}

.sepetArea .adresBilgisi {
    font-size: 20px;
    padding: 20px 0px;
}

.sepetArea .adresBilgisi p {

    font-size: 15px;
}

.sepetArea .adresBilgisi p i {

    font-size: 8px;

    vertical-align: middle;

    line-height: 21px;
}

.sepetArea {
    border-radius: 4px;
    padding: 20px;
    background: #fff;
    box-shadow: 0px 12px 20px 0 rgb(216, 228, 236);
    margin-bottom: 40px;
}

.sepetArea h1 {
    color: #4a4f55;
    font-size: 30px;
}

.sepetArea hr {

}

.sepetArea .sepetlist {

}

.sepetArea .sepetlist .sepetitem {

    border-bottom: 1px solid #f2f8fd;

    padding: 20px 0px;
}

.sepetArea .sepetlist .sepetitem .img {padding-bottom: 60%;border-radius: 4px;background-position: center;background-repeat: no-repeat;padding-left: 100%;display: block;width: 100%;background-size: cover;}

.sepetArea .sepetlist .sepetitem p b {
    display: inline-block;
    margin-right: 5px;
}

.sepetArea .sepetlist .sepetitem p {

    font-size: 11px;
}

.sepetArea .sepetlist .sepetitem small {
    font-size: 12px;
    font-weight: 400;
    line-height: 7px;
}

.sepetArea .sepetlist .sepetitem .bilgitooltip {
    font-size: 11px;
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem;
    font-size: 11px;
}

.sepetArea .sepetlist .sepetitem span {
    display: block;
}

.sepetArea .sepetlist .sepetitem .urunadi {

}

.sepetArea .sepetlist .sepetitem .sepettensil {

    background: #f0f0f4;

    opacity: 1;

    border-radius: 4px;

    width: 30px;

    height: 30px;

    margin: 0px;

    display: flex;

    padding: 7px 8.5px;

    text-shadow: unset;

    line-height: 0px;

    z-index: 22;

    cursor: pointer;
}

.sepetArea .sepetlist .flex-m {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    flex-direction: column;
}

.sipariOzeti .adresBilgisi {

}

.sipariOzeti {

}

.sipariOzeti .row {
    border-bottom: 1px solid #f2f8fd;
}

.sipariOzeti span {

    font-size: 14px;

    line-height: 26px;

    display: block;
}

.sipariOzeti b {

}

.sipariOzeti .toplam span {
    font-size: 17px;
    line-height: 45px;
}

.sipariOzeti .btn {
    margin-top: 40px;
}

.sipariOzeti {
    border-radius: 4px;
    padding: 20px;
    background: #fff;
    box-shadow: 0px 12px 20px 0 rgb(216, 228, 236);
    margin-bottom: 40px;
    position: sticky;
    top: 20px;
}

section.kampanyalar {
    border-radius: 4px;
    padding: 20px;
    background: #fff;
    box-shadow: 0px 12px 20px 0 rgb(216, 228, 236);
    margin-bottom: 40px;
}

section.kampanyalar h1 {
    color: #4a4f55;
    font-size: 30px;
}

section.kampanyalar .kampanya {
    margin-bottom: 30px;
    display: block;
}

section.kampanyalar img {
    display: block;

}

section.icerik {
}

section.icerik h2:after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 2px;
    height: 2px;
    width: 80px;
    background: #575656;
}

section.icerik h2 {
    font-size: 18px;
    line-height: 38px;
    color: #575656;
    position: relative;
    margin-bottom: 30px;
}

.haberler .haber:hover {
    -webkit-box-shadow: 0px 0px 24px -4px rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 0px 0px 24px -4px rgba(0, 0, 0, 0.30);
    box-shadow: 0px 0px 24px -4px rgba(0, 0, 0, 0.30);
    border: 1px solid #fff;

}

.haberler .haber {
    height: 220px;
    display: block;
    padding: 20px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #d7dbe8;
    margin-bottom: 15px;
    margin-top: 15px;
}

.haberler .haber .haberdetay small {
    color: #9fa4af;
    font-size: 13px;
    font-weight: 500;
    line-height: 28px;
    display: inline-block;
    border-bottom: 1px solid #4a4f55;
    margin-bottom: 10px;
}

.haberler .haber .haberdetay span {
    color: #4a4f55;
    font-size: 16px;
    line-height: 21px;
    display: block;
    font-weight: 600;
}

.haberler .haber .haberdetay p {
    font-size: 12px;
    line-height: 22px;
    font-weight: 400;
    color: #9fa4af;
}

.haberler .haber .haberdetay .btn {
    position: absolute;
    right: 30px;
    bottom: 30px;
    padding: 1px 10px;
    text-align: center;
}

.haberler .haber .haberdetay {
    vertical-align: top;
    display: inline-block;
    width: calc(100% - 155px);
    transition: 0.5s ease all;
}

.haberler .haber.hideimage .haberdetay {
    width: 99%;
}


.haberler .haber.hideimage:hover .haberdetay {
    width: calc(100% - 155px);
}

.haberler .haber:Hover .img, .haberler .haber:not(.hideimage) .img {
    width: 140px;
    margin-right: 10px;
}

.haberler .haber .img {
    background-size: cover;
    transition: 0.5s ease all;
    display: inline-block;
    background-position: left center;
    vertical-align: top;
    width: 0px;
    height: 100%;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

section.blogdetay {

}

section.blogdetay .blogimg {
    border-radius: 4px;
    padding: 20px;
    background: #fff;
    box-shadow: 0px 12px 20px 0 rgb(216, 228, 236);
    margin-bottom: 40px;
    margin: 20px 0px;
}

section.blogdetay .blogimg a {
    display: block;
}

section.blogdetay .blogimg a .img {
    display: block;
    padding-bottom: 30%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

section.blogdetay .blog h1 {
    color: #4a4f55;
    font-size: 30px;
}

section.blogdetay .blog {

    border-radius: 4px;

    padding: 20px;

    background: #fff;

    box-shadow: 0px 12px 20px 0 rgb(216, 228, 236);

    margin-bottom: 40px;
}

section.blogdetay .blog p {
    color: #4a4f55;
    font-size: 14px;
}

section.iletisim h1 {
    color: #4a4f55;
    font-size: 25px;
    margin-bottom: 10px;
}

section.iletisim {
    border-radius: 4px;

    padding: 20px;

    background: #fff;

    box-shadow: 0px 12px 20px 0 rgb(216, 228, 236);
    margin-bottom: 30px;
}

section.harita {
    padding-bottom: 30px;
}

section.harita .container {
    position: relative;
}

section.harita .maparea {
    height: 575px;
}

section.harita .iletisimbilgisi {

    position: absolute;

    left: 0px;

    z-index: 2;

    background: #fff;

    top: 35px;

    height: 545px;

    padding: 100px 50px 50px;

    width: 460px;

    border-top-left-radius: 20px;

    border-top-right-radius: 20px;

    -webkit-box-shadow: 0px 0px 24px -4px rgba(0, 0, 0, 0.30);

    -moz-box-shadow: 0px 0px 24px -4px rgba(0, 0, 0, 0.30);

    box-shadow: 0px -15px 25px -13px rgba(0, 0, 0, 0.30);
}

section.harita .iletisimbilgisi h2:after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: -5px;
    height: 2px;
    width: 80px;
    background: #1877f2;
}

section.harita .iletisimbilgisi h2 {
    font-size: 18px;
    line-height: 38px;
    color: #000000;
    position: relative;
}

section.harita .iletisimbilgisi p {

    margin: 30px 0px;

    font-size: 13px;

    vertical-align: middle;

    font-weight: 500;

    color: #2d2a18;
}

section.harita .iletisimbilgisi p > i {
    float: left;
    font-size: 30px;
    margin-right: 10px;
    vertical-align: middle;
    color: #b2b2b2;
}

section.harita .iletisimbilgisi a {

    display: block;

    font-size: 13px;

    font-weight: 500;

    line-height: 17px;

    color: #2d2a18;

    vertical-align: middle;
}

.urunDetay .tabArea {

}

.urunDetay .tabArea .nav {

}

.urunDetay .tabArea .nav > li {

}

.urunDetay .tabArea .nav > li > a {

}

.urunDetay .tabArea .nav > li > a.active, .tabArea .nav > li > a:hover {

}

.customcontent p {
    margin: 5px 0px;
    line-height: 18px;
    font-size: 14px;
}

.customcontent strong {
    font-weight: 600;
}

.customcontent ol > li {
    margin: 3px 0px;
}

.customcontent ul > li {
    margin: 3px 0px;
}

.customcontent ul {
    list-style-type: circle;
    padding-left: 20px;
}

.customcontent ol {
    float: left;
    list-style-type: circle;
}

.customcontent em {
    font-style: italic;
}

.customcontent u {
    text-decoration: underline;
}

.customcontent h1 {
    font-size: 2.5rem;
}

.customcontent h2 {
    font-size: 2rem;
}

.customcontent h3 {
    font-size: 1.75rem;
}

.customcontent h4 {
    font-size: 1.5rem;
}

.customcontent h5 {
    font-size: 1.25rem;
}

.customcontent h6 {
    font-size: 1rem;
}

.customcontent blockquote {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.customcontent small {
    font-size: 80%;
    font-weight: 400;
}

.fotogaleri > div {
    margin-bottom: 30px;
}

.fotogaleri {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.fotogaleri .foto a, .fotogaleri .video a, .fotogaleri .urun a, .fotogaleri .urun a {
    display: block;
}

.fotogaleri span {
    margin: 10px 0px;
    display: block;
}

.fotogaleri .foto:Hover a::before, .fotogaleri .video:Hover a::before, .fotogaleri .urun:Hover a::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: #0000003b;
    border-radius: 2px;
}

.fotogaleri .foto a, .fotogaleri .video a, .fotogaleri .urun a, .fotogaleri .urun a {
    position: relative;
}

.fotogaleri .foto:Hover a {
}

.fotogaleri .foto:Hover a::after {
    content: "\f002";
    font-family: FontAwesome;
    position: absolute;
    top: calc(50% - 26px);
    color: #fff;
    left: calc(50% - 16.25px);
    font-size: 35px;
}

.fotogaleri .video:Hover a::after {
    content: "\f144";
    font-family: FontAwesome;
    position: absolute;
    top: calc(50% - 26px);
    color: #fff;
    left: calc(50% - 15px);
    font-size: 35px;
}

.fotogaleri .urun:Hover a::after {
    content: "\f06e";
    font-family: FontAwesome;
    position: absolute;
    top: calc(50% - 26px);
    color: #fff;
    left: calc(50% - 17.5px);
    font-size: 35px;
}

.fotogaleri .foto, .fotogaleri .video, .fotogaleri .urun {
    position: relative;
    display: inline-block;
    width: 100%;
}

.fotogaleri .foto img, .fotogaleri .video img, .fotogaleri .urun img {
    border-radius: 2px;
    width: 100%;
}

.card {

    border: 0px;
    border-radius: 2px;
    margin: 7px 0px;
    background: transparent;
}

.card .card-header a {
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    display: block;
    padding: 15px 30px;
    border-radius: 2px;
    background: #25292c;
}

.card .card-header a[aria-expanded=false]::after {
    content: "\f067";
    font-family: FontAwesome;
    background: #222629;
    padding: 9px 12px;
    position: absolute;
    right: 0px;
    color: #ffffff;
    top: 0px;
    bottom: 0px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    min-width: 40px;
    text-align: center;
    font-size: 22px;
    font-weight: 500;
}

.card .card-header a[aria-expanded=true] {
    background: #1877f2;
    color: #ffffff;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.card .card-header a[aria-expanded=true]::after {
    content: "\f068";
    font-family: FontAwesome;
    background: #1877f2;
    padding: 8px 12px;
    position: absolute;
    right: 0px;
    top: 0px;
    color: #fffffc;
    bottom: 0px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 0px;
    min-width: 40px;
    text-align: center;
    font-size: 22px;
    font-weight: 500;
}

.card .card-header {
    padding: 0px;
    background: #f2f2f2;
    color: #363636;
    border-radius: 2px;
    position: relative;
    border-radius: 2px;
    border: 0px;
}

.card .card-body {
    color: #fffffc;
    font-weight: 600;
    max-height: 250px;
    line-height: 15px;
    font-size: 12px;
    background: #1877f2;
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 13px 20px;
}

.nav-tabs .nav-item {
    margin-bottom: -1px;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #ffffff;
    background-color: #1877f2;
    border-color: #1877f2 #1877f2 #1877f2;
    padding: 13px 25px;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: #212a44;
    background: #212a44;
    color: #fff;
}

.nav-tabs {
    border-bottom: 1px solid #abd0ff;
    /* background: #c1d0d7; */
    border-radius: 4px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

#icerik {background: #fff;/* box-shadow: 0px 12px 20px 0 rgb(235, 242, 249); */padding: 30px 0px;min-height: 800px;}

.tab-content > .tab-pane p {
    font-weight: 300;
}

.tab-content > .tab-pane {
    display: none;
    padding: 0px 5px;
    font-size: 14px;
    line-height: 26px;
}

.urunDetay2 .siparisBilgisi {

    border-radius: 4px;

    /* border: 2px solid #c1d0d7; */

    padding: 10px;

    background: #fff;

    box-shadow: 0px 12px 20px 0 rgb(224, 215, 190);

    position: sticky;

    top: 0;
}


.urunDetay2 .siparisBilgisi .fiyat {

    font-size: 32px;

    display: block;

    text-align: center;

    background: #fdfaf2;

    border-radius: 4px;

    margin: 10px 0px;
}

.urunDetay2 .siparisBilgisi span {

    display: block;

    font-size: 13px;

    text-align: center;
}

.urunDetay2 .siparisBilgisi span.kargo {

    color: #f29f06;

    margin: 0px;

    padding: 0px;

    margin-bottom: 10px;

    font-weight: 600;
}

.urunDetay2 .siparisBilgisi .btn {
    letter-spacing: 1.1px;

}

.urunDetay2 {border-radius: 0;border: 2px solid #fdfaf2;padding: 20px;background: #fff;box-shadow: 0px 12px 20px 0 rgba(48, 118, 244, 0.59);}

.urunDetay2 .urunminiAciklama {
    padding: 20px 0px;
}

.urunDetay2 .urunminiAciklama p b {
    display: inline-block;
    margin-right: 5px;
}

.urunDetay2 .urunminiAciklama p {

    font-size: 13px;
}

.urunDetay2 .kdv {
    font-size: 14px;
    line-height: 14px;
    color: #25292c;
}

.urunDetay2 .fiyat {
    font-size: 30px;
    display: block;
    line-height: 30px;
}

.urunDetay2 .btn-sepetekle {

    padding: 12px 50px;
}

.urunDetay2 .kargo {color: #1877f2;margin: 0px;padding: 0px;margin-bottom: 10px;font-weight: 600;display: block;}

.urunDetay2 h1.urunAdi {

    font-size: 30px;

    color: #50290f;

    margin: 0px;

    padding: 0px;
}

.urunDetay2 .ozellikSecimAlani hr {

}

.urunDetay2 .tabArea {

}

.urunDetay2 .tabArea .nav {

}

.urunDetay2 .tabArea .nav > li {

    display: inline-block;

    margin: 0 10px;

    margin-bottom: -1px;
}

.urunDetay2 .tabArea .nav > li > a {display: block;padding: 15px 10px;border: 1px solid transparent;color: #0052e6;border-top-left-radius: 4px;border-top-right-radius: 4px;}

.urunDetay2 .tabArea .nav > li > a.active, .tabArea .nav > li > a:hover {border: 1px solid #abd0ff;border-bottom: 1px solid #ffffff;padding: 15px 10px;background: #e5f0ff;color: #1877f2;}

.tabArea .nav > li > a:hover {
    background: #fff;

}

.bilgilerimArea h1 {
    font-size: 24px;
}

.bilgilerimArea h2 {
    font-size: 19px;
}

.bilgilerimArea p {
    font-size: 13px;
}

.bilgilerimArea {

    padding: 20px;

    background: #fff;

    box-shadow: 0px 12px 20px 0 rgb(224, 215, 190);

    border-radius: 4px;

    margin: 20px 0px;
}

.profilSidebar {padding: 20px;background: #fff;box-shadow: 0px 12px 20px 0 rgb(171, 171, 171);border-radius: 4px;margin: 20px 0px;}

.profilSidebar span {
    font-size: 13px;
    display: block;
    color: #000000;
    padding-left: 2px;
    font-weight: 300;
    margin-bottom: 15px;
}

.profilSidebar h1 {
    line-height: 18px;
    font-size: 31px;
    margin-bottom: 18px;
    font-weight: 4500;
}

.profilSidebar ul {

    list-style-type: none;

    margin: 0px;

    padding: 0px;

    margin-left: -20px;

    margin-right: -20px;
}

.profilSidebar ul > li {

    border-bottom: 1px solid #f2f8fd;
}

.profilSidebar ul > li > a:hover:before, .profilSidebar ul > li > a.active:before {

    width: 100%;
}

.profilSidebar ul > li > a:before {
    content: '';
    position: absolute;
    left: 0px;
    width: 0px;
    bottom: -1px;
    height: 1px;
    background: #3c5085;
    transition: 0.3s ease all;
}

.profilSidebar ul > li > a:hover, .profilSidebar ul > li > a.active {

    color: #3c5085;
}

.profilSidebar ul > li > a {

    display: block;

    font-size: 13px;

    position: relative;

    line-height: 42px;

    padding: 0px 20px;
}

.adreslerim {

}

.adreslerim .adres:before {
    content: '';
    background: #3c50853d;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    opacity: 0;
    transition: 0.3s ease all;
}

.adreslerim .adres:hover:before {

    opacity: 1;
}

.adreslerim .adres.secildi {
    border-color: #65e294;
    box-shadow: 0px 12px 20px 0 rgb(216, 228, 236) !important;
}

.adreslerim .adres {

    height: 300px;

    display: block;

    border-radius: 4px;

    border: 1px solid #717a92;

    margin-bottom: 30px;

    padding: 15px;

    position: relative;
}

.adreslerim .adres.adresEkle i {
    display: block;
    font-size: 30px;
    text-align: center;
}

.adreslerim .adres.adresEkle {

    display: flex;

    justify-content: center;

    align-items: center;
}

.adreslerim .adres.adresEkle .baslik {

}

.adreslerim .adres .baslik {
    font-size: 20px;
    font-weight: 600;
}

.adreslerim .adres .adSoyad {
    font-size: 14px;
    font-weight: bold;
}

.adreslerim .adres p {
    margin: 20px 0px;
}

.card-default {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 15px 1px rgba(69, 65, 78, .08);
    box-shadow: 0 1px 15px 1px rgba(69, 65, 78, .08);
    border-radius: 4px;
    padding: 20px;
}

.card-default .card-header {
    background-color: #fff;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid rgba(0, 0, 0, .04);
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    font-weight: 500
}

.card-default .card-header .d-flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.card-default .card-header .title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0
}

.card-default .card-footer {
    background-color: transparent;
    border-top: 1px solid #cddadf
}

.steps {

    display: flex;

    justify-content: center;

    border-radius: 4px;

    background: #fff;

    box-shadow: 0px 12px 20px 0 rgb(216, 228, 236);

    margin-bottom: 40px;

    margin-top: 40px;

    position: relative;

    -webkit-user-select: none; /* Safari 3.1+ */

    -moz-user-select: none; /* Firefox 2+ */

    -ms-user-select: none; /* IE 10+ */

    user-select: none; /* Standard syntax */
}

.steps:before {
    content: '';
    position: absolute;
    left: 0px;
    right: 0px;
    top: 73px;
    height: 3px;
    background: #c1d0d7;
}

.steps .step.active {


}

.steps .step.done .icon {

    border-color: #65e294;

    color: #65e294;

    box-shadow: 0px 2px 20px 0 rgb(216, 228, 236);
}

.steps .step.done span {

    color: #65e294;
}

.steps .step.active .icon {

    border-color: #1877f2;

    color: #1877f2;

    box-shadow: 0px 2px 20px 0 rgb(216, 228, 236);
}

.steps .step.active span {

    color: #1877f2;
}

.steps .step {

    display: inline-block;

    margin: 0 auto;

    position: relative;

    z-index: 2;

    padding: 20px 0px;
}

.steps .step .active {

}

.steps .step .icon {

    width: 100px;

    height: 100px;

    border: 3px solid #c1d0d7;

    border-radius: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 30px;

    color: #c1d0d7;

    background: #fff;
}

.steps .step span {

    color: #c1d0d7;

    display: block;

    margin-top: 5px;
}

.steps .step .icon i {

}

.odeme-sonuc {

    text-align: center;

    display: block;
}

.odeme-sonuc.success > i {

    color: #65e294;

    border-color: #65e294;

    box-shadow: 0px 2px 20px 0 rgba(74, 209, 124, 0.78);
}

.odeme-sonuc.success > span {

    color: #4ad17c;
}

.odeme-sonuc.danger > i {
    color: #dc3545;
    border-color: #dc3545;

    box-shadow: 0px 2px 20px 0 rgba(220, 53, 69, 0.79);

}

.odeme-sonuc.danger > span {

    color: #dc3545;
}

.odeme-sonuc.danger > p {
    color: #dc3545;
    font-size: 14px;
}

.odeme-sonuc > i {

    width: 100px;

    height: 100px;

    border: 3px solid #c1d0d7;

    border-radius: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 30px;

    color: #c1d0d7;

    background: #fff;

    margin: 0 auto;

    margin-bottom: 40px;
}

.odeme-sonuc > span {

    display: block;

    margin-bottom: 30px;
}

.odeme-sonuc > p {

}

.siparislerim {
    margin: 20px 0px;

}

.siparislerim .siparis {
    padding: 20px;
    background: #fff;
    box-shadow: 0px 12px 20px 0 rgb(216, 228, 236);
    border-radius: 4px;
    margin: 5px 0px;

}

.siparislerim .siparis .siparisdurumu i {

    background: #d8d8d8;

    border-radius: 100%;

    width: 20px;

    height: 20px;

    vertical-align: middle;

    display: inline-flex;

    justify-content: center;

    align-items: center;

    line-height: 0px;

    margin-right: 3px;
}

.siparislerim .siparis .siparisdurumu {
    font-size: 13px;
    width: 100%;
}

.siparislerim .siparis .siparisdurumu .hazirlaniyor i {

    color: #fff;
}

.siparislerim .siparis .siparisdurumu .hazirlaniyor {

    color: #ccc;
}

.siparislerim .siparis .siparisdurumu .kargoda i {
    color: #fff;
    background: #f39306;
}

.siparislerim .siparis .siparisdurumu .kargoda {

    color: #f39306;
}

.siparislerim .siparis .siparisdurumu .teslimedildi i {

    color: #fff;

    background: #4ad17c;
}

.siparislerim .siparis .siparisdurumu .teslimedildi {

    color: #4ad17c;
}

.siparislerim .siparis .siparisdurumu .iptal i {

    color: #fff;

    background: #dc3545;
}

.siparislerim .siparis .siparisdurumu .iptal {

    color: #dc3545;
}

.siparislerim .siparis .ozet > .row {
    margin: 0px -5px;
}

.siparislerim .siparis .ozet > .row > div {
    padding: 0px 5px;
}

.siparislerim .siparis .ozet {

}

.siparislerim .siparis .ozet .img {

    padding-bottom: 100%;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    border-radius: 4px;

    width: 100%;
}

.siparislerim .siparis .ozet .siparisno {
    font-size: 13px;
    width: 100%;
}

.siparislerim .siparis .ozet .siparisno b {

}

.siparislerim .siparis .ozet .siparisno small {

    display: block;

    font-size: 13px;

    color: #d2d2d2;
}

.siparislerim .siparis .ozet .fiyat {
    color: #4ad17c;
    font-weight: bold;
    width: 100%;
    text-align: right;
}

.siparislerim .siparis .ozet .flex-m {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;

    height: 100%;
}

.siparislerim .siparis .ozet .siparisDetayBtn i {
    transition: 0.3s ease all;
}

.siparislerim .siparis.active .ozet .siparisDetayBtn i {
    transform: rotate(-180deg);
}

.siparislerim .siparis .ozet .siparisDetayBtn {


    font-size: 19px;

    width: 39px;

    height: 30px;

    background: #c1d0d7;

    color: #3c5085;

    border-radius: 100%;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    margin-left: 10px;

    font-weight: bold;
}

.siparislerim .siparis .ozet .fiyat small {
    display: block;
    font-size: 12px;
    color: #d2d2d2;
    text-align: right;
}

.siparislerim .siparis.active .detay {
    max-height: 1000vh;
    padding: 20px 0px;
}

.siparislerim .siparis .detay {
    max-height: 0px;
    transition: 0.3s ease all;
    overflow: hidden;
}

.siparislerim .siparis .detay .urunler {

}

.siparislerim .siparis .detay .urunler .urun .flex-m {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    flex-direction: column;
}

.siparislerim .siparis .detay .urunler .urun {

    border-bottom: 1px solid #f2f8fd;

    padding: 10px 0px;
}

.siparislerim .siparis .detay .urunler .urun .urundadi {
    width: 100%;
    font-size: 14px;
}

.siparislerim .siparis .detay .urunler .urun .fiyat {
    display: block;
    color: #4ad17c;
    font-weight: bold;
    width: 100%;
}

.siparislerim .siparis .detay .urunler .urun .aciklama p {

    margin: 0px;

    font-size: 12px;

    color: #000000bd;
}

.siparislerim .siparis .detay .urunler .urun .aciklama {
    font-size: 12px;
    width: 100%;
}

.siparislerim .siparis .detay .urunler .urun .img {

    padding-bottom: 100%;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    border-radius: 4px;

    width: 100%;
}

.siparislerim .siparis .detay .adresbilgi {

}

.siparislerim .siparis .detay .adresbilgi h1 {
    margin: 10px 0px 20px;
    font-size: 22px;
    font-weight: 600;
}

.siparislerim .siparis .detay .adresbilgi h3 {

    font-size: 17px;
}

.siparislerim .siparis .detay .adresbilgi p {

    color: #0000005c;
}

.sipariRapor {
    margin-bottom: 10px;
    transition: 0.3s ease all;
}


.sipariRapor.active {
    background: #eadddd;
    padding: 0px 10px;
}

.sipariRapor.active .satir {
    max-height: 500px;
    opacity: 1;
    padding: 10px 0px 10px;
}

.sipariRapor.active .baslik {
    color: #25292c;
    cursor: pointer;
}

.sipariRapor > .baslik {
    text-align: left;
    border-bottom: 1px solid #fdfaf2;
    line-height: 35px;
    font-size: 14px;
    padding-bottom: 10px;
    color: #3d425f;
    cursor: pointer;
    transition: 0.3s ease all;
}

.sipariRapor > .baslik >i{
    float:right;
    margin-top: 10px;
    margin-right:10px;
}

.sipariRapor .satir {
    border-bottom: 1px solid #fdfaf2;
    padding: 5px 0px 10px;
    max-height: 0px;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 0px;
    opacity: 0;
    margin: 0px;
}

.sipariRapor .satir > .baslik {
    font-size: 12px;
    transition: 0.3s ease all;
    cursor: default;
    display: inline-block;
}

.sipariRapor .satir > .fiyati {
    font-weight: bold;
    transition: 0.3s ease all;
    display: inline-block;
    float: right;
    font-size: 15px;
}

.baskiRapor {

}

.baskiRapor > .baslik {

    text-align: center;

    border-bottom: 1px solid #e5e5e5;

    line-height: 35px;

    font-size: 18px;

    margin-bottom: 10px;
}

.baskiRapor .satir {
    padding: 0px 0px 0px;
    margin-bottom: 0px;
}

.baskiRapor .satir > .baslik {
    font-size: 12px;
    transition: 0.3s ease all;
    display: inline-block;
}

.baskiRapor .satir > .fiyati {
    font-weight: bold;
    transition: 0.3s ease all;
    font-size: 12px;
    display: inline-block;
    color: #9dacbd;
}

.siparisBilgisi.loading {

}

.siparisBilgisi.loading:before {
    content: '';

}

.siparisBilgisi.loading:after {
    content: '';

}

.siparisBilgisi.loading .satir > .baslik {
    position: relative;
    filter: blur(3px);
    -webkit-filter: blur(3px);
}

.siparisBilgisi.loading .satir > .fiyati {
    position: relative;
    filter: blur(3px);
    -webkit-filter: blur(3px);
}

.siparisBilgisi.loading .satir > .baslik:before {
    content: '';
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    background: #e6e6e6;
}

.siparisBilgisi.loading .satir > .fiyati:after {
    content: '';
    right: 0px;
    bottom: 0px;
    top: 0px;
    background: #c1c1c1;
}

.siparisBilgisi.loading .fiyat {
    filter: blur(7px);
    -webkit-filter: blur(7px);
}

.kapakArea.active {
    background: #ffffff;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 24px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 8px;
    padding-top: 8px;
    border: 2px solid #bedfff;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    margin-bottom: 10px;
    /* background: rgb(238,238,238); */
    /* background: linear-gradient(0deg, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 50%, rgb(240, 240, 244) 100%); */
}

.kapakArea {
    margin-left: -5px;
    margin-right: -5px;
    padding-right: 5px;
    padding-left: 5px;
    border-radius: 4px;
    transition: 0.3s ease all;
}

.alturunler {
    margin-bottom: 20px;
}

.alturunler .flex-m {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;

    height: 100%;
}

.alturunler > .baslik {
    padding: 5px 10px;
    background: #359bfd;
    border-radius: 4px;
    color: #ffffff;
    margin: 0px;
    margin-bottom: 10px;
    font-weight: 600;
}

.alturunler .urunlist {

}

.alturunler .urunlist .urun:hover {
    background: #e9f8ff;
}

.alturunler .urunlist .urun {
    border-bottom: 1px solid #afc0d0;
    padding: 5px 0px;
    padding: 5px 0px;
    transition: 0.3s ease all;
}

.alturunler .urunlist .urun .img {
    padding-bottom: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    box-shadow: 0px 20px 34px -15px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

.alturunler .urunlist .urun .urunkodu {

}

.alturunler .urunlist .urun .aciklama {

}

.alturunler .urunlist .urun .adet {

}

.alturunler .urunlist .urun .fiyat {
    font-size: 20px;
    color: #5d5a58;
}

input {
    -webkit-user-select: text;
}

input, input:before, input:after {
    -webkit-user-select: initial;
    -khtml-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: initial;
}


.dosya-yuklemealani .progress {
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    height: 100%;
    z-index: 0;
    background: #d1ecd7;
    transition: 0.1s ease all;
}

.dosya-yuklemealani:hover .bgimg {
    background-image: url("../img/uploadbghv.png");
}

.dosya-yuklemealani .bgimg {
    background-image: url("../img/uploadbg.png");
    position: absolute;
    left: 0;
    right: 0px;
    top: 0px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: center;
}

.dosya-yuklemealani .yuklemeyuzde {
    display: block !important;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding: 20px 20px 20px 60px;
    font-size: 14px;
    color: #212529;
}

.dosya-yuklemealani:not(.yuklendi):not(.yukleniyor):hover {
    border-color: #1877f2;
}

.dosya-yuklemealani.yukleniyor {
    border-color: #28a745;
}

.dosya-yuklemealani.yuklendi {
    border-color: #28a745;
}

.dosya-yuklemealani.yukleniyor .bgimg {
    background-image: url("../img/uploadbgloader.png");

}

.dosya-yuklemealani.yuklendi .bgimg {
    background-image: url("../img/uploadbgok.png");

}

.dosya-yuklemealani {
    display: block;
    /* background: #f2f8fd; */
    border: 1px dashed #cbd1d6;
    padding: 0px;
    transition: 0.3s ease all;
    border-radius: 4px;
    position: relative;
}

.dosya-yuklemealani input {
    font-size: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 20px;
    cursor: pointer;
    transition: 0.3s ease all;
    position: relative;
    z-index: 2;
    opacity: 0;
}


@-webkit-keyframes stripes {
    from {
        background-position: 0 0;
    }
    to {

        background-position: 60px 30px;
    }
}

@keyframes stripes {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 60px 30px;
    }
}

.dosya-yuklemealani.background, .dosya-yuklemealani.yukleniyor,
.dosya-yuklemealani:hover {
    background: #fff;
    -webkit-animation: stripes 2s linear infinite;
    animation: stripes 2s linear infinite;
    background-size: 30px 30px;
    background-image: -webkit-linear-gradient(135deg, #F6F6F6 25%, transparent 25%, transparent 50%, #F6F6F6 50%, #F6F6F6 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #F6F6F6 25%, transparent 25%, transparent 50%, #F6F6F6 50%, #F6F6F6 75%, transparent 75%, transparent);
}

.dosya-yuklemealani.basarili input {
}

.dosya-yuklemealani.basarili {
    border-color: #28a745;
    background: #28a74517;
}

.sepetArea .sepetlist .sepetitem .dosya-yuklemealani span {
    display: none;
    position: relative;
    z-index: 2;
}

.sepetArea .sepetlist .sepetitem .dosya-yuklemealani.basarili span {
    display: block;
    font-size: 10px;
    color: #28a745;
    padding: 0px 20px 10px;
    transition: 0.3s ease all;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/*.sepetitem .link-alan{display: inline-block;width: 100%;}
.sepetitem .link-alan input{}*/
.display-close {
    display: none !important;
}

.sepetitem .flex-ozel {
    display: inline-block;
    height: auto !important;
    text-align: center !important;
}

.sepetitem .group-ozel {
    margin: 0px !important;
    margin-bottom: 5px !important;
}

.sepetitem .baslik-ozel {
    margin: 0px !important;
}

.sepetitem .alt-baslik-ozel {
    padding: 5px 10px !important;
    font-size: 15px !important;
    margin: 0px !important;
    width: 50%;
    text-align: center;
}

.sepetitem .alt-baslik-ozel:after {
    width: 10px !important;
    height: 10px !important;
    font-size: 7px !important;
}

#wt_embed .wt_embed__message .main {
    font-size: 12px !important;
    font-weight: 500;
    line-height: 20px;
    color: #17181a;
}

.weUpload .link-alan {
    width: 100%;
}

#wt_embed .wt_embed__message {
    flex-grow: !important;
    white-space: unset !important;
    display: block !important;
    flex-grow: unset !important;
}

#wt_embed .wt_embed_wrapper .wt_embed__button {
    display: block !important;
    text-align: center !important;
}

#wt_embed .wt_embed_wrapper {
    display: flex;
    position: relative;
    width: 100%;
    height: 178px !important;
    align-items: center;
    border: 1px dashed rgba(0, 0, 0, .15) !important;
    background: #fff;
    border-radius: 4px !important;
    cursor: pointer;
}

.wt-link-output {
    display: block;
    border: 0px;
    border-bottom: 1px solid rgb(24, 119, 242);
    border-radius: 0px;
    width: 100%;
    line-height: 40px;
    text-align: center;
    font-size: 13px;
    background: #fff;
}

section.slideralt {
    padding: 0px 0px;
    border-top: 1px solid #cdcccc;
    border-bottom: 1px solid #cdcccc;
}

section.slideralt .ozellikler {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    background: #ffffff;
    position: relative;
    align-items: initial;
    padding: 15px 0px;
}

section.slideralt .ozellikler .ozellik {
    position: relative;
    z-index: 2;
    text-align: left;
    display: inline-flex;
    flex-grow: 1;
    padding: 0px 0px;
    overflow: hidden;
    padding: 0px 25px;
    background-image: url('../img/slideraltgolge.png');
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
}

section.slideralt .ozellikler > div:nth-child(2){background-image: none;}

section.slideralt .ozellikler .ozellikbg {
    transition: 0.3s ease all;
    background: #9f9f9f;
    position: absolute;
    left: 0px;
    width: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 1;
}

section.slideralt .ozellikler .ozellik img {
    display: block;
    margin: 0 auto;
}

header .menu #ustmenul ul > li > a {font-weight: 500;line-height: 45px;display: inline-block;vertical-align: top;font-size: 18px;color: #fff;margin: 0px -2px;padding-right: 25px;}

header .menu #ustmenul ul > li > ul > li:before{
    font-family: FontAwesome;
    content: "\f054";
    position: absolute;
    left: 0px;
    font-size: 12px;
    height: 16px;
    top: calc(50% - 8px);
    color: #359bfd;
    opacity: 0;
    transition: all 0.3s ease;
}

header .menu #ustmenul ul > li > ul > li:hover:before{
    left: 10px;
    opacity: 1;
}

#ustmenul > ul > li:last-child > a{font-weight: 300 !important;}

#ustmenul > ul > li:nth-child(1) > a{
    border-left: none !important;
    color: white !important;
}

#ustmenul > ul > li:nth-child(1) > a > i{font-size: 24px !important;top: 3px !important;}

#ustmenul > ul > li:nth-child(7){
    background-color: aliceblue;
}

#ustmenul > ul > li:nth-child(7) > a{
    color: white !important;
}

.header-iletisim{
    display: inline-flex;
    color: white;
}
.header-iletisim a{
    margin: 0px 10px;
    color: white;
    font-weight: 300;
}
.header-iletisim div{
    margin-right: 10px;
    font-size: 16px;
    font-weight: 300;
}

.infobar .header-yazi{
    display: inline-flex;
    font-size: 16px;
    color: #ffffff;
    font-weight: 300;
}
.infobar .header-yazi .text{
    font-size: 16px;
    font-weight: 300;
    margin-left: 15px;
}

.infobar .header-yazi ul{display: block;padding: 0px;margin: 0px;list-style: none;}

.infobar .header-yazi ul li{
    display: inline-block;
    margin: 0px 5px;
}

.infobar .header-yazi ul li a{
    color: white;
    font-size: 16px;
    font-weight: 300;
}

.infobar .header-yazi ul li a i{
    
}

.urun-ara-form{
    display: inline-block;
    position: relative;
    overflow: hidden;
    background-color: #f29300;
    padding: 13px 15px;
    vertical-align: middle;
    border-radius: 4px;
}

.urun-ara-form input{position: absolute;right: -250px;}

.urun-ara-form span{display: inline-block;font-size: 16px;color: white;}

.urun-ara-form .search-btn{
    display: inline-block;
    min-width: 20px;
    height: 20px;
    border-right: 1px solid #3c5085;
    vertical-align: middle;
    background: url('../img/searchicon.png');
    padding-right: 25px;
    background-position: center left;
    background-repeat: no-repeat;
    margin-right: 5px;
    border: none;
    border-right: 1px solid white;
}

.text-right{
    text-align: right;
}

.kampanya-baslik{
    color: #25292c;
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 15px;
}

.menu-moduller{
    position: absolute;
    padding: 0px;
    margin: 0px;
    list-style: none;
    right: 0px;
    left: 0px;
    width: 200px !important;
    top: 60px;
    background-color: #ffffff !important;
    display: none !important;
    z-index: 2;
    box-shadow: 0px 5px 10px 0px #64646496;
}

.menu-moduller li{
    display: inline-block;
    width: 100%;
    background: #ffffff;
    border-bottom: 1px solid #c3ddf7;
}

.menu-moduller li a{
    padding: 0px 26px !important;
    width: 100%;
    font-size: 14px !important;
    line-height: 38px !important;
    font-weight: 400 !important;
    color: #359bfd !important;
    position: relative;
    border-right: 0px !important;
    border-left: 0px !important;
}

.kirimForm .kirim{
    display: inline-block;
}

.kirimForm .pilyaj{
    display: inline-block;
}

header .menu #ustmenul ul > li:hover ul{
    display: inline-block !important;
}

.kapali{
    position: relative;
}

.kapali:after{
    content: '';
    position: absolute;
    right: -10px;
    left: -10px;
    top: -5px;
    bottom: -5px;
    background-color: #82828278;
    z-index: 999;
}

.urunDetay .ozet-alani{
    position: sticky;
    display: inline-block;
    width: 100%;
    top: 10px;
}

.urunDetay .ozet-alani .siparisBilgisi:nth-child(2){
    margin-top: 15px;
}

.urunDetay .ozet-alani .siparisBilgisi .ackapa{display: inline-block;width: 100%;padding: 0px 0px 10px 0px;border-bottom: 1px solid #c7ced6;font-size: 18px;cursor: pointer;transition: 0.3s ease all;font-weight: 500;color: #9dacbd;margin-bottom: 10px;}

.urunDetay .ozet-alani .siparisBilgisi .ackapa i{
    float: right;
    margin-right: 10px;
    margin-top: 3px;
}

.displaynone{
    display: none;
}

.kapat{
    position: relative;
}

.kapat:after{
    content: '';
    position: absolute;
    right: 0px;
    left: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 9;
    background-color: #ffffff00;
    cursor: pointer;
}

.urunler .siparisdurum{
    display: inline-flex;
    width: 100%;
    padding: 0px;
    margin: 0px;
    list-style: none;
    text-align: center;
    margin-top: 15px;
}
.urunler .siparisdurum li{
    display: inline-block;
    font-size: 13px;
    margin: 0px 0px;
    padding: 0px 6px;
    color: #5a5a5a;
    font-weight: 600;
}
.urunler .siparisdurum li i{display: inline-block;width: 100%;font-size: 16px;}

.urunler .siparisdurumactive{color: #4ad17c !important;}
.urunler .siparisdurumayapiliyo{color: #f49300 !important;}

.urunler .siparisdurumactive i{
    
}

.urunler .onaylanmadi{display: inline-block;width: 100%;text-align: center;}

.urunler .onaylanmadi .redbaslik{
    display: inline-flex;
    margin-bottom: 15px;
}

.urunler .onaylanmadi .redbaslik i{font-size: 30px;display: inline-block;color: #fd4d4d;}

.urunler .onaylanmadi .redbaslik span{font-size: 18px;color: #fd4d4d;display: inline-block;margin-top: 3px;margin-left: 10px;font-weight: 600;}

.urunler .onaylanmadi .redaciklama{display: inline-block;width: 100%;font-size: 12px;color: white;padding: 7px 15px;font-weight: 500;text-align: left;background-color: #fd4d4d;border-radius: 5px;}

.urunler .kargotakip{
    display: inline-flex;
    width: 100%;
    margin-top: 15px;
}
.urunler .kargotakip .kargobaslik{
    display: inline-block;
    color: #575756;
    padding: 7px 0px;
}
.urunler .kargotakip input{
    border: none;
    border-radius: 10px;
    padding: 0px 10px;
    font-size: 24px;
    color: #f49400;
    font-weight: 500;
}

.logobg .sagmenu{
    display: inline-block;
}
.logobg .sagmenu .ara{
    border: 2px solid #9dacbd;
    padding: 0px 0px;
    text-align: left;
    border-radius: 5px;
}
.logobg .sagmenu .ara input{
    border: none;
    padding-left: 15px;
    font-size: 16px;
    color: #9dacbd;
    font-weight: 300;
    min-width: 350px;
}
.logobg .sagmenu .ara button{
    color: #9dacbd;
    border: none;
    padding: 8px 20px;
    border-radius: 3px;
    font-size: 16px;
    background: transparent;
}

.logobg .menudis{
    display: inline-flex;
    width: 100%;
}

.logobg .girisuye{display: inline-block;}

.logobg .girisuye a{display: inline-flex;width: 150px;text-align: center;border: 1px solid #e1e1e1;border-radius: 3px;padding: 13px 15px;height: 62px;vertical-align: middle;}

.logobg .girisuye a .gorsel{display: inline-block;height: 32px;width: 49px;background-position: center;background-repeat: no-repeat;background-size: contain;}

.logobg .girisuye a span{display: inline-block;padding-left: 5px;font-size: 14px;line-height: 18px;text-align: left;width: 100%;color: #4a4a54;}

.logobg .girisuye a:nth-child(2) span{
    padding: 7px 5px;
}

.slideralt .ozellikler .ozellik span{
    display: inline-block;
    font-size: 14px;
    color: #000000;
    font-weight: 400;
    padding: 0px  0px 0px 50px;
    text-align: left;
    width: 110px;
    line-height: 20px;
}
.slideralt .ozellikler .ozellik div{
    display: inline-block;
    width: 36px;
    height: 36px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 25px;
    top: 0px;
}

.slideralt .ozellikler .ozellik span{
    display: inline-block;
    font-size: 14px;
    color: #000000;
    font-weight: 400;
    padding: 0px  0px 0px 50px;
    text-align: left;
    width: 110px;
    line-height: 20px;
}
.slideralt .ozellikler .ozellik div{
    display: inline-block;
    width: 36px;
    height: 36px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 25px;
    top: 0px;
}

footer .footer-baslik{background-color: #ffffff;padding: 30px 0px;text-align: center;color: white;font-size: 12px;font-weight: 500;margin-top: 25px;}

.footer-icerik{

    display: inline-flex;

    width: 100%;

    padding: 30px 0px;
}

.footer-icerik .gorsel{display: inline-block;background-image: url('../img/temelbilisim.png');background-position: center;background-repeat: no-repeat;background-size: contain;width: 50px;margin-right: 15px;}

.footer-icerik .yazi{font-size: 14px;color: #ffffff;font-weight: 400;margin-left: 5px;}

.footer-icerik .yazi span{

    font-weight: bold;
}

header .menu #ustmenul ul > li > ul > li:before{
    font-family: FontAwesome;
    content: "\f054";
    position: absolute;
    left: 0px;
    font-size: 12px;
    height: 16px;
    top: calc(50% - 8px);
    color: #359bfd;
    opacity: 0;
    transition: all 0.3s ease;
}

header .menu #ustmenul ul > li > ul > li:hover:before{
    left: 10px;
    opacity: 1;
}

#bilgilendirme{
    display: inline-block;
    width: 100%;
    padding: 15px 20px 15px 20px;
    margin: 10px 0px;
    color: #212529;
    border-radius: 5px;
    font-size: 16px;
    border: 3px solid #1877f2;
}
#bilgilendirme span{
    font-weight: 700;
    color: #212529;
}

.sablonlar2 {border-radius: 4px;border: 2px solid #f0f0f4;padding: 30px 20px 20px 20px;margin-bottom: 30px;background: #fff;min-height: 170px;position: relative;position: sticky;}

.sablonlar2 .baslik {

    position: absolute;

    top: -13px;

    background: #fff;

    padding: 5px 25px 5px 10px;

    border-radius: 4px;
}

.sablonlar2 ul{display: inline-block;width: 100%;padding: 0px;padding-left: 15px;margin: 0px;font-size: 13px;}

.sablonlar2 ul li{color: #484848;font-weight: 400;}

.sablonlar2 ul li a{

}

.sablonlar2 .yazi{
    display: inline-block;
    width: 100%;
    font-size: 13px;
    color: #484848;
    font-weight: 400;
}

.faturbilgisec{display: inline-flex;width: 100%;margin-bottom: 15px;}

.faturbilgisec .faturabilgi{
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: #fdc300;
    color: white;
    padding: 10px 0px;
    border: 1px solid #fdc300;
    margin: 0px 5px;
    border-radius: 5px;
    cursor: pointer;
}

.faturbilgisec .selected{background-color: transparent;color: #fdc300;font-weight: 600;}

.faturareaclose{display: none;}

.boxshadownone{
    box-shadow: none;
    padding: 0px;
}

.slide-mobil-menu{
    display: block;
    width: 100%;
    height: 0px;
    overflow: hidden;
}

.mobil-menu{
    display: none;
    width: 100%;
}

.mobilupbtn{
    display: none;
    width: 30px;
    height: 30px;
    position: fixed;
    bottom: 75px;
    right: 20px;
    background-color: #f2f8fd;
    text-align: center;
    border-radius: 100%;
    border: 3px solid #3c5085;
    color: #3c5085;
    z-index: 99;
}

.mkapat{

}

#header-menu .ara-block{
    display: none;
}

.modullerbox{
    display: none;
}

.mobilbilgibtn{
    display: none;
}

.anasayfasliderdots{display: block;text-align: center;position: absolute;bottom: -10px !important;margin: 5px 45px 10px 45px;width: auto !important;}

.anasayfasliderdots span{
    
}

.anasayfaBanner .slayticerik{
    display: inline-block;
    width: 100%;
    padding: 0px 20px;
    position: relative;
}

.anasayfaBanner .slayticerik .baslik{
    display: inline-block;
    width: 100%;
    font-size: 65px;
    color: white;
    font-weight: 700;
    line-height: 70px;
    margin-top: 65px;
  /*  background-image: url('../img/slidecerceve.png');*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 10px;
    position: relative;
}

.anasayfaBanner .slayticerik .baslik .cercevekare:nth-child(1){
    left: -5px;
    top: -5px;
}
.anasayfaBanner .slayticerik .baslik .cercevekare:nth-child(2){
    left: calc(50% - 5px);
    top: -5px;
}
.anasayfaBanner .slayticerik .baslik .cercevekare:nth-child(3){
    right: -5px;
    top: -5px;
}
.anasayfaBanner .slayticerik .baslik .cercevekare:nth-child(4){
    right: -5px;
    bottom: -5px;
}
.anasayfaBanner .slayticerik .baslik .cercevekare:nth-child(5){
    left: calc(50% - 5px);
    bottom: -5px;
}
.anasayfaBanner .slayticerik .baslik .cercevekare:nth-child(6){
    left: -5px;
    bottom: -5px;
}
.cercevekare{
    position: absolute;
    width: 10px;
    height: 10px;
    background-image: url('../img/cercevekare.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.anasayfaBanner .slayticerik .altbaslik{
    display: inline-block;
    width: 100%;
    font-size: 23px;
    color: white;
    font-weight: 100;
    margin-bottom: 25px;
    margin-top: 20px;
    line-height: 27px;
    text-decoration: underline;
    text-decoration-color: #3076f4;
}
.anasayfaBanner .slayticerik .icerik{
    display: inline-block;
    width: 100%;
    font-size: 13px;
    color: #08080a;
    max-width: 300px;
    margin-bottom: 50px;
    max-height: 80px;
    overflow: hidden;
}
.anasayfaBanner .slayticerik .slidebtn{display: inline-block;width: 100%;margin-bottom: 25px;}
.anasayfaBanner .slayticerik .slidebtn a{
    display: inline-block;
    width: 155px;
    background-color: #fdc300;
    padding: 7px 15px;
    font-size: 20px;
    color: #08080a;
    height: 45px;
    border-radius: 5px;
    font-weight: 900;
}
.anasayfaBanner .slayticerik .slidebtn a span{}
.anasayfaBanner .slayticerik .slidebtn a i{
    float: right;
    position: relative;
    top: 5px;
}

.anasayfaBanner .slidegorsel{
    display: block;
    width: 100%;
    margin: 5px -5px;
    height: 326px;
    border-radius: 10px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.paddingnone{
    padding: 0px;
}
.glow-on-hover {
    width: 220px;
    height: 50px;
    border: none;
    outline: none;
    color: #fff;
    background: #111;
    cursor: pointer;
    position: relative;
    z-index: 0;
    border-radius: 10px;
}

.glow-on-hover:before {
    content: '';
    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
    position: absolute;
    top: -2px;
    left:-2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;
}

.glow-on-hover:active {
    color: #000
}

.glow-on-hover:active:after {
    background: transparent;
}

.glow-on-hover:hover:before {
    opacity: 1;
}

.glow-on-hover:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #111;
    left: 0;
    top: 0;
    border-radius: 10px;
}

.masaustukapat{
    background-image: none !important;
}


.swiper-slider .swiperbtnbox{position: absolute;right: 0px;left: 0px;top: calc(50% - 70px);}
.swiper-slider .swiperbtnbox div div{
    display: inline-block;
    border-radius: 10px;
    width: 45px;
    text-align: center;
    cursor: pointer;
    position: relative;
    z-index: 99999;
    font-size: 70px;
    font-weight: 100;
    color: white;
}
.swiper-slider .swiperbtnbox div div i{
    font-weight: 100;
}
.swiper-slider .swiperbtnbox .swiper-button-nxt{
    float: left;
    left: -75px;
}
.swiper-slider .swiperbtnbox .swiper-button-prv{
    float: right;
    right: -75px;
}

#urunler .colozel{
    max-width: 20% !important;
    padding: 0px;
    margin-top: 30px;
}

.anasayfaline{
    display: block;
    width: 100%;
    background-color: #c1d0d7;
    height: 50px;
    margin-top: 20px;
}

.slidekategoridis{
    display: block;
    width: 100%;
    text-align: center;
    padding: 0px;
    margin: 0px;
    margin-bottom: 25px;
}
.slidekategoridis li{
    display: inline-block;
}
.slidekategoridis li a{
    display: inline-block;
    margin: 0px 15px;
    padding: 5px 15px;
    border-radius: 30px;
    font-size: 14px;
    color: #0b0b06;
}
.slidekategoridis .active{
    position: relative;
    z-index: 1;
}
.slidekategoridis .active:before{
    content: '';
    position: absolute;
    background-color: white;
    width: 25px;
    height: 25px;
    bottom: 0px;
    transform: rotate(45deg);
    z-index: 0;
    left: calc(50% - 12.5px);
}
.slidekategoridis .active a{
    position: relative;
    z-index: 5;
    background-color: white;
    color: black;
}

.swiperclose{
    height: 0px;
    visibility: hidden;
    padding-bottom: 0px !important;
}

#gununfirsatiswiper{
    display: inline-block;
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
}
#gununfirsatiswiper .firsaturun{
    display: block;
    width: 100%;
    border: 1px solid #e5e5e5;
    padding: 0px 0px;
}
#gununfirsatiswiper .firsaturun .baslik{
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    display: block;
    padding: 20px 0;
    text-align: center;
}
#gununfirsatiswiper .firsaturun .gorsel{
    display: block;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 255px;
}
#gununfirsatiswiper .firsaturun .fiyat{
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: -.27px;
    font-weight: 600;
    color: #1877f2;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
}

#gununfirsatiswiper .firsaturun .cizilenfiyat{
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: -.27px;
    font-weight: 600;
    color: #a2a2a2;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
    display: block;
    width: auto;
}

#gununfirsatiswiper .firsaturun .cizilenfiyat span{
    position: relative;
}

#gununfirsatiswiper .firsaturun .cizilenfiyat span:after{
    content: '';
    position: absolute;
    height: 1px;
    background-color: #a2a2a2;
    right: 0px;
    left: 0px;
    top: calc(50% - 1px);
}

#gununfirsatiswiper .swiper-slide{

}

#gununfirsatiswiper .firsaturunbas{
    display: block;
    width: 100%;
    border: 1px solid #e5e5e5;
    padding: 0px 0px;
}
#gununfirsatiswiper .firsaturunbas .gorsel{
    display: block;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 408px;
}

.gununfirsatibaslik{
    display: inline-block;
    width: 100%;
    margin-top: 30px;
    font-size: 34px;
    margin-bottom: 100px;
    text-align: center;
    color: #405264;
    position:relative;
}
.gununfirsatibaslik .altcizgi{
    position: absolute;
    bottom: 0px;
    height: 1px;
    width: 250px;
    background-color: #3076f4;
    left: calc(50% - 125px);
}
.gununfirsatibaslik .cercevekare:nth-child(1){
    left: -5px;
    top: -5px;
}
.gununfirsatibaslik .cercevekare:nth-child(2){
    right: -5px;
    top: -5px;
}
.urunhesaplabaslik{
    position:relative;
    font-size: 24px;
    color: #405264;
    font-weight: 600;
    margin-bottom: 25px;
}
.urunhesaplabaslik .altcizgi{
    position: absolute;
    bottom: -5px;
    height: 1px;
    width: 100%;
    background-color: #3076f4;
    left: 0px;
}
.urunhesaplabaslik .cercevekare:nth-child(1){
    left: -5px;
    top: -5px;
}
.urunhesaplabaslik .cercevekare:nth-child(2){
    right: -5px;
    top: -5px;
}
.gununfirsatibaslik a{
    font-size: 16px;
    color: #fdc300;
    font-weight: 600;
    padding: 0px 0px;
    margin-left: 10px;
}
.gununfirsatibaslik a i{
    margin-left: 7px;
    font-size: 17px;
}

#gununfirsatiswiperbox{
    position: absolute;
    top: calc(50% - 12px);
    left: 0px;
    right: 0px;
}
#gununfirsatiswiperbox #swiper-button-nextgununfirsati{
    display: inline-block;
    float: left;
    color: #575656;
    font-size: 20px;
    background-color: white;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.24);
    width: 30px;
    height: 30px;
    border-radius: 100%;
    text-align: center;
    position: relative;
    z-index: 9;
    cursor: pointer;
}
#gununfirsatiswiperbox #swiper-button-prevgununfirsati{display: inline-block;float: right;color: #575656;font-size: 20px;background-color: white;box-shadow: 0 0 8px 0 rgba(0,0,0,.24);width: 30px;height: 30px;border-radius: 100%;text-align: center;position: relative;z-index: 9;cursor: pointer;}
#gununfirsatiswiperbox #swiper-button-nextgununfirsati i{}
#gununfirsatiswiperbox #swiper-button-prevgununfirsati i{}

#gununfirsatiswiperbox2{
    position: absolute;
    top: calc(50% - 12px);
    left: 0px;
    right: 0px;
}
#gununfirsatiswiperbox2 #swiper-button-nextgununfirsati2{
    display: inline-block;
    float: left;
    color: #575656;
    font-size: 20px;
    background-color: white;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.24);
    width: 30px;
    height: 30px;
    border-radius: 100%;
    text-align: center;
    position: relative;
    z-index: 9;
    cursor: pointer;
}
#gununfirsatiswiperbox2 #swiper-button-prevgununfirsati2{display: inline-block;float: right;color: #575656;font-size: 20px;background-color: white;box-shadow: 0 0 8px 0 rgba(0,0,0,.24);width: 30px;height: 30px;border-radius: 100%;text-align: center;position: relative;z-index: 9;cursor: pointer;}
#gununfirsatiswiperbox2 #swiper-button-nextgununfirsati2 i{}
#gununfirsatiswiperbox2 #swiper-button-prevgununfirsati2 i{}

#organizeswiper{
    display: inline-block;
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
}
#organizeswiper .firsaturun{
    display: block;
    width: 100%;
    border: 1px solid #e5e5e5;
    padding: 0px 0px;
}
#organizeswiper .firsaturun .baslik{
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    display: block;
    padding: 20px 0;
    text-align: center;
}
#organizeswiper .firsaturun .gorsel{
    display: block;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 255px;
}
#organizeswiper .firsaturun .fiyat{
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: -.27px;
    font-weight: 600;
    color: #1877f2;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
}

#organizeswiper .firsaturun .cizilenfiyat{
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: -.27px;
    font-weight: 600;
    color: #a2a2a2;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
    display: block;
    width: auto;
}

#organizeswiper .firsaturun .cizilenfiyat span{
    position: relative;
}

#organizeswiper .firsaturun .cizilenfiyat span:after{
    content: '';
    position: absolute;
    height: 1px;
    background-color: #a2a2a2;
    right: 0px;
    left: 0px;
    top: calc(50% - 1px);
}

#organizeswiper .swiper-slide{

}

#organizeswiper .firsaturunbas{
    display: block;
    width: 100%;
    border: 1px solid #e5e5e5;
    padding: 0px 0px;
}
#organizeswiper .firsaturunbas .gorsel{
    display: block;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 408px;
}


.urunlerbaslik{}

.posbaslik{
    font-size: 16px;
    margin-top: 50px;
    border-bottom: 2px solid #daa906;
    padding-bottom: 5px;
    margin-bottom: 15px;
    color: #daa906;
}

.iletisimbilgi{
    display: block;
    width: 100%;
}
.iletisimbilgi ul{
    display: block;
    width: 100%;
    padding: 0px;
    margin: 0px;
    list-style: none;
    color: white;
}
.iletisimbilgi ul li{
    font-size: 14px;
    font-weight: 400;
}
.iletisimbilgi ul li span{font-weight: 700;}

.sepetuye{
    display: inline-flex;
    height: 44px;
    margin-left: 20px;
}
.sepetuye a{
    display: inline-flex;
    width: 100%;
}
.sepetuye a .sepettext{
    margin-right: 5px;
    display: inline-block;
    margin-left: 10px;
}
.sepetuye a .sepettext .baslik{
    display: block;
    width: 100%;
    font-size: 14px;
    color: #9dacbd;
    font-weight: 700;
}
.sepetuye a .sepettext .bilgi{
    display: inline-flex;
    width: 100%;
    line-height: 0px;
}
.sepetuye a .sepettext .bilgi span{font-size: 21px;color: #9dacbd;font-weight: 700;}
.sepetuye a .sepettext .bilgi .urunsayisi{
    font-size: 14px;
    color: #9dacbd;
    padding-top: 3px;
    margin-left: 5px;
}
.sepetuye a .sepeticon{
    display: inline-block;
    height: 45px;
    width: 45px;
}
.sepetuye a .sepeticon div{
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


.sepetuye a{
    display: inline-flex;
    width: 100%;
    /* margin-left: 25px; */
}
.sepetuye a .giristext{
    display: inline-block;
    min-width: 90px;
    margin-right: 5px;
    margin-left: 15px;
}
.sepetuye a .giristext .baslik{
    display: block;
    width: 100%;
    font-size: 16px;
    color: #3076f4;
    font-weight: 700;
    text-align: left;
}
.sepetuye a .giristext .bilgi{
    display: inline-flex;
    width: 100%;
}
.sepetuye a .giristext .bilgi span{font-size: 14px;color: #9dacbd;font-weight: 700;}
.sepetuye a .giristext .bilgi .urunsayisi{
    font-size: 14px;
    color: #9dacbd;
    padding-top: 0px;
    margin-left: 5px;
}
.sepetuye a .girisicon{
    display: inline-block;
    height: 45px;
    width: 45px;
}
.sepetuye a .girisicon div{
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


.headersepetarauyeol{display: inline-flex;padding: 13px 0px;padding-left: 120px;}

.anasayfatanitim{
    display: block;
    width: 100%;
    padding: 70px 0px;
    background-color: #f4f7fc;
}
.anasayfatanitim a{display: block;width: 100%;border-radius: 20px;padding: 15px;min-height: 150px;position: relative;}
.anasayfatanitim .col-lg-4:nth-child(1) a{
    background-color: #b040ff;
}
.anasayfatanitim .col-lg-4:nth-child(2) a{
    background-color: #fff940;
}
.anasayfatanitim .col-lg-4:nth-child(3) a{
    background-color: #3076f4;
}
.anasayfatanitim .baslik{
    color: white;
    font-size: 20px;
    font-weight: 400;
}
.anasayfatanitim .aciklama{
    font-size: 28px;
    font-weight: 500;
    color: white;
    max-width: 135px;
    line-height: 25px;
}
.anasayfatanitim .gorsel{
    position: absolute;
    right: 0px;
    bottom: -60px;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
    width: 200px;
    height: 200px;
    z-index: 999999;
}

.anasayfatanitim .col-lg-4:nth-child(2) .baslik{
    color: black;
}
.anasayfatanitim .col-lg-4:nth-child(2) .aciklama{
    color: black;
}
.anasayfatanitim .col-lg-4:nth-child(2) .gorsel{}

.urunler{
    display: block;
}
.urunler .urun button{
    position:absolute;
    border: none;
    border-radius: 10px;
    background-color: #3076f4;
    color: white;
    padding: 3px 15px;
    font-size: 15px;
    left: calc(50% - 58px);
    opacity: 0;
    transition: all 0.3s ease;
    bottom: -28px;
    cursor: pointer;
}
.urunler .urun button i{
    margin-left: 5px;
}
.urunler .urun{
    display: block;
    width: 100%;
    background-color: white;
    border-radius: 15px;
    min-height: 165px;
    margin-bottom: 100px;
    position: relative;
    padding-top: 70px;
    padding-bottom: 5px;
}
.urunler .urun2{
    margin-top: 100px;
    margin-bottom: 20px;
}
.urunler .urun .urungorsel{
    position: absolute;
    right: 0px;
    left: 0px;
    top: -50px;
    height: 115px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.urunler .urun:hover button{
    opacity:1;
    bottom:-14px;
}
.urunler .urun:hover .urungorsel{
    filter: sepia(100%) hue-rotate(190deg) saturate(500%);
}
.urunler .urun .urunbaslik{
    display: block;
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    color: #405264;
}
.urunler .urun .bilgidetay{
    display: inline-flex;
    width: 100%;
    text-align: center;
}
.urunler .urun .bilgidetay .adet{
    display: inline-block;
    width: 100%;
    text-align: right;
    font-size: 14px;
    margin-right: 5px;
    color: #9dacbd;
    font-weight: 300;
}
.urunler .urun .bilgidetay .kargogun{
    display: inline-block;
    width: 100%;
    text-align: left;
    font-size: 14px;
    margin-left: 5px;
    color: #9dacbd;
    font-weight: 300;
}
.urunler .urun .fiyat{
    display: block;
    width: 100%;
    text-align: center;
    color: #3076f4;
    font-size: 22px;
    margin-bottom: 15px;
}
.urunler .urun .fiyat span{
    font-size: 13px;
    color: #9dacbd;
    font-weight: 300;
}
.urunler .tumurunler{display: block;width: 100%;text-align: center;font-size: 20px;color: #3076f4;margin-bottom: 50px;}
.urunler .tumurunler a{color: #3076f4;}
.urunler .tumurunler a i{
    margin-left: 15px;
}
.urunasamalaridis{
    display: block;
    width: 100%;
    background-color: #f4f7fc;
}
.urunasamalaridis .urunasamalaribaslik{
    display: block;
    width: 100%;
    text-align: center;
    color: #405264;
    font-size: 30px;
    margin-bottom: 75px;
    position: relative;
}

.urunasamalaridis .urunasamalaribaslik .baslikcerceve{
    display: block;
    width: 760px;
    position: absolute;
    left: calc(50% - 380px);
    border: 1px solid #3076f4;
    top: 0px;
    bottom: 0px;
}

.urunasamalaridis .urunasamalaribaslik .baslikcerceve .cercevekare:nth-child(1){
    left: -5px;
    top: -5px;
}
.urunasamalaridis .urunasamalaribaslik .baslikcerceve .cercevekare:nth-child(2){
    left: calc(50% - 5px);
    top: -5px;
}
.urunasamalaridis .urunasamalaribaslik .baslikcerceve .cercevekare:nth-child(3){
    right: -5px;
    top: -5px;
}
.urunasamalaridis .urunasamalaribaslik .baslikcerceve .cercevekare:nth-child(4){
    right: -5px;
    bottom: -5px;
}
.urunasamalaridis .urunasamalaribaslik .baslikcerceve .cercevekare:nth-child(5){
    left: calc(50% - 5px);
    bottom: -5px;
}
.urunasamalaridis .urunasamalaribaslik .baslikcerceve .cercevekare:nth-child(6){
    left: -5px;
    bottom: -5px;
}
.urunasamalaridis .urunasamalaribaslik .baslikcerceve .cercevekare:nth-child(7){
    left: -5px;
    top: calc(50% - 5px);
}
.urunasamalaridis .urunasamalaribaslik .baslikcerceve .cercevekare:nth-child(8){
    right: -5px;
    top: calc(50% - 5px);
}

section.anasayfabilgi{padding: 100px 0px;background-color: #f4f7fc;}

section.sosyalmedya{
    display: block;
    width: 100%;
    background-color: #f4f7fc;
    padding-bottom: 50px;
}
section.sosyalmedya .iconlar{
    display: block;
    width: 100%;
    list-style: none;
    padding: 0px;
    margin: 0px;
}
section.sosyalmedya .iconlar li{
    display: inline-block;
    margin: 0px 7px;
    min-width: 120px;
    text-align: center;
}
section.sosyalmedya .iconlar li a{
    display: block;
    width: 100%;
    background-color: white;
    padding: 35px 17px 0px 17px;
    min-height: 130px;
    border-radius: 20px;
    text-align: center;
    color: #405264;
}
section.sosyalmedya .iconlar li a:hover{
    color: #3076f4;
    box-shadow: 0px 0px 70px 0px rgba(213, 224, 237, 1);
}
section.sosyalmedya .iconlar li a span{}
section.sosyalmedya .iconlar li a i{
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
    font-size: 40px;
}
section.sosyalmedya .aciklama{
    display: block;
    width: 100%;
    text-align: left;
    padding: 15px 0px;
}
section.sosyalmedya .aciklama .hastag{
    display: block;
    width: 100%;
    color: #405264;
    font-size: 30px;
    margin-bottom: 5px;
    font-weight: 600;
    position: relative;
}
section.sosyalmedya .aciklama .hastag .altcizgi{
    position: absolute;
    bottom: 0px;
    height: 1px;
    width: 250px;
    background-color: #3076f4;
}
section.sosyalmedya .aciklama .hastag .cercevekare:nth-child(1){
    left: -5px;
    top: -5px;
}
section.sosyalmedya .aciklama .hastag .cercevekare:nth-child(2){
    right: -5px;
    top: -5px;
}
section.sosyalmedya .aciklama .text{
    font-size: 16px;
    color: #9dacbd;
    font-weight: 400;
}

section.footerbilgi{
    display: block;
    width: 100%;
    background-color: #405264;
    position:relative;
}
section.footerbilgi:after{
    content: '';
    position: absolute;
    right: 0px;
    left: 0px;
    bottom: -26px;
    height: 30px;
    background-image: url('../img/headergolge.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
section.footerbilgi .text{
    display: block;
    width: 100%;
    font-size: 16px;
    color: white;
    padding: 5px 0px;
    font-weight: 300;
}
section.footerbilgi .bilgidis{
    display: inline-flex;
    padding: 5px 0px;
    color: white;
    font-weight: 300;
    font-size: 16px;
    margin-left: 120px;
}
section.footerbilgi .bilgidis div{
    font-size: 16px;
    font-weight: 300;
    margin-right: 5px;
}
section.footerbilgi .bilgidis a{
    color: white;
    font-size: 16px;
    font-weight: 300;
    margin: 0px 10px;
}

section.footermenuler{
    display: block;
    width: 100%;
    background-color: #f4f7fc;
    padding: 40px 0px;
}
section.footermenuler .mobilbilgi{
    display: block;
    width: 100%;
    background-color: white;
    border-radius: 10px;
    padding: 15px;
    box-shadow: 0px 0px 70px 0px rgba(213, 224, 237, 1);
    position: relative;
}
section.footermenuler .mobilbilgi:after{
    content:'';
    position: absolute;
    background-image: url('../img/telefon.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 450px;
    height: 450px;
    right: -80px;
    bottom: -280px;
}
section.footermenuler .mobilbilgi .mobiltanitimbaslik{
    display: block;
    width: 100%;
    color: #405264;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
}
section.footermenuler .mobilbilgi .appstore{
    max-width: 150px;
    display: block;
    margin-bottom: 5px;
}
section.footermenuler .mobilbilgi .playstore{
    max-width: 150px;
    display: block;
}

section.footermenuler .footerlogo{
    display: block;
    width: 100%;
    margin-top: 125px;
    margin-bottom: 25px;
}

section.footermenuler .iletisimdis{
    display: inline-flex;
    width: 100%;
    margin-bottom: 10px;
    vertical-align: middle;
}
section.footermenuler .iletisimdis .icon{
    color: #357af4;
    font-size: 28px;
}
section.footermenuler .iletisimdis .text{
    display: block;
    width: 100%;
    font-size: 16px;
    color: #9dacbd;
    font-weight: 400;
    line-height: 20px;
    margin-left: 15px;
    padding: 10px 0px;
}

section.footermenuler .footermenu{
    margin-bottom: 25px;
}
section.footermenuler .footermenu h1{
    display: block;
    width: 100%;
    font-size: 18px;
    color: #405264;
    font-weight: 800;
}
section.footermenuler .footermenu ul{
    display: block;
    width: 100%;
    padding: 0px;
    margin: 0px;
    list-style: none;
}
section.footermenuler .footermenu ul li{
    margin-bottom: 5px;
}
section.footermenuler .footermenu ul li a{
    display: block;
    width: 100%;
    font-size: 15px;
    color: #9dacbd;
    font-weight: 500;
}
section.footeralt{background-image: url('../img/footerarka.png');background-position: left top;background-repeat: no-repeat;background-size: cover;min-height: 247px;position: relative;}
section.footeralt .footertext{
    display: block;
    width: 100%;
    font-size: 16px;
    color: #9dacbd;
    font-weight: 400;
    padding: 30px 0px;
}
section.footeralt .createby{
    position: absolute;
    left: 20px;
    bottom: 20px;
    color: #f3f6fb;
    font-size: 12px;
    font-weight: 500;
}

.menu2{}
.menu2 ul{
    display: block;
    width: 100%;
    list-style: none;
    margin: 0px;
    padding: 7px 0px;
}
.menu2 ul li{
    display: inline-block;
    padding-right: 10px;
    padding-left: 5px;
    border-right: 1px solid #dfdfdf;
}
.menu2 ul li a{
    font-size: 14px;
    color: #9dacbd;
}

.b-radius-10px{border-radius: 10px;}

.urungorselvesablon{
    background-color: white;
    border-radius: 20px;
    padding: 20px;
}
.urungorselvesablon .urungorsel{}
.urungorselvesablon .sablon{}
.urungorselvesablon .sablon .baslik{
    font-size: 18px;
    color: #ff4092;
    font-weight: 500;
    border-bottom: 1px solid #ff4092;
    padding-bottom: 3px;
}
.urungorselvesablon .sablon .aciklama{
    display: block;
    width: 100%;
    color: #9dacbd;
    font-size: 15px;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 10px;
}
.urungorselvesablon .sablon ul{
    display: block;
    width: 100%;
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.urungorselvesablon .sablon ul li{
    display: inline-block;
    background-color: #ff4092;
    color: white;
    padding: 5px 15px;
    border-radius: 30px;
    width: 49%;
    margin-bottom: 10px;
}
.urungorselvesablon .sablon ul li i{
    float: right;
    position: relative;
    top: 4px;
}
.urungorselvesablon .sablon .tumsablonlar{
    display: block;
    width: 100%;
    font-size: 15px;
    color: #9dacbd;
    font-weight: 400;
    margin-top: 10px;
    border-top: 1px solid #c7ced6;
    padding-top: 10px;
}

.hesaplamabilgi{
    display: block;
    width: 100%;
    background-color: white;
    border-radius: 20px;
    margin-top: 30px;
    padding: 20px;
}
.hesaplamabilgi .baslik{
    display: block;
    width: 100%;
    color: #9dacbd;
    font-size: 18px;
    border-bottom: 1px solid #c7ced6;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
.hesaplamabilgi .aciklama{
    display: block;
    width: 100%;
    color: #9dacbd;
    font-size: 15px;
    font-weight: 400;
}

@media only screen and (max-width: 479px) {
    #gununfirsatiswiper{
        margin-bottom: 0px;
    }
    section.urunler .urun hr{
        margin: 5px;
    }
    .padding-5{
        padding: 5px;
    }
    #gununfirsatiswiper .firsaturunbas .gorsel{
    height: 238px;
}
    #gununfirsatiswiper .firsaturun .baslik{
    font-size: 12px;
    padding: 5px 0px;
    min-height: 45px;
}
    #gununfirsatiswiper .firsaturun .gorsel{
    height: 135px;
}
    #gununfirsatiswiper .firsaturun .fiyat{
    margin-top: 10px;
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 5px;
}
    #gununfirsatiswiper .firsaturun .cizilenfiyat{
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 5px;
}
    #urunler .colozel{
    max-width: 50% !important;
}
    .anasayfaBanner .slayticerik{}
    .anasayfaBanner .slayticerik .baslik{
    font-size: 28px;
}
    .anasayfaBanner .slayticerik .altbaslik{
    font-size: 20px;
    margin-bottom: 10px;
    line-height: 35px;
}
    .anasayfaBanner .slayticerik .icerik{
    font-size: 12px;
    margin-bottom: 10px;
}
    .anasayfaBanner .slayticerik .slidebtn{
    margin-bottom: 20px;
}
    .anasayfaBanner .slayticerik .slidebtn a{}
    .anasayfaBanner .slayticerik .slidebtn a span{}
    .anasayfaBanner .slayticerik .slidebtn a i{}
    .anasayfaBanner .slidegorsel{
    height: 148px;
    margin: 0px;
    border-radius: 0px;
}
    .slidekategoridis{
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .slidekategoridis li{
    width: 100%;
}
    .slidekategoridis .active:before{
    display: none;
}
    .slidekategoridis .active a{
    width: 100%;
    margin: 0px;
}
    .mobilbilgibtn{
        display: inline-block;
        width: 100%;
        padding: 5px 10px;
        margin-bottom: 20px;
        border: 1px solid #f0f0f4;
        color: #495057;
    }
    .mobilbilgibtn i{float: right;top: 4px;position: relative;color: #495057;}
    .mhidden{
        overflow: hidden;
        height: 0px;
        display: block;
        min-height: 0px;
        padding: 0px;
        margin: 0px;
        border: none;
    }
    .modullergradient{
        background: rgb(253, 195, 0);
        background: linear-gradient(180deg, rgb(255, 255, 255) -20%, rgb(253, 195, 0) 100%);
    }
    #modullermodal h1{
        font-size: 25px;
        display: inline-block;
        padding: 15px 0px;
        color: #fdc302;
    }
    #modullermodal ul{
    display: inline-block;
    width: 100%;
    padding: 0px;
    margin: 0px;
    list-style: none;
}
    #modullermodal ul li{
    display: inline-block;
    width: 100%;
}
    #modullermodal ul li a{
    display: inline-block;
    width: 100%;
    color: #fdc302;
    font-size: 16px;
    background-color: white;
    margin: 2px 0px;
    padding: 5px 10px;
    border-radius: 10px;
}
    #modullermodal ul li a i{font-size: 12px;position: relative;top: -1px;}
    .modullerbox{display: block;position: fixed;height: 65px;width: 65px;bottom: 20px;left: 20px;background: linear-gradient(95deg, rgb(255, 156, 72) 20%, rgb(250, 202, 23) 80%);border-radius: 100%;text-align: center;padding: 15px 0px;color: white;font-size: 24px;cursor: pointer;z-index: 999;}
    .modullerbox i{
        
    }
    section.urunler .urun .aciklama a:not(.btn) span{
    padding: 0px;
    padding-top: 10px;
    min-height: 60px;
    }
    section.urunler .urun .aciklama .adet{
        display: inline-block;
        width: 100%;
        padding: 0px;
        text-align: center;
    }
    section.urunler .urun .aciklama .kargo{
        display: inline-block;
        width: 100%;
        padding: 0px;
        text-align: center;
    }
    section.urunler .urun .aciklama .fiyat{
        display: inline-block;
        width: 100%;
        margin-bottom: 10px;
        font-size: 16px;
    }
    #urunler > div > div > div > div > div > div.d-flex.align-items-center.justify-content-between.pl-13.pr-13.pb-18 > a{
    width: 100%;
}
    #urunler > div > div > div > div > div > div:nth-child(2){
        display: none !important;
        width: 100%;
    }
    #urunler > div > div > div > div > div > div.d-flex.align-items-center.justify-content-between.pl-13.pr-13.pb-18{
        display: inline-block !important;
        width: 100%;
        text-align: center;
    }
    .mobilupbtn{display: block;}
    .mkapat{display: none;}
    section.anasayfaBanner{padding-top: 0px;background-image: none;border-bottom: 3px solid #4a4f55;padding-bottom: 0px;}
    section.slideralt{display: none;}
    .paddingnonemobil{
        padding: 0px;
    }
    section.anasayfaBanner .swiper-slide{
        width: 100% !important;
    }
    .mobil-icon{
        float: right;
        font-size: 25px;
        margin: 10px 13px 10px 0px;
        border: none;
        background-color: transparent;
        width: 30px;
        height: 25px;
        display: inline-block;
        position: relative;
        padding: 0px;
        outline:0 !important;
        z-index: 9999;
    }

     .mobil-icon > span:nth-child(1){
        background-color: #fdc300;
        height: 4px;
        display: inline-block;
        line-height: 0px;
        position: absolute;
        width: 100%;
        left: 0px;
        top: 0px;
        transition: all 0.3s ease;
     }

     .mobil-icon > span:nth-child(2){
        background-color: #fdc300;
        height: 4px;
        display: inline-block;
        line-height: 0px;
        position: absolute;
        width: 100%;
        left: 0px;
        top: 10px;
        transition: all 0.3s ease;
     }

     .mobil-icon > span:nth-child(3){
        background-color: #fdc300;
        height: 4px;
        display: inline-block;
        line-height: 0px;
        position: absolute;
        width: 100%;
        left: 0px;
        top: 20px;
        transition: all 0.3s ease;
     }

    .mobil-active > span:nth-child(1){
        transform: rotate(45deg);
        top: 10px;
        background-color: #fdc300;
    }

    .mobil-active > span:nth-child(2){
        left: -100%;
        opacity: 0;
        background-color: #fdc300;
    }

    .mobil-active > span:nth-child(3){
        transform: rotate(-45deg);
        top: 10px;
        background-color: #fdc300;
    }

    #mobil-btn2{
    }

    #mobil-btn2 span{   
        background-color: transparent !important; 
    }

    #mobil-btn2 i{
        position: absolute;
        top: -7px;
        left: 3px;
        font-size: 35px;
        color: #fdc300;
        transition: all 0.8s ease;
    }


    .mobil-menu .logo-dis-m{
        position: relative;
        z-index: 9999;
        text-align: center;
    }
    .mobil-menu .logo-dis-m .logo-alan{}
    .mobil-menu .logo-dis-m .logo-alan img{
        width: 120px;
        text-align: center;
        margin-left: 30px;
    }
    .mobil-menu .logo-dis-m .logo-alan p{}


    .slide-mobil-menu .ara-block{
        position: fixed;
        right: 0px;
        left: 0px;
        top: 0px;
        bottom: 0px;
    }

    .slide-mobil-menu .mobil-menu{display: inline-block;width: 100%;position: absolute;left: -100%;top: 0px;z-index: 99;padding: 0px 40px;padding-top: 90px;transition: all 0.3s ease;height: 100%;background: rgb(253, 195, 0);background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(253, 195, 0) 50%);text-align: center;overflow: auto;padding-bottom: 100px;}
    .slide-mobil-menu .mobil-menu2{display: inline-block;width: 100%;position: absolute;right: -100%;top: 0px;z-index: 99;padding-top: 80px;transition: all 0.3s ease;height: 100%;background: rgb(253, 195, 0);background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(253, 195, 0) 100%);padding-bottom: 100px;}
    .slide-mobil-menu .mobil-menu3{display: inline-block;width: 100%;position: absolute;right: -100%;top: 0px;z-index: 99;padding-top: 80px;transition: all 0.3s ease;height: 100%;background: rgb(253, 195, 0);background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(253, 195, 0) 100%);padding-bottom: 100px;}
    .slide-mobil-menu .mobil-menu4{display: inline-block;width: 100%;position: absolute;right: -100%;top: 0px;z-index: 99;padding-top: 80px;transition: all 0.3s ease;height: 100%;background: rgb(253, 195, 0);background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(253, 195, 0) 100%);overflow: auto;padding-bottom: 100px;}
    .logo-dis{padding: 0px 5px;width: 100%;}
    .logo-dis img{margin: 0px 10px;max-width: 52px;}
    .logo-alan{padding: 5px 0px;display: inline-block;width: 100%;text-align: center;}
    .mac{display: block;}
    .mkapat{display: none;}
    .display-close{display: none;}
    .slider-alt{display: none;}
    .logo-alan p{padding: 10px 5px;font-size: 13px;text-align: left;}
    .slide-mobil-menu .sosyal-icon{display: none;}
    .slide-mobil-menu form{width: 100%;display: inline-block;max-width: inherit;margin: 0px;padding: 0px 40px;margin: 15px 0px;}
    .slide-mobil-menu form input{width: calc(100% - 60px);}
    .slide-mobil-menu .sepetuye{display: inline-flex;}
    .mobil-btn{display: inline-block;font-size: 25px;padding: 35px 15px;color: #007bff;}
    .header-menu{display: none;}
    .menu > li{width: 100%;transition: all 0.6s ease;}
    .menu > li > a{display: inline-block;width: 100%;padding: 10px 50px 10px 40px;text-align: left;color: white;}

    .displayblock4 .mobil-menu4{
        right: 0px !important
    }

    .displayblock4 .logo-alan{
        color: white !important;
    }
    .displayblock4 .mobil-icon > span{
        background-color: white !important;
    }

    .displayblock4 #mobil-btn4 i{
        color: white !important;   
    }

    .displayblock3 .mobil-menu3{
        right: 0px !important
    }

    .displayblock3 .logo-alan{
        color: white !important;
    }
    .displayblock3 .mobil-icon > span{
        background-color: white !important;
    }

    .displayblock3 #mobil-btn3 i{
        color: white !important;   
    }

    .displayblock2 .mobil-menu2{
        right: 0px !important
    }

    .displayblock2 .logo-alan{
        color: white !important;
    }
    .displayblock2 .mobil-icon > span{
        background-color: white !important;
    }

    .displayblock2 #mobil-btn2 i{
        color: white !important;   
    }

    .displayblock .mobil-menu{
        left: 0px !important; 
    }

    .displayblock .logo-alan{
        color: white !important;
    }
    .displayblock .mobil-icon > span{
        background-color: white !important;
    }

    .displayblock #mobil-btn2 i{
        color: white !important;   
    }

    .altmenunone{
        max-height: 0px !important;
    }
    .swiper-slider2{overflow: hidden;}
    .iconlar-dis{display: none;}
    .header{display: none;}
    .mobil-menu{display: inline-block;padding: 5px 0px;border-bottom: 3px solid #4a4f55;}
    section.urunAsamalari .asama:before {
        display: none;
    }

    header .logobg form {
        display: none;
    }

    .promosyon a{
        display: inline-block;
        width: 100%;
        margin-bottom: 15px;
    }

    .infobar .header-yazi{
        text-align: center;
    }

    header .infobar span{
        display: inline-block;
        width: 100%;
        text-align: center;
    }

    header .infobar a{
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    header .infobar{
        display: none;
    }
    header .logobg{
        display: none;
    }
    header .menu{
        display: none;
    }
    header:after{
        display: none;
    }

    section.urunler .urun > a .img{
        background-size: cover;
        padding-bottom: 100%;
        background-position: center top;
    }
    section.urunler .urun > a{
    }
    .footer-icerik{
        display: inline-block;
        text-align: center;
    }
    .footer-icerik .gorsel{
        height: 50px;
    }
    .footer-icerik .yazi{
        text-align: left;
    }
    .slide-mobil-menu  form{
        display: inline-block;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding: 0px 25px;
    }

    #sozlesme{
        border-radius: 0px;
        background-color: transparent;
        box-shadow: none;
        color: #909b9f;
        border: 1px solid transparent;
        padding: 0px;
        width: auto;
        display: inline-block;
        margin-right: 8px;
        font-size: 14px;
    }

    .slide-mobil-menu  form input{
        border-radius: 8px;
        background-color: rgba(255, 255, 255, 0.902);
        box-shadow: 0px 0px 10px 0px rgba(72, 48, 143, 0.2);
        color: #909b9f;
        border: 1px solid transparent;
        padding: 8px 20px;
        width: calc(100% - 30px);
        display: inline-block;
        margin-right: 8px;
        font-size: 14px;
    }

    .slide-mobil-menu  form select{
        border-radius: 8px;
        background-color: rgba(255, 255, 255, 0.902);
        box-shadow: 0px 0px 10px 0px rgba(72, 48, 143, 0.2);
        color: #909b9f;
        border: 1px solid transparent;
        padding: 8px 20px;
        width: calc(100% - 30px);
        display: inline-block;
        margin-right: 8px;
        font-size: 14px;
    }

    .slide-mobil-menu  form select option{

    }

    .slide-mobil-menu .btn:not(:disabled):not(.disabled){
        cursor: pointer;
    }

    .slide-mobil-menu .btn .btn-primary{
        background-color: #1877f2;
        color: #fff;
        border: 1px solid #1877f2;
        box-shadow: 0px 12px 20px 0 rgba(64, 187, 244, 0.36);
    }

    .slide-mobil-menu .btn{
        font-size: 14px;
        font-weight: 500;
        border-radius: 8px;
        box-shadow: 0px 0px 10px 0px rgba(72, 48, 143, 0.2);
        max-height: 50px;
        padding: 10px 14px;
        transition: 0.3s ease all;
    }

    .slide-mobil-menu  form .btn .icon{
        height: 15px;
        width: 15px;
        background: url(../img/searchicon.png);
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }

    section.anasayfaBanner .row > div{padding: 0px;}
    section.anasayfaBanner .row{margin:0px;}
    #header-menu .menu{display: inline-block !important;}
    #header-menu .menu{
        display: inline-block;
        width: 100%;
        margin: 0px;
        padding: 0px;
        list-style: none;
        text-align: center;
        background-color: #fea53f00;
        margin: 10px 0px;
        overflow: auto;
        border: none;
    }

    #header-menu .menu > li{
        display: block;
        margin: 0px -3px;
        text-align: center;
    }


    #header-menu .menu > li > a{
        display: block;
        font-size: 16px;
        font-weight: bold;
        color: #fefaf3;
        padding: 5px 10px;
        text-align: left;
        font-weight: 400;
        text-shadow: 0px 0px 5px black;
    }

    #header-menu .menu > li > a:hover{
    }

    .slide-mobil-menu > .ara-block > .mobil-menu > .menu > li > ul{
        display: block;
        text-align: left;
        transition: all 0.3s ease;
        max-height: 150vh;
        overflow: hidden;
        background-color: #b99108;
        border-radius: 10px;
        padding: 0px;
        margin: 0px 5px;
    }

    .slide-mobil-menu > .ara-block > .mobil-menu > .menu > li > ul > li{
        display: inline-block;
        width: 100%;
    }

    .slide-mobil-menu > .ara-block > .mobil-menu > .menu > li > ul > li > a{
        display: inline-block;
        width: 100%;
        padding: 10px 20px;
        color: #fefaf4;
        font-size: 14px;
        font-weight: 500;
        border-bottom: 1px solid #fdc300;
    }

    .slide-mobil-menu > .ara-block > .mobil-menu > .menu > li > .altmenu{
        position: relative;
    }

    .slide-mobil-menu > .ara-block > .mobil-menu > .menu > li > .altmenu:after{
        content: '\f078';
        font-family: FontAwesome;
        position: absolute;
        right: 10px;
        font-size: 14px;
        top: 3px;
    }

    .header > .ara-block > .mobil-menu > .menu > li > .beforedegis{
        color: #1877f2 !important;
        background-color: transparent;
    }

    .header > .ara-block > .mobil-menu > .menu > li > .beforedegis:after{
        content: '\f0d8';
    }

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

    .content .giristitle{
        display: inline-block;
        width: 100%;
        color: #858585;
        font-size: 21px;
        text-align: center;
        font-weight: 600;
        padding: 20px 0px 5px 0px;
    }

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

    .content .contentbody .girisformu3{

    }

    .content .contentbody .login-form__box{
        text-align: center;
        display: inline-block;
        width: 100%;
        margin: 10px 0px;
    }

    .content .contentbody .login-form__input{
        margin: 0px;
        display: inline-block;
        width: 100%;
    }

    .content .contentbody .sifremiunuttum{
        color: #7d7d7d;
        font-weight: 500;
        margin: 0px 0px 10px 0px;
        display: inline-block;
        font-size: 13px;
        width: 100%;
    }

    .content .contentbody .girisfooter{

    }
    #header-menu > div > div.mobil-menu > form{display: inline-flex;padding: 0px;}

    .displayblock{

    }
    .displayblock2{

    }
    .displayblock3{

    }
    

}

@media only screen and (min-width: 480px) and (max-width: 767px) {

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {

}

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

}