a.showAdmin{
display:none !important;
}
[v-cloak]{
display: none;
}
.angularTemplate{
visibility:hidden;
}
.whiteBg{
background-color:#fff;
}
.blockLightBg{
background-color:#f7f7f7;
}
.lightBg{
background-color:#e5e5e5;
}
.darkBg{
color:#fff;
background-color:#444;
}
.lightFluBg{
background-color:rgba(255,255,255,.5);
}
.darkFluBg{
color:#fff;
background-color:rgba(0,0,0,.5);
}
[dir="rtl"] .campaignWrap{
right:0;
}
.campaignDescription{
background:rgba(255,255,255,.5);
}
.campaignDescription.dark{
color:#fff;
background:rgba(0,0,0,.5);
}
.navIcon{
width:20px;
height:20px;
background:url('navIcon.png') no-repeat center center;
}
[dir="rtl"] #navigasyon li{
float:right;
}
#navigasyon a{
height: 58px;
line-height: 58px;
padding-left:5px;
}
#navigasyon a.navHome{
font-size: 14px;
color: #9c9c9c;
}
#navigasyon a span.forDesktop{
padding-left: 5px;
padding-right: 10px;
}
span.forDesktop.icon-arrow-simple-right.icon-no-space.text-custom-pink {
background: url('/theme/v4-orhangiyim/sub_theme/urundetay/firat/user_Developer/ok__1_.svg') no-repeat center;
margin-left: 8px;
margin-right: 8px;
}
.icon-arrow-simple-right:before {
content: '';
}
#navigasyon a span.forDesktop:before{
line-height: 20px;
}
[dir="rtl"] #navigasyon a{
display:flex;
align-items:center;
flex-wrap:wrap;
padding-left:0;
padding-right:5px;
}
[dir="rtl"] #navigasyon a span.forDesktop{
padding-right: 5px;
padding-left: 10px;
float: right;
margin-left: auto;
}
[dir="rtl"] #navigasyon a span.forDesktop:before{
content: '\e81c';
}
#catImg{
position:relative;
padding: 10px 30px;
}
#catImg p{
}
#filterSort select{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
}
.filter-box{
margin-bottom:-1px;
border-right:1px solid #d9d9d9;
border-bottom:1px solid #d9d9d9;
line-height:30px;
font-size:12px;
color:#6c6c6c;
}
[dir="rtl"] .filter-box,
[dir="rtl"] .box.b-right[for="stock"]{
border-right:0;
border-left:1px solid #d9d9d9;
}
.filter-box select{
float:left;
height:30px;
margin:0;
padding-right:15px;
border:0;
font-size:12px;
color:#6c6c6c;
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
}
[dir="rtl"] .filter-box select{
padding-right:0;
padding-left:15px;
}
.filter-box .input-wrap{
height:30px;
}
.filter-box.col-text{
line-height:30px;
font-size:12px;
color:#6C6C6C;
}
#pageLayout :not(.icon-no-space):before{
margin-right:5px;
}
.select-wrapper{
position:relative;
width:53px;
height:30px;
}
.select{
width:33px;
padding:30px 5px 0;
position:absolute;
left:5px;
z-index:333;
}
.select:hover{
background:#F3F3F3;
}
.select span{
width:33px;
height:20px;
cursor:pointer;
display:none;
padding:5px 0;
border-top:1px solid #B7B7B7;
}
.select span.selected{
position:absolute;
top:0;
left:5px;
cursor:default;
display:block;
border-top:0;
}
.select:hover span{
display:block;
}
.filter-item-list{
max-height:280px;
overflow:auto;
}
#slider-range{
width:calc(100% - 16px);
height:2px;
margin-top:18px;
margin-right:17px;
background:#e5e5e5;
position:relative;
}
.ui-slider-range{
position:absolute;
top:0;
height:2px;
background:#000000;
}
.ui-slider-handle{
position: absolute;
top: -7px;
width: 14px;
height: 14px;
background: #000000;
border: 5px solid #000000;
box-sizing: border-box;
cursor: pointer;
}
#filtre .btn.btn-default{
font-size:12px;
}
#leftColumn #filtre .btn.btn-default{
font-size:20px;
}
#newsList .line-top:first-child{
border-top:0;
}
.productType, .qtyBtns input{
font-size:12px;
text-transform:uppercase;
}
.productType{
line-height:30px;
}
.middleItem .productType{
line-height:14px;
}
#commentTabContent .stars{
margin-bottom:5px;
margin-left:10px;
}
#cart-wrapper .qtyBox{
min-width:110px;
}
.qtyBtns{
height:48px;
padding-top:1px;
padding-bottom:1px;
background-color:#e5e5e5;
}
.package-line .qtyBtns{
height:30px;
}
.middleItem .qtyBtns{
height:30px;
padding-top:1px;
padding-bottom:1px;
background:#e5e5e5;
}
.qtyBtns a{
float:left;
width:25px;
height:48px;
line-height:48px;
text-align:center;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-o-user-select:none;
user-select:none;
}
.middleItem .qtyBtns a{
height:30px;
line-height:28px;
opacity:.5;
}
.package-line .qtyBtns a{
height:30px;
line-height:30px;
}
.qtyBtns a p.icon-minus:before{
font-size:1px;
}
.qtyBtns a p.icon-plus:before{
font-size:7px;
}
.qtyBtns input{
float:left;
width:calc(100% - 50px);
height:48px;
line-height:48px;
font-size:14px;
color:#5e5e5e;
text-align:center;
padding-right:5px;
padding-left:5px;
border:0;
box-sizing:border-box;
}
.form.large .package-line .qtyBtns input{
height:30px;
line-height:30px;
}
.middleItem .qtyBtns input{
height:30px;
line-height:30px;
font-size:14px;
}
.middleItem td{
padding:10px;
vertical-align:middle;
}
.middleItem .lightBg td.line-right{
border-right:1px solid #dadada;
}
.productRow div > span,
.middleItem td > span{
line-height:1.5;
clear:both;
}
.productRow div > span.basketProName,
.middleItem td > span.basketProName{
font-size:14px;
position: relative;
}
.productRow div > span.basketSubPro,
.middleItem td > span.basketSubPro{
display:inline-block;
font-size:12px;
color:#5e5e5e;
padding-left:5px;
padding-right:5px;
margin-bottom:10px;
}
.incBasketProduct, .decBasketProduct{
}
.incBasketProduct{
}
.decBasketProduct{
}
.qtyBasketProduct{
width:28px;
}
.productPrc{
font-size:14px;
}
.removeBasketProduct{
float:left;
width:30px;
height:30px;
background:#000;
}
.mDetay{
cursor:pointer;
}
#cartEmpty{
font-size: 25px;
line-height:250px;
}
#leftColumn #cartEmpty, #rightColumn #cartEmpty{
font-size: 14px;
line-height: 25px;
}
#cartEmpty:before{
content:'';
display: inline-block;
background: url('cartEmpty.png') no-repeat center center;
width: 128px;
height: 128px;
vertical-align:middle;
margin-right:20px;
}
#rightColumn #cartEmpty:before, #leftColumn #cartEmpty:before{
margin-right:0;
}
#currentPageLayer{
width:100% !important;
}
#CustomForm{
background-color:#fff;
}
.line-label{
font-size:14px;
color:#545454;
font-weight:700;
margin-bottom:0;
}
.package-line:nth-child(odd){
background-color:#f5f5f5;
}
.package-line:nth-child(even) > .box{
padding-top:0;
padding-bottom:0;
}
.table-responsive {
min-height: .01%;
overflow-x: auto;
}
.table-responsive > table{
width: 100%;
max-width: 100%;
}
@media screen and (max-width: 1230px) {
#nav-wrapper{
padding-right:10px;
padding-left:10px;
box-sizing:border-box;
}
}
@media screen and (min-width: 1001px) {
.qtyBtns input{
min-width:28px;
}
}
@media screen and (max-width: 1000px) and (min-width: 769px) {
.navIcon{
width:30px;
height:30px;
}
#navigasyon a{
height:30px;
line-height:30px;
font-size:13px;
}
}
@media screen and (min-width: 769px) {
.middleItem .qtyBtns input{
width:28px;
}
}
@media screen and (max-width: 325px) {
.basketLink{
padding:0;
}
}
@media screen and (max-width: 768px) {
.mobileMb{
margin-bottom: 30px;
}
#catImg p {
max-height: 30px;
overflow: auto;
line-height: 20px;
}
.bannerPadding{
padding-right: 0px!important;
}
.instagramBaslik span{
font-size: 17px !important;
}
.guvenliAlisveris{
margin-top: 10px!important;
}
.guvenliAlisveris .d-flex{
margin-top: 10px;
flex-direction: column;
}
#nav-wrapper i:before{
line-height:40px;
padding-right:10px;
}
#navigasyon{
border: 0;
position: relative;
border-bottom:1px solid #f0f0f0;
margin-top:-10px;
}
#navigasyon li{
position:absolute;
width:calc(100% - 30px);
height:100%;
opacity:0;
visibility: hidden;
}
#navigasyon[data-last-step="true"] li:last-child,
#navigasyon[data-last-step="false"] li:nth-last-child(2){
position:static;
opacity:1;
z-index:0;
white-space:nowrap;
visibility: visible;
}
#navigasyon li:after{
position:absolute;
right:10px;
content:'\e81d';
line-height:40px;
color:#e35252;
font-family:'tsoft', sans-serif;
font-style:normal;
font-weight:normal;
text-decoration:inherit;
font-variant:normal;
text-align:center;
text-transform:none;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
speak:none;
}
#navigasyon a{
width:100%;
padding-right:0;
padding-left:0;
line-height:40px;
height:40px;
color:#535353;
font-size:13px;
text-transform:uppercase;
text-align:center;
font-style:normal;
}
#navigasyon a.navHome{
padding-right:0;
}
.filter-box{
margin-bottom: 0;
}
.alertListBtn{
padding-right:0;
padding-bottom:10px;
}
.shopImg{
padding-right:0;
}
.campaignWrap{
position:relative;
padding-top:0;
padding-right:0;
padding-bottom:30px;
padding-left:0;
}
#cartEmpty{
line-height:40px;
}
#cartEmpty:before{
width:100%;
}
.productRow{
display:block;
}
.productRow div > span.basketProName{
position:relative;
font-size:13px;
line-height:1.7;
}
.removeBtn{
position:absolute;
top:0;
right:0;
}
[dir="rtl"] .removeBtn{
right:auto;
left:0;
}
#cart-wrapper{
display:initial;
}
.form.large .package-line .qtyBtns input{
padding-right:5px;
padding-left:5px;
}
}
/* HTML BLOK CSS */
.guvenli-icon:before{
content:url(guvenli-alisveris.svg);
}
.kargo-icon::before{
content: url(ucretsiz-kargo.svg);
}
.taksit-icon::before{
content: url(9-taksit.svg);
}
.iade-icon::before{
content: url(iade-degisim.svg);
}
.guvenliAlisveris{
display: flex;
align-items: center;
flex-wrap: wrap;
margin: 20px 0;
}
.guvenliAlisveris .d-flex{
justify-content: center;
}
.guvenliAlisveris span{
padding-left: 20px;
font-size: 20px;
font-weight: 500;
color: #000000;
}
.custom-icon{
background: #f7f7f7;
width: 80px;
height: 80px;
border-radius: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.instaBanner {
background: url(instaBannerBg.jpg) no-repeat center center;
padding-top: 140px;
}
.makaromaHeader {
font-size: 35px;
font-weight: bold;
color: #ffffff;
text-align: center;
margin: 15px 0;
position: relative;
}
.makaromaHeader:before {
content: url(nedenBefore.png);
display: block;
width: 100%;
height: 17px;
position: absolute;
bottom: -10px;
}
.makaromaBanner {
display: flex;
justify-content: center;
align-items: center;
margin-top: 30px;
}
.makaromaContent {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.makaromaImgBg {
display: flex;
justify-content: center;
align-items: center;
background: #fff;
position: relative;
border-radius: 50%;
width: 136px;
height: 136px;
}
.makaromaContent>img {
margin-top: 20px;
}
.instagramBaslik {
display: flex;
justify-content: center;
margin-top: 20px;
margin-bottom: 25px;
}
.instagramModaLogo:after {
content: "";
width: 1px;
height: 50%;
display: inline-block;
background: #fff;
margin-right: 20px;
}
.instagramModaLogo img {
margin-right: 20px;
}
.instagramBlogLogo {
font-size: 13px;
color: #ffffff;
}
.instagramModaLogo:before {
content: url(instagramDiv.svg);
display: inline-block;
margin-right: 15px;
position: relative;
top: 6px;
}
#instagramData img {
min-width: 320px;
min-height: 320px/* Site Domaine taşınınca #instagramData img kod bloğu silinmesi gereklidir. */
}
.instagramBtn a {
font-size: 23px;
letter-spacing: 4px;
color: var(--black-two);
padding: 15px 38px;
box-sizing: border-box;
text-decoration: underline;
}
.instagramBtn {
padding-top: 52px;
padding-bottom: 30px;
}
.instaBannersiz {
background: url(instaBannerBg.jpg) no-repeat center center;
}
.instagramBaslik span{
font-size: 27px ;
color: var(--black-two);
display: flex;
align-items: center;
}
.instagramBaslik span:before{
content: url(instagram.svg);
padding-right: 10px;
}