@import url('/theme/v4/sub_theme/genel/firat/user_FTH2018/../v4/font/tsoft.css');
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%;
vertical-align: baseline;
}
tbody, tfoot, thead, tr, th, td
{
margin: 0;
padding: 0;
font-size: 100%;
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:"Open Sans", "Arial", 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;
}
input:focus, select:focus, textarea:focus
{
box-shadow:inset 0 0 4px rgba(0,0,0,.3);
}
p
{
padding-bottom:10px;
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;
}
.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:#e35252;
}
.border-custom-dark-gray:before,
.border-custom-dark-gray:after
{
background:#7c7c7c;
}
.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;
}
[dir="rtl"] .pos-right,
[dir="rtl"] .btn.pos-right,
[dir="rtl"] .col.pos-right,
[dir="rtl"] .box.pos-right
{
right:auto;
left: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;
}
[dir="rtl"] .pos-left,
[dir="rtl"] .btn.pos-left,
[dir="rtl"] .col.pos-left,
[dir="rtl"] .box.pos-left
{
left:auto;
right: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:#5e5e5e;
}
.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;
}
.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, a, 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:10px;
}
*.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:10px;
}
*.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;
pointer-events: none;
}
.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 + *
{
pointer-events: all;
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
{
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;
}
.box.p-right,
.col.p-right,
.btn.p-right
{
padding-right: 0px;
}
[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/sub_theme/genel/firat/user_FTH2018/../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: 999;
}
.tooltip.default
{
border:1px solid #ececec;
}
#notify
{
position:fixed;
z-index:999999;
}
#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;
height: auto;
}
#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/sub_theme/genel/firat/user_FTH2018/../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/sub_theme/genel/firat/user_FTH2018/../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/sub_theme/genel/firat/user_FTH2018/../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%;
}
.inner-fluid
{
width: 100%;
float: left;
box-sizing: border-box;
}
.loaderWrapper
{
position:relative;
}
.loading
{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
background:rgba(255,255,255,.7) url('/theme/v4/sub_theme/genel/firat/user_FTH2018/../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;
}
.mh-content ul,
.mh-content ol
{
margin: auto;
padding: 0 12px;
}
.mh-content ul
{
list-style-type: disc;
}
.mh-content ol
{
list-style-type: decimal;
}
.envoice-link
{
background: transparent url('/theme/v4/sub_theme/genel/firat/user_FTH2018/../v4/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfkAxEOOCDIawgnAAABtElEQVQ4y5XSTUjUURQF8N80mhLWNBZuJIiKyiBc2MJKQXQREkJCoCRCLVpFBoEbV0XbVlKLJAqtRQ2BEtEioUBmEVFCRES4UCgtsSYsSbGJaTF/x/nQps7dHM575917372w2aB5qZz47Yp1cd2gSJ4Ws6RvPcOknQVaTI8JPYWXS1BhYY1nPmk2ZslAoWEtJFT74JhnvruXfzhne4Gh1mfDYsYta/iXDK/VOqwUp9WJFzcwawQczZU3+E+sZtjtbIbHPSpuWJQQCvg8aNJuj4Pee2dUKn0UwpwaXxDJKrDKDVWGvJVSo8uSbhO539ookYmfknqFM/aQc6YdWG8OIWMuBLzFiYCd8UZpdg87nApYtXL9AT8kGnzvbd063VmtOiwiKiqq1a2VFnNw08nsDFOZdW4yjrCNFgOlXFLSuMtrD67cL7R4GfS2RVwblpWkDTN25Rim7MUTD42KKPPAc8PYbzJdUr+7rvqWMSzocB99Kl1EzHnQ4bFgtq3abc3K0ajLU4QNKdMpiXoj9gU7UIAjZvK2tM604/6CZh8NaFBhk3rXzGpTBJV6vfDVD69csm1F/gNIRHWgtVFr0wAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMC0wMy0xN1QxNDo1NjozMiswMDowMO16kkIAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjAtMDMtMTdUMTQ6NTY6MzIrMDA6MDCcJyr+AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg==') center center no-repeat;
width: 30px;
height: 30px;
display: block;
}
@media screen and (min-width: 1231px)
{
.inner
{
width:1200px;
margin:0 auto;
}
.inner-fluid
{
padding-left: 10px;
padding-right: 10px;
}
}
@media screen and (max-width: 1230px)
{
#content
{
margin-right:0;
margin-left:0;
}
.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)
{
.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;
}
#quick-order-form .productRow
{
flex-wrap: wrap;
position: relative;
}
#quick-order-form .productRow .text-description
{
padding-right: 40px;
}
#quick-order-form .productRow .icon-cancel
{
position: absolute;
top: 12px;
right: 10px;
z-index: 2;
}
}
@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: Arial,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: Arial, 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: Arial, 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;
}
}

.prd-sepettekindirim-case
{
width:95%; height:35px; box-sizing: border-box; border:1px dashed #d87f17; display: table; border-radius:30px; margin:5px auto;
}
.prd-sepettekindirim-case span
{
display:table-cell; vertical-align: middle; text-align: center; color:#d87f17; font-size:14px; font-weight:600;
}
.prd-sepettekindirim-case span i
{
font-style: normal; font-size:10px; font-weight: normal;
}
.home-content-text
{
border-top: 1px solid #CCC;
}
.home-content-text p
{
font-size: 12px;
padding:0 0 10px 0;
}
.categoryContent
{
width:100%;
max-width: 1200px;
height: auto;
padding: 10px 7px 10px 7px;
box-sizing: border-box;
display: table;
margin-left: auto;
margin-right: auto;
}
.categoryContent p
{
font-size: 12px;
padding:0 0 5px 0;
}
.textMoreButton
{
width:100%;
max-width: 1200px;
height:30px;
background: #e0e0e0;
padding: 5px 10px 5px 10px;
box-sizing: border-box;
display: table;
margin-left: auto;
margin-right: auto;
cursor: pointer;
font-size:14px;
font-weight: bold;
}
.textMoreButton span
{
display: table-cell;
vertical-align: middle;
text-align: center;
}
.MainBanner-Title
{
width:100%;
height: auto;
font-size:28px;
text-align: center;
border-bottom:1px solid #CCCCCC;
padding-bottom: 10px;
font-family: 'Courgette', cursive;
margin: 0 0 10px 0;
display:table;
}
.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: #213777;
}
.border-custom-pink:before,
.border-custom-pink:after,
.progress-bar
{
background-color: #213777;
}
#katalog
{
display:block !important;
margin-bottom: 25px;
}
#leftColumn
{
border:1px solid #edf1f2 !important;
}
#navigasyon
{
width: 95%;
margin-left: auto;
margin-right: auto;
margin-bottom: -10px;
border: 0px !important;
}
.box-border
{
border:0px !important;
}
#TBProductListBox
{
width: 95%;
max-width: 1200px;
height: auto;
min-height: 100px;
margin-left: auto;
margin-right: auto;
}
.productListTitle
{
width: 100%;
max-width: 1200px;
height:auto;
padding: 15px 0 5px 0;
border-bottom: 1px solid #b7d4ee;
font-size: 30px;
font-style: italic;
color: #003d73;
display: table;
margin-left: auto;
margin-right: auto;
}
.productListTitle span
{
display: table-cell;
vertical-align: middle;
text-align: center;
}
.productItemCase
{
width:31.33333%;
height: 420px;
float: left;
display: block;
box-sizing: border-box; margin:1%;
}
.ProductItemBox
{
width: 100%;
height: 420px;
position: relative;
display: block;
overflow: hidden;
background: #FFFFFF;
border: 1px solid #edf1f2;
box-sizing: border-box;
}
.productItemCase:hover > .ProductItemBox .ProductinfoEx
{
display: table;
}
.productItemCase:hover > .ProductItemBox
{
height: auto;
min-height:100%;
z-index: 10;
-webkit-box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.4);
box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.4);
}
.ProductItemBox > .productItemImage
{
width: 100%;
height: auto;
display: table;
}
.ProductItemBox > .productItemImage span
{
display: table-cell;
vertical-align: middle;
text-align: center;
}
.ProductItemBox > .productItemImage span img
{
width: 100%;
height: auto;
}
.ProductItemBox > .productItemName
{
width: 95%;
height: 53px;
color: #003d73;
overflow: hidden;
border-bottom: 0px solid #dfeffd;
font-size: 16px;
font-size:1vw;
display: block;
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
}
.ProductItemBox > .productItemName > .prdText
{
width: 100%; height: 100%;
display: table;
padding: 5px 0px 0px 0px;
}
.ProductItemBox > .productItemName > .prdText > span
{
display: table-cell;
vertical-align: middle;
text-align: center;
line-height:22px;
}
.Productinfo
{
width: 100%;
height: auto;
box-sizing: border-box;
display: table;
}
.ProductPriceCase
{
width:100%;
height: auto;
text-align: center;
}
.ProductPriceCase .PriceFormat
{
width: auto;
height:100%;
display: inline-block;
margin:10px 15px 10px 15px;
}
.ProductPriceCase .PriceFormat .PriceFirstStep
{
display: inline-block;
font-size: 25px;
}
.ProductPriceCase .PriceFormat .PriceSecondStep
{
display: inline-block;
}
.listPrice
{
color: #999999;
}
.listPrice .PriceThrough
{
width: 100%; height:1.5px;
background: #999999;
margin-top: -14px; transform: rotate(-15deg);
}
.SellingPrice
{
color: #001E39;
}
.ProductinfoEx
{
display: none;
width: 100%;
height: 30px;
color: yellowgreen;
}
.ProductinfoEx span
{
display: table-cell;
vertical-align: middle;
text-align: center;
}
@media screen and (min-width: 640px) and (max-width: 1024px)
{
.productItemCase
{
width:23%;
height: auto;
float: left;
display: block;
box-sizing: border-box; margin:1%;
}
.ProductItemBox
{
width: 100%;
height: auto;
position: relative;
display: block;
overflow: hidden;
background: #FFFFFF;
border: 1px solid #edf1f2;
box-sizing: border-box;
}
.productItemCase:hover > .ProductItemBox
{
height: auto;
min-height:100%;
z-index: 10;
-webkit-box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.4);
box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.4);
}
.ProductItemBox > .productItemImage
{
width: 100%;
height: auto;
display: table;
}
.ProductItemBox > .productItemImage span
{
display: table-cell;
vertical-align: middle;
text-align: center;
}
.ProductItemBox > .productItemImage span img
{
width: 100%;
height: auto;
}
.ProductItemBox > .productItemName
{
width: 95%;
height: 53px;
color: #003d73;
overflow: hidden;
border-bottom: 1px solid #dfeffd;
font-size: 16px;
font-size:1.5vw;
display: block;
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
}
.ProductItemBox > .productItemName > .prdText
{
width: 100%; height: 100%;
display: table;
padding: 5px 0px 15px 0px;
}
.ProductItemBox > .productItemName > .prdText > span
{
display: table-cell;
vertical-align: middle;
text-align: center;
line-height:22px;
}
.Productinfo
{
width: 100%;
height: auto;
box-sizing: border-box;
display: table;
}
.ProductPriceCase
{
width:100%;
height: auto;
text-align: center;
}
.ProductPriceCase .PriceFormat
{
width: auto;
height:100%;
display: inline-block;
margin:15px 5px 10px 10px;
}
.ProductPriceCase .PriceFormat .PriceFirstStep
{
display: inline-block;
font-size:25px;
}
.ProductPriceCase .PriceFormat .PriceSecondStep
{
display: inline-block;
font-size:11px;
}
.listPrice
{
color: #999999;
}
.listPrice .PriceThrough
{
width: 100%; height:1.5px;
background: #999999;
margin-top: -14px; transform: rotate(-15deg);
}
.SellingPrice
{
color: #001E39;
}
.ProductinfoEx
{
display: table;
width: 100%;
height: 30px;
color: yellowgreen;
}
.ProductinfoEx span
{
display: table-cell;
vertical-align: middle;
text-align: center;
}
}
@media screen and (max-width: 640px)
{
#TBProductListBox
{
width: 100%;
max-width: 1200px;
height: auto;
min-height: 100px;
margin-left: auto;
margin-right: auto;
}
.productListTitle
{
width: 100%;
max-width: 1200px;
height:auto;
padding: 15px 0 5px 0;
border-bottom: 1px solid #b7d4ee;
font-size: 26px;
font-style: italic;
color: #003d73;
display: table;
margin-left: auto;
margin-right: auto;
}
.productListTitle span
{
display: table-cell;
vertical-align: middle;
text-align: center;
}
.productItemCase
{
width:48%;
height: 330px;
float: left;
box-sizing: border-box;
margin:1%;
}
.ProductItemBox
{
width: 100%;
height: 330px;
position: relative;
display: block;
background: #FFFFFF;
border: 1px solid #edf1f2;
box-sizing: border-box;
}
.productItemCase:hover > .ProductItemBox
{
height: auto;
min-height:100%;
z-index: 10;
-webkit-box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.4);
box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.4);
}
.ProductItemBox > .productItemImage
{
width: 100%;
height: auto;
display: table;
}
.ProductItemBox > .productItemImage span
{
display: table-cell;
vertical-align: middle;
text-align: center;
}
.ProductItemBox > .productItemImage span img
{
width: 100%;
height: auto;
}
.ProductItemBox > .productItemName
{
width: 100%;
height: 41px;
overflow: hidden;
color: #003d73;
font-size:18px; font-size: 3.5vw;
display: block;
box-sizing: border-box;
}
.ProductItemBox > .productItemName > .prdText
{
width: 100%; height: 100%;
display: table;
box-sizing:border-box;
padding: 5px 2px;
}
.ProductItemBox > .productItemName > .prdText > span
{
display: table-cell;
vertical-align: middle;
text-align: center;
line-height:18px;
}
.Productinfo
{
width: 100%;
height: auto;
box-sizing: border-box;
display: table;
}
.ProductPriceCase
{
width:100%;
height: auto;
text-align: center;
}
.ProductPriceCase .PriceFormat
{
width: auto;
height:100%;
display: inline-block;
margin:15px 5px 10px 10px;
}
.ProductPriceCase .PriceFormat .PriceFirstStep
{
display: inline-block;
font-size:22px;
}
.ProductPriceCase .PriceFormat .PriceSecondStep
{
display: inline-block;
font-size:11px;
}
.listPrice
{
color: #999999;
}
.listPrice .PriceThrough
{
width: 100%; height:1.5px;
background: #999999;
margin-top: -14px; transform: rotate(-15deg);
}
.SellingPrice
{
color: #001E39;
}
.ProductinfoEx
{
display: table;
width: 100%;
height: 30px;
color: yellowgreen;
}
.ProductinfoEx span
{
display: table-cell;
vertical-align: middle;
text-align: center;
}
}
.urunListeBox
{
width:100%;
height: auto;
display: table;
margin-left: auto;
margin-right: auto;
}
.filtre
{
width:0%;
height: 500px;
float: left;
}
.UrunlerBox
{
width:100%;
max-width: 1200px;
height:auto;
display: table;
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
}
.UrunlerBox .urunListeCase
{
width:100%;
height: auto;
display:block;
float: left;
}
.UrunlerBox .UrunlerListItem
{
display: table;
float: left;
overflow: hidden;
border-radius:5px;
border: 1px solid #e9e9e9;
box-sizing: border-box;
transition: box-shadow 200ms;
}
.UrunlerBox .UrunlerListItem:hover
{
transition: box-shadow 200ms;
-webkit-box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.096); -moz-box-shadow: 0px 5px 18px 0px rgba(0,0,0,0.096); box-shadow: 0px 5px 18px 0px rgba(0,0,0,0.096);
}
.UrunlerBox .UrunlerListItem a
{
width:100%; height:100%;
color: unset;
text-decoration:none;
display: table;
}
.UrunlerBox .UrunlerListItem .UrunListImage
{
width:100%;
display: block;
overflow: hidden;
position: relative;
}
.UrunlerBox .UrunlerListItem .UrunListImage img
{
width: auto;
height:100%;
transition: all 200ms;
}
.UrunlerBox .UrunlerListItem .UrunlerListImageBand
{
width:100%;
height: auto;
background: #ffffff;
transition: all 200ms;
position: absolute; opacity:0.7; bottom:-30%;
display: table;
color:#589c00;
font-weight: bold;
padding:3% 0;
}
.UrunlerBox .UrunlerListItem .UrunlerListImageBand span
{
width:100%;
height: auto;
display: table-cell;
vertical-align: middle;
text-align: center;
}
.UrunlerBox .UrunlerListItem:hover .UrunlerListImageBand
{
bottom: 0px;
transition: all 200ms;
}
.UrunlerBox .UrunListName
{
width:100%;
display: block;
line-height: 130%;
padding: 0 10px;
overflow: hidden;
box-sizing: border-box;
text-align: center;
color: #535353;
border-bottom:0px solid #dbdbdb;
margin-left: auto;
margin-right: auto;
}
.UrunlerBox .UrunListName h1
{
width:100%; height:100%;
font-size: 10pt;
font-family: 'Montserrat', sans-serif !important; margin:0 !important;
font-weight: normal;
display: table;
text-align: center;
}
.UrunlerBox .UrunListName h1 em
{
width:100%; height:100%;
display: table-cell;
vertical-align: middle;
text-align: center;
}
.UrunlerBox .UrunListeInfo
{
width:100%;
height: 50px;
background:#ffffff; margin-top: -1%;
}
.UrunlerBox .UrunListeInfo .UrunInfoCol
{
width:50%; height:100%;
display: block;
float: left;
box-sizing: border-box;
}
.UrunlerBox .UrunListeInfo .UrunInfoCol:first-child
{
border-right: 0px solid #ebebeb;
}
.UrunlerBox .UrunListeInfo .UrunInfoCol .UrunPriceRow
{
width:100%;
display: table;
text-align:right;
box-sizing: border-box;
padding:0 10% 0 0;
}
.UrunlerBox .UrunListeInfo .UrunInfoCol .UrunSalePrice
{
height:50%;
font-size: 20pt;
color:#004c93;
}
.UrunlerBox .UrunListeInfo .UrunInfoCol .UrunSalePrice span
{
display: table-cell;
font-weight:600;
vertical-align: top;
}
.UrunlerBox .UrunListeInfo .UrunInfoCol .UrunSalePrice i
{
font-size: 13pt;
font-style: normal;
}
.UrunlerBox .UrunListeInfo .UrunInfoCol .UrunSalePrice em
{
font-size: 13pt;
}
.UrunlerBox .UrunListeInfo .UrunInfoCol .UrunDiscPrice
{
height:50%;
color: #afafaf;
font-size:11pt;
text-decoration: line-through;
padding:0 12% 0 0;
}
.UrunlerBox .UrunListeInfo .UrunInfoCol .UrunDiscPrice span
{
display: table-cell;
vertical-align: middle;
}
.UrunlerBox .UrunListeInfo .UrunInfoCol .UrunDiscPrice i
{
font-style: normal;
}
.UrunlerBox .UrunListeInfo .UrunInfoRow
{
width:100%; height:50%; padding:0 0 0 7%;
}
.UrunlerBox .UrunListeInfo .UrunDiscountPercent
{
color: #e68732;
font-size: 18pt;
}
.UrunlerBox .UrunListeInfo .UrunDiscountPercent span
{
font-size: 8pt;
margin-left:3px;
}
.UrunlerBox .UrunListeInfo .UrunListCode
{
color: #afafaf;
font-size:10pt;
box-sizing: border-box;
padding-top:7%;
}
.UrunlerBox .UrunListButtonCase
{
width:100%;
height: 30px;
background:#004c93;
}
@media screen and (max-width: 1024px)
{
.UrunlerBox .UrunListName h1
{
font-size:1.5vw;
}
.UrunlerBox .UrunListeInfo .UrunInfoCol .UrunSalePrice
{
font-size: 3vw;
}
.UrunlerBox .UrunListeInfo .UrunInfoCol .UrunDiscPrice
{
font-size: 2vw;
}
.UrunlerBox .UrunListeInfo .UrunDiscountPercent
{
font-size: 3vw;
}
.UrunlerBox .UrunListeInfo .UrunDiscountPercent span
{
font-size: 1.5vw;
}
.UrunlerBox .UrunListeInfo .UrunListCode
{
font-size:1.5vw; padding-top:7%;
}
}
@media screen and (max-width: 640px)
{
.UrunlerBox .UrunlerListItem
{
padding-bottom: 0px;
}
.UrunlerBox .UrunListName h1
{
font-size: 3vw;
}
.UrunlerBox .UrunListeInfo .UrunInfoCol .UrunSalePrice
{
font-size: 5vw;
}
.UrunlerBox .UrunListeInfo .UrunInfoCol .UrunSalePrice span
{
display: table-cell;
vertical-align:top;
}
.UrunlerBox .UrunListeInfo .UrunInfoCol .UrunSalePrice em
{
font-size:3.5vw;
}
.UrunlerBox .UrunListeInfo .UrunInfoCol .UrunSalePrice i
{
font-size:3.5vw;
font-style: normal;
}
.UrunlerBox .UrunListeInfo .UrunInfoCol .UrunDiscPrice
{
font-size: 3vw;
padding:10% 13% 0 0;
}
.UrunlerBox .UrunListeInfo .UrunDiscountPercent
{
font-size: 4.8vw; padding-top:7%;
}
.UrunlerBox .UrunListeInfo .UrunDiscountPercent span
{
font-size: 2.7vw;
}
.UrunlerBox .UrunListeInfo .UrunListCode
{
font-size: 3vw;
padding-top:0%; margin-top: -1%;
}
}

@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/sub_theme/genel/firat/user_FTH2018/../v4/navIcon.png') no-repeat center center;
}
[dir="rtl"] #navigasyon li
{
float:right;
}
#navigasyon a,
#navigasyon .navItem
{
height:20px;
line-height:20px;
font-size:11px;
padding-left:5px;
}
#navigasyon a.navHome
{
color:#6c6c6c;
}
#navigasyon a span.forDesktop,
#navigasyon .navItem span.forDesktop
{
padding-left: 5px;
padding-right: 10px;
}
#navigasyon a span.forDesktop:before,
#navigasyon .navItem span.forDesktop:before
{
line-height: 20px;
}
[dir="rtl"] #navigasyon a,
[dir="rtl"] #navigasyon .navItem
{
display:flex;
align-items:center;
flex-wrap:wrap;
padding-left:0;
padding-right:5px;
}
[dir="rtl"] #navigasyon a span.forDesktop,
[dir="rtl"] #navigasyon .navItem span.forDesktop
{
padding-right: 5px;
padding-left: 10px;
float: right;
margin-left: auto;
}
[dir="rtl"] #navigasyon a span.forDesktop:before,
[dir="rtl"] #navigasyon .navItem 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:18px;
margin-right:17px;
background:#e5e5e5;
position:relative;
}
.middle-price-filter
{
display: -webkit-box;
display: flex;
white-space: nowrap;
}
.middle-price-filter #slider-range
{
width: 100px;
margin-top: 14px;
}
.ui-slider-range
{
position:absolute;
top:0;
height:2px;
background:#e35252;
}
.ui-slider-handle
{
position:absolute;
top:-7px;
width:16px;
height:16px;
background:#fff;
border:5px solid #e35252;
box-sizing:border-box;
cursor:pointer;
}
#filtre .btn.btn-default
{
font-size:12px;
}
#leftColumn #filtre .btn.btn-default
{
font-size:20px;
}
#newsList .line-top:first-child
{
border-top:0;
}
.productType, .qtyBtns input
{
font-size:12px;
text-transform:uppercase;
}
.productType
{
line-height:30px;
}
.middleItem .productType
{
line-height:14px;
}
#commentTabContent .stars
{
margin-bottom:5px;
margin-left:10px;
}
#cart-wrapper .qtyBox
{
min-width:110px;
}
.middleItem
{
overflow-x: auto;
}
.qtyBtns
{
height:48px;
padding-top:1px;
padding-bottom:1px;
background-color:#e5e5e5;
}
.package-line .qtyBtns
{
height:30px;
}
.middleItem .qtyBtns
{
height:30px;
padding-top:1px;
padding-bottom:1px;
background:#e5e5e5;
}
.qtyBtns a
{
float:left;
width:25px;
height:48px;
line-height:48px;
text-align:center;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-o-user-select:none;
user-select:none;
}
.middleItem .qtyBtns a
{
height:30px;
line-height:28px;
opacity:.5;
}
.package-line .qtyBtns a
{
height:30px;
line-height:30px;
}
.qtyBtns a p.icon-minus:before
{
font-size:1px;
}
.qtyBtns a p.icon-plus:before
{
font-size:7px;
}
.qtyBtns input
{
float:left;
width:calc(100% - 50px);
height:48px;
line-height:48px;
font-size:14px;
color:#5e5e5e;
text-align:center;
padding-right:5px;
padding-left:5px;
border:0;
box-sizing:border-box;
}
.form.large .package-line .qtyBtns input
{
height:30px;
line-height:30px;
}
.middleItem .qtyBtns input
{
height:30px;
line-height:30px;
font-size:14px;
}
.middleItem td
{
padding:10px;
vertical-align:middle;
}
.middleItem .lightBg td.line-right
{
border-right:1px solid #dadada;
}
.productRow div > span,
.middleItem td > span
{
line-height:1.5;
clear:both;
}
.productRow div > span.basketProName,
.middleItem td > span.basketProName
{
font-size:14px;
}
.productRow div > span.basketSubPro,
.middleItem td > span.basketSubPro
{
display:inline-block;
font-size:12px;
color:#5e5e5e;
padding-left:5px;
padding-right:5px;
margin-bottom:10px;
}
.incBasketProduct, .decBasketProduct
{
}
.incBasketProduct
{
}
.decBasketProduct
{
}
.qtyBasketProduct
{
width:28px;
}
.productPrc
{
font-size:14px;
}
.removeBasketProduct
{
float:left;
width:30px;
height:30px;
background:#000;
}
.mDetay
{
cursor:pointer;
}
#cartEmpty
{
font-size: 25px;
line-height:250px;
}
#leftColumn #cartEmpty, #rightColumn #cartEmpty
{
font-size: 14px;
line-height: 25px;
}
#cartEmpty:before
{
content:'';
display: inline-block;
background: url('/theme/v4/sub_theme/genel/firat/user_FTH2018/../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%;
}
.swiper-container
{
overflow: hidden;
position: relative;
}
@media screen and (max-width: 1230px)
{
#nav-wrapper
{
padding-right:10px;
padding-left:10px;
box-sizing:border-box;
}
}
@media screen and (min-width: 1001px)
{
.qtyBtns input
{
min-width:28px;
}
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
.navIcon
{
width:30px;
height:30px;
}
#navigasyon a,
#navigasyon .navItem
{
height:30px;
line-height:30px;
font-size:13px;
}
}
@media screen and (min-width: 769px)
{
.middleItem .qtyBtns input
{
width:28px;
}
}
@media screen and (max-width: 768px)
{
#nav-wrapper i:before
{
line-height:40px;
padding-right:10px;
}
#navigasyon
{
border: 0;
position: relative;
border-bottom:1px solid #f0f0f0;
margin-top:-10px;
}
#navigasyon li
{
position:absolute;
width:calc(100% - 30px);
height:100%;
opacity:0;
visibility: hidden;
}
#navigasyon[data-last-step="true"] li:last-child,
#navigasyon[data-last-step="false"] li:nth-last-child(2)
{
position:static;
opacity:1;
z-index:0;
white-space:nowrap;
visibility: visible;
}
#navigasyon li:after
{
position:absolute;
right:10px;
content:'\e81d';
line-height:40px;
color:#e35252;
font-family:'tsoft', sans-serif;
font-style:normal;
font-weight:normal;
text-decoration:inherit;
font-variant:normal;
text-align:center;
text-transform:none;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
speak:none;
}
#navigasyon a,
#navigasyon .navItem
{
width:100%;
padding-right:0;
padding-left:0;
line-height:40px;
height:40px;
color:#535353;
font-size:13px;
text-transform:uppercase;
text-align:center;
font-style:normal;
}
#navigasyon a.navHome
{
padding-right:0;
}
.filter-box
{
margin-bottom: 0;
}
.alertListBtn
{
padding-right:0;
padding-bottom:10px;
}
.shopImg
{
padding-right:0;
}
.campaignWrap
{
position:relative;
padding-top:0;
padding-right:0;
padding-bottom:30px;
padding-left:0;
}
#cartEmpty
{
line-height:40px;
}
#cartEmpty:before
{
width:100%;
}
.productRow
{
display:block;
}
.productRow div > span.basketProName
{
position:relative;
font-size:13px;
line-height:1.7;
}
.removeBtn
{
position:absolute;
top:0;
right:0;
}
[dir="rtl"] .removeBtn
{
right:auto;
left:0;
}
#cart-wrapper
{
display:initial;
}
.form.large .package-line .qtyBtns input
{
padding-right:5px;
padding-left:5px;
}
}

p
{
padding-bottom: 10px;
font-family: "Open Sans", sans-serif;
line-height: 1.3;
font-size: 11pt;
box-sizing: border-box;
padding: 0px 15px 20px 15px;
}
.text-description, .pWrapper .pWin.debugActive .pText
{
line-height: 15px;
font-size: 12px;
color: #5e5e5e;
padding-bottom: 10px;
font-family: "Open Sans", sans-serif;
line-height: 1.3;
font-size: 11pt;
box-sizing: border-box;
padding: 0px 15px 20px 15px;
}
.pageTitle
{
line-height: 60px;
font-size: 17px;
color: #545454;
font-weight: 600;
text-transform: uppercase;
border-bottom: 1px solid #ECECEC;
box-sizing: border-box;
padding: 0px 10px 0px 10px;
}
.homeMyServiceCase
{
width:100%;
max-width: 1200px;
height:30px;
margin-left: auto;
margin-right: auto;
padding-top: 10px;
display: table;
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
-ms-user-select: none;
user-select: none;
}
.homeMyServiceCase .MyServiceBox
{
width:14%;
height: auto;
margin:1.3%;
border: 2px dotted #aeb5bd;
cursor: default;
color: #8d9399;
display: table;
float: left;
opacity:0.7;
box-sizing: border-box;
border-radius:10px;
}
.homeMyServiceCase .MyServiceBox:hover
{
opacity: 1;
}
.homeMyServiceCase .MyServiceIcon
{
width:100%;
height: 80px;
display:table;
font-size: 3vw;
text-align: center;
}
.homeMyServiceCase .MyServiceIcon span
{
display: table-cell;
vertical-align: middle;
}
.homeMyServiceCase .MyServiceText1
{
width:100%;
height: 20px;
display: table;
text-align: center;
font-size:1vw;
font-weight: bold;
font-style: italic;
}
.homeMyServiceCase .MyServiceText1 span
{
display: table-cell;
vertical-align: middle;
}
.homeMyServiceCase .MyServiceText2
{
width:100%;
height: 30px;
display: table;
text-align: center;
padding:0px 0 10px 0; font-size:1.2vw;
font-weight: bold;
font-style: italic;
}
.homeMyServiceCase .MyServiceText2 span
{
display: table-cell;
vertical-align: middle;
}
@media screen and (max-width: 640px)
{
.homeMyServiceCase .MyServiceBox
{
width:30.7%;
height: 100px;
margin:1.3%;
border: 2px dotted #aeb5bd;
display: table;
float: left;
box-sizing: border-box;
border-radius: 10px;
}
.homeMyServiceCase .MyServiceBox:hover
{
opacity: 1;
}
.homeMyServiceCase .MyServiceIcon
{
width:100%;
height: auto;
display:table;
font-size: 8vw;
text-align: center;
padding: 10px 0;
}
.homeMyServiceCase .MyServiceIcon span
{
display: table-cell;
vertical-align: middle;
}
.homeMyServiceCase .MyServiceText1
{
width:100%;
height: auto;
display: table;
text-align: center;
padding:2px 0 5px 0; font-size:2.8vw;
font-weight: bold;
font-style: italic;
}
.homeMyServiceCase .MyServiceText1 span
{
display: table-cell;
vertical-align: middle;
}
.homeMyServiceCase .MyServiceText2
{
width:100%;
height: auto;
display: table;
text-align: center;
padding:1px 0 10px 0;
font-size: 3vw;
font-weight: bold;
font-style: italic;
}
.homeMyServiceCase .MyServiceText2 span
{
display: table-cell;
vertical-align: middle;
}
}
.HomeBannerCase
{
width:100%;
max-width: 1200px;
height: auto;
min-height: 50px;
margin:5px auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
}
.HomeBannerCase img
{
width:100%;
height: auto;
border: 0;
border-radius: 5px;
opacity:1;
margin: 15px 0;
}
.HomeBannerCase img:hover
{
opacity:0.8;
}
.homeBanner900-300
{
width:100%;
max-width: 850px;
height:auto;
display: table;
float: left;
}
.homeBanner300-300
{
width:100%;
max-width: 300px;
height:auto;
display: table;
float: left;
}
.ozellikBant:hover
{
opacity: 1 !important;
}
@media screen and (max-width: 640px)
{
.HomeBannerCase
{
width:100%;
max-width: 1200px;
height: auto;
min-height: 50px;
margin:5px auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-around;
}
.HomeBannerCase img
{
width:100%;
height: auto;
border: 0;
border-radius: 0px;
opacity:1;
margin: 1px 0;
}
.HomeBannerCase img:hover
{
opacity:0.8;
}
.homeBanner900-300
{
width:100%;
max-width: 850px;
height:auto;
display: table;
float: left;
}
.homeBanner300-300
{
width:49%; max-width:100%;
height: auto;
display: table;
float: left;
}
.ozellikBant:hover
{
opacity: 1 !important;
}
.ozellikBant
{
display: none;
}
}
#TBBreadcrumbs
{
width: 100%;
max-width: 1200px;
height:40px;
margin-left: auto;
margin-right: auto;
display: table;
box-sizing: border-box;
margin-bottom: 10px;
margin-top: 5px;
}
#TBBreadcrumbs .homeItem
{
width: 33px;
height:33px;
display: inline-block;
text-align: center;
overflow: hidden;
border:1px solid #e9e9e9; border-radius:50%;
margin-right: 7px;
}
#TBBreadcrumbs .homeItem img
{
width: auto;
height:100%;
display: block;
}
#TBBreadcrumbs .NavListCase
{
width: auto;
max-width:85%; height:100%;
display: inline-block;
margin: 0;
padding: 2px 0 0 0;
}
#TBBreadcrumbs .NavListCase .navList
{
width:100%; height: 107%;
display: table;
color: #4b4b4b;
}
#TBBreadcrumbs ul, #TBBreadcrumbs ul li
{
margin: 0;
padding: 0;
list-style-type: none;
}
#TBBreadcrumbs .NavListCase .navList div
{
display: table-cell;
vertical-align: middle;
}
#TBBreadcrumbs .NavListCase .navList .NavListMainItem
{
display: table;
font-size: 12px;
font-weight: bold;
margin-bottom:2px;
}
#TBBreadcrumbs .NavListCase .navList ul
{
width: auto;
height:auto;
display: inline-block;
font-size: 11px;
}
#TBBreadcrumbs .NavListCase .navList ul li
{
width: auto;
height: auto;
display: inline-block;
}
#TBBreadcrumbs .NavListCase .navList ul li:after
{
content: " >";
margin: 0 0px 0 0px;
}
#TBBreadcrumbs .NavListCase .navList ul li:last-child::after
{
content: "";
margin: 0;
}
#TBBreadcrumbs .NavListCase .navList ul li a
{
color: #4b4b4b;
text-decoration:none;
}
#TBBreadcrumbs .NavListCase .navList ul li a:hover
{
color: #e9aa21;
}
#TBBreadcrumbs .NavListCase .navList ul li a span
{
display: inline-block;
}
@media screen and (max-width: 640px)
{
#TBBreadcrumbs
{
width: 100%;
max-width: 1200px;
height:40px;
margin-left: auto;
margin-right: auto;
display: table;
box-sizing: border-box;
margin-top: 5px;
}
#TBBreadcrumbs .NavListCase .navList ul
{
width: auto;
height:auto;
display: inline-block;
font-size: 10px;
}
}
.HomesliderCase
{
width:100%;
height: 350px;
display: table;
}
@media screen and (max-width: 640px)
{
.HomeBannerCase
{
width:100%;
max-width: 1200px;
height: auto;
min-height: 50px;
margin:5px auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-around;
}
.HomeBannerCase img
{
width:100%;
height: auto;
border: 0;
border-radius: 0px;
opacity:1;
margin: 1px 0;
}
.HomeBannerCase img:hover
{
opacity:0.9;
}
.homeBanner900-300
{
width:100%;
max-width: 850px;
height:auto;
display: table;
float: left;
}
.homeBanner300-300
{
width:49%; max-width:100%;
height: auto;
display: table;
float: left;
}
.ozellikBant:hover
{
opacity: 1 !important;
}
.ozellikBant
{
display: none;
}
}
.slideProductBox
{
width:100%;
max-width: 1200px;
height:auto;
overflow: hidden;
min-height:120px;
display: block;
margin:15px auto;
position: relative;
}
.slideProductBox .slideProductBoxTitle
{
width:100%;
height: auto;
display: table;
box-sizing: border-box;
padding:15px 10px;
text-indent: 5px;
color: #494949;
text-align: center;
font-size:1.1vw;
font-weight: 600;
}
.slideProductBox .slideProductBoxTitle span
{
display: table-cell;
vertical-align: middle;
}
.slideProductBox .slideProductCase
{
width:100%;
height: auto;
display: block;
}
.slideProductBox .swiper-containerHomePRD
{
width: 100%; height: 100%;
display: block;
}
.slideProductBox .swiper-slide
{
text-align: center;
font-size: 18px;
background: none;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: stretch;
}
.slideProductBox .SlideProductItem
{
width:90%; height:100%;
margin-bottom: 15px;
display:table;
background: #ffffff;
padding-bottom:10px;
border-radius: 5px;
border:1px solid #dbdbdb;
box-sizing: border-box;
}
.slideProductBox .SlideProductItem:hover
{
-webkit-box-shadow: 0px 5px 18px 0px rgba(0,0,0,0.19);
-moz-box-shadow: 0px 5px 18px 0px rgba(0,0,0,0.19);
box-shadow: 0px 5px 18px 0px rgba(0,0,0,0.19);
}
.slideProductBox .SlideProductItem a
{
width: auto;
height: auto;
display: table;
}
.slideProductBox .SlideProductItem .SlidePrdImgBox
{
width:100%;
height: auto;
display: table;
background: #ffffff;
text-align: center;
border-radius: 5px;
border-bottom:0px solid #ececec;
box-sizing: border-box;
padding:0px;
}
.slideProductBox .SlideProductItem .SlidePrdImgBox img
{
width:100%;
height: auto;
box-sizing: border-box;
border: 0px solid #d3d3d3;
border-radius:0%;
}
.slideProductBox .SlideProductItem .SlidePrdName
{
width:100%;
height: 30px;
display: block;
overflow: hidden;
text-align: center;
font-size: 13px;
line-height:110%;
box-sizing: border-box;
padding:0 6px;
}
.slideProductBox .SlideProductItem .SlidePrdPrice
{
width:100%;
height: auto;
display: table;
margin: 12px auto 5px auto;
text-align:center;
}
.slideProductBox .SlideProductItem .SlidePrdPrice .SlidePrdPriceitem
{
width: auto;
height:auto;
display: inline-block;
margin-right: -4px;
box-sizing: border-box;
padding:0px 10px;
}
.slideProductBox .SlideProductItem .SlidePrdPrice .SlidePrdPriceitem .SalePrice
{
font-size: 1vw;
text-decoration:line-through; color: #a7a7a7
}
.slideProductBox .SlideProductItem .SlidePrdPrice .SlidePrdPriceitem .DiscPrice
{
font-size:1.5vw;
color: #3d3d3d;
font-weight:600;
}
.slideProductBox .SlideProductItem .SlidePrdActionButton
{
width:100%;
height: auto;
display: table;
text-align: center;
padding:15px 0;
}
.slideProductBox .SlideProductItem .SlidePrdActionButton span
{
padding: 5px 15px;
background: #213777;
color: #ffffff;
font-size:14px;
border-radius: 3px;
}
.slideProductBox .SlideProductItem .SliderPrdinfo
{
width:100%;
height: auto;
color:#6e9d00;
padding: 7px 0;
font-size:14px;
}
.slideProductBox .swiper-button-disabled
{
visibility: hidden;
}
.slideProductBox .SlideProductItem .SlideDiscountPercent
{
width: auto;
height:auto;
display: block;
background:#af4e0d;
position: absolute;
top: 0;
border-radius: 0px;
right:14px;
padding: 8px;
font-size:9px;
text-align: center;
color: #ffffff; transform: translate(10px, 0px);
opacity: 0;
transition: all 200ms ease-in-out;
}
.slideProductBox .SlideProductItem .SlideDiscountPercent span
{
font-size: 14px;
}
.slideProductnxt, .slideProductprv
{
top:20% !important; height:80% !important;
background: none;
border: 0;
}
.slideProductBox .SlideProductItem:hover .SlideDiscountPercent
{
transform: translate(0px, 0px); opacity:0.8;
transition: all 200ms ease-in-out;
}
@media screen and (max-width: 640px)
{
.slideProductBox
{
width:100%;
max-width: 1200px;
height:auto;
overflow: hidden;
min-height:120px;
display: block;
margin:15px auto;
background: #fafafa;
}
.slideProductBox .slideProductBoxTitle
{
width:100%;
height: auto;
display: table;
box-sizing: border-box;
padding:15px 10px;
text-indent: 5px;
text-align: left; font-size:3.6vw;
font-weight: 600;
}
.slideProductBox .slideProductBoxTitle span
{
display: table-cell;
vertical-align: middle;
}
.slideProductBox .slideProductCase
{
width:100%;
height: auto;
display: block;
}
.slideProductBox .swiper-containerHomePRD
{
width: 100%; height: 100%;
display: block;
}
.slideProductBox .swiper-slide
{
text-align: center;
font-size: 18px;
background: none;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.slideProductBox .SlideProductItem
{
width:90%; height:100%;
margin-bottom: 15px;
display:table;
background: #ffffff;
padding-bottom:10px;
border-radius: 5px;
border:1px solid #dbdbdb;
box-sizing: border-box;
}
.slideProductBox .SlideProductItem a
{
width: auto;
height: auto;
display: table;
}
.slideProductBox .SlideProductItem .SlidePrdImgBox
{
width:100%;
height: auto;
display: table;
background: #ffffff;
text-align: center;
border-radius: 5px;
border-bottom:0px solid #ececec;
box-sizing: border-box;
padding:0px;
}
.slideProductBox .SlideProductItem .SlidePrdImgBox img
{
width:100%;
height: auto;
box-sizing: border-box;
border: 0px solid #d3d3d3;
border-radius:5px 5px 0px 0px;
}
.slideProductBox .SlideProductItem .SlidePrdName
{
width:100%;
height: 30px;
display: block;
text-align: center;
overflow: hidden;
font-size: 12px;
line-height:110%;
box-sizing: border-box;
padding:4px 9px;
}
.slideProductBox .SlideProductItem .SlidePrdPrice
{
width:100%;
height: auto;
display: table;
margin: 10px auto 15px auto;
text-align:center;
}
.slideProductBox .SlideProductItem .SlidePrdPrice .SlidePrdPriceitem
{
width:100%;
height: auto;
display:inline-block;
margin-right: -4px;
box-sizing: border-box;
padding: 0px 10px;
}
.slideProductBox .SlideProductItem .SlidePrdPrice .SlidePrdPriceitem .SalePrice
{
font-size: 14px;
text-decoration:line-through; color: #a7a7a7
}
.slideProductBox .SlideProductItem .SlidePrdPrice .SlidePrdPriceitem .DiscPrice
{
font-size: 20px;
color:#3d3d3d;
margin-top: 10px;
font-weight:600;
}
.slideProductBox .SlideProductItem .SlidePrdActionButton
{
width:100%;
height: auto;
display: table;
text-align: center;
padding:0px 0;
}
.slideProductBox .SlideProductItem .SlidePrdActionButton span
{
padding: 5px 15px;
background: #3897f0;
color: #ffffff;
font-size:14px;
border-radius: 3px;
}
.slideProductBox .SlideProductItem .SliderPrdinfo
{
width:100%;
height: auto;
color:#6e9d00;
padding: 15px 0 0 0;
font-size:12px;
}
}
.HomesliderCase
{
width:100%;
max-width: 1200px;
height:auto;
text-align: initial;
display:block;
margin: 15px auto;
}
.HomeSliderBox .swiper-container
{
width: 75%;
max-width: 900px;
height:auto; margin: 0 0 0 0 !important;
display: block;
float: left;
}
.HomeSliderBox .swiper-slide
{
text-align: center;
font-size: 18px;
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.HomeSliderBox .swiper-pagination
{
text-align: right !important;
}
.HomeSliderBox .swiper-pagination-bullet
{
width:10px !important; height:10px !important; background:#ffffff !important; border-radius:30% !important;
}
.HomeSliderBox .prevnextButtons
{
opacity: 0;
}
.HomeSliderBox .swiper-container:hover .prevnextButtons
{
opacity:0.8;
}
.HomeSliderBox .swiper-button-next
{
background-image: url('/theme/v4/sub_theme/genel/firat/user_FTH2018/data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E') !important;
}
.HomeSliderBox .swiper-button-prev
{
background-image: url('/theme/v4/sub_theme/genel/firat/user_FTH2018/data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E') !important;
}
.SliderRightBox
{
width:25%;
max-width: 270px;
height:auto;
display: block;
float: right;
box-sizing: border-box;
}
.SliderRightBox .SliderRightBanner
{
width:100%; height:49%;
}
.SliderRightBox .SliderRightBanner:nth-child(1)
{
margin-bottom:3%;
}
.SliderRightBox .swiper-container
{
width:100%;
max-width: 270px;
height: auto;
}
.SliderRightBox .swiper-slide
{
background-position: center;
background-size: cover; width:100%; height:100%;
}
.SliderRightBox .prevnextButtons
{
opacity: 0;
}
.SliderRightBox .swiper-container:hover .prevnextButtons
{
opacity:0.8;
}
.SliderRightPRD
{
width:100%;
height: auto;
min-height:100%;
background: #1b4072;
display: block;
}
.SliderRightPRD .PRDimage
{
width:100%;
height: auto;
box-sizing: border-box;
}
.SliderRightPRD .PRDimage img
{
width:100%;
height: auto;
}
.SliderRightPRD .PRDName
{
width:100%;
height: 60px;
font-size:14px;
font-size: 1vw;
display: table;
line-height: 20px;
color: #ffffff;
padding: 10px 5px;
box-sizing: border-box;
}
.SliderRightPRD .PRDName span
{
display: table-cell;
vertical-align: middle;
text-align: center;
}
.SliderRightPRD .PRDInfo
{
width:100%;
height: auto;
display: table;
box-sizing: border-box;
padding:0 13px;
}
.SliderRightPRD .PRDprce
{
width:50%;
height: 30px;
display: table;
box-sizing: border-box;
float: left;
}
.SliderRightPRD .PRDprce .FirstPrice
{
width:100%;
height: auto;
font-size:1.1vw;
display: table;
color:#ffffff;
padding: 7px 0;
opacity:0.5;
text-decoration: line-through;
}
.SliderRightPRD .PRDprce .SecondPrice
{
width:100%;
height: auto;
font-size:1.5vw;
display: table;
color:#ffffff;
padding: 5px 0;
opacity:1;
}
.SliderRightPRD .PRDdiscountCase
{
width:50%;
height: 30px;
display: table;
float: left;
}
.SliderRightPRD .PRDdiscountCase .PRDdiscount
{
display: table;
font-size:1.7vw;
color: #ffffff;
opacity:0.9;
text-align: center;
padding:15px 7px 7px 7px;
margin: 0px 3px 10px 10px;
line-height:65%;
border: 1px solid #ffffff;
float: right;
}
.SliderRightPRD .PRDdiscountCase .PRDdiscount span
{
text-align: center;
font-size:0.8vw;
float: none;
}
.SliderRightPRD .PRDbutton
{
width:100%;
height: auto;
display: table;
position: relative;
padding:5.8% 0;
bottom: 0px;
background:#072b59;
color: #ffffff;
font-size:15px;
}
.SliderRightPRD .PRDbutton span
{
display: table-cell;
vertical-align: middle;
text-align: center;
}
@media screen and (max-width: 1024px)
{
.SliderRightBox .swiper-container
{
width:100%;
max-width: 270px;
height: auto;
}
.SliderRightPRD .PRDName
{
width:100%;
height: auto;
}
.SliderRightPRD .PRDimage
{
width:100%; height:40%;
box-sizing: border-box;
display: block;
overflow: hidden;
}
.SliderRightPRD .PRDimage img
{
width:100%;
height: auto;
}
}
@media screen and (max-width: 640px)
{
.HomesliderCase .swiper-container:hover .prevnextButtons
{
background-size:15px 32px !important;
}
.HomesliderCase
{
width:100%;
max-width: 1200px;
height:auto;
display: block;
margin:0px auto;
}
.HomesliderCase .swiper-container
{
width: 100%;
max-width: 900px;
height:auto; margin: 0 0 0 0 !important;
float: left;
}
.HomesliderCase .swiper-slide img
{
max-width:100% !important;
}
.SliderRightBox
{
width:100%; max-width:100%;
height: auto;
display:table;
float: left;
box-sizing: border-box;
}
.SliderRightBox .SliderRightBanner
{
width:49%; height:49%;
float: left;
margin-top:1%;
}
.SliderRightBox .SliderRightBanner:nth-child(1)
{
margin-bottom:0%; margin-right:2%; margin-bottom:2%;
}
.SliderRightBox .swiper-container
{
width:100%; max-width: 100%;
height: auto;
}
.SliderRightBox .swiper-slide
{
background-position: center;
background-size: cover;
width: unset;
height:unset;
background: lawngreen;
text-align: center;
font-size: 18px;
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.SliderRightBox .prevnextButtons
{
opacity: 0;
}
.SliderRightBox .swiper-container:hover .prevnextButtons
{
opacity:0.8;
}
.SliderRightPRD
{
width:50%;
height: auto;
min-height:100%;
background: #1b4072;
display: block;
}
.SliderRightPRD .PRDimage
{
width:100%;
height: auto;
box-sizing: border-box;
}
.SliderRightPRD .PRDimage img
{
width:100%;
height: auto;
}
.SliderRightPRD .PRDName
{
width:60%;
height: 30px;
font-size:14px;
font-size: 3vw;
display: table;
line-height: 20px;
color: #ffffff;
padding: 10px 5px;
box-sizing: border-box;
}
.SliderRightPRD .PRDName span
{
display: table-cell;
vertical-align: middle;
text-align: left;
}
.SliderRightPRD .PRDInfo
{
width:100%;
height: auto;
display: table;
box-sizing: border-box;
padding:0 13px;
float: left;
}
.SliderRightPRD .PRDprce
{
width:50%;
height: 30px;
display: table;
box-sizing: border-box;
float: left;
}
.SliderRightPRD .PRDprce .FirstPrice
{
width:100%;
height: auto;
font-size:4.1vw;
display: table;
color:#ffffff; padding:1% 0; opacity:0.5;
text-decoration: line-through;
}
.SliderRightPRD .PRDprce .SecondPrice
{
width:100%;
height: auto;
font-size:5.5vw;
display: table;
color:#ffffff; padding:1% 0;
opacity: 1;
}
.SliderRightPRD .PRDdiscountCase
{
width:50%;
height: 30px;
display: table;
float: left;
}
.SliderRightPRD .PRDdiscountCase .PRDdiscount
{
display: table;
font-size:1.7vw;
color: #ffffff;
opacity:0.9;
text-align: center;
padding:15px 7px 7px 7px;
margin: 0px 10px 10px 10px;
line-height:65%;
border: 1px solid #ffffff;
float: right;
}
.SliderRightPRD .PRDdiscountCase .PRDdiscount span
{
text-align: center;
font-size:0.8vw;
float: none;
}
.SliderRightPRD .PRDbutton
{
width:100%;
height: auto;
display: table;
position: relative;
padding:5.8% 0;
bottom: 0px;
background:#072b59;
color: #ffffff;
font-size:15px;
}
.SliderRightPRD .PRDbutton span
{
display: table-cell;
vertical-align: middle;
text-align: center;
}
}
.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%;
}
.pWrapper #strength-password .col-6
{
width: 100%;
margin: 0 auto;
}
.pWrapper #strength-password .pageTitle
{
display: none;
}
.pWrapper #strength-password ul.strength-password-caption
{
list-style-type: disc;
}
.pWrapper #strength-password ul.strength-password-caption li
{
float: left;
margin-left: 18px;
margin-top: 10px;
}
@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%;
}
}

.pWrapper
{
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
display: block;
overflow: hidden;
z-index: 10000000000000 !important;
}
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 input[type="email"],
.form-control input[type="search"],
.form-control select,
.form-control textarea,
.form input[type="text"],
.form input[type="password"],
.form input[type="tel"],
.form input[type="number"],
.form input[type="email"],
.form input[type="search"],
.form select,
.form textarea
{
background-color:#fff !important;
background-image:none ;
border:1px solid #e5e5e5 !important;
border-radius:0 !important;
box-shadow:none !important;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button
{
-webkit-appearance: none;
margin: 0;
}
input[type="number"][type=number]
{
-moz-appearance:textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration
{
display: none;
}
.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;
}
.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/sub_theme/form/firat/darkblue/../v4/required.svg') no-repeat 98% center!important;
}
.secCode,
#secCode,
#codeRecommend,
#codeCall,
#codeHizli
{
position:absolute;
top:0;
left:0;
}
.form-control input[type="text"],
.form-control input[type="password"],
.form-control input[type="tel"],
.form-control input[type="number"],
.form-control input[type="email"],
.form-control input[type="search"],
.form-control select,
.form-control textarea,
.form input[type="text"],
.form input[type="password"],
.form input[type="tel"],
.form input[type="number"],
.form input[type="email"],
.form input[type="search"],
.form select,
.form textarea
{
height:20px;
margin:0;
padding-top:0;
padding-left:10px;
padding-bottom:0;
padding-right:10px;
border:1px solid #ccc;
box-sizing:border-box;
}
.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: 9;
margin-right: 40px;
}
.placeholder.focus
{
background: transparent;
}
.medium .placeholder
{
line-height:30px;
}
.medium .myFlag + input + .placeholder
{
padding-left:40px;
}
[dir="rtl"] .medium .myFlag + input + .placeholder
{
padding-right:40px;
padding-left:10px;
}
.large .placeholder
{
line-height:40px;
padding-right:15px;
padding-left:15px;
}
.large .myFlag + input + .placeholder
{
padding-left:45px;
}
[dir="rtl"] .large .myFlag + input + .placeholder
{
padding-right:45px;
padding-left:15px;
}
.xlarge .placeholder
{
line-height:50px;
padding-right:15px;
padding-left:15px;
}
.xlarge .myFlag + input + .placeholder
{
padding-left:55px;
}
[dir="rtl"] .xlarge .myFlag + input + .placeholder
{
padding-right:55px;
padding-left:15px;
text-align:right;
}
.placeholder.focus
{
bottom:auto;
height:0;
line-height:28px;
font-size:10px;
color:#b5b5b5;
font-weight:600;
}
.medium .placeholder.focus
{
height:10px;
line-height:10px;
}
.large .placeholder.focus
{
height:20px;
line-height:20px;
}
.xlarge .placeholder.focus
{
height:25px;
line-height:30px;
}
.form-control textarea,
.form textarea
{
height:90px;
line-height:18px;
}
[dir="rtl"] .icon + input[type="text"],
[dir="rtl"] .icon + input[type="password"],
[dir="rtl"] .icon + input[type="tel"],
[dir="rtl"] .icon + input[type="number"],
[dir="rtl"] .icon + input[type="email"],
[dir="rtl"] .icon + input[type="search"],
[dir="rtl"] .icon + textarea,
[dir="rtl"] .ie .icon + select
{
padding-left:10px;
}
.form-control.medium input[type="text"],
.form-control.medium input[type="password"],
.form-control.medium input[type="tel"],
.form-control.medium input[type="number"],
.form-control.medium input[type="email"],
.form-control.medium input[type="search"],
.form-control.medium select,
.form.medium input[type="text"],
.form.medium input[type="password"],
.form.medium input[type="tel"],
.form.medium input[type="number"],
.form.medium input[type="email"],
.form.medium input[type="search"],
.form.medium select
{
height:30px;
}
.form-control.medium textarea,
.form.medium textarea
{
height:120px;
line-height:20px;
padding-top:4px;
padding-bottom:4px;
}
.form-control.medium .myFlag + input
{
padding-left:40px;
}
[dir="rtl"] .form-control.medium .myFlag + input
{
padding-left:40px;
}
[dir="rtl"] .medium .icon + input[type="text"],
[dir="rtl"] .medium .icon + input[type="password"],
[dir="rtl"] .medium .icon + input[type="tel"],
[dir="rtl"] .medium .icon + input[type="number"],
[dir="rtl"] .medium .icon + input[type="email"],
[dir="rtl"] .medium .icon + input[type="search"],
[dir="rtl"] .medium .icon + textarea,
[dir="rtl"] .ie .medium .icon + select
{
padding-left:10px;
}
.form-control.medium select:not(.withPlace),
.form-control.medium input[type="text"]:not(.withPlace),
.form-control.medium input[type="password"]:not(.withPlace),
.form-control.medium input[type="tel"]:not(.withPlace),
.form-control.medium input[type="number"]:not(.withPlace),
.form-control.medium input[type="email"]:not(.withPlace),
.form-control.medium input[type="search"]:not(.withPlace),
.form.medium select:not(.withPlace),
.form.medium input[type="text"]:not(.withPlace),
.form.medium input[type="password"]:not(.withPlace),
.form.medium input[type="tel"]:not(.withPlace),
.form.medium input[type="number"]:not(.withPlace),
.form.medium input[type="email"]:not(.withPlace),
.form.medium input[type="search"]:not(.withPlace)
{
padding-top:10px;
}
.form-control.large input[type="text"],
.form-control.large input[type="password"],
.form-control.large input[type="tel"],
.form-control.large input[type="number"],
.form-control.large input[type="email"],
.form-control.large input[type="search"],
.form-control.large select,
.form.large input[type="text"],
.form.large input[type="password"],
.form.large input[type="tel"],
.form.large input[type="number"],
.form.large input[type="email"],
.form.large input[type="search"],
.form.large select
{
height:40px;
padding-left:15px;
padding-right:15px;
}
.form-control.large textarea,
.form.large textarea
{
height:150px;
line-height:20px;
padding-top:9px;
padding-right:15px;
padding-bottom:9px;
padding-left:15px;
}
[dir="rtl"] .large .icon + input[type="text"],
[dir="rtl"] .large .icon + input[type="password"],
[dir="rtl"] .large .icon + input[type="tel"],
[dir="rtl"] .large .icon + input[type="number"],
[dir="rtl"] .large .icon + input[type="email"],
[dir="rtl"] .large .icon + input[type="search"],
[dir="rtl"] .large .icon + textarea,
[dir="rtl"] .ie .large .icon + select,
[dir="rtl"] .large.input-icon .placeholder,
[dir="rtl"] .large .input-icon .placeholder
{
padding-left:15px;
}
.form-control.large .myFlag + input
{
padding-left:45px;
}
[dir="rtl"] .form-control.large .myFlag + input
{
padding-right: 45px;
direction: rtl;
}
.form-control.large select:not(.withPlace),
.form-control.large input[type="text"]:not(.withPlace),
.form-control.large input[type="password"]:not(.withPlace),
.form-control.large input[type="tel"]:not(.withPlace),
.form-control.large input[type="number"]:not(.withPlace),
.form-control.large input[type="email"]:not(.withPlace),
.form-control.large input[type="search"]:not(.withPlace),
.form.large select:not(.withPlace),
.form.large input[type="text"]:not(.withPlace),
.form.large input[type="password"]:not(.withPlace),
.form.large input[type="tel"]:not(.withPlace),
.form.large input[type="number"]:not(.withPlace),
.form.large input[type="email"]:not(.withPlace),
.form.large input[type="search"]:not(.withPlace)
{
padding-top:15px;
}
.form-control.xlarge input[type="text"],
.form-control.xlarge input[type="password"],
.form-control.xlarge input[type="tel"],
.form-control.xlarge input[type="number"],
.form-control.xlarge input[type="email"],
.form-control.xlarge input[type="search"],
.form-control.xlarge select,
.form.xlarge input[type="text"],
.form.xlarge input[type="password"],
.form.xlarge input[type="tel"],
.form.xlarge input[type="number"],
.form.xlarge input[type="email"],
.form.xlarge input[type="search"],
.form.xlarge select
{
height:50px;
padding-left:15px;
padding-right:15px;
}
.form-control.xlarge textarea,
.form.xlarge textarea
{
height:180px;
line-height:20px;
padding-top:14px;
padding-right:15px;
padding-bottom:14px;
padding-left:15px;
}
.xlarge .icon + input[type="text"],
.xlarge .icon + input[type="password"],
.xlarge .icon + input[type="tel"],
.xlarge .icon + input[type="number"],
.xlarge .icon + input[type="email"],
.xlarge .icon + input[type="search"],
.xlarge .icon + textarea,
.edge .xlarge .icon + select,
.ie .xlarge .icon + select
{
padding-left:60px;
}
[dir="rtl"] .xlarge .icon + input[type="text"],
[dir="rtl"] .xlarge .icon + input[type="password"],
[dir="rtl"] .xlarge .icon + input[type="tel"],
[dir="rtl"] .xlarge .icon + input[type="number"],
[dir="rtl"] .xlarge .icon + input[type="email"],
[dir="rtl"] .xlarge .icon + input[type="search"],
[dir="rtl"] .xlarge .icon + textarea,
[dir="rtl"] .ie .xlarge .icon + select,
[dir="rtl"] .xlarge.input-icon .placeholder,
[dir="rtl"] .xlarge .input-icon .placeholder
{
padding-right:60px;
padding-left:10px;
}
.form-control.xlarge .myFlag + input
{
padding-left:55px;
}
[dir="rtl"] .form-control.xlarge .myFlag + input
{
padding-left:55px;
text-align:right;
}
.form-control.xlarge select:not(.withPlace),
.form-control.xlarge input[type="text"]:not(.withPlace),
.form-control.xlarge input[type="password"]:not(.withPlace),
.form-control.xlarge input[type="tel"]:not(.withPlace),
.form-control.xlarge input[type="number"]:not(.withPlace),
.form-control.xlarge input[type="email"]:not(.withPlace),
.form-control.xlarge input[type="search"]:not(.withPlace),
.form.xlarge select:not(.withPlace),
.form.xlarge input[type="text"]:not(.withPlace),
.form.xlarge input[type="password"]:not(.withPlace),
.form.xlarge input[type="tel"]:not(.withPlace),
.form.xlarge input[type="number"]:not(.withPlace),
.form.xlarge input[type="email"]:not(.withPlace),
.form.xlarge input[type="search"]:not(.withPlace)
{
padding-top:15px;
}
.form-control.medium textarea:not(.withPlace),
.form-control.large textarea:not(.withPlace),
.form-control.xlarge textarea:not(.withPlace),
.form.medium textarea:not(.withPlace),
.form.large textarea:not(.withPlace),
.form.xlarge textarea:not(.withPlace)
{
padding-top:20px;
}
.secCode + input[type="text"],
.secCode + input[type="password"],
.secCode + input[type="tel"],
.secCode + input[type="number"],
.secCode + input[type="email"],
.secCode + input[type="search"],
.secCode + select,
.secCode + textarea,
#secCode + input[type="text"],
#secCode + input[type="password"],
#secCode + input[type="tel"],
#secCode + input[type="number"],
#secCode + input[type="email"],
#secCode + input[type="search"],
#secCode + select,
#secCode + textarea,
#codeRecommend + input[type="text"],
#codeRecommend + input[type="password"],
#codeRecommend + input[type="tel"],
#codeRecommend + input[type="number"],
#codeRecommend + input[type="email"],
#codeRecommend + input[type="search"],
#codeRecommend + select,
#codeRecommend + textarea,
#codeCall + input[type="text"],
#codeCall + input[type="password"],
#codeCall + input[type="tel"],
#codeCall + input[type="number"],
#codeCall + input[type="email"],
#codeCall + input[type="search"],
#codeCall + select,
#codeCall + textarea,
#codeHizli + input[type="text"],
#codeHizli + input[type="password"],
#codeHizli + input[type="tel"],
#codeHizli + input[type="number"],
#codeHizli + input[type="email"],
#codeHizli + input[type="search"],
#codeHizli + select,
#codeHizli + textarea
{
padding-left:110px;
}
.form-control img + input[type="text"] + .placeholder,
.form-control img + input[type="password"] + .placeholder,
.form-control img + input[type="tel"] + .placeholder,
.form-control img + input[type="number"] + .placeholder,
.form-control img + input[type="email"] + .placeholder,
.form-control img + input[type="search"] + .placeholder,
.form-control img + select + .placeholder,
.form-control img + textarea + .placeholder
{
left:105px;
padding-left:5px;
}
.form-control.invalid input[type="text"],
.form-control.invalid input[type="password"],
.form-control.invalid input[type="tel"],
.form-control.invalid input[type="number"],
.form-control.invalid input[type="email"],
.form-control.invalid input[type="search"],
.form-control.invalid select,
.form-control.invalid textarea,
.form.invalid input[type="text"],
.form.invalid input[type="password"],
.form.invalid input[type="tel"],
.form.invalid input[type="number"],
.form.invalid input[type="email"],
.form.invalid input[type="search"],
.form.invalid select,
.form.invalid textarea,
.ng-invalid
{
border:1px solid #d9534f;
background-color:#FFCAC8;
color:#fff;
}
.form-control input[type="file"],
.form input[type="file"]
{
visibility:hidden;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.input-wrap,
.input-wrap input
{
width:17px;
height:20px;
}
.medium .input-wrap,
.medium .input-wrap input
{
height:30px;
}
.large .input-wrap,
.large .input-wrap input
{
height:40px;
}
.input-wrap
{
float:left;
margin-right:10px;
}
[dir="rtl"] .input-wrap
{
float:right;
margin-right:0;
margin-left:10px;
}
.input-wrap.radio
{
background:url('/theme/v4/sub_theme/form/firat/darkblue/../v4/radio.png') no-repeat center center;
}
.form-control:hover .input-wrap.radio
{
background:url('/theme/v4/sub_theme/form/firat/darkblue/../v4/radioHover.png') 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/sub_theme/form/firat/darkblue/../v4/radioActive.png') no-repeat center center;
}
.input-wrap.checkbox
{
background:url('/theme/v4/sub_theme/form/firat/darkblue/../v4/checkbox.png') no-repeat center center;
}
.form-control:hover .input-wrap.checkbox
{
background:url('/theme/v4/sub_theme/form/firat/darkblue/../v4/checkboxHover.png') no-repeat center center;
}
.input-wrap.checkbox.active,
.form-control:hover .input-wrap.checkbox.active,
.active > .form-control .input-wrap.checkbox
{
background:url('/theme/v4/sub_theme/form/firat/darkblue/../v4/checkboxActive.png') 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/sub_theme/form/firat/darkblue/../v4/info.png') no-repeat 0 center;
margin-right:10px;
vertical-align:middle;
}
[dir="rtl"] .info:before
{
background:url('/theme/v4/sub_theme/form/firat/darkblue/../v4/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/sub_theme/form/firat/darkblue/../v4/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/sub_theme/form/firat/darkblue/../v4/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 input[type="tel"],
.form-control input[type="number"],
.form-control input[type="email"],
.form-control input[type="search"],
.form-control select,
.form-control textarea,
.form input[type="text"],
.form input[type="password"],
.form input[type="tel"],
.form input[type="number"],
.form input[type="email"],
.form input[type="search"],
.form select,
.form textarea
{
}
.icon:not(.myFlag)
{
display: none;
}
.icon:not(.myFlag) + input[type="text"],
.icon:not(.myFlag) + input[type="password"],
.icon:not(.myFlag) + input[type="tel"],
.icon:not(.myFlag) + input[type="number"],
.icon:not(.myFlag) + input[type="email"],
.icon:not(.myFlag) + input[type="search"],
.icon:not(.myFlag) + textarea,
.icon:not(.myFlag) + select,
.input-icon :not(.phone) + .placeholder,
.medium .icon:not(.myFlag) + input[type="text"],
.medium .icon:not(.myFlag) + input[type="password"],
.medium .icon:not(.myFlag) + input[type="tel"],
.medium .icon:not(.myFlag) + input[type="number"],
.medium .icon:not(.myFlag) + input[type="email"],
.medium .icon:not(.myFlag) + input[type="search"],
.medium .icon:not(.myFlag) + textarea,
.medium .icon:not(.myFlag) + select,
.medium .input-icon :not(.phone) + .placeholder,
.large .icon:not(.myFlag) + input[type="text"],
.large .icon:not(.myFlag) + input[type="password"],
.large .icon:not(.myFlag) + input[type="tel"],
.large .icon:not(.myFlag) + input[type="number"],
.large .icon:not(.myFlag) + input[type="email"],
.large .icon:not(.myFlag) + input[type="search"],
.large .icon:not(.myFlag) + textarea,
.large .icon:not(.myFlag) + select,
.large .input-icon :not(.phone) + .placeholder,
.xlarge .icon:not(.myFlag) + input[type="text"],
.xlarge .icon:not(.myFlag) + input[type="password"],
.xlarge .icon:not(.myFlag) + input[type="tel"],
.xlarge .icon:not(.myFlag) + input[type="number"],
.xlarge .icon:not(.myFlag) + input[type="email"],
.xlarge .icon:not(.myFlag) + input[type="search"],
.xlarge .icon:not(.myFlag) + textarea,
.xlarge .icon:not(.myFlag) + select,
.xlarge .input-icon :not(.phone) + .placeholder
{
padding-right:10px;
padding-left:10px;
}
.icon + select,
.medium .icon + select,
.large .icon + select,
.xlarge .icon + select
{
text-indent:0;
}
}

#headerBand
{
width: 100%;
height: 5px;
background:#003d73;
display: table;
}
#TB-HeaderBox
{
width: 100%;
height: 155px;
display: table;
margin-bottom: 5px;
}
.WebHeader .TB-HeaderCase
{
width: 100%;
height: 150px;
background: #ffffff;
position: relative;
z-index: 10000000000;
box-sizing: border-box;
-webkit-box-shadow: 0px 2px 4px 0px rgba(0,38,75,0.21); -moz-box-shadow: 0px 2px 4px 0px rgba(0,38,75,0.21); box-shadow: 0px 2px 4px 0px rgba(0,38,75,0.21);
}
.TB-Header
{
width:100%;
max-width: 1200px;
height:90px;
margin-left: auto;
margin-right: auto;
display: block;
box-sizing: border-box;
}
.TB-Header .MobileMenuButton
{
display: none;
}
.TB-Header .MobileButtonMenuCase
{
display: none;
}
.TB-Header .TB-MobileLogo
{
display: none;
}
.TB-Header .TB-WebLogo
{
width:20%; height:100%;
float: left;
text-align:left;
box-sizing: border-box;
padding:0.5% 0 0.2% 0;
}
.TB-Header .TB-WebLogo a
{
border:0 !important;
}
.TB-Header .TB-WebLogo img
{
width: auto;
height:100%;
}
.TB-headerCenter
{
width:57%; height:100%;
float: left;
box-sizing: border-box;
border: 0px solid #003d73;
}
.TB-headerCenter .TBheaderCenterTop
{
width:100%; height:50%;
display: block;
box-sizing: border-box; padding-top:2%;
text-indent: 5px;
}
.TB-headerCenter .TBheaderCenterTop .TBheaderlink
{
width: auto;
height: auto;
float: left;
color:#213777; font-size:0.8vw;
display: table;
padding:0 20px 0 0;
}
.TB-headerCenter .TBheaderCenterTop .TBheaderlink:hover
{
color: #cd6306;
}
.TB-headerCenter .TBWebSearchingBox
{
width:90%; height:50%;
display: block;
position: relative;
border: 0px solid #b6bdd2;
box-sizing:border-box;
}
.TBWebSearchingBox .WebSearchBox
{
width:100%; height:100%;
box-sizing: border-box;
border:1px solid #b6bdd2;
border-radius: 7px;
}
.TBWebSearchingBox .TBsearchClosed
{
display: none;
}
.TBWebSearchingBox #search
{
width:100%; height:100%;
float: none;
}
.TBWebSearchingBox #FormAra
{
width:100%; height:100%; border:0 !important;
}
.TBWebSearchingBox #live-search
{
width:90%; height:100%; border:0 !important; transition:none !important;
border-radius: 7px;
color:#878eac;
}
.TBWebSearchingBox #live-search:focus
{
box-shadow:none !important;
}
.TBWebSearchingBox #live-search::-webkit-input-placeholder
{
color: #878eac;
}
.TBWebSearchingBox #search-btn
{
width:10%; height:100%;
background: #213777;
cursor: pointer;
color: #ffffff;
text-align: center; border: 0 !important;
border-radius: 5px;
margin-right:-1px;
}
.TBWebSearchingBox #live-search-box
{
display: none !important;
}
.TBWebSearchingBox #live-search-box li
{
float: left;
}
.popSearchBoxBackGround
{
width:100%; height:100%;
position: fixed;
top: 0;
left: 0;
display: none;
z-index: 1000;
background:#464646; opacity:0.9;
}
@keyframes searchItemAnime
{
0%
{
-moz-transform: translate(0, 30px);
-ms-transform: translate(0, 30px);
-o-transform: translate(0, 30px);
-webkit-transform: translate(0, 30px);
transform: translate(0, 30px);
opacity: 0;
}
100%
{
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
}
.TB-headerCenter .popSearchBox
{
width:100%; height:100%;
display: block;
position: fixed;
z-index: 10000;
top: 0;
left: 0;
border:0px solid #b6bdd2;
box-sizing: border-box;
}
.popSearchBox .WebSearchBox
{
width:100%; height:100%;
animation-name: searchItemAnime;
animation-duration:400ms;
animation-timing-function: ease-in-out;
box-sizing: border-box;
border: 0px solid #b6bdd2;
border-radius:7px;
}
.popSearchBox .TBsearchClosed
{
display: block;
width:auto;
animation-name: searchItemAnime;
animation-duration:400ms;
animation-timing-function: ease-in-out;
height:40px;
background: #213777;
cursor: pointer;
padding: 0 10px 0 10px;
color:#ffffff;
display: table;
margin:10px auto
}
.popSearchBox .TBsearchClosed:hover i
{
color: #ff0000;
}
.popSearchBox .TBsearchClosed span
{
display: table-cell;
vertical-align: middle;
text-align: center;
}
.popSearchBox #search
{
width:80%; height:10%;
float: none;
margin:0 auto;
background: none;
}
.popSearchBox #FormAra
{
width:100%; height:100%; border:0 !important;
animation-name: searchItemAnime;
animation-duration:400ms;
animation-timing-function: ease-in-out;
}
.popSearchBox #live-search
{
width:90%; height:100%; border:0 !important;
transition: all 100ms;
font-size:1.4vw;
border-radius: 0px;
border-bottom:1px solid #bebebe !important;
background: none;
color:#ffffff;
font-weight: bold;
}
.popSearchBox #live-search:focus
{
box-shadow:none !important;
}
.popSearchBox #live-search::-webkit-input-placeholder
{
color: #cfcfcf;
}
.popSearchBox #search-btn
{
width:10%; height:100%;
background: #213777;
cursor: pointer;
color: #ffffff;
text-align: center; border: 0 !important;
border-radius: 5px;
margin-right:-1px;
}
.popSearchBox #live-search-box
{
width:100%; height:680% !important; display: table !important;
}
.popSearchBox #live-search-box ul
{
width:70%; height:100%; display:flex !important;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-content: flex-start;
box-sizing: border-box;
overflow: auto;
margin-top: 10px;
}
.popSearchBox #live-search-box li
{
width:17%;
height: 220px;
max-height:250px;
animation-name: searchItemAnime;
animation-duration:400ms;
animation-timing-function: ease-in-out;
margin:1.5%; opacity:0.9;
text-align: center;
color: #ffffff;
overflow: hidden;
line-height:18px;
font-size: 12px;
float: left;
display: table;
box-sizing: border-box;
border-bottom: 0px solid #e9e9e9;
}
.popSearchBox #live-search-box li img
{
width:100%;
max-height: 200px;
max-width:200px;
height: auto;
box-sizing:border-box;
border-radius: 10px;
border:1px solid #885c17;
}
.popSearchBox #live-search-box li:hover
{
opacity: 1;
}
.TB-HeaderLeft
{
width:23%; height:100%;
float: left;
box-sizing: border-box;
}
.TB-Header .TB-langButton
{
width:100%; height:40%;
display: table;
}
.TB-HeaderLeft .TB-HeaderButtonlar
{
width:100%; height:60%;
display: flex;
flex-direction:row;
align-items: center;
justify-content: space-around;
position: relative;
}
.TB-HeaderLeft .TB-HeaderButtonlar .TB-HeaderButton
{
width:30%;
height: auto;
text-align: center;
background: #ffffff;
font-size:0.85vw;
float: left;
box-sizing:border-box; padding:3% 0 0 0;
border: 0px solid #e9e9e9;
}
.TB-HeaderLeft .TB-HeaderButtonlar .TB-HeaderButton:hover a
{
color: #cd6306;
}
.TB-HeaderLeft .TB-HeaderButtonlar .TB-HeaderButton a
{
width:100%; height:100%;
display: inline-block;
border:0 !important;
color: #213777;
}
.TB-HeaderLeft .TB-HeaderButtonlar .TB-HeaderButton .bttnIcon
{
width:100%; height:65%;
text-align: center;
font-size:1.4vw;
box-sizing: border-box;
padding:0 0 10% 0;
}
.TB-HeaderLeft .TB-HeaderButtonlar .TB-HeaderButton .bttnPopNoti
{
width: 20px;
height:20px;
background: #cd6306;
position: absolute;
top: 0px;
right:11px;
display: table;
font-size:11px;
font-weight: bold;
padding:2px; border-radius:50%;
color: #ffffff;
}
.TB-HeaderLeft .TB-HeaderButtonlar .TB-HeaderButton .bttnPopNoti span
{
display: table-cell;
vertical-align: middle;
text-align: center;
}
.TBWebMenuBox
{
width:100%;
height: 40px;
display: table;
margin-top: 15px;
position: relative;
}
.TBWebMenuBox .TBWebMenuCase
{
width:100%;
height: 45px;
max-width:1200px;
margin: 0 auto;
}
.TBWebMenuBox .TBWebMenuCase > ul
{
width:100%; height:100%;
display: flex;
justify-content: space-between;
}
.TBWebMenuBox .TBWebMenuCase > ul > li
{
width: auto;
height:100%;
display: table;
float: left;
font-size: 1vw;
font-weight:600;
}
.TBWebMenuBox .TBWebMenuCase > ul > li > a
{
display: table-cell;
vertical-align: middle;
text-align: center;
color: #213777;
}
.TBWebMenuBox .TBWebMenuCase > ul > li > a:hover
{
color: #cd6306;
}
.TBWebMenuBox .TBWebMenuCase > ul > li:hover > .WebSubMenuCase
{
transform:translate(0px, 0px);
opacity: 1;
visibility: visible;
transition: all 200ms ease-in-out;
}
.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase1
{
width:100%;
height: auto;
transform:translate(0px, 50px);
opacity: 0;
visibility: hidden;
transition: all 200ms ease-in-out;
box-sizing: border-box;
border-top: 1px solid #f5f5f5;
background: #ffffff;
position: absolute;
display: table;
left:0;
top: 40px;
-webkit-box-shadow: 0px 20px 24px 0px rgba(0,0,0,0.46); -moz-box-shadow: 0px 20px 24px 0px rgba(0,0,0,0.46); box-shadow: 0px 20px 24px 0px rgba(0,0,0,0.46);
}
.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase1 > .WebSubMenu
{
width:100%;
max-width: 1200px;
height:100%;
display: table;
margin:0 auto;
position: relative;
}
.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase1 > .WebSubMenu > ul
{
width:25%; height:100%;
background: #f5f5f5;
box-sizing: border-box;
padding: 0px 0;
display:table;
}
.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase1 > .WebSubMenu > ul > li
{
width:100%;
height: 40px;
display: table;
float: none;
margin:0;
}
.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase1 > .WebSubMenu > ul > li > a
{
width:100%; height: 100%;
display: table;
color: #494949;
padding: 0px;
box-sizing: border-box;
text-indent: 20px;
}
.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase1 > .WebSubMenu > ul > li:hover > a
{
text-indent: 25px;
color:#ffffff;
background: #ff6600;
}
.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase1 > .WebSubMenu > ul > li > a > .WMenuIcons
{
display: none;
}
.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase1 > .WebSubMenu > ul > li > a > .WMenuIcons img
{
display: none;
}
.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase1 > .WebSubMenu > ul > li > a > .WMenuText
{
width:100%; height:100%;
display: table;
font-size:14px;
font-weight: 600;
font-style: italic;
word-wrap: break-word;
}
.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase1 > .WebSubMenu > ul > li > a > .WMenuText span
{
display: table-cell;
vertical-align: middle;
}
.TBWebMenuBox .WebMenuBannerCase
{
width:100%;
height: 160px;
display: table; margin:2% auto;
}
.TBWebMenuBox .WebMenuBannerCase a
{
display: table-cell;
vertical-align: middle;
text-align: center;
}
.TBWebMenuBox .WebMenuBannerCase img
{
width: auto;
height:100%;
border: 0;
}
.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase1 > .WebSubMenu > ul > li > .SecondSubMenu
{
width:75%; height:100%;
display: block;
left:25%;
top: 0;
position: absolute; transform:translate(0px, 50px);
opacity: 0;
visibility: hidden;
transition: all 200ms ease-in-out;
}
.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase1 > .WebSubMenu > ul > li > .SecondSubMenu > ul
{
width:100%;
height: auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: flex-start;
justify-content:space-around;
}
.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase1 > .WebSubMenu > ul > li:hover > .SecondSubMenu
{
transform:translate(0px, 0px);
opacity: 1;
visibility: visible;
transition: all 200ms ease-in-out;
}
.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase1 > .WebSubMenu > ul > li > .SecondSubMenu > ul > li
{
width: 160px;
height:50px;
color: #213777;
display: table;
margin: 12px 5px 5px 5px;
font-size:14px;
box-sizing: border-box;
border-radius:5px;
border: 1px dashed #213777;
float: left; opacity: 0.7;
}
.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase1 > .WebSubMenu > ul > li > .SecondSubMenu > ul > li > a
{
display: table-cell;
vertical-align: middle;
text-align: center;
}
.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase1 > .WebSubMenu > ul > li > .SecondSubMenu > ul > li:hover
{
opacity: 1;
}
.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase1 > .WebSubMenu > ul > li > .SecondSubMenu .thirdSubMenu
{
width:45%;
height: 150px;
float: left; margin:1%;
padding: 0;
color:#213777;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
}
.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase1 > .WebSubMenu > ul > li > .SecondSubMenu .thirdSubMenu span
{
width:100%;
height: auto;
text-align: center;
display: table;
padding:10px;
border-radius: 5px;
border:1px dashed #213777;
box-sizing: border-box;
}
.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase1 > .WebSubMenu > ul > li > .SecondSubMenu .thirdSubMenu li
{
margin: 0;
padding: 0;
border: 0;
width:30%;
height: auto;
display: table;
padding: 11px;
font-size:12px;
border-radius: 5px;
border:1px dashed #213777;
margin: 5px 0;
}
.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase1 > .WebSubMenu > ul > li > .SecondSubMenu .thirdSubMenu li a
{
width:100%; height:100%;
text-align: center;
display: table;
}
.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase2
{
width:100%;
height: auto;
transform:translate(0px, 50px);
opacity: 0;
visibility: hidden;
transition: all 200ms ease-in-out;
background:#ffffff;
position: absolute;
display: table;
left: 0;
top: 40px; -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.46); -moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.46); box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.46);
}
.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase2 > .WebSubMenu
{
width:100%;
max-width: 1200px;
height:100%;
display: table;
margin:0 auto;
}
.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase2 > .WebSubMenu > ul
{
width:100%; height:100%;
box-sizing: border-box;
padding:20px 0;
display: flex;
flex-direction: row;
align-items: center;
justify-content:space-around;
}
.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase2 > .WebSubMenu > ul > li
{
width:11.28%;
height: 150px;
display: table;
float: left;
margin:1%; opacity:0.7;
}
.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase2 > .WebSubMenu > ul > li:hover
{
opacity: 1;
}
.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase2 > .WebSubMenu > ul > li > a
{
width:100%; height: 100%;
display: table;
padding:0px;
box-sizing: border-box;
}
.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase2 > .WebSubMenu > ul > li > a > .WMenuIcons
{
width:100%; height:70%;
display: table;
text-align: center;
}
.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase2 > .WebSubMenu > ul > li > a > .WMenuIcons img
{
width: 120px;
height:120px;
box-sizing: border-box;
border-radius:50%;
}
.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase2 > .WebSubMenu > ul > li > a > .WMenuText
{
width:100%; height:30%;
display: table;
font-size:1vw;
font-weight: normal;
line-height:22px;
word-wrap: break-word;
}
.TBWebMenuBox .TBWebMenuCase > ul > li > .WebSubMenuCase2 > .WebSubMenu > ul > li > a > .WMenuText span
{
display: table-cell;
vertical-align: middle;
text-align: center;
}
@media screen and (min-width: 640px) and (max-width: 1024px)
{
}
@media screen and (max-width: 640px)
{
#headerBand
{
display: none;
}
#TB-HeaderBox
{
width: 100%;
height: 50px;
display: table;
background: #ffffff;
}
.mobileHeaders .TB-HeaderCase
{
width: 100%;
height: 50px;
position: fixed;
top: 0;
z-index:10000000;
background: #ffffff;
box-sizing: border-box; -webkit-box-shadow: 0px 2px 4px 0px rgba(0,38,75,0.21); -moz-box-shadow: 0px 2px 4px 0px rgba(0,38,75,0.21); box-shadow: 0px 2px 4px 0px rgba(0,38,75,0.21);
}
.TB-Header
{
width:100%;
max-width: 1200px;
height:50px;
margin-left: auto;
margin-right: auto;
display: block;
padding:0 0 0 0;
box-sizing: border-box;
background: #ffffff;
}
.TB-Header .MobileButtonMenuCase
{
width:25%; height:100%;
display: table;
float: left;
}
.TB-Header .MobileMenuButton
{
width:40%; height:100%;
background: none;
display:table;
float: left;
border:0;
font-size: 6vw;
border:0 !important;
color: #213777;
}
.TB-Header .MobileMenuButton:active
{
background: #003d73;
color: #ffffff;
}
.TB-Header .TB-MobileLogo
{
width:50%; height:100%;
display: block;
float: left;
text-align: center;
box-sizing: border-box; padding:2%;
}
.TB-Header .TB-MobileLogo img
{
width: auto;
height:100%;
display: inline-block;
}
.TB-Header .TB-WebLogo
{
display: none;
}
.TB-Header .TB-WebLogo a
{
border:0 !important;
}
.TB-Header .TB-WebLogo img
{
width: auto;
height:100%;
}
.TB-headerCenter
{
width: 0;
height:0;
float: left;
box-sizing: border-box;
border: 0px solid #003d73;
overflow: hidden;
}
.TB-headerCenter .TBheaderCenterTop
{
width:100%; height:50%;
display: block;
box-sizing: border-box; padding-top:2%;
text-indent: 5px;
}
.TB-headerCenter .TBheaderCenterTop .TBheaderlink
{
width: auto;
height: auto;
float: left;
color:#213777; font-size:0.8vw;
display: table;
padding:0 20px 0 0;
}
.TB-headerCenter .TBheaderCenterTop .TBheaderlink:hover
{
color: #cd6306;
}
.TB-headerCenter .TBWebSearchingBox
{
width: 0;
height:0;
display: block;
position: relative;
border: 0px solid #b6bdd2;
box-sizing:border-box;
overflow: hidden;
}
.TBWebSearchingBox .WebSearchBox
{
width:100%; height:100%;
box-sizing: border-box;
border:1px solid #b6bdd2;
border-radius: 7px;
}
.TBWebSearchingBox .TBsearchClosed
{
display: none;
}
.TBWebSearchingBox #search
{
width:100%; height:100%;
float: none;
}
.TBWebSearchingBox #FormAra
{
width:100%; height:100%; border:0 !important;
}
.TBWebSearchingBox #live-search
{
width:90%; height:100%; border:0 !important; transition:none !important;
border-radius: 7px;
color:#878eac;
}
.TBWebSearchingBox #live-search:focus
{
box-shadow:none !important;
}
.TBWebSearchingBox #live-search::-webkit-input-placeholder
{
color: #878eac;
}
.TBWebSearchingBox #search-btn
{
width:10%; height:100%;
background: #213777;
cursor: pointer;
color: #ffffff;
text-align: center; border: 0 !important;
border-radius: 5px;
margin-right:-1px;
}
.TBWebSearchingBox #live-search-box
{
display: none !important;
}
.TBWebSearchingBox #live-search-box li
{
float: left;
}
.popSearchBoxBackGround
{
width:100%; height:100%;
position: fixed;
top: 0;
left: 0;
display: none;
background: #ffffff;
opacity:0.95;
}
.TB-headerCenter .popSearchBox
{
width:100%; height:100%;
display: block;
position: fixed;
top: 0;
left:0;
border: 0px solid #b6bdd2;
box-sizing:border-box;
}
.popSearchBox .WebSearchBox
{
width:100%; height:100%;
box-sizing: border-box;
border:0px solid #b6bdd2;
border-radius: 7px;
margin-left: 10px;
}
.popSearchBox .TBsearchClosed
{
display: block;
width:100%;
height: 50px;
background:#213777;
cursor: pointer;
padding:0 10px 0 10px;
font-size: 4vw;
color:#ffffff;
display: table;
margin:0px auto
}
.popSearchBox .TBsearchClosed:hover i
{
color: #ff0000;
}
.popSearchBox .TBsearchClosed span
{
display: table-cell;
vertical-align: middle;
text-align: center;
}
.popSearchBox #search
{
width:100%;
height: 45px;
float: none;
margin: 0 auto;
background: none;
border-bottom: 0px solid #2e2e2e;
-webkit-box-shadow: 0px 2px 4px 0px rgba(0,38,75,0.21); -moz-box-shadow: 0px 2px 4px 0px rgba(0,38,75,0.21); box-shadow: 0px 2px 4px 0px rgba(0,38,75,0.21);
}
.popSearchBox #FormAra
{
width:100%; height:100%; border:0 !important;
}
.popSearchBox #live-search
{
width:90%; height:100%; border:0 !important;
transition: all 100ms;
font-size:4vw;
border-radius: 0px;
border-bottom:0px solid #bebebe !important;
background: none;
color:#252525;
font-weight: bold;
}
.popSearchBox #live-search:focus
{
box-shadow:inherit !important;
}
.popSearchBox #live-search::-webkit-input-placeholder
{
color: #7c7c7c;
font-size:3vw;
}
.popSearchBox #search-btn
{
width:10%; height:100%;
background: none;
cursor: pointer;
font-size: 5vw;
color:#213777;
text-align: center;
border: 0 !important;
border-radius: 0px;
margin-right:-1px;
}
.popSearchBox #live-search-box
{
width:100%; height:800% !important; display: table !important;
}
.popSearchBox #live-search-box ul
{
width:100%; height:120%; display:block !important;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-content: flex-start;
box-sizing: border-box;
overflow: auto;
margin-top: 10px;
}
.popSearchBox #live-search-box li
{
width:95%;
height: 60px;
max-height:250px; margin:2% auto; opacity:0.9;
text-align: left;
color: #2e2e2e;
overflow: hidden;
line-height: normal;
font-size: 13px;
float: none;
background: none;
display:table;
box-sizing: border-box;
padding:22px 0 0 0;
border-radius: 0px;
border-bottom:0px solid #e9e9e9;
}
.popSearchBox #live-search-box li a
{
width:100%; height:100%;
display: table-cell;
vertical-align:middle;
}
.popSearchBox #live-search-box li img
{
width: 60px;
height:60px !important;
box-sizing: border-box;
border-radius:50%;
border: 1px solid #acacac;
float: left;
margin-right: 10px;
margin-top: -22px;
}
.popSearchBox #live-search-box li:hover
{
opacity: 1;
}
.TB-HeaderLeft
{
width:25%; height:100%; float: left; box-sizing: border-box;
}
.TB-Header .TB-langButton
{
width:40%; height:100%; display: none; float: left;
}
.TB-HeaderLeft .TB-HeaderButtonlar
{
width:85%; height:100%; display:table; margin-left:15%;
}
.TB-HeaderLeft .TB-HeaderButtonlar .TB-HeaderButton
{
width:50%; height:auto; display: none; text-align: center; background: #ffffff; font-size:1vw; float: left; box-sizing:border-box; padding:0% 0 0 0; border: 0px solid #e9e9e9;
}
.TB-HeaderLeft .TB-HeaderButtonlar .TB-HeaderButton:first-child
{
display: none;
}
.TB-HeaderLeft .TB-HeaderButtonlar .TB-HeaderButton
{
height:100%; display:block;
}
.TB-HeaderLeft .TB-HeaderButtonlar .TB-HeaderButton a
{
width:100%; height:100%; display:inline-block; border:0 !important; color:#213777;
}
.TB-HeaderLeft .TB-HeaderButtonlar .TB-HeaderButton a:hover
{
background: #003d73; color: #ffffff;
}
.TB-HeaderLeft .TB-HeaderButtonlar .TB-HeaderButton .bttnIcon
{
width:100%; height:100%; display: table; font-size:6vw; box-sizing: border-box; padding:0 0 0 0;
}
.TB-HeaderLeft .TB-HeaderButtonlar .TB-HeaderButton .bttnIcon span
{
display: table-cell; vertical-align: middle; text-align: center;
}
.TB-HeaderLeft .TB-HeaderButtonlar .TB-HeaderButton .bttnText
{
display: none;
}
.TB-HeaderLeft .TB-HeaderButtonlar .TB-HeaderButton .bttnPopNoti
{
width:18px; height:18px; background:#ed4956; position: absolute; top:5px; right:5px; display: table; font-size:10px; font-weight: bold; padding:0px; border-radius:50%; color:#ffffff;
}
.TB-HeaderLeft .TB-HeaderButtonlar .TB-HeaderButton .bttnPopNoti span
{
display:table-cell; vertical-align: middle; text-align: center;
}
.TBWebMenuBox
{
display: none;
}
}
.MobileMenuback
{
display: none;
}
.CategoryMenuBackgroundEfect
{
display: none;
width: 100%; height: 100%; transform: translateZ(0);
position: fixed;
z-index:1000000;
background: #1f1f1f;
opacity: 0.4;
top: 0;
}
.MobileMenuCase
{
display: none;
}
.tbMobileAppMenu
{
display: none;
}
@media screen and (min-width: 640px) and (max-width: 1024px)
{
}
@media screen and (max-width: 640px)
{
.tbHeader .MobileMenuOpen
{
width:15%; height:100%;
float: left;
display: table;
padding: 0;
margin: 0;
background: none;
border: 0;
color: #003d73;
}
.tbHeader .MobileMenuOpen:active
{
background: #003d73;
color: #ffffff;
}
.tbHeader .MobileMenuOpen span i
{
display: table-cell;
vertical-align:middle;
text-align: center;
font-size: 28px;
}
.tbHeader .tbMobileLogo
{
display: table;
float: left; width: 70%; height:80%;
color: #ffffff;
font-size: 22px;
font-size: 5vw;
}
.tbHeader .tbMobileLogo
{
display: table-cell;
vertical-align: middle;
text-align: center;
}
.tbHeader .tbMobileLogo img
{
width:100%; height:85%; margin-top:2%;
}
.HeadercenterBox
{
display: none;
width: 65%; height: 100%;
background: #FF7A00;
float: left;
}
.userControlButtons
{
width: 5%; height: 100%;
float: left;
}
.userControlButtons .siparislerButtons
{
display: none;
}
.CategoryMenuCase
{
display: none;
}
.MobileMenuCase
{
width: 80%; height: 110%;
position: fixed;
display:block;
z-index: 10000000;
left:-85%;
transition: all 200ms;
top: 0;
background: #003d73;
overflow: auto;
}
.MobileMenuCaseOpen
{
left: 0;
transition: all 200ms;
}
.MobileMenuHeadercase
{
width: 100%;
height: 50px;
display: table;
}
.MobileMenuHeader
{
width: 80%;
height: 50px;
position: fixed;
display: table;
top: 0px;
background: #ffffff;
-webkit-box-shadow: 0px 2px 4px 0px rgba(0,38,75,0.21); -moz-box-shadow: 0px 2px 4px 0px rgba(0,38,75,0.21); box-shadow: 0px 2px 4px 0px rgba(0,38,75,0.21);
}
.MobileMenuHeader .backIcon
{
width:20%; height: 100%;
float: left;
display: table;
color: #003d73;
text-align: center;
font-size: 30px;
font-size: 8vw;
}
.MobileMenuHeader .backText
{
width:80%; height: 100%;
float: left;
display: table;
color: #003d73;
font-size:18px;
font-size: 3vw;
}
.MobileMenuHeader span
{
display: table-cell;
vertical-align: middle;
}
.MobileMenuFooter
{
width: 100%;
height: 50px;
display: table;
}
.TBMobileMenu
{
width: 100%; height:100%;
position: absolute;
top: 0px;
background: #003d73;
}
.TBMobileMenu ul, .CategoryMenu li
{
margin: 0;
padding: 0;
list-style-type: none;
}
.TBMobileMenu ul
{
width: 100%; height: 100%;
box-sizing: border-box;
display: block;
}
.TBMobileMenu ul li
{
width:100%;
height: 50px;
display:table;
float: none;
margin-left:0;
margin-right: 0;
border-bottom: 1px solid #00325e
}
.TBMobileMenu ul li a
{
width:100%; height:100%;
color: #ffffff;
font-size:16px;
display: table;
vertical-align: middle;
text-align: left;
}
.TBMobileMenu ul li a:hover
{
color: #FF7A00;
height:90%;
border-bottom: 5px solid #FF7A00;
}
.TBMobileMenu ul li a .CategoryMenuIcon
{
width:5%; height: 100%;
display: table;
float: left;
}
.TBMobileMenu ul li a .CategoryMenuText
{
width:85%; height: 100%;
display: table;
float: left;
text-align: left;
}
.TBMobileMenu ul li a .CategoryMenuSubicon
{
width:10%; height: 100%;
display: table;
float: left;
}
.TBMobileMenu ul li a div span.tt
{
display: table-cell;
vertical-align: middle;
}
.TBMobileMenu .TBMobileMenu
{
left:-100%;
transition: all 200ms;
}
.TBMobileMenu .subMenuOpen
{
left: 0;
transition: all 200ms;
}
.imagedsubMenu > ul > li
{
width:50%;
height: 50px;
display:table;
float: left;
margin-left:0;
margin-right: 0;
border-bottom: 1px solid #00325e
}
.imagedsubMenu > ul > li > a > .CategoryMenuIcon
{
width:25%; height: 100%;
display: table;
float: left;
}
.imagedsubMenu > ul > li > a > .CategoryMenuText
{
width:65%; height: 100%;
display: table;
float: left;
text-align: left;
}
.imagedsubMenu > ul > li > a > .CategoryMenuSubicon
{
width:10%; height: 100%;
display: table;
float: left;
}
.imagedsubMenu > ul > li > a > div > span.tt
{
display: table-cell;
vertical-align: middle;
}
.tbMobileAppMenuCase
{
width: 100%;
height: 50px;
display:table;
}
.tbMobileAppMenu
{
width: 100%;
height: 50px;
display: block;
position: fixed;
bottom:0;
z-index: 10000000;
background: #ffffff;
box-sizing: border-box;
-webkit-box-shadow: 0px -2px 4px 0px rgba(0,38,75,0.21); -moz-box-shadow: 0px -2px 4px 0px rgba(0,38,75,0.21); box-shadow: 0px -2px 4px 0px rgba(0,38,75,0.21);
}
.tbMobileAppMenu ul, .tbMobileAppMenu li
{
margin: 0;
padding: 0;
list-style-type: none;
}
.tbMobileAppMenu ul
{
width: 100%; height: 100%;
display: block;
}
.tbMobileAppMenu ul > li
{
width: 20%; height: 100%;
display: table;
float: left;
}
.tbMobileAppMenu ul > li > a
{
width: 100%; height: 100%;
font-size: 28px;
padding-top: 5px; font-size:6.5vw;
color: #003d73;
display: table-cell;
box-sizing: border-box;
vertical-align: middle;
text-align: center;
}
.tbMobileAppMenu ul > li > a > span
{
width: 100%; height: 30%;
display: table;
font-size: 11px; font-size:2.5vw;
margin-top: 2px;
}
}
.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:not(.btn-default):hover
{
box-shadow:inset 0 0 0 26px rgba(0,0,0,.3);
}
.btn.passive:hover
{
box-shadow:none;
}
.btn-small
{
line-height:20px;
font-size:12px;
}
.btn-small:not(.btn-default):hover
{
box-shadow:inset 0 0 0 16px rgba(0,0,0,.3);
}
.btn-big
{
line-height:40px;
font-size:16px;
}
.btn-big:not(.btn-default):hover
{
box-shadow:inset 0 0 0 26px rgba(0,0,0,.3);
}
.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:#5cb85c;
}
.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;
}
.btn-custom-pink,
.btn-custom-pink.passive:hover
{
color:#fff;
background-color:#e35252;
}
.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;
}
}

.btn-custom-pink,
.btn-custom-pink.passive:hover
{
background-color:#213777;
}
.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;
}
.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;
}
.pageTitle.flexTitle
{
height: auto;
line-height: normal;
}
.pageTitle.flexTitle > .row
{
border-bottom: 0;
}
.pageTitle.flexTitle small
{
font-size: 12px;
text-transform: none;
display: block;
margin-top: 4px;
}
.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/sub_theme/blok/firat/darkblue/../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/sub_theme/blok/firat/darkblue/../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)
{
.block-title > span,
div + #campaign-products .block-title > span
{
display: block;
width: 100%;
}
.block-title .compare,
div + #campaign-products .block-title .compare
{
position: static;
margin-top: 10px;
float: right;
}
[dir="rtl"] .col-title .btn:after
{
right:auto;
left:0;
background-position:10px center;
}
#leftFilter
{
position:relative;
padding-top:10px;
padding-bottom:10px;
background:#fff;
border:1px solid #e5e5e5;
}
#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
{
line-height:30px;
font-size:15px;
}
[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;
}
#filterMobileBtn:after,
#filterSortBtn:after
{
content:'';
float:right;
width:9px;
height:15px;
}
[dir="rtl"] #filterMobileBtn:after,
[dir="rtl"] #filterSortBtn:after
{
float:left;
}
#filterWrapper
{
display:none;
margin-top:10px;
}
#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
{
line-height:30px;
font-size:15px;
padding-top:10px;
padding-bottom:10px;
}
#filterSortBtn.active
{
color:#e35252;
}
[dir="rtl"] #filterSortBtn.active
{
background-position:right center;
}
#filterSort
{
display:none;
width:calc(100% - 20px);
margin:10px;
border:1px solid #e5e5e5;
box-sizing:border-box;
}
#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
{
padding-top:5px;
padding-bottom:5px;
}
#filterMobileBtn,
#filterSortBtn
{
font-size:14px;
}
#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
{
border-bottom:1px solid #e5e5e5;
}
[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:calc(100% - 4px);
max-height:calc(100% - 4px);
margin:0 auto;
-webkit-transition-timing-function:ease-in-out;
-moz-transition-timing-function:ease-in-out;
-ms-transition-timing-function:ease-in-out;
-o-transition-timing-function:ease-in-out;
transition-timing-function:ease-in-out;
-webkit-transition-duration:.2s;
-moz-transition-duration:.2s;
-ms-transition-duration:.2s;
-o-transition-duration:.2s;
transition-duration:.2s;
}
.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
{
-webkit-transition: all 150ms ease-in;
-webkit-transform: scale(1.1);
-ms-transition: all 150ms ease-in;
-ms-transform: scale(1.1);
-moz-transition: all 150ms ease-in;
-moz-transform: scale(1.1);
transition: all 150ms ease-in;
transform: scale(1.1);
}
.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
{
height:25px;
line-height:25px;
font-size:12px;
z-index:1;
}
[dir="rtl"] .icon-new
{
right:0;
left:auto;
}
.icon-cargo
{
position:absolute;
bottom:30px;
right:0;
width:84px;
height:30px;
background:url('/theme/v4/sub_theme/vitrin/firat/darkblue/../v4/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:54px;
}
.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:0;
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:30px;
line-height:30px;
}
.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;
}
.priceWrapper
{
}
.currentPrice
{
line-height:28px;
font-size:18px;
font-weight:700;
}
.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
{
line-height:15px;
}
.discountedPrice
{
line-height:15px;
font-size:13px;
}
.productColListItem .discountedPrice
{
line-height:17px;
font-size:11px;
}
.productListItem .currentPrice, .productListItem .discount .currentPrice, .productListItem .discountedPrice
{
float:left;
line-height:30px;
padding-left:20px;
}
.productDiscount
{
height:25px;
line-height:25px;
font-size:12px;
z-index:3;
}
[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:inline-block;
border-right:0;
}
.productPager a,
.productPager span
{
position:relative;
float:left;
height:30px;
line-height:30px;
padding-right:5px;
padding-left:9px;
box-sizing:border-box;
}
.productPager a
{
color:#6c6c6c;
background-repeat:no-repeat;
background-position:center center;
}
.productPager a:hover
{
color:#e35252;
}
.productPager span
{
color:#e35252;
cursor:default;
}
.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
{
padding-left:5px;
}
.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;
}
@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/sub_theme/vitrin/firat/darkblue/../v4/carouselSmlArrowPrev.png');
}
#oneCol .mainNext
{
background-image:url('/theme/v4/sub_theme/vitrin/firat/darkblue/../v4/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
{
font-size:16px;
}
.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)
{
.icon-new,
.productDiscount
{
position:absolute;
font-size:14px;
}
.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;
}
.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:40px;
height:38px;
line-height:38px;
font-size:15px;
}
.currentPrice
{
font-size:18px;
}
.discountedPrice + .currentPrice
{
line-height:20px;
}
.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 .col-4
{
width:16.6667%;
}
.productColListItem .col-8
{
width:83.3333%;
}
.productColListItem .productPrice
{
padding-left:0;
}
: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;
}
.productItem .proRowAct
{
position: static;
padding-top: 0;
padding-bottom: 0;
}
.productItem .drop-down.hover .drop-down-title + .bottom.fixed
{
height: auto;
min-height: auto;
position: absolute;
bottom: 0;
opacity: 1;
visibility: visible;
}
.productItem .drop-down.hover .drop-down-title + .bottom.fixed .mb.p-left .p-right
{
padding-right: 0;
}
}
@media screen and (max-width:540px)
{
#filterSort
{
padding-right:10px;
}
.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
{
font-size:12px;
}
}
@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;
}
}

.productPager span
{
color:#213777;
}
#footer p, #footerMiddle ul li a
{
line-height:14px;
font-size:12px;
color:#5e5e5e;
font-weight:300;
}
#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
{
padding-top:10px;
padding-right:20px;
padding-bottom:10px;
padding-left: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
{
display:inline-block;
padding-top:10px;
padding-right:10px;
padding-bottom:10px;
padding-left:10px;
}
[dir="rtl"] #social li
{
padding-right:0;
padding-left:10px;
}
#footer .newsletterMain
{
position:relative;
}
#footer .newsletterMain .sub-email
{
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:25px;
padding-bottom:25px;
background:#f7f7f7;
border-top:1px solid #e5e5e5;
margin-bottom: 20px;
}
#footerMiddle h3
{
line-height:20px;
font-size:13px;
color:#393939;
font-weight:700;
text-transform:uppercase;
word-break:break-all;
margin-top:0;
margin-bottom:0;
}
#footerMiddle ul li
{
display:block;
}
#footerMiddle ul li a,
#footerMiddle p
{
display:block;
}
#footerMiddle ul li a
{
padding-bottom:8px;
padding-top:8px;
}
#footerMiddle ul li a:hover
{
color:#e35252;
}
#footerMiddle p
{
padding-bottom:0;
}
#footerContact
{
background:url('/theme/v4/sub_theme/alt/firat/user_tesbihcibabaFooter2018/../v4/footerContact.png') no-repeat center center;
}
#contactInfo strong
{
color:#393939;
}
#contactInfo i
{
display:inline-block;
width:25px;
}
#footerBottom
{
padding-top:10px;
padding-bottom:10px;
background:#f7f7f7;
}
#footerSecurity img
{
padding-right:10px;
}
#footerCards
{
flex-direction:row-reverse;
}
#footerCards img
{
max-width:60px;
padding-left:10px;
}
#tsoft-eticaret-sistemleri
{
line-height:50px;
font-size:12px;
color:#6c6c6c;
text-align:center;
background:#fff;
}
#footer
{
z-index: 9;
}
#newsletter_captcha
{
padding: 0;
}
#newsletter_captcha > .row
{
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 auto;
}
#newsletter_captcha > .row span
{
width: 44%;
}
#newsletter_captcha > .row span input
{
padding: 0;
width: 100%;
}
@media screen and (max-width: 1000px)
{
#footerMiddle
{
padding-top:25px;
padding-bottom:25px;
}
#footerMiddle .col-2
{
padding-top:15px;
padding-bottom:15px;
}
#footerMiddle .col-2:nth-child(3n+1)
{
clear:both;
}
#footerIcons
{
flex-wrap: wrap;
}
#footerSecurity, #footerCards
{
width: 100%;
justify-content: center;
}
#footerSecurity
{
padding-top:10px;
}
#footerCards
{
padding-bottom:10px;
}
#footerSecurity img,
#footerCards img
{
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
}
}
@media screen and (min-width: 769px)
{
#footerMiddle ul li div
{
display:block !important;
height:auto !important;
}
}
@media screen and (max-width: 768px)
{
#footer-social p,
#footer-newsletter p
{
font-size:15px;
}
#footerTop p
{
font-size:13px;
}
#footer .newsletterMain
{
padding-top:10px;
padding-right:20px;
padding-bottom:10px;
padding-left:20px;
}
#footer .newsletterMain .sub-email
{
font-size:15px;
box-sizing:border-box;
}
#footer .newsletterMain input[type="button"]
{
font-size:15px;
}
#footerMiddle
{
padding-top:0;
padding-bottom:0;
background-color:#848484;
border-top:0;
}
#footerMiddle .col-2
{
padding-top:0;
padding-left:0;
padding-bottom:0;
padding-right:0;
}
#footerMiddle ul li
{
float:left;
}
#footerMiddle ul ul li
{
float:none;
width:auto;
padding-left:20px;
padding-right:20px;
border-bottom:1px solid #fff;
}
#footerMiddle h3
{
line-height:60px;
color:#fff;
font-size:20px;
font-weight:600;
padding-left:20px;
padding-right:20px;
background:#444;
margin-bottom:1px;
cursor:pointer;
}
#footerMiddle h3.active
{
background:#e35252;
}
[dir="rtl"] #footerMiddle h3
{
background-position:10px center;
}
#footerMiddle h3 + div
{
background:#f7f7f7;
display:none;
}
#footerMiddle ul li a, #footerMiddle p
{
line-height:35px;
font-size:17px;
}
#footerMiddle p
{
padding-left:20px;
padding-right:20px;
}
#footerBottom .col
{
text-align:center;
}
#footerBottom .col img
{
padding-right:5px;
padding-left:5px;
}
#footerContact
{
background:none;
}
#contactInfo
{
padding-top:20px;
padding-bottom:20px;
}
#contactInfo i
{
font-size:15px;
}
#footer-social .d-flex
{
display:inherit;
}
#social
{
text-align:left;
box-sizing:border-box;
}
#social li,
#social li a
{
width:40px;
height:40px;
}
#social li a
{
display:flex;
align-items:center;
}
#social li a img
{
margin-right:auto;
margin-left:auto;
}
#footerIcons,
#footerIcons .d-flex
{
display:inherit;
}
}
@media screen and (max-width: 540px)
{
#footer	h3
{
line-height:45px;
font-size:15px;
}
#footerMiddle ul li a,
#footerMiddle p
{
line-height:25px;
font-size:13px;
}
#social li
{
padding-top:5px;
padding-right:5px;
padding-bottom:5px;
padding-left:5px;
}
#footer .newsletterMain .sub-email
{
height:40px;
line-height:38px;
font-size:13px;
margin-bottom:10px;
}
#footer .newsletterMain input[type="button"]
{
height:40px;
font-size:13px;
}
}

.tbMobileAppMenu
{
display: none;
}
.TBfooterCase
{
width:100%; height:300px; background:#b7b7b7;
}
.TBFooterBox
{
width:100%; height:auto; background:#003d73; display: table;
}
.TBFooterBox .TBfooterSosyal
{
width:100%; height:20px; border-top:1px solid #b2c4d5; margin-top:50px; margin-bottom:35px;
}
.TBFooterBox .TBfooterSosyal .TBfooterSosyalCase
{
width:100%; height:50px; margin:0 auto; text-align: center; margin-top:-25px;
}
.TBFooterBox .TBfooterSosyal .TBfooterSosyalCase .TBfooterSosyalItem
{
width:auto; height:100%; background:#003d73; display:inline-block; margin-right:-4px;
}
.TBFooterBox .TBfooterSosyal .TBfooterSosyalCase .TBfooterSosyalItem a
{
width:auto; height:100%; display: table; padding:0 15px 0 15px; color:#ffffff; opacity:0.7;
}
.TBFooterBox .TBfooterSosyal .TBfooterSosyalCase .TBfooterSosyalItem a:hover
{
opacity:1;
}
.TBFooterBox .TBfooterSosyal .TBfooterSosyalCase .TBfooterSosyalItem .sosyalIcon
{
width:30%; height:100%; font-size:1.6vw; display: table-cell; vertical-align: middle; text-align: center; padding-right:5px;
}
.TBFooterBox .TBfooterSosyal .TBfooterSosyalCase .TBfooterSosyalItem .sosyalText
{
width:70%; height:100%; font-size:1vw; display: table-cell; vertical-align: middle;
}
.TBFooterBox .TBFooterCase
{
width:100%; max-width:1200px; height:auto; margin:0 auto;
}
.TBFooterBox .FooterLinkbox
{
width:100%; height:auto; display: flex; justify-content: space-between;
}
.TBFooterBox .FooterLinkbox .FooterLinkCase
{
width:18%; height:auto; float: left; display: table;
}
.TBFooterBox .FooterLinkbox .FooterLinkCase .FooterLinkTitle
{
width:100%; height:30px; display: table; opacity:0.7; border-bottom: 1px solid #b2c4d5; color:#ffffff; font-size:14px; font-weight: 600;
}
.TBFooterBox .FooterLinkbox .FooterLinkCase .FooterLinkTitle span
{
display: table-cell; vertical-align: middle;
}
.TBFooterBox .FooterLinkbox .FooterLinkCase ul
{
width:100%; height:200px; display: table; margin:7px 0 10px 0;
}
.TBFooterBox .FooterLinkbox .FooterLinkCase ul li
{
width:100%; height:auto; padding:5px 0px;
}
.TBFooterBox .FooterLinkbox .FooterLinkCase ul li a
{
color:#ffffff; opacity:0.7;
}
.TBFooterBox .FooterLinkbox .FooterLinkCase ul li a:hover
{
opacity:1;
}
.TBFooterBox .FooterLinkbox .footerBlogLogo img
{
width:90%; height: auto; text-align: center; opacity:0.7;
}
.TBFooterBox .FooterLinkbox .footerBlogLogo img:hover
{
opacity:1;
}
.TBFooterBox .FooterLinkbox .FooterContactBlok
{
width:100%; height:200px; display:table;
}
.TBFooterBox .FooterLinkbox .FooterContactBlok .FooterContactItem
{
width:100%; height:70px; color:#ffffff; opacity:0.7;
}
.TBFooterBox .FooterLinkbox .FooterContactBlok .FooterContactItem .cntIcon
{
width:20%; height:100%; display: table; font-size:2.5vw; float: left;
}
.TBFooterBox .FooterLinkbox .FooterContactBlok .FooterContactItem .cntIcon span
{
display: table-cell; vertical-align: middle; text-align: center;
}
.TBFooterBox .FooterLinkbox .FooterContactBlok .FooterContactItem .cnttxt
{
width:80%; height:100%; display: table; float: left; font-size:0.9vw; line-height:25px; box-sizing: border-box; padding:0 0 0 5px;
}
.TBFooterBox .FooterLinkbox .FooterContactBlok .FooterContactItem .cnttxt span
{
display: table-cell; vertical-align: middle;
}
.TBFooterBox .FooterLinkbox .FooterContactBlok .FooterContactItem .cnttxt b
{
width:100%; height: auto; display: block; font-size:1.3vw;
}
.TBFooterBox .FooterLinkbox .FooterContactBlok .FooterContactItem .cnttxt i
{
font-size:0.8vw
}
.footerAltBant
{
width:100%; height:35px; display: table; background:#f0f0f0; text-align: center;
}
.footerAltBant img
{
width:auto; height:100%;
}
@media screen and (min-width: 640px) and (max-width: 1024px)
{
}
@media screen and (max-width: 640px)
{
.tbMobileAppMenuCase
{
width: 100%; height:auto; display:table;
}
.tbMobileAppMenu
{
width: 100%; height:50px; display: block; position: fixed; bottom:0; z-index:10000000; background: #ffffff; box-sizing: border-box; -webkit-box-shadow: 0px -2px 4px 0px rgba(0,38,75,0.21); -moz-box-shadow: 0px -2px 4px 0px rgba(0,38,75,0.21); box-shadow: 0px -2px 4px 0px rgba(0,38,75,0.21);
}
.tbMobileAppMenu ul, .tbMobileAppMenu li
{
margin: 0; padding: 0; list-style-type: none;
}
.tbMobileAppMenu ul
{
width: 100%; height: 100%; display:block;
}
.tbMobileAppMenu ul > li
{
width: 20%; height: 100%; display: table; float: left;
}
.tbMobileAppMenu ul > li > a
{
width: 100%; height: 100%; font-size: 28px; padding-top: 5px; font-size:6.5vw; color: #003d73; display: table-cell; box-sizing: border-box; vertical-align: middle; text-align: center;
}
.tbMobileAppMenu ul > li > a > span
{
width: 100%; height: 30%; display: table; font-size: 11px; font-size:2.5vw; margin-top: 2px;
}
.TBFooterBox
{
width:100%; height:auto; background:#003d73; display: table;
}
.TBFooterBox .TBfooterSosyal
{
width:100%; height:20px; border-top:1px solid #b2c4d5; margin-top:50px; margin-bottom:20px;
}
.TBFooterBox .TBfooterSosyal .TBfooterSosyalCase
{
width:100%; height:50px; margin:0 auto; text-align: center; margin-top:-25px;
}
.TBFooterBox .TBfooterSosyal .TBfooterSosyalCase .TBfooterSosyalItem
{
width:auto; height:100%; background:#003d73; display:inline-block; margin-right:-4px;
}
.TBFooterBox .TBfooterSosyal .TBfooterSosyalCase .TBfooterSosyalItem a
{
width:auto; height:100%; display: table; padding:0 5px 0 5px; color:#ffffff; opacity:0.7;
}
.TBFooterBox .TBfooterSosyal .TBfooterSosyalCase .TBfooterSosyalItem a:hover
{
opacity:1;
}
.TBFooterBox .TBfooterSosyal .TBfooterSosyalCase .TBfooterSosyalItem .sosyalIcon
{
width:30%; height:100%; font-size:4vw; display: table-cell; vertical-align: middle; text-align: center; padding-right:2px;
}
.TBFooterBox .TBfooterSosyal .TBfooterSosyalCase .TBfooterSosyalItem .sosyalText
{
width:70%; height:100%; font-size:2.3vw; display: table-cell; vertical-align: middle;
}
.TBFooterBox .TBFooterCase
{
width:100%; max-width:1200px; height:auto; margin:0 auto;
}
.TBFooterBox .FooterLinkbox
{
width:100%; height:auto; display: flex; justify-content: space-between; flex-flow:column-reverse;
}
.TBFooterBox .FooterLinkbox .FooterLinkCase
{
width:100%; height:auto; float: left; display: table; text-align: center;
}
.TBFooterBox .FooterLinkbox .FooterLinkCase .FooterLinkTitle
{
width:100%; height:30px; display: table; opacity:0.7; border-bottom: 1px solid #b2c4d5; color:#ffffff; font-size:14px; font-weight: 600;
}
.TBFooterBox .FooterLinkbox .FooterLinkCase .FooterLinkTitle span
{
display: table-cell; vertical-align: middle;
}
.TBFooterBox .FooterLinkbox .FooterLinkCase ul
{
width:100%; height:auto; display: table; margin:1px 0 10px 0; padding:10px 0;
}
.TBFooterBox .FooterLinkbox .FooterLinkCase ul li
{
width:100%; height:auto; padding:5px 0px;
}
.TBFooterBox .FooterLinkbox .FooterLinkCase ul li a
{
color:#ffffff; opacity:0.7;
}
.TBFooterBox .FooterLinkbox .FooterLinkCase ul li a:hover
{
opacity:1;
}
.TBFooterBox .FooterLinkbox .footerBlogLogo
{
text-align: center; margin-bottom:20px;
}
.TBFooterBox .FooterLinkbox .footerBlogLogo img
{
width:40%; height: auto; text-align: center; opacity:0.7;
}
.TBFooterBox .FooterLinkbox .footerBlogLogo img:hover
{
opacity:1;
}
.TBFooterBox .FooterLinkbox .FooterContactBlok
{
width:100%; height:auto; display:table; text-align: center;
}
.TBFooterBox .FooterLinkbox .FooterContactBlok .FooterContactItem
{
width:80%; height:auto; display: inline-block; color:#ffffff; opacity:0.7; margin:0% auto 4% auto; box-sizing:border-box; padding:5px 0; border:1px solid #386892; border-radius: 5px;
}
.TBFooterBox .FooterLinkbox .FooterContactBlok .FooterContactItem .cntIcon
{
width:20%; height:100%; display: table; font-size:11vw; float: left;
}
.TBFooterBox .FooterLinkbox .FooterContactBlok .FooterContactItem .cntIcon span
{
display: table-cell; vertical-align: middle; text-align:right;
}
.TBFooterBox .FooterLinkbox .FooterContactBlok .FooterContactItem .cnttxt
{
width:80%; height:100%; display: table; float: left; font-size:4vw; line-height:25px; box-sizing: border-box; padding:0 0 0 5px;
}
.TBFooterBox .FooterLinkbox .FooterContactBlok .FooterContactItem .cnttxt span
{
display: table-cell; vertical-align: middle;
}
.TBFooterBox .FooterLinkbox .FooterContactBlok .FooterContactItem .cnttxt b
{
width:100%; height: auto; display: block; font-size:6vw;
}
.TBFooterBox .FooterLinkbox .FooterContactBlok .FooterContactItem .cnttxt i
{
font-size:5vw
}
.footerAltBant
{
width:100%; height:auto; display: table; background:#f0f0f0; text-align: center;
}
.footerAltBant img
{
width:100%; height:auto;
}
}
.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;
}
.sliderWrap .slideControl
{
width: calc(100% - 1px);
left: 0;
}
.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;
}
}