.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;
    right: 10px;
    top: 20px;
}

button.close {
    padding: 0;
    cursor: pointer;
    border: 0;
    -webkit-appearance: none;
    width:25px;
    height:25px;
    background:transparent;
    font-size:15px;
    margin: 0;
}

#succesPass button.close {
    margin-left: auto;
    width: 15px;
}


.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #403e3e;
}

.modal-backdrop.fade {
	opacity: 0;
}

.modal-backdrop,
.modal-backdrop.fade.in {
	opacity: 0.50;
	filter: alpha(opacity=50);
}

.modal {
    position: fixed;
    top: 12%;
    left: 47%;
    z-index:1050;
    width: 682px;
    /* margin-left: -299px; */
    background:#FFF;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 10px;
    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 {
    background: url(../images/success.png) no-repeat top center;
    padding-top:70px;
    margin-top:0;
    font-size:18px;
    width:65%;
    text-align:center;
    padding-bottom:35px;
    line-height:24px
}
.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;
      z-index:1
}
.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;margin-top:25px
}
.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: -25%;
    -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: 50%;
	z-index: 9999;
	transform: translate(-50% ,-50%);
	left: 50%;
}

#adresEkle {
    width: 60%;
}

#addToBasket {
    z-index: -1;
    top: 40px;
    left: unset;
    right: -570px;
    transform: none;
    width: 29%;
}

#addToBasket[aria-hidden="false"] {right: 0;z-index: 999999;}

#productModal {
    width: 75%;
    transform: translate(-50%);
    top: auto;
    position: absolute;
    background: transparent;
}

#productModal[aria-hidden="false"] {position: absolute !important;}

#banksInfo {
    width: 71.8%;
    border-radius: 0;
    background: #f9f9f9;
    top: 53%;
    height: auto;
    overflow: auto;
}

#succesPass {
    width: 23.45%;
}

#forgetPassword {
    width: 28.4%;
}

#BayilikFormu {
    width: 59%;
    position: fixed;
}

#BayilikFormu[aria-hidden="false"] {
    position: absolute;
}

.modal-header {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;center: flex-start;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding: 1rem;border-bottom: 2px solid #bfbfbf;border-top-left-radius: 0.3rem;border-top-right-radius: 0.3rem;}

#succesForm .modal-header {
    position: absolute;
    border: none;
    right: 0;
}


#adresEkle .modal-header {
    background: #8ec044;
    text-align: center;
    justify-content: center;
    position: relative;
    color: #fff;
}

#productModal .modal-header {
    border-bottom: 0;
    justify-content: flex-end;
}

#banksInfo .modal-header {
    border: none;
    margin-bottom: 1%;
}

#changePass .modal-header {
    justify-content: center;
    align-items: center;
    border: none;
}

#succesPass .modal-header {
    border: none;
    padding-bottom: 0;
}

.modal-header .close {
	position: relative;
	z-index: 999999;
}

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

.modal-body {
   position: relative;
   width: 90%;
   margin: 0px auto 0 auto;
}


#banksInfo .modal-body {
    display: flex;
    flex-flow: row wrap;
}
#divDetail {
   overflow-y: auto;
}
.modal-icon
{
	background:url(../images/sifresifirla.svg) no-repeat;
	width:86px;
	height:81px;
	margin:-40px auto 0 auto;
}
#BayilikFormu .modal-title
{
	color:#1a1a18;
	font-size: 40px;
	margin:22px 0 17px 0;
	width:100%;
	padding-left: 16%;
}
.modal-form {
    margin-bottom: 0;
}


.modal-footer {
    padding: 8px;
    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; */}

#kvkk {
    position: fixed;
}.modal-body{ width:100%; max-height:700px}

#kvkk .modal-body {
    overflow: auto;
    height: 330px;
    padding: 0 20px;
}#adresEkle .modal-body {max-height: none;}#banksInfo {top: 48%;height: auto;}.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;}

#kvkk {
    position: fixed;
}#kvkk .modal-body{width:100%;height: 470px;overflow: auto;padding: 0px 20px;}

#banksInfo {
    top: 48%;
    height: auto;
}.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; */}#kvkk .modal-body{width: 100%;height: 605px;overflow: auto;padding: 0px 20px;}#kvkk {position: fixed;width: 95%;height: 92%;}.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}

#kvkk .modal-body {
    height: 330px;
    overflow: auto;
    padding: 0 20px;
}#kvkk{
    position: fixed;
}.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: 90%;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: 96%;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: 90%;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: 90%;max-height:700px;}

#kvkk .modal-body {
    height: 510px;
    overflow: auto;
}#banksInfo .modal-body {flex-flow: column;width: 90%;}.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.fade.in{max-height: 895px;position:absolute;}.modal-body{width: 90%;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.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%}.modal-body.agreement{max-height: 68vh;}}
@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) {}