@import url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/font/tsoft.css');
@font-face
{
font-family: 'DINPro';
src: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/DINPro/DINPro-Light.eot');
src:url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/DINPro/DINPro-Light.eot?#iefix') format('embedded-opentype'), url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/DINPro/DINPro-Light.woff') format('woff'), url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/DINPro/DINPro-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face
{
font-family: 'DINPro';
src: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/DINPro/DINPro.eot');
src:url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/DINPro/DINPro.eot?#iefix') format('embedded-opentype'), url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/DINPro/DINPro.woff') format('woff'), url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/DINPro/DINPro.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face
{
font-family: 'DINPro';
src: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/DINPro/DINPro-Medium.eot');
src:url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/DINPro/DINPro-Medium.eot?#iefix') format('embedded-opentype'), url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/DINPro/DINPro-Medium.woff') format('woff'), url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/DINPro/DINPro-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face
{
font-family: 'DINPro';
src: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/DINPro/DINPro-Bold.eot');
src:url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/DINPro/DINPro-Bold.eot?#iefix') format('embedded-opentype'), url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/DINPro/DINPro-Bold.woff') format('woff'), url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/DINPro/DINPro-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face
{
font-family: 'DINPro';
src: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/DINPro/DINPro-Black.eot');
src:url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/DINPro/DINPro-Black.eot?#iefix') format('embedded-opentype'), url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/DINPro/DINPro-Black.woff') format('woff'), url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/DINPro/DINPro-Black.ttf') format('truetype');
font-weight: 900;
font-style: normal;
}
html, body, div, span, applet, object, iframe, p,
a, abbr, acronym, address, big, cite,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, tt, var, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video
{
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
tbody, tfoot, thead, tr, th, td
{
margin: 0;
padding: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section
{
display: block;
}
html, body
{
float:left;
width:100%;
text-size-adjust:100%;
-webkit-text-size-adjust:100%;
}
body
{
font-family:"DINPro", sans-serif;
font-size:13px;
line-height: 1;
}
script
{
display:none;
}
:not(.withPlace)::-webkit-input-placeholder
{
color:transparent;
opacity:0;
}
:not(.withPlace)::-moz-placeholder
{
color:transparent;
opacity:0;
}
:not(.withPlace):-ms-input-placeholder
{
color:transparent;
opacity:0;
}
:not(.withPlace):-moz-placeholder
{
color:transparent;
opacity:0;
}
::-webkit-scrollbar
{
width:5px;
height:5px;
background:#E6E6E6;
border-radius:5px;
}
::-webkit-scrollbar-button
{
display:none;
}
::-webkit-scrollbar-thumb
{
background:#4d4d4d;
border-radius:5px;
}
.vertical-small-scroll::-webkit-scrollbar
{
height: 3px;
}
ol, ul
{
list-style-type: none;
}
img
{
max-width:100%;
height:auto;
}
.ie img
{
max-width:none;
height:auto;
}
blockquote, q
{
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after
{
content: '';
content: none;
}
.row::before, .row::after
{
content: '';
display:table;
}
.row::after
{
clear:both;
}
table
{
border-collapse: collapse;
border-spacing: 0;
}
input, select, textarea, button
{
outline:none;
font-family:"DINPro", sans-serif;
}
input:focus, select:focus, textarea:focus
{
box-shadow:inset 0 0 4px rgba(0,0,0,.3);
}
p
{
padding-bottom:10px;
font-family:"DINPro", sans-serif;
line-height:1.3;
}
a
{
text-decoration:none;
color:inherit;
cursor:pointer;
}
.fix-line-height
{
line-height:1.5;
}
h1, h2, h3, h4, h5, h6
{
display:block;
font-family:"DINPro", sans-serif;
}
.with-border,
h1.with-border,
h2.with-border,
h3.with-border,
h4.with-border,
h5.with-border,
h6.with-border
{
position:relative;
padding-bottom:3px;
}
.with-border:before,
h1.with-border:before,
h2.with-border:before,
h3.with-border:before,
h4.with-border:before,
h5.with-border:before,
h6.with-border:before,
.with-border:after,
h1.with-border:after,
h2.with-border:after,
h3.with-border:after,
h4.with-border:after,
h5.with-border:after,
h6.with-border:after
{
content:'';
position:absolute;
left:0;
height:1px;
}
[dir="rtl"] .with-border:before,
[dir="rtl"] h1.with-border:before,
[dir="rtl"] h2.with-border:before,
[dir="rtl"] h3.with-border:before,
[dir="rtl"] h4.with-border:before,
[dir="rtl"] h5.with-border:before,
[dir="rtl"] h6.with-border:before,
[dir="rtl"] .with-border:after,
[dir="rtl"] h1.with-border:after,
[dir="rtl"] h2.with-border:after,
[dir="rtl"] h3.with-border:after,
[dir="rtl"] h4.with-border:after,
[dir="rtl"] h5.with-border:after,
[dir="rtl"] h6.with-border:after
{
left:auto;
right:0;
}
.with-border:before,
h1.with-border:before,
h2.with-border:before,
h3.with-border:before,
h4.with-border:before,
h5.with-border:before,
h6.with-border:before
{
bottom:2px;
}
.with-border:after,
h1.with-border:after,
h2.with-border:after,
h3.with-border:after,
h4.with-border:after,
h5.with-border:after,
h6.with-border:after
{
bottom:0;
}
.border-limited:before,
.border-limited:after
{
width:165px;
}
.border-unlimited:before,
.border-unlimited:after
{
width:100%;
}
.border-custom-pink:before,
.border-custom-pink:after
{
background:#8f6f44;
}
.border-custom-dark-gray:before,
.border-custom-dark-gray:after
{
background:#5e5e5e;
}
.border-custom-gray:before,
.border-custom-gray:after
{
background:#5e5e5e;
}
.border-custom-light-gray:before,
.border-custom-light-gray:after
{
background:#e5e5e5;
}
.text-center .border-limited:before,
.text-center .border-limited:after,
.text-center.border-limited:before,
.text-center.border-limited:after,
.border-centered.border-limited:before,
.border-centered.border-limited:after
{
left:calc(50% - 82.5px);
}
::selection
{
background:#000;
color:#fff;
}
.pos-f,
.btn.pos-f,
.col.pos-f,
.box.pos-f
{
position:fixed;
}
.pos-s,
.btn.pos-s,
.col.pos-s,
.box.pos-s
{
position:static;
}
.pos-a,
.btn.pos-a,
.col.pos-a,
.box.pos-a
{
position:absolute;
}
.pos-r,
.btn.pos-r,
.col.pos-r,
.box.pos-r
{
position:relative;
}
.pos-top,
.btn.pos-top,
.col.pos-top,
.box.pos-top
{
top:0;
}
.pos-right,
.btn.pos-right,
.col.pos-right,
.box.pos-right
{
right:0;
}
.pos-bottom,
.btn.pos-bottom,
.col.pos-bottom,
.box.pos-bottom
{
bottom:0;
}
.pos-left,
.btn.pos-left,
.col.pos-left,
.box.pos-left
{
left:0;
}
.d-none,
.btn.d-none,
.col.d-none,
.box.d-none
{
display:none;
}
.d-block,
.btn.d-block,
.col.d-block,
.box.d-block
{
display:block;
}
.d-inline,
.btn.d-inline,
.col.d-inline,
.box.d-inline
{
display:inline;
}
.d-inline-block,
.btn.d-inline-block,
.col.d-inline-block,
.box.d-inline-block
{
display:inline-block;
}
.d-flex,
.btn.d-flex,
.col.d-flex,
.box.d-flex
{
display:flex;
align-items:center;
}
.d-flex.justify-content-center
{
justify-content: center;
}
.d-flex.space-between
{
justify-content: space-between;
}
.fl,
.btn.fl
{
float:left;
}
[dir="rtl"] .fl,
[dir="rtl"] .btn.fl
{
float:right;
}
.fr,
.btn.fr,
.col.fr,
.box.fr
{
float:right;
}
[dir="rtl"] .fr,
[dir="rtl"] .btn.fr,
[dir="rtl"] .col.fr,
[dir="rtl"] .box.fr
{
float:left;
}
.fn,
.btn.fn,
.col.fn,
.box.fn
{
float:none;
}
.text-title
{
line-height:17px;
font-size:13px;
color:#393939;
}
.text-description,
.pWrapper .pWin.debugActive .pText
{
line-height:15px;
font-size:12px;
color: #5c524b;
}
.text-link
{
line-height:14px;
font-size:11px;
color:#7c7c7c;
}
.text-upper
{
text-transform:uppercase;
}
.text-lower
{
text-transform:lowercase;
}
.text-cpt
{
text-transform:capitalize;
}
.text-over
{
text-decoration:overline;
}
.text-line
{
text-decoration:line-through;
}
.text-under
{
text-decoration:underline;
font-style:
}
.text-italic
{
font-style:italic;
}
.text-oblique
{
font-style:oblique;
}
.text-left
{
text-align:left;
}
.text-right
{
text-align:right;
}
.text-center
{
text-align:center;
}
.text-justify
{
text-align:justify;
}
.text-light
{
font-weight:300;
}
.text-regular
{
font-weight:400;
}
.text-medium
{
font-weight:500;
}
.text-semibold
{
font-weight:600;
}
.text-bold
{
font-weight:700;
}
.text-default
{
color:#7e848c;
}
.text-info
{
color:#5bc0de;
}
.text-primary
{
color:#337ab7;
}
.text-success
{
color:#5cb85c;
}
.text-warning
{
color:#e5591b;
}
.text-danger
{
color:#f33939;
}
.text-custom-gray,
.active .text-custom-pink,
.text-custom-pink.active,
.text-custom-pink.like-btn:hover
{
color:#5e5e5e;
}
.text-custom-light-gray,
.active .text-custom-dark-gray,
.text-custom-dark-gray.active,
.text-custom-dark-gray.like-btn:hover
{
color:#e5e5e5;
}
.text-custom-dark-gray,
.active .text-custom-light-gray,
.text-custom-light-gray.active,
.text-custom-light-gray.like-btn:hover
{
color:#7c7c7c;
}
.text-custom-pink,
.active .text-custom-gray,
.text-custom-gray.active,
.text-custom-gray.like-btn:hover
{
color:#e35252;
}
.ease, .btn, .form-control, input, select, textarea, button
{
-webkit-transition-timing-function:cubic-bezier(0.200, 0.020, 0.200, 1.000);
-moz-transition-timing-function:cubic-bezier(0.200, 0.020, 0.200, 1.000);
-ms-transition-timing-function:cubic-bezier(0.200, 0.020, 0.200, 1.000);
-o-transition-timing-function:cubic-bezier(0.200, 0.020, 0.200, 1.000);
transition-timing-function:cubic-bezier(0.200, 0.020, 0.200, 1.000);
-webkit-transition-duration:.5s;
-moz-transition-duration:.5s;
-ms-transition-duration:.5s;
-o-transition-duration:.5s;
transition-duration:.5s;
}
.row
{
margin-left:-10px;
margin-right:-10px;
clear:both;
display:block;
}
.row.double,
.col.double > .row,
.box.double > .row
{
margin-left:-20px;
margin-right:-20px;
}
.row.triple,
.col.triple > .row,
.box.triple > .row
{
margin-left:-30px;
margin-right:-30px;
}
.box.box-border > .row,
.col.box-border > .row
{
margin-left:-9px;
margin-right:-9px;
}
.box.double.box-border > .row,
.col.double.box-border > .row
{
margin-left:-19px;
margin-right:-19px;
}
.box.triple.box-border > .row,
.col.triple.box-border > .row
{
margin-left:-29px;
margin-right:-29px;
}
*.pt,
.fr.pt,
.fl.pt,
.col.pt,
[dir="rtl"] *.pt,
[dir="rtl"] .fr.pt,
[dir="rtl"] .fl.pt,
[dir="rtl"] .col.pt
{
padding-top:10px;
}
*.pt.double,
.fr.double.pt,
.fl.double.pt,
.col.double.pt,
[dir="rtl"] *.double.pt,
[dir="rtl"] .fr.double.pt,
[dir="rtl"] .fl.double.pt,
[dir="rtl"] .col.double.pt
{
padding-top:20px;
}
*.pt.triple,
.fr.triple.pt,
.fl.triple.pt,
.col.triple.pt,
[dir="rtl"] *.triple.pt,
[dir="rtl"] .fr.triple.pt,
[dir="rtl"] .fl.triple.pt,
[dir="rtl"] .col.triple.pt
{
padding-top:30px;
}
*.pr,
.fr.pr,
.fl.pr,
[dir="rtl"] *.pr,
[dir="rtl"] .fr.pr,
[dir="rtl"] .fl.pr
{
padding-right:10px;
}
*.double.pr,
.fr.double.pr,
.fl.double.pr,
[dir="rtl"] *.double.pr,
[dir="rtl"] .fr.double.pr,
[dir="rtl"] .fl.double.pr
{
padding-right:20px;
}
*.triple.pr,
.fr.triple.pr,
.fl.triple.pr,
[dir="rtl"] *.triple.pr,
[dir="rtl"] .fr.triple.pr,
[dir="rtl"] .fl.triple.pr
{
padding-right:30px;
}
*.pb,
.fr.pb,
.fl.pb,
.col.pb,
[dir="rtl"] *.pb,
[dir="rtl"] .fr.pb,
[dir="rtl"] .fl.pb,
[dir="rtl"] .col.pb
{
padding-bottom:10px;
}
*.double.pb,
.fr.double.pb,
.fl.double.pb,
.col.double.pb,
[dir="rtl"] *.double.pb,
[dir="rtl"] .fr.double.pb,
[dir="rtl"] .fl.double.pb,
[dir="rtl"] .col.double.pb
{
padding-bottom:20px;
}
*.triple.pb,
.fr.triple.pb,
.fl.triple.pb,
.col.triple.pb,
[dir="rtl"] *.triple.pb,
[dir="rtl"] .fr.triple.pb,
[dir="rtl"] .fl.triple.pb,
[dir="rtl"] .col.triple.pb
{
padding-bottom:30px;
}
*.pl,
.fr.pl,
.fl.pl,
[dir="rtl"] *.pl,
[dir="rtl"] .fr.pl,
[dir="rtl"] .fl.pl
{
padding-left:10px;
}
*.double.pl,
.fr.double.pl,
.fl.double.pl,
[dir="rtl"] *.double.pl,
[dir="rtl"] .fr.double.pl,
[dir="rtl"] .fl.double.pl
{
padding-left:10px;
}
*.triple.pl,
.fr.triple.pl,
.fl.triple.pl,
[dir="rtl"] *.triple.pl,
[dir="rtl"] .fr.triple.pl,
[dir="rtl"] .fl.triple.pl
{
padding-left:30px;
}
*.mt,
.fr.mt,
.fl.mt,
.col.mt,
.box.mt,
[dir="rtl"] *.mt,
[dir="rtl"] .fr.mt,
[dir="rtl"] .fl.mt,
[dir="rtl"] .col.mt,
[dir="rtl"] .box.mt
{
margin-top: 20px;
}
*.double.mt,
.fr.double.mt,
.fl.double.mt,
.col.double.mt,
.box.double.mt,
[dir="rtl"] *.double.mt,
[dir="rtl"] .fr.double.mt,
[dir="rtl"] .fl.double.mt,
[dir="rtl"] .col.double.mt,
[dir="rtl"] .box.double.mt
{
margin-top:20px;
}
*.triple.mt,
.fr.triple.mt,
.fl.triple.mt,
.col.triple.mt,
.box.triple.mt,
[dir="rtl"] *.triple.mt,
[dir="rtl"] .fr.triple.mt,
[dir="rtl"] .fl.triple.mt,
[dir="rtl"] .col.triple.mt,
[dir="rtl"] .box.triple.mt
{
margin-top:10px;
}
*.mr,
.fr.mr,
.fl.mr,
.col.mr,
.box.mr,
[dir="rtl"] *.mr,
[dir="rtl"] .fr.mr,
[dir="rtl"] .fl.mr,
[dir="rtl"] .col.mr,
[dir="rtl"] .box.mr
{
margin-right:10px;
}
*.double.mr,
.fr.double.mr,
.fl.double.mr,
.col.double.mr,
.box.double.mr,
[dir="rtl"] *.double.mr,
[dir="rtl"] .fr.double.mr,
[dir="rtl"] .fl.double.mr,
[dir="rtl"] .col.double.mr,
[dir="rtl"] .box.double.mr
{
margin-right:20px;
}
*.triple.mr,
.fr.triple.mr,
.fl.triple.mr,
.col.triple.mr,
.box.triple.mr,
[dir="rtl"] *.triple.mr,
[dir="rtl"] .fr.triple.mr,
[dir="rtl"] .fl.triple.mr,
[dir="rtl"] .col.triple.mr,
[dir="rtl"] .box.triple.mr
{
margin-right:30px;
}
*.mb,
.fr.mb,
.fl.mb,
.col.mb,
.box.mb,
[dir="rtl"] *.mb,
[dir="rtl"] .fr.mb,
[dir="rtl"] .fl.mb,
[dir="rtl"] .col.mb,
[dir="rtl"] .box.mb
{
margin-bottom: 20px;
}
*.double.mb,
.fr.double.mb,
.fl.double.mb,
.col.double.mb,
.box.double.mb,
[dir="rtl"] *.double.mb,
[dir="rtl"] .fr.double.mb,
[dir="rtl"] .fl.double.mb,
[dir="rtl"] .col.double.mb,
[dir="rtl"] .box.double.mb
{
margin-bottom:20px;
}
*.triple.mb,
.fr.triple.mb,
.fl.triple.mb,
.col.triple.mb,
.box.triple.mb,
[dir="rtl"] *.triple.mb,
[dir="rtl"] .fr.triple.mb,
[dir="rtl"] .fl.triple.mb,
[dir="rtl"] .col.triple.mb,
[dir="rtl"] .box.triple.mb
{
margin-bottom:30px;
}
*.ml,
.fr.ml,
.fl.ml,
.col.ml,
.box.ml,
[dir="rtl"] *.ml,
[dir="rtl"] .fr.ml,
[dir="rtl"] .fl.ml,
[dir="rtl"] .col.ml,
[dir="rtl"] .box.ml
{
margin-left:10px;
}
*.double.ml,
.fr.double.ml,
.fl.double.ml,
.col.double.ml,
.box.double.ml,
[dir="rtl"] *.double.ml,
[dir="rtl"] .fr.double.ml,
[dir="rtl"] .fl.double.ml,
[dir="rtl"] .col.double.ml,
[dir="rtl"] .box.double.ml
{
margin-left:20px;
}
*.triple.ml,
.fr.triple.ml,
.fl.triple.ml,
.col.triple.ml,
.box.triple.ml,
[dir="rtl"] *.triple.ml,
[dir="rtl"] .fr.triple.ml,
[dir="rtl"] .fl.triple.ml,
[dir="rtl"] .col.triple.ml,
[dir="rtl"] .box.triple.ml
{
margin-left:30px;
}
.box,
.col
{
float:left;
padding-left:10px;
padding-right:10px;
box-sizing:border-box;
}
.box.double,
.col.double
{
padding-left:20px;
padding-right:20px;
}
.box.triple,
.col.triple
{
padding-left:30px;
padding-right:30px;
}
[dir="rtl"] .box,
[dir="rtl"] .col
{
float:right;
}
.box
{
padding-top:10px;
padding-bottom:10px;
}
.box.double
{
padding-top:20px;
padding-bottom:20px;
}
.box.triple
{
padding-top:30px;
padding-bottom:30px;
}
tr.box,
th.box,
td.box,
tr.col,
th.col,
td.col
{
float:none;
}
.box.box-border,
.col.box-border
{
padding-left:9px;
padding-right:9px;
}
.box.double.box-border,
.col.double.box-border
{
padding-left:19px;
padding-right:19px;
}
.box.triple.box-border,
.col.triple.box-border
{
padding-left:29px;
padding-right:29px;
}
.box.box-border
{
padding-top:9px;
padding-bottom:9px;
}
.box.double.box-border
{
padding-top:19px;
padding-bottom:19px;
}
.box.triple.box-border
{
padding-top:29px;
padding-bottom:29px;
}
.box-border,
.col.box-border,
.box.box-border,
.btn.box-border,
[dir="rtl"] .box-border,
[dir="rtl"] .col.box-border,
[dir="rtl"] .box.box-border,
[dir="rtl"] .btn.box-border
{
border:1px solid #e5e5e5;
}
*.b-none,
.b-none,
.col.b-none,
.box.b-none,
[dir="rtl"] .b-none,
[dir="rtl"] .col.b-none,
[dir="rtl"] .box.b-none
{
border:0;
}
.b-top,
.col.b-top,
.box.b-top,
[dir="rtl"] .b-top,
[dir="rtl"] .col.b-top,
[dir="rtl"] .box.b-top
{
border-top:0;
}
.b-right,
.col.b-right,
.box.b-right
{
border-right:0;
}
[dir="rtl"] .b-right,
[dir="rtl"] .col.b-right,
[dir="rtl"] .box.b-right
{
border-left:0;
}
.b-bottom,
.col.b-bottom,
.box.b-bottom,
[dir="rtl"] .b-bottom,
[dir="rtl"] .col.b-bottom,
[dir="rtl"] .box.b-bottom
{
border-bottom:0;
}
.b-left,
.col.b-left,
.box.b-left
{
border-left:0;
}
[dir="rtl"] .b-left,
[dir="rtl"] .col.b-left,
[dir="rtl"] .box.b-left
{
border-right:0;
}
.line-top,
.col.line-top,
.box.line-top,
.btn.line-top
{
border-top:1px solid #e5e5e5;
}
.line-right,
.col.line-right,
.box.line-right,
.btn.line-right
{
border-right:1px solid #e5e5e5;
}
[dir="rtl"] .line-right,
[dir="rtl"] .col.line-right,
[dir="rtl"] .box.line-right,
[dir="rtl"] .btn.line-right
{
border-right:0;
border-left:1px solid #e5e5e5;
}
.line-bottom,
.col.line-bottom,
.box.line-bottom,
.btn.line-bottom
{
border-bottom:1px solid #e5e5e5;
}
.line-left,
.col.line-left,
.box.line-left,
.btn.line-left
{
border-left:1px solid #e5e5e5;
}
[dir="rtl"] .line-left,
[dir="rtl"] .col.line-left,
[dir="rtl"] .box.line-left,
[dir="rtl"] .btn.line-left
{
border-right:1px solid #e5e5e5;
border-left:0;
}
.line-light,
.col.box-border.line-light,
.box.box-border.line-light,
.btn.box-border.line-light,
.col.line-top.line-light,
.box.line-top.line-light,
.btn.line-top.line-light,
.col.line-right.line-light,
.box.line-right.line-light,
.btn.line-right.line-light,
.col.line-bottom.line-light,
.box.line-bottom.line-light,
.btn.line-bottom.line-light,
.col.line-left.line-light,
.box.line-left.line-light,
.btn.line-left.line-light
{
border-color:#f0f0f0;
}
.line-gray,
.col.box-border.line-gray,
.box.box-border.line-gray,
.btn.box-border.line-gray,
.col.line-top.line-gray,
.box.line-top.line-gray,
.btn.line-top.line-gray,
.col.line-right.line-gray,
.box.line-right.line-gray,
.btn.line-right.line-gray,
.col.line-bottom.line-gray,
.box.line-bottom.line-gray,
.btn.line-bottom.line-gray,
.col.line-left.line-gray,
.box.line-left.line-gray,
.btn.line-left.line-gray
{
border-color:#5e5e5e;
}
.line-dark,
.col.box-border.line-dark,
.box.box-border.line-dark,
.btn.box-border.line-dark,
.col.line-top.line-dark,
.box.line-top.line-dark,
.btn.line-top.line-dark,
.col.line-right.line-dark,
.box.line-right.line-dark,
.btn.line-right.line-dark,
.col.line-bottom.line-dark,
.box.line-bottom.line-dark,
.btn.line-bottom.line-dark,
.col.line-left.line-dark,
.box.line-left.line-dark,
.btn.line-left.line-dark
{
border-color:#7c7c7c;
}
.line-pink,
.col.box-border.line-pink,
.box.box-border.line-pink,
.btn.box-border.line-pink,
.col.line-top.line-pink,
.box.line-top.line-pink,
.btn.line-top.line-pink,
.col.line-right.line-pink,
.box.line-right.line-pink,
.btn.line-right.line-pink,
.col.line-bottom.line-pink,
.box.line-bottom.line-pink,
.btn.line-bottom.line-pink,
.col.line-left.line-pink,
.box.line-left.line-pink,
.btn.line-left.line-pink
{
border-color:#e35252;
}
.line-through
{
text-decoration:line-through;
}
.line-under
{
text-decoration:underline;
}
.drop-down.hover:hover .drop-down-title
{
color:#e35252;
}
.drop-down.hover .drop-down-title + *
{
min-width:100%;
min-height:100%;
z-index:999;
opacity:0;
visibility:hidden;
transition:visibility 0s .2s, opacity .2s linear;
}
.drop-down.hover .drop-down-title + * :hover > a:not(.btn),
.drop-down.hover .drop-down-title + * a:not(.btn):hover
{
color:#e35252;
}
.drop-down.hover .drop-down-title + .top
{
top:calc(100% - 10px);
transition:opacity .2s linear, top .2s linear;
}
.drop-down.hover:hover .drop-down-title + .top
{
top:100%;
}
.drop-down.hover .drop-down-title + .top.fixed
{
top:-10px;
}
.drop-down.hover:hover .drop-down-title + .top.fixed
{
top:0;
}
.drop-down.hover .drop-down-title + .bottom
{
bottom:calc(100% - 10px);
transition:opacity .2s linear, bottom .2s linear;
}
.drop-down.hover:hover .drop-down-title + .bottom
{
bottom:100%;
}
.drop-down.hover .drop-down-title + .bottom.fixed
{
bottom:-10px;
}
.drop-down.hover:hover .drop-down-title + .bottom.fixed
{
bottom:0;
}
.drop-down.hover:hover .drop-down-title + *
{
visibility:visible;
opacity:1;
}
.drop-down-item,
.drop-down-item *
{
line-height:35px;
white-space:nowrap;
}
.drop-down-item
{
padding-right:15px;
padding-left:15px;
box-sizing:border-box;
}
.overlay-wrap > *
{
}
.overlay
{
background:rgba(0,0,0,.75);
z-index:-1;
}
.overlay,
.overlay-wrap:hover > * + .overlay:hover
{
opacity:0;
visibility:hidden;
transition:opacity .2s linear, visibility .2s linear;
}
.overlay-wrap:hover > * + .overlay
{
opacity:1;
visibility:visible;
transition:opacity .2s linear, visibility .2s linear;
}
.col-12
{
width:100%;
}
.col-11
{
width:91.66666667%;
}
.col-10
{
width:83.33333333%;
}
.col-9
{
width:75%;
}
.col-8
{
width:66.66666667%;
}
.col-7
{
width:58.33333333%;
}
.col-6
{
width:50%;
}
.col-5
{
width:41.66666667%;
}
.col-4
{
width:33.33333333%;
}
.col-3
{
width:25%;
}
.col-2
{
width:16.66666667%;
}
.col-1
{
width:8.33333333%;
}
.m-none,
.box.m-none,
.col.m-none,
.btn.m-none
{
margin:0;
}
.m-top,
.box.m-top,
.col.m-top,
.btn.m-top
{
margin-top:0;
}
.m-left,
.box.m-left,
.col.m-left,
.btn.m-left
{
margin-left:0;
}
.m-bottom,
.box.m-bottom,
.col.m-bottom,
.btn.m-bottom
{
margin-bottom:0;
}
.m-right,
.box.m-right,
.col.m-right,
.btn.m-right
{
margin-right:0;
}
.p-none,
.box.p-none,
.col.p-none,
.btn.p-none
{
padding:0;
}
.p-top,
.box.p-top,
.col.p-top,
.btn.p-top
{
padding-top:0;
}
.p-left,
.box.p-left,
.col.p-left,
.btn.p-left
{
padding-left:0;
}
[dir="rtl"] .box.p-left,
[dir="rtl"] .col.p-left,
[dir="rtl"] .btn.p-left
{
padding-left:10px;
padding-right: 0 !important;
}
.p-bottom,
.box.p-bottom,
.col.p-bottom,
.btn.p-bottom
{
padding-bottom:0;
}
[dir="rtl"] .box.p-right,
[dir="rtl"] .col.p-right,
[dir="rtl"] .btn.p-right
{
padding-right: 10px;
padding-left: 0 !important;
}
#notFound
{
line-height:25px;
font-size:15px;
}
#notFound:before
{
content:'';
float:left;
width:100%;
height:127px;
background:url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/404.png') no-repeat center center;
}
#notFound .text-title
{
line-height:30px;
font-size:18px;
}
.item-center
{
margin-right:auto;
margin-left:auto;
}
.tooltipWrapper
{
position:relative;
}
.tooltip
{
display:none;
position:absolute;
bottom:100%;
left:0;
right:0;
line-height:20px;
padding-left:10px;
padding-top:5px;
padding-right:10px;
padding-bottom:5px;
background:#fff;
box-sizing:border-box;
margin-bottom:5px;
z-index: 99;
}
.tooltip.default
{
border:1px solid #ececec;
}
#notify
{
position:fixed;
}
#notify.top, #notify.bottom
{
width:100%;
}
#notify.right, #notify.left
{
width:320px;
}
#notify.top
{
top:0;
bottom: auto;
}
#notify.right
{
right:0;
left: auto;
}
#notify.bottom
{
bottom:0;
top: auto;
}
#notify.left
{
left:0;
right: auto;
}
.notify
{
width:calc(100% - 10px);
display: none;
}
#notify.right .notify, #notify.left .notify
{
clear: both;
}
#notify.top .notify
{
margin-top: 10px;
}
#notify.right .notify
{
margin-right: 10px;
}
#notify.bottom .notify
{
margin-bottom: 10px;
}
#notify.left .notify
{
margin-left: 10px;
}
.notifyClose
{
float:right;
width: 13px;
height: 13px;
background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/notifyClose.png') no-repeat;
cursor: pointer;
}
.comment-star-wrapper
{
height:100%;
}
.stars
{
overflow:hidden;
}
.progress
{
height:4px;
padding:0;
position:relative;
background:#dadada;
}
.progress-bar
{
position:absolute;
left:0;
top:0;
height:100%;
line-height:1.5;
color:#fff;
background:#e35252;
}
[dir=rtl] .progress-bar
{
right:0;
left:auto;
}
.accordeon
{
cursor:pointer;
background-image:url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/accordeon.png');
background-repeat:no-repeat;
background-position:right center;
}
[dir=rtl] .accordeon
{
background-position:10px center;
}
.accordeon.active
{
background-image:url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/accordeonActive.png');
}
.hide
{
display:none;
}
#mainWrapper
{
width:100%;
position:relative;
}
#skeletonWrap
{
width:100%;
}
[dir="rtl"] #rightColumn
{
padding-right:10px;
padding-left:0;
}
[dir="rtl"] #leftColumn
{
padding-right:0;
padding-left:10px;
}
#mainColumn
{
max-width:100%;
}
.loaderWrapper
{
position:relative;
}
.loading
{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
background:rgba(255,255,255,.7) url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/loading.gif') no-repeat center center;
z-index:333;
display:none;
}
#backToTop
{
display:none;
position:fixed;
bottom:50px;
right:50%;
width:50px;
height:50px;
color:#5e5e5e;
margin-right:-680px;
cursor:pointer;
z-index:333;
}
#backToTop i
{
width:50px;
height:50px;
color:#5e5e5e;
}
#backToTop i:before
{
margin-right:auto;
margin-left:auto;
}
[dir="rtl"] #backToTop
{
right:auto;
left:50%;
margin-right:0;
margin-left:-680px;
}
#dbDebug, #smartyDebug
{
border:3px solid #666;
margin-top:30px;
margin-bottom:30px;
font-size:14px;
}
#dbDebug
{
margin-left:auto;
margin-right:auto;
width:500px;
}
#smartyDebug
{
margin-left:5px;
margin-right:5px;
width:400px;
}
.MobileRedirectMessage
{
position:fixed;
top:0px;
left:0px;
width:100%;
height:52px;
line-height:52px;
font-size:30px;
color:#fff;
text-align:center;
background: #000;
border-radius:6px;
box-shadow: 0px 0px 9px #000;
z-index:99999;
}
.slider-background
{
background: url('https://www.gramaltin.1ticaret.com/Data/EditorFiles/gramaltin/sliderBG.jpg') no-repeat center;
background-size: cover;
padding: 50px 10px;
box-sizing: border-box;
margin-bottom: 30px;
}
.owl-slider-thumb
{
margin-top: 20px;
}
.owl-slider-thumb .owl-thumb-item > div
{
border-radius: 7px;
background-color: #ffffff;
overflow: hidden;
border: 2px solid transparent;
box-sizing: border-box;
}
.slider-background .item
{
border-radius: 6px;
overflow: hidden;
width: 100%;
float: left;
}
.owl-slider-thumb .owl-thumb-item.active > div
{
border-color: #8f6f44;
}
.slider-background .owl-nav
{
width: calc(100% + 160px) !important;
left: -80px !important;
top: auto !important;
bottom: -24px !important;
}
.slider-background .owl-nav div, .slider-background-vitrin .owl-nav div
{
width: 62px !important;
height: 42px !important;
border: 0 !important;
font-size: 0 !important;
}
.slider-background .owl-nav .owl-prev
{
background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/slider-prev.svg') no-repeat center #ddd !important;
border-radius: 22px !important;
}
.slider-background-vitrin .owl-nav .owl-prev
{
background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/vitrinslide-left.svg') no-repeat center !important;
}
.slider-background .owl-nav .owl-next
{
background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/slider-next.svg') no-repeat center #ddd !important;
border-radius: 22px !important;
}
.slider-background-vitrin .owl-nav .owl-next
{
background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/vitrinslide-right.svg') no-repeat center !important;
}
.site-info
{
display: flex;
align-items: center;
justify-content: center;
padding: 25px 10px;
box-sizing: border-box;
}
.site-info img
{
margin-right: 10px;
}
.site-info span
{
font-size: 16px;
color: #5c524b;
}
.site-info p
{
font-size: 16px;
color: #5c524b;
padding: 0;
font-weight: bold;
}
.about-blok
{
background-color: #f4f3ef;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
}
.about-paragraf h3
{
margin: 0;
margin-bottom: 20px;
font-size: 24px;
font-weight: bold;
line-height: 30px;
color: #5c524b;
}
.about-paragraf h3 span
{
color: #c18735;
}
.about-paragraf p
{
font-size: 14px;
font-weight: 500;
color: #5c524b;
padding: 0;
}
.about-paragraf
{
padding-left: 30px;
box-sizing: border-box;
padding-right: 10px;
}
.about-img
{
text-align: center;
font-size: 0;
}
aside#leftColumn
{
padding: 0 10px;
}
aside#leftColumn + div#mainColumn
{
padding: 0 10px;
box-sizing: border-box;
}
.leftFilter
{
border-radius: 3px;
border: solid 1px #ededed;
padding: 20px;
box-sizing: border-box;
margin-bottom: 20px;
}
div#filterWrapper .filter-title
{
padding: 0;
font-size: 18px;
font-weight: 500;
line-height: 22px;
text-transform: uppercase;
color: #151515;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: solid 1px #ededed;
padding-top: 20px;
border-top: solid 1px #ededed;
}
ul#filterCats ul li a
{
font-size: 16px;
color: #5c514b;
line-height: 2.25;
display: flex;
align-items: center;
}
ul#filterCats ul li a:before
{
content: '';width: 16px;height: 16px;margin-right: 10px;background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/check.svg') no-repeat center;
}
ul#filterCats ul li a.currentCat:before
{
background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/checked.svg') no-repeat center;
}
ul#filterCats .filter-title
{
padding-top: 0;
border-top: 0;
}
.priceWrap span
{
height: 40px;
border-radius: 4px;
border: solid 1px #ededed;
background-image: linear-gradient(to bottom, #fafafa, #f2f2f2);
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
color: #5c514b;
}
.slider-background-vitrin
{
margin-bottom: 20px;
}
div#sort span
{
cursor: pointer;
width: 170px;
height: 37px;
background-color: #e4e5e6;
float: left;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
font-weight: 500;
color: #181818;
border-right: 1px solid #fff;
}
div#sort span:last-child
{
border: 0;
}
div#sort span.selected
{
background-color: #918d8d;
color: #fff;
}
.ArayuzBlok
{
border-radius: 3px;
border: solid 1px #efe7e0;
background: #fff;
}
.ArayuzBlok .Ust
{
border-bottom: 1px solid #efe7e0;
font-size: 15px;
font-weight: 500;
color: #131313;
padding: 20px;
box-sizing: border-box;
text-transform: uppercase;
position: relative;
display: flex;
align-items: center;
}
.slide-blog-arrow
{
position: absolute;
right: 10px;
top: 15px;
}
.slide-blog-arrow > div
{
width: 25px;
height: 25px;
float: left;
margin-right: 10px;
box-shadow: 0 1px 3px 0 rgba(215, 213, 213, 0.5);
border-radius: 50%;
cursor: pointer;
}
div#slider1next, div#slider2next
{
background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/blog-prev.svg') no-repeat center;
}
div#slider1prev, div#slider2prev
{
background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/blog-next.svg') no-repeat center;
}
div#HaberlerSlayt li
{
height: auto !important;
}
.blogSonEklenenler .text-description b
{
font-weight: 500;
color: #8f6f44;
}
.blogSonEklenenler .text-description, .sonYorumlar .text-description
{
color: #333333;
font-size: 12px;
}
.blogSonEklenenler .blog-title
{
font-size: 15px;
font-weight: bold;
line-height: 1.2;
color: #8f6f44;
}
.sonYorumlar ul li
{
height: auto !important;
}
.yorum-click, .all-yorum
{
line-height: 1.38;
color: #333333;
font-size: 13px;
padding: 15px 10px;
box-sizing: border-box;
cursor: pointer;
font-weight: bold;
text-align: center;
}
.yorum-add
{
border-top: solid 1px #efe7e0;
margin-top: 10px;
}
.yorum-click
{
border-right: solid 1px #efe7e0;
}
.yorum-add-pop
{
border-top: solid 1px #efe7e0;
padding: 10px;
box-sizing: border-box;
}
.yorum-add-pop textarea
{
height: auto !important;
min-height: 100px;
border: 1px solid #ddd !important;
}
div#yorum-ekle-tasiyici .saveComment
{
background: #8f6f44;
color: #fff;
width: 100%;
text-align: center;
margin-top: 10px;
padding: 5px 0;
text-transform: uppercase;
font-weight: bold;
}
.gridClick
{
height: 27px;
float: left;
cursor: pointer;
}
.gridCol4
{
width: 35px;
background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/grid4.svg') no-repeat center;
}
.gridCol3
{
width: 18px;
background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/grid3.svg') no-repeat center;
}
.gridCol3.active
{
background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/grid3active.svg') no-repeat center;
}
.gridCol4.active
{
background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/grid4active.svg') no-repeat center;
}
span.gridLine
{
height: 27px;
width: 1px;
margin: 0 10px;
float: left;
background-color: #e6e7e8;
}
.productPager a.prev
{
font-size: 0;
width: 48px;
height: 38px;
background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/page-prev.svg') no-repeat center;
}
.productPager a.next
{
font-size: 0;
width: 48px;
height: 38px;
background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/page-next.svg') no-repeat center;
}
.yorum-title
{
font-size: 15px;
font-weight: bold;
line-height: 1.2;
color: #8f6f44;
margin-top: 10px;
}
.sonYorumlar:before
{
content:'';width: 25px;height: 20px;position: absolute;left: 5px;top: 10px;background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/leftden.svg') no-repeat center;
}
.sonYorumlar:after
{
content: '';width: 25px;height: 20px;position: absolute;right: 5px;bottom: 10px;background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/rightden.svg') no-repeat center;
}
.cartRight
{
margin-top: 20px;
}
.p5.cartRightText
{
padding: 0 5px;
}
.cartRightText .col-6
{
font-size: 13px;
font-weight: 500;
line-height: 1.77;
color: #070707;
}
.cartRightText .a-right
{
text-align: right;
}
.cartTotalPrice
{
padding: 20px 0;
display: block;
width: 100%;
float: left;
margin-bottom: 20px;
position: relative;
}
.cartRightText .cartTotalPrice .col-6
{
font-size: 14px;
font-weight: bold;
line-height: 1.86;
text-transform: uppercase;
}
.cartRight > div.col-12
{
padding-top: 15px;
border: solid 1px #e6e6e6;
margin-bottom: 20px;
background: #fff;
}
.indirimkuponu
{
padding: 0 5px;
box-sizing: border-box;
}
input#indirimkuponu
{
height: 40px !important;
border-radius: 3px !important;
border: solid 1px #c58f44 !important;
background-color: #ffffff !important;
}
input#indirimkuponu + .placeholder
{
width: calc(100% - 5px);
left: 2px;
padding: 0 15px;
}
.indirim-btn.btn
{
width: 72px;
height: 40px;
border-radius: 3px;
background-color: #c58f44;
color: #fff;
padding: 0;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
text-transform: uppercase;
position: absolute;
right: 5px;
top: 0;
z-index: 99;
font-size: 13px;
font-weight: 500;
}
.cartTotalPrice:after
{
content: '';width: calc(100% - 20px);height: 1px;background: #e6e6e6;position: absolute;bottom: 0;left: 10px;
}
.cartRight a#addCartBtn
{
height: 55px;
border-radius: 3px;
background-color: #c58f44;
display: flex;
align-items: center;
font-size: 16px;
font-weight: bold;
text-transform: capitalize;
padding: 0;
padding-left: 25px;
position: relative;
}
a#addCartBtn:after
{
content: '';width: 7px;height: 12px;position: absolute;right: 15px;top: 0;bottom: 0;margin: auto;background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/right-icon.svg') no-repeat center;
}
form#SepetForm .cartRight
{
display: none;
}
.sepetBox
{
border: solid 1px #e6e6e6;
background-color: #ffffff;
box-sizing: border-box;
padding: 20px;
border-bottom: 0;
}
.cartTable > div
{
font-size: 14px;
font-weight: 500;
color: #808080;
text-transform: uppercase;
}
.cartTable
{
padding-bottom: 10px;
margin-bottom: 20px;
border-color: #e6e6e6 !important;
}
.font0
{
font-size: 0 !important;
}
.basketProductName
{
font-size: 16px;
font-weight: 500;
line-height: 1.38;
color: #000;
}
.productInfoRow .removeBtn
{
width: auto;
font-size: 12px;
color: #000;
height: 29px;
background-color: #dcddde;
line-height: 29px;
padding: 0 10px;
margin-top: 40px;
display: flex;
align-items: center;
}
.productInfoRow .removeBtn:before
{
content: '';width: 12px;height: 14px;background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/cart-delete.svg') no-repeat center;margin-right: 8px;
}
#cart-wrapper .qtyBox
{
min-width: auto;
position: relative;
}
#cart-wrapper .qtyBox .qtyBtns
{
width: 80px;
height: 50px;
border-radius: 3px;
background-color: #dcddde;
box-sizing: border-box;
}
#cart-wrapper .qtyBox .qtyBtns a
{
width: 23px;
height: 48px;
}
.inpt-qty
{
width: calc(100% - 46px);
height: 48px;
position: relative;
float: left;
}
div#cart-wrapper .inpt-qty input
{
width: 100%;
padding: 0;
background: #fff;
padding-bottom: 10px;
box-shadow: none;
}
.inpt-qty input, span.qty-adet
{
line-height: 1.17;
font-size: 12px;
color: #181818;
}
span.qty-adet
{
position: absolute;
bottom: 6px;
left: 0;
right: 0;
margin: auto;
text-align: center;
}
#cart-wrapper .qtyBox .qtyBtns a:first-child
{
background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/minus.svg') no-repeat center;
}
#cart-wrapper .qtyBox .qtyBtns a:last-child
{
background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/plus.svg') no-repeat center;
}
.productRow
{
padding-top: 20px;
padding-bottom: 30px;
border-bottom: 1px solid #e6e6e6;
}
.productPrcRow div#cart-wrapper
{
display: flex;
align-items: center;
justify-content: center;
}
a.cartPrev
{
height: 36px;
border-radius: 3px;
background-color: #dcddde;
padding: 0 20px;
float: left;
display: flex;
align-items: center;
justify-content: center;
font-size: 13px;
font-weight: 500;
color: #777777;
margin-top: 40px;
margin-bottom: 10px;
}
a.cartPrev:before
{
content: '';width: 7px;height: 12px;margin-right: 8px;background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/cartPrev.svg') no-repeat center;
}
.cartPriceLast span
{
font-size: 19px;
font-weight: 500;
color: #000;
}
.cartPriceLast
{
padding-top: 10px;
}
.order-bigTitle
{
font-size: 30px;
font-weight: bold;
color: #ce923d;
margin-bottom: 20px;
}
.login-box
{
background: #f9f9f9;
padding: 50px;
box-sizing: border-box;
border: 1px solid #f2f2f2;
}
div#page-login .pageTitle
{
margin-bottom: 30px;
line-height: 30px;
padding-bottom: 10px;
}
a#member-forgot-password
{
font-weight: 500;
font-size: 13px;
color: #5c5c5c;
}
.login-banner
{
background: #f9f9f9;margin-top: 70px;
}
.uye-price_alert
{
margin-top: 60px;
background: #906f44;
color: #fff;
font-size: 15px;
font-weight: 600;
padding: 10px 30px;
padding-right: 10px;
}
.carousel-none
{
height: 0;
opacity: 0;
}
.carousel-none.carousel-blok
{
height: auto;
opacity: 1;
}
.blog-icon-title
{
width: 30px;
height: 20px;
margin-right: 5px;
background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/blogCat-icon.png') no-repeat center;
}
.comment-icon-title
{
width: 25px;
height: 20px;
margin-right: 5px;
background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/yorum-icon.png') no-repeat center;
}
ul#filterCats ul li:hover a
{
background: #f2f2f2;
}
div#sort span:hover
{
background-color: #918d8d;
color: #fff;
}
.yorum-click:hover, .all-yorum:hover
{
background: #f2f2f2;
}
.showNationality.col.col-12.individualForm
{
display: none !important;
}
.blogCat-menu
{
margin-top: 20px;
border: 1px solid #efe7e0;
margin-bottom: 20px;
padding: 10px 15px;
}
.blogCat-menu .catMenu a
{
color: #8f6f44;
font-weight: 500 !important;
font-size: 16px;
padding: 6px 10px!important;
margin-top: 5px;
}
.blogCat-menu .catMenu li:last-child a
{
border: 0 !important;
}
div#blog-list
{
margin-top: 20px;
}
.blogCat-menu .catMenu a:hover
{
background: #efe7e0;
color: #000 !important;
}
.blogCat-menu .catMenu li
{
box-sizing: border-box;
border-bottom: 1px solid #efe7e0;
}
.blogCat-menu .catMenu li:hover
{
}
.blogCat-menu .catMenu li:hover a
{
}
.blog-description
{
background: rgba(0, 0, 0, .6);
color: #fff;
text-shadow: 1px 1px 1px #000;
font-size: 18px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 0;
padding: 10px 20px;
box-sizing: border-box;
font-weight: 500;
display: flex;
align-items: center;
line-height: 25px;
}
span.blog-date
{
position: absolute;
right: 10px;
top: 10px;
background: rgba(0, 0, 0, .6);
color: #fff;
padding: 10px;
font-size: 16px;
display: flex;
align-items: center;
flex-direction: column;
}
.blog-description:before
{
content: '';height: 50px;width: 5px;margin-right: 20px;background: #cc8f36;
}
h3.blog-detail-title
{
margin: 0;
float: left;
font-size: 30px;
}
span.blog-detail-date
{
float: right;
font-size: 18px;
color: #888;
display: flex;
align-items: center;
}
.blog-detail-description
{
margin-top: 40px;
font-size: 18px;
color: #000;
}
.blog-details
{
margin-top: 20px;
}
.cartRight + .ArayuzBlok
{
margin-top: 20px;
}
span.blog-detail-date:before
{
content: '';width: 30px;height: 30px;margin-right: 10px;background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/888-date.png') no-repeat center;background-size: 100%;
}
span.blog-date:before
{
content: '';width: 30px;height: 30px;margin-bottom: 10px;background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/white-date.png') no-repeat center;background-size: 100%;
}
.anket-blok
{
position: fixed;
left: 0;
top: calc(50% - 95px);
margin: auto;
z-index: 99;
}
.anket-fixed
{
position: absolute;
top: 0;
width: 280px;
background: #fff;
-webkit-transform: translate3d(-250%,0,0);
-moz-transform: translate3d(-250%,0,0);
transform: translate3d(-250%,0,0);
-webkit-transition: -webkit-transform 300ms ease;
-webkit-transition-duration: 300ms;
-moz-transition: -moz-transform 300ms ease;
transition: transform 300ms ease;
border: 1px solid #ddd;
padding: 20px 15px;
box-sizing: border-box;
padding-bottom: 10px;
}
.anket-click
{
background: #8a704f;
color: #fff;
width: 80px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
text-transform: uppercase;
cursor: pointer;
-webkit-transform: translate3d(0px,0,0);
-moz-transform: translate3d(0px,0,0);
transform: translate3d(0px,0,0);
-webkit-transition: -webkit-transform 300ms ease;
-webkit-transition-duration: 300ms;
-moz-transition: -moz-transform 300ms ease;
transition: transform 300ms ease;
}
.anket-blok.active .anket-fixed
{
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.anket-blok.active .anket-click
{
-webkit-transform: translate3d(-80px,0,0);
-moz-transform: translate3d(-80px,0,0);
transform: translate3d(-80px,0,0);
}
.anket-close
{
position: absolute;
right: -8px;
top: -8px;
width: 20px;
height: 20px;
text-align: center;
line-height: 18px;
background: #8f6f44;
color: #fff;
border-radius: 50%;
cursor: pointer;
}
.anket-title
{
font-size: 14px;
font-weight: 500;
}
.anket-fixed .mb
{
margin-bottom: 10px;
}
.anket-info
{
display: none !important;
}
.anket-quest label
{
font-size: 15px;
color: #000;
font-weight: 400;
}
.anket-fixed .submitPoll
{
background: #8f6f44;
font-size: 15px;
font-weight: 500;
letter-spacing: 2px;
}
@media screen and (min-width: 1231px)
{
.inner
{
width:1200px;
margin:0 auto;
max-width: 100%;
}
}
@media screen and (max-width:1400px)
{
.owl-theme .owl-nav
{
width: 100% !important;
left: 0 !important;
}
.owl-slider-thumb
{
padding: 0 100px;
box-sizing: border-box;
}
}
@media screen and (max-width: 1230px)
{
.inner
{
float:left;
width:100%;
}
#backToTop
{
right:30px;
bottom:30px;
margin-right:0;
}
}
@media screen and (min-width: 1001px)
{
:not(.notClear) > .col-6 + .col-6:nth-of-type(2n+3),
:not(.notClear) > .col-4 + .col-4:nth-of-type(3n+4),
:not(.notClear) > .col-3 + .col-3:nth-of-type(4n+5),
:not(.notClear) > .col-2 + .col-2:nth-of-type(6n+7),
:not(.notClear) > .col-1 + .col-1:nth-of-type(12n+1)
{
clear:both;
}
}
@media screen and (max-width: 1000px)
{
.col-md-auto
{
width:auto;
}
.col-md-12
{
width:100%;
}
.col-md-11
{
width:91.66666667%;
}
.col-md-10
{
width:83.33333333%;
}
.col-md-9
{
width:75%;
}
.col-md-8
{
width:66.66666667%;
}
.col-md-7
{
width:58.33333333%;
}
.col-md-6
{
width:50%;
}
.col-md-5
{
width:41.66666667%;
}
.col-md-4
{
width:33.33333333%;
}
.col-md-3
{
width:25%;
}
.col-md-2
{
width:16.66666667%;
}
.col-md-1
{
width:8.33333333%;
}
}
@media screen and (min-width: 769px)
{
.col-mr-11
{
margin-right:91.66666667%;
}
.col-mr-10
{
margin-right:83.33333333%;
}
.col-mr-9
{
margin-right:75%;
}
.col-mr-8
{
margin-right:66.66666667%;
}
.col-mr-7
{
margin-right:58.33333333%;
}
.col-mr-6
{
margin-right:50%;
}
.col-mr-5
{
margin-right:41.66666667%;
}
.col-mr-4
{
margin-right:33.33333333%;
}
.col-mr-3
{
margin-right:25%;
}
.col-mr-2
{
margin-right:16.66666667%;
}
.col-mr-1
{
margin-right:8.33333333%;
}
.col-ml-11
{
margin-left:91.66666667%;
}
.col-ml-10
{
margin-left:83.33333333%;
}
.col-ml-9
{
margin-left:75%;
}
.col-ml-8
{
margin-left:66.66666667%;
}
.col-ml-7
{
margin-left:58.33333333%;
}
.col-ml-6
{
margin-left:50%;
}
.col-ml-5
{
margin-left:41.66666667%;
}
.col-ml-4
{
margin-left:33.33333333%;
}
.col-ml-3
{
margin-left:25%;
}
.col-ml-2
{
margin-left:16.66666667%;
}
.col-ml-1
{
margin-left:8.33333333%;
}
#skeleton
{
width:100%;
}
#footer
{
position:relative;
z-index:11;
}
.forMobile
{
display:none;
}
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
:not(.notClear) > .col-md-6 + .col-md-6:nth-of-type(2n+3),
:not(.notClear) > .col-md-4 + .col-md-4:nth-of-type(3n+4),
:not(.notClear) > .col-md-3 + .col-md-3:nth-of-type(4n+5),
:not(.notClear) > .col-md-2 + .col-md-2:nth-of-type(6n+7),
:not(.notClear) > .col-md-1 + .col-md-1:nth-of-type(12n+1)
{
clear:both;
}
.col-md-mr-11
{
margin-right:91.66666667%;
}
.col-md-mr-10
{
margin-right:83.33333333%;
}
.col-md-mr-9
{
margin-right:75%;
}
.col-md-mr-8
{
margin-right:66.66666667%;
}
.col-md-mr-7
{
margin-right:58.33333333%;
}
.col-md-mr-6
{
margin-right:50%;
}
.col-md-mr-5
{
margin-right:41.66666667%;
}
.col-md-mr-4
{
margin-right:33.33333333%;
}
.col-md-mr-3
{
margin-right:25%;
}
.col-md-mr-2
{
margin-right:16.66666667%;
}
.col-md-mr-1
{
margin-right:8.33333333%;
}
.col-md-mr-0
{
margin-right:0;
}
.col-md-ml-11
{
margin-left:91.66666667%;
}
.col-md-ml-10
{
margin-left:83.33333333%;
}
.col-md-ml-9
{
margin-left:75%;
}
.col-md-ml-8
{
margin-left:66.66666667%;
}
.col-md-ml-7
{
margin-left:58.33333333%;
}
.col-md-ml-6
{
margin-left:50%;
}
.col-md-ml-5
{
margin-left:41.66666667%;
}
.col-md-ml-4
{
margin-left:33.33333333%;
}
.col-md-ml-3
{
margin-left:25%;
}
.col-md-ml-2
{
margin-left:16.66666667%;
}
.col-md-ml-1
{
margin-left:8.33333333%;
}
.col-md-ml-0
{
margin-left:0;
}
.dn-md
{
display:none;
}
}
@media screen and (max-width: 768px) and (min-width:541px)
{
:not(.notClear) > .col-sm-6 + .col-sm-6:nth-of-type(2n+3),
:not(.notClear) > .col-sm-4 + .col-sm-4:nth-of-type(3n+4),
:not(.notClear) > .col-sm-3 + .col-sm-3:nth-of-type(4n+5),
:not(.notClear) > .col-sm-2 + .col-sm-2:nth-of-type(6n+7),
:not(.notClear) > .col-sm-1 + .col-sm-1:nth-of-type(12n+1)
{
clear:both;
}
}
@media screen and (max-width: 768px)
{
.blog-description
{
font-size: 14px;
line-height: 20px;
}
span.blog-date
{
font-size: 12px;
}
span.blog-date:before
{
width: 20px;
height: 20px;
}
.blogCat-menu
{
margin: 0;
padding: 0 15px;
}
h3.blog-detail-title
{
font-size: 20px;
}
span.blog-detail-date
{
width: 100%;
margin-top: 10px;
font-size: 14px;
}
span.blog-detail-date:before
{
width: 20px;
height: 20px;
}
.blog-detail-description
{
margin-top: 20px;
}
#membershipTabContainer > div
{
padding: 0;
}
#membershipTabContainer > div > div > div
{
padding: 0;
}
.slider-background-vitrin .owl-nav div.owl-prev, .slider-background-vitrin .owl-nav div.owl-next
{
width: 40px !important;
height: 40px !important;
background-size: 35px !important;
}
.slider-background .owl-nav .owl-prev
{
background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/vitrinslide-left.svg') no-repeat center !important;
}
.slider-background .owl-nav .owl-next
{
background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/vitrinslide-right.svg') no-repeat center !important;
}
*.mb, .fr.mb, .fl.mb, .col.mb, .box.mb, [dir="rtl"] *.mb, [dir="rtl"] .fr.mb, [dir="rtl"] .fl.mb, [dir="rtl"] .col.mb, [dir="rtl"] .box.mb
{
margin-bottom: 10px;
}
div#header .slider-background .owl-nav div
{
width: 35px !important;
background-size: 35px !important;
height: 22px !important;
border-radius: 12px !important;
}
.slider-background
{
margin-bottom: 10px;
padding: 10px 5px;
}
.site-info span
{
font-size: 12px;
}
.site-info p
{
font-size: 12px;
}
.site-info img
{
height: 20px;
}
.site-info
{
padding: 10px 0;
}
form#SepetForm .cartRight
{
display: block !important;
}
.about-blok
{
display: block;
padding: 20px 0;
}
.owl-slider-thumb
{
display: none;
}
.slider-background .owl-nav
{
bottom: auto !important;
top: calc(50% - 12px) !important;
left: -10px !important;
width: calc(100% + 20px) !important;
}
.col-sm-auto
{
width:auto;
}
.col-sm-12
{
width:100%;
}
.col-sm-11
{
width:91.66666667%;
}
.col-sm-10
{
width:83.33333333%;
}
.col-sm-9
{
width:75%;
}
.col-sm-8
{
width:66.66666667%;
}
.col-sm-7
{
width:58.33333333%;
}
.col-sm-6
{
width:50%;
}
.col-sm-5
{
width:41.66666667%;
}
.col-sm-4
{
width:33.33333333%;
}
.col-sm-3
{
width:25%;
}
.col-sm-2
{
width:16.66666667%;
}
.col-sm-1
{
width:8.33333333%;
}
.dn-sm
{
display:none;
}
.inner > .row
{
margin-right:0;
margin-left:0;
}
.forDesktop
{
display:none;
}
#leftColumn
{
padding-right:0;
}
[dir="rtl"] #leftColumn
{
padding-left:0;
}
#rightColumn
{
padding-left:0;
}
[dir="rtl"] #rightColumn
{
padding-right:0;
}
.text-title
{
line-height:25px;
font-size:15px;
}
.text-description
{
line-height:18px;
font-size:13px;
}
}
@media screen and (max-width: 540px)
{
.col-xs-auto
{
width:auto;
}
.col-xs-12
{
width:100%;
}
.col-xs-11
{
width:91.66666667%;
}
.col-xs-10
{
width:83.33333333%;
}
.col-xs-9
{
width:75%;
}
.col-xs-8
{
width:66.66666667%;
}
.col-xs-7
{
width:58.33333333%;
}
.col-xs-6
{
width:50%;
}
.col-xs-5
{
width:41.66666667%;
}
.col-xs-4
{
width:33.33333333%;
}
.col-xs-3
{
width:25%;
}
.col-xs-2
{
width:16.66666667%;
}
.col-xs-1
{
width:8.33333333%;
}
:not(.notClear) > .col-xs-6 + .col-xs-6:nth-of-type(2n+3),
:not(.notClear) > .col-xs-4 + .col-xs-4:nth-of-type(3n+4),
:not(.notClear) > .col-xs-3 + .col-xs-3:nth-of-type(4n+5),
:not(.notClear) > .col-xs-2 + .col-xs-2:nth-of-type(6n+7),
:not(.notClear) > .col-xs-1 + .col-xs-1:nth-of-type(12n+1)
{
clear:both;
}
.dn-xs
{
display:none;
}
#leftColumn > p,
#leftColumn > p *,
#mainColumn > p,
#mainColumn > p *,
#rightColumn > p,
#rightColumn > p *
{
float:left;
width:100%;
}
.text-title
{
line-height:20px;
font-size:14px;
}
.text-description
{
line-height:15px;
font-size:12px;
}
#alis-veris-listem .pageTitle
{
height: auto;
min-height: 60px;
}
#alis-veris-listem .pageTitle > .row
{
background-position: 10px 12px;
}
#alis-veris-listem table img
{
width: 40px;
max-width: none;
}
#membershipTabs .btn.active
{
position: relative;
}
#membershipTabs .btn:before
{
content: '';
background-color: #000;
width: 0;
height: 1px;
position: absolute;
top: 100%;
left: 0;
-webkit-transition: width .2s ease-in-out;
-moz-transition: width .2s ease-in-out;
transition: width .2s ease-in-out;
}
#membershipTabs .btn:not(:last-child):after
{
content: '';
width: 0;
border-right: 1px solid #ececec;
display: block;
position: absolute;
top: 10px;
bottom: 10px;
left: 100%;
margin-left: -.5px;
}
#membershipTabs .btn.active:before
{
width: 100%;
}
#membershipTabs .btn:hover,
#membershipTabs .btn.active
{
box-shadow: none !important;
}
#membershipTabContainer
{
border: 1px solid #e5e5e5;
box-sizing: border-box;
}
#membershipTabContainer > div
{
display: none;
}
}
@media screen and (max-width:580px)
{
.login-banner
{
margin-top: 20px;
}
.login-box
{
padding: 30px;
}
}
@media all and (max-width:421px)
{
.tsoft-push--in-notification
{
width: 100%;
left: 0;
margin: 0;
border-radius: 0;
border-left: 0;
border-right: 0;
border-top: 0
}
}
@media all and (max-width:360px)
{
.col-xxs-auto
{
width:auto;
}
.col-xxs-12
{
width:100%;
}
.col-xxs-11
{
width:91.66666667%;
}
.col-xxs-10
{
width:83.33333333%;
}
.col-xxs-9
{
width:75%;
}
.col-xxs-8
{
width:66.66666667%;
}
.col-xxs-7
{
width:58.33333333%;
}
.col-xxs-6
{
width:50%;
}
.col-xxs-5
{
width:41.66666667%;
}
.col-xxs-4
{
width:33.33333333%;
}
.col-xxs-3
{
width:25%;
}
.col-xxs-2
{
width:16.66666667%;
}
.col-xxs-1
{
width:8.33333333%;
}
:not(.notClear) > .col-xxs-6 + .col-xxs-6:nth-of-type(2n+3),
:not(.notClear) > .col-xxs-4 + .col-xxs-4:nth-of-type(3n+4),
:not(.notClear) > .col-xxs-3 + .col-xxs-3:nth-of-type(4n+5),
:not(.notClear) > .col-xxs-2 + .col-xxs-2:nth-of-type(6n+7),
:not(.notClear) > .col-xxs-1 + .col-xxs-1:nth-of-type(12n+1)
{
clear:both;
}
.dn-xxs
{
display:none;
}
}
.tsoft-push--in-notification
{
width: 422px;
padding: 0 20px 10px 20px;
border: 1px solid #bababa;
border-radius: 3px;
box-shadow: 0 4px 4px -2px #888;
background-color: #fbfbfb;
font-family:"DINPro", sans-serif;
position: fixed;
top: 0;
left: 50%;
margin-left: -211px;
z-index: 9999999999999;
}
.tsoft-push--in-notification-inner-container
{
margin: 0;
}
.tsoft-push--in-notification-logo
{
height: auto;
margin-right: 5px;
max-width: 150px;
float: left;
}
.tsoft-push--in-notification-logo img
{
width: 100%;
height:100%;
padding-top: 20px;
}
.tsoft-push--in-notification-image-container
{
float: left;
margin: 13px 15px 0 0
}
.tsoft-push--in-notification-image-container img
{
width: 65px;
height: 65px
}
.tsoft-push--in-notification-text-container
{
position: relative !important;
padding: 10px 0 0 0 !important;
color: #000 !important;
text-align: left !important;
margin: 0 !important;
line-height: 1.4em !important
}
.tsoft-push--in-notification-title
{
margin-bottom: 5px;
text-align: left;
font-size: 14px;
font-weight: 700;
line-height: 1.4em;
color: #000;
word-break: break-word;
overflow: hidden;
font-family:"DINPro", sans-serif;
}
.tsoft-push--in-notification-description
{
font-size: 12px;
line-height: 1.4em;
margin: 10px 0;
padding: 0;
text-align: left;
word-break: break-word;
overflow: hidden;
font-family:"DINPro", sans-serif;
}
.tsoft-push--in-notification-button-container
{
float: right !important
}
.tsoft-push--in-notification-button
{
width: 90px;
height: 18px;
line-height: 18px;
margin-left: 3px;
padding: 5px;
background: #f9f9f9;
border: 1px solid #bababa;
border-radius: 1px;
display: inline-block;
font-size: 14px;
text-align: center;
cursor: pointer;
box-sizing: content-box
}
.tsoft-push--in-allow-button
{
background: #00c33d;
color: #fff;
border-color: #059833
}
@media all and (max-width:421px)
{
.tsoft-push--in-notification
{
box-sizing: border-box;
width: 100%;
left: 0;
margin: 0;
border-radius: 0;
border-left: 0;
border-right: 0;
border-top: 0
}
.tsoft-push--in-notification-text-container
{
float:left;
}
}

@import url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/font/tsoft.css');
@font-face
{
font-family: 'DINPro';
src: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/DINPro/DINPro-Light.eot');
src:url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/DINPro/DINPro-Light.eot?#iefix') format('embedded-opentype'), url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/DINPro/DINPro-Light.woff') format('woff'), url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/DINPro/DINPro-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face
{
font-family: 'DINPro';
src: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/DINPro/DINPro.eot');
src:url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/DINPro/DINPro.eot?#iefix') format('embedded-opentype'), url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/DINPro/DINPro.woff') format('woff'), url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/DINPro/DINPro.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face
{
font-family: 'DINPro';
src: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/DINPro/DINPro-Medium.eot');
src:url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/DINPro/DINPro-Medium.eot?#iefix') format('embedded-opentype'), url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/DINPro/DINPro-Medium.woff') format('woff'), url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/DINPro/DINPro-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face
{
font-family: 'DINPro';
src: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/DINPro/DINPro-Bold.eot');
src:url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/DINPro/DINPro-Bold.eot?#iefix') format('embedded-opentype'), url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/DINPro/DINPro-Bold.woff') format('woff'), url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/DINPro/DINPro-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face
{
font-family: 'DINPro';
src: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/DINPro/DINPro-Black.eot');
src:url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/DINPro/DINPro-Black.eot?#iefix') format('embedded-opentype'), url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/DINPro/DINPro-Black.woff') format('woff'), url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/DINPro/DINPro-Black.ttf') format('truetype');
font-weight: 900;
font-style: normal;
}
html, body, div, span, applet, object, iframe, p,
a, abbr, acronym, address, big, cite,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, tt, var, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video
{
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
tbody, tfoot, thead, tr, th, td
{
margin: 0;
padding: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section
{
display: block;
}
html, body
{
float:left;
width:100%;
text-size-adjust:100%;
-webkit-text-size-adjust:100%;
}
body
{
font-family:"DINPro", sans-serif;
font-size:13px;
line-height: 1;
}
script
{
display:none;
}
:not(.withPlace)::-webkit-input-placeholder
{
color:transparent;
opacity:0;
}
:not(.withPlace)::-moz-placeholder
{
color:transparent;
opacity:0;
}
:not(.withPlace):-ms-input-placeholder
{
color:transparent;
opacity:0;
}
:not(.withPlace):-moz-placeholder
{
color:transparent;
opacity:0;
}
::-webkit-scrollbar
{
width:5px;
height:5px;
background:#E6E6E6;
border-radius:5px;
}
::-webkit-scrollbar-button
{
display:none;
}
::-webkit-scrollbar-thumb
{
background:#4d4d4d;
border-radius:5px;
}
.vertical-small-scroll::-webkit-scrollbar
{
height: 3px;
}
ol, ul
{
list-style-type: none;
}
img
{
max-width:100%;
height:auto;
}
.ie img
{
max-width:none;
height:auto;
}
blockquote, q
{
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after
{
content: '';
content: none;
}
.row::before, .row::after
{
content: '';
display:table;
}
.row::after
{
clear:both;
}
table
{
border-collapse: collapse;
border-spacing: 0;
}
input, select, textarea, button
{
outline:none;
font-family:"DINPro", sans-serif;
}
input:focus, select:focus, textarea:focus
{
box-shadow:inset 0 0 4px rgba(0,0,0,.3);
}
p
{
padding-bottom:10px;
font-family:"DINPro", sans-serif;
line-height:1.3;
}
a
{
text-decoration:none;
color:inherit;
cursor:pointer;
}
.fix-line-height
{
line-height:1.5;
}
h1, h2, h3, h4, h5, h6
{
display:block;
font-family:"DINPro", sans-serif;
}
.with-border,
h1.with-border,
h2.with-border,
h3.with-border,
h4.with-border,
h5.with-border,
h6.with-border
{
position:relative;
padding-bottom:3px;
}
.with-border:before,
h1.with-border:before,
h2.with-border:before,
h3.with-border:before,
h4.with-border:before,
h5.with-border:before,
h6.with-border:before,
.with-border:after,
h1.with-border:after,
h2.with-border:after,
h3.with-border:after,
h4.with-border:after,
h5.with-border:after,
h6.with-border:after
{
content:'';
position:absolute;
left:0;
height:1px;
}
[dir="rtl"] .with-border:before,
[dir="rtl"] h1.with-border:before,
[dir="rtl"] h2.with-border:before,
[dir="rtl"] h3.with-border:before,
[dir="rtl"] h4.with-border:before,
[dir="rtl"] h5.with-border:before,
[dir="rtl"] h6.with-border:before,
[dir="rtl"] .with-border:after,
[dir="rtl"] h1.with-border:after,
[dir="rtl"] h2.with-border:after,
[dir="rtl"] h3.with-border:after,
[dir="rtl"] h4.with-border:after,
[dir="rtl"] h5.with-border:after,
[dir="rtl"] h6.with-border:after
{
left:auto;
right:0;
}
.with-border:before,
h1.with-border:before,
h2.with-border:before,
h3.with-border:before,
h4.with-border:before,
h5.with-border:before,
h6.with-border:before
{
bottom:2px;
}
.with-border:after,
h1.with-border:after,
h2.with-border:after,
h3.with-border:after,
h4.with-border:after,
h5.with-border:after,
h6.with-border:after
{
bottom:0;
}
.border-limited:before,
.border-limited:after
{
width:165px;
}
.border-unlimited:before,
.border-unlimited:after
{
width:100%;
}
.border-custom-pink:before,
.border-custom-pink:after
{
background:#8f6f44;
}
.border-custom-dark-gray:before,
.border-custom-dark-gray:after
{
background:#5e5e5e;
}
.border-custom-gray:before,
.border-custom-gray:after
{
background:#5e5e5e;
}
.border-custom-light-gray:before,
.border-custom-light-gray:after
{
background:#e5e5e5;
}
.text-center .border-limited:before,
.text-center .border-limited:after,
.text-center.border-limited:before,
.text-center.border-limited:after,
.border-centered.border-limited:before,
.border-centered.border-limited:after
{
left:calc(50% - 82.5px);
}
::selection
{
background:#000;
color:#fff;
}
.pos-f,
.btn.pos-f,
.col.pos-f,
.box.pos-f
{
position:fixed;
}
.pos-s,
.btn.pos-s,
.col.pos-s,
.box.pos-s
{
position:static;
}
.pos-a,
.btn.pos-a,
.col.pos-a,
.box.pos-a
{
position:absolute;
}
.pos-r,
.btn.pos-r,
.col.pos-r,
.box.pos-r
{
position:relative;
}
.pos-top,
.btn.pos-top,
.col.pos-top,
.box.pos-top
{
top:0;
}
.pos-right,
.btn.pos-right,
.col.pos-right,
.box.pos-right
{
right:0;
}
.pos-bottom,
.btn.pos-bottom,
.col.pos-bottom,
.box.pos-bottom
{
bottom:0;
}
.pos-left,
.btn.pos-left,
.col.pos-left,
.box.pos-left
{
left:0;
}
.d-none,
.btn.d-none,
.col.d-none,
.box.d-none
{
display:none;
}
.d-block,
.btn.d-block,
.col.d-block,
.box.d-block
{
display:block;
}
.d-inline,
.btn.d-inline,
.col.d-inline,
.box.d-inline
{
display:inline;
}
.d-inline-block,
.btn.d-inline-block,
.col.d-inline-block,
.box.d-inline-block
{
display:inline-block;
}
.d-flex,
.btn.d-flex,
.col.d-flex,
.box.d-flex
{
display:flex;
align-items:center;
}
.d-flex.justify-content-center
{
justify-content: center;
}
.d-flex.space-between
{
justify-content: space-between;
}
.fl,
.btn.fl
{
float:left;
}
[dir="rtl"] .fl,
[dir="rtl"] .btn.fl
{
float:right;
}
.fr,
.btn.fr,
.col.fr,
.box.fr
{
float:right;
}
[dir="rtl"] .fr,
[dir="rtl"] .btn.fr,
[dir="rtl"] .col.fr,
[dir="rtl"] .box.fr
{
float:left;
}
.fn,
.btn.fn,
.col.fn,
.box.fn
{
float:none;
}
.text-title
{
line-height:17px;
font-size:13px;
color:#393939;
}
.text-description,
.pWrapper .pWin.debugActive .pText
{
line-height:15px;
font-size:12px;
color: #5c524b;
}
.text-link
{
line-height:14px;
font-size:11px;
color:#7c7c7c;
}
.text-upper
{
text-transform:uppercase;
}
.text-lower
{
text-transform:lowercase;
}
.text-cpt
{
text-transform:capitalize;
}
.text-over
{
text-decoration:overline;
}
.text-line
{
text-decoration:line-through;
}
.text-under
{
text-decoration:underline;
font-style:
}
.text-italic
{
font-style:italic;
}
.text-oblique
{
font-style:oblique;
}
.text-left
{
text-align:left;
}
.text-right
{
text-align:right;
}
.text-center
{
text-align:center;
}
.text-justify
{
text-align:justify;
}
.text-light
{
font-weight:300;
}
.text-regular
{
font-weight:400;
}
.text-medium
{
font-weight:500;
}
.text-semibold
{
font-weight:600;
}
.text-bold
{
font-weight:700;
}
.text-default
{
color:#7e848c;
}
.text-info
{
color:#5bc0de;
}
.text-primary
{
color:#337ab7;
}
.text-success
{
color:#5cb85c;
}
.text-warning
{
color:#e5591b;
}
.text-danger
{
color:#f33939;
}
.text-custom-gray,
.active .text-custom-pink,
.text-custom-pink.active,
.text-custom-pink.like-btn:hover
{
color:#5e5e5e;
}
.text-custom-light-gray,
.active .text-custom-dark-gray,
.text-custom-dark-gray.active,
.text-custom-dark-gray.like-btn:hover
{
color:#e5e5e5;
}
.text-custom-dark-gray,
.active .text-custom-light-gray,
.text-custom-light-gray.active,
.text-custom-light-gray.like-btn:hover
{
color:#7c7c7c;
}
.text-custom-pink,
.active .text-custom-gray,
.text-custom-gray.active,
.text-custom-gray.like-btn:hover
{
color:#e35252;
}
.ease, .btn, .form-control, input, select, textarea, button
{
-webkit-transition-timing-function:cubic-bezier(0.200, 0.020, 0.200, 1.000);
-moz-transition-timing-function:cubic-bezier(0.200, 0.020, 0.200, 1.000);
-ms-transition-timing-function:cubic-bezier(0.200, 0.020, 0.200, 1.000);
-o-transition-timing-function:cubic-bezier(0.200, 0.020, 0.200, 1.000);
transition-timing-function:cubic-bezier(0.200, 0.020, 0.200, 1.000);
-webkit-transition-duration:.5s;
-moz-transition-duration:.5s;
-ms-transition-duration:.5s;
-o-transition-duration:.5s;
transition-duration:.5s;
}
.row
{
margin-left:-10px;
margin-right:-10px;
clear:both;
display:block;
}
.row.double,
.col.double > .row,
.box.double > .row
{
margin-left:-20px;
margin-right:-20px;
}
.row.triple,
.col.triple > .row,
.box.triple > .row
{
margin-left:-30px;
margin-right:-30px;
}
.box.box-border > .row,
.col.box-border > .row
{
margin-left:-9px;
margin-right:-9px;
}
.box.double.box-border > .row,
.col.double.box-border > .row
{
margin-left:-19px;
margin-right:-19px;
}
.box.triple.box-border > .row,
.col.triple.box-border > .row
{
margin-left:-29px;
margin-right:-29px;
}
*.pt,
.fr.pt,
.fl.pt,
.col.pt,
[dir="rtl"] *.pt,
[dir="rtl"] .fr.pt,
[dir="rtl"] .fl.pt,
[dir="rtl"] .col.pt
{
padding-top:10px;
}
*.pt.double,
.fr.double.pt,
.fl.double.pt,
.col.double.pt,
[dir="rtl"] *.double.pt,
[dir="rtl"] .fr.double.pt,
[dir="rtl"] .fl.double.pt,
[dir="rtl"] .col.double.pt
{
padding-top:20px;
}
*.pt.triple,
.fr.triple.pt,
.fl.triple.pt,
.col.triple.pt,
[dir="rtl"] *.triple.pt,
[dir="rtl"] .fr.triple.pt,
[dir="rtl"] .fl.triple.pt,
[dir="rtl"] .col.triple.pt
{
padding-top:30px;
}
*.pr,
.fr.pr,
.fl.pr,
[dir="rtl"] *.pr,
[dir="rtl"] .fr.pr,
[dir="rtl"] .fl.pr
{
padding-right:10px;
}
*.double.pr,
.fr.double.pr,
.fl.double.pr,
[dir="rtl"] *.double.pr,
[dir="rtl"] .fr.double.pr,
[dir="rtl"] .fl.double.pr
{
padding-right:20px;
}
*.triple.pr,
.fr.triple.pr,
.fl.triple.pr,
[dir="rtl"] *.triple.pr,
[dir="rtl"] .fr.triple.pr,
[dir="rtl"] .fl.triple.pr
{
padding-right:30px;
}
*.pb,
.fr.pb,
.fl.pb,
.col.pb,
[dir="rtl"] *.pb,
[dir="rtl"] .fr.pb,
[dir="rtl"] .fl.pb,
[dir="rtl"] .col.pb
{
padding-bottom:10px;
}
*.double.pb,
.fr.double.pb,
.fl.double.pb,
.col.double.pb,
[dir="rtl"] *.double.pb,
[dir="rtl"] .fr.double.pb,
[dir="rtl"] .fl.double.pb,
[dir="rtl"] .col.double.pb
{
padding-bottom:20px;
}
*.triple.pb,
.fr.triple.pb,
.fl.triple.pb,
.col.triple.pb,
[dir="rtl"] *.triple.pb,
[dir="rtl"] .fr.triple.pb,
[dir="rtl"] .fl.triple.pb,
[dir="rtl"] .col.triple.pb
{
padding-bottom:30px;
}
*.pl,
.fr.pl,
.fl.pl,
[dir="rtl"] *.pl,
[dir="rtl"] .fr.pl,
[dir="rtl"] .fl.pl
{
padding-left:10px;
}
*.double.pl,
.fr.double.pl,
.fl.double.pl,
[dir="rtl"] *.double.pl,
[dir="rtl"] .fr.double.pl,
[dir="rtl"] .fl.double.pl
{
padding-left:10px;
}
*.triple.pl,
.fr.triple.pl,
.fl.triple.pl,
[dir="rtl"] *.triple.pl,
[dir="rtl"] .fr.triple.pl,
[dir="rtl"] .fl.triple.pl
{
padding-left:30px;
}
*.mt,
.fr.mt,
.fl.mt,
.col.mt,
.box.mt,
[dir="rtl"] *.mt,
[dir="rtl"] .fr.mt,
[dir="rtl"] .fl.mt,
[dir="rtl"] .col.mt,
[dir="rtl"] .box.mt
{
margin-top: 20px;
}
*.double.mt,
.fr.double.mt,
.fl.double.mt,
.col.double.mt,
.box.double.mt,
[dir="rtl"] *.double.mt,
[dir="rtl"] .fr.double.mt,
[dir="rtl"] .fl.double.mt,
[dir="rtl"] .col.double.mt,
[dir="rtl"] .box.double.mt
{
margin-top:20px;
}
*.triple.mt,
.fr.triple.mt,
.fl.triple.mt,
.col.triple.mt,
.box.triple.mt,
[dir="rtl"] *.triple.mt,
[dir="rtl"] .fr.triple.mt,
[dir="rtl"] .fl.triple.mt,
[dir="rtl"] .col.triple.mt,
[dir="rtl"] .box.triple.mt
{
margin-top:10px;
}
*.mr,
.fr.mr,
.fl.mr,
.col.mr,
.box.mr,
[dir="rtl"] *.mr,
[dir="rtl"] .fr.mr,
[dir="rtl"] .fl.mr,
[dir="rtl"] .col.mr,
[dir="rtl"] .box.mr
{
margin-right:10px;
}
*.double.mr,
.fr.double.mr,
.fl.double.mr,
.col.double.mr,
.box.double.mr,
[dir="rtl"] *.double.mr,
[dir="rtl"] .fr.double.mr,
[dir="rtl"] .fl.double.mr,
[dir="rtl"] .col.double.mr,
[dir="rtl"] .box.double.mr
{
margin-right:20px;
}
*.triple.mr,
.fr.triple.mr,
.fl.triple.mr,
.col.triple.mr,
.box.triple.mr,
[dir="rtl"] *.triple.mr,
[dir="rtl"] .fr.triple.mr,
[dir="rtl"] .fl.triple.mr,
[dir="rtl"] .col.triple.mr,
[dir="rtl"] .box.triple.mr
{
margin-right:30px;
}
*.mb,
.fr.mb,
.fl.mb,
.col.mb,
.box.mb,
[dir="rtl"] *.mb,
[dir="rtl"] .fr.mb,
[dir="rtl"] .fl.mb,
[dir="rtl"] .col.mb,
[dir="rtl"] .box.mb
{
margin-bottom: 20px;
}
*.double.mb,
.fr.double.mb,
.fl.double.mb,
.col.double.mb,
.box.double.mb,
[dir="rtl"] *.double.mb,
[dir="rtl"] .fr.double.mb,
[dir="rtl"] .fl.double.mb,
[dir="rtl"] .col.double.mb,
[dir="rtl"] .box.double.mb
{
margin-bottom:20px;
}
*.triple.mb,
.fr.triple.mb,
.fl.triple.mb,
.col.triple.mb,
.box.triple.mb,
[dir="rtl"] *.triple.mb,
[dir="rtl"] .fr.triple.mb,
[dir="rtl"] .fl.triple.mb,
[dir="rtl"] .col.triple.mb,
[dir="rtl"] .box.triple.mb
{
margin-bottom:30px;
}
*.ml,
.fr.ml,
.fl.ml,
.col.ml,
.box.ml,
[dir="rtl"] *.ml,
[dir="rtl"] .fr.ml,
[dir="rtl"] .fl.ml,
[dir="rtl"] .col.ml,
[dir="rtl"] .box.ml
{
margin-left:10px;
}
*.double.ml,
.fr.double.ml,
.fl.double.ml,
.col.double.ml,
.box.double.ml,
[dir="rtl"] *.double.ml,
[dir="rtl"] .fr.double.ml,
[dir="rtl"] .fl.double.ml,
[dir="rtl"] .col.double.ml,
[dir="rtl"] .box.double.ml
{
margin-left:20px;
}
*.triple.ml,
.fr.triple.ml,
.fl.triple.ml,
.col.triple.ml,
.box.triple.ml,
[dir="rtl"] *.triple.ml,
[dir="rtl"] .fr.triple.ml,
[dir="rtl"] .fl.triple.ml,
[dir="rtl"] .col.triple.ml,
[dir="rtl"] .box.triple.ml
{
margin-left:30px;
}
.box,
.col
{
float:left;
padding-left:10px;
padding-right:10px;
box-sizing:border-box;
}
.box.double,
.col.double
{
padding-left:20px;
padding-right:20px;
}
.box.triple,
.col.triple
{
padding-left:30px;
padding-right:30px;
}
[dir="rtl"] .box,
[dir="rtl"] .col
{
float:right;
}
.box
{
padding-top:10px;
padding-bottom:10px;
}
.box.double
{
padding-top:20px;
padding-bottom:20px;
}
.box.triple
{
padding-top:30px;
padding-bottom:30px;
}
tr.box,
th.box,
td.box,
tr.col,
th.col,
td.col
{
float:none;
}
.box.box-border,
.col.box-border
{
padding-left:9px;
padding-right:9px;
}
.box.double.box-border,
.col.double.box-border
{
padding-left:19px;
padding-right:19px;
}
.box.triple.box-border,
.col.triple.box-border
{
padding-left:29px;
padding-right:29px;
}
.box.box-border
{
padding-top:9px;
padding-bottom:9px;
}
.box.double.box-border
{
padding-top:19px;
padding-bottom:19px;
}
.box.triple.box-border
{
padding-top:29px;
padding-bottom:29px;
}
.box-border,
.col.box-border,
.box.box-border,
.btn.box-border,
[dir="rtl"] .box-border,
[dir="rtl"] .col.box-border,
[dir="rtl"] .box.box-border,
[dir="rtl"] .btn.box-border
{
border:1px solid #e5e5e5;
}
*.b-none,
.b-none,
.col.b-none,
.box.b-none,
[dir="rtl"] .b-none,
[dir="rtl"] .col.b-none,
[dir="rtl"] .box.b-none
{
border:0;
}
.b-top,
.col.b-top,
.box.b-top,
[dir="rtl"] .b-top,
[dir="rtl"] .col.b-top,
[dir="rtl"] .box.b-top
{
border-top:0;
}
.b-right,
.col.b-right,
.box.b-right
{
border-right:0;
}
[dir="rtl"] .b-right,
[dir="rtl"] .col.b-right,
[dir="rtl"] .box.b-right
{
border-left:0;
}
.b-bottom,
.col.b-bottom,
.box.b-bottom,
[dir="rtl"] .b-bottom,
[dir="rtl"] .col.b-bottom,
[dir="rtl"] .box.b-bottom
{
border-bottom:0;
}
.b-left,
.col.b-left,
.box.b-left
{
border-left:0;
}
[dir="rtl"] .b-left,
[dir="rtl"] .col.b-left,
[dir="rtl"] .box.b-left
{
border-right:0;
}
.line-top,
.col.line-top,
.box.line-top,
.btn.line-top
{
border-top:1px solid #e5e5e5;
}
.line-right,
.col.line-right,
.box.line-right,
.btn.line-right
{
border-right:1px solid #e5e5e5;
}
[dir="rtl"] .line-right,
[dir="rtl"] .col.line-right,
[dir="rtl"] .box.line-right,
[dir="rtl"] .btn.line-right
{
border-right:0;
border-left:1px solid #e5e5e5;
}
.line-bottom,
.col.line-bottom,
.box.line-bottom,
.btn.line-bottom
{
border-bottom:1px solid #e5e5e5;
}
.line-left,
.col.line-left,
.box.line-left,
.btn.line-left
{
border-left:1px solid #e5e5e5;
}
[dir="rtl"] .line-left,
[dir="rtl"] .col.line-left,
[dir="rtl"] .box.line-left,
[dir="rtl"] .btn.line-left
{
border-right:1px solid #e5e5e5;
border-left:0;
}
.line-light,
.col.box-border.line-light,
.box.box-border.line-light,
.btn.box-border.line-light,
.col.line-top.line-light,
.box.line-top.line-light,
.btn.line-top.line-light,
.col.line-right.line-light,
.box.line-right.line-light,
.btn.line-right.line-light,
.col.line-bottom.line-light,
.box.line-bottom.line-light,
.btn.line-bottom.line-light,
.col.line-left.line-light,
.box.line-left.line-light,
.btn.line-left.line-light
{
border-color:#f0f0f0;
}
.line-gray,
.col.box-border.line-gray,
.box.box-border.line-gray,
.btn.box-border.line-gray,
.col.line-top.line-gray,
.box.line-top.line-gray,
.btn.line-top.line-gray,
.col.line-right.line-gray,
.box.line-right.line-gray,
.btn.line-right.line-gray,
.col.line-bottom.line-gray,
.box.line-bottom.line-gray,
.btn.line-bottom.line-gray,
.col.line-left.line-gray,
.box.line-left.line-gray,
.btn.line-left.line-gray
{
border-color:#5e5e5e;
}
.line-dark,
.col.box-border.line-dark,
.box.box-border.line-dark,
.btn.box-border.line-dark,
.col.line-top.line-dark,
.box.line-top.line-dark,
.btn.line-top.line-dark,
.col.line-right.line-dark,
.box.line-right.line-dark,
.btn.line-right.line-dark,
.col.line-bottom.line-dark,
.box.line-bottom.line-dark,
.btn.line-bottom.line-dark,
.col.line-left.line-dark,
.box.line-left.line-dark,
.btn.line-left.line-dark
{
border-color:#7c7c7c;
}
.line-pink,
.col.box-border.line-pink,
.box.box-border.line-pink,
.btn.box-border.line-pink,
.col.line-top.line-pink,
.box.line-top.line-pink,
.btn.line-top.line-pink,
.col.line-right.line-pink,
.box.line-right.line-pink,
.btn.line-right.line-pink,
.col.line-bottom.line-pink,
.box.line-bottom.line-pink,
.btn.line-bottom.line-pink,
.col.line-left.line-pink,
.box.line-left.line-pink,
.btn.line-left.line-pink
{
border-color:#e35252;
}
.line-through
{
text-decoration:line-through;
}
.line-under
{
text-decoration:underline;
}
.drop-down.hover:hover .drop-down-title
{
color:#e35252;
}
.drop-down.hover .drop-down-title + *
{
min-width:100%;
min-height:100%;
z-index:999;
opacity:0;
visibility:hidden;
transition:visibility 0s .2s, opacity .2s linear;
}
.drop-down.hover .drop-down-title + * :hover > a:not(.btn),
.drop-down.hover .drop-down-title + * a:not(.btn):hover
{
color:#e35252;
}
.drop-down.hover .drop-down-title + .top
{
top:calc(100% - 10px);
transition:opacity .2s linear, top .2s linear;
}
.drop-down.hover:hover .drop-down-title + .top
{
top:100%;
}
.drop-down.hover .drop-down-title + .top.fixed
{
top:-10px;
}
.drop-down.hover:hover .drop-down-title + .top.fixed
{
top:0;
}
.drop-down.hover .drop-down-title + .bottom
{
bottom:calc(100% - 10px);
transition:opacity .2s linear, bottom .2s linear;
}
.drop-down.hover:hover .drop-down-title + .bottom
{
bottom:100%;
}
.drop-down.hover .drop-down-title + .bottom.fixed
{
bottom:-10px;
}
.drop-down.hover:hover .drop-down-title + .bottom.fixed
{
bottom:0;
}
.drop-down.hover:hover .drop-down-title + *
{
visibility:visible;
opacity:1;
}
.drop-down-item,
.drop-down-item *
{
line-height:35px;
white-space:nowrap;
}
.drop-down-item
{
padding-right:15px;
padding-left:15px;
box-sizing:border-box;
}
.overlay-wrap > *
{
}
.overlay
{
background:rgba(0,0,0,.75);
z-index:-1;
}
.overlay,
.overlay-wrap:hover > * + .overlay:hover
{
opacity:0;
visibility:hidden;
transition:opacity .2s linear, visibility .2s linear;
}
.overlay-wrap:hover > * + .overlay
{
opacity:1;
visibility:visible;
transition:opacity .2s linear, visibility .2s linear;
}
.col-12
{
width:100%;
}
.col-11
{
width:91.66666667%;
}
.col-10
{
width:83.33333333%;
}
.col-9
{
width:75%;
}
.col-8
{
width:66.66666667%;
}
.col-7
{
width:58.33333333%;
}
.col-6
{
width:50%;
}
.col-5
{
width:41.66666667%;
}
.col-4
{
width:33.33333333%;
}
.col-3
{
width:25%;
}
.col-2
{
width:16.66666667%;
}
.col-1
{
width:8.33333333%;
}
.m-none,
.box.m-none,
.col.m-none,
.btn.m-none
{
margin:0;
}
.m-top,
.box.m-top,
.col.m-top,
.btn.m-top
{
margin-top:0;
}
.m-left,
.box.m-left,
.col.m-left,
.btn.m-left
{
margin-left:0;
}
.m-bottom,
.box.m-bottom,
.col.m-bottom,
.btn.m-bottom
{
margin-bottom:0;
}
.m-right,
.box.m-right,
.col.m-right,
.btn.m-right
{
margin-right:0;
}
.p-none,
.box.p-none,
.col.p-none,
.btn.p-none
{
padding:0;
}
.p-top,
.box.p-top,
.col.p-top,
.btn.p-top
{
padding-top:0;
}
.p-left,
.box.p-left,
.col.p-left,
.btn.p-left
{
padding-left:0;
}
[dir="rtl"] .box.p-left,
[dir="rtl"] .col.p-left,
[dir="rtl"] .btn.p-left
{
padding-left:10px;
padding-right: 0 !important;
}
.p-bottom,
.box.p-bottom,
.col.p-bottom,
.btn.p-bottom
{
padding-bottom:0;
}
[dir="rtl"] .box.p-right,
[dir="rtl"] .col.p-right,
[dir="rtl"] .btn.p-right
{
padding-right: 10px;
padding-left: 0 !important;
}
#notFound
{
line-height:25px;
font-size:15px;
}
#notFound:before
{
content:'';
float:left;
width:100%;
height:127px;
background:url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/404.png') no-repeat center center;
}
#notFound .text-title
{
line-height:30px;
font-size:18px;
}
.item-center
{
margin-right:auto;
margin-left:auto;
}
.tooltipWrapper
{
position:relative;
}
.tooltip
{
display:none;
position:absolute;
bottom:100%;
left:0;
right:0;
line-height:20px;
padding-left:10px;
padding-top:5px;
padding-right:10px;
padding-bottom:5px;
background:#fff;
box-sizing:border-box;
margin-bottom:5px;
z-index: 99;
}
.tooltip.default
{
border:1px solid #ececec;
}
#notify
{
position:fixed;
}
#notify.top, #notify.bottom
{
width:100%;
}
#notify.right, #notify.left
{
width:320px;
}
#notify.top
{
top:0;
bottom: auto;
}
#notify.right
{
right:0;
left: auto;
}
#notify.bottom
{
bottom:0;
top: auto;
}
#notify.left
{
left:0;
right: auto;
}
.notify
{
width:calc(100% - 10px);
display: none;
}
#notify.right .notify, #notify.left .notify
{
clear: both;
}
#notify.top .notify
{
margin-top: 10px;
}
#notify.right .notify
{
margin-right: 10px;
}
#notify.bottom .notify
{
margin-bottom: 10px;
}
#notify.left .notify
{
margin-left: 10px;
}
.notifyClose
{
float:right;
width: 13px;
height: 13px;
background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/notifyClose.png') no-repeat;
cursor: pointer;
}
.comment-star-wrapper
{
height:100%;
}
.stars
{
overflow:hidden;
}
.progress
{
height:4px;
padding:0;
position:relative;
background:#dadada;
}
.progress-bar
{
position:absolute;
left:0;
top:0;
height:100%;
line-height:1.5;
color:#fff;
background:#e35252;
}
[dir=rtl] .progress-bar
{
right:0;
left:auto;
}
.accordeon
{
cursor:pointer;
background-image:url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/accordeon.png');
background-repeat:no-repeat;
background-position:right center;
}
[dir=rtl] .accordeon
{
background-position:10px center;
}
.accordeon.active
{
background-image:url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/accordeonActive.png');
}
.hide
{
display:none;
}
#mainWrapper
{
width:100%;
position:relative;
}
#skeletonWrap
{
width:100%;
}
[dir="rtl"] #rightColumn
{
padding-right:10px;
padding-left:0;
}
[dir="rtl"] #leftColumn
{
padding-right:0;
padding-left:10px;
}
#mainColumn
{
max-width:100%;
}
.loaderWrapper
{
position:relative;
}
.loading
{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
background:rgba(255,255,255,.7) url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/loading.gif') no-repeat center center;
z-index:333;
display:none;
}
#backToTop
{
display:none;
position:fixed;
bottom:50px;
right:50%;
width:50px;
height:50px;
color:#5e5e5e;
margin-right:-680px;
cursor:pointer;
z-index:333;
}
#backToTop i
{
width:50px;
height:50px;
color:#5e5e5e;
}
#backToTop i:before
{
margin-right:auto;
margin-left:auto;
}
[dir="rtl"] #backToTop
{
right:auto;
left:50%;
margin-right:0;
margin-left:-680px;
}
#dbDebug, #smartyDebug
{
border:3px solid #666;
margin-top:30px;
margin-bottom:30px;
font-size:14px;
}
#dbDebug
{
margin-left:auto;
margin-right:auto;
width:500px;
}
#smartyDebug
{
margin-left:5px;
margin-right:5px;
width:400px;
}
.MobileRedirectMessage
{
position:fixed;
top:0px;
left:0px;
width:100%;
height:52px;
line-height:52px;
font-size:30px;
color:#fff;
text-align:center;
background: #000;
border-radius:6px;
box-shadow: 0px 0px 9px #000;
z-index:99999;
}
.slider-background
{
background: url('https://www.gramaltin.1ticaret.com/Data/EditorFiles/gramaltin/sliderBG.jpg') no-repeat center;
background-size: cover;
padding: 50px 10px;
box-sizing: border-box;
margin-bottom: 30px;
}
.owl-slider-thumb
{
margin-top: 20px;
}
.owl-slider-thumb .owl-thumb-item > div
{
border-radius: 7px;
background-color: #ffffff;
overflow: hidden;
border: 2px solid transparent;
box-sizing: border-box;
}
.slider-background .item
{
border-radius: 6px;
overflow: hidden;
width: 100%;
float: left;
}
.owl-slider-thumb .owl-thumb-item.active > div
{
border-color: #8f6f44;
}
.slider-background .owl-nav
{
width: calc(100% + 160px) !important;
left: -80px !important;
top: auto !important;
bottom: -24px !important;
}
.slider-background .owl-nav div, .slider-background-vitrin .owl-nav div
{
width: 62px !important;
height: 42px !important;
border: 0 !important;
font-size: 0 !important;
}
.slider-background .owl-nav .owl-prev
{
background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/slider-prev.svg') no-repeat center #ddd !important;
border-radius: 22px !important;
}
.slider-background-vitrin .owl-nav .owl-prev
{
background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/vitrinslide-left.svg') no-repeat center !important;
}
.slider-background .owl-nav .owl-next
{
background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/slider-next.svg') no-repeat center #ddd !important;
border-radius: 22px !important;
}
.slider-background-vitrin .owl-nav .owl-next
{
background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/vitrinslide-right.svg') no-repeat center !important;
}
.site-info
{
display: flex;
align-items: center;
justify-content: center;
padding: 25px 10px;
box-sizing: border-box;
}
.site-info img
{
margin-right: 10px;
}
.site-info span
{
font-size: 16px;
color: #5c524b;
}
.site-info p
{
font-size: 16px;
color: #5c524b;
padding: 0;
font-weight: bold;
}
.about-blok
{
background-color: #f4f3ef;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
}
.about-paragraf h3
{
margin: 0;
margin-bottom: 20px;
font-size: 24px;
font-weight: bold;
line-height: 30px;
color: #5c524b;
}
.about-paragraf h3 span
{
color: #c18735;
}
.about-paragraf p
{
font-size: 14px;
font-weight: 500;
color: #5c524b;
padding: 0;
}
.about-paragraf
{
padding-left: 30px;
box-sizing: border-box;
padding-right: 10px;
}
.about-img
{
text-align: center;
font-size: 0;
}
aside#leftColumn
{
padding: 0 10px;
}
aside#leftColumn + div#mainColumn
{
padding: 0 10px;
box-sizing: border-box;
}
.leftFilter
{
border-radius: 3px;
border: solid 1px #ededed;
padding: 20px;
box-sizing: border-box;
margin-bottom: 20px;
}
div#filterWrapper .filter-title
{
padding: 0;
font-size: 18px;
font-weight: 500;
line-height: 22px;
text-transform: uppercase;
color: #151515;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: solid 1px #ededed;
padding-top: 20px;
border-top: solid 1px #ededed;
}
ul#filterCats ul li a
{
font-size: 16px;
color: #5c514b;
line-height: 2.25;
display: flex;
align-items: center;
}
ul#filterCats ul li a:before
{
content: '';width: 16px;height: 16px;margin-right: 10px;background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/check.svg') no-repeat center;
}
ul#filterCats ul li a.currentCat:before
{
background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/checked.svg') no-repeat center;
}
ul#filterCats .filter-title
{
padding-top: 0;
border-top: 0;
}
.priceWrap span
{
height: 40px;
border-radius: 4px;
border: solid 1px #ededed;
background-image: linear-gradient(to bottom, #fafafa, #f2f2f2);
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
color: #5c514b;
}
.slider-background-vitrin
{
margin-bottom: 20px;
}
div#sort span
{
cursor: pointer;
width: 170px;
height: 37px;
background-color: #e4e5e6;
float: left;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
font-weight: 500;
color: #181818;
border-right: 1px solid #fff;
}
div#sort span:last-child
{
border: 0;
}
div#sort span.selected
{
background-color: #918d8d;
color: #fff;
}
.ArayuzBlok
{
border-radius: 3px;
border: solid 1px #efe7e0;
background: #fff;
}
.ArayuzBlok .Ust
{
border-bottom: 1px solid #efe7e0;
font-size: 15px;
font-weight: 500;
color: #131313;
padding: 20px;
box-sizing: border-box;
text-transform: uppercase;
position: relative;
display: flex;
align-items: center;
}
.slide-blog-arrow
{
position: absolute;
right: 10px;
top: 15px;
}
.slide-blog-arrow > div
{
width: 25px;
height: 25px;
float: left;
margin-right: 10px;
box-shadow: 0 1px 3px 0 rgba(215, 213, 213, 0.5);
border-radius: 50%;
cursor: pointer;
}
div#slider1next, div#slider2next
{
background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/blog-prev.svg') no-repeat center;
}
div#slider1prev, div#slider2prev
{
background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/blog-next.svg') no-repeat center;
}
div#HaberlerSlayt li
{
height: auto !important;
}
.blogSonEklenenler .text-description b
{
font-weight: 500;
color: #8f6f44;
}
.blogSonEklenenler .text-description, .sonYorumlar .text-description
{
color: #333333;
font-size: 12px;
}
.blogSonEklenenler .blog-title
{
font-size: 15px;
font-weight: bold;
line-height: 1.2;
color: #8f6f44;
}
.sonYorumlar ul li
{
height: auto !important;
}
.yorum-click, .all-yorum
{
line-height: 1.38;
color: #333333;
font-size: 13px;
padding: 15px 10px;
box-sizing: border-box;
cursor: pointer;
font-weight: bold;
text-align: center;
}
.yorum-add
{
border-top: solid 1px #efe7e0;
margin-top: 10px;
}
.yorum-click
{
border-right: solid 1px #efe7e0;
}
.yorum-add-pop
{
border-top: solid 1px #efe7e0;
padding: 10px;
box-sizing: border-box;
}
.yorum-add-pop textarea
{
height: auto !important;
min-height: 100px;
border: 1px solid #ddd !important;
}
div#yorum-ekle-tasiyici .saveComment
{
background: #8f6f44;
color: #fff;
width: 100%;
text-align: center;
margin-top: 10px;
padding: 5px 0;
text-transform: uppercase;
font-weight: bold;
}
.gridClick
{
height: 27px;
float: left;
cursor: pointer;
}
.gridCol4
{
width: 35px;
background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/grid4.svg') no-repeat center;
}
.gridCol3
{
width: 18px;
background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/grid3.svg') no-repeat center;
}
.gridCol3.active
{
background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/grid3active.svg') no-repeat center;
}
.gridCol4.active
{
background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/grid4active.svg') no-repeat center;
}
span.gridLine
{
height: 27px;
width: 1px;
margin: 0 10px;
float: left;
background-color: #e6e7e8;
}
.productPager a.prev
{
font-size: 0;
width: 48px;
height: 38px;
background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/page-prev.svg') no-repeat center;
}
.productPager a.next
{
font-size: 0;
width: 48px;
height: 38px;
background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/page-next.svg') no-repeat center;
}
.yorum-title
{
font-size: 15px;
font-weight: bold;
line-height: 1.2;
color: #8f6f44;
margin-top: 10px;
}
.sonYorumlar:before
{
content:'';width: 25px;height: 20px;position: absolute;left: 5px;top: 10px;background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/leftden.svg') no-repeat center;
}
.sonYorumlar:after
{
content: '';width: 25px;height: 20px;position: absolute;right: 5px;bottom: 10px;background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/rightden.svg') no-repeat center;
}
.cartRight
{
margin-top: 20px;
}
.p5.cartRightText
{
padding: 0 5px;
}
.cartRightText .col-6
{
font-size: 13px;
font-weight: 500;
line-height: 1.77;
color: #070707;
}
.cartRightText .a-right
{
text-align: right;
}
.cartTotalPrice
{
padding: 20px 0;
display: block;
width: 100%;
float: left;
margin-bottom: 20px;
position: relative;
}
.cartRightText .cartTotalPrice .col-6
{
font-size: 14px;
font-weight: bold;
line-height: 1.86;
text-transform: uppercase;
}
.cartRight > div.col-12
{
padding-top: 15px;
border: solid 1px #e6e6e6;
margin-bottom: 20px;
background: #fff;
}
.indirimkuponu
{
padding: 0 5px;
box-sizing: border-box;
}
input#indirimkuponu
{
height: 40px !important;
border-radius: 3px !important;
border: solid 1px #c58f44 !important;
background-color: #ffffff !important;
}
input#indirimkuponu + .placeholder
{
width: calc(100% - 5px);
left: 2px;
padding: 0 15px;
}
.indirim-btn.btn
{
width: 72px;
height: 40px;
border-radius: 3px;
background-color: #c58f44;
color: #fff;
padding: 0;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
text-transform: uppercase;
position: absolute;
right: 5px;
top: 0;
z-index: 99;
font-size: 13px;
font-weight: 500;
}
.cartTotalPrice:after
{
content: '';width: calc(100% - 20px);height: 1px;background: #e6e6e6;position: absolute;bottom: 0;left: 10px;
}
.cartRight a#addCartBtn
{
height: 55px;
border-radius: 3px;
background-color: #c58f44;
display: flex;
align-items: center;
font-size: 16px;
font-weight: bold;
text-transform: capitalize;
padding: 0;
padding-left: 25px;
position: relative;
}
a#addCartBtn:after
{
content: '';width: 7px;height: 12px;position: absolute;right: 15px;top: 0;bottom: 0;margin: auto;background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/right-icon.svg') no-repeat center;
}
form#SepetForm .cartRight
{
display: none;
}
.sepetBox
{
border: solid 1px #e6e6e6;
background-color: #ffffff;
box-sizing: border-box;
padding: 20px;
border-bottom: 0;
}
.cartTable > div
{
font-size: 14px;
font-weight: 500;
color: #808080;
text-transform: uppercase;
}
.cartTable
{
padding-bottom: 10px;
margin-bottom: 20px;
border-color: #e6e6e6 !important;
}
.font0
{
font-size: 0 !important;
}
.basketProductName
{
font-size: 16px;
font-weight: 500;
line-height: 1.38;
color: #000;
}
.productInfoRow .removeBtn
{
width: auto;
font-size: 12px;
color: #000;
height: 29px;
background-color: #dcddde;
line-height: 29px;
padding: 0 10px;
margin-top: 40px;
display: flex;
align-items: center;
}
.productInfoRow .removeBtn:before
{
content: '';width: 12px;height: 14px;background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/cart-delete.svg') no-repeat center;margin-right: 8px;
}
#cart-wrapper .qtyBox
{
min-width: auto;
position: relative;
}
#cart-wrapper .qtyBox .qtyBtns
{
width: 80px;
height: 50px;
border-radius: 3px;
background-color: #dcddde;
box-sizing: border-box;
}
#cart-wrapper .qtyBox .qtyBtns a
{
width: 23px;
height: 48px;
}
.inpt-qty
{
width: calc(100% - 46px);
height: 48px;
position: relative;
float: left;
}
div#cart-wrapper .inpt-qty input
{
width: 100%;
padding: 0;
background: #fff;
padding-bottom: 10px;
box-shadow: none;
}
.inpt-qty input, span.qty-adet
{
line-height: 1.17;
font-size: 12px;
color: #181818;
}
span.qty-adet
{
position: absolute;
bottom: 6px;
left: 0;
right: 0;
margin: auto;
text-align: center;
}
#cart-wrapper .qtyBox .qtyBtns a:first-child
{
background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/minus.svg') no-repeat center;
}
#cart-wrapper .qtyBox .qtyBtns a:last-child
{
background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/plus.svg') no-repeat center;
}
.productRow
{
padding-top: 20px;
padding-bottom: 30px;
border-bottom: 1px solid #e6e6e6;
}
.productPrcRow div#cart-wrapper
{
display: flex;
align-items: center;
justify-content: center;
}
a.cartPrev
{
height: 36px;
border-radius: 3px;
background-color: #dcddde;
padding: 0 20px;
float: left;
display: flex;
align-items: center;
justify-content: center;
font-size: 13px;
font-weight: 500;
color: #777777;
margin-top: 40px;
margin-bottom: 10px;
}
a.cartPrev:before
{
content: '';width: 7px;height: 12px;margin-right: 8px;background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/cartPrev.svg') no-repeat center;
}
.cartPriceLast span
{
font-size: 19px;
font-weight: 500;
color: #000;
}
.cartPriceLast
{
padding-top: 10px;
}
.order-bigTitle
{
font-size: 30px;
font-weight: bold;
color: #ce923d;
margin-bottom: 20px;
}
.login-box
{
background: #f9f9f9;
padding: 50px;
box-sizing: border-box;
border: 1px solid #f2f2f2;
}
div#page-login .pageTitle
{
margin-bottom: 30px;
line-height: 30px;
padding-bottom: 10px;
}
a#member-forgot-password
{
font-weight: 500;
font-size: 13px;
color: #5c5c5c;
}
.login-banner
{
background: #f9f9f9;margin-top: 70px;
}
.uye-price_alert
{
margin-top: 60px;
background: #906f44;
color: #fff;
font-size: 15px;
font-weight: 600;
padding: 10px 30px;
padding-right: 10px;
}
.carousel-none
{
height: 0;
opacity: 0;
}
.carousel-none.carousel-blok
{
height: auto;
opacity: 1;
}
.blog-icon-title
{
width: 30px;
height: 20px;
margin-right: 5px;
background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/blogCat-icon.png') no-repeat center;
}
.comment-icon-title
{
width: 25px;
height: 20px;
margin-right: 5px;
background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/yorum-icon.png') no-repeat center;
}
ul#filterCats ul li:hover a
{
background: #f2f2f2;
}
div#sort span:hover
{
background-color: #918d8d;
color: #fff;
}
.yorum-click:hover, .all-yorum:hover
{
background: #f2f2f2;
}
.showNationality.col.col-12.individualForm
{
display: none !important;
}
.blogCat-menu
{
margin-top: 20px;
border: 1px solid #efe7e0;
margin-bottom: 20px;
padding: 10px 15px;
}
.blogCat-menu .catMenu a
{
color: #8f6f44;
font-weight: 500 !important;
font-size: 16px;
padding: 6px 10px!important;
margin-top: 5px;
}
.blogCat-menu .catMenu li:last-child a
{
border: 0 !important;
}
div#blog-list
{
margin-top: 20px;
}
.blogCat-menu .catMenu a:hover
{
background: #efe7e0;
color: #000 !important;
}
.blogCat-menu .catMenu li
{
box-sizing: border-box;
border-bottom: 1px solid #efe7e0;
}
.blogCat-menu .catMenu li:hover
{
}
.blogCat-menu .catMenu li:hover a
{
}
.blog-description
{
background: rgba(0, 0, 0, .6);
color: #fff;
text-shadow: 1px 1px 1px #000;
font-size: 18px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 0;
padding: 10px 20px;
box-sizing: border-box;
font-weight: 500;
display: flex;
align-items: center;
line-height: 25px;
}
span.blog-date
{
position: absolute;
right: 10px;
top: 10px;
background: rgba(0, 0, 0, .6);
color: #fff;
padding: 10px;
font-size: 16px;
display: flex;
align-items: center;
flex-direction: column;
}
.blog-description:before
{
content: '';height: 50px;width: 5px;margin-right: 20px;background: #cc8f36;
}
h3.blog-detail-title
{
margin: 0;
float: left;
font-size: 30px;
}
span.blog-detail-date
{
float: right;
font-size: 18px;
color: #888;
display: flex;
align-items: center;
}
.blog-detail-description
{
margin-top: 40px;
font-size: 18px;
color: #000;
}
.blog-details
{
margin-top: 20px;
}
.cartRight + .ArayuzBlok
{
margin-top: 20px;
}
span.blog-detail-date:before
{
content: '';width: 30px;height: 30px;margin-right: 10px;background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/888-date.png') no-repeat center;background-size: 100%;
}
span.blog-date:before
{
content: '';width: 30px;height: 30px;margin-bottom: 10px;background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/white-date.png') no-repeat center;background-size: 100%;
}
.anket-blok
{
position: fixed;
left: 0;
top: calc(50% - 95px);
margin: auto;
z-index: 99;
}
.anket-fixed
{
position: absolute;
top: 0;
width: 280px;
background: #fff;
-webkit-transform: translate3d(-250%,0,0);
-moz-transform: translate3d(-250%,0,0);
transform: translate3d(-250%,0,0);
-webkit-transition: -webkit-transform 300ms ease;
-webkit-transition-duration: 300ms;
-moz-transition: -moz-transform 300ms ease;
transition: transform 300ms ease;
border: 1px solid #ddd;
padding: 20px 15px;
box-sizing: border-box;
padding-bottom: 10px;
}
.anket-click
{
background: #8a704f;
color: #fff;
width: 80px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
text-transform: uppercase;
cursor: pointer;
-webkit-transform: translate3d(0px,0,0);
-moz-transform: translate3d(0px,0,0);
transform: translate3d(0px,0,0);
-webkit-transition: -webkit-transform 300ms ease;
-webkit-transition-duration: 300ms;
-moz-transition: -moz-transform 300ms ease;
transition: transform 300ms ease;
}
.anket-blok.active .anket-fixed
{
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.anket-blok.active .anket-click
{
-webkit-transform: translate3d(-80px,0,0);
-moz-transform: translate3d(-80px,0,0);
transform: translate3d(-80px,0,0);
}
.anket-close
{
position: absolute;
right: -8px;
top: -8px;
width: 20px;
height: 20px;
text-align: center;
line-height: 18px;
background: #8f6f44;
color: #fff;
border-radius: 50%;
cursor: pointer;
}
.anket-title
{
font-size: 14px;
font-weight: 500;
}
.anket-fixed .mb
{
margin-bottom: 10px;
}
.anket-info
{
display: none !important;
}
.anket-quest label
{
font-size: 15px;
color: #000;
font-weight: 400;
}
.anket-fixed .submitPoll
{
background: #8f6f44;
font-size: 15px;
font-weight: 500;
letter-spacing: 2px;
}
@media screen and (min-width: 1231px)
{
.inner
{
width:1200px;
margin:0 auto;
max-width: 100%;
}
}
@media screen and (max-width:1400px)
{
.owl-theme .owl-nav
{
width: 100% !important;
left: 0 !important;
}
.owl-slider-thumb
{
padding: 0 100px;
box-sizing: border-box;
}
}
@media screen and (max-width: 1230px)
{
.inner
{
float:left;
width:100%;
}
#backToTop
{
right:30px;
bottom:30px;
margin-right:0;
}
}
@media screen and (min-width: 1001px)
{
:not(.notClear) > .col-6 + .col-6:nth-of-type(2n+3),
:not(.notClear) > .col-4 + .col-4:nth-of-type(3n+4),
:not(.notClear) > .col-3 + .col-3:nth-of-type(4n+5),
:not(.notClear) > .col-2 + .col-2:nth-of-type(6n+7),
:not(.notClear) > .col-1 + .col-1:nth-of-type(12n+1)
{
clear:both;
}
}
@media screen and (max-width: 1000px)
{
.col-md-auto
{
width:auto;
}
.col-md-12
{
width:100%;
}
.col-md-11
{
width:91.66666667%;
}
.col-md-10
{
width:83.33333333%;
}
.col-md-9
{
width:75%;
}
.col-md-8
{
width:66.66666667%;
}
.col-md-7
{
width:58.33333333%;
}
.col-md-6
{
width:50%;
}
.col-md-5
{
width:41.66666667%;
}
.col-md-4
{
width:33.33333333%;
}
.col-md-3
{
width:25%;
}
.col-md-2
{
width:16.66666667%;
}
.col-md-1
{
width:8.33333333%;
}
}
@media screen and (min-width: 769px)
{
.col-mr-11
{
margin-right:91.66666667%;
}
.col-mr-10
{
margin-right:83.33333333%;
}
.col-mr-9
{
margin-right:75%;
}
.col-mr-8
{
margin-right:66.66666667%;
}
.col-mr-7
{
margin-right:58.33333333%;
}
.col-mr-6
{
margin-right:50%;
}
.col-mr-5
{
margin-right:41.66666667%;
}
.col-mr-4
{
margin-right:33.33333333%;
}
.col-mr-3
{
margin-right:25%;
}
.col-mr-2
{
margin-right:16.66666667%;
}
.col-mr-1
{
margin-right:8.33333333%;
}
.col-ml-11
{
margin-left:91.66666667%;
}
.col-ml-10
{
margin-left:83.33333333%;
}
.col-ml-9
{
margin-left:75%;
}
.col-ml-8
{
margin-left:66.66666667%;
}
.col-ml-7
{
margin-left:58.33333333%;
}
.col-ml-6
{
margin-left:50%;
}
.col-ml-5
{
margin-left:41.66666667%;
}
.col-ml-4
{
margin-left:33.33333333%;
}
.col-ml-3
{
margin-left:25%;
}
.col-ml-2
{
margin-left:16.66666667%;
}
.col-ml-1
{
margin-left:8.33333333%;
}
#skeleton
{
width:100%;
}
#footer
{
position:relative;
z-index:11;
}
.forMobile
{
display:none;
}
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
:not(.notClear) > .col-md-6 + .col-md-6:nth-of-type(2n+3),
:not(.notClear) > .col-md-4 + .col-md-4:nth-of-type(3n+4),
:not(.notClear) > .col-md-3 + .col-md-3:nth-of-type(4n+5),
:not(.notClear) > .col-md-2 + .col-md-2:nth-of-type(6n+7),
:not(.notClear) > .col-md-1 + .col-md-1:nth-of-type(12n+1)
{
clear:both;
}
.col-md-mr-11
{
margin-right:91.66666667%;
}
.col-md-mr-10
{
margin-right:83.33333333%;
}
.col-md-mr-9
{
margin-right:75%;
}
.col-md-mr-8
{
margin-right:66.66666667%;
}
.col-md-mr-7
{
margin-right:58.33333333%;
}
.col-md-mr-6
{
margin-right:50%;
}
.col-md-mr-5
{
margin-right:41.66666667%;
}
.col-md-mr-4
{
margin-right:33.33333333%;
}
.col-md-mr-3
{
margin-right:25%;
}
.col-md-mr-2
{
margin-right:16.66666667%;
}
.col-md-mr-1
{
margin-right:8.33333333%;
}
.col-md-mr-0
{
margin-right:0;
}
.col-md-ml-11
{
margin-left:91.66666667%;
}
.col-md-ml-10
{
margin-left:83.33333333%;
}
.col-md-ml-9
{
margin-left:75%;
}
.col-md-ml-8
{
margin-left:66.66666667%;
}
.col-md-ml-7
{
margin-left:58.33333333%;
}
.col-md-ml-6
{
margin-left:50%;
}
.col-md-ml-5
{
margin-left:41.66666667%;
}
.col-md-ml-4
{
margin-left:33.33333333%;
}
.col-md-ml-3
{
margin-left:25%;
}
.col-md-ml-2
{
margin-left:16.66666667%;
}
.col-md-ml-1
{
margin-left:8.33333333%;
}
.col-md-ml-0
{
margin-left:0;
}
.dn-md
{
display:none;
}
}
@media screen and (max-width: 768px) and (min-width:541px)
{
:not(.notClear) > .col-sm-6 + .col-sm-6:nth-of-type(2n+3),
:not(.notClear) > .col-sm-4 + .col-sm-4:nth-of-type(3n+4),
:not(.notClear) > .col-sm-3 + .col-sm-3:nth-of-type(4n+5),
:not(.notClear) > .col-sm-2 + .col-sm-2:nth-of-type(6n+7),
:not(.notClear) > .col-sm-1 + .col-sm-1:nth-of-type(12n+1)
{
clear:both;
}
}
@media screen and (max-width: 768px)
{
.blog-description
{
font-size: 14px;
line-height: 20px;
}
span.blog-date
{
font-size: 12px;
}
span.blog-date:before
{
width: 20px;
height: 20px;
}
.blogCat-menu
{
margin: 0;
padding: 0 15px;
}
h3.blog-detail-title
{
font-size: 20px;
}
span.blog-detail-date
{
width: 100%;
margin-top: 10px;
font-size: 14px;
}
span.blog-detail-date:before
{
width: 20px;
height: 20px;
}
.blog-detail-description
{
margin-top: 20px;
}
#membershipTabContainer > div
{
padding: 0;
}
#membershipTabContainer > div > div > div
{
padding: 0;
}
.slider-background-vitrin .owl-nav div.owl-prev, .slider-background-vitrin .owl-nav div.owl-next
{
width: 40px !important;
height: 40px !important;
background-size: 35px !important;
}
.slider-background .owl-nav .owl-prev
{
background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/vitrinslide-left.svg') no-repeat center !important;
}
.slider-background .owl-nav .owl-next
{
background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/vitrinslide-right.svg') no-repeat center !important;
}
*.mb, .fr.mb, .fl.mb, .col.mb, .box.mb, [dir="rtl"] *.mb, [dir="rtl"] .fr.mb, [dir="rtl"] .fl.mb, [dir="rtl"] .col.mb, [dir="rtl"] .box.mb
{
margin-bottom: 10px;
}
div#header .slider-background .owl-nav div
{
width: 35px !important;
background-size: 35px !important;
height: 22px !important;
border-radius: 12px !important;
}
.slider-background
{
margin-bottom: 10px;
padding: 10px 5px;
}
.site-info span
{
font-size: 12px;
}
.site-info p
{
font-size: 12px;
}
.site-info img
{
height: 20px;
}
.site-info
{
padding: 10px 0;
}
form#SepetForm .cartRight
{
display: block !important;
}
.about-blok
{
display: block;
padding: 20px 0;
}
.owl-slider-thumb
{
display: none;
}
.slider-background .owl-nav
{
bottom: auto !important;
top: calc(50% - 12px) !important;
left: -10px !important;
width: calc(100% + 20px) !important;
}
.col-sm-auto
{
width:auto;
}
.col-sm-12
{
width:100%;
}
.col-sm-11
{
width:91.66666667%;
}
.col-sm-10
{
width:83.33333333%;
}
.col-sm-9
{
width:75%;
}
.col-sm-8
{
width:66.66666667%;
}
.col-sm-7
{
width:58.33333333%;
}
.col-sm-6
{
width:50%;
}
.col-sm-5
{
width:41.66666667%;
}
.col-sm-4
{
width:33.33333333%;
}
.col-sm-3
{
width:25%;
}
.col-sm-2
{
width:16.66666667%;
}
.col-sm-1
{
width:8.33333333%;
}
.dn-sm
{
display:none;
}
.inner > .row
{
margin-right:0;
margin-left:0;
}
.forDesktop
{
display:none;
}
#leftColumn
{
padding-right:0;
}
[dir="rtl"] #leftColumn
{
padding-left:0;
}
#rightColumn
{
padding-left:0;
}
[dir="rtl"] #rightColumn
{
padding-right:0;
}
.text-title
{
line-height:25px;
font-size:15px;
}
.text-description
{
line-height:18px;
font-size:13px;
}
}
@media screen and (max-width: 540px)
{
.col-xs-auto
{
width:auto;
}
.col-xs-12
{
width:100%;
}
.col-xs-11
{
width:91.66666667%;
}
.col-xs-10
{
width:83.33333333%;
}
.col-xs-9
{
width:75%;
}
.col-xs-8
{
width:66.66666667%;
}
.col-xs-7
{
width:58.33333333%;
}
.col-xs-6
{
width:50%;
}
.col-xs-5
{
width:41.66666667%;
}
.col-xs-4
{
width:33.33333333%;
}
.col-xs-3
{
width:25%;
}
.col-xs-2
{
width:16.66666667%;
}
.col-xs-1
{
width:8.33333333%;
}
:not(.notClear) > .col-xs-6 + .col-xs-6:nth-of-type(2n+3),
:not(.notClear) > .col-xs-4 + .col-xs-4:nth-of-type(3n+4),
:not(.notClear) > .col-xs-3 + .col-xs-3:nth-of-type(4n+5),
:not(.notClear) > .col-xs-2 + .col-xs-2:nth-of-type(6n+7),
:not(.notClear) > .col-xs-1 + .col-xs-1:nth-of-type(12n+1)
{
clear:both;
}
.dn-xs
{
display:none;
}
#leftColumn > p,
#leftColumn > p *,
#mainColumn > p,
#mainColumn > p *,
#rightColumn > p,
#rightColumn > p *
{
float:left;
width:100%;
}
.text-title
{
line-height:20px;
font-size:14px;
}
.text-description
{
line-height:15px;
font-size:12px;
}
#alis-veris-listem .pageTitle
{
height: auto;
min-height: 60px;
}
#alis-veris-listem .pageTitle > .row
{
background-position: 10px 12px;
}
#alis-veris-listem table img
{
width: 40px;
max-width: none;
}
#membershipTabs .btn.active
{
position: relative;
}
#membershipTabs .btn:before
{
content: '';
background-color: #000;
width: 0;
height: 1px;
position: absolute;
top: 100%;
left: 0;
-webkit-transition: width .2s ease-in-out;
-moz-transition: width .2s ease-in-out;
transition: width .2s ease-in-out;
}
#membershipTabs .btn:not(:last-child):after
{
content: '';
width: 0;
border-right: 1px solid #ececec;
display: block;
position: absolute;
top: 10px;
bottom: 10px;
left: 100%;
margin-left: -.5px;
}
#membershipTabs .btn.active:before
{
width: 100%;
}
#membershipTabs .btn:hover,
#membershipTabs .btn.active
{
box-shadow: none !important;
}
#membershipTabContainer
{
border: 1px solid #e5e5e5;
box-sizing: border-box;
}
#membershipTabContainer > div
{
display: none;
}
}
@media screen and (max-width:580px)
{
.login-banner
{
margin-top: 20px;
}
.login-box
{
padding: 30px;
}
}
@media all and (max-width:421px)
{
.tsoft-push--in-notification
{
width: 100%;
left: 0;
margin: 0;
border-radius: 0;
border-left: 0;
border-right: 0;
border-top: 0
}
}
@media all and (max-width:360px)
{
.col-xxs-auto
{
width:auto;
}
.col-xxs-12
{
width:100%;
}
.col-xxs-11
{
width:91.66666667%;
}
.col-xxs-10
{
width:83.33333333%;
}
.col-xxs-9
{
width:75%;
}
.col-xxs-8
{
width:66.66666667%;
}
.col-xxs-7
{
width:58.33333333%;
}
.col-xxs-6
{
width:50%;
}
.col-xxs-5
{
width:41.66666667%;
}
.col-xxs-4
{
width:33.33333333%;
}
.col-xxs-3
{
width:25%;
}
.col-xxs-2
{
width:16.66666667%;
}
.col-xxs-1
{
width:8.33333333%;
}
:not(.notClear) > .col-xxs-6 + .col-xxs-6:nth-of-type(2n+3),
:not(.notClear) > .col-xxs-4 + .col-xxs-4:nth-of-type(3n+4),
:not(.notClear) > .col-xxs-3 + .col-xxs-3:nth-of-type(4n+5),
:not(.notClear) > .col-xxs-2 + .col-xxs-2:nth-of-type(6n+7),
:not(.notClear) > .col-xxs-1 + .col-xxs-1:nth-of-type(12n+1)
{
clear:both;
}
.dn-xxs
{
display:none;
}
}
.tsoft-push--in-notification
{
width: 422px;
padding: 0 20px 10px 20px;
border: 1px solid #bababa;
border-radius: 3px;
box-shadow: 0 4px 4px -2px #888;
background-color: #fbfbfb;
font-family:"DINPro", sans-serif;
position: fixed;
top: 0;
left: 50%;
margin-left: -211px;
z-index: 9999999999999;
}
.tsoft-push--in-notification-inner-container
{
margin: 0;
}
.tsoft-push--in-notification-logo
{
height: auto;
margin-right: 5px;
max-width: 150px;
float: left;
}
.tsoft-push--in-notification-logo img
{
width: 100%;
height:100%;
padding-top: 20px;
}
.tsoft-push--in-notification-image-container
{
float: left;
margin: 13px 15px 0 0
}
.tsoft-push--in-notification-image-container img
{
width: 65px;
height: 65px
}
.tsoft-push--in-notification-text-container
{
position: relative !important;
padding: 10px 0 0 0 !important;
color: #000 !important;
text-align: left !important;
margin: 0 !important;
line-height: 1.4em !important
}
.tsoft-push--in-notification-title
{
margin-bottom: 5px;
text-align: left;
font-size: 14px;
font-weight: 700;
line-height: 1.4em;
color: #000;
word-break: break-word;
overflow: hidden;
font-family:"DINPro", sans-serif;
}
.tsoft-push--in-notification-description
{
font-size: 12px;
line-height: 1.4em;
margin: 10px 0;
padding: 0;
text-align: left;
word-break: break-word;
overflow: hidden;
font-family:"DINPro", sans-serif;
}
.tsoft-push--in-notification-button-container
{
float: right !important
}
.tsoft-push--in-notification-button
{
width: 90px;
height: 18px;
line-height: 18px;
margin-left: 3px;
padding: 5px;
background: #f9f9f9;
border: 1px solid #bababa;
border-radius: 1px;
display: inline-block;
font-size: 14px;
text-align: center;
cursor: pointer;
box-sizing: content-box
}
.tsoft-push--in-allow-button
{
background: #00c33d;
color: #fff;
border-color: #059833
}
@media all and (max-width:421px)
{
.tsoft-push--in-notification
{
box-sizing: border-box;
width: 100%;
left: 0;
margin: 0;
border-radius: 0;
border-left: 0;
border-right: 0;
border-top: 0
}
.tsoft-push--in-notification-text-container
{
float:left;
}
}

.text-custom-pink,
.active .text-custom-gray,
.text-custom-gray.active,
.text-custom-gray.like-btn:hover,
.drop-down.hover:hover .drop-down-title
{
color: #5c5c5c;
}
.border-custom-pink:before,
.border-custom-pink:after,
.progress-bar
{
background-color: #8f6f44;
}
body
{
overflow-x: hidden;
}
#headerTop
{
font-size: 100% !important;
height: 56px !important;
overflow: hidden !important;
}
#footer
{
background: none !important;
}
.flex
{
width: auto !important;
height: auto !important;
justify-content: flex-start !important;
-webkit-flex-direction: flex-start !important;
flex-direction: row !important;
}
*,
::before,
::after
{
box-sizing: border-box !important;
border-width: 0 !important;
border-style: solid !important;
border-color: #e5e7eb !important;
}
::before,
::after
{
--tw-content: "" !important;
}
html
{
line-height: 1.5 !important;
-webkit-text-size-adjust: 100% !important;
-moz-tab-size: 4 !important;
-o-tab-size: 4 !important;
tab-size: 4 !important;
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
"Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
font-feature-settings: normal !important;
font-variation-settings: normal !important;
}
body
{
margin: 0 !important;
line-height: inherit !important;
}
hr
{
height: 0 !important;
color: inherit !important;
border-top-width: 1px !important;
}
abbr:where([title])
{
-webkit-text-decoration: underline dotted !important;
text-decoration: underline dotted !important;
}
h1,
h2,
h3,
h4,
h5,
h6
{
font-size: inherit !important;
font-weight: inherit !important;
}
a
{
color: inherit !important;
text-decoration: inherit !important;
}
b,
strong
{
font-weight: bolder !important;
}
code,
kbd,
samp,
pre
{
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
"Liberation Mono", "Courier New", monospace !important;
font-size: 1em !important;
}
small
{
font-size: 80% !important;
}
sub,
sup
{
font-size: 75% !important;
line-height: 0 !important;
position: relative !important;
vertical-align: baseline !important;
}
sub
{
bottom: -0.25em !important;
}
sup
{
top: -0.5em !important;
}
table
{
text-indent: 0 !important;
border-color: inherit !important;
border-collapse: collapse !important;
}
button,
input,
optgroup,
select,
textarea
{
font-family: inherit !important;
font-size: 100% !important;
font-weight: inherit !important;
line-height: inherit !important;
color: inherit !important;
margin: 0 !important;
padding: 0 !important;
}
button,
select
{
text-transform: none !important;
}
button,
[type="button"],
[type="reset"],
[type="submit"]
{
-webkit-appearance: button !important;
background-color: transparent !important;
background-image: none !important;
}
:-moz-focusring
{
outline: auto !important;
}
:-moz-ui-invalid
{
box-shadow: none !important;
}
progress
{
vertical-align: baseline !important;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button
{
height: auto !important;
}
[type="search"]
{
-webkit-appearance: textfield !important;
outline-offset: -2px !important;
}
::-webkit-search-decoration
{
-webkit-appearance: none !important;
}
::-webkit-file-upload-button
{
-webkit-appearance: button !important;
font: inherit !important;
}
summary
{
display: list-item !important;
}
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre
{
margin: 0 !important;
}
fieldset
{
margin: 0 !important;
padding: 0 !important;
}
legend
{
padding: 0 !important;
}
ol,
ul,
menu
{
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
textarea
{
resize: vertical !important;
}
input::-moz-placeholder,
textarea::-moz-placeholder
{
opacity: 1 !important;
color: #9ca3af !important;
}
input::placeholder,
textarea::placeholder
{
opacity: 1 !important;
color: #9ca3af !important;
}
button,
[role="button"]
{
cursor: pointer !important;
}
:disabled
{
cursor: default !important;
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object
{
display: block !important;
vertical-align: middle !important;
}
img,
video
{
max-width: 100% !important;
height: auto !important;
}
[hidden]
{
display: none !important;
}
*,
::before,
::after
{
--tw-border-spacing-x: 0 !important;
--tw-border-spacing-y: 0 !important;
--tw-translate-x: 0 !important;
--tw-translate-y: 0 !important;
--tw-rotate: 0 !important;
--tw-skew-x: 0 !important;
--tw-skew-y: 0 !important;
--tw-scale-x: 1 !important;
--tw-scale-y: 1 !important;
--tw-pan-x: !important;
--tw-pan-y: !important;
--tw-pinch-zoom: !important;
--tw-scroll-snap-strictness: proximity !important;
--tw-gradient-from-position: !important;
--tw-gradient-via-position: !important;
--tw-gradient-to-position: !important;
--tw-ordinal: !important;
--tw-slashed-zero: !important;
--tw-numeric-figure: !important;
--tw-numeric-spacing: !important;
--tw-numeric-fraction: !important;
--tw-ring-inset: !important;
--tw-ring-offset-width: 0px !important;
--tw-ring-offset-color: #fff !important;
--tw-ring-color: rgb(59 130 246 / 0.5) !important;
--tw-ring-offset-shadow: 0 0 #0000 !important;
--tw-ring-shadow: 0 0 #0000 !important;
--tw-shadow: 0 0 #0000 !important;
--tw-shadow-colored: 0 0 #0000 !important;
--tw-blur: !important;
--tw-brightness: !important;
--tw-contrast: !important;
--tw-grayscale: !important;
--tw-hue-rotate: !important;
--tw-invert: !important;
--tw-saturate: !important;
--tw-sepia: !important;
--tw-drop-shadow: !important;
--tw-backdrop-blur: !important;
--tw-backdrop-brightness: !important;
--tw-backdrop-contrast: !important;
--tw-backdrop-grayscale: !important;
--tw-backdrop-hue-rotate: !important;
--tw-backdrop-invert: !important;
--tw-backdrop-opacity: !important;
--tw-backdrop-saturate: !important;
--tw-backdrop-sepia: !important;
}
::backdrop
{
--tw-border-spacing-x: 0 !important;
--tw-border-spacing-y: 0 !important;
--tw-translate-x: 0 !important;
--tw-translate-y: 0 !important;
--tw-rotate: 0 !important;
--tw-skew-x: 0 !important;
--tw-skew-y: 0 !important;
--tw-scale-x: 1 !important;
--tw-scale-y: 1 !important;
--tw-pan-x: !important;
--tw-pan-y: !important;
--tw-pinch-zoom: !important;
--tw-scroll-snap-strictness: proximity !important;
--tw-gradient-from-position: !important;
--tw-gradient-via-position: !important;
--tw-gradient-to-position: !important;
--tw-ordinal: !important;
--tw-slashed-zero: !important;
--tw-numeric-figure: !important;
--tw-numeric-spacing: !important;
--tw-numeric-fraction: !important;
--tw-ring-inset: !important;
--tw-ring-offset-width: 0px !important;
--tw-ring-offset-color: #fff !important;
--tw-ring-color: rgb(59 130 246 / 0.5) !important;
--tw-ring-offset-shadow: 0 0 #0000 !important;
--tw-ring-shadow: 0 0 #0000 !important;
--tw-shadow: 0 0 #0000 !important;
--tw-shadow-colored: 0 0 #0000 !important;
--tw-blur: !important;
--tw-brightness: !important;
--tw-contrast: !important;
--tw-grayscale: !important;
--tw-hue-rotate: !important;
--tw-invert: !important;
--tw-saturate: !important;
--tw-sepia: !important;
--tw-drop-shadow: !important;
--tw-backdrop-blur: !important;
--tw-backdrop-brightness: !important;
--tw-backdrop-contrast: !important;
--tw-backdrop-grayscale: !important;
--tw-backdrop-hue-rotate: !important;
--tw-backdrop-invert: !important;
--tw-backdrop-opacity: !important;
--tw-backdrop-saturate: !important;
--tw-backdrop-sepia: !important;
}
.container
{
width: 100% !important;
}
@media (min-width: 640px)
{
.container
{
max-width: 640px !important;
}
}
@media (min-width: 768px)
{
.container
{
max-width: 768px !important;
}
}
@media (min-width: 1024px)
{
.container
{
max-width: 1024px !important;
}
}
@media (min-width: 1280px)
{
.container
{
max-width: 1170px !important;
}
}
@media (min-width: 1024px)
{
.container
{
max-width: 1280px !important;
}
}
.visible
{
visibility: visible !important;
}
.static
{
position: static !important;
}
.fixed
{
position: fixed !important;
}
.absolute
{
position: absolute !important;
}
.relative
{
position: relative !important;
}
.bottom-0
{
bottom: 0px !important;
}
.bottom-3
{
bottom: 0.75rem !important;
}
.left-0
{
left: 0px !important;
}
.left-10
{
left: 2.5rem !important;
}
.left-\[-5px\]
{
left: -5px !important;
}
.right-0
{
right: 0px !important;
}
.top-0
{
top: 0px !important;
}
.top-4
{
top: 1rem !important;
}
.top-\[-20px\]
{
top: -20px !important;
}
.z-\[9999\]
{
z-index: 9999 !important;
}
.z-50
{
z-index: 50 !important;
}
.z-\[9999\]
{
z-index: 9999;
}
.col-span-12
{
grid-column: span 12 / span 12 !important;
}
.col-span-2
{
grid-column: span 2 / span 2 !important;
}
.col-span-3
{
grid-column: span 3 / span 3 !important;
}
.col-span-4
{
grid-column: span 4 / span 4 !important;
}
.col-span-6
{
grid-column: span 6 / span 6 !important;
}
.mx-10
{
margin-left: 2.5rem !important;
margin-right: 2.5rem !important;
}
.mx-2
{
margin-left: 0.5rem !important;
margin-right: 0.5rem !important;
}
.mx-5
{
margin-left: 1.25rem !important;
margin-right: 1.25rem !important;
}
.mx-auto
{
margin-left: auto !important;
margin-right: auto !important;
}
.mr-0
{
margin-right: 0 !important;
}
.my-10
{
margin-top: 2.5rem !important;
margin-bottom: 2.5rem !important;
}
.my-11
{
margin-top: 2.75rem !important;
margin-bottom: 2.75rem !important;
}
.my-3
{
margin-top: 0.75rem !important;
margin-bottom: 0.75rem !important;
}
.my-5
{
margin-top: 1.25rem !important;
margin-bottom: 1.25rem !important;
}
.my-8
{
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}
.my-2
{
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.my-4
{
margin-top: 1rem;
margin-bottom: 1rem;
}
.mb-10
{
margin-bottom: 2.5rem !important;
}
.mb-20
{
margin-bottom: 5rem !important;
}
.mb-3
{
margin-bottom: 0.75rem !important;
}
.mb-5
{
margin-bottom: 1.25rem !important;
}
.mt-0
{
margin-top: 0px !important;
}
.mt-1
{
margin-top: 0.25rem !important;
}
.mt-10
{
margin-top: 2.5rem !important;
}
.mt-12
{
margin-top: 3rem !important;
}
.mt-2
{
margin-top: 0.5rem !important;
}
.mt-3
{
margin-top: 0.75rem !important;
}
.mt-4
{
margin-top: 1rem !important;
}
.mt-5
{
margin-top: 1.25rem !important;
}
.mb-2
{
margin-bottom: 0.5rem;
}
.block
{
display: block !important;
}
.inline-block
{
display: inline-block !important;
}
.inline
{
display: inline !important;
}
.flex
{
display: flex !important;
}
.table
{
display: table !important;
}
.grid
{
display: grid !important;
}
.contents
{
display: contents !important;
}
.hidden
{
display: none !important;
}
.h-10
{
height: 2.5rem !important;
}
.h-11
{
height: 2.75rem !important;
}
.h-14
{
height: 3.5rem !important;
}
.h-16
{
height: 4rem !important;
}
.h-24
{
height: 6rem !important;
}
.h-48
{
height: 12rem !important;
}
.h-5
{
height: 1.25rem !important;
}
.h-6
{
height: 1.5rem !important;
}
.h-7
{
height: 1.75rem !important;
}
.h-\[100px\]
{
height: 100px !important;
}
.h-\[180px\]
{
height: 180px !important;
}
.h-\[195px\]
{
height: 195px !important;
}
.h-\[1px\]
{
height: 1px !important;
}
.h-\[20px\]
{
height: 20px !important;
}
.h-\[230px\]
{
height: 230px !important;
}
.h-\[25px\]
{
height: 25px !important;
}
.h-\[280px\]
{
height: 280px !important;
}
.h-\[300px\]
{
height: 300px !important;
}
.h-\[335px\]
{
height: 335px !important;
}
.h-\[365px\]
{
height: 365px !important;
}
.h-\[390px\]
{
height: 390px !important;
}
.h-\[394px\]
{
height: 394px !important;
}
.h-\[40px\]
{
height: 40px !important;
}
.h-\[58px\]
{
height: 58px !important;
}
.h-\[650px\]
{
height: 650px !important;
}
.h-\[90px\]
{
height: 90px !important;
}
.h-auto
{
height: auto !important;
}
.h-full
{
height: 100% !important;
}
.h-min
{
height: -moz-min-content !important;
height: min-content !important;
}
.w-12
{
width: 3rem !important;
}
.w-16
{
width: 4rem !important;
}
.w-5
{
width: 1.25rem !important;
}
.w-6
{
width: 1.5rem !important;
}
.w-7
{
width: 2.75rem !important;
}
.w-\[100px\]
{
width: 100px !important;
}
.w-\[160px\]
{
width: 160px !important;
}
.w-\[175px\]
{
width: 175px !important;
}
.w-\[320px\]
{
width: 320px !important;
}
.w-\[700px\]
{
width: 700px !important;
}
.w-full
{
width: 100% !important;
}
.w-max
{
width: -moz-max-content !important;
width: max-content !important;
}
.w-min
{
width: -moz-min-content !important;
width: min-content !important;
}
.w-fit
{
width: -moz-fit-content !important;
width: fit-content !important;
}
.w-10
{
width: 2.5rem;
}
.flex-1
{
flex: 1 1 0% !important;
}
.flex-\[2\]
{
flex: 2 !important;
}
.grow
{
flex-grow: 1 !important;
}
.transform
{
transform: translate(var(--tw-translate-x), var(--tw-translate-y))
rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.cursor-pointer
{
cursor: pointer !important;
}
.resize
{
resize: both !important;
}
.list-disc
{
list-style-type: disc !important;
}
.grid-cols-1
{
grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.grid-cols-12
{
grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
}
.grid-cols-4
{
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.grid-cols-6
{
grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}
.grid-rows-1
{
grid-template-rows: repeat(1, minmax(0, 1fr)) !important;
}
.flex-row
{
flex-direction: row !important;
}
.flex-col
{
flex-direction: column !important;
}
.flex-wrap
{
flex-wrap: wrap !important;
}
.items-start
{
align-items: flex-start !important;
}
.items-center
{
align-items: center !important;
}
.justify-start
{
justify-content: flex-start !important;
}
.justify-end
{
justify-content: flex-end !important;
}
.justify-center
{
justify-content: center !important;
}
.justify-between
{
justify-content: space-between !important;
}
.justify-around
{
justify-content: space-around !important;
}
.gap-0
{
gap: 0px !important;
}
.gap-1
{
gap: 0.25rem !important;
}
.gap-10
{
gap: 2.5rem !important;
}
.gap-14
{
gap: 3.5rem !important;
}
.gap-2
{
gap: 0.5rem !important;
}
.gap-3
{
gap: 0.75rem !important;
}
.gap-4
{
gap: 1rem !important;
}
.gap-5
{
gap: 1.25rem !important;
}
.gap-7
{
gap: 1.75rem !important;
}
.gap-\[35px\]
{
gap: 35px !important;
}
.gap-11
{
gap: 2.75rem !important;
}
.gap-12
{
gap: 3rem !important;
}
.gap-16
{
gap: 4rem !important;
}
.gap-20
{
gap: 5rem !important;
}
.gap-40
{
gap: 10rem !important;
}
.gap-44
{
gap: 11rem !important;
}
.overflow-x-scroll
{
overflow-x: scroll !important;
}
.overflow-y-scroll
{
overflow-y: scroll !important;
}
.whitespace-nowrap
{
white-space: nowrap !important;
}
.rounded-3xl
{
border-radius: 1.5rem !important;
}
.rounded-full
{
border-radius: 9999px !important;
}
.rounded-md
{
border-radius: 0.375rem !important;
}
.rounded-xl
{
border-radius: 0.75rem !important;
}
.border
{
border-width: 1px !important;
}
.border-2
{
border-width: 2px !important;
}
.border-b
{
border-bottom-width: 1px !important;
}
.border-l
{
border-left-width: 1px !important;
}
.border-r
{
border-right-width: 1px !important;
}
.border-t
{
border-top-width: 1px !important;
}
.border-\[\#1B373840\]
{
border-color: #1b373840 !important;
}
.border-\[\#A88832\]
{
--tw-border-opacity: 1 !important;
border-color: rgb(168 136 50 / var(--tw-border-opacity)) !important;
}
.border-gray
{
--tw-border-opacity: 1 !important;
border-color: rgb(51 80 81 / var(--tw-border-opacity)) !important;
}
.border-secondray
{
--tw-border-opacity: 1 !important;
border-color: rgb(4 54 56 / var(--tw-border-opacity)) !important;
}
.border-third
{
--tw-border-opacity: 1 !important;
border-color: rgb(27 55 56 / var(--tw-border-opacity)) !important;
}
.border-white
{
--tw-border-opacity: 1 !important;
border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important;
}
.bg-\[\#21B609\]
{
--tw-bg-opacity: 1 !important;
background-color: rgb(33 182 9 / var(--tw-bg-opacity)) !important;
}
.bg-\[\#30303099\]
{
background-color: #30303099 !important;
}
.bg-\[\#F0E8D3F5\]
{
background-color: #f0e8d3f5 !important;
}
.bg-\[\#F0F0F0\]
{
--tw-bg-opacity: 1 !important;
background-color: rgb(240 240 240 / var(--tw-bg-opacity)) !important;
}
.bg-black
{
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-blackOpacity
{
background-color: #00000099 !important;
}
.bg-gray
{
--tw-bg-opacity: 1 !important;
background-color: rgb(51 80 81 / var(--tw-bg-opacity)) !important;
}
.bg-grayOpacity
{
background-color: #3350517d !important;
}
.bg-grayPrimary
{
--tw-bg-opacity: 1 !important;
background-color: rgb(228 228 228 / var(--tw-bg-opacity)) !important;
}
.bg-primary
{
--tw-bg-opacity: 1 !important;
background-color: rgb(242 246 246 / var(--tw-bg-opacity)) !important;
}
.bg-secondray
{
--tw-bg-opacity: 1 !important;
background-color: rgb(27 55 56 / var(--tw-bg-opacity)) !important;
}
.bg-tagPrimary
{
--tw-bg-opacity: 1 !important;
background-color: rgb(217 217 217 / var(--tw-bg-opacity)) !important;
}
.bg-tagSecondray
{
--tw-bg-opacity: 1 !important;
background-color: rgb(232 228 217 / var(--tw-bg-opacity)) !important;
}
.bg-transparent
{
background-color: transparent !important;
}
.bg-white
{
--tw-bg-opacity: 1 !important;
background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}
.bg-whiteOpacity
{
background-color: #f0f0f061 !important;
}
.object-contain
{
-o-object-fit: contain !important;
object-fit: contain !important;
}
.p-1
{
padding: 0.25rem !important;
}
.p-10
{
padding: 2.5rem !important;
}
.p-2
{
padding: 0.5rem !important;
}
.p-3
{
padding: 0.75rem !important;
}
.p-4
{
padding: 1rem !important;
}
.p-5
{
padding: 1.25rem !important;
}
.px-10
{
padding-left: 2.5rem !important;
padding-right: 2.5rem !important;
}
.px-12
{
padding-left: 3rem !important;
padding-right: 3rem !important;
}
.px-2
{
padding-left: 0.5rem !important;
padding-right: 0.5rem !important;
}
.px-20
{
padding-left: 5rem !important;
padding-right: 5rem !important;
}
.px-28
{
padding-left: 7rem !important;
padding-right: 7rem !important;
}
.px-3
{
padding-left: 0.75rem !important;
padding-right: 0.75rem !important;
}
.px-4
{
padding-left: 1rem !important;
padding-right: 1rem !important;
}
.px-5
{
padding-left: 1.25rem !important;
padding-right: 1.25rem !important;
}
.px-\[7px\]
{
padding-left: 7px !important;
padding-right: 7px !important;
}
.py-0
{
padding-top: 0rem !important;
padding-bottom: 0rem !important;
}
.py-1
{
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-10
{
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important;
}
.py-2
{
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-3
{
padding-top: 0.75rem !important;
padding-bottom: 0.75rem !important;
}
.py-5
{
padding-top: 1.25rem !important;
padding-bottom: 1.25rem !important;
}
.py-7
{
padding-top: 1.75rem !important;
padding-bottom: 1.75rem !important;
}
.py-\[3px\]
{
padding-top: 3px !important;
padding-bottom: 3px !important;
}
.pb-10
{
padding-bottom: 2.5rem !important;
}
.pb-2
{
padding-bottom: 0.5rem !important;
}
.pb-20
{
padding-bottom: 5rem !important;
}
.pb-4
{
padding-bottom: 1rem !important;
}
.pb-5
{
padding-bottom: 1.25rem !important;
}
.pl-10
{
padding-left: 2.5rem !important;
}
.pl-2
{
padding-left: 0.5rem !important;
}
.pl-3
{
padding-left: 0.75rem !important;
}
.pl-4
{
padding-left: 1rem ;
}
.pl-5
{
padding-left: 1.25rem !important;
}
.pr-0
{
padding-right: 0px !important;
}
.pr-2
{
padding-right: 0.5rem !important;
}
.pr-6
{
padding-right: 1.5rem !important;
}
.pt-10
{
padding-top: 2.5rem !important;
}
.pt-2
{
padding-top: 0.5rem !important;
}
.pt-3
{
padding-top: 0.75rem !important;
}
.pt-4
{
padding-top: 1rem !important;
}
.pt-5
{
padding-top: 1.25rem !important;
}
.text-left
{
text-align: left !important;
}
.text-center
{
text-align: center !important;
}
.font-\[Poppins\]
{
font-family: Poppins !important;
}
.text-2xl
{
font-size: 1.5rem !important;
line-height: 2rem !important;
}
.text-3xl
{
font-size: 1.875rem !important;
line-height: 2.25rem !important;
}
.text-4xl
{
font-size: 2.25rem !important;
line-height: 2.5rem !important;
}
.text-6xl
{
font-size: 3.75rem !important;
line-height: 1 !important;
}
.text-\[10px\]
{
font-size: 10px !important;
}
.text-\[12px\]
{
font-size: 12px !important;
}
.text-\[13px\]
{
font-size: 13px !important;
}
.text-\[14px\]
{
font-size: 14px !important;
}
.text-\[15px\]
{
font-size: 15px !important;
}
.text-\[17px\]
{
font-size: 17px !important;
}
.text-\[20px\]
{
font-size: 20px !important;
}
.text-\[22px\]
{
font-size: 22px !important;
}
.text-\[32px\]
{
font-size: 32px !important;
}
.text-base
{
font-size: 1rem !important;
line-height: 1.5rem !important;
}
.text-lg
{
font-size: 1.125rem !important;
line-height: 1.75rem !important;
}
.text-sm
{
font-size: 0.875rem !important;
line-height: 1.25rem !important;
}
.text-xl
{
font-size: 1.25rem !important;
line-height: 1.75rem !important;
}
.text-xs
{
font-size: 0.75rem !important;
line-height: 1rem !important;
}
.font-bold
{
font-weight: 700 !important;
}
.font-medium
{
font-weight: 500 !important;
}
.font-thin
{
font-weight: 100 !important;
}
.uppercase
{
text-transform: uppercase !important;
}
.text-\[\#031D4E\]
{
--tw-text-opacity: 1 !important;
color: rgb(3 29 78 / var(--tw-text-opacity)) !important;
}
.text-\[\#1B3738AD\]
{
color: #1b3738ad !important;
}
.text-\[\#33505194\]
{
color: #33505194 !important;
}
.text-\[\#8290AA\]
{
--tw-text-opacity: 1 !important;
color: rgb(130 144 170 / var(--tw-text-opacity)) !important;
}
.text-blue
{
--tw-text-opacity: 1 !important;
color: rgb(3 29 78 / var(--tw-text-opacity)) !important;
}
.text-gold
{
--tw-text-opacity: 1 !important;
color: rgb(207 195 163 / var(--tw-text-opacity)) !important;
}
.text-gray
{
--tw-text-opacity: 1 !important;
color: rgb(51 80 81 / var(--tw-text-opacity)) !important;
}
.text-grayOpacity
{
color: #3350517d !important;
}
.text-dark-gray
{
color: #000 !important;
}
.text-green
{
--tw-text-opacity: 1 !important;
color: rgb(33 182 9 / var(--tw-text-opacity)) !important;
}
.text-primary
{
color: #ede2c4f5 !important;
}
.text-secondray
{
--tw-text-opacity: 1 !important;
color: rgb(4 54 56 / var(--tw-text-opacity)) !important;
}
.text-secondrayOpacity
{
color: #1b37385e !important;
}
.text-third
{
--tw-text-opacity: 1 !important;
color: rgb(27 55 56 / var(--tw-text-opacity)) !important;
}
.text-white
{
--tw-text-opacity: 1 !important;
color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.text-\[\#8f6f44\]
{
--tw-text-opacity: 1;
color: rgb(143 111 68 / var(--tw-text-opacity));
}
.text-\[\#666\]
{
--tw-text-opacity: 1;
color: rgb(102 102 102 / var(--tw-text-opacity));
}
.text-\[\#393939\]
{
--tw-text-opacity: 1;
color: rgb(57 57 57 / var(--tw-text-opacity));
}
.underline
{
text-decoration-line: underline !important;
}
.shadow
{
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),
0 1px 2px -1px var(--tw-shadow-color) !important;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-lg
{
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1),
0 4px 6px -4px rgb(0 0 0 / 0.1) !important;
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
0 4px 6px -4px var(--tw-shadow-color) !important;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.blur
{
--tw-blur: blur(8px) !important;
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.filter
{
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.transition
{
transition-property: color, background-color, border-color,
text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
-webkit-backdrop-filter !important;
transition-property: color, background-color, border-color,
text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
backdrop-filter !important;
transition-property: color, background-color, border-color,
text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
backdrop-filter, -webkit-backdrop-filter !important;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
transition-duration: 150ms !important;
}
.hover\:text-\[\#A88831\]:hover
{
--tw-text-opacity: 1 !important;
color: rgb(168 136 49 / var(--tw-text-opacity)) !important;
}
.hover\:text-\[red\]:hover
{
--tw-text-opacity: 1 !important;
color: rgb(255 0 0 / var(--tw-text-opacity)) !important;
}
.hover\:underline:hover
{
text-decoration-line: underline !important;
}
.hover\:outline:hover
{
outline-style: solid !important;
}
@media (min-width: 1024px)
{
.sm\:col-span-3
{
grid-column: span 3 / span 3 !important;
}
.sm\:col-span-4
{
grid-column: span 4 / span 4 !important;
}
.sm\:col-span-5
{
grid-column: span 5 / span 5 !important;
}
.sm\:col-span-6
{
grid-column: span 6 / span 6 !important;
}
.sm\:col-span-7
{
grid-column: span 7 / span 7 !important;
}
.sm\:col-span-8
{
grid-column: span 8 / span 8 !important;
}
.sm\:col-span-9
{
grid-column: span 9 / span 9 !important;
}
.sm\:col-span-12
{
grid-column: span 12 / span 12 !important;
}
.sm\:mx-0
{
margin-left: 0px !important;
margin-right: 0px !important;
}
.sm\:mx-20
{
margin-left: 5rem !important;
margin-right: 5rem !important;
}
.sm\:mb-0
{
margin-bottom: 0px !important;
}
.sm\:mt-0
{
margin-top: 0px !important;
}
.sm\:mt-10
{
margin-top: 2.5rem !important;
}
.sm\:mt-2
{
margin-top: 0.5rem !important;
}
.sm\:block
{
display: block !important;
}
.sm\:flex
{
display: flex !important;
}
.sm\:hidden
{
display: none !important;
}
.sm\:h-64
{
height: 16rem !important;
}
.sm\:h-\[250px\]
{
height: 250px !important;
}
.sm\:h-\[47px\]
{
height: 47px !important;
}
.sm\:w-40
{
width: 10rem !important;
}
.sm\:w-52
{
width: 13rem !important;
}
.sm\:w-80
{
width: 20rem !important;
}
.sm\:w-\[300px\]
{
width: 300px !important;
}
.sm\:w-\[400px\]
{
width: 400px !important;
}
.sm\:w-\[500px\]
{
width: 500px !important;
}
.sm\:w-max
{
width: -moz-max-content !important;
width: max-content !important;
}
.sm\:w-min
{
width: -moz-min-content !important;
width: min-content !important;
}
.sm\:grid-cols-12
{
grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
}
.sm\:grid-rows-1
{
grid-template-rows: repeat(1, minmax(0, 1fr)) !important;
}
.sm\:flex-row
{
flex-direction: row !important;
}
.sm\:flex-col
{
flex-direction: column !important;
}
.sm\:flex-nowrap
{
flex-wrap: nowrap !important;
}
.sm\:items-start
{
align-items: flex-start !important;
}
.sm\:items-end
{
align-items: flex-end !important;
}
.sm\:justify-start
{
justify-content: flex-start !important;
}
.sm\:justify-center
{
justify-content: center !important;
}
.sm\:justify-between
{
justify-content: space-between !important;
}
.sm\:gap-0
{
gap: 0px !important;
}
.sm\:gap-10
{
gap: 2.5rem !important;
}
.sm\:gap-2
{
gap: 0.5rem !important;
}
.sm\:gap-20
{
gap: 5rem !important;
}
.sm\:gap-5
{
gap: 1.25rem !important;
}
.sm\:border-none
{
border-style: none !important;
}
.sm\:p-0
{
padding: 0px !important;
margin-bottom: -5px;
margin-top: -45px;
}
.sm\:pl-0
{
padding-left: 0rem !important;
}
.sm\:px-0
{
padding-left: 0px !important;
padding-right: 0px !important;
}
.sm\:px-10
{
padding-left: 2.5rem !important;
padding-right: 2.5rem !important;
}
.sm\:py-0
{
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.sm\:py-2
{
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.sm\:pr-10
{
padding-right: 2.5rem !important;
}
.sm\:pl-5
{
padding-left: 1.25rem !important;
}
.sm\:pt-0
{
padding-top: 0px !important;
}
.sm\:text-left
{
text-align: left !important;
}
}
@media (min-width: 768px)
{
.md\:col-span-12
{
grid-column: span 12 / span 12 !important;
}
.md\:col-span-6
{
grid-column: span 6 / span 6 !important;
}
.md\:grid-rows-1
{
grid-template-rows: repeat(1, minmax(0, 1fr)) !important;
}
.md\:text-sm
{
font-size: 0.875rem !important;
line-height: 1.25rem !important;
}
.md\:text-\[10px\]
{
font-size: 10px !important;
}
}
@media (min-width: 1024px)
{
.lg\:col-span-3
{
grid-column: span 3 / span 3 !important;
}
.lg\:col-span-4
{
grid-column: span 4 / span 4 !important;
}
.lg\:col-span-12
{
grid-column: span 12 / span 12 !important;
}
.lg\:grid-cols-12
{
grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
}
.lg\:gap-10
{
gap: 2.5rem !important;
}
.lg\:px-28
{
padding-left: 7rem !important;
padding-right: 7rem !important;
}
.lg\:text-\[17px\]
{
font-size: 17px !important;
}
}
*
{
font-family: "Poppins", Arial, Helvetica, sans-serif;
}
body
{
font-size: 16px;
}
.top-header
{
background-image: url('/Data/EditorFiles/mottotema/header-bg.svg') !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}
.about-background
{
display: block;
background-image: url('/Data/EditorFiles/mottotema/about-bg.svg') !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}
.home-slider a img
{
height: 390px !important;
}
.mobile-menu
{
position: absolute !important;
top: 0 !important;
left: -100% !important;
bottom: 0 !important;
background-color: white !important;
height: 100vh !important;
width: 100%; !important;
z-index: 99999 !important;
}
.mobile-search
{
width: 100%;
height: 50px;
display: flex;
justify-content: space-between;
border: 1px solid #efe7e0;
}
.mobile-search i
{
display: flex;
align-items: center;
padding: 0 10px;
color: #a98d6f;
}
.mobile-search input
{
width: 100%;
font-size: 12px;
padding: 0 5px;
}
.mobile-search button
{
background-color: #8f6f44;
color: white;
font-size: 11px;
width: 70px;
}
.mobile-menu .mobile-header
{
display: flex;
justify-content: space-between;
align-items: center;
background-color: #f7f7f7;
}
.mobile-header #mobile-menu-close
{
background-color: #8f6f44;
padding: 10px 15px;
color: white;
}
.mobile-auth-button a
{
width: 100%;
text-align: center;
font-size: 15px;
padding: 8px 10px;
box-sizing: border-box !important;
color: #fff !important;
background-color: #5c5c5c;
}
.slidenav
{
left: 0 !important;
}
.slidenav
{
-webkit-animation-duration: 0.8s !important;
animation-duration: 0.8s !important;
}
.slidenav
{
-webkit-animation-timing-function: cubic-bezier(
0.86,
0.03,
0.53,
1.01
) !important;
animation-timing-function: cubic-bezier(0.86, 0.03, 0.53, 1.01) !important;
}
.menu-transitions
{
-webkit-animation-delay: 0.2s !important;
animation-delay: 0.2s !important;
-o-transition: 0.5s !important;
-ms-transition: 0.5s !important;
-moz-transition: 0.5s !important;
-webkit-transition: 0.5s !important;
transition: 0.5s !important;
}
@keyframes slidenav
{
0%
{
left: -100% !important;
}
100%
{
left: 0px !important;
}
}
.sub-menu
{
margin: 15px 0 !important;
}
.ons-swiper .ons-sw-button
{
color: rgb(0, 0, 0, 0.5) !important;
}
.ons-swiper .swiper-slide .ons-item
{
text-align: center !important;
width: min-content !important;
}
.ons-swiper .swiper-slide .ons-item .ons-poster
{
width: 130px !important;
height: 130px !important;
background-color: #eeeeee !important;
border-radius: 100% !important;
margin-bottom: 10px !important;
}
.ons-swiper .swiper-slide .ons-poster img
{
width: 100% !important;
height: 100% !important;
border-radius: 50% !important;
}
.ic-primary
{
color: #1b3738 !important;
}
.input-group
{
position: relative !important;
display: flex !important;
align-items: center !important;
border: 1px solid black !important;
width: 100% !important;
height: min-content !important;
}
.input-group span
{
padding-left: 10px !important;
padding-right: 10px !important;
border-right-color: #031d4e !important;
border-right: 1px solid #031d4e80 !important;
min-width: max-content !important;
}
.input-group input
{
padding: 10px !important;
width: 80% !important;
}
.input-group select
{
padding: 10px !important;
width: 95% !important;
}
input:focus,
select:focus
{
outline: none !important;
}
.form-group
{
margin-bottom: 1rem !important;
}
input[type="range"]
{
width: 100% !important;
height: 30px !important;
overflow: hidden !important;
cursor: pointer !important;
outline: none !important;
}
input[type="range"],
input[type="range"]::-webkit-slider-runnable-track,
input[type="range"]::-webkit-slider-thumb
{
-webkit-appearance: none !important;
background: none !important;
}
input[type="range"]::-webkit-slider-runnable-track
{
width: 100% !important;
height: 3px !important;
background: #1b3738 !important;
}
input[type="range"]:nth-child(2)::-webkit-slider-runnable-track
{
background: none !important;
}
input[type="range"]::-webkit-slider-thumb
{
position: relative !important;
height: 15px !important;
width: 15px !important;
margin-top: -7px !important;
background: #1b3738 !important;
border: 1px solid #1b3738 !important;
z-index: 1 !important;
}
input[type="range"]:nth-child(1)::-webkit-slider-thumb
{
z-index: 2 !important;
}
.rangeslider
{
position: relative;
height: 20px !important;
width: -webkit-fill-available !important;
display: inline-block !important;
margin-top: -5px !important;
}
.rangeslider input
{
position: absolute !important;
}
.rangeslider span
{
position: absolute !important;
margin-top: 30px !important;
left: 0 !important;
}
.rangeslider .right
{
position: relative !important;
float: right !important;
margin-right: -5px !important;
}
@-moz-document url-prefix()
{
.rangeslider::before
{
content: "" !important;
width: 100% !important;
height: 2px !important;
background: #003d7c !important;
display: block !important;
position: relative !important;
top: 16px !important;
}
input[type="range"]:nth-child(1)
{
position: absolute !important;
top: 35px !important;
overflow: visible !important;
height: 0 !important;
}
input[type="range"]:nth-child(2)
{
position: absolute !important;
top: 35px !important;
overflow: visible !important;
height: 0 !important;
}
input[type="range"]::-moz-range-thumb
{
position: relative !important;
height: 15px !important;
width: 15px !important;
margin-top: -7px !important;
background: #fff !important;
border: 1px solid #003d7c !important;
border-radius: 25px !important;
z-index: 1 !important;
}
input[type="range"]:nth-child(1)::-moz-range-thumb
{
transform: translateY(-20px) !important;
}
input[type="range"]:nth-child(2)::-moz-range-thumb
{
transform: translateY(-20px) !important;
}
}
.home-gold-card-bg
{
background: rgb(255, 255, 255) !important;
background: linear-gradient(
170deg,
rgba(255, 255, 255, 1) 10%,
rgba(153, 167, 168, 0.5) 100%
) !important;
}
.home-blog-item:nth-child(1)
{
transform: translate(-56px, 0);
}
.home-blog-item:nth-child(2)
{
transform: translate(0, 56px);
}
.home-blog-item:nth-child(3)
{
transform: translate(56px, 0);
}
.ads-height-inherit img
{
height: 260px !important;
width: 260px !important;
}
.footer-bg
{
background-image: url('/Data/EditorFiles/mottotema/footer-bg.svg') !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}
.transparent-input
{
background-color: transparent !important;
border-bottom: 1px solid #e8e4d9 !important;
}
.transparent-input::placeholder
{
color: #fff !important;
}
.product-rating > .active
{
color: #a88832 !important;
}
.product-rating i
{
color: #d9d9d9 !important;
}
.icon-black i
{
color: black !important;
}
.arrow-show input[type="number"]::-webkit-inner-spin-button
{
opacity: 1 !important;
}
.arrow-hide input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button
{
opacity: 0 !important;
}
.gallery-swiper .swiper-slide
{
display: flex !important;
justify-content: center !important;
}
.gallery-swiper .swiper-slide img
{
width: 350px !important;
height: 500px !important;
}
.thumb-swiper .swiper-slide
{
width: 100px !important;
height: 100px !important;
object-fit: cover !important;
}
.thumb-swiper > .swiper-slide img
{
width: 100px !important;
height: 100px !important;
}
.home-swiper .swiper-slide img
{
height: 390px;
width: 100%;
}
.home-swiper .swiper-pagination-bullet-active
{
background: #ffffff85 !important;
}
.home-sw-button
{
color: #ffffff85 !important;
}
.pd-sw-button
{
background-color: #b6b4b433 !important;
padding: 50px 20px !important;
color: #7d889e40 !important;
}
.card .card-header
{
padding-top: 5px !important;
padding-bottom: 5px !important;
background-color: #1b3738 !important;
color: #fff !important;
text-align: center !important;
}
.card-body
{
background: #f2f6f682 !important;
background: #f2f6f682 !important;
margin-top: 10px !important;
}
.review-list .swiper-slide
{
padding: 10px 40px !important;
}
.review-button-groups button
{
border: 1px solid #031d4e !important;
padding: 5px 20px !important;
}
.review-button-groups button:hover
{
background-color: #000000bf !important;
color: #fff !important;
transition: 300ms !important;
border: 1px solid #031d4e !important;
padding: 5px 20px !important;
}
.login-form-component label
{
display: flex !important;
flex-direction: column !important;
color: #1b3738 !important;
font-size: 16px !important;
margin-top: 10px !important;
width: 100% !important;
}
.login-form-component input
{
margin-top: 10px !important;
background-color: #eeeeee !important;
padding: 15px 20px !important;
}
.login-form-component select
{
margin-top: 10px !important;
background-color: #eeeeee !important;
padding: 20px !important;
width: 100% !important;
}
.login-form-component button
{
background-color: #335051 !important;
color: #fff !important;
width: 100% !important;
height: 50px !important;
font-size: 20px !important;
border-radius: 5px !important;
}
.list-group
{
display: flex !important;
align-items: center !important;
justify-content: space-around !important;
background-color: #eeeeee !important;
height: 60px !important;
border-radius: 5px !important;
}
.list-group-item
{
width: 100% !important;
margin: 20px !important;
height: 50px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 5px !important;
font-size: 17px !important;
color: #1b3738 !important;
}
.list-group .active
{
background-color: #ffffff !important;
}
.tab-content .tab-item
{
display: none;
}
.tab-content .tab-active
{
display: block !important;
}
.pagination
{
margin-top: 20px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
border-top: 1px solid #031d4e4a !important;
border-bottom: 1px solid #031d4e4a !important;
}
.pagination ul
{
display: flex !important;
}
.pagination a:not(:first-child):not(:last-child)
{
border-radius: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 40px !important;
height: 40px !important;
margin: 7px !important;
border: 1px solid #1b3738 !important;
transition: 400ms !important;
}
.pagination span
{
border-radius: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 40px !important;
height: 40px !important;
margin: 7px !important;
border: 1px solid #1b3738 !important;
transition: 400ms !important;
}
.pagination ul li a:hover
{
background: rgba(0, 0, 0, 0.5) !important;
}
.feature-item
{
min-width: 150px !important;
max-width: 150px !important;
}
.feature-item i
{
font-size: 60px !important;
}
.feature-item span
{
font-size: 18px !important;
text-align: center;
}
#accordion i
{
display: none;
}
@media screen and (max-width: 992px)
{
.home-blog-item:nth-child(2)
{
display: none;
}
}
@media screen and (max-width: 600px)
{
.notify-widget-button
{
width:100%important;
display: block;
padding: 15px 0;
}
.nav-menu li:first-child
{
border-top-width: 1px !important;
}
.nav-menu li
{
border-bottom-width: 1px !important;
padding: 10px !important;
}
.home-slider a img
{
height: 390px !important;
width: 100% !important;
}
.home-blog-item:first-child
{
margin-top: 30px;
}
.home-blog-item
{
margin: 10px 0;
transform: translate(0, 0) !important;
}
.home-blog-item:nth-child(2)
{
display: block !important;
}
.pagination
{
display: flex !important;
flex-direction: column !important;
}
.pagination ul
{
display: flex !important;
flex-wrap: wrap !important;
}
.accordion-content
{
display: none;
}
#accordion i
{
display: block;
}
}
@media screen and (min-width: 600px)
{
.notify-widget-button
{
width:100%important;
position:absolute!important;
bottom:17px!important;
right: 0px;
}
.mobile-menu
{
display: none !important;
}
}
#footer-features
{
width:100% !important;
}
.inner
{
width: 100% !important;
}
@media (min-width: 640px)
{
.inner
{
max-width: 640px !important;
}
}
@media (min-width: 768px)
{
.inner
{
max-width: 768px !important;
}
}
@media (min-width: 1024px)
{
.desktop-font-bold
{
font-weight: bold;
}
.inner
{
max-width: 1024px !important;
}
}
@media (min-width: 1280px)
{
.inner
{
max-width: 1280px !important;
}
}
input, select, button
{
-webkit-appearance: auto !important;
-moz-appearance: inherit !important;
appearance: auto !important;
}
.placeholder
{
display:none !important;
}
.form-control input[type="tel"], .form-control input[type="number"], .form-control input[type="email"], .form-control input[type="search"], .form input[type="tel"], .form input[type="number"], .form input[type="email"], .form input[type="search"]
{
height:auto !important;
}
.form-control input[type="text"], .form-control input[type="password"], .form-control select, .form-control textarea, .form input[type="text"], .form input[type="password"], .form select, .form textarea
{
height:auto !important;
}
.form-control input[type="text"], .form-control input[type="password"], .form-control input[type="tel"], .form-control input[type="number"], .form-control select, .form-control textarea, .form input[type="text"], .form input[type="password"], .form input[type="tel"], .form input[type="number"], .form select, .form textarea
{
background-color:#eee !important;
}
.icon.myFlag
{
display: none;
}
html, body, div, span, applet, object, iframe, p, a, abbr, acronym, address, big, cite, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{
font-family:"Poppins", Arial, Helvetica, sans-serif !important;
}
.row
{
margin-left:0 !important;
margin-right:0 !important;
}
@media screen and (max-width: 768px)
{
#cart-wrapper
{
display: flex !important;
}
}
#tabBtn li
{
background-color: rgb(27 55 56 / 0) !important;
border-radius: 16px;
margin-right: 20px;
}
#tabBtn li span
{
color: rgb(27 55 56 / 1) !important;
}
#tabBtn li.active
{
background-color: rgb(27 55 56 / 1) !important;
}
#tabBtn li.active span
{
color:white !important;
}
body
{
background-color:white !important;
}
a.cartPrev:before
{
content: none !important;
}
input#indirimkuponu
{
border-color: rgb(27 55 56 / 1) !important;
}
.indirim-btn.btn
{
background-color: rgb(27 55 56 / 1) !important;
color: white !important;
right: 0 !important;
}
.indirimkuponu
{
padding:0 !important;
}
.cartRight a#addCartBtn
{
background-color: rgb(27 55 56 / 1) !important;
color: white !important;
}
div#filterWrapper .filter-title
{
margin-bottom: 0 !important;
}
.ui-slider-range,.ui-slider-handle
{
background-color: rgb(27 55 56 / 1) !important;
}
div.gridLine
{
height: 27px;
width: 1px;
margin: 0 10px;
float: left;
background-color: #e6e7e8;
}
div#cart-wrapper .inpt-qty input
{
border-radius:9px !important;
}
.tabBtns .btn.active
{
background-color: #fff !important;
padding-left: 10px !important;
padding-right: 10px !important;
}
.tabBtns .btn.active:after
{
content: none !important;
}
.swiper-slide img
{
object-fit:contain !important;
}
.blogCat-menu
{
margin-top: 20px !important;
border: 1px solid rgb(27 55 56 / 1) !important;
margin-bottom: 20px !important;
padding: 10px 15px !important;
}
.blogCat-menu .catMenu li
{
border-bottom: 1px solid rgb(27 55 56 / 1) !important;
}
.blogCat-menu .catMenu a:hover
{
background: rgb(27 55 56 / 0.2);
color: #000 !important;
}
h3.blog-detail-title
{
margin: 0 !important;
font-size: 30px !important;
font-weight: 600 !important;
}
h1, h2, h3, h4, h5, h6
{
font-family: "Poppins", Arial, Helvetica, sans-serif !important;
}
.pWrapper
{
display:flex !important;
justify-content: center;
align-items:center;
}
.pWrapper .pClose
{
border-radius: 50%;
top: -45px !important;
}
.btn-success
{
background-color: rgb(27 55 56 / 1) !important;
color: #fff !important;
padding: 0.25rem 1rem !important;
border-radius: 8px !important;
}
.line-bottom
{
border-bottom: 1px solid rgb(27 55 56 / 0.5) !important;
}
.lightBg
{
background-color: rgb(27 55 56 / 0.3) !important;
}
.pWrapper .pWin.flexbox
{
border-radius:16px !important;
}
a#addCartBtn
{
border-radius:8px !important;
}
.cartRight
{
margin-top: 61px !important;
}
.productRow
{
border-radius:16px !important;
}
#cart-wrapper .qtyBox .qtyBtns
{
border-radius: 8px !important;
}
a.cartPrev
{
border-radius: 8px !important;
}
a
{
border-radius: 8px;
}
button
{
border-radius: 8px;
}
.yorum-click
{
border-radius: 8px;
}
.form-group, .input-group
{
border-radius: 8px;
}
select,input
{
border-radius: 8px;
}
.card-header,.card-body
{
border-radius: 8px;
}
.pWrapper .pWin.overflow
{
min-height: 500px !important;
}
i.pos-a.pos-top.pos-right.icon-arrow-simple-down.icon-large.text-custom-gray
{
color: transparent !important;
}
input, textarea, select
{
padding:0.5rem !important;
border-radius: 8px !important;
}
.form-control input[type="text"]
{
height: 50px !important;
}
.addres-box > div
{
border-radius: 8px;
background-color: rgb(27 55 56 / 0.05) !important;
}
.box.col-12.form-control.lightBg.addressRow
{
border-radius: 8px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.col.col-12.box-border.b-top.b-bottom.hideThis
{
background-color: rgb(27 55 56 / 0.05) !important;
}
div#orderRight .pageTitle.accordeon
{
border-radius: 8px;
}
.col.col-12.pageTitle.lightBg.accordeon.active
{
border-radius: 8px;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
button.nextOrder.btn.btn-big.col-12.btn-warning.btn-radius.fw600.a-center
{
padding: 0.5rem 1rem !important;
background-color: rgb(27 55 56 / 1) !important;
color: white !important;
}
button.nextOrder.btn.btn-big.col-12.btn-radius.fw600.a-center.btn-success
{
padding: 0.5rem 1rem !important;
background-color: rgb(27 55 56 / 1) !important;
color: white !important;
}
div#summaryDeliveryAddress
{
margin-bottom: 20px !important;
}
.col.col-12.box-border.b-top.b-bottom.hideThis
{
border-radius: 8px;
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
div#orderSummary
{
background-color: rgb(27 55 56 / 0.05) !important;
border-radius: 8px;
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
div#orderLeft > div.contentAddress
{
border:1px solid rgb(27 55 56 / 0.5) !important;
border-radius: 16px !important;
}
.box.col-12.p-bottom.addres-box
{
padding:0 !important;
}
.col
{
padding-left: 0 ;
padding-right: 0 ;
}
div#orderLeft
{
padding: 0 20px;
}
.form-control input[type="number"]
{
height: 41px !important;
}
#cart-wrapper .qtyBox .qtyBtns a:last-child,#cart-wrapper .qtyBox .qtyBtns a:first-child
{
background-size: 15px;
}
@media screen and (max-width: 768px)
{
.tabBtns .btn
{
font-size: 16px !important;
}
.forDesktop
{
display: none !important;
}
}
#paymentPager li.active
{
background-color: rgb(27 55 56 / 1) !important;
padding: 12px 24px !important;
}
#paymentPager li
{
padding: 12px 0px !important;
transition: padding 0.3s ease-out;
}
ul#paymentPager + div
{
padding: 0px !important;
}
div#paymentArea
{
border-radius: 16px !important;
border: 1px solid rgb(27 55 56 / 1) !important;
}
ul#remittanceBankAccountList .bank-account label
{
border-radius: 8px !important;
}
.pWrapper .pWin
{
border-radius: 16px !important;
background-color: white !important;
}
.pageTitle > .row
{
border-radius: 16px !important;
}
.totalBasketPrice
{
width:max-content !important;
}
.productItem
{
position: relative !important;
}
.productItem:hover .product-hover-wrapper
{
display: flex;
}
.product-hover-wrapper
{
display: none;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 20px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
z-index: 100;
background-color: white;
padding: 20px 0;
}
.product-hover-wrapper .product-number-area
{
display: flex;
gap: 10px;
justify-content: center;
align-items:center;
padding: 5px;
background-color: #eee;
border-radius: 16px;
}
.product-hover-wrapper .product-number-area .product-number-button
{
background-color: rgb(27 55 56 / 1) !important;
color: white !important;
padding: 8px 12px !important;
border-radius: 8px !important;
}
.product-hover-wrapper .product-number-area #product-number-input
{
text-align: center;
max-width: 100px !important;
}
.product-hover-wrapper .product-button
{
background-color: rgb(27 55 56 / 1) !important;
color: white !important;
padding: 8px 16px !important;
border-radius: 8px !important;
width: 100%;
max-width: 50%;
font-size: 0.9rem !important;
}
.product-hover-wrapper #product-buy-button
{
background-color: rgb(27 55 56 / 0.2) !important;
color: rgb(27 55 56 / 1) !important;;
font-weight: 500 !important;
}
@media screen and (max-width: 768px)
{
.product-hover-wrapper
{
display:none !important;
}
}
.tsoft-push--in-notification-text-container
{
float: left !important;
}
#cookieDescription
{
padding: 0.5rem !important;
}
.tsoft-push--in-notification-button
{
width: max-content !important;
height: max-content !important;
padding: 8px 16px !important;
border-radius: 8px !important;
}
.tsoft-push--in-allow-button
{
background-color: rgb(27 55 56 / 1) !important;
color: white !important;
}
.fb-share-button
{
display: flex !important;
}
@media screen and (max-width: 768px)
{
.product-mobile-hover-wrapper
{
display: flex !important;
justify-content: center;
align-items: center;
}
}
.product-mobile-hover-wrapper
{
display: none;
}
.product-mobile-hover-wrapper .product-button
{
background-color: rgb(27 55 56 / 1) !important;
color: white !important;
padding: 8px 16px !important;
border-radius: 8px !important;
width: 100%;
font-size: 0.9rem !important;
}
a.btn.btn-danger.btn-upper.btn-radius.deleteSelected
{
margin-left: 10px !important;
}
.pWrapper .flex
{
width: 100% !important;
}
.pWrapper .pWin .pText
{
max-height: 500px !important;
overflow-y: auto !important;
}
input:focus, select:focus, textarea:focus
{
box-shadow: none;
}
@media screen and (max-width: 768px)
{
#header
{
margin-top: 42px!important;
}
#tabBtn li span
{
font-size: 13px !important;
}
}
#tabBtn li
{
width: 100% !important;
}
@media screen and (min-width: 769px)
{
.forMobile
{
display: none;
}
}
@media screen and (max-width: 768px)
{
.forDesktop
{
display: none;
}
aside#leftColumn
{
padding:0px!important;
}
}
.iban-budget-widget .inputClear
{
border: 0px!important;
padding: 0px!important;
line-height: 0px!important;
height: 100%!important;
padding-left:10px!important;
}
.iban-budget-widget .customFormClear
{
padding: 0px;
margin: 0px;
}
.iban-budget-widget .tooltipWrapperClear
{
line-height: 0px!important;
margin-bottom: 0px!important;
height: 100%;
}
#canli-piyasalar tr:first-child td
{
padding-top: 0px!important;
}
#cart-wrapper .qtyBox .qtyBtns
{
width:140px!important;
}
footer a:hover
{
--tw-text-opacity: 1 !important;
color: rgb(3 29 78 / var(--tw-text-opacity)) !important;
}
.product-name-live
{
font-size:13px!important;
}
.anket-fixed
{
border:1px solid #ddd!important;
}
#catImg img
{
width:100%!important;
}
@media screen and (max-width: 768px)
{
#catImg img
{
margin-top: 31px!important;
}
.bg-arkaplan
{
padding-bottom:0px!important;
}
}
.ccp---nb.ccp---dp-left-bottom .cc-nb-main-container .cc-nb-buttons-container >button
{
float: right !important;
}
.ccp---palette-light .cc-nb-changep
{
background-color: #1b3738 !important;
color: #fff !important;
}
.ccp---palette-light .cc-nb-reject
{
color: #fff !important;
background-color: #525253 !important;
}
.ccp---palette-light .cc-nb-okagree
{
color: #fff !important;
background-color: #1c2919 !important;
}
.ccp---nb .cc-nb-okagree, .ccp---nb .cc-nb-reject, .ccp---nb .cc-nb-changep
{
font-weight: bold !important;
font-size: 17px !important;
margin-right: 0.55rem !important;
margin-bottom: 0.25rem !important;
border-radius: 6px !important;
transition: all 0.5s !important;
opacity: 1 !important;
border: 4px solid transparent !important;
overflow: hidden !important;
}
.ccp---reset button, .ccp---reset html [type="button"], .ccp---reset [type="reset"], .ccp---reset [type="submit"]
{
-webkit-appearance: button !important;
}
.ccp---reset button, .ccp---reset select
{
text-transform: none !important;
}
.ccp---reset button, .ccp---reset input
{
overflow: visible !important;
}
.ccp---reset input, .ccp---reset button, .ccp---reset select, .ccp---reset optgroup, .ccp---reset textarea
{
margin: 0 !important;
font-family: inherit !important;
font-size: inherit !important;
line-height: inherit !important;
}
.ccp---reset button
{
border-radius: 2px !important;
padding: .5rem 1rem !important;
outline: none !important;
background: #dcdae5 !important;
color: #111 !important;
cursor: pointer !important;
border: none !important;
white-space: nowrap !important;
transition: all ease .3s !important;
}
.ccp---reset a, .ccp---reset li, .cpp---reset p, .ccp---reset h1, .ccp---reset h2, .ccp---reset input, .ccp---reset button, .ccp---reset select
{
border-style: none !important;
box-shadow: none !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
font-size: 100% !important;
font: inherit !important;
vertical-align: baseline !important;
outline: none !important;
}
.ccp---reset *, .ccp---reset *::before, .cpp---reset *::after
{
box-sizing: border-box !important;
}
.ccp---nb.ccp---dp-left-bottom .cc-nb-main-container .cc-nb-buttons-container >button
{
float: right !important;
}
.ccp---palette-light .cc-nb-changep
{
background-color: #1b3738 !important;
color: #fff !important;
}
.ccp---palette-light .cc-nb-reject
{
color: #fff !important;
background-color: #525253 !important;
}
.ccp---palette-light .cc-nb-okagree
{
color: #fff !important;
background-color: #1c2919 !important;
}
.ccp---reset a, .ccp---reset li, .cpp---reset p, .ccp---reset h1, .ccp---reset h2, .ccp---reset input, .ccp---reset button, .ccp---reset select
{
border-style: none !important;
box-shadow: none !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
font-size: 100% !important;
font: inherit !important;
vertical-align: baseline !important;
outline: none !important;
}
.ccp---reset *, .ccp---reset *::before, .cpp---reset *::after
{
box-sizing: border-box !important;
}
.ccp---palette-light.ccp---nb .cc-nb-main-container
{
color: #7a7a7a !important;
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12) !important;
backdrop-filter: blur(10px) contrast(70%) !important;
-webkit-backdrop-filter: blur(10px) contrast(70%) !important;
background: rgb(222 229 222 / 57%) !important;
}
.ccp---nb .cc-nb-main-container
{
visibility: visible !important;
transition: all 0s, transform 0.4s, opacity 0.6s !important;
transform: perspective(1000px) rotateX(0deg) !important;
-webkit-transform: perspective(1000px) rotateX(0deg) !important;
transform-origin: center !important;
opacity: 1 !important;
}
.ccp---reset a:hover
{
color: #0056b3;
}
.ccp---palette-light .cc-cp-body-tabs-item-link
{
color: #666 !important;
}
.ccp---pc-dialog .cc-cp-body-tabs-item-link
{
text-decoration: none !important;
color: #666 !important;
display: block !important;
padding: 10px 5px 10px 10px !important;
font-weight: 700 !important;
font-size: 12px !important;
line-height: 19px !important;
position: relative !important;
border-left: 0 solid #666 !important;
transition: all 0s, border 0.2s, color 0.4s !important;
box-shadow: none !important;
}
.ccp---reset a
{
color: #1b3738 !important;
text-decoration: none !important;
background-color: transparent !important;
-webkit-text-decoration-skip: objects !important;
}
.ccp---reset a, .ccp---reset li, .cpp---reset p, .ccp---reset h1, .ccp---reset h2, .ccp---reset input, .ccp---reset button, .ccp---reset select
{
border-style: none !important !important;
box-shadow: none !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
font-size: 100% !important;
font: inherit !important;
vertical-align: baseline !important;
outline: none !important;
}
.ccp---reset *, .ccp---reset *::before, .cpp---reset *::after
{
box-sizing: border-box !important;
}
.ccp---dp-center.ccp---palette-light .ccp---pc-dialog .cc-pc-head-title
{
background-color: #1b3738 !important;
border-bottom: 1px solid rgba(102, 102, 102, 0.40) !important;
}
.ccp---pc-dialog .cc-pc-head-title
{
display: flex !important;
padding: 6px 14px !important;
flex-direction: column !important;
justify-content: center !important;
align-items: baseline !important;
max-height: 71.5px !important;
min-height: 55px !important;
}
.ccp---palette-light .cc-pc-head
{
background: #fff !important;
color: #111 !important;
border-bottom: 1px solid #ededed !important;
}
.ccp---pc-dialog .cc-pc-head
{
background: #fff !important;
color: #111 !important;
display: flex !important;
justify-content: space-between !important;
}
.ccp---dp-center .ccp---pc-dialog .cc-pc-head-close
{
position: absolute !important;
right: 0 !important;
top: 0 !important;
}
.ccp---palette-light .cc-pc-head-close
{
background: none !important;
color: #fff !important;
}
.ccp---pc-dialog .cc-pc-head-close
{
display: flex !important;
align-items: center !important;
justify-content: center !important;
transition: all 0.5s !important;
opacity: 0.5 !important;
background-color: rgba(255, 255, 255, 0.10) !important;
padding: 0 !important;
margin: 10px 8px 0 0 !important;
width: 26px !important;
height: 26px !important;
border-radius: 5px !important;
}
.ccp---reset button, .ccp---reset html [type="button"], .ccp---reset [type="reset"], .ccp---reset [type="submit"]
{
-webkit-appearance: button !important;
}
.ccp---reset button, .ccp---reset select
{
text-transform: none !important;
}
.ccp---reset button, .ccp---reset input
{
overflow: visible !important;
}
.ccp---reset input, .ccp---reset button, .ccp---reset select, .ccp---reset optgroup, .ccp---reset textarea
{
margin: 0 !important;
font-family: inherit !important;
font-size: inherit !important;
line-height: inherit !important;
}
.ccp---reset button
{
border-radius: 2px !important;
padding: .5rem 1rem !important;
outline: none !important;
background: #dcdae5 !important;
color: #111 !important;
cursor: pointer !important;
border: none !important;
white-space: nowrap !important;
transition: all ease .3s !important;
}
.ccp---reset a, .ccp---reset li, .cpp---reset p, .ccp---reset h1, .ccp---reset h2, .ccp---reset input, .ccp---reset button, .ccp---reset select
{
border-style: none !important !important;
box-shadow: none !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
font-size: 100% !important;
font: inherit !important;
vertical-align: baseline !important;
outline: none !important;
}
.ccp---reset *, .ccp---reset *::before, .cpp---reset *::after
{
box-sizing: border-box !important;
}
.ccp---pc-dialog input[type="checkbox"].cc-custom-checkbox+label:before
{
content: "" !important;
position: absolute !important;
display: block !important;
left: 0 !important;
top: 0 !important;
width: 40px !important;
height: 24px !important;
border-radius: 16px !important;
border: 1px solid #d9d9d9 !important;
-webkit-transition: all 0.3s !important;
transition: all 0.3s !important;
}
.ccp---reset *, .ccp---reset *::before, .cpp---reset *::after
{
box-sizing: border-box !important;
}
.ccp---pc-dialog input[type="checkbox"].cc-custom-checkbox+label:after
{
content: "" !important;
position: absolute !important;
display: block !important;
left: 0px !important;
top: 0px !important;
width: 24px !important;
height: 24px !important;
border-radius: 16px !important;
background: #f3eeee !important;
border: 1px solid #d9d9d9 !important;
-webkit-transition: all 0.3s !important;
transition: all 0.3s !important;
}
.ccp---dp-center.ccp---palette-light .ccp-nested-tb>thead>tr>th
{
font-weight: bold;
background-color: #eceff1 !important;
color: #1b3738 !important;
}
.ccp-nested-tb>thead>tr>th
{
padding: 10px !important;
position: sticky !important;
top: 0 !important;
white-space: nowrap !important;
vertical-align: middle !important;
}
.ccp---reset *, .ccp---reset *::before, .cpp---reset *::after
{
box-sizing: border-box !important;
}
.ccp---dp-center .ccp---pc-dialog .cc-cp-body-tabs .cc-cp-body-tabs-item[active="true"]:first-child
{
border-radius: 0 0 0 6px !important;
}
.ccp---dp-center .ccp---pc-dialog .cc-cp-body-tabs .cc-cp-body-tabs-item[active="true"]
{
z-index: 3 !important;
border-radius: 6px 0 0 6px !important;
}
.ccp---dp-center .ccp---pc-dialog .cc-cp-body-tabs-item
{
border: none !important;
position: relative !important;
}
.ccp---pc-dialog .cc-cp-body-tabs-item[active=true]
{
background: #1b3738 !important;
color: #f5f5f5 !important;
transition: all 0.5s !important;
}
.ccp---palette-light .cc-cp-body-tabs-item
{
border-right-color: #ccc !important;
border-bottom-color: #ccc !important;
}
.ccp---pc-dialog .cc-cp-body-tabs-item
{
margin: 0 !important;
padding: 0 !important;
float: left !important;
display: block !important;
width: 100% !important;
color: #666 !important;
border-bottom: 1px solid #ccc !important;
border-right: 1px solid #ccc !important;
transition: all ease .1s !important;
box-sizing: content-box !important;
box-shadow: none !important;
}
.ccp---dp-center .ccp---pc-dialog .cc-cp-foot-save
{
margin-right: 0 !important;
margin-left: 10px !important;
}
.ccp---palette-light .cc-cp-foot-save
{
background: #1b3738 !important;
color: #fff !important;
}
.ccp---pc-dialog .cc-cp-foot-save
{
margin-right: 6px !important;
opacity: .9 !important;
transition: all ease .3s !important;
font-size: 17px !important;
font-weight: bold !important;
height: auto !important;
border-radius: 6px !important;
border: 4px solid transparent !important;
}
.ccp---reset
{
-webkit-text-size-adjust: 100% !important;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: transparent !important;
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
font-size: 1rem !important;
font-weight: 400 !important;
line-height: 1.5 !important;
color: #212529 !important;
text-align: left !important;
background-color: transparent !important;
}
.ccp---dp-center.ccp---palette-light .ccp---pc-dialog .cc-cp-body-tabs-item-link:hover, .ccp---dp-center.ccp---palette-light .ccp---pc-dialog .cc-cp-body-tabs-item[active=true] .cc-cp-body-tabs-item-link
{
border-color: #1b3738 !important;
color: #000 !important;
}
.ccp---dp-center.ccp---palette-light .ccp---pc-dialog, .ccp---dp-center.ccp---palette-light .ccp---pc-dialog .cc-cp-body-tabs-item[active=true] .cc-cp-body-tabs-item-link
{
border-color: #1b3738 !important;
color: #fff !important;
}
.ccp---dp-center .ccp---pc-dialog .cc-cp-body-tabs-item-link:hover, .ccp---dp-center .ccp---pc-dialog .cc-cp-body-tabs-item[active=true] .cc-cp-body-tabs-item-link
{
border-left: 6px solid #666;
}
.ccp---palette-light .cc-cp-body-tabs-item[active=true] a
{
color: #111;
background-color: #fbfbfb;
}
.ccp---palette-light .cc-cp-body-tabs-item-link:focus
{
box-shadow: 0 0 0 2px #fbfbfb;
}
.ccp---palette-light .cc-cp-body-tabs-item-link:hover
{
color: #666;
}
.ccp---nb
{
overflow: auto;
z-index: 99999999999 !important;
font-size: 16px !important;
overflow: hidden;
}
.ccp---dp-center .ccp---pc-dialog .cc-cp-body-tabs
{
max-width: 20% !important;
width: auto !important;
overflow-x: hidden !important;
overflow-y: auto !important;
max-height: 100% !important;
min-height: 50px !important;
}
.ccp---palette-light .cc-cp-body-tabs
{
color: #666 !important;
background: #e6e6e6 !important;
}
.ccp---pc-dialog .cc-cp-body-tabs
{
font-family: Arial, sans-serif !important;
width: 150px !important;
margin: 0 !important;
padding: 0 !important;
background: #e6e6e6 !important;
min-width: 150px !important;
}
.ccp---dp-center.ccp---palette-light .ccp---pc-dialog .cc-cp-body-tabs .cc-cp-body-tabs-item-link:before, .ccp---dp-center.ccp---palette-light .ccp---pc-dialog .cc-cp-body-tabs .cc-cp-body-tabs-item-link:after
{
background: none !important;
}
.ccp---dp-center.ccp---palette-light .ccp---pc-dialog .cc-cp-body-tabs .cc-cp-body-tabs-item[active="true"]:before, .ccp---dp-center.ccp---palette-light .ccp---pc-dialog .cc-cp-body-tabs .cc-cp-body-tabs-item[active="true"]:after
{
background: none !important;
}
.ccp---dp-center.ccp---palette-light .ccp---pc-dialog .cc-cp-body-tabs .cc-cp-body-tabs-item:before, .ccp---dp-center.ccp---palette-light .ccp---pc-dialog .cc-cp-body-tabs .cc-cp-body-tabs-item:after
{
background: none !important;
}
.ccp-nested-tb
{
border-collapse: separate !important;
border-spacing: 2px !important;
width: 100%;
padding: 18px 0 !important;
font-size: 0.9em !important;
}
.ccp---dp-center.ccp---palette-light .ccp---pc-dialog .ccp-nested-tb>tbody>tr>td
{
background-color: #efefef !important;
}
.ccp-nested-tb>tbody>tr>td:last-child
{
border-radius: 0 5px 5px 0 !important;
}
.ccp-nested-tb>tbody>tr>td
{
min-height: 38px !important;
font-weight: 300 !important;
vertical-align: middle !important;
padding: 10px !important;
}
.ccp---reset *, .ccp---reset *::before, .cpp---reset *::after
{
box-sizing: border-box !important;
}
.ccp---pc-dialog .cc-cp-body
{
display: flex !important;
flex-direction: row !important;
align-items: stretch !important;
background: #292929 !important;
color: #f5f5f5 !important;
border-bottom: none !important;
min-height: calc(100% - 174px) !important;
overflow-x: hidden;
overflow-y: auto;
}
.ccp-nested-tb>tbody>tr>td:first-child
{
border-radius: 5px 0 0 5px !important;
}
.ccp---pc-dialog input[type="checkbox"].cc-custom-checkbox
{
position: absolute !important;
margin: 2px 0 0 16px !important;
cursor: pointer !important;
appearance: none !important;
}
.ccp---dp-center .cc-pc-head-back-to-menu:after
{
position: absolute !important;
content: '' !important;
width: 8px !important;
height: 8px !important;
border-bottom: 2px solid #959595;
border-left: 2px solid #959595;
transform: rotate(45deg) !important;
margin-left: 3px !important;
transition: all 0.4s !important;
}
.ccp---dp-center .cc-pc-head-back-to-menu
{
display: none !important;
}
.ccp---dp-center .cc-pc-head-back-to-menu
{
width: 35px !important;
height: 100% !important;
float: left !important;
position: relative !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
border-left: 1px solid #ddd !important;
cursor: pointer !important;
}
@media (min-width: 190px) and (max-width: 768px)
{
.ccp---dp-center .ccp---pc-dialog
{
width: 90% !important;
}
}
@media (min-width: 190px) and (max-width: 768px)
{
.ccp---dp-center .ccp---pc-dialog
{
margin: 10px auto !important;
}
}
@media (min-width: 320px) and (max-width: 1024px)
{
.ccp---dp-center .ccp---pc-dialog
{
height: calc(100% - 20px) !important;
margin: 10px auto !important;
}
}
@media (min-width: 190px) and (max-width: 768px)
{
.ccp---dp-center .cc-pc-head-back-to-menu.cc-pc-h-back-deactive
{
display: none;
}
}
@media (min-width: 190px) and (max-width: 768px)
{
.ccp---dp-center .cc-pc-head-back-to-menu
{
border-right: 1px solid #ddd !important;
border-left: none !important;
display: flex !important;
height: 45px !important;
}
}
@media (min-width: 320px) and (max-width: 1024px)
{
.ccp---dp-center .ccp---pc-dialog .cc-cp-body
{
min-height: calc(100% - 164px) !important;
}
}
@media (min-width: 190px) and (max-width: 768px)
{
.ccp---dp-center .ccp---pc-dialog .cc-cp-body.ac---nav-active .cc-cp-body-tabs
{
display: block !important;
transform: perspective(800px) rotateY(0deg) !important;
transform-origin: center left !important;
visibility: visible !important;
transition: all 0.4s !important;
}
}
@media (min-width: 190px) and (max-width: 768px)
{
.ccp---dp-center.ccp---palette-light .ccp---pc-dialog .cc-cp-body-tabs .cc-cp-body-tabs-item .cc-cp-body-tabs-item-link, .ccp---dp-center.ccp---palette-light .cc-cp-body-tabs
{
background-color: #fff;
}
}
@media (min-width: 190px) and (max-width: 768px)
{
.ccp---dp-center .ccp---pc-dialog .cc-cp-body-tabs
{
width: 100% !important;
min-width: 100% !important;
transform: translateX(-100%) !important;
visibility: hidden;
transition: all 0.4s !important;
}
}
@media (min-width: 190px) and (max-width: 768px)
{
.ccp---dp-center.ccp---palette-light .ccp---pc-dialog .cc-cp-body-tabs .cc-cp-body-tabs-item .cc-cp-body-tabs-item-link, .ccp---dp-center.ccp---palette-light .cc-cp-body-tabs
{
background-color: #fff;
}
}
@media (min-width: 190px) and (max-width: 768px)
{
.ccp---dp-center .cc-pc-head-back-to-menu:after
{
margin-left: -5px !important;
border-bottom: 2px solid #959595 !important;
border-left: 2px solid #959595 !important;
}
}
.privacy-general
{
margin-bottom: 10px;
}
.privacy-general .icon-wrapper i::before
{
font-size: 24px;
}

@font-face
{
font-family: 'Open Sans';
font-style: italic;
font-weight: 300;
font-display: swap;
src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url('https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKWyV9hmIqOjjg.woff2') format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face
{
font-family: 'Open Sans';
font-style: italic;
font-weight: 300;
font-display: swap;
src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url('https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKWyV9hvIqOjjg.woff2') format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face
{
font-family: 'Open Sans';
font-style: italic;
font-weight: 300;
font-display: swap;
src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url('https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKWyV9hnIqOjjg.woff2') format('woff2');
unicode-range: U+1F00-1FFF;
}
@font-face
{
font-family: 'Open Sans';
font-style: italic;
font-weight: 300;
font-display: swap;
src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url('https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKWyV9hoIqOjjg.woff2') format('woff2');
unicode-range: U+0370-03FF;
}
@font-face
{
font-family: 'Open Sans';
font-style: italic;
font-weight: 300;
font-display: swap;
src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url('https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKWyV9hkIqOjjg.woff2') format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face
{
font-family: 'Open Sans';
font-style: italic;
font-weight: 300;
font-display: swap;
src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url('https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKWyV9hlIqOjjg.woff2') format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face
{
font-family: 'Open Sans';
font-style: italic;
font-weight: 300;
font-display: swap;
src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url('https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKWyV9hrIqM.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face
{
font-family: 'Open Sans';
font-style: italic;
font-weight: 400;
font-display: swap;
src: local('Open Sans Italic'), local('OpenSans-Italic'), url('https://fonts.gstatic.com/s/opensans/v17/mem6YaGs126MiZpBA-UFUK0Udc1UAw.woff2') format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face
{
font-family: 'Open Sans';
font-style: italic;
font-weight: 400;
font-display: swap;
src: local('Open Sans Italic'), local('OpenSans-Italic'), url('https://fonts.gstatic.com/s/opensans/v17/mem6YaGs126MiZpBA-UFUK0ddc1UAw.woff2') format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face
{
font-family: 'Open Sans';
font-style: italic;
font-weight: 400;
font-display: swap;
src: local('Open Sans Italic'), local('OpenSans-Italic'), url('https://fonts.gstatic.com/s/opensans/v17/mem6YaGs126MiZpBA-UFUK0Vdc1UAw.woff2') format('woff2');
unicode-range: U+1F00-1FFF;
}
@font-face
{
font-family: 'Open Sans';
font-style: italic;
font-weight: 400;
font-display: swap;
src: local('Open Sans Italic'), local('OpenSans-Italic'), url('https://fonts.gstatic.com/s/opensans/v17/mem6YaGs126MiZpBA-UFUK0adc1UAw.woff2') format('woff2');
unicode-range: U+0370-03FF;
}
@font-face
{
font-family: 'Open Sans';
font-style: italic;
font-weight: 400;
font-display: swap;
src: local('Open Sans Italic'), local('OpenSans-Italic'), url('https://fonts.gstatic.com/s/opensans/v17/mem6YaGs126MiZpBA-UFUK0Wdc1UAw.woff2') format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face
{
font-family: 'Open Sans';
font-style: italic;
font-weight: 400;
font-display: swap;
src: local('Open Sans Italic'), local('OpenSans-Italic'), url('https://fonts.gstatic.com/s/opensans/v17/mem6YaGs126MiZpBA-UFUK0Xdc1UAw.woff2') format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face
{
font-family: 'Open Sans';
font-style: italic;
font-weight: 400;
font-display: swap;
src: local('Open Sans Italic'), local('OpenSans-Italic'), url('https://fonts.gstatic.com/s/opensans/v17/mem6YaGs126MiZpBA-UFUK0Zdc0.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face
{
font-family: 'Open Sans';
font-style: italic;
font-weight: 600;
font-display: swap;
src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url('https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKXGUdhmIqOjjg.woff2') format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face
{
font-family: 'Open Sans';
font-style: italic;
font-weight: 600;
font-display: swap;
src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url('https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKXGUdhvIqOjjg.woff2') format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face
{
font-family: 'Open Sans';
font-style: italic;
font-weight: 600;
font-display: swap;
src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url('https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKXGUdhnIqOjjg.woff2') format('woff2');
unicode-range: U+1F00-1FFF;
}
@font-face
{
font-family: 'Open Sans';
font-style: italic;
font-weight: 600;
font-display: swap;
src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url('https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKXGUdhoIqOjjg.woff2') format('woff2');
unicode-range: U+0370-03FF;
}
@font-face
{
font-family: 'Open Sans';
font-style: italic;
font-weight: 600;
font-display: swap;
src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url('https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKXGUdhkIqOjjg.woff2') format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face
{
font-family: 'Open Sans';
font-style: italic;
font-weight: 600;
font-display: swap;
src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url('https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKXGUdhlIqOjjg.woff2') format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face
{
font-family: 'Open Sans';
font-style: italic;
font-weight: 600;
font-display: swap;
src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url('https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKXGUdhrIqM.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face
{
font-family: 'Open Sans';
font-style: italic;
font-weight: 700;
font-display: swap;
src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKWiUNhmIqOjjg.woff2') format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face
{
font-family: 'Open Sans';
font-style: italic;
font-weight: 700;
font-display: swap;
src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKWiUNhvIqOjjg.woff2') format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face
{
font-family: 'Open Sans';
font-style: italic;
font-weight: 700;
font-display: swap;
src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKWiUNhnIqOjjg.woff2') format('woff2');
unicode-range: U+1F00-1FFF;
}
@font-face
{
font-family: 'Open Sans';
font-style: italic;
font-weight: 700;
font-display: swap;
src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKWiUNhoIqOjjg.woff2') format('woff2');
unicode-range: U+0370-03FF;
}
@font-face
{
font-family: 'Open Sans';
font-style: italic;
font-weight: 700;
font-display: swap;
src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKWiUNhkIqOjjg.woff2') format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face
{
font-family: 'Open Sans';
font-style: italic;
font-weight: 700;
font-display: swap;
src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKWiUNhlIqOjjg.woff2') format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face
{
font-family: 'Open Sans';
font-style: italic;
font-weight: 700;
font-display: swap;
src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKWiUNhrIqM.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face
{
font-family: 'Open Sans';
font-style: italic;
font-weight: 800;
font-display: swap;
src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'), url('https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKW-U9hmIqOjjg.woff2') format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face
{
font-family: 'Open Sans';
font-style: italic;
font-weight: 800;
font-display: swap;
src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'), url('https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKW-U9hvIqOjjg.woff2') format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face
{
font-family: 'Open Sans';
font-style: italic;
font-weight: 800;
font-display: swap;
src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'), url('https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKW-U9hnIqOjjg.woff2') format('woff2');
unicode-range: U+1F00-1FFF;
}
@font-face
{
font-family: 'Open Sans';
font-style: italic;
font-weight: 800;
font-display: swap;
src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'), url('https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKW-U9hoIqOjjg.woff2') format('woff2');
unicode-range: U+0370-03FF;
}
@font-face
{
font-family: 'Open Sans';
font-style: italic;
font-weight: 800;
font-display: swap;
src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'), url('https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKW-U9hkIqOjjg.woff2') format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face
{
font-family: 'Open Sans';
font-style: italic;
font-weight: 800;
font-display: swap;
src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'), url('https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKW-U9hlIqOjjg.woff2') format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face
{
font-family: 'Open Sans';
font-style: italic;
font-weight: 800;
font-display: swap;
src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'), url('https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKW-U9hrIqM.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face
{
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
font-display: swap;
src: local('Open Sans Light'), local('OpenSans-Light'), url('https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OX-hpOqc.woff2') format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face
{
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
font-display: swap;
src: local('Open Sans Light'), local('OpenSans-Light'), url('https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OVuhpOqc.woff2') format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face
{
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
font-display: swap;
src: local('Open Sans Light'), local('OpenSans-Light'), url('https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OXuhpOqc.woff2') format('woff2');
unicode-range: U+1F00-1FFF;
}
@font-face
{
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
font-display: swap;
src: local('Open Sans Light'), local('OpenSans-Light'), url('https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OUehpOqc.woff2') format('woff2');
unicode-range: U+0370-03FF;
}
@font-face
{
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
font-display: swap;
src: local('Open Sans Light'), local('OpenSans-Light'), url('https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OXehpOqc.woff2') format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face
{
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
font-display: swap;
src: local('Open Sans Light'), local('OpenSans-Light'), url('https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OXOhpOqc.woff2') format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face
{
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
font-display: swap;
src: local('Open Sans Light'), local('OpenSans-Light'), url('https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OUuhp.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face
{
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Open Sans Regular'), local('OpenSans-Regular'), url('https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWJ0bbck.woff2') format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face
{
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Open Sans Regular'), local('OpenSans-Regular'), url('https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFUZ0bbck.woff2') format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face
{
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Open Sans Regular'), local('OpenSans-Regular'), url('https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWZ0bbck.woff2') format('woff2');
unicode-range: U+1F00-1FFF;
}
@font-face
{
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Open Sans Regular'), local('OpenSans-Regular'), url('https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVp0bbck.woff2') format('woff2');
unicode-range: U+0370-03FF;
}
@font-face
{
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Open Sans Regular'), local('OpenSans-Regular'), url('https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWp0bbck.woff2') format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face
{
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Open Sans Regular'), local('OpenSans-Regular'), url('https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFW50bbck.woff2') format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face
{
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Open Sans Regular'), local('OpenSans-Regular'), url('https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVZ0b.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face
{
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
font-display: swap;
src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOX-hpOqc.woff2') format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face
{
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
font-display: swap;
src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOVuhpOqc.woff2') format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face
{
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
font-display: swap;
src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOXuhpOqc.woff2') format('woff2');
unicode-range: U+1F00-1FFF;
}
@font-face
{
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
font-display: swap;
src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOUehpOqc.woff2') format('woff2');
unicode-range: U+0370-03FF;
}
@font-face
{
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
font-display: swap;
src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOXehpOqc.woff2') format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face
{
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
font-display: swap;
src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOXOhpOqc.woff2') format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face
{
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
font-display: swap;
src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOUuhp.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face
{
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local('Open Sans Bold'), local('OpenSans-Bold'), url('https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOX-hpOqc.woff2') format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face
{
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local('Open Sans Bold'), local('OpenSans-Bold'), url('https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOVuhpOqc.woff2') format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face
{
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local('Open Sans Bold'), local('OpenSans-Bold'), url('https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOXuhpOqc.woff2') format('woff2');
unicode-range: U+1F00-1FFF;
}
@font-face
{
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local('Open Sans Bold'), local('OpenSans-Bold'), url('https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOUehpOqc.woff2') format('woff2');
unicode-range: U+0370-03FF;
}
@font-face
{
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local('Open Sans Bold'), local('OpenSans-Bold'), url('https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOXehpOqc.woff2') format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face
{
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local('Open Sans Bold'), local('OpenSans-Bold'), url('https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOXOhpOqc.woff2') format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face
{
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local('Open Sans Bold'), local('OpenSans-Bold'), url('https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face
{
font-family: 'Open Sans';
font-style: normal;
font-weight: 800;
font-display: swap;
src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url('https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOX-hpOqc.woff2') format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face
{
font-family: 'Open Sans';
font-style: normal;
font-weight: 800;
font-display: swap;
src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url('https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOVuhpOqc.woff2') format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face
{
font-family: 'Open Sans';
font-style: normal;
font-weight: 800;
font-display: swap;
src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url('https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOXuhpOqc.woff2') format('woff2');
unicode-range: U+1F00-1FFF;
}
@font-face
{
font-family: 'Open Sans';
font-style: normal;
font-weight: 800;
font-display: swap;
src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url('https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOUehpOqc.woff2') format('woff2');
unicode-range: U+0370-03FF;
}
@font-face
{
font-family: 'Open Sans';
font-style: normal;
font-weight: 800;
font-display: swap;
src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url('https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOXehpOqc.woff2') format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face
{
font-family: 'Open Sans';
font-style: normal;
font-weight: 800;
font-display: swap;
src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url('https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOXOhpOqc.woff2') format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face
{
font-family: 'Open Sans';
font-style: normal;
font-weight: 800;
font-display: swap;
src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url('https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOUuhp.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
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('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/navIcon.png') no-repeat center center;
}
[dir="rtl"] #navigasyon li
{
float:right;
}
#navigasyon a
{
color: #fff;float: left;display: flex;align-items: center;
}
#navigasyon a.navHome:before
{
content: '';width: 6px;height: 10px;background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/navPrev.svg') no-repeat center;margin-right: 10px;
}
.nav-left-title span.nav-line
{
display: none;
}
span.nav-line
{
margin: 0 10px;
}
#navigasyon li:last-child a
{
color: #cfc1a9;
}
div#navigasyon
{
background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/navigasyonBG.jpg');
padding: 0 30px;
}
[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;
}
#catImg p
{
padding-bottom: 0;
}
#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: 25px;
margin-right:17px;
background: #ededed;
position:relative;
}
.ui-slider-range
{
position:absolute;
top:0;
height:2px;
background: #8f6f44;
}
.ui-slider-handle
{
position:absolute;
top:-7px;
box-sizing:border-box;
cursor:pointer;
width: 16px;
height: 16px;
border-radius: 4px;
background-color: #8f6f44;
}
#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
{
}
.qtyBtns
{
height:48px;
padding-top:1px;
padding-bottom:1px;
background-color:#e5e5e5;
}
.package-line .qtyBtns
{
height:30px;
}
.middleItem .qtyBtns
{
max-width: 110px;
}
.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
{
}
.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
{
}
.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;
}
.productRow div > span.basketSubPro,
.middleItem td > span.basketSubPro
{
display:inline-block;
font-size:12px;
color:#5e5e5e;
}
.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('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/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%;
}
.nav-left-title a
{
font-size: 40px;
font-weight: 500;
line-height: 48px;
color: #fff;
text-transform: uppercase;
}
div#nav-wrapper
{
display: flex;
align-items: center;
padding: 20px 0;
box-sizing: border-box;
}
.nav-left-title + .fl
{
margin-left: auto;
}
#navigasyon li
{
float: left;
}
div#page-login
{
padding: 40px 0;
margin-bottom: 80px;
}
.shoppingProducts .removeBasketProduct:before
{
color: #fff;
}
.removeBasketProduct
{
display: flex;
align-items: center;
justify-content: center;
}
#rightColumn .ArayuzBlok
{
margin-top: 20px;
}
.mt0
{
margin-top: 0 !important;
}
.share-blog
{
float: right;
margin-top: 10px;
padding-left: 21px;
background: url('/theme/v4-usergramaltin/sub_theme/genel/firat/user_mottulgramaltin/../v4/share.svg') no-repeat left center;
height: 30px;
line-height: 30px;
font-size: 15px;
font-weight: 500;
background-size: 15px !important;
cursor: pointer;
}
.blog-share-links
{
position: absolute;
top: 100%;
right: 0;
display: flex;
align-items: center;
background: #fff;
z-index: 99;
border: 1px solid #000;
box-sizing: border-box;
}
.blog-share-links > div
{
float: left;
}
.blog-share-links > div > *
{
padding: 10px;
}
@media screen and (max-width: 1230px)
{
#nav-wrapper
{
}
}
@media screen and (min-width: 1001px)
{
.qtyBtns input
{
}
}
@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
{
}
}
@media screen and (max-width: 768px)
{
.productInfoRow .removeBtn
{
margin-top: 10px;
}
div#cartEmpty + .order-bigTitle
{
display: none;
}
.account-drop
{
display: none !important;
}
div#page-login
{
padding: 0 20px;
box-sizing: border-box;
margin-bottom: 20px;
}
span.nav-line
{
margin: 0 5px;
}
#navigasyon a.navHome:before
{
margin-right: 5px;
}
#navigasyon a
{
font-size: 10px;
}
.sepetBox
{
padding: 10px;
}
#SepetForm
{
padding: 0 !important;
margin: 0 !important;
}
div#navigasyon
{
padding: 0 10px;
}
div#nav-wrapper
{
padding: 5px 0;
}
.nav-left-title a
{
font-size: 14px;
line-height: 28px;
}
#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;
}
.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: 20px;
font-size: 17px;
margin-bottom: 30px;
text-align: center;
}
#cartEmpty:before
{
width:100%;
margin: 0;
background-size: 70px;
height: 100px;
}
.productRow
{
display:block;
padding-top: 10px;
padding-bottom: 20px;
}
.productRow div > span.basketProName
{
position:relative;
font-size:13px;
line-height:1.7;
}
.removeBtn
{
}
[dir="rtl"] .removeBtn
{
right:auto;
left:0;
}
#cart-wrapper
{
display:initial;
}
.form.large .package-line .qtyBtns input
{
padding-right:5px;
padding-left:5px;
}
}
.pWrapper .pWin.angularTemplate
{
visibility:hidden;
}
.pWrapper
{
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
display:block;
overflow:hidden;
z-index:999999999;
}
.flex
{
width:100%;
height:100%;
display:-webkit-flex;
display:flex;
justify-content:center;
-webkit-flex-direction:column;
flex-direction:column;
}
.pWrapper .pBg
{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
display:block;
background:#333;
opacity:0.5;
z-index:1000;
}
[dir="rtl"] .pWrapper .pBg
{
right:0;
left:auto;
}
.pWrapper .pWin
{
position:relative;
float:none;
margin:0px auto;
width:96%;
max-height:90%;
max-width:1100px;
background:rgba(255,255,255,.95);
z-index:10001;
border:1px solid #eee;
box-shadow:0 0 10px rgba(0, 0, 0, 0.5);
border-radius:0;
}
.pWrapper .pWin.overflow
{
height:90%;
}
.pWrapper .pWin.withBtn
{
padding-bottom:61px;
}
.pWrapper .pWin.overflow img
{
max-width:100%;
}
.pWrapper .pWin .pText
{
position:relative;
width:100%;
float:left;
padding:2px 10px;
box-sizing:border-box;
margin:0px;
overflow-y:scroll;
-webkit-perspective:0;
-webkit-overflow-scrolling:touch;
}
.pWrapper .pWin.overflow .pText
{
position:absolute;
width:calc(100% - 20px);
height:calc(100% - 20px);
padding-bottom: 40px;
overflow-y:scroll;
-webkit-overflow-scrolling:touch;
}
.pWrapper .pWin .pText img
{
margin:0 auto;
}
.panelPopupTitle
{
font-size:20px;
padding:0 0 10px;
}
.pWrapper .pWin .pButtons
{
position:absolute;
overflow:hidden;
z-index:1234;
bottom:10px;
left:10px;
right:10px;
padding:10px 0 0;
}
.pWrapper .pWin.debugActive .pButtons,
.pWrapper .pWin.debugActive .pClose
{
display:none;
}
.pWrapper .pWin.debugActive
{
min-height:32px !important;
padding:0px !important;
}
.pWrapper .pWin.debugActive .pText
{
line-height:30px;
margin:0px;
text-align:center;
overflow:hidden;
}
.pWrapper .pClose
{
position:absolute;
top:-37px;
right:-1px;
width:36px;
height:36px;
z-index:333;
cursor:pointer;
background:rgba(255,255,255,.95);
box-shadow:0 -5px 10px 0px rgba(0, 0, 0, 0.2);
}
.pWrapper .pClose:before
{
content:'x';
float:left;
width:36px;
height:36px;
line-height:36px;
font-size:17px;
text-align:center;
font-weight:600;
}
[dir="rtl"] .pWrapper .pClose
{
right:auto;
left:-1px;
}
.br5
{
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.pWrapper .pWin.flexbox
{
display: flex;
flex-wrap: wrap;
flex-direction: row;
max-height: 90%;
position: relative;
}
.pWrapper .pWin.flexbox .pText
{
height: 100%;
overflow-x: hidden;
overflow-y: auto;
}
.hideThis
{
display:none;
}
.popupClose,
.close
{
position:absolute;
top:-15px;
right:-15px;
width:30px;
height:30px;
z-index:333;
cursor:pointer;
}
.popupClose:before,
.close:before
{
content:'x';
float:left;
width:30px;
height:30px;
line-height:30px;
font-size:17px;
text-align:center;
font-weight:600;
}
#lightContent
{
text-align:center;
min-width:150px;
min-height:150px;
}
#lightControl
{
position:absolute;
top:50%;
left:10px;
right:10px;
height:30px;
margin-top:-15px;
}
#lightControl span
{
width:30px;
height:30px;
background-repeat:no-repeat;
cursor:pointer;
}
#prevLight
{
content:'\e81c';
line-height:30px;
color:inherit;
font-family:'tsoft';
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;
}
#nextLight
{
content:'\e81d';
line-height:30px;
color:inherit;
font-family:'tsoft';
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;
}
.popupTitle,
.videoTitle
{
border-bottom:1px solid #ececec !important;
font-size:16px !important;
color:#666 !important;
padding-left:0 !important;
padding-right:0 !important;
font-weight:600;
}
.popupBtns,
.modal-footer
{
border-top:1px solid #ececec;
}
.memberPopupWrapper
{
max-width:580px;
}
.memberPopupWrapper .col,
.memberPopupWrapper .box
{
margin:0;
}
.memberPopupWrapper .popupInnerBlock
{
width:100%;
}
.videoPopup
{
width:668px;
margin-top:-10px;
margin-bottom:-10px;
}
.popupMain,
.popupTitle,
.popupInner,
.popupBtns
{
clear:both;
width:100%;
}
@media screen and (min-width: 769px)
{
.ie .pWrapper .pWin.overflow
{
margin-top:40px !important;
}
}
@media screen and (max-width: 768px)
{
.pWrapper .pClose
{
box-shadow:none;
}
body:not(.flexPopup) .pWrapper .pClose
{
top:5px;
right:10px;
}
body:not(.flexPopup) .pWrapper .pWin
{
width:100% !important;
height:100% !important;
max-width:none;
max-height:none;
border-radius:0;
}
.pWrapper .pWin
{
max-width:90%;
}
.pWrapper .pWin .pButtons
{
padding-top:0;
}
.pWrapper .pWin .pButtons button
{
margin-top:10px;
}
.pWrapper .pWin.withBtn .pText
{
height:100%;
}
.pWrapper .pWin.overflow .pText
{
position:relative;
width:100%;
}
}
input, select, button
{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
}
:not(.withPlace)::-webkit-input-placeholder
{
color:transparent;
}
:not(.withPlace)::-moz-placeholder
{
color:transparent;
}
:not(.withPlace):-ms-input-placeholder
{
color:transparent;
}
:not(.withPlace):-moz-placeholder
{
color:transparent;
}
.form-control input[type="text"],
.form-control input[type="password"],
.form-control input[type="tel"],
.form-control input[type="number"],
.form-control select,
.form-control textarea,
.form input[type="text"],
.form input[type="password"],
.form input[type="tel"],
.form input[type="number"],
.form select,
.form textarea
{
background-color:#fff !important;
background-image:none !important;
border:1px solid #e5e5e5 !important;
border-radius:0 !important;
box-shadow:none !important;
}
.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('/theme/v4-usergramaltin/sub_theme/form/firat/user_theme/icons/firstname.png');
}
.icon-lastname
{
background-image:url('/theme/v4-usergramaltin/sub_theme/form/firat/user_theme/icons/lastname.png');
}
.icon-mail
{
background-image:url('/theme/v4-usergramaltin/sub_theme/form/firat/user_theme/icons/mail.png');
}
.icon-pen
{
background-image:url('/theme/v4-usergramaltin/sub_theme/form/firat/user_theme/icons/pen.png');
}
.icon-message
{
background-image:url('/theme/v4-usergramaltin/sub_theme/form/firat/user_theme/icons/message.png');
}
.icon-attach
{
background-image:url('/theme/v4-usergramaltin/sub_theme/form/firat/user_theme/icons/attach.png');
}
.icon-code
{
background-image:url('/theme/v4-usergramaltin/sub_theme/form/firat/user_theme/icons/code.png');
}
.icon-pass
{
background-image:url('/theme/v4-usergramaltin/sub_theme/form/firat/user_theme/icons/password.png');
}
.icon-passConfirm
{
background-image:url('/theme/v4-usergramaltin/sub_theme/form/firat/user_theme/icons/passConfirm.png');
}
.icon-company
{
background-image:url('/theme/v4-usergramaltin/sub_theme/form/firat/user_theme/icons/company.png');
}
.icon-taxOffice
{
background-image:url('/theme/v4-usergramaltin/sub_theme/form/firat/user_theme/icons/taxOffice.png');
}
.icon-taxId
{
background-image:url('/theme/v4-usergramaltin/sub_theme/form/firat/user_theme/icons/taxId.png');
}
.icon-author
{
background-image:url('/theme/v4-usergramaltin/sub_theme/form/firat/user_theme/icons/author.png');
}
.icon-iban
{
background-image:url('/theme/v4-usergramaltin/sub_theme/form/firat/user_theme/icons/iban.png');
}
.icon-tc
{
background-image:url('/theme/v4-usergramaltin/sub_theme/form/firat/user_theme/icons/tc.png');
}
.icon-birthday
{
background-image:url('/theme/v4-usergramaltin/sub_theme/form/firat/user_theme/icons/birthday.png');
}
.icon-gender
{
background-image:url('/theme/v4-usergramaltin/sub_theme/form/firat/user_theme/icons/gender.png');
}
.icon-mobilePhone
{
background-image:url('/theme/v4-usergramaltin/sub_theme/form/firat/user_theme/icons/mobilePhone.png');
}
.icon-homePhone
{
background-image:url('/theme/v4-usergramaltin/sub_theme/form/firat/user_theme/icons/homePhone.png');
}
.icon-fax
{
background-image:url('/theme/v4-usergramaltin/sub_theme/form/firat/user_theme/icons/fax.png');
}
.icon-officePhone
{
background-image:url('/theme/v4-usergramaltin/sub_theme/form/firat/user_theme/icons/officePhone.png');
}
.icon-address
{
background-image:url('/theme/v4-usergramaltin/sub_theme/form/firat/user_theme/icons/address.png');
}
.icon-map
{
background-image:url('/theme/v4-usergramaltin/sub_theme/form/firat/user_theme/icons/map.png');
}
.icon-zipCode
{
background-image:url('/theme/v4-usergramaltin/sub_theme/form/firat/user_theme/icons/zipCode.png');
}
.icon-fb
{
background-color:#3c599b;
background-image:url('/theme/v4-usergramaltin/sub_theme/form/firat/user_theme/icons/facebook.png');
}
.icon-tw
{
background-color:#29aae3;
background-image:url('/theme/v4-usergramaltin/sub_theme/form/firat/user_theme/icons/twitter.png');
}
.icon-star
{
background-image:url('/theme/v4-usergramaltin/sub_theme/form/firat/user_theme/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('/theme/v4-usergramaltin/sub_theme/form/firat/user_theme/required.png') no-repeat right center;
}
.secCode,
#secCode,
#codeRecommend,
#codeCall,
#codeHizli
{
position:absolute;
top:0;
left:0;
left: 311px;
padding-top: 9px;
}
.form-control input[type="text"],
.form-control input[type="password"],
.form-control select,
.form-control textarea,
.form input[type="text"],
.form input[type="password"],
.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;
}
.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:#b5b5b5;
font-size:13px;
padding-right:10px;
padding-left:10px;
background:#fff;
z-index: 33;
}
.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 + textarea,
[dir="rtl"] .ie .icon + select
{
padding-left:10px;
}
.form-control.medium input[type="text"],
.form-control.medium input[type="password"],
.form-control.medium select,
.form.medium input[type="text"],
.form.medium input[type="password"],
.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 + 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.medium select:not(.withPlace),
.form.medium input[type="text"]:not(.withPlace),
.form.medium input[type="password"]:not(.withPlace)
{
padding-top:10px;
}
.form-control.large input[type="text"],
.form-control.large input[type="password"],
.form-control.large select,
.form.large input[type="text"],
.form.large input[type="password"],
.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 + 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.large select:not(.withPlace),
.form.large input[type="text"]:not(.withPlace),
.form.large input[type="password"]:not(.withPlace)
{
padding-top:15px;
}
.form-control.xlarge input[type="text"],
.form-control.xlarge input[type="password"],
.form-control.xlarge select,
.form.xlarge input[type="text"],
.form.xlarge input[type="password"],
.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 + 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 + 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.xlarge select:not(.withPlace),
.form.xlarge input[type="text"]:not(.withPlace),
.form.xlarge input[type="password"]: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 + select,
.secCode + textarea,
#secCode + input[type="text"],
#secCode + input[type="password"],
#secCode + select,
#secCode + textarea,
#codeRecommend + input[type="text"],
#codeRecommend + input[type="password"],
#codeRecommend + select,
#codeRecommend + textarea,
#codeCall + input[type="text"],
#codeCall + input[type="password"],
#codeCall + select,
#codeCall + textarea,
#codeHizli + input[type="text"],
#codeHizli + input[type="password"],
#codeHizli + select,
#codeHizli + textarea
{
padding-left:110px;
}
.form-control img + input[type="text"] + .placeholder,
.form-control img + input[type="password"] + .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 select,
.form-control.invalid textarea,
.form.invalid input[type="text"],
.form.invalid input[type="password"],
.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('/theme/v4-usergramaltin/sub_theme/form/firat/user_theme/checkbox.svg') no-repeat center center;
}
.input-wrap.radio.active,
.form-control:hover .input-wrap.radio.active,
.active > .form-control .input-wrap.radio
{
background: url('/theme/v4-usergramaltin/sub_theme/form/firat/user_theme/checkboxActive.svg') no-repeat center center;
}
.input-wrap.checkbox
{
background: url('/theme/v4-usergramaltin/sub_theme/form/firat/user_theme/checkbox.svg') no-repeat center center;
}
.form-control:hover .input-wrap.checkbox
{
}
.input-wrap.checkbox.active,
.form-control:hover .input-wrap.checkbox.active,
.active > .form-control .input-wrap.checkbox
{
background: url('/theme/v4-usergramaltin/sub_theme/form/firat/user_theme/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('/theme/v4-usergramaltin/sub_theme/form/firat/user_theme/info.png') no-repeat 0 center;
margin-right:10px;
vertical-align:middle;
}
[dir="rtl"] .info:before
{
background:url('/theme/v4-usergramaltin/sub_theme/form/firat/user_theme/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('/theme/v4-usergramaltin/sub_theme/form/firat/user_theme/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('/theme/v4-usergramaltin/sub_theme/form/firat/user_theme/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;
}
.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%;
}
.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;
}
@media screen and (max-width: 768px)
{
.form-control input[type="text"],
.form-control input[type="radio"],
.form-control input[type="password"],
.form-control select,
.form-control textarea,
.form input[type="text"],
.form input[type="password"],
.form select,
.form textarea
{
}
.icon:not(.myFlag)
{
display: none;
}
.icon:not(.myFlag) + input[type="text"],
.icon:not(.myFlag) + input[type="password"],
.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) + 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) + 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) + 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;
}
}
:not(#mainMenu) > .menu, :not(#mainMenu) > .menu div:not(.dynamicMenu)
{
background-color:inherit;
}
:not(#mainMenu) > .menu
{
position:relative;
}
.menu-list
{
z-index:33;
}
.menu li
{
float:left;
}
[dir="rtl"] .menu li
{
float:right;
}
.menu a
{
}
[dir="rtl"] .menu a
{
float:right;
}
.menu li.parentLink > ul
{
position:absolute;
top:100%;
left:0;
width:200px;
display:none;
}
[dir="rtl"] .menu li.parentLink > ul
{
right:0;
left:auto;
}
.menu li.parentLink li a
{
}
.menu li.parentLink li.parentLink ul
{
float:left;
position:relative;
box-sizing:border-box;
border-left:10px solid #dedede;
}
[dir="rtl"] .menu li.parentLink li.parentLink ul
{
float:right;
border-right:10px solid #dedede;
border-left:0;
}
#mobileAppNotify
{
position:fixed;
z-index:9999;
}
#appNotify
{
display:flex;
align-items:center;
}
#appLogo p
{
padding-bottom:0;
}
#appLogo img
{
max-width:100%;
width:auto;
height:auto;
}
#appBtn
{
white-space:nowrap;
}
.sticky .dn-sticky
{
display:none;
}
div#header-wrap
{
background: #fff;
}
.header-wrapper
{
padding-top: 232px !important;
}
#header-wrap
{
position:fixed;
top:0;
left:0;
z-index:999;
}
#headerTop
{
font-size: 0;height: 60px;background-size: cover !important;
}
.sticky #headerTop
{
height:0;
overflow:hidden;
}
[dir="rtl"] #topMenu,
[dir="rtl"] #topMenu li,
[dir="rtl"] #topMenu a
{
float:right;
}
#topMenu a
{
line-height:30px;
color:#545454;
font-size:12px;
padding-left:20px;
padding-right:20px;
border-right:1px solid #ddd;
}
[dir="rtl"] #topMenu a
{
border-right:0;
border-left:1px solid #ddd;
}
#topMenu ul li:hover > span, #topMenu ul li:hover > a
{
background:#e2e2e2;
}
#headerTop select
{
height:30px;
padding:0 30px 0 10px;
background:url('/theme/v4-gramaltin/sub_theme/ust/firat/v4/selectArrow.png') no-repeat right center;
border:0;
border-left:1px solid #ddd;
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
color:#545454;
font-size:12px;
}
[dir="rtl"] #headerTop select
{
padding:0 10px 0 30px;
background:url('/theme/v4-gramaltin/sub_theme/ust/firat/v4/selectArrow.png') no-repeat 10px center;
border-right:1px solid #ddd;
border-left:0;
}
#headerTop select option
{
}
#headerPhone
{
color:#545454;
font-size:12px;
line-height:30px;
}
#header-wrap .cart-soft-count,
#header-customer-msg .message-count
{
}
#basketList
{
display:none;
position:absolute;
top:100%;
left:0;
background:#fff;
z-index:3333;
}
#logo a
{
float:left;
width:100%;
}
#logo p,
#logo img
{
-webkit-transition-timing-function:cubic-bezier(0.200, 0.020, 0.200, 1.000);
-moz-transition-timing-function:cubic-bezier(0.200, 0.020, 0.200, 1.000);
-ms-transition-timing-function:cubic-bezier(0.200, 0.020, 0.200, 1.000);
-o-transition-timing-function:cubic-bezier(0.200, 0.020, 0.200, 1.000);
transition-timing-function:cubic-bezier(0.200, 0.020, 0.200, 1.000);
-webkit-transition-duration:.5s;
-moz-transition-duration:.5s;
-ms-transition-duration:.5s;
-o-transition-duration:.5s;
transition-duration:.5s;
}
#logo p
{
float:left;
width:100%;
display:flex;
align-items:center;
padding-bottom:0;
}
#logo img
{
display:inherit;
max-height:100%;
max-width:100%;
width:auto;
}
#searchListWrap
{
position:relative;
}
#live-search-box
{
top:100%;
left:-1px;
z-index:999;
}
#FormAra
{
width: 460px;float: left;position: relative;max-width: 100%;
}
[dir="rtl"] #FormAra
{
left: 0;
right: auto;
}
.forDesktop #FormAra:not(.focus)
{
border-color:transparent;
}
.forDesktop #FormAra.focus
{
width:100%;
}
.forDesktop #FormAra.focus:before
{
content:'';
}
.forDesktop #FormAra:not(.focus):before
{
display:block;
position:absolute;
top:0;
right:48px;
line-height:48px;
font-size:14px;
color:#5e5e5e;
font-weight:700;
text-transform:uppercase;
cursor:pointer;
}
[dir="rtl"] .forDesktop #FormAra:not(.focus):before
{
left: 48px;
right: auto;
}
.sticky .forDesktop #FormAra:not(.focus):before
{
right:38px;
line-height:38px;
}
[dir="rtl"] .sticky .forDesktop #FormAra:not(.focus):before
{
left: 38px;
right: auto;
}
.forDesktop #FormAra:not(.focus):after
{
content:'\e811';
display:block;
position:absolute;
top:0;
right:0;
width:48px;
line-height:48px;
color:#e35252;
font-size:13px;
font-family:'tsoft';
font-size:20px;
text-align:center;
text-transform:uppercase;
cursor:pointer;
}
[dir="rtl"] .forDesktop #FormAra:not(.focus):after
{
left: 0;
right: auto;
}
.sticky .forDesktop #FormAra:not(.focus):after
{
width:38px;
line-height:38px;
}
#FormAra input[type="text"]
{
width: 100%;height: 55px;border-radius: 3px;border: solid 2px #efe7e0;background-color: #ffffff;box-sizing: border-box;position: relative;padding: 0;padding-right: 80px;padding-left: 35px;font-size: 13px;font-weight: 500;color: #1d1d1a;
}
#FormAra input[type="text"]:focus
{
box-shadow:none;
}
#FormAra button[type="submit"]
{
width: 80px;
height: 55px;
border-radius: 3px;
border: solid 2px #efe7e0;
background-color: #efe7e0;
position: absolute;
right: 0;
top: 0;
bottom: 0;
font-size: 15px;
font-weight: 500;
color: #ffffff;
text-transform: uppercase;
cursor: pointer;
}
#FormAra.focus input[type="text"],
#mobileWrapper #FormAra input[type="text"],
#FormAra.focus button[type="submit"],
#mobileWrapper #FormAra.focus button[type="submit"]
{
display:block;
}
.top-right
{
margin-left: auto;
}
#live-search-box
{
position:absolute;
top:100%;
width:calc(100% + 2px);
background:#fff;
border-bottom:0;
z-index:999;
}
#live-search-box ul
{
float:left;
width:100%;
border-top:1px solid #ececec;
}
#live-search-box li
{
float:left;
width:100%;
box-sizing:border-box;
margin: 0;
margin-bottom: 10px;
}
#live-search-box li span.row i
{
display: none;
}
#live-search-box li span.row
{
font-size: 14px;
padding: 15px 0;
}
#live-search-box a
{
float:left;
width:100%;
font-weight: 400;
display:flex;
align-items:center;
margin: 0;
padding: 5px 0;
font-size: 14px;
}
#live-search-box:not([data-callback]) span,
#live-search-box div.search-image
{
width:5%;
height:0;
padding-bottom:5%;
margin-top:5px;
margin-right:15px;
margin-bottom:5px;
margin-left:5px;
overflow:hidden;
}
#live-search-box[data-callback] span
{
padding: 0 10px;
box-sizing: border-box;
}
#live-search-box img
{
margin:0 auto;
}
.menu li.parentLink > a
{
background-color:transparent;
}
#mainMenu .menu > li.parentLink:hover > span > a
{
color: #c68f43;
}
.menu li:hover > a
{
}
#mainMenu .parentLink .sublink-wrap li a
{
line-height:17px;
color:#797979;
}
.subMenu
{
display: none;position: absolute;top: 100%;left: 0;width: 280px;border: solid 1px #efe7e0;z-index: 99;
}
.subMenu *:not(.dynamicMenu)
{
background-color:transparent;
}
.menuTitle
{
font-size:20px;
padding-bottom:10px;
}
.subMenu a
{
}
.subMenu li li a
{
font-size:11px;
background-repeat:no-repeat;
background-position:0 center;
}
.subMenu a:hover
{
}
#mainMenu .subMenu a:hover,
#mainMenu .parentLink .sublink-wrap li a:hover
{
}
.subMenu .dynamicMenu
{
background:#fff;
box-sizing: border-box;
}
#headerBottom
{
height:20px;
overflow:hidden;
}
.sticky #headerBottom
{
height:0;
}
#alterMenu.menu > li:before
{
content:'.';
float:left;
line-height:20px;
font-size:25px;
margin-top:-17px;
}
#alterMenu a
{
line-height:20px;
font-size:11px;
color:#5e5e5e;
}
[dir="rtl"] #alterMenu a
{
border-right:0;
border-left:1px solid #ddd;
}
#alterMenu li:last-child a
{
border-right:0;
}
[dir="rtl"] #alterMenu li:last-child a
{
border-left:0;
}
#alterMenu .menu > li:hover a
{
color:#000;
}
#alterMenu .menu > li:hover .subMenu
{
top:29px;
z-index:3333;
}
#alterMenu .menu > li:hover .subMenu a
{
border-right:0;
}
#alterMenu .menu > li:hover .subMenu a:hover
{
color:#f37121;
}
#alterMenu .subMenu li, #alterMenu .subMenu a
{
line-height:30px;
border-color:#e0e0e0;
}
.sticky .col-sticky-12
{
width:100%;
}
.sticky .col-sticky-11
{
width:91.66666667%;
}
.sticky .col-sticky-10
{
width:83.33333333%;
}
.sticky .col-sticky-9
{
width:75%;
}
.sticky .col-sticky-8
{
width:66.66666667%;
}
.sticky .col-sticky-7
{
width:58.33333333%;
}
.sticky .col-sticky-6
{
width:50%;
}
.sticky .col-sticky-5
{
width:41.66666667%;
}
.sticky .col-sticky-4
{
width:33.33333333%;
}
.sticky .col-sticky-3
{
width:25%;
}
.sticky .col-sticky-2
{
width:16.66666667%;
}
.sticky .col-sticky-1
{
width:8.33333333%;
}
.sticky .col-sticky-auto
{
width:auto;
}
.basketLink
{
height: 55px;
border-radius: 3px;
background-color: #8f6f44;
color: #fff;
padding: 0 60px;
box-sizing: border-box;
position: relative;
}
.basketLink span
{
font-size: 17px;
font-weight: 500;
line-height: 21px;
}
.basketLink:before
{
content: '';width: 18px;height: 25px;background: url('/theme/v4-gramaltin/sub_theme/ust/firat/v4/cart.png') no-repeat center;margin-right: 20px;
}
div#hmLinksMobile span.cart-soft-count
{
width: 14px;
height: 14px;
border: solid 2px #8f6f44;
background-color: #ffffff;
font-size: 12px;
font-weight: 500;
color: #8f6f44;
line-height: 14px;
text-align: center;
border-radius: 20px;
position: absolute;
top: 8px;
left: 70px;
}
.accountLink
{
height: 55px;
border-radius: 3px;
border: solid 1px #8f6f44;
background-color: #f4f5f6;
box-sizing: border-box;
padding-left: 15px;
padding-right: 78px;
position: relative;
}
.accountLink span
{
font-size: 15px;
font-weight: 500;
color: #1d1d1a;
}
.accountLink:before
{
content: '';width: 24px;height: 25px;background: url('/theme/v4-gramaltin/sub_theme/ust/firat/v4/user.svg') no-repeat center;margin-right: 15px;
}
.accountLink:after
{
content: '';width: 12px;height: 8px;background: url('/theme/v4-gramaltin/sub_theme/ust/firat/v4/user-down.svg') no-repeat center;position: absolute;right: 27px;top: 0;bottom: 0;margin: auto;
}
.blogLink
{
height: 55px;
border-radius: 3px;
border: solid 1px #8f6f44;
background-color: #ffffff;
padding: 0 33px;
box-sizing: border-box;
}
.blogLink span
{
font-size: 16px;
font-weight: 500;
color: #8f6f44;
}
.blogLink:before
{
content: '';width: 25px;height: 25px;background: url('/theme/v4-gramaltin/sub_theme/ust/firat/v4/blog.svg') no-repeat center;margin-right: 10px;
}
.customer-phone
{
padding: 0 75px;
height: 55px;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
border-left: 1px solid #f8f1e8;
border-right: 1px solid #f8f1e8;
}
.customer-phone span
{
font-size: 15px;
line-height: 18px;
margin-bottom: 3px;
color: #8f6f44;
}
.customer-phone a
{
font-size: 19px;
line-height: 23px;
color: #8f6f44;
font-weight: bold;
}
div#search
{
position: relative;
}
#FormAra:before
{
content: '';width: 12px;height: 13px;background: url('/theme/v4-gramaltin/sub_theme/ust/firat/v4/search.png') no-repeat center;position: absolute;left: 15px;top: 0;bottom: 0;margin: auto;z-index: 99;background-size: 100%;
}
div#headerMain
{
padding-top: 25px;
padding-bottom: 25px;
}
#mainMenu
{
background: url('/theme/v4-gramaltin/sub_theme/ust/firat/v4/menuBG.png') no-repeat center;
background-size: cover;
position: relative;
}
#mainMenu .menu > li
{
padding: 23px 33px;
box-sizing: border-box;
position: relative;
}
#mainMenu .menu > li > span > a
{
font-size: 18px;
font-weight: 500;
color: #8f6f44;
line-height: 22px;
}
#mainMenu .menu
{
padding: 0 10px;box-sizing: border-box;
}
#mainMenu .menu > li:first-child
{
padding-left: 0;
}
#mainMenu .menu > li:last-child
{
padding-right: 0;
}
.accountLink-drop
{
position: relative;
}
.accountLink-drop:hover
{
}
.accountLink-drop:hover .account-drop
{
display: block !important;
}
.account-drop
{
position: absolute;
top: 100%;
left: 0;
width: 100%;
background: #ffffff;
z-index: 99;
border: solid 1px #8f6f44;
border-top: 0;
box-sizing: border-box;
}
.account-drop ul
{
box-sizing: border-box;
padding-top: 1px;
}
.account-drop ul li
{
padding: 0 20px;
box-sizing: border-box;
margin-top: -1px;
}
.account-drop ul li:last-child
{
border: 0;
}
.account-drop ul li a
{
font-size: 15px;
font-weight: 500;
display: block;
border-bottom: 1px solid #f2f2f2;
box-sizing: border-box;
padding: 15px 0;
}
.accountLink span p
{
width: 88px;
padding: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 15px;
font-weight: 500;
color: #9b9b9b;
}
#mainMenu .menu > li:hover .subMenu
{
display: block;
}
.subMenu .dynamicMenu ul li a
{
font-size: 16px;
line-height: 20px;
color: #8f6f44;
border-bottom: 1px solid #efe7e0;
padding: 15px 0;
box-sizing: border-box;
}
.subMenu .dynamicMenu ul li
{
padding: 0px 20px;box-sizing: border-box;margin-top: -1px;
}
.subMenu .dynamicMenu ul li:last-child
{
border: 0;
}
.subMenu .dynamicMenu ul li:hover a
{
color: #000;
}
.customer-phone.customer-phone-cart
{
padding: 0;
border: 0;
}
div#headerMain.headerMainCart
{
padding-top: 28px;
padding-bottom: 28px;
}
.header-wrapperCart
{
padding-top: 0 !important;
border-bottom: solid 1px #e6e6e6;
box-sizing: border-box;
}
.header-wrapperCart div#header-wrap
{
position: relative;
}
.subMenu .dynamicMenu ul li:hover
{
background: #efe7e0;
}
.account-drop ul li:hover
{
background: #f2f2f2;
}
#FormAra button[type="submit"]:hover
{
color: #000;
}
.blogLink:hover
{
background: #f4f5f6;
}
.basketLink:hover
{
background: #181818;
}
.basketLink:hover span.cart-soft-count
{
border-color: #181818 !important;
}
.slider-background .owl-thumbs
{
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (min-width:1480px) and (max-width:1730px)
{
div#logo
{
width: 20%;
}
div#search #FormAra
{
width: 400px;
}
.customer-phone
{
padding: 0 40px;
}
.blogLink
{
padding: 0 20px;
}
.accountLink
{
padding-right: 50px;
}
.basketLink
{
padding: 0 40px;
}
div#hmLinksMobile span.cart-soft-count
{
left: 50px;
}
}
@media screen and (min-width:1330px) and (max-width:1479px)
{
div#logo
{
width: 20%;
}
div#search #FormAra
{
width: 360px;
}
.customer-phone
{
padding: 0 20px;
}
.blogLink
{
padding: 0 20px;
}
.accountLink
{
padding-right: 35px;
}
.basketLink
{
padding: 0 30px;
}
div#hmLinksMobile span.cart-soft-count
{
left: 40px;
}
.accountLink:after
{
right: 15px;
}
}
@media screen and (min-width:769px) and (max-width:1335px)
{
div#logo
{
width: 18%;
}
div#search #FormAra
{
width: 320px;
}
.customer-phone
{
padding: 0 15px;
height: 50px;
}
.blogLink
{
padding: 0 15px;
height: 50px;
}
.accountLink
{
padding-right: 30px;
height: 50px;
}
.accountLink span
{
font-size: 13px;
}
.blogLink span
{
font-size: 13px;
}
.basketLink span + span
{
font-size: 13px;
}
.basketLink
{
padding: 0 22px;
height: 50px;
}
div#hmLinksMobile span.cart-soft-count
{
left: 32px;
}
.accountLink:after
{
right: 10px;
}
#FormAra input[type="text"]
{
height: 50px;
}
#FormAra button[type="submit"]
{
height: 50px;
}
.accountLink:before
{
margin-right: 10px;
}
div#headerMain
{
padding-top: 27px;
padding-bottom: 27px;
}
}
@media screen and (min-width:769px) and (max-width:1200px)
{
.customer-phone
{
display: none;
}
#mainMenu .menu > li
{
padding: 23px 0;
}
#mainMenu .menu
{
display: flex;
align-items: center;
justify-content: space-between;
}
}
@media screen and (min-width:769px) and (max-width:950px)
{
div#logo
{
width: 18%;
}
div#search #FormAra
{
width: 290px;
}
.customer-phone
{
padding: 0 15px;
height: 50px;
}
.blogLink
{
padding: 0 10px;
height: 50px;
}
.accountLink
{
padding-right: 25px;
height: 50px;
padding-left: 10px;
}
.basketLink
{
padding: 0 14px;
height: 50px;
}
span.cart-soft-count
{
left: 24px;
}
.accountLink:after
{
right: 10px;
}
#FormAra input[type="text"]
{
height: 50px;
padding-right: 50px;
}
#FormAra button[type="submit"]
{
height: 50px;
width: 50px;
}
.accountLink:before
{
margin-right: 10px;
}
div#headerMain
{
padding-top: 27px;
padding-bottom: 27px;
}
}
@media screen and (max-width: 1000px)
{
.sticky .col-md-sticky-12
{
width:100%;
}
.sticky .col-md-sticky-11
{
width:91.66666667%;
}
.sticky .col-md-sticky-10
{
width:83.33333333%;
}
.sticky .col-md-sticky-9
{
width:75%;
}
.sticky .col-md-sticky-8
{
width:66.66666667%;
}
.sticky .col-md-sticky-7
{
width:58.33333333%;
}
.sticky .col-md-sticky-6
{
width:50%;
}
.sticky .col-md-sticky-5
{
width:41.66666667%;
}
.sticky .col-md-sticky-4
{
width:33.33333333%;
}
.sticky .col-md-sticky-3
{
width:25%;
}
.sticky .col-md-sticky-2
{
width:16.66666667%;
}
.sticky .col-md-sticky-1
{
width:8.33333333%;
}
.sticky .col-md-sticky-auto
{
width:auto;
}
.forDesktop #FormAra:before
{
content:'';
}
#mainMenu a
{
font-size: 15px !important;
}
}
@media screen and (min-width: 769px)
{
#header-wrap:not(.sticky) *
{
}
.menu li.parentLink:hover > ul
{
display:block;
}
}
@media screen and (max-width: 768px)
{
.account-drop ul li
{
padding: 0;
}
.account-drop ul li a
{
font-size: 13px;
}
div#hmLinksMobile .col span.dn-xs
{
display: none;
}
.account-drop
{
width: 100px;
right: 0;
left: auto;
top: calc(100% + 2px);
border-top: solid 1px #8f6f44;
border-radius: 3px;
}
.account-drop ul
{
padding: 5px 10px;
}
#headerTop
{
display: block;
height: 30px;
}
div#hmLinksMobile a#cart-soft-count.basketLink:before
{
width: 13px !important;
}
div#mainMenu
{
display: none;
}
.header-wrapper
{
padding-top: 100px !important;
}
div#hmLinksMobile
{
width: auto;
}
.menu-mobil-link
{
padding: 0;
width: 50px;
text-align: center;
}
div#logo
{
padding: 0;
}
.top-right
{
float: right;
width: 180px;
padding-left: 10px;
}
.top-right #search
{
display:none;
}
div#hmLinksMobile .col > a, .accountLink
{
width: 40px;
height: 33px;
padding: 0;
justify-content: center;
}
div#hmLinksMobile .col > a:before, .accountLink:before
{
margin: 0;
background-size: 100% !important;
width: 16px !important;
}
.accountLink:after
{
display: none;
}
div#hmLinksMobile span.cart-soft-count
{
left: 20px;
top: 0px;
}
.header-wrapperCart
{
padding-top: 0 !important;
}
div#headerMain.headerMainCart
{
padding-top: 10px;
padding-bottom: 10px;
}
div#headerMain.headerMainCart div#logo
{
width: 50%;
}
.sticky .col-sm-sticky-12
{
width:100%;
}
.sticky .col-sm-sticky-11
{
width:91.66666667%;
}
.sticky .col-sm-sticky-10
{
width:83.33333333%;
}
.sticky .col-sm-sticky-9
{
width:75%;
}
.sticky .col-sm-sticky-8
{
width:66.66666667%;
}
.sticky .col-sm-sticky-7
{
width:58.33333333%;
}
.sticky .col-sm-sticky-6
{
width:50%;
}
.sticky .col-sm-sticky-5
{
width:41.66666667%;
}
.sticky .col-sm-sticky-4
{
width:33.33333333%;
}
.sticky .col-sm-sticky-3
{
width:25%;
}
.sticky .col-sm-sticky-2
{
width:16.66666667%;
}
.sticky .col-sm-sticky-1
{
width:8.33333333%;
}
.sticky .col-sm-sticky-auto
{
width:auto;
}
#mobileAppNotify
{
background-color:#e0e0e0;
}
#appNotify
{
position:relative;
z-index:9999;
}
#appNotifyClose
{
background-color: #000;
color: #FFF;
font-size: 14px;
line-height: 18px;
text-align: center;
width: 18px;
min-width: 18px;
height: 18px;
padding: 0;
margin-right: 10px;
border-radius: 100%;
}
#appLogo
{
background-color: #FFF;
width: 56px;
min-width: 56px;
height: 56px;
border-radius: 4px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
#applogo *
{
margin:0px;
padding:0px;
}
#appText
{
color: #000;
font-size: 13px;
font-weight: 500;
line-height: 18px;
width: calc(100% - 176px);
}
.menu-list, .menu-list li, .menu-list a
{
width:100%;
}
.menu-list.show, .menu li.parentLink ul.show
{
display:block;
}
.animate
{
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
#menuBtn
{
font-size: 25px;
cursor:pointer;
}
[dir="rtl"] #menuBtn
{
background-position:10px center;
}
@-webkit-keyframes pageOverlayDefault
{
from
{
opacity:1;
}
to
{
opacity:0;
}
}
@keyframes pageOverlayDefault
{
from
{
opacity:1;
}
to
{
opacity:0;
}
}
#pageOverlay
{
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
background:rgba(0,0,0,.7);
z-index:3333;
opacity:0;
display:none;
-webkit-animation-duration:1.5s;
animation-duration:1.5s;
-webkit-animation-name:pageOverlayDefault;
animation-name:pageOverlayDefault;
}
@-webkit-keyframes pageOverlay
{
from
{
opacity:0;
}
to
{
opacity:1;
}
}
@keyframes pageOverlay
{
from
{
opacity:0;
}
to
{
opacity:1;
}
}
.menuShow #pageOverlay
{
display:block;
-webkit-animation-name:pageOverlay;
animation-name:pageOverlay;
}
@-webkit-keyframes mobileMenuDefault
{
from
{
left:0;
}
to
{
left:-100%;
}
}
@-webkit-keyframes mobileMenuDefaultRtl
{
from
{
right:0;
}
to
{
right:-100%;
}
}
@keyframes mobileMenuDefault
{
from
{
left:0;
}
to
{
left:-100%;
}
}
@keyframes mobileMenuDefaultRtl
{
from
{
right:0;
}
to
{
right:-100%;
}
}
#mobileMenu
{
position:fixed;
left:-100%;
top:0;
bottom:0;
width:100%;
background:#fff;
overflow-y:scroll;
-webkit-overflow-scrolling: touch;
z-index:4444;
-webkit-animation-name:mobileMenuDefault;
animation-name:mobileMenuDefault;
}
[dir="rtl"] #mobileMenu
{
right:-100%;
left:auto;
-webkit-animation-name:mobileMenuDefaultRtl;
animation-name:mobileMenuDefaultRtl;
}
@-webkit-keyframes mobileMenu
{
from
{
left:-100%;
}
to
{
left:0;
}
}
@-webkit-keyframes mobileMenuRtl
{
from
{
right:-100%;
}
to
{
right:0;
}
}
@keyframes mobileMenu
{
from
{
left:-100%;
}
to
{
left:0;
}
}
@keyframes mobileMenuRtl
{
from
{
right:-100%;
}
to
{
right:0;
}
}
.menuShow #mobileMenu
{
-webkit-animation-name:mobileMenu;
animation-name:mobileMenu;
}
[dir="rtl"] .menuShow #mobileMenu
{
-webkit-animation-name:mobileMenuRtl;
animation-name:mobileMenuRtl;
}
#mobileMenu .text-title
{
line-height:45px;
font-size:20px;
}
#mobileMenuMain span,
#mobileMenuMain a,
#mobileMenuMain label,
#mobileMenuMain select
{
color:#666;
font-size:17px;
line-height:50px;
cursor:pointer;
}
#mobileMenu span.active
{
color: #8f6f44;
font-weight:600;
}
#mobileMenu li ul
{
display:none;
}
#mobileMenu li ul a
{
color:#999;
font-size:15px;
line-height:35px;
}
#mobileMenu select,
[dir="rtl"] #mobileMenu select
{
background:none;
border:0;
}
div#headerMain
{
padding: 5px 10px;
}
#logo a
{
height: 60px;
line-height: 60px;
}
#logo p
{
height: 60px;
line-height: 60px;
}
#logo a img
{
width:auto;
display:inline;
vertical-align:middle;
max-height: 25px;
}
#search
{
width: 100%;
padding: 0;
}
#FormAra
{
}
#FormAra:before
{
}
#FormAra input[type="text"]
{
height: 45px;
padding-right: 60px;
}
#FormAra button[type="submit"]
{
height: 45px;
width: 60px;
}
#live-search-box
{
opacity:0;
}
#mobileOptions
{
line-height:50px;
}
#mobileOptions a,
#mobileOptions span,
#mobileOptions label,
#mobileOptions select
{
color:#363636;
font-size:15px;
text-transform:capitalize;
}
#mobileOptions select
{
height:50px;
line-height:50px;
}
#header-wrap .cart-soft-count,
.accountMessageLink .message-count
{
}
}
@media screen and (max-width: 540px)
{
.sticky .col-xs-sticky-12
{
width:100%;
}
.sticky .col-xs-sticky-11
{
width:91.66666667%;
}
.sticky .col-xs-sticky-10
{
width:83.33333333%;
}
.sticky .col-xs-sticky-9
{
width:75%;
}
.sticky .col-xs-sticky-8
{
width:66.66666667%;
}
.sticky .col-xs-sticky-7
{
width:58.33333333%;
}
.sticky .col-xs-sticky-6
{
width:50%;
}
.sticky .col-xs-sticky-5
{
width:41.66666667%;
}
.sticky .col-xs-sticky-4
{
width:33.33333333%;
}
.sticky .col-xs-sticky-3
{
width:25%;
}
.sticky .col-xs-sticky-2
{
width:16.66666667%;
}
.sticky .col-xs-sticky-1
{
width:8.33333333%;
}
.sticky .col-xs-sticky-auto
{
width:auto;
}
#closeMobileMenu
{
font-size:14px;
}
#FormAra
{
}
#FormAra input[type="text"]
{
}
#FormAra input[type="text"]::-webkit-input-placeholder
{
font-size:13px;
}
#FormAra input[type="text"]::-moz-placeholder
{
font-size:13px;
}
#FormAra input[type="text"]:-ms-input-placeholder
{
font-size:13px;
}
#FormAra input[type="text"]:-moz-placeholder
{
font-size:13px;
}
#FormAra button[type="submit"]
{
}
#mobileMenu .text-title
{
font-size:18px;
}
#mobileMenuMain span,
#mobileMenuMain label,
#mobileMenuMain select
{
line-height:40px;
font-size:12px;
text-transform: uppercase;
}
#mobileMenuMain a,
#mobileMenuMain li span
{
line-height:40px;
font-size:15px;
}
#mobileMenu li ul a,
#mobileMenu li ul span
{
line-height:30px;
font-size:13px;
}
#mobileOptions a,
#mobileOptions span,
#mobileOptions label,
#mobileOptions select
{
font-size:13px;
}
.menuOverflow
{
position:relative;
}
.menuPrev, .menuNext
{
position:absolute;
top:0;
bottom:0;
width:15px;
height:100%;
background-color:rgba(0,0,0,.3);
z-index:33;
}
.menuPrev
{
left:0;
}
.menuNext
{
right:0;
}
.basketLink .icon-cart:before,
.accountMessageLink .icon-email:before
{
margin-right:0;
}
#headerMain .icon-member-default,
#headerMain .icon-cart
{
font-size:16px;
}
}
#FormAra input[type="text"]::-webkit-input-placeholder
{
color:#c6c7c8;
}
#FormAra input[type="text"]::-moz-placeholder
{
color:#c6c7c8;
}
#FormAra input[type="text"]:-ms-input-placeholder
{
color:#c6c7c8;
}
#FormAra input[type="text"]:-moz-placeholder
{
color:#c6c7c8;
}
.btn
{
float:left;
line-height:30px;
font-size:14px;
color:#2c2a28;
padding-top:5px;
padding-right:10px;
padding-bottom:5px;
padding-left:10px;
box-sizing:border-box;
cursor:pointer;
}
[dir="rtl"] .btn
{
float:right;
}
.btn:not(.btn-default)
{
border:0;
}
.btn.passive:hover
{
box-shadow:none;
}
.btn-small
{
line-height:20px;
font-size:12px;
}
.btn-big
{
line-height:40px;
font-size:16px;
}
.btn-basic,
.btn-basic.passive:hover
{
color:#3a3a3a;
background-color:#393939;
}
.btn-basic:hover,
.btn-basic.active
{
color:#fff;
}
.btn-default,
.btn-default.passive:hover
{
color:#3a3a3a;
border:1px solid #f1f1f1;
}
.btn-default.active
{
color:#fff;
background-color:#5c5c5c;
border-color:#5c5c5c;
}
.btn-border,
.btn-border.passive:hover
{
color:#7e7e7e;
background:transparent;
border:1px solid #ccc;
}
.btn-border:hover,
.btn-border.active
{
border:1px solid #7e7e7e;
}
.btn-primary,
.btn-primary.passive:hover
{
color:#fff;
background-color:#337ab7;
}
.btn-success,
.btn-success.passive:hover
{
color:#fff;
background-color: #8a704f;
}
.btn-info,
.btn-info.passive:hover
{
color:#fff;
background-color:#5bc0de;
}
.btn-warning,
.btn-warning.passive:hover
{
color:#fff;
background-color:#e5591b;
}
.btn-danger,
.btn-danger.passive:hover
{
color:#fff;
background-color:#f33939;
}
.btn-smoked,
.btn-smoked.passive:hover
{
color:#fff;
background-color:#7e848c;
}
.btn-black,
.btn-black.passive:hover
{
color:#fff;
background-color:#000;
}
.btn-black:hover,
.btn-black.active
{
background-color:#393939;
}
.btn-custom-light-gray,
.btn-custom-light-gray.passive:hover
{
color:#fff;
background-color:#dadada;
}
.btn-custom-gray,
.btn-custom-gray.passive:hover
{
color:#fff;
background-color:#5c5c5c;
}
.btn-custom-gray:hover,
.btn-custom-gray.active
{
background-color:#3a3a3a;
}
.btn-custom-dark-gray,
.btn-custom-dark-gray.passive:hover
{
color:#fff;
}
.btn-custom-dark-gray:hover,
.btn-custom-dark-gray.active
{
background-color:#5c5c5c;
}
a#member-login-btn
{
background: #8f6f44;
}
.btn-custom-pink,
.btn-custom-pink.passive:hover
{
color:#fff;
background-color: #5c5c5c;
}
.btn-round
{
border-radius:25px;
}
.btn-link
{
color: #0071e8;
}
.btn-link:hover
{
color: #e35252;
box-shadow: none !important;
}
@media screen and (max-width: 540px)
{
.addressRow .btn
{
height:30px;
line-height:24px;
font-size:12px;
}
}

.block-title, div + #campaign-products .block-title
{
line-height:35px;
font-size:20px;
color:#393939;
}
#campaign-products .block-title
{
margin-top:0;
}
#pageHeader
{
background:none;
}
.pageTitle
{
line-height:60px;
font-size:17px;
color:#545454;
font-weight:600;
text-transform:uppercase;
border-bottom:1px solid #ECECEC;
}
div#page-login.login-page-login
{
padding: 20px 10px;
margin: 0;
}
div#page-login.login-page-login .pageTitle
{
margin-bottom: 10px;
}
.icerik-menu a.col.col-12.text-title
{
padding: 0;
line-height: 20px;
margin-bottom: 5px;
}
.icerik-menu a.col.col-12.text-title:hover
{
color: #8f6f44;
font-weight: 600;
}
.icerik-menu .pageTitle
{
margin-bottom: 10px;
line-height: 20px;
height: 60px;
display: flex;
align-items: center;
}
.pageTitle.small-title
{
line-height:35px;
}
:not(#pageHeader) > .pageTitle > span
{
font-size:13px;
margin-top:-35px;
}
#pageHeader .pageTitle
{
position:relative;
border-bottom:0;
}
#pageHeader .pageTitle:before
{
position:absolute;
top:0;
right:0;
line-height:60px;
color:inherit;
content:'\e81d';
font-size:13px;
font-family:'tsoft';
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;
}
[dir="rtl"] #pageHeader .pageTitle:before
{
content:'\e81c';
left:0;
right: auto;
}
#pageOrder .pageTitle:last-child, #pageOrder .pageTitle.passed
{
border-right:0;
}
.pageTitle.passed:first-child
{
border-left:0;
}
#pageHeader .pageTitle:last-of-type:before
{
content:'';
}
.pageTitle > .row
{
text-align:center;
background-repeat:no-repeat;
background-position:20px center;
background-size:25px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
border-bottom:1px solid #cdcdcd;
}
#pageHeader .pageTitle > .row
{
border-bottom:0;
}
.col-title
{
line-height:40px;
font-size:15px;
}
.col-title i:before
{
line-height:40px;
}
#leftFilter > .col-title
{
display:none;
}
.col-title .btn
{
height:auto;
line-height:20px;
padding-top:5px;
padding-right:10px;
padding-bottom:5px;
padding-left:10px;
}
.col-text
{
line-height:17px;
font-size:12px;
font-weight:300;
color:#797979;
}
#filterWrapper .col-text:hover
{
color:#e35252;
}
[dir="rtl"] .col-text
{
direction: rtl;
text-align: right;
}
#question
{
min-height:19px;
padding-left:31px;
background:url('/theme/v4-usergramaltin/sub_theme/blok/firat/user_blok/../v4/question.png') no-repeat 0 center;
display:flex;
align-items:center;
box-sizing:border-box;
}
[dir="rtl"] #question
{
padding-right:31px;
padding-left:0;
background:url('/theme/v4-usergramaltin/sub_theme/blok/firat/user_blok/../v4/question.png') no-repeat right center;
}
.currency
{
padding-top:5px;
padding-bottom:5px;
}
.currency:last-child
{
padding-bottom:0;
border-bottom:0;
}
#BlokAra > .row
{
position:relative;
}
.filter-title:not(.hidden) .icon-plus
{
display:none;
}
.filter-title.hidden .icon-minus
{
display:none;
}
@media screen and (max-width: 768px)
{
[dir="rtl"] .col-title .btn:after
{
right:auto;
left:0;
background-position:10px center;
}
#leftFilter
{
position:relative;
background:#fff;
border:1px solid #e5e5e5;
padding: 15px 10px;
box-sizing: border-box;
border-radius: 3px;
margin-bottom: 10px;
}
#leftFilter > .col-title
{
display:block;
}
.col-title + div
{
display:none;
}
#leftFilter .col-title + div
{
width:100%;
}
#leftFilter > .col-title + div
{
padding-top:10px;
padding-left:10px;
padding-right:10px;
box-sizing:border-box;
}
#filterMobileBtn
{
}
[dir="rtl"] #filterMobileBtn
{
padding-right:20px;
padding-left:10px;
background-position:right center;
}
#filterMobileBtn.active
{
color:#e35252;
}
[dir="rtl"] #filterMobileBtn.active
{
background-position:right center;
}
[dir="rtl"] #filterMobileBtn:after,
[dir="rtl"] #filterSortBtn:after
{
float:left;
}
#filterWrapper
{
display:none;
margin-top: 20px;
}
#filterPanel
{
padding:0 10px;
box-sizing:border-box;
}
#filterPanel > .row.mb > .box.box-border
{
padding: 0;
border-bottom:0;
}
#filterPanel > .row.mb:last-child > .box.box-border
{
border-bottom:1px solid #ececec;
}
#filterPanel > .row.mb .col-title
{
font-size:14px;
margin-bottom:10px;
}
#filterPanel > .row.mb .col-title.active
{
color:#e34d0b;
}
#filterPanel > .row.mb .col-title + div
{
border-top:0;
}
#filterPanel .col-text
{
line-height:25px;
font-size:11px;
}
#filterPanel .col-text .input-wrap
{
width:14px;
height:25px;
}
#filterPanel .box.p-bottom.col-12
{
padding-top: 5px;
padding-bottom: 5px;
}
.priceWrap
{
float:right;
padding-left:20px;
margin-top:0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}
.priceWrap span
{
float:left;
width:100%;
text-align:left;
font-weight: 600;
line-height: 14px;
font-size: 11px;
}
.priceWrap span:nth-child(2)
{
display:none;
}
#priceSlider
{
width:auto;
}
#slider-range
{
margin-bottom: 6px;
}
#filterSortBtn
{
position: relative;
background: #fff;
border: 1px solid #e5e5e5;
padding: 15px 10px;
box-sizing: border-box;
border-radius: 3px;
text-transform: uppercase;
}
#filterSortBtn.active
{
color:#e35252;
}
[dir="rtl"] #filterSortBtn.active
{
background-position:right center;
}
#filterSort
{
display:none;
width: 100%;
border:1px solid #e5e5e5;
box-sizing:border-box;
margin-top: 10px;
}
#filterSort .filter-box
{
padding-top: 0;
padding-bottom: 0;
}
#filterSort .filter-box.comparisonWrap
{
border-right:0;
}
}
@media screen and (max-width: 540px)
{
#pageHeader .pageTitle
{
display:none;
}
#pageHeader .pageTitle.passed
{
display:block;
}
#pageHeader .pageTitle > .row
{
font-size:16px;
margin-top:0;
}
#leftFilter,
#filterSortBtn
{
}
#filterMobileBtn,
#filterSortBtn
{
}
#filterPanel > .row.mb .col-title
{
font-size:13px;
}
}

.box-title
{
margin-right:1px;
margin-bottom:1px;
cursor:pointer;
}
.box-title.passive
{
cursor:default;
}
#productAddAll
{
height:30px;
line-height:30px;
}
#pageLayout span,
#pageLayout span *
{
transition:color .2s;
}
#pageLayout span:hover,
#pageLayout span:hover *
{
color:#e35252;
}
.showcase
{
height:0;
overflow:hidden;
}
.showcase.current
{
height:auto;
overflow:visible;
}
.productItem .box-border
{
transition:border-color .5s, box-shadow .5s;
}
.productItem:hover .box-border
{
border-color:#d5d5d5;
box-shadow:0 0 10px 0 rgba(40, 40, 40, .3);
}
[data-layout="horizontal"] .productItem
{
position:relative;
}
[data-layout="horizontal"] .productItem.col-3
{
padding-left:0;
padding-right:0;
}
[data-layout="horizontal"] .productItem.col-3:nth-child(2n)
{
border-right:0;
}
[data-layout="horizontal"] .productItem.col-3:nth-child(2n+1)
{
clear:both;
}
.productListItem
{
position:relative;
}
.resim-vitrin .col-1:nth-child(12n+1)
{
clear:both;
}
[data-layout="horizontal"] .productItem > .row
{
margin-left:0;
margin-right:0;
clear:none;
float:left;
}
.productColItem
{
background:#fff;
border-bottom:1px solid #d9d9d9;
}
.productColItem:last-child, .carousel .productColItem
{
border-bottom:0;
}
.productColListItem
{
background:#fff;
position:relative;
}
#colNewsSlide .productColListItem
{
min-height: 100px;
}
.image-wrapper
{
position:relative;
width:100%;
overflow:hidden;
}
.productItem .image-wrapper,
.productColItem .image-wrapper
{
}
[data-layout="horizontal"] .image-wrapper
{
border-bottom:0;
}
.imgInner
{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
text-align: center;
display: flex;
align-items: center;
}
.image-wrapper img
{
max-width: 100%;
max-height: 100%;
margin:0 auto;
}
.ie .image-wrapper img
{
width:100%;
}
.safari .image-wrapper img
{
position:absolute;
max-width:90%;
max-height:90%;
top:5%;
left:5%;
}
.image-wrapper img.lazy
{
position:absolute;
top:50%;
left:50%;
width:64px;
height:64px;
margin-top:-32px;
margin-left:-32px;
}
.image-wrapper.flip img.stImage
{
visibility:visible;
-webkit-transition-delay:.2s;
-moz-transition-delay:.2s;
-ms-transition-delay:.2s;
-o-transition-delay:.2s;
transition-delay:.2s;
}
.image-wrapper:not(.flip) img.ndImage
{
opacity:0;
}
.image-wrapper.flip img.ndImage
{
visibility:hidden;
-webkit-transform:perspective(1000px) rotateY(90deg);
transform:perspective(1000px) rotateY(90deg);
}
.safari .image-wrapper img.ndImage
{
display:none;
}
.productItem.zoom:hover .image-wrapper img
{
}
.productItem:hover .imgGallery:not(.flip) img.active
{
opacity:0;
}
.productItem:hover .imgGallery:not(.flip) img.ndImage
{
opacity:1;
}
.productItem:hover .imgGallery.flip img.stImage
{
visibility:hidden;
-webkit-transform:perspective(1000px) rotateY(-90deg);
transform:perspective(1000px) rotateY(-90deg);
-webkit-transition-delay:0s;
-moz-transition-delay:0s;
-ms-transition-delay:0s;
-o-transition-delay:0s;
transition-delay:0s;
}
.productItem:hover .imgGallery.flip img.ndImage
{
visibility:visible;
-webkit-transform:perspective(1000px) rotateY(0deg);
transform:perspective(1000px) rotateY(0deg);
-webkit-transition-delay:.2s;
-moz-transition-delay:.2s;
-ms-transition-delay:.2s;
-o-transition-delay:.2s;
transition-delay:.2s;
}
.icon-new
{
font-size: 0;width: 51px;height: 20px;position: absolute;right: 0;z-index: 99;top: 40px;background: url('/theme/v4-usergramaltin/sub_theme/vitrin/firat/user_vitrin/new.png') no-repeat center;
}
[dir="rtl"] .icon-new
{
right:0;
left:auto;
}
.icon-cargo
{
position:absolute;
bottom:30px;
right:0;
width:84px;
height:30px;
background:url('/theme/v4-usergramaltin/sub_theme/vitrin/firat/user_vitrin/cargoIcon.png') no-repeat center center;
z-index:1;
}
[dir="rtl"] .icon-cargo
{
right:auto;
left:10px;
}
.out-of-stock
{
top:calc(50% - 15px);
right:10px;
left:10px;
line-height:30px;
color:#fff;
font-size:14px;
z-index:3;
}
.productListItem .out-of-stock
{
line-height:25px;
font-size:12px;
}
.productListItem .icon-cargo, .resim-vitrin .icon-cargo
{
bottom:0;
}
.image-band
{
position:absolute;
left:0;
bottom:0;
line-height:20px;
font-size:14px;
color:#fff;
padding-top:5px;
padding-bottom:5px;
background:rgba(0,0,0,.7);
}
#campaign-products[data-layout="horizontal"] .campaign-band
{
right:0;
bottom:10px;
left:10px;
width:auto;
}
.campaign-text
{
padding-right:5px;
padding-left:20px;
}
.productCmpItem .campaign-text
{
display:none;
}
.timer-block
{
padding-right:5px;
}
.productCmpItem .timer-block
{
width:100%;
padding-top:4px;
padding-bottom:4px;
}
.timer-value
{
height:20px;
padding-right:4px;
padding-left:4px;
margin-right:4px;
background:#000;
border:1px solid #fff;
box-sizing:border-box;
}
[dir="rtl"] .timer-value
{
margin-right:0;
margin-left:4px;
}
.detailWrapper
{
position:absolute;
top:0;
right:10px;
width:calc(66.66666667% - 20px);
height:100%;
}
#campaign-products[data-layout="horizontal"] .detailWrapper
{
width:calc(83.33333333% - 20px);
}
.productDetails
{
position:relative;
padding-bottom: 70px;
}
.detailWrapper .productDetails
{
position:absolute;
top:0;
bottom:0;
}
.productListDetails
{
position:absolute;
top:10px;
right:0;
bottom:10px;
display:flex;
align-items:center;
}
[dir="rtl"] .productListDetails
{
right:auto;
left:0;
}
.productListDetails .productInfo a
{
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
.product-hover-wrap
{
padding-bottom:41px;
}
.proRowName
{
padding-top: 5px;
padding-bottom: 5px;
}
.comparisonItem .productDetails
{
border-right:0;
}
.productColItem .productDetails, [data-layout="horizontal"] .productItem .productDetails
{
border-right:0
}
.productColItem .productDetails
{
padding-bottom:90px;
}
.variantOverlay
{
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(0,0,0,.7);
z-index: 999;
display: none;
}
.variantWrapper
{
position:relative;
}
.error .variantWrapper
{
z-index:9999;
}
.productOption
{
position:relative;
min-height:20px;
padding-bottom:5px;
}
.productListItem .productOption
{
padding-top:5px;
padding-bottom:0;
}
.optionBox
{
width:100%;
box-sizing:border-box;
}
.optionBox a,
.optionBox select
{
float:left;
min-width:25px;
height:25px;
border:1px solid #ececec;
padding-right:5px;
padding-left:5px;
box-sizing:border-box;
cursor:pointer;
}
[dir="rtl"] .optionBox a,
[dir="rtl"] .optionBox select
{
float:right;
margin-right:0;
margin-left:5px;
}
.optionBox a
{
margin-right:5px;
margin-bottom:5px;
}
.optionBox a.selected
{
border:1px solid #5b5b5b;
}
.optionBox a.passive
{
background:#d2d2d2;
text-decoration:line-through;
color:#f10a41;
}
.optionBox a p,
#footer .optionBox a p
{
float:left;
width:100%;
height:20px;
line-height:18px;
text-align:center;
font-size:11px;
color:#000;
}
.optionBox a.selected p
{
font-weight:700;
}
.optionBox select
{
width:100%;
line-height:23px;
font-size:11px;
color:#000;
text-transform:uppercase;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}
.productListItem .optionBox select
{
margin-right:0;
margin-bottom:0;
}
[dir="rtl"] .optionBox select + i
{
right:auto;
left:0;
}
[dir="rtl"] .optionBox select + i:before
{
margin-right:0;
margin-left:8px;
}
.productAttr
{
padding-top:7px;
}
.productListItem .productAttr
{
padding-top:0;
}
.productBrand
{
line-height:20px;
font-size:13px;
color:#797979;
font-weight:700;
text-transform:uppercase;
}
.productListItem .productBrand
{
}
.productColListItem .productBrand
{
line-height:15px;
font-size:13px;
}
.productDescription
{
line-height:14px;
font-size:12px;
color:#000;
word-break:break-all;
}
.productListItem .productDescription
{
margin-top:10px;
max-width:400px;
}
.productColListItem .productDescription, .productColItemTp .productDescription
{
line-height:15px;
font-size:12px;
}
.productColItemTp .productDescription
{
text-align:center;
}
.proRowAct
{
position:absolute;
bottom: 15px;
left:0;
}
#campaign-products[data-layout="horizontal"] .proRowAct
{
bottom:40px;
}
.karsilastirma
{
position:absolute;
visibility:hidden;
}
.productBtn
{
margin-left:5px;
box-sizing:border-box;
cursor:pointer;
}
[dir="rtl"] .productBtn
{
margin-right:5px;
margin-left:0;
}
.productColItem .productBtn
{
float:none;
display:inline-block;
margin-right:5px;
margin-left:5px;
vertical-align:middle;
}
.productColItem:last-child .mb
{
margin-bottom:0;
}
.productColItem:last-child .line-bottom
{
border-bottom:0;
}
.productPrice
{
height: 44px;
}
.productColItem .productPrice
{
padding-bottom:7px;
padding-left:0;
}
[dir="rtl"] .productColItem .productPrice
{
padding-right:0;
}
.productColListItem .productPrice, .productColItemTp .productPrice
{
width:100%;
line-height:14px;
padding-top:0;
padding-right:0;
padding-bottom:10px;
}
.productColItemTp .productPrice
{
height:24px;
line-height:12px;
}
.productPrice.discount
{
position:relative;
padding-right:67px;
}
.productPrice .priceWrapper
{
display: flex;align-items: center;
}
.currentPrice
{
font-size: 20px;font-weight: bold;line-height: 24px;color: #131310;
}
.productColListItem .currentPrice
{
line-height:17px;
font-size:12px;
}
.productColItemTp .currentPrice, .productColItemTp .discountedPrice
{
width:100%;
line-height:12px;
font-size:10px;
text-align:center;
}
.discountedPrice + .currentPrice
{
}
.discountedPrice
{
font-size: 14px;color: #b2b2b2;line-height: 17px;margin-bottom: 2px;height: 17px;
}
.productColListItem .discountedPrice
{
line-height:17px;
font-size:11px;
}
.productListItem .currentPrice, .productListItem .discount .currentPrice, .productListItem .discountedPrice
{
float:left;
line-height:30px;
padding-left:20px;
}
.productDiscount
{
width: 40px;height: 35px;border-radius: 2px;background-color: #e64c3c;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 14px;font-weight: bold;margin-right: 16px;
}
.gridcol4 .productDetails .detailLink
{
font-size: 13px;
line-height: 16px;
}
.gridcol4 .discountedPrice
{
font-size: 11px;
line-height: 14px;
height: 14px;
}
.gridcol4 .currentPrice
{
font-size: 17px;
line-height: 20px;
}
.gridcol4 .productDiscount
{
height: 32px;
width: 37px;
font-size: 12px;
margin-right: 10px;
}
[dir="rtl"] .productDiscount
{
right:auto;
left:10px;
}
.productInfo .productDiscount
{
top:25px;
}
.productListItem .productDiscount
{
position:static;
float:left;
}
.productDiscount span
{
padding-right:5px;
}
.mainControl
{
position:absolute;
width:auto;
height:0;
top:0;
left:auto;
right:0;
margin-left:auto;
margin-top:-50px;
z-index:33;
}
#oneCol .mainControl
{
width:1260px;
top:50%;
left:50%;
right:auto;
margin-top:-21px;
margin-left:-630px;
}
.mainControl span
{
width:50px;
height:50px;
cursor:pointer;
background-color:#d6d6d6;
border-left:1px solid #ececec;
}
#oneCol .mainControl span
{
width:18px;
height:42px;
background-color:transparent;
border-left:0;
}
.colControl
{
position:absolute;
top:50%;
right:10px;
left:10px;
width:auto;
height:0;
margin-top:-15px;
}
.colControl span
{
position:absolute;
width:10px;
height:30px;
cursor:pointer;
}
.colBottomControl span
{
width:30px;
height:30px;
font-size:9px;
opacity:0.5;
cursor:pointer;
}
.colBottomControlLine
{
width:80px;
height:30px;
margin-left:auto;
margin-right:auto;
padding-left:10px;
padding-right:10px;
background:#fff;
}
.colBottomControl span:hover
{
opacity:1;
}
.productPager
{
display: flex;align-items: center;justify-content: center;
}
.productPager a,
.productPager span
{
width: 38px;height: 38px;border-radius: 19px;border: solid 1px #ededed;line-height: 38px;font-size: 16px;font-weight: 500;color: #5c524b;margin: 0 5px;
}
.productPager a
{
}
.productPager a:hover
{
color:#e35252;
background-color: #f4f5f6;
}
.productPager span
{
cursor:default;
color: #5c524b !important;
background: #f4f5f6;
}
.productPager a:before,
.productPager span:before
{
content:'-';
position:absolute;
top:0;
left:0;
line-height:30px;
color:#6c6c6c;
}
.productPager a.first,
.productPager a.last
{
display:none;
}
.productPager a.prev + *,
.productPager a.prev,
.productPager a.next
{
}
.productPager a.prev + *:before
{
content:'';
}
.productPager a.prev:before,
.productPager a.next:before
{
content:attr(title);
position:relative;
text-transform:uppercase;
}
#complementControl
{
width: calc(100% - 10px);
left: 5px;
}
.tabBtns .btn
{
padding: 15px 0px;
box-sizing: border-box;
font-size: 17px;
font-weight: 500;
text-transform: uppercase;
color: #b3b3b3;
border-radius: 2px;
position: relative;
line-height: 21px;
}
.tabBtns > .col:last-child:after
{
display: none;
}
.tabBtns
{
margin-bottom: 30px;
display: flex;
align-items: center;
justify-content: center;
margin-top: 10px;
}
.tabBtns .btn.active
{
color: #1d1d1a;
background-color: #f8f1e8;
padding: 15px 45px;
}
.tabBtns .btn.active:after
{
content: '';width: 10px;height: 10px;background: url('/theme/v4-usergramaltin/sub_theme/vitrin/firat/user_vitrin/tab-down.svg') no-repeat center;position: absolute;left: 0;right: 0;bottom: -8px;margin: auto;
}
.tabBtns > .col
{
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
.tabBtns > .col:after
{
content: '';width: 60px;height: 1px;background-color: #f8f1e8;margin: 0 15px;
}
.gift
{
position: absolute;
left: 0;
top: 10px;
z-index: 99;
font-size: 0;
}
.free-shipp
{
position: absolute;
right: 0;
top: 10px;
z-index: 99;
font-size: 0;
}
.productDetails > .fl.col-12
{
padding-top: 10px;
border-top: 1px solid #efe7e0;
}
.productDetails .detailLink
{
font-size: 16px;
font-weight: 500;
line-height: 19px;
}
.productSymbol-firsat
{
position: absolute;
left: 0;
top: 0;
z-index: 2;
}
.firsat-icon
{
position: absolute;
left: 0;
top: 0;
z-index: 2;
width: 90px;
}
.product-total-text span
{
font-size: 15px;
font-weight: 500;
color: #000;
}
.slidevitrin-title
{
font-size: 21px;
font-weight: 500;
color: #131313;
padding: 20px 10px;
box-sizing: border-box;
border-bottom: solid 1px #efe7e0;
text-align: center;
text-transform: uppercase;
line-height: 25px;
}
.slidevitrin-blok
{
border-radius: 3px;
border: solid 1px #efe7e0;
box-sizing: border-box;
background: #fff;
}
.slidevitrin-slideControl
{
position: absolute;
top: calc(50% - 40px);
left: 0;
width: 100%;
box-sizing: border-box;
padding: 0 20px;
}
.slidevitrin-slideControl span
{
width: 40px;
height: 40px;
border-radius: 20px;
box-shadow: 0 2px 4px 0 rgba(215, 213, 213, 0.5);
}
.slidevitrin-prev
{
background: url('/theme/v4-usergramaltin/sub_theme/vitrin/firat/user_vitrin/slidevitrin-prev.svg') no-repeat center;
}
.slidevitrin-next
{
background: url('/theme/v4-usergramaltin/sub_theme/vitrin/firat/user_vitrin/slidevitrin-next.svg') no-repeat center;
}
.son-incelenen .detailLink
{
font-size: 13px;
line-height: 16px;
}
.son-incelenen .discountedPrice
{
font-size: 12px;
line-height: 15px;
height: 14px;
}
.son-incelenen .currentPrice
{
font-size: 15px;
line-height: 18px;
}
.son-incelenen .productDiscount
{
width: 35px;
height: 30px;
margin-right: 10px;
}
.son-incelenen .productDetails
{
padding-bottom: 65px;
}
div#altin-hesap
{
background: url('/theme/v4-usergramaltin/sub_theme/vitrin/firat/user_vitrin/eah.png') no-repeat center;
padding: 10px 20px;
box-sizing: border-box;
margin-bottom: 20px;
}
div#altin-hesap .title
{
color: #fff;
font-size: 18px;
border-left: 3px solid #ffe783;
padding-left: 10px;
line-height: 22px;
display: block;
margin-bottom: 30px;
}
.hesapBox
{
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
a#hesaplabtn
{
float: right;
width: 90px;
text-align: center;
color: #000;
box-sizing: border-box;
background: linear-gradient(180deg, rgba(243,243,204,1) 0%, rgba(250,213,106,1) 100%);
height: 40px;
border: 1px solid #fff;
line-height: 38px;
}
.hesapBox .tooltipWrapper
{
width: calc(100% - 100px);
}
.hesapBox .tooltipWrapper input
{
background: transparent !important;
color: #fff !important;
}
.hesapBox .tooltipWrapper input + .placeholder
{
background: transparent;
color: #fff;
}
.hesap-warning
{
color: #fff;
text-align: center;
display: block;
width: 100%;
font-size: 15px;
}
.hesap-urun
{
width: 100%;
height: 60px;
margin-bottom: 30px;
background: linear-gradient(180deg, rgba(244,243,204,1) 0%, rgba(232,212,184,1) 100%);
align-items: center;
justify-content: center;
}
.hesapBox .form-control
{
margin-bottom: 20px;
}
.hesap-urun span
{
margin: 0 2px;
display: flex;
align-items: center;
font-size: 18px;
line-height: 20px;
}
span.hesap-product-price
{
font-weight: bold;
}
.addGram
{
width: 100%;
float: left;
align-items: center;
justify-content: center;
padding-top: 10px;
}
.addGram .liste-add2cart
{
text-align: center;
color: #000;
box-sizing: border-box;
height: 40px;
line-height: 38px;
padding: 0 10px;
font-weight: 500;
min-width: 80%;
border: 1px solid #c0a989;
background: linear-gradient(180deg, rgba(252,240,202,1) 0%, rgba(236,210,175,1) 100%);
}
.min-hesap
{
text-align: center;
font-size: 20px;
margin-top: 20px;
margin-bottom: 20px;
}
.min-hesap span
{
font-weight: bold;
}
@media screen and (max-width: 1230px)
{
#oneCol .mainControl
{
width:auto;
top:0;
left:auto;
right:0;
margin-top:-50px;
margin-left:auto;
}
#oneCol .mainControl span
{
width:50px;
height:50px;
cursor:pointer;
background-color:#d6d6d6;
background-repeat:no-repeat;
background-position:center center;
border-left:1px solid #ececec;
}
#oneCol .mainPrev
{
background-image:url('/theme/v4-usergramaltin/sub_theme/vitrin/firat/user_vitrin/carouselSmlArrowPrev.png');
}
#oneCol .mainNext
{
background-image:url('/theme/v4-usergramaltin/sub_theme/vitrin/firat/user_vitrin/carouselSmlArrowNext.png');
}
}
@media screen and (max-width: 1100px)
{
[data-layout="horizontal"] .productItem.col-3 .productPrice.discount
{
width:100%;
height:auto;
margin-bottom:20px;
padding-left:10px;
box-sizing:border-box;
}
}
@media screen and (max-width: 1000px)
{
.mainControl, #oneCol .mainControl
{
margin-top:-60px;
}
.mainControl span, #oneCol .mainControl span
{
width:60px;
height:60px;
}
.productListItem .productDescription
{
margin-top:10px;
max-width:100%;
}
.currentPrice
{
}
.discountedPrice
{
font-size:15px;
}
.resim-vitrin .currentPrice
{
line-height:33px;
}
.resim-vitrin .discountedPrice
{
line-height:18px;
}
#leftColumn .productColItem, #rightColumn .productColItem
{
position:relative;
}
#leftColumn .productPrice.discount, #rightColumn .productPrice.discount
{
padding-right:0;
padding-bottom:0;
margin-top:0;
position:static;
}
#leftColumn .productDiscount, #rightColumn .productDiscount
{
top:10px;
bottom:0;
margin-top:0;
}
}
@media screen and (min-width: 1001px)
{
:not(.notClear) > .col-6:nth-of-type(2n) .productDetails,
:not(.notClear) > .col-4:nth-of-type(3n) .productDetails,
:not(.notClear) > .col-3:nth-of-type(4n) .productDetails,
:not(.notClear) > .col-2:nth-of-type(6n) .productDetails
{
border-right:0;
}
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
.resim-vitrin .col-1
{
padding-bottom:10px;
}
:not(.notClear) > .col-md-6:nth-of-type(2n) .productDetails,
:not(.notClear) > .col-md-4:nth-of-type(3n) .productDetails,
:not(.notClear) > .col-md-3:nth-of-type(4n) .productDetails,
:not(.notClear) > .col-md-2:nth-of-type(6n) .productDetails
{
border-right:0;
}
}
@media screen and (min-width: 769px)
{
.image-wrapper
{
height:0;
}
}
@media screen and (max-width: 768px)
{
.hesap-urun span
{
font-size: 12px;
}
.hesap-urun
{
margin-bottom: 15px;
height: 40px;
}
.hesap-warning
{
font-size: 12px;
}
.hesapBox .form-control
{
margin-bottom: 10px;
}
a#hesaplabtn
{
font-size: 14px;
}
.hesapBox > div
{
width: 100%;
float: left;
}
.free-shipp
{
width: 55%;
}
.gift
{
width: 35%;
}
.icon-new
{
width: 40px;
background-size: 100%;
top: 30px;
}
.productPager a.prev, .productPager a.next
{
height: 30px;
width: 40px;
}
.slidevitrin-title
{
font-size: 16px;
padding: 10px 10px;
}
.leftFilter
{
padding: 0;
border: 0;
margin-bottom: 10px;
}
#filterMobileBtn
{
text-transform: uppercase;padding: 0;font-size: 16px; margin-bottom:10px;
}
aside#leftColumn .ArayuzBlok
{
display: none;
}
#filterSortBtn i
{
display: none;
}
div#sort span
{
width: 100%;
font-size: 13px;
border-bottom: 1px solid #fff;
}
div#sort
{
width: 100%;
}
div#sort span:last-child
{
border: 0;
}
.catalogWrapper
{
float: none;
width: auto;
margin: 0 -10px;
}
.productDetails
{
padding-left: 0;
padding-right: 0;
padding-bottom: 55px;
}
.productDetails .detailLink
{
font-size: 13px;
line-height: 15px;
}
.proRowAct
{
padding: 0;
left: 0px;
top: auto;
bottom: 5px;
}
.tabBtns
{
padding: 0 10px;
box-sizing: border-box;
}
.tabBtns > .col
{
}
.tabBtns > .col:after
{
float: left;width: 25px;
}
.tabBtns .btn
{
padding: 10px 0;
font-size: 10px;
line-height: 18px;
}
.tabBtns .btn.active
{
padding: 10px 10px;
}
#productComparison
{
display:none;
}
.icon-new,
.productDiscount
{
}
.productListItem.col-sm-6:nth-child(odd)
{
border-right:1px solid #d9d9d9;
}
[dir="rtl"] .productListItem.col-sm-6:nth-child(odd)
{
border-right:0;
border-left:1px solid #d9d9d9;
}
.productListItem.col-sm-6:nth-child(even)
{
border-right:1px solid transparent;
}
.productListItem .icon-new,
.productListItem .productDiscount
{
position:absolute;
font-size:14px;
}
.productListItem .out-of-stock
{
position:absolute;
top:calc(50% - 50px);
}
.productListDetails
{
position:static;
}
#campaign-products[data-layout="horizontal"] .detailWrapper
{
width:calc(58.33333333% - 20px);
}
.detailWrapper .productDetails
{
padding-bottom:70px;
}
#campaign-products[data-layout="horizontal"] .proRowAct
{
bottom:50px;
}
.productOption span, .optionBox a p
{
height:24px;
line-height:22px;
}
.productOption span
{
font-size:14px;
}
.optionBox a, .optionBox select
{
height:24px;
}
.optionBox a
{
min-width:24px;
}
.optionBox a p
{
font-size:13px;
}
.productBrand
{
font-size:12px;
}
.productDescription
{
line-height:16px;
font-size:13px;
}
.productListDetails
{
position:relative;
float:left;
display:block;
padding-bottom:54px;
}
.productListDetails .productAttr
{
position:absolute;
bottom:0;
left:0;
padding-right:0;
padding-left:0;
}
.productPrice.discount
{
height:auto;
margin-bottom:20px;
padding-left:10px;
box-sizing:border-box;
}
.productPrice .productDiscount, #productLeft .productDiscount
{
}
.priceWrapper
{
}
.productListItem .currentPrice, .productListItem .discount .currentPrice, .productListItem .discountedPrice
{
padding-left:0;
}
.productListItem .currentPrice
{
line-height:28px;
}
.productListItem .discountedPrice + .currentPrice
{
line-height:13px;
}
.productListItem .discountedPrice
{
line-height:14px;
}
.discountedPrice
{
line-height:13px;
font-size:13px;
}
.discount .currentPrice
{
font-size:20px;
line-height:20px;
}
.productPager a,
.productPager span
{
float:none;
display:inline-block;
width: 30px;
height: 30px;
line-height: 30px;
font-size: 12px;
}
.currentPrice
{
font-size: 15px;
line-height: 15px;
}
.discountedPrice + .currentPrice
{
}
.resim-vitrin .col-1
{
padding-bottom:10px;
}
.resim-vitrin .currentPrice
{
line-height:38px;
}
.resim-vitrin .discountedPrice
{
line-height:23px;
}
.col-title + div .carousel li
{
width:364px;
}
.productColItem
{
min-height:470px;
}
.carousel .productColItem
{
min-height:auto;
}
.productColItem .productDetails, .carousel .productColItem:nth-child(2n) .productDetails
{
border-right:1px solid #ececec;
}
.carousel .productColItem .productDetails
{
padding-left:20px;
padding-right:20px;
}
.productColItem:nth-child(2n) .productDetails, .carousel .productColItem:last-child .productDetails
{
border-right:0;
}
.productColItem .line-bottom
{
border-bottom:0;
}
.productColItemTp .productDescription
{
line-height:16px;
font-size:13px;
}
.productColItemTp .productPrice
{
height:40px;
}
.productColItemTp .currentPrice, .productColItemTp .discountedPrice
{
line-height:20px;
font-size:20px;
}
.productColListItem .productBrand
{
}
.productColListItem .productDescription, .productColItemTp .productDescription
{
}
.productColListItem .col-4
{
width:16.6667%;
}
.productColListItem .col-8
{
width:83.3333%;
}
.productColListItem .productPrice
{
padding-left:0;
}
.productColListItem .currentPrice, .productColListItem .discountedPrice
{
}
:not(.notClear) > .col-sm-6:nth-of-type(2n) .productDetails,
:not(.notClear) > .col-sm-4:nth-of-type(3n) .productDetails,
:not(.notClear) > .col-sm-3:nth-of-type(4n) .productDetails,
:not(.notClear) > .col-sm-2:nth-of-type(6n) .productDetails
{
border-right:0;
}
#pager-wrapper
{
display:inherit;
padding-top:10px;
}
#pager-wrapper *
{
text-align:center;
}
.productPager
{
padding-top:10px;
border-top:1px solid #e5e5e5;
}
}
@media screen and (max-width:540px)
{
#filterSort
{
}
.col-xs-12 .productDetails
{
height:auto !important;
}
.productDescription
{
line-height: 16px;
font-size: 12px;
}
.productOption
{
padding-top:5px;
padding-bottom:0;
}
.productOption span
{
display:none;
}
.optionBox a, .optionBox select
{
margin-bottom:0;
}
.productPrice.fr
{
float:left;
}
[dir="rtl"] .productPrice.fr
{
float:right;
}
.discountedPrice
{
font-size:13px;
}
.currentPrice
{
font-size:15px;
}
.icon-new,
.productDiscount
{
}
}
@media screen and (max-width:360px)
{
.productItem.d-flex
{
display:inherit;
padding-left:0;
}
.campaign-text
{
width:0;
height:20px;
padding-right:0;
overflow:hidden;
}
.productItem .timer-type
{
display:none;
}
}
#footer
{
background: url('/theme/v4-usergramaltin/sub_theme/alt/firat/olive/../v4/footerBG.jpg') repeat;
}
#footer p, #footerMiddle ul li a
{
}
#footer-social h3,
#footer-newsletter h3
{
line-height:40px;
font-size:20px;
color:#fff;
margin-top:0;
margin-bottom:10px;
}
#footer-social p,
#footer-newsletter p
{
line-height:20px;
font-size:14px;
color:#fff;
font-weight:300;
}
#social
{
margin-top: 20px;
}
#social ul
{
padding-top:10px;
}
#social li a,
#social li a img
{
float:left;
}
[dir="rtl"] #social li,
[dir="rtl"] #social li a,
[dir="rtl"] #social li a img
{
float:right;
}
#social li
{
width: auto !important;margin-right: 10px;
}
[dir="rtl"] #social li
{
padding-right:0;
padding-left:10px;
}
#footer .newsletterMain
{
position:relative;
}
#footer .newsletterMain input[type="text"]
{
height:50px;
line-height:48px;
color:#7c7c7c;
font-size:12px;
font-weight:300;
}
#footer .newsletterMain .placeholder
{
right:40px;
line-height:34px;
padding-left:10px;
}
[dir="rtl"] #footer .newsletterMain .placeholder
{
right:1px;
left:40px;
padding-right:5px;
padding-left:25px;
}
#footer .newsletterMain input[type="button"]
{
height:50px;
color:#fff;
border:0;
cursor:pointer;
}
#footer-newsletter
{
padding-top:35px;
padding-bottom:35px;
background:#f7f7f7;
}
#footer-newsletter h3
{
color:#393939;
margin-bottom:0;
}
#footer-newsletter p
{
color:#393939;
}
#footerMiddle
{
padding-top: 50px;padding-left: 30px;padding-right: 30px;padding-bottom: 40px;
}
#footerMiddle h3
{
font-size: 21px;font-weight: bold;margin: 0;line-height: 25px;margin-bottom: 20px;padding-bottom: 13px;color: #8c6f4d;position: relative;
}
#footerMiddle ul li
{
display:block;
float: left;
}
#footerMiddle ul li a,
#footerMiddle p
{
}
#footerMiddle ul li a
{
float: left;color: #5c524b;font-size: 17px;line-height: 2.12;
}
#footerMiddle ul li a:hover
{
color: #8f6f44;
}
#footerMiddle p
{
padding-bottom:0;
}
#footerContact
{
background:url('/theme/v4-usergramaltin/sub_theme/alt/firat/olive/../v4/footerContact.png') no-repeat center center;
}
#contactInfo strong
{
color:#393939;
}
#contactInfo i
{
display:inline-block;
width:25px;
}
#footerBottom
{
padding: 0 30px;
}
#footerSecurity img
{
margin-right: 28px;
}
#footerCards
{
margin-left: auto;
}
#footerCards img
{
margin-left: 25px;
}
#tsoft-eticaret-sistemleri
{
line-height:50px;
font-size:12px;
color:#6c6c6c;
text-align:center;
background:#fff;
display: none !important;
}
#footerMiddle h3:after
{
content: '';height: 3px;background-color: #c08530;width: 72px;position: absolute;bottom: 0;left: 0;
}
#social li a
{
font-size: 0 !important;
line-height: 1 !important;
}
div#footerIcons
{
border-top: 1px solid #efe7e0;
border-bottom: 1px solid #efe7e0;
padding: 30px 0;
box-sizing: border-box;
}
.footerCart div#footerIcons
{
border-top: 0;
}
.copyright
{
width: 100%;
float: left;
padding: 22px 30px;
box-sizing: border-box;
display: flex;
align-items: center;
}
.copyright span.fl
{
font-size: 16px;
font-weight: 500;
line-height: 19px;
color: #5c524b;
}
.copyright .fr
{
margin-left: auto;
}
.geotrust a
{
outline: none;
margin-left: 25px;
}
.geotrust img
{
margin: 0 !important;
height: 55px;
}
@media screen and (min-width:769px) and (max-width:1100px)
{
div#footerSecurity
{
width: 100%;
float: left;
justify-content: center;
}
#footerCards
{
width: 100%;
float: left;
justify-content: center;
margin: 0;
margin-top: 10px;
}
div#footerIcons
{
display: block;
text-align: center;
}
}
@media screen and (max-width: 1000px)
{
#footerMiddle
{
}
#footerMiddle .col-2
{
padding-top:15px;
padding-bottom:15px;
}
#footerMiddle .col-2:nth-child(3n+1)
{
clear:both;
}
}
@media screen and (min-width: 769px)
{
#footerMiddle ul li div
{
display:block !important;
height:auto !important;
}
}
@media screen and (max-width: 768px)
{
#ETBIS img
{
max-height: 60px !important;
}
div#footerCards
{
display: flex !important;
align-items: center;
justify-content: center;
}
.footerCart .copyright
{
padding: 10px 0;
}
.footerCart .copyright .col.col-12
{
padding: 0;
}
.footerCart .copyright .col.col-12 span.fl
{
width: calc(100% - 80px);
}
#footerMiddle h3:after
{
width: 100%;
height: 1px;
background: #ddd;
}
div#footerIcons
{
border-top: 0;
}
#footerMiddle h3 + div > ul
{
margin-bottom: 20px;
margin-top: 0;
}
#footerMiddle
{
padding: 30px 10px;
padding-bottom: 10px;
}
#footerBottom
{
padding: 0 20px;
background: #fff;
}
#footerSecurity img
{
margin-bottom: 10px !important;margin: 0 4px;max-height: 18px;
}
#footerCards img
{
max-height: 30px;
width: auto !important;
margin: 0px 10px;
}
.copyright
{
padding: 12px 20px;
}
.copyright span.fl
{
font-size: 12px;
line-height: 15px;
}
#footerMiddle h3
{
font-size: 18px;
}
#footerMiddle ul li a
{
font-size: 15px;
line-height: 1.8;
}
[dir="rtl"] #footerMiddle h3
{
background-position:10px center;
}
#footerMiddle h3 + div
{
display:none;
}
#footer-social .d-flex
{
display:inherit;
}
#social
{
text-align:left;
box-sizing:border-box;
}
#social li,
#social li a
{
}
#social li a
{
}
#social li a img
{
}
#footerIcons,
#footerIcons .d-flex
{
display:inherit;
width: 100%;
float: left;
text-align: center;
}
}

.sliderWrap
{
width:100%;
}
.slide-wrapper
{
position:relative;
}
.sliderMain
{
width:100%;
min-height:70px;
}
.GelismisVitrinLoad
{
position:absolute;
width:100%;
height:50px;
line-height:50px;
text-align:center;
top:50%;
margin:-25px 0 0;
}
.carousel-wrapper
{
position:relative;
overflow:hidden;
}
.sliderMain ul
{
width:100%;
min-height:70px;
margin:0;
padding:0;
list-style:none;
position:relative;
white-space: nowrap;
overflow: hidden;
}
.sliderMain ul:not(.carousel)
{
display:flex;
align-items:center;
}
.carousel
{
position:relative;
left:0;
}
[dir="rtl"] .carousel
{
float:left;
}
.sliderMain li, .sliderMain p, .sliderMain a
{
padding:0;
margin:0;
display:inline-block;
}
.responsive .fade li, .responsive .fade li p, .responsive .fade li a
{
width:100%;
height:100%;
}
.responsive .fade li p, .responsive .fade li a
{
position:absolute;
top:0;
left:0;
}
.responsive li
{
background-size:cover !important;
}
.fade > li
{
position:absolute;
top:0;
left:0;
display:none;
}
.fade li.current
{
position:static;
}
.carousel li
{
float:left;
}
.sliderMain img
{
float:left;
width:100%;
max-width:100%;
}
.slideControl
{
position: absolute;
width: calc(100% + 36px);
height:0;
top: 50%;
left: -18px;
margin-top: -15px;
margin-right: 0;
margin-bottom: 0;
box-sizing: border-box;
}
.slideControl > .row
{
height:0;
}
#twoCol .slideControl, #threeCol .slideControl
{
left:30px;
right:20px;
width:auto;
}
.slideControl span
{
width: 18px;
height: 35px;
font-size: 35px;
}
.nextSlide
{
background-position:right 0;
}
[dir="rtl"] .nextSlide
{
background-position:0 0;
}
[dir="rtl"] .prevSlide
{
background-position:right 0;
}
.sliderMain ul.slidePager
{
min-height: auto;
position: absolute;
height: 20px;
text-align: center;
bottom: 10px;
left: 0px;
padding: 0px 10px;
box-sizing: border-box;
display: table;
}
.twoCol .sliderMain ul.slidePager, .threeCol .sliderMain ul.slidePager
{
width:auto;
left:10px;
right:10px;
margin-left:0;
}
.slidePager li
{
display:inline-block;
width:15px;
height:15px;
line-height:15px;
text-align:center;
color:#fff;
font-size:12px;
text-indent:-999em;
background:#c9c9c9;
border-radius:10px;
margin-right:3px;
margin-left:3px;
overflow:hidden;
cursor:pointer;
}
.slidePager li.active
{
background:#797979;
box-shadow:inset 0 0 0 3px #545454;
cursor:default;
}
@media screen and (max-width: 1320px)
{
.slideControl, .sliderMain ul.slidePager
{
width:calc(100% - 60px);
left:30px;
right:30px;
margin-left:0;
}
}