.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -moz-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}

    .fade.in {
        opacity: 1;
    }

.close {
    float: right;
    font-size: 15px;
    line-height: 20px;
}
.prev {
    float: left;
    font-size: 15px;
    line-height: 20px;
}
.modal-header.forgot a {
    font-family: 'Rubik Regular';
    font-size: 14px;
    color: #a5a5a5;
    margin-left: 10px;
    line-height: 4;
}
button.close {
    padding: 0;
    cursor: pointer;
    color: #FFF;
    border: 0;
    -webkit-appearance: none;
    width: 50px;
    height: 50px;
    background: transparent;
    font-size: 15px;
    margin: 19px 18px 0 0;
    z-index: 850;
    background-color: #843344;
    border-radius: 50px;
    padding: 18px 0px 14px 0;
    box-shadow: 0px 5px 8px 0px rgba(10, 11, 16, 0.13);
}
   

    button.close.returned-product {
        margin: 16px 14px 0 0;
        z-index: 100001;
    }
button.prev {
    padding: 0;
    cursor: pointer;
    color: #a5a5a5;
    border: 0;
    -webkit-appearance: none;
    width: 8px;
    height: 16px;
    background: transparent;
    font-size: 15px;
    margin: 19px 0px 0 35px;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #1a1816;
}
 
    .modal-backdrop.fade {
        opacity: 0;
    }

.modal-backdrop,
.modal-backdrop.fade.in {
	opacity: 0.65;
	filter: alpha(opacity=50);
}
    .modal-backdrop.fade.in .baskets {
        opacity: 0.01;
    }
    .modal {
        position: fixed;
        top: 12%;
        left: 43.6%;
        z-index: 1050;
        width: 598px;
        margin-left: -299px;
        background: #FFF;
        -webkit-border-radius: 8px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        outline: none;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box;
        max-height: 585px;
    }
.modal.small {
     width: 463px;
     margin-left: -231px;
}
.modal.small  .modal-header{
     background:#FFF;
     height:37px;
}
.modal.small  button.close{
     background:#ffad00;
     width:23px;
     height:23px;
     border-radius:100%;
     padding-top:2px;
     text-align:center;
      font-size:14px;
}
.modal.small .modal-title {
    color: #7fbf35;
    font-size:18px;
    margin:10px 0 5px 0
}

.modal.small .modal-body.noimage {
  background:none;
  padding-top:20px;
  width:85%
}
.modal.big {
     width:800px;
     margin-left: -400px;
}
.modal.big  .modal-header{
     background:#FFF;
     height:37px;
}
.modal.big  button.close{
     background:#ffad00;
     width:23px;
     height:23px;
     border-radius:100%;
     padding-top:2px;
     text-align:center;
      font-size:14px;
}
.modal.big .modal-title {
    color: #403e3e;
    font-size:20px;
    margin:10px 0 15px 0;
    width:100%;
        text-align:center;
}
.modal.big .modal-body {
    background:none;
    margin-top:0;
    font-size:15px;
    width:100%;
    padding:0 30px 20px 30px;
    line-height:20px;
    height:470px
    
}
.modal.big .modal-body > .content {
    width:100%;
    height:400px;
    padding-right:10px;
    position:relative
}
.ps--active-x.content > .ps__rail-x, .ps--active-y.content > .ps__rail-y {
    background:#e6e6e6
}

/*.modal.big .modal-body > .content::-webkit-scrollbar-track
{
	
	border-radius: 3px;
	background-color: #fff;
}

.modal.big .modal-body > .content::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

.modal.big .modal-body > .content::-webkit-scrollbar-thumb
{
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #a1a1a1;
}


.modal.big .modal-body > .content::-webkit-scrollbar-thumb:hover {
  background: #ffad00; 
}*/

.modal.sendmessage {
     width: 598px;
     margin-left: -299px;
}
.modal.sendmessage.showcase {
     width:516px;
     margin-left: -258px;
}
.modal.sendmessage  .modal-header{
     background:#FFF;
     height:37px;

}
.modal.sendmessage  button.close{
     background:#ffad00;
     width:23px;
     height:23px;
     border-radius:100%;
     padding-top:2px;
     text-align:center;
      font-size:14px;
}
.modal.sendmessage .modal-title {
    color: #7fbf35;
    font-size:24px;
    margin:0 0 5px 0;
    font-family: 'Ubuntu-Regular';
    text-align:left
}
.modal.sendmessage.showcase .modal-title {
    color: #403e3e;
    font-size:20px;
    margin:20px 0 10px 0;
    font-family: 'Ubuntu-Regular';
    text-align:center;
}
.modal.sendmessage .modal-description {
  
    font-size:16px;
    margin:0px 0 30px 0;
    line-height:22px

}
.modal.sendmessage .modal-body {
    padding:12px 42px 10px 42px;
    margin-top:0;
    font-size:18px;
    width:100%;
    display: table;
    
}

.modal.demands {
     width: 598px;
     margin-left: -299px;
    max-height: 600px;
}
.modal.demands  .modal-header{
     background:#FFF;
     height:37px;

}
.modal.demands  button.close{
     background:#ffad00;
     width:23px;
     height:23px;
     border-radius:100%;
     padding-top:2px;
     text-align:center;
      font-size:14px;
}

.modal.demands .modal-body {
    padding:5px 42px 5px 42px;
    margin-top:0;
    font-size:14px;
    width:100%;
    display: table;
    
}


.modal.demansmessage {
     width: 848px;
     margin-left: -424px;
}
.modal.demansmessage  .modal-header{
     background:#FFF;
     height:auto;

}
.modal.demansmessage  button.close{
     background:#ffad00;
     width:23px;
     height:23px;
     border-radius:100%;
     padding-top:2px;
     text-align:center;
      font-size:14px;
}
.modal.demansmessage .modal-title {
    color: #7fbf35;
    font-size:24px;
    margin:0 0 5px 0;
    font-family: 'Ubuntu-Regular';
    text-align:left
}
.modal.demansmessage .modal-description {
  
    font-size:16px;
    margin:0px 0 30px 0;
    line-height:22px

}
.modal.demansmessage .modal-body {
    padding:0px 45px 5px 45px;
    margin-top:0;
    font-size:14px;
    width:100%;
    display: table;
    
}


.modal.products {
     width: 800px;
     margin-left: -400px;
}
    .modal.products .modal-header {
        background: #FFF;
        height: auto;
        font-size: 16px;
        color: #1a1a1;
        padding: 25px 45px 10px 45px;
        text-align: center;
        line-height: 22px;
        box-shadow:0 0 7px rgba(26,24,24,0.2);
        position: relative;
        z-index: 1;
    }



.modal.products  button.close{
    background: #ffad00;
    width: 23px;
    height: 23px;
    border-radius: 100%;
    text-align: center;
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 0;
}
.modal.products .modal-title {
    color: #7fbf35;
    font-size:24px;
    margin:0 0 5px 0;
    font-family: 'Ubuntu-Regular';
    text-align:left
}
.modal.products .modal-description {
  
    font-size:16px;
    margin:0px 0 30px 0;
    line-height:22px

}
.modal.products .modal-body{
    padding:0px 45px 5px 45px;
    margin-top:0;
    font-size:14px;
    width:100%;
    display: table;
    
}

.ui-helper-hidden-accessible {
    display: none;
}


.modal.fade {
    top: -61%;
    -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
    -o-transition: opacity 0.3s linear, top 0.3s ease-out;
    transition: opacity 0.3s linear, top 0.3s ease-out;
    z-index: -1;
}

    .modal.fade.in {
        top: 21.8%;
        z-index: 9999;
        background-repeat: no-repeat;
        width: 55.8%;
        height: 560px;
    }
        .modal.fade.in.sorumluluk {
            min-height: 695px !important;
            top: 11.8%;
            left: 37%;
        }
        .modal.fade.in.urunler {
            width: 55.2%;
            left:36%;
        }
            .modal.fade.in.sorumluluk .flexslider {
                background: transparent;
                width: 100%;
            }
        .modal.fade.in.kvkk {
            width: 95% !important;
            left: 18%;
        }

        .modal-header {
            display: block;
        }
        .modal-header.baskets {
            background-image: none;
        }
.modal.fade.in {
    top: 18.8% !important;
    z-index: 9999 !important;
    background-repeat: no-repeat !important;
    width: 59.8% !important;
    height: 700px !important;
    display: inline-block !important;
}

.modal-body {
    margin: 0 auto 0 auto !important;
}

.modal-header {
    border-bottom: none !important;
}

.modal-icon {
    background: none !important;
    margin: -28px 0 0 79px !important;
}
       
.modal-header .close {
    position: relative;
}

.modal-header .modal_title {
	margin: 0;
	line-height: 30px;
	color: #c3276f;
}

.modal-body {
   position: relative;
   width: 100%;
   margin:55px auto 0 auto;
}
.modal-body.forgot{
    margin:0 auto 0 auto;
}
    .modal-body.kvkk{
        margin: 0 auto;
    }
    #divDetail {
        overflow-y: auto;
    }
.modal-icon {
    background: url(../images/sertifika-1.png) no-repeat;
    width: 31.4%;
    height: 470px;
    display: block;
    margin: 0px 0 0 79px;
    float: left;
    background-size:100%;
    box-shadow: 0px 9px 13px 0px rgb(0 0 0 / 17%), 0px 27px 24px 0px rgb(0 0 0 / 6%);
}


.modal-title {
    color: #843344;
    font-size: 24px;
    width: 55%;
    text-align: left;
    display: inline-block;
    font-weight: bold;
}
    .modal-title.sorumluluk {
        padding: 0 0 0 0;
        font-size: 30px;
        color: #111518;
        margin: 39px 0 0 0;
    }
    .modal-title.urunler {
        width: 100%;
        padding: 0;
        float: none;
        text-align: center;
        font-size: 36px;
        margin-top: -28px;
    }
    .modal-title.kvkk {
        float: none;
        padding: 30px 0 20px 20px;
    }
    .modal-form {
        margin-bottom: 0;
    }


.modal-footer {
    padding: 15px;
    margin-bottom: 0;
    *zoom: 1;
}

.modal-footer.error {
	color: #d33801;
	text-align: center;
    font-family: 'Prompt-Regular';
}

.modal-footer:before,
.modal-footer:after {
	display: table;
	line-height: 0;
	content: "";
}

.modal-footer:after {
	clear: both;
}

.modal-footer .btn + .btn {
	margin-bottom: 0;
	margin-left: 5px;
}

.modal-footer .btn-group .btn + .btn {
	margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
	margin-left: 0;
}

@media only screen and (max-width:359px){ .modal{width: 94%;left: 3%;margin-left: 0; position:absolute;max-height: 685px;}.modal-body{ width:100%; max-height:700px}.modal.fade.in{top: 2% !important;left: 3% !important;height: 494px !important;}.modal.big{width: 94%;    margin-left: 0;}.modal.big .modal-body{padding: 0 15px 20px 15px;}.modal.big .modal-body > .content{ padding-right:0}.modal.big .modal-body > .content .scroll-container{height:360px}.modal.big .modal-title{ font-size:18px}.modal.sendmessage{width: 94%;  margin-left: 0;}.modal.sendmessage .modal-body{padding: 12px 15px 10px 15px;}.modal.demands{width:94%; margin-left:0; max-height:inherit}.modal.demands .modal-body{padding: 5px 15px 5px 15px;}.modal.small{width: 94%;    margin-left: 0;}.modal.small .modal-body.noimage{ width:100%}.modal.demansmessage{ width:94%; margin-left:0}.modal.demansmessage .modal-body{ padding:0 15px 5px 15px}.modal.sendmessage.showcase{ width:94%; margin-left:0}.modal-showcase-list{ width:100%}}
@media only screen and (min-width:360px) and (max-width:369px){.modal{width: 94%;left: 3%;margin-left: 0; position:absolute;max-height: 685px;}.modal-body{ width:100%; max-height:700px}.modal.fade.in{ top:2%}.modal.big{width: 94%;    margin-left: 0;}.modal.big .modal-body{padding: 0 15px 20px 15px;}.modal.big .modal-body > .content{ padding-right:0}.modal.big .modal-body > .content .scroll-container{height:360px}.modal.big .modal-title{ font-size:18px}.modal.sendmessage{width: 94%;  margin-left: 0;}.modal.sendmessage .modal-body{padding: 12px 15px 10px 15px;}.modal.demands{width:94%; margin-left:0; max-height:inherit}.modal.demands .modal-body{padding: 5px 15px 5px 15px;}.modal.small{width: 94%;    margin-left: 0;}.modal.small .modal-body.noimage{ width:100%}.modal.demansmessage{ width:94%; margin-left:0}.modal.demansmessage .modal-body{ padding:0 15px 5px 15px}.modal.sendmessage.showcase{ width:94%; margin-left:0}.modal-showcase-list{ width:100%}} 
@media only screen and (min-width:370px) and (max-width:399px){.modal{width: 94%;left: 3%;margin-left: 0; position:absolute;max-height: 685px;}.modal-body{ width:100%; max-height:700px}.modal.fade.in{top: 2% !important;left: 3% !important;}.modal.big{width: 94%;    margin-left: 0;}.modal.big .modal-body{padding: 0 15px 20px 15px;}.modal.big .modal-body > .content{ padding-right:0}.modal.big .modal-body > .content .scroll-container{height:360px}.modal.big .modal-title{ font-size:18px}.modal.sendmessage{width: 94%;  margin-left: 0;}.modal.sendmessage .modal-body{padding: 12px 15px 10px 15px;}.modal.demands{width:94%; margin-left:0; max-height:inherit}.modal.demands .modal-body{padding: 5px 15px 5px 15px;}.modal.small{width: 94%;    margin-left: 0;}.modal.small .modal-body.noimage{ width:100%}.modal.demansmessage{ width:94%; margin-left:0}.modal.demansmessage .modal-body{ padding:0 15px 5px 15px}.modal.sendmessage.showcase{ width:94%; margin-left:0}.modal-showcase-list{ width:100%}}
@media only screen and (min-width:400px) and (max-width:479px){.modal{width: 94%;left: 3%;margin-left: 0; position:absolute;max-height: 685px;}.modal-body{ width:100%; max-height:700px}.modal.fade.in{top: 1% !important;left: 3% !important;}.modal.big{width: 94%;    margin-left: 0;}.modal.big .modal-body{padding: 0 15px 20px 15px;}.modal.big .modal-body > .content{ padding-right:0}.modal.big .modal-body > .content .scroll-container{height:360px}.modal.big .modal-title{ font-size:18px}.modal.sendmessage{width: 94%;  margin-left: 0;}.modal.sendmessage .modal-body{padding: 12px 15px 10px 15px;}.modal.demands{width:94%; margin-left:0; max-height:inherit}.modal.demands .modal-body{padding: 5px 15px 5px 15px;}.modal.small{width: 94%;    margin-left: 0;}.modal.small .modal-body.noimage{ width:100%}.modal.demansmessage{ width:94%; margin-left:0}.modal.demansmessage .modal-body{ padding:0 15px 5px 15px}.modal.sendmessage.showcase{ width:94%; margin-left:0}.modal-showcase-list{ width:100%}}
@media only screen and (min-width:480px) and (max-width:559px){.modal{width: 94%;left: 3%;margin-left: 0; position:absolute;max-height: 685px;}.modal-body{ width:100%; max-height:700px}.modal.fade.in{ top:2%}.modal.big{width: 94%;    margin-left: 0;}.modal.big .modal-body{padding: 0 15px 20px 15px;}.modal.big .modal-body > .content{ padding-right:0}.modal.big .modal-body > .content .scroll-container{height:360px}.modal.big .modal-title{ font-size:18px}.modal.sendmessage{width: 94%;  margin-left: 0;}.modal.sendmessage .modal-body{padding: 12px 15px 10px 15px;}.modal.demands{width:94%; margin-left:0; max-height:inherit}.modal.demands .modal-body{padding: 5px 15px 5px 15px;}.modal.small{width: 94%;    margin-left: 0;}.modal.small .modal-body.noimage{ width:100%}.modal.demansmessage{ width:94%; margin-left:0}.modal.demansmessage .modal-body{ padding:0 15px 5px 15px}.modal.sendmessage.showcase{ width:94%; margin-left:0}.modal-showcase-list{ width:100%}}
@media only screen and (min-width:560px) and (max-width:639px){.modal{width: 94%;left: 3%;margin-left: 0; position:absolute;max-height: 685px;}.modal-body{ width:60%; max-height:700px}.modal.fade.in{ top:2%}.modal.big{width: 94%;    margin-left: 0;}.modal.big .modal-body{padding: 0 20px 20px 20px;}.modal.big .modal-body > .content{ padding-right:0}.modal.big .modal-body > .content .scroll-container{height:360px}.modal.big .modal-title{ font-size:18px}.modal.sendmessage{width: 94%;  margin-left: 0;}.modal.sendmessage .modal-body{padding: 12px 15px 10px 15px;}.modal.demands{width:94%; margin-left:0; max-height:inherit}.modal.demands .modal-body{padding: 5px 15px 5px 15px;}.modal.small{width: 94%;    margin-left: 0;}.modal.small .modal-body.noimage{ width:100%}.modal.demansmessage{ width:94%; margin-left:0}.modal.demansmessage .modal-body{ padding:0 15px 5px 15px}.modal.sendmessage.showcase{ width:94%; margin-left:0}}
@media only screen and (min-width:640px) and (max-width:659px){.modal{width: 92%;left: 4%;margin-left: 0; position:absolute;max-height: 685px;}.modal-body{ width:60%; max-height:700px}.modal.fade.in{ top:2%}.modal.big{width: 94%;    margin-left: 0;}.modal.big .modal-body{padding: 0 20px 20px 20px;}.modal.big .modal-body > .content{ padding-right:0}.modal.big .modal-body > .content .scroll-container{height:360px}.modal.big .modal-title{ font-size:18px}.modal.sendmessage{width: 94%;  margin-left: 0;}.modal.demands{width:94%; margin-left:0; max-height:inherit}.modal.demands .modal-body{padding: 5px 15px 5px 15px;}.modal.small{width: 94%;    margin-left: 0;}.modal.small .modal-body.noimage{ width:100%}.modal.demansmessage{ width:94%; margin-left:0}.modal.demansmessage .modal-body{ padding:0 15px 5px 15px}.modal.sendmessage.showcase{ width:80%; margin-left:35px}}
@media only screen and (min-width:660px) and (max-width:699px){.modal{width: 92%;left: 4%;margin-left: 0; position:absolute;max-height: 685px;}.modal-body{ width:60%; max-height:700px}.modal.fade.in{ top:2%}.modal.big{width: 94%;    margin-left:-8px;}.modal.big .modal-body{padding: 0 20px 20px 20px;}.modal.big .modal-body > .content{ padding-right:0}.modal.big .modal-body > .content .scroll-container{height:360px}.modal.big .modal-title{ font-size:18px}.modal.sendmessage{width: 94%;  margin-left: 0;}.modal.demands{width:94%; margin-left:0; max-height:inherit}.modal.demands .modal-body{padding: 5px 15px 5px 15px;}.modal.small{width: 94%;    margin-left: 0;}.modal.small .modal-body.noimage{ width:100%}.modal.demansmessage{ width:94%; margin-left:0}.modal.demansmessage .modal-body{ padding:0 15px 5px 15px}.modal.sendmessage.showcase{ width:80%; margin-left:35px}}
@media only screen and (min-width:700px) and (max-width:759px){.modal{width: 92%;margin-left: 0; left:4%; position:absolute;max-height: 685px;}.modal-body{ width:60%; max-height:700px}.modal.fade.in{ top:2%}.modal.big{width: 94%;    margin-left:-8px;}.modal.big .modal-body{padding: 0 20px 20px 20px;}.modal.big .modal-body > .content{ padding-right:0}.modal.big .modal-body > .content .scroll-container{height:360px}.modal.big .modal-title{ font-size:18px}.modal.sendmessage{width: 94%;  margin-left: 0;}.modal.demands{width:94%; margin-left:0; max-height:inherit}.modal.demands .modal-body{padding: 5px 15px 5px 15px;}.modal.demansmessage{ width:94%; margin-left:0}.modal.demansmessage .modal-body{ padding:0 15px 5px 15px}.modal.sendmessage.showcase{  margin-left:70px}.modal.small{ margin-left:15%}}
@media only screen and (min-width:760px) and (max-width:810px){.modal{max-height: 685px;}.modal-body{width: 100%;max-height:700px}.modal.fade.in{top:2%;left: 41% !important;height: auto !important;}.modal.big{width: 94%;    margin-left:-47%}.modal.big .modal-body{padding: 0 20px 20px 20px;}.modal.big .modal-body > .content{ padding-right:0}.modal.big .modal-body > .content .scroll-container{height:360px}.modal.big .modal-title{ font-size:18px}.modal.sendmessage{width: 94%;  margin-left: -47%;}.modal.demands{width:94%; margin-left:-47%; max-height:inherit}.modal.demands .modal-body{padding: 5px 15px 5px 15px;}.modal.demansmessage{ width:94%; margin-left:-47%}.modal.demansmessage .modal-body{ padding:0 15px 5px 15px}.modal.sendmessage.showcase{  margin-left:-34%}.modal.small{ margin-left:-29%}}
@media only screen and (min-width:811px) and (max-width:999px){.modal{max-height: 685px; position:absolute;}.modal-body{ width:60%; max-height:700px}.modal.fade.in{ top:2%}.modal.big{width: 94%;    margin-left:-47%}.modal.big .modal-body{padding: 0 20px 20px 20px;}.modal.big .modal-body > .content{ padding-right:0}.modal.big .modal-body > .content .scroll-container{height:360px}.modal.big .modal-title{ font-size:18px}.modal.demands{ max-height:inherit}.modal.demands .modal-body{padding: 5px 15px 5px 15px;}.modal.demansmessage{ width:94%; margin-left:-47%}.modal.demansmessage .modal-body{ padding:0 15px 5px 15px}.modal.sendmessage.showcase{  margin-left:-34%}.modal.small{ margin-left:-29%}}
@media only screen and (min-width:1000px) and (max-width:1024px){} 

@media only screen and (min-width: 1025px) and (max-width:1278px)  {}
@media only screen and (min-width: 1279px) and (max-width:1366px) {}