@import "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%
}
*
{
-webkit-tap-highlight-color: transparent
}
body
{
font-family: lato,sans-serif;
font-size:                                                   13px;
line-height: 1;
background:                                                   #fff;
overflow-x: hidden
}
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;
background: #e6e6e6;
border-radius: 0
}
::-webkit-scrollbar-button
{
display: none
}
::-webkit-scrollbar-thumb
{
background: #fcb315
}

.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:                                                   #232f3e;
font-weight: 600
}

.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
}

.row
{
align-items:                                                   flex-start;
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;
box-sizing: border-box
}
*.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: 0
}
[dir=rtl] .box.p-right,[dir=rtl] .col.p-right,[dir=rtl] .btn.p-right
{
padding-right:                                                   10px;
padding-left: 0!important
}
#notFound
{
line-height:                                                   25px;
font-size: 15px
}
#notFound:before
{
content: '';
float:                                                   left;
width: 100%;
height:                                                   127px;
background: url(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;
font-size: 11px
}

.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
}
#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(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: url(/Data/EditorFiles/dijimob/image/ausepet.svg) no-repeat right;
background-repeat:                                                   no-repeat;
background-position: right center
}
[dir=rtl] .accordeon
{
background-position: 10px center
}

.accordeon.active
{
background: url(/Data/EditorFiles/dijimob/image/adsepet.svg) no-repeat right
}

.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(loading.gif) no-repeat center center;
z-index:                                                   333;
display: none
}
#backToTop>span
{
font-size:                                                   12px;
font-weight: 700;
color:                                                   #252d2f;
padding-left: 17px;
box-sizing: border-box
}
#backToTop
{
display:                                                   none;
position: fixed;
bottom:                                                   60px;
right: 2%;
width:                                                   100px;
height: 30px;
color:                                                   #5e5e5e;
cursor: pointer;
z-index:                                                   333;
background: #fff;
border-radius:                                                   50px;
align-items: center;
text-align:                                                   center;
line-height: 30px;
border:                                                   1px solid #252d2f;
box-sizing: border-box
}
#backToTop i
{
color:                                                   #252d2f;
background: 0 0;
position:                                                   absolute;
left: 15px
}
#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: 0;
left:                                                   0;
width: 100%;
height:                                                   52px;
line-height: 52px;
font-size:                                                   30px;
color: #fff;
text-align:                                                   center;
background: #000;
border-radius:                                                   6px;
box-shadow: 0 0 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(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
}

.fastMember
{
margin-left: 20px
}

.memberContainer
{
width:                                                   500px;
background: #fff;
border:                                                   1px solid #e5e5e5;
padding: 30px;
box-sizing: border-box
}

.lfGenel
{
display:                                                   flex;
justify-content: center;
padding:                                                   50px 0;
flex-wrap: wrap;
}

.mcTitle
{
border-bottom:                                                   1px solid #eee;
padding-bottom: 15px;
margin-bottom:                                                   10px;
display: flex;
align-items:                                                   center;
justify-content: center
}

.mcTitle li a
{
font-size:                                                   14px;
color: #aaa;
font-weight: 500
}

.mcTitle li
{
width: 50%;
text-align: center
}

.mcTitle li.active a
{
color:                                                   #252d2f;
font-weight: 600
}

.mcTitle li:first-child
{
border-right: 1px solid #eee
}
a#member-forgot-password
{
font-size:                                                   12px;
color: #888;
text-decoration: underline
}
span.fl.benihatirla
{
font-size:                                                   12px;
color: #888
}
a#order-login-btn
{
height:                                                   50px;
background: #232f3e;
border-radius:                                                   4px;
color: #fff;
font-size:                                                   14px;
font-weight: 500;
text-transform:                                                   uppercase;
display: flex;
align-items:                                                   center;
justify-content: center
}
a#member-login-btn
{
height:                                                   50px;
background: #26a65b;
color:                                                   #fff;
font-size: 16px;
font-weight:                                                   600;
text-transform: uppercase;
display:                                                   flex;
align-items: center;
justify-content: center
}
a#member-login-btn:hover
{
background: #fcb315
}

.girisTop
{
padding-top:                                                   5px;
padding-bottom: 15px;
display:                                                   flex;
align-items: center;
justify-content: space-between
}

.veya
{
border-bottom:                                                   1px solid #eee;
display: flex;
justify-content:                                                   center;
margin-top: 20px;
margin-bottom:                                                   30px;
}

.veya span
{
font-size:                                                   12px;
font-weight: 600;
color:                                                   #aaa;
margin-bottom: -6px;
background:                                                   #fff;
padding: 0 15px
}

.socialLogin>.col-6 a
{
border:                                                   1px solid #f2f2f2;
border-radius: 4px;
display:                                                   flex;
align-items: center;
padding:                                                   10px 15px;
box-sizing: border-box
}

.socialLogin>.col-6 a span b
{
display:                                                   block;
font-size: 12px
}

.socialLogin>.col-6 a span i
{
font-style:                                                   normal;
font-size: 10px
}

.socialLogin>.col-6 a span
{
padding-left:                                                   10px;
box-sizing: border-box
}
a#popup-member-login-facebook span b
{
color: #0b5ac1
}
a#popup-member-login-facebook span i
{
color: #0b5ac1
}
a#signinGoogle span b
{
color: #ea4335
}
a#signinGoogle span i
{
color: #ea4335
}
a#uye-kayit-btn
{
height:                                                   50px;
background: #26a65b;
color:                                                   #fff;
font-size: 16px;
font-weight:                                                   600;
text-transform: uppercase;
display:                                                   flex;
align-items: center;
justify-content: center
}

.szlesmeContsiner
{
padding-bottom: 5px
}

.sozlesmeTxt
{
font-size:                                                   12px;
color: #524e4e;
}

.sozlesmeTxt a
{
font-weight:                                                   600;
color: #4439c1;
font-size:                                                  14px;
}
a#uye-kayit-btn:hover
{
background: #fcb315
}

.fl.sozlesmeTxt.active
{
color:                                                   #232f3e;
font-weight: 500
}

.sozlesmeTxt.active a
{
color:                                                   #232f3e;
font-weight: 600
}

.blkArrow button.slick-prev.slick-arrow
{
background: #fff url(/Data/EditorFiles/Creawork/image/altopbar.svg) no-repeat center;
border-radius:                                                   4px;
border: 1px solid #eee;
left: -5px
}

.blkArrow button.slick-arrow
{
top: 50%;
width:                                                   30px;
height: 30px;
z-index:                                                   9;
margin-top: -10px
}

.blkArrow button.slick-next.slick-arrow
{
background: #fff url(/Data/EditorFiles/Creawork/image/artopbar.svg) no-repeat center;
border-radius:                                                   4px;
border: 1px solid #eee;
right: -5px
}
#leftColumn #page-login .box.col-4.col-md-6.col-sm-12.p-top.p-left
{
width: 100%
}

.filter-wrap
{
display: none
}

.kapalifil.active+.filter-wrap
{
padding-bottom: 10px
}

.filter-row.filter-cat
{
padding-bottom: 10px
}

.filter-row.filter-cat .kapalifil
{
background:                                                   0 0;
border-bottom: 1px solid #eee
}

.filter-row.filter-price
{
padding-bottom: 20px
}

.filter-active .filter-wrap
{
padding-bottom: 15px
}

.sscTitle
{
font-size:                                                   14px;
font-weight: 600;
color:                                                   #444;
margin-bottom: 8px
}

.ssContent
{
font-size:                                                   12px;
font-weight: 400;
color:                                                   #666;
line-height: 22px;
max-height:                                                   340px;
overflow: auto;
padding-right:                                                   20px;
box-sizing: border-box
}

.sscImg h2
{
margin-top:                                                   0;
font-size: 14px;
margin-bottom: 5px
}

.sscImg h3
{
margin-top:                                                   0;
font-size: 14px;
margin-bottom: 5px
}

.sscImg h4
{
margin-top:                                                   0;
font-size: 14px;
margin-bottom: 5px
}

.sscImg
{
display:                                                   flex;
align-items: flex-start;
margin-top: 25px
}

.sscImg>div:nth-child(1)
{
padding-top:                                                   5px;
padding-right: 18px;
max-width: 100px
}

.seoSablon
{
padding:                                                   20px;
box-sizing: border-box;
background:                                                   #fff;
border: 1px solid #e5e5e5;
border-radius:                                                   4px;
margin: 30px 0
}

.sscImg>div:nth-child(2)
{
width: 100%
}

.sscImg>div:nth-child(1) img
{
border:                                                   1px solid #eee;
border-radius: 4px;
box-sizing: border-box
}

.ease,.btn,.form-control,a,input,select,textarea,button
{
-webkit-transition-timing-function: cubic-bezier(.2,.02,.2,1);
-moz-transition-timing-function: cubic-bezier(.2,.02,.2,1);
-ms-transition-timing-function: cubic-bezier(.2,.02,.2,1);
-o-transition-timing-function: cubic-bezier(.2,.02,.2,1);
transition-timing-function: cubic-bezier(.2,.02,.2,1);
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
-ms-transition-duration: .5s;
-o-transition-duration: .5s;
transition-duration: .5s
}

.stilBlok button.slick-arrow
{
width:                                                   40px;
height: 40px;
z-index:                                                   9;
border: 1px solid #ddd;
border-radius:                                                   0;
top: 40%;
background-color: #fff!important;
display: none!important
}

.stilBlok button.slick-arrow.slick-prev
{
left: -10px
}

.stilBlok button.slick-arrow.slick-next
{
right: -10px
}

.stilBlok:hover button.slick-arrow
{
display: block!important
}

.bankaHesaplarimiz ul li i
{
font-style: normal
}

.bankaHesaplarimiz ul li
{
list-style:                                                   none;
width: 20%;
padding:                                                   5px;
box-sizing: border-box
}

.ceBanner
{
width:                                                   1200px;
margin: 0 auto;
display:                                                   flex;
align-items: center;
padding-top:                                                   60px;
padding-bottom: 60px
}

.ceForm
{
background:                                                   #232f3e14;
padding: 100px;
box-sizing: border-box
}

.ceForm>.col-6
{
font-size:                                                   22px;
line-height: 36px;
color:                                                   #444;
font-weight: 300
}

.ceVideo
{
width:                                                   1200px;
display: flex;
align-items:                                                   center;
padding: 19% 0;
position:                                                   relative;
margin: 60px 0
}

.ceVideo .video
{
position:                                                   absolute;
top: 0;
left:                                                   0;
width: 100%;
height: 100%
}

.ceTitle
{
width:                                                   1200px;
margin: 0 auto;
display:                                                   flex;
align-items: center;
padding-top: 60px
}

.ceTitle>.col-6>h1
{
font-size:                                                   60px;
font-weight: 500;
color:                                                   #232f3e;
width: 100%;
margin: 0
}

.ceTitle>.col-6>div
{
font-size:                                                   30px;
color: #444;
font-weight:                                                   200;
margin-top: 12px;
width: 100%
}

.ceTitle>.col-12>h1
{
font-size:                                                   40px;
font-weight: 500;
color:                                                   #232f3e;
width: 100%;
margin:                                                   0;
text-align: center
}

.ceTitle>.col-12>div
{
font-size:                                                   20px;
color: #444;
font-weight:                                                   200;
margin-top: 12px;
width: 100%;
text-align:                                                   center;
line-height: 28px;
margin-bottom: 25px
}
input.fl.ktfSifirla
{
height:                                                   50px;
background: #eee;
border-radius:                                                   4px;
color: #aaa;
display:                                                   flex;
align-items: center;
justify-content:                                                   center;
max-width: none;
width: 30%;
border:                                                   none;
font-size: 14px;
font-weight:                                                   500;
float: right;
cursor: pointer
}
input.fl.ktfGonder
{
height:                                                   50px;
background: #222;
border-radius:                                                   4px;
color: #fff;
display:                                                   flex;
align-items: center;
justify-content:                                                   center;
max-width: none;
width: 65%;
border:                                                   none;
font-size: 16px;
font-weight:                                                   600;
box-shadow: 0 2px 12px 0 rgb(0 0 0/31%);
float:                                                   left;
cursor: pointer
}
input.fl.ktfGonder:hover
{
background:                                                   #107a00;
color: #fff
}
#SepetForm>.row
{
display: flex
}

.sozlesmeTxt b
{
color:                                                  #000;
font-weight: 600;
font-size:                                                  13px;
}

.sepetSag
{
position:                                                   sticky;
top: 10px
}

.uyeOlmadanDevam
{
display:                                                   flex;
justify-content: center;
}

.uodCont a
{
width:                                                   350px;
height: 50px;
background:                                                   #fcb315;
color: #fff;
font-size:                                                   14px;
font-weight: 600;
text-transform:                                                   uppercase;
display: flex;
align-items:                                                   center;
justify-content: center;
}

.uodCont
{
display:                                                   flex;
flex-wrap: wrap;
justify-content:                                                   center;
}
@media screen and (max-width: 1400px) and (min-width:1000px)
{
body .bpContent
{
margin-top:-285px
}
body .fGenel
{
padding:                                                   10px;
}
body .input-wrap
{
margin-right:                                                   5px;
}
body .col-text
{
font-size:                                                   12px;
min-width: fit-content;
}
body .detayTop
{
width: 100%;
margin-left:                                                   0;
margin-right: 0
}
body .birlikteAl
{
width: 100%;
margin-left:                                                   0;
margin-right: 0
}
body .prTab
{
width: 100%;
margin-left:                                                   0;
margin-right: 0
}
body .slideDijimob
{
width: 100%;
margin-left:                                                   0;
margin-right: 0
}
body #katalog .productItem
{
width: 25%
}
body div#campaign-products .uListe
{
padding: 0 10px 10px 0
}
body div#campaign-products .listProductBrand
{
font-size: 11px
}
body div#campaign-products .cpTitle
{
font-size:                                                   12px;
margin-top: 10px
}
body div#campaign-products .listProductName
{
height: 18px
}
body .ivBanner>.col:nth-child(1)
{
margin-bottom: 22px
}
body div#campaign-products .image-wrapper
{
padding-bottom: 85%
}
body div#productLeft
{
width: 50%;
margin: 0
}
body div#productRight
{
width: 50%;
margin: 0
}
body .talepler a
{
font-size: 11px
}
body .sepetGenel,body .sUstGenel
{
width: 83.33333333%;
margin-left: 8.33333333%
}
body div#orderPageLayer>.col
{
padding:                                                   0;
width: 83.33333333%
}
body .uzmaninaSor b
{
font-size: 12px
}
body .uzmaninaSor
{
}
body .listeTop h1
{
font-size: 12px
}
body .totalPro
{
font-size: 12px
}
body a#productComparison
{
font-size: 12px
}
body .sadeceStok
{
font-size: 12px
}
body select#sort
{
font-size: 12px
}
body .kapalifil
{
font-size: 13px
}
body .filter-row
{
padding: 15px
}
body .fbTitle
{
font-size: 13px
}
body .fbDesc
{
font-size:                                                   11px;
line-height: 18px
}
body .socialMedia li a img
{
height: 40px
}
body div#footerBottom .col-3
{
padding-right: 5%
}
body .fadesc
{
font-size:                                                   11px;
padding-right: 25px
}
body div#footerCpy
{
font-size: 11px
}
body input.fl.col-12.sub-email.withPlace
{
height: 40px
}
body input#newsletterBtn
{
top: 13px
}
body .giItem img
{
height: 30px
}
body .giItem>div
{
font-size: 12px
}
body .giItem>span
{
font-size: 10px
}
body .giItem
{
padding: 10px
}
body #mainMenu a
{
font-size: 12px
}
}
@media screen and (min-width: 1231px)
{
.inner
{
width:100%;
margin:                                                   0 auto;
padding: 0 2%;
box-sizing: border-box
}

.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:                                                   10px;
bottom: 65px;
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!important
}
}
@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)
{
.bankaHesaplarimiz ul li i
{
font-weight:                                                  700;
margin-right: 5px
}

.bankaHesaplarimiz ul.bhTitle
{
display: none
}

.bankaHesaplarimiz ul
{
flex-wrap:                                                   wrap;
padding: 5px
}

.bankaHesaplarimiz
{
background: #fff
}

.bankaHesaplarimiz ul li
{
width: 100%
}

.bankaHesaplarimiz ul li:first-child
{
font-weight: 700
}

.bankaHesaplarimiz ul:nth-child(3)
{
background: #eee
}

.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!important
}
#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)
{
.f-site-whide-banner
{
background-image: url('/Data/EditorFiles/Creawork/image/fotografium-wide-banner-container-mobile.webp');
display:                                             flex;
width: 100%;
background-size:                                             cover;
background-position: top;
justify-content:                                             center;
align-items: center;
}

.uodCont a
{
width:                                                   300px;
}

.uodCont
{
margin-top:                                                   20px;
}
#SepetForm>.row
{
flex-wrap: wrap
}

.kurumsalTalepFormu .ceForm table tr td:nth-child(1)
{
width: 100%
}

.kurumsalTalepFormu .ceForm table tr td:nth-child(2)
{
width: 100%
}

.kurumsalTalepFormu .ceForm table tr
{
flex-wrap: wrap
}

.kurumsalTalepFormu div#crmWebToEntityForm
{
padding:                                                   15px;
margin-top: 20px
}

.kurumsalTalepFormu .ceForm
{
margin-top: 20px
}

.demoTalepFormu div#crmWebToEntityForm form table tr td:nth-child(1)
{
font-size: 14px!important
}

.ceTitle>.col-12>h1
{
font-size: 25px
}

.ceTitle>.col-12>div
{
font-size:                                                   16px;
margin-top: 3px;
margin-bottom: 0
}

.demoTalepFormu div#crmWebToEntityForm
{
width: 100%!important;
padding: 15px!important;
margin-top: 20px!important
}

.demoTalepFormu div#crmWebToEntityForm form table tr td:nth-child(1)
{
width: 100%!important
}

.demoTalepFormu div#crmWebToEntityForm form table tr td:nth-child(2)
{
width: 100%!important
}

.demoTalepFormu div#crmWebToEntityForm form table tr
{
flex-wrap: wrap
}

.demoTalepFormu div#crmWebToEntityForm form table tr:last-child td
{
padding-left: 2%
}

.ceTitle>.col-6>h1
{
font-size: 25px
}

.ceTitle>.col-6>div
{
font-size:                                                   16px;
margin-top: 3px
}

.ceTitle
{
width: 100%;
padding:                                                   30px 10px 0;
box-sizing: border-box
}

.ceBanner
{
width: 100%;
padding: 20px 0
}

.ceForm
{
padding:                                                   20px;
padding-bottom: 50px
}

.ceForm>.col-6
{
width: 100%;
font-size:                                                   14px;
line-height: 26px
}

.ceForm .zcwf_lblLeft .zcwf_col_lab
{
width: 100%
}

.ceForm #crmWebToEntityForm.zcwf_lblLeft
{
padding:                                                   15px;
margin-top: 20px
}

.ceVideo
{
margin:                                                   20px;
padding: 25% 0
}

.stilBlok button.slick-arrow.slick-next
{
right: 0
}

.stilBlok button.slick-arrow.slick-prev
{
left: 0
}

.stilBlok button.slick-arrow
{
display: block!important
}

.seoSablon
{
padding: 15px
}

.ssContent
{
line-height:                                                   18px;
font-size: 10px;
max-height: 200px
}

.sscImg>div
{
min-width: 25%
}

.sscImg
{
}

.sscTitle
{
font-size: 12px
}

.blkArrow button.slick-prev.slick-arrow
{
left: 10px
}

.blkArrow button.slick-next.slick-arrow
{
right: 10px
}

.stilBlok
{
margin: 10px 0!important
}
ul#markalarSlider li
{
padding: 5px
}
ul#markalarSlider
{
margin-left:                                                   -5px;
margin-right: -5px
}

.ivBanner>.box
{
padding:                                                   0;
margin-bottom: 10px
}

.bannerKurumsal>.row>.box
{
padding:                                                   0 10px;
margin-bottom: 10px
}

.bannerBesli .box.p-top .box
{
padding:                                                   0 10px;
margin-bottom: 10px
}

.bannerIkili .box
{
padding:                                                   0 10px;
margin-bottom: 10px
}

.giItem>div
{
font-size: 11px
}

.giItem>span
{
font-size:                                                   10px;
line-height: 14px
}

.giItem
{
padding: 10px!important
}

.guvenIconlari .box
{
padding: 5px
}

.guvenIconlari>.row
{
margin-left:                                                   -5px;
margin-right: -5px
}

.giItem img
{
height: 30px!important
}

.guvenIconlari
{
padding: 30px 0
}

.giItem>span
{
box-sizing:                                                   border-box;
height: 47px;
font-size: 10px!important;
line-height: 14px!important
}

.ihracat .box
{
width: 100%;
justify-content:                                                   center;
display: flex;
flex-wrap: wrap
}

.ihracat>.row
{
flex-wrap: wrap
}

.icTitle
{
text-align:                                                   center;
font-size: 14px
}

.icDesc
{
font-size:                                                   12px;
text-align: center;
padding: 15px 0
}

.sozlesmeTxt
{
font-size: 11px
}

.memberContainer
{
padding:                                                   20px;
margin: 10px 0;
width: 100%
}

.lfGenel
{
padding-top:                                                   0;
padding-bottom: 20px;
flex-wrap: wrap
}

.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;
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!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
}
}

.storyBorder img:hover
{
border: 2px solid #fcb315
}

.storyBorder img
{
border:                                                   2px solid #d6cdcd;
border-radius: 50%
}

.storyBorder:hover span
{
color: #fcb315
}
/* Recep Y. Eklemeler*/
.textOnImage
{
position:                relative;
color: white;
width: 100%;
}

.textOnImage .image
{
position:                absolute;
width: 100%;
}

.textOnImage .textTop
{
position:                absolute;
background-color: rgba(0, 0, 0, 0.4);
top: 0%;
padding-right: 0.4%;
padding-left: 0.4%;
width: 98%;
text-align:                center;
padding-top: 2%;
padding-bottom: 2%;
}

.textOnImage .textBottom
{
position:                absolute;
background-color: rgba(0, 0, 0, 0.4);
bottom: 0.4%;
padding-right: 0.4%;
padding-left: 0.4%;
text-align:                center;
width: 98%;
padding-top: 2%;
padding-bottom: 2%;
}

.textOnImage .textR,
.textOnImage .textOnR
{
position:                absolute;
display: flex;
flex-direction:                 column;
justify-content: center;
background-color: rgba(0, 0, 0, 0.4);
right:                0;
top: 0%;
text-align:                justify;
padding-right: 5%;
padding-left: 2%;
height: 99.6%;
width: 30%;
}

.textOnImage .textL,
.textOnImage .textOnL
{
position:                absolute;
display: flex;
flex-direction:                 column;
justify-content: center;
background-color: rgba(0, 0, 0, 0.4);
left: 0%;
top: 0%;
text-align:                justify;
padding-right: 2%;
padding-left: 5%;
height: 99.6%;
width: 30%;
}

.textOnImage .onMid
{
position:                absolute;
display: flex;
flex-direction:                 column;
justify-content: center;
background-color: rgba(0, 0, 0, 0.5);
top: 0%;
text-align:                center;
padding-right: 35%;
padding-left: 35%;
height: 99.6%;
width: 30%;
}

.textOnImage .onMidL
{
position:                absolute;
display: flex;
flex-direction:                 column;
justify-content: center;
background-color: rgba(0, 0, 0, 0.5);
top: 0%;
text-align:                right;
padding-right: 55%;
padding-left: 15%;
height: 99.6%;
width: 30%;
}

.textOnImage .onMidR
{
position:                absolute;
display: flex;
flex-direction:                 column;
justify-content: center;
background-color: rgba(0, 0, 0, 0.5);
top: 0%;
text-align:                left;
padding-right: 15%;
padding-left: 55%;
height: 99.6%;
width: 30%;
}
@media screen and (max-width: 768px)
{
.textOnImage
{
position:                  static;
color: black;
}

.textOnImage .textTop,
.textOnImage .textBottom,
.textOnImage .textL,
.textOnImage .textOnL,
.textOnImage .textR,
.textOnImage .textOnR,
.textOnImage .onMid,
.textOnImage .onMidL,
.textOnImage .onMidR
{
position:                 static;
display: inline;
width:                 auto;
background-color: transparent;
text-align:                left;
padding-right:             0px;
padding-left:    0px;
width:             auto;
padding-top: 2%;
padding-bottom: 2%;
}
}

.textNextToImage
{
width: 100%;
display:                                        flex;
align-items: center;
justify-content:                                        center;
}

.textNextToImage .image
{
width: 33%;
}

.textNextToImage .textR
{
padding-left: 1%;
width: 67%;
}

.textNextToImage .textL
{
padding-right: 1%;
width: 67%;
text-align:                                        right;
}

.textNextToImage .textMid
{
padding-right: 1%;
padding-left: 1%;
width: 50%;
text-align:                 right;
}

.textNextToImage .imageHalf
{
width: 50%;
}

.textNextToImage .textRHalf
{
padding-left: 1%;
width: 50%;
}

.textNextToImage .textLHalf
{
padding-right: 1%;
width: 50%;
text-align:                     right;
}
@media screen and (max-width: 768px)
{
.textNextToImage
{
display:                     inline;
width: auto;
padding-top: 2%;
padding-bottom: 2%;
}

.textNextToImage .image,
.textNextToImage .textR,
.textNextToImage .textL,
.textNextToImage .imageHalf,
.textNextToImage .textRHalf,
.textNextToImage .textLHalf,
.textNextToImage .textMid
{
padding-right: 0%;
padding-left: 0%;
padding-top: 2%;
padding-bottom: 2%;
width:                   auto;
text-align:   left;
}
}

.rvid, .resvid
{
width:                             1072px;
height:603px;
}
@media screen and (max-width: 1100px)
{
.rvid, .resvid
{
width:                         720px;
height: 405px
}
}
@media screen and (max-width: 915px)
{
.rvid, .resvid
{
width:                         560px;
height: 315px;
}
}
@media screen and (max-width: 768px)
{
.rvid, .resvid
{
width:                         400px;
height: 225px;;
}
}
@media screen and (max-width: 640px)
{
.rvid, .resvid
{
width:                         320px;
height: 180px;
}
}
@media screen and (max-width: 540px)
{
.rvid, .resvid
{
width:                         432px;
height: 243px;
}
}
@media screen and (max-width: 450px)
{
.rvid, .resvid
{
width:                         320px;
height: 180px;
}
}

.resgrid, .rgrid
{
display:                          inline;
}

.resgrid .rgl, .rgrid .rgl
{
display:                          flex;
}

.resgrid .rgmd, .rgrid .rgmd
{
display:                          flex;
}

.resgrid .rgsm, .rgrid .rgsm
{
display:                          flex;
}
@media screen and (max-width: 1185px)
{
.resgrid .rgl, .rgrid .rgl
{
display:                        inline;
}
}
@media screen and (max-width: 930px)
{
.resgrid .rgmd, .rgrid .rgmd
{
display:                        inline;
}
}
@media screen and (max-width: 768px)
{
.resgrid .rgsm, .rgrid .rgsm
{
display:                        inline;
}
}

.pd1r
{
padding:                       1ram;
}

.pd2r
{
padding:                       2ram;
}

.pd3r
{
padding:                       3ram;
}

.pd4r
{
padding:                       4ram;
}

.pd5r
{
padding:                       5ram;
}

.pd1p
{
padding: 1%;
}

.pd2p
{
padding: 2%;
}

.pd3p
{
padding: 3%;
}

.pd4p
{
padding: 4%;
}

.pd5p
{
padding: 5%;
}

.pdl1
{
padding-left:1%
}

.pdl2
{
padding-left:2%
}

.pdl3
{
padding-left:3%
}

.pdl4
{
padding-left:4%
}

.pdl5
{
padding-left:5%
}

.pdr1
{
padding-right:1%
}

.pdr2
{
padding-right:2%
}

.pdr3
{
padding-right:3%
}

.pdr4
{
padding-right:4%
}

.pdr5
{
padding-right:5%
}

.pdx1
{
padding-left:1%;padding-right:1%;
}

.pdx2
{
padding-left:2%;padding-right:2%;
}

.pdx3
{
padding-left:3%;padding-right:3%;
}

.pdx4
{
padding-left:4%;padding-right:4%;
}

.pdx5
{
padding-left:5%;padding-right:5%;
}

.pdt1
{
padding-top:1%
}

.pdt2
{
padding-top:2%
}

.pdt3
{
padding-top:3%
}

.pdt4
{
padding-top:4%
}

.pdt5
{
padding-top:5%
}

.pdb1
{
padding-bottom:1%
}

.pdb2
{
padding-bottom:2%
}

.pdb3
{
padding-bottom:3%
}

.pdb4
{
padding-bottom:4%
}

.pdb5
{
padding-bottom:5%
}

.pdy1
{
padding-top:1%;padding-bottom:1%;
}

.pdy2
{
padding-top:2%;padding-bottom:2%;
}

.pdy3
{
padding-top:3%;padding-bottom:3%;
}

.pdy4
{
padding-top:4%;padding-bottom:4%;
}

.pdy5
{
padding-top:5%;padding-bottom:5%;
}

.mr1r
{
margin:                    1ram;
}

.mr2r
{
margin:                    2ram;
}

.mr3r
{
margin:                    3ram;
}

.mr4r
{
margin:                    4ram;
}

.mr5r
{
margin:                    5ram;
}

.mr1p
{
margin: 1%;
}

.mr2p
{
margin: 2%;
}

.mr3p
{
margin: 3%;
}

.mr4p
{
margin: 4%;
}

.mr5p
{
margin: 5%;
}

.reswidth1
{
width:10% !important;
}

.reswidth2
{
width:20% !important;
}

.reswidth3
{
width:30% !important;
}

.reswidth4
{
width:40% !important;
}

.reswidth5
{
width:50% !important;
}

.reswidth6
{
width:60% !important;
}

.reswidth7
{
width:70% !important;
}

.reswidth8
{
width:80% !important;
}

.reswidth9
{
width:90% !important;
}

.reswidth10
{
width:100% !important;
}

.restxtl,.restxtL
{
text-align:   right !important;
padding-left: 2%;
padding-right: 2%;
}

.restxtr,.restxtR
{
text-align:   left !important;
padding-left: 2%;
padding-right: 2%;
}

.restxtmid,.restxtmd
{
text-align:   center !important;
padding-left: 2%;
padding-right: 2%;
}

.restxt11pt
{
font-size:   11pt;
}

.restxt12pt
{
font-size:   12pt;
}

.restxt13pt
{
font-size:   13pt;
}

.restxt14pt
{
font-size:   14pt;
}
@media screen and (max-width: 930px)
{
.reswidth1,.reswidth2,.reswidth3,.reswidth4,.reswidth5,
.reswidth6,.reswidth7,.reswidth8,.reswidth9,.reswidth10
{
width:100% !important;
}

.restxtr,.restxtR,.restxtl,.restxtL, .restxtmid,.restxtmd
{
text-align:  left !important;
padding:      0px;
padding-top:1%;
padding-bottom:1%;
}

.restxt11pt,.restxt12pt,.restxt13pt,.restxt14pt
{
font-size:   10pt;
}
}
/* Recep Eklemeler sonu*/