@media (min-width:768px){

.header7  .container-fluid{
padding:0 25px;
}
}

.index7 .sol-menu button{
border:none;
background:transparent;
font-size:20px;
color:#fff;
}


.spt-btn{
position: absolute;
bottom: 0;
right: 0;
width: 45px;
height: 50px;
line-height: 50px;
text-align: center;
background: var(--temarenkduzeni);
color:#fff;
font-size:24px;

-webkit-transition: .3s all ease-in-out .1s;
-moz-transition: .3s all ease-in-out .1s;
-ms-transition: .3s all ease-in-out .1s;
-o-transition: .3s all ease-in-out .1s;
transition: .3s all ease-in-out .1s;
}
.spt-btn:hover{
background: #fff;
color:var(--temarenkduzeni);
border: 2px solid var(--temarenkduzeni);
}
.spt-btn span{
display:none;
}


.bulten2{
background:var(--temarenkduzeni);
display:block;
width:100%;
float:left;
}
.bulten-form .bulten-baslik{
display:inline-block;
font-size:20px;
color:#fff;
margin-right:20px;
}
.bulten-social .bulten-baslik{
display:inline-block;
font-size:20px;
color:#fff;
margin-right:5px;
}
.bulten-form{
padding:15px 0;
float:right
}
.bulten-social{
padding:20px 0;
}
.bulten2 ul{
display:inline-block;

}
.bulten2 ul li{
display:inline-block;
position:relative;


}
.bulten2 ul li a{
width:35px;
height:35px;
display:block;
line-height:35px;
text-align:center;
color:#fff;
border-radius:50%;
font-size:14px;
border:1px solid #fff;

}

.bulten2 ul li a:hover{
border:1px solid #c20000;
background-color:#c20000;
}

.bulten-form form{
display:inline-block;
position:relative;
}
.bulten-form form input{
height: 45px;
color: #000;
border: none;
padding: 0 75px 0 15px;
border-radius: 5px;
width: 490px;
}
.bulten-form form button{
position:absolute;
top:0;
right:0;
font-size:14px;
height:45px;
border:none;
background:#c20000;
border-bottom-right-radius:5px;
border-top-right-radius:5px;
color:#fff;
}

@media (max-width:768px){
.bulten2 .container{width:100%;}
.bulten-form,
.bulten-social{
text-align:center;
float:none;
}
.bulten-form form input{

width:100%;}
.bulten-form form{
display:block;
}
}


.header5-link{
display:block;
width:100%;
}
.header5-link .sepet-link{
display:inline-block;
position:relative;
padding-left:47px;
margin-left:0px;
}
.header5-link .favori-link{
display:inline-block;
position:relative;
padding-left:47px;
margin-left:0px;
}
.header5-link .sepet-link .badge-cart{
display: block;
position: absolute;
top: -7px;
left: -1px;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
border-radius: 50%;
color: #fff;
font-size: 14px;
background: #c20000;
}
.header5-link .favori-link .badge-cart{
display: block;
position: absolute;
top: -7px;
left: -1px;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
border-radius: 50%;
color: #fff;
font-size: 14px;
background: #c20000;
}
.header5-link .hesap-link {
display:inline-block;
position:relative;
padding-left:47px;
transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
margin-left:0px;
float:left;
}
.header5-link .favori-link .icon-link,
.header5-link .sepet-link .icon-link,
.header5-link .hesap-link .icon-link{
position:absolute;
top:0;
left:0;
}
.header5-link .favori-link .icon-link > i,
.header5-link .sepet-link > .icon-link >i,
.header5-link .hesap-link > .icon-link >i{
font-size:40px;
}
.header5-link .urun-bilgi{
display:block;
color:#c20000;
font-size:12px;
font-weight:600;
}
.header5-link .urun-bilgi span.badge-cart,
.header5-link .urun-bilgi span.badge{
position: relative;
top: 0;
left: 0;
background: transparent;
display: inline-block;
width: auto;
height: auto;
line-height: inherit;
font-size: 12px;
color: #c20000;
padding-right:4px;
}
.header5-link .giris{
display:inline-block;
line-height:6px;

}

.header5-link .giris li{
display:inline-block;
position:relative;
margin-right:0;
transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;

}
.header5-link .giris li:first-child:after{
content: "";
position: absolute;
top: -4px;
right: 0px;
width: 1px;
height: 14px;
background: #000;
transform: rotate(14deg);
}
.header7 .header5-link .giris li:first-child:after{
background: #fff;
}
.header5-link .giris li > a{
font-size: 11px;

display: block;
float: left;
color:#444;

padding-right:5px;
}
.header7 .header5-link .giris li > a{
color:#fff;
}
.header5-link .giris li >  a:hover{
color:#c20000;
}
.header5-link .hesap-link.account  .dropdown-toggle::after,
.header5-link .giris li > a i{
display:none;
}
.header5-link .hesap-link.account.dropdown:hover .dropdown-menu{
display:block;
}
.header-lan-curr.header5-toplink li a{
font-size:18px;
}


.header5-link .sepet-link, .header5-link .favori-link { float:left;
}

.liste4 .ee-product .content .liste-indirim h5{
width:50%;
display:block;
float:left;
margin:0;
line-height:20px;
text-align:center;
padding:5px;
}
.liste4 .ee-product .content .liste-indirim span.old{
font-size:13px !important;
float:none;
margin:0;
}
.liste4 .ee-product .content .liste-indirim span.new-price{
margin:0;
float:none;
}
.liste4 .ee-product .content .liste-indirim .discount{background:#c20000;color:#fff;}
.liste4 .ee-product .content .liste-indirim{
padding: 0;
}
.ust-search{
width:100%;
display:block;
position:relative;
padding:3px;
background:var(--temarenkduzeni);
}
.ust-search input{
height:40px;
background:#fff;
width:100%;
border:none;
padding-right:60px;
padding-left:15px;
color:#000;
}
.ust-search button{
position: absolute;
right: 0;
top: 0;
padding: 11px 25px;
color: #fff;
border: none;
background:var(--temarenkduzeni);

}
.header-link{
display:block;
width:100%;
}
.header-link > li{
display:inline-block;
position:relative;
margin-right:10px;
transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;

}
.header-link > li > a{
font-size: 16px;

display: block;
float: left;
color:#444;

padding-right:5px;
}
.header-link > li > a i{
font-size: 36px;
padding: 5px ;
line-height: 34px;

color: #000;
}
.header-link > li > a .number {
width: 20px;
height: 20px;
border-radius: 50px;
font-size: 12px;
font-weight: 600;
color: #fff;
background-color: #25735c;
display: block;
overflow: hidden;
text-align: center;
line-height: 20px;
margin-top: 5px;
position: absolute;
left: 4px;
top: -7px;
}




.header3-link{
display:block;
width:100%;
}
.header3-link > li{
display:inline-block;
position:relative;
margin-right:10px;
transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;

}
.header3-link > li > a{
font-size: 17px;
line-height: 40px;
display: block;
height: 44px;
text-align: center;
color: #444;
border:1px solid var(--temarenkduzeni);
padding-right:5px;
}
.header3-link > li > a i{
font-size: 22px;
height: 42px;
width: 42px;
line-height: 47px;
text-align: center;
background: var(--temarenkduzeni);
color: #fff;
}
.header3-link > li > a .number {
width: 20px;
height: 20px;
border-radius: 50px;
font-size: 12px;
font-weight: 600;
color: #fff;
background-color: #25735c;
display: block;
overflow: hidden;
text-align: center;
line-height: 20px;
margin-top: 5px;
position: absolute;
left: -11px;
top: -11px;
}



.header3-link > li.lang > a{
border:none;
}
.header1-search{
display:block;
position:relative;
width:100%;
}
.header1-search input{
width:100%;
font-size:14px;
height:45px;
border:1px solid var(--temarenkduzeni);
background:#fff;
color:#000;
padding:0 60px 0 15px;
}

.header1-search button{
position:absolute;
right:0;
top:0;
padding: 10px;
color:#000;
border:none;
background:transparent;
border-left:1px solid var(--temarenkduzeni);
}
.header1-search button i{ padding-right:5px;}

.slider-link{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

.cart .item .old{float:none;}

.index7 .section-title-one::before{
display:none;
}

.header7,
.header7.header7-absolute .is-sticky{

background:#000;
color:#fff;
}
.header7.header7-absolute{
position:fixed;
top:0;

background:rgba(0,0,0,0.7);

}
.header7 .header-shop-links a{
color:#fff;
}
.header7 .category-toggle-wrap .category-toggle{
font-size:20px;
}
.header7 .category-toggle-wrap .category-toggle i{
color: var(--temarenkduzeni);
display:inline-block;
float:none;
padding-left:10px;
}



.header4 .header-shop-links a{
color:#000;
}
.header4 .category-toggle-wrap .category-toggle{
font-size:12px;
color: var(--temarenkduzeni);
font-weight:700;
}
.header4 .category-toggle-wrap .category-toggle i{
color: var(--temarenkduzeni);
display:inline-block;
float: left;
padding-right: 10px;
font-size: 12px;
font-weight:700;
}




.product-info .alert{
margin-top:5px;
margin-bottom:0;
}

#light-gallery img{
width:100%;
}

@media (max-width: 897px) {
.modal { z-index:99999 !important;}



.mobilfixbtn {
position: fixed !important;
bottom: 89px;
right: 9px;
z-index: 99999 !important;
}
.modal .modal-dialog {


position: fixed ;
left: 0px;
z-index: 99999;
top: 0px;
margin: 0px;
width: 100%;
}

}


.zoom {
position:relative;

}
.urun-bigimage{
width: 35px;
height: 35px;
background-color: transparent;
border: none;
text-align: center;
color: #9b9b9b;
position: absolute;
right: 25px;
top: 25px;
z-index: 9;

}
.urun-bigimage i {
line-height: 35px;
display: block;
font-size: 18px;
}
.single-product-image > .tab-content img{
width:100%;
}
.headersolmenu{
position:relative;
background-color:transparent;

}
.headersolmenu nav{
position:absolute;
top:63px !important;
z-index:111;
}
.header7 .headersolmenu nav{

top:81px !important;

}
.header4 .headersolmenu nav{

top:81px !important;

}
.headersolmenu .category-toggle-wrap{
padding: 15px 25px;
background-color:transparent;
}
.header7 .headersolmenu .category-toggle-wrap{
padding: 15px;
}

.header4 .headersolmenu .category-toggle-wrap{
padding: 10px 25px 10px 25px;
border: 1px solid var(--temarenkduzeni);
border-radius:50px;
}



@media (min-width:768px){
.header7 .header-advance-search .input{
width:225px;
}
.vitrin-slider .ee-product-two:hover .wrap .content .wishlist-compare a{
bottom:6px;

}
.vitrin-slider .ee-product-two:hover .wrap .add-to-cart{
bottom:3px;
}
.vitrin-slider .ee-product-two .wrap .offer{
right:50px;

}
.vitrin-slider .vitrin .tukendi{

left:30%;
}
}
.header6-menu .main-menu nav > ul > li > a{
line-height:60px;

}

.details{
font-size:10px;
}
._rating, .product .rating, .rating {
color: #fc0;
vertical-align: text-top;
white-space: nowrap;
line-height: 0;
font-size: 0;
}

._rating span, .product .rating span, .rating span {
display: inline;
margin: 0 0px;
font-size: 18px;
line-height: 21px;
}

._rating .empty-star, .rating .empty-star {
color: #d6d6d6;
}





.stokgoster{
margin:5px 0 0 35px;
}
.stokgoster label{ color:#333;}
.single-product-content .head-content .urun-fiyat > .new-price{
font-size: 26px !important;
margin: 0;
float: left;
margin-right: 4px;
}
.single-product-content .head-content .urun-fiyat > .old{
margin: 0;
float: right;
font-size: 16px !important;
font-weight: 600 !important;
clear: both;
line-height: 35px;
}
.single-product-content .head-content .urun-fiyat > .indirim{
font-size: 14px;
color: #fff;
margin: 0;

background: #c20000;
position: relative;
text-align: center;
margin-bottom: 5px;
display: inline-block;
float: left;
padding: 6px 15px;
}

@media (max-width:768px){
.header-search .search-toggle{
margin-right:40px;
}
.header6 .ustmenucolor{
background-color:transparent;
}
.stokgoster{
margin:0;
}
.single-product-content .head-content .urun-fiyat > .old{

float:left;

}
}
.tukendi{
position:absolute;
left:35%;
top:45%;
padding:10px 15px;
background: var(--temarenkduzeni);
color: #fff;
z-index: 1;
}
.vitrin .tukendi{
top:32%;
left:40%
}
.vitrin .rgba-white::before,
.ee-product-list .rgba-white::before,
.ee-product .rgba-white::before{
background: rgba(255,255,255,0.7);
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.vitrin .add-to-cart,
.ee-product .add-to-cart{
z-index:1;
}
.footer-social_icon li{
display:inline-block;
border: 1px solid #333;
text-align:center;
margin: 5px;
transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 6px;
}
.footer-social_icon a{
font-size: 20px;
color:#333;
line-height: 20px;
width: 42px;
height:42px;
border:1px solid transparent;
text-align: center;

}
.footer-social_icon li a::before{
position:relative;
top:11px;
}
.footer-social_icon li:hover,
.footer-social_icon li:hover a{
color: var(--temarenkduzeni);
border-color: var(--temarenkduzeni);

}


/*sol menu*/
.sol-menu > .sol-index > ul > li,
.sol-menu > .category-menu > ul > li,
.sol-menu-fix > .category-menu > ul > li{
position:relative;
}
.sol-menu > .sol-index > ul > li:hover >ul,
.sol-menu > .category-menu > ul > li:hover >ul{
opacity:1;
visibility:visible;
z-index:111;
top:0;
left:100%;
margin-top:0;

}
.sol-menu-fix > .category-menu > ul > li:hover >ul{
opacity:1;
visibility:visible;
z-index:111;
top:0;
left:100%;

margin-top:0;
}
@media (max-width:768px){

.sol-menu,
.sol-menu-fix{
display:none;


}

}
/*sol menu*/
/*owl carousel*/

.owl-nav{
display:none;
}
.owl-carousel:hover .owl-nav{
display:block;
}
.owl-prev{
position:absolute;
top:34%;
left:2%;

}
.owl-next{
position:absolute;
top:34%;
right:2%;

}
.owl-banner{
position: absolute;
top: 50%;
left: 50%;
z-index: 3;
color: #fff;
text-align: center;
text-transform: uppercase;
text-shadow: 1px 1px 0 rgba(0,0,0,.75);
-webkit-transform: translate3d(-50%,-50%,0);
-moz-transform: translate3d(-50%,-50%,0);
-ms-transform: translate3d(-50%,-50%,0);
-o-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0);

}
.owl-banner .owl-title{
font-size: 3em;
font-weight: bold;
margin: 0;
padding: 0;
}
.owl-carousel .owl-item .owl-banner{
opacity: 0;
-webkit-transition: 2s all ease-in-out .1s;
-moz-transition: 2s all ease-in-out .1s;
-ms-transition: 2s all ease-in-out .1s;
-o-transition: 2s all ease-in-out .1s;
transition: 2s all ease-in-out .1s;
}
.owl-carousel .owl-item.active .owl-banner{
opacity: 1;
-webkit-transition: 2s all ease-in-out .1s;
-moz-transition: 2s all ease-in-out .1s;
-ms-transition: 2s all ease-in-out .1s;
-o-transition: 2s all ease-in-out .1s;
transition: 2s all ease-in-out .1s;
}
.owl-banner .btn {padding: 5px 20px;}
.owl-banner .btn,
.owl-banner .btn:hover,
.owl-banner .btn:focus {
color: #f5f5f5;
background-color:var(--temarenkduzeni);
border-color: var(--temarenkduzeni);
outline: none;
margin: 5px auto;

}
@media screen and (min-width: 980px){
.owl-banner { width: 980px; }
}
@media screen and (max-width: 640px){
.owl-banner .owl-title { font-size: 2em; }
}
@media (max-width:768px){
.owl-prev{
position:absolute;
top:34%;
left:5%;

}
.owl-next{
position:absolute;
top:34%;
right:2%;

}
.col-lg-push-3.global-first-child .owl-prev{

left:2% !important;

}
}
.owl-next:hover,
.owl-prev:hover{
color:#fff !important;
}
/*owl carousel*/
.kredikartitab .form-control{
padding:10px 0 0 10px;
}
.kayitol.material input{
padding: 15px 30px 10px 30px;
border-radius:0;
}
/*vitrinurun*/
.vitrin .ee-product-two .wrap .content .wishlist-compare a{
background-color:#fff;
z-index:1;
}
.vitrin .add-to-cart{z-index:1;
}
.vitrin .ee-product-two .wrap .content .wishlist-compare a:hover{
background-color:var(--temarenkduzeni);
border-color:#fff;
color:#fff;
}
.vitrin .ee-product-two .wrap .content .title-price .title a{
color:#fff;
}
.special-product{
float:left;
width:100%;
background:var(--temarenkduzeni);
color:#fff;
text-align:center;
padding:15px 10px;
font-weight:700;
font-size:16px;
}
/*vitrinürün*/
.col-logo{
text-align:center;

}
@media (max-width:750px){
.col-logo{
text-align:left;

}
}
/*secenek*/
.options-swatch-color li span {
display: block;
width: 100%;
height: 100%;
}
.options-swatch-color li.active a:before {
background-color: none;
border: 6px solid #ffffff;
}
.options-swatch-color li a:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0px solid #ffffff;
-webkit-transition: 0.1s;
-o-transition: 0.1s;
transition: 0.1s;
-webkit-transition: 0.1s 0.3s 0s ease;
-moz-transition: 0.1s 0.3s 0s ease;
-ms-transition: 0.1s 0.3s 0s ease;
-o-transition: 0.1s 0.3s 0s ease;
transition: 0.1s 0.3s 0s ease;
}
.options-swatch-color li.active a {
text-decoration: none;
}
.options-swatch-color li a {
display: block;
position: relative;
text-align: center;
width: 50px;
height: 50px;
font-size: 13px;
line-height: 50px;
text-decoration: none;
background-color: transparent;
}
.product-info .options-swatch-color li {
margin: 0 5px 5px 0;
}
.options-swatch-color li {
display: inline-block;}
.product-info .options-swatch-color {
font-size: 0;
line-height: 0;
margin-bottom: 7px;
}
.options-swatch-color {
margin: 0 0 21px -3px;
padding: 0;
list-style: none;
}
.required {
font-size: 14px;
font-weight: normal;
text-transform: capitalize;
color: #fe4135;
}
.color-required {
color: #fe4135;
}
.product-info .title-options {
color: #333333;
margin: 15px 0;
font-weight: bold;
font-size: 20px;
line-height: 26px;
letter-spacing: 0.02em;
}
.tags-list {
margin-top: 28px;
margin-left: -5px;
}
.tags-list li {
display: inline-block;
margin: 0 0 5px 5px;
}
.tags-list li.active a {
background: #333333;
border-color: #333333;
color: #ffffff;
cursor: default;
}
.tags-list li a {
min-width: 50px;
min-height: 50px;
font-size: 14px;
line-height: 22px;
padding: 14px 15px 12px;
display: inline-block;
border: 1px solid #e9e9e9;
color: #777;
background: transparent;
text-align: center;
transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
}


/*secenek*/







@media (max-width:450px){
.ee-product .image .wishlist-compare a {
opacity: 1;
visibility: visible;
left: 0; }
.ee-product-two .wrap .add-to-cart{
opacity: 1;
visibility: visible;
}

.ee-product .image .add-to-cart{

opacity: 1;
visibility: visible;
bottom: 20px;

}
}


.ustciz  { text-decoration: line-through;}
.btn{

background: var(--temarenkduzeni);


}
.btn:hover{

background: var(--temarenkduzeni);
border: 1px solid var(--temarenkduzeni);
}
.input-counter .price,.input-counter2 .price{
font-size:16px !important;
color:var(--temarenkduzeni) !important;
font-weight:600;
}
.mini-cart-products .new-price{
font-size: 14px !important;
color: #c20000 !important;
font-weight: 600 !important;
float: left;
margin-right: 3px;

}
.input-counter input , .input-counter2 input{
width:40%;
float:left;
margin-right:5px;

background: #fefcef;
border: 1px solid #ccc;
padding-left: 8px;
}

.product-info .input-counter input , .product-info .input-counter2 input{
width: 90px;
float: left;
margin-right: 5px;
background: #fefcef;
border: 1px solid #bbb;
padding-left: 20px;
padding-right: 20px;
height: 40px;
border-radius: 50px;
text-align: center;
}
#style-3::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar
{
width: 6px;
background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar-thumb
{
background-color: var(--temarenkduzeni);
}

/*altmenu start*/
#altmenu{
display:none;}
@media (max-width: 500px){
#altmenu{
display:block;
position: fixed;
bottom: 0;
width: 100%;
z-index: 1111111111;
background:#fff;
}
.alticon a{
padding:10px 5px;
display:block;
}
.alticon a span{
color:#000 !important;
}
.alticon a h6{
color:#000 !important;
font-size:12px;
font-weight:bold;
margin:0;
}
}
/*altmenu end*/

#uyariModal{
background:rgba(0,0,0,0.98);

}

#uyariModal .modal-header button{
visibility:hidden;

}
#uyariModal .modal-body{
text-align:center;

}
#uyariModal .modal-body{
text-align:center;

}
.defaultWhatsApp .whatsAppOrderButton.right {
right: 140px;
}

.defaultWhatsApp .whatsAppOrderButton {
position: fixed;
bottom: 10px;
z-index: 999999;
}
.whatsAppOrderButton {

width: 125px;
height: 36px;
display: block;
}

@media (max-width:768px){
.defaultWhatsApp .whatsAppOrderButton.right {
right: auto;
bottom: 85px;
left: 10px;
}
}



@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");



 label{
position: relative;
cursor: pointer;
color: #666;
font-size: 18px;
}

input[type="checkbox"], input[type="radio"]{
position: absolute;
right: 9000px;
}

/*Check box*/
input[type="checkbox"] + .label-text:before{
content: "\f096";
font-family: "FontAwesome";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing:antialiased;
width: 1em;
display: inline-block;
margin-right: 5px;
}

input[type="checkbox"]:checked + .label-text:before{
content: "\f14a";
color: var(--temarenkduzeni);
animation: effect 250ms ease-in;
}

input[type="checkbox"]:disabled + .label-text{
color: #aaa;
}

input[type="checkbox"]:disabled + .label-text:before{
content: "\f0c8";
color: #ccc;
}

/*Radio box*/

input[type="radio"] + .label-text:before{
content: "\f10c";
font-family: "FontAwesome";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing:antialiased;
width: 1em;
display: inline-block;
margin-right: 5px;
}

input[type="radio"]:checked + .label-text:before{
content: "\f192";
color: #8e44ad;
animation: effect 250ms ease-in;
}

input[type="radio"]:disabled + .label-text{
color: #aaa;
}

input[type="radio"]:disabled + .label-text:before{
content: "\f111";
color: #ccc;
}

/*Radio Toggle*/

.toggle input[type="radio"] + .label-text:before{
content: "\f204";
font-family: "FontAwesome";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing:antialiased;
width: 1em;
display: inline-block;
margin-right: 10px;
}

.toggle input[type="radio"]:checked + .label-text:before{
content: "\f205";
color: #16a085;
animation: effect 250ms ease-in;
}

.toggle input[type="radio"]:disabled + .label-text{
color: #aaa;
}

.toggle input[type="radio"]:disabled + .label-text:before{
content: "\f204";
color: #ccc;
}


@keyframes effect{
0%{transform: scale(0);}
25%{transform: scale(1.3);}
75%{transform: scale(1.4);}
100%{transform: scale(1);}
}
.adresekleform .form-control{
background: #f6f6f8;
}
/*top header */
#close{
color:#fff;
position:absolute;
top:0px;
right:5px;
}

.header-section .dropdown-menu {
margin:0;
padding:0;}
.header-section .dropdown-menu li a{
padding: 8px;
width:100%;
}
.header-section .dropdown-menu li a:hover{
background:#f6f6f8;}
#toplink{
text-align:center;
width:100%;
padding:6px;
color:#fff;
background: var(--temarenkduzeni);
border:none;
font-weight:bold;
}
#toplink p { padding:0px !important; margin:0px !important; width:100%; display:block;}
/*top header */

.checkout-box-03 {
padding-bottom: 12px;
}

.checkout-box-03 .item {
overflow: hidden;
}

.checkout-box-03 .item .img {
width: 27%;
float: left;
margin-top: 6px;
max-width: 96px;
}

.checkout-box-03 .item .img img {
max-width: 100%;
height: auto;
}

.checkout-box-03 .item .description {
width: 73%;
float: left;
padding: 0 0 0 14px;
}

.checkout-box-03 .item .description .title {
color: #333333;
font-size: 14px;
line-height: 21px;
transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
}

.checkout-box-03 .item .description .title:hover {
color: var(--temarenkduzeni);
}

.checkout-box-03 .item .description p {
margin: 9px 0 0 0;
padding: 0;
font-size: 12px;
line-height: 15px;
}

.checkout-box-03 .item .description .price {
color: var(--temarenkduzeni);
font-weight: 500;
font-size: 24px;
line-height: 26px;
margin-top: 16px;
}


.adresekleform textarea{
border:1px solid #f6f6f8;
margin-bottom:1em;}
.adresekleform .form-control{
border:none;
border-radius:0px;}

.adresekleform input{
height:50px;
padding-bottom:0;}
.adresekleform .material .material-bar{
bottom:0px;
left:0px;
width:100%;
}
.adresekleform .material .textarea .material-bar{
bottom:15px;
left:0px;
width:100%;
}
.icon i{
font-size:25px;
color:#fff;}
.kayitol .material-bar{
bottom:1px;
left:20px;
width:93%;
}
@media (max-width:500px){

.kayitol .material-bar{
bottom:1px;
left:20px;
width:88%;
}}
.adresekleform select{
height:45px !important;}

.adresekleform .sehir label, .adresekleform .ilce label {
position: absolute;
color: #443f3f;
font-size: 11px;
top: -17px;
line-height: 24px;
left: 30px;
}
/* checkout-box-aside */
.checkout-box-aside .button-edit {
float: right;
font-size: 24px;
color: #c2c2c2;
position: relative;
z-index: 77;
cursor: pointer;
transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
}

.checkout-box-aside .button-edit:hover {
color: #333333;
}

.checkout-box-aside .checkout-box {
margin: 0 0 53px 0;
padding-bottom: 47px;
border-bottom: 1px solid #e9e9e9;
}

@media (min-width: 1025px) {
.checkout-box-aside .checkout-box {
margin: 0 0 53px 49px;
}
}

.checkout-box-aside .checkout-box .checkout-box-content {
font-size: 14px;
line-height: 30px;
}

.checkout-box-aside .checkout-box:last-child {
border: none;
}

.checkout-box-aside h3 {
font-size: 20px;
margin-bottom: 10px;
}

@media (max-width: 1024px) {
.checkout-box-aside .checkout-box:first-child {
border-top: 1px solid #e9e9e9;
margin-top: 60px;
padding-top: 60px;
}
}

@media (min-width: 1025px) {
.checkout-box-aside:before {
content: '';
position: absolute;
top: 6px;
left: 25px;
width: 4px;
height: 99.5%;
background: #e9e9e9;
}
}

/* checkbox-group */
.checkbox-group {
position: relative;
display: inline-block;
margin-bottom: 10px;
}

.checkbox-group input[type=checkbox] {
display: none;
}

.checkbox-group label {
padding-left: 28px;
cursor: pointer;
font-size: 14px;
color: #666666;
transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
}

.checkbox-group label span {
display: block;
position: absolute;
left: 0;
-webkit-transition-duration: 0.12s;
-moz-transition-duration: 0.12s;
transition-duration: 0.12s;
}

.checkbox-group label .box {
background: #f6f6f8;
height: 20px;
width: 20px;
z-index: 4;
margin-top: 1px;
}

.checkbox-group label .check {
top: 2px;
left: 0px;
opacity: 0;
z-index: 10;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
background: var(--temarenkduzeni);
width: 20px;
height: 20px;
}

.checkbox-group label .check:before {
content: "\e876";
color: #ffffff;
font-size: 18px;
line-height: 1em;
position: relative;
left: 1px;
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
}

.checkbox-group:hover label {
color: var(--temarenkduzeni);
}

input[type=checkbox]:checked ~ label .check {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}








.radio {
display: block;
cursor: pointer;
margin: 0 0 8px;
transition: all 0.15s linear;
-ms-transition: all 0.15s linear;
-webkit-transition: all 0.15s linear;
-o-transition: all 0.15s linear;
}

.radio input {
width: 1px;
height: 1px;
opacity: 0;
}

.radio input:focus + .outer .inner {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
background-color: var(--temarenkduzeni);
}

.radio .outer {
width: 16px;
height: 16px;
display: block;
float: left;
margin: 3px 9px 0 0;
background-color: #ffffff;
border: 2px solid #aaa;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}

.radio .inner {
width: 14px;
height: 14px;
top: -1px;
left: -1px;
display: block;
background-color: var(--temarenkduzeni);
opacity: 0;
position: relative;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
}

.radio input:checked + .outer .inner {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}

.radio:hover {
color: var(--temarenkduzeni);
}

.radio:hover .inner {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}




.adres li {
position: relative;
padding: 10px;
border: 2px solid #dedede;
border-radius: 5px;
cursor: pointer
}

.title-checkout {
position: relative
}

.kargo li {
padding: 0;
overflow: hidden
}

.kargo li .box {
padding: 10px
}

.adres li .text {
height: 100%
}

.kargo li .text {
min-height: 35px;
line-height: 35px
}

.kargo li .dark {

background-color: #dedede
}

.kargo li .radio {
margin-top: 5px;
padding-left: 24px
}

.adres li:hover {
background-color: rgba(200, 200, 200, 0.1)
}

.adres li .radio {
float: left
}

.adres li strong {
float: left;
width: 100%
}

.adres .button,
.adresekle {
position: absolute;
right: 0;
top: 0;
padding: 5px;
margin-right: 2px;
margin-top: 2px
}

.adres .button a,
.adresekle {
font-size: 12px;
color: #062d53;
z-index: 7;
background-color: rgba(200, 200, 200, 0.2);
padding: 6px;
border-radius: 4px
}

.adresekle {
margin: 0;
right: 23px;
padding: 5px 8px;
top: -4px;
color: #fff;
background-color: var(--temarenkduzeni);
}

.adresekle:hover {
color: #fff;
background-color: var(--temagenelrenk);
}

#havale ul li , #kapidaodeme ul li{
padding: 10px;
border: 1px solid #dedede;
width: 100%;
border-radius: 6px;
line-height: 22px;
cursor: pointer
}

#kapidaodeme ul li:hover , #kapidaodeme ul li.selected {
background-color: rgba(90, 203, 66, 0.1)
}

#sozlesmeform * {
font-size: 13px;
line-height: 16px
}

#sozlesmeform h4.modal-title {
font-size: 30px;
line-height: 27px
}

.btn-facebook {
text-align: center;
background-color: #3b5998;
border: 1px solid #3b5998;
color: #fff
}


.insta-default {
margin: auto
}

.insta-default a {
padding: 15px 30px;
display: block;
background-color: #E33E5C;
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
color: #FFF;
border-radius: 4px;
font-weight: bold;
text-decoration: none;
transition: all .3s;
text-align: center;
margin-top: 10px
}

.insta-default a:hover {
box-shadow: 0 0 4px 3px rgba(0, 0, 0, 0.15);
transition: all .3s
}

.insta-default a i {
color: #FFF;
font-size: 18px
}

.googlebtn {
display: inline-block;
background: white;
color: #444 !important;
width: 100%;
border-radius: 5px;
border: thin solid #888;
white-space: nowrap;
line-height: 40px
}

.googlebtn:hover {
cursor: pointer
}

.product .title a {
min-height: 65px !important
}

.kategori li {
line-height: 50px;
color: #fff;
margin-bottom: 1px
}

.kategori li a {
padding-left: 16px;
color: #fff;
background-color: var(--temagenelrenk);
display: block
}

.kategori li a:hover {
color: #fff;
background-color: var(--temagenelrenk)
}

input[type=checkbox] {
width: 20px;
height: 16px;
border: 1px solid #dedede;
display: inline-block
}

.bilgilerim-tarih {
margin-top: 100px
}

.siparis-urunler {
margin-bottom: 50px
}

.nopadding {
padding: 0 !important;
padding-left: 15px !important;
margin: 0 !important
}

ul.siparis-kutsu {
display: table;
width: 100%;
margin: 0;
padding: 0;
border: 1px solid #e9e9e9;
border-width: 1px 1px 0 1px
}

li.siparis-kutsu {
display: table-row;
list-style: none
}

strong.siparis-kutsu {
display: table-cell;
width: 15%;
background: #f6f6f8;
padding: 7px 15px;
border-bottom: 1px solid #e9e9e9;
vertical-align: top;
font-size: 15px
}

span.siparis-kutsu {
display: table-cell;
width: 50%;
padding: 7px 10px;
border-bottom: 1px solid #e9e9e9
}

.siparis-detay-stil {
background: #f8f8f8;
border: 1px solid #e9e9e9
}

.siparis-detay-stil th {
text-align: center !important
}

.siparis-detay-stil th span {
font-size: 12px
}

.kargo-icon {
color: #062d53;
font-size: 35px;
line-height: 26px;
margin-top: -1px
}

.siparis-teslimat {
border: 1px solid #e9e9e9;
padding: 10px 30px 10px 30px
}

.tes-fat {
border: 1px solid #e9e9e9
}

.sp-detay {
border: none !important
}

.sp-detay td {
border-top: none;
text-align: left;
padding-left: 15px !important
}

.ikon-sag {
margin-left: 15px;
margin-right: 10px;

}



.story-slider .owl-item img {

display: block;
width: 100%;
max-width: 100px;
max-height: 100px;
border-radius: 50px;

}

.story-slider .owl-item strong {
font-weight: bolder;
font-size: 12px;
line-height: 14px !important;
width: 100%;
text-align: center;
margin-top: 11px;
display: block;

}


.topmenuheader { background-color: var(--temaheaderstoprenk) !important; }
.topmenuheader .header-account-links a span,.topmenuheader .header-links a,  .topmenuheader .header-shop-links a  ,header .social-icon li a , .topmenuheader  .mini-menu ul li a { color: var(--temaheaderstopyazi) !important; }
.topmenuheader .header-links a:hover { color: var(--temaheaderstophover) !important; }
.ustmenucolor { background-color: var(--temaheadersustrenk) !important; }
.ustmenucolor .main-menu nav > ul > li > a,.ustmenucolor  .header-call-us h4,.ustmenucolor .header-search .search-toggle , .ustmenucolor .header-call-us h4 span{ color: var(--temaheadersustyazi) !important; }
.ustmenucolor .main-menu nav > ul > li > a:hover { background-color: var(--temaheadersusthover) !important; }



.nlk__stt_offline{pointer-events:none}.nlk__button_text_only_me .nlk__btn_txt{padding-top:16px !important;padding-bottom:15px !important}.nlk__popup_content_item .nlk__cs_img_wrap{width:48px;height:48px}.nlk__popup_chat_box .nlk__popup_heading{background:#2db742}.nlk__btn_popup .nlk__btn_popup_icon{background:#2db742}.nlk__popup_chat_box .nlk__stt{border-left:2px solid #2db742}.nlk__popup_chat_box .nlk__popup_heading .nlk__popup_title{color:#fff}.nlk__popup_chat_box .nlk__popup_heading .nlk__popup_intro{color:#fff;opacity:.8}


.nlk__popup_chat_box {
font-family: Arial, Helvetica, sans-serif;
width: 351px;
border-radius: 5px 5px 8px 8px;
-webkit-border-radius: 5px 5px 8px 8px;
-moz-border-radius: 5px 5px 8px 8px;
position: fixed;
overflow: hidden;
box-shadow: 0 10px 10px 4px rgba(0, 0, 0, .04);
-webkit-box-shadow: 0 10px 10px 4px rgba(0, 0, 0, .04);
-moz-box-shadow: 0 10px 10px 4px rgba(0, 0, 0, .04);
bottom: 102px;
right: 25px;
z-index: 998;
opacity: 0;
visibility: hidden;
-ms-transform: translate(0, 50px);
transform: translate(0, 50px);
-webkit-transform: translate(0, 50px);
-moz-transform: translate(0, 50px);
transition: .4s ease all;
-webkit-transition: .4s ease all;
-moz-transition: .4s ease all;
will-change: transform, visibility, opacity;
max-width: calc(100% - 50px)
}

.nlk__popup_chat_box:hover,
.nlk__popup_chat_box:focus,
.nlk__popup_chat_box:active {
box-shadow: 0 10px 10px 4px rgba(32, 32, 37, .23);
-webkit-box-shadow: 0 10px 10px 4px rgba(32, 32, 37, .23);
-moz-box-shadow: 0 10px 10px 4px rgba(32, 32, 37, .23)
}

.nlk__popup_chat_box.nlk__active {
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
visibility: visible;
opacity: 1
}

.nlk__popup_chat_box .nlk__popup_heading {
position: relative;
padding: 15px 43px 17px 74px;
color: #d9ebc6;
background: #2db742
}

.nlk__popup_chat_box .nlk__popup_heading_sm {
padding: 12px 15px 17px 74px
}

.nlk__popup_chat_box .nlk__popup_heading:before {
content: '';
background: url('../images/whatsapp_logo.svg') center top no-repeat;
background-size: 33px;
display: block;
width: 55px;
height: 33px;
position: absolute;
top: 20px;
left: 12px
}

.nlk__popup_chat_box .nlk__popup_heading_sm:before {
top: 19px;
left: 11px
}

.nlk__popup_chat_box .nlk__popup_heading .nlk__popup_title {
padding-top: 2px;
padding-bottom: 3;
color: #fff;
font-size: 18px;
line-height: 24px
}

.nlk__popup_chat_box .nlk__popup_heading .nlk__popup_intro {
padding-top: 4px;
font-size: 12px;
line-height: 20px
}

.nlk__popup_chat_box .nlk__popup_heading_sm .nlk__popup_intro {
padding-top: 0
}

.nlk__popup_chat_box .nlk__popup_heading .nlk__popup_intro a {
display: inline-block;
color: #fff;
text-decoration: none
}

.nlk__popup_chat_box .nlk__popup_heading .nlk__popup_intro a:hover,
.nlk__popup_chat_box .nlk__popup_heading .nlk__popup_intro a:focus,
.nlk__popup_chat_box .nlk__popup_heading .nlk__popup_intro a:active {
text-decoration: underline
}

.nlk__popup_chat_box .nlk__popup_notice {
font-size: 11px;
color: #a5abb7;
font-weight: 500;
padding: 0 3px
}

.nlk__popup_chat_box .nlk__popup_content {
background: #fff;
padding: 13px 20px 21px 19px;
text-align: center
}

.nlk__popup_chat_box .nlk__popup_content_left {
text-align: left
}

.nlk__popup_chat_box .nlk__popup_avatar {
position: absolute;
overflow: hidden;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
left: 12px;
top: 12px
}

.nlk__popup_chat_box .nlk__popup_avatar.nta-default-avt {
border-radius: unset;
-webkit-border-radius: unset;
-moz-border-radius: unset
}

.nlk__popup_chat_box .nlk__stt {
padding: 13px 40px 12px 74px;
position: relative;
text-decoration: none;
display: table;
width: 100%;
border-left: 2px solid #2db742;
background: #f5f7f9;
border-radius: 2px 4px;
-webkit-border-radius: 2px 4px;
-moz-border-radius: 2px 4px
}

.nlk__popup_chat_box .nlk__stt:after {
content: '';
background: url('../images/whatsapp_logo_green.svg') 0 0 no-repeat;
position: absolute;
right: 14px;
top: 26px;
width: 20px;
height: 20px;
background-size: 100% 100%;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%
}

.nlk__popup_chat_box .nlk__stt.nlk__stt_offline:after {
background-image: url('../images/whatsapp_logo_gray_sm.svg')
}

.nlk__popup_chat_box .nlk__stt.nlk__stt_online {
transition: .2s ease all;
-webkit-transition: .2s ease all;
-moz-transition: .2s ease all
}

.nlk__popup_chat_box .nlk__stt.nlk__stt_online:hover,
.nlk__popup_chat_box .nlk__stt.nlk__stt_online:active,
.nlk__popup_chat_box .nlk__stt.nlk__stt_online:focus {
background: #fff;
box-shadow: 0 7px 15px 1px rgba(55, 62, 70, .07);
-webkit-box-shadow: 0 7px 15px 1px rgba(55, 62, 70, .07);
-moz-box-shadow: 0 7px 15px 1px rgba(55, 62, 70, .07)
}

.nlk__popup_content_list .nlk__popup_content_item {
margin: 14px 0 0;
transform: translate(0, 20px);
-webkit-transform: translate(0, 20px);
-moz-transform: translate(0, 20px);
will-change: opacity, transform;
opacity: 0
}

.nlk__popup_chat_box.nlk__pending .nlk__popup_content_list .nlk__popup_content_item {
transition: .4s ease all;
-webkit-transition: .4s ease all;
-moz-transition: .4s ease all;
transition-delay: 2.1s;
-webkit-transition-delay: 2.1s;
-moz-transition-delay: 2.1s
}

.nlk__popup_chat_box.nlk__pending .nlk__popup_content_list .nlk__popup_content_item:nth-child(1) {
transition-delay: .3s;
-webkit-transition-delay: .3s;
-moz-transition-delay: .3s
}

.nlk__popup_chat_box.nlk__pending .nlk__popup_content_list .nlk__popup_content_item:nth-child(2) {
transition-delay: .5s;
-webkit-transition-delay: .5s;
-moz-transition-delay: .5s
}

.nlk__popup_chat_box.nlk__pending .nlk__popup_content_list .nlk__popup_content_item:nth-child(3) {
transition-delay: .7s;
-webkit-transition-delay: .7s;
-moz-transition-delay: .7s
}

.nlk__popup_chat_box.nlk__pending .nlk__popup_content_list .nlk__popup_content_item:nth-child(4) {
transition-delay: .9s;
-webkit-transition-delay: .9s;
-moz-transition-delay: .9s
}

.nlk__popup_chat_box.nlk__pending .nlk__popup_content_list .nlk__popup_content_item:nth-child(5) {
transition-delay: 1.1s;
-webkit-transition-delay: 1.1s;
-moz-transition-delay: 1.1s
}

.nlk__popup_chat_box.nlk__pending .nlk__popup_content_list .nlk__popup_content_item:nth-child(6) {
transition-delay: 1.3s;
-webkit-transition-delay: 1.3s;
-moz-transition-delay: 1.3s
}

.nlk__popup_chat_box.nlk__pending .nlk__popup_content_list .nlk__popup_content_item:nth-child(7) {
transition-delay: 1.5s;
-webkit-transition-delay: 1.5s;
-moz-transition-delay: 1.5s
}

.nlk__popup_chat_box.nlk__pending .nlk__popup_content_list .nlk__popup_content_item:nth-child(8) {
transition-delay: 1.7s;
-webkit-transition-delay: 1.7s;
-moz-transition-delay: 1.7s
}

.nlk__popup_chat_box.nlk__pending .nlk__popup_content_list .nlk__popup_content_item:nth-child(9) {
transition-delay: 1.9s;
-webkit-transition-delay: 1.9s;
-moz-transition-delay: 1.9s
}

.nlk__popup_chat_box.nlk__lauch .nlk__popup_content_list .nlk__popup_content_item {
opacity: 1;
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0)
}

.nlk__popup_content_list .nlk__popup_content_item .nlk__member_name {
font-size: 14px;
color: #363c47;
line-height: 1.188em!important
}

.nlk__popup_content_list .nlk__popup_content_item .nlk__member_duty {
font-size: 11px;
color: #989b9f;
padding: 2px 0 0;
line-height: 1.125em!important
}

.nlk__popup_content_list .nlk__popup_content_item .nlk__member_status {
color: #f5a623;
font-size: 10px;
padding: 5px 0 0;
line-height: 1.125em!important
}

.nlk__popup_content_list .nlk__popup_content_item .nlk__popup_txt {
display: table-cell;
vertical-align: middle;
min-height: 48px;
height: 48px
}

.nlk__popup_content_list .nlk__popup_content_item .nlk__stt_offline {
border-left-color: #c0c5ca
}

.nlk__popup_avt_list {
font-size: 0;
margin: 7px 0 24px
}

.nlk__popup_avt_list .nlk__popup_avt_item {
display: inline-block;
position: relative;
width: 46px
}

.nlk__popup_avt_list .nlk__popup_avt_img {
width: 60px;
height: 60px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
position: relative;
overflow: hidden;
border: 2px solid #fff;
left: -7px
}

.nlk__popup_call_btn {
background: #2db742;
color: #fff;
text-decoration: none;
display: inline-block;
width: 275px;
max-width: 100%;
font-size: 16px;
padding: 14px 10px;
border-radius: 24px;
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
margin: 25px 0 15px;
box-shadow: 0 8px 17px 2px rgba(13, 15, 18, .2);
-webkit-box-shadow: 0 8px 17px 2px rgba(13, 15, 18, .2);
-moz-box-shadow: 0 8px 17px 2px rgba(13, 15, 18, .2)
}

.nlk__popup_call_btn.nlk__popup_call_btn_lg:before {
content: '';
display: inline-block;
width: 20px;
height: 20px;
position: relative;
background: url('../images/whatsapp_logo_green_sm.svg') 0 0 no-repeat;
background-size: 100% 100%;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
vertical-align: top;
top: 0;
margin-right: -19px;
left: -31px;
transition: .2s ease background-image;
-webkit-transition: .2s ease background-image;
-moz-transition: .2s ease background-image
}

.nlk__popup_call_btn.nlk__popup_call_btn_lg:hover:before,
.nlk__popup_call_btn.nlk__popup_call_btn_lg:focus:before,
.nlk__popup_call_btn.nlk__popup_call_btn_lg:active:before {
background-image: url('../images/whatsapp_logo.svg')
}

.nlk__popup_chat_box_gray {
border-radius: 2px 2px 8px 8px
}

.nlk__popup_chat_box_gray .nlk__popup_heading_gray {
background: #f8f8f8;
border-top: 3px solid #2db742;
color: #868c9a;
font-weight: 500
}

.nlk__popup_chat_box_gray .nlk__popup_heading_gray .nlk__popup_title {
color: #595b60
}

.nlk__popup_chat_box_gray .nlk__popup_heading_gray:before {
content: '';
background: url('../images/whatsapp_logo_green.svg') center top no-repeat;
background-size: 33px;
display: block;
width: 55px;
height: 33px;
position: absolute;
top: 20px;
left: 12px
}

.nlk__popup_chat_box_gray .nlk__popup_heading_gray .nlk__popup_intro a {
color: #595b60
}

.nlk__popup_chat_box_ct {
width: 384px;
text-align: center
}

.nlk__popup_chat_box_ct .nlk__popup_heading_ct {
text-align: center;
padding: 18px 0
}

.nlk__popup_chat_box_ct .nlk__popup_heading_ct:before {
content: '';
background: url('../images/whatsapp_logo.svg') center top no-repeat;
background-size: 30px;
display: block;
width: 30px;
height: 31px;
position: absolute;
top: 15px;
left: 72px
}

.nlk__popup_chat_box_ct .nlk__popup_heading_ct .nlk__popup_title {
padding-left: 22px;
padding-bottom: 14px
}

.nlk__popup_chat_box_ct .nlk__popup_heading_ct .nlk__popup_intro {
margin-top: -5px;
line-height: 12px
}

.nlk__popup_chat_box_ct .nlk__popup_ct_avt_list:after {
content: '';
clear: both;
display: block
}

.nlk__popup_chat_box_ct .nlk__popup_ct_content {
background: #fff;
padding: 0 0 14px
}

.nlk__popup_chat_box_ct .nlk__popup_ct_content .nlk__popup_notice {
padding-top: 18px;
padding-bottom: 15px
}

.nlk__popup_chat_box_ct .nlk__popup_ct_content_item {
width: 33%;
float: left;
font-size: 10px
}

.nlk__popup_chat_box_ct .nlk__popup_ct_content_item a {
text-decoration: none;
color: #989b9f
}

.nlk__popup_chat_box_ct .nlk__popup_ct_content_item .nlk__popup_ct_txt {
padding-top: 8px
}

.nlk__popup_chat_box_ct .nlk__popup_ct_content_item .nlk__member_name {
color: #363c47;
font-size: 13px
}

.nlk__popup_chat_box_ct .nlk__popup_ct_content_item .nlk__member_duty {
color: #989b9f;
padding: 3px 0 0
}

.nlk__popup_chat_box_ct .nlk__popup_ct_content_item .nlk__member_stt_online {
color: #2db742;
font-size: 9px;
line-height: 12px;
display: inline-block;
padding: 3px 0 0 16px;
background: url('../images/whatsapp_logo_green.svg') 0 3px no-repeat;
background-size: 12px auto;
-webkit-background-size: 12px auto;
-moz-background-size: 12px auto
}

.nlk__popup_chat_box_ct .nlk__popup_ct_content_item .nlk__member_stt_offline {
color: #f5a623;
font-size: 9px;
line-height: 12px;
padding: 2px 0 0
}

.nlk__popup_chat_box_ct .nlk__popup_ct_avatar img {
border-radius: 50%
}

.nlk__popup_chat_box_ct .nlk__popup_ct_call_btn {
width: 97px;
font-size: 11px;
padding: 9px 10px 11px;
margin: 15px 0
}

.nlk__btn_popup {
position: fixed;
right: 30px;
bottom: 30px;
cursor: pointer;
font-family: Arial, Helvetica, sans-serif;
z-index: 999
}

.nlk__btn_popup .nlk__btn_popup_icon {
width: 56px;
height: 56px;
background: #2db742;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
box-shadow: 0 6px 8px 2px rgba(0, 0, 0, .14);
-webkit-box-shadow: 0 6px 8px 2px rgba(0, 0, 0, .14);
-moz-box-shadow: 0 6px 8px 2px rgba(0, 0, 0, .14)
}

.nlk__btn_popup .nlk__btn_popup_icon:before {
content: '';
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: transparent url('../images/whatsapp_logo.svg') center center no-repeat;
background-size: 30px auto;
-webkit-background-size: 30px auto;
-moz-background-size: 30px auto;
transition: .4s ease all;
-webkit-transition: .4s ease all;
-moz-transition: .4s ease all
}

.nlk__btn_popup .nlk__btn_popup_icon:after {
content: '';
opacity: 0;
position: absolute;
z-index: 2;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: transparent url('../images/x_icon.svg') center center no-repeat;
background-size: 14px auto;
-webkit-background-size: 14px auto;
-moz-background-size: 14px auto;
transition: .4s ease all;
-webkit-transition: .4s ease all;
-moz-transition: .4s ease all;
-ms-transform: scale(0) rotate(-360deg);
transform: scale(0) rotate(-360deg);
-webkit-transform: scale(0) rotate(-360deg);
-moz-transform: scale(0) rotate(-360deg)
}

.nlk__btn_popup.nlk__active .nlk__btn_popup_icon:before {
opacity: 0;
-ms-transform: scale(0) rotate(360deg);
transform: scale(0) rotate(360deg);
-webkit-transform: scale(0) rotate(360deg);
-moz-transform: scale(0) rotate(360deg)
}

.nlk__btn_popup.nlk__active .nlk__btn_popup_icon:after {
opacity: 1;
-ms-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
-webkit-transform: scale(1) rotate(0deg);
-moz-transform: scale(1) rotate(0deg)
}

.nlk__btn_popup .nlk__btn_popup_txt {
position: absolute;
width: 156px;
right: 100%;
background-color: #f5f7f9;
font-size: 12px;
color: #43474e;
top: 15px;
padding: 7px 0 7px 12px;
margin-right: 7px;
letter-spacing: -.03em;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
transition: .4s ease all;
-webkit-transition: .4s ease all;
-moz-transition: .4s ease all
}

.nlk__btn_popup.nlk__active .nlk__btn_popup_txt {
-ms-transform: translate(0, 15px);
transform: translate(0, 15px);
-webkit-transform: translate(0, 15px);
-moz-transform: translate(0, 15px);
opacity: 0;
visibility: hidden
}



.modal-body {    overflow-y: auto;
max-height: 700px;}

@media (max-height: 700px) {
.modal-body {
max-height: 750px;}
}
@media (max-width: 540px) {
#odemetab>li {
margin-left: 10% !important;
}
}