input, select, button
{
-webkit-appearance:   none;
-moz-appearance:none;
appearance:   none;
}
:not(.withPlace)::-webkit-input-placeholder
{
color:   initial;
}
:not(.withPlace)::-moz-placeholder
{
color:   initial;
}
:not(.withPlace):-ms-input-placeholder
{
color:   initial;
}
:not(.withPlace):-moz-placeholder
{
color:   initial;
}
/* ios & macos reset */
.form-control input[type="text"],
.form-control input[type="password"],
.form-control input[type="tel"],
.form-control input[type="number"],
.form-control input[type="email"],
.form-control input[type="search"],
.form-control select,
.form-control textarea,
.form input[type="text"],
.form input[type="password"],
.form input[type="tel"],
.form input[type="number"],
.form input[type="email"],
.form input[type="search"],
.form select,
.form textarea
{
background-color:#f9fafb !important;
background-image:none !important;
border:none !important;
border-radius:0 !important;
box-shadow:none !important;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button
{
-webkit-appearance:    none;
margin: 0;
}
input[type="number"][type=number]
{
-moz-appearance:   textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration
{
display:    none;
}
/* ios & macos reset */
.form-control,
.form
{
position:   relative;
line-height:20px;
font-size:   12px;
cursor:pointer;
}

.ie .form-control,
.ie .form
{
position:   relative;
}

.form-control.medium,
.form.medium
{
line-height:   30px;
font-size:13px;
}

.form-control.large,
.form.large
{
line-height:   40px;
font-size:15px;
}

.form-control.xlarge,
.form.xlarge
{
line-height:   50px;
font-size:15px;
}
#invoiceForm .form-control.xlarge,
#invoiceForm .form.xlarge
{
padding-top:    9px;
padding-bottom: 9px;
}

.input-icon
{
position:   relative;
}

.icon
{
position:   absolute;
top:0;
left:   0;
width:20px;
height:   20px;
background-repeat:no-repeat;
background-position:   center center;
z-index:333;
}
[dir="rtl"] .icon
{
right:   0;
left:auto;
}

.medium .icon
{
width:   30px;
height:30px;
}

.large .icon
{
width:   40px;
height:40px;
}

.xlarge .icon
{
width:   50px;
height:50px;
}

.invalid .icon
{
background-color:   #d9534f;
}

.icon-firstname
{
background-image:url('icons/firstname.png');
}

.icon-lastname
{
background-image:url('icons/lastname.png');
}

.icon-mail
{
background-image:url('icons/mail.png');
}

.icon-pen
{
background-image:url('icons/pen.png');
}

.icon-message
{
background-image:url('icons/message.png');
}

.icon-attach
{
background-image:url('icons/attach.png');
}

.icon-code
{
background-image:url('icons/code.png');
}

.icon-pass
{
background-image:url('icons/password.png');
}

.icon-passConfirm
{
background-image:url('icons/passConfirm.png');
}

.icon-company
{
background-image:url('icons/company.png');
}

.icon-taxOffice
{
background-image:url('icons/taxOffice.png');
}

.icon-taxId
{
background-image:url('icons/taxId.png');
}

.icon-author
{
background-image:url('icons/author.png');
}

.icon-iban
{
background-image:url('icons/iban.png');
}

.icon-tc
{
background-image:url('icons/tc.png');
}

.icon-birthday
{
background-image:url('icons/birthday.png');
}

.icon-gender
{
background-image:url('icons/gender.png');
}

.icon-mobilePhone
{
background-image:url('icons/mobilePhone.png');
}

.icon-homePhone
{
background-image:url('icons/homePhone.png');
}

.icon-fax
{
background-image:url('icons/fax.png');
}

.icon-officePhone
{
background-image:url('icons/officePhone.png');
}

.icon-address
{
background-image:url('icons/address.png');
}

.icon-map
{
background-image:url('icons/map.png');
}

.icon-zipCode
{
background-image:url('icons/zipCode.png');
}

.icon-fb
{
background-color:    #3c599b;
background-image: url(https://www.isbiryatak.com/Data/EditorFiles/facebook.png);
background-repeat: no-repeat, repeat;
background-position:    center;
background-size: cover;
}

.icon-tw
{
background-color:   #29aae3;
background-image:url('icons/twitter.png');
}

.icon-star
{
background-image:url('icons/star.png');
}

.myFlagIcon
{
float:   left;
width:100%;
height:100%;
}

.myFlagIcon i
{
position:   absolute;
top:50%;
left:50%;
width:   16px;
height:11px;
margin-top:   -5px;
margin-left:-8px;
background-image:url("/theme/standart/images/blok/flags.png");
background-repeat:   no-repeat;
}

.flagList
{
position:   absolute;
width:600%;
top:100%;
left:   0;
background:#fff;
border-color:   #ccc;
z-index:33;
}
[dir="rtl"] .flagList
{
right:   0;
left:auto;
}

.flagList > ul
{
max-height:    240px;
overflow-y: auto;
}

.flagList li
{
line-height:   20px;
}

.flagList li:hover
{
background-color:   #ececec;
}

.flag
{
float:   left;
width:16px;
height:   11px;
background-image:url("/theme/standart/images/blok/flags.png");
background-repeat:   no-repeat;
margin-top:5px;
margin-right:   10px;
}
[dir="rtl"] .flag
{
float:   right;
margin-right:0;
margin-left:   10px;
}

.country
{
float:   left;
height:20px;
}
[dir="rtl"] .country
{
float:   right;
}

.code
{
float:   right;
height:20px;
}
[dir="rtl"] .code
{
float:   left;
}
[dir="rtl"] .searchFlag
{
direction:   rtl;
unicode-bidi:bidi-override;
}

.required
{
background:url('required.png') no-repeat right center;
}

.secCode,
#secCode,
#codeRecommend,
#codeCall,
#codeHizli
{
position:   absolute;
top:0;
left:   0;
}

.form-control input[type="text"],
.form-control input[type="password"],
.form-control input[type="tel"],
.form-control input[type="number"],
.form-control input[type="email"],
.form-control input[type="search"],
.form-control select,
.form-control textarea,
.form input[type="text"],
.form input[type="password"],
.form input[type="tel"],
.form input[type="number"],
.form input[type="email"],
.form input[type="search"],
.form select,
.form textarea
{
height:   20px;
margin:0;
padding-top:   0;
padding-left:10px;
padding-bottom:   0;
padding-right:10px;
border:   1px solid #ccc;
box-sizing:border-box;
box-sizing:    border-box;
color: #8c8c8c;
font-size:    14px;
font-weight: normal;
}

.form-control .myFlag + input
{
padding-left:   30px;
}
[dir="rtl"] .form-control .myFlag + input
{
padding-left:   30px;
}

.placeholder
{
position:    absolute;
top:1px;
right:    1px;
bottom: 1px;
left:    1px;
color:#8c8c8c;
font-size:   14px;
padding-right:10px;
padding-left:   10px;
background:#f9fafb;
z-index:    9;
}

.medium .placeholder
{
line-height:   30px;
}

.medium .myFlag + input + .placeholder
{
padding-left:   40px;
}
[dir="rtl"] .medium .myFlag + input + .placeholder
{
padding-right:   40px;
padding-left:10px;
}

.large .placeholder
{
line-height:   40px;
padding-right:15px;
padding-left:   15px;
}

.large .myFlag + input + .placeholder
{
padding-left:   45px;
}
[dir="rtl"] .large .myFlag + input + .placeholder
{
padding-right:   45px;
padding-left:15px;
}

.xlarge .placeholder
{
line-height:   50px;
padding-right:15px;
padding-left:   15px;
}

.xlarge .myFlag + input + .placeholder
{
padding-left:   55px;
}
[dir="rtl"] .xlarge .myFlag + input + .placeholder
{
padding-right:   55px;
padding-left:15px;
text-align:   right;
}

.placeholder.focus
{
bottom:   auto;
height:0;
line-height:   28px;
font-size:10px;
color:   #b5b5b5;
font-weight:600;
}

.medium .placeholder.focus
{
height:   10px;
line-height:10px;
}

.large .placeholder.focus
{
height:   20px;
line-height:20px;
}

.xlarge .placeholder.focus
{
height:   25px;
line-height:30px;
}

.form-control textarea,
.form textarea
{
height:   90px;
line-height:18px;
}
[dir="rtl"] .icon + input[type="text"],
[dir="rtl"] .icon + input[type="password"],
[dir="rtl"] .icon + input[type="tel"],
[dir="rtl"] .icon + input[type="number"],
[dir="rtl"] .icon + input[type="email"],
[dir="rtl"] .icon + input[type="search"],
[dir="rtl"] .icon + textarea,
[dir="rtl"] .ie .icon + select
{
padding-left:   10px;
}

.form-control.medium input[type="text"],
.form-control.medium input[type="password"],
.form-control.medium input[type="tel"],
.form-control.medium input[type="number"],
.form-control.medium input[type="email"],
.form-control.medium input[type="search"],
.form-control.medium select,
.form.medium input[type="text"],
.form.medium input[type="password"],
.form.medium input[type="tel"],
.form.medium input[type="number"],
.form.medium input[type="email"],
.form.medium input[type="search"],
.form.medium select
{
height:   30px;
}

.form-control.medium textarea,
.form.medium textarea
{
height:   120px;
line-height:20px;
padding-top:   4px;
padding-bottom:4px;
}

.form-control.medium .myFlag + input
{
padding-left:   40px;
}
[dir="rtl"] .form-control.medium .myFlag + input
{
padding-left:   40px;
}
[dir="rtl"] .medium .icon + input[type="text"],
[dir="rtl"] .medium .icon + input[type="password"],
[dir="rtl"] .medium .icon + input[type="tel"],
[dir="rtl"] .medium .icon + input[type="number"],
[dir="rtl"] .medium .icon + input[type="email"],
[dir="rtl"] .medium .icon + input[type="search"],
[dir="rtl"] .medium .icon + textarea,
[dir="rtl"] .ie .medium .icon + select
{
padding-left:   10px;
}

.form-control.medium select:not(.withPlace),
.form-control.medium input[type="text"]:not(.withPlace),
.form-control.medium input[type="password"]:not(.withPlace),
.form-control.medium input[type="tel"]:not(.withPlace),
.form-control.medium input[type="number"]:not(.withPlace),
.form-control.medium input[type="email"]:not(.withPlace),
.form-control.medium input[type="search"]:not(.withPlace),
.form.medium select:not(.withPlace),
.form.medium input[type="text"]:not(.withPlace),
.form.medium input[type="password"]:not(.withPlace),
.form.medium input[type="tel"]:not(.withPlace),
.form.medium input[type="number"]:not(.withPlace),
.form.medium input[type="email"]:not(.withPlace),
.form.medium input[type="search"]:not(.withPlace)
{
padding-top:   10px;
}

.form-control.large input[type="text"],
.form-control.large input[type="password"],
.form-control.large input[type="tel"],
.form-control.large input[type="number"],
.form-control.large input[type="email"],
.form-control.large input[type="search"],
.form-control.large select,
.form.large input[type="text"],
.form.large input[type="password"],
.form.large input[type="tel"],
.form.large input[type="number"],
.form.large input[type="email"],
.form.large input[type="search"],
.form.large select
{
height:   40px;
padding-left:15px;
padding-right:   15px;
}

.form-control.large textarea,
.form.large textarea
{
height:   150px;
line-height:20px;
padding-top:   9px;
padding-right:15px;
padding-bottom:   9px;
padding-left:15px;
}
[dir="rtl"] .large .icon + input[type="text"],
[dir="rtl"] .large .icon + input[type="password"],
[dir="rtl"] .large .icon + input[type="tel"],
[dir="rtl"] .large .icon + input[type="number"],
[dir="rtl"] .large .icon + input[type="email"],
[dir="rtl"] .large .icon + input[type="search"],
[dir="rtl"] .large .icon + textarea,
[dir="rtl"] .ie .large .icon + select,
[dir="rtl"] .large.input-icon .placeholder,
[dir="rtl"] .large .input-icon .placeholder
{
padding-left:   15px;
}

.form-control.large .myFlag + input
{
padding-left:   45px;
}
[dir="rtl"] .form-control.large .myFlag + input
{
padding-right:    45px;
direction: rtl;
}

.form-control.large select:not(.withPlace),
.form-control.large input[type="text"]:not(.withPlace),
.form-control.large input[type="password"]:not(.withPlace),
.form-control.large input[type="tel"]:not(.withPlace),
.form-control.large input[type="number"]:not(.withPlace),
.form-control.large input[type="email"]:not(.withPlace),
.form-control.large input[type="search"]:not(.withPlace),
.form.large select:not(.withPlace),
.form.large input[type="text"]:not(.withPlace),
.form.large input[type="password"]:not(.withPlace),
.form.large input[type="tel"]:not(.withPlace),
.form.large input[type="number"]:not(.withPlace),
.form.large input[type="email"]:not(.withPlace),
.form.large input[type="search"]:not(.withPlace)
{
padding-top:   15px;
}

.form-control.xlarge input[type="text"],
.form-control.xlarge input[type="password"],
.form-control.xlarge input[type="tel"],
.form-control.xlarge input[type="number"],
.form-control.xlarge input[type="email"],
.form-control.xlarge input[type="search"],
.form-control.xlarge select,
.form.xlarge input[type="text"],
.form.xlarge input[type="password"],
.form.xlarge input[type="tel"],
.form.xlarge input[type="number"],
.form.xlarge input[type="email"],
.form.xlarge input[type="search"],
.form.xlarge select
{
height:   50px;
padding-left:15px;
padding-right:   15px;
}

.form-control.xlarge textarea,
.form.xlarge textarea
{
height:   180px;
line-height:20px;
padding-top:   14px;
padding-right:15px;
padding-bottom:   14px;
padding-left:15px;
}

.xlarge .icon + input[type="text"],
.xlarge .icon + input[type="password"],
.xlarge .icon + input[type="tel"],
.xlarge .icon + input[type="number"],
.xlarge .icon + input[type="email"],
.xlarge .icon + input[type="search"],
.xlarge .icon + textarea,
.edge .xlarge .icon + select,
.ie .xlarge .icon + select
{
padding-left:   60px;
}
[dir="rtl"] .xlarge .icon + input[type="text"],
[dir="rtl"] .xlarge .icon + input[type="password"],
[dir="rtl"] .xlarge .icon + input[type="tel"],
[dir="rtl"] .xlarge .icon + input[type="number"],
[dir="rtl"] .xlarge .icon + input[type="email"],
[dir="rtl"] .xlarge .icon + input[type="search"],
[dir="rtl"] .xlarge .icon + textarea,
[dir="rtl"] .ie .xlarge .icon + select,
[dir="rtl"] .xlarge.input-icon .placeholder,
[dir="rtl"] .xlarge .input-icon .placeholder
{
padding-right:   60px;
padding-left:10px;
}

.form-control.xlarge .myFlag + input
{
padding-left:   55px;
}
[dir="rtl"] .form-control.xlarge .myFlag + input
{
padding-left:   55px;
text-align:right;
}

.form-control.xlarge select:not(.withPlace),
.form-control.xlarge input[type="text"]:not(.withPlace),
.form-control.xlarge input[type="password"]:not(.withPlace),
.form-control.xlarge input[type="tel"]:not(.withPlace),
.form-control.xlarge input[type="number"]:not(.withPlace),
.form-control.xlarge input[type="email"]:not(.withPlace),
.form-control.xlarge input[type="search"]:not(.withPlace),
.form.xlarge select:not(.withPlace),
.form.xlarge input[type="text"]:not(.withPlace),
.form.xlarge input[type="password"]:not(.withPlace),
.form.xlarge input[type="tel"]:not(.withPlace),
.form.xlarge input[type="number"]:not(.withPlace),
.form.xlarge input[type="email"]:not(.withPlace),
.form.xlarge input[type="search"]:not(.withPlace)
{
padding-top:   15px;
}

.form-control.medium textarea:not(.withPlace),
.form-control.large textarea:not(.withPlace),
.form-control.xlarge textarea:not(.withPlace),
.form.medium textarea:not(.withPlace),
.form.large textarea:not(.withPlace),
.form.xlarge textarea:not(.withPlace)
{
padding-top:   20px;
}

.secCode + input[type="text"],
.secCode + input[type="password"],
.secCode + input[type="tel"],
.secCode + input[type="number"],
.secCode + input[type="email"],
.secCode + input[type="search"],
.secCode + select,
.secCode + textarea,
#secCode + input[type="text"],
#secCode + input[type="password"],
#secCode + input[type="tel"],
#secCode + input[type="number"],
#secCode + input[type="email"],
#secCode + input[type="search"],
#secCode + select,
#secCode + textarea,
#codeRecommend + input[type="text"],
#codeRecommend + input[type="password"],
#codeRecommend + input[type="tel"],
#codeRecommend + input[type="number"],
#codeRecommend + input[type="email"],
#codeRecommend + input[type="search"],
#codeRecommend + select,
#codeRecommend + textarea,
#codeCall + input[type="text"],
#codeCall + input[type="password"],
#codeCall + input[type="tel"],
#codeCall + input[type="number"],
#codeCall + input[type="email"],
#codeCall + input[type="search"],
#codeCall + select,
#codeCall + textarea,
#codeHizli + input[type="text"],
#codeHizli + input[type="password"],
#codeHizli + input[type="tel"],
#codeHizli + input[type="number"],
#codeHizli + input[type="email"],
#codeHizli + input[type="search"],
#codeHizli + select,
#codeHizli + textarea
{
padding-left:   110px;
}

.form-control img + input[type="text"] + .placeholder,
.form-control img + input[type="password"] + .placeholder,
.form-control img + input[type="tel"] + .placeholder,
.form-control img + input[type="number"] + .placeholder,
.form-control img + input[type="email"] + .placeholder,
.form-control img + input[type="search"] + .placeholder,
.form-control img + select + .placeholder,
.form-control img + textarea + .placeholder
{
left:   105px;
padding-left:5px;
}

.form-control.invalid input[type="text"],
.form-control.invalid input[type="password"],
.form-control.invalid input[type="tel"],
.form-control.invalid input[type="number"],
.form-control.invalid input[type="email"],
.form-control.invalid input[type="search"],
.form-control.invalid select,
.form-control.invalid textarea,
.form.invalid input[type="text"],
.form.invalid input[type="password"],
.form.invalid input[type="tel"],
.form.invalid input[type="number"],
.form.invalid input[type="email"],
.form.invalid input[type="search"],
.form.invalid select,
.form.invalid textarea,
.ng-invalid
{
border:   1px solid #d9534f;
background-color:#FFCAC8;
color:   #fff;
}

.form-control input[type="file"],
.form input[type="file"]
{
visibility:   hidden;
position:absolute;
top:   0;
left:0;
width:100%;
height:100%;
}

.input-wrap,
.input-wrap input
{
width:   17px;
height:20px;
}

.medium .input-wrap,
.medium .input-wrap input
{
height:   30px;
}

.large .input-wrap,
.large .input-wrap input
{
height:   40px;
}

.input-wrap
{
float:   left;
margin-right:10px;
}
[dir="rtl"] .input-wrap
{
float:   right;
margin-right:0;
margin-left:   10px;
}

.input-wrap.radio
{
background:url('checkbox.svg') no-repeat center center;
}

.form-control:hover .input-wrap.radio
{
background:url('checkboxActive.svg') no-repeat center center;
}

.input-wrap.radio.active,
.form-control:hover .input-wrap.radio.active,
.active > .form-control .input-wrap.radio
{
background:url('checkboxActive.svg') no-repeat center center;
}

.input-wrap.checkbox
{
background:url('checkbox.svg') no-repeat center center;
}

.form-control:hover .input-wrap.checkbox
{
background:url('checkboxActive.svg') no-repeat center center;
}

.input-wrap.checkbox.active,
.form-control:hover .input-wrap.checkbox.active,
.active > .form-control .input-wrap.checkbox
{
background:url('checkboxActive.svg') no-repeat center center;
}

.input-wrap input
{
visibility:   hidden;
margin:0;
}

.form-link
{
line-height:   35px;
font-size:12px;
color:   #666;
}
[dir="rtl"] .form-link.fr
{
float:   right;
}

.info:before
{
content:'';
display:   inline-block;
min-height:13px;
min-width:   12px;
background:url('info.png') no-repeat 0 center;
margin-right:   10px;
vertical-align:middle;
}
[dir="rtl"] .info:before
{
background:url('infoRtl.png') no-repeat  center;
margin-right:   0;
margin-left:10px;
}

.ask:before
{
content:'';
display:   inline-block;
min-height:15px;
min-width:   15px;
background:url('infoAsk.png') no-repeat 0 center;
margin-right:   10px;
vertical-align:middle;
}

.social-btn
{
height:   20px;
padding-left:29px;
}

.medium .social-btn
{
height:   30px;
padding-left:39px;
}

.large .social-btn
{
height:   40px;
padding-left:49px;
}

.xlarge .social-btn
{
height:   50px;
padding-left:59px;
}

.removeBtn
{
width:   20px;
height:20px;
background-repeat:   no-repeat;
background-position:center center;
}

.hasDatepicker
{
padding-right:   26px;
background:url('calendarIcon.png') no-repeat right center;
}

.qtyBtns input[type=number]::-webkit-inner-spin-button,
.qtyBtns input[type=number]::-webkit-outer-spin-button
{
-webkit-appearance:    none;
margin: 0;
}
/* F rat */
.form-item input[type="checkbox"],
.form-item input[type="radio"]
{
position:   absolute;
visibility:hidden;
}

.form-item i:before
{
line-height:   17px;
font-size:15px;
color:   #a4a4a4;
}

.form-item input[type="checkbox"] + .icon-wrapper [class*="-unchecked"],
.form-item input[type="radio"] + .icon-wrapper [class*="-unchecked"]
{
display:   block;
}

.form-item input[type="checkbox"] + .icon-wrapper [class*="-checked"],
.form-item input[type="radio"] + .icon-wrapper [class*="-checked"]
{
display:   none;
}

.form-item input[type="checkbox"]:checked + .icon-wrapper [class*="-unchecked"],
.form-item input[type="radio"]:checked + .icon-wrapper [class*="-unchecked"]
{
display:   none;
}

.form-item input[type="checkbox"]:checked + .icon-wrapper [class*="-checked"],
.form-item input[type="radio"]:checked + .icon-wrapper [class*="-checked"]
{
display:   block;
}
[for="cardHolder"] input,
[for="cardNumber"] input
{
width:100%;
}
/* F rat */
.imgCodeCaptcha
{
padding-left:    100px;
}

.imgCodeCaptcha img,
.imgCodeCaptcha button
{
width:    100px;
padding: 0;
}

.imgCodeCaptcha button
{
font-size:    14px;
}

.imgCodeCaptcha input
{
width: calc(100% - 100px);
}
[dir="rtl"] .imgCodeCaptcha button
{
float:    left;
}

.imgCodeCaptcha input + .placeholder
{
left:    200px;
}

.tax-foffice-list
{
background-color:    #FFF;
box-shadow: 0px 2px 4px rgba(0, 0, 0, .3);
display:    none;
position: absolute;
top: 100%;
left:    0;
z-index: 1234;
}

.search-enable .tax-foffice-list
{
display:    block;
}

.tax-foffice-list input[type="search"]
{
height:    36px;
margin-bottom: 10px;
padding-top: 0 !important;
outline:    0;
}

.tax-foffice-list ul
{
max-height:    269px;
overflow-x: hidden;
overflow-y:    auto;
}

.tax-foffice-list .col-text
{
padding-top:    6px;
padding-bottom: 6px;
}
#page-login  .input-icon  input
{
background-color: #f9fafb !important;
height:    70px;
}
#page-login  .input-icon  span
{
background-color:    #f9fafb;
font-size: 14px;
font-weight:    normal;
color: #8c8c8c;
}
#member-forgot-password
{
font-size:    14px;
font-weight: 300;
color:    #000000;
padding-top: 20px;
padding-bottom:    20px;
}
#login-form .textalan label
{
font-size:    14px;
font-weight: 300;
font-stretch:    normal;
font-style: normal;
line-height:    normal;
letter-spacing: normal;
color:    #000000;
}
#login-form .textalan label #beni-hatirla
{
background-color: #fff !important;
}
#login-form .textalan label #beni-hatirla + span
{
background-color: #fff !important;
margin-top:    5px;
}
#popup-member-login-facebook
{
border:    solid 1px #4967aa;
/*
height:    65px;
*/
display:    flex;
justify-content: center;
align-items:    center;
/*
font-size:    16px;
*/
font-weight:    bold;
font-stretch: normal;
font-style:    normal;
line-height: normal;
letter-spacing:    normal;
color: #4967aa;
/*
margin-bottom:    20px;
*/
justify-content:    center;
justify-items: center;
text-align-last:    center;
line-height: 47px;
}
}
#popup-member-login-facebook img
{
margin-right:    5px;
}
#member-register
{
background-color:    #000000;
height: 65px;
font-size:    16px;
/*font-weight: bold;*/
letter-spacing:    2px;
color: #fcfcfc;
display:    flex;
align-items: center;
justify-content:    center;
}
#page-login
{
margin-top:    30px;
}

.input-title
{
color:    #000000;
font-size: 14px;
font-weight:    normal;
display: flex;
padding-bottom:    5px;
}

.input-title img
{
margin-right:    10px;
}
a#order-login-btn
{
height:    65px;
background-color: #e30613;
font-size:    16px;
/*font-weight: bold;*/
font-stretch:    normal;
font-style: normal;
line-height:    normal;
letter-spacing: 2px;
color:    #fcfcfc;
display: flex;
justify-content:    center;
align-items: center;
}
#member-login-btn
{
height:    65px;
background-color: #e30613;
font-size:    16px;
/*font-weight: bold;*/
font-stretch:    normal;
font-style: normal;
line-height:    normal;
letter-spacing: 2px;
color:    #fcfcfc;
display: flex;
justify-content:    center;
align-items: center;
}
#facebooktbtns
{
position:    relative;
}
#facebooktbtns:after
{
content: '';
border-bottom:    2px dashed #8c8c8c;
display: block;
position:    absolute;
bottom: 15px;
left:    11px;
height: 2px;
width: 97%;
}
#uye-kayit-btn
{
height:    65px;
background-color: #e30613;
font-size:    16px;
font-weight: bold;
font-stretch:    normal;
font-style: normal;
line-height:    normal;
letter-spacing: 2px;
color:    #fcfcfc;
display: flex;
justify-content:    center;
align-items: center;
}
#is_company_active
{
padding-top:    5px;
}
#is_company_active + .icon-arrow-simple-down:before
{
height:    10px;
}

.showNationality.individualForm .form-control
{
font-size:    14px;
font-weight: 300;
font-stretch:    normal;
font-style: normal;
line-height:    normal;
letter-spacing: normal;
color:    #000000;
}
#addressFormCountryControl:after
{
background: url(uyari.svg) no-repeat 80% center;
content: '';
position:    absolute;
top: 22px;
right:    48px;
z-index: 33;
height:    25px;
width: 24px;
display:    inline-block;
}
#iu-address .icon-arrow-simple-down:before
{
background: url(down.svg) no-repeat center center;
position:    absolute;
right: 4px;
z-index:    33;
top: 23px;
height:    10px;
}
#orderLeft .tab-pane.contentAddress
{
background:    #fff;
border: none;
padding:    10px;
box-sizing: border-box;
}
#ulAddressTypeContent
{
border: none !important;
}
#orderRight > .col.col-12
{
background:    #fff;
}
button#addAddress
{
background-color:    #e30613;
height: 45px;
color:    #fff;
font-size: 18px;
font-weight:    600;
padding-left: 10px;
padding-right:    10px;
}
button#addAddress:after
{
margin-left:    8px;
font-size: 9px;
font-weight:    300;
line-height: 45px;
}
#addressTab_list .pageTitle
{
font-size:    18px;
font-weight: 600;
font-stretch:    normal;
font-style: normal;
line-height:    normal;
letter-spacing: 0.6px;
color:    #000000;
text-transform: capitalize;
padding-bottom:    15px;
padding-top: 0px;
border-bottom:    none;
}
#addressTab_list .pageTitle .address
{
margin-bottom:    0;
line-height: 40px;
font-size:    18px;
font-weight: 600;
font-stretch:    normal;
letter-spacing: 0.6px;
color:    #000000;
}

.addressCheck .order-input-wrap.darkBg
{
background:    transparent;
}

.addressCheck .order-input-wrap.lightBg
{
background-color:    transparent;
}
#addressListContainer .addressEdit .fa-pencil:before
{
content: '';
background: url(pencil.svg) no-repeat center center;
width:    25px;
height: 20px;
display:    inline-block;
}
#addressListContainer .addressEdit
{
border:    none;
background: none;
padding:    0;
}
#orderPageLayer .addressRow button:not(.addressEdit):before
{
content: 'Sil';
font-size:    12px;
font-weight: 300;
line-height:    normal;
color: #000000;
}
#orderPageLayer .addressRow button:not(.addressEdit)
{
border:    none;
font-size: 0;
height:    20px;
width: 42px;
background: url(delete2.svg) no-repeat left;
padding-right:    5px;
padding-left: 22px;
}
#orderPageLayer .delivery-address-list .addressRow
{
font-size:    16px;
font-weight: 500;
line-height:    normal;
color: #231f20;
background:    transparent;
border: none;
}
#orderPageLayer .delivery-address-list .addressInfo
{
border:    none;
padding-top: 0;
}
#addressListContainer .invoiceList .addres-box
{
border-top:    1px solid #d8d8d8;
}
#orderPageLayer .delivery-address-list .addressInfo .col-7
{
font-size:    16px;
font-weight: normal;
font-stretch:    normal;
font-style: normal;
line-height: 1.25;
letter-spacing:    normal;
color: #7d7d7d;
}
#orderRight
{
padding:    0px 0px 0px 20px;
box-sizing: border-box;
}
#orderRight
{
padding:    0px 0px 0px 20px;
box-sizing: border-box;
}
#orderRight .pageTitle.accordeon
{
background-color:    #fff;
font-size: 18px;
font-weight:    600;
font-stretch: normal;
font-style:    normal;
line-height: normal;
letter-spacing: 0.6px;
color:    #000000;
text-transform: capitalize;
padding-left:    20px;
box-sizing: border-box;
margin-left:    10px;
width: 95%;
border-color:    #d8d8d8;
}
#pageOrder #orderRight .summary-product-name
{
font-size:    12px;
font-weight: 300;
font-stretch:    normal;
font-style: normal;
line-height:    normal;
letter-spacing: normal;
color:    #8c8c8c;
display: block;
}
#pageOrder #orderRight .summary-subproduct-name
{
font-size:    12px;
font-weight: 300;
font-stretch:    normal;
font-style: normal;
line-height:    normal;
letter-spacing: normal;
color:    #000000;
}
#pageOrder #orderRight  .box.col-12.p-top
{
font-size:    18px;
font-weight: bold;
font-stretch:    normal;
font-style: normal;
line-height:    normal;
letter-spacing: normal;
color:    #000000;
}
#pageOrder #orderRight li
{
margin-left:    10px;
width: 95%;
border-color:    #d8d8d8;
}
#orderRight #orderSummary > .row > div:not(#productListWrap)
{
margin-left:    10px;
width: 95%;
padding-bottom:    10px;
padding-top: 10px;
border-color:    #d8d8d8;
}
#orderRight #orderSummary > .row > div:not(#productListWrap) > .row > .box:not(.col-5)
{
font-size:    16px;
font-weight: normal;
font-stretch:    normal;
font-style: normal;
line-height:    normal;
letter-spacing: 1.33px;
color:    #000000;
}
#orderRight #orderSummary > .row > div:not(#productListWrap):last-child > .row > .box:not(.col-5)
{
font-weight:    600;
}
#orderRight #orderSummary > .row > div:not(#productListWrap) > .row > .box.col-5
{
font-size:    16px;
font-weight: normal;
font-stretch:    normal;
font-style: normal;
line-height:    normal;
letter-spacing: 1.23px;
text-align:    right;
color: #000000;
}
#orderRight #orderSummary > .row > div:not(#productListWrap):last-child > .row > .box.col-5
{
color:    #e30613;
font-weight: 600;
}
#containerPaymentRoute button.nextOrder, #containerPaymentRoute button.nextOrderWait
{
background: url(geri.svg) no-repeat 19% center #000;
height:    60px;
font-size: 16px;
font-weight:    500;
font-stretch: normal;
font-style:    normal;
line-height: normal;
/*letter-spacing: 0.84px;*/
margin-left:    10px;
width: 95%;
margin-top:    10px;
}
#orderRight #summaryInvoiceAddress .pageTitle.accordeon
{
padding-left:    10px;
}
#orderRight #summaryDeliveryAddress .pageTitle.accordeon
{
padding-left:    10px;
}
#customerConfirmList .twoInOne
{
border:    none;
margin-left: 0 !important;
}
#customerConfirmList .twoInOne label.lightBg
{
border:    none;
padding-left: 0;
font-size:    14px;
font-weight: normal;
font-stretch:    normal;
font-style: normal;
line-height: 1.5;
letter-spacing:    normal;
color: #868383;
}
#formPageOne .whiteBg
{
margin-bottom:    20px;
}
#formField
{
padding:    0px 0px 0 40px;
box-shadow: inset 10px 0px 20px -12px rgb(0 0 0 / 3%);
box-sizing:    border-box;
}
#iletisim-form input
{
height:    70px;
}
#iletisim-form input + .placeholder
{
line-height:    70px;
}
#iletisim-form input + .placeholder.focus
{
line-height:    40px;
}
#iletisim-form  .icon.myFlag
{
height:    70px;
}
#iletisim-form select#DepartmanId
{
height:    70px;
padding-top: 0;
background: url(down3.svg) no-repeat 97% center #f9fafb !important;
}
#formPageOne .col.col-5
{
padding-top:    35px;
}
#iletisim-form textarea#Mesaj
{
height:    110px;
}

.tel-iletisim
{
padding:    70px 30px;
box-sizing: border-box;
}

.tel-iletisim strong
{
float:    left;
font-size: 45px;
font-weight:    bold;
font-stretch: normal;
font-style:    normal;
line-height: 51px;
letter-spacing:    normal;
color: #000000;
background: url(tel.svg) no-repeat 30px center;
padding-left:    90px;
box-sizing: border-box;
}

.tel-iletisim  span
{
float:    left;
display: inline-block;
font-size:    14px;
font-weight: 500;
font-stretch:    normal;
font-style: normal;
line-height:    normal;
letter-spacing: 1.33px;
color:    #000000;
border-left: 1px solid #d8d8d8;
padding-left:    20px;
margin-left: 20px;
margin-top:    10px;
}

.desc-iletisim .col.col-6
{
padding:    40px 60px;
box-sizing: border-box;
}

.desc-iletisim strong
{
font-size:    21px;
font-weight: 500;
font-stretch:    normal;
font-style: normal;
line-height:    normal;
letter-spacing: 2px;
color:    #000000;
padding-bottom: 28px;
padding-top: 40px;
display:   block;
}

.desc-iletisim p
{
font-size:    16px;
font-weight: normal;
font-stretch:    normal;
font-style: normal;
line-height:    20px;
letter-spacing: normal;
color:    #8c8c8c;
}

.noktlar
{
text-align:    center;
border-left: 1px solid #f5f8f9;
padding-bottom:    85px;
}

.noktlar .satis-nokta
{
background:    red;
height: 105px;
box-shadow: 0 10px 74px -22px rgba(0, 0, 0, 0.09);
background-color:    #e30613;
display: flex;
justify-content:    center;
align-items: center;
font-size:    18px;
font-weight: bold;
color:    #fff;
position: relative;
margin-top:    80px;
padding-top: 30px;
box-sizing:    border-box;
}

.noktlar  .uyku-nokta
{
height:    105px;
box-shadow: 0 10px 74px -22px rgba(0, 0, 0, 0.09);
background-color:    #969b9f;
display: flex;
justify-content:    center;
align-items: center;
font-size:    18px;
font-weight: bold;
color:    #fff;
position: relative;
margin-top:    43px;
padding-top: 30px;
box-sizing:    border-box;
}
#filter-stores-ct select
{
height:    50px;
background: #fff !important;
font-size:    14px;
font-weight: 500;
font-stretch:    normal;
font-style: normal;
line-height:    normal;
letter-spacing: normal;
color:    #000000;
text-transform: uppercase;
padding-top:    0;
}
#filter-stores-ct .icon-arrow-simple-down:before
{
height:    50px;
}

.bgBanner
{
background: url(banner.png) no-repeat center top;
padding-bottom:    36px;
padding-top: 100px;
}

.bgBanner .satis-nokta
{
background-color:    #e30613;
height: 105px;
text-align:    center;
font-size: 18px;
font-weight:    bold;
color: #fff;
display:    flex;
justify-content: center;
align-items:    center;
margin-bottom: 50px;
position:    relative;
padding-top: 30px;
box-sizing:    border-box;
}

.bgBanner .satis-nokta.active:after
{
content: '';
border-color:    #e30613 #ffff0000 #dcdcdc00 #f0fff000;
border-style: solid;
width:    0;
height: 0;
border-width:    16px;
display: block;
position:    absolute;
bottom: -31px;
left: 48%;
}

.bgBanner .uyku-nokta.active:after
{
content: '';
border-color:    #ffffff #ffff0000 #dcdcdc00 #f0fff000;
border-style: solid;
width:    0;
height: 0;
border-width:    16px;
display: block;
position:    absolute;
bottom: -31px;
left: 48%;
}

.bgBanner .satis-nokta:before
{
content: '';
background: url(icon_kirmizi.svg) no-repeat center center;
width:    95px;
height: 104px;
position:    absolute;
top: -48px;
left: 40%;
z-index:    3;
}

.bgBanner .uyku-nokta
{
background-color:    #ffffff;
height: 105px;
text-align:    center;
font-size: 18px;
font-weight:    bold;
display: flex;
justify-content:    center;
align-items: center;
margin-bottom:    50px;
position: relative;
color:    #969b9f;
padding-top: 30px;
box-sizing:    border-box;
}

.bgBanner .uyku-nokta:before
{
content: '';
background: url(icon_gri.svg) no-repeat center center;
width:    86px;
height: 103px;
position:    absolute;
top: -48px;
left: 40%;
z-index:    3;
}
#ourStoresBlock .whiteBg
{
padding-top:    56px;
margin-bottom: 30px;
padding-bottom:    40px;
}

.magazaTitle
{
padding-top:    30px;
padding-bottom: 20px;
}

.magazaTitle p
{
font-size:    23px;
font-weight: 500;
font-stretch:    normal;
font-style: normal;
line-height:    normal;
letter-spacing: 2px;
color:    #000000;
padding-bottom: 5px;
}

.magazaTitle span
{
font-size:    12px;
font-weight: 300;
font-stretch:    normal;
font-style: normal;
line-height:    normal;
letter-spacing: 1px;
color:    #000000;
}

.btn.btnMagazaBul
{
height:    50px;
background-color: #e30613;
font-size:    18px;
font-weight: 500;
color:    #fff;
display: flex;
justify-content:    center;
align-items: center;
}

.kapaliBg
{
background-color:    #f0f3f4;
padding: 10px 50px 10px 50px;
box-sizing:    border-box;
}

.magazaName
{
font-size:    14px;
font-weight: 500;
font-stretch:    normal;
font-style: normal;
line-height:    normal;
letter-spacing: 1px;
color:    #000000;
padding-left: 0;
}

.icerikMagaza
{
border-top:    1px solid #cecbcb;
padding-top: 10px;
}

.magazaIcerikBilgi strong
{
font-size:    14px;
font-weight: 500;
font-stretch:    normal;
font-style: normal;
line-height:    normal;
letter-spacing: 1px;
color:    #000000;
display: block;
padding-bottom:    5px;
text-transform: capitalize;
}

.magazaIcerikBilgi
{
font-size:    12px;
font-weight: 300;
font-stretch:    normal;
font-style: normal;
line-height:    normal;
letter-spacing: 1px;
color:    #000000;
}

.btn.haritaBtn
{
font-size:    14px;
font-weight: 600;
font-stretch:    normal;
font-style: normal;
line-height:    normal;
letter-spacing: 1px;
text-align:    right;
color: #e30613;
text-transform:    uppercase;
}

.toggleBaslik.aktifse
{
background: url(minus.svg) no-repeat right center;
}

.toggleBaslik
{
background: url(plus.svg) no-repeat right center;
}

.noktlar .satis-nokta:before
{
content: '';
background: url(icon_kirmizi.svg) no-repeat center center;
width:    95px;
height: 104px;
position:    absolute;
top: -46px;
left: 40%;
z-index:    3;
}

.noktlar .uyku-nokta:before
{
content: '';
background: url(icon_gri.svg) no-repeat center center;
width:    86px;
height: 103px;
position:    absolute;
top: -42px;
left: 41%;
z-index:    3;
}
#iletisimform
{
margin-bottom:    30px;
}
@media screen and (max-width: 1700px)
{
#containerPaymentRoute button.nextOrder, #containerPaymentRoute button.nextOrderWait
{
background: url(geri.svg) no-repeat 12% center #000;
font-size:    13px;
}
#orderRight #orderSummary > .row > div:not(#productListWrap) > .row > .box.col-5
{
font-size:    13px;
}
#orderRight #orderSummary > .row > div:not(#productListWrap) > .row > .box:not(.col-5)
{
font-size:    12px;
}
}
@media screen and (max-width: 768px)
{
.form-control input[type="text"],
.form-control input[type="radio"],
.form-control input[type="password"],
.form-control input[type="tel"],
.form-control input[type="number"],
.form-control input[type="email"],
.form-control input[type="search"],
.form-control select,
.form-control textarea,
.form input[type="text"],
.form input[type="password"],
.form input[type="tel"],
.form input[type="number"],
.form input[type="email"],
.form input[type="search"],
.form select,
.form textarea
{
/*font-size:17px;*/
}

.icon:not(.myFlag)
{
display:    none;
}

.icon:not(.myFlag) + input[type="text"],
.icon:not(.myFlag) + input[type="password"],
.icon:not(.myFlag) + input[type="tel"],
.icon:not(.myFlag) + input[type="number"],
.icon:not(.myFlag) + input[type="email"],
.icon:not(.myFlag) + input[type="search"],
.icon:not(.myFlag) + textarea,
.icon:not(.myFlag) + select,
.input-icon :not(.phone) + .placeholder,
.medium .icon:not(.myFlag) + input[type="text"],
.medium .icon:not(.myFlag) + input[type="password"],
.medium .icon:not(.myFlag) + input[type="tel"],
.medium .icon:not(.myFlag) + input[type="number"],
.medium .icon:not(.myFlag) + input[type="email"],
.medium .icon:not(.myFlag) + input[type="search"],
.medium .icon:not(.myFlag) + textarea,
.medium .icon:not(.myFlag) + select,
.medium .input-icon :not(.phone) + .placeholder,
.large .icon:not(.myFlag) + input[type="text"],
.large .icon:not(.myFlag) + input[type="password"],
.large .icon:not(.myFlag) + input[type="tel"],
.large .icon:not(.myFlag) + input[type="number"],
.large .icon:not(.myFlag) + input[type="email"],
.large .icon:not(.myFlag) + input[type="search"],
.large .icon:not(.myFlag) + textarea,
.large .icon:not(.myFlag) + select,
.large .input-icon :not(.phone) + .placeholder,
.xlarge .icon:not(.myFlag) + input[type="text"],
.xlarge .icon:not(.myFlag) + input[type="password"],
.xlarge .icon:not(.myFlag) + input[type="tel"],
.xlarge .icon:not(.myFlag) + input[type="number"],
.xlarge .icon:not(.myFlag) + input[type="email"],
.xlarge .icon:not(.myFlag) + input[type="search"],
.xlarge .icon:not(.myFlag) + textarea,
.xlarge .icon:not(.myFlag) + select,
.xlarge .input-icon :not(.phone) + .placeholder
{
padding-right:   10px;
padding-left:10px;
}

.icon + select,
.medium .icon + select,
.large .icon + select,
.xlarge .icon + select
{
text-indent:   0;
}
}