.fa, .fab, .fal, .far, .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1
}

.fa-spin {
    animation: a 2s infinite linear
}

.fa-pulse {
    animation: a 1s infinite steps(8)
}

@keyframes a {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.pull-left {
    float: left
}

.pull-right {
    float: right
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    transform: scaleX(-1)
}

.fa-flip-vertical {
    transform: scaleY(-1)
}

.fa-flip-horizontal.fa-flip-vertical, .fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"
}

.fa-flip-horizontal.fa-flip-vertical {
    transform: scale(-1)
}

:root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270 {
    -webkit-filter: none;
    filter: none
}

.fa-address-card:before {
    content: ""
}

.fa-alarm-clock:before {
    content: ""
}

.fa-algolia:before {
    content: ""
}

.fa-align-center:before {
    content: ""
}

.fa-align-justify:before {
    content: ""
}

.fa-align-left:before {
    content: ""
}

.fa-align-right:before {
    content: ""
}

.fa-allergies:before {
    content: ""
}

.fa-anchor:before {
    content: ""
}

.fa-android:before {
    content: ""
}

.fa-angle-double-down:before {
    content: ""
}

.fa-angle-double-left:before {
    content: ""
}

.fa-angle-double-right:before {
    content: ""
}

.fa-angle-double-up:before {
    content: ""
}

.fa-angle-down:before {
    content: ""
}

.fa-angle-left:before {
    content: ""
}

.fa-angle-right:before {
    content: ""
}

.fa-angle-up:before {
    content: ""
}

.fa-app-store:before {
    content: ""
}

.fa-app-store-ios:before {
    content: ""
}

.fa-apple:before {
    content: ""
}

.fa-archive:before {
    content: ""
}

.fa-arrow-alt-circle-down:before {
    content: ""
}

.fa-arrow-alt-circle-left:before {
    content: ""
}

.fa-arrow-alt-circle-right:before {
    content: ""
}

.fa-arrow-alt-circle-up:before {
    content: ""
}

.fa-arrow-alt-down:before {
    content: ""
}

.fa-arrow-alt-from-bottom:before {
    content: ""
}

.fa-arrow-alt-from-left:before {
    content: ""
}

.fa-arrow-alt-from-right:before {
    content: ""
}

.fa-arrow-alt-from-top:before {
    content: ""
}

.fa-arrow-alt-left:before {
    content: ""
}

.fa-arrow-alt-right:before {
    content: ""
}

.fa-arrow-alt-square-down:before {
    content: ""
}

.fa-arrow-alt-square-left:before {
    content: ""
}

.fa-arrow-alt-square-right:before {
    content: ""
}

.fa-arrow-alt-square-up:before {
    content: ""
}

.fa-arrow-alt-to-bottom:before {
    content: ""
}

.fa-arrow-alt-to-left:before {
    content: ""
}

.fa-arrow-alt-to-right:before {
    content: ""
}

.fa-arrow-alt-to-top:before {
    content: ""
}

.fa-arrow-alt-up:before {
    content: ""
}

.fa-arrow-circle-down:before {
    content: ""
}

.fa-arrow-circle-left:before {
    content: ""
}

.fa-arrow-circle-right:before {
    content: ""
}

.fa-arrow-circle-up:before {
    content: ""
}

.fa-arrow-down:before {
    content: ""
}

.fa-arrow-from-bottom:before {
    content: ""
}

.fa-arrow-from-left:before {
    content: ""
}

.fa-arrow-from-right:before {
    content: ""
}

.fa-arrow-from-top:before {
    content: ""
}

.fa-arrow-left:before {
    content: ""
}

.fa-arrow-right:before {
    content: ""
}

.fa-arrow-square-down:before {
    content: ""
}

.fa-arrow-square-left:before {
    content: ""
}

.fa-arrow-square-right:before {
    content: ""
}

.fa-arrow-square-up:before {
    content: ""
}

.fa-arrow-to-bottom:before {
    content: ""
}

.fa-arrow-to-left:before {
    content: ""
}

.fa-arrow-to-right:before {
    content: ""
}

.fa-arrow-to-top:before {
    content: ""
}

.fa-arrow-up:before {
    content: ""
}

.fa-arrows:before {
    content: ""
}

.fa-arrows-alt:before {
    content: ""
}

.fa-arrows-alt-h:before {
    content: ""
}

.fa-arrows-alt-v:before {
    content: ""
}

.fa-arrows-h:before {
    content: ""
}

.fa-arrows-v:before {
    content: ""
}

.fa-balance-scale:before {
    content: ""
}

.fa-ban:before {
    content: ""
}

.fa-barcode:before {
    content: ""
}

.fa-barcode-alt:before {
    content: ""
}

.fa-barcode-read:before {
    content: ""
}

.fa-barcode-scan:before {
    content: ""
}

.fa-bars:before {
    content: ""
}

.fa-bed:before {
    content: ""
}

.fa-bell:before {
    content: ""
}

.fa-bell-slash:before {
    content: ""
}

.fa-bicycle:before {
    content: ""
}

.fa-bimobject:before {
    content: ""
}

.fa-binoculars:before {
    content: ""
}

.fa-birthday-cake:before {
    content: ""
}

.fa-bity:before {
    content: ""
}

.fa-black-tie:before {
    content: ""
}

.fa-blanket:before {
    content: ""
}

.fa-blind:before {
    content: ""
}

.fa-bomb:before {
    content: ""
}

.fa-book:before {
    content: ""
}

.fa-book-heart:before {
    content: ""
}

.fa-bookmark:before {
    content: ""
}

.fa-box:before {
    content: ""
}

.fa-box-alt:before {
    content: ""
}

.fa-box-check:before {
    content: ""
}

.fa-box-fragile:before {
    content: ""
}

.fa-box-full:before {
    content: ""
}

.fa-box-heart:before {
    content: ""
}

.fa-box-open:before {
    content: ""
}

.fa-box-up:before {
    content: ""
}

.fa-box-usd:before {
    content: ""
}

.fa-boxes:before {
    content: ""
}

.fa-boxes-alt:before {
    content: ""
}

.fa-boxing-glove:before {
    content: ""
}

.fa-briefcase:before {
    content: ""
}

.fa-briefcase-medical:before {
    content: ""
}

.fa-browser:before {
    content: ""
}

.fa-btc:before {
    content: ""
}

.fa-bug:before {
    content: ""
}

.fa-building:before {
    content: ""
}

.fa-bullhorn:before {
    content: ""
}

.fa-bullseye:before {
    content: ""
}

.fa-burn:before {
    content: ""
}

.fa-buromobelexperte:before {
    content: ""
}

.fa-bus:before {
    content: ""
}

.fa-buysellads:before {
    content: ""
}

.fa-calculator:before {
    content: ""
}

.fa-calendar:before {
    content: ""
}

.fa-calendar-alt:before {
    content: ""
}

.fa-calendar-check:before {
    content: ""
}

.fa-calendar-edit:before {
    content: ""
}

.fa-calendar-exclamation:before {
    content: ""
}

.fa-calendar-minus:before {
    content: ""
}

.fa-calendar-plus:before {
    content: ""
}

.fa-calendar-times:before {
    content: ""
}

.fa-camera:before {
    content: ""
}

.fa-camera-alt:before {
    content: ""
}

.fa-camera-retro:before {
    content: ""
}

.fa-capsules:before {
    content: ""
}

.fa-car:before {
    content: ""
}

.fa-caret-circle-down:before {
    content: ""
}

.fa-caret-circle-left:before {
    content: ""
}

.fa-caret-circle-right:before {
    content: ""
}

.fa-caret-circle-up:before {
    content: ""
}

.fa-caret-down:before {
    content: ""
}

.fa-caret-left:before {
    content: ""
}

.fa-caret-right:before {
    content: ""
}

.fa-caret-square-down:before {
    content: ""
}

.fa-caret-square-left:before {
    content: ""
}

.fa-caret-square-right:before {
    content: ""
}

.fa-caret-square-up:before {
    content: ""
}

.fa-caret-up:before {
    content: ""
}

.fa-cart-arrow-down:before {
    content: ""
}

.fa-cart-plus:before {
    content: ""
}

.fa-cc-mastercard:before {
    content: ""
}

.fa-cc-visa:before {
    content: ""
}

.fa-certificate:before {
    content: ""
}

.fa-chart-area:before {
    content: ""
}

.fa-chart-bar:before {
    content: ""
}

.fa-chart-line:before {
    content: ""
}

.fa-chart-pie:before {
    content: ""
}

.fa-check:before {
    content: ""
}

.fa-check-circle:before {
    content: ""
}

.fa-check-square:before {
    content: ""
}

.fa-chevron-circle-down:before {
    content: ""
}

.fa-chevron-circle-left:before {
    content: ""
}

.fa-chevron-circle-right:before {
    content: ""
}

.fa-chevron-circle-up:before {
    content: ""
}

.fa-chevron-double-down:before {
    content: ""
}

.fa-chevron-double-left:before {
    content: ""
}

.fa-chevron-double-right:before {
    content: ""
}

.fa-chevron-double-up:before {
    content: ""
}

.fa-chevron-down:before {
    content: ""
}

.fa-chevron-left:before {
    content: ""
}

.fa-chevron-right:before {
    content: ""
}

.fa-chevron-square-down:before {
    content: ""
}

.fa-chevron-square-left:before {
    content: ""
}

.fa-chevron-square-right:before {
    content: ""
}

.fa-chevron-square-up:before {
    content: ""
}

.fa-chevron-up:before {
    content: ""
}

.fa-child:before {
    content: ""
}

.fa-chrome:before {
    content: ""
}

.fa-circle:before {
    content: ""
}

.fa-circle-notch:before {
    content: ""
}

.fa-clipboard:before {
    content: ""
}

.fa-clipboard-check:before {
    content: ""
}

.fa-clipboard-list:before {
    content: ""
}

.fa-clock:before {
    content: ""
}

.fa-clone:before {
    content: ""
}

.fa-closed-captioning:before {
    content: ""
}

.fa-club:before {
    content: ""
}

.fa-code:before {
    content: ""
}

.fa-code-branch:before {
    content: ""
}

.fa-code-commit:before {
    content: ""
}

.fa-code-merge:before {
    content: ""
}

.fa-codepen:before {
    content: ""
}

.fa-codiepie:before {
    content: ""
}

.fa-coffee:before {
    content: ""
}

.fa-cog:before {
    content: ""
}

.fa-cogs:before {
    content: ""
}

.fa-columns:before {
    content: ""
}

.fa-comment:before {
    content: ""
}

.fa-comment-alt:before {
    content: ""
}

.fa-comment-alt-check:before {
    content: ""
}

.fa-comment-alt-dots:before {
    content: ""
}

.fa-comment-alt-edit:before {
    content: ""
}

.fa-comment-alt-exclamation:before {
    content: ""
}

.fa-comment-alt-lines:before {
    content: ""
}

.fa-comment-alt-minus:before {
    content: ""
}

.fa-comment-alt-plus:before {
    content: ""
}

.fa-comment-alt-slash:before {
    content: ""
}

.fa-comment-alt-smile:before {
    content: ""
}

.fa-comment-alt-times:before {
    content: ""
}

.fa-comment-check:before {
    content: ""
}

.fa-comment-dots:before {
    content: ""
}

.fa-comment-edit:before {
    content: ""
}

.fa-comment-exclamation:before {
    content: ""
}

.fa-comment-lines:before {
    content: ""
}

.fa-comment-minus:before {
    content: ""
}

.fa-comment-plus:before {
    content: ""
}

.fa-comment-slash:before {
    content: ""
}

.fa-comment-smile:before {
    content: ""
}

.fa-comment-times:before {
    content: ""
}

.fa-comments:before {
    content: ""
}

.fa-comments-alt:before {
    content: ""
}

.fa-compass:before {
    content: ""
}

.fa-compress:before {
    content: ""
}

.fa-compress-alt:before {
    content: ""
}

.fa-compress-wide:before {
    content: ""
}

.fa-connectdevelop:before {
    content: ""
}

.fa-container-storage:before {
    content: ""
}

.fa-contao:before {
    content: ""
}

.fa-conveyor-belt:before {
    content: ""
}

.fa-conveyor-belt-alt:before {
    content: ""
}

.fa-copy:before {
    content: ""
}

.fa-copyright:before {
    content: ""
}

.fa-couch:before {
    content: ""
}

.fa-cpanel:before {
    content: ""
}

.fa-credit-card:before {
    content: ""
}

.fa-credit-card-blank:before {
    content: ""
}

.fa-credit-card-front:before {
    content: ""
}

.fa-cricket:before {
    content: ""
}

.fa-crop:before {
    content: ""
}

.fa-crosshairs:before {
    content: ""
}

.fa-cube:before {
    content: ""
}

.fa-cubes:before {
    content: ""
}

.fa-curling:before {
    content: ""
}

.fa-cut:before {
    content: ""
}

.fa-cuttlefish:before {
    content: ""
}

.fa-d-and-d:before {
    content: ""
}

.fa-dashcube:before {
    content: ""
}

.fa-database:before {
    content: ""
}

.fa-deaf:before {
    content: ""
}

.fa-delicious:before {
    content: ""
}

.fa-deploydog:before {
    content: ""
}

.fa-deskpro:before {
    content: ""
}

.fa-desktop:before {
    content: ""
}

.fa-desktop-alt:before {
    content: ""
}

.fa-deviantart:before {
    content: ""
}

.fa-diagnoses:before {
    content: ""
}

.fa-diamond:before {
    content: ""
}

.fa-digg:before {
    content: ""
}

.fa-digital-ocean:before {
    content: ""
}

.fa-discord:before {
    content: ""
}

.fa-discourse:before {
    content: ""
}

.fa-dna:before {
    content: ""
}

.fa-dochub:before {
    content: ""
}

.fa-docker:before {
    content: ""
}

.fa-dollar-sign:before {
    content: ""
}

.fa-dolly:before {
    content: ""
}

.fa-dolly-empty:before {
    content: ""
}

.fa-dolly-flatbed:before {
    content: ""
}

.fa-dolly-flatbed-alt:before {
    content: ""
}

.fa-dolly-flatbed-empty:before {
    content: ""
}

.fa-donate:before {
    content: ""
}

.fa-dot-circle:before {
    content: ""
}

.fa-dove:before {
    content: ""
}

.fa-download:before {
    content: ""
}

.fa-draft2digital:before {
    content: ""
}

.fa-dropbox:before {
    content: ""
}

.fa-drupal:before {
    content: ""
}

.fa-dumbbell:before {
    content: ""
}

.fa-dyalog:before {
    content: ""
}

.fa-earlybirds:before {
    content: ""
}

.fa-ebay:before {
    content: ""
}

.fa-edge:before {
    content: ""
}

.fa-edit:before {
    content: ""
}

.fa-eject:before {
    content: ""
}

.fa-elementor:before {
    content: ""
}

.fa-ellipsis-h:before {
    content: ""
}

.fa-ellipsis-h-alt:before {
    content: ""
}

.fa-ellipsis-v:before {
    content: ""
}

.fa-ellipsis-v-alt:before {
    content: ""
}

.fa-ember:before {
    content: ""
}

.fa-empire:before {
    content: ""
}

.fa-envelope:before {
    content: ""
}

.fa-envelope-open:before {
    content: ""
}

.fa-envelope-square:before {
    content: ""
}

.fa-envira:before {
    content: ""
}

.fa-eraser:before {
    content: ""
}

.fa-erlang:before {
    content: ""
}

.fa-ethereum:before {
    content: ""
}

.fa-etsy:before {
    content: ""
}

.fa-euro-sign:before {
    content: ""
}

.fa-exchange:before {
    content: ""
}

.fa-exchange-alt:before {
    content: ""
}

.fa-exclamation:before {
    content: ""
}

.fa-exclamation-circle:before {
    content: ""
}

.fa-exclamation-square:before {
    content: ""
}

.fa-exclamation-triangle:before {
    content: ""
}

.fa-expand:before {
    content: ""
}

.fa-expand-alt:before {
    content: ""
}

.fa-expand-arrows:before {
    content: ""
}

.fa-expand-arrows-alt:before {
    content: ""
}

.fa-expand-wide:before {
    content: ""
}

.fa-expeditedssl:before {
    content: ""
}

.fa-external-link:before {
    content: ""
}

.fa-external-link-alt:before {
    content: ""
}

.fa-external-link-square:before {
    content: ""
}

.fa-external-link-square-alt:before {
    content: ""
}

.fa-eye:before {
    content: ""
}

.fa-eye-dropper:before {
    content: ""
}

.fa-eye-slash:before {
    content: ""
}

.fa-facebook:before {
    content: ""
}

.fa-facebook-f:before {
    content: ""
}

.fa-facebook-messenger:before {
    content: ""
}

.fa-facebook-square:before {
    content: ""
}

.fa-fast-backward:before {
    content: ""
}

.fa-fast-forward:before {
    content: ""
}

.fa-fax:before {
    content: ""
}

.fa-female:before {
    content: ""
}

.fa-field-hockey:before {
    content: ""
}

.fa-fighter-jet:before {
    content: ""
}

.fa-file:before {
    content: ""
}

.fa-film:before {
    content: ""
}

.fa-film-alt:before {
    content: ""
}

.fa-filter:before {
    content: ""
}

.fa-fire:before {
    content: ""
}

.fa-fire-extinguisher:before {
    content: ""
}

.fa-firefox:before {
    content: ""
}

.fa-first-aid:before {
    content: ""
}

.fa-first-order:before {
    content: ""
}

.fa-first-order-alt:before {
    content: ""
}

.fa-firstdraft:before {
    content: ""
}

.fa-flag:before {
    content: ""
}

.fa-flag-checkered:before {
    content: ""
}

.fa-flask:before {
    content: ""
}

.fa-flickr:before {
    content: ""
}

.fa-flipboard:before {
    content: ""
}

.fa-fly:before {
    content: ""
}

.fa-folder:before {
    content: ""
}

.fa-folder-open:before {
    content: ""
}

.fa-forumbee:before {
    content: ""
}

.fa-forward:before {
    content: ""
}

.fa-freebsd:before {
    content: ""
}

.fa-gift:before {
    content: ""
}

.fa-gitlab:before {
    content: ""
}

.fa-gitter:before {
    content: ""
}

.fa-glass-martini:before {
    content: ""
}

.fa-glide:before {
    content: ""
}

.fa-glide-g:before {
    content: ""
}

.fa-globe:before {
    content: ""
}

.fa-gofore:before {
    content: ""
}

.fa-golf-ball:before {
    content: ""
}

.fa-golf-club:before {
    content: ""
}

.fa-goodreads:before {
    content: ""
}

.fa-goodreads-g:before {
    content: ""
}

.fa-google:before {
    content: ""
}

.fa-google-drive:before {
    content: ""
}

.fa-google-play:before {
    content: ""
}

.fa-google-plus:before {
    content: ""
}

.fa-google-plus-g:before {
    content: ""
}

.fa-google-plus-square:before {
    content: ""
}

.fa-google-wallet:before {
    content: ""
}

.fa-graduation-cap:before {
    content: ""
}

.fa-gratipay:before {
    content: ""
}

.fa-grav:before {
    content: ""
}

.fa-gripfire:before {
    content: ""
}

.fa-grunt:before {
    content: ""
}

.fa-gulp:before {
    content: ""
}

.fa-h-square:before {
    content: ""
}

.fa-hashtag:before {
    content: ""
}

.fa-hdd:before {
    content: ""
}

.fa-heading:before {
    content: ""
}

.fa-headphones:before {
    content: ""
}

.fa-heart:before {
    content: ""
}

.fa-heart-circle:before {
    content: ""
}

.fa-heart-square:before {
    content: ""
}

.fa-heartbeat:before {
    content: ""
}

.fa-hexagon:before {
    content: ""
}

.fa-hips:before {
    content: ""
}

.fa-hire-a-helper:before {
    content: ""
}

.fa-history:before {
    content: ""
}

.fa-hockey-puck:before {
    content: ""
}

.fa-hockey-sticks:before {
    content: ""
}

.fa-home:before {
    content: ""
}

.fa-home-heart:before {
    content: ""
}

.fa-hooli:before {
    content: ""
}

.fa-hospital:before {
    content: ""
}

.fa-hospital-alt:before {
    content: ""
}

.fa-hospital-symbol:before {
    content: ""
}

.fa-hotjar:before {
    content: ""
}

.fa-hourglass:before {
    content: ""
}

.fa-hourglass-end:before {
    content: ""
}

.fa-hourglass-half:before {
    content: ""
}

.fa-hourglass-start:before {
    content: ""
}

.fa-houzz:before {
    content: ""
}

.fa-html5:before {
    content: ""
}

.fa-hubspot:before {
    content: ""
}

.fa-i-cursor:before {
    content: ""
}

.fa-id-badge:before {
    content: ""
}

.fa-id-card:before {
    content: ""
}

.fa-id-card-alt:before {
    content: ""
}

.fa-image:before {
    content: ""
}

.fa-images:before {
    content: ""
}

.fa-inbox:before {
    content: ""
}

.fa-inbox-in:before {
    content: ""
}

.fa-inbox-out:before {
    content: ""
}

.fa-indent:before {
    content: ""
}

.fa-industry:before {
    content: ""
}

.fa-industry-alt:before {
    content: ""
}

.fa-info:before {
    content: ""
}

.fa-info-circle:before {
    content: ""
}

.fa-info-square:before {
    content: ""
}

.fa-instagram:before {
    content: ""
}

.fa-inventory:before {
    content: ""
}

.fa-js:before {
    content: ""
}

.fa-js-square:before {
    content: ""
}

.fa-key:before {
    content: ""
}

.fa-keybase:before {
    content: ""
}

.fa-keyboard:before {
    content: ""
}

.fa-keycdn:before {
    content: ""
}

.fa-kickstarter:before {
    content: ""
}

.fa-kickstarter-k:before {
    content: ""
}

.fa-korvue:before {
    content: ""
}

.fa-lamp:before {
    content: ""
}

.fa-language:before {
    content: ""
}

.fa-laptop:before {
    content: ""
}

.fa-laravel:before {
    content: ""
}

.fa-lastfm:before {
    content: ""
}

.fa-lastfm-square:before {
    content: ""
}

.fa-leaf:before {
    content: ""
}

.fa-leaf-heart:before {
    content: ""
}

.fa-leanpub:before {
    content: ""
}

.fa-lemon:before {
    content: ""
}

.fa-less:before {
    content: ""
}

.fa-level-down:before {
    content: ""
}

.fa-level-down-alt:before {
    content: ""
}

.fa-level-up:before {
    content: ""
}

.fa-level-up-alt:before {
    content: ""
}

.fa-life-ring:before {
    content: ""
}

.fa-lightbulb:before {
    content: ""
}

.fa-line:before {
    content: ""
}

.fa-link:before {
    content: ""
}

.fa-linkedin:before {
    content: ""
}

.fa-linkedin-in:before {
    content: ""
}

.fa-linode:before {
    content: ""
}

.fa-linux:before {
    content: ""
}

.fa-lira-sign:before {
    content: ""
}

.fa-list:before {
    content: ""
}

.fa-list-alt:before {
    content: ""
}

.fa-list-ol:before {
    content: ""
}

.fa-list-ul:before {
    content: ""
}

.fa-location-arrow:before {
    content: ""
}

.fa-lock:before {
    content: ""
}

.fa-lock-alt:before {
    content: ""
}

.fa-lock-open:before {
    content: ""
}

.fa-lock-open-alt:before {
    content: ""
}

.fa-long-arrow-alt-down:before {
    content: ""
}

.fa-long-arrow-alt-left:before {
    content: ""
}

.fa-long-arrow-alt-right:before {
    content: ""
}

.fa-long-arrow-alt-up:before {
    content: ""
}

.fa-long-arrow-down:before {
    content: ""
}

.fa-long-arrow-left:before {
    content: ""
}

.fa-long-arrow-right:before {
    content: ""
}

.fa-long-arrow-up:before {
    content: ""
}

.fa-loveseat:before {
    content: ""
}

.fa-low-vision:before {
    content: ""
}

.fa-luchador:before {
    content: ""
}

.fa-lyft:before {
    content: ""
}

.fa-magic:before {
    content: ""
}

.fa-magnet:before {
    content: ""
}

.fa-male:before {
    content: ""
}

.fa-mandalorian:before {
    content: ""
}

.fa-map:before {
    content: ""
}

.fa-map-marker:before {
    content: ""
}

.fa-map-marker-alt:before {
    content: ""
}

.fa-map-pin:before {
    content: ""
}

.fa-map-signs:before {
    content: ""
}

.fa-mars:before {
    content: ""
}

.fa-mars-double:before {
    content: ""
}

.fa-mars-stroke:before {
    content: ""
}

.fa-mars-stroke-h:before {
    content: ""
}

.fa-mars-stroke-v:before {
    content: ""
}

.fa-mastodon:before {
    content: ""
}

.fa-maxcdn:before {
    content: ""
}

.fa-medapps:before {
    content: ""
}

.fa-medium:before {
    content: ""
}

.fa-medium-m:before {
    content: ""
}

.fa-medkit:before {
    content: ""
}

.fa-medrt:before {
    content: ""
}

.fa-meetup:before {
    content: ""
}

.fa-meh:before {
    content: ""
}

.fa-mercury:before {
    content: ""
}

.fa-microchip:before {
    content: ""
}

.fa-microphone:before {
    content: ""
}

.fa-microphone-alt:before {
    content: ""
}

.fa-microphone-slash:before {
    content: ""
}

.fa-microsoft:before {
    content: ""
}

.fa-minus:before {
    content: ""
}

.fa-minus-circle:before {
    content: ""
}

.fa-minus-hexagon:before {
    content: ""
}

.fa-minus-octagon:before {
    content: ""
}

.fa-minus-square:before {
    content: ""
}

.fa-mix:before {
    content: ""
}

.fa-mixcloud:before {
    content: ""
}

.fa-mizuni:before {
    content: ""
}

.fa-mobile:before {
    content: ""
}

.fa-mobile-alt:before {
    content: ""
}

.fa-mobile-android:before {
    content: ""
}

.fa-mobile-android-alt:before {
    content: ""
}

.fa-modx:before {
    content: ""
}

.fa-monero:before {
    content: ""
}

.fa-money-bill:before {
    content: ""
}

.fa-money-bill-alt:before {
    content: ""
}

.fa-moon:before {
    content: ""
}

.fa-motorcycle:before {
    content: ""
}

.fa-mouse-pointer:before {
    content: ""
}

.fa-music:before {
    content: ""
}

.fa-newspaper:before {
    content: ""
}

.fa-notes-medical:before {
    content: ""
}

.fa-npm:before {
    content: ""
}

.fa-object-group:before {
    content: ""
}

.fa-object-ungroup:before {
    content: ""
}

.fa-octagon:before {
    content: ""
}

.fa-old-republic:before {
    content: ""
}

.fa-openid:before {
    content: ""
}

.fa-optin-monster:before {
    content: ""
}

.fa-osi:before {
    content: ""
}

.fa-outdent:before {
    content: ""
}

.fa-page4:before {
    content: ""
}

.fa-pagelines:before {
    content: ""
}

.fa-paint-brush:before {
    content: ""
}

.fa-palfed:before {
    content: ""
}

.fa-pallet:before {
    content: ""
}

.fa-pallet-alt:before {
    content: ""
}

.fa-paper-plane:before {
    content: ""
}

.fa-paperclip:before {
    content: ""
}

.fa-parachute-box:before {
    content: ""
}

.fa-paragraph:before {
    content: ""
}

.fa-paste:before {
    content: ""
}

.fa-patreon:before {
    content: ""
}

.fa-pause:before {
    content: ""
}

.fa-pause-circle:before {
    content: ""
}

.fa-paw:before {
    content: ""
}

.fa-paypal:before {
    content: ""
}

.fa-pen:before {
    content: ""
}

.fa-pen-alt:before {
    content: ""
}

.fa-pen-square:before {
    content: ""
}

.fa-pencil:before {
    content: ""
}

.fa-pencil-alt:before {
    content: ""
}

.fa-pennant:before {
    content: ""
}

.fa-people-carry:before {
    content: ""
}

.fa-percent:before {
    content: ""
}

.fa-periscope:before {
    content: ""
}

.fa-person-carry:before {
    content: ""
}

.fa-person-dolly:before {
    content: ""
}

.fa-person-dolly-empty:before {
    content: ""
}

.fa-phabricator:before {
    content: ""
}

.fa-phone:before {
    content: ""
}

.fa-phone-plus:before {
    content: ""
}

.fa-phone-slash:before {
    content: ""
}

.fa-phone-square:before {
    content: ""
}

.fa-phone-volume:before {
    content: ""
}

.fa-php:before {
    content: ""
}

.fa-pied-piper:before {
    content: ""
}

.fa-pied-piper-alt:before {
    content: ""
}

.fa-pied-piper-hat:before {
    content: ""
}

.fa-pied-piper-pp:before {
    content: ""
}

.fa-piggy-bank:before {
    content: ""
}

.fa-pills:before {
    content: ""
}

.fa-pinterest:before {
    content: ""
}

.fa-pinterest-p:before {
    content: ""
}

.fa-pinterest-square:before {
    content: ""
}

.fa-plane:before {
    content: ""
}

.fa-plane-alt:before {
    content: ""
}

.fa-play:before {
    content: ""
}

.fa-play-circle:before {
    content: ""
}

.fa-playstation:before {
    content: ""
}

.fa-plug:before {
    content: ""
}

.fa-plus:before {
    content: ""
}

.fa-plus-circle:before {
    content: ""
}

.fa-plus-hexagon:before {
    content: ""
}

.fa-plus-octagon:before {
    content: ""
}

.fa-plus-square:before {
    content: ""
}

.fa-podcast:before {
    content: ""
}

.fa-poo:before {
    content: ""
}

.fa-portrait:before {
    content: ""
}

.fa-pound-sign:before {
    content: ""
}

.fa-power-off:before {
    content: ""
}

.fa-prescription-bottle:before {
    content: ""
}

.fa-prescription-bottle-alt:before {
    content: ""
}

.fa-print:before {
    content: ""
}

.fa-procedures:before {
    content: ""
}

.fa-product-hunt:before {
    content: ""
}

.fa-pushed:before {
    content: ""
}

.fa-puzzle-piece:before {
    content: ""
}

.fa-python:before {
    content: ""
}

.fa-qq:before {
    content: ""
}

.fa-qrcode:before {
    content: ""
}

.fa-question:before {
    content: ""
}

.fa-question-circle:before {
    content: ""
}

.fa-question-square:before {
    content: ""
}

.fa-quidditch:before {
    content: ""
}

.fa-quinscape:before {
    content: ""
}

.fa-quora:before {
    content: ""
}

.fa-quote-left:before {
    content: ""
}

.fa-quote-right:before {
    content: ""
}

.fa-r-project:before {
    content: ""
}

.fa-racquet:before {
    content: ""
}

.fa-ramp-loading:before {
    content: ""
}

.fa-random:before {
    content: ""
}

.fa-ravelry:before {
    content: ""
}

.fa-react:before {
    content: ""
}

.fa-readme:before {
    content: ""
}

.fa-rebel:before {
    content: ""
}

.fa-rectangle-landscape:before {
    content: ""
}

.fa-rectangle-portrait:before {
    content: ""
}

.fa-rectangle-wide:before {
    content: ""
}

.fa-recycle:before {
    content: ""
}

.fa-red-river:before {
    content: ""
}

.fa-redo:before {
    content: ""
}

.fa-redo-alt:before {
    content: ""
}

.fa-registered:before {
    content: ""
}

.fa-rendact:before {
    content: ""
}

.fa-renren:before {
    content: ""
}

.fa-repeat:before {
    content: ""
}

.fa-repeat-1:before {
    content: ""
}

.fa-repeat-1-alt:before {
    content: ""
}

.fa-repeat-alt:before {
    content: ""
}

.fa-reply:before {
    content: ""
}

.fa-reply-all:before {
    content: ""
}

.fa-replyd:before {
    content: ""
}

.fa-researchgate:before {
    content: ""
}

.fa-resolving:before {
    content: ""
}

.fa-retweet:before {
    content: ""
}

.fa-retweet-alt:before {
    content: ""
}

.fa-ribbon:before {
    content: ""
}

.fa-road:before {
    content: ""
}

.fa-rocket:before {
    content: ""
}

.fa-rocketchat:before {
    content: ""
}

.fa-rockrms:before {
    content: ""
}

.fa-route:before {
    content: ""
}

.fa-rss:before {
    content: ""
}

.fa-rss-square:before {
    content: ""
}

.fa-scanner:before {
    content: ""
}

.fa-schlix:before {
    content: ""
}

.fa-scribd:before {
    content: ""
}

.fa-scrubber:before {
    content: ""
}

.fa-search:before {
    content: ""
}

.fa-search-minus:before {
    content: ""
}

.fa-search-plus:before {
    content: ""
}

.fa-searchengin:before {
    content: ""
}

.fa-seedling:before {
    content: ""
}

.fa-sellcast:before {
    content: ""
}

.fa-sellsy:before {
    content: ""
}

.fa-server:before {
    content: ""
}

.fa-servicestack:before {
    content: ""
}

.fa-share:before {
    content: ""
}

.fa-share-all:before {
    content: ""
}

.fa-share-alt:before {
    content: ""
}

.fa-share-alt-square:before {
    content: ""
}

.fa-share-square:before {
    content: ""
}

.fa-shekel-sign:before {
    content: ""
}

.fa-shield:before {
    content: ""
}

.fa-shield-alt:before {
    content: ""
}

.fa-shield-check:before {
    content: ""
}

.fa-ship:before {
    content: ""
}

.fa-shipping-fast:before {
    content: ""
}

.fa-shipping-timed:before {
    content: ""
}

.fa-shirtsinbulk:before {
    content: ""
}

.fa-shopping-bag:before {
    content: ""
}

.fa-shopping-basket:before {
    content: ""
}

.fa-shopping-cart:before {
    content: ""
}

.fa-shower:before {
    content: ""
}

.fa-shuttlecock:before {
    content: ""
}

.fa-sign:before {
    content: ""
}

.fa-sign-in:before {
    content: ""
}

.fa-sign-in-alt:before {
    content: ""
}

.fa-sign-language:before {
    content: ""
}

.fa-sign-out:before {
    content: ""
}

.fa-sign-out-alt:before {
    content: ""
}

.fa-signal:before {
    content: ""
}

.fa-simplybuilt:before {
    content: ""
}

.fa-sistrix:before {
    content: ""
}

.fa-sitemap:before {
    content: ""
}

.fa-sith:before {
    content: ""
}

.fa-skyatlas:before {
    content: ""
}

.fa-skype:before {
    content: ""
}

.fa-slack:before {
    content: ""
}

.fa-slack-hash:before {
    content: ""
}

.fa-sliders-h:before {
    content: ""
}

.fa-sliders-h-square:before {
    content: ""
}

.fa-sliders-v:before {
    content: ""
}

.fa-sliders-v-square:before {
    content: ""
}

.fa-slideshare:before {
    content: ""
}

.fa-smile:before {
    content: ""
}

.fa-smile-plus:before {
    content: ""
}

.fa-smoking:before {
    content: ""
}

.fa-snapchat:before {
    content: ""
}

.fa-snapchat-ghost:before {
    content: ""
}

.fa-snapchat-square:before {
    content: ""
}

.fa-snowflake:before {
    content: ""
}

.fa-sort:before {
    content: ""
}

.fa-sort-alpha-down:before {
    content: ""
}

.fa-sort-alpha-up:before {
    content: ""
}

.fa-sort-amount-down:before {
    content: ""
}

.fa-sort-amount-up:before {
    content: ""
}

.fa-sort-down:before {
    content: ""
}

.fa-sort-numeric-down:before {
    content: ""
}

.fa-sort-numeric-up:before {
    content: ""
}

.fa-sort-up:before {
    content: ""
}

.fa-soundcloud:before {
    content: ""
}

.fa-space-shuttle:before {
    content: ""
}

.fa-spade:before {
    content: ""
}

.fa-speakap:before {
    content: ""
}

.fa-spinner:before {
    content: ""
}

.fa-spinner-third:before {
    content: ""
}

.fa-spotify:before {
    content: ""
}

.fa-square:before {
    content: ""
}

.fa-square-full:before {
    content: ""
}

.fa-stack-exchange:before {
    content: ""
}

.fa-stack-overflow:before {
    content: ""
}

.fa-star:before {
    content: ""
}

.fa-star-exclamation:before {
    content: ""
}

.fa-star-half:before {
    content: ""
}

.fa-staylinked:before {
    content: ""
}

.fa-steam:before {
    content: ""
}

.fa-steam-square:before {
    content: ""
}

.fa-steam-symbol:before {
    content: ""
}

.fa-step-backward:before {
    content: ""
}

.fa-step-forward:before {
    content: ""
}

.fa-stethoscope:before {
    content: ""
}

.fa-sticker-mule:before {
    content: ""
}

.fa-sticky-note:before {
    content: ""
}

.fa-stop:before {
    content: ""
}

.fa-stop-circle:before {
    content: ""
}

.fa-stopwatch:before {
    content: ""
}

.fa-strava:before {
    content: ""
}

.fa-street-view:before {
    content: ""
}

.fa-strikethrough:before {
    content: ""
}

.fa-stripe:before {
    content: ""
}

.fa-stripe-s:before {
    content: ""
}

.fa-studiovinari:before {
    content: ""
}

.fa-stumbleupon:before {
    content: ""
}

.fa-stumbleupon-circle:before {
    content: ""
}

.fa-subscript:before {
    content: ""
}

.fa-subway:before {
    content: ""
}

.fa-suitcase:before {
    content: ""
}

.fa-sun:before {
    content: ""
}

.fa-superpowers:before {
    content: ""
}

.fa-superscript:before {
    content: ""
}

.fa-supple:before {
    content: ""
}

.fa-sync:before {
    content: ""
}

.fa-sync-alt:before {
    content: ""
}

.fa-syringe:before {
    content: ""
}

.fa-table:before {
    content: ""
}

.fa-table-tennis:before {
    content: ""
}

.fa-tablet:before {
    content: ""
}

.fa-tablet-alt:before {
    content: ""
}

.fa-tablet-android:before {
    content: ""
}

.fa-tablet-android-alt:before {
    content: ""
}

.fa-tablet-rugged:before {
    content: ""
}

.fa-tablets:before {
    content: ""
}

.fa-tachometer:before {
    content: ""
}

.fa-tachometer-alt:before {
    content: ""
}

.fa-tag:before {
    content: ""
}

.fa-tags:before {
    content: ""
}

.fa-tape:before {
    content: ""
}

.fa-tasks:before {
    content: ""
}

.fa-teamspeak:before {
    content: ""
}

.fa-telegram:before {
    content: ""
}

.fa-telegram-plane:before {
    content: ""
}

.fa-tencent-weibo:before {
    content: ""
}

.fa-tennis-ball:before {
    content: ""
}

.fa-terminal:before {
    content: ""
}

.fa-text-height:before {
    content: ""
}

.fa-text-width:before {
    content: ""
}

.fa-th:before {
    content: ""
}

.fa-th-large:before {
    content: ""
}

.fa-th-list:before {
    content: ""
}

.fa-themeisle:before {
    content: ""
}

.fa-thumbs-down:before {
    content: ""
}

.fa-thumbs-up:before {
    content: ""
}

.fa-thumbtack:before {
    content: ""
}

.fa-ticket:before {
    content: ""
}

.fa-ticket-alt:before {
    content: ""
}

.fa-times:before {
    content: ""
}

.fa-times-circle:before {
    content: ""
}

.fa-times-hexagon:before {
    content: ""
}

.fa-times-octagon:before {
    content: ""
}

.fa-times-square:before {
    content: ""
}

.fa-tint:before {
    content: ""
}

.fa-toggle-off:before {
    content: ""
}

.fa-toggle-on:before {
    content: ""
}

.fa-trade-federation:before {
    content: ""
}

.fa-trademark:before {
    content: ""
}

.fa-train:before {
    content: ""
}

.fa-transgender:before {
    content: ""
}

.fa-transgender-alt:before {
    content: ""
}

.fa-trash:before {
    content: ""
}

.fa-trash-alt:before {
    content: ""
}

.fa-tree:before {
    content: ""
}

.fa-tree-alt:before {
    content: ""
}

.fa-trello:before {
    content: ""
}

.fa-triangle:before {
    content: ""
}

.fa-tripadvisor:before {
    content: ""
}

.fa-trophy:before {
    content: ""
}

.fa-trophy-alt:before {
    content: ""
}

.fa-truck:before {
    content: ""
}

.fa-truck-container:before {
    content: ""
}

.fa-truck-couch:before {
    content: ""
}

.fa-truck-loading:before {
    content: ""
}

.fa-truck-moving:before {
    content: ""
}

.fa-truck-ramp:before {
    content: ""
}

.fa-tty:before {
    content: ""
}

.fa-tumblr:before {
    content: ""
}

.fa-tumblr-square:before {
    content: ""
}

.fa-tv:before {
    content: ""
}

.fa-tv-retro:before {
    content: ""
}

.fa-twitch:before {
    content: ""
}

.fa-twitter:before {
    content: ""
}

.fa-twitter-square:before {
    content: ""
}

.fa-typo3:before {
    content: ""
}

.fa-uber:before {
    content: ""
}

.fa-uikit:before {
    content: ""
}

.fa-umbrella:before {
    content: ""
}

.fa-underline:before {
    content: ""
}

.fa-undo:before {
    content: ""
}

.fa-undo-alt:before {
    content: ""
}

.fa-uniregistry:before {
    content: ""
}

.fa-universal-access:before {
    content: ""
}

.fa-university:before {
    content: ""
}

.fa-unlink:before {
    content: ""
}

.fa-unlock:before {
    content: ""
}

.fa-unlock-alt:before {
    content: ""
}

.fa-untappd:before {
    content: ""
}

.fa-upload:before {
    content: ""
}

.fa-usb:before {
    content: ""
}

.fa-usd-circle:before {
    content: ""
}

.fa-usd-square:before {
    content: ""
}

.fa-user:before {
    content: ""
}

.fa-user-alt:before {
    content: ""
}

.fa-user-alt-slash:before {
    content: ""
}

.fa-user-astronaut:before {
    content: ""
}

.fa-user-check:before {
    content: ""
}

.fa-user-circle:before {
    content: ""
}

.fa-user-clock:before {
    content: ""
}

.fa-user-cog:before {
    content: ""
}

.fa-user-edit:before {
    content: ""
}

.fa-user-friends:before {
    content: ""
}

.fa-user-graduate:before {
    content: ""
}

.fa-user-lock:before {
    content: ""
}

.fa-user-md:before {
    content: ""
}

.fa-user-minus:before {
    content: ""
}

.fa-user-ninja:before {
    content: ""
}

.fa-user-plus:before {
    content: ""
}

.fa-user-secret:before {
    content: ""
}

.fa-user-shield:before {
    content: ""
}

.fa-user-slash:before {
    content: ""
}

.fa-user-tag:before {
    content: ""
}

.fa-user-tie:before {
    content: ""
}

.fa-user-times:before {
    content: ""
}

.fa-users:before {
    content: ""
}

.fa-users-cog:before {
    content: ""
}

.fa-ussunnah:before {
    content: ""
}

.fa-utensil-fork:before {
    content: ""
}

.fa-utensil-knife:before {
    content: ""
}

.fa-utensil-spoon:before {
    content: ""
}

.fa-utensils:before {
    content: ""
}

.fa-utensils-alt:before {
    content: ""
}

.fa-video:before {
    content: ""
}

.fa-video-plus:before {
    content: ""
}

.fa-video-slash:before {
    content: ""
}

.fa-vimeo:before {
    content: ""
}

.fa-vimeo-square:before {
    content: ""
}

.fa-vimeo-v:before {
    content: ""
}

.fa-volleyball-ball:before {
    content: ""
}

.fa-volume-down:before {
    content: ""
}

.fa-volume-mute:before {
    content: ""
}

.fa-volume-off:before {
    content: ""
}

.fa-volume-up:before {
    content: ""
}

.fa-warehouse:before {
    content: ""
}

.fa-warehouse-alt:before {
    content: ""
}

.fa-watch:before {
    content: ""
}

.fa-weibo:before {
    content: ""
}

.fa-weight:before {
    content: ""
}

.fa-weixin:before {
    content: ""
}

.fa-whatsapp:before {
    content: ""
}

.fa-whatsapp-square:before {
    content: ""
}

.fa-wheelchair:before {
    content: ""
}

.fa-whistle:before {
    content: ""
}

.fa-whmcs:before {
    content: ""
}

.fa-wifi:before {
    content: ""
}

.fa-wikipedia-w:before {
    content: ""
}

.fa-window:before {
    content: ""
}

.fa-window-alt:before {
    content: ""
}

.fa-window-close:before {
    content: ""
}

.fa-window-maximize:before {
    content: ""
}

.fa-window-minimize:before {
    content: ""
}

.fa-window-restore:before {
    content: ""
}

.fa-windows:before {
    content: ""
}

.fa-wine-glass:before {
    content: ""
}

.fa-won-sign:before {
    content: ""
}

.fa-wrench:before {
    content: ""
}

.fa-x-ray:before {
    content: ""
}

.fa-xing:before {
    content: ""
}

.fa-xing-square:before {
    content: ""
}

.fa-y-combinator:before {
    content: ""
}

.fa-yandex-international:before {
    content: ""
}

.fa-youtube:before, .fa-youtube-play:before {
    content: ""
}

.fa-youtube-square:before {
    content: ""
}

.sr-only {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.fa.fa-facebook:before {
    content: ""
}

.fa.fa-money:before {
    content: ""
}

.fa.fa-refresh:before {
    content: ""
}

.fa-turkish-lira:before, .fa-try:before {
    content: ""
}

.fa-euro:before, .fa-eur:before {
    content: ""
}

.fa-gbp:before {
    content: ""
}

.fa-dollar:before, .fa-usd:before {
    content: ""
}

.fa-rupee:before, .fa-inr:before {
    content: ""
}

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
    content: ""
}

.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
    content: ""
}

.fa-won:before, .fa-krw:before {
    content: ""
}

.fa-kzt:before, .fa-kzt:before {
    content: "₸"
}

.fa-x-twitter:before, .fa-twitter:before {
    content: ""
}

.fa-square-x-twitter:before, .fa-twitter-square:before {
    content: ""
}

@font-face {
    font-family: FontAwesomeBrands;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://cdn.ticimax.cloud/Version/v8.13.18/0/FontAwesome-Pro/fa-brands-400.eot?);
    src: url(https://cdn.ticimax.cloud/Version/v8.13.18/0/FontAwesome-Pro/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(https://cdn.ticimax.cloud/Version/v8.13.18/0/FontAwesome-Pro/fa-brands-400.woff2) format("woff2"),url(https://cdn.ticimax.cloud/Version/v8.13.18/0/FontAwesome-Pro/fa-brands-400.woff) format("woff"),url(https://cdn.ticimax.cloud/Version/v8.13.18/0/FontAwesome-Pro/fa-brands-400.ttf) format("truetype"),url(https://cdn.ticimax.cloud/Version/v8.13.18/0/FontAwesome-Pro/fa-brands-400.svg#fontawesome) format("svg")
}

.fab, .fa.fa-facebook, .fa.fa-whatsapp, .fa.fa-twitter, .fa.fa-x-twitter, .fa.fa-google-plus, .fa.fa-instagram, .fa.fa-google, .fa.fa-apple, .fa.fa-google-play, .fa.fa-linkedin, .fa.fa-youtube, .fa.fa-pinterest, .fa.fa-youtube-play, .fa.fa-pinterest-p {
    font-family: FontAwesomeBrands
}

@font-face {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://cdn.ticimax.cloud/Version/v8.13.18/0/FontAwesome-Pro/fa-light-300.eot?);
    src: url(https://cdn.ticimax.cloud/Version/v8.13.18/0/FontAwesome-Pro/fa-light-300.eot?#iefix) format("embedded-opentype"),url(https://cdn.ticimax.cloud/Version/v8.13.18/0/FontAwesome-Pro/fa-light-300.woff2) format("woff2"),url(https://cdn.ticimax.cloud/Version/v8.13.18/0/FontAwesome-Pro/fa-light-300.woff) format("woff"),url(https://cdn.ticimax.cloud/Version/v8.13.18/0/FontAwesome-Pro/fa-light-300.ttf) format("truetype"),url(https://cdn.ticimax.cloud/Version/v8.13.18/0/FontAwesome-Pro/fa-light-300.svg#fontawesome) format("svg")
}

.fal {
    font-weight: 300
}

@font-face {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://cdn.ticimax.cloud/Version/v8.13.18/0/FontAwesome-Pro/fa-regular-400.eot?);
    src: url(https://cdn.ticimax.cloud/Version/v8.13.18/0/FontAwesome-Pro/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(https://cdn.ticimax.cloud/Version/v8.13.18/0/FontAwesome-Pro/fa-regular-400.woff2) format("woff2"),url(https://cdn.ticimax.cloud/Version/v8.13.18/0/FontAwesome-Pro/fa-regular-400.woff) format("woff"),url(https://cdn.ticimax.cloud/Version/v8.13.18/0/FontAwesome-Pro/fa-regular-400.ttf) format("truetype"),url(https://cdn.ticimax.cloud/Version/v8.13.18/0/FontAwesome-Pro/fa-regular-400.svg#fontawesome) format("svg")
}

.fal, .far {
    font-family: FontAwesome
}

.far {
    font-weight: 400
}

@font-face {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://cdn.ticimax.cloud/Version/v8.13.18/0/FontAwesome-Pro/fa-solid-900.eot?);
    src: url(https://cdn.ticimax.cloud/Version/v8.13.18/0/FontAwesome-Pro/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(https://cdn.ticimax.cloud/Version/v8.13.18/0/FontAwesome-Pro/fa-solid-900.woff2) format("woff2"),url(https://cdn.ticimax.cloud/Version/v8.13.18/0/FontAwesome-Pro/fa-solid-900.woff) format("woff"),url(https://cdn.ticimax.cloud/Version/v8.13.18/0/FontAwesome-Pro/fa-solid-900.ttf) format("truetype"),url(https://cdn.ticimax.cloud/Version/v8.13.18/0/FontAwesome-Pro/fa-solid-900.svg#fontawesome) format("svg")
}

.fa, .fas {
    font-family: FontAwesome;
    font-weight: 900
}

.sliderOpacity {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

    .sliderOpacity.owl-loaded {
        display: block
    }

.RightDetail .sliderOpacity {
    display: block
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        touch-action: manipulation;
        -moz-backface-visibility: hidden
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0
        }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0,0,0)
    }

    .owl-carousel .owl-wrapper, .owl-carousel .owl-item {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0)
    }

    .owl-carousel .owl-item {
        position: relative;
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none
    }

.sliderOpacity .owl-item img {
    display: block
}

.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
    display: none
}

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: 0;
    padding: 0 !important;
    font: inherit
}

.owl-carousel.owl-loaded, .sliderOpacity.owl-loaded {
    display: block
}

.owl-carousel.owl-loading, .sliderOpacity.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden, .sliderOpacity.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

    .owl-carousel.owl-rtl .owl-item {
        float: right
    }

.no-js .owl-carousel {
    display: block
}

.owl-carousel .animated {
    animation-duration: 300ms;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

.owl-carousel .fadeIn {
    animation-name: fadeIn
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.owl-height {
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease
}

    .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
        max-height: 0
    }

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("../plugins/owl-carousel/owl.video.play.html") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease
}

    .owl-carousel .owl-video-play-icon:hover {
        -ms-transform: scale(1.3,1.3);
        transform: scale(1.3,1.3)
    }

.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.jq-ry-container {
    position: relative;
    padding: 0 5px;
    line-height: 0;
    display: block;
    cursor: pointer;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    direction: ltr
}

    .jq-ry-container[readonly=readonly] {
        cursor: default
    }

    .jq-ry-container > .jq-ry-group-wrapper {
        position: relative;
        width: 100%
    }

        .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group {
            position: relative;
            line-height: 0;
            z-index: 10;
            white-space: nowrap
        }

            .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group > svg {
                display: inline-block
            }

            .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-normal-group {
                width: 100%
            }

            .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-rated-group {
                width: 0;
                z-index: 11;
                position: absolute;
                top: 0;
                left: 0;
                overflow: hidden
            }

.autocomplete-suggestions {
    text-align: left;
    cursor: default;
    border: 1px solid #ccc;
    border-top: 0;
    background: #fff;
    box-shadow: -1px 1px 3px rgba(0,0,0,.1);
    position: absolute;
    display: none;
    z-index: 9999;
    max-height: 254px;
    overflow: hidden;
    overflow-y: auto;
    box-sizing: border-box
}

.autocomplete-suggestion {
    position: relative;
    padding: 0 .6em;
    line-height: 23px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.02em;
    color: #333
}

    .autocomplete-suggestion b {
        font-weight: normal;
        color: #1f8dd6
    }

    .autocomplete-suggestion.selected {
        background: #f0f0f0
    }

@keyframes drift-loader-rotate {
    0% {
        transform: translate(-50%,-50%) rotate(0)
    }

    50% {
        transform: translate(-50%,-50%) rotate(-180deg)
    }

    100% {
        transform: translate(-50%,-50%) rotate(-360deg)
    }
}

@-webkit-keyframes drift-fadeZoomIn {
    0% {
        -webkit-transform: scale(1);
        opacity: 0
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes drift-fadeZoomOut {
    0% {
        -webkit-transform: scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 0
    }
}

@-webkit-keyframes drift-loader-rotate {
    0% {
        -webkit-transform: translate(-50%,-50%) rotate(0)
    }

    50% {
        -webkit-transform: translate(-50%,-50%) rotate(-180deg)
    }

    100% {
        -webkit-transform: translate(-50%,-50%) rotate(-360deg)
    }
}

@-webkit-keyframes drift-loader-before {
    0% {
        -webkit-transform: scale(1)
    }

    10% {
        -webkit-transform: scale(1.2) translateX(6px)
    }

    25% {
        -webkit-transform: scale(1.3) translateX(8px)
    }

    40% {
        -webkit-transform: scale(1.2) translateX(6px)
    }

    50% {
        -webkit-transform: scale(1)
    }

    60% {
        -webkit-transform: scale(.8) translateX(6px)
    }

    75% {
        -webkit-transform: scale(.7) translateX(8px)
    }

    90% {
        -webkit-transform: scale(.8) translateX(6px)
    }

    100% {
        -webkit-transform: scale(1)
    }
}

@-webkit-keyframes drift-loader-after {
    0% {
        -webkit-transform: scale(1)
    }

    10% {
        -webkit-transform: scale(1.2) translateX(-6px)
    }

    25% {
        -webkit-transform: scale(1.3) translateX(-8px)
    }

    40% {
        -webkit-transform: scale(1.2) translateX(-6px)
    }

    50% {
        -webkit-transform: scale(1)
    }

    60% {
        -webkit-transform: scale(.8) translateX(-6px)
    }

    75% {
        -webkit-transform: scale(.7) translateX(-8px)
    }

    90% {
        -webkit-transform: scale(.8) translateX(-6px)
    }

    100% {
        -webkit-transform: scale(1)
    }
}

.drift-zoom-pane.drift-opening {
    animation: drift-fadeZoomIn 200ms ease-out;
    -webkit-animation: drift-fadeZoomIn 200ms ease-out
}

.drift-zoom-pane.drift-closing {
    animation: drift-fadeZoomOut 10ms ease-in;
    -webkit-animation: drift-fadeZoomOut 10ms ease-in
}

.drift-zoom-pane.drift-inline {
    position: absolute;
    width: 150px;
    height: 150px;
    border-radius: 75px;
    box-shadow: 0 6px 18px rgba(0,0,0,.3)
}

.drift-loading .drift-zoom-pane-loader {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    width: 66px;
    height: 20px;
    animation: drift-loader-rotate 1800ms infinite linear;
    -webkit-animation: drift-loader-rotate 1800ms infinite linear
}

.drift-zoom-pane-loader:before, .drift-zoom-pane-loader:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    border-radius: 20px;
    background: rgba(255,255,255,.9)
}

.drift-zoom-pane-loader:before {
    left: 0;
    animation: drift-loader-before 1800ms infinite linear;
    -webkit-animation: drift-loader-before 1800ms infinite linear
}

.drift-zoom-pane-loader:after {
    right: 0;
    animation: drift-loader-after 1800ms infinite linear;
    -webkit-animation: drift-loader-after 1800ms infinite linear;
    animation-delay: -900ms;
    -webkit-animation-delay: -900ms
}

.drift-bounding-box {
    background-color: rgba(0,0,0,.4)
}

.drift-container {
    position: absolute;
    top: 1px;
    min-height: 300px
}

    .drift-container.drift-index {
        z-index: 9999
    }

.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    vertical-align: top
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020
}

.fancybox-skin {
    position: relative;
    background: #fff;
    color: #444;
    text-shadow: none;
    border-radius: 10px
}

.fancybox-opened {
    z-index: 10001
}

    .fancybox-opened .fancybox-skin {
        -webkit-box-shadow: 0 10px 25px rgba(0,0,0,.5);
        -moz-box-shadow: 0 10px 25px rgba(0,0,0,.5);
        box-shadow: 0 10px 25px rgba(0,0,0,.5)
    }

.fancybox-outer, .fancybox-inner {
    position: relative
}

.fancybox-inner {
    overflow: hidden
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap
}

.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url('../../../../Scripts/fancybox/fancybox_sprite.png')
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: .8;
    cursor: pointer;
    z-index: 8060
}

    #fancybox-loading div {
        width: 44px;
        height: 44px;
        background: url('../../../../Scripts/fancybox/fancybox_loading.gif') center center no-repeat
    }

.fancybox-close {
    position: absolute;
    top: -16px;
    right: -17px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
    background: #fff;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0 3px 6px rgba(0,0,0,.3)
}

    .fancybox-close:after {
        content: "x";
        font-size: 21px;
        font-weight: 600;
        display: inline-block;
        line-height: 34px;
        color: #000
    }

    .fancybox-close:hover {
        box-shadow: 0 3px 6px rgba(0,0,0,.5);
        background: #eee
    }

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url('../../../../Scripts/fancybox/blank.gif');
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    z-index: 8040
}

.fancybox-prev {
    left: 0
}

.fancybox-next {
    right: 0
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px
}

.fancybox-nav:hover span {
    visibility: visible
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important
}

.fancybox-lock {
    width: auto;
    touch-action: none;
    -ms-touch-action: none
}

    .fancybox-lock body {
        overflow: hidden !important;
        touch-action: none;
        -ms-touch-action: none;
        height: 100dvh
    }

.fancybox-lock-test {
    overflow-y: hidden !important
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url('../../../../Scripts/fancybox/fancybox_overlay.png')
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
    z-index: 9999
}

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050
}

.fancybox-opened .fancybox-title {
    visibility: visible
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center
}

    .fancybox-title-float-wrap .child {
        display: inline-block;
        margin-right: -100%;
        padding: 2px 20px;
        background: transparent;
        background: rgba(0,0,0,.8);
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        text-shadow: 0 1px 2px #222;
        color: #fff;
        font-weight: bold;
        line-height: 24px;
        white-space: nowrap
    }

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff
}

.fancybox-title-inside-wrap {
    padding-top: 10px
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0,0,0,.8)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    .fancybox-close {
        top: 0;
        right: 0;
        width: 20px;
        height: 20px;
        background-color: transparent
    }

        .fancybox-close:after {
            color: #000;
            line-height: 20px
        }
}

.ProductGallery {
    position: relative
}

.leftImage .ProductGallery {
    float: left;
    width: 100%
}

    .leftImage .ProductGallery .gallery-container {
        float: left;
        width: 100%
    }

        .leftImage .ProductGallery .gallery-container .GalleryArea .owl-carousel {
            display: block
        }

            .leftImage .ProductGallery .gallery-container .GalleryArea .owl-carousel .zoom-js {
                display: none
            }

            .leftImage .ProductGallery .gallery-container .GalleryArea .owl-carousel .owl-item:nth-child(1) .zoom-js, .leftImage .ProductGallery .gallery-container .GalleryArea .owl-carousel .owl-item.active .zoom-js {
                display: block
            }

            .leftImage .ProductGallery .gallery-container .GalleryArea .owl-carousel .owl-item .zoom-js img, .leftImage .ProductGallery .galleryOwl-thumb img {
                max-width: 100%
            }

.ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav {
    position: absolute;
    top: 50%;
    height: 0;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 15px
}

    .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav.disabled {
        display: none
    }

    .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav > .owl-prev.disabled {
        opacity: 0
    }

    .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav > .owl-next.disabled {
        opacity: 0
    }

    .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav button:focus {
        outline: 0
    }

    .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav span {
        width: 40px;
        height: 40px;
        display: inline-block;
        text-align: center;
        line-height: 26px;
        font-size: 49px;
        border-radius: 50%;
        border: 2px solid rgba(255,255,255,.6);
        color: rgba(255,255,255,.6);
        transition: .3s
    }

        .ProductGallery .gallery-container .owl-carousel.galleryOwl .owl-nav span:hover {
            color: #fff;
            border-color: #fff
        }

.ProductGallery .galleryOwl-thumb {
    position: absolute;
    top: 0;
    left: 0;
    height: calc(100% - 5px);
    z-index: 2;
    background-color: #fff;
    width: 110px;
    border: 1px solid #f3f3f3;
    display: -webkit-flex;
    display: flex;
    flex-direction: column
}

    .ProductGallery .galleryOwl-thumb .thumb-list {
        overflow-y: scroll;
        padding: 10px
    }

        .ProductGallery .galleryOwl-thumb .thumb-list::-webkit-scrollbar {
            width: 5px;
            background-color: #f1f1f1
        }

        .ProductGallery .galleryOwl-thumb .thumb-list::-webkit-scrollbar-thumb {
            background: #c9c9c9;
            border-radius: 10px
        }

            .ProductGallery .galleryOwl-thumb .thumb-list::-webkit-scrollbar-thumb:window-inactive {
                background: #d6d6d6
            }

        .ProductGallery .galleryOwl-thumb .thumb-list .thumb-item {
            overflow: hidden;
            margin-bottom: 15px;
            position: relative
        }

            .ProductGallery .galleryOwl-thumb .thumb-list .thumb-item.thumb-video::after {
                font-family: misszenne !important;
                content: "";
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                width: 40px;
                height: 40px;
                border: 1px solid #000;
                border-radius: 50%;
                text-align: center;
                line-height: 40px;
                font-size: 16px
            }

            .ProductGallery .galleryOwl-thumb .thumb-list .thumb-item.active::before {
                content: "";
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                border: 2px solid #f767b0
            }

    .ProductGallery .galleryOwl-thumb .thumb-bottom {
        text-align: center;
        padding: 15px 0
    }

        .ProductGallery .galleryOwl-thumb .thumb-bottom > .item {
            padding: 11px 5px;
            font-size: 22px;
            color: #717171;
            cursor: pointer;
            transition: .3s
        }

            .ProductGallery .galleryOwl-thumb .thumb-bottom > .item:hover {
                color: #000
            }

            .ProductGallery .galleryOwl-thumb .thumb-bottom > .item > p {
                font-size: 12px;
                font-weight: 600;
                margin-top: 6px
            }

            .ProductGallery .galleryOwl-thumb .thumb-bottom > .item.StopVideo {
                display: none
            }

.modal-js.ShareModal {
    background-color: #fff;
    padding: 0
}

    .modal-js.ShareModal .ShareImg {
        padding: 30px 30px 0
    }

        .modal-js.ShareModal .ShareImg > img {
            width: 100%;
            max-width: 270px
        }

    .modal-js.ShareModal .ShareTitle {
        text-align: center;
        padding: 15px 10px;
        border-bottom: 1px solid #eee;
        font-weight: 500;
        font-size: 16px
    }

    .modal-js.ShareModal .ShareList {
        padding: 15px;
        display: -webkit-flex;
        display: flex;
        align-items: center
    }

        .modal-js.ShareModal .ShareList > .item {
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
            width: 25%
        }

            .modal-js.ShareModal .ShareList > .item > .ShareLink {
                width: 100%;
                text-align: center;
                display: block
            }

                .modal-js.ShareModal .ShareList > .item > .ShareLink span {
                    display: block;
                    margin-top: 9px;
                    color: #717171
                }

                .modal-js.ShareModal .ShareList > .item > .ShareLink::before {
                    content: "";
                    font-family: denizbutik !important;
                    display: inline-block;
                    background-color: #f00;
                    text-align: center;
                    border-radius: 10px;
                    width: 40px;
                    height: 40px;
                    line-height: 40px;
                    text-align: center;
                    font-size: 16px;
                    color: #fff
                }

                .modal-js.ShareModal .ShareList > .item > .ShareLink.Fb::before {
                    content: "";
                    background-color: #3b5999;
                    font-size: 19px
                }

                .modal-js.ShareModal .ShareList > .item > .ShareLink.Tw::before {
                    content: "";
                    background-color: #55acee
                }

                .modal-js.ShareModal .ShareList > .item > .ShareLink.Wp::before {
                    content: "";
                    background-color: #25d366;
                    font-size: 21px
                }

                .modal-js.ShareModal .ShareList > .item > .ShareLink.Gp::before {
                    content: "";
                    background-color: #dd4b39;
                    font-size: 23px
                }

@media only screen and (max-width:768px) {
    .modal-js.ShareModal .close-modal {
        right: 0;
        top: 0
    }
}

.ProductGallery .gallery-container .GalleryArea {
    position: relative;
    margin-left: 125px
}

    .ProductGallery .gallery-container .GalleryArea .Badge {
        position: absolute;
        top: 0;
        left: 0;
        background-color: #00b65f;
        z-index: 2;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
        padding: 3px 7px
    }

    .ProductGallery .gallery-container .GalleryArea .Badge2 {
        position: absolute;
        bottom: 6px;
        right: 0;
        background-color: #cc242e;
        z-index: 2;
        color: #fff;
        font-weight: 600;
        font-size: 17px;
        padding: 5px 10px;
        font-weight: 700
    }

.ProductGallery .owl-carousel.galleryOwl .owl-dots {
    width: auto;
    position: absolute;
    bottom: 25px;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(0,0,0,.24);
    border-radius: 60px;
    padding: 1px 12px 2px
}

    .ProductGallery .owl-carousel.galleryOwl .owl-dots .owl-dot {
        display: inline-block;
        margin: 0 2px;
        line-height: 12px
    }

        .ProductGallery .owl-carousel.galleryOwl .owl-dots .owl-dot span {
            width: 8px;
            height: 8px;
            display: inline-block;
            border-radius: 50%;
            background-color: transparent;
            border: 1px solid #fff
        }

        .ProductGallery .owl-carousel.galleryOwl .owl-dots .owl-dot.active span {
            background-color: #fff
        }

.ProductGallery .ProductVideo {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 4px;
    background-color: #f1f1f1;
    opacity: 0;
    visibility: hidden;
    z-index: 2
}

    .ProductGallery .ProductVideo.ShowVideo {
        opacity: 1;
        visibility: visible
    }

    .ProductGallery .ProductVideo video {
        width: 100%;
        height: 100%
    }

.wm-zoom-box, .wm-zoom-container {
    position: relative
}

img.wm-zoom-default-img {
    height: auto
}

.wm-zoom-lens {
    display: none;
    left: 0;
    position: absolute;
    top: 0
}

.wm-zoom-hight {
    display: none;
    overflow: hidden;
    position: absolute
}

    .wm-zoom-hight img {
        left: 0;
        position: absolute;
        top: 0
    }

img.wm-zoom-loader {
    z-index: 1
}

img.wm-zoom-hight-img {
    z-index: 2;
    max-width: inherit !important
}

.wm-zoom-lens {
    background: #fff;
    opacity: .3;
    filter: alpha(opacity=30)
}

.wm-zoom-hight {
    background: #f4f4f4;
    z-index: 999999;
    height: 100% !important
}

@media only screen and (max-width:767px) {
    .wm-zoom-lens, .wm-zoom-hight {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important
    }

    .ProductGallery .gallery-container .GalleryArea {
        margin-left: 0
    }
}

.ticiDialog {
    overflow: hidden;
    touch-action: none;
    -ms-touch-action: none
}

    .ticiDialog .ticimaxDialogContent {
        z-index: 99999;
        transform: scale(1)
    }

.ticimaxDialogContent {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    display: table;
    width: 100%;
    height: 100%;
    transform: scale(0);
    background: rgba(0,0,0,.5)
}

.ticimaxDialogContainer {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.ticiDialog .ticimaxDialogContainer {
    animation: fadeIn .5s cubic-bezier(.165,.84,.44,1) forwards
}

.ticiDialog .ticimaxDialogTxt {
    -webkit-animation-name: zoomIn;
    -moz-animation-name: zoomIn;
    -ms-animation-name: zoomIn;
    -o-animation-name: zoomIn;
    animation-name: zoomIn;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.ticimaxDialogTxt {
    font-weight: 300;
    position: relative;
    display: flex;
    min-width: 280px;
    max-width: 500px;
    margin: auto;
    padding: 15px;
    border-radius: 5px;
    flex-wrap: wrap;
    background: linear-gradient(87deg,#00e676 0,#00c853 100%) !important;
    z-index: 999999999999
}

    .ticimaxDialogTxt p {
        display: block;
        text-align: center;
        font-size: 13px;
        width: 100%;
        margin: 1px auto 15px;
        color: #fff;
        letter-spacing: .4px;
        font-weight: 600
    }

.ticiDialog .ticimaxDialogTxt > div {
    display: block;
    width: 100%
}

.ticiDialog .ticimaxDialogTxt .ticimaxDialogBtn {
    float: left;
    display: flex;
    align-items: center;
    justify-content: center
}

    .ticiDialog .ticimaxDialogTxt .ticimaxDialogBtn a {
        float: left;
        border: 0;
        padding: 10px;
        margin: 0;
        outline: 0;
        font-size: 13px;
        border-radius: 5px
    }

.ticiDialog .ticimaxDialogTxt.ticimaxDialog-info .ticimaxDialogBtn a {
    background: #3085d6;
    color: #fff
}

.ticiDialog .ticimaxDialogTxt > div:after {
    clear: both;
    display: table;
    content: ""
}

.ticimaxDialog-default {
    background: #fff !important
}

    .ticimaxDialog-default p {
        color: #000
    }

    .ticimaxDialog-default:before {
        content: "";
        font-family: 'FontAwesome';
        font-size: 50px;
        text-align: center;
        margin: 0 auto;
        color: #000;
        margin: 15px auto
    }

    .ticimaxDialog-default a.ticiNotyBtn {
        cursor: pointer;
        width: 100%;
        display: block;
        line-height: normal;
        border-radius: 2px;
        position: relative;
        background-color: #00c853;
        color: #fff;
        font-weight: 400;
        font-size: 13px;
        padding: 8px 0
    }

        .ticimaxDialog-default a.ticiNotyBtn:hover {
            text-decoration: none;
            color: #fff;
            background-color: #00c853
        }

.ticimaxDialog-success {
    background: #fff !important
}

    .ticimaxDialog-success p {
        color: #00c853
    }

    .ticimaxDialog-success:before {
        content: "";
        font-family: 'FontAwesome';
        font-size: 50px;
        text-align: center;
        margin: 0 auto;
        color: #00c853;
        margin: 15px auto
    }

    .ticimaxDialog-success a.ticiNotyBtn {
        cursor: pointer;
        width: 100%;
        display: block;
        line-height: normal;
        border-radius: 2px;
        position: relative;
        background-color: #00c853;
        color: #fff;
        font-weight: 400;
        font-size: 13px;
        padding: 8px 0
    }

        .ticimaxDialog-success a.ticiNotyBtn:hover {
            text-decoration: none;
            color: #fff;
            background-color: #00c853
        }

.ticimaxDialog-danger {
    background: #fff !important
}

    .ticimaxDialog-danger:before {
        content: "";
        font-family: 'FontAwesome';
        font-size: 50px;
        text-align: center;
        margin: 0 auto;
        color: #f00;
        margin: 15px auto
    }

    .ticimaxDialog-danger p {
        color: #f00
    }

    .ticimaxDialog-danger a.ticiNotyBtn {
        cursor: pointer;
        width: 100%;
        display: block;
        line-height: normal;
        border-radius: 2px;
        position: relative;
        background-color: #f00;
        color: #fff;
        font-weight: 400;
        font-size: 13px;
        padding: 8px 0
    }

        .ticimaxDialog-danger a.ticiNotyBtn:hover {
            text-decoration: none;
            color: #fff;
            background-color: #f00
        }

.ticimaxDialog-warning {
    background: #fff !important
}

    .ticimaxDialog-warning p {
        color: #eeb516
    }

    .ticimaxDialog-warning:before {
        content: "";
        font-family: 'FontAwesome';
        font-size: 50px;
        text-align: center;
        margin: 0 auto;
        color: #eeb516;
        margin: 15px auto
    }

    .ticimaxDialog-warning a.ticiNotyBtn {
        cursor: pointer;
        width: 100%;
        display: block;
        line-height: normal;
        border-radius: 2px;
        position: relative;
        background-color: #eeb516;
        color: #fff;
        font-weight: 400;
        font-size: 13px;
        padding: 8px 0
    }

        .ticimaxDialog-warning a.ticiNotyBtn:hover {
            text-decoration: none;
            color: #fff;
            background-color: #eeb516
        }

.ticimaxDialog-info {
    background: #fff !important
}

    .ticimaxDialog-info p {
        color: #00bce6
    }

    .ticimaxDialog-info:before {
        content: "";
        font-family: 'FontAwesome';
        font-size: 50px;
        text-align: center;
        color: #00bce6;
        margin: 15px auto
    }

    .ticimaxDialog-info a.ticiNotyBtn {
        cursor: pointer;
        width: 100%;
        display: block;
        line-height: normal;
        border-radius: 2px;
        position: relative;
        background-color: #00bce6;
        color: #fff;
        font-weight: 400;
        font-size: 13px;
        padding: 8px 0
    }

        .ticimaxDialog-info a.ticiNotyBtn:hover {
            text-decoration: none;
            color: #fff;
            background-color: #00bce6
        }

.ticiNotyBtnCancel {
    display: inline-block;
    width: 49%;
    float: left;
    cursor: pointer;
    background: #f00;
    color: #fff;
    padding: 5px 0;
    border-radius: 2px
}

.ticiNotyBtnConfirm {
    display: inline-block;
    float: right;
    width: 49%;
    padding: 5px 0;
    background: #00c853;
    color: #fff;
    border-radius: 2px;
    cursor: pointer
}

.ticimaxDialogContainer.dialogSiparis {
    max-width: 95%;
    width: 400px;
    border-radius: 0
}

.ticiDialog .dialogSiparis .ticimaxDialogTxt {
    border-radius: 0
}

.dialogSiparis .ticimaxDialog-success p {
    margin-bottom: 50px
}

.dialogSiparis .ticiNotyBtnCancel {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
    font-size: 13px;
    padding: 12px 0;
    background-color: #eaeaea !important;
    font-family: sans-serif;
    color: #5e5e5e
}

.dialogSiparis .ticiNotyBtnConfirm {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 13px;
    padding: 12px 0;
    background-color: #56be67 !important;
    color: #fff !important;
    font-family: sans-serif;
    color: #5e5e5e
}

.dialogSiparis .tici-noty-notification-close-btn {
    border: 1px solid #909090;
    border-radius: 15px;
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 2px;
    font-size: 19px;
    font-weight: 600;
    line-height: normal;
    color: #909090;
    position: absolute;
    right: 10px;
    top: 10px
}

@media screen and (max-width:767px) {
    div.ticimaxDialogContent {
        height: calc(100% + 200px)
    }

        div.ticimaxDialogContent .ticimaxDialogContainer {
            margin-top: -100px
        }
}

body {
    animation: none !important
}

img:not([src]) {
    visibility: hidden
}

.clear {
    clear: both
}

#divTicimaxCopyrightContent {
    display: flex;
    clear: both;
    align-items: center;
    justify-content: center
}

    #divTicimaxCopyrightContent img {
        margin: 0 auto
    }

#mainHolder_divDesign .blokResimLink {
    width: 100%;
    display: block
}

.mobilTicimaxLogo {
    text-align: center;
    line-height: 1;
    margin-top: 10px;
    margin-bottom: 5px
}

.hidden {
    display: none
}

.lineThrough {
    text-decoration: line-through
}

@media screen and (min-width:767px) {
    .hideWeb {
        display: none !important
    }
}

@media screen and (max-width:767px) {
    .hideMobile {
        display: none !important
    }
}

@media(max-width:480px) {
    .mobilTicimaxLogo > img {
        width: 70px
    }
}

.navigation ul {
    list-style-type: none
}

.ProductList ul {
    list-style-type: none
}

.welcome ul {
    list-style-type: none
}

.urunTab > ul li {
    list-style-type: none
}

ul.breadcrumb {
    list-style-type: none
}

ul.sortingContent {
    list-style-type: none
}

.usernav ul {
    list-style-type: none
}

.CartProduct ul {
    list-style-type: none
}

.ProductDetail .product-social-icon-wrapper ul {
    list-style-type: none
}

ul#ulDuyurularTemplateData, ul#ulDovizKurlariTemplateData ul, ul#ulEncokSatilanUrunlerData {
    list-style-type: none
}

#footer ul {
    list-style-type: none
}

.ProductListContent:before {
    clear: both;
    display: table;
    content: ""
}

.ProductList:after {
    clear: both;
    display: table;
    content: ""
}

#ProductListMainContainer #ProductPageProductList.ProductList {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: wrap
}

.productItem.isBanner .productDetail, .productItem.isBanner .TukendiIco {
    display: none
}

.productItem.isBanner .productImage a {
    padding-bottom: 0
}

.productItem.isBanner .productImage img {
    position: static
}

.popupSepet .hediyeCekiBtn {
    display: none
}

.sepetTopTutar {
    display: none
}

.CartProduct .SProduct li a span.sepetTopBirimFiyat {
    display: none !important
}

.SifremiUnuttum .line:after {
    clear: both;
    display: table;
    content: ""
}

.TempMenu li {
    list-style-type: none
}

#divNextProduct {
    height: 100%;
    text-align: center
}

    #divNextProduct .productItem {
        margin: 0;
        background-color: #fff;
        padding: 0;
        border: 1px solid #f0f0f0
    }

        #divNextProduct .productItem:hover {
            background-color: #f0f0f0
        }

    #divNextProduct a {
        display: block;
        padding: 30px
    }

        #divNextProduct a:hover span {
            color: #333
        }

        #divNextProduct a .divNextProductButtonAlan {
            font-size: 40px;
            font-weight: 600
        }

    #divNextProduct span {
        display: block;
        font-weight: 600;
        font-size: 14px
    }

        #divNextProduct span.divNextProductWorld {
            display: inline-block
        }

        #divNextProduct span.divNextProductCount {
            display: inline-block
        }

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

.insider-opt-in-notification-inner-container {
    margin: 0;
    padding: 0 20px 10px 20px
}

.insider-opt-in-notification-image-container {
    float: left;
    margin: 13px 15px 0 0
}

    .insider-opt-in-notification-image-container img {
        width: 65px;
        height: 65px
    }

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

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

.insider-opt-in-notification-description {
    font-size: 12px;
    line-height: 1.4em;
    margin: 10px 0;
    padding: 0;
    text-align: left;
    word-break: break-word;
    overflow: hidden
}

.insider-brand-logo {
    float: left;
    font-size: 10px;
    margin-top: 8px;
    line-height: 18px
}

    .insider-brand-logo img {
        width: 38px;
        margin-left: 3px;
        float: right
    }

.insider-opt-in-notification-button-container {
    float: right !important
}

.insider-opt-in-notification-button {
    width: 90px;
    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
}

.insider-opt-in-allow-button {
    background: #00c33d;
    color: #fff;
    border-color: #059833
}

@media all and (max-width:421px) {
    .insider-opt-in-notification {
        width: 100%;
        left: 0;
        margin: 0;
        border-radius: 0;
        border-left: 0;
        border-right: 0;
        border-top: 0
    }
}

#lang_flag_container {
    position: absolute;
    left: auto;
    top: 0;
    z-index: 96
}

#langHover {
    padding: 13px 5px
}

#lang {
    line-height: 13px;
    font-size: 12px;
    color: #8d8d8d;
    padding: 0 0 0 37px;
    position: relative
}

#langHover.white {
    background-color: #fff;
    cursor: default
}

#lang-detail {
    background-color: #fff;
    position: absolute;
    top: 39px;
    left: 0;
    border-top: 1px solid #e9e9e9;
    width: 318px;
    -webkit-box-shadow: 0 10px 10px rgba(0,0,0,.4);
    -moz-box-shadow: 0 10px 10px rgba(0,0,0,.4);
    box-shadow: 0 10px 10px rgba(0,0,0,.4);
    z-index: 992
}

    #lang-detail .language, #lang-detail .currency {
        padding: 15px 10px;
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 50%
    }

    #lang-detail p {
        font-size: 14px;
        color: #2b2b2b;
        margin-bottom: 18px
    }

    #lang-detail .language a {
        display: block;
        height: 15px;
        line-height: 15px;
        padding-left: 24px;
        font-size: 12px;
        color: #8d8d8d;
        opacity: .5;
        margin-bottom: 15px
    }

@media(min-width:768px) {
    #lang-detail .language a:hover {
        opacity: 1;
        color: #2b2b2b
    }

    #lang-detail .language a.active {
        opacity: 1;
        color: #2b2b2b;
        cursor: text
    }
}

@media(max-width:767px) {
    #lang-detail .language a {
        opacity: 1;
        color: #2b2b2b
    }
}

#divAvailableCountries {
    clear: both;
    padding: 0 10px 10px 10px
}

#teslimatUlkeSec p {
    padding: 5px 0;
    margin: 0 !important;
    font-weight: 600;
    font-size: 12px !important;
    text-align: left
}

#txtHeaderSeciliUlke {
    border: 1px solid #ddd;
    background: url(https://cdn.ticimax.cloud/Scripts/images/comboarrow.svg) no-repeat 95%center;
    width: 100%;
    padding: 0 5px;
    font-size: 12px
}

.teslimatUlkeSecUl {
    display: none;
    height: 120px;
    margin: 0;
    padding: 0;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    background: #fff;
    left: 10px;
    right: 10px;
    border: 1px solid #eee
}

#txtHeaderSeciliUlke.active + .teslimatUlkeSecUl {
    display: block
}

.teslimatUlkeSecUl li {
    font-size: 12px;
    line-height: 15px;
    margin: 0;
    padding-left: 24px;
    height: 25px;
    cursor: pointer;
    text-align: left
}

    .teslimatUlkeSecUl li:hover {
        background-color: #eee
    }

.header-dil-content #lang_flag_container #lang.flag, .flag {
    background: url(../../../../Scripts/images/sprites_countryFlag_s_fix_2.png)no-repeat
}

    .header-dil-content #lang_flag_container #lang.flag.flag-ae, .flag-ae {
        background-position: 0 -78px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-af, .flag-af {
        background-position: 0 -158px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-ag, .flag-ag {
        background-position: 0 -240px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-ai, .flag-ai {
        background-position: 0 -318px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-aj, .flag-aj {
        background-position: 0 -398px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-al, .flag-al {
        background-position: 0 -480px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-am, .flag-am {
        background-position: 0 -558px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-an, .flag-an {
        background-position: 0 -640px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-ao, .flag-ao {
        background-position: 0 -720px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-aq, .flag-aq {
        background-position: 0 -800px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-as, .flag-as {
        background-position: 0 -958px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-at, .flag-at {
        background-position: 0 -1040px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-au, .flag-au {
        background-position: 0 -1118px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-aw, .flag-aw {
        background-position: 0 -1200px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-az, .flag-az {
        background-position: 0 -1278px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-ba, .flag-ba {
        background-position: 0 -1360px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-bb, .flag-bb {
        background-position: 0 -1440px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-bd, .flag-bd {
        background-position: 0 -1520px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-be, .flag-be {
        background-position: 0 -1600px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-bf, .flag-bf {
        background-position: 0 -1680px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-bg, .flag-bg {
        background-position: 0 -1760px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-bh, .flag-bh {
        background-position: 0 -1840px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-bi, .flag-bi {
        background-position: 0 -1920px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-bj, .flag-bj {
        background-position: 0 -2000px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-bk, .flag-bk {
        background-position: 0 -2078px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-bm, .flag-bm {
        background-position: 0 -2158px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-bn, .flag-bn {
        background-position: 0 -2238px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-bo, .flag-bo {
        background-position: 0 -2320px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-bp, .flag-bp {
        background-position: 0 -2400px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-br, .flag-br {
        background-position: 0 -2480px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-bs, .flag-bs {
        background-position: 0 -2558px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-bt, .flag-bt {
        background-position: 0 -2640px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-bv, .flag-bv {
        background-position: 0 -2720px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-bw, .flag-bw {
        background-position: 0 -2800px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-by, .flag-by {
        background-position: 0 -2878px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-bz, .flag-bz {
        background-position: 0 -2960px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-ca, .flag-ca {
        background-position: 0 -3038px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-cc, .flag-cc {
        background-position: 0 -3118px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-cd, .flag-cd {
        background-position: 0 -3200px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-ce, .flag-ce {
        background-position: 0 -3278px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-cf, .flag-cf {
        background-position: 0 -3360px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-cg, .flag-cg {
        background-position: 0 -3440px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-ch, .flag-ch {
        background-position: 0 -3520px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-ci, .flag-ci {
        background-position: 0 -3600px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-ck, .flag-ck {
        background-position: 0 -3678px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-cl, .flag-cl {
        background-position: 0 -3760px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-cm, .flag-cm {
        background-position: 0 -3840px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-cn, .flag-cn {
        background-position: 0 -3920px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-co, .flag-co {
        background-position: 0 -4000px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-cq, .flag-cq {
        background-position: 0 -4078px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-cr, .flag-cr {
        background-position: 0 -4160px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-cs, .flag-cs {
        background-position: 0 -4240px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-cu, .flag-cu {
        background-position: 0 -4318px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-cv, .flag-cv {
        background-position: 0 -4400px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-cw, .flag-cw {
        background-position: 0 -4478px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-cx, .flag-cx {
        background-position: 0 -4558px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-cy, .flag-cy {
        background-position: 0 -4640px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-cz, .flag-cz {
        background-position: 0 -4720px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-da, .flag-da {
        background-position: 0 -4800px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-de, .flag-de {
        background-position: 0 -4880px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-dj, .flag-dj {
        background-position: 0 -4960px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-dk, .flag-dk {
        background-position: 0 -5038px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-dm, .flag-dm {
        background-position: 0 -5118px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-do, .flag-do {
        background-position: 0 -5200px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-dr, .flag-dr {
        background-position: 0 -5280px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-dz, .flag-dz {
        background-position: 0 -5360px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-ec, .flag-ec {
        background-position: 0 -5438px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-ee, .flag-ee {
        background-position: 0 -5520px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-eg, .flag-eg {
        background-position: 0 -5600px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-eh, .flag-eh {
        background-position: 0 -5678px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-ek, .flag-ek {
        background-position: 0 -5760px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-er, .flag-er {
        background-position: 0 -5918px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-es, .flag-es {
        background-position: 0 -6000px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-et, .flag-et {
        background-position: 0 -6080px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-ez, .flag-ez {
        background-position: 0 -6160px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-fi, .flag-fi {
        background-position: 0 -6238px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-fj, .flag-fj {
        background-position: 0 -6318px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-fk, .flag-fk {
        background-position: 0 -6398px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-fm, .flag-fm {
        background-position: 0 -6480px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-fo, .flag-fo {
        background-position: 0 -6560px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-fr, .flag-fr {
        background-position: 0 -6640px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-fx, .flag-fx {
        background-position: 0 -6720px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-ga, .flag-ga {
        background-position: 0 -6800px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-gd, .flag-gd {
        background-position: 0 -6960px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-ge, .flag-ge {
        background-position: 0 -7040px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-gf, .flag-gf {
        background-position: 0 -7120px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-gg, .flag-gg {
        background-position: 0 -7200px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-gh, .flag-gh {
        background-position: 0 -7280px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-gi, .flag-gi {
        background-position: 0 -7358px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-gl, .flag-gl {
        background-position: 0 -7440px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-gm, .flag-gm {
        background-position: 0 -7520px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-gn, .flag-gn {
        background-position: 0 -7600px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-gp, .flag-gp {
        background-position: 0 -7680px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-gq, .flag-gq {
        background-position: 0 -7760px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-gr, .flag-gr {
        background-position: 0 -7840px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-gs, .flag-gs {
        background-position: 0 -7918px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-gt, .flag-gt {
        background-position: 0 -8000px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-gu, .flag-gu {
        background-position: 0 -8078px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-gv, .flag-gv {
        background-position: 0 -8160px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-gw, .flag-gw {
        background-position: 0 -8240px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-gy, .flag-gy {
        background-position: 0 -8320px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-ha, .flag-ha {
        background-position: 0 -8400px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-hk, .flag-hk {
        background-position: 0 -8480px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-hm, .flag-hm {
        background-position: 0 -8558px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-hn, .flag-hn {
        background-position: 0 -8638px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-hr, .flag-hr {
        background-position: 0 -8718px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-ht, .flag-ht {
        background-position: 0 -8800px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-hu, .flag-hu {
        background-position: 0 -8880px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-ic, .flag-ic {
        background-position: 0 -8960px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-id, .flag-id {
        background-position: 0 -9040px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-ie, .flag-ie {
        background-position: 0 -9118px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-il, .flag-il {
        background-position: 0 -9200px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-in, .flag-in {
        background-position: 0 -9280px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-io, .flag-io {
        background-position: 0 -9358px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-ku, .flag-ku {
        background-position: 0 -9440px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-ir, .flag-ir, .header-dil-content #lang_flag_container #lang.flag.flag-fa, .flag-fa {
        background-position: 0 -9520px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-is, .flag-is {
        background-position: 0 -9600px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-it, .flag-it {
        background-position: 0 -9680px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-iv, .flag-iv {
        background-position: 0 -9760px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-ja, .flag-ja {
        background-position: 0 -9840px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-jm, .flag-jm {
        background-position: 0 -9918px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-jo, .flag-jo {
        background-position: 0 -9998px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-jp, .flag-jp {
        background-position: 0 -10080px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-ke, .flag-ke {
        background-position: 0 -10160px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-kg, .flag-kg {
        background-position: 0 -10240px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-kh, .flag-kh {
        background-position: 0 -10320px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-ki, .flag-ki {
        background-position: 0 -10400px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-km, .flag-km {
        background-position: 0 -10480px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-kn, .flag-kn {
        background-position: 0 -10560px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-kp, .flag-kp {
        background-position: 0 -10638px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-kr, .flag-kr {
        background-position: 0 -10720px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-ks, .flag-ks {
        background-position: 0 -10800px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-kw, .flag-kw {
        background-position: 0 -10878px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-ky, .flag-ky {
        background-position: 0 -10958px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-kz, .flag-kz {
        background-position: 0 -11040px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-la, .flag-la {
        background-position: 0 -11120px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-lb, .flag-lb {
        background-position: 0 -11200px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-lc, .flag-lc {
        background-position: 0 -11278px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-le, .flag-le {
        background-position: 0 -11360px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-lg, .flag-lg {
        background-position: 0 -11440px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-lh, .flag-lh {
        background-position: 0 -11520px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-li, .flag-li {
        background-position: 0 -11600px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-lk, .flag-lk {
        background-position: 0 -11678px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-lr, .flag-lr {
        background-position: 0 -11758px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-ls, .flag-ls {
        background-position: 0 -11840px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-lt, .flag-lt {
        background-position: 0 -11920px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-lu, .flag-lu {
        background-position: 0 -12000px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-lv, .flag-lv {
        background-position: 0 -12080px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-ly, .flag-ly {
        background-position: 0 -12158px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-ma, .flag-ma {
        background-position: 0 -12240px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-mb, .flag-mb {
        background-position: 0 -12320px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-mc, .flag-mc {
        background-position: 0 -12400px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-md, .flag-md {
        background-position: 0 -12478px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-mg, .flag-mg {
        background-position: 0 -12560px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-mh, .flag-mh {
        background-position: 0 -12638px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-mi, .flag-mi {
        background-position: 0 -12720px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-mk, .flag-mk {
        background-position: 0 -12800px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-ml, .flag-ml {
        background-position: 0 -12880px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-mm, .flag-mm {
        background-position: 0 -12958px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-mn, .flag-mn {
        background-position: 0 -13038px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-mo, .flag-mo {
        background-position: 0 -13120px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-mo_old, .flag-mo_old {
        background-position: 0 -13200px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-mp, .flag-mp {
        background-position: 0 -13278px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-mq, .flag-mq {
        background-position: 0 -13360px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-mr, .flag-mr {
        background-position: 0 -13440px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-ms, .flag-ms {
        background-position: 0 -13518px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-mt, .flag-mt {
        background-position: 0 -13600px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-mu, .flag-mu {
        background-position: 0 -13680px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-mv, .flag-mv {
        background-position: 0 -13760px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-mw, .flag-mw {
        background-position: 0 -13840px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-mx, .flag-mx {
        background-position: 0 -13920px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-my, .flag-my {
        background-position: 0 -13998px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-mz, .flag-mz {
        background-position: 0 -14080px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-na, .flag-na {
        background-position: 0 -14160px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-nc, .flag-nc {
        background-position: 0 -14240px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-ne, .flag-ne {
        background-position: 0 -14320px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-nf, .flag-nf {
        background-position: 0 -14398px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-ng, .flag-ng {
        background-position: 0 -14478px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-nh, .flag-nh {
        background-position: 0 -14560px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-ni, .flag-ni {
        background-position: 0 -14640px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-nl, .flag-nl {
        background-position: 0 -14720px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-no, .flag-no {
        background-position: 0 -14800px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-np, .flag-np {
        background-position: 0 -14880px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-nr, .flag-nr {
        background-position: 0 -14958px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-nt, .flag-nt {
        background-position: 0 -15040px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-nu, .flag-nu {
        background-position: 0 -15118px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-nz, .flag-nz {
        background-position: 0 -15198px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-om, .flag-om {
        background-position: 0 -15280px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-pa, .flag-pa {
        background-position: 0 -15360px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-pe, .flag-pe {
        background-position: 0 -15440px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-pf, .flag-pf {
        background-position: 0 -15520px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-pg, .flag-pg {
        background-position: 0 -15600px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-ph, .flag-ph {
        background-position: 0 -15678px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-pk, .flag-pk {
        background-position: 0 -15760px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-pl, .flag-pl {
        background-position: 0 -15840px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-pm, .flag-pm {
        background-position: 0 -15920px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-pn, .flag-pn {
        background-position: 0 -15998px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-po, .flag-po {
        background-position: 0 -16080px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-pr, .flag-pr {
        background-position: 0 -16160px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-pt, .flag-pt {
        background-position: 0 -16320px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-pw, .flag-pw {
        background-position: 0 -16400px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-py, .flag-py {
        background-position: 0 -16480px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-qa, .flag-qa {
        background-position: 0 -16558px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-re, .flag-re {
        background-position: 0 -16640px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-rm, .flag-rm {
        background-position: 0 -16718px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-ro, .flag-ro {
        background-position: 0 -16800px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-ru, .flag-ru {
        background-position: 0 -16880px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-rw, .flag-rw {
        background-position: 0 -16960px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-ar, .flag-ar {
        background-position: 0 -17040px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-sb, .flag-sb {
        background-position: 0 -17120px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-sc, .flag-sc {
        background-position: 0 -17198px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-sd, .flag-sd {
        background-position: 0 -17278px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-se, .flag-se {
        background-position: 0 -17360px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-sf, .flag-sf {
        background-position: 0 -17440px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-sg, .flag-sg {
        background-position: 0 -17520px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-sh, .flag-sh {
        background-position: 0 -17598px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-si, .flag-si {
        background-position: 0 -17678px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-sj, .flag-sj {
        background-position: 0 -17760px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-sk, .flag-sk {
        background-position: 0 -17840px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-sl, .flag-sl {
        background-position: 0 -17920px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-sm, .flag-sm {
        background-position: 0 -18000px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-sn, .flag-sn {
        background-position: 0 -18080px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-so, .flag-so {
        background-position: 0 -18160px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-sp, .flag-sp {
        background-position: 0 -18240px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-sr, .flag-sr {
        background-position: 0 -18400px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-srb, .flag-srb {
        background-position: 0 -18400px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-st, .flag-st {
        background-position: 0 -18478px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-sv, .flag-sv {
        background-position: 0 -18560px
    }

    .header-dil-content #lang_flag_container #lang.flag.language .flag-sv, .language .flag-sv {
        background-position: 0 -18640px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-sw, .flag-sw {
        background-position: 0 -18640px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-sy, .flag-sy {
        background-position: 0 -18720px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-sz, .flag-sz {
        background-position: 0 -18800px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-tc, .flag-tc {
        background-position: 0 -18878px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-td, .flag-td {
        background-position: 0 -18960px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-tf, .flag-tf {
        background-position: 0 -19040px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-tg, .flag-tg {
        background-position: 0 -19120px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-th, .flag-th {
        background-position: 0 -19200px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-tj, .flag-tj {
        background-position: 0 -19278px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-tk, .flag-tk {
        background-position: 0 -19358px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-tm, .flag-tm {
        background-position: 0 -19438px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-tn, .flag-tn {
        background-position: 0 -19520px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-to, .flag-to {
        background-position: 0 -19598px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-tp, .flag-tp {
        background-position: 0 -19680px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-tr, .flag-tr {
        background-position: 0 -19760px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-ts, .flag-ts {
        background-position: 0 -19840px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-tt, .flag-tt {
        background-position: 0 -19920px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-tu, .flag-tu {
        background-position: 0 -20000px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-tv, .flag-tv {
        background-position: 0 -20078px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-tw, .flag-tw {
        background-position: 0 -20160px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-tw_old, .flag-tw_old {
        background-position: 0 -20240px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-tx, .flag-tx {
        background-position: 0 -20318px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-tz, .flag-tz {
        background-position: 0 -20400px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-uk, .flag-uk {
        background-position: 0 -20480px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-ug, .flag-ug {
        background-position: 0 -20560px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-en, .flag-en {
        background-position: 0 -20638px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-um, .flag-um {
        background-position: 0 -20720px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-up, .flag-up {
        background-position: 0 -20800px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-us, .flag-us {
        background-position: 0 -20880px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-uy, .flag-uy {
        background-position: 0 -20960px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-uz, .flag-uz {
        background-position: 0 -21038px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-va, .flag-va {
        background-position: 0 -21120px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-vc, .flag-vc {
        background-position: 0 -21200px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-ve, .flag-ve {
        background-position: 0 -21280px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-vg, .flag-vg {
        background-position: 0 -21358px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-vi, .flag-vi {
        background-position: 0 -21440px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-vm, .flag-vm {
        background-position: 0 -21520px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-vn, .flag-vn {
        background-position: 0 -21600px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-vt, .flag-vt {
        background-position: 0 -21680px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-vu, .flag-vu {
        background-position: 0 -21760px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-wa, .flag-wa {
        background-position: 0 -21840px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-wf, .flag-wf {
        background-position: 0 -21920px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-ws, .flag-ws {
        background-position: 0 -21998px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-wz, .flag-wz {
        background-position: 0 -22080px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-ye, .flag-ye {
        background-position: 0 -22160px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-yt, .flag-yt {
        background-position: 0 -22240px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-yu, .flag-yu {
        background-position: 0 -22320px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-za, .flag-za {
        background-position: 0 -22400px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-zm, .flag-zm {
        background-position: 0 -22480px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-zr, .flag-zr {
        background-position: 0 -22560px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-zw, .flag-zw {
        background-position: 0 -22638px
    }

    .header-dil-content #lang_flag_container #lang.flag.flag-mne, .flag-mne {
        background-position: 0 -22720px
    }

.clear-both {
    clear: both
}

#lang-detail .currency a {
    display: block;
    line-height: 20px;
    padding-left: 0;
    font-size: 12px;
    color: #8d8d8d;
    text-align: left;
    margin-bottom: 10px;
    opacity: .5;
    margin-bottom: 8px;
    display: block
}

    #lang-detail .currency a i {
        float: left;
        width: 30px;
        height: 20px;
        line-height: 20px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 0;
        background-color: #000;
        color: #fff;
        text-align: center;
        font-size: 13px;
        margin-right: 5px
    }

    #lang-detail .currency a:hover {
        opacity: 1;
        color: #2b2b2b
    }

    #lang-detail .currency a.active {
        opacity: 1;
        color: #2b2b2b;
        cursor: text
    }

i.fa.fa-iqd:before {
    content: "د.ع";
    margin-top: -2px;
    display: block
}

.currency-ron svg, .currency-aed svg, .currency-bhd svg, .currency-jod svg, .currency-kwd svg, .currency-omr svg, .currency-azn svg, .currency-qar svg, .currency-aud svg, .currency-sar svg {
    float: left;
    width: 30px;
    height: 20px;
    line-height: 20px;
    border-radius: 0;
    background-color: #000;
    color: #fff;
    text-align: center;
    font-size: 13px;
    margin-right: 5px;
    padding: 4px
}

.currency-bhd .fa {
    line-height: 16px !important
}

.currency-jod .fa {
    line-height: 19px !important
}

.currency-bhd .fa, .currency-jod .fa {
    font-family: Verdana,Geneva,Tahoma,sans-serif;
    font-size: 12px;
    font-weight: normal
}

    .currency-bhd .fa:before, .currency-jod .fa:before {
        font-size: 9px;
        font-weight: normal;
        letter-spacing: 1px
    }

    .currency-bhd .fa:before {
        content: ".د.ب"
    }

    .currency-jod .fa:before {
        content: "د.أ"
    }

#store_region_container {
    position: absolute;
    top: 2px
}

#divMagazaBolge {
    min-width: 320px
}

.divMagazaBolgeTittle {
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px
}

#divMagazaBolgeUlke {
    margin-bottom: 15px
}

    #divMagazaBolgeUlke label {
        display: block;
        font-weight: normal;
        display: block;
        color: #666
    }

    #divMagazaBolgeUlke select {
        display: block;
        width: 100%;
        padding: 8px 0;
        background-color: #fff;
        border: 1px solid #ccc;
        line-height: 1;
        height: auto
    }

#divMagazaBolgeSehir {
    margin-bottom: 15px
}

    #divMagazaBolgeSehir label {
        display: block;
        margin-bottom: 5px
    }

    #divMagazaBolgeSehir select {
        display: block;
        width: 100%;
        padding: 8px 0;
        background-color: #fff;
        border: 1px solid #ccc;
        line-height: 1;
        height: auto
    }

#divMagazaBolgeIlce {
    margin-bottom: 15px
}

    #divMagazaBolgeIlce label {
        display: block;
        margin-bottom: 5px
    }

    #divMagazaBolgeIlce select {
        display: block;
        width: 100%;
        padding: 8px 0;
        background-color: #fff;
        border: 1px solid #ccc;
        line-height: 1;
        height: auto
    }

#divMagazaBolgeSemt {
    margin-bottom: 15px
}

    #divMagazaBolgeSemt label {
        display: block;
        margin-bottom: 5px
    }

    #divMagazaBolgeSemt select {
        display: block;
        width: 100%;
        padding: 8px 0;
        background-color: #fff;
        border: 1px solid #ccc;
        line-height: 1;
        height: auto
    }

#divMagazaBolge a {
    display: block;
    text-align: center
}

.divMagazaBolgeAdres {
    margin-top: 10px;
    max-height: 200px;
    overflow-y: auto
}

.divMagazaBolgeAdresTitle {
    font-size: 15px;
    font-weight: bold
}

.divMagazaBolgeAdres li {
    display: flex;
    flex-direction: row;
    margin-top: 10px
}

    .divMagazaBolgeAdres li > input {
        margin-top: auto;
        margin-bottom: auto
    }

    .divMagazaBolgeAdres li > div {
        display: flex;
        flex-direction: column;
        margin-left: 10px;
        font-size: 12px
    }

.divMagazaBolgeAdres .AdresTanim {
    font-weight: bold;
    font-size: 13px
}

table.ticimaxTable {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px
}

.ticimaxTable tr {
    background-color: #f2f2f0
}

.ticimaxTable tbody tr {
    border-bottom: 10px solid #fff
}

.ticimaxTable th {
    background: #fff;
    font-size: 13px;
    font-weight: 600
}

.ticimaxTable td, .ticimaxTable th {
    padding: 9px;
    text-align: left
}

.ticimaxTable thead tr th {
    border: 0
}

@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px) {
    .ticimaxTable table, .ticimaxTable thead, .ticimaxTable tbody, .ticimaxTable th, .ticimaxTable td, .ticimaxTable tr {
        display: block
    }

        .ticimaxTable thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px
        }

    .ticimaxTable tr {
        border: 1px solid #ccc
    }

    .ticimaxTable td {
        border: 0;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%
    }

        .ticimaxTable td:before {
            position: absolute;
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap
        }
}

@media screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px) {
    table td:before {
        content: attr(data-label);
        float: left;
        font-weight: bold
    }
}

.textalignCenter {
    text-align: center !important
}

.adreslerimBaslikRenk {
    color: #f68428
}

.lblMaplink {
    display: inline-block;
    position: relative
}

.lbMapPoint {
    width: 30px;
    height: 30px;
    background: url(../images/lookbookIco.png) no-repeat center center transparent;
    cursor: pointer
}

#lbUrunView {
    background: #fff;
    border: 1px solid #ddd;
    padding: 10px 15px
}

    #lbUrunView .lbSpanUrunAdi {
        display: block;
        color: #000
    }

    #lbUrunView .lbSpanUrunFiyat {
        display: block;
        color: #000;
        margin-top: 10px;
        margin-bottom: 10px
    }

    #lbUrunView .lbSpanUrunSatinAl {
        display: block
    }

        #lbUrunView .lbSpanUrunSatinAl a {
            color: #000
        }

.newUyegirisPopup a.fancybox-close {
    background: #fff;
    color: #000;
    right: 0
}

    .newUyegirisPopup a.fancybox-close:after {
        color: #000
    }

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    overflow: hidden;
    height: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
}

.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease
}

.progress-striped .progress-bar, .progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px
}

.progress.active .progress-bar, .progress-bar.active {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
    background-color: #5cb85c
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.progress-bar-info {
    background-color: #5bc0de
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.progress-bar-warning {
    background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.progress-bar-danger {
    background-color: #d9534f
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

#mainHolder_txtbxSifre {
    padding-right: 30px
}

[ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important
}

.translate-cloak {
    display: none
}

.alert {
    padding: 3px;
    margin: 5px 0;
    border: 1px solid transparent;
    display: block;
    font-weight: bold;
    width: 100%
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.sayfaYukleniyor {
    position: relative
}

    .sayfaYukleniyor:after {
        content: '';
        background: rgba(255,255,255,.5);
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 99
    }

    .sayfaYukleniyor:before {
        content: '';
        font-family: 'FontAwesome';
        position: absolute;
        font-size: 50px;
        left: 50%;
        top: 50%;
        z-index: 999;
        margin-left: -25px;
        margin-top: -25px;
        color: #000;
        -webkit-animation: fa-spin 2s infinite linear;
        animation: fa-spin 2s infinite linear
    }

.butonDisabled {
    opacity: .6;
    cursor: not-allowed !important
}

a {
    cursor: pointer
}

#divStokYok {
    display: block;
    background-color: #dfdfdf;
    text-align: center;
    padding: 10px 0;
    line-height: normal;
    margin: 15px 0;
    border-radius: 4px;
    float: left;
    width: 100%;
    clear: left
}

    #divStokYok:after {
        clear: both;
        display: table;
        content: ""
    }

.eksecenekLine.kutuluvaryasyon {
    overflow: inherit
}

.size_box.nostok {
    position: relative;
    pointer-events: none;
    cursor: default;
    opacity: .5
}

.btnnostok {
    text-align: center;
    position: absolute;
    display: none;
    background-color: #ddd;
    color: #000;
    padding: 5px 2px;
    font-size: 10px;
    left: -120%;
    right: -120%;
    line-height: 14px !important;
    top: 100%;
    z-index: 10000000;
    margin-top: 6px
}

    .btnnostok:after {
        content: "";
        position: absolute;
        top: -6px;
        left: 50%;
        border-bottom: 6px solid #ddd;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        margin-left: -6px
    }

    .btnnostok i {
        display: block;
        font-size: 16px;
        margin-top: 5px
    }

.size_box.nostok:hover .btnnostok {
    display: block !important
}

.btnnostok.selected {
    background-color: #f1b9bc;
    border-color: #e89296;
    color: #f00 !important
}

    .btnnostok.selected:after {
        border-bottom-color: #f1b9bc
    }

.btnnostok:before {
    background-color: transparent;
    height: 6px;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    content: "";
    width: 100%;
    left: 0;
    right: 0;
    position: absolute;
    top: -6px
}

.btnnostok.selected i {
    color: #f00 !important
}

.SmallImages .AltVideoThumb {
    position: relative
}

    .SmallImages .AltVideoThumb i {
        position: absolute;
        bottom: 0;
        top: 0;
        width: 30px;
        height: 30px;
        border: 1px solid #000;
        border-radius: 100%;
        line-height: 28px;
        left: 0;
        right: 0;
        margin: auto;
        text-align: center
    }

#divThumpVideo {
    position: relative
}

    #divThumpVideo i {
        position: absolute;
        bottom: 0;
        top: 0;
        width: 30px;
        height: 30px;
        border: 1px solid #000;
        border-radius: 100%;
        line-height: 28px;
        left: 0;
        right: 0;
        margin: auto;
        text-align: center
    }

#vdUrunVideo {
    max-width: 100%
}

.productItem .productImage video {
    width: 100%;
    height: 100%;
    margin: auto;
    transition: ease-in-out .3s all;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}

.videoAutoPlayFalse .divVideoPlayButton {
    display: block
}

.videoAutoPlayTrue .divVideoPlayButton {
    display: none
}

.productItem .productImage a.urunListeVideoPlay {
    position: absolute;
    left: 10px;
    top: 0;
    padding: 0;
    height: 0;
    margin: 0;
    display: inline-block;
    width: auto;
    z-index: 999999
}

    .productItem .productImage a.urunListeVideoPlay i {
        font-size: 20px
    }

#txtbxurunSiparisAdedi-error {
    display: none !important
}

.urunsecoverlay {
    position: fixed;
    background-color: #000;
    opacity: .5;
    z-index: 99999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.urunsecbody #divUrunEkSecenek {
    background-color: #fff;
    position: relative;
    z-index: 1000000;
    padding: 5px;
    border-radius: 5px
}

    .urunsecbody #divUrunEkSecenek .tooltipp {
        position: absolute;
        top: -50px;
        left: 50%;
        margin-left: -130px;
        background-color: #f00;
        width: 260px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        color: #fff;
        border-radius: 5px
    }

.eksecenekLine {
    clear: both;
    display: block;
    margin-bottom: 3px
}

.detayEdit {
    position: fixed;
    left: 0;
    z-index: 9999;
    top: 300px;
    -webkit-box-shadow: 3px 3px 8px 0 rgba(186,179,186,1);
    -moz-box-shadow: 3px 3px 8px 0 rgba(186,179,186,1);
    box-shadow: 3px 3px 8px 0 rgba(186,179,186,1)
}

.btnEdit {
    padding: 5px;
    background-color: #fff;
    color: #000;
    display: block;
    border-radius: 2px;
    position: relative;
    cursor: pointer
}

.editUl {
    display: none
}

    .editUl a {
        display: block;
        background-color: #fff;
        border-radius: 2px;
        line-height: 34px;
        padding: 0 80px 0 5px;
        font-size: 14px;
        border: 1px solid #e1e1e1;
        margin: 5px 0 5px 0
    }

        .editUl a:hover {
            background-color: #f1f1f1
        }

.btnEdit:hover .editUl {
    display: block;
    padding: 5px 0
}

.whatsApp {
    position: relative;
    color: #fff;
    cursor: pointer;
    background-color: #6dc33a;
    border-radius: 3px;
    box-sizing: border-box;
    line-height: 20px;
    display: inline-block;
    width: 93px;
    text-align: center
}

    .whatsApp:hover, whatsApp label:hover, .whatsApp i:hover {
        color: #fff
    }

.telegram {
    position: relative;
    color: #fff;
    cursor: pointer;
    background-color: #34abe0;
    border-radius: 3px;
    box-sizing: border-box;
    line-height: 20px;
    display: inline-block;
    width: 93px;
    text-align: center
}

    .telegram:hover, telegram label:hover, .telegram i:hover {
        color: #fff
    }

.rating {
    color: #a9a9a9;
    margin: 0;
    padding: 0
}

ul.rating {
    display: inline-block
}

.rating li {
    list-style-type: none;
    display: inline-block;
    padding: 1px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    width: 19px;
    height: 20px;
    position: relative;
    margin-right: 3px
}

.div-puan i.starItem {
    color: #f90
}

ul.rating li i.starItem {
    font-size: 18px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto
}

    ul.rating li i.starItem:hover {
        font-size: 20px
    }

.rating .filled {
    color: #ffd700
}

.taksitWrapper .taksitBlock {
    float: left;
    width: 100%;
    display: block;
    text-align: center;
    padding: 5px 10px 20px 10px
}

    .taksitWrapper .taksitBlock .taksitLogo {
        height: 30px;
        margin: 0 auto 10px auto;
        display: block
    }

    .taksitWrapper .taksitBlock .taksitBlockContent {
        width: 100%;
        max-width: 330px;
        margin: 0 auto
    }

        .taksitWrapper .taksitBlock .taksitBlockContent table {
            width: 100%;
            background: #fff;
            border: 1px solid #eee;
            border-spacing: 0;
            border-radius: 3px;
            overflow: hidden
        }

            .taksitWrapper .taksitBlock .taksitBlockContent table thead {
                color: #fff
            }

        .taksitWrapper .taksitBlock .taksitBlockContent thead tr {
            background: #0f3a54;
            color: #fff
        }

        .taksitWrapper .taksitBlock .taksitBlockContent table tr {
            height: 40px;
            line-height: 40px
        }

        .taksitWrapper .taksitBlock .taksitBlockContent table tbody tr:nth-child(even) {
            background: #eee
        }

        .taksitWrapper .taksitBlock .taksitBlockContent tr td {
            padding: 0 5px
        }

            .taksitWrapper .taksitBlock .taksitBlockContent tr td.taksitAdet {
                max-width: 100px;
                font-weight: 500
            }

        .taksitWrapper .taksitBlock .taksitBlockContent tr td {
            padding: 5px;
            line-height: 20px
        }

        .taksitWrapper .taksitBlock .taksitBlockContent table tbody tr:hover {
            background: #ddd
        }

        .taksitWrapper .taksitBlock .taksitBlockContent thead .taksitColor-1 {
            background: #7cc242
        }

        .taksitWrapper .taksitBlock .taksitBlockContent thead .taksitColor-2 {
            background: #fdbf57
        }

        .taksitWrapper .taksitBlock .taksitBlockContent thead .taksitColor-3 {
            background: #6950a2
        }

        .taksitWrapper .taksitBlock .taksitBlockContent thead .taksitColor-4 {
            background: #e01d6e
        }

        .taksitWrapper .taksitBlock .taksitBlockContent thead .taksitColor-5 {
            background: #ed1c24
        }

        .taksitWrapper .taksitBlock .taksitBlockContent thead .taksitColor-6 {
            background: #00a6d4
        }

        .taksitWrapper .taksitBlock .taksitBlockContent thead .taksitColor-7 {
            background: #ee3623
        }

        .taksitWrapper .taksitBlock .taksitBlockContent thead .taksitColor-9 {
            background: #a3a3a3
        }

        .taksitWrapper .taksitBlock .taksitBlockContent thead .taksitColor-10 {
            background: #2484c6
        }

        .taksitWrapper .taksitBlock .taksitBlockContent thead .taksitColor-11 {
            background: #056bb6
        }

        .taksitWrapper .taksitBlock .taksitBlockContent thead .taksitColor-12 {
            background: #221f1f
        }

        .taksitWrapper .taksitBlock .taksitBlockContent thead .taksitColor-13 {
            background: #0053a0
        }

        .taksitWrapper .taksitBlock .taksitBlockContent thead .taksitColor-14 {
            background: #fdb813
        }

        .taksitWrapper .taksitBlock .taksitBlockContent thead .taksitColor-15 {
            background: #036647
        }

        .taksitWrapper .taksitBlock .taksitBlockContent thead .taksitColor-16 {
            background: #00c3b3
        }

        .taksitWrapper .taksitBlock .taksitBlockContent thead .taksitColor-17 {
            background: #e8ce00
        }

        .taksitWrapper .taksitBlock .taksitBlockContent thead .taksitColor-18 {
            background: #e9690e
        }

        .taksitWrapper .taksitBlock .taksitBlockContent thead .taksitColor-19 {
            background: #009862
        }

div.odemeSecenekItem {
    background: #dfecd4;
    width: 100%;
    max-width: 200px;
    padding: 10px;
    border-radius: 3px;
    border: 1px solid #9ec77f;
    font-size: 12px;
    color: #656565;
    float: left;
    margin: 0 10px 10px 0
}

    div.odemeSecenekItem b {
        font-size: 18px;
        display: block;
        padding-top: 3px
    }

@media(min-width:550px) and (max-width:990px) {
    .taksitWrapper .taksitBlock {
        width: 50%
    }

        .taksitWrapper .taksitBlock:nth-child(2n+1) {
            clear: left
        }
}

@media(min-width:991px) and (max-width:1200px) {
    .taksitWrapper .taksitBlock {
        width: 33%
    }

        .taksitWrapper .taksitBlock:nth-child(3n+1) {
            clear: left
        }
}

@media screen and (min-width:1200px) {
    .taksitWrapper .taksitBlock {
        width: 25%
    }

        .taksitWrapper .taksitBlock:nth-child(4n+1) {
            clear: left
        }
}

.riSingle {
    display: inline-block;
    white-space: nowrap;
    text-align: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    vertical-align: middle
}

    .riSingle a.riUp {
        display: inline-block;
        height: 8px;
        width: 15px;
        vertical-align: top
    }

    .riSingle a.riDown {
        display: inline-block;
        height: 8px;
        width: 15px;
        vertical-align: top;
        margin-left: -15px;
        vertical-align: bottom
    }

.RadInput a {
    display: block;
    overflow: hidden;
    position: relative;
    outline: 0;
    z-index: 2;
    text-indent: -2222px;
    text-align: center;
    text-decoration: none
}

.quickViewIco {
    display: none;
    position: absolute;
    left: 20px;
    top: 30%;
    right: 20px;
    text-align: center
}

.productItem:hover .quickViewIco {
    display: block
}

.globalSelect {
    font-size: 11px;
    border: 1px solid #eaeaea;
    padding: 3px;
    width: 120px
}

#divTemaOnizleme {
    margin: 0 auto;
    background-color: #000;
    padding: 5px 20px;
    overflow: hidden;
    display: flex
}

    #divTemaOnizleme select {
        border: 1px solid #ccc;
        padding: 6px 12px;
        height: 34px;
        width: 100%;
        color: #555;
        margin: 5px 0;
        background-color: #fff;
        background-image: none;
        border-radius: 4px
    }

    #divTemaOnizleme span {
        margin: 0 auto;
        color: #fff
    }

#btnTemaOnizlemeIptal {
    margin-top: 4px;
    float: right;
    line-height: 34px;
    padding: 0 8px;
    background-color: #fff;
    border: 1px solid #ccc;
    color: #000;
    border-radius: 4px;
    cursor: pointer
}

.noProduct {
    background: #fff;
    border-radius: 50%;
    width: 212px;
    height: 212px;
    border: 1px solid #c6c8ca;
    color: #b1b3b7;
    text-align: center;
    font-family: sans-serif;
    padding-top: 40px;
    margin: 20px auto;
    box-sizing: border-box
}

    .noProduct span {
        display: block;
        margin-top: 15px;
        font-weight: 700;
        font-size: 16px
    }

    .noProduct img {
        margin-left: -7px
    }

.baglanButton {
    line-height: 34px;
    background-color: #ef233c;
    color: #fff;
    display: block;
    text-align: center;
    font-size: 14px;
    margin: 10px 0;
    padding: 5px 0
}

    .baglanButton a {
        border: 0;
        width: 100%;
        height: 100%;
        line-height: 1;
        display: block;
        background-color: transparent;
        cursor: pointer;
        font-size: 14px;
        color: #fff;
        font-weight: 500;
        padding: 15px 0
    }

#divFacebookLoginContainer.baglanButton {
    background: #3b5998
}

#divTwitterLoginContainer.baglanButton {
    background: #2ba9e1
}

#divGoogleLoginContainer.baglanButton {
    background: #dd4b39;
    margin-bottom: 10px
}

#divMercanAppLoginContainer.baglanButton {
    background: #4de9ec;
    margin-bottom: 10px;
    color: #0b0b1a
}

    #divMercanAppLoginContainer.baglanButton a {
        color: #0b0b1a
    }

.baglanButton a#btnMercanAppLogin:hover {
    background-color: #0069d9;
    color: #fff
}

.socialUserSozlesmeDiv {
    margin-top: 10px
}

.asortiListItem {
    display: block
}

    .asortiListItem:after {
        clear: both;
        display: table;
        content: ""
    }

    .asortiListItem > div {
        float: left;
        padding: 5px 0
    }

.asortiMiktar {
    min-width: 20%
}

.asortiAyrac {
    min-width: 5%
}

ul.breadcrumb {
    list-style-type: none;
    padding: 0;
    display: inline-block;
    float: left;
    margin: 0;
    font-size: 13px
}

    ul.breadcrumb:after {
        clear: both;
        display: table;
        content: ""
    }

    ul.breadcrumb li {
        display: inline-block;
        margin: 0;
        padding: 0;
        font-size: 13px;
        float: left
    }

        ul.breadcrumb li:first-child a {
            font-size: 13px
        }

        ul.breadcrumb li a {
            display: inline-block;
            line-height: normal;
            font-size: 13px
        }

            ul.breadcrumb li a span {
                font-size: 13px
            }

.proCategoryTitle:after {
    clear: both;
    display: table;
    content: ""
}

a#linkOncekiSayfa {
    display: inline-block;
    float: right;
    line-height: normal;
    padding: 0;
    margin: 0;
    position: relative;
    color: #000;
    font-size: 13px
}

.taksitBaslik1 {
    background: none center center no-repeat #7cc242
}

.taksitBaslik2 {
    background: none center center no-repeat #fdbf57
}

.taksitBaslik3 {
    background: none center center no-repeat #6950a2
}

.taksitBaslik4 {
    background: none center center no-repeat #e01d6e
}

.taksitBaslik5 {
    background: none center center no-repeat #ed1c24
}

.taksitBaslik6 {
    background: none center center no-repeat #00a6d4
}

.taksitBaslik7 {
    background: none center center no-repeat #ee3623
}

.taksitBaslik8 {
    background: none center center no-repeat #00aedb
}

.taksitBaslik9 {
    background: none center center no-repeat #a3a3a3
}

.taksitBaslik10 {
    background: none center center no-repeat #2e3192
}

.taksitBaslik11 {
    background: none center center no-repeat #056bb6
}

.taksitBaslik12 {
    background: none center center no-repeat #221f1f
}

.taksitBaslik13 {
    background: none center center no-repeat #0053a0
}

.taksitBaslik14 {
    background: none center center no-repeat #ffdf00
}

.taksitBaslik15 {
    background: none center center no-repeat #024d39
}

.taksitBaslik16 {
    background: none center center no-repeat #8c1639
}

.taksitBaslik17 {
    background: none center center no-repeat #e9690e
}

.taksitBaslik18 {
    background: none center center no-repeat #e9690e
}

.taksitBaslik19 {
    background: none center center no-repeat #fff
}

.taksitBaslik20 {
    background: none center center no-repeat #7cc242
}

.taksitBaslik21 {
    background: none center center no-repeat #ffdf00
}

.taksitBaslik23 {
    background: none center center no-repeat #e01d6e
}

.taksitBaslik img {
    display: inline-block
}

ul.breadcrumb {
    list-style-type: none;
    padding: 0;
    display: inline-block;
    float: left
}

    ul.breadcrumb li {
        display: inline-block;
        margin: 0;
        padding: 0;
        font-size: 13px;
        float: left
    }

        ul.breadcrumb li:first-child a {
            font-size: 13px
        }

        ul.breadcrumb li a {
            display: inline-block;
            line-height: normal;
            font-size: 13px
        }

            ul.breadcrumb li a span {
                font-size: 13px
            }

.proCategoryTitle:after {
    clear: both;
    display: table;
    content: ""
}

a#linkOncekiSayfa {
    display: inline-block;
    float: right;
    line-height: normal;
    padding: 0;
    margin: 0;
    position: relative;
    color: #000;
    font-size: 13px
}

.flex-caption {
    width: 100%;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.3);
    font-size: 14px;
    line-height: 18px
}

.jautoImages {
    background-color: #fff;
    z-index: 9999
}

    .jautoImages .ui-menu-item {
        height: 52px;
        overflow: hidden;
        padding: 0 !important;
        margin-bottom: 10px !important
    }

        .jautoImages .ui-menu-item:after {
            clear: both;
            display: table;
            content: ""
        }

    .jautoImages .complate_image {
        float: left;
        width: 20%;
        height: 50px;
        display: block;
        margin-right: 10px;
        text-align: center
    }

        .jautoImages .complate_image img {
            max-width: 100%;
            max-height: 100%
        }

    .jautoImages .complate_text {
        float: left;
        width: 70%;
        display: block;
        line-height: 1;
        font-size: 12px;
        padding: 5px 0 0 0;
        vertical-align: middle;
        color: #000;
        text-align: left
    }

#divMobileImageList .owl-dots {
    text-align: center;
    position: relative;
    margin-top: 10px
}

    #divMobileImageList .owl-dots .owl-dot {
        background: #d9d9d9;
        width: 10px;
        height: 10px;
        display: inline-block;
        border-radius: 50%;
        margin: 0 4px
    }

        #divMobileImageList .owl-dots .owl-dot.active {
            background: #000
        }

.istekListeAra {
    min-width: 320px;
    max-width: 400px;
    margin: 0 auto
}

.istekListeAraTittle {
    font-size: 22px;
    color: #000;
    text-align: center;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 15px;
    margin-top: 40px;
    margin-bottom: 40px
}

.istekListeAra .button {
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    margin-top: 15px;
    min-height: 0;
    line-height: normal;
    padding: 12px 0;
    display: block
}

.istekListeAra .textbox {
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    margin-top: 15px;
    min-height: 40px;
    line-height: 40px;
    padding: 0;
    background-color: #f3f3f3;
    border: 1px solid #e1e1e1
}

.istekListeAra .validate {
    margin-top: 10px
}

.istekListeSonuc {
    border: 1px solid #e1e1e1;
    padding: 10%
}

    .istekListeSonuc .istekListeItemTittle {
        text-align: center;
        font-size: 16px
    }

.istekDetayGeri {
    text-align: center;
    display: block;
    margin-bottom: 40px
}

    .istekDetayGeri .button {
        display: inline-block;
        background-color: #f3f3f3;
        border: 1px solid #ddd;
        border-radius: 4px;
        color: #2b2b2b;
        padding-left: 30px;
        padding-right: 30px
    }

    .istekDetayGeri:after {
        clear: both;
        display: table;
        content: ""
    }

.istekDetayIcerik .ProductList:after {
    clear: both;
    display: table;
    content: ""
}

.istekDetayIcerik .productItem {
    overflow: inherit
}

.istekUrunDetay .urunBaslik {
    color: #2b2b2b;
    font-size: 13px;
    margin-top: 20px;
    margin-bottom: 8px;
    overflow: hidden;
    display: block
}

.istekUrunDetay .satinAl {
    display: block
}

    .istekUrunDetay .satinAl:after {
        clear: both;
        display: table;
        content: ""
    }

    .istekUrunDetay .satinAl .button {
        padding: 8px 20px;
        border-radius: 4px;
        display: inline-block
    }

.istekUrunDetay .istekUrunFiyat {
    color: #2b2b2b;
    font-size: 13px;
    margin-bottom: 20px;
    height: 15px;
    overflow: hidden;
    display: block
}

.istekUrunDetay .istekUrunDurum {
    font-weight: bold;
    font-size: 14px
}

.ArkadasiniDavetetBlock ul {
    list-style-type: none
}

.ArkadasiniDavetetBlock button.accordion {
    color: #2b2b2b;
    background-color: transparent;
    font-weight: 600;
    cursor: pointer;
    padding: 15px 0;
    width: 100%;
    border: 0;
    text-align: center;
    outline: 0;
    font-size: 14px;
    transition: .4s
}

.ArkadasiniDavetetBlock .Block_Text {
    background-color: #fff;
    padding: 0 10% 20px
}

.ArkadasiniDavetetBlock .button.linkOlustur {
    background-color: #f3f3f3;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    font-size: 14px;
    color: #2b2b2b
}

.ArkadasiniDavetetBlock .button {
    margin: 10px 0 0 0
}

.ArkadasiniDavetetBlock .textbox {
    background-color: #f3f3f3;
    border: 1px solid #e1e1e1;
    box-shadow: none
}

.ArkadasiniDavetetBlock hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #e1e1e1;
    margin: 20px 0 0 0;
    padding: 0
}

.divOzellestirmeContent {
    background-color: #fff;
    max-width: 360px;
    padding: 20px;
    min-width: 360px
}

.ozellestirmeTittle {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 8px;
    margin-bottom: 10px
}

    .ozellestirmeTittle .colLeft {
        text-align: left;
        width: 100%;
        font-weight: 600;
        color: #000;
        font-size: 18px
    }

        .ozellestirmeTittle .colLeft span {
            font-weight: 600;
            color: #000;
            font-size: 18px
        }

            .ozellestirmeTittle .colLeft span i {
                margin-right: 5px;
                font-size: 14px
            }

    .ozellestirmeTittle .colCenter {
        float: left;
        width: 33%;
        font-weight: 600;
        color: #000;
        font-size: 18px
    }

    .ozellestirmeTittle .colRight {
        float: left;
        width: 33%;
        font-weight: 600;
        color: #000;
        font-size: 18px
    }

    .ozellestirmeTittle:after {
        clear: both;
        display: table;
        content: ""
    }

.ozellestirmeitem:after {
    clear: both;
    display: table;
    content: ""
}

.ozellestirmeitem div {
    text-align: left;
    float: left;
    font-weight: 600;
    color: #000;
    font-size: 13px
}

.ozellestirmeitem .colLeft {
    color: #000;
    font-weight: 500;
    font-size: 13px;
    width: 100%;
    line-height: 1.5
}

.ozellestirmeitem .colRight {
    color: #3d3a3a;
    width: 100%;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5
}

.ozellestirmeUcret {
    border-bottom: 1px solid #e1e1e1;
    padding: 8px 0;
    margin: 10px 0
}

    .ozellestirmeUcret .colLeft {
        text-align: left;
        font-weight: 700;
        color: #000;
        font-size: 14px
    }

        .ozellestirmeUcret .colLeft i {
            margin-right: 5px;
            font-size: 14px
        }

    .ozellestirmeUcret .colRight span {
        color: #000;
        font-size: 13px;
        font-weight: 600
    }

.brand-list {
    width: 100%
}

.brands-head {
    width: 100%;
    line-height: 58px;
    color: #111;
    font-size: 14px;
    font-weight: 900
}

    .brands-head:after {
        clear: both;
        display: table;
        content: ""
    }

#allletters {
    background-color: #ddd;
    margin-bottom: 20px;
    padding: 5px;
    margin-top: 10px;
    list-style-type: none
}

    #allletters:after {
        clear: both;
        display: table;
        content: ""
    }

    #allletters li {
        float: left;
        margin-right: 5px;
        text-align: center;
        width: 39px;
        height: 25px;
        background-color: #fff
    }

        #allletters li a {
            float: left;
            width: 100%;
            float: left;
            line-height: 25px;
            padding: 0;
            font-size: 18px;
            font-weight: bold;
            color: #000;
            text-transform: uppercase
        }

.brands-wrapper .brands-block {
    background-color: #ddd;
    min-height: 335px;
    padding: 20px 20px 20px 160px;
    position: relative
}

.brands-wrapper .brand-letter {
    background-color: #000;
    position: absolute;
    left: 0;
    top: 0;
    width: 150px;
    height: 100%;
    padding: 0
}

    .brands-wrapper .brand-letter > h4 {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        font-size: 0;
        text-align: center;
        width: 100%;
        margin-left: 0;
        padding-top: 0
    }

        .brands-wrapper .brand-letter > h4 > a {
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            color: #fff;
            font-size: 160px;
            line-height: 1.2;
            text-indent: 0
        }

.brands-wrapper .brand-name-list {
    float: left;
    width: 100%;
    max-height: 295px;
    overflow-y: auto;
    overflow-x: hidden
}

    .brands-wrapper .brand-name-list::-webkit-scrollbar {
        width: 4px
    }

    .brands-wrapper .brand-name-list::-webkit-scrollbar-track {
        background: #e5e5e5
    }

    .brands-wrapper .brand-name-list::-webkit-scrollbar-thumb {
        background: #000
    }

    .brands-wrapper .brand-name-list .fl {
        float: left;
        width: 100%;
        list-style-type: none
    }

        .brands-wrapper .brand-name-list .fl li {
            float: left;
            width: 25%
        }

            .brands-wrapper .brand-name-list .fl li a {
                background: #fff;
                color: #000;
                font-size: 12px;
                padding: 0 11px;
                line-height: 25px;
                float: left;
                margin-bottom: 5px
            }

@media(max-width:768px) {
    .brands-wrapper .brands-block {
        min-height: 175px;
        height: 175px;
        padding: 20px 20px 20px 95px
    }

    .brands-wrapper .brand-letter {
        width: 85px
    }

        .brands-wrapper .brand-letter > h4 > a {
            font-size: 98px
        }

    .brands-wrapper .brand-name-list .fl li {
        width: 100%
    }

    #allletters li {
        width: 29px;
        margin-bottom: 5px
    }

        #allletters li a {
            font-size: 15px
        }
}

#divMagazaStok {
    float: left;
    margin: 0 0 0 0
}

#divMagazalar {
    max-width: 460px;
    padding: 30px 20px
}

    #divMagazalar:after {
        clear: both;
        display: table;
        content: ""
    }

    #divMagazalar .divMagazalarTittle {
        font-size: 18px;
        font-weight: 500;
        border-bottom: 1px solid #e1e1e1;
        padding-bottom: 10px;
        margin-bottom: 20px;
        color: #000;
        width: 100%
    }

        #divMagazalar .divMagazalarTittle i {
            font-size: 14px;
            margin-right: 8px
        }

    #divMagazalar .adresDetayItemContent {
        display: flex;
        margin-left: -5px;
        margin-right: -5px
    }

    #divMagazalar .adresDetayUlkeItem, .adresDetaySehirItem, .adresDetayIlceItem {
        margin: 5px;
        flex-grow: 3
    }

    #divMagazalar select {
        border: 1px solid #e1e1e1;
        height: 40px;
        background-color: #fff;
        display: block;
        padding: 0;
        margin: 0
    }

    #divMagazalar .divMagazaHeader {
        width: 100%;
        float: left;
        border-top: 1px solid #e1e1e1;
        margin-top: 20px;
        margin-bottom: 10px;
        padding: 10px 0 0
    }

        #divMagazalar .divMagazaHeader:after {
            clear: both;
            display: table;
            content: ""
        }

        #divMagazalar .divMagazaHeader > div {
            width: 25%;
            float: left;
            margin-right: 0;
            text-align: center;
            font-size: 12px;
            color: #000;
            font-weight: 500
        }

    #divMagazalar .divMagazaContent {
        float: left;
        width: 100%;
        border: 1px solid #e1e1e1;
        max-height: 200px;
        overflow-y: auto;
        overflow-x: hidden
    }

        #divMagazalar .divMagazaContent:after {
            clear: both;
            display: table;
            content: ""
        }

    #divMagazalar .divMagazaItem {
        float: left;
        display: block;
        width: 100%;
        background-color: #f5f4f4;
        padding: 0 0
    }

        #divMagazalar .divMagazaItem:nth-child(2n) {
            background-color: #fff
        }

        #divMagazalar .divMagazaItem:after {
            clear: both;
            display: table;
            content: ""
        }

        #divMagazalar .divMagazaItem > div {
            width: 25%;
            float: left;
            text-align: center;
            font-size: 12px;
            color: #000
        }

            #divMagazalar .divMagazaItem > div.span-1 {
                padding: 15px 0;
                line-height: normal
            }

            #divMagazalar .divMagazaItem > div.span-2 {
                padding: 15px 0;
                line-height: normal
            }

            #divMagazalar .divMagazaItem > div.span-3 {
                padding: 15px 0;
                line-height: normal
            }

            #divMagazalar .divMagazaItem > div.span-4 {
                padding: 15px 0;
                line-height: normal
            }

                #divMagazalar .divMagazaItem > div.span-4 a {
                    line-height: normal;
                    font-size: 12px
                }

@media(max-width:768px) {
    #divMagazalar > div {
        width: 100%;
        font-size: 11px;
        margin-bottom: 8px
    }
}

@media(max-width:991px) {
    .leftImage img {
        max-width: 100%
    }
}

.categoryOverlay {
    visibility: visible;
    background: #000;
    opacity: .5;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999;
    height: 100%
}

    .categoryOverlay #loader {
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -75px 0 0 -75px;
        border: 8px solid #f3f3f3;
        border-radius: 50%;
        border-top: 8px solid #000;
        width: 100px;
        height: 100px;
        -webkit-animation: spin 2s linear infinite;
        animation: spin 2s linear infinite
    }

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.productItem .productTimer {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background: #f1efef;
    padding: 10px 0;
    z-index: 9
}

    .productItem .productTimer span.productTimerContent {
        display: inline-block;
        min-width: 45px
    }

        .productItem .productTimer span.productTimerContent span {
            font-size: 17px;
            color: #282929;
            text-align: center;
            font-weight: 600;
            border-right: 1px solid #ded6d6;
            display: block
        }

            .productItem .productTimer span.productTimerContent span:last-child {
                display: block;
                font-size: 12px;
                color: #919191;
                line-height: 1;
                font-weight: 400;
                border-right: 0
            }

        .productItem .productTimer span.productTimerContent .productTimerSecond {
            border-right: 0
        }

.productItem .productPrice.showLastDayCounter {
    display: block;
    float: none;
    position: relative;
    text-align: center;
    height: auto
}

    .productItem .productPrice.showLastDayCounter .discountPrice {
        display: block;
        float: none;
        position: relative;
        text-align: center
    }

        .productItem .productPrice.showLastDayCounter .discountPrice span {
            display: inline-block;
            font-size: 12px;
            text-decoration: line-through;
            font-weight: 400
        }

    .productItem .productPrice.showLastDayCounter .regularPrice {
        display: block;
        float: none;
        position: relative;
        text-align: center
    }

        .productItem .productPrice.showLastDayCounter .regularPrice span {
            display: inline-block;
            font-size: 14px;
            text-decoration: none;
            font-weight: 600
        }

.siparisTakipDetayi .siparisTutucu .siparisBilgi .siparisBilgiSag span.siparisTakipDurum {
    font-weight: 600;
    color: #000;
    padding: 5px 0
}

.leftImage .productTimer {
    z-index: 99;
    background: rgba(6,6,6,.5) !important;
    width: 100%;
    padding: 6px 0 !important;
    text-align: center
}

    .leftImage .productTimer > span {
        display: inline-block;
        vertical-align: top;
        position: relative;
        width: 40px;
        min-width: 0 !important
    }

        .leftImage .productTimer > span:after {
            content: ':';
            color: #fff;
            float: right;
            position: absolute;
            right: -3px;
            top: 0;
            bottom: 0
        }

        .leftImage .productTimer > span:last-child:after {
            display: none
        }

        .leftImage .productTimer > span span {
            display: block;
            clear: both;
            text-align: center;
            width: 100%;
            color: #fff !important
        }

            .leftImage .productTimer > span span:last-child {
                font-size: 10px
            }

    .leftImage .productTimer span.productTimerContent span {
        border-right: 0 !important;
        font-weight: 500 !important;
        font-size: 12px !important;
        transform: none !important
    }

.centerCount .Block_item.blokUrunArama {
    width: 300px;
    margin: 0 auto;
    float: none
}

    .centerCount .Block_item.blokUrunArama .Block_Title {
        margin: 0 0 10px 0;
        padding: 10px 0
    }

    .centerCount .Block_item.blokUrunArama .textbox.blokAramaText {
        margin: 0 0 10px 0
    }

.centerCount .Block_item.SepetBlock {
    width: 300px;
    margin: 0 auto;
    float: none
}

    .centerCount .Block_item.SepetBlock .Block_Title {
        margin: 0 0 10px 0;
        padding: 10px 0
    }

.centerCount .Block_item.Anket {
    width: 300px;
    margin: 0 auto;
    float: none
}

    .centerCount .Block_item.Anket .Block_Title {
        margin: 0 0 10px 0;
        padding: 10px 0
    }

.centerCount .Block_item.ArkadasiniDavetetBlock {
    width: 300px;
    margin: 0 auto;
    float: none
}

    .centerCount .Block_item.ArkadasiniDavetetBlock .Block_Title {
        margin: 0 0 10px 0;
        padding: 10px 0
    }

    .centerCount .Block_item.ArkadasiniDavetetBlock .Block_Text {
        padding: 0
    }

.centerCount .Block_item.DovizKurlari {
    width: 300px;
    margin: 0 auto;
    float: none
}

    .centerCount .Block_item.DovizKurlari .Block_Title {
        margin: 0 0 10px 0;
        padding: 10px 0
    }

.centerCount .Block_item.Duyurular {
    width: 300px;
    margin: 0 auto;
    float: none
}

    .centerCount .Block_item.Duyurular .Block_Title {
        margin: 0 0 10px 0;
        padding: 10px 0
    }

.centerCount .Block_item.EmailListesi {
    width: 300px;
    margin: 0 auto;
    float: none
}

    .centerCount .Block_item.EmailListesi .Block_Title {
        margin: 0 0 10px 0;
        padding: 10px 0
    }

    .centerCount .Block_item.EmailListesi .textbox#txtBlokEBultenKaydet {
        margin: 0 0 10px 0
    }

.centerCount .Block_item.Haberler {
    width: 300px;
    margin: 0 auto;
    float: none
}

    .centerCount .Block_item.Haberler .Block_Title {
        margin: 0 0 10px 0;
        padding: 10px 0
    }

.centerCount .Block_item.YanUyeGirisi {
    width: 300px;
    margin: 0 auto;
    float: none
}

    .centerCount .Block_item.YanUyeGirisi .Block_Title {
        margin: 0 0 10px 0;
        padding: 10px 0
    }

    .centerCount .Block_item.YanUyeGirisi .textbox#txtUyeGirisEmail {
        margin: 0 0 10px 0
    }

    .centerCount .Block_item.YanUyeGirisi .textbox#txtGuvenlikKodu {
        margin: 0 0 10px 0
    }

.newUserWrapper.xIDDiv img {
    display: inline-block
}

.newUserWrapper.xIDDiv a {
    display: inline-block;
    line-height: normal
}

.xIDSifreDegistir img {
    display: inline-block
}

.xIDSifreDegistir a {
    display: inline-block;
    line-height: normal
}

.centerCount .Block_item.YanUyeGirisi .textbox#txtUyeGirisPassword {
    margin: 0 0 10px 0
}

.centerCount .Block_item.Istatistik {
    width: 300px;
    margin: 0 auto;
    float: none
}

    .centerCount .Block_item.Istatistik .Block_Title {
        margin: 0 0 10px 0;
        padding: 10px 0
    }

.centerCount .Block_item.SonEklenenUrunler {
    width: 300px;
    margin: 0 auto;
    float: none
}

    .centerCount .Block_item.SonEklenenUrunler .Block_Title {
        margin: 0 0 10px 0;
        padding: 10px 0
    }

.fancybox-inner #dinamikFormPopup {
    width: 320px;
    padding: 15px
}

.dinamikFormContainer * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.dinamikFormContainer h3 {
    padding: 10px 0;
    display: block;
    border-bottom: 1px dotted #efefef;
    font-weight: normal;
    font-size: 16px;
    margin-top: 20px
}

.dinamikFormContainer label {
    font-size: 13px;
    color: #000;
    font-weight: bold;
    display: block;
    clear: both;
    padding: 10px 0;
    overflow: hidden;
    font-size: 12px
}

.dinamikFormContainer fieldset label {
    float: left;
    width: auto;
    margin-right: 20px
}

    .dinamikFormContainer fieldset label.imageboxRadio {
        float: left;
        width: 100px;
        clear: right
    }

        .dinamikFormContainer fieldset label.imageboxRadio img {
            max-width: 100%
        }

.dinamikFormContainer fieldset {
    border: 0;
    padding: 0;
    margin: 0
}

.dinamikFormContainer .textbox {
    width: 100%;
    border: solid 1px #e5e5e5;
    height: 40px;
    line-height: 40px;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    float: none
}

.dinamikFormContainer select {
    width: 100%;
    border: solid 1px #e5e5e5;
    height: 40px;
    line-height: 40px;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    float: none
}

.dinamikFormContainer textarea {
    width: 100%;
    border: solid 1px #e5e5e5;
    min-height: 80px;
    line-height: 20px;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    float: none
}

.dinamikFormContainer .form_validation {
    color: #f00
}

.dinamikFormContainer button {
    display: block;
    margin: 20px 0;
    background-color: #000;
    text-align: center;
    color: #fff;
    box-shadow: none;
    border: 0;
    padding: 10px 0;
    width: 100%;
    cursor: pointer
}

.dinamikFormContainer .intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 48px !important;
    margin-left: 0;
    transition: background-color 100ms ease-out;
    width: 100%;
    width: 100%;
    border: solid 1px #e5e5e5;
    height: 40px;
    line-height: 40px;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    float: none;
    color: #666;
    font-size: 14px
}

.blogCenter {
    width: 73%;
    float: left;
    margin-top: 20px
}

.blogRight {
    width: 25%;
    float: right;
    margin-top: 20px
}

.tici-blok-ul {
    position: relative;
    display: block;
    overflow: hidden;
    margin-left: -10px;
    margin-right: -10px
}

    .tici-blok-ul:after {
        clear: both;
        display: table;
        content: ""
    }

    .tici-blok-ul li {
        float: left;
        width: 50%;
        margin-bottom: 20px;
        padding: 0 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

        .tici-blok-ul li:first-child {
            float: left;
            width: 100%
        }

        .tici-blok-ul li:nth-child(2n+2) {
            clear: left
        }

    .tici-blok-ul .pi-picture {
        height: 0;
        position: relative;
        background: #fff;
        padding-bottom: 56%;
        overflow: hidden;
        width: 100%;
        border-bottom: 0
    }

        .tici-blok-ul .pi-picture a {
            display: block;
            position: relative;
            height: 100%;
            top: 0;
            left: 0;
            text-align: center;
            align-items: center;
            width: 100%;
            padding-bottom: 56%
        }

            .tici-blok-ul .pi-picture a:before {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                z-index: 1;
                display: inline-block;
                visibility: visible;
                background-color: rgba(28,28,28,.7);
                content: '';
                opacity: 0;
                -webkit-transition: all .35s;
                -moz-transition: all .35s;
                -ms-transition: all .35s;
                -o-transition: all .35s;
                transition: all .35s;
                pointer-events: none !important;
                backface-visibility: hidden;
                -webkit-backface-visibility: hidden
            }

            .tici-blok-ul .pi-picture a img {
                max-width: 100%;
                max-height: 100%;
                height: auto;
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                margin: auto
            }

    .tici-blok-ul li:hover .pi-picture > a:before {
        visibility: visible;
        opacity: 1
    }

    .tici-blok-ul .pi-titles {
        margin: 8px 0;
        height: 45px;
        overflow: hidden
    }

        .tici-blok-ul .pi-titles h3 {
            letter-spacing: -.045em;
            font-weight: 500;
            font-size: 18px;
            line-height: 1.3;
            display: block;
            color: #282828
        }

            .tici-blok-ul .pi-titles h3 a {
                -webkit-transition: all .25s ease;
                -moz-transition: all .25s ease;
                -ms-transition: all .25s ease;
                -o-transition: all .25s ease;
                transition: all .25s ease;
                font-weight: 500;
                font-size: 18px;
                line-height: 1.3;
                display: block;
                color: #282828
            }

                .tici-blok-ul .pi-titles h3 a:hover {
                    text-decoration: underline
                }

    .tici-blok-ul .pi-categories {
        margin: 8px 0
    }

        .tici-blok-ul .pi-categories * {
            line-height: 20px;
            font-size: 12px !important;
            color: #9c9b9b
        }

        .tici-blok-ul .pi-categories .pi-cat {
            text-decoration: underline
        }

    .tici-blok-ul .pi-text {
        overflow: hidden;
        height: 80px
    }

        .tici-blok-ul .pi-text p * {
            line-height: 20px;
            font-size: 13px !important
        }

    .tici-blok-ul .pi-etiket {
        margin: 8px 0;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

        .tici-blok-ul .pi-etiket span {
            line-height: 18px;
            font-size: 12px !important;
            color: #9c9b9b
        }

    .tici-blok-ul .pi-link {
        margin-top: 10px
    }

        .tici-blok-ul .pi-link a {
            color: #000;
            text-decoration: underline;
            font-size: 13px;
            display: inline-block
        }

.blog-sayfalama ul {
    display: block;
    text-align: center;
    margin: 20px 0
}

    .blog-sayfalama ul:After {
        clear: both;
        display: table;
        content: ""
    }

    .blog-sayfalama ul li {
        display: inline-block;
        margin: 0 5px 8px 5px
    }

        .blog-sayfalama ul li a {
            padding: 5px 8px;
            background-color: #eee;
            line-height: 25px
        }

            .blog-sayfalama ul li a:hover {
                background-color: #000;
                color: #fff
            }

            .blog-sayfalama ul li a.active {
                background-color: #000;
                color: #fff
            }

.blogkategoribaslik {
    color: #000;
    font-weight: 600;
    border-bottom: 2px solid #ddd;
    display: block;
    padding: 0 0 10px 0;
    margin-bottom: 10px
}

.blogKategori ul li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd
}

    .blogKategori ul li a {
        text-decoration: underline
    }

.bloksonyazilarbaslik {
    color: #000;
    font-weight: 600;
    border-bottom: 2px solid #ddd;
    display: block;
    padding: 0 0 10px 0;
    margin-bottom: 10px
}

.blokSonYazilar ul li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd
}

    .blokSonYazilar ul li a {
        text-decoration: underline
    }

.blog-h1 {
    display: block;
    margin-bottom: 15px;
    font-size: 20px;
    text-align: center;
    display: block;
    text-decoration: underline
}

.blog-img {
    max-width: 100%;
    margin-bottom: 20px;
    display: block
}

    .blog-img img {
        max-width: 100%
    }

.yayintarih {
    text-align: left;
    display: block;
    font-size: 13px;
    margin: 10px 0;
    text-decoration: underline
}

.blog-listeyedon {
    color: #000;
    font-size: 13px;
    display: inline-block;
    margin-top: 10px;
    text-decoration: underline;
    font-weight: 600
}

@media(max-width:768px) {
    .blogCenter {
        width: 100%
    }

    .blogRight {
        display: none
    }

    .tici-blok-ul li {
        width: 100%
    }
}

.favoriListelerimBlokContent {
    margin: 20px 0
}

    .favoriListelerimBlokContent:after {
        clear: both;
        display: table;
        content: ""
    }

    .favoriListelerimBlokContent .favoriBlokTittle {
        font-size: 16px;
        display: block;
        margin-bottom: 20px
    }

    .favoriListelerimBlokContent .tab {
        overflow: hidden;
        border-bottom: 2px solid #4c4c4c;
        position: relative
    }

        .favoriListelerimBlokContent .tab:after {
            clear: both;
            display: table;
            content: ""
        }

        .favoriListelerimBlokContent .tab .tablinks {
            font-weight: 500;
            background-color: transparent;
            border: 0;
            padding: 10px 25px;
            font-size: 14px;
            float: left;
            cursor: pointer;
            color: #b2b2b2;
            letter-spacing: .5px;
            border-left: 2px solid transparent;
            border-top: 2px solid transparent;
            border-right: 2px solid transparent
        }

            .favoriListelerimBlokContent .tab .tablinks.active {
                color: #4c4c4c;
                border-left: 2px solid #4c4c4c;
                border-top: 2px solid #4c4c4c;
                border-right: 2px solid #4c4c4c
            }

        .favoriListelerimBlokContent .tab #aFavoriGrupEklemeAlanGoster {
            position: absolute;
            right: 0;
            top: 0;
            border: 1px solid #b2b2b2;
            padding: 4px 20px
        }

            .favoriListelerimBlokContent .tab #aFavoriGrupEklemeAlanGoster:hover {
                background-color: #4c4c4c;
                color: #fff
            }

    .favoriListelerimBlokContent .tabcontent {
        display: none;
        margin-top: 30px
    }

    .favoriListelerimBlokContent #divFavoriGroup:after {
        clear: both;
        display: table;
        content: ""
    }

.favoriGrupItem {
    float: left;
    width: 100%;
    border-bottom: 2px solid #b2b2b2;
    margin-bottom: 20px;
    padding-bottom: 20px
}

.favoriGrupItemName {
    float: left;
    width: 30%;
    padding: 9px 0
}

.favoriGrupItemAdet {
    float: left;
    width: 14%;
    padding: 9px 0
}

.favoriGrupItemImg {
    float: left;
    width: 35%
}

.favoriGrupItemSepeteekle {
    float: right;
    margin-top: 5px
}

    .favoriGrupItemSepeteekle a {
        padding: 5px 30px;
        border: 1px solid #ddd;
        background-color: #ddd;
        position: relative;
        display: block
    }

        .favoriGrupItemSepeteekle a i {
            position: absolute;
            right: 10px;
            top: 10px
        }

        .favoriGrupItemSepeteekle a:hover {
            background-color: #4c4c4c;
            color: #fff
        }

.favoriListelerimBlokContent .favoriGrupItemImg ul li {
    float: left;
    width: 40px;
    height: 40px;
    overflow: hidden;
    display: block;
    margin-right: 10px
}

    .favoriListelerimBlokContent .favoriGrupItemImg ul li img {
        max-width: 100%
    }

.siparisGrupItem {
    float: left;
    width: 100%;
    border-bottom: 2px solid #b2b2b2;
    margin-bottom: 20px;
    padding-bottom: 20px
}

    .siparisGrupItem:after {
        clear: both;
        display: table;
        content: ""
    }

    .siparisGrupItem .siparisGrupStok {
        float: left;
        width: 15%;
        padding: 9px 0
    }

    .siparisGrupItem .siparisGrupTarih {
        float: left;
        width: 15%;
        padding: 9px 0
    }

    .siparisGrupItem .siparisGrupFiyat {
        float: left;
        width: 35%;
        padding: 9px 0
    }

    .siparisGrupItem .siparisGrupsepetekle {
        float: right;
        margin-top: 5px
    }

        .siparisGrupItem .siparisGrupsepetekle a {
            padding: 5px 30px;
            border: 1px solid #ddd;
            background-color: #ddd;
            position: relative;
            display: block;
            color: #4c4c4c
        }

            .siparisGrupItem .siparisGrupsepetekle a i {
                position: absolute;
                right: 10px;
                top: 10px
            }

            .siparisGrupItem .siparisGrupsepetekle a:hover {
                background-color: #4c4c4c;
                color: #fff
            }

#divFavoriGrupEklemeAlan {
    float: right
}

    #divFavoriGrupEklemeAlan:after {
        clear: both;
        display: table;
        content: ""
    }

.FavoriGrupEklemeAlanTxtbox {
    float: left
}

    .FavoriGrupEklemeAlanTxtbox input {
        background-color: #fff;
        padding: 8px 20px 8px 5px
    }

.FavoriGrupEklemeAlanEkle {
    float: left;
    margin-left: 5px
}

    .FavoriGrupEklemeAlanEkle a {
        display: block;
        padding: 8px 15px;
        background-color: #ddd;
        line-height: normal;
        border: 1px solid #ddd;
        background-color: #ddd;
        color: #4c4c4c
    }

        .FavoriGrupEklemeAlanEkle a:hover {
            background-color: #4c4c4c;
            color: #fff
        }

.FavoriGrupEklemeAlanKapat {
    float: left;
    margin-left: 5px
}

    .FavoriGrupEklemeAlanKapat a {
        display: block;
        padding: 8px 15px;
        background-color: #ddd;
        line-height: normal;
        border: 1px solid #ddd;
        background-color: #ddd;
        color: #4c4c4c
    }

        .FavoriGrupEklemeAlanKapat a:hover {
            background-color: #4c4c4c;
            color: #fff
        }

.favori-modal-content {
    width: 700px
}

.divFavoriGrupDetayTop {
    background-color: #ddd;
    padding: 3px 10px;
    color: #4c4c4c;
    position: relative
}

.divFavoriGrupDetayTopTarih {
    position: absolute;
    right: 10px;
    top: 13px
}

.divFavoriGrupDetayTop:after {
    clear: both;
    display: table;
    content: ""
}

.divFavoriGrupDetayTop #spnGrupAdi {
    margin: 6px 0;
    display: block;
    line-height: 22px;
    float: left
}

.divFavoriGrupDetayTop #btnShowGrupAdiDuzenle i {
    margin-left: 10px;
    color: #4c4c4c;
    margin-top: 10px;
    float: left
}

.divFavoriGrupDetayTop #inptGrupAdi {
    float: left;
    width: 300px;
    margin: 0;
    float: left;
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #ddd
}

.divFavoriGrupDetayTop #btnGrupAdiKaydet {
    display: block;
    float: left;
    margin-left: 10px;
    font-size: 13px;
    padding: 8px 15px;
    background-color: #ddd;
    line-height: normal;
    border: 1px solid #ddd;
    background-color: #4c4c4c;
    color: #fff
}

#divFavoriUrunAraContent {
    margin-top: 10px
}

    #divFavoriUrunAraContent input {
        display: block;
        width: 100%;
        border-radius: 0;
        box-shadow: none;
        border: 1px solid #ddd;
        padding: 10px
    }

#favoriGrupUrunler:after {
    clear: both;
    display: table;
    content: ""
}

.favoriGrupUrunItem:after {
    clear: both;
    display: table;
    content: ""
}

.favoriGrupUrunItem {
    float: left;
    width: 100%;
    margin-top: 10px;
    border-bottom: 2px solid #ddd;
    display: block;
    padding-bottom: 10px
}

    .favoriGrupUrunItem .favoriGrupUrunItemImg {
        float: left;
        width: 100px;
        height: 100px;
        overflow: hidden;
        position: relative
    }

        .favoriGrupUrunItem .favoriGrupUrunItemImg .favoriGrupUrunItemBirim {
            position: absolute;
            background-color: #000;
            width: 18px;
            height: 18px;
            color: #fff;
            border-radius: 16px;
            right: 5px;
            text-align: center;
            top: 5px;
            font-size: 11px;
            line-height: 18px
        }

.favoriGrupUrunItemImg img {
    max-width: 100%
}

.favoriGrupUrunItem .favoriGrupUrunItemName {
    float: left;
    width: 40%
}

    .favoriGrupUrunItem .favoriGrupUrunItemName .favoriGrupUrunItemNameAdetBirim {
        display: block;
        font-size: 13px;
        color: #b2b2b2
    }

.favoriGrupUrunItem .favoriGrupUrunItemPrice {
    float: left;
    width: 30%
}

.favoriGrupUrunItem .favoriGrupUrunBtnGrup {
    float: right;
    width: 10%;
    display: block;
    text-align: right
}

    .favoriGrupUrunItem .favoriGrupUrunBtnGrup > div {
        display: inline-block;
        margin-left: 15px
    }

.divFavoriGrupDetayBottom {
    display: block;
    margin-top: 10px;
    text-align: right
}

    .divFavoriGrupDetayBottom div {
        display: inline-block
    }

        .divFavoriGrupDetayBottom div a {
            display: block;
            border: 1px solid #ddd;
            background-color: #ddd;
            color: #4c4c4c;
            padding: 2px 15px
        }

            .divFavoriGrupDetayBottom div a:hover {
                background-color: #4c4c4c;
                color: #fff
            }

.standartFavoriBlok {
    float: left;
    display: block;
    width: 100%;
    margin-bottom: 10px
}

    .standartFavoriBlok:after {
        clear: both;
        display: table;
        content: ""
    }

    .standartFavoriBlok .standartFavoriBlokTittle {
        border: 1px solid #ddd;
        display: block;
        padding: 8px;
        background-color: #fff;
        margin-bottom: 5px;
        position: relative;
        cursor: pointer
    }

        .standartFavoriBlok .standartFavoriBlokTittle:after {
            clear: both;
            display: table;
            content: ""
        }

        .standartFavoriBlok .standartFavoriBlokTittle div > span {
            float: left;
            line-height: 27px
        }

        .standartFavoriBlok .standartFavoriBlokTittle a {
            display: block;
            float: right;
            padding: 5px 15px;
            background-color: #ddd;
            line-height: normal;
            border: 1px solid #ddd;
            background-color: #ddd;
            color: #4c4c4c;
            font-size: 13px
        }

            .standartFavoriBlok .standartFavoriBlokTittle a:hover {
                border: 1px solid #4c4c4c;
                background-color: #4c4c4c;
                color: #fff
            }

    .standartFavoriBlok .standartFavoriBlokContent .favoriGrupUrunItemContent {
        padding: 10px;
        border: 1px solid #ddd;
        margin-bottom: 5px;
        background-color: #fff
    }

        .standartFavoriBlok .standartFavoriBlokContent .favoriGrupUrunItemContent .favoriGrupUrunItem {
            border-bottom: 0
        }

        .standartFavoriBlok .standartFavoriBlokContent .favoriGrupUrunItemContent:after {
            clear: both;
            display: table;
            content: ""
        }

.detayFavoriListesiContent {
    width: 100%
}

#divGrupOlusturContent .item {
    display: block;
    width: 100%
}

.detayFavoriListItem {
    display: block;
    width: 100%;
    padding: 8px 0 8px 5px;
    position: relative;
    border: 1px solid #ccc;
    margin-bottom: 5px
}

    .detayFavoriListItem button {
        display: block;
        padding: 5px 15px;
        background-color: #ddd;
        line-height: normal;
        border: 1px solid #ddd;
        background-color: #ddd;
        color: #4c4c4c;
        position: absolute;
        right: 6px;
        top: 3px;
        font-size: 13px;
        cursor: pointer
    }

        .detayFavoriListItem button:hover {
            border: 1px solid #4c4c4c;
            background-color: #4c4c4c;
            color: #fff
        }

.divGrupOlusturContentBottom input {
    display: block;
    width: 100%;
    padding: 8px 0
}

.detayFavoriListesiContent #btnGrupOlusturGoster {
    display: block;
    padding: 5px 15px;
    background-color: #ddd;
    line-height: normal;
    border: 1px solid #ddd;
    margin-top: 5px;
    background-color: #ddd;
    color: #4c4c4c;
    font-size: 13px;
    cursor: pointer;
    width: 100%
}

.divGrupOlusturContentBottom button {
    display: block;
    padding: 5px 15px;
    background-color: #ddd;
    line-height: normal;
    border: 1px solid #ddd;
    margin-top: 5px;
    background-color: #ddd;
    color: #4c4c4c;
    font-size: 13px;
    cursor: pointer;
    width: 100%
}

.divGrupOlusturContentBottomError {
    padding: 5px 0;
    color: #f00
}

@media(max-width:768px) {
    .favori-modal-content {
        width: 100%
    }
}

.magazaTeslimatBilgisiContent {
    margin: 15px 0
}

.magazaTeslimatKargoBilgisi {
    width: 50%;
    float: left;
    background-color: #fff;
    border: 1px solid #ebebeb;
    padding: 10PX;
    min-height: 93px
}

    .magazaTeslimatKargoBilgisi .magazaTeslimatKargo strong {
        font-size: 13px;
        color: #3e3e3e
    }

    .magazaTeslimatKargoBilgisi .magazaTeslimatAdresBilgisi {
        font-size: 13px;
        color: #3e3e3e;
        display: block
    }

        .magazaTeslimatKargoBilgisi .magazaTeslimatAdresBilgisi span {
            margin-left: 5px
        }

            .magazaTeslimatKargoBilgisi .magazaTeslimatAdresBilgisi span a {
                font-size: 13px;
                color: #4f8ee3;
                font-weight: 500
            }

                .magazaTeslimatKargoBilgisi .magazaTeslimatAdresBilgisi span a i {
                    margin-right: 0
                }

    .magazaTeslimatKargoBilgisi .magazaTeslimatSaatBilgisi {
        font-size: 13px
    }

        .magazaTeslimatKargoBilgisi .magazaTeslimatSaatBilgisi a {
            font-size: 13px;
            color: #4f8ee3;
            font-weight: 500;
            margin-left: 5px
        }

            .magazaTeslimatKargoBilgisi .magazaTeslimatSaatBilgisi a i {
                margin-right: 0
            }

.magazaTeslimatMagazaBilgisi {
    float: left;
    width: 50%;
    background-color: #fff;
    border: 1px solid #ebebeb;
    padding: 10PX;
    border-left: 0;
    min-height: 93px
}

    .magazaTeslimatMagazaBilgisi .magazaTeslimatMagaza strong {
        font-size: 13px;
        color: #3e3e3e
    }

    .magazaTeslimatMagazaBilgisi .magazaTeslimatMagaza span {
        font-size: 11px;
        color: #fff;
        background-color: #ffb007;
        display: inline-block;
        padding: 2px;
        border-radius: 2px;
        line-height: normal;
        margin-top: -5px
    }

    .magazaTeslimatMagazaBilgisi .magazaTeslimatMagazaAdresBilgisi {
        font-size: 13px;
        color: #3e3e3e;
        line-height: normal
    }

        .magazaTeslimatMagazaBilgisi .magazaTeslimatMagazaAdresBilgisi a {
            font-size: 13px;
            color: #4f8ee3;
            font-weight: 500;
            margin-left: 5px
        }

            .magazaTeslimatMagazaBilgisi .magazaTeslimatMagazaAdresBilgisi a i {
                margin-right: 0
            }

.sutunsContent {
    width: 700px;
    background-color: #fff;
    padding: 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -moz-flex-direction: row;
    -o-flex-direction: row;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between
}

    .sutunsContent .sutun {
        float: left
    }

    .sutunsContent .baslik {
        text-align: center;
        border: 1px solid #ebebeb;
        font-size: 13px;
        font-weight: 600
    }

    .sutunsContent .sutun .satir {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        -webkit-align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
        height: 50px;
        border: 1px solid #ebebeb;
        color: #3e3e3e;
        font-size: 13px
    }

.global_body .teslimatSaatiContent {
    width: 600px;
    padding: 10px
}

.global_body .teslimatSaatiContentBaslik p:first-child {
    font-size: 17px;
    font-weight: 600
}

.global_body .teslimatSaatiContentBaslik p:last-child {
    font-size: 13px;
    font-weight: 400;
    padding: 10px 0
}

.global_body .teslimatSaatiContent .teslimatSaatiRow {
    flex-wrap: wrap;
    display: flex
}

    .global_body .teslimatSaatiContent .teslimatSaatiRow .teslimatSaatiCol {
        width: 14.285714%;
        cursor: pointer;
        text-align: center;
        border: 2px solid #ebebeb;
        border-right: 0;
        font-size: 12px;
        color: #3e3e3e
    }

        .global_body .teslimatSaatiContent .teslimatSaatiRow .teslimatSaatiCol.active {
            border: 2px solid #3e3e3e
        }

.global_body .teslimatSaatiContent .teslimatSaatiCol span {
    display: block;
    padding: 3px 0
}

.global_body .teslimatSaatiContent .teslimatSaatiTabContent .satirTab.hidden {
    display: none
}

.global_body .teslimatSaatiContent .teslimatSaatiTabContent .satirTab .satir {
    font-size: 12px;
    margin-top: 10px;
    border: 2px solid #ebebeb;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    margin: 0;
    margin-right: -1px;
    margin-bottom: -1px;
    height: 50px;
    display: block;
    font-size: 12px;
    color: #3e3e3e;
    font-weight: 600;
    cursor: pointer;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center
}

    .global_body .teslimatSaatiContent .teslimatSaatiTabContent .satirTab .satir span {
        width: 49%;
        display: inline-block;
        color: #3e3e3e
    }

        .global_body .teslimatSaatiContent .teslimatSaatiTabContent .satirTab .satir span:last-child {
            text-align: right
        }

        .global_body .teslimatSaatiContent .teslimatSaatiTabContent .satirTab .satir span.pasif {
            color: #ccc
        }

.fb_dialog_mobile {
    bottom: 10px !important;
    right: 0 !important
}

#topMessage {
    position: fixed;
    margin: 0;
    background: #e6e6e6;
    text-align: center;
    left: 0;
    right: 0;
    z-index: 999;
    top: 0
}

    #topMessage #topMessageContainer {
        display: block;
        max-width: 768px;
        margin: 0 auto
    }

    #topMessage #browserUpdate, #topMessage #browserUpdateIE9 {
        overflow: hidden;
        padding: 15px
    }

.browser-update-close {
    float: right;
    display: block;
    color: #000;
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 13px;
    cursor: pointer
}

    .browser-update-close:hover {
        color: #f00
    }

#browserUpdate strong, #browserUpdateIE9 strong {
    color: #333;
    font-size: 18px;
    display: block;
    margin-bottom: 10px
}

#browserUpdate ul, #browserUpdateIE9 ul {
    list-style: none;
    padding: 0;
    margin: 15px 0 0 0;
    overflow: hidden;
    font-size: 0
}

    #browserUpdate ul li, #browserUpdateIE9 ul li {
        zoom: 1;
        margin-left: 10px;
        min-width: 25%;
        display: inline-block;
        vertical-align: text-bottom
    }

        #browserUpdate ul li:first-child, #browserUpdateIE9 ul li:first-child {
            margin-left: 0
        }

        #browserUpdate ul li a, #browserUpdateIE9 ul li a {
            display: block;
            color: #333;
            font-size: 14px;
            line-height: 45px;
            background: #fff;
            transition: all .3s ease;
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -o-transition: all .3s ease
        }

            #browserUpdate ul li a span, #browserUpdateIE9 ul li a span {
                display: inline-block;
                cursor: pointer
            }

            #browserUpdate ul li a i, #browserUpdateIE9 ul li a i {
                line-height: 45px;
                margin-right: 11px;
                font-size: 27px;
                vertical-align: top;
                color: #666
            }

            #browserUpdate ul li a:hover, #browserUpdateIE9 ul li a:hover {
                background: #eee
            }

.displayNone {
    display: none
}

.cerezPopupUyari {
    display: none;
    background-color: rgba(32,32,32,.95);
    max-width: 430px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 10px;
    color: #c9c9c9;
    font-size: 12px;
    line-height: 17px;
    position: fixed;
    left: 5px;
    right: auto;
    bottom: 45px;
    z-index: 6;
    border-radius: 0
}

    .cerezPopupUyari .closeBtn {
        cursor: pointer;
        display: block;
        position: absolute;
        right: 8px;
        top: 5px;
        z-index: 1;
        font-size: 18px
    }

        .cerezPopupUyari .closeBtn i {
            font-size: 16px
        }

    .cerezPopupUyari .title {
        font-size: 17px;
        line-height: 1;
        font-weight: 400;
        margin-bottom: 5px;
        color: #fff
    }

@media(max-width:540px) {
    .cerezPopupUyari {
        width: 75%;
        bottom: 45px
    }
}

.zorunluSecimBorder {
    border: 3px solid #f00;
    padding: 3px;
    border-radius: 5px
}

.urunListeAdet > label.error {
    display: none !important
}

.aIsDisabled {
    cursor: not-allowed;
    opacity: .5;
    color: currentColor;
    display: inline-block;
    pointer-events: none;
    text-decoration: none
}

    .aIsDisabled .fa-spin {
        display: inherit !important
    }

.searchContent .ui-menu {
    min-width: 360px;
    padding: 5px;
    max-height: 300px;
    overflow-y: auto;
    background-color: #fff
}

    .searchContent .ui-menu:after {
        clear: both;
        display: table;
        content: ""
    }

    .searchContent .ui-menu .ui-menu-item:after {
        clear: both;
        display: table;
        content: ""
    }

    .searchContent .ui-menu .ui-menu-item a {
        display: block;
        text-align: left;
        padding: 5px 0;
        float: left;
        width: 100%
    }

    .searchContent .ui-menu .ui-menu-item .complate_image {
        width: 50px !important;
        height: 50px;
        overflow: hidden;
        float: left;
        margin-right: 5px
    }

        .searchContent .ui-menu .ui-menu-item .complate_image img {
            width: 50px !important;
            height: 50px !important
        }

    .searchContent .ui-menu .ui-menu-item .complate_text {
        min-width: 200px;
        padding-left: 0;
        float: left;
        max-width: 210px;
        line-height: 16px;
        font-size: 12px
    }

    .searchContent .ui-menu .ui-menu-item .complate_productPrice {
        width: 59px;
        font-size: 11px;
        padding-left: 5px;
        float: right;
        text-align: right;
        font-weight: 600;
        font-size: 12px
    }

.kombinContent ul:after {
    clear: both;
    display: table;
    content: ""
}

.kombinContent ul li.kombinToplamTutar {
    display: flex;
    margin-bottom: 15px
}

    .kombinContent ul li.kombinToplamTutar div {
        border: 1px solid #efefef;
        padding: 10px;
        background-color: #fdfdfd
    }

        .kombinContent ul li.kombinToplamTutar div.kombinTopluSatinAlimFiyatcizgili span:last-child {
            text-decoration: line-through;
            color: #afafaf
        }

        .kombinContent ul li.kombinToplamTutar div:last-child {
            margin-left: auto
        }

        .kombinContent ul li.kombinToplamTutar div:first-child {
            margin-right: 15px
        }

        .kombinContent ul li.kombinToplamTutar div span {
            flex-direction: column;
            display: flex;
            align-items: center;
            justify-content: center;
            line-height: 1.5;
            font-size: 18px
        }

            .kombinContent ul li.kombinToplamTutar div span.title {
                font-size: 13px
            }

.kombinItem {
    background-color: #fff;
    border: 1px solid #efefef;
    margin: 0 0 15px 0;
    padding: 10px;
    overflow: hidden;
    display: flex;
    display: -webkit-flex
}

    .kombinItem .kombinleftImage {
        width: 96px;
        float: left;
        overflow: hidden
    }

    .kombinItem .kombinImages img {
        max-width: 96px;
        border: 1px solid #e8e8e8
    }

    .kombinItem .kombinImages .selectedImagesLink {
        font-size: 12px;
        color: #000;
        text-decoration: underline;
        line-height: 1.5
    }

    .kombinItem .kombinRightDetail {
        padding-left: 10px;
        float: right;
        width: calc(100% - 96px)
    }

        .kombinItem .kombinRightDetail .divKombinUrunEkSecenek {
            float: left;
            clear: left;
            width: 100%
        }

            .kombinItem .kombinRightDetail .divKombinUrunEkSecenek .divKombinEksecenekTipi {
                float: left;
                clear: left;
                width: 100%
            }

            .kombinItem .kombinRightDetail .divKombinUrunEkSecenek .kombinFormline {
                float: left;
                clear: left;
                width: 100%
            }

            .kombinItem .kombinRightDetail .divKombinUrunEkSecenek .kombinleft_line {
                float: left;
                clear: left;
                width: 100%
            }

            .kombinItem .kombinRightDetail .divKombinUrunEkSecenek .kombinright_line {
                float: left;
                clear: left;
                width: 100%
            }

.kombinFormline .kombinright_line {
    font-size: 14px;
    line-height: 1.5;
    color: #000
}

#divFiyatAlanlari .kombinFormline {
    font-size: 13px;
    line-height: 1.5
}

#divFiyatAlanlari .kombinFiyat1 {
    font-size: 14px;
    font-weight: 500;
    text-decoration: line-through;
    color: #afafaf
}

#divFiyatAlanlari .kombinFiyat2 {
    font-size: 18px;
    font-weight: 500;
    color: #000
}

#divFiyatAlanlari .kombinFiyat3 {
    font-size: 24px;
    font-weight: 500
}

#divFiyatAlanlari .kombinFiyat1 span {
    font-size: 12px;
    color: #000
}

#divFiyatAlanlari .kombinFiyat2 span {
    font-size: 12px;
    color: #000
}

#divFiyatAlanlari .kombinFiyat3 span {
    font-size: 12px;
    color: #000
}

.kombinleft_line {
    padding: 0 0 5px 0
}

.kombinright_line select {
    padding: 4px 8px;
    border: 1px solid #e8e8e8
}

.kombinright_line a {
    border: solid 1px #d1d1d1;
    background-color: #fff;
    line-height: 32px;
    float: left;
    display: block;
    margin-right: 3px;
    cursor: pointer;
    min-height: 32px;
    min-width: 32px;
    text-align: center
}

.kombinFormline .size_box.selected {
    border: solid 1px #000;
    background-color: #fff;
    color: #000
}

.kombinFormline .size_box.nostok {
    border: solid 1px #ececec !important;
    background-color: #ececec !important;
    color: #9a9a9a !important;
    position: relative
}

    .kombinFormline .size_box.nostok img {
        opacity: .4
    }

.kombinEksecenekUyari {
    background-color: #fff;
    position: relative;
    z-index: 1000000;
    padding: 5px;
    border-radius: 5px
}

.urunsecoverlay {
    position: fixed;
    background-color: #000;
    opacity: .5;
    z-index: 99999;
    top: 0;
    left: 0;
    width: 100%;
    height: 150%
}

.kombinurunsecbody #divKombinUrunEkSecenek .tooltipp {
    position: absolute;
    top: -50px;
    left: 50%;
    margin-left: -130px;
    background-color: #000;
    width: 260px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    border-radius: 5px
}

.KombinTopluSatinAlimBtn {
    display: flex
}

    .KombinTopluSatinAlimBtn a {
        padding: 10px 30px;
        font-size: 16px;
        font-weight: bold
    }

.TopluSatinAlimBtn {
    float: left;
    width: 45%
}

.TopluSatinAlimFiyat {
    float: left;
    width: 45%;
    padding: 12px 0
}

    .TopluSatinAlimFiyat span {
        font-weight: 600;
        display: inline-block;
        font-size: 15px;
        margin-right: 5px
    }

.hrzRow {
    margin-left: -10px;
    margin-right: -10px;
    clear: both;
    display: block
}

    .hrzRow:before, .hrzRow:after {
        content: '';
        display: table;
        clear: both
    }

.hrzCol {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    position: relative;
    min-height: 1px
}

.hrzCol-3 {
    width: 25%
}

.hrzCol-4 {
    width: 33.33333333%
}

.hrzCol-5 {
    width: 41.66666667%
}

.hrzCol-6 {
    width: 50%
}

.hrzCol-7 {
    width: 58.33333333%
}

.hrzCol-9 {
    width: 75%
}

.hrzCol-12 {
    width: 100%
}

.ItemOrjHrz {
    margin-bottom: 20px
}

.ProductItemHrz {
    border: 1px solid #e1e1e1;
    background-color: #fff;
    padding: 10px 0
}

    .ProductItemHrz::after {
        clear: both;
        display: table;
        content: ""
    }

    .ProductItemHrz .hrzLeft a.hrzLeftLink {
        display: block;
        position: relative;
        width: 100%;
        height: 0;
        overflow: hidden;
        padding-bottom: 150%
    }

    .ProductItemHrz .hrzLeft a .hrzDiscountIco {
        position: absolute;
        right: 5px;
        top: 5px;
        color: #000;
        z-index: 9;
        font-weight: bold
    }

    .ProductItemHrz .hrzLeft a .hrzImage {
        background-color: #fff;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-align: center;
        align-items: center
    }

        .ProductItemHrz .hrzLeft a .hrzImage img {
            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
        }

    .ProductItemHrz .hrzLeft .hrzProductStar {
        padding-top: 20px
    }

    .ProductItemHrz .hrzRight .hrzProductDetail {
        margin-bottom: 10px
    }

.hrzName {
    font-size: 19px;
    font-weight: 600;
    display: block;
    margin-bottom: 10px
}

.hrzOnyazi {
    font-size: 13px;
    font-weight: 400;
    display: block;
    margin-bottom: 5px
}

.hrzDahaFazla {
    font-weight: 600;
    font-size: 12px
}

.hrzSecenekTittle {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

    .hrzSecenekTittle > div {
        padding: 10px 0
    }

        .hrzSecenekTittle > div div {
            font-weight: 500;
            color: #000;
            font-size: 14px
        }

.hrzSecenekItem {
    border-bottom: 1px solid #ddd;
    padding-top: 10px;
    padding-bottom: 10px
}

.hrzSecenekList, .hrzSecenekPrice {
    line-height: 30px
}

.hrzSecenekItem .urunListeAdet {
    border: 1px solid #ddd;
    padding: 0;
    margin: 0;
    display: flex;
    height: 33px;
    margin-left: 0
}

    .hrzSecenekItem .urunListeAdet a {
        display: block;
        width: 100%;
        text-align: center;
        height: 31px;
        line-height: 31px;
        border: 0;
        background-color: #ddd;
        box-sizing: border-box;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none
    }

        .hrzSecenekItem .urunListeAdet a:hover {
            background-color: #000;
            color: #fff
        }

    .hrzSecenekItem .urunListeAdet input {
        height: 30px;
        text-align: center;
        border: 0;
        width: 100%;
        box-sizing: border-box;
        font-size: 12px;
        text-transform: uppercase;
        box-shadow: none;
        padding: 0;
        line-height: normal;
        margin: 0
    }

.hrzTukendi {
    line-height: normal;
    display: block;
    font-weight: 600;
    background-color: #f7f7f7;
    padding: 10px 40px;
    letter-spacing: 1px
}

.hrzSepeteEkle a {
    line-height: 30px;
    width: 100%;
    text-align: center;
    display: block;
    background-color: #ddd;
    border: 1px solid #ddd;
    font-size: 13px;
    border-radius: 2px
}

    .hrzSepeteEkle a i {
        margin-right: 10px
    }

    .hrzSepeteEkle a:hover {
        background-color: #000;
        border: 1px solid #000;
        color: #fff
    }

.hrzSatir2 {
    color: #666;
    font-size: 12px;
    text-decoration: line-through
}

.hrzSatir1 {
    font-weight: bold;
    color: #000;
    font-size: 14px
}

.hrzProductbottom {
    padding-top: 10px
}

    .hrzProductbottom:after, .hrzProductSecenek:after {
        clear: both;
        display: table;
        content: ""
    }

.hrzProductIcons > div {
    display: inline-block;
    padding: 0 10px;
    line-height: 32px;
    margin-right: 5px;
    background-color: #ddd
}

    .hrzProductIcons > div.hrzIcons {
        padding: 5px;
        background-color: #666;
        color: #fff;
        line-height: normal;
        margin-right: 0;
        margin-bottom: 5px;
        display: table;
        font-size: 12px;
        float: none;
        clear: left;
        font-weight: 500;
        border-radius: 8px 0 8px 0
    }

.dinamikFormContainer label.imageboxRadio > input, label.imageboxRadio > span.radioButtonText {
    visibility: hidden;
    position: absolute
}

.dinamikFormContainer label.imageboxRadio > img {
    cursor: pointer;
    border: 2px solid transparent
}

.dinamikFormContainer label.radioChecked > img {
    border: 2px solid #f00 !important
}

.favoriButtonKapali {
    display: none !important
}

.displayNone {
    display: none
}

.flex-viewport {
    display: block !important
}

#divInstashopPopup {
    min-width: 900px;
    background-color: #fff
}

    #divInstashopPopup .AddGalleryModal .AddGalleryModalTittle {
        display: block;
        padding: 30px;
        color: #222;
        font-size: 20px;
        -webkit-box-shadow: 0 15px 15px 0 rgba(0,0,0,.15);
        -moz-box-shadow: 0 15px 15px 0 rgba(0,0,0,.15);
        box-shadow: 0 15px 15px 0 rgba(0,0,0,.15)
    }

    #divInstashopPopup .AddGalleryModal .instaPopupBox {
        background-color: #fff;
        margin-top: 23px
    }

        #divInstashopPopup .AddGalleryModal .instaPopupBox:after {
            clear: both;
            display: table;
            content: ""
        }

        #divInstashopPopup .AddGalleryModal .instaPopupBox .popupLeft {
            float: left;
            width: 450px
        }

            #divInstashopPopup .AddGalleryModal .instaPopupBox .popupLeft img {
                max-width: 100%
            }

    #divInstashopPopup .AddGalleryModal .popupRight {
        float: right;
        width: 395px
    }

    #divInstashopPopup .AddGalleryModal .popupList {
        margin-top: 30px
    }

    #divInstashopPopup .AddGalleryModal .popopItem:after {
        clear: both;
        display: table;
        content: ""
    }

    #divInstashopPopup .AddGalleryModal .popopItem .popup-left {
        float: left;
        max-width: 100px;
        height: 133px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top center;
        width: 33.33333333%
    }

        #divInstashopPopup .AddGalleryModal .popopItem .popup-left img {
            display: block
        }

    #divInstashopPopup .AddGalleryModal .popopItem .popup-right {
        float: left;
        width: 63.66666667%;
        margin-left: 3%
    }

    #divInstashopPopup .AddGalleryModal .popup-right-link {
        font-weight: 500;
        font-size: 15px;
        padding: 0 0 5px 0;
        cursor: pointer;
        display: block
    }

    #divInstashopPopup .AddGalleryModal .popup-right-btn {
        background-color: #fff;
        border: 1px solid #222;
        color: #222;
        padding: 6px 30px;
        margin-top: 15px;
        font-size: 14px;
        border-radius: 2px;
        display: inline-block;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer
    }

        #divInstashopPopup .AddGalleryModal .popup-right-btn:hover {
            background-color: #222;
            border: 1px solid #222;
            color: #fff
        }

    #divInstashopPopup .AddGalleryModal .AddGalleryModalFooter {
        display: block;
        padding: 30px;
        color: #222;
        font-size: 20px;
        -webkit-box-shadow: 0 -15px 15px 0 rgba(0,0,0,.15);
        -moz-box-shadow: 0 -15px 15px 0 rgba(0,0,0,.15);
        box-shadow: 0 -15px 15px 0 rgba(0,0,0,.15);
        text-align: right
    }

        #divInstashopPopup .AddGalleryModal .AddGalleryModalFooter:after {
            clear: both;
            display: table;
            content: ""
        }

    #divInstashopPopup .AddGalleryModal .instafooter-right {
        float: right
    }

    #divInstashopPopup .AddGalleryModal .AddGalleryModalFooter ul {
        float: left
    }

        #divInstashopPopup .AddGalleryModal .AddGalleryModalFooter ul li {
            float: left;
            margin-right: 30px
        }

            #divInstashopPopup .AddGalleryModal .AddGalleryModalFooter ul li a i {
                font-size: 18px;
                color: #222
            }

    #divInstashopPopup .AddGalleryModal .AddGalleryModalFooter p {
        float: left;
        font-size: 14px;
        font-weight: 600;
        margin-right: 30px
    }

@media screen and (min-width:1199px) {
    #divInstashopPopup .AddGalleryModal .popupList {
        margin-top: 30px;
        max-height: 400px;
        overflow-y: auto;
        margin-right: 15px;
        margin-bottom: 30px
    }
}

@media screen and (max-width:991px) {
    #divInstashopPopup .AddGalleryModal {
        width: 100%;
        min-width: 100%
    }

        #divInstashopPopup .AddGalleryModal .popupRight {
            width: 340px
        }
}

@media screen and (max-width:768px) {
    #divInstashopPopup .AddGalleryModal {
        width: 100%
    }

        #divInstashopPopup .AddGalleryModal .popupRight {
            width: 100%
        }
}

@media screen and (max-width:480px) {
    #divInstashopPopup .AddGalleryModal .AddGalleryModalTittle, #divInstashopPopup .AddGalleryModal .AddGalleryModalFooter {
        padding: 10px;
        box-shadow: none
    }

    #divInstashopPopup .AddGalleryModal .instaPopupBox {
        margin-top: 0
    }

        #divInstashopPopup .AddGalleryModal .instaPopupBox .popupLeft {
            width: 100%
        }
}

#divGaleriPopup {
    min-width: 900px;
    background-color: #fff
}

    #divGaleriPopup .AddGalleryModal .AddGalleryModalTittle {
        display: block;
        padding: 30px;
        color: #222;
        font-size: 20px;
        -webkit-box-shadow: 0 15px 15px 0 rgba(0,0,0,.15);
        -moz-box-shadow: 0 15px 15px 0 rgba(0,0,0,.15);
        box-shadow: 0 15px 15px 0 rgba(0,0,0,.15)
    }

    #divGaleriPopup .AddGalleryModal .instaPopupBox {
        background-color: #fff;
        margin-top: 23px
    }

        #divGaleriPopup .AddGalleryModal .instaPopupBox:after {
            clear: both;
            display: table;
            content: ""
        }

        #divGaleriPopup .AddGalleryModal .instaPopupBox .popupLeft {
            float: left;
            width: 450px
        }

            #divGaleriPopup .AddGalleryModal .instaPopupBox .popupLeft img {
                max-width: 100%
            }

    #divGaleriPopup .AddGalleryModal .popupRight {
        float: right;
        width: 395px
    }

    #divGaleriPopup .AddGalleryModal .popupList {
        margin-top: 30px
    }

    #divGaleriPopup .AddGalleryModal .popopItem:after {
        clear: both;
        display: table;
        content: ""
    }

    #divGaleriPopup .AddGalleryModal .popopItem .popup-left {
        float: left;
        max-width: 100px;
        height: 133px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top center;
        width: 33.33333333%
    }

        #divGaleriPopup .AddGalleryModal .popopItem .popup-left img {
            display: block
        }

    #divGaleriPopup .AddGalleryModal .popopItem .popup-right {
        float: left;
        width: 63.66666667%;
        margin-left: 3%
    }

    #divGaleriPopup .AddGalleryModal .popup-right-link {
        font-weight: 500;
        font-size: 15px;
        padding: 0 0 5px 0;
        cursor: pointer;
        display: block
    }

    #divGaleriPopup .AddGalleryModal .popup-right-btn {
        background-color: #fff;
        border: 1px solid #222;
        color: #222;
        padding: 6px 30px;
        margin-top: 15px;
        font-size: 14px;
        border-radius: 2px;
        display: inline-block;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer
    }

        #divGaleriPopup .AddGalleryModal .popup-right-btn:hover {
            background-color: #222;
            border: 1px solid #222;
            color: #fff
        }

    #divGaleriPopup .AddGalleryModal .AddGalleryModalFooter {
        display: block;
        padding: 30px;
        color: #222;
        font-size: 20px;
        -webkit-box-shadow: 0 -15px 15px 0 rgba(0,0,0,.15);
        -moz-box-shadow: 0 -15px 15px 0 rgba(0,0,0,.15);
        box-shadow: 0 -15px 15px 0 rgba(0,0,0,.15);
        text-align: right
    }

        #divGaleriPopup .AddGalleryModal .AddGalleryModalFooter:after {
            clear: both;
            display: table;
            content: ""
        }

    #divGaleriPopup .AddGalleryModal .instafooter-right {
        float: right
    }

    #divGaleriPopup .AddGalleryModal .AddGalleryModalFooter ul {
        float: left
    }

        #divGaleriPopup .AddGalleryModal .AddGalleryModalFooter ul li {
            float: left;
            margin-right: 30px
        }

            #divGaleriPopup .AddGalleryModal .AddGalleryModalFooter ul li a i {
                font-size: 18px;
                color: #222
            }

    #divGaleriPopup .AddGalleryModal .AddGalleryModalFooter p {
        float: left;
        font-size: 14px;
        font-weight: 600;
        margin-right: 30px
    }

@media screen and (min-width:1199px) {
    #divGaleriPopup .AddGalleryModal .popupList {
        margin-top: 30px;
        max-height: 400px;
        overflow-y: auto;
        margin-right: 15px;
        margin-bottom: 30px
    }
}

@media screen and (max-width:991px) {
    #divGaleriPopup .AddGalleryModal {
        width: 100%;
        min-width: 100%
    }

        #divGaleriPopup .AddGalleryModal .popupRight {
            width: 340px
        }
}

@media screen and (max-width:768px) {
    #divGaleriPopup {
        min-width: 100%
    }

        #divGaleriPopup .AddGalleryModal {
            width: 100%
        }

            #divGaleriPopup .AddGalleryModal .AddGalleryModalTittle, #divGaleriPopup .AddGalleryModal .AddGalleryModalFooter {
                font-size: 15px
            }

            #divGaleriPopup .AddGalleryModal .popupRight {
                width: 100%
            }
}

@media screen and (max-width:480px) {
    #divGaleriPopup .AddGalleryModal .AddGalleryModalTittle, #divGaleriPopup .AddGalleryModal .AddGalleryModalFooter {
        padding: 10px;
        box-shadow: none
    }

    #divGaleriPopup .AddGalleryModal .instaPopupBox {
        margin-top: 0
    }

        #divGaleriPopup .AddGalleryModal .instaPopupBox .popupLeft {
            width: 100%
        }
}

.galeri-modal {
    display: none;
    position: fixed;
    z-index: 99999999999;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0,0,0,.4)
}

.galeri-modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888
}

    .galeri-modal-content p {
        margin: 10px 0
    }

body.smartActive {
    padding: 0
}

    body.smartActive div#header {
        position: relative
    }

#smartbanner {
    position: absolute;
    left: 0;
    top: -82px;
    border-bottom: 1px solid #e8e8e8;
    width: 100%;
    height: 78px;
    font-family: 'Helvetica Neue',sans-serif;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,.5);
    z-index: 9998;
    -webkit-font-smoothing: antialiased;
    overflow: hidden;
    -webkit-text-size-adjust: none
}

    #smartbanner .sb-container {
        margin: 0 auto
    }

    #smartbanner .sb-close {
        position: absolute;
        left: 5px;
        top: 8px;
        display: block;
        width: 14px;
        height: 14px;
        font-family: 'ArialRoundedMTBold',Arial;
        line-height: 15px;
        text-align: center;
        text-decoration: none;
        text-shadow: none;
        border-radius: 14px;
        border: 0;
        color: #8b8b8b;
        font-size: 20px
    }

        #smartbanner .sb-close:active {
            font-size: 13px;
            color: #aaa
        }

    #smartbanner .sb-icon {
        position: absolute;
        left: 30px;
        top: 10px;
        display: block;
        width: 57px;
        height: 57px;
        background: rgba(0,0,0,.6);
        background-size: cover;
        border-radius: 10px;
        box-shadow: 0 1px 3px rgba(0,0,0,.3)
    }

    #smartbanner.no-icon .sb-icon {
        display: none
    }

    #smartbanner .sb-info {
        position: absolute;
        left: 98px;
        top: 18px;
        width: 44%;
        font-size: 11px;
        line-height: 1.2em;
        font-weight: bold;
        color: #6a6a6a;
        text-shadow: 0 1px 0 rgba(255,255,255,.8)
    }

    #smartbanner #smartbanner.no-icon .sb-info {
        left: 34px
    }

    #smartbanner .sb-info strong {
        display: block;
        font-size: 13px;
        color: #4d4d4d;
        line-height: 18px
    }

    #smartbanner .sb-info > span {
        display: block
    }

    #smartbanner .sb-info em {
        font-style: normal;
        text-transform: uppercase
    }

    #smartbanner .sb-button {
        float: right;
        display: block;
        background-color: #f27a1a;
        color: #fff;
        padding: 2px 10px 2px;
        border-radius: 3px;
        -webkit-transition: all .3s;
        min-width: 12%;
        position: absolute;
        right: 28px;
        top: 24px;
        font-size: 13px
    }

        #smartbanner .sb-button:active, #smartbanner .sb-button:hover {
            background: -webkit-linear-gradient(top,#dcdcdc 0%,#efefef 100%)
        }

    #smartbanner .sb-icon.gloss:after {
        content: '';
        position: absolute;
        left: 0;
        top: -1px;
        border-top: 1px solid rgba(255,255,255,.8);
        width: 100%;
        height: 50%;
        background: -webkit-linear-gradient(top,rgba(255,255,255,.7) 0%,rgba(255,255,255,.2) 100%);
        border-radius: 10px 10px 12px 12px
    }

    #smartbanner.android .sb-close:active {
        color: #666
    }

    #smartbanner.android .sb-info strong {
        color: #666
    }

    #smartbanner.android .sb-button:active, #smartbanner.android .sb-button:hover {
        background: none
    }

.btnUrundetayKombin {
    display: inline-block;
    float: left;
    margin-right: 10px;
    background-color: #f00;
    border: 0
}

.ulRootAltListe {
    display: none
}

.tamamlayiciUrunContent {
    background-color: #fff;
    width: 800px
}

.tamamlayiciUrunWrapper {
    clear: both;
    width: 100%;
    display: block;
    overflow: hidden
}

    .tamamlayiciUrunWrapper .tamamlayiciUrurnItem img {
        width: 100%;
        object-fit: contain
    }

    .tamamlayiciUrunWrapper .tamamlayiciUrurnItem span.productTitle {
        display: block;
        text-transform: capitalize;
        font-weight: 600
    }

.tamamlayiciUrunContainer {
    padding: 0
}

    .tamamlayiciUrunContainer p {
        text-align: center;
        font-weight: 600;
        display: block;
        padding: 20px 0;
        color: #000
    }

    .tamamlayiciUrunContainer > ul {
        margin: 0 30px;
        max-height: 530px;
        overflow-y: auto
    }

    .tamamlayiciUrunContainer ul ul {
        margin: 0;
        padding: 0 0 0 50px
    }

    .tamamlayiciUrunContainer ul li {
        margin: 0;
        padding: 0 0 0 0;
        display: block
    }

        .tamamlayiciUrunContainer ul li .tamamlayiciUrurnItem {
            background-color: #f4f4f4;
            padding: 15px
        }

        .tamamlayiciUrunContainer ul li span {
            vertical-align: top;
            font-size: 12px;
            display: inline-block;
            padding: 0
        }

        .tamamlayiciUrunContainer ul li li {
            background-color: #fff;
            vertical-align: top
        }

            .tamamlayiciUrunContainer ul li li .tamamlayiciUrurnItem {
                background-color: #fff;
                padding: 5px
            }

                .tamamlayiciUrunContainer ul li li .tamamlayiciUrurnItem .tamamlayiciUrunItemSol {
                    float: left
                }

                .tamamlayiciUrunContainer ul li li .tamamlayiciUrurnItem .tamamlayiciUrunItemSag {
                    float: left
                }

        .tamamlayiciUrunContainer ul li img {
            max-width: 80px;
            display: block;
            max-height: 80px;
            margin: 0
        }

.tamamlayiciHeader {
    background-color: #ff671c;
    text-align: center;
    color: #fff;
    padding: 7px 0;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 16px
}

.tamamlayiciFooter {
    text-align: center;
    margin: 15px 0 15px 0
}

    .tamamlayiciFooter button {
        border: 0;
        border-radius: 3px;
        cursor: pointer;
        background-color: #ff671c;
        text-align: center;
        color: #fff;
        padding: 8px 20px;
        font-weight: 500;
        font-size: 14px;
        display: inline-block;
        margin: 0 auto
    }

        .tamamlayiciFooter button:hover {
            background-color: #000
        }

        .tamamlayiciFooter button:disabled:hover {
            background-color: #ff671c;
            cursor: default
        }

.tamamlayiciUrunWrapper .tamamlayiciUrunList {
    float: left;
    width: 75%;
    display: block
}

    .tamamlayiciUrunWrapper .tamamlayiciUrunList li {
        float: left;
        width: 50%;
        display: block;
        overflow: hidden
    }

        .tamamlayiciUrunWrapper .tamamlayiciUrunList li .tamamlayiciUrurnItem {
            width: calc(100% - 10px);
            border: 1px solid #ddd;
            border-radius: 3px;
            padding: 10px;
            margin: 0 10px 10px 0
        }

            .tamamlayiciUrunWrapper .tamamlayiciUrunList li .tamamlayiciUrurnItem img {
                float: left;
                border-radius: 3px
            }

            .tamamlayiciUrunWrapper .tamamlayiciUrunList li .tamamlayiciUrurnItem div.tamamlayiciUrunItemSag {
                float: left;
                display: block;
                width: calc(100% - 80px);
                padding-left: 10px
            }

                .tamamlayiciUrunWrapper .tamamlayiciUrunList li .tamamlayiciUrurnItem div.tamamlayiciUrunItemSag span {
                    display: block
                }

                    .tamamlayiciUrunWrapper .tamamlayiciUrunList li .tamamlayiciUrurnItem div.tamamlayiciUrunItemSag span:first-child {
                        font-weight: 600
                    }

.tamamlayiciUrunWrapper .tamamlayiciUrurnItem {
    float: left;
    width: 25%;
    padding: 10px
}

.ticimaxTab ._tabHead ul {
    display: inline-block;
    vertical-align: top
}

.ticimaxTab ._tabHead li {
    float: left;
    margin-right: 5px;
    max-width: 150px;
    min-width: 150px
}

    .ticimaxTab ._tabHead li span {
        float: left;
        width: 100%;
        cursor: pointer;
        line-height: 40px;
        text-align: center;
        border: 1px solid #adadad;
        color: #606060;
        font-size: 15px;
        position: relative
    }

    .ticimaxTab ._tabHead li.tabUrunActive span {
        background: #ff671b;
        color: #fff;
        border-color: #ff671b
    }

.ticimaxTab .divAnasayfaTabAlt {
    width: 100%;
    padding: 0 16px;
    float: left;
    height: 0;
    overflow: hidden;
    position: relative
}

    .ticimaxTab .divAnasayfaTabAlt.tabUrunActive {
        overflow: visible;
        height: 100%;
        -webkit-animation: fadein .5s;
        -moz-animation: fadein .5s;
        -ms-animation: fadein .5s;
        -o-animation: fadein .5s;
        animation: fadein .5s
    }

.pageNumber .divMoreProducts {
    text-align: center
}

.pageNumber .getMoreProducts {
    margin-top: 10px
}

.pageNumber .productCountInfo {
    line-height: 1.5
}

.pageNumber .productCountBar {
    height: 6px;
    background-color: #f0f0f0;
    border: 1px solid #f0f0f0;
    margin: 8px 0;
    border-radius: 8px
}

.pageNumber .productCountProgress {
    height: 100%;
    background-color: #ccc
}

.pageNumber .divMoreProducts .button {
    margin: 0;
    width: auto;
    height: auto;
    cursor: pointer;
    display: inline-block
}

.productImage .relatedProducts {
    z-index: 20;
    position: absolute;
    bottom: 0;
    right: 15px
}

.ticimaxModal {
    position: fixed;
    z-index: 99999;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0,0,0,.4)
}

    .ticimaxModal .modal-content {
        background-color: #fefefe;
        margin: auto;
        padding: 20px;
        border: 1px solid #888;
        width: 80%
    }

        .ticimaxModal .modal-content:after {
            clear: both;
            display: table;
            content: ""
        }

    .ticimaxModal .modal-close {
        color: #aaa;
        float: right;
        font-size: 28px;
        font-weight: normal
    }

        .ticimaxModal .modal-close:hover, .ticimaxModal .modal-close:focus {
            color: #000;
            text-decoration: none;
            cursor: pointer
        }

.ulRelatedProducts {
    display: flex;
    flex-flow: row wrap;
    gap: 5px;
    margin-top: 20px
}

    .ulRelatedProducts li {
        width: calc(25% - 5px);
        margin: 5px 0;
        float: left
    }

.divRelatedProductsPopup h3 {
    text-align: center
}

#anasayfaPopup.ticimaxModal {
    max-width: 100%
}

    #anasayfaPopup.ticimaxModal .modal-content {
        position: relative;
        width: 650px !important;
        max-width: 90%;
        padding: 0;
        -webkit-box-shadow: 0 10px 25px rgba(0,0,0,.5);
        -moz-box-shadow: 0 10px 25px rgba(0,0,0,.5);
        box-shadow: 0 10px 25px rgba(0,0,0,.5)
    }

    #anasayfaPopup.ticimaxModal .modal-close {
        position: absolute;
        right: -10px;
        top: -10px;
        background: #fff;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        box-shadow: 0 3px 6px rgba(0,0,0,.3);
        text-align: center;
        line-height: 32px;
        color: #000;
        cursor: pointer
    }

#saticiyaSoruSor .modal-content {
    width: 650px !important
}

@media screen and (min-width:1000px) {
    #relatedProduct .modal-content {
        max-width: 960px;
        min-width: 960px
    }
}

@media screen and (max-width:1000px) {
    #relatedProduct .modal-content {
        width: 80% !important
    }
}

@media screen and (max-width:860px) {
    #saticiyaSoruSor .modal-content {
        width: 90% !important
    }
}

@media screen and (max-width:500px) {
    .ulRelatedProducts li {
        width: calc(50% - 5px)
    }
}

.ebultenPopupSection {
    width: 650px;
    max-width: 100%
}

    .ebultenPopupSection .content-body {
        margin: 0 auto;
        text-align: center;
        padding: 20px
    }

    .ebultenPopupSection .content-heading {
        text-align: center;
        padding: 30px 30px 0 30px
    }

        .ebultenPopupSection .content-heading .h2 {
            font-size: 20px;
            color: #000;
            margin: 20px 0 0;
            padding: 0
        }

        .ebultenPopupSection .content-heading p {
            font-size: 16px;
            color: #000;
            margin: 15px 0;
            padding: 0;
            line-height: 1.5
        }

    .ebultenPopupSection .input-text-content {
        display: block;
        position: relative
    }

    .ebultenPopupSection .input-text-content {
        margin-bottom: 10px
    }

        .ebultenPopupSection .input-text-content input {
            width: 100%;
            border: 1px solid #eaeaea;
            box-shadow: none;
            padding: 0 0 0 15px;
            margin: 0;
            height: 40px;
            color: #000;
            font-size: 14px;
            line-height: 1.4
        }

        .ebultenPopupSection .input-text-content .tici-valid-error, .ebultenPopupSection .input-chck-content .tici-valid-error, .ebultenPopupSection .userSozlesmeDiv .tici-valid-error {
            font-size: 0;
            position: absolute;
            left: -15px;
            top: 2px;
            margin: 0;
            display: block;
            width: 14px;
            height: 14px;
            border-radius: 999px;
            font-weight: 300;
            background-color: transparent;
            text-align: center;
            padding: 0 0 0 0;
            border: 0
        }

            .ebultenPopupSection .input-text-content .tici-valid-error:after, .ebultenPopupSection .input-chck-content .tici-valid-error:after, .ebultenPopupSection .userSozlesmeDiv .tici-valid-error:after {
                content: '*';
                font-size: 20px;
                z-index: 999;
                color: #f00;
                border: 0;
                margin: 0;
                background-color: transparent;
                font-family: Helvetica,sans-serif;
                line-height: 1;
                font-weight: 500
            }

        .ebultenPopupSection .input-text-content input::-webkit-input-placeholder {
            color: #000
        }

        .ebultenPopupSection .input-text-content input::-moz-placeholder {
            color: #000
        }

        .ebultenPopupSection .input-text-content input:-ms-input-placeholder {
            color: #000
        }

        .ebultenPopupSection .input-text-content input:-moz-placeholder {
            color: #000
        }

    .ebultenPopupSection .intl-tel-input input {
        border: 1px solid #eaeaea !important;
        color: #000 !important;
        font-size: 14px;
        line-height: 1.4
    }

        .ebultenPopupSection .intl-tel-input input::-webkit-input-placeholder {
            color: #000 !important
        }

        .ebultenPopupSection .intl-tel-input input::-moz-placeholder {
            color: #000 !important
        }

        .ebultenPopupSection .intl-tel-input input:-ms-input-placeholder {
            color: #000 !important
        }

        .ebultenPopupSection .intl-tel-input input:-moz-placeholder {
            color: #000 !important
        }

    .ebultenPopupSection .input-chck-content, .ebultenPopupSection .userSozlesmeDiv {
        text-align: left;
        color: #000 !important;
        font-size: 14px;
        line-height: 1.4;
        position: relative;
        margin-bottom: 5px
    }

        .ebultenPopupSection .userSozlesmeDiv a {
            text-decoration: underline;
            color: #000 !important;
            font-size: 14px;
            line-height: 1.4
        }

    .ebultenPopupSection .send-button {
        margin-top: 20px
    }

        .ebultenPopupSection .send-button input {
            width: 100%;
            border: 0;
            box-shadow: none;
            padding: 0;
            margin: 0;
            height: 40px;
            background-color: #000;
            color: #fff;
            cursor: pointer;
            font-size: 15px;
            line-height: 1.4
        }

.tamamlayiciUrunWrapper .tamamlayiciUrunList li:nth-child(odd) {
    clear: both
}

@media screen and (max-width:860px) {
    .tamamlayiciUrunContent {
        width: 100%
    }

    .tamamlayiciUrunWrapper .tamamlayiciUrurnItem {
        width: 30%
    }

    .tamamlayiciUrunWrapper .tamamlayiciUrunList {
        width: 70%
    }
}

@media screen and (max-width:600px) {
    .tamamlayiciUrunWrapper .tamamlayiciUrunList {
        width: 100%;
        padding-left: 10px
    }

        .tamamlayiciUrunWrapper .tamamlayiciUrunList li {
            width: 100%
        }

    .tamamlayiciUrunWrapper > .tamamlayiciUrurnItem {
        display: none
    }
}

@media(max-width:767px) {
    .ebultenPopupSection .content-heading {
        padding: 10px 10px 0 10px
    }

    .ebultenPopupSection .content-body {
        padding: 5px
    }

    .ebultenPopupSection .content-heading .h2 {
        font-size: 16px
    }

    .ebultenPopupSection .content-heading p {
        font-size: 14px
    }

    .ebultenPopupSection .input-chck-content:after, .ebultenPopupSection .userSozlesmeDiv:after {
        clear: both;
        display: table;
        content: ""
    }

    .ebultenPopupSection .input-chck-content input {
        width: 5%;
        float: left;
        margin: 0 5px 0 0
    }

    .ebultenPopupSection .input-chck-content label {
        width: 92%;
        float: left;
        line-height: 1;
        font-size: 12px
    }

    .ebultenPopupSection .userSozlesmeDiv input {
        width: 5%;
        float: left;
        margin: 0 5px 0 0
    }

    .ebultenPopupSection .userSozlesmeDiv label {
        width: 92%;
        float: left;
        line-height: 1;
        font-size: 12px
    }

    .ebultenPopupSection .userSozlesmeDiv a {
        font-size: 12px
    }

    #urunFavoriV2.ticimaxModal .modal-content {
        width: 90% !important
    }
}

.tukendiOwlIco {
    pointer-events: none
}

.productItem .productImageOwlSlider .divVideoPlayButton {
    pointer-events: none
}

    .productItem .productImageOwlSlider .divVideoPlayButton a.urunListeVideoPlay {
        pointer-events: auto;
        width: auto;
        height: auto;
        display: block;
        top: auto;
        bottom: 10px;
        left: 10px;
        right: auto
    }

.productList-Image-Owl .imageItem {
    display: none;
    height: 100%
}

    .productList-Image-Owl .imageItem a {
        height: 100%;
        display: block
    }

@media(max-width:767px) {
    .productItem > .productImage img {
        transition: none;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        will-change: unset
    }
}

.productList-Image-Owl .imageItem:first-child {
    display: block
}

.productList-Image-Owl.owl-hidden, .productList-Image-Owl.owl-carousel {
    opacity: 1;
    display: block !important
}

.productList-Image-Owl .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    position: absolute;
    z-index: 999;
    bottom: 0;
    left: 0;
    right: 0;
    display: block
}

    .productList-Image-Owl .owl-dots .owl-dot {
        display: inline-block;
        zoom: 1
    }

        .productList-Image-Owl .owl-dots .owl-dot span {
            width: 10px;
            height: 10px;
            margin: 5px 7px;
            background: #d6d6d6;
            display: block;
            -webkit-backface-visibility: visible;
            transition: opacity .2s ease;
            border-radius: 30px
        }

        .productList-Image-Owl .owl-dots .owl-dot.active span, .productList-Image-Owl .owl-dots .owl-dot:hover span {
            background: #869791
        }

#txtQuickEmail, #txtMailAdres {
    text-transform: lowercase !important
}

.productPoints .rating {
    margin: 5px 0
}

    .productPoints .rating i {
        display: inline-block;
        color: #cacaca;
        font-style: normal;
        line-height: 1
    }

.productPoints [data-rating^='1'] .star-1 {
    color: #000
}

.productPoints [data-rating^='1,5'] .star-2 {
    background: -webkit-linear-gradient(left,#000 50%,#cacaca 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent
}

.productPoints [data-rating^='1,6'] .star-2, .productPoints [data-rating^='1,7'] .star-2, .productPoints [data-rating^='1,8'] .star-2, .productPoints [data-rating^='1,9'] .star-2 {
    color: #000
}

.productPoints [data-rating^='2'] .star-1 {
    color: #000
}

.productPoints [data-rating^='2'] .star-2 {
    color: #000
}

.productPoints [data-rating*='2,5'] .star-3 {
    background: -webkit-linear-gradient(left,#000 50%,#cacaca 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent
}

.productPoints [data-rating*='2,6'] .star-3, .productPoints [data-rating*='2,7'] .star-3, .productPoints [data-rating*='2,8'] .star-3, .productPoints [data-rating*='2,9'] .star-3 {
    color: #000
}

.productPoints [data-rating^='3'] .star-1 {
    color: #000
}

.productPoints [data-rating^='3'] .star-2 {
    color: #000
}

.productPoints [data-rating^='3'] .star-3 {
    color: #000
}

.productPoints [data-rating^='3,5'] .star-4 {
    background: -webkit-linear-gradient(left,#000 50%,#cacaca 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent
}

.productPoints [data-rating^='3,6'] .star-4, .productPoints [data-rating^='3,7'] .star-4, .productPoints [data-rating^='3,8'] .star-4, .productPoints [data-rating^='3,9'] .star-4 {
    color: #000
}

.productPoints [data-rating^='4'] .star-1 {
    color: #000
}

.productPoints [data-rating^='4'] .star-2 {
    color: #000
}

.productPoints [data-rating^='4'] .star-3 {
    color: #000
}

.productPoints [data-rating^='4'] .star-4 {
    color: #000
}

.productPoints [data-rating^='4,5'] .star-5 {
    background: -webkit-linear-gradient(left,#000 50%,#cacaca 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent
}

.productPoints [data-rating^='4,6'] .star-5, .productPoints [data-rating^='4,7'] .star-5, .productPoints [data-rating^='4,8'] .star-5, .productPoints [data-rating^='4,9'] .star-5 {
    color: #000
}

.productPoints [data-rating="5"] i {
    color: #000
}

.productDetail .productPointTxt {
    float: left;
    clear: none;
    width: 100%;
    line-height: 1.5;
    font-size: 13px
}

    .productDetail .productPointTxt:before {
        content: '';
        font-family: 'FontAwesome';
        float: left;
        font-size: 13px;
        line-height: 1.5;
        float: left;
        margin-right: 5px
    }

@media print {
    .productPoints .rating {
        -webkit-print-color-adjust: exact
    }

        .productPoints .rating i {
            text-shadow: none
        }
}

@media print {
    .productPoints .rating {
        -webkit-print-color-adjust: exact
    }

        .productPoints .rating i {
            text-shadow: none
        }
}

.productItemVariantDetail {
    position: absolute;
    top: 0;
    background: rgba(0,0,0,.6);
    z-index: 999;
    bottom: 0;
    left: 0;
    right: 0;
    border: 1px solid #efefef;
    padding: 10px;
    opacity: 0;
    display: none
}

    .productItemVariantDetail.active {
        opacity: 1;
        display: block
    }

    .productItemVariantDetail .ekSecenek {
        margin-bottom: 12px
    }

        .productItemVariantDetail .ekSecenek:after {
            clear: both;
            display: table;
            content: ""
        }

    .productItemVariantDetail .ekSecenekValues.selected .size_box {
        background-color: #ddd;
        color: #333
    }

    .productItemVariantDetail .btnVaryasyonSepeteEkle {
        width: 100%
    }

.ekSecenekValues.noStock {
    opacity: .4;
    border-color: #ccc;
    cursor: default;
    position: relative;
    pointer-events: none
}

.boxUrunlerContainer .boxUrunlerPlus {
    float: left;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 5px
}

    .boxUrunlerContainer .boxUrunlerPlus .boxUrunlerPlusBtn {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 11px;
        gap: 2px
    }

        .boxUrunlerContainer .boxUrunlerPlus .boxUrunlerPlusBtn i {
            font-size: 9px
        }

.productAccessoryList {
    display: flex;
    width: 100%;
    flex-flow: wrap;
    gap: 5px;
    padding: 0 1px;
    margin: 5px 0
}

    .productAccessoryList .accessoryBtn {
        float: left;
        width: 20px;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center
    }

        .productAccessoryList .accessoryBtn img {
            width: 100%;
            height: 100%;
            background-color: #f5f5f6;
            border: 1px solid #efecea;
            overflow: hidden
        }

        .productAccessoryList .accessoryBtn.active img, .productAccessoryList .accessoryBtn:hover img {
            border: 2px solid #efecea;
            box-shadow: #958f8f 0 0 0 1px
        }

    .productAccessoryList .accessoryDetail {
        float: left;
        width: 20px;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 5px
    }

        .productAccessoryList .accessoryDetail .accessoryDetailBtn {
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 11px;
            gap: 2px
        }

            .productAccessoryList .accessoryDetail .accessoryDetailBtn i {
                font-size: 9px
            }

.productItem .productImage {
    position: relative
}

.productAccessoryColor {
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
    background-color: #fff;
    position: absolute;
    right: 10px;
    bottom: 10px;
    cursor: pointer;
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: center;
    padding: 3px 6px;
    z-index: 5
}

    .productAccessoryColor .colorOptDiv {
        display: flex;
        align-items: center
    }

        .productAccessoryColor .colorOptDiv .colorOpt {
            width: 13px;
            height: 13px;
            border: solid 1px #fff;
            background-color: #ffc0cb;
            border-radius: 50%
        }

            .productAccessoryColor .colorOptDiv .colorOpt:nth-child(1) {
                background-image: linear-gradient(to right,#3023ae 0%,#53a0fd 48%,#b4ec51 101%);
                z-index: 2
            }

            .productAccessoryColor .colorOptDiv .colorOpt:nth-child(2) {
                background-image: linear-gradient(to right,#6bceb4 0%,#f98cc2 48%,#fff781 101%);
                z-index: 1;
                margin-left: -6px
            }

    .productAccessoryColor .productAccessoryCount {
        font-size: 10px;
        line-height: 13px;
        color: #333
    }

.relatedProductsColor {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 10
}

    .relatedProductsColor .relatedProductsColorBtn {
        border-radius: 4px;
        box-shadow: 0 2px 4px rgba(0,0,0,.1);
        background-color: #fff;
        cursor: pointer;
        display: flex;
        gap: 5px;
        align-items: center;
        justify-content: center;
        padding: 3px 6px
    }

    .relatedProductsColor .relatedColorDiv {
        display: flex;
        align-items: center
    }

        .relatedProductsColor .relatedColorDiv .relatedColor {
            width: 13px;
            height: 13px;
            border: solid 1px #fff;
            background-color: #ffc0cb;
            border-radius: 50%
        }

            .relatedProductsColor .relatedColorDiv .relatedColor:nth-child(1) {
                background-image: linear-gradient(to right,#3023ae 0%,#53a0fd 48%,#b4ec51 101%);
                z-index: 2
            }

            .relatedProductsColor .relatedColorDiv .relatedColor:nth-child(2) {
                background-image: linear-gradient(to right,#6bceb4 0%,#f98cc2 48%,#fff781 101%);
                z-index: 1;
                margin-left: -6px
            }

    .relatedProductsColor .productRelatedColorCount {
        font-size: 10px;
        line-height: 13px;
        color: #333
    }

@media(min-width:768px) {
    .divRelatedProductsMini {
        left: 0;
        right: 0;
        z-index: 10;
        position: absolute;
        padding: 8px 10px;
        background-color: #fff;
        display: flex;
        flex-direction: column;
        gap: 9px
    }

        .divRelatedProductsMini .relatedProductsMiniTitle {
            display: flex;
            justify-content: space-between;
            align-items: center
        }

            .divRelatedProductsMini .relatedProductsMiniTitle .relatedProductsMiniText {
                font-size: 11px;
                color: #000;
                float: left
            }

            .divRelatedProductsMini .relatedProductsMiniTitle .relatedProductsMiniMore {
                font-size: 10px;
                color: #000;
                float: left;
                line-height: 13px;
                border-bottom: 1px solid #000;
                cursor: pointer
            }

        .divRelatedProductsMini .ulRelatedProductsMini {
            margin: 0 -2px;
            overflow: hidden
        }

            .divRelatedProductsMini .ulRelatedProductsMini li {
                float: left;
                width: 25%;
                height: 100%;
                padding: 0 2px
            }

                .divRelatedProductsMini .ulRelatedProductsMini li a {
                    float: left;
                    width: 100%;
                    height: 100%;
                    line-height: 0
                }

                .divRelatedProductsMini .ulRelatedProductsMini li span {
                    display: none
                }
}

@media(max-width:767px) {
    .RelatedProductsMiniShadow {
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        z-index: 99999998;
        position: fixed;
        background: rgba(0,0,0,.5)
    }

    .divRelatedProductsMini {
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 99999999;
        position: fixed;
        padding: 10px;
        background-color: #fff
    }

        .divRelatedProductsMini .relatedProductsMiniTitle {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 10px
        }

            .divRelatedProductsMini .relatedProductsMiniTitle .relatedProductsMiniText {
                font-size: 11px;
                color: #000;
                float: left
            }

            .divRelatedProductsMini .relatedProductsMiniTitle .relatedProductsMiniClose {
                font-size: 15px;
                color: #000;
                float: left;
                line-height: 13px;
                cursor: pointer
            }

                .divRelatedProductsMini .relatedProductsMiniTitle .relatedProductsMiniClose i {
                    font-weight: 400
                }

        .divRelatedProductsMini .ulRelatedProductsMini {
            float: left;
            width: 100%;
            height: 35vw
        }

            .divRelatedProductsMini .ulRelatedProductsMini.owl-carousel .owl-stage-outer {
                height: 100%
            }

            .divRelatedProductsMini .ulRelatedProductsMini.owl-carousel .owl-stage {
                height: 100%
            }

            .divRelatedProductsMini .ulRelatedProductsMini.owl-carousel .owl-item {
                height: 100%
            }

            .divRelatedProductsMini .ulRelatedProductsMini li {
                float: left;
                height: 100%
            }

                .divRelatedProductsMini .ulRelatedProductsMini li a {
                    float: left;
                    height: 100%;
                    line-height: 0
                }

                .divRelatedProductsMini .ulRelatedProductsMini li span {
                    display: none
                }

                .divRelatedProductsMini .ulRelatedProductsMini li a img {
                    max-height: 100%
                }
}

body.modalOpen {
    padding-right: 17px
}

#globalLiteCart {
    overflow: auto
}

    #globalLiteCart .modal-close {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        font-size: 0;
        z-index: 100;
        display: block !important
    }

    #globalLiteCart .modal-content {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: hidden;
        height: 100%;
        width: 100% !important;
        border: 0;
        padding: 0;
        background-color: transparent
    }

    #globalLiteCart .modal-content-html {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
        width: 100%;
        overflow: hidden
    }

.miniCartBos {
    padding: 1rem;
    font-size: 26px;
    line-height: 30px;
    text-align: center;
    margin: 1rem 0;
    padding: 1rem 0;
    display: block
}

#divCartMiniContent .miniCartLeftProductIem .productIcon, #divCartMiniContent .miniCartLeftProductIem .productMarka, #divCartMiniContent .miniCartLeftProductIem .productPoints, #divCartMiniContent .miniCartLeftProductIem .TukendiIco, #divCartMiniContent .miniCartLeftProductIem .productOnYazi {
    display: none
}

.miniCartLeftTitle {
    width: 100%;
    color: #000;
    text-align: center;
    padding: .9rem
}

    .miniCartLeftTitle .modal-close {
        text-decoration: none;
        display: inline-block;
        padding: 0;
        margin: 0;
        cursor: pointer;
        position: static
    }

        .miniCartLeftTitle .modal-close svg {
            width: 12px;
            height: 12px
        }

.miniCartLeftProduct .miniCartLeftProductIem {
    width: 100%;
    margin: auto;
    margin-bottom: 20px;
    padding: 0 20px;
    float: left;
    margin-bottom: 10px;
    width: 100%
}

    .miniCartLeftProduct .miniCartLeftProductIem .productPrice {
        display: flex;
        flex-direction: column;
        float: left
    }

    .miniCartLeftProduct .miniCartLeftProductIem .regularPrice {
        order: -1;
        font-size: 11px;
        line-height: 17px;
        text-transform: inherit;
        text-decoration: line-through;
        margin-right: 15px
    }

        .miniCartLeftProduct .miniCartLeftProductIem .regularPrice .regularKdv, .miniCartLeftProduct .miniCartLeftProductIem .discountPrice .discountKdv {
            display: none
        }

.miniCartRigthHeader {
    background: #232323;
    width: 100%;
    height: 46px;
    position: fixed;
    z-index: 200
}

    .miniCartRigthHeader .spnCartTxt {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        color: #fff;
        text-align: center
    }

    .miniCartRigthHeader .header-close-btn {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 50px;
        cursor: pointer
    }

        .miniCartRigthHeader .header-close-btn svg {
            width: 16px;
            height: 16px;
            fill: #fff
        }

.miniCartRigthScroll {
    height: 100dvh;
    overflow: auto;
    padding-top: 46px
}

.miniCartSatir1 {
    width: 100%;
    min-height: 45px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 .5rem;
    border-bottom: 1px solid #e1e1e1
}

    .miniCartSatir1.bottom {
        border-top: 1px solid #e1e1e1
    }

.miniCartSatir2 {
    padding: 1rem .5rem 1rem .5rem;
    line-height: 21px;
    font-size: 16px;
    border-bottom: 1px solid #e1e1e1
}

    .miniCartSatir2 .signInButton {
        display: block;
        width: 100%;
        text-align: center;
        padding: 11px 0;
        margin-bottom: .5rem;
        background-color: #000;
        color: #fff
    }

    .miniCartSatir2 .checkoutAsGuestButton {
        display: block;
        width: 100%;
        text-align: center;
        padding: 11px 0;
        background-color: #000;
        color: #fff;
        border: 0;
        cursor: pointer
    }

.miniCartLeftProduct:After, .miniCartRigth:After {
    clear: both;
    display: table;
    content: ""
}

#divCartMiniContent {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    overflow: hidden
}

.miniCartLeftProduct {
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    transform: translateX(130%);
    width: 224px;
    right: 376px;
    top: 46px;
    bottom: 0;
    background-color: #f5f5f5;
    transition: all 500ms cubic-bezier(.65,.05,.36,1) 0s;
    z-index: 101
}

.miniCartRigth, .miniCartGiftCodeContent {
    background: #fff;
    top: 0;
    right: 0;
    bottom: 0;
    transform: translateX(130%);
    position: absolute;
    opacity: 0;
    visibility: hidden;
    overflow: auto;
    overflow-y: hidden;
    width: 376px;
    height: 100%;
    transition: all 500ms cubic-bezier(.65,.05,.36,1) 0s;
    z-index: 101
}

.hediyeCekiBtnContent {
    background-color: #f5f5f5;
    padding: .5rem 0
}

    .hediyeCekiBtnContent a {
        background-color: #fff;
        padding: 15px 8px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: row;
        position: relative;
        text-decoration: none
    }

        .hediyeCekiBtnContent a .offers-tab span {
            font-weight: 500;
            color: #000
        }

        .hediyeCekiBtnContent a .offers-tab svg {
            vertical-align: text-bottom;
            height: .75rem;
            width: 1rem
        }

        .hediyeCekiBtnContent a .offers-content svg {
            margin-left: .5rem;
            vertical-align: text-bottom;
            width: 8px;
            height: 14px
        }

body.modalOpen .miniCartGiftCodeContent {
    overflow: visible;
    opacity: 1;
    visibility: visible;
    overflow-y: hidden;
    z-index: 152;
    transform: translateX(130%);
    opacity: 0;
    visibility: hidden
}

#divCartMiniContent.transForm .miniCartGiftCodeContent.active {
    transition: all 500ms cubic-bezier(.65,.05,.36,1) 0s;
    transform: translateX(0);
    opacity: 1;
    visibility: visible
}

body.modalOpen .miniCartGiftCodeContent.active {
    overflow: visible;
    opacity: 1;
    visibility: visible;
    overflow-y: hidden;
    z-index: 153;
    transform: translateX(130%);
    opacity: 0;
    visibility: hidden
}

body.modalOpen .miniCartLeftProduct {
    opacity: 1;
    visibility: visible;
    opacity: 0;
    visibility: hidden;
    transform: translateX(130%)
}

#divCartMiniContent.transForm .miniCartRigth.active {
    transition: all 500ms cubic-bezier(.65,.05,.36,1) 0s;
    transform: translateX(0);
    opacity: 1;
    visibility: visible
}

#divCartMiniContent.transForm .miniCartLeftProduct.active {
    transform: translateX(0);
    opacity: 1;
    visibility: visible
}

.miniCartContent {
    padding: 1rem .5rem
}

.miniCartItem {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-flow: row-reverse wrap
}

    .miniCartItem .miniCartRight {
        max-width: calc(148px - 5px);
        flex: 0 1 calc(40% - 5px)
    }

    .miniCartItem .miniCartLeft {
        max-width: calc(60% - 5px);
        display: flex;
        flex-basis: calc(59% - 5px);
        flex-direction: column;
        gap: 5px
    }

        .miniCartItem .miniCartLeft a {
            position: relative;
            text-decoration: none;
            display: inline-block
        }

            .miniCartItem .miniCartLeft a img {
                max-width: 100%;
                height: auto;
                border: 0;
                vertical-align: bottom;
                width: calc(148px - 5px)
            }

.miniCartHr {
    margin: 1rem 0;
    background: #e1e1e1;
    border: 0;
    height: 1px
}

.miniCartContent .miniCartHr:last-child {
    display: none
}

.miniCartDetail {
    flex: 0 1 calc(33% - 5px);
    max-width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 5px
}

    .miniCartDetail span {
        display: block
    }

        .miniCartDetail span.minimarka a {
            font-size: 12px;
            line-height: 16px
        }

        .miniCartDetail span.miniurunAdi a {
            font-size: 14px;
            line-height: 18px
        }

        .miniCartDetail span.ministokKodu {
            font-size: 11px;
            line-height: 17px
        }

.adettanim3 {
    float: left;
    width: 115px;
    margin: 5px 0;
    position: relative
}

.miniCartItem .miniCartLeft .adettanim3 a {
    position: absolute;
    bottom: 0;
    float: left;
    width: 35px;
    height: 28px;
    border: 1px solid #e1e1e1;
    background: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center
}

    .miniCartItem .miniCartLeft .adettanim3 a.aMiniSepetAzalt {
        left: 0
    }

    .miniCartItem .miniCartLeft .adettanim3 a.aMiniSepetArtir {
        right: 0
    }

    .miniCartItem .miniCartLeft .adettanim3 a i {
        font-weight: 300
    }

.miniCartItem .miniCartLeft .adettanim3 input {
    text-align: center;
    text-indent: 11px;
    height: 28px !important;
    background: #fff;
    color: #000;
    border: 0;
    font-size: 11px;
    font-weight: 400;
    width: 100% !important;
    text-align: center;
    text-indent: 11px;
    height: 28px !important
}

.miniCartButtonSil {
    display: block;
    margin-top: 5px
}

    .miniCartButtonSil a {
        flex: 1 0 0%;
        max-width: 50%;
        color: #a50000
    }

    .miniCartButtonSil svg {
        width: 6px;
        height: 8px;
        fill: #a50000
    }

.miniCartItemprice {
    display: flex;
    flex-direction: column;
    gap: 5px
}

    .miniCartItemprice .DiscountPrice {
        font-size: 16px;
        line-height: 1
    }

        .miniCartItemprice .DiscountPrice.lineThrough {
            font-size: 13px
        }

    .miniCartItemprice .CartPrice {
        font-size: 16px;
        line-height: 1
    }

div#divRigthCartGiftCodeContent {
    float: left;
    width: 100%;
    height: 100%
}

    div#divRigthCartGiftCodeContent .miniCartGiftCode {
        float: left;
        width: 100%
    }

    div#divRigthCartGiftCodeContent .miniCartGiftInput {
        float: left;
        width: 100%;
        padding: 0 10px;
        margin: 20px 0
    }

        div#divRigthCartGiftCodeContent .miniCartGiftInput input {
            height: 40px;
            padding: 0 0 0 10px;
            border: 1px solid #ddd;
            color: #777;
            background: transparent;
            margin: 0
        }

#sepetEkleModal {
    padding-top: 0
}

    #sepetEkleModal .modal-content {
        width: 515px;
        border: 1px solid #000;
        left: auto;
        right: 40px;
        top: 46px;
        padding: 0;
        margin: 0;
        background: #fff;
        overflow: auto;
        position: absolute
    }

    #sepetEkleModal .modal-content {
        transform: translateY(-130%);
        transition: all 500ms cubic-bezier(.645,.045,.355,1) 0s;
        opacity: 0
    }

    #sepetEkleModal.transForm .modal-content {
        transition: all 500ms cubic-bezier(.65,.05,.36,1) 0s;
        transform: translateX(0);
        opacity: 1;
        visibility: visible
    }

    #sepetEkleModal .modal-content .modal-close {
        display: none
    }

    #sepetEkleModal .divEklenenUrun {
        padding: 1rem
    }

    #sepetEkleModal .divEklenenUrunRow {
        padding: 1rem 0;
        display: flex;
        padding-top: 0;
        border-top: 0
    }

        #sepetEkleModal .divEklenenUrunRow .divCol1 {
            flex: 0 0 100px;
            position: relative;
            margin-right: 1rem
        }

            #sepetEkleModal .divEklenenUrunRow .divCol1 img {
                display: block
            }

        #sepetEkleModal .divEklenenUrunRow .divCol2 {
            flex: 1 1 100px
        }

            #sepetEkleModal .divEklenenUrunRow .divCol2 h4 {
                font-size: 14px;
                line-height: 18px;
                text-transform: inherit;
                margin: 0;
                padding: 0
            }

            #sepetEkleModal .divEklenenUrunRow .divCol2 .divStokKodu {
                margin: .5rem 0 5px
            }

            #sepetEkleModal .divEklenenUrunRow .divCol2 .divOzelAlan {
                margin: 0;
                padding: 0
            }

        #sepetEkleModal .divEklenenUrunRow .divCol3 {
            text-align: right;
            flex: 0 0 95px
        }

            #sepetEkleModal .divEklenenUrunRow .divCol3 h3 {
                font-size: 14px;
                line-height: 18px;
                text-transform: inherit
            }

    #sepetEkleModal .divEklenenSepetToplam {
        padding: 1rem;
        display: flex;
        justify-content: space-between;
        border-top: 1px solid #e1e1e1;
        border-bottom: 1px solid #e1e1e1
    }

        #sepetEkleModal .divEklenenSepetToplam p {
            margin: 0;
            padding: 0
        }

    #sepetEkleModal .divAltButonlar {
        padding: 1rem;
        display: flex
    }

        #sepetEkleModal .divAltButonlar a {
            text-align: center;
            display: block;
            text-decoration: none;
            padding: .8rem 2rem;
            background-color: #000;
            color: #fff;
            font-size: 13px;
            line-height: 1
        }

            #sepetEkleModal .divAltButonlar a.modalDevamEtBTn {
                flex: 1 1 185px;
                margin-right: .75rem
            }

    #sepetEkleModal .divAltUrunler {
        padding: 1rem
    }

    #sepetEkleModal .divAltUrunlertitle {
        line-height: 27px;
        color: #000;
        font-size: 16px;
        margin-bottom: 10px;
        font-weight: normal;
        display: block;
        text-align: center;
        vertical-align: top;
        padding: 0 !important;
        position: relative;
        z-index: 1
    }

        #sepetEkleModal .divAltUrunlertitle:after {
            clear: both;
            display: table;
            content: ""
        }

    #sepetEkleModal .divAltUrunler {
        display: block;
        width: 100%
    }

        #sepetEkleModal .divAltUrunler .divAltUrunlerList {
            list-style-type: none;
            margin: 0;
            padding: 0
        }

            #sepetEkleModal .divAltUrunler .divAltUrunlerList .productItem {
                width: 100%;
                margin: 0;
                float: none;
                display: block
            }

            #sepetEkleModal .divAltUrunler .divAltUrunlerList li {
                display: inline-block;
                vertical-align: top;
                margin-bottom: 0;
                width: calc(100%/3 - 20px);
                float: none;
                margin: 0 5px
            }

            #sepetEkleModal .divAltUrunler .divAltUrunlerList.owl-carousel li {
                width: auto;
                margin: 0
            }

        #sepetEkleModal .divAltUrunler .productItem .productDetail {
            height: auto;
            position: relative;
            padding: 0;
            float: none;
            display: block
        }

            #sepetEkleModal .divAltUrunler .productItem .productDetail .productPrice {
                height: auto;
                position: relative;
                padding: 0;
                float: none;
                text-align: left
            }

        #sepetEkleModal .divAltUrunler .productItem .productPoints, #sepetEkleModal .divAltUrunler .productItem .TukendiIco, #sepetEkleModal .divAltUrunler .productItem .productOnYazi, #sepetEkleModal .divAltUrunler .productItem .ozelAlan1, #sepetEkleModal .divAltUrunler .productItem .ozelAlan2, #sepetEkleModal .divAltUrunler .productItem .ozelAlan3, #sepetEkleModal .divAltUrunler .productItem .ozelAlan4, #sepetEkleModal .divAltUrunler .productItem .ozelAlan5, #sepetEkleModal .divAltUrunler .productItem .urunListeAdet, #sepetEkleModal .divAltUrunler .productItem .productIcon {
            display: none
        }

@media(max-width:767px) {
    body.modalOpen {
        padding: 0
    }

    #sepetEkleModal .modal-content {
        width: 100%;
        right: 0;
        top: 0;
        left: 0;
        bottom: 0
    }

    #sepetEkleModal .divAltUrunler .divAltUrunlerList {
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap
    }

        #sepetEkleModal .divAltUrunler .divAltUrunlerList.owl-carousel {
            overflow: visible;
            white-space: normal
        }

        #sepetEkleModal .divAltUrunler .divAltUrunlerList li {
            width: calc(100%/2 - 20px)
        }

    #sepetEkleModal .divAltButonlar {
        padding: 1rem;
        display: flex;
        flex-direction: column
    }

        #sepetEkleModal .divAltButonlar a {
            width: 100%;
            margin-top: 10px;
            flex: 1
        }

            #sepetEkleModal .divAltButonlar a.modalDevamEtBTn {
                width: 100%;
                margin: 0;
                flex: 1
            }

    #divCartMiniContent .miniCartRigth {
        width: 100%
    }
}

.boxResimContent.noStockProductList {
    pointer-events: none;
    position: relative
}

    .boxResimContent.noStockProductList:after {
        content: "";
        position: absolute;
        border-top: 1px solid #616c70;
        width: 35px;
        transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform-origin: 0% 0%;
        left: 0
    }

#quickViewV2 .ekSecenekGrup.nostok:before {
    content: '';
    top: 50%;
    left: 0;
    background: #ccc;
    height: 1px;
    width: 100%;
    position: absolute;
    transform: rotate(45deg)
}

#quickViewV2 .ekSecenekGrup.nostok {
    cursor: default
}

#quickViewV2 .modal-content {
    width: 700px !important
}

#quickViewV2 .ekSecenekGrup {
    min-width: 50px;
    height: 40px;
    line-height: 40px;
    border-radius: 0;
    padding: 0 5px;
    cursor: pointer;
    position: relative;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    text-align: center;
    color: #000;
    font-size: 13px;
    border: 1px solid #e0e0e0;
    display: block;
    border-radius: 3px
}

    #quickViewV2 .ekSecenekGrup.selected {
        background: #ccc;
        border-color: #ccc
    }

.modal-content .ProductDetailMainRow {
    display: flex;
    margin-bottom: 1.5rem;
    flex-wrap: wrap
}

.modal-content .leftImage {
    flex: 0 0 255px;
    margin-right: 1rem;
    flex-direction: column;
    justify-content: flex-start
}

    .modal-content .leftImage .Images {
        height: 340px;
        width: 255px;
        text-align: center;
        position: relative
    }

    .modal-content .leftImage .SmallImages {
        width: 100%;
        margin-top: 20px;
        display: block
    }

        .modal-content .leftImage .SmallImages .AltImgCapSmallImg {
            display: inline-block;
            margin: 0 10px 10px 0;
            position: relative
        }

.modal-content .RightDetail {
    flex: 1 1 100px;
    z-index: 0;
    padding: 0
}

    .modal-content .RightDetail .buyfast {
        display: none !important
    }

.modal-content .ItemV3_NameSpn {
    display: block;
    font-family: BentonSansBook,Helvetica,Arial,sans-serif;
    font-feature-settings: "liga" 0;
    font-size: 11px;
    line-height: 17px
}

.cloudzoom-lens {
    border: 5px solid #888;
    width: 100px;
    height: 100px;
    box-shadow: 0 0 10px rgba(0,0,0,.4);
    cursor: crosshair;
    z-index: 9999
}

.cloudzoom-zoom {
    background-color: #fff;
    border: 1px solid #888;
    width: 500px;
    height: 200px;
    box-shadow: 0 0 10px rgba(0,0,0,.4)
}

.cloudzoom-zoom-inside {
    border: 0;
    box-shadow: none
}

.cloudzoom-caption {
    display: none;
    text-align: left;
    background-color: #000;
    color: #fff;
    font-weight: 700;
    padding: 10px;
    font-family: sans-serif;
    font-size: 11px
}

.cloudzoom-blank {
    background-image: url(../../../../scripts/plugins/cloudzoom/blank.png)
}

.cloudzoom-ajax-loader {
    background-image: url(../../../../scripts/ajax-loader.gif);
    width: 32px;
    height: 32px
}

.ticimax-search-content {
    background-color: #fff;
    width: 800px;
    font-size: 0;
    display: flex;
    box-sizing: border-box;
    z-index: 99999;
    box-shadow: 0 6px 10px rgba(0,0,0,.4);
    position: absolute;
    top: 100%;
    left: 0;
    margin-left: 0;
    text-align: left
}

    .ticimax-search-content .quickSearchContent {
        display: flex;
        width: 100%
    }

        .ticimax-search-content .quickSearchContent > .products {
            width: 100%
        }

.ticimax-search-sidebar {
    width: 30%;
    background-color: #f5f6f6;
    padding: 20px 0;
    font-size: 14px;
    overflow-y: auto;
    box-sizing: border-box
}

.ticimax-sidebar-item h3 {
    padding-left: 20px;
    padding-right: 20px;
    font-weight: bold;
    color: #58585a;
    font-size: 15px;
    margin-bottom: 9px;
    margin-top: 0;
    text-transform: capitalize
}

.ticimax-sidebar-item ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 12px;
    margin-bottom: 20px;
    display: block
}

    .ticimax-sidebar-item ul li {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        color: #58585a;
        display: block;
        padding: 5px 20px 5px 20px;
        cursor: default;
        font-size: 12px
    }

.ticimax-search-products {
    font-size: 14px;
    box-sizing: border-box;
    padding: 20px;
    overflow-y: auto;
    width: 70%;
    background-color: #fff;
    vertical-align: top;
    position: relative;
    padding-bottom: 55px;
    padding-bottom: 20px;
    max-height: unset
}

.ticimax-search-products-title h3 {
    color: #58585a;
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 9px;
    margin-top: 0;
    text-transform: capitalize
}

.products {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0;
    margin-top: 20px
}

    .products li {
        width: calc(50% - 6px);
        display: inline-block;
        margin-bottom: 10px;
        color: unset;
        text-decoration: none
    }

        .products li:nth-child(2n-1) {
            margin-right: 10px
        }

        .products li a {
            font-size: 12px;
            transition: all 200ms ease;
            border-radius: 5px;
            overflow: hidden;
            border: 1px solid rgba(0,0,0,.1);
            width: 100%;
            display: flex;
            position: relative;
            align-items: center;
            padding-right: 10px;
            box-sizing: border-box;
            cursor: pointer;
            text-decoration: none
        }

        .products li:hover a {
            box-shadow: 0 0 10px rgba(0,0,0,.2);
            box-sizing: border-box;
            z-index: 2;
            position: relative;
            overflow: hidden;
            transform: scale(1.02)
        }

.ticimax-search-content .ticimax-search-product-image {
    float: left;
    min-width: 114px;
    height: 100px;
    position: relative;
    overflow: hidden;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 70px
}

    .ticimax-search-content .ticimax-search-product-image img {
        object-fit: cover;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 100%;
        height: auto;
        left: 0
    }

.ticimax-search-content .ticimax-search-product-info {
    padding-left: 10px;
    overflow: hidden
}

.ticimax-search-content .ticimax-search-product-info-name, .ticimax-search-content .ticimax-search-product-info-category {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: inherit;
    display: block;
    -webkit-text-size-adjust: none
}

.ticimax-search-content .ticimax-search-product-info-category {
    color: #a8a9ac;
    font-size: 11px;
    margin-bottom: 5px;
    text-transform: capitalize
}

.ticimax-search-content .ticimax-search-product-info-name {
    color: #58585a;
    font-size: 13px;
    margin-bottom: 2px;
    line-height: 18px
}

.ticimax-search-content .ticimax-search-product-info-price {
    color: #818285;
    font-size: 11px;
    -webkit-text-size-adjust: none
}

.ticimax-search-content span.ticimax-search-product-info-oldPrice {
    text-decoration: line-through;
    color: #d1d2d4;
    margin-left: 5px;
    -webkit-text-size-adjust: none
}

.noRecordsFound {
    text-align: center;
    padding-top: 50px;
    font-size: 18px
}

.sTemp2.ticimax-search-content, .sTemp4.ticimax-search-content {
    width: 400px;
    right: 0;
    left: auto;
    min-height: 200px
}

.sTemp2 .ticimax-search-products, .sTemp4 .ticimax-search-products {
    width: 100%;
    max-height: 300px
}

.sTemp2 .products li, .sTemp4 .products li {
    width: 100%
}

    .sTemp2 .products li .ticimax-search-product-image, .sTemp4 .products li .ticimax-search-product-image {
        height: 60px;
        min-width: 40px
    }

.sTemp3.ticimax-search-content {
    width: 100%;
    right: 0;
    left: auto;
    min-height: 200px;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden
}

.sTemp3 .ticimax-search-products {
    width: 100%;
    padding: 5px
}

.sTemp3 .products {
    margin-top: 0
}

    .sTemp3 .products li {
        width: 100%;
        margin-bottom: 0
    }

        .sTemp3 .products li a {
            border: 0
        }

        .sTemp3 .products li:hover a {
            box-shadow: 0 0 0;
            box-sizing: border-box;
            z-index: 2;
            position: relative;
            overflow: hidden;
            transform: none;
            text-decoration: underline
        }

.sTemp3 .ticimax-search-product-info-name {
    line-height: 2
}

.ticimax-search-mobil-close-btn {
    display: none
}

.sTemp3 .products {
    margin-top: 0
}

.ProductListGroup {
    width: 100%;
    position: relative;
    clear: right;
    float: left
}

.ProductListGroupTitle {
    text-align: center;
    margin-bottom: 20px
}

    .ProductListGroupTitle .span1 {
        font-size: 26px;
        font-weight: bold
    }

    .ProductListGroupTitle .span2 {
        font-size: 13px;
        font-weight: bold
    }

#divAramaSonuc.isMobileSearchAlan .isMobilInputContent, #divAramaAlani.isMobileSearchAlan .isMobilInputContent {
    display: none;
    align-items: center;
    justify-content: space-between;
    margin: 10px 20px 0
}

#divAramaSonuc.isMobileSearchAlan .ticimaxSearchInput, #divAramaAlani.isMobileSearchAlan .ticimaxSearchInput {
    align-self: flex-start;
    width: 85%;
    border: 1px solid #efefef;
    border-radius: 0;
    box-shadow: none;
    background: #efefef;
    margin: 0;
    padding: 5px;
    line-height: 1;
    font-size: 12px
}

#divAramaSonuc.isMobileSearchAlan .ticimax-search-mobil-close-btn, #divAramaAlani.isMobileSearchAlan .ticimax-search-mobil-close-btn {
    display: block;
    font-size: 13px;
    color: #58585a
}

@media screen and (max-width:801px) {
    body.topAutocompleteActive {
        overflow: hidden
    }

    .sTemp2 .ticimax-search-products, .sTemp4 .ticimax-search-products {
        max-height: none
    }

    #divAramaSonuc.isMobileSearchAlan .isMobilInputContent, #divAramaAlani.isMobileSearchAlan .isMobilInputContent {
        display: flex
    }

    .ticimax-search-content {
        width: 100vw !important;
        height: 100vh !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        overflow: auto !important;
        display: block
    }

    .sTemp3.ticimax-search-content {
        min-height: 10vh;
        max-height: 100vh
    }

    .ticimax-search-sidebar {
        width: 100% !important;
        display: block !important;
        background-color: #fff;
        padding-bottom: 10px !important
    }

    .ticimax-search-products {
        width: 100% !important;
        display: block !important;
        padding-top: 20px !important
    }

        .ticimax-search-products .products li {
            width: 100% !important
        }

            .ticimax-search-products .products li:nth-child(2n-1) {
                margin-right: 0 !important
            }

    .ticimax-search-content.sTemp3 .products {
        margin: 10px
    }

    .ticimax-search-content.sTemp4 .products {
        margin: 0
    }

    .ticimax-search-content {
        padding: 10px 0 140px 0
    }

        .ticimax-search-content .quickSearchContent {
            display: block
        }
}

body.favoriBody {
    padding: 0;
    margin: 0
}

    body.favoriBody #tb_Tbody {
        height: 200px;
        overflow: auto
    }

    body.favoriBody .favoriTitle {
        padding: 10px;
        border-bottom: 1px solid #eee;
        font-family: sans-serif;
        font-size: 14px;
        font-weight: 600;
        color: #676767
    }

    body.favoriBody #tb_Tbody .detayFavoriListItem {
        border: 0;
        padding: 0 10px 0 12px;
        width: calc(100% - 23px);
        font-size: 14px;
        height: 38px;
        line-height: 38px;
        font-family: sans-serif;
        margin: 0
    }

    body.favoriBody .detayFavoriListItem button {
        height: 28px;
        margin: 5px 0;
        position: inherit;
        float: right;
        top: 0;
        right: 0;
        border-radius: 3px;
        border: 1px solid #ccc;
        background: #eee
    }

    body.favoriBody .divGrupOlusturContentBottom input#txtFavoriGrup {
        float: left;
        width: 200px;
        border: 1px solid #efefef;
        padding: 0;
        height: 32px;
        padding-left: 10px
    }

    body.favoriBody .divGrupOlusturContentBottom #btnFavoriGrupKaydet {
        float: right;
        width: 80px;
        height: 34px;
        line-height: 34px;
        margin: 0;
        padding: 0;
        background-color: #000;
        color: #fff
    }

    body.favoriBody .detayFavoriListesiContent {
        height: 300px
    }

    body.favoriBody #divGrupOlusturContent {
        padding: 5px 10px;
        overflow: hidden
    }

    body.favoriBody #tb_Tbody .detayFavoriListItem button {
        display: none
    }

    body.favoriBody #tb_Tbody .detayFavoriListItem:hover {
        background: #eee
    }

        body.favoriBody #tb_Tbody .detayFavoriListItem:hover button {
            display: block;
            color: #000
        }

.iti-mobile .iti--container {
    z-index: 9999 !important
}

.hediyeIpucuGonder a {
    display: block;
    width: 100%;
    overflow: hidden
}

#sendGiftModal {
    padding-top: 50px;
    padding-bottom: 50px
}

    #sendGiftModal.ticimaxModal .modal-content {
        width: 80%;
        max-width: 420px;
        padding: 0;
        position: relative
    }

    #sendGiftModal.ticimaxModal #frmGiftHint {
        padding: 20px
    }

        #sendGiftModal.ticimaxModal #frmGiftHint .frmGiftLine {
            margin-bottom: 10px
        }

            #sendGiftModal.ticimaxModal #frmGiftHint .frmGiftLine label {
                width: 100%;
                display: block;
                font-size: 12px;
                padding-bottom: 2px;
                font-weight: 500
            }

            #sendGiftModal.ticimaxModal #frmGiftHint .frmGiftLine input {
                width: 100%
            }

    #sendGiftModal.ticimaxModal .giftImage {
        width: 100%
    }

    #sendGiftModal.ticimaxModal .modal-close {
        position: absolute;
        right: 0;
        top: 0;
        padding: 5px 15px
    }

    #sendGiftModal.ticimaxModal .btnGiftSend {
        height: 43px;
        width: 100%;
        display: block;
        background: #bf215d;
        line-height: 43px;
        text-align: center;
        color: #fff;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 17px;
        margin-top: 10px
    }

        #sendGiftModal.ticimaxModal .btnGiftSend:hover {
            opacity: .7
        }

.btnCatSorting {
    cursor: pointer
}

.productItem .divVideoPlayButton {
    z-index: 10
}

.productItem .productImage video {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.miniCartDetay .txtMiniSepetAdet {
    height: 30px;
    line-height: 30px;
    width: 60px;
    float: none;
    display: inline-block;
    margin: 0 0 0 0;
    padding: 0;
    text-align: center;
    box-shadow: none;
    border: 1px solid #e5e5e5;
    border-radius: 0
}

.miniCartDetay .adettanim3 label {
    display: block
}

#hizliBakisCinsiyet {
    width: 100%;
    display: block;
    overflow: hidden;
    padding: 0 0 10px 0
}

    #hizliBakisCinsiyet > span.labelRow {
        float: left;
        margin-right: 10px
    }

        #hizliBakisCinsiyet > span.labelRow label {
            height: 20px;
            line-height: 20px
        }

    #hizliBakisCinsiyet #divCinsiyetAlan {
        float: left
    }

    #hizliBakisCinsiyet .newUyeOlCol {
        height: 20px;
        float: left;
        line-height: 20px;
        margin-right: 10px
    }

        #hizliBakisCinsiyet .newUyeOlCol input {
            float: left;
            width: 20px;
            height: 20px
        }

    #hizliBakisCinsiyet .newUyeOlRow {
        width: 100%;
        display: block;
        overflow: hidden
    }

#userLoginTab {
    width: 100vw;
    margin: 10px 0 20px -10px;
    overflow: hidden
}

    #userLoginTab > a {
        width: 50%;
        text-align: center;
        display: block;
        float: left;
        font-size: 17px;
        font-weight: 500;
        color: #909090;
        height: 50px;
        line-height: 50px;
        border-bottom: 3px solid #ccc
    }

        #userLoginTab > a.btnActive {
            color: #000;
            border-color: #000
        }

#ProductDetailMain span.size_box.nostok {
    pointer-events: auto;
    opacity: 1
}

span.size_box.nostok .btnnostok {
    cursor: pointer
}

.size_box.nostok.show .btnnostok {
    display: block
}

.soruSorContentDiv {
    float: left;
    width: 100%
}

    .soruSorContentDiv .content-heading {
        float: left;
        width: 100%
    }

    .soruSorContentDiv .urunSorContent {
        float: left;
        width: 100%
    }

    .soruSorContentDiv .urunSorUrun {
        float: left;
        width: 100%;
        margin: 20px 0 30px
    }

    .soruSorContentDiv .urunSorimg {
        float: left
    }

    .soruSorContentDiv .urunSorDetail {
        float: left
    }

    .soruSorContentDiv .urunSorName {
        float: left;
        clear: left;
        margin-bottom: 10px;
        font-size: 15px
    }

    .soruSorContentDiv .urnFiyat {
        float: left;
        clear: left;
        margin-bottom: 10px;
        font-size: 14px
    }

    .soruSorContentDiv .uGbtn {
        float: left;
        clear: left
    }

        .soruSorContentDiv .uGbtn > div {
            float: left;
            margin-right: 10px
        }

    .soruSorContentDiv .UrunSoruList {
        float: left;
        width: 100%;
        margin-bottom: 50px
    }

    .soruSorContentDiv .urunSorDivList {
        float: left;
        width: 100%
    }

    .soruSorContentDiv .urunSorDivList {
        float: left;
        width: 100%;
        margin-bottom: 20px
    }

    .soruSorContentDiv .divListCont {
        float: left;
        width: 100%
    }

    .soruSorContentDiv .divListSoru {
        float: left;
        border-radius: 3px;
        padding: 20px;
        border: 2px solid #f2f2f2
    }

    .soruSorContentDiv .divListCevap {
        background: #f2f2f2;
        border-radius: 3px;
        color: #202020;
        float: left;
        display: inline-block;
        margin-left: 10px;
        margin-top: 15px;
        padding: 20px;
        clear: left;
        position: relative
    }

        .soruSorContentDiv .divListCevap:before {
            content: '';
            font-family: 'FontAwesome';
            font-weight: bold;
            color: #f2f2f2;
            position: absolute;
            top: -14px;
            left: 25px;
            font-size: 35px
        }

    .soruSorContentDiv .divListTitle {
        float: left;
        width: 100%;
        font-size: 14px;
        margin-bottom: 5px
    }

        .soruSorContentDiv .divListTitle .left_line {
            float: left;
            font-weight: bold
        }

        .soruSorContentDiv .divListTitle .center_line {
            float: left;
            margin: 0 3px
        }

        .soruSorContentDiv .divListTitle .right_line {
            float: left
        }

    .soruSorContentDiv .divListUye {
        float: left;
        width: 100%;
        font-size: 13px;
        color: #808080
    }

        .soruSorContentDiv .divListUye .left_line {
            float: left
        }

        .soruSorContentDiv .divListUye .center_line {
            float: left;
            margin: 0 5px
        }

        .soruSorContentDiv .divListUye .right_line {
            float: left
        }

    .soruSorContentDiv .cevapSure {
        float: left;
        width: 100%;
        font-size: 12px
    }

.ElasticVariantDetails {
    width: 100%;
    float: left;
    text-align: left;
    background: #f2f2f2
}

.ElasticVariantDetailsLine {
    width: 100%;
    display: block;
    float: left;
    border-bottom: 1px solid #fff
}

    .ElasticVariantDetailsLine .ElasticVariantDetailsSpn {
        border: 1px solid #efefef;
        min-width: 30px;
        float: left;
        padding: 5px;
        text-align: center;
        margin: 3px;
        line-height: 1.4;
        font-size: 11px
    }

.backProductListBtn {
    display: block;
    margin: 15px 0;
    padding: 10px;
    border: 1px solid #dedede;
    border-radius: 3px;
    background: #fefefe;
    text-align: center;
    cursor: pointer
}

    .backProductListBtn span {
        color: #666;
        font-size: 15px
    }

    .backProductListBtn:hover {
        border-color: #999
    }

.myCollectionProductBtn {
    display: inline-block
}

.collectionDivShow {
    float: left;
    width: 100%;
    margin: 10px 0;
    padding: 10px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

    .collectionDivShow .collectionShow {
        float: left;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

        .collectionDivShow .collectionShow .collectionShowName {
            flex: 1;
            font-size: 25px
        }

        .collectionDivShow .collectionShow .collectionShowNumber {
            flex: 1;
            display: flex;
            gap: 10px;
            text-align: center;
            font-size: 13px
        }

            .collectionDivShow .collectionShow .collectionShowNumber span {
                flex: 1
            }

            .collectionDivShow .collectionShow .collectionShowNumber .showNameColl {
                flex: 1
            }

            .collectionDivShow .collectionShow .collectionShowNumber .showProductColl {
                flex: 1
            }

        .collectionDivShow .collectionShow .collectionSave {
            flex: 1;
            display: flex;
            justify-content: flex-end
        }

            .collectionDivShow .collectionShow .collectionSave a {
                padding: 10px;
                background: #ff7600;
                color: #fff;
                border-radius: 10px
            }

                .collectionDivShow .collectionShow .collectionSave a:hover {
                    background: #f97300
                }

@media(max-width:767px) {
    .collectionDivShow .collectionShow {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px
    }

        .collectionDivShow .collectionShow .collectionShowNumber {
            text-align: left;
            flex-direction: column
        }
}

#memberNewSozlesme .modal-content {
    width: 600px;
    max-width: 100%;
    margin: 0 auto
}

    #memberNewSozlesme .modal-content iframe {
        width: 100%;
        height: auto;
        float: left;
        background: #f0f0f0;
        margin-bottom: 20px;
        border: 1px solid #ccc
    }

    #memberNewSozlesme .modal-content #memberNewSozlesmeBtn {
        float: left;
        margin: 0 auto;
        clear: both;
        border-radius: 3px
    }

.collectionModalAdd {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    display: none;
    align-items: center;
    justify-content: center
}

    .collectionModalAdd.modalShow {
        display: flex
    }

    .collectionModalAdd .modalSprint {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0,0,0,.5)
    }

    .collectionModalAdd .collectionModalContent {
        position: relative;
        width: 360px;
        max-height: 360px;
        background: #fff;
        border-radius: 10px
    }

        .collectionModalAdd .collectionModalContent.collentionNull {
            max-height: 150px
        }

    .collectionModalAdd .collectionAddModalTop {
        float: left;
        width: 100%;
        padding: 10px;
        border-bottom: 1px solid #d6d6d6;
        display: flex;
        max-height: 40px
    }

        .collectionModalAdd .collectionAddModalTop .cmtText {
            flex: 1;
            font-size: 14px
        }

        .collectionModalAdd .collectionAddModalTop .collectionModalClose {
            width: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer
        }

            .collectionModalAdd .collectionAddModalTop .collectionModalClose i {
                font-weight: 300;
                font-size: 20px;
                height: 16px
            }

    .collectionModalAdd .collectionAddModalMiddle {
        padding: 5px;
        float: left;
        width: 100%;
        position: relative
    }

        .collectionModalAdd .collectionAddModalMiddle ul {
            max-height: calc(360px - 90px);
            overflow-y: auto;
            overflow-x: hidden;
            float: left;
            width: 100%;
            list-style: none;
            padding: 0;
            margin: 0
        }

            .collectionModalAdd .collectionAddModalMiddle ul::-webkit-scrollbar {
                width: 3px
            }

            .collectionModalAdd .collectionAddModalMiddle ul::-webkit-scrollbar-track {
                background: #efefef
            }

            .collectionModalAdd .collectionAddModalMiddle ul::-webkit-scrollbar-thumb {
                background: #000
            }

            .collectionModalAdd .collectionAddModalMiddle ul li {
                padding: 5px;
                width: 100%;
                float: left
            }

                .collectionModalAdd .collectionAddModalMiddle ul li .itemCollection {
                    float: left;
                    width: 100%;
                    border-radius: 3px;
                    padding: 10px;
                    background: #f5f5f5;
                    font-size: 11px;
                    color: #000;
                    border: 1px solid #ddd;
                    cursor: pointer;
                    position: relative
                }

                    .collectionModalAdd .collectionAddModalMiddle ul li .itemCollection.selected {
                        background: #ddd
                    }

                        .collectionModalAdd .collectionAddModalMiddle ul li .itemCollection.selected:after {
                            content: '';
                            position: absolute;
                            top: 1px;
                            right: 1px;
                            font-family: 'FontAwesome';
                            font-size: 13px;
                            background: #298f17;
                            color: #fff;
                            border-radius: 100%;
                            width: 13px;
                            height: 13px;
                            text-align: center;
                            display: flex;
                            align-items: center;
                            justify-content: center
                        }

                .collectionModalAdd .collectionAddModalMiddle ul li .urlToCollection {
                    float: left;
                    width: 100%
                }

                    .collectionModalAdd .collectionAddModalMiddle ul li .urlToCollection a {
                        float: left;
                        width: 100%;
                        border-radius: 3px;
                        padding: 10px;
                        background: #f5f5f5;
                        font-size: 11px;
                        color: #000;
                        border: 1px solid #ddd;
                        text-align: center
                    }

    .collectionModalAdd .collectionAddModalBottom {
        float: left;
        width: 100%;
        padding: 10px;
        max-height: 50px
    }

        .collectionModalAdd .collectionAddModalBottom .collectionAddBtn {
            float: right;
            padding: 5px;
            border-radius: 5px;
            background: #000;
            min-width: 100%;
            text-align: center;
            color: #fff;
            font-size: 12px;
            max-width: 100%;
            line-height: 20px;
            max-height: 30px
        }

            .collectionModalAdd .collectionAddModalBottom .collectionAddBtn:hover {
                background: #1b1b1b
            }

body .productItem .productImage img[resize-resized="true"] {
    max-height: none;
    height: auto;
    width: auto;
    transition: none;
    animation: none;
    max-width: 100%
}

@media(min-width:768px) {
    #checkoutCartProductDiv {
        width: 300px;
        min-height: 72px;
        padding: 20px;
        border-radius: 10px
    }
}

.checkoutCartProductContent {
    display: flex;
    flex-flow: column;
    float: left;
    width: 100%;
    gap: 15px
}

.cartCheckoutProduct {
    display: flex;
    flex-flow: column wrap
}

    .cartCheckoutProduct .checkoutProductContent {
        flex: 1;
        display: flex;
        gap: 25px;
        max-height: 300px;
        overflow-y: auto;
        flex-flow: column
    }

        .cartCheckoutProduct .checkoutProductContent::-webkit-scrollbar {
            width: 5px;
            margin-left: 5px
        }

        .cartCheckoutProduct .checkoutProductContent::-webkit-scrollbar-track {
            background: #e5e5e5;
            border-radius: 10px
        }

        .cartCheckoutProduct .checkoutProductContent::-webkit-scrollbar-thumb {
            background: #15284b;
            border-radius: 10px
        }

    .cartCheckoutProduct .checkoutProductItem {
        display: flex;
        gap: 8px;
        flex-flow: wrap;
        flex: 1;
        border-bottom: 1px solid #e5e5e5;
        padding-bottom: 25px;
        float: left;
        width: 100%
    }

        .cartCheckoutProduct .checkoutProductItem:last-child {
            border-bottom: 0;
            padding-bottom: 0
        }

        .cartCheckoutProduct .checkoutProductItem .checkoutItemRight {
            display: flex;
            flex-flow: column wrap;
            align-items: flex-start;
            gap: 4px;
            flex: 1;
            line-height: normal;
            text-align: left;
            padding-right: 5px
        }

        .cartCheckoutProduct .checkoutProductItem .checkoutItemLeft {
            display: flex;
            flex-flow: column wrap;
            align-items: flex-start
        }

        .cartCheckoutProduct .checkoutProductItem .checkoutItemImg {
            width: 80px;
            display: flex;
            flex-flow: wrap
        }

            .cartCheckoutProduct .checkoutProductItem .checkoutItemImg a {
                float: left;
                width: 100%;
                line-height: 0
            }

        .cartCheckoutProduct .checkoutProductItem .checkoutItemName {
            display: flex
        }

            .cartCheckoutProduct .checkoutProductItem .checkoutItemName a {
                color: #15284b;
                font-size: 12px;
                line-height: 16px
            }

        .cartCheckoutProduct .checkoutProductItem .checkoutItemPrice {
            color: #15284b;
            font-size: 16px;
            font-weight: bold
        }

        .cartCheckoutProduct .checkoutProductItem .checkoutItemVariant {
            font-size: 11px;
            color: #8993a4
        }

        .cartCheckoutProduct .checkoutProductItem .checkoutItemSalesUnit {
            font-size: 11px;
            color: #8993a4
        }

        .cartCheckoutProduct .checkoutProductItem .checkoutItemDelete {
            display: flex;
            width: 100%;
            justify-content: flex-end
        }

            .cartCheckoutProduct .checkoutProductItem .checkoutItemDelete a {
                width: 24px;
                font-size: 0;
                height: 24px;
                display: flex;
                align-items: center;
                justify-content: center;
                border: 1px solid #8993a4;
                border-radius: 100%
            }

                .cartCheckoutProduct .checkoutProductItem .checkoutItemDelete a:hover {
                    background: #ff2442;
                    border-color: #ff2442
                }

                    .cartCheckoutProduct .checkoutProductItem .checkoutItemDelete a:hover svg path {
                        fill: #fff
                    }

#checkoutCartProductDiv .priceCheckoutInfo {
    display: flex;
    flex-flow: wrap
}

    #checkoutCartProductDiv .priceCheckoutInfo .priceCheckoutContent {
        border: 1px solid #e5e5e5;
        border-right: 0;
        border-left: 0;
        display: flex;
        flex-flow: column wrap;
        gap: 15px;
        padding: 15px 0;
        flex: 1
    }

    #checkoutCartProductDiv .priceCheckoutInfo .priceCheckoutItem {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        line-height: 1
    }

    #checkoutCartProductDiv .priceCheckoutInfo .priceCheckoutText {
        color: #15284b;
        font-size: 12px;
        text-align: left
    }

        #checkoutCartProductDiv .priceCheckoutInfo .priceCheckoutText .checkoutDiscountText {
            display: block;
            font-size: 10px
        }

    #checkoutCartProductDiv .priceCheckoutInfo .priceCheckoutValue {
        color: #15284b;
        font-size: 16px;
        font-weight: bold;
        line-height: 20px;
        text-align: right
    }

    #checkoutCartProductDiv .priceCheckoutInfo .campaignsList .priceCheckoutValue {
        color: #00c753
    }

#checkoutCartProductDiv .cartCheckoutButtons {
    display: flex;
    flex-flow: wrap
}

    #checkoutCartProductDiv .cartCheckoutButtons .cartCheckoutButtonsContent {
        flex: 1;
        display: flex;
        justify-content: space-between;
        gap: 10px
    }

    #checkoutCartProductDiv .cartCheckoutButtons .checkoutButton {
        flex: auto
    }

        #checkoutCartProductDiv .cartCheckoutButtons .checkoutButton a {
            padding: 17px 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 13px;
            font-weight: 600;
            color: #15284b;
            border-radius: 8px;
            line-height: normal;
            background: #e5e8eb
        }

        #checkoutCartProductDiv .cartCheckoutButtons .checkoutButton.orderCompleteButton a {
            color: #fff;
            background: #15284b
        }

#checkoutCartProductDiv #emptyCartCheckoutDiv {
    display: flex;
    align-items: center;
    justify-content: center
}

#checkoutCartProductDiv .emptyCheckoutContent {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px
}

#checkoutCartProductDiv .emptyIconSvg {
    width: 32px;
    height: 32px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #8993a4
}

#checkoutCartProductDiv .emptyText {
    font-size: 12px;
    color: #8993a4;
    line-height: normal
}

@media(max-width:768px) {
    .checkoutCartProductContent {
        margin-top: 15px
    }
}

#yorumYaz *, #yorumYaz *:after, #yorumYaz *:before, .commentTicimax *, .commentTicimax *:after, .commentTicimax *:before, #yorumResimGosterimModal *, #yorumResimGosterimModal *:after, #yorumResimGosterimModal *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#yorumYaz.ticimaxModal {
    padding-bottom: 35px;
    padding-top: 35px;
    z-index: 99999
}

#yorumYaz .modal-content {
    width: auto;
    max-width: 600px;
    position: relative;
    padding: 0;
    background: #fff;
    border: 0
}

    #yorumOnizleme .modal-content .modal-close, #yorumYaz .modal-content .modal-close {
        text-indent: 2px;
        position: absolute;
        right: -10px;
        top: -10px;
        font-size: 0;
        font-weight: 100;
        box-shadow: 0 0 5px 0 #898989;
        border-radius: 100%;
        width: 30px;
        height: 30px;
        text-align: center;
        background: #fff;
        border: 1px solid #707070;
        font-family: none
    }

        #yorumOnizleme .modal-content .modal-close:before, #yorumYaz .modal-content .modal-close:before {
            content: '';
            font-family: 'FontAwesome';
            font-size: 16px;
            line-height: 28px
        }

#yorumYaz.modal .divYorumYazGiris {
    padding: 25px
}

    #yorumYaz.modal .divYorumYazGiris .alert-info {
        background: 0 0;
        border: 0;
        color: #000;
        font-size: 12px;
        text-align: center
    }

        #yorumYaz.modal .divYorumYazGiris .alert-info a {
            font-size: 14px;
            display: table;
            margin-top: 15px;
            margin: 15px auto 0
        }

#yorumYaz .customLabel {
    float: left;
    position: relative;
    cursor: pointer
}

#yorumYaz .divYorumYazGiris {
    padding: 50px
}

    #yorumYaz .divYorumYazGiris .yorumGirisYap {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        -webkit-align-items: center;
        justify-content: center;
        -webkit-justify-content: center
    }

#yorumYaz .alert-info {
    color: #000;
    background: transparent;
    border: 0;
    text-align: center;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column
}

    #yorumYaz .alert-info a {
        position: relative;
        background: #000;
        color: #fff;
        font-size: 14px;
        line-height: 1.5;
        padding: 5px 10px;
        display: flex;
        text-align: center;
        margin: 20px auto 0;
        font-weight: 500;
        border-radius: 3px
    }

        #yorumYaz .alert-info a:hover {
            background: #000;
            color: #f8f3e8
        }

#yorumYaz .customLabel input {
    margin: 0;
    padding: 0;
    border: 0;
    opacity: 0;
    display: none
}

#yorumYaz .customLabel label {
    cursor: pointer;
    line-height: 24px;
    font-size: 12px;
    padding-left: 30px;
    position: relative;
    float: left
}

    #yorumYaz .customLabel label:before {
        content: '';
        position: absolute;
        top: 2px;
        left: 0;
        width: 20px;
        height: 20px;
        border-radius: 100%;
        border: 1px solid #cbcbcb
    }

#yorumYaz .customLabel input[type="radio"]:checked + .tici-valid-error + label:before, #yorumYaz .customLabel input[type="radio"]:checked + label:before {
    border-color: #000
}

#yorumYaz .customLabel input[type="checkbox"]:checked + .tici-valid-error + label:before, #yorumYaz .customLabel input[type="checkbox"]:checked + label:before {
    border-color: #000
}

#yorumYaz .customLabel input[type="radio"]:checked + .tici-valid-error + label:after, #yorumYaz .customLabel input[type="radio"]:checked + label:after, #yorumYaz .customLabel input[type="checkbox"]:checked + .tici-valid-error + label:after, #yorumYaz .customLabel input[type="checkbox"]:checked + label:after {
    content: '';
    position: absolute;
    left: 1px;
    top: 3px;
    width: 18px;
    height: 18px;
    background: #000;
    border-radius: 100%;
    border: 2px solid #fff
}

#yorumYaz .yorumSecenekler {
    float: left;
    width: 100%;
    display: flex;
    gap: 10px;
    flex-flow: wrap
}

#yorumYaz .yorumBaslik {
    float: left;
    width: 100%;
    margin-bottom: 10px
}

    #yorumYaz .yorumBaslik .yorumLabel {
        float: left;
        clear: left;
        font-size: 12px;
        line-height: 25px;
        font-weight: 500
    }

    #yorumYaz .yorumBaslik .yorumDescriptionLabel {
        float: left;
        clear: left;
        font-size: 12px;
        line-height: 1.4;
        font-weight: 500
    }

#yorumYaz input[type="text"], #yorumYaz textarea, #yorumYaz select {
    background: #fff;
    border: 1px solid #000;
    padding: 10px;
    min-height: 40px;
    font-size: 12px
}

    #yorumYaz input[type="text"]:focus {
        color: #000
    }

#yorumYaz textarea {
    min-height: 100px;
    max-height: 150px
}

    #yorumYaz textarea:focus {
        color: #000
    }

#yorumYaz .frmUrunDetayYorumYaz {
    float: left;
    width: 100%;
    border: 1px solid #707070;
    padding: 30px
}

    #yorumYaz .frmUrunDetayYorumYaz .divYorumHeader {
        float: left;
        width: 100%;
        border-bottom: 1px solid #bbb;
        color: #000;
        padding: 0 0 20px;
        font-size: 20px;
        line-height: normal;
        font-weight: bold
    }

    #yorumYaz .frmUrunDetayYorumYaz .YorumContIcerik {
        float: left;
        width: 100%;
        padding: 20px 0 0;
        min-height: 400px
    }

    #yorumYaz .frmUrunDetayYorumYaz .yorumContentTop, #yorumYaz .frmUrunDetayYorumYaz .yorumContentBottom {
        float: left;
        width: 100%
    }

        #yorumYaz .frmUrunDetayYorumYaz .yorumContentBottom > div {
            float: left;
            width: 100%;
            margin-bottom: 20px
        }

            #yorumYaz .frmUrunDetayYorumYaz .yorumContentBottom > div.yorumBtn {
                margin-bottom: 0
            }

    #yorumYaz .frmUrunDetayYorumYaz .yorumContentTop {
        display: flex;
        gap: 30px;
        margin-bottom: 30px
    }

    #yorumYaz .frmUrunDetayYorumYaz .yorumContentRight {
        flex: 1
    }

        #yorumYaz .frmUrunDetayYorumYaz .yorumContentRight > div {
            float: left;
            width: 100%;
            margin-bottom: 20px
        }

    #yorumYaz .frmUrunDetayYorumYaz .yorumContentLeft {
        flex: 0 0 35%;
        display: flex;
        align-items: center;
        justify-content: center
    }

    #yorumYaz .frmUrunDetayYorumYaz .yorumUrunImg > div {
        float: left;
        width: 100%
    }

        #yorumYaz .frmUrunDetayYorumYaz .yorumUrunImg > div img {
            max-width: 100%;
            margin: 0 auto;
            display: block
        }

#yorumYaz .modal-content .modal-close #yorumYaz .frmUrunDetayYorumYaz .yorumUrunAdDesc > div {
    float: left;
    width: 100%
}

#yorumYaz .frmUrunDetayYorumYaz .yorumUrunAdDesc .labelYorumProductName {
    font-size: 18px;
    line-height: normal;
    font-weight: 600
}

#yorumYaz .frmUrunDetayYorumYaz .rating {
    float: left;
    width: 100%
}

    #yorumYaz .frmUrunDetayYorumYaz .rating i {
        float: right;
        width: 20%;
        text-align: left;
        font-size: 40px;
        line-height: 1;
        cursor: pointer
    }

#yorumYaz .frmUrunDetayYorumYaz .yorumDeger {
    float: left;
    width: 100%;
    margin-bottom: 20px
}

#yorumYaz .frmUrunDetayYorumYaz .yorumAciklamaT {
    float: left;
    width: 100%
}

#yorumYaz .frmUrunDetayYorumYaz .divYorumDegerlendirmeOneri {
    margin-bottom: 0
}

#yorumYaz .frmUrunDetayYorumYaz .yorumMusetiAd {
    float: left;
    width: 100%;
    margin-bottom: 10px
}

#yorumYaz .frmUrunDetayYorumYaz .detayYorumFormBilgiledirme {
    float: left;
    width: 100%;
    margin-bottom: 10px
}

#yorumYaz .frmUrunDetayYorumYaz .detayYorumFormAd {
    display: flex;
    flex-direction: column
}

#yorumYaz .frmUrunDetayYorumYaz .yorumMusteriAdCheck {
    margin-bottom: 10px
}

    #yorumYaz .frmUrunDetayYorumYaz .yorumMusteriAdCheck.kvkkCheck .customLabel {
        display: flex;
        flex-direction: column-reverse
    }

        #yorumYaz .frmUrunDetayYorumYaz .yorumMusteriAdCheck.kvkkCheck .customLabel a {
            text-decoration: underline;
            color: #bd0909;
            font-size: 12px
        }

    #yorumYaz .frmUrunDetayYorumYaz .yorumMusteriAdCheck:last-child {
        margin-bottom: 0
    }

#yorumYaz .frmUrunDetayYorumYaz .yorumMusetiAd input {
    padding: 10px;
    background: #bcbcbc;
    border: 0;
    color: #fff
}

#yorumYaz .frmUrunDetayYorumYaz #selectCity {
    float: left;
    width: 100%;
    margin-bottom: 10px
}

#yorumYaz .frmUrunDetayYorumYaz .yorumBtn #btnYorumKaydet {
    float: left;
    padding: 15px 30px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    font-weight: 500;
    min-width: 120px;
    background: #000;
    margin: 0
}

    #yorumYaz .frmUrunDetayYorumYaz .yorumBtn #btnYorumKaydet.disabledClick {
        pointer-events: none
    }

#yorumYaz .frmUrunDetayYorumYaz .divYorumFotografEkleme .yorumFotograflar {
    float: left;
    width: 100%
}

#yorumYaz .frmUrunDetayYorumYaz .divYorumFotografEkleme .yorumBaslik {
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
    align-items: center
}

    #yorumYaz .frmUrunDetayYorumYaz .divYorumFotografEkleme .yorumBaslik .yorumDescriptionLabel {
        font-size: 11px
    }

#yorumYaz .frmUrunDetayYorumYaz .divYorumFotografEkleme .yorumFotograflarRow {
    display: flex;
    flex-flow: wrap;
    flex-direction: row;
    gap: 0;
    margin: 0 -10px
}

#yorumYaz .frmUrunDetayYorumYaz .divYorumFotografEkleme .yorumFotograflarDiv {
    flex: 0 0 33.33%;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 0 10px
}

    #yorumYaz .frmUrunDetayYorumYaz .divYorumFotografEkleme .yorumFotograflarDiv .js--image-preview {
        display: flex;
        position: relative;
        box-shadow: none;
        width: 100%;
        height: 20vw;
        max-height: 180px;
        border: 1px solid #989898
    }

        #yorumYaz .frmUrunDetayYorumYaz .divYorumFotografEkleme .yorumFotograflarDiv .js--image-preview:not(.select):after {
            content: '';
            font-family: 'FontAwesome';
            font-weight: 300;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            top: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 30px;
            color: #9b9b9b;
            background: #fff;
            z-index: 1
        }

        #yorumYaz .frmUrunDetayYorumYaz .divYorumFotografEkleme .yorumFotograflarDiv .js--image-preview img {
            max-width: 100%;
            max-height: 100%;
            margin: auto
        }

    #yorumYaz .frmUrunDetayYorumYaz .divYorumFotografEkleme .yorumFotograflarDiv .upload-options {
        display: flex;
        flex-flow: wrap;
        gap: 5px
    }

        #yorumYaz .frmUrunDetayYorumYaz .divYorumFotografEkleme .yorumFotograflarDiv .upload-options .fileClear {
            text-align: center;
            padding: 10px;
            background: #af0000;
            font-size: 12px;
            color: #fff;
            float: left;
            cursor: pointer;
            line-height: 1
        }

        #yorumYaz .frmUrunDetayYorumYaz .divYorumFotografEkleme .yorumFotograflarDiv .upload-options .upload-btn {
            display: flex;
            flex: 1
        }

            #yorumYaz .frmUrunDetayYorumYaz .divYorumFotografEkleme .yorumFotograflarDiv .upload-options .upload-btn label {
                line-height: 1;
                cursor: pointer;
                width: 100%;
                text-align: center;
                padding: 10px 5px;
                margin: 0;
                background: #bcbcbc;
                font-size: 12px;
                color: #000;
                float: left
            }

            #yorumYaz .frmUrunDetayYorumYaz .divYorumFotografEkleme .yorumFotograflarDiv .upload-options .upload-btn input {
                display: none
            }

#yorumYaz .alert-danger {
    font-size: 12px
}

#yorumYaz .detayYorumFormRating .alert-danger {
    float: left;
    width: 100%;
    margin-top: 10px
}

#yorumYaz .yorumMusteriAdCheck .alert-danger {
    float: left;
    width: 100%;
    margin-top: 10px
}

#yorumYaz .detayYorumFormOneri .alert-danger {
    float: left;
    width: 100%;
    margin-top: 10px
}

#yorumOnizleme .modal-content {
    width: auto;
    max-width: 700px;
    position: relative;
    padding: 0;
    background: #fff
}

#yorumOnizleme #divYorumOnizleme {
    float: left;
    width: 100%
}

    #yorumOnizleme #divYorumOnizleme .divYorumOnizlemeHeader {
        border-bottom: 1px solid #e1e1e1;
        color: #000;
        padding: 20px;
        font-size: 22px;
        line-height: 27px
    }

    #yorumOnizleme #divYorumOnizleme .divYorumOnizlemeContent {
        float: left;
        width: 100%;
        padding: 20px
    }

#yorumOnizleme .divYorumlarV2Item-col {
    margin: 0
}

#yorumOnizleme .yorum-item-left {
    float: left;
    width: 50%
}

#yorumOnizleme .yorum-item-right {
    float: left;
    width: 50%
}

#yorumOnizleme .editBtn {
    float: left;
    width: 100%;
    margin-top: 15px;
    border-top: 1px solid #e1e1e1;
    padding: 15px 0 0
}

    #yorumOnizleme .editBtn .button {
        float: left;
        width: calc(50% - 10px);
        font-size: 14px;
        height: 35px
    }

        #yorumOnizleme .editBtn .button.YorumKaydet {
            float: right
        }

        #yorumOnizleme .editBtn .button.OnizlemeGeriDon {
            background: #fff;
            border: 1px solid #000;
            color: #000
        }

#yorumOnizleme .yorum-item-puan-date {
    margin-top: 0
}

#yorumResimGosterimModal.ticimaxModal {
    z-index: 9999999
}

    #yorumResimGosterimModal.ticimaxModal .modal-content {
        width: 800px !important;
        height: 600px;
        background: #fff;
        border-radius: 8px;
        border: 0;
        padding: 0;
        overflow: hidden;
        position: relative
    }

    #yorumResimGosterimModal.ticimaxModal .yorumResimGosterimContent {
        display: flex;
        float: left;
        width: 100%;
        height: 100%
    }

    #yorumResimGosterimModal.ticimaxModal .modal-content-html {
        float: left;
        width: 100%;
        height: 100%
    }

    #yorumResimGosterimModal.ticimaxModal .modal-close {
        position: absolute;
        right: 0;
        top: 0;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        z-index: 1;
        font-size: 29px;
        color: #000
    }

.yorumResimGosterimContent .yorumResimGosterimSol {
    width: 450px;
    background: #fff;
    position: relative
}

    .yorumResimGosterimContent .yorumResimGosterimSol .yorumResimList {
        float: left;
        width: 100%;
        height: 100%
    }

        .yorumResimGosterimContent .yorumResimGosterimSol .yorumResimList.owl-carousel {
            background: #fff
        }

        .yorumResimGosterimContent .yorumResimGosterimSol .yorumResimList .owl-stage-outer {
            height: 100%
        }

        .yorumResimGosterimContent .yorumResimGosterimSol .yorumResimList.owl-carousel .owl-stage {
            height: 100%
        }

        .yorumResimGosterimContent .yorumResimGosterimSol .yorumResimList.owl-carousel .owl-item {
            height: 100%
        }

        .yorumResimGosterimContent .yorumResimGosterimSol .yorumResimList.owl-carousel .owl-nav {
            display: none !important
        }

    .yorumResimGosterimContent .yorumResimGosterimSol .customNav {
        position: absolute;
        left: 20px;
        right: 20px;
        top: 50%;
        z-index: 2
    }

        .yorumResimGosterimContent .yorumResimGosterimSol .customNav .yorumResimPrev, .yorumResimGosterimContent .yorumResimGosterimSol .customNav .yorumResimNext {
            background: #fff;
            border-radius: 100%;
            border: 0;
            width: 35px;
            height: 35px;
            cursor: pointer;
            text-align: center;
            position: absolute;
            font-size: 0;
            display: inline-block;
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            transition: all .3s ease;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            align-items: center;
            -webkit-align-items: center;
            justify-content: center;
            -webkit-justify-content: center;
            box-shadow: 0 4px 4px rgba(51,51,51,.16)
        }

            .yorumResimGosterimContent .yorumResimGosterimSol .customNav .yorumResimPrev:before, .yorumResimGosterimContent .yorumResimGosterimSol .customNav .yorumResimNext:before {
                font-family: 'FontAwesome';
                font-size: 30px;
                line-height: 35px;
                font-weight: 300
            }

            .yorumResimGosterimContent .yorumResimGosterimSol .customNav .yorumResimPrev:before {
                content: ''
            }

            .yorumResimGosterimContent .yorumResimGosterimSol .customNav .yorumResimNext:before {
                content: ''
            }

        .yorumResimGosterimContent .yorumResimGosterimSol .customNav .yorumResimPrev {
            left: 0
        }

        .yorumResimGosterimContent .yorumResimGosterimSol .customNav .yorumResimNext {
            right: 0
        }

            .yorumResimGosterimContent .yorumResimGosterimSol .customNav .yorumResimPrev.disabled, .yorumResimGosterimContent .yorumResimGosterimSol .customNav .yorumResimNext.disabled {
                display: block
            }

    .yorumResimGosterimContent .yorumResimGosterimSol .yorumResimItem {
        float: left;
        width: 100%;
        height: 100%;
        padding: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        user-select: none
    }

        .yorumResimGosterimContent .yorumResimGosterimSol .yorumResimItem img {
            margin: auto;
            max-height: 100%;
            display: block;
            pointer-events: none
        }

.yorumResimGosterimContent .yorumResimGosterimSag {
    flex: 1;
    display: flex;
    align-items: center
}

.commentTicimaxPopup .commentStars, .detayYorumFormRating .commentStars, .commentTicimax .commentStars {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 3px;
    list-style: none;
    padding: 0;
    margin: 0
}

.detayYorumFormRating .commentStars {
    gap: 10px
}

    .commentTicimaxPopup .commentStars > li, .detayYorumFormRating .commentStars > li, .commentTicimax .commentStars > li {
        line-height: 0;
        margin: 0
    }

    .commentTicimaxPopup .commentStars .svgStar, .detayYorumFormRating .commentStars .svgStar, .commentTicimax .commentStars .svgStar {
        width: 24px;
        height: 24px;
        cursor: pointer
    }

    .detayYorumFormRating .commentStars .svgStar {
        width: 25px;
        height: 25px
    }

    .commentTicimaxPopup .commentStars .full, .detayYorumFormRating .commentStars .full, .commentTicimax .commentStars .full {
        display: none
    }

    .commentTicimaxPopup .commentStars[data-rating^='1'] .svgStar1 .full, .detayYorumFormRating .commentStars[data-rating^='1'] .svgStar1 .full, .commentTicimax .commentStars[data-rating^='1'] .svgStar1 .full, .commentTicimaxPopup .commentStars[data-rating^='2'] .svgStar2 .full, .detayYorumFormRating .commentStars[data-rating^='2'] .svgStar2 .full, .commentTicimax .commentStars[data-rating^='2'] .svgStar2 .full, .commentTicimaxPopup .commentStars[data-rating^='3'] .svgStar3 .full, .detayYorumFormRating .commentStars[data-rating^='3'] .svgStar3 .full, .commentTicimax .commentStars[data-rating^='3'] .svgStar3 .full, .commentTicimaxPopup .commentStars[data-rating^='4'] .svgStar4 .full, .detayYorumFormRating .commentStars[data-rating^='4'] .svgStar4 .full, .commentTicimax .commentStars[data-rating^='4'] .svgStar4 .full, .commentTicimaxPopup .commentStars[data-rating^='5'] .svgStar5 .full, .detayYorumFormRating .commentStars[data-rating^='5'] .svgStar5 .full, .commentTicimax .commentStars[data-rating^='5'] .svgStar5 .full {
        display: block
    }

    .commentTicimaxPopup .commentStars[data-rating^='2'] .svgStar1 .full, .detayYorumFormRating .commentStars[data-rating^='2'] .svgStar1 .full, .commentTicimax .commentStars[data-rating^='2'] .svgStar1 .full, .commentTicimaxPopup .commentStars[data-rating^='2'] .svgStar2 .full, .detayYorumFormRating .commentStars[data-rating^='2'] .svgStar2 .full, .commentTicimax .commentStars[data-rating^='2'] .svgStar2 .full {
        display: block
    }

    .commentTicimaxPopup .commentStars[data-rating^='3'] .svgStar1 .full, .detayYorumFormRating .commentStars[data-rating^='3'] .svgStar1 .full, .commentTicimax .commentStars[data-rating^='3'] .svgStar1 .full, .commentTicimaxPopup .commentStars[data-rating^='3'] .svgStar2 .full, .detayYorumFormRating .commentStars[data-rating^='3'] .svgStar2 .full, .commentTicimax .commentStars[data-rating^='3'] .svgStar2 .full {
        display: block
    }

    .commentTicimaxPopup .commentStars[data-rating^='4'] .svgStar1 .full, .detayYorumFormRating .commentStars[data-rating^='4'] .svgStar1 .full, .commentTicimax .commentStars[data-rating^='4'] .svgStar1 .full, .commentTicimaxPopup .commentStars[data-rating^='4'] .svgStar2 .full, .detayYorumFormRating .commentStars[data-rating^='4'] .svgStar2 .full, .commentTicimax .commentStars[data-rating^='4'] .svgStar2 .full, .commentTicimaxPopup .commentStars[data-rating^='4'] .svgStar3 .full, .detayYorumFormRating .commentStars[data-rating^='4'] .svgStar3 .full, .commentTicimax .commentStars[data-rating^='4'] .svgStar3 .full {
        display: block
    }

    .commentTicimaxPopup .commentStars[data-rating^='5'] .svgStar1 .full, .detayYorumFormRating .commentStars[data-rating^='5'] .svgStar1 .full, .commentTicimax .commentStars[data-rating^='5'] .svgStar1 .full, .commentTicimaxPopup .commentStars[data-rating^='5'] .svgStar2 .full, .detayYorumFormRating .commentStars[data-rating^='5'] .svgStar2 .full, .commentTicimax .commentStars[data-rating^='5'] .svgStar2 .full, .commentTicimaxPopup .commentStars[data-rating^='5'] .svgStar3 .full, .detayYorumFormRating .commentStars[data-rating^='5'] .svgStar3 .full, .commentTicimax .commentStars[data-rating^='5'] .svgStar3 .full, .commentTicimaxPopup .commentStars[data-rating^='5'] .svgStar4 .full, .detayYorumFormRating .commentStars[data-rating^='5'] .svgStar4 .full, .commentTicimax .commentStars[data-rating^='5'] .svgStar4 .full {
        display: block
    }

.commentTicimax {
    float: left;
    width: 100%
}

    .commentTicimax .commentTiciContainer {
        max-width: 100%;
        margin: 0 auto
    }

    .commentTicimax .commentTiciContent {
        float: left;
        width: 100%;
        display: flex;
        flex-direction: column
    }

    .commentTicimax .commentTiciTop {
        float: left;
        width: 100%
    }

    .commentTicimax .commentTiciTopDiv {
        float: left;
        width: 100%;
        display: flex;
        flex-direction: column
    }

    .commentTicimax .commentTiciGeneralRating {
        float: left;
        width: 100%;
        border-bottom: 1px solid #e0e0e0;
        padding: 20px 0;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 25px;
        flex-flow: wrap
    }

        .commentTicimax .commentTiciGeneralRating .commentTiciRating {
            float: left;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            gap: 10px
        }

        .commentTicimax .commentTiciGeneralRating .commentTiciRatingStr {
            font-size: 33px;
            font-weight: bold;
            color: #000
        }

        .commentTicimax .commentTiciGeneralRating .commentTiciNumber {
            float: left;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            color: #989898;
            font-size: 16px;
            font-weight: 500
        }

    .commentTicimax .commentTiciFilter {
        float: left;
        width: 100%;
        border-bottom: 1px solid #e0e0e0;
        padding: 20px 0;
        display: flex;
        flex-direction: column;
        gap: 15px
    }

    .commentTicimax .commentTiciFilterButtons {
        float: left;
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-flow: wrap;
        gap: 10px
    }

        .commentTicimax .commentTiciFilterButtons .commentTiciFilterButtonsLeft {
            float: left;
            display: flex;
            align-items: center;
            gap: 10px
        }

        .commentTicimax .commentTiciFilterButtons .commentTiciFilterButtonsRight {
            float: right;
            display: flex;
            align-items: center
        }

        .commentTicimax .commentTiciFilterButtons .ctfButton {
            float: left;
            height: 100%
        }

            .commentTicimax .commentTiciFilterButtons .commentTiciFilterButtonsOrder .orderFilter, .commentTicimax .commentTiciFilterStars .commentTiciFilterStarsUl > li > a, .commentTicimax .commentTiciFilterButtons .ctfButton a {
                float: left;
                border: 1px solid #989898;
                color: #989898;
                font-size: 12px;
                font-weight: 500;
                padding: 10px 15px;
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 3px;
                line-height: 1;
                height: 100%
            }

            .commentTicimax .commentTiciFilterButtons .ctfButton.active a {
                border-color: #000;
                color: #000
            }

            .commentTicimax .commentTiciFilterButtons .ctfButton.photoFilter a svg {
                width: 15px;
                height: 12px;
                fill: #989898
            }

            .commentTicimax .commentTiciFilterButtons .ctfButton.photoFilter.active a svg {
                fill: #000
            }

        .commentTicimax .commentTiciFilterButtons .commentTiciFilterOrderHide {
            display: none
        }

        .commentTicimax .commentTiciFilterButtons .commentTiciFilterOrder {
            position: absolute;
            right: 0;
            top: 100%;
            z-index: 1;
            background: #fff;
            min-width: 100%;
            border: 1px solid #000;
            list-style: none;
            margin: 0;
            padding: 0 0 10px;
            border-top: 0
        }

            .commentTicimax .commentTiciFilterButtons .commentTiciFilterOrder.active {
                display: block
            }

            .commentTicimax .commentTiciFilterButtons .commentTiciFilterOrder li a {
                float: left;
                width: 100%;
                color: #000;
                font-size: 11px;
                padding: 2px 10px
            }

            .commentTicimax .commentTiciFilterButtons .commentTiciFilterOrder li.active a {
                text-decoration: underline
            }

        .commentTicimax .commentTiciFilterButtons .commentTiciFilterButtonsOrder {
            height: 100%;
            float: left;
            position: relative
        }

            .commentTicimax .commentTiciFilterButtons .commentTiciFilterButtonsOrder .orderFilter {
                border-color: #000;
                color: #000;
                padding: 10px
            }

                .commentTicimax .commentTiciFilterButtons .commentTiciFilterButtonsOrder .orderFilter svg {
                    width: 12px;
                    transform: rotate(0deg);
                    transition: transform .1s ease-in-out
                }

                .commentTicimax .commentTiciFilterButtons .commentTiciFilterButtonsOrder .orderFilter.active svg {
                    transform: rotate(180deg)
                }

                .commentTicimax .commentTiciFilterButtons .commentTiciFilterButtonsOrder .orderFilter.active {
                    border-bottom-color: #fff
                }

    .commentTicimax .commentTiciFilterStars {
        float: left;
        width: 100%
    }

        .commentTicimax .commentTiciFilterStars .commentTiciFilterStarsUl {
            float: left;
            width: 100%;
            display: flex;
            justify-content: flex-start;
            gap: 5px;
            flex-flow: wrap;
            list-style: none;
            padding: 0;
            margin: 0
        }

            .commentTicimax .commentTiciFilterStars .commentTiciFilterStarsUl > li > a {
                font-size: 11px;
                padding: 10px;
                line-height: 11px
            }

            .commentTicimax .commentTiciFilterStars .commentTiciFilterStarsUl > li.active > a {
                border-color: #000;
                color: #000
            }

            .commentTicimax .commentTiciFilterStars .commentTiciFilterStarsUl .commentStars .svgStar {
                width: 11px;
                height: 11px
            }

    .commentTicimax .commentTiciAllImage {
        float: left;
        width: 100%;
        border-bottom: 1px solid #e0e0e0;
        padding: 20px 0;
        display: flex;
        flex-direction: column;
        gap: 10px
    }

        .commentTicimax .commentTiciAllImage .commentTiciAllImageTitle {
            float: left;
            width: 100%;
            font-size: 11px;
            color: #989898;
            font-weight: 500
        }

        .commentTicimax .commentTiciAllImage .commentTiciAllImageList {
            float: left;
            width: 100%
        }

        .commentTicimax .commentTiciAllImage .commentTiciAllImageListOwl {
            float: left;
            width: 100%
        }

        .commentTicimax .commentTiciList .commentTiciItemImageItem, .commentTicimax .commentTiciAllImage .commentTiciAllImageItem {
            float: left;
            width: 80px;
            height: 80px;
            cursor: pointer
        }

            .commentTicimax .commentTiciList .commentTiciItemImageItem img, .commentTicimax .commentTiciAllImage .commentTiciAllImageItem img {
                height: 100%;
                width: 1000%;
                object-fit: cover
            }

    .commentTicimax .commentTiciMiddle {
        float: left;
        width: 100%
    }

    .commentTicimaxPopup .commentTiciList, .commentTicimax .commentTiciList {
        float: left;
        width: 100%;
        display: flex;
        flex-direction: column
    }

        .commentTicimaxPopup .commentTiciList .commentTiciItem, .commentTicimax .commentTiciList .commentTiciItem {
            float: left;
            width: 100%;
            display: flex;
            flex-direction: column;
            border-bottom: 1px solid #e0e0e0;
            padding: 20px 0;
            gap: 10px
        }

        .commentTicimaxPopup .commentTiciList .commentTiciItemImages, .commentTicimax .commentTiciList .commentTiciItemImages {
            float: left;
            width: 100%
        }

        .commentTicimaxPopup .commentTiciList .commentTiciItemImageList, .commentTicimax .commentTiciList .commentTiciItemImageList {
            float: left;
            width: 100%;
            display: flex;
            justify-content: flex-start;
            gap: 8px
        }

        .commentTicimaxPopup .commentTiciList .commentTiciItemRating, .commentTicimax .commentTiciList .commentTiciItemRating {
            float: left;
            width: 100%
        }

            .commentTicimaxPopup .commentTiciList .commentTiciItemRating .commentStars .svgStar, .commentTicimax .commentTiciList .commentTiciItemRating .commentStars .svgStar {
                width: 11px;
                height: 11px
            }

        .commentTicimaxPopup .commentTiciList .commentTiciItemTitle, .commentTicimax .commentTiciList .commentTiciItemTitle {
            float: left;
            width: 100%;
            color: #000;
            font-size: 13px;
            font-weight: bold;
            line-height: normal
        }

        .commentTicimaxPopup .commentTiciList .commentTiciItemText, .commentTicimax .commentTiciList .commentTiciItemText {
            float: left;
            width: 100%;
            color: #000;
            font-size: 12px;
            font-weight: 500;
            line-height: normal
        }

        .commentTicimaxPopup .commentTiciList .commentTiciItemExtra, .commentTicimax .commentTiciList .commentTiciItemExtra {
            float: left;
            width: 100%;
            display: flex;
            flex-direction: column;
            gap: 10px
        }

        .commentTicimaxPopup .commentTiciList .commentTiciItemInfo, .commentTicimax .commentTiciList .commentTiciItemInfo {
            float: left;
            width: 100%;
            display: flex;
            justify-content: flex-start
        }

            .commentTicimaxPopup .commentTiciList .commentTiciItemInfo .commentInfo, .commentTicimax .commentTiciList .commentTiciItemInfo .commentInfo {
                float: left;
                color: #989898;
                font-size: 11px
            }

                .commentTicimaxPopup .commentTiciList .commentTiciItemInfo .commentInfo:after, .commentTicimax .commentTiciList .commentTiciItemInfo .commentInfo:after {
                    content: '|';
                    margin: 0 5px
                }

                .commentTicimaxPopup .commentTiciList .commentTiciItemInfo .commentInfo:last-child:after, .commentTicimax .commentTiciList .commentTiciItemInfo .commentInfo:last-child:after {
                    display: none
                }

        .commentTicimaxPopup .commentTiciList .commentTiciItemBottom, .commentTicimax .commentTiciList .commentTiciItemBottom {
            float: left;
            width: 100%;
            display: flex;
            justify-content: flex-start;
            gap: 8px;
            align-items: center;
            flex-flow: wrap
        }

        .commentTicimaxPopup .commentTiciList .commentTiciItemRecomAndPurc, .commentTicimax .commentTiciList .commentTiciItemRecomAndPurc {
            float: left;
            display: flex;
            justify-content: flex-start;
            gap: 8px
        }

            .commentTicimaxPopup .commentTiciList .commentTiciItemRecomAndPurc .RecomAndPurc, .commentTicimax .commentTiciList .commentTiciItemRecomAndPurc .RecomAndPurc {
                float: left;
                background: #dedede;
                color: #000;
                font-size: 11px;
                font-weight: 500;
                padding: 6px 10px;
                display: flex;
                align-items: center;
                justify-content: center;
                line-height: 1;
                gap: 3px
            }

                .commentTicimaxPopup .commentTiciList .commentTiciItemRecomAndPurc .RecomAndPurc svg, .commentTicimax .commentTiciList .commentTiciItemRecomAndPurc .RecomAndPurc svg {
                    width: 11px;
                    height: 11px
                }

                .commentTicimaxPopup .commentTiciList .commentTiciItemRecomAndPurc .RecomAndPurc.recommendedBtn, .commentTicimax .commentTiciList .commentTiciItemRecomAndPurc .RecomAndPurc.recommendedBtn {
                    background: #c9c9c9
                }

        .commentTicimax .commentTiciList .commentTiciItemUseful {
            float: left;
            display: flex;
            justify-content: flex-start;
            gap: 8px
        }

        .commentTicimax .commentTiciList .commentTiciItemUsefulTitle {
            float: left;
            color: #000;
            font-size: 11px;
            line-height: normal
        }

        .commentTicimax .commentTiciList .commentTiciItemUsefulTitle {
            float: left;
            color: #000;
            font-size: 11px;
            line-height: normal
        }

        .commentTicimax .commentTiciList .commentTiciItemUsefulButtons {
            float: left;
            display: flex;
            justify-content: flex-start;
            gap: 8px
        }

            .commentTicimax .commentTiciList .commentTiciItemUsefulButtons .UsefulButtons {
                float: left;
                color: #000;
                font-size: 11px;
                font-weight: 500;
                line-height: normal
            }

        .commentTicimax .commentTiciList .commentTiciItemAdmin {
            float: left;
            width: 100%;
            display: flex;
            flex-direction: column;
            gap: 5px;
            padding: 10px;
            background: #ededed
        }

        .commentTicimax .commentTiciList .commentTiciItemAdminName {
            float: left;
            width: 100%;
            color: #000;
            font-size: 12px;
            font-weight: bold
        }

        .commentTicimax .commentTiciList .commentTiciItemAdminText {
            float: left;
            width: 100%;
            color: #000;
            font-size: 11px;
            font-weight: 500
        }

        .commentTicimax .commentTiciList .commentTiciItemAdminInfo {
            float: left;
            width: 100%;
            display: flex;
            justify-content: flex-start
        }

            .commentTicimax .commentTiciList .commentTiciItemAdminInfo .commentInfo {
                float: left;
                color: #989898;
                font-size: 11px
            }

    .commentTicimax .commentTiciNewComment {
        float: left;
        width: 100%;
        padding: 40px 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 12px;
        text-align: center
    }

    .commentTicimax .commentTiciNewCommentTitle {
        float: left;
        width: 100%;
        color: #000;
        font-size: 22px;
        font-weight: bold;
        line-height: normal
    }

    .commentTicimax .commentTiciNewCommentText {
        float: left;
        width: 100%;
        color: #000;
        font-size: 11px;
        line-height: normal
    }

    .commentTicimax .commentTiciNewCommentButton {
        background: #000;
        color: #fff;
        font-size: 12px;
        font-weight: 500;
        line-height: normal;
        padding: 10px 25px;
        min-width: 120px
    }

    .commentTicimax .commentTiciPager {
        float: left;
        width: 100%;
        display: flex;
        justify-content: flex-start;
        gap: 5px
    }

        .commentTicimax .commentTiciPager a {
            float: left;
            border: 1px solid #989898;
            color: #989898;
            font-size: 11px;
            padding: 6px 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            line-height: normal;
            min-width: 30px
        }

            .commentTicimax .commentTiciPager a.SelectedSayfa {
                border-color: #000;
                color: #fff;
                background: #000
            }

            .commentTicimax .commentTiciPager a.butonDisabled {
                opacity: .4;
                cursor: not-allowed
            }

    .commentTicimax .commentTiciEmpty {
        float: left;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        flex-direction: column;
        text-align: center
    }

    .commentTicimax .commentTiciEmptyIcon {
        float: left;
        width: 100%
    }

        .commentTicimax .commentTiciEmptyIcon svg {
            width: 70px
        }

    .commentTicimax .commentTiciEmptyText {
        float: left;
        width: 100%;
        color: #000;
        font-size: 18px;
        font-weight: bold;
        line-height: normal
    }

.commentTicimaxPopup .commentTiciList {
    padding: 25px
}

    .commentTicimaxPopup .commentTiciList .commentTiciItem {
        padding: 0;
        border: 0
    }

@media screen and (max-width:992px) {
    #yorumResimGosterimModal.ticimaxModal {
        padding: 0
    }

        #yorumResimGosterimModal.ticimaxModal .modal-content {
            width: 100% !important;
            height: 100%;
            background: #fff;
            border-radius: 0
        }

        #yorumResimGosterimModal.ticimaxModal .yorumResimGosterimContent {
            flex-direction: column
        }

    .yorumResimGosterimContent .yorumResimGosterimSol {
        width: 100%;
        height: 100%
    }

    .yorumResimGosterimContent .yorumResimGosterimSag {
        position: absolute;
        left: 0;
        bottom: 0;
        background: rgba(209,209,209,.3);
        z-index: 1;
        width: 100%
    }

    #yorumResimGosterimModal.ticimaxModal .modal-close {
        color: #fff;
        background: #000;
        border-radius: 100%;
        z-index: 2;
        top: 3px;
        right: 3px
    }
}

@media screen and (max-width:767px) {
    .urunTabAlt ul li {
        margin: 0;
        clear: both;
        padding: 0
    }

    #yorumYaz .customLabel {
        clear: left
    }

    #yorumOnizleme #divYorumOnizleme .divYorumOnizlemeHeader {
        font-size: 17px
    }

    #yorumOnizleme .yorum-item-left, #yorumOnizleme .yorum-item-right {
        width: 100%
    }

    #yorumYaz .frmUrunDetayYorumYaz .yorumUrunImg > div img {
        max-width: 100%
    }

    #yorumYaz .frmUrunDetayYorumYaz .divYorumHeader {
        padding: 0 0 10px;
        font-size: 16px
    }

    .commentTicimax .commentTiciGeneralRating {
        gap: 10px
    }

    #yorumYaz .frmUrunDetayYorumYaz {
        padding: 15px
    }

        #yorumYaz .frmUrunDetayYorumYaz .yorumDeger {
            margin-bottom: 20px
        }

        #yorumYaz .frmUrunDetayYorumYaz .YorumContIcerik > div {
            margin-bottom: 20px
        }

    #yorumYaz textarea {
        min-height: 70px
    }

    #yorumYaz .frmUrunDetayYorumYaz .yorumMusteriAdCheck {
        margin-bottom: 10px
    }

    #yorumYaz .frmUrunDetayYorumYaz .divYorumFotografEkleme .yorumFotograflarRow {
        margin: 0 -5px
    }

    #yorumYaz .frmUrunDetayYorumYaz .divYorumFotografEkleme .yorumFotograflarDiv {
        padding: 0 5px
    }

        #yorumYaz .frmUrunDetayYorumYaz .divYorumFotografEkleme .yorumFotograflarDiv .upload-options .upload-btn label {
            font-size: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 5px
        }

        #yorumYaz .frmUrunDetayYorumYaz .divYorumFotografEkleme .yorumFotograflarDiv .upload-options .fileClear {
            font-size: 12px;
            display: flex;
            align-items: center;
            padding: 5px;
            width: 100%;
            justify-content: center
        }

    #yorumYaz .frmUrunDetayYorumYaz .divYorumFotografEkleme .yorumBaslik .yorumDescriptionLabel {
        font-size: 11px
    }
}

@media screen and (max-width:580px) {
    #yorumYaz .frmUrunDetayYorumYaz .yorumContentTop {
        flex-direction: column;
        gap: 20px
    }

    #yorumYaz .frmUrunDetayYorumYaz .yorumContentLeft {
        flex: 1
    }

    #yorumYaz .frmUrunDetayYorumYaz .yorumUrunImg > div img {
        max-height: 220px
    }

    #yorumYaz .frmUrunDetayYorumYaz .YorumContIcerik > div {
        margin-bottom: 0
    }
}

#email-list {
    display: none;
    position: absolute;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 5px;
    width: 200px;
    z-index: 99999;
    list-style-type: none
}

    #email-list li {
        cursor: pointer
    }

        #email-list li:hover {
            background-color: #f2f2f2
        }